@ibiz-template/vue3-components 0.7.41-alpha.19 → 0.7.41-alpha.20

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

@@ -277,31 +277,37 @@ function useITableEvent(c) {
     if (!forbidChange && !c.state.isLoading)
       c.setSelection(selection);
   }
+  const elSelection = computed(() => {
+    const items = [];
+    const keys = c.state.selectedData.map((selected) => selected.srfkey);
+    if (tableRef.value)
+      recursiveIterate(
+        { children: tableRef.value.store.states.data.value },
+        (item) => {
+          if (keys.includes(item.srfkey))
+            items.push(item);
+        }
+      );
+    return items;
+  });
   watch(
     [
       () => tableRef.value,
       () => c.state.isLoaded,
       () => c.state.selectedData
     ],
-    ([table, isLoaded, newVal]) => {
+    ([table, isLoaded, _newVal]) => {
       if (!isLoaded || !table)
         return;
-      if (c.state.singleSelect) {
-        if (newVal[0]) {
-          tableRef.value.setCurrentRow(newVal[0], true);
+      forbidChange = true;
+      setTimeout(() => {
+        if (c.state.singleSelect) {
+          table.setCurrentRow(elSelection.value[0]);
         } else {
-          tableRef.value.setCurrentRow();
+          table.store.states.selection.value = elSelection.value;
         }
-      } else {
-        forbidChange = true;
-        tableRef.value.clearSelection();
-        setTimeout(() => {
-          newVal.forEach(
-            (item) => tableRef.value.toggleRowSelection(item, true)
-          );
-          forbidChange = false;
-        });
-      }
+        forbidChange = false;
+      });
     }
   );
   function onSortChange(opts) {
@@ -346,9 +352,8 @@ function useITableEvent(c) {
     let activeClassName = "";
     if (c.state.selectedData.length > 0) {
       c.state.selectedData.forEach((data) => {
-        if (data === row) {
+        if (data === row || data.srfkey === row.srfkey)
           activeClassName = "current-row";
-        }
       });
     }
     const rowState = c.findRowState(row);
@@ -446,22 +451,17 @@ function useAppGridPagination(c) {
 }
 function useAppGridBase(c, props, tableRef) {
   const initSimpleData = () => {
-    if (!props.data) {
+    if (!props.data)
       return;
-    }
-    c.state.items = props.data;
+    const items = props.data.map((item) => new ControlVO(item));
+    c.state.items = items;
     if (c.runMode === "DESIGN") {
-      c.state.simpleData = props.data;
+      c.state.simpleData = items;
       c.state.total = props.data.length;
       c.state.curPage = 1;
       c.state.items = chunk(c.state.simpleData, c.state.size)[c.state.curPage - 1] || [];
     }
-    c.state.rows = c.state.items.map((item) => {
-      const row = new GridRowState(new ControlVO(item), c);
-      return row;
-    });
-    c.calcAggResult(c.state.items);
-    c.calcTotalData();
+    c.afterLoad({ isInitialLoad: true }, c.state.items);
   };
   const defaultSort = computed(() => {
     var _a;
@@ -482,9 +482,8 @@ function useAppGridBase(c, props, tableRef) {
   watch(
     () => props.data,
     () => {
-      if (props.isSimple) {
+      if (props.isSimple)
         initSimpleData();
-      }
     },
     {
       deep: true
@@ -501,6 +500,7 @@ function useAppGridBase(c, props, tableRef) {
         if (grouprowmode === "NEWROW") {
           result.push({
             ...item,
+            srfkey: item.key,
             tempsrfkey: item.key,
             isGroupRow: true
           });

package/es/control/grid/grid/grid.mjs

@@ -570,37 +570,40 @@ const GridControl = /* @__PURE__ */ defineComponent({
         "style": this.headerCssVars
       }, {
         default: () => [createVNode(resolveComponent("el-table"), mergeProps({
+          "border": true,
           "ref": "tableRef",
+          "data": this.tableData,
+          "row-key": "tempsrfkey",
+          "tooltip-effect": "light",
           "class": this.ns.e("table"),
+          "scrollbar-always-on": true,
+          "onRowClick": this.onRowClick,
+          "span-method": this.spanMethod,
           "default-sort": this.defaultSort,
-          "border": true,
-          "show-header": !this.c.state.hideHeader,
           "show-summary": this.c.enableAgg,
+          "onSortChange": this.onSortChange,
+          "onRowDblclick": this.onDbRowClick,
           "summary-method": this.summaryMethod,
-          "highlight-current-row": state.singleSelect,
-          "row-class-name": this.handleRowClassName,
-          "header-cell-class-name": this.handleHeaderCellClassName,
-          "row-key": "tempsrfkey",
-          "data": this.tableData,
+          "onHeaderDragend": this.headerDragend,
           "default-expand-all": defaultExpandAll,
-          "span-method": this.spanMethod,
-          "onRowClick": this.onRowClick,
-          "onRowDblclick": this.onDbRowClick,
+          "show-header": !this.c.state.hideHeader,
+          "row-class-name": this.handleRowClassName,
+          "highlight-current-row": state.singleSelect,
+          "expandRowKeys": this.c.state.expandRowKeys,
           "onSelectionChange": this.onSelectionChange,
-          "onSortChange": this.onSortChange,
-          "onHeaderDragend": this.headerDragend,
-          "tooltip-effect": "light",
-          "scrollbar-always-on": true
+          "header-cell-class-name": this.handleHeaderCellClassName,
+          "onExpandChange": (row, expanded) => this.c.expandChange(row, expanded)
         }, this.$attrs, renderAttrs(this.c.model, {
           ...this.c.getEventArgs()
         })), {
           empty: this.renderNoData,
           default: () => {
             return [this.c.enableRowEditOrder && this.renderDragIconColumn(), !state.singleSelect && createVNode(resolveComponent("el-table-column"), {
-              "class-name": this.ns.e("selection"),
-              "type": "selection",
               "width": "55",
-              "align": "center"
+              "align": "center",
+              "type": "selection",
+              "reserve-selection": true,
+              "class-name": this.ns.e("selection")
             }, null), this.renderRowDetail(), this.renderColumns.map((model, index) => {
               return this.renderTableColumn(model, index);
             })];

package/es/control/map/map.mjs

@@ -82,35 +82,37 @@ const MapControl = /* @__PURE__ */ defineComponent({
     const {
       state
     } = this.c;
-    if (!state.isCreated || !state.isLoaded)
+    if (!state.isCreated)
       return;
+    let content;
+    if (state.isLoaded) {
+      content = this.mapStyle === "USER" ? createVNode(resolveComponent("iBizMapChartUser"), {
+        "areaData": state.areaData,
+        "pointData": state.pointData,
+        "options": this.mapOpts,
+        "class": this.ns.e("map"),
+        "controller": this.c
+      }, null) : createVNode(resolveComponent("iBizMapChart"), {
+        "controller": this.c,
+        "areaData": state.areaData,
+        "pointData": state.pointData,
+        "options": this.mapOpts,
+        "class": this.ns.e("map"),
+        "onPointClick": (e) => {
+          this.c.onPointClick(e);
+        },
+        "onAreaClick": (e) => {
+          this.c.onAreaClick(e, "", "");
+        }
+      }, null);
+    }
     return createVNode(resolveComponent("iBizControlNavigation"), {
       "controller": this.c
     }, {
       default: () => [createVNode(resolveComponent("iBizControlBase"), {
         "controller": this.c
       }, {
-        default: () => [this.mapStyle === "USER" ? createVNode(resolveComponent("iBizMapChartUser"), {
-          "areaData": state.areaData,
-          "pointData": state.pointData,
-          "options": this.mapOpts,
-          "class": this.ns.e("map"),
-          "controller": this.c
-        }, null) : createVNode(resolveComponent("iBizMapChart"), {
-          "areaData": state.areaData,
-          "pointData": state.pointData,
-          "options": this.mapOpts,
-          "class": this.ns.e("map"),
-          "onMapChange": (e) => {
-            this.c.onMapChange(e.areaCode);
-          },
-          "onPointClick": (e) => {
-            this.c.onPointClick(e);
-          },
-          "onAreaClick": (e) => {
-            this.c.onAreaClick(e, "", "");
-          }
-        }, null), this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? createVNode("ion-icon", {
+        default: () => [content, this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? createVNode("ion-icon", {
           "class": this.ns.e("nav-icon"),
           "title": ibiz.i18n.t("component.controlNavigation.showNav"),
           "name": "eye-outline",

package/es/control/tree/tree.mjs

@@ -397,16 +397,6 @@ 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);
       });
     };
-    watch(() => c.state.selectedData, () => {
-      var _a;
-      if (!treeRef.value)
-        return;
-      if (c.state.singleSelect) {
-        treeRef.value.setCurrentKey((_a = c.state.selectedData[0]) == null ? void 0 : _a._id);
-      } else {
-        treeRef.value.setCheckedKeys(c.state.selectedData.map((item) => item._id));
-      }
-    });
     const onCheck = (nodeData, opts) => {
       const {
         checkedNodes
@@ -425,9 +415,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       if (((_a = treeRef.value) == null ? void 0 : _a.getCurrentKey()) === nodeData._id && !readonly.value) {
         editCurrentNodeText();
       }
-      if (!c.state.singleSelect) {
-        (_b = treeRef.value) == null ? void 0 : _b.setCurrentKey(nodeData._id);
-      }
+      (_b = treeRef.value) == null ? void 0 : _b.setCurrentKey(nodeData._id);
       if (c.state.navigational) {
         const nodeModel = c.getNodeModel(nodeData._nodeId);
         if (!(nodeModel == null ? void 0 : nodeModel.navAppViewId)) {
@@ -436,7 +424,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         }
       }
       if (props.isSimple) {
-        treeRef.value.setCurrentKey((data == null ? void 0 : data._id) || void 0);
+        treeRef.value.setCurrentKey(data == null ? void 0 : data._id);
       } else {
         c.onTreeNodeClick(nodeData, evt);
       }

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

@@ -57,35 +57,36 @@ export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").Typ
     ns2: import("@ibiz-template/core").Namespace;
     tableRef: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
     tableData: import("vue").Ref<import("@ibiz-template/core").IApiData>;
+    defaultSort: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     renderColumns: import("vue").Ref<import("@ibiz/model-core").IDEGridColumn[]>;
+    headerCssVars: import("@ibiz-template/core").IApiData;
+    loadData: (item: import("@ibiz-template/core").IApiData, _row: unknown, callback: (nodes: import("@ibiz-template/core").IApiData[]) => void) => Promise<void>;
+    onRowClick: (data: import("@ibiz-template/runtime").ControlVO, _column: import("@ibiz-template/core").IApiData, event: MouseEvent) => Promise<void>;
     renderColumn: (model: import("@ibiz/model-core").IDEGridColumn, index: number) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null;
-    defaultSort: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     onDbRowClick: (data: import("@ibiz-template/runtime").ControlVO) => void;
-    onRowClick: (data: import("@ibiz-template/runtime").ControlVO, _column: import("@ibiz-template/core").IApiData, event: MouseEvent) => Promise<void>;
-    onSelectionChange: (selection: import("@ibiz-template/runtime").ControlVO[]) => void;
     onSortChange: (opts: {
         _column: import("@ibiz-template/core").IApiData;
         prop: string;
         order: "ascending" | "descending";
     }) => void;
     onPageChange: (page: number) => void;
-    onPageSizeChange: (size: number) => void;
-    onPageRefresh: () => void;
-    handleRowClassName: ({ row }: {
-        row: import("@ibiz-template/core").IApiData;
-    }) => string;
     renderNoData: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null;
-    loadData: (item: import("@ibiz-template/core").IApiData, _row: unknown, callback: (nodes: import("@ibiz-template/core").IApiData[]) => void) => Promise<void>;
+    onPageRefresh: () => void;
     summaryMethod: ({ columns, }: {
         columns: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<import("@ibiz-template/core").IApiData>[];
         data: import("@ibiz-template/core").IApiData[];
     }) => string[];
     headerDragend: (newWidth: number, oldWidth: number, column: import("@ibiz-template/core").IApiData) => void;
     renderPopover: () => JSX.Element[];
+    onPageSizeChange: (size: number) => void;
+    onSelectionChange: (selection: import("@ibiz-template/runtime").ControlVO[]) => void;
+    handleRowClassName: ({ row }: {
+        row: import("@ibiz-template/core").IApiData;
+    }) => string;
     renderBatchToolBar: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | undefined;
@@ -95,7 +96,6 @@ export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").Typ
         _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: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEGrid>;

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

@@ -1,4 +1,4 @@
-import { PropType, VNode } from 'vue';
+import { VNode, PropType } from 'vue';
 import { IDEGridColumn } from '@ibiz/model-core';
 import { IControlProvider, TreeGridController } from '@ibiz-template/runtime';
 export declare const TreeGridControl: import("vue").DefineComponent<{
@@ -92,31 +92,32 @@ export declare const TreeGridControl: import("vue").DefineComponent<{
     ns2: import("@ibiz-template/core").Namespace;
     tableRef: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
     tableData: import("vue").Ref<import("@ibiz-template/core").IApiData>;
+    defaultSort: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     renderColumns: import("vue").Ref<IDEGridColumn[]>;
+    headerCssVars: import("@ibiz-template/core").IApiData;
+    loadData: (item: IData, _row: unknown, callback: (nodes: IData[]) => void) => Promise<void>;
+    onRowClick: (data: import("@ibiz-template/runtime").ControlVO, _column: import("@ibiz-template/core").IApiData, event: MouseEvent) => Promise<void>;
     renderColumn: (model: IDEGridColumn, index: number) => VNode | null;
-    defaultSort: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     onDbRowClick: (data: import("@ibiz-template/runtime").ControlVO) => void;
-    onRowClick: (data: import("@ibiz-template/runtime").ControlVO, _column: import("@ibiz-template/core").IApiData, event: MouseEvent) => Promise<void>;
-    onSelectionChange: (selection: import("@ibiz-template/runtime").ControlVO[]) => void;
     onSortChange: (opts: {
         _column: import("@ibiz-template/core").IApiData;
         prop: string;
         order: "ascending" | "descending";
     }) => void;
     onPageChange: (page: number) => void;
-    onPageSizeChange: (size: number) => void;
-    onPageRefresh: () => void;
-    handleRowClassName: ({ row }: {
-        row: import("@ibiz-template/core").IApiData;
-    }) => string;
     renderNoData: () => VNode | null;
-    loadData: (item: IData, _row: unknown, callback: (nodes: IData[]) => void) => Promise<void>;
+    onPageRefresh: () => void;
     summaryMethod: ({ columns, }: {
         columns: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<import("@ibiz-template/core").IApiData>[];
         data: import("@ibiz-template/core").IApiData[];
     }) => string[];
     headerDragend: (newWidth: number, oldWidth: number, column: import("@ibiz-template/core").IApiData) => void;
     renderPopover: () => JSX.Element[];
+    onPageSizeChange: (size: number) => void;
+    onSelectionChange: (selection: import("@ibiz-template/runtime").ControlVO[]) => void;
+    handleRowClassName: ({ row }: {
+        row: import("@ibiz-template/core").IApiData;
+    }) => string;
     renderBatchToolBar: () => VNode | undefined;
     handleHeaderCellClassName: ({ _row, column, _rowIndex, _columnIndex, }: {
         _row: import("@ibiz-template/core").IApiData;
@@ -124,7 +125,6 @@ export declare const TreeGridControl: import("vue").DefineComponent<{
         _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<{
     /**
      * @description 树表格模型数据

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

@@ -1,5 +1,6 @@
-import { isVNode, resolveComponent, createVNode, createTextVNode, renderSlot, defineComponent } from 'vue';
+import { isVNode, resolveComponent, createVNode, nextTick, watch, createTextVNode, renderSlot, mergeProps, defineComponent } from 'vue';
 import { useControlController, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
+import { recursiveIterate } from '@ibiz-template/core';
 import { TreeGridController } from '@ibiz-template/runtime';
 import { useRowEditPopover } from '../grid/row-edit-popover/use-row-edit-popover.mjs';
 import '../grid/grid/index.mjs';
@@ -95,10 +96,10 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
       tableRef,
       onRowClick,
       onDbRowClick,
-      onSelectionChange,
-      handleHeaderCellClassName,
       onSortChange,
-      handleRowClassName
+      onSelectionChange,
+      handleRowClassName,
+      handleHeaderCellClassName
     } = useITableEvent(c);
     const {
       onPageChange,
@@ -107,8 +108,8 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
     } = useAppGridPagination(c);
     const {
       tableData,
-      renderColumns,
       defaultSort,
+      renderColumns,
       summaryMethod,
       headerDragend
     } = useAppGridBase(c, props, tableRef);
@@ -150,11 +151,56 @@ const TreeGridControl = /* @__PURE__ */ 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);
+        recursiveIterate({
+          children: table.store.states.data.value
+        }, (item) => {
+          if (selectKeys.includes(item.srfkey))
+            selection.push(item);
+        });
+        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)
+          nextTick(() => {
+            tableRef.value.store.loadOrToggle(node);
+          });
+      });
+      handleDefaultSelect();
+    };
+    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;
@@ -196,25 +242,25 @@ const TreeGridControl = /* @__PURE__ */ 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,
-      handleHeaderCellClassName,
-      headerCssVars
+      handleHeaderCellClassName
     };
   },
   render() {
@@ -231,59 +277,66 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
         "controller": this.c,
         "style": this.headerCssVars
       }, {
-        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()]
+        default: () => {
+          var _a;
+          return [this.c.state.isLoaded && createVNode(resolveComponent("el-table"), 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 && createVNode(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 && createVNode(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 && createVNode("div", {
+            "class": this.ns.b("setting-box")
+          }, [createVNode(resolveComponent("iBizGridSetting"), {
+            "columnStates": state.columnStates,
+            "controller": this.c
+          }, null)]), this.renderBatchToolBar()];
+        }
       })]
     });
   }

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-mpicker{--ibiz-mpicker-empty-bg-color:var(--ibiz-color-bg-3);display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:absolute;right:26px;z-index:1;display:inline-block;width:30px;height:100%;cursor:pointer}.ibiz-mpicker__btns{position:absolute;right:0;width:100%;height:100%;color:var(--ibiz-form-item-placeholder-color);cursor:pointer;display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--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-mpicker__action-item{color:var(--ibiz-color-link);text-align:center}.ibiz-mpicker__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-mpicker__transfer{--ibiz-mpicker-empty-bg-color:var(--ibiz-color-bg-3)}.ibiz-mpicker__transfer.is-empty .el-select-dropdown__item{height:auto;padding:0}.ibiz-mpicker__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-mpicker-empty-bg-color)}.ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}
+@charset "UTF-8";.ibiz-mpicker{--ibiz-mpicker-empty-bg-color:var(--ibiz-color-bg-3);display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:absolute;right:26px;z-index:1;display:inline-block;width:30px;height:100%;cursor:pointer}.ibiz-mpicker__btns{position:absolute;right:0;width:100%;height:100%;color:var(--ibiz-form-item-placeholder-color);cursor:pointer;display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--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-mpicker__action-item{display:flex;align-items:center;justify-content:center;color:var(--ibiz-color-link)}.ibiz-mpicker__action-item--caption{margin-left:var(--ibiz-spacing-extra-tight)}.ibiz-mpicker__action-item.is-disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-mpicker__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-mpicker__transfer{--ibiz-mpicker-empty-bg-color:var(--ibiz-color-bg-3)}.ibiz-mpicker__transfer.is-empty .el-select-dropdown__item{height:auto;padding:0}.ibiz-mpicker__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-mpicker-empty-bg-color)}.ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}