bkui-vue 2.0.1-beta.58 → 2.0.1-beta.59
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 +26 -26
- package/dist/index.esm.js +5184 -5108
- package/dist/index.umd.js +44 -44
- 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
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,
|
@@ -22409,6 +22445,7 @@ var ROW_HEIGHT = 32;
|
|
22409
22445
|
},
|
22410
22446
|
emits: ['change', 'filterSave', 'reset'],
|
22411
22447
|
setup: function setup(props, _ref) {
|
22448
|
+
var _state$checked;
|
22412
22449
|
var emit = _ref.emit;
|
22413
22450
|
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
22414
22451
|
resolveClassName = _usePrefix.resolveClassName;
|
@@ -22424,16 +22461,16 @@ var ROW_HEIGHT = 32;
|
|
22424
22461
|
var searchValue = (0,external_vue_namespaceObject.ref)('');
|
22425
22462
|
var state = (0,external_vue_namespaceObject.reactive)({
|
22426
22463
|
isOpen: false,
|
22427
|
-
checked:
|
22464
|
+
checked: []
|
22428
22465
|
});
|
22466
|
+
(_state$checked = state.checked).push.apply(_state$checked, _toConsumableArray(checked.value));
|
22429
22467
|
(0,external_vue_namespaceObject.watch)(function () {
|
22430
22468
|
return checked;
|
22431
22469
|
}, function () {
|
22432
|
-
var _state$
|
22470
|
+
var _state$checked2;
|
22433
22471
|
state.checked.length = 0;
|
22434
22472
|
state.checked = [];
|
22435
|
-
(_state$
|
22436
|
-
// handleBtnSaveClick();
|
22473
|
+
(_state$checked2 = state.checked).push.apply(_state$checked2, _toConsumableArray(checked.value));
|
22437
22474
|
}, {
|
22438
22475
|
deep: true
|
22439
22476
|
});
|
@@ -22560,7 +22597,7 @@ var ROW_HEIGHT = 32;
|
|
22560
22597
|
});
|
22561
22598
|
};
|
22562
22599
|
var handleValueChange = function handleValueChange(val, item) {
|
22563
|
-
var _state$
|
22600
|
+
var _state$checked3;
|
22564
22601
|
var setValue = new Set(state.checked);
|
22565
22602
|
if (val) {
|
22566
22603
|
setValue.add(item.value);
|
@@ -22568,7 +22605,7 @@ var ROW_HEIGHT = 32;
|
|
22568
22605
|
setValue["delete"](item.value);
|
22569
22606
|
}
|
22570
22607
|
state.checked.length = 0;
|
22571
|
-
(_state$
|
22608
|
+
(_state$checked3 = state.checked).push.apply(_state$checked3, _toConsumableArray(Array.from(setValue)));
|
22572
22609
|
handleFilterChange();
|
22573
22610
|
};
|
22574
22611
|
var renderFilterList = function renderFilterList(scope) {
|
@@ -23985,6 +24022,11 @@ var useRows = function useRows(props) {
|
|
23985
24022
|
(_tableRowList$value = tableRowList.value).push.apply(_tableRowList$value, _toConsumableArray(data));
|
23986
24023
|
formatDataSchema();
|
23987
24024
|
};
|
24025
|
+
var getCurrentPageRowsHeight = function getCurrentPageRowsHeight() {
|
24026
|
+
return pageRowList.reduce(function (out, row) {
|
24027
|
+
return out + getRowHeight(row);
|
24028
|
+
}, 0);
|
24029
|
+
};
|
23988
24030
|
return {
|
23989
24031
|
setRowIndex: setRowIndex,
|
23990
24032
|
setRowExpand: setRowExpand,
|
@@ -24003,6 +24045,7 @@ var useRows = function useRows(props) {
|
|
24003
24045
|
getRowSelection: getRowSelection,
|
24004
24046
|
getRowIndeterminate: getRowIndeterminate,
|
24005
24047
|
getRowCheckedAllValue: getRowCheckedAllValue,
|
24048
|
+
getCurrentPageRowsHeight: getCurrentPageRowsHeight,
|
24006
24049
|
changePageRowIndex: changePageRowIndex,
|
24007
24050
|
toggleAllSelection: toggleAllSelection,
|
24008
24051
|
getRowHeight: getRowHeight,
|
@@ -24415,6 +24458,7 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
|
|
24415
24458
|
setOffsetRight = _useLayout.setOffsetRight,
|
24416
24459
|
setHeaderRowCount = _useLayout.setHeaderRowCount,
|
24417
24460
|
setLineHeight = _useLayout.setLineHeight,
|
24461
|
+
getBodyHeight = _useLayout.getBodyHeight,
|
24418
24462
|
refBody = _useLayout.refBody,
|
24419
24463
|
refRoot = _useLayout.refRoot;
|
24420
24464
|
var scrollTo = function scrollTo() {
|
@@ -24535,6 +24579,7 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
|
|
24535
24579
|
setBodyHeight(Number("".concat(props.height).replace('px', '')));
|
24536
24580
|
}
|
24537
24581
|
};
|
24582
|
+
var scrollTo00 = (0,external_vue_namespaceObject.ref)(false);
|
24538
24583
|
var setTableData = (0,lodash.debounce)(function () {
|
24539
24584
|
var resetScroll = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
24540
24585
|
var filterOrderList = getFilterAndSortList();
|
@@ -24545,10 +24590,15 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
|
|
24545
24590
|
}
|
24546
24591
|
var renderList = getRenderRowList(filterOrderList);
|
24547
24592
|
rows.setPageRowList(renderList);
|
24593
|
+
if (resetScroll) {
|
24594
|
+
scrollTo00.value = true;
|
24595
|
+
}
|
24548
24596
|
(0,external_vue_namespaceObject.nextTick)(function () {
|
24549
24597
|
setOffsetRight();
|
24550
|
-
|
24598
|
+
setRowsBodyHeight();
|
24599
|
+
if (scrollTo00.value) {
|
24551
24600
|
scrollTo(0, 0);
|
24601
|
+
scrollTo00.value = false;
|
24552
24602
|
}
|
24553
24603
|
});
|
24554
24604
|
}, 64);
|
@@ -24579,6 +24629,20 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
|
|
24579
24629
|
observerResizing.value = false;
|
24580
24630
|
});
|
24581
24631
|
});
|
24632
|
+
var setRowsBodyHeight = function setRowsBodyHeight() {
|
24633
|
+
if (props.height === '100%' || props.height === 'auto') {
|
24634
|
+
var rowsHeight = rows.getCurrentPageRowsHeight();
|
24635
|
+
var bodyHeight = rowsHeight;
|
24636
|
+
if (/^\d+\.?\d*(px)?$/.test("".concat(props.maxHeight))) {
|
24637
|
+
var maxHeight = getBodyHeight(Number("".concat(props.maxHeight).replace('px', '')));
|
24638
|
+
if (bodyHeight > maxHeight) {
|
24639
|
+
setBodyHeight(maxHeight, false);
|
24640
|
+
return;
|
24641
|
+
}
|
24642
|
+
}
|
24643
|
+
setBodyHeight(bodyHeight, false);
|
24644
|
+
}
|
24645
|
+
};
|
24582
24646
|
(0,external_vue_namespaceObject.watch)(function () {
|
24583
24647
|
return [props.columns];
|
24584
24648
|
}, function () {
|
@@ -24604,12 +24668,19 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
|
|
24604
24668
|
deep: true
|
24605
24669
|
});
|
24606
24670
|
(0,external_vue_namespaceObject.watch)(function () {
|
24607
|
-
return [columns.
|
24671
|
+
return [columns.filterColumns];
|
24608
24672
|
}, function () {
|
24609
24673
|
setTableData();
|
24610
24674
|
}, {
|
24611
24675
|
deep: true
|
24612
24676
|
});
|
24677
|
+
(0,external_vue_namespaceObject.watch)(function () {
|
24678
|
+
return [columns.sortColumns];
|
24679
|
+
}, function () {
|
24680
|
+
setTableData(false);
|
24681
|
+
}, {
|
24682
|
+
deep: true
|
24683
|
+
});
|
24613
24684
|
(0,external_vue_namespaceObject.watch)(function () {
|
24614
24685
|
return [pagination.isShowPagination.value];
|
24615
24686
|
}, function () {
|
@@ -24629,10 +24700,20 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
|
|
24629
24700
|
(0,external_vue_namespaceObject.watch)(function () {
|
24630
24701
|
return [pagination.options.count, pagination.options.limit, pagination.options.current];
|
24631
24702
|
}, function () {
|
24632
|
-
setTableData();
|
24703
|
+
setTableData(false);
|
24633
24704
|
}, {
|
24634
24705
|
immediate: true
|
24635
24706
|
});
|
24707
|
+
var pageListLength = (0,external_vue_namespaceObject.computed)(function () {
|
24708
|
+
return rows.pageRowList.length;
|
24709
|
+
});
|
24710
|
+
(0,external_vue_namespaceObject.watch)(pageListLength, function (val, old) {
|
24711
|
+
if (val < old) {
|
24712
|
+
var _refBody$value2, _refBody$value2$updat;
|
24713
|
+
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);
|
24714
|
+
scrollTo(undefined, 0);
|
24715
|
+
}
|
24716
|
+
});
|
24636
24717
|
ctx.expose({
|
24637
24718
|
setRowExpand: rows.setRowExpand,
|
24638
24719
|
setAllRowExpand: rows.setAllRowExpand,
|
package/lib/table/table.css
CHANGED
@@ -1524,6 +1524,14 @@
|
|
1524
1524
|
cursor: pointer;
|
1525
1525
|
background: var(--table-row-active-bg-color);
|
1526
1526
|
}
|
1527
|
+
.bk-table .bk-table-head table tbody tr.stripe-row,
|
1528
|
+
.bk-table .bk-table-body table tbody tr.stripe-row {
|
1529
|
+
background: #fafbfd;
|
1530
|
+
}
|
1531
|
+
.bk-table .bk-table-head table tbody tr.stripe-row td,
|
1532
|
+
.bk-table .bk-table-body table tbody tr.stripe-row td {
|
1533
|
+
background-color: #fafbfd;
|
1534
|
+
}
|
1527
1535
|
.bk-table .bk-table-head table tbody tr td,
|
1528
1536
|
.bk-table .bk-table-body table tbody tr td {
|
1529
1537
|
background-color: #fff;
|
@@ -1729,9 +1737,6 @@
|
|
1729
1737
|
.bk-table .bk-pagination .is-last {
|
1730
1738
|
margin-left: auto;
|
1731
1739
|
}
|
1732
|
-
.bk-table .stripe-row {
|
1733
|
-
background: #fafbfd;
|
1734
|
-
}
|
1735
1740
|
.bk-across-page-popover {
|
1736
1741
|
padding: 0!important;
|
1737
1742
|
}
|
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 {
|
@@ -1914,6 +1914,14 @@
|
|
1914
1914
|
cursor: pointer;
|
1915
1915
|
background: var(--table-row-active-bg-color);
|
1916
1916
|
}
|
1917
|
+
.bk-table .bk-table-head table tbody tr.stripe-row,
|
1918
|
+
.bk-table .bk-table-body table tbody tr.stripe-row {
|
1919
|
+
background: #fafbfd;
|
1920
|
+
}
|
1921
|
+
.bk-table .bk-table-head table tbody tr.stripe-row td,
|
1922
|
+
.bk-table .bk-table-body table tbody tr.stripe-row td {
|
1923
|
+
background-color: #fafbfd;
|
1924
|
+
}
|
1917
1925
|
.bk-table .bk-table-head table tbody tr td,
|
1918
1926
|
.bk-table .bk-table-body table tbody tr td {
|
1919
1927
|
background-color: #fff;
|
@@ -2119,9 +2127,6 @@
|
|
2119
2127
|
.bk-table .bk-pagination .is-last {
|
2120
2128
|
margin-left: auto;
|
2121
2129
|
}
|
2122
|
-
.bk-table .stripe-row {
|
2123
|
-
background: #fafbfd;
|
2124
|
-
}
|
2125
2130
|
.bk-across-page-popover {
|
2126
2131
|
padding: 0!important;
|
2127
2132
|
}
|
@@ -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
|