Slider-366408cc.js 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. <<<<<<<< HEAD:dist/assets/Slider-366408cc.js
  2. import{G as We,r as x,b4 as Ze,C as M,A as n,D as b,cV as j,cU as ue,dv as Ge,dw as Je,d as qe,I as Qe,J as ge,cY as eo,M as w,bE as oo,cX as to,w as he,b3 as ao,d0 as ve,c_ as no,cZ as Q,O as v,d1 as ro,d2 as lo,cO as io,d4 as so,T as co,dx as O,dy as U,aZ as q,d8 as fe}from"./index-bfbabd78.js";const uo={railHeight:"4px",railWidthVertical:"4px",handleSize:"18px",dotHeight:"8px",dotWidth:"8px",dotBorderRadius:"4px"},ho=a=>{const l="rgba(0, 0, 0, .85)",y="0 2px 8px 0 rgba(0, 0, 0, 0.12)",{railColor:f,primaryColor:s,baseColor:d,cardColor:z,modalColor:R,popoverColor:_,borderRadius:L,fontSize:B,opacityDisabled:D}=a;return Object.assign(Object.assign({},uo),{fontSize:B,markFontSize:B,railColor:f,railColorHover:f,fillColor:s,fillColorHover:s,opacityDisabled:D,handleColor:"#FFF",dotColor:z,dotColorModal:R,dotColorPopover:_,handleBoxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",handleBoxShadowHover:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",handleBoxShadowActive:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",handleBoxShadowFocus:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",indicatorColor:l,indicatorBoxShadow:y,indicatorTextColor:d,indicatorBorderRadius:L,dotBorder:`2px solid ${f}`,dotBorderActive:`2px solid ${s}`,dotBoxShadow:""})},vo={name:"Slider",common:We,self:ho},fo=vo;function be(a){return window.TouchEvent&&a instanceof window.TouchEvent}function me(){const a=x(new Map),l=y=>f=>{a.value.set(y,f)};return Ze(()=>{a.value.clear()}),[a,l]}const bo=M([n("slider",`
  3. ========
  4. import{J as We,r as x,ba as Ge,G as M,D as n,H as b,cZ as j,cY as ue,dy as Je,dz as Ze,d as qe,L as Qe,M as ge,d0 as eo,R as w,bK as oo,c$ as to,w as he,b9 as ao,d4 as ve,d2 as no,d1 as Q,S as v,d5 as ro,d6 as lo,cS as io,d8 as so,T as co,dA as U,dB as O,b3 as q,dc as fe}from"./index-8685d52d.js";const uo={railHeight:"4px",railWidthVertical:"4px",handleSize:"18px",dotHeight:"8px",dotWidth:"8px",dotBorderRadius:"4px"},ho=a=>{const l="rgba(0, 0, 0, .85)",y="0 2px 8px 0 rgba(0, 0, 0, 0.12)",{railColor:f,primaryColor:s,baseColor:d,cardColor:z,modalColor:R,popoverColor:L,borderRadius:_,fontSize:B,opacityDisabled:$}=a;return Object.assign(Object.assign({},uo),{fontSize:B,markFontSize:B,railColor:f,railColorHover:f,fillColor:s,fillColorHover:s,opacityDisabled:$,handleColor:"#FFF",dotColor:z,dotColorModal:R,dotColorPopover:L,handleBoxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",handleBoxShadowHover:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",handleBoxShadowActive:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",handleBoxShadowFocus:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",indicatorColor:l,indicatorBoxShadow:y,indicatorTextColor:d,indicatorBorderRadius:_,dotBorder:`2px solid ${f}`,dotBorderActive:`2px solid ${s}`,dotBoxShadow:""})},vo={name:"Slider",common:We,self:ho},fo=vo;function be(a){return window.TouchEvent&&a instanceof window.TouchEvent}function me(){const a=x(new Map),l=y=>f=>{a.value.set(y,f)};return Ge(()=>{a.value.clear()}),[a,l]}const bo=M([n("slider",`
  5. >>>>>>>> dev:dist/assets/Slider-a430babe.js
  6. display: block;
  7. padding: calc((var(--n-handle-size) - var(--n-rail-height)) / 2) 0;
  8. position: relative;
  9. z-index: 0;
  10. width: 100%;
  11. cursor: pointer;
  12. user-select: none;
  13. -webkit-user-select: none;
  14. `,[b("reverse",[n("slider-handles",[n("slider-handle-wrapper",`
  15. transform: translate(50%, -50%);
  16. `)]),n("slider-dots",[n("slider-dot",`
  17. transform: translateX(50%, -50%);
  18. `)]),b("vertical",[n("slider-handles",[n("slider-handle-wrapper",`
  19. transform: translate(-50%, -50%);
  20. `)]),n("slider-marks",[n("slider-mark",`
  21. transform: translateY(calc(-50% + var(--n-dot-height) / 2));
  22. `)]),n("slider-dots",[n("slider-dot",`
  23. transform: translateX(-50%) translateY(0);
  24. `)])])]),b("vertical",`
  25. padding: 0 calc((var(--n-handle-size) - var(--n-rail-height)) / 2);
  26. width: var(--n-rail-width-vertical);
  27. height: 100%;
  28. `,[n("slider-handles",`
  29. top: calc(var(--n-handle-size) / 2);
  30. right: 0;
  31. bottom: calc(var(--n-handle-size) / 2);
  32. left: 0;
  33. `,[n("slider-handle-wrapper",`
  34. top: unset;
  35. left: 50%;
  36. transform: translate(-50%, 50%);
  37. `)]),n("slider-rail",`
  38. height: 100%;
  39. `,[j("fill",`
  40. top: unset;
  41. right: 0;
  42. bottom: unset;
  43. left: 0;
  44. `)]),b("with-mark",`
  45. width: var(--n-rail-width-vertical);
  46. margin: 0 32px 0 8px;
  47. `),n("slider-marks",`
  48. top: calc(var(--n-handle-size) / 2);
  49. right: unset;
  50. bottom: calc(var(--n-handle-size) / 2);
  51. left: 22px;
  52. font-size: var(--n-mark-font-size);
  53. `,[n("slider-mark",`
  54. transform: translateY(50%);
  55. white-space: nowrap;
  56. `)]),n("slider-dots",`
  57. top: calc(var(--n-handle-size) / 2);
  58. right: unset;
  59. bottom: calc(var(--n-handle-size) / 2);
  60. left: 50%;
  61. `,[n("slider-dot",`
  62. transform: translateX(-50%) translateY(50%);
  63. `)])]),b("disabled",`
  64. cursor: not-allowed;
  65. opacity: var(--n-opacity-disabled);
  66. `,[n("slider-handle",`
  67. cursor: not-allowed;
  68. `)]),b("with-mark",`
  69. width: 100%;
  70. margin: 8px 0 32px 0;
  71. `),M("&:hover",[n("slider-rail",{backgroundColor:"var(--n-rail-color-hover)"},[j("fill",{backgroundColor:"var(--n-fill-color-hover)"})]),n("slider-handle",{boxShadow:"var(--n-handle-box-shadow-hover)"})]),b("active",[n("slider-rail",{backgroundColor:"var(--n-rail-color-hover)"},[j("fill",{backgroundColor:"var(--n-fill-color-hover)"})]),n("slider-handle",{boxShadow:"var(--n-handle-box-shadow-hover)"})]),n("slider-marks",`
  72. position: absolute;
  73. top: 18px;
  74. left: calc(var(--n-handle-size) / 2);
  75. right: calc(var(--n-handle-size) / 2);
  76. `,[n("slider-mark",`
  77. position: absolute;
  78. transform: translateX(-50%);
  79. white-space: nowrap;
  80. `)]),n("slider-rail",`
  81. width: 100%;
  82. position: relative;
  83. height: var(--n-rail-height);
  84. background-color: var(--n-rail-color);
  85. transition: background-color .3s var(--n-bezier);
  86. border-radius: calc(var(--n-rail-height) / 2);
  87. `,[j("fill",`
  88. position: absolute;
  89. top: 0;
  90. bottom: 0;
  91. border-radius: calc(var(--n-rail-height) / 2);
  92. transition: background-color .3s var(--n-bezier);
  93. background-color: var(--n-fill-color);
  94. `)]),n("slider-handles",`
  95. position: absolute;
  96. top: 0;
  97. right: calc(var(--n-handle-size) / 2);
  98. bottom: 0;
  99. left: calc(var(--n-handle-size) / 2);
  100. `,[n("slider-handle-wrapper",`
  101. outline: none;
  102. position: absolute;
  103. top: 50%;
  104. transform: translate(-50%, -50%);
  105. cursor: pointer;
  106. display: flex;
  107. `,[n("slider-handle",`
  108. height: var(--n-handle-size);
  109. width: var(--n-handle-size);
  110. border-radius: 50%;
  111. overflow: hidden;
  112. transition: box-shadow .2s var(--n-bezier), background-color .3s var(--n-bezier);
  113. background-color: var(--n-handle-color);
  114. box-shadow: var(--n-handle-box-shadow);
  115. `,[M("&:hover",`
  116. box-shadow: var(--n-handle-box-shadow-hover);
  117. `)]),M("&:focus",[n("slider-handle",`
  118. box-shadow: var(--n-handle-box-shadow-focus);
  119. `,[M("&:hover",`
  120. box-shadow: var(--n-handle-box-shadow-active);
  121. `)])])])]),n("slider-dots",`
  122. position: absolute;
  123. top: 50%;
  124. left: calc(var(--n-handle-size) / 2);
  125. right: calc(var(--n-handle-size) / 2);
  126. `,[b("transition-disabled",[n("slider-dot","transition: none;")]),n("slider-dot",`
  127. transition:
  128. border-color .3s var(--n-bezier),
  129. box-shadow .3s var(--n-bezier),
  130. background-color .3s var(--n-bezier);
  131. position: absolute;
  132. transform: translate(-50%, -50%);
  133. height: var(--n-dot-height);
  134. width: var(--n-dot-width);
  135. border-radius: var(--n-dot-border-radius);
  136. overflow: hidden;
  137. box-sizing: border-box;
  138. border: var(--n-dot-border);
  139. background-color: var(--n-dot-color);
  140. `,[b("active","border: var(--n-dot-border-active);")])])]),n("slider-handle-indicator",`
  141. font-size: var(--n-font-size);
  142. padding: 6px 10px;
  143. border-radius: var(--n-indicator-border-radius);
  144. color: var(--n-indicator-text-color);
  145. background-color: var(--n-indicator-color);
  146. box-shadow: var(--n-indicator-box-shadow);
  147. `,[ue()]),n("slider-handle-indicator",`
  148. font-size: var(--n-font-size);
  149. padding: 6px 10px;
  150. border-radius: var(--n-indicator-border-radius);
  151. color: var(--n-indicator-text-color);
  152. background-color: var(--n-indicator-color);
  153. box-shadow: var(--n-indicator-box-shadow);
  154. `,[b("top",`
  155. margin-bottom: 12px;
  156. `),b("right",`
  157. margin-left: 12px;
  158. `),b("bottom",`
  159. margin-top: 12px;
  160. `),b("left",`
  161. margin-right: 12px;
  162. <<<<<<<< HEAD:dist/assets/Slider-366408cc.js
  163. `),ue()]),Ge(n("slider",[n("slider-dot","background-color: var(--n-dot-color-modal);")])),Je(n("slider",[n("slider-dot","background-color: var(--n-dot-color-popover);")]))]),mo=0,go=Object.assign(Object.assign({},ge.props),{to:Q.propTo,defaultValue:{type:[Number,Array],default:0},marks:Object,disabled:{type:Boolean,default:void 0},formatTooltip:Function,keyboard:{type:Boolean,default:!0},min:{type:Number,default:0},max:{type:Number,default:100},step:{type:[Number,String],default:1},range:Boolean,value:[Number,Array],placement:String,showTooltip:{type:Boolean,default:void 0},tooltip:{type:Boolean,default:!0},vertical:Boolean,reverse:Boolean,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array]}),wo=qe({name:"Slider",props:go,setup(a){const{mergedClsPrefixRef:l,namespaceRef:y,inlineThemeDisabled:f}=Qe(a),s=ge("Slider","-slider",bo,fo,a,l),d=x(null),[z,R]=me(),[_,L]=me(),B=x(new Set),D=eo(a),{mergedDisabledRef:$}=D,ee=w(()=>{const{step:e}=a;if(Number(e)<=0||e==="mark")return 0;const o=e.toString();let t=0;return o.includes(".")&&(t=o.length-o.indexOf(".")-1),t}),X=x(a.defaultValue),pe=oo(a,"value"),Y=to(pe,X),m=w(()=>{const{value:e}=Y;return(a.range?e:[e]).map(ie)}),oe=w(()=>m.value.length>2),we=w(()=>a.placement===void 0?a.vertical?"right":"top":a.placement),te=w(()=>{const{marks:e}=a;return e?Object.keys(e).map(parseFloat):null}),g=x(-1),ae=x(-1),C=x(-1),S=x(!1),H=x(!1),K=w(()=>{const{vertical:e,reverse:o}=a;return e?o?"top":"bottom":o?"right":"left"}),xe=w(()=>{if(oe.value)return;const e=m.value,o=F(a.range?Math.min(...e):a.min),t=F(a.range?Math.max(...e):e[0]),{value:r}=K;return a.vertical?{[r]:`${o}%`,height:`${t-o}%`}:{[r]:`${o}%`,width:`${t-o}%`}}),ke=w(()=>{const e=[],{marks:o}=a;if(o){const t=m.value.slice();t.sort((u,h)=>u-h);const{value:r}=K,{value:i}=oe,{range:c}=a,p=i?()=>!1:u=>c?u>=t[0]&&u<=t[t.length-1]:u<=t[0];for(const u of Object.keys(o)){const h=Number(u);e.push({active:p(h),label:o[u],style:{[r]:`${F(h)}%`}})}}return e});function ye(e,o){const t=F(e),{value:r}=K;return{[r]:`${t}%`,zIndex:o===g.value?1:0}}function ne(e){return a.showTooltip||C.value===e||g.value===e&&S.value}function Re(e){return S.value?!(g.value===e&&ae.value===e):!0}function Ce(e){var o;~e&&(g.value=e,(o=z.value.get(e))===null||o===void 0||o.focus())}function Se(){_.value.forEach((e,o)=>{ne(o)&&e.syncPosition()})}function re(e){const{"onUpdate:value":o,onUpdateValue:t}=a,{nTriggerFormInput:r,nTriggerFormChange:i}=D;t&&fe(t,e),o&&fe(o,e),X.value=e,r(),i()}function le(e){const{range:o}=a;if(o){if(Array.isArray(e)){const{value:t}=m;e.join()!==t.join()&&re(e)}}else Array.isArray(e)||m.value[0]!==e&&re(e)}function W(e,o){if(a.range){const t=m.value.slice();t.splice(o,1,e),le(t)}else le(e)}function Z(e,o,t){const r=t!==void 0;t||(t=e-o>0?1:-1);const i=te.value||[],{step:c}=a;if(c==="mark"){const h=I(e,i.concat(o),r?t:void 0);return h?h.value:o}if(c<=0)return o;const{value:p}=ee;let u;if(r){const h=Number((o/c).toFixed(p)),k=Math.floor(h),G=h>k?k:k-1,J=h<k?k:k+1;u=I(o,[Number((G*c).toFixed(p)),Number((J*c).toFixed(p)),...i],t)}else{const h=Te(e);u=I(e,[...i,h])}return u?ie(u.value):o}function ie(e){return Math.min(a.max,Math.max(a.min,e))}function F(e){const{max:o,min:t}=a;return(e-t)/(o-t)*100}function ze(e){const{max:o,min:t}=a;return t+(o-t)*e}function Te(e){const{step:o,min:t}=a;if(Number(o)<=0||o==="mark")return e;const r=Math.round((e-t)/o)*o+t;return Number(r.toFixed(ee.value))}function I(e,o=te.value,t){if(!(o!=null&&o.length))return null;let r=null,i=-1;for(;++i<o.length;){const c=o[i]-e,p=Math.abs(c);(t===void 0||c*t>0)&&(r===null||p<r.distance)&&(r={index:i,distance:p,value:o[i]})}return r}function se(e){const o=d.value;if(!o)return;const t=be(e)?e.touches[0]:e,r=o.getBoundingClientRect();let i;return a.vertical?i=(r.bottom-t.clientY)/r.height:i=(t.clientX-r.left)/r.width,a.reverse&&(i=1-i),ze(i)}function Ve(e){if($.value||!a.keyboard)return;const{vertical:o,reverse:t}=a;switch(e.key){case"ArrowUp":e.preventDefault(),A(o&&t?-1:1);break;case"ArrowRight":e.preventDefault(),A(!o&&t?-1:1);break;case"ArrowDown":e.preventDefault(),A(o&&t?1:-1);break;case"ArrowLeft":e.preventDefault(),A(!o&&t?1:-1);break}}function A(e){const o=g.value;if(o===-1)return;const{step:t}=a,r=m.value[o],i=Number(t)<=0||t==="mark"?r:r+t*e;W(Z(i,r,e>0?1:-1),o)}function Me(e){var o,t;if($.value||!be(e)&&e.button!==mo)return;const r=se(e);if(r===void 0)return;const i=m.value.slice(),c=a.range?(t=(o=I(r,i))===null||o===void 0?void 0:o.index)!==null&&t!==void 0?t:-1:0;c!==-1&&(e.preventDefault(),Ce(c),Be(),W(Z(r,m.value[c]),c))}function Be(){S.value||(S.value=!0,O("touchend",document,P),O("mouseup",document,P),O("touchmove",document,N),O("mousemove",document,N))}function E(){S.value&&(S.value=!1,U("touchend",document,P),U("mouseup",document,P),U("touchmove",document,N),U("mousemove",document,N))}function N(e){const{value:o}=g;if(!S.value||o===-1){E();return}const t=se(e);W(Z(t,m.value[o]),o)}function P(){E()}function De(e){g.value=e,$.value||(C.value=e)}function $e(e){g.value===e&&(g.value=-1,E()),C.value===e&&(C.value=-1)}function He(e){C.value=e}function Fe(e){C.value===e&&(C.value=-1)}he(g,(e,o)=>void q(()=>ae.value=o)),he(Y,()=>{if(a.marks){if(H.value)return;H.value=!0,q(()=>{H.value=!1})}q(Se)}),ao(()=>{E()});const de=w(()=>{const{self:{markFontSize:e,railColor:o,railColorHover:t,fillColor:r,fillColorHover:i,handleColor:c,opacityDisabled:p,dotColor:u,dotColorModal:h,handleBoxShadow:k,handleBoxShadowHover:G,handleBoxShadowActive:J,handleBoxShadowFocus:Ie,dotBorder:Ae,dotBoxShadow:Ee,railHeight:Ne,railWidthVertical:Pe,handleSize:je,dotHeight:Oe,dotWidth:Ue,dotBorderRadius:_e,fontSize:Le,dotBorderActive:Xe,dotColorPopover:Ye},common:{cubicBezierEaseInOut:Ke}}=s.value;return{"--n-bezier":Ke,"--n-dot-border":Ae,"--n-dot-border-active":Xe,"--n-dot-border-radius":_e,"--n-dot-box-shadow":Ee,"--n-dot-color":u,"--n-dot-color-modal":h,"--n-dot-color-popover":Ye,"--n-dot-height":Oe,"--n-dot-width":Ue,"--n-fill-color":r,"--n-fill-color-hover":i,"--n-font-size":Le,"--n-handle-box-shadow":k,"--n-handle-box-shadow-active":J,"--n-handle-box-shadow-focus":Ie,"--n-handle-box-shadow-hover":G,"--n-handle-color":c,"--n-handle-size":je,"--n-opacity-disabled":p,"--n-rail-color":o,"--n-rail-color-hover":t,"--n-rail-height":Ne,"--n-rail-width-vertical":Pe,"--n-mark-font-size":e}}),T=f?ve("slider",void 0,de,a):void 0,ce=w(()=>{const{self:{fontSize:e,indicatorColor:o,indicatorBoxShadow:t,indicatorTextColor:r,indicatorBorderRadius:i}}=s.value;return{"--n-font-size":e,"--n-indicator-border-radius":i,"--n-indicator-box-shadow":t,"--n-indicator-color":o,"--n-indicator-text-color":r}}),V=f?ve("slider-indicator",void 0,ce,a):void 0;return{mergedClsPrefix:l,namespace:y,uncontrolledValue:X,mergedValue:Y,mergedDisabled:$,mergedPlacement:we,isMounted:no(),adjustedTo:Q(a),dotTransitionDisabled:H,markInfos:ke,isShowTooltip:ne,shouldKeepTooltipTransition:Re,handleRailRef:d,setHandleRefs:R,setFollowerRefs:L,fillStyle:xe,getHandleStyle:ye,activeIndex:g,arrifiedValues:m,followerEnabledIndexSet:B,handleRailMouseDown:Me,handleHandleFocus:De,handleHandleBlur:$e,handleHandleMouseEnter:He,handleHandleMouseLeave:Fe,handleRailKeyDown:Ve,indicatorCssVars:f?void 0:ce,indicatorThemeClass:V==null?void 0:V.themeClass,indicatorOnRender:V==null?void 0:V.onRender,cssVars:f?void 0:de,themeClass:T==null?void 0:T.themeClass,onRender:T==null?void 0:T.onRender}},render(){var a;const{mergedClsPrefix:l,themeClass:y,formatTooltip:f}=this;return(a=this.onRender)===null||a===void 0||a.call(this),v("div",{class:[`${l}-slider`,y,{[`${l}-slider--disabled`]:this.mergedDisabled,[`${l}-slider--active`]:this.activeIndex!==-1,[`${l}-slider--with-mark`]:this.marks,[`${l}-slider--vertical`]:this.vertical,[`${l}-slider--reverse`]:this.reverse}],style:this.cssVars,onKeydown:this.handleRailKeyDown,onMousedown:this.handleRailMouseDown,onTouchstart:this.handleRailMouseDown},v("div",{class:`${l}-slider-rail`},v("div",{class:`${l}-slider-rail__fill`,style:this.fillStyle}),this.marks?v("div",{class:[`${l}-slider-dots`,this.dotTransitionDisabled&&`${l}-slider-dots--transition-disabled`]},this.markInfos.map(s=>v("div",{key:s.label,class:[`${l}-slider-dot`,{[`${l}-slider-dot--active`]:s.active}],style:s.style}))):null,v("div",{ref:"handleRailRef",class:`${l}-slider-handles`},this.arrifiedValues.map((s,d)=>{const z=this.isShowTooltip(d);return v(ro,null,{default:()=>[v(lo,null,{default:()=>v("div",{ref:this.setHandleRefs(d),class:`${l}-slider-handle-wrapper`,tabindex:this.mergedDisabled?-1:0,style:this.getHandleStyle(s,d),onFocus:()=>{this.handleHandleFocus(d)},onBlur:()=>{this.handleHandleBlur(d)},onMouseenter:()=>{this.handleHandleMouseEnter(d)},onMouseleave:()=>{this.handleHandleMouseLeave(d)}},io(this.$slots.thumb,()=>[v("div",{class:`${l}-slider-handle`})]))}),this.tooltip&&v(so,{ref:this.setFollowerRefs(d),show:z,to:this.adjustedTo,enabled:this.showTooltip&&!this.range||this.followerEnabledIndexSet.has(d),teleportDisabled:this.adjustedTo===Q.tdkey,placement:this.mergedPlacement,containerClass:this.namespace},{default:()=>v(co,{name:"fade-in-scale-up-transition",appear:this.isMounted,css:this.shouldKeepTooltipTransition(d),onEnter:()=>{this.followerEnabledIndexSet.add(d)},onAfterLeave:()=>{this.followerEnabledIndexSet.delete(d)}},{default:()=>{var R;return z?((R=this.indicatorOnRender)===null||R===void 0||R.call(this),v("div",{class:[`${l}-slider-handle-indicator`,this.indicatorThemeClass,`${l}-slider-handle-indicator--${this.mergedPlacement}`],style:this.indicatorCssVars},typeof f=="function"?f(s):s)):null}})})]})})),this.marks?v("div",{class:`${l}-slider-marks`},this.markInfos.map(s=>v("div",{key:s.label,class:`${l}-slider-mark`,style:s.style},s.label))):null))}});export{wo as N};
  164. ========
  165. `),ue()]),Je(n("slider",[n("slider-dot","background-color: var(--n-dot-color-modal);")])),Ze(n("slider",[n("slider-dot","background-color: var(--n-dot-color-popover);")]))]),mo=0,go=Object.assign(Object.assign({},ge.props),{to:Q.propTo,defaultValue:{type:[Number,Array],default:0},marks:Object,disabled:{type:Boolean,default:void 0},formatTooltip:Function,keyboard:{type:Boolean,default:!0},min:{type:Number,default:0},max:{type:Number,default:100},step:{type:[Number,String],default:1},range:Boolean,value:[Number,Array],placement:String,showTooltip:{type:Boolean,default:void 0},tooltip:{type:Boolean,default:!0},vertical:Boolean,reverse:Boolean,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array]}),wo=qe({name:"Slider",props:go,setup(a){const{mergedClsPrefixRef:l,namespaceRef:y,inlineThemeDisabled:f}=Qe(a),s=ge("Slider","-slider",bo,fo,a,l),d=x(null),[z,R]=me(),[L,_]=me(),B=x(new Set),$=eo(a),{mergedDisabledRef:D}=$,ee=w(()=>{const{step:e}=a;if(Number(e)<=0||e==="mark")return 0;const o=e.toString();let t=0;return o.includes(".")&&(t=o.length-o.indexOf(".")-1),t}),K=x(a.defaultValue),pe=oo(a,"value"),Y=to(pe,K),m=w(()=>{const{value:e}=Y;return(a.range?e:[e]).map(ie)}),oe=w(()=>m.value.length>2),we=w(()=>a.placement===void 0?a.vertical?"right":"top":a.placement),te=w(()=>{const{marks:e}=a;return e?Object.keys(e).map(parseFloat):null}),g=x(-1),ae=x(-1),S=x(-1),C=x(!1),H=x(!1),X=w(()=>{const{vertical:e,reverse:o}=a;return e?o?"top":"bottom":o?"right":"left"}),xe=w(()=>{if(oe.value)return;const e=m.value,o=F(a.range?Math.min(...e):a.min),t=F(a.range?Math.max(...e):e[0]),{value:r}=X;return a.vertical?{[r]:`${o}%`,height:`${t-o}%`}:{[r]:`${o}%`,width:`${t-o}%`}}),ke=w(()=>{const e=[],{marks:o}=a;if(o){const t=m.value.slice();t.sort((u,h)=>u-h);const{value:r}=X,{value:i}=oe,{range:c}=a,p=i?()=>!1:u=>c?u>=t[0]&&u<=t[t.length-1]:u<=t[0];for(const u of Object.keys(o)){const h=Number(u);e.push({active:p(h),label:o[u],style:{[r]:`${F(h)}%`}})}}return e});function ye(e,o){const t=F(e),{value:r}=X;return{[r]:`${t}%`,zIndex:o===g.value?1:0}}function ne(e){return a.showTooltip||S.value===e||g.value===e&&C.value}function Re(e){return C.value?!(g.value===e&&ae.value===e):!0}function Se(e){var o;~e&&(g.value=e,(o=z.value.get(e))===null||o===void 0||o.focus())}function Ce(){L.value.forEach((e,o)=>{ne(o)&&e.syncPosition()})}function re(e){const{"onUpdate:value":o,onUpdateValue:t}=a,{nTriggerFormInput:r,nTriggerFormChange:i}=$;t&&fe(t,e),o&&fe(o,e),K.value=e,r(),i()}function le(e){const{range:o}=a;if(o){if(Array.isArray(e)){const{value:t}=m;e.join()!==t.join()&&re(e)}}else Array.isArray(e)||m.value[0]!==e&&re(e)}function W(e,o){if(a.range){const t=m.value.slice();t.splice(o,1,e),le(t)}else le(e)}function G(e,o,t){const r=t!==void 0;t||(t=e-o>0?1:-1);const i=te.value||[],{step:c}=a;if(c==="mark"){const h=I(e,i.concat(o),r?t:void 0);return h?h.value:o}if(c<=0)return o;const{value:p}=ee;let u;if(r){const h=Number((o/c).toFixed(p)),k=Math.floor(h),J=h>k?k:k-1,Z=h<k?k:k+1;u=I(o,[Number((J*c).toFixed(p)),Number((Z*c).toFixed(p)),...i],t)}else{const h=Te(e);u=I(e,[...i,h])}return u?ie(u.value):o}function ie(e){return Math.min(a.max,Math.max(a.min,e))}function F(e){const{max:o,min:t}=a;return(e-t)/(o-t)*100}function ze(e){const{max:o,min:t}=a;return t+(o-t)*e}function Te(e){const{step:o,min:t}=a;if(Number(o)<=0||o==="mark")return e;const r=Math.round((e-t)/o)*o+t;return Number(r.toFixed(ee.value))}function I(e,o=te.value,t){if(!(o!=null&&o.length))return null;let r=null,i=-1;for(;++i<o.length;){const c=o[i]-e,p=Math.abs(c);(t===void 0||c*t>0)&&(r===null||p<r.distance)&&(r={index:i,distance:p,value:o[i]})}return r}function se(e){const o=d.value;if(!o)return;const t=be(e)?e.touches[0]:e,r=o.getBoundingClientRect();let i;return a.vertical?i=(r.bottom-t.clientY)/r.height:i=(t.clientX-r.left)/r.width,a.reverse&&(i=1-i),ze(i)}function Ve(e){if(D.value||!a.keyboard)return;const{vertical:o,reverse:t}=a;switch(e.key){case"ArrowUp":e.preventDefault(),A(o&&t?-1:1);break;case"ArrowRight":e.preventDefault(),A(!o&&t?-1:1);break;case"ArrowDown":e.preventDefault(),A(o&&t?1:-1);break;case"ArrowLeft":e.preventDefault(),A(!o&&t?1:-1);break}}function A(e){const o=g.value;if(o===-1)return;const{step:t}=a,r=m.value[o],i=Number(t)<=0||t==="mark"?r:r+t*e;W(G(i,r,e>0?1:-1),o)}function Me(e){var o,t;if(D.value||!be(e)&&e.button!==mo)return;const r=se(e);if(r===void 0)return;const i=m.value.slice(),c=a.range?(t=(o=I(r,i))===null||o===void 0?void 0:o.index)!==null&&t!==void 0?t:-1:0;c!==-1&&(e.preventDefault(),Se(c),Be(),W(G(r,m.value[c]),c))}function Be(){C.value||(C.value=!0,U("touchend",document,P),U("mouseup",document,P),U("touchmove",document,N),U("mousemove",document,N))}function E(){C.value&&(C.value=!1,O("touchend",document,P),O("mouseup",document,P),O("touchmove",document,N),O("mousemove",document,N))}function N(e){const{value:o}=g;if(!C.value||o===-1){E();return}const t=se(e);W(G(t,m.value[o]),o)}function P(){E()}function $e(e){g.value=e,D.value||(S.value=e)}function De(e){g.value===e&&(g.value=-1,E()),S.value===e&&(S.value=-1)}function He(e){S.value=e}function Fe(e){S.value===e&&(S.value=-1)}he(g,(e,o)=>void q(()=>ae.value=o)),he(Y,()=>{if(a.marks){if(H.value)return;H.value=!0,q(()=>{H.value=!1})}q(Ce)}),ao(()=>{E()});const de=w(()=>{const{self:{markFontSize:e,railColor:o,railColorHover:t,fillColor:r,fillColorHover:i,handleColor:c,opacityDisabled:p,dotColor:u,dotColorModal:h,handleBoxShadow:k,handleBoxShadowHover:J,handleBoxShadowActive:Z,handleBoxShadowFocus:Ie,dotBorder:Ae,dotBoxShadow:Ee,railHeight:Ne,railWidthVertical:Pe,handleSize:je,dotHeight:Ue,dotWidth:Oe,dotBorderRadius:Le,fontSize:_e,dotBorderActive:Ke,dotColorPopover:Ye},common:{cubicBezierEaseInOut:Xe}}=s.value;return{"--n-bezier":Xe,"--n-dot-border":Ae,"--n-dot-border-active":Ke,"--n-dot-border-radius":Le,"--n-dot-box-shadow":Ee,"--n-dot-color":u,"--n-dot-color-modal":h,"--n-dot-color-popover":Ye,"--n-dot-height":Ue,"--n-dot-width":Oe,"--n-fill-color":r,"--n-fill-color-hover":i,"--n-font-size":_e,"--n-handle-box-shadow":k,"--n-handle-box-shadow-active":Z,"--n-handle-box-shadow-focus":Ie,"--n-handle-box-shadow-hover":J,"--n-handle-color":c,"--n-handle-size":je,"--n-opacity-disabled":p,"--n-rail-color":o,"--n-rail-color-hover":t,"--n-rail-height":Ne,"--n-rail-width-vertical":Pe,"--n-mark-font-size":e}}),T=f?ve("slider",void 0,de,a):void 0,ce=w(()=>{const{self:{fontSize:e,indicatorColor:o,indicatorBoxShadow:t,indicatorTextColor:r,indicatorBorderRadius:i}}=s.value;return{"--n-font-size":e,"--n-indicator-border-radius":i,"--n-indicator-box-shadow":t,"--n-indicator-color":o,"--n-indicator-text-color":r}}),V=f?ve("slider-indicator",void 0,ce,a):void 0;return{mergedClsPrefix:l,namespace:y,uncontrolledValue:K,mergedValue:Y,mergedDisabled:D,mergedPlacement:we,isMounted:no(),adjustedTo:Q(a),dotTransitionDisabled:H,markInfos:ke,isShowTooltip:ne,shouldKeepTooltipTransition:Re,handleRailRef:d,setHandleRefs:R,setFollowerRefs:_,fillStyle:xe,getHandleStyle:ye,activeIndex:g,arrifiedValues:m,followerEnabledIndexSet:B,handleRailMouseDown:Me,handleHandleFocus:$e,handleHandleBlur:De,handleHandleMouseEnter:He,handleHandleMouseLeave:Fe,handleRailKeyDown:Ve,indicatorCssVars:f?void 0:ce,indicatorThemeClass:V==null?void 0:V.themeClass,indicatorOnRender:V==null?void 0:V.onRender,cssVars:f?void 0:de,themeClass:T==null?void 0:T.themeClass,onRender:T==null?void 0:T.onRender}},render(){var a;const{mergedClsPrefix:l,themeClass:y,formatTooltip:f}=this;return(a=this.onRender)===null||a===void 0||a.call(this),v("div",{class:[`${l}-slider`,y,{[`${l}-slider--disabled`]:this.mergedDisabled,[`${l}-slider--active`]:this.activeIndex!==-1,[`${l}-slider--with-mark`]:this.marks,[`${l}-slider--vertical`]:this.vertical,[`${l}-slider--reverse`]:this.reverse}],style:this.cssVars,onKeydown:this.handleRailKeyDown,onMousedown:this.handleRailMouseDown,onTouchstart:this.handleRailMouseDown},v("div",{class:`${l}-slider-rail`},v("div",{class:`${l}-slider-rail__fill`,style:this.fillStyle}),this.marks?v("div",{class:[`${l}-slider-dots`,this.dotTransitionDisabled&&`${l}-slider-dots--transition-disabled`]},this.markInfos.map(s=>v("div",{key:s.label,class:[`${l}-slider-dot`,{[`${l}-slider-dot--active`]:s.active}],style:s.style}))):null,v("div",{ref:"handleRailRef",class:`${l}-slider-handles`},this.arrifiedValues.map((s,d)=>{const z=this.isShowTooltip(d);return v(ro,null,{default:()=>[v(lo,null,{default:()=>v("div",{ref:this.setHandleRefs(d),class:`${l}-slider-handle-wrapper`,tabindex:this.mergedDisabled?-1:0,style:this.getHandleStyle(s,d),onFocus:()=>{this.handleHandleFocus(d)},onBlur:()=>{this.handleHandleBlur(d)},onMouseenter:()=>{this.handleHandleMouseEnter(d)},onMouseleave:()=>{this.handleHandleMouseLeave(d)}},io(this.$slots.thumb,()=>[v("div",{class:`${l}-slider-handle`})]))}),this.tooltip&&v(so,{ref:this.setFollowerRefs(d),show:z,to:this.adjustedTo,enabled:this.showTooltip&&!this.range||this.followerEnabledIndexSet.has(d),teleportDisabled:this.adjustedTo===Q.tdkey,placement:this.mergedPlacement,containerClass:this.namespace},{default:()=>v(co,{name:"fade-in-scale-up-transition",appear:this.isMounted,css:this.shouldKeepTooltipTransition(d),onEnter:()=>{this.followerEnabledIndexSet.add(d)},onAfterLeave:()=>{this.followerEnabledIndexSet.delete(d)}},{default:()=>{var R;return z?((R=this.indicatorOnRender)===null||R===void 0||R.call(this),v("div",{class:[`${l}-slider-handle-indicator`,this.indicatorThemeClass,`${l}-slider-handle-indicator--${this.mergedPlacement}`],style:this.indicatorCssVars},typeof f=="function"?f(s):s)):null}})})]})})),this.marks?v("div",{class:`${l}-slider-marks`},this.markInfos.map(s=>v("div",{key:s.label,class:`${l}-slider-mark`,style:s.style},s.label))):null))}});export{wo as N};
  166. >>>>>>>> dev:dist/assets/Slider-a430babe.js