@koi-design/uxd-ui 13.2.8 → 14.0.1

package/lib/components/Tree/Tree.vue.d.ts

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     switcherIcon: {
         type: import("vue").PropType<import("../..").IconPropType>;
-        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     };
     showLine: {
         type: BooleanConstructor;
@@ -174,7 +174,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     switcherIcon: {
         type: import("vue").PropType<import("../..").IconPropType>;
-        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     };
     showLine: {
         type: BooleanConstructor;
@@ -240,7 +240,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     dataKey: string | import("./Tree.type").GetDataKey;
     checkable: boolean;
     checkStrictly: boolean;
-    switcherIcon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    switcherIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     showLine: boolean;
     expandedKeys: (string | number)[];
     defaultExpandAll: boolean;
@@ -279,7 +279,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             dataKey: import("vue").Ref<string | import("./Tree.type").GetDataKey, string | import("./Tree.type").GetDataKey>;
             checkable: import("vue").Ref<boolean, boolean>;
             checkStrictly: import("vue").Ref<boolean, boolean>;
-            switcherIcon: import("vue").Ref<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+            switcherIcon: import("vue").Ref<import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>, import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>>;
             showLine: import("vue").Ref<boolean, boolean>;
             expandedKeys: import("vue").Ref<(string | number)[], (string | number)[]>;
             defaultExpandAll: import("vue").Ref<boolean, boolean>;
@@ -454,7 +454,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, string, {
                 color: string;
                 spin: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
             UCheckbox: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                     modelValue: {
@@ -477,36 +477,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    size: {
-                        type: import("vue").PropType<"small" | "default" | "large">;
-                        default: string;
-                        validator: (val: "small" | "default" | "large") => boolean;
-                    };
                     name: {
                         type: StringConstructor;
                         default: string;
                     };
-                    border: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
                     indeterminate: {
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    color: {
-                        type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-                        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-                    };
                 }>> & Readonly<{
                     onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
                     "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
                 }>, {
                     prefixCls: import("vue").ComputedRef<string>;
-                    computedSize: import("vue").ComputedRef<"small" | "default" | "large">;
                     computedDisabled: import("vue").ComputedRef<boolean>;
-                    computedColor: import("vue").ComputedRef<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
                     focusWrap: import("vue").Ref<boolean, boolean>;
                     focusInner: import("vue").Ref<boolean, boolean>;
                     showSlot: import("vue").ComputedRef<true | import("vue").Slot<any>>;
@@ -520,15 +504,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
                     change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
                 }, import("vue").PublicProps, {
-                    color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
                     name: string;
-                    size: "small" | "default" | "large";
                     disabled: boolean;
                     modelValue: string | number | boolean;
                     value: string | number;
                     trueValue: string | number | boolean;
                     falseValue: string | number | boolean;
-                    border: boolean;
                     indeterminate: boolean;
                 }, true, {}, {}, {
                     UIcon: {
@@ -661,9 +642,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }, string, {
                         color: string;
                         spin: boolean;
-                    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-                    USolidCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-                    USolidRemove: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+                    Check: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+                    Minus: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
                 } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
                     B: {};
@@ -692,36 +673,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    size: {
-                        type: import("vue").PropType<"small" | "default" | "large">;
-                        default: string;
-                        validator: (val: "small" | "default" | "large") => boolean;
-                    };
                     name: {
                         type: StringConstructor;
                         default: string;
                     };
-                    border: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
                     indeterminate: {
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    color: {
-                        type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-                        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-                    };
                 }>> & Readonly<{
                     onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
                     "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
                 }>, {
                     prefixCls: import("vue").ComputedRef<string>;
-                    computedSize: import("vue").ComputedRef<"small" | "default" | "large">;
                     computedDisabled: import("vue").ComputedRef<boolean>;
-                    computedColor: import("vue").ComputedRef<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
                     focusWrap: import("vue").Ref<boolean, boolean>;
                     focusInner: import("vue").Ref<boolean, boolean>;
                     showSlot: import("vue").ComputedRef<true | import("vue").Slot<any>>;
@@ -732,15 +697,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     handleBlur: () => void;
                     onClick: (e: MouseEvent) => void;
                 }, {}, {}, {}, {
-                    color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
                     name: string;
-                    size: "small" | "default" | "large";
                     disabled: boolean;
                     modelValue: string | number | boolean;
                     value: string | number;
                     trueValue: string | number | boolean;
                     falseValue: string | number | boolean;
-                    border: boolean;
                     indeterminate: boolean;
                 }>;
                 __isFragment?: never;
@@ -767,36 +729,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                size: {
-                    type: import("vue").PropType<"small" | "default" | "large">;
-                    default: string;
-                    validator: (val: "small" | "default" | "large") => boolean;
-                };
                 name: {
                     type: StringConstructor;
                     default: string;
                 };
-                border: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
                 indeterminate: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                color: {
-                    type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                    default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-                    validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-                };
             }>> & Readonly<{
                 onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
                 "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
             }>, {
                 prefixCls: import("vue").ComputedRef<string>;
-                computedSize: import("vue").ComputedRef<"small" | "default" | "large">;
                 computedDisabled: import("vue").ComputedRef<boolean>;
-                computedColor: import("vue").ComputedRef<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
                 focusWrap: import("vue").Ref<boolean, boolean>;
                 focusInner: import("vue").Ref<boolean, boolean>;
                 showSlot: import("vue").ComputedRef<true | import("vue").Slot<any>>;
@@ -810,15 +756,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
                 change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
             }, string, {
-                color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
                 name: string;
-                size: "small" | "default" | "large";
                 disabled: boolean;
                 modelValue: string | number | boolean;
                 value: string | number;
                 trueValue: string | number | boolean;
                 falseValue: string | number | boolean;
-                border: boolean;
                 indeterminate: boolean;
             }, {}, string, {}, {
                 UIcon: {
@@ -951,10 +894,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, string, {
                     color: string;
                     spin: boolean;
-                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-                USolidCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-                USolidRemove: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-            } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
+                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+                Check: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+                Minus: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+            } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
                 Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                     modelValue: {
                         type: import("vue").PropType<import("..").CheckboxGroupSingleValue[]>;
@@ -963,7 +906,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     size: {
                         type: import("vue").PropType<"small" | "default" | "large">;
                         default: string;
-                        validator: (val: string) => boolean;
+                        validator: (val: "small" | "default" | "large") => boolean;
                     };
                     options: {
                         type: import("vue").PropType<import("..").CheckboxGroupOption[]>;
@@ -994,10 +937,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    color: {
-                        type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-                        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
+                    direction: {
+                        type: import("vue").PropType<"ltr" | "rtl">;
                     };
                 }>, {
                     prefixCls: import("vue").ComputedRef<string>;
@@ -1006,6 +947,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>;
                     computedType: import("vue").ComputedRef<"fill" | "default" | "border" | "card">;
                     hasSlot: import("vue").ComputedRef<boolean>;
+                    computedDirection: import("vue").ComputedRef<"ltr" | "rtl">;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     'update:modelValue': (v: import("..").CheckboxGroupSingleValue[]) => boolean;
                     change: (v: import("..").CheckboxGroupSingleValue[]) => boolean;
@@ -1017,7 +959,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     size: {
                         type: import("vue").PropType<"small" | "default" | "large">;
                         default: string;
-                        validator: (val: string) => boolean;
+                        validator: (val: "small" | "default" | "large") => boolean;
                     };
                     options: {
                         type: import("vue").PropType<import("..").CheckboxGroupOption[]>;
@@ -1048,16 +990,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    color: {
-                        type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-                        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
+                    direction: {
+                        type: import("vue").PropType<"ltr" | "rtl">;
                     };
                 }>> & Readonly<{
                     onChange?: (v: import("..").CheckboxGroupSingleValue[]) => any;
                     "onUpdate:modelValue"?: (v: import("..").CheckboxGroupSingleValue[]) => any;
                 }>, {
-                    color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
                     type: "default" | "button";
                     loading: boolean;
                     size: "small" | "default" | "large";
@@ -1197,7 +1136,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }, string, {
                         color: string;
                         spin: boolean;
-                    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+                    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
                     UCheckbox: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         modelValue: {
                             type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
@@ -1219,33 +1158,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: BooleanConstructor;
                             default: boolean;
                         };
-                        size: {
-                            type: import("vue").PropType<"small" | "default" | "large">;
-                            default: string;
-                            validator: (val: "small" | "default" | "large") => boolean;
-                        };
                         name: {
                             type: StringConstructor;
                             default: string;
                         };
-                        border: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
                         indeterminate: {
                             type: BooleanConstructor;
                             default: boolean;
                         };
-                        color: {
-                            type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-                            validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-                        };
                     }>, {
                         prefixCls: import("vue").ComputedRef<string>;
-                        computedSize: import("vue").ComputedRef<"small" | "default" | "large">;
                         computedDisabled: import("vue").ComputedRef<boolean>;
-                        computedColor: import("vue").ComputedRef<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
                         focusWrap: import("vue").Ref<boolean, boolean>;
                         focusInner: import("vue").Ref<boolean, boolean>;
                         showSlot: import("vue").ComputedRef<true | import("vue").Slot<any>>;
@@ -1279,41 +1202,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: BooleanConstructor;
                             default: boolean;
                         };
-                        size: {
-                            type: import("vue").PropType<"small" | "default" | "large">;
-                            default: string;
-                            validator: (val: "small" | "default" | "large") => boolean;
-                        };
                         name: {
                             type: StringConstructor;
                             default: string;
                         };
-                        border: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
                         indeterminate: {
                             type: BooleanConstructor;
                             default: boolean;
                         };
-                        color: {
-                            type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-                            validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-                        };
                     }>> & Readonly<{
                         onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
                         "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
                     }>, {
-                        color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
                         name: string;
-                        size: "small" | "default" | "large";
                         disabled: boolean;
                         modelValue: string | number | boolean;
                         value: string | number;
                         trueValue: string | number | boolean;
                         falseValue: string | number | boolean;
-                        border: boolean;
                         indeterminate: boolean;
                     }, {}, {
                         UIcon: {
@@ -1446,11 +1352,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         }, string, {
                             color: string;
                             spin: boolean;
-                        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-                        USolidCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-                        USolidRemove: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+                        Check: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+                        Minus: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
                     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-                    ULineLoading: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                    LoaderCircle: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
                 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             };
             CollapseTransition: {
@@ -1492,8 +1398,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 };
             };
-            ULineLoading: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-            ULineText: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            LoaderCircle: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+            FileIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/Tree/TreeNode.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var index = require('../Icon/index.js');
-var uxdIcon = require('@koi-design/uxd-icon');
+var lucideVueNext = require('lucide-vue-next');
 var index$1 = require('../Checkbox/index.js');
 var CollapseTransition = require('../base/CollapseTransition.js');
 var Render = require('../base/Render.js');
@@ -19,8 +19,8 @@ const _sfc_main = vue.defineComponent({
     UCheckbox: index$1.UCheckbox,
     CollapseTransition: CollapseTransition["default"],
     Render: Render["default"],
-    ULineLoading: uxdIcon.ULineLoading,
-    ULineText: uxdIcon.ULineText
+    LoaderCircle: lucideVueNext.LoaderCircle,
+    FileIcon: lucideVueNext.FileIcon
   },
   props: Tree_type.treeNodeProps,
   setup(props) {
@@ -152,8 +152,8 @@ const _sfc_main = vue.defineComponent({
 const _hoisted_1 = ["draggable"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_UIcon = vue.resolveComponent("UIcon");
-  const _component_ULineLoading = vue.resolveComponent("ULineLoading");
-  const _component_ULineText = vue.resolveComponent("ULineText");
+  const _component_LoaderCircle = vue.resolveComponent("LoaderCircle");
+  const _component_FileIcon = vue.resolveComponent("FileIcon");
   const _component_UCheckbox = vue.resolveComponent("UCheckbox");
   const _component_Render = vue.resolveComponent("Render");
   const _component_CollapseTransition = vue.resolveComponent("CollapseTransition");
@@ -205,7 +205,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           spin: ""
         }, {
           default: vue.withCtx(() => [
-            vue.createVNode(_component_ULineLoading)
+            vue.createVNode(_component_LoaderCircle)
           ]),
           _: 1
         }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
@@ -214,7 +214,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: vue.normalizeClass(`${_ctx.prefixCls}-switcher-line-icon`)
         }, {
           default: vue.withCtx(() => [
-            vue.createVNode(_component_ULineText)
+            vue.createVNode(_component_FileIcon)
           ]),
           _: 1
         }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
@@ -283,7 +283,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["appear"])
   ], 34);
 }
-var TreeNode = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Tree\\TreeNode.vue"]]);
+var TreeNode = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Tree/TreeNode.vue"]]);
 
 exports["default"] = TreeNode;
 //# sourceMappingURL=TreeNode.js.map

package/lib/components/Tree/TreeNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.js","sources":["../../../../src/components/Tree/TreeNode.vue"],"sourcesContent":[", type TreeItem, watch, type TreeItem\n<template>\n  <li\n    ref=\"treeNode\"\n    :class=\"[\n      `${prefixCls}-node`,\n      {\n        [`${prefixCls}-node-open`]: expanded,\n        [`${prefixCls}-node-disabled`]: isDisabled,\n        [`${prefixCls}-node-checkStrictly`]: !isDisabled && checkStrictly,\n        [`${prefixCls}-block-node`]: blockNode,\n        [`${prefixCls}-node-selected`]: !disabled && !data.disabled && selected && blockNode && !checkable,\n        'drag-over': dragOver,\n        'drag-over-gap-top': dragOverGapTop,\n        'drag-over-gap-bottom': dragOverGapBottom\n      }\n    ]\"\n    @dragenter=\"(e) => onDragEnter(e)\"\n    @dragover=\"(e) => onDragOver(e)\"\n    @dragleave=\"(e) => onDragLeave(e)\"\n    @drop=\"(e) => onDrop(e)\"\n    @dragend=\"(e) => onDragEnd(e)\"\n  >\n    <div :class=\"`${prefixCls}-node-wrap`\">\n      <span\n        :class=\"[\n          `${prefixCls}-switcher`,\n          {\n            [`${prefixCls}-switcher-open`]: expanded\n          }\n        ]\"\n        @click=\"(e) => handleExpand(data, e)\"\n      >\n        <UIcon v-if=\"!isLeaf(data) && !loading\" :class=\"`${prefixCls}-switcher-icon`\">\n          <component :is=\"switcherIcon\" />\n        </UIcon>\n        <UIcon v-if=\"loading\" :class=\"`${prefixCls}-switcher-icon`\" spin>\n          <ULineLoading />\n        </UIcon>\n        <UIcon v-if=\"showLine && (!data.children || data.children.length === 0)\" :class=\"`${prefixCls}-switcher-line-icon`\">\n          <ULineText />\n        </UIcon>\n      </span>\n      <UCheckbox\n        v-if=\"checkable\"\n        v-show=\"data.checkable !== false\"\n        :model-value=\"checked\"\n        :indeterminate=\"indeterminate\"\n        :disabled=\"isDisabled\"\n        @click=\"(e: Event) => handleCheck(e)\"\n      />\n      <span\n        ref=\"selectHandle\"\n        :class=\"[\n          `${prefixCls}-node-content-wrap`,\n          {\n            [`${prefixCls}-node-selected`]: !disabled && !data.disabled && (selected || dragNodeHighlight) && !blockNode,\n            draggable: !disabled && !data.disabled && draggable,\n            [`${prefixCls}-node-with-operate`]: !!data.operateSlot\n          }\n        ]\"\n        :draggable=\"(!disabled && !data.disabled && draggable) || undefined\"\n        @click=\"(e) => handleSelectClick(e)\"\n        @dragstart=\"(e) => onDragStart(e, data)\"\n      >\n        <template v-if=\"data.slot\">\n          <Render\n            :render=\"\n              () => {\n                return data.slot({\n                  node: data,\n                  origin: data.dataRef,\n                  operate: treeNodeOperate\n                });\n              }\n            \"\n          />\n        </template>\n        <template v-else>\n          {{ data.title }}\n        </template>\n      </span>\n      <div v-if=\"data.operateSlot\" :class=\"`${prefixCls}-node-operate-box`\">\n        <Render\n          :render=\"\n            () => {\n              return data.operateSlot({\n                node: data,\n                origin: data.dataRef,\n                operate: treeNodeOperate\n              });\n            }\n          \"\n        />\n      </div>\n    </div>\n\n    <CollapseTransition :appear=\"appear\">\n      <ul v-if=\"expanded\" :class=\"`${prefixCls}-child-tree`\">\n        <slot name=\"list\" />\n      </ul>\n    </CollapseTransition>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { inject, ref, computed, toRefs, defineComponent } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { ULineText, ULineLoading } from '@koi-design/uxd-icon';\nimport UCheckbox from '@uxd-ui/components/Checkbox';\nimport CollapseTransition from '../base/CollapseTransition';\nimport Render from '../base/Render';\nimport useDrag from './hooks/useDrag';\n\nimport { treeNodeProps, TREE_CONTEXT_INJECTION_KEY, type InnerTreeItem, type TreeItem } from './Tree.type';\n\nexport default defineComponent({\n  name: 'UTreeNode',\n  components: {\n    UIcon,\n    UCheckbox,\n    CollapseTransition,\n    Render,\n    ULineLoading,\n    ULineText\n  },\n  props: treeNodeProps,\n  setup(props) {\n    const treeNode = ref(null);\n    const selectHandle = ref(null);\n    const tree = inject(TREE_CONTEXT_INJECTION_KEY)!;\n    const { prefixCls } = tree;\n\n    // computed\n    const dataKey = computed(() => tree.getDataKey(props.data));\n\n    const selected = computed(() => {\n      return tree.selectedKeys.includes(dataKey.value);\n    });\n    const expanded = computed(() => {\n      return tree.expandedKeys.includes(dataKey.value);\n    });\n    const checked = computed(() => {\n      return tree.checkedKeys.includes(dataKey.value);\n    });\n    const indeterminate = computed(() => {\n      const rst = tree.props.checkable && !tree.props.checkStrictly && tree.halfCheckedKeys.includes(dataKey.value);\n      return rst;\n    });\n\n    const loading = computed(() => {\n      return tree.loadingKeys.includes(dataKey.value);\n    });\n\n    const isDisabled = computed(() => {\n      if (props.data.disabled !== undefined) {\n        return props.data.disabled;\n      }\n\n      if (!tree.props.checkStrictly) {\n        const parentDisabled = tree.isDisabledNode(dataKey.value);\n        if (parentDisabled) {\n          return true;\n        }\n      }\n\n      return tree.props.disabled;\n    });\n\n    const checkStrictly = computed(() => {\n      return tree.props.checkable && tree.props.checkStrictly;\n    });\n\n    // methods\n\n    const pauseEvent = (e: any) => {\n      e.stopPropagation();\n      e.preventDefault();\n    };\n\n    const handleSelectClick = (e: MouseEvent) => {\n      if (!tree.props.selectable || isDisabled.value || tree.props.checkable) {\n        return;\n      }\n      // Windows / Mac single pick\n      const { ctrlKey, metaKey } = e;\n      if (tree.props.multiple && (ctrlKey || metaKey || tree.props.treeSelect)) {\n        // Control click\n        if (tree.selectedKeys.includes(dataKey.value)) {\n          tree.selectedKeys = tree.selectedKeys.filter((x) => x !== dataKey.value);\n        } else {\n          tree.selectedKeys.push(dataKey.value);\n        }\n      } else {\n        tree.selectedKeys = [dataKey.value];\n      }\n\n      tree.fireTreeSelect(e);\n    };\n\n    // #region loadData\n    const isLeaf = (node: InnerTreeItem) => {\n      const hasChildren = node.children && node.children.length !== 0;\n      if (tree.props.loadData !== undefined) {\n        return !!node.isLeaf;\n      }\n      return !hasChildren;\n    };\n\n    const handleExpand = (node: InnerTreeItem, e: any) => {\n      if (isLeaf(node)) return;\n      const keyIndex = tree.expandedKeys.indexOf(dataKey.value);\n      if (keyIndex === -1) {\n        tree.expandedKeys.push(dataKey.value);\n      } else {\n        tree.expandedKeys.splice(keyIndex, 1);\n      }\n      tree.fireTreeExpand(e);\n\n      if (!!tree.props.loadData && keyIndex === -1) {\n        const find = tree.treeDataMap.get(dataKey.value as string);\n        if (find) {\n          tree.asyncLoadData(find);\n        }\n      }\n    };\n    // check click\n    const handleCheck = (e: any) => {\n      tree.fireTreeCheck(e, dataKey.value);\n      pauseEvent(e);\n    };\n    // #region drag\n    const { data } = toRefs(props);\n    const params = {\n      treeContext: tree,\n      node: data,\n      nodeRef: selectHandle,\n      updateExpandKey: handleExpand\n    };\n    const { dragNodeHighlight, dragOver, dragOverGapTop, dragOverGapBottom, onDragStart, onDragEnter, onDragOver, onDragLeave, onDrop, onDragEnd } =\n      useDrag(params);\n    // #endregion\n\n    const treeNodeOperate = (type: 'add' | 'delete', key: string, children?: TreeItem[]) => {\n      tree.treeNodeOperate(type, key, children);\n    };\n    // #endregion\n\n    return {\n      prefixCls,\n      treeNode,\n      selectHandle,\n      dragNodeHighlight,\n      selected,\n      expanded,\n      checked,\n      indeterminate,\n      loading,\n      isDisabled,\n      handleSelectClick,\n      handleExpand,\n      handleCheck,\n      onDragStart,\n      onDragEnter,\n      onDragOver,\n      onDragLeave,\n      onDrop,\n      onDragEnd,\n      dragOver,\n      dragOverGapTop,\n      dragOverGapBottom,\n      isLeaf,\n      treeNodeOperate,\n      checkStrictly,\n      ...toRefs(tree.props)\n      // blockNodeHeight\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","UIcon","UCheckbox","CollapseTransition","Render","ULineLoading","ULineText","treeNodeProps","ref","inject","TREE_CONTEXT_INJECTION_KEY","computed","toRefs","useDrag","_createElementBlock","_normalizeClass","_createElementVNode","_createBlock","_resolveDynamicComponent","_createVNode","_Fragment","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"TreeNode.js","sources":["../../../../src/components/Tree/TreeNode.vue"],"sourcesContent":[", type TreeItem, watch, type TreeItem\n<template>\n  <li\n    ref=\"treeNode\"\n    :class=\"[\n      `${prefixCls}-node`,\n      {\n        [`${prefixCls}-node-open`]: expanded,\n        [`${prefixCls}-node-disabled`]: isDisabled,\n        [`${prefixCls}-node-checkStrictly`]: !isDisabled && checkStrictly,\n        [`${prefixCls}-block-node`]: blockNode,\n        [`${prefixCls}-node-selected`]: !disabled && !data.disabled && selected && blockNode && !checkable,\n        'drag-over': dragOver,\n        'drag-over-gap-top': dragOverGapTop,\n        'drag-over-gap-bottom': dragOverGapBottom\n      }\n    ]\"\n    @dragenter=\"(e: Event) => onDragEnter(e)\"\n    @dragover=\"(e: Event) => onDragOver(e)\"\n    @dragleave=\"(e: Event) => onDragLeave(e)\"\n    @drop=\"(e: Event) => onDrop(e)\"\n    @dragend=\"(e: Event) => onDragEnd(e)\"\n  >\n    <div :class=\"`${prefixCls}-node-wrap`\">\n      <span\n        :class=\"[\n          `${prefixCls}-switcher`,\n          {\n            [`${prefixCls}-switcher-open`]: expanded\n          }\n        ]\"\n        @click=\"(e: Event) => handleExpand(data, e)\"\n      >\n        <UIcon v-if=\"!isLeaf(data) && !loading\" :class=\"`${prefixCls}-switcher-icon`\">\n          <component :is=\"switcherIcon\" />\n        </UIcon>\n        <UIcon v-if=\"loading\" :class=\"`${prefixCls}-switcher-icon`\" spin>\n          <LoaderCircle />\n        </UIcon>\n        <UIcon v-if=\"showLine && (!data.children || data.children.length === 0)\" :class=\"`${prefixCls}-switcher-line-icon`\">\n          <FileIcon />\n        </UIcon>\n      </span>\n      <UCheckbox\n        v-if=\"checkable\"\n        v-show=\"data.checkable !== false\"\n        :model-value=\"checked\"\n        :indeterminate=\"indeterminate\"\n        :disabled=\"isDisabled\"\n        @click=\"(e: Event) => handleCheck(e)\"\n      />\n      <span\n        ref=\"selectHandle\"\n        :class=\"[\n          `${prefixCls}-node-content-wrap`,\n          {\n            [`${prefixCls}-node-selected`]: !disabled && !data.disabled && (selected || dragNodeHighlight) && !blockNode,\n            draggable: !disabled && !data.disabled && draggable,\n            [`${prefixCls}-node-with-operate`]: !!data.operateSlot\n          }\n        ]\"\n        :draggable=\"(!disabled && !data.disabled && draggable) || undefined\"\n        @click=\"(e: Event) => handleSelectClick(e)\"\n        @dragstart=\"(e: Event) => onDragStart(e, data)\"\n      >\n        <template v-if=\"data.slot\">\n          <Render\n            :render=\"\n              () => {\n                return data.slot({\n                  node: data,\n                  origin: data.dataRef,\n                  operate: treeNodeOperate\n                });\n              }\n            \"\n          />\n        </template>\n        <template v-else>\n          {{ data.title }}\n        </template>\n      </span>\n      <div v-if=\"data.operateSlot\" :class=\"`${prefixCls}-node-operate-box`\">\n        <Render\n          :render=\"\n            () => {\n              return data.operateSlot({\n                node: data,\n                origin: data.dataRef,\n                operate: treeNodeOperate\n              });\n            }\n          \"\n        />\n      </div>\n    </div>\n\n    <CollapseTransition :appear=\"appear\">\n      <ul v-if=\"expanded\" :class=\"`${prefixCls}-child-tree`\">\n        <slot name=\"list\" />\n      </ul>\n    </CollapseTransition>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { inject, ref, computed, toRefs, defineComponent } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { FileIcon, LoaderCircle } from 'lucide-vue-next';\nimport UCheckbox from '@uxd-ui/components/Checkbox';\nimport CollapseTransition from '../base/CollapseTransition';\nimport Render from '../base/Render';\nimport useDrag from './hooks/useDrag';\n\nimport { treeNodeProps, TREE_CONTEXT_INJECTION_KEY, type InnerTreeItem, type TreeItem } from './Tree.type';\n\nexport default defineComponent({\n  name: 'UTreeNode',\n  components: {\n    UIcon,\n    UCheckbox,\n    CollapseTransition,\n    Render,\n    LoaderCircle,\n    FileIcon\n  },\n  props: treeNodeProps,\n  setup(props) {\n    const treeNode = ref(null);\n    const selectHandle = ref(null);\n    const tree = inject(TREE_CONTEXT_INJECTION_KEY)!;\n    const { prefixCls } = tree;\n\n    // computed\n    const dataKey = computed(() => tree.getDataKey(props.data));\n\n    const selected = computed(() => {\n      return tree.selectedKeys.includes(dataKey.value);\n    });\n    const expanded = computed(() => {\n      return tree.expandedKeys.includes(dataKey.value);\n    });\n    const checked = computed(() => {\n      return tree.checkedKeys.includes(dataKey.value);\n    });\n    const indeterminate = computed(() => {\n      const rst = tree.props.checkable && !tree.props.checkStrictly && tree.halfCheckedKeys.includes(dataKey.value);\n      return rst;\n    });\n\n    const loading = computed(() => {\n      return tree.loadingKeys.includes(dataKey.value);\n    });\n\n    const isDisabled = computed(() => {\n      if (props.data.disabled !== undefined) {\n        return props.data.disabled;\n      }\n\n      if (!tree.props.checkStrictly) {\n        const parentDisabled = tree.isDisabledNode(dataKey.value);\n        if (parentDisabled) {\n          return true;\n        }\n      }\n\n      return tree.props.disabled;\n    });\n\n    const checkStrictly = computed(() => {\n      return tree.props.checkable && tree.props.checkStrictly;\n    });\n\n    // methods\n\n    const pauseEvent = (e: any) => {\n      e.stopPropagation();\n      e.preventDefault();\n    };\n\n    const handleSelectClick = (e: MouseEvent) => {\n      if (!tree.props.selectable || isDisabled.value || tree.props.checkable) {\n        return;\n      }\n      // Windows / Mac single pick\n      const { ctrlKey, metaKey } = e;\n      if (tree.props.multiple && (ctrlKey || metaKey || tree.props.treeSelect)) {\n        // Control click\n        if (tree.selectedKeys.includes(dataKey.value)) {\n          tree.selectedKeys = tree.selectedKeys.filter((x) => x !== dataKey.value);\n        } else {\n          tree.selectedKeys.push(dataKey.value);\n        }\n      } else {\n        tree.selectedKeys = [dataKey.value];\n      }\n\n      tree.fireTreeSelect(e);\n    };\n\n    // #region loadData\n    const isLeaf = (node: InnerTreeItem) => {\n      const hasChildren = node.children && node.children.length !== 0;\n      if (tree.props.loadData !== undefined) {\n        return !!node.isLeaf;\n      }\n      return !hasChildren;\n    };\n\n    const handleExpand = (node: InnerTreeItem, e: any) => {\n      if (isLeaf(node)) return;\n      const keyIndex = tree.expandedKeys.indexOf(dataKey.value);\n      if (keyIndex === -1) {\n        tree.expandedKeys.push(dataKey.value);\n      } else {\n        tree.expandedKeys.splice(keyIndex, 1);\n      }\n      tree.fireTreeExpand(e);\n\n      if (!!tree.props.loadData && keyIndex === -1) {\n        const find = tree.treeDataMap.get(dataKey.value as string);\n        if (find) {\n          tree.asyncLoadData(find);\n        }\n      }\n    };\n    // check click\n    const handleCheck = (e: any) => {\n      tree.fireTreeCheck(e, dataKey.value);\n      pauseEvent(e);\n    };\n    // #region drag\n    const { data } = toRefs(props);\n    const params = {\n      treeContext: tree,\n      node: data,\n      nodeRef: selectHandle,\n      updateExpandKey: handleExpand\n    };\n    const { dragNodeHighlight, dragOver, dragOverGapTop, dragOverGapBottom, onDragStart, onDragEnter, onDragOver, onDragLeave, onDrop, onDragEnd } =\n      useDrag(params);\n    // #endregion\n\n    const treeNodeOperate = (type: 'add' | 'delete', key: string, children?: TreeItem[]) => {\n      tree.treeNodeOperate(type, key, children);\n    };\n    // #endregion\n\n    return {\n      prefixCls,\n      treeNode,\n      selectHandle,\n      dragNodeHighlight,\n      selected,\n      expanded,\n      checked,\n      indeterminate,\n      loading,\n      isDisabled,\n      handleSelectClick,\n      handleExpand,\n      handleCheck,\n      onDragStart,\n      onDragEnter,\n      onDragOver,\n      onDragLeave,\n      onDrop,\n      onDragEnd,\n      dragOver,\n      dragOverGapTop,\n      dragOverGapBottom,\n      isLeaf,\n      treeNodeOperate,\n      checkStrictly,\n      ...toRefs(tree.props)\n      // blockNodeHeight\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","UIcon","UCheckbox","CollapseTransition","Render","LoaderCircle","FileIcon","treeNodeProps","ref","inject","TREE_CONTEXT_INJECTION_KEY","computed","toRefs","useDrag","_createElementBlock","_normalizeClass","_createElementVNode","_createBlock","_resolveDynamicComponent","_createVNode","_Fragment","_renderSlot"],"mappings":"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"}