vft 0.0.50 → 0.0.53

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

@@ -290,12 +290,12 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -308,7 +308,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "open" | "before-show" | "before-hide" | "show" | "hide" | "close", ...args: any[]) => void;
+        $emit: (event: "close" | "open" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
@@ -500,12 +500,12 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         }, {
             popperRef: import("vue").Ref<any>;
             contentRef: import("vue").Ref<any>;
@@ -514,7 +514,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "before-show" | "before-hide" | "show" | "hide" | "close")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -724,12 +724,12 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
             required: false;
         };
     }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
         onHide?: ((...args: any[]) => any) | undefined;
-        onClose?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         popperRef: import("vue").Ref<any>;
         contentRef: import("vue").Ref<any>;

package/lib/components/dropdown/useDropdown.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),T=require("@vft/utils"),n=require("../../constants/aria.cjs"),V=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const C=()=>{const o=r.inject("elDropdown",{}),t=r.computed(()=>o==null?void 0:o.dropdownSize);return{elDropdown:o,_elDropdownSize:t}},y=(o,t,i)=>{const O=V.useNamespace("dropdown"),s=r.ref(null),a=r.ref(null),c=r.ref(null),E=r.ref(`dropdown-menu-${T.buildShortUUID()}`);c.value=o==null?void 0:o.subTree.el;function f(){var e;t.setAttribute("tabindex","-1"),(e=a.value)==null||e.forEach(u=>{u.setAttribute("tabindex","-1")})}function p(e){f(),e==null||e.setAttribute("tabindex","0")}function x(e){const u=e.code;[n.EVENT_CODE.up,n.EVENT_CODE.down].includes(u)?(f(),p(s.value[0]),s.value[0].focus(),e.preventDefault(),e.stopPropagation()):u===n.EVENT_CODE.enter?i.handleClick():[n.EVENT_CODE.tab,n.EVENT_CODE.esc].includes(u)&&i.hide()}function q(e){const u=e.code,D=e.target,d=a.value.indexOf(D),v=a.value.length-1;let l;[n.EVENT_CODE.up,n.EVENT_CODE.down].includes(u)?(u===n.EVENT_CODE.up?l=d!==0?d-1:0:l=d<v?d+1:v,f(),p(s.value[l]),s.value[l].focus(),e.preventDefault(),e.stopPropagation()):u===n.EVENT_CODE.enter?(b(),D.click(),i.props.hideOnClick&&i.hide()):[n.EVENT_CODE.tab,n.EVENT_CODE.esc].includes(u)&&(i.hide(),b())}function A(){c.value.setAttribute("id",E.value),t.setAttribute("aria-haspopup","list"),t.setAttribute("aria-controls",E.value),i.props.splitButton||(t.setAttribute("role","button"),t.setAttribute("tabindex",i.props.tabindex),T.addClass(t,O.b("selfdefine")))}function N(){var e;t==null||t.addEventListener("keydown",x),(e=c.value)==null||e.addEventListener("keydown",q,!0)}function w(){s.value=c.value.querySelectorAll("[tabindex='-1']"),a.value=Array.from(s.value),N(),A()}function b(){t.focus()}w()};exports.initDropdownDomEvent=y;exports.useDropdown=C;

package/lib/components/empty/empty.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@vft/utils"),d=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const f=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const n=require("./constants.cjs"),p=require("./assets/no-collect.png.cjs"),E=require("./assets/no-data.png.cjs"),y=require("./assets/no-filter.png.cjs"),g=require("./assets/no-page-data.png.cjs"),q=require("./assets/no-search.png.cjs"),C=["src"],r=d.useNamespace("empty"),N=e.defineComponent({name:r.b()}),z=e.defineComponent({...N,props:{img:null,type:{default:n.EmptyEnum.NO_DATA},size:null,desc:null},setup(o){const a=e.getCurrentInstance(),t=new Map([[n.EmptyEnum.NO_COLLECT,{text:"暂无收藏记录",img:p.default}],[n.EmptyEnum.NO_PAGE_DATA,{text:"没有找到相关信息",size:300,img:g.default}],[n.EmptyEnum.NO_DATA,{text:"暂无数据",img:E.default}],[n.EmptyEnum.NO_FILTER,{text:"此筛选条件下无结果",img:y.default}],[n.EmptyEnum.NO_SEARCH,{text:"没有搜索结果",img:q.default}]]).get(o.type),m=e.computed(()=>o.img||(t==null?void 0:t.img)),c=e.computed(()=>l.renderTNode(a,"desc",{defaultNode:t==null?void 0:t.text})),s=f.getSizeType(o.size);return(u,T)=>{var i;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).b(),e.unref(s)?e.unref(r).m(e.unref(s)):""])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("image")),style:e.normalizeStyle(e.unref(s)?{}:e.unref(l.setSize)(((i=e.unref(t))==null?void 0:i.size)||o.size))},[u.$slots.img?e.renderSlot(u.$slots,"img",{key:0}):(e.openBlock(),e.createElementBlock("img",{key:1,src:e.unref(m),alt:""},null,8,C))],6),e.unref(c)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(r).e("desc"))},[e.createVNode(e.unref(l.VNode),{content:e.unref(c)},null,8,["content"])],2)):e.createCommentVNode("",!0),u.$slots.default?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(r).e("bottom"))},[e.renderSlot(u.$slots,"default")],2)):e.createCommentVNode("",!0)],2)}}});exports.default=z;

package/lib/components/focus-trap/focus-trap.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./focus-trap.vue2.cjs"),t=require("vue"),u=require("../../_virtual/_plugin-vue_export-helper.cjs");function o(e,s,l,a,d,c){return t.renderSlot(e.$slots,"default",{handleKeydown:e.onKeydown})}const n=u.default(r.default,[["render",o]]);exports.default=n;

package/lib/components/footer-layout/footer-layout.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@vft/utils"),o=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const r=o.useNamespace("footer-layout"),a=e.defineComponent({name:r.b()}),i=e.defineComponent({...a,props:{leftDistance:null},setup(n){const s=e.computed(()=>l.generateCssVars(l.isNullOrUndefined(n.leftDistance)?{}:{left:l.addUnit(n.leftDistance)},"layout-footer"));return(t,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r).b()),style:e.normalizeStyle(e.unref(s))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("left"))},[e.renderSlot(t.$slots,"left")],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("center"))},[e.renderSlot(t.$slots,"default")],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("right"))},[e.renderSlot(t.$slots,"right")],2)],6))}});exports.default=i;

package/lib/components/form/form-item.vue.d.ts

@@ -9,7 +9,7 @@ export interface FormItemProps {
     rules?: FormItemRule;
     error?: string;
     for?: string;
-    validateStatus?: string;
+    validateStatus?: '' | 'error' | 'validating' | 'success';
     inlineMessage?: string | boolean;
     showMessage?: boolean;
     size?: ComponentSize;
@@ -46,7 +46,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     validateStatus: {
-        type: __PropType<string | undefined>;
+        type: __PropType<"" | "error" | "validating" | "success" | undefined>;
         required: false;
     };
     inlineMessage: {
@@ -120,7 +120,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     validateStatus: {
-        type: __PropType<string | undefined>;
+        type: __PropType<"" | "error" | "validating" | "success" | undefined>;
         required: false;
     };
     inlineMessage: {

package/lib/components/form/form-item.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ee=require("async-validator"),h=require("lodash"),re=require("@vueuse/core"),v=require("@vft/utils");require("../../utils/ns-cover.cjs");const I=require("../../utils/objects.cjs"),te=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const se=require("../../hooks/use-id/index.cjs");require("@vue/reactivity");require("@vue/shared");const ie=require("./hooks/use-form-common-props.cjs"),z=require("./constants.cjs"),le=require("./form-label-wrap.cjs"),ne=["role","aria-labelledby"],u=te.useNamespace("form-item"),ue=e.defineComponent({name:u.b()}),ae=e.defineComponent({...ue,props:{label:null,labelWidth:{default:""},prop:null,required:{type:Boolean,default:void 0},rules:null,error:null,for:null,validateStatus:null,inlineMessage:{type:[String,Boolean],default:""},showMessage:{type:Boolean,default:!0},size:null},setup(j,{expose:A}){const i=j,F=e.useSlots(),r=e.inject(z.formContextKey,void 0),D=e.inject(z.formItemContextKey,void 0),g=ie.useFormSize(void 0,{formItem:!1}),y=se.useId().value,o=e.ref([]),d=e.ref(""),E=re.refDebounced(d,100),c=e.ref(""),M=e.ref();let N,m=!1;const P=e.computed(()=>{if((r==null?void 0:r.labelPosition)==="top")return{};const t=v.addUnit(i.labelWidth||(r==null?void 0:r.labelWidth)||"");return t?{width:t}:{}}),L=e.computed(()=>{if((r==null?void 0:r.labelPosition)==="top"||r!=null&&r.inline)return{};if(!i.label&&!i.labelWidth&&O)return{};const t=v.addUnit(i.labelWidth||(r==null?void 0:r.labelWidth)||"");return!i.label&&!F.label?{marginLeft:t}:{}}),T=e.computed(()=>[u.b(),u.m(g.value),u.is("error",d.value==="error"),u.is("validating",d.value==="validating"),u.is("success",d.value==="success"),u.is("required",Q.value||i.required),u.is("no-asterisk",r==null?void 0:r.hideRequiredAsterisk),(r==null?void 0:r.requireAsteriskPosition)==="right"?"asterisk-right":"asterisk-left",{[u.m("feedback")]:r==null?void 0:r.statusIcon}]),K=e.computed(()=>v.isBoolean(i.inlineMessage)?i.inlineMessage:(r==null?void 0:r.inlineMessage)||!1),U=e.computed(()=>[u.e("error"),{[u.em("error","inline")]:K.value}]),G=e.computed(()=>i.prop?v.isString(i.prop)?i.prop:i.prop.join("."):""),q=e.computed(()=>!!(i.label||F.label)),b=e.computed(()=>i.for||o.value.length===1?o.value[0]:void 0),S=e.computed(()=>!b.value&&q.value),O=!!D,R=e.computed(()=>{const t=r==null?void 0:r.model;if(!(!t||!i.prop))return I.getProp(t,i.prop).value}),_=e.computed(()=>{const{required:t}=i,s=[];i.rules&&s.push(...h.castArray(i.rules));const l=r==null?void 0:r.rules;if(l&&i.prop){const n=I.getProp(l,i.prop).value;n&&s.push(...h.castArray(n))}if(t!==void 0){const n=s.map((a,f)=>[a,f]).filter(([a])=>Object.keys(a).includes("required"));if(n.length>0)for(const[a,f]of n)a.required!==t&&(s[f]={...a,required:t});else s.push({required:t})}return s}),H=e.computed(()=>_.value.length>0),J=t=>_.value.filter(l=>!l.trigger||!t?!0:Array.isArray(l.trigger)?l.trigger.includes(t):l.trigger===t).map(({trigger:l,...n})=>n),Q=e.computed(()=>_.value.some(t=>t.required)),X=e.computed(()=>E.value==="error"&&i.showMessage&&((r==null?void 0:r.showMessage)??!0)),W=e.computed(()=>`${i.label||""}${(r==null?void 0:r.labelSuffix)||""}`),p=t=>{d.value=t},Y=t=>{var n;const{errors:s,fields:l}=t;(!s||!l)&&console.error(t),p("error"),c.value=s?((n=s==null?void 0:s[0])==null?void 0:n.message)??`${i.prop} is required`:"",r==null||r.emit("validate",i.prop,!1,c.value)},Z=()=>{p("success"),r==null||r.emit("validate",i.prop,!0,"")},k=async t=>{const s=G.value;return new ee({[s]:t}).validate({[s]:R.value},{firstFields:!0}).then(()=>(Z(),!0)).catch(n=>(Y(n),Promise.reject(n)))},B=async(t,s)=>{if(m||!i.prop)return!1;const l=v.isFunction(s);if(!H.value)return s==null||s(!1),!1;const n=J(t);return n.length===0?(s==null||s(!0),!0):(p("validating"),k(n).then(()=>(s==null||s(!0),!0)).catch(a=>{const{fields:f}=a;return s==null||s(!1,f),l?!1:Promise.reject(f)}))},V=()=>{p(""),c.value="",m=!1},$=async()=>{const t=r==null?void 0:r.model;if(!t||!i.prop)return;const s=I.getProp(t,i.prop);m=!0,s.value=h.clone(N),await e.nextTick(),V(),m=!1},C=t=>{o.value.includes(t)||o.value.push(t)},x=t=>{o.value=o.value.filter(s=>s!==t)};e.watch(()=>i.error,t=>{c.value=t||"",p(t?"error":"")},{immediate:!0}),e.watch(()=>i.validateStatus,t=>p(t||""));const w=e.reactive({...e.toRefs(i),$el:M,size:g,validateState:d,labelId:y,inputIds:o,isGroup:S,hasLabel:q,addInputId:C,removeInputId:x,resetField:$,clearValidate:V,validate:B});return e.provide(z.formItemContextKey,w),e.onMounted(()=>{i.prop&&(r==null||r.addField(w),N=h.clone(R.value))}),e.onBeforeUnmount(()=>{r==null||r.removeField(w)}),A({size:g,validateMessage:c,validateState:d,validate:B,clearValidate:V,resetField:$}),(t,s)=>{var l;return e.openBlock(),e.createElementBlock("div",{ref_key:"formItemRef",ref:M,class:e.normalizeClass(e.unref(T)),role:e.unref(S)?"group":void 0,"aria-labelledby":e.unref(S)?e.unref(y):void 0},[e.createVNode(e.unref(le.default),{"is-auto-width":e.unref(P).width==="auto","update-all":((l=e.unref(r))==null?void 0:l.labelWidth)==="auto"},{default:e.withCtx(()=>[e.unref(q)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(b)?"label":"div"),{key:0,id:e.unref(y),for:e.unref(b),class:e.normalizeClass(e.unref(u).e("label")),style:e.normalizeStyle(e.unref(P))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{label:e.unref(W)},()=>[e.createTextVNode(e.toDisplayString(e.unref(W)),1)])]),_:3},8,["id","for","class","style"])):e.createCommentVNode("",!0)]),_:3},8,["is-auto-width","update-all"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u).e("content")),style:e.normalizeStyle(e.unref(L))},[e.renderSlot(t.$slots,"default"),e.createVNode(e.TransitionGroup,{name:`${e.unref(u).namespace.value}-zoom-in-top`},{default:e.withCtx(()=>[e.unref(X)?e.renderSlot(t.$slots,"error",{key:0,error:c.value},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(U))},e.toDisplayString(c.value),3)]):e.createCommentVNode("",!0)]),_:3},8,["name"])],6)],10,ne)}}});exports.default=ae;

package/lib/components/form/form-label-wrap.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),L=require("@vueuse/core");require("@vft/utils");const w=require("../../utils/error.cjs");require("lodash");require("../../utils/ns-cover.cjs");const N=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const b=require("./constants.cjs"),p="VftLabelWrap",M=e.defineComponent({name:p,props:{isAutoWidth:Boolean,updateAll:Boolean},setup(d,{slots:i}){const r=e.inject(b.formContextKey,void 0),n=e.inject(b.formItemContextKey);n||w.throwError(p,"usage: <vft-form-item><label-wrap /></vft-form-item>");const v=N.useNamespace("form"),u=e.ref(),l=e.ref(0),W=()=>{var t;if((t=u.value)!=null&&t.firstElementChild){const a=window.getComputedStyle(u.value.firstElementChild).width;return Math.ceil(Number.parseFloat(a))}else return 0},s=(t="update")=>{e.nextTick(()=>{i.default&&d.isAutoWidth&&(t==="update"?l.value=W():t==="remove"&&(r==null||r.deregisterLabelWidth(l.value)))})},o=()=>s("update");return e.onMounted(()=>{o()}),e.onBeforeUnmount(()=>{s("remove")}),e.onUpdated(()=>o()),e.watch(l,(t,a)=>{d.updateAll&&(r==null||r.registerLabelWidth(t,a))}),L.useResizeObserver(e.computed(()=>{var t;return((t=u.value)==null?void 0:t.firstElementChild)??null}),o),()=>{var a,f;if(!i)return null;const{isAutoWidth:t}=d;if(t){const c=r==null?void 0:r.autoLabelWidth,g=n==null?void 0:n.hasLabel,h={};if(g&&c&&c!=="auto"){const m=Math.max(0,Number.parseInt(c,10)-l.value),q=r.labelPosition==="left"?"marginRight":"marginLeft";m&&(h[q]=`${m}px`)}return e.createVNode("div",{ref:u,class:[v.be("item","label-wrap")],style:h},[(a=i.default)==null?void 0:a.call(i)])}else return e.createVNode(e.Fragment,{ref:u},[(f=i.default)==null?void 0:f.call(i)])}}});exports.default=M;

package/lib/components/form/form.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),E=require("@vft/utils"),d=require("../../utils/error.cjs");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const O=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const S=require("./hooks/use-form-common-props.cjs"),V=require("./constants.cjs"),u=require("./utils.cjs"),l=O.useNamespace("form"),W=r.defineComponent({name:l.b()}),j=r.defineComponent({...W,props:{size:null,disabled:{type:Boolean},model:null,rules:null,labelPosition:{default:"right"},requireAsteriskPosition:{default:"left"},labelWidth:{default:""},labelSuffix:{default:""},inline:{type:Boolean},inlineMessage:{type:Boolean},statusIcon:{type:Boolean},showMessage:{type:Boolean,default:!0},validateOnRuleChange:{type:Boolean,default:!0},hideRequiredAsterisk:{type:Boolean,default:!1},scrollToError:{type:Boolean}},emits:["validate"],setup(n,{expose:q,emit:v}){const s=[],p=S.useFormSize(),y=r.computed(()=>[l.b(),l.m(p.value||"default"),{[l.m(`label-${n.labelPosition}`)]:n.labelPosition,[l.m("inline")]:n.inline}]),g=e=>{s.push(e)},b=e=>{e.prop&&s.splice(s.indexOf(e),1)},c=(e=[])=>{if(!n.model){d.debugWarn(l.b(),"model is required for resetFields to work.");return}u.filterFields(s,e).forEach(t=>t.resetField())},m=(e=[])=>{u.filterFields(s,e).forEach(t=>t.clearValidate())},B=r.computed(()=>{const e=!!n.model;return e||d.debugWarn(l.b(),"model is required for validate to work."),e}),w=e=>{if(s.length===0)return[];const t=u.filterFields(s,e);return t.length?t:(d.debugWarn(l.b(),"please pass correct props!"),[])},h=async e=>f(void 0,e),C=async(e=[])=>{if(!B.value)return!1;const t=w(e);if(t.length===0)return!0;let i={};for(const o of t)try{await o.validate("")}catch(a){i={...i,...a}}return Object.keys(i).length===0?!0:Promise.reject(i)},f=async(e=[],t)=>{const i=!E.isFunction(t);try{const o=await C(e);return o===!0&&(t==null||t(o)),o}catch(o){if(o instanceof Error)throw o;const a=o;return n.scrollToError&&F(Object.keys(a)[0]),t==null||t(!1,a),i&&Promise.reject(a)}},F=e=>{var i;const t=u.filterFields(s,e)[0];t&&((i=t.$el)==null||i.scrollIntoView())};r.watch(()=>n.rules,()=>{n.validateOnRuleChange&&h().catch(e=>d.debugWarn(e))},{deep:!0});const P=r.getCurrentInstance();return r.provide(V.formContextKey,r.reactive({...P.props,emit:v,resetFields:c,clearValidate:m,validateField:f,addField:g,removeField:b,...u.useFormLabelWidth()})),q({validate:h,validateField:f,resetFields:c,clearValidate:m,scrollToField:F}),(e,t)=>(r.openBlock(),r.createElementBlock("form",{class:r.normalizeClass(r.unref(y))},[r.renderSlot(e.$slots,"default")],2))}});exports.default=j;

package/lib/components/form/hooks/use-form-common-props.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("../../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("lodash");require("../../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");const n=require("../../../hooks/use-prop/index.cjs"),q=require("../../../hooks/use-size/index.cjs");require("@vue/reactivity");require("@vue/shared");const u=require("../constants.cjs"),c=(r,s={})=>{const i=e.ref(void 0),l=s.prop?i:n.useProp("size"),a=s.global?i:q.useGlobalSize(),o=s.form?{size:void 0}:e.inject(u.formContextKey,void 0),t=s.formItem?{size:void 0}:e.inject(u.formItemContextKey,void 0);return e.computed(()=>l.value||e.unref(r)||(t==null?void 0:t.size)||(o==null?void 0:o.size)||a.value||"")},d=r=>{const s=n.useProp("disabled"),i=e.inject(u.formContextKey,void 0);return e.computed(()=>s.value||e.unref(r)||(i==null?void 0:i.disabled)||!1)},b=c,m=d;exports.useDisabled=m;exports.useFormDisabled=d;exports.useFormSize=c;exports.useSize=b;

package/lib/components/form/hooks/use-form-item.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue");require("../../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("lodash");require("../../../hooks/use-z-index/index.cjs");const o=require("../../../hooks/use-id/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const l=require("../constants.cjs"),y=()=>{const c=r.inject(l.formContextKey,void 0),u=r.inject(l.formItemContextKey,void 0);return{form:c,formItem:u}},F=(c,{formItemContext:u,disableIdGeneration:q,disableIdManagement:i})=>{q||(q=r.ref(!1)),i||(i=r.ref(!1));const e=r.ref();let d;const n=r.computed(()=>{var v;return!!(!c.label&&u&&u.inputIds&&((v=u.inputIds)==null?void 0:v.length)<=1)});return r.onMounted(()=>{d=r.watch([r.toRef(c,"id"),q],([v,p])=>{const s=v??(p?void 0:o.useId().value);s!==e.value&&(u!=null&&u.removeInputId&&(e.value&&u.removeInputId(e.value),!(i!=null&&i.value)&&!p&&s&&u.addInputId(s)),e.value=s)},{immediate:!0})}),r.onUnmounted(()=>{d&&d(),u!=null&&u.removeInputId&&e.value&&u.removeInputId(e.value)}),{isLabeledByFormItem:n,inputId:e}};exports.useFormItem=y;exports.useFormItemInputId=F;

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

@@ -163,7 +163,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
             required: false;
         };
         validateStatus: {
-            type: import("vue").PropType<string | undefined>;
+            type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
             required: false;
         };
         inlineMessage: {
@@ -219,7 +219,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
             required: false;
         };
         validateStatus: {
-            type: import("vue").PropType<string | undefined>;
+            type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
             required: false;
         };
         inlineMessage: {
@@ -276,7 +276,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<import("
         required: false;
     };
     validateStatus: {
-        type: import("vue").PropType<string | undefined>;
+        type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
         required: false;
     };
     inlineMessage: {
@@ -332,7 +332,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<import("
         required: false;
     };
     validateStatus: {
-        type: import("vue").PropType<string | undefined>;
+        type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
         required: false;
     };
     inlineMessage: {

package/lib/components/full-screen/full-screen.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/use"),t=require("../icon/index.cjs"),c=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 i=c.useNamespace("full-screen"),l=e.defineComponent({name:i.b()}),a=e.defineComponent({...l,setup(f){const{toggle:r,isFullscreen:n}=s.useFullscreen();return(d,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(i).b(),"cursor-pointer"]),onClick:u[0]||(u[0]=(...o)=>e.unref(r)&&e.unref(r)(...o))},[e.createVNode(e.unref(t.VftIcon),{icon:e.unref(n)?"ico-radix-icons:exit-full-screen":"ico-radix-icons:enter-full-screen"},null,8,["icon"]),e.createElementVNode("span",null,e.toDisplayString(e.unref(n)?"退出全屏":"全屏"),1)],2))}});exports.default=a;

package/lib/components/header-layout/header-layout.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=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 s=require("../logo/index.cjs"),r=n.useNamespace("header-layout"),u=e.defineComponent({name:r.b()}),a=e.defineComponent({...u,props:{logoCfg:null},setup(t){const l=e.computed(()=>[r.b(),{[`${r.m("fixed")}`]:!0}]);return(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("top"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("left"))},[e.createVNode(e.unref(s.VftLogo),e.normalizeProps(e.guardReactiveProps(t.logoCfg)),null,16),e.renderSlot(o.$slots,"left")],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("right"))},[e.renderSlot(o.$slots,"default")],2)],2),e.renderSlot(o.$slots,"bottom")],2))}});exports.default=a;

package/lib/components/icon/icon.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/utils"),u=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");require("../config-provider/index.cjs");const a=require("../config-provider/hooks/use-global-config.cjs"),d=["src"],o=u.useNamespace("icon"),f=e.defineComponent({name:o.b()}),m=e.defineComponent({...f,props:{icon:null,size:{default:14},color:null,rotate:{type:Boolean},rotateSpeed:{default:2},cursor:{type:Boolean},scale:null},setup(t){const l=a.useGlobalConfig(),i=e.computed(()=>({color:t.color,fontSize:t.size?s.addUnit(t.size):"14px",animation:t.rotate?`${l.value.namespace}-rotate ${t.rotateSpeed}s linear 0s infinite`:void 0,cursor:t.cursor?"pointer":void 0,transform:t.scale?`scale(${t.scale})`:void 0})),r=n=>n==null?void 0:n.includes("/"),c=e.computed(()=>r(t.icon));return(n,q)=>e.unref(c)?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(o).e("image")),src:t.icon,alt:""},null,10,d)):(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass([t.icon]),style:e.normalizeStyle(e.unref(i))},null,6))}});exports.default=m;

package/lib/components/icon-text/icon-text.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@vft/utils");require("lodash");require("@vueuse/core");const d=require("../../utils/ns-cover.cjs"),c=require("../icon/index.cjs"),m=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const i=m.useNamespace("icon-text"),f=e.defineComponent({name:i.b()}),v=e.defineComponent({...f,props:{text:null,icon:null,color:{default:"#434343"},hoverColor:null,distance:null,reverse:{type:Boolean},size:null},emits:["click"],setup(t,{emit:u}){const s=e.computed(()=>t.hoverColor?t.hoverColor:t.color),r=e.computed(()=>n.singleAttrToObj(t.icon,"icon",{size:t.size,color:t.color})),o=e.computed(()=>t.reverse?{marginLeft:n.addUnit(t.distance)}:{marginRight:n.addUnit(t.distance)}),a=e.computed(()=>d.generateCssVars({"hover-color":s.value,color:t.color,fontSize:n.addUnit(t.size)},"icon-text"));return(y,l)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(i).b()),onClick:l[0]||(l[0]=C=>u("click")),style:e.normalizeStyle(e.unref(a))},[t.reverse?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(c.VftIcon),e.mergeProps({key:0},e.unref(r),{style:e.unref(o)}),null,16,["style"])),e.createTextVNode(" "+e.toDisplayString(t.text)+" ",1),t.reverse?(e.openBlock(),e.createBlock(e.unref(c.VftIcon),e.mergeProps({key:1},e.unref(r),{style:e.unref(o)}),null,16,["style"])):e.createCommentVNode("",!0)],6))}});exports.default=v;

package/lib/components/iframe-layout/iframe-layout.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=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 c=require("./iframe-page.vue2.cjs"),l=require("vue-router"),s=o.useNamespace("iframe-layout"),i=e.defineComponent({name:s.b()}),f=e.defineComponent({...i,props:{iframePages:null},setup(u){const n=l.useRouter();function a(t){return t.fullPath===e.unref(n.currentRoute).fullPath}return(t,m)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.iframePages,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.query?r.fullPath:r.path},[r.meta.frameSrc?e.withDirectives((e.openBlock(),e.createBlock(c.default,{key:0,frameSrc:r.meta.frameSrc},null,8,["frameSrc"])),[[e.vShow,a(r)]]):e.createCommentVNode("",!0)],64))),128))}});exports.default=f;

package/lib/components/iframe-layout/iframe-page.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=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 t=["src"],r=n.useNamespace("iframe-page"),s=e.defineComponent({name:r.b()}),i=e.defineComponent({...s,props:{frameSrc:{default:""}},setup(u){return(c,o)=>(e.openBlock(),e.createElementBlock("iframe",{class:e.normalizeClass(e.unref(r).b()),src:u.frameSrc},null,10,t))}});exports.default=i;

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

@@ -1,5 +1,19 @@
 import type { PropType as __PropType } from 'vue';
 import type { ImgFitType } from './types';
+export interface ImageProps {
+    hideOnClickModal?: boolean;
+    src?: string;
+    fit?: ImgFitType;
+    loading?: 'eager' | 'lazy';
+    lazy?: boolean;
+    scrollContainer?: string | HTMLElement;
+    previewSrcList?: string[];
+    previewTeleported?: boolean;
+    zIndex?: number;
+    initialIndex?: number;
+    infinite?: boolean;
+    closeOnPressEscape?: boolean;
+}
 declare const _sfc_main: import("vue").DefineComponent<{
     hideOnClickModal: {
         type: __PropType<boolean | undefined>;
@@ -49,7 +63,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean | undefined>;
         required: false;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show" | "close" | "error" | "load" | "switch")[], "show" | "close" | "error" | "load" | "switch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "switch" | "show" | "error" | "load")[], "close" | "switch" | "show" | "error" | "load", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     hideOnClickModal: {
         type: __PropType<boolean | undefined>;
         required: false;
@@ -99,10 +113,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
 }>> & {
-    onShow?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onSwitch?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
     onLoad?: ((...args: any[]) => any) | undefined;
-    onSwitch?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

package/lib/components/image/image.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@vueuse/core"),A=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const f=require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const O=require("@vft/use"),$=require("../image-viewer/index.cjs"),H=["src","loading"],P={key:0},o=A.useNamespace("image"),F=e.defineComponent({inheritAttrs:!1,name:o.b()}),j=e.defineComponent({...F,props:{hideOnClickModal:{type:Boolean,default:!1},src:{default:""},fit:{default:""},loading:null,lazy:{type:Boolean},scrollContainer:null,previewSrcList:{default:[]},previewTeleported:{type:Boolean,default:!1},zIndex:null,initialIndex:{default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0}},emits:["load","error","switch","close","show"],setup(t,{emit:s}){let C="";const B=e.useAttrs(),S=O.useAttrs(),v=e.ref(),a=e.ref(!1),i=e.ref(!0),m=e.ref(!1),u=e.ref(),n=e.ref(),E=r.isClient&&"loading"in HTMLImageElement.prototype;let c,d;const q=e.computed(()=>B.style),V=e.computed(()=>r.isClient&&t.fit?{objectFit:t.fit}:{}),y=e.computed(()=>Array.isArray(t.previewSrcList)&&t.previewSrcList.length>0),I=e.computed(()=>{let l=t.initialIndex;return t.initialIndex>t.previewSrcList.length-1&&(l=0),l}),h=e.computed(()=>t.loading==="eager"?!1:!E&&t.loading==="lazy"||t.lazy),w=()=>{r.isClient&&(i.value=!0,a.value=!1,v.value=t.src)};function x(l){i.value=!1,a.value=!1,s("load",l)}function N(l){i.value=!1,a.value=!0,s("error",l)}function g(){f.isInContainer(u.value,n.value)&&(w(),z())}const k=r.useThrottleFn(g,200);async function L(){r.isClient&&(await e.nextTick(),f.isElement(t.scrollContainer)?n.value=t.scrollContainer:f.isString(t.scrollContainer)&&t.scrollContainer!==""?n.value=document.querySelector(t.scrollContainer)??void 0:u.value&&(n.value=f.getScrollContainer(u.value)),n.value&&(c=r.useEventListener(n,"scroll",k),setTimeout(()=>g(),100)))}function z(){!r.isClient||!n.value||!k||(c==null||c(),n.value=void 0)}function b(l){if(l.ctrlKey){if(l.deltaY<0)return l.preventDefault(),!1;if(l.deltaY>0)return l.preventDefault(),!1}}function p(){y.value&&(d=r.useEventListener("wheel",b,{passive:!1}),C=document.body.style.overflow,document.body.style.overflow="hidden",m.value=!0,s("show"))}function M(){d==null||d(),document.body.style.overflow=C,m.value=!1,s("close")}function T(l){s("switch",l)}return e.watch(()=>t.src,()=>{h.value?(i.value=!0,a.value=!1,z(),L()):w()}),e.onMounted(()=>{h.value?L():w()}),(l,D)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:u,class:e.normalizeClass([e.unref(o).b(),l.$attrs.class]),style:e.normalizeStyle(e.unref(q))},[v.value!==void 0&&!a.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0},e.unref(S),{src:v.value,loading:t.loading,style:e.unref(V),class:[e.unref(o).e("inner"),e.unref(y)&&e.unref(o).e("preview"),i.value&&e.unref(o).is("loading")],onClick:p,onLoad:x,onError:N,alt:""}),null,16,H)):e.createCommentVNode("",!0),i.value||a.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).e("wrapper"))},[i.value?e.renderSlot(l.$slots,"placeholder",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("placeholder"))},null,2)]):a.value?e.renderSlot(l.$slots,"error",{key:1},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("error"))},"加载失败",2)]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.unref(y)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[m.value?(e.openBlock(),e.createBlock(e.unref($.VftImageViewer),{key:0,"z-index":t.zIndex,"initial-index":e.unref(I),infinite:t.infinite,"zoom-rate":l.zoomRate,"url-list":t.previewSrcList,"hide-on-click-modal":t.hideOnClickModal,teleported:t.previewTeleported,"close-on-press-escape":t.closeOnPressEscape,onClose:M,onSwitch:T},{default:e.withCtx(()=>[l.$slots.viewer?(e.openBlock(),e.createElementBlock("div",P,[e.renderSlot(l.$slots,"viewer")])):e.createCommentVNode("",!0)]),_:3},8,["z-index","initial-index","infinite","zoom-rate","url-list","hide-on-click-modal","teleported","close-on-press-escape"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],6))}});exports.default=j;

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

@@ -47,7 +47,7 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<import("vue
         type: import("vue").PropType<boolean | undefined>;
         required: false;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show" | "close" | "error" | "load" | "switch")[], "show" | "close" | "error" | "load" | "switch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "switch" | "show" | "error" | "load")[], "close" | "switch" | "show" | "error" | "load", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     hideOnClickModal: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
@@ -97,11 +97,12 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<import("vue
         required: false;
     };
 }>> & {
-    onShow?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onSwitch?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
     onLoad?: ((...args: any[]) => any) | undefined;
-    onSwitch?: ((...args: any[]) => any) | undefined;
 }, {}>> & Record<string, any>;
 export default VftImage;
 export * from './types';
+export { type ImageProps } from './image.vue';

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

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

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

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

package/lib/components/image-viewer/image-viewer.vue.cjs

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

package/lib/components/image-viewer/image-viewer.vue.d.ts

@@ -0,0 +1,88 @@
+import type { PropType as __PropType } from 'vue';
+export interface ImageViewerProps {
+    urlList?: string[];
+    zIndex?: number;
+    initialIndex?: number;
+    infinite?: boolean;
+    hideOnClickModal?: boolean;
+    teleported?: boolean;
+    closeOnPressEscape?: boolean;
+    zoomRate?: number;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    urlList: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    initialIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    infinite: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    hideOnClickModal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    zoomRate: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}, {
+    /** @description manually switch image */
+    setActiveItem: (index: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => true;
+    switch: (index: number) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    urlList: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    initialIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    infinite: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    hideOnClickModal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    zoomRate: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: (() => any) | undefined;
+    onSwitch?: ((index: number) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/lib/components/image-viewer/image-viewer.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("@vueuse/core"),C=require("lodash"),H=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");const P=require("../../hooks/use-z-index/index.cjs");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const E=require("@vft/constants"),f=require("../icon/index.cjs"),Z=["src"],r=H.useNamespace("image-viewer"),A=e.defineComponent({name:r.b()}),j=e.defineComponent({...A,props:{urlList:{default:[]},zIndex:null,initialIndex:{default:0},infinite:{type:Boolean,default:!0},hideOnClickModal:{type:Boolean,default:!1},teleported:{type:Boolean,default:!1},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{default:1.2}},emits:{close:()=>!0,switch:o=>k.isNumber(o)},setup(o,{expose:O,emit:N}){const{nextZIndex:q}=P.useZIndex(),g=e.ref(),p=e.ref([]),w=e.effectScope(),m=e.ref(!0),u=e.ref(o.initialIndex),s=e.ref({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),B=e.computed(()=>o.urlList.length<=1),h=e.computed(()=>u.value===0),I=e.computed(()=>u.value===o.urlList.length-1),D=e.computed(()=>o.urlList[u.value]),$=e.computed(()=>{const{scale:t,deg:n,offsetX:a,offsetY:l,enableTransition:b}=s.value;let i=a/t,c=l/t;switch(n%360){case 90:case-270:[i,c]=[c,-i];break;case 180:case-180:[i,c]=[-i,-c];break;case 270:case-90:[i,c]=[-c,i];break}const v={transform:`scale(${t}) rotate(${n}deg) translate(${i}px, ${c}px)`,transition:b?"transform .3s":""};return v.maxWidth=v.maxHeight="100%",v}),M=e.computed(()=>k.isNumber(o.zIndex)?o.zIndex:q());function V(){Y(),N("close")}function X(){const t=C.throttle(a=>{switch(a.code){case E.EVENT_CODE.esc:o.closeOnPressEscape&&V();break;case E.EVENT_CODE.space:T();break;case E.EVENT_CODE.left:y();break;case E.EVENT_CODE.up:d("zoomIn");break;case E.EVENT_CODE.right:L();break;case E.EVENT_CODE.down:d("zoomOut");break}}),n=C.throttle(a=>{const l=a.deltaY||a.deltaX;d(l<0?"zoomIn":"zoomOut",{zoomRate:o.zoomRate,enableTransition:!1})});w.run(()=>{k.useEventListener(document,"keydown",t),k.useEventListener(document,"wheel",n)})}function Y(){w.stop()}function S(){m.value=!1}function F(t){m.value=!1,t.target.alt="加载失败"}function R(t){if(m.value||t.button!==0||!g.value)return;s.value.enableTransition=!1;const{offsetX:n,offsetY:a}=s.value,l=t.pageX,b=t.pageY,i=C.throttle(v=>{s.value={...s.value,offsetX:n+v.pageX-l,offsetY:a+v.pageY-b}}),c=k.useEventListener(document,"mousemove",i);k.useEventListener(document,"mouseup",()=>{c()}),t.preventDefault()}function x(){s.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function T(){m.value||x()}function z(t){const n=o.urlList.length;u.value=(t+n)%n}function y(){h.value&&!o.infinite||z(u.value-1)}function L(){I.value&&!o.infinite||z(u.value+1)}function d(t,n={}){if(m.value)return;const{rotateDeg:a,enableTransition:l}={rotateDeg:90,enableTransition:!0,...n};switch(t){case"zoomOut":s.value.scale>.2&&(s.value.scale=Number.parseFloat((s.value.scale/o.zoomRate).toFixed(3)));break;case"zoomIn":s.value.scale<7&&(s.value.scale=Number.parseFloat((s.value.scale*o.zoomRate).toFixed(3)));break;case"clockwise":s.value.deg+=a;break;case"anticlockwise":s.value.deg-=a;break}s.value.enableTransition=l}return e.watch(D,()=>{e.nextTick(()=>{const t=p.value[0];t!=null&&t.complete||(m.value=!0)})}),e.watch(u,t=>{x(),N("switch",t)}),e.onMounted(()=>{var t,n;X(),(n=(t=g.value)==null?void 0:t.focus)==null||n.call(t)}),O({setActiveItem:z}),(t,n)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body",disabled:!o.teleported},[e.createVNode(e.Transition,{name:"viewer-fade",appear:""},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"wrapper",ref:g,tabindex:-1,class:e.normalizeClass(e.unref(r).e("wrapper")),style:e.normalizeStyle({zIndex:e.unref(M)})},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("mask")),onClick:n[0]||(n[0]=e.withModifiers(a=>o.hideOnClickModal&&V(),["self"]))},null,2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(r).e("btn"),e.unref(r).e("close")]),onClick:V},[e.createVNode(e.unref(f.VftIcon),{icon:"ico-ep:close"})],2),e.unref(B)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(r).e("btn"),e.unref(r).e("prev"),e.unref(r).is("disabled",!o.infinite&&e.unref(h))]),onClick:y},[e.createVNode(e.unref(f.VftIcon),{icon:"ico-ep:arrow-left"})],2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(r).e("btn"),e.unref(r).e("next"),e.unref(r).is("disabled",!o.infinite&&e.unref(I))]),onClick:L},[e.createVNode(e.unref(f.VftIcon),{icon:"ico-ep:arrow-right"})],2)],64)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(r).e("btn"),e.unref(r).e("actions")])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("actions__inner"))},[e.createVNode(e.unref(f.VftIcon),{icon:"ico-ep:zoom-out",onClick:n[1]||(n[1]=a=>d("zoomOut"))}),e.createVNode(e.unref(f.VftIcon),{icon:"ico-ep:zoom-in",onClick:n[2]||(n[2]=a=>d("zoomIn"))}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(r).e("actions__divider"))},null,2),e.createVNode(e.unref(f.VftIcon),{icon:"ico-ep:scale-to-original",onClick:T}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(r).e("actions__divider"))},null,2),e.createVNode(e.unref(f.VftIcon),{icon:"ico-ep:refresh-left",onClick:n[3]||(n[3]=a=>d("anticlockwise"))}),e.createVNode(e.unref(f.VftIcon),{icon:"ico-ep:refresh-right",onClick:n[4]||(n[4]=a=>d("clockwise"))})],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("canvas"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.urlList,(a,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("img",{ref_for:!0,ref:b=>p.value[l]=b,key:a,src:a,style:e.normalizeStyle(e.unref($)),class:e.normalizeClass(e.unref(r).e("img")),onLoad:S,onError:F,onMousedown:R},null,46,Z)),[[e.vShow,l===u.value]])),128))],2),e.renderSlot(t.$slots,"default")],6)]),_:3})],8,["disabled"]))}});exports.default=j;

package/lib/components/image-viewer/index.cjs

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

package/lib/components/image-viewer/index.d.ts

@@ -0,0 +1,77 @@
+export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    urlList: {
+        type: import("vue").PropType<string[] | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    initialIndex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    infinite: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    hideOnClickModal: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    zoomRate: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+}, {
+    setActiveItem: (index: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => true;
+    switch: (index: number) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    urlList: {
+        type: import("vue").PropType<string[] | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    initialIndex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    infinite: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    hideOnClickModal: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    zoomRate: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: (() => any) | undefined;
+    onSwitch?: ((index: number) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default VftImageViewer;
+export * from './types';

package/lib/components/image-viewer/style/css.cjs

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

package/lib/components/image-viewer/style/index.cjs

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

package/lib/components/image-viewer/types.d.ts

@@ -0,0 +1 @@
+export type ImageViewerAction = 'zoomIn' | 'zoomOut' | 'clockwise' | 'anticlockwise';

package/lib/components/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("./divider/index.cjs"),a=require("./icon/index.cjs"),M=require("./avatar/index.cjs"),P=require("./empty/index.cjs"),T=require("./result/index.cjs"),c=require("./tabs/index.cjs"),v=require("./popper/index.cjs"),D=require("./collapse-transition/index.cjs"),S=require("./tooltip/index.cjs"),G=require("./popover/index.cjs"),e=require("./menu/index.cjs"),d=require("./context-menu/createContextMenu.cjs"),L=require("./context-menu/useContextMenu.cjs"),_=require("./multiple-tabs/index.cjs"),K=require("./header-layout/index.cjs"),w=require("./footer-layout/index.cjs"),z=require("./iframe-layout/index.cjs"),F=require("./router-view-content/index.cjs"),h=require("./logo/index.cjs"),k=require("./back-top/index.cjs"),R=require("./config-provider/index.cjs"),V=require("./descriptions/index.cjs"),B=require("./full-screen/index.cjs"),E=require("./icon-text/index.cjs"),A=require("./image/index.cjs"),O=require("./input/index.cjs"),N=require("./link/index.cjs"),j=require("./pagination/index.cjs"),W=require("./tag/index.cjs"),H=require("./side-menu/index.cjs"),J=require("./qrcode/index.cjs"),Q=require("./overlay/index.cjs"),Y=require("./clamp/index.cjs"),U=require("./clamp-toggle/index.cjs"),X=require("./page-wrapper/index.cjs"),Z=require("./exception/index.cjs"),ee=require("./search/index.cjs"),l=require("./form/index.cjs"),p=require("./button/index.cjs"),r=require("./checkbox/index.cjs"),n=require("./radio/index.cjs"),te=require("./switch/index.cjs"),oe=require("./color-picker/index.cjs"),re=require("./scrollbar/index.cjs"),i=require("./dropdown/index.cjs"),ne=require("./virtual-list/components/fixed-size-list.cjs"),ie=require("./virtual-list/components/dynamic-size-list.cjs"),se=require("./virtual-list/components/fixed-size-grid.cjs"),ue=require("./virtual-list/components/dynamic-size-grid.cjs"),t=require("./virtual-list/props.cjs"),fe=require("./select-v2/index.cjs"),ae=require("./verify-code/index.cjs"),ce=require("./table/index.cjs"),de=require("./image-viewer/index.cjs"),Ve=require("./md-container/index.cjs"),le=require("./md-comment/index.cjs"),pe=require("./md-tabs/index.cjs"),xe=require("./md-vue-playground/index.cjs"),qe=require("./md-code-demo/index.cjs"),me=require("./md-code-tabs/index.cjs"),x=require("./message/index.cjs"),Ce=require("./loading/index.cjs"),ge=require("./empty/constants.cjs"),$e=require("./tabs/types.cjs"),ye=require("./popper/arrow.vue2.cjs"),be=require("./popper/trigger.vue2.cjs"),Ie=require("./popper/content.vue2.cjs"),Me=require("./multiple-tabs/use/use-tab-dropdown.cjs"),q=require("./multiple-tabs/use/use-multiple-tabs.cjs"),m=require("./config-provider/constants.cjs"),s=require("./config-provider/hooks/use-global-config.cjs"),C=require("./pagination/usePagination.cjs"),Pe=require("./form/types.cjs"),g=require("./form/constants.cjs"),o=require("./form/hooks/use-form-common-props.cjs"),$=require("./form/hooks/use-form-item.cjs"),Te=require("./button/constants.cjs"),ve=require("./checkbox/constants.cjs"),De=require("./radio/constants.cjs"),u=require("./scrollbar/util.cjs"),Se=require("./scrollbar/constants.cjs"),Ge=require("./dropdown/tokens.cjs"),y=require("./dropdown/types.cjs"),Le=require("./slot/only-child.cjs"),_e=require("./dropdown/dropdown-item-impl.vue.cjs"),Ke=require("./select-v2/token.cjs"),b=require("./message/types.cjs"),f=require("./loading/directive.cjs"),we=require("./loading/service.cjs");exports.VftDivider=I.VftDivider;exports.Icon=a.VftIcon;exports.VftIcon=a.VftIcon;exports.VftAvatar=M.VftAvatar;exports.VftEmpty=P.VftEmpty;exports.VftResult=T.VftResult;exports.VftTabPane=c.VftTabPane;exports.VftTabs=c.VftTabs;exports.VftPopper=v.VftPopper;exports.VftCollapseTransition=D.VftCollapseTransition;exports.VftTooltip=S.VftTooltip;exports.VftPopover=G.VftPopover;exports.VftMenu=e.VftMenu;exports.VftMenuItem=e.VftMenuItem;exports.VftMenuItemGroup=e.VftMenuItemGroup;exports.VftSubMenu=e.VftSubMenu;exports.createContextMenu=d.createContextMenu;exports.destroyContextMenu=d.destroyContextMenu;exports.useContextMenu=L.useContextMenu;exports.VftMultipleTabs=_.VftMultipleTabs;exports.VftHeaderLayout=K.VftHeaderLayout;exports.VftFooterLayout=w.VftFooterLayout;exports.VftIframeLayout=z.VftIframeLayout;exports.VftRouterViewContent=F.VftRouterViewContent;exports.VftLogo=h.VftLogo;exports.VftBackTop=k.VftBackTop;exports.VftConfigProvider=R.VftConfigProvider;exports.VftDescriptions=V.VftDescriptions;exports.VftDescriptionsItem=V.VftDescriptionsItem;exports.VftFullScreen=B.VftFullScreen;exports.VftIconText=E.VftIconText;exports.VftImage=A.VftImage;exports.VftInput=O.VftInput;exports.VftLink=N.VftLink;exports.VftPagination=j.VftPagination;exports.VftTag=W.VftTag;exports.VftSideMenu=H.VftSideMenu;exports.VftQrcode=J.VftQrcode;exports.VftOverlay=Q.VftOverlay;exports.VftClamp=Y.VftClamp;exports.VftClampToggle=U.VftClampToggle;exports.VftPageWrapper=X.VftPageWrapper;exports.VftException=Z.VftException;exports.VftSearch=ee.VftSearch;exports.VftForm=l.VftForm;exports.VftFormItem=l.VftFormItem;exports.VftButton=p.VftButton;exports.VftButtonGroup=p.VftButtonGroup;exports.VftCheckbox=r.VftCheckbox;exports.VftCheckboxButton=r.VftCheckboxButton;exports.VftCheckboxGroup=r.VftCheckboxGroup;exports.VftRadio=n.VftRadio;exports.VftRadioButton=n.VftRadioButton;exports.VftRadioGroup=n.VftRadioGroup;exports.VftSwitch=te.VftSwitch;exports.VftColorPicker=oe.VftColorPicker;exports.VftScrollbar=re.VftScrollbar;exports.VftDropdown=i.VftDropdown;exports.VftDropdownItem=i.VftDropdownItem;exports.VftDropdownMenu=i.VftDropdownMenu;exports.FixedSizeList=ne.default;exports.DynamicSizeList=ie.default;exports.FixedSizeGrid=se.default;exports.DynamicSizeGrid=ue.default;exports.virtualizedGridProps=t.virtualizedGridProps;exports.virtualizedListProps=t.virtualizedListProps;exports.virtualizedProps=t.virtualizedProps;exports.virtualizedScrollbarProps=t.virtualizedScrollbarProps;exports.VftSelectV2=fe.VftSelectV2;exports.VftVerifyCode=ae.VftVerifyCode;exports.VftTable=ce.VftTable;exports.VftImageViewer=de.VftImageViewer;exports.VftMdContainer=Ve.VftMdContainer;exports.VftMdComment=le.VftMdComment;exports.VftMdTabs=pe.VftMdTabs;exports.VftMdVuePlayground=xe.VftMdVuePlayground;exports.VftMdCodeDemo=qe.VftMdCodeDemo;exports.VftMdCodeTabs=me.VftMdCodeTabs;exports.Message=x.VftMessage;exports.VftMessage=x.VftMessage;exports.VftLoading=Ce.VftLoading;exports.EmptyEnum=ge.EmptyEnum;exports.TabsRootContextKey=$e.TabsRootContextKey;exports.VftPopperArrow=ye.default;exports.VftPopperTrigger=be.default;exports.VftPopperContent=Ie.default;exports.useTabDropdown=Me.useTabDropdown;exports.initAffixTabs=q.initAffixTabs;exports.useTabsDrag=q.useTabsDrag;exports.configProviderContextKey=m.configProviderContextKey;exports.messageConfig=m.messageConfig;exports.provideGlobalConfig=s.provideGlobalConfig;exports.useGlobalComponentSettings=s.useGlobalComponentSettings;exports.useGlobalConfig=s.useGlobalConfig;exports.usePagination=C.usePagination;exports.vftPaginationKey=C.vftPaginationKey;exports.formItemValidateStates=Pe.formItemValidateStates;exports.formContextKey=g.formContextKey;exports.formItemContextKey=g.formItemContextKey;exports.useDisabled=o.useDisabled;exports.useFormDisabled=o.useFormDisabled;exports.useFormSize=o.useFormSize;exports.useSize=o.useSize;exports.useFormItem=$.useFormItem;exports.useFormItemInputId=$.useFormItemInputId;exports.buttonGroupContextKey=Te.buttonGroupContextKey;exports.checkboxGroupContextKey=ve.checkboxGroupContextKey;exports.radioGroupKey=De.radioGroupKey;exports.BAR_MAP=u.BAR_MAP;exports.GAP=u.GAP;exports.renderThumbStyle=u.renderThumbStyle;exports.scrollbarContextKey=Se.scrollbarContextKey;exports.DROPDOWN_INJECTION_KEY=Ge.DROPDOWN_INJECTION_KEY;exports.VftDropdownCollection=y.VftCollection;exports.VftDropdownCollectionItem=y.VftCollectionItem;exports.VftOnlyChild=Le.OnlyChild;exports.VftDropdownItemImpl=_e.default;exports.selectV2InjectionKey=Ke.selectV2InjectionKey;exports.messageDefaults=b.messageDefaults;exports.messageTypes=b.messageTypes;exports.VftLoadingDirective=f.vLoading;exports.createLoadingDirective=f.createLoadingDirective;exports.vLoading=f.vLoading;exports.VftLoadingService=we.Loading;

package/lib/components/index.d.ts

@@ -46,6 +46,7 @@ export * from './virtual-list';
 export * from './select-v2';
 export * from './verify-code';
 export * from './table';
+export * from './image-viewer';
 export * from './md-container';
 export * from './md-comment';
 export * from './md-tabs';

package/lib/components/input/input.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),M=require("@vft/constants"),Ee=require("@vft/use"),s=require("@vft/utils"),ee=require("@vueuse/core"),ne=require("../../hooks/use-namespace/index.cjs"),Be=require("../../hooks/use-cursor/index.cjs");require("@popperjs/core");const Ve=require("lodash");require("../../hooks/use-z-index/index.cjs");const A=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");require("../form/index.cjs");const k=require("../icon/index.cjs"),te=require("./utils.cjs"),oe=require("../form/hooks/use-form-item.cjs"),ae=require("../form/hooks/use-form-common-props.cjs"),ze=["role"],Se=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Ie=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],Ne=e.defineComponent({__name:"input",props:{id:null,size:{default:""},disabled:{type:Boolean},modelValue:null,type:{default:"text"},resize:null,autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{type:Function},parser:{type:Function},placeholder:null,form:null,readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:null,prefixIcon:null,clearIcon:null,containerRole:null,label:null,tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:null,focusWidth:null},emits:{[M.UPDATE_MODEL_EVENT]:n=>s.isString(n),input:n=>s.isString(n),change:n=>s.isString(n),suffixclick:n=>s.isString(n),focus:n=>n instanceof FocusEvent,blur:n=>n instanceof FocusEvent,clear:()=>!0,mouseleave:n=>n instanceof MouseEvent,mouseenter:n=>n instanceof MouseEvent,keydown:n=>n instanceof Event,compositionstart:n=>n instanceof CompositionEvent,compositionupdate:n=>n instanceof CompositionEvent,compositionend:n=>n instanceof CompositionEvent},setup(n,{expose:le,emit:l}){const y=e.useAttrs(),d=e.useSlots(),D=e.computed(()=>{const t={};return n.containerRole==="combobox"&&(t["aria-haspopup"]=y["aria-haspopup"],t["aria-owns"]=y["aria-owns"],t["aria-expanded"]=y["aria-expanded"]),t}),re=e.computed(()=>[n.type==="textarea"?R.b():o.b(),o.m(ce.value),o.is("disabled",m.value),o.is("exceed",me.value),o.is("focus",f.value),{[o.b("group")]:d.prepend||d.append,[o.bm("group","append")]:d.append,[o.bm("group","prepend")]:d.prepend,[o.m("prefix")]:d.prefix||n.prefixIcon,[o.m("suffix")]:d.suffix||n.suffixIcon||n.clearable||n.showPassword,[o.bm("suffix","password-clear")]:B.value&&q.value},y.class]),se=e.getCurrentInstance(),ue=e.computed(()=>[o.e("wrapper"),o.is("focus",f.value)]),u=Ee.useAttrs({excludeKeys:e.computed(()=>Object.keys(D.value))}),{form:S,formItem:r}=oe.useFormItem(),{inputId:O}=oe.useFormItemInputId(se.props,{formItemContext:r}),ce=ae.useFormSize(),m=ae.useFormDisabled(),o=ne.useNamespace("input"),R=ne.useNamespace("textarea"),C=e.shallowRef(),v=e.shallowRef(),f=e.ref(!1),I=e.ref(!1),h=e.ref(!1),w=e.ref(!1),$=e.ref(),N=e.shallowRef(n.inputStyle),x=e.computed(()=>C.value||v.value),P=e.computed(()=>s.singleAttrToObj(n.prefixIcon,"icon",{size:16})),K=e.computed(()=>s.singleAttrToObj(n.suffixIcon,"icon",{size:16})),ie=e.computed(()=>s.singleAttrToObj(n.clearIcon,"icon",{icon:"ico-ep:circle-close",size:16})),W=e.computed(()=>(S==null?void 0:S.statusIcon)??!1),E=e.computed(()=>(r==null?void 0:r.validateState)||""),j=e.computed(()=>E.value&&"vico-user"),de=e.computed(()=>w.value?{icon:"ico-ep:view",size:16}:{icon:"ico-ep:hide",size:16}),fe=e.computed(()=>[y.style,n.inputStyle,n.focusWidth&&f.value?{width:s.addUnit(n.focusWidth)}:{}]),L=e.computed(()=>[n.inputStyle,N.value,{resize:n.resize}]),i=e.computed(()=>Ve.isNil(n.modelValue)?"":String(n.modelValue)),B=e.computed(()=>n.clearable&&!m.value&&!n.readonly&&!!i.value&&(f.value||I.value)),q=e.computed(()=>n.showPassword&&!m.value&&!n.readonly&&!!i.value&&(!!i.value||f.value)),p=e.computed(()=>n.showWordLimit&&!!u.value.maxlength&&(n.type==="text"||n.type==="textarea")&&!m.value&&!n.readonly&&!n.showPassword),T=e.computed(()=>Array.from(i.value).length),me=e.computed(()=>!!p.value&&T.value>Number(u.value.maxlength)),ve=e.computed(()=>!!d.suffix||!!n.suffixIcon||B.value||n.showPassword||p.value||!!E.value&&W.value),[pe,ye]=Be.useCursor(C);ee.useResizeObserver(v,t=>{if(!p.value||n.resize!=="both")return;const a=t[0],{width:c}=a.contentRect;$.value={right:`calc(100% - ${c+15+6}px)`}});const V=()=>{if(!(!ee.isClient||n.type!=="textarea"))if(n.autosize){const t=s.isObject(n.autosize)?n.autosize.minRows:void 0,a=s.isObject(n.autosize)?n.autosize.maxRows:void 0;N.value={...te.calcTextareaHeight(v.value,t,a)}}else N.value={minHeight:te.calcTextareaHeight(v.value).minHeight}},b=()=>{const t=x.value;!t||t.value===i.value||(t.value=i.value)},F=async t=>{pe();let{value:a}=t.target;if(u.value.maxlength&&a.length>=u.value.maxlength&&(a=a.slice(0,Number(u.value.maxlength))),n.formatter&&(a=n.parser?n.parser(a):a,a=n.formatter(a)),!h.value){if(a===i.value){b();return}l(M.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),b(),ye()}},U=t=>{l("change",t.target.value)},he=()=>{l("suffixclick",n.modelValue)},H=t=>{l("compositionstart",t),h.value=!0},xe=t=>/([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi.test(t),G=t=>{var g;l("compositionupdate",t);const a=(g=t.target)==null?void 0:g.value,c=a[a.length-1]||"";h.value=!xe(c)},J=t=>{l("compositionend",t),h.value&&(h.value=!1,F(t))},be=()=>{w.value=!w.value,z()},z=async()=>{var t;await e.nextTick(),(t=x.value)==null||t.focus()},ge=()=>{var t;return(t=x.value)==null?void 0:t.blur()},Q=t=>{f.value=!0,l("focus",t)},X=t=>{var a;f.value=!1,l("blur",t),n.validateEvent&&((a=r==null?void 0:r.validate)==null||a.call(r,"blur").catch(c=>A.debugWarn(c)))},ke=t=>{I.value=!1,l("mouseleave",t)},Ce=t=>{I.value=!0,l("mouseenter",t)},Y=t=>{let a=t.key;if(t.target.type==="number"&&["e","+","-0","E"].includes(a))return t.returnValue=!1,!1;l("keydown",t)},we=()=>{var t;(t=x.value)==null||t.select()},Z=()=>{l(M.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>n.modelValue,()=>{var t;e.nextTick(()=>V()),n.validateEvent&&((t=r==null?void 0:r.validate)==null||t.call(r,"change").catch(a=>A.debugWarn(a)))}),e.watch(i,()=>b()),e.watch(()=>n.type,async()=>{await e.nextTick(),b(),V()}),e.onMounted(()=>{!n.formatter&&n.parser&&A.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),b(),e.nextTick(V)}),le({input:C,textarea:v,ref:x,textareaStyle:L,autosize:n.autosize,focus:z,blur:ge,select:we,clear:Z,resizeTextarea:V}),(t,a)=>{var c,g,_;return e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(e.unref(D),{class:e.unref(re),style:e.unref(fe),role:n.containerRole,onMouseenter:Ce,onMouseleave:ke}),[n.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("group","prepend"))},[e.renderSlot(t.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(ue))},[t.$slots.prefix||(c=e.unref(P))!=null&&c.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("prefix-inner")),onClick:z},[e.renderSlot(t.$slots,"prefix"),(g=e.unref(P))!=null&&g.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0},e.unref(P),{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(O),ref_key:"input",ref:C,class:e.unref(o).e("inner")},e.unref(u),{type:n.showPassword?w.value?"text":"password":n.type,disabled:e.unref(m),formatter:n.formatter,parser:n.parser,readonly:n.readonly,autocomplete:n.autocomplete,tabindex:n.tabindex,"aria-label":n.label,placeholder:n.placeholder,style:n.inputStyle,form:n.form,onCompositionstart:H,onCompositionupdate:G,onCompositionend:J,onInput:F,onFocus:Q,onBlur:X,onChange:U,onKeydown:Y}),null,16,Se),e.unref(ve)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("suffix-inner")),onClick:z},[!e.unref(B)||!e.unref(q)||!e.unref(p)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(t.$slots,"suffix"),(_=e.unref(K))!=null&&_.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0,onClick:he},e.unref(K),{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.unref(B)?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:1,class:[e.unref(o).e("icon"),e.unref(o).e("clear")]},e.unref(ie),{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:Z}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),e.unref(q)?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:2},e.unref(de),{class:[e.unref(o).e("icon"),e.unref(o).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),e.unref(p)?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(o).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("count-inner"))},e.toDisplayString(e.unref(T))+" / "+e.toDisplayString(e.unref(u).maxlength),3)],2)):e.createCommentVNode("",!0),e.unref(E)&&e.unref(j)&&e.unref(W)?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),{key:4,icon:e.unref(j),class:e.normalizeClass([e.unref(o).e("icon"),e.unref(o).e("validateIcon"),e.unref(o).is("loading",e.unref(E)==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),t.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("group","append"))},[e.renderSlot(t.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(O),ref_key:"textarea",ref:v,class:e.unref(R).e("inner")},e.unref(u),{tabindex:n.tabindex,disabled:e.unref(m),readonly:n.readonly,autocomplete:n.autocomplete,style:e.unref(L),"aria-label":n.label,placeholder:n.placeholder,form:n.form,onCompositionstart:H,onCompositionupdate:G,onCompositionend:J,onInput:F,onFocus:Q,onBlur:X,onChange:U,onKeydown:Y}),null,16,Ie),e.unref(p)?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle($.value),class:e.normalizeClass(e.unref(o).e("count"))},e.toDisplayString(e.unref(T))+" / "+e.toDisplayString(e.unref(u).maxlength),7)):e.createCommentVNode("",!0)],64))],16,ze)),[[e.vShow,n.type!=="hidden"]])}}});exports.default=Ne;

package/lib/components/link/link.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@vft/utils"),s=require("../icon/index.cjs"),d=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const f=require("@vft/router"),r=d.useNamespace("link"),m=e.defineComponent({name:r.b()}),k=e.defineComponent({...m,props:{type:{default:"default"},underline:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},route:null,isReplace:{type:Boolean},icon:null},emits:["click"],setup(n,{emit:o}){const{go:i}=f.useRouterHelper();function c(t){n.route&&i(n.route,n.isReplace),n.disabled||o("click",t)}const l=e.computed(()=>a.singleAttrToObj(n.icon,"icon"));return(t,q)=>{var u;return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([e.unref(r).b(),e.unref(r).m(n.type),e.unref(r).is("disabled",n.disabled),e.unref(r).is("underline",n.underline&&!n.disabled)]),onClick:c},[(u=e.unref(l))!=null&&u.icon?(e.openBlock(),e.createBlock(e.unref(s.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(l))),null,16)):e.createCommentVNode("",!0),t.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(r).e("inner"))},[e.renderSlot(t.$slots,"default")],2)):e.createCommentVNode("",!0)],2)}}});exports.default=k;