@ibiz-template/vue3-components 0.7.41-alpha.97 → 0.7.41-alpha.99

package/es/control/tree-grid/tree-grid.mjs

@@ -1,20 +1,21 @@
 import { isVNode, defineComponent, createVNode, resolveComponent, mergeProps, nextTick, watch, createTextVNode, renderSlot } from 'vue';
-import { useControlController, useControlPopoverzIndex, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
+import { useControlController, useControlPopoverzIndex, useNamespace, useSemanticNode, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { recursiveIterate } from '@ibiz-template/core';
-import { ScriptFactory, TreeGridController } from '@ibiz-template/runtime';
+import { filterPresetAttrs, ScriptFactory, TreeGridController } from '@ibiz-template/runtime';
 import { useRowEditPopover } from '../grid/row-edit-popover/use-row-edit-popover.mjs';
 import '../grid/grid/index.mjs';
 import { renderChildColumn } from '../grid/grid/grid.mjs';
+import '../../util/index.mjs';
 import { useITableEvent, useAppGridPagination, useAppGridBase, useGridHeaderStyle } from '../grid/grid/grid-control.util.mjs';
+import { usePagination } from '../../util/pagination/use-pagination.mjs';
 
 "use strict";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 function renderAttrs(model, params) {
-  var _a;
   const attrs = {};
-  (_a = model.controlAttributes) == null ? void 0 : _a.forEach((item) => {
+  filterPresetAttrs(model.controlAttributes).forEach((item) => {
     if (item.attrName && item.attrValue) {
       attrs[item.attrName] = ScriptFactory.execSingleLine(item.attrValue, {
         ...params
@@ -105,6 +106,10 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
     useControlPopoverzIndex(c);
     const ns = useNamespace("control-grid");
     const ns2 = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(c);
     const {
       tableRef,
       onRowClick,
@@ -119,6 +124,9 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
       onPageRefresh,
       onPageSizeChange
     } = useAppGridPagination(c);
+    const {
+      pageSemantic
+    } = usePagination(c);
     const {
       tableData,
       defaultSort,
@@ -144,7 +152,8 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
             "modelData": quickToolbar,
             "context": c.context,
             "params": c.params,
-            "class": ns.b("quick-toolbar")
+            "class": [ns.b("quick-toolbar"), semanticClass("quicktoolbar")],
+            "style": semanticStyle("quicktoolbar")
           }, null);
         }
         const noDataSlots = {};
@@ -156,6 +165,8 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
           });
         }
         return createVNode(resolveComponent("iBizNoData"), {
+          "class": semanticClass("empty"),
+          "style": semanticStyle("empty"),
           "text": c.model.emptyText,
           "emptyTextLanguageRes": c.model.emptyTextLanguageRes
         }, _isSlot(noDataSlots) ? noDataSlots : {
@@ -224,7 +235,8 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
         return;
       }
       return createVNode("div", {
-        "class": [ns.b("batch-toolbar"), ns.is("show", c.showBatchToolbar)]
+        "class": [ns.b("batch-toolbar"), ns.is("show", c.showBatchToolbar), semanticClass("batchtoolbar")],
+        "style": semanticStyle("batchtoolbar")
       }, [createVNode("div", {
         "class": ns.b("batch-toolbar-content")
       }, [createVNode("div", {
@@ -258,6 +270,9 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
       defaultSort,
       renderColumns,
       headerCssVars,
+      semanticClass,
+      semanticStyle,
+      pageSemantic,
       loadData,
       onRowClick,
       renderColumn,
@@ -286,9 +301,9 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
       "controller": this.c
     }, {
       default: () => [createVNode(resolveComponent("iBizControlBase"), {
-        "class": [this.ns.b(), this.ns2.b(), this.ns.is("show-header", !hideHeader), this.ns.is("enable-page", enablePagingBar), this.ns.is("enable-group", this.c.model.enableGroup), this.ns.is("enable-customized", this.c.model.enableCustomized)],
+        "class": [this.ns.b(), this.ns2.b(), this.ns.is("show-header", !hideHeader), this.ns.is("enable-page", enablePagingBar), this.ns.is("enable-group", this.c.model.enableGroup), this.ns.is("enable-customized", this.c.model.enableCustomized), this.semanticClass("root")],
         "controller": this.c,
-        "style": this.headerCssVars
+        "style": [this.headerCssVars, this.semanticStyle("root")]
       }, {
         default: () => {
           var _a;
@@ -300,7 +315,8 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
             "load": this.loadData,
             "tooltip-effect": "light",
             "show-header": !hideHeader,
-            "class": this.ns.e("table"),
+            "style": this.semanticStyle("content"),
+            "class": [this.ns.e("table"), this.semanticClass("content")],
             "key": this.c.state.tableKey,
             "onRowClick": this.onRowClick,
             "default-sort": this.defaultSort,
@@ -309,11 +325,21 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
             "onRowDblclick": this.onDbRowClick,
             "summary-method": this.summaryMethod,
             "onHeaderDragend": this.headerDragend,
-            "row-class-name": this.handleRowClassName,
             "onSelectionChange": this.onSelectionChange,
             "highlight-current-row": state.singleSelect,
             "onExpandChange": (row, expanded) => this.c.expandChange(row, expanded),
-            "header-cell-class-name": this.handleHeaderCellClassName,
+            "row-class-name": (event) => {
+              return [this.handleRowClassName(event), this.semanticClass("body.row", event)].join(" ");
+            },
+            "header-row-class-name": (...args) => this.semanticClass("header.row", ...args),
+            "row-style": (...args) => this.semanticStyle("body.row", args),
+            "header-row-style": this.semanticStyle("header.row"),
+            "cell-class-name": (...args) => this.semanticClass("body.cell", ...args),
+            "header-cell-class-name": (data) => {
+              return [this.handleHeaderCellClassName(data), this.semanticClass("header.cell", data)].join(" ");
+            },
+            "cell-style": (...args) => this.semanticStyle("body.cell", args),
+            "header-cell-style": this.semanticStyle("header.cell"),
             "tree-props": {
               children: "children",
               hasChildren: "hasChildren"
@@ -328,7 +354,8 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
                 "width": "55",
                 "type": "selection",
                 "reserve-selection": true,
-                "class-name": this.ns.e("selection")
+                "style": this.semanticStyle("selection"),
+                "class-name": "".concat(this.ns.e("selection"), " ").concat(this.semanticClass("selection"))
               }, null), state.isCreated && this.renderColumns.map((model, index) => {
                 return this.renderColumn(model, index);
               })];
@@ -337,6 +364,9 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
               return this.renderPopover();
             }
           }), enablePagingBar && createVNode(resolveComponent("iBizPagination"), {
+            "class": this.semanticClass("pagination"),
+            "style": this.semanticStyle("pagination"),
+            "semantic": this.pageSemantic,
             "mode": this.c.paginationMode,
             "total": state.total,
             "curPage": state.curPage,
@@ -349,6 +379,8 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
           }, null), this.c.model.enableCustomized && !hideHeader && createVNode("div", {
             "class": this.ns.b("setting-box")
           }, [createVNode(resolveComponent("iBizGridSetting"), {
+            "class": this.semanticClass("setting"),
+            "style": this.semanticStyle("setting"),
             "columnStates": state.columnStates,
             "controller": this.c
           }, null)]), this.renderBatchToolBar()];

package/es/control/tree-grid-ex/tree-grid-ex.css

@@ -1 +1 @@
-.ibiz-control-treegridex{--ibiz-control-treegridex-text-color:var(--ibiz-color-text-0);--ibiz-control-treegridex-bg-color:transparent;--ibiz-control-treegridex-padding:var(--ibiz-spacing-none);--ibiz-control-treegridex-cell-padding:var(--ibiz-spacing-tight);--ibiz-control-treegridex-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-treegridex-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-treegridex-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-treegridex-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-treegridex-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-treegridex-header-text-color:var(--ibiz-color-text-2);--ibiz-control-treegridex-header-cell-padding:var(--ibiz-control-treegridex-cell-padding);--ibiz-control-treegridex-header-height:54px;--ibiz-control-treegridex-header-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-treegridex-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-treegridex-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-treegridex-content-text-color:var(--ibiz-control-treegridex-text-color);--ibiz-control-treegridex-content-row-height:48px;--ibiz-control-treegridex-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-treegridex-footer-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-treegridex-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-treegridex-footer-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-control-treegridex-row-edit-bg-color)}.ibiz-control-treegridex .el-table{--el-table-header-bg-color:var(--ibiz-control-treegridex-header-bg-color);--el-table-border-color:transparent}.ibiz-control-treegridex .el-table--border .el-table__cell{border-right:none}.ibiz-control-treegridex .el-table-fixed-column--left,.ibiz-control-treegridex .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-treegridex .el-table td.el-table__cell,.ibiz-control-treegridex .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-treegridex__table{width:100%;height:100%}.ibiz-control-treegridex__table .caret-wrapper{justify-content:center}.ibiz-control-treegridex__table .caret-wrapper>*+*{margin-top:var(--ibiz-spacing-super-tight)}.ibiz-control-treegridex__table .sort-caret{position:initial}.ibiz-control-treegridex__table.el-table .el-table__cell{padding:var(--ibiz-spacing-none)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-treegridex-row-bg-color)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-treegridex-row-bg-color-2)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--el-table-row-hover-bg-color)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-treegridex__table .el-table__header-wrapper .cell{height:var(--ibiz-control-treegridex-header-height);padding:var(--ibiz-control-treegridex-header-cell-padding);font-size:var(--ibiz-control-treegridex-header-font-size);font-weight:var(--ibiz-control-treegridex-header-font-weight);color:var(--ibiz-control-treegridex-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-treegridex__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-treegridex-selection-padding)}.ibiz-control-treegridex__table .el-table__header-wrapper .el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-treegridex__table .el-table__body-wrapper{color:var(--ibiz-control-treegridex-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-treegridex-content-row-height);cursor:pointer}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row>td{height:0;padding:var(--ibiz-spacing-none)}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row .el-table__expand-icon{margin:var(--ibiz-control-treegridex-row-expand-icon-margin)}@-moz-document url-prefix(){.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-treegridex__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-treegridex-selection-padding)}.ibiz-control-treegridex__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-treegridex__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-treegridex__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-treegridex__table .el-scrollbar__wrap{position:relative}.ibiz-control-treegridex{width:100%;height:100%;padding:var(--ibiz-control-treegridex-padding);background-color:var(--ibiz-control-treegridex-bg-color)}
+.ibiz-control-treegridex{--ibiz-control-treegridex-text-color:var(--ibiz-color-text-0);--ibiz-control-treegridex-bg-color:transparent;--ibiz-control-treegridex-padding:var(--ibiz-spacing-none);--ibiz-control-treegridex-border-color:var(--ibiz-color-border);--ibiz-control-treegridex-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-treegridex-header-row-text-color:var(--ibiz-color-text-2);--ibiz-control-treegridex-header-row-cell-padding:var(--ibiz-control-treegridex-cell-padding);--ibiz-control-treegridex-header-row-height:54px;--ibiz-control-treegridex-header-row-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-treegridex-header-row-font-size:var(--ibiz-font-size-regular);--ibiz-control-treegridex-header-row-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-treegridex-header-cell-sort-gap:var(--ibiz-spacing-super-tight);--ibiz-control-treegridex-body-row-text-color:var(--ibiz-control-treegridex-text-color);--ibiz-control-treegridex-body-row-height:48px;--ibiz-control-treegridex-body-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-treegridex-body-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-treegridex-body-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-treegridex-body-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-treegridex-body-cell-padding:var(--ibiz-spacing-tight);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-control-treegridex-body-row-edit-bg-color)}.ibiz-control-treegridex .el-table{--el-table-header-bg-color:var(--ibiz-control-treegridex-header-row-bg-color);--el-table-border-color:transparent}.ibiz-control-treegridex .el-table--border .el-table__cell{border-right:none}.ibiz-control-treegridex .el-table-fixed-column--left,.ibiz-control-treegridex .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-treegridex .el-table td.el-table__cell,.ibiz-control-treegridex .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-treegridex__table{width:100%;height:100%}.ibiz-control-treegridex__table .caret-wrapper{justify-content:center}.ibiz-control-treegridex__table .caret-wrapper>*+*{margin-top:var(--ibiz-control-treegridex-header-cell-sort-gap)}.ibiz-control-treegridex__table .sort-caret{position:initial}.ibiz-control-treegridex__table.el-table .el-table__cell{padding:var(--ibiz-spacing-none)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-treegridex-body-row-bg-color)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-treegridex-body-row-bg-color-2)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--el-table-row-hover-bg-color)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-treegridex__table .el-table__header-wrapper .cell{height:var(--ibiz-control-treegridex-header-row-height);padding:var(--ibiz-control-treegridex-header-row-cell-padding);font-size:var(--ibiz-control-treegridex-header-row-font-size);font-weight:var(--ibiz-control-treegridex-header-row-font-weight);color:var(--ibiz-control-treegridex-header-row-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-treegridex__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-treegridex-selection-padding)}.ibiz-control-treegridex__table .el-table__header-wrapper .el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-treegridex__table .el-table__body-wrapper{color:var(--ibiz-control-treegridex-body-row-text-color);border-bottom:.1px solid var(--ibiz-control-treegridex-border-color)}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-treegridex-body-row-height);cursor:pointer}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row>td{height:0;padding:var(--ibiz-spacing-none)}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row .el-table__expand-icon{margin:var(--ibiz-control-treegridex-body-row-expand-icon-margin)}@-moz-document url-prefix(){.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-treegridex__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-treegridex-selection-padding)}.ibiz-control-treegridex__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-treegridex__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-treegridex__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-treegridex__table .el-scrollbar__wrap{position:relative}.ibiz-control-treegridex{width:100%;height:100%;padding:var(--ibiz-control-treegridex-padding);background-color:var(--ibiz-control-treegridex-bg-color)}

package/es/control/tree-grid-ex/tree-grid-ex.mjs

@@ -1,6 +1,6 @@
 import { isVNode, defineComponent, renderSlot, createVNode, resolveComponent, mergeProps, h, computed, ref, watchEffect } from 'vue';
-import { useControlController, useControlPopoverzIndex, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
-import { ScriptFactory, TreeGridExController } from '@ibiz-template/runtime';
+import { useControlController, useControlPopoverzIndex, useNamespace, useSemanticNode, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
+import { filterPresetAttrs, ScriptFactory, TreeGridExController } from '@ibiz-template/runtime';
 import { RuntimeError } from '@ibiz-template/core';
 import { createUUID } from 'qx-util';
 import { useRowEditPopover } from './use-row-edit-popover.mjs';
@@ -11,9 +11,8 @@ function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 function renderAttrs(model, params) {
-  var _a;
   const attrs = {};
-  (_a = model.controlAttributes) == null ? void 0 : _a.forEach((item) => {
+  filterPresetAttrs(model.controlAttributes).forEach((item) => {
     if (item.attrName && item.attrValue) {
       attrs[item.attrName] = ScriptFactory.execSingleLine(item.attrValue, {
         ...params
@@ -58,6 +57,10 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
     const c = useControlController((...args) => new TreeGridExController(...args));
     useControlPopoverzIndex(c);
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(c);
     const renderNoData = () => {
       const {
         isLoaded
@@ -71,6 +74,8 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
         });
       }
       return isLoaded && createVNode(resolveComponent("iBizNoData"), {
+        "class": semanticClass("empty"),
+        "style": semanticStyle("empty"),
         "text": c.model.emptyText,
         "emptyTextLanguageRes": c.model.emptyTextLanguageRes
       }, _isSlot(noDataSlots) ? noDataSlots : {
@@ -206,6 +211,8 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
       elTableData,
       renderColumns,
       tableRefreshKey,
+      semanticClass,
+      semanticStyle,
       loadData,
       onRowClick,
       renderNoData,
@@ -283,12 +290,13 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
     }, {
       default: () => [createVNode(resolveComponent("iBizControlBase"), {
         "controller": this.c,
-        "class": [this.ns.b()]
+        "class": [this.ns.b(), this.semanticClass("root")],
+        "style": this.semanticStyle("root")
       }, {
         default: () => [this.c.state.isLoaded && createVNode(resolveComponent("el-table"), mergeProps({
           "ref": "tableRef",
           "key": this.tableRefreshKey,
-          "class": this.ns.e("table"),
+          "class": [this.ns.e("table"), this.semanticClass("content")],
           "border": true,
           "row-key": "id",
           "data": this.elTableData,
@@ -299,7 +307,16 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
           "lazy": true,
           "onRowClick": this.onRowClick,
           "onExpandChange": this.onExpandChange,
-          "row-class-name": this.handleRowClassName,
+          "row-class-name": (event) => {
+            return [this.handleRowClassName(event), this.semanticClass("body.row", event)].join(" ");
+          },
+          "header-row-class-name": (...args) => this.semanticClass("header.row", ...args),
+          "row-style": (...args) => this.semanticStyle("body.row", args),
+          "header-row-style": this.semanticStyle("header.row"),
+          "cell-class-name": (...args) => this.semanticClass("body.cell", ...args),
+          "header-cell-class-name": (data) => this.semanticClass("header.cell", data),
+          "cell-style": (...args) => this.semanticStyle("body.cell", args),
+          "header-cell-style": this.semanticStyle("header.cell"),
           "load": this.loadData
         }, renderAttrs(this.c.model, {
           ...this.c.getEventArgs()

package/es/control/wizard-panel/wizard-panel.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-control-wizardpanel{--ibiz-control-wizard-panel-header-height:60px;--ibiz-control-wizard-panel-footer-height:40px;--ibiz-control-wizard-panel-step-icon-width:22px;height:100%}.ibiz-control-wizardpanel .ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height));overflow:auto}.ibiz-control-wizardpanel.is-header .ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height) - var(--ibiz-control-wizard-panel-header-height))}.ibiz-control-wizardpanel-header{height:var(--ibiz-control-wizard-panel-header-height)}.ibiz-control-wizardpanel-header--step-icon{font-size:var(--ibiz-control-wizard-panel-step-icon-width)}.ibiz-control-wizardpanel-header .el-step__icon{--el-bg-color:var(--ibiz-color-bg-1)}.ibiz-control-wizardpanel-footer{display:flex;align-items:center;justify-content:flex-end;height:var(--ibiz-control-wizard-panel-footer-height);padding-right:var(--ibiz-padding)}
+.ibiz-control-wizardpanel{--ibiz-control-wizard-panel-header-height:60px;--ibiz-control-wizard-panel-footer-height:40px;--ibiz-control-wizard-panel-bg-color:transparent;--ibiz-control-wizard-panel-step-font-size:22px;--ibiz-control-wizard-panel-step-bg-color:var(--ibiz-color-bg-1);height:100%;background-color:var(--ibiz-control-wizard-panel-bg-color)}.ibiz-control-wizardpanel .ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height));overflow:auto}.ibiz-control-wizardpanel.is-header .ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height) - var(--ibiz-control-wizard-panel-header-height))}.ibiz-control-wizardpanel-header{height:var(--ibiz-control-wizard-panel-header-height)}.ibiz-control-wizardpanel-header--step-icon{font-size:var(--ibiz-control-wizard-panel-step-font-size)}.ibiz-control-wizardpanel-header .el-step__icon{--el-bg-color:var(--ibiz-control-wizard-panel-step-bg-color)}.ibiz-control-wizardpanel-footer{display:flex;align-items:center;justify-content:flex-end;height:var(--ibiz-control-wizard-panel-footer-height)}

package/es/control/wizard-panel/wizard-panel.mjs

@@ -1,8 +1,8 @@
 import { isVNode, defineComponent, resolveComponent, h, createVNode } from 'vue';
-import { IBizIcon, useControlController, useNamespace } from '@ibiz-template/vue3-util';
-import './wizard-panel.css';
+import { IBizIcon, useControlController, useSemanticNode, useNamespace } from '@ibiz-template/vue3-util';
 import { WizardPanelController } from '@ibiz-template/runtime';
 import { showTitle } from '@ibiz-template/core';
+import './wizard-panel.css';
 
 "use strict";
 function _isSlot(s) {
@@ -42,10 +42,16 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
   },
   setup() {
     const c = useControlController((...args) => new WizardPanelController(...args));
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(c);
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     return {
       c,
-      ns
+      ns,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
@@ -65,8 +71,9 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
           return activeFormTag === ((_a2 = _editForm.dewizardForm) == null ? void 0 : _a2.formTag);
         });
         formComponent = h(component, {
-          class: this.ns.e("form"),
           modelData: editForm,
+          style: this.semanticStyle("form"),
+          class: [this.ns.e("form"), this.semanticClass("form")],
           context: Object.assign(this.c.context, {
             srfsilent: true
           }),
@@ -81,20 +88,27 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
       } = this.c.model;
       footer = dewizard && createVNode("div", {
         "key": "".concat(activeFormTag, "footer"),
-        "class": this.ns.b("footer")
+        "class": [this.ns.b("footer"), this.semanticClass("footer")],
+        "style": this.semanticStyle("footer")
       }, [((_b = buttonsState["".concat(activeFormTag, "@PREV")]) == null ? void 0 : _b.visible) && createVNode(resolveComponent("el-button"), {
+        "class": [this.ns.be("footer", "button"), this.semanticClass("footer.button")],
+        "style": this.semanticStyle("footer.button"),
         "onClick": () => {
           this.c.onPrevClick();
         }
       }, {
         default: () => [dewizard.prevCaption ? dewizard.prevCaption : ibiz.i18n.t("control.common.retreat")]
       }), ((_c = buttonsState["".concat(activeFormTag, "@NEXT")]) == null ? void 0 : _c.visible) && createVNode(resolveComponent("el-button"), {
+        "class": [this.ns.be("footer", "button"), this.semanticClass("footer.button")],
+        "style": this.semanticStyle("footer.button"),
         "onClick": () => {
           this.c.onNextClick();
         }
       }, {
         default: () => [dewizard.nextCaption ? dewizard.nextCaption : ibiz.i18n.t("control.common.forward")]
       }), ((_d = buttonsState["".concat(activeFormTag, "@FINISH")]) == null ? void 0 : _d.visible) && createVNode(resolveComponent("el-button"), {
+        "class": [this.ns.be("footer", "button"), this.semanticClass("footer.button")],
+        "style": this.semanticStyle("footer.button"),
         "onClick": () => {
           this.c.onFinishClick();
         }
@@ -110,10 +124,11 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
         if (active === -1)
           active = 0;
         stepsTitle = createVNode(resolveComponent("el-steps"), {
-          "class": this.ns.b("header"),
+          "class": [this.ns.e("step"), this.ns.b("header"), this.semanticClass("step")],
+          "style": this.semanticStyle("step"),
           "align-center": true,
-          "finish-status": "success",
-          "active": active
+          "active": active,
+          "finish-status": "success"
         }, _isSlot(_slot2 = dewizardSteps.map((step) => {
           const _slot = {
             title: () => {
@@ -131,7 +146,10 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
               }, null)
             });
           }
-          return createVNode(resolveComponent("el-step"), null, _isSlot(_slot) ? _slot : {
+          return createVNode(resolveComponent("el-step"), {
+            "class": [this.ns.em("step", "item"), this.semanticClass("step.item")],
+            "style": this.semanticStyle("step.item")
+          }, _isSlot(_slot) ? _slot : {
             default: () => [_slot]
           });
         })) ? _slot2 : {
@@ -141,7 +159,8 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
     }
     return createVNode(resolveComponent("iBizControlBase"), {
       "controller": this.c,
-      "class": [this.ns.b(), this.ns.is("header", this.c.model.showStepBar)]
+      "class": [this.ns.b(), this.semanticClass("root"), this.ns.is("header", this.c.model.showStepBar)],
+      "style": this.semanticStyle("root")
     }, {
       default: () => [stepsTitle, formComponent, footer]
     });

package/es/editor/code/monaco-editor/monaco-editor.mjs

@@ -35,6 +35,7 @@ const IBizCode = /* @__PURE__ */ defineComponent({
     });
     const textTBVisible = ref(false);
     const editorTheme = ref("");
+    const functionBody = ref();
     const editorModel = c.model;
     if (editorModel.editorParams) {
       if (editorModel.editorParams.enableEdit) {
@@ -83,6 +84,20 @@ const IBizCode = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
+    watch(() => props.data, async (newVal) => {
+      if (c.functionBody) {
+        functionBody.value = await ibiz.util.hbs.render(c.functionBody.replaceAll("//n", "\n"), {
+          data: {
+            ...newVal
+          },
+          context: c.context,
+          params: c.params
+        });
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
     const updateEditorOptions = () => {
       if (!editor) {
         return;
@@ -427,9 +442,8 @@ const IBizCode = /* @__PURE__ */ defineComponent({
       return null;
     };
     const renderFunctionBody = () => {
-      if (!c.functionBody) {
+      if (!functionBody.value)
         return null;
-      }
       return createVNode("div", {
         "class": ns.e("function")
       }, [createVNode(resolveComponent("el-tooltip"), {
@@ -455,14 +469,14 @@ const IBizCode = /* @__PURE__ */ defineComponent({
         },
         content: () => {
           return createVNode(resolveComponent("iBizHighLightCode"), {
-            "class": ns.e("function-signature"),
-            "code": c.functionBody
+            "code": functionBody.value,
+            "class": ns.e("function-signature")
           }, null);
         }
       })]);
     };
     const renderHeaderToolbar = () => {
-      if (hasEnableEdit.value || enableFullScreen.value || c.functionBody) {
+      if (hasEnableEdit.value || enableFullScreen.value || functionBody.value) {
         return createVNode("div", {
           "class": ns.b("toolbar")
         }, [hasEnableEdit.value && enableEdit.value && readonlyState.value ? createVNode("i", {

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -234,13 +234,17 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     const valueText = computed(() => {
       const valueArr = Array.isArray(curValue.value) ? curValue.value : [curValue.value];
       const list = hasChildren.value ? codeListItems.value : items.value;
+      const isNumber = codeItemValueNumber.value;
+      const codeMap = new Map(list.map((codeItem) => [isNumber ? Number(codeItem.value) : String(codeItem.value), codeItem.text]));
       const textArr = [];
       valueArr.forEach((item) => {
-        list.forEach((codeItem) => {
-          if (codeItemValueNumber.value ? codeItem.value === Number(item) : codeItem.value === item) {
-            textArr.push(codeItem.text);
-          }
-        });
+        const key = isNumber ? Number(item) : String(item);
+        const text = codeMap.get(key);
+        if (text !== void 0) {
+          textArr.push(text);
+        } else {
+          textArr.push(item);
+        }
       });
       return textArr.join(valueSeparator);
     });
@@ -463,7 +467,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           "select-option-item-bkcolor": "".concat((this.c.editorParams.type === "round" ? codeListItem.bkcolor : "") || "")
         }) : ""
       }, [(codeListItem == null ? void 0 : codeListItem.sysImage) && createVNode(resolveComponent("iBizIcon"), {
-        "icon": codeListItem == null ? void 0 : codeListItem.sysImage
+        "icon": codeListItem.sysImage
       }, null), createVNode("span", {
         "class": this.ns.be("readonly-text-item", "label")
       }, [text])]);

package/es/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.css

@@ -1 +1 @@
-.ibiz-markdown{--ibiz-markdown-width:100%;--ibiz-markdown-color-manual-toolbar-bg-save:var(--ibiz-color-primary);--ibiz-markdown-color-manual-toolbar-text-save:var(--ibiz-color-primary-active-text);--ibiz-markdown-color-manual-toolbar-text-cancel:var(--ibiz-color-text-1);--ibiz-markdown-color-manual-toolbar-text-cancel-hover:var(--ibiz-color-primary);--ibiz-markdown-color-dark-scrollbar-thumb-dark:rgb(var(--ibiz-grey-4));--ibiz-markdown-color-light-scrollbar-thumb-dark:rgb(var(--ibiz-grey-4));--ibiz-markdown-color-scrollbar-thumb-dark-hover:rgba(var(--ibiz-grey-4), 0.5);--ibiz-markdown-color-dark-toc-text:var(--ibiz-color-fill-0);--ibiz-markdown-color-toc-header-text:var(--ibiz-color-text-0);--ibiz-markdown-color-dark-mardown-border:rgb(var(--ibiz-grey-2));--ibiz-markdown-color-fixed-toc-text:var(--ibiz-color-black);--ibiz-markdown-color-fixed-toc-arrow-text:var(--ibiz-color-primary);--ibiz-markdown-spacing-manual-toolbar-height:32px;--ibiz-markdown-spacing-manual-toolbar-gap:var(--ibiz-spacing-base);--ibiz-markdown-spacing-manual-toolbar-item-padding:0 var(--ibiz-spacing-base);--ibiz-markdown-spacing-manual-toolbar-margin:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-tight) 0 0;--ibiz-markdown-spacing-manual-toolbar-fullscreen-height:var(--ibiz-height-control-default);--ibiz-markdown-spacing-manual-toolbar-fullscreen-padding:0 var(--ibiz-spacing-extra-loose);--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header:var(--ibiz-spacing-super-loose);--ibiz-markdown-height-manual-toolbar-height:var(--ibiz-height-control-default);--ibiz-markdown-border-radius-manual-toolbar-item:var(--ibiz-border-radius-small);--ibiz-markdown-border-manual-toolbar-fullscreen-footer:1px solid var(--ibiz-color-border);--ibiz-markdown-img-preview-top:-32px;--ibiz-markdown-img-preview-right:-36px;--ibiz-markdown-img-preview-width:32px;--ibiz-markdown-img-preview-height:32px}.ibiz-markdown__header{display:flex;flex-shrink:0;gap:var(--ibiz-markdown-spacing-manual-toolbar-gap);align-items:center;justify-content:end;height:var(--ibiz-markdown-spacing-manual-toolbar-height)}.ibiz-markdown__header--edit{cursor:pointer}.ibiz-markdown__header--full{cursor:pointer}.ibiz-markdown__header.is-fullscreen{position:fixed;top:0;right:0;left:0;z-index:1000;width:100%;height:calc(var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header));padding:var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-padding);margin-top:0;background-color:var(--ibiz-view-bg-color)}.ibiz-markdown__header.is-fullscreen+.ibiz-markdown-cherry .cherry.fullscreen{top:calc(var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header));height:calc(100% - var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header))}.ibiz-markdown__footer{display:flex;gap:var(--ibiz-markdown-spacing-manual-toolbar-gap);align-items:center;justify-content:end;height:var(--ibiz-markdown-spacing-manual-toolbar-height);margin:var(--ibiz-markdown-spacing-manual-toolbar-margin)}.ibiz-markdown__footer--save{height:var(--ibiz-markdown-height-manual-toolbar-height);padding:var(--ibiz-markdown-spacing-manual-toolbar-item-padding);line-height:var(--ibiz-markdown-height-manual-toolbar-height);color:var(--ibiz-markdown-color-manual-toolbar-text-save);text-align:center;cursor:pointer;background-color:var(--ibiz-markdown-color-manual-toolbar-bg-save);border-radius:var(--ibiz-markdown-border-radius-manual-toolbar-item)}.ibiz-markdown__footer--cancel{color:var(--ibiz-markdown-color-manual-toolbar-text-cancel);cursor:pointer}.ibiz-markdown__footer--cancel:hover{color:var(--ibiz-markdown-color-manual-toolbar-text-cancel-hover)}.ibiz-markdown__footer.is-fullscreen{position:fixed;right:0;bottom:0;left:0;z-index:1000;width:100%;height:calc(var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height) * 2);padding:var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-padding);margin-top:0;background-color:var(--ibiz-view-bg-color);border-top:var(--ibiz-markdown-border-manual-toolbar-fullscreen-footer)}.ibiz-markdown__footer.is-fullscreen+.ibiz-markdown-cherry .cherry.fullscreen{height:calc(100% - var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height) * 2)}.ibiz-markdown__img-preview.el-image{position:absolute;height:0}.ibiz-markdown__img-preview .el-image-viewer__wrapper{width:90%;height:90%;margin:auto}.ibiz-markdown__img-preview .el-image-viewer__mask{position:fixed;width:100vw;height:100vh;cursor:zoom-out;opacity:.7}.ibiz-markdown__img-preview .el-image-viewer__close{top:var(--ibiz-markdown-img-preview-top);right:var(--ibiz-markdown-img-preview-right);width:var(--ibiz-markdown-img-preview-width);height:var(--ibiz-markdown-img-preview-height)}.ibiz-markdown .ibiz-markdown-cherry{width:var(--ibiz-markdown-width);outline:0}.ibiz-markdown .ibiz-markdown-cherry .cherry{width:100%;border:1px solid var(--ibiz-color-border);box-shadow:none}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-toolbar{box-shadow:none}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-editor{border-top:1px solid var(--ibiz-color-border)}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-previewer{border-top:1px solid var(--ibiz-color-border)}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-previewer img{cursor:zoom-in}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-sidebar{top:49px;border-left:1px solid var(--ibiz-color-border);box-shadow:none}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-floatmenu{left:50%!important;margin:0;transform:translateX(-50%)}.ibiz-markdown .ibiz-markdown-cherry .cherry .CodeMirror-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-dropdown{width:-moz-min-content;width:min-content}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-dropdown-item{white-space:nowrap}.ibiz-markdown.is-disabled .cherry{min-height:auto}.ibiz-markdown.is-disabled .ibiz-markdown__fullscreen{position:absolute;top:8px;right:12px;z-index:98;font-size:var(--ibiz-font-size-regular);line-height:2.8}.ibiz-markdown.is-disabled .theme__dark .ibiz-markdown__fullscreen{color:var(--ibiz-color-text-0)}.ibiz-markdown.is-disabled .theme__dark .ibiz-markdown__fullscreen:hover{background-color:var(--ibiz-color-bg-3)}.ibiz-markdown.is-manual{display:flex;flex-direction:column}.ibiz-markdown.is-manual .ibiz-markdown-cherry{flex-grow:1;height:calc(100% - var(--ibiz-markdown-spacing-manual-toolbar-height))!important}.ibiz-markdown.is-manual .cherry.fullscreen .cherry-previewer{padding-top:var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header)}.ibiz-markdown.is-manual.is-editing{flex-direction:column-reverse}.ibiz-markdown.is-manual.is-editing .cherry.fullscreen{height:calc(100% - var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height) * 2)}.ibiz-markdown.is-manual .ibiz-markdown-menu{display:none}.ibiz-markdown.is-manual.is-editing .ibiz-markdown-menu{display:block}.ibiz-markdown.is-show-editor-switch-menu .ibiz-composite-form-item-ex-menu{--ibiz-composite-form-item-ex-menu-height:47px;--ibiz-composite-form-item-ex-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight) 0;max-height:100%}.ibiz-markdown.is-show-editor-switch-menu .cherry-toolbar{padding-right:calc(var(--ibiz-composite-form-item-ex-menu-width) + var(--ibiz-spacing-extra-tight))}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu{position:absolute;top:1px;right:1px;z-index:var(--ibiz-composite-form-item-ex-menu-z-index);display:flex;align-items:center;height:calc(var(--ibiz-markdown-toolbar-height) - 1px);background:var(--ibiz-composite-form-item-ex-menu-bg-color);border-right:1px solid var(--ibiz-color-border);border-left:1px solid var(--ibiz-color-border)}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu.is-fullscreen{position:fixed;z-index:1000}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu .ibiz-composite-form-item-ex-menu{position:relative}.ibiz-markdown .cherry-preview--full{border-left:none}.ibiz-markdown .cherry-flex-toc__fixed{color:var(--ibiz-markdown-color-fixed-toc-text)}.ibiz-markdown .cherry-flex-toc__fixed.cherry-flex-toc__pure .cherry-toc-head{color:var(--ibiz-markdown-color-fixed-toc-arrow-text)}.ibiz-markdown .cherry-flex-toc__fixed:hover{z-index:100}.ibiz-markdown .theme__dark,.ibiz-markdown .theme__light{color:var(--ibiz-form-item-text-color)}.ibiz-markdown .cherry-markdown h1 a::before,.ibiz-markdown .cherry-markdown h2 a::before,.ibiz-markdown .cherry-markdown h3 a::before,.ibiz-markdown .cherry-markdown h4 a::before,.ibiz-markdown .cherry-markdown h5 a::before,.ibiz-markdown .cherry-markdown h6 a::before{display:none}.ibiz-markdown .cherry.fullscreen{z-index:999}.ibiz-markdown--light .theme__green .cherry-toolbar,.ibiz-markdown--light .theme__light .cherry-toolbar,.ibiz-markdown--light .theme__violet .cherry-toolbar{background-color:var(--ibiz-color-bg-0)}.ibiz-markdown--light .theme__dark.cherry .cherry-flex-toc{color:var(--ibiz-markdown-color-toc-header-text)}.ibiz-markdown--light .theme__dark.cherry ::-webkit-scrollbar-thumb{background:var(--ibiz-markdown-color-light-scrollbar-thumb-dark)}.ibiz-markdown--light .theme__dark.cherry ::-webkit-scrollbar-thumb:hover{background:var(--ibiz-markdown-color-scrollbar-thumb-dark-hover)}.ibiz-markdown--dark.ibiz-markdown-cherry .cherry{border:1px solid var(--ibiz-markdown-color-dark-mardown-border)}.ibiz-markdown--dark .theme__green .cherry-toolbar,.ibiz-markdown--dark .theme__light .cherry-toolbar,.ibiz-markdown--dark .theme__violet .cherry-toolbar{background-color:var(--ibiz-color-shadow)}.ibiz-markdown--dark .theme__dark.cherry .cherry-toc-head{color:var(--ibiz-markdown-color-dark-toc-text)}.ibiz-markdown--dark .theme__dark.cherry ::-webkit-scrollbar-thumb{background:var(--ibiz-markdown-color-dark-scrollbar-thumb-dark)}.ibiz-markdown--dark .theme__dark.cherry ::-webkit-scrollbar-thumb:hover{background:var(--ibiz-markdown-color-scrollbar-thumb-dark-hover)}
+.ibiz-markdown{--ibiz-markdown-width:100%;--ibiz-markdown-color-manual-toolbar-bg-save:var(--ibiz-color-primary);--ibiz-markdown-color-manual-toolbar-text-save:var(--ibiz-color-primary-active-text);--ibiz-markdown-color-manual-toolbar-text-cancel:var(--ibiz-color-text-1);--ibiz-markdown-color-manual-toolbar-text-cancel-hover:var(--ibiz-color-primary);--ibiz-markdown-color-dark-scrollbar-thumb-dark:rgb(var(--ibiz-grey-4));--ibiz-markdown-color-light-scrollbar-thumb-dark:rgb(var(--ibiz-grey-4));--ibiz-markdown-color-scrollbar-thumb-dark-hover:rgba(var(--ibiz-grey-4), 0.5);--ibiz-markdown-color-dark-toc-text:var(--ibiz-color-fill-0);--ibiz-markdown-color-toc-header-text:var(--ibiz-color-text-0);--ibiz-markdown-color-dark-mardown-border:rgb(var(--ibiz-grey-2));--ibiz-markdown-color-fixed-toc-text:var(--ibiz-color-black);--ibiz-markdown-color-fixed-toc-arrow-text:var(--ibiz-color-primary);--ibiz-markdown-spacing-manual-toolbar-height:32px;--ibiz-markdown-spacing-manual-toolbar-gap:var(--ibiz-spacing-base);--ibiz-markdown-spacing-manual-toolbar-item-padding:0 var(--ibiz-spacing-base);--ibiz-markdown-spacing-manual-toolbar-margin:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-tight) 0 0;--ibiz-markdown-spacing-manual-toolbar-fullscreen-height:var(--ibiz-height-control-default);--ibiz-markdown-spacing-manual-toolbar-fullscreen-padding:0 var(--ibiz-spacing-extra-loose);--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header:var(--ibiz-spacing-super-loose);--ibiz-markdown-height-manual-toolbar-height:var(--ibiz-height-control-default);--ibiz-markdown-border-radius-manual-toolbar-item:var(--ibiz-border-radius-small);--ibiz-markdown-border-manual-toolbar-fullscreen-footer:1px solid var(--ibiz-color-border);--ibiz-markdown-img-preview-top:-32px;--ibiz-markdown-img-preview-right:-36px;--ibiz-markdown-img-preview-width:32px;--ibiz-markdown-img-preview-height:32px}.ibiz-markdown__header{display:flex;flex-shrink:0;gap:var(--ibiz-markdown-spacing-manual-toolbar-gap);align-items:center;justify-content:end;height:var(--ibiz-markdown-spacing-manual-toolbar-height)}.ibiz-markdown__header--edit{cursor:pointer}.ibiz-markdown__header--full{cursor:pointer}.ibiz-markdown__header.is-fullscreen{position:fixed;top:0;right:0;left:0;z-index:1000;width:100%;height:calc(var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header));padding:var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-padding);margin-top:0;background-color:var(--ibiz-view-bg-color)}.ibiz-markdown__header.is-fullscreen+.ibiz-markdown-cherry .cherry.fullscreen{top:calc(var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header));height:calc(100% - var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header))}.ibiz-markdown__footer{display:flex;gap:var(--ibiz-markdown-spacing-manual-toolbar-gap);align-items:center;justify-content:end;height:var(--ibiz-markdown-spacing-manual-toolbar-height);margin:var(--ibiz-markdown-spacing-manual-toolbar-margin)}.ibiz-markdown__footer--save{height:var(--ibiz-markdown-height-manual-toolbar-height);padding:var(--ibiz-markdown-spacing-manual-toolbar-item-padding);line-height:var(--ibiz-markdown-height-manual-toolbar-height);color:var(--ibiz-markdown-color-manual-toolbar-text-save);text-align:center;cursor:pointer;background-color:var(--ibiz-markdown-color-manual-toolbar-bg-save);border-radius:var(--ibiz-markdown-border-radius-manual-toolbar-item)}.ibiz-markdown__footer--cancel{color:var(--ibiz-markdown-color-manual-toolbar-text-cancel);cursor:pointer}.ibiz-markdown__footer--cancel:hover{color:var(--ibiz-markdown-color-manual-toolbar-text-cancel-hover)}.ibiz-markdown__footer.is-fullscreen{position:fixed;right:0;bottom:0;left:0;z-index:1000;width:100%;height:calc(var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height) * 2);padding:var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-padding);margin-top:0;background-color:var(--ibiz-view-bg-color);border-top:var(--ibiz-markdown-border-manual-toolbar-fullscreen-footer)}.ibiz-markdown__footer.is-fullscreen+.ibiz-markdown-cherry .cherry.fullscreen{height:calc(100% - var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height) * 2)}.ibiz-markdown__img-preview.el-image{position:absolute;height:0}.ibiz-markdown__img-preview .el-image-viewer__wrapper{width:90%;height:90%;margin:auto}.ibiz-markdown__img-preview .el-image-viewer__mask{position:fixed;width:100vw;height:100vh;cursor:zoom-out;opacity:.7}.ibiz-markdown__img-preview .el-image-viewer__close{top:var(--ibiz-markdown-img-preview-top);right:var(--ibiz-markdown-img-preview-right);width:var(--ibiz-markdown-img-preview-width);height:var(--ibiz-markdown-img-preview-height)}.ibiz-markdown .ibiz-markdown-cherry{width:var(--ibiz-markdown-width);outline:0}.ibiz-markdown .ibiz-markdown-cherry .cherry{width:100%;border:1px solid var(--ibiz-color-border);box-shadow:none}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-toolbar{box-shadow:none}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-editor{border-top:1px solid var(--ibiz-color-border)}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-previewer{border-top:1px solid var(--ibiz-color-border)}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-previewer img{cursor:zoom-in}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-sidebar{top:49px;border-left:1px solid var(--ibiz-color-border);box-shadow:none}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-floatmenu{left:50%!important;margin:0;transform:translateX(-50%)}.ibiz-markdown .ibiz-markdown-cherry .cherry .CodeMirror-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-dropdown{width:-moz-min-content;width:min-content}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-dropdown-item{white-space:nowrap}.ibiz-markdown.is-disabled .cherry{min-height:auto}.ibiz-markdown.is-disabled .ibiz-markdown__fullscreen{position:absolute;top:8px;right:12px;z-index:98;font-size:var(--ibiz-font-size-regular);line-height:2.8}.ibiz-markdown.is-disabled .theme__dark .ibiz-markdown__fullscreen{color:var(--ibiz-color-text-0)}.ibiz-markdown.is-disabled .theme__dark .ibiz-markdown__fullscreen:hover{background-color:var(--ibiz-color-bg-3)}.ibiz-markdown.is-manual{display:flex;flex-direction:column}.ibiz-markdown.is-manual .ibiz-markdown-cherry{flex-grow:1;height:calc(100% - var(--ibiz-markdown-spacing-manual-toolbar-height))!important}.ibiz-markdown.is-manual .cherry.fullscreen .cherry-previewer{padding-top:var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header)}.ibiz-markdown.is-manual.is-editing{flex-direction:column-reverse}.ibiz-markdown.is-manual.is-editing .cherry.fullscreen{height:calc(100% - var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height) * 2)}.ibiz-markdown.is-manual .ibiz-markdown-menu{display:none}.ibiz-markdown.is-manual.is-editing .ibiz-markdown-menu{display:block}.ibiz-markdown.is-show-editor-switch-menu .ibiz-composite-form-item-ex-menu{--ibiz-composite-form-item-ex-menu-height:47px;--ibiz-composite-form-item-ex-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight) 0;max-height:100%}.ibiz-markdown.is-show-editor-switch-menu .cherry-toolbar{padding-right:calc(var(--ibiz-composite-form-item-ex-menu-width) + var(--ibiz-spacing-extra-tight))}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu{position:absolute;top:1px;right:1px;z-index:var(--ibiz-composite-form-item-ex-menu-z-index);display:flex;align-items:center;height:calc(var(--ibiz-markdown-toolbar-height) - 1px);background:var(--ibiz-composite-form-item-ex-menu-bg-color);border-right:1px solid var(--ibiz-color-border);border-left:1px solid var(--ibiz-color-border)}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu.is-fullscreen{position:fixed;z-index:1000}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu .ibiz-composite-form-item-ex-menu{position:relative}.ibiz-markdown .cherry-preview--full{border-left:none}.ibiz-markdown .cherry-flex-toc__fixed{color:var(--ibiz-markdown-color-fixed-toc-text)}.ibiz-markdown .cherry-flex-toc__fixed.cherry-flex-toc__pure .cherry-toc-head{color:var(--ibiz-markdown-color-fixed-toc-arrow-text)}.ibiz-markdown .cherry-flex-toc__fixed:hover{z-index:100}.ibiz-markdown .theme__dark,.ibiz-markdown .theme__light{color:var(--ibiz-form-item-text-color)}.ibiz-markdown .cherry-markdown h1 a::before,.ibiz-markdown .cherry-markdown h2 a::before,.ibiz-markdown .cherry-markdown h3 a::before,.ibiz-markdown .cherry-markdown h4 a::before,.ibiz-markdown .cherry-markdown h5 a::before,.ibiz-markdown .cherry-markdown h6 a::before{display:none}.ibiz-markdown .cherry.fullscreen{z-index:999}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff{display:inline-block;width:100%}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff .code-line{display:inline-block;width:100%;line-height:1.3em}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff .code-line>.token{display:flex}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff .code-line>.token .line{display:inline-block}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff .code-line>.token .line:empty{display:none}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff .token.inserted{color:var(--ibiz-color-success-text);background:var(--ibiz-color-success)}.ibiz-markdown .cherry-markdown div[data-type=codeBlock] code.language-diff .token.deleted{color:var(--ibiz-color-danger-text);background:var(--ibiz-color-danger)}.ibiz-markdown--light .theme__green .cherry-toolbar,.ibiz-markdown--light .theme__light .cherry-toolbar,.ibiz-markdown--light .theme__violet .cherry-toolbar{background-color:var(--ibiz-color-bg-0)}.ibiz-markdown--light .theme__dark.cherry .cherry-flex-toc{color:var(--ibiz-markdown-color-toc-header-text)}.ibiz-markdown--light .theme__dark.cherry ::-webkit-scrollbar-thumb{background:var(--ibiz-markdown-color-light-scrollbar-thumb-dark)}.ibiz-markdown--light .theme__dark.cherry ::-webkit-scrollbar-thumb:hover{background:var(--ibiz-markdown-color-scrollbar-thumb-dark-hover)}.ibiz-markdown--dark.ibiz-markdown-cherry .cherry{border:1px solid var(--ibiz-markdown-color-dark-mardown-border)}.ibiz-markdown--dark .theme__green .cherry-toolbar,.ibiz-markdown--dark .theme__light .cherry-toolbar,.ibiz-markdown--dark .theme__violet .cherry-toolbar{background-color:var(--ibiz-color-shadow)}.ibiz-markdown--dark .theme__dark.cherry .cherry-toc-head{color:var(--ibiz-markdown-color-dark-toc-text)}.ibiz-markdown--dark .theme__dark.cherry ::-webkit-scrollbar-thumb{background:var(--ibiz-markdown-color-dark-scrollbar-thumb-dark)}.ibiz-markdown--dark .theme__dark.cherry ::-webkit-scrollbar-thumb:hover{background:var(--ibiz-markdown-color-scrollbar-thumb-dark-hover)}

package/es/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.mjs

@@ -90,6 +90,17 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
       deep: true
     });
     const markDownBox = ref();
+    const getCodeTheme = (value) => {
+      const codeThemeMap = {
+        dark: "tomorrow-night",
+        light: "default",
+        green: "solarized-light",
+        red: "solarized-light",
+        violet: "default",
+        blue: "default"
+      };
+      return codeThemeMap[value] || value;
+    };
     const getDownloadUrl = (data, file) => {
       if (!c)
         return "";
@@ -362,6 +373,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
     };
     const changeMainTheme = (_theme) => {
       c == null ? void 0 : c.setCurrentEditorTheme(_theme);
+      editor == null ? void 0 : editor.setCodeBlockTheme(getCodeTheme(_theme));
     };
     const selectionChange = (event) => {
       var _a2, _b2;
@@ -417,7 +429,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
             // 目前应用的主题
             mainTheme: theme.value,
             // 目前应用的代码块主题
-            codeBlockTheme: theme.value
+            codeBlockTheme: getCodeTheme(theme.value)
           },
           fileUpload,
           emoji: {
@@ -520,7 +532,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
     watch(() => UIStore.theme, (newVal) => {
       theme.value = customTheme || newVal;
       editor == null ? void 0 : editor.setTheme(theme.value);
-      editor == null ? void 0 : editor.setCodeBlockTheme(theme.value);
+      editor == null ? void 0 : editor.setCodeBlockTheme(getCodeTheme(theme.value));
     });
     const calcMarkDownStyle = () => {
       if (window.ResizeObserver && markDownBox.value) {

package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.mjs

@@ -31,11 +31,12 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
       onRemove,
       onSuccess,
       beforeUpload,
-      addCacheCount
+      addCacheCount,
+      drainCacheCount
     } = useIViewUpload(props, (value) => {
       emit("change", value);
       useInValueChange();
-    }, c);
+    }, c, emit);
     const {
       customUpload,
       folderInputRef,
@@ -46,8 +47,9 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
       headers: headers.value,
       onSuccess,
       onError,
-      addCacheCount
-    });
+      addCacheCount,
+      drainCacheCount
+    }, emit);
     const noUploadIcon = computed(() => {
       var _a;
       return limit.value === 1 && ((_a = files.value) == null ? void 0 : _a.length) === 1;

package/es/editor/upload/ibiz-image-cropping/ibiz-image-cropping.mjs

@@ -31,7 +31,7 @@ const IBizImageCropping = /* @__PURE__ */ defineComponent({
     } = useIViewUpload(props, (value) => {
       emit("change", value);
       useInValueChange();
-    }, c);
+    }, c, emit);
     const dialogImageUrl = ref([]);
     const dialogImageUrlIndex = ref(0);
     const dialogVisible = ref(false);

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.mjs

@@ -30,7 +30,7 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
     } = useIViewUpload(props, (value) => {
       emit("change", value);
       useInValueChange();
-    }, c);
+    }, c, emit);
     const dialogImageUrl = ref([]);
     const dialogImageUrlIndex = ref(0);
     const dialogVisible = ref(false);

package/es/editor/upload/upload-editor.controller.mjs

@@ -39,6 +39,10 @@ class UploadEditorController extends EditorController {
      * 是否显示文件列表,默认显示
      */
     __publicField(this, "showfilelist", true);
+    /**
+     * 隐藏文件忽略正则，文件夹上传时基于根目录相对路径匹配，匹配到的文件将被忽略不上传，默认空字符串，传空字符串则不过滤
+     */
+    __publicField(this, "hiddenFileRegex", "");
     /**
      * 上传的文件大小
      *
@@ -141,7 +145,8 @@ class UploadEditorController extends EditorController {
         unzip,
         unzipfileext,
         uploadmode,
-        showfilelist
+        showfilelist,
+        hiddenfileregex
       } = this.editorParams;
       if (isDrag) {
         this.isDrag = Boolean(isDrag);
@@ -173,6 +178,9 @@ class UploadEditorController extends EditorController {
       if (showfilelist) {
         this.showfilelist = showfilelist === "true";
       }
+      if (hiddenfileregex) {
+        this.hiddenFileRegex = hiddenfileregex;
+      }
       if (size) {
         this.size = Number(size);
       }