@sdata/web-vue 1.8.0 → 1.9.0

package/es/time-picker/index.d.ts

@@ -293,10 +293,10 @@ declare const TimePicker: {
                 };
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
+                onHide?: (() => any) | undefined;
+                onShow?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-                onShow?: (() => any) | undefined;
-                onHide?: (() => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:popupVisible': (_visible: boolean) => true;
                 popupVisibleChange: (_visible: boolean) => true;
@@ -484,10 +484,10 @@ declare const TimePicker: {
                 };
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
+                onHide?: (() => any) | undefined;
+                onShow?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-                onShow?: (() => any) | undefined;
-                onHide?: (() => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
                 disabled: boolean;
                 unmountOnClose: boolean;
@@ -666,10 +666,10 @@ declare const TimePicker: {
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -4220,10 +4220,10 @@ declare const TimePicker: {
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -4411,10 +4411,10 @@ declare const TimePicker: {
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             disabled: boolean;
             unmountOnClose: boolean;
@@ -4593,10 +4593,10 @@ declare const TimePicker: {
         };
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-        onShow?: (() => any) | undefined;
-        onHide?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;

package/es/time-picker/time-picker.vue.d.ts

@@ -375,10 +375,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -566,10 +566,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             disabled: boolean;
             unmountOnClose: boolean;
@@ -748,10 +748,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         };
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-        onShow?: (() => any) | undefined;
-        onHide?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;

package/es/tooltip/index.d.ts

@@ -209,10 +209,10 @@ declare const Tooltip: {
                 };
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
+                onHide?: (() => any) | undefined;
+                onShow?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-                onShow?: (() => any) | undefined;
-                onHide?: (() => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:popupVisible': (_visible: boolean) => true;
                 popupVisibleChange: (_visible: boolean) => true;
@@ -400,10 +400,10 @@ declare const Tooltip: {
                 };
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
+                onHide?: (() => any) | undefined;
+                onShow?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-                onShow?: (() => any) | undefined;
-                onHide?: (() => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
                 disabled: boolean;
                 unmountOnClose: boolean;
@@ -582,10 +582,10 @@ declare const Tooltip: {
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -899,10 +899,10 @@ declare const Tooltip: {
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -1090,10 +1090,10 @@ declare const Tooltip: {
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             disabled: boolean;
             unmountOnClose: boolean;
@@ -1272,10 +1272,10 @@ declare const Tooltip: {
         };
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-        onShow?: (() => any) | undefined;
-        onHide?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;

package/es/tooltip/tooltip.vue.d.ts

@@ -251,10 +251,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -442,10 +442,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             disabled: boolean;
             unmountOnClose: boolean;
@@ -624,10 +624,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         };
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-        onShow?: (() => any) | undefined;
-        onHide?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;

package/es/transfer/index.d.ts

@@ -1135,8 +1135,8 @@ declare const Transfer: {
                     size: "small" | "medium" | "large";
                     loading: boolean;
                     split: boolean;
-                    bordered: boolean;
                     scrollbar: boolean | import("..").ScrollbarProps;
+                    bordered: boolean;
                     bottomOffset: number;
                     maxHeight: string | number;
                     hoverable: boolean;
@@ -1206,8 +1206,8 @@ declare const Transfer: {
                     size: "small" | "medium" | "large";
                     loading: boolean;
                     split: boolean;
-                    bordered: boolean;
                     scrollbar: boolean | import("..").ScrollbarProps;
+                    bordered: boolean;
                     bottomOffset: number;
                     maxHeight: string | number;
                     hoverable: boolean;
@@ -1279,8 +1279,8 @@ declare const Transfer: {
                 size: "small" | "medium" | "large";
                 loading: boolean;
                 split: boolean;
-                bordered: boolean;
                 scrollbar: boolean | import("..").ScrollbarProps;
+                bordered: boolean;
                 bottomOffset: number;
                 maxHeight: string | number;
                 hoverable: boolean;
@@ -1489,9 +1489,9 @@ declare const Transfer: {
                     }>> & Readonly<{
                         onScroll?: ((...args: any[]) => any) | undefined;
                     }>, {
-                        both: boolean;
                         direction: "horizontal" | "vertical";
                         alwaysShow: boolean;
+                        both: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
@@ -1669,9 +1669,9 @@ declare const Transfer: {
                 }>> & Readonly<{
                     onScroll?: ((...args: any[]) => any) | undefined;
                 }>, {
-                    both: boolean;
                     direction: "horizontal" | "vertical";
                     alwaysShow: boolean;
+                    both: boolean;
                 }, {}, {}, {}, 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 & {
                 install: (app: App, options?: SDOptions) => void;
@@ -3141,8 +3141,8 @@ declare const Transfer: {
                 size: "small" | "medium" | "large";
                 loading: boolean;
                 split: boolean;
-                bordered: boolean;
                 scrollbar: boolean | import("..").ScrollbarProps;
+                bordered: boolean;
                 bottomOffset: number;
                 maxHeight: string | number;
                 hoverable: boolean;
@@ -3212,8 +3212,8 @@ declare const Transfer: {
                 size: "small" | "medium" | "large";
                 loading: boolean;
                 split: boolean;
-                bordered: boolean;
                 scrollbar: boolean | import("..").ScrollbarProps;
+                bordered: boolean;
                 bottomOffset: number;
                 maxHeight: string | number;
                 hoverable: boolean;
@@ -3285,8 +3285,8 @@ declare const Transfer: {
             size: "small" | "medium" | "large";
             loading: boolean;
             split: boolean;
-            bordered: boolean;
             scrollbar: boolean | import("..").ScrollbarProps;
+            bordered: boolean;
             bottomOffset: number;
             maxHeight: string | number;
             hoverable: boolean;
@@ -3495,9 +3495,9 @@ declare const Transfer: {
                 }>> & Readonly<{
                     onScroll?: ((...args: any[]) => any) | undefined;
                 }>, {
-                    both: boolean;
                     direction: "horizontal" | "vertical";
                     alwaysShow: boolean;
+                    both: boolean;
                 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
@@ -3675,9 +3675,9 @@ declare const Transfer: {
             }>> & Readonly<{
                 onScroll?: ((...args: any[]) => any) | undefined;
             }>, {
-                both: boolean;
                 direction: "horizontal" | "vertical";
                 alwaysShow: boolean;
+                both: boolean;
             }, {}, {}, {}, 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 & {
             install: (app: App, options?: SDOptions) => void;

package/es/transfer/transfer-view.vue.d.ts

@@ -606,8 +606,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             size: "small" | "medium" | "large";
             loading: boolean;
             split: boolean;
-            bordered: boolean;
             scrollbar: boolean | import("../scrollbar").ScrollbarProps;
+            bordered: boolean;
             bottomOffset: number;
             maxHeight: string | number;
             hoverable: boolean;
@@ -677,8 +677,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             size: "small" | "medium" | "large";
             loading: boolean;
             split: boolean;
-            bordered: boolean;
             scrollbar: boolean | import("../scrollbar").ScrollbarProps;
+            bordered: boolean;
             bottomOffset: number;
             maxHeight: string | number;
             hoverable: boolean;
@@ -750,8 +750,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         size: "small" | "medium" | "large";
         loading: boolean;
         split: boolean;
-        bordered: boolean;
         scrollbar: boolean | import("../scrollbar").ScrollbarProps;
+        bordered: boolean;
         bottomOffset: number;
         maxHeight: string | number;
         hoverable: boolean;
@@ -960,9 +960,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             }>> & Readonly<{
                 onScroll?: ((...args: any[]) => any) | undefined;
             }>, {
-                both: boolean;
                 direction: "horizontal" | "vertical";
                 alwaysShow: boolean;
+                both: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -1140,9 +1140,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         }>> & Readonly<{
             onScroll?: ((...args: any[]) => any) | undefined;
         }>, {
-            both: boolean;
             direction: "horizontal" | "vertical";
             alwaysShow: boolean;
+            both: boolean;
         }, {}, {}, {}, 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 & {
         install: (app: import("vue").App, options?: import("../_utils/types.js").SDOptions) => void;

package/es/transfer/transfer.vue.d.ts

@@ -1186,8 +1186,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 size: "small" | "medium" | "large";
                 loading: boolean;
                 split: boolean;
-                bordered: boolean;
                 scrollbar: boolean | import("..").ScrollbarProps;
+                bordered: boolean;
                 bottomOffset: number;
                 maxHeight: string | number;
                 hoverable: boolean;
@@ -1257,8 +1257,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 size: "small" | "medium" | "large";
                 loading: boolean;
                 split: boolean;
-                bordered: boolean;
                 scrollbar: boolean | import("..").ScrollbarProps;
+                bordered: boolean;
                 bottomOffset: number;
                 maxHeight: string | number;
                 hoverable: boolean;
@@ -1330,8 +1330,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             size: "small" | "medium" | "large";
             loading: boolean;
             split: boolean;
-            bordered: boolean;
             scrollbar: boolean | import("..").ScrollbarProps;
+            bordered: boolean;
             bottomOffset: number;
             maxHeight: string | number;
             hoverable: boolean;
@@ -1540,9 +1540,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 }>> & Readonly<{
                     onScroll?: ((...args: any[]) => any) | undefined;
                 }>, {
-                    both: boolean;
                     direction: "horizontal" | "vertical";
                     alwaysShow: boolean;
+                    both: boolean;
                 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
@@ -1720,9 +1720,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             }>> & Readonly<{
                 onScroll?: ((...args: any[]) => any) | undefined;
             }>, {
-                both: boolean;
                 direction: "horizontal" | "vertical";
                 alwaysShow: boolean;
+                both: boolean;
             }, {}, {}, {}, 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 & {
             install: (app: import("vue").App, options?: import("../_utils/types").SDOptions) => void;

package/es/tree/index.d.ts

@@ -184,8 +184,8 @@ declare const Tree: {
                     level: number;
                     isLeaf: boolean;
                 }) => boolean);
-                readonly checkStrictly: boolean;
                 readonly animation: boolean;
+                readonly checkStrictly: boolean;
                 readonly selectable: boolean | ((node: import("./interface").TreeNodeData, info: {
                     level: number;
                     isLeaf: boolean;
@@ -427,8 +427,8 @@ declare const Tree: {
             level: number;
             isLeaf: boolean;
         }) => boolean);
-        checkStrictly: boolean;
         animation: boolean;
+        checkStrictly: boolean;
         selectable: boolean | ((node: import("./interface").TreeNodeData, info: {
             level: number;
             isLeaf: boolean;
@@ -782,8 +782,8 @@ declare const Tree: {
                     level: number;
                     isLeaf: boolean;
                 }) => boolean);
-                readonly checkStrictly: boolean;
                 readonly animation: boolean;
+                readonly checkStrictly: boolean;
                 readonly selectable: boolean | ((node: import("./interface").TreeNodeData, info: {
                     level: number;
                     isLeaf: boolean;
@@ -990,8 +990,8 @@ declare const Tree: {
             level: number;
             isLeaf: boolean;
         }) => boolean);
-        checkStrictly: boolean;
         animation: boolean;
+        checkStrictly: boolean;
         selectable: boolean | ((node: import("./interface").TreeNodeData, info: {
             level: number;
             isLeaf: boolean;
@@ -1191,8 +1191,8 @@ declare const Tree: {
                 level: number;
                 isLeaf: boolean;
             }) => boolean);
-            readonly checkStrictly: boolean;
             readonly animation: boolean;
+            readonly checkStrictly: boolean;
             readonly selectable: boolean | ((node: import("./interface").TreeNodeData, info: {
                 level: number;
                 isLeaf: boolean;
@@ -1434,8 +1434,8 @@ declare const Tree: {
         level: number;
         isLeaf: boolean;
     }) => boolean);
-    checkStrictly: boolean;
     animation: boolean;
+    checkStrictly: boolean;
     selectable: boolean | ((node: import("./interface").TreeNodeData, info: {
         level: number;
         isLeaf: boolean;

package/es/tree/tree.vue.d.ts

@@ -149,8 +149,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 level: number;
                 isLeaf: boolean;
             }) => boolean);
-            readonly checkStrictly: boolean;
             readonly animation: boolean;
+            readonly checkStrictly: boolean;
             readonly selectable: boolean | ((node: TreeNodeData, info: {
                 level: number;
                 isLeaf: boolean;
@@ -541,8 +541,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         level: number;
         isLeaf: boolean;
     }) => boolean);
-    checkStrictly: boolean;
     animation: boolean;
+    checkStrictly: boolean;
     selectable: boolean | ((node: TreeNodeData, info: {
         level: number;
         isLeaf: boolean;

package/es/tree-select/hooks/use-selected-state.d.ts

@@ -9,6 +9,8 @@ export default function useSelectedState(props: {
     treeCheckStrictly?: boolean;
     fallbackOption?: FallbackOption;
     fieldNames?: TreeFieldNames;
+    showPath?: boolean;
+    separator?: string;
 }): {
     selectedKeys: import("vue").ComputedRef<TreeNodeKey[]>;
     selectedValue: import("vue").ComputedRef<LabelValue[]>;

package/es/tree-select/hooks/use-selected-state.js

@@ -22,7 +22,18 @@ function getKeys(value) {
 }
 function useSelectedState(props) {
 	var _defaultValue$value;
-	const { defaultValue, modelValue, key2TreeNode, multiple, treeCheckable, fallbackOption, fieldNames } = toRefs(props);
+	const { defaultValue, modelValue, key2TreeNode, multiple, treeCheckable, fallbackOption, fieldNames, showPath, separator } = toRefs(props);
+	function getPathLabel(key, node) {
+		var _fieldNames$value, _separator$value;
+		if (!(showPath === null || showPath === void 0 ? void 0 : showPath.value) || !node) return;
+		const nodeDataTitle = (fieldNames === null || fieldNames === void 0 || (_fieldNames$value = fieldNames.value) === null || _fieldNames$value === void 0 ? void 0 : _fieldNames$value.title) || "title";
+		return [...node.pathParentKeys, key].map((pathKey) => key2TreeNode.value.get(pathKey)).filter((pathNode) => Boolean(pathNode)).map((pathNode) => {
+			const pathLabel = pathNode.treeNodeData[nodeDataTitle];
+			if (typeof pathLabel === "string" || typeof pathLabel === "number") return String(pathLabel);
+			if (typeof pathNode.title === "string" || typeof pathNode.title === "number") return String(pathNode.title);
+			return String(pathNode.key);
+		}).join((_separator$value = separator === null || separator === void 0 ? void 0 : separator.value) !== null && _separator$value !== void 0 ? _separator$value : " / ");
+	}
 	function normalizeValue(value) {
 		const validValue = (isArray(value) ? value : [value]).filter(isValidValue);
 		return (multiple === null || multiple === void 0 ? void 0 : multiple.value) || (treeCheckable === null || treeCheckable === void 0 ? void 0 : treeCheckable.value) ? validValue : validValue.slice(0, 1);
@@ -36,12 +47,12 @@ function useSelectedState(props) {
 				originValueMap.set(item.value, item);
 			});
 			validValue.forEach((item) => {
-				var _fieldNames$value, _ref, _ref2, _ref3, _getLabel;
+				var _fieldNames$value2, _ref, _ref2, _ref3, _ref4, _getLabel;
 				const key = getKey(item);
 				const originValueItem = originValueMap.get(key);
 				const node = key2TreeNode.value.get(key);
 				let fallbackNodeData = null;
-				const nodeDataTitle = (fieldNames === null || fieldNames === void 0 || (_fieldNames$value = fieldNames.value) === null || _fieldNames$value === void 0 ? void 0 : _fieldNames$value.title) || "title";
+				const nodeDataTitle = (fieldNames === null || fieldNames === void 0 || (_fieldNames$value2 = fieldNames.value) === null || _fieldNames$value2 === void 0 ? void 0 : _fieldNames$value2.title) || "title";
 				if (!node) {
 					const fallbackResult = isFunction(fallbackOption === null || fallbackOption === void 0 ? void 0 : fallbackOption.value) ? fallbackOption === null || fallbackOption === void 0 ? void 0 : fallbackOption.value(key) : fallbackOption === null || fallbackOption === void 0 ? void 0 : fallbackOption.value;
 					if (fallbackResult === false) return;
@@ -49,7 +60,7 @@ function useSelectedState(props) {
 				}
 				res.push(_objectSpread2(_objectSpread2(_objectSpread2({}, isLabelValue(item) ? item : {}), originValueItem), {}, {
 					value: key,
-					label: (_ref = (_ref2 = (_ref3 = (_getLabel = getLabel(item)) !== null && _getLabel !== void 0 ? _getLabel : node === null || node === void 0 ? void 0 : node.title) !== null && _ref3 !== void 0 ? _ref3 : originValueItem === null || originValueItem === void 0 ? void 0 : originValueItem.label) !== null && _ref2 !== void 0 ? _ref2 : fallbackNodeData === null || fallbackNodeData === void 0 ? void 0 : fallbackNodeData[nodeDataTitle]) !== null && _ref !== void 0 ? _ref : key
+					label: (_ref = (_ref2 = (_ref3 = (_ref4 = (_getLabel = getLabel(item)) !== null && _getLabel !== void 0 ? _getLabel : getPathLabel(key, node)) !== null && _ref4 !== void 0 ? _ref4 : node === null || node === void 0 ? void 0 : node.title) !== null && _ref3 !== void 0 ? _ref3 : originValueItem === null || originValueItem === void 0 ? void 0 : originValueItem.label) !== null && _ref2 !== void 0 ? _ref2 : fallbackNodeData === null || fallbackNodeData === void 0 ? void 0 : fallbackNodeData[nodeDataTitle]) !== null && _ref !== void 0 ? _ref : key
 				}));
 			});
 		}
@@ -67,11 +78,18 @@ function useSelectedState(props) {
 	});
 	const normalizeDefaultValue = normalizeValue((_defaultValue$value = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.value) !== null && _defaultValue$value !== void 0 ? _defaultValue$value : []);
 	const defaultKeys = getKeys(normalizeDefaultValue);
-	const defaultLabelValues = getLabelValues(defaultKeys, getLabelValues(normalizeDefaultValue));
+	const defaultLabelValues = computed(() => getLabelValues(defaultKeys, getLabelValues(normalizeDefaultValue)));
 	const localValueKeys = ref(defaultKeys || []);
-	const localValue = ref(defaultLabelValues);
-	watch(localValueKeys, () => {
-		localValue.value = getLabelValues(localValueKeys.value, defaultLabelValues);
+	const localValue = ref(defaultLabelValues.value);
+	watch([
+		localValueKeys,
+		key2TreeNode,
+		fieldNames,
+		showPath,
+		separator,
+		defaultLabelValues
+	], () => {
+		localValue.value = getLabelValues(localValueKeys.value, defaultLabelValues.value);
 	});
 	watch([computedModelValueKeys, computedModelValue], ([valueKeys, value]) => {
 		localValueKeys.value = valueKeys || [];