@ibiz-template/vue3-util 0.7.41-alpha.111 → 0.7.41-alpha.113

package/es/control/panel/view-layout-panel/view-layout-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"view-layout-panel.d.ts","sourceRoot":"","sources":["../../../../src/control/panel/view-layout-panel/view-layout-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EAGR,KAAK,EAKN,MAAM,KAAK,CAAC;AACb,OAAO,EAGL,UAAU,EAEV,gBAAgB,EACjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAEL,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAIlB,yBAAyB,EAC1B,MAAM,wBAAwB,CAAC;AAEhC,OAAO,0BAA0B,CAAC;AAyBlC;;GAEG;AACH,eAAO,MAAM,sBAAsB;IAG/B;;OAEG;;;;;IAKH;;OAEG;;;;;IAEH;;;OAGG;;;;;IAEH;;;OAGG;;;;IAEH;;OAEG;;;;IAEH;;OAEG;;;;;;;iCAuCU,UAAU,YACX;QACR,SAAS,EAAE;YACT,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAC;SACnC,CAAC;QACF,UAAU,EAAE;YACV,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAC;SACrC,CAAC;KACH,KACA,KAAK,GAAG,IAAI;;IA3Ef;;OAEG;;;;;IAKH;;OAEG;;;;;IAEH;;;OAGG;;;;;IAEH;;;OAGG;;;;IAEH;;OAEG;;;;IAEH;;OAEG;;;;;;4EAiLL,CAAC"}
+{"version":3,"file":"view-layout-panel.d.ts","sourceRoot":"","sources":["../../../../src/control/panel/view-layout-panel/view-layout-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EAGR,KAAK,EAKN,MAAM,KAAK,CAAC;AACb,OAAO,EAGL,UAAU,EAEV,gBAAgB,EACjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAEL,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAIlB,yBAAyB,EAC1B,MAAM,wBAAwB,CAAC;AAEhC,OAAO,0BAA0B,CAAC;AAyBlC;;GAEG;AACH,eAAO,MAAM,sBAAsB;IAG/B;;OAEG;;;;;IAKH;;OAEG;;;;;IAEH;;;OAGG;;;;;IAEH;;;OAGG;;;;IAEH;;OAEG;;;;IAEH;;OAEG;;;;;;;iCAuCU,UAAU,YACX;QACR,SAAS,EAAE;YACT,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAC;SACnC,CAAC;QACF,UAAU,EAAE;YACV,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAC;SACrC,CAAC;KACH,KACA,KAAK,GAAG,IAAI;;IA3Ef;;OAEG;;;;;IAKH;;OAEG;;;;;IAEH;;;OAGG;;;;;IAEH;;;OAGG;;;;IAEH;;OAEG;;;;IAEH;;OAEG;;;;;;4EAuLL,CAAC"}

package/es/control/panel/view-layout-panel/view-layout-panel.mjs

@@ -115,14 +115,19 @@ const ViewLayoutPanelControl = /* @__PURE__ */ defineComponent({
       if (panelItem.itemType === "CTRLPOS" && slots[panelItem.id]) {
         const panelItemC2 = panelItems[panelItem.id];
         if (panelItemC2.parent && isSimpleDataContainer(panelItemC2.parent.model)) {
-          children = () => {
+          children = (event = {}) => {
             return slots[panelItem.id]({
               isSimple: true,
-              data: panelItemC2.data
+              data: panelItemC2.data,
+              class: event.class,
+              style: event.style
             });
           };
         } else {
-          children = () => slots[panelItem.id]();
+          children = (event = {}) => slots[panelItem.id]({
+            class: event.class,
+            style: event.style
+          });
         }
       } else if (panelItem.itemType === "TABPANEL" && ((_a = panelItem.panelTabPages) == null ? void 0 : _a.length)) {
         children = () => {

package/es/panel-component/auth-wxmp-qrcode/auth-wxmp-qrcode.css

@@ -1 +1 @@
-.ibiz-auth-wxmp-qrcode{--ibiz-auth-wxmp-qrcode-caption-font-size:var(--ibiz-font-size-small);--ibiz-auth-wxmp-qrcode-bg-color:rgba(255, 255, 255, 0.9);--ibiz-auth-wxmp-qrcode-mask-color:var(--ibiz-color-primary);--ibiz-auth-wxmp-qrcode-mask-icon-font-size:var(--ibiz-font-size-header-1);--ibiz-auth-wxmp-qrcode-mask-icon-hover-color:var(--ibiz-color-primary-hover);width:100%;height:100%}.ibiz-auth-wxmp-qrcode__content{position:relative;width:100%;height:100%}.ibiz-auth-wxmp-qrcode__qrcode{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ibiz-auth-wxmp-qrcode__caption{font-size:var(--ibiz-auth-wxmp-qrcode-caption-font-size);text-align:center}.ibiz-auth-wxmp-qrcode__mask{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ibiz-auth-wxmp-qrcode-mask-color);background-color:var(--ibiz-auth-wxmp-qrcode-bg-color)}.ibiz-auth-wxmp-qrcode__mask--icon{font-size:var(--ibiz-auth-wxmp-qrcode-mask-icon-font-size);cursor:pointer}.ibiz-auth-wxmp-qrcode__mask--icon:hover{color:var(--ibiz-auth-wxmp-qrcode-mask-icon-hover-color)}
+.ibiz-auth-wxmp-qrcode{--ibiz-auth-wxmp-qrcode-caption-font-size:var(--ibiz-font-size-small);--ibiz-auth-wxmp-qrcode-bg-color:rgba(255, 255, 255, 0.9);--ibiz-auth-wxmp-qrcode-mask-color:var(--ibiz-color-primary);--ibiz-auth-wxmp-qrcode-mask-icon-font-size:var(--ibiz-font-size-header-1);--ibiz-auth-wxmp-qrcode-mask-icon-hover-color:var(--ibiz-color-primary-hover);display:flex;flex-direction:column;width:100%;height:100%}.ibiz-auth-wxmp-qrcode__content{position:relative;width:100%;height:100%}.ibiz-auth-wxmp-qrcode__qrcode{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ibiz-auth-wxmp-qrcode__caption{font-size:var(--ibiz-auth-wxmp-qrcode-caption-font-size);text-align:center}.ibiz-auth-wxmp-qrcode__mask{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ibiz-auth-wxmp-qrcode-mask-color);background-color:var(--ibiz-auth-wxmp-qrcode-bg-color)}.ibiz-auth-wxmp-qrcode__mask--icon{font-size:var(--ibiz-auth-wxmp-qrcode-mask-icon-font-size);cursor:pointer}.ibiz-auth-wxmp-qrcode__mask--icon:hover{color:var(--ibiz-auth-wxmp-qrcode-mask-icon-hover-color)}

package/es/panel-component/auth-wxmp-qrcode/auth-wxmp-qrcode.d.ts

@@ -28,6 +28,8 @@ export declare const AuthWxmpQrcode: import("vue").DefineComponent<import("vue")
 }>, {
     ns: import("@ibiz-template/core").Namespace;
     loadQrcode: () => Promise<void>;
+    semanticClass: import("../../use").UseSemanticClassReturn;
+    semanticStyle: import("../../use").UseSemanticStyleReturn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 微信二维码模型

package/es/panel-component/auth-wxmp-qrcode/auth-wxmp-qrcode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auth-wxmp-qrcode.d.ts","sourceRoot":"","sources":["../../../src/panel-component/auth-wxmp-qrcode/auth-wxmp-qrcode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,QAAQ,EAAgC,MAAM,KAAK,CAAC;AAEpE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,OAAO,yBAAyB,CAAC;AAEjC;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc;IAGvB;;OAEG;;;;;IAKH;;OAEG;;;;;;;sBAiB0B,QAAQ,IAAI,CAAC;;IA1B1C;;OAEG;;;;;IAKH;;OAEG;;;;;iGAoEL,CAAC"}
+{"version":3,"file":"auth-wxmp-qrcode.d.ts","sourceRoot":"","sources":["../../../src/panel-component/auth-wxmp-qrcode/auth-wxmp-qrcode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,QAAQ,EAAgC,MAAM,KAAK,CAAC;AAEpE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,OAAO,yBAAyB,CAAC;AAEjC;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc;IAGvB;;OAEG;;;;;IAKH;;OAEG;;;;;;;sBAkB0B,QAAQ,IAAI,CAAC;;;;IA3B1C;;OAEG;;;;;IAKH;;OAEG;;;;;iGAiFL,CAAC"}

package/es/panel-component/auth-wxmp-qrcode/auth-wxmp-qrcode.mjs

@@ -3,6 +3,7 @@ import { useRoute } from 'vue-router';
 import '../../use/index.mjs';
 import './auth-wxmp-qrcode.css';
 import { useNamespace } from '../../use/namespace/namespace.mjs';
+import { useSemanticNode } from '../../use/use-semantic-node/use-semantic-node.mjs';
 
 "use strict";
 const AuthWxmpQrcode = /* @__PURE__ */ defineComponent({
@@ -30,6 +31,10 @@ const AuthWxmpQrcode = /* @__PURE__ */ defineComponent({
     } = props.controller;
     const route = useRoute();
     props.controller.setRouter(route);
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(props.controller);
     const loadQrcode = async () => {
       await props.controller.loadQrcode();
     };
@@ -46,27 +51,33 @@ const AuthWxmpQrcode = /* @__PURE__ */ defineComponent({
     });
     return {
       ns,
-      loadQrcode
+      loadQrcode,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
     var _a, _b;
     return createVNode("div", {
-      "class": this.ns.b()
+      "class": [this.ns.b(), this.semanticClass("root")],
+      "style": this.semanticStyle("root")
     }, [createVNode("div", {
       "class": this.ns.e("content")
     }, [this.controller.state.qrcode && createVNode("img", {
-      "class": this.ns.e("qrcode"),
+      "class": [this.ns.e("qrcode"), this.semanticClass("content")],
+      "style": this.semanticStyle("content"),
       "src": (_a = this.controller.state.qrcode) == null ? void 0 : _a.url
     }, null), !((_b = this.controller.state.qrcode) == null ? void 0 : _b.expirein) && createVNode("div", {
-      "class": this.ns.e("mask")
+      "class": [this.ns.e("mask"), this.semanticClass("mask")],
+      "style": this.semanticStyle("mask")
     }, [createVNode("ion-icon", {
       "title": ibiz.i18n.t("vue3Util.panelComponent.refresh"),
       "name": "reload-outline",
       "onClick": this.loadQrcode,
       "class": this.ns.em("mask", "icon")
     }, null)])]), createVNode("div", {
-      "class": this.ns.e("caption")
+      "class": [this.ns.e("caption"), this.semanticClass("caption")],
+      "style": this.semanticStyle("caption")
     }, [this.controller.state.tips])]);
   }
 });

package/es/panel-component/auth-wxmp-qrcode/index.d.ts

@@ -10,6 +10,8 @@ export declare const IBizAuthWxmpQrcode: import("../../util").TypeWithInstall<im
 }>, {
     ns: import("@ibiz-template/core").Namespace;
     loadQrcode: () => Promise<void>;
+    semanticClass: import("../..").UseSemanticClassReturn;
+    semanticStyle: import("../..").UseSemanticStyleReturn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;

package/es/panel-component/auth-wxmp-qrcode/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/auth-wxmp-qrcode/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;kGAS9B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/auth-wxmp-qrcode/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;kGAS9B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/es/panel-component/grid-container/grid-container.d.ts

@@ -38,6 +38,8 @@ export declare const GridContainer: import("vue").DefineComponent<import("vue").
     convertLayoutPos: (layoutPos: IFlexLayoutPos, adaptGrow: number) => IFlexLayoutPos;
     adaptGrow: Ref<number, number>;
     adaptCols: Ref<number | undefined, number | undefined>;
+    semanticClass: import("../../use").UseSemanticClassReturn;
+    semanticStyle: import("../../use").UseSemanticStyleReturn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 栅格容器模型

package/es/panel-component/grid-container/grid-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-container.d.ts","sourceRoot":"","sources":["../../../src/panel-component/grid-container/grid-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAA6B,QAAQ,EAAO,GAAG,EAAS,MAAM,KAAK,CAAC;AAE3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,uBAAuB,CAAC;AAE/B;;;;GAIG;AACH,eAAO,MAAM,aAAa;IAGtB;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;;;;;;;;kCA0BU,cAAc,aACd,MAAM,KAChB,cAAc;;;;IArCjB;;OAEG;;;;;IAKH;;OAEG;;;;;iGA+GL,CAAC"}
+{"version":3,"file":"grid-container.d.ts","sourceRoot":"","sources":["../../../src/panel-component/grid-container/grid-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAA6B,QAAQ,EAAO,GAAG,EAAS,MAAM,KAAK,CAAC;AAE3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,uBAAuB,CAAC;AAE/B;;;;GAIG;AACH,eAAO,MAAM,aAAa;IAGtB;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;;;;;;;;kCA2BU,cAAc,aACd,MAAM,KAChB,cAAc;;;;;;IAtCjB;;OAEG;;;;;IAKH;;OAEG;;;;;iGAqHL,CAAC"}

package/es/panel-component/grid-container/grid-container.mjs

@@ -3,6 +3,7 @@ import '../../use/index.mjs';
 import { GridContainerController } from './grid-container.controller.mjs';
 import './grid-container.css';
 import { useNamespace } from '../../use/namespace/namespace.mjs';
+import { useSemanticNode } from '../../use/use-semantic-node/use-semantic-node.mjs';
 
 "use strict";
 function _isSlot(s) {
@@ -31,6 +32,10 @@ const GridContainer = /* @__PURE__ */ defineComponent({
     const {
       id
     } = props.modelData;
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(props.controller);
     const classArr = computed(() => {
       let result = [ns.b(), ns.m(id)];
       result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
@@ -62,7 +67,9 @@ const GridContainer = /* @__PURE__ */ defineComponent({
       layoutModel,
       convertLayoutPos,
       adaptGrow,
-      adaptCols
+      adaptCols,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
@@ -90,7 +97,8 @@ const GridContainer = /* @__PURE__ */ defineComponent({
       this.adaptGrow = adaptGrow;
     }
     return withDirectives(createVNode(resolveComponent("iBizRow"), {
-      "class": this.classArr,
+      "class": [this.classArr, this.semanticClass("root")],
+      "style": this.semanticStyle("root"),
       "layout": this.layoutModel,
       "element-loading-text": this.controller.state.loadingText
     }, _isSlot(_slot = defaultSlots.map((slot) => {
@@ -99,6 +107,8 @@ const GridContainer = /* @__PURE__ */ defineComponent({
         return slot;
       }
       return createVNode(resolveComponent("iBizCol"), {
+        "class": this.semanticClass("item"),
+        "style": this.semanticStyle("item"),
         "layoutPos": this.convertLayoutPos(props.modelData.layoutPos, this.adaptGrow),
         "state": props.controller.state
       }, _isSlot(slot) ? slot : {

package/es/panel-component/grid-container/index.d.ts

@@ -26,6 +26,8 @@ export declare const IBizGridContainer: import("../../util").TypeWithInstall<imp
     convertLayoutPos: (layoutPos: import("@ibiz/model-core").IFlexLayoutPos, adaptGrow: number) => import("@ibiz/model-core").IFlexLayoutPos;
     adaptGrow: import("vue").Ref<number, number>;
     adaptCols: import("vue").Ref<number | undefined, number | undefined>;
+    semanticClass: import("../..").UseSemanticClassReturn;
+    semanticStyle: import("../..").UseSemanticStyleReturn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;

package/es/panel-component/grid-container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/grid-container/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,CAAC;AAEvD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kGAM5B,CAAC;AAEH,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/grid-container/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,CAAC;AAEvD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kGAM5B,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/es/panel-component/multi-data-container/index.d.ts

@@ -23,6 +23,8 @@ export declare const IBizMultiDataContainer: import("../../util").TypeWithInstal
     } | undefined) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null;
+    semanticClass: import("../..").UseSemanticClassReturn;
+    semanticStyle: import("../..").UseSemanticStyleReturn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;

package/es/panel-component/multi-data-container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/multi-data-container/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,CAAC;AAEjE,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kGASlC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/multi-data-container/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,CAAC;AAEjE,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kGASlC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/es/panel-component/multi-data-container/multi-data-container.d.ts

@@ -34,6 +34,8 @@ export declare const MultiDataContainer: import("vue").DefineComponent<import("v
             [key: string]: IPanelItemController;
         };
     }) => VNode | null;
+    semanticClass: import("../../use").UseSemanticClassReturn;
+    semanticStyle: import("../../use").UseSemanticStyleReturn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 多项数据容器模型

package/es/panel-component/multi-data-container/multi-data-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multi-data-container.d.ts","sourceRoot":"","sources":["../../../src/panel-component/multi-data-container/multi-data-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAIL,QAAQ,EAER,KAAK,EAEN,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,6BAA6B,CAAC;AAErC;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;IAG3B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;iCA8BY,UAAU,YACX;QACR,SAAS,EAAE;YACT,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAC;SACnC,CAAC;QACF,UAAU,EAAE;YACV,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAC;SACrC,CAAC;KACH,KACE,KAAK,GAAG,IAAI;;IAhDnB;;OAEG;;;;;IAKH;;OAEG;;;;;iGA4FL,CAAC"}
+{"version":3,"file":"multi-data-container.d.ts","sourceRoot":"","sources":["../../../src/panel-component/multi-data-container/multi-data-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAIL,QAAQ,EAER,KAAK,EAEN,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,6BAA6B,CAAC;AAErC;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;IAG3B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;iCA+BY,UAAU,YACX;QACR,SAAS,EAAE;YACT,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAC;SACnC,CAAC;QACF,UAAU,EAAE;YACV,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAC;SACrC,CAAC;KACH,KACE,KAAK,GAAG,IAAI;;;;IAjDnB;;OAEG;;;;;IAKH;;OAEG;;;;;iGAqGL,CAAC"}

package/es/panel-component/multi-data-container/multi-data-container.mjs

@@ -3,6 +3,7 @@ import '../../use/index.mjs';
 import { MultiDataContainerController } from './multi-data-container.controller.mjs';
 import './multi-data-container.css';
 import { useNamespace } from '../../use/namespace/namespace.mjs';
+import { useSemanticNode } from '../../use/use-semantic-node/use-semantic-node.mjs';
 
 "use strict";
 function _isSlot(s) {
@@ -31,6 +32,10 @@ const MultiDataContainer = /* @__PURE__ */ defineComponent({
     const {
       id
     } = props.modelData;
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(props.controller);
     watch(() => props.controller.state.items, () => {
       props.controller.dataItems.forEach((item) => {
         item.state = reactive(item.state);
@@ -51,7 +56,9 @@ const MultiDataContainer = /* @__PURE__ */ defineComponent({
     return {
       ns,
       classArr,
-      renderPanelItem
+      renderPanelItem,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
@@ -62,7 +69,12 @@ const MultiDataContainer = /* @__PURE__ */ defineComponent({
       content = this.controller.state.items.map((_item, index) => {
         const itemController = this.controller.dataItems[index];
         return createVNode(resolveComponent("iBizRow"), {
-          "class": this.ns.b("content"),
+          "class": [this.ns.b("content"), this.semanticClass("item", {
+            data: _item
+          })],
+          "style": this.semanticStyle("item", {
+            data: _item
+          }),
           "layout": this.modelData.layout
         }, {
           default: () => {
@@ -85,7 +97,8 @@ const MultiDataContainer = /* @__PURE__ */ defineComponent({
       });
     }
     return withDirectives(createVNode("div", {
-      "class": this.classArr,
+      "class": [this.classArr, this.semanticClass("root")],
+      "style": this.semanticStyle("root"),
       "element-loading-text": this.controller.state.loadingText
     }, [content]), [[resolveDirective("loading"), this.controller.state.loading]]);
   }

package/es/panel-component/multi-data-container-raw/index.d.ts

@@ -23,6 +23,8 @@ export declare const IBizMultiDataContainerRaw: import("../../util").TypeWithIns
     } | undefined) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null;
+    semanticClass: import("../..").UseSemanticClassReturn;
+    semanticStyle: import("../..").UseSemanticStyleReturn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;

package/es/panel-component/multi-data-container-raw/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/multi-data-container-raw/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,+BAA+B,EAAE,MAAM,uCAAuC,CAAC;AAExF,OAAO,EAAE,0BAA0B,EAAE,+BAA+B,EAAE,CAAC;AAEvE,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kGASrC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/multi-data-container-raw/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,+BAA+B,EAAE,MAAM,uCAAuC,CAAC;AAExF,OAAO,EAAE,0BAA0B,EAAE,+BAA+B,EAAE,CAAC;AAEvE,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kGASrC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/es/panel-component/multi-data-container-raw/multi-data-container-raw.d.ts

@@ -34,6 +34,8 @@ export declare const MultiDataContainerRaw: import("vue").DefineComponent<import
             [key: string]: IPanelItemController;
         };
     }) => VNode | null;
+    semanticClass: import("../../use").UseSemanticClassReturn;
+    semanticStyle: import("../../use").UseSemanticStyleReturn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 多项数据容器（仅数据）模型

package/es/panel-component/multi-data-container-raw/multi-data-container-raw.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multi-data-container-raw.d.ts","sourceRoot":"","sources":["../../../src/panel-component/multi-data-container-raw/multi-data-container-raw.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAIL,QAAQ,EAER,KAAK,EAEN,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,+BAA+B,EAAE,MAAM,uCAAuC,CAAC;AACxF,OAAO,iCAAiC,CAAC;AAEzC;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;IAG9B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;iCA0BY,UAAU,YACX;QACR,SAAS,EAAE;YACT,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAC;SACnC,CAAC;QACF,UAAU,EAAE;YACV,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAC;SACrC,CAAC;KACH,KACE,KAAK,GAAG,IAAI;;IA5CnB;;OAEG;;;;;IAKH;;OAEG;;;;;iGAqFL,CAAC"}
+{"version":3,"file":"multi-data-container-raw.d.ts","sourceRoot":"","sources":["../../../src/panel-component/multi-data-container-raw/multi-data-container-raw.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAIL,QAAQ,EAER,KAAK,EAEN,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,+BAA+B,EAAE,MAAM,uCAAuC,CAAC;AACxF,OAAO,iCAAiC,CAAC;AAEzC;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;IAG9B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;iCA2BY,UAAU,YACX;QACR,SAAS,EAAE;YACT,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAC;SACnC,CAAC;QACF,UAAU,EAAE;YACV,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAC;SACrC,CAAC;KACH,KACE,KAAK,GAAG,IAAI;;;;IA7CnB;;OAEG;;;;;IAKH;;OAEG;;;;;iGA6FL,CAAC"}

package/es/panel-component/multi-data-container-raw/multi-data-container-raw.mjs

@@ -3,6 +3,7 @@ import '../../use/index.mjs';
 import { MultiDataContainerRawController } from './multi-data-container-raw.controller.mjs';
 import './multi-data-container-raw.css';
 import { useNamespace } from '../../use/namespace/namespace.mjs';
+import { useSemanticNode } from '../../use/use-semantic-node/use-semantic-node.mjs';
 
 "use strict";
 function _isSlot(s) {
@@ -31,6 +32,10 @@ const MultiDataContainerRaw = /* @__PURE__ */ defineComponent({
     const {
       id
     } = props.modelData;
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(props.controller);
     watch(() => props.controller.state.items, () => {
       const keys = Object.keys(props.controller.panelItems);
       keys.forEach((key) => {
@@ -49,7 +54,9 @@ const MultiDataContainerRaw = /* @__PURE__ */ defineComponent({
     return {
       ns,
       classArr,
-      renderPanelItem
+      renderPanelItem,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
@@ -58,7 +65,8 @@ const MultiDataContainerRaw = /* @__PURE__ */ defineComponent({
       content = this.$slots.default();
     } else {
       content = createVNode(resolveComponent("iBizRow"), {
-        "class": this.ns.b("content"),
+        "class": [this.ns.b("content"), this.semanticClass("content")],
+        "style": this.semanticStyle("content"),
         "layout": this.modelData.layout
       }, {
         default: () => {
@@ -68,7 +76,13 @@ const MultiDataContainerRaw = /* @__PURE__ */ defineComponent({
             const childController = this.controller.panelItems[panelItem.id];
             return createVNode(resolveComponent("iBizCol"), {
               "layoutPos": panelItem.layoutPos,
-              "state": childController.state
+              "state": childController.state,
+              "class": this.semanticClass("item", {
+                item: childController
+              }),
+              "style": this.semanticStyle("item", {
+                item: childController
+              })
             }, _isSlot(_slot = this.renderPanelItem(panelItem, {
               providers: this.controller.providers,
               panelItems: this.controller.panelItems
@@ -80,7 +94,8 @@ const MultiDataContainerRaw = /* @__PURE__ */ defineComponent({
       });
     }
     return withDirectives(createVNode("div", {
-      "class": this.classArr,
+      "class": [this.classArr, this.semanticClass("root")],
+      "style": this.semanticStyle("root"),
       "element-loading-text": this.controller.state.loadingText
     }, [content]), [[resolveDirective("loading"), this.controller.state.loading]]);
   }

package/es/panel-component/nav-pos/index.d.ts

@@ -15,6 +15,8 @@ export declare const IBizNavPos: import("../../util").TypeWithInstall<import("vu
     c: NavPosController;
     isPresetView: import("vue").Ref<boolean, boolean>;
     onViewCreated: (event: import("@ibiz-template/runtime").EventBase) => void;
+    semanticClass: import("../..").UseSemanticClassReturn;
+    semanticStyle: import("../..").UseSemanticStyleReturn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;

package/es/panel-component/nav-pos/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/nav-pos/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC;AAEzC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;kGAGrB,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/nav-pos/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC;AAEzC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;kGAGrB,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/es/panel-component/nav-pos/nav-pos.d.ts

@@ -33,6 +33,8 @@ export declare const NavPos: import("vue").DefineComponent<import("vue").Extract
     c: NavPosController;
     isPresetView: import("vue").Ref<boolean, boolean>;
     onViewCreated: (event: EventBase) => void;
+    semanticClass: import("../../use").UseSemanticClassReturn;
+    semanticStyle: import("../../use").UseSemanticStyleReturn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 导航占位模型

package/es/panel-component/nav-pos/nav-pos.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-pos.d.ts","sourceRoot":"","sources":["../../../src/panel-component/nav-pos/nav-pos.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,EAKT,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,gBAAgB,CAAC;AAIxB;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM;IAGf;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;2BAS2B,SAAS,KAAG,IAAI;;IAlB9C;;OAEG;;;;;IAKH;;OAEG;;;;;iGAiHL,CAAC"}
+{"version":3,"file":"nav-pos.d.ts","sourceRoot":"","sources":["../../../src/panel-component/nav-pos/nav-pos.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,EAKT,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,gBAAgB,CAAC;AAIxB;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM;IAGf;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;2BAW2B,SAAS,KAAG,IAAI;;;;IApB9C;;OAEG;;;;;IAKH;;OAEG;;;;;iGA8HL,CAAC"}

package/es/panel-component/nav-pos/nav-pos.mjs

@@ -5,6 +5,7 @@ import './nav-pos.css';
 import '../../use/index.mjs';
 import '../../util/index.mjs';
 import { useNamespace } from '../../use/namespace/namespace.mjs';
+import { useSemanticNode } from '../../use/use-semantic-node/use-semantic-node.mjs';
 import { getNestedRoutePath } from '../../util/route/route.mjs';
 
 "use strict";
@@ -32,6 +33,10 @@ const NavPos = /* @__PURE__ */ defineComponent({
   setup(props) {
     const c = props.controller;
     const ns = useNamespace("nav-pos");
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(props.controller);
     const onViewCreated = (event) => {
       c.onViewCreated(event);
     };
@@ -60,7 +65,9 @@ const NavPos = /* @__PURE__ */ defineComponent({
       ns,
       c,
       isPresetView,
-      onViewCreated
+      onViewCreated,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
@@ -77,9 +84,14 @@ const NavPos = /* @__PURE__ */ defineComponent({
     let content = null;
     if (state.routeOpen) {
       if (this.isPresetView) {
-        return createVNode(RouterView, null, null);
+        return createVNode(RouterView, {
+          "class": this.semanticClass("content"),
+          "style": this.semanticStyle("content")
+        }, null);
       }
       content = createVNode(resolveComponent("iBizRouterView"), {
+        "class": this.semanticClass("content"),
+        "style": this.semanticStyle("content"),
         "manualKey": currentKey,
         "modal": viewModals[currentKey],
         "onCreated": this.onViewCreated
@@ -99,6 +111,8 @@ const NavPos = /* @__PURE__ */ defineComponent({
       });
     } else {
       const view = currentKey && navViewMsgs[currentKey] ? h(resolveComponent("IBizViewShell"), {
+        class: this.semanticClass("content"),
+        style: this.semanticStyle("content"),
         context: navViewMsgs[currentKey].context,
         params: navViewMsgs[currentKey].params,
         key: !this.c.ignoreEmbedKey ? currentKey : void 0,
@@ -114,7 +128,8 @@ const NavPos = /* @__PURE__ */ defineComponent({
       }) : view;
     }
     return createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), this.semanticClass("root"), ...this.controller.containerClass],
+      "style": this.semanticStyle("root")
     }, [content]);
   }
 });

package/es/panel-component/panel-container/index.d.ts

@@ -12,6 +12,8 @@ export declare const IBizPanelContainer: import("../../util").TypeWithInstall<im
 }>, {
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
+    semanticClass: import("../..").UseSemanticClassReturn;
+    semanticStyle: import("../..").UseSemanticStyleReturn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;

package/es/panel-component/panel-container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,wBAAwB,EACxB,mBAAmB,EAEpB,MAAM,wBAAwB,CAAC;AAMhC,OAAO,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,CAAC;AAEzD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;kGAc9B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,wBAAwB,EACxB,mBAAmB,EAEpB,MAAM,wBAAwB,CAAC;AAMhC,OAAO,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,CAAC;AAEzD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;kGAc9B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/es/panel-component/panel-container/panel-container.d.ts

@@ -25,6 +25,8 @@ export declare const PanelContainer: import("vue").DefineComponent<import("vue")
 }>, {
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
+    semanticClass: import("../../use").UseSemanticClassReturn;
+    semanticStyle: import("../../use").UseSemanticStyleReturn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 面板容器模型

package/es/panel-component/panel-container/panel-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-container.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container/panel-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAEjE,OAAO,wBAAwB,CAAC;AAEhC;;;;GAIG;AACH,eAAO,MAAM,cAAc;IAGvB;;OAEG;;;;;IAEH;;OAEG;;;;;;;;;IANH;;OAEG;;;;;IAEH;;OAEG;;;;;iGAuGL,CAAC"}
+{"version":3,"file":"panel-container.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container/panel-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAEjE,OAAO,wBAAwB,CAAC;AAEhC;;;;GAIG;AACH,eAAO,MAAM,cAAc;IAGvB;;OAEG;;;;;IAEH;;OAEG;;;;;;;;;;;IANH;;OAEG;;;;;IAEH;;OAEG;;;;;iGAqHL,CAAC"}

package/es/panel-component/panel-container/panel-container.mjs

@@ -3,6 +3,7 @@ import { PanelContainerController } from '@ibiz-template/runtime';
 import '../../use/index.mjs';
 import './panel-container.css';
 import { useNamespace } from '../../use/namespace/namespace.mjs';
+import { useSemanticNode } from '../../use/use-semantic-node/use-semantic-node.mjs';
 
 "use strict";
 function _isSlot(s) {
@@ -31,6 +32,10 @@ const PanelContainer = /* @__PURE__ */ defineComponent({
     const {
       id
     } = props.modelData;
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(props.controller);
     const classArr = computed(() => {
       let result = [ns.b(), ns.m(id)];
       result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
@@ -38,7 +43,9 @@ const PanelContainer = /* @__PURE__ */ defineComponent({
     });
     return {
       ns,
-      classArr
+      classArr,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
@@ -47,6 +54,8 @@ const PanelContainer = /* @__PURE__ */ defineComponent({
     const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
     const content = createVNode(resolveComponent("iBizRow"), {
       "slot": "content",
+      "class": this.semanticClass("content"),
+      "style": this.semanticStyle("content"),
       "layout": this.modelData.layout
     }, _isSlot(_slot = defaultSlots.map((slot) => {
       const props = slot.props;
@@ -55,7 +64,13 @@ const PanelContainer = /* @__PURE__ */ defineComponent({
       }
       return createVNode(resolveComponent("iBizCol"), {
         "layoutPos": props.modelData.layoutPos,
-        "state": props.controller.state
+        "state": props.controller.state,
+        "class": this.semanticClass("item", {
+          props
+        }),
+        "style": this.semanticStyle("item", {
+          props
+        })
       }, _isSlot(slot) ? slot : {
         default: () => [slot]
       });
@@ -74,7 +89,8 @@ const PanelContainer = /* @__PURE__ */ defineComponent({
       }, attributes), {
         default: () => {
           return createVNode("div", mergeProps({
-            "class": this.classArr,
+            "class": [this.classArr, this.semanticClass("root")],
+            "style": this.semanticStyle("root"),
             "onClick": () => {
               this.controller.onClick();
             }
@@ -84,14 +100,16 @@ const PanelContainer = /* @__PURE__ */ defineComponent({
         },
         content: () => {
           return createVNode("div", {
-            "class": this.ns.e("dynamic-tooltip-content"),
+            "class": [this.ns.e("dynamic-tooltip-content"), this.semanticClass("tooltip")],
+            "style": this.semanticStyle("tooltip"),
             "innerHTML": attrs.dynamictooltip.content
           }, null);
         }
       });
     }
     return withDirectives(createVNode("div", {
-      "class": this.classArr,
+      "class": [this.classArr, this.semanticClass("root")],
+      "style": this.semanticStyle("root"),
       "element-loading-text": this.controller.state.loadingText,
       "onClick": (event) => this.controller.onClick(event)
     }, [this.controller.model.cssStyle ? createVNode("style", {

package/es/panel-component/panel-container-image/index.d.ts

@@ -14,6 +14,8 @@ export declare const IBizPanelContainerImage: import("../../util").TypeWithInsta
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
     backgroundStyle: import("vue").ComputedRef<{}>;
+    semanticClass: import("../..").UseSemanticClassReturn;
+    semanticStyle: import("../..").UseSemanticStyleReturn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;

package/es/panel-component/panel-container-image/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-image/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAEnF,OAAO,EAAE,wBAAwB,EAAE,6BAA6B,EAAE,CAAC;AAEnE,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;kGASnC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-image/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAEnF,OAAO,EAAE,wBAAwB,EAAE,6BAA6B,EAAE,CAAC;AAEnE,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;kGASnC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}