@routa/ui-vue 0.1.0

package/dist/tree/use-tree-foundation.d.ts

@@ -0,0 +1,37 @@
+import { TreeNode, TreeVisibleRow } from '../../../headless/src/index.ts';
+import { TreeProps, TreeResolvedFieldNames } from './types';
+export declare const useTreeFoundation: (props: TreeProps, emit: (...args: any[]) => void) => {
+    context: {
+        props: TreeProps;
+        fieldNames: import('vue').ComputedRef<TreeResolvedFieldNames>;
+        visibleRows: import('vue').Ref<TreeVisibleRow<TreeNode>[], TreeVisibleRow<TreeNode>[]>;
+        filterText: import('vue').Ref<string, string>;
+        focusedKey: import('vue').Ref<any, any>;
+        activeDescendantId: import('vue').ComputedRef<string | undefined>;
+        getNodeLabel: (node: TreeNode) => string;
+        getRowId: (key: any) => string;
+        handleTreeFocus: () => void;
+        handleTreeKeydown: (event: KeyboardEvent) => void;
+        handleRowClick: (row: TreeVisibleRow) => void;
+        handleRowToggle: (row: TreeVisibleRow) => void;
+        handleRowCheck: (row: TreeVisibleRow) => void;
+    };
+    expose: {
+        setCurrentKey: (key: any) => void;
+        getCurrentNode: () => TreeNode | undefined;
+        setCheckedKeys: (keys: any[]) => void;
+        getCheckedKeys: () => any[];
+        getCheckedNodes: () => TreeNode[];
+        getHalfCheckedKeys: () => any[];
+        getHalfCheckedNodes: () => TreeNode[];
+        setExpandedKeys: (keys: any[]) => void;
+        expandAll: () => void;
+        collapseAll: () => void;
+        filter: (value: string) => void;
+    };
+    visibleRows: import('vue').Ref<TreeVisibleRow<TreeNode>[], TreeVisibleRow<TreeNode>[]>;
+    filterText: import('vue').Ref<string, string>;
+    getNodeLabel: (node: TreeNode) => string;
+    handleFilterInput: (event: Event) => void;
+    hasRows: import('vue').ComputedRef<boolean>;
+};

package/dist/tree-select/TreeNode.vue.d.ts

@@ -0,0 +1,7 @@
+import { TreeNode as ITreeNode } from '../../../headless/src/index.ts';
+type __VLS_Props = {
+    node: ITreeNode;
+    level: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/tree-select/TreeSelect.vue.d.ts

@@ -0,0 +1,210 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import('vue').PropType<any | any[]>;
+        readonly default: null;
+    };
+    readonly nodes: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').TreeNode[]>;
+        readonly default: undefined;
+    };
+    readonly data: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').TreeNode[]>;
+        readonly default: () => never[];
+    };
+    readonly defaultExpandedKeys: {
+        readonly type: import('vue').PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly nodeKey: {
+        readonly type: StringConstructor;
+        readonly default: "id";
+    };
+    readonly labelKey: {
+        readonly type: StringConstructor;
+        readonly default: "label";
+    };
+    readonly childrenKey: {
+        readonly type: StringConstructor;
+        readonly default: "children";
+    };
+    readonly fieldNames: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').TreeFieldNames>;
+        readonly default: undefined;
+    };
+    readonly multiple: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly filterable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请选择";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+    };
+    readonly checkStrictly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly noDataText: {
+        readonly type: StringConstructor;
+        readonly default: "无数据";
+    };
+    readonly showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly autoExpandParent: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>, {
+    getCheckedKeys: () => any[];
+    getCheckedNodes: () => import('../../../headless/src/index.ts').TreeNode[];
+    getHalfCheckedKeys: () => any[];
+    getHalfCheckedNodes: () => import('../../../headless/src/index.ts').TreeNode[];
+    setCheckedKeys: (keys: any[]) => void;
+    setCheckedNodes: (nodes: any[]) => void;
+    setAllExpand: (expand: boolean) => void;
+    expandAll: () => void;
+    collapseAll: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (_val: any) => void;
+    clear: () => void;
+    "update:modelValue": (_val: any) => void;
+    "visible-change": (_visible: boolean) => void;
+    "node-click": (_node: import('../../../headless/src/index.ts').TreeNode) => void;
+    check: (_data: {
+        checkedKeys: any[];
+        halfCheckedKeys: any[];
+        checkedNodes: import('../../../headless/src/index.ts').TreeNode[];
+        halfCheckedNodes: import('../../../headless/src/index.ts').TreeNode[];
+    }) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import('vue').PropType<any | any[]>;
+        readonly default: null;
+    };
+    readonly nodes: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').TreeNode[]>;
+        readonly default: undefined;
+    };
+    readonly data: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').TreeNode[]>;
+        readonly default: () => never[];
+    };
+    readonly defaultExpandedKeys: {
+        readonly type: import('vue').PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly nodeKey: {
+        readonly type: StringConstructor;
+        readonly default: "id";
+    };
+    readonly labelKey: {
+        readonly type: StringConstructor;
+        readonly default: "label";
+    };
+    readonly childrenKey: {
+        readonly type: StringConstructor;
+        readonly default: "children";
+    };
+    readonly fieldNames: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').TreeFieldNames>;
+        readonly default: undefined;
+    };
+    readonly multiple: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly filterable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请选择";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+    };
+    readonly checkStrictly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly noDataText: {
+        readonly type: StringConstructor;
+        readonly default: "无数据";
+    };
+    readonly showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly autoExpandParent: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>> & Readonly<{
+    onChange?: ((_val: any) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((_val: any) => any) | undefined;
+    "onVisible-change"?: ((_visible: boolean) => any) | undefined;
+    "onNode-click"?: ((_node: import('../../../headless/src/index.ts').TreeNode) => any) | undefined;
+    onCheck?: ((_data: {
+        checkedKeys: any[];
+        halfCheckedKeys: any[];
+        checkedNodes: import('../../../headless/src/index.ts').TreeNode[];
+        halfCheckedNodes: import('../../../headless/src/index.ts').TreeNode[];
+    }) => any) | undefined;
+}>, {
+    readonly data: import('../../../headless/src/index.ts').TreeNode[];
+    readonly loading: boolean;
+    readonly disabled: boolean;
+    readonly multiple: boolean;
+    readonly modelValue: any;
+    readonly nodes: import('../../../headless/src/index.ts').TreeNode[];
+    readonly defaultExpandedKeys: any[];
+    readonly nodeKey: string;
+    readonly labelKey: string;
+    readonly childrenKey: string;
+    readonly fieldNames: import('../../../headless/src/index.ts').TreeFieldNames;
+    readonly checkStrictly: boolean;
+    readonly autoExpandParent: boolean;
+    readonly placeholder: string;
+    readonly clearable: boolean;
+    readonly filterable: boolean;
+    readonly noDataText: string;
+    readonly showIcon: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    selectRef: HTMLDivElement;
+    popperRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/tree-select/index.d.ts

@@ -0,0 +1,7 @@
+import { Plugin } from 'vue';
+import { default as TreeSelect } from './TreeSelect.vue';
+import { default as TreeNode } from './TreeNode.vue';
+export declare const LTreeSelect: typeof TreeSelect & Plugin;
+export declare const LTreeNode: typeof TreeNode & Plugin;
+export * from './types';
+export default LTreeSelect;

package/dist/tree-select/index.js

@@ -0,0 +1,3 @@
+require('../style/tree-select.css');
+require('../style/Icon.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../chunks/manager-C0AUxQ1I.js");const ce=require("../chunks/z-index-CNZLw1v7.js"),re=require("../chunks/auto-update-6n8Xn1EH.js"),H=require("../chunks/index-DWAWrVaT.js"),de=require("../chunks/controller-D1BTHmfO.js"),ie=require("../chunks/controller-BnNZOOMj.js"),ue=require("../chunks/use-signals-Bz1smiXh.js"),fe=require("../config-provider/index.js"),pe=require("../chunks/use-form-item-CloIcyon.js"),me=require("../chunks/use-id-BycaM3-h.js"),G=require("../chunks/Icon.vue_vue_type_script_setup_true_lang-YDWguTmi.js"),ve=require("../icon/index.js"),J=s=>Array.isArray(s)?[...s]:s==null||s===""?[]:[s],ye=s=>s.nodes??s.data??[],he=(s,c)=>{var r;if((r=c.fieldNames)!=null&&r.key)return c.fieldNames.key;if(c.nodeKey&&c.nodeKey!=="id")return c.nodeKey;const t=s[0];return!t||typeof t!="object"||"id"in t?"id":"key"in t?"key":"value"in t?"value":"id"},R=(s,c)=>{var r,a;const t=he(s,c);return{key:t,id:t,label:((r=c.fieldNames)==null?void 0:r.label)??c.labelKey??"label",children:((a=c.fieldNames)==null?void 0:a.children)??c.childrenKey??"children"}},Q=(s,c)=>c?[...s]:s[0]??null;function ke(s={}){const c=s.multiple??!1,t=ye(s),r=R(t,s),a=ie.createTreeController({nodes:t,selectedKeys:J(s.modelValue),expandedKeys:s.defaultExpandedKeys,multiple:c,checkStrictly:s.checkStrictly,fieldNames:r,onSelect:n=>{var N,o;const k=Q(n,c);(N=s.onChange)==null||N.call(s,k),c&&((o=s.onCheck)==null||o.call(s,{checkedKeys:n,halfCheckedKeys:a.actions.getHalfCheckedKeys(),checkedNodes:a.actions.getCheckedNodes(),halfCheckedNodes:a.actions.getHalfCheckedNodes()}))}}),y=de.createFloatingController({placement:s.placement??"bottom-start",offset:s.offset??4,flip:s.flip??!0,shift:s.shift??!0,onOpen:()=>{var n;return(n=s.onVisibleChange)==null?void 0:n.call(s,!0)},onClose:()=>{var n;return(n=s.onVisibleChange)==null?void 0:n.call(s,!1)}}),m=H.computed(()=>{const n=new Map,k=a.state.fieldNames,N=k.id,o=k.label,T=k.children,E=$=>{$.forEach(_=>{n.set(_[N],_[o]);const g=_[T];Array.isArray(g)&&E(g)})};return E(a.state.data),n}),B=H.computed(()=>{if(c)return"";const n=a.state.selectedKeys[0];return n==null||n===""?"":m.value.get(n)??n}),z=H.computed(()=>a.state.selectedKeys.length>0),p=n=>{s.autoExpandParent!==!1&&n.length>0&&a.actions.expandParents(n)},C=n=>{const k=J(n);a.actions.setCheckedKeys(k),p(k)},u=n=>{a.actions.setFocusedKey(n),a.actions.select(n),p(a.state.selectedKeys),c||y.actions.close()},v=n=>{a.actions.setCheckedKeys(n),p(n)},A=n=>{const k=a.state.fieldNames.key??a.state.fieldNames.id,N=n.map(o=>o[k]);v(N)},h=n=>{a.state.data=n,a.state.fieldNames=R(n,s),p(a.state.selectedKeys)},S=n=>{a.state.fieldNames=R(a.state.data,{...s,fieldNames:n}),p(a.state.selectedKeys)};return p(a.state.selectedKeys),{state:{get data(){return a.state.data},get selectedKeys(){return a.state.selectedKeys},get indeterminateKeys(){return a.state.indeterminateKeys},get expandedKeys(){return a.state.expandedKeys},get focusedKey(){return a.state.focusedKey},set focusedKey(n){a.state.focusedKey=n},get filterText(){return a.state.filterText},set filterText(n){a.state.filterText=n},get fieldNames(){return a.state.fieldNames},get visibleRows(){return a.state.visibleRows},get isOpen(){return y.state.isOpen},set isOpen(n){y.state.isOpen=n},get x(){return y.state.x},get y(){return y.state.y},get placement(){return y.state.placement},get modelValue(){return Q(a.state.selectedKeys,c)},get displayLabel(){return B.value},get hasValues(){return z.value},get multiple(){return c}},actions:{open:y.actions.open,close:y.actions.close,toggle:y.actions.toggle,updatePosition:y.actions.updatePosition,syncModelValue:C,setData:h,setFieldNames:S,select:u,toggleExpand:a.actions.toggleExpand,focusFirst:a.actions.focusFirst,focusLast:a.actions.focusLast,focusNext:a.actions.focusNext,focusPrevious:a.actions.focusPrevious,focusParent:a.actions.focusParent,focusFirstChild:a.actions.focusFirstChild,setFocusedKey:a.actions.setFocusedKey,setCheckedKeys:v,setCheckedNodes:A,getCheckedKeys:a.actions.getCheckedKeys,getCheckedNodes:a.actions.getCheckedNodes,getHalfCheckedKeys:a.actions.getHalfCheckedKeys,getHalfCheckedNodes:a.actions.getHalfCheckedNodes,expandAll:a.actions.expandAll,collapseAll:a.actions.collapseAll,expandParents:a.actions.expandParents,getLabel:n=>m.value.get(n)??n}}}const X={modelValue:{type:[String,Number,Array],default:null},nodes:{type:Array,default:void 0},data:{type:Array,default:()=>[]},defaultExpandedKeys:{type:Array,default:()=>[]},nodeKey:{type:String,default:"id"},labelKey:{type:String,default:"label"},childrenKey:{type:String,default:"children"},fieldNames:{type:Object,default:void 0},multiple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},filterable:{type:Boolean,default:!1},placeholder:{type:String,default:"请选择"},size:{type:String},checkStrictly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},noDataText:{type:String,default:"无数据"},showIcon:{type:Boolean,default:!0},autoExpandParent:{type:Boolean,default:!0}},Y={"update:modelValue":s=>!0,change:s=>!0,check:s=>!0,clear:()=>!0,"visible-change":s=>!0,"node-click":s=>!0},q=Symbol("TreeSelectKey"),ge=["id","data-tree-key","aria-level","aria-expanded","aria-selected","aria-checked","aria-disabled"],be=["aria-label"],Ne={key:1,class:"l-tree-node__icon"},_e={key:0,viewBox:"0 0 1024 1024",width:"16",height:"16"},Ce={key:1,viewBox:"0 0 1024 1024",width:"16",height:"16"},Ke=["aria-checked","disabled"],Be={key:0,viewBox:"0 0 16 16",width:"12",height:"12"},Ee={key:1,viewBox:"0 0 1024 1024",width:"10",height:"10"},we={class:"l-tree-node__label"},xe={key:3,class:"l-tree-node__check","aria-hidden":"true"},Ve={key:0,class:"l-tree-node__children"},ee=e.defineComponent({name:"TreeNode",__name:"TreeNode",props:{node:{},level:{}},setup(s){const c=s,t=e.inject(q),r=e.computed(()=>(t==null?void 0:t.fieldNames.id)||"id"),a=e.computed(()=>(t==null?void 0:t.fieldNames.label)||"label"),y=e.computed(()=>(t==null?void 0:t.fieldNames.children)||"children"),m=e.computed(()=>c.node[r.value]),B=e.computed(()=>c.node[a.value]),z=e.computed(()=>c.node[y.value]||[]),p=e.computed(()=>t==null?void 0:t.visibleRows.value.find(b=>b.key===m.value)),C=e.computed(()=>t==null?void 0:t.expandedKeys.value.includes(m.value)),u=e.computed(()=>t==null?void 0:t.selectedKeys.value.includes(m.value)),v=e.computed(()=>t==null?void 0:t.indeterminateKeys.value.includes(m.value)),A=e.computed(()=>(t==null?void 0:t.focusedKey.value)===m.value),h=e.computed(()=>z.value.length>0),S=e.computed(()=>["l-tree-node",{"is-selected":u.value,"is-indeterminate":v.value}]),n=e.computed(()=>{if(!(t!=null&&t.filterText.value))return!0;const b=t.filterText.value.toLowerCase(),f=L=>{if(String(L[a.value]).toLowerCase().includes(b))return!0;const w=L[y.value];return(w==null?void 0:w.some(P=>f(P)))??!1};return f(c.node)}),k=b=>{b.stopPropagation(),h.value&&(t!=null&&t.focusedKey&&(t.focusedKey.value=m.value),t==null||t.toggleExpand(m.value))},N=()=>{c.node.disabled||(t!=null&&t.focusedKey&&(t.focusedKey.value=m.value),t==null||t.select(m.value))},o=e.computed(()=>["l-tree-node__content",{"is-selected":u.value,"is-indeterminate":v.value,"is-focused":A.value,"is-disabled":c.node.disabled,"is-expanded":C.value,"is-leaf":!h.value}]),T=e.computed(()=>{const f=c.level*22+8;return{"--l-tree-level":c.level,"--l-tree-node-offset":`${f}px`}}),E=e.computed(()=>(t==null?void 0:t.props.multiple)??!1),$=e.computed(()=>(t==null?void 0:t.props.showIcon)??!0),_=e.computed(()=>E.value?void 0:u.value?"true":"false"),g=e.computed(()=>{if(E.value)return v.value?"mixed":u.value?"true":"false"}),x=e.computed(()=>c.node.icon),D=e.computed(()=>{if(!$.value)return!1;const b=x.value;return!(b===!1||b===null||b==="none")}),K=e.computed(()=>x.value===void 0);return(b,f)=>{var w,P;const L=e.resolveComponent("TreeNode",!0);return n.value?(e.openBlock(),e.createElementBlock("div",{key:0,id:(w=e.unref(t))==null?void 0:w.getRowId(m.value),class:e.normalizeClass(S.value),"data-tree-key":m.value,role:"treeitem","aria-level":(((P=p.value)==null?void 0:P.level)??s.level)+1,"aria-expanded":h.value?C.value?"true":"false":void 0,"aria-selected":_.value,"aria-checked":g.value,"aria-disabled":c.node.disabled?"true":"false",style:e.normalizeStyle({"--l-tree-level":s.level,"--l-tree-branch-width":"8px"})},[e.createElementVNode("div",{class:e.normalizeClass(o.value),style:e.normalizeStyle(T.value),onClick:N},[h.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:e.normalizeClass(["l-tree-node__expand-icon",{"is-expanded":C.value}]),"aria-label":C.value?"Collapse node":"Expand node",onClick:k},[...f[0]||(f[0]=[e.createElementVNode("svg",{viewBox:"0 0 1024 1024",width:"10",height:"10"},[e.createElementVNode("path",{fill:"currentColor",d:"M338.752 104.448l65.344-65.344L836.48 471.552l-432.384 432.384-65.344-65.344 367.04-367.04z"})],-1)])],10,be)):e.createCommentVNode("",!0),D.value?(e.openBlock(),e.createElementBlock("span",Ne,[K.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[h.value?(e.openBlock(),e.createElementBlock("svg",_e,[...f[1]||(f[1]=[e.createElementVNode("path",{fill:"currentColor",d:"M880 298.4H521L437.3 151c-4.1-7.1-11.7-11.5-19.9-11.5H144c-17.7 0-32 14.3-32 32v685c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32zm-40 530.5H184V211.4h216.7L484.4 353c4.1 7.1 11.7 11.5 19.9 11.5H840v464.4z"},null,-1)])])):(e.openBlock(),e.createElementBlock("svg",Ce,[...f[2]||(f[2]=[e.createElementVNode("path",{fill:"currentColor",d:"M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v222c0 17.7 14.3 32 32 32h226v498z"},null,-1)])]))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[typeof x.value=="string"?(e.openBlock(),e.createBlock(G._sfc_main,{key:0,name:x.value,size:"16"},null,8,["name"])):(e.openBlock(),e.createBlock(G._sfc_main,{key:1,component:x.value,size:"16"},null,8,["component"]))],64))])):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button",class:e.normalizeClass(["l-tree-node__checkbox",{"is-checked":u.value,"is-indeterminate":v.value}]),role:"checkbox","aria-checked":g.value,disabled:c.node.disabled,onClick:e.withModifiers(N,["stop"])},[u.value?(e.openBlock(),e.createElementBlock("svg",Be,[...f[3]||(f[3]=[e.createElementVNode("path",{fill:"currentColor",d:"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"},null,-1)])])):v.value?(e.openBlock(),e.createElementBlock("svg",Ee,[...f[4]||(f[4]=[e.createElementVNode("path",{fill:"currentColor",d:"M128 448h768v128H128z"},null,-1)])])):e.createCommentVNode("",!0)],10,Ke)):e.createCommentVNode("",!0),e.createElementVNode("span",we,e.toDisplayString(B.value),1),u.value&&!E.value?(e.openBlock(),e.createElementBlock("span",xe,[...f[5]||(f[5]=[e.createElementVNode("svg",{viewBox:"0 0 16 16",width:"14",height:"14"},[e.createElementVNode("path",{fill:"currentColor",d:"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"})],-1)])])):e.createCommentVNode("",!0)],6),h.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",Ve,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.value,M=>(e.openBlock(),e.createBlock(L,{key:M[r.value],node:M,level:s.level+1},null,8,["node","level"]))),128))],512)),[[e.vShow,C.value]]):e.createCommentVNode("",!0)],14,ge)):e.createCommentVNode("",!0)}}}),Se=["id","disabled"],Te=["aria-expanded","aria-disabled"],Le={key:0,class:"l-tree-select__tags"},Fe={class:"l-tree-select-tag__text"},ze=["onClick"],Pe=["id","placeholder"],Ae=["id","placeholder"],$e={key:1,class:"l-tree-select__value"},Me={key:2,class:"l-tree-select__placeholder"},De={class:"l-tree-select__suffix"},Ie=["data-theme"],He={class:"l-tree-select__dropdown"},Re={key:0,class:"l-tree-select__empty"},qe=["aria-activedescendant","aria-multiselectable","aria-disabled"],Oe=e.defineComponent({name:"TreeSelect",__name:"TreeSelect",props:X,emits:Y,setup(s,{expose:c,emit:t}){const r=s,a=t,{teleportedCssVars:y,teleportedTheme:m}=fe.useTeleportedConfig(),{formItem:B,size:z,disabled:p,inputId:C}=pe.useFormItem(r),u=e.ref(null),v=e.ref(null),A=me.useId("l-tree-select"),h=(C==null?void 0:C.value)||A,S=`${h}-tree`,n=e.computed(()=>r.nodes??r.data),k=()=>{var d;if((d=r.fieldNames)!=null&&d.key)return r.fieldNames.key;if(r.nodeKey!=="id")return r.nodeKey;const l=n.value[0];return!l||typeof l!="object"||"id"in l?"id":"key"in l?"key":"value"in l?"value":"id"},N=e.computed(()=>{var d,i;const l=k();return{key:l,id:l,label:((d=r.fieldNames)==null?void 0:d.label)??r.labelKey,children:((i=r.fieldNames)==null?void 0:i.children)??r.childrenKey}}),o=ke({data:n.value,modelValue:r.modelValue,defaultExpandedKeys:r.defaultExpandedKeys,nodeKey:r.nodeKey,labelKey:r.labelKey,childrenKey:r.childrenKey,fieldNames:N.value,multiple:r.multiple,checkStrictly:r.checkStrictly,autoExpandParent:r.autoExpandParent,onChange:l=>{a("update:modelValue",l),a("change",l),B==null||B.validate("change").catch(()=>{})},onCheck:l=>{a("check",l)},onVisibleChange:l=>{a("visible-change",l)}}),{selectedKeys:T,indeterminateKeys:E,expandedKeys:$,focusedKey:_,filterText:g,fieldNames:x,visibleRows:D,isOpen:K,x:b,y:f,displayLabel:L,hasValues:w}=ue.useController(o);e.watch(n,l=>{o.actions.setData(l)},{deep:!0}),e.watch(N,l=>{o.actions.setFieldNames(l)},{deep:!0}),e.watch(()=>r.modelValue,l=>{o.actions.syncModelValue(l)},{deep:!0});const P=()=>D.value.find(l=>l.key===_.value),M=l=>`${h}-row-${String(l)}`,O=e.computed(()=>_.value==null?void 0:M(_.value)),U=()=>{p.value||_.value==null&&o.actions.focusFirst()},F=()=>{u.value&&v.value&&o.actions.updatePosition(u.value,v.value)},j=l=>{if(p.value)return;const d=P();let i=!0;switch(l.key){case"ArrowDown":o.actions.focusNext();break;case"ArrowUp":o.actions.focusPrevious();break;case"Home":o.actions.focusFirst();break;case"End":o.actions.focusLast();break;case"ArrowRight":d?!d.isLeaf&&!d.isExpanded?(o.actions.toggleExpand(d.key),e.nextTick(F)):o.actions.focusFirstChild():o.actions.focusFirst();break;case"ArrowLeft":d?!d.isLeaf&&d.isExpanded?(o.actions.toggleExpand(d.key),e.nextTick(F)):o.actions.focusParent():o.actions.focusFirst();break;case"Enter":case" ":case"Spacebar":d&&!d.isDisabled&&o.actions.select(d.key);break;default:i=!1}i&&l.preventDefault()},le=()=>{p.value||(K.value||o.actions.open(),e.nextTick(()=>{var l;_.value==null&&o.actions.focusFirst(),(l=document.getElementById(S))==null||l.focus()}))},ae=l=>{if(!p.value)switch(l.key){case"ArrowDown":case"Enter":case" ":case"Spacebar":l.preventDefault(),le();break;case"Escape":if(!K.value)return;l.preventDefault(),o.actions.close();break}},{nextZIndex:se}=ce.useZIndex(),Z=e.ref(2e3),ne=()=>{p.value||o.actions.toggle()},oe=e.computed(()=>({top:`${f.value}px`,left:`${b.value}px`,width:u.value?`${u.value.offsetWidth}px`:"auto",zIndex:Z.value,...y.value})),W=l=>{u.value&&!u.value.contains(l.target)&&v.value&&!v.value.contains(l.target)&&o.actions.close()};let V=null;return e.watch(K,async l=>{var d;if(l){if(Z.value=se(),await e.nextTick(),F(),u.value&&v.value&&(V=re.autoUpdate(u.value,v.value,F)),r.filterable){const i=(d=u.value)==null?void 0:d.querySelector(".l-tree-select__input");i==null||i.focus()}return}V==null||V(),V=null,g.value="",B==null||B.validate("blur").catch(()=>{})}),e.onMounted(()=>{document.addEventListener("click",W),window.addEventListener("resize",F)}),e.onUnmounted(()=>{document.removeEventListener("click",W),window.removeEventListener("resize",F),V==null||V(),V=null,o.actions.close()}),e.provide(q,{props:r,selectedKeys:T,indeterminateKeys:E,expandedKeys:$,filterText:g,visibleRows:D,focusedKey:_,fieldNames:x.value,activeDescendantId:O,getRowId:M,handleTreeFocus:U,handleTreeKeydown:j,select:l=>{o.actions.select(l)},toggleExpand:l=>{o.actions.setFocusedKey(l),o.actions.toggleExpand(l),e.nextTick(F)}}),c({getCheckedKeys:()=>T.value,getCheckedNodes:()=>o.actions.getCheckedNodes(),getHalfCheckedKeys:()=>E.value,getHalfCheckedNodes:()=>o.actions.getHalfCheckedNodes(),setCheckedKeys:l=>{o.actions.setCheckedKeys(l),a("update:modelValue",r.multiple?l:l[0]??null)},setCheckedNodes:l=>{o.actions.setCheckedNodes(l),a("update:modelValue",o.state.modelValue)},setAllExpand:l=>{if(l){o.actions.expandAll();return}o.actions.collapseAll()},expandAll:()=>o.actions.expandAll(),collapseAll:()=>o.actions.collapseAll()}),(l,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:u,class:e.normalizeClass(["l-tree-select",[`l-tree-select--${e.unref(z)}`,{"is-open":e.unref(K),"is-disabled":e.unref(p)}]])},[e.createElementVNode("input",{id:e.unref(h),type:"text",style:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)","white-space":"nowrap",border:"0"},"aria-hidden":"true",tabindex:"-1",disabled:e.unref(p)},null,8,Se),e.createElementVNode("div",{class:"l-tree-select__trigger",role:"combobox",tabindex:"0","aria-haspopup":"tree","aria-expanded":e.unref(K)?"true":"false","aria-controls":S,"aria-disabled":e.unref(p)?"true":"false",onClick:ne,onKeydown:ae},[l.multiple?(e.openBlock(),e.createElementBlock("div",Le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(T),i=>(e.openBlock(),e.createElementBlock("span",{key:i,class:"l-tree-select-tag"},[e.createElementVNode("span",Fe,e.toDisplayString(e.unref(o).actions.getLabel(i)),1),e.createElementVNode("button",{type:"button",class:"l-tree-select-tag__close","aria-label":"Remove selected node",onClick:e.withModifiers(Ue=>e.unref(o).actions.select(i),["stop"])},[...d[4]||(d[4]=[e.createElementVNode("svg",{viewBox:"0 0 1024 1024",width:"10",height:"10"},[e.createElementVNode("path",{fill:"currentColor",d:"M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9c-4.4 5.2-.7 13.1 6.1 13.1h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"})],-1)])],8,ze)]))),128)),l.filterable?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,id:`${e.unref(h)}-input`,"onUpdate:modelValue":d[0]||(d[0]=i=>e.isRef(g)?g.value=i:null),type:"text",class:"l-tree-select__input",placeholder:e.unref(w)?"":l.placeholder,onClick:d[1]||(d[1]=e.withModifiers(i=>e.unref(K)?null:e.unref(o).actions.open(),["stop"]))},null,8,Pe)),[[e.vModelText,e.unref(g)]]):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[l.filterable?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,id:`${e.unref(h)}-input`,"onUpdate:modelValue":d[2]||(d[2]=i=>e.isRef(g)?g.value=i:null),type:"text",class:"l-tree-select__input",placeholder:e.unref(w)?e.unref(L):l.placeholder,onClick:d[3]||(d[3]=e.withModifiers(i=>e.unref(K)?null:e.unref(o).actions.open(),["stop"]))},null,8,Ae)),[[e.vModelText,e.unref(g)]]):e.unref(w)?(e.openBlock(),e.createElementBlock("div",$e,e.toDisplayString(e.unref(L)),1)):(e.openBlock(),e.createElementBlock("div",Me,e.toDisplayString(l.placeholder),1))],64)),e.createElementVNode("div",De,[e.createVNode(e.unref(ve.LIcon),{name:"lucide:chevron-down",class:e.normalizeClass({"is-reverse":e.unref(K)})},null,8,["class"])])],40,Te),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"l-fade"},{default:e.withCtx(()=>[e.unref(K)?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"popperRef",ref:v,class:"l-tree-select__popper","data-theme":e.unref(m),style:e.normalizeStyle(oe.value)},[e.createElementVNode("div",He,[n.value.length===0?(e.openBlock(),e.createElementBlock("div",Re,e.toDisplayString(l.noDataText),1)):(e.openBlock(),e.createElementBlock("div",{key:1,id:S,class:"l-tree-select__tree",role:"tree",tabindex:"0","aria-activedescendant":O.value,"aria-multiselectable":l.multiple?"true":void 0,"aria-disabled":e.unref(p)?"true":"false",onFocus:U,onKeydown:j},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,i=>(e.openBlock(),e.createBlock(ee,{key:i[e.unref(x).key||e.unref(x).id||"id"],node:i,level:0},null,8,["node"]))),128))],40,qe))])],12,Ie)):e.createCommentVNode("",!0)]),_:1})]))],2))}}),I=Oe,te=ee;I.install=s=>{s.component("LTreeSelect",I),s.component("LTreeNode",te)};exports.LTreeNode=te;exports.LTreeSelect=I;exports.TreeSelectKey=q;exports.default=I;exports.treeSelectEmits=Y;exports.treeSelectProps=X;