# j-UIStudio

> Εφαρμογή Flow UI Studio.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: el
Content-SHA256: 6c1245ebecea067622d1d6dc8a905431fd0e8fb260b5f685c5f043a34340cd72
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: usage-reviewed

Το συστατικό φορτώνει μια εφαρμογή 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}`.

## Χρήση

```html
<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:

```json
{
  "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 συστατικά](https://github.com/totaljs/components/tree/910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e/j-UIStudio)Copyright Peter Širka και συνεισφέροντες. [Αδειοδότηση](/knowledge-licenses.json).