bkui-vue 2.0.1-beta.57 → 2.0.1-beta.57.table.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.js CHANGED
@@ -4,5 +4,5 @@ export { default } from './preset';
4
4
  export * from './config-provider';
5
5
  export * from './directives';
6
6
  export * as plugins from './plugins';
7
- export const version = "2.0.1-beta.57";
7
+ export const version = "2.0.1-beta.57.table.2";
8
8
  window.__bkui_vue_version__ = version;
@@ -1610,8 +1610,12 @@ var BkScrollbar = /*#__PURE__*/function () {
1610
1610
  value: function scrollTo(_ref3) {
1611
1611
  var x = _ref3.x,
1612
1612
  y = _ref3.y;
1613
- this.element.scrollTop = y;
1614
- this.element.scrollLeft = x;
1613
+ if (y !== undefined && typeof y === 'number') {
1614
+ this.element.scrollTop = y;
1615
+ }
1616
+ if (x !== undefined && typeof x === 'number') {
1617
+ this.element.scrollLeft = x;
1618
+ }
1615
1619
  update_geometry(this);
1616
1620
  }
1617
1621
  /**
@@ -79,7 +79,7 @@ declare const _default: import("vue").DefineComponent<{
79
79
  } & {
80
80
  default: number;
81
81
  };
82
- }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
82
+ }, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
83
83
  label: import("vue-types").VueTypeDef<import("../props").LabelFunctionString>;
84
84
  field: import("vue-types").VueTypeDef<import("../props").LabelFunctionString>;
85
85
  render: import("vue-types").VueTypeDef<import("../props").RenderFunctionString>;
@@ -6,7 +6,8 @@ declare const _default: (props: TablePropTypes, ctx: any) => {
6
6
  renderBody: (list: any, childrend?: any, fixedRows?: any) => JSX.Element;
7
7
  renderFooter: (childrend?: any) => JSX.Element;
8
8
  renderFixedBottom: () => JSX.Element;
9
- setBodyHeight: (height: number) => void;
9
+ getBodyHeight: (height: any) => number;
10
+ setBodyHeight: (height: number, withHeadFoot?: boolean) => void;
10
11
  setVirtualBodyHeight: (height: number) => void;
11
12
  setFootHeight: (height: number) => void;
12
13
  setTranslateX: (val: number) => void;
@@ -18,9 +18,10 @@ declare const useRows: (props: TablePropTypes) => {
18
18
  getRowSelection: () => any[];
19
19
  getRowIndeterminate: () => any;
20
20
  getRowCheckedAllValue: () => any;
21
+ getCurrentPageRowsHeight: () => any;
21
22
  changePageRowIndex: (sourceIndex: any, targetIndex: any) => void;
22
23
  toggleAllSelection: (value?: boolean) => void;
23
- getRowHeight: (row?: any, index?: any, type?: any) => any;
24
+ getRowHeight: (row?: any, index?: any, type?: any) => number;
24
25
  tableRowList: import("vue").Ref<any[]>;
25
26
  tableRowSchema: WeakMap<object, any> & Omit<WeakMap<object, any>, keyof WeakMap<any, any>>;
26
27
  pageRowList: any[];
@@ -908,7 +908,7 @@ declare const BkTable: {
908
908
  } & {
909
909
  default: number;
910
910
  };
911
- }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
911
+ }, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
912
912
  label: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
913
913
  field: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
914
914
  render: import("vue-types").VueTypeDef<import("./props").RenderFunctionString>;
@@ -17327,9 +17327,7 @@ function _objectDestructuringEmpty(obj) {
17327
17327
  ;// CONCATENATED MODULE: external "vue"
17328
17328
  var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
17329
17329
  var external_vue_y = x => () => x
17330
- const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isProxy"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isProxy, ["isRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isRef, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRaw"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRaw, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
17331
- // EXTERNAL MODULE: ../../node_modules/lodash/lodash.js
17332
- var lodash = __webpack_require__(6635);
17330
+ const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isProxy"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isProxy, ["isRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isRef, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRaw"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRaw, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
17333
17331
  ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
17334
17332
  function typeof_typeof(o) {
17335
17333
  "@babel/helpers - typeof";
@@ -17940,6 +17938,8 @@ var tableProps = {
17940
17938
  }
17941
17939
  })
17942
17940
  };
17941
+ // EXTERNAL MODULE: ../../node_modules/lodash/lodash.js
17942
+ var lodash = __webpack_require__(6635);
17943
17943
  ;// CONCATENATED MODULE: ../../packages/table/src/components/table-column.tsx
17944
17944
 
17945
17945
  /*
@@ -17999,10 +17999,23 @@ var TableColumnProp = {
17999
17999
  _objectDestructuringEmpty(_ref);
18000
18000
  var initTableColumns = (0,external_vue_namespaceObject.inject)(PROVIDE_KEY_INIT_COL, function () {});
18001
18001
  var lastPropsVal = {};
18002
+ var isPropsEqual = function isPropsEqual(sorce, target) {
18003
+ var rawProps = (0,external_vue_namespaceObject.toRaw)(target);
18004
+ var keys = Object.keys(rawProps);
18005
+ return keys.every(function (key) {
18006
+ if (typeof rawProps[key] === 'function') {
18007
+ return sorce[key] !== undefined;
18008
+ }
18009
+ if (key === 'children') {
18010
+ return true;
18011
+ }
18012
+ return (0,lodash.isEqual)(sorce[key], target[key]);
18013
+ });
18014
+ };
18002
18015
  (0,external_vue_namespaceObject.watch)(function () {
18003
18016
  return [props];
18004
18017
  }, function () {
18005
- if (!(0,lodash.isEqual)(lastPropsVal, (0,external_vue_namespaceObject.toRaw)(props))) {
18018
+ if (!isPropsEqual(lastPropsVal, props)) {
18006
18019
  initTableColumns();
18007
18020
  Object.assign(lastPropsVal, (0,external_vue_namespaceObject.toRaw)(props));
18008
18021
  }
@@ -18013,7 +18026,21 @@ var TableColumnProp = {
18013
18026
  (0,external_vue_namespaceObject.onUnmounted)(function () {
18014
18027
  initTableColumns();
18015
18028
  });
18016
- return function () {};
18029
+ },
18030
+ render: function render() {
18031
+ try {
18032
+ var _this$$slots$default, _this$$slots;
18033
+ var renderDefault = (_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots, {
18034
+ row: {},
18035
+ column: {},
18036
+ $index: -1
18037
+ });
18038
+ var children = [renderDefault];
18039
+ var vnode = (0,external_vue_namespaceObject.h)('div', children);
18040
+ return vnode;
18041
+ } catch (_unused) {
18042
+ return (0,external_vue_namespaceObject.h)('div', []);
18043
+ }
18017
18044
  }
18018
18045
  }));
18019
18046
  ;// CONCATENATED MODULE: ../../packages/table/src/events.ts
@@ -21329,8 +21356,16 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
21329
21356
  }
21330
21357
  return null;
21331
21358
  });
21359
+ var getBodyHeight = function getBodyHeight(height) {
21360
+ return height - headHeight.value - fixedBottomHeight.value - footHeight.value;
21361
+ };
21332
21362
  var setBodyHeight = function setBodyHeight(height) {
21333
- bodyHeight.value = height - headHeight.value - fixedBottomHeight.value - footHeight.value;
21363
+ var withHeadFoot = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
21364
+ if (withHeadFoot) {
21365
+ bodyHeight.value = getBodyHeight(height);
21366
+ return;
21367
+ }
21368
+ bodyHeight.value = height;
21334
21369
  };
21335
21370
  var setVirtualBodyHeight = function setVirtualBodyHeight(height) {
21336
21371
  bodyHeight.value = height;
@@ -21471,6 +21506,7 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
21471
21506
  renderBody: renderBody,
21472
21507
  renderFooter: renderFooter,
21473
21508
  renderFixedBottom: renderFixedBottom,
21509
+ getBodyHeight: getBodyHeight,
21474
21510
  setBodyHeight: setBodyHeight,
21475
21511
  setVirtualBodyHeight: setVirtualBodyHeight,
21476
21512
  setFootHeight: setFootHeight,
@@ -22400,6 +22436,7 @@ var ROW_HEIGHT = 32;
22400
22436
  },
22401
22437
  emits: ['change', 'filterSave', 'reset'],
22402
22438
  setup: function setup(props, _ref) {
22439
+ var _state$checked;
22403
22440
  var emit = _ref.emit;
22404
22441
  var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
22405
22442
  resolveClassName = _usePrefix.resolveClassName;
@@ -22415,16 +22452,16 @@ var ROW_HEIGHT = 32;
22415
22452
  var searchValue = (0,external_vue_namespaceObject.ref)('');
22416
22453
  var state = (0,external_vue_namespaceObject.reactive)({
22417
22454
  isOpen: false,
22418
- checked: checked.value
22455
+ checked: []
22419
22456
  });
22457
+ (_state$checked = state.checked).push.apply(_state$checked, _toConsumableArray(checked.value));
22420
22458
  (0,external_vue_namespaceObject.watch)(function () {
22421
22459
  return checked;
22422
22460
  }, function () {
22423
- var _state$checked;
22461
+ var _state$checked2;
22424
22462
  state.checked.length = 0;
22425
22463
  state.checked = [];
22426
- (_state$checked = state.checked).push.apply(_state$checked, _toConsumableArray(checked.value));
22427
- // handleBtnSaveClick();
22464
+ (_state$checked2 = state.checked).push.apply(_state$checked2, _toConsumableArray(checked.value));
22428
22465
  }, {
22429
22466
  deep: true
22430
22467
  });
@@ -22548,7 +22585,7 @@ var ROW_HEIGHT = 32;
22548
22585
  });
22549
22586
  };
22550
22587
  var handleValueChange = function handleValueChange(val, item) {
22551
- var _state$checked2;
22588
+ var _state$checked3;
22552
22589
  var setValue = new Set(state.checked);
22553
22590
  if (val) {
22554
22591
  setValue.add(item.value);
@@ -22556,7 +22593,7 @@ var ROW_HEIGHT = 32;
22556
22593
  setValue["delete"](item.value);
22557
22594
  }
22558
22595
  state.checked.length = 0;
22559
- (_state$checked2 = state.checked).push.apply(_state$checked2, _toConsumableArray(Array.from(setValue)));
22596
+ (_state$checked3 = state.checked).push.apply(_state$checked3, _toConsumableArray(Array.from(setValue)));
22560
22597
  handleFilterChange();
22561
22598
  };
22562
22599
  var renderFilterList = function renderFilterList(scope) {
@@ -23973,6 +24010,11 @@ var useRows = function useRows(props) {
23973
24010
  (_tableRowList$value = tableRowList.value).push.apply(_tableRowList$value, _toConsumableArray(data));
23974
24011
  formatDataSchema();
23975
24012
  };
24013
+ var getCurrentPageRowsHeight = function getCurrentPageRowsHeight() {
24014
+ return pageRowList.reduce(function (out, row) {
24015
+ return out + getRowHeight(row);
24016
+ }, 0);
24017
+ };
23976
24018
  return {
23977
24019
  setRowIndex: setRowIndex,
23978
24020
  setRowExpand: setRowExpand,
@@ -23991,6 +24033,7 @@ var useRows = function useRows(props) {
23991
24033
  getRowSelection: getRowSelection,
23992
24034
  getRowIndeterminate: getRowIndeterminate,
23993
24035
  getRowCheckedAllValue: getRowCheckedAllValue,
24036
+ getCurrentPageRowsHeight: getCurrentPageRowsHeight,
23994
24037
  changePageRowIndex: changePageRowIndex,
23995
24038
  toggleAllSelection: toggleAllSelection,
23996
24039
  getRowHeight: getRowHeight,
@@ -24403,6 +24446,7 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
24403
24446
  setOffsetRight = _useLayout.setOffsetRight,
24404
24447
  setHeaderRowCount = _useLayout.setHeaderRowCount,
24405
24448
  setLineHeight = _useLayout.setLineHeight,
24449
+ getBodyHeight = _useLayout.getBodyHeight,
24406
24450
  refBody = _useLayout.refBody,
24407
24451
  refRoot = _useLayout.refRoot;
24408
24452
  var scrollTo = function scrollTo() {
@@ -24523,6 +24567,7 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
24523
24567
  setBodyHeight(Number("".concat(props.height).replace('px', '')));
24524
24568
  }
24525
24569
  };
24570
+ var scrollTo00 = (0,external_vue_namespaceObject.ref)(false);
24526
24571
  var setTableData = (0,lodash.debounce)(function () {
24527
24572
  var resetScroll = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
24528
24573
  var filterOrderList = getFilterAndSortList();
@@ -24533,10 +24578,15 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
24533
24578
  }
24534
24579
  var renderList = getRenderRowList(filterOrderList);
24535
24580
  rows.setPageRowList(renderList);
24581
+ if (resetScroll) {
24582
+ scrollTo00.value = true;
24583
+ }
24536
24584
  (0,external_vue_namespaceObject.nextTick)(function () {
24537
24585
  setOffsetRight();
24538
- if (resetScroll) {
24586
+ setRowsBodyHeight();
24587
+ if (scrollTo00.value) {
24539
24588
  scrollTo(0, 0);
24589
+ scrollTo00.value = false;
24540
24590
  }
24541
24591
  });
24542
24592
  }, 64);
@@ -24567,6 +24617,20 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
24567
24617
  observerResizing.value = false;
24568
24618
  });
24569
24619
  });
24620
+ var setRowsBodyHeight = function setRowsBodyHeight() {
24621
+ if (props.height === '100%' || props.height === 'auto') {
24622
+ var rowsHeight = rows.getCurrentPageRowsHeight();
24623
+ var bodyHeight = rowsHeight;
24624
+ if (/^\d+\.?\d*(px)?$/.test("".concat(props.maxHeight))) {
24625
+ var maxHeight = getBodyHeight(Number("".concat(props.maxHeight).replace('px', '')));
24626
+ if (bodyHeight > maxHeight) {
24627
+ setBodyHeight(maxHeight, false);
24628
+ return;
24629
+ }
24630
+ }
24631
+ setBodyHeight(bodyHeight, false);
24632
+ }
24633
+ };
24570
24634
  (0,external_vue_namespaceObject.watch)(function () {
24571
24635
  return [props.columns];
24572
24636
  }, function () {
@@ -24592,12 +24656,19 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
24592
24656
  deep: true
24593
24657
  });
24594
24658
  (0,external_vue_namespaceObject.watch)(function () {
24595
- return [columns.sortColumns, columns.filterColumns];
24659
+ return [columns.filterColumns];
24596
24660
  }, function () {
24597
24661
  setTableData();
24598
24662
  }, {
24599
24663
  deep: true
24600
24664
  });
24665
+ (0,external_vue_namespaceObject.watch)(function () {
24666
+ return [columns.sortColumns];
24667
+ }, function () {
24668
+ setTableData(false);
24669
+ }, {
24670
+ deep: true
24671
+ });
24601
24672
  (0,external_vue_namespaceObject.watch)(function () {
24602
24673
  return [pagination.isShowPagination.value];
24603
24674
  }, function () {
@@ -24617,10 +24688,20 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
24617
24688
  (0,external_vue_namespaceObject.watch)(function () {
24618
24689
  return [pagination.options.count, pagination.options.limit, pagination.options.current];
24619
24690
  }, function () {
24620
- setTableData();
24691
+ setTableData(false);
24621
24692
  }, {
24622
24693
  immediate: true
24623
24694
  });
24695
+ var pageListLength = (0,external_vue_namespaceObject.computed)(function () {
24696
+ return rows.pageRowList.length;
24697
+ });
24698
+ (0,external_vue_namespaceObject.watch)(pageListLength, function (val, old) {
24699
+ if (val < old) {
24700
+ var _refBody$value2, _refBody$value2$updat;
24701
+ refBody === null || refBody === void 0 || (_refBody$value2 = refBody.value) === null || _refBody$value2 === void 0 || (_refBody$value2$updat = _refBody$value2.updateScroll) === null || _refBody$value2$updat === void 0 || _refBody$value2$updat.call(_refBody$value2);
24702
+ scrollTo(undefined, 0);
24703
+ }
24704
+ });
24624
24705
  ctx.expose({
24625
24706
  setRowExpand: rows.setRowExpand,
24626
24707
  setAllRowExpand: rows.setAllRowExpand,
@@ -1523,6 +1523,14 @@
1523
1523
  cursor: pointer;
1524
1524
  background: var(--table-row-active-bg-color);
1525
1525
  }
1526
+ .bk-table .bk-table-head table tbody tr.stripe-row,
1527
+ .bk-table .bk-table-body table tbody tr.stripe-row {
1528
+ background: #fafbfd;
1529
+ }
1530
+ .bk-table .bk-table-head table tbody tr.stripe-row td,
1531
+ .bk-table .bk-table-body table tbody tr.stripe-row td {
1532
+ background-color: #fafbfd;
1533
+ }
1526
1534
  .bk-table .bk-table-head table tbody tr td,
1527
1535
  .bk-table .bk-table-body table tbody tr td {
1528
1536
  background-color: #fff;
@@ -1728,9 +1736,6 @@
1728
1736
  .bk-table .bk-pagination .is-last {
1729
1737
  margin-left: auto;
1730
1738
  }
1731
- .bk-table .stripe-row {
1732
- background: #fafbfd;
1733
- }
1734
1739
  .bk-across-page-popover {
1735
1740
  padding: 0!important;
1736
1741
  }
@@ -312,6 +312,14 @@
312
312
 
313
313
  tbody {
314
314
  tr {
315
+
316
+ &.stripe-row {
317
+ background: #fafbfd;
318
+ td {
319
+ background-color: #fafbfd;
320
+ }
321
+ }
322
+
315
323
  td {
316
324
  background-color: #fff;
317
325
  border-top: 1px solid @table-bg-color;
@@ -598,10 +606,6 @@
598
606
  margin-left: auto;
599
607
  }
600
608
  }
601
-
602
- .stripe-row {
603
- background: #fafbfd;
604
- }
605
609
  }
606
610
 
607
611
  .@{bk-prefix}-across-page-popover {
@@ -1913,6 +1913,14 @@
1913
1913
  cursor: pointer;
1914
1914
  background: var(--table-row-active-bg-color);
1915
1915
  }
1916
+ .bk-table .bk-table-head table tbody tr.stripe-row,
1917
+ .bk-table .bk-table-body table tbody tr.stripe-row {
1918
+ background: #fafbfd;
1919
+ }
1920
+ .bk-table .bk-table-head table tbody tr.stripe-row td,
1921
+ .bk-table .bk-table-body table tbody tr.stripe-row td {
1922
+ background-color: #fafbfd;
1923
+ }
1916
1924
  .bk-table .bk-table-head table tbody tr td,
1917
1925
  .bk-table .bk-table-body table tbody tr td {
1918
1926
  background-color: #fff;
@@ -2118,9 +2126,6 @@
2118
2126
  .bk-table .bk-pagination .is-last {
2119
2127
  margin-left: auto;
2120
2128
  }
2121
- .bk-table .stripe-row {
2122
- background: #fafbfd;
2123
- }
2124
2129
  .bk-across-page-popover {
2125
2130
  padding: 0!important;
2126
2131
  }
@@ -38,7 +38,7 @@ declare const BkTableColumn: {
38
38
  } & {
39
39
  default: number;
40
40
  };
41
- }>>, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
41
+ }>>, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
42
42
  label: import("vue-types").VueTypeDef<import("../table/props").LabelFunctionString>;
43
43
  field: import("vue-types").VueTypeDef<import("../table/props").LabelFunctionString>;
44
44
  render: import("vue-types").VueTypeDef<import("../table/props").RenderFunctionString>;
@@ -131,7 +131,7 @@ declare const BkTableColumn: {
131
131
  } & {
132
132
  default: number;
133
133
  };
134
- }>>, () => void, {}, {}, {}, {
134
+ }>>, {}, {}, {}, {}, {
135
135
  fixed: boolean | "left" | "right";
136
136
  resizable: boolean;
137
137
  minWidth: string | number;
@@ -182,7 +182,7 @@ declare const BkTableColumn: {
182
182
  } & {
183
183
  default: number;
184
184
  };
185
- }>>, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
185
+ }>>, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
186
186
  fixed: boolean | "left" | "right";
187
187
  resizable: boolean;
188
188
  minWidth: string | number;
@@ -17302,9 +17302,7 @@ function _objectDestructuringEmpty(obj) {
17302
17302
  ;// CONCATENATED MODULE: external "vue"
17303
17303
  var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
17304
17304
  var external_vue_y = x => () => x
17305
- const external_vue_namespaceObject = external_vue_x({ ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["toRaw"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRaw, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
17306
- // EXTERNAL MODULE: ../../node_modules/lodash/lodash.js
17307
- var lodash = __webpack_require__(6635);
17305
+ 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 });
17308
17306
  ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
17309
17307
  function _typeof(o) {
17310
17308
  "@babel/helpers - typeof";
@@ -17915,6 +17913,8 @@ var tableProps = {
17915
17913
  }
17916
17914
  })
17917
17915
  };
17916
+ // EXTERNAL MODULE: ../../node_modules/lodash/lodash.js
17917
+ var lodash = __webpack_require__(6635);
17918
17918
  ;// CONCATENATED MODULE: ../../packages/table/src/components/table-column.tsx
17919
17919
 
17920
17920
  /*
@@ -17974,10 +17974,23 @@ var TableColumnProp = {
17974
17974
  _objectDestructuringEmpty(_ref);
17975
17975
  var initTableColumns = (0,external_vue_namespaceObject.inject)(PROVIDE_KEY_INIT_COL, function () {});
17976
17976
  var lastPropsVal = {};
17977
+ var isPropsEqual = function isPropsEqual(sorce, target) {
17978
+ var rawProps = (0,external_vue_namespaceObject.toRaw)(target);
17979
+ var keys = Object.keys(rawProps);
17980
+ return keys.every(function (key) {
17981
+ if (typeof rawProps[key] === 'function') {
17982
+ return sorce[key] !== undefined;
17983
+ }
17984
+ if (key === 'children') {
17985
+ return true;
17986
+ }
17987
+ return (0,lodash.isEqual)(sorce[key], target[key]);
17988
+ });
17989
+ };
17977
17990
  (0,external_vue_namespaceObject.watch)(function () {
17978
17991
  return [props];
17979
17992
  }, function () {
17980
- if (!(0,lodash.isEqual)(lastPropsVal, (0,external_vue_namespaceObject.toRaw)(props))) {
17993
+ if (!isPropsEqual(lastPropsVal, props)) {
17981
17994
  initTableColumns();
17982
17995
  Object.assign(lastPropsVal, (0,external_vue_namespaceObject.toRaw)(props));
17983
17996
  }
@@ -17988,7 +18001,21 @@ var TableColumnProp = {
17988
18001
  (0,external_vue_namespaceObject.onUnmounted)(function () {
17989
18002
  initTableColumns();
17990
18003
  });
17991
- return function () {};
18004
+ },
18005
+ render: function render() {
18006
+ try {
18007
+ var _this$$slots$default, _this$$slots;
18008
+ var renderDefault = (_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots, {
18009
+ row: {},
18010
+ column: {},
18011
+ $index: -1
18012
+ });
18013
+ var children = [renderDefault];
18014
+ var vnode = (0,external_vue_namespaceObject.h)('div', children);
18015
+ return vnode;
18016
+ } catch (_unused) {
18017
+ return (0,external_vue_namespaceObject.h)('div', []);
18018
+ }
17992
18019
  }
17993
18020
  }));
17994
18021
  ;// CONCATENATED MODULE: ../../packages/table-column/src/index.ts