@routa/ui-vue 0.1.0

package/dist/tree/index.d.ts

@@ -0,0 +1,431 @@
+export declare const LTree: import('../utils/install').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly data: {
+            readonly type: import('vue').PropType<import('../../../headless/src/index.ts').TreeNode[]>;
+            readonly default: () => never[];
+        };
+        readonly nodes: {
+            readonly type: import('vue').PropType<import('../../../headless/src/index.ts').TreeNode[] | undefined>;
+            readonly default: undefined;
+        };
+        readonly fieldNames: {
+            readonly type: import('vue').PropType<import('../../../headless/src/index.ts').TreeFieldNames>;
+            readonly default: undefined;
+        };
+        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 currentNodeKey: {
+            readonly type: import('vue').PropType<any>;
+            readonly default: undefined;
+        };
+        readonly defaultCurrentNodeKey: {
+            readonly type: import('vue').PropType<any>;
+            readonly default: null;
+        };
+        readonly checkedKeys: {
+            readonly type: import('vue').PropType<any[] | undefined>;
+            readonly default: undefined;
+        };
+        readonly defaultCheckedKeys: {
+            readonly type: import('vue').PropType<any[]>;
+            readonly default: () => never[];
+        };
+        readonly expandedKeys: {
+            readonly type: import('vue').PropType<any[] | undefined>;
+            readonly default: undefined;
+        };
+        readonly defaultExpandedKeys: {
+            readonly type: import('vue').PropType<any[]>;
+            readonly default: () => never[];
+        };
+        readonly showCheckbox: BooleanConstructor;
+        readonly checkStrictly: BooleanConstructor;
+        readonly expandOnClickNode: BooleanConstructor;
+        readonly accordion: BooleanConstructor;
+        readonly filterable: BooleanConstructor;
+        readonly showIcon: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly showLine: BooleanConstructor;
+        readonly disabled: BooleanConstructor;
+        readonly emptyText: {
+            readonly type: StringConstructor;
+            readonly default: "No data";
+        };
+        readonly height: {
+            readonly type: import('vue').PropType<number | string | undefined>;
+            readonly default: undefined;
+        };
+        readonly size: {
+            readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+            readonly default: "md";
+        };
+        readonly itemHeight: {
+            readonly type: import('vue').PropType<number | string | undefined>;
+            readonly default: undefined;
+        };
+    }>> & Readonly<{
+        "onNode-click"?: ((_node: import('../../../headless/src/index.ts').TreeNode, _key: any) => any) | undefined;
+        "onNode-collapse"?: ((_node: import('../../../headless/src/index.ts').TreeNode, _key: any) => any) | undefined;
+        "onNode-expand"?: ((_node: import('../../../headless/src/index.ts').TreeNode, _key: any) => any) | undefined;
+        "onUpdate:checkedKeys"?: ((_keys: any[]) => any) | undefined;
+        onCheck?: ((_payload: {
+            checkedKeys: any[];
+            halfCheckedKeys: any[];
+            checkedNodes: import('../../../headless/src/index.ts').TreeNode[];
+            halfCheckedNodes: import('../../../headless/src/index.ts').TreeNode[];
+        }) => any) | undefined;
+        "onUpdate:currentNodeKey"?: ((_key: any) => any) | undefined;
+        "onCurrent-change"?: ((_node: import('../../../headless/src/index.ts').TreeNode | undefined, _key: any) => any) | undefined;
+        "onUpdate:expandedKeys"?: ((_keys: any[]) => any) | undefined;
+    }>, {
+        setCurrentKey: (key: any) => void;
+        getCurrentNode: () => import('../../../headless/src/index.ts').TreeNode | undefined;
+        setCheckedKeys: (keys: any[]) => void;
+        getCheckedKeys: () => any[];
+        getCheckedNodes: () => import('../../../headless/src/index.ts').TreeNode[];
+        getHalfCheckedKeys: () => any[];
+        getHalfCheckedNodes: () => import('../../../headless/src/index.ts').TreeNode[];
+        setExpandedKeys: (keys: any[]) => void;
+        expandAll: () => void;
+        collapseAll: () => void;
+        filter: (value: string) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "node-click": (_node: import('../../../headless/src/index.ts').TreeNode, _key: any) => void;
+        "node-collapse": (_node: import('../../../headless/src/index.ts').TreeNode, _key: any) => void;
+        "node-expand": (_node: import('../../../headless/src/index.ts').TreeNode, _key: any) => void;
+        "update:checkedKeys": (_keys: any[]) => void;
+        check: (_payload: {
+            checkedKeys: any[];
+            halfCheckedKeys: any[];
+            checkedNodes: import('../../../headless/src/index.ts').TreeNode[];
+            halfCheckedNodes: import('../../../headless/src/index.ts').TreeNode[];
+        }) => void;
+        "update:currentNodeKey": (_key: any) => void;
+        "current-change": (_node: import('../../../headless/src/index.ts').TreeNode | undefined, _key: any) => void;
+        "update:expandedKeys": (_keys: any[]) => void;
+    }, import('vue').PublicProps, {
+        readonly data: import('../../../headless/src/index.ts').TreeNode[];
+        readonly size: "sm" | "md" | "lg";
+        readonly disabled: boolean;
+        readonly nodes: import('../../../headless/src/index.ts').TreeNode[] | undefined;
+        readonly defaultExpandedKeys: any[];
+        readonly nodeKey: string;
+        readonly labelKey: string;
+        readonly childrenKey: string;
+        readonly fieldNames: import('../../../headless/src/index.ts').TreeFieldNames;
+        readonly checkStrictly: boolean;
+        readonly height: string | number | undefined;
+        readonly accordion: boolean;
+        readonly filterable: boolean;
+        readonly currentNodeKey: any;
+        readonly defaultCurrentNodeKey: any;
+        readonly checkedKeys: any[] | undefined;
+        readonly defaultCheckedKeys: any[];
+        readonly expandedKeys: any[] | undefined;
+        readonly showCheckbox: boolean;
+        readonly expandOnClickNode: boolean;
+        readonly showIcon: boolean;
+        readonly showLine: boolean;
+        readonly emptyText: string;
+        readonly itemHeight: string | number | undefined;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        readonly data: {
+            readonly type: import('vue').PropType<import('../../../headless/src/index.ts').TreeNode[]>;
+            readonly default: () => never[];
+        };
+        readonly nodes: {
+            readonly type: import('vue').PropType<import('../../../headless/src/index.ts').TreeNode[] | undefined>;
+            readonly default: undefined;
+        };
+        readonly fieldNames: {
+            readonly type: import('vue').PropType<import('../../../headless/src/index.ts').TreeFieldNames>;
+            readonly default: undefined;
+        };
+        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 currentNodeKey: {
+            readonly type: import('vue').PropType<any>;
+            readonly default: undefined;
+        };
+        readonly defaultCurrentNodeKey: {
+            readonly type: import('vue').PropType<any>;
+            readonly default: null;
+        };
+        readonly checkedKeys: {
+            readonly type: import('vue').PropType<any[] | undefined>;
+            readonly default: undefined;
+        };
+        readonly defaultCheckedKeys: {
+            readonly type: import('vue').PropType<any[]>;
+            readonly default: () => never[];
+        };
+        readonly expandedKeys: {
+            readonly type: import('vue').PropType<any[] | undefined>;
+            readonly default: undefined;
+        };
+        readonly defaultExpandedKeys: {
+            readonly type: import('vue').PropType<any[]>;
+            readonly default: () => never[];
+        };
+        readonly showCheckbox: BooleanConstructor;
+        readonly checkStrictly: BooleanConstructor;
+        readonly expandOnClickNode: BooleanConstructor;
+        readonly accordion: BooleanConstructor;
+        readonly filterable: BooleanConstructor;
+        readonly showIcon: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly showLine: BooleanConstructor;
+        readonly disabled: BooleanConstructor;
+        readonly emptyText: {
+            readonly type: StringConstructor;
+            readonly default: "No data";
+        };
+        readonly height: {
+            readonly type: import('vue').PropType<number | string | undefined>;
+            readonly default: undefined;
+        };
+        readonly size: {
+            readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+            readonly default: "md";
+        };
+        readonly itemHeight: {
+            readonly type: import('vue').PropType<number | string | undefined>;
+            readonly default: undefined;
+        };
+    }>> & Readonly<{
+        "onNode-click"?: ((_node: import('../../../headless/src/index.ts').TreeNode, _key: any) => any) | undefined;
+        "onNode-collapse"?: ((_node: import('../../../headless/src/index.ts').TreeNode, _key: any) => any) | undefined;
+        "onNode-expand"?: ((_node: import('../../../headless/src/index.ts').TreeNode, _key: any) => any) | undefined;
+        "onUpdate:checkedKeys"?: ((_keys: any[]) => any) | undefined;
+        onCheck?: ((_payload: {
+            checkedKeys: any[];
+            halfCheckedKeys: any[];
+            checkedNodes: import('../../../headless/src/index.ts').TreeNode[];
+            halfCheckedNodes: import('../../../headless/src/index.ts').TreeNode[];
+        }) => any) | undefined;
+        "onUpdate:currentNodeKey"?: ((_key: any) => any) | undefined;
+        "onCurrent-change"?: ((_node: import('../../../headless/src/index.ts').TreeNode | undefined, _key: any) => any) | undefined;
+        "onUpdate:expandedKeys"?: ((_keys: any[]) => any) | undefined;
+    }>, {
+        setCurrentKey: (key: any) => void;
+        getCurrentNode: () => import('../../../headless/src/index.ts').TreeNode | undefined;
+        setCheckedKeys: (keys: any[]) => void;
+        getCheckedKeys: () => any[];
+        getCheckedNodes: () => import('../../../headless/src/index.ts').TreeNode[];
+        getHalfCheckedKeys: () => any[];
+        getHalfCheckedNodes: () => import('../../../headless/src/index.ts').TreeNode[];
+        setExpandedKeys: (keys: any[]) => void;
+        expandAll: () => void;
+        collapseAll: () => void;
+        filter: (value: string) => void;
+    }, {}, {}, {}, {
+        readonly data: import('../../../headless/src/index.ts').TreeNode[];
+        readonly size: "sm" | "md" | "lg";
+        readonly disabled: boolean;
+        readonly nodes: import('../../../headless/src/index.ts').TreeNode[] | undefined;
+        readonly defaultExpandedKeys: any[];
+        readonly nodeKey: string;
+        readonly labelKey: string;
+        readonly childrenKey: string;
+        readonly fieldNames: import('../../../headless/src/index.ts').TreeFieldNames;
+        readonly checkStrictly: boolean;
+        readonly height: string | number | undefined;
+        readonly accordion: boolean;
+        readonly filterable: boolean;
+        readonly currentNodeKey: any;
+        readonly defaultCurrentNodeKey: any;
+        readonly checkedKeys: any[] | undefined;
+        readonly defaultCheckedKeys: any[];
+        readonly expandedKeys: any[] | undefined;
+        readonly showCheckbox: boolean;
+        readonly expandOnClickNode: boolean;
+        readonly showIcon: boolean;
+        readonly showLine: boolean;
+        readonly emptyText: string;
+        readonly itemHeight: string | number | undefined;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    readonly data: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').TreeNode[]>;
+        readonly default: () => never[];
+    };
+    readonly nodes: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').TreeNode[] | undefined>;
+        readonly default: undefined;
+    };
+    readonly fieldNames: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').TreeFieldNames>;
+        readonly default: undefined;
+    };
+    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 currentNodeKey: {
+        readonly type: import('vue').PropType<any>;
+        readonly default: undefined;
+    };
+    readonly defaultCurrentNodeKey: {
+        readonly type: import('vue').PropType<any>;
+        readonly default: null;
+    };
+    readonly checkedKeys: {
+        readonly type: import('vue').PropType<any[] | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultCheckedKeys: {
+        readonly type: import('vue').PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly expandedKeys: {
+        readonly type: import('vue').PropType<any[] | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultExpandedKeys: {
+        readonly type: import('vue').PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly showCheckbox: BooleanConstructor;
+    readonly checkStrictly: BooleanConstructor;
+    readonly expandOnClickNode: BooleanConstructor;
+    readonly accordion: BooleanConstructor;
+    readonly filterable: BooleanConstructor;
+    readonly showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showLine: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly emptyText: {
+        readonly type: StringConstructor;
+        readonly default: "No data";
+    };
+    readonly height: {
+        readonly type: import('vue').PropType<number | string | undefined>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    readonly itemHeight: {
+        readonly type: import('vue').PropType<number | string | undefined>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{
+    "onNode-click"?: ((_node: import('../../../headless/src/index.ts').TreeNode, _key: any) => any) | undefined;
+    "onNode-collapse"?: ((_node: import('../../../headless/src/index.ts').TreeNode, _key: any) => any) | undefined;
+    "onNode-expand"?: ((_node: import('../../../headless/src/index.ts').TreeNode, _key: any) => any) | undefined;
+    "onUpdate:checkedKeys"?: ((_keys: any[]) => any) | undefined;
+    onCheck?: ((_payload: {
+        checkedKeys: any[];
+        halfCheckedKeys: any[];
+        checkedNodes: import('../../../headless/src/index.ts').TreeNode[];
+        halfCheckedNodes: import('../../../headless/src/index.ts').TreeNode[];
+    }) => any) | undefined;
+    "onUpdate:currentNodeKey"?: ((_key: any) => any) | undefined;
+    "onCurrent-change"?: ((_node: import('../../../headless/src/index.ts').TreeNode | undefined, _key: any) => any) | undefined;
+    "onUpdate:expandedKeys"?: ((_keys: any[]) => any) | undefined;
+}>, {
+    setCurrentKey: (key: any) => void;
+    getCurrentNode: () => import('../../../headless/src/index.ts').TreeNode | undefined;
+    setCheckedKeys: (keys: any[]) => void;
+    getCheckedKeys: () => any[];
+    getCheckedNodes: () => import('../../../headless/src/index.ts').TreeNode[];
+    getHalfCheckedKeys: () => any[];
+    getHalfCheckedNodes: () => import('../../../headless/src/index.ts').TreeNode[];
+    setExpandedKeys: (keys: any[]) => void;
+    expandAll: () => void;
+    collapseAll: () => void;
+    filter: (value: string) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "node-click": (_node: import('../../../headless/src/index.ts').TreeNode, _key: any) => void;
+    "node-collapse": (_node: import('../../../headless/src/index.ts').TreeNode, _key: any) => void;
+    "node-expand": (_node: import('../../../headless/src/index.ts').TreeNode, _key: any) => void;
+    "update:checkedKeys": (_keys: any[]) => void;
+    check: (_payload: {
+        checkedKeys: any[];
+        halfCheckedKeys: any[];
+        checkedNodes: import('../../../headless/src/index.ts').TreeNode[];
+        halfCheckedNodes: import('../../../headless/src/index.ts').TreeNode[];
+    }) => void;
+    "update:currentNodeKey": (_key: any) => void;
+    "current-change": (_node: import('../../../headless/src/index.ts').TreeNode | undefined, _key: any) => void;
+    "update:expandedKeys": (_keys: any[]) => void;
+}, string, {
+    readonly data: import('../../../headless/src/index.ts').TreeNode[];
+    readonly size: "sm" | "md" | "lg";
+    readonly disabled: boolean;
+    readonly nodes: import('../../../headless/src/index.ts').TreeNode[] | undefined;
+    readonly defaultExpandedKeys: any[];
+    readonly nodeKey: string;
+    readonly labelKey: string;
+    readonly childrenKey: string;
+    readonly fieldNames: import('../../../headless/src/index.ts').TreeFieldNames;
+    readonly checkStrictly: boolean;
+    readonly height: string | number | undefined;
+    readonly accordion: boolean;
+    readonly filterable: boolean;
+    readonly currentNodeKey: any;
+    readonly defaultCurrentNodeKey: any;
+    readonly checkedKeys: any[] | undefined;
+    readonly defaultCheckedKeys: any[];
+    readonly expandedKeys: any[] | undefined;
+    readonly showCheckbox: boolean;
+    readonly expandOnClickNode: boolean;
+    readonly showIcon: boolean;
+    readonly showLine: boolean;
+    readonly emptyText: string;
+    readonly itemHeight: string | number | undefined;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {
+            node: import('../../../headless/src/index.ts').TreeNode;
+            row: import('../../../headless/src/index.ts').TreeVisibleRow<import('../../../headless/src/index.ts').TreeNode>;
+        }): any;
+    };
+})>;
+export * from './types';
+export default LTree;

package/dist/tree/index.js

@@ -0,0 +1,2 @@
+require('../style/tree.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("../chunks/install-gnn2dOg9.js"),e=require("vue"),D=require("../chunks/style-CjCLKeeU.js"),V=require("../chunks/use-id-BycaM3-h.js"),M=require("../chunks/use-signals-Bz1smiXh.js");require("../chunks/manager-C0AUxQ1I.js");const j=require("../chunks/controller-BnNZOOMj.js"),K=Symbol("TreeContextKey"),R={data:{type:Array,default:()=>[]},nodes:{type:Array,default:void 0},fieldNames:{type:Object,default:void 0},nodeKey:{type:String,default:"id"},labelKey:{type:String,default:"label"},childrenKey:{type:String,default:"children"},currentNodeKey:{type:[String,Number],default:void 0},defaultCurrentNodeKey:{type:[String,Number],default:null},checkedKeys:{type:Array,default:void 0},defaultCheckedKeys:{type:Array,default:()=>[]},expandedKeys:{type:Array,default:void 0},defaultExpandedKeys:{type:Array,default:()=>[]},showCheckbox:Boolean,checkStrictly:Boolean,expandOnClickNode:Boolean,accordion:Boolean,filterable:Boolean,showIcon:{type:Boolean,default:!0},showLine:Boolean,disabled:Boolean,emptyText:{type:String,default:"No data"},height:{type:[Number,String],default:void 0},size:{type:String,default:"md"},itemHeight:{type:[Number,String],default:void 0}},_={"update:currentNodeKey":t=>!0,"update:checkedKeys":t=>!0,"update:expandedKeys":t=>!0,"current-change":(t,n)=>!0,check:t=>!0,"node-click":(t,n)=>!0,"node-expand":(t,n)=>!0,"node-collapse":(t,n)=>!0},L=(t=[],n=[])=>t.length===n.length&&t.every((a,s)=>Object.is(a,n[s])),q=(t,n)=>{var s,d;if((s=n.fieldNames)!=null&&s.key)return n.fieldNames.key;if((d=n.fieldNames)!=null&&d.id)return n.fieldNames.id;if(n.nodeKey!=="id")return n.nodeKey;const a=t[0];return!a||typeof a!="object"||"id"in a?"id":"key"in a?"key":"value"in a?"value":"id"},O=(t,n)=>{const a=e.computed(()=>t.nodes??t.data),s=e.computed(()=>{var l,b,S;const o=q(a.value,t);return{key:o,id:((l=t.fieldNames)==null?void 0:l.id)??o,label:((b=t.fieldNames)==null?void 0:b.label)??t.labelKey,children:((S=t.fieldNames)==null?void 0:S.children)??t.childrenKey}}),d=j.createTreeController({data:a.value,checkedKeys:t.checkedKeys??t.defaultCheckedKeys,currentNodeKey:t.currentNodeKey??t.defaultCurrentNodeKey,expandedKeys:t.expandedKeys??t.defaultExpandedKeys,multiple:t.showCheckbox,checkStrictly:t.checkStrictly,accordion:t.accordion,fieldNames:s.value,onCurrentChange:(o,l)=>{n("update:currentNodeKey",o),n("current-change",l,o)},onCheck:(o,l)=>{n("update:checkedKeys",o),n("check",{checkedKeys:o,halfCheckedKeys:v.value,checkedNodes:l,halfCheckedNodes:d.actions.getHalfCheckedNodes()})}}),{checkedKeys:h,currentNodeKey:C,expandedKeys:f,filterText:y,focusedKey:c,indeterminateKeys:v,visibleRows:u}=M.useController(d),k=V.useId("tree"),r=o=>String(o[s.value.label]??""),m=()=>{n("update:expandedKeys",f.value.slice())};e.watch(a,o=>{d.state.data=o},{deep:!0}),e.watch(s,o=>{const l=d.state.fieldNames;(l.key!==o.key||l.id!==o.id||l.label!==o.label||l.children!==o.children)&&(d.state.fieldNames=o)},{deep:!0}),e.watch(()=>t.currentNodeKey,o=>{o!==void 0&&!Object.is(o,C.value)&&(d.state.currentNodeKey=o)}),e.watch(()=>t.checkedKeys,o=>{o!==void 0&&!L(o,h.value)&&d.actions.setCheckedKeys(o)},{deep:!0}),e.watch(()=>t.expandedKeys,o=>{o!==void 0&&!L(o,f.value)&&d.actions.setExpandedKeys(o)},{deep:!0});const i=o=>{d.actions.setCurrentKey(o)},g=o=>{d.actions.setCheckedKeys(o),n("update:checkedKeys",d.actions.getCheckedKeys()),n("check",{checkedKeys:d.actions.getCheckedKeys(),halfCheckedKeys:d.actions.getHalfCheckedKeys(),checkedNodes:d.actions.getCheckedNodes(),halfCheckedNodes:d.actions.getHalfCheckedNodes()})},w=o=>{d.actions.setExpandedKeys(o),m()},x=()=>{d.actions.expandAll(),m()},F=()=>{d.actions.collapseAll(),m()},E=o=>{d.actions.filter(o)},N=o=>{t.disabled||o.isDisabled||(d.actions.setFocusedKey(o.key),i(o.key),n("node-click",o.node,o.key),t.expandOnClickNode&&!o.isLeaf&&p(o))},p=o=>{if(t.disabled||o.isDisabled||o.isLeaf)return;const l=f.value.includes(o.key);d.actions.toggleExpand(o.key),m(),n(l?"node-collapse":"node-expand",o.node,o.key)},B=o=>{!t.showCheckbox||t.disabled||o.isDisabled||(d.actions.setFocusedKey(o.key),d.actions.select(o.key))},H=o=>{var l;E(((l=o.target)==null?void 0:l.value)??"")},z=()=>u.value.find(o=>o.key===c.value),T=o=>`${k}-row-${String(o)}`,A=e.computed(()=>{if(c.value!=null)return T(c.value)});return{context:{props:t,fieldNames:s,visibleRows:u,filterText:y,focusedKey:c,activeDescendantId:A,getNodeLabel:r,getRowId:T,handleTreeFocus:()=>{t.disabled||c.value==null&&d.actions.focusFirst()},handleTreeKeydown:o=>{if(t.disabled)return;const l=z();let b=!0;switch(o.key){case"ArrowDown":d.actions.focusNext();break;case"ArrowUp":d.actions.focusPrevious();break;case"Home":d.actions.focusFirst();break;case"End":d.actions.focusLast();break;case"ArrowRight":l?!l.isLeaf&&!l.isExpanded?p(l):d.actions.focusFirstChild():d.actions.focusFirst();break;case"ArrowLeft":l?!l.isLeaf&&l.isExpanded?p(l):d.actions.focusParent():d.actions.focusFirst();break;case"Enter":l&&N(l);break;case" ":case"Spacebar":l&&(t.showCheckbox?B(l):N(l));break;default:b=!1}b&&o.preventDefault()},handleRowClick:N,handleRowToggle:p,handleRowCheck:B},expose:{setCurrentKey:i,getCurrentNode:()=>d.actions.getCurrentNode(),setCheckedKeys:g,getCheckedKeys:()=>d.actions.getCheckedKeys(),getCheckedNodes:()=>d.actions.getCheckedNodes(),getHalfCheckedKeys:()=>d.actions.getHalfCheckedKeys(),getHalfCheckedNodes:()=>d.actions.getHalfCheckedNodes(),setExpandedKeys:w,expandAll:x,collapseAll:F,filter:E},visibleRows:u,filterText:y,getNodeLabel:r,handleFilterInput:H,hasRows:e.computed(()=>u.value.length>0)}},P=["id","data-tree-key","aria-level","aria-expanded","aria-selected","aria-checked","aria-disabled"],U=["disabled","aria-label"],Z=["disabled","aria-checked"],G={key:0,viewBox:"0 0 16 16",width:"12",height:"12"},J={key:1,viewBox:"0 0 1024 1024",width:"10",height:"10"},Q={key:2,class:"l-tree__icon"},W={key:0,viewBox:"0 0 1024 1024",width:"16",height:"16"},X={key:1,viewBox:"0 0 1024 1024",width:"16",height:"16"},Y={class:"l-tree__label"},ee={key:3,class:"l-tree__check","aria-hidden":"true"},te=e.defineComponent({name:"TreeRow",__name:"TreeRow",props:{row:{}},setup(t){const n=t,a=e.inject(K);if(!a)throw new Error("TreeRow must be used within LTree.");const s=e.computed(()=>["l-tree__row",{"is-current":n.row.isCurrent,"is-focused":n.row.isFocused,"is-expanded":n.row.isExpanded,"is-indeterminate":n.row.isIndeterminate,"is-disabled":a.props.disabled||n.row.isDisabled}]),d=e.computed(()=>({"--l-tree-row-offset":`${n.row.level*22}px`,"--l-tree-level":n.row.level})),h=e.computed(()=>["l-tree__checkbox",{"is-checked":n.row.isChecked,"is-indeterminate":n.row.isIndeterminate}]),C=e.computed(()=>a.getNodeLabel(n.row.node)),f=e.computed(()=>a.props.showCheckbox?void 0:n.row.isCurrent?"true":"false"),y=e.computed(()=>{if(a.props.showCheckbox)return n.row.isIndeterminate?"mixed":n.row.isChecked?"true":"false"}),c=()=>{a.handleRowClick(n.row)},v=()=>{a.handleRowToggle(n.row)},u=()=>{a.handleRowCheck(n.row)};return(k,r)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(a).getRowId(t.row.key),class:e.normalizeClass(s.value),"data-tree-key":t.row.key,role:"treeitem","aria-level":t.row.level+1,"aria-expanded":t.row.isLeaf?void 0:t.row.isExpanded?"true":"false","aria-selected":f.value,"aria-checked":y.value,"aria-disabled":e.unref(a).props.disabled||t.row.isDisabled?"true":"false",style:e.normalizeStyle({"--l-tree-level":t.row.level})},[e.createElementVNode("div",{class:"l-tree__row-main",style:e.normalizeStyle(d.value),onClick:c},[t.row.isLeaf?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:e.normalizeClass(["l-tree__expand",{"is-expanded":t.row.isExpanded}]),disabled:e.unref(a).props.disabled||t.row.isDisabled,"aria-label":t.row.isExpanded?"Collapse node":"Expand node",onClick:e.withModifiers(v,["stop"])},[...r[0]||(r[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,U)),e.unref(a).props.showCheckbox?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:e.normalizeClass(h.value),disabled:e.unref(a).props.disabled||t.row.isDisabled,role:"checkbox","aria-checked":y.value,onClick:e.withModifiers(u,["stop"])},[t.row.isChecked?(e.openBlock(),e.createElementBlock("svg",G,[...r[1]||(r[1]=[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)])])):t.row.isIndeterminate?(e.openBlock(),e.createElementBlock("svg",J,[...r[2]||(r[2]=[e.createElementVNode("path",{fill:"currentColor",d:"M128 448h768v128H128z"},null,-1)])])):e.createCommentVNode("",!0)],10,Z)):e.createCommentVNode("",!0),e.unref(a).props.showIcon?(e.openBlock(),e.createElementBlock("span",Q,[t.row.isLeaf?(e.openBlock(),e.createElementBlock("svg",X,[...r[4]||(r[4]=[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)])])):(e.openBlock(),e.createElementBlock("svg",W,[...r[3]||(r[3]=[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.createCommentVNode("",!0),e.createElementVNode("span",Y,[e.renderSlot(k.$slots,"default",{node:t.row.node,row:t.row},()=>[e.createTextVNode(e.toDisplayString(C.value),1)])]),t.row.isCurrent&&!e.unref(a).props.showCheckbox?(e.openBlock(),e.createElementBlock("span",ee,[...r[5]||(r[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)],4)],14,P))}}),oe=["aria-activedescendant","aria-multiselectable","aria-disabled"],ne=e.defineComponent({name:"TreeView",__name:"TreeView",props:{visibleRows:{}},setup(t){const n=e.inject(K);if(!n)throw new Error("TreeView must be used within LTree.");return(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:"l-tree__view",role:"tree",tabindex:"0","aria-activedescendant":e.unref(n).activeDescendantId.value,"aria-multiselectable":e.unref(n).props.showCheckbox?"true":void 0,"aria-disabled":e.unref(n).props.disabled?"true":"false",onFocus:s[0]||(s[0]=(...d)=>e.unref(n).handleTreeFocus&&e.unref(n).handleTreeFocus(...d)),onKeydown:s[1]||(s[1]=(...d)=>e.unref(n).handleTreeKeydown&&e.unref(n).handleTreeKeydown(...d))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.visibleRows,d=>(e.openBlock(),e.createBlock(te,{key:d.key,row:d},{default:e.withCtx(h=>[e.renderSlot(a.$slots,"default",{node:h.node,row:h.row})]),_:2},1032,["row"]))),128))],40,oe))}}),de={key:0,class:"l-tree__filter"},ae=["id","value"],le={key:1,class:"l-tree__empty"},se=e.defineComponent({name:"LTree",__name:"Tree",props:R,emits:_,setup(t,{expose:n,emit:a}){const s=t,d=a,C=V.useId("l-tree"),{context:f,expose:y,visibleRows:c,filterText:v,getNodeLabel:u,handleFilterInput:k,hasRows:r}=O(s,d);e.provide(K,f),n(y);const m=e.computed(()=>{if(s.height!=null)return{maxHeight:typeof s.height=="number"?`${s.height}px`:s.height,overflow:"auto"}});return(i,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["l-tree",[`l-tree--${i.size}`,{"is-disabled":i.disabled,"has-line":i.showLine}]]),style:e.normalizeStyle({"--l-tree-item-height":e.unref(D.addUnit)(i.itemHeight)})},[i.filterable?(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("input",{id:`${e.unref(C)}-filter`,class:"l-tree__filter-input",type:"text",value:e.unref(v),onInput:g[0]||(g[0]=(...w)=>e.unref(k)&&e.unref(k)(...w))},null,40,ae)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"l-tree__body",style:e.normalizeStyle(m.value)},[e.unref(r)?(e.openBlock(),e.createBlock(ne,{key:0,"visible-rows":e.unref(c)},{default:e.withCtx(({node:w,row:x})=>[e.renderSlot(i.$slots,"default",{node:w,row:x},()=>[e.createTextVNode(e.toDisplayString(e.unref(u)(w)),1)])]),_:3},8,["visible-rows"])):(e.openBlock(),e.createElementBlock("div",le,e.toDisplayString(i.emptyText),1))],4)],6))}}),I=$.withInstall(se);exports.LTree=I;exports.default=I;exports.treeEmits=_;exports.treeProps=R;