bkui-vue 0.0.1-beta.18 → 0.0.1-beta.19

package/lib/tab/index.d.ts

@@ -3,10 +3,10 @@ export declare const BKTab: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            type: string;
             closable: boolean;
             extCls: string;
             showHeader: boolean;
-            type: string;
             sortType: string;
             addable: boolean;
             sortable: boolean;
@@ -91,7 +91,7 @@ export declare const BKTab: {
             onRemove?: (...args: any[]) => any;
             "onUpdate:active"?: (...args: any[]) => any;
             onSort?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "closable" | "extCls" | "showHeader" | "type" | "sortType" | "addable" | "sortable" | "labelHeight" | "scrollStep" | "validateActive" | "changeOnHover" | "changeOnHoverDelay" | "tabPosition">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "closable" | "extCls" | "showHeader" | "sortType" | "addable" | "sortable" | "labelHeight" | "scrollStep" | "validateActive" | "changeOnHover" | "changeOnHoverDelay" | "tabPosition">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -190,10 +190,10 @@ export declare const BKTab: {
             tabSort(dragTabIndex: number, dropTabIndex: number): void;
             tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
         }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "add-panel" | "tab-change" | "close-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active" | "sort")[], string, {
+            type: string;
             closable: boolean;
             extCls: string;
             showHeader: boolean;
-            type: string;
             sortType: string;
             addable: boolean;
             sortable: boolean;
@@ -396,10 +396,10 @@ export declare const BKTab: {
     tabSort(dragTabIndex: number, dropTabIndex: number): void;
     tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "add-panel" | "tab-change" | "close-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active" | "sort")[], "change" | "drag" | "sort" | "add" | "add-panel" | "tab-change" | "close-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active", {
+    type: string;
     closable: boolean;
     extCls: string;
     showHeader: boolean;
-    type: string;
     sortType: string;
     addable: boolean;
     sortable: boolean;

package/lib/tab/tab.d.ts

@@ -146,10 +146,10 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:active"?: (...args: any[]) => any;
     onSort?: (...args: any[]) => any;
 }, {
+    type: string;
     closable: boolean;
     extCls: string;
     showHeader: boolean;
-    type: string;
     sortType: string;
     addable: boolean;
     sortable: boolean;

package/lib/table/index.d.ts

@@ -5,10 +5,10 @@ declare const BkTable: {
         $props: Partial<{
             data: any[];
             height: string | number;
+            minHeight: string | number;
             border: string[];
             headHeight: number;
             columnPick: string;
-            minHeight: string | number;
             rowHeight: any;
             showHead: boolean;
             virtualEnabled: boolean;
@@ -48,7 +48,7 @@ declare const BkTable: {
             border: import("vue-types").VueTypeDef<string[]> & {
                 default: () => string[];
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "height" | "border" | "headHeight" | "columnPick" | "minHeight" | "rowHeight" | "showHead" | "virtualEnabled">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "height" | "minHeight" | "border" | "headHeight" | "columnPick" | "rowHeight" | "showHead" | "virtualEnabled">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -101,10 +101,10 @@ declare const BkTable: {
         }>>, () => 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;
-            minHeight: string | number;
             rowHeight: any;
             showHead: boolean;
             virtualEnabled: boolean;
@@ -207,10 +207,10 @@ declare const BkTable: {
 }>>, () => 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;
-    minHeight: string | number;
     rowHeight: any;
     showHead: boolean;
     virtualEnabled: boolean;

package/lib/table/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("../virtual-render")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../virtual-render"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e["@bkui-vue/virtual-render"])}(this,(function(e,t,r,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(n);function i(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var s={exports:{}};!function(e){e.exports=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e},e.exports.__esModule=!0,e.exports.default=e.exports}(s);var u=i(s.exports),c=["none","row","col","outer"],l={data:r.PropTypes.arrayOf(r.PropTypes.any).def([]),columns:r.PropTypes.arrayOf(r.PropTypes.shape({label:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return""})),r.PropTypes.string.def("")]),field:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return""})),r.PropTypes.string.def("")]),render:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return""})),r.PropTypes.string.def("")]),width:r.PropTypes.oneOfType([r.PropTypes.number.def(void 0),r.PropTypes.string.def("auto")])})),activeColumn:r.PropTypes.oneOfType([r.PropTypes.number.def(-1),r.PropTypes.arrayOf(r.PropTypes.number.def(-1))]),columnPick:r.PropTypes.commonType(["multi","single","disabled"],"columnPick").def("disabled"),height:r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]).def("auto"),minHeight:r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]).def("auto"),rowHeight:r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.func]).def(40),headHeight:r.PropTypes.number.def(40),showHead:r.PropTypes.bool.def(!0),virtualEnabled:r.PropTypes.bool.def(!1),border:r.PropTypes.arrayOf(r.PropTypes.commonType(c,"border")).def(["row"])},p={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}(p);var d=i(p.exports),f={exports:{}};!function(e){function t(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}e.exports=function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e},e.exports.__esModule=!0,e.exports.default=e.exports}(f);var v=i(f.exports),y={exports:{}},h={exports:{}},m={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n},e.exports.__esModule=!0,e.exports.default=e.exports}(m),function(e){var t=m.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(h);var b={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}(b);var x={exports:{}};!function(e){var t=m.exports;e.exports=function(e,r){if(e){if("string"==typeof e)return t(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(e,r):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(x);var g={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}(g),function(e){var t=h.exports,r=b.exports,n=x.exports,o=g.exports;e.exports=function(e){return t(e)||r(e)||n(e)||o()},e.exports.__esModule=!0,e.exports.default=e.exports}(y);var T=i(y.exports),P=void 0,C=function(e,t,r){var n;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(n=e[t]).call.apply(n,[P].concat(T(r))):e[t]},w=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:O(e.activeColumn):Array.isArray(e.activeColumn)?O(e.activeColumn[0]):O(e.activeColumn):[]},O=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},k=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,n="";return n=/^auto|null|undefined$/gi.test("".concat(e))?t:/^\d+\.?\d+$/.test("".concat(e))?"".concat(e,"px"):e,r&&(n="calc(".concat(n," - ").concat(r,")")),n},A=v((function e(t,r){d(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=r})),N=function(){function e(t,r,n,o){d(this,e),this.props=t,this.context=r,this.reactiveProp=n,this.colgroups=o,this.plugins=new A(t,r)}return v(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:"setColumnActive",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=this.propActiveCols.find((function(t){return t.index===e}));Object.assign(r,{active:!r.active}),t&&this.propActiveCols.filter((function(t){return t.index!==e&&t.active})).forEach((function(e){Object.assign(e,{active:!1})}))}},{key:"handleColumnHeadClick",value:function(e){"disabled"!==this.props.columnPick&&(this.setColumnActive(e,"single"===this.props.columnPick),this.context.emit("column-pick",this.propActiveCols))}},{key:"renderHeader",value:function(){var e=this,n={"--row-height":"".concat(C(this.props,"headHeight",["thead"]),"px")};return t.createVNode("thead",{style:n},[t.createVNode("tr",null,[this.props.columns.map((function(n,o){return t.createVNode("th",{colspan:1,rowspan:1,class:r.classes({active:e.isColActive(o)}),onClick:function(){return e.handleColumnHeadClick(o)}},[t.createVNode("div",{class:"cell"},[C(n,"label",[n])])])}))])])}},{key:"renderTBody",value:function(e){var r=this;return t.createVNode("tbody",null,[e.map((function(e,n){var o={"--row-height":"".concat(C(r.props,"rowHeight",["tbody",e,n]),"px")};return t.createVNode("tr",{style:o},[r.props.columns.map((function(n){return t.createVNode("td",{colspan:1,rowspan:1},[t.createVNode("div",{class:"cell"},[r.renderCell(e,n)])])}))])}))])}},{key:"renderCell",value:function(e,t){var r=e[C(t,"field",[t,e])];return"function"==typeof t.render?t.render(r):r}},{key:"isColActive",value:function(e){return"disabled"!==this.props.columnPick&&this.propActiveCols.some((function(t){return t.index===e&&t.active}))}},{key:"renderColGroup",value:function(){var e=this;return t.createVNode("colgroup",null,[(this.colgroups||[]).map((function(n,o){var a,i=r.classes({active:e.isColActive(o)}),s={width:(a=n.calcWidth,k(a,"auto"))};return t.createVNode("col",{class:i,style:s},null)}))])}}]),e}(),_=t.defineComponent({name:"BkTable",props:l,setup:function(e,n){var o=t.reactive(w(e)),i=t.reactive(e.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null})}))),s=null,l=t.ref(),p=function(){return(e.columns||[]).map((function(e,t){return{index:t,active:o.some((function(e){return e===t})),_column:e}}))},d=t.reactive({activeColumns:p(),scrollTranslateY:0}),f=t.computed((function(){return{minHeight:k(e.minHeight,"auto")}})),v=t.computed((function(){var t=k(e.height),r=e.showHead?k(e.headHeight):"0";return{height:"calc(".concat(t," - ").concat(r," - 2px)"),display:"block"}}));t.watch((function(){return[e.activeColumn,e.columns]}),(function(){t.nextTick((function(){d.activeColumns=p();var t=w(e);d.activeColumns.forEach((function(e,r){Object.assign(e,{active:t.some((function(e){return e===r}))})}))}))}),{deep:!0});var y=new N(e,n,d,i),h=t.computed((function(){return r.classes(u({},r.resolveClassName("table"),!0),(t=e.border,n=["row"],"string"==typeof t&&n.push(t),Array.isArray(t)&&n.push.apply(n,T(t.filter((function(e){return c.includes(e)})))),T(new Set(n)).map((function(e){return"bordered-".concat(e)})).join(" ")));var t,n})),m=r.classes(u({},r.resolveClassName("table-head"),!0)),b=r.classes(u({},r.resolveClassName("table-body"),!0)),x=function(e){var t=e[1];d.scrollTranslateY=t.translateY};return t.onMounted((function(){s=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],a=r.throttle((function(){"function"==typeof t&&t()}),n),i=new ResizeObserver((function(){a()}));return o&&"function"==typeof t&&t(),{start:function(){i.observe(e)},stop:function(){i.disconnect(),i.unobserve(e)}}}(l.value,(function(){!function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,n=(e.getBoundingClientRect()||{}).width,o=[],a=function(e,t){var r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];Object.assign(e,{calcWidth:t}),r&&(n-=t)<0&&(n=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=r;if(n>0){var l=Number(i.replace("%",""));c=n*l/100}a(e,c),s=!1}s&&o.push(t)})),o.length>0){var i=r;n>0&&(i=n/o.length,o.forEach((function(e){return a(t[e],i,!1)})))}}(l.value,i,20)}),60,!0),s.start()})),t.onBeforeUnmount((function(){s.stop(),s=null})),n.expose({plugins:y.plugins}),function(){return t.createVNode("div",{class:h.value,style:f.value,ref:l},[t.createVNode("div",{class:m},[e.showHead&&y.renderTableHeadSchema()]),t.createVNode(a.default,{lineHeight:e.rowHeight,contentClassName:b,style:v.value,list:e.data,onContentScroll:x,throttleDelay:0,enabled:e.virtualEnabled},{default:function(t){return y.renderTableBodySchema(t.data||e.data)},afterContent:function(){return t.createVNode("div",{class:r.resolveClassName("table-fixed")},null)}})])}}}),H=r.withInstall(_);e.default=H,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("../virtual-render")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../virtual-render"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e["@bkui-vue/virtual-render"])}(this,(function(e,t,r,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(n);function i(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var s={exports:{}};!function(e){e.exports=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e},e.exports.__esModule=!0,e.exports.default=e.exports}(s);var c=i(s.exports),u=["none","row","col","outer"],l={data:r.PropTypes.arrayOf(r.PropTypes.any).def([]),columns:r.PropTypes.arrayOf(r.PropTypes.shape({label:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return""})),r.PropTypes.string.def("")]),field:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return""})),r.PropTypes.string.def("")]),render:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return""})),r.PropTypes.string.def("")]),width:r.PropTypes.oneOfType([r.PropTypes.number.def(void 0),r.PropTypes.string.def("auto")])})),activeColumn:r.PropTypes.oneOfType([r.PropTypes.number.def(-1),r.PropTypes.arrayOf(r.PropTypes.number.def(-1))]),columnPick:r.PropTypes.commonType(["multi","single","disabled"],"columnPick").def("disabled"),height:r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]).def("auto"),minHeight:r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]).def("auto"),rowHeight:r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.func]).def(40),headHeight:r.PropTypes.number.def(40),showHead:r.PropTypes.bool.def(!0),virtualEnabled:r.PropTypes.bool.def(!1),border:r.PropTypes.arrayOf(r.PropTypes.commonType(u,"border")).def(["row"])},p={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}(p);var d=i(p.exports),f={exports:{}};!function(e){function t(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}e.exports=function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e},e.exports.__esModule=!0,e.exports.default=e.exports}(f);var v=i(f.exports),y={exports:{}},h={exports:{}},m={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n},e.exports.__esModule=!0,e.exports.default=e.exports}(m),function(e){var t=m.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(h);var b={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}(b);var x={exports:{}};!function(e){var t=m.exports;e.exports=function(e,r){if(e){if("string"==typeof e)return t(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(e,r):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(x);var g={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}(g),function(e){var t=h.exports,r=b.exports,n=x.exports,o=g.exports;e.exports=function(e){return t(e)||r(e)||n(e)||o()},e.exports.__esModule=!0,e.exports.default=e.exports}(y);var T=i(y.exports),P=void 0,C=function(e,t,r){var n;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(n=e[t]).call.apply(n,[P].concat(T(r))):e[t]},w=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:O(e.activeColumn):Array.isArray(e.activeColumn)?O(e.activeColumn[0]):O(e.activeColumn):[]},O=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},k=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,n="";return n=/^auto|null|undefined$/gi.test("".concat(e))?t:/^\d+\.?\d+$/.test("".concat(e))?"".concat(e,"px"):e,r&&(n="calc(".concat(n," - ").concat(r,")")),n},A=v((function e(t,r){d(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=r})),N=function(){function e(t,r,n,o){d(this,e),this.props=t,this.context=r,this.reactiveProp=n,this.colgroups=o,this.plugins=new A(t,r)}return v(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:"setColumnActive",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=this.propActiveCols.find((function(t){return t.index===e}));Object.assign(r,{active:!r.active}),t&&this.propActiveCols.filter((function(t){return t.index!==e&&t.active})).forEach((function(e){Object.assign(e,{active:!1})}))}},{key:"handleColumnHeadClick",value:function(e){"disabled"!==this.props.columnPick&&(this.setColumnActive(e,"single"===this.props.columnPick),this.context.emit("column-pick",this.propActiveCols))}},{key:"renderHeader",value:function(){var e=this,n={"--row-height":"".concat(C(this.props,"headHeight",["thead"]),"px")};return t.createVNode("thead",{style:n},[t.createVNode("tr",null,[this.props.columns.map((function(n,o){return t.createVNode("th",{colspan:1,rowspan:1,class:r.classes({active:e.isColActive(o)}),onClick:function(){return e.handleColumnHeadClick(o)}},[t.createVNode("div",{class:"cell"},[C(n,"label",[n])])])}))])])}},{key:"renderTBody",value:function(e){var r=this;return t.createVNode("tbody",null,[e.map((function(e,n){var o={"--row-height":"".concat(C(r.props,"rowHeight",["tbody",e,n]),"px")};return t.createVNode("tr",{style:o},[r.props.columns.map((function(n){return t.createVNode("td",{colspan:1,rowspan:1},[t.createVNode("div",{class:"cell"},[r.renderCell(e,n)])])}))])}))])}},{key:"renderCell",value:function(e,t){var r=e[C(t,"field",[t,e])];return"function"==typeof t.render?t.render(r):r}},{key:"isColActive",value:function(e){return"disabled"!==this.props.columnPick&&this.propActiveCols.some((function(t){return t.index===e&&t.active}))}},{key:"renderColGroup",value:function(){var e=this;return t.createVNode("colgroup",null,[(this.colgroups||[]).map((function(n,o){var a,i=r.classes({active:e.isColActive(o)}),s={width:(a=n.calcWidth,k(a,"auto"))};return t.createVNode("col",{class:i,style:s},null)}))])}}]),e}(),_=t.defineComponent({name:"BkTable",props:l,setup:function(e,n){var o=t.reactive(w(e)),i=t.reactive(e.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null})}))),s=null,l=t.ref(),p=function(){return(e.columns||[]).map((function(e,t){return{index:t,active:o.some((function(e){return e===t})),_column:e}}))},d=t.reactive({activeColumns:p(),scrollTranslateY:0}),f=t.computed((function(){return{minHeight:k(e.minHeight,"auto")}})),v=t.computed((function(){var t,r=k(e.height),n=e.showHead?k(e.headHeight):"0",o=(t=e.height,!/^\d+\.?\d*(px|%)?$/.test("".concat(t)));return Object.assign({display:"block"},o?{maxHeight:"calc(".concat(r," - ").concat(n," - 2px)")}:{height:"calc(".concat(r," - ").concat(n," - 2px)")})}));t.watch((function(){return[e.activeColumn,e.columns]}),(function(){t.nextTick((function(){d.activeColumns=p();var t=w(e);d.activeColumns.forEach((function(e,r){Object.assign(e,{active:t.some((function(e){return e===r}))})}))}))}),{deep:!0});var y=new N(e,n,d,i),h=t.computed((function(){return r.classes(c({},r.resolveClassName("table"),!0),(t=e.border,n=["row"],"string"==typeof t&&n.push(t),Array.isArray(t)&&n.push.apply(n,T(t.filter((function(e){return u.includes(e)})))),T(new Set(n)).map((function(e){return"bordered-".concat(e)})).join(" ")));var t,n})),m=r.classes(c({},r.resolveClassName("table-head"),!0)),b=r.classes(c({},r.resolveClassName("table-body"),!0)),x=function(e){var t=e[1];d.scrollTranslateY=t.translateY};return t.onMounted((function(){s=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],a=r.throttle((function(){"function"==typeof t&&t()}),n),i=new ResizeObserver((function(){a()}));return o&&"function"==typeof t&&t(),{start:function(){i.observe(e)},stop:function(){i.disconnect(),i.unobserve(e)}}}(l.value,(function(){!function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,n=(e.getBoundingClientRect()||{}).width,o=[],a=function(e,t){var r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];Object.assign(e,{calcWidth:t}),r&&(n-=t)<0&&(n=0)};if(t.forEach((function(e,t){var i=String(e.width),s=!0;if(/^\d+\.?\d*(px)?$/.test(i)){var c=Number(i.replace("px",""));a(e,c),s=!1}if(/^\d+\.?\d*%$/.test(i)){var u=r;if(n>0){var l=Number(i.replace("%",""));u=n*l/100}a(e,u),s=!1}s&&o.push(t)})),o.length>0){var i=r;n>0&&(i=n/o.length,o.forEach((function(e){return a(t[e],i,!1)})))}}(l.value,i,20)}),60,!0),s.start()})),t.onBeforeUnmount((function(){s.stop(),s=null})),n.expose({plugins:y.plugins}),function(){return t.createVNode("div",{class:h.value,style:f.value,ref:l},[t.createVNode("div",{class:m},[e.showHead&&y.renderTableHeadSchema()]),t.createVNode(a.default,{lineHeight:e.rowHeight,contentClassName:b,style:v.value,list:e.data,onContentScroll:x,throttleDelay:0,enabled:e.virtualEnabled},{default:function(t){return y.renderTableBodySchema(t.data||e.data)},afterContent:function(){return t.createVNode("div",{class:r.resolveClassName("table-fixed")},null)}})])}}}),H=r.withInstall(_);e.default=H,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/table/table.d.ts

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     minHeight: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
-    }; /** 表格外层容器样式 */
+    };
     rowHeight: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     minHeight: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
-    }; /** 表格外层容器样式 */
+    };
     rowHeight: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
@@ -74,10 +74,10 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     data: any[];
     height: string | number;
+    minHeight: string | number;
     border: string[];
     headHeight: number;
     columnPick: string;
-    minHeight: string | number;
     rowHeight: any;
     showHead: boolean;
     virtualEnabled: boolean;

package/lib/table/utils.d.ts

@@ -53,3 +53,9 @@ export declare const observerResize: (root: HTMLElement, callbackFn: () => void,
     start: () => void;
     stop: () => void;
 };
+/**
+ * 判定为数值 | px | %
+ * @param val
+ * @returns
+ */
+export declare const isPercentPixOrNumber: (val: string | number) => boolean;

package/lib/tree/index.d.ts

@@ -4,9 +4,9 @@ declare const BkTree: {
         $data: {};
         $props: Partial<{
             data: any[];
+            lineHeight: number;
             prefixIcon: any;
             children: string;
-            lineHeight: number;
             indent: number;
             levelLine: any;
             virtualRender: boolean;
@@ -41,7 +41,7 @@ declare const BkTree: {
             prefixIcon: import("vue-types").VueTypeDef<any> & {
                 default: any;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "prefixIcon" | "children" | "lineHeight" | "indent" | "levelLine" | "virtualRender">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "lineHeight" | "prefixIcon" | "children" | "indent" | "levelLine" | "virtualRender">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -100,9 +100,9 @@ declare const BkTree: {
             getNodePrefixIcon: (item: any) => string | JSX.Element;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             data: any[];
+            lineHeight: number;
             prefixIcon: any;
             children: string;
-            lineHeight: number;
             indent: number;
             levelLine: any;
             virtualRender: boolean;
@@ -218,9 +218,9 @@ declare const BkTree: {
     getNodePrefixIcon: (item: any) => string | JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     data: any[];
+    lineHeight: number;
     prefixIcon: any;
     children: string;
-    lineHeight: number;
     indent: number;
     levelLine: any;
     virtualRender: boolean;

package/lib/tree/tree.d.ts

@@ -76,9 +76,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     data: any[];
+    lineHeight: number;
     prefixIcon: any;
     children: string;
-    lineHeight: number;
     indent: number;
     levelLine: any;
     virtualRender: boolean;

package/lib/virtual-render/index.d.ts

@@ -7,11 +7,11 @@ declare const BkVirtualRender: {
             width: string | number;
             height: string | number;
             list: unknown[];
+            lineHeight: any;
+            minHeight: number;
             className: string | {
                 [key: string]: any;
             };
-            minHeight: number;
-            lineHeight: any;
             contentClassName: string | {
                 [key: string]: any;
             };
@@ -135,7 +135,7 @@ declare const BkVirtualRender: {
             } & {
                 default: number;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "enabled" | "width" | "height" | "list" | "className" | "minHeight" | "lineHeight" | "contentClassName" | "contentStyle" | "scrollXName" | "scrollYName" | "groupItemCount" | "preloadItemCount" | "renderAs" | "contentAs" | "scrollOffsetTop" | "scrollPosition" | "abosuteHeight" | "throttleDelay">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "enabled" | "width" | "height" | "list" | "lineHeight" | "minHeight" | "className" | "contentClassName" | "contentStyle" | "scrollXName" | "scrollYName" | "groupItemCount" | "preloadItemCount" | "renderAs" | "contentAs" | "scrollOffsetTop" | "scrollPosition" | "abosuteHeight" | "throttleDelay">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -263,11 +263,11 @@ declare const BkVirtualRender: {
             width: string | number;
             height: string | number;
             list: unknown[];
+            lineHeight: any;
+            minHeight: number;
             className: string | {
                 [key: string]: any;
             };
-            minHeight: number;
-            lineHeight: any;
             contentClassName: string | {
                 [key: string]: any;
             };
@@ -531,11 +531,11 @@ declare const BkVirtualRender: {
     width: string | number;
     height: string | number;
     list: unknown[];
+    lineHeight: any;
+    minHeight: number;
     className: string | {
         [key: string]: any;
     };
-    minHeight: number;
-    lineHeight: any;
     contentClassName: string | {
         [key: string]: any;
     };

package/lib/virtual-render/virtual-render.d.ts

@@ -219,11 +219,11 @@ declare const _default: import("vue").DefineComponent<{
     width: string | number;
     height: string | number;
     list: unknown[];
+    lineHeight: any;
+    minHeight: number;
     className: string | {
         [key: string]: any;
     };
-    minHeight: number;
-    lineHeight: any;
     contentClassName: string | {
         [key: string]: any;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.1-beta.18",
+  "version": "0.0.1-beta.19",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*"
@@ -25,81 +25,81 @@
     "generate:declation": "rimraf lib && tsc -p ./scripts/tsconfig.declaration.json"
   },
   "devDependencies": {
-    "@babel/core": "~7.14.8",
-    "@babel/eslint-parser": "~7.14.9",
-    "@babel/plugin-transform-runtime": "~7.14.5",
-    "@babel/plugin-transform-typescript": "~7.14.6",
-    "@babel/preset-env": "~7.14.9",
-    "@babel/preset-typescript": "~7.14.5",
-    "@commitlint/cli": "~13.1.0",
-    "@commitlint/config-conventional": "~13.1.0",
+    "@babel/core": "~7.17.9",
+    "@babel/eslint-parser": "~7.17.0",
+    "@babel/plugin-transform-runtime": "~7.17.0",
+    "@babel/plugin-transform-typescript": "~7.16.8",
+    "@babel/preset-env": "~7.16.11",
+    "@babel/preset-typescript": "~7.16.7",
+    "@commitlint/cli": "~16.2.3",
+    "@commitlint/config-conventional": "~16.2.1",
     "@rollup/plugin-babel": "~5.3.0",
-    "@rollup/plugin-commonjs": "~20.0.0",
+    "@rollup/plugin-commonjs": "~21.0.3",
     "@rollup/plugin-json": "~4.1.0",
-    "@rollup/plugin-node-resolve": "~13.0.4",
-    "@types/jest": "~26.0.23",
-    "@typescript-eslint/eslint-plugin": "~4.29.0",
-    "@typescript-eslint/parser": "~4.29.0",
-    "@vitejs/plugin-vue": "~1.3.0",
-    "@vitejs/plugin-vue-jsx": "~1.1.7",
-    "@vue/babel-plugin-jsx": "~1.0.5",
+    "@rollup/plugin-node-resolve": "~13.1.3",
+    "@types/jest": "~27.4.1",
+    "@typescript-eslint/eslint-plugin": "~5.18.0",
+    "@typescript-eslint/parser": "~5.18.0",
+    "@vitejs/plugin-vue": "~2.3.1",
+    "@vitejs/plugin-vue-jsx": "~1.3.9",
+    "@vue/babel-plugin-jsx": "~1.1.1",
     "@vue/babel-preset-jsx": "~1.2.4",
-    "@vue/compiler-sfc": "~3.1.5",
-    "@vue/component-compiler-utils": "~3.2.0",
+    "@vue/compiler-sfc": "~3.2.31",
+    "@vue/component-compiler-utils": "~3.3.0",
     "@vue/eslint-config-standard": "~6.1.0",
-    "@vue/eslint-config-typescript": "~7.0.0",
+    "@vue/eslint-config-typescript": "~10.0.0",
     "@vue/test-utils": "~2.0.0-rc.12",
     "acorn-jsx": "~5.3.1",
-    "babel-jest": "~27.0.6",
+    "babel-jest": "~27.5.1",
     "chalk": "~4.1.2",
     "clipboard": "~2.0.8",
     "commitizen": "~4.2.4",
-    "conventional-changelog-cli": "~2.1.1",
+    "conventional-changelog-cli": "~2.2.2",
     "cross-env": "~7.0.3",
     "cz-lerna-changelog": "~2.0.3",
     "eslint": "~7.32.0",
-    "eslint-config-tencent": "~1.0.2",
+    "eslint-config-tencent": "~1.0.4",
     "eslint-plugin-codecc": "~0.0.4",
-    "eslint-plugin-import": "~2.23.4",
+    "eslint-plugin-import": "~2.26.0",
     "eslint-plugin-node": "~11.1.0",
     "eslint-plugin-promise": "~5.1.0",
     "eslint-plugin-vue": "~7.15.1",
     "highlight.js": "~11.5.0",
     "husky": "~7.0.1",
-    "jest": "~27.0.6",
+    "jest": "~27.5.1",
     "jest-transform-stub": "~2.0.0",
     "lerna": "~4.0.0",
     "less": "~4.1.1",
-    "lint-staged": "~11.1.1",
+    "lint-staged": "~12.3.7",
     "markdown-it-container": "~3.0.0",
     "normalize-wheel": "~1.0.1",
     "ora": "~5.4.1",
-    "plop": "~2.7.4",
-    "postcss": "~8.3.6",
-    "postcss-less": "~5.0.0",
+    "plop": "~3.0.5",
+    "postcss": "~8.4.12",
+    "postcss-less": "~6.0.0",
     "prismjs": "~1.27.0",
     "rimraf": "~3.0.2",
-    "rollup": "~2.55.1",
+    "rollup": "~2.70.1",
     "rollup-plugin-progress": "~1.1.2",
     "rollup-plugin-svg": "~2.0.0",
     "rollup-plugin-terser": "~7.0.2",
-    "rollup-plugin-typescript2": "~0.30.0",
-    "stylelint": "~13.13.1",
-    "stylelint-order": "~4.1.0",
-    "stylelint-scss": "~3.20.1",
-    "ts-jest": "~27.0.4",
-    "ts-node": "~10.1.0",
+    "rollup-plugin-typescript2": "~0.31.2",
+    "stylelint": "~14.6.1",
+    "stylelint-order": "~5.0.0",
+    "stylelint-scss": "~4.2.0",
+    "ts-jest": "~27.1.4",
+    "ts-node": "~10.7.0",
     "ttypescript": "~1.5.12",
-    "typescript": "~4.3.5",
-    "vite": "~2.4.4",
+    "typescript": "~4.6.3",
+    "vite": "~2.9.1",
     "vite-plugin-md": "~0.12.4",
-    "vue": "^3",
-    "vue-jest": "~5.0.0-alpha.8",
-    "vue-router": "~4.0.10",
-    "vue-types": "~4.0.1"
+    "vue": "^3.2.0",
+    "vue-jest": "~5.0.0-alpha.10",
+    "vue-router": "~4.0.14",
+    "vue-types": "~4.1.1"
   },
   "peerDependencies": {
-    "vue": "3.2.x"
+    "vue": "^3.2.0"
   },
   "main": "dist/bkui-vue.umd.js",
   "module": "dist/bkui-vue.esm.js",
@@ -118,9 +118,9 @@
     }
   },
   "dependencies": {
-    "@popperjs/core": "~2.11.0",
-    "date-fns": "~2.25.0",
+    "@popperjs/core": "~2.11.5",
+    "date-fns": "~2.28.0",
     "js-calendar": "~1.2.3",
-    "vue-types": "~4.0.1"
+    "vue-types": "~4.1.1"
   }
 }