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/dist/index.cjs.js +29 -29
- package/dist/index.esm.js +3957 -3881
- package/dist/index.umd.js +23 -23
- 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 +2 -1
- package/lib/table/hooks/use-rows.d.ts +2 -1
- package/lib/table/index.d.ts +1 -1
- package/lib/table/index.js +96 -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 +91 -31
- 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.2";
|
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,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
|
-
|
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) =>
|
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
|
@@ -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
|
-
|
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:
|
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$
|
22461
|
+
var _state$checked2;
|
22424
22462
|
state.checked.length = 0;
|
22425
22463
|
state.checked = [];
|
22426
|
-
(_state$
|
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$
|
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$
|
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
|
-
|
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.
|
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,
|
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
|