bkui-vue 0.0.1-beta.359 → 0.0.1-beta.360

package/lib/table/table.css

@@ -1099,11 +1099,14 @@
 }
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list {
   display: inline-block;
-  max-width: 200px;
-  min-width: 140px;
-  overflow: auto;
+  max-width: 300px;
+  min-width: 200px;
+}
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items {
+  max-height: 200px;
+  min-height: 40px;
 }
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .list-item {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item {
   width: 100%;
   height: 32px;
   padding: 0 10px;
@@ -1112,9 +1115,18 @@
   color: #63656e;
   text-align: left;
 }
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .list-item:hover {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item:hover {
+  background: #f0f1f5;
+}
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item label:hover {
   background: #f0f1f5;
 }
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox-label {
+  white-space: nowrap;
+}
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox {
+  margin-left: 0;
+}
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer {
   display: flex;
   height: 42px;
@@ -1413,6 +1425,9 @@
 .bk-table .bk-table-body table td .cell.expand-cell {
   padding: 0;
   text-overflow: unset;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .bk-table .bk-table-head table th .expand-btn-action,
 .bk-table .bk-table-body table th .expand-btn-action,

package/lib/table/table.d.ts

@@ -128,6 +128,7 @@ declare const _default: import("vue").DefineComponent<{
     isRowSelectEnable: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
+    resizerWay: import("vue-types").VueTypeDef<"debounce" | "throttle">;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     columnPick: (..._args: any[]) => boolean;
     columnFilter: (..._args: any[]) => boolean;
@@ -273,6 +274,7 @@ declare const _default: import("vue").DefineComponent<{
     isRowSelectEnable: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
+    resizerWay: import("vue-types").VueTypeDef<"debounce" | "throttle">;
 }>> & {
     onSelect?: (...args: any[]) => any;
     onColumnPick?: (...args: any[]) => any;
@@ -291,11 +293,12 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     data: any[];
     height: string | number;
-    border: string | ("col" | "none" | "horizontal" | "row" | "outer")[];
     maxHeight: string | number;
+    border: string | ("col" | "none" | "horizontal" | "row" | "outer")[];
     minHeight: string | number;
     columns: import("./props").Column[];
     headHeight: number;
+    rowKey: any;
     pagination: boolean | {
         [key: string]: any;
     };
@@ -324,7 +327,6 @@ declare const _default: import("vue").DefineComponent<{
     reserveExpand: boolean;
     selectionKey: string;
     isSelectedFn: (...args: any[]) => any;
-    rowKey: any;
     asyncData: boolean;
     rowHover: import("./const").ROW_HOVER;
     defaultSort: import("./props").ISortOption;

package/lib/table/table.less

@@ -104,6 +104,9 @@
           &.expand-cell {
             padding: 0;
             text-overflow: unset;
+            display: flex;
+            align-items: center;
+            justify-content: center;
           }
         }
 

package/lib/table/table.variable.css

@@ -1932,11 +1932,14 @@
 }
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list {
   display: inline-block;
-  max-width: 200px;
-  min-width: 140px;
-  overflow: auto;
+  max-width: 300px;
+  min-width: 200px;
+}
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items {
+  max-height: 200px;
+  min-height: 40px;
 }
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .list-item {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item {
   width: 100%;
   height: 32px;
   padding: 0 10px;
@@ -1945,9 +1948,18 @@
   color: #63656e;
   text-align: left;
 }
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .list-item:hover {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item:hover {
+  background: #f0f1f5;
+}
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item label:hover {
   background: #f0f1f5;
 }
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox-label {
+  white-space: nowrap;
+}
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox {
+  margin-left: 0;
+}
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer {
   display: flex;
   height: 42px;
@@ -2246,6 +2258,9 @@
 .bk-table .bk-table-body table td .cell.expand-cell {
   padding: 0;
   text-overflow: unset;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .bk-table .bk-table-head table th .expand-btn-action,
 .bk-table .bk-table-body table th .expand-btn-action,

package/lib/table/utils.d.ts

@@ -58,11 +58,11 @@ export declare const resolveColumnWidth: (root: HTMLElement, colgroups: GroupCol
  * @param callbackFn 执行函数
  * @param delay 延迟执行时间，默认 60
  * @param immediate 是否立即执行回调函数
+ * @param resizerWay 执行方式：debounce | throttle
  * @returns "{ start: () => void, stop: () => void }"
  */
-export declare const observerResize: (root: HTMLElement, callbackFn: () => void, delay?: number, immediate?: boolean) => {
+export declare const observerResize: (root: HTMLElement, callbackFn: () => void, delay?: number, immediate?: boolean, resizerWay?: string) => {
     start: () => void;
-    stop: () => void;
 };
 /**
  * 判定为数值 | px | %
@@ -123,3 +123,4 @@ export declare const isRowSelectEnable: (props: any, { row, index, isCheckAll }:
     index: any;
     isCheckAll: any;
 }) => any;
+export declare const getRowId: (row: any, index: any, props: any) => any;

package/lib/table-column/index.js

@@ -1 +1 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["../shared","vue","vue-types"],o);else{var p="object"==typeof exports?o(require("../shared"),require("vue"),require("vue-types")):o(e["../shared"],e.vue,e["vue-types"]);for(var r in p)("object"==typeof exports?exports:e)[r]=p[r]}}(self,((e,o,p)=>(()=>{"use strict";var r={4212:o=>{o.exports=e},748:e=>{e.exports=o},210:e=>{e.exports=p}},s={};function n(e){var o=s[e];if(void 0!==o)return o.exports;var p=s[e]={exports:{}};return r[e](p,p.exports,n),p.exports}n.d=(e,o)=>{for(var p in o)n.o(o,p)&&!n.o(e,p)&&Object.defineProperty(e,p,{enumerable:!0,get:o[p]})},n.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var T={};return(()=>{n.r(T),n.d(T,{default:()=>R});var e,o,p,r=n(4212),s=n(748);function t(e,o,p){return o in e?Object.defineProperty(e,o,{value:p,enumerable:!0,configurable:!0,writable:!0}):e[o]=p,e}!function(e){e.NONE="none",e.ROW="row",e.COL="col",e.OUTER="outer",e.HORIZONTAL="horizontal"}(o||(o={})),function(e){e.HIGHLIGHT="highlight",e.AUTO="auto"}(p||(p={}));var y,f,i=[p.AUTO,p.HIGHLIGHT];o.NONE,o.ROW,o.COL,o.OUTER,o.HORIZONTAL,function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange",e.ON_ROW_EXPAND_CLICK="onRowExpandClick",e.ON_ROW_CHECK="onRowCheck"}(y||(y={})),function(e){e.COLUMN_PICK="columnPick",e.COLUMN_SORT="columnSort",e.COLUMN_FILTER="columnFilter",e.COLUMN_FILTER_SAVE="colFilterSave",e.ROW_CLICK="rowClick",e.ROW_DBL_CLICK="rowDblclick",e.ROW_EXPAND_CLICK="rowExpand",e.PAGE_LIMIT_CHANGE="pageLimitChange",e.PAGE_VALUE_CHANGE="pageValueChange",e.SETTING_CHANGE="settingChange",e.SCROLL_BOTTOM="scrollBottom",e.ROW_SELECT="select",e.ROW_SELECT_ALL="selectAll",e.ROW_SELECT_CHANGE="selectionChange"}(f||(f={}));var P,d=function(){return!0};t(e={},f.COLUMN_PICK,d),t(e,f.COLUMN_FILTER,d),t(e,f.COLUMN_SORT,d),t(e,f.COLUMN_FILTER_SAVE,d),t(e,f.ROW_CLICK,d),t(e,f.ROW_DBL_CLICK,d),t(e,f.ROW_EXPAND_CLICK,d),t(e,f.ROW_SELECT,d),t(e,f.ROW_SELECT_ALL,d),t(e,f.ROW_SELECT_CHANGE,d),t(e,f.PAGE_LIMIT_CHANGE,d),t(e,f.PAGE_VALUE_CHANGE,d),t(e,f.SETTING_CHANGE,d),t(e,f.SCROLL_BOTTOM,d),function(e){e.ASC="asc",e.DESC="desc",e.NULL="null",e.CUSTOM="custom"}(P||(P={})),P.ASC,P.DESC,P.NULL,P.CUSTOM;var l,u,a=n(210);!function(e){e.CURRENT="current",e.ALL="all"}(l||(l={})),function(e){e.STATIC="static",e.AUTO="auto"}(u||(u={}));var c,O=(0,a.toType)("showOverflowTooltipMode",{default:u.AUTO});!function(e){e.SELECTION="selection",e.INDEX="index",e.EXPAND="expand",e.NONE="none"}(c||(c={}));var b,L=(0,a.toType)("columnType",{default:c.NONE});!function(e){e.FULL="full",e.FUZZY="fuzzy"}(b||(b={}));var C,E=(0,a.toType)("full",{default:b.FULL});!function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(C||(C={}));var _,g=(0,a.toType)("columnSize",{default:C.SMALL});!function(e){e.LEFT="left",e.RIGHT="right"}(_||(_={}));var v,N=(0,a.toType)("columnSize",{}),m=(0,a.toType)("sortScope",{}).def(l.CURRENT);!function(e){e.MULTI="multi",e.SINGLE="single",e.DISABLED="disabled"}(v||(v={}));var S={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")]),minWidth:r.PropTypes.oneOfType([r.PropTypes.number.def(void 0),r.PropTypes.string.def("auto")]).def(80),columnKey:r.PropTypes.string.def(""),showOverflowTooltip:r.PropTypes.oneOfType([r.PropTypes.bool,r.PropTypes.shape({content:r.PropTypes.string.def(""),disabled:r.PropTypes.bool.def(!1),watchCellResize:r.PropTypes.bool.def(!0),mode:O})]).def(void 0),type:L,resizable:r.PropTypes.bool.def(!0),fixed:r.PropTypes.oneOfType([r.PropTypes.bool,N]).def(!1),sort:r.PropTypes.oneOfType([r.PropTypes.shape({sortFn:r.PropTypes.func.def(void 0),sortScope:m,value:r.PropTypes.string.def(P.NULL)}),r.PropTypes.bool,r.PropTypes.string]).def(!1),filter:r.PropTypes.oneOfType([r.PropTypes.shape({list:r.PropTypes.arrayOf(r.PropTypes.any).def([]),filterFn:r.PropTypes.func.def(void 0),match:E,filterScope:m,btnSave:r.PropTypes.oneOfType([r.PropTypes.bool,r.PropTypes.string]).def("确定"),btnReset:r.PropTypes.oneOfType([r.PropTypes.bool,r.PropTypes.string]).def("重置")}),r.PropTypes.bool,r.PropTypes.string]).def(!1),colspan:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return 1})),r.PropTypes.number.def(1)]),rowspan:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return 1})),r.PropTypes.number.def(1)])};r.PropTypes.arrayOf(r.PropTypes.any).def([]),r.PropTypes.arrayOf(r.PropTypes.shape(S)).def([]),r.PropTypes.oneOfType([r.PropTypes.number.def(-1),r.PropTypes.arrayOf(r.PropTypes.number.def(-1))]),(0,a.toType)("columnPick",{}).def(v.DISABLED),r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]).def("auto"),r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]).def(84),r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]).def("auto"),r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.func]).def(42),r.PropTypes.number.def(42),r.PropTypes.bool.def(!0),r.PropTypes.shape({height:r.PropTypes.number.def(42),isShow:r.PropTypes.bool.def(!0),cellFn:r.PropTypes.func.def(void 0)}),r.PropTypes.bool.def(!1),r.PropTypes.oneOfType([r.PropTypes.arrayOf((0,a.toType)("boderType",{})),r.PropTypes.string]).def([o.ROW]),r.PropTypes.oneOfType([r.PropTypes.bool.def(!1),r.PropTypes.object.def({})]).def(!1),r.PropTypes.bool.def(!1),r.PropTypes.string.def("暂无数据"),r.PropTypes.oneOfType([r.PropTypes.shape({fields:r.PropTypes.arrayOf(r.PropTypes.shape({label:r.PropTypes.string,field:r.PropTypes.string,disabled:r.PropTypes.bool})),checked:r.PropTypes.arrayOf(r.PropTypes.string),limit:r.PropTypes.number.def(0),size:g,sizeList:r.PropTypes.shape([]),showLineHeight:r.PropTypes.bool.def(!0)}),r.PropTypes.bool]).def(!1),r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.object,r.PropTypes.func]).def({}),r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.object,r.PropTypes.func]).def({}),r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.object,r.PropTypes.func]).def({}),r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.object,r.PropTypes.func]).def({}),r.PropTypes.oneOfType([r.PropTypes.object,r.PropTypes.bool]).def(void 0),r.PropTypes.bool.def(!1),r.PropTypes.string.def(""),r.PropTypes.func.def(void 0),r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.func]).def("__$table_row_index"),r.PropTypes.oneOfType([r.PropTypes.bool,r.PropTypes.shape({content:r.PropTypes.string.def(""),disabled:r.PropTypes.bool.def(!1),watchCellResize:r.PropTypes.bool.def(!0),mode:O})]).def(!1),r.PropTypes.bool.def(!1),r.PropTypes.oneOf(i).def(p.HIGHLIGHT),r.PropTypes.shape({}).def({}),r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return!0})),r.PropTypes.bool.def(!0)]).def(!0);const I=(0,s.defineComponent)({name:"TableColumn",props:Object.assign(Object.assign({},S),{prop:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return""})),r.PropTypes.string.def("")])}),setup:function(e,o){var p=o.slots,r=(0,s.inject)("InitColumns",(function(e){}),!1);return(0,s.onMounted)((function(){var o=(0,s.reactive)(Object.assign(Object.assign({},e),{field:e.prop||e.field}));r(o),o.render=p.default?function(e){var o;return null===(o=p.default)||void 0===o?void 0:o.call(p,e)}:void 0})),function(){var e;return(0,s.createVNode)(s.Fragment,null,[null===(e=p.default)||void 0===e?void 0:e.call(p,{data:""})])}}}),R=(0,r.withInstall)(I)})(),T})()));
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["../shared","vue","vue-types"],o);else{var p="object"==typeof exports?o(require("../shared"),require("vue"),require("vue-types")):o(e["../shared"],e.vue,e["vue-types"]);for(var r in p)("object"==typeof exports?exports:e)[r]=p[r]}}(self,((e,o,p)=>(()=>{"use strict";var r={4212:o=>{o.exports=e},748:e=>{e.exports=o},210:e=>{e.exports=p}},n={};function s(e){var o=n[e];if(void 0!==o)return o.exports;var p=n[e]={exports:{}};return r[e](p,p.exports,s),p.exports}s.d=(e,o)=>{for(var p in o)s.o(o,p)&&!s.o(e,p)&&Object.defineProperty(e,p,{enumerable:!0,get:o[p]})},s.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var T={};return(()=>{s.r(T),s.d(T,{default:()=>h});var e,o,p,r=s(4212),n=s(748);function t(e,o,p){return o in e?Object.defineProperty(e,o,{value:p,enumerable:!0,configurable:!0,writable:!0}):e[o]=p,e}!function(e){e.NONE="none",e.ROW="row",e.COL="col",e.OUTER="outer",e.HORIZONTAL="horizontal"}(o||(o={})),function(e){e.HIGHLIGHT="highlight",e.AUTO="auto"}(p||(p={}));var y,f,i=[p.AUTO,p.HIGHLIGHT];o.NONE,o.ROW,o.COL,o.OUTER,o.HORIZONTAL,function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange",e.ON_ROW_EXPAND_CLICK="onRowExpandClick",e.ON_ROW_CHECK="onRowCheck"}(y||(y={})),function(e){e.COLUMN_PICK="columnPick",e.COLUMN_SORT="columnSort",e.COLUMN_FILTER="columnFilter",e.COLUMN_FILTER_SAVE="colFilterSave",e.ROW_CLICK="rowClick",e.ROW_DBL_CLICK="rowDblclick",e.ROW_EXPAND_CLICK="rowExpand",e.PAGE_LIMIT_CHANGE="pageLimitChange",e.PAGE_VALUE_CHANGE="pageValueChange",e.SETTING_CHANGE="settingChange",e.SCROLL_BOTTOM="scrollBottom",e.ROW_SELECT="select",e.ROW_SELECT_ALL="selectAll",e.ROW_SELECT_CHANGE="selectionChange"}(f||(f={}));var P,d=function(){return!0};t(e={},f.COLUMN_PICK,d),t(e,f.COLUMN_FILTER,d),t(e,f.COLUMN_SORT,d),t(e,f.COLUMN_FILTER_SAVE,d),t(e,f.ROW_CLICK,d),t(e,f.ROW_DBL_CLICK,d),t(e,f.ROW_EXPAND_CLICK,d),t(e,f.ROW_SELECT,d),t(e,f.ROW_SELECT_ALL,d),t(e,f.ROW_SELECT_CHANGE,d),t(e,f.PAGE_LIMIT_CHANGE,d),t(e,f.PAGE_VALUE_CHANGE,d),t(e,f.SETTING_CHANGE,d),t(e,f.SCROLL_BOTTOM,d),function(e){e.ASC="asc",e.DESC="desc",e.NULL="null",e.CUSTOM="custom"}(P||(P={})),P.ASC,P.DESC,P.NULL,P.CUSTOM;var l,u,a=s(210);!function(e){e.CURRENT="current",e.ALL="all"}(l||(l={})),function(e){e.STATIC="static",e.AUTO="auto"}(u||(u={}));var c,O=(0,a.toType)("showOverflowTooltipMode",{default:u.AUTO});!function(e){e.SELECTION="selection",e.INDEX="index",e.EXPAND="expand",e.NONE="none"}(c||(c={}));var b,L=(0,a.toType)("columnType",{default:c.NONE});!function(e){e.FULL="full",e.FUZZY="fuzzy"}(b||(b={}));var C,E=(0,a.toType)("full",{default:b.FULL});!function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(C||(C={}));var _,g=(0,a.toType)("columnSize",{default:C.SMALL});!function(e){e.LEFT="left",e.RIGHT="right"}(_||(_={}));var v,N,m=(0,a.toType)("columnSize",{}),R=(0,a.toType)("sortScope",{}).def(l.CURRENT);!function(e){e.MULTI="multi",e.SINGLE="single",e.DISABLED="disabled"}(v||(v={})),function(e){e.DEBOUNCE="debounce",e.THROTTLE="throttle"}(N||(N={}));var S={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")]),minWidth:r.PropTypes.oneOfType([r.PropTypes.number.def(void 0),r.PropTypes.string.def("auto")]).def(80),columnKey:r.PropTypes.string.def(""),showOverflowTooltip:r.PropTypes.oneOfType([r.PropTypes.bool,r.PropTypes.shape({content:r.PropTypes.string.def(""),disabled:r.PropTypes.bool.def(!1),watchCellResize:r.PropTypes.bool.def(!0),mode:O})]).def(void 0),type:L,resizable:r.PropTypes.bool.def(!0),fixed:r.PropTypes.oneOfType([r.PropTypes.bool,m]).def(!1),sort:r.PropTypes.oneOfType([r.PropTypes.shape({sortFn:r.PropTypes.func.def(void 0),sortScope:R,value:r.PropTypes.string.def(P.NULL)}),r.PropTypes.bool,r.PropTypes.string]).def(!1),filter:r.PropTypes.oneOfType([r.PropTypes.shape({list:r.PropTypes.arrayOf(r.PropTypes.any).def([]),filterFn:r.PropTypes.func.def(void 0),match:E,filterScope:R,btnSave:r.PropTypes.oneOfType([r.PropTypes.bool,r.PropTypes.string]).def("确定"),btnReset:r.PropTypes.oneOfType([r.PropTypes.bool,r.PropTypes.string]).def("重置")}),r.PropTypes.bool,r.PropTypes.string]).def(!1),colspan:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return 1})),r.PropTypes.number.def(1)]),rowspan:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return 1})),r.PropTypes.number.def(1)])};r.PropTypes.arrayOf(r.PropTypes.any).def([]),r.PropTypes.arrayOf(r.PropTypes.shape(S)).def([]),r.PropTypes.oneOfType([r.PropTypes.number.def(-1),r.PropTypes.arrayOf(r.PropTypes.number.def(-1))]),(0,a.toType)("columnPick",{}).def(v.DISABLED),r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]).def("auto"),r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]).def(84),r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]).def("auto"),r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.func]).def(42),r.PropTypes.number.def(42),r.PropTypes.bool.def(!0),r.PropTypes.shape({height:r.PropTypes.number.def(42),isShow:r.PropTypes.bool.def(!0),cellFn:r.PropTypes.func.def(void 0)}),r.PropTypes.bool.def(!1),r.PropTypes.oneOfType([r.PropTypes.arrayOf((0,a.toType)("boderType",{})),r.PropTypes.string]).def([o.ROW]),r.PropTypes.oneOfType([r.PropTypes.bool.def(!1),r.PropTypes.object.def({})]).def(!1),r.PropTypes.bool.def(!1),r.PropTypes.string.def("暂无数据"),r.PropTypes.oneOfType([r.PropTypes.shape({fields:r.PropTypes.arrayOf(r.PropTypes.shape({label:r.PropTypes.string,field:r.PropTypes.string,disabled:r.PropTypes.bool})),checked:r.PropTypes.arrayOf(r.PropTypes.string),limit:r.PropTypes.number.def(0),size:g,sizeList:r.PropTypes.shape([]),showLineHeight:r.PropTypes.bool.def(!0)}),r.PropTypes.bool]).def(!1),r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.object,r.PropTypes.func]).def({}),r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.object,r.PropTypes.func]).def({}),r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.object,r.PropTypes.func]).def({}),r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.object,r.PropTypes.func]).def({}),r.PropTypes.oneOfType([r.PropTypes.object,r.PropTypes.bool]).def(void 0),r.PropTypes.bool.def(!1),r.PropTypes.string.def(""),r.PropTypes.func.def(void 0),r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.func]).def("__$table_row_index"),r.PropTypes.oneOfType([r.PropTypes.bool,r.PropTypes.shape({content:r.PropTypes.string.def(""),disabled:r.PropTypes.bool.def(!1),watchCellResize:r.PropTypes.bool.def(!0),mode:O})]).def(!1),r.PropTypes.bool.def(!1),r.PropTypes.oneOf(i).def(p.HIGHLIGHT),r.PropTypes.shape({}).def({}),r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return!0})),r.PropTypes.bool.def(!0)]).def(!0),(0,a.toType)("ResizerWay",{default:N.THROTTLE});const I=(0,n.defineComponent)({name:"TableColumn",props:Object.assign(Object.assign({},S),{prop:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return""})),r.PropTypes.string.def("")])}),setup:function(e,o){var p=o.slots,r=(0,n.inject)("InitColumns",(function(e){}),!1);return(0,n.onBeforeMount)((function(){var o=(0,n.reactive)(Object.assign(Object.assign({},e),{field:e.prop||e.field}));r(o),o.render=p.default?function(e){var o;return null===(o=p.default)||void 0===o?void 0:o.call(p,e)}:void 0})),function(){var e;return(0,n.createVNode)(n.Fragment,null,[null===(e=p.default)||void 0===e?void 0:e.call(p,{data:{}})])}}}),h=(0,r.withInstall)(I)})(),T})()));

package/lib/tag-input/index.d.ts

@@ -190,6 +190,9 @@ declare const TagInput: {
                     height: import("vue-types").VueTypeDef<string | number> & {
                         default: string | number;
                     };
+                    maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                        default: string | number;
+                    };
                     content: import("vue-types").VueTypeDef<string | number> & {
                         default: string | number;
                     };
@@ -204,6 +207,9 @@ declare const TagInput: {
                     trigger: import("vue-types").VueTypeDef<"hover" | "click" | "manual"> & {
                         default: "hover" | "click" | "manual";
                     };
+                    renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+                        default: "auto" | "shown";
+                    };
                     arrow: import("vue-types").VueTypeValidableDef<boolean> & {
                         default: boolean;
                     } & {
@@ -461,6 +467,9 @@ declare const TagInput: {
                     height: import("vue-types").VueTypeDef<string | number> & {
                         default: string | number;
                     };
+                    maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                        default: string | number;
+                    };
                     content: import("vue-types").VueTypeDef<string | number> & {
                         default: string | number;
                     };
@@ -475,6 +484,9 @@ declare const TagInput: {
                     trigger: import("vue-types").VueTypeDef<"hover" | "click" | "manual"> & {
                         default: "hover" | "click" | "manual";
                     };
+                    renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+                        default: "auto" | "shown";
+                    };
                     arrow: import("vue-types").VueTypeValidableDef<boolean> & {
                         default: boolean;
                     } & {
@@ -821,6 +833,9 @@ declare const TagInput: {
                 height: import("vue-types").VueTypeDef<string | number> & {
                     default: string | number;
                 };
+                maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                    default: string | number;
+                };
                 content: import("vue-types").VueTypeDef<string | number> & {
                     default: string | number;
                 };
@@ -835,6 +850,9 @@ declare const TagInput: {
                 trigger: import("vue-types").VueTypeDef<"hover" | "click" | "manual"> & {
                     default: "hover" | "click" | "manual";
                 };
+                renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+                    default: "auto" | "shown";
+                };
                 arrow: import("vue-types").VueTypeValidableDef<boolean> & {
                     default: boolean;
                 } & {
@@ -1136,6 +1154,9 @@ declare const TagInput: {
             height: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
+            maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
             content: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
@@ -1150,6 +1171,9 @@ declare const TagInput: {
             trigger: import("vue-types").VueTypeDef<"hover" | "click" | "manual"> & {
                 default: "hover" | "click" | "manual";
             };
+            renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+                default: "auto" | "shown";
+            };
             arrow: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {

package/lib/tag-input/tag-input.d.ts

@@ -158,6 +158,9 @@ declare const _default: import("vue").DefineComponent<{
             height: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
+            maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
             content: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
@@ -172,6 +175,9 @@ declare const _default: import("vue").DefineComponent<{
             trigger: import("vue-types").VueTypeDef<"hover" | "click" | "manual"> & {
                 default: "hover" | "click" | "manual";
             };
+            renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+                default: "auto" | "shown";
+            };
             arrow: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -461,6 +467,9 @@ declare const _default: import("vue").DefineComponent<{
             height: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
+            maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
             content: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
@@ -475,6 +484,9 @@ declare const _default: import("vue").DefineComponent<{
             trigger: import("vue-types").VueTypeDef<"hover" | "click" | "manual"> & {
                 default: "hover" | "click" | "manual";
             };
+            renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+                default: "auto" | "shown";
+            };
             arrow: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {

package/lib/tag-input/tag-props.d.ts

@@ -151,6 +151,9 @@ declare const tagProps: () => {
             height: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
+            maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
             content: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
@@ -165,6 +168,9 @@ declare const tagProps: () => {
             trigger: import("vue-types").VueTypeDef<"hover" | "click" | "manual"> & {
                 default: "hover" | "click" | "manual";
             };
+            renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+                default: "auto" | "shown";
+            };
             arrow: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {

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

@@ -29,6 +29,7 @@ declare const BkVirtualRender: {
             scrollPosition: string;
             abosuteHeight: string | number;
             throttleDelay: number;
+            rowKey: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             onContentScroll: FunctionConstructor;
             list: import("vue-types").VueTypeValidableDef<unknown[]> & {
@@ -141,7 +142,12 @@ declare const BkVirtualRender: {
             } & {
                 default: number;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "enabled" | "width" | "height" | "list" | "lineHeight" | "minHeight" | "className" | "scrollEvent" | "contentClassName" | "contentStyle" | "scrollXName" | "scrollYName" | "groupItemCount" | "preloadItemCount" | "renderAs" | "contentAs" | "scrollOffsetTop" | "scrollPosition" | "abosuteHeight" | "throttleDelay">;
+            rowKey: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "enabled" | "width" | "height" | "list" | "lineHeight" | "minHeight" | "className" | "scrollEvent" | "contentClassName" | "contentStyle" | "scrollXName" | "scrollYName" | "groupItemCount" | "preloadItemCount" | "renderAs" | "contentAs" | "scrollOffsetTop" | "scrollPosition" | "abosuteHeight" | "throttleDelay" | "rowKey">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -267,6 +273,11 @@ declare const BkVirtualRender: {
             } & {
                 default: number;
             };
+            rowKey: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
         }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
@@ -296,6 +307,7 @@ declare const BkVirtualRender: {
             scrollPosition: string;
             abosuteHeight: string | number;
             throttleDelay: number;
+            rowKey: string;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -428,6 +440,11 @@ declare const BkVirtualRender: {
         } & {
             default: number;
         };
+        rowKey: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
     }>> & import("vue").ShallowUnwrapRef<() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>> & {} & {} & import("vue").ComponentCustomProperties;
@@ -546,6 +563,11 @@ declare const BkVirtualRender: {
     } & {
         default: number;
     };
+    rowKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "content-scroll", {
@@ -575,5 +597,6 @@ declare const BkVirtualRender: {
     scrollPosition: string;
     abosuteHeight: string | number;
     throttleDelay: number;
+    rowKey: string;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkVirtualRender;

package/lib/virtual-render/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("lodash"));else if("function"==typeof define&&define.amd)define(["../shared","vue","lodash"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("lodash")):t(e["../shared"],e.vue,e.lodash);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,((e,t,o)=>(()=>{"use strict";var n={4212:t=>{t.exports=e},467:e=>{e.exports=o},748:e=>{e.exports=t}},r={};function l(e){var t=r[e];if(void 0!==t)return t.exports;var o=r[e]={exports:{}};return n[e](o,o.exports,l),o.exports}l.d=(e,t)=>{for(var o in t)l.o(t,o)&&!l.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{l.r(i),l.d(i,{default:()=>h});var e=l(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function o(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,o){if(e){if("string"==typeof e)return t(e,o);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,o):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e){return n="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},n(e)}var r=l(748),s={onContentScroll:Function},a=Object.assign({list:e.PropTypes.array.def([]),enabled:e.PropTypes.bool.def(!0),scrollEvent:e.PropTypes.bool.def(!1),lineHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.func]).def(30),minHeight:e.PropTypes.number.def(30),height:e.PropTypes.oneOfType([e.PropTypes.string.def("100%"),e.PropTypes.number]).def("100%"),width:e.PropTypes.oneOfType([e.PropTypes.string.def("100%"),e.PropTypes.number]).def("100%"),className:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.string),e.PropTypes.object,e.PropTypes.arrayOf(e.PropTypes.object),e.PropTypes.string]).def(""),contentClassName:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.string),e.PropTypes.object,e.PropTypes.arrayOf(e.PropTypes.object),e.PropTypes.string]).def(""),contentStyle:e.PropTypes.object.def({}),scrollXName:e.PropTypes.string.def((0,e.resolveClassName)("F-scroll-x")),scrollYName:e.PropTypes.string.def((0,e.resolveClassName)("F-scroll-y")),groupItemCount:e.PropTypes.number.def(1),preloadItemCount:e.PropTypes.number.def(1),renderAs:e.PropTypes.string.def("div"),contentAs:e.PropTypes.string.def("div"),scrollOffsetTop:e.PropTypes.number.def(0),scrollPosition:e.PropTypes.string.def("content"),abosuteHeight:e.PropTypes.oneOfType([e.PropTypes.string.def("auto"),e.PropTypes.number]).def("auto"),throttleDelay:e.PropTypes.number.def(60)},s),u=l(467),c=void 0;function p(e,t,o,n){for(var r=0,l=0,i=0,s=0;r<e;r++){if(l+(s=n(r,[r*o,(r+1)*o,"virtual"]))>t){i=t-l;break}l+=s}return{startIndex:r,height:l,diffHeight:i}}function f(e,t,o,n,r){if(n){var l=n.scrollTop,i=n.scrollLeft,s=o.scrollTop,a=o.count,u=o.groupItemCount,c=o.startIndex,f=o.endIndex,d=n.offsetHeight,v=0,y=0,m=0;if("number"==typeof e&&(v=Math.floor(l/e),y=Math.ceil(d/e)+v,m=l%e),"function"==typeof e){var h=p(a,l,u,e);v=h.startIndex>0?h.startIndex:0,m=h.diffHeight,y=p(a,d,u,e).startIndex+v+1}if(l!==s||v!==c||y!==f){var g=n.scrollHeight-n.offsetHeight-n.scrollTop;"function"==typeof t&&t(r,v,y,l,m,i,{bottom:g>=0?g:0})}}}function d(e,t,o){var n=o.value,r=n.lineHeight,l=void 0===r?30:r,i=n.handleScrollCallback,s=n.pagination,a=void 0===s?{}:s;if(n.onlyScroll){var u=t.scrollTop,c=t.scrollLeft,p=t.scrollHeight-t.offsetHeight-t.scrollTop;i(e,null,null,u,u,c,{bottom:p>=0?p:0})}else{var d=a.startIndex,v=a.endIndex,y=a.groupItemCount,m=a.count;f(l,i,{scrollTop:a.scrollTop,startIndex:d,endIndex:v,groupItemCount:y,count:m},t,e)}}var v=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:60;return(0,u.throttle)((function(e,t,o){return d(e,t,o)}),e)};const y={mounted:function(e,t){var o=e.parentNode,n=t.value.throttleDelay;o.addEventListener("scroll",(function(e){!function(e,t,o){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:60;Reflect.apply(v(n),c,[e,t,o])}(e,o,t,n)}))},unbind:function(e){if(e){var t=e.parentNode;if(!t)return;t.removeEventListener("scroll",v)}}},m=(0,r.defineComponent)({name:"VirtualRender",directives:{bkVirtualRender:y},props:a,emits:["content-scroll"],setup:function(t,l){var i=this,s=t.renderAs,a=t.contentAs,u=function(e){return"string"==typeof e?[e]:"object"!==n(e)||Array.isArray(e)?e:[e]};if(!t.enabled){var c=function(e,t){var o=e.renderAs,n=e.contentAs,l=(0,r.resolveDirective)("bkVirtualRender"),i={lineHeight:e.lineHeight,handleScrollCallback:function(e,o,n,r,l,i,s){t.emit("content-scroll",[e,{translateY:l,translateX:i,pos:s}])},pagination:{},throttleDelay:e.throttleDelay,onlyScroll:e.scrollEvent};return{rendAsTag:function(){var s,a,u,c,p,f,d,v,y,m,h,g;return(0,r.h)(o,{class:e.className},[null!==(u=null===(a=(s=t.slots).beforeContent)||void 0===a?void 0:a.call(s))&&void 0!==u?u:"",(0,r.withDirectives)((0,r.h)(n,{class:e.contentClassName,style:e.contentStyle},[null!==(f=null===(p=(c=t.slots).default)||void 0===p?void 0:p.call(c,{data:e.list}))&&void 0!==f?f:""]),[[l,i]]),null!==(y=null===(v=(d=t.slots).afterContent)||void 0===v?void 0:v.call(d))&&void 0!==y?y:"",null!==(g=null===(h=(m=t.slots).afterSection)||void 0===h?void 0:h.call(m))&&void 0!==g?g:""])}}}(t,l);return c.rendAsTag}var p=(0,r.ref)(null),d=(0,r.reactive)({startIndex:0,endIndex:0,scrollTop:1,translateY:0,translateX:0,count:0,pos:{},groupItemCount:t.groupItemCount}),v=function(e,t,o,n,r,i,s){d.startIndex=t,d.endIndex=o,d.scrollTop=n,d.translateY=r,d.translateX=i,d.pos=s,l.emit("content-scroll",[e,d])};(0,r.onMounted)((function(){(0,r.nextTick)((function(){g(t.list),b()}))})),(0,r.watch)((function(){return t.list}),(function(){y(),b()}),{deep:!0}),(0,r.watch)((function(){return t.lineHeight}),(function(){y(),b()}));var y=function(){g(t.list)},m=(0,r.ref)(0),h=(0,r.ref)(0),g=function(e){if(m.value=Math.ceil((e||[]).length/t.groupItemCount),d.count=m.value,d.startIndex=0,d.endIndex=0,d.translateY=0,d.scrollTop=0,"string"==typeof t.abosuteHeight&&"auto"===t.abosuteHeight)if("function"==typeof t.lineHeight){h.value=0;for(var o=0,n=0;n<m.value;n++){var r=t.lineHeight.call(i,n,e.slice(n*t.groupItemCount,t.groupItemCount));o+="number"==typeof r?r:0}h.value=o}else h.value=t.lineHeight*m.value;else h.value=t.abosuteHeight},b=function(){var e,o=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],n=null===(e=p.value)||void 0===e?void 0:e.parentNode;f(t.lineHeight,v,d,n,null),o&&p.value&&p.value.scrollTo(0,0)},T=(0,r.computed)((function(){return(t.list||[]).map((function(e,t){return Object.assign(Object.assign({},e),{$index:t})}))})),P=(0,r.computed)((function(){return T.value.slice(d.startIndex*t.groupItemCount,(d.endIndex+t.preloadItemCount)*t.groupItemCount)})),x=(0,r.computed)((function(){return"content"===t.scrollPosition?{top:"".concat(d.scrollTop+t.scrollOffsetTop,"px"),transform:"translateY(-".concat(d.translateY,"px)")}:{}})),I=(0,r.computed)((function(){return Object.assign({height:"number"==typeof t.height?"".concat(t.height,"px"):t.height,width:"number"==typeof t.width?"".concat(t.width,"px"):t.width,display:"inline-block"},"container"===t.scrollPosition?x.value:{})})),C=(0,r.computed)((function(){var e="number"==typeof t.abosuteHeight&&0===t.abosuteHeight;return{height:"".concat(h.value<t.minHeight?t.minHeight:h.value,"px"),display:e?"none":"block"}})),H=(0,r.computed)((function(){return[(0,e.resolveClassName)("virtual-render"),t.scrollXName,t.scrollYName].concat(o(u(t.className)),["container"===t.scrollPosition?(0,e.resolveClassName)("virtual-content"):""])})),S=(0,r.computed)((function(){return["content"===t.scrollPosition?(0,e.resolveClassName)("virtual-content"):""].concat(o(u(t.contentClassName)))})),O=(0,r.resolveDirective)("bkVirtualRender"),j={lineHeight:t.lineHeight,handleScrollCallback:v,pagination:d,throttleDelay:t.throttleDelay};return l.expose({reset:function(){y(),b()}}),function(){var o,n,i,u,c,f,d,v,y,m,h,g;return(0,r.h)(s||"div",{ref:p,class:H.value,style:I.value},[null!==(i=null===(n=(o=l.slots).beforeContent)||void 0===n?void 0:n.call(o))&&void 0!==i?i:"",(0,r.withDirectives)((0,r.h)(a||"div",{class:S.value,style:Object.assign(Object.assign({},x.value),t.contentStyle)},[null!==(f=null===(c=(u=l.slots).default)||void 0===c?void 0:c.call(u,{data:P.value}))&&void 0!==f?f:""]),[[O,j]]),null!==(y=null===(v=(d=l.slots).afterContent)||void 0===v?void 0:v.call(d))&&void 0!==y?y:"",(0,r.h)("div",{class:[(0,e.resolveClassName)("virtual-section")],style:C.value}),null!==(g=null===(h=(m=l.slots).afterSection)||void 0===h?void 0:h.call(m))&&void 0!==g?g:""])}}}),h=(0,e.withInstall)(m)})(),i})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("lodash"));else if("function"==typeof define&&define.amd)define(["../shared","vue","lodash"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("lodash")):t(e["../shared"],e.vue,e.lodash);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,((e,t,o)=>(()=>{"use strict";var n={4212:t=>{t.exports=e},467:e=>{e.exports=o},748:e=>{e.exports=t}},r={};function l(e){var t=r[e];if(void 0!==t)return t.exports;var o=r[e]={exports:{}};return n[e](o,o.exports,l),o.exports}l.d=(e,t)=>{for(var o in t)l.o(t,o)&&!l.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{l.r(i),l.d(i,{default:()=>h});var e=l(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function o(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,o){if(e){if("string"==typeof e)return t(e,o);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,o):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e){return n="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},n(e)}var r=l(748),s={onContentScroll:Function},a=Object.assign({list:e.PropTypes.array.def([]),enabled:e.PropTypes.bool.def(!0),scrollEvent:e.PropTypes.bool.def(!1),lineHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.func]).def(30),minHeight:e.PropTypes.number.def(30),height:e.PropTypes.oneOfType([e.PropTypes.string.def("100%"),e.PropTypes.number]).def("100%"),width:e.PropTypes.oneOfType([e.PropTypes.string.def("100%"),e.PropTypes.number]).def("100%"),className:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.string),e.PropTypes.object,e.PropTypes.arrayOf(e.PropTypes.object),e.PropTypes.string]).def(""),contentClassName:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.string),e.PropTypes.object,e.PropTypes.arrayOf(e.PropTypes.object),e.PropTypes.string]).def(""),contentStyle:e.PropTypes.object.def({}),scrollXName:e.PropTypes.string.def((0,e.resolveClassName)("F-scroll-x")),scrollYName:e.PropTypes.string.def((0,e.resolveClassName)("F-scroll-y")),groupItemCount:e.PropTypes.number.def(1),preloadItemCount:e.PropTypes.number.def(1),renderAs:e.PropTypes.string.def("div"),contentAs:e.PropTypes.string.def("div"),scrollOffsetTop:e.PropTypes.number.def(0),scrollPosition:e.PropTypes.string.def("content"),abosuteHeight:e.PropTypes.oneOfType([e.PropTypes.string.def("auto"),e.PropTypes.number]).def("auto"),throttleDelay:e.PropTypes.number.def(60),rowKey:e.PropTypes.string.def(void 0)},s),u=l(467),c=void 0;function p(e,t,o,n){for(var r=0,l=0,i=0,s=0;r<e;r++){if(l+(s=n(r,[r*o,(r+1)*o,"virtual"]))>t){i=t-l;break}l+=s}return{startIndex:r,height:l,diffHeight:i}}function f(e,t,o,n,r){if(n){var l=n.scrollTop,i=n.scrollLeft,s=o.scrollTop,a=o.count,u=o.groupItemCount,c=o.startIndex,f=o.endIndex,d=n.offsetHeight,v=0,y=0,m=0;if("number"==typeof e&&(v=Math.floor(l/e),y=Math.ceil(d/e)+v,m=l%e),"function"==typeof e){var h=p(a,l,u,e);v=h.startIndex>0?h.startIndex:0,m=h.diffHeight,y=p(a,d,u,e).startIndex+v+1}if(l!==s||v!==c||y!==f){var g=n.scrollHeight-n.offsetHeight-n.scrollTop;"function"==typeof t&&t(r,v,y,l,m,i,{bottom:g>=0?g:0})}}}function d(e,t,o){var n=o.value,r=n.lineHeight,l=void 0===r?30:r,i=n.handleScrollCallback,s=n.pagination,a=void 0===s?{}:s;if(n.onlyScroll){var u=t.scrollTop,c=t.scrollLeft,p=t.scrollHeight-t.offsetHeight-t.scrollTop;i(e,null,null,u,u,c,{bottom:p>=0?p:0})}else{var d=a.startIndex,v=a.endIndex,y=a.groupItemCount,m=a.count;f(l,i,{scrollTop:a.scrollTop,startIndex:d,endIndex:v,groupItemCount:y,count:m},t,e)}}var v=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:60;return(0,u.throttle)((function(e,t,o){return d(e,t,o)}),e)};const y={mounted:function(e,t){var o=e.parentNode,n=t.value.throttleDelay;o.addEventListener("scroll",(function(e){!function(e,t,o){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:60;Reflect.apply(v(n),c,[e,t,o])}(e,o,t,n)}))},unbind:function(e){if(e){var t=e.parentNode;if(!t)return;t.removeEventListener("scroll",v)}}},m=(0,r.defineComponent)({name:"VirtualRender",directives:{bkVirtualRender:y},props:a,emits:["content-scroll"],setup:function(t,l){var i=this,s=t.renderAs,a=t.contentAs,u=function(e){return"string"==typeof e?[e]:"object"!==n(e)||Array.isArray(e)?e:[e]};if(!t.enabled){var c=function(e,t){var o=e.renderAs,n=e.contentAs,l=(0,r.resolveDirective)("bkVirtualRender"),i={lineHeight:e.lineHeight,handleScrollCallback:function(e,o,n,r,l,i,s){t.emit("content-scroll",[e,{translateY:l,translateX:i,pos:s}])},pagination:{},throttleDelay:e.throttleDelay,onlyScroll:e.scrollEvent};return{rendAsTag:function(){var s,a,u,c,p,f,d,v,y,m,h,g;return(0,r.h)(o,{class:e.className},[null!==(u=null===(a=(s=t.slots).beforeContent)||void 0===a?void 0:a.call(s))&&void 0!==u?u:"",(0,r.withDirectives)((0,r.h)(n,{class:e.contentClassName,style:e.contentStyle},[null!==(f=null===(p=(c=t.slots).default)||void 0===p?void 0:p.call(c,{data:e.list}))&&void 0!==f?f:""]),[[l,i]]),null!==(y=null===(v=(d=t.slots).afterContent)||void 0===v?void 0:v.call(d))&&void 0!==y?y:"",null!==(g=null===(h=(m=t.slots).afterSection)||void 0===h?void 0:h.call(m))&&void 0!==g?g:""])}}}(t,l);return c.rendAsTag}var p=(0,r.ref)(null),d=(0,r.reactive)({startIndex:0,endIndex:0,scrollTop:1,translateY:0,translateX:0,count:0,pos:{},groupItemCount:t.groupItemCount}),v=function(e,t,o,n,r,i,s){d.startIndex=t,d.endIndex=o,d.scrollTop=n,d.translateY=r,d.translateX=i,d.pos=s,l.emit("content-scroll",[e,d])};(0,r.onMounted)((function(){(0,r.nextTick)((function(){g(t.list),b()}))})),(0,r.watch)((function(){return t.list}),(function(){y(),b()}),{deep:!0}),(0,r.watch)((function(){return t.lineHeight}),(function(){y(),b()}));var y=function(){g(t.list)},m=(0,r.ref)(0),h=(0,r.ref)(0),g=function(e){if(m.value=Math.ceil((e||[]).length/t.groupItemCount),d.count=m.value,d.startIndex=0,d.endIndex=0,d.translateY=0,d.scrollTop=0,"string"==typeof t.abosuteHeight&&"auto"===t.abosuteHeight)if("function"==typeof t.lineHeight){h.value=0;for(var o=0,n=0;n<m.value;n++){var r=t.lineHeight.call(i,n,e.slice(n*t.groupItemCount,t.groupItemCount));o+="number"==typeof r?r:0}h.value=o}else h.value=t.lineHeight*m.value;else h.value=t.abosuteHeight},b=function(){var e,o=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],n=null===(e=p.value)||void 0===e?void 0:e.parentNode;f(t.lineHeight,v,d,n,null),o&&p.value&&p.value.scrollTo(0,0)},T=(0,r.computed)((function(){return void 0!==t.rowKey?t.list:(t.list||[]).map((function(e,t){return Object.assign(Object.assign({},e),{$index:t})}))})),P=(0,r.computed)((function(){return T.value.slice(d.startIndex*t.groupItemCount,(d.endIndex+t.preloadItemCount)*t.groupItemCount)})),x=(0,r.computed)((function(){return"content"===t.scrollPosition?{top:"".concat(d.scrollTop+t.scrollOffsetTop,"px"),transform:"translateY(-".concat(d.translateY,"px)")}:{}})),I=(0,r.computed)((function(){return Object.assign({height:"number"==typeof t.height?"".concat(t.height,"px"):t.height,width:"number"==typeof t.width?"".concat(t.width,"px"):t.width,display:"inline-block"},"container"===t.scrollPosition?x.value:{})})),C=(0,r.computed)((function(){var e="number"==typeof t.abosuteHeight&&0===t.abosuteHeight;return{height:"".concat(h.value<t.minHeight?t.minHeight:h.value,"px"),display:e?"none":"block"}})),H=(0,r.computed)((function(){return[(0,e.resolveClassName)("virtual-render"),t.scrollXName,t.scrollYName].concat(o(u(t.className)),["container"===t.scrollPosition?(0,e.resolveClassName)("virtual-content"):""])})),S=(0,r.computed)((function(){return["content"===t.scrollPosition?(0,e.resolveClassName)("virtual-content"):""].concat(o(u(t.contentClassName)))})),O=(0,r.resolveDirective)("bkVirtualRender"),j={lineHeight:t.lineHeight,handleScrollCallback:v,pagination:d,throttleDelay:t.throttleDelay};return l.expose({reset:function(){y(),b()}}),function(){var o,n,i,u,c,f,d,v,y,m,h,g;return(0,r.h)(s||"div",{ref:p,class:H.value,style:I.value},[null!==(i=null===(n=(o=l.slots).beforeContent)||void 0===n?void 0:n.call(o))&&void 0!==i?i:"",(0,r.withDirectives)((0,r.h)(a||"div",{class:S.value,style:Object.assign(Object.assign({},x.value),t.contentStyle)},[null!==(f=null===(c=(u=l.slots).default)||void 0===c?void 0:c.call(u,{data:P.value}))&&void 0!==f?f:""]),[[O,j]]),null!==(y=null===(v=(d=l.slots).afterContent)||void 0===v?void 0:v.call(d))&&void 0!==y?y:"",(0,r.h)("div",{class:[(0,e.resolveClassName)("virtual-section")],style:C.value}),null!==(g=null===(h=(m=l.slots).afterSection)||void 0===h?void 0:h.call(m))&&void 0!==g?g:""])}}}),h=(0,e.withInstall)(m)})(),i})()));

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

@@ -163,5 +163,10 @@ export declare const virtualRenderProps: {
     } & {
         default: number;
     };
+    rowKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 };
 export declare type VirtualRenderProps = Readonly<ExtractPropTypes<typeof virtualRenderProps>>;

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

@@ -110,6 +110,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
+    rowKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "content-scroll", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -224,6 +229,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
+    rowKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 }>>, {
     enabled: boolean;
     width: string | number;
@@ -251,5 +261,6 @@ declare const _default: import("vue").DefineComponent<{
     scrollPosition: string;
     abosuteHeight: string | number;
     throttleDelay: number;
+    rowKey: string;
 }>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.1-beta.359",
+  "version": "0.0.1-beta.360",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",