npm - @ibiz-template/vue3-components - Versions diffs - 0.7.41-alpha.2 → 0.7.41-alpha.21 - Mend

@ibiz-template/vue3-components 0.7.41-alpha.2 → 0.7.41-alpha.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (849) hide show

package/lib/control/tree-grid/tree-grid.cjs CHANGED Viewed

@@ -2,6 +2,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
+var core = require('@ibiz-template/core');
 var runtime = require('@ibiz-template/runtime');
 var useRowEditPopover = require('../grid/row-edit-popover/use-row-edit-popover.cjs');
 require('../grid/grid/index.cjs');
@@ -91,15 +92,17 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
     slots
   }) {
     const c = vue3Util.useControlController((...args) => new runtime.TreeGridController(...args));
+    vue3Util.useControlPopoverzIndex(c);
     const ns = vue3Util.useNamespace("control-grid");
     const ns2 = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const {
       tableRef,
       onRowClick,
       onDbRowClick,
-      onSelectionChange,
       onSortChange,
-      handleRowClassName
+      onSelectionChange,
+      handleRowClassName,
+      handleHeaderCellClassName
     } = gridControl_util.useITableEvent(c);
     const {
       onPageChange,
@@ -108,11 +111,11 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
     } = gridControl_util.useAppGridPagination(c);
     const {
       tableData,
-      renderColumns,
       defaultSort,
+      renderColumns,
       summaryMethod,
       headerDragend
-    } = gridControl_util.useAppGridBase(c, props);
+    } = gridControl_util.useAppGridBase(c, props, tableRef);
     const {
       renderPopover
     } = useRowEditPopover.useRowEditPopover(tableRef, c);
@@ -151,11 +154,56 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
       }
       return null;
     };
+    const handleDefaultSelect = () => {
+      const {
+        expandRowKeys,
+        selectedData,
+        singleSelect
+      } = c.state;
+      const table = tableRef.value;
+      if (!table || !selectedData.length)
+        return;
+      const treeData = table.store.states.treeData.value;
+      const expandKeys = Object.keys(treeData).filter((key) => treeData[key].loaded);
+      if (expandRowKeys.length === expandKeys.length && expandRowKeys.sort().every((item, index) => item === expandKeys.sort()[index])) {
+        const selection = [];
+        const selectKeys = selectedData.map((selected) => selected.srfkey);
+        core.recursiveIterate({
+          children: table.store.states.data.value
+        }, (item) => {
+          if (selectKeys.includes(item.srfkey))
+            selection.push(item);
+        });
+        vue.nextTick(() => {
+          if (singleSelect) {
+            table.setCurrentRow(selection[0]);
+          } else {
+            table.store.states.selection.value = selection;
+          }
+        });
+      }
+    };
+    const handleDefaultExpand = (nodes) => {
+      if (!tableRef.value || !c.state.expandRowKeys.length)
+        return;
+      c.state.expandRowKeys.forEach((key) => {
+        const node = nodes.find((item) => item.srfkey === key);
+        if (node)
+          vue.nextTick(() => {
+            tableRef.value.store.loadOrToggle(node);
+          });
+      });
+      handleDefaultSelect();
+    };
+    vue.watch(() => tableRef.value, () => {
+      handleDefaultExpand(c.state.treeGirdData);
+    });
     const loadData = async (item, _row, callback) => {
       const treeGirdItems = c.state.items.map((data) => c.getTreeGridDataItem(data));
       const items = treeGirdItems.filter((data) => item[c.treeGridValueField] === data[c.treeGridParentField]);
       item.children = items;
       callback(items);
+      handleDefaultExpand(items);
     };
     const renderBatchToolBar = () => {
       var _a;
@@ -197,24 +245,25 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
       ns2,
       tableRef,
       tableData,
+      defaultSort,
       renderColumns,
+      headerCssVars,
+      loadData,
+      onRowClick,
       renderColumn,
-      defaultSort,
       onDbRowClick,
-      onRowClick,
-      onSelectionChange,
       onSortChange,
       onPageChange,
-      onPageSizeChange,
-      onPageRefresh,
-      handleRowClassName,
       renderNoData,
-      loadData,
+      onPageRefresh,
       summaryMethod,
       headerDragend,
       renderPopover,
+      onPageSizeChange,
+      onSelectionChange,
+      handleRowClassName,
       renderBatchToolBar,
-      headerCssVars
+      handleHeaderCellClassName
     };
   },
   render() {
@@ -223,63 +272,75 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
       hideHeader,
       enablePagingBar
     } = this.c.model;
-    return vue.createVNode(vue.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)],
-      "controller": this.c,
-      "style": this.headerCssVars
+    return vue.createVNode(vue.resolveComponent("iBizControlNavigation"), {
+      "controller": this.c
     }, {
-      default: () => [this.c.state.isLoaded && vue.createVNode(vue.resolveComponent("el-table"), {
-        "ref": "tableRef",
-        "class": this.ns.e("table"),
-        "default-sort": this.defaultSort,
-        "border": true,
-        "show-header": !hideHeader,
-        "show-summary": this.c.enableAgg,
-        "summary-method": this.summaryMethod,
-        "highlight-current-row": state.singleSelect,
-        "row-class-name": this.handleRowClassName,
-        "row-key": "srfkey",
-        "data": this.c.state.showTreeGrid ? state.treeGirdData : this.tableData,
-        "onRowClick": this.onRowClick,
-        "onRowDblclick": this.onDbRowClick,
-        "onSelectionChange": this.onSelectionChange,
-        "onSortChange": this.onSortChange,
-        "onHeaderDragend": this.headerDragend,
-        "tooltip-effect": "light",
-        "tree-props": {
-          children: "children",
-          hasChildren: "hasChildren"
-        },
-        "load": this.loadData,
-        "lazy": true
+      default: () => [vue.createVNode(vue.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)],
+        "controller": this.c,
+        "style": this.headerCssVars
       }, {
-        empty: this.renderNoData,
         default: () => {
-          return [!state.singleSelect && vue.createVNode(vue.resolveComponent("el-table-column"), {
-            "class-name": this.ns.e("selection"),
-            "type": "selection",
-            "width": "55"
-          }, null), state.isCreated && this.renderColumns.map((model, index) => {
-            return this.renderColumn(model, index);
-          })];
-        },
-        append: () => {
-          return this.renderPopover();
+          var _a;
+          return [this.c.state.isLoaded && vue.createVNode(vue.resolveComponent("el-table"), vue.mergeProps({
+            "lazy": true,
+            "border": true,
+            "ref": "tableRef",
+            "row-key": "srfkey",
+            "load": this.loadData,
+            "tooltip-effect": "light",
+            "show-header": !hideHeader,
+            "class": this.ns.e("table"),
+            "key": this.c.state.tableKey,
+            "onRowClick": this.onRowClick,
+            "default-sort": this.defaultSort,
+            "show-summary": this.c.enableAgg,
+            "onSortChange": this.onSortChange,
+            "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,
+            "tree-props": {
+              children: "children",
+              hasChildren: "hasChildren"
+            },
+            "data": this.c.state.showTreeGrid ? state.treeGirdData : this.tableData
+          }, this.$attrs), {
+            empty: this.renderNoData,
+            default: () => {
+              return [!state.singleSelect && vue.createVNode(vue.resolveComponent("el-table-column"), {
+                "width": "55",
+                "type": "selection",
+                "reserve-selection": true,
+                "class-name": this.ns.e("selection")
+              }, null), state.isCreated && this.renderColumns.map((model, index) => {
+                return this.renderColumn(model, index);
+              })];
+            },
+            append: () => {
+              return this.renderPopover();
+            }
+          }), enablePagingBar && vue.createVNode(vue.resolveComponent("iBizPagination"), {
+            "total": state.total,
+            "curPage": state.curPage,
+            "size": state.size,
+            "totalPages": state.totalPages,
+            "onChange": this.onPageChange,
+            "onPageSizeChange": this.onPageSizeChange,
+            "onPageRefresh": this.onPageRefresh,
+            "popperClass": "".concat(((_a = this.c.model.sysCss) == null ? void 0 : _a.cssName) || "default", "--popper")
+          }, null), this.c.model.enableCustomized && !hideHeader && vue.createVNode("div", {
+            "class": this.ns.b("setting-box")
+          }, [vue.createVNode(vue.resolveComponent("iBizGridSetting"), {
+            "columnStates": state.columnStates,
+            "controller": this.c
+          }, null)]), this.renderBatchToolBar()];
         }
-      }), enablePagingBar && vue.createVNode(vue.resolveComponent("iBizPagination"), {
-        "total": state.total,
-        "curPage": state.curPage,
-        "size": state.size,
-        "totalPages": state.totalPages,
-        "onChange": this.onPageChange,
-        "onPageSizeChange": this.onPageSizeChange,
-        "onPageRefresh": this.onPageRefresh
-      }, null), this.c.model.enableCustomized && !hideHeader && vue.createVNode("div", {
-        "class": this.ns.b("setting-box")
-      }, [vue.createVNode(vue.resolveComponent("iBizGridSetting"), {
-        "columnStates": state.columnStates,
-        "controller": this.c
-      }, null)]), this.renderBatchToolBar()]
+      })]
     });
   }
 });

package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/all-edit.cjs CHANGED Viewed

@@ -22,7 +22,9 @@ function useAllEdit(props, _componentRef) {
     return editable.value;
   });
   const onBlur = () => {
-    c.treeGrid.save(props.row.data);
+    if (c.treeGrid.editSaveMode === "cell-blur") {
+      c.treeGrid.save(props.row.data);
+    }
   };
   const gridEditItemProps = vue.reactive({
     stopPropagation

package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.cjs CHANGED Viewed

@@ -24,6 +24,7 @@ const TreeGridExFieldColumn = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const ns = vue3Util.useNamespace("tree-grid-ex-field-column");
+    const zIndex = props.controller.treeGrid.state.zIndex;
     const fieldValue = vue.computed(() => {
       if (props.row.data._nodeType !== "DE" && props.controller.isFirstShowColumn) {
         return props.row.data._text;
@@ -78,14 +79,15 @@ const TreeGridExFieldColumn = /* @__PURE__ */ vue.defineComponent({
     };
     return {
       ns,
-      nodeColumn,
-      fieldValue,
+      zIndex,
+      tooltip,
       showText,
       clickable,
-      tooltip,
-      onInfoTextChange,
+      nodeColumn,
+      fieldValue,
       onTextClick,
-      onActionClick
+      onActionClick,
+      onInfoTextChange
     };
   },
   render() {
@@ -118,6 +120,7 @@ const TreeGridExFieldColumn = /* @__PURE__ */ vue.defineComponent({
       actions = this.$slots.actions();
     } else if (this.row.columnActionsStates[this.controller.name]) {
       actions = vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {
+        "zIndex": this.zIndex,
         "class": this.ns.e("toolbar"),
         "action-details": (_c = this.nodeColumn) == null ? void 0 : _c.nodeColumn.deuiactionGroup.uiactionGroupDetails,
         "actions-state": this.row.columnActionsStates[this.controller.name],

package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-ua-column/tree-grid-ex-ua-column.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ibiz-tree-grid-ex-ua-column{--ibiz-tree-grid-ex-ua-column-cell-padding:var(--ibiz-spacing-tight);--ibiz-tree-grid-ex-ua-column-btn-bg-color:transparent;--ibiz-tree-grid-ex-ua-column-btn-hover-color:var(--ibiz-color-primary-hover);--ibiz-tree-grid-ex-ua-column-btn-color:var(--ibiz-color-primary);--ibiz-tree-grid-ex-ua-column-font-size:var(--ibiz-font-size-regular);--ibiz-tree-grid-ex-ua-column-font-weight:var(--ibiz-font-weight-regular);display:flex;align-items:center;justify-content:var(--ibiz-~~tree-~~grid-~~ex-~~column-text-align);width:100%;height:100%;padding:var(--ibiz-tree-grid-ex-ua-column-cell-padding)}.ibiz-tree-grid-ex-ua-column .el-button{font-size:var(--ibiz-tree-grid-ex-ua-column-font-size);font-weight:var(--ibiz-tree-grid-ex-ua-column-font-weight);color:var(--ibiz-tree-grid-ex-ua-column-btn-color);background-color:var(--ibiz-tree-grid-ex-ua-column-btn-bg-color);box-shadow:none}.ibiz-tree-grid-ex-ua-column .el-button:hover{color:var(--ibiz-tree-grid-ex-ua-column-btn-hover-color)}.ibiz-tree-grid-ex-ua-column .el-button.is-text:not(.is-disabled):hover{background-color:var(--ibiz-tree-grid-ex-ua-column-btn-bg-color)}
1	+ .ibiz-tree-grid-ex-ua-column{--ibiz-tree-grid-ex-ua-column-cell-padding:var(--ibiz-spacing-tight);--ibiz-tree-grid-ex-ua-column-btn-bg-color:transparent;--ibiz-tree-grid-ex-ua-column-btn-hover-color:var(--ibiz-color-primary-hover);--ibiz-tree-grid-ex-ua-column-btn-color:var(--ibiz-color-primary);--ibiz-tree-grid-ex-ua-column-font-size:var(--ibiz-font-size-regular);--ibiz-tree-grid-ex-ua-column-font-weight:var(--ibiz-font-weight-regular);display:flex;align-items:center;justify-content:var(--ibiz-grid-column-text-align);width:100%;height:100%;padding:var(--ibiz-tree-grid-ex-ua-column-cell-padding)}.ibiz-tree-grid-ex-ua-column .el-button{font-size:var(--ibiz-tree-grid-ex-ua-column-font-size);font-weight:var(--ibiz-tree-grid-ex-ua-column-font-weight);color:var(--ibiz-tree-grid-ex-ua-column-btn-color);background-color:var(--ibiz-tree-grid-ex-ua-column-btn-bg-color);box-shadow:none}.ibiz-tree-grid-ex-ua-column .el-button:hover{color:var(--ibiz-tree-grid-ex-ua-column-btn-hover-color)}.ibiz-tree-grid-ex-ua-column .el-button.is-text:not(.is-disabled):hover{background-color:var(--ibiz-tree-grid-ex-ua-column-btn-bg-color)}

package/lib/control/tree-grid-ex/tree-grid-ex.cjs CHANGED Viewed

@@ -3,10 +3,10 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
-require('./tree-grid-ex.css');
 var core = require('@ibiz-template/core');
 var qxUtil = require('qx-util');
 var useRowEditPopover = require('./use-row-edit-popover.cjs');
+require('./tree-grid-ex.css');
 "use strict";
 function _isSlot(s) {
@@ -46,6 +46,7 @@ const TreeGridExControl = /* @__PURE__ */ vue.defineComponent({
   },
   setup() {
     const c = vue3Util.useControlController((...args) => new runtime.TreeGridExController(...args));
+    vue3Util.useControlPopoverzIndex(c);
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const renderNoData = () => {
       const {
@@ -254,36 +255,40 @@ const TreeGridExControl = /* @__PURE__ */ vue.defineComponent({
         }
       });
     };
-    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
-      "controller": this.c,
-      "class": [this.ns.b()]
+    return vue.createVNode(vue.resolveComponent("iBizControlNavigation"), {
+      "controller": this.c
     }, {
-      default: () => [this.c.state.isLoaded && vue.createVNode(vue.resolveComponent("el-table"), {
-        "ref": "tableRef",
-        "key": this.tableRefreshKey,
-        "class": this.ns.e("table"),
-        "border": true,
-        "row-key": "id",
-        "data": this.elTableData,
-        "tree-props": {
-          children: "children",
-          hasChildren: "hasChildren"
-        },
-        "lazy": true,
-        "onRowClick": this.onRowClick,
-        "onExpandChange": this.onExpandChange,
-        "row-class-name": this.handleRowClassName,
-        "load": this.loadData
+      default: () => [vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+        "controller": this.c,
+        "class": [this.ns.b()]
       }, {
-        empty: this.renderNoData,
-        default: () => {
-          return [this.renderColumns.map((model, index) => {
-            return renderColumn(model, index);
-          })];
-        },
-        append: () => {
-          return this.renderPopover();
-        }
+        default: () => [this.c.state.isLoaded && vue.createVNode(vue.resolveComponent("el-table"), {
+          "ref": "tableRef",
+          "key": this.tableRefreshKey,
+          "class": this.ns.e("table"),
+          "border": true,
+          "row-key": "id",
+          "data": this.elTableData,
+          "tree-props": {
+            children: "children",
+            hasChildren: "hasChildren"
+          },
+          "lazy": true,
+          "onRowClick": this.onRowClick,
+          "onExpandChange": this.onExpandChange,
+          "row-class-name": this.handleRowClassName,
+          "load": this.loadData
+        }, {
+          empty: this.renderNoData,
+          default: () => {
+            return [this.renderColumns.map((model, index) => {
+              return renderColumn(model, index);
+            })];
+          },
+          append: () => {
+            return this.renderPopover();
+          }
+        })]
       })]
     });
   }

package/lib/control/tree-grid-ex/tree-grid-ex.css CHANGED Viewed

	@@ -1 +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:auto;--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);width:100%;height:100%;padding:var(--ibiz-control-treegridex-padding);background-color:var(--ibiz-control-treegridex-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 .~~is-sortable.~~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}
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:auto;--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);width:100%;height:100%;padding:var(--ibiz-control-treegridex-padding);background-color:var(--ibiz-control-treegridex-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}

package/lib/control/tree-grid-ex/use-row-edit-popover.cjs CHANGED Viewed

@@ -18,7 +18,7 @@ function useRowEditPopover(tableRef, c) {
     const tableEl = tableRef.value.$el;
     let selector = ".el-table__row";
     if (row.data._uuid) {
-      selector += ".id-".concat(row.data._uuid);
+      selector += '[class*="id-'.concat(row.data._uuid, '"]');
     }
     const trEl = tableEl.querySelector(selector);
     if (!trEl) {

package/lib/control/wizard-panel/wizard-panel.cjs CHANGED Viewed

@@ -107,7 +107,7 @@ const WizardPanelControl = /* @__PURE__ */ vue.defineComponent({
         dewizardSteps
       } = dewizard;
       if (this.c.model.showStepBar && dewizardSteps && dewizardSteps.length > 0) {
-        let _slot;
+        let _slot2;
         let active = this.c.steps.indexOf(this.c.stepTags["".concat(this.c.model.name, "_form_").concat((_e = this.c.state.activeFormTag) == null ? void 0 : _e.toLowerCase())]);
         if (active === -1)
           active = 0;
@@ -116,12 +116,28 @@ const WizardPanelControl = /* @__PURE__ */ vue.defineComponent({
           "align-center": true,
           "finish-status": "success",
           "active": active
-        }, _isSlot(_slot = dewizardSteps.map((step) => {
-          return vue.createVNode(vue.resolveComponent("el-step"), {
-            "title": core.showTitle(step.title)
-          }, null);
-        })) ? _slot : {
-          default: () => [_slot]
+        }, _isSlot(_slot2 = dewizardSteps.map((step) => {
+          const _slot = {
+            title: () => {
+              var _a2;
+              return vue.createVNode("span", {
+                "class": [this.ns.bm("header", "title"), (_a2 = step.titleSysCss) == null ? void 0 : _a2.cssName]
+              }, [core.showTitle(step.title)]);
+            }
+          };
+          if (step.sysImage) {
+            Object.assign(_slot, {
+              icon: () => vue.createVNode(vue3Util.IBizIcon, {
+                "class": this.ns.bm("header", "step-icon"),
+                "icon": step.sysImage
+              }, null)
+            });
+          }
+          return vue.createVNode(vue.resolveComponent("el-step"), null, _isSlot(_slot) ? _slot : {
+            default: () => [_slot]
+          });
+        })) ? _slot2 : {
+          default: () => [_slot2]
         });
       }
     }

package/lib/control/wizard-panel/wizard-panel.css CHANGED Viewed

	@@ -1 +1 @@
1	- @charset "UTF-8";.ibiz-control-wizardpanel{--ibiz-control-wizard-panel-header-height:60px;--ibiz-control-wizard-panel-footer-height:40px;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-footer{display:flex;align-items:center;justify-content:flex-end;height:var(--ibiz-control-wizard-panel-footer-height);padding-right:var(--ibiz-padding)}
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)}

package/lib/editor/array/ibiz-array/ibiz-array.cjs CHANGED Viewed

@@ -33,6 +33,9 @@ const IBizArray = /* @__PURE__ */ vue.defineComponent({
       if (editorModel.editorParams.editorStyle) {
         editorStyle = editorModel.editorParams.editorStyle;
       }
+      if (editorModel.editorParams.editorstyle) {
+        editorStyle = editorModel.editorParams.editorstyle;
+      }
       if (editorModel.editorParams.size) {
         size = editorModel.editorParams.size;
       }
@@ -42,9 +45,15 @@ const IBizArray = /* @__PURE__ */ vue.defineComponent({
       if (editorModel.editorParams.maxLength) {
         maxLength = lodashEs.toNumber(editorModel.editorParams.maxLength);
       }
+      if (editorModel.editorParams.maxlength) {
+        maxLength = lodashEs.toNumber(editorModel.editorParams.maxlength);
+      }
       if (editorModel.editorParams.showWordLimit) {
         showWordLimit = c.toBoolean(editorModel.editorParams.showWordLimit);
       }
+      if (editorModel.editorParams.showwordlimit) {
+        showWordLimit = c.toBoolean(editorModel.editorParams.showwordlimit);
+      }
       if (editorModel.editorParams.prepend) {
         prepend = editorModel.editorParams.prepend;
       }
@@ -176,6 +185,7 @@ const IBizArray = /* @__PURE__ */ vue.defineComponent({
         "onUpdate:modelValue": ($event) => item.value = $event,
         "placeholder": this.c.placeHolder,
         "disabled": this.disabled,
+        "readonly": this.readonly,
         "onBlur": this.onBlur,
         "onFocus": this.onFocus,
         "onKeyup": this.handleKeyUp,
@@ -183,7 +193,8 @@ const IBizArray = /* @__PURE__ */ vue.defineComponent({
         "onInput": (val) => this.handleInput(val, index)
       }, this.$attrs), null) : vue.createVNode(vue.resolveComponent("el-tooltip"), {
         "placement": "bottom",
-        "trigger": "hover"
+        "trigger": "hover",
+        "popper-class": this.ns.b("tooltip")
       }, {
         default: () => {
           return vue.createVNode(vue.resolveComponent("el-input"), vue.mergeProps({
@@ -193,6 +204,7 @@ const IBizArray = /* @__PURE__ */ vue.defineComponent({
             "onUpdate:modelValue": ($event) => item.value = $event,
             "placeholder": this.c.placeHolder,
             "disabled": this.disabled,
+            "readonly": this.readonly,
             "maxlength": Object.is(this.editorStyle, "url") ? this.maxLength : null,
             "show-word-limit": Object.is(this.editorStyle, "url") ? this.showWordLimit : null,
             "onBlur": this.onBlur,

package/lib/editor/array/ibiz-array/ibiz-array.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ibiz-array{height:100%;line-height:var(--ibiz-editor-default-line-height)}.ibiz-array ion-icon{cursor:pointer}
1	+ .ibiz-array{height:100%;line-height:var(--ibiz-editor-default-line-height)}.ibiz-array ion-icon{cursor:pointer}.ibiz-array-tooltip .el-link{--el-link-text-color:inherit}

package/lib/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.cjs CHANGED Viewed

@@ -218,7 +218,7 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     var _a;
-    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const overflowMode = this.c.editorParams.overflowMode || this.c.editorParams.overflowmode || ibiz.config.pickerEditor.overflowMode;
     const isEllipsis = overflowMode === "ellipsis";
     const panel = (_a = this.c.deACMode) == null ? void 0 : _a.itemLayoutPanel;
     const {
@@ -294,7 +294,10 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
     }, [this.curValue]);
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.curValue ? this.curValue : ibiz.config.common.emptyText]);
+    }, [this.curValue ? this.curValue : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent]);

package/lib/editor/carousel/ibiz-carousel/ibiz-carousel.cjs CHANGED Viewed

@@ -16,7 +16,6 @@ const IBizCarousel = /* @__PURE__ */ vue.defineComponent({
     const carouselData = vue.ref([]);
     const isAuto = vue.ref(true);
     const timeSpan = vue.ref(3e3);
-    const downloadUrl = vue.ref("");
     vue.watch(() => props.value, (newVal) => {
       if (typeof newVal === "string") {
         carouselData.value = !newVal ? [] : JSON.parse(newVal);
@@ -24,19 +23,33 @@ const IBizCarousel = /* @__PURE__ */ vue.defineComponent({
     }, {
       immediate: true
     });
-    vue.watch(() => props.data, (newVal) => {
-      if (newVal) {
-        const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, c.editorParams);
-        downloadUrl.value = urls.downloadUrl;
+    const getDownloadUrl = (data, file) => {
+      const editorParams = {
+        ...c.editorParams
+      };
+      if (editorParams.exportparams) {
+        editorParams.exportParams = JSON.parse(editorParams.exportparams);
       }
-    }, {
-      immediate: true,
-      deep: true
-    });
+      if (file && file.folder) {
+        editorParams.osscat = file.folder;
+      }
+      const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, data, editorParams);
+      return urls.downloadUrl;
+    };
     vue.watch(carouselData, (newVal) => {
-      if ((newVal == null ? void 0 : newVal.length) && downloadUrl.value) {
+      if (newVal == null ? void 0 : newVal.length) {
         newVal.forEach((carousel) => {
-          carousel.imgUrl = carousel.imgUrl || downloadUrl.value.replace("%fileId%", carousel.id);
+          const downloadUrl = getDownloadUrl(props.data, carousel);
+          carousel.imgUrl = carousel.imgUrl || downloadUrl.replace("%fileId%", carousel.id);
+          if (ibiz.config.common.enableDownloadTicket) {
+            ibiz.util.file.getDownloadTicket(c.context, c.params, props.data, {
+              fileId: carousel.id
+            }, c.downloadTicketParams).then((downloadTicket) => {
+              if (downloadTicket && downloadTicket.ticket) {
+                carousel.imgUrl = downloadUrl.replace("%fileId%", downloadTicket.ticket);
+              }
+            });
+          }
         });
       }
     }, {
@@ -46,7 +59,6 @@ const IBizCarousel = /* @__PURE__ */ vue.defineComponent({
       ns,
       c,
       editorModel,
-      downloadUrl,
       carouselData,
       isAuto,
       timeSpan

package/lib/editor/cascader/ibiz-cascader/ibiz-cascader.cjs CHANGED Viewed

@@ -39,6 +39,9 @@ const IBizCascader = /* @__PURE__ */ vue.defineComponent({
       if (editorModel.editorParams.editorStyle) {
         editorStyle = editorModel.editorParams.editorStyle;
       }
+      if (editorModel.editorParams.editorstyle) {
+        editorStyle = editorModel.editorParams.editorstyle;
+      }
       if (editorModel.editorParams.size) {
         size = editorModel.editorParams.size;
       }
@@ -469,7 +472,10 @@ const IBizCascader = /* @__PURE__ */ vue.defineComponent({
     }, [this.valueText]);
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.valueText ? this.valueText : ibiz.config.common.emptyText]);
+    }, [this.valueText ? this.valueText : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)],
       "onKeyup": this.handleKeyUp