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

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 树模型数据
@@ -257,7 +257,11 @@ export declare const TreeControl: import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over", ...args: any[]) => void;
+        $emit: (event: "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over", ...args: any[]) => void; /**
+         * 处理键盘ESC事件
+         * @author tony001
+         * @date 2023-12-15 05:37:03
+         */
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             data: {
@@ -1027,6 +1031,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
     onNodeTextEditBlur: () => Promise<void>;
     renderNewNode: () => JSX.Element | null;
     handleEditKeyDown: (e: KeyboardEvent) => void;
+    handleLoadMore: (e: MouseEvent, item: IData) => Promise<void>;
 }, 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/tree.mjs

@@ -1,12 +1,12 @@
-import { isVNode, ref, reactive, onUnmounted, watch, computed, nextTick, resolveComponent, createVNode, onMounted, mergeProps, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, ref, onUnmounted, watch, nextTick, computed, resolveComponent, createVNode, onMounted, mergeProps, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import { cloneDeep, debounce } from 'lodash-es';
-import { TreeController, getControlPanel } from '@ibiz-template/runtime';
-import './tree.css';
+import { TreeController, AppDataEntity, PanelItemEventName } from '@ibiz-template/runtime';
 import { RuntimeError } from '@ibiz-template/core';
 import { isNil } from 'ramda';
-import { useAppTreeBase, findNodeData, useElTreeUtil, findChildItems, formatNodeDropType } from './el-tree-util.mjs';
+import { useAppTreeBase, getNewNodeControlPanel, findNodeData, useElTreeUtil, useLoadMoreUtil, findChildItems, formatNodeDropType, getNodeControlPanel } from './el-tree-util.mjs';
+import './tree.css';
 
 "use strict";
 function _isSlot(s) {
@@ -106,10 +106,10 @@ const TreeControl = /* @__PURE__ */ defineComponent({
     const c = useControlController((...args) => new TreeController(...args));
     useAppTreeBase(c, props);
     const cascadeSelect = ref(false);
-    const counterData = reactive({});
+    const counterData = ref({});
     const menuShowMode = ref("default");
     const fn = (counter) => {
-      Object.assign(counterData, counter);
+      counterData.value = counter;
     };
     c.evt.on("onCreated", () => {
       if (c.counter) {
@@ -133,21 +133,38 @@ const TreeControl = /* @__PURE__ */ defineComponent({
     const treeNodeTextInputRef = ref(null);
     const editingNodeKey = ref(null);
     const editingNodeText = ref(null);
+    const newNodePanelRef = ref();
     const newTreeNodeText = ref(null);
     const newNodeModel = ref(null);
     const newDefaultValue = ref(null);
     const newNodeKey = ref("".concat(createUUID(), "-").concat(createUUID()));
     const newNodeData = ref(null);
-    c.evt.on("onNewTreeNode", (args) => {
+    const newNodeDeData = ref(null);
+    const newNodeControlPanel = ref(null);
+    c.evt.on("onNewTreeNode", async (args) => {
+      var _a;
       const {
         nodeModel,
         defaultValue,
         parentNodeData
       } = args;
-      newNodeModel.value = nodeModel;
+      const {
+        appId,
+        appDataEntityId
+      } = nodeModel;
+      const entityModel = await ibiz.hub.getAppDataEntity(appDataEntityId, appId);
+      const layoutPanel = getNewNodeControlPanel(nodeModel);
+      if (layoutPanel) {
+        newNodeDeData.value = new AppDataEntity(entityModel, {});
+        newNodeControlPanel.value = layoutPanel || null;
+      }
       newDefaultValue.value = defaultValue;
       editingNodeKey.value = null;
       editingNodeText.value = null;
+      if (newNodeData.value) {
+        (_a = treeRef.value) == null ? void 0 : _a.remove(newNodeData.value);
+        newNodeData.value = null;
+      }
       if (parentNodeData && treeRef.value) {
         const _newNodeData = {};
         Object.assign(_newNodeData, {
@@ -158,6 +175,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         treeRef.value.append(_newNodeData, parentNodeData);
         newNodeData.value = _newNodeData;
       }
+      newNodeModel.value = nodeModel;
     });
     watch(() => treeNodeTextInputRef.value, (newVal) => {
       if (newVal) {
@@ -189,7 +207,28 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         }
       }
       if (newNodeModel.value) {
-        if (newTreeNodeText.value) {
+        const hasNonNullValue = newNodeDeData.value && Object.values(newNodeDeData.value).some((_val) => !!_val);
+        if (newNodeControlPanel.value && hasNonNullValue) {
+          const {
+            textAppDEFieldId,
+            id
+          } = newNodeModel.value;
+          const nodeData = {
+            _nodeId: id,
+            _text: [newNodeDeData.value[textAppDEFieldId]],
+            _deData: {}
+          };
+          Object.assign(nodeData._deData, newNodeDeData.value);
+          if (newDefaultValue.value) {
+            Object.keys(newDefaultValue.value).forEach((_key) => {
+              if (!nodeData._deData[_key])
+                Object.assign(nodeData._deData, {
+                  [_key]: newDefaultValue.value[_key]
+                });
+            });
+          }
+          await c.createDeNodeData([nodeData]);
+        } else if (newTreeNodeText.value) {
           const {
             textAppDEFieldId,
             id
@@ -213,6 +252,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         newNodeModel.value = null;
         newTreeNodeText.value = null;
         newDefaultValue.value = null;
+        newNodeDeData.value = null;
+        newNodeControlPanel.value = null;
+        newNodePanelRef.value = null;
         if (newNodeData.value)
           (_a = treeRef.value) == null ? void 0 : _a.remove(newNodeData.value);
         newNodeData.value = null;
@@ -228,6 +270,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         newNodeModel.value = null;
         newTreeNodeText.value = null;
         newDefaultValue.value = null;
+        newNodeDeData.value = null;
+        newNodeControlPanel.value = null;
+        newNodePanelRef.value = null;
         if (newNodeData.value)
           (_a = treeRef.value) == null ? void 0 : _a.remove(newNodeData.value);
         newNodeData.value = null;
@@ -242,10 +287,27 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         onNodeTextEditEsc();
       }
     };
+    const onPanelItemEvent = (_args) => {
+      if (!_args)
+        return;
+      const {
+        panelItemEventName
+      } = _args;
+      if (panelItemEventName === PanelItemEventName.ENTER) {
+        onNodeTextEditBlur();
+      }
+    };
+    const onPanelItemKeydown = (e) => {
+      if (e.code === "Escape" || e.keyCode === 27)
+        onNodeTextEditEsc();
+    };
     const {
       updateUI,
       triggerNodeExpand
     } = useElTreeUtil(treeRef, c);
+    const {
+      addLoadMoreNode
+    } = useLoadMoreUtil(treeRef, c);
     const toElNodes = (nodes) => {
       return nodes.map((node) => ({
         _id: node._id,
@@ -264,6 +326,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         const elNodes = toElNodes(children);
         treeRef.value.updateKeyChildren(parentNode._id, elNodes);
         updateUI();
+        nextTick(() => {
+          addLoadMoreNode(parentNode._id, parentNode);
+        });
       }
     });
     c.evt.on("onAfterNodeDrop", (event) => {
@@ -327,25 +392,11 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       ibiz.log.debug("\u7ED9\u6811\u8FD4\u56DE\u503C", nodes);
       callback(toElNodes(nodes));
       updateUI();
+      nextTick(() => {
+        var _a, _b, _c;
+        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 () => {
-      var _a;
-      if (selectionWait) {
-        await nextTick();
-      }
-      if (c.state.singleSelect) {
-        treeRef.value.setCurrentKey(((_a = c.state.selectedData[0]) == null ? void 0 : _a._id) || void 0);
-      } else {
-        treeRef.value.setCheckedKeys(c.state.selectedData.map((item) => item._id));
-      }
-    });
     const onCheck = (nodeData, opts) => {
       const {
         checkedNodes
@@ -364,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)) {
@@ -375,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);
       }
@@ -519,7 +568,10 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       if (!contextMenuC.model.detoolbarItems) {
         return;
       }
-      await contextMenuC.calcButtonState(nodeData._deData || (nodeData.srfkey ? nodeData : void 0), nodeModel.appDataEntityId);
+      await contextMenuC.calcButtonState(nodeData._deData || (nodeData.srfkey ? nodeData : void 0), nodeModel.appDataEntityId, {
+        view: c.view,
+        ctrl: c
+      });
       const menuState = contextMenuC.state.buttonsState;
       const menus = calcContextMenuItems(contextMenuC.model.detoolbarItems, nodeData, evt, menuState);
       if (!menus.length) {
@@ -574,12 +626,20 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       debounceSearch();
     };
     const allowDrop = (draggingNode, dropNode, type) => {
+      var _a;
+      if ((_a = dropNode.data) == null ? void 0 : _a._load_more) {
+        return false;
+      }
       const draggingNodeData = findNodeData(draggingNode.data._uuid, c);
       const dropNodeData = findNodeData(dropNode.data._uuid, c);
       const result = c.calcAllowDrop(draggingNodeData, dropNodeData, type);
       return result;
     };
     const allowDrag = (draggingNode) => {
+      var _a;
+      if ((_a = draggingNode.data) == null ? void 0 : _a._load_more) {
+        return false;
+      }
       const nodeData = findNodeData(draggingNode.data._uuid, c);
       return c.calcAllowDrag(nodeData);
     };
@@ -594,17 +654,25 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         editCurrentNodeText();
       }
     };
+    const handleMouseup = () => {
+      var _a;
+      const isFoucs = (_a = newNodePanelRef.value) == null ? void 0 : _a.$el.querySelector(".is-focus");
+      if (newNodeControlPanel.value && !isFoucs)
+        onNodeTextEditBlur();
+    };
     onMounted(() => {
       var _a;
+      document.addEventListener("mouseup", handleMouseup.bind(this));
       (_a = treeviewRef.value) == null ? void 0 : _a.$el.addEventListener("keydown", keydownHandle);
     });
     onUnmounted(() => {
       var _a;
+      document.removeEventListener("mouseup", handleMouseup.bind(this));
       (_a = treeviewRef.value) == null ? void 0 : _a.$el.removeEventListener("keydown", keydownHandle);
     });
     const renderCounter = (nodeModel) => {
       if (nodeModel.counterId) {
-        const value = counterData[nodeModel.counterId];
+        const value = counterData.value[nodeModel.counterId];
         if (isNil(value)) {
           return null;
         }
@@ -618,19 +686,32 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       }
     };
     const renderNewNode = () => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       if (!newNodeModel.value) {
         return null;
       }
+      if (newNodeControlPanel.value) {
+        return createVNode(resolveComponent("iBizControlShell"), {
+          "class": [ns.b("new-node"), (_a = newNodeModel.value.sysCss) == null ? void 0 : _a.cssName],
+          "ref": newNodePanelRef,
+          "data": newNodeDeData.value,
+          "modelData": newNodeControlPanel.value,
+          "context": c.context,
+          "params": c.params,
+          "onMouseup": (_e) => _e.stopPropagation(),
+          "onPanelItemEvent": onPanelItemEvent,
+          "onKeydown": onPanelItemKeydown
+        }, null);
+      }
       return createVNode("div", {
-        "class": [ns.b("new-node"), (_a = newNodeModel.value.sysCss) == null ? void 0 : _a.cssName],
+        "class": [ns.b("new-node"), (_b = newNodeModel.value.sysCss) == null ? void 0 : _b.cssName],
         "onClick": (_e) => {
           _e.preventDefault();
           _e.stopPropagation();
         }
-      }, [((_b = newNodeModel.value) == null ? void 0 : _b.sysImage) ? createVNode(iBizIcon, {
+      }, [((_c = newNodeModel.value) == null ? void 0 : _c.sysImage) ? createVNode(iBizIcon, {
         "class": ns.be("node", "icon"),
-        "icon": (_c = newNodeModel.value) == null ? void 0 : _c.sysImage
+        "icon": (_d = newNodeModel.value) == null ? void 0 : _d.sysImage
       }, null) : null, createVNode(resolveComponent("el-input"), {
         "modelValue": newTreeNodeText.value,
         "onUpdate:modelValue": ($event) => newTreeNodeText.value = $event,
@@ -644,6 +725,28 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         }
       }, null)]);
     };
+    const handleLoadMore = async (e, item) => {
+      var _a, _b;
+      e.stopPropagation();
+      if (!item) {
+        return;
+      }
+      if (item.level === 0) {
+        await c.loadNodes(void 0, true);
+        return;
+      }
+      const nodeData = findNodeData((_a = item.data) == null ? void 0 : _a._uuid, c);
+      if (!nodeData) {
+        return;
+      }
+      await c.loadNodes(nodeData, true);
+      const elNodes = toElNodes(nodeData._children || []);
+      (_b = treeRef.value) == null ? void 0 : _b.updateKeyChildren(nodeData._id, elNodes);
+      updateUI();
+      nextTick(() => {
+        addLoadMoreNode(nodeData._id, nodeData);
+      });
+    };
     return {
       c,
       ns,
@@ -672,7 +775,8 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       handleDrop,
       onNodeTextEditBlur,
       renderNewNode,
-      handleEditKeyDown
+      handleEditKeyDown,
+      handleLoadMore
     };
   },
   render() {
@@ -714,7 +818,13 @@ const TreeControl = /* @__PURE__ */ defineComponent({
             label: "_text",
             children: "_children",
             isLeaf: "_leaf",
-            disabled: "_disableSelect"
+            disabled: "_disableSelect",
+            class: (data) => {
+              if (data == null ? void 0 : data._load_more) {
+                return this.ns.is("load-more", true);
+              }
+              return "";
+            }
           },
           "lazy": true,
           "load": this.loadData,
@@ -731,9 +841,18 @@ const TreeControl = /* @__PURE__ */ defineComponent({
           "onNodeDrop": this.handleDrop
         }, this.$attrs), {
           default: ({
-            data
+            data,
+            node
           }) => {
             var _a, _b;
+            if (data._load_more) {
+              return createVNode("div", {
+                "class": this.ns.b("node"),
+                "onClick": (e) => {
+                  this.handleLoadMore(e, node == null ? void 0 : node.parent);
+                }
+              }, [data._text]);
+            }
             if (this.newNodeKey === data._id)
               return this.renderNewNode();
             const nodeData = this.findNodeData(data._uuid, this.c);
@@ -757,7 +876,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
                 }
               }, null)]);
             }
-            const layoutPanel = getControlPanel(nodeModel);
+            const layoutPanel = getNodeControlPanel(nodeModel);
             let content;
             if (layoutPanel) {
               content = createVNode(resolveComponent("iBizControlShell"), {

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

@@ -57,39 +57,45 @@ 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;
-    headerCssVars: import("@ibiz-template/core").IApiData;
+    handleHeaderCellClassName: ({ _row, column, _rowIndex, _columnIndex, }: {
+        _row: import("@ibiz-template/core").IApiData;
+        column: import("@ibiz-template/core").IApiData;
+        _rowIndex: number;
+        _columnIndex: number;
+    }) => string;
 }, 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,33 +92,39 @@ 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;
-    headerCssVars: import("@ibiz-template/core").IApiData;
+    handleHeaderCellClassName: ({ _row, column, _rowIndex, _columnIndex, }: {
+        _row: import("@ibiz-template/core").IApiData;
+        column: import("@ibiz-template/core").IApiData;
+        _rowIndex: number;
+        _columnIndex: number;
+    }) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 树表格模型数据