ai-form-designer
Version:
vue3+adv的设计器,可视化开发页面表单
160 lines (159 loc) • 21 kB
JavaScript
;const k=require("./_commonjsHelpers-DwTZ_eVU.cjs"),M=require("./index-l4ZjSaVt.cjs"),pe=require("./_vue_commonjs-external-CccDNqHl.cjs"),oo=require("./fade-in-scale-up.cssr-gEeB7-UD.cjs");function to(l,m){for(var d=0;d<m.length;d++){const c=m[d];if(typeof c!="string"&&!Array.isArray(c)){for(const n in c)if(n!=="default"&&!(n in l)){const p=Object.getOwnPropertyDescriptor(c,n);p&&Object.defineProperty(l,n,p.get?p:{enumerable:!0,get:()=>c[n]})}}}return Object.freeze(Object.defineProperty(l,Symbol.toStringTag,{value:"Module"}))}var xe={},we={},_e={},te={},L={};Object.defineProperty(L,"__esModule",{value:!0});L.default={railHeight:"4px",railWidthVertical:"4px",handleSize:"18px",dotHeight:"8px",dotWidth:"8px",dotBorderRadius:"4px"};var ro=k.commonjsGlobal&&k.commonjsGlobal.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(te,"__esModule",{value:!0});const no=M.common,ao=ro(L),lo={name:"Slider",common:no.commonDark,self(l){const m="0 2px 8px 0 rgba(0, 0, 0, 0.12)",{railColor:d,modalColor:c,primaryColorSuppl:n,popoverColor:p,textColor2:y,cardColor:x,borderRadius:P,fontSize:D,opacityDisabled:S}=l;return Object.assign(Object.assign({},ao.default),{fontSize:D,markFontSize:D,railColor:d,railColorHover:d,fillColor:n,fillColorHover:n,opacityDisabled:S,handleColor:"#FFF",dotColor:x,dotColorModal:c,dotColorPopover:p,handleBoxShadow:"0px 2px 4px 0 rgba(0, 0, 0, 0.4)",handleBoxShadowHover:"0px 2px 4px 0 rgba(0, 0, 0, 0.4)",handleBoxShadowActive:"0px 2px 4px 0 rgba(0, 0, 0, 0.4)",handleBoxShadowFocus:"0px 2px 4px 0 rgba(0, 0, 0, 0.4)",indicatorColor:p,indicatorBoxShadow:m,indicatorTextColor:y,indicatorBorderRadius:P,dotBorder:`2px solid ${d}`,dotBorderActive:`2px solid ${n}`,dotBoxShadow:""})}};te.default=lo;var re={},io=k.commonjsGlobal&&k.commonjsGlobal.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(re,"__esModule",{value:!0});const so=M.common,co=io(L);function uo(l){const m="rgba(0, 0, 0, .85)",d="0 2px 8px 0 rgba(0, 0, 0, 0.12)",{railColor:c,primaryColor:n,baseColor:p,cardColor:y,modalColor:x,popoverColor:P,borderRadius:D,fontSize:S,opacityDisabled:K}=l;return Object.assign(Object.assign({},co.default),{fontSize:S,markFontSize:S,railColor:c,railColorHover:c,fillColor:n,fillColorHover:n,opacityDisabled:K,handleColor:"#FFF",dotColor:y,dotColorModal:x,dotColorPopover:P,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:m,indicatorBoxShadow:d,indicatorTextColor:p,indicatorBorderRadius:D,dotBorder:`2px solid ${c}`,dotBorderActive:`2px solid ${n}`,dotBoxShadow:""})}const ho={name:"Slider",common:so.commonLight,self:uo};re.default=ho;(function(l){var m=k.commonjsGlobal&&k.commonjsGlobal.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(l,"__esModule",{value:!0}),l.sliderLight=l.sliderDark=void 0;var d=te;Object.defineProperty(l,"sliderDark",{enumerable:!0,get:function(){return m(d).default}});var c=re;Object.defineProperty(l,"sliderLight",{enumerable:!0,get:function(){return m(c).default}})})(_e);var ne={};Object.defineProperty(ne,"__esModule",{value:!0});const ge=oo.fadeInScaleUp_cssr,r=M.cssr;ne.default=(0,r.c)([(0,r.cB)("slider",`
display: block;
padding: calc((var(--n-handle-size) - var(--n-rail-height)) / 2) 0;
position: relative;
z-index: 0;
width: 100%;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
`,[(0,r.cM)("reverse",[(0,r.cB)("slider-handles",[(0,r.cB)("slider-handle-wrapper",`
transform: translate(50%, -50%);
`)]),(0,r.cB)("slider-dots",[(0,r.cB)("slider-dot",`
transform: translateX(50%, -50%);
`)]),(0,r.cM)("vertical",[(0,r.cB)("slider-handles",[(0,r.cB)("slider-handle-wrapper",`
transform: translate(-50%, -50%);
`)]),(0,r.cB)("slider-marks",[(0,r.cB)("slider-mark",`
transform: translateY(calc(-50% + var(--n-dot-height) / 2));
`)]),(0,r.cB)("slider-dots",[(0,r.cB)("slider-dot",`
transform: translateX(-50%) translateY(0);
`)])])]),(0,r.cM)("vertical",`
box-sizing: content-box;
padding: 0 calc((var(--n-handle-size) - var(--n-rail-height)) / 2);
width: var(--n-rail-width-vertical);
height: 100%;
`,[(0,r.cB)("slider-handles",`
top: calc(var(--n-handle-size) / 2);
right: 0;
bottom: calc(var(--n-handle-size) / 2);
left: 0;
`,[(0,r.cB)("slider-handle-wrapper",`
top: unset;
left: 50%;
transform: translate(-50%, 50%);
`)]),(0,r.cB)("slider-rail",`
height: 100%;
`,[(0,r.cE)("fill",`
top: unset;
right: 0;
bottom: unset;
left: 0;
`)]),(0,r.cM)("with-mark",`
width: var(--n-rail-width-vertical);
margin: 0 32px 0 8px;
`),(0,r.cB)("slider-marks",`
top: calc(var(--n-handle-size) / 2);
right: unset;
bottom: calc(var(--n-handle-size) / 2);
left: 22px;
font-size: var(--n-mark-font-size);
`,[(0,r.cB)("slider-mark",`
transform: translateY(50%);
white-space: nowrap;
`)]),(0,r.cB)("slider-dots",`
top: calc(var(--n-handle-size) / 2);
right: unset;
bottom: calc(var(--n-handle-size) / 2);
left: 50%;
`,[(0,r.cB)("slider-dot",`
transform: translateX(-50%) translateY(50%);
`)])]),(0,r.cM)("disabled",`
cursor: not-allowed;
opacity: var(--n-opacity-disabled);
`,[(0,r.cB)("slider-handle",`
cursor: not-allowed;
`)]),(0,r.cM)("with-mark",`
width: 100%;
margin: 8px 0 32px 0;
`),(0,r.c)("&:hover",[(0,r.cB)("slider-rail",{backgroundColor:"var(--n-rail-color-hover)"},[(0,r.cE)("fill",{backgroundColor:"var(--n-fill-color-hover)"})]),(0,r.cB)("slider-handle",{boxShadow:"var(--n-handle-box-shadow-hover)"})]),(0,r.cM)("active",[(0,r.cB)("slider-rail",{backgroundColor:"var(--n-rail-color-hover)"},[(0,r.cE)("fill",{backgroundColor:"var(--n-fill-color-hover)"})]),(0,r.cB)("slider-handle",{boxShadow:"var(--n-handle-box-shadow-hover)"})]),(0,r.cB)("slider-marks",`
position: absolute;
top: 18px;
left: calc(var(--n-handle-size) / 2);
right: calc(var(--n-handle-size) / 2);
`,[(0,r.cB)("slider-mark",`
position: absolute;
transform: translateX(-50%);
white-space: nowrap;
`)]),(0,r.cB)("slider-rail",`
width: 100%;
position: relative;
height: var(--n-rail-height);
background-color: var(--n-rail-color);
transition: background-color .3s var(--n-bezier);
border-radius: calc(var(--n-rail-height) / 2);
`,[(0,r.cE)("fill",`
position: absolute;
top: 0;
bottom: 0;
border-radius: calc(var(--n-rail-height) / 2);
transition: background-color .3s var(--n-bezier);
background-color: var(--n-fill-color);
`)]),(0,r.cB)("slider-handles",`
position: absolute;
top: 0;
right: calc(var(--n-handle-size) / 2);
bottom: 0;
left: calc(var(--n-handle-size) / 2);
`,[(0,r.cB)("slider-handle-wrapper",`
outline: none;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
display: flex;
`,[(0,r.cB)("slider-handle",`
height: var(--n-handle-size);
width: var(--n-handle-size);
border-radius: 50%;
overflow: hidden;
transition: box-shadow .2s var(--n-bezier), background-color .3s var(--n-bezier);
background-color: var(--n-handle-color);
box-shadow: var(--n-handle-box-shadow);
`,[(0,r.c)("&:hover",`
box-shadow: var(--n-handle-box-shadow-hover);
`)]),(0,r.c)("&:focus",[(0,r.cB)("slider-handle",`
box-shadow: var(--n-handle-box-shadow-focus);
`,[(0,r.c)("&:hover",`
box-shadow: var(--n-handle-box-shadow-active);
`)])])])]),(0,r.cB)("slider-dots",`
position: absolute;
top: 50%;
left: calc(var(--n-handle-size) / 2);
right: calc(var(--n-handle-size) / 2);
`,[(0,r.cM)("transition-disabled",[(0,r.cB)("slider-dot","transition: none;")]),(0,r.cB)("slider-dot",`
transition:
border-color .3s var(--n-bezier),
box-shadow .3s var(--n-bezier),
background-color .3s var(--n-bezier);
position: absolute;
transform: translate(-50%, -50%);
height: var(--n-dot-height);
width: var(--n-dot-width);
border-radius: var(--n-dot-border-radius);
overflow: hidden;
box-sizing: border-box;
border: var(--n-dot-border);
background-color: var(--n-dot-color);
`,[(0,r.cM)("active","border: var(--n-dot-border-active);")])])]),(0,r.cB)("slider-handle-indicator",`
font-size: var(--n-font-size);
padding: 6px 10px;
border-radius: var(--n-indicator-border-radius);
color: var(--n-indicator-text-color);
background-color: var(--n-indicator-color);
box-shadow: var(--n-indicator-box-shadow);
`,[(0,ge.fadeInScaleUpTransition)()]),(0,r.cB)("slider-handle-indicator",`
font-size: var(--n-font-size);
padding: 6px 10px;
border-radius: var(--n-indicator-border-radius);
color: var(--n-indicator-text-color);
background-color: var(--n-indicator-color);
box-shadow: var(--n-indicator-box-shadow);
`,[(0,r.cM)("top",`
margin-bottom: 12px;
`),(0,r.cM)("right",`
margin-left: 12px;
`),(0,r.cM)("bottom",`
margin-top: 12px;
`),(0,r.cM)("left",`
margin-right: 12px;
`),(0,ge.fadeInScaleUpTransition)()]),(0,r.insideModal)((0,r.cB)("slider",[(0,r.cB)("slider-dot","background-color: var(--n-dot-color-modal);")])),(0,r.insidePopover)((0,r.cB)("slider",[(0,r.cB)("slider-dot","background-color: var(--n-dot-color-popover);")]))]);var q={};Object.defineProperty(q,"__esModule",{value:!0});q.isTouchEvent=vo;q.useRefs=mo;const fo=pe.require$$2;function vo(l){return window.TouchEvent&&l instanceof window.TouchEvent}function mo(){const l=new Map,m=d=>c=>{l.set(d,c)};return(0,fo.onBeforeUpdate)(()=>{l.clear()}),[l,m]}(function(l){var m=k.commonjsGlobal&&k.commonjsGlobal.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(l,"__esModule",{value:!0}),l.sliderProps=void 0;const d=M.require$$0$1,c=M.require$$1,n=pe.require$$2,p=M.require$$4,y=M._mixins,x=M._utils,P=_e,D=m(ne),S=q,K=0;l.sliderProps=Object.assign(Object.assign({},y.useTheme.props),{to:x.useAdjustedTo.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],onDragstart:[Function],onDragend:[Function]}),l.default=(0,n.defineComponent)({name:"Slider",props:l.sliderProps,slots:Object,setup(a){const{mergedClsPrefixRef:u,namespaceRef:X,inlineThemeDisabled:R}=(0,y.useConfig)(a),h=(0,y.useTheme)("Slider","-slider",D.default,P.sliderLight,a,u),b=(0,n.ref)(null),[F,V]=(0,S.useRefs)(),[ye,Be]=(0,S.useRefs)(),ke=(0,n.ref)(new Set),ae=(0,y.useFormItem)(a),{mergedDisabledRef:O}=ae,le=(0,n.computed)(()=>{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}),Y=(0,n.ref)(a.defaultValue),Se=(0,n.toRef)(a,"value"),W=(0,c.useMergedState)(Se,Y),w=(0,n.computed)(()=>{const{value:e}=W;return(a.range?e:[e]).map(fe)}),ie=(0,n.computed)(()=>w.value.length>2),Ce=(0,n.computed)(()=>a.placement===void 0?a.vertical?"right":"top":a.placement),se=(0,n.computed)(()=>{const{marks:e}=a;return e?Object.keys(e).map(Number.parseFloat):null}),_=(0,n.ref)(-1),de=(0,n.ref)(-1),T=(0,n.ref)(-1),z=(0,n.ref)(!1),H=(0,n.ref)(!1),J=(0,n.computed)(()=>{const{vertical:e,reverse:o}=a;return e?o?"top":"bottom":o?"right":"left"}),Me=(0,n.computed)(()=>{if(ie.value)return;const e=w.value,o=I(a.range?Math.min(...e):a.min),t=I(a.range?Math.max(...e):e[0]),{value:i}=J;return a.vertical?{[i]:`${o}%`,height:`${t-o}%`}:{[i]:`${o}%`,width:`${t-o}%`}}),Re=(0,n.computed)(()=>{const e=[],{marks:o}=a;if(o){const t=w.value.slice();t.sort((g,v)=>g-v);const{value:i}=J,{value:s}=ie,{range:f}=a,B=s?()=>!1:g=>f?g>=t[0]&&g<=t[t.length-1]:g<=t[0];for(const g of Object.keys(o)){const v=Number(g);e.push({active:B(v),key:v,label:o[g],style:{[i]:`${I(v)}%`}})}}return e});function Te(e,o){const t=I(e),{value:i}=J;return{[i]:`${t}%`,zIndex:o===_.value?1:0}}function ce(e){return a.showTooltip||T.value===e||_.value===e&&z.value}function ze(e){return z.value?!(_.value===e&&de.value===e):!0}function De(e){var o;~e&&(_.value=e,(o=F.get(e))===null||o===void 0||o.focus())}function je(){ye.forEach((e,o)=>{ce(o)&&e.syncPosition()})}function ue(e){const{"onUpdate:value":o,onUpdateValue:t}=a,{nTriggerFormInput:i,nTriggerFormChange:s}=ae;t&&(0,x.call)(t,e),o&&(0,x.call)(o,e),Y.value=e,i(),s()}function he(e){const{range:o}=a;if(o){if(Array.isArray(e)){const{value:t}=w;e.join()!==t.join()&&ue(e)}}else Array.isArray(e)||w.value[0]!==e&&ue(e)}function Q(e,o){if(a.range){const t=w.value.slice();t.splice(o,1,e),he(t)}else he(e)}function Z(e,o,t){const i=t!==void 0;t||(t=e-o>0?1:-1);const s=se.value||[],{step:f}=a;if(f==="mark"){const v=A(e,s.concat(o),i?t:void 0);return v?v.value:o}if(f<=0)return o;const{value:B}=le;let g;if(i){const v=Number((o/f).toFixed(B)),C=Math.floor(v),ee=v>C?C:C-1,oe=v<C?C:C+1;g=A(o,[Number((ee*f).toFixed(B)),Number((oe*f).toFixed(B)),...s],t)}else{const v=Pe(e);g=A(e,[...s,v])}return g?fe(g.value):o}function fe(e){return Math.min(a.max,Math.max(a.min,e))}function I(e){const{max:o,min:t}=a;return(e-t)/(o-t)*100}function $e(e){const{max:o,min:t}=a;return t+(o-t)*e}function Pe(e){const{step:o,min:t}=a;if(Number(o)<=0||o==="mark")return e;const i=Math.round((e-t)/o)*o+t;return Number(i.toFixed(le.value))}function A(e,o=se.value,t){if(!(o!=null&&o.length))return null;let i=null,s=-1;for(;++s<o.length;){const f=o[s]-e,B=Math.abs(f);(t===void 0||f*t>0)&&(i===null||B<i.distance)&&(i={index:s,distance:B,value:o[s]})}return i}function ve(e){const o=b.value;if(!o)return;const t=(0,S.isTouchEvent)(e)?e.touches[0]:e,i=o.getBoundingClientRect();let s;return a.vertical?s=(i.bottom-t.clientY)/i.height:s=(t.clientX-i.left)/i.width,a.reverse&&(s=1-s),$e(s)}function Ve(e){if(O.value||!a.keyboard)return;const{vertical:o,reverse:t}=a;switch(e.key){case"ArrowUp":e.preventDefault(),E(o&&t?-1:1);break;case"ArrowRight":e.preventDefault(),E(!o&&t?-1:1);break;case"ArrowDown":e.preventDefault(),E(o&&t?1:-1);break;case"ArrowLeft":e.preventDefault(),E(!o&&t?1:-1);break}}function E(e){const o=_.value;if(o===-1)return;const{step:t}=a,i=w.value[o],s=Number(t)<=0||t==="mark"?i:i+t*e;Q(Z(s,i,e>0?1:-1),o)}function Fe(e){var o,t;if(O.value||!(0,S.isTouchEvent)(e)&&e.button!==K)return;const i=ve(e);if(i===void 0)return;const s=w.value.slice(),f=a.range?(t=(o=A(i,s))===null||o===void 0?void 0:o.index)!==null&&t!==void 0?t:-1:0;f!==-1&&(e.preventDefault(),De(f),Oe(),Q(Z(i,w.value[f]),f))}function Oe(){z.value||(z.value=!0,a.onDragstart&&(0,x.call)(a.onDragstart),(0,d.on)("touchend",document,G),(0,d.on)("mouseup",document,G),(0,d.on)("touchmove",document,U),(0,d.on)("mousemove",document,U))}function N(){z.value&&(z.value=!1,a.onDragend&&(0,x.call)(a.onDragend),(0,d.off)("touchend",document,G),(0,d.off)("mouseup",document,G),(0,d.off)("touchmove",document,U),(0,d.off)("mousemove",document,U))}function U(e){const{value:o}=_;if(!z.value||o===-1){N();return}const t=ve(e);t!==void 0&&Q(Z(t,w.value[o]),o)}function G(){N()}function He(e){_.value=e,O.value||(T.value=e)}function Ie(e){_.value===e&&(_.value=-1,N()),T.value===e&&(T.value=-1)}function Ae(e){T.value=e}function Ee(e){T.value===e&&(T.value=-1)}(0,n.watch)(_,(e,o)=>void(0,n.nextTick)(()=>de.value=o)),(0,n.watch)(W,()=>{if(a.marks){if(H.value)return;H.value=!0,(0,n.nextTick)(()=>{H.value=!1})}(0,n.nextTick)(je)}),(0,n.onBeforeUnmount)(()=>{N()});const me=(0,n.computed)(()=>{const{self:{markFontSize:e,railColor:o,railColorHover:t,fillColor:i,fillColorHover:s,handleColor:f,opacityDisabled:B,dotColor:g,dotColorModal:v,handleBoxShadow:C,handleBoxShadowHover:ee,handleBoxShadowActive:oe,handleBoxShadowFocus:Ne,dotBorder:Ue,dotBoxShadow:Ge,railHeight:Le,railWidthVertical:qe,handleSize:Ke,dotHeight:Xe,dotWidth:Ye,dotBorderRadius:We,fontSize:Je,dotBorderActive:Qe,dotColorPopover:Ze},common:{cubicBezierEaseInOut:eo}}=h.value;return{"--n-bezier":eo,"--n-dot-border":Ue,"--n-dot-border-active":Qe,"--n-dot-border-radius":We,"--n-dot-box-shadow":Ge,"--n-dot-color":g,"--n-dot-color-modal":v,"--n-dot-color-popover":Ze,"--n-dot-height":Xe,"--n-dot-width":Ye,"--n-fill-color":i,"--n-fill-color-hover":s,"--n-font-size":Je,"--n-handle-box-shadow":C,"--n-handle-box-shadow-active":oe,"--n-handle-box-shadow-focus":Ne,"--n-handle-box-shadow-hover":ee,"--n-handle-color":f,"--n-handle-size":Ke,"--n-opacity-disabled":B,"--n-rail-color":o,"--n-rail-color-hover":t,"--n-rail-height":Le,"--n-rail-width-vertical":qe,"--n-mark-font-size":e}}),j=R?(0,y.useThemeClass)("slider",void 0,me,a):void 0,be=(0,n.computed)(()=>{const{self:{fontSize:e,indicatorColor:o,indicatorBoxShadow:t,indicatorTextColor:i,indicatorBorderRadius:s}}=h.value;return{"--n-font-size":e,"--n-indicator-border-radius":s,"--n-indicator-box-shadow":t,"--n-indicator-color":o,"--n-indicator-text-color":i}}),$=R?(0,y.useThemeClass)("slider-indicator",void 0,be,a):void 0;return{mergedClsPrefix:u,namespace:X,uncontrolledValue:Y,mergedValue:W,mergedDisabled:O,mergedPlacement:Ce,isMounted:(0,c.useIsMounted)(),adjustedTo:(0,x.useAdjustedTo)(a),dotTransitionDisabled:H,markInfos:Re,isShowTooltip:ce,shouldKeepTooltipTransition:ze,handleRailRef:b,setHandleRefs:V,setFollowerRefs:Be,fillStyle:Me,getHandleStyle:Te,activeIndex:_,arrifiedValues:w,followerEnabledIndexSet:ke,handleRailMouseDown:Fe,handleHandleFocus:He,handleHandleBlur:Ie,handleHandleMouseEnter:Ae,handleHandleMouseLeave:Ee,handleRailKeyDown:Ve,indicatorCssVars:R?void 0:be,indicatorThemeClass:$==null?void 0:$.themeClass,indicatorOnRender:$==null?void 0:$.onRender,cssVars:R?void 0:me,themeClass:j==null?void 0:j.themeClass,onRender:j==null?void 0:j.onRender}},render(){var a;const{mergedClsPrefix:u,themeClass:X,formatTooltip:R}=this;return(a=this.onRender)===null||a===void 0||a.call(this),(0,n.h)("div",{class:[`${u}-slider`,X,{[`${u}-slider--disabled`]:this.mergedDisabled,[`${u}-slider--active`]:this.activeIndex!==-1,[`${u}-slider--with-mark`]:this.marks,[`${u}-slider--vertical`]:this.vertical,[`${u}-slider--reverse`]:this.reverse}],style:this.cssVars,onKeydown:this.handleRailKeyDown,onMousedown:this.handleRailMouseDown,onTouchstart:this.handleRailMouseDown},(0,n.h)("div",{class:`${u}-slider-rail`},(0,n.h)("div",{class:`${u}-slider-rail__fill`,style:this.fillStyle}),this.marks?(0,n.h)("div",{class:[`${u}-slider-dots`,this.dotTransitionDisabled&&`${u}-slider-dots--transition-disabled`]},this.markInfos.map(h=>(0,n.h)("div",{key:h.key,class:[`${u}-slider-dot`,{[`${u}-slider-dot--active`]:h.active}],style:h.style}))):null,(0,n.h)("div",{ref:"handleRailRef",class:`${u}-slider-handles`},this.arrifiedValues.map((h,b)=>{const F=this.isShowTooltip(b);return(0,n.h)(p.VBinder,null,{default:()=>[(0,n.h)(p.VTarget,null,{default:()=>(0,n.h)("div",{ref:this.setHandleRefs(b),class:`${u}-slider-handle-wrapper`,tabindex:this.mergedDisabled?-1:0,role:"slider","aria-valuenow":h,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-orientation":this.vertical?"vertical":"horizontal","aria-disabled":this.disabled,style:this.getHandleStyle(h,b),onFocus:()=>{this.handleHandleFocus(b)},onBlur:()=>{this.handleHandleBlur(b)},onMouseenter:()=>{this.handleHandleMouseEnter(b)},onMouseleave:()=>{this.handleHandleMouseLeave(b)}},(0,x.resolveSlot)(this.$slots.thumb,()=>[(0,n.h)("div",{class:`${u}-slider-handle`})]))}),this.tooltip&&(0,n.h)(p.VFollower,{ref:this.setFollowerRefs(b),show:F,to:this.adjustedTo,enabled:this.showTooltip&&!this.range||this.followerEnabledIndexSet.has(b),teleportDisabled:this.adjustedTo===x.useAdjustedTo.tdkey,placement:this.mergedPlacement,containerClass:this.namespace},{default:()=>(0,n.h)(n.Transition,{name:"fade-in-scale-up-transition",appear:this.isMounted,css:this.shouldKeepTooltipTransition(b),onEnter:()=>{this.followerEnabledIndexSet.add(b)},onAfterLeave:()=>{this.followerEnabledIndexSet.delete(b)}},{default:()=>{var V;return F?((V=this.indicatorOnRender)===null||V===void 0||V.call(this),(0,n.h)("div",{class:[`${u}-slider-handle-indicator`,this.indicatorThemeClass,`${u}-slider-handle-indicator--${this.mergedPlacement}`],style:this.indicatorCssVars},typeof R=="function"?R(h):h)):null}})})]})})),this.marks?(0,n.h)("div",{class:`${u}-slider-marks`},this.markInfos.map(h=>(0,n.h)("div",{key:h.key,class:`${u}-slider-mark`,style:h.style},typeof h.label=="function"?h.label():h.label))):null))}})})(we);(function(l){var m=k.commonjsGlobal&&k.commonjsGlobal.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(l,"__esModule",{value:!0}),l.sliderProps=l.NSlider=void 0;var d=we;Object.defineProperty(l,"NSlider",{enumerable:!0,get:function(){return m(d).default}}),Object.defineProperty(l,"sliderProps",{enumerable:!0,get:function(){return d.sliderProps}})})(xe);const bo=to({__proto__:null},[xe]);exports.index=bo;