mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 01:17:23 +08:00
2 lines
4.1 KiB
JavaScript
2 lines
4.1 KiB
JavaScript
import{G as C,V as c,Z as a,Y as w,_ as K}from"./index-fa5d6b3f.js";const d="stay",i="hs-on",h="hs-off",V="hs-range",m="both-left-sides",y="both-right-sides";let x="right",g=[],s=[];const B={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[]}}},$=Vue.defineComponent({name:"ReSelector",props:B,emits:["selectedVal"],setup(l,{emit:f}){const o=Vue.getCurrentInstance(),_=l.value,S=Vue.computed(()=>l.disabled),b=Vue.computed(()=>{const e=[];let t=0,n=_;for(_!==Math.floor(_)&&n--;t<n;t++)e.push(i);for(;t<l.max.length;t++)e.push(h);return e}),q=e=>{if(!l.disabled){if(s.length===1){g.length<1&&g.push({index:e});let t=g[0].index;if(e>t)for(x="right",C(!1,y,document.querySelector(".hs-select__item"+s[0].index));e>=t;)c(document.querySelector(".hs-select__item"+t),V),t++;else for(x="left",C(!0,y,document.querySelector(".hs-select__item"+s[0].index));e<=t;)c(document.querySelector(".hs-select__item"+t),V),t--}c(document.querySelector("."+h+e),i)}},u=e=>{if(l.disabled)return;const t=document.querySelector("."+h+e);if(t.className.includes(d))return!1;if(a(t,i),s.length===1){const n=g[0].index;if(e>=n)for(let r=0;r<=e;r++)a(document.querySelector(".hs-select__item"+r),V);else for(;e<=n;)a(document.querySelector(".hs-select__item"+e),V),e++}},v=(e,t)=>{if(l.disabled)return;const n=s.length;n<2?(s.push({item:t,index:e}),c(document.querySelector("."+h+e),d),c(document.querySelector(".hs-select__item"+s[0].index),m),s[1]&&(x==="right"?c(document.querySelector(".hs-select__item"+s[1].index),y):c(document.querySelector(".hs-select__item"+s[1].index),m)),n===1&&(x==="right"?f("selectedVal",{left:s[0].item,right:s[1].item,whole:s}):f("selectedVal",{left:s[1].item,right:s[0].item,whole:s}))):Vue.nextTick(()=>{s.forEach(r=>{a(document.querySelector("."+h+r.index),i,d),a(document.querySelector(".hs-select__item"+r.index),m,y)}),s=[],g=[];for(let r=0;r<=l.max.length;r++){const N=document.querySelector(".hs-select__item"+r);N&&a(N,V)}s.push({item:t,index:e}),c(document.querySelector("."+h+e),d),c(document.querySelector(".hs-select__item"+s[0].index),m)})},H=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]],i,d),c(o.refs["hstd"+l.HsKey+e[0]],m),c(o.refs["hsdiv"+l.HsKey+e[1]],i,d),c(o.refs["hstd"+l.HsKey+e[1]],y);e[1]>=e[0];)c(o.refs["hstd"+l.HsKey+e[0]],V),e[0]++}};return Vue.onBeforeMount(()=>{Vue.nextTick(()=>{H(l.echo)})}),()=>Vue.createVNode(Vue.Fragment,null,[Vue.createVNode("table",{cellspacing:"0",cellpadding:"0"},[Vue.createVNode("tbody",null,[Vue.createVNode("tr",null,[l.max.map((e,t)=>Vue.createVNode("td",{"data-index":l.HsKey,ref:`hstd${l.HsKey}${t}`,class:`hs-select__item${t}`,onMousemove:()=>q(t),onMouseleave:()=>u(t),onClick:()=>v(t,e),style:{cursor:Vue.unref(S)?"auto":"pointer",textAlign:"center"},key:t},[Vue.createVNode("div",{ref:`hsdiv${l.HsKey}${t}`,class:`hs-item ${[Vue.unref(b)[t]+t]}`},[Vue.createVNode("span",null,[e])])]))])])])])}}),p=w($),D=p,E={class:"card-header"},L={key:0,class:"mt-3"},R=Vue.defineComponent({name:"Selector",__name:"index",setup(l){const f=Vue.ref(""),o=Vue.ref([{title:"基本使用",echo:[],disabled:!1},{title:"回显模式",echo:[2,7],disabled:!0}]),_=({left:S,right:b})=>{f.value=`${S}-${b}`};return(S,b)=>{const q=Vue.resolveComponent("el-card");return Vue.openBlock(),Vue.createElementBlock("div",null,[(Vue.openBlock(!0),Vue.createElementBlock(Vue.Fragment,null,Vue.renderList(o.value,(u,v)=>(Vue.openBlock(),Vue.createBlock(q,{class:"box-card",key:v,shadow:"never"},{header:Vue.withCtx(()=>[Vue.createElementVNode("div",E,[Vue.createElementVNode("span",null,Vue.toDisplayString(u.title),1)])]),default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(D),{HsKey:v,echo:u.echo,onSelectedVal:_,disabled:u.disabled},null,8,["HsKey","echo","disabled"]),u.disabled?Vue.createCommentVNode("",!0):(Vue.openBlock(),Vue.createElementBlock("h4",L,"选中范围："+Vue.toDisplayString(f.value),1))]),_:2},1024))),128))])}}});const I=K(R,[["__scopeId","data-v-2c78a51a"]]);export{I as default};
|