bkui-vue 0.0.1-beta.21 → 0.0.1-beta.210

package/lib/table/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("../pagination"),require("../virtual-render")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../pagination","../virtual-render"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e.Pagination,e["@bkui-vue/virtual-render"])}(this,(function(e,t,r,o,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(o),s=i(n);function c(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var u={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.__esModule=!0,e.exports.default=e.exports}(u);var l=c(u.exports),p=["none","row","col","outer"],d={onRowClick:Function},f=Object.assign({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"),height:r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]).def("auto"),minHeight:r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]).def("auto"),rowHeight:r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.func]).def(40),headHeight:r.PropTypes.number.def(40),showHead:r.PropTypes.bool.def(!0),virtualEnabled:r.PropTypes.bool.def(!1),border:r.PropTypes.arrayOf(r.PropTypes.commonType(p,"border")).def(["row"]),pagination:r.PropTypes.oneOfType([r.PropTypes.bool.def(!1),r.PropTypes.object.def({})]).def(!1)},d),y={exports:{}};!function(e){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},e.exports.__esModule=!0,e.exports.default=e.exports}(y);var v=c(y.exports),h={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),Object.defineProperty(e,"prototype",{writable:!1}),e},e.exports.__esModule=!0,e.exports.default=e.exports}(h);var m=c(h.exports),b={exports:{}};!function(e){function t(r){return e.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,t(r)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(b);var x=c(b.exports),g={exports:{}},T={exports:{}},P={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.__esModule=!0,e.exports.default=e.exports}(P),function(e){var t=P.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(T);var C={exports:{}};!function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(C);var w={exports:{}};!function(e){var t=P.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.__esModule=!0,e.exports.default=e.exports}(w);var O={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.__esModule=!0,e.exports.default=e.exports}(O),function(e){var t=T.exports,r=C.exports,o=w.exports,n=O.exports;e.exports=function(e){return t(e)||r(e)||o(e)||n()},e.exports.__esModule=!0,e.exports.default=e.exports}(g);var k=c(g.exports),_=void 0,N=function(e,t,r){var o;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(o=e[t]).call.apply(o,[_].concat(k(r))):e[t]},j=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:A(e.activeColumn):Array.isArray(e.activeColumn)?A(e.activeColumn[0]):A(e.activeColumn):[]},A=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},H=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",r=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,r&&(o="calc(".concat(o," - ").concat(r,")")),o},V=m((function e(t,r){v(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=r})),S=function(){function e(t,r,o,n){v(this,e),this.props=t,this.context=r,this.reactiveProp=o,this.colgroups=n,this.plugins=new V(t,r)}return m(e,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){return t.createVNode("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])}},{key:"renderTableBodySchema",value:function(e){return t.createVNode("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderTBody(e)])}},{key:"renderTableFooter",value:function(e){return t.createVNode(a.default,e,null)}},{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,o={"--row-height":"".concat(N(this.props,"headHeight",["thead"]),"px")};return t.createVNode("thead",{style:o},[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"},[N(o,"label",[o])])])}))])])}},{key:"renderTBody",value:function(e){var r=this;return t.createVNode("tbody",null,[e.map((function(o,n){var i={"--row-height":"".concat(N(r.props,"rowHeight",["tbody",o,n]),"px")};return t.createVNode("tr",{style:i,onClick:function(t){return r.handleRowClick(t,o,n,e)}},[r.props.columns.map((function(i){return t.createVNode("td",{colspan:1,rowspan:1},[t.createVNode("div",{class:"cell"},[r.renderCell(o,i,n,e)])])}))])}))])}},{key:"handleRowClick",value:function(e,t,r,o){this.context.emit("row-click",e,t,r,o,this)}},{key:"renderCell",value:function(e,t,r,o){var n=e[N(t,"field",[t,e])];return"function"==typeof t.render?t.render(n,e,r,o):n}},{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.colgroups||[]).map((function(o,n){var i,a=r.classes({active:e.isColActive(n)}),s={width:(i=o.calcWidth,H(i,"auto"))};return t.createVNode("col",{class:a,style:s},null)}))])}}]),e}(),M=t.defineComponent({name:"Table",props:f,setup:function(e,o){var n=t.reactive(j(e)),i=t.reactive(e.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null})}))),a=t.reactive({count:0,limit:10,current:1}),c=null,u=t.ref(),d=function(){return(e.columns||[]).map((function(e,t){return{index:t,active:n.some((function(e){return e===t})),_column:e}}))},f=t.reactive({activeColumns:d(),scrollTranslateY:0}),y=t.computed((function(){return{minHeight:H(e.minHeight,"auto")}})),v=t.computed((function(){var t,r=H(e.height),o=e.showHead?H(e.headHeight):"0",n=(t=e.height,!/^\d+\.?\d*(px|%)?$/.test("".concat(t)));return Object.assign({display:"block"},n?{maxHeight:"calc(".concat(r," - ").concat(o," - 2px)")}:{height:"calc(".concat(r," - ").concat(o," - 2px)")})}));t.watch((function(){return[e.activeColumn,e.columns,e.pagination]}),(function(){t.nextTick((function(){f.activeColumns=d();var t,r,o=j(e);f.activeColumns.forEach((function(e,t){Object.assign(e,{active:o.some((function(e){return e===t}))})})),t=e.pagination,r=a,a=t?"object"===x(t)?Object.assign(Object.assign({},t),r):r:{}}))}),{deep:!0});var h=new S(e,o,f,i),m=t.computed((function(){return r.classes(l({},r.resolveClassName("table"),!0),(t=e.border,o=["row"],"string"==typeof t&&o.push(t),Array.isArray(t)&&o.push.apply(o,k(t.filter((function(e){return p.includes(e)})))),k(new Set(o)).map((function(e){return"bordered-".concat(e)})).join(" ")));var t,o})),b=r.classes(l({},r.resolveClassName("table-head"),!0)),g=r.classes(l({},r.resolveClassName("table-body"),!0)),T=r.classes(l({},r.resolveClassName("table-footer"),!0)),P=function(e){var t=e[1];f.scrollTranslateY=t.translateY};return t.onMounted((function(){c=function(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,n=arguments.length>3&&void 0!==arguments[3]&&arguments[3],i=r.throttle((function(){"function"==typeof t&&t()}),o),a=new ResizeObserver((function(){i()}));return n&&"function"==typeof t&&t(),{start:function(){a.observe(e)},stop:function(){a.disconnect(),a.unobserve(e)}}}(u.value,(function(){!function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,o=(e.getBoundingClientRect()||{}).width,n=[],i=function(e,t){var r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];Object.assign(e,{calcWidth:t}),r&&(o-=t)<0&&(o=0)};if(t.forEach((function(e,t){var a=String(e.width),s=!0;if(/^\d+\.?\d*(px)?$/.test(a)){var c=Number(a.replace("px",""));i(e,c),s=!1}if(/^\d+\.?\d*%$/.test(a)){var u=r;if(o>0){var l=Number(a.replace("%",""));u=o*l/100}i(e,u),s=!1}s&&n.push(t)})),n.length>0){var a=r;o>0&&(a=o/n.length,n.forEach((function(e){return i(t[e],a,!1)})))}}(u.value,i,20)}),60,!0),c.start()})),t.onBeforeUnmount((function(){c.stop(),c=null})),o.expose({plugins:h.plugins}),function(){return t.createVNode("div",{class:m.value,style:y.value,ref:u},[t.createVNode("div",{class:b},[e.showHead&&h.renderTableHeadSchema()]),t.createVNode(s.default,{lineHeight:e.rowHeight,contentClassName:g,style:v.value,list:e.data,onContentScroll:P,throttleDelay:0,enabled:e.virtualEnabled},{default:function(t){return h.renderTableBodySchema(t.data||e.data)},afterContent:function(){return t.createVNode("div",{class:r.resolveClassName("table-fixed")},null)}}),t.createVNode("div",{class:T},[e.pagination&&h.renderTableFooter(a)])])}}}),E=r.withInstall(M);e.default=E,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("../checkbox"),require("../icon"),require("../pagination"),require("../directives"),require("lodash"),require("../exception"),require("../popover2"),require("../icon/"),require("../button"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","../loading","../checkbox","../icon","../pagination","../directives","lodash","../exception","../popover2","../icon/","../button"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../virtual-render"),require("../loading"),require("../checkbox"),require("../icon"),require("../pagination"),require("../directives"),require("lodash"),require("../exception"),require("../popover2"),require("../icon/"),require("../button")):t(e["../shared"],e.vue,e["../virtual-render"],e["../loading"],e["../checkbox"],e["../icon"],e["../pagination"],e["../directives"],e.lodash,e["../exception"],e["../popover2"],e["../icon/"],e["../button"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n,o,r,i,l,a,c,s,u,d,p)=>(()=>{var f={8022:(e,t,n)=>{var o=n(4481),r=n(6426),i=r;i.v1=o,i.v4=r,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 o=n||0,r=t;return[r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]]].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 o=new Array(16);e.exports=function(){for(var e,t=0;t<16;t++)0==(3&t)&&(e=4294967296*Math.random()),o[t]=e>>>((3&t)<<3)&255;return o}}},4481:(e,t,n)=>{var o,r,i=n(9157),l=n(8725),a=0,c=0;e.exports=function(e,t,n){var s=t&&n||0,u=t||[],d=(e=e||{}).node||o,p=void 0!==e.clockseq?e.clockseq:r;if(null==d||null==p){var f=i();null==d&&(d=o=[1|f[0],f[1],f[2],f[3],f[4],f[5]]),null==p&&(p=r=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-a+(h-c)/1e4;if(y<0&&void 0===e.clockseq&&(p=p+1&16383),(y<0||v>a)&&void 0===e.nsecs&&(h=0),h>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");a=v,c=h,r=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||l(u)}},6426:(e,t,n)=>{var o=n(9157),r=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 l=(e=e||{}).random||(e.rng||o)();if(l[6]=15&l[6]|64,l[8]=63&l[8]|128,t)for(var a=0;a<16;++a)t[i+a]=l[a];return t||r(l)}},4976:e=>{"use strict";e.exports=p},5800:e=>{"use strict";e.exports=r},4061:e=>{"use strict";e.exports=a},9911:e=>{"use strict";e.exports=s},6870:e=>{"use strict";e.exports=i},7685:e=>{"use strict";e.exports=d},4870:e=>{"use strict";e.exports=o},5801:e=>{"use strict";e.exports=l},6175:e=>{"use strict";e.exports=u},4212:t=>{"use strict";t.exports=e},3511:e=>{"use strict";e.exports=n},467:e=>{"use strict";e.exports=c},748:e=>{"use strict";e.exports=t}},v={};function h(e){var t=v[e];if(void 0!==t)return t.exports;var n=v[e]={exports:{}};return f[e](n,n.exports,h),n.exports}h.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return h.d(t,{a:t}),t},h.d=(e,t)=>{for(var n in t)h.o(t,n)&&!h.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},h.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),h.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var y={};return(()=>{"use strict";h.r(y),h.d(y,{BkColumn:()=>He,default:()=>Re});var e,t,n,o=h(4212),r=h(748);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}!function(e){e.NONE="none",e.ROW="row",e.COL="col",e.OUTER="outer"}(t||(t={})),function(e){e.HIGHLIGHT="highlight",e.AUTO="auto"}(n||(n={}));var l,a,c=[n.AUTO,n.HIGHLIGHT],s=[t.NONE,t.ROW,t.COL,t.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",e.ON_ROW_CHECK="onRowCheck"}(l||(l={})),function(e){e.COLUMN_PICK="columnPick",e.COLUMN_SORT="columnSort",e.COLUMN_FILTER="columnFilter",e.COLUMN_FILTER_SAVE="colFilterSave",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",e.ROW_SELECT="select",e.ROW_SELECT_ALL="selectAll",e.ROW_SELECT_CHANGE="selectionChange"}(a||(a={}));var u,d=function(){return!0},p=(i(e={},a.COLUMN_PICK,d),i(e,a.COLUMN_FILTER,d),i(e,a.COLUMN_SORT,d),i(e,a.COLUMN_FILTER_SAVE,d),i(e,a.ROW_CLICK,d),i(e,a.ROW_DBL_CLICK,d),i(e,a.ROW_EXPAND_CLICK,d),i(e,a.ROW_SELECT,d),i(e,a.ROW_SELECT_ALL,d),i(e,a.ROW_SELECT_CHANGE,d),i(e,a.PAGE_LIMIT_CHANGE,d),i(e,a.PAGE_VALUE_CHANGE,d),i(e,a.SETTING_CHANGE,d),i(e,a.SCROLL_BOTTOM,d),e),f="__$table_row_index",v="__$uuid",g="__row_expand",m="__row_selection",b="__row_selection_all",T="__row_selection_indeterminate",C="__row_source_data",P="__col_$uuid",_=42,O={large:78,medium:60,small:42},x=[{value:"small",label:"小",height:O.small},{value:"medium",label:"中",height:O.medium},{value:"large",label:"大",height:O.large}],w="InitColumns";!function(e){e.ASC="asc",e.DESC="desc",e.NULL="null"}(u||(u={}));var N,E=[u.ASC,u.DESC,u.NULL];!function(e){e.CURRENT="current",e.ALL="all"}(N||(N={}));var S={label:o.PropTypes.oneOfType([o.PropTypes.func.def((function(){return""})),o.PropTypes.string.def("")]),field:o.PropTypes.oneOfType([o.PropTypes.func.def((function(){return""})),o.PropTypes.string.def("")]),render:o.PropTypes.oneOfType([o.PropTypes.func.def((function(){return""})),o.PropTypes.string.def("")]),width:o.PropTypes.oneOfType([o.PropTypes.number.def(void 0),o.PropTypes.string.def("auto")]),minWidth:o.PropTypes.oneOfType([o.PropTypes.number.def(void 0),o.PropTypes.string.def("auto")]).def(),columnKey:o.PropTypes.string.def(""),showOverflowTooltip:o.PropTypes.oneOfType([o.PropTypes.bool,o.PropTypes.shape({content:o.PropTypes.string.def(""),disabled:o.PropTypes.bool.def(!1),watchCellResize:o.PropTypes.bool.def(!0)})]).def(void 0),type:o.PropTypes.commonType(["selection","index","expand","none"],"columnType").def("none"),resizable:o.PropTypes.bool.def(!0),fixed:o.PropTypes.oneOfType([o.PropTypes.bool,o.PropTypes.commonType(["left","right"],"fixed")]).def(!1),sort:o.PropTypes.oneOfType([o.PropTypes.shape({sortFn:o.PropTypes.func.def(void 0),sortScope:o.PropTypes.commonType(Object.values(N)).def(N.CURRENT),value:o.PropTypes.string.def(u.NULL)}),o.PropTypes.bool,o.PropTypes.string]).def(!1),filter:o.PropTypes.oneOfType([o.PropTypes.shape({list:o.PropTypes.arrayOf(o.PropTypes.any).def([]),filterFn:o.PropTypes.func.def(void 0),match:o.PropTypes.commonType(["full","fuzzy"],"full"),filterScope:o.PropTypes.commonType(Object.values(N)).def(N.CURRENT),btnSave:o.PropTypes.oneOfType([o.PropTypes.bool,o.PropTypes.string]).def("确定"),btnReset:o.PropTypes.oneOfType([o.PropTypes.bool,o.PropTypes.string]).def("重置")}),o.PropTypes.bool,o.PropTypes.string]).def(!1)},k={data:o.PropTypes.arrayOf(o.PropTypes.any).def([]),columns:o.PropTypes.arrayOf(o.PropTypes.shape(S)).def([]),activeColumn:o.PropTypes.oneOfType([o.PropTypes.number.def(-1),o.PropTypes.arrayOf(o.PropTypes.number.def(-1))]),columnPick:o.PropTypes.commonType(["multi","single","disabled"],"columnPick").def("disabled"),height:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.string]).def("auto"),minHeight:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.string]).def(84),maxHeight:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.string]).def("auto"),rowHeight:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.func]).def(_),headHeight:o.PropTypes.number.def(_),showHead:o.PropTypes.bool.def(!0),thead:o.PropTypes.shape({height:o.PropTypes.number.def(_),isShow:o.PropTypes.bool.def(!0),cellFn:o.PropTypes.func.def(void 0)}),virtualEnabled:o.PropTypes.bool.def(!1),border:o.PropTypes.arrayOf(o.PropTypes.commonType(s,"border")).def([t.ROW]),pagination:o.PropTypes.oneOfType([o.PropTypes.bool.def(!1),o.PropTypes.object.def({})]).def(!1),remotePagination:o.PropTypes.bool.def(!1),emptyText:o.PropTypes.string.def("暂无数据"),settings:o.PropTypes.oneOfType([o.PropTypes.shape({fields:o.PropTypes.arrayOf(o.PropTypes.shape({label:o.PropTypes.string,field:o.PropTypes.string,disabled:o.PropTypes.bool})),checked:o.PropTypes.arrayOf(o.PropTypes.string),limit:o.PropTypes.number.def(0),size:o.PropTypes.size(["small","medium","large"]).def("small"),sizeList:o.PropTypes.shape([]),showLineHeight:o.PropTypes.bool.def(!0)}),o.PropTypes.bool]).def(!1),rowClass:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.object,o.PropTypes.func]).def({}),rowStyle:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.object,o.PropTypes.func]).def({}),cellStyle:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.object,o.PropTypes.func]).def({}),cellClass:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.object,o.PropTypes.func]).def({}),scrollLoading:o.PropTypes.oneOfType([o.PropTypes.object,o.PropTypes.bool]).def(void 0),reserveExpand:o.PropTypes.bool.def(!1),selectionKey:o.PropTypes.string.def(""),isSelectedFn:o.PropTypes.func.def(void 0),rowKey:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.func]).def(f),showOverflowTooltip:o.PropTypes.oneOfType([o.PropTypes.bool,o.PropTypes.shape({content:o.PropTypes.string.def(""),disabled:o.PropTypes.bool.def(!1),watchCellResize:o.PropTypes.bool.def(!0)})]).def(!1),asyncData:o.PropTypes.bool.def(!1),rowHover:o.PropTypes.oneOf(c).def(n.HIGHLIGHT),defaultSort:o.PropTypes.shape({}).def({})};const L=(0,r.defineComponent)({name:"TableColumn",props:Object.assign(Object.assign({},S),{prop:o.PropTypes.oneOfType([o.PropTypes.func.def((function(){return""})),o.PropTypes.string.def("")])}),setup:function(e,t){var n=t.slots,o=(0,r.inject)(w,(function(e){}),!1);return(0,r.onMounted)((function(){var t=(0,r.reactive)(Object.assign(Object.assign({},e),{field:e.prop||e.field}));o(t),t.render=n.default?function(e){var t;return null===(t=n.default)||void 0===t?void 0:t.call(n,e)}:void 0})),function(){var e;return(0,r.createVNode)(r.Fragment,null,[null===(e=n.default)||void 0===e?void 0:e.call(n,{data:""})])}}});var A=h(3511),V=h.n(A);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 H(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.")}()}function j(e){return j="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},j(e)}var I=function(e,t){if(e){if("object"===j(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 F=function(e,t){var n=(0,r.ref)(0),o=(0,r.ref)(0),i=(0,r.reactive)({count:0,limit:10,current:1});i=I(e.pagination,i);var l=(0,r.ref)(null),a=(0,r.reactive)([]),c=function(e,t){"function"==typeof t&&e.sort(t)},s=function(r,i,l){var s,u=t.slice();(null!==(s=null==l?void 0:l.sort)&&void 0!==s?s:{}).sortScope===N.ALL&&c(u,i),a.splice.apply(a,[0,a.length].concat(H(u.slice(n.value,o.value)))),function(t,n){if("function"==typeof n){var o=t.filter((function(t,o){return n(t,o,e.data)}));t.splice.apply(t,[0,t.length].concat(H(o)))}}(a,r),c(a,i)};return{pageData:a,localPagination:l,resolvePageData:s,watchEffectFn:function(t,r,a){i=I(e.pagination,i),e.pagination&&(l.value=e.remotePagination?i:Object.assign(Object.assign({},i),{count:e.data.length})),function(){if(!e.pagination||e.remotePagination)return n.value=0,void(o.value=e.data.length);n.value=(i.current-1)*i.limit,o.value=i.current*i.limit}(),s(t,r,a)}}};var W=h(4870),z=h.n(W);function M(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function U(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&&U(e.prototype,t),n&&U(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var D=h(8022),G=h(5800),q=h.n(G),$=h(6870),B=h(5801),X=h.n(B),Y=h(4061),J=h(467),Q=void 0,Z=function e(t,n,o){var r;return"string"==typeof n?Object.prototype.hasOwnProperty.call(t,n)?"function"==typeof t[n]?(r=t[n]).call.apply(r,[Q].concat(H(o))):t[n]:void 0:Array.isArray(n)?n.map((function(n){return e(t,n,o)})).filter((function(e){return void 0!==e})).at(0):void 0},ee=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},te=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},ne=function(e){var t,n,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["resizeWidth","calcWidth","width"];return null!==(n=null!==(t=e[o[0]])&&void 0!==t?t:e[o[1]])&&void 0!==n?n:e[o[2]]},oe=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,r=e.getBoundingClientRect()||{},i=r.width,l=i-o,a=l,c=[],s=function(e,t){var n=e.minWidth,o=void 0===n?void 0:n;if(void 0===o)return t;var r=t;return/^\d+\.?\d*$/.test("".concat(o))&&(r=Number(o)),/^\d+\.?\d*%$/.test("".concat(o))&&(r=Number(o)*l/100),/^\d+\.?\d*px$/i.test("".concat(o))&&(r=Number("".concat(o).replace(/px/i,""))),r},u=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=s(e,t),r=t<o?o:t;Object.assign(e,{calcWidth:r}),n&&(a-=r)<0&&(a=0)};if(t.forEach((function(e,t){if(!e.isHidden){var o=String(ne(e,["resizeWidth","width"])),r=!0;if(/^\d+\.?\d*(px)?$/.test(o)){var i=Number(o.replace("px",""));u(e,i),r=!1}if(/^\d+\.?\d*%$/.test(o)){var l=n;if(a>0){var s=Number(o.replace("%",""));l=a*s/100}u(e,l),r=!1}r&&c.push(t)}})),c.length>0){var d=n;a>0&&(d=a/c.length,c.forEach((function(e){return u(t[e],d,!1)})))}},re=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,J.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)}}},ie=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))},le=function(e,t,n){return"index"===n.type?e.__$table_row_index+1:(0,J.get)(e,t)},ae=function e(t,n){return Array.isArray(t)?t:"string"==typeof t||"object"===j(t)?[t]:"function"==typeof t?e(Reflect.apply(t,Q,n),n):[]},ce=function(e,t,n){return"string"==typeof t.rowKey?t.rowKey===f?"__ROW_INDEX_".concat(n):(0,J.get)(e,t.rowKey):"function"==typeof t.rowKey?Reflect.apply(t.rowKey,Q,[e]):(0,D.v4)()},se=function(e,t,n){var o;return o=t,e.some((function(e){return e.field===Z(o,["field","type"],[o])}))&&n.length&&!n.includes(Z(t,["field","type"],[t]))};const ue=(0,r.defineComponent)({name:"TableCell",props:{column:o.PropTypes.any.def({}),row:o.PropTypes.any.def({}),parentSetting:o.PropTypes.oneOfType([o.PropTypes.bool,o.PropTypes.shape({content:o.PropTypes.string.def(""),disabled:o.PropTypes.bool.def(!1),watchCellResize:o.PropTypes.bool.def(!0)})]).def(void 0)},setup:function(e,t){var n=t.slots,i=(0,r.ref)(),l=(0,r.ref)(!1),a=(/boolean|object/.test(j(e.column.showOverflowTooltip))&&null!==e.column.showOverflowTooltip?e.column:{showOverflowTooltip:e.parentSetting}).showOverflowTooltip,c=void 0!==a&&a,s=null,u=null,d=function(){var t=!0,n=i.value.innerText;return"boolean"==typeof c&&(t=!c),"object"===j(c)&&(t=c.disabled,"function"==typeof c.content&&(n=c.content(e.column,e.row)),n=c.content||i.value.innerText),{disabled:t,content:n}},p=function(){if(i.value&&!/selection|index|expand/.test(e.column.type)&&(0,o.isElement)(i.value)){var t=d().content,n=function(e,t){function n(e,t){return window.getComputedStyle(e,null).getPropertyValue(t)}return function e(t,n){var o=(e.canvas||(e.canvas=document.createElement("canvas"))).getContext("2d");return o.font=n,o.measureText(t).width}(t||(null==e?void 0:e.innerHTML),function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document.body,t=n(e,"font-weight")||"normal",o=n(e,"font-size")||"16px",r=n(e,"font-family")||"Times New Roman";return"".concat(t," ").concat(o," ").concat(r)}(e))}(i.value,t),a=i.value.clientWidth,c=window.getComputedStyle(i.value),s=a-["padding-left","padding-right"].reduce((function(e,t){return e+Number(c.getPropertyValue(t).replace("px",""))}),0);if(l.value=n>s,l.value){var p=(0,r.ref)(d());null===u&&(u=(0,Y.bkEllipsisInstance)(i.value,p))}else null==u||u.destroyInstance(i.value),u=null}};return(0,r.onMounted)((function(){var t;d().disabled||(p(),!1!==(null===(t=e.column.showOverflowTooltip)||void 0===t?void 0:t.watchCellResize)&&(s=re(i.value,(function(){p()}),60,!0)).start())})),(0,r.onBeforeUnmount)((function(){null==s||s.stop(),null==u||u.destroyInstance(i.value)})),function(){var e;return(0,r.createVNode)("div",{class:"cell",ref:i},[null===(e=n.default)||void 0===e?void 0:e.call(n)])}}}),de=(0,r.defineComponent)({name:"TableRow",render:function(){var e,t;return(0,r.createVNode)(r.Fragment,null,[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)])}});var pe=h(9911),fe=h.n(pe);const ve=(0,r.defineComponent)({name:"BodyEmpty",props:{list:o.PropTypes.array.def([]),filterList:o.PropTypes.array.def([]),emptyText:o.PropTypes.string.def("暂无数据")},emits:["change"],setup:function(e){var t=(0,r.computed)((function(){return 0===e.list.length?"empty":"search-empty"}));return function(){return(0,r.createVNode)(fe(),{scene:"part",type:t.value,description:e.emptyText},null)}}});var he=h(6175),ye=h.n(he);const ge=(0,r.defineComponent)({name:"HeadFilter",props:{column:o.PropTypes.any.def({}),height:o.PropTypes.number.def(_)},emits:["change","filterSave"],setup:function(e,t){var n=t.emit,l=e.column,a=(0,r.reactive)({isOpen:!1,checked:[]}),c=(0,r.computed)((function(){var t;return(0,o.classes)((i(t={},(0,o.resolveClassName)("table-head-action"),!0),i(t,"column-filter",!0),i(t,"--row-height","".concat(e.height,"px")),i(t,"active",a.checked.length),i(t,"opened",a.isOpen),t))})),s=(0,o.classes)(i({},(0,o.resolveClassName)("table-head-filter"),!0)),u=function(e){a.isOpen=e},d="light ".concat((0,o.resolveClassName)("table-head-filter")),p=(0,r.computed)((function(){var e=l.filter.list;return(void 0===e?[]:e).map((function(e){return Object.assign(Object.assign({},e),{checked:a.checked.includes(e.value)})}))})),f="function"==typeof l.filter.filterFn?function(t,n,o,r){return l.filter.filterFn(t,n,e.column,o,r)}:function(e,t){return!e.length||function(e,t){var n=l.filter.match,o=le(t,Z(l,"field",[l,t]),l);return"full"===n&&e.includes(o),e.some((function(e){return function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"ig";return new RegExp("".concat(e).replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&"),t)}(e,"img").test(o)}))}(e,t)},v=function(){h(!0),n("filterSave",H(a.checked)),a.isOpen=!1},h=function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],o=g(b,"确定"),r=o.disabled;if(r||t){if("custom"===e.column.filter)return n("change",H(a.checked),null),void(a.isOpen=!1);n("change",H(a.checked),f)}},y=function(){a.checked.length&&(a.checked.splice(0,a.checked.length),a.isOpen=!1,(0,r.nextTick)((function(){return n("change",a.checked,f)})))},g=function(e,t){return{disabled:"disabled"===e||!1===e,text:"string"==typeof e?e:t}},m=l.filter,b=m.btnSave,T=m.btnReset,C=function(){var e=g(T,"重置"),t=e.disabled,n=e.text;return t?"":(0,r.createVNode)("span",{class:["btn-filter-reset",a.checked.length?"":"disable"],onClick:y},[n])};return function(){return(0,r.createVNode)(ye(),(0,r.mergeProps)({trigger:"click",isShow:a.isOpen,placement:"bottom-start",arrow:!1,offset:0},{theme:d},{onAfterShow:function(){return u(!0)},onAfterHidden:function(){return u(!1)}}),{default:function(){return(0,r.createVNode)($.Funnel,{class:c.value},null)},content:function(){var e,t,n,o,i;return(0,r.createVNode)("div",{class:s},[(0,r.createVNode)(G.BkCheckboxGroup,{class:"content-list",modelValue:a.checked,"onUpdate:modelValue":function(e){return a.checked=e},onChange:function(){return h(!1)}},(i=e=p.value.map((function(e){return(0,r.createVNode)("div",{class:"list-item"},[(0,r.createVNode)(q(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof i||"[object Object]"===Object.prototype.toString.call(i)&&!(0,r.isVNode)(i)?e:{default:function(){return[e]}})),(0,r.createVNode)("div",{class:"content-footer"},[(t=g(b,"确定"),n=t.disabled,o=t.text,n?(0,r.createVNode)("span",{class:"btn-filter-save disabled"},[o]):(0,r.createVNode)("span",{class:"btn-filter-save",onClick:v},[o])),(0,r.createVNode)("span",{class:"btn-filter-split"},null),C()])])}})}}});var me=h(7685);const be=(0,r.defineComponent)({name:"HeadSort",props:{column:o.PropTypes.any.def({}),defaultSort:o.PropTypes.oneOf(E).def(u.NULL)},emits:["change"],setup:function(e,t){var n,i,l=t.emit,a=(null===(i=null===(n=e.column)||void 0===n?void 0:n.sort)||void 0===i?void 0:i.value)||e.defaultSort||u.NULL,c=(0,r.ref)(a),s=function(t,n){var o,r;if(t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault(),c.value===n?c.value=u.NULL:c.value=n,"custom"!==e.column.sort){var i=e.column.field,a=function(t){return le(t,i,e.column)},s="function"==typeof(null===(o=e.column.sort)||void 0===o?void 0:o.sortFn)?null===(r=e.column.sort)||void 0===r?void 0:r.sortFn:function(e,t){var n=a(e),o=a(t);return"number"==typeof n&&"number"==typeof o?n-o:String.prototype.localeCompare.call(n,o)},d=c.value===u.NULL?function(){return!0}:function(e,t){return s(e,t)*(n===u.DESC?-1:1)};l("change",d,n)}else l("change",null,n)};return function(){return(0,r.createVNode)("span",{class:(0,o.resolveClassName)("head-cell-sort")},[(0,r.createVNode)(me.AngleDownFill,{class:["sort-action","sort-asc",c.value===u.ASC?"active":""],onClick:function(e){return s(e,u.ASC)}},null),(0,r.createVNode)(me.AngleUpFill,{class:["sort-action","sort-desc",c.value===u.DESC?"active":""],onClick:function(e){return s(e,u.DESC)}},null)])}}});var Te=K((function e(t,n){M(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n})),Ce=h(4976),Pe=h.n(Ce);function _e(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,r.isVNode)(e)}const Oe=(0,r.defineComponent)({name:"Settings",props:{settings:o.PropTypes.oneOfType([o.PropTypes.shape({fields:o.PropTypes.arrayOf(o.PropTypes.shape({label:o.PropTypes.string,field:o.PropTypes.string,disabled:o.PropTypes.bool})),checked:o.PropTypes.arrayOf(o.PropTypes.string),limit:o.PropTypes.number.def(0),size:o.PropTypes.size(["small","medium","large"]).def("small"),sizeList:o.PropTypes.shape([]),showLineHeight:o.PropTypes.bool.def(!0)}),o.PropTypes.bool]).def(!1),columns:o.PropTypes.array.def([]),rowHeight:o.PropTypes.number.def(_)},emits:["change"],setup:function(e,t){var n=t.emit,i=x,l=function(e,t){return Z(e,["field","type"],[e,t])},a=(0,r.ref)(!1),c=(0,r.ref)(!1),s="boolean"==typeof e.settings?(0,r.ref)({fields:e.columns.map((function(e){return Object.assign(Object.assign({},e),{field:e.field||e.type})})),checked:[],limit:0,size:"small",sizeList:i,showLineHeight:!0}):(0,r.ref)(e.settings),u=(0,r.ref)(s.value.size||"small"),d=(0,r.ref)(e.rowHeight),p=(0,r.ref)(s.value.checked||[]),f=(0,o.resolveClassName)("table-settings"),v="light ".concat(f),h={checkAll:a.value,activeSize:u.value,activeHeight:d.value,checkedFields:s.value.checked||[]},y=function(){Object.assign(h,{checkAll:a.value,activeSize:u.value,activeHeight:d.value,checkedFields:p.value}),n("change",{checked:p.value,size:u.value,height:d.value}),c.value=!1},g=function(){a.value=h.checkAll,u.value=h.activeSize,d.value=h.activeHeight,p.value=h.checkedFields,c.value=!1},m=function(){c.value=!0},b=function(t){t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault(),a.value=!a.value;var n=s.value.fields||e.columns||[],o=n.filter((function(e,t){return e.disabled&&p.value.includes(l(e,t))})).map((function(e,t){return l(e,t)}));if(a.value){var r,i=n.filter((function(e){return!e.disabled})).map((function(e,t){return l(e,t)}));(r=p.value).splice.apply(r,[0,p.value.length].concat(H(i),H(o)))}else{var c;(c=p.value).splice.apply(c,[0,p.value.length].concat(H(o)))}},T=(0,r.computed)((function(){var e;return(null!==(e=s.value.limit)&&void 0!==e?e:0)>0})),C=s.value.sizeList||i,P=(0,r.computed)((function(){return T.value&&(s.value.limit?s.value.limit:0)<=p.value.length})),_=function(e,t){return e.disabled||P.value&&!p.value.includes(l(e,t))},O=function(e){return{"line-size":!0,"is-medium":"medium"===u.value,active:e.value===u.value}},w={marginRight:"12px"},N=(0,r.computed)((function(){return s.value.fields||e.columns||[]})),E=(0,r.computed)((function(){return p.value.length>0&&!N.value.every((function(e,t){return p.value.includes(Z(e,"field",[e,t]))}))})),S=(0,r.computed)((function(){return"boolean"!=typeof s.value.showLineHeight||s.value.showLineHeight}));return(0,r.watch)((function(){return[p.value]}),(function(){p.value.length||(a.value=!1),p.value.length&&N.value.every((function(e,t){return p.value.includes(l(e,t))}))&&(a.value=!0)}),{immediate:!0,deep:!0}),(0,r.watch)((function(){return[e.settings.checked]}),(function(){var e;(e=p.value).splice.apply(e,[0,p.value.length].concat(H(s.value.checked)))}),{immediate:!0,deep:!0}),function(){return e.settings?(0,r.createVNode)(ye(),(0,r.mergeProps)({trigger:"manual",isShow:c.value,placement:"bottom-end",arrow:!1},{theme:v}),{default:function(){return(0,r.createVNode)("span",{class:"table-head-settings",onClick:m},[(0,r.createVNode)(me.CogShape,{style:"color: #c4c6cc;"},null)])},content:function(){var e;return(0,r.createVNode)("div",{class:"setting-content"},[(0,r.createVNode)("div",{class:"setting-head"},[(0,r.createVNode)("span",{class:"head-title"},[(0,r.createTextVNode)("表格设置")]),(0,r.createVNode)(me.CloseLine,{class:"icon-close-action",onClick:g},null)]),(0,r.createVNode)("div",{class:"setting-body"},[(0,r.createVNode)("div",{class:"setting-body-title"},[(0,r.createVNode)("div",null,[(0,r.createVNode)("span",{class:"field-setting-label"},[(0,r.createTextVNode)("字段显示设置")]),T.value?(0,r.createVNode)("span",{class:"limit"},[(0,r.createTextVNode)("（最多"),s.value.limit,(0,r.createTextVNode)("项）")]):""]),T.value?"":(0,r.createVNode)("span",{class:"check-all",onClick:b},[(0,r.createVNode)(q(),{label:"全选",indeterminate:Boolean(E.value),modelValue:p.value.length>0},{default:function(){return[(0,r.createTextVNode)("全选")]}})])]),(0,r.createVNode)(G.BkCheckboxGroup,{class:"setting-body-fields",modelValue:p.value,"onUpdate:modelValue":function(e){return p.value=e}},_e(e=N.value.map((function(e,t){var n;return(0,r.createVNode)("div",{class:"field-item"},[(0,r.createVNode)(q(),{checked:p.value.includes(l(e,t)),label:l(e,t),disabled:_(e,t)},_e(n=Z(e,"label",[e,t]))?n:{default:function(){return[n]}})])})))?e:{default:function(){return[e]}}),S.value?(0,r.createVNode)("div",{class:"setting-body-line-height"},[(0,r.createTextVNode)("表格行高："),C.map((function(e){return(0,r.createVNode)("span",{class:O(e),onClick:function(){return function(e){u.value=e.value,d.value=e.height}(e)}},[e.label])}))]):""]),(0,r.createVNode)("div",{class:"setting-footer"},[(0,r.createVNode)(Pe(),{theme:"primary",style:w,onClick:y},{default:function(){return[(0,r.createTextVNode)("确定")]}}),(0,r.createVNode)(Pe(),{style:w,onClick:g},{default:function(){return[(0,r.createTextVNode)("取消")]}})])])}}):""}}}),xe=function(e,t,n){var l=(0,r.computed)((function(){return e.pagination&&e.data.length?_:0})),a=function(e,t,n){return{column_fixed:!!e.fixed,column_fixed_left:"right"!==e.fixed,column_fixed_right:"right"===e.fixed,shadow:"right"===e.fixed?t<n:t>0}},c=function(e){return"right"===e.fixed?"right":"left"},s={left:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return t.filter((function(e){return e.fixed&&"right"!==e.fixed})).reduce((function(t,n,o){return e&&0===o?t:t+ne(n)}),0)},right:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return t.filter((function(e){return"right"===e.fixed})).reduce((function(t,n,o){return e&&0===o?t:t+ne(n)}),n?6:0)}},u=function(e){return{width:"".concat(s[e](!1),"px"),bottom:"".concat(l.value,"px")}},d={left:!1,right:!1},p=(0,r.computed)((function(){return t.filter((function(e){return!e.isHidden&&e.fixed})).map((function(e){var t=c(e),n=d[t];return d[t]=!0,{isExist:n,colPos:t,column:e}}))}));return{renderFixedColumns:function(e,t){return p.value.map((function(n){var o=n.isExist,i=n.colPos,l=n.column;return o?"":(0,r.createVNode)("div",{class:a(l,e,t),style:u(i)},null)}))},fixedWrapperClass:(0,o.resolveClassName)("table-fixed"),resolveFixedColumnStyle:function(e){if(!e.fixed)return{};var n={left:0,right:0},o=c(e);return n[o]=function(e,n){for(var o=n.__col_$uuid,r="right"===e?-1:1,i=t.length,l="right"===e?i*r:1,a=0;;){l+=-1*r;var s=Math.abs(l),u=t[s],d=c(u),p=u.__col_$uuid;if(d===e&&o!==p&&(a+=ne(u)),0===l||o===p)break}return a}(o,e),i({},o,"".concat(n[o],"px"))}}};function we(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,r.isVNode)(e)}var Ne=function(){function e(t,n,o,r){var l=this;M(this,e),this.getRowHeight=function(e,t){var n=l.setting,o=n.size;return null!=n.height?Z(l.setting,"height",["tbody",e,t,o]):Z(l.props,"rowHeight",["tbody",e,t])},this.getColumnClass=function(e,t){var n;return i(n={},"".concat(l.uuid,"-column-").concat(t),!0),i(n,"column_fixed",!!e.fixed),i(n,"column_fixed_left",!!e.fixed),i(n,"column_fixed_right","right"===e.fixed),n},this.getHeadColumnClass=function(e,t){return Object.assign(Object.assign({},l.getColumnClass(e,t)),{active:l.isColActive(t)})},this.props=t,this.context=n,this.reactiveProp=o,this.colgroups=r,this.plugins=new Te(t,n),this.uuid=(0,D.v4)(),this.events=new Map}return K(e,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=this,t=ie(this.props).isShow;return void 0===t||t?[this.props.settings?(0,r.createVNode)(Oe,{class:"table-head-settings",settings:this.reactiveProp.settings,columns:this.colgroups,rowHeight:this.props.rowHeight,onChange:function(t){var n,o=t.checked,r=void 0===o?[]:o,i=t.size,a=t.height;e.reactiveProp.setting.size=i,e.reactiveProp.setting.height=a;var c=(null===(n=e.props.settings)||void 0===n?void 0:n.fields)||[];r.length&&e.colgroups.forEach((function(e){e.isHidden=se(c,e,r)})),e.emitEvent(l.ON_SETTING_CHANGE,[t])}},null):"",(0,r.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])]:null}},{key:"renderTableBodySchema",value:function(e){var t,n,o;return e.length?(0,r.createVNode)("table",{cellpadding:0,cellspacing:0,"data-table-uuid":this.uuid},[this.renderColGroup(),this.renderTBody(e)]):null!==(o=null===(n=(t=this.context.slots).empty)||void 0===n?void 0:n.call(t))&&void 0!==o?o:(0,r.createVNode)(ve,{filterList:e,list:this.props.data,emptyText:this.props.emptyText},null)}},{key:"renderTableFooter",value:function(e){var t=this;return(0,r.createVNode)(X(),(0,r.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return t.handlePageLimitChange(e)},onChange:function(e){return t.handlePageChange(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(a.PAGE_LIMIT_CHANGE,e)}},{key:"handlePageChange",value:function(e){Object.assign(this.props.pagination,{current:e,value:e}),this.context.emit(a.PAGE_VALUE_CHANGE,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(a.COLUMN_PICK,this.propActiveCols))}},{key:"getSortCell",value:function(e,t){var n=this,o=u.NULL;if("object"===j(this.props.defaultSort)&&null!==this.props.defaultSort){var i=Z(e,["field","type"],[e,t]);Object.prototype.hasOwnProperty.call(this.props.defaultSort,i)&&(o=this.props.defaultSort[i])}return(0,r.createVNode)(be,{column:e,defaultSort:o,onChange:function(o,r){n.emitEvent(l.ON_SORT_BY_CLICK,[{sortFn:o,column:e,index:t,type:r}])}},null)}},{key:"getFilterCell",value:function(e,t){var n=this;return(0,r.createVNode)(ge,{column:e,height:this.props.headHeight,onChange:function(o,r){n.emitEvent(l.ON_FILTER_CLICK,[{filterFn:function(e,t){return r(o,e,t)},checked:o,column:e,index:t}])},onFilterSave:function(t){n.context.emit(a.COLUMN_FILTER_SAVE,{column:e,values:t})}},null)}},{key:"renderHeader",value:function(){var e=this,t=ie(this.props),n=t.cellFn,o={"--row-height":"".concat(Z(t,"height",["thead"]),"px")},l=function(t,o){if("selection"===t.type){var r=e.reactiveProp.rowActions.get(b);return e.renderCheckboxColumn(i({},m,!!r),0,!0)}var l=[];return t.sort&&l.push(e.getSortCell(t,o)),t.filter&&l.push(e.getFilterCell(t,o)),"function"==typeof n?(l.unshift(n(t,o)),l):(l.unshift(Z(t,"label",[t,o])),l)},a=xe(this.props,this.colgroups).resolveFixedColumnStyle;return(0,r.createVNode)("thead",{style:o},[(0,r.createVNode)(de,null,{default:function(){return[(0,r.createVNode)("tr",null,[e.filterColgroups.map((function(t,n){var o,c;return(0,r.createVNode)("th",(0,r.mergeProps)({colspan:1,rowspan:1,class:e.getHeadColumnClass(t,n),style:a(t),onClick:function(){return e.handleColumnHeadClick(n)}},(c=t,Array.from(c.listeners.keys()).reduce((function(t,n){var o=n.split("_").slice(-1)[0];return Object.assign(t,i({},o,(function(t){c.listeners.get(n).forEach((function(n){return Reflect.apply(n,e,[t,c,e])}))})))}),{}))),[(0,r.createVNode)(ue,null,we(o=l(t,n))?o:{default:function(){return[o]}})])}))])]}})])}},{key:"renderTBody",value:function(e){var t=this,n=xe(this.props,this.colgroups).resolveFixedColumnStyle;return(0,r.createVNode)("tbody",null,[e.map((function(o,i){var l=[].concat(H(ae(t.props.rowStyle,[o,i,t])),[{"--row-height":"".concat(t.getRowHeight(o,i),"px")}]),a=[].concat(H(ae(t.props.rowClass,[o,i,t])),["hover-".concat(t.props.rowHover)]),c=o.__$uuid;return[(0,r.createVNode)(de,{key:c},{default:function(){return[(0,r.createVNode)("tr",{style:l,class:a,onClick:function(n){return t.handleRowClick(n,o,i,e)},onDblclick:function(n){return t.handleRowDblClick(n,o,i,e)}},[t.filterColgroups.map((function(l,a){var c,s=[n(l)].concat(H(ae(t.props.cellStyle,[l,a,o,i,t]))),u=[t.getColumnClass(l,a)].concat(H(ae(t.props.cellClass,[l,a,o,i,t])),[{"expand-row":o.__row_expand}]),d={cell:!0,"expand-cell":"expand"===l.type},p="__CELL_".concat(i,"_").concat(a);return(0,r.createVNode)("td",{class:u,style:s,key:p,colspan:1,rowspan:1},[(0,r.createVNode)(ue,{class:d,column:l,row:o,parentSetting:t.props.showOverflowTooltip},we(c=t.renderCell(o,l,i,e))?c:{default:function(){return[c]}})])}))])]}}),t.renderExpandRow(o,a)]}))])}},{key:"renderExpandRow",value:function(e,t){var n,o,i,l=this;if(e.__row_expand){var a=[].concat(H(t),[{row_expend:!0}]),c="".concat(e.__$uuid,"_expand");return(0,r.createVNode)(de,{key:c},{default:function(){return[(0,r.createVNode)("tr",{class:a},[(0,r.createVNode)("td",{colspan:l.filterColgroups.length,rowspan:1},[null!==(i=null===(o=(n=l.context.slots).expandRow)||void 0===o?void 0:o.call(n,e.__row_source_data))&&void 0!==i?i:(0,r.createVNode)("div",{class:"expand-cell-ctx"},[(0,r.createTextVNode)("Expand Row")])])])]}})}}},{key:"handleRowClick",value:function(e,t,n,o){this.context.emit(a.ROW_CLICK,e,t,n,o,this)}},{key:"handleRowDblClick",value:function(e,t,n,o){this.context.emit(a.ROW_DBL_CLICK,e,t,n,o,this)}},{key:"getExpandCell",value:function(e){return e.__row_expand?(0,r.createVNode)($.DownShape,null,null):(0,r.createVNode)($.RightShape,null,null)}},{key:"handleRowExpandClick",value:function(e,t,n,o,r){this.emitEvent(l.ON_ROW_EXPAND_CLICK,[{row:e,column:t,index:n,rows:o,e:r}])}},{key:"renderCellCallbackFn",value:function(e,t,n,o){var r=le(e,Z(t,"field",[t,e]),t),i=this.props.data[e.__$table_row_index];return t.render({cell:r,data:i,row:e,column:t,index:n,rows:o})}},{key:"renderCheckboxColumn",value:function(e,t){var n=this,o=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=function(r){n.emitEvent(l.ON_ROW_CHECK,[{row:e,index:t,isAll:o,value:r}])},a=o&&!!this.reactiveProp.rowActions.get(T);return(0,r.createVNode)(q(),{onChange:i,modelValue:e.__row_selection,indeterminate:a},null)}},{key:"renderExpandColumn",value:function(e,t,n,o){var i,l,a,c=this;return(0,r.createVNode)("span",{class:"expand-btn-action",onClick:function(r){return c.handleRowExpandClick(e,t,n,o,r)}},["function"==typeof t.render?c.renderCellCallbackFn(e,t,n,o):null!==(a=null===(l=(i=c.context.slots).expandCell)||void 0===l?void 0:l.call(i,{row:e,column:t,index:n,rows:o}))&&void 0!==a?a:c.getExpandCell(e)])}},{key:"renderCell",value:function(e,t,n,o){var r,i,l,a=this,c={expand:function(e,t,n,o){return a.renderExpandColumn(e,t,n,o)},selection:function(e,t,n,o){return a.renderCheckboxColumn(e,n)}};return null!==(i=null===(r=c[t.type])||void 0===r?void 0:r.call(c,e,t,n,o))&&void 0!==i?i:(l=le(e,Z(t,"field",[t,e]),t),"function"==typeof t.render?a.renderCellCallbackFn(e,t,n,o):l)}},{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(0,r.createVNode)("colgroup",null,[(this.filterColgroups||[]).map((function(t,n){var i,l=(0,o.classes)({active:e.isColActive(n)}),a="".concat((i=ne(t),te(i,"auto"))).replace(/px$/i,"");return(0,r.createVNode)("col",{class:l,width:a},null)}))])}},{key:"filterColgroups",get:function(){return this.colgroups.filter((function(e){return!e.isHidden}))}},{key:"setting",get:function(){return this.reactiveProp.setting}}]),e}();const Ee=function(e,t){return{initColumns:function(e){(Array.isArray(e)?e:[e]).forEach((function(e){if(!t.find((function(t){return t.label===e.label&&t.field===e.field}))){var n=(0,r.unref)(e);t.push(n)}}))},getColumns:function(){var n;return(null==t?void 0:t.length)?t:(null===(n=e.columns)||void 0===n?void 0:n.length)?e.columns:[]}}};var Se=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:ee(e.activeColumn):Array.isArray(e.activeColumn)?ee(e.activeColumn[0]):ee(e.activeColumn):[]};var ke=void 0,Le=function(e,n,l,a,c){var u,d=Ee(e,n).getColumns,p=(0,r.ref)(200),f=(0,r.ref)(void 0),v=(0,r.computed)((function(){return e.pagination&&e.data.length})),h=(0,r.computed)((function(){var t,n,r;return(0,o.classes)((i(t={},(0,o.resolveClassName)("table"),!0),i(t,"has-footer",v.value),i(t,"has-scroll-y",f.value||e.virtualEnabled),t),(r=["row"],"string"==typeof(n=e.border)&&r.push(n),Array.isArray(n)&&r.push.apply(r,H(n.filter((function(e){return s.includes(e)})))),H(new Set(r)).map((function(e){return"bordered-".concat(e)})).join(" ")))})),y=(0,o.classes)((i(u={},(0,o.resolveClassName)("table-head"),!0),i(u,"has-settings",!!e.settings),u)),g=ie(e),m=(0,r.computed)((function(){return{"--row-height":"".concat(Z(g,"height",["thead"]),"px"),"--scroll-head-left":"-".concat(a.scrollTranslateX,"px"),"--scroll-left":"".concat(a.scrollTranslateX,"px")}})),b=i({},(0,o.resolveClassName)("table-body"),!0),T=(0,r.computed)((function(){var t;return(0,o.classes)((i(t={},(0,o.resolveClassName)("table-footer"),!0),i(t,"is-hidden",!e.pagination||!e.data.length),t))})),C=function(){var e=d();if(e.every((function(e){return/^\d+\.?\d*(px)?$/gi.test("".concat(e.width))}))){var t=e.reduce((function(e,t){return e+Number("".concat(t.width).replace(/px/gi,""))}),0),n=f.value?6:0;return"".concat(t+n,"px")}return"100%"},P=(0,r.computed)((function(){return{minHeight:te(e.minHeight,"auto"),width:C(),maxWidth:"100%"}})),O=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)&&"number"==typeof t?t*Number(n.replace("%",""))/100:t},x=(0,r.reactive)({display:"","min-height":"",height:"",maxHeight:""});(0,r.onMounted)((function(){w(null==l?void 0:l.value)}));var w=function(t){if(t){var n=t.parentElement.getBoundingClientRect().height;p.value=n,function(){var t=O(e.height,p.value),n=e.showHead?O(e.headHeight,_):0,o=O(e.minHeight,p.value),r=e.pagination&&e.data.length?_:0,i=t-n-r,l="auto"!==e.height&&"".concat(i,"px"),a=o-n-r,s=O(e.maxHeight,void 0),u="number"==typeof s&&"".concat(s-n-r,"px");Object.assign(x,{display:!!(null==c?void 0:c.length)&&"block","min-height":"".concat(a,"px"),height:l,maxHeight:u})}(),N(t)}},N=function(t){var n=e.virtualEnabled?".".concat((0,o.resolveClassName)("virtual-section")):".".concat((0,o.resolveClassName)("table-body-content")),r=t.querySelector(".bk-table-body");f.value=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(e){var o=e.querySelector(t);if(o)return o.offsetHeight>e.offsetHeight-n}return!1}(r,n,0)};return{tableClass:h,headClass:y,contentClass:b,footerClass:T,wrapperStyle:P,contentStyle:x,headStyle:m,resetTableHeight:w,updateBorderClass:N,getColumnsWidthOffsetWidth:function(){var n=0;return f.value&&(n+=6),e.border.includes(t.OUTER)&&!e.border.includes(t.NONE)&&(n+=2),n},hasFooter:v,hasScrollY:f}},Ae=function(e,t){var n,o,l=(0,r.reactive)([]),a=Ee(e,t).getColumns,c=function(){var t,n,o=(null===(t=e.settings)||void 0===t?void 0:t.checked)||[],r=(null===(n=e.settings)||void 0===n?void 0:n.fields)||[];l.splice.apply(l,[0,l.length].concat(H(a().map((function(e){return Object.assign(Object.assign({},e),i({calcWidth:null,resizeWidth:null,listeners:new Map,isHidden:se(r,e,o)},P,(0,D.v4)()))})))))},s=function(e){var t,n,o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],l="HeadColumnResize";!function(e){e.MOUSE_MOVE="onMousemove",e.MOUSE_OUT="onMouseout",e.MOUSE_DOWN="onMousedown"}(n||(n={}));var a=!1,c=!1,s=!1,u=0,d=null,p=0,f=(0,r.ref)(-1e3),v=function e(t){var n;c=!1,s=!1,document.body.style.cursor="";var o=t.clientX-u;d.resizeWidth=(null!==(n=d.resizeWidth)&&void 0!==n?n:d.calcWidth)+o,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,J.throttle)((function(){f.value=e.clientX-u+p}),60)},y=function(e){document.body.style.setProperty("cursor",""),h(e)()},g=(i(t={},n.MOUSE_DOWN,(function(e,t){if(a){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)}})),i(t,n.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 o=n.getBoundingClientRect();o.width>12&&o.right-e.pageX<8?(a=!0,n.style.setProperty("cursor","col-resize")):(n.style.setProperty("cursor",""),a=!1)}})),i(t,n.MOUSE_OUT,(function(e,t){var n=e.target;s||n.style.setProperty("cursor","")})),t),m=function(e){return"".concat(l,"_").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 o=e.listeners.get(n);o.splice(0,o.length)}}))}))};o&&b();var C=(0,r.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}}(l,!0),u=s.dragOffsetXStyle,d=s.dragOffsetX,p=s.resetResizeEvents,h=s.registerResizeEvent,y=function(e,t){var n=(0,r.reactive)([]),o=Ee(e,t).getColumns;if("disabled"===e.columnPick)return{activeColumns:n};var i=(0,r.reactive)(Se(e));return(0,r.watchEffect)((function(){n=o().map((function(e,t){return{index:t,active:i.some((function(e){return e===t})),_column:e}}));var t=Se(e);n.forEach((function(e,n){Object.assign(e,{active:t.some((function(e){return e===n}))})}))})),{activeColumns:n}}(e,t).activeColumns;(0,r.watch)((function(){return[e.settings]}),(function(){var t;((null===(t=e.settings)||void 0===t?void 0:t.checked)||[]).length&&c()})),(0,r.watch)((function(){return[e.columns,t]}),(function(){c(),p(),h()}),{immediate:!0,deep:!0});var _=(0,r.reactive)({rowActions:new Map,scrollTranslateY:0,scrollTranslateX:0,pos:{bottom:1},activeColumns:y,settings:e.settings,setting:{size:null===(n=e.settings)||void 0===n?void 0:n.size,height:O[null===(o=e.settings)||void 0===o?void 0:o.size]}}),x=function(e){var t;return!!_.rowActions.has(e)&&(null===(t=_.rowActions.get(e))||void 0===t?void 0:t.isExpand)},w=function(){return _.rowActions.has(b)?_.rowActions.get(b):!!e.selectionKey&&V.every((function(e){return L(e)}))},N=function(e){var t=e.__$uuid,n=(_.rowActions.get(t)||{}).isSelected;return void 0!==n&&n},E=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:N,t=!1,n=!1;V.forEach((function(o){var r=e(o);t||r||(t=!0),!n&&r&&(n=!0)})),_.rowActions.set(b,n&&!t),_.rowActions.set(T,n&&t)},S=function(){e.columns.some((function(e){return"selection"===e.type}))&&E((function(e){return L(e)}))},k=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,t="boolean"==typeof e?e:!w();_.rowActions.set(b,t),_.rowActions.set(T,!1),V.forEach((function(e){var n,o=e.__$uuid,r=Object.assign({},null!==(n=_.rowActions.get(o))&&void 0!==n?n:{},{isSelected:t});_.rowActions.set(o,r)})),R(t),j(null,e,!0)},L=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(e){return N(e)};return"function"==typeof e.isSelectedFn?Reflect.apply(e.isSelectedFn,ke,[{row:t,data:e.data}]):"string"==typeof e.selectionKey&&e.selectionKey.length?(0,J.get)(t,e.selectionKey):n(t)},A=function(e,t){return L(e,(function(){var n,o=void 0===t?e.__$uuid:t;return!!w()||!!_.rowActions.has(o)&&(null===(n=_.rowActions.get(o))||void 0===n?void 0:n.isSelected)}))},V=(0,r.reactive)([]),R=function(e){V.forEach((function(t){var n;Object.assign(t,(i(n={},g,x(t.__$uuid)),i(n,m,"boolean"==typeof e?e:A(t,t.__$uuid)),n))})),"boolean"!=typeof e&&S()},j=function(t,n){var o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(e.asyncData&&e.rowKey)if(o)e.data.forEach((function(t){(0,J.has)(t,e.selectionKey)&&(0,J.set)(t,e.selectionKey,!!n)}));else if((0,J.has)(t,e.selectionKey)){var r=e.data.find((function(n){return(0,J.get)(n,e.rowKey)===(0,J.get)(t,e.rowKey)}));(0,J.set)(r,e.selectionKey,!!n)}},I=xe(e,l,!1),F=I.renderFixedColumns,W=I.fixedWrapperClass;return{colgroups:l,dragOffsetXStyle:u,dragOffsetX:d,reactiveSchema:_,indexData:V,fixedWrapperClass:W,initIndexData:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];V.splice.apply(V,[0,V.length].concat(H(e.data.map((function(n,o){var r,l=ce(n,e,o);return Object.assign(Object.assign({},n),(i(r={},f,o),i(r,v,l),i(r,g,!!t&&x(l)),i(r,m,A(n,l)),i(r,C,Object.assign({},n)),r))}))))),S()},updateIndexData:R,renderFixedColumns:F,setRowExpand:function(e){var t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,o=e.__$uuid,r="boolean"==typeof n?n:!x(o);_.rowActions.set(o,Object.assign({},null!==(t=_.rowActions.get(o))&&void 0!==t?t:{},{isExpand:r})),R()},updateColGroups:c,clearSelection:function(){k(!1)},toggleAllSelection:k,toggleRowSelection:function(e,t){var n,o=e.__$uuid;if(o){var r="boolean"==typeof t?t:!A(e,o),i=Object.assign({},null!==(n=_.rowActions.get(o))&&void 0!==n?n:{},{isSelected:r});_.rowActions.set(o,i),t||_.rowActions.set(b,!1),E(),R(),j(e,t,!1)}},getSelection:function(){return V.filter((function(e){return A(e)}))}}};const Ve=(0,r.defineComponent)({name:"Table",props:k,emits:p,setup:function(e,t){var n=null,c=null,s=null,u=null,d=(0,r.reactive)([]),p=Ee(e,d).initColumns;(0,r.provide)(w,p);var f=(0,r.ref)(),v=(0,r.ref)(),h=(0,r.ref)(0),y=Ae(e,d),g=y.colgroups,m=y.dragOffsetXStyle,b=y.dragOffsetX,T=y.reactiveSchema,C=y.indexData,P=y.renderFixedColumns,_=y.setRowExpand,O=y.initIndexData,x=y.fixedWrapperClass,N=y.clearSelection,E=y.toggleAllSelection,S=y.toggleRowSelection,k=y.getSelection,L=F(e,C),A=L.pageData,R=L.localPagination,H=L.resolvePageData,I=L.watchEffectFn,M=Le(e,d,f,T,A),U=M.tableClass,K=M.headClass,D=M.contentClass,G=M.footerClass,q=M.wrapperStyle,$=M.contentStyle,B=M.headStyle,X=M.updateBorderClass,Y=M.resetTableHeight,J=M.getColumnsWidthOffsetWidth,Q=M.hasFooter,Z=new Ne(e,t,T,g),ee=function(){var e=f.value.querySelector(".bk-table-body-content"),t=e.querySelector("table");if(t){var n=t.scrollWidth,o=e.clientWidth;h.value=n-o}};(0,r.watch)((function(){return[e.data,e.pagination,e.height,e.maxHeight,e.minHeight]}),(function(){O(e.reserveExpand),I(s,n,c),(0,r.nextTick)((function(){Y(f.value),X(f.value)}))}),{immediate:!0,deep:!0}),(0,r.watchEffect)((function(){if((null==f?void 0:f.value)instanceof HTMLElement){var e=J();oe(f.value,g,20,e),ee()}})),Z.on(l.ON_SORT_BY_CLICK,(function(e){var o,r,i=e.sortFn,l=e.column,u=e.index,d=e.type;"function"==typeof i&&(H(s,n=i,c=l),null===(r=null===(o=v.value)||void 0===o?void 0:o.reset)||void 0===r||r.call(o)),t.emit(a.COLUMN_SORT,{column:l,index:u,type:d})})).on(l.ON_FILTER_CLICK,(function(e){var o,r,i=e.filterFn,l=e.checked,u=e.column,d=e.index;"function"==typeof i&&(H(s=i,n,c),null===(r=null===(o=v.value)||void 0===o?void 0:o.reset)||void 0===r||r.call(o)),t.emit(a.COLUMN_FILTER,{checked:l,column:u,index:d})})).on(l.ON_SETTING_CHANGE,(function(e){var n=e.checked,o=void 0===n?[]:n,i=e.size,l=e.height;(0,r.nextTick)((function(){var e,n;X(f.value);var r=J();o.length&&oe(f.value,g,20,r),null===(n=null===(e=v.value)||void 0===e?void 0:e.reset)||void 0===n||n.call(e),t.emit(a.SETTING_CHANGE,{checked:o,size:i,height:l})}))})).on(l.ON_ROW_EXPAND_CLICK,(function(e){var n=e.row,o=e.column,r=e.index,i=e.rows,l=e.e;t.emit(a.ROW_EXPAND_CLICK,{row:n.__row_source_data,column:o,index:r,rows:i,e:l}),_(n,!n.__row_expand)})).on(l.ON_ROW_CHECK,(function(n){var o=n.row,r=n.isAll,i=n.index,l=n.value;r?(E(l),t.emit(a.ROW_SELECT_ALL,{checked:l,data:e.data})):(S(o,l),t.emit(a.ROW_SELECT,{row:o.__row_source_data,index:i,checked:l,data:e.data})),t.emit(a.ROW_SELECT_CHANGE,{row:o.__row_source_data,isAll:r,index:i,checked:l,data:e.data})}));var te=function(e){var n,r=null!==(n=T.pos.bottom)&&void 0!==n?n:0,i=e[1],l=i.translateX,c=i.translateY,s=i.pos,u=void 0===s?{}:s;T.scrollTranslateY=c,T.scrollTranslateX=l,T.pos=u;var d=u.bottom;d<=2&&r>d&&(0,o.debounce)(60,(function(){t.emit(a.SCROLL_BOTTOM,Object.assign(Object.assign({},u),{translateX:l,translateY:c}))}),!0)(),ee()};(0,r.onMounted)((function(){(u=re(f.value,(function(){"100%"!==e.height&&"auto"!==e.height||Y(f.value),X(f.value);var t=J();oe(f.value,g,20,t)}),60,!0)).start()})),(0,r.onBeforeUnmount)((function(){u.stop(),u=null,Z.destroy()})),t.expose({setRowExpand:_,clearSelection:N,toggleAllSelection:E,toggleRowSelection:S,getSelection:k});var ne=(0,r.computed)((function(){return Object.assign(Object.assign({},D),{"__is-empty":!A.length})})),ie=(0,r.computed)((function(){var t;return i(t={},(0,o.resolveClassName)("table-body-content"),!0),i(t,"with-virtual-render",e.virtualEnabled),t})),le={column_drag_line:!0,"offset-x":!0},ae=(0,r.computed)((function(){return Object.assign(Object.assign({},m.value),{left:"".concat(b.value-T.scrollTranslateX,"px")})})),ce={"scroll-loading":!0,_bottom:!0},se=(0,r.computed)((function(){var t;return i(t={},(0,o.resolveClassName)("fixed-bottom-border"),!0),i(t,"_is-empty",!e.data.length),t})),ue={zIndex:-1,width:0,height:0,display:"none"},de=function(e,t){var n=(0,r.toRef)(e,"scrollLoading"),o=(0,r.computed)((function(){return null!==n.value&&("boolean"==typeof n.value&&n.value||"object"===j(n.value))}));return{renderScrollLoading:function(){var e,i,l;if(o.value){var a="boolean"==typeof n.value?{loading:!!n.value,inline:!0,title:"",size:W.BkLoadingSize.Normal,mode:W.BkLoadingMode.Default,indicator:null}:n.value,c=a.loading,s=a.size,u=a.mode,d=a.title,p=a.inline,f=a.indicator;return null!==(l=null===(i=(e=t.slots).fixedBottom)||void 0===i?void 0:i.call(e))&&void 0!==l?l:(0,r.createVNode)(z(),{loading:c,size:s,mode:u,title:d,inline:p,indicator:f},null)}}}}(e,t).renderScrollLoading,pe=(0,r.computed)((function(){return e.virtualEnabled?{}:{scrollXName:"",scrollYName:""}}));return function(){var n,o;return(0,r.createVNode)("div",{class:U.value,style:q.value,ref:f},[(0,r.createVNode)("div",{class:K,style:B.value},[Z.renderTableHeadSchema()]),(0,r.createVNode)(V(),(0,r.mergeProps)({ref:v,lineHeight:Z.getRowHeight,class:ne.value,style:$,list:A},pe.value,{contentClassName:ie.value,onContentScroll:te,throttleDelay:0,scrollEvent:!0,enabled:e.virtualEnabled}),{default:function(t){return Z.renderTableBodySchema(t.data||e.data)},afterSection:function(){return(0,r.createVNode)("div",{class:se.value},null)}}),(0,r.createVNode)("div",{class:x},[P(T.scrollTranslateX,h.value),(0,r.createVNode)("div",{class:le,style:ae.value},null),(0,r.createVNode)("div",{class:ce},[de()])]),(0,r.createVNode)("div",{class:G.value},[Q.value&&Z.renderTableFooter(R.value)]),(0,r.createVNode)("div",{style:ue},[null===(o=(n=t.slots).default)||void 0===o?void 0:o.call(n)])])}}}),Re=(0,o.withInstall)(Ve);var He=(0,o.withInstall)(L)})(),y})()));

package/lib/table/plugins/body-empty.d.ts

@@ -0,0 +1,40 @@
+declare const _default: import("vue").DefineComponent<{
+    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    filterList: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    emptyText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    filterList: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    emptyText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+}>> & {
+    onChange?: (...args: any[]) => any;
+}, {
+    list: unknown[];
+    filterList: unknown[];
+    emptyText: string;
+}>;
+export default _default;

package/lib/table/plugins/col-group.d.ts

@@ -0,0 +1,38 @@
+declare const _default: import("vue").DefineComponent<{
+    colgroups: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    columnPick: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    propActiveCols: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    colgroups: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    columnPick: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    propActiveCols: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+}>>, {
+    columnPick: string;
+    colgroups: unknown[];
+    propActiveCols: unknown[];
+}>;
+export default _default;

package/lib/table/plugins/common.d.ts

@@ -0,0 +1,6 @@
+/** 排序方式 */
+export declare const enum SortType {
+    ASC = "asc",
+    DESC = "desc",
+    NULL = "null"
+}

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

@@ -0,0 +1,72 @@
+.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.disabled {
+  color: transparent;
+  cursor: auto;
+}
+.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.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import("vue").DefineComponent<{
+    column: import("vue-types").VueTypeValidableDef<any> & {
+        default: any;
+    };
+    height: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "filterSave")[], "change" | "filterSave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    column: import("vue-types").VueTypeValidableDef<any> & {
+        default: any;
+    };
+    height: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+}>> & {
+    onChange?: (...args: any[]) => any;
+    onFilterSave?: (...args: any[]) => any;
+}, {
+    height: number;
+    column: any;
+}>;
+export default _default;

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

@@ -0,0 +1,93 @@
+@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;
+
+          &.disabled {
+            color: transparent;
+            cursor: auto;
+          }
+    
+          &.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,191 @@
+: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;
+  --border-style-color: var(--light-gray);
+  --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: #c4c6cc;
+  --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: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+}
+.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.disabled {
+  color: transparent;
+  cursor: auto;
+}
+.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;
+}