vft 0.0.249 → 0.0.252

package/lib/components/tooltip/tooltip.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),m=require("../popper/index.cjs");require("@vueuse/core");const B=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const C=require("../../hooks/use-delayed-toggle/index.cjs"),k=require("../../hooks/use-id/index.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const T=require("../../hooks/use-popper-container/index.cjs");require("../../hooks/use-z-index/index.cjs");const d=require("@vft/constants"),E=require("./constants.cjs"),q=require("./content.vue2.cjs"),O=require("./trigger.vue2.cjs"),A=require("./utils.cjs"),S=require("../popper/arrow.vue2.cjs"),N=["innerHTML"],P={key:1},R=t.defineComponent({name:"VftTooltip"}),V=t.defineComponent({...R,props:{role:{default:"tooltip"},showArrow:{type:Boolean,default:!0},arrowOffset:{default:5},virtualRef:{},virtualTriggering:{type:Boolean},onMouseenter:{},onMouseleave:{},onClick:{},onKeydown:{},onFocus:{},onBlur:{},onContextmenu:{},id:{},open:{type:Boolean},boundariesPadding:{default:0},fallbackPlacements:{},gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:()=>({})},strategy:{default:"absolute"},style:{type:[Boolean,null,String,Object,Array]},className:{},effect:{default:"dark"},visible:{type:Boolean,default:null},enterable:{type:Boolean,default:!0},pure:{type:Boolean},focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:{},popperStyle:{type:[Boolean,null,String,Object,Array]},referenceEl:{},triggerTargetEl:{},stopPopperMouseEvent:{type:Boolean,default:!0},ariaLabel:{},zIndex:{},showAfter:{default:0},hideAfter:{default:200},appendTo:{},content:{default:""},rawContent:{type:Boolean,default:!1},persistent:{type:Boolean},transition:{},teleported:{type:Boolean,default:!0},disabled:{type:Boolean},trigger:{default:"hover"},triggerKeys:{default:()=>[d.EVENT_CODE.enter,d.EVENT_CODE.numpadEnter,d.EVENT_CODE.space]}},emits:["before-show","before-hide","show","hide","open","close"],setup(o,{expose:g,emit:c}){const a=c;T.usePopperContainer();const y=k.useId(),l=t.ref(),i=t.ref(),f=()=>{const e=t.unref(l);e&&e.popperInstanceRef?.update()},r=t.ref(!1),n=t.ref(),{show:b,hide:s,hasUpdateHandler:h}=A.useTooltipModelToggle({indicator:r,toggleReason:n}),{onOpen:p,onClose:u}=C.useDelayedToggle({showAfter:o.showAfter,hideAfter:o.hideAfter,open:b,close:s}),v=t.computed(()=>B.isBoolean(o.visible)&&!h.value);t.provide(E.TOOLTIP_INJECTION_KEY,{controlled:v,id:y,open:t.readonly(r),trigger:t.computed(()=>o.trigger),onOpen:e=>{p(e)},onClose:e=>{u(e)},onToggle:e=>{t.unref(r)?u(e):p(e)},onShow:()=>{a("show",n.value)},onHide:()=>{a("hide",n.value)},onBeforeShow:()=>{a("before-show",n.value)},onBeforeHide:()=>{a("before-hide",n.value)},updatePopper:f}),t.watch(()=>o.disabled,e=>{e&&r.value&&(r.value=!1)});const w=()=>{const e=i.value?.contentRef?.popperContentRef;return e&&e.contains(document.activeElement)};return t.onDeactivated(()=>r.value&&s()),g({popperRef:l,contentRef:i,isFocusInsideContent:w,updatePopper:f,onOpen:p,onClose:u,hide:s}),(e,I)=>(t.openBlock(),t.createBlock(t.unref(m.VftPopper),{ref_key:"popperRef",ref:l,role:e.role},{default:t.withCtx(()=>[t.createVNode(O.default,{disabled:e.disabled,trigger:e.trigger,"trigger-keys":e.triggerKeys,"virtual-ref":e.virtualRef,"virtual-triggering":e.virtualTriggering},{default:t.withCtx(()=>[e.$slots.default?t.renderSlot(e.$slots,"default",{key:0}):t.createCommentVNode("",!0)]),_:3},8,["disabled","trigger","trigger-keys","virtual-ref","virtual-triggering"]),t.createVNode(q.default,{ref_key:"contentRef",ref:i,"aria-label":e.ariaLabel,"boundaries-padding":e.boundariesPadding,content:e.content,disabled:e.disabled,effect:e.effect,enterable:e.enterable,"fallback-placements":e.fallbackPlacements,"hide-after":e.hideAfter,"gpu-acceleration":e.gpuAcceleration,offset:e.offset,persistent:e.persistent,"popper-class":e.popperClass,"popper-style":e.popperStyle,placement:e.placement,"popper-options":e.popperOptions,pure:e.pure,"raw-content":e.rawContent,"reference-el":e.referenceEl,"trigger-target-el":e.triggerTargetEl,"show-after":e.showAfter,strategy:e.strategy,teleported:e.teleported,transition:e.transition,"virtual-triggering":e.virtualTriggering,"z-index":e.zIndex,"append-to":e.appendTo},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"content",{},()=>[e.rawContent?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:e.content},null,8,N)):(t.openBlock(),t.createElementBlock("span",P,t.toDisplayString(e.content),1))]),e.showArrow?(t.openBlock(),t.createBlock(t.unref(S.default),{key:0,"arrow-offset":e.arrowOffset},null,8,["arrow-offset"])):t.createCommentVNode("",!0)]),_:3},8,["aria-label","boundaries-padding","content","disabled","effect","enterable","fallback-placements","hide-after","gpu-acceleration","offset","persistent","popper-class","popper-style","placement","popper-options","pure","raw-content","reference-el","trigger-target-el","show-after","strategy","teleported","transition","virtual-triggering","z-index","append-to"])]),_:3},8,["role"]))}});exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),k=require("../popper/index.cjs");require("@vueuse/core");const T=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const q=require("../../hooks/use-id/index.cjs"),E=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const O=require("../../hooks/use-popper-container/index.cjs");require("../../hooks/use-z-index/index.cjs");const A=require("../../hooks/use-delayed-toggle/index.cjs"),d=require("@vft/constants"),R=require("./constants.cjs"),S=require("./content.vue2.cjs"),N=require("./trigger.vue2.cjs"),I=require("./utils.cjs"),P=require("../popper/arrow.vue2.cjs"),V=["innerHTML"],$={key:1},M=t.defineComponent({name:"VftTooltip"}),D=t.defineComponent({...M,props:{role:{default:"tooltip"},showArrow:{type:Boolean,default:!0},arrowOffset:{default:5},virtualRef:{},virtualTriggering:{type:Boolean},onMouseenter:{},onMouseleave:{},onClick:{},onKeydown:{},onFocus:{},onBlur:{},onContextmenu:{},id:{},open:{type:Boolean},boundariesPadding:{default:0},fallbackPlacements:{},gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:()=>({})},strategy:{default:"absolute"},style:{type:[Boolean,null,String,Object,Array]},className:{},effect:{default:"dark"},visible:{type:Boolean,default:null},enterable:{type:Boolean,default:!0},pure:{type:Boolean},focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:{},popperStyle:{type:[Boolean,null,String,Object,Array]},referenceEl:{},triggerTargetEl:{},stopPopperMouseEvent:{type:Boolean,default:!0},ariaLabel:{},zIndex:{},showAfter:{default:0},hideAfter:{default:200},appendTo:{},content:{default:""},rawContent:{type:Boolean,default:!1},persistent:{type:Boolean},transition:{},teleported:{type:Boolean,default:!0},disabled:{type:Boolean},trigger:{default:"hover"},triggerKeys:{default:()=>[d.EVENT_CODE.enter,d.EVENT_CODE.numpadEnter,d.EVENT_CODE.space]}},emits:["before-show","before-hide","show","hide","open","close"],setup(l,{expose:c,emit:y}){const n=y;O.usePopperContainer();const b=E.useNamespace("tooltip"),h=q.useId(),s=t.ref(),i=t.ref(),g=()=>{const e=t.unref(s);e&&e.popperInstanceRef?.update()},r=t.ref(!1),o=t.ref(),{show:v,hide:p,hasUpdateHandler:w}=I.useTooltipModelToggle({indicator:r,toggleReason:o}),a=t.getCurrentInstance(),{onOpen:u,onClose:f}=A.useDelayedToggle({showAfter:t.toRef(a.props,"showAfter"),hideAfter:t.toRef(a.props,"hideAfter"),autoClose:t.toRef(a.props,"autoClose"),open:v,close:p}),m=t.computed(()=>T.isBoolean(l.visible)&&!w.value),B=t.computed(()=>[b.b(),l.popperClass]);t.provide(R.TOOLTIP_INJECTION_KEY,{controlled:m,id:h,open:t.readonly(r),trigger:t.toRef(a.props,"trigger"),onOpen:e=>{u(e)},onClose:e=>{f(e)},onToggle:e=>{t.unref(r)?f(e):u(e)},onShow:()=>{n("show",o.value)},onHide:()=>{n("hide",o.value)},onBeforeShow:()=>{n("before-show",o.value)},onBeforeHide:()=>{n("before-hide",o.value)},updatePopper:g}),t.watch(()=>l.disabled,e=>{e&&r.value&&(r.value=!1)});const C=e=>i.value?.isFocusInsideContent(e);return t.onDeactivated(()=>r.value&&p()),c({popperRef:s,contentRef:i,isFocusInsideContent:C,updatePopper:g,onOpen:u,onClose:f,hide:p}),(e,H)=>(t.openBlock(),t.createBlock(t.unref(k.VftPopper),{ref_key:"popperRef",ref:s,role:e.role},{default:t.withCtx(()=>[t.createVNode(N.default,{disabled:e.disabled,trigger:e.trigger,"trigger-keys":e.triggerKeys,"virtual-ref":e.virtualRef,"virtual-triggering":e.virtualTriggering},{default:t.withCtx(()=>[e.$slots.default?t.renderSlot(e.$slots,"default",{key:0}):t.createCommentVNode("",!0)]),_:3},8,["disabled","trigger","trigger-keys","virtual-ref","virtual-triggering"]),t.createVNode(S.default,{ref_key:"contentRef",ref:i,"aria-label":e.ariaLabel,"boundaries-padding":e.boundariesPadding,content:e.content,disabled:e.disabled,effect:e.effect,enterable:e.enterable,"fallback-placements":e.fallbackPlacements,"hide-after":e.hideAfter,"gpu-acceleration":e.gpuAcceleration,offset:e.offset,persistent:e.persistent,"popper-class":B.value,"popper-style":e.popperStyle,placement:e.placement,"popper-options":e.popperOptions,"arrow-offset":e.arrowOffset,pure:e.pure,"raw-content":e.rawContent,"reference-el":e.referenceEl,"trigger-target-el":e.triggerTargetEl,"show-after":e.showAfter,strategy:e.strategy,teleported:e.teleported,transition:e.transition,"virtual-triggering":e.virtualTriggering,"z-index":e.zIndex,"append-to":e.appendTo},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"content",{},()=>[e.rawContent?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:e.content},null,8,V)):(t.openBlock(),t.createElementBlock("span",$,t.toDisplayString(e.content),1))]),e.showArrow?(t.openBlock(),t.createBlock(t.unref(P.default),{key:0,"arrow-offset":e.arrowOffset},null,8,["arrow-offset"])):t.createCommentVNode("",!0)]),_:3},8,["aria-label","boundaries-padding","content","disabled","effect","enterable","fallback-placements","hide-after","gpu-acceleration","offset","persistent","popper-class","popper-style","placement","popper-options","arrow-offset","pure","raw-content","reference-el","trigger-target-el","show-after","strategy","teleported","transition","virtual-triggering","z-index","append-to"])]),_:3},8,["role"]))}});exports.default=D;

package/lib/components/tooltip/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");const s=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const l=require("vue");require("../config-provider/hooks/use-global-config.cjs");const n=require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const i=(e,r)=>s.isArray(e)?e.includes(r):e===r,t=(e,r,o)=>u=>{i(l.unref(e),r)&&o(u)},{useModelToggle:g}=n.createModelToggleComposable("visible");exports.isTriggerType=i;exports.useTooltipModelToggle=g;exports.whenTrigger=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");const s=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const l=require("vue"),n=require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const i=(e,r)=>s.isArray(e)?e.includes(r):e===r,t=(e,r,o)=>u=>{i(l.unref(e),r)&&o(u)},{useModelToggle:g}=n.createModelToggleComposable("visible");exports.isTriggerType=i;exports.useTooltipModelToggle=g;exports.whenTrigger=t;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./tree-node.vue2.cjs"),n=require("vue"),p=require("../../_virtual/_plugin-vue_export-helper.cjs"),u=["aria-expanded","aria-disabled","aria-checked","draggable","data-key"],h=["aria-expanded"];function k(e,o,C,g,v,f){const r=n.resolveComponent("vft-icon"),a=n.resolveComponent("vft-checkbox"),i=n.resolveComponent("node-content"),l=n.resolveComponent("tree-node",!0),s=n.resolveComponent("vft-collapse-transition");return n.withDirectives((n.openBlock(),n.createElementBlock("div",{ref:"node$",class:n.normalizeClass([e.ns.b("node"),e.ns.is("expanded",e.expanded),e.ns.is("current",e.node.isCurrent),e.ns.is("hidden",!e.node.visible),e.ns.is("focusable",!e.node.disabled),e.ns.is("checked",!e.node.disabled&&e.node.checked),e.getNodeClass(e.node)]),role:"treeitem",tabindex:"-1","aria-expanded":e.expanded,"aria-disabled":e.node.disabled,"aria-checked":e.node.checked,draggable:e.tree.props.draggable,"data-key":e.getNodeKey(e.node),onClick:o[1]||(o[1]=n.withModifiers((...d)=>e.handleClick&&e.handleClick(...d),["stop"])),onContextmenu:o[2]||(o[2]=(...d)=>e.handleContextMenu&&e.handleContextMenu(...d)),onDragstart:o[3]||(o[3]=n.withModifiers((...d)=>e.handleDragStart&&e.handleDragStart(...d),["stop"])),onDragover:o[4]||(o[4]=n.withModifiers((...d)=>e.handleDragOver&&e.handleDragOver(...d),["stop"])),onDragend:o[5]||(o[5]=n.withModifiers((...d)=>e.handleDragEnd&&e.handleDragEnd(...d),["stop"])),onDrop:o[6]||(o[6]=n.withModifiers((...d)=>e.handleDrop&&e.handleDrop(...d),["stop"]))},[n.createElementVNode("div",{class:n.normalizeClass(e.ns.be("node","content")),style:n.normalizeStyle({paddingLeft:(e.node.level-1)*e.tree.props.indent+"px"})},[n.createVNode(r,{icon:e.tree.props.icon||"icon-caret-right",class:n.normalizeClass([e.ns.be("node","expand-icon"),e.ns.is("leaf",e.node.isLeaf),{expanded:!e.node.isLeaf&&e.expanded}]),onClick:n.withModifiers(e.handleExpandIconClick,["stop"])},null,8,["icon","class","onClick"]),e.showCheckbox?(n.openBlock(),n.createBlock(a,{key:0,"model-value":e.node.checked,indeterminate:e.node.indeterminate,disabled:!!e.node.disabled,onClick:o[0]||(o[0]=n.withModifiers(()=>{},["stop"])),onChange:e.handleCheckChange},null,8,["model-value","indeterminate","disabled","onChange"])):n.createCommentVNode("",!0),e.node.loading?(n.openBlock(),n.createBlock(r,{key:1,icon:"icon-loading",rotate:"",class:n.normalizeClass([e.ns.be("node","loading-icon"),e.ns.is("loading")])},null,8,["class"])):n.createCommentVNode("",!0),n.createVNode(i,{node:e.node,"render-content":e.renderContent},null,8,["node","render-content"])],6),n.createVNode(s,null,{default:n.withCtx(()=>[!e.renderAfterExpand||e.childNodeRendered?n.withDirectives((n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(e.ns.be("node","children")),role:"group","aria-expanded":e.expanded},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.node.childNodes,d=>(n.openBlock(),n.createBlock(l,{key:e.getNodeKey(d),"render-content":e.renderContent,"render-after-expand":e.renderAfterExpand,"show-checkbox":e.showCheckbox,node:d,accordion:e.accordion,props:e.props,onNodeExpand:e.handleChildNodeExpand},null,8,["render-content","render-after-expand","show-checkbox","node","accordion","props","onNodeExpand"]))),128))],10,h)),[[n.vShow,e.expanded]]):n.createCommentVNode("",!0)]),_:1})],42,u)),[[n.vShow,e.node.visible]])}const m=p.default(t.default,[["render",k]]);exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./tree-node.vue2.cjs"),n=require("vue"),p=require("../../_virtual/_plugin-vue_export-helper.cjs"),u=["aria-expanded","aria-disabled","aria-checked","draggable","data-key"],h=["aria-expanded"];function k(e,o,C,g,b,c){const r=n.resolveComponent("icon"),a=n.resolveComponent("tree-checkbox"),i=n.resolveComponent("node-content"),l=n.resolveComponent("tree-node",!0),s=n.resolveComponent("collapse-transition");return n.withDirectives((n.openBlock(),n.createElementBlock("div",{ref:"node$",class:n.normalizeClass([e.ns.b("node"),e.ns.is("expanded",e.expanded),e.ns.is("current",e.node.isCurrent),e.ns.is("hidden",!e.node.visible),e.ns.is("focusable",!e.node.disabled),e.ns.is("checked",!e.node.disabled&&e.node.checked),e.getNodeClass(e.node)]),role:"treeitem",tabindex:"-1","aria-expanded":e.expanded,"aria-disabled":e.node.disabled,"aria-checked":e.node.checked,draggable:e.tree.props.draggable,"data-key":e.getNodeKey(e.node),onClick:o[1]||(o[1]=n.withModifiers((...d)=>e.handleClick&&e.handleClick(...d),["stop"])),onContextmenu:o[2]||(o[2]=(...d)=>e.handleContextMenu&&e.handleContextMenu(...d)),onDragstart:o[3]||(o[3]=n.withModifiers((...d)=>e.handleDragStart&&e.handleDragStart(...d),["stop"])),onDragover:o[4]||(o[4]=n.withModifiers((...d)=>e.handleDragOver&&e.handleDragOver(...d),["stop"])),onDragend:o[5]||(o[5]=n.withModifiers((...d)=>e.handleDragEnd&&e.handleDragEnd(...d),["stop"])),onDrop:o[6]||(o[6]=n.withModifiers((...d)=>e.handleDrop&&e.handleDrop(...d),["stop"]))},[n.createElementVNode("div",{class:n.normalizeClass(e.ns.be("node","content")),style:n.normalizeStyle({paddingLeft:(e.node.level-1)*e.tree.props.indent+"px"})},[n.createVNode(r,{icon:e.tree.props.icon||"icon-caret-right",class:n.normalizeClass([e.ns.be("node","expand-icon"),e.ns.is("leaf",e.node.isLeaf),{expanded:!e.node.isLeaf&&e.expanded}]),onClick:n.withModifiers(e.handleExpandIconClick,["stop"])},null,8,["icon","class","onClick"]),e.showCheckbox?(n.openBlock(),n.createBlock(a,{key:0,"model-value":e.node.checked,indeterminate:e.node.indeterminate,disabled:!!e.node.disabled,onClick:o[0]||(o[0]=n.withModifiers(()=>{},["stop"])),onChange:e.handleCheckChange},null,8,["model-value","indeterminate","disabled","onChange"])):n.createCommentVNode("",!0),e.node.loading?(n.openBlock(),n.createBlock(r,{key:1,icon:"icon-loading",rotate:"",class:n.normalizeClass([e.ns.be("node","loading-icon"),e.ns.is("loading")])},null,8,["class"])):n.createCommentVNode("",!0),n.createVNode(i,{node:e.node,"render-content":e.renderContent},null,8,["node","render-content"])],6),n.createVNode(s,null,{default:n.withCtx(()=>[!e.renderAfterExpand||e.childNodeRendered?n.withDirectives((n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(e.ns.be("node","children")),role:"group","aria-expanded":e.expanded},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.node.childNodes,d=>(n.openBlock(),n.createBlock(l,{key:e.getNodeKey(d),"render-content":e.renderContent,"render-after-expand":e.renderAfterExpand,"show-checkbox":e.showCheckbox,node:d,accordion:e.accordion,props:e.props,onNodeExpand:e.handleChildNodeExpand},null,8,["render-content","render-after-expand","show-checkbox","node","accordion","props","onNodeExpand"]))),128))],10,h)),[[n.vShow,e.expanded]]):n.createCommentVNode("",!0)]),_:1})],42,u)),[[n.vShow,e.node.visible]])}const m=p.default(t.default,[["render",k]]);exports.default=m;

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

@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, {
     ns: {
-        namespace: import("vue").Ref<string, string>;
+        namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
         m: (modifier?: string) => string;
@@ -32,9 +32,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
-        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVar: (object: Record<string, string>) => Record<string, string>;
         cssVarName: (name: string) => string;
-        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
     node$: import("vue").Ref<Nullable<HTMLElement>, Nullable<HTMLElement>>;
@@ -80,7 +80,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     renderAfterExpand: boolean;
     showCheckbox: boolean;
 }, {}, {
-    VftCollapseTransition: import("vft/es/utils").SFCWithInstall<{
+    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, {
             P: {};
             B: {};
@@ -97,7 +97,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default?(_: {}): any;
         };
     })>;
-    VftCheckbox: import("vft/es/utils").SFCWithInstall<{
+    TreeCheckbox: import("vft/es/utils").SFCWithInstall<{
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             value: {
                 type: import("vue").PropType<string | number | boolean | object>;
@@ -126,10 +126,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             tabindex: {
                 type: import("vue").PropType<string | number>;
             };
-            validateEvent: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             checked: {
                 type: import("vue").PropType<boolean>;
             };
@@ -145,6 +141,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             controls: {
                 type: import("vue").PropType<string>;
             };
+            validateEvent: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{
             onChange?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -188,10 +188,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             tabindex: {
                 type: import("vue").PropType<string | number>;
             };
-            validateEvent: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             checked: {
                 type: import("vue").PropType<boolean>;
             };
@@ -207,6 +203,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             controls: {
                 type: import("vue").PropType<string>;
             };
+            validateEvent: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{
             onChange?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -244,10 +244,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         tabindex: {
             type: import("vue").PropType<string | number>;
         };
-        validateEvent: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         checked: {
             type: import("vue").PropType<boolean>;
         };
@@ -263,6 +259,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         controls: {
             type: import("vue").PropType<string>;
         };
+        validateEvent: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -473,10 +473,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 max: {
                     type: import("vue").PropType<number>;
                 };
-                tag: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 validateEvent: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -484,6 +480,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 textColor: {
                     type: import("vue").PropType<string>;
                 };
+                tag: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 useButton: {
                     type: import("vue").PropType<boolean>;
                 };
@@ -495,8 +495,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 "update:modelValue": (...args: any[]) => void;
             }, import("vue").PublicProps, {
                 modelValue: import("vft/es/components/checkbox").CheckboxGroupValueType;
-                tag: string;
                 validateEvent: boolean;
+                tag: string;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -530,10 +530,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 max: {
                     type: import("vue").PropType<number>;
                 };
-                tag: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 validateEvent: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -541,6 +537,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 textColor: {
                     type: import("vue").PropType<string>;
                 };
+                tag: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 useButton: {
                     type: import("vue").PropType<boolean>;
                 };
@@ -549,8 +549,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {}, {}, {}, {}, {
                 modelValue: import("vft/es/components/checkbox").CheckboxGroupValueType;
-                tag: string;
                 validateEvent: boolean;
+                tag: string;
             }>;
             __isFragment?: never;
             __isTeleport?: never;
@@ -581,10 +581,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             max: {
                 type: import("vue").PropType<number>;
             };
-            tag: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             validateEvent: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -592,6 +588,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             textColor: {
                 type: import("vue").PropType<string>;
             };
+            tag: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             useButton: {
                 type: import("vue").PropType<boolean>;
             };
@@ -603,8 +603,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             "update:modelValue": (...args: any[]) => void;
         }, string, {
             modelValue: import("vft/es/components/checkbox").CheckboxGroupValueType;
-            tag: string;
             validateEvent: boolean;
+            tag: string;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
             $slots: {
                 default?(_: {}): any;
@@ -624,7 +624,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         renderContent: FunctionConstructor;
     }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    VftIcon: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    Icon: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         icon: {
             type: import("vue").PropType<string>;
             required: true;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("@vft/utils"),_=require("../checkbox/index.cjs"),S=require("../collapse-transition/index.cjs"),O=require("../icon/index.cjs");require("@vueuse/core");const T=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const d=require("vue"),I=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const w=require("./model/node.cjs"),B=require("./model/useDragNode.cjs"),V=require("./model/useNodeExpandEventBroadcast.cjs"),N=require("./model/util.cjs"),$=require("./tree-node-content.vue2.cjs"),j=d.defineComponent({name:"TreeNode",components:{VftCollapseTransition:S.default,VftCheckbox:_.VftCheckbox,NodeContent:$.default,VftIcon:O.VftIcon},props:{node:{type:w.default,default:()=>({})},props:{type:Object,default:()=>({})},accordion:Boolean,renderContent:Function,renderAfterExpand:Boolean,showCheckbox:{type:Boolean,default:!1}},emits:["node-expand"],setup(n,k){const v=I.useNamespace("tree"),{broadcastExpanded:m}=V.useNodeExpandEventBroadcast(n),t=d.inject("RootTree"),c=d.ref(!1),l=d.ref(!1),i=d.ref(null),u=d.ref(null),f=d.ref(null),s=d.inject(B.dragEventsKey),r=d.getCurrentInstance();d.provide("NodeInstance",r),t||T.debugWarn("Tree","Can not find node's tree."),n.node.expanded&&(c.value=!0,l.value=!0);const q=t.props.children||"children";d.watch(()=>{const e=n.node.data[q];return e&&[...e]},()=>{n.node.updateChildren()}),d.watch(()=>n.node.indeterminate,e=>{h(n.node.checked,e)}),d.watch(()=>n.node.checked,e=>{h(e,n.node.indeterminate)}),d.watch(()=>n.node.expanded,e=>{d.nextTick(()=>c.value=e),e&&(l.value=!0)});const y=e=>N.getNodeKey(t.props.nodeKey,e.data),D=e=>{const a=n.props.class;if(!a)return{};let o;if(x.isFunction(a)){const{data:K}=e;o=a(K,e)}else o=a;return x.isString(o)?{[o]:!0}:o},h=(e,a)=>{(i.value!==e||u.value!==a)&&t.ctx.emit("check-change",n.node.data,e,a),i.value=e,u.value=a},E=e=>{N.handleCurrentChange(t.store,t.ctx.emit,()=>t.store.value.setCurrentNode(n.node)),t.currentNode.value=n.node,t.props.expandOnClickNode&&g(),t.props.checkOnClickNode&&!n.node.disabled&&C(null,{target:{checked:!n.node.checked}}),t.ctx.emit("node-click",n.node.data,n.node,r,e)},b=e=>{t.instance.vnode.props.onNodeContextmenu&&(e.stopPropagation(),e.preventDefault()),t.ctx.emit("node-contextmenu",e,n.node.data,n.node,r)},g=()=>{n.node.isLeaf||(c.value?(t.ctx.emit("node-collapse",n.node.data,n.node,r),n.node.collapse()):(n.node.expand(),k.emit("node-expand",n.node.data,n.node,r)))},C=(e,a)=>{n.node.setChecked(a.target.checked,!t.props.checkStrictly),d.nextTick(()=>{const o=t.store.value;t.ctx.emit("check",n.node.data,{checkedNodes:o.getCheckedNodes(),checkedKeys:o.getCheckedKeys(),halfCheckedNodes:o.getHalfCheckedNodes(),halfCheckedKeys:o.getHalfCheckedKeys()})})};return{ns:v,node$:f,tree:t,expanded:c,childNodeRendered:l,oldChecked:i,oldIndeterminate:u,getNodeKey:y,getNodeClass:D,handleSelectChange:h,handleClick:E,handleContextMenu:b,handleExpandIconClick:g,handleCheckChange:C,handleChildNodeExpand:(e,a,o)=>{m(a),t.ctx.emit("node-expand",e,a,o)},handleDragStart:e=>{t.props.draggable&&s.treeNodeDragStart({event:e,treeNode:n})},handleDragOver:e=>{e.preventDefault(),t.props.draggable&&s.treeNodeDragOver({event:e,treeNode:{$el:f.value,node:n.node}})},handleDrop:e=>{e.preventDefault()},handleDragEnd:e=>{t.props.draggable&&s.treeNodeDragEnd(e)}}}});exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("@vft/utils"),T=require("../checkbox/index.cjs"),_=require("../collapse-transition/index.cjs"),S=require("../icon/index.cjs");require("@vueuse/core");const O=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const d=require("vue"),I=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const w=require("./model/node.cjs"),B=require("./model/useDragNode.cjs"),$=require("./model/useNodeExpandEventBroadcast.cjs"),N=require("./model/util.cjs"),j=require("./tree-node-content.vue2.cjs"),p=d.defineComponent({name:"TreeNode",components:{CollapseTransition:_.VftCollapseTransition,TreeCheckbox:T.VftCheckbox,NodeContent:j.default,Icon:S.VftIcon},props:{node:{type:w.default,default:()=>({})},props:{type:Object,default:()=>({})},accordion:Boolean,renderContent:Function,renderAfterExpand:Boolean,showCheckbox:{type:Boolean,default:!1}},emits:["node-expand"],setup(n,k){const v=I.useNamespace("tree"),{broadcastExpanded:m}=$.useNodeExpandEventBroadcast(n),t=d.inject("RootTree"),c=d.ref(!1),l=d.ref(!1),i=d.ref(null),s=d.ref(null),f=d.ref(null),u=d.inject(B.dragEventsKey),r=d.getCurrentInstance();d.provide("NodeInstance",r),t||O.debugWarn("Tree","Can not find node's tree."),n.node.expanded&&(c.value=!0,l.value=!0);const q=t.props.children||"children";d.watch(()=>{const e=n.node.data[q];return e&&[...e]},()=>{n.node.updateChildren()}),d.watch(()=>n.node.indeterminate,e=>{h(n.node.checked,e)}),d.watch(()=>n.node.checked,e=>{h(e,n.node.indeterminate)}),d.watch(()=>n.node.expanded,e=>{d.nextTick(()=>c.value=e),e&&(l.value=!0)});const y=e=>N.getNodeKey(t.props.nodeKey,e.data),D=e=>{const a=n.props.class;if(!a)return{};let o;if(x.isFunction(a)){const{data:K}=e;o=a(K,e)}else o=a;return x.isString(o)?{[o]:!0}:o},h=(e,a)=>{(i.value!==e||s.value!==a)&&t.ctx.emit("check-change",n.node.data,e,a),i.value=e,s.value=a},E=e=>{N.handleCurrentChange(t.store,t.ctx.emit,()=>t.store.value.setCurrentNode(n.node)),t.currentNode.value=n.node,t.props.expandOnClickNode&&g(),t.props.checkOnClickNode&&!n.node.disabled&&C(null,{target:{checked:!n.node.checked}}),t.ctx.emit("node-click",n.node.data,n.node,r,e)},b=e=>{t.instance.vnode.props.onNodeContextmenu&&(e.stopPropagation(),e.preventDefault()),t.ctx.emit("node-contextmenu",e,n.node.data,n.node,r)},g=()=>{n.node.isLeaf||(c.value?(t.ctx.emit("node-collapse",n.node.data,n.node,r),n.node.collapse()):(n.node.expand(),k.emit("node-expand",n.node.data,n.node,r)))},C=(e,a)=>{n.node.setChecked(a.target.checked,!t.props.checkStrictly),d.nextTick(()=>{const o=t.store.value;t.ctx.emit("check",n.node.data,{checkedNodes:o.getCheckedNodes(),checkedKeys:o.getCheckedKeys(),halfCheckedNodes:o.getHalfCheckedNodes(),halfCheckedKeys:o.getHalfCheckedKeys()})})};return{ns:v,node$:f,tree:t,expanded:c,childNodeRendered:l,oldChecked:i,oldIndeterminate:s,getNodeKey:y,getNodeClass:D,handleSelectChange:h,handleClick:E,handleContextMenu:b,handleExpandIconClick:g,handleCheckChange:C,handleChildNodeExpand:(e,a,o)=>{m(a),t.ctx.emit("node-expand",e,a,o)},handleDragStart:e=>{t.props.draggable&&u.treeNodeDragStart({event:e,treeNode:n})},handleDragOver:e=>{e.preventDefault(),t.props.draggable&&u.treeNodeDragOver({event:e,treeNode:{$el:f.value,node:n.node}})},handleDrop:e=>{e.preventDefault()},handleDragEnd:e=>{t.props.draggable&&u.treeNodeDragEnd(e)}}}});exports.default=p;

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

@@ -27,14 +27,14 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
-        multiple: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         method: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        multiple: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         headers: {
             type: import("vue").PropType<Record<string, any> | Headers>;
         };
@@ -100,8 +100,8 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         drag: boolean;
         name: string;
         type: string;
-        multiple: boolean;
         method: string;
+        multiple: boolean;
         action: string;
         accept: string;
         showFileList: boolean;
@@ -144,14 +144,14 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
-        multiple: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         method: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        multiple: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         headers: {
             type: import("vue").PropType<Record<string, any> | Headers>;
         };
@@ -217,8 +217,8 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         drag: boolean;
         name: string;
         type: string;
-        multiple: boolean;
         method: string;
+        multiple: boolean;
         action: string;
         accept: string;
         showFileList: boolean;
@@ -258,14 +258,14 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
     disabled: {
         type: import("vue").PropType<boolean>;
     };
-    multiple: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     method: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    multiple: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     headers: {
         type: import("vue").PropType<Record<string, any> | Headers>;
     };
@@ -331,8 +331,8 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
     drag: boolean;
     name: string;
     type: string;
-    multiple: boolean;
     method: string;
+    multiple: boolean;
     action: string;
     accept: string;
     showFileList: boolean;

package/lib/components/upload/upload-content.vue.d.ts

@@ -35,8 +35,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     drag: boolean;
     name: string;
     type: string;
-    multiple: boolean;
     method: string;
+    multiple: boolean;
     action: string;
     accept: string;
     showFileList: boolean;

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

@@ -43,8 +43,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     drag: boolean;
     name: string;
     type: string;
-    multiple: boolean;
     method: string;
+    multiple: boolean;
     action: string;
     accept: string;
     showFileList: boolean;

package/lib/components/virtual-list/builders/build-grid.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("@vft/utils"),ve=require("@vueuse/core"),ge=require("../../../utils/dom/scroll.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const e=require("vue"),xe=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const z=require("../components/scrollbar.cjs"),f=require("../defaults.cjs"),Re=require("../hooks/use-cache.cjs"),Le=require("../hooks/use-grid-wheel.cjs"),be=require("../props.cjs"),v=require("../utils.cjs"),Ee=({name:H,clearCache:A,getColumnPosition:q,getColumnStartIndexForOffset:B,getColumnStopIndexForStartIndex:U,getEstimatedTotalHeight:O,getEstimatedTotalWidth:I,getColumnOffset:K,getRowOffset:P,getRowPosition:X,getRowStartIndexForOffset:Y,getRowStopIndexForStartIndex:j,initCache:J,injectToInstance:Q,validateProps:Z})=>e.defineComponent({name:H??"VftVirtualList",props:be.virtualizedGridProps,emits:[f.ITEM_RENDER_EVT,f.SCROLL_EVT],setup(l,{emit:F,expose:p,slots:ee}){const b=xe.useNamespace("vl");Z(l);const C=e.getCurrentInstance(),w=e.ref(J(l,C));Q?.(C,w);const E=e.ref(),D=e.ref(),te=e.ref(),N=e.ref(null),u=e.ref({isScrolling:!1,scrollLeft:T.isNumber(l.initScrollLeft)?l.initScrollLeft:0,scrollTop:T.isNumber(l.initScrollTop)?l.initScrollTop:0,updateRequested:!1,xAxisScrollDir:f.FORWARD,yAxisScrollDir:f.FORWARD}),_=Re.useCache(),M=e.computed(()=>Number.parseInt(`${l.height}`,10)),y=e.computed(()=>Number.parseInt(`${l.width}`,10)),k=e.computed(()=>{const{totalColumn:r,totalRow:t,columnCache:o}=l,{isScrolling:n,xAxisScrollDir:c,scrollLeft:s}=e.unref(u);if(r===0||t===0)return[0,0,0,0];const i=B(l,s,e.unref(w)),a=U(l,i,s,e.unref(w)),d=!n||c===f.BACKWARD?Math.max(1,o):1,h=!n||c===f.FORWARD?Math.max(1,o):1;return[Math.max(0,i-d),Math.max(0,Math.min(r-1,a+h)),i,a]}),$=e.computed(()=>{const{totalColumn:r,totalRow:t,rowCache:o}=l,{isScrolling:n,yAxisScrollDir:c,scrollTop:s}=e.unref(u);if(r===0||t===0)return[0,0,0,0];const i=Y(l,s,e.unref(w)),a=j(l,i,s,e.unref(w)),d=!n||c===f.BACKWARD?Math.max(1,o):1,h=!n||c===f.FORWARD?Math.max(1,o):1;return[Math.max(0,i-d),Math.max(0,Math.min(t-1,a+h)),i,a]}),g=e.computed(()=>O(l,e.unref(w))),x=e.computed(()=>I(l,e.unref(w))),le=e.computed(()=>[{position:"relative",overflow:"hidden",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:l.direction,height:T.isNumber(l.height)?`${l.height}px`:l.height,width:T.isNumber(l.width)?`${l.width}px`:l.width},l.style??{}]),re=e.computed(()=>{const r=`${e.unref(x)}px`;return{height:`${e.unref(g)}px`,pointerEvents:e.unref(u).isScrolling?"none":void 0,width:r}}),W=()=>{const{totalColumn:r,totalRow:t}=l;if(r>0&&t>0){const[a,d,h,m]=e.unref(k),[S,L,we,Te]=e.unref($);F(f.ITEM_RENDER_EVT,{columnCacheStart:a,columnCacheEnd:d,rowCacheStart:S,rowCacheEnd:L,columnVisibleStart:h,columnVisibleEnd:m,rowVisibleStart:we,rowVisibleEnd:Te})}const{scrollLeft:o,scrollTop:n,updateRequested:c,xAxisScrollDir:s,yAxisScrollDir:i}=e.unref(u);F(f.SCROLL_EVT,{xAxisScrollDir:s,scrollLeft:o,yAxisScrollDir:i,scrollTop:n,updateRequested:c})},oe=r=>{const{clientHeight:t,clientWidth:o,scrollHeight:n,scrollLeft:c,scrollTop:s,scrollWidth:i}=r.currentTarget,a=e.unref(u);if(a.scrollTop===s&&a.scrollLeft===c)return;let d=c;if(v.isRTL(l.direction))switch(v.getRTLOffsetType()){case f.RTL_OFFSET_NAG:d=-c;break;case f.RTL_OFFSET_POS_DESC:d=i-o-c;break}u.value={...a,isScrolling:!0,scrollLeft:d,scrollTop:Math.max(0,Math.min(s,n-t)),updateRequested:!0,xAxisScrollDir:v.getScrollDir(a.scrollLeft,d),yAxisScrollDir:v.getScrollDir(a.scrollTop,s)},e.nextTick(()=>G()),V(),W()},ne=(r,t)=>{const o=e.unref(M),n=(g.value-o)/t*r;R({scrollTop:Math.min(g.value-o,n)})},ce=(r,t)=>{const o=e.unref(y),n=(x.value-o)/t*r;R({scrollLeft:Math.min(x.value-o,n)})},{onWheel:se}=Le.useGridWheel({atXStartEdge:e.computed(()=>u.value.scrollLeft<=0),atXEndEdge:e.computed(()=>u.value.scrollLeft>=x.value-e.unref(y)),atYStartEdge:e.computed(()=>u.value.scrollTop<=0),atYEndEdge:e.computed(()=>u.value.scrollTop>=g.value-e.unref(M))},(r,t)=>{D.value?.onMouseUp?.(),D.value?.onMouseUp?.();const o=e.unref(y),n=e.unref(M);R({scrollLeft:Math.min(u.value.scrollLeft+r,x.value-o),scrollTop:Math.min(u.value.scrollTop+t,g.value-n)})}),R=({scrollLeft:r=u.value.scrollLeft,scrollTop:t=u.value.scrollTop})=>{r=Math.max(r,0),t=Math.max(t,0);const o=e.unref(u);t===o.scrollTop&&r===o.scrollLeft||(u.value={...o,xAxisScrollDir:v.getScrollDir(o.scrollLeft,r),yAxisScrollDir:v.getScrollDir(o.scrollTop,t),scrollLeft:r,scrollTop:t,updateRequested:!0},e.nextTick(()=>G()),V(),W())},ie=(r=0,t=0,o=f.AUTO_ALIGNMENT)=>{const n=e.unref(u);t=Math.max(0,Math.min(t,l.totalColumn-1)),r=Math.max(0,Math.min(r,l.totalRow-1));const c=ge.getScrollBarWidth(b.namespace.value),s=e.unref(w),i=O(l,s),a=I(l,s);R({scrollLeft:K(l,t,o,n.scrollLeft,s,a>l.width?c:0),scrollTop:P(l,r,o,n.scrollTop,s,i>l.height?c:0)})},ae=(r,t)=>{const{columnWidth:o,direction:n,rowHeight:c}=l,s=_.value(A&&o,A&&c,A&&n),i=`${r},${t}`;if(T.hasOwn(s,i))return s[i];{const[,a]=q(l,t,e.unref(w)),d=e.unref(w),h=v.isRTL(n),[m,S]=X(l,r,d),[L]=q(l,t,d);return s[i]={position:"absolute",left:h?void 0:`${a}px`,right:h?`${a}px`:void 0,top:`${S}px`,height:`${m}px`,width:`${L}px`},s[i]}},G=()=>{u.value.isScrolling=!1,e.nextTick(()=>{_.value(-1,null,null)})};e.onMounted(()=>{if(!ve.isClient)return;const{initScrollLeft:r,initScrollTop:t}=l,o=e.unref(E);o&&(T.isNumber(r)&&(o.scrollLeft=r),T.isNumber(t)&&(o.scrollTop=t)),W()});const V=()=>{const{direction:r}=l,{scrollLeft:t,scrollTop:o,updateRequested:n}=e.unref(u),c=e.unref(E);if(n&&c){if(r===f.RTL)switch(v.getRTLOffsetType()){case f.RTL_OFFSET_NAG:{c.scrollLeft=-t;break}case f.RTL_OFFSET_POS_ASC:{c.scrollLeft=t;break}default:{const{clientWidth:s,scrollWidth:i}=c;c.scrollLeft=i-s-t;break}}else c.scrollLeft=Math.max(0,t);c.scrollTop=Math.max(0,o)}},{resetAfterColumnIndex:ue,resetAfterRowIndex:de,resetAfter:fe}=C.proxy;p({windowRef:E,innerRef:N,getItemStyleCache:_,scrollTo:R,scrollToItem:ie,states:u,resetAfterColumnIndex:ue,resetAfterRowIndex:de,resetAfter:fe});const he=()=>{const{scrollbarAlwaysOn:r,scrollbarStartGap:t,scrollbarEndGap:o,totalColumn:n,totalRow:c}=l,s=e.unref(y),i=e.unref(M),a=e.unref(x),d=e.unref(g),{scrollLeft:h,scrollTop:m}=e.unref(u),S=e.h(z.default,{ref:D,alwaysOn:r,startGap:t,endGap:o,class:b.e("horizontal"),clientSize:s,layout:"horizontal",onScroll:ce,ratio:s*100/a,scrollFrom:h/(a-s),total:c,visible:!0}),L=e.h(z.default,{ref:te,alwaysOn:r,startGap:t,endGap:o,class:b.e("vertical"),clientSize:i,layout:"vertical",onScroll:ne,ratio:i*100/d,scrollFrom:m/(d-i),total:n,visible:!0});return{horizontalScrollbar:S,verticalScrollbar:L}},me=()=>{const[r,t]=e.unref(k),[o,n]=e.unref($),{data:c,totalColumn:s,totalRow:i,useIsScrolling:a,itemKey:d}=l,h=[];if(i>0&&s>0)for(let m=o;m<=n;m++)for(let S=r;S<=t;S++)h.push(ee.default?.({columnIndex:S,data:c,key:d({columnIndex:S,data:c,rowIndex:m}),isScrolling:a?e.unref(u).isScrolling:void 0,style:ae(m,S),rowIndex:m}));return h},Se=()=>{const r=e.resolveDynamicComponent(l.innerElement),t=me();return[e.h(r,{style:e.unref(re),ref:N},T.isString(r)?t:{default:()=>t})]};return()=>{const r=e.resolveDynamicComponent(l.containerElement),{horizontalScrollbar:t,verticalScrollbar:o}=he(),n=Se();return e.h("div",{key:0,class:b.e("wrapper"),role:l.role},[e.h(r,{class:l.className,style:e.unref(le),onScroll:oe,onWheel:se,ref:E},T.isString(r)?n:{default:()=>n}),t,o])}}});exports.default=Ee;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ve=require("@vueuse/core"),T=require("@vft/utils"),ge=require("../../../utils/dom/scroll.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const xe=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const H=require("../components/scrollbar.cjs"),Re=require("../hooks/use-grid-wheel.cjs"),Le=require("../hooks/use-cache.cjs"),Ee=require("../props.cjs"),v=require("../utils.cjs"),f=require("../defaults.cjs"),be=({name:B,clearCache:A,getColumnPosition:W,getColumnStartIndexForOffset:U,getColumnStopIndexForStartIndex:K,getEstimatedTotalHeight:q,getEstimatedTotalWidth:O,getColumnOffset:P,getRowOffset:X,getRowPosition:Y,getRowStartIndexForOffset:j,getRowStopIndexForStartIndex:J,initCache:Q,injectToInstance:Z,validateProps:p})=>e.defineComponent({name:B??"ElVirtualList",props:Ee.virtualizedGridProps,emits:[f.ITEM_RENDER_EVT,f.SCROLL_EVT],setup(l,{emit:I,expose:ee,slots:te}){const b=xe.useNamespace("vl");p(l);const C=e.getCurrentInstance(),w=e.ref(Q(l,C));Z?.(C,w);const L=e.ref(),F=e.ref(),N=e.ref(),k=e.ref(null),u=e.ref({isScrolling:!1,scrollLeft:T.isNumber(l.initScrollLeft)?l.initScrollLeft:0,scrollTop:T.isNumber(l.initScrollTop)?l.initScrollTop:0,updateRequested:!1,xAxisScrollDir:f.FORWARD,yAxisScrollDir:f.FORWARD}),D=Le.useCache(),M=e.computed(()=>Number.parseInt(`${l.height}`,10)),y=e.computed(()=>Number.parseInt(`${l.width}`,10)),$=e.computed(()=>{const{totalColumn:r,totalRow:t,columnCache:n}=l,{isScrolling:o,xAxisScrollDir:c,scrollLeft:s}=e.unref(u);if(r===0||t===0)return[0,0,0,0];const i=U(l,s,e.unref(w)),a=K(l,i,s,e.unref(w)),d=!o||c===f.BACKWARD?Math.max(1,n):1,h=!o||c===f.FORWARD?Math.max(1,n):1;return[Math.max(0,i-d),Math.max(0,Math.min(r-1,a+h)),i,a]}),G=e.computed(()=>{const{totalColumn:r,totalRow:t,rowCache:n}=l,{isScrolling:o,yAxisScrollDir:c,scrollTop:s}=e.unref(u);if(r===0||t===0)return[0,0,0,0];const i=j(l,s,e.unref(w)),a=J(l,i,s,e.unref(w)),d=!o||c===f.BACKWARD?Math.max(1,n):1,h=!o||c===f.FORWARD?Math.max(1,n):1;return[Math.max(0,i-d),Math.max(0,Math.min(t-1,a+h)),i,a]}),x=e.computed(()=>q(l,e.unref(w))),R=e.computed(()=>O(l,e.unref(w))),le=e.computed(()=>[{position:"relative",overflow:"hidden",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:l.direction,height:T.isNumber(l.height)?`${l.height}px`:l.height,width:T.isNumber(l.width)?`${l.width}px`:l.width},l.style??{}]),re=e.computed(()=>{const r=`${e.unref(R)}px`;return{height:`${e.unref(x)}px`,pointerEvents:e.unref(u).isScrolling?"none":void 0,width:r}}),_=()=>{const{totalColumn:r,totalRow:t}=l;if(r>0&&t>0){const[a,d,h,m]=e.unref($),[S,g,we,Te]=e.unref(G);I(f.ITEM_RENDER_EVT,{columnCacheStart:a,columnCacheEnd:d,rowCacheStart:S,rowCacheEnd:g,columnVisibleStart:h,columnVisibleEnd:m,rowVisibleStart:we,rowVisibleEnd:Te})}const{scrollLeft:n,scrollTop:o,updateRequested:c,xAxisScrollDir:s,yAxisScrollDir:i}=e.unref(u);I(f.SCROLL_EVT,{xAxisScrollDir:s,scrollLeft:n,yAxisScrollDir:i,scrollTop:o,updateRequested:c})},ne=r=>{const{clientHeight:t,clientWidth:n,scrollHeight:o,scrollLeft:c,scrollTop:s,scrollWidth:i}=r.currentTarget,a=e.unref(u);if(a.scrollTop===s&&a.scrollLeft===c)return;let d=c;if(v.isRTL(l.direction))switch(v.getRTLOffsetType()){case f.RTL_OFFSET_NAG:d=-c;break;case f.RTL_OFFSET_POS_DESC:d=i-n-c;break}u.value={...a,isScrolling:!0,scrollLeft:d,scrollTop:Math.max(0,Math.min(s,o-t)),updateRequested:!0,xAxisScrollDir:v.getScrollDir(a.scrollLeft,d),yAxisScrollDir:v.getScrollDir(a.scrollTop,s)},e.nextTick(()=>V()),z(),_()},oe=(r,t)=>{const n=e.unref(M),o=(x.value-n)/t*r;E({scrollTop:Math.min(x.value-n,o)})},ce=(r,t)=>{const n=e.unref(y),o=(R.value-n)/t*r;E({scrollLeft:Math.min(R.value-n,o)})},{onWheel:se}=Re.useGridWheel({atXStartEdge:e.computed(()=>u.value.scrollLeft<=0),atXEndEdge:e.computed(()=>u.value.scrollLeft>=R.value-e.unref(y)),atYStartEdge:e.computed(()=>u.value.scrollTop<=0),atYEndEdge:e.computed(()=>u.value.scrollTop>=x.value-e.unref(M))},(r,t)=>{F.value?.onMouseUp?.(),N.value?.onMouseUp?.();const n=e.unref(y),o=e.unref(M);E({scrollLeft:Math.min(u.value.scrollLeft+r,R.value-n),scrollTop:Math.min(u.value.scrollTop+t,x.value-o)})});ve.useEventListener(L,"wheel",se,{passive:!1});const E=({scrollLeft:r=u.value.scrollLeft,scrollTop:t=u.value.scrollTop})=>{r=Math.max(r,0),t=Math.max(t,0);const n=e.unref(u);t===n.scrollTop&&r===n.scrollLeft||(u.value={...n,xAxisScrollDir:v.getScrollDir(n.scrollLeft,r),yAxisScrollDir:v.getScrollDir(n.scrollTop,t),scrollLeft:r,scrollTop:t,updateRequested:!0},e.nextTick(()=>V()),z(),_())},ie=(r=0,t=0,n=f.AUTO_ALIGNMENT)=>{const o=e.unref(u);t=Math.max(0,Math.min(t,l.totalColumn-1)),r=Math.max(0,Math.min(r,l.totalRow-1));const c=ge.getScrollBarWidth(b.namespace.value),s=e.unref(w),i=q(l,s),a=O(l,s);E({scrollLeft:P(l,t,n,o.scrollLeft,s,a>l.width?c:0),scrollTop:X(l,r,n,o.scrollTop,s,i>l.height?c:0)})},ae=(r,t)=>{const{columnWidth:n,direction:o,rowHeight:c}=l,s=D.value(A&&n,A&&c,A&&o),i=`${r},${t}`;if(T.hasOwn(s,i))return s[i];{const[,a]=W(l,t,e.unref(w)),d=e.unref(w),h=v.isRTL(o),[m,S]=Y(l,r,d),[g]=W(l,t,d);return s[i]={position:"absolute",left:h?void 0:`${a}px`,right:h?`${a}px`:void 0,top:`${S}px`,height:`${m}px`,width:`${g}px`},s[i]}},V=()=>{u.value.isScrolling=!1,e.nextTick(()=>{D.value(-1,null,null)})};e.onMounted(()=>{if(!T.isClient)return;const{initScrollLeft:r,initScrollTop:t}=l,n=e.unref(L);n&&(T.isNumber(r)&&(n.scrollLeft=r),T.isNumber(t)&&(n.scrollTop=t)),_()});const z=()=>{const{direction:r}=l,{scrollLeft:t,scrollTop:n,updateRequested:o}=e.unref(u),c=e.unref(L);if(o&&c){if(r===f.RTL)switch(v.getRTLOffsetType()){case f.RTL_OFFSET_NAG:{c.scrollLeft=-t;break}case f.RTL_OFFSET_POS_ASC:{c.scrollLeft=t;break}default:{const{clientWidth:s,scrollWidth:i}=c;c.scrollLeft=i-s-t;break}}else c.scrollLeft=Math.max(0,t);c.scrollTop=Math.max(0,n)}},{resetAfterColumnIndex:ue,resetAfterRowIndex:de,resetAfter:fe}=C.proxy;ee({windowRef:L,innerRef:k,getItemStyleCache:D,scrollTo:E,scrollToItem:ie,states:u,resetAfterColumnIndex:ue,resetAfterRowIndex:de,resetAfter:fe});const he=()=>{const{scrollbarAlwaysOn:r,scrollbarStartGap:t,scrollbarEndGap:n,totalColumn:o,totalRow:c}=l,s=e.unref(y),i=e.unref(M),a=e.unref(R),d=e.unref(x),{scrollLeft:h,scrollTop:m}=e.unref(u),S=e.h(H.default,{ref:F,alwaysOn:r,startGap:t,endGap:n,class:b.e("horizontal"),clientSize:s,layout:"horizontal",onScroll:ce,ratio:s*100/a,scrollFrom:h/(a-s),total:c,visible:!0}),g=e.h(H.default,{ref:N,alwaysOn:r,startGap:t,endGap:n,class:b.e("vertical"),clientSize:i,layout:"vertical",onScroll:oe,ratio:i*100/d,scrollFrom:m/(d-i),total:o,visible:!0});return{horizontalScrollbar:S,verticalScrollbar:g}},me=()=>{const[r,t]=e.unref($),[n,o]=e.unref(G),{data:c,totalColumn:s,totalRow:i,useIsScrolling:a,itemKey:d}=l,h=[];if(i>0&&s>0)for(let m=n;m<=o;m++)for(let S=r;S<=t;S++){const g=d({columnIndex:S,data:c,rowIndex:m});h.push(e.h(e.Fragment,{key:g},te.default?.({columnIndex:S,data:c,isScrolling:a?e.unref(u).isScrolling:void 0,style:ae(m,S),rowIndex:m})))}return h},Se=()=>{const r=e.resolveDynamicComponent(l.innerElement),t=me();return[e.h(r,{style:e.unref(re),ref:k},T.isString(r)?t:{default:()=>t})]};return()=>{const r=e.resolveDynamicComponent(l.containerElement),{horizontalScrollbar:t,verticalScrollbar:n}=he(),o=Se();return e.h("div",{key:0,class:b.e("wrapper"),role:l.role},[e.h(r,{class:l.className,style:e.unref(le),onScroll:ne,ref:L},T.isString(r)?o:{default:()=>o}),t,n])}}});exports.default=be;

package/lib/components/virtual-list/builders/build-grid.d.ts

@@ -1,8 +1,8 @@
-import type { CSSProperties, Ref, StyleValue, UnwrapRef, VNode } from 'vue';
-import { BACKWARD, FORWARD } from '../defaults';
 import { useCache } from '../hooks/use-cache';
-import type { VirtualizedGridProps } from '../props';
+import { BACKWARD, FORWARD } from '../defaults';
+import type { CSSProperties, Ref, StyleValue, UnwrapRef, VNode } from 'vue';
 import type { Alignment, GridConstructorProps, GridScrollOptions } from '../types';
+import type { VirtualizedGridProps } from '../props';
 declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStartIndexForOffset, getColumnStopIndexForStartIndex, getEstimatedTotalHeight, getEstimatedTotalWidth, getColumnOffset, getRowOffset, getRowPosition, getRowStartIndexForOffset, getRowStopIndexForStartIndex, initCache, injectToInstance, validateProps, }: GridConstructorProps<VirtualizedGridProps>) => import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
@@ -21,7 +21,7 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useIsScrolling: BooleanConstructor;
     readonly width: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
@@ -29,7 +29,7 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
         __epPropKey: true;
     };
     readonly perfMode: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly scrollbarAlwaysOn: BooleanConstructor;
     readonly columnCache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly columnWidth: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | (((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize)) | null)[], never, never>>;
@@ -107,7 +107,7 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useIsScrolling: BooleanConstructor;
     readonly width: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
@@ -115,7 +115,7 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
         __epPropKey: true;
     };
     readonly perfMode: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly scrollbarAlwaysOn: BooleanConstructor;
     readonly columnCache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly columnWidth: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | (((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize)) | null)[], never, never>>;
@@ -180,11 +180,11 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     readonly data: any[];
     readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly className: string;
+    readonly scrollbarAlwaysOn: boolean;
     readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
     readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
-    readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly perfMode: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly useIsScrolling: boolean;
     readonly itemKey: import("../types").GridItemKeyGetter;
     readonly columnCache: number;
     readonly initScrollLeft: number;

package/lib/components/virtual-list/builders/build-list.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("@vft/utils"),ee=require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash-es");const e=require("vue"),te=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const le=require("../components/scrollbar.cjs"),a=require("../defaults.cjs"),ne=require("../hooks/use-cache.cjs"),se=require("../hooks/use-wheel.cjs"),oe=require("../props.cjs"),y=require("../utils.cjs"),re=({name:U,getOffset:B,getItemSize:j,getItemOffset:K,getEstimatedTotalSize:Z,getStartIndexForOffset:J,getStopIndexForStartIndex:Q,initCache:X,clearCache:k,validateProps:Y})=>e.defineComponent({name:U??"VftVirtualList",props:oe.virtualizedListProps,emits:[a.ITEM_RENDER_EVT,a.SCROLL_EVT],setup(l,{emit:x,expose:N}){Y(l);const R=e.getCurrentInstance(),$=te.useNamespace("vl"),d=e.ref(X(l,R)),E=ne.useCache(),g=e.ref(),D=e.ref(),z=e.ref(),r=e.ref({isScrolling:!1,scrollDir:"forward",scrollOffset:T.isNumber(l.initScrollOffset)?l.initScrollOffset:0,updateRequested:!1,isScrollbarDragging:!1,scrollbarAlwaysOn:l.scrollbarAlwaysOn}),b=e.computed(()=>{const{total:t,cache:n}=l,{isScrolling:o,scrollDir:u,scrollOffset:s}=e.unref(r);if(t===0)return[0,0,0,0];const c=J(l,s,e.unref(d)),i=Q(l,c,s,e.unref(d)),v=!o||u===a.BACKWARD?Math.max(1,n):1,w=!o||u===a.FORWARD?Math.max(1,n):1;return[Math.max(0,c-v),Math.max(0,Math.min(t-1,i+w)),c,i]}),h=e.computed(()=>Z(l,e.unref(d))),S=e.computed(()=>y.isHorizontal(l.layout)),A=e.computed(()=>[{position:"relative",[`overflow-${S.value?"x":"y"}`]:"scroll",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:l.direction,height:T.isNumber(l.height)?`${l.height}px`:l.height,width:T.isNumber(l.width)?`${l.width}px`:l.width},l.style]),L=e.computed(()=>{const t=e.unref(h),n=e.unref(S);return{height:n?"100%":`${t}px`,pointerEvents:e.unref(r).isScrolling?"none":void 0,width:n?`${t}px`:"100%"}}),O=e.computed(()=>S.value?l.width:l.height),{onWheel:F}=se.default({atStartEdge:e.computed(()=>r.value.scrollOffset<=0),atEndEdge:e.computed(()=>r.value.scrollOffset>=h.value),layout:e.computed(()=>l.layout)},t=>{z.value.onMouseUp?.(),f(Math.min(r.value.scrollOffset+t,h.value-O.value))}),_=()=>{const{total:t}=l;if(t>0){const[s,c,i,v]=e.unref(b);x(a.ITEM_RENDER_EVT,s,c,i,v)}const{scrollDir:n,scrollOffset:o,updateRequested:u}=e.unref(r);x(a.SCROLL_EVT,n,o,u)},W=t=>{const{clientHeight:n,scrollHeight:o,scrollTop:u}=t.currentTarget,s=e.unref(r);if(s.scrollOffset===u)return;const c=Math.max(0,Math.min(u,o-n));r.value={...s,isScrolling:!0,scrollDir:y.getScrollDir(s.scrollOffset,c),scrollOffset:c,updateRequested:!1},e.nextTick(M)},H=t=>{const{clientWidth:n,scrollLeft:o,scrollWidth:u}=t.currentTarget,s=e.unref(r);if(s.scrollOffset===o)return;const{direction:c}=l;let i=o;if(c===a.RTL)switch(y.getRTLOffsetType()){case a.RTL_OFFSET_NAG:{i=-o;break}case a.RTL_OFFSET_POS_DESC:{i=u-n-o;break}}i=Math.max(0,Math.min(i,u-n)),r.value={...s,isScrolling:!0,scrollDir:y.getScrollDir(s.scrollOffset,i),scrollOffset:i,updateRequested:!1},e.nextTick(M)},C=t=>{e.unref(S)?H(t):W(t),_()},I=(t,n)=>{const o=(h.value-O.value)/n*t;f(Math.min(h.value-O.value,o))},f=t=>{t=Math.max(t,0),t!==e.unref(r).scrollOffset&&(r.value={...e.unref(r),scrollOffset:t,scrollDir:y.getScrollDir(e.unref(r).scrollOffset,t),updateRequested:!0},e.nextTick(M))},q=(t,n=a.AUTO_ALIGNMENT)=>{const{scrollOffset:o}=e.unref(r);t=Math.max(0,Math.min(t,l.total-1)),f(B(l,t,n,o,e.unref(d)))},V=t=>{const{direction:n,itemSize:o,layout:u}=l,s=E.value(k&&o,k&&u,k&&n);let c;if(T.hasOwn(s,String(t)))c=s[t];else{const i=K(l,t,e.unref(d)),v=j(l,t,e.unref(d)),w=e.unref(S),P=n===a.RTL,G=w?i:0;s[t]=c={position:"absolute",left:P?void 0:`${G}px`,right:P?`${G}px`:void 0,top:w?0:`${i}px`,height:w?"100%":`${v}px`,width:w?`${v}px`:"100%"}}return c},M=()=>{r.value.isScrolling=!1,e.nextTick(()=>{E.value(-1,null,null)})},m=()=>{const t=g.value;t&&(t.scrollTop=0)};e.onMounted(()=>{if(!ee.isClient)return;const{initScrollOffset:t}=l,n=e.unref(g);T.isNumber(t)&&n&&(e.unref(S)?n.scrollLeft=t:n.scrollTop=t),_()}),e.onUpdated(()=>{const{direction:t,layout:n}=l,{scrollOffset:o,updateRequested:u}=e.unref(r),s=e.unref(g);if(u&&s)if(n===a.HORIZONTAL)if(t===a.RTL)switch(y.getRTLOffsetType()){case a.RTL_OFFSET_NAG:{s.scrollLeft=-o;break}case a.RTL_OFFSET_POS_ASC:{s.scrollLeft=o;break}default:{const{clientWidth:c,scrollWidth:i}=s;s.scrollLeft=i-c-o;break}}else s.scrollLeft=o;else s.scrollTop=o});const p={ns:$,clientSize:O,estimatedTotalSize:h,windowStyle:A,windowRef:g,innerRef:D,innerStyle:L,itemsToRender:b,scrollbarRef:z,states:r,getItemStyle:V,onScroll:C,onScrollbarScroll:I,onWheel:F,scrollTo:f,scrollToItem:q,resetScrollTop:m};return N({windowRef:g,innerRef:D,getItemStyleCache:E,scrollTo:f,scrollToItem:q,resetScrollTop:m,states:r}),p},render(l){const{$slots:x,className:N,clientSize:R,containerElement:$,data:d,getItemStyle:E,innerElement:g,itemsToRender:D,innerStyle:z,layout:r,total:b,onScroll:h,onScrollbarScroll:S,onWheel:A,states:L,useIsScrolling:O,windowStyle:F,ns:_}=l,[W,H]=D,C=e.resolveDynamicComponent($),I=e.resolveDynamicComponent(g),f=[];if(b>0)for(let m=W;m<=H;m++)f.push(x.default?.({data:d,key:m,index:m,isScrolling:O?L.isScrolling:void 0,style:E(m)}));const q=[e.h(I,{style:z,ref:"innerRef"},T.isString(I)?f:{default:()=>f})],V=e.h(le.default,{ref:"scrollbarRef",clientSize:R,layout:r,onScroll:S,ratio:R*100/this.estimatedTotalSize,scrollFrom:L.scrollOffset/(this.estimatedTotalSize-R),total:b}),M=e.h(C,{class:[_.e("window"),N],style:F,onScroll:h,onWheel:A,ref:"windowRef",key:0},T.isString(C)?[q]:{default:()=>[q]});return e.h("div",{key:0,class:[_.e("wrapper"),L.scrollbarAlwaysOn?"always-on":""]},[M,V])}});exports.default=re;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ee=require("@vueuse/core"),O=require("@vft/utils");require("../../../utils/ns-cover.cjs");require("lodash-es");const te=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const le=require("../hooks/use-cache.cjs"),ne=require("../hooks/use-wheel.cjs"),se=require("../components/scrollbar.cjs"),R=require("../utils.cjs"),re=require("../props.cjs"),a=require("../defaults.cjs"),oe=({name:U,getOffset:B,getItemSize:j,getItemOffset:K,getEstimatedTotalSize:Z,getStartIndexForOffset:J,getStopIndexForStartIndex:Q,initCache:X,clearCache:A,validateProps:Y})=>e.defineComponent({name:U??"ElVirtualList",props:re.virtualizedListProps,emits:[a.ITEM_RENDER_EVT,a.SCROLL_EVT],setup(l,{emit:M,expose:N}){Y(l);const E=e.getCurrentInstance(),$=te.useNamespace("vl"),h=e.ref(X(l,E)),b=le.useCache(),f=e.ref(),x=e.ref(),D=e.ref(),o=e.ref({isScrolling:!1,scrollDir:"forward",scrollOffset:O.isNumber(l.initScrollOffset)?l.initScrollOffset:0,updateRequested:!1,isScrollbarDragging:!1,scrollbarAlwaysOn:l.scrollbarAlwaysOn}),L=e.computed(()=>{const{total:t,cache:n}=l,{isScrolling:r,scrollDir:u,scrollOffset:s}=e.unref(o);if(t===0)return[0,0,0,0];const c=J(l,s,e.unref(h)),i=Q(l,c,s,e.unref(h)),w=!r||u===a.BACKWARD?Math.max(1,n):1,y=!r||u===a.FORWARD?Math.max(1,n):1;return[Math.max(0,c-w),Math.max(0,Math.min(t-1,i+y)),c,i]}),S=e.computed(()=>Z(l,e.unref(h))),m=e.computed(()=>R.isHorizontal(l.layout)),T=e.computed(()=>[{position:"relative",[`overflow-${m.value?"x":"y"}`]:"scroll",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:l.direction,height:O.isNumber(l.height)?`${l.height}px`:l.height,width:O.isNumber(l.width)?`${l.width}px`:l.width},l.style]),F=e.computed(()=>{const t=e.unref(S),n=e.unref(m);return{height:n?"100%":`${t}px`,pointerEvents:e.unref(o).isScrolling?"none":void 0,width:n?`${t}px`:"100%"}}),v=e.computed(()=>m.value?l.width:l.height),{onWheel:_}=ne.default({atStartEdge:e.computed(()=>o.value.scrollOffset<=0),atEndEdge:e.computed(()=>o.value.scrollOffset>=S.value),layout:e.computed(()=>l.layout)},t=>{D.value.onMouseUp?.(),g(Math.min(o.value.scrollOffset+t,S.value-v.value))});ee.useEventListener(f,"wheel",_,{passive:!1});const z=()=>{const{total:t}=l;if(t>0){const[s,c,i,w]=e.unref(L);M(a.ITEM_RENDER_EVT,s,c,i,w)}const{scrollDir:n,scrollOffset:r,updateRequested:u}=e.unref(o);M(a.SCROLL_EVT,n,r,u)},W=t=>{const{clientHeight:n,scrollHeight:r,scrollTop:u}=t.currentTarget,s=e.unref(o);if(s.scrollOffset===u)return;const c=Math.max(0,Math.min(u,r-n));o.value={...s,isScrolling:!0,scrollDir:R.getScrollDir(s.scrollOffset,c),scrollOffset:c,updateRequested:!1},e.nextTick(d)},C=t=>{const{clientWidth:n,scrollLeft:r,scrollWidth:u}=t.currentTarget,s=e.unref(o);if(s.scrollOffset===r)return;const{direction:c}=l;let i=r;if(c===a.RTL)switch(R.getRTLOffsetType()){case a.RTL_OFFSET_NAG:{i=-r;break}case a.RTL_OFFSET_POS_DESC:{i=u-n-r;break}}i=Math.max(0,Math.min(i,u-n)),o.value={...s,isScrolling:!0,scrollDir:R.getScrollDir(s.scrollOffset,i),scrollOffset:i,updateRequested:!1},e.nextTick(d)},I=t=>{e.unref(m)?C(t):W(t),z()},q=(t,n)=>{const r=(S.value-v.value)/n*t;g(Math.min(S.value-v.value,r))},g=t=>{t=Math.max(t,0),t!==e.unref(o).scrollOffset&&(o.value={...e.unref(o),scrollOffset:t,scrollDir:R.getScrollDir(e.unref(o).scrollOffset,t),updateRequested:!0},e.nextTick(d))},k=(t,n=a.AUTO_ALIGNMENT)=>{const{scrollOffset:r}=e.unref(o);t=Math.max(0,Math.min(t,l.total-1)),g(B(l,t,n,r,e.unref(h)))},H=t=>{const{direction:n,itemSize:r,layout:u}=l,s=b.value(A&&r,A&&u,A&&n);let c;if(O.hasOwn(s,String(t)))c=s[t];else{const i=K(l,t,e.unref(h)),w=j(l,t,e.unref(h)),y=e.unref(m),P=n===a.RTL,G=y?i:0;s[t]=c={position:"absolute",left:P?void 0:`${G}px`,right:P?`${G}px`:void 0,top:y?0:`${i}px`,height:y?"100%":`${w}px`,width:y?`${w}px`:"100%"}}return c},d=()=>{o.value.isScrolling=!1,e.nextTick(()=>{b.value(-1,null,null)})},V=()=>{const t=f.value;t&&(t.scrollTop=0)};e.onMounted(()=>{if(!O.isClient)return;const{initScrollOffset:t}=l,n=e.unref(f);O.isNumber(t)&&n&&(e.unref(m)?n.scrollLeft=t:n.scrollTop=t),z()}),e.onUpdated(()=>{const{direction:t,layout:n}=l,{scrollOffset:r,updateRequested:u}=e.unref(o),s=e.unref(f);if(u&&s)if(n===a.HORIZONTAL)if(t===a.RTL)switch(R.getRTLOffsetType()){case a.RTL_OFFSET_NAG:{s.scrollLeft=-r;break}case a.RTL_OFFSET_POS_ASC:{s.scrollLeft=r;break}default:{const{clientWidth:c,scrollWidth:i}=s;s.scrollLeft=i-c-r;break}}else s.scrollLeft=r;else s.scrollTop=r}),e.onActivated(()=>{e.unref(f).scrollTop=e.unref(o).scrollOffset});const p={ns:$,clientSize:v,estimatedTotalSize:S,windowStyle:T,windowRef:f,innerRef:x,innerStyle:F,itemsToRender:L,scrollbarRef:D,states:o,getItemStyle:H,onScroll:I,onScrollbarScroll:q,onWheel:_,scrollTo:g,scrollToItem:k,resetScrollTop:V};return N({windowRef:f,innerRef:x,getItemStyleCache:b,scrollTo:g,scrollToItem:k,resetScrollTop:V,states:o}),p},render(l){const{$slots:M,className:N,clientSize:E,containerElement:$,data:h,getItemStyle:b,innerElement:f,itemsToRender:x,innerStyle:D,layout:o,total:L,onScroll:S,onScrollbarScroll:m,states:T,useIsScrolling:F,windowStyle:v,ns:_}=l,[z,W]=x,C=e.resolveDynamicComponent($),I=e.resolveDynamicComponent(f),q=[];if(L>0)for(let d=z;d<=W;d++)q.push(e.h(e.Fragment,{key:d},M.default?.({data:h,index:d,isScrolling:F?T.isScrolling:void 0,style:b(d)})));const g=[e.h(I,{style:D,ref:"innerRef"},O.isString(I)?q:{default:()=>q})],k=e.h(se.default,{ref:"scrollbarRef",clientSize:E,layout:o,onScroll:m,ratio:E*100/this.estimatedTotalSize,scrollFrom:T.scrollOffset/(this.estimatedTotalSize-E),total:L,alwaysOn:T.scrollbarAlwaysOn}),H=e.h(C,{class:[_.e("window"),N],style:v,onScroll:S,ref:"windowRef",key:0},O.isString(C)?[g]:{default:()=>[g]});return e.h("div",{key:0,class:[_.e("wrapper"),T.scrollbarAlwaysOn?"always-on":""]},[H,k])}});exports.default=oe;