@ibiz-template/vue3-components 0.7.41-alpha.16 → 0.7.41-alpha.18

package/es/control/medit-view-panel/medit-view-panel.mjs

@@ -1,12 +1,9 @@
-import { isVNode, ref, onMounted, onUnmounted, resolveComponent, createVNode, h, defineComponent } from 'vue';
+import { ref, onMounted, onUnmounted, resolveComponent, createVNode, h, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { MEditViewPanelController } from '@ibiz-template/runtime';
 import './medit-view-panel.css';
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 const MEditViewPanelControl = /* @__PURE__ */ defineComponent({
   name: "IBizMEditViewPanelControl",
   props: {
@@ -90,37 +87,47 @@ const MEditViewPanelControl = /* @__PURE__ */ defineComponent({
   render() {
     const viewShell = resolveComponent("IBizViewShell");
     const renderTabTop = () => {
-      let _slot;
       return createVNode(resolveComponent("el-tabs"), {
         "class": this.ns.b("tabs"),
+        "addable": true,
         "modelValue": this.c.state.activeTab,
         "onUpdate:modelValue": ($event) => this.c.state.activeTab = $event,
-        "onTabChange": this.onTabChange
-      }, _isSlot(_slot = this.c.state.panelUiItems.map((item) => {
-        return createVNode(resolveComponent("el-tab-pane"), {
-          "key": item.id + item.srfmajortext,
-          "name": item.id
-        }, {
-          label: () => {
-            return createVNode("div", {
-              "class": this.ns.b("tab-label")
-            }, [createVNode("span", null, [item.srfmajortext]), createVNode("ion-icon", {
-              "name": "close-outline",
-              "onClick": (event) => this.handleTabDelete(item, event)
-            }, null)]);
-          },
-          default: () => {
-            return this.c.state.activeTab === item.id && h(viewShell, {
-              context: item.context,
-              params: item.params,
-              viewId: this.c.model.embeddedAppViewId,
-              onDataChange: (args) => this.c.onViewDataChange(args, item.id),
-              onCreated: (event) => this.c.onViewCreated(event, item.id)
+        "onTabChange": this.onTabChange,
+        "onTabAdd": () => this.c.handleAdd()
+      }, {
+        addIcon: () => {
+          return createVNode(resolveComponent("el-button"), null, {
+            default: () => [createVNode("ion-icon", {
+              "name": "add"
+            }, null), ibiz.i18n.t("app.add")]
+          });
+        },
+        default: () => {
+          return this.c.state.panelUiItems.map((item) => {
+            return createVNode(resolveComponent("el-tab-pane"), {
+              "key": item.id + item.srfmajortext,
+              "name": item.id
+            }, {
+              label: () => {
+                return createVNode("div", {
+                  "class": this.ns.b("tab-label")
+                }, [createVNode("span", null, [item.srfmajortext]), createVNode("ion-icon", {
+                  "name": "close-outline",
+                  "onClick": (event) => this.handleTabDelete(item, event)
+                }, null)]);
+              },
+              default: () => {
+                return this.c.state.activeTab === item.id && h(viewShell, {
+                  context: item.context,
+                  params: item.params,
+                  viewId: this.c.model.embeddedAppViewId,
+                  onDataChange: (args) => this.c.onViewDataChange(args, item.id),
+                  onCreated: (event) => this.c.onViewCreated(event, item.id)
+                });
+              }
             });
-          }
-        });
-      })) ? _slot : {
-        default: () => [_slot]
+          });
+        }
       });
     };
     const renderRow = () => {

package/es/control/tree/index.d.ts

@@ -1044,8 +1044,8 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
     };
 }>>, {
     params: import("@ibiz-template/core").IApiParams;
-    singleSelect: boolean;
     mdctrlActiveMode: number;
+    singleSelect: boolean;
     isSimple: boolean;
     loadDefault: boolean;
     checkStrictly: boolean;

package/es/control/tree/tree.d.ts

@@ -1,9 +1,9 @@
-import { nextTick, PropType, Ref } from 'vue';
+import { Ref, nextTick, PropType } from 'vue';
 import { IDETree, IDETreeNode } from '@ibiz/model-core';
-import { IControlProvider, ITreeNodeData, TreeController } from '@ibiz-template/runtime';
-import './tree.scss';
-import { AllowDropType, NodeDropType } from 'element-plus/es/components/tree/src/tree.type';
+import { ITreeNodeData, TreeController, IControlProvider } from '@ibiz-template/runtime';
+import { NodeDropType, AllowDropType } from 'element-plus/es/components/tree/src/tree.type';
 import { findNodeData } from './el-tree-util';
+import './tree.scss';
 export declare const TreeControl: import("vue").DefineComponent<{
     /**
      * @description 树模型数据
@@ -1134,8 +1134,8 @@ export declare const TreeControl: import("vue").DefineComponent<{
     };
 }>>, {
     params: import("@ibiz-template/core").IApiParams;
-    singleSelect: boolean;
     mdctrlActiveMode: number;
+    singleSelect: boolean;
     isSimple: boolean;
     loadDefault: boolean;
     checkStrictly: boolean;

package/es/control/tree/tree.mjs

@@ -3,10 +3,10 @@ import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import { cloneDeep, debounce } from 'lodash-es';
 import { TreeController, AppDataEntity, PanelItemEventName } from '@ibiz-template/runtime';
-import './tree.css';
 import { RuntimeError } from '@ibiz-template/core';
 import { isNil } from 'ramda';
 import { useAppTreeBase, getNewNodeControlPanel, findNodeData, useElTreeUtil, useLoadMoreUtil, findChildItems, formatNodeDropType, getNodeControlPanel } from './el-tree-util.mjs';
+import './tree.css';
 
 "use strict";
 function _isSlot(s) {
@@ -397,20 +397,12 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         addLoadMoreNode(item.level === 0 ? (_b = (_a = c.state.rootNodes) == null ? void 0 : _a[0]) == null ? void 0 : _b._id : (_c = item.data) == null ? void 0 : _c._id, item);
       });
     };
-    let selectionWait = false;
-    c.evt.on("onLoadSuccess", () => {
-      selectionWait = true;
-      setTimeout(() => {
-        selectionWait = false;
-      }, 200);
-    });
-    c.evt.on("onSelectionChange", async () => {
+    watch(() => c.state.selectedData, () => {
       var _a;
-      if (selectionWait) {
-        await nextTick();
-      }
+      if (!treeRef.value)
+        return;
       if (c.state.singleSelect) {
-        treeRef.value.setCurrentKey(((_a = c.state.selectedData[0]) == null ? void 0 : _a._id) || void 0);
+        treeRef.value.setCurrentKey((_a = c.state.selectedData[0]) == null ? void 0 : _a._id);
       } else {
         treeRef.value.setCheckedKeys(c.state.selectedData.map((item) => item._id));
       }

package/es/control/tree-grid/index.d.ts

@@ -89,6 +89,12 @@ export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").Typ
     renderBatchToolBar: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | undefined;
+    handleHeaderCellClassName: ({ _row, column, _rowIndex, _columnIndex, }: {
+        _row: import("@ibiz-template/core").IApiData;
+        column: import("@ibiz-template/core").IApiData;
+        _rowIndex: number;
+        _columnIndex: number;
+    }) => string;
     headerCssVars: import("@ibiz-template/core").IApiData;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
@@ -145,8 +151,8 @@ export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").Typ
     };
 }>>, {
     params: import("@ibiz-template/core").IApiParams;
-    singleSelect: boolean;
     mdctrlActiveMode: number;
+    singleSelect: boolean;
     rowEditOpen: boolean;
     isSimple: boolean;
     loadDefault: boolean;

package/es/control/tree-grid/tree-grid.d.ts

@@ -118,6 +118,12 @@ export declare const TreeGridControl: import("vue").DefineComponent<{
     headerDragend: (newWidth: number, oldWidth: number, column: import("@ibiz-template/core").IApiData) => void;
     renderPopover: () => JSX.Element[];
     renderBatchToolBar: () => VNode | undefined;
+    handleHeaderCellClassName: ({ _row, column, _rowIndex, _columnIndex, }: {
+        _row: import("@ibiz-template/core").IApiData;
+        column: import("@ibiz-template/core").IApiData;
+        _rowIndex: number;
+        _columnIndex: number;
+    }) => string;
     headerCssVars: import("@ibiz-template/core").IApiData;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -206,8 +212,8 @@ export declare const TreeGridControl: import("vue").DefineComponent<{
     };
 }>>, {
     params: import("@ibiz-template/core").IApiParams;
-    singleSelect: boolean;
     mdctrlActiveMode: number;
+    singleSelect: boolean;
     rowEditOpen: boolean;
     isSimple: boolean;
     loadDefault: boolean;

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

@@ -96,6 +96,7 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
       onRowClick,
       onDbRowClick,
       onSelectionChange,
+      handleHeaderCellClassName,
       onSortChange,
       handleRowClassName
     } = useITableEvent(c);
@@ -212,6 +213,7 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
       headerDragend,
       renderPopover,
       renderBatchToolBar,
+      handleHeaderCellClassName,
       headerCssVars
     };
   },
@@ -221,63 +223,68 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
       hideHeader,
       enablePagingBar
     } = this.c.model;
-    return 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)],
-      "controller": this.c,
-      "style": this.headerCssVars
+    return createVNode(resolveComponent("iBizControlNavigation"), {
+      "controller": this.c
     }, {
-      default: () => [this.c.state.isLoaded && createVNode(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: () => [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)],
+        "controller": this.c,
+        "style": this.headerCssVars
       }, {
-        empty: this.renderNoData,
-        default: () => {
-          return [!state.singleSelect && createVNode(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();
-        }
-      }), enablePagingBar && createVNode(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 && createVNode("div", {
-        "class": this.ns.b("setting-box")
-      }, [createVNode(resolveComponent("iBizGridSetting"), {
-        "columnStates": state.columnStates,
-        "controller": this.c
-      }, null)]), this.renderBatchToolBar()]
+        default: () => [this.c.state.isLoaded && createVNode(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,
+          "header-cell-class-name": this.handleHeaderCellClassName,
+          "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
+        }, {
+          empty: this.renderNoData,
+          default: () => {
+            return [!state.singleSelect && createVNode(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();
+          }
+        }), enablePagingBar && createVNode(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 && createVNode("div", {
+          "class": this.ns.b("setting-box")
+        }, [createVNode(resolveComponent("iBizGridSetting"), {
+          "columnStates": state.columnStates,
+          "controller": this.c
+        }, null)]), this.renderBatchToolBar()]
+      })]
     });
   }
 });

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/all-edit.mjs

@@ -20,7 +20,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 = reactive({
     stopPropagation

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

@@ -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)}
+.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/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: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}
+.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/es/control/tree-grid-ex/tree-grid-ex.mjs

@@ -252,36 +252,40 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
         }
       });
     };
-    return createVNode(resolveComponent("iBizControlBase"), {
-      "controller": this.c,
-      "class": [this.ns.b()]
+    return createVNode(resolveComponent("iBizControlNavigation"), {
+      "controller": this.c
     }, {
-      default: () => [this.c.state.isLoaded && createVNode(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: () => [createVNode(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 && createVNode(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/es/editor/carousel/ibiz-carousel/ibiz-carousel.d.ts

@@ -1,6 +1,5 @@
-import { Ref } from 'vue';
+import { defineComponent } from 'vue';
 import './ibiz-carousel.scss';
-import { CarouselEditorController } from '../carousel-editor.controller';
 /**
  * 轮播图
  * @description 在有限空间内，循环播放图片内容。此为平台预置标准编辑器组件
@@ -8,76 +7,4 @@ import { CarouselEditorController } from '../carousel-editor.controller';
  * @ignoreprops autoFocus | overflowMode | controlParams
  * @ignoreemits change | blur | focus | enter | infoTextChange
  */
-export declare const IBizCarousel: import("vue").DefineComponent<{
-    value: StringConstructor;
-    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<CarouselEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
-    disabled: {
-        type: BooleanConstructor;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autoFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    overflowMode: {
-        type: StringConstructor;
-    };
-    controlParams: {
-        type: ObjectConstructor;
-        required: boolean;
-    };
-}, {
-    ns: import("@ibiz-template/core").Namespace;
-    c: CarouselEditorController;
-    editorModel: import("@ibiz/model-core").IFileUploader;
-    downloadUrl: Ref<string>;
-    carouselData: Ref<{
-        id: string;
-        name: string;
-        imgUrl?: string | undefined;
-    }[]>;
-    isAuto: Ref<boolean>;
-    timeSpan: Ref<number>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
-    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
-    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
-    infoTextChange: (_text: string) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: StringConstructor;
-    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<CarouselEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
-    disabled: {
-        type: BooleanConstructor;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autoFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    overflowMode: {
-        type: StringConstructor;
-    };
-    controlParams: {
-        type: ObjectConstructor;
-        required: boolean;
-    };
-}>> & {
-    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
-    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
-}, {
-    disabled: boolean;
-    readonly: boolean;
-    autoFocus: boolean;
-}, {}>;
+export declare const IBizCarousel: ReturnType<typeof defineComponent>;

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

@@ -14,7 +14,6 @@ const IBizCarousel = /* @__PURE__ */ defineComponent({
     const carouselData = ref([]);
     const isAuto = ref(true);
     const timeSpan = ref(3e3);
-    const downloadUrl = ref("");
     watch(() => props.value, (newVal) => {
       if (typeof newVal === "string") {
         carouselData.value = !newVal ? [] : JSON.parse(newVal);
@@ -22,19 +21,33 @@ const IBizCarousel = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
-    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;
+    };
     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, {
+              fileId: carousel.id
+            }).then((downloadTicket) => {
+              if (downloadTicket && downloadTicket.ticket) {
+                carousel.imgUrl = downloadUrl.replace("%fileId%", downloadTicket.ticket);
+              }
+            });
+          }
         });
       }
     }, {
@@ -44,7 +57,6 @@ const IBizCarousel = /* @__PURE__ */ defineComponent({
       ns,
       c,
       editorModel,
-      downloadUrl,
       carouselData,
       isAuto,
       timeSpan

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.d.ts

@@ -45,7 +45,7 @@ export declare const IBizMPicker: import("vue").DefineComponent<{
     valueText: import("vue").ComputedRef<string>;
     onSearch: (query: string) => Promise<void>;
     onOpenChange: (flag: boolean) => void;
-    onSelect: (selects: string[]) => void;
+    onSelect: (selects: string[]) => Promise<void>;
     onRemove: (tag: string) => void;
     openPickUpView: () => Promise<void>;
     onFocus: (e: IData) => void;