bkui-vue 0.0.2-beta.9 → 0.0.2-beta.90

package/lib/slider/index.js

@@ -1,2 +1,1291 @@
-/*! For license information please see index.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../config-provider"),require("../input"),require("../popover"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../config-provider","../input","../popover"],t);else{var a="object"==typeof exports?t(require("../shared"),require("vue"),require("../config-provider"),require("../input"),require("../popover")):t(e["../shared"],e.vue,e["../config-provider"],e["../input"],e["../popover"]);for(var r in a)("object"==typeof exports?exports:e)[r]=a[r]}}(self,((e,t,a,r,n)=>(()=>{var o={2717:e=>{"use strict";e.exports=a},8133:e=>{"use strict";e.exports=r},5537:e=>{"use strict";e.exports=n},4212:t=>{"use strict";t.exports=e},748:e=>{"use strict";e.exports=t},7609:(e,t,a)=>{var r=a(7425).default;function n(){"use strict";e.exports=n=function(){return t},e.exports.__esModule=!0,e.exports.default=e.exports;var t={},a=Object.prototype,o=a.hasOwnProperty,u=Object.defineProperty||function(e,t,a){e[t]=a.value},l="function"==typeof Symbol?Symbol:{},i=l.iterator||"@@iterator",c=l.asyncIterator||"@@asyncIterator",s=l.toStringTag||"@@toStringTag";function v(e,t,a){return Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{v({},"")}catch(e){v=function(e,t,a){return e[t]=a}}function m(e,t,a,r){var n=t&&t.prototype instanceof p?t:p,o=Object.create(n.prototype),l=new j(r||[]);return u(o,"_invoke",{value:N(e,a,l)}),o}function d(e,t,a){try{return{type:"normal",arg:e.call(t,a)}}catch(e){return{type:"throw",arg:e}}}t.wrap=m;var f={};function p(){}function h(){}function y(){}var V={};v(V,i,(function(){return this}));var b=Object.getPrototypeOf,x=b&&b(b(O([])));x&&x!==a&&o.call(x,i)&&(V=x);var g=y.prototype=p.prototype=Object.create(V);function w(e){["next","throw","return"].forEach((function(t){v(e,t,(function(e){return this._invoke(t,e)}))}))}function L(e,t){function a(n,u,l,i){var c=d(e[n],e,u);if("throw"!==c.type){var s=c.arg,v=s.value;return v&&"object"==r(v)&&o.call(v,"__await")?t.resolve(v.__await).then((function(e){a("next",e,l,i)}),(function(e){a("throw",e,l,i)})):t.resolve(v).then((function(e){s.value=e,l(s)}),(function(e){return a("throw",e,l,i)}))}i(c.arg)}var n;u(this,"_invoke",{value:function(e,r){function o(){return new t((function(t,n){a(e,r,t,n)}))}return n=n?n.then(o,o):o()}})}function N(e,t,a){var r="suspendedStart";return function(n,o){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===n)throw o;return{value:void 0,done:!0}}for(a.method=n,a.arg=o;;){var u=a.delegate;if(u){var l=S(u,a);if(l){if(l===f)continue;return l}}if("next"===a.method)a.sent=a._sent=a.arg;else if("throw"===a.method){if("suspendedStart"===r)throw r="completed",a.arg;a.dispatchException(a.arg)}else"return"===a.method&&a.abrupt("return",a.arg);r="executing";var i=d(e,t,a);if("normal"===i.type){if(r=a.done?"completed":"suspendedYield",i.arg===f)continue;return{value:i.arg,done:a.done}}"throw"===i.type&&(r="completed",a.method="throw",a.arg=i.arg)}}}function S(e,t){var a=t.method,r=e.iterator[a];if(void 0===r)return t.delegate=null,"throw"===a&&e.iterator.return&&(t.method="return",t.arg=void 0,S(e,t),"throw"===t.method)||"return"!==a&&(t.method="throw",t.arg=new TypeError("The iterator does not provide a '"+a+"' method")),f;var n=d(r,e.iterator,t.arg);if("throw"===n.type)return t.method="throw",t.arg=n.arg,t.delegate=null,f;var o=n.arg;return o?o.done?(t[e.resultName]=o.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,f):o:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,f)}function E(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function C(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function j(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(E,this),this.reset(!0)}function O(e){if(e){var t=e[i];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var a=-1,r=function t(){for(;++a<e.length;)if(o.call(e,a))return t.value=e[a],t.done=!1,t;return t.value=void 0,t.done=!0,t};return r.next=r}}return{next:T}}function T(){return{value:void 0,done:!0}}return h.prototype=y,u(g,"constructor",{value:y,configurable:!0}),u(y,"constructor",{value:h,configurable:!0}),h.displayName=v(y,s,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===h||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,v(e,s,"GeneratorFunction")),e.prototype=Object.create(g),e},t.awrap=function(e){return{__await:e}},w(L.prototype),v(L.prototype,c,(function(){return this})),t.AsyncIterator=L,t.async=function(e,a,r,n,o){void 0===o&&(o=Promise);var u=new L(m(e,a,r,n),o);return t.isGeneratorFunction(a)?u:u.next().then((function(e){return e.done?e.value:u.next()}))},w(g),v(g,s,"Generator"),v(g,i,(function(){return this})),v(g,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),a=[];for(var r in t)a.push(r);return a.reverse(),function e(){for(;a.length;){var r=a.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=O,j.prototype={constructor:j,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(C),!e)for(var t in this)"t"===t.charAt(0)&&o.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var t=this;function a(a,r){return u.type="throw",u.arg=e,t.next=a,r&&(t.method="next",t.arg=void 0),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r],u=n.completion;if("root"===n.tryLoc)return a("end");if(n.tryLoc<=this.prev){var l=o.call(n,"catchLoc"),i=o.call(n,"finallyLoc");if(l&&i){if(this.prev<n.catchLoc)return a(n.catchLoc,!0);if(this.prev<n.finallyLoc)return a(n.finallyLoc)}else if(l){if(this.prev<n.catchLoc)return a(n.catchLoc,!0)}else{if(!i)throw new Error("try statement without catch or finally");if(this.prev<n.finallyLoc)return a(n.finallyLoc)}}}},abrupt:function(e,t){for(var a=this.tryEntries.length-1;a>=0;--a){var r=this.tryEntries[a];if(r.tryLoc<=this.prev&&o.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var n=r;break}}n&&("break"===e||"continue"===e)&&n.tryLoc<=t&&t<=n.finallyLoc&&(n=null);var u=n?n.completion:{};return u.type=e,u.arg=t,n?(this.method="next",this.next=n.finallyLoc,f):this.complete(u)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),f},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var a=this.tryEntries[t];if(a.finallyLoc===e)return this.complete(a.completion,a.afterLoc),C(a),f}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var a=this.tryEntries[t];if(a.tryLoc===e){var r=a.completion;if("throw"===r.type){var n=r.arg;C(a)}return n}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,a){return this.delegate={iterator:O(e),resultName:t,nextLoc:a},"next"===this.method&&(this.arg=void 0),f}},t}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports},7425:e=>{function t(a){return e.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,t(a)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},2841:(e,t,a)=>{var r=a(7609)();e.exports=r;try{regeneratorRuntime=r}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=r:Function("r","regeneratorRuntime = r")(r)}}},u={};function l(e){var t=u[e];if(void 0!==t)return t.exports;var a=u[e]={exports:{}};return o[e](a,a.exports,l),a.exports}l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var a in t)l.o(t,a)&&!l.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{"use strict";l.r(i),l.d(i,{default:()=>p});var e=l(4212),t=l(748),a=l(2841),r=l.n(a);Object.create,Object.create,"function"==typeof SuppressedError&&SuppressedError;var n=l(2717),o=l(8133),u=l.n(o),c=l(5537),s=l.n(c);const v=(0,t.defineComponent)({name:"SliderButton",props:{modelValue:{type:Number,default:0},params:{type:Object,default:function(){return{}}}},emits:["emitChange","resetSize","update:modelValue"],setup:function(a,r){var o=r.emit,u=(0,t.ref)(!1),l=(0,t.ref)(!1),i=(0,t.ref)(0),c=(0,t.ref)(0),v=(0,t.ref)(0),f=(0,t.ref)(null),p=(0,t.ref)(a.modelValue),h=(0,t.ref)(0),y=(0,t.ref)(0),V=(0,t.ref)(!1),b=(0,t.ref)(null),x=(0,t.computed)((function(){var t,r,n="";if(null===(t=a.params.customContent)||void 0===t?void 0:t[a.modelValue]){var o=a.params.customContent[a.modelValue];n=o.tip||o.label||""}var u=a.params.vertical?e.PlacementEnum.RIGHT:e.PlacementEnum.TOP;return(null===(r=a.params)||void 0===r?void 0:r.showTip)?{content:a.params.formatterTipLabel("".concat(n||(null==a?void 0:a.modelValue)||"0")),placement:u}:{content:"",placement:u}})),g=(0,t.computed)((function(){return"".concat((a.modelValue-a.params.minValue)/(a.params.maxValue-a.params.minValue)*100,"%")})),w=(0,t.computed)((function(){return a.params.vertical?{bottom:g.value}:{left:g.value}})),L=(0,t.computed)((function(){return a.params.formatterButtonLabel(a.modelValue)})),N=function(e){a.params.disable||(e.preventDefault(),S(e),m(window,"mousemove",E),m(window,"touchmove",E),m(window,"mouseup",C),m(window,"touchend",C))},S=function(e){u.value=!0,l.value=!0,a.params.vertical?i.value=e.clientY:c.value=e.clientX,v.value=parseFloat(g.value),f.value=v.value},E=function(e){if(u.value){l.value=!1,o("resetSize");var t=0;a.params.vertical?(h.value=e.clientY,t=(i.value-h.value)/a.params.sliderSize*100):(y.value=e.clientX,t=(y.value-c.value)/a.params.sliderSize*100),f.value=v.value+t,j(f.value)}},C=function e(){V.value=!1,u.value&&(setTimeout((function(){u.value=!1,l.value||(j(f.value),o("emitChange"))}),0),d(window,"mousemove",E),d(window,"touchmove",E),d(window,"mouseup",e),d(window,"touchend",e))},j=function(e){if(null!==e&&!isNaN(e)){e<0?f.value=0:e>100&&(f.value=100);var t=100/((a.params.maxValue-a.params.minValue)/a.params.step),r=Math.round(e/t)*t*(a.params.maxValue-a.params.minValue)*.01+a.params.minValue;r=parseFloat(r.toFixed(a.params.precision)),o("update:modelValue",r),u.value||a.modelValue===p.value||(p.value=a.modelValue)}},O=(0,n.usePrefix)().resolveClassName;return{renderDom:function(){return(0,t.createVNode)("div",{class:["".concat(O("slider-button")),a.params.vertical?"vertical":"horizontal",{grabbing:u.value}],ref:b,tabindex:"0",style:w.value,onClick:function(e){return e.stopPropagation()},onMousedown:N},[Boolean(x.value.content)?(0,t.createVNode)(s(),{content:x.value.content,theme:"dark",placement:x.value.placement,boundary:document.body},{default:function(){return[(0,t.createVNode)("div",{class:["slider-button",{"slider-button-disable":a.params.disable}]},null)]}}):(0,t.createVNode)("div",{class:["slider-button",{"slider-button-disable":a.params.disable}]},null),a.params.showButtonLabel&&!a.params.showIntervalLabel?(0,t.createVNode)("div",{class:["slider-button-label",a.params.vertical?"vertical":"horizontal"]},[L.value]):void 0])},setPosition:j,tip:x}},render:function(){return this.renderDom()}});var m=function(e,t,a){e&&t&&a&&e.addEventListener(t,a,!1)},d=function(e,t,a){e&&t&&a&&e.removeEventListener(t,a,!1)};const f=(0,t.defineComponent)({name:"Slider",props:{modelValue:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.number),e.PropTypes.number]),extCls:{type:String,default:""},vertical:{type:Boolean,default:!1},height:{type:String,default:"200px"},disable:{type:Boolean,default:!1},showTip:{type:Boolean,default:!1},maxValue:{type:[Number],default:100},minValue:{type:[Number],default:0},step:{type:[Number],default:1},range:{type:Boolean,default:!1},showInterval:{type:Boolean,default:!1},showIntervalLabel:{type:Boolean,default:!1},showButtonLabel:{type:Boolean,default:!1},showBetweenLabel:{type:Boolean,default:!1},showInput:{type:Boolean,default:!1},customContent:{type:Object,default:null},formatterLabel:{type:Function,default:function(e){return e}},formatterButtonLabel:{type:Function,default:function(e){return e}},formatterTipLabel:{type:Function,default:function(e){return e}}},emits:["update:modelValue","change"],setup:function(e,a){var o=this,l=a.slots,i=a.emit,c=(0,t.ref)(1),s=(0,t.ref)(null),d=(0,t.ref)(null),f=(0,t.ref)(null),p=(0,t.ref)(0),h=(0,t.ref)(0),y=(0,t.ref)(null),V=(0,t.ref)(null),b=(0,t.ref)(null),x=(0,t.ref)(null),g=(0,t.computed)((function(){var t=[e.minValue,e.maxValue,e.step].map((function(e){var t="".concat(e).split(".")[1];return t?t.length:0}));return Math.max.apply(null,t)})),w=(0,t.computed)((function(){return Math.min(s.value,d.value)})),L=(0,t.computed)((function(){return Math.max(s.value,d.value)})),N=(0,t.computed)((function(){return e.range?"".concat(100*(L.value-w.value)/(e.maxValue-e.minValue),"%"):"".concat(100*(s.value-e.minValue)/(e.maxValue-e.minValue),"%")})),S=(0,t.computed)((function(){return e.range?"".concat(100*(w.value-e.minValue)/(e.maxValue-e.minValue),"%"):"0%"})),E=(0,t.computed)((function(){return e.vertical?{height:N.value,bottom:S.value}:{width:N.value,left:S.value}})),C=(0,t.computed)((function(){if(!e.showInterval||e.minValue>e.maxValue)return[];if(0===e.step)return console.warn("WARNNING:step should not be 0"),[];for(var t=(e.maxValue-e.minValue)/e.step,a=100*e.step/(e.maxValue-e.minValue),r=[],n=1;n<t;n++)r.push(n*a);return e.range?r.filter((function(t){return t<100*(w.value-e.minValue)/(e.maxValue-e.minValue)||t>100*(L.value-e.minValue)/(e.maxValue-e.minValue)})):r.filter((function(t){return t>100*(s.value-e.minValue)/(e.maxValue-e.minValue)}))})),j=(0,t.computed)((function(){return e.vertical?{height:e.height,width:"4px"}:{}})),O=(0,t.computed)((function(){if(!e.showIntervalLabel)return[];if(0===e.step)return console.warn("WARNNING:step should not be 0"),[];for(var t=100*e.step/(e.maxValue-e.minValue),a=[],r=e.minValue,n=0;r<=e.maxValue;r+=e.step,n++){var o={stepWidth:n*t,stepLabel:e.formatterLabel(r)};a.push(o)}return a})),T=(0,t.computed)((function(){return Array.isArray(e.modelValue)})),_=(0,t.computed)((function(){return e.customContent?Object.keys(e.customContent).sort((function(e,t){return Number(e)-Number(t)})).filter((function(t){return Number(t)>=e.minValue&&Number(t)<=e.maxValue})).map((function(t){var a=e.customContent[t].tip,r=e.customContent[t].label;return{tip:a||r||"",label:r||"",percent:(Number(t)-e.minValue)/(e.maxValue-e.minValue)*100}})):[]})),P=(0,t.computed)((function(){return{vertical:e.vertical,showTip:e.showTip,disable:e.disable,maxValue:e.maxValue,minValue:e.minValue,step:e.step,precision:g.value,showButtonLabel:e.showButtonLabel,formatterButtonLabel:e.formatterButtonLabel,showIntervalLabel:e.showIntervalLabel,customContent:e.customContent,sliderSize:c.value,formatterTipLabel:e.formatterTipLabel}}));(0,t.watch)((function(){return e.modelValue}),(function(){k()})),(0,t.watch)((function(){return s.value}),(function(t){e.range?i("update:modelValue",[w.value,L.value]):i("update:modelValue",t),p.value=t})),(0,t.watch)((function(){return d.value}),(function(e){i("update:modelValue",[w.value,L.value]),h.value=e})),(0,t.onMounted)((function(){e.range?(Array.isArray(e.modelValue)?(s.value=Math.max(e.minValue,Number(e.modelValue[0])),d.value=Math.min(e.maxValue,Number(e.modelValue[1]))):(s.value=e.minValue,d.value=e.maxValue),f.value=[s.value,d.value]):("number"!=typeof e.modelValue||isNaN(e.modelValue)?s.value=e.minValue:s.value=Math.min(e.maxValue,Math.max(e.minValue,e.modelValue)),f.value=s.value),B(),m(window,"resize",B())}));var B=function(){y.value&&(c.value=y.value["client".concat(e.vertical?"Height":"Width")])},I=function(t){var a,r;if(t.stopPropagation(),!e.disable){if(B(),e.vertical){var n=null===(a=y.value)||void 0===a?void 0:a.getBoundingClientRect().bottom;G((n-t.clientY)/c.value*100)}else{var o=null===(r=y.value)||void 0===r?void 0:r.getBoundingClientRect().left;G((t.clientX-o)/c.value*100)}z()}},M=function(){return e.range?![w.value,L.value].every((function(e,t){return e===f.value[t]})):e.modelValue!==f.value},k=function(){if(e.minValue>e.maxValue)console.error("min should not be greater than max.");else{var t=e.modelValue;e.range&&Array.isArray(t)?t[1]<e.minValue?i("update:modelValue",[e.minValue,e.minValue]):t[0]>e.maxValue?i("update:modelValue",[e.maxValue,e.maxValue]):t[0]<e.minValue?i("update:modelValue",[e.minValue,t[1]]):t[1]>e.maxValue?i("update:modelValue",[t[0],e.maxValue]):(s.value=Number(t[0]),d.value=Number(t[1]),M()&&(f.value=t.slice())):e.range||"number"!=typeof t||isNaN(t)||(t<e.minValue?i("update:modelValue",e.minValue):t>e.maxValue?i("update:modelValue",e.maxValue):(s.value=t,M()&&(f.value=t)))}},z=function(){return a=o,n=void 0,u=void 0,l=r().mark((function a(){return r().wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,(0,t.nextTick)();case 2:i("change",e.range?[w.value,L.value]:e.modelValue);case 3:case"end":return a.stop()}}),a)})),new(u||(u=Promise))((function(e,t){function r(e){try{i(l.next(e))}catch(e){t(e)}}function o(e){try{i(l.throw(e))}catch(e){t(e)}}function i(t){var a;t.done?e(t.value):(a=t.value,a instanceof u?a:new u((function(e){e(a)}))).then(r,o)}i((l=l.apply(a,n||[])).next())}));var a,n,u,l},F=function(t){return e.vertical?{bottom:"".concat(t,"%")}:{left:"".concat(t,"%")}},G=function(t){if(e.range){var a=e.minValue+t*(e.maxValue-e.minValue)/100;Math.abs(w.value-a)<Math.abs(L.value-a)?x.value=s.value<d.value?V.value:b.value:x.value=s.value>d.value?V.value:b.value,x.value.setPosition(t)}else V.value.setPosition(t)},q=function(t){if(""!==t){var a=parseFloat(t);a<e.minValue?(p.value=e.minValue,s.value=e.minValue):a>e.maxValue?(p.value=e.maxValue,s.value=e.maxValue):s.value=a}},A=function(t){if(""!==t){var a=parseFloat(t.toString());a<e.minValue?(h.value=e.minValue,d.value=e.minValue):a>e.maxValue?(h.value=e.maxValue,d.value=e.maxValue):d.value=a}},R=function(t){var a;return a="start"===t?e.vertical?e.maxValue:e.minValue:e.vertical?e.minValue:e.maxValue,e.showButtonLabel&&[s.value,d.value].includes(a)?"0":"1"},D=(0,n.usePrefix)().resolveClassName;return{renderDom:function(){var a,r;return(0,t.createVNode)("div",{class:["".concat(D("slider")),e.extCls]},[null===(a=l.start)||void 0===a?void 0:a.call(l),(0,t.createVNode)("div",{class:"".concat(D("slider-runway")),ref:y,style:j.value,onClick:I},[(0,t.createVNode)("div",{class:["".concat(D("slider-bar")),e.vertical?"vertical":"horizontal",{disable:e.disable}],style:E.value},null),e.showInterval?C.value.map((function(a,r){return(0,t.createVNode)("div",{key:r,class:["".concat(D("slider-interval")),{vertical:e.vertical}],style:F(a)},null)})):void 0,e.customContent?_.value.map((function(a,r){return(0,t.createVNode)("div",{key:r,class:["".concat(D("slider-interval")),{vertical:e.vertical}],style:F(a.percent)},null)})):void 0,e.showBetweenLabel||e.showIntervalLabel||e.customContent?(0,t.createVNode)("div",{class:["".concat(D("slider-labels")),e.vertical?"vertical":"horizontal"]},[e.showBetweenLabel?[(0,t.createVNode)("div",{class:"label-start",style:[{opacity:R("start")}]},[e.formatterLabel(e.minValue)]),(0,t.createVNode)("div",{class:"label-end",style:[{opacity:R("end")}]},[e.formatterLabel(e.maxValue)])]:e.showIntervalLabel?O.value.map((function(a,r){return(0,t.createVNode)("div",{class:["".concat(D("slider-label")),e.vertical?"vertical":"horizontal"],key:r,style:F(a.stepWidth)},[a.stepLabel])})):e.customContent?_.value.map((function(a,r){return(0,t.createVNode)("div",{class:["".concat(D("slider-label")),e.vertical?"vertical":"horizontal"],key:r,style:F(a.percent)},[a.label])})):void 0]):void 0,(0,t.createVNode)(v,{modelValue:s.value,"onUpdate:modelValue":function(e){return s.value=e},ref:V,params:P.value,onEmitChange:z,onResetSize:B},null),e.range?(0,t.createVNode)(v,{modelValue:d.value,"onUpdate:modelValue":function(e){return d.value=e},ref:b,params:P.value,onEmitChange:z,onResetSize:B},null):void 0]),e.showInput&&!e.vertical?(0,t.createVNode)("div",{class:"".concat(D("slider-input"))},[(0,t.createVNode)("div",{class:"input-item"},[(0,t.createVNode)(u(),{type:"number",modelValue:p.value,max:e.maxValue,min:e.minValue,onChange:q},null)]),T.value&&d.value?[(0,t.createVNode)("div",{class:"input-center"},[(0,t.createTextVNode)("～")]),(0,t.createVNode)("div",{class:"input-item"},[(0,t.createVNode)(u(),{type:"number",modelValue:h.value,max:e.maxValue,min:e.minValue,onChange:A},null)])]:void 0]):void 0,null===(r=l.end)||void 0===r?void 0:r.call(l)])}}},render:function(){return this.renderDom()}}),p=(0,e.withInstall)(f)})(),i})()));
+import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
+import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
+import * as __WEBPACK_EXTERNAL_MODULE__input_752b0149__ from "../input";
+import * as __WEBPACK_EXTERNAL_MODULE__popover_cf5f8dce__ from "../popover";
+/******/ var __webpack_modules__ = ({
+
+/***/ 7609:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var _typeof = (__webpack_require__(7425)["default"]);
+function _regeneratorRuntime() {
+  "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+  module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
+    return exports;
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  var exports = {},
+    Op = Object.prototype,
+    hasOwn = Op.hasOwnProperty,
+    defineProperty = Object.defineProperty || function (obj, key, desc) {
+      obj[key] = desc.value;
+    },
+    $Symbol = "function" == typeof Symbol ? Symbol : {},
+    iteratorSymbol = $Symbol.iterator || "@@iterator",
+    asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
+    toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+  function define(obj, key, value) {
+    return Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }), obj[key];
+  }
+  try {
+    define({}, "");
+  } catch (err) {
+    define = function define(obj, key, value) {
+      return obj[key] = value;
+    };
+  }
+  function wrap(innerFn, outerFn, self, tryLocsList) {
+    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
+      generator = Object.create(protoGenerator.prototype),
+      context = new Context(tryLocsList || []);
+    return defineProperty(generator, "_invoke", {
+      value: makeInvokeMethod(innerFn, self, context)
+    }), generator;
+  }
+  function tryCatch(fn, obj, arg) {
+    try {
+      return {
+        type: "normal",
+        arg: fn.call(obj, arg)
+      };
+    } catch (err) {
+      return {
+        type: "throw",
+        arg: err
+      };
+    }
+  }
+  exports.wrap = wrap;
+  var ContinueSentinel = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  var IteratorPrototype = {};
+  define(IteratorPrototype, iteratorSymbol, function () {
+    return this;
+  });
+  var getProto = Object.getPrototypeOf,
+    NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
+  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
+  function defineIteratorMethods(prototype) {
+    ["next", "throw", "return"].forEach(function (method) {
+      define(prototype, method, function (arg) {
+        return this._invoke(method, arg);
+      });
+    });
+  }
+  function AsyncIterator(generator, PromiseImpl) {
+    function invoke(method, arg, resolve, reject) {
+      var record = tryCatch(generator[method], generator, arg);
+      if ("throw" !== record.type) {
+        var result = record.arg,
+          value = result.value;
+        return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
+          invoke("next", value, resolve, reject);
+        }, function (err) {
+          invoke("throw", err, resolve, reject);
+        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
+          result.value = unwrapped, resolve(result);
+        }, function (error) {
+          return invoke("throw", error, resolve, reject);
+        });
+      }
+      reject(record.arg);
+    }
+    var previousPromise;
+    defineProperty(this, "_invoke", {
+      value: function value(method, arg) {
+        function callInvokeWithMethodAndArg() {
+          return new PromiseImpl(function (resolve, reject) {
+            invoke(method, arg, resolve, reject);
+          });
+        }
+        return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+      }
+    });
+  }
+  function makeInvokeMethod(innerFn, self, context) {
+    var state = "suspendedStart";
+    return function (method, arg) {
+      if ("executing" === state) throw new Error("Generator is already running");
+      if ("completed" === state) {
+        if ("throw" === method) throw arg;
+        return doneResult();
+      }
+      for (context.method = method, context.arg = arg;;) {
+        var delegate = context.delegate;
+        if (delegate) {
+          var delegateResult = maybeInvokeDelegate(delegate, context);
+          if (delegateResult) {
+            if (delegateResult === ContinueSentinel) continue;
+            return delegateResult;
+          }
+        }
+        if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
+          if ("suspendedStart" === state) throw state = "completed", context.arg;
+          context.dispatchException(context.arg);
+        } else "return" === context.method && context.abrupt("return", context.arg);
+        state = "executing";
+        var record = tryCatch(innerFn, self, context);
+        if ("normal" === record.type) {
+          if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
+          return {
+            value: record.arg,
+            done: context.done
+          };
+        }
+        "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
+      }
+    };
+  }
+  function maybeInvokeDelegate(delegate, context) {
+    var methodName = context.method,
+      method = delegate.iterator[methodName];
+    if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
+    var record = tryCatch(method, delegate.iterator, context.arg);
+    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
+    var info = record.arg;
+    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
+  }
+  function pushTryEntry(locs) {
+    var entry = {
+      tryLoc: locs[0]
+    };
+    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
+  }
+  function resetTryEntry(entry) {
+    var record = entry.completion || {};
+    record.type = "normal", delete record.arg, entry.completion = record;
+  }
+  function Context(tryLocsList) {
+    this.tryEntries = [{
+      tryLoc: "root"
+    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
+  }
+  function values(iterable) {
+    if (iterable) {
+      var iteratorMethod = iterable[iteratorSymbol];
+      if (iteratorMethod) return iteratorMethod.call(iterable);
+      if ("function" == typeof iterable.next) return iterable;
+      if (!isNaN(iterable.length)) {
+        var i = -1,
+          next = function next() {
+            for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
+            return next.value = undefined, next.done = !0, next;
+          };
+        return next.next = next;
+      }
+    }
+    return {
+      next: doneResult
+    };
+  }
+  function doneResult() {
+    return {
+      value: undefined,
+      done: !0
+    };
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
+    value: GeneratorFunctionPrototype,
+    configurable: !0
+  }), defineProperty(GeneratorFunctionPrototype, "constructor", {
+    value: GeneratorFunction,
+    configurable: !0
+  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
+    var ctor = "function" == typeof genFun && genFun.constructor;
+    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
+  }, exports.mark = function (genFun) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
+  }, exports.awrap = function (arg) {
+    return {
+      __await: arg
+    };
+  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
+    return this;
+  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+    void 0 === PromiseImpl && (PromiseImpl = Promise);
+    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
+    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
+      return result.done ? result.value : iter.next();
+    });
+  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
+    return this;
+  }), define(Gp, "toString", function () {
+    return "[object Generator]";
+  }), exports.keys = function (val) {
+    var object = Object(val),
+      keys = [];
+    for (var key in object) keys.push(key);
+    return keys.reverse(), function next() {
+      for (; keys.length;) {
+        var key = keys.pop();
+        if (key in object) return next.value = key, next.done = !1, next;
+      }
+      return next.done = !0, next;
+    };
+  }, exports.values = values, Context.prototype = {
+    constructor: Context,
+    reset: function reset(skipTempReset) {
+      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
+    },
+    stop: function stop() {
+      this.done = !0;
+      var rootRecord = this.tryEntries[0].completion;
+      if ("throw" === rootRecord.type) throw rootRecord.arg;
+      return this.rval;
+    },
+    dispatchException: function dispatchException(exception) {
+      if (this.done) throw exception;
+      var context = this;
+      function handle(loc, caught) {
+        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
+      }
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i],
+          record = entry.completion;
+        if ("root" === entry.tryLoc) return handle("end");
+        if (entry.tryLoc <= this.prev) {
+          var hasCatch = hasOwn.call(entry, "catchLoc"),
+            hasFinally = hasOwn.call(entry, "finallyLoc");
+          if (hasCatch && hasFinally) {
+            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+          } else if (hasCatch) {
+            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+          } else {
+            if (!hasFinally) throw new Error("try statement without catch or finally");
+            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+          }
+        }
+      }
+    },
+    abrupt: function abrupt(type, arg) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
+          var finallyEntry = entry;
+          break;
+        }
+      }
+      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
+      var record = finallyEntry ? finallyEntry.completion : {};
+      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
+    },
+    complete: function complete(record, afterLoc) {
+      if ("throw" === record.type) throw record.arg;
+      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
+    },
+    finish: function finish(finallyLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
+      }
+    },
+    "catch": function _catch(tryLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc === tryLoc) {
+          var record = entry.completion;
+          if ("throw" === record.type) {
+            var thrown = record.arg;
+            resetTryEntry(entry);
+          }
+          return thrown;
+        }
+      }
+      throw new Error("illegal catch attempt");
+    },
+    delegateYield: function delegateYield(iterable, resultName, nextLoc) {
+      return this.delegate = {
+        iterator: values(iterable),
+        resultName: resultName,
+        nextLoc: nextLoc
+      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
+    }
+  }, exports;
+}
+module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ 7425:
+/***/ ((module) => {
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
+}
+module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ 2841:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// TODO(Babel 8): Remove this file.
+
+var runtime = __webpack_require__(7609)();
+module.exports = runtime;
+
+// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
+try {
+  regeneratorRuntime = runtime;
+} catch (accidentalStrictMode) {
+  if (typeof globalThis === "object") {
+    globalThis.regeneratorRuntime = runtime;
+  } else {
+    Function("r", "regeneratorRuntime = r")(runtime);
+  }
+}
+
+
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/ 
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ 	// Check if module is in cache
+/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 	if (cachedModule !== undefined) {
+/******/ 		return cachedModule.exports;
+/******/ 	}
+/******/ 	// Create a new module (and put it into the cache)
+/******/ 	var module = __webpack_module_cache__[moduleId] = {
+/******/ 		// no module.id needed
+/******/ 		// no module.loaded needed
+/******/ 		exports: {}
+/******/ 	};
+/******/ 
+/******/ 	// Execute the module function
+/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 
+/******/ 	// Return the exports of the module
+/******/ 	return module.exports;
+/******/ }
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/compat get default export */
+/******/ (() => {
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = (module) => {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			() => (module['default']) :
+/******/ 			() => (module);
+/******/ 		__webpack_require__.d(getter, { a: getter });
+/******/ 		return getter;
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  Z: () => (/* binding */ src)
+});
+
+;// CONCATENATED MODULE: external "../shared"
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const external_shared_namespaceObject = x({ ["PlacementEnum"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PlacementEnum, ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
+  }
+  if (info.done) {
+    resolve(value);
+  } else {
+    Promise.resolve(value).then(_next, _throw);
+  }
+}
+function _asyncToGenerator(fn) {
+  return function () {
+    var self = this,
+      args = arguments;
+    return new Promise(function (resolve, reject) {
+      var gen = fn.apply(self, args);
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+      _next(undefined);
+    });
+  };
+}
+;// CONCATENATED MODULE: external "vue"
+var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_vue_y = x => () => x
+const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+// EXTERNAL MODULE: ../../node_modules/@babel/runtime/regenerator/index.js
+var regenerator = __webpack_require__(2841);
+var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
+;// CONCATENATED MODULE: external "../config-provider"
+var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_config_provider_y = x => () => x
+const external_config_provider_namespaceObject = external_config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
+;// CONCATENATED MODULE: external "../input"
+var external_input_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_input_y = x => () => x
+const external_input_namespaceObject = external_input_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__input_752b0149__["default"] });
+;// CONCATENATED MODULE: external "../popover"
+var external_popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_popover_y = x => () => x
+const external_popover_namespaceObject = external_popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__popover_cf5f8dce__["default"] });
+;// CONCATENATED MODULE: ../../packages/slider/src/slider-button.tsx
+
+/**
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+
+
+
+/* harmony default export */ const slider_button = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'SliderButton',
+  props: {
+    modelValue: {
+      type: Number,
+      "default": 0
+    },
+    params: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    }
+  },
+  emits: ['emitChange', 'resetSize', 'update:modelValue'],
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
+    var dragging = (0,external_vue_namespaceObject.ref)(false);
+    var isClick = (0,external_vue_namespaceObject.ref)(false);
+    var startY = (0,external_vue_namespaceObject.ref)(0);
+    var startX = (0,external_vue_namespaceObject.ref)(0);
+    var startPosition = (0,external_vue_namespaceObject.ref)(0);
+    var newPosition = (0,external_vue_namespaceObject.ref)(null);
+    var oldValue = (0,external_vue_namespaceObject.ref)(props.modelValue);
+    var currentY = (0,external_vue_namespaceObject.ref)(0);
+    var currentX = (0,external_vue_namespaceObject.ref)(0);
+    var isMove = (0,external_vue_namespaceObject.ref)(false);
+    var button = (0,external_vue_namespaceObject.ref)(null);
+    var tip = (0,external_vue_namespaceObject.computed)(function () {
+      var _props$params$customC, _props$params;
+      var tip = '';
+      if ((_props$params$customC = props.params.customContent) !== null && _props$params$customC !== void 0 && _props$params$customC[props.modelValue]) {
+        var customContent = props.params.customContent[props.modelValue];
+        tip = customContent.tip || customContent.label || '';
+      }
+      var placement = props.params.vertical ? external_shared_namespaceObject.PlacementEnum.RIGHT : external_shared_namespaceObject.PlacementEnum.TOP;
+      if ((_props$params = props.params) !== null && _props$params !== void 0 && _props$params.showTip) {
+        return {
+          content: props.params.formatterTipLabel("".concat(tip || (props === null || props === void 0 ? void 0 : props.modelValue) || '0')),
+          placement: placement
+        };
+      }
+      return {
+        content: '',
+        placement: placement
+      };
+    });
+    var currentPosition = (0,external_vue_namespaceObject.computed)(function () {
+      return "".concat((props.modelValue - props.params.minValue) / (props.params.maxValue - props.params.minValue) * 100, "%");
+    });
+    var wrapperStyle = (0,external_vue_namespaceObject.computed)(function () {
+      return props.params.vertical ? {
+        bottom: currentPosition.value
+      } : {
+        left: currentPosition.value
+      };
+    });
+    var buttonLabel = (0,external_vue_namespaceObject.computed)(function () {
+      return props.params.formatterButtonLabel(props.modelValue);
+    });
+    var onButtonDown = function onButtonDown(event) {
+      if (props.params.disable) return;
+      event.preventDefault();
+      onDragStart(event);
+      on(window, 'mousemove', onDragging);
+      on(window, 'touchmove', onDragging);
+      on(window, 'mouseup', onDragEnd);
+      on(window, 'touchend', onDragEnd);
+    };
+    var onDragStart = function onDragStart(event) {
+      dragging.value = true;
+      isClick.value = true;
+      if (props.params.vertical) {
+        startY.value = event.clientY;
+      } else {
+        startX.value = event.clientX;
+      }
+      startPosition.value = parseFloat(currentPosition.value);
+      newPosition.value = startPosition.value;
+    };
+    var onDragging = function onDragging(event) {
+      if (dragging.value) {
+        isClick.value = false;
+        emit('resetSize');
+        var diff = 0;
+        if (props.params.vertical) {
+          currentY.value = event.clientY;
+          diff = (startY.value - currentY.value) / props.params.sliderSize * 100;
+        } else {
+          currentX.value = event.clientX;
+          diff = (currentX.value - startX.value) / props.params.sliderSize * 100;
+        }
+        newPosition.value = startPosition.value + diff;
+        setPosition(newPosition.value);
+      }
+    };
+    var onDragEnd = function onDragEnd() {
+      isMove.value = false;
+      if (dragging.value) {
+        setTimeout(function () {
+          dragging.value = false;
+          if (!isClick.value) {
+            setPosition(newPosition.value);
+            emit('emitChange');
+          }
+        }, 0);
+        off(window, 'mousemove', onDragging);
+        off(window, 'touchmove', onDragging);
+        off(window, 'mouseup', onDragEnd);
+        off(window, 'touchend', onDragEnd);
+      }
+    };
+    var setPosition = function setPosition(position) {
+      if (position === null || isNaN(position)) return;
+      if (position < 0) {
+        newPosition.value = 0;
+      } else if (position > 100) {
+        newPosition.value = 100;
+      }
+      var lengthPerStep = 100 / ((props.params.maxValue - props.params.minValue) / props.params.step);
+      var steps = Math.round(position / lengthPerStep);
+      var value = steps * lengthPerStep * (props.params.maxValue - props.params.minValue) * 0.01 + props.params.minValue;
+      value = parseFloat(value.toFixed(props.params.precision));
+      emit('update:modelValue', value);
+      if (!dragging.value && props.modelValue !== oldValue.value) {
+        oldValue.value = props.modelValue;
+      }
+    };
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
+    var renderDom = function renderDom() {
+      return (0,external_vue_namespaceObject.createVNode)("div", {
+        "class": ["".concat(resolveClassName('slider-button')), props.params.vertical ? 'vertical' : 'horizontal', {
+          grabbing: dragging.value
+        }],
+        "ref": button,
+        "tabindex": "0",
+        "style": wrapperStyle.value,
+        "onClick": function onClick(event) {
+          return event.stopPropagation();
+        },
+        "onMousedown": onButtonDown
+      }, [Boolean(tip.value.content) ? (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(external_popover_namespaceObject["default"], {
+        "content": tip.value.content,
+        "theme": 'dark',
+        "placement": tip.value.placement,
+        "boundary": document.body
+      }, {
+        "default": function _default() {
+          return [(0,external_vue_namespaceObject.createVNode)("div", {
+            "class": ['slider-button', {
+              'slider-button-disable': props.params.disable
+            }]
+          }, null)];
+        }
+      })]) : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)("div", {
+        "class": ['slider-button', {
+          'slider-button-disable': props.params.disable
+        }]
+      }, null)]), props.params.showButtonLabel && !props.params.showIntervalLabel ? (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)("div", {
+        "class": ['slider-button-label', props.params.vertical ? 'vertical' : 'horizontal']
+      }, [buttonLabel.value])]) : null]);
+    };
+    return {
+      renderDom: renderDom,
+      setPosition: setPosition,
+      tip: tip
+    };
+  },
+  render: function render() {
+    return this.renderDom();
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/slider/src/slider.tsx
+
+
+
+/**
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+
+
+
+var on = function on(element, event, handler) {
+  if (element && event && handler) {
+    element.addEventListener(event, handler, false);
+  }
+};
+var off = function off(element, event, handler) {
+  if (element && event && handler) {
+    element.removeEventListener(event, handler, false);
+  }
+};
+/* harmony default export */ const slider = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'Slider',
+  props: {
+    modelValue: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.number), external_shared_namespaceObject.PropTypes.number]),
+    extCls: {
+      type: String,
+      "default": ''
+    },
+    vertical: {
+      type: Boolean,
+      "default": false
+    },
+    height: {
+      type: String,
+      "default": '200px'
+    },
+    disable: {
+      type: Boolean,
+      "default": false
+    },
+    showTip: {
+      type: Boolean,
+      "default": false
+    },
+    maxValue: {
+      type: [Number],
+      "default": 100
+    },
+    minValue: {
+      type: [Number],
+      "default": 0
+    },
+    step: {
+      type: [Number],
+      "default": 1
+    },
+    range: {
+      type: Boolean,
+      "default": false
+    },
+    showInterval: {
+      type: Boolean,
+      "default": false
+    },
+    showIntervalLabel: {
+      type: Boolean,
+      "default": false
+    },
+    showButtonLabel: {
+      type: Boolean,
+      "default": false
+    },
+    showBetweenLabel: {
+      type: Boolean,
+      "default": false
+    },
+    showInput: {
+      type: Boolean,
+      "default": false
+    },
+    customContent: {
+      type: Object,
+      "default": null
+    },
+    formatterLabel: {
+      type: Function,
+      "default": function _default(value) {
+        return value;
+      }
+    },
+    formatterButtonLabel: {
+      type: Function,
+      "default": function _default(value) {
+        return value;
+      }
+    },
+    formatterTipLabel: {
+      type: Function,
+      "default": function _default(value) {
+        return value;
+      }
+    } // 自定义tip格式
+  },
+
+  emits: ['update:modelValue', 'change'],
+  setup: function setup(props, _ref) {
+    var slots = _ref.slots,
+      emit = _ref.emit;
+    /* 滑动选择器长度 */
+    var sliderSize = (0,external_vue_namespaceObject.ref)(1);
+    /* 第一个滑块与第二个滑块的值 */
+    var firstValue = (0,external_vue_namespaceObject.ref)(null);
+    var secondValue = (0,external_vue_namespaceObject.ref)(null);
+    var oldValue = (0,external_vue_namespaceObject.ref)(null);
+    /* 第一个输入框与第二个输入框的值 */
+    var firstInput = (0,external_vue_namespaceObject.ref)(0);
+    var secondInput = (0,external_vue_namespaceObject.ref)(0);
+    /* 以下为refDom */
+    var slider = (0,external_vue_namespaceObject.ref)(null);
+    var firstbutton = (0,external_vue_namespaceObject.ref)(null);
+    var secondbutton = (0,external_vue_namespaceObject.ref)(null);
+    var curButtonRef = (0,external_vue_namespaceObject.ref)(null);
+    // 小数点后最大位数
+    var precision = (0,external_vue_namespaceObject.computed)(function () {
+      var precisions = [props.minValue, props.maxValue, props.step].map(function (item) {
+        var decimal = "".concat(item).split('.')[1];
+        return decimal ? decimal.length : 0;
+      });
+      return Math.max.apply(null, precisions);
+    });
+    /* 当前滑块的最小值与最大值 */
+    var rangeMinValue = (0,external_vue_namespaceObject.computed)(function () {
+      return Math.min(firstValue.value, secondValue.value);
+    });
+    var rangeMaxValue = (0,external_vue_namespaceObject.computed)(function () {
+      return Math.max(firstValue.value, secondValue.value);
+    });
+    var barSize = (0,external_vue_namespaceObject.computed)(function () {
+      return props.range ? "".concat(100 * (rangeMaxValue.value - rangeMinValue.value) / (props.maxValue - props.minValue), "%") : "".concat(100 * (firstValue.value - props.minValue) / (props.maxValue - props.minValue), "%");
+    });
+    var barStart = (0,external_vue_namespaceObject.computed)(function () {
+      return props.range ? "".concat(100 * (rangeMinValue.value - props.minValue) / (props.maxValue - props.minValue), "%") : '0%';
+    });
+    /* 当前滑动区域的位置与长度 */
+    var barStyle = (0,external_vue_namespaceObject.computed)(function () {
+      return props.vertical ? {
+        height: barSize.value,
+        bottom: barStart.value
+      } : {
+        width: barSize.value,
+        left: barStart.value
+      };
+    });
+    /* 断点 */
+    var intervals = (0,external_vue_namespaceObject.computed)(function () {
+      if (!props.showInterval || props.minValue > props.maxValue) return [];
+      if (props.step === 0) {
+        console.warn('WARNNING:step should not be 0');
+        return [];
+      }
+      var stopCount = (props.maxValue - props.minValue) / props.step;
+      var stepWidth = 100 * props.step / (props.maxValue - props.minValue);
+      var result = [];
+      for (var i = 1; i < stopCount; i++) {
+        result.push(i * stepWidth);
+      }
+      if (props.range) {
+        // eslint-disable-next-line max-len
+        return result.filter(function (step) {
+          return step < 100 * (rangeMinValue.value - props.minValue) / (props.maxValue - props.minValue) || step > 100 * (rangeMaxValue.value - props.minValue) / (props.maxValue - props.minValue);
+        });
+      }
+      // eslint-disable-next-line max-len
+      return result.filter(function (step) {
+        return step > 100 * (firstValue.value - props.minValue) / (props.maxValue - props.minValue);
+      });
+    });
+    /* 可滑动区域的样式 */
+    var runwayStyle = (0,external_vue_namespaceObject.computed)(function () {
+      return props.vertical ? {
+        height: props.height,
+        width: '4px'
+      } : {};
+    });
+    /* 断点下方的文案 */
+    var intervalLabels = (0,external_vue_namespaceObject.computed)(function () {
+      if (!props.showIntervalLabel) return [];
+      if (props.step === 0) {
+        console.warn('WARNNING:step should not be 0');
+        return [];
+      }
+      var stepWidth = 100 * props.step / (props.maxValue - props.minValue);
+      var result = [];
+      for (var i = props.minValue, j = 0; i <= props.maxValue; i += props.step, j++) {
+        var item = {
+          stepWidth: j * stepWidth,
+          stepLabel: props.formatterLabel(i)
+        };
+        result.push(item);
+      }
+      return result;
+    });
+    /* 是否显示第二个输入框 */
+    var showSecondInput = (0,external_vue_namespaceObject.computed)(function () {
+      return Array.isArray(props.modelValue);
+    });
+    /* 自定义断点 */
+    var customList = (0,external_vue_namespaceObject.computed)(function () {
+      if (!props.customContent) {
+        return [];
+      }
+      return Object.keys(props.customContent).sort(function (a, b) {
+        return Number(a) - Number(b);
+      }).filter(function (value) {
+        return Number(value) >= props.minValue && Number(value) <= props.maxValue;
+      }).map(function (item) {
+        var tip = props.customContent[item].tip;
+        var label = props.customContent[item].label;
+        return {
+          tip: tip || label || '',
+          label: label || '',
+          percent: (Number(item) - props.minValue) / (props.maxValue - props.minValue) * 100
+        };
+      });
+    });
+    /* 传入到滑块的参数 */
+    var buttonParms = (0,external_vue_namespaceObject.computed)(function () {
+      return {
+        vertical: props.vertical,
+        showTip: props.showTip,
+        disable: props.disable,
+        maxValue: props.maxValue,
+        minValue: props.minValue,
+        step: props.step,
+        precision: precision.value,
+        showButtonLabel: props.showButtonLabel,
+        formatterButtonLabel: props.formatterButtonLabel,
+        showIntervalLabel: props.showIntervalLabel,
+        customContent: props.customContent,
+        sliderSize: sliderSize.value,
+        formatterTipLabel: props.formatterTipLabel
+      };
+    });
+    // 监听
+    (0,external_vue_namespaceObject.watch)(function () {
+      return props.modelValue;
+    }, function () {
+      setValues();
+    });
+    (0,external_vue_namespaceObject.watch)(function () {
+      return firstValue.value;
+    }, function (val) {
+      if (props.range) {
+        emit('update:modelValue', [rangeMinValue.value, rangeMaxValue.value]);
+      } else {
+        emit('update:modelValue', val);
+      }
+      firstInput.value = val;
+    });
+    (0,external_vue_namespaceObject.watch)(function () {
+      return secondValue.value;
+    }, function (val) {
+      emit('update:modelValue', [rangeMinValue.value, rangeMaxValue.value]);
+      secondInput.value = val;
+    });
+    /* 初始化 */
+    (0,external_vue_namespaceObject.onMounted)(function () {
+      if (props.range) {
+        if (Array.isArray(props.modelValue)) {
+          firstValue.value = Math.max(props.minValue, Number(props.modelValue[0]));
+          secondValue.value = Math.min(props.maxValue, Number(props.modelValue[1]));
+        } else {
+          firstValue.value = props.minValue;
+          secondValue.value = props.maxValue;
+        }
+        oldValue.value = [firstValue.value, secondValue.value];
+      } else {
+        if (typeof props.modelValue !== 'number' || isNaN(props.modelValue)) {
+          firstValue.value = props.minValue;
+        } else {
+          firstValue.value = Math.min(props.maxValue, Math.max(props.minValue, props.modelValue));
+        }
+        oldValue.value = firstValue.value;
+      }
+      resetSize();
+      on(window, 'resize', resetSize());
+    });
+    var resetSize = function resetSize() {
+      if (slider.value) {
+        sliderSize.value = slider.value["client".concat(props.vertical ? 'Height' : 'Width')];
+      }
+    };
+    /* 点击容器时设置滑块位置 */
+    var setButtonPos = function setButtonPos(event) {
+      event.stopPropagation();
+      if (props.disable) return;
+      resetSize();
+      if (props.vertical) {
+        var _slider$value;
+        var offsetBottom = (_slider$value = slider.value) === null || _slider$value === void 0 ? void 0 : _slider$value.getBoundingClientRect().bottom;
+        setPosition((offsetBottom - event.clientY) / sliderSize.value * 100);
+      } else {
+        var _slider$value2;
+        var offsetLeft = (_slider$value2 = slider.value) === null || _slider$value2 === void 0 ? void 0 : _slider$value2.getBoundingClientRect().left;
+        setPosition((event.clientX - offsetLeft) / sliderSize.value * 100);
+      }
+      emitChange();
+    };
+    /* 是否更改了值 */
+    var valueChanged = function valueChanged() {
+      if (props.range) {
+        return ![rangeMinValue.value, rangeMaxValue.value].every(function (item, index) {
+          return item === oldValue.value[index];
+        });
+      }
+      return props.modelValue !== oldValue.value;
+    };
+    /* emit */
+    var setValues = function setValues() {
+      if (props.minValue > props.maxValue) {
+        console.error('min should not be greater than max.');
+        return;
+      }
+      var val = props.modelValue;
+      if (props.range && Array.isArray(val)) {
+        if (val[1] < props.minValue) {
+          emit('update:modelValue', [props.minValue, props.minValue]);
+        } else if (val[0] > props.maxValue) {
+          emit('update:modelValue', [props.maxValue, props.maxValue]);
+        } else if (val[0] < props.minValue) {
+          emit('update:modelValue', [props.minValue, val[1]]);
+        } else if (val[1] > props.maxValue) {
+          emit('update:modelValue', [val[0], props.maxValue]);
+        } else {
+          firstValue.value = Number(val[0]);
+          secondValue.value = Number(val[1]);
+          if (valueChanged()) {
+            oldValue.value = val.slice();
+          }
+        }
+      } else if (!props.range && typeof val === 'number' && !isNaN(val)) {
+        if (val < props.minValue) {
+          emit('update:modelValue', props.minValue);
+        } else if (val > props.maxValue) {
+          emit('update:modelValue', props.maxValue);
+        } else {
+          firstValue.value = val;
+          if (valueChanged()) {
+            oldValue.value = val;
+          }
+        }
+      }
+    };
+    /* 派出事件 */
+    var emitChange = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee() {
+        return regenerator_default().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return (0,external_vue_namespaceObject.nextTick)();
+            case 2:
+              emit('change', props.range ? [rangeMinValue.value, rangeMaxValue.value] : props.modelValue);
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function emitChange() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    /* 断点样式 */
+    var getIntervalStyle = function getIntervalStyle(position) {
+      return props.vertical ? {
+        bottom: "".concat(position, "%")
+      } : {
+        left: "".concat(position, "%")
+      };
+    };
+    /* 设置滑块位置 */
+    var setPosition = function setPosition(percent) {
+      if (!props.range) {
+        firstbutton.value.setPosition(percent);
+        return;
+      }
+      var targetValue = props.minValue + percent * (props.maxValue - props.minValue) / 100;
+      // 绝对值
+      if (Math.abs(rangeMinValue.value - targetValue) < Math.abs(rangeMaxValue.value - targetValue)) {
+        curButtonRef.value = firstValue.value < secondValue.value ? firstbutton.value : secondbutton.value;
+      } else {
+        curButtonRef.value = firstValue.value > secondValue.value ? firstbutton.value : secondbutton.value;
+      }
+      curButtonRef.value.setPosition(percent);
+    };
+    var firstInputChange = function firstInputChange(v) {
+      if (v === '') {
+        return;
+      }
+      var val = parseFloat(v);
+      if (val < props.minValue) {
+        firstInput.value = props.minValue;
+        firstValue.value = props.minValue;
+      } else if (val > props.maxValue) {
+        firstInput.value = props.maxValue;
+        firstValue.value = props.maxValue;
+      } else {
+        firstValue.value = val;
+      }
+    };
+    var secondInputChange = function secondInputChange(v) {
+      if (v === '') {
+        return;
+      }
+      var val = parseFloat(v.toString());
+      if (val < props.minValue) {
+        secondInput.value = props.minValue;
+        secondValue.value = props.minValue;
+      } else if (val > props.maxValue) {
+        secondInput.value = props.maxValue;
+        secondValue.value = props.maxValue;
+      } else {
+        secondValue.value = val;
+      }
+    };
+    var betweenLabelStyle = function betweenLabelStyle(postion) {
+      var value = 0;
+      if (postion === 'start') {
+        value = props.vertical ? props.maxValue : props.minValue;
+      } else {
+        value = props.vertical ? props.minValue : props.maxValue;
+      }
+      if (props.showButtonLabel && [firstValue.value, secondValue.value].includes(value)) {
+        return '0';
+      }
+      return '1';
+    };
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
+    var renderDom = function renderDom() {
+      var _slots$start, _slots$end;
+      return (0,external_vue_namespaceObject.createVNode)("div", {
+        "class": ["".concat(resolveClassName('slider')), props.extCls]
+      }, [(_slots$start = slots.start) === null || _slots$start === void 0 ? void 0 : _slots$start.call(slots), (0,external_vue_namespaceObject.createVNode)("div", {
+        "class": "".concat(resolveClassName('slider-runway')),
+        "ref": slider,
+        "style": runwayStyle.value,
+        "onClick": setButtonPos
+      }, [(0,external_vue_namespaceObject.createVNode)("div", {
+        "class": ["".concat(resolveClassName('slider-bar')), props.vertical ? 'vertical' : 'horizontal', {
+          disable: props.disable
+        }],
+        "style": barStyle.value
+      }, null), props.showInterval ? intervals.value.map(function (interval, index) {
+        return (0,external_vue_namespaceObject.createVNode)("div", {
+          "key": index,
+          "class": ["".concat(resolveClassName('slider-interval')), {
+            vertical: props.vertical
+          }],
+          "style": getIntervalStyle(interval)
+        }, null);
+      }) : undefined, props.customContent ? customList.value.map(function (custom, index) {
+        return (0,external_vue_namespaceObject.createVNode)("div", {
+          "key": index,
+          "class": ["".concat(resolveClassName('slider-interval')), {
+            vertical: props.vertical
+          }],
+          "style": getIntervalStyle(custom.percent)
+        }, null);
+      }) : undefined, props.showBetweenLabel || props.showIntervalLabel || props.customContent ? (0,external_vue_namespaceObject.createVNode)("div", {
+        "class": ["".concat(resolveClassName('slider-labels')), props.vertical ? 'vertical' : 'horizontal']
+      }, [function () {
+        if (props.showBetweenLabel) {
+          return [(0,external_vue_namespaceObject.createVNode)("div", {
+            "class": "label-start",
+            "style": [{
+              opacity: betweenLabelStyle('start')
+            }]
+          }, [props.formatterLabel(props.minValue)]), (0,external_vue_namespaceObject.createVNode)("div", {
+            "class": "label-end",
+            "style": [{
+              opacity: betweenLabelStyle('end')
+            }]
+          }, [props.formatterLabel(props.maxValue)])];
+        }
+        if (props.showIntervalLabel) {
+          return intervalLabels.value.map(function (intervalLabel, index) {
+            return (0,external_vue_namespaceObject.createVNode)("div", {
+              "class": ["".concat(resolveClassName('slider-label')), props.vertical ? 'vertical' : 'horizontal'],
+              "key": index,
+              "style": getIntervalStyle(intervalLabel.stepWidth)
+            }, [intervalLabel.stepLabel]);
+          });
+        }
+        if (props.customContent) {
+          return customList.value.map(function (item, index) {
+            return (0,external_vue_namespaceObject.createVNode)("div", {
+              "class": ["".concat(resolveClassName('slider-label')), props.vertical ? 'vertical' : 'horizontal'],
+              "key": index,
+              "style": getIntervalStyle(item.percent)
+            }, [item.label]);
+          });
+        }
+        return undefined;
+      }()]) : undefined, (0,external_vue_namespaceObject.createVNode)(slider_button, {
+        "modelValue": firstValue.value,
+        "onUpdate:modelValue": function onUpdateModelValue($event) {
+          return firstValue.value = $event;
+        },
+        "ref": firstbutton,
+        "params": buttonParms.value,
+        "onEmitChange": emitChange,
+        "onResetSize": resetSize
+      }, null), props.range ? (0,external_vue_namespaceObject.createVNode)(slider_button, {
+        "modelValue": secondValue.value,
+        "onUpdate:modelValue": function onUpdateModelValue($event) {
+          return secondValue.value = $event;
+        },
+        "ref": secondbutton,
+        "params": buttonParms.value,
+        "onEmitChange": emitChange,
+        "onResetSize": resetSize
+      }, null) : undefined]), props.showInput && !props.vertical ? (0,external_vue_namespaceObject.createVNode)("div", {
+        "class": "".concat(resolveClassName('slider-input'))
+      }, [(0,external_vue_namespaceObject.createVNode)("div", {
+        "class": "input-item"
+      }, [(0,external_vue_namespaceObject.createVNode)(external_input_namespaceObject["default"], {
+        "type": "number",
+        "modelValue": firstInput.value,
+        "max": props.maxValue,
+        "min": props.minValue,
+        "onChange": firstInputChange
+      }, null)]), showSecondInput.value && secondValue.value ? [(0,external_vue_namespaceObject.createVNode)("div", {
+        "class": "input-center"
+      }, [(0,external_vue_namespaceObject.createTextVNode)("\uFF5E")]), (0,external_vue_namespaceObject.createVNode)("div", {
+        "class": "input-item"
+      }, [(0,external_vue_namespaceObject.createVNode)(external_input_namespaceObject["default"], {
+        "type": "number",
+        "modelValue": secondInput.value,
+        "max": props.maxValue,
+        "min": props.minValue,
+        "onChange": secondInputChange
+      }, null)])] : undefined]) : undefined, (_slots$end = slots.end) === null || _slots$end === void 0 ? void 0 : _slots$end.call(slots)]);
+    };
+    return {
+      renderDom: renderDom
+    };
+  },
+  render: function render() {
+    return this.renderDom();
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/slider/src/index.ts
+/**
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+var Slider = (0,external_shared_namespaceObject.withInstall)(slider);
+/* harmony default export */ const src = (Slider);
+})();
+
+var __webpack_exports__default = __webpack_exports__.Z;
+export { __webpack_exports__default as default };