@dt-frames/ui 2.0.24 → 4.0.1

package/dist/es/components/tree/index.d.ts

@@ -0,0 +1,7 @@
+import { SFCWithInstall } from '../../utils/withInstall';
+import { default as Tree } from './src/index';
+import { useTree } from './src/hooks/useTree';
+import { ContextMenuItem } from './src/types';
+declare const DtTree: SFCWithInstall<typeof Tree>;
+export { DtTree, DtTree as default, useTree };
+export type { ContextMenuItem };

package/dist/es/components/tree/index.mjs

@@ -0,0 +1 @@
+import{withInstall as se}from"../../utils/withInstall";import{ElDivider as re,ElLoadingDirective as ae}from"element-plus/es";import"element-plus/es/components/base/style/css";import"element-plus/es/components/loading/style/css";import"element-plus/es/components/divider/style/css";import{defineComponent as U,useSlots as R,ref as D,computed as B,watch as F,createElementBlock as E,openBlock as g,createCommentVNode as L,renderSlot as T,createElementVNode as I,toDisplayString as H,unref as t,createBlock as M,normalizeClass as Y,withCtx as K,createVNode as c,Fragment as S,renderList as G,mergeProps as W,createTextVNode as q,onMounted as J,nextTick as de,onUnmounted as V,isVNode as ce,getCurrentInstance as ie,render as ue,useAttrs as fe,withDirectives as z,createSlots as pe,resolveDirective as he}from"vue";import{$t as w,isFunction as X}from"@dt-frames/core";import{ElDropdown as ye,ElDropdownMenu as me,ElDropdownItem as ve,ElDivider as Q,ElInput as Ce,ElMenu as ke,ElMenuItem as ge,ElSubMenu as be,ElTreeV2 as Ne,ElTree as xe,ElEmpty as Le,ElButton as _e,ElTooltip as Ee}from"element-plus";import{useDebounceFn as Ae}from"@vueuse/core";import{UiGrid as De}from"@dt-frames/icons";import{DtIcon as O}from"../icon";import{omit as Ke}from"lodash-es";var _=(s=>(s[s.SELECT_ALL=0]="SELECT_ALL",s[s.UN_SELECT_ALL=1]="UN_SELECT_ALL",s[s.EXPAND_ALL=2]="EXPAND_ALL",s[s.UN_EXPAND_ALL=3]="UN_EXPAND_ALL",s))(_||{});const we={class:"dt-tree-header flex px-2 py-1.5 items-center"},Be={key:0,class:"text-center leading-8 mr-3 font-normal"},Me={key:2,class:"dt-tree-search flex flex-1 items-center"},Pe={key:1,class:"flex-1 flex items-center"},Te={class:"ml-auto"},Se=U({__name:"TreeHeader",props:{title:{},toolbar:{type:Boolean},checkable:{type:Boolean},search:{type:Boolean},checkAll:{},expandAll:{},toolbarPos:{}},emits:["search"],setup(s,{emit:l}){const y=s,C=R(),k=l,e=D("");function n(r){k("search",r)}function o(r){switch(r){case _.SELECT_ALL:y.checkAll?.(!0);break;case _.UN_SELECT_ALL:y.checkAll?.(!1);break;case _.EXPAND_ALL:y.expandAll?.(!0);break;case _.UN_EXPAND_ALL:y.expandAll?.(!1);break}}const u=B(()=>{const{checkable:r}=y,f=[{label:w("COMMON.EXPAND_ALL","展开全部"),value:_.EXPAND_ALL},{label:w("COMMON.COLLAPSE_ALL","折叠全部"),value:_.UN_EXPAND_ALL}];return r?[{label:w("COMMON.SELECT_ALL1","选择全部"),value:_.SELECT_ALL},{label:w("COMMON.CANCEL_SELECT_ALL","取消选择"),value:_.UN_SELECT_ALL,divider:r},...f]:f}),h=Ae(n,200);return F(()=>e.value,r=>{h(r)}),(r,f)=>(g(),E("div",we,[r.title?(g(),E("h4",Be,H(r.title),1)):L("",!0),t(C).addonBefore?T(r.$slots,"addonBefore",{key:1}):L("",!0),r.search||r.toolbar?(g(),E("div",Me,[r.toolbar?(g(),M(t(ye),{key:0,trigger:"click",class:Y(["px-1",{"order-last":r.toolbarPos==="right"}])},{dropdown:K(()=>[c(t(me),null,{default:K(()=>[(g(!0),E(S,null,G(u.value,p=>(g(),E(S,{key:p.value},[c(t(ve),W({ref_for:!0},{key:p.value},{onClick:()=>o(p.value)}),{default:K(()=>[q(H(p.label),1)]),_:2},1040,["onClick"]),p.divider?(g(),M(t(Q),{key:0,style:{margin:"4px 0"}})):L("",!0)],64))),128))]),_:1})]),default:K(()=>[c(t(O),{icon:t(De),type:"offline",class:"text-right cursor-pointer toolbar",size:18},null,8,["icon"])]),_:1},8,["class"])):L("",!0),r.search?(g(),E("div",Pe,[c(t(Ce),{clearable:"",class:"pr-1",modelValue:e.value,"onUpdate:modelValue":f[0]||(f[0]=p=>e.value=p),placeholder:t(w)("COMMON.FILTER","搜索...")},null,8,["modelValue","placeholder"])])):L("",!0)])):L("",!0),I("div",Te,[t(C).addonAfter?T(r.$slots,"addonAfter",{key:0}):L("",!0)])]))}});function Oe(s){return typeof s=="function"||Object.prototype.toString.call(s)==="[object Object]"&&!ce(s)}const $e=U({name:"ContextMenu",props:{width:{type:Number,default:106},customEvent:{type:Object,default:null},styles:{type:Object},showIcon:{type:Boolean,default:!0},axis:{type:Object,default:()=>({x:0,y:0})},items:{type:Array,default:()=>[]},node:{type:Object}},setup(s){const l=D(null),y=D(!1),C=o=>{const{item:u}=o;return c("span",{class:"px-4 w-full flex items-center",onClick:o.handler.bind(null,u)},[o.showIcon&&u.icon&&c(O,{icon:u.icon,size:16,class:"mr-2"},null),c("span",null,[u.label])])},k=B(()=>{const{axis:o,items:u,styles:h,width:r}=s,{x:f,y:p}=o||{x:0,y:0},b=(u||[]).length*40,A=document.body,N=A.clientWidth<f+r?f-r:f,P=A.clientHeight<p+b?p-b:p;return{...h,position:"absolute",width:`${r}px`,left:`${N+1}px`,top:`${P+1}px`,zIndex:9999}});function e(o,u){const{handler:h,disabled:r}=o;r||(y.value=!1,u?.stopPropagation(),u?.preventDefault(),h?.(s.node))}function n(o){return o.filter(h=>!h.hidden).map(h=>{const{disabled:r,label:f,children:p,divider:b=!1}=h,A={item:h,handler:e,showIcon:s.showIcon};return!p||p.length===0?c(S,null,[c(ge,{disabled:r,class:"dt-context-menu__item !px-0",index:f},{default:()=>[c(C,A,null)]}),b?c(Q,{key:`d-${f}`,style:{margin:"0"}},null):null]):c(be,{index:f,disabled:r},{title:()=>c(C,A,null),default:()=>n(p)})})}return J(()=>{de(()=>y.value=!0)}),V(()=>{const o=t(l);o&&document.body.removeChild(o)}),()=>{let o;const{items:u}=s;return!t(y)||!u.length?null:c("div",{class:"dt-context-menu fixed top-0 left-0 z-50 block m-0"},[c(ke,{style:{"--el-menu-border-color":"rgba(0, 0, 0, 0)","--el-menu-item-height":"34px",...t(k)},class:"border border-[rgba(0,0,0,0.08)] rounded-md shadow-lg select-none",mode:"vertical",ref:l},Oe(o=n(u))?o:{default:()=>[o]})])}}});function Ie(){const s={domList:[],resolve:()=>{}};function l(C){const{event:k,node:e}=C||{};return k&&k?.preventDefault(),new Promise(n=>{const o=document.body,u=document.createElement("div"),h={node:e};C.styles&&(h.styles=C.styles),C.items&&(h.items=C.items),C.event&&(h.customEvent=k,h.axis={x:k.clientX,y:k.clientY});const r=c($e,h);ue(r,u);const f=function(){s.resolve("")};s.domList.push(u);const p=function(){s.domList.forEach(b=>{try{b&&o.removeChild(b)}catch{}}),o.removeEventListener("click",f),o.removeEventListener("scroll",f)};s.resolve=function(b){p(),n(b)},p(),o.appendChild(u),o.addEventListener("click",f),o.addEventListener("scroll",f)})}function y(){s&&(s.resolve(""),s.domList=[])}return ie()&&V(()=>{y()}),[l,y]}const He={class:"dt-tree h-full flex flex-col"},Ue={class:"pt-2 flex-1 overflow-y-auto"},Ve=["title"],je={class:"flex items-center dt-tree-node__buttons"},ze=U({__name:"index",props:{type:{},data:{},emptyText:{},props:{},highlightCurrent:{type:Boolean,default:!0},expandOnClickNode:{type:Boolean,default:!0},checkOnClickNode:{type:Boolean,default:!1},checkOnClickLeaf:{type:Boolean,default:!0},defaultExpandedKeys:{},showCheckbox:{type:Boolean,default:!1},checkStrictly:{type:Boolean,default:!1},defaultCheckedKeys:{},currentNodeKey:{},filterMethod:{},indent:{default:18},icon:{},itemSize:{default:36},scrollbarAlwaysOn:{type:Boolean,default:!1},height:{},onNodeClick:{},onNodeDrop:{},onNodeContextmenu:{},onCheckChange:{},onCheck:{},onCurrentChange:{},onNodeExpand:{},onNodeCollapse:{},title:{},enableToolbar:{type:Boolean,default:!0},toolbarPos:{default:"left"},enableFilter:{type:Boolean,default:!0},buttons:{},hoverButtons:{type:Boolean,default:!0},nodeKey:{default:"id"},renderAfterExpand:{type:Boolean,default:!0},load:{},renderContent:{},defaultExpandAll:{type:Boolean,default:!1},autoExpandParent:{type:Boolean,default:!0},filterNodeMethod:{},accordion:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},allowDrag:{},allowDrop:{},onNodeDragStart:{},onNodeDragEnter:{},onNodeDragLeave:{},onNodeDragOver:{},onNodeDragEnd:{},emptySlot:{}},emits:["register"],setup(s,{emit:l}){const y=fe(),C=l,k=R(),e=s,n=D(),o=D(e),u=D(!1);function h(){const a=[],i=m=>{m.forEach(v=>{const d=v[o.value.nodeKey||"id"];a.push(d),v.children&&v.children.length>0&&i(v.children)})};return i(o.value.data||[]),a}function r(a){n.value?.setCheckedKeys(a?h():[],!1)}function f(a){if(o.value.type==="virtual")n.value?.setExpandedKeys(a?h():[]);else{const i=n.value.store;i&&i.nodesMap&&Object.keys(i.nodesMap).forEach(m=>{const v=i.nodesMap[m];v&&(a?v.expand():v.collapse())})}}const[p]=Ie();function b(a){o.value={...e,...o.value,...a}}const A=B(()=>o.value.type==="virtual"?{value:"id",label:"label",children:"children",...o.value.props??{}}:{label:"label",children:"children",...o.value.props??{}}),N=B(()=>{const a={...y,...e,...t(o),props:t(A)};return o.value.type==="virtual"?(a.filterMethod=(i,m)=>m.label.includes(i),a.onNodeContextmenu=(i,m,v)=>{const d=t(o).onNodeContextmenu?.(i,m,v)||[];return p?.({event:i,node:v,items:d}),[]}):(a.filterNodeMethod=(i,m)=>i?m.label.includes(i):!0,a.onNodeContextmenu=(i,m,v,d)=>{const x=t(o).onNodeContextmenu?.(i,m,v,d)||[];return p?.({event:i,node:m,items:x}),[]}),Ke(a,["buttons"])}),P=B(()=>{const{title:a,enableFilter:i,enableToolbar:m}=t(N);return a||i||m||k.headerTitle}),Z=B(()=>t(N.value.type==="virtual")?Ne:xe),ee=({node:a,data:i})=>{const{buttons:m}=t(o),v=m?.(a)||[];return v.length?v.map(d=>{const{show:x,disabled:$,toolTipProps:te={}}=d,le=X(x)?x(a):x??!0,oe=X($)?$(a):$??!1,ne={content:d.label,placement:"top",effect:"light",disabled:!d.label,...te};return le?z(c(_e,{class:`items-center flex items-center !ml-0 !px-1 ${d.class}`,type:"text",disabled:oe,style:{color:d.color},onClick:j=>{j.stopPropagation(),j.preventDefault(),d.onClick?.(a,i)}},{default:()=>[d.icon?c(Ee,ne,{default:()=>[c(O,{icon:d.icon,size:d.iconSize??16},null)]}):void 0,d.showLabel?c("span",{class:"ml-1"},[d.label]):void 0]}),[[he("auth"),d.auth]]):void 0}):c(S,null,null)};return J(async()=>{C("register",{setProps:b,checkAll:r,expandAll:f,...n.value})}),(a,i)=>{const m=re,v=ae;return g(),E("div",He,[P.value?(g(),M(Se,{key:0,title:N.value.title,toolbar:N.value.enableToolbar,search:N.value.enableFilter,checkable:N.value.showCheckbox,toolbarPos:N.value.toolbarPos,"check-all":r,"expand-all":f,onSearch:n.value?.filter},pe({_:2},[G(Object.keys(a.$slots),d=>({name:d,fn:K(()=>[T(a.$slots,d)])}))]),1032,["title","toolbar","search","checkable","toolbarPos","onSearch"])):L("",!0),P.value?(g(),M(m,{key:1,style:{margin:0}})):L("",!0),z((g(),E("div",Ue,[c(t(Z),W({ref_key:"treeRef",ref:n},{...N.value,data:o.value.data||[]},{"node-key":N.value.nodeKey,style:{"--el-tree-node-content-height":"36px"}}),{default:K(({node:d,data:x})=>[a.$slots.default?T(a.$slots,"default",{key:0,node:d,data:x}):(g(),E("div",{key:1,class:Y(["dt-tree-node flex items-center justify-between px-1 flex-1",{dtTreeHoverButtons:o.value.hoverButtons}])},[I("span",{title:d.label,class:"dt-tree-node__label flex items-center select-none"},[x.icon?(g(),M(t(O),{key:0,class:"mx-1",icon:x.icon,size:18},null,8,["icon"])):L("",!0),q(" "+H(d.label),1)],8,Ve),I("div",je,[c(ee,{node:d,data:x},null,8,["node","data"])])],2))]),empty:K(()=>[c(t(Le),{description:t(w)("UI.EMPTY_DATA","暂无数据~~")},null,8,["description"])]),_:3},16,["node-key"])])),[[v,u.value]])])}}});function lt(s){const l=D(null),y=D(!1);function C(k){V(()=>{l.value=null,y.value=!1}),!(t(y)&&k===t(l))&&(l.value=k,y.value=!0,F(()=>s,()=>{s&&k.setProps(s)},{immediate:!0,deep:!0}))}return s.treeType==="virtual"?[C,{filter:e=>t(l)?.filter(e),getCheckedNodes:e=>t(l)?.getCheckedNodes(e),getCheckedKeys:e=>t(l)?.getCheckedKeys(e),setCheckedKeys:e=>t(l)?.setCheckedKeys(e),setChecked:(e,n)=>t(l)?.setChecked(e,n),setExpandedKeys:e=>t(l)?.setExpandedKeys(e),getHalfCheckedNodes:()=>t(l)?.getHalfCheckedNodes(),getHalfCheckedKeys:()=>t(l)?.getHalfCheckedKeys(),getCurrentKey:()=>t(l)?.getCurrentKey(),getCurrentNode:()=>t(l)?.getCurrentNode(),setCurrentKey:e=>t(l)?.setCurrentKey(e),getNode:e=>t(l)?.getNode(e),expandNode:e=>t(l)?.expandNode(e),collapseNode:e=>t(l)?.collapseNode(e),setData:e=>t(l)?.setData(e),scrollTo:e=>t(l)?.scrollTo(e),scrollToNode:(e,n)=>t(l)?.scrollToNode(e,n),setProps:e=>t(l)?.setProps(e),checkAll:e=>t(l)?.checkAll(e),expandAll:e=>t(l)?.expandAll(e)}]:[C,{filter:e=>t(l)?.filter(e),updateKeyChildren:(e,n)=>t(l)?.updateKeyChildren(e,n),getCheckedNodes:(e,n)=>t(l)?.getCheckedNodes(e,n),setCheckedNodes:(e,n)=>t(l)?.setCheckedNodes(e,n),getCheckedKeys:e=>t(l)?.getCheckedKeys(e),setCheckedKeys:(e,n)=>t(l)?.setCheckedKeys(e,n),setChecked:(e,n,o)=>t(l)?.setChecked(e,n,o),getHalfCheckedNodes:()=>t(l)?.getHalfCheckedNodes(),getHalfCheckedKeys:()=>t(l)?.getHalfCheckedKeys(),getCurrentKey:()=>t(l)?.getCurrentKey(),getCurrentNode:()=>t(l)?.getCurrentNode(),setCurrentKey:(e,n)=>t(l)?.setCurrentKey(e,n),setCurrentNode:(e,n)=>t(l)?.setCurrentNode(e,n),getNode:e=>t(l)?.getNode(e),remove:e=>t(l)?.remove(e),append:(e,n)=>t(l)?.append(e,n),insertBefore:(e,n)=>t(l)?.insertBefore(e,n),insertAfter:(e,n)=>t(l)?.insertAfter(e,n),setProps:e=>t(l)?.setProps(e),checkAll:e=>t(l)?.checkAll(e),expandAll:e=>t(l)?.expandAll(e)}]}const ot=se(ze);export{ot as DtTree,ot as default,lt as useTree};

package/dist/es/components/tree/src/components/ContextMenu.d.ts

@@ -0,0 +1,80 @@
+import { CSSProperties, PropType } from 'vue';
+import { ContextMenuItem } from '../types';
+import { Recordable } from '@dt-frames/core';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    customEvent: {
+        type: PropType<Event>;
+        default: null;
+    };
+    styles: {
+        type: PropType<CSSProperties>;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    axis: {
+        type: PropType<{
+            x: number;
+            y: number;
+        }>;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    items: {
+        type: PropType<ContextMenuItem[]>;
+        default: () => never[];
+    };
+    node: {
+        type: PropType<Recordable>;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    customEvent: {
+        type: PropType<Event>;
+        default: null;
+    };
+    styles: {
+        type: PropType<CSSProperties>;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    axis: {
+        type: PropType<{
+            x: number;
+            y: number;
+        }>;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    items: {
+        type: PropType<ContextMenuItem[]>;
+        default: () => never[];
+    };
+    node: {
+        type: PropType<Recordable>;
+    };
+}>> & Readonly<{}>, {
+    showIcon: boolean;
+    width: number;
+    items: ContextMenuItem[];
+    customEvent: Event;
+    axis: {
+        x: number;
+        y: number;
+    };
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/es/components/tree/src/components/TreeHeader.d.ts

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    title: string;
+    toolbar: boolean;
+    checkable?: boolean;
+    search: boolean;
+    checkAll: Function;
+    expandAll: Function;
+    toolbarPos: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        addonBefore?(_: {}): any;
+        addonAfter?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    search: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSearch?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/tree/src/hooks/useContextMenu.d.ts

@@ -0,0 +1,11 @@
+import { ContextMenuItem } from '../types';
+import { Recordable } from '@dt-frames/core';
+type CreateContextOptions = {
+    event: MouseEvent;
+    icon?: string;
+    styles?: any;
+    items?: ContextMenuItem[];
+    node?: Recordable;
+};
+export declare function useContextMenu(): (((options: CreateContextOptions) => Promise<unknown>) | (() => void))[];
+export {};

package/dist/es/components/tree/src/hooks/useTree.d.ts

@@ -0,0 +1,2 @@
+import { TreeProp, TreeRef, VirtualTreeRef } from '../types';
+export declare function useTree(props: TreeProp): [register: (instance: TreeRef | VirtualTreeRef) => void, ins: TreeRef | VirtualTreeRef];

package/dist/es/components/tree/src/index.d.ts

@@ -0,0 +1,116 @@
+import { TreeType } from './types';
+declare function __VLS_template(): any;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    type?: "" | undefined;
+} & TreeType & {
+    title?: string;
+    enableToolbar?: boolean;
+    toolbarPos?: "left" | "right";
+    enableFilter?: boolean;
+    buttons?: (node: any) => {
+        label?: string;
+        showLabel?: boolean;
+        toolTipProps?: import('element-plus').ElTooltipProps;
+        color?: string;
+        class?: string;
+        disabled?: boolean | ((row: import('@dt-frames/core').Recordable) => boolean) | import('vue').Ref<boolean>;
+        show?: boolean | ((row: import('@dt-frames/core').Recordable) => boolean);
+        icon?: string | import('vue').Component;
+        iconSize?: number;
+        auth?: string;
+        onClick?: (...args: any) => any;
+    }[];
+    hoverButtons?: boolean;
+}>, {
+    nodeKey: string;
+    indent: number;
+    itemSize: number;
+    renderAfterExpand: boolean;
+    defaultExpandAll: boolean;
+    expandOnClickNode: boolean;
+    checkOnClickNode: boolean;
+    checkOnClickLeaf: boolean;
+    autoExpandParent: boolean;
+    showCheckbox: boolean;
+    checkStrictly: boolean;
+    accordion: boolean;
+    lazy: boolean;
+    draggable: boolean;
+    highlightCurrent: boolean;
+    scrollbarAlwaysOn: boolean;
+    hoverButtons: boolean;
+    enableFilter: boolean;
+    enableToolbar: boolean;
+    toolbarPos: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    register: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    type?: "" | undefined;
+} & TreeType & {
+    title?: string;
+    enableToolbar?: boolean;
+    toolbarPos?: "left" | "right";
+    enableFilter?: boolean;
+    buttons?: (node: any) => {
+        label?: string;
+        showLabel?: boolean;
+        toolTipProps?: import('element-plus').ElTooltipProps;
+        color?: string;
+        class?: string;
+        disabled?: boolean | ((row: import('@dt-frames/core').Recordable) => boolean) | import('vue').Ref<boolean>;
+        show?: boolean | ((row: import('@dt-frames/core').Recordable) => boolean);
+        icon?: string | import('vue').Component;
+        iconSize?: number;
+        auth?: string;
+        onClick?: (...args: any) => any;
+    }[];
+    hoverButtons?: boolean;
+}>, {
+    nodeKey: string;
+    indent: number;
+    itemSize: number;
+    renderAfterExpand: boolean;
+    defaultExpandAll: boolean;
+    expandOnClickNode: boolean;
+    checkOnClickNode: boolean;
+    checkOnClickLeaf: boolean;
+    autoExpandParent: boolean;
+    showCheckbox: boolean;
+    checkStrictly: boolean;
+    accordion: boolean;
+    lazy: boolean;
+    draggable: boolean;
+    highlightCurrent: boolean;
+    scrollbarAlwaysOn: boolean;
+    hoverButtons: boolean;
+    enableFilter: boolean;
+    enableToolbar: boolean;
+    toolbarPos: string;
+}>>> & Readonly<{
+    onRegister?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};