chore: update

This commit is contained in:
xiaoxian521
2023-07-12 18:27:40 +08:00
parent ff272087ee
commit bd5e96c6ab
220 changed files with 872 additions and 801 deletions

View File

@@ -1 +1,4 @@
import{d as A,D as B,ao as F,n as D,h as a,u as K,F as p,aV as N,aW as c,aX as d,aa as j,U as G,r as L,a as Q,i as C,q as T,o as V,c as U,w as R,e as I,t as M,j as W,_ as X}from"./index.js";const i="stay",h="hs-on",f="hs-off",_="hs-range",g="both-left-sides",S="both-right-sides";let H="right",b=[],s=[];const Z={HsKey:{type:Number||String,default:0},disabled:{type:Boolean,default:!1},value:{type:Number,default:0},max:{type:Array,default(){return[1,2,3,4,5,6,7,8,9,10]}},echo:{type:Array,default(){return[]}}},z=A({name:"ReSelector",props:Z,emits:["selectedVal"],setup(l,{emit:m}){const o=j(),y=l.value,v=B(()=>l.disabled),q=B(()=>{const e=[];let t=0,n=y;for(y!==Math.floor(y)&&n--;t<n;t++)e.push(h);for(;t<l.max.length;t++)e.push(f);return e}),w=e=>{if(!l.disabled){if(s.length===1){b.length<1&&b.push({index:e});let t=b[0].index;if(e>t)for(H="right",N(!1,S,document.querySelector(".hs-select__item"+s[0].index));e>=t;)c(document.querySelector(".hs-select__item"+t),_),t++;else for(H="left",N(!0,S,document.querySelector(".hs-select__item"+s[0].index));e<=t;)c(document.querySelector(".hs-select__item"+t),_),t--}c(document.querySelector("."+f+e),h)}},u=e=>{if(l.disabled)return;const t=document.querySelector("."+f+e);if(t.className.includes(i))return!1;if(d(t,h),s.length===1){const n=b[0].index;if(e>=n)for(let r=0;r<=e;r++)d(document.querySelector(".hs-select__item"+r),_);else for(;e<=n;)d(document.querySelector(".hs-select__item"+e),_),e++}},x=(e,t)=>{if(l.disabled)return;const n=s.length;n<2?(s.push({item:t,index:e}),c(document.querySelector("."+f+e),i),c(document.querySelector(".hs-select__item"+s[0].index),g),s[1]&&(H==="right"?c(document.querySelector(".hs-select__item"+s[1].index),S):c(document.querySelector(".hs-select__item"+s[1].index),g)),n===1&&(H==="right"?m("selectedVal",{left:s[0].item,right:s[1].item,whole:s}):m("selectedVal",{left:s[1].item,right:s[0].item,whole:s}))):D(()=>{s.forEach(r=>{d(document.querySelector("."+f+r.index),h,i),d(document.querySelector(".hs-select__item"+r.index),g,S)}),s=[],b=[];for(let r=0;r<=l.max.length;r++){const $=document.querySelector(".hs-select__item"+r);$&&d($,_)}s.push({item:t,index:e}),c(document.querySelector("."+f+e),i),c(document.querySelector(".hs-select__item"+s[0].index),g)})},E=e=>{if(e.length!==0){if(e.length>2||e.length===1)throw"传入的数组长度必须是2";for(e.sort((t,n)=>t-n),c(o.refs["hsdiv"+l.HsKey+e[0]],h,i),c(o.refs["hstd"+l.HsKey+e[0]],g),c(o.refs["hsdiv"+l.HsKey+e[1]],h,i),c(o.refs["hstd"+l.HsKey+e[1]],S);e[1]>=e[0];)c(o.refs["hstd"+l.HsKey+e[0]],_),e[0]++}};return F(()=>{D(()=>{E(l.echo)})}),()=>a(p,null,[a("table",{cellspacing:"0",cellpadding:"0"},[a("tbody",null,[a("tr",null,[l.max.map((e,t)=>a("td",{"data-index":l.HsKey,ref:`hstd${l.HsKey}${t}`,class:`hs-select__item${t}`,onMousemove:()=>w(t),onMouseleave:()=>u(t),onClick:()=>x(t,e),style:{cursor:K(v)?"auto":"pointer",textAlign:"center"},key:t},[a("div",{ref:`hsdiv${l.HsKey}${t}`,class:`hs-item ${[K(q)[t]+t]}`},[a("span",null,[e])])]))])])])])}}),J=G(z),O={class:"card-header"},P={key:0,class:"mt-3"},Y=A({name:"Selector",__name:"index",setup(l){const m=L(""),o=L([{title:"基本使用",echo:[],disabled:!1},{title:"回显模式",echo:[2,7],disabled:!0}]),y=({left:v,right:q})=>{m.value=`${v}-${q}`};return(v,q)=>{const w=Q("el-card");return V(),C("div",null,[(V(!0),C(p,null,T(o.value,(u,x)=>(V(),U(w,{class:"box-card",key:x,shadow:"never"},{header:R(()=>[I("div",O,[I("span",null,M(u.title),1)])]),default:R(()=>[a(K(J),{HsKey:x,echo:u.echo,onSelectedVal:y,disabled:u.disabled},null,8,["HsKey","echo","disabled"]),u.disabled?W("",!0):(V(),C("h4",P,"选中范围:"+M(m.value),1))]),_:2},1024))),128))])}}});const ee=X(Y,[["__scopeId","data-v-2c78a51a"]]);export{ee as default};
import{p as n}from"./propTypes.js";import{d as S,ak as D,E as w,G as z,aV as A,b as B,j as a,F as h,u as m,r as x,aq as k,e as q,i as r,W as v,f as R,h as E,w as T,o as F,a as g,c as $,q as G}from"./index.js";const M={startVal:n.number.def(0),endVal:n.number.def(2020),duration:n.number.def(1300),autoplay:n.bool.def(!0),decimals:{type:Number,required:!1,default:0,validator(t){return t>=0}},color:n.string.def(),fontSize:n.string.def(),decimal:n.string.def("."),separator:n.string.def(","),prefix:n.string.def(""),suffix:n.string.def(""),useEasing:n.bool.def(!0),easingFn:{type:Function,default(t,u,e,i){return e*(-Math.pow(2,-10*t/i)+1)*1024/1023+u}}},L=S({name:"ReNormalCountTo",props:M,emits:["mounted","callback"],setup(t,{emit:u}){const e=D({localStartVal:t.startVal,displayValue:p(t.startVal),printVal:null,paused:!1,localDuration:t.duration,startTime:null,timestamp:null,remaining:null,rAF:null,color:null,fontSize:"16px"}),i=w(()=>t.startVal>t.endVal);z([()=>t.startVal,()=>t.endVal],()=>{t.autoplay&&c()});function c(){const{startVal:o,duration:V,color:f,fontSize:l}=t;e.localStartVal=o,e.startTime=null,e.localDuration=V,e.paused=!1,e.color=f,e.fontSize=l,e.rAF=requestAnimationFrame(d)}function d(o){const{useEasing:V,easingFn:f,endVal:l}=t;e.startTime||(e.startTime=o),e.timestamp=o;const s=o-e.startTime;e.remaining=e.localDuration-s,V?m(i)?e.printVal=e.localStartVal-f(s,0,e.localStartVal-l,e.localDuration):e.printVal=f(s,e.localStartVal,l-e.localStartVal,e.localDuration):m(i)?e.printVal=e.localStartVal-(e.localStartVal-l)*(s/e.localDuration):e.printVal=e.localStartVal+(l-e.localStartVal)*(s/e.localDuration),m(i)?e.printVal=e.printVal<l?l:e.printVal:e.printVal=e.printVal>l?l:e.printVal,e.displayValue=p(e.printVal),s<e.localDuration?e.rAF=requestAnimationFrame(d):u("callback")}function p(o){const{decimals:V,decimal:f,separator:l,suffix:s,prefix:C}=t;o=Number(o).toFixed(V),o+="";const y=o.split(".");let b=y[0];const N=y.length>1?f+y[1]:"",_=/(\d+)(\d{3})/;if(l&&!A(l))for(;_.test(b);)b=b.replace(_,"$1"+l+"$2");return C+b+N+s}return B(()=>{t.autoplay&&c(),u("mounted")}),()=>a(h,null,[a("span",{style:{color:t.color,fontSize:t.fontSize}},[e.displayValue])])}});const P={delay:n.number.def(1),blur:n.number.def(2),i:{type:Number,required:!1,default:0,validator(t){return t<10&&t>=0&&Number.isInteger(t)}}},U=S({name:"ReboundCountTo",props:P,setup(t){const u=x(),e=x(null);return k(()=>{const i=navigator.userAgent.toLowerCase(),c=p=>p.test(i);c(/safari/g)&&!c(/chrome/g)&&(e.value=setTimeout(()=>{u.value.setAttribute("style",`
animation: none;
transform: translateY(calc(var(--i) * -9.09%))
`)},t.delay*1e3))}),q(()=>{clearTimeout(m(e))}),()=>a(h,null,[a("div",{class:"scroll-num",style:{"--i":t.i,"--delay":t.delay}},[a("ul",{ref:"ulRef",style:{fontSize:"32px"}},[a("li",null,[r("0")]),a("li",null,[r("1")]),a("li",null,[r("2")]),a("li",null,[r("3")]),a("li",null,[r("4")]),a("li",null,[r("5")]),a("li",null,[r("6")]),a("li",null,[r("7")]),a("li",null,[r("8")]),a("li",null,[r("9")]),a("li",null,[r("0")])]),a("svg",{width:"0",height:"0"},[a("filter",{id:"blur"},[a("feGaussianBlur",{in:"SourceGraphic",stdDeviation:`0 ${t.blur}`},null)])])])])}}),j=v(L),I=v(U),W=g("div",{class:"card-header"},[g("span",{class:"font-medium"},"数字动画组件")],-1),Y={class:"flex items-center"},H={class:"flex ml-8"},O=S({name:"CountTo",__name:"index",setup(t){return(u,e)=>{const i=R("el-card");return F(),E(i,{shadow:"never"},{header:T(()=>[W]),default:T(()=>[g("div",Y,[a(m(j),{prefix:"$",duration:1e3,color:"#409EFF",fontSize:"2em",startVal:1,endVal:1e3}),g("ul",H,[(F(),$(h,null,G([1,6,6,6],(c,d)=>a(m(I),{key:d,i:c,blur:d,delay:d+1},null,8,["i","blur","delay"])),64))])])]),_:1})}}});export{O as default};