bkui-vue 0.0.1-beta.14 → 0.0.1-beta.140

package/lib/table/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,r){"use strict";function o(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n={exports:{}};!function(e){e.exports=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e},e.exports.default=e.exports,e.exports.__esModule=!0}(n);var s=o(n.exports),i={data:r.PropTypes.arrayOf(r.PropTypes.any).def([]),columns:r.PropTypes.arrayOf(r.PropTypes.shape({label:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return""})),r.PropTypes.string.def("")]),field:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return""})),r.PropTypes.string.def("")]),render:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return""})),r.PropTypes.string.def("")]),width:r.PropTypes.oneOfType([r.PropTypes.number.def(void 0),r.PropTypes.string.def("auto")])})),activeColumn:r.PropTypes.oneOfType([r.PropTypes.number.def(-1),r.PropTypes.arrayOf(r.PropTypes.number.def(-1))]),columnPick:r.PropTypes.commonType(["multi","single","disabled"],"columnPick").def("disabled")},a={exports:{}};!function(e){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},e.exports.default=e.exports,e.exports.__esModule=!0}(a);var u=o(a.exports),c={exports:{}};!function(e){function t(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}e.exports=function(e,r,o){return r&&t(e.prototype,r),o&&t(e,o),e},e.exports.default=e.exports,e.exports.__esModule=!0}(c);var l=o(c.exports),p={exports:{}},d={exports:{}},f={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o},e.exports.default=e.exports,e.exports.__esModule=!0}(f),function(e){var t=f.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.default=e.exports,e.exports.__esModule=!0}(d);var v={exports:{}};!function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.default=e.exports,e.exports.__esModule=!0}(v);var y={exports:{}};!function(e){var t=f.exports;e.exports=function(e,r){if(e){if("string"==typeof e)return t(e,r);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?t(e,r):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0}(y);var m={exports:{}};!function(e){e.exports=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.")},e.exports.default=e.exports,e.exports.__esModule=!0}(m),function(e){var t=d.exports,r=v.exports,o=y.exports,n=m.exports;e.exports=function(e){return t(e)||r(e)||o(e)||n()},e.exports.default=e.exports,e.exports.__esModule=!0}(p);var x=o(p.exports),h=void 0,b=function(e,t,r){var o;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(o=e[t]).call.apply(o,[h].concat(x(r))):e[t]},T=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:C(e.activeColumn):Array.isArray(e.activeColumn)?C(e.activeColumn[0]):C(e.activeColumn):[]},C=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},P=function(){function e(t,r,o){u(this,e),this.props=t,this.context=r,this.reactiveProp=o}return l(e,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableBodySchema",value:function(){return t.createVNode("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader(),this.renderTBody()])}},{key:"setColumnActive",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=this.propActiveCols.find((function(t){return t.index===e}));Object.assign(r,{active:!r.active}),t&&this.propActiveCols.filter((function(t){return t.index!==e&&t.active})).forEach((function(e){Object.assign(e,{active:!1})}))}},{key:"handleColumnHeadClick",value:function(e){"disabled"!==this.props.columnPick&&(this.setColumnActive(e,"single"===this.props.columnPick),this.context.emit("column-pick",this.propActiveCols))}},{key:"renderHeader",value:function(){var e=this;return t.createVNode("thead",null,[t.createVNode("tr",null,[this.props.columns.map((function(o,n){return t.createVNode("th",{colspan:1,rowspan:1,class:r.classes({active:e.isColActive(n)}),onClick:function(){return e.handleColumnHeadClick(n)}},[t.createVNode("div",{class:"cell"},[b(o,"label",[o])])])}))])])}},{key:"renderTBody",value:function(){var e=this;return t.createVNode("tbody",null,[this.props.data.map((function(r){return t.createVNode("tr",null,[e.props.columns.map((function(e){return t.createVNode("td",{colspan:1,rowspan:1},[t.createVNode("div",{class:"cell"},[r[b(e,"field",[e,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 e=this;return t.createVNode("colgroup",null,[(this.props.columns||[]).map((function(o,n){var s,i=r.classes({active:e.isColActive(n)}),a={width:(s=o.width,/^auto|null|undefined$/gi.test("".concat(s))?"auto":/^\d+\.?\d+$/.test("".concat(s))?"".concat(s,"px"):s)};return t.createVNode("col",{class:i,style:a},null)}))])}}]),e}(),g=t.defineComponent({name:"Table",props:i,setup:function(e,o){var n=t.reactive(T(e)),i=function(){return(e.columns||[]).map((function(e,t){return{index:t,active:n.some((function(e){return e===t})),_column:e}}))},a=t.reactive({activeColumns:i()});t.watch((function(){return[e.activeColumn,e.columns]}),(function(){t.nextTick((function(){a.activeColumns=i();var t=T(e);a.activeColumns.forEach((function(e,r){Object.assign(e,{active:t.some((function(e){return e===r}))})}))}))}),{deep:!0});var u=new P(e,o,a),c=r.classes(s({},r.resolveClassName("table"),!0));return function(){return t.createVNode("div",{class:c},[t.createVNode("div",{class:r.resolveClassName("table-body")},[u.renderTableBodySchema()]),t.createVNode("div",{class:r.resolveClassName("table-fixed")},null)])}}}),_=r.withInstall(g);e.default=_,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../virtual-render"),require("../loading"),require("../icon"),require("../pagination"),require("../exception"),require("../checkbox"),require("../popover2"),require("lodash"),require("../icon/"),require("../button"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","../loading","../icon","../pagination","../exception","../checkbox","../popover2","lodash","../icon/","../button"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../virtual-render"),require("../loading"),require("../icon"),require("../pagination"),require("../exception"),require("../checkbox"),require("../popover2"),require("lodash"),require("../icon/"),require("../button")):t(e["../shared"],e.vue,e["../virtual-render"],e["../loading"],e["../icon"],e["../pagination"],e["../exception"],e["../checkbox"],e["../popover2"],e.lodash,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,d)=>(()=>{var p={8022:(e,t,n)=>{var r=n(4481),o=n(6426),i=o;i.v1=r,i.v4=o,e.exports=i},8725:e=>{for(var t=[],n=0;n<256;++n)t[n]=(n+256).toString(16).substr(1);e.exports=function(e,n){var r=n||0,o=t;return[o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]]].join("")}},9157:e=>{var t="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof window.msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto);if(t){var n=new Uint8Array(16);e.exports=function(){return t(n),n}}else{var r=new Array(16);e.exports=function(){for(var e,t=0;t<16;t++)0==(3&t)&&(e=4294967296*Math.random()),r[t]=e>>>((3&t)<<3)&255;return r}}},4481:(e,t,n)=>{var r,o,i=n(9157),a=n(8725),l=0,c=0;e.exports=function(e,t,n){var s=t&&n||0,u=t||[],d=(e=e||{}).node||r,p=void 0!==e.clockseq?e.clockseq:o;if(null==d||null==p){var f=i();null==d&&(d=r=[1|f[0],f[1],f[2],f[3],f[4],f[5]]),null==p&&(p=o=16383&(f[6]<<8|f[7]))}var v=void 0!==e.msecs?e.msecs:(new Date).getTime(),h=void 0!==e.nsecs?e.nsecs:c+1,y=v-l+(h-c)/1e4;if(y<0&&void 0===e.clockseq&&(p=p+1&16383),(y<0||v>l)&&void 0===e.nsecs&&(h=0),h>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");l=v,c=h,o=p;var g=(1e4*(268435455&(v+=122192928e5))+h)%4294967296;u[s++]=g>>>24&255,u[s++]=g>>>16&255,u[s++]=g>>>8&255,u[s++]=255&g;var m=v/4294967296*1e4&268435455;u[s++]=m>>>8&255,u[s++]=255&m,u[s++]=m>>>24&15|16,u[s++]=m>>>16&255,u[s++]=p>>>8|128,u[s++]=255&p;for(var b=0;b<6;++b)u[s+b]=d[b];return t||a(u)}},6426:(e,t,n)=>{var r=n(9157),o=n(8725);e.exports=function(e,t,n){var i=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var a=(e=e||{}).random||(e.rng||r)();if(a[6]=15&a[6]|64,a[8]=63&a[8]|128,t)for(var l=0;l<16;++l)t[i+l]=a[l];return t||o(a)}},4976:e=>{"use strict";e.exports=d},5800:e=>{"use strict";e.exports=l},9911:e=>{"use strict";e.exports=a},6870:e=>{"use strict";e.exports=o},7685:e=>{"use strict";e.exports=u},4870:e=>{"use strict";e.exports=r},5801:e=>{"use strict";e.exports=i},6175:e=>{"use strict";e.exports=c},4212:t=>{"use strict";t.exports=e},3511:e=>{"use strict";e.exports=n},467:e=>{"use strict";e.exports=s},748:e=>{"use strict";e.exports=t}},f={};function v(e){var t=f[e];if(void 0!==t)return t.exports;var n=f[e]={exports:{}};return p[e](n,n.exports,v),n.exports}v.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return v.d(t,{a:t}),t},v.d=(e,t)=>{for(var n in t)v.o(t,n)&&!v.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},v.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),v.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var h={};return(()=>{"use strict";v.r(h),v.d(h,{default:()=>ye});var e=v(4212);function t(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var n,r,o=v(748),i=v(3511),a=v.n(i);!function(e){e.NONE="none",e.ROW="row",e.COL="col",e.OUTER="outer"}(r||(r={}));var l,c,s=[r.NONE,r.ROW,r.COL,r.OUTER];!function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange",e.ON_ROW_EXPAND_CLICK="onRowExpandClick"}(l||(l={})),function(e){e.COLUMN_PICK="columnPick",e.COLUMN_SORT="columnSort",e.COLUMN_FILTER="columnFilter",e.ROW_CLICK="rowClick",e.ROW_DBL_CLICK="rowDblClick",e.ROW_EXPAND_CLICK="rowExpand",e.PAGE_LIMIT_CHANGE="pageLimitChange",e.PAGE_VALUE_CHANGE="pageValueChange",e.SETTING_CHANGE="settingChange",e.SCROLL_BOTTOM="scrollBottom"}(c||(c={}));var u=function(){return!0},d=(t(n={},c.COLUMN_PICK,u),t(n,c.COLUMN_FILTER,u),t(n,c.COLUMN_SORT,u),t(n,c.ROW_CLICK,u),t(n,c.ROW_DBL_CLICK,u),t(n,c.ROW_EXPAND_CLICK,u),t(n,c.PAGE_LIMIT_CHANGE,u),t(n,c.PAGE_VALUE_CHANGE,u),t(n,c.SETTING_CHANGE,u),t(n,c.SCROLL_BOTTOM,u),n),p="__$table_row_index",f="__$uuid",y="__row_expand",g=42,m={large:78,medium:60,small:42},b=[{value:"small",label:"小",height:m.small},{value:"medium",label:"中",height:m.medium},{value:"large",label:"大",height:m.large}];function T(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 C(e){return function(e){if(Array.isArray(e))return T(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 T(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)?T(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.")}()}function x(e){return x="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},x(e)}var P=function(e,t){if(e){if("object"===x(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{}};const O=function(e,t){var n=(0,o.ref)(0),r=(0,o.ref)(0),i=(0,o.reactive)({count:0,limit:10,current:1});i=P(e.pagination,i);var a=(0,o.ref)(null),l=(0,o.reactive)([]),c=function(o,i){l.splice.apply(l,[0,l.length].concat(C(t.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(C(n)))}}(o),function(e){"function"==typeof e&&l.sort(e)}(i)};return{pageData:l,localPagination:a,resolvePageData:c,watchEffectFn:function(t,o){i=P(e.pagination,i),e.pagination&&(a.value=e.remotePagination?i:Object.assign(Object.assign({},i),{count:e.data.length})),function(){if(!e.pagination||e.remotePagination)return n.value=0,void(r.value=e.data.length);n.value=(i.current-1)*i.limit,r.value=i.current*i.limit}(),c(t,o)}}};var N=v(4870),_=v.n(N);var w;!function(e){e.CURRENT="current",e.ALL="all"}(w||(w={}));var k={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")]),minWidth:e.PropTypes.oneOfType([e.PropTypes.number.def(void 0),e.PropTypes.string.def("auto")]).def(),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(w)).def(w.CURRENT)}),e.PropTypes.bool,e.PropTypes.string]).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,e.PropTypes.string]).def(!1)})).def([]),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(84),maxHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def("auto"),rowHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.func]).def(g),headHeight:e.PropTypes.number.def(g),showHead:e.PropTypes.bool.def(!0),thead:e.PropTypes.shape({height:e.PropTypes.number.def(g),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(s,"border")).def([r.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.shape({fields:e.PropTypes.arrayOf(e.PropTypes.shape({label:e.PropTypes.string,field:e.PropTypes.string,disabled:e.PropTypes.bool})),checked:e.PropTypes.arrayOf(e.PropTypes.string),limit:e.PropTypes.number.def(0),size:e.PropTypes.size(["small","medium","large"]).def("small"),sizeList:e.PropTypes.shape([])}),e.PropTypes.bool]).def(!1),rowClass:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object,e.PropTypes.func]).def({}),rowStyle:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object,e.PropTypes.func]).def({}),cellStyle:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object,e.PropTypes.func]).def({}),cellClass:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object,e.PropTypes.func]).def({}),scrollLoading:e.PropTypes.oneOfType([e.PropTypes.object,e.PropTypes.bool]).def(void 0),reserveExpand:e.PropTypes.bool.def(!1),rowKey:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.func]).def(p)};function E(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function S(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&&S(e.prototype,t),n&&S(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var L=v(8022),R=v(6870),j=v(5801),A=v.n(j);const H=(0,o.defineComponent)({name:"TableRow",render:function(){var e,t;return(0,o.createVNode)(o.Fragment,null,[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)])}});var I=v(9911),z=v.n(I);const F=(0,o.defineComponent)({name:"BodyEmpty",props:{list:e.PropTypes.array.def([]),filterList:e.PropTypes.array.def([]),emptyText:e.PropTypes.string.def("暂无数据")},emits:["change"],setup:function(e,t){var n=t.slots,r=(0,o.computed)((function(){return 0===e.list.length?"empty":"search-empty"}));return function(){var t,i;return(0,o.createVNode)(z(),{scene:"part",type:r.value},{default:function(){return[null!==(i=null===(t=n.default)||void 0===t?void 0:t.call(n))&&void 0!==i?i:e.emptyText]}})}}});var D=v(5800),M=v.n(D),W=v(6175),U=v.n(W),q=v(467),B=void 0,X=function e(t,n,r){var o;return"string"==typeof n?Object.prototype.hasOwnProperty.call(t,n)?"function"==typeof t[n]?(o=t[n]).call.apply(o,[B].concat(C(r))):t[n]:void 0:Array.isArray(n)?n.map((function(n){return e(t,n,r)})).filter((function(e){return void 0!==e})).at(0):void 0},G=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},K=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},$=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]]},Y=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=e.getBoundingClientRect()||{},i=o.width,a=i-r,l=a,c=[],s=function(e,t){var n=e.minWidth,r=void 0===n?void 0:n;if(void 0===r)return t;var o=t;return/^\d+\.?\d*$/.test("".concat(r))&&(o=Number(r)),/^\d+\.?\d*%$/.test("".concat(r))&&(o=Number(r)*a/100),/^\d+\.?\d*px$/i.test("".concat(r))&&(o=Number("".concat(r).replace(/px/i,""))),o},u=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=s(e,t),o=t<r?r:t;Object.assign(e,{calcWidth:o}),n&&(l-=o)<0&&(l=0)};if(t.forEach((function(e,t){if(!e.isHidden){var r=String($(e,["resizeWidth","width"])),o=!0;if(/^\d+\.?\d*(px)?$/.test(r)){var i=Number(r.replace("px",""));u(e,i),o=!1}if(/^\d+\.?\d*%$/.test(r)){var a=n;if(l>0){var s=Number(r.replace("%",""));a=l*s/100}u(e,a),o=!1}o&&c.push(t)}})),c.length>0){var d=n;l>0&&(d=l/c.length,c.forEach((function(e){return u(t[e],d,!1)})))}},J=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))},Q=function(e,t,n){return"index"===n.type?e.__$table_row_index+1:(0,q.get)(e,t)},Z=function e(t,n){return Array.isArray(t)?t:"string"==typeof t||"object"===x(t)?[t]:"function"==typeof t?e(Reflect.apply(t,B,n),n):[]},ee=function(e,t,n){return"string"==typeof t.rowKey?t.rowKey===p?"__ROW_INDEX_".concat(n):t.rowKey.split(".").reduce((function(e,t){return Object.prototype.hasOwnProperty.call(e,t)?e[t]:e}),e):"function"==typeof t.rowKey?Reflect.apply(t.rowKey,B,[e]):(0,L.v4)()};const te=(0,o.defineComponent)({name:"HeadFilter",props:{column:e.PropTypes.any.def({}),height:e.PropTypes.number.def(g)},emits:["change"],setup:function(n,r){var i=r.emit,a=n.column,l=(0,o.reactive)({isOpen:!1,checked:[]}),c=(0,o.computed)((function(){var r;return(0,e.classes)((t(r={},(0,e.resolveClassName)("table-head-action"),!0),t(r,"column-filter",!0),t(r,"--row-height","".concat(n.height,"px")),t(r,"active",l.checked.length),t(r,"opened",l.isOpen),r))})),s=(0,e.classes)(t({},(0,e.resolveClassName)("table-head-filter"),!0)),u=function(e){l.isOpen=e},d="light ".concat((0,e.resolveClassName)("table-head-filter")),p=(0,o.computed)((function(){var e=a.filter.list;return(void 0===e?[]:e).map((function(e){return Object.assign(Object.assign({},e),{checked:l.checked.includes(e.value)})}))})),f="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(Q(t,X(a,"field",[a,t]),a))},v=function(){if("custom"===n.column.filter)return i("change",C(l.checked),null),void(l.isOpen=!1);i("change",C(l.checked),f),l.isOpen=!1},h=function(){l.checked.length&&(l.checked.splice(0,l.checked.length),l.isOpen=!1,(0,o.nextTick)((function(){return i("change",l.checked,f)})))};return function(){return(0,o.createVNode)(U(),(0,o.mergeProps)({trigger:"click",isShow:l.isOpen,placement:"bottom-end",arrow:!1,offset:0},{theme:d},{onAfterShow:function(){return u(!0)},onAfterHidden:function(){return u(!1)}}),{default:function(){return(0,o.createVNode)(R.AngleDownLine,{class:c.value},null)},content:function(){var e,t;return(0,o.createVNode)("div",{class:s},[(0,o.createVNode)(D.BkCheckboxGroup,{class:"content-list",modelValue:l.checked,"onUpdate:modelValue":function(e){return l.checked=e}},(t=e=p.value.map((function(e){return(0,o.createVNode)("div",{class:"list-item"},[(0,o.createVNode)(M(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!(0,o.isVNode)(t)?e:{default:function(){return[e]}})),(0,o.createVNode)("div",{class:"content-footer"},[(0,o.createVNode)("span",{class:"btn-filter-save",onClick:v},[(0,o.createTextVNode)("确定")]),(0,o.createVNode)("span",{class:"btn-filter-split"},null),(0,o.createVNode)("span",{class:["btn-filter-reset",l.checked.length?"":"disable"],onClick:h},[(0,o.createTextVNode)("重置")])])])}})}}});var ne,re=v(7685);!function(e){e.ASC="asc",e.DESC="desc",e.NULL="null"}(ne||(ne={}));const oe=(0,o.defineComponent)({name:"HeadSort",props:{column:e.PropTypes.any.def({})},emits:["change"],setup:function(t,n){var r=n.emit,i=(0,o.ref)(""),a=function(e,n){var o,a;if(e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault(),i.value===n?i.value=ne.NULL:i.value=n,"custom"!==t.column.sort){var l=t.column.field,c=function(e){return Q(e,l,t.column)},s="function"==typeof(null===(o=t.column.sort)||void 0===o?void 0:o.sortFn)?null===(a=t.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)},u=i.value===ne.NULL?function(){return!0}:function(e,t){return s(e,t)*(n===ne.DESC?-1:1)};r("change",u,n)}else r("change",null,n)};return function(){return(0,o.createVNode)("span",{class:(0,e.resolveClassName)("head-cell-sort")},[(0,o.createVNode)(re.AngleDownFill,{class:["sort-action","sort-asc",i.value===ne.ASC?"active":""],onClick:function(e){return a(e,ne.ASC)}},null),(0,o.createVNode)(re.AngleUpFill,{class:["sort-action","sort-desc",i.value===ne.DESC?"active":""],onClick:function(e){return a(e,ne.DESC)}},null)])}}});var ie=V((function e(t,n){E(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n})),ae=v(4976),le=v.n(ae);function ce(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,o.isVNode)(e)}const se=(0,o.defineComponent)({name:"Settings",props:{settings:e.PropTypes.oneOfType([e.PropTypes.shape({fields:e.PropTypes.arrayOf(e.PropTypes.shape({label:e.PropTypes.string,field:e.PropTypes.string,disabled:e.PropTypes.bool})),checked:e.PropTypes.arrayOf(e.PropTypes.string),limit:e.PropTypes.number.def(0),size:e.PropTypes.size(["small","medium","large"]).def("small"),sizeList:e.PropTypes.shape([])}),e.PropTypes.bool]).def(!1),columns:e.PropTypes.array.def([]),rowHeight:e.PropTypes.number.def(g)},emits:["change"],setup:function(t,n){var r=n.emit,i=b,a=(0,o.ref)(!1),l=(0,o.ref)(!1),c="boolean"==typeof t.settings?(0,o.ref)({fields:t.columns.map((function(e){return Object.assign(Object.assign({},e),{field:e.field||e.type})})),checked:[],limit:0,size:"small",sizeList:i}):(0,o.ref)(t.settings),s=(0,o.ref)(c.value.size||"small"),u=(0,o.ref)(t.rowHeight),d=(0,o.ref)(c.value.checked),p=(0,e.resolveClassName)("table-settings"),f="light ".concat(p),v={checkAll:a.value,activeSize:s.value,activeHeight:u.value},h=function(){r("change",{checked:d.value,size:s.value,height:u.value}),l.value=!1},y=function(){a.value=v.checkAll,s.value=v.activeSize,u.value=v.activeHeight,d.value=c.value.checked||[],l.value=!1},g=function(){Object.assign(v,{checkAll:a.value,activeSize:s.value,activeHeight:u.value}),l.value=!0},m=function(e){e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault(),a.value=!a.value;var n=c.value.fields||t.columns||[];if(a.value)d.value=n.map((function(e,t){return X(e,"field",[e,t])}));else{var r,o=n.filter((function(e){return e.disabled})).map((function(e,t){return X(e,"field",[e,t])}));(r=d.value).splice.apply(r,[0,d.value.length].concat(C(o)))}},T=(0,o.computed)((function(){var e;return(null!==(e=c.value.limit)&&void 0!==e?e:0)>0})),x=c.value.sizeList||i,P=(0,o.computed)((function(){return T.value&&(c.value.limit?c.value.limit:0)<=d.value.length})),O=function(e,t){return e.disabled||P.value&&!d.value.includes(X(e,"field",[e,t]))},N=function(e){return{"line-size":!0,"is-medium":"medium"===s.value,active:e.value===s.value}},_={marginRight:"12px"},w=(0,o.computed)((function(){return c.value.fields||t.columns||[]})),k=(0,o.computed)((function(){return d.value.length>0&&!w.value.every((function(e,t){return d.value.includes(X(e,"field",[e,t]))}))}));return(0,o.watch)((function(){return[d.value]}),(function(){d.value.length||(a.value=!1),d.value.length&&w.value.every((function(e,t){return d.value.includes(X(e,"field",[e,t]))}))&&(a.value=!0)}),{immediate:!0,deep:!0}),(0,o.watch)((function(){return[t.settings.checked]}),(function(){var e;(e=d.value).splice.apply(e,[0,d.value.length].concat(C(c.value.checked)))}),{immediate:!0,deep:!0}),function(){return t.settings?(0,o.createVNode)(U(),(0,o.mergeProps)({trigger:"manual",isShow:l.value,placement:"bottom-end",arrow:!1},{theme:f}),{default:function(){return(0,o.createVNode)("span",{class:"table-head-settings"},[(0,o.createVNode)(re.CogShape,{style:"color: #c4c6cc;",onClick:g},null)])},content:function(){var e;return(0,o.createVNode)("div",{class:"setting-content"},[(0,o.createVNode)("div",{class:"setting-head"},[(0,o.createVNode)("span",{class:"head-title"},[(0,o.createTextVNode)("表格设置")]),(0,o.createVNode)(re.CloseLine,{class:"icon-close-action",onClick:y},null)]),(0,o.createVNode)("div",{class:"setting-body"},[(0,o.createVNode)("div",{class:"setting-body-title"},[(0,o.createVNode)("div",null,[(0,o.createVNode)("span",{class:"field-setting-label"},[(0,o.createTextVNode)("字段显示设置")]),T.value?(0,o.createVNode)("span",{class:"limit"},[(0,o.createTextVNode)("（最多"),c.value.limit,(0,o.createTextVNode)("项）")]):""]),T.value?"":(0,o.createVNode)("span",{class:"check-all",onClick:m},[(0,o.createVNode)(M(),{label:"全选",indeterminate:Boolean(k.value),modelValue:d.value.length>0},{default:function(){return[(0,o.createTextVNode)("全选")]}})])]),(0,o.createVNode)(D.BkCheckboxGroup,{class:"setting-body-fields",modelValue:d.value,"onUpdate:modelValue":function(e){return d.value=e}},ce(e=w.value.map((function(e,t){var n;return(0,o.createVNode)("div",{class:"field-item"},[(0,o.createVNode)(M(),{label:X(e,"field",[e,t]),checked:d.value.includes(X(e,"field",[e,t])),disabled:O(e,t)},ce(n=X(e,"label",[e,t]))?n:{default:function(){return[n]}})])})))?e:{default:function(){return[e]}}),(0,o.createVNode)("div",{class:"setting-body-line-height"},[(0,o.createTextVNode)("表格行高："),x.map((function(e){return(0,o.createVNode)("span",{class:N(e),onClick:function(){return function(e){s.value=e.value,u.value=e.height}(e)}},[e.label])}))])]),(0,o.createVNode)("div",{class:"setting-footer"},[(0,o.createVNode)(le(),{theme:"primary",style:_,onClick:h},{default:function(){return[(0,o.createTextVNode)("确定")]}}),(0,o.createVNode)(le(),{style:_,onClick:y},{default:function(){return[(0,o.createTextVNode)("取消")]}})])])}}):""}}}),ue=function(n,r,i){var a=(0,o.computed)((function(){return n.pagination&&n.data.length?g:0})),l=function(e){return"right"===e.fixed?"right":"left"},c={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+$(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+$(n)}),i?4:0)}},s=c.right;return{renderFixedColumns:function(){var e=function(e){return{width:"".concat(c[e](!1),"px"),bottom:"".concat(a.value,"px")}},t={left:!1,right:!1};return r.filter((function(e){return!e.isHidden&&e.fixed})).map((function(n){var r,i=l(n),a=t[i];return t[i]=!0,a?"":(0,o.createVNode)("div",{class:(r=n,{column_fixed:!!r.fixed,column_fixed_left:"right"!==r.fixed,column_fixed_right:"right"===r.fixed}),style:e(i)},null)}))},fixedWrapperClass:(0,e.resolveClassName)("table-fixed"),getFixedColumnStyleResolve:function(){return{fixedoffset:{left:0,right:s(!0)},resolveFixedColumnStyle:function(e,n){if(!e.fixed)return{};var r=l(e),o="right"===r?-1:1,i="".concat(n[r],"px");return n[r]=n[r]+$(e)*o,t({},r,i)}}}}};var de=function(){function n(e,r,o,i){var a=this;E(this,n),this.getRowHeight=function(e,t){var n=a.setting,r=n.size;return null!=n.height?X(a.setting,"height",["tbody",e,t,r]):X(a.props,"rowHeight",["tbody",e,t])},this.getColumnClass=function(e,n){var r;return t(r={},"".concat(a.uuid,"-column-").concat(n),!0),t(r,"column_fixed",!!e.fixed),t(r,"column_fixed_left",!!e.fixed),t(r,"column_fixed_right","right"===e.fixed),r},this.getHeadColumnClass=function(e,t){return Object.assign(Object.assign({},a.getColumnClass(e,t)),{active:a.isColActive(t)})},this.props=e,this.context=r,this.reactiveProp=o,this.colgroups=i,this.plugins=new ie(e,r),this.uuid=(0,L.v4)(),this.events=new Map}return V(n,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=this,t=J(this.props).isShow;return void 0===t||t?[this.props.settings?(0,o.createVNode)(se,{class:"table-head-settings",settings:this.reactiveProp.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(X(e,["field","type"],[e]))})),e.emitEvent(l.ON_SETTING_CHANGE,[t])}},null):"",(0,o.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])]:null}},{key:"renderTableBodySchema",value:function(e){var t,n,r;return e.length?(0,o.createVNode)("table",{cellpadding:0,cellspacing:0,"data-table-uuid":this.uuid},[this.renderColGroup(),this.renderTBody(e)]):null!==(r=null===(n=(t=this.context.slots).empty)||void 0===n?void 0:n.call(t))&&void 0!==r?r:(0,o.createVNode)(F,{filterList:e,list:this.props.data,emptyText:this.props.emptyText},null)}},{key:"renderTableFooter",value:function(e){var t=this;return(0,o.createVNode)(A(),(0,o.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return t.handlePageLimitChange(e)},onChange:function(e){return t.hanlePageChange(e)}}),null)}},{key:"on",value:function(e,t){return this.events.has(e)||this.events.set(e,[]),this.events.get(e).push(t),this}},{key:"destroy",value:function(){this.events.clear(),this.events=null}},{key:"emitEvent",value:function(e,t){var n=this;this.events.has(e)&&this.events.get(e).forEach((function(e){"function"==typeof e&&Reflect.apply(e,n,t)}))}},{key:"handlePageLimitChange",value:function(e){Object.assign(this.props.pagination,{limit:e}),this.context.emit("pageLimitChange",e)}},{key:"hanlePageChange",value:function(e){Object.assign(this.props.pagination,{current:e,value:e}),this.context.emit("pageValueChange",e)}},{key:"setColumnActive",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.propActiveCols.find((function(t){return t.index===e}));Object.assign(n,{active:!n.active}),t&&this.propActiveCols.filter((function(t){return t.index!==e&&t.active})).forEach((function(e){Object.assign(e,{active:!1})}))}},{key:"handleColumnHeadClick",value:function(e){"disabled"!==this.props.columnPick&&(this.setColumnActive(e,"single"===this.props.columnPick),this.context.emit("column-pick",this.propActiveCols))}},{key:"getSortCell",value:function(e,t){var n=this;return(0,o.createVNode)(oe,{column:e,onChange:function(r,o){n.emitEvent(l.ON_SORT_BY_CLICK,[{sortFn:r,column:e,index:t,type:o}])}},null)}},{key:"getFilterCell",value:function(e,t){var n=this;return(0,o.createVNode)(te,{column:e,height:this.props.headHeight,onChange:function(r,o){n.emitEvent(l.ON_FILTER_CLICK,[{filterFn:function(e,t){return o(r,e,t)},checked:r,column:e,index:t}])}},null)}},{key:"renderHeader",value:function(){var e=this,n=J(this.props),r=n.cellFn,i={"--row-height":"".concat(X(n,"height",["thead"]),"px")},a=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(X(t,"label",[t,n])),o)},l=(0,ue(this.props,this.colgroups).getFixedColumnStyleResolve)(),c=l.resolveFixedColumnStyle,s=l.fixedoffset;return(0,o.createVNode)("thead",{style:i},[(0,o.createVNode)(H,null,{default:function(){return[(0,o.createVNode)("tr",null,[e.filterColgroups.map((function(n,r){return(0,o.createVNode)("th",(0,o.mergeProps)({colspan:1,rowspan:1,class:e.getHeadColumnClass(n,r),style:c(n,s),onClick:function(){return e.handleColumnHeadClick(r)}},(i=n,Array.from(i.listeners.keys()).reduce((function(n,r){var o=r.split("_").slice(-1)[0];return Object.assign(n,t({},o,(function(t){i.listeners.get(r).forEach((function(n){return Reflect.apply(n,e,[t,i,e])}))})))}),{}))),[(0,o.createVNode)("div",{class:"cell"},[a(n,r)])]);var i}))])]}})])}},{key:"renderTBody",value:function(e){var t=this,n=ue(this.props,this.colgroups).getFixedColumnStyleResolve;return(0,o.createVNode)("tbody",null,[e.map((function(r,i){var a=[].concat(C(Z(t.props.rowStyle,[r,i,t])),[{"--row-height":"".concat(t.getRowHeight(r,i),"px")}]),l=C(Z(t.props.rowClass,[r,i,t])),c=n(),s=c.resolveFixedColumnStyle,u=c.fixedoffset,d="".concat(t.uuid,"-").concat(r.__$uuid);return[(0,o.createVNode)(H,{key:d},{default:function(){return[(0,o.createVNode)("tr",{style:a,class:l,onClick:function(n){return t.handleRowClick(n,r,i,e)},onDblclick:function(n){return t.handleRowDblClick(n,r,i,e)}},[t.filterColgroups.map((function(n,a){var l=[s(n,u)].concat(C(Z(t.props.cellStyle,[n,a,r,i,t]))),c=[t.getColumnClass(n,a)].concat(C(Z(t.props.cellClass,[n,a,r,i,t])),[{"expand-row":r.__row_expand}]),d={cell:!0,"expand-cell":"expand"===n.type},p="__CELL_".concat(i,"_").concat(a);return(0,o.createVNode)("td",{class:c,style:l,key:p,colspan:1,rowspan:1},[(0,o.createVNode)("div",{class:d},[t.renderCell(r,n,i,e)])])}))])]}}),t.renderExpandRow(r,l)]}))])}},{key:"renderExpandRow",value:function(e,t){var n,r,i,a=this;if(e.__row_expand){var l=[].concat(C(t),[{row_expend:!0}]),c="".concat(this.uuid,"-").concat(e.__$uuid,"_expand");return(0,o.createVNode)(H,{key:c},{default:function(){return[(0,o.createVNode)("tr",{class:l},[(0,o.createVNode)("td",{colspan:a.filterColgroups.length,rowspan:1},[null!==(i=null===(r=(n=a.context.slots).expandRow)||void 0===r?void 0:r.call(n,e))&&void 0!==i?i:(0,o.createVNode)("div",{class:"expand-cell-ctx"},[(0,o.createTextVNode)("Expand Row")])])])]}})}}},{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:"getExpandCell",value:function(e){return e.__row_expand?(0,o.createVNode)(R.DownShape,null,null):(0,o.createVNode)(R.RightShape,null,null)}},{key:"handleRowExpandClick",value:function(e,t,n,r,o){this.emitEvent(l.ON_ROW_EXPAND_CLICK,[{row:e,column:t,index:n,rows:r,e:o}])}},{key:"renderCell",value:function(e,t,n,r){var i,a,l,c=this;if("expand"===t.type)return(0,o.createVNode)("span",{class:"expand-btn-action",onClick:function(o){return c.handleRowExpandClick(e,t,n,r,o)}},["function"==typeof t.render?t.render(null,e,n,r):null!==(l=null===(a=(i=c.context.slots).expandCell)||void 0===a?void 0:a.call(i,{row:e,column:t,index:n,rows:r}))&&void 0!==l?l:c.getExpandCell(e)]);var s=Q(e,X(t,"field",[t,e]),t);if("function"==typeof t.render){var u=this.props.data[e.__$table_row_index];return t.render({cell:s,data:u,row:e,column:t,index:n,rows:r})}return s}},{key:"isColActive",value:function(e){return"disabled"!==this.props.columnPick&&this.propActiveCols.some((function(t){return t.index===e&&t.active}))}},{key:"renderColGroup",value:function(){var t=this;return(0,o.createVNode)("colgroup",null,[(this.filterColgroups||[]).map((function(n,r){var i,a=(0,e.classes)({active:t.isColActive(r)}),l="".concat((i=$(n),K(i,"auto"))).replace(/px$/i,"");return(0,o.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}(),pe=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:G(e.activeColumn):Array.isArray(e.activeColumn)?G(e.activeColumn[0]):G(e.activeColumn):[]};var fe=function(n,i,a,l){var c,u=(0,o.ref)(200),d=(0,o.ref)(void 0),p=(0,o.computed)((function(){return n.pagination&&n.data.length})),f=(0,o.computed)((function(){var r,o,i;return(0,e.classes)((t(r={},(0,e.resolveClassName)("table"),!0),t(r,"has-footer",p.value),t(r,"has-scroll-y",d.value||n.virtualEnabled),r),(i=["row"],"string"==typeof(o=n.border)&&i.push(o),Array.isArray(o)&&i.push.apply(i,C(o.filter((function(e){return s.includes(e)})))),C(new Set(i)).map((function(e){return"bordered-".concat(e)})).join(" ")))})),v=(0,e.classes)((t(c={},(0,e.resolveClassName)("table-head"),!0),t(c,"has-settings",!!n.settings),c)),h=J(n),y=(0,o.computed)((function(){return{"--row-height":"".concat(X(h,"height",["thead"]),"px"),"--scroll-head-left":"-".concat(a.scrollTranslateX,"px"),"--scroll-left":"".concat(a.scrollTranslateX,"px")}})),m=t({},(0,e.resolveClassName)("table-body"),!0),b=(0,o.computed)((function(){var r;return(0,e.classes)((t(r={},(0,e.resolveClassName)("table-footer"),!0),t(r,"is-hidden",!n.pagination||!n.data.length),r))})),T=function(){if(n.columns.every((function(e){return/^\d+\.?\d*(px)?$/gi.test("".concat(e.width))}))){var e=n.columns.reduce((function(e,t){return e+Number("".concat(t.width).replace(/px/gi,""))}),0),t=d.value?4:0;return"".concat(e+t,"px")}return"100%"},x=(0,o.computed)((function(){return{minHeight:K(n.minHeight,"auto"),width:T(),maxWidth:"100%"}})),P=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},O=(0,o.reactive)({});(0,o.onMounted)((function(){N(null==i?void 0:i.value)}));var N=function(e){if(e){var t=e.parentElement.getBoundingClientRect().height;u.value=t,function(){var e=P(n.height,u.value),t=n.showHead?P(n.headHeight,g):0,r=P(n.minHeight,u.value),o=n.pagination&&n.data.length?g:0,i=e-t-o,a="auto"!==n.height&&"".concat(i,"px"),c=r-t-o;Object.assign(O,{display:!!(null==l?void 0:l.length)&&"block","min-height":"".concat(c,"px"),height:a})}(),_(e)}},_=function(t){var r=n.virtualEnabled?".".concat((0,e.resolveClassName)("virtual-section")):".".concat((0,e.resolveClassName)("table-body-content")),o=t.querySelector(".bk-table-body");d.value=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(e){var r=e.querySelector(t);if(r)return r.offsetHeight>e.offsetHeight-n}return!1}(o,r,0)};return{tableClass:f,headClass:v,contentClass:m,footerClass:b,wrapperStyle:x,contentStyle:O,headStyle:y,resetTableHeight:N,updateBorderClass:_,getColumnsWidthOffsetWidth:function(){var e=0;return d.value&&(e+=4),n.border.includes(r.OUTER)&&!n.border.includes(r.NONE)&&(e+=2),e},hasFooter:p,hasScrollY:d}},ve=function(e){var n,r,i=(0,o.reactive)([]),a=function(){i.splice.apply(i,[0,i.length].concat(C((e.columns||[]).map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null,resizeWidth:null,listeners:new Map})})))))},l=function(e){var n,r,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],a="HeadColumnResize";!function(e){e.MOUSE_MOVE="onMousemove",e.MOUSE_OUT="onMouseout",e.MOUSE_DOWN="onMousedown"}(r||(r={}));var l=!1,c=!1,s=!1,u=0,d=null,p=0,f=(0,o.ref)(-1e3),v=function e(t){var n;c=!1,s=!1,document.body.style.cursor="";var r=t.clientX-u;d.resizeWidth=(null!==(n=d.resizeWidth)&&void 0!==n?n:d.calcWidth)+r,document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",y),u=0,f.value=-1e3,d=null,t.target.closest("table").querySelectorAll("th").forEach((function(e){return e.style.setProperty("user-select","inherit")}))},h=function(e){return(0,q.throttle)((function(){f.value=e.clientX-u+p}),60)},y=function(e){document.body.style.setProperty("cursor",""),h(e)()},g=(t(n={},r.MOUSE_DOWN,(function(e,t){if(l){c=!0,document.body.style.setProperty("cursor","col-resize"),d=t,u=e.clientX;var n=e.target.closest("table");p=u-n.getBoundingClientRect().left,document.addEventListener("mouseup",v),document.addEventListener("mousemove",y)}})),t(n,r.MOUSE_MOVE,(function(e,t){c&&!s&&(s=!0);var n=e.target.closest("th");if(s&&n.style.setProperty("user-select","none"),!s){if(!n)return;var r=n.getBoundingClientRect();r.width>12&&r.right-e.pageX<8?(l=!0,n.style.setProperty("cursor","col-resize")):(n.style.setProperty("cursor",""),l=!1)}})),t(n,r.MOUSE_OUT,(function(e,t){var n=e.target;s||n.style.setProperty("cursor","")})),n),m=function(e){return"".concat(a,"_").concat(e)},b=function(){e.forEach((function(e){!1!==e.resizable&&Object.keys(g).forEach((function(t){var n=m(t);e.listeners.has(n)||e.listeners.set(n,[]),e.listeners.get(n).push(g[t])}))}))},T=function(){e.forEach((function(e){Object.keys(g).forEach((function(t){var n=m(t);if(e.listeners.has(n)){var r=e.listeners.get(n);r.splice(0,r.length)}}))}))};i&&b();var C=(0,o.computed)((function(){return{position:"absolute",top:0,bottom:0,left:0,width:"1px","background-color":"#ebeef5"}}));return{registerResizeEvent:b,resetResizeEvents:T,dragOffsetX:f,dragOffsetXStyle:C}}(i,!0),c=l.dragOffsetXStyle,s=l.dragOffsetX,u=l.resetResizeEvents,d=l.registerResizeEvent,v=function(e){var t=(0,o.reactive)([]);if("disabled"===e.columnPick)return{activeColumns:t};var n=(0,o.reactive)(pe(e));return(0,o.watchEffect)((function(){t=(e.columns||[]).map((function(e,t){return{index:t,active:n.some((function(e){return e===t})),_column:e}}));var r=pe(e);t.forEach((function(e,t){Object.assign(e,{active:r.some((function(e){return e===t}))})}))})),{activeColumns:t}}(e).activeColumns;(0,o.watch)((function(){return e.columns}),(function(){a(),u(),d()}),{immediate:!0,deep:!0});var h=(0,o.reactive)({rowActions:new Map,scrollTranslateY:0,scrollTranslateX:0,pos:{bottom:1},activeColumns:v,settings:e.settings,setting:{size:null===(n=e.settings)||void 0===n?void 0:n.size,height:m[null===(r=e.settings)||void 0===r?void 0:r.size]}}),g=function(e){var t;return!!h.rowActions.has(e)&&(null===(t=h.rowActions.get(e))||void 0===t?void 0:t.isExpand)},b=(0,o.reactive)([]),T=function(){b.forEach((function(e){Object.assign(e,t({},y,g(e.__$uuid)))}))},x=ue(e,i),P=x.renderFixedColumns,O=x.fixedWrapperClass;return{colgroups:i,dragOffsetXStyle:c,dragOffsetX:s,reactiveSchema:h,indexData:b,fixedWrapperClass:O,initIndexData:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0];b.splice.apply(b,[0,b.length].concat(C(e.data.map((function(r,o){var i,a=ee(r,e,o);return Object.assign(Object.assign({},r),(t(i={},p,o),t(i,f,a),t(i,y,!!n&&g(a)),i))})))))},updateIndexData:T,renderFixedColumns:P,setRowExpand:function(e){var t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,r=e.__$uuid,o="boolean"==typeof n?n:!g(r);h.rowActions.set(r,Object.assign({},null!==(t=h.rowActions.get(r))&&void 0!==t?t:{},{isExpand:o})),T()},updateColGroups:a}};const he=(0,o.defineComponent)({name:"Table",props:k,emits:d,setup:function(n,r){var i,s=null,u=null,d=null,p=(0,o.ref)(),f=(0,o.ref)(),v=ve(n),h=v.colgroups,y=v.dragOffsetXStyle,g=v.dragOffsetX,m=v.reactiveSchema,b=v.indexData,T=v.renderFixedColumns,C=v.setRowExpand,P=v.initIndexData,w=v.fixedWrapperClass,k=O(n,b),E=k.pageData,S=k.localPagination,V=k.resolvePageData,L=k.watchEffectFn,R=fe(n,p,m,E),j=R.tableClass,A=R.headClass,H=R.contentClass,I=R.footerClass,z=R.wrapperStyle,F=R.contentStyle,D=R.headStyle,M=R.updateBorderClass,W=R.resetTableHeight,U=R.getColumnsWidthOffsetWidth,B=R.hasFooter,X=new de(n,r,m,h);(0,o.watch)((function(){return[n.data,n.pagination]}),(function(){P(n.reserveExpand),L(u,s),(0,o.nextTick)((function(){W(p.value),M(p.value)}))}),{immediate:!0,deep:!0}),(0,o.watchEffect)((function(){if((null==p?void 0:p.value)instanceof HTMLElement){var e=U();Y(p.value,h,20,e)}})),X.on(l.ON_SORT_BY_CLICK,(function(e){var t,n,o=e.sortFn,i=e.column,a=e.index,l=e.type;"function"==typeof o&&(V(u,s=o),null===(n=null===(t=f.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t)),r.emit(c.COLUMN_SORT,{column:i,index:a,type:l})})).on(l.ON_FILTER_CLICK,(function(e){var t,n,o=e.filterFn,i=e.checked,a=e.column,l=e.index;"function"==typeof o&&(V(u=o,s),null===(n=null===(t=f.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t)),r.emit(c.COLUMN_FILTER,{checked:i,column:a,index:l})})).on(l.ON_SETTING_CHANGE,(function(e){var t=e.checked,n=void 0===t?[]:t,i=e.size,a=e.height;(0,o.nextTick)((function(){var e,t;M(p.value);var o=U();n.length&&Y(p.value,h,20,o),null===(t=null===(e=f.value)||void 0===e?void 0:e.reset)||void 0===t||t.call(e),r.emit(c.SETTING_CHANGE,{checked:n,size:i,height:a})}))})).on(l.ON_ROW_EXPAND_CLICK,(function(e){var t=e.row,n=e.column,o=e.index,i=e.rows,a=e.e;r.emit(c.ROW_EXPAND_CLICK,{row:t,column:n,index:o,rows:i,e:a}),C(t,!t.__row_expand)}));var G=function(t){var n,o=null!==(n=m.pos.bottom)&&void 0!==n?n:0,i=t[1],a=i.translateX,l=i.translateY,s=i.pos,u=void 0===s?{}:s;m.scrollTranslateY=l,m.scrollTranslateX=a,m.pos=u;var d=u.bottom;d<=2&&o>d&&(0,e.debounce)(60,(function(){r.emit(c.SCROLL_BOTTOM,Object.assign(Object.assign({},u),{translateX:a,translateY:l}))}),!0)()};(0,o.onMounted)((function(){d=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,q.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)}}}(p.value,(function(){"100%"!==n.height&&"auto"!==n.height||W(p.value),M(p.value);var e=U();Y(p.value,h,20,e)}),60,!0),d.start()})),(0,o.onBeforeUnmount)((function(){d.stop(),d=null,X.destroy()})),r.expose({setRowExpand:C});var K=(0,o.computed)((function(){return Object.assign(Object.assign({},H),{"__is-empty":!E.length})})),$=(t(i={},(0,e.resolveClassName)("table-body-content"),!0),t(i,"with-virtual-render",n.virtualEnabled),i),J={column_drag_line:!0,"offset-x":!0},Q=(0,o.computed)((function(){return Object.assign(Object.assign({},y.value),{left:"".concat(g.value-m.scrollTranslateX,"px")})})),Z={"scroll-loading":!0,_bottom:!0},ee=function(e,t){var n=(0,o.toRef)(e,"scrollLoading"),r=(0,o.computed)((function(){return null!==n.value&&("boolean"==typeof n.value&&n.value||"object"===x(n.value))}));return{renderScrollLoading:function(){var e,i,a;if(r.value){var l="boolean"==typeof n.value?{loading:!!n.value,inline:!0,title:"",size:N.BkLoadingSize.Normal,mode:N.BkLoadingMode.Default,indicator:null}:n.value,c=l.loading,s=l.size,u=l.mode,d=l.title,p=l.inline,f=l.indicator;return null!==(a=null===(i=(e=t.slots).fixedBottom)||void 0===i?void 0:i.call(e))&&void 0!==a?a:(0,o.createVNode)(_(),{loading:c,size:s,mode:u,title:d,inline:p,indicator:f},null)}}}}(n,r).renderScrollLoading,te=n.virtualEnabled?{}:{scrollXName:"",scrollYName:""};return function(){return(0,o.createVNode)("div",{class:j.value,style:z.value,ref:p},[(0,o.createVNode)("div",{class:A,style:D.value},[X.renderTableHeadSchema()]),(0,o.createVNode)(a(),(0,o.mergeProps)({ref:f,lineHeight:X.getRowHeight,class:K.value,style:F,list:E},te,{contentClassName:$,onContentScroll:G,throttleDelay:0,scrollEvent:!0,enabled:n.virtualEnabled}),{default:function(e){return X.renderTableBodySchema(e.data||n.data)}}),(0,o.createVNode)("div",{class:w},[T(),(0,o.createVNode)("div",{class:J,style:Q.value},null),(0,o.createVNode)("div",{class:Z},[ee()])]),(0,o.createVNode)("div",{class:I.value},[B.value&&X.renderTableFooter(S.value)])])}}}),ye=(0,e.withInstall)(he)})(),h})()));

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,135 @@
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 10px;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6c;
+  --radio-distable-checked-bg: #fafbfd;
+  --radio-button-checked-bg: #e1ecff;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #575961;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
+}
+.bk-head-cell-sort {
+  display: flex;
+  flex-direction: column;
+  margin-left: 4px;
+  font-size: 10px;
+}
+.bk-head-cell-sort .sort-action {
+  display: flex;
+  width: 18px;
+  height: calc(var(--row-height)/2);
+  color: #c0c4cc;
+  cursor: pointer;
+}
+.bk-head-cell-sort .sort-action.active {
+  color: #3a84ff;
+}
+.bk-head-cell-sort .sort-action.sort-asc {
+  align-items: flex-end;
+}
+.bk-head-cell-sort .sort-action.sort-desc {
+  align-items: flex-start;
+}