@ibiz-template/vue3-components 0.7.39 → 0.7.40

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

@@ -1,67 +1,92 @@
-import { nextTick, PropType } from 'vue';
+import { nextTick, PropType, Ref } 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 { findNodeData } from './el-tree-util';
 export declare const TreeControl: import("vue").DefineComponent<{
+    /**
+     * @description 树模型数据
+     */
     modelData: {
         type: PropType<IDETree>;
         required: true;
     };
+    /**
+     * @description 应用上下文对象
+     */
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
+    /**
+     * @description 部件适配器
+     */
     provider: {
         type: PropType<IControlProvider>;
     };
     /**
-     * 部件行数据默认激活模式
-     * - 0 不激活
-     * - 1 单击激活
-     * - 2 双击激活(默认值)
-     *
-     * @type {(number | 0 | 1 | 2)}
+     * @description 树节点默认激活模式，值为0:不激活，值为1：单击激活，值为2：双击激活
      */
     mdctrlActiveMode: {
         type: NumberConstructor;
         default: undefined;
     };
     /**
-     * 是否为单选
-     * - true 单选
-     * - false 多选
-     *
-     * @type {(Boolean)}
+     * @description 是否单选
      */
     singleSelect: {
         type: BooleanConstructor;
         default: undefined;
     };
+    /**
+     * @description 是否是导航的
+     */
     navigational: {
         type: BooleanConstructor;
         default: undefined;
     };
+    /**
+     * @description 默认展开节点集合
+     */
     defaultExpandedKeys: {
         type: PropType<string[]>;
     };
+    /**
+     * @description 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * @description 在显示复选框的情况下，是否严格的遵循父子不互相关联的做法
+     * @default true
+     */
     checkStrictly: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * @description 是否是简单模式
+     * @default false
+     */
     isSimple: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * @description 简单模式下传入的数据
+     */
     data: {
         type: {
             (arrayLength: number): ITreeNodeData[];
@@ -82,7 +107,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
 }, {
     c: TreeController<IDETree, import("@ibiz-template/runtime").ITreeState, import("@ibiz-template/runtime").ITreeEvent>;
     ns: import("@ibiz-template/core").Namespace;
-    treeRef: import("vue").Ref<({
+    treeRef: Ref<({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -332,7 +357,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
                 cssVarBlock: (object: Record<string, string>) => Record<string, string>;
                 cssVarBlockName: (name: string) => string;
             };
-            store: import("vue").Ref<{
+            store: Ref<{
                 currentNode: {
                     id: number;
                     text: string;
@@ -470,7 +495,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
                 setUserCurrentNode: (node: import("element-plus/es/components/tree/src/model/node").default, shouldAutoExpandParent?: boolean | undefined) => void;
                 setCurrentNodeKey: (key?: import("element-plus/es/components/tree/src/tree.type").TreeKey | undefined, shouldAutoExpandParent?: boolean | undefined) => void;
             }>;
-            root: import("vue").Ref<{
+            root: Ref<{
                 id: number;
                 text: string;
                 checked: boolean;
@@ -512,7 +537,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
             }>;
-            currentNode: import("vue").Ref<{
+            currentNode: Ref<{
                 id: number;
                 text: string;
                 checked: boolean;
@@ -554,15 +579,15 @@ export declare const TreeControl: import("vue").DefineComponent<{
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
             }>;
-            dragState: import("vue").Ref<{
+            dragState: Ref<{
                 showDropIndicator: boolean;
                 draggingNode: null;
                 dropNode: null;
                 allowDrop: boolean;
                 dropType: null;
             }>;
-            el$: import("vue").Ref<import("element-plus/es/utils").Nullable<HTMLElement>>;
-            dropIndicator$: import("vue").Ref<import("element-plus/es/utils").Nullable<HTMLElement>>;
+            el$: Ref<import("element-plus/es/utils").Nullable<HTMLElement>>;
+            dropIndicator$: Ref<import("element-plus/es/utils").Nullable<HTMLElement>>;
             isEmpty: import("vue").ComputedRef<boolean>;
             filter: (value: any) => void;
             getNodeKey: (node: import("element-plus/es/components/tree/src/model/node").default) => any;
@@ -720,7 +745,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
             cssVarBlock: (object: Record<string, string>) => Record<string, string>;
             cssVarBlockName: (name: string) => string;
         };
-        store: import("vue").Ref<{
+        store: Ref<{
             currentNode: {
                 id: number;
                 text: string;
@@ -858,7 +883,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
             setUserCurrentNode: (node: import("element-plus/es/components/tree/src/model/node").default, shouldAutoExpandParent?: boolean | undefined) => void;
             setCurrentNodeKey: (key?: import("element-plus/es/components/tree/src/tree.type").TreeKey | undefined, shouldAutoExpandParent?: boolean | undefined) => void;
         }>;
-        root: import("vue").Ref<{
+        root: Ref<{
             id: number;
             text: string;
             checked: boolean;
@@ -900,7 +925,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
             updateChildren: () => void;
             loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
         }>;
-        currentNode: import("vue").Ref<{
+        currentNode: Ref<{
             id: number;
             text: string;
             checked: boolean;
@@ -942,15 +967,15 @@ export declare const TreeControl: import("vue").DefineComponent<{
             updateChildren: () => void;
             loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
         }>;
-        dragState: import("vue").Ref<{
+        dragState: Ref<{
             showDropIndicator: boolean;
             draggingNode: null;
             dropNode: null;
             allowDrop: boolean;
             dropType: null;
         }>;
-        el$: import("vue").Ref<import("element-plus/es/utils").Nullable<HTMLElement>>;
-        dropIndicator$: import("vue").Ref<import("element-plus/es/utils").Nullable<HTMLElement>>;
+        el$: Ref<import("element-plus/es/utils").Nullable<HTMLElement>>;
+        dropIndicator$: Ref<import("element-plus/es/utils").Nullable<HTMLElement>>;
         isEmpty: import("vue").ComputedRef<boolean>;
         filter: (value: any) => void;
         getNodeKey: (node: import("element-plus/es/components/tree/src/model/node").default) => any;
@@ -975,13 +1000,15 @@ export declare const TreeControl: import("vue").DefineComponent<{
         handleNodeExpand: (nodeData: import("element-plus/es/components/tree/src/tree.type").TreeNodeData, node: import("element-plus/es/components/tree/src/model/node").default, instance: import("vue").ComponentInternalInstance) => void;
         updateKeyChildren: (key: import("element-plus/es/components/tree/src/tree.type").TreeKey, data: import("element-plus/es/components/tree/src/tree.type").TreeData) => void;
     }> & {} & import("vue").ComponentCustomProperties & {}) | null>;
-    treeviewRef: import("vue").Ref<IData | null>;
-    treeNodeTextInputRef: import("vue").Ref<IData | null>;
-    treeData: import("vue").ComputedRef<ITreeNodeData[]>;
-    treeRefreshKey: import("vue").Ref<string>;
-    editingNodeKey: import("vue").Ref<string | null>;
-    editingNodeText: import("vue").Ref<string | null>;
-    cascadeSelect: import("vue").Ref<boolean>;
+    treeviewRef: Ref<import("@ibiz-template/core").IApiData | null>;
+    treeNodeTextInputRef: Ref<import("@ibiz-template/core").IApiData | null>;
+    treeData: import("vue").ComputedRef<import("@ibiz-template/runtime").IApiTreeNodeData[]>;
+    treeRefreshKey: Ref<string>;
+    editingNodeKey: Ref<string | null>;
+    editingNodeText: Ref<string | null>;
+    cascadeSelect: Ref<boolean>;
+    newNodeKey: Ref<string>;
+    newNodeData: Ref<import("@ibiz-template/core").IApiData | null>;
     findNodeData: typeof findNodeData;
     onCheck: (nodeData: ITreeNodeData, opts: {
         checkedNodes: ITreeNodeData[];
@@ -1001,63 +1028,88 @@ export declare const TreeControl: import("vue").DefineComponent<{
     renderNewNode: () => JSX.Element | null;
     handleEditKeyDown: (e: KeyboardEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * @description 树模型数据
+     */
     modelData: {
         type: PropType<IDETree>;
         required: true;
     };
+    /**
+     * @description 应用上下文对象
+     */
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
+    /**
+     * @description 部件适配器
+     */
     provider: {
         type: PropType<IControlProvider>;
     };
     /**
-     * 部件行数据默认激活模式
-     * - 0 不激活
-     * - 1 单击激活
-     * - 2 双击激活(默认值)
-     *
-     * @type {(number | 0 | 1 | 2)}
+     * @description 树节点默认激活模式，值为0:不激活，值为1：单击激活，值为2：双击激活
      */
     mdctrlActiveMode: {
         type: NumberConstructor;
         default: undefined;
     };
     /**
-     * 是否为单选
-     * - true 单选
-     * - false 多选
-     *
-     * @type {(Boolean)}
+     * @description 是否单选
      */
     singleSelect: {
         type: BooleanConstructor;
         default: undefined;
     };
+    /**
+     * @description 是否是导航的
+     */
     navigational: {
         type: BooleanConstructor;
         default: undefined;
     };
+    /**
+     * @description 默认展开节点集合
+     */
     defaultExpandedKeys: {
         type: PropType<string[]>;
     };
+    /**
+     * @description 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * @description 在显示复选框的情况下，是否严格的遵循父子不互相关联的做法
+     * @default true
+     */
     checkStrictly: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * @description 是否是简单模式
+     * @default false
+     */
     isSimple: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * @description 简单模式下传入的数据
+     */
     data: {
         type: {
             (arrayLength: number): ITreeNodeData[];
@@ -1076,7 +1128,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
         required: false;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
     isSimple: boolean;

package/es/control/tree/tree.mjs

@@ -15,63 +15,88 @@ function _isSlot(s) {
 const TreeControl = /* @__PURE__ */ defineComponent({
   name: "IBizTreeControl",
   props: {
+    /**
+     * @description 树模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     },
     /**
-     * 部件行数据默认激活模式
-     * - 0 不激活
-     * - 1 单击激活
-     * - 2 双击激活(默认值)
-     *
-     * @type {(number | 0 | 1 | 2)}
+     * @description 树节点默认激活模式，值为0:不激活，值为1：单击激活，值为2：双击激活
      */
     mdctrlActiveMode: {
       type: Number,
       default: void 0
     },
     /**
-     * 是否为单选
-     * - true 单选
-     * - false 多选
-     *
-     * @type {(Boolean)}
+     * @description 是否单选
      */
     singleSelect: {
       type: Boolean,
       default: void 0
     },
+    /**
+     * @description 是否是导航的
+     */
     navigational: {
       type: Boolean,
       default: void 0
     },
+    /**
+     * @description 默认展开节点集合
+     */
     defaultExpandedKeys: {
       type: Array
     },
+    /**
+     * @description 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
       type: Boolean,
       default: true
     },
+    /**
+     * @description 在显示复选框的情况下，是否严格的遵循父子不互相关联的做法
+     * @default true
+     */
     checkStrictly: {
       type: Boolean,
       default: true
     },
+    /**
+     * @description 是否是简单模式
+     * @default false
+     */
     isSimple: {
       type: Boolean,
       default: false
     },
+    /**
+     * @description 简单模式下传入的数据
+     */
     data: {
       type: Array,
       required: false
@@ -82,6 +107,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
     useAppTreeBase(c, props);
     const cascadeSelect = ref(false);
     const counterData = reactive({});
+    const menuShowMode = ref("default");
     const fn = (counter) => {
       Object.assign(counterData, counter);
     };
@@ -92,6 +118,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       if (c.controlParams.cascadeselect) {
         cascadeSelect.value = true;
       }
+      if (c.controlParams.menushowmode) {
+        menuShowMode.value = c.controlParams.menushowmode;
+      }
     });
     onUnmounted(() => {
       var _a;
@@ -107,15 +136,28 @@ const TreeControl = /* @__PURE__ */ defineComponent({
     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 {
         nodeModel,
-        defaultValue
+        defaultValue,
+        parentNodeData
       } = args;
       newNodeModel.value = nodeModel;
       newDefaultValue.value = defaultValue;
       editingNodeKey.value = null;
       editingNodeText.value = null;
+      if (parentNodeData && treeRef.value) {
+        const _newNodeData = {};
+        Object.assign(_newNodeData, {
+          _id: newNodeKey.value,
+          _text: "",
+          _leaf: true
+        });
+        treeRef.value.append(_newNodeData, parentNodeData);
+        newNodeData.value = _newNodeData;
+      }
     });
     watch(() => treeNodeTextInputRef.value, (newVal) => {
       if (newVal) {
@@ -135,6 +177,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       }
     };
     const onNodeTextEditBlur = async () => {
+      var _a;
       if (editingNodeKey.value) {
         if (editingNodeText.value) {
           const nodeData = findNodeData(editingNodeKey.value, c);
@@ -170,9 +213,13 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         newNodeModel.value = null;
         newTreeNodeText.value = null;
         newDefaultValue.value = null;
+        if (newNodeData.value)
+          (_a = treeRef.value) == null ? void 0 : _a.remove(newNodeData.value);
+        newNodeData.value = null;
       }
     };
     const onNodeTextEditEsc = async () => {
+      var _a;
       if (editingNodeKey.value) {
         editingNodeKey.value = null;
         editingNodeText.value = null;
@@ -181,6 +228,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         newNodeModel.value = null;
         newTreeNodeText.value = null;
         newDefaultValue.value = null;
+        if (newNodeData.value)
+          (_a = treeRef.value) == null ? void 0 : _a.remove(newNodeData.value);
+        newNodeData.value = null;
       }
     };
     const handleEditKeyDown = (e) => {
@@ -492,6 +542,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         return null;
       }
       return createVNode(resolveComponent("iBizContextMenuControl"), {
+        "class": ns.bem("node", "buttons", menuShowMode.value),
         "modelData": nodeModel.decontextMenu,
         "groupLevelKeys": [50, 100],
         "nodeModel": nodeModel,
@@ -572,7 +623,11 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         return null;
       }
       return createVNode("div", {
-        "class": [ns.b("new-node"), (_a = newNodeModel.value.sysCss) == null ? void 0 : _a.cssName]
+        "class": [ns.b("new-node"), (_a = newNodeModel.value.sysCss) == null ? void 0 : _a.cssName],
+        "onClick": (_e) => {
+          _e.preventDefault();
+          _e.stopPropagation();
+        }
       }, [((_b = newNodeModel.value) == null ? void 0 : _b.sysImage) ? createVNode(iBizIcon, {
         "class": ns.be("node", "icon"),
         "icon": (_c = newNodeModel.value) == null ? void 0 : _c.sysImage
@@ -600,6 +655,8 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       editingNodeKey,
       editingNodeText,
       cascadeSelect,
+      newNodeKey,
+      newNodeData,
       findNodeData,
       onCheck,
       onNodeClick,
@@ -677,6 +734,8 @@ const TreeControl = /* @__PURE__ */ defineComponent({
             data
           }) => {
             var _a, _b;
+            if (this.newNodeKey === data._id)
+              return this.renderNewNode();
             const nodeData = this.findNodeData(data._uuid, this.c);
             if (!nodeData) {
               return null;
@@ -725,7 +784,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
               "class": [this.ns.b("node"), nodeData._disableSelect ? this.ns.bm("node", "disabled") : "", (_b = nodeModel.sysCss) == null ? void 0 : _b.cssName]
             }, [content, this.renderCounter(nodeModel), this.renderContextMenu(nodeModel, nodeData)]);
           }
-        }), this.renderNewNode(), this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? createVNode("ion-icon", {
+        }), !this.newNodeData && this.renderNewNode(), 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-grid/index.d.ts

@@ -4,11 +4,11 @@ export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").Typ
         required: true;
     };
     context: {
-        type: import("vue").PropType<IContext>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: import("vue").PropType<IParams>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
@@ -32,10 +32,10 @@ export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").Typ
     };
     data: {
         type: {
-            (arrayLength: number): IData[];
-            (...items: IData[]): IData[];
-            new (arrayLength: number): IData[];
-            new (...items: IData[]): IData[];
+            (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
+            new (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            new (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -55,18 +55,18 @@ export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").Typ
     c: import("@ibiz-template/runtime").TreeGridController<import("@ibiz/model-core").IDEGrid, import("@ibiz-template/runtime").ITreeGridState, import("@ibiz-template/runtime").ITreeGridEvent>;
     ns: import("@ibiz-template/core").Namespace;
     ns2: import("@ibiz-template/core").Namespace;
-    tableRef: import("vue").Ref<IData | undefined>;
-    tableData: import("vue").Ref<IData>;
+    tableRef: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
+    tableData: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     renderColumns: import("vue").Ref<import("@ibiz/model-core").IDEGridColumn[]>;
     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<IData>;
+    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: IData, event: MouseEvent) => Promise<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: IData;
+        _column: import("@ibiz-template/core").IApiData;
         prop: string;
         order: "ascending" | "descending";
     }) => void;
@@ -74,33 +74,33 @@ export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").Typ
     onPageSizeChange: (size: number) => void;
     onPageRefresh: () => void;
     handleRowClassName: ({ row }: {
-        row: IData;
+        row: import("@ibiz-template/core").IApiData;
     }) => string;
     renderNoData: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null;
-    loadData: (item: IData, _row: unknown, callback: (nodes: IData[]) => void) => Promise<void>;
+    loadData: (item: import("@ibiz-template/core").IApiData, _row: unknown, callback: (nodes: import("@ibiz-template/core").IApiData[]) => void) => Promise<void>;
     summaryMethod: ({ columns, }: {
-        columns: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<IData>[];
-        data: IData[];
+        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: IData) => void;
+    headerDragend: (newWidth: number, oldWidth: number, column: import("@ibiz-template/core").IApiData) => void;
     renderPopover: () => JSX.Element[];
     renderBatchToolBar: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | undefined;
-    headerCssVars: IData;
+    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>;
         required: true;
     };
     context: {
-        type: import("vue").PropType<IContext>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: import("vue").PropType<IParams>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
@@ -124,10 +124,10 @@ export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").Typ
     };
     data: {
         type: {
-            (arrayLength: number): IData[];
-            (...items: IData[]): IData[];
-            new (arrayLength: number): IData[];
-            new (...items: IData[]): IData[];
+            (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
+            new (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            new (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -144,7 +144,7 @@ export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").Typ
         default: boolean;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
     rowEditOpen: boolean;