vue-data-ui 2.4.73 → 2.4.74

package/dist/Slicer-DGe_w6Mr.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),ue=require("./BaseIcon-Drlv7iCA.cjs"),T=require("./useResponsive-BJ7DTGpm.cjs"),f=require("./index-DwCsX1sv.cjs"),se=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),H=a=>(e.pushScopeId("data-v-c027bcce"),a=a(),e.popScopeId(),a),ce={class:"vue-data-ui-slicer-labels",style:{position:"relative","z-index":"1","pointer-events":"none"}},de={key:0,style:{width:"100%",position:"relative"}},me={key:0,class:"minimap",style:{width:"100%"}},ve=["xmlns","viewBox"],he=["id"],fe=["stop-color"],pe=H(()=>e.createElementVNode("stop",{offset:"100%","stop-color":"transparent"},null,-1)),ge=["d","stroke"],xe=["x","width","height","fill","rx"],ye=["d","fill"],be=["x","width","height","rx","fill"],Se=["x","width","height","fill","rx"],ke=["d","fill"],Ne=["d","stroke"],Ee=["cx","cy","stroke","fill"],we=["cx","cy","stroke","fill"],Ce=["x1","x2","y2","stroke"],Be=["x","height","width","onMouseenter"],Ve=H(()=>e.createElementVNode("div",{class:"slider-track"},null,-1)),Me=["min","max"],$e=["min","max"],ze={__name:"Slicer",props:{background:{type:String,default:"#FFFFFF"},borderColor:{type:String,default:"#FFFFFF"},fontSize:{type:Number,default:14},labelLeft:{type:String,default:""},labelRight:{type:String,default:""},textColor:{type:String,default:"#1A1A1A"},inputColor:{type:String,default:"#1A1A1A"},max:{type:Number,default:0},min:{type:Number,default:0},selectColor:{type:String,default:"#4A4A4A"},useResetSlot:{type:Boolean,default:!1},valueStart:{type:[Number,String],default:0},valueEnd:{type:[Number,String],default:0},minimap:{type:Array,default:[]},smoothMinimap:{type:Boolean,default:!1},minimapSelectedColor:{type:String,default:"#1f77b4"},minimapSelectionRadius:{type:Number,default:12},minimapLineColor:{type:String,default:"#2D353C"},minimapSelectedColorOpacity:{type:Number,default:.2},minimapSelectedIndex:{type:Number,default:null},minimapIndicatorColor:{type:String,default:"#2D353C"},refreshStartPoint:{type:Number,default:0},refreshEndPoint:{type:Number,default:null},enableRangeHandles:{type:Boolean,default:!1},enableSelectionDrag:{type:Boolean,default:!0},verticalHandles:{type:Boolean,default:!1}},emits:["update:start","update:end","reset","trapMouse"],setup(a,{expose:W,emit:v}){const l=a;e.useCssVars(t=>({"0eeb34b8":O.value,b23e85a8:g.value,"2203b99d":j.value,f1d40348:a.selectColor,"27a84a2c":U.value}));const p=e.ref(null),r=e.ref(l.min),u=e.ref(l.max),h=e.computed(()=>!!l.minimap.length),S=e.ref(f.createUid()),X=e.computed(()=>l.refreshEndPoint===null?l.max:l.refreshEndPoint),q=e.computed(()=>{const t=l.max-l.min,n=(r.value-l.min)/t*100,o=(u.value-l.min)/t*100;return{left:`${n}%`,width:`${o-n}%`,background:l.selectColor}}),O=e.computed(()=>l.inputColor),U=e.computed(()=>l.background),j=e.computed(()=>`${l.selectColor}33`),g=e.computed(()=>l.borderColor),z=e.computed(()=>{let t=[];for(let n=0;n<l.minimap.length;n+=1)t.push(n);return t});function L(){v("reset")}function G(){Number(r.value)>Number(u.value)-1&&(r.value=Number(u.value)-1),v("update:start",Number(r.value))}function Z(){Number(u.value)<Number(r.value)+1&&(u.value=Number(r.value)+1),v("update:end",Number(u.value))}e.watch(()=>l.min,t=>{Number(r.value)<Number(t)&&(r.value=Number(t)),Number(u.value)<Number(t)&&(u.value=Number(t))}),e.watch(()=>l.max,t=>{Number(r.value)>Number(t)&&(r.value=Number(t)),Number(u.value)>Number(t)&&(u.value=Number(t))});const k=e.ref(null),i=e.ref({width:1,height:1}),b=e.ref(null);e.onMounted(()=>{if(h.value){const t=T.throttle(()=>{const{width:n,height:o}=T.useResponsive({chart:k.value});i.value.width=n,i.value.height=o-47});b.value=new ResizeObserver(t),b.value.observe(k.value)}}),e.onBeforeUnmount(()=>{b.value&&b.value.disconnect()});const s=e.computed(()=>l.minimap.length?i.value.width/l.minimap.length:0),d=e.computed(()=>{if(!l.minimap.length)return[];const t=Math.max(...l.minimap),n=Math.min(...l.minimap)-10,o=t-(n>0?0:n),c=l.minimap.map((oe,ie)=>{const re=oe-n;return{x:i.value.width/l.minimap.length*ie+s.value/2,y:i.value.height-re/o*(i.value.height*.9)}}),y=l.smoothMinimap?f.createSmoothPath(c):f.createStraightPath(c),$=[...c].slice(l.valueStart,l.valueEnd),ne=l.smoothMinimap?f.createSmoothPath($):f.createStraightPath($);return{fullSet:y,selectionSet:ne,sliced:$,firstPlot:c[l.valueStart],lastPlot:c[l.valueEnd-1]}}),m=e.computed(()=>({x:s.value*r.value+s.value/2,width:i.value.width*((u.value-r.value)/l.max)-s.value})),J=e.computed(()=>({left:0,color:l.textColor,fontSize:`${l.fontSize}px`,top:h.value?"28px":"-28px",pointerEvents:"none"})),K=e.computed(()=>({right:0,color:l.textColor,fontSize:`${l.fontSize}px`,top:h.value?"28px":"-28px",direction:"rtl",pointerEvents:"none"})),x=e.ref(l.minimapSelectedIndex);e.watch(()=>l.minimapSelectedIndex,t=>{x.value=t+l.valueStart},{immediate:!0});function Q(t){x.value=t,t>=l.valueStart&&t<l.valueEnd&&v("trapMouse",t-l.valueStart)}const Y=e.ref(0),N=e.ref(null),E=e.ref(null);function w(t){r.value=t,N.value&&(N.value.value=t),v("update:start",Number(r.value))}function C(t){u.value=t,E.value&&(E.value.value=t),v("update:end",Number(u.value))}const B=e.computed(()=>l.valueEnd-l.valueStart),V=e.ref(!1);let M=e.ref(null);const _=e.computed(()=>p.value?(p.value.getBoundingClientRect().width-48)/(l.max-l.min):20),ee=e.computed(()=>(p.value.getBoundingClientRect().width-48)/(l.max-l.min)*B.value),te=e.ref(2.5),R=e.computed(()=>{const t=p.value.getBoundingClientRect().width-48;return Math.ceil((l.max-l.min)/((t-ee.value)/te.value))}),D=t=>{if(!l.enableSelectionDrag)return;const n=t.type==="touchstart";if((n?t.targetTouches[0].target:t.target).classList.contains("range-handle"))return;V.value=!0,M.value=n?t.targetTouches[0].clientX:t.clientX;const c=n?le:P,y=n?ae:F;window.addEventListener(n?"touchmove":"mousemove",c,{passive:!1}),window.addEventListener(n?"touchend":"mouseup",y)};function P(t){I(t.clientX)}function le(t){t.target.classList.contains("range-handle")||(t.preventDefault(),I(t.targetTouches[0].clientX))}function I(t){if(!V.value)return;const n=t-M.value;if(Math.abs(n)>_.value){if(n>0){if(Number(u.value)+1<=l.max){const o=Math.min(l.max,Number(u.value)+R.value);C(o),w(o-B.value)}}else if(Number(r.value)-1>=l.min){const o=Math.max(0,Number(r.value)-R.value);w(o),C(o+B.value)}M.value=t}}function F(){A("mousemove","mouseup")}function ae(){A("touchmove","touchend")}function A(t,n){V.value=!1,window.removeEventListener(t,P),window.removeEventListener(n,F)}return W({setStartValue:w,setEndValue:C}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{"data-html2canvas-ignore":"",style:{padding:"0 24px"},class:"vue-data-ui-zoom",ref_key:"zoomWrapper",ref:p,onMousedown:D,onTouchstart:D},[e.createElementVNode("div",ce,[a.valueStart!==a.refreshStartPoint||a.valueEnd!==X.value?(e.openBlock(),e.createElementBlock("div",de,[a.useResetSlot?e.renderSlot(t.$slots,"reset-action",{key:1,reset:L},void 0,!0):(e.openBlock(),e.createElementBlock("button",{key:0,"data-cy-reset":"",tabindex:"0",role:"button",class:"vue-data-ui-refresh-button",style:e.normalizeStyle({top:h.value?"36px":"-16px",pointerEvents:"all !important"}),onClick:L},[e.createVNode(ue.default,{name:"refresh",stroke:a.textColor},null,8,["stroke"])],4))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"double-range-slider",ref_key:"minimapWrapper",ref:k,style:{"z-index":"0"}},[h.value?(e.openBlock(),e.createElementBlock("div",me,[(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(f.XMLNS),viewBox:`0 0 ${i.value.width<0?0:i.value.width} ${i.value.height<0?0:i.value.height}`},[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:S.value,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":`${a.minimapLineColor}50`},null,8,fe),pe],8,he)]),e.createElementVNode("path",{d:`M${d.value.fullSet}`,stroke:`${a.minimapLineColor}`,fill:"none","stroke-width":"1","stroke-linecap":"round","stroke-linejoin":"round",style:{opacity:"1"}},null,8,ge),e.createElementVNode("rect",{x:m.value.x,width:m.value.width<0?0:m.value.width,height:Math.max(i.value.height,0),y:0,fill:g.value,rx:a.minimapSelectionRadius,stroke:"none"},null,8,xe),e.createElementVNode("path",{d:`M${s.value/2},${Math.max(i.value.height,0)} ${d.value.fullSet} L${i.value.width-s.value/2},${Math.max(i.value.height,0)}Z`,fill:`url(#${S.value})`,stroke:"none",style:{opacity:"1"}},null,8,ye),e.createElementVNode("rect",{x:m.value.x,width:m.value.width<0?0:m.value.width,height:Math.max(i.value.height,0),y:0,rx:a.minimapSelectionRadius,fill:g.value},null,8,be),e.createElementVNode("rect",{x:m.value.x,width:m.value.width<0?0:m.value.width,height:Math.max(i.value.height,0),y:0,fill:a.minimapSelectedColor,rx:a.minimapSelectionRadius,style:e.normalizeStyle({opacity:a.minimapSelectedColorOpacity})},null,12,Se),e.createElementVNode("path",{d:`M${d.value.sliced[0].x},${Math.max(i.value.height,0)} ${d.value.selectionSet} L${d.value.sliced.at(-1).x},${Math.max(i.value.height,0)}Z`,fill:`url(#${S.value})`,stroke:"none",style:{opacity:"1"}},null,8,ke),e.createElementVNode("path",{d:`M ${d.value.selectionSet}`,stroke:`${a.minimapLineColor}`,fill:"transparent","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,8,Ne),e.createElementVNode("circle",{cx:d.value.firstPlot.x,cy:d.value.firstPlot.y,"stroke-width":"0.5",stroke:g.value,r:"3",fill:a.minimapLineColor},null,8,Ee),e.createElementVNode("circle",{cx:d.value.lastPlot.x,cy:d.value.lastPlot.y,"stroke-width":"0.5",stroke:g.value,r:"3",fill:a.minimapLineColor},null,8,we),x.value!==null?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(z.value,(o,c)=>(e.openBlock(),e.createElementBlock("g",null,[x.value===o&&o>=a.valueStart&&o<a.valueEnd?(e.openBlock(),e.createElementBlock("line",{key:0,x1:s.value*c+s.value/2,x2:s.value*c+s.value/2,y1:0,y2:Math.max(i.value.height,0),stroke:a.minimapIndicatorColor,"stroke-linecap":"round","stroke-dasharray":"2","stroke-width":"1"},null,8,Ce)):e.createCommentVNode("",!0)]))),256)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.value,(o,c)=>(e.openBlock(),e.createElementBlock("rect",{x:s.value*c,y:0,height:Math.max(i.value.height,0),width:s.value<0?0:s.value,fill:"transparent",style:e.normalizeStyle([{"pointer-events":"all !important"},{cursor:o>=a.valueStart&&o<a.valueEnd&&a.enableSelectionDrag?"move":"default"}]),onMouseenter:y=>Q(o),onMouseleave:n[0]||(n[0]=y=>{x.value=null,v("trapMouse",null)})},null,44,Be))),256))],8,ve))])):e.createCommentVNode("",!0),Ve,e.createElementVNode("div",{class:e.normalizeClass({"range-highlight":!0,move:a.enableSelectionDrag}),style:e.normalizeStyle(q.value)},null,6),a.enableRangeHandles?e.withDirectives((e.openBlock(),e.createElementBlock("input",{ref_key:"rangeStart",ref:N,key:`range-min${Y.value}`,type:"range",class:e.normalizeClass({"range-left":!0,"range-handle":!0,"range-minimap":h.value&&a.verticalHandles}),min:a.min,max:a.max,"onUpdate:modelValue":n[1]||(n[1]=o=>r.value=o),onInput:G},null,42,Me)),[[e.vModelText,r.value]]):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"thumb-label thumb-label-left",style:e.normalizeStyle(J.value)},e.toDisplayString(a.labelLeft),5),a.enableRangeHandles?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:2,ref_key:"rangeEnd",ref:E,type:"range",class:e.normalizeClass({"range-right":!0,"range-handle":!0,"range-minimap":h.value&&a.verticalHandles}),min:a.min,max:a.max,"onUpdate:modelValue":n[2]||(n[2]=o=>u.value=o),onInput:Z},null,42,$e)),[[e.vModelText,u.value]]):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"thumb-label thumb-label-right",style:e.normalizeStyle(K.value)},e.toDisplayString(a.labelRight),5)],512)],544))}},Le=se._export_sfc(ze,[["__scopeId","data-v-c027bcce"]]);exports.Slicer=Le;