bkui-vue 2.0.1-beta.11 → 2.0.1-beta.110

package/lib/table-column/index.js

@@ -1,6 +1,7 @@
 import "../styles/reset.css";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_isEqual_ce045a54__ from "lodash/isEqual";
 import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
@@ -35,43 +36,51 @@ __webpack_require__.d(__webpack_exports__, {
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
 const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/objectDestructuringEmpty.js
+function _objectDestructuringEmpty(obj) {
+  if (obj == null) throw new TypeError("Cannot destructure " + obj);
+}
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["onUpdated"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUpdated, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive });
+const external_vue_namespaceObject = external_vue_x({ ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["toRaw"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRaw, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+;// CONCATENATED MODULE: external "lodash/isEqual"
+var isEqual_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var isEqual_y = x => () => x
+const isEqual_namespaceObject = isEqual_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_isEqual_ce045a54__["default"] });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(o) {
+function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
-function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return ("string" === r ? String : Number)(t);
+  return (hint === "string" ? String : Number)(input);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 
 
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : String(i);
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
 function _defineProperty(obj, key, value) {
-  key = toPropertyKey(key);
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -86,6 +95,7 @@ function _defineProperty(obj, key, value) {
 }
 ;// CONCATENATED MODULE: ../../packages/table/src/const.ts
 
+var _DEF_COLOR;
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -114,11 +124,11 @@ function _defineProperty(obj, key, value) {
 // eslint-disable-next-line @typescript-eslint/naming-convention
 var BORDER_OPTION;
 (function (BORDER_OPTION) {
-  BORDER_OPTION["NONE"] = "none";
-  BORDER_OPTION["ROW"] = "row";
   BORDER_OPTION["COL"] = "col";
-  BORDER_OPTION["OUTER"] = "outer";
   BORDER_OPTION["HORIZONTAL"] = "horizontal";
+  BORDER_OPTION["NONE"] = "none";
+  BORDER_OPTION["OUTER"] = "outer";
+  BORDER_OPTION["ROW"] = "row";
 })(BORDER_OPTION || (BORDER_OPTION = {}));
 /**
  * 鼠标划过行样式
@@ -126,8 +136,8 @@ var BORDER_OPTION;
 // eslint-disable-next-line @typescript-eslint/naming-convention
 var ROW_HOVER;
 (function (ROW_HOVER) {
-  ROW_HOVER["HIGHLIGHT"] = "highlight";
   ROW_HOVER["AUTO"] = "auto";
+  ROW_HOVER["HIGHLIGHT"] = "highlight";
 })(ROW_HOVER || (ROW_HOVER = {}));
 var ROW_HOVER_OPTIONS = [ROW_HOVER.AUTO, ROW_HOVER.HIGHLIGHT];
 /**
@@ -145,7 +155,8 @@ var TABLE_ROW_ATTRIBUTE = {
   ROW_SELECTION_INDETERMINATE: 'row_selection_indeterminate',
   ROW_SOURCE_DATA: 'row_source_data',
   ROW_SKIP_CFG: 'row_skip_config',
-  ROW_SPAN: 'row_span'
+  ROW_SPAN: 'row_span',
+  ROW_HEIGHT: 'row_height'
 };
 var COLUMN_ATTRIBUTE = {
   COL_UID: 'col_$uuid',
@@ -156,9 +167,21 @@ var COLUMN_ATTRIBUTE = {
   COL_SORT_FN: 'col_sort_fn',
   COL_SORT_SCOPE: 'col_sort_scope',
   COL_FILTER_FN: 'col_filter_fn',
+  COL_FILTER_VALUES: 'col_filter_values',
+  COL_FILTER_OBJ: 'col_filter_obj',
   COL_FILTER_SCOPE: 'col_filter_scope',
   COL_IS_DRAG: 'col_is_drag',
   COL_SPAN: 'col_span',
+  COL_CELL_RENDER: 'col_cell_render',
+  COL_TEXT_RENDER: 'col_text_render',
+  COL_RESIZEABLE: 'col_resizeable',
+  COL_FIXED_STYLE: 'col_fixed_style',
+  COL_RECT: 'col_rect',
+  HEAD_CELL_RENDER: 'head_cell_render',
+  HEAD_TEXT_RENDER: 'head_text_render',
+  SELECTION_DISABLED: 'selection_disabled',
+  SELECTION_INDETERMINATE: 'selection_indeterminate',
+  SELECTION_VAL: 'selection_val',
   WIDTH: 'width',
   CALC_WIDTH: 'calcWidth',
   RESIZE_WIDTH: 'resizeWidth',
@@ -168,7 +191,7 @@ var COLUMN_ATTRIBUTE = {
 /**
  * Y 轴滚动条宽度
  */
-var SCROLLY_WIDTH = 0;
+var SCROLLY_WIDTH = 8;
 /**
  * 默认行高
  */
@@ -181,7 +204,7 @@ var IHeadColor;
 /**
  * 根据表格的使用场景，表头支持颜色自定义，默认提供的选项：FAFBFD、F0F1F5，尽量一个项目选用同一种颜色。
  */
-var DEF_COLOR = _defineProperty(_defineProperty({}, IHeadColor.DEF1, '#FAFBFD'), IHeadColor.DEF2, '#F0F1F5');
+var DEF_COLOR = (_DEF_COLOR = {}, _defineProperty(_DEF_COLOR, IHeadColor.DEF1, '#FAFBFD'), _defineProperty(_DEF_COLOR, IHeadColor.DEF2, '#F0F1F5'), _DEF_COLOR);
 var SETTING_SIZE = {
   large: 78,
   medium: 60,
@@ -220,9 +243,9 @@ var TB_FOOT_HEIGHT = 60;
 var SORT_OPTION;
 (function (SORT_OPTION) {
   SORT_OPTION["ASC"] = "asc";
+  SORT_OPTION["CUSTOM"] = "custom";
   SORT_OPTION["DESC"] = "desc";
   SORT_OPTION["NULL"] = "null";
-  SORT_OPTION["CUSTOM"] = "custom";
 })(SORT_OPTION || (SORT_OPTION = {}));
 var SORT_OPTIONS = [SORT_OPTION.ASC, SORT_OPTION.DESC, SORT_OPTION.NULL, SORT_OPTION.CUSTOM];
 /**
@@ -247,30 +270,30 @@ const external_vue_types_namespaceObject = external_vue_types_x({ ["string"]: ()
 
 var SortScope;
 (function (SortScope) {
-  SortScope["CURRENT"] = "current";
   SortScope["ALL"] = "all";
+  SortScope["CURRENT"] = "current";
 })(SortScope || (SortScope = {}));
 var OverflowModeEnum;
 (function (OverflowModeEnum) {
-  OverflowModeEnum["STATIC"] = "static";
   OverflowModeEnum["AUTO"] = "auto";
+  OverflowModeEnum["STATIC"] = "static";
 })(OverflowModeEnum || (OverflowModeEnum = {}));
 var EnumOverflowModeType = (0,external_vue_types_namespaceObject.toType)('showOverflowTooltipMode', {
   "default": OverflowModeEnum.AUTO
 });
 var ColumnTypeEnum;
 (function (ColumnTypeEnum) {
-  ColumnTypeEnum["SELECTION"] = "selection";
-  ColumnTypeEnum["INDEX"] = "index";
   ColumnTypeEnum["EXPAND"] = "expand";
+  ColumnTypeEnum["INDEX"] = "index";
   ColumnTypeEnum["NONE"] = "__COL_TYPE_NONE";
+  ColumnTypeEnum["SELECTION"] = "selection";
 })(ColumnTypeEnum || (ColumnTypeEnum = {}));
 var TableAlignEnum;
 (function (TableAlignEnum) {
-  TableAlignEnum["LEFT"] = "left";
-  TableAlignEnum["RIGHT"] = "right";
   TableAlignEnum["CENTER"] = "center";
+  TableAlignEnum["LEFT"] = "left";
   TableAlignEnum["NONE"] = "";
+  TableAlignEnum["RIGHT"] = "right";
 })(TableAlignEnum || (TableAlignEnum = {}));
 var columnType = (0,external_vue_types_namespaceObject.toType)('columnType', {
   "default": ColumnTypeEnum.NONE
@@ -288,9 +311,9 @@ var fullType = (0,external_vue_types_namespaceObject.toType)('full', {
 });
 var SettingSizeEnum;
 (function (SettingSizeEnum) {
-  SettingSizeEnum["SMALL"] = "small";
-  SettingSizeEnum["MEDIUM"] = "medium";
   SettingSizeEnum["LARGE"] = "large";
+  SettingSizeEnum["MEDIUM"] = "medium";
+  SettingSizeEnum["SMALL"] = "small";
 })(SettingSizeEnum || (SettingSizeEnum = {}));
 var settingSizeType = (0,external_vue_types_namespaceObject.toType)('columnSize', {
   "default": SettingSizeEnum.SMALL
@@ -315,9 +338,9 @@ var IFilterType = (0,external_vue_types_namespaceObject.toType)('IFilterPropShap
 });
 var ColumnPickEnum;
 (function (ColumnPickEnum) {
+  ColumnPickEnum["DISABLED"] = "disabled";
   ColumnPickEnum["MULTI"] = "multi";
   ColumnPickEnum["SINGLE"] = "single";
-  ColumnPickEnum["DISABLED"] = "disabled";
 })(ColumnPickEnum || (ColumnPickEnum = {}));
 var ResizerWay;
 (function (ResizerWay) {
@@ -353,15 +376,18 @@ var IColumnProp = (0,external_vue_types_namespaceObject.toType)('IColumnPropType
 });
 var IColSortBehavior;
 (function (IColSortBehavior) {
-  /**
-   * 列排序是相互依赖的
-   */
-  IColSortBehavior["interdependent"] = "interdependent";
   /**
    * 列与列之间的排序是独立的，互斥的
    */
   IColSortBehavior["independent"] = "independent";
+  /**
+   * 列排序是相互依赖的
+   */
+  IColSortBehavior["interdependent"] = "interdependent";
 })(IColSortBehavior || (IColSortBehavior = {}));
+// export enum BkScrollBehavior {
+//   AUTO = 'auto',
+// };
 var tableProps = {
   /**
    * 渲染列表
@@ -394,9 +420,9 @@ var tableProps = {
   stripe: shared_namespaceObject.PropTypes.bool.def(false),
   /**
    * 设置表格最小高度
-   * 默认：300
+   * 默认：LINE_HEIGHT * 2
    */
-  minHeight: StringNumberType(LINE_HEIGHT * 2),
+  minHeight: StringNumberType(LINE_HEIGHT),
   /**
    * 设置表格最d大高度
    * 默认：auto，依赖外层高度
@@ -406,7 +432,7 @@ var tableProps = {
    * 行高，可以为固定数值类型
    * 可以是函数，返回当前行的高度，返回值为数值类型
    */
-  rowHeight: RowHeightFunctionNumberType.def(LINE_HEIGHT),
+  rowHeight: RowHeightFunctionNumberType,
   /**
    * Thead行高，可以为固定数值类型
    */
@@ -469,9 +495,13 @@ var tableProps = {
   /**
    * 单元格数据为空展示
    */
-  emptyCellText: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.func.def(function () {
-    return '';
-  })]).def(''),
+  emptyCellText: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.func]).def(''),
+  /**
+   * 判定单元格是否为空
+   * 支持数组：判定条件为 arr.some(item => item === cellText)
+   * 支持函数回调：返回结果为 true | false， ({ cellText, row, column }) => boolean
+   */
+  isEmptyCell: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.arrayOf(external_vue_types_namespaceObject.string), shared_namespaceObject.PropTypes.arrayOf(null), shared_namespaceObject.PropTypes.arrayOf(undefined), shared_namespaceObject.PropTypes.func]).def(['', undefined, null]),
   /**
    * bk-table-setting-content
    */
@@ -571,6 +601,10 @@ var tableProps = {
    * 是否监表格尺寸变化而响应式重新计算渲染
    */
   observerResize: shared_namespaceObject.PropTypes.bool.def(true),
+  /**
+   * 是否使用IntersectionObserver监听表格Cell进如有可视区域再渲染
+   */
+  intersectionObserver: shared_namespaceObject.PropTypes.bool.def(false),
   // 对齐方式
   align: TableAlign,
   headerAlign: TableAlign,
@@ -600,7 +634,30 @@ var tableProps = {
   /**
    * 是否支持shift键多行选择
    */
-  shiftMultiChecked: shared_namespaceObject.PropTypes.bool.def(false)
+  shiftMultiChecked: shared_namespaceObject.PropTypes.bool.def(false),
+  /**
+   * 启用Scrollbar
+   */
+  scrollbar: shared_namespaceObject.PropTypes.bool.def(true),
+  // scrollbehavior: toType<`${ScrollBehavior}`>('ScrollBehavior', {
+  /**
+   * 固定在底部的配置项
+   */
+  fixedBottom: (0,external_vue_types_namespaceObject.toType)('FixedBottomOption', {
+    "default": {
+      position: 'relative',
+      height: LINE_HEIGHT
+    }
+  }).def(null),
+  /**
+   * 表格尾部追加的行配置
+   */
+  appendLastRow: (0,external_vue_types_namespaceObject.toType)('AppendLastRowOption', {
+    "default": {
+      type: 'default',
+      cellRender: undefined
+    }
+  })
 };
 ;// CONCATENATED MODULE: ../../packages/table/src/components/table-column.tsx
 
@@ -633,6 +690,7 @@ var tableProps = {
 
 
 
+
 var TableColumnProp = {
   label: LabelFunctionStringType,
   field: LabelFunctionStringType,
@@ -656,29 +714,52 @@ var TableColumnProp = {
 /* harmony default export */ const table_column = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'TableColumn',
   props: TableColumnProp,
-  setup: function setup(props) {
+  setup: function setup(props, _ref) {
+    _objectDestructuringEmpty(_ref);
     var initTableColumns = (0,external_vue_namespaceObject.inject)(PROVIDE_KEY_INIT_COL, function () {});
-    var column = (0,external_vue_namespaceObject.reactive)(Object.assign({}, props, {
-      field: props.prop || props.field
-    }));
-    (0,external_vue_namespaceObject.onMounted)(function () {
-      initTableColumns();
-    });
-    (0,external_vue_namespaceObject.onUpdated)(function () {
-      initTableColumns();
+    var lastPropsVal = {};
+    var isPropsEqual = function isPropsEqual(sorce, target) {
+      var rawProps = (0,external_vue_namespaceObject.toRaw)(target);
+      var keys = Object.keys(rawProps);
+      return keys.every(function (key) {
+        if (typeof rawProps[key] === 'function') {
+          return sorce[key] !== undefined;
+        }
+        if (key === 'children') {
+          return true;
+        }
+        return (0,isEqual_namespaceObject["default"])(sorce[key], target[key]);
+      });
+    };
+    (0,external_vue_namespaceObject.watch)(function () {
+      return [props];
+    }, function () {
+      if (!isPropsEqual(lastPropsVal, props)) {
+        initTableColumns();
+        Object.assign(lastPropsVal, (0,external_vue_namespaceObject.toRaw)(props));
+      }
+    }, {
+      immediate: true,
+      deep: true
     });
     (0,external_vue_namespaceObject.onUnmounted)(function () {
       initTableColumns();
     });
-    return {
-      column: column
-    };
   },
   render: function render() {
-    var _this$$slots$default, _this$$slots;
-    return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots, {
-      row: {}
-    })]);
+    try {
+      var _this$$slots$default, _this$$slots;
+      var renderDefault = (_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots, {
+        row: {},
+        column: {},
+        $index: -1
+      });
+      var children = [renderDefault];
+      var vnode = (0,external_vue_namespaceObject.h)('div', children);
+      return vnode;
+    } catch (_unused) {
+      return (0,external_vue_namespaceObject.h)('div', []);
+    }
   }
 }));
 ;// CONCATENATED MODULE: ../../packages/table-column/src/index.ts