bkui-vue 0.0.2-beta.35 → 0.0.2-beta.37

package/lib/slider/index.js

@@ -1,2 +1,1683 @@
-/*! 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:L(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 N(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 L(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(N.prototype),v(N.prototype,c,(function(){return this})),t.AsyncIterator=N,t.async=function(e,a,r,n,o){void 0===o&&(o=Promise);var u=new N(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}})),N=(0,t.computed)((function(){return a.params.formatterButtonLabel(a.modelValue)})),L=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:L},[Boolean(x.value.content)?(0,t.createVNode)(t.Fragment,null,[(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)(t.Fragment,null,[(0,t.createVNode)("div",{class:["slider-button",{"slider-button-disable":a.params.disable}]},null)]),a.params.showButtonLabel&&!a.params.showIntervalLabel?(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)("div",{class:["slider-button-label",a.params.vertical?"vertical":"horizontal"]},[N.value])]):null])},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)})),N=(0,t.computed)((function(){return Math.max(s.value,d.value)})),L=(0,t.computed)((function(){return e.range?"".concat(100*(N.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:L.value,bottom:S.value}:{width:L.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*(N.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,N.value]):i("update:modelValue",t),p.value=t})),(0,t.watch)((function(){return d.value}),(function(e){i("update:modelValue",[w.value,N.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)}F()}},M=function(){return e.range?![w.value,N.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)))}},F=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,N.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},z=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(N.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:z(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:z(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:z(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:z(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:F,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:F,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})()));
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("../shared"), require("vue"), require("../config-provider"), require("../input"), require("../popover"));
+	else if(typeof define === 'function' && define.amd)
+		define(["../shared", "vue", "../config-provider", "../input", "../popover"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("../shared"), require("vue"), require("../config-provider"), require("../input"), require("../popover")) : factory(root["../shared"], root["vue"], root["../config-provider"], root["../input"], root["../popover"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(self, (__WEBPACK_EXTERNAL_MODULE__4212__, __WEBPACK_EXTERNAL_MODULE__748__, __WEBPACK_EXTERNAL_MODULE__2717__, __WEBPACK_EXTERNAL_MODULE__8133__, __WEBPACK_EXTERNAL_MODULE__5537__) => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 2717:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__2717__;
+
+/***/ }),
+
+/***/ 8133:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__8133__;
+
+/***/ }),
+
+/***/ 5537:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__5537__;
+
+/***/ }),
+
+/***/ 4212:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__4212__;
+
+/***/ }),
+
+/***/ 748:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__748__;
+
+/***/ }),
+
+/***/ 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))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+(() => {
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ src)
+});
+
+// EXTERNAL MODULE: external "../shared"
+var external_shared_ = __webpack_require__(4212);
+// EXTERNAL MODULE: external "vue"
+var external_vue_ = __webpack_require__(748);
+// EXTERNAL MODULE: ../../node_modules/@babel/runtime/regenerator/index.js
+var regenerator = __webpack_require__(2841);
+var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
+;// CONCATENATED MODULE: ../../node_modules/tslib/tslib.es6.mjs
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+var extendStatics = function(d, b) {
+  extendStatics = Object.setPrototypeOf ||
+      ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+      function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+  return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+  if (typeof b !== "function" && b !== null)
+      throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+  extendStatics(d, b);
+  function __() { this.constructor = d; }
+  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var __assign = function() {
+  __assign = Object.assign || function __assign(t) {
+      for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+      return t;
+  }
+  return __assign.apply(this, arguments);
+}
+
+function __rest(s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+              t[p[i]] = s[p[i]];
+      }
+  return t;
+}
+
+function __decorate(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+function __param(paramIndex, decorator) {
+  return function (target, key) { decorator(target, key, paramIndex); }
+}
+
+function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+  function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+  var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+  var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+  var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+  var _, done = false;
+  for (var i = decorators.length - 1; i >= 0; i--) {
+      var context = {};
+      for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+      for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+      context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+      var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+      if (kind === "accessor") {
+          if (result === void 0) continue;
+          if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+          if (_ = accept(result.get)) descriptor.get = _;
+          if (_ = accept(result.set)) descriptor.set = _;
+          if (_ = accept(result.init)) initializers.unshift(_);
+      }
+      else if (_ = accept(result)) {
+          if (kind === "field") initializers.unshift(_);
+          else descriptor[key] = _;
+      }
+  }
+  if (target) Object.defineProperty(target, contextIn.name, descriptor);
+  done = true;
+};
+
+function __runInitializers(thisArg, initializers, value) {
+  var useValue = arguments.length > 2;
+  for (var i = 0; i < initializers.length; i++) {
+      value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+  }
+  return useValue ? value : void 0;
+};
+
+function __propKey(x) {
+  return typeof x === "symbol" ? x : "".concat(x);
+};
+
+function __setFunctionName(f, name, prefix) {
+  if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
+  return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+};
+
+function __metadata(metadataKey, metadataValue) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+  return new (P || (P = Promise))(function (resolve, reject) {
+      function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+      function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+      function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+      step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+}
+
+function __generator(thisArg, body) {
+  var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+  return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+  function verb(n) { return function (v) { return step([n, v]); }; }
+  function step(op) {
+      if (f) throw new TypeError("Generator is already executing.");
+      while (g && (g = 0, op[0] && (_ = 0)), _) try {
+          if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+          if (y = 0, t) op = [op[0] & 2, t.value];
+          switch (op[0]) {
+              case 0: case 1: t = op; break;
+              case 4: _.label++; return { value: op[1], done: false };
+              case 5: _.label++; y = op[1]; op = [0]; continue;
+              case 7: op = _.ops.pop(); _.trys.pop(); continue;
+              default:
+                  if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                  if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                  if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                  if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                  if (t[2]) _.ops.pop();
+                  _.trys.pop(); continue;
+          }
+          op = body.call(thisArg, _);
+      } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+      if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+  }
+}
+
+var __createBinding = Object.create ? (function(o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+  }
+  Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+
+function __exportStar(m, o) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);
+}
+
+function __values(o) {
+  var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+  if (m) return m.call(o);
+  if (o && typeof o.length === "number") return {
+      next: function () {
+          if (o && i >= o.length) o = void 0;
+          return { value: o && o[i++], done: !o };
+      }
+  };
+  throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+
+function __read(o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o), r, ar = [], e;
+  try {
+      while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+  }
+  catch (error) { e = { error: error }; }
+  finally {
+      try {
+          if (r && !r.done && (m = i["return"])) m.call(i);
+      }
+      finally { if (e) throw e.error; }
+  }
+  return ar;
+}
+
+/** @deprecated */
+function __spread() {
+  for (var ar = [], i = 0; i < arguments.length; i++)
+      ar = ar.concat(__read(arguments[i]));
+  return ar;
+}
+
+/** @deprecated */
+function __spreadArrays() {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+  for (var r = Array(s), k = 0, i = 0; i < il; i++)
+      for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+          r[k] = a[j];
+  return r;
+}
+
+function __spreadArray(to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+      if (ar || !(i in from)) {
+          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+          ar[i] = from[i];
+      }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+function __await(v) {
+  return this instanceof __await ? (this.v = v, this) : new __await(v);
+}
+
+function __asyncGenerator(thisArg, _arguments, generator) {
+  if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+  var g = generator.apply(thisArg, _arguments || []), i, q = [];
+  return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+  function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+  function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
+  function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+  function fulfill(value) { resume("next", value); }
+  function reject(value) { resume("throw", value); }
+  function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+}
+
+function __asyncDelegator(o) {
+  var i, p;
+  return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+  function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
+}
+
+function __asyncValues(o) {
+  if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+  var m = o[Symbol.asyncIterator], i;
+  return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+  function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+  function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+}
+
+function __makeTemplateObject(cooked, raw) {
+  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+  return cooked;
+};
+
+var __setModuleDefault = Object.create ? (function(o, v) {
+  Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+  o["default"] = v;
+};
+
+function __importStar(mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  __setModuleDefault(result, mod);
+  return result;
+}
+
+function __importDefault(mod) {
+  return (mod && mod.__esModule) ? mod : { default: mod };
+}
+
+function __classPrivateFieldGet(receiver, state, kind, f) {
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+}
+
+function __classPrivateFieldSet(receiver, state, value, kind, f) {
+  if (kind === "m") throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+}
+
+function __classPrivateFieldIn(state, receiver) {
+  if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function")) throw new TypeError("Cannot use 'in' operator on non-object");
+  return typeof state === "function" ? receiver === state : state.has(receiver);
+}
+
+function __addDisposableResource(env, value, async) {
+  if (value !== null && value !== void 0) {
+    if (typeof value !== "object" && typeof value !== "function") throw new TypeError("Object expected.");
+    var dispose;
+    if (async) {
+        if (!Symbol.asyncDispose) throw new TypeError("Symbol.asyncDispose is not defined.");
+        dispose = value[Symbol.asyncDispose];
+    }
+    if (dispose === void 0) {
+        if (!Symbol.dispose) throw new TypeError("Symbol.dispose is not defined.");
+        dispose = value[Symbol.dispose];
+    }
+    if (typeof dispose !== "function") throw new TypeError("Object not disposable.");
+    env.stack.push({ value: value, dispose: dispose, async: async });
+  }
+  else if (async) {
+    env.stack.push({ async: true });
+  }
+  return value;
+}
+
+var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+function __disposeResources(env) {
+  function fail(e) {
+    env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
+    env.hasError = true;
+  }
+  function next() {
+    while (env.stack.length) {
+      var rec = env.stack.pop();
+      try {
+        var result = rec.dispose && rec.dispose.call(rec.value);
+        if (rec.async) return Promise.resolve(result).then(next, function(e) { fail(e); return next(); });
+      }
+      catch (e) {
+          fail(e);
+      }
+    }
+    if (env.hasError) throw env.error;
+  }
+  return next();
+}
+
+/* harmony default export */ const tslib_es6 = ({
+  __extends,
+  __assign,
+  __rest,
+  __decorate,
+  __param,
+  __metadata,
+  __awaiter,
+  __generator,
+  __createBinding,
+  __exportStar,
+  __values,
+  __read,
+  __spread,
+  __spreadArrays,
+  __spreadArray,
+  __await,
+  __asyncGenerator,
+  __asyncDelegator,
+  __asyncValues,
+  __makeTemplateObject,
+  __importStar,
+  __importDefault,
+  __classPrivateFieldGet,
+  __classPrivateFieldSet,
+  __classPrivateFieldIn,
+  __addDisposableResource,
+  __disposeResources,
+});
+
+// EXTERNAL MODULE: external "../config-provider"
+var external_config_provider_ = __webpack_require__(2717);
+// EXTERNAL MODULE: external "../input"
+var external_input_ = __webpack_require__(8133);
+var external_input_default = /*#__PURE__*/__webpack_require__.n(external_input_);
+// EXTERNAL MODULE: external "../popover"
+var external_popover_ = __webpack_require__(5537);
+var external_popover_default = /*#__PURE__*/__webpack_require__.n(external_popover_);
+;// 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_.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_.ref)(false);
+    var isClick = (0,external_vue_.ref)(false);
+    var startY = (0,external_vue_.ref)(0);
+    var startX = (0,external_vue_.ref)(0);
+    var startPosition = (0,external_vue_.ref)(0);
+    var newPosition = (0,external_vue_.ref)(null);
+    var oldValue = (0,external_vue_.ref)(props.modelValue);
+    var currentY = (0,external_vue_.ref)(0);
+    var currentX = (0,external_vue_.ref)(0);
+    var isMove = (0,external_vue_.ref)(false);
+    var button = (0,external_vue_.ref)(null);
+    var tip = (0,external_vue_.computed)(function () {
+      var _a, _b;
+      var tip = '';
+      if ((_a = props.params.customContent) === null || _a === void 0 ? void 0 : _a[props.modelValue]) {
+        var customContent = props.params.customContent[props.modelValue];
+        tip = customContent.tip || customContent.label || '';
+      }
+      var placement = props.params.vertical ? external_shared_.PlacementEnum.RIGHT : external_shared_.PlacementEnum.TOP;
+      if ((_b = props.params) === null || _b === void 0 ? void 0 : _b.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_.computed)(function () {
+      return "".concat((props.modelValue - props.params.minValue) / (props.params.maxValue - props.params.minValue) * 100, "%");
+    });
+    var wrapperStyle = (0,external_vue_.computed)(function () {
+      return props.params.vertical ? {
+        bottom: currentPosition.value
+      } : {
+        left: currentPosition.value
+      };
+    });
+    var buttonLabel = (0,external_vue_.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_.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
+    var renderDom = function renderDom() {
+      return (0,external_vue_.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_.createVNode)(external_vue_.Fragment, null, [(0,external_vue_.createVNode)((external_popover_default()), {
+        "content": tip.value.content,
+        "theme": 'dark',
+        "placement": tip.value.placement,
+        "boundary": document.body
+      }, {
+        "default": function _default() {
+          return [(0,external_vue_.createVNode)("div", {
+            "class": ['slider-button', {
+              'slider-button-disable': props.params.disable
+            }]
+          }, null)];
+        }
+      })]) : (0,external_vue_.createVNode)(external_vue_.Fragment, null, [(0,external_vue_.createVNode)("div", {
+        "class": ['slider-button', {
+          'slider-button-disable': props.params.disable
+        }]
+      }, null)]), props.params.showButtonLabel && !props.params.showIntervalLabel ? (0,external_vue_.createVNode)(external_vue_.Fragment, null, [(0,external_vue_.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_.defineComponent)({
+  name: 'Slider',
+  props: {
+    modelValue: external_shared_.PropTypes.oneOfType([external_shared_.PropTypes.arrayOf(external_shared_.PropTypes.number), external_shared_.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 _this = this;
+    var slots = _ref.slots,
+      emit = _ref.emit;
+    /* 滑动选择器长度 */
+    var sliderSize = (0,external_vue_.ref)(1);
+    /* 第一个滑块与第二个滑块的值 */
+    var firstValue = (0,external_vue_.ref)(null);
+    var secondValue = (0,external_vue_.ref)(null);
+    var oldValue = (0,external_vue_.ref)(null);
+    /* 第一个输入框与第二个输入框的值 */
+    var firstInput = (0,external_vue_.ref)(0);
+    var secondInput = (0,external_vue_.ref)(0);
+    /* 以下为refDom */
+    var slider = (0,external_vue_.ref)(null);
+    var firstbutton = (0,external_vue_.ref)(null);
+    var secondbutton = (0,external_vue_.ref)(null);
+    var curButtonRef = (0,external_vue_.ref)(null);
+    // 小数点后最大位数
+    var precision = (0,external_vue_.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_.computed)(function () {
+      return Math.min(firstValue.value, secondValue.value);
+    });
+    var rangeMaxValue = (0,external_vue_.computed)(function () {
+      return Math.max(firstValue.value, secondValue.value);
+    });
+    var barSize = (0,external_vue_.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_.computed)(function () {
+      return props.range ? "".concat(100 * (rangeMinValue.value - props.minValue) / (props.maxValue - props.minValue), "%") : '0%';
+    });
+    /* 当前滑动区域的位置与长度 */
+    var barStyle = (0,external_vue_.computed)(function () {
+      return props.vertical ? {
+        height: barSize.value,
+        bottom: barStart.value
+      } : {
+        width: barSize.value,
+        left: barStart.value
+      };
+    });
+    /* 断点 */
+    var intervals = (0,external_vue_.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_.computed)(function () {
+      return props.vertical ? {
+        height: props.height,
+        width: '4px'
+      } : {};
+    });
+    /* 断点下方的文案 */
+    var intervalLabels = (0,external_vue_.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_.computed)(function () {
+      return Array.isArray(props.modelValue);
+    });
+    /* 自定义断点 */
+    var customList = (0,external_vue_.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_.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_.watch)(function () {
+      return props.modelValue;
+    }, function () {
+      setValues();
+    });
+    (0,external_vue_.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_.watch)(function () {
+      return secondValue.value;
+    }, function (val) {
+      emit('update:modelValue', [rangeMinValue.value, rangeMaxValue.value]);
+      secondInput.value = val;
+    });
+    /* 初始化 */
+    (0,external_vue_.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) {
+      var _a, _b;
+      event.stopPropagation();
+      if (props.disable) return;
+      resetSize();
+      if (props.vertical) {
+        var offsetBottom = (_a = slider.value) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().bottom;
+        setPosition((offsetBottom - event.clientY) / sliderSize.value * 100);
+      } else {
+        var offsetLeft = (_b = slider.value) === null || _b === void 0 ? void 0 : _b.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 = function emitChange() {
+      return __awaiter(_this, void 0, void 0, /*#__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_.nextTick)();
+            case 2:
+              emit('change', props.range ? [rangeMinValue.value, rangeMaxValue.value] : props.modelValue);
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+    };
+    /* 断点样式 */
+    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_.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
+    var renderDom = function renderDom() {
+      var _a, _b;
+      return (0,external_vue_.createVNode)("div", {
+        "class": ["".concat(resolveClassName('slider')), props.extCls]
+      }, [(_a = slots.start) === null || _a === void 0 ? void 0 : _a.call(slots), (0,external_vue_.createVNode)("div", {
+        "class": "".concat(resolveClassName('slider-runway')),
+        "ref": slider,
+        "style": runwayStyle.value,
+        "onClick": setButtonPos
+      }, [(0,external_vue_.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_.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_.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_.createVNode)("div", {
+        "class": ["".concat(resolveClassName('slider-labels')), props.vertical ? 'vertical' : 'horizontal']
+      }, [function () {
+        if (props.showBetweenLabel) {
+          return [(0,external_vue_.createVNode)("div", {
+            "class": "label-start",
+            "style": [{
+              opacity: betweenLabelStyle('start')
+            }]
+          }, [props.formatterLabel(props.minValue)]), (0,external_vue_.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_.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_.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_.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_.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_.createVNode)("div", {
+        "class": "".concat(resolveClassName('slider-input'))
+      }, [(0,external_vue_.createVNode)("div", {
+        "class": "input-item"
+      }, [(0,external_vue_.createVNode)((external_input_default()), {
+        "type": "number",
+        "modelValue": firstInput.value,
+        "max": props.maxValue,
+        "min": props.minValue,
+        "onChange": firstInputChange
+      }, null)]), showSecondInput.value && secondValue.value ? [(0,external_vue_.createVNode)("div", {
+        "class": "input-center"
+      }, [(0,external_vue_.createTextVNode)("\uFF5E")]), (0,external_vue_.createVNode)("div", {
+        "class": "input-item"
+      }, [(0,external_vue_.createVNode)((external_input_default()), {
+        "type": "number",
+        "modelValue": secondInput.value,
+        "max": props.maxValue,
+        "min": props.minValue,
+        "onChange": secondInputChange
+      }, null)])] : undefined]) : undefined, (_b = slots.end) === null || _b === void 0 ? void 0 : _b.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_.withInstall)(slider);
+/* harmony default export */ const src = (Slider);
+})();
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});