@ibiz-template/vue3-components 0.7.34 → 0.7.38-alpha.12

package/es/control/tree/tree.mjs

@@ -67,9 +67,17 @@ const TreeControl = /* @__PURE__ */ defineComponent({
     checkStrictly: {
       type: Boolean,
       default: true
+    },
+    isSimple: {
+      type: Boolean,
+      default: false
+    },
+    data: {
+      type: Array,
+      default: () => []
     }
   },
-  setup() {
+  setup(props) {
     const c = useControlController((...args) => new TreeController(...args));
     const cascadeSelect = ref(false);
     const counterData = reactive({});
@@ -169,7 +177,31 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         treeRefreshKey.value = createUUID();
       }
     });
+    watch(() => c.state.expandedKeys, () => {
+      updateUI();
+    }, {
+      deep: true
+    });
     const loadData = async (item, callback) => {
+      if (props.isSimple) {
+        let nodes2 = [];
+        if (item.level === 0) {
+          const tempNodes = props.data.find((_item) => {
+            return _item.isRoot;
+          });
+          if (tempNodes) {
+            nodes2 = [tempNodes];
+          }
+        } else {
+          nodes2 = props.data.filter((_item) => {
+            return _item._pid.includes(item.data._uuid);
+          });
+        }
+        item._children = nodes2;
+        callback(toElNodes(nodes2));
+        updateUI();
+        return;
+      }
       let nodes;
       if (item.level === 0) {
         nodes = treeData.value;
@@ -266,7 +298,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
     const calcContextMenuItems = (toolbarItems, nodeData, evt, menuState) => {
       const result = [];
       toolbarItems.forEach((item) => {
-        var _a;
+        var _a, _b;
         if (item.itemType === "SEPERATOR") {
           result.push({
             divided: "self"
@@ -277,7 +309,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         if (buttonState && !buttonState.visible) {
           return;
         }
-        const menuItem = {};
+        let menuItem = {};
         if (item.showCaption && item.caption) {
           menuItem.label = item.caption;
         }
@@ -307,11 +339,55 @@ const TreeControl = /* @__PURE__ */ defineComponent({
             }, null);
           }
         } else if (item.itemType === "ITEMS") {
-          if ((_a = item.detoolbarItems) == null ? void 0 : _a.length) {
-            menuItem.children = calcContextMenuItems(item.detoolbarItems, nodeData, evt, menuState);
+          const group = item;
+          if ((_a = group.detoolbarItems) == null ? void 0 : _a.length) {
+            menuItem.children = calcContextMenuItems(group.detoolbarItems, nodeData, evt, menuState);
           }
+          if (group.uiactionGroup && group.groupExtractMode) {
+            const menuItems = (_b = group.uiactionGroup.uiactionGroupDetails) == null ? void 0 : _b.filter((detail) => {
+              const detailState = menuState[detail.id];
+              return detailState.visible;
+            }).map((detail) => {
+              const detailState = menuState[detail.id];
+              const {
+                sysImage
+              } = detail;
+              return {
+                label: detail.showCaption ? detail.caption : void 0,
+                icon: detail.showIcon ? createVNode(iBizIcon, {
+                  "icon": sysImage
+                }, null) : void 0,
+                disabled: detailState.disabled,
+                clickableWhenHasChildren: true,
+                onClick: () => {
+                  ContextMenu.closeContextMenu();
+                  c.doUIAction(detail.uiactionId, nodeData, evt, detail.appId);
+                }
+              };
+            });
+            switch (group.groupExtractMode) {
+              case "ITEMS":
+                menuItem.children = menuItems;
+                break;
+              case "ITEMX":
+                if (menuItems) {
+                  menuItem = menuItems[0];
+                  menuItem.children = menuItems.slice(1);
+                }
+                break;
+              case "ITEM":
+              default:
+                menuItem = void 0;
+                if (menuItems) {
+                  result.push(...menuItems);
+                }
+                break;
+            }
+          }
+        }
+        if (menuItem) {
+          result.push(menuItem);
         }
-        result.push(menuItem);
       });
       return result;
     };
@@ -358,7 +434,14 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       }, null);
     };
     const updateNodeExpand = (data, expanded) => {
-      const nodeData = findNodeData(data._uuid, c);
+      let nodeData;
+      if (props.isSimple) {
+        nodeData = props.data.find((item) => {
+          return item._uuid === data._uuid;
+        });
+      } else {
+        nodeData = findNodeData(data._uuid, c);
+      }
       if (!nodeData) {
         throw new RuntimeError(ibiz.i18n.t("control.common.noFoundNode", {
           id: data._uuid

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

@@ -0,0 +1,13 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 树适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class TreeProvider
+ * @implements {IControlProvider}
+ */
+export declare class TreeProvider implements IControlProvider {
+    component: string;
+}

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

@@ -0,0 +1,154 @@
+export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEGrid>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    rowEditOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    isSimple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    data: {
+        type: {
+            (arrayLength: number): IData[];
+            (...items: IData[]): IData[];
+            new (arrayLength: number): IData[];
+            new (...items: IData[]): IData[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: false;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    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>;
+    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>;
+    onDbRowClick: (data: import("@ibiz-template/runtime").ControlVO) => void;
+    onRowClick: (data: import("@ibiz-template/runtime").ControlVO, _column: IData, event: MouseEvent) => Promise<void>;
+    onSelectionChange: (selection: import("@ibiz-template/runtime").ControlVO[]) => void;
+    onSortChange: (opts: {
+        _column: IData;
+        prop: string;
+        order: "ascending" | "descending";
+    }) => void;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (size: number) => void;
+    onPageRefresh: () => void;
+    handleRowClassName: ({ row }: {
+        row: IData;
+    }) => 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>;
+    summaryMethod: ({ columns, }: {
+        columns: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<IData>[];
+        data: IData[];
+    }) => string[];
+    headerDragend: (newWidth: number, oldWidth: number, column: IData) => void;
+    renderPopover: () => JSX.Element[];
+    renderBatchToolBar: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | undefined;
+    headerCssVars: IData;
+}, 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>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    rowEditOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    isSimple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    data: {
+        type: {
+            (arrayLength: number): IData[];
+            (...items: IData[]): IData[];
+            new (arrayLength: number): IData[];
+            new (...items: IData[]): IData[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: false;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: IParams;
+    mdctrlActiveMode: number;
+    singleSelect: boolean;
+    rowEditOpen: boolean;
+    isSimple: boolean;
+    loadDefault: boolean;
+}, {}>>;
+export default IBizTreeGridControl;

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

@@ -0,0 +1,166 @@
+import { PropType, VNode } from 'vue';
+import { IDEGridColumn } from '@ibiz/model-core';
+import { IControlProvider, TreeGridController } from '@ibiz-template/runtime';
+export declare const TreeGridControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<import("@ibiz/model-core").IDEGrid>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    /**
+     * 部件行数据默认激活模式
+     * - 0 不激活
+     * - 1 单击激活
+     * - 2 双击激活(默认值)
+     *
+     * @type {(number | 0 | 1 | 2)}
+     */
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    rowEditOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    isSimple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    data: {
+        type: {
+            (arrayLength: number): IData[];
+            (...items: IData[]): IData[];
+            new (arrayLength: number): IData[];
+            new (...items: IData[]): IData[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: false;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    c: 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>;
+    renderColumns: import("vue").Ref<IDEGridColumn[]>;
+    renderColumn: (model: IDEGridColumn, index: number) => VNode | null;
+    defaultSort: import("vue").Ref<IData>;
+    onDbRowClick: (data: import("@ibiz-template/runtime").ControlVO) => void;
+    onRowClick: (data: import("@ibiz-template/runtime").ControlVO, _column: IData, event: MouseEvent) => Promise<void>;
+    onSelectionChange: (selection: import("@ibiz-template/runtime").ControlVO[]) => void;
+    onSortChange: (opts: {
+        _column: IData;
+        prop: string;
+        order: "ascending" | "descending";
+    }) => void;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (size: number) => void;
+    onPageRefresh: () => void;
+    handleRowClassName: ({ row }: {
+        row: IData;
+    }) => string;
+    renderNoData: () => VNode | null;
+    loadData: (item: IData, _row: unknown, callback: (nodes: IData[]) => void) => Promise<void>;
+    summaryMethod: ({ columns, }: {
+        columns: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<IData>[];
+        data: IData[];
+    }) => string[];
+    headerDragend: (newWidth: number, oldWidth: number, column: IData) => void;
+    renderPopover: () => JSX.Element[];
+    renderBatchToolBar: () => VNode | undefined;
+    headerCssVars: IData;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<import("@ibiz/model-core").IDEGrid>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    /**
+     * 部件行数据默认激活模式
+     * - 0 不激活
+     * - 1 单击激活
+     * - 2 双击激活(默认值)
+     *
+     * @type {(number | 0 | 1 | 2)}
+     */
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    rowEditOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    isSimple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    data: {
+        type: {
+            (arrayLength: number): IData[];
+            (...items: IData[]): IData[];
+            new (arrayLength: number): IData[];
+            new (...items: IData[]): IData[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: false;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: IParams;
+    mdctrlActiveMode: number;
+    singleSelect: boolean;
+    rowEditOpen: boolean;
+    isSimple: boolean;
+    loadDefault: boolean;
+}, {}>;

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createVNode, resolveComponent, createTextVNode, renderSlot } from 'vue';
+import { defineComponent, createVNode, resolveComponent, createTextVNode, renderSlot } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { TreeGridController } from '@ibiz-template/runtime';
 import { useRowEditPopover } from '../grid/row-edit-popover/use-row-edit-popover.mjs';
@@ -90,29 +90,6 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
     const {
       headerCssVars
     } = useGridHeaderStyle(tableRef, ns);
-    const getTreeGridDataItem = (data) => {
-      const tempData = data.clone();
-      tempData.hasChildren = c.state.items.some((item) => data[c.treeGridValueField] === item[c.treeGridParentField]);
-      tempData.children = [];
-      return tempData;
-    };
-    const treeGirdData = computed(() => {
-      const treeGirdItems = c.state.rows.map((row) => getTreeGridDataItem(row.data));
-      const rootNodes = [];
-      const ids = [];
-      treeGirdItems.forEach((item) => {
-        const id = item[c.treeGridValueField];
-        if (id) {
-          ids.push(id);
-        }
-      });
-      treeGirdItems.forEach((item) => {
-        if (!ids.includes(item[c.treeGridParentField])) {
-          rootNodes.push(item);
-        }
-      });
-      return rootNodes;
-    });
     const renderNoData = () => {
       var _a;
       const {
@@ -136,8 +113,9 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
       return null;
     };
     const loadData = async (item, _row, callback) => {
-      const treeGirdItems = c.state.rows.map((row) => getTreeGridDataItem(row.data));
+      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);
     };
     const renderBatchToolBar = () => {
@@ -179,7 +157,6 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
       ns,
       ns2,
       tableRef,
-      treeGirdData,
       tableData,
       renderColumns,
       renderColumn,
@@ -223,7 +200,7 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
         "highlight-current-row": state.singleSelect,
         "row-class-name": this.handleRowClassName,
         "row-key": "srfkey",
-        "data": this.c.state.showTreeGrid ? this.treeGirdData : this.tableData,
+        "data": this.c.state.showTreeGrid ? state.treeGirdData : this.tableData,
         "onRowClick": this.onRowClick,
         "onRowDblclick": this.onDbRowClick,
         "onSelectionChange": this.onSelectionChange,

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

@@ -0,0 +1,13 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 表格适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class GridProvider
+ * @implements {IControlProvider}
+ */
+export declare class TreeGridProvider implements IControlProvider {
+    component: string;
+}

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

@@ -0,0 +1,53 @@
+export declare const IBizTreeGridExControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDETree>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+}, {
+    c: import("@ibiz-template/runtime").TreeGridExController<import("@ibiz/model-core").IDETree, import("@ibiz-template/runtime").ITreeGridExState, import("@ibiz-template/runtime").ITreeGridExEvent>;
+    ns: import("@ibiz-template/core").Namespace;
+    tableRef: import("vue").Ref<IData | undefined>;
+    elTableData: import("vue").ComputedRef<IData[]>;
+    renderColumns: import("vue").ComputedRef<import("@ibiz/model-core").IDETreeColumn[]>;
+    tableRefreshKey: import("vue").Ref<string>;
+    renderNoData: () => false | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    loadData: (item: IData, treeNode: unknown, callback: (nodes: IData[]) => void) => Promise<void>;
+    onRowClick: (data: IData, _column: IData, event: MouseEvent) => Promise<void>;
+    onExpandChange: (row: IData, expanded: boolean) => void;
+    renderPopover: () => JSX.Element[];
+    handleRowClassName: ({ row }: {
+        row: IData;
+    }) => 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").IDETree>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+}>>, {
+    params: IParams;
+}, {}>>;
+export default IBizTreeGridExControl;

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

@@ -0,0 +1,3 @@
+export * from './tree-grid-ex-field-column';
+export * from './tree-grid-ex-edit-column/tree-grid-ex-edit-column';
+export * from './tree-grid-ex-ua-column';

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

@@ -0,0 +1,15 @@
+import { TreeGridExNodeColumnController, TreeGridExRowState } from '@ibiz-template/runtime';
+import { Ref } from 'vue';
+export declare function useAllEdit(props: {
+    readonly row: TreeGridExRowState;
+    readonly controller: TreeGridExNodeColumnController;
+}, _componentRef: Ref<any>): {
+    gridEditItemProps: {
+        stopPropagation: boolean;
+    };
+    editorProps: {
+        disabled: boolean;
+        readonly: boolean;
+        onBlur: () => void;
+    };
+};

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/cell-edit.d.ts

@@ -0,0 +1,19 @@
+import { TreeGridExNodeColumnController, TreeGridExRowState } from '@ibiz-template/runtime';
+import { Ref } from 'vue';
+export declare function useCellEdit(props: {
+    readonly row: TreeGridExRowState;
+    readonly controller: TreeGridExNodeColumnController;
+}, componentRef: Ref<any>): {
+    gridEditItemProps: {
+        showEditMask: boolean;
+        stopPropagation: boolean;
+        onMaskClick: () => void;
+    };
+    editorProps: {
+        autoFocus: boolean;
+        disabled: boolean;
+        readonly: boolean;
+        onBlur: () => void;
+        onFocus: () => void;
+    };
+};

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/row-edit.d.ts

@@ -0,0 +1,14 @@
+import { TreeGridExNodeColumnController, TreeGridExRowState } from '@ibiz-template/runtime';
+import { Ref } from 'vue';
+export declare function useRowEdit(props: {
+    readonly row: TreeGridExRowState;
+    readonly controller: TreeGridExNodeColumnController;
+}, _componentRef: Ref<any>): {
+    gridEditItemProps: {
+        stopPropagation: boolean;
+    };
+    editorProps: {
+        disabled: boolean;
+        readonly: boolean;
+    };
+};