bkui-vue 2.0.1-beta.57 → 2.0.1-beta.57.table.1
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/dist/index.cjs.js +28 -28
- package/dist/index.esm.js +3546 -3484
- package/dist/index.umd.js +25 -25
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/index.js +1 -1
- package/lib/scrollbar/index.js +6 -2
- package/lib/table/components/table-column.d.ts +1 -1
- package/lib/table/hooks/use-layout.d.ts +1 -1
- package/lib/table/hooks/use-rows.d.ts +2 -1
- package/lib/table/index.d.ts +1 -1
- package/lib/table/index.js +79 -15
- package/lib/table/table.css +8 -3
- package/lib/table/table.less +8 -4
- package/lib/table/table.variable.css +8 -3
- package/lib/table-column/index.d.ts +3 -3
- package/lib/table-column/index.js +32 -5
- package/lib/virtual-render/index.js +84 -26
- package/lib/virtual-render/use-scrollbar.d.ts +1 -0
- package/lib/virtual-render/v-virtual-render.d.ts +4 -0
- package/package.json +1 -1
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.1";
|
8
8
|
window.__bkui_vue_version__ = version;
|
package/lib/scrollbar/index.js
CHANGED
@@ -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
|
-
|
1614
|
-
|
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
|
-
},
|
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,7 @@ 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
|
+
setBodyHeight: (height: number, withHeadFoot?: boolean) => void;
|
10
10
|
setVirtualBodyHeight: (height: number) => void;
|
11
11
|
setFootHeight: (height: number) => void;
|
12
12
|
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) =>
|
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[];
|
package/lib/table/index.d.ts
CHANGED
@@ -908,7 +908,7 @@ declare const BkTable: {
|
|
908
908
|
} & {
|
909
909
|
default: number;
|
910
910
|
};
|
911
|
-
},
|
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>;
|
package/lib/table/index.js
CHANGED
@@ -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 (!(
|
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
|
-
|
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
|
@@ -21330,7 +21357,12 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
|
|
21330
21357
|
return null;
|
21331
21358
|
});
|
21332
21359
|
var setBodyHeight = function setBodyHeight(height) {
|
21333
|
-
|
21360
|
+
var withHeadFoot = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
21361
|
+
if (withHeadFoot) {
|
21362
|
+
bodyHeight.value = height - headHeight.value - fixedBottomHeight.value - footHeight.value;
|
21363
|
+
return;
|
21364
|
+
}
|
21365
|
+
bodyHeight.value = height;
|
21334
21366
|
};
|
21335
21367
|
var setVirtualBodyHeight = function setVirtualBodyHeight(height) {
|
21336
21368
|
bodyHeight.value = height;
|
@@ -22400,6 +22432,7 @@ var ROW_HEIGHT = 32;
|
|
22400
22432
|
},
|
22401
22433
|
emits: ['change', 'filterSave', 'reset'],
|
22402
22434
|
setup: function setup(props, _ref) {
|
22435
|
+
var _state$checked;
|
22403
22436
|
var emit = _ref.emit;
|
22404
22437
|
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
22405
22438
|
resolveClassName = _usePrefix.resolveClassName;
|
@@ -22415,16 +22448,16 @@ var ROW_HEIGHT = 32;
|
|
22415
22448
|
var searchValue = (0,external_vue_namespaceObject.ref)('');
|
22416
22449
|
var state = (0,external_vue_namespaceObject.reactive)({
|
22417
22450
|
isOpen: false,
|
22418
|
-
checked:
|
22451
|
+
checked: []
|
22419
22452
|
});
|
22453
|
+
(_state$checked = state.checked).push.apply(_state$checked, _toConsumableArray(checked.value));
|
22420
22454
|
(0,external_vue_namespaceObject.watch)(function () {
|
22421
22455
|
return checked;
|
22422
22456
|
}, function () {
|
22423
|
-
var _state$
|
22457
|
+
var _state$checked2;
|
22424
22458
|
state.checked.length = 0;
|
22425
22459
|
state.checked = [];
|
22426
|
-
(_state$
|
22427
|
-
// handleBtnSaveClick();
|
22460
|
+
(_state$checked2 = state.checked).push.apply(_state$checked2, _toConsumableArray(checked.value));
|
22428
22461
|
}, {
|
22429
22462
|
deep: true
|
22430
22463
|
});
|
@@ -22548,7 +22581,7 @@ var ROW_HEIGHT = 32;
|
|
22548
22581
|
});
|
22549
22582
|
};
|
22550
22583
|
var handleValueChange = function handleValueChange(val, item) {
|
22551
|
-
var _state$
|
22584
|
+
var _state$checked3;
|
22552
22585
|
var setValue = new Set(state.checked);
|
22553
22586
|
if (val) {
|
22554
22587
|
setValue.add(item.value);
|
@@ -22556,7 +22589,7 @@ var ROW_HEIGHT = 32;
|
|
22556
22589
|
setValue["delete"](item.value);
|
22557
22590
|
}
|
22558
22591
|
state.checked.length = 0;
|
22559
|
-
(_state$
|
22592
|
+
(_state$checked3 = state.checked).push.apply(_state$checked3, _toConsumableArray(Array.from(setValue)));
|
22560
22593
|
handleFilterChange();
|
22561
22594
|
};
|
22562
22595
|
var renderFilterList = function renderFilterList(scope) {
|
@@ -23973,6 +24006,11 @@ var useRows = function useRows(props) {
|
|
23973
24006
|
(_tableRowList$value = tableRowList.value).push.apply(_tableRowList$value, _toConsumableArray(data));
|
23974
24007
|
formatDataSchema();
|
23975
24008
|
};
|
24009
|
+
var getCurrentPageRowsHeight = function getCurrentPageRowsHeight() {
|
24010
|
+
return pageRowList.reduce(function (out, row) {
|
24011
|
+
return out + getRowHeight(row);
|
24012
|
+
}, 0);
|
24013
|
+
};
|
23976
24014
|
return {
|
23977
24015
|
setRowIndex: setRowIndex,
|
23978
24016
|
setRowExpand: setRowExpand,
|
@@ -23991,6 +24029,7 @@ var useRows = function useRows(props) {
|
|
23991
24029
|
getRowSelection: getRowSelection,
|
23992
24030
|
getRowIndeterminate: getRowIndeterminate,
|
23993
24031
|
getRowCheckedAllValue: getRowCheckedAllValue,
|
24032
|
+
getCurrentPageRowsHeight: getCurrentPageRowsHeight,
|
23994
24033
|
changePageRowIndex: changePageRowIndex,
|
23995
24034
|
toggleAllSelection: toggleAllSelection,
|
23996
24035
|
getRowHeight: getRowHeight,
|
@@ -24523,6 +24562,7 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
|
|
24523
24562
|
setBodyHeight(Number("".concat(props.height).replace('px', '')));
|
24524
24563
|
}
|
24525
24564
|
};
|
24565
|
+
var scrollTo00 = (0,external_vue_namespaceObject.ref)(false);
|
24526
24566
|
var setTableData = (0,lodash.debounce)(function () {
|
24527
24567
|
var resetScroll = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
24528
24568
|
var filterOrderList = getFilterAndSortList();
|
@@ -24533,10 +24573,15 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
|
|
24533
24573
|
}
|
24534
24574
|
var renderList = getRenderRowList(filterOrderList);
|
24535
24575
|
rows.setPageRowList(renderList);
|
24576
|
+
if (resetScroll) {
|
24577
|
+
scrollTo00.value = true;
|
24578
|
+
}
|
24536
24579
|
(0,external_vue_namespaceObject.nextTick)(function () {
|
24537
24580
|
setOffsetRight();
|
24538
|
-
|
24581
|
+
setRowsBodyHeight();
|
24582
|
+
if (scrollTo00.value) {
|
24539
24583
|
scrollTo(0, 0);
|
24584
|
+
scrollTo00.value = false;
|
24540
24585
|
}
|
24541
24586
|
});
|
24542
24587
|
}, 64);
|
@@ -24567,6 +24612,11 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
|
|
24567
24612
|
observerResizing.value = false;
|
24568
24613
|
});
|
24569
24614
|
});
|
24615
|
+
var setRowsBodyHeight = function setRowsBodyHeight() {
|
24616
|
+
if (props.height === '100%') {
|
24617
|
+
setBodyHeight(rows.getCurrentPageRowsHeight(), false);
|
24618
|
+
}
|
24619
|
+
};
|
24570
24620
|
(0,external_vue_namespaceObject.watch)(function () {
|
24571
24621
|
return [props.columns];
|
24572
24622
|
}, function () {
|
@@ -24592,12 +24642,19 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
|
|
24592
24642
|
deep: true
|
24593
24643
|
});
|
24594
24644
|
(0,external_vue_namespaceObject.watch)(function () {
|
24595
|
-
return [columns.
|
24645
|
+
return [columns.filterColumns];
|
24596
24646
|
}, function () {
|
24597
24647
|
setTableData();
|
24598
24648
|
}, {
|
24599
24649
|
deep: true
|
24600
24650
|
});
|
24651
|
+
(0,external_vue_namespaceObject.watch)(function () {
|
24652
|
+
return [columns.sortColumns];
|
24653
|
+
}, function () {
|
24654
|
+
setTableData(false);
|
24655
|
+
}, {
|
24656
|
+
deep: true
|
24657
|
+
});
|
24601
24658
|
(0,external_vue_namespaceObject.watch)(function () {
|
24602
24659
|
return [pagination.isShowPagination.value];
|
24603
24660
|
}, function () {
|
@@ -24617,10 +24674,17 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
|
|
24617
24674
|
(0,external_vue_namespaceObject.watch)(function () {
|
24618
24675
|
return [pagination.options.count, pagination.options.limit, pagination.options.current];
|
24619
24676
|
}, function () {
|
24620
|
-
setTableData();
|
24677
|
+
setTableData(false);
|
24621
24678
|
}, {
|
24622
24679
|
immediate: true
|
24623
24680
|
});
|
24681
|
+
(0,external_vue_namespaceObject.watch)(function () {
|
24682
|
+
return [rows.pageRowList.length];
|
24683
|
+
}, function () {
|
24684
|
+
var _refBody$value2, _refBody$value2$updat;
|
24685
|
+
scrollTo(undefined, 0);
|
24686
|
+
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);
|
24687
|
+
});
|
24624
24688
|
ctx.expose({
|
24625
24689
|
setRowExpand: rows.setRowExpand,
|
24626
24690
|
setAllRowExpand: rows.setAllRowExpand,
|
package/lib/table/table.css
CHANGED
@@ -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
|
}
|
package/lib/table/table.less
CHANGED
@@ -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
|
-
}>>,
|
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
|
-
}>>,
|
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
|
-
}>>,
|
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 (!(
|
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
|
-
|
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
|