bkui-vue 0.0.1-beta.2 → 0.0.1-beta.22

package/lib/table/index.d.ts

@@ -1,2 +1,282 @@
-import Table from './table';
-export default Table;
+declare const BkTable: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            data: any[];
+            height: string | number;
+            minHeight: string | number;
+            border: string[];
+            headHeight: number;
+            columnPick: string;
+            rowHeight: any;
+            showHead: boolean;
+            virtualEnabled: boolean;
+            pagination: boolean | {
+                [key: string]: any;
+            };
+            remotePagination: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            onRowClick: FunctionConstructor;
+            data: import("vue-types").VueTypeDef<any[]> & {
+                default: () => any[];
+            };
+            columns: import("vue-types").VueTypeDef<import("./props").Column[]>;
+            activeColumn: import("vue-types").VueTypeDef<number | number[]>;
+            columnPick: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            height: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            minHeight: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            rowHeight: import("vue-types").VueTypeDef<any> & {
+                default: any;
+            };
+            headHeight: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            showHead: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            border: import("vue-types").VueTypeDef<string[]> & {
+                default: () => string[];
+            };
+            pagination: import("vue-types").VueTypeDef<boolean | {
+                [key: string]: any;
+            }> & {
+                default: boolean | (() => {
+                    [key: string]: any;
+                });
+            };
+            remotePagination: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "height" | "minHeight" | "border" | "headHeight" | "columnPick" | "rowHeight" | "showHead" | "virtualEnabled" | "pagination" | "remotePagination">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            onRowClick: FunctionConstructor;
+            data: import("vue-types").VueTypeDef<any[]> & {
+                default: () => any[];
+            };
+            columns: import("vue-types").VueTypeDef<import("./props").Column[]>;
+            activeColumn: import("vue-types").VueTypeDef<number | number[]>;
+            columnPick: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            height: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            minHeight: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            rowHeight: import("vue-types").VueTypeDef<any> & {
+                default: any;
+            };
+            headHeight: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            showHead: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            border: import("vue-types").VueTypeDef<string[]> & {
+                default: () => string[];
+            };
+            pagination: import("vue-types").VueTypeDef<boolean | {
+                [key: string]: any;
+            }> & {
+                default: boolean | (() => {
+                    [key: string]: any;
+                });
+            };
+            remotePagination: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
+            data: any[];
+            height: string | number;
+            minHeight: string | number;
+            border: string[];
+            headHeight: number;
+            columnPick: string;
+            rowHeight: any;
+            showHead: boolean;
+            virtualEnabled: boolean;
+            pagination: boolean | {
+                [key: string]: any;
+            };
+            remotePagination: boolean;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        onRowClick: FunctionConstructor;
+        data: import("vue-types").VueTypeDef<any[]> & {
+            default: () => any[];
+        };
+        columns: import("vue-types").VueTypeDef<import("./props").Column[]>;
+        activeColumn: import("vue-types").VueTypeDef<number | number[]>;
+        columnPick: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        height: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        minHeight: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        rowHeight: import("vue-types").VueTypeDef<any> & {
+            default: any;
+        };
+        headHeight: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        showHead: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        border: import("vue-types").VueTypeDef<string[]> & {
+            default: () => string[];
+        };
+        pagination: import("vue-types").VueTypeDef<boolean | {
+            [key: string]: any;
+        }> & {
+            default: boolean | (() => {
+                [key: string]: any;
+            });
+        };
+        remotePagination: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    onRowClick: FunctionConstructor;
+    data: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
+    };
+    columns: import("vue-types").VueTypeDef<import("./props").Column[]>;
+    activeColumn: import("vue-types").VueTypeDef<number | number[]>;
+    columnPick: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    minHeight: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    rowHeight: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+    headHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    showHead: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    border: import("vue-types").VueTypeDef<string[]> & {
+        default: () => string[];
+    };
+    pagination: import("vue-types").VueTypeDef<boolean | {
+        [key: string]: any;
+    }> & {
+        default: boolean | (() => {
+            [key: string]: any;
+        });
+    };
+    remotePagination: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
+    data: any[];
+    height: string | number;
+    minHeight: string | number;
+    border: string[];
+    headHeight: number;
+    columnPick: string;
+    rowHeight: any;
+    showHead: boolean;
+    virtualEnabled: boolean;
+    pagination: boolean | {
+        [key: string]: any;
+    };
+    remotePagination: boolean;
+}> & 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,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("vue"),require("../shared"),require("../directives")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../directives"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e.Directives)}(this,(function(e,r,t,o){"use strict";function s(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}};!function(e){e.exports=function(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")},e.exports.default=e.exports,e.exports.__esModule=!0}(a);var i=s(a.exports),n=function e(o){var s=this;i(this,e),this.table=null,this.showHeader=!0,this.headerHeight=r.ref(44),this.bodyWidth=r.ref(null),this.scrollY=r.ref(!1),this.gutterWidth=t.scrollbarWidth(),this.bodyHeight=r.ref(null),this.footerHeight=r.ref(44),this.paginationHeight=r.ref(0),Object.keys(o).forEach((function(e){r.isRef(s[e])?s[e].value=o[e]:s[e]=o[e]}))},l={showHeader:t.PropTypes.bool.def(!0),headerBorder:t.PropTypes.bool.def(!0),defaultSort:t.PropTypes.object.def({prop:"",order:""})},d=r.defineComponent({name:"BkTable",props:l,directives:{mousewheel:o.mousewheel},setup:function(e){var t,o=(t=r.getCurrentInstance().refs,{handleHeaderFooterMousewheel:function(e,r){var o=r.pixelX,s=r.pixelY;Math.abs(o)>=Math.abs(s)&&(t.bodyWrapper.scrollLeft+=r.pixelX/5)}}).handleHeaderFooterMousewheel,s=r.getCurrentInstance(),a=new n({table:s,showHeader:e.showHeader});return console.error("layout",a),{handleHeaderFooterMousewheel:o}},render:function(){var e=t.classes({"bk-table":!0});return r.createVNode("div",{class:e},[this.showHeader?r.withDirectives(r.createVNode("div",{ref:"headerWrapper",class:"bk-table-header-wrapper"},null),[[r.resolveDirective("mousewheel"),this.handleHeaderFooterMousewheel]]):""])}});d.install=function(e){e.component(d.name,d)},e.default=d,Object.defineProperty(e,"__esModule",{value:!0})}));
+!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,n,r,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(r),s=a(o);function u(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var c={exports:{}};!function(e){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.__esModule=!0,e.exports.default=e.exports}(c);var l=u(c.exports),p=["none","row","col","outer"],f={onRowClick:Function},d=Object.assign({data:n.PropTypes.arrayOf(n.PropTypes.any).def([]),columns:n.PropTypes.arrayOf(n.PropTypes.shape({label:n.PropTypes.oneOfType([n.PropTypes.func.def((function(){return""})),n.PropTypes.string.def("")]),field:n.PropTypes.oneOfType([n.PropTypes.func.def((function(){return""})),n.PropTypes.string.def("")]),render:n.PropTypes.oneOfType([n.PropTypes.func.def((function(){return""})),n.PropTypes.string.def("")]),width:n.PropTypes.oneOfType([n.PropTypes.number.def(void 0),n.PropTypes.string.def("auto")])})),activeColumn:n.PropTypes.oneOfType([n.PropTypes.number.def(-1),n.PropTypes.arrayOf(n.PropTypes.number.def(-1))]),columnPick:n.PropTypes.commonType(["multi","single","disabled"],"columnPick").def("disabled"),height:n.PropTypes.oneOfType([n.PropTypes.number,n.PropTypes.string]).def("auto"),minHeight:n.PropTypes.oneOfType([n.PropTypes.number,n.PropTypes.string]).def("auto"),rowHeight:n.PropTypes.oneOfType([n.PropTypes.number,n.PropTypes.func]).def(40),headHeight:n.PropTypes.number.def(40),showHead:n.PropTypes.bool.def(!0),virtualEnabled:n.PropTypes.bool.def(!1),border:n.PropTypes.arrayOf(n.PropTypes.commonType(p,"border")).def(["row"]),pagination:n.PropTypes.oneOfType([n.PropTypes.bool.def(!1),n.PropTypes.object.def({})]).def(!1),remotePagination:n.PropTypes.bool.def(!1)},f),v={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}(v);var y=u(v.exports),h={exports:{}};!function(e){function t(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)}}e.exports=function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e},e.exports.__esModule=!0,e.exports.default=e.exports}(h);var m=u(h.exports),g={exports:{}};!function(e){function t(n){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(n)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(g);var b=u(g.exports),x={exports:{}},T={exports:{}},P={exports:{}};!function(e){e.exports=function(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},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 O={exports:{}};!function(e){var t=P.exports;e.exports=function(e,n){if(e){if("string"==typeof e)return t(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,n):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(O);var w={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}(w),function(e){var t=T.exports,n=C.exports,r=O.exports,o=w.exports;e.exports=function(e){return t(e)||n(e)||r(e)||o()},e.exports.__esModule=!0,e.exports.default=e.exports}(x);var k=u(x.exports),j=void 0,_=function(e,t,n){var r;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(r=e[t]).call.apply(r,[j].concat(k(n))):e[t]},N=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)]:[]},V=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,t){if(e){if("object"===b(e)){var n=Object.prototype.hasOwnProperty.call(e,"current")?e.current:e.value;return/\d+/.test(n)||(n=1),Object.assign(Object.assign(Object.assign({},t),e),{current:n})}return t}return{}},S=m((function e(t,n){y(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n})),M=function(){function e(t,n,r,o){y(this,e),this.props=t,this.context=n,this.reactiveProp=r,this.colgroups=o,this.plugins=new S(t,n)}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){var n=this;return t.createVNode(i.default,t.mergeProps(e,{modelValue:e.current,onLimitChange:function(e){return n.handlePageLimitChange(e)},onChange:function(e){return n.hanlePageChange(e)}}),null)}},{key:"handlePageLimitChange",value:function(e){Object.assign(this.props.pagination,{limit:e}),this.context.emit("page-limit-change",e)}},{key:"hanlePageChange",value:function(e){Object.assign(this.props.pagination,{current:e,value:e}),this.context.emit("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("column-pick",this.propActiveCols))}},{key:"renderHeader",value:function(){var e=this,r={"--row-height":"".concat(_(this.props,"headHeight",["thead"]),"px")};return t.createVNode("thead",{style:r},[t.createVNode("tr",null,[this.props.columns.map((function(r,o){return t.createVNode("th",{colspan:1,rowspan:1,class:n.classes({active:e.isColActive(o)}),onClick:function(){return e.handleColumnHeadClick(o)}},[t.createVNode("div",{class:"cell"},[_(r,"label",[r])])])}))])])}},{key:"renderTBody",value:function(e){var n=this;return t.createVNode("tbody",null,[e.map((function(r,o){var a={"--row-height":"".concat(_(n.props,"rowHeight",["tbody",r,o]),"px")};return t.createVNode("tr",{style:a,onClick:function(t){return n.handleRowClick(t,r,o,e)}},[n.props.columns.map((function(a){return t.createVNode("td",{colspan:1,rowspan:1},[t.createVNode("div",{class:"cell"},[n.renderCell(r,a,o,e)])])}))])}))])}},{key:"handleRowClick",value:function(e,t,n,r){this.context.emit("row-click",e,t,n,r,this)}},{key:"renderCell",value:function(e,t,n,r){var o=e[_(t,"field",[t,e])];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 e=this;return t.createVNode("colgroup",null,[(this.colgroups||[]).map((function(r,o){var a,i=n.classes({active:e.isColActive(o)}),s={width:(a=r.calcWidth,V(a,"auto"))};return t.createVNode("col",{class:i,style:s},null)}))])}}]),e}(),E=t.defineComponent({name:"Table",props:d,setup:function(e,r){var o=t.reactive(N(e)),a=t.reactive(e.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null})}))),i=t.ref(0),u=t.ref(0),c=t.reactive({count:0,limit:10,current:1});c=H(e.pagination,c);var f=function(){if(!e.pagination||e.remotePagination)return i.value=0,void(u.value=e.data.length);i.value=(c.current-1)*c.limit,u.value=c.current*c.limit};f();var d=null,v=t.ref(),y=function(){return(e.columns||[]).map((function(e,t){return{index:t,active:o.some((function(e){return e===t})),_column:e}}))},h=t.reactive({activeColumns:y(),scrollTranslateY:0});t.watch((function(){return[e.activeColumn,e.columns,e.pagination]}),(function(){t.nextTick((function(){h.activeColumns=y();var t=N(e);h.activeColumns.forEach((function(e,n){Object.assign(e,{active:t.some((function(e){return e===n}))})})),c=H(e.pagination,c),f()}))}),{deep:!0});var m=new M(e,r,h,a),g=t.computed((function(){return{minHeight:V(e.minHeight,"auto")}})),b=t.computed((function(){return e.data.slice(i.value,u.value)})),x=t.computed((function(){return e.pagination?e.remotePagination?c:Object.assign(Object.assign({},c),{count:e.data.length}):null})),T=t.computed((function(){var t,n=V(e.height),r=e.showHead?V(e.headHeight):"0",o=(t=e.height,!/^\d+\.?\d*(px|%)?$/.test("".concat(t))),a=e.pagination?40:0,i="calc(".concat(n," - ").concat(r," - ").concat(a,"px - 2px)");return Object.assign({display:"block"},o?{maxHeight:i}:{height:i})})),P=t.computed((function(){return n.classes(l({},n.resolveClassName("table"),!0),(t=e.border,r=["row"],"string"==typeof t&&r.push(t),Array.isArray(t)&&r.push.apply(r,k(t.filter((function(e){return p.includes(e)})))),k(new Set(r)).map((function(e){return"bordered-".concat(e)})).join(" ")));var t,r})),C=n.classes(l({},n.resolveClassName("table-head"),!0)),O=n.classes(l({},n.resolveClassName("table-body"),!0)),w=n.classes(l({},n.resolveClassName("table-footer"),!0)),j=function(e){var t=e[1];h.scrollTranslateY=t.translateY};return t.onMounted((function(){d=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,o=arguments.length>3&&void 0!==arguments[3]&&arguments[3],a=n.throttle((function(){"function"==typeof t&&t()}),r),i=new ResizeObserver((function(){a()}));return o&&"function"==typeof t&&t(),{start:function(){i.observe(e)},stop:function(){i.disconnect(),i.unobserve(e)}}}(v.value,(function(){!function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,r=(e.getBoundingClientRect()||{}).width,o=[],a=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 i=String(e.width),s=!0;if(/^\d+\.?\d*(px)?$/.test(i)){var u=Number(i.replace("px",""));a(e,u),s=!1}if(/^\d+\.?\d*%$/.test(i)){var c=n;if(r>0){var l=Number(i.replace("%",""));c=r*l/100}a(e,c),s=!1}s&&o.push(t)})),o.length>0){var i=n;r>0&&(i=r/o.length,o.forEach((function(e){return a(t[e],i,!1)})))}}(v.value,a,20)}),60,!0),d.start()})),t.onBeforeUnmount((function(){d.stop(),d=null})),r.expose({plugins:m.plugins}),function(){return t.createVNode("div",{class:P.value,style:g.value,ref:v},[t.createVNode("div",{class:C},[e.showHead&&m.renderTableHeadSchema()]),t.createVNode(s.default,{lineHeight:e.rowHeight,class:O,style:T.value,list:b.value,onContentScroll:j,throttleDelay:0,enabled:e.virtualEnabled},{default:function(t){return m.renderTableBodySchema(t.data||e.data)},afterContent:function(){return t.createVNode("div",{class:n.resolveClassName("table-fixed")},null)}}),t.createVNode("div",{class:w},[e.pagination&&m.renderTableFooter(x.value)])])}}}),$=n.withInstall(E);e.default=$,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/table/props.d.ts

@@ -0,0 +1,118 @@
+import { ExtractPropTypes } from 'vue';
+export declare const tableProps: {
+    onRowClick: FunctionConstructor;
+    /**
+     * 渲染列表
+     */
+    data: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
+    };
+    /**
+     * Table 列渲染
+     */
+    columns: import("vue-types").VueTypeDef<Column[]>;
+    /**
+     * 当前选中列
+     * 当设置选中多列时（columnPick = multi），配置为数组[index1, index2, index3]，只能选中单列时，可以为数值或者数组[index]
+     */
+    activeColumn: import("vue-types").VueTypeDef<number | number[]>;
+    /**
+     * 表格列选中方式
+     * 支持：单列（single），多列（multi），禁用（disabled）
+     * 默认：disabled
+     */
+    columnPick: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    /**
+     * 设置表格高度
+     * 默认：auto，依赖外层高度
+     */
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    /**
+     * 设置表格最小高度
+     * 默认：auto，依赖外层高度
+     */
+    minHeight: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    /**
+     * 行高，可以为固定数值类型
+     * 可以是函数，返回当前行的高度，返回值为数值类型
+     */
+    rowHeight: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+    /**
+     * Thead行高，可以为固定数值类型
+     */
+    headHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    /**
+     * 是否显示Head
+     */
+    showHead: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 是否启用虚拟渲染 & 滚动
+     * 当数据量很大时，启用虚拟渲染可以解决压面卡顿问题
+     */
+    virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 表格边框显示设置，可以是一个组合
+     * 生效规则: 除非单独设置 none,否则会追加每个设置
+     */
+    border: import("vue-types").VueTypeDef<string[]> & {
+        default: () => string[];
+    };
+    /**
+     * 分页配置
+     * 默认值为false，不启用分页
+     * 设置为 true，启用分页功能，默认值参考分页组件 Pagination
+     */
+    pagination: import("vue-types").VueTypeDef<boolean | {
+        [key: string]: any;
+    }> & {
+        default: boolean | (() => {
+            [key: string]: any;
+        });
+    };
+    /**
+     * 是否启用远程分页
+     */
+    remotePagination: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+};
+export declare type Column = {
+    label: Function | string;
+    field: Function | string;
+    render?: Function | string;
+    width?: number | string;
+};
+export declare type GroupColumn = {
+    calcWidth?: number;
+} & Column;
+export declare type Columns = ReadonlyArray<Column>;
+export declare type TablePropTypes = Readonly<ExtractPropTypes<typeof tableProps>>;
+export declare type IColumnActive = {
+    index: number;
+    active: boolean;
+};
+export declare type IReactiveProp = {
+    activeColumns: IColumnActive[];
+};

package/lib/table/render.d.ts

@@ -0,0 +1,74 @@
+import { SetupContext } from 'vue';
+import { GroupColumn, IColumnActive, IReactiveProp, TablePropTypes } from './props';
+import { TablePlugins } from './plugins/index';
+export default class TableRender {
+    props: TablePropTypes;
+    context: SetupContext;
+    reactiveProp: any;
+    colgroups: GroupColumn[];
+    plugins: TablePlugins;
+    constructor(props: TablePropTypes, ctx: SetupContext, reactiveProp: IReactiveProp, colgroups: GroupColumn[]);
+    get propActiveCols(): IColumnActive[];
+    /**
+     * 渲染Table Head
+     * @param activeColumns 当前选中的列
+     * @returns
+     */
+    renderTableHeadSchema(): JSX.Element;
+    /**
+     * 渲染Table主体
+     * @param activeColumns 当前选中的列
+     * @returns
+     */
+    renderTableBodySchema(rows: any[]): JSX.Element;
+    renderTableFooter(options: any): JSX.Element;
+    private handlePageLimitChange;
+    private hanlePageChange;
+    /**
+     * 指定列选中状态
+     * @param index 指定选中的列Index
+     * @param single 是否重置其他列，当只允许选中一列的情况下需要先重置
+     */
+    private setColumnActive;
+    /**
+     * 点击选中一列事件
+     * @param index 当前选中列Index
+     */
+    private handleColumnHeadClick;
+    /**
+     * 渲染Table Header
+     * @returns
+     */
+    private renderHeader;
+    /**
+     * 渲染Table Body
+     * @returns
+     */
+    private renderTBody;
+    /**
+     * table row click handle
+     * @param e
+     * @param row
+     * @param index
+     * @param rows
+     */
+    private handleRowClick;
+    /**
+     * 渲染表格Cell内容
+     * @param row 当前行
+     * @param column 当前列
+     * @returns
+     */
+    private renderCell;
+    /**
+     * 判定指定列是否为选中状态
+     * @param colIndex 指定列Index
+     * @returns
+     */
+    private isColActive;
+    /**
+   * 渲染表格Col分组
+   * @returns
+   */
+    private renderColGroup;
+}

package/lib/table/table.css

@@ -0,0 +1,90 @@
+.bk-table {
+  overflow: hidden;
+  height: 100%;
+  border-top: 1px solid #dcdee5;
+  border-bottom: 1px solid #dcdee5;
+}
+.bk-table .bk-table-body {
+  overflow: auto;
+}
+.bk-table .bk-table-head,
+.bk-table .bk-table-body {
+  background: white;
+}
+.bk-table .bk-table-head table,
+.bk-table .bk-table-body table {
+  width: 100%;
+  border-collapse: collapse;
+}
+.bk-table .bk-table-head table th,
+.bk-table .bk-table-body table th,
+.bk-table .bk-table-head table td,
+.bk-table .bk-table-body table td {
+  min-width: 80px;
+}
+.bk-table .bk-table-head table th .cell,
+.bk-table .bk-table-body table th .cell,
+.bk-table .bk-table-head table td .cell,
+.bk-table .bk-table-body table td .cell {
+  height: var(--row-height);
+  padding: 0 15px;
+  overflow: hidden;
+  line-height: var(--row-height);
+  color: #575961;
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-table .bk-table-head table thead th,
+.bk-table .bk-table-body table thead th {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  color: #313238;
+  background-color: #fafbfd;
+}
+.bk-table .bk-table-head table thead th.active,
+.bk-table .bk-table-body table thead th.active,
+.bk-table .bk-table-head table thead th:hover,
+.bk-table .bk-table-body table thead th:hover {
+  background: #f0f1f5;
+}
+.bk-table .bk-table-head table tbody tr:hover td,
+.bk-table .bk-table-body table tbody tr:hover td {
+  background: #f5f7fa;
+}
+.bk-table .bk-table-footer {
+  line-height: 40px;
+}
+.bk-table.bordered-row .cell {
+  border-bottom: 1px solid #dcdee5;
+}
+.bk-table.bordered-outer {
+  border-right: 1px solid #dcdee5;
+  border-left: 1px solid #dcdee5;
+}
+.bk-table.bordered-col th .cell,
+.bk-table.bordered-col td .cell {
+  border-right: 1px solid #dcdee5;
+}
+.bk-table.bordered-col th:last-child .cell,
+.bk-table.bordered-col td:last-child .cell {
+  border-right: none;
+}
+.bk-table.bordered-none th .cell,
+.bk-table.bordered-none td .cell {
+  border-top: none;
+  border-right: none;
+  border-bottom: none;
+  border-left: none;
+}
+.bk-table .bk-table-fixed {
+  width: 100%;
+}
+.bk-table colgroup col {
+  background: white;
+}
+.bk-table colgroup col.active {
+  position: relative;
+  background: #f0f1f5;
+}