vft 0.0.496 → 0.0.498

package/lib/components/tree/index.d.ts

@@ -62,22 +62,10 @@ export declare const VftTree: SFCWithInstall<{
         filterNodeMethod: {
             type: import("vue").PropType<import("./tree.type").FilterNodeMethodFunction>;
         };
-        allowDrop: {
-            type: import("vue").PropType<any>;
-        };
-        renderContent: {
-            type: import("vue").PropType<any>;
-        };
-        accordion: {
-            type: import("vue").PropType<boolean>;
-        };
         renderAfterExpand: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        showCheckbox: {
-            type: import("vue").PropType<boolean>;
-        };
         nodeKey: {
             type: import("vue").PropType<string>;
         };
@@ -85,12 +73,24 @@ export declare const VftTree: SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        renderContent: {
+            type: import("vue").PropType<any>;
+        };
+        showCheckbox: {
+            type: import("vue").PropType<boolean>;
+        };
         allowDrag: {
             type: import("vue").PropType<any>;
         };
+        allowDrop: {
+            type: import("vue").PropType<any>;
+        };
         highlightCurrent: {
             type: import("vue").PropType<boolean>;
         };
+        accordion: {
+            type: import("vue").PropType<boolean>;
+        };
         indent: {
             type: import("vue").PropType<number>;
             default: number;
@@ -98,17 +98,17 @@ export declare const VftTree: SFCWithInstall<{
     }>> & Readonly<{
         "onCurrent-change"?: (() => any) | undefined;
         onCheck?: (() => any) | undefined;
-        "onNode-drag-start"?: (() => any) | undefined;
-        "onNode-drag-leave"?: (() => any) | undefined;
-        "onNode-drag-enter"?: (() => any) | undefined;
-        "onNode-drag-over"?: (() => any) | undefined;
-        "onNode-drag-end"?: (() => any) | undefined;
-        "onNode-drop"?: (() => any) | undefined;
-        "onNode-expand"?: (() => any) | undefined;
         "onCheck-change"?: (() => any) | undefined;
         "onNode-click"?: (() => any) | undefined;
         "onNode-contextmenu"?: (() => any) | undefined;
         "onNode-collapse"?: (() => any) | undefined;
+        "onNode-expand"?: (() => any) | undefined;
+        "onNode-drag-start"?: (() => any) | undefined;
+        "onNode-drag-end"?: (() => any) | undefined;
+        "onNode-drop"?: (() => any) | undefined;
+        "onNode-drag-leave"?: (() => any) | undefined;
+        "onNode-drag-enter"?: (() => any) | undefined;
+        "onNode-drag-over"?: (() => any) | undefined;
     }>, {
         filter: (value: any) => void;
         getNodeKey: (node: import("./model/node").default) => any;
@@ -135,17 +135,17 @@ export declare const VftTree: SFCWithInstall<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "current-change": () => void;
         check: () => void;
-        "node-drag-start": () => void;
-        "node-drag-leave": () => void;
-        "node-drag-enter": () => void;
-        "node-drag-over": () => void;
-        "node-drag-end": () => void;
-        "node-drop": () => void;
-        "node-expand": () => void;
         "check-change": () => void;
         "node-click": () => void;
         "node-contextmenu": () => void;
         "node-collapse": () => void;
+        "node-expand": () => void;
+        "node-drag-start": () => void;
+        "node-drag-end": () => void;
+        "node-drop": () => void;
+        "node-drag-leave": () => void;
+        "node-drag-enter": () => void;
+        "node-drag-over": () => void;
     }, import("vue").PublicProps, {
         data: Array<any>;
         props: import("./tree.type").TreeComponentProps["props"];
@@ -216,22 +216,10 @@ export declare const VftTree: SFCWithInstall<{
         filterNodeMethod: {
             type: import("vue").PropType<import("./tree.type").FilterNodeMethodFunction>;
         };
-        allowDrop: {
-            type: import("vue").PropType<any>;
-        };
-        renderContent: {
-            type: import("vue").PropType<any>;
-        };
-        accordion: {
-            type: import("vue").PropType<boolean>;
-        };
         renderAfterExpand: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        showCheckbox: {
-            type: import("vue").PropType<boolean>;
-        };
         nodeKey: {
             type: import("vue").PropType<string>;
         };
@@ -239,12 +227,24 @@ export declare const VftTree: SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        renderContent: {
+            type: import("vue").PropType<any>;
+        };
+        showCheckbox: {
+            type: import("vue").PropType<boolean>;
+        };
         allowDrag: {
             type: import("vue").PropType<any>;
         };
+        allowDrop: {
+            type: import("vue").PropType<any>;
+        };
         highlightCurrent: {
             type: import("vue").PropType<boolean>;
         };
+        accordion: {
+            type: import("vue").PropType<boolean>;
+        };
         indent: {
             type: import("vue").PropType<number>;
             default: number;
@@ -252,17 +252,17 @@ export declare const VftTree: SFCWithInstall<{
     }>> & Readonly<{
         "onCurrent-change"?: (() => any) | undefined;
         onCheck?: (() => any) | undefined;
-        "onNode-drag-start"?: (() => any) | undefined;
-        "onNode-drag-leave"?: (() => any) | undefined;
-        "onNode-drag-enter"?: (() => any) | undefined;
-        "onNode-drag-over"?: (() => any) | undefined;
-        "onNode-drag-end"?: (() => any) | undefined;
-        "onNode-drop"?: (() => any) | undefined;
-        "onNode-expand"?: (() => any) | undefined;
         "onCheck-change"?: (() => any) | undefined;
         "onNode-click"?: (() => any) | undefined;
         "onNode-contextmenu"?: (() => any) | undefined;
         "onNode-collapse"?: (() => any) | undefined;
+        "onNode-expand"?: (() => any) | undefined;
+        "onNode-drag-start"?: (() => any) | undefined;
+        "onNode-drag-end"?: (() => any) | undefined;
+        "onNode-drop"?: (() => any) | undefined;
+        "onNode-drag-leave"?: (() => any) | undefined;
+        "onNode-drag-enter"?: (() => any) | undefined;
+        "onNode-drag-over"?: (() => any) | undefined;
     }>, {
         filter: (value: any) => void;
         getNodeKey: (node: import("./model/node").default) => any;
@@ -353,22 +353,10 @@ export declare const VftTree: SFCWithInstall<{
     filterNodeMethod: {
         type: import("vue").PropType<import("./tree.type").FilterNodeMethodFunction>;
     };
-    allowDrop: {
-        type: import("vue").PropType<any>;
-    };
-    renderContent: {
-        type: import("vue").PropType<any>;
-    };
-    accordion: {
-        type: import("vue").PropType<boolean>;
-    };
     renderAfterExpand: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    showCheckbox: {
-        type: import("vue").PropType<boolean>;
-    };
     nodeKey: {
         type: import("vue").PropType<string>;
     };
@@ -376,12 +364,24 @@ export declare const VftTree: SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    renderContent: {
+        type: import("vue").PropType<any>;
+    };
+    showCheckbox: {
+        type: import("vue").PropType<boolean>;
+    };
     allowDrag: {
         type: import("vue").PropType<any>;
     };
+    allowDrop: {
+        type: import("vue").PropType<any>;
+    };
     highlightCurrent: {
         type: import("vue").PropType<boolean>;
     };
+    accordion: {
+        type: import("vue").PropType<boolean>;
+    };
     indent: {
         type: import("vue").PropType<number>;
         default: number;
@@ -389,17 +389,17 @@ export declare const VftTree: SFCWithInstall<{
 }>> & Readonly<{
     "onCurrent-change"?: (() => any) | undefined;
     onCheck?: (() => any) | undefined;
-    "onNode-drag-start"?: (() => any) | undefined;
-    "onNode-drag-leave"?: (() => any) | undefined;
-    "onNode-drag-enter"?: (() => any) | undefined;
-    "onNode-drag-over"?: (() => any) | undefined;
-    "onNode-drag-end"?: (() => any) | undefined;
-    "onNode-drop"?: (() => any) | undefined;
-    "onNode-expand"?: (() => any) | undefined;
     "onCheck-change"?: (() => any) | undefined;
     "onNode-click"?: (() => any) | undefined;
     "onNode-contextmenu"?: (() => any) | undefined;
     "onNode-collapse"?: (() => any) | undefined;
+    "onNode-expand"?: (() => any) | undefined;
+    "onNode-drag-start"?: (() => any) | undefined;
+    "onNode-drag-end"?: (() => any) | undefined;
+    "onNode-drop"?: (() => any) | undefined;
+    "onNode-drag-leave"?: (() => any) | undefined;
+    "onNode-drag-enter"?: (() => any) | undefined;
+    "onNode-drag-over"?: (() => any) | undefined;
 }>, {
     filter: (value: any) => void;
     getNodeKey: (node: import("./model/node").default) => any;
@@ -426,17 +426,17 @@ export declare const VftTree: SFCWithInstall<{
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "current-change": () => void;
     check: () => void;
-    "node-drag-start": () => void;
-    "node-drag-leave": () => void;
-    "node-drag-enter": () => void;
-    "node-drag-over": () => void;
-    "node-drag-end": () => void;
-    "node-drop": () => void;
-    "node-expand": () => void;
     "check-change": () => void;
     "node-click": () => void;
     "node-contextmenu": () => void;
     "node-collapse": () => void;
+    "node-expand": () => void;
+    "node-drag-start": () => void;
+    "node-drag-end": () => void;
+    "node-drop": () => void;
+    "node-drag-leave": () => void;
+    "node-drag-enter": () => void;
+    "node-drag-over": () => void;
 }, string, {
     data: Array<any>;
     props: import("./tree.type").TreeComponentProps["props"];

package/lib/components/tree/tree-node.vue.d.ts

@@ -76,9 +76,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     props: Record<string, any>;
     node: Node;
-    accordion: boolean;
     renderAfterExpand: boolean;
     showCheckbox: boolean;
+    accordion: boolean;
 }, {}, {
     CollapseTransition: import("vft/es/utils").SFCWithInstall<{
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {

package/lib/components/tree/tree.type.d.ts

@@ -1,6 +1,7 @@
 import type { Component, ComponentInternalInstance, h, Ref, SetupContext, VNode } from 'vue';
 import type Node from './model/node';
 import type TreeStore from './model/tree-store';
+import type Tree from './tree.vue';
 export interface RootTreeType {
     ctx: SetupContext<any>;
     props: TreeComponentProps;
@@ -101,3 +102,4 @@ export declare interface TreeComponentProps {
     icon: string | Component;
 }
 export declare type NodeDropType = 'before' | 'after' | 'inner' | 'none';
+export type TreeInstance = InstanceType<typeof Tree> & unknown;

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

@@ -70,17 +70,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "current-change": () => void;
     check: () => void;
-    "node-drag-start": () => void;
-    "node-drag-leave": () => void;
-    "node-drag-enter": () => void;
-    "node-drag-over": () => void;
-    "node-drag-end": () => void;
-    "node-drop": () => void;
-    "node-expand": () => void;
     "check-change": () => void;
     "node-click": () => void;
     "node-contextmenu": () => void;
     "node-collapse": () => void;
+    "node-expand": () => void;
+    "node-drag-start": () => void;
+    "node-drag-end": () => void;
+    "node-drop": () => void;
+    "node-drag-leave": () => void;
+    "node-drag-enter": () => void;
+    "node-drag-over": () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TreeProps>, {
     renderAfterExpand: boolean;
     expandOnClickNode: boolean;
@@ -95,17 +95,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>>> & Readonly<{
     "onCurrent-change"?: (() => any) | undefined;
     onCheck?: (() => any) | undefined;
-    "onNode-drag-start"?: (() => any) | undefined;
-    "onNode-drag-leave"?: (() => any) | undefined;
-    "onNode-drag-enter"?: (() => any) | undefined;
-    "onNode-drag-over"?: (() => any) | undefined;
-    "onNode-drag-end"?: (() => any) | undefined;
-    "onNode-drop"?: (() => any) | undefined;
-    "onNode-expand"?: (() => any) | undefined;
     "onCheck-change"?: (() => any) | undefined;
     "onNode-click"?: (() => any) | undefined;
     "onNode-contextmenu"?: (() => any) | undefined;
     "onNode-collapse"?: (() => any) | undefined;
+    "onNode-expand"?: (() => any) | undefined;
+    "onNode-drag-start"?: (() => any) | undefined;
+    "onNode-drag-end"?: (() => any) | undefined;
+    "onNode-drop"?: (() => any) | undefined;
+    "onNode-drag-leave"?: (() => any) | undefined;
+    "onNode-drag-enter"?: (() => any) | undefined;
+    "onNode-drag-over"?: (() => any) | undefined;
 }>, {
     data: Array<any>;
     props: TreeComponentProps["props"];

package/lib/components/tree-select/cache-options.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../select/token.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const u=e.defineComponent({props:{data:{type:Array,default:()=>[]}},setup(t){return e.inject(r.selectV2InjectionKey,null),e.watch(()=>t.data,()=>{},{flush:"post",immediate:!0}),()=>{}}});exports.default=u;

package/lib/components/tree-select/cache-options.d.ts

@@ -0,0 +1,20 @@
+import type { PropType } from 'vue';
+export type CacheOption = {
+    value: string | number | boolean | object;
+    currentLabel: string | number;
+    isDisabled: boolean;
+};
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<CacheOption[]>;
+        default: () => never[];
+    };
+}>, () => undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<CacheOption[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{}>, {
+    data: CacheOption[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/components/tree-select/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tree-select.vue2.cjs");;/* empty css                   */e.default.install=l=>{l.component(e.default.name,e.default)};const t=e.default,u=t;exports.VftTreeSelect=u;exports.default=t;

package/lib/components/tree-select/index.d.ts

@@ -0,0 +1,8 @@
+import type { SFCWithInstall } from 'vft/es/utils';
+import TreeSelect from './tree-select.vue';
+declare const _TreeSelect: SFCWithInstall<typeof TreeSelect>;
+export default _TreeSelect;
+export declare const VftTreeSelect: SFCWithInstall<import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export type { TreeSelectInstance } from './instance';

package/lib/components/tree-select/instance.cjs

@@ -0,0 +1 @@
+"use strict";

package/lib/components/tree-select/instance.d.ts

@@ -0,0 +1,5 @@
+import type { SelectV2Instance } from 'vft/es/components/select/token';
+export type TreeSelectInstance = {
+    treeRef: any;
+    selectRef: SelectV2Instance;
+};

package/lib/components/tree-select/select.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),T=require("@vueuse/core"),c=require("lodash-es");require("../select/index.cjs");const M=require("../select/defaults.cjs");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const p=require("../../constants/aria.cjs"),N=require("../../constants/event.cjs");require("../form/index.cjs");const V=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const O=require("./utils.cjs"),k=e=>e.code||e.key||"";function A(e,a,f,n){if(!Array.isArray(e)||e.length===0)return[];const s=[];return O.treeEach(e,o=>{s.push({[a]:c.get(o,a),[f]:c.get(o,f)})},o=>c.get(o,n)||[]),s}const C=(e,{attrs:a,emit:f},{select:n,tree:s,key:o})=>{const g=V.useNamespace("tree-select");l.watch(()=>e.data,()=>{e.filterable&&l.nextTick(()=>{const t=n.value?.states?.inputValue||"";s.value?.filter(t)})},{flush:"post"});const y=t=>{const r=t.at(-1);if(r.expanded&&r.childNodes.at(-1))y([r.childNodes.at(-1)]);else{s.value?.el$?.querySelector(`[data-key="${t.at(-1).key}"]`)?.focus({preventScroll:!0});return}},v=l.computed(()=>({value:o.value,label:"label",children:"children",...e.props})),m=()=>{l.nextTick(()=>{const t=n.value;if(!t?.states)return;const r=e.data||[],i=v.value.value,h=v.value.label,d=v.value.children,q=A(r,i,h,d),u=e.modelValue;if(u==null||Array.isArray(u)&&u.length===0){t.states.selectedLabel="";return}const x=(Array.isArray(u)?u:[u]).map(b=>{const E=q.find(S=>c.get(S,i)===b);return E?c.get(E,h):""});t.states.selectedLabel=x.filter(Boolean).join(", ")})};return l.onMounted(()=>{m(),T.useEventListener(()=>n.value?.selectRef,"keydown",async t=>{const r=k(t),i=n.value?.expanded;[p.EVENT_CODE.down,p.EVENT_CODE.up].includes(r)&&i&&(await l.nextTick(),setTimeout(()=>{if(p.EVENT_CODE.up===r){const d=s.value?.store?.root?.childNodes;d&&y(d);return}(n.value?.states?.hoveringIndex??-1)>=0&&n.value?.filteredOptions&&s.value?.el$?.querySelector("[data-key]")?.focus({preventScroll:!0})}))},{capture:!0})}),l.watch(()=>[e.data,e.modelValue],m,{immediate:!0,deep:!0}),{...c.pick(l.toRefs(e),Object.keys(M.selectV2Props)),...a,class:l.computed(()=>a.class),style:l.computed(()=>a.style),"onUpdate:modelValue":t=>f(N.UPDATE_MODEL_EVENT,t),valueKey:o,popperClass:l.computed(()=>{const t=[g.e("popper")];return e.popperClass&&t.push(e.popperClass),t.join(" ")}),popperStyle:l.computed(()=>{const t=e.dropdownMaxHeight,r=typeof t=="number"?`${t}px`:String(t||"274px");return{...e.popperStyle||{},"--vft-tree-select-dropdown-max-height":r}}),filterMethod:(t="")=>{e.filterMethod?e.filterMethod(t):e.remoteMethod?e.remoteMethod(t):s.value?.filter(t)}}};exports.useSelect=C;

package/lib/components/tree-select/select.d.ts

@@ -0,0 +1,10 @@
+import type { Ref } from 'vue';
+import type { SelectV2Instance } from 'vft/es/components/select/token';
+export declare const useSelect: (props: any, { attrs, emit }: {
+    attrs: any;
+    emit: any;
+}, { select, tree, key, }: {
+    select: Ref<SelectV2Instance | undefined>;
+    tree: Ref<any>;
+    key: Ref<string>;
+}) => any;

package/lib/components/tree-select/style/css.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-input.css");require("vft/theme-style/vft-tag.css");require("vft/theme-style/vft-scrollbar.css");require("vft/theme-style/vft-popper.css");require("vft/theme-style/vft-virtual-list.css");require("vft/theme-style/vft-select.css");require("vft/theme-style/vft-checkbox.css");require("vft/theme-style/vft-tree.css");require("vft/theme-style/vft-icon.css");require("vft/theme-style/vft-tree-select.css");

package/lib/components/tree-select/style/css.d.ts

@@ -0,0 +1,4 @@
+import 'vft/es/components/select/style/css';
+import 'vft/es/components/tree/style/css';
+import 'vft/es/components/icon/style/css';
+import 'vft/theme-style/vft-tree-select.css';

package/lib/components/tree-select/style/index.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/input.scss");require("vft/theme-style/src/tag.scss");require("vft/theme-style/src/scrollbar.scss");require("vft/theme-style/src/popper.scss");require("vft/theme-style/src/virtual-list.scss");require("vft/theme-style/src/select.scss");require("vft/theme-style/src/checkbox.scss");require("vft/theme-style/src/tree.scss");require("vft/theme-style/src/icon.scss");require("vft/theme-style/src/tree-select.scss");

package/lib/components/tree-select/style/index.d.ts

@@ -0,0 +1,4 @@
+import 'vft/es/components/select/style';
+import 'vft/es/components/tree/style';
+import 'vft/es/components/icon/style';
+import 'vft/theme-style/src/tree-select.scss';

package/lib/components/tree-select/tree-select-option.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),u=l.defineComponent({name:"TreeSelectOption",props:{value:{type:[String,Number,Boolean,Object],required:!0},label:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:!0}},setup(e,{slots:t}){return()=>e.visible?l.h("span",{class:"vft-tree-select-option","data-value":e.value},t.default?t.default():e.label):null}});exports.default=u;

package/lib/components/tree-select/tree-select-option.d.ts

@@ -0,0 +1,42 @@
+declare const component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: (ObjectConstructor | StringConstructor | NumberConstructor | BooleanConstructor)[];
+        required: true;
+    };
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: (ObjectConstructor | StringConstructor | NumberConstructor | BooleanConstructor)[];
+        required: true;
+    };
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    label: string | number;
+    disabled: boolean;
+    visible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default component;

package/lib/components/tree-select/tree-select.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tree-select.vue2.cjs");;/* empty css                   */exports.default=e.default;

package/lib/components/tree-select/tree-select.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/components/tree-select/tree-select.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("lodash-es"),p=require("../select/index.cjs"),y=require("../select/defaults.cjs"),h=require("../tree/index.cjs"),g=require("./select.cjs"),C=require("./tree.cjs"),b={data:Array,emptyText:String,renderAfterExpand:{type:Boolean,default:!0},nodeKey:String,checkStrictly:Boolean,defaultExpandAll:Boolean,expandOnClickNode:{type:Boolean,default:!0},checkOnClickNode:Boolean,checkDescendants:Boolean,autoExpandParent:{type:Boolean,default:!0},defaultCheckedKeys:Array,defaultExpandedKeys:Array,currentNodeKey:[String,Number],renderContent:Function,showCheckbox:Boolean,draggable:Boolean,allowDrag:Function,allowDrop:Function,props:{type:Object,default:()=>({children:"children",label:"label",disabled:"disabled"})},lazy:Boolean,highlightCurrent:Boolean,load:Function,filterNodeMethod:Function,accordion:Boolean,indent:{type:Number,default:18},icon:[String,Object]},k=e.defineComponent({name:"VftTreeSelect",inheritAttrs:!1,props:{...y.selectV2Props,...b,cacheData:{type:Array,default:()=>[]},options:{type:Array,default:()=>[]},dropdownMaxHeight:{type:[Number,String],default:274}},setup(o,n){const{expose:s}=n,t=e.ref(),r=e.ref(),a=e.computed(()=>o.nodeKey||o.valueKey||"value"),u=g.useSelect(o,n,{select:t,tree:r,key:a}),i=C.useTree(o,n,{select:t,tree:r,key:a}),{cacheOptions:v,...f}=i,c=e.reactive({});return s(c),e.onMounted(()=>{Object.assign(c,{...d.pick(r.value,["filter","updateKeyChildren","getCheckedNodes","setCheckedNodes","getCheckedKeys","setCheckedKeys","setChecked","getHalfCheckedNodes","getHalfCheckedKeys","getCurrentKey","getCurrentNode","setCurrentKey","setCurrentNode","getNode","remove","append","insertBefore","insertAfter"]),...d.pick(t.value,["focus","blur"]),selectedLabel:t.value?.selectedLabel??"",treeRef:r.value,selectRef:t.value})}),()=>e.h(p.VftSelect,e.reactive({...u,ref:l=>t.value=l}),{default:()=>null,empty:()=>e.h("div",{style:{display:"none"}}),footer:()=>e.h(h.VftTree,e.reactive({...f,ref:l=>r.value=l}))})}});exports.default=k;

package/lib/components/tree-select/tree.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),x=require("lodash-es"),C=require("../../constants/event.cjs");require("@vueuse/core");const g=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const D=require("../../utils/vue/data-helper.cjs");require("../form/index.cjs");require("../tree/index.cjs");const M=require("./tree-select-option.cjs"),n=require("./utils.cjs"),q=(e,{attrs:f,slots:V,emit:k},{select:y,tree:i,key:E})=>{r.watch([()=>e.modelValue,i],()=>{e.showCheckbox&&r.nextTick(()=>{const l=i.value;l&&!x.isEqual(l.getCheckedKeys(),n.toValidArray(e.modelValue))&&l.setCheckedKeys(n.toValidArray(e.modelValue))})},{immediate:!0,deep:!0});const m=r.computed(()=>({value:E.value,label:"label",children:"children",disabled:"disabled",isLeaf:"isLeaf",...e.props})),d=(l,c)=>{const t=m.value[l];return g.isFunction(t)?t(c,i.value?.getNode(d("value",c))):c[t]},K=n.toValidArray(e.modelValue).map(l=>n.treeFind(e.data||[],c=>d("value",c)===l,c=>d("children",c),(c,t,o,u)=>u&&d("value",u))).filter(l=>n.isValidValue(l)),O=r.computed(()=>{if(!e.renderAfterExpand&&!e.lazy)return[];const l=[];return n.treeEach(e.data.concat(e.cacheData||[]),c=>{const t=d("value",c);l.push({value:t,currentLabel:d("label",c),isDisabled:d("disabled",c)})},c=>d("children",c)),l}),N=()=>i.value?.getCheckedKeys().filter(l=>{const c=i.value?.getNode(l);return!x.isNil(c)&&g.isEmpty(c.childNodes)}),T=["data","emptyText","renderAfterExpand","nodeKey","checkStrictly","defaultExpandAll","expandOnClickNode","checkOnClickNode","checkDescendants","autoExpandParent","defaultCheckedKeys","defaultExpandedKeys","currentNodeKey","renderContent","showCheckbox","draggable","allowDrag","allowDrop","props","lazy","highlightCurrent","load","filterNodeMethod","accordion","indent","icon"];return{...x.pick(r.toRefs(e),T),...f,nodeKey:E,expandOnClickNode:r.computed(()=>!e.checkStrictly&&e.expandOnClickNode),defaultExpandedKeys:r.computed(()=>e.defaultExpandedKeys?e.defaultExpandedKeys.concat(K):K),renderContent:(l,{node:c,data:t,store:o})=>l(M.default,{value:d("value",t),label:d("label",t),disabled:d("disabled",t),visible:c.visible},e.renderContent?()=>e.renderContent(l,{node:c,data:t,store:o}):V.default?()=>V.default({node:c,data:t,store:o}):void 0),filterNodeMethod:(l,c,t)=>e.filterNodeMethod?e.filterNodeMethod(l,c,t):l?new RegExp(D.escapeStringRegexp(l),"i").test(d("label",c)||""):!0,onNodeClick:(l,c,t)=>{if(f.onNodeClick?.(l,c,t),!(e.showCheckbox&&e.checkOnClickNode))if(!e.showCheckbox&&(e.checkStrictly||c.isLeaf)){if(!d("disabled",l)){const o=d("value",l),u={[E.value]:o,label:d("label",l),disabled:d("disabled",l)};if(y.value?.allOptionsValueMap){const h=y.value.allOptionsValueMap.get(o);h?y.value?.onSelect(h.option):y.value?.onSelect(u)}else y.value?.onSelect(u)}}else e.expandOnClickNode&&t.proxy.handleExpandIconClick()},onCheck:(l,c)=>{if(!e.showCheckbox)return;const t=d("value",l),o={};n.treeEach([i.value.store.root],a=>o[a.key]=a,a=>a.childNodes);const u=c.checkedKeys,h=e.multiple?n.toValidArray(e.modelValue).filter(a=>!(a in o)&&!u.includes(a)):[],v=h.concat(u);if(e.checkStrictly)k(C.UPDATE_MODEL_EVENT,e.multiple?v:v.includes(t)?t:void 0);else if(e.multiple){const a=N();k(C.UPDATE_MODEL_EVENT,h.concat(a))}else{const a=n.treeFind([l],s=>!n.isValidArray(d("children",s))&&!d("disabled",s),s=>d("children",s)),b=a?d("value",a):void 0,A=n.isValidValue(e.modelValue)&&!!n.treeFind([l],s=>d("value",s)===e.modelValue,s=>d("children",s));k(C.UPDATE_MODEL_EVENT,b===e.modelValue||A?void 0:b)}r.nextTick(()=>{const a=n.toValidArray(e.modelValue);i.value.setCheckedKeys(a),f.onCheck?.(l,{checkedKeys:i.value.getCheckedKeys(),checkedNodes:i.value.getCheckedNodes(),halfCheckedKeys:i.value.getHalfCheckedKeys(),halfCheckedNodes:i.value.getHalfCheckedNodes()})}),y.value?.focus()},onNodeExpand:(l,c,t)=>{f.onNodeExpand?.(l,c,t),r.nextTick(()=>{if(!e.checkStrictly&&e.lazy&&e.multiple&&c.checked){const o={},u=i.value.getCheckedKeys();n.treeEach([i.value.store.root],a=>o[a.key]=a,a=>a.childNodes);const h=n.toValidArray(e.modelValue).filter(a=>!(a in o)&&!u.includes(a)),v=N();k(C.UPDATE_MODEL_EVENT,h.concat(v))}})},cacheOptions:O}};exports.useTree=q;

package/lib/components/tree-select/tree.d.ts

@@ -0,0 +1,11 @@
+import type { Ref } from 'vue';
+import type { SelectV2Instance } from 'vft/es/components/select/token';
+export declare const useTree: (props: any, { attrs, slots, emit }: {
+    attrs: any;
+    slots: any;
+    emit: any;
+}, { select, tree, key, }: {
+    select: Ref<SelectV2Instance | undefined>;
+    tree: Ref<any>;
+    key: Ref<string>;
+}) => any;

package/lib/components/tree-select/utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@vft/utils");function y(i){return i||i===0}function s(i){return f.isArray(i)&&i.length}function h(i){return f.isArray(i)?i:y(i)?[i]:[]}function V(i,o,e,u,t){for(let n=0;n<i.length;n++){const r=i[n];if(o(r,n,i,t))return u?u(r,n,i,t):r;{const c=e(r);if(s(c)){const d=V(c,o,e,u,r);if(d)return d}}}}function A(i,o,e,u){for(let t=0;t<i.length;t++){const n=i[t];o(n,t,i,u);const r=e(n);s(r)&&A(r,o,e,n)}}exports.isValidArray=s;exports.isValidValue=y;exports.toValidArray=h;exports.treeEach=A;exports.treeFind=V;

package/lib/components/tree-select/utils.d.ts

@@ -0,0 +1,10 @@
+import type { TreeNodeData } from 'vft/es/components/tree/tree.type';
+export declare function isValidValue(val: any): any;
+export declare function isValidArray(val: any): number | false;
+export declare function toValidArray(val: any): any[];
+type TreeCallback<T extends TreeNodeData, R> = (data: T, index: number, array: T[], parent?: T) => R;
+type TreeFindCallback<T extends TreeNodeData> = TreeCallback<T, boolean>;
+export declare function treeFind<T extends TreeNodeData>(treeData: T[], findCallback: TreeFindCallback<T>, getChildren: (data: T) => T[]): T | undefined;
+export declare function treeFind<T extends TreeNodeData, R>(treeData: T[], findCallback: TreeFindCallback<T>, getChildren: (data: T) => T[], resultCallback?: TreeCallback<T, R>, parent?: T): R | undefined;
+export declare function treeEach<T extends TreeNodeData>(treeData: T[], callback: TreeCallback<T, void>, getChildren: (data: T) => T[], parent?: T): void;
+export {};