@ibiz-template/vue3-components 0.5.0-beta.0 → 0.5.0-beta.1

package/es/index.mjs

@@ -1,4 +1,4 @@
-import { IBizView, IBizPortalView, IBizViewLayoutPanelControl, IBizPanelControl } from '@ibiz-template/vue3-util';
+import { IBizView, IBizPortalView, IBizDeRedirectView, IBizViewLayoutPanelControl, IBizPanelControl } from '@ibiz-template/vue3-util';
 import { IBizCommonComponents } from './common/index.mjs';
 import { IBizPanelComponents } from './panel-component/index.mjs';
 import './control/index.mjs';
@@ -127,6 +127,7 @@ var index = {
     v.use(IBizView);
     v.use(IBizPortalView);
     v.use(IBizWFStepTraceView);
+    v.use(IBizDeRedirectView);
     v.use(IBizDataViewControl);
     v.use(IBizTreeControl);
     v.use(IBizAppMenuControl);

package/lib/control/gantt/gantt.cjs

@@ -78,9 +78,15 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
       });
       return nodeColor;
     });
+    const loading = vue.computed(() => {
+      if (c.state.isLoaded) {
+        return c.state.isLoading;
+      }
+      return false;
+    });
     const data = vue.computed(() => {
       var _a2;
-      return props.modelData.rootVisible ? c.state.rootNodes : (_a2 = c.state.rootNodes[0]) == null ? void 0 : _a2.children;
+      return c.model.rootVisible ? c.state.rootNodes : (_a2 = c.state.rootNodes[0]) == null ? void 0 : _a2.children;
     });
     const columns = vue.computed(() => {
       const columnsModel = [];
@@ -132,18 +138,18 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
       }
       c.setSelection(selection);
     };
-    const onNodeClick = (nodeData) => {
+    const onNodeClick = (nodeData, evt) => {
       if (forbidClick) {
         return;
       }
-      c.onGanttNodeClick(nodeData);
+      c.onTreeNodeClick(nodeData, evt);
       forbidClick = true;
       setTimeout(() => {
         forbidClick = false;
       }, 200);
     };
     const onNodeDbClick = (nodeData) => {
-      c.onDbGanttNodeClick(nodeData);
+      c.onDbTreeNodeClick(nodeData);
     };
     const onNodeExpand = (nodeData) => {
       if (nodeData && !nodeData.children) {
@@ -256,11 +262,14 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
         items: menus
       });
     };
-    const onColumnClick = (evt, nodeData) => {
-      const target = evt.target;
-      if (target && target.className.includes("context-menu-trigger")) {
-        onNodeContextmenu(nodeData, evt);
-      }
+    const renderNoData = () => {
+      const {
+        isLoaded
+      } = c.state;
+      return isLoaded && vue.createVNode(vue.resolveComponent("iBizNoData"), {
+        "text": c.model.emptyText,
+        "emptyTextLanguageRes": c.model.emptyTextLanguageRes
+      }, null);
     };
     const renderColumn = (model, index) => {
       const {
@@ -288,21 +297,13 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
         default: ({
           row
         }) => {
-          const elRow = row;
-          const rowState = c.state.items.find((item) => item.srfkey === elRow.srfkey);
+          const rowState = c.getRowState(row.id);
           if (rowState) {
-            const nodeModel = c.getNodeModel(row.nodeId);
-            const rowData = {
-              nodeData: row,
-              data: rowState.nodeDataItem || {}
-            };
             const comp = vue.resolveComponent(c.providers[codeName].component);
             return vue.h(comp, {
               controller: columnC,
-              nodeModel,
-              row: rowData,
-              key: elRow.srfkey + codeName,
-              onClick: (evt) => onColumnClick(evt, row)
+              row: rowState,
+              key: rowState.data._uuid + codeName
             });
           }
           return null;
@@ -373,7 +374,8 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
                 "class": ns.e("slider"),
                 "style": {
                   background: sliderColor.value[row.nodeId]
-                }
+                },
+                "onContextmenu": (evt) => onNodeContextmenu(row, evt)
               }, null);
             },
             default: () => {
@@ -399,21 +401,24 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
       locale,
       columns,
       onCheck,
+      loading,
       ganttStyle,
       onNodeClick,
       onNodeDbClick,
       onNodeExpand,
       renderContent,
-      onSliderMove
+      onSliderMove,
+      renderNoData
     };
   },
   render() {
+    var _a;
     if (!this.isInited) {
       return null;
     }
-    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+    return vue.withDirectives(vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c,
-      "class": this.ns.b()
+      "class": [this.ns.b(), !((_a = this.data) == null ? void 0 : _a.length) ? this.ns.m("empty") : ""]
     }, {
       default: () => [vue.createVNode(vue.resolveComponent("x-gantt"), {
         "ref": "ganttRef",
@@ -437,9 +442,12 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
       }, {
         default: () => {
           return this.renderContent();
+        },
+        empty: () => {
+          return this.renderNoData();
         }
       })]
-    });
+    }), [[vue.resolveDirective("loading"), this.loading]]);
   }
 });
 

package/lib/control/gantt/gantt.css

@@ -1 +1 @@
-.ibiz-control-gantt__slider{height:100%;padding:0 12px;border-radius:4px}.ibiz-control-gantt__slider--container-title .icon{margin-right:6px}.ibiz-control-gantt__slider--container-title .number{display:flex;align-items:center}.ibiz-control-gantt__slider--container-title .caption{font-size:16px;font-weight:400;margin:8px}.ibiz-control-gantt__slider--container-content{display:flex;justify-content:space-between}.ibiz-control-gantt__slider--container-content .caption{margin:4px;color:var(--ibiz-color-disabled-text)}.ibiz-control-gantt__slider--container-content .detail{flex-grow:1;display:flex;flex-direction:column;align-items:center}.ibiz-control-gantt .xg-root .xg-table-row:hover .ibiz-grid-field-column-toolbar-container{opacity:1}.ibiz-control-gantt .xg-root .xg-table-row:hover .ibiz-grid-field-column-toolbar-container .ibiz-grid-field-column-context-menu-trigger{cursor:pointer}
+.ibiz-control-gantt{height:100%;width:100%}.ibiz-control-gantt--empty .xg-table-body{height:calc(100% - 86px)!important}.ibiz-control-gantt__slider{height:100%;padding:0 12px;border-radius:4px}.ibiz-control-gantt__slider--container-title .icon{margin-right:6px}.ibiz-control-gantt__slider--container-title .number{display:flex;align-items:center}.ibiz-control-gantt__slider--container-title .caption{font-size:16px;font-weight:400;margin:8px}.ibiz-control-gantt__slider--container-content{display:flex;justify-content:space-between}.ibiz-control-gantt__slider--container-content .caption{margin:4px;color:var(--ibiz-color-disabled-text)}.ibiz-control-gantt__slider--container-content .detail{flex-grow:1;display:flex;flex-direction:column;align-items:center}.ibiz-control-gantt .ibiz-tree-grid-ex-field-column-text-container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

package/lib/control/grid/grid/grid.cjs

@@ -145,13 +145,26 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       onPageSizeChange
     } = usePagination.usePagination(c);
     const renderNoData = () => {
+      var _a;
       const {
         isLoaded
       } = c.state;
-      return isLoaded && vue.createVNode(vue.resolveComponent("iBizNoData"), {
-        "text": c.model.emptyText,
-        "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-      }, null);
+      if (isLoaded) {
+        const quickToolbar = (_a = c.model.controls) == null ? void 0 : _a.find((item) => item.name === `${c.model.name}_quicktoolbar`);
+        if (quickToolbar) {
+          return vue.createVNode(vue.resolveComponent("iBizToolbarControl"), {
+            "modelData": quickToolbar,
+            "context": c.context,
+            "params": c.params,
+            "class": ns.b("quick-toolbar")
+          }, null);
+        }
+        return vue.createVNode(vue.resolveComponent("iBizNoData"), {
+          "text": c.model.emptyText,
+          "emptyTextLanguageRes": c.model.emptyTextLanguageRes
+        }, null);
+      }
+      return null;
     };
     const {
       tableData,
@@ -165,6 +178,29 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
     const onColumnStateClick = (columnState) => {
       c.setColumnVisible(columnState);
     };
+    const renderBatchToolBar = () => {
+      var _a;
+      const batchToolbar = (_a = c.model.controls) == null ? void 0 : _a.find((item) => {
+        return item.name === `${c.model.name}_batchtoolbar`;
+      });
+      if (!batchToolbar || c.state.singleSelect) {
+        return;
+      }
+      return vue.createVNode("div", {
+        "class": [ns.b("batch-toolbar"), ns.is("show", c.state.selectedData.length > 0)]
+      }, [vue.createVNode("div", {
+        "class": ns.b("batch-toolbar-content")
+      }, [vue.createVNode("div", {
+        "class": ns.b("batch-toolbar-text")
+      }, [vue.createTextVNode("\u5DF2\u9009\u4E2D"), c.state.selectedData.length, vue.createTextVNode("\u9879")]), vue.createVNode("div", {
+        "class": ns.b("batch-toolbar-separator")
+      }, [vue.createTextVNode("|")]), vue.createVNode(vue.resolveComponent("iBizToolbarControl"), {
+        "modelData": batchToolbar,
+        "context": c.context,
+        "params": c.params,
+        "class": ns.b("batch-toolbar-items")
+      }, null)])]);
+    };
     return {
       c,
       ns,
@@ -184,7 +220,8 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       summaryMethod,
       renderPopover,
       defaultSort,
-      onColumnStateClick
+      onColumnStateClick,
+      renderBatchToolBar
     };
   },
   render() {
@@ -242,7 +279,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       }, null), vue.createVNode(vue.resolveComponent("iBizGridSetting"), {
         "columnStates": state.columnStates,
         "onColumnStateClick": this.onColumnStateClick
-      }, null)]
+      }, null), this.renderBatchToolBar()]
     });
   }
 });

package/lib/control/grid/grid/grid.css

@@ -1 +1 @@
-.ibiz-control-grid{--ibiz-control-grid-text-color:var(--ibiz-color-text-0);--ibiz-control-grid-bg-color:transparent;--ibiz-control-grid-padding:0;--ibiz-control-grid-cell-padding:var(--ibiz-spacing-tight);--ibiz-control-grid-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-grid-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-grid-header-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-header-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-control-grid-header-height:auto;--ibiz-control-grid-header-bg-color:var(--ibiz-color-tertiary-light-hover);--ibiz-control-grid-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-grid-content-text-color:var(--ibiz-control-grid-text-color);--ibiz-control-grid-content-row-height:48px;--ibiz-control-grid-page-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-page-height:50px;--ibiz-control-grid-page-padding:0 var(--ibiz-spacing-base-tight);--ibiz-control-grid-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-footer-bg-color:var(--ibiz-color-tertiary-light-hover);--ibiz-control-grid-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-footer-font-weight:var(--ibiz-font-weight-bold);position:relative;width:100%;height:100%;padding:var(--ibiz-control-grid-padding);background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid .el-table{--el-table-header-bg-color:var(--ibiz-control-grid-header-bg-color);--el-table-border-color:transparent}.ibiz-control-grid .el-table--border .el-table__cell{border-right:none}.ibiz-control-grid .el-table-fixed-column--left,.ibiz-control-grid .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-grid .el-table thead.is-group th.el-table__cell{background:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - var(--ibiz-control-grid-page-height))}.ibiz-control-grid.is-enable-group .el-table__indent{display:none}.ibiz-control-grid__table{width:100%;height:100%}.ibiz-control-grid__table .caret-wrapper{gap:3px;justify-content:center}.ibiz-control-grid__table .sort-caret{position:initial}.ibiz-control-grid__table.el-table .el-table__cell{padding:0}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-grid-row-bg-color-2)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--el-table-row-hover-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td{background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-control-grid__table .el-table__header-wrapper .cell{height:var(--ibiz-control-grid-header-height);padding:var(--ibiz-control-grid-header-cell-padding);font-size:var(--ibiz-control-grid-header-font-size);font-weight:var(--ibiz-control-grid-header-font-weight);color:var(--ibiz-control-grid-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-grid__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__header-wrapper .is-sortable.el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-grid__table .el-table__body-wrapper{color:var(--ibiz-control-grid-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-grid-content-row-height);cursor:pointer}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:0;padding:0}@-moz-document url-prefix(){.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-grid__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:0}.ibiz-control-grid__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-grid__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-grid__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-grid__table .el-scrollbar__wrap{position:relative}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell{font-size:var(--ibiz-control-grid-footer-font-size);font-weight:var(--ibiz-control-grid-footer-font-weight);color:var(--ibiz-control-grid-footer-text-color);background-color:var(--ibiz-control-grid-footer-bg-color)}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell:first-child>div{display:inline;vertical-align:4px}.ibiz-control-grid .el-table td.el-table__cell,.ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-grid .ibiz-pagination{--ibiz-pagination-height:var(--ibiz-control-grid-page-height);--ibiz-pagination-text-color:var(--ibiz-control-grid-text-color);--ibiz-pagination-padding:var(--ibiz-control-grid-page-padding)}.ibiz-control-grid .ibiz-grid-setting{position:absolute;bottom:var(--ibiz-spacing-base-tight);left:0;z-index:99;cursor:pointer}
+.ibiz-control-grid{--ibiz-control-grid-text-color:var(--ibiz-color-text-0);--ibiz-control-grid-bg-color:transparent;--ibiz-control-grid-padding:0;--ibiz-control-grid-cell-padding:var(--ibiz-spacing-tight);--ibiz-control-grid-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-grid-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-grid-header-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-header-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-control-grid-header-height:auto;--ibiz-control-grid-header-bg-color:var(--ibiz-color-tertiary-light-hover);--ibiz-control-grid-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-grid-content-text-color:var(--ibiz-control-grid-text-color);--ibiz-control-grid-content-row-height:48px;--ibiz-control-grid-page-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-page-height:50px;--ibiz-control-grid-page-padding:0 var(--ibiz-spacing-base-tight);--ibiz-control-grid-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-footer-bg-color:var(--ibiz-color-tertiary-light-hover);--ibiz-control-grid-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-footer-font-weight:var(--ibiz-font-weight-bold);position:relative;width:100%;height:100%;padding:var(--ibiz-control-grid-padding);background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid .el-table{--el-table-header-bg-color:var(--ibiz-control-grid-header-bg-color);--el-table-border-color:transparent}.ibiz-control-grid .el-table--border .el-table__cell{border-right:none}.ibiz-control-grid .el-table-fixed-column--left,.ibiz-control-grid .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-grid .el-table thead.is-group th.el-table__cell{background:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - var(--ibiz-control-grid-page-height))}.ibiz-control-grid.is-enable-group .el-table__indent{display:none}.ibiz-control-grid__table{width:100%;height:100%}.ibiz-control-grid__table .caret-wrapper{gap:3px;justify-content:center}.ibiz-control-grid__table .sort-caret{position:initial}.ibiz-control-grid__table.el-table .el-table__cell{padding:0}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-grid-row-bg-color-2)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--el-table-row-hover-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td{background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-control-grid__table .el-table__header-wrapper .cell{height:var(--ibiz-control-grid-header-height);padding:var(--ibiz-control-grid-header-cell-padding);font-size:var(--ibiz-control-grid-header-font-size);font-weight:var(--ibiz-control-grid-header-font-weight);color:var(--ibiz-control-grid-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-grid__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__header-wrapper .is-sortable.el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-grid__table .el-table__body-wrapper{color:var(--ibiz-control-grid-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-grid-content-row-height);cursor:pointer}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:0;padding:0}@-moz-document url-prefix(){.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-grid__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:0}.ibiz-control-grid__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-grid__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-grid__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-grid__table .el-scrollbar__wrap{position:relative}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell{font-size:var(--ibiz-control-grid-footer-font-size);font-weight:var(--ibiz-control-grid-footer-font-weight);color:var(--ibiz-control-grid-footer-text-color);background-color:var(--ibiz-control-grid-footer-bg-color)}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell:first-child>div{display:inline;vertical-align:4px}.ibiz-control-grid .el-table td.el-table__cell,.ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-grid .ibiz-pagination{--ibiz-pagination-height:var(--ibiz-control-grid-page-height);--ibiz-pagination-text-color:var(--ibiz-control-grid-text-color);--ibiz-pagination-padding:var(--ibiz-control-grid-page-padding)}.ibiz-control-grid .ibiz-grid-setting{position:absolute;bottom:var(--ibiz-spacing-base-tight);left:0;z-index:99;cursor:pointer}.ibiz-control-grid-quick-toolbar{justify-content:center}.ibiz-control-grid-batch-toolbar{position:absolute;top:0;left:54px;z-index:99;display:none;width:calc(100% - 54px);height:54px;font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid-batch-toolbar.is-show{display:block}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-separator{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-content{height:100%;display:flex;align-items:center;justify-content:flex-start}

package/lib/control/search-bar/search-groups/search-groups.cjs

@@ -4,12 +4,17 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./search-groups.css');
 var ElementPlus = require('element-plus');
+var draggable = require('vuedraggable');
+var lodashEs = require('lodash-es');
 var newGroupUtil = require('./new-group-util.cjs');
 var editGroupUtil = require('./edit-group-util.cjs');
 
 "use strict";
 const SearchGroups = /* @__PURE__ */ vue.defineComponent({
   name: "IBizSearchGroups",
+  components: {
+    draggable
+  },
   props: {
     controller: {
       type: Object,
@@ -83,7 +88,6 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
         cancelButtonText: "\u53D6\u6D88",
         cancelButtonClass: ns.b("remove-cancel-btn")
       }).then(async () => {
-        console.log("\u5220\u9664\u5206\u7EC4\u63D0\u4EA4", groupItem);
         if (groupItem.id) {
           const res = await c.service.remove(groupItem.id);
           if (res.ok) {
@@ -97,6 +101,38 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
       }).catch(() => {
       });
     };
+    const onDragChange = async (evt) => {
+      c.state.searchBarGroups.forEach((item, index) => {
+        item.order = (index + 1) * 100;
+      });
+      if (evt.moved) {
+        const newIndex = evt.moved.newIndex;
+        const oldIndex = evt.moved.oldIndex;
+        const startIndex = Math.min(newIndex, oldIndex);
+        const endIndex = Math.max(newIndex, oldIndex) + 1;
+        const changedSearchBarGroups = lodashEs.cloneDeep(c.state.searchBarGroups.slice(startIndex, endIndex));
+        if (changedSearchBarGroups.length > 0) {
+          const updateBatch = async () => {
+            await c.service.updateBatch(changedSearchBarGroups);
+          };
+          const unSavedGroups = changedSearchBarGroups.filter((group) => !group.saved);
+          if (unSavedGroups.length) {
+            const res = await c.service.createBatch(unSavedGroups);
+            if (res.ok) {
+              await updateBatch();
+              unSavedGroups.forEach((group) => {
+                const unSavedGroup = c.state.searchBarGroups.find((item) => item.id === group.id);
+                if (unSavedGroup) {
+                  unSavedGroup.saved = true;
+                }
+              });
+            }
+          } else {
+            await updateBatch();
+          }
+        }
+      }
+    };
     return {
       ns,
       c,
@@ -120,7 +156,8 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
       handleEditFormCancel,
       editGroup,
       removeGroup,
-      isActiveMore
+      isActiveMore,
+      onDragChange
     };
   },
   render() {
@@ -262,39 +299,49 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
       "title": "\u5206\u7EC4\u7BA1\u7406",
       "modal-class": this.ns.b("manage-dialog")
     }, {
-      default: () => {
-        var _a2;
-        return [vue.createVNode("div", {
-          "class": this.ns.b("manage-dialog-content")
-        }, [vue.createVNode("div", {
-          "class": this.ns.b("content-top")
-        }, [vue.createVNode("div", {
-          "class": this.ns.b("content-top-left")
-        }, [vue.createVNode("ion-icon", {
-          "name": "alert-circle-outline"
-        }, null), vue.createTextVNode("Tips\uFF1A\u7BA1\u7406\u641C\u7D22\u680F\u7684\u5206\u7EC4")]), vue.createVNode("div", {
-          "class": this.ns.b("content-top-right")
-        }, [vue.createVNode(vue.resolveComponent("el-button"), {
-          "onClick": () => {
-            this.newDialogVisible = true;
-          }
-        }, {
-          default: () => [vue.createVNode("ion-icon", {
-            "name": "add-outline"
-          }, null), vue.createTextVNode("\u65B0\u5EFA\u5206\u7EC4")]
-        })])]), vue.createVNode("div", {
-          "class": this.ns.b("content-bottom")
-        }, [vue.createVNode("div", {
-          "class": this.ns.b("table-header")
-        }, [vue.createVNode("div", {
-          "class": this.ns.b("name")
-        }, [vue.createTextVNode("\u540D\u79F0")]), vue.createVNode("div", {
-          "class": this.ns.b("show")
-        }, [vue.createTextVNode("\u663E\u793A")]), vue.createVNode("div", {
-          "class": this.ns.b("action")
-        }, [vue.createTextVNode("\u64CD\u4F5C")])]), vue.createVNode("div", {
-          "class": this.ns.b("table-body")
-        }, [(_a2 = this.c.state.searchBarGroups) == null ? void 0 : _a2.map((groupItem) => {
+      default: () => [vue.createVNode("div", {
+        "class": this.ns.b("manage-dialog-content")
+      }, [vue.createVNode("div", {
+        "class": this.ns.b("content-top")
+      }, [vue.createVNode("div", {
+        "class": this.ns.b("content-top-left")
+      }, [vue.createVNode("ion-icon", {
+        "name": "alert-circle-outline"
+      }, null), vue.createTextVNode("Tips\uFF1A\u7BA1\u7406\u641C\u7D22\u680F\u7684\u5206\u7EC4")]), vue.createVNode("div", {
+        "class": this.ns.b("content-top-right")
+      }, [vue.createVNode(vue.resolveComponent("el-button"), {
+        "onClick": () => {
+          this.newDialogVisible = true;
+        }
+      }, {
+        default: () => [vue.createVNode("ion-icon", {
+          "name": "add-outline"
+        }, null), vue.createTextVNode("\u65B0\u5EFA\u5206\u7EC4")]
+      })])]), vue.createVNode("div", {
+        "class": this.ns.b("content-bottom")
+      }, [vue.createVNode("div", {
+        "class": this.ns.b("table-header")
+      }, [vue.createVNode("div", {
+        "class": this.ns.b("name")
+      }, [vue.createTextVNode("\u540D\u79F0")]), vue.createVNode("div", {
+        "class": this.ns.b("show")
+      }, [vue.createTextVNode("\u663E\u793A")]), vue.createVNode("div", {
+        "class": this.ns.b("action")
+      }, [vue.createTextVNode("\u64CD\u4F5C")])]), vue.createVNode(draggable, {
+        "class": this.ns.b("table-body"),
+        "modelValue": this.c.state.searchBarGroups,
+        "onUpdate:modelValue": ($event) => this.c.state.searchBarGroups = $event,
+        "group": this.c.model.id,
+        "itemKey": "id",
+        "sort": true,
+        "force-fallback": true,
+        "animation": 500,
+        "ghost-class": this.ns.b("table-row-ghost"),
+        "onChange": (evt) => this.onDragChange(evt)
+      }, {
+        item: ({
+          element: groupItem
+        }) => {
           return vue.createVNode("div", {
             "class": this.ns.b("table-row")
           }, [vue.createVNode("div", {
@@ -321,8 +368,8 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
           }, {
             default: () => [vue.createTextVNode("\u5220\u9664")]
           })])]);
-        })])])])];
-      }
+        }
+      })])])]
     })]);
   }
 });

package/lib/control/search-bar/search-groups/search-groups.css

@@ -1 +1 @@
-.ibiz-search-groups{display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-search-groups .ibiz-search-groups-quick-group-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-spacing-tight);margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-search-groups .ibiz-search-groups-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-search-groups .ibiz-search-groups-quick-group-item:hover{color:var(--ibiz-color-primary)}.ibiz-search-groups-dropdown .el-dropdown-menu__item{width:180px;display:flex;align-items:center;justify-content:space-b}.ibiz-search-groups-dropdown .el-dropdown-menu__item .ibiz-search-groups-item-caption{display:inline-block;flex:1;margin:0 var(--ibiz-spacing-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-search-groups-more{display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-search-groups-more:hover{color:var(--ibiz-color-primary)}.ibiz-search-groups-more>ion-icon{margin-left:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-more.is-selected::after{position:absolute;bottom:0;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top{display:flex;align-items:center;justify-content:space-between}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-left{display:flex;align-items:center;justify-content:flex-start}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-left>ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-right ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom{width:100%;margin-top:var(--ibiz-spacing-base);border:1px solid var(--ibiz-color-border)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header{display:flex;align-items:center;justify-content:flex-start;width:100%;background-color:var(--ibiz-color-tertiary-light-hover)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-name{width:40%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-show{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-action{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row{border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:flex-start}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row:nth-last-child(1){border-bottom:none}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-name{width:40%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-show{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-action{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-action .el-link{margin-right:var(--ibiz-spacing-loose)}.ibiz-search-groups-new-dialog .ibiz-search-groups-new-dialog-footer .ibiz-search-groups-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-new-dialog .ibiz-search-groups-new-dialog-footer .ibiz-search-groups-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-search-groups-edit-dialog .ibiz-search-groups-edit-dialog-footer .ibiz-search-groups-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-edit-dialog .ibiz-search-groups-edit-dialog-footer .ibiz-search-groups-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-content{margin-bottom:var(--ibiz-spacing-base)}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-content>span{padding:var(--ibiz-spacing-super-tight) var(--ibiz-spacing-tight);margin:0 var(--ibiz-spacing-tight);color:var(--ibiz-color-danger-text);background-color:var(--ibiz-color-danger);border-radius:var(--ibiz-border-radius-small)}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-tip{color:var(--ibiz-color-text-3)}.ibiz-search-groups-remove-confirm-btn.el-button{background-color:var(--ibiz-color-danger)}.ibiz-search-groups-remove-confirm-btn:hover{background-color:var(--ibiz-color-danger-hover)}.ibiz-search-groups-remove-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-remove-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}
+.ibiz-search-groups{display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-search-groups .ibiz-search-groups-quick-group-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-spacing-tight);margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-search-groups .ibiz-search-groups-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-search-groups .ibiz-search-groups-quick-group-item:hover{color:var(--ibiz-color-primary)}.ibiz-search-groups-dropdown .el-dropdown-menu__item{width:180px;display:flex;align-items:center;justify-content:space-b}.ibiz-search-groups-dropdown .el-dropdown-menu__item .ibiz-search-groups-item-caption{display:inline-block;flex:1;margin:0 var(--ibiz-spacing-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-search-groups-more{display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-search-groups-more:hover{color:var(--ibiz-color-primary)}.ibiz-search-groups-more>ion-icon{margin-left:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-more.is-selected::after{position:absolute;bottom:0;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top{display:flex;align-items:center;justify-content:space-between}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-left{display:flex;align-items:center;justify-content:flex-start}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-left>ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-right ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom{width:100%;margin-top:var(--ibiz-spacing-base);border:1px solid var(--ibiz-color-border)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header{display:flex;align-items:center;justify-content:flex-start;width:100%;background-color:var(--ibiz-color-tertiary-light-hover)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-name{width:40%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-show{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-action{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row{position:relative;cursor:pointer;border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:flex-start}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row:nth-last-child(1){border-bottom:none}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-name{width:40%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-show{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-action{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-action .el-link{margin-right:var(--ibiz-spacing-loose)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row:hover{background-color:var(--ibiz-color-primary-light-default)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row-ghost{background-color:var(--ibiz-color-primary-light-default);opacity:.5}.ibiz-search-groups-new-dialog .ibiz-search-groups-new-dialog-footer .ibiz-search-groups-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-new-dialog .ibiz-search-groups-new-dialog-footer .ibiz-search-groups-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-search-groups-edit-dialog .ibiz-search-groups-edit-dialog-footer .ibiz-search-groups-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-edit-dialog .ibiz-search-groups-edit-dialog-footer .ibiz-search-groups-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-content{margin-bottom:var(--ibiz-spacing-base)}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-content>span{padding:var(--ibiz-spacing-super-tight) var(--ibiz-spacing-tight);margin:0 var(--ibiz-spacing-tight);color:var(--ibiz-color-danger-text);background-color:var(--ibiz-color-danger);border-radius:var(--ibiz-border-radius-small)}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-tip{color:var(--ibiz-color-text-3)}.ibiz-search-groups-remove-confirm-btn.el-button{background-color:var(--ibiz-color-danger)}.ibiz-search-groups-remove-confirm-btn:hover{background-color:var(--ibiz-color-danger-hover)}.ibiz-search-groups-remove-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-remove-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

@@ -40,6 +40,9 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
         const tempObj = {
           label: codeItem.text,
           value: codeItem.value.toString(),
+          color: codeItem == null ? void 0 : codeItem.color,
+          textCls: codeItem == null ? void 0 : codeItem.textCls,
+          sysImage: codeItem.sysImage,
           disabled: codeItem.disableSelect === true,
           children: []
         };
@@ -125,6 +128,10 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
     const customNodeClass = (data, _node) => {
       return data.children.length ? ns.e("branch-node") : null;
     };
+    const getCodeListItem = (text) => {
+      const list = hasChildren.value ? codeListItems.value : items.value;
+      return list.find((item) => item.text === text);
+    };
     return {
       ns,
       c,
@@ -138,7 +145,8 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       editorRef,
       treeNodes,
       cssVars,
-      handleKeyUp
+      handleKeyUp,
+      getCodeListItem
     };
   },
   render() {
@@ -174,14 +182,36 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
         "value": item.value.toString(),
         "label": item.text,
         "disabled": item.disableSelect === true
-      }, null);
+      }, {
+        default: () => {
+          return vue.createVNode("div", {
+            "class": [this.ns.b("select-option-content"), item.textCls ? item.textCls : null],
+            "style": item.color ? this.ns.cssVarBlock({
+              "select-option-item-color": `${item.color}`
+            }) : ""
+          }, [item.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+            "icon": item.sysImage
+          }, null), item.text]);
+        }
+      });
     })) ? _slot : {
       default: () => [_slot]
     });
+    const readonlyContent = this.valueText.split(",").map((text) => {
+      const codeListItem = this.getCodeListItem(text);
+      return vue.createVNode("span", {
+        "class": [this.ns.b("readonly-text-item"), codeListItem == null ? void 0 : codeListItem.textCls],
+        "style": (codeListItem == null ? void 0 : codeListItem.color) ? this.ns.cssVarBlock({
+          "readonly-text-item-color": `${codeListItem.color}`
+        }) : ""
+      }, [(codeListItem == null ? void 0 : codeListItem.sysImage) && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "icon": codeListItem == null ? void 0 : codeListItem.sysImage
+      }, null), text]);
+    });
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""],
       "style": this.cssVars
-    }, [this.readonly ? this.valueText : editContent]);
+    }, [this.readonly ? readonlyContent : editContent]);
   }
 });
 

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.css

@@ -1 +1 @@
-.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}
+.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown-readonly-text-item{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-dropdown-select-option-content{width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content .ibiz-icon{padding-right:var(--ibiz-spacing-extra-tight)}

package/lib/editor/html/wang-editor/wang-editor.cjs

@@ -8,8 +8,8 @@ var qxUtil = require('qx-util');
 var ramda = require('ramda');
 var vue3Util = require('@ibiz-template/vue3-util');
 var core = require('@ibiz-template/core');
-require('./wang-editor.css');
 var ElementPlus = require('element-plus');
+require('./wang-editor.css');
 
 "use strict";
 const IBizHtml = /* @__PURE__ */ vue.defineComponent({
@@ -233,16 +233,6 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
         resizeObserver.observe(toolbarRef.value.selector);
       }
     };
-    const changeEditState = () => {
-      readonlyState.value = !readonlyState.value;
-      if (!readonlyState.value) {
-        enable();
-        editorRef.value.focus();
-        moveToLastStr();
-      } else {
-        disable();
-      }
-    };
     const moveToLastStr = () => {
       var _a, _b;
       if (props.value) {
@@ -256,6 +246,16 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
         }
       }
     };
+    const changeEditState = () => {
+      readonlyState.value = !readonlyState.value;
+      if (!readonlyState.value) {
+        enable();
+        editorRef.value.focus();
+        moveToLastStr();
+      } else {
+        disable();
+      }
+    };
     const renderCancelMessage = () => {
       return vue.createVNode("div", {
         "class": ns.be("message", "message-content")
@@ -318,6 +318,23 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
         }
       });
     };
+    const isAllowRenderFullScreen = () => {
+      if (enableFullScreen.value) {
+        if (isFullScreen.value) {
+          return vue.createVNode("i", {
+            "class": "fa fa-compress",
+            "aria-hidden": "true",
+            "onClick": () => changeFullScreenState()
+          }, null);
+        }
+        return vue.createVNode("i", {
+          "class": "fa fa-expand",
+          "aria-hidden": "true",
+          "onClick": () => changeFullScreenState()
+        }, null);
+      }
+      return null;
+    };
     const renderHeaserToolbar = () => {
       if (hasEnableEdit.value || enableFullScreen.value) {
         return vue.createVNode("div", {
@@ -326,15 +343,7 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
           "class": "fa fa-edit",
           "aria-hidden": "true",
           "onClick": () => changeEditState()
-        }, null) : null, enableFullScreen.value ? isFullScreen.value ? vue.createVNode("i", {
-          "class": "fa fa-compress",
-          "aria-hidden": "true",
-          "onClick": () => changeFullScreenState()
-        }, null) : vue.createVNode("i", {
-          "class": "fa fa-expand",
-          "aria-hidden": "true",
-          "onClick": () => changeFullScreenState()
-        }, null) : null]);
+        }, null) : null, isAllowRenderFullScreen()]);
       }
       return null;
     };