bkui-vue 0.0.1-beta.55 → 0.0.1-beta.58

package/lib/styles/mixins/clearfix.variable.css

@@ -0,0 +1,8 @@
+.clearfix-style::after {
+  display: block;
+  clear: both;
+  content: "";
+  font-size: 0;
+  height: 0;
+  visibility: hidden;
+}

package/lib/styles/mixins/mixins.css

@@ -19,3 +19,11 @@
 .bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }
+.clearfix-style::after {
+  display: block;
+  clear: both;
+  content: "";
+  font-size: 0;
+  height: 0;
+  visibility: hidden;
+}

package/lib/styles/mixins/mixins.less

@@ -1,3 +1,4 @@
 @import './size.less';
 @import './animate.less';
 @import './ellipsis.less';
+@import './clearfix.less';

package/lib/styles/mixins/mixins.variable.css

@@ -19,3 +19,11 @@
 .bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }
+.clearfix-style::after {
+  display: block;
+  clear: both;
+  content: "";
+  font-size: 0;
+  height: 0;
+  visibility: hidden;
+}

package/lib/switcher/switcher.css

@@ -19,6 +19,14 @@
 .bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }
+.clearfix-style::after {
+  display: block;
+  clear: both;
+  content: "";
+  font-size: 0;
+  height: 0;
+  visibility: hidden;
+}
 .bk-switcher {
   position: relative;
   display: inline-block;

package/lib/switcher/switcher.variable.css

@@ -113,6 +113,14 @@
 .bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }
+.clearfix-style::after {
+  display: block;
+  clear: both;
+  content: "";
+  font-size: 0;
+  height: 0;
+  visibility: hidden;
+}
 .bk-switcher {
   position: relative;
   display: inline-block;

package/lib/tab/index.d.ts

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

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

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

package/lib/table/index.d.ts

@@ -5,6 +5,7 @@ declare const BkTable: {
         $props: Partial<{
             height: string | number;
             data: any[];
+            maxHeight: string | number;
             minHeight: string | number;
             border: string[];
             headHeight: number;
@@ -16,6 +17,8 @@ declare const BkTable: {
             showHead: boolean;
             virtualEnabled: boolean;
             remotePagination: boolean;
+            emptyText: string;
+            settings: boolean | import("./props").Settings;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             data: import("vue-types").VueTypeDef<any[]> & {
                 default: () => any[];
@@ -31,6 +34,9 @@ declare const BkTable: {
             minHeight: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
+            maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
             rowHeight: import("vue-types").VueTypeDef<any> & {
                 default: any;
             };
@@ -65,13 +71,21 @@ declare const BkTable: {
             } & {
                 default: boolean;
             };
+            emptyText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            settings: import("vue-types").VueTypeDef<boolean | import("./props").Settings> & {
+                default: boolean | (() => import("./props").Settings);
+            };
         }>> & {
             onColumnPick?: (...args: any[]) => any;
             onPageLimitChange?: (...args: any[]) => any;
             onPageValueChange?: (...args: any[]) => any;
             onRowClick?: (...args: any[]) => any;
             onRowDblClick?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "height" | "data" | "minHeight" | "border" | "headHeight" | "pagination" | "columnPick" | "rowHeight" | "showHead" | "virtualEnabled" | "remotePagination">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "height" | "data" | "maxHeight" | "minHeight" | "border" | "headHeight" | "pagination" | "columnPick" | "rowHeight" | "showHead" | "virtualEnabled" | "remotePagination" | "emptyText" | "settings">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -100,6 +114,9 @@ declare const BkTable: {
             minHeight: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
+            maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
             rowHeight: import("vue-types").VueTypeDef<any> & {
                 default: any;
             };
@@ -134,6 +151,14 @@ declare const BkTable: {
             } & {
                 default: boolean;
             };
+            emptyText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            settings: import("vue-types").VueTypeDef<boolean | import("./props").Settings> & {
+                default: boolean | (() => import("./props").Settings);
+            };
         }>> & {
             onColumnPick?: (...args: any[]) => any;
             onPageLimitChange?: (...args: any[]) => any;
@@ -143,6 +168,7 @@ declare const BkTable: {
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("columnPick" | "pageLimitChange" | "pageValueChange" | "rowClick" | "rowDblClick")[], string, {
             height: string | number;
             data: any[];
+            maxHeight: string | number;
             minHeight: string | number;
             border: string[];
             headHeight: number;
@@ -154,6 +180,8 @@ declare const BkTable: {
             showHead: boolean;
             virtualEnabled: boolean;
             remotePagination: boolean;
+            emptyText: string;
+            settings: boolean | import("./props").Settings;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -189,6 +217,9 @@ declare const BkTable: {
         minHeight: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
+        maxHeight: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
         rowHeight: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
@@ -223,6 +254,14 @@ declare const BkTable: {
         } & {
             default: boolean;
         };
+        emptyText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        settings: import("vue-types").VueTypeDef<boolean | import("./props").Settings> & {
+            default: boolean | (() => import("./props").Settings);
+        };
     }>> & {
         onColumnPick?: (...args: any[]) => any;
         onPageLimitChange?: (...args: any[]) => any;
@@ -248,6 +287,9 @@ declare const BkTable: {
     minHeight: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
+    maxHeight: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
     rowHeight: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
@@ -282,6 +324,14 @@ declare const BkTable: {
     } & {
         default: boolean;
     };
+    emptyText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    settings: import("vue-types").VueTypeDef<boolean | import("./props").Settings> & {
+        default: boolean | (() => import("./props").Settings);
+    };
 }>> & {
     onColumnPick?: (...args: any[]) => any;
     onPageLimitChange?: (...args: any[]) => any;
@@ -291,6 +341,7 @@ declare const BkTable: {
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("columnPick" | "pageLimitChange" | "pageValueChange" | "rowClick" | "rowDblClick")[], "columnPick" | "pageLimitChange" | "pageValueChange" | "rowClick" | "rowDblClick", {
     height: string | number;
     data: any[];
+    maxHeight: string | number;
     minHeight: string | number;
     border: string[];
     headHeight: number;
@@ -302,5 +353,7 @@ declare const BkTable: {
     showHead: boolean;
     virtualEnabled: boolean;
     remotePagination: boolean;
+    emptyText: string;
+    settings: boolean | import("./props").Settings;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkTable;

package/lib/table/index.js

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

package/lib/table/plugins/settings.css

@@ -0,0 +1,110 @@
+.bk-table-settings[data-bk-table-settings-theme="true"] {
+  padding: 0;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content {
+  width: 515px;
+  opacity: 1;
+  border: 1px solid #dcdee5;
+  border-radius: 2px;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-head {
+  display: flex;
+  padding: 0 24px;
+  margin: 0;
+  line-height: 32px;
+  font-size: 16px;
+  font-weight: 400;
+  color: #313238;
+  position: relative;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-head .icon-close-action {
+  position: absolute;
+  right: 15px;
+  top: 10px;
+  cursor: pointer;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body {
+  padding: 0 24px;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-title {
+  display: flex;
+  justify-content: space-between;
+  font-size: 14px;
+  color: #63656e;
+  line-height: 19px;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-title .limit {
+  color: #c4c6cc;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-title .check-all {
+  color: #3a84ff;
+  cursor: pointer;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-fields {
+  max-height: 150px;
+  display: flex;
+  align-items: flex-start;
+  flex-wrap: wrap;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-fields .field-item {
+  width: 150px;
+  line-height: 42px;
+  height: 42px;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-fields .field-item > label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height {
+  border-top: solid 1px #f0f1f5;
+  height: 76px;
+  font-size: 14px;
+  display: flex;
+  align-items: center;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 68px;
+  height: 26px;
+  cursor: pointer;
+  color: #63656e;
+  border: 1px solid #c4c6cc;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size.active {
+  background: #e1ecff;
+  color: #3a84ff;
+  border: 1px solid #a3c5fd;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:not(.active) {
+  border-left: none;
+  border-right: none;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+  border-left: 1px solid #c4c6cc;
+  border-right: 1px solid #c4c6cc;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:first-child.is-default {
+  border-right: none;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:last-child {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-right: 1px solid #c4c6cc;
+  border-left: 1px solid #c4c6cc;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:last-child.is-default {
+  border-left: none;
+}
+.bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-footer {
+  height: 56px;
+  padding: 0 24px;
+  background-color: #fafbfd;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}

package/lib/table/plugins/settings.less

@@ -0,0 +1,130 @@
+@import '../styles/themes/themes.less';
+
+.@{bk-prefix}-table-settings {
+  &[data-bk-table-settings-theme="true"] {
+    padding: 0;
+    .setting-content {
+      width: 515px;
+      opacity: 1;
+      border: 1px solid #dcdee5;
+      border-radius: 2px;
+
+      .setting-head {
+        display: flex;
+        padding: 0 24px;
+        margin: 0;
+        line-height: 32px;
+        font-size: 16px;
+        font-weight: 400;
+        color: #313238;
+        position: relative;
+
+        .icon-close-action {
+          position: absolute;
+          right: 15px;
+          top: 10px;
+          cursor: pointer;
+        }
+      }
+      .setting-body {
+        padding: 0 24px;
+
+        .setting-body-title {
+          display: flex;
+          justify-content: space-between;
+          font-size: 14px;
+          color: #63656e;
+          line-height: 19px;
+
+          .limit {
+            color: #c4c6cc;
+          }
+
+          .check-all {
+            color: #3a84ff;
+            cursor: pointer;
+          }
+        }
+        .setting-body-fields {
+          max-height: 150px;
+          display: flex;
+          align-items: flex-start;
+          flex-wrap: wrap;
+
+          .field-item {
+            width: 150px;
+            line-height: 42px;
+            height: 42px;
+
+            > label {
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+            }
+          }
+        }
+        .setting-body-line-height {
+          border-top: solid 1px #f0f1f5;
+          height: 76px;
+          font-size: 14px;
+          display: flex;
+          align-items: center;
+          .line-size {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: 68px;
+            height: 26px;
+            cursor: pointer;
+            color: #63656e;
+           
+            border: 1px solid #c4c6cc;
+
+
+            &.active {
+              background: #e1ecff;
+              color: #3a84ff;
+              border: 1px solid #a3c5fd;
+            }
+
+            &:not(.active) {
+              border-left: none;
+              border-right: none;
+            }
+
+            &:first-child {
+              border-top-left-radius: 2px;
+              border-bottom-left-radius: 2px;
+              border-left: 1px solid #c4c6cc;
+              border-right: 1px solid #c4c6cc;
+
+              &.is-default {
+                border-right: none;
+              }
+            }
+
+            &:last-child {
+              border-top-right-radius: 2px;
+              border-bottom-right-radius: 2px;
+              border-right: 1px solid #c4c6cc;
+              border-left: 1px solid #c4c6cc;
+
+              &.is-default {
+                border-left: none;
+              }
+            }
+          }
+        }
+
+      }
+      .setting-footer {
+        height: 56px;
+        padding: 0 24px;
+        background-color: #fafbfd;
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+      }
+    }
+  }
+}