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

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

@@ -3,6 +3,7 @@ import '../../../use/index.mjs';
 import { ScrollContainerController } from './scroll-container.controller.mjs';
 import './scroll-container.css';
 import { useNamespace } from '../../../use/namespace/namespace.mjs';
+import { useSemanticNode } from '../../../use/use-semantic-node/use-semantic-node.mjs';
 
 "use strict";
 const ScrollContainer = /* @__PURE__ */ defineComponent({
@@ -28,13 +29,19 @@ const ScrollContainer = /* @__PURE__ */ defineComponent({
     const {
       id
     } = props.modelData;
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(props.controller);
     const classArr = computed(() => {
       const result = [ns.b(), ns.m(id), ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
       return result;
     });
     return {
       ns,
-      classArr
+      classArr,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
@@ -96,24 +103,27 @@ const ScrollContainer = /* @__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
     }, [createVNode("div", {
-      "class": [this.ns.e("header")],
-      "style": slotStylle.top
+      "class": [this.ns.e("header"), this.semanticClass("header")],
+      "style": [slotStylle.top, this.semanticStyle("header")]
     }, [top]), createVNode("div", {
-      "class": [this.ns.b("content")]
+      "class": [this.ns.b("content"), this.semanticClass("content")],
+      "style": this.semanticStyle("content")
     }, [createVNode("div", {
-      "class": this.ns.be("content", "left"),
-      "style": slotStylle.left
+      "class": [this.ns.be("content", "left"), this.semanticClass("left")],
+      "style": [slotStylle.left, this.semanticStyle("left")]
     }, [left]), createVNode("div", {
-      "class": this.ns.be("content", "center")
+      "class": [this.ns.be("content", "center"), this.semanticClass("center")],
+      "style": this.semanticStyle("center")
     }, [center]), createVNode("div", {
-      "class": this.ns.be("content", "right"),
-      "style": slotStylle.right
+      "class": [this.ns.be("content", "right"), this.semanticClass("right")],
+      "style": [slotStylle.right, this.semanticStyle("right")]
     }, [right])]), createVNode("div", {
-      "class": [this.ns.e("footer")],
-      "style": slotStylle.bottom
+      "class": [this.ns.e("footer"), this.semanticClass("footer")],
+      "style": [slotStylle.bottom, this.semanticStyle("footer")]
     }, [bottom])]), [[resolveDirective("loading"), this.controller.state.loading]]);
   }
 });

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

@@ -25,6 +25,8 @@ export declare const ScrollContainerItem: import("vue").DefineComponent<import("
 }>, {
     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/scroll-container/scroll-container-item/scroll-container-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-container-item.d.ts","sourceRoot":"","sources":["../../../../src/panel-component/scroll-container/scroll-container-item/scroll-container-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAEjE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,8BAA8B,CAAC;AAEtC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;IAG5B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGAoDL,CAAC"}
+{"version":3,"file":"scroll-container-item.d.ts","sourceRoot":"","sources":["../../../../src/panel-component/scroll-container/scroll-container-item/scroll-container-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAEjE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,8BAA8B,CAAC;AAEtC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;IAG5B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGAwDL,CAAC"}

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

@@ -3,6 +3,7 @@ import '../../../use/index.mjs';
 import { ScrollContainerItemController } from './scroll-container-item.controller.mjs';
 import './scroll-container-item.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,13 +32,19 @@ const ScrollContainerItem = /* @__PURE__ */ defineComponent({
     const {
       id
     } = props.modelData;
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(props.controller);
     const classArr = computed(() => {
       const result = [ns.b(), ns.m(id), ns.is("hidden", !props.controller.state.visible)];
       return result;
     });
     return {
       ns,
-      classArr
+      classArr,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
@@ -45,7 +52,8 @@ const ScrollContainerItem = /* @__PURE__ */ defineComponent({
     let _slot;
     const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
     return withDirectives(createVNode(resolveComponent("iBizRow"), {
-      "class": this.classArr,
+      "class": [this.classArr, this.semanticClass("root")],
+      "style": this.semanticStyle("root"),
       "layout": {
         layout: "FLEX"
       },
@@ -57,6 +65,12 @@ const ScrollContainerItem = /* @__PURE__ */ defineComponent({
       }
       props.modelData.layoutPos.layout = "FLEX";
       return createVNode(resolveComponent("iBizCol"), {
+        "class": this.semanticClass("item", {
+          props
+        }),
+        "style": this.semanticStyle("item", {
+          props
+        }),
         "layoutPos": props.modelData.layoutPos,
         "state": props.controller.state
       }, _isSlot(slot) ? slot : {

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

@@ -23,6 +23,8 @@ export declare const IBizSingleDataContainer: import("../../util").TypeWithInsta
     } | 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/single-data-container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/single-data-container/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/single-data-container/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"}

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

@@ -36,6 +36,8 @@ export declare const SingleDataContainer: 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/single-data-container/single-data-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"single-data-container.d.ts","sourceRoot":"","sources":["../../../src/panel-component/single-data-container/single-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,EACN,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,8BAA8B,CAAC;AAEtC;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB;IAG5B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;iCAoBY,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;;IAtCnB;;OAEG;;;;;IAKH;;OAEG;;;;;iGA+EL,CAAC"}
+{"version":3,"file":"single-data-container.d.ts","sourceRoot":"","sources":["../../../src/panel-component/single-data-container/single-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,EACN,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,8BAA8B,CAAC;AAEtC;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB;IAG5B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;iCAqBY,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;;;;IAvCnB;;OAEG;;;;;IAKH;;OAEG;;;;;iGAuFL,CAAC"}

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

@@ -3,6 +3,7 @@ import '../../use/index.mjs';
 import { SingleDataContainerController } from './single-data-container.controller.mjs';
 import './single-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 SingleDataContainer = /* @__PURE__ */ defineComponent({
     const {
       id
     } = props.modelData;
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(props.controller);
     const keys = Object.keys(props.controller.panelItems);
     keys.forEach((key) => {
       const panelItem = props.controller.panelItems[key];
@@ -44,7 +49,9 @@ const SingleDataContainer = /* @__PURE__ */ defineComponent({
     return {
       ns,
       classArr,
-      renderPanelItem
+      renderPanelItem,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
@@ -53,7 +60,8 @@ const SingleDataContainer = /* @__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: () => {
@@ -62,6 +70,12 @@ const SingleDataContainer = /* @__PURE__ */ defineComponent({
             let _slot;
             const childController = this.controller.panelItems[panelItem.id];
             return createVNode(resolveComponent("iBizCol"), {
+              "class": this.semanticClass("item", {
+                item: childController
+              }),
+              "style": this.semanticStyle("item", {
+                item: childController
+              }),
               "layoutPos": panelItem.layoutPos,
               "state": childController.state
             }, _isSlot(_slot = this.renderPanelItem(panelItem, {
@@ -75,7 +89,8 @@ const SingleDataContainer = /* @__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/teleport-placeholder/index.d.ts

@@ -13,6 +13,8 @@ export declare const IBizTeleportPlaceholder: import("../../util").TypeWithInsta
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
     tempStyle: import("vue").Ref<string, string>;
+    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/teleport-placeholder/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/teleport-placeholder/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAE9E,OAAO,EAAE,2BAA2B,EAAE,CAAC;AAEvC,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;kGASnC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/teleport-placeholder/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAE9E,OAAO,EAAE,2BAA2B,EAAE,CAAC;AAEvC,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;kGASnC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/es/panel-component/teleport-placeholder/teleport-placeholder.d.ts

@@ -27,6 +27,8 @@ export declare const TeleportPlaceholder: import("vue").DefineComponent<import("
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
     tempStyle: import("vue").Ref<string, string>;
+    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/teleport-placeholder/teleport-placeholder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teleport-placeholder.d.ts","sourceRoot":"","sources":["../../../src/panel-component/teleport-placeholder/teleport-placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAA6B,QAAQ,EAAO,MAAM,KAAK,CAAC;AAE/D,OAAO,6BAA6B,CAAC;AACrC,OAAO,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAElF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB;IAG5B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGAuCL,CAAC"}
+{"version":3,"file":"teleport-placeholder.d.ts","sourceRoot":"","sources":["../../../src/panel-component/teleport-placeholder/teleport-placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAA6B,QAAQ,EAAO,MAAM,KAAK,CAAC;AAE/D,OAAO,6BAA6B,CAAC;AACrC,OAAO,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAElF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB;IAG5B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGAwCL,CAAC"}

package/es/panel-component/teleport-placeholder/teleport-placeholder.mjs

@@ -2,6 +2,7 @@ import { defineComponent, createVNode, ref, computed } from 'vue';
 import '../../use/index.mjs';
 import './teleport-placeholder.css';
 import { useNamespace } from '../../use/namespace/namespace.mjs';
+import { useSemanticNode } from '../../use/use-semantic-node/use-semantic-node.mjs';
 
 "use strict";
 const TeleportPlaceholder = /* @__PURE__ */ defineComponent({
@@ -25,6 +26,10 @@ const TeleportPlaceholder = /* @__PURE__ */ defineComponent({
   setup(props) {
     const ns = useNamespace("teleport-placeholder");
     const tempStyle = ref("");
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(props.controller);
     const {
       rawItem
     } = props.modelData;
@@ -42,7 +47,9 @@ const TeleportPlaceholder = /* @__PURE__ */ defineComponent({
     return {
       ns,
       classArr,
-      tempStyle
+      tempStyle,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
@@ -51,8 +58,8 @@ const TeleportPlaceholder = /* @__PURE__ */ defineComponent({
     }
     return createVNode("div", {
       "id": this.controller.state.teleportTag,
-      "class": this.classArr,
-      "style": this.tempStyle
+      "class": [this.classArr, this.semanticClass("content")],
+      "style": [this.tempStyle, this.semanticStyle("content")]
     }, null);
   }
 });

package/es/use/use-semantic-node/use-semantic-node.d.ts

@@ -1,4 +1,4 @@
-import { ControlController, PanelItemController } from '@ibiz-template/runtime';
+import { EditorController, ControlController, PanelItemController } from '@ibiz-template/runtime';
 /** 语义化节点class */
 export type UseSemanticClassReturn = (key: string, ...args: IData[]) => string | undefined;
 /** 语义化节点style */
@@ -8,7 +8,7 @@ export type UseSemanticStyleReturn = (key: string, ...args: IData[]) => IData |
  * @param controller 控制器
  * @returns
  */
-export declare function useSemanticNode(controller: ControlController | PanelItemController): {
+export declare function useSemanticNode(controller: ControlController | PanelItemController | EditorController): {
     semanticClass: UseSemanticClassReturn;
     semanticStyle: UseSemanticStyleReturn;
 };

package/es/use/use-semantic-node/use-semantic-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-semantic-node.d.ts","sourceRoot":"","sources":["../../../src/use/use-semantic-node/use-semantic-node.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EAGpB,MAAM,wBAAwB,CAAC;AAIhC,iBAAiB;AACjB,MAAM,MAAM,sBAAsB,GAAG,CACnC,GAAG,EAAE,MAAM,EACX,GAAG,IAAI,EAAE,KAAK,EAAE,KACb,MAAM,GAAG,SAAS,CAAC;AAExB,iBAAiB;AACjB,MAAM,MAAM,sBAAsB,GAAG,CACnC,GAAG,EAAE,MAAM,EACX,GAAG,IAAI,EAAE,KAAK,EAAE,KACb,KAAK,GAAG,SAAS,CAAC;AAEvB;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,UAAU,EAAE,iBAAiB,GAAG,mBAAmB,GAClD;IACD,aAAa,EAAE,sBAAsB,CAAC;IACtC,aAAa,EAAE,sBAAsB,CAAC;CACvC,CA4GA"}
+{"version":3,"file":"use-semantic-node.d.ts","sourceRoot":"","sources":["../../../src/use/use-semantic-node/use-semantic-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EAEpB,MAAM,wBAAwB,CAAC;AAIhC,iBAAiB;AACjB,MAAM,MAAM,sBAAsB,GAAG,CACnC,GAAG,EAAE,MAAM,EACX,GAAG,IAAI,EAAE,KAAK,EAAE,KACb,MAAM,GAAG,SAAS,CAAC;AAExB,iBAAiB;AACjB,MAAM,MAAM,sBAAsB,GAAG,CACnC,GAAG,EAAE,MAAM,EACX,GAAG,IAAI,EAAE,KAAK,EAAE,KACb,KAAK,GAAG,SAAS,CAAC;AAEvB;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,UAAU,EAAE,iBAAiB,GAAG,mBAAmB,GAAG,gBAAgB,GACrE;IACD,aAAa,EAAE,sBAAsB,CAAC;IACtC,aAAa,EAAE,sBAAsB,CAAC;CACvC,CAyHA"}

package/es/use/use-semantic-node/use-semantic-node.mjs

@@ -4,16 +4,22 @@ import { useAttrs } from 'vue';
 "use strict";
 function useSemanticNode(controller) {
   var _a, _b;
+  const controlType = controller.model.controlType;
+  const editorType = controller.model.editorType;
   let classItems = {};
   const classNameAttr = (_a = controller.model.controlAttributes) == null ? void 0 : _a.find(
     (item) => item.attrName === PredefinedAttributes.CLASSNAMES
   );
   if (classNameAttr && classNameAttr.attrValue) {
-    const { controlType } = controller.model;
     if (controlType) {
       classItems = ScriptFactory.execSingleLine(classNameAttr.attrValue, {
         ...controller.getEventArgs()
       });
+    } else if (editorType) {
+      const editor = controller;
+      classItems = ScriptFactory.execSingleLine(classNameAttr.attrValue, {
+        ...editor.ctrl.getEventArgs()
+      });
     } else {
       const panelItem = controller;
       classItems = ScriptFactory.execSingleLine(classNameAttr.attrValue, {
@@ -44,11 +50,15 @@ function useSemanticNode(controller) {
     (item) => item.attrName === PredefinedAttributes.STYLES
   );
   if (styleAttr && styleAttr.attrValue) {
-    const { controlType } = controller.model;
     if (controlType) {
       styleItems = ScriptFactory.execSingleLine(styleAttr.attrValue, {
         ...controller.getEventArgs()
       });
+    } else if (editorType) {
+      const editor = controller;
+      styleItems = ScriptFactory.execSingleLine(styleAttr.attrValue, {
+        ...editor.ctrl.getEventArgs()
+      });
     } else {
       const panelItem = controller;
       styleItems = ScriptFactory.execSingleLine(styleAttr.attrValue, {

package/lib/control/panel/view-layout-panel/view-layout-panel.cjs

@@ -117,14 +117,19 @@ const ViewLayoutPanelControl = /* @__PURE__ */ vue.defineComponent({
       if (panelItem.itemType === "CTRLPOS" && slots[panelItem.id]) {
         const panelItemC2 = panelItems[panelItem.id];
         if (panelItemC2.parent && runtime.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/lib/panel-component/auth-wxmp-qrcode/auth-wxmp-qrcode.cjs

@@ -5,6 +5,7 @@ var vueRouter = require('vue-router');
 require('../../use/index.cjs');
 require('./auth-wxmp-qrcode.css');
 var namespace = require('../../use/namespace/namespace.cjs');
+var useSemanticNode = require('../../use/use-semantic-node/use-semantic-node.cjs');
 
 "use strict";
 const AuthWxmpQrcode = /* @__PURE__ */ vue.defineComponent({
@@ -32,6 +33,10 @@ const AuthWxmpQrcode = /* @__PURE__ */ vue.defineComponent({
     } = props.controller;
     const route = vueRouter.useRoute();
     props.controller.setRouter(route);
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode.useSemanticNode(props.controller);
     const loadQrcode = async () => {
       await props.controller.loadQrcode();
     };
@@ -48,27 +53,33 @@ const AuthWxmpQrcode = /* @__PURE__ */ vue.defineComponent({
     });
     return {
       ns,
-      loadQrcode
+      loadQrcode,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
     var _a, _b;
     return vue.createVNode("div", {
-      "class": this.ns.b()
+      "class": [this.ns.b(), this.semanticClass("root")],
+      "style": this.semanticStyle("root")
     }, [vue.createVNode("div", {
       "class": this.ns.e("content")
     }, [this.controller.state.qrcode && vue.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) && vue.createVNode("div", {
-      "class": this.ns.e("mask")
+      "class": [this.ns.e("mask"), this.semanticClass("mask")],
+      "style": this.semanticStyle("mask")
     }, [vue.createVNode("ion-icon", {
       "title": ibiz.i18n.t("vue3Util.panelComponent.refresh"),
       "name": "reload-outline",
       "onClick": this.loadQrcode,
       "class": this.ns.em("mask", "icon")
     }, null)])]), vue.createVNode("div", {
-      "class": this.ns.e("caption")
+      "class": [this.ns.e("caption"), this.semanticClass("caption")],
+      "style": this.semanticStyle("caption")
     }, [this.controller.state.tips])]);
   }
 });

package/lib/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/lib/panel-component/grid-container/grid-container.cjs

@@ -5,6 +5,7 @@ require('../../use/index.cjs');
 var gridContainer_controller = require('./grid-container.controller.cjs');
 require('./grid-container.css');
 var namespace = require('../../use/namespace/namespace.cjs');
+var useSemanticNode = require('../../use/use-semantic-node/use-semantic-node.cjs');
 
 "use strict";
 function _isSlot(s) {
@@ -33,6 +34,10 @@ const GridContainer = /* @__PURE__ */ vue.defineComponent({
     const {
       id
     } = props.modelData;
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode.useSemanticNode(props.controller);
     const classArr = vue.computed(() => {
       let result = [ns.b(), ns.m(id)];
       result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
@@ -64,7 +69,9 @@ const GridContainer = /* @__PURE__ */ vue.defineComponent({
       layoutModel,
       convertLayoutPos,
       adaptGrow,
-      adaptCols
+      adaptCols,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
@@ -92,7 +99,8 @@ const GridContainer = /* @__PURE__ */ vue.defineComponent({
       this.adaptGrow = adaptGrow;
     }
     return vue.withDirectives(vue.createVNode(vue.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) => {
@@ -101,6 +109,8 @@ const GridContainer = /* @__PURE__ */ vue.defineComponent({
         return slot;
       }
       return vue.createVNode(vue.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/lib/panel-component/multi-data-container/multi-data-container.cjs

@@ -5,6 +5,7 @@ require('../../use/index.cjs');
 var multiDataContainer_controller = require('./multi-data-container.controller.cjs');
 require('./multi-data-container.css');
 var namespace = require('../../use/namespace/namespace.cjs');
+var useSemanticNode = require('../../use/use-semantic-node/use-semantic-node.cjs');
 
 "use strict";
 function _isSlot(s) {
@@ -33,6 +34,10 @@ const MultiDataContainer = /* @__PURE__ */ vue.defineComponent({
     const {
       id
     } = props.modelData;
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode.useSemanticNode(props.controller);
     vue.watch(() => props.controller.state.items, () => {
       props.controller.dataItems.forEach((item) => {
         item.state = vue.reactive(item.state);
@@ -53,7 +58,9 @@ const MultiDataContainer = /* @__PURE__ */ vue.defineComponent({
     return {
       ns,
       classArr,
-      renderPanelItem
+      renderPanelItem,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
@@ -64,7 +71,12 @@ const MultiDataContainer = /* @__PURE__ */ vue.defineComponent({
       content = this.controller.state.items.map((_item, index) => {
         const itemController = this.controller.dataItems[index];
         return vue.createVNode(vue.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: () => {
@@ -87,7 +99,8 @@ const MultiDataContainer = /* @__PURE__ */ vue.defineComponent({
       });
     }
     return vue.withDirectives(vue.createVNode("div", {
-      "class": this.classArr,
+      "class": [this.classArr, this.semanticClass("root")],
+      "style": this.semanticStyle("root"),
       "element-loading-text": this.controller.state.loadingText
     }, [content]), [[vue.resolveDirective("loading"), this.controller.state.loading]]);
   }

package/lib/panel-component/multi-data-container-raw/multi-data-container-raw.cjs

@@ -5,6 +5,7 @@ require('../../use/index.cjs');
 var multiDataContainerRaw_controller = require('./multi-data-container-raw.controller.cjs');
 require('./multi-data-container-raw.css');
 var namespace = require('../../use/namespace/namespace.cjs');
+var useSemanticNode = require('../../use/use-semantic-node/use-semantic-node.cjs');
 
 "use strict";
 function _isSlot(s) {
@@ -33,6 +34,10 @@ const MultiDataContainerRaw = /* @__PURE__ */ vue.defineComponent({
     const {
       id
     } = props.modelData;
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode.useSemanticNode(props.controller);
     vue.watch(() => props.controller.state.items, () => {
       const keys = Object.keys(props.controller.panelItems);
       keys.forEach((key) => {
@@ -51,7 +56,9 @@ const MultiDataContainerRaw = /* @__PURE__ */ vue.defineComponent({
     return {
       ns,
       classArr,
-      renderPanelItem
+      renderPanelItem,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
@@ -60,7 +67,8 @@ const MultiDataContainerRaw = /* @__PURE__ */ vue.defineComponent({
       content = this.$slots.default();
     } else {
       content = vue.createVNode(vue.resolveComponent("iBizRow"), {
-        "class": this.ns.b("content"),
+        "class": [this.ns.b("content"), this.semanticClass("content")],
+        "style": this.semanticStyle("content"),
         "layout": this.modelData.layout
       }, {
         default: () => {
@@ -70,7 +78,13 @@ const MultiDataContainerRaw = /* @__PURE__ */ vue.defineComponent({
             const childController = this.controller.panelItems[panelItem.id];
             return vue.createVNode(vue.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
@@ -82,7 +96,8 @@ const MultiDataContainerRaw = /* @__PURE__ */ vue.defineComponent({
       });
     }
     return vue.withDirectives(vue.createVNode("div", {
-      "class": this.classArr,
+      "class": [this.classArr, this.semanticClass("root")],
+      "style": this.semanticStyle("root"),
       "element-loading-text": this.controller.state.loadingText
     }, [content]), [[vue.resolveDirective("loading"), this.controller.state.loading]]);
   }