@kdcloudjs/table 1.1.5 → 1.1.6-0
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/@kdcloudjs/table.css +1 -1
- package/dist/@kdcloudjs/table.js +267 -96
- package/dist/@kdcloudjs/table.js.map +1 -1
- package/dist/@kdcloudjs/table.min.css +1 -1
- package/dist/@kdcloudjs/table.min.js +7 -7
- package/dist/@kdcloudjs/table.min.js.map +1 -1
- package/es/table/base/table.js +2 -2
- package/es/table/pipeline/features/autoFill.js +146 -46
- package/es/table/pipeline/features/columnResizeWidth.d.ts +3 -1
- package/es/table/pipeline/features/columnResizeWidth.js +33 -10
- package/es/table/pipeline/pipeline.js +3 -2
- package/lib/table/base/table.js +2 -2
- package/lib/table/pipeline/features/autoFill.js +144 -46
- package/lib/table/pipeline/features/columnResizeWidth.d.ts +3 -1
- package/lib/table/pipeline/features/columnResizeWidth.js +36 -12
- package/lib/table/pipeline/pipeline.js +3 -2
- package/package.json +1 -1
package/dist/@kdcloudjs/table.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
*
|
|
3
|
-
* @kdcloudjs/table v1.1.
|
|
3
|
+
* @kdcloudjs/table v1.1.5
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -3879,13 +3879,13 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3879
3879
|
last: footerDataSource.length - 1,
|
|
3880
3880
|
limit: Infinity
|
|
3881
3881
|
}
|
|
3882
|
-
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("div", {
|
|
3882
|
+
}), footerDataSource.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("div", {
|
|
3883
3883
|
className: _styles__WEBPACK_IMPORTED_MODULE_38__["Classes"].verticalScrollPlaceholder,
|
|
3884
3884
|
style: this.hasScrollY ? {
|
|
3885
3885
|
width: this.getScrollBarWidth(),
|
|
3886
3886
|
visibility: 'initial'
|
|
3887
3887
|
} : undefined
|
|
3888
|
-
}));
|
|
3888
|
+
}) : null);
|
|
3889
3889
|
}
|
|
3890
3890
|
}, {
|
|
3891
3891
|
key: "renderLockShadows",
|
|
@@ -4944,18 +4944,48 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4944
4944
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FILL_COLUMN_CODE", function() { return FILL_COLUMN_CODE; });
|
|
4945
4945
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "tableWidthKey", function() { return tableWidthKey; });
|
|
4946
4946
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "autoFillTableWidth", function() { return autoFillTableWidth; });
|
|
4947
|
-
/* harmony import */ var
|
|
4948
|
-
/* harmony import */ var
|
|
4949
|
-
/* harmony import */ var
|
|
4950
|
-
/* harmony import */ var
|
|
4951
|
-
/* harmony import */ var
|
|
4952
|
-
/* harmony import */ var
|
|
4953
|
-
/* harmony import */ var
|
|
4954
|
-
/* harmony import */ var
|
|
4955
|
-
/* harmony import */ var
|
|
4956
|
-
/* harmony import */ var
|
|
4957
|
-
/* harmony import */ var
|
|
4958
|
-
/* harmony import */ var
|
|
4947
|
+
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
|
|
4948
|
+
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
4949
|
+
/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");
|
|
4950
|
+
/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
4951
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
|
|
4952
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
4953
|
+
/* harmony import */ var core_js_modules_es_number_max_safe_integer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.number.max-safe-integer.js */ "./node_modules/core-js/modules/es.number.max-safe-integer.js");
|
|
4954
|
+
/* harmony import */ var core_js_modules_es_number_max_safe_integer_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_max_safe_integer_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
4955
|
+
/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.number.constructor.js */ "./node_modules/core-js/modules/es.number.constructor.js");
|
|
4956
|
+
/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4__);
|
|
4957
|
+
/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.array.find.js */ "./node_modules/core-js/modules/es.array.find.js");
|
|
4958
|
+
/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_5__);
|
|
4959
|
+
/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
|
|
4960
|
+
/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_6__);
|
|
4961
|
+
/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.array.splice.js */ "./node_modules/core-js/modules/es.array.splice.js");
|
|
4962
|
+
/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_7__);
|
|
4963
|
+
/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
|
|
4964
|
+
/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8__);
|
|
4965
|
+
/* harmony import */ var core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.map.js */ "./node_modules/core-js/modules/es.map.js");
|
|
4966
|
+
/* harmony import */ var core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_9__);
|
|
4967
|
+
/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
|
|
4968
|
+
/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_10__);
|
|
4969
|
+
/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
|
|
4970
|
+
/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_11__);
|
|
4971
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
|
|
4972
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_12__);
|
|
4973
|
+
/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.array.find-index.js */ "./node_modules/core-js/modules/es.array.find-index.js");
|
|
4974
|
+
/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_13__);
|
|
4975
|
+
/* harmony import */ var _base_calculations__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../base/calculations */ "./components/table/base/calculations.tsx");
|
|
4976
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../utils */ "./components/table/utils/index.tsx");
|
|
4977
|
+
/* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../base/styles */ "./components/table/base/styles.ts");
|
|
4978
|
+
/* harmony import */ var _columnResizeWidth__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./columnResizeWidth */ "./components/table/pipeline/features/columnResizeWidth.tsx");
|
|
4979
|
+
|
|
4980
|
+
|
|
4981
|
+
|
|
4982
|
+
|
|
4983
|
+
|
|
4984
|
+
|
|
4985
|
+
|
|
4986
|
+
|
|
4987
|
+
|
|
4988
|
+
|
|
4959
4989
|
|
|
4960
4990
|
|
|
4961
4991
|
|
|
@@ -4966,65 +4996,153 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4966
4996
|
|
|
4967
4997
|
var FILL_COLUMN_CODE = '$_fill_column_&';
|
|
4968
4998
|
var tableWidthKey = 'tableWidth';
|
|
4969
|
-
var
|
|
4999
|
+
var FLEX_COLUMN_COUNT = Symbol('flexCount');
|
|
4970
5000
|
var autoFillTableWidth = function autoFillTableWidth() {
|
|
4971
5001
|
return function (pipeline) {
|
|
4972
|
-
var
|
|
4973
|
-
var
|
|
4974
|
-
|
|
4975
|
-
|
|
4976
|
-
|
|
5002
|
+
var flexColumnResult = findFlexColumns(pipeline);
|
|
5003
|
+
var flexCount = flexColumnResult.get(FLEX_COLUMN_COUNT);
|
|
5004
|
+
|
|
5005
|
+
if (flexCount) {
|
|
5006
|
+
// 设置了flex宽度,flex列平分剩余宽度
|
|
5007
|
+
var remainingWidth = getTableRemainingWidth(pipeline) || 0;
|
|
5008
|
+
|
|
5009
|
+
if (remainingWidth > 0) {
|
|
5010
|
+
// 保存剩余的flex总和和剩余宽度总和宽度
|
|
5011
|
+
var residualFlexCount = flexCount;
|
|
5012
|
+
var residualFlexWidth = remainingWidth;
|
|
5013
|
+
var columnSize = pipeline.getFeatureOptions(_columnResizeWidth__WEBPACK_IMPORTED_MODULE_17__["COLUMN_SIZE_KEY"]) || {};
|
|
5014
|
+
pipeline.mapColumns(Object(_utils__WEBPACK_IMPORTED_MODULE_15__["makeRecursiveMapper"])(function (col, recursiveFlatMapInfo) {
|
|
5015
|
+
var isLeaf = recursiveFlatMapInfo.isLeaf;
|
|
5016
|
+
|
|
5017
|
+
if (isLeaf && isValidFlexColumn(col, pipeline)) {
|
|
5018
|
+
var code = col.code,
|
|
5019
|
+
_col$features = col.features,
|
|
5020
|
+
features = _col$features === void 0 ? {} : _col$features;
|
|
5021
|
+
var flex = features.flex,
|
|
5022
|
+
_features$minWidth = features.minWidth,
|
|
5023
|
+
minWidth = _features$minWidth === void 0 ? 0 : _features$minWidth,
|
|
5024
|
+
_features$maxWidth = features.maxWidth,
|
|
5025
|
+
maxWidth = _features$maxWidth === void 0 ? Number.MAX_SAFE_INTEGER : _features$maxWidth;
|
|
5026
|
+
var usedRemainingWidth = Math.floor(remainingWidth * flex / flexCount);
|
|
5027
|
+
var preColWidth = col.width; // 如果当前已经是最后一个flex列,将剩余的宽度添加到该列,其他计算相应的列
|
|
5028
|
+
|
|
5029
|
+
col.width = clamp(minWidth, preColWidth + (residualFlexCount === flex ? residualFlexWidth : usedRemainingWidth), maxWidth);
|
|
5030
|
+
residualFlexCount -= flex;
|
|
5031
|
+
residualFlexWidth -= col.width - preColWidth;
|
|
5032
|
+
columnSize[code] = col.width;
|
|
5033
|
+
}
|
|
4977
5034
|
|
|
4978
|
-
|
|
4979
|
-
|
|
5035
|
+
return col;
|
|
5036
|
+
}));
|
|
5037
|
+
pipeline.setFeatureOptions(_columnResizeWidth__WEBPACK_IMPORTED_MODULE_17__["COLUMN_SIZE_KEY"], columnSize);
|
|
5038
|
+
}
|
|
4980
5039
|
} else {
|
|
4981
|
-
|
|
4982
|
-
var
|
|
4983
|
-
var
|
|
4984
|
-
|
|
4985
|
-
|
|
4986
|
-
|
|
4987
|
-
|
|
4988
|
-
|
|
4989
|
-
|
|
4990
|
-
|
|
4991
|
-
|
|
4992
|
-
|
|
4993
|
-
|
|
4994
|
-
|
|
4995
|
-
|
|
4996
|
-
|
|
5040
|
+
// 未设置了flex宽度,创建占位列
|
|
5041
|
+
var columns = pipeline.getColumns();
|
|
5042
|
+
var fillColumns = columns.find(function (col) {
|
|
5043
|
+
return col.code === FILL_COLUMN_CODE;
|
|
5044
|
+
});
|
|
5045
|
+
var width = getTableRemainingWidth(pipeline) || 0;
|
|
5046
|
+
|
|
5047
|
+
if (fillColumns) {
|
|
5048
|
+
fillColumns.width = width;
|
|
5049
|
+
} else {
|
|
5050
|
+
var rightNestedLockCount = Object(_base_calculations__WEBPACK_IMPORTED_MODULE_14__["getLeftNestedLockCount"])(columns.slice().reverse());
|
|
5051
|
+
var spliceIndex = columns.length - rightNestedLockCount;
|
|
5052
|
+
var _fillColumns = {
|
|
5053
|
+
name: '',
|
|
5054
|
+
code: FILL_COLUMN_CODE,
|
|
5055
|
+
width: width,
|
|
5056
|
+
features: {
|
|
5057
|
+
resizeable: false
|
|
5058
|
+
},
|
|
5059
|
+
getCellProps: function getCellProps(value, record, rowIndex) {
|
|
5060
|
+
return {
|
|
5061
|
+
className: _base_styles__WEBPACK_IMPORTED_MODULE_16__["Classes"].emptyColCell
|
|
5062
|
+
};
|
|
5063
|
+
}
|
|
5064
|
+
};
|
|
5065
|
+
columns.splice(spliceIndex || columns.length, 0, _fillColumns);
|
|
5066
|
+
}
|
|
5067
|
+
|
|
5068
|
+
pipeline.columns(columns);
|
|
4997
5069
|
}
|
|
4998
5070
|
|
|
4999
|
-
pipeline.columns(columns);
|
|
5000
|
-
setAutoFillWidth(pipeline);
|
|
5001
5071
|
return pipeline;
|
|
5072
|
+
|
|
5073
|
+
function findFlexColumns(pipeline) {
|
|
5074
|
+
var result = new Map([[FLEX_COLUMN_COUNT, 0]]);
|
|
5075
|
+
dfs(pipeline.getColumns(), result);
|
|
5076
|
+
return result;
|
|
5077
|
+
|
|
5078
|
+
function dfs(columns, result) {
|
|
5079
|
+
columns.forEach(function (col) {
|
|
5080
|
+
if (Object(_utils__WEBPACK_IMPORTED_MODULE_15__["isLeafNode"])(col)) {
|
|
5081
|
+
if (isValidFlexColumn(col, pipeline)) {
|
|
5082
|
+
result.set(FLEX_COLUMN_COUNT, result.get(FLEX_COLUMN_COUNT) + col.features.flex);
|
|
5083
|
+
}
|
|
5084
|
+
} else {
|
|
5085
|
+
dfs(col.children, result);
|
|
5086
|
+
}
|
|
5087
|
+
});
|
|
5088
|
+
}
|
|
5089
|
+
}
|
|
5002
5090
|
};
|
|
5003
5091
|
};
|
|
5004
5092
|
|
|
5005
|
-
|
|
5093
|
+
function getColumnWidthSum(pipeline) {
|
|
5094
|
+
return dfs(pipeline.getColumns());
|
|
5095
|
+
|
|
5096
|
+
function dfs(columns) {
|
|
5097
|
+
return columns.reduce(function (acc, col) {
|
|
5098
|
+
var width = col.width,
|
|
5099
|
+
code = col.code;
|
|
5100
|
+
|
|
5101
|
+
if (Object(_utils__WEBPACK_IMPORTED_MODULE_15__["isLeafNode"])(col) && code !== FILL_COLUMN_CODE) {
|
|
5102
|
+
var resizeColumn = pipeline.getFeatureOptions(_columnResizeWidth__WEBPACK_IMPORTED_MODULE_17__["COLUMN_SIZE_KEY"]);
|
|
5103
|
+
return acc + (resizeColumn && resizeColumn[code] || width);
|
|
5104
|
+
} else {
|
|
5105
|
+
return acc + dfs(col.children);
|
|
5106
|
+
}
|
|
5107
|
+
}, 0);
|
|
5108
|
+
}
|
|
5109
|
+
}
|
|
5110
|
+
|
|
5111
|
+
function getTableRemainingWidth(pipeline) {
|
|
5006
5112
|
var tableWidth = pipeline.getStateAtKey(tableWidthKey);
|
|
5007
5113
|
if (!tableWidth) return;
|
|
5008
|
-
var
|
|
5009
|
-
|
|
5010
|
-
|
|
5011
|
-
code = col.code;
|
|
5114
|
+
var remainingWidth = Math.floor(tableWidth - getColumnWidthSum(pipeline));
|
|
5115
|
+
return remainingWidth > 0 ? remainingWidth : 0;
|
|
5116
|
+
}
|
|
5012
5117
|
|
|
5013
|
-
|
|
5014
|
-
|
|
5015
|
-
|
|
5016
|
-
|
|
5118
|
+
function isAfterLastResizeCol(column, pipeline) {
|
|
5119
|
+
var lastResizedColumnCode = pipeline.getFeatureOptions(_columnResizeWidth__WEBPACK_IMPORTED_MODULE_17__["LAST_RESIZED_COLUMN_KEY"]);
|
|
5120
|
+
if (lastResizedColumnCode === undefined) return true;
|
|
5121
|
+
var lastResizedColumnIndex = pipeline.getColumns().findIndex(function (col) {
|
|
5122
|
+
return col.code === lastResizedColumnCode;
|
|
5123
|
+
});
|
|
5124
|
+
var colIndex = pipeline.getColumns().findIndex(function (col) {
|
|
5125
|
+
return col.code === column.code;
|
|
5126
|
+
});
|
|
5127
|
+
return colIndex > lastResizedColumnIndex;
|
|
5128
|
+
}
|
|
5017
5129
|
|
|
5018
|
-
|
|
5019
|
-
|
|
5020
|
-
|
|
5021
|
-
|
|
5022
|
-
var preWidth = pipeline.getStateAtKey(fillColumnWidthKey, 0);
|
|
5130
|
+
function isValidFlexColumn(col, pipeline) {
|
|
5131
|
+
var _col$features2;
|
|
5132
|
+
|
|
5133
|
+
var resizeColumn = pipeline.getFeatureOptions(_columnResizeWidth__WEBPACK_IMPORTED_MODULE_17__["RESIZED_COLUMN_KEY"]); // 拖拽列自动禁止flex
|
|
5023
5134
|
|
|
5024
|
-
if (
|
|
5025
|
-
|
|
5135
|
+
if (resizeColumn !== null && resizeColumn !== void 0 && resizeColumn.has(col.code)) {
|
|
5136
|
+
return false;
|
|
5026
5137
|
}
|
|
5027
|
-
|
|
5138
|
+
|
|
5139
|
+
var flex = (_col$features2 = col.features) === null || _col$features2 === void 0 ? void 0 : _col$features2.flex;
|
|
5140
|
+
return typeof flex === 'number' && flex > 0 && isAfterLastResizeCol(col, pipeline);
|
|
5141
|
+
}
|
|
5142
|
+
|
|
5143
|
+
function clamp(min, x, max) {
|
|
5144
|
+
return Math.max(min, Math.min(max, x));
|
|
5145
|
+
}
|
|
5028
5146
|
|
|
5029
5147
|
/***/ }),
|
|
5030
5148
|
|
|
@@ -6227,12 +6345,14 @@ function columnRangeHover() {
|
|
|
6227
6345
|
/*!******************************************************************!*\
|
|
6228
6346
|
!*** ./components/table/pipeline/features/columnResizeWidth.tsx ***!
|
|
6229
6347
|
\******************************************************************/
|
|
6230
|
-
/*! exports provided:
|
|
6348
|
+
/*! exports provided: COLUMN_SIZE_KEY, RESIZED_COLUMN_KEY, LAST_RESIZED_COLUMN_KEY, columnResize */
|
|
6231
6349
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
6232
6350
|
|
|
6233
6351
|
"use strict";
|
|
6234
6352
|
__webpack_require__.r(__webpack_exports__);
|
|
6235
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "
|
|
6353
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "COLUMN_SIZE_KEY", function() { return COLUMN_SIZE_KEY; });
|
|
6354
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RESIZED_COLUMN_KEY", function() { return RESIZED_COLUMN_KEY; });
|
|
6355
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LAST_RESIZED_COLUMN_KEY", function() { return LAST_RESIZED_COLUMN_KEY; });
|
|
6236
6356
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "columnResize", function() { return columnResize; });
|
|
6237
6357
|
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
|
|
6238
6358
|
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
@@ -6250,18 +6370,26 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6250
6370
|
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__);
|
|
6251
6371
|
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
|
|
6252
6372
|
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7__);
|
|
6253
|
-
/* harmony import */ var
|
|
6254
|
-
/* harmony import */ var
|
|
6255
|
-
/* harmony import */ var
|
|
6256
|
-
/* harmony import */ var
|
|
6257
|
-
/* harmony import */ var
|
|
6258
|
-
/* harmony import */ var
|
|
6259
|
-
/* harmony import */ var
|
|
6260
|
-
/* harmony import */ var
|
|
6261
|
-
/* harmony import */ var
|
|
6262
|
-
/* harmony import */ var
|
|
6263
|
-
/* harmony import */ var
|
|
6264
|
-
/* harmony import */ var
|
|
6373
|
+
/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
|
|
6374
|
+
/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8__);
|
|
6375
|
+
/* harmony import */ var core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.set.js */ "./node_modules/core-js/modules/es.set.js");
|
|
6376
|
+
/* harmony import */ var core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_9__);
|
|
6377
|
+
/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
|
|
6378
|
+
/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_10__);
|
|
6379
|
+
/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
|
|
6380
|
+
/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_11__);
|
|
6381
|
+
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
|
|
6382
|
+
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_12__);
|
|
6383
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
|
|
6384
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_13__);
|
|
6385
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! react */ "react");
|
|
6386
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_14__);
|
|
6387
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
6388
|
+
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
|
|
6389
|
+
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
|
|
6390
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../utils */ "./components/table/utils/index.tsx");
|
|
6391
|
+
/* harmony import */ var _internals__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../internals */ "./components/table/internals.ts");
|
|
6392
|
+
/* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../base/styles */ "./components/table/base/styles.ts");
|
|
6265
6393
|
|
|
6266
6394
|
|
|
6267
6395
|
|
|
@@ -6286,8 +6414,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
6286
6414
|
|
|
6287
6415
|
|
|
6288
6416
|
|
|
6289
|
-
|
|
6290
|
-
|
|
6417
|
+
|
|
6418
|
+
|
|
6419
|
+
|
|
6420
|
+
|
|
6421
|
+
var TableHeaderCellResize = styled_components__WEBPACK_IMPORTED_MODULE_15__["default"].div(_templateObject || (_templateObject = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_5___default()(["\n position: absolute;\n top: 0;\n right: -5px;\n height: 100%;\n width: 10px;\n cursor: ew-resize;\n display: flex;\n flex-direction: column;\n align-items: center;\n z-index:1;\n\n &:after {\n content: \"\";\n position: absolute;\n display: block;\n left: calc(50% - 1px);\n width: 1px;\n height: calc(100% - 14px);\n top: 7px;\n }\n"])));
|
|
6422
|
+
var TableHeaderGroupCellResize = Object(styled_components__WEBPACK_IMPORTED_MODULE_15__["default"])(TableHeaderCellResize)(_templateObject2 || (_templateObject2 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_5___default()(["\n &:after {\n height: 100%;\n top: 0;\n }\n"])));
|
|
6291
6423
|
|
|
6292
6424
|
function clamp(min, x, max) {
|
|
6293
6425
|
return Math.max(min, Math.min(max, x));
|
|
@@ -6298,7 +6430,9 @@ function disableSelect(event) {
|
|
|
6298
6430
|
}
|
|
6299
6431
|
|
|
6300
6432
|
var stateKey = 'columnResize';
|
|
6301
|
-
var
|
|
6433
|
+
var COLUMN_SIZE_KEY = 'columnResize';
|
|
6434
|
+
var RESIZED_COLUMN_KEY = 'resizedColumn';
|
|
6435
|
+
var LAST_RESIZED_COLUMN_KEY = 'lastResizedColumn';
|
|
6302
6436
|
function columnResize() {
|
|
6303
6437
|
var _opts$minSize, _opts$fallbackSize, _opts$maxSize;
|
|
6304
6438
|
|
|
@@ -6310,7 +6444,7 @@ function columnResize() {
|
|
|
6310
6444
|
var _ref, _opts$columnSize;
|
|
6311
6445
|
|
|
6312
6446
|
var columnSize = (_ref = (_opts$columnSize = opts.columnSize) !== null && _opts$columnSize !== void 0 ? _opts$columnSize : pipeline.getStateAtKey(stateKey)) !== null && _ref !== void 0 ? _ref : {};
|
|
6313
|
-
var leafColumns = Object(
|
|
6447
|
+
var leafColumns = Object(_utils__WEBPACK_IMPORTED_MODULE_18__["collectNodes"])(pipeline.getColumns(), 'leaf-only');
|
|
6314
6448
|
leafColumns.forEach(function (_ref2) {
|
|
6315
6449
|
var code = _ref2.code,
|
|
6316
6450
|
width = _ref2.width;
|
|
@@ -6322,10 +6456,10 @@ function columnResize() {
|
|
|
6322
6456
|
columnSize[code] = fallbackSize;
|
|
6323
6457
|
}
|
|
6324
6458
|
}
|
|
6325
|
-
}); //
|
|
6459
|
+
}); // 实时存储一份最新的columnSize,与autoFill共用一份数据
|
|
6326
6460
|
// 存在state里可能存到取不到最新的
|
|
6327
6461
|
|
|
6328
|
-
pipeline.setFeatureOptions(
|
|
6462
|
+
pipeline.setFeatureOptions(COLUMN_SIZE_KEY, columnSize);
|
|
6329
6463
|
|
|
6330
6464
|
var onChangeSize = function onChangeSize(nextColumnSize) {
|
|
6331
6465
|
window.requestAnimationFrame(function () {
|
|
@@ -6337,7 +6471,9 @@ function columnResize() {
|
|
|
6337
6471
|
};
|
|
6338
6472
|
|
|
6339
6473
|
var handleDoubleClick = function handleDoubleClick(e, col) {
|
|
6340
|
-
|
|
6474
|
+
var _opts$doubleClickCall;
|
|
6475
|
+
|
|
6476
|
+
(_opts$doubleClickCall = opts.doubleClickCallback) === null || _opts$doubleClickCall === void 0 ? void 0 : _opts$doubleClickCall.call(opts, e, col);
|
|
6341
6477
|
};
|
|
6342
6478
|
|
|
6343
6479
|
var handleMouseDown = function handleMouseDown(e, col) {
|
|
@@ -6345,10 +6481,17 @@ function columnResize() {
|
|
|
6345
6481
|
var changedColumnSize = {};
|
|
6346
6482
|
var startX = e.clientX;
|
|
6347
6483
|
var children = col.children,
|
|
6348
|
-
code = col.code
|
|
6484
|
+
code = col.code,
|
|
6485
|
+
_col$features = col.features,
|
|
6486
|
+
features = _col$features === void 0 ? {} : _col$features;
|
|
6487
|
+
var minWidth = features.minWidth,
|
|
6488
|
+
maxWidth = features.maxWidth;
|
|
6489
|
+
var realMinSize = typeof minWidth === 'number' ? minWidth : minSize;
|
|
6490
|
+
var realMaxSize = typeof maxWidth === 'number' ? maxWidth : maxSize;
|
|
6491
|
+
var columnSize = pipeline.getFeatureOptions(COLUMN_SIZE_KEY);
|
|
6349
6492
|
var recordColumnSize = columnSize;
|
|
6350
6493
|
e.stopPropagation();
|
|
6351
|
-
var nextSize$ = Object(
|
|
6494
|
+
var nextSize$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_16__["fromEvent"])(window, 'mousemove').pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_17__["takeUntil"](Object(rxjs__WEBPACK_IMPORTED_MODULE_16__["fromEvent"])(window, 'mouseup')), rxjs_operators__WEBPACK_IMPORTED_MODULE_17__["map"](function (e) {
|
|
6352
6495
|
var movingX = e.clientX;
|
|
6353
6496
|
|
|
6354
6497
|
var nextColumnSize = _objectSpread({}, columnSize);
|
|
@@ -6357,7 +6500,7 @@ function columnResize() {
|
|
|
6357
6500
|
var deltaRemaining = deltaSum;
|
|
6358
6501
|
|
|
6359
6502
|
if ((children === null || children === void 0 ? void 0 : children.length) > 0) {
|
|
6360
|
-
var leafChildColumns = Object(
|
|
6503
|
+
var leafChildColumns = Object(_utils__WEBPACK_IMPORTED_MODULE_18__["collectNodes"])(children, 'leaf-only');
|
|
6361
6504
|
var childrenWidthSum = leafChildColumns.reduce(function (sum, _ref3) {
|
|
6362
6505
|
var code = _ref3.code;
|
|
6363
6506
|
return sum + columnSize[code];
|
|
@@ -6368,17 +6511,17 @@ function columnResize() {
|
|
|
6368
6511
|
var currentDeltaWidth = Math.round(deltaSum * startSize / childrenWidthSum);
|
|
6369
6512
|
|
|
6370
6513
|
if (index < leafChildColumns.length - 1) {
|
|
6371
|
-
nextColumnSize[code] = clamp(
|
|
6514
|
+
nextColumnSize[code] = clamp(realMinSize, startSize + currentDeltaWidth, realMaxSize);
|
|
6372
6515
|
changedColumnSize[code] = nextColumnSize[code];
|
|
6373
6516
|
deltaRemaining -= currentDeltaWidth;
|
|
6374
6517
|
} else {
|
|
6375
|
-
nextColumnSize[code] = clamp(
|
|
6518
|
+
nextColumnSize[code] = clamp(realMinSize, startSize + deltaRemaining, realMaxSize);
|
|
6376
6519
|
changedColumnSize[code] = nextColumnSize[code];
|
|
6377
6520
|
}
|
|
6378
6521
|
});
|
|
6379
6522
|
} else {
|
|
6380
6523
|
var startSize = columnSize[code];
|
|
6381
|
-
nextColumnSize[code] = clamp(
|
|
6524
|
+
nextColumnSize[code] = clamp(realMinSize, startSize + deltaSum, realMaxSize);
|
|
6382
6525
|
changedColumnSize[code] = nextColumnSize[code];
|
|
6383
6526
|
}
|
|
6384
6527
|
|
|
@@ -6386,7 +6529,16 @@ function columnResize() {
|
|
|
6386
6529
|
return nextColumnSize;
|
|
6387
6530
|
}));
|
|
6388
6531
|
nextSize$.subscribe({
|
|
6389
|
-
next:
|
|
6532
|
+
next: function next(nextColumnSize) {
|
|
6533
|
+
onChangeSize(nextColumnSize); // 由于COLUMN_RESIZE_KEY记录的是全量的列宽,此处记录被改变过的列宽
|
|
6534
|
+
|
|
6535
|
+
var resizedColumnSet = pipeline.getFeatureOptions(RESIZED_COLUMN_KEY) || new Set();
|
|
6536
|
+
Object.keys(changedColumnSize).forEach(function (code) {
|
|
6537
|
+
resizedColumnSet.add(code, changedColumnSize[code]);
|
|
6538
|
+
});
|
|
6539
|
+
pipeline.setFeatureOptions(RESIZED_COLUMN_KEY, resizedColumnSet);
|
|
6540
|
+
pipeline.setFeatureOptions(LAST_RESIZED_COLUMN_KEY, code);
|
|
6541
|
+
},
|
|
6390
6542
|
complete: function complete() {
|
|
6391
6543
|
var changedColumnSizes = Object.keys(changedColumnSize).map(function (code) {
|
|
6392
6544
|
return {
|
|
@@ -6404,26 +6556,26 @@ function columnResize() {
|
|
|
6404
6556
|
});
|
|
6405
6557
|
};
|
|
6406
6558
|
|
|
6407
|
-
var isGroup = Object(
|
|
6408
|
-
return pipeline.mapColumns(Object(
|
|
6559
|
+
var isGroup = Object(_utils__WEBPACK_IMPORTED_MODULE_18__["isGroupColumn"])(pipeline.getColumns());
|
|
6560
|
+
return pipeline.mapColumns(Object(_utils__WEBPACK_IMPORTED_MODULE_18__["makeRecursiveMapper"])(function (col) {
|
|
6409
6561
|
var _columnSize$code;
|
|
6410
6562
|
|
|
6411
|
-
var prevTitle =
|
|
6563
|
+
var prevTitle = _internals__WEBPACK_IMPORTED_MODULE_19__["internals"].safeRenderHeader(col);
|
|
6412
6564
|
var code = col.code,
|
|
6413
6565
|
features = col.features,
|
|
6414
6566
|
width = col.width;
|
|
6415
6567
|
return _objectSpread(_objectSpread({}, col), {}, {
|
|
6416
6568
|
width: (_columnSize$code = columnSize[code]) !== null && _columnSize$code !== void 0 ? _columnSize$code : width,
|
|
6417
|
-
title: /*#__PURE__*/
|
|
6418
|
-
className:
|
|
6569
|
+
title: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_14___default.a.Fragment, null, prevTitle, (features === null || features === void 0 ? void 0 : features.resizeable) !== false && (isGroup ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(TableHeaderGroupCellResize, {
|
|
6570
|
+
className: _base_styles__WEBPACK_IMPORTED_MODULE_20__["Classes"].tableHeaderCellResize,
|
|
6419
6571
|
onDoubleClick: function onDoubleClick(e) {
|
|
6420
6572
|
return handleDoubleClick(e, col);
|
|
6421
6573
|
},
|
|
6422
6574
|
onMouseDown: function onMouseDown(e) {
|
|
6423
6575
|
return handleMouseDown(e, col);
|
|
6424
6576
|
}
|
|
6425
|
-
}) : /*#__PURE__*/
|
|
6426
|
-
className:
|
|
6577
|
+
}) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(TableHeaderCellResize, {
|
|
6578
|
+
className: _base_styles__WEBPACK_IMPORTED_MODULE_20__["Classes"].tableHeaderCellResize,
|
|
6427
6579
|
onDoubleClick: function onDoubleClick(e) {
|
|
6428
6580
|
return handleDoubleClick(e, col);
|
|
6429
6581
|
},
|
|
@@ -6431,7 +6583,7 @@ function columnResize() {
|
|
|
6431
6583
|
return handleMouseDown(e, col);
|
|
6432
6584
|
}
|
|
6433
6585
|
}))),
|
|
6434
|
-
headerCellProps: Object(
|
|
6586
|
+
headerCellProps: Object(_utils__WEBPACK_IMPORTED_MODULE_18__["mergeCellProps"])(col.headerCellProps, {
|
|
6435
6587
|
className: 'resizeable'
|
|
6436
6588
|
})
|
|
6437
6589
|
});
|
|
@@ -10740,8 +10892,9 @@ function useTablePipeline(ctx) {
|
|
|
10740
10892
|
state = _useState2[0],
|
|
10741
10893
|
setState = _useState2[1];
|
|
10742
10894
|
|
|
10743
|
-
var ref = Object(react__WEBPACK_IMPORTED_MODULE_15__["useRef"])({
|
|
10744
|
-
|
|
10895
|
+
var ref = Object(react__WEBPACK_IMPORTED_MODULE_15__["useRef"])({
|
|
10896
|
+
featureOptions: {}
|
|
10897
|
+
});
|
|
10745
10898
|
return new TablePipeline({
|
|
10746
10899
|
state: state,
|
|
10747
10900
|
setState: setState,
|
|
@@ -22783,6 +22936,24 @@ if (isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumb
|
|
|
22783
22936
|
}
|
|
22784
22937
|
|
|
22785
22938
|
|
|
22939
|
+
/***/ }),
|
|
22940
|
+
|
|
22941
|
+
/***/ "./node_modules/core-js/modules/es.number.max-safe-integer.js":
|
|
22942
|
+
/*!********************************************************************!*\
|
|
22943
|
+
!*** ./node_modules/core-js/modules/es.number.max-safe-integer.js ***!
|
|
22944
|
+
\********************************************************************/
|
|
22945
|
+
/*! no static exports found */
|
|
22946
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
22947
|
+
|
|
22948
|
+
var $ = __webpack_require__(/*! ../internals/export */ "./node_modules/core-js/internals/export.js");
|
|
22949
|
+
|
|
22950
|
+
// `Number.MAX_SAFE_INTEGER` constant
|
|
22951
|
+
// https://tc39.es/ecma262/#sec-number.max_safe_integer
|
|
22952
|
+
$({ target: 'Number', stat: true }, {
|
|
22953
|
+
MAX_SAFE_INTEGER: 0x1FFFFFFFFFFFFF
|
|
22954
|
+
});
|
|
22955
|
+
|
|
22956
|
+
|
|
22786
22957
|
/***/ }),
|
|
22787
22958
|
|
|
22788
22959
|
/***/ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js":
|