j-UIStudio

Το συστατικό φορτώνει μια εφαρμογή Flow UI Studio μέσω του ρυθμιζόμενου τελικού σημείου. Ορίστε το URL σε αυτό το τελικό σημείο και χειριστείτε τα μεταδεδομένα ή τις ενημερώσεις της εφαρμογής με onmeta και onapp.

Αυτό το συστατικό παραδίδει την εφαρμογή σύμφωνα με το σχήμα Total.js Flow UI Studio.

ΕΠΙΤΡΟΦΗ:

• url {String} το τελικό σημείο πλοήγησης που αποδέχεται τις αιτήσεις POST και επιστρέφει τα μεταδεδομένα βήμα JSON
• Το css {Boolean} εφαρμόζει το στυλ εφαρμογής στο τρέχον στοιχείο (προεπιλεγμένο: true)
• Το ssid {String} είναι προαιρετικό, προσθέτει έναν αναγνωριστή συνεδρίας στην διεύθυνση URL για τη ροή
• title {Boolean} Εναλλακτικά, αναθεωρήσεις document.title Με το όνομα της εφαρμογής
• plus {String} προαιρετική, λειτουργεί μόνο με title:true και προσθέτει title - config.plus
• onmeta {String} προαιρετική, ένας σύνδεσμος με το function(meta) καταγράφει ένα meta δεδομένα
• onapp {String} προαιρετική, ένας σύνδεσμος με το function(app) καταγράφει ένα νέο σχεδιασμό UI
• origin {String} Εναλλακτικά
• onrequest {String} προαιρετική, ένας σύνδεσμος με το function(payload) μπορεί να τροποποιήσει τα δεδομένα αιτήσεων
• flowoutput {Boolean} επιλογή, επιτρέπει τις εξόδους μόνο από το συστατικό FlowOutput (προεπιλεγμένο: true)

Ιδιοκτησία:

• Το component.app περιέχει μια περίπτωση app.

Καλό να ξέρεις:

Το συστατικό επεκτείνει την περίπτωση app προσθέτοντας την ιδιότητα breadcrumb {Array}.

Χρήση

<ui-component name="uistudio"
  config="url:/api/studio/;onapp:studioLoaded;loading:false"></ui-component>
<script>
  function studioLoaded(app) {
    console.log(app);
  }
</script>

Η τελική πλοήγηση

Το στοιχείο αποστέλλει ένα αίτημα POST στο ρυθμιζόμενο τελικό σημείο. το αίτημα φέρει την τρέχουσα κατάσταση πλοήγησης, συμπεριλαμβανομένων origin, queryΜια επιλεκτική ssidΚαι η τρέχουσα id, output και data Όταν μια αίτηση εκδίδει ένα προϊόν.

Επιστρέψτε ένα id για το βήμα και ένα url για το εξαγωγικό σχεδιασμό του UI Builder:

{
  "id": "home",
  "url": "/ui/home.json",
  "data": {}
}

Το σχεδιασμό που εξάγεται από UI Builder στην /ui/home.jsonΤο στοιχείο το κατεβάζει με GET και δημιουργεί την εφαρμογή μέσω UIBuilder.build()Αν η απάντηση περιλαμβάνει ένα inputΤο στοιχείο ονομάζει την εισαγωγή της εφαρμογής input και dataΗ onmeta Το Callback λαμβάνει την απάντηση στα βήματα και onapp Αποδέχεται τη δημιουργία της αίτησης.

loading:false να απενεργοποιήσει τον δείκτη φόρτωσης. για να το εμφανίσει, δηλώστε ένα j-Loading Συνιστώμενη και επιτρεπόμενη loading.

Πηγή : Total.js συστατικάCopyright Peter Širka και συνεισφέροντες. Αδειοδότηση.