mx-ui-template 0.1.9 → 0.2.2

package/dist/mx-ui-template.umd.cjs

@@ -1 +1 @@
-(function(l,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("naive-ui")):typeof define=="function"&&define.amd?define(["exports","vue","naive-ui"],t):(l=typeof globalThis<"u"?globalThis:l||self,t(l.MxUI={},l.Vue,l.NaiveUI))})(this,(function(l,t,c){"use strict";const B=t.defineComponent({__name:"Button",props:{type:{},size:{},circle:{type:Boolean},ghost:{type:Boolean},dashed:{type:Boolean},loading:{type:Boolean},onClick:{type:Function},id:{},class:{},style:{},disabled:{type:Boolean}},emits:["click"],setup(e,{emit:o}){const n=e,i=o,d=a=>{!n.disabled&&n.onClick&&n.onClick(a),i("click",a)};return(a,u)=>(t.openBlock(),t.createBlock(t.unref(c.NButton),{id:e.id,class:t.normalizeClass(e.class),style:t.normalizeStyle(e.style),type:e.type,size:e.size,circle:e.circle,ghost:e.ghost,dashed:e.dashed,loading:e.loading,disabled:e.disabled,onClick:d},{default:t.withCtx(()=>[t.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["id","class","style","type","size","circle","ghost","dashed","loading","disabled"]))}}),r=(e,o)=>{const n=e.__vccOpts||e;for(const[i,d]of o)n[i]=d;return n},f=r(B,[["__scopeId","data-v-fdf1cb77"]]),m=r(t.defineComponent({__name:"Input",props:{modelValue:{},type:{},size:{},placeholder:{},readonly:{type:Boolean},maxlength:{},showWordLimit:{type:Boolean},prefixIcon:{},suffixIcon:{},"onUpdate:modelValue":{type:Function},onBlur:{type:Function},onFocus:{type:Function},id:{},class:{},style:{},disabled:{type:Boolean}},emits:["update:modelValue","input","blur","focus"],setup(e,{emit:o}){const n=e,i=o,d=t.computed({get(){return n.modelValue?.toString()||""},set(s){i("update:modelValue",typeof n.modelValue=="number"&&s!==""?Number(s):s)}}),a=s=>{i("update:modelValue",s)},u=s=>{i("blur",s)},z=s=>{i("focus",s)};return(s,b)=>(t.openBlock(),t.createBlock(t.unref(c.NInput),{id:e.id,class:t.normalizeClass(e.class),style:t.normalizeStyle(e.style),value:d.value,"onUpdate:value":[b[0]||(b[0]=g=>d.value=g),a],type:e.type,size:e.size,placeholder:e.placeholder,readonly:e.readonly,maxlength:e.maxlength,"show-word-limit":e.showWordLimit,"prefix-icon":e.prefixIcon,"suffix-icon":e.suffixIcon,disabled:e.disabled,onBlur:u,onFocus:z},null,8,["id","class","style","value","type","size","placeholder","readonly","maxlength","show-word-limit","prefix-icon","suffix-icon","disabled"]))}}),[["__scopeId","data-v-be9f5c5c"]]),y=r(t.defineComponent({__name:"Card",props:{title:{},bordered:{type:Boolean},size:{},closable:{type:Boolean},onClose:{type:Function},id:{},class:{},style:{},disabled:{type:Boolean}},emits:["close"],setup(e,{emit:o}){const n=e,i=o,d=()=>{n.onClose&&n.onClose(),i("close")};return(a,u)=>(t.openBlock(),t.createBlock(t.unref(c.NCard),{id:e.id,class:t.normalizeClass(e.class),style:t.normalizeStyle(e.style),title:e.title,bordered:e.bordered,size:e.size,closable:e.closable,onClose:d},t.createSlots({default:t.withCtx(()=>[t.renderSlot(a.$slots,"default",{},void 0,!0)]),_:2},[a.$slots["header-extra"]?{name:"header-extra",fn:t.withCtx(()=>[t.renderSlot(a.$slots,"header-extra",{},void 0,!0)]),key:"0"}:void 0]),1032,["id","class","style","title","bordered","size","closable"]))}}),[["__scopeId","data-v-fdc12dd9"]]),C=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"})),h={Button:f,Input:m,Card:y},p={install:e=>{Object.values(h).forEach(o=>{e.component(o.name,o)})}};l.Button=f,l.Card=y,l.Input=m,l.components=h,l.default=p,l.types=C,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(C,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("naive-ui")):typeof define=="function"&&define.amd?define(["exports","vue","naive-ui"],t):(C=typeof globalThis<"u"?globalThis:C||self,t(C.MxUI={},C.Vue,C.NaiveUI))})(this,(function(C,t,U){"use strict";const De=t.defineComponent({__name:"Button",props:{type:{},size:{},circle:{type:Boolean},ghost:{type:Boolean},dashed:{type:Boolean},loading:{type:Boolean},onClick:{type:Function},id:{},class:{},style:{},disabled:{type:Boolean}},emits:["click"],setup(e,{emit:n}){const o=e,a=n,c=l=>{!o.disabled&&o.onClick&&o.onClick(l),a("click",l)};return(l,i)=>(t.openBlock(),t.createBlock(t.unref(U.NButton),{id:e.id,class:t.normalizeClass(e.class),style:t.normalizeStyle(e.style),type:e.type,size:e.size,circle:e.circle,ghost:e.ghost,dashed:e.dashed,loading:e.loading,disabled:e.disabled,onClick:c},{default:t.withCtx(()=>[t.renderSlot(l.$slots,"default",{},void 0,!0)]),_:3},8,["id","class","style","type","size","circle","ghost","dashed","loading","disabled"]))}}),A=(e,n)=>{const o=e.__vccOpts||e;for(const[a,c]of n)o[a]=c;return o},ne=A(De,[["__scopeId","data-v-fdf1cb77"]]),oe=A(t.defineComponent({__name:"Input",props:{modelValue:{},type:{},size:{},placeholder:{},readonly:{type:Boolean},maxlength:{},showWordLimit:{type:Boolean},prefixIcon:{},suffixIcon:{},"onUpdate:modelValue":{type:Function},onBlur:{type:Function},onFocus:{type:Function},id:{},class:{},style:{},disabled:{type:Boolean}},emits:["update:modelValue","input","blur","focus"],setup(e,{emit:n}){const o=e,a=n,c=t.computed({get(){return o.modelValue?.toString()||""},set(r){a("update:modelValue",typeof o.modelValue=="number"&&r!==""?Number(r):r)}}),l=r=>{a("update:modelValue",r)},i=r=>{a("blur",r)},s=r=>{a("focus",r)};return(r,d)=>(t.openBlock(),t.createBlock(t.unref(U.NInput),{id:e.id,class:t.normalizeClass(e.class),style:t.normalizeStyle(e.style),value:c.value,"onUpdate:value":[d[0]||(d[0]=h=>c.value=h),l],type:e.type,size:e.size,placeholder:e.placeholder,readonly:e.readonly,maxlength:e.maxlength,"show-word-limit":e.showWordLimit,"prefix-icon":e.prefixIcon,"suffix-icon":e.suffixIcon,disabled:e.disabled,onBlur:i,onFocus:s},null,8,["id","class","style","value","type","size","placeholder","readonly","maxlength","show-word-limit","prefix-icon","suffix-icon","disabled"]))}}),[["__scopeId","data-v-be9f5c5c"]]),ae=A(t.defineComponent({__name:"Card",props:{title:{},bordered:{type:Boolean},size:{},closable:{type:Boolean},onClose:{type:Function},id:{},class:{},style:{},disabled:{type:Boolean}},emits:["close"],setup(e,{emit:n}){const o=e,a=n,c=()=>{o.onClose&&o.onClose(),a("close")};return(l,i)=>(t.openBlock(),t.createBlock(t.unref(U.NCard),{id:e.id,class:t.normalizeClass(e.class),style:t.normalizeStyle(e.style),title:e.title,bordered:e.bordered,size:e.size,closable:e.closable,onClose:c},t.createSlots({default:t.withCtx(()=>[t.renderSlot(l.$slots,"default",{},void 0,!0)]),_:2},[l.$slots["header-extra"]?{name:"header-extra",fn:t.withCtx(()=>[t.renderSlot(l.$slots,"header-extra",{},void 0,!0)]),key:"0"}:void 0]),1032,["id","class","style","title","bordered","size","closable"]))}}),[["__scopeId","data-v-fdc12dd9"]]);function ze(){}const k=Object.assign,Y=typeof window<"u",F=e=>e!==null&&typeof e=="object",v=e=>e!=null,W=e=>typeof e=="function",Ae=e=>F(e)&&W(e.then)&&W(e.catch),se=e=>typeof e=="number"||/^\d+(\.\d+)?$/.test(e),Fe=()=>Y?/ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()):!1;function le(e,n){const o=n.split(".");let a=e;return o.forEach(c=>{var l;a=F(a)&&(l=a[c])!=null?l:""}),a}function Le(e,n,o){return n.reduce((a,c)=>(a[c]=e[c],a),{})}const L=null,b=[Number,String],I={type:Boolean,default:!0},je=e=>({type:Number,default:e}),K=e=>({type:b,default:e}),E=e=>({type:String,default:e});var X=typeof window<"u";function ce(e){let n;t.onMounted(()=>{e(),t.nextTick(()=>{n=!0})}),t.onActivated(()=>{n&&e()})}function Z(e,n,o={}){if(!X)return;const{target:a=window,passive:c=!1,capture:l=!1}=o;let i=!1,s;const r=m=>{if(i)return;const f=t.unref(m);f&&!s&&(f.addEventListener(e,n,{capture:l,passive:c}),s=!0)},d=m=>{if(i)return;const f=t.unref(m);f&&s&&(f.removeEventListener(e,n,l),s=!1)};t.onUnmounted(()=>d(a)),t.onDeactivated(()=>d(a)),ce(()=>r(a));let h;return t.isRef(a)&&(h=t.watch(a,(m,f)=>{d(f),r(m)})),()=>{h?.(),d(a),i=!0}}var j,G;function Re(){if(!j&&(j=t.ref(0),G=t.ref(0),X)){const e=()=>{j.value=window.innerWidth,G.value=window.innerHeight};e(),window.addEventListener("resize",e,{passive:!0}),window.addEventListener("orientationchange",e,{passive:!0})}return{width:j,height:G}}var Me=/scroll|auto|overlay/i,re=X?window:void 0;function He(e){return e.tagName!=="HTML"&&e.tagName!=="BODY"&&e.nodeType===1}function ie(e,n=re){let o=e;for(;o&&o!==n&&He(o);){const{overflowY:a}=window.getComputedStyle(o);if(Me.test(a))return o;o=o.parentNode}return n}function _e(e,n=re){const o=t.ref();return t.onMounted(()=>{e.value&&(o.value=ie(e.value,n))}),o}function Ue(e){const n="scrollTop"in e?e.scrollTop:e.pageYOffset;return Math.max(n,0)}Fe();const Ye=e=>e.stopPropagation();function q(e,n){(typeof e.cancelable!="boolean"||e.cancelable)&&e.preventDefault(),n&&Ye(e)}Re();function S(e){if(v(e))return se(e)?`${e}px`:String(e)}function We(e){if(v(e)){if(Array.isArray(e))return{width:S(e[0]),height:S(e[1])};const n=S(e);return{width:n,height:n}}}function Ke(e){const n={};return e!==void 0&&(n.zIndex=+e),n}const Xe=/-(\w)/g,de=e=>e.replace(Xe,(n,o)=>o.toUpperCase()),Ze=e=>e.replace(/([A-Z])/g,"-$1").toLowerCase().replace(/^-/,""),{hasOwnProperty:Ge}=Object.prototype;function qe(e,n,o){const a=n[o];v(a)&&(!Ge.call(e,o)||!F(a)?e[o]=a:e[o]=ue(Object(e[o]),a))}function ue(e,n){return Object.keys(n).forEach(o=>{qe(e,n,o)}),e}var Je={name:"姓名",tel:"电话",save:"保存",clear:"清空",cancel:"取消",confirm:"确认",delete:"删除",loading:"加载中...",noCoupon:"暂无优惠券",nameEmpty:"请填写姓名",addContact:"添加联系人",telInvalid:"请填写正确的电话",vanCalendar:{end:"结束",start:"开始",title:"日期选择",weekdays:["日","一","二","三","四","五","六"],monthTitle:(e,n)=>`${e}年${n}月`,rangePrompt:e=>`最多选择 ${e} 天`},vanCascader:{select:"请选择"},vanPagination:{prev:"上一页",next:"下一页"},vanPullRefresh:{pulling:"下拉即可刷新...",loosing:"释放即可刷新..."},vanSubmitBar:{label:"合计:"},vanCoupon:{unlimited:"无门槛",discount:e=>`${e}折`,condition:e=>`满${e}元可用`},vanCouponCell:{title:"优惠券",count:e=>`${e}张可用`},vanCouponList:{exchange:"兑换",close:"不使用",enable:"可用",disabled:"不可用",placeholder:"输入优惠码"},vanAddressEdit:{area:"地区",areaEmpty:"请选择地区",addressEmpty:"请填写详细地址",addressDetail:"详细地址",defaultAddress:"设为默认收货地址"},vanAddressList:{add:"新增地址"}};const fe=t.ref("zh-CN"),me=t.reactive({"zh-CN":Je});var Qe={messages(){return me[fe.value]},use(e,n){fe.value=e,this.add({[e]:n})},add(e={}){ue(me,e)}};function et(e){const n=de(e)+".";return(o,...a)=>{const c=Qe.messages(),l=le(c,n+o)||le(c,o);return W(l)?l(...a):l}}function J(e,n){return n?typeof n=="string"?` ${e}--${n}`:Array.isArray(n)?n.reduce((o,a)=>o+J(e,a),""):Object.keys(n).reduce((o,a)=>o+(n[a]?J(e,a):""),""):""}function tt(e){return(n,o)=>(n&&typeof n!="string"&&(o=n,n=""),n=n?`${e}__${n}`:e,`${n}${J(n,o)}`)}function V(e){const n=`van-${e}`;return[n,tt(n),et(n)]}const nt="van-haptics-feedback",he=5;function ot(e,{args:n=[],done:o,canceled:a,error:c}){if(e){const l=e.apply(null,n);Ae(l)?l.then(i=>{i?o():a&&a()}).catch(c||ze):l?o():a&&a()}else o()}function T(e){return e.install=n=>{const{name:o}=e;o&&(n.component(o,e),n.component(de(`-${o}`),e))},e}const at=Symbol();function ge(e){const n=t.getCurrentInstance();n&&k(n.proxy,e)}const[st,ye]=V("badge"),lt={dot:Boolean,max:b,tag:E("div"),color:String,offset:Array,content:b,showZero:I,position:E("top-right")};var ct=t.defineComponent({name:st,props:lt,setup(e,{slots:n}){const o=()=>{if(n.content)return!0;const{content:s,showZero:r}=e;return v(s)&&s!==""&&(r||s!==0&&s!=="0")},a=()=>{const{dot:s,max:r,content:d}=e;if(!s&&o())return n.content?n.content():v(r)&&se(d)&&+d>+r?`${r}+`:d},c=s=>s.startsWith("-")?s.replace("-",""):`-${s}`,l=t.computed(()=>{const s={background:e.color};if(e.offset){const[r,d]=e.offset,{position:h}=e,[m,f]=h.split("-");n.default?(typeof d=="number"?s[m]=S(m==="top"?d:-d):s[m]=m==="top"?S(d):c(d),typeof r=="number"?s[f]=S(f==="left"?r:-r):s[f]=f==="left"?S(r):c(r)):(s.marginTop=S(d),s.marginLeft=S(r))}return s}),i=()=>{if(o()||e.dot)return t.createVNode("div",{class:ye([e.position,{dot:e.dot,fixed:!!n.default}]),style:l.value},[a()])};return()=>{if(n.default){const{tag:s}=e;return t.createVNode(s,{class:ye("wrapper")},{default:()=>[n.default(),i()]})}return i()}}});const rt=T(ct);let pe=2e3;const it=()=>++pe,dt=e=>{pe=e},[be,ut]=V("config-provider"),Ce=Symbol(be),ft={tag:E("div"),theme:E("light"),zIndex:Number,themeVars:Object,themeVarsDark:Object,themeVarsLight:Object,themeVarsScope:E("local"),iconPrefix:String};function mt(e){return e.replace(/([a-zA-Z])(\d)/g,"$1-$2")}function ht(e){const n={};return Object.keys(e).forEach(o=>{const a=mt(Ze(o));n[`--van-${a}`]=e[o]}),n}function R(e={},n={}){Object.keys(e).forEach(o=>{e[o]!==n[o]&&document.documentElement.style.setProperty(o,e[o])}),Object.keys(n).forEach(o=>{e[o]||document.documentElement.style.removeProperty(o)})}t.defineComponent({name:be,props:ft,setup(e,{slots:n}){const o=t.computed(()=>ht(k({},e.themeVars,e.theme==="dark"?e.themeVarsDark:e.themeVarsLight)));if(Y){const a=()=>{document.documentElement.classList.add(`van-theme-${e.theme}`)},c=(l=e.theme)=>{document.documentElement.classList.remove(`van-theme-${l}`)};t.watch(()=>e.theme,(l,i)=>{i&&c(i),a()},{immediate:!0}),t.onActivated(a),t.onDeactivated(c),t.onBeforeUnmount(c),t.watch(o,(l,i)=>{e.themeVarsScope==="global"&&R(l,i)}),t.watch(()=>e.themeVarsScope,(l,i)=>{i==="global"&&R({},o.value),l==="global"&&R(o.value,{})}),e.themeVarsScope==="global"&&R(o.value,{})}return t.provide(Ce,e),t.watchEffect(()=>{e.zIndex!==void 0&&dt(e.zIndex)}),()=>t.createVNode(e.tag,{class:ut(),style:e.themeVarsScope==="local"?o.value:void 0},{default:()=>{var a;return[(a=n.default)==null?void 0:a.call(n)]}})}});const[gt,Ee]=V("icon"),yt=e=>e?.includes("/"),pt={dot:Boolean,tag:E("i"),name:String,size:b,badge:b,color:String,badgeProps:Object,classPrefix:String};var bt=t.defineComponent({name:gt,props:pt,setup(e,{slots:n}){const o=t.inject(Ce,null),a=t.computed(()=>e.classPrefix||o?.iconPrefix||Ee());return()=>{const{tag:c,dot:l,name:i,size:s,badge:r,color:d}=e,h=yt(i);return t.createVNode(rt,t.mergeProps({dot:l,tag:c,class:[a.value,h?"":`${a.value}-${i}`],style:{color:d,fontSize:S(s)},content:r},e.badgeProps),{default:()=>{var m;return[(m=n.default)==null?void 0:m.call(n),h&&t.createVNode("img",{class:Ee("image"),src:i},null)]}})}}});const we=T(bt),[Ct,P]=V("loading"),Et=Array(12).fill(null).map((e,n)=>t.createVNode("i",{class:P("line",String(n+1))},null)),wt=t.createVNode("svg",{class:P("circular"),viewBox:"25 25 50 50"},[t.createVNode("circle",{cx:"50",cy:"50",r:"20",fill:"none"},null)]),Bt={size:b,type:E("circular"),color:String,vertical:Boolean,textSize:b,textColor:String};var St=t.defineComponent({name:Ct,props:Bt,setup(e,{slots:n}){const o=t.computed(()=>k({color:e.color},We(e.size))),a=()=>{const l=e.type==="spinner"?Et:wt;return t.createVNode("span",{class:P("spinner",e.type),style:o.value},[n.icon?n.icon():l])},c=()=>{var l;if(n.default)return t.createVNode("span",{class:P("text"),style:{fontSize:S(e.textSize),color:(l=e.textColor)!=null?l:e.color}},[n.default()])};return()=>{const{type:l,vertical:i}=e;return t.createVNode("div",{class:P([l,{vertical:i}]),"aria-live":"polite","aria-busy":!0},[a(),c()])}}});const Be=T(St),xt={show:Boolean,zIndex:b,overlay:I,duration:b,teleport:[String,Object],lockScroll:I,lazyRender:I,beforeClose:Function,overlayProps:Object,overlayStyle:Object,overlayClass:L,transitionAppear:Boolean,closeOnClickOverlay:I};function kt(e,n){return e>n?"horizontal":n>e?"vertical":""}function Se(){const e=t.ref(0),n=t.ref(0),o=t.ref(0),a=t.ref(0),c=t.ref(0),l=t.ref(0),i=t.ref(""),s=t.ref(!0),r=()=>i.value==="vertical",d=()=>i.value==="horizontal",h=()=>{o.value=0,a.value=0,c.value=0,l.value=0,i.value="",s.value=!0};return{move:p=>{const w=p.touches[0];o.value=(w.clientX<0?0:w.clientX)-e.value,a.value=w.clientY-n.value,c.value=Math.abs(o.value),l.value=Math.abs(a.value);const x=10;(!i.value||c.value<x&&l.value<x)&&(i.value=kt(c.value,l.value)),s.value&&(c.value>he||l.value>he)&&(s.value=!1)},start:p=>{h(),e.value=p.touches[0].clientX,n.value=p.touches[0].clientY},reset:h,startX:e,startY:n,deltaX:o,deltaY:a,offsetX:c,offsetY:l,direction:i,isVertical:r,isHorizontal:d,isTap:s}}let $=0;const xe="van-overflow-hidden";function vt(e,n){const o=Se(),a="01",c="10",l=h=>{o.move(h);const m=o.deltaY.value>0?c:a,f=ie(h.target,e.value),{scrollHeight:p,offsetHeight:w,scrollTop:x}=f;let B="11";x===0?B=w>=p?"00":"01":x+w>=p&&(B="10"),B!=="11"&&o.isVertical()&&!(parseInt(B,2)&parseInt(m,2))&&q(h,!0)},i=()=>{document.addEventListener("touchstart",o.start),document.addEventListener("touchmove",l,{passive:!1}),$||document.body.classList.add(xe),$++},s=()=>{$&&(document.removeEventListener("touchstart",o.start),document.removeEventListener("touchmove",l),$--,$||document.body.classList.remove(xe))},r=()=>n()&&i(),d=()=>n()&&s();ce(r),t.onDeactivated(d),t.onBeforeUnmount(d),t.watch(n,h=>{h?i():s()})}function ke(e){const n=t.ref(!1);return t.watch(e,o=>{o&&(n.value=o)},{immediate:!0}),o=>()=>n.value?o():null}const ve=()=>{var e;const{scopeId:n}=((e=t.getCurrentInstance())==null?void 0:e.vnode)||{};return n?{[n]:""}:null},[Vt,Ot]=V("overlay"),It={show:Boolean,zIndex:b,duration:b,className:L,lockScroll:I,lazyRender:I,customStyle:Object,teleport:[String,Object]};var Tt=t.defineComponent({name:Vt,inheritAttrs:!1,props:It,setup(e,{attrs:n,slots:o}){const a=t.ref(),c=ke(()=>e.show||!e.lazyRender),l=s=>{e.lockScroll&&q(s,!0)},i=c(()=>{var s;const r=k(Ke(e.zIndex),e.customStyle);return v(e.duration)&&(r.animationDuration=`${e.duration}s`),t.withDirectives(t.createVNode("div",t.mergeProps({ref:a,style:r,class:[Ot(),e.className]},n),[(s=o.default)==null?void 0:s.call(o)]),[[t.vShow,e.show]])});return Z("touchmove",l,{target:a}),()=>{const s=t.createVNode(t.Transition,{name:"van-fade",appear:!0},{default:i});return e.teleport?t.createVNode(t.Teleport,{to:e.teleport},{default:()=>[s]}):s}}});const Nt=T(Tt),Pt=k({},xt,{round:Boolean,position:E("center"),closeIcon:E("cross"),closeable:Boolean,transition:String,iconPrefix:String,closeOnPopstate:Boolean,closeIconPosition:E("top-right"),destroyOnClose:Boolean,safeAreaInsetTop:Boolean,safeAreaInsetBottom:Boolean}),[$t,Ve]=V("popup");var Dt=t.defineComponent({name:$t,inheritAttrs:!1,props:Pt,emits:["open","close","opened","closed","keydown","update:show","clickOverlay","clickCloseIcon"],setup(e,{emit:n,attrs:o,slots:a}){let c,l;const i=t.ref(),s=t.ref(),r=ke(()=>e.show||!e.lazyRender),d=t.computed(()=>{const g={zIndex:i.value};if(v(e.duration)){const O=e.position==="center"?"animationDuration":"transitionDuration";g[O]=`${e.duration}s`}return g}),h=()=>{c||(c=!0,i.value=e.zIndex!==void 0?+e.zIndex:it(),n("open"))},m=()=>{c&&ot(e.beforeClose,{done(){c=!1,n("close"),n("update:show",!1)}})},f=g=>{n("clickOverlay",g),e.closeOnClickOverlay&&m()},p=()=>{if(e.overlay){const g=k({show:e.show,class:e.overlayClass,zIndex:i.value,duration:e.duration,customStyle:e.overlayStyle,role:e.closeOnClickOverlay?"button":void 0,tabindex:e.closeOnClickOverlay?0:void 0},e.overlayProps);return t.createVNode(Nt,t.mergeProps(g,ve(),{onClick:f}),{default:a["overlay-content"]})}},w=g=>{n("clickCloseIcon",g),m()},x=()=>{if(e.closeable)return t.createVNode(we,{role:"button",tabindex:0,name:e.closeIcon,class:[Ve("close-icon",e.closeIconPosition),nt],classPrefix:e.iconPrefix,onClick:w},null)};let B;const Q=()=>{B&&clearTimeout(B),B=setTimeout(()=>{n("opened")})},ee=()=>n("closed"),H=g=>n("keydown",g),u=r(()=>{var g;const{destroyOnClose:O,round:te,position:_,safeAreaInsetTop:un,safeAreaInsetBottom:fn,show:$e}=e;if(!(!$e&&O))return t.withDirectives(t.createVNode("div",t.mergeProps({ref:s,style:d.value,role:"dialog",tabindex:0,class:[Ve({round:te,[_]:_}),{"van-safe-area-top":un,"van-safe-area-bottom":fn}],onKeydown:H},o,ve()),[(g=a.default)==null?void 0:g.call(a),x()]),[[t.vShow,$e]])}),y=()=>{const{position:g,transition:O,transitionAppear:te}=e,_=g==="center"?"van-fade":`van-popup-slide-${g}`;return t.createVNode(t.Transition,{name:O||_,appear:te,onAfterEnter:Q,onAfterLeave:ee},{default:u})};return t.watch(()=>e.show,g=>{g&&!c&&(h(),o.tabindex===0&&t.nextTick(()=>{var O;(O=s.value)==null||O.focus()})),!g&&c&&(c=!1,n("close"))}),ge({popupRef:s}),vt(s,()=>e.show&&e.lockScroll),Z("popstate",()=>{e.closeOnPopstate&&(m(),l=!1)}),t.onMounted(()=>{e.show&&h()}),t.onActivated(()=>{l&&(n("update:show",!0),l=!1)}),t.onDeactivated(()=>{e.show&&e.teleport&&(m(),l=!0)}),t.provide(at,()=>e.show),()=>e.teleport?t.createVNode(t.Teleport,{to:e.teleport},{default:()=>[p(),y()]}):t.createVNode(t.Fragment,null,[p(),y()])}});const zt=T(Dt);let D=0;function At(e){e?(D||document.body.classList.add("van-toast--unclickable"),D++):D&&(D--,D||document.body.classList.remove("van-toast--unclickable"))}const[Ft,N]=V("toast"),Lt=["show","overlay","teleport","transition","overlayClass","overlayStyle","closeOnClickOverlay","zIndex"],jt={icon:String,show:Boolean,type:E("text"),overlay:Boolean,message:b,iconSize:b,duration:je(2e3),position:E("middle"),teleport:[String,Object],wordBreak:String,className:L,iconPrefix:String,transition:E("van-fade"),loadingType:String,forbidClick:Boolean,overlayClass:L,overlayStyle:Object,closeOnClick:Boolean,closeOnClickOverlay:Boolean,zIndex:b};var Oe=t.defineComponent({name:Ft,props:jt,emits:["update:show"],setup(e,{emit:n,slots:o}){let a,c=!1;const l=()=>{const m=e.show&&e.forbidClick;c!==m&&(c=m,At(c))},i=m=>n("update:show",m),s=()=>{e.closeOnClick&&i(!1)},r=()=>clearTimeout(a),d=()=>{const{icon:m,type:f,iconSize:p,iconPrefix:w,loadingType:x}=e;if(m||f==="success"||f==="fail")return t.createVNode(we,{name:m||f,size:p,class:N("icon"),classPrefix:w},null);if(f==="loading")return t.createVNode(Be,{class:N("loading"),size:p,type:x},null)},h=()=>{const{type:m,message:f}=e;if(o.message)return t.createVNode("div",{class:N("text")},[o.message()]);if(v(f)&&f!=="")return m==="html"?t.createVNode("div",{key:0,class:N("text"),innerHTML:String(f)},null):t.createVNode("div",{class:N("text")},[f])};return t.watch(()=>[e.show,e.forbidClick],l),t.watch(()=>[e.show,e.type,e.message,e.duration],()=>{r(),e.show&&e.duration>0&&(a=setTimeout(()=>{i(!1)},e.duration))}),t.onMounted(l),t.onUnmounted(l),()=>t.createVNode(zt,t.mergeProps({class:[N([e.position,e.wordBreak==="normal"?"break-normal":e.wordBreak,{[e.type]:!e.icon}]),e.className],lockScroll:!1,onClick:s,onClosed:r,"onUpdate:show":i},Le(e,Lt)),{default:()=>[d(),h()]})}});function Rt(){const e=t.reactive({show:!1}),n=c=>{e.show=c},o=c=>{k(e,c,{transitionAppear:!0}),n(!0)},a=()=>n(!1);return ge({open:o,close:a,toggle:n}),{open:o,close:a,state:e,toggle:n}}function Mt(e){const n=t.createApp(e),o=document.createElement("div");return document.body.appendChild(o),{instance:n.mount(o),unmount(){n.unmount(),document.body.removeChild(o)}}}const Ht={icon:"",type:"text",message:"",className:"",overlay:!1,onClose:void 0,onOpened:void 0,duration:2e3,teleport:"body",iconSize:void 0,iconPrefix:void 0,position:"middle",transition:"van-fade",forbidClick:!1,loadingType:void 0,overlayClass:"",overlayStyle:void 0,closeOnClick:!1,closeOnClickOverlay:!1};let M=[],_t=!1,Ie=k({},Ht);const Ut=new Map;function Yt(e){return F(e)?e:{message:e}}function Wt(){const{instance:e}=Mt({setup(){const n=t.ref(""),{open:o,state:a,close:c,toggle:l}=Rt(),i=()=>{},s=()=>{const r={onClosed:i,"onUpdate:show":l};return t.createVNode(Oe,t.mergeProps(a,r),null)};return t.watch(n,r=>{a.message=r}),t.getCurrentInstance().render=s,{open:o,close:c,message:n}}});return e}function Kt(){if(!M.length||_t){const e=Wt();M.push(e)}return M[M.length-1]}function Xt(e={}){if(!Y)return{};const n=Kt(),o=Yt(e);return n.open(k({},Ie,Ut.get(o.type||Ie.type),o)),n}T(Oe);const[Zt,z,Gt]=V("pull-refresh"),Te=50,qt=["pulling","loosing","success"],Jt={disabled:Boolean,modelValue:Boolean,headHeight:K(Te),successText:String,pullingText:String,loosingText:String,loadingText:String,pullDistance:b,successDuration:K(500),animationDuration:K(300)};var Qt=t.defineComponent({name:Zt,props:Jt,emits:["change","refresh","update:modelValue"],setup(e,{emit:n,slots:o}){let a;const c=t.ref(),l=t.ref(),i=_e(c),s=t.reactive({status:"normal",distance:0,duration:0}),r=Se(),d=()=>{if(e.headHeight!==Te)return{height:`${e.headHeight}px`}},h=()=>s.status!=="loading"&&s.status!=="success"&&!e.disabled,m=u=>{const y=+(e.pullDistance||e.headHeight);return u>y&&(u<y*2?u=y+(u-y)/2:u=y*1.5+(u-y*2)/4),Math.round(u)},f=(u,y)=>{const g=+(e.pullDistance||e.headHeight);s.distance=u,y?s.status="loading":u===0?s.status="normal":u<g?s.status="pulling":s.status="loosing",n("change",{status:s.status,distance:u})},p=()=>{const{status:u}=s;return u==="normal"?"":e[`${u}Text`]||Gt(u)},w=()=>{const{status:u,distance:y}=s;if(o[u])return o[u]({distance:y});const g=[];return qt.includes(u)&&g.push(t.createVNode("div",{class:z("text")},[p()])),u==="loading"&&g.push(t.createVNode(Be,{class:z("loading")},{default:p})),g},x=()=>{s.status="success",setTimeout(()=>{f(0)},+e.successDuration)},B=u=>{a=Ue(i.value)===0,a&&(s.duration=0,r.start(u))},Q=u=>{h()&&B(u)},ee=u=>{if(h()){a||B(u);const{deltaY:y}=r;r.move(u),a&&y.value>=0&&r.isVertical()&&(q(u),f(m(y.value)))}},H=()=>{a&&r.deltaY.value&&h()&&(s.duration=+e.animationDuration,s.status==="loosing"?(f(+e.headHeight,!0),n("update:modelValue",!0),t.nextTick(()=>n("refresh"))):f(0))};return t.watch(()=>e.modelValue,u=>{s.duration=+e.animationDuration,u?f(+e.headHeight,!0):o.success||e.successText?x():f(0,!1)}),Z("touchmove",ee,{target:l}),()=>{var u;const y={transitionDuration:`${s.duration}ms`,transform:s.distance?`translate3d(0,${s.distance}px, 0)`:""};return t.createVNode("div",{ref:c,class:z()},[t.createVNode("div",{ref:l,class:z("track"),style:y,onTouchstartPassive:Q,onTouchend:H,onTouchcancel:H},[t.createVNode("div",{class:z("head"),style:d()},[w()]),(u=o.default)==null?void 0:u.call(o)])])}}});const en=T(Qt),tn={key:0,class:"mx-app-page-header"},nn={key:0,class:"mx-app-page-header-left"},on={class:"mx-app-page-header-center"},an={class:"mx-app-page-title"},sn={class:"mx-app-page-header-right"},ln={key:1,class:"mx-app-page-search"},cn={class:"search-content"},Ne=A(t.defineComponent({__name:"index",props:{title:{default:""},showBack:{type:Boolean,default:!0},showHeader:{type:Boolean,default:!0},enablePullRefresh:{type:Boolean,default:!1},refreshing:{type:Boolean,default:!1},showSearch:{type:Boolean,default:!0},onRefresh:{},onBack:{},id:{},class:{},style:{},disabled:{type:Boolean}},emits:["back","refresh"],setup(e,{emit:n}){const o=n,a=t.ref(0),c=t.ref(!1),l=()=>{setTimeout(()=>{Xt("刷新成功"),c.value=!1,a.value++},1e3)},i=t.ref(),s=()=>{o("back")};return(r,d)=>(t.openBlock(),t.createElementBlock("div",{id:"id",class:t.normalizeClass(["mx-app-page",{"mx-app-page-with-header":e.showHeader}])},[e.showHeader?(t.openBlock(),t.createElementBlock("header",tn,[e.showBack?(t.openBlock(),t.createElementBlock("div",nn,[t.createElementVNode("div",{class:"mx-app-page-back",onClick:s},[...d[1]||(d[1]=[t.createElementVNode("i",{class:"iconfont icon-fanhui1 icon"},null,-1)])])])):t.createCommentVNode("",!0),t.createElementVNode("div",on,[t.renderSlot(r.$slots,"title",{},()=>[t.createElementVNode("span",an,t.toDisplayString(e.title),1)],!0)]),t.createElementVNode("div",sn,[t.renderSlot(r.$slots,"header-right",{},void 0,!0)])])):t.createCommentVNode("",!0),e.showSearch?(t.openBlock(),t.createElementBlock("div",ln,[t.createElementVNode("div",cn,[t.renderSlot(r.$slots,"search",{},void 0,!0)]),d[2]||(d[2]=t.createElementVNode("i",{class:"iconfont icon-sousuo icon"},null,-1))])):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["mx-app-page-content-wrapper",{"has-search":e.showSearch,"has-header":e.showHeader}]),ref_key:"contentWrapperRef",ref:i},[t.createVNode(t.unref(en),{modelValue:c.value,"onUpdate:modelValue":d[0]||(d[0]=h=>c.value=h),onRefresh:l},{default:t.withCtx(()=>[t.createElementVNode("p",null,"刷新次数: "+t.toDisplayString(a.value),1)]),_:1},8,["modelValue"])],2)],2))}}),[["__scopeId","data-v-b5dbaec1"]]),rn=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"})),Pe={Button:ne,Input:oe,Card:ae,AppPage:Ne},dn={install:e=>{Object.values(Pe).forEach(n=>{e.component(n.name,n)})}};C.AppPage=Ne,C.Button=ne,C.Card=ae,C.Input=oe,C.components=Pe,C.default=dn,C.types=rn,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/dist/mx-ui-template_utils.js

@@ -1,44 +1,45 @@
-function i(t, e, o) {
-  const n = document.createElement("canvas");
-  n.width = e, n.height = e;
-  const r = n.getContext("2d");
-  return r.beginPath(), r.arc(e / 2, e / 2, e / 2, 0, Math.PI * 2), r.fillStyle = a(t), r.fill(), r.font = `bold ${e / o}rem Arial`, r.textAlign = "center", r.textBaseline = "middle", r.fillStyle = "#fff", r.fillText(
-    t.charAt(0).toUpperCase() + t.charAt(1).toUpperCase(),
+function c(t, i, o) {
+  const r = document.createElement("canvas");
+  let { size: e, baseFontSize: l } = o || {};
+  e = e || 128, i ? l = l || 20 * 3.5 : l = l || 20 * 1.5, r.width = e, r.height = e;
+  const n = r.getContext("2d");
+  return n.beginPath(), o?.isCircle ?? !0 ? n.arc(e / 2, e / 2, e / 2, 0, Math.PI * 2) : n.rect(0, 0, e, e), n.fillStyle = a(t), n.fill(), n.font = `bold ${e / l}rem Arial`, n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = "#fff", n.fillText(
+    t.charAt(t.length - 2).toUpperCase() + t.charAt(t.length - 1).toUpperCase(),
     e / 2,
     e / 2
-  ), n.toDataURL("image/png");
+  ), r.toDataURL("image/png");
 }
 function a(t) {
-  let e = 0;
-  for (let n = 0; n < t.length; n++)
-    e = t.charCodeAt(n) + ((e << 5) - e);
-  return "#" + (e & 16777215).toString(16).padStart(6, "0");
+  let i = 0;
+  for (let r = 0; r < t.length; r++)
+    i = t.charCodeAt(r) + ((i << 5) - i);
+  return "#" + (i & 16777215).toString(16).padStart(6, "0");
 }
-function c(t, e) {
+function s(t, i) {
   if (!t) return "";
   const o = t instanceof Date ? t : new Date(t);
   if (Number.isNaN(o.getTime())) return "";
-  const n = e?.locale ?? void 0, r = e?.options ?? {
+  const r = i?.locale ?? void 0, e = i?.options ?? {
     year: "numeric",
     month: "2-digit",
     day: "2-digit"
   };
-  return new Intl.DateTimeFormat(n, r).format(o);
+  return new Intl.DateTimeFormat(r, e).format(o);
 }
-function l(t) {
+function f(t) {
   return t == null ? !0 : typeof t == "string" ? t.trim() === "" : Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
-const f = {
-  formatDate: c,
-  isEmpty: l,
-  generateTextAvatar: i,
+const h = {
+  formatDate: s,
+  isEmpty: f,
+  generateTextAvatar: c,
   generateColor: a
 };
 export {
-  f as default,
-  c as formatDate,
+  h as default,
+  s as formatDate,
   a as generateColor,
-  i as generateTextAvatar,
-  l as isEmpty,
-  f as utils
+  c as generateTextAvatar,
+  f as isEmpty,
+  h as utils
 };

package/dist/mx-ui-template_utils.umd.cjs

@@ -1 +1 @@
-(function(n,i){typeof exports=="object"&&typeof module<"u"?i(exports):typeof define=="function"&&define.amd?define(["exports"],i):(n=typeof globalThis<"u"?globalThis:n||self,i(n.MxUIUtils={}))})(this,(function(n){"use strict";function i(t,e,a){const o=document.createElement("canvas");o.width=e,o.height=e;const r=o.getContext("2d");return r.beginPath(),r.arc(e/2,e/2,e/2,0,Math.PI*2),r.fillStyle=f(t),r.fill(),r.font=`bold ${e/a}rem Arial`,r.textAlign="center",r.textBaseline="middle",r.fillStyle="#fff",r.fillText(t.charAt(0).toUpperCase()+t.charAt(1).toUpperCase(),e/2,e/2),o.toDataURL("image/png")}function f(t){let e=0;for(let o=0;o<t.length;o++)e=t.charCodeAt(o)+((e<<5)-e);return"#"+(e&16777215).toString(16).padStart(6,"0")}function l(t,e){if(!t)return"";const a=t instanceof Date?t:new Date(t);if(Number.isNaN(a.getTime()))return"";const o=e?.locale??void 0,r=e?.options??{year:"numeric",month:"2-digit",day:"2-digit"};return new Intl.DateTimeFormat(o,r).format(a)}function c(t){return t==null?!0:typeof t=="string"?t.trim()==="":Array.isArray(t)?t.length===0:typeof t=="object"?Object.keys(t).length===0:!1}const d={formatDate:l,isEmpty:c,generateTextAvatar:i,generateColor:f};n.default=d,n.formatDate=l,n.generateColor=f,n.generateTextAvatar=i,n.isEmpty=c,n.utils=d,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(i,l){typeof exports=="object"&&typeof module<"u"?l(exports):typeof define=="function"&&define.amd?define(["exports"],l):(i=typeof globalThis<"u"?globalThis:i||self,l(i.MxUIUtils={}))})(this,(function(i){"use strict";function l(e,o,a){const n=document.createElement("canvas");let{size:t,baseFontSize:f}=a||{};t=t||128,o?f=f||20*3.5:f=f||20*1.5,n.width=t,n.height=t;const r=n.getContext("2d");return r.beginPath(),a?.isCircle??!0?r.arc(t/2,t/2,t/2,0,Math.PI*2):r.rect(0,0,t,t),r.fillStyle=c(e),r.fill(),r.font=`bold ${t/f}rem Arial`,r.textAlign="center",r.textBaseline="middle",r.fillStyle="#fff",r.fillText(e.charAt(e.length-2).toUpperCase()+e.charAt(e.length-1).toUpperCase(),t/2,t/2),n.toDataURL("image/png")}function c(e){let o=0;for(let n=0;n<e.length;n++)o=e.charCodeAt(n)+((o<<5)-o);return"#"+(o&16777215).toString(16).padStart(6,"0")}function s(e,o){if(!e)return"";const a=e instanceof Date?e:new Date(e);if(Number.isNaN(a.getTime()))return"";const n=o?.locale??void 0,t=o?.options??{year:"numeric",month:"2-digit",day:"2-digit"};return new Intl.DateTimeFormat(n,t).format(a)}function d(e){return e==null?!0:typeof e=="string"?e.trim()==="":Array.isArray(e)?e.length===0:typeof e=="object"?Object.keys(e).length===0:!1}const u={formatDate:s,isEmpty:d,generateTextAvatar:l,generateColor:c};i.default=u,i.formatDate=s,i.generateColor=c,i.generateTextAvatar=l,i.isEmpty=d,i.utils=u,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "mx-ui-template",
   "private": false,
-  "version": "0.1.9",
-  "description": "处理字体文件引入问题",
+  "version": "0.2.2",
+  "description": "处理头像生成bug",
   "type": "module",
   "main": "./dist/mx-ui-template.umd.cjs",
   "module": "./dist/mx-ui-template.js",
@@ -37,6 +37,7 @@
   "dependencies": {
     "@vicons/material": "^0.13.0",
     "naive-ui": "^2.43.0",
+    "vant": "^4.9.21",
     "vue": "^3.0.0"
   },
   "devDependencies": {