vft 0.0.239 → 0.0.240

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

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

package/lib/components/input/utils.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("@vft/utils");let t;const h=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@vft/utils");let t;const b=`
   height:0 !important;
   visibility:hidden !important;
   overflow:hidden !important;
@@ -6,4 +6,4 @@
   z-index:-1000 !important;
   top:0 !important;
   right:0 !important;
-`,u=["letter-spacing","line-height","padding-top","padding-bottom","font-family","font-weight","font-size","text-rendering","text-transform","width","text-indent","padding-left","padding-right","border-width","box-sizing"];function m(n){const e=window.getComputedStyle(n),l=e.getPropertyValue("box-sizing"),r=Number.parseFloat(e.getPropertyValue("padding-bottom"))+Number.parseFloat(e.getPropertyValue("padding-top")),a=Number.parseFloat(e.getPropertyValue("border-bottom-width"))+Number.parseFloat(e.getPropertyValue("border-top-width"));return{contextStyle:u.map(p=>`${p}:${e.getPropertyValue(p)}`).join(";"),paddingSize:r,borderSize:a,boxSizing:l}}function x(n,e=1,l){var c;t||(t=document.createElement("textarea"),document.body.appendChild(t));const{paddingSize:r,borderSize:a,boxSizing:d,contextStyle:p}=m(n);t.setAttribute("style",`${p};${h}`),t.value=n.value||n.placeholder||"";let i=t.scrollHeight;const g={};d==="border-box"?i=i+a:d==="content-box"&&(i=i-r),t.value="";const s=t.scrollHeight-r;if(b.isNumber(e)){let o=s*e;d==="border-box"&&(o=o+r+a),i=Math.max(o,i),g.minHeight=`${o}px`}if(b.isNumber(l)){let o=s*l;d==="border-box"&&(o=o+r+a),i=Math.min(o,i)}return g.height=`${i}px`,(c=t.parentNode)==null||c.removeChild(t),t=void 0,g}exports.calcTextareaHeight=x;
+`,h=["letter-spacing","line-height","padding-top","padding-bottom","font-family","font-weight","font-size","text-rendering","text-transform","width","text-indent","padding-left","padding-right","border-width","box-sizing"];function u(n){const e=window.getComputedStyle(n),l=e.getPropertyValue("box-sizing"),r=Number.parseFloat(e.getPropertyValue("padding-bottom"))+Number.parseFloat(e.getPropertyValue("padding-top")),a=Number.parseFloat(e.getPropertyValue("border-bottom-width"))+Number.parseFloat(e.getPropertyValue("border-top-width"));return{contextStyle:h.map(p=>`${p}:${e.getPropertyValue(p)}`).join(";"),paddingSize:r,borderSize:a,boxSizing:l}}function m(n,e=1,l){t||(t=document.createElement("textarea"),document.body.appendChild(t));const{paddingSize:r,borderSize:a,boxSizing:d,contextStyle:p}=u(n);t.setAttribute("style",`${p};${b}`),t.value=n.value||n.placeholder||"";let i=t.scrollHeight;const g={};d==="border-box"?i=i+a:d==="content-box"&&(i=i-r),t.value="";const s=t.scrollHeight-r;if(c.isNumber(e)){let o=s*e;d==="border-box"&&(o=o+r+a),i=Math.max(o,i),g.minHeight=`${o}px`}if(c.isNumber(l)){let o=s*l;d==="border-box"&&(o=o+r+a),i=Math.min(o,i)}return g.height=`${i}px`,t.parentNode?.removeChild(t),t=void 0,g}exports.calcTextareaHeight=m;

package/lib/components/input-number/index.d.ts

@@ -1,6 +1,6 @@
 import InputNumber from './input-number.vue';
 export type InputNumberInstance = InstanceType<typeof InputNumber>;
-export declare const VftInputNumber: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftInputNumber: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: import("vue").PropType<string>;
     };
@@ -52,15 +52,15 @@ export declare const VftInputNumber: import("vft/es/utils").SFCWithInstall<impor
     validateEvent: {
         type: import("vue").PropType<boolean>;
     };
-}, {
+}>, {
     focus: () => void;
     blur: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (e: FocusEvent) => void;
+    focus: (e: FocusEvent) => void;
     "update:modelValue": (val: number | undefined) => void;
     change: (cur: number | undefined, prev: number | undefined) => void;
     input: (val: number | null | undefined) => void;
-    blur: (e: FocusEvent) => void;
-    focus: (e: FocusEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: import("vue").PropType<string>;
@@ -113,11 +113,11 @@ export declare const VftInputNumber: import("vft/es/utils").SFCWithInstall<impor
     validateEvent: {
         type: import("vue").PropType<boolean>;
     };
-}>> & {
-    onChange?: ((cur: number | undefined, prev: number | undefined) => any) | undefined;
+}>> & Readonly<{
     onInput?: ((val: number | null | undefined) => any) | undefined;
     onBlur?: ((e: FocusEvent) => any) | undefined;
+    onChange?: ((cur: number | undefined, prev: number | undefined) => any) | undefined;
     onFocus?: ((e: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
-}, {}, {}>> & Record<string, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftInputNumber;

package/lib/components/input-number/input-number.vue.d.ts

@@ -68,24 +68,24 @@ export interface InputNumberProps {
      */
     validateEvent?: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<InputNumberProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<InputNumberProps>>, {
     /** @description get focus the input component */
     focus: () => void;
     /** @description remove focus the input component */
     blur: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (e: FocusEvent) => void;
+    focus: (e: FocusEvent) => void;
     "update:modelValue": (val: number | undefined) => void;
     change: (cur: number | undefined, prev: number | undefined) => void;
     input: (val: number | null | undefined) => void;
-    blur: (e: FocusEvent) => void;
-    focus: (e: FocusEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<InputNumberProps>>> & {
-    onChange?: ((cur: number | undefined, prev: number | undefined) => any) | undefined;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<InputNumberProps>>> & Readonly<{
     onInput?: ((val: number | null | undefined) => any) | undefined;
     onBlur?: ((e: FocusEvent) => any) | undefined;
+    onChange?: ((cur: number | undefined, prev: number | undefined) => any) | undefined;
     onFocus?: ((e: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, 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/input-number/input-number.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),l=require("@vft/utils");require("../form/index.cjs");const x=require("../icon/index.cjs"),G=require("../input/index.cjs"),o=require("../../constants/event.cjs");require("@vueuse/core");const I=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const b=require("lodash-es"),R=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const S=require("./directives.cjs"),H=require("../form/hooks/use-form-item.cjs"),O=require("../form/hooks/use-form-common-props.cjs"),Y=t.defineComponent({name:"vft-input-number"}),j=t.defineComponent({...Y,props:{id:{default:void 0},step:{default:1},stepStrictly:{type:Boolean},max:{default:()=>Number.POSITIVE_INFINITY},min:{default:()=>Number.NEGATIVE_INFINITY},modelValue:{},readonly:{type:Boolean},disabled:{type:Boolean},size:{default:"default"},controls:{type:Boolean,default:!0},controlsPosition:{default:""},valueOnClear:{default:null},name:{},label:{},placeholder:{},precision:{},validateEvent:{type:Boolean,default:!0}},emits:{[o.CHANGE_EVENT]:(n,v)=>v!==n,blur:n=>n instanceof FocusEvent,focus:n=>n instanceof FocusEvent,[o.INPUT_EVENT]:n=>l.isNumber(n)||b.isNil(n),[o.UPDATE_MODEL_EVENT]:n=>l.isNumber(n)||b.isNil(n)},setup(n,{expose:v,emit:U}){const d=R.useNamespace("input-number"),s=U,m=t.ref(),r=t.reactive({currentValue:n.modelValue,userInput:null}),{formItem:c}=H.useFormItem(),P=t.computed(()=>n.modelValue&&l.isNumber(n.modelValue)&&n.modelValue<=n.min),C=t.computed(()=>n.modelValue&&l.isNumber(n.modelValue)&&n.modelValue>=n.max),B=t.computed(()=>{const e=q(n.step);return l.isUndefined(n.precision)?Math.max(q(n.modelValue),e):(e>n.precision&&I.debugWarn("InputNumber","precision should not be less than the decimal places of step"),n.precision)}),V=t.computed(()=>n.controls&&n.controlsPosition==="right"),A=O.useFormSize(),f=O.useFormDisabled(),E=t.computed(()=>{if(r.userInput!==null)return r.userInput;let e=r.currentValue;if(b.isNil(e))return"";if(l.isNumber(e)){if(Number.isNaN(e))return"";l.isUndefined(n.precision)||(e=e==null?void 0:e.toFixed(n.precision))}return e}),h=(e,i)=>{if(l.isUndefined(i)&&(i=B.value),i===0)return Math.round(e);let u=String(e);const a=u.indexOf(".");if(a===-1||!u.replace(".","").split("")[a+i])return e;const M=u.length;return u.charAt(M-1)==="5"&&(u=`${u.slice(0,Math.max(0,M-1))}6`),Number.parseFloat(Number(u).toFixed(i))},q=e=>{if(b.isNil(e))return 0;const i=e.toString(),u=i.indexOf(".");let a=0;return u!==-1&&(a=i.length-u-1),a},D=(e,i=1)=>l.isNumber(e)?h(e+n.step*i):r.currentValue,w=()=>{if(n.readonly||f.value||C.value)return;const e=Number(E.value)||0,i=D(e);N(i),s(o.INPUT_EVENT,r.currentValue)},y=()=>{if(n.readonly||f.value||P.value)return;const e=Number(E.value)||0,i=D(e,-1);N(i),s(o.INPUT_EVENT,r.currentValue)},T=(e,i)=>{let u=Number(e);if(b.isNil(e)||Number.isNaN(u))return null;if(e===""){if(n.valueOnClear===null)return null;u=l.isString(n.valueOnClear)?{min:n.min,max:n.max}[n.valueOnClear]:n.valueOnClear}return n.stepStrictly&&(u=h(Math.round(u/n.step)*n.step,n.precision)),l.isUndefined(n.precision)||(u=h(u,n.precision)),(u>n.max||u<n.min)&&(u=u>n.max?n.max:n.min,i&&s(o.UPDATE_MODEL_EVENT,u)),u},N=(e,i=!0)=>{var g;const u=r.currentValue,a=T(e);if(!i){s(o.UPDATE_MODEL_EVENT,a);return}u!==a&&(r.userInput=null,s(o.UPDATE_MODEL_EVENT,a),s(o.CHANGE_EVENT,a,u),n.validateEvent&&((g=c==null?void 0:c.validate)==null||g.call(c,"change").catch(F=>I.debugWarn(F))),r.currentValue=a)},k=e=>{r.userInput=e;const i=e===""?null:Number(e);s(o.INPUT_EVENT,i),N(i,!1)},z=e=>{const i=e!==""?Number(e):"";(l.isNumber(i)&&!Number.isNaN(i)||e==="")&&N(i),r.userInput=null},K=()=>{var e,i;(i=(e=m.value)==null?void 0:e.focus)==null||i.call(e)},L=()=>{var e,i;(i=(e=m.value)==null?void 0:e.blur)==null||i.call(e)},W=e=>{s("focus",e)},$=e=>{var i;s("blur",e),n.validateEvent&&((i=c==null?void 0:c.validate)==null||i.call(c,"blur").catch(u=>I.debugWarn(u)))};return t.watch(()=>n.modelValue,e=>{const i=T(r.userInput),u=T(e,!0);!l.isNumber(i)&&(!i||i!==u)&&(r.currentValue=u,r.userInput=null)},{immediate:!0}),t.onMounted(()=>{var i;const e=(i=m.value)==null?void 0:i.input;if(e.setAttribute("role","spinbutton"),Number.isFinite(n.max)?e.setAttribute("aria-valuemax",String(n.max)):e.removeAttribute("aria-valuemax"),Number.isFinite(n.min)?e.setAttribute("aria-valuemin",String(n.min)):e.removeAttribute("aria-valuemin"),e.setAttribute("aria-valuenow",String(r.currentValue)),e.setAttribute("aria-disabled",String(f.value)),!l.isNumber(n.modelValue)&&n.modelValue!==null){let u=Number(n.modelValue);Number.isNaN(u)&&(u=null),s(o.UPDATE_MODEL_EVENT,u)}}),t.onUpdated(()=>{var i;const e=(i=m.value)==null?void 0:i.input;e==null||e.setAttribute("aria-valuenow",`${r.currentValue}`)}),v({focus:K,blur:L}),(e,i)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(d).b(),t.unref(d).m(t.unref(A)),t.unref(d).is("disabled",t.unref(f)),t.unref(d).is("without-controls",!e.controls),t.unref(d).is("controls-right",V.value)]),onDragstart:i[1]||(i[1]=t.withModifiers(()=>{},["prevent"]))},[e.controls?t.withDirectives((t.openBlock(),t.createElementBlock("span",{key:0,role:"button",class:t.normalizeClass([t.unref(d).e("decrease"),t.unref(d).is("disabled",P.value)]),onKeydown:t.withKeys(y,["enter"])},[t.createVNode(t.unref(x.VftIcon),{icon:V.value?"icon-arrow-down":"icon-minus"},null,8,["icon"])],34)),[[t.unref(S.vRepeatClick),y]]):t.createCommentVNode("",!0),e.controls?t.withDirectives((t.openBlock(),t.createElementBlock("span",{key:1,role:"button",class:t.normalizeClass([t.unref(d).e("increase"),t.unref(d).is("disabled",C.value)]),onKeydown:t.withKeys(w,["enter"])},[t.createVNode(t.unref(x.VftIcon),{icon:V.value?"icon-arrow-up":"icon-plus"},null,8,["icon"])],34)),[[t.unref(S.vRepeatClick),w]]):t.createCommentVNode("",!0),t.createVNode(t.unref(G.VftInput),{id:e.id,ref_key:"input",ref:m,type:"number",step:e.step,"model-value":E.value,placeholder:e.placeholder,readonly:e.readonly,disabled:t.unref(f),size:t.unref(A),max:e.max,min:e.min,name:e.name,label:e.label,"validate-event":!1,onWheel:i[0]||(i[0]=t.withModifiers(()=>{},["prevent"])),onKeydown:[t.withKeys(t.withModifiers(w,["prevent"]),["up"]),t.withKeys(t.withModifiers(y,["prevent"]),["down"])],onBlur:$,onFocus:W,onInput:k,onChange:z},null,8,["id","step","model-value","placeholder","readonly","disabled","size","max","min","name","label","onKeydown"])],34))}});exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),l=require("@vft/utils");require("../form/index.cjs");const M=require("../icon/index.cjs"),$=require("../input/index.cjs"),o=require("../../constants/event.cjs");require("@vueuse/core");const y=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const f=require("lodash-es"),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 x=require("./directives.cjs"),R=require("../form/hooks/use-form-item.cjs"),S=require("../form/hooks/use-form-common-props.cjs"),H=t.defineComponent({name:"vft-input-number"}),Y=t.defineComponent({...H,props:{id:{default:void 0},step:{default:1},stepStrictly:{type:Boolean},max:{default:()=>Number.POSITIVE_INFINITY},min:{default:()=>Number.NEGATIVE_INFINITY},modelValue:{},readonly:{type:Boolean},disabled:{type:Boolean},size:{default:"default"},controls:{type:Boolean,default:!0},controlsPosition:{default:""},valueOnClear:{default:null},name:{},label:{},placeholder:{},precision:{},validateEvent:{type:Boolean,default:!0}},emits:{[o.CHANGE_EVENT]:(n,N)=>N!==n,blur:n=>n instanceof FocusEvent,focus:n=>n instanceof FocusEvent,[o.INPUT_EVENT]:n=>l.isNumber(n)||f.isNil(n),[o.UPDATE_MODEL_EVENT]:n=>l.isNumber(n)||f.isNil(n)},setup(n,{expose:N,emit:O}){const c=G.useNamespace("input-number"),s=O,d=t.ref(),r=t.reactive({currentValue:n.modelValue,userInput:null}),{formItem:T}=R.useFormItem(),g=t.computed(()=>n.modelValue&&l.isNumber(n.modelValue)&&n.modelValue<=n.min),P=t.computed(()=>n.modelValue&&l.isNumber(n.modelValue)&&n.modelValue>=n.max),U=t.computed(()=>{const e=A(n.step);return l.isUndefined(n.precision)?Math.max(A(n.modelValue),e):(e>n.precision&&y.debugWarn("InputNumber","precision should not be less than the decimal places of step"),n.precision)}),v=t.computed(()=>n.controls&&n.controlsPosition==="right"),C=S.useFormSize(),m=S.useFormDisabled(),V=t.computed(()=>{if(r.userInput!==null)return r.userInput;let e=r.currentValue;if(f.isNil(e))return"";if(l.isNumber(e)){if(Number.isNaN(e))return"";l.isUndefined(n.precision)||(e=e?.toFixed(n.precision))}return e}),E=(e,u)=>{if(l.isUndefined(u)&&(u=U.value),u===0)return Math.round(e);let i=String(e);const a=i.indexOf(".");if(a===-1||!i.replace(".","").split("")[a+u])return e;const F=i.length;return i.charAt(F-1)==="5"&&(i=`${i.slice(0,Math.max(0,F-1))}6`),Number.parseFloat(Number(i).toFixed(u))},A=e=>{if(f.isNil(e))return 0;const u=e.toString(),i=u.indexOf(".");let a=0;return i!==-1&&(a=u.length-i-1),a},q=(e,u=1)=>l.isNumber(e)?E(e+n.step*u):r.currentValue,h=()=>{if(n.readonly||m.value||P.value)return;const e=Number(V.value)||0,u=q(e);b(u),s(o.INPUT_EVENT,r.currentValue)},I=()=>{if(n.readonly||m.value||g.value)return;const e=Number(V.value)||0,u=q(e,-1);b(u),s(o.INPUT_EVENT,r.currentValue)},w=(e,u)=>{let i=Number(e);if(f.isNil(e)||Number.isNaN(i))return null;if(e===""){if(n.valueOnClear===null)return null;i=l.isString(n.valueOnClear)?{min:n.min,max:n.max}[n.valueOnClear]:n.valueOnClear}return n.stepStrictly&&(i=E(Math.round(i/n.step)*n.step,n.precision)),l.isUndefined(n.precision)||(i=E(i,n.precision)),(i>n.max||i<n.min)&&(i=i>n.max?n.max:n.min,u&&s(o.UPDATE_MODEL_EVENT,i)),i},b=(e,u=!0)=>{const i=r.currentValue,a=w(e);if(!u){s(o.UPDATE_MODEL_EVENT,a);return}i!==a&&(r.userInput=null,s(o.UPDATE_MODEL_EVENT,a),s(o.CHANGE_EVENT,a,i),n.validateEvent&&T?.validate?.("change").catch(D=>y.debugWarn(D)),r.currentValue=a)},B=e=>{r.userInput=e;const u=e===""?null:Number(e);s(o.INPUT_EVENT,u),b(u,!1)},k=e=>{const u=e!==""?Number(e):"";(l.isNumber(u)&&!Number.isNaN(u)||e==="")&&b(u),r.userInput=null},z=()=>{d.value?.focus?.()},K=()=>{d.value?.blur?.()},L=e=>{s("focus",e)},W=e=>{s("blur",e),n.validateEvent&&T?.validate?.("blur").catch(u=>y.debugWarn(u))};return t.watch(()=>n.modelValue,e=>{const u=w(r.userInput),i=w(e,!0);!l.isNumber(u)&&(!u||u!==i)&&(r.currentValue=i,r.userInput=null)},{immediate:!0}),t.onMounted(()=>{const e=d.value?.input;if(e.setAttribute("role","spinbutton"),Number.isFinite(n.max)?e.setAttribute("aria-valuemax",String(n.max)):e.removeAttribute("aria-valuemax"),Number.isFinite(n.min)?e.setAttribute("aria-valuemin",String(n.min)):e.removeAttribute("aria-valuemin"),e.setAttribute("aria-valuenow",String(r.currentValue)),e.setAttribute("aria-disabled",String(m.value)),!l.isNumber(n.modelValue)&&n.modelValue!==null){let u=Number(n.modelValue);Number.isNaN(u)&&(u=null),s(o.UPDATE_MODEL_EVENT,u)}}),t.onUpdated(()=>{d.value?.input?.setAttribute("aria-valuenow",`${r.currentValue}`)}),N({focus:z,blur:K}),(e,u)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(c).b(),t.unref(c).m(t.unref(C)),t.unref(c).is("disabled",t.unref(m)),t.unref(c).is("without-controls",!e.controls),t.unref(c).is("controls-right",v.value)]),onDragstart:u[1]||(u[1]=t.withModifiers(()=>{},["prevent"]))},[e.controls?t.withDirectives((t.openBlock(),t.createElementBlock("span",{key:0,role:"button",class:t.normalizeClass([t.unref(c).e("decrease"),t.unref(c).is("disabled",g.value)]),onKeydown:t.withKeys(I,["enter"])},[t.createVNode(t.unref(M.VftIcon),{icon:v.value?"icon-arrow-down":"icon-minus"},null,8,["icon"])],34)),[[t.unref(x.vRepeatClick),I]]):t.createCommentVNode("",!0),e.controls?t.withDirectives((t.openBlock(),t.createElementBlock("span",{key:1,role:"button",class:t.normalizeClass([t.unref(c).e("increase"),t.unref(c).is("disabled",P.value)]),onKeydown:t.withKeys(h,["enter"])},[t.createVNode(t.unref(M.VftIcon),{icon:v.value?"icon-arrow-up":"icon-plus"},null,8,["icon"])],34)),[[t.unref(x.vRepeatClick),h]]):t.createCommentVNode("",!0),t.createVNode(t.unref($.VftInput),{id:e.id,ref_key:"input",ref:d,type:"number",step:e.step,"model-value":V.value,placeholder:e.placeholder,readonly:e.readonly,disabled:t.unref(m),size:t.unref(C),max:e.max,min:e.min,name:e.name,label:e.label,"validate-event":!1,onWheel:u[0]||(u[0]=t.withModifiers(()=>{},["prevent"])),onKeydown:[t.withKeys(t.withModifiers(h,["prevent"]),["up"]),t.withKeys(t.withModifiers(I,["prevent"]),["down"])],onBlur:W,onFocus:L,onInput:B,onChange:k},null,8,["id","step","model-value","placeholder","readonly","disabled","size","max","min","name","label","onKeydown"])],34))}});exports.default=Y;

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

@@ -1,5 +1,5 @@
 export declare const VftLink: 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<{
         type: {
             type: import("vue").PropType<"default" | "success" | "primary" | "warning" | "info" | "danger">;
         };
@@ -16,34 +16,13 @@ export declare const VftLink: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<import("..").IconProps>;
+            type: import("vue").PropType<import("vft/es/vft").IconProps>;
         };
-    }>> & {
+    }>> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (...args: any[]) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        type: {
-            type: import("vue").PropType<"default" | "success" | "primary" | "warning" | "info" | "danger">;
-        };
-        underline: {
-            type: import("vue").PropType<boolean>;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        route: {
-            type: import("vue").PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | import("@vft/router").WinOpenType>;
-        };
-        isReplace: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<import("..").IconProps>;
-        };
-    }>> & {
-        onClick?: ((...args: any[]) => any) | undefined;
-    }, {}, true, {}, {}, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -67,14 +46,14 @@ export declare const VftLink: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<import("..").IconProps>;
+            type: import("vue").PropType<import("vft/es/vft").IconProps>;
         };
-    }>> & {
+    }>> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
-    }, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: import("vue").PropType<"default" | "success" | "primary" | "warning" | "info" | "danger">;
@@ -92,13 +71,13 @@ export declare const VftLink: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
     };
     icon: {
-        type: import("vue").PropType<import("..").IconProps>;
+        type: import("vue").PropType<import("vft/es/vft").IconProps>;
     };
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => 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/link/link.vue.d.ts

@@ -1,11 +1,13 @@
 import type { LinkProps } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<LinkProps>, {}, 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<LinkProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<LinkProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<LinkProps>>> & Readonly<{
     onClick?: ((...args: any[]) => 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/link/link.vue2.cjs

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

package/lib/components/list-cell/index.d.ts

@@ -1,4 +1,4 @@
-export declare const VftListCell: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftListCell: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     list: {
         type: import("vue").PropType<import("./list-cell.vue").ListItem[]>;
         required: true;
@@ -12,7 +12,7 @@ export declare const VftListCell: import("vft/es/utils").SFCWithInstall<import("
     activeIndex: {
         type: import("vue").PropType<number>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "item-click": (item: import("./list-cell.vue").ListItem, index?: number | undefined) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     list: {
@@ -28,7 +28,7 @@ export declare const VftListCell: import("vft/es/utils").SFCWithInstall<import("
     activeIndex: {
         type: import("vue").PropType<number>;
     };
-}>> & {
+}>> & Readonly<{
     "onItem-click"?: ((item: import("./list-cell.vue").ListItem, index?: number | undefined) => any) | undefined;
-}, {}, {}>> & Record<string, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftListCell;

package/lib/components/list-cell/list-cell.vue.d.ts

@@ -12,11 +12,11 @@ export interface ListCellProps {
     leftTextDistance?: string | number;
     activeIndex?: number;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ListCellProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ListCellProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "item-click": (item: ListItem, index?: number | undefined) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ListCellProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ListCellProps>>> & Readonly<{
     "onItem-click"?: ((item: ListItem, index?: number | undefined) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, 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/list-cell/list-cell.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../icon/index.cjs");require("@vueuse/core");const r=require("@vft/utils"),m=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");const g=["onClick"],k=e.defineComponent({name:"vft-list-cell"}),C=e.defineComponent({...k,props:{list:{default:()=>[]},cellHeight:{default:50},leftTextDistance:{default:8},activeIndex:{}},emits:["item-click"],setup(c,{emit:a}){const n=v.useNamespace("list-cell"),u=a,s=e.ref(c.activeIndex);e.computed(()=>c.list.map(t=>(t.leftIcon=r.singleAttrToObj(t.leftIcon,"icon",{size:16}),t.rightIcon=r.singleAttrToObj(t.rightIcon,"icon",{icon:"icon-arrow-right",size:16}),t)));const d=e.computed(()=>m.generateCssVars({height:r.addUnit(c.cellHeight),"left-text-distance":r.addUnit(c.leftTextDistance)},"list-cell"));function f(t,o){s.value=o,u("item-click",t,o)}return(t,o)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(d.value),class:e.normalizeClass(e.unref(n).b())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.list,(l,i)=>(e.openBlock(),e.createElementBlock("div",{onClick:h=>f(l,i),key:i,class:e.normalizeClass([e.unref(n).e("item"),e.unref(n).is("active",s.value===i)])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).m("left"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("text"))},e.toDisplayString(l.text),3)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).m("right"))},[l!=null&&l.rightContent?(e.openBlock(),e.createBlock(e.unref(r.VNode),{key:0,content:l.rightContent},null,8,["content"])):e.createCommentVNode("",!0)],2)],10,g))),128))],6))}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../icon/index.cjs");require("@vueuse/core");const l=require("@vft/utils"),f=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");const g=["onClick"],k=e.defineComponent({name:"vft-list-cell"}),C=e.defineComponent({...k,props:{list:{default:()=>[]},cellHeight:{default:50},leftTextDistance:{default:8},activeIndex:{}},emits:["item-click"],setup(r,{emit:a}){const n=v.useNamespace("list-cell"),u=a,s=e.ref(r.activeIndex);e.computed(()=>r.list.map(t=>(t.leftIcon=l.singleAttrToObj(t.leftIcon,"icon",{size:16}),t.rightIcon=l.singleAttrToObj(t.rightIcon,"icon",{icon:"icon-arrow-right",size:16}),t)));const d=e.computed(()=>f.generateCssVars({height:l.addUnit(r.cellHeight),"left-text-distance":l.addUnit(r.leftTextDistance)},"list-cell"));function m(t,i){s.value=i,u("item-click",t,i)}return(t,i)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(d.value),class:e.normalizeClass(e.unref(n).b())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.list,(c,o)=>(e.openBlock(),e.createElementBlock("div",{onClick:h=>m(c,o),key:o,class:e.normalizeClass([e.unref(n).e("item"),e.unref(n).is("active",s.value===o)])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).m("left"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("text"))},e.toDisplayString(c.text),3)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).m("right"))},[c?.rightContent?(e.openBlock(),e.createBlock(e.unref(l.VNode),{key:0,content:c.rightContent},null,8,["content"])):e.createCommentVNode("",!0)],2)],10,g))),128))],6))}});exports.default=C;

package/lib/components/loading/directive.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@vft/utils"),p=require("vue"),y=require("./service.cjs"),f=Symbol("VftLoading"),n=(c,o)=>{const t=o.instance,e=a=>r.isObject(o.value)?o.value[a]:void 0,l=a=>{const v=r.isString(a)&&(t==null?void 0:t[a])||a;return v&&p.ref(v)},s=a=>l(e(a)??c.getAttribute(`vft-loading-${r.hyphenate(a)}`)),u=e("fullscreen")??o.modifiers.fullscreen,i={text:s("text"),svg:s("svg"),svgViewBox:s("svgViewBox"),spinner:s("spinner"),visible:s("visible"),background:s("background"),customClass:s("customClass"),rotate:s("rotate"),img:s("img"),icon:s("icon"),fullscreen:u,target:e("target")??(u?void 0:c),body:e("body")??o.modifiers.body,lock:e("lock")??o.modifiers.lock};c[f]={options:i,instance:y.Loading(i)}},d=(c,o)=>{for(const t of Object.keys(o))p.isRef(o[t])&&(o[t].value=c[t])},S=m();function m(c){function o(t){c&&(t.value={...c,...t.value})}return{mounted(t,e){var l;e.value!==!1&&(o(e),((l=e.value)==null?void 0:l.visible)===!1&&(e.value=void 0),e.value&&n(t,e))},updated(t,e){var s,u;const l=t[f];e.oldValue!==e.value&&(e.value&&!e.oldValue||(s=e.value)!=null&&s.visible?(o(e),n(t,e)):e.value&&e.oldValue?(((u=e.value)==null?void 0:u.visible)===!1&&(l==null||l.instance.close()),r.isObject(e.value)&&(o(e),d(e.value,l.options))):l==null||l.instance.close())},unmounted(t){var e;(e=t[f])==null||e.instance.close()}}}exports.createLoadingDirective=m;exports.vLoading=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@vft/utils"),m=require("vue"),y=require("./service.cjs"),v=Symbol("VftLoading"),n=(c,s)=>{const t=s.instance,e=a=>u.isObject(s.value)?s.value[a]:void 0,l=a=>{const r=u.isString(a)&&t?.[a]||a;return r&&m.ref(r)},o=a=>l(e(a)??c.getAttribute(`vft-loading-${u.hyphenate(a)}`)),f=e("fullscreen")??s.modifiers.fullscreen,i={text:o("text"),svg:o("svg"),svgViewBox:o("svgViewBox"),spinner:o("spinner"),visible:o("visible"),background:o("background"),customClass:o("customClass"),rotate:o("rotate"),img:o("img"),icon:o("icon"),fullscreen:f,target:e("target")??(f?void 0:c),body:e("body")??s.modifiers.body,lock:e("lock")??s.modifiers.lock};c[v]={options:i,instance:y.Loading(i)}},d=(c,s)=>{for(const t of Object.keys(s))m.isRef(s[t])&&(s[t].value=c[t])},S=p();function p(c){function s(t){c&&(t.value={...c,...t.value})}return{mounted(t,e){e.value!==!1&&(s(e),e.value?.visible===!1&&(e.value=void 0),e.value&&n(t,e))},updated(t,e){const l=t[v];e.oldValue!==e.value&&(e.value&&!e.oldValue||e.value?.visible?(s(e),n(t,e)):e.value&&e.oldValue?(e.value?.visible===!1&&l?.instance.close(),u.isObject(e.value)&&(s(e),d(e.value,l.options))):l?.instance.close())},unmounted(t){t[v]?.instance.close()}}}exports.createLoadingDirective=p;exports.vLoading=S;

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

@@ -4,10 +4,7 @@ import { Loading } from './service';
 export declare const VftLoading: {
     install(app: App): void;
     directive: import("vue").Directive<import("./directive").VftLoading, import("./directive").LoadingBinding>;
-    service: (options?: Partial<Omit<import("./types").LoadingOptionsResolved, "target" | "parent"> & {
-        target: string | HTMLElement;
-        body: boolean;
-    }>) => Record<string, any>;
+    service: (options?: import("./types").LoadingOptions) => import("./loading").LoadingInstance;
 };
 export default VftLoading;
 export { vLoading as VftLoadingDirective, Loading as VftLoadingService, vLoading, };

package/lib/components/loading/loading.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vft/utils"),w=require("../icon/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const n=require("vue"),A=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const T=require("../../hooks/use-z-index/index.cjs");function V(s){let u;const i=A.useNamespace("loading"),a=n.ref(!1),e=n.reactive({...s,originalPosition:"",originalOverflow:"",visible:!1});function h(t){e.text=t}n.watch(()=>e.visible,t=>{t||v()});function x(){const t=e.parent;if(!t.vLoadingAddClassList){let r=t.getAttribute("loading-number");r=Number.parseInt(r)-1,r?t.setAttribute("loading-number",r.toString()):(l.removeClass(t,i.bm("parent","relative")),t.removeAttribute("loading-number")),l.removeClass(t,i.bm("parent","hidden"))}d(),f.unmount()}function d(){var t,r;(r=(t=o.$el)==null?void 0:t.parentNode)==null||r.removeChild(o.$el)}function v(){var t;s.beforeClose&&!s.beforeClose()||(a.value=!0,clearTimeout(u),u=window.setTimeout(c,400),e.visible=!1,(t=s.closed)==null||t.call(s))}function c(){if(!a.value)return;const t=e.parent;a.value=!1,t.vLoadingAddClassList=void 0,x()}const C={name:"VftLoading",setup(t,{expose:r}){return()=>{const L=T.useZIndex();r({ns:i,zIndex:L});const g=e.spinner||e.svg,m=e.img,b=e.icon?l.singleAttrToObj(e.icon,"icon"):!1,p=b?n.h(w.VftIcon,b):m?n.h("img",{class:["circular circular-img",e.rotate?"":"circular-no-rotate"],src:m}):n.h("svg",{class:"circular",viewBox:e.svgViewBox?e.svgViewBox:"0 0 50 50",...g?{innerHTML:g}:{}},[n.h("circle",{class:"path",cx:"25",cy:"25",r:"20",fill:"none"})]),q=e.text?n.h("p",{class:i.b("text")},e.text):void 0;return n.h(n.Transition,{name:i.b("fade"),onAfterLeave:c},{default:n.withCtx(()=>[n.withDirectives(n.createVNode("div",{style:{backgroundColor:e.background||""},class:[i.b("mask"),e.customClass,e.fullscreen?"is-fullscreen":""]},[n.h("div",{class:i.b("spinner")},[p,q])]),[[n.vShow,e.visible]])])})}}},f=n.createApp(C),o=f.mount(document.createElement("div"));return{...n.toRefs(e),setText:h,removeVftLoadingChild:d,close:v,handleAfterLeave:c,vm:o,get $el(){return o.$el}}}exports.createLoadingComponent=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vft/utils"),w=require("../icon/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const t=require("vue"),A=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const T=require("../../hooks/use-z-index/index.cjs");function V(o){let u;const r=A.useNamespace("loading"),a=t.ref(!1),e=t.reactive({...o,originalPosition:"",originalOverflow:"",visible:!1});function p(n){e.text=n}t.watch(()=>e.visible,n=>{n||v()});function h(){const n=e.parent;if(!n.vLoadingAddClassList){let i=n.getAttribute("loading-number");i=Number.parseInt(i)-1,i?n.setAttribute("loading-number",i.toString()):(l.removeClass(n,r.bm("parent","relative")),n.removeAttribute("loading-number")),l.removeClass(n,r.bm("parent","hidden"))}d(),f.unmount()}function d(){s.$el?.parentNode?.removeChild(s.$el)}function v(){o.beforeClose&&!o.beforeClose()||(a.value=!0,clearTimeout(u),u=window.setTimeout(c,400),e.visible=!1,o.closed?.())}function c(){if(!a.value)return;const n=e.parent;a.value=!1,n.vLoadingAddClassList=void 0,h()}const x={name:"VftLoading",setup(n,{expose:i}){return()=>{const C=T.useZIndex();i({ns:r,zIndex:C});const g=e.spinner||e.svg,m=e.img,b=e.icon?l.singleAttrToObj(e.icon,"icon"):!1,L=b?t.h(w.VftIcon,b):m?t.h("img",{class:["circular circular-img",e.rotate?"":"circular-no-rotate"],src:m}):t.h("svg",{class:"circular",viewBox:e.svgViewBox?e.svgViewBox:"0 0 50 50",...g?{innerHTML:g}:{}},[t.h("circle",{class:"path",cx:"25",cy:"25",r:"20",fill:"none"})]),q=e.text?t.h("p",{class:r.b("text")},e.text):void 0;return t.h(t.Transition,{name:r.b("fade"),onAfterLeave:c},{default:t.withCtx(()=>[t.withDirectives(t.createVNode("div",{style:{backgroundColor:e.background||""},class:[r.b("mask"),e.customClass,e.fullscreen?"is-fullscreen":""]},[t.h("div",{class:r.b("spinner")},[L,q])]),[[t.vShow,e.visible]])])})}}},f=t.createApp(x),s=f.mount(document.createElement("div"));return{...t.toRefs(e),setText:p,removeVftLoadingChild:d,close:v,handleAfterLeave:c,vm:s,get $el(){return s.$el}}}exports.createLoadingComponent=V;

package/lib/components/loading/service.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@vft/utils"),c=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const l=require("vue"),f=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("./loading.cjs");let a;const m=function(t={}){if(!c.isClient)return;const e=b(t);if(e.fullscreen&&a)return a;const r=g.createLoadingComponent({...e,closed:()=>{var u;(u=e.closed)==null||u.call(e),e.fullscreen&&(a=void 0)}});v(e,e.parent,r),d(e,e.parent,r),e.parent.vLoadingAddClassList=()=>d(e,e.parent,r);let n=e.parent.getAttribute("loading-number");return n?n=`${Number.parseInt(n)+1}`:n="1",e.parent.setAttribute("loading-number",n),e.parent.appendChild(r.$el),l.nextTick(()=>r.visible.value=e.visible),e.fullscreen&&(a=r),r},b=t=>{let e;return o.isString(t.target)?e=document.querySelector(t.target)??document.body:e=t.target||document.body,{parent:e===document.body||t.body?document.body:e,background:l.unref(t.background)||"",svg:l.unref(t.svg)||"",svgViewBox:l.unref(t.svgViewBox)||"",spinner:l.unref(t.spinner)||!1,img:l.unref(t.img)||!1,icon:l.unref(t.icon)||!1,text:l.unref(t.text)||"",rotate:t.rotate??!0,fullscreen:e===document.body&&(t.fullscreen??!0),lock:t.lock??!1,customClass:l.unref(t.customClass)||"",visible:t.visible??!0,target:e}},v=async(t,e,r)=>{const{nextZIndex:n}=r.vm.zIndex,u={};if(t.fullscreen)r.originalPosition.value=o.getStyle(document.body,"position"),r.originalOverflow.value=o.getStyle(document.body,"overflow"),u.zIndex=n();else if(t.parent===document.body){r.originalPosition.value=o.getStyle(document.body,"position"),await l.nextTick();for(const i of["top","left"]){const s=i==="top"?"scrollTop":"scrollLeft";u[i]=`${t.target.getBoundingClientRect()[i]+document.body[s]+document.documentElement[s]-Number.parseInt(o.getStyle(document.body,`margin-${i}`),10)}px`}for(const i of["height","width"])u[i]=`${t.target.getBoundingClientRect()[i]}px`}else r.originalPosition.value=o.getStyle(e,"position");for(const[i,s]of Object.entries(u))r.$el.style[i]=s},d=(t,e,r)=>{const n=f.useNamespace("loading");["absolute","fixed","sticky"].includes(r.originalPosition.value)?o.removeClass(e,n.bm("parent","relative")):o.addClass(e,n.bm("parent","relative")),t.fullscreen&&t.lock?o.addClass(e,n.bm("parent","hidden")):o.removeClass(e,n.bm("parent","hidden"))};exports.Loading=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@vft/utils"),c=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const l=require("vue"),f=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("./loading.cjs");let a;const m=function(t={}){if(!c.isClient)return;const e=b(t);if(e.fullscreen&&a)return a;const r=g.createLoadingComponent({...e,closed:()=>{e.closed?.(),e.fullscreen&&(a=void 0)}});v(e,e.parent,r),d(e,e.parent,r),e.parent.vLoadingAddClassList=()=>d(e,e.parent,r);let n=e.parent.getAttribute("loading-number");return n?n=`${Number.parseInt(n)+1}`:n="1",e.parent.setAttribute("loading-number",n),e.parent.appendChild(r.$el),l.nextTick(()=>r.visible.value=e.visible),e.fullscreen&&(a=r),r},b=t=>{let e;return o.isString(t.target)?e=document.querySelector(t.target)??document.body:e=t.target||document.body,{parent:e===document.body||t.body?document.body:e,background:l.unref(t.background)||"",svg:l.unref(t.svg)||"",svgViewBox:l.unref(t.svgViewBox)||"",spinner:l.unref(t.spinner)||!1,img:l.unref(t.img)||!1,icon:l.unref(t.icon)||!1,text:l.unref(t.text)||"",rotate:t.rotate??!0,fullscreen:e===document.body&&(t.fullscreen??!0),lock:t.lock??!1,customClass:l.unref(t.customClass)||"",visible:t.visible??!0,target:e}},v=async(t,e,r)=>{const{nextZIndex:n}=r.vm.zIndex,s={};if(t.fullscreen)r.originalPosition.value=o.getStyle(document.body,"position"),r.originalOverflow.value=o.getStyle(document.body,"overflow"),s.zIndex=n();else if(t.parent===document.body){r.originalPosition.value=o.getStyle(document.body,"position"),await l.nextTick();for(const i of["top","left"]){const u=i==="top"?"scrollTop":"scrollLeft";s[i]=`${t.target.getBoundingClientRect()[i]+document.body[u]+document.documentElement[u]-Number.parseInt(o.getStyle(document.body,`margin-${i}`),10)}px`}for(const i of["height","width"])s[i]=`${t.target.getBoundingClientRect()[i]}px`}else r.originalPosition.value=o.getStyle(e,"position");for(const[i,u]of Object.entries(s))r.$el.style[i]=u},d=(t,e,r)=>{const n=f.useNamespace("loading");["absolute","fixed","sticky"].includes(r.originalPosition.value)?o.removeClass(e,n.bm("parent","relative")):o.addClass(e,n.bm("parent","relative")),t.fullscreen&&t.lock?o.addClass(e,n.bm("parent","hidden")):o.removeClass(e,n.bm("parent","hidden"))};exports.Loading=m;

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

@@ -1,4 +1,4 @@
-export declare const VftLogo: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftLogo: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: {
         type: import("vue").PropType<string>;
         required: true;
@@ -10,7 +10,7 @@ export declare const VftLogo: import("vft/es/utils").SFCWithInstall<import("vue"
     jumpPath: {
         type: import("vue").PropType<string>;
     };
-}, {}, 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>;
         required: true;
@@ -22,6 +22,6 @@ export declare const VftLogo: import("vft/es/utils").SFCWithInstall<import("vue"
     jumpPath: {
         type: import("vue").PropType<string>;
     };
-}>>, {}, {}>> & Record<string, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftLogo;
 export * from './types';

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

@@ -4,7 +4,7 @@ export interface LogoProps {
     /** 点击 logo 跳转路径 */
     jumpPath?: string;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<LogoProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<LogoProps>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<LogoProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<LogoProps>>> & 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/md-code-demo/code-demo/code.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./utils.cjs"),w=e=>{const r=Object.keys(e),t={html:[],js:[],css:[],isLegal:!1};return["html","js","css"].forEach(s=>{const o=r.filter(n=>c.preProcessorConfig[s].types.includes(n));if(o.length){const n=o[0];t[s]=[e[n].replace(/^\n|\n$/g,""),c.preProcessorConfig[s].map[n]||n]}}),t.isLegal=(!t.html.length||t.html[1]==="none")&&(!t.js.length||t.js[1]==="none")&&(!t.css.length||t.css[1]==="none"),t},d=e=>e.replace(/<br \/>/g,"<br>").replace(/<((\S+)[^<]*?)\s+\/>/g,"<$1></$2>"),f=e=>`<div id="app">
-${d(e)}
-</div>`,S=e=>`${e.replace("export default ","const $reactApp = ").replace(/App\.__style__(\s*)=(\s*)`([\s\S]*)?`/,"")};
-ReactDOM.createRoot(document.getElementById("app")).render(React.createElement($reactApp))`,b=e=>e.replace(/export\s+default\s*\{([\s\S]*)\n*\}\s*;?$/u,"Vue.createApp({$1}).mount('#app')").replace(/export\s+default\s*define(Async)?Component\s*\(\s*\{([\s\S]*)\n*\}\s*\)\s*;?$/u,"Vue.createApp({$1}).mount('#app')").trim(),p=e=>`(function(exports){var module={};module.exports=exports;${e};return module.exports.__esModule?module.exports.default:module.exports;})({})`,x=(e,r)=>{const t=c.getConfig(r),s=e.js[0]||"";return{...t,html:d(e.html[0]||""),js:s,css:e.css[0]||"",isLegal:e.isLegal,getScript:()=>{var o;return t.useBabel?((o=window.Babel.transform(s,{presets:["es2015"]}))==null?void 0:o.code)||"":s}}},L=(e,r)=>{const t=c.getConfig(r),s=e.html[0]||"",o=/<template>([\s\S]+)<\/template>/u.exec(s),n=/<script(\s*lang=(['"])(.*?)\2)?>([\s\S]+)<\/script>/u.exec(s),a=/<style(\s*lang=(['"])(.*?)\2)?\s*(?:scoped)?>([\s\S]+)<\/style>/u.exec(s),i=o?o[1].replace(/^\n|\n$/g,""):"",[l="",j=""]=n?[n[4].replace(/^\n|\n$/g,""),n[3]]:[],[h="",u=""]=a?[a[4].replace(/^\n|\n$/g,""),a[3]]:[],C=j===""&&(u===""||u==="css");return{...t,html:f(i),js:b(l),css:h,isLegal:C,jsLib:[t.vue,...t.jsLib],getScript:()=>{var g,m;const $=r.useBabel?((m=(g=window.Babel)==null?void 0:g.transform(l,{presets:["es2015"]}))==null?void 0:m.code)||"":l.replace(/export\s+default/u,"return");return`const app=window.document.createElement('div');document.firstElementChild.appendChild(app);const appOptions=${p($)};appOptions.template=\`${i.replace("`",'\\`"')}\`;window.Vue.createApp(appOptions).mount(app);`}}},_=(e,r)=>{const t=c.getConfig(r);return{...t,html:f(""),js:S(e.js[0]||""),css:e.css[0]||(e.js[0]?e.js[0].replace(/App\.__style__\s*=\s*`([\s\S]*)?`/,"$1").trim():""),isLegal:e.isLegal,jsLib:[t.react,t.reactDOM,...t.jsLib],jsx:!0,getScript:()=>{var o,n;const s=((n=(o=window.Babel)==null?void 0:o.transform(e.js[0]||"",{presets:["es2015","react"]}))==null?void 0:n.code)||"";return`window.ReactDOM.createRoot(document.firstElementChild).render(window.React.createElement(${p(s)}))`}}};exports.getCode=w;exports.getNormalCode=x;exports.getReactCode=_;exports.getVueCode=L;exports.wrapper=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./utils.cjs"),C=e=>{const o=Object.keys(e),t={html:[],js:[],css:[],isLegal:!1};return["html","js","css"].forEach(s=>{const r=o.filter(n=>c.preProcessorConfig[s].types.includes(n));if(r.length){const n=r[0];t[s]=[e[n].replace(/^\n|\n$/g,""),c.preProcessorConfig[s].map[n]||n]}}),t.isLegal=(!t.html.length||t.html[1]==="none")&&(!t.js.length||t.js[1]==="none")&&(!t.css.length||t.css[1]==="none"),t},g=e=>e.replace(/<br \/>/g,"<br>").replace(/<((\S+)[^<]*?)\s+\/>/g,"<$1></$2>"),m=e=>`<div id="app">
+${g(e)}
+</div>`,$=e=>`${e.replace("export default ","const $reactApp = ").replace(/App\.__style__(\s*)=(\s*)`([\s\S]*)?`/,"")};
+ReactDOM.createRoot(document.getElementById("app")).render(React.createElement($reactApp))`,w=e=>e.replace(/export\s+default\s*\{([\s\S]*)\n*\}\s*;?$/u,"Vue.createApp({$1}).mount('#app')").replace(/export\s+default\s*define(Async)?Component\s*\(\s*\{([\s\S]*)\n*\}\s*\)\s*;?$/u,"Vue.createApp({$1}).mount('#app')").trim(),p=e=>`(function(exports){var module={};module.exports=exports;${e};return module.exports.__esModule?module.exports.default:module.exports;})({})`,S=(e,o)=>{const t=c.getConfig(o),s=e.js[0]||"";return{...t,html:g(e.html[0]||""),js:s,css:e.css[0]||"",isLegal:e.isLegal,getScript:()=>t.useBabel?window.Babel.transform(s,{presets:["es2015"]})?.code||"":s}},b=(e,o)=>{const t=c.getConfig(o),s=e.html[0]||"",r=/<template>([\s\S]+)<\/template>/u.exec(s),n=/<script(\s*lang=(['"])(.*?)\2)?>([\s\S]+)<\/script>/u.exec(s),a=/<style(\s*lang=(['"])(.*?)\2)?\s*(?:scoped)?>([\s\S]+)<\/style>/u.exec(s),i=r?r[1].replace(/^\n|\n$/g,""):"",[l="",d=""]=n?[n[4].replace(/^\n|\n$/g,""),n[3]]:[],[f="",u=""]=a?[a[4].replace(/^\n|\n$/g,""),a[3]]:[],j=d===""&&(u===""||u==="css");return{...t,html:m(i),js:w(l),css:f,isLegal:j,jsLib:[t.vue,...t.jsLib],getScript:()=>{const h=o.useBabel?window.Babel?.transform(l,{presets:["es2015"]})?.code||"":l.replace(/export\s+default/u,"return");return`const app=window.document.createElement('div');document.firstElementChild.appendChild(app);const appOptions=${p(h)};appOptions.template=\`${i.replace("`",'\\`"')}\`;window.Vue.createApp(appOptions).mount(app);`}}},x=(e,o)=>{const t=c.getConfig(o);return{...t,html:m(""),js:$(e.js[0]||""),css:e.css[0]||(e.js[0]?e.js[0].replace(/App\.__style__\s*=\s*`([\s\S]*)?`/,"$1").trim():""),isLegal:e.isLegal,jsLib:[t.react,t.reactDOM,...t.jsLib],jsx:!0,getScript:()=>{const s=window.Babel?.transform(e.js[0]||"",{presets:["es2015","react"]})?.code||"";return`window.ReactDOM.createRoot(document.firstElementChild).render(window.React.createElement(${p(s)}))`}}};exports.getCode=C;exports.getNormalCode=S;exports.getReactCode=x;exports.getVueCode=b;exports.wrapper=p;

package/lib/components/md-code-demo/code-demo/utils.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p={useBabel:!1,jsLib:[],cssLib:[],codepenLayout:"left",codepenEditors:"101",babel:"https://unpkg.com/@babel/standalone/babel.min.js",vue:"https://unpkg.com/vue/dist/vue.global.prod.js",react:"https://unpkg.com/react/umd/react.production.min.js",reactDOM:"https://unpkg.com/react-dom/umd/react-dom.production.min.js"},r=p,d={html:{types:["html","slim","haml","md","markdown","vue"],map:{html:"none",vue:"none",md:"markdown"}},js:{types:["js","javascript","coffee","coffeescript","ts","typescript","ls","livescript"],map:{js:"none",javascript:"none",coffee:"coffeescript",ls:"livescript",ts:"typescript"}},css:{types:["css","less","sass","scss","stylus","styl"],map:{css:"none",styl:"stylus"}}},i=(s,t,c)=>{const o=document.createElement(s);return t&&Object.keys(t).forEach(e=>{if(e.indexOf("data"))o[e]=t[e];else{const n=e.replace("data","");o.dataset[n]=t[e]}}),c&&c.forEach(e=>{o.appendChild(e)}),o},a=s=>({...r,...s,jsLib:Array.from(new Set([...r.jsLib||[],...s.jsLib||[]])),cssLib:Array.from(new Set([...r.cssLib||[],...s.cssLib||[]]))}),l=(s,t)=>{if(s[t]!==void 0)return s[t];const c=new Promise(o=>{var n;const e=document.createElement("script");e.src=t,(n=document.querySelector("body"))==null||n.appendChild(e),e.onload=()=>{o()}});return s[t]=c,c},m=(s,t)=>{if(t.css&&Array.from(s.childNodes).every(c=>c.nodeName!=="STYLE")){const c=i("style",{innerHTML:t.css});s.appendChild(c)}},u=(s,t,c)=>{const o=c.getScript();if(o&&Array.from(t.childNodes).every(e=>e.nodeName!=="SCRIPT")){const e=document.createElement("script");e.appendChild(document.createTextNode(`{const document=window.document.querySelector('#${s} .code-demo-container').shadowRoot;
-${o}}`)),t.appendChild(e)}};exports.getConfig=a;exports.h=i;exports.injectCSS=m;exports.injectScript=u;exports.loadScript=l;exports.options=r;exports.preProcessorConfig=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p={useBabel:!1,jsLib:[],cssLib:[],codepenLayout:"left",codepenEditors:"101",babel:"https://unpkg.com/@babel/standalone/babel.min.js",vue:"https://unpkg.com/vue/dist/vue.global.prod.js",react:"https://unpkg.com/react/umd/react.production.min.js",reactDOM:"https://unpkg.com/react-dom/umd/react-dom.production.min.js"},n=p,d={html:{types:["html","slim","haml","md","markdown","vue"],map:{html:"none",vue:"none",md:"markdown"}},js:{types:["js","javascript","coffee","coffeescript","ts","typescript","ls","livescript"],map:{js:"none",javascript:"none",coffee:"coffeescript",ls:"livescript",ts:"typescript"}},css:{types:["css","less","sass","scss","stylus","styl"],map:{css:"none",styl:"stylus"}}},r=(s,t,c)=>{const o=document.createElement(s);return t&&Object.keys(t).forEach(e=>{if(e.indexOf("data"))o[e]=t[e];else{const i=e.replace("data","");o.dataset[i]=t[e]}}),c&&c.forEach(e=>{o.appendChild(e)}),o},a=s=>({...n,...s,jsLib:Array.from(new Set([...n.jsLib||[],...s.jsLib||[]])),cssLib:Array.from(new Set([...n.cssLib||[],...s.cssLib||[]]))}),l=(s,t)=>{if(s[t]!==void 0)return s[t];const c=new Promise(o=>{const e=document.createElement("script");e.src=t,document.querySelector("body")?.appendChild(e),e.onload=()=>{o()}});return s[t]=c,c},m=(s,t)=>{if(t.css&&Array.from(s.childNodes).every(c=>c.nodeName!=="STYLE")){const c=r("style",{innerHTML:t.css});s.appendChild(c)}},u=(s,t,c)=>{const o=c.getScript();if(o&&Array.from(t.childNodes).every(e=>e.nodeName!=="SCRIPT")){const e=document.createElement("script");e.appendChild(document.createTextNode(`{const document=window.document.querySelector('#${s} .code-demo-container').shadowRoot;
+${o}}`)),t.appendChild(e)}};exports.getConfig=a;exports.h=r;exports.injectCSS=m;exports.injectScript=u;exports.loadScript=l;exports.options=n;exports.preProcessorConfig=d;

package/lib/components/md-code-demo/index.d.ts

@@ -1,10 +1,10 @@
-export declare const VftMdCodeDemo: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftMdCodeDemo: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
         required: true;
     };
     type: {
-        type: import("vue").PropType<"vue" | "normal" | "react">;
+        type: import("vue").PropType<"normal" | "vue" | "react">;
         default: string;
     };
     title: {
@@ -19,15 +19,13 @@ export declare const VftMdCodeDemo: import("vft/es/utils").SFCWithInstall<import
         type: StringConstructor;
         required: true;
     };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue").VNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
         required: true;
     };
     type: {
-        type: import("vue").PropType<"vue" | "normal" | "react">;
+        type: import("vue").PropType<"normal" | "vue" | "react">;
         default: string;
     };
     title: {
@@ -42,9 +40,9 @@ export declare const VftMdCodeDemo: import("vft/es/utils").SFCWithInstall<import
         type: StringConstructor;
         required: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     title: string;
     type: "vue" | "normal" | "react";
     config: string;
-}, {}>> & Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftMdCodeDemo;