bkui-vue 0.0.1-beta.45 → 0.0.1-beta.48

package/lib/slider/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("../input"),require("../shared"),require("../popover"));else if("function"==typeof define&&define.amd)define(["vue","../input","../shared","../popover"],t);else{var a="object"==typeof exports?t(require("vue"),require("../input"),require("../shared"),require("../popover")):t(e.vue,e["../input"],e["../shared"],e["../popover"]);for(var r in a)("object"==typeof exports?exports:e)[r]=a[r]}}(self,((e,t,a,r)=>(()=>{var n={7162:(e,t,a)=>{e.exports=a(5047)},5047:e=>{var t=function(e){"use strict";var t,a=Object.prototype,r=a.hasOwnProperty,n="function"==typeof Symbol?Symbol:{},o=n.iterator||"@@iterator",u=n.asyncIterator||"@@asyncIterator",l=n.toStringTag||"@@toStringTag";function i(e,t,a){return Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{i({},"")}catch(e){i=function(e,t,a){return e[t]=a}}function c(e,t,a,r){var n=t&&t.prototype instanceof h?t:h,o=Object.create(n.prototype),u=new j(r||[]);return o._invoke=function(e,t,a){var r=v;return function(n,o){if(r===d)throw new Error("Generator is already running");if(r===f){if("throw"===n)throw o;return T()}for(a.method=n,a.arg=o;;){var u=a.delegate;if(u){var l=k(u,a);if(l){if(l===p)continue;return l}}if("next"===a.method)a.sent=a._sent=a.arg;else if("throw"===a.method){if(r===v)throw r=f,a.arg;a.dispatchException(a.arg)}else"return"===a.method&&a.abrupt("return",a.arg);r=d;var i=s(e,t,a);if("normal"===i.type){if(r=a.done?f:m,i.arg===p)continue;return{value:i.arg,done:a.done}}"throw"===i.type&&(r=f,a.method="throw",a.arg=i.arg)}}}(e,a,u),o}function s(e,t,a){try{return{type:"normal",arg:e.call(t,a)}}catch(e){return{type:"throw",arg:e}}}e.wrap=c;var v="suspendedStart",m="suspendedYield",d="executing",f="completed",p={};function h(){}function V(){}function y(){}var b={};i(b,o,(function(){return this}));var g=Object.getPrototypeOf,w=g&&g(g(B([])));w&&w!==a&&r.call(w,o)&&(b=w);var x=y.prototype=h.prototype=Object.create(b);function L(e){["next","throw","return"].forEach((function(t){i(e,t,(function(e){return this._invoke(t,e)}))}))}function N(e,t){function a(n,o,u,l){var i=s(e[n],e,o);if("throw"!==i.type){var c=i.arg,v=c.value;return v&&"object"==typeof v&&r.call(v,"__await")?t.resolve(v.__await).then((function(e){a("next",e,u,l)}),(function(e){a("throw",e,u,l)})):t.resolve(v).then((function(e){c.value=e,u(c)}),(function(e){return a("throw",e,u,l)}))}l(i.arg)}var n;this._invoke=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 k(e,a){var r=e.iterator[a.method];if(r===t){if(a.delegate=null,"throw"===a.method){if(e.iterator.return&&(a.method="return",a.arg=t,k(e,a),"throw"===a.method))return p;a.method="throw",a.arg=new TypeError("The iterator does not provide a 'throw' method")}return p}var n=s(r,e.iterator,a.arg);if("throw"===n.type)return a.method="throw",a.arg=n.arg,a.delegate=null,p;var o=n.arg;return o?o.done?(a[e.resultName]=o.value,a.next=e.nextLoc,"return"!==a.method&&(a.method="next",a.arg=t),a.delegate=null,p):o:(a.method="throw",a.arg=new TypeError("iterator result is not an object"),a.delegate=null,p)}function C(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 E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function j(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(C,this),this.reset(!0)}function B(e){if(e){var a=e[o];if(a)return a.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var n=-1,u=function a(){for(;++n<e.length;)if(r.call(e,n))return a.value=e[n],a.done=!1,a;return a.value=t,a.done=!0,a};return u.next=u}}return{next:T}}function T(){return{value:t,done:!0}}return V.prototype=y,i(x,"constructor",y),i(y,"constructor",V),V.displayName=i(y,l,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===V||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,i(e,l,"GeneratorFunction")),e.prototype=Object.create(x),e},e.awrap=function(e){return{__await:e}},L(N.prototype),i(N.prototype,u,(function(){return this})),e.AsyncIterator=N,e.async=function(t,a,r,n,o){void 0===o&&(o=Promise);var u=new N(c(t,a,r,n),o);return e.isGeneratorFunction(a)?u:u.next().then((function(e){return e.done?e.value:u.next()}))},L(x),i(x,l,"Generator"),i(x,o,(function(){return this})),i(x,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var a in e)t.push(a);return t.reverse(),function a(){for(;t.length;){var r=t.pop();if(r in e)return a.value=r,a.done=!1,a}return a.done=!0,a}},e.values=B,j.prototype={constructor:j,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(E),!e)for(var a in this)"t"===a.charAt(0)&&r.call(this,a)&&!isNaN(+a.slice(1))&&(this[a]=t)},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 a=this;function n(r,n){return l.type="throw",l.arg=e,a.next=r,n&&(a.method="next",a.arg=t),!!n}for(var o=this.tryEntries.length-1;o>=0;--o){var u=this.tryEntries[o],l=u.completion;if("root"===u.tryLoc)return n("end");if(u.tryLoc<=this.prev){var i=r.call(u,"catchLoc"),c=r.call(u,"finallyLoc");if(i&&c){if(this.prev<u.catchLoc)return n(u.catchLoc,!0);if(this.prev<u.finallyLoc)return n(u.finallyLoc)}else if(i){if(this.prev<u.catchLoc)return n(u.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<u.finallyLoc)return n(u.finallyLoc)}}}},abrupt:function(e,t){for(var a=this.tryEntries.length-1;a>=0;--a){var n=this.tryEntries[a];if(n.tryLoc<=this.prev&&r.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var u=o?o.completion:{};return u.type=e,u.arg=t,o?(this.method="next",this.next=o.finallyLoc,p):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),p},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),E(a),p}},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;E(a)}return n}}throw new Error("illegal catch attempt")},delegateYield:function(e,a,r){return this.delegate={iterator:B(e),resultName:a,nextLoc:r},"next"===this.method&&(this.arg=t),p}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}},8133:e=>{"use strict";e.exports=t},5537:e=>{"use strict";e.exports=r},4212:e=>{"use strict";e.exports=a},748:t=>{"use strict";t.exports=e}},o={};function u(e){var t=o[e];if(void 0!==t)return t.exports;var a=o[e]={exports:{}};return n[e](a,a.exports,u),a.exports}u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var a in t)u.o(t,a)&&!u.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{"use strict";u.r(l),u.d(l,{default:()=>f});var e=u(748),t=u(7162),a=u.n(t);Object.create,Object.create;var r=u(8133),n=u.n(r),o=u(4212),i=u(5537),c=u.n(i);const s=(0,e.defineComponent)({name:"SliderButton",props:{modelValue:{type:Number,default:0},params:{type:Object,default:function(){return{}}}},emits:["emitChange","resetSize","update:modelValue"],setup:function(t,a){var r=a.emit,n=(0,e.ref)(!1),o=(0,e.ref)(!1),u=(0,e.ref)(0),l=(0,e.ref)(0),i=(0,e.ref)(0),s=(0,e.ref)(null),d=(0,e.ref)(t.modelValue),f=(0,e.ref)(0),p=(0,e.ref)(0),h=(0,e.ref)(!1),V=(0,e.ref)(null),y=(0,e.computed)((function(){var e,a,r="";if(null===(e=t.params.customContent)||void 0===e?void 0:e[t.modelValue]){var n=t.params.customContent[t.modelValue];r=n.tip||n.label||""}var o=t.params.vertical?"right":"top";return(null===(a=t.params)||void 0===a?void 0:a.showTip)?{content:t.params.formatterTipLabel("".concat(r||(null==t?void 0:t.modelValue)||"0")),placement:o}:{content:"",placement:o}})),b=(0,e.computed)((function(){return"".concat((t.modelValue-t.params.minValue)/(t.params.maxValue-t.params.minValue)*100,"%")})),g=(0,e.computed)((function(){return t.params.vertical?{bottom:b.value}:{left:b.value}})),w=(0,e.computed)((function(){return t.params.formatterButtonLabel(t.modelValue)})),x=function(e){t.params.disable||(e.preventDefault(),L(e),v(window,"mousemove",N),v(window,"touchmove",N),v(window,"mouseup",k),v(window,"touchend",k))},L=function(e){n.value=!0,o.value=!0,t.params.vertical?u.value=e.clientY:l.value=e.clientX,i.value=parseFloat(b.value),s.value=i.value},N=function(e){if(n.value){o.value=!1,r("resetSize");var a=0;t.params.vertical?(f.value=e.clientY,a=(u.value-f.value)/t.params.sliderSize*100):(p.value=e.clientX,a=(p.value-l.value)/t.params.sliderSize*100),s.value=i.value+a,C(s.value)}},k=function e(){h.value=!1,n.value&&(setTimeout((function(){n.value=!1,o.value||(C(s.value),r("emitChange"))}),0),m(window,"mousemove",N),m(window,"touchmove",N),m(window,"mouseup",e),m(window,"touchend",e))},C=function(e){if(null!==e&&!isNaN(e)){e<0?s.value=0:e>100&&(s.value=100);var a=100/((t.params.maxValue-t.params.minValue)/t.params.step),o=Math.round(e/a)*a*(t.params.maxValue-t.params.minValue)*.01+t.params.minValue;o=parseFloat(o.toFixed(t.params.precision)),r("update:modelValue",o),n.value||t.modelValue===d.value||(d.value=t.modelValue)}};return{renderDom:function(){return(0,e.createVNode)("div",{class:["bk-slider-button",t.params.vertical?"vertical":"horizontal",{grabbing:n.value}],ref:V,tabindex:"0",style:g.value,onClick:function(e){return e.stopPropagation()},onMousedown:x},[Boolean(y.value.content)?(0,e.createVNode)(c(),{content:y.value.content,theme:"dark",placement:y.value.placement,boundary:document.body},{default:function(){return[(0,e.createVNode)("div",{class:["slider-button",{"slider-button-disable":t.params.disable}]},null)]}}):(0,e.createVNode)("div",{class:["slider-button",{"slider-button-disable":t.params.disable}]},null),t.params.showButtonLabel&&!t.params.showIntervalLabel?(0,e.createVNode)("div",{class:["slider-button-label",t.params.vertical?"vertical":"horizontal"]},[w.value]):void 0])},setPosition:C,tip:y}},render:function(){return this.renderDom()}});var v=function(e,t,a){e&&t&&a&&e.addEventListener(t,a,!1)},m=function(e,t,a){e&&t&&a&&e.removeEventListener(t,a,!1)};const d=(0,e.defineComponent)({name:"Slider",props:{modelValue:o.PropTypes.oneOfType([o.PropTypes.array,o.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(t,r){var o=this,u=r.slots,l=r.emit,i=(0,e.ref)(1),c=(0,e.ref)(null),m=(0,e.ref)(null),d=(0,e.ref)(null),f=(0,e.ref)(0),p=(0,e.ref)(0),h=(0,e.ref)(null),V=(0,e.ref)(null),y=(0,e.ref)(null),b=(0,e.ref)(null),g=(0,e.computed)((function(){var e=[t.minValue,t.maxValue,t.step].map((function(e){var t="".concat(e).split(".")[1];return t?t.length:0}));return Math.max.apply(null,e)})),w=(0,e.computed)((function(){return Math.min(c.value,m.value)})),x=(0,e.computed)((function(){return Math.max(c.value,m.value)})),L=(0,e.computed)((function(){return t.range?"".concat(100*(x.value-w.value)/(t.maxValue-t.minValue),"%"):"".concat(100*(c.value-t.minValue)/(t.maxValue-t.minValue),"%")})),N=(0,e.computed)((function(){return t.range?"".concat(100*(w.value-t.minValue)/(t.maxValue-t.minValue),"%"):"0%"})),k=(0,e.computed)((function(){return t.vertical?{height:L.value,bottom:N.value}:{width:L.value,left:N.value}})),C=(0,e.computed)((function(){if(!t.showInterval||t.minValue>t.maxValue)return[];if(0===t.step)return console.warn("WARNNING:step should not be 0"),[];for(var e=(t.maxValue-t.minValue)/t.step,a=100*t.step/(t.maxValue-t.minValue),r=[],n=1;n<e;n++)r.push(n*a);return t.range?r.filter((function(e){return e<100*(w.value-t.minValue)/(t.maxValue-t.minValue)||e>100*(x.value-t.minValue)/(t.maxValue-t.minValue)})):r.filter((function(e){return e>100*(c.value-t.minValue)/(t.maxValue-t.minValue)}))})),E=(0,e.computed)((function(){return t.vertical?{height:t.height,width:"4px"}:{}})),j=(0,e.computed)((function(){if(!t.showIntervalLabel)return[];if(0===t.step)return console.warn("WARNNING:step should not be 0"),[];for(var e=(t.maxValue-t.minValue)/t.step,a=100*t.step/(t.maxValue-t.minValue),r=[],n=0;n<=e;n++){var o={stepWidth:n*a,stepLabel:t.formatterLabel(n*t.step)};r.push(o)}return r})),B=(0,e.computed)((function(){return Array.isArray(t.modelValue)})),T=(0,e.computed)((function(){return t.customContent?Object.keys(t.customContent).sort((function(e,t){return Number(e)-Number(t)})).filter((function(e){return Number(e)>=t.minValue&&Number(e)<=t.maxValue})).map((function(e){var a=t.customContent[e].tip,r=t.customContent[e].label;return{tip:a||r||"",label:r||"",percent:(Number(e)-t.minValue)/(t.maxValue-t.minValue)*100}})):[]})),O=(0,e.computed)((function(){return{vertical:t.vertical,showTip:t.showTip,disable:t.disable,maxValue:t.maxValue,minValue:t.minValue,step:t.step,precision:g.value,showButtonLabel:t.showButtonLabel,formatterButtonLabel:t.formatterButtonLabel,showIntervalLabel:t.showIntervalLabel,customContent:t.customContent,sliderSize:i.value,formatterTipLabel:t.formatterTipLabel}}));(0,e.watch)((function(){return t.modelValue}),(function(){I()})),(0,e.watch)((function(){return c.value}),(function(e){t.range?l("update:modelValue",[w.value,x.value]):l("update:modelValue",e),f.value=e})),(0,e.watch)((function(){return m.value}),(function(e){l("update:modelValue",[w.value,x.value]),p.value=e})),(0,e.onMounted)((function(){t.range?(Array.isArray(t.modelValue)?(c.value=Math.max(t.minValue,Number(t.modelValue[0])),m.value=Math.min(t.maxValue,Number(t.modelValue[1]))):(c.value=t.minValue,m.value=t.maxValue),d.value=[c.value,m.value]):("number"!=typeof t.modelValue||isNaN(t.modelValue)?c.value=t.minValue:c.value=Math.min(t.maxValue,Math.max(t.minValue,t.modelValue)),d.value=c.value),S(),v(window,"resize",S())}));var S=function(){h.value&&(i.value=h.value["client".concat(t.vertical?"Height":"Width")])},P=function(e){var a,r;if(e.stopPropagation(),!t.disable){if(S(),t.vertical){var n=null===(a=h.value)||void 0===a?void 0:a.getBoundingClientRect().bottom;z((n-e.clientY)/i.value*100)}else{var o=null===(r=h.value)||void 0===r?void 0:r.getBoundingClientRect().left;z((e.clientX-o)/i.value*100)}F()}},_=function(){return t.range?![w.value,x.value].every((function(e,t){return e===d.value[t]})):t.modelValue!==d.value},I=function(){if(t.minValue>t.maxValue)console.error("min should not be greater than max.");else{var e=t.modelValue;t.range&&Array.isArray(e)?e[1]<t.minValue?l("update:modelValue",[t.minValue,t.minValue]):e[0]>t.maxValue?l("update:modelValue",[t.maxValue,t.maxValue]):e[0]<t.minValue?l("update:modelValue",[t.minValue,e[1]]):e[1]>t.maxValue?l("update:modelValue",[e[0],t.maxValue]):(c.value=Number(e[0]),m.value=Number(e[1]),_()&&(d.value=e.slice())):t.range||"number"!=typeof e||isNaN(e)||(e<t.minValue?l("update:modelValue",t.minValue):e>t.maxValue?l("update:modelValue",t.maxValue):(c.value=e,_()&&(d.value=e)))}},F=function(){return r=o,n=void 0,u=void 0,i=a().mark((function r(){return a().wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,(0,e.nextTick)();case 2:l("change",t.range?[w.value,x.value]:t.modelValue);case 3:case"end":return a.stop()}}),r)})),new(u||(u=Promise))((function(e,t){function a(e){try{l(i.next(e))}catch(e){t(e)}}function o(e){try{l(i.throw(e))}catch(e){t(e)}}function l(t){var r;t.done?e(t.value):(r=t.value,r instanceof u?r:new u((function(e){e(r)}))).then(a,o)}l((i=i.apply(r,n||[])).next())}));var r,n,u,i},M=function(e){return t.vertical?{bottom:"".concat(e,"%")}:{left:"".concat(e,"%")}},z=function(e){if(t.range){var a=t.minValue+e*(t.maxValue-t.minValue)/100;Math.abs(w.value-a)<Math.abs(x.value-a)?b.value=c.value<m.value?V.value:y.value:b.value=c.value>m.value?V.value:y.value,b.value.setPosition(e)}else V.value.setPosition(e)},A=function(e){if(""!==e){var a=parseFloat(e);a<t.minValue?(f.value=t.minValue,c.value=t.minValue):a>t.maxValue?(f.value=t.maxValue,c.value=t.maxValue):c.value=a}},G=function(e){if(""!==e){var a=parseFloat(e);a<t.minValue?(p.value=t.minValue,m.value=t.minValue):a>t.maxValue?(p.value=t.maxValue,m.value=t.maxValue):m.value=a}},R=function(e){var a;return a="start"===e?t.vertical?t.maxValue:t.minValue:t.vertical?t.minValue:t.maxValue,t.showButtonLabel&&[c.value,m.value].includes(a)?"0":"1"};return{renderDom:function(){var a,r;return(0,e.createVNode)(e.Fragment,null,[(0,e.createVNode)("div",{class:["bk-slider",t.extCls]},[null===(a=u.start)||void 0===a?void 0:a.call(u),(0,e.createVNode)("div",{class:"bk-slider-runway",ref:h,style:E.value,onClick:P},[(0,e.createVNode)("div",{class:["bk-slider-bar",t.vertical?"vertical":"horizontal",{disable:t.disable}],style:k.value},null),t.showInterval?C.value.map((function(a,r){return(0,e.createVNode)("div",{key:r,class:["bk-slider-interval",{vertical:t.vertical}],style:M(a)},null)})):void 0,t.customContent?T.value.map((function(a,r){return(0,e.createVNode)("div",{key:r,class:["bk-slider-interval",{vertical:t.vertical}],style:M(a.percent)},null)})):void 0,t.showBetweenLabel||t.showIntervalLabel||t.customContent?(0,e.createVNode)("div",{class:["bk-slider-labels",t.vertical?"vertical":"horizontal"]},[t.showBetweenLabel?[(0,e.createVNode)("div",{class:"label-start",style:[{opacity:R("start")}]},[t.formatterLabel(t.minValue)]),(0,e.createVNode)("div",{class:"label-end",style:[{opacity:R("end")}]},[t.formatterLabel(t.maxValue)])]:t.showIntervalLabel?j.value.map((function(a,r){return(0,e.createVNode)("div",{class:["bk-slider-label",t.vertical?"vertical":"horizontal"],key:r,style:M(a.stepWidth)},[a.stepLabel])})):t.customContent?T.value.map((function(a,r){return(0,e.createVNode)("div",{class:["bk-slider-label",t.vertical?"vertical":"horizontal"],key:r,style:M(a.percent)},[a.label])})):void 0]):void 0,(0,e.createVNode)(s,{modelValue:c.value,"onUpdate:modelValue":function(e){return c.value=e},ref:V,params:O.value,onEmitChange:F,onResetSize:S},null),t.range?(0,e.createVNode)(s,{modelValue:m.value,"onUpdate:modelValue":function(e){return m.value=e},ref:y,params:O.value,onEmitChange:F,onResetSize:S},null):void 0]),t.showInput&&!t.vertical?(0,e.createVNode)("div",{class:"bk-slider-input"},[(0,e.createVNode)("div",{class:"input-item"},[(0,e.createVNode)(n(),{type:"number",modelValue:f.value,max:t.maxValue,min:t.minValue,onChange:A},null)]),B.value&&m.value?(0,e.createVNode)(e.Fragment,null,[(0,e.createVNode)("div",{class:"input-center"},[(0,e.createTextVNode)("～")]),(0,e.createVNode)("div",{class:"input-item"},[(0,e.createVNode)(n(),{type:"number",modelValue:p.value,max:t.maxValue,min:t.minValue,onChange:G},null)])]):void 0]):void 0,null===(r=u.end)||void 0===r?void 0:r.call(u)])])}}},render:function(){return this.renderDom()}});d.install=function(e){e.component(d.name,d)};const f=d})(),l})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("../input"),require("../shared"),require("../popover"));else if("function"==typeof define&&define.amd)define(["vue","../input","../shared","../popover"],t);else{var a="object"==typeof exports?t(require("vue"),require("../input"),require("../shared"),require("../popover")):t(e.vue,e["../input"],e["../shared"],e["../popover"]);for(var r in a)("object"==typeof exports?exports:e)[r]=a[r]}}(self,((e,t,a,r)=>(()=>{var n={7162:(e,t,a)=>{e.exports=a(5047)},5047:e=>{var t=function(e){"use strict";var t,a=Object.prototype,r=a.hasOwnProperty,n="function"==typeof Symbol?Symbol:{},o=n.iterator||"@@iterator",u=n.asyncIterator||"@@asyncIterator",l=n.toStringTag||"@@toStringTag";function i(e,t,a){return Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{i({},"")}catch(e){i=function(e,t,a){return e[t]=a}}function c(e,t,a,r){var n=t&&t.prototype instanceof h?t:h,o=Object.create(n.prototype),u=new j(r||[]);return o._invoke=function(e,t,a){var r=v;return function(n,o){if(r===d)throw new Error("Generator is already running");if(r===f){if("throw"===n)throw o;return T()}for(a.method=n,a.arg=o;;){var u=a.delegate;if(u){var l=k(u,a);if(l){if(l===p)continue;return l}}if("next"===a.method)a.sent=a._sent=a.arg;else if("throw"===a.method){if(r===v)throw r=f,a.arg;a.dispatchException(a.arg)}else"return"===a.method&&a.abrupt("return",a.arg);r=d;var i=s(e,t,a);if("normal"===i.type){if(r=a.done?f:m,i.arg===p)continue;return{value:i.arg,done:a.done}}"throw"===i.type&&(r=f,a.method="throw",a.arg=i.arg)}}}(e,a,u),o}function s(e,t,a){try{return{type:"normal",arg:e.call(t,a)}}catch(e){return{type:"throw",arg:e}}}e.wrap=c;var v="suspendedStart",m="suspendedYield",d="executing",f="completed",p={};function h(){}function V(){}function y(){}var b={};i(b,o,(function(){return this}));var g=Object.getPrototypeOf,w=g&&g(g(B([])));w&&w!==a&&r.call(w,o)&&(b=w);var x=y.prototype=h.prototype=Object.create(b);function L(e){["next","throw","return"].forEach((function(t){i(e,t,(function(e){return this._invoke(t,e)}))}))}function N(e,t){function a(n,o,u,l){var i=s(e[n],e,o);if("throw"!==i.type){var c=i.arg,v=c.value;return v&&"object"==typeof v&&r.call(v,"__await")?t.resolve(v.__await).then((function(e){a("next",e,u,l)}),(function(e){a("throw",e,u,l)})):t.resolve(v).then((function(e){c.value=e,u(c)}),(function(e){return a("throw",e,u,l)}))}l(i.arg)}var n;this._invoke=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 k(e,a){var r=e.iterator[a.method];if(r===t){if(a.delegate=null,"throw"===a.method){if(e.iterator.return&&(a.method="return",a.arg=t,k(e,a),"throw"===a.method))return p;a.method="throw",a.arg=new TypeError("The iterator does not provide a 'throw' method")}return p}var n=s(r,e.iterator,a.arg);if("throw"===n.type)return a.method="throw",a.arg=n.arg,a.delegate=null,p;var o=n.arg;return o?o.done?(a[e.resultName]=o.value,a.next=e.nextLoc,"return"!==a.method&&(a.method="next",a.arg=t),a.delegate=null,p):o:(a.method="throw",a.arg=new TypeError("iterator result is not an object"),a.delegate=null,p)}function C(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 E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function j(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(C,this),this.reset(!0)}function B(e){if(e){var a=e[o];if(a)return a.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var n=-1,u=function a(){for(;++n<e.length;)if(r.call(e,n))return a.value=e[n],a.done=!1,a;return a.value=t,a.done=!0,a};return u.next=u}}return{next:T}}function T(){return{value:t,done:!0}}return V.prototype=y,i(x,"constructor",y),i(y,"constructor",V),V.displayName=i(y,l,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===V||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,i(e,l,"GeneratorFunction")),e.prototype=Object.create(x),e},e.awrap=function(e){return{__await:e}},L(N.prototype),i(N.prototype,u,(function(){return this})),e.AsyncIterator=N,e.async=function(t,a,r,n,o){void 0===o&&(o=Promise);var u=new N(c(t,a,r,n),o);return e.isGeneratorFunction(a)?u:u.next().then((function(e){return e.done?e.value:u.next()}))},L(x),i(x,l,"Generator"),i(x,o,(function(){return this})),i(x,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var a in e)t.push(a);return t.reverse(),function a(){for(;t.length;){var r=t.pop();if(r in e)return a.value=r,a.done=!1,a}return a.done=!0,a}},e.values=B,j.prototype={constructor:j,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(E),!e)for(var a in this)"t"===a.charAt(0)&&r.call(this,a)&&!isNaN(+a.slice(1))&&(this[a]=t)},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 a=this;function n(r,n){return l.type="throw",l.arg=e,a.next=r,n&&(a.method="next",a.arg=t),!!n}for(var o=this.tryEntries.length-1;o>=0;--o){var u=this.tryEntries[o],l=u.completion;if("root"===u.tryLoc)return n("end");if(u.tryLoc<=this.prev){var i=r.call(u,"catchLoc"),c=r.call(u,"finallyLoc");if(i&&c){if(this.prev<u.catchLoc)return n(u.catchLoc,!0);if(this.prev<u.finallyLoc)return n(u.finallyLoc)}else if(i){if(this.prev<u.catchLoc)return n(u.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<u.finallyLoc)return n(u.finallyLoc)}}}},abrupt:function(e,t){for(var a=this.tryEntries.length-1;a>=0;--a){var n=this.tryEntries[a];if(n.tryLoc<=this.prev&&r.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var u=o?o.completion:{};return u.type=e,u.arg=t,o?(this.method="next",this.next=o.finallyLoc,p):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),p},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),E(a),p}},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;E(a)}return n}}throw new Error("illegal catch attempt")},delegateYield:function(e,a,r){return this.delegate={iterator:B(e),resultName:a,nextLoc:r},"next"===this.method&&(this.arg=t),p}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}},8133:e=>{"use strict";e.exports=t},5537:e=>{"use strict";e.exports=r},4212:e=>{"use strict";e.exports=a},748:t=>{"use strict";t.exports=e}},o={};function u(e){var t=o[e];if(void 0!==t)return t.exports;var a=o[e]={exports:{}};return n[e](a,a.exports,u),a.exports}u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var a in t)u.o(t,a)&&!u.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{"use strict";u.r(l),u.d(l,{default:()=>f});var e=u(748),t=u(7162),a=u.n(t);Object.create,Object.create;var r=u(8133),n=u.n(r),o=u(4212),i=u(5537),c=u.n(i);const s=(0,e.defineComponent)({name:"SliderButton",props:{modelValue:{type:Number,default:0},params:{type:Object,default:function(){return{}}}},emits:["emitChange","resetSize","update:modelValue"],setup:function(t,a){var r=a.emit,n=(0,e.ref)(!1),o=(0,e.ref)(!1),u=(0,e.ref)(0),l=(0,e.ref)(0),i=(0,e.ref)(0),s=(0,e.ref)(null),d=(0,e.ref)(t.modelValue),f=(0,e.ref)(0),p=(0,e.ref)(0),h=(0,e.ref)(!1),V=(0,e.ref)(null),y=(0,e.computed)((function(){var e,a,r="";if(null===(e=t.params.customContent)||void 0===e?void 0:e[t.modelValue]){var n=t.params.customContent[t.modelValue];r=n.tip||n.label||""}var o=t.params.vertical?"right":"top";return(null===(a=t.params)||void 0===a?void 0:a.showTip)?{content:t.params.formatterTipLabel("".concat(r||(null==t?void 0:t.modelValue)||"0")),placement:o}:{content:"",placement:o}})),b=(0,e.computed)((function(){return"".concat((t.modelValue-t.params.minValue)/(t.params.maxValue-t.params.minValue)*100,"%")})),g=(0,e.computed)((function(){return t.params.vertical?{bottom:b.value}:{left:b.value}})),w=(0,e.computed)((function(){return t.params.formatterButtonLabel(t.modelValue)})),x=function(e){t.params.disable||(e.preventDefault(),L(e),v(window,"mousemove",N),v(window,"touchmove",N),v(window,"mouseup",k),v(window,"touchend",k))},L=function(e){n.value=!0,o.value=!0,t.params.vertical?u.value=e.clientY:l.value=e.clientX,i.value=parseFloat(b.value),s.value=i.value},N=function(e){if(n.value){o.value=!1,r("resetSize");var a=0;t.params.vertical?(f.value=e.clientY,a=(u.value-f.value)/t.params.sliderSize*100):(p.value=e.clientX,a=(p.value-l.value)/t.params.sliderSize*100),s.value=i.value+a,C(s.value)}},k=function e(){h.value=!1,n.value&&(setTimeout((function(){n.value=!1,o.value||(C(s.value),r("emitChange"))}),0),m(window,"mousemove",N),m(window,"touchmove",N),m(window,"mouseup",e),m(window,"touchend",e))},C=function(e){if(null!==e&&!isNaN(e)){e<0?s.value=0:e>100&&(s.value=100);var a=100/((t.params.maxValue-t.params.minValue)/t.params.step),o=Math.round(e/a)*a*(t.params.maxValue-t.params.minValue)*.01+t.params.minValue;o=parseFloat(o.toFixed(t.params.precision)),r("update:modelValue",o),n.value||t.modelValue===d.value||(d.value=t.modelValue)}};return{renderDom:function(){return(0,e.createVNode)("div",{class:["bk-slider-button",t.params.vertical?"vertical":"horizontal",{grabbing:n.value}],ref:V,tabindex:"0",style:g.value,onClick:function(e){return e.stopPropagation()},onMousedown:x},[Boolean(y.value.content)?(0,e.createVNode)(c(),{content:y.value.content,theme:"dark",placement:y.value.placement,boundary:document.body},{default:function(){return[(0,e.createVNode)("div",{class:["slider-button",{"slider-button-disable":t.params.disable}]},null)]}}):(0,e.createVNode)("div",{class:["slider-button",{"slider-button-disable":t.params.disable}]},null),t.params.showButtonLabel&&!t.params.showIntervalLabel?(0,e.createVNode)("div",{class:["slider-button-label",t.params.vertical?"vertical":"horizontal"]},[w.value]):void 0])},setPosition:C,tip:y}},render:function(){return this.renderDom()}});var v=function(e,t,a){e&&t&&a&&e.addEventListener(t,a,!1)},m=function(e,t,a){e&&t&&a&&e.removeEventListener(t,a,!1)};const d=(0,e.defineComponent)({name:"Slider",props:{modelValue:o.PropTypes.oneOfType([o.PropTypes.array,o.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(t,r){var o=this,u=r.slots,l=r.emit,i=(0,e.ref)(1),c=(0,e.ref)(null),m=(0,e.ref)(null),d=(0,e.ref)(null),f=(0,e.ref)(0),p=(0,e.ref)(0),h=(0,e.ref)(null),V=(0,e.ref)(null),y=(0,e.ref)(null),b=(0,e.ref)(null),g=(0,e.computed)((function(){var e=[t.minValue,t.maxValue,t.step].map((function(e){var t="".concat(e).split(".")[1];return t?t.length:0}));return Math.max.apply(null,e)})),w=(0,e.computed)((function(){return Math.min(c.value,m.value)})),x=(0,e.computed)((function(){return Math.max(c.value,m.value)})),L=(0,e.computed)((function(){return t.range?"".concat(100*(x.value-w.value)/(t.maxValue-t.minValue),"%"):"".concat(100*(c.value-t.minValue)/(t.maxValue-t.minValue),"%")})),N=(0,e.computed)((function(){return t.range?"".concat(100*(w.value-t.minValue)/(t.maxValue-t.minValue),"%"):"0%"})),k=(0,e.computed)((function(){return t.vertical?{height:L.value,bottom:N.value}:{width:L.value,left:N.value}})),C=(0,e.computed)((function(){if(!t.showInterval||t.minValue>t.maxValue)return[];if(0===t.step)return console.warn("WARNNING:step should not be 0"),[];for(var e=(t.maxValue-t.minValue)/t.step,a=100*t.step/(t.maxValue-t.minValue),r=[],n=1;n<e;n++)r.push(n*a);return t.range?r.filter((function(e){return e<100*(w.value-t.minValue)/(t.maxValue-t.minValue)||e>100*(x.value-t.minValue)/(t.maxValue-t.minValue)})):r.filter((function(e){return e>100*(c.value-t.minValue)/(t.maxValue-t.minValue)}))})),E=(0,e.computed)((function(){return t.vertical?{height:t.height,width:"4px"}:{}})),j=(0,e.computed)((function(){if(!t.showIntervalLabel)return[];if(0===t.step)return console.warn("WARNNING:step should not be 0"),[];for(var e=100*t.step/(t.maxValue-t.minValue),a=[],r=t.minValue,n=0;r<=t.maxValue;r+=t.step,n++){var o={stepWidth:n*e,stepLabel:t.formatterLabel(r)};a.push(o)}return a})),B=(0,e.computed)((function(){return Array.isArray(t.modelValue)})),T=(0,e.computed)((function(){return t.customContent?Object.keys(t.customContent).sort((function(e,t){return Number(e)-Number(t)})).filter((function(e){return Number(e)>=t.minValue&&Number(e)<=t.maxValue})).map((function(e){var a=t.customContent[e].tip,r=t.customContent[e].label;return{tip:a||r||"",label:r||"",percent:(Number(e)-t.minValue)/(t.maxValue-t.minValue)*100}})):[]})),O=(0,e.computed)((function(){return{vertical:t.vertical,showTip:t.showTip,disable:t.disable,maxValue:t.maxValue,minValue:t.minValue,step:t.step,precision:g.value,showButtonLabel:t.showButtonLabel,formatterButtonLabel:t.formatterButtonLabel,showIntervalLabel:t.showIntervalLabel,customContent:t.customContent,sliderSize:i.value,formatterTipLabel:t.formatterTipLabel}}));(0,e.watch)((function(){return t.modelValue}),(function(){I()})),(0,e.watch)((function(){return c.value}),(function(e){t.range?l("update:modelValue",[w.value,x.value]):l("update:modelValue",e),f.value=e})),(0,e.watch)((function(){return m.value}),(function(e){l("update:modelValue",[w.value,x.value]),p.value=e})),(0,e.onMounted)((function(){t.range?(Array.isArray(t.modelValue)?(c.value=Math.max(t.minValue,Number(t.modelValue[0])),m.value=Math.min(t.maxValue,Number(t.modelValue[1]))):(c.value=t.minValue,m.value=t.maxValue),d.value=[c.value,m.value]):("number"!=typeof t.modelValue||isNaN(t.modelValue)?c.value=t.minValue:c.value=Math.min(t.maxValue,Math.max(t.minValue,t.modelValue)),d.value=c.value),S(),v(window,"resize",S())}));var S=function(){h.value&&(i.value=h.value["client".concat(t.vertical?"Height":"Width")])},P=function(e){var a,r;if(e.stopPropagation(),!t.disable){if(S(),t.vertical){var n=null===(a=h.value)||void 0===a?void 0:a.getBoundingClientRect().bottom;F((n-e.clientY)/i.value*100)}else{var o=null===(r=h.value)||void 0===r?void 0:r.getBoundingClientRect().left;F((e.clientX-o)/i.value*100)}M()}},_=function(){return t.range?![w.value,x.value].every((function(e,t){return e===d.value[t]})):t.modelValue!==d.value},I=function(){if(t.minValue>t.maxValue)console.error("min should not be greater than max.");else{var e=t.modelValue;t.range&&Array.isArray(e)?e[1]<t.minValue?l("update:modelValue",[t.minValue,t.minValue]):e[0]>t.maxValue?l("update:modelValue",[t.maxValue,t.maxValue]):e[0]<t.minValue?l("update:modelValue",[t.minValue,e[1]]):e[1]>t.maxValue?l("update:modelValue",[e[0],t.maxValue]):(c.value=Number(e[0]),m.value=Number(e[1]),_()&&(d.value=e.slice())):t.range||"number"!=typeof e||isNaN(e)||(e<t.minValue?l("update:modelValue",t.minValue):e>t.maxValue?l("update:modelValue",t.maxValue):(c.value=e,_()&&(d.value=e)))}},M=function(){return r=o,n=void 0,u=void 0,i=a().mark((function r(){return a().wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,(0,e.nextTick)();case 2:l("change",t.range?[w.value,x.value]:t.modelValue);case 3:case"end":return a.stop()}}),r)})),new(u||(u=Promise))((function(e,t){function a(e){try{l(i.next(e))}catch(e){t(e)}}function o(e){try{l(i.throw(e))}catch(e){t(e)}}function l(t){var r;t.done?e(t.value):(r=t.value,r instanceof u?r:new u((function(e){e(r)}))).then(a,o)}l((i=i.apply(r,n||[])).next())}));var r,n,u,i},z=function(e){return t.vertical?{bottom:"".concat(e,"%")}:{left:"".concat(e,"%")}},F=function(e){if(t.range){var a=t.minValue+e*(t.maxValue-t.minValue)/100;Math.abs(w.value-a)<Math.abs(x.value-a)?b.value=c.value<m.value?V.value:y.value:b.value=c.value>m.value?V.value:y.value,b.value.setPosition(e)}else V.value.setPosition(e)},A=function(e){if(""!==e){var a=parseFloat(e);a<t.minValue?(f.value=t.minValue,c.value=t.minValue):a>t.maxValue?(f.value=t.maxValue,c.value=t.maxValue):c.value=a}},G=function(e){if(""!==e){var a=parseFloat(e);a<t.minValue?(p.value=t.minValue,m.value=t.minValue):a>t.maxValue?(p.value=t.maxValue,m.value=t.maxValue):m.value=a}},R=function(e){var a;return a="start"===e?t.vertical?t.maxValue:t.minValue:t.vertical?t.minValue:t.maxValue,t.showButtonLabel&&[c.value,m.value].includes(a)?"0":"1"};return{renderDom:function(){var a,r;return(0,e.createVNode)("div",{class:["bk-slider",t.extCls]},[null===(a=u.start)||void 0===a?void 0:a.call(u),(0,e.createVNode)("div",{class:"bk-slider-runway",ref:h,style:E.value,onClick:P},[(0,e.createVNode)("div",{class:["bk-slider-bar",t.vertical?"vertical":"horizontal",{disable:t.disable}],style:k.value},null),t.showInterval?C.value.map((function(a,r){return(0,e.createVNode)("div",{key:r,class:["bk-slider-interval",{vertical:t.vertical}],style:z(a)},null)})):void 0,t.customContent?T.value.map((function(a,r){return(0,e.createVNode)("div",{key:r,class:["bk-slider-interval",{vertical:t.vertical}],style:z(a.percent)},null)})):void 0,t.showBetweenLabel||t.showIntervalLabel||t.customContent?(0,e.createVNode)("div",{class:["bk-slider-labels",t.vertical?"vertical":"horizontal"]},[t.showBetweenLabel?[(0,e.createVNode)("div",{class:"label-start",style:[{opacity:R("start")}]},[t.formatterLabel(t.minValue)]),(0,e.createVNode)("div",{class:"label-end",style:[{opacity:R("end")}]},[t.formatterLabel(t.maxValue)])]:t.showIntervalLabel?j.value.map((function(a,r){return(0,e.createVNode)("div",{class:["bk-slider-label",t.vertical?"vertical":"horizontal"],key:r,style:z(a.stepWidth)},[a.stepLabel])})):t.customContent?T.value.map((function(a,r){return(0,e.createVNode)("div",{class:["bk-slider-label",t.vertical?"vertical":"horizontal"],key:r,style:z(a.percent)},[a.label])})):void 0]):void 0,(0,e.createVNode)(s,{modelValue:c.value,"onUpdate:modelValue":function(e){return c.value=e},ref:V,params:O.value,onEmitChange:M,onResetSize:S},null),t.range?(0,e.createVNode)(s,{modelValue:m.value,"onUpdate:modelValue":function(e){return m.value=e},ref:y,params:O.value,onEmitChange:M,onResetSize:S},null):void 0]),t.showInput&&!t.vertical?(0,e.createVNode)("div",{class:"bk-slider-input"},[(0,e.createVNode)("div",{class:"input-item"},[(0,e.createVNode)(n(),{type:"number",modelValue:f.value,max:t.maxValue,min:t.minValue,onChange:A},null)]),B.value&&m.value?[(0,e.createVNode)("div",{class:"input-center"},[(0,e.createTextVNode)("～")]),(0,e.createVNode)("div",{class:"input-item"},[(0,e.createVNode)(n(),{type:"number",modelValue:p.value,max:t.maxValue,min:t.minValue,onChange:G},null)])]:void 0]):void 0,null===(r=u.end)||void 0===r?void 0:r.call(u)])}}},render:function(){return this.renderDom()}});d.install=function(e){e.component(d.name,d)};const f=d})(),l})()));

package/lib/switcher/switcher.less

@@ -234,9 +234,11 @@
   &.bk-switcher-outline&.primary {
     &.is-checked {
       border: 1px solid @primary-color;
+
       &:after {
         background: @primary-color;
       }
+
       .switcher-text {
         color: @primary-color;
       }

package/lib/tab/index.d.ts

@@ -435,8 +435,8 @@ declare const BkTab: {
         visible: boolean;
         disabled: boolean;
         panel: string | ((...args: any[]) => any);
-        sortable: boolean;
         renderDirective: string;
+        sortable: boolean;
     }>;
 }>;
 export { BkTab, TabPanel as BkTabPanel, };

package/lib/tab/tab-panel.d.ts

@@ -67,7 +67,7 @@ declare const _default: import("vue").DefineComponent<{
     visible: boolean;
     disabled: boolean;
     panel: string | ((...args: any[]) => any);
-    sortable: boolean;
     renderDirective: string;
+    sortable: boolean;
 }>;
 export default _default;

package/lib/table/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../virtual-render"),require("../icon/"),require("../pagination"),require("lodash"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","../icon/","../pagination","lodash"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../virtual-render"),require("../icon/"),require("../pagination"),require("lodash")):t(e["../shared"],e.vue,e["../virtual-render"],e["../icon/"],e["../pagination"],e.lodash);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n,r,o,i)=>(()=>{"use strict";var a={7685:e=>{e.exports=r},5801:e=>{e.exports=o},4212:t=>{t.exports=e},3511:e=>{e.exports=n},467:e=>{e.exports=i},748:e=>{e.exports=t}},c={};function s(e){var t=c[e];if(void 0!==t)return t.exports;var n=c[e]={exports:{}};return a[e](n,n.exports,s),n.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{s.r(u),s.d(u,{default:()=>V});var e=s(4212);function t(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function r(e){return function(e){if(Array.isArray(e))return n(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var o,i=s(748),a=s(3511),c=s.n(a),l=["none","row","col","outer"];!function(e){e.CURRENT="current",e.ALL="all"}(o||(o={}));var p={data:e.PropTypes.arrayOf(e.PropTypes.any).def([]),columns:e.PropTypes.arrayOf(e.PropTypes.shape({label:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),field:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),render:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),width:e.PropTypes.oneOfType([e.PropTypes.number.def(void 0),e.PropTypes.string.def("auto")]),type:e.PropTypes.commonType(["selection","index","expand"],"columnType").def(""),sort:e.PropTypes.oneOfType([e.PropTypes.shape({sortby:e.PropTypes.string.def(""),sortFn:e.PropTypes.func.def(null),sortScope:e.PropTypes.commonType(Object.values(o)).def(o.CURRENT)}),e.PropTypes.bool]).def(!1)})),activeColumn:e.PropTypes.oneOfType([e.PropTypes.number.def(-1),e.PropTypes.arrayOf(e.PropTypes.number.def(-1))]),columnPick:e.PropTypes.commonType(["multi","single","disabled"],"columnPick").def("disabled"),height:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def("auto"),minHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def("auto"),rowHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.func]).def(40),headHeight:e.PropTypes.number.def(40),showHead:e.PropTypes.bool.def(!0),thead:e.PropTypes.shape({height:e.PropTypes.number.def(40),isShow:e.PropTypes.bool.def(!0),cellFn:e.PropTypes.func.def(null)}),virtualEnabled:e.PropTypes.bool.def(!1),border:e.PropTypes.arrayOf(e.PropTypes.commonType(l,"border")).def(["row"]),pagination:e.PropTypes.oneOfType([e.PropTypes.bool.def(!1),e.PropTypes.object.def({})]).def(!1),remotePagination:e.PropTypes.bool.def(!1)};function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function v(e,t,n){return t&&d(e.prototype,t),n&&d(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var h=s(7685),y=s(5801),m=s.n(y),g=v((function e(t,n){f(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n}));function b(e){return b="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},b(e)}var T,C,P=s(467),O=void 0,w=function(e,t,n){var o;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(o=e[t]).call.apply(o,[O].concat(r(n))):e[t]},x=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:k(e.activeColumn):Array.isArray(e.activeColumn)?k(e.activeColumn[0]):k(e.activeColumn):[]},k=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},j=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r="";return r=/^auto|null|undefined$/gi.test("".concat(e))?t:/^\d+\.?\d+$/.test("".concat(e))?"".concat(e,"px"):e,n&&(r="calc(".concat(r," - ").concat(n,")")),r},S=function(e,t){if(e){if("object"===b(e)){var n=Object.prototype.hasOwnProperty.call(e,"current")?e.current:e.value;return/\d+/.test(n)||(n=1),Object.assign(Object.assign(Object.assign({},t),e),{current:n})}return t}return{}},N=function(e){var t=e.showHead,n=e.headHeight,r=e.thead,o=void 0===r?{}:r;return Object.assign({},{isShow:t,height:n},Object.assign({},o))};!function(e){e.ON_SORT_BY_CLICK="onSortByClick"}(T||(T={})),function(e){e.ASC="asc",e.DESC="desc"}(C||(C={}));var A=function(){function t(n,r,o,i){var a=this;f(this,t),this.getColumnClass=function(e){return"".concat(a.uuid,"-column-").concat(e)},this.props=n,this.context=r,this.reactiveProp=o,this.colgroups=i,this.plugins=new g(n,r),this.uuid=(0,e.random)(8),this.events=new Map}return v(t,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=N(this.props).isShow;return void 0===e||e?(0,i.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()]):null}},{key:"renderTableBodySchema",value:function(e){return(0,i.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderTBody(e)])}},{key:"renderTableFooter",value:function(e){var t=this;return(0,i.createVNode)(m(),(0,i.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return t.handlePageLimitChange(e)},onChange:function(e){return t.hanlePageChange(e)}}),null)}},{key:"on",value:function(e,t){return this.events.has(e)||this.events.set(e,[]),this.events.get(e).push(t),this}},{key:"destroy",value:function(){this.events.clear(),this.events=null}},{key:"emitEvent",value:function(e,t){var n=this;this.events.has(e)&&this.events.get(e).forEach((function(e){"function"==typeof e&&Reflect.apply(e,n,t)}))}},{key:"handlePageLimitChange",value:function(e){Object.assign(this.props.pagination,{limit:e}),this.context.emit("pageLimitChange",e)}},{key:"hanlePageChange",value:function(e){Object.assign(this.props.pagination,{current:e,value:e}),this.context.emit("pageValueChange",e)}},{key:"setColumnActive",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.propActiveCols.find((function(t){return t.index===e}));Object.assign(n,{active:!n.active}),t&&this.propActiveCols.filter((function(t){return t.index!==e&&t.active})).forEach((function(e){Object.assign(e,{active:!1})}))}},{key:"handleColumnHeadClick",value:function(e){"disabled"!==this.props.columnPick&&(this.setColumnActive(e,"single"===this.props.columnPick),this.context.emit("column-pick",this.propActiveCols))}},{key:"renderHeader",value:function(){var t=this,n=N(this.props),r=n.cellFn,o={"--row-height":"".concat(w(n,"height",["thead"]),"px")},a=function(e,n,r,o){var i,a;e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault();var c=n.field,s=function(e){return t.getRowText(e,c,n)};Object.assign(n,{_sort_reg:o});var u="function"==typeof(null===(i=n.sort)||void 0===i?void 0:i.sortFn)?null===(a=n.sort)||void 0===a?void 0:a.sortFn:function(e,t){var n=s(e),r=s(t);return"number"==typeof n&&"number"==typeof r?n-r:String.prototype.localeCompare.call(n,r)};t.emitEvent(T.ON_SORT_BY_CLICK,[{sortFn:function(e,t){return u(e,t)*(o===C.DESC?-1:1)},column:n,index:r,type:o}])},c=function(e,t){var n=[];if(e.sort){var o=e._sort_reg,c=(0,i.createVNode)("span",{class:"head-cell-sort"},[(0,i.createVNode)(h.AngleDownFill,{class:["sort-action","sort-asc",o===C.ASC?"active":""],onClick:function(n){return a(n,e,t,C.ASC)}},null),(0,i.createVNode)(h.AngleUpFill,{class:["sort-action","sort-desc",o===C.DESC?"active":""],onClick:function(n){return a(n,e,t,C.DESC)}},null)]);n.push(c)}return"function"==typeof r?(n.unshift(r(e,t)),n):(n.unshift(w(e,"label",[e,t])),n)};return(0,i.createVNode)("thead",{style:o},[(0,i.createVNode)("tr",null,[this.props.columns.map((function(n,r){return(0,i.createVNode)("th",{colspan:1,rowspan:1,class:(0,e.classes)({active:t.isColActive(r)}),onClick:function(){return t.handleColumnHeadClick(r)}},[(0,i.createVNode)("div",{class:"cell"},[c(n,r)])])}))])])}},{key:"renderTBody",value:function(e){var t=this;return(0,i.createVNode)("tbody",null,[e.map((function(n,r){var o={"--row-height":"".concat(w(t.props,"rowHeight",["tbody",n,r]),"px")};return(0,i.createVNode)("tr",{style:o,onClick:function(o){return t.handleRowClick(o,n,r,e)},onDblclick:function(o){return t.handleRowDblClick(o,n,r,e)}},[t.props.columns.map((function(o,a){return(0,i.createVNode)("td",{class:t.getColumnClass(a),colspan:1,rowspan:1},[(0,i.createVNode)("div",{class:"cell"},[t.renderCell(n,o,r,e)])])}))])}))])}},{key:"handleRowClick",value:function(e,t,n,r){this.context.emit("rowClick",e,t,n,r,this)}},{key:"handleRowDblClick",value:function(e,t,n,r){this.context.emit("rowDblClick",e,t,n,r,this)}},{key:"getRowText",value:function(e,t,n){return"index"===n.type?e.__$table_row_index:e[t]}},{key:"renderCell",value:function(e,t,n,r){var o=this.getRowText(e,w(t,"field",[t,e]),t);return"function"==typeof t.render?t.render(o,e,n,r):o}},{key:"isColActive",value:function(e){return"disabled"!==this.props.columnPick&&this.propActiveCols.some((function(t){return t.index===e&&t.active}))}},{key:"renderColGroup",value:function(){var t=this;return(0,i.createVNode)("colgroup",null,[(this.colgroups||[]).map((function(n,r){var o,a=(0,e.classes)({active:t.isColActive(r)}),c="".concat((o=n.calcWidth,j(o,"auto"))).replace(/px$/i,"");return(0,i.createVNode)("col",{class:a,width:c},null)}))])}}]),t}();const _=(0,i.defineComponent)({name:"Table",props:p,emits:["columnPick","rowClick","rowDblClick","pageLimitChange","pageValueChange"],setup:function(n,o){var a=(0,i.reactive)(x(n)),s=(0,i.reactive)(n.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null})}))),u=(0,i.ref)(0),p=(0,i.ref)(0),f=null,d=(0,i.reactive)({count:0,limit:10,current:1});d=S(n.pagination,d);var v=function(){if(!n.pagination||n.remotePagination)return u.value=0,void(p.value=n.data.length);u.value=(d.current-1)*d.limit,p.value=d.current*d.limit};v();var h=null,y=(0,i.ref)(),m=function(){return(n.columns||[]).map((function(e,t){return{index:t,active:a.some((function(e){return e===t})),_column:e}}))},g=(0,i.reactive)({activeColumns:m(),scrollTranslateY:0});(0,i.watch)((function(){return[n.activeColumn,n.columns]}),(function(){(0,i.nextTick)((function(){g.activeColumns=m();var e=x(n);g.activeColumns.forEach((function(t,n){Object.assign(t,{active:e.some((function(e){return e===n}))})}))}))}),{deep:!0});var b=(0,i.computed)((function(){return n.data.map((function(e,t){return Object.assign(Object.assign({},e),{__$table_row_index:t+1})}))})),C=(0,i.reactive)([]);(0,i.watchEffect)((function(){d=S(n.pagination,d),v(),C.splice.apply(C,[0,C.length].concat(r(b.value.slice(u.value,p.value)))),"function"==typeof f&&C.sort(f)}));var O=new A(n,o,g,s);O.on(T.ON_SORT_BY_CLICK,(function(e){var t=e.sortFn;f=t,C.sort(f)}));var w=(0,i.computed)((function(){return{minHeight:j(n.minHeight,"auto")}})),k=(0,i.computed)((function(){return n.pagination?n.remotePagination?d:Object.assign(Object.assign({},d),{count:n.data.length}):null})),N=(0,i.computed)((function(){var e,t=j(n.height),r=n.showHead?j(n.headHeight):"0",o=(e=n.height,!/^\d+\.?\d*(px|%)?$/.test("".concat(e))),i=n.pagination?40:0,a="calc(".concat(t," - ").concat(r," - ").concat(i,"px - 2px)");return Object.assign({display:"block"},o?{maxHeight:a}:{height:a})})),_=(0,i.computed)((function(){return(0,e.classes)(t({},(0,e.resolveClassName)("table"),!0),(i=["row"],"string"==typeof(o=n.border)&&i.push(o),Array.isArray(o)&&i.push.apply(i,r(o.filter((function(e){return l.includes(e)})))),r(new Set(i)).map((function(e){return"bordered-".concat(e)})).join(" ")));var o,i})),V=(0,e.classes)(t({},(0,e.resolveClassName)("table-head"),!0)),H=(0,e.classes)(t({},(0,e.resolveClassName)("table-body"),!0)),E=(0,e.classes)(t({},(0,e.resolveClassName)("table-footer"),!0)),R=function(e){var t=e[1];g.scrollTranslateY=t.translateY};return(0,i.onMounted)((function(){h=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=(0,P.throttle)((function(){"function"==typeof t&&t()}),n),i=new ResizeObserver((function(){o()}));return r&&"function"==typeof t&&t(),{start:function(){i.observe(e)},stop:function(){i.disconnect(),i.unobserve(e)}}}(y.value,(function(){!function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,r=(e.getBoundingClientRect()||{}).width-4,o=[],i=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];Object.assign(e,{calcWidth:t}),n&&(r-=t)<0&&(r=0)};if(t.forEach((function(e,t){var a=String(e.width),c=!0;if(/^\d+\.?\d*(px)?$/.test(a)){var s=Number(a.replace("px",""));i(e,s),c=!1}if(/^\d+\.?\d*%$/.test(a)){var u=n;if(r>0){var l=Number(a.replace("%",""));u=r*l/100}i(e,u),c=!1}c&&o.push(t)})),o.length>0){var a=n;r>0&&(a=r/o.length,o.forEach((function(e){return i(t[e],a,!1)})))}}(y.value,s,20)}),60,!0),h.start()})),(0,i.onBeforeUnmount)((function(){h.stop(),h=null,O.destroy()})),o.expose({plugins:O.plugins}),function(){return(0,i.createVNode)("div",{class:_.value,style:w.value,ref:y},[(0,i.createVNode)("div",{class:V},[O.renderTableHeadSchema()]),(0,i.createVNode)(c(),{lineHeight:n.rowHeight,class:H,style:N.value,list:C,onContentScroll:R,throttleDelay:0,enabled:n.virtualEnabled},{default:function(e){return O.renderTableBodySchema(e.data||n.data)},afterContent:function(){return(0,i.createVNode)("div",{class:(0,e.resolveClassName)("table-fixed")},null)}}),(0,i.createVNode)("div",{class:E},[n.pagination&&O.renderTableFooter(k.value)])])}}}),V=(0,e.withInstall)(_)})(),u})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../virtual-render"),require("../pagination"),require("../checkbox"),require("../icon"),require("../popover"),require("lodash"),require("../icon/"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","../pagination","../checkbox","../icon","../popover","lodash","../icon/"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../virtual-render"),require("../pagination"),require("../checkbox"),require("../icon"),require("../popover"),require("lodash"),require("../icon/")):t(e["../shared"],e.vue,e["../virtual-render"],e["../pagination"],e["../checkbox"],e["../icon"],e["../popover"],e.lodash,e["../icon/"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n,r,o,i,a,c,l)=>(()=>{"use strict";var u={5800:e=>{e.exports=o},6870:e=>{e.exports=i},7685:e=>{e.exports=l},5801:e=>{e.exports=r},5537:e=>{e.exports=a},4212:t=>{t.exports=e},3511:e=>{e.exports=n},467:e=>{e.exports=c},748:e=>{e.exports=t}},s={};function p(e){var t=s[e];if(void 0!==t)return t.exports;var n=s[e]={exports:{}};return u[e](n,n.exports,p),n.exports}p.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return p.d(t,{a:t}),t},p.d=(e,t)=>{for(var n in t)p.o(t,n)&&!p.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},p.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),p.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var f={};return(()=>{p.r(f),p.d(f,{default:()=>D});var e=p(4212);function t(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function r(e){return function(e){if(Array.isArray(e))return n(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var o,i=p(748),a=p(3511),c=p.n(a),l=["none","row","col","outer"];!function(e){e.CURRENT="current",e.ALL="all"}(o||(o={}));var u={data:e.PropTypes.arrayOf(e.PropTypes.any).def([]),columns:e.PropTypes.arrayOf(e.PropTypes.shape({label:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),field:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),render:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),width:e.PropTypes.oneOfType([e.PropTypes.number.def(void 0),e.PropTypes.string.def("auto")]),type:e.PropTypes.commonType(["selection","index","expand","none"],"columnType").def("none"),sort:e.PropTypes.oneOfType([e.PropTypes.shape({sortFn:e.PropTypes.func.def(null),sortScope:e.PropTypes.commonType(Object.values(o)).def(o.CURRENT)}),e.PropTypes.bool]).def(!1),filter:e.PropTypes.oneOfType([e.PropTypes.shape({list:e.PropTypes.arrayOf(e.PropTypes.any).def([]),filterFn:e.PropTypes.func.def(null)}),e.PropTypes.bool]).def(!1)})),activeColumn:e.PropTypes.oneOfType([e.PropTypes.number.def(-1),e.PropTypes.arrayOf(e.PropTypes.number.def(-1))]),columnPick:e.PropTypes.commonType(["multi","single","disabled"],"columnPick").def("disabled"),height:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def("auto"),minHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def("auto"),rowHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.func]).def(40),headHeight:e.PropTypes.number.def(40),showHead:e.PropTypes.bool.def(!0),thead:e.PropTypes.shape({height:e.PropTypes.number.def(40),isShow:e.PropTypes.bool.def(!0),cellFn:e.PropTypes.func.def(null)}),virtualEnabled:e.PropTypes.bool.def(!1),border:e.PropTypes.arrayOf(e.PropTypes.commonType(l,"border")).def(["row"]),pagination:e.PropTypes.oneOfType([e.PropTypes.bool.def(!1),e.PropTypes.object.def({})]).def(!1),remotePagination:e.PropTypes.bool.def(!1)};function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function h(e,t,n){return t&&d(e.prototype,t),n&&d(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var v=p(5801),y=p.n(v),m=p(5800),g=p.n(m),b=p(6870),C=p(5537),T=p.n(C);function P(e){return P="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},P(e)}var k=p(467),O=void 0,x=function(e,t,n){var o;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(o=e[t]).call.apply(o,[O].concat(r(n))):e[t]},w=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:N(e.activeColumn):Array.isArray(e.activeColumn)?N(e.activeColumn[0]):N(e.activeColumn):[]},N=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},S=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r="";return r=/^auto|null|undefined$/gi.test("".concat(e))?t:/^\d+\.?\d+$/.test("".concat(e))?"".concat(e,"px"):e,n&&(r="calc(".concat(r," - ").concat(n,")")),r},j=function(e,t){if(e){if("object"===P(e)){var n=Object.prototype.hasOwnProperty.call(e,"current")?e.current:e.value;return/\d+/.test(n)||(n=1),Object.assign(Object.assign(Object.assign({},t),e),{current:n})}return t}return{}},V=function(e){var t=e.showHead,n=e.headHeight,r=e.thead,o=void 0===r?{}:r;return Object.assign({},{isShow:t,height:n},Object.assign({},o))},A=function(e,t,n){return"index"===n.type?e.__$table_row_index:e[t]};const _=(0,i.defineComponent)({name:"HeadFilter",props:{column:e.PropTypes.any.def({}),height:e.PropTypes.number.def(40)},emits:["change"],setup:function(n,o){var a=o.emit,c=n.column,l=(0,i.ref)(!1),u=(0,i.reactive)({isOpen:!1,checked:[]}),s=(0,i.computed)((function(){var r;return(0,e.classes)((t(r={},(0,e.resolveClassName)("table-head-action"),!0),t(r,"column-filter",!0),t(r,"--row-height","".concat(n.height,"px")),t(r,"active",u.checked.length),t(r,"opened",u.isOpen),r))})),p=(0,e.classes)(t({},(0,e.resolveClassName)("table-head-filter"),!0)),f=function(e){u.isOpen=e},d=[{name:"offset",options:{offset:[0,0]}}],h="light ".concat((0,e.resolveClassName)("table-head-filter")),v=(0,i.computed)((function(){var e=c.filter.list;return(void 0===e?[]:e).map((function(e){return Object.assign(Object.assign({},e),{checked:u.checked.includes(e.value)})}))})),y="function"==typeof c.filter.filterFn?function(e,t,r,o){return c.filter.filterFn(e,t,n.column,r,o)}:function(e,t){return!e.length||e.includes(A(t,x(c,"field",[c,t]),c))},C=function(){a("change",r(u.checked),y),l.value=!1},P=function(){u.checked.length&&u.checked.splice(0,u.checked.length)};return function(){return(0,i.createVNode)(T(),(0,i.mergeProps)({trigger:"click",isShow:l.value,placement:"bottom-end",stopBehaviors:["stopPropagation"],arrow:!1},{modifiers:d,theme:h},{boundary:document.body,onAfterShow:function(){return f(!0)},onAfterHidden:function(){return f(!1)}}),{default:function(){return(0,i.createVNode)(b.AngleDownLine,{class:s.value,onClick:function(){return l.value=!0}},null)},content:function(){var e,t;return(0,i.createVNode)("div",{class:p},[(0,i.createVNode)(m.BkCheckboxGroup,{class:"content-list",modelValue:u.checked,"onUpdate:modelValue":function(e){return u.checked=e}},(t=e=v.value.map((function(e){return(0,i.createVNode)("div",{class:"list-item"},[(0,i.createVNode)(g(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!(0,i.isVNode)(t)?e:{default:function(){return[e]}})),(0,i.createVNode)("div",{class:"content-footer"},[(0,i.createVNode)("span",{class:"btn-filter-save",onClick:C},[(0,i.createTextVNode)("确定")]),(0,i.createVNode)("span",{class:"btn-filter-split"},null),(0,i.createVNode)("span",{class:["btn-filter-reset",u.checked.length?"":"disable"],onClick:P},[(0,i.createTextVNode)("重置")])])])}})}}});var H,F=p(7685);!function(e){e.ASC="asc",e.DESC="desc"}(H||(H={}));const E=(0,i.defineComponent)({name:"HeadSort",props:{column:e.PropTypes.any.def({})},emits:["change"],setup:function(t,n){var r=n.emit,o=(0,i.ref)(""),a=function(e,n){var i,a;e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault(),o.value=n;var c=t.column.field,l=function(e){return A(e,c,t.column)},u="function"==typeof(null===(i=t.column.sort)||void 0===i?void 0:i.sortFn)?null===(a=t.column.sort)||void 0===a?void 0:a.sortFn:function(e,t){var n=l(e),r=l(t);return"number"==typeof n&&"number"==typeof r?n-r:String.prototype.localeCompare.call(n,r)};r("change",(function(e,t){return u(e,t)*(n===H.DESC?-1:1)}),n)};return function(){return(0,i.createVNode)("span",{class:(0,e.resolveClassName)("head-cell-sort")},[(0,i.createVNode)(F.AngleDownFill,{class:["sort-action","sort-asc",o.value===H.ASC?"active":""],onClick:function(e){return a(e,H.ASC)}},null),(0,i.createVNode)(F.AngleUpFill,{class:["sort-action","sort-desc",o.value===H.DESC?"active":""],onClick:function(e){return a(e,H.DESC)}},null)])}}});var q,L=h((function e(t,n){s(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n}));!function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick"}(q||(q={}));var R=function(){function t(n,r,o,i){var a=this;s(this,t),this.getColumnClass=function(e){return"".concat(a.uuid,"-column-").concat(e)},this.props=n,this.context=r,this.reactiveProp=o,this.colgroups=i,this.plugins=new L(n,r),this.uuid=(0,e.random)(8),this.events=new Map}return h(t,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=V(this.props).isShow;return void 0===e||e?(0,i.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()]):null}},{key:"renderTableBodySchema",value:function(e){return(0,i.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderTBody(e)])}},{key:"renderTableFooter",value:function(e){var t=this;return(0,i.createVNode)(y(),(0,i.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return t.handlePageLimitChange(e)},onChange:function(e){return t.hanlePageChange(e)}}),null)}},{key:"on",value:function(e,t){return this.events.has(e)||this.events.set(e,[]),this.events.get(e).push(t),this}},{key:"destroy",value:function(){this.events.clear(),this.events=null}},{key:"emitEvent",value:function(e,t){var n=this;this.events.has(e)&&this.events.get(e).forEach((function(e){"function"==typeof e&&Reflect.apply(e,n,t)}))}},{key:"handlePageLimitChange",value:function(e){Object.assign(this.props.pagination,{limit:e}),this.context.emit("pageLimitChange",e)}},{key:"hanlePageChange",value:function(e){Object.assign(this.props.pagination,{current:e,value:e}),this.context.emit("pageValueChange",e)}},{key:"setColumnActive",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.propActiveCols.find((function(t){return t.index===e}));Object.assign(n,{active:!n.active}),t&&this.propActiveCols.filter((function(t){return t.index!==e&&t.active})).forEach((function(e){Object.assign(e,{active:!1})}))}},{key:"handleColumnHeadClick",value:function(e){"disabled"!==this.props.columnPick&&(this.setColumnActive(e,"single"===this.props.columnPick),this.context.emit("column-pick",this.propActiveCols))}},{key:"getSortCell",value:function(e,t){var n=this;return(0,i.createVNode)(E,{column:e,onChange:function(r,o){n.emitEvent(q.ON_SORT_BY_CLICK,[{sortFn:r,column:e,index:t,type:o}])}},null)}},{key:"getFilterCell",value:function(e,t){var n=this;return(0,i.createVNode)(_,{column:e,height:this.props.headHeight,onChange:function(r,o){n.emitEvent(q.ON_FILTER_CLICK,[{filterFn:function(e,t){return o(r,e,t)},checked:r,column:e,index:t}])}},null)}},{key:"renderHeader",value:function(){var t=this,n=V(this.props),r=n.cellFn,o={"--row-height":"".concat(x(n,"height",["thead"]),"px")},a=function(e,n){var o=[];return e.sort&&o.push(t.getSortCell(e,n)),e.filter&&o.push(t.getFilterCell(e,n)),"function"==typeof r?(o.unshift(r(e,n)),o):(o.unshift(x(e,"label",[e,n])),o)};return(0,i.createVNode)("thead",{style:o},[(0,i.createVNode)("tr",null,[this.props.columns.map((function(n,r){return(0,i.createVNode)("th",{colspan:1,rowspan:1,class:(0,e.classes)({active:t.isColActive(r)}),onClick:function(){return t.handleColumnHeadClick(r)}},[(0,i.createVNode)("div",{class:"cell"},[a(n,r)])])}))])])}},{key:"renderTBody",value:function(e){var t=this;return(0,i.createVNode)("tbody",null,[e.map((function(n,r){var o={"--row-height":"".concat(x(t.props,"rowHeight",["tbody",n,r]),"px")};return(0,i.createVNode)("tr",{style:o,onClick:function(o){return t.handleRowClick(o,n,r,e)},onDblclick:function(o){return t.handleRowDblClick(o,n,r,e)}},[t.props.columns.map((function(o,a){return(0,i.createVNode)("td",{class:t.getColumnClass(a),colspan:1,rowspan:1},[(0,i.createVNode)("div",{class:"cell"},[t.renderCell(n,o,r,e)])])}))])}))])}},{key:"handleRowClick",value:function(e,t,n,r){this.context.emit("rowClick",e,t,n,r,this)}},{key:"handleRowDblClick",value:function(e,t,n,r){this.context.emit("rowDblClick",e,t,n,r,this)}},{key:"renderCell",value:function(e,t,n,r){var o=A(e,x(t,"field",[t,e]),t);return"function"==typeof t.render?t.render(o,e,n,r):o}},{key:"isColActive",value:function(e){return"disabled"!==this.props.columnPick&&this.propActiveCols.some((function(t){return t.index===e&&t.active}))}},{key:"renderColGroup",value:function(){var t=this;return(0,i.createVNode)("colgroup",null,[(this.colgroups||[]).map((function(n,r){var o,a=(0,e.classes)({active:t.isColActive(r)}),c="".concat((o=n.calcWidth,S(o,"auto"))).replace(/px$/i,"");return(0,i.createVNode)("col",{class:a,width:c},null)}))])}}]),t}();const I=(0,i.defineComponent)({name:"Table",props:u,emits:["columnPick","rowClick","rowDblClick","pageLimitChange","pageValueChange"],setup:function(n,o){var a=(0,i.reactive)(w(n)),u=(0,i.reactive)(n.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null})}))),s=(0,i.ref)(0),p=(0,i.ref)(0),f=null,d=null,h=(0,i.reactive)({count:0,limit:10,current:1});h=j(n.pagination,h);var v=function(){if(!n.pagination||n.remotePagination)return s.value=0,void(p.value=n.data.length);s.value=(h.current-1)*h.limit,p.value=h.current*h.limit};v();var y=null,m=(0,i.ref)(),g=function(){return(n.columns||[]).map((function(e,t){return{index:t,active:a.some((function(e){return e===t})),_column:e}}))},b=(0,i.reactive)({activeColumns:g(),scrollTranslateY:0});(0,i.watch)((function(){return[n.activeColumn,n.columns]}),(function(){(0,i.nextTick)((function(){b.activeColumns=g();var e=w(n);b.activeColumns.forEach((function(t,n){Object.assign(t,{active:e.some((function(e){return e===n}))})}))}))}),{deep:!0});var C=(0,i.computed)((function(){return n.data.map((function(e,t){return Object.assign(Object.assign({},e),{__$table_row_index:t+1})}))})),T=(0,i.reactive)([]),P=function(){if(T.splice.apply(T,[0,T.length].concat(r(C.value.slice(s.value,p.value)))),"function"==typeof d){var e=T.filter((function(e,t){return d(e,t,n.data)}));T.splice.apply(T,[0,T.length].concat(r(e)))}"function"==typeof f&&T.sort(f)};(0,i.watchEffect)((function(){h=j(n.pagination,h),v(),P()}));var O=new R(n,o,b,u);O.on(q.ON_SORT_BY_CLICK,(function(e){var t=e.sortFn;f=t,T.sort(f)})).on(q.ON_FILTER_CLICK,(function(e){var t=e.filterFn;d=t,P()}));var x=(0,i.computed)((function(){return{minHeight:S(n.minHeight,"auto")}})),N=(0,i.computed)((function(){return n.pagination?n.remotePagination?h:Object.assign(Object.assign({},h),{count:n.data.length}):null})),V=(0,i.computed)((function(){var e,t=S(n.height),r=n.showHead?S(n.headHeight):"0",o=(e=n.height,!/^\d+\.?\d*(px|%)?$/.test("".concat(e))),i=n.pagination?40:0,a="calc(".concat(t," - ").concat(r," - ").concat(i,"px - 2px)");return Object.assign({display:"block"},o?{maxHeight:a}:{height:a})})),A=(0,i.computed)((function(){return(0,e.classes)(t({},(0,e.resolveClassName)("table"),!0),(i=["row"],"string"==typeof(o=n.border)&&i.push(o),Array.isArray(o)&&i.push.apply(i,r(o.filter((function(e){return l.includes(e)})))),r(new Set(i)).map((function(e){return"bordered-".concat(e)})).join(" ")));var o,i})),_=(0,e.classes)(t({},(0,e.resolveClassName)("table-head"),!0)),H=(0,e.classes)(t({},(0,e.resolveClassName)("table-body"),!0)),F=(0,e.classes)(t({},(0,e.resolveClassName)("table-footer"),!0)),E=function(e){var t=e[1];b.scrollTranslateY=t.translateY};return(0,i.onMounted)((function(){y=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=(0,k.throttle)((function(){"function"==typeof t&&t()}),n),i=new ResizeObserver((function(){o()}));return r&&"function"==typeof t&&t(),{start:function(){i.observe(e)},stop:function(){i.disconnect(),i.unobserve(e)}}}(m.value,(function(){!function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,r=(e.getBoundingClientRect()||{}).width-4,o=[],i=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];Object.assign(e,{calcWidth:t}),n&&(r-=t)<0&&(r=0)};if(t.forEach((function(e,t){var a=String(e.width),c=!0;if(/^\d+\.?\d*(px)?$/.test(a)){var l=Number(a.replace("px",""));i(e,l),c=!1}if(/^\d+\.?\d*%$/.test(a)){var u=n;if(r>0){var s=Number(a.replace("%",""));u=r*s/100}i(e,u),c=!1}c&&o.push(t)})),o.length>0){var a=n;r>0&&(a=r/o.length,o.forEach((function(e){return i(t[e],a,!1)})))}}(m.value,u,20)}),60,!0),y.start()})),(0,i.onBeforeUnmount)((function(){y.stop(),y=null,O.destroy()})),o.expose({plugins:O.plugins}),function(){return(0,i.createVNode)("div",{class:A.value,style:x.value,ref:m},[(0,i.createVNode)("div",{class:_},[O.renderTableHeadSchema()]),(0,i.createVNode)(c(),{lineHeight:n.rowHeight,class:H,style:V.value,list:T,onContentScroll:E,throttleDelay:0,enabled:n.virtualEnabled},{default:function(e){return O.renderTableBodySchema(e.data||n.data)},afterContent:function(){return(0,i.createVNode)("div",{class:(0,e.resolveClassName)("table-fixed")},null)}}),(0,i.createVNode)("div",{class:F},[n.pagination&&O.renderTableFooter(N.value)])])}}}),D=(0,e.withInstall)(I)})(),f})()));

package/lib/table/plugins/head-filter.css

@@ -0,0 +1,68 @@
+.bk-table-head-action {
+  display: flex;
+  width: 32px;
+  height: var(--row-height);
+  margin-left: 4px;
+  font-size: 12px;
+  color: #c4c6cc;
+  cursor: pointer;
+  align-items: center;
+}
+.bk-table-head-action.active {
+  color: #3a84ff;
+}
+.bk-table-head-action.opened {
+  color: inherit;
+}
+.bk-table-head-filter {
+  padding: 5px 0 0 0;
+  background-color: #fff;
+  border-radius: 2px;
+  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
+}
+.bk-table-head-filter .content-list {
+  max-width: 200px;
+  min-width: 140px;
+  overflow: auto;
+}
+.bk-table-head-filter .content-list .list-item {
+  width: 100%;
+  height: 32px;
+  padding: 0 10px;
+  font-size: 12px;
+  line-height: 32px;
+  color: #63656e;
+  text-align: left;
+}
+.bk-table-head-filter .content-list .list-item:hover {
+  background: #f0f1f5;
+}
+.bk-table-head-filter .content-footer {
+  display: flex;
+  height: 42px;
+  padding: 0 10px;
+  border-top: solid 1px #dcdee5;
+  justify-content: center;
+  align-items: center;
+}
+.bk-table-head-filter .content-footer span {
+  display: inline-flex;
+  height: 100%;
+  padding: 6px 12px;
+  font-size: 14px;
+  line-height: 22px;
+  color: #3a84ff;
+  cursor: pointer;
+  align-items: center;
+}
+.bk-table-head-filter .content-footer span.btn-filter-split {
+  width: 1px;
+  height: calc(100% - 12px);
+  padding: 6px 0;
+  cursor: default;
+  background: #f0f1f5;
+}
+.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
+  color: #979ba5;
+  cursor: not-allowed;
+}

package/lib/table/plugins/head-filter.less

@@ -0,0 +1,83 @@
+@import '../styles/themes/themes.less';
+.@{bk-prefix}-table-head-action {
+  display: flex;
+  width: 32px;
+  height: var(--row-height);
+  margin-left: 4px;
+  font-size: 12px;
+  color: #c4c6cc;
+  cursor: pointer;
+  align-items: center;
+
+  &.active {
+    color: #3a84ff;
+  }
+
+  &.opened {
+    color: inherit;
+  }
+}
+
+.@{bk-prefix}-table-head-filter {
+
+  padding: 5px 0 0 0;
+  background-color: #fff;
+  // border: 1px solid #dcdee5;
+  border-radius: 2px;
+  box-shadow: 0px 3px 6px 0px rgba(0,0,0,.10); 
+
+  .content-list {
+    max-width: 200px;
+    min-width: 140px;
+    overflow: auto;
+
+    .list-item {
+      width: 100%;
+      height: 32px;
+      padding: 0 10px;
+      font-size: 12px;
+      line-height: 32px;
+      color: #63656e;
+      text-align: left;
+
+      &:hover {
+        background: #f0f1f5;
+      }
+    }
+  }
+
+  .content-footer {
+    display: flex;
+    height: 42px;
+    padding: 0 10px;
+    border-top: solid 1px #dcdee5;
+    justify-content: center;
+    align-items: center;
+
+    span {
+      display: inline-flex;
+      height: 100%;
+      padding: 6px 12px;
+      font-size: 14px;
+      line-height: 22px;
+      color: @primary-color;
+      cursor: pointer;
+      align-items: center;
+
+      &.btn-filter-split {
+        width: 1px;
+        height: calc(100% - 12px);
+        padding: 6px 0;
+        cursor: default;
+        background: #f0f1f5;
+      }
+
+      &.btn-filter-reset {
+        &.disable {
+          color: @gray-color;
+          cursor: not-allowed;
+        }
+      }
+    }
+  }
+}

package/lib/table/plugins/head-filter.variable.css

@@ -0,0 +1,162 @@
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --disable-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 38px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 10px;
+  --input-block-color: #f4f6fa;
+  --input-icon-size: var(--font-size-large);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #575961;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+}
+.bk-table-head-action {
+  display: flex;
+  width: 32px;
+  height: var(--row-height);
+  margin-left: 4px;
+  font-size: 12px;
+  color: #c4c6cc;
+  cursor: pointer;
+  align-items: center;
+}
+.bk-table-head-action.active {
+  color: #3a84ff;
+}
+.bk-table-head-action.opened {
+  color: inherit;
+}
+.bk-table-head-filter {
+  padding: 5px 0 0 0;
+  background-color: #fff;
+  border-radius: 2px;
+  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
+}
+.bk-table-head-filter .content-list {
+  max-width: 200px;
+  min-width: 140px;
+  overflow: auto;
+}
+.bk-table-head-filter .content-list .list-item {
+  width: 100%;
+  height: 32px;
+  padding: 0 10px;
+  font-size: 12px;
+  line-height: 32px;
+  color: #63656e;
+  text-align: left;
+}
+.bk-table-head-filter .content-list .list-item:hover {
+  background: #f0f1f5;
+}
+.bk-table-head-filter .content-footer {
+  display: flex;
+  height: 42px;
+  padding: 0 10px;
+  border-top: solid 1px #dcdee5;
+  justify-content: center;
+  align-items: center;
+}
+.bk-table-head-filter .content-footer span {
+  display: inline-flex;
+  height: 100%;
+  padding: 6px 12px;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--primary-color);
+  cursor: pointer;
+  align-items: center;
+}
+.bk-table-head-filter .content-footer span.btn-filter-split {
+  width: 1px;
+  height: calc(100% - 12px);
+  padding: 6px 0;
+  cursor: default;
+  background: #f0f1f5;
+}
+.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
+  color: var(--gray-color);
+  cursor: not-allowed;
+}

package/lib/table/plugins/head-sort.css

@@ -0,0 +1,22 @@
+.bk-head-cell-sort {
+  display: flex;
+  flex-direction: column;
+  margin-left: 4px;
+  font-size: 10px;
+}
+.bk-head-cell-sort .sort-action {
+  display: flex;
+  width: 18px;
+  height: calc(var(--row-height)/2);
+  color: #c0c4cc;
+  cursor: pointer;
+}
+.bk-head-cell-sort .sort-action.active {
+  color: #3a84ff;
+}
+.bk-head-cell-sort .sort-action.sort-asc {
+  align-items: flex-end;
+}
+.bk-head-cell-sort .sort-action.sort-desc {
+  align-items: flex-start;
+}

package/lib/table/plugins/head-sort.less

@@ -0,0 +1,28 @@
+@import '../styles/themes/themes.less';
+
+.@{bk-prefix}-head-cell-sort {
+  display: flex;
+  flex-direction: column;
+  margin-left: 4px;
+  font-size: 10px;
+
+  .sort-action {
+    display: flex;
+    width: 18px;
+    height: calc(var(--row-height)/2);
+    color: #c0c4cc;
+    cursor: pointer;
+
+    &.active {
+      color: #3a84ff;
+    }
+
+    &.sort-asc {
+      align-items: flex-end;
+    }
+
+    &.sort-desc {
+      align-items: flex-start;
+    }
+  }
+}