vft 0.0.239 → 0.0.240

package/lib/components/radio/radio-group.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const l=require("../../constants/event.cjs");require("@vueuse/core");require("@vft/utils");const q=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const E=require("../../hooks/use-id/index.cjs"),g=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const B=require("./constants.cjs"),k=require("./radio.vue2.cjs"),I=require("./radio-button.vue2.cjs"),c=require("../form/hooks/use-form-item.cjs"),h=["id","aria-label","aria-labelledby"],C=e.defineComponent({name:"vft-radio-group"}),T=e.defineComponent({...C,props:{id:{},size:{},disabled:{type:Boolean},label:{},modelValue:{type:[String,Number,Boolean]},name:{},fill:{},textColor:{},validateEvent:{type:Boolean,default:!0},useButton:{type:Boolean},options:{}},emits:[l.UPDATE_MODEL_EVENT,l.CHANGE_EVENT],setup(p,{emit:m}){const t=p,i=m,b=g.useNamespace("radio"),f=E.useId(),s=e.ref(),{formItem:n}=c.useFormItem(),{inputId:_,isLabeledByFormItem:d}=c.useFormItemInputId(t,{formItemContext:n}),v=r=>{i(l.UPDATE_MODEL_EVENT,r),e.nextTick(()=>i("change",r))};e.onMounted(()=>{const r=s.value.querySelectorAll("[type=radio]"),u=r[0];!Array.from(r).some(a=>a.checked)&&u&&(u.tabIndex=0)});const y=e.computed(()=>t.name||f.value);return e.provide(B.radioGroupKey,e.reactive({...e.toRefs(t),changeEvent:v,name:y})),e.watch(()=>t.modelValue,()=>{t.validateEvent&&(n==null||n.validate("change").catch(r=>q.debugWarn(r)))}),(r,u)=>{var a;return e.openBlock(),e.createElementBlock("div",{id:e.unref(_),ref_key:"radioGroupRef",ref:s,class:e.normalizeClass(e.unref(b).b("group")),role:"radiogroup","aria-label":e.unref(d)?void 0:r.label||"radio-group","aria-labelledby":e.unref(d)?(a=e.unref(n))==null?void 0:a.labelId:void 0},[r.options?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(r.options,o=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.useButton?I.default:k.default),{size:o.size,disabled:o.disabled,label:o.label,value:o.value,name:o.name,border:o.border,key:o.value},null,8,["size","disabled","label","value","name","border"]))),128)):e.renderSlot(r.$slots,"default",{key:1})],10,h)}}});exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const u=require("../../constants/event.cjs");require("@vueuse/core");require("@vft/utils");const y=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const q=require("../../hooks/use-id/index.cjs"),E=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const g=require("./constants.cjs"),B=require("./radio.vue2.cjs"),I=require("./radio-button.vue2.cjs"),d=require("../form/hooks/use-form-item.cjs"),k=["id","aria-label","aria-labelledby"],h=e.defineComponent({name:"vft-radio-group"}),C=e.defineComponent({...h,props:{id:{},size:{},disabled:{type:Boolean},label:{},modelValue:{type:[String,Number,Boolean]},name:{},fill:{},textColor:{},validateEvent:{type:Boolean,default:!0},useButton:{type:Boolean},options:{}},emits:[u.UPDATE_MODEL_EVENT,u.CHANGE_EVENT],setup(c,{emit:p}){const t=c,l=p,m=E.useNamespace("radio"),f=q.useId(),i=e.ref(),{formItem:n}=d.useFormItem(),{inputId:b,isLabeledByFormItem:s}=d.useFormItemInputId(t,{formItemContext:n}),_=r=>{l(u.UPDATE_MODEL_EVENT,r),e.nextTick(()=>l("change",r))};e.onMounted(()=>{const r=i.value.querySelectorAll("[type=radio]"),a=r[0];!Array.from(r).some(o=>o.checked)&&a&&(a.tabIndex=0)});const v=e.computed(()=>t.name||f.value);return e.provide(g.radioGroupKey,e.reactive({...e.toRefs(t),changeEvent:_,name:v})),e.watch(()=>t.modelValue,()=>{t.validateEvent&&n?.validate("change").catch(r=>y.debugWarn(r))}),(r,a)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(b),ref_key:"radioGroupRef",ref:i,class:e.normalizeClass(e.unref(m).b("group")),role:"radiogroup","aria-label":e.unref(s)?void 0:r.label||"radio-group","aria-labelledby":e.unref(s)?e.unref(n)?.labelId:void 0},[r.options?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(r.options,o=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.useButton?I.default:B.default),{size:o.size,disabled:o.disabled,label:o.label,value:o.value,name:o.name,border:o.border,key:o.value},null,8,["size","disabled","label","value","name","border"]))),128)):e.renderSlot(r.$slots,"default",{key:1})],10,k))}});exports.default=C;

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

@@ -1,15 +1,17 @@
 import type { RadioProps } from './types.ts';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<RadioProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<RadioProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (data: RadioProps) => void;
     change: (data: string | number | boolean | undefined) => void;
     "update:modelValue": (data: string | number | boolean | undefined) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<RadioProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<RadioProps>>> & Readonly<{
     onChange?: ((data: string | number | boolean | undefined) => any) | undefined;
     onClick?: ((data: RadioProps) => any) | undefined;
     "onUpdate:modelValue"?: ((data: string | number | boolean | undefined) => any) | undefined;
-}, {}, {}>, {
-    default?(_: {}): any;
-}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/radio/radio.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const C=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const g=require("./use-radio.cjs"),q=["value","name","disabled","checked"],y=e.defineComponent({name:"vft-radio"}),V=e.defineComponent({...y,props:{border:{type:Boolean},size:{},disabled:{type:Boolean},label:{type:[String,Number,Boolean]},value:{type:[String,Number,Boolean]},modelValue:{type:[String,Number,Boolean]},name:{}},emits:["click","change","update:modelValue"],setup(f,{emit:m}){const r=C.useNamespace("radio"),p=f,i=m,{radioRef:c,radioGroup:b,focus:a,size:v,disabled:t,modelValue:l,actualValue:s}=g.useRadio(p,i);function k(){e.nextTick(()=>i("change",l.value))}return(o,n)=>{var d;return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("disabled",e.unref(t)),e.unref(r).is("focus",e.unref(a)),e.unref(r).is("bordered",o.border),e.unref(r).is("checked",e.unref(l)===e.unref(s)),e.unref(r).m(e.unref(v))])},[e.createElementVNode("span",{onClick:n[4]||(n[4]=u=>i("click",o.$props)),class:e.normalizeClass([e.unref(r).e("input"),e.unref(r).is("disabled",e.unref(t)),e.unref(r).is("checked",e.unref(l)===e.unref(s))])},[e.withDirectives(e.createElementVNode("input",{ref_key:"radioRef",ref:c,"onUpdate:modelValue":n[0]||(n[0]=u=>e.isRef(l)?l.value=u:null),class:e.normalizeClass(e.unref(r).e("original")),value:e.unref(s),name:o.name||((d=e.unref(b))==null?void 0:d.name),disabled:e.unref(t),checked:e.unref(l)===e.unref(s),type:"radio",onFocus:n[1]||(n[1]=u=>a.value=!0),onBlur:n[2]||(n[2]=u=>a.value=!1),onChange:k,onClick:n[3]||(n[3]=e.withModifiers(()=>{},["stop"]))},null,42,q),[[e.vModelRadio,e.unref(l)]]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(r).e("inner"))},null,2)],2),e.createElementVNode("span",{onClick:n[5]||(n[5]=u=>i("click",o.$props)),class:e.normalizeClass(e.unref(r).e("label")),onKeydown:n[6]||(n[6]=e.withModifiers(()=>{},["stop"]))},[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)])],34)],2)}}});exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const k=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const C=require("./use-radio.cjs"),g=["value","name","disabled","checked"],q=e.defineComponent({name:"vft-radio"}),y=e.defineComponent({...q,props:{border:{type:Boolean},size:{},disabled:{type:Boolean},label:{type:[String,Number,Boolean]},value:{type:[String,Number,Boolean]},modelValue:{type:[String,Number,Boolean]},name:{}},emits:["click","change","update:modelValue"],setup(d,{emit:f}){const r=k.useNamespace("radio"),m=d,i=f,{radioRef:p,radioGroup:c,focus:a,size:b,disabled:t,modelValue:l,actualValue:s}=C.useRadio(m,i);function v(){e.nextTick(()=>i("change",l.value))}return(o,n)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("disabled",e.unref(t)),e.unref(r).is("focus",e.unref(a)),e.unref(r).is("bordered",o.border),e.unref(r).is("checked",e.unref(l)===e.unref(s)),e.unref(r).m(e.unref(b))])},[e.createElementVNode("span",{onClick:n[4]||(n[4]=u=>i("click",o.$props)),class:e.normalizeClass([e.unref(r).e("input"),e.unref(r).is("disabled",e.unref(t)),e.unref(r).is("checked",e.unref(l)===e.unref(s))])},[e.withDirectives(e.createElementVNode("input",{ref_key:"radioRef",ref:p,"onUpdate:modelValue":n[0]||(n[0]=u=>e.isRef(l)?l.value=u:null),class:e.normalizeClass(e.unref(r).e("original")),value:e.unref(s),name:o.name||e.unref(c)?.name,disabled:e.unref(t),checked:e.unref(l)===e.unref(s),type:"radio",onFocus:n[1]||(n[1]=u=>a.value=!0),onBlur:n[2]||(n[2]=u=>a.value=!1),onChange:v,onClick:n[3]||(n[3]=e.withModifiers(()=>{},["stop"]))},null,42,g),[[e.vModelRadio,e.unref(l)]]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(r).e("inner"))},null,2)],2),e.createElementVNode("span",{onClick:n[5]||(n[5]=u=>i("click",o.$props)),class:e.normalizeClass(e.unref(r).e("label")),onKeydown:n[6]||(n[6]=e.withModifiers(()=>{},["stop"]))},[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)])],34)],2))}});exports.default=y;

package/lib/components/radio/use-radio.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../form/index.cjs");const b=require("../../constants/event.cjs"),t=require("vue"),f=require("lodash-es"),q=require("./constants.cjs"),i=require("../form/hooks/use-form-common-props.cjs"),E=u=>f.isNil(u),V=(u,n)=>{const c=t.ref(),e=t.inject(q.radioGroupKey,void 0),o=t.computed(()=>!!e),s=t.computed(()=>E(u.value)?u.label:u.value),l=t.computed({get(){return o.value?e.modelValue:u.modelValue},set(r){o.value?e.changeEvent(r):n&&n(b.UPDATE_MODEL_EVENT,r),c.value.checked=u.modelValue===s.value}}),d=i.useFormSize(t.computed(()=>e==null?void 0:e.size)),a=i.useFormDisabled(t.computed(()=>e==null?void 0:e.disabled)),m=t.ref(!1),v=t.computed(()=>a.value||o.value&&l.value!==s.value?-1:0);return{radioRef:c,isGroup:o,radioGroup:e,focus:m,size:d,disabled:a,tabIndex:v,modelValue:l,actualValue:s}};exports.useRadio=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../form/index.cjs");const b=require("../../constants/event.cjs"),e=require("vue"),f=require("lodash-es"),q=require("./constants.cjs"),i=require("../form/hooks/use-form-common-props.cjs"),E=u=>f.isNil(u),V=(u,r)=>{const a=e.ref(),o=e.inject(q.radioGroupKey,void 0),t=e.computed(()=>!!o),s=e.computed(()=>E(u.value)?u.label:u.value),n=e.computed({get(){return t.value?o.modelValue:u.modelValue},set(l){t.value?o.changeEvent(l):r&&r(b.UPDATE_MODEL_EVENT,l),a.value.checked=u.modelValue===s.value}}),d=i.useFormSize(e.computed(()=>o?.size)),c=i.useFormDisabled(e.computed(()=>o?.disabled)),m=e.ref(!1),v=e.computed(()=>c.value||t.value&&n.value!==s.value?-1:0);return{radioRef:a,isGroup:t,radioGroup:o,focus:m,size:d,disabled:c,tabIndex:v,modelValue:n,actualValue:s}};exports.useRadio=V;

package/lib/components/radio/use-radio.d.ts

@@ -1,12 +1,12 @@
 import type { RadioButtonProps, RadioEmitProps, RadioProps } from './types.ts';
 export declare const useRadio: (props: RadioProps | RadioButtonProps, emit?: RadioEmitProps) => {
-    radioRef: import("vue").Ref<HTMLInputElement | undefined>;
+    radioRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     isGroup: import("vue").ComputedRef<boolean>;
     radioGroup: import("./constants").RadioGroupContext | undefined;
-    focus: import("vue").Ref<boolean>;
+    focus: import("vue").Ref<boolean, boolean>;
     size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
     disabled: import("vue").ComputedRef<boolean>;
     tabIndex: import("vue").ComputedRef<0 | -1>;
-    modelValue: import("vue").WritableComputedRef<string | number | boolean | undefined>;
+    modelValue: import("vue").WritableComputedRef<string | number | boolean | undefined, string | number | boolean | undefined>;
     actualValue: import("vue").ComputedRef<string | number | boolean | undefined>;
 };

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

@@ -1,4 +1,4 @@
-export declare const VftResult: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftResult: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: {
         type: import("vue").PropType<string | number>;
     };
@@ -6,9 +6,9 @@ export declare const VftResult: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<string | number>;
     };
     icon: {
-        type: import("vue").PropType<import("..").IconProps>;
+        type: import("vue").PropType<import("vft/es/vft").IconProps>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: import("vue").PropType<string | number>;
     };
@@ -16,7 +16,7 @@ export declare const VftResult: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<string | number>;
     };
     icon: {
-        type: import("vue").PropType<import("..").IconProps>;
+        type: import("vue").PropType<import("vft/es/vft").IconProps>;
     };
-}>>, {}, {}>> & Record<string, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftResult;

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

@@ -4,7 +4,7 @@ interface Props {
     subTitle?: string | number;
     icon?: IconProps;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/result/result.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vft/utils");require("../alert/index.cjs");require("../avatar/index.cjs");require("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../clamp-tooltip/index.cjs");require("../col/index.cjs");require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");require("../container/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../exception/index.cjs");require("../footer-layout/index.cjs");require("../form/index.cjs");require("../full-screen/index.cjs");require("../header-layout/index.cjs");require("../horizontal-menu/index.cjs");const f=require("../icon/index.cjs");require("../icon-text/index.cjs");require("../iframe-layout/index.cjs");require("../image/index.cjs");require("../image-viewer/index.cjs");require("../input/index.cjs");require("../input-number/index.cjs");require("../link/index.cjs");require("../list-cell/index.cjs");require("../logo/index.cjs");require("../menu/index.cjs");require("../multiple-tabs/index.cjs");require("../overlay/index.cjs");require("../page-wrapper/index.cjs");require("../pagination/index.cjs");require("../popconfirm/index.cjs");require("../popover/index.cjs");require("../popper/index.cjs");require("../qrcode/index.cjs");require("../radio/index.cjs");require("./index.cjs");require("../router-view-content/index.cjs");require("../row/index.cjs");require("../scrollbar/index.cjs");require("../search/index.cjs");require("../select/index.cjs");require("../side-menu/index.cjs");require("../skeleton/index.cjs");require("../slider/index.cjs");require("../space/index.cjs");require("../switch/index.cjs");require("../table/index.cjs");require("../tabs/index.cjs");require("../tag/index.cjs");require("../time-picker/index.cjs");require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/props.cjs");require("../steps/index.cjs");require("../autocomplete/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("../super-form/index.cjs");require("../upload/index.cjs");require("../carousel/index.cjs");require("../timeline/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../md-comment/index.cjs");require("../md-container/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const v=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../message/index.cjs");require("../infinite-scroll/index.cjs");require("../progress-i/index.cjs");const p=e.defineComponent({name:"vft-result"}),_=e.defineComponent({...p,props:{title:{},subTitle:{},icon:{}},setup(l){var n,o;const i=v.useNamespace("result"),a=e.getCurrentInstance(),r=e.useSlots(),q=e.computed(()=>c.singleAttrToObj(l.icon,"icon")),d=(n=q.value)!=null&&n.icon?e.h("div",{class:i.e("icon")},[e.h(f.VftIcon,{...q.value})]):(o=r.default)==null?void 0:o.call(r),t=u=>{const s=c.renderTNode(a,u);return s?e.h("div",{class:i.e(u)},[e.h("p",{},{default:()=>s})]):null};return()=>e.h("div",{class:i.b()},{default:()=>[d,t("title"),t("sub-title"),r.extra?e.h("div",{class:i.e("extra")},{default:()=>{var u;return(u=r.extra)==null?void 0:u.call(r)}}):null]})}});exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/utils");require("../alert/index.cjs");require("../avatar/index.cjs");require("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../clamp-tooltip/index.cjs");require("../col/index.cjs");require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");require("../container/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../exception/index.cjs");require("../footer-layout/index.cjs");require("../form/index.cjs");require("../full-screen/index.cjs");require("../header-layout/index.cjs");require("../horizontal-menu/index.cjs");const a=require("../icon/index.cjs");require("../icon-text/index.cjs");require("../iframe-layout/index.cjs");require("../image/index.cjs");require("../image-viewer/index.cjs");require("../input/index.cjs");require("../input-number/index.cjs");require("../link/index.cjs");require("../list-cell/index.cjs");require("../logo/index.cjs");require("../menu/index.cjs");require("../multiple-tabs/index.cjs");require("../overlay/index.cjs");require("../page-wrapper/index.cjs");require("../pagination/index.cjs");require("../popconfirm/index.cjs");require("../popover/index.cjs");require("../popper/index.cjs");require("../qrcode/index.cjs");require("../radio/index.cjs");require("./index.cjs");require("../router-view-content/index.cjs");require("../row/index.cjs");require("../scrollbar/index.cjs");require("../search/index.cjs");require("../select/index.cjs");require("../side-menu/index.cjs");require("../skeleton/index.cjs");require("../slider/index.cjs");require("../space/index.cjs");require("../switch/index.cjs");require("../table/index.cjs");require("../tabs/index.cjs");require("../tag/index.cjs");require("../time-picker/index.cjs");require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/props.cjs");require("../steps/index.cjs");require("../autocomplete/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("../super-form/index.cjs");require("../upload/index.cjs");require("../carousel/index.cjs");require("../timeline/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../md-comment/index.cjs");require("../md-container/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const d=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../message/index.cjs");require("../infinite-scroll/index.cjs");require("../progress-i/index.cjs");const f=e.defineComponent({name:"vft-result"}),v=e.defineComponent({...f,props:{title:{},subTitle:{},icon:{}},setup(o){const r=d.useNamespace("result"),c=e.getCurrentInstance(),u=e.useSlots(),i=e.computed(()=>s.singleAttrToObj(o.icon,"icon")),l=i.value?.icon?e.h("div",{class:r.e("icon")},[e.h(a.VftIcon,{...i.value})]):u.default?.(),q=t=>{const n=s.renderTNode(c,t);return n?e.h("div",{class:r.e(t)},[e.h("p",{},{default:()=>n})]):null};return()=>e.h("div",{class:r.b()},{default:()=>[l,q("title"),q("sub-title"),u.extra?e.h("div",{class:r.e("extra")},{default:()=>u.extra?.()}):null]})}});exports.default=v;

package/lib/components/router-view-content/index.d.ts

@@ -1,4 +1,4 @@
-export declare const VftRouterViewContent: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftRouterViewContent: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     cacheList: {
         type: import("vue").PropType<string[]>;
         required: true;
@@ -25,7 +25,7 @@ export declare const VftRouterViewContent: import("vft/es/utils").SFCWithInstall
     exceptionComp: {
         type: import("vue").PropType<import("vue").Component>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     cacheList: {
         type: import("vue").PropType<string[]>;
         required: true;
@@ -52,5 +52,5 @@ export declare const VftRouterViewContent: import("vft/es/utils").SFCWithInstall
     exceptionComp: {
         type: import("vue").PropType<import("vue").Component>;
     };
-}>>, {}, {}>> & Record<string, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftRouterViewContent;

package/lib/components/router-view-content/router-view-content.vue.d.ts

@@ -9,7 +9,7 @@ interface LayoutConentProps {
     enableErrorHandle?: boolean;
     exceptionComp?: Component;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<LayoutConentProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<LayoutConentProps>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<LayoutConentProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<LayoutConentProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/router-view-content/router-view-content.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@vft/router"),v=require("vue-router"),k=require("@vueuse/core"),B=e.defineComponent({name:"vft-router-view-content"}),h=e.defineComponent({...B,props:{cacheList:{},transitionName:{},transitionAttr:{},openKeepAlive:{type:Boolean,default:!0},isReloadFlag:{type:Boolean},pageErrorStatus:{type:Boolean},enableErrorHandle:{type:Boolean},exceptionComp:{}},setup(n){const s=e.computed(()=>n.openKeepAlive?n.cacheList:[]),l=e.computed(()=>t=>n.enableErrorHandle&&n.pageErrorStatus&&n.exceptionComp||t),m=e.computed(()=>t=>{var a,r,c;let o=t.name;return(a=t.meta)!=null&&a.currentActivePath&&(o=(c=(r=t.matched)==null?void 0:r.filter(p=>{var i;return p.path===((i=t.meta)==null?void 0:i.currentActivePath)}))==null?void 0:c[0].name),n.isReloadFlag?void 0:o}),[d,u]=k.createReusableTemplate();return(t,o)=>(e.openBlock(),e.createBlock(e.unref(v.RouterView),null,{default:e.withCtx(({Component:a,route:r})=>[e.createVNode(e.unref(d),null,{default:e.withCtx(()=>[t.openKeepAlive?(e.openBlock(),e.createBlock(e.KeepAlive,{key:0,include:s.value,exclude:m.value(r)},[t.isReloadFlag?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.value(a)),{key:e.unref(f.getRouterKeyPath)(r)})):e.createCommentVNode("",!0)],1032,["include","exclude"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.value(a)),{key:r.fullPath}))]),_:2},1024),t.transitionName?(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({key:0,name:t.transitionName},t.transitionAttr),{default:e.withCtx(()=>[e.createVNode(e.unref(u))]),_:1},16,["name"])):(e.openBlock(),e.createBlock(e.unref(u),{key:1}))]),_:1}))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("@vft/router");require("vue-router");const d=require("@vueuse/core"),f=e.defineComponent({name:"vft-router-view-content"}),v=e.defineComponent({...f,props:{cacheList:{},transitionName:{},transitionAttr:{},openKeepAlive:{type:Boolean,default:!0},isReloadFlag:{type:Boolean},pageErrorStatus:{type:Boolean},enableErrorHandle:{type:Boolean},exceptionComp:{}},setup(n){const i=e.computed(()=>n.openKeepAlive?n.cacheList:[]),l=e.computed(()=>t=>n.enableErrorHandle&&n.pageErrorStatus&&n.exceptionComp||t),s=e.computed(()=>t=>{let o=t.name;return t.meta?.currentActivePath&&(o=t.matched?.filter(r=>r.path===t.meta?.currentActivePath)?.[0].name),n.isReloadFlag?void 0:o}),[m,c]=d.createReusableTemplate();return(t,o)=>{const r=e.resolveComponent("router-view");return e.openBlock(),e.createBlock(r,null,{default:e.withCtx(({Component:u,route:a})=>[e.createVNode(e.unref(m),null,{default:e.withCtx(()=>[t.openKeepAlive?(e.openBlock(),e.createBlock(e.KeepAlive,{key:0,include:i.value,exclude:s.value(a)},[t.isReloadFlag?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.value(u)),{key:e.unref(p.getRouterKeyPath)(a)})):e.createCommentVNode("",!0)],1032,["include","exclude"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.value(u)),{key:a.fullPath}))]),_:2},1024),t.transitionName?(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({key:0,name:t.transitionName},t.transitionAttr),{default:e.withCtx(()=>[e.createVNode(e.unref(c))]),_:1},16,["name"])):(e.openBlock(),e.createBlock(e.unref(c),{key:1}))]),_:1})}}});exports.default=v;

package/lib/components/roving-focus-group/roving-focus-group-impl.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     style: {
         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
     };
@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
     onBlur: FunctionConstructor;
     onFocus: FunctionConstructor;
     onMousedown: FunctionConstructor;
-}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("currentTabIdChange" | "entryFocus")[], "currentTabIdChange" | "entryFocus", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("currentTabIdChange" | "entryFocus")[], "currentTabIdChange" | "entryFocus", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     style: {
         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
     };
@@ -38,11 +38,11 @@ declare const _default: import("vue").DefineComponent<{
     onBlur: FunctionConstructor;
     onFocus: FunctionConstructor;
     onMousedown: FunctionConstructor;
-}>> & {
+}>> & Readonly<{
     onCurrentTabIdChange?: ((...args: any[]) => any) | undefined;
     onEntryFocus?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     dir: string;
     loop: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/roving-focus-group/roving-focus-group-impl.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("@vueuse/core");require("@vft/utils");const l=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const e=require("vue"),G=require("./tokens.cjs"),B=require("./types.cjs"),h=require("./utils.cjs"),I="currentTabIdChange",F="rovingFocusGroup.entryFocus",V={bubbles:!1,cancelable:!0},w=e.defineComponent({name:"VftRovingFocusGroupImpl",inheritAttrs:!1,props:{style:{type:[String,Array,Object]},currentTabId:{type:String},defaultCurrentTabId:String,loop:Boolean,dir:{type:String,values:["ltr","rtl"],default:"ltr"},orientation:{type:String},onBlur:Function,onFocus:Function,onMousedown:Function},emits:[I,"entryFocus"],setup(t,{emit:d}){const s=e.ref((t.currentTabId||t.defaultCurrentTabId)??null),r=e.ref(!1),i=e.ref(!1),f=e.ref(null),{getItems:b}=e.inject(B.ROVING_FOCUS_COLLECTION_INJECTION_KEY,void 0),E=e.computed(()=>[{outline:"none"},t.style]),T=n=>{d(I,n)},_=()=>{r.value=!0},m=l.composeEventHandlers(n=>{var o;(o=t.onMousedown)==null||o.call(t,n)},()=>{i.value=!0}),y=l.composeEventHandlers(n=>{var o;(o=t.onFocus)==null||o.call(t,n)},n=>{const o=!e.unref(i),{target:O,currentTarget:c}=n;if(O===c&&o&&!e.unref(r)){const v=new Event(F,V);if(c==null||c.dispatchEvent(v),!v.defaultPrevented){const a=b().filter(u=>u.focusable),S=a.find(u=>u.active),R=a.find(u=>u.id===e.unref(s)),N=[S,R,...a].filter(Boolean).map(u=>u.ref);h.focusFirst(N)}}i.value=!1}),g=l.composeEventHandlers(n=>{var o;(o=t.onBlur)==null||o.call(t,n)},()=>{r.value=!1}),C=(...n)=>{d("entryFocus",...n)};e.provide(G.ROVING_FOCUS_GROUP_INJECTION_KEY,{currentTabbedId:e.readonly(s),loop:e.toRef(t,"loop"),tabIndex:e.computed(()=>e.unref(r)?-1:0),rovingFocusGroupRef:f,rovingFocusGroupRootStyle:E,orientation:e.toRef(t,"orientation"),dir:e.toRef(t,"dir"),onItemFocus:T,onItemShiftTab:_,onBlur:g,onFocus:y,onMousedown:m}),e.watch(()=>t.currentTabId,n=>{s.value=n??null}),q.useEventListener(f,F,C)}});exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("@vueuse/core");require("@vft/utils");const i=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const e=require("vue"),p=require("./tokens.cjs"),G=require("./types.cjs"),B=require("./utils.cjs"),v="currentTabIdChange",I="rovingFocusGroup.entryFocus",h={bubbles:!1,cancelable:!0},V=e.defineComponent({name:"VftRovingFocusGroupImpl",inheritAttrs:!1,props:{style:{type:[String,Array,Object]},currentTabId:{type:String},defaultCurrentTabId:String,loop:Boolean,dir:{type:String,values:["ltr","rtl"],default:"ltr"},orientation:{type:String},onBlur:Function,onFocus:Function,onMousedown:Function},emits:[v,"entryFocus"],setup(n,{emit:a}){const u=e.ref((n.currentTabId||n.defaultCurrentTabId)??null),r=e.ref(!1),s=e.ref(!1),l=e.ref(null),{getItems:F}=e.inject(G.ROVING_FOCUS_COLLECTION_INJECTION_KEY,void 0),b=e.computed(()=>[{outline:"none"},n.style]),T=t=>{a(v,t)},E=()=>{r.value=!0},_=i.composeEventHandlers(t=>{n.onMousedown?.(t)},()=>{s.value=!0}),m=i.composeEventHandlers(t=>{n.onFocus?.(t)},t=>{const C=!e.unref(s),{target:O,currentTarget:d}=t;if(O===d&&C&&!e.unref(r)){const f=new Event(I,h);if(d?.dispatchEvent(f),!f.defaultPrevented){const c=F().filter(o=>o.focusable),S=c.find(o=>o.active),R=c.find(o=>o.id===e.unref(u)),N=[S,R,...c].filter(Boolean).map(o=>o.ref);B.focusFirst(N)}}s.value=!1}),y=i.composeEventHandlers(t=>{n.onBlur?.(t)},()=>{r.value=!1}),g=(...t)=>{a("entryFocus",...t)};e.provide(p.ROVING_FOCUS_GROUP_INJECTION_KEY,{currentTabbedId:e.readonly(u),loop:e.toRef(n,"loop"),tabIndex:e.computed(()=>e.unref(r)?-1:0),rovingFocusGroupRef:l,rovingFocusGroupRootStyle:b,orientation:e.toRef(n,"orientation"),dir:e.toRef(n,"dir"),onItemFocus:T,onItemShiftTab:E,onBlur:y,onFocus:m,onMousedown:_}),e.watch(()=>n.currentTabId,t=>{u.value=t??null}),q.useEventListener(l,I,g)}});exports.default=V;

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

@@ -1,5 +1,5 @@
 export declare const VftRow: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         tag: {
             type: import("vue").PropType<string>;
         };
@@ -12,20 +12,7 @@ export declare const VftRow: import("vft/es/utils").SFCWithInstall<{
         align: {
             type: import("vue").PropType<import("./types").RowAlign>;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        tag: {
-            type: import("vue").PropType<string>;
-        };
-        gutter: {
-            type: import("vue").PropType<number>;
-        };
-        justify: {
-            type: import("vue").PropType<import("./types").RowJustify>;
-        };
-        align: {
-            type: import("vue").PropType<import("./types").RowAlign>;
-        };
-    }>>, {}, true, {}, {}, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -45,10 +32,10 @@ export declare const VftRow: import("vft/es/utils").SFCWithInstall<{
         align: {
             type: import("vue").PropType<import("./types").RowAlign>;
         };
-    }>>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     tag: {
         type: import("vue").PropType<string>;
@@ -62,7 +49,7 @@ export declare const VftRow: import("vft/es/utils").SFCWithInstall<{
     align: {
         type: import("vue").PropType<import("./types").RowAlign>;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

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

@@ -1,7 +1,9 @@
 import type { RowProps } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<RowProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<RowProps>>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<RowProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<RowProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -5,9 +5,9 @@ export interface barProps {
     ratioX?: number;
     ratioY?: number;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<barProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<barProps>>, {
     handleScroll: (wrap: HTMLDivElement) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<barProps>>>, {}, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<barProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1,6 +1,6 @@
 import Scrollbar from './scrollbar.vue';
 export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         height: {
             type: import("vue").PropType<string | number>;
         };
@@ -34,66 +34,27 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<{
         minSize: {
             type: import("vue").PropType<number>;
         };
-    }>> & {
+    }>> & Readonly<{
         onScroll?: ((args_0: {
             scrollTop: number;
             scrollLeft: number;
         }) => any) | undefined;
-    }, {
-        wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
+    }>, {
+        wrapRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
         update: () => void;
         scrollTo: {
-            (xCord: number, yCord?: number | undefined): void;
+            (xCord: number, yCord?: number): void;
             (options: ScrollToOptions): void;
         };
         setScrollTop: (value: number) => void;
         setScrollLeft: (value: number) => void;
         handleScroll: () => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         scroll: (args_0: {
             scrollTop: number;
             scrollLeft: number;
         }) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        height: {
-            type: import("vue").PropType<string | number>;
-        };
-        maxHeight: {
-            type: import("vue").PropType<string | number>;
-        };
-        native: {
-            type: import("vue").PropType<boolean>;
-        };
-        wrapStyle: {
-            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
-        };
-        wrapClass: {
-            type: import("vue").PropType<string | any[]>;
-        };
-        viewClass: {
-            type: import("vue").PropType<string | any[]>;
-        };
-        viewStyle: {
-            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
-        };
-        noresize: {
-            type: import("vue").PropType<boolean>;
-        };
-        tag: {
-            type: import("vue").PropType<string>;
-        };
-        always: {
-            type: import("vue").PropType<boolean>;
-        };
-        minSize: {
-            type: import("vue").PropType<number>;
-        };
-    }>> & {
-        onScroll?: ((args_0: {
-            scrollTop: number;
-            scrollLeft: number;
-        }) => any) | undefined;
-    }, {}, true, {}, {}, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -134,25 +95,25 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<{
         minSize: {
             type: import("vue").PropType<number>;
         };
-    }>> & {
+    }>> & Readonly<{
         onScroll?: ((args_0: {
             scrollTop: number;
             scrollLeft: number;
         }) => any) | undefined;
-    }, {
-        wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
+    }>, {
+        wrapRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
         update: () => void;
         scrollTo: {
-            (xCord: number, yCord?: number | undefined): void;
+            (xCord: number, yCord?: number): void;
             (options: ScrollToOptions): void;
         };
         setScrollTop: (value: number) => void;
         setScrollLeft: (value: number) => void;
         handleScroll: () => void;
     }, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     height: {
         type: import("vue").PropType<string | number>;
@@ -187,27 +148,27 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<{
     minSize: {
         type: import("vue").PropType<number>;
     };
-}>> & {
+}>> & Readonly<{
     onScroll?: ((args_0: {
         scrollTop: number;
         scrollLeft: number;
     }) => any) | undefined;
-}, {
-    wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
+}>, {
+    wrapRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     update: () => void;
     scrollTo: {
-        (xCord: number, yCord?: number | undefined): void;
+        (xCord: number, yCord?: number): void;
         (options: ScrollToOptions): void;
     };
     setScrollTop: (value: number) => void;
     setScrollLeft: (value: number) => void;
     handleScroll: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     scroll: (args_0: {
         scrollTop: number;
         scrollLeft: number;
     }) => void;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

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

@@ -47,9 +47,12 @@ export interface ScrollbarProps {
 }
 declare function scrollTo(xCord: number, yCord?: number): void;
 declare function scrollTo(options: ScrollToOptions): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ScrollbarProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ScrollbarProps>>, {
     /** @description scrollbar wrap ref */
-    wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
+    wrapRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     /** @description update scrollbar state manually */
     update: () => void;
     /** @description scrolls to a particular set of coordinates */
@@ -60,19 +63,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     setScrollLeft: (value: number) => void;
     /** @description handle scroll event */
     handleScroll: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     scroll: (args_0: {
         scrollTop: number;
         scrollLeft: number;
     }) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ScrollbarProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ScrollbarProps>>> & Readonly<{
     onScroll?: ((args_0: {
         scrollTop: number;
         scrollLeft: number;
     }) => any) | undefined;
-}, {}, {}>, {
-    default?(_: {}): any;
-}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

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

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

@@ -5,7 +5,7 @@ export interface ThumbProps {
     ratio: number;
     always?: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ThumbProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ThumbProps>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ThumbProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ThumbProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

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

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

@@ -23,6 +23,6 @@ export declare const BAR_MAP: {
         readonly direction: "left";
     };
 };
-export declare const renderThumbStyle: ({ move, size, bar, }: Pick<ThumbProps, "size" | "move"> & {
+export declare const renderThumbStyle: ({ move, size, bar, }: Pick<ThumbProps, "move" | "size"> & {
     bar: (typeof BAR_MAP)[keyof typeof BAR_MAP];
 }) => CSSProperties;