SurfaceCompositionAdmission · types
Interfaces, valeurs et contrats nommés de SurfaceCompositionAdmission.
Les types ci-dessous définissent les objets nommés et leurs relations. Les propriétés héritées sont incluses dans les tableaux. Les types dérivés d’un schéma renvoient à sa structure; une déclaration TypeScript ne remplace pas les contrôles sémantiques du compilateur.
SurfaceCompositionAdmissionContext
Exact bundle capabilities are mandatory, never inferred from the larger portable catalogue.
| Champ | Options / valeurs attendues | Description |
|---|---|---|
catalogue |
{ contract: "SurfaceCompositionCatalogue@1"; version: "0.0.0.1"; hash: string; } |
Requis. Définit « catalogue » pour cet objet. Respecter le type, les variantes et les limites de la colonne Options. |
supportedComponents |
readonly ("HomeHeader" | "HomeLaunchers" | "HomeLayout" | "HomeSection" | "HomeActivity" | "Page" | "Section" | "Stack" | "Grid" | "Card" | "Heading" | "Text" | "Badge" | "Icon" | "RecordIdentity" | "RecordField" | "RecordSettings" | "RecordTags" | "RecordMetric" | "RecordRelations" | "NativeContent" | "QueryTable" | "RecordCards" | "QueryGraph" | "QueryKanban" | "QueryGantt" | "QueryTimeline" | "QueryCalendar" | "ModelAction" | "RecordLayout" | "Tabs" | "TabPanel" | "ActionGroup" | "Header" | "WorkIdentity" | "WorkNavigation" | "WorkPanel" | "WorkStageRail" | "WorkTargetContent" | "WorkSources" | "WorkRequests" | "WorkCriteria" | "WorkAction")[] |
Requis. Définit « supported Components » pour cet objet. Respecter le type, les variantes et les limites de la colonne Options. |
export interface SurfaceCompositionAdmissionContext {
readonly catalogue: SurfaceCompositionCatalogueIdentity;
readonly supportedComponents: readonly SurfaceCompositionComponentName[];
}
Exemples appliqués : Composer la fiche et ses relations
Deux Stack déclarés portent le contenu principal puis les relations, sans cadres supplémentaires. Le preset choisit la largeur du panneau droit.
Configuration
Propriétés du composant RecordLayout.props. Propriétés et valeurs admises.
{
"asideWidth": "standard"
}
Variante et raccordement
Propriétés du composant RecordLayout.props. Propriétés et valeurs admises.
{
"asideWidth": "compact"
}
Exemple de disposition UI
La disposition illustrative ci-dessous situe cette configuration dans l’app Clients/Soumissions. Chaque fragment s’insère à l’emplacement indiqué; ses références aux Fields, Queries et Actions correspondent aux déclarations du Model.
- Identité du client
- Notes et suivi
- Paramètres
- Soumissions liées
Le client souhaite préparer une proposition pour son nouveau projet. Préciser les besoins et confirmer le budget avant la revue.
Texte éditable dans la Surface