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

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

@@ -26,6 +26,8 @@ export declare const PanelContainerImage: import("vue").DefineComponent<import("
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
     backgroundStyle: import("vue").ComputedRef<{}>;
+    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-image/panel-container-image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-container-image.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-image/panel-container-image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAGjE,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;;;;;iGAmFL,CAAC"}
+{"version":3,"file":"panel-container-image.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-image/panel-container-image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAGjE,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;;;;;iGA2FL,CAAC"}

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

@@ -4,6 +4,7 @@ import '../../use/index.mjs';
 import { PanelContainerImageController } from './panel-container-image.controller.mjs';
 import './panel-container-image.css';
 import { useNamespace } from '../../use/namespace/namespace.mjs';
+import { useSemanticNode } from '../../use/use-semantic-node/use-semantic-node.mjs';
 
 "use strict";
 function _isSlot(s) {
@@ -32,6 +33,10 @@ const PanelContainerImage = /* @__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)];
@@ -61,7 +66,9 @@ const PanelContainerImage = /* @__PURE__ */ defineComponent({
     return {
       ns,
       classArr,
-      backgroundStyle
+      backgroundStyle,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
@@ -70,6 +77,8 @@ const PanelContainerImage = /* @__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;
@@ -78,7 +87,13 @@ const PanelContainerImage = /* @__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]
       });
@@ -86,10 +101,10 @@ const PanelContainerImage = /* @__PURE__ */ defineComponent({
       default: () => [_slot]
     });
     return withDirectives(createVNode("div", {
-      "class": this.classArr,
+      "class": [this.classArr, this.semanticClass("root")],
       "element-loading-text": this.controller.state.loadingText,
       "onClick": (event) => this.controller.onClick(event),
-      "style": this.backgroundStyle
+      "style": [this.backgroundStyle, this.semanticStyle("root")]
     }, [this.controller.model.cssStyle ? createVNode("style", {
       "type": "text/css"
     }, [this.controller.model.cssStyle]) : null, content]), [[resolveDirective("loading"), this.controller.state.loading]]);

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

@@ -11,6 +11,8 @@ export declare const IBizPanelCtrlPos: import("../../util").TypeWithInstall<impo
     };
 }>, {
     ns: import("@ibiz-template/core").Namespace;
+    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").IPanelItem>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-ctrl-pos/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;kGAG3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-ctrl-pos/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;kGAG3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

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

@@ -23,6 +23,8 @@ export declare const PanelCtrlPos: import("vue").DefineComponent<import("vue").E
     };
 }>, {
     ns: import("@ibiz-template/core").Namespace;
+    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-ctrl-pos/panel-ctrl-pos.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-ctrl-pos.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-ctrl-pos/panel-ctrl-pos.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAE/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,uBAAuB,CAAC;AAE/B;;;;GAIG;AACH,eAAO,MAAM,YAAY;IAGrB;;OAEG;;;;;IAKH;;OAEG;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGA4CL,CAAC"}
+{"version":3,"file":"panel-ctrl-pos.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-ctrl-pos/panel-ctrl-pos.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAE/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,uBAAuB,CAAC;AAE/B;;;;GAIG;AACH,eAAO,MAAM,YAAY;IAGrB;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGAmDL,CAAC"}

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

@@ -2,6 +2,7 @@ import { defineComponent, createVNode, inject } from 'vue';
 import '../../use/index.mjs';
 import './panel-ctrl-pos.css';
 import { useNamespace } from '../../use/namespace/namespace.mjs';
+import { useSemanticNode } from '../../use/use-semantic-node/use-semantic-node.mjs';
 
 "use strict";
 const PanelCtrlPos = /* @__PURE__ */ defineComponent({
@@ -23,15 +24,21 @@ const PanelCtrlPos = /* @__PURE__ */ defineComponent({
     }
   },
   setup(props) {
+    const ns = useNamespace("panel-ctrl-pos");
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(props.controller);
     const ctx = inject("ctx");
     ctx.evt.on("onRegister", (name, c) => {
       if (name === props.modelData.id) {
         props.controller.bindControl(c);
       }
     });
-    const ns = useNamespace("panel-ctrl-pos");
     return {
-      ns
+      ns,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
@@ -40,10 +47,15 @@ const PanelCtrlPos = /* @__PURE__ */ defineComponent({
     } = this.controller;
     let content;
     if (this.$slots.default) {
-      content = this.$slots.default();
+      const props = {
+        class: this.semanticClass("content"),
+        style: this.semanticStyle("content")
+      };
+      content = this.$slots.default(props);
     }
     return createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("hidden", !state.visible)]
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), this.semanticClass("root"), ...this.controller.containerClass, this.ns.is("hidden", !state.visible)],
+      "style": this.semanticStyle("root")
     }, [content || (ibiz.env.dev ? ibiz.i18n.t("vue3Util.panelComponent.noProvidedSlot", {
       id: this.modelData.id
     }) : "")]);

package/es/panel-component/panel-ctrl-view-page-caption/index.d.ts

@@ -10,6 +10,8 @@ export declare const IBizPanelCtrlViewPageCaption: import("../../util").TypeWith
 }>, {
     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").IPanelItem>;

package/es/panel-component/panel-ctrl-view-page-caption/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-ctrl-view-page-caption/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;kGASxC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-ctrl-view-page-caption/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;kGASxC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/es/panel-component/panel-ctrl-view-page-caption/panel-ctrl-view-page-caption.d.ts

@@ -24,6 +24,8 @@ export declare const PanelCtrlViewPageCaption: import("vue").DefineComponent<imp
 }>, {
     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-ctrl-view-page-caption/panel-ctrl-view-page-caption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-ctrl-view-page-caption.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-ctrl-view-page-caption/panel-ctrl-view-page-caption.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE1D,OAAO,EAAE,kCAAkC,EAAE,MAAM,2CAA2C,CAAC;AAC/F,OAAO,qCAAqC,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;IAGjC;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGA8CL,CAAC"}
+{"version":3,"file":"panel-ctrl-view-page-caption.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-ctrl-view-page-caption/panel-ctrl-view-page-caption.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE1D,OAAO,EAAE,kCAAkC,EAAE,MAAM,2CAA2C,CAAC;AAC/F,OAAO,qCAAqC,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;IAGjC;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGAqDL,CAAC"}

package/es/panel-component/panel-ctrl-view-page-caption/panel-ctrl-view-page-caption.mjs

@@ -2,6 +2,7 @@ import { defineComponent, createVNode, computed } from 'vue';
 import '../../use/index.mjs';
 import './panel-ctrl-view-page-caption.css';
 import { useNamespace } from '../../use/namespace/namespace.mjs';
+import { useSemanticNode } from '../../use/use-semantic-node/use-semantic-node.mjs';
 
 "use strict";
 const PanelCtrlViewPageCaption = /* @__PURE__ */ defineComponent({
@@ -24,6 +25,10 @@ const PanelCtrlViewPageCaption = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const ns = useNamespace("panel-ctrl-view-page-caption");
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(props.controller);
     const classArr = computed(() => {
       const {
         id
@@ -34,18 +39,22 @@ const PanelCtrlViewPageCaption = /* @__PURE__ */ defineComponent({
     });
     return {
       ns,
-      classArr
+      classArr,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
     let editor = null;
     if (this.controller.data) {
       editor = createVNode("span", {
-        "class": this.ns.b("content")
+        "class": [this.ns.b("content"), this.semanticClass("content")],
+        "style": this.semanticStyle("content")
       }, [this.controller.state.caption]);
     }
     return createVNode("div", {
-      "class": this.classArr,
+      "class": [this.classArr, this.semanticClass("root")],
+      "style": this.semanticStyle("root"),
       "onClick": (event) => this.controller.onClick(event)
     }, [editor]);
   }

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

@@ -17,6 +17,8 @@ export declare const IBizPanelField: import("../../util").TypeWithInstall<import
     classArr: import("vue").ComputedRef<(string | false)[]>;
     showTitle: import("vue").ComputedRef<boolean>;
     onValueChange: (val: unknown, name?: string | undefined) => 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").IPanelField>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-field/index.ts"],"names":[],"mappings":"AAMA,cAAc,0BAA0B,CAAC;AAEzC,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kGAGzB,CAAC;AAEH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-field/index.ts"],"names":[],"mappings":"AAMA,cAAc,0BAA0B,CAAC;AAEzC,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kGAGzB,CAAC;AAEH,eAAe,cAAc,CAAC"}

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

@@ -34,6 +34,8 @@ export declare const PanelField: import("vue").DefineComponent<import("vue").Ext
     classArr: import("vue").ComputedRef<(string | false)[]>;
     showTitle: import("vue").ComputedRef<boolean>;
     onValueChange: (val: unknown, name?: string) => 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/panel-field/panel-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-field.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-field/panel-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAA6B,QAAQ,EAAuB,MAAM,KAAK,CAAC;AAE/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,oBAAoB,CAAC;AAE5B;;;;GAIG;AACH,eAAO,MAAM,UAAU;IAGnB;;OAEG;;;;;IAEH;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;yBAsByB,OAAO,SAAS,MAAM,KAAG,IAAI;;IAnCzD;;OAEG;;;;;IAEH;;OAEG;;;;;IAKH;;OAEG;;;;;iGAyFL,CAAC"}
+{"version":3,"file":"panel-field.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-field/panel-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAA6B,QAAQ,EAAuB,MAAM,KAAK,CAAC;AAE/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,oBAAoB,CAAC;AAE5B;;;;GAIG;AACH,eAAO,MAAM,UAAU;IAGnB;;OAEG;;;;;IAEH;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;yBAsByB,OAAO,SAAS,MAAM,KAAG,IAAI;;;;IAnCzD;;OAEG;;;;;IAEH;;OAEG;;;;;IAKH;;OAEG;;;;;iGA8GL,CAAC"}

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

@@ -4,6 +4,7 @@ import { PanelFieldController } from './panel-field.controller.mjs';
 import './panel-field.css';
 import { renderTooltip } from '../../use/tooltip/tooltip.mjs';
 import { useNamespace } from '../../use/namespace/namespace.mjs';
+import { useSemanticNode } from '../../use/use-semantic-node/use-semantic-node.mjs';
 
 "use strict";
 const PanelField = /* @__PURE__ */ defineComponent({
@@ -33,12 +34,15 @@ const PanelField = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const ns = useNamespace("panel-field");
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(props.controller);
     const classArr = computed(() => {
       const {
         id
       } = props.modelData;
       const result = [ns.b(), ns.m(id), ns.is("error", !!props.controller.state.error), ns.is("mob", window.Environment && window.Environment.isMob)];
-      result.push(...props.controller.containerClass);
       return result;
     });
     const onValueChange = (val, name) => {
@@ -55,7 +59,9 @@ const PanelField = /* @__PURE__ */ defineComponent({
       ns,
       classArr,
       showTitle,
-      onValueChange
+      onValueChange,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
@@ -66,7 +72,8 @@ const PanelField = /* @__PURE__ */ defineComponent({
         data: this.controller.data,
         controller: this.controller.editor,
         disabled: this.controller.state.disabled,
-        class: this.ns.b("content"),
+        class: [this.ns.b("content"), ibiz.config.common.enhancedUI === true ? this.controller.containerClass : "", this.semanticClass("content")],
+        style: [this.semanticStyle("content")],
         showTitle: this.showTitle,
         readonly: this.controller.state.readonly,
         onChange: this.onValueChange,
@@ -89,10 +96,12 @@ const PanelField = /* @__PURE__ */ defineComponent({
       }
     }
     return withDirectives(createVNode("div", {
-      "class": this.classArr,
+      "class": [this.classArr, ibiz.config.common.enhancedUI === false ? this.controller.containerClass : "", this.semanticClass("root")],
+      "style": this.semanticStyle("root"),
       "onClick": (event) => this.controller.onClick(event)
     }, [editor, this.controller.state.error && createVNode("div", {
-      "class": this.ns.e("error")
+      "class": [this.ns.e("error"), this.semanticClass("error")],
+      "style": this.semanticStyle("error")
     }, [this.controller.state.error])]), [[resolveDirective("tooltip"), renderTooltip(this.controller.data, this.controller.model, this.controller.panel)]]);
   }
 });

package/es/panel-component/panel-item-render/index.d.ts

@@ -11,6 +11,8 @@ export declare const IBizPanelItemRender: import("../../util").TypeWithInstall<i
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
     htmlCode: import("vue").ComputedRef<string | 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/panel-item-render/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-item-render/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;kGAS/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-item-render/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;kGAS/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/es/panel-component/panel-item-render/panel-item-render.d.ts

@@ -25,6 +25,8 @@ export declare const PanelItemRender: import("vue").DefineComponent<import("vue"
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
     htmlCode: import("vue").ComputedRef<string | 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/panel-item-render/panel-item-render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-item-render.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-item-render/panel-item-render.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAE3E;;;;GAIG;AACH,eAAO,MAAM,eAAe;IAGxB;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGA4CL,CAAC"}
+{"version":3,"file":"panel-item-render.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-item-render/panel-item-render.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAE3E;;;;GAIG;AACH,eAAO,MAAM,eAAe;IAGxB;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGA8CL,CAAC"}

package/es/panel-component/panel-item-render/panel-item-render.mjs

@@ -2,6 +2,7 @@ import { defineComponent, createVNode, computed } from 'vue';
 import '../../use/index.mjs';
 import { PanelItemRenderController } from './panel-item-render.controller.mjs';
 import { useNamespace } from '../../use/namespace/namespace.mjs';
+import { useSemanticNode } from '../../use/use-semantic-node/use-semantic-node.mjs';
 
 "use strict";
 const PanelItemRender = /* @__PURE__ */ defineComponent({
@@ -25,6 +26,10 @@ const PanelItemRender = /* @__PURE__ */ defineComponent({
   setup(props) {
     var _a;
     const ns = useNamespace("panel-item-render");
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(props.controller);
     const nsType = useNamespace("panel-".concat((_a = props.modelData.itemType) == null ? void 0 : _a.toLowerCase()));
     const {
       id
@@ -39,12 +44,15 @@ const PanelItemRender = /* @__PURE__ */ defineComponent({
     return {
       ns,
       classArr,
-      htmlCode
+      htmlCode,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
     return createVNode("div", {
-      "class": this.classArr,
+      "class": [this.classArr, this.semanticClass("content")],
+      "style": this.semanticStyle("content"),
       "innerHTML": this.htmlCode,
       "onClick": (event) => this.controller.onClick(event)
     }, null);

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

@@ -13,6 +13,8 @@ export declare const IBizPanelRawItem: import("../../util").TypeWithInstall<impo
     classArr: import("vue").ComputedRef<(string | false)[]>;
     tempStyle: import("vue").Ref<string, string>;
     content: import("vue").Ref<string | number | undefined, string | 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").IPanelRawItem>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-rawitem/index.ts"],"names":[],"mappings":"AAMA,cAAc,4BAA4B,CAAC;AAE3C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;kGAe3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-rawitem/index.ts"],"names":[],"mappings":"AAMA,cAAc,4BAA4B,CAAC;AAE3C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;kGAe3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

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

@@ -27,6 +27,8 @@ export declare const PanelRawItem: import("vue").DefineComponent<import("vue").E
     classArr: import("vue").ComputedRef<(string | false)[]>;
     tempStyle: Ref<string, string>;
     content: Ref<string | number | undefined, string | 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/panel-rawitem/panel-rawitem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-rawitem.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-rawitem/panel-rawitem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,aAAa,EAAa,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAA6B,QAAQ,EAAE,GAAG,EAAc,MAAM,KAAK,CAAC;AAE3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,sBAAsB,CAAC;AAE9B;;;;GAIG;AACH,eAAO,MAAM,YAAY;IAGrB;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGAiFL,CAAC"}
+{"version":3,"file":"panel-rawitem.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-rawitem/panel-rawitem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,aAAa,EAAa,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAA6B,QAAQ,EAAE,GAAG,EAAc,MAAM,KAAK,CAAC;AAE3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,sBAAsB,CAAC;AAE9B;;;;GAIG;AACH,eAAO,MAAM,YAAY;IAGrB;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGAsGL,CAAC"}

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

@@ -3,6 +3,7 @@ import '../../use/index.mjs';
 import { PanelRawItemController } from './panel-rawitem.controller.mjs';
 import './panel-rawitem.css';
 import { useNamespace } from '../../use/namespace/namespace.mjs';
+import { useSemanticNode } from '../../use/use-semantic-node/use-semantic-node.mjs';
 
 "use strict";
 const PanelRawItem = /* @__PURE__ */ defineComponent({
@@ -26,6 +27,10 @@ const PanelRawItem = /* @__PURE__ */ defineComponent({
   setup(props) {
     const ns = useNamespace("panel-rawitem");
     const c = props.controller;
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(c);
     const content = ref("");
     const tempStyle = ref("");
     const {
@@ -39,7 +44,6 @@ const PanelRawItem = /* @__PURE__ */ defineComponent({
         id
       } = props.modelData;
       const result = [ns.b(), ns.m(id)];
-      result.push(...props.controller.containerClass);
       return result;
     });
     watch(() => c.data, async (newVal) => {
@@ -73,17 +77,21 @@ const PanelRawItem = /* @__PURE__ */ defineComponent({
       ns,
       classArr,
       tempStyle,
-      content
+      content,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
     if (!this.controller.state.visible)
       return;
     return createVNode("div", {
-      "class": this.classArr,
-      "style": this.tempStyle,
+      "class": [this.classArr, ibiz.config.common.enhancedUI === false ? this.controller.containerClass : "", this.semanticClass("root")],
+      "style": [ibiz.config.common.enhancedUI === false ? this.tempStyle : "", this.semanticStyle("root")],
       "onClick": (event) => this.controller.onClick(event)
     }, [createVNode(resolveComponent("iBizRawItem"), {
+      "class": [ibiz.config.common.enhancedUI === true ? this.controller.containerClass : "", this.semanticClass("content")],
+      "style": [ibiz.config.common.enhancedUI === true ? this.tempStyle : "", this.semanticStyle("content")],
       "rawItem": this.modelData,
       "content": this.content
     }, null)]);

package/es/panel-component/panel-tab-page/index.d.ts

@@ -10,6 +10,8 @@ export declare const IBizPanelTabPage: import("../../util").TypeWithInstall<impo
 }>, {
     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-tab-page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-tab-page/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;kGAG3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-tab-page/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;kGAG3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/es/panel-component/panel-tab-page/panel-tab-page.d.ts

@@ -24,6 +24,8 @@ export declare const PanelTabPage: import("vue").DefineComponent<import("vue").E
 }>, {
     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-tab-page/panel-tab-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-tab-page.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-tab-page/panel-tab-page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAGlE;;;;GAIG;AACH,eAAO,MAAM,YAAY;IAGrB;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;IAVH;;OAEG;;;;;IAMH;;OAEG;;;;;iGA4CL,CAAC"}
+{"version":3,"file":"panel-tab-page.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-tab-page/panel-tab-page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAGlE;;;;GAIG;AACH,eAAO,MAAM,YAAY;IAGrB;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;IAVH;;OAEG;;;;;IAMH;;OAEG;;;;;iGA2DL,CAAC"}

package/es/panel-component/panel-tab-page/panel-tab-page.mjs

@@ -2,6 +2,7 @@ import { isVNode, defineComponent, withDirectives, createVNode, resolveComponent
 import { PanelContainerController } from '@ibiz-template/runtime';
 import '../../use/index.mjs';
 import { useNamespace } from '../../use/namespace/namespace.mjs';
+import { useSemanticNode } from '../../use/use-semantic-node/use-semantic-node.mjs';
 
 "use strict";
 function _isSlot(s) {
@@ -28,6 +29,10 @@ const PanelTabPage = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const ns = useNamespace("panel-tab-page");
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(props.controller);
     const classArr = computed(() => {
       const {
         id
@@ -38,7 +43,9 @@ const PanelTabPage = /* @__PURE__ */ defineComponent({
     });
     return {
       ns,
-      classArr
+      classArr,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
@@ -46,7 +53,8 @@ const PanelTabPage = /* @__PURE__ */ defineComponent({
     let _slot;
     const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
     return withDirectives(createVNode(resolveComponent("iBizRow"), {
-      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.classArr],
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.classArr, this.semanticClass("root")],
+      "style": this.semanticStyle("root"),
       "layout": this.modelData.layout,
       "element-loading-text": this.controller.state.loadingText
     }, _isSlot(_slot = defaultSlots.map((slot) => {
@@ -56,6 +64,12 @@ const PanelTabPage = /* @__PURE__ */ defineComponent({
       }
       const c = props.controller;
       return createVNode(resolveComponent("iBizCol"), {
+        "class": this.semanticClass("item", {
+          props
+        }),
+        "style": this.semanticStyle("item", {
+          props
+        }),
         "layoutPos": c.model.layoutPos,
         "state": c.state
       }, _isSlot(slot) ? slot : {

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

@@ -12,6 +12,8 @@ export declare const IBizScrollContainer: import("../../util").TypeWithInstall<i
 }>, {
     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/scroll-container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/scroll-container/index.ts"],"names":[],"mappings":"AAQA,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AAExC,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;kGA8B/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/scroll-container/index.ts"],"names":[],"mappings":"AAQA,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AAExC,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;kGA8B/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -25,6 +25,8 @@ export declare const ScrollContainer: 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/scroll-container/scroll-container/scroll-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-container.d.ts","sourceRoot":"","sources":["../../../../src/panel-component/scroll-container/scroll-container/scroll-container.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAEjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,yBAAyB,CAAC;AAEjC;;;;GAIG;AACH,eAAO,MAAM,eAAe;IAGxB;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGAsGL,CAAC"}
+{"version":3,"file":"scroll-container.d.ts","sourceRoot":"","sources":["../../../../src/panel-component/scroll-container/scroll-container/scroll-container.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAEjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,yBAAyB,CAAC;AAEjC;;;;GAIG;AACH,eAAO,MAAM,eAAe;IAGxB;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGAkIL,CAAC"}