vft 0.0.48 → 0.0.51

package/lib/components/tag/tag.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),d=require("../icon/index.cjs"),f=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("../form/index.cjs");const m=require("../form/hooks/use-form-common-props.cjs");function b(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const q=n.defineComponent({__name:"tag",props:{closable:{type:Boolean},type:null,hit:{type:Boolean},disableTransitions:{type:Boolean,default:!0},color:null,size:null,effect:{default:"light"},round:{type:Boolean}},emits:["close","click"],setup(e,{emit:c}){const l=n.useSlots(),s=m.useFormSize(),t=f.useNamespace("tag"),a=n.computed(()=>[t.b(),t.is("closable",e.closable),t.m(e.type),t.m(s.value),t.m(e.effect),t.is("hit",e.hit),t.is("round",e.round)]),i=o=>{c("close",o)},u=o=>{c("click",o)},r=()=>{var o;return n.createVNode("span",{class:a.value,style:{backgroundColor:e.color},onClick:u},[n.createVNode("span",{class:t.e("content")},[(o=l.default)==null?void 0:o.call(l)]),e.closable?n.createVNode("div",{class:t.e("close"),onClick:i},[n.createVNode(d.VftIcon,{icon:"vico-close"},null)]):""])};return()=>{let o;return e.disableTransitions?r():n.createVNode(n.Transition,{name:`${t.namespace.value}-zoom-in-center`,appear:!0},b(o=r())?o:{default:()=>[o]})}}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),d=require("../icon/index.cjs"),f=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");require("../form/index.cjs");const m=require("../form/hooks/use-form-common-props.cjs");function b(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const q=n.defineComponent({__name:"tag",props:{closable:{type:Boolean},type:null,hit:{type:Boolean},disableTransitions:{type:Boolean,default:!0},color:null,size:null,effect:{default:"light"},round:{type:Boolean}},emits:["close","click"],setup(e,{emit:r}){const l=n.useSlots(),i=m.useFormSize(),t=f.useNamespace("tag"),s=n.computed(()=>[t.b(),t.is("closable",e.closable),t.m(e.type),t.m(i.value),t.m(e.effect),t.is("hit",e.hit),t.is("round",e.round)]),a=o=>{r("close",o)},u=o=>{r("click",o)},c=()=>{var o;return n.createVNode("span",{class:s.value,style:{backgroundColor:e.color},onClick:u},[n.createVNode("span",{class:t.e("content")},[(o=l.default)==null?void 0:o.call(l)]),e.closable?n.createVNode("div",{class:t.e("close"),onClick:a},[n.createVNode(d.VftIcon,{icon:"ico-ep:close"},null)]):""])};return()=>{let o;return e.disableTransitions?c():n.createVNode(n.Transition,{name:`${t.namespace.value}-zoom-in-center`,appear:!0},b(o=c())?o:{default:()=>[o]})}}});exports.default=q;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const R=require("@vueuse/core");require("@vft/utils");const m=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");const V=require("../../hooks/use-popper-container/index.cjs");require("../popper/index.cjs");const z=require("./constants.cjs"),j=require("../popper/content.vue2.cjs"),D=e.defineComponent({name:"VftTooltipContent",inheritAttrs:!1}),H=e.defineComponent({...D,props:{boundariesPadding:{default:0},fallbackPlacements:null,gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:{}},strategy:{default:"absolute"},style:null,className:null,effect:{default:"dark"},enterable:{type:Boolean,default:!0},pure:{type:Boolean},focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:null,popperStyle:null,referenceEl:null,triggerTargetEl:null,stopPopperMouseEvent:{type:Boolean,default:!0},virtualTriggering:{type:Boolean},zIndex:null,showAfter:{default:0},hideAfter:{default:200},appendTo:null,content:{default:""},rawContent:{type:Boolean,default:!1},persistent:{type:Boolean},ariaLabel:null,visible:{type:Boolean,default:null},transition:{default:"vft-fade-in-linear"},teleported:{type:Boolean,default:!0},disabled:{type:Boolean}},setup(t,{expose:v}){const{selector:y}=V.usePopperContainerId(),b=$.useNamespace("tooltip"),o=e.ref(null),c=e.ref(!1),{controlled:d,id:h,open:a,trigger:i,onClose:l,onOpen:C,onShow:B,onHide:T,onBeforeShow:s,onBeforeHide:f}=e.inject(z.TOOLTIP_INJECTION_KEY,void 0),E=e.computed(()=>t.transition||`${b.namespace.value}-fade-in-linear`),k=e.computed(()=>process.env.NODE_ENV==="test"?!0:t.persistent);e.onBeforeUnmount(()=>{c.value=!0});const q=e.computed(()=>e.unref(k)?!0:e.unref(a)),p=e.computed(()=>t.disabled?!1:e.unref(a)),w=e.computed(()=>t.appendTo||y.value),P=e.computed(()=>t.style??{}),O=e.computed(()=>!e.unref(a)),S=()=>{T()},g=()=>{if(e.unref(d))return!0},N=m.composeEventHandlers(g,()=>{t.enterable&&e.unref(i)==="hover"&&C()}),A=m.composeEventHandlers(g,()=>{e.unref(i)==="hover"&&l()}),x=()=>{var n,r;(r=(n=o.value)==null?void 0:n.updatePopper)==null||r.call(n),s==null||s()},L=()=>{f==null||f()},M=()=>{B(),u=R.onClickOutside(e.computed(()=>{var n;return(n=o.value)==null?void 0:n.popperContentRef}),()=>{if(e.unref(d))return;e.unref(i)!=="hover"&&l()})},I=()=>{t.virtualTriggering||l()};let u;return e.watch(()=>e.unref(a),n=>{n||u==null||u()},{flush:"post"}),e.watch(()=>t.content,()=>{var n,r;(r=(n=o.value)==null?void 0:n.updatePopper)==null||r.call(n)}),v({contentRef:o}),(n,r)=>(e.openBlock(),e.createBlock(e.Teleport,{disabled:!t.teleported,to:e.unref(w)},[e.createVNode(e.Transition,{name:e.unref(E),onAfterLeave:S,onBeforeEnter:x,onAfterEnter:M,onBeforeLeave:L},{default:e.withCtx(()=>[e.unref(q)?e.withDirectives((e.openBlock(),e.createBlock(e.unref(j.default),e.mergeProps({key:0,id:e.unref(h),ref_key:"contentRef",ref:o},n.$attrs,{"aria-label":t.ariaLabel,"aria-hidden":e.unref(O),"boundaries-padding":t.boundariesPadding,"fallback-placements":t.fallbackPlacements,"gpu-acceleration":t.gpuAcceleration,offset:t.offset,placement:t.placement,"popper-options":t.popperOptions,strategy:t.strategy,effect:t.effect,enterable:t.enterable,pure:t.pure,"popper-class":t.popperClass,"popper-style":[t.popperStyle,e.unref(P)],"reference-el":t.referenceEl,"trigger-target-el":t.triggerTargetEl,visible:e.unref(p),"z-index":t.zIndex,onMouseenter:e.unref(N),onMouseleave:e.unref(A),onBlur:I,onClose:e.unref(l)}),{default:e.withCtx(()=>[c.value?e.createCommentVNode("",!0):e.renderSlot(n.$slots,"default",{key:0})]),_:3},16,["id","aria-label","aria-hidden","boundaries-padding","fallback-placements","gpu-acceleration","offset","placement","popper-options","strategy","effect","enterable","pure","popper-class","popper-style","reference-el","trigger-target-el","visible","z-index","onMouseenter","onMouseleave","onClose"])),[[e.vShow,e.unref(p)]]):e.createCommentVNode("",!0)]),_:3},8,["name"])],8,["disabled","to"]))}});exports.default=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const R=require("@vueuse/core");require("@vft/utils");const m=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");const V=require("../../hooks/use-popper-container/index.cjs");require("@vue/reactivity");require("@vue/shared");require("../popper/index.cjs");const z=require("./constants.cjs"),j=require("../popper/content.vue2.cjs"),D=e.defineComponent({name:"VftTooltipContent",inheritAttrs:!1}),H=e.defineComponent({...D,props:{boundariesPadding:{default:0},fallbackPlacements:null,gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:{}},strategy:{default:"absolute"},style:null,className:null,effect:{default:"dark"},enterable:{type:Boolean,default:!0},pure:{type:Boolean},focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:null,popperStyle:null,referenceEl:null,triggerTargetEl:null,stopPopperMouseEvent:{type:Boolean,default:!0},virtualTriggering:{type:Boolean},zIndex:null,showAfter:{default:0},hideAfter:{default:200},appendTo:null,content:{default:""},rawContent:{type:Boolean,default:!1},persistent:{type:Boolean},ariaLabel:null,visible:{type:Boolean,default:null},transition:{default:"vft-fade-in-linear"},teleported:{type:Boolean,default:!0},disabled:{type:Boolean}},setup(t,{expose:v}){const{selector:y}=V.usePopperContainerId(),b=$.useNamespace("tooltip"),o=e.ref(null),c=e.ref(!1),{controlled:d,id:h,open:a,trigger:i,onClose:l,onOpen:C,onShow:B,onHide:q,onBeforeShow:s,onBeforeHide:f}=e.inject(z.TOOLTIP_INJECTION_KEY,void 0),T=e.computed(()=>t.transition||`${b.namespace.value}-fade-in-linear`),E=e.computed(()=>process.env.NODE_ENV==="test"?!0:t.persistent);e.onBeforeUnmount(()=>{c.value=!0});const k=e.computed(()=>e.unref(E)?!0:e.unref(a)),p=e.computed(()=>t.disabled?!1:e.unref(a)),w=e.computed(()=>t.appendTo||y.value),P=e.computed(()=>t.style??{}),O=e.computed(()=>!e.unref(a)),S=()=>{q()},g=()=>{if(e.unref(d))return!0},N=m.composeEventHandlers(g,()=>{t.enterable&&e.unref(i)==="hover"&&C()}),A=m.composeEventHandlers(g,()=>{e.unref(i)==="hover"&&l()}),x=()=>{var n,r;(r=(n=o.value)==null?void 0:n.updatePopper)==null||r.call(n),s==null||s()},L=()=>{f==null||f()},M=()=>{B(),u=R.onClickOutside(e.computed(()=>{var n;return(n=o.value)==null?void 0:n.popperContentRef}),()=>{if(e.unref(d))return;e.unref(i)!=="hover"&&l()})},I=()=>{t.virtualTriggering||l()};let u;return e.watch(()=>e.unref(a),n=>{n||u==null||u()},{flush:"post"}),e.watch(()=>t.content,()=>{var n,r;(r=(n=o.value)==null?void 0:n.updatePopper)==null||r.call(n)}),v({contentRef:o}),(n,r)=>(e.openBlock(),e.createBlock(e.Teleport,{disabled:!t.teleported,to:e.unref(w)},[e.createVNode(e.Transition,{name:e.unref(T),onAfterLeave:S,onBeforeEnter:x,onAfterEnter:M,onBeforeLeave:L},{default:e.withCtx(()=>[e.unref(k)?e.withDirectives((e.openBlock(),e.createBlock(e.unref(j.default),e.mergeProps({key:0,id:e.unref(h),ref_key:"contentRef",ref:o},n.$attrs,{"aria-label":t.ariaLabel,"aria-hidden":e.unref(O),"boundaries-padding":t.boundariesPadding,"fallback-placements":t.fallbackPlacements,"gpu-acceleration":t.gpuAcceleration,offset:t.offset,placement:t.placement,"popper-options":t.popperOptions,strategy:t.strategy,effect:t.effect,enterable:t.enterable,pure:t.pure,"popper-class":t.popperClass,"popper-style":[t.popperStyle,e.unref(P)],"reference-el":t.referenceEl,"trigger-target-el":t.triggerTargetEl,visible:e.unref(p),"z-index":t.zIndex,onMouseenter:e.unref(N),onMouseleave:e.unref(A),onBlur:I,onClose:e.unref(l)}),{default:e.withCtx(()=>[c.value?e.createCommentVNode("",!0):e.renderSlot(n.$slots,"default",{key:0})]),_:3},16,["id","aria-label","aria-hidden","boundaries-padding","fallback-placements","gpu-acceleration","offset","placement","popper-options","strategy","effect","enterable","pure","popper-class","popper-style","reference-el","trigger-target-el","visible","z-index","onMouseenter","onMouseleave","onClose"])),[[e.vShow,e.unref(p)]]):e.createCommentVNode("",!0)]),_:3},8,["name"])],8,["disabled","to"]))}});exports.default=H;

package/lib/components/tooltip/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const r=require("./tooltip.vue2.cjs"),e=t.withInstall(r.default);exports.VftTooltip=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const r=require("./tooltip.vue2.cjs"),e=t.withInstall(r.default);exports.VftTooltip=e;exports.default=e;

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

@@ -1,6 +1,7 @@
+import Tooltip from './tooltip.vue';
 export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     role: {
-        type: import("vue").PropType<"grid" | "listbox" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
+        type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
     showArrow: {
@@ -195,9 +196,9 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
     onOpen: (event?: Event | undefined) => void;
     onClose: (event?: Event | undefined) => void;
     hide: (event?: Event | undefined) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hide" | "show" | "open" | "before-show" | "before-hide")[], "close" | "hide" | "show" | "open" | "before-show" | "before-hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], "close" | "open" | "before-show" | "before-hide" | "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: import("vue").PropType<"grid" | "listbox" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
+        type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
     showArrow: {
@@ -386,11 +387,12 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
     };
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
-    onShow?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
-    onHide?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
 }, {}>> & Record<string, any>;
 export default VftTooltip;
+export type TooltipInstance = InstanceType<typeof Tooltip>;
 export * from './types';

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

@@ -54,7 +54,7 @@ export interface ToolTipProps {
 }
 declare const _sfc_main: import("vue").DefineComponent<{
     role: {
-        type: __PropType<"grid" | "listbox" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
+        type: __PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
     showArrow: {
@@ -270,9 +270,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
      * @description expose hide function
      */
     hide: (event?: Event | undefined) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hide" | "show" | "open" | "before-show" | "before-hide")[], "close" | "hide" | "show" | "open" | "before-show" | "before-hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], "close" | "open" | "before-show" | "before-hide" | "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: __PropType<"grid" | "listbox" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
+        type: __PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
     showArrow: {
@@ -461,10 +461,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
-    onShow?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
-    onHide?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("@vft/constants");require("../popper/index.cjs");require("@vft/utils");const o=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("lodash");const M=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const O=require("./constants.cjs"),u=require("./utils.cjs"),B=require("../popper/trigger.vue2.cjs"),H=e.defineComponent({name:"VftTooltipTrigger"}),b=e.defineComponent({...H,props:{disabled:{type:Boolean},trigger:{default:"hover"},triggerKeys:{default:[g.EVENT_CODE.enter,g.EVENT_CODE.space]},virtualRef:null,virtualTriggering:{type:Boolean}},setup(r,{expose:a}){const d=M.useNamespace("tooltip"),{controlled:f,id:v,open:m,onOpen:s,onClose:l,onToggle:i}=e.inject(O.TOOLTIP_INJECTION_KEY,void 0),T=e.ref(null),t=()=>{if(e.unref(f)||r.disabled)return!0},C=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"hover",s)),E=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"hover",l)),q=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"click",n=>{n.button===0&&i(n)})),h=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"focus",s)),p=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"focus",l)),w=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"contextmenu",n=>{n.preventDefault(),i(n)})),y=o.composeEventHandlers(t,n=>{const{code:c}=n;r.triggerKeys.includes(c)&&(n.preventDefault(),i(n))});return a({triggerRef:T}),(n,c)=>(e.openBlock(),e.createBlock(e.unref(B.default),{id:e.unref(v),"virtual-ref":r.virtualRef,open:e.unref(m),"virtual-triggering":r.virtualTriggering,class:e.normalizeClass(e.unref(d).e("trigger")),onBlur:e.unref(p),onClick:e.unref(q),onContextmenu:e.unref(w),onFocus:e.unref(h),onMouseenter:e.unref(C),onMouseleave:e.unref(E),onKeydown:e.unref(y)},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},8,["id","virtual-ref","open","virtual-triggering","class","onBlur","onClick","onContextmenu","onFocus","onMouseenter","onMouseleave","onKeydown"]))}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("@vft/constants");require("../popper/index.cjs");require("@vft/utils");require("lodash");require("@vueuse/core");const o=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");const M=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const O=require("./constants.cjs"),u=require("./utils.cjs"),B=require("../popper/trigger.vue2.cjs"),H=e.defineComponent({name:"VftTooltipTrigger"}),b=e.defineComponent({...H,props:{disabled:{type:Boolean},trigger:{default:"hover"},triggerKeys:{default:[g.EVENT_CODE.enter,g.EVENT_CODE.space]},virtualRef:null,virtualTriggering:{type:Boolean}},setup(r,{expose:a}){const d=M.useNamespace("tooltip"),{controlled:f,id:v,open:m,onOpen:s,onClose:l,onToggle:i}=e.inject(O.TOOLTIP_INJECTION_KEY,void 0),T=e.ref(null),t=()=>{if(e.unref(f)||r.disabled)return!0},q=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"hover",s)),C=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"hover",l)),E=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"click",n=>{n.button===0&&i(n)})),h=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"focus",s)),p=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"focus",l)),w=o.composeEventHandlers(t,u.whenTrigger(r.trigger,"contextmenu",n=>{n.preventDefault(),i(n)})),y=o.composeEventHandlers(t,n=>{const{code:c}=n;r.triggerKeys.includes(c)&&(n.preventDefault(),i(n))});return a({triggerRef:T}),(n,c)=>(e.openBlock(),e.createBlock(e.unref(B.default),{id:e.unref(v),"virtual-ref":r.virtualRef,open:e.unref(m),"virtual-triggering":r.virtualTriggering,class:e.normalizeClass(e.unref(d).e("trigger")),onBlur:e.unref(p),onClick:e.unref(E),onContextmenu:e.unref(w),onFocus:e.unref(h),onMouseenter:e.unref(q),onMouseleave:e.unref(C),onKeydown:e.unref(y)},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},8,["id","virtual-ref","open","virtual-triggering","class","onBlur","onClick","onContextmenu","onFocus","onMouseenter","onMouseleave","onKeydown"]))}});exports.default=b;

package/lib/components/tooltip/utils.cjs

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

package/lib/components/verify-code/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const t=require("./verify-code.vue2.cjs"),e=r.withInstall(t.default);exports.VftVerifyCode=e;exports.default=e;

package/lib/components/verify-code/index.d.ts

@@ -0,0 +1,23 @@
+export declare const VftVerifyCode: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    height: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+}, {
+    getImgCode: () => void;
+    code: import("vue").Ref<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    height: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+}>>, {}>> & Record<string, any>;
+export default VftVerifyCode;

package/lib/components/verify-code/style/css.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-verify-code.css");

package/lib/components/verify-code/style/index.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/verify-code.scss");

package/lib/components/verify-code/useImageVerify.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue");function g(l=152,t=40){const n=a.ref(),u=a.ref("");function f(r){u.value=r}function e(){n.value&&(u.value=m(n.value,l,t))}return a.onMounted(()=>{e()}),{domRef:n,imgCode:u,setImgCode:f,getImgCode:e}}function o(l,t){return Math.floor(Math.random()*(t-l)+l)}function s(l,t){const n=o(l,t),u=o(l,t),f=o(l,t);return`rgb(${n},${u},${f})`}function m(l,t,n){let u="";const f="0123456789",e=l.getContext("2d");if(!e)return u;e.fillStyle=s(180,230),e.fillRect(0,0,t,n);for(let r=0;r<4;r+=1){const c=f[o(0,f.length)];u+=c;const i=o(18,41),d=o(-30,30);e.font=`${i}px Simhei`,e.textBaseline="top",e.fillStyle=s(80,150),e.save(),e.translate(30*r+23,15),e.rotate(d*Math.PI/180),e.fillText(c,-15+5,-15),e.restore()}for(let r=0;r<5;r+=1)e.beginPath(),e.moveTo(o(0,t),o(0,n)),e.lineTo(o(0,t),o(0,n)),e.strokeStyle=s(180,230),e.closePath(),e.stroke();for(let r=0;r<41;r+=1)e.beginPath(),e.arc(o(0,t),o(0,n),1,0,2*Math.PI),e.closePath(),e.fillStyle=s(150,200),e.fill();return u}exports.default=g;

package/lib/components/verify-code/useImageVerify.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 绘制图形验证码
+ * @param width - 图形宽度
+ * @param height - 图形高度
+ */
+export default function useImageVerify(width?: number, height?: number): {
+    domRef: import("vue").Ref<HTMLCanvasElement | undefined>;
+    imgCode: import("vue").Ref<string>;
+    setImgCode: (code: string) => void;
+    getImgCode: () => void;
+};

package/lib/components/verify-code/verify-code.vue.cjs

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

package/lib/components/verify-code/verify-code.vue.d.ts

@@ -0,0 +1,24 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    height: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}, {
+    getImgCode: () => void;
+    code: import("vue").Ref<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    height: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/lib/components/verify-code/verify-code.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const n=require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const a=require("./useImageVerify.cjs"),f=["width","height"],h=l.useNamespace("verify-code"),m=e.defineComponent({name:h.b()}),g=e.defineComponent({...m,props:{height:{default:40},width:{default:150}},setup(t,{expose:u}){const o=e.computed(()=>({width:n.addUnit(t.width),height:n.addUnit(t.height)})),{domRef:d,imgCode:s,getImgCode:r}=a.default();return u({getImgCode:r,code:s}),(q,i)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref(o))},[e.createElementVNode("canvas",{ref_key:"domRef",ref:d,width:t.width,height:t.height,class:"cursor-pointer",onClick:i[0]||(i[0]=(...c)=>e.unref(r)&&e.unref(r)(...c))},null,8,f)],4))}});exports.default=g;

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

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

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

@@ -0,0 +1,214 @@
+import { useCache } from '../hooks/use-cache';
+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<{
+    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))[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+    readonly height: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+    readonly style: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __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 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))[], never, never>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly estimatedColumnWidth: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly estimatedRowHeight: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly initScrollLeft: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly initScrollTop: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly itemKey: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("../types").GridItemKeyGetter) | (() => import("../types").GridItemKeyGetter) | {
+        (): import("../types").GridItemKeyGetter;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => import("../types").GridItemKeyGetter) | (() => import("../types").GridItemKeyGetter) | {
+        (): import("../types").GridItemKeyGetter;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, ({ columnIndex, rowIndex }: {
+        columnIndex: number;
+        rowIndex: number;
+    }) => string, boolean>;
+    readonly rowCache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly rowHeight: {
+        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))[], never, never>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly totalColumn: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly totalRow: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly hScrollbarSize: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly vScrollbarSize: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly scrollbarStartGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly scrollbarEndGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
+    readonly role: StringConstructor;
+}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<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))[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+    readonly height: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+    readonly style: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __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 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))[], never, never>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly estimatedColumnWidth: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly estimatedRowHeight: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly initScrollLeft: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly initScrollTop: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly itemKey: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("../types").GridItemKeyGetter) | (() => import("../types").GridItemKeyGetter) | {
+        (): import("../types").GridItemKeyGetter;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => import("../types").GridItemKeyGetter) | (() => import("../types").GridItemKeyGetter) | {
+        (): import("../types").GridItemKeyGetter;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, ({ columnIndex, rowIndex }: {
+        columnIndex: number;
+        rowIndex: number;
+    }) => string, boolean>;
+    readonly rowCache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly rowHeight: {
+        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))[], never, never>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly totalColumn: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly totalRow: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly hScrollbarSize: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly vScrollbarSize: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly scrollbarStartGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly scrollbarEndGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
+    readonly role: StringConstructor;
+}>> & {
+    onScroll?: ((...args: any[]) => any) | undefined;
+    onItemRendered?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly data: any[];
+    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly className: string;
+    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
+    readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], 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 itemKey: import("../types").GridItemKeyGetter;
+    readonly columnCache: number;
+    readonly initScrollLeft: number;
+    readonly initScrollTop: number;
+    readonly rowCache: number;
+    readonly hScrollbarSize: number;
+    readonly vScrollbarSize: number;
+    readonly scrollbarStartGap: number;
+    readonly scrollbarEndGap: number;
+}>;
+export default createGrid;
+type Dir = typeof FORWARD | typeof BACKWARD;
+export type GridInstance = InstanceType<ReturnType<typeof createGrid>> & UnwrapRef<{
+    windowRef: Ref<HTMLElement>;
+    innerRef: Ref<HTMLElement>;
+    getItemStyleCache: ReturnType<typeof useCache>;
+    scrollTo: (scrollOptions: GridScrollOptions) => void;
+    scrollToItem: (rowIndex: number, columnIndex: number, alignment: Alignment) => void;
+    states: Ref<{
+        isScrolling: boolean;
+        scrollLeft: number;
+        scrollTop: number;
+        updateRequested: boolean;
+        xAxisScrollDir: Dir;
+        yAxisScrollDir: Dir;
+    }>;
+}>;

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

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