@das-fed/ui 6.4.0-hot.33 → 6.4.0-hot.34

package/packages/components/tree-v2/index.d.ts

@@ -1,8 +1,181 @@
 declare const DasTreeV2: import("@das-fed/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
-        [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-    }>, {
-        treeRef: import("vue").Ref<any, any>;
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        props: {
+            type: import("vue").PropType<import("./src/type.js").TreeOptionProps>;
+            default: () => {};
+        };
+        search: {
+            type: import("vue").PropType<(text: string) => Promise<any>>;
+        };
+        data: {
+            type: import("vue").PropType<any[]>;
+            default: () => never[];
+        };
+        path: {
+            type: import("vue").PropType<string | string[]>;
+        };
+        filterNodeMethod: {
+            type: import("vue").PropType<(value: string, data: Record<string, any>) => boolean>;
+        };
+        modelValue: {
+            type: import("vue").PropType<string | number | any[]>;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+        };
+        nodeKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        height: {
+            type: import("vue").PropType<string | number>;
+        };
+        isEllipsis: {
+            type: import("vue").PropType<boolean>;
+        };
+        draggable: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        allowDrag: {
+            type: import("vue").PropType<(node: any) => boolean>;
+        };
+        currentNodeKey: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
+        defaultCheckedKeys: {
+            type: import("vue").PropType<string[] | number[]>;
+        };
+        defaultExpandedKeys: {
+            type: import("vue").PropType<string[] | number[]>;
+            default: () => never[];
+        };
+        defaultExpandedPaths: {
+            type: import("vue").PropType<string[] | number[]>;
+            default: () => never[];
+        };
+        defaultExpandRoot: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        expandOnClickNode: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
+        checkStrictly: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
+        parentLinkChildrenStrictly: {
+            type: import("vue").PropType<boolean>;
+        };
+        getGrandChildren: {
+            type: import("vue").PropType<(data?: any) => Promise<any>>;
+        };
+        childLinkParentStrictly: {
+            type: import("vue").PropType<boolean>;
+        };
+        showCheckbox: {
+            type: import("vue").PropType<boolean>;
+        };
+        hideRootCheckbox: {
+            type: import("vue").PropType<boolean>;
+        };
+        showOperations: {
+            type: import("vue").PropType<boolean>;
+        };
+        operations: {
+            type: import("vue").PropType<import("./src/type.js").operationsType[] | ((node: any, data: any) => Array<import("./src/type.js").operationsType>)>;
+        };
+        mergeOprations: {
+            type: import("vue").PropType<{
+                list?: Array<import("./src/type.js").operationsType> | ((node: any, data: any) => Array<import("./src/type.js").operationsType>);
+                position?: "top" | "bottom" | ((node: any, data: any) => "top" | "bottom");
+            }>;
+        };
+        operationsLayout: {
+            type: import("vue").PropType<string | ((node: any, data: any) => string)>;
+            default: string;
+        };
+        operationsLabel: {
+            type: import("vue").PropType<{
+                add?: string | ((node: any, data: any) => string | undefined);
+                addItem?: string | ((node: any, data: any) => string | undefined);
+                edit?: string | ((node: any, data: any) => string | undefined);
+                delete?: string | ((node: any, data: any) => string | undefined);
+            }>;
+        };
+        maxNodeLevel: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        showFilterInput: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isFilter: {
+            type: import("vue").PropType<boolean>;
+        };
+        filterValue: {
+            type: import("vue").PropType<string>;
+        };
+        filterItemClass: {
+            type: import("vue").PropType<string | ((data: any, index: number) => string | undefined)>;
+        };
+        inputOptions: {
+            type: import("vue").PropType<any>;
+            default: () => {};
+        };
+        emptyText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        searchEmptyText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        rootNodeId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        load: {
+            type: import("vue").PropType<(data: any, level: number) => Promise<any>>;
+        };
+        renderDom: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        overlayZIndex: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        keepSelected: {
+            type: import("vue").PropType<boolean>;
+        };
+        notAutoresetLazyLoad: {
+            type: import("vue").PropType<boolean>;
+        };
+        changeNodeConfirm: {
+            type: import("vue").PropType<(item: any) => Promise<any>>;
+        };
+    }>> & {
+        onChange?: ((value: string | string[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number | any[]) => any) | undefined;
+        "onUpdate:filterValue"?: ((value: string) => any) | undefined;
+        "onUpdate:path"?: ((value: string | string[]) => any) | undefined;
+        "onFilter-value-change"?: ((value: string) => any) | undefined;
+        "onFilter-node-click"?: ((item: any) => any) | undefined;
+        "onNode-change"?: ((item: any) => any) | undefined;
+        onHandleOperation?: ((item: any, node: any, data: any) => any) | undefined;
+        "onCheck-node-change"?: ((checkVal: any[], item: any, isCheck: boolean) => any) | undefined;
+        "onNode-click"?: ((item: any, node: any) => any) | undefined;
+        "onNode-db-click"?: ((item: any, node: any) => any) | undefined;
+        "onCurrent-change"?: ((item: any, node: any) => any) | undefined;
+        "onNode-drop"?: ((draggingData: any, dropAfterData: any, dropBeforeData: any) => any) | undefined;
+    }, {
+        treeRef: import("vue").Ref<any>;
         treeIsEmpty: import("vue").ComputedRef<boolean>;
         findSelectableParentNode: (node: any, parentIdProps?: string) => any;
         childLinkParent: (node: any, isCheck: boolean) => void;
@@ -14,15 +187,201 @@ declare const DasTreeV2: import("@das-fed/utils").SFCWithInstall<{
         handleSearch: () => Promise<void>;
         getGrandChildrenFn: (data: any) => Promise<any>;
         setData: (data?: any[]) => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        [x: string]: any;
-    } & {
-        [x: string]: any;
-    }, import("vue").PublicProps, {
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:filterValue": (value: string) => void;
+        "update:modelValue": (value: string | number | any[]) => void;
+        "update:path": (value: string | string[]) => void;
+        change: (value: string | string[]) => void;
+        handleOperation: (item: any, node: any, data: any) => void;
+        "filter-value-change": (value: string) => void;
+        "filter-node-click": (item: any) => void;
+        "node-change": (item: any) => void;
+        "node-click": (item: any, node: any) => void;
+        "node-db-click": (item: any, node: any) => void;
+        "current-change": (item: any, node: any) => void;
+        "check-node-change": (checkVal: any[], item: any, isCheck: boolean) => void;
+        "node-drop": (draggingData: any, dropAfterData: any, dropBeforeData: any) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        props: {
+            type: import("vue").PropType<import("./src/type.js").TreeOptionProps>;
+            default: () => {};
+        };
+        search: {
+            type: import("vue").PropType<(text: string) => Promise<any>>;
+        };
+        data: {
+            type: import("vue").PropType<any[]>;
+            default: () => never[];
+        };
+        path: {
+            type: import("vue").PropType<string | string[]>;
+        };
+        filterNodeMethod: {
+            type: import("vue").PropType<(value: string, data: Record<string, any>) => boolean>;
+        };
+        modelValue: {
+            type: import("vue").PropType<string | number | any[]>;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+        };
+        nodeKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        height: {
+            type: import("vue").PropType<string | number>;
+        };
+        isEllipsis: {
+            type: import("vue").PropType<boolean>;
+        };
+        draggable: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        allowDrag: {
+            type: import("vue").PropType<(node: any) => boolean>;
+        };
+        currentNodeKey: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
+        defaultCheckedKeys: {
+            type: import("vue").PropType<string[] | number[]>;
+        };
+        defaultExpandedKeys: {
+            type: import("vue").PropType<string[] | number[]>;
+            default: () => never[];
+        };
+        defaultExpandedPaths: {
+            type: import("vue").PropType<string[] | number[]>;
+            default: () => never[];
+        };
+        defaultExpandRoot: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        expandOnClickNode: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
+        checkStrictly: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
+        parentLinkChildrenStrictly: {
+            type: import("vue").PropType<boolean>;
+        };
+        getGrandChildren: {
+            type: import("vue").PropType<(data?: any) => Promise<any>>;
+        };
+        childLinkParentStrictly: {
+            type: import("vue").PropType<boolean>;
+        };
+        showCheckbox: {
+            type: import("vue").PropType<boolean>;
+        };
+        hideRootCheckbox: {
+            type: import("vue").PropType<boolean>;
+        };
+        showOperations: {
+            type: import("vue").PropType<boolean>;
+        };
+        operations: {
+            type: import("vue").PropType<import("./src/type.js").operationsType[] | ((node: any, data: any) => Array<import("./src/type.js").operationsType>)>;
+        };
+        mergeOprations: {
+            type: import("vue").PropType<{
+                list?: Array<import("./src/type.js").operationsType> | ((node: any, data: any) => Array<import("./src/type.js").operationsType>);
+                position?: "top" | "bottom" | ((node: any, data: any) => "top" | "bottom");
+            }>;
+        };
+        operationsLayout: {
+            type: import("vue").PropType<string | ((node: any, data: any) => string)>;
+            default: string;
+        };
+        operationsLabel: {
+            type: import("vue").PropType<{
+                add?: string | ((node: any, data: any) => string | undefined);
+                addItem?: string | ((node: any, data: any) => string | undefined);
+                edit?: string | ((node: any, data: any) => string | undefined);
+                delete?: string | ((node: any, data: any) => string | undefined);
+            }>;
+        };
+        maxNodeLevel: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        showFilterInput: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isFilter: {
+            type: import("vue").PropType<boolean>;
+        };
+        filterValue: {
+            type: import("vue").PropType<string>;
+        };
+        filterItemClass: {
+            type: import("vue").PropType<string | ((data: any, index: number) => string | undefined)>;
+        };
+        inputOptions: {
+            type: import("vue").PropType<any>;
+            default: () => {};
+        };
+        emptyText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        searchEmptyText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        rootNodeId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        load: {
+            type: import("vue").PropType<(data: any, level: number) => Promise<any>>;
+        };
+        renderDom: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        overlayZIndex: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        keepSelected: {
+            type: import("vue").PropType<boolean>;
+        };
+        notAutoresetLazyLoad: {
+            type: import("vue").PropType<boolean>;
+        };
+        changeNodeConfirm: {
+            type: import("vue").PropType<(item: any) => Promise<any>>;
+        };
+    }>> & {
+        onChange?: ((value: string | string[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number | any[]) => any) | undefined;
+        "onUpdate:filterValue"?: ((value: string) => any) | undefined;
+        "onUpdate:path"?: ((value: string | string[]) => any) | undefined;
+        "onFilter-value-change"?: ((value: string) => any) | undefined;
+        "onFilter-node-click"?: ((item: any) => any) | undefined;
+        "onNode-change"?: ((item: any) => any) | undefined;
+        onHandleOperation?: ((item: any, node: any, data: any) => any) | undefined;
+        "onCheck-node-change"?: ((checkVal: any[], item: any, isCheck: boolean) => any) | undefined;
+        "onNode-click"?: ((item: any, node: any) => any) | undefined;
+        "onNode-db-click"?: ((item: any, node: any) => any) | undefined;
+        "onCurrent-change"?: ((item: any, node: any) => any) | undefined;
+        "onNode-drop"?: ((draggingData: any, dropAfterData: any, dropBeforeData: any) => any) | undefined;
+    }, {
         props: import("./src/type.js").TreeOptionProps;
         data: any[];
         modelValue: string | number | any[];
         nodeKey: string;
+        draggable: boolean;
         currentNodeKey: string | number;
         defaultExpandedKeys: string[] | number[];
         defaultExpandedPaths: string[] | number[];
@@ -38,17 +397,190 @@ declare const DasTreeV2: import("@das-fed/utils").SFCWithInstall<{
         rootNodeId: string;
         renderDom: boolean;
         overlayZIndex: string;
-    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }, true, {}, {}, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("./src/type.js").Props> & Readonly<{
-        [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-    }>, {
-        treeRef: import("vue").Ref<any, any>;
+    }, Readonly<import("vue").ExtractPropTypes<{
+        props: {
+            type: import("vue").PropType<import("./src/type.js").TreeOptionProps>;
+            default: () => {};
+        };
+        search: {
+            type: import("vue").PropType<(text: string) => Promise<any>>;
+        };
+        data: {
+            type: import("vue").PropType<any[]>;
+            default: () => never[];
+        };
+        path: {
+            type: import("vue").PropType<string | string[]>;
+        };
+        filterNodeMethod: {
+            type: import("vue").PropType<(value: string, data: Record<string, any>) => boolean>;
+        };
+        modelValue: {
+            type: import("vue").PropType<string | number | any[]>;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+        };
+        nodeKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        height: {
+            type: import("vue").PropType<string | number>;
+        };
+        isEllipsis: {
+            type: import("vue").PropType<boolean>;
+        };
+        draggable: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        allowDrag: {
+            type: import("vue").PropType<(node: any) => boolean>;
+        };
+        currentNodeKey: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
+        defaultCheckedKeys: {
+            type: import("vue").PropType<string[] | number[]>;
+        };
+        defaultExpandedKeys: {
+            type: import("vue").PropType<string[] | number[]>;
+            default: () => never[];
+        };
+        defaultExpandedPaths: {
+            type: import("vue").PropType<string[] | number[]>;
+            default: () => never[];
+        };
+        defaultExpandRoot: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        expandOnClickNode: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
+        checkStrictly: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
+        parentLinkChildrenStrictly: {
+            type: import("vue").PropType<boolean>;
+        };
+        getGrandChildren: {
+            type: import("vue").PropType<(data?: any) => Promise<any>>;
+        };
+        childLinkParentStrictly: {
+            type: import("vue").PropType<boolean>;
+        };
+        showCheckbox: {
+            type: import("vue").PropType<boolean>;
+        };
+        hideRootCheckbox: {
+            type: import("vue").PropType<boolean>;
+        };
+        showOperations: {
+            type: import("vue").PropType<boolean>;
+        };
+        operations: {
+            type: import("vue").PropType<import("./src/type.js").operationsType[] | ((node: any, data: any) => Array<import("./src/type.js").operationsType>)>;
+        };
+        mergeOprations: {
+            type: import("vue").PropType<{
+                list?: Array<import("./src/type.js").operationsType> | ((node: any, data: any) => Array<import("./src/type.js").operationsType>);
+                position?: "top" | "bottom" | ((node: any, data: any) => "top" | "bottom");
+            }>;
+        };
+        operationsLayout: {
+            type: import("vue").PropType<string | ((node: any, data: any) => string)>;
+            default: string;
+        };
+        operationsLabel: {
+            type: import("vue").PropType<{
+                add?: string | ((node: any, data: any) => string | undefined);
+                addItem?: string | ((node: any, data: any) => string | undefined);
+                edit?: string | ((node: any, data: any) => string | undefined);
+                delete?: string | ((node: any, data: any) => string | undefined);
+            }>;
+        };
+        maxNodeLevel: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        showFilterInput: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isFilter: {
+            type: import("vue").PropType<boolean>;
+        };
+        filterValue: {
+            type: import("vue").PropType<string>;
+        };
+        filterItemClass: {
+            type: import("vue").PropType<string | ((data: any, index: number) => string | undefined)>;
+        };
+        inputOptions: {
+            type: import("vue").PropType<any>;
+            default: () => {};
+        };
+        emptyText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        searchEmptyText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        rootNodeId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        load: {
+            type: import("vue").PropType<(data: any, level: number) => Promise<any>>;
+        };
+        renderDom: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        overlayZIndex: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        keepSelected: {
+            type: import("vue").PropType<boolean>;
+        };
+        notAutoresetLazyLoad: {
+            type: import("vue").PropType<boolean>;
+        };
+        changeNodeConfirm: {
+            type: import("vue").PropType<(item: any) => Promise<any>>;
+        };
+    }>> & {
+        onChange?: ((value: string | string[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number | any[]) => any) | undefined;
+        "onUpdate:filterValue"?: ((value: string) => any) | undefined;
+        "onUpdate:path"?: ((value: string | string[]) => any) | undefined;
+        "onFilter-value-change"?: ((value: string) => any) | undefined;
+        "onFilter-node-click"?: ((item: any) => any) | undefined;
+        "onNode-change"?: ((item: any) => any) | undefined;
+        onHandleOperation?: ((item: any, node: any, data: any) => any) | undefined;
+        "onCheck-node-change"?: ((checkVal: any[], item: any, isCheck: boolean) => any) | undefined;
+        "onNode-click"?: ((item: any, node: any) => any) | undefined;
+        "onNode-db-click"?: ((item: any, node: any) => any) | undefined;
+        "onCurrent-change"?: ((item: any, node: any) => any) | undefined;
+        "onNode-drop"?: ((draggingData: any, dropAfterData: any, dropBeforeData: any) => any) | undefined;
+    }, {
+        treeRef: import("vue").Ref<any>;
         treeIsEmpty: import("vue").ComputedRef<boolean>;
         findSelectableParentNode: (node: any, parentIdProps?: string) => any;
         childLinkParent: (node: any, isCheck: boolean) => void;
@@ -65,6 +597,7 @@ declare const DasTreeV2: import("@das-fed/utils").SFCWithInstall<{
         data: any[];
         modelValue: string | number | any[];
         nodeKey: string;
+        draggable: boolean;
         currentNodeKey: string | number;
         defaultExpandedKeys: string[] | number[];
         defaultExpandedPaths: string[] | number[];
@@ -84,10 +617,183 @@ declare const DasTreeV2: import("@das-fed/utils").SFCWithInstall<{
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{
-    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-}>, {
-    treeRef: import("vue").Ref<any, any>;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    props: {
+        type: import("vue").PropType<import("./src/type.js").TreeOptionProps>;
+        default: () => {};
+    };
+    search: {
+        type: import("vue").PropType<(text: string) => Promise<any>>;
+    };
+    data: {
+        type: import("vue").PropType<any[]>;
+        default: () => never[];
+    };
+    path: {
+        type: import("vue").PropType<string | string[]>;
+    };
+    filterNodeMethod: {
+        type: import("vue").PropType<(value: string, data: Record<string, any>) => boolean>;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number | any[]>;
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+    };
+    nodeKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    height: {
+        type: import("vue").PropType<string | number>;
+    };
+    isEllipsis: {
+        type: import("vue").PropType<boolean>;
+    };
+    draggable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    allowDrag: {
+        type: import("vue").PropType<(node: any) => boolean>;
+    };
+    currentNodeKey: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    defaultCheckedKeys: {
+        type: import("vue").PropType<string[] | number[]>;
+    };
+    defaultExpandedKeys: {
+        type: import("vue").PropType<string[] | number[]>;
+        default: () => never[];
+    };
+    defaultExpandedPaths: {
+        type: import("vue").PropType<string[] | number[]>;
+        default: () => never[];
+    };
+    defaultExpandRoot: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    expandOnClickNode: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    checkStrictly: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    parentLinkChildrenStrictly: {
+        type: import("vue").PropType<boolean>;
+    };
+    getGrandChildren: {
+        type: import("vue").PropType<(data?: any) => Promise<any>>;
+    };
+    childLinkParentStrictly: {
+        type: import("vue").PropType<boolean>;
+    };
+    showCheckbox: {
+        type: import("vue").PropType<boolean>;
+    };
+    hideRootCheckbox: {
+        type: import("vue").PropType<boolean>;
+    };
+    showOperations: {
+        type: import("vue").PropType<boolean>;
+    };
+    operations: {
+        type: import("vue").PropType<import("./src/type.js").operationsType[] | ((node: any, data: any) => Array<import("./src/type.js").operationsType>)>;
+    };
+    mergeOprations: {
+        type: import("vue").PropType<{
+            list?: Array<import("./src/type.js").operationsType> | ((node: any, data: any) => Array<import("./src/type.js").operationsType>);
+            position?: "top" | "bottom" | ((node: any, data: any) => "top" | "bottom");
+        }>;
+    };
+    operationsLayout: {
+        type: import("vue").PropType<string | ((node: any, data: any) => string)>;
+        default: string;
+    };
+    operationsLabel: {
+        type: import("vue").PropType<{
+            add?: string | ((node: any, data: any) => string | undefined);
+            addItem?: string | ((node: any, data: any) => string | undefined);
+            edit?: string | ((node: any, data: any) => string | undefined);
+            delete?: string | ((node: any, data: any) => string | undefined);
+        }>;
+    };
+    maxNodeLevel: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    showFilterInput: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isFilter: {
+        type: import("vue").PropType<boolean>;
+    };
+    filterValue: {
+        type: import("vue").PropType<string>;
+    };
+    filterItemClass: {
+        type: import("vue").PropType<string | ((data: any, index: number) => string | undefined)>;
+    };
+    inputOptions: {
+        type: import("vue").PropType<any>;
+        default: () => {};
+    };
+    emptyText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    searchEmptyText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rootNodeId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    load: {
+        type: import("vue").PropType<(data: any, level: number) => Promise<any>>;
+    };
+    renderDom: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    overlayZIndex: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    keepSelected: {
+        type: import("vue").PropType<boolean>;
+    };
+    notAutoresetLazyLoad: {
+        type: import("vue").PropType<boolean>;
+    };
+    changeNodeConfirm: {
+        type: import("vue").PropType<(item: any) => Promise<any>>;
+    };
+}>> & {
+    onChange?: ((value: string | string[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | any[]) => any) | undefined;
+    "onUpdate:filterValue"?: ((value: string) => any) | undefined;
+    "onUpdate:path"?: ((value: string | string[]) => any) | undefined;
+    "onFilter-value-change"?: ((value: string) => any) | undefined;
+    "onFilter-node-click"?: ((item: any) => any) | undefined;
+    "onNode-change"?: ((item: any) => any) | undefined;
+    onHandleOperation?: ((item: any, node: any, data: any) => any) | undefined;
+    "onCheck-node-change"?: ((checkVal: any[], item: any, isCheck: boolean) => any) | undefined;
+    "onNode-click"?: ((item: any, node: any) => any) | undefined;
+    "onNode-db-click"?: ((item: any, node: any) => any) | undefined;
+    "onCurrent-change"?: ((item: any, node: any) => any) | undefined;
+    "onNode-drop"?: ((draggingData: any, dropAfterData: any, dropBeforeData: any) => any) | undefined;
+}, {
+    treeRef: import("vue").Ref<any>;
     treeIsEmpty: import("vue").ComputedRef<boolean>;
     findSelectableParentNode: (node: any, parentIdProps?: string) => any;
     childLinkParent: (node: any, isCheck: boolean) => void;
@@ -99,15 +805,26 @@ declare const DasTreeV2: import("@das-fed/utils").SFCWithInstall<{
     handleSearch: () => Promise<void>;
     getGrandChildrenFn: (data: any) => Promise<any>;
     setData: (data?: any[]) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    [x: string]: any;
-} & {
-    [x: string]: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:filterValue": (value: string) => void;
+    "update:modelValue": (value: string | number | any[]) => void;
+    "update:path": (value: string | string[]) => void;
+    change: (value: string | string[]) => void;
+    handleOperation: (item: any, node: any, data: any) => void;
+    "filter-value-change": (value: string) => void;
+    "filter-node-click": (item: any) => void;
+    "node-change": (item: any) => void;
+    "node-click": (item: any, node: any) => void;
+    "node-db-click": (item: any, node: any) => void;
+    "current-change": (item: any, node: any) => void;
+    "check-node-change": (checkVal: any[], item: any, isCheck: boolean) => void;
+    "node-drop": (draggingData: any, dropAfterData: any, dropBeforeData: any) => void;
 }, string, {
     props: import("./src/type.js").TreeOptionProps;
     data: any[];
     modelValue: string | number | any[];
     nodeKey: string;
+    draggable: boolean;
     currentNodeKey: string | number;
     defaultExpandedKeys: string[] | number[];
     defaultExpandedPaths: string[] | number[];
@@ -123,7 +840,7 @@ declare const DasTreeV2: import("@das-fed/utils").SFCWithInstall<{
     rootNodeId: string;
     renderDom: boolean;
     overlayZIndex: string;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         prefix?(_: {}): any;
         suffix?(_: {}): any;
@@ -168,99 +885,12 @@ declare const DasTreeV2: import("@das-fed/utils").SFCWithInstall<{
 declare const DasTreeV2Ref: () => import("vue").Ref<({
     $: import("vue").ComponentInternalInstance;
     $data: {};
-    $props: {
-        readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-        readonly data?: any[] | undefined;
-        readonly loading?: boolean | undefined;
-        readonly nodeKey?: string | undefined;
-        readonly modelValue?: (string | number | any[]) | undefined;
-        readonly path?: (string | string[]) | undefined;
-        readonly height?: (string | number) | undefined;
-        readonly isEllipsis?: boolean | undefined;
-        readonly draggable?: boolean | undefined;
-        readonly allowDrag?: ((node: any) => boolean) | undefined;
-        readonly currentNodeKey?: (string | number) | undefined;
-        readonly defaultCheckedKeys?: (string[] | number[]) | undefined;
-        readonly defaultExpandedKeys?: (string[] | number[]) | undefined;
-        readonly defaultExpandedPaths?: (string[] | number[]) | undefined;
-        readonly defaultExpandRoot?: boolean | undefined;
-        readonly expandOnClickNode?: boolean | undefined;
-        readonly checkStrictly?: boolean | undefined;
-        readonly parentLinkChildrenStrictly?: boolean | undefined;
-        readonly getGrandChildren?: ((data?: any) => Promise<any>) | undefined;
-        readonly childLinkParentStrictly?: boolean | undefined;
-        readonly props?: import("./src/type.js").TreeOptionProps | undefined;
-        readonly showCheckbox?: boolean | undefined;
-        readonly hideRootCheckbox?: boolean | undefined;
-        readonly showOperations?: boolean | undefined;
-        readonly operations?: (Array<import("./src/type.js").operationsType> | ((node: any, data: any) => Array<import("./src/type.js").operationsType>)) | undefined;
-        readonly mergeOprations?: {
-            list?: Array<import("./src/type.js").operationsType> | ((node: any, data: any) => Array<import("./src/type.js").operationsType>);
-            position?: "top" | "bottom" | ((node: any, data: any) => "top" | "bottom");
-        } | undefined;
-        readonly operationsLayout?: (string | ((node: any, data: any) => string)) | undefined;
-        readonly operationsLabel?: {
-            add?: string | ((node: any, data: any) => string | undefined);
-            addItem?: string | ((node: any, data: any) => string | undefined);
-            edit?: string | ((node: any, data: any) => string | undefined);
-            delete?: string | ((node: any, data: any) => string | undefined);
-        } | undefined;
-        readonly maxNodeLevel?: (number | string) | undefined;
-        readonly showFilterInput?: boolean | undefined;
-        readonly isFilter?: boolean | undefined;
-        readonly filterNodeMethod?: ((value: string, data: Record<string, any>) => boolean) | undefined;
-        readonly filterValue?: string | undefined;
-        readonly filterItemClass?: (string | ((data: any, index: number) => string | undefined)) | undefined;
-        readonly inputOptions?: any;
-        readonly emptyText?: string | undefined;
-        readonly searchEmptyText?: string | undefined;
-        readonly rootNodeId?: string | undefined;
-        readonly load?: ((data: any, level: number) => Promise<any>) | undefined;
-        readonly search?: ((text: string) => Promise<any>) | undefined;
-        readonly renderDom?: boolean | undefined;
-        readonly overlayZIndex?: string | undefined;
-        readonly keepSelected?: boolean | undefined;
-        readonly notAutoresetLazyLoad?: boolean | undefined;
-        readonly changeNodeConfirm?: ((item: any) => Promise<any>) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    $attrs: {
-        [x: string]: unknown;
-    };
-    $refs: {
-        [x: string]: unknown;
-    };
-    $slots: Readonly<{
-        [name: string]: import("vue").Slot<any> | undefined;
-    }>;
-    $root: import("vue").ComponentPublicInstance | null;
-    $parent: import("vue").ComponentPublicInstance | null;
-    $host: Element | null;
-    $emit: (event: string, ...args: any[]) => void;
-    $el: any;
-    $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{
-        [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-    }>, {
-        treeRef: import("vue").Ref<any, any>;
-        treeIsEmpty: import("vue").ComputedRef<boolean>;
-        findSelectableParentNode: (node: any, parentIdProps?: string) => any;
-        childLinkParent: (node: any, isCheck: boolean) => void;
-        parentLinkChild: (node: any, isCheck: boolean) => void;
-        resetLazyLoad: () => Promise<boolean>;
-        autoExpand: () => Promise<boolean>;
-        searchClear: () => void;
-        filterSeach: () => void;
-        handleSearch: () => Promise<void>;
-        getGrandChildrenFn: (data: any) => Promise<any>;
-        setData: (data?: any[]) => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        [x: string]: any;
-    } & {
-        [x: string]: any;
-    }, string, {
+    $props: Partial<{
         props: import("./src/type.js").TreeOptionProps;
         data: any[];
         modelValue: string | number | any[];
         nodeKey: string;
+        draggable: boolean;
         currentNodeKey: string | number;
         defaultExpandedKeys: string[] | number[];
         defaultExpandedPaths: string[] | number[];
@@ -276,159 +906,248 @@ declare const DasTreeV2Ref: () => import("vue").Ref<({
         rootNodeId: string;
         renderDom: boolean;
         overlayZIndex: string;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
-        beforeCreate?: (() => void) | (() => void)[];
-        created?: (() => void) | (() => void)[];
-        beforeMount?: (() => void) | (() => void)[];
-        mounted?: (() => void) | (() => void)[];
-        beforeUpdate?: (() => void) | (() => void)[];
-        updated?: (() => void) | (() => void)[];
-        activated?: (() => void) | (() => void)[];
-        deactivated?: (() => void) | (() => void)[];
-        beforeDestroy?: (() => void) | (() => void)[];
-        beforeUnmount?: (() => void) | (() => void)[];
-        destroyed?: (() => void) | (() => void)[];
-        unmounted?: (() => void) | (() => void)[];
-        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
-    };
-    $forceUpdate: () => void;
-    $nextTick: typeof import("vue").nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-} & Readonly<{
-    props: import("./src/type.js").TreeOptionProps;
-    data: any[];
-    modelValue: string | number | any[];
-    nodeKey: string;
-    currentNodeKey: string | number;
-    defaultExpandedKeys: string[] | number[];
-    defaultExpandedPaths: string[] | number[];
-    defaultExpandRoot: boolean;
-    expandOnClickNode: boolean;
-    checkStrictly: boolean;
-    operationsLayout: string | ((node: any, data: any) => string);
-    maxNodeLevel: number | string;
-    showFilterInput: boolean;
-    inputOptions: any;
-    emptyText: string;
-    searchEmptyText: string;
-    rootNodeId: string;
-    renderDom: boolean;
-    overlayZIndex: string;
-}> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
-    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-}>, "findSelectableParentNode" | "filterSeach" | "handleSearch" | "treeRef" | "treeIsEmpty" | "childLinkParent" | "parentLinkChild" | "resetLazyLoad" | "autoExpand" | "searchClear" | "getGrandChildrenFn" | "setData" | ("props" | "data" | "modelValue" | "nodeKey" | "currentNodeKey" | "defaultExpandedKeys" | "defaultExpandedPaths" | "defaultExpandRoot" | "expandOnClickNode" | "checkStrictly" | "operationsLayout" | "maxNodeLevel" | "showFilterInput" | "inputOptions" | "emptyText" | "searchEmptyText" | "rootNodeId" | "renderDom" | "overlayZIndex")> & import("vue").ShallowUnwrapRef<{
-    treeRef: import("vue").Ref<any, any>;
-    treeIsEmpty: import("vue").ComputedRef<boolean>;
-    findSelectableParentNode: (node: any, parentIdProps?: string) => any;
-    childLinkParent: (node: any, isCheck: boolean) => void;
-    parentLinkChild: (node: any, isCheck: boolean) => void;
-    resetLazyLoad: () => Promise<boolean>;
-    autoExpand: () => Promise<boolean>;
-    searchClear: () => void;
-    filterSeach: () => void;
-    handleSearch: () => Promise<void>;
-    getGrandChildrenFn: (data: any) => Promise<any>;
-    setData: (data?: any[]) => void;
-}> & {} & import("vue").ComponentCustomProperties & {} & {
-    $slots: {
-        prefix?(_: {}): any;
-        suffix?(_: {}): any;
-        prepend?(_: {}): any;
-        append?(_: {}): any;
-        "container-top"?(_: {}): any;
-        top?(_: {}): any;
-        top?(_: {}): any;
-        top?(_: {}): any;
-        top?(_: {}): any;
-        top?(_: {}): any;
-        top?(_: {}): any;
-        default?(_: {
-            node: any;
-            data: any;
-        }): any;
-        "oprations-label"?(_: {
-            node: any;
-            data: any;
-        }): any;
-        bottom?(_: {}): any;
-        bottom?(_: {}): any;
-        bottom?(_: {}): any;
-        bottom?(_: {}): any;
-        bottom?(_: {}): any;
-        bottom?(_: {}): any;
-        "empty-text"?(_: {}): any;
-        "search-result-item"?(_: {
-            item: any;
-            index: any;
-        }): any;
-        "search-result-item"?(_: {
-            item: any;
-            index: any;
-        }): any;
-        "search-empty-text"?(_: {}): any;
-        "search-empty-text"?(_: {}): any;
-        "container-bottom"?(_: {}): any;
-    };
-}) | null, ({
-    $: import("vue").ComponentInternalInstance;
-    $data: {};
-    $props: {
-        readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-        readonly data?: any[] | undefined;
-        readonly loading?: boolean | undefined;
-        readonly nodeKey?: string | undefined;
-        readonly modelValue?: (string | number | any[]) | undefined;
-        readonly path?: (string | string[]) | undefined;
-        readonly height?: (string | number) | undefined;
-        readonly isEllipsis?: boolean | undefined;
-        readonly draggable?: boolean | undefined;
-        readonly allowDrag?: ((node: any) => boolean) | undefined;
-        readonly currentNodeKey?: (string | number) | undefined;
-        readonly defaultCheckedKeys?: (string[] | number[]) | undefined;
-        readonly defaultExpandedKeys?: (string[] | number[]) | undefined;
-        readonly defaultExpandedPaths?: (string[] | number[]) | undefined;
-        readonly defaultExpandRoot?: boolean | undefined;
-        readonly expandOnClickNode?: boolean | undefined;
-        readonly checkStrictly?: boolean | undefined;
-        readonly parentLinkChildrenStrictly?: boolean | undefined;
-        readonly getGrandChildren?: ((data?: any) => Promise<any>) | undefined;
-        readonly childLinkParentStrictly?: boolean | undefined;
-        readonly props?: import("./src/type.js").TreeOptionProps | undefined;
-        readonly showCheckbox?: boolean | undefined;
-        readonly hideRootCheckbox?: boolean | undefined;
-        readonly showOperations?: boolean | undefined;
-        readonly operations?: (Array<import("./src/type.js").operationsType> | ((node: any, data: any) => Array<import("./src/type.js").operationsType>)) | undefined;
+    }> & Omit<{
+        readonly props: import("./src/type.js").TreeOptionProps;
+        readonly data: any[];
+        readonly modelValue: string | number | any[];
+        readonly nodeKey: string;
+        readonly draggable: boolean;
+        readonly currentNodeKey: string | number;
+        readonly defaultExpandedKeys: string[] | number[];
+        readonly defaultExpandedPaths: string[] | number[];
+        readonly defaultExpandRoot: boolean;
+        readonly operationsLayout: string | ((node: any, data: any) => string);
+        readonly maxNodeLevel: number | string;
+        readonly showFilterInput: boolean;
+        readonly inputOptions: any;
+        readonly emptyText: string;
+        readonly searchEmptyText: string;
+        readonly rootNodeId: string;
+        readonly renderDom: boolean;
+        readonly overlayZIndex: string;
+        readonly search?: (text: string) => Promise<any>;
+        readonly path?: string | string[];
+        readonly filterNodeMethod?: (value: string, data: Record<string, any>) => boolean;
+        readonly loading?: boolean;
+        readonly height?: string | number;
+        readonly isEllipsis?: boolean;
+        readonly allowDrag?: (node: any) => boolean;
+        readonly defaultCheckedKeys?: string[] | number[];
+        readonly expandOnClickNode?: boolean;
+        readonly checkStrictly?: boolean;
+        readonly parentLinkChildrenStrictly?: boolean;
+        readonly getGrandChildren?: (data?: any) => Promise<any>;
+        readonly childLinkParentStrictly?: boolean;
+        readonly showCheckbox?: boolean;
+        readonly hideRootCheckbox?: boolean;
+        readonly showOperations?: boolean;
+        readonly operations?: Array<import("./src/type.js").operationsType> | ((node: any, data: any) => Array<import("./src/type.js").operationsType>);
         readonly mergeOprations?: {
             list?: Array<import("./src/type.js").operationsType> | ((node: any, data: any) => Array<import("./src/type.js").operationsType>);
             position?: "top" | "bottom" | ((node: any, data: any) => "top" | "bottom");
-        } | undefined;
-        readonly operationsLayout?: (string | ((node: any, data: any) => string)) | undefined;
+        };
         readonly operationsLabel?: {
             add?: string | ((node: any, data: any) => string | undefined);
             addItem?: string | ((node: any, data: any) => string | undefined);
             edit?: string | ((node: any, data: any) => string | undefined);
             delete?: string | ((node: any, data: any) => string | undefined);
-        } | undefined;
-        readonly maxNodeLevel?: (number | string) | undefined;
-        readonly showFilterInput?: boolean | undefined;
-        readonly isFilter?: boolean | undefined;
-        readonly filterNodeMethod?: ((value: string, data: Record<string, any>) => boolean) | undefined;
-        readonly filterValue?: string | undefined;
-        readonly filterItemClass?: (string | ((data: any, index: number) => string | undefined)) | undefined;
-        readonly inputOptions?: any;
-        readonly emptyText?: string | undefined;
-        readonly searchEmptyText?: string | undefined;
-        readonly rootNodeId?: string | undefined;
-        readonly load?: ((data: any, level: number) => Promise<any>) | undefined;
-        readonly search?: ((text: string) => Promise<any>) | undefined;
-        readonly renderDom?: boolean | undefined;
-        readonly overlayZIndex?: string | undefined;
-        readonly keepSelected?: boolean | undefined;
-        readonly notAutoresetLazyLoad?: boolean | undefined;
-        readonly changeNodeConfirm?: ((item: any) => Promise<any>) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        };
+        readonly isFilter?: boolean;
+        readonly filterValue?: string;
+        readonly filterItemClass?: string | ((data: any, index: number) => string | undefined);
+        readonly load?: (data: any, level: number) => Promise<any>;
+        readonly keepSelected?: boolean;
+        readonly notAutoresetLazyLoad?: boolean;
+        readonly changeNodeConfirm?: (item: any) => Promise<any>;
+        onChange?: ((value: string | string[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number | any[]) => any) | undefined;
+        "onUpdate:filterValue"?: ((value: string) => any) | undefined;
+        "onUpdate:path"?: ((value: string | string[]) => any) | undefined;
+        "onFilter-value-change"?: ((value: string) => any) | undefined;
+        "onFilter-node-click"?: ((item: any) => any) | undefined;
+        "onNode-change"?: ((item: any) => any) | undefined;
+        onHandleOperation?: ((item: any, node: any, data: any) => any) | undefined;
+        "onCheck-node-change"?: ((checkVal: any[], item: any, isCheck: boolean) => any) | undefined;
+        "onNode-click"?: ((item: any, node: any) => any) | undefined;
+        "onNode-db-click"?: ((item: any, node: any) => any) | undefined;
+        "onCurrent-change"?: ((item: any, node: any) => any) | undefined;
+        "onNode-drop"?: ((draggingData: any, dropAfterData: any, dropBeforeData: any) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        props: {
+            type: import("vue").PropType<import("./src/type.js").TreeOptionProps>;
+            default: () => {};
+        };
+        search: {
+            type: import("vue").PropType<(text: string) => Promise<any>>;
+        };
+        data: {
+            type: import("vue").PropType<any[]>;
+            default: () => never[];
+        };
+        path: {
+            type: import("vue").PropType<string | string[]>;
+        };
+        filterNodeMethod: {
+            type: import("vue").PropType<(value: string, data: Record<string, any>) => boolean>;
+        };
+        modelValue: {
+            type: import("vue").PropType<string | number | any[]>;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+        };
+        nodeKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        height: {
+            type: import("vue").PropType<string | number>;
+        };
+        isEllipsis: {
+            type: import("vue").PropType<boolean>;
+        };
+        draggable: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        allowDrag: {
+            type: import("vue").PropType<(node: any) => boolean>;
+        };
+        currentNodeKey: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
+        defaultCheckedKeys: {
+            type: import("vue").PropType<string[] | number[]>;
+        };
+        defaultExpandedKeys: {
+            type: import("vue").PropType<string[] | number[]>;
+            default: () => never[];
+        };
+        defaultExpandedPaths: {
+            type: import("vue").PropType<string[] | number[]>;
+            default: () => never[];
+        };
+        defaultExpandRoot: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        expandOnClickNode: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
+        checkStrictly: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
+        parentLinkChildrenStrictly: {
+            type: import("vue").PropType<boolean>;
+        };
+        getGrandChildren: {
+            type: import("vue").PropType<(data?: any) => Promise<any>>;
+        };
+        childLinkParentStrictly: {
+            type: import("vue").PropType<boolean>;
+        };
+        showCheckbox: {
+            type: import("vue").PropType<boolean>;
+        };
+        hideRootCheckbox: {
+            type: import("vue").PropType<boolean>;
+        };
+        showOperations: {
+            type: import("vue").PropType<boolean>;
+        };
+        operations: {
+            type: import("vue").PropType<import("./src/type.js").operationsType[] | ((node: any, data: any) => Array<import("./src/type.js").operationsType>)>;
+        };
+        mergeOprations: {
+            type: import("vue").PropType<{
+                list?: Array<import("./src/type.js").operationsType> | ((node: any, data: any) => Array<import("./src/type.js").operationsType>);
+                position?: "top" | "bottom" | ((node: any, data: any) => "top" | "bottom");
+            }>;
+        };
+        operationsLayout: {
+            type: import("vue").PropType<string | ((node: any, data: any) => string)>;
+            default: string;
+        };
+        operationsLabel: {
+            type: import("vue").PropType<{
+                add?: string | ((node: any, data: any) => string | undefined);
+                addItem?: string | ((node: any, data: any) => string | undefined);
+                edit?: string | ((node: any, data: any) => string | undefined);
+                delete?: string | ((node: any, data: any) => string | undefined);
+            }>;
+        };
+        maxNodeLevel: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        showFilterInput: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isFilter: {
+            type: import("vue").PropType<boolean>;
+        };
+        filterValue: {
+            type: import("vue").PropType<string>;
+        };
+        filterItemClass: {
+            type: import("vue").PropType<string | ((data: any, index: number) => string | undefined)>;
+        };
+        inputOptions: {
+            type: import("vue").PropType<any>;
+            default: () => {};
+        };
+        emptyText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        searchEmptyText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        rootNodeId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        load: {
+            type: import("vue").PropType<(data: any, level: number) => Promise<any>>;
+        };
+        renderDom: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        overlayZIndex: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        keepSelected: {
+            type: import("vue").PropType<boolean>;
+        };
+        notAutoresetLazyLoad: {
+            type: import("vue").PropType<boolean>;
+        };
+        changeNodeConfirm: {
+            type: import("vue").PropType<(item: any) => Promise<any>>;
+        };
+    }>> & {
+        onChange?: ((value: string | string[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number | any[]) => any) | undefined;
+        "onUpdate:filterValue"?: ((value: string) => any) | undefined;
+        "onUpdate:path"?: ((value: string | string[]) => any) | undefined;
+        "onFilter-value-change"?: ((value: string) => any) | undefined;
+        "onFilter-node-click"?: ((item: any) => any) | undefined;
+        "onNode-change"?: ((item: any) => any) | undefined;
+        onHandleOperation?: ((item: any, node: any, data: any) => any) | undefined;
+        "onCheck-node-change"?: ((checkVal: any[], item: any, isCheck: boolean) => any) | undefined;
+        "onNode-click"?: ((item: any, node: any) => any) | undefined;
+        "onNode-db-click"?: ((item: any, node: any) => any) | undefined;
+        "onCurrent-change"?: ((item: any, node: any) => any) | undefined;
+        "onNode-drop"?: ((draggingData: any, dropAfterData: any, dropBeforeData: any) => any) | undefined;
+    }, "props" | "data" | "modelValue" | "nodeKey" | "draggable" | "currentNodeKey" | "defaultExpandedKeys" | "defaultExpandedPaths" | "defaultExpandRoot" | "expandOnClickNode" | "checkStrictly" | "operationsLayout" | "maxNodeLevel" | "showFilterInput" | "inputOptions" | "emptyText" | "searchEmptyText" | "rootNodeId" | "renderDom" | "overlayZIndex">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -440,13 +1159,185 @@ declare const DasTreeV2Ref: () => import("vue").Ref<({
     }>;
     $root: import("vue").ComponentPublicInstance | null;
     $parent: import("vue").ComponentPublicInstance | null;
-    $host: Element | null;
-    $emit: (event: string, ...args: any[]) => void;
+    $emit: ((event: "update:modelValue", value: string | number | any[]) => void) & ((event: "change", value: string | string[]) => void) & ((event: "update:filterValue", value: string) => void) & ((event: "update:path", value: string | string[]) => void) & ((event: "filter-value-change", value: string) => void) & ((event: "filter-node-click", item: any) => void) & ((event: "node-change", item: any) => void) & ((event: "handleOperation", item: any, node: any, data: any) => void) & ((event: "check-node-change", checkVal: any[], item: any, isCheck: boolean) => void) & ((event: "node-click", item: any, node: any) => void) & ((event: "node-db-click", item: any, node: any) => void) & ((event: "current-change", item: any, node: any) => void) & ((event: "node-drop", draggingData: any, dropAfterData: any, dropBeforeData: any) => void);
     $el: any;
-    $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{
-        [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-    }>, {
-        treeRef: import("vue").Ref<any, any>;
+    $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        props: {
+            type: import("vue").PropType<import("./src/type.js").TreeOptionProps>;
+            default: () => {};
+        };
+        search: {
+            type: import("vue").PropType<(text: string) => Promise<any>>;
+        };
+        data: {
+            type: import("vue").PropType<any[]>;
+            default: () => never[];
+        };
+        path: {
+            type: import("vue").PropType<string | string[]>;
+        };
+        filterNodeMethod: {
+            type: import("vue").PropType<(value: string, data: Record<string, any>) => boolean>;
+        };
+        modelValue: {
+            type: import("vue").PropType<string | number | any[]>;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+        };
+        nodeKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        height: {
+            type: import("vue").PropType<string | number>;
+        };
+        isEllipsis: {
+            type: import("vue").PropType<boolean>;
+        };
+        draggable: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        allowDrag: {
+            type: import("vue").PropType<(node: any) => boolean>;
+        };
+        currentNodeKey: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
+        defaultCheckedKeys: {
+            type: import("vue").PropType<string[] | number[]>;
+        };
+        defaultExpandedKeys: {
+            type: import("vue").PropType<string[] | number[]>;
+            default: () => never[];
+        };
+        defaultExpandedPaths: {
+            type: import("vue").PropType<string[] | number[]>;
+            default: () => never[];
+        };
+        defaultExpandRoot: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        expandOnClickNode: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
+        checkStrictly: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
+        parentLinkChildrenStrictly: {
+            type: import("vue").PropType<boolean>;
+        };
+        getGrandChildren: {
+            type: import("vue").PropType<(data?: any) => Promise<any>>;
+        };
+        childLinkParentStrictly: {
+            type: import("vue").PropType<boolean>;
+        };
+        showCheckbox: {
+            type: import("vue").PropType<boolean>;
+        };
+        hideRootCheckbox: {
+            type: import("vue").PropType<boolean>;
+        };
+        showOperations: {
+            type: import("vue").PropType<boolean>;
+        };
+        operations: {
+            type: import("vue").PropType<import("./src/type.js").operationsType[] | ((node: any, data: any) => Array<import("./src/type.js").operationsType>)>;
+        };
+        mergeOprations: {
+            type: import("vue").PropType<{
+                list?: Array<import("./src/type.js").operationsType> | ((node: any, data: any) => Array<import("./src/type.js").operationsType>);
+                position?: "top" | "bottom" | ((node: any, data: any) => "top" | "bottom");
+            }>;
+        };
+        operationsLayout: {
+            type: import("vue").PropType<string | ((node: any, data: any) => string)>;
+            default: string;
+        };
+        operationsLabel: {
+            type: import("vue").PropType<{
+                add?: string | ((node: any, data: any) => string | undefined);
+                addItem?: string | ((node: any, data: any) => string | undefined);
+                edit?: string | ((node: any, data: any) => string | undefined);
+                delete?: string | ((node: any, data: any) => string | undefined);
+            }>;
+        };
+        maxNodeLevel: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        showFilterInput: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isFilter: {
+            type: import("vue").PropType<boolean>;
+        };
+        filterValue: {
+            type: import("vue").PropType<string>;
+        };
+        filterItemClass: {
+            type: import("vue").PropType<string | ((data: any, index: number) => string | undefined)>;
+        };
+        inputOptions: {
+            type: import("vue").PropType<any>;
+            default: () => {};
+        };
+        emptyText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        searchEmptyText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        rootNodeId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        load: {
+            type: import("vue").PropType<(data: any, level: number) => Promise<any>>;
+        };
+        renderDom: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        overlayZIndex: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        keepSelected: {
+            type: import("vue").PropType<boolean>;
+        };
+        notAutoresetLazyLoad: {
+            type: import("vue").PropType<boolean>;
+        };
+        changeNodeConfirm: {
+            type: import("vue").PropType<(item: any) => Promise<any>>;
+        };
+    }>> & {
+        onChange?: ((value: string | string[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number | any[]) => any) | undefined;
+        "onUpdate:filterValue"?: ((value: string) => any) | undefined;
+        "onUpdate:path"?: ((value: string | string[]) => any) | undefined;
+        "onFilter-value-change"?: ((value: string) => any) | undefined;
+        "onFilter-node-click"?: ((item: any) => any) | undefined;
+        "onNode-change"?: ((item: any) => any) | undefined;
+        onHandleOperation?: ((item: any, node: any, data: any) => any) | undefined;
+        "onCheck-node-change"?: ((checkVal: any[], item: any, isCheck: boolean) => any) | undefined;
+        "onNode-click"?: ((item: any, node: any) => any) | undefined;
+        "onNode-db-click"?: ((item: any, node: any) => any) | undefined;
+        "onCurrent-change"?: ((item: any, node: any) => any) | undefined;
+        "onNode-drop"?: ((draggingData: any, dropAfterData: any, dropBeforeData: any) => any) | undefined;
+    }, {
+        treeRef: import("vue").Ref<any>;
         treeIsEmpty: import("vue").ComputedRef<boolean>;
         findSelectableParentNode: (node: any, parentIdProps?: string) => any;
         childLinkParent: (node: any, isCheck: boolean) => void;
@@ -458,15 +1349,26 @@ declare const DasTreeV2Ref: () => import("vue").Ref<({
         handleSearch: () => Promise<void>;
         getGrandChildrenFn: (data: any) => Promise<any>;
         setData: (data?: any[]) => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        [x: string]: any;
-    } & {
-        [x: string]: any;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:filterValue": (value: string) => void;
+        "update:modelValue": (value: string | number | any[]) => void;
+        "update:path": (value: string | string[]) => void;
+        change: (value: string | string[]) => void;
+        handleOperation: (item: any, node: any, data: any) => void;
+        "filter-value-change": (value: string) => void;
+        "filter-node-click": (item: any) => void;
+        "node-change": (item: any) => void;
+        "node-click": (item: any, node: any) => void;
+        "node-db-click": (item: any, node: any) => void;
+        "current-change": (item: any, node: any) => void;
+        "check-node-change": (checkVal: any[], item: any, isCheck: boolean) => void;
+        "node-drop": (draggingData: any, dropAfterData: any, dropBeforeData: any) => void;
     }, string, {
         props: import("./src/type.js").TreeOptionProps;
         data: any[];
         modelValue: string | number | any[];
         nodeKey: string;
+        draggable: boolean;
         currentNodeKey: string | number;
         defaultExpandedKeys: string[] | number[];
         defaultExpandedPaths: string[] | number[];
@@ -482,7 +1384,7 @@ declare const DasTreeV2Ref: () => import("vue").Ref<({
         rootNodeId: string;
         renderDom: boolean;
         overlayZIndex: string;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+    }, {}, string, {}> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
         beforeMount?: (() => void) | (() => void)[];
@@ -501,31 +1403,184 @@ declare const DasTreeV2Ref: () => import("vue").Ref<({
     };
     $forceUpdate: () => void;
     $nextTick: typeof import("vue").nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-} & Readonly<{
-    props: import("./src/type.js").TreeOptionProps;
-    data: any[];
-    modelValue: string | number | any[];
-    nodeKey: string;
-    currentNodeKey: string | number;
-    defaultExpandedKeys: string[] | number[];
-    defaultExpandedPaths: string[] | number[];
-    defaultExpandRoot: boolean;
-    expandOnClickNode: boolean;
-    checkStrictly: boolean;
-    operationsLayout: string | ((node: any, data: any) => string);
-    maxNodeLevel: number | string;
-    showFilterInput: boolean;
-    inputOptions: any;
-    emptyText: string;
-    searchEmptyText: string;
-    rootNodeId: string;
-    renderDom: boolean;
-    overlayZIndex: string;
-}> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
-    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-}>, "findSelectableParentNode" | "filterSeach" | "handleSearch" | "treeRef" | "treeIsEmpty" | "childLinkParent" | "parentLinkChild" | "resetLazyLoad" | "autoExpand" | "searchClear" | "getGrandChildrenFn" | "setData" | ("props" | "data" | "modelValue" | "nodeKey" | "currentNodeKey" | "defaultExpandedKeys" | "defaultExpandedPaths" | "defaultExpandRoot" | "expandOnClickNode" | "checkStrictly" | "operationsLayout" | "maxNodeLevel" | "showFilterInput" | "inputOptions" | "emptyText" | "searchEmptyText" | "rootNodeId" | "renderDom" | "overlayZIndex")> & import("vue").ShallowUnwrapRef<{
-    treeRef: import("vue").Ref<any, any>;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+} & Omit<Readonly<import("vue").ExtractPropTypes<{
+    props: {
+        type: import("vue").PropType<import("./src/type.js").TreeOptionProps>;
+        default: () => {};
+    };
+    search: {
+        type: import("vue").PropType<(text: string) => Promise<any>>;
+    };
+    data: {
+        type: import("vue").PropType<any[]>;
+        default: () => never[];
+    };
+    path: {
+        type: import("vue").PropType<string | string[]>;
+    };
+    filterNodeMethod: {
+        type: import("vue").PropType<(value: string, data: Record<string, any>) => boolean>;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number | any[]>;
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+    };
+    nodeKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    height: {
+        type: import("vue").PropType<string | number>;
+    };
+    isEllipsis: {
+        type: import("vue").PropType<boolean>;
+    };
+    draggable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    allowDrag: {
+        type: import("vue").PropType<(node: any) => boolean>;
+    };
+    currentNodeKey: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    defaultCheckedKeys: {
+        type: import("vue").PropType<string[] | number[]>;
+    };
+    defaultExpandedKeys: {
+        type: import("vue").PropType<string[] | number[]>;
+        default: () => never[];
+    };
+    defaultExpandedPaths: {
+        type: import("vue").PropType<string[] | number[]>;
+        default: () => never[];
+    };
+    defaultExpandRoot: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    expandOnClickNode: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    checkStrictly: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    parentLinkChildrenStrictly: {
+        type: import("vue").PropType<boolean>;
+    };
+    getGrandChildren: {
+        type: import("vue").PropType<(data?: any) => Promise<any>>;
+    };
+    childLinkParentStrictly: {
+        type: import("vue").PropType<boolean>;
+    };
+    showCheckbox: {
+        type: import("vue").PropType<boolean>;
+    };
+    hideRootCheckbox: {
+        type: import("vue").PropType<boolean>;
+    };
+    showOperations: {
+        type: import("vue").PropType<boolean>;
+    };
+    operations: {
+        type: import("vue").PropType<import("./src/type.js").operationsType[] | ((node: any, data: any) => Array<import("./src/type.js").operationsType>)>;
+    };
+    mergeOprations: {
+        type: import("vue").PropType<{
+            list?: Array<import("./src/type.js").operationsType> | ((node: any, data: any) => Array<import("./src/type.js").operationsType>);
+            position?: "top" | "bottom" | ((node: any, data: any) => "top" | "bottom");
+        }>;
+    };
+    operationsLayout: {
+        type: import("vue").PropType<string | ((node: any, data: any) => string)>;
+        default: string;
+    };
+    operationsLabel: {
+        type: import("vue").PropType<{
+            add?: string | ((node: any, data: any) => string | undefined);
+            addItem?: string | ((node: any, data: any) => string | undefined);
+            edit?: string | ((node: any, data: any) => string | undefined);
+            delete?: string | ((node: any, data: any) => string | undefined);
+        }>;
+    };
+    maxNodeLevel: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    showFilterInput: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isFilter: {
+        type: import("vue").PropType<boolean>;
+    };
+    filterValue: {
+        type: import("vue").PropType<string>;
+    };
+    filterItemClass: {
+        type: import("vue").PropType<string | ((data: any, index: number) => string | undefined)>;
+    };
+    inputOptions: {
+        type: import("vue").PropType<any>;
+        default: () => {};
+    };
+    emptyText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    searchEmptyText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rootNodeId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    load: {
+        type: import("vue").PropType<(data: any, level: number) => Promise<any>>;
+    };
+    renderDom: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    overlayZIndex: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    keepSelected: {
+        type: import("vue").PropType<boolean>;
+    };
+    notAutoresetLazyLoad: {
+        type: import("vue").PropType<boolean>;
+    };
+    changeNodeConfirm: {
+        type: import("vue").PropType<(item: any) => Promise<any>>;
+    };
+}>> & {
+    onChange?: ((value: string | string[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | any[]) => any) | undefined;
+    "onUpdate:filterValue"?: ((value: string) => any) | undefined;
+    "onUpdate:path"?: ((value: string | string[]) => any) | undefined;
+    "onFilter-value-change"?: ((value: string) => any) | undefined;
+    "onFilter-node-click"?: ((item: any) => any) | undefined;
+    "onNode-change"?: ((item: any) => any) | undefined;
+    onHandleOperation?: ((item: any, node: any, data: any) => any) | undefined;
+    "onCheck-node-change"?: ((checkVal: any[], item: any, isCheck: boolean) => any) | undefined;
+    "onNode-click"?: ((item: any, node: any) => any) | undefined;
+    "onNode-db-click"?: ((item: any, node: any) => any) | undefined;
+    "onCurrent-change"?: ((item: any, node: any) => any) | undefined;
+    "onNode-drop"?: ((draggingData: any, dropAfterData: any, dropBeforeData: any) => any) | undefined;
+}, "findSelectableParentNode" | "filterSeach" | "handleSearch" | "treeRef" | "treeIsEmpty" | "childLinkParent" | "parentLinkChild" | "resetLazyLoad" | "autoExpand" | "searchClear" | "getGrandChildrenFn" | "setData"> & import("vue").ShallowUnwrapRef<{
+    treeRef: import("vue").Ref<any>;
     treeIsEmpty: import("vue").ComputedRef<boolean>;
     findSelectableParentNode: (node: any, parentIdProps?: string) => any;
     childLinkParent: (node: any, isCheck: boolean) => void;