bkui-vue 0.0.1-beta.60 → 0.0.1-beta.63

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=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})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../input"),require("../popover"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../input","../popover"],t);else{var a="object"==typeof exports?t(require("../shared"),require("vue"),require("../input"),require("../popover")):t(e["../shared"],e.vue,e["../input"],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=a},5537:e=>{"use strict";e.exports=r},4212:t=>{"use strict";t.exports=e},748:e=>{"use strict";e.exports=t}},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(4212),t=u(748),a=u(7162),r=u.n(a);Object.create,Object.create;var n=u(8133),o=u.n(n),i=u(5537),c=u.n(i);const s=(0,t.defineComponent)({name:"SliderButton",props:{modelValue:{type:Number,default:0},params:{type:Object,default:function(){return{}}}},emits:["emitChange","resetSize","update:modelValue"],setup:function(e,a){var r=a.emit,n=(0,t.ref)(!1),o=(0,t.ref)(!1),u=(0,t.ref)(0),l=(0,t.ref)(0),i=(0,t.ref)(0),s=(0,t.ref)(null),d=(0,t.ref)(e.modelValue),f=(0,t.ref)(0),p=(0,t.ref)(0),h=(0,t.ref)(!1),V=(0,t.ref)(null),y=(0,t.computed)((function(){var t,a,r="";if(null===(t=e.params.customContent)||void 0===t?void 0:t[e.modelValue]){var n=e.params.customContent[e.modelValue];r=n.tip||n.label||""}var o=e.params.vertical?"right":"top";return(null===(a=e.params)||void 0===a?void 0:a.showTip)?{content:e.params.formatterTipLabel("".concat(r||(null==e?void 0:e.modelValue)||"0")),placement:o}:{content:"",placement:o}})),b=(0,t.computed)((function(){return"".concat((e.modelValue-e.params.minValue)/(e.params.maxValue-e.params.minValue)*100,"%")})),g=(0,t.computed)((function(){return e.params.vertical?{bottom:b.value}:{left:b.value}})),w=(0,t.computed)((function(){return e.params.formatterButtonLabel(e.modelValue)})),x=function(t){e.params.disable||(t.preventDefault(),L(t),v(window,"mousemove",N),v(window,"touchmove",N),v(window,"mouseup",k),v(window,"touchend",k))},L=function(t){n.value=!0,o.value=!0,e.params.vertical?u.value=t.clientY:l.value=t.clientX,i.value=parseFloat(b.value),s.value=i.value},N=function(t){if(n.value){o.value=!1,r("resetSize");var a=0;e.params.vertical?(f.value=t.clientY,a=(u.value-f.value)/e.params.sliderSize*100):(p.value=t.clientX,a=(p.value-l.value)/e.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(t){if(null!==t&&!isNaN(t)){t<0?s.value=0:t>100&&(s.value=100);var a=100/((e.params.maxValue-e.params.minValue)/e.params.step),o=Math.round(t/a)*a*(e.params.maxValue-e.params.minValue)*.01+e.params.minValue;o=parseFloat(o.toFixed(e.params.precision)),r("update:modelValue",o),n.value||e.modelValue===d.value||(d.value=e.modelValue)}};return{renderDom:function(){return(0,t.createVNode)("div",{class:["bk-slider-button",e.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,t.createVNode)(c(),{content:y.value.content,theme:"dark",placement:y.value.placement,boundary:document.body},{default:function(){return[(0,t.createVNode)("div",{class:["slider-button",{"slider-button-disable":e.params.disable}]},null)]}}):(0,t.createVNode)("div",{class:["slider-button",{"slider-button-disable":e.params.disable}]},null),e.params.showButtonLabel&&!e.params.showIntervalLabel?(0,t.createVNode)("div",{class:["slider-button-label",e.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,t.defineComponent)({name:"Slider",props:{modelValue:e.PropTypes.oneOfType([e.PropTypes.array,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 n=this,u=a.slots,l=a.emit,i=(0,t.ref)(1),c=(0,t.ref)(null),m=(0,t.ref)(null),d=(0,t.ref)(null),f=(0,t.ref)(0),p=(0,t.ref)(0),h=(0,t.ref)(null),V=(0,t.ref)(null),y=(0,t.ref)(null),b=(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(c.value,m.value)})),x=(0,t.computed)((function(){return Math.max(c.value,m.value)})),L=(0,t.computed)((function(){return e.range?"".concat(100*(x.value-w.value)/(e.maxValue-e.minValue),"%"):"".concat(100*(c.value-e.minValue)/(e.maxValue-e.minValue),"%")})),N=(0,t.computed)((function(){return e.range?"".concat(100*(w.value-e.minValue)/(e.maxValue-e.minValue),"%"):"0%"})),k=(0,t.computed)((function(){return e.vertical?{height:L.value,bottom:N.value}:{width:L.value,left:N.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*(x.value-e.minValue)/(e.maxValue-e.minValue)})):r.filter((function(t){return t>100*(c.value-e.minValue)/(e.maxValue-e.minValue)}))})),E=(0,t.computed)((function(){return e.vertical?{height:e.height,width:"4px"}:{}})),j=(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})),B=(0,t.computed)((function(){return Array.isArray(e.modelValue)})),T=(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}})):[]})),O=(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:i.value,formatterTipLabel:e.formatterTipLabel}}));(0,t.watch)((function(){return e.modelValue}),(function(){I()})),(0,t.watch)((function(){return c.value}),(function(t){e.range?l("update:modelValue",[w.value,x.value]):l("update:modelValue",t),f.value=t})),(0,t.watch)((function(){return m.value}),(function(e){l("update:modelValue",[w.value,x.value]),p.value=e})),(0,t.onMounted)((function(){e.range?(Array.isArray(e.modelValue)?(c.value=Math.max(e.minValue,Number(e.modelValue[0])),m.value=Math.min(e.maxValue,Number(e.modelValue[1]))):(c.value=e.minValue,m.value=e.maxValue),d.value=[c.value,m.value]):("number"!=typeof e.modelValue||isNaN(e.modelValue)?c.value=e.minValue:c.value=Math.min(e.maxValue,Math.max(e.minValue,e.modelValue)),d.value=c.value),S(),v(window,"resize",S())}));var S=function(){h.value&&(i.value=h.value["client".concat(e.vertical?"Height":"Width")])},P=function(t){var a,r;if(t.stopPropagation(),!e.disable){if(S(),e.vertical){var n=null===(a=h.value)||void 0===a?void 0:a.getBoundingClientRect().bottom;F((n-t.clientY)/i.value*100)}else{var o=null===(r=h.value)||void 0===r?void 0:r.getBoundingClientRect().left;F((t.clientX-o)/i.value*100)}M()}},_=function(){return e.range?![w.value,x.value].every((function(e,t){return e===d.value[t]})):e.modelValue!==d.value},I=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?l("update:modelValue",[e.minValue,e.minValue]):t[0]>e.maxValue?l("update:modelValue",[e.maxValue,e.maxValue]):t[0]<e.minValue?l("update:modelValue",[e.minValue,t[1]]):t[1]>e.maxValue?l("update:modelValue",[t[0],e.maxValue]):(c.value=Number(t[0]),m.value=Number(t[1]),_()&&(d.value=t.slice())):e.range||"number"!=typeof t||isNaN(t)||(t<e.minValue?l("update:modelValue",e.minValue):t>e.maxValue?l("update:modelValue",e.maxValue):(c.value=t,_()&&(d.value=t)))}},M=function(){return a=n,o=void 0,u=void 0,i=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:l("change",e.range?[w.value,x.value]:e.modelValue);case 3:case"end":return a.stop()}}),a)})),new(u||(u=Promise))((function(e,t){function r(e){try{l(i.next(e))}catch(e){t(e)}}function n(e){try{l(i.throw(e))}catch(e){t(e)}}function l(t){var a;t.done?e(t.value):(a=t.value,a instanceof u?a:new u((function(e){e(a)}))).then(r,n)}l((i=i.apply(a,o||[])).next())}));var a,o,u,i},z=function(t){return e.vertical?{bottom:"".concat(t,"%")}:{left:"".concat(t,"%")}},F=function(t){if(e.range){var a=e.minValue+t*(e.maxValue-e.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(t)}else V.value.setPosition(t)},A=function(t){if(""!==t){var a=parseFloat(t);a<e.minValue?(f.value=e.minValue,c.value=e.minValue):a>e.maxValue?(f.value=e.maxValue,c.value=e.maxValue):c.value=a}},G=function(t){if(""!==t){var a=parseFloat(t);a<e.minValue?(p.value=e.minValue,m.value=e.minValue):a>e.maxValue?(p.value=e.maxValue,m.value=e.maxValue):m.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&&[c.value,m.value].includes(a)?"0":"1"};return{renderDom:function(){var a,r;return(0,t.createVNode)("div",{class:["bk-slider",e.extCls]},[null===(a=u.start)||void 0===a?void 0:a.call(u),(0,t.createVNode)("div",{class:"bk-slider-runway",ref:h,style:E.value,onClick:P},[(0,t.createVNode)("div",{class:["bk-slider-bar",e.vertical?"vertical":"horizontal",{disable:e.disable}],style:k.value},null),e.showInterval?C.value.map((function(a,r){return(0,t.createVNode)("div",{key:r,class:["bk-slider-interval",{vertical:e.vertical}],style:z(a)},null)})):void 0,e.customContent?T.value.map((function(a,r){return(0,t.createVNode)("div",{key:r,class:["bk-slider-interval",{vertical:e.vertical}],style:z(a.percent)},null)})):void 0,e.showBetweenLabel||e.showIntervalLabel||e.customContent?(0,t.createVNode)("div",{class:["bk-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?j.value.map((function(a,r){return(0,t.createVNode)("div",{class:["bk-slider-label",e.vertical?"vertical":"horizontal"],key:r,style:z(a.stepWidth)},[a.stepLabel])})):e.customContent?T.value.map((function(a,r){return(0,t.createVNode)("div",{class:["bk-slider-label",e.vertical?"vertical":"horizontal"],key:r,style:z(a.percent)},[a.label])})):void 0]):void 0,(0,t.createVNode)(s,{modelValue:c.value,"onUpdate:modelValue":function(e){return c.value=e},ref:V,params:O.value,onEmitChange:M,onResetSize:S},null),e.range?(0,t.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]),e.showInput&&!e.vertical?(0,t.createVNode)("div",{class:"bk-slider-input"},[(0,t.createVNode)("div",{class:"input-item"},[(0,t.createVNode)(o(),{type:"number",modelValue:f.value,max:e.maxValue,min:e.minValue,onChange:A},null)]),B.value&&m.value?[(0,t.createVNode)("div",{class:"input-center"},[(0,t.createTextVNode)("～")]),(0,t.createVNode)("div",{class:"input-item"},[(0,t.createVNode)(o(),{type:"number",modelValue:p.value,max:e.maxValue,min:e.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()}}),f=(0,e.withInstall)(d)})(),l})()));

package/lib/slider/slider.variable.css

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -91,6 +92,10 @@
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
 }
 .bk-slider {
   display: flex;

package/lib/steps/steps.variable.css

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -91,6 +92,10 @@
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
 }
 * {
   box-sizing: border-box;

package/lib/styles/index.d.ts

@@ -1,5 +1,6 @@
 import './reset.less';
 import '../alert/alert.less';
+import '../affix/affix.less';
 import '../backtop/backtop.less';
 import '../badge/badge.less';
 import '../breadcrumb/breadcrumb.less';
@@ -44,5 +45,7 @@ import '../pagination/pagination.less';
 import '../timeline/timeline.less';
 import '../code-diff/code-diff.less';
 import '../resize-layout/resize-layout.less';
+import '../upload/upload.less';
 import '../tag-input/tag-input.less';
 import '../container/container.less';
+import '../cascader/cascader.less';

package/lib/styles/themes/themes.less

@@ -10,6 +10,7 @@
 @gray-color: #979ba5;
 @light-gray: #c4c6cc;
 @white-color: white;
+@whitesmoke-color: #fafbfd;
 @disable-color: #dcdee5;
 
 @font-size-base: 12px;
@@ -125,3 +126,9 @@
 @table-body-font-color: #575961;
 @table-row-hover-bg-color: #f5f7fa;
 @table-row-active-bg-color: #f0f1f5;
+
+// cascader theme
+@cascader-panel-border-color: #dcdee5;
+@cascader-panel-hover: #eaf3ff;
+@cascader-panel-active: #f4f6fa;
+@cascader-panel-disabled-bg: #fff;

package/lib/switcher/switcher.variable.css

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -91,6 +92,10 @@
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/tab/index.d.ts

@@ -70,8 +70,8 @@ declare const BkTab: {
                 default: number;
             };
         }>> & {
-            onDrag?: (...args: any[]) => any;
             onChange?: (...args: any[]) => any;
+            onDrag?: (...args: any[]) => any;
             onAdd?: (...args: any[]) => any;
             "onAdd-panel"?: (...args: any[]) => any;
             "onTab-change"?: (...args: any[]) => any;
@@ -147,8 +147,8 @@ declare const BkTab: {
                 default: number;
             };
         }>> & {
-            onDrag?: (...args: any[]) => any;
             onChange?: (...args: any[]) => any;
+            onDrag?: (...args: any[]) => any;
             onAdd?: (...args: any[]) => any;
             "onAdd-panel"?: (...args: any[]) => any;
             "onTab-change"?: (...args: any[]) => any;
@@ -254,8 +254,8 @@ declare const BkTab: {
             default: number;
         };
     }>> & {
-        onDrag?: (...args: any[]) => any;
         onChange?: (...args: any[]) => any;
+        onDrag?: (...args: any[]) => any;
         onAdd?: (...args: any[]) => any;
         "onAdd-panel"?: (...args: any[]) => any;
         "onTab-change"?: (...args: any[]) => any;
@@ -330,8 +330,8 @@ declare const BkTab: {
         default: number;
     };
 }>> & {
-    onDrag?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
+    onDrag?: (...args: any[]) => any;
     onAdd?: (...args: any[]) => any;
     "onAdd-panel"?: (...args: any[]) => any;
     "onTab-change"?: (...args: any[]) => any;
@@ -429,14 +429,14 @@ declare const BkTab: {
             default: (...args: any[]) => any;
         });
     }>>, {
-        name: string | number;
         label: string | ((...args: any[]) => any);
+        name: string | number;
         closable: boolean;
         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

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

package/lib/tab/tab.d.ts

@@ -110,8 +110,8 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }>> & {
-    onDrag?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
+    onDrag?: (...args: any[]) => any;
     onAdd?: (...args: any[]) => any;
     "onAdd-panel"?: (...args: any[]) => any;
     "onTab-change"?: (...args: any[]) => any;

package/lib/tab/tab.variable.css

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -91,6 +92,10 @@
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
 }
 .bk-tab {
   position: relative;

package/lib/table/index.d.ts

@@ -3,8 +3,8 @@ declare const BkTable: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            height: string | number;
             data: any[];
+            height: string | number;
             maxHeight: string | number;
             minHeight: string | number;
             border: string[];
@@ -85,7 +85,7 @@ declare const BkTable: {
             onPageValueChange?: (...args: any[]) => any;
             onRowClick?: (...args: any[]) => any;
             onRowDblClick?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "height" | "data" | "maxHeight" | "minHeight" | "border" | "headHeight" | "pagination" | "columnPick" | "rowHeight" | "showHead" | "virtualEnabled" | "remotePagination" | "emptyText" | "settings">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "height" | "maxHeight" | "minHeight" | "border" | "headHeight" | "pagination" | "columnPick" | "rowHeight" | "showHead" | "virtualEnabled" | "remotePagination" | "emptyText" | "settings">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -166,8 +166,8 @@ declare const BkTable: {
             onRowClick?: (...args: any[]) => any;
             onRowDblClick?: (...args: any[]) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("columnPick" | "pageLimitChange" | "pageValueChange" | "rowClick" | "rowDblClick")[], string, {
-            height: string | number;
             data: any[];
+            height: string | number;
             maxHeight: string | number;
             minHeight: string | number;
             border: string[];
@@ -339,8 +339,8 @@ declare const BkTable: {
     onRowClick?: (...args: any[]) => any;
     onRowDblClick?: (...args: any[]) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("columnPick" | "pageLimitChange" | "pageValueChange" | "rowClick" | "rowDblClick")[], "columnPick" | "pageLimitChange" | "pageValueChange" | "rowClick" | "rowDblClick", {
-    height: string | number;
     data: any[];
+    height: string | number;
     maxHeight: string | number;
     minHeight: string | number;
     border: string[];

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("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","lodash","../pagination","../exception","../checkbox","../icon","../popover","../icon/","../button"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button")):t(e["../shared"],e.vue,e["../virtual-render"],e.lodash,e["../pagination"],e["../exception"],e["../checkbox"],e["../icon"],e["../popover"],e["../icon/"],e["../button"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n,o,r,i,a,l,c,u,s)=>(()=>{"use strict";var p={4976:e=>{e.exports=s},5800:e=>{e.exports=a},9911:e=>{e.exports=i},6870:e=>{e.exports=l},7685:e=>{e.exports=u},5801:e=>{e.exports=r},5537:e=>{e.exports=c},4212:t=>{t.exports=e},3511:e=>{e.exports=n},467:e=>{e.exports=o},748:e=>{e.exports=t}},d={};function f(e){var t=d[e];if(void 0!==t)return t.exports;var n=d[e]={exports:{}};return p[e](n,n.exports,f),n.exports}f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},f.d=(e,t)=>{for(var n in t)f.o(t,n)&&!f.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var h={};return(()=>{f.r(h),f.d(h,{default:()=>Y});var e=f(4212),t=f(748),n=f(3511),o=f.n(n);function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function i(e){return function(e){if(Array.isArray(e))return r(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 r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(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 a=f(467),l=["none","row","col","outer"],c=void 0,u=function(e,t,n){var o;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(o=e[t]).call.apply(o,[c].concat(i(n))):e[t]},s=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},p=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,o="";return o=/^auto|null|undefined$/gi.test("".concat(e))?t:/^\d+\.?\d+$/.test("".concat(e))?"".concat(e,"px"):e,n&&(o="calc(".concat(o," - ").concat(n,")")),o},d=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,o=e.getBoundingClientRect()||{},r=o.width,i=r-4,a=[],l=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];Object.assign(e,{calcWidth:t}),n&&(i-=t)<0&&(i=0)};if(t.forEach((function(e,t){if(!e.isHidden){var o=String(e.width),r=!0;if(/^\d+\.?\d*(px)?$/.test(o)){var c=Number(o.replace("px",""));l(e,c),r=!1}if(/^\d+\.?\d*%$/.test(o)){var u=n;if(i>0){var s=Number(o.replace("%",""));u=i*s/100}l(e,u),r=!1}r&&a.push(t)}})),a.length>0){var c=n;i>0&&(c=i/a.length,a.forEach((function(e){return l(t[e],c,!1)})))}},v=function(e){var t=e.showHead,n=e.headHeight,o=e.thead,r=void 0===o?{}:o;return Object.assign({},{isShow:t,height:n},Object.assign({},r))},y=function(e,t,n){return"index"===n.type?e.__$table_row_index:e[t]},g=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:s(e.activeColumn):Array.isArray(e.activeColumn)?s(e.activeColumn[0]):s(e.activeColumn):[]};function m(e){return m="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},m(e)}var b=function(e,t){if(e){if("object"===m(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{}};var T;!function(e){e.CURRENT="current",e.ALL="all"}(T||(T={}));var C={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(T)).def(T.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(200),maxHeight: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),emptyText:e.PropTypes.string.def("暂无数据"),settings:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.shape({fields:e.PropTypes.shape([]).def([]),checked:e.PropTypes.shape([]).def([]),limit:e.PropTypes.number.def(null),size:e.PropTypes.size(["small","default","large"]).def("default"),sizeList:e.PropTypes.shape([]).def(null)})]).def(!1)};function P(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function N(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function k(e,t,n){return t&&N(e.prototype,t),n&&N(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var x=f(5801),V=f.n(x),O=f(9911),w=f.n(O);const S=(0,t.defineComponent)({name:"BodyEmpty",props:{list:e.PropTypes.array.def([]),filterList:e.PropTypes.array.def([]),emptyText:e.PropTypes.string.def("暂无数据")},emits:["change"],setup:function(e,n){var o=n.slots,r=(0,t.computed)((function(){return 0===e.list.length?"empty":"search-empty"}));return function(){var n,i;return(0,t.createVNode)(w(),{scene:"part",type:r.value},{default:function(){return[null!==(i=null===(n=o.default)||void 0===n?void 0:n.call(o))&&void 0!==i?i:e.emptyText]}})}}});function j(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var H=f(5800),A=f.n(H),E=f(6870),_=f(5537),F=f.n(_);const q=(0,t.defineComponent)({name:"HeadFilter",props:{column:e.PropTypes.any.def({}),height:e.PropTypes.number.def(40)},emits:["change"],setup:function(n,o){var r=o.emit,a=n.column,l=(0,t.ref)(!1),c=(0,t.reactive)({isOpen:!1,checked:[]}),s=(0,t.computed)((function(){var t;return(0,e.classes)((j(t={},(0,e.resolveClassName)("table-head-action"),!0),j(t,"column-filter",!0),j(t,"--row-height","".concat(n.height,"px")),j(t,"active",c.checked.length),j(t,"opened",c.isOpen),t))})),p=(0,e.classes)(j({},(0,e.resolveClassName)("table-head-filter"),!0)),d=function(e){c.isOpen=e},f=[{name:"offset",options:{offset:[0,0]}}],h="light ".concat((0,e.resolveClassName)("table-head-filter")),v=(0,t.computed)((function(){var e=a.filter.list;return(void 0===e?[]:e).map((function(e){return Object.assign(Object.assign({},e),{checked:c.checked.includes(e.value)})}))})),g="function"==typeof a.filter.filterFn?function(e,t,o,r){return a.filter.filterFn(e,t,n.column,o,r)}:function(e,t){return!e.length||e.includes(y(t,u(a,"field",[a,t]),a))},m=function(){r("change",i(c.checked),g),l.value=!1},b=function(){c.checked.length&&(c.checked.splice(0,c.checked.length),l.value=!1,(0,t.nextTick)((function(){return r("change",c.checked,g)})))};return function(){return(0,t.createVNode)(F(),(0,t.mergeProps)({trigger:"click",isShow:l.value,placement:"bottom-end",stopBehaviors:["stopPropagation"],arrow:!1},{modifiers:f,theme:h},{boundary:document.body,onAfterShow:function(){return d(!0)},onAfterHidden:function(){return d(!1)}}),{default:function(){return(0,t.createVNode)(E.AngleDownLine,{class:s.value,onClick:function(){return l.value=!0}},null)},content:function(){var e,n;return(0,t.createVNode)("div",{class:p},[(0,t.createVNode)(H.BkCheckboxGroup,{class:"content-list",modelValue:c.checked,"onUpdate:modelValue":function(e){return c.checked=e}},(n=e=v.value.map((function(e){return(0,t.createVNode)("div",{class:"list-item"},[(0,t.createVNode)(A(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof n||"[object Object]"===Object.prototype.toString.call(n)&&!(0,t.isVNode)(n)?e:{default:function(){return[e]}})),(0,t.createVNode)("div",{class:"content-footer"},[(0,t.createVNode)("span",{class:"btn-filter-save",onClick:m},[(0,t.createTextVNode)("确定")]),(0,t.createVNode)("span",{class:"btn-filter-split"},null),(0,t.createVNode)("span",{class:["btn-filter-reset",c.checked.length?"":"disable"],onClick:b},[(0,t.createTextVNode)("重置")])])])}})}}});var L,R=f(7685);!function(e){e.ASC="asc",e.DESC="desc"}(L||(L={}));const I=(0,t.defineComponent)({name:"HeadSort",props:{column:e.PropTypes.any.def({})},emits:["change"],setup:function(n,o){var r=o.emit,i=(0,t.ref)(""),a=function(e,t){var o,a;e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault(),i.value=t;var l=n.column.field,c=function(e){return y(e,l,n.column)},u="function"==typeof(null===(o=n.column.sort)||void 0===o?void 0:o.sortFn)?null===(a=n.column.sort)||void 0===a?void 0:a.sortFn:function(e,t){var n=c(e),o=c(t);return"number"==typeof n&&"number"==typeof o?n-o:String.prototype.localeCompare.call(n,o)};r("change",(function(e,n){return u(e,n)*(t===L.DESC?-1:1)}),t)};return function(){return(0,t.createVNode)("span",{class:(0,e.resolveClassName)("head-cell-sort")},[(0,t.createVNode)(R.AngleDownFill,{class:["sort-action","sort-asc",i.value===L.ASC?"active":""],onClick:function(e){return a(e,L.ASC)}},null),(0,t.createVNode)(R.AngleUpFill,{class:["sort-action","sort-desc",i.value===L.DESC?"active":""],onClick:function(e){return a(e,L.DESC)}},null)])}}});var D=k((function e(t,n){P(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n})),B=f(4976),z=f.n(B);function $(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,t.isVNode)(e)}const G=(0,t.defineComponent)({name:"Settings",props:{settings:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.shape({fields:e.PropTypes.shape([]).def([]),checked:e.PropTypes.shape([]).def([]),limit:e.PropTypes.number.def(null),size:e.PropTypes.string.def(null)})]).def(!1),columns:e.PropTypes.array.def([]),rowHeight:e.PropTypes.number.def(40)},emits:["change"],setup:function(n,o){var r,i,a,l=o.emit,c=[{value:"small",label:"小",height:32},{value:"default",label:"中",height:n.rowHeight},{value:"large",label:"大",height:56}],s=[{name:"offset",options:{offset:[10,10]}}],p=(0,t.ref)(!1),d=n.settings,f=(0,t.ref)(null!==(r=d.size)&&void 0!==r?r:"default"),h=(0,t.ref)(n.rowHeight),v=(0,t.ref)(null!==(i=d.checked)&&void 0!==i?i:[]),y=(0,e.resolveClassName)("table-settings"),g="light ".concat(y),m=function(){l("change",{checked:v.value,size:f.value,height:h.value}),p.value=!1},b=function(){var e;f.value="default",h.value=n.rowHeight,v.value=null!==(e=d.checked)&&void 0!==e?e:[],p.value=!1},T=function(){p.value=!0},C=function(){var e,t;v.value=(null!==(t=null!==(e=d.fields)&&void 0!==e?e:n.columns)&&void 0!==t?t:[]).map((function(e,t){return u(e,"field",[e,t])}))},P=(0,t.computed)((function(){var e;return(null!==(e=d.limit)&&void 0!==e?e:0)>0})),N=null!==(a=d.sizeList)&&void 0!==a?a:c,k=(0,t.computed)((function(){var e;return P.value&&(null!==(e=d.limit)&&void 0!==e?e:0)<=v.value.length})),x=function(e,t){return k.value&&!v.value.includes(u(e,"field",[e,t]))},V=function(e){return{"line-size":!0,"is-default":"default"===f.value,active:e.value===f.value}},O={width:"85px",marginRight:"5px"};return function(){return(0,t.createVNode)(F(),(0,t.mergeProps)({trigger:"manual",isShow:p.value,placement:"bottom-end",arrow:!1},{modifiers:s,theme:g},{boundary:document.body}),{default:function(){return(0,t.createVNode)(R.CogShape,{style:"color: rgba(99,101,110, 0.6);",onClick:T},null)},content:function(){var e,o,r;return(0,t.createVNode)("div",{class:"setting-content"},[(0,t.createVNode)("div",{class:"setting-head"},[(0,t.createVNode)("h2",null,[(0,t.createTextVNode)("表格设置")]),(0,t.createVNode)(R.CloseLine,{class:"icon-close-action",onClick:b},null)]),(0,t.createVNode)("div",{class:"setting-body"},[(0,t.createVNode)("div",{class:"setting-body-title"},[(0,t.createVNode)("div",null,[(0,t.createVNode)("span",null,[(0,t.createTextVNode)("字段显示设置")]),P.value?(0,t.createVNode)("span",{class:"limit"},[(0,t.createTextVNode)("（最多"),d.limit,(0,t.createTextVNode)("项）")]):""]),P.value?"":(0,t.createVNode)("span",{class:"check-all",onClick:C},[(0,t.createTextVNode)("全选")])]),(0,t.createVNode)(H.BkCheckboxGroup,{class:"setting-body-fields",modelValue:v.value,"onUpdate:modelValue":function(e){return v.value=e}},$(e=(null!==(r=null!==(o=d.fields)&&void 0!==o?o:n.columns)&&void 0!==r?r:[]).map((function(e,n){var o;return(0,t.createVNode)("div",{class:"field-item"},[(0,t.createVNode)(A(),{label:u(e,"field",[e,n]),disabled:x(e,n)},$(o=u(e,"label",[e,n]))?o:{default:function(){return[o]}})])})))?e:{default:function(){return[e]}}),(0,t.createVNode)("div",{class:"setting-body-line-height"},[(0,t.createTextVNode)("表格行高："),N.map((function(e){return(0,t.createVNode)("span",{class:V(e),onClick:function(){return function(e){f.value=e.value,h.value=e.height}(e)}},[e.label])}))])]),(0,t.createVNode)("div",{class:"setting-footer"},[(0,t.createVNode)(z(),{theme:"primary",style:O,onClick:m},{default:function(){return[(0,t.createTextVNode)("确定")]}}),(0,t.createVNode)(z(),{style:O,onClick:b},{default:function(){return[(0,t.createTextVNode)("取消")]}})])])}})}}});var M;!function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange"}(M||(M={}));var U=function(){function n(t,o,r,i){var a=this;P(this,n),this.getRowHeight=function(e,t){var n=a.setting,o=n.size;return null!=n.height?u(a.setting,"height",["tbody",e,t,o]):u(a.props,"rowHeight",["tbody",e,t])},this.getColumnClass=function(e){return"".concat(a.uuid,"-column-").concat(e)},this.props=t,this.context=o,this.reactiveProp=r,this.colgroups=i,this.plugins=new D(t,o),this.uuid=(0,e.random)(8),this.events=new Map}return k(n,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=this,n=v(this.props).isShow;return void 0===n||n?[this.props.settings?(0,t.createVNode)(G,{class:"table-head-settings",settings:this.props.settings,columns:this.props.columns,rowHeight:this.props.rowHeight,onChange:function(t){var n=t.checked,o=void 0===n?[]:n,r=t.size,i=t.height;e.reactiveProp.setting.size=r,e.reactiveProp.setting.height=i,o.length&&e.colgroups.forEach((function(e){e.isHidden=!(null!=o?o:[]).includes(u(e,"field",[e]))})),e.emitEvent(M.ON_SETTING_CHANGE,[t])}},null):"",(0,t.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])]:null}},{key:"renderTableBodySchema",value:function(e){return(0,t.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderTBody(e)])}},{key:"renderTableFooter",value:function(e){var n=this;return(0,t.createVNode)(V(),(0,t.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return n.handlePageLimitChange(e)},onChange:function(e){return n.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,n){var o=this;return(0,t.createVNode)(I,{column:e,onChange:function(t,r){o.emitEvent(M.ON_SORT_BY_CLICK,[{sortFn:t,column:e,index:n,type:r}])}},null)}},{key:"getFilterCell",value:function(e,n){var o=this;return(0,t.createVNode)(q,{column:e,height:this.props.headHeight,onChange:function(t,r){o.emitEvent(M.ON_FILTER_CLICK,[{filterFn:function(e,n){return r(t,e,n)},checked:t,column:e,index:n}])}},null)}},{key:"renderHeader",value:function(){var n=this,o=v(this.props),r=o.cellFn,i={"--row-height":"".concat(u(o,"height",["thead"]),"px")},a=function(e,t){var o=[];return e.sort&&o.push(n.getSortCell(e,t)),e.filter&&o.push(n.getFilterCell(e,t)),"function"==typeof r?(o.unshift(r(e,t)),o):(o.unshift(u(e,"label",[e,t])),o)};return(0,t.createVNode)("thead",{style:i},[(0,t.createVNode)("tr",null,[this.filterColgroups.map((function(o,r){return(0,t.createVNode)("th",{colspan:1,rowspan:1,class:(0,e.classes)({active:n.isColActive(r)}),onClick:function(){return n.handleColumnHeadClick(r)}},[(0,t.createVNode)("div",{class:"cell"},[a(o,r)])])}))])])}},{key:"renderTBody",value:function(e){var n,o,r,i=this;return(0,t.createVNode)("tbody",null,[e.length?e.map((function(n,o){var r={"--row-height":"".concat(i.getRowHeight(n,o),"px")};return(0,t.createVNode)("tr",{style:r,onClick:function(t){return i.handleRowClick(t,n,o,e)},onDblclick:function(t){return i.handleRowDblClick(t,n,o,e)}},[i.filterColgroups.map((function(r,a){return(0,t.createVNode)("td",{class:i.getColumnClass(a),colspan:1,rowspan:1},[(0,t.createVNode)("div",{class:"cell"},[i.renderCell(n,r,o,e)])])}))])})):(0,t.createVNode)("tr",null,[(0,t.createVNode)("td",{colspan:this.props.columns.length,class:"empty-cell"},[null!==(r=null===(o=(n=this.context.slots).empty)||void 0===o?void 0:o.call(n))&&void 0!==r?r:(0,t.createVNode)(S,{filterList:e,list:this.props.data,emptyText:this.props.emptyText},null)])])])}},{key:"handleRowClick",value:function(e,t,n,o){this.context.emit("rowClick",e,t,n,o,this)}},{key:"handleRowDblClick",value:function(e,t,n,o){this.context.emit("rowDblClick",e,t,n,o,this)}},{key:"renderCell",value:function(e,t,n,o){var r=y(e,u(t,"field",[t,e]),t);return"function"==typeof t.render?t.render(r,e,n,o):r}},{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 n=this;return(0,t.createVNode)("colgroup",null,[(this.filterColgroups||[]).map((function(o,r){var i,a=(0,e.classes)({active:n.isColActive(r)}),l="".concat((i=o.calcWidth,p(i,"auto"))).replace(/px$/i,"");return(0,t.createVNode)("col",{class:a,width:l},null)}))])}},{key:"filterColgroups",get:function(){return this.colgroups.filter((function(e){return!e.isHidden}))}},{key:"setting",get:function(){return this.reactiveProp.setting}}]),n}();const K=(0,t.defineComponent)({name:"Table",props:C,emits:["columnPick","rowClick","rowDblClick","pageLimitChange","pageValueChange"],setup:function(n,r){var c=(0,t.reactive)(n.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null})}))),s=null,f=null,h=null,y=(0,t.ref)(),m=(0,t.ref)(),T=function(e){var n=(0,t.reactive)([]);if("disabled"===e.columnPick)return{activeColumns:n};var o=(0,t.reactive)(g(e));return(0,t.watchEffect)((function(){n=(e.columns||[]).map((function(e,t){return{index:t,active:o.some((function(e){return e===t})),_column:e}}));var t=g(e);n.forEach((function(e,n){Object.assign(e,{active:t.some((function(e){return e===n}))})}))})),{activeColumns:n}}(n).activeColumns,C=function(e){var n=(0,t.ref)(0),o=(0,t.ref)(0),r=(0,t.computed)((function(){return e.data.map((function(e,t){return Object.assign(Object.assign({},e),{__$table_row_index:t+1})}))})),a=(0,t.reactive)({count:0,limit:10,current:1});a=b(e.pagination,a);var l=(0,t.reactive)([]),c=function(t,a){l.splice.apply(l,[0,l.length].concat(i(r.value.slice(n.value,o.value)))),function(t){if("function"==typeof t){var n=l.filter((function(n,o){return t(n,o,e.data)}));l.splice.apply(l,[0,l.length].concat(i(n)))}}(t),function(e){"function"==typeof e&&l.sort(e)}(a)},u=(0,t.computed)((function(){return e.pagination?e.remotePagination?a:Object.assign(Object.assign({},a),{count:e.data.length}):null}));return{pageData:l,localPagination:u,resolvePageData:c,watchEffectFn:function(t,r){a=b(e.pagination,a),function(){if(!e.pagination||e.remotePagination)return n.value=0,void(o.value=e.data.length);n.value=(a.current-1)*a.limit,o.value=a.current*a.limit}(),c(t,r)}}}(n),P=C.pageData,N=C.localPagination,k=C.resolvePageData,x=C.watchEffectFn,V=function(n,o){var r=(0,t.ref)(200),a=(0,t.computed)((function(){return(0,e.classes)(j({},(0,e.resolveClassName)("table"),!0),(o=["row"],"string"==typeof(t=n.border)&&o.push(t),Array.isArray(t)&&o.push.apply(o,i(t.filter((function(e){return l.includes(e)})))),i(new Set(o)).map((function(e){return"bordered-".concat(e)})).join(" ")));var t,o})),c=(0,e.classes)(j({},(0,e.resolveClassName)("table-head"),!0)),s=v(n),d={"--row-height":"".concat(u(s,"height",["thead"]),"px")},f=(0,e.classes)(j({},(0,e.resolveClassName)("table-body"),!0)),h=(0,t.computed)((function(){var t;return(0,e.classes)((j(t={},(0,e.resolveClassName)("table-footer"),!0),j(t,"is-hidden",!n.pagination||!n.data.length),t))})),y=(0,t.computed)((function(){return{minHeight:p(n.minHeight,"auto")}})),g=function(e,t){var n=String(e);return/^\d+\.?\d*$/.test(n)?Number(n):/^\d+\.?\d*px$/gi.test(n)?Number(n.replace("px","")):/^\d+\.?\d*%$/gi.test(n)?t*Number(n.replace("%",""))/100:t},m=(0,t.computed)((function(){var e=g(n.height,r.value),t=n.showHead?g(n.headHeight,40)+2:0,o=g(n.maxHeight,r.value),i=g(n.minHeight,r.value),a=n.pagination&&n.data.length?40:0,l=e-t-a,c=o-t-a,u=i-t-a,s="auto"!==n.height?"".concat(l,"px"):"auto";return{display:"block","max-height":"".concat(c,"px"),"min-height":"".concat(u,"px"),height:s}}));(0,t.onMounted)((function(){b(null==o?void 0:o.value)}));var b=function(e){if(e){var t=e.parentElement.getBoundingClientRect().height;r.value=t}};return{tableClass:a,headClass:c,contentClass:f,footerClass:h,wrapperStyle:y,contentStyle:m,headStyle:d,resetTableHeight:b}}(n),O=V.tableClass,w=V.headClass,S=V.contentClass,H=V.footerClass,A=V.wrapperStyle,E=V.contentStyle,_=V.headStyle,F=V.resetTableHeight,q=(0,t.reactive)({scrollTranslateY:0,activeColumns:T,setting:{size:null,height:null}}),L=new U(n,r,q,c);(0,t.watchEffect)((function(){x(f,s)})),L.on(M.ON_SORT_BY_CLICK,(function(e){var t=e.sortFn;s=t,P.sort(s)})).on(M.ON_FILTER_CLICK,(function(e){var t=e.filterFn;k(f=t,s)})).on(M.ON_SETTING_CHANGE,(function(e){var t,n,o=e.checked;(void 0===o?[]:o).length&&d(y.value,c,20),null===(n=null===(t=m.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t)}));var R=function(e){var t=e[1];q.scrollTranslateY=t.translateY};return(0,t.onMounted)((function(){h=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,o=arguments.length>3&&void 0!==arguments[3]&&arguments[3],r=(0,a.throttle)((function(){"function"==typeof t&&t()}),n),i=new ResizeObserver((function(){r()}));return o&&"function"==typeof t&&t(),{start:function(){i.observe(e)},stop:function(){i.disconnect(),i.unobserve(e)}}}(y.value,(function(){d(y.value,c,20),F(y.value)}),60,!0),h.start()})),(0,t.onBeforeUnmount)((function(){h.stop(),h=null,L.destroy()})),r.expose({plugins:L.plugins}),function(){return(0,t.createVNode)("div",{class:O.value,style:A.value,ref:y},[(0,t.createVNode)("div",{class:w,style:_},[L.renderTableHeadSchema()]),(0,t.createVNode)(o(),{ref:m,lineHeight:L.getRowHeight,class:S,style:E.value,list:P,onContentScroll:R,throttleDelay:0,enabled:n.virtualEnabled},{default:function(e){return L.renderTableBodySchema(e.data||n.data)},afterContent:function(){return(0,t.createVNode)("div",{class:(0,e.resolveClassName)("table-fixed")},null)}}),(0,t.createVNode)("div",{class:H.value},[n.pagination&&n.data.length&&L.renderTableFooter(N.value)])])}}}),Y=(0,e.withInstall)(K)})(),h})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","lodash","../pagination","../exception","../checkbox","../icon","../popover","../icon/","../button"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button")):t(e["../shared"],e.vue,e["../virtual-render"],e.lodash,e["../pagination"],e["../exception"],e["../checkbox"],e["../icon"],e["../popover"],e["../icon/"],e["../button"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n,r,o,i,a,l,c,s,u)=>(()=>{"use strict";var d={4976:e=>{e.exports=u},5800:e=>{e.exports=a},9911:e=>{e.exports=i},6870:e=>{e.exports=l},7685:e=>{e.exports=s},5801:e=>{e.exports=o},5537:e=>{e.exports=c},4212:t=>{t.exports=e},3511:e=>{e.exports=n},467:e=>{e.exports=r},748:e=>{e.exports=t}},p={};function f(e){var t=p[e];if(void 0!==t)return t.exports;var n=p[e]={exports:{}};return d[e](n,n.exports,f),n.exports}f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},f.d=(e,t)=>{for(var n in t)f.o(t,n)&&!f.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var v={};return(()=>{f.r(v),f.d(v,{default:()=>Y});var e=f(4212),t=f(748),n=f(3511),r=f.n(n);function o(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 i(e){return function(e){if(Array.isArray(e))return o(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 o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(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 a=f(467),l=["none","row","col","outer"],c=void 0,s=function(e,t,n){var r;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(r=e[t]).call.apply(r,[c].concat(i(n))):e[t]},u=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},d=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},p=function(e){var t,n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["resizeWidth","calcWidth","width"];return null!==(n=null!==(t=e[r[0]])&&void 0!==t?t:e[r[1]])&&void 0!==n?n:e[r[2]]},h=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,r=e.getBoundingClientRect()||{},o=r.width,i=o-4,a=[],l=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];Object.assign(e,{calcWidth:t}),n&&(i-=t)<0&&(i=0)};if(t.forEach((function(e,t){if(!e.isHidden){var r=String(p(e)),o=!0;if(/^\d+\.?\d*(px)?$/.test(r)){var c=Number(r.replace("px",""));l(e,c),o=!1}if(/^\d+\.?\d*%$/.test(r)){var s=n;if(i>0){var u=Number(r.replace("%",""));s=i*u/100}l(e,s),o=!1}o&&a.push(t)}})),a.length>0){var c=n;i>0&&(c=i/a.length,a.forEach((function(e){return l(t[e],c,!1)})))}},g=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))},y=function(e,t,n){return"index"===n.type?e.__$table_row_index:e[t]},m=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:u(e.activeColumn):Array.isArray(e.activeColumn)?u(e.activeColumn[0]):u(e.activeColumn):[]};function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const T=function(n,r){var o=(0,t.computed)((function(){return n.pagination&&n.data.length?40:0})),i=function(e){return"right"===e.fixed?"right":"left"},a={left:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return r.filter((function(e){return e.fixed&&"right"!==e.fixed})).reduce((function(t,n,r){return e&&0===r?t:t+p(n)}),0)},right:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return r.filter((function(e){return"right"===e.fixed})).reduce((function(t,n,r){return e&&0===r?t:t+p(n)}),0)}},l=a.right;return{renderFixedColumns:function(){var e=function(e){return{width:"".concat(a[e](!1),"px"),bottom:"".concat(o.value,"px")}},n={left:!1,right:!1};return r.filter((function(e){return!e.isHidden&&e.fixed})).map((function(r){var o,a=i(r),l=n[a];return n[a]=!0,l?"":(0,t.createVNode)("div",{class:(o=r,{column_fixed:!!o.fixed,column_fixed_left:"right"!==o.fixed,column_fixed_right:"right"===o.fixed}),style:e(a)},null)}))},fixedWrapperClass:(0,e.resolveClassName)("table-fixed"),getFixedColumnStyleResolve:function(){return{fixedoffset:{left:0,right:l(!0)},resolveFixedColumnStyle:function(e,t){if(!e.fixed)return{};var n=i(e),r="right"===n?-1:1,o="".concat(t[n],"px");return t[n]=t[n]+p(e)*r,b({},n,o)}}}}};function C(e){return C="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},C(e)}var P=function(e,t){if(e){if("object"===C(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{}};var x;!function(e){e.CURRENT="current",e.ALL="all"}(x||(x={}));var N={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"),resizable:e.PropTypes.bool.def(!0),fixed:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.commonType(["left","right"],"fixed")]).def(!1),sort:e.PropTypes.oneOfType([e.PropTypes.shape({sortFn:e.PropTypes.func.def(void 0),sortScope:e.PropTypes.commonType(Object.values(x)).def(x.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(void 0)}),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(200),maxHeight: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(void 0)}),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),emptyText:e.PropTypes.string.def("暂无数据"),settings:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.shape({fields:e.PropTypes.shape([]).def(void 0),checked:e.PropTypes.shape([]).def(void 0),limit:e.PropTypes.number.def(void 0),size:e.PropTypes.size(["small","default","large"]).def("default"),sizeList:e.PropTypes.shape([]).def(void 0)})]).def(!1)};function k(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function O(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&&O(e.prototype,t),n&&O(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var w=f(5801),S=f.n(w),E=f(9911),_=f.n(E);const j=(0,t.defineComponent)({name:"BodyEmpty",props:{list:e.PropTypes.array.def([]),filterList:e.PropTypes.array.def([]),emptyText:e.PropTypes.string.def("暂无数据")},emits:["change"],setup:function(e,n){var r=n.slots,o=(0,t.computed)((function(){return 0===e.list.length?"empty":"search-empty"}));return function(){var n,i;return(0,t.createVNode)(_(),{scene:"part",type:o.value},{default:function(){return[null!==(i=null===(n=r.default)||void 0===n?void 0:n.call(r))&&void 0!==i?i:e.emptyText]}})}}});var H=f(5800),A=f.n(H),F=f(6870),R=f(5537),L=f.n(R);const z=(0,t.defineComponent)({name:"HeadFilter",props:{column:e.PropTypes.any.def({}),height:e.PropTypes.number.def(40)},emits:["change"],setup:function(n,r){var o=r.emit,a=n.column,l=(0,t.ref)(!1),c=(0,t.reactive)({isOpen:!1,checked:[]}),u=(0,t.computed)((function(){var t;return(0,e.classes)((b(t={},(0,e.resolveClassName)("table-head-action"),!0),b(t,"column-filter",!0),b(t,"--row-height","".concat(n.height,"px")),b(t,"active",c.checked.length),b(t,"opened",c.isOpen),t))})),d=(0,e.classes)(b({},(0,e.resolveClassName)("table-head-filter"),!0)),p=function(e){c.isOpen=e},f=[{name:"offset",options:{offset:[0,0]}}],v="light ".concat((0,e.resolveClassName)("table-head-filter")),h=(0,t.computed)((function(){var e=a.filter.list;return(void 0===e?[]:e).map((function(e){return Object.assign(Object.assign({},e),{checked:c.checked.includes(e.value)})}))})),g="function"==typeof a.filter.filterFn?function(e,t,r,o){return a.filter.filterFn(e,t,n.column,r,o)}:function(e,t){return!e.length||e.includes(y(t,s(a,"field",[a,t]),a))},m=function(){o("change",i(c.checked),g),l.value=!1},T=function(){c.checked.length&&(c.checked.splice(0,c.checked.length),l.value=!1,(0,t.nextTick)((function(){return o("change",c.checked,g)})))};return function(){return(0,t.createVNode)(L(),(0,t.mergeProps)({trigger:"click",isShow:l.value,placement:"bottom-end",stopBehaviors:["stopPropagation"],arrow:!1},{modifiers:f,theme:v},{boundary:document.body,onAfterShow:function(){return p(!0)},onAfterHidden:function(){return p(!1)}}),{default:function(){return(0,t.createVNode)(F.AngleDownLine,{class:u.value,onClick:function(){return l.value=!0}},null)},content:function(){var e,n;return(0,t.createVNode)("div",{class:d},[(0,t.createVNode)(H.BkCheckboxGroup,{class:"content-list",modelValue:c.checked,"onUpdate:modelValue":function(e){return c.checked=e}},(n=e=h.value.map((function(e){return(0,t.createVNode)("div",{class:"list-item"},[(0,t.createVNode)(A(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof n||"[object Object]"===Object.prototype.toString.call(n)&&!(0,t.isVNode)(n)?e:{default:function(){return[e]}})),(0,t.createVNode)("div",{class:"content-footer"},[(0,t.createVNode)("span",{class:"btn-filter-save",onClick:m},[(0,t.createTextVNode)("确定")]),(0,t.createVNode)("span",{class:"btn-filter-split"},null),(0,t.createVNode)("span",{class:["btn-filter-reset",c.checked.length?"":"disable"],onClick:T},[(0,t.createTextVNode)("重置")])])])}})}}});var q,D=f(7685);!function(e){e.ASC="asc",e.DESC="desc"}(q||(q={}));const M=(0,t.defineComponent)({name:"HeadSort",props:{column:e.PropTypes.any.def({})},emits:["change"],setup:function(n,r){var o=r.emit,i=(0,t.ref)(""),a=function(e,t){var r,a;e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault(),i.value=t;var l=n.column.field,c=function(e){return y(e,l,n.column)},s="function"==typeof(null===(r=n.column.sort)||void 0===r?void 0:r.sortFn)?null===(a=n.column.sort)||void 0===a?void 0:a.sortFn:function(e,t){var n=c(e),r=c(t);return"number"==typeof n&&"number"==typeof r?n-r:String.prototype.localeCompare.call(n,r)};o("change",(function(e,n){return s(e,n)*(t===q.DESC?-1:1)}),t)};return function(){return(0,t.createVNode)("span",{class:(0,e.resolveClassName)("head-cell-sort")},[(0,t.createVNode)(D.AngleDownFill,{class:["sort-action","sort-asc",i.value===q.ASC?"active":""],onClick:function(e){return a(e,q.ASC)}},null),(0,t.createVNode)(D.AngleUpFill,{class:["sort-action","sort-desc",i.value===q.DESC?"active":""],onClick:function(e){return a(e,q.DESC)}},null)])}}});var I=V((function e(t,n){k(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n})),B=f(4976),U=f.n(B);function W(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,t.isVNode)(e)}const X=(0,t.defineComponent)({name:"Settings",props:{settings:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.shape({fields:e.PropTypes.shape([]).def(void 0),checked:e.PropTypes.shape([]).def(void 0),limit:e.PropTypes.number.def(void 0),size:e.PropTypes.string.def(void 0)})]).def(!1),columns:e.PropTypes.array.def([]),rowHeight:e.PropTypes.number.def(40)},emits:["change"],setup:function(n,r){var o,i,a,l=r.emit,c=[{value:"small",label:"小",height:32},{value:"default",label:"中",height:n.rowHeight},{value:"large",label:"大",height:56}],u=[{name:"offset",options:{offset:[10,10]}}],d=(0,t.ref)(!1),p=n.settings,f=(0,t.ref)(null!==(o=p.size)&&void 0!==o?o:"default"),v=(0,t.ref)(n.rowHeight),h=(0,t.ref)(null!==(i=p.checked)&&void 0!==i?i:[]),g=(0,e.resolveClassName)("table-settings"),y="light ".concat(g),m=function(){l("change",{checked:h.value,size:f.value,height:v.value}),d.value=!1},b=function(){var e;f.value="default",v.value=n.rowHeight,h.value=null!==(e=p.checked)&&void 0!==e?e:[],d.value=!1},T=function(){d.value=!0},C=function(){var e,t;h.value=(null!==(t=null!==(e=p.fields)&&void 0!==e?e:n.columns)&&void 0!==t?t:[]).map((function(e,t){return s(e,"field",[e,t])}))},P=(0,t.computed)((function(){var e;return(null!==(e=p.limit)&&void 0!==e?e:0)>0})),x=null!==(a=p.sizeList)&&void 0!==a?a:c,N=(0,t.computed)((function(){var e;return P.value&&(null!==(e=p.limit)&&void 0!==e?e:0)<=h.value.length})),k=function(e,t){return N.value&&!h.value.includes(s(e,"field",[e,t]))},O=function(e){return{"line-size":!0,"is-default":"default"===f.value,active:e.value===f.value}},V={width:"85px",marginRight:"5px"};return function(){return(0,t.createVNode)(L(),(0,t.mergeProps)({trigger:"manual",isShow:d.value,placement:"bottom-end",arrow:!1},{modifiers:u,theme:y},{boundary:document.body}),{default:function(){return(0,t.createVNode)(D.CogShape,{style:"color: rgba(99,101,110, 0.6);",onClick:T},null)},content:function(){var e,r,o;return(0,t.createVNode)("div",{class:"setting-content"},[(0,t.createVNode)("div",{class:"setting-head"},[(0,t.createVNode)("h2",null,[(0,t.createTextVNode)("表格设置")]),(0,t.createVNode)(D.CloseLine,{class:"icon-close-action",onClick:b},null)]),(0,t.createVNode)("div",{class:"setting-body"},[(0,t.createVNode)("div",{class:"setting-body-title"},[(0,t.createVNode)("div",null,[(0,t.createVNode)("span",null,[(0,t.createTextVNode)("字段显示设置")]),P.value?(0,t.createVNode)("span",{class:"limit"},[(0,t.createTextVNode)("（最多"),p.limit,(0,t.createTextVNode)("项）")]):""]),P.value?"":(0,t.createVNode)("span",{class:"check-all",onClick:C},[(0,t.createTextVNode)("全选")])]),(0,t.createVNode)(H.BkCheckboxGroup,{class:"setting-body-fields",modelValue:h.value,"onUpdate:modelValue":function(e){return h.value=e}},W(e=(null!==(o=null!==(r=p.fields)&&void 0!==r?r:n.columns)&&void 0!==o?o:[]).map((function(e,n){var r;return(0,t.createVNode)("div",{class:"field-item"},[(0,t.createVNode)(A(),{label:s(e,"field",[e,n]),disabled:k(e,n)},W(r=s(e,"label",[e,n]))?r:{default:function(){return[r]}})])})))?e:{default:function(){return[e]}}),(0,t.createVNode)("div",{class:"setting-body-line-height"},[(0,t.createTextVNode)("表格行高："),x.map((function(e){return(0,t.createVNode)("span",{class:O(e),onClick:function(){return function(e){f.value=e.value,v.value=e.height}(e)}},[e.label])}))])]),(0,t.createVNode)("div",{class:"setting-footer"},[(0,t.createVNode)(U(),{theme:"primary",style:V,onClick:m},{default:function(){return[(0,t.createTextVNode)("确定")]}}),(0,t.createVNode)(U(),{style:V,onClick:b},{default:function(){return[(0,t.createTextVNode)("取消")]}})])])}})}}});var $;!function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange"}($||($={}));var G=function(){function n(t,r,o,i){var a=this;k(this,n),this.getRowHeight=function(e,t){var n=a.setting,r=n.size;return null!=n.height?s(a.setting,"height",["tbody",e,t,r]):s(a.props,"rowHeight",["tbody",e,t])},this.getColumnClass=function(e,t){var n;return b(n={},"".concat(a.uuid,"-column-").concat(t),!0),b(n,"column_fixed",!!e.fixed),b(n,"column_fixed_left",!!e.fixed),b(n,"column_fixed_right","right"===e.fixed),n},this.getHeadColumnClass=function(e,t){return Object.assign(Object.assign({},a.getColumnClass(e,t)),{active:a.isColActive(t)})},this.props=t,this.context=r,this.reactiveProp=o,this.colgroups=i,this.plugins=new I(t,r),this.uuid=(0,e.random)(8),this.events=new Map}return V(n,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=this,n=g(this.props).isShow;return void 0===n||n?[this.props.settings?(0,t.createVNode)(X,{class:"table-head-settings",settings:this.props.settings,columns:this.props.columns,rowHeight:this.props.rowHeight,onChange:function(t){var n=t.checked,r=void 0===n?[]:n,o=t.size,i=t.height;e.reactiveProp.setting.size=o,e.reactiveProp.setting.height=i,r.length&&e.colgroups.forEach((function(e){e.isHidden=!(null!=r?r:[]).includes(s(e,"field",[e]))})),e.emitEvent($.ON_SETTING_CHANGE,[t])}},null):"",(0,t.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])]:null}},{key:"renderTableBodySchema",value:function(e){return(0,t.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderTBody(e)])}},{key:"renderTableFooter",value:function(e){var n=this;return(0,t.createVNode)(S(),(0,t.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return n.handlePageLimitChange(e)},onChange:function(e){return n.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,n){var r=this;return(0,t.createVNode)(M,{column:e,onChange:function(t,o){r.emitEvent($.ON_SORT_BY_CLICK,[{sortFn:t,column:e,index:n,type:o}])}},null)}},{key:"getFilterCell",value:function(e,n){var r=this;return(0,t.createVNode)(z,{column:e,height:this.props.headHeight,onChange:function(t,o){r.emitEvent($.ON_FILTER_CLICK,[{filterFn:function(e,n){return o(t,e,n)},checked:t,column:e,index:n}])}},null)}},{key:"renderHeader",value:function(){var e=this,n=g(this.props),r=n.cellFn,o={"--row-height":"".concat(s(n,"height",["thead"]),"px")},i=function(t,n){var o=[];return t.sort&&o.push(e.getSortCell(t,n)),t.filter&&o.push(e.getFilterCell(t,n)),"function"==typeof r?(o.unshift(r(t,n)),o):(o.unshift(s(t,"label",[t,n])),o)},a=(0,T(this.props,this.colgroups).getFixedColumnStyleResolve)(),l=a.resolveFixedColumnStyle,c=a.fixedoffset;return(0,t.createVNode)("thead",{style:o},[(0,t.createVNode)("tr",null,[this.filterColgroups.map((function(n,r){return(0,t.createVNode)("th",(0,t.mergeProps)({colspan:1,rowspan:1,class:e.getHeadColumnClass(n,r),style:l(n,c),onClick:function(){return e.handleColumnHeadClick(r)}},(o=n,Array.from(o.listeners.keys()).reduce((function(t,n){var r=n.split("_").slice(-1)[0];return Object.assign(t,b({},r,(function(t){o.listeners.get(n).forEach((function(n){return Reflect.apply(n,e,[t,o,e])}))})))}),{}))),[(0,t.createVNode)("div",{class:"cell"},[i(n,r)])]);var o}))])])}},{key:"renderTBody",value:function(e){var n,r,o,i=this,a=T(this.props,this.colgroups).getFixedColumnStyleResolve;return(0,t.createVNode)("tbody",null,[e.length?e.map((function(n,r){var o={"--row-height":"".concat(i.getRowHeight(n,r),"px")},l=a(),c=l.resolveFixedColumnStyle,s=l.fixedoffset;return(0,t.createVNode)("tr",{style:o,onClick:function(t){return i.handleRowClick(t,n,r,e)},onDblclick:function(t){return i.handleRowDblClick(t,n,r,e)}},[i.filterColgroups.map((function(o,a){return(0,t.createVNode)("td",{class:i.getColumnClass(o,a),style:c(o,s),colspan:1,rowspan:1},[(0,t.createVNode)("div",{class:"cell"},[i.renderCell(n,o,r,e)])])}))])})):(0,t.createVNode)("tr",null,[(0,t.createVNode)("td",{colspan:this.props.columns.length,class:"empty-cell"},[null!==(o=null===(r=(n=this.context.slots).empty)||void 0===r?void 0:r.call(n))&&void 0!==o?o:(0,t.createVNode)(j,{filterList:e,list:this.props.data,emptyText:this.props.emptyText},null)])])])}},{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=y(e,s(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 n=this;return(0,t.createVNode)("colgroup",null,[(this.filterColgroups||[]).map((function(r,o){var i,a=(0,e.classes)({active:n.isColActive(o)}),l="".concat((i=p(r),d(i,"auto"))).replace(/px$/i,"");return(0,t.createVNode)("col",{class:a,width:l},null)}))])}},{key:"filterColgroups",get:function(){return this.colgroups.filter((function(e){return!e.isHidden}))}},{key:"setting",get:function(){return this.reactiveProp.setting}}]),n}();const K=(0,t.defineComponent)({name:"Table",props:N,emits:["columnPick","rowClick","rowDblClick","pageLimitChange","pageValueChange"],setup:function(n,o){var c=(0,t.reactive)(n.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null,resizeWidth:null,listeners:new Map})}))),u=null,p=null,f=null,v=(0,t.ref)(),y=(0,t.ref)(),C=function(e){var n,r,o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i="HeadColumnResize";!function(e){e.MOUSE_MOVE="onMousemove",e.MOUSE_OUT="onMouseout",e.MOUSE_DOWN="onMousedown"}(r||(r={}));var a=!1,l=!1,c=!1,s=0,u=null,d=0,p=(0,t.ref)(-1e3),f=function e(t){var n;l=!1,c=!1,document.body.style.cursor="";var r=t.clientX-s;u.resizeWidth=(null!==(n=u.resizeWidth)&&void 0!==n?n:u.calcWidth)+r,document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",v),s=0,p.value=-1e3,u=null,t.target.closest("table").querySelectorAll("th").forEach((function(e){return e.style.setProperty("user-select","inherit")}))},v=function(e){document.body.style.setProperty("cursor",""),p.value=e.clientX-s+d},h=(b(n={},r.MOUSE_DOWN,(function(e,t){if(a){l=!0,document.body.style.setProperty("cursor","col-resize"),u=t,s=e.clientX;var n=e.target.closest("table");d=s-n.getBoundingClientRect().left,document.addEventListener("mouseup",f),document.addEventListener("mousemove",v)}})),b(n,r.MOUSE_MOVE,(function(e,t){l&&!c&&(c=!0);var n=e.target.closest("th");if(c&&n.style.setProperty("user-select","none"),!c){if(!n)return;var r=n.getBoundingClientRect();r.width>12&&r.right-e.pageX<8?(a=!0,n.style.setProperty("cursor","col-resize")):a=!1}})),b(n,r.MOUSE_OUT,(function(e,t){var n=e.target;c||n.style.setProperty("cursor","")})),n),g=function(e){return"".concat(i,"_").concat(e)},y=function(){e.forEach((function(e){!1!==e.resizable&&Object.keys(h).forEach((function(t){var n=g(t);e.listeners.has(n)||e.listeners.set(n,[]),e.listeners.get(n).push(h[t])}))}))},m=function(){e.forEach((function(e){Object.keys(h).forEach((function(t){var n=g(t);if(e.listeners.has(n)){var r=e.listeners.get(n);r.splice(0,r.length)}}))}))};o&&y();var T=(0,t.computed)((function(){return{position:"absolute",top:0,bottom:0,left:"".concat(p.value,"px"),width:"1px","background-color":"#ebeef5"}}));return{registerResizeEvent:y,resetResizeEvents:m,dragOffsetX:p,dragOffsetXStyle:T}}(c,!0),x=C.dragOffsetXStyle,N=function(e){var n=(0,t.reactive)([]);if("disabled"===e.columnPick)return{activeColumns:n};var r=(0,t.reactive)(m(e));return(0,t.watchEffect)((function(){n=(e.columns||[]).map((function(e,t){return{index:t,active:r.some((function(e){return e===t})),_column:e}}));var t=m(e);n.forEach((function(e,n){Object.assign(e,{active:t.some((function(e){return e===n}))})}))})),{activeColumns:n}}(n).activeColumns,k=(0,t.reactive)({scrollTranslateY:0,scrollTranslateX:0,activeColumns:N,setting:{size:null,height:null}}),O=function(e){var n=(0,t.ref)(0),r=(0,t.ref)(0),o=(0,t.computed)((function(){return e.data.map((function(e,t){return Object.assign(Object.assign({},e),{__$table_row_index:t+1})}))})),a=(0,t.reactive)({count:0,limit:10,current:1});a=P(e.pagination,a);var l=(0,t.reactive)([]),c=function(t,a){l.splice.apply(l,[0,l.length].concat(i(o.value.slice(n.value,r.value)))),function(t){if("function"==typeof t){var n=l.filter((function(n,r){return t(n,r,e.data)}));l.splice.apply(l,[0,l.length].concat(i(n)))}}(t),function(e){"function"==typeof e&&l.sort(e)}(a)},s=(0,t.computed)((function(){return e.pagination?e.remotePagination?a:Object.assign(Object.assign({},a),{count:e.data.length}):null}));return{pageData:l,localPagination:s,resolvePageData:c,watchEffectFn:function(t,o){a=P(e.pagination,a),function(){if(!e.pagination||e.remotePagination)return n.value=0,void(r.value=e.data.length);n.value=(a.current-1)*a.limit,r.value=a.current*a.limit}(),c(t,o)}}}(n),V=O.pageData,w=O.localPagination,S=O.resolvePageData,E=O.watchEffectFn,_=function(n,r,o){var a=(0,t.ref)(200),c=(0,t.computed)((function(){return(0,e.classes)(b({},(0,e.resolveClassName)("table"),!0),(r=["row"],"string"==typeof(t=n.border)&&r.push(t),Array.isArray(t)&&r.push.apply(r,i(t.filter((function(e){return l.includes(e)})))),i(new Set(r)).map((function(e){return"bordered-".concat(e)})).join(" ")));var t,r})),u=(0,e.classes)(b({},(0,e.resolveClassName)("table-head"),!0)),p=g(n),f=(0,t.computed)((function(){return{"--row-height":"".concat(s(p,"height",["thead"]),"px"),"--scroll-head-left":"-".concat(o.scrollTranslateX,"px"),"--scroll-left":"".concat(o.scrollTranslateX,"px")}})),v=(0,e.classes)(b({},(0,e.resolveClassName)("table-body"),!0)),h=(0,t.computed)((function(){var t;return(0,e.classes)((b(t={},(0,e.resolveClassName)("table-footer"),!0),b(t,"is-hidden",!n.pagination||!n.data.length),t))})),y=(0,t.computed)((function(){return{minHeight:d(n.minHeight,"auto")}})),m=function(e,t){var n=String(e);return/^\d+\.?\d*$/.test(n)?Number(n):/^\d+\.?\d*px$/gi.test(n)?Number(n.replace("px","")):/^\d+\.?\d*%$/gi.test(n)?t*Number(n.replace("%",""))/100:t},T=(0,t.computed)((function(){var e=m(n.height,a.value),t=n.showHead?m(n.headHeight,40)+2:0,r=m(n.maxHeight,a.value),o=m(n.minHeight,a.value),i=n.pagination&&n.data.length?40:0,l=e-t-i,c=r-t-i,s=o-t-i,u="auto"!==n.height?"".concat(l,"px"):"auto";return{display:"block","max-height":"".concat(c,"px"),"min-height":"".concat(s,"px"),height:u}}));(0,t.onMounted)((function(){C(null==r?void 0:r.value)}));var C=function(e){if(e){var t=e.parentElement.getBoundingClientRect().height;a.value=t}};return{tableClass:c,headClass:u,contentClass:v,footerClass:h,wrapperStyle:y,contentStyle:T,headStyle:f,resetTableHeight:C}}(n,v,k),j=_.tableClass,H=_.headClass,A=_.contentClass,F=_.footerClass,R=_.wrapperStyle,L=_.contentStyle,z=_.headStyle,q=_.resetTableHeight,D=T(n,c),M=D.renderFixedColumns,I=D.fixedWrapperClass,B=new G(n,o,k,c);(0,t.watchEffect)((function(){E(p,u)})),B.on($.ON_SORT_BY_CLICK,(function(e){var t=e.sortFn;u=t,V.sort(u)})).on($.ON_FILTER_CLICK,(function(e){var t=e.filterFn;S(p=t,u)})).on($.ON_SETTING_CHANGE,(function(e){var t,n,r=e.checked;(void 0===r?[]:r).length&&h(v.value,c,20),null===(n=null===(t=y.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t)}));var U=function(e){var t=e[1],n=t.translateX,r=t.translateY;k.scrollTranslateY=r,k.scrollTranslateX=n};return(0,t.onMounted)((function(){f=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,a.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)}}}(v.value,(function(){h(v.value,c,20),q(v.value)}),60,!0),f.start()})),(0,t.onBeforeUnmount)((function(){f.stop(),f=null,B.destroy()})),o.expose({plugins:B.plugins}),function(){return(0,t.createVNode)("div",{class:j.value,style:R.value,ref:v},[(0,t.createVNode)("div",{class:H,style:z.value},[B.renderTableHeadSchema()]),(0,t.createVNode)(r(),{ref:y,lineHeight:B.getRowHeight,class:A,style:L.value,list:V,onContentScroll:U,throttleDelay:0,scrollEvent:!0,enabled:n.virtualEnabled},{default:function(e){return B.renderTableBodySchema(e.data||n.data)}}),(0,t.createVNode)("div",{class:I},[M(),(0,t.createVNode)("div",{class:"bk-drag-column offset-x",style:x.value},null)]),(0,t.createVNode)("div",{class:F.value},[n.pagination&&n.data.length&&B.renderTableFooter(w.value)])])}}}),Y=(0,e.withInstall)(K)})(),v})()));

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

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -91,6 +92,10 @@
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
 }
 .bk-table-head-action {
   display: flex;

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

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -91,6 +92,10 @@
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
 }
 .bk-head-cell-sort {
   display: flex;

package/lib/table/plugins/settings.variable.css

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -91,6 +92,10 @@
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
 }
 .bk-table-settings[data-bk-table-settings-theme='true'] {
   padding: 0;

package/lib/table/props.d.ts

@@ -155,6 +155,8 @@ export declare type Column = {
     render?: Function | string;
     width?: number | string;
     type?: string;
+    fixed?: string | boolean;
+    resizable?: boolean;
     sort?: {
         sortFn?: Function;
         sortScope?: string;
@@ -171,7 +173,9 @@ export declare type Thead = {
 };
 export declare type GroupColumn = {
     calcWidth?: number;
+    resizeWidth?: number;
     isHidden?: boolean;
+    listeners?: Map<string, any>;
 } & Column;
 export declare type Columns = ReadonlyArray<Column>;
 export declare type TablePropTypes = Readonly<ExtractPropTypes<typeof tableProps>>;

package/lib/table/render.d.ts

@@ -75,6 +75,7 @@ export default class TableRender {
      */
     private renderTBody;
     private getColumnClass;
+    private getHeadColumnClass;
     /**
      * table row click handle
      * @param e