vft 0.0.48 → 0.0.51

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

@@ -0,0 +1,163 @@
+import type { PropType as __PropType } from 'vue';
+import type { StyleValue } from 'vue';
+export interface ScrollbarProps {
+    /**
+     * @description height of scrollbar
+     */
+    height?: string | number;
+    /**
+     * @description max height of scrollbar
+     */
+    maxHeight?: string | number;
+    /**
+     * @description whether to use the native scrollbar
+     */
+    native?: boolean;
+    /**
+     * @description style of wrap
+     */
+    wrapStyle?: StyleValue;
+    /**
+     * @description class of wrap
+     */
+    wrapClass?: string | Array<any>;
+    /**
+     * @description class of view
+     */
+    viewClass?: string | Array<any>;
+    /**
+     * @description style of view
+     */
+    viewStyle?: StyleValue;
+    /**
+     * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance
+     */
+    noresize?: boolean;
+    /**
+     * @description element tag of the view
+     */
+    tag?: string;
+    /**
+     * @description always show
+     */
+    always?: boolean;
+    /**
+     * @description minimum size of scrollbar
+     */
+    minSize?: number;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    height: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    maxHeight: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    native: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    wrapStyle: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    wrapClass: {
+        type: __PropType<string | any[] | undefined>;
+        required: false;
+    };
+    viewClass: {
+        type: __PropType<string | any[] | undefined>;
+        required: false;
+    };
+    viewStyle: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    noresize: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    tag: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    always: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    minSize: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}, {
+    /** @description scrollbar wrap ref */
+    wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
+    /** @description update scrollbar state manually */
+    update: () => void;
+    /** @description scrolls to a particular set of coordinates */
+    scrollTo: (arg1: unknown, arg2?: number) => void;
+    /** @description set distance to scroll top */
+    setScrollTop: (value: number) => void;
+    /** @description set distance to scroll left */
+    setScrollLeft: (value: number) => void;
+    /** @description handle scroll event */
+    handleScroll: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scroll: ({ scrollTop, scrollLeft }: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    height: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    maxHeight: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    native: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    wrapStyle: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    wrapClass: {
+        type: __PropType<string | any[] | undefined>;
+        required: false;
+    };
+    viewClass: {
+        type: __PropType<string | any[] | undefined>;
+        required: false;
+    };
+    viewStyle: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    noresize: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    tag: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    always: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    minSize: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}>> & {
+    onScroll?: ((args_0: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/lib/components/scrollbar/scrollbar.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("@vueuse/core"),i=require("@vft/utils"),P=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const k=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const d=require("./util.cjs"),A=require("./bar.vue2.cjs"),G=require("./constants.cjs"),N="ElScrollbar",o=P.useNamespace("scrollbar"),L=e.defineComponent({name:o.b()}),O=e.defineComponent({...L,props:{height:{default:""},maxHeight:{default:""},native:{type:Boolean,default:!1},wrapStyle:{default:""},wrapClass:{default:""},viewClass:{default:""},viewStyle:{default:""},noresize:{type:Boolean},tag:{default:"div"},always:{type:Boolean},minSize:{default:20}},emits:{scroll:({scrollTop:l,scrollLeft:v})=>[l,v].every(i.isNumber)},setup(l,{expose:v,emit:T}){let s,u;const b=e.ref(),r=e.ref(),w=e.ref(),g=e.ref("0"),S=e.ref("0"),m=e.ref(),x=e.ref(1),z=e.ref(1),H=e.computed(()=>{const t={};return l.height&&(t.height=i.addUnit(l.height)),l.maxHeight&&(t.maxHeight=i.addUnit(l.maxHeight)),[l.wrapStyle,t]}),B=e.computed(()=>[l.wrapClass,o.e("wrap"),{[o.em("wrap","hidden-default")]:!l.native}]),E=e.computed(()=>[o.e("view"),l.viewClass]),q=()=>{var t;r.value&&((t=m.value)==null||t.handleScroll(r.value),T("scroll",{scrollTop:r.value.scrollTop,scrollLeft:r.value.scrollLeft}))};function M(t,a){i.isObject(t)?r.value.scrollTo(t):i.isNumber(t)&&i.isNumber(a)&&r.value.scrollTo(t,a)}const R=t=>{if(!i.isNumber(t)){k.debugWarn(N,"value must be a number");return}r.value.scrollTop=t},W=t=>{if(!i.isNumber(t)){k.debugWarn(N,"value must be a number");return}r.value.scrollLeft=t},n=()=>{if(!r.value)return;const t=r.value.offsetHeight-d.GAP,a=r.value.offsetWidth-d.GAP,h=t**2/r.value.scrollHeight,y=a**2/r.value.scrollWidth,c=Math.max(h,l.minSize),f=Math.max(y,l.minSize);x.value=h/(t-h)/(c/(t-c)),z.value=y/(a-y)/(f/(a-f)),S.value=c+d.GAP<t?`${c}px`:"",g.value=f+d.GAP<a?`${f}px`:""};return e.watch(()=>l.noresize,t=>{t?(s==null||s(),u==null||u()):({stop:s}=C.useResizeObserver(w,n),u=C.useEventListener("resize",n))},{immediate:!0}),e.watch(()=>[l.maxHeight,l.height],()=>{l.native||e.nextTick(()=>{var t;n(),r.value&&((t=m.value)==null||t.handleScroll(r.value))})}),e.provide(G.scrollbarContextKey,e.reactive({scrollbarElement:b,wrapElement:r})),e.onMounted(()=>{l.native||e.nextTick(()=>{n()})}),e.onUpdated(()=>n()),v({wrapRef:r,update:n,scrollTo:M,setScrollTop:R,setScrollLeft:W,handleScroll:q}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"scrollbarRef",ref:b,class:e.normalizeClass(e.unref(o).b())},[e.createElementVNode("div",{ref_key:"wrapRef",ref:r,class:e.normalizeClass(e.unref(B)),style:e.normalizeStyle(e.unref(H)),onScroll:q},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.tag),{ref_key:"resizeRef",ref:w,class:e.normalizeClass(e.unref(E)),style:e.normalizeStyle(l.viewStyle)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","style"]))],38),l.native?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(A.default,{key:0,ref_key:"barRef",ref:m,height:S.value,width:g.value,always:l.always,"ratio-x":z.value,"ratio-y":x.value},null,8,["height","width","always","ratio-x","ratio-y"]))],2))}});exports.default=O;

package/lib/components/scrollbar/style/css.cjs

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

package/lib/components/scrollbar/style/index.cjs

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

package/lib/components/scrollbar/thumb.vue.cjs

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

package/lib/components/scrollbar/thumb.vue.d.ts

@@ -0,0 +1,52 @@
+import type { PropType as __PropType } from 'vue';
+export interface ThumbProps {
+    vertical?: boolean;
+    size?: string;
+    move?: number;
+    ratio: number;
+    always?: boolean;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    vertical: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    move: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    ratio: {
+        type: __PropType<number>;
+        required: true;
+    };
+    always: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    vertical: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    move: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    ratio: {
+        type: __PropType<number>;
+        required: true;
+    };
+    always: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/lib/components/scrollbar/thumb.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("@vueuse/core");require("@vft/utils");const B=require("../../utils/error.cjs");require("lodash");require("../../utils/ns-cover.cjs");const L=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const x=require("./constants.cjs"),S=require("./util.cjs"),R="Thumb",T=e.defineComponent({__name:"thumb",props:{vertical:{type:Boolean},size:null,move:null,ratio:null,always:{type:Boolean}},setup(a){const o=e.inject(x.scrollbarContextKey),c=L.useNamespace("scrollbar");o||B.throwError(R,"can not inject scrollbar context");const r=e.ref(),u=e.ref(),m=e.ref({}),i=e.ref(!1);let v=!1,f=!1,d=E.isClient?document.onselectstart:null;const t=e.computed(()=>S.BAR_MAP[a.vertical?"vertical":"horizontal"]),y=e.computed(()=>S.renderThumbStyle({size:a.size,move:a.move,bar:t.value})),g=e.computed(()=>r.value[t.value.offset]**2/o.wrapElement[t.value.scrollSize]/a.ratio/u.value[t.value.offset]),q=n=>{var s;if(n.stopPropagation(),n.ctrlKey||[1,2].includes(n.button))return;(s=window.getSelection())==null||s.removeAllRanges(),C(n);const l=n.currentTarget;l&&(m.value[t.value.axis]=l[t.value.offset]-(n[t.value.client]-l.getBoundingClientRect()[t.value.direction]))},z=n=>{if(!u.value||!r.value||!o.wrapElement)return;const l=Math.abs(n.target.getBoundingClientRect()[t.value.direction]-n[t.value.client]),s=u.value[t.value.offset]/2,h=(l-s)*100*g.value/r.value[t.value.offset];o.wrapElement[t.value.scroll]=h*o.wrapElement[t.value.scrollSize]/100},C=n=>{n.stopImmediatePropagation(),v=!0,document.addEventListener("mousemove",p),document.addEventListener("mouseup",b),d=document.onselectstart,document.onselectstart=()=>!1},p=n=>{if(!r.value||!u.value||v===!1)return;const l=m.value[t.value.axis];if(!l)return;const s=(r.value.getBoundingClientRect()[t.value.direction]-n[t.value.client])*-1,h=u.value[t.value.offset]-l,k=(s-h)*100*g.value/r.value[t.value.offset];o.wrapElement[t.value.scroll]=k*o.wrapElement[t.value.scrollSize]/100},b=()=>{v=!1,m.value[t.value.axis]=0,document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",b),w(),f&&(i.value=!1)},P=()=>{f=!1,i.value=!!a.size},M=()=>{f=!0,i.value=v};e.onBeforeUnmount(()=>{w(),document.removeEventListener("mouseup",b)});const w=()=>{document.onselectstart!==d&&(document.onselectstart=d)};return E.useEventListener(e.toRef(o,"scrollbarElement"),"mousemove",P),E.useEventListener(e.toRef(o,"scrollbarElement"),"mouseleave",M),(n,l)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(c).b("fade")},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"instance",ref:r,class:e.normalizeClass([e.unref(c).e("bar"),e.unref(c).is(e.unref(t).key)]),onMousedown:z},[e.createElementVNode("div",{ref_key:"thumb",ref:u,class:e.normalizeClass(e.unref(c).e("thumb")),style:e.normalizeStyle(e.unref(y)),onMousedown:q},null,38)],34),[[e.vShow,a.always||i.value]])]),_:1},8,["name"]))}});exports.default=T;

package/lib/components/scrollbar/types.cjs

@@ -0,0 +1 @@
+"use strict";

package/lib/components/scrollbar/types.d.ts

@@ -0,0 +1,2 @@
+import type Bar from './bar.vue';
+export type BarInstance = InstanceType<typeof Bar>;

package/lib/components/scrollbar/util.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=4,o={vertical:{offset:"offsetHeight",scroll:"scrollTop",scrollSize:"scrollHeight",size:"height",key:"vertical",axis:"Y",client:"clientY",direction:"top"},horizontal:{offset:"offsetWidth",scroll:"scrollLeft",scrollSize:"scrollWidth",size:"width",key:"horizontal",axis:"X",client:"clientX",direction:"left"}},s=({move:t,size:l,bar:e})=>({[e.size]:l,transform:`translate${e.axis}(${t}%)`});exports.BAR_MAP=o;exports.GAP=i;exports.renderThumbStyle=s;

package/lib/components/scrollbar/util.d.ts

@@ -0,0 +1,28 @@
+import type { CSSProperties } from 'vue';
+import type { ThumbProps } from './thumb.vue';
+export declare const GAP = 4;
+export declare const BAR_MAP: {
+    readonly vertical: {
+        readonly offset: "offsetHeight";
+        readonly scroll: "scrollTop";
+        readonly scrollSize: "scrollHeight";
+        readonly size: "height";
+        readonly key: "vertical";
+        readonly axis: "Y";
+        readonly client: "clientY";
+        readonly direction: "top";
+    };
+    readonly horizontal: {
+        readonly offset: "offsetWidth";
+        readonly scroll: "scrollLeft";
+        readonly scrollSize: "scrollWidth";
+        readonly size: "width";
+        readonly key: "horizontal";
+        readonly axis: "X";
+        readonly client: "clientX";
+        readonly direction: "left";
+    };
+};
+export declare const renderThumbStyle: ({ move, size, bar }: Pick<ThumbProps, "size" | "move"> & {
+    bar: (typeof BAR_MAP)[keyof typeof BAR_MAP];
+}) => CSSProperties;

package/lib/components/search/index.cjs

@@ -1 +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("../../utils/ns-cover.cjs");require("lodash");const t=require("./search.vue2.cjs"),e=r.withInstall(t.default);exports.VftSearch=e;exports.default=e;
+"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("./search.vue2.cjs"),e=r.withInstall(t.default);exports.VftSearch=e;exports.default=e;

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

@@ -24,11 +24,11 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<import("vu
         required: false;
     };
     width: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     focusWidth: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     hasPopover: {
@@ -43,7 +43,7 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<boolean>;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:modelValue" | "update:visible" | "focus" | "enter")[], "clear" | "update:modelValue" | "update:visible" | "focus" | "enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "clear" | "focus" | "update:visible" | "enter")[], "update:modelValue" | "clear" | "focus" | "update:visible" | "enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: import("vue").PropType<string | number | undefined>;
         required: false;
@@ -69,11 +69,11 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<import("vu
         required: false;
     };
     width: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     focusWidth: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     hasPopover: {
@@ -89,10 +89,10 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<import("vu
         required: true;
     };
 }>> & {
-    onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onEnter?: ((...args: any[]) => any) | undefined;
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
 }, {}>> & Record<string, any>;
 export default VftSearch;

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

@@ -26,11 +26,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     width: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     focusWidth: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     hasPopover: {
@@ -45,7 +45,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean>;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:modelValue" | "update:visible" | "focus" | "enter")[], "clear" | "update:modelValue" | "update:visible" | "focus" | "enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "clear" | "focus" | "update:visible" | "enter")[], "update:modelValue" | "clear" | "focus" | "update:visible" | "enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: __PropType<string | number | undefined>;
         required: false;
@@ -71,11 +71,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     width: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     focusWidth: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     hasPopover: {
@@ -91,10 +91,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
 }>> & {
-    onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onEnter?: ((...args: any[]) => any) | undefined;
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

package/lib/components/search/search.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("@vft/router"),l=require("@vft/utils");require("../divider/index.cjs");require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");const b=require("../popover/index.cjs");require("../menu/index.cjs");require("@vft/use");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/store");require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");const y=require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("./index.cjs");require("../form/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const S=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const w=require("@vueuse/core");require("../../utils/ns-cover.cjs");const s=S.useNamespace("search"),g=e.defineComponent({name:s.b()}),$=e.defineComponent({...g,props:{modelValue:{default:""},placeholder:null,clearable:{type:Boolean,default:!0},suffixIcon:{default:{icon:"vico-search",color:"#8B8C8C",cursor:!0}},prefixIcon:null,clearIcon:null,width:{default:200},focusWidth:null,hasPopover:{type:Boolean,default:!0},popoverCfg:null,visible:{type:Boolean}},emits:["update:modelValue","update:visible","focus","enter","clear"],setup(i,{emit:t}){const a=e.ref(),f=e.ref(),o=e.ref(),d=()=>{console.log(i.modelValue)};k.useRouterHelper();const q=()=>{t("update:visible",!0),t("focus")},p=e.computed(()=>({"show-arrow":!1,transition:"vft-zoom-in-top",placement:"bottom-start","hide-after":100,offset:3,width:500,...i.popoverCfg})),v=e.computed(()=>{function r(u){return l.generateCssVars({width:l.addUnit(u),"focus-width":l.addUnit(u)},"input")}return i.visible?r(i.focusWidth??i.width):r(i.width)}),h=r=>{t("update:modelValue",r)},c=s.e("content"),m=r=>{var u,n;Array.from(r.target.classList).includes(c)||((n=(u=e.unref(a).popperRef)==null?void 0:u.delayHide)==null||n.call(u),t("update:visible",!1))},C=()=>{t("update:visible",!1),w.useTimeoutFn(()=>{var r;return(r=o.value)==null?void 0:r.blur()},100),t("clear")};return e.watch(()=>i.visible,r=>{r?o.value.focus():o.value.blur()}),(r,u)=>{const n=e.resolveDirective("click-outside");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"searchRef",ref:f,class:e.normalizeClass([e.unref(s).b()])},[e.createVNode(e.unref(y.VftInput),e.mergeProps({ref_key:"inputRef",ref:o},r.$props,{inputStyle:e.unref(v),onInput:h,onSuffixclick:d,onFocus:q,onClear:C}),e.createSlots({_:2},[r.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"prefix")]),key:"0"}:void 0,r.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"suffix")]),key:"1"}:void 0,r.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"prepend")]),key:"2"}:void 0,r.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"append")]),key:"3"}:void 0]),1040,["inputStyle"])],2)),[[n,m]]),i.hasPopover?(e.openBlock(),e.createBlock(e.unref(b.VftPopover),e.mergeProps({key:0,ref_key:"popoverRef",ref:a},e.unref(p),{"virtual-ref":f.value,visible:i.visible,"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c))},[e.renderSlot(r.$slots,"default")],2)]),_:3},16,["virtual-ref","visible"])):e.createCommentVNode("",!0)],64)}}});exports.default=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("@vft/router"),l=require("@vft/utils");require("../divider/index.cjs");require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");const b=require("../popover/index.cjs");require("../menu/index.cjs");require("@vft/use");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/store");require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");const y=require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("./index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const S=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const w=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const s=S.useNamespace("search"),g=e.defineComponent({name:s.b()}),$=e.defineComponent({...g,props:{modelValue:{default:""},placeholder:null,clearable:{type:Boolean,default:!0},suffixIcon:{default:{icon:"vico-search",color:"#8B8C8C",cursor:!0}},prefixIcon:null,clearIcon:null,width:{default:200},focusWidth:null,hasPopover:{type:Boolean,default:!0},popoverCfg:null,visible:{type:Boolean}},emits:["update:modelValue","update:visible","focus","enter","clear"],setup(i,{emit:t}){const a=e.ref(),f=e.ref(),o=e.ref(),d=()=>{console.log(i.modelValue)};k.useRouterHelper();const q=()=>{t("update:visible",!0),t("focus")},p=e.computed(()=>({"show-arrow":!1,transition:"vft-zoom-in-top",placement:"bottom-start","hide-after":100,offset:3,width:500,...i.popoverCfg})),v=e.computed(()=>{function r(u){return l.generateCssVars({width:l.addUnit(u),"focus-width":l.addUnit(u)},"input")}return i.visible?r(i.focusWidth??i.width):r(i.width)}),h=r=>{t("update:modelValue",r)},c=s.e("content"),m=r=>{var u,n;Array.from(r.target.classList).includes(c)||((n=(u=e.unref(a).popperRef)==null?void 0:u.delayHide)==null||n.call(u),t("update:visible",!1))},C=()=>{t("update:visible",!1),w.useTimeoutFn(()=>{var r;return(r=o.value)==null?void 0:r.blur()},100),t("clear")};return e.watch(()=>i.visible,r=>{r?o.value.focus():o.value.blur()}),(r,u)=>{const n=e.resolveDirective("click-outside");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"searchRef",ref:f,class:e.normalizeClass([e.unref(s).b()])},[e.createVNode(e.unref(y.VftInput),e.mergeProps({ref_key:"inputRef",ref:o},r.$props,{inputStyle:e.unref(v),onInput:h,onSuffixclick:d,onFocus:q,onClear:C}),e.createSlots({_:2},[r.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"prefix")]),key:"0"}:void 0,r.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"suffix")]),key:"1"}:void 0,r.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"prepend")]),key:"2"}:void 0,r.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"append")]),key:"3"}:void 0]),1040,["inputStyle"])],2)),[[n,m]]),i.hasPopover?(e.openBlock(),e.createBlock(e.unref(b.VftPopover),e.mergeProps({key:0,ref_key:"popoverRef",ref:a},e.unref(p),{"virtual-ref":f.value,visible:i.visible,"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c))},[e.renderSlot(r.$slots,"default")],2)]),_:3},16,["virtual-ref","visible"])):e.createCommentVNode("",!0)],64)}}});exports.default=$;

package/lib/components/select-v2/defaults.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@popperjs/core");require("@vft/utils");require("vue");const t=require("../../utils/vue/props/runtime.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const o={allowCreate:Boolean,autocomplete:{type:String,default:"none"},automaticDropdown:Boolean,clearable:Boolean,clearIcon:{type:[String,Object]},effect:{type:String,default:"light"},collapseTags:Boolean,collapseTagsTooltip:{type:Boolean,default:!1},maxCollapseTags:{type:Number,default:1},defaultFirstOption:Boolean,disabled:Boolean,estimatedOptionHeight:{type:Number,default:void 0},filterable:Boolean,filterMethod:Function,height:{type:Number,default:170},itemHeight:{type:Number,default:34},id:String,loading:Boolean,loadingText:String,label:String,modelValue:[Array,String,Number,Boolean,Object],multiple:Boolean,multipleLimit:{type:Number,default:0},name:String,noDataText:String,noMatchText:String,remoteMethod:Function,reserveKeyword:{type:Boolean,default:!0},options:{type:Array,required:!0},placeholder:{type:String},teleported:String,persistent:{type:Boolean,default:!0},popperClass:{type:String,default:""},popperOptions:{type:Object,default:()=>({})},remote:Boolean,size:{type:String},valueKey:{type:String,default:"value"},scrollbarAlwaysOn:{type:Boolean,default:!1},validateEvent:{type:Boolean,default:!0},placement:{type:t.definePropType(String),values:e.placements,default:"bottom-start"}},l={data:Array,disabled:Boolean,hovering:Boolean,item:Object,index:Number,style:Object,selected:Boolean,created:Boolean};exports.OptionProps=l;exports.SelectProps=o;

package/lib/components/select-v2/defaults.d.ts

@@ -0,0 +1,113 @@
+import type { Component, PropType } from 'vue';
+import type { OptionType } from './select.types';
+import type { Options, Placement } from 'vft/es/components/popper';
+export declare const SelectProps: {
+    allowCreate: BooleanConstructor;
+    autocomplete: {
+        type: PropType<"none" | "both" | "list" | "inline">;
+        default: string;
+    };
+    automaticDropdown: BooleanConstructor;
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: PropType<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+    };
+    effect: {
+        type: PropType<string>;
+        default: string;
+    };
+    collapseTags: BooleanConstructor;
+    collapseTagsTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxCollapseTags: {
+        type: NumberConstructor;
+        default: number;
+    };
+    defaultFirstOption: BooleanConstructor;
+    disabled: BooleanConstructor;
+    estimatedOptionHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    filterable: BooleanConstructor;
+    filterMethod: FunctionConstructor;
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    itemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    id: StringConstructor;
+    loading: BooleanConstructor;
+    loadingText: StringConstructor;
+    label: StringConstructor;
+    modelValue: PropType<any>;
+    multiple: BooleanConstructor;
+    multipleLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    name: StringConstructor;
+    noDataText: StringConstructor;
+    noMatchText: StringConstructor;
+    remoteMethod: FunctionConstructor;
+    reserveKeyword: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: PropType<OptionType<any>[]>;
+        required: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    teleported: StringConstructor;
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperOptions: {
+        type: PropType<Partial<Options>>;
+        default: () => Partial<Options>;
+    };
+    remote: BooleanConstructor;
+    size: {
+        type: PropType<"" | "default" | "small" | "large">;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    scrollbarAlwaysOn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: PropType<Placement>;
+        values: Placement[];
+        default: string;
+    };
+};
+export declare const OptionProps: {
+    data: ArrayConstructor;
+    disabled: BooleanConstructor;
+    hovering: BooleanConstructor;
+    item: ObjectConstructor;
+    index: NumberConstructor;
+    style: ObjectConstructor;
+    selected: BooleanConstructor;
+    created: BooleanConstructor;
+};

package/lib/components/select-v2/group-item.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./group-item.vue2.cjs"),e=require("vue"),s=require("../../_virtual/_plugin-vue_export-helper.cjs");function r(l,i,n,a,u,p){return l.item.isTitle?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(l.ns.be("group","title")),style:e.normalizeStyle([l.style,{lineHeight:`${l.height}px`}])},e.toDisplayString(l.item.label),7)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(l.ns.be("group","split")),style:e.normalizeStyle(l.style)},[e.createElementVNode("span",{class:e.normalizeClass(l.ns.be("group","split-dash")),style:e.normalizeStyle({top:`${l.height/2}px`})},null,6)],6))}const o=s.default(t.default,[["render",r]]);exports.default=o;

package/lib/components/select-v2/group-item.vue.d.ts

@@ -0,0 +1,35 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    style: ObjectConstructor;
+    height: NumberConstructor;
+}, {
+    ns: {
+        namespace: import("vue").Ref<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    style: ObjectConstructor;
+    height: NumberConstructor;
+}>>, {}>;
+export default _sfc_main;

package/lib/components/select-v2/group-item.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=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");const u=e.defineComponent({props:{item:{type:Object,required:!0},style:Object,height:Number},setup(){return{ns:r.useNamespace("select")}}});exports.default=u;

package/lib/components/select-v2/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select.vue.cjs"),c=require("./token.cjs");e.default.install=l=>{l.component(e.default.name,e.default)};const t=e.default,n=t;exports.selectV2InjectionKey=c.selectV2InjectionKey;exports.VftSelectV2=n;exports.default=t;