@kdcloudjs/table 1.1.4-canary.1 → 1.1.4
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 +260 -582
- package/dist/@kdcloudjs/table.js.map +1 -1
- package/dist/@kdcloudjs/table.min.css +1 -1
- package/dist/@kdcloudjs/table.min.js +9 -10
- package/dist/@kdcloudjs/table.min.js.map +1 -1
- package/es/table/base/html-table.js +1 -1
- package/es/table/base/styles.d.ts +2 -7
- package/es/table/base/styles.js +6 -13
- package/es/table/base/table.d.ts +0 -2
- package/es/table/base/table.js +53 -31
- package/es/table/base/utils.d.ts +0 -7
- package/es/table/base/utils.js +1 -29
- package/es/table/pipeline/features/columnDrag.js +4 -5
- package/es/table/pipeline/features/columnFilter.d.ts +2 -2
- package/es/table/pipeline/features/columnFilter.js +15 -35
- package/es/table/pipeline/features/columnResizeWidth.js +1 -1
- package/es/table/pipeline/features/filter/DefaultFilterContent.js +2 -22
- package/es/table/pipeline/features/filter/Filter.d.ts +1 -1
- package/es/table/pipeline/features/filter/Filter.js +20 -16
- package/es/table/pipeline/features/filter/FilterPanel.js +15 -21
- package/es/table/pipeline/features/filter/util.js +4 -4
- package/es/table/pipeline/features/index.d.ts +0 -1
- package/es/table/pipeline/features/index.js +1 -2
- package/es/table/pipeline/features/multiSelect.js +2 -7
- package/es/table/pipeline/features/rangeSelection.d.ts +1 -1
- package/es/table/pipeline/features/rangeSelection.js +28 -156
- package/es/table/pipeline/features/singleSelect.js +0 -4
- package/es/table/pipeline/features/treeMode.d.ts +0 -2
- package/es/table/pipeline/features/treeMode.js +20 -18
- package/es/table/pipeline/pipeline.d.ts +1 -5
- package/es/table/pipeline/pipeline.js +10 -11
- package/es/table/utils/mergeCellProps.js +6 -2
- package/lib/table/base/html-table.js +1 -1
- package/lib/table/base/styles.d.ts +2 -7
- package/lib/table/base/styles.js +6 -13
- package/lib/table/base/table.d.ts +0 -2
- package/lib/table/base/table.js +53 -31
- package/lib/table/base/utils.d.ts +0 -7
- package/lib/table/base/utils.js +1 -35
- package/lib/table/pipeline/features/columnDrag.js +4 -5
- package/lib/table/pipeline/features/columnFilter.d.ts +2 -2
- package/lib/table/pipeline/features/columnFilter.js +15 -33
- package/lib/table/pipeline/features/columnResizeWidth.js +1 -1
- package/lib/table/pipeline/features/filter/DefaultFilterContent.js +1 -23
- package/lib/table/pipeline/features/filter/Filter.d.ts +1 -1
- package/lib/table/pipeline/features/filter/Filter.js +20 -17
- package/lib/table/pipeline/features/filter/FilterPanel.js +14 -21
- package/lib/table/pipeline/features/filter/util.js +4 -4
- package/lib/table/pipeline/features/index.d.ts +0 -1
- package/lib/table/pipeline/features/index.js +1 -15
- package/lib/table/pipeline/features/multiSelect.js +1 -6
- package/lib/table/pipeline/features/rangeSelection.d.ts +1 -1
- package/lib/table/pipeline/features/rangeSelection.js +30 -158
- package/lib/table/pipeline/features/singleSelect.js +0 -4
- package/lib/table/pipeline/features/treeMode.d.ts +0 -2
- package/lib/table/pipeline/features/treeMode.js +22 -19
- package/lib/table/pipeline/pipeline.d.ts +1 -5
- package/lib/table/pipeline/pipeline.js +10 -12
- package/lib/table/utils/mergeCellProps.js +6 -2
- package/package.json +3 -3
- package/es/table/pipeline/features/filter/DefaultFilterIcon.d.ts +0 -5
- package/es/table/pipeline/features/filter/DefaultFilterIcon.js +0 -20
- package/es/table/pipeline/features/footerDataSource.d.ts +0 -9
- package/es/table/pipeline/features/footerDataSource.js +0 -25
- package/es/table/utils/keyCode.d.ts +0 -4
- package/es/table/utils/keyCode.js +0 -4
- package/lib/table/pipeline/features/filter/DefaultFilterIcon.d.ts +0 -5
- package/lib/table/pipeline/features/filter/DefaultFilterIcon.js +0 -30
- package/lib/table/pipeline/features/footerDataSource.d.ts +0 -9
- package/lib/table/pipeline/features/footerDataSource.js +0 -41
- package/lib/table/utils/keyCode.d.ts +0 -4
- package/lib/table/utils/keyCode.js +0 -11
package/dist/@kdcloudjs/table.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
*
|
|
3
|
-
* @kdcloudjs/table v1.1.3
|
|
3
|
+
* @kdcloudjs/table v1.1.3
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -2664,7 +2664,7 @@ function HtmlTable(_ref) {
|
|
|
2664
2664
|
positionStyle.left = hozInfo.stickyLeftMap.get(colIndex);
|
|
2665
2665
|
} else if (colIndex >= fullFlatCount - rightFlatCount) {
|
|
2666
2666
|
positionStyle.position = 'sticky';
|
|
2667
|
-
positionStyle.right = hozInfo.stickyRightMap.get(colIndex) -
|
|
2667
|
+
positionStyle.right = hozInfo.stickyRightMap.get(colIndex) - stickyRightOffset;
|
|
2668
2668
|
}
|
|
2669
2669
|
|
|
2670
2670
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement('td', _objectSpread(_objectSpread(_objectSpread({
|
|
@@ -3235,7 +3235,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3235
3235
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
3236
3236
|
|
|
3237
3237
|
|
|
3238
|
-
var _templateObject, _templateObject2, _templateObject3
|
|
3238
|
+
var _templateObject, _templateObject2, _templateObject3;
|
|
3239
3239
|
|
|
3240
3240
|
|
|
3241
3241
|
|
|
@@ -3246,7 +3246,6 @@ var prefix = 'kd-';
|
|
|
3246
3246
|
var Classes = {
|
|
3247
3247
|
/** BaseTable 表格组件的外层包裹 div */
|
|
3248
3248
|
artTableWrapper: "".concat(prefix, "table-wrapper"),
|
|
3249
|
-
artTableBordered: "".concat(prefix, "table-bordered"),
|
|
3250
3249
|
artTable: "".concat(prefix, "table"),
|
|
3251
3250
|
tableHeaderMain: "".concat(prefix, "table-header-main"),
|
|
3252
3251
|
tableHeader: "".concat(prefix, "table-header"),
|
|
@@ -3290,8 +3289,6 @@ var Classes = {
|
|
|
3290
3289
|
button: "".concat(prefix, "btn"),
|
|
3291
3290
|
buttonPrimary: "".concat(prefix, "btn-primary"),
|
|
3292
3291
|
filterIcon: "".concat(prefix, "filter-icon"),
|
|
3293
|
-
rangeSelection: "".concat(prefix, "range-selection"),
|
|
3294
|
-
tableCellRangeSingleCell: "".concat(prefix, "table-cell-range-single-cell"),
|
|
3295
3292
|
tableCellRangeSelected: "".concat(prefix, "table-cell-range-selected"),
|
|
3296
3293
|
tableCellRangeTop: "".concat(prefix, "table-cell-range-top"),
|
|
3297
3294
|
tableCellRangeLeft: "".concat(prefix, "table-cell-range-left"),
|
|
@@ -3330,7 +3327,7 @@ var Z = {
|
|
|
3330
3327
|
scrollItem: 30,
|
|
3331
3328
|
loadingIndicator: 40
|
|
3332
3329
|
};
|
|
3333
|
-
var outerBorderStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_4__["css"])(_templateObject || (_templateObject = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n border-top: 1px solid #cccccc;\n border-right: 1px solid #cccccc;\n border-bottom: 1px solid #cccccc;\n border-left: 1px solid #cccccc;\n\n td.", ",\n th.", " {\n border-left: none;\n }\n td.", ",\n th.", " {\n border-right: none;\n }\n\n thead tr.", " th,\n tbody tr.", " td {\n border-top: none;\n }\n &.has-footer tfoot tr.", " td {\n border-bottom: none;\n }\n &:not(.has-footer) tbody tr.", " td {\n border-bottom: none;\n }\n td.", ":not(.", "){\n border-left: var(---cell-border-vertical);\n }\n td.", ":not(.", "){\n border-right: var(---cell-border-vertical);\n }\n"])), Classes.first, Classes.first, Classes.last, Classes.last, Classes.first, Classes.first, Classes.last, Classes.last, Classes.rowSpan, Classes.first, Classes.rowSpan, Classes.last);
|
|
3330
|
+
var outerBorderStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_4__["css"])(_templateObject || (_templateObject = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n border-top: 1px solid #cccccc;\n border-right: 1px solid #cccccc;\n border-bottom: 1px solid #cccccc;\n border-left: 1px solid #cccccc;\n\n td.", ",\n th.", " {\n border-left: none;\n }\n td.", ",\n th.", " {\n --border-right: none;\n }\n\n thead tr.", " th,\n tbody tr.", " td {\n border-top: none;\n }\n &.has-footer tfoot tr.", " td {\n border-bottom: none;\n }\n &:not(.has-footer) tbody tr.", " td {\n border-bottom: none;\n }\n td.", ":not(.", "){\n border-left: var(---cell-border-vertical);\n }\n td.", ":not(.", "){\n border-right: var(---cell-border-vertical);\n }\n"])), Classes.first, Classes.first, Classes.last, Classes.last, Classes.first, Classes.first, Classes.last, Classes.last, Classes.rowSpan, Classes.first, Classes.rowSpan, Classes.last);
|
|
3334
3331
|
var defaultCSSVariables = {
|
|
3335
3332
|
'--row-height': '48px',
|
|
3336
3333
|
'--color': '#333',
|
|
@@ -3340,7 +3337,7 @@ var defaultCSSVariables = {
|
|
|
3340
3337
|
'--primary-color': '#5582F3',
|
|
3341
3338
|
'--primary-color-level1': 'rgb(242, 248, 255)',
|
|
3342
3339
|
'--primary-color-level2': 'rgb(135, 173, 255)',
|
|
3343
|
-
'--icon-color': '#
|
|
3340
|
+
'--icon-color': '#bfbfbf',
|
|
3344
3341
|
'--strong-border-color': '#d9d9d9',
|
|
3345
3342
|
'--header-row-height': '32px',
|
|
3346
3343
|
'--header-color': '#333',
|
|
@@ -3356,15 +3353,11 @@ var defaultCSSVariables = {
|
|
|
3356
3353
|
'--cell-border-horizontal': '1px solid #dfe3e8',
|
|
3357
3354
|
'---cell-border-vertical': '1px solid #dfe3e8',
|
|
3358
3355
|
'--header-cell-border': '1px solid #dfe3e8',
|
|
3359
|
-
'--cell-border-
|
|
3360
|
-
'--header-cell-border-horizontal': '1px solid #dfe3e8',
|
|
3361
|
-
'--header-cell-border-vertical': '1px solid #dfe3e8'
|
|
3356
|
+
'--header-cell-border-horizontal': '1px solid #dfe3e8'
|
|
3362
3357
|
};
|
|
3363
3358
|
var variableConst = getCssVariableText(defaultCSSVariables);
|
|
3364
|
-
var
|
|
3365
|
-
var
|
|
3366
|
-
var StyledArtTableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].div(_templateObject4 || (_templateObject4 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n :root {\n ", "\n }\n ", "\n\n box-sizing: border-box;\n * {\n box-sizing: border-box;\n }\n cursor: default;\n color: var(--color);\n font-size: var(--font-size);\n line-height: var(--line-height);\n position: relative;\n\n // \u8868\u683C\u5916\u8FB9\u6846\u7531 art-table-wrapper \u63D0\u4F9B\uFF0C\u800C\u4E0D\u662F\u7531\u5355\u5143\u683C\u63D0\u4F9B\n &.use-outer-border {\n ", ";\n }\n\n // \u8868\u683C\u4E0D\u542F\u7528\u8FB9\u6846\u7EBF\uFF0C\u9690\u85CFth\u3001td\u7684\u5355\u5143\u683C\u5DE6\u53F3\u8FB9\u6846\u7EBF\n &:not(.", ") {\n ", "\n }\n &.", "{\n ", "\n }\n\n .no-scrollbar {\n ::-webkit-scrollbar {\n display: none;\n }\n }\n\n .", " {\n overflow: auto;\n flex-shrink: 1;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n }\n\n .", " {\n overflow: hidden;\n background: var(--header-bgcolor);\n display: flex;\n flex-shrink: 0;\n border-bottom: var(--header-cell-border-horizontal);\n }\n\n .", " {\n display: flex;\n // justify-content: flex-start;\n align-items: center;\n height: inherit;\n }\n\n .", " {\n overflow-x:auto;\n flex-shrink: 0;\n flex-grow: 0;\n scrollbar-width: none; // \u517C\u5BB9\u706B\u72D0\n & {\n ::-webkit-scrollbar {\n display:none;\n }\n }\n }\n\n .", " {\n display: flex;\n flex: none;\n }\n .", ", .", " {\n background: var(--bgcolor);\n overflow: auto;\n overflow-x: hidden;\n overflow-anchor: none;\n position:relative;\n &.empty {\n position: relative;\n }\n }\n\n .", " {\n position: relative;\n }\n .", ", .", " {\n .", "{\n background-color: #e6effb !important;\n }\n .", "{\n border-top: 1px solid #0E5FD8 !important;\n }\n .", "{\n border-left: 1px solid #0E5FD8 !important;\n }\n .", "{\n border-bottom: 1px solid #0E5FD8 !important;\n }\n .", "{\n border-right: 1px solid #0E5FD8 !important;\n }\n }\n \n .", " {\n user-select:none;\n }\n\n\n &.sticky-header .", " {\n position: sticky;\n top: 0;\n z-index: ", ";\n }\n\n &.sticky-footer .", " {\n position: sticky;\n bottom: 0;\n z-index: ", ";\n }\n\n table {\n width: 0;\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: 0;\n display: table;\n margin: 0;\n padding: 0;\n flex-shrink: 0;\n flex-grow: 0;\n position:relative;\n }\n\n // \u5728 tr \u4E0A\u8BBE\u7F6E .no-hover \u53EF\u4EE5\u7981\u7528\u9F20\u6807\u60AC\u505C\u6548\u679C\n tr:not(.no-hover):hover > td {\n background: var(--hover-bgcolor);\n }\n // \u4F7F\u7528 js \u6DFB\u52A0\u60AC\u6D6E\u6548\u679C\n tr:not(.no-hover).row-hover > td {\n background: var(--hover-bgcolor);\n }\n // \u5728 tr \u8BBE\u7F6E highlight \u53EF\u4EE5\u4E3A\u5E95\u4E0B\u7684 td \u8BBE\u7F6E\u4E3A\u9AD8\u4EAE\u8272\n // \u800C\u8BBE\u7F6E .no-highlight \u7684\u8BDD\u5219\u53EF\u4EE5\u7981\u7528\u9AD8\u4EAE\u6548\u679C\uFF1B\n tr:not(.no-highlight).highlight > td {\n background: var(--highlight-bgcolor);\n }\n\n th {\n font-weight: normal;\n text-align: left;\n padding: var(--cell-padding);\n height: var(--header-row-height);\n color: var(--header-color);\n background: var(--header-bgcolor);\n border:1px solid transparent;\n border-right: var(--header-cell-border-vertical);\n border-bottom: var(--header-cell-border-horizontal);\n position: relative;\n }\n\n th.resizeable{\n border-right: var(--header-cell-border-vertical)\n }\n\n th.", " {\n border-right: var(--header-cell-border-vertical);\n border-bottom: none;\n }\n\n tr.", " th {\n border-top: var(--header-cell-border-horizontal);\n }\n th.", " {\n border-left: var(--header-cell-border-vertical);\n }\n\n td {\n padding: var(--cell-padding);\n background: var(--bgcolor);\n height: var(--row-height);\n border:1px solid transparent;\n border-right: var(--cell-border-vertical);\n border-bottom: var(--cell-border-horizontal);\n word-break: break-all;\n }\n td.", " {\n border-left: var(--cell-border-vertical);\n }\n tr.", " td {\n border-top: var(--cell-border-horizontal);\n }\n &.has-header tbody tr.", " td {\n border-top: none;\n }\n &.has-footer tbody tr.", " td {\n border-bottom: none;\n }\n\n .", ",\n .", " {\n z-index: ", ";\n }\n\n //#region \u9501\u5217\u9634\u5F71\n .", " {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: ", ";\n pointer-events: none;\n overflow: hidden;\n\n .", " {\n height: 100%;\n }\n\n .", " {\n margin-right: ", "px;\n box-shadow: none;\n\n &.show-shadow {\n box-shadow: var(--lock-shadow);\n border-right: var(--cell-border-vertical);\n }\n }\n\n .", " {\n margin-left: ", "px;\n box-shadow: none;\n\n &.show-shadow {\n box-shadow: var(--lock-shadow);\n border-left: var(--cell-border-vertical);\n }\n }\n }\n //#endregion\n\n //#region \u7A7A\u8868\u683C\u5C55\u73B0\n .", " {\n pointer-events: none;\n color: #99a3b3;\n font-size: 12px;\n text-align: center;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n\n .empty-image {\n width: 50px;\n height: 50px;\n }\n\n .empty-tips {\n margin-top: 16px;\n line-height: 1.5;\n }\n }\n //#endregion\n\n //#region IE\u517C\u5BB9\n &.ie-polyfill-wrapper {\n //\u9501\u5B9A\u5217\u517C\u5BB9 \u4EC5\u5728\u9501\u5B9A\u5217\u7684\u60C5\u51B5\u4E0B\u751F\u6548\n .", " {\n overflow-x: hidden;\n }\n .", ", .", " {\n position:relative;\n }\n .", " {\n overflow: hidden;\n }\n .", " {\n position: relative;\n }\n\n .", " {\n overflow: auto;\n overflow-x: hidden;\n overflow-anchor: none;\n }\n\n .", ", .", "{\n position: absolute;\n z-index: ", ";\n top: 0;\n }\n .", "{\n left:0;\n }\n .", "{\n right:0;\n }\n\n .", "{\n .", "{\n position: absolute;\n top: 0;\n width: 100%;\n z-index: ", ";\n }\n }\n\n tr:not(.no-hover).row-hover > td {\n background: var(--hover-bgcolor);\n }\n }\n //#endregion\n\n //#region \u7C98\u6027\u6EDA\u52A8\u6761\n .", " {\n overflow-y: hidden;\n overflow-x: auto;\n z-index: ", ";\n flex-shrink: 0;\n flex-grow: 0;\n border-top: 1px solid var(--border-color);\n background: var(--bgcolor);\n }\n\n .", " {\n // \u5FC5\u987B\u6709\u9AD8\u5EA6\u624D\u80FD\u51FA\u73B0\u6EDA\u52A8\u6761\n height: 1px;\n visibility: hidden;\n }\n //#endregion\n\n //#region \u52A0\u8F7D\u6837\u5F0F\n .", " {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: auto;\n\n .", " {\n filter: none;\n width: 100%;\n height: 100%;\n overflow: hidden;//\u5217\u5168\u90E8\u56FA\u5B9A\u65F6\uFF0C\u5B58\u5728\u53CC\u6A2A\u5411\u6EDA\u52A8\u6761\n display: flex;\n position: relative;\n flex-direction: column;\n }\n\n .", " {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n pointer-events: none;\n }\n\n .", " {\n position: sticky;\n z-index: ", ";\n transform: translateY(-50%);\n }\n }\n //#endregion\n\n //#region \u8868\u683C\u8FC7\u6EE4\n .", " {\n color:var(--icon-color);\n &.active{\n color:var(--primary-color);\n }\n padding: 6px 4px;\n &:hover{\n background-color: #e5e5e5;\n }\n }\n .", " {\n display: flex\n }\n //#endregion\n\n //#region \u8868\u683C\u6392\u5E8F\n .", " {\n color:var(--icon-color);\n &.active{\n color:var(--primary-color);\n }\n }\n //#endregion\n\n //#region \u6EDA\u52A8\u6761\u5360\u4F4D\n .", " {\n visibility: hidden;\n flex-shrink: 0;\n }\n .", " .", " {\n border-top: var(--cell-border-horizontal);\n }\n //#endregion\n \n //#region \u62D6\u62FD\u5217\u5BBD\u5927\u5C0F\n .", "::after{\n background-color: var(--border-color);\n }\n //#endregion\n\n "])), variableConst, variableConst, outerBorderStyleMixin, Classes.artTableBordered, notBorderedStyleMixin, Classes.artTableBordered, borderedStyleMixin, Classes.artTable, Classes.tableHeader, Classes.tableHeaderCellContent, Classes.virtual, Classes.tableFooter, Classes.tableBody, Classes.tableFooter, Classes.tableRow, Classes.tableBody, Classes.tableFooter, Classes.tableCellRangeSelected, Classes.tableCellRangeTop, Classes.tableCellRangeLeft, Classes.tableCellRangeBottom, Classes.tableCellRangeRight, Classes.rangeSelection, Classes.tableHeader, Z.header, Classes.tableFooter, Z.footer, Classes.leaf, Classes.first, Classes.first, Classes.first, Classes.first, Classes.first, Classes.last, Classes.lockLeft, Classes.lockRight, Z.lock, Classes.lockShadowMask, Z.lockShadow, Classes.lockShadow, Classes.leftLockShadow, LOCK_SHADOW_PADDING, Classes.rightLockShadow, LOCK_SHADOW_PADDING, Classes.emptyWrapper, Classes.virtual, Classes.tableBody, Classes.tableFooter, Classes.tableHeaderMain, Classes.tableHeader, Classes.tableFooterMain, Classes.fixedLeft, Classes.fixedRight, Z.lock, Classes.fixedLeft, Classes.fixedRight, Classes.rowDetailContainer, Classes.rowDetailItem, Z.rowDetail, Classes.stickyScroll, Z.scrollItem, Classes.stickyScrollItem, Classes.loadingWrapper, Classes.loadingContentWrapper, Classes.loadingIndicatorWrapper, Classes.loadingIndicator, Z.loadingIndicator, Classes.tableFilterTrigger, Classes.filterIcon, Classes.tableSortIcon, Classes.verticalScrollPlaceholder, Classes.tableFooter, Classes.verticalScrollPlaceholder, Classes.tableHeaderCellResize);
|
|
3367
|
-
var ButtonCSS = Object(styled_components__WEBPACK_IMPORTED_MODULE_4__["css"])(_templateObject5 || (_templateObject5 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n ", "\n //#region \u6309\u94AE\n .", "{\n color: var(--color);\n background:#ffffff;\n border:1px solid var(--strong-border-color);\n border-radius: 2px;\n cursor: pointer;\n &:hover{\n color: var(--primary-color);\n border:1px solid var(--primary-color);\n }\n }\n .", " {\n color:#ffffff;\n background-color: var(--primary-color);\n border:none;\n &:hover{\n color:#ffffff;\n background-color: var(--primary-color-level2);\n border:none;\n }\n }\n//#endregion\n"])), variableConst, Classes.button, Classes.buttonPrimary);
|
|
3359
|
+
var StyledArtTableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].div(_templateObject2 || (_templateObject2 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n :root {\n ", "\n }\n ", "\n\n box-sizing: border-box;\n * {\n box-sizing: border-box;\n }\n cursor: default;\n color: var(--color);\n font-size: var(--font-size);\n line-height: var(--line-height);\n position: relative;\n\n // \u8868\u683C\u5916\u8FB9\u6846\u7531 art-table-wrapper \u63D0\u4F9B\uFF0C\u800C\u4E0D\u662F\u7531\u5355\u5143\u683C\u63D0\u4F9B\n &.use-outer-border {\n ", ";\n }\n\n .no-scrollbar {\n ::-webkit-scrollbar {\n display: none;\n }\n }\n\n .", " {\n overflow: auto;\n flex-shrink: 1;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n user-select:none;\n }\n\n .", " {\n overflow: hidden;\n background: var(--header-bgcolor);\n display: flex;\n flex-shrink: 0;\n border-bottom: var(--header-cell-border-horizontal);\n }\n\n .", " {\n display: flex;\n // justify-content: flex-start;\n align-items: center;\n height: inherit;\n }\n\n .", " {\n overflow-x:auto;\n flex-shrink: 0;\n flex-grow: 0;\n scrollbar-width: none; // \u517C\u5BB9\u706B\u72D0\n & {\n ::-webkit-scrollbar {\n display:none;\n }\n }\n }\n\n .", " {\n display: flex;\n flex: none;\n }\n .", ", .", " {\n background: var(--bgcolor);\n overflow: auto;\n overflow-x: hidden;\n overflow-anchor: none;\n position:relative;\n &.empty {\n position: relative;\n }\n }\n\n .", " {\n position: relative;\n }\n .", " {\n .", "{\n background-color: #e6effb !important;\n }\n .", "{\n border-top: 1px solid #0E5FD8 !important;\n }\n .", "{\n border-left: 1px solid #0E5FD8 !important;\n }\n .", "{\n border-bottom: 1px solid #0E5FD8 !important;\n }\n .", "{\n border-right: 1px solid #0E5FD8 !important;\n }\n }\n\n\n &.sticky-header .", " {\n position: sticky;\n top: 0;\n z-index: ", ";\n }\n\n &.sticky-footer .", " {\n position: sticky;\n bottom: 0;\n z-index: ", ";\n }\n\n table {\n width: 0;\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: 0;\n display: table;\n margin: 0;\n padding: 0;\n flex-shrink: 0;\n flex-grow: 0;\n position:relative;\n }\n\n // \u5728 tr \u4E0A\u8BBE\u7F6E .no-hover \u53EF\u4EE5\u7981\u7528\u9F20\u6807\u60AC\u505C\u6548\u679C\n tr:not(.no-hover):hover > td {\n background: var(--hover-bgcolor);\n }\n // \u4F7F\u7528 js \u6DFB\u52A0\u60AC\u6D6E\u6548\u679C\n tr:not(.no-hover).row-hover > td {\n background: var(--hover-bgcolor);\n }\n // \u5728 tr \u8BBE\u7F6E highlight \u53EF\u4EE5\u4E3A\u5E95\u4E0B\u7684 td \u8BBE\u7F6E\u4E3A\u9AD8\u4EAE\u8272\n // \u800C\u8BBE\u7F6E .no-highlight \u7684\u8BDD\u5219\u53EF\u4EE5\u7981\u7528\u9AD8\u4EAE\u6548\u679C\uFF1B\n tr:not(.no-highlight).highlight > td {\n background: var(--highlight-bgcolor);\n }\n\n th {\n font-weight: normal;\n text-align: left;\n padding: var(--cell-padding);\n height: var(--header-row-height);\n color: var(--header-color);\n background: var(--header-bgcolor);\n border:1px solid transparent;\n border-right: var(--header-cell-border-vertical);\n border-bottom: var(--header-cell-border-horizontal);\n position: relative;\n }\n\n th.resizeable{\n border-right:none\n }\n\n th.", " {\n border-right: none;\n border-bottom: none;\n }\n\n tr.", " th {\n border-top: var(--header-cell-border-horizontal);\n }\n th.", " {\n border-left: var(--header-cell-border-vertical);\n }\n\n td {\n padding: var(--cell-padding);\n background: var(--bgcolor);\n height: var(--row-height);\n border:1px solid transparent;\n border-right: var(--cell-border-vertical);\n border-bottom: var(--cell-border-horizontal);\n word-break: break-all;\n }\n td.", " {\n border-left: var(--cell-border-vertical);\n }\n tr.", " td {\n border-top: var(--cell-border-horizontal);\n }\n &.has-header tbody tr.", " td {\n border-top: none;\n }\n &.has-footer tbody tr.", " td {\n border-bottom: none;\n }\n\n .", ",\n .", " {\n z-index: ", ";\n }\n\n //#region \u9501\u5217\u9634\u5F71\n .", " {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: ", ";\n pointer-events: none;\n overflow: hidden;\n\n .", " {\n height: 100%;\n }\n\n .", " {\n margin-right: ", "px;\n box-shadow: none;\n\n &.show-shadow {\n box-shadow: var(--lock-shadow);\n border-right: var(--cell-border-vertical);\n }\n }\n\n .", " {\n margin-left: ", "px;\n box-shadow: none;\n\n &.show-shadow {\n box-shadow: var(--lock-shadow);\n border-left: var(--cell-border-vertical);\n }\n }\n }\n //#endregion\n\n //#region \u7A7A\u8868\u683C\u5C55\u73B0\n .", " {\n pointer-events: none;\n color: #99a3b3;\n font-size: 12px;\n text-align: center;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n\n .empty-image {\n width: 50px;\n height: 50px;\n }\n\n .empty-tips {\n margin-top: 16px;\n line-height: 1.5;\n }\n }\n //#endregion\n\n //#region IE\u517C\u5BB9\n &.ie-polyfill-wrapper {\n //\u9501\u5B9A\u5217\u517C\u5BB9 \u4EC5\u5728\u9501\u5B9A\u5217\u7684\u60C5\u51B5\u4E0B\u751F\u6548\n .", " {\n overflow-x: hidden;\n }\n .", ", .", " {\n position:relative;\n }\n .", " {\n overflow: hidden;\n }\n .", " {\n position: relative;\n }\n\n .", " {\n overflow: auto;\n overflow-x: hidden;\n overflow-anchor: none;\n }\n\n .", ", .", "{\n position: absolute;\n z-index: ", ";\n top: 0;\n }\n .", "{\n left:0;\n }\n .", "{\n right:0;\n }\n\n .", "{\n .", "{\n position: absolute;\n top: 0;\n width: 100%;\n z-index: ", ";\n }\n }\n\n tr:not(.no-hover).row-hover > td {\n background: var(--hover-bgcolor);\n }\n }\n //#endregion\n\n //#region \u7C98\u6027\u6EDA\u52A8\u6761\n .", " {\n overflow-y: hidden;\n overflow-x: auto;\n z-index: ", ";\n flex-shrink: 0;\n flex-grow: 0;\n border-top: 1px solid var(--border-color);\n background: var(--bgcolor);\n }\n\n .", " {\n // \u5FC5\u987B\u6709\u9AD8\u5EA6\u624D\u80FD\u51FA\u73B0\u6EDA\u52A8\u6761\n height: 1px;\n visibility: hidden;\n }\n //#endregion\n\n //#region \u52A0\u8F7D\u6837\u5F0F\n .", " {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: auto;\n\n .", " {\n filter: none;\n width: 100%;\n height: 100%;\n overflow: auto;\n display: flex;\n position: relative;\n flex-direction: column;\n }\n\n .", " {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n pointer-events: none;\n }\n\n .", " {\n position: sticky;\n z-index: ", ";\n transform: translateY(-50%);\n }\n }\n //#endregion\n\n //#region \u8868\u683C\u8FC7\u6EE4\n .", " {\n color:var(--icon-color);\n &.active{\n color:var(--primary-color);\n }\n }\n //#endregion\n\n //#region \u8868\u683C\u6392\u5E8F\n .", " {\n color:var(--icon-color);\n &.active{\n color:var(--primary-color);\n }\n }\n //#endregion\n\n //#region \u6EDA\u52A8\u6761\u5360\u4F4D\n .", " {\n visibility: hidden;\n flex-shrink: 0;\n }\n .", " .", " {\n border-top: var(--cell-border-horizontal);\n }\n //#endregion\n "])), variableConst, variableConst, outerBorderStyleMixin, Classes.artTable, Classes.tableHeader, Classes.tableHeaderCellContent, Classes.virtual, Classes.tableFooter, Classes.tableBody, Classes.tableFooter, Classes.tableRow, Classes.tableBody, Classes.tableCellRangeSelected, Classes.tableCellRangeTop, Classes.tableCellRangeLeft, Classes.tableCellRangeBottom, Classes.tableCellRangeRight, Classes.tableHeader, Z.header, Classes.tableFooter, Z.footer, Classes.leaf, Classes.first, Classes.first, Classes.first, Classes.first, Classes.first, Classes.last, Classes.lockLeft, Classes.lockRight, Z.lock, Classes.lockShadowMask, Z.lockShadow, Classes.lockShadow, Classes.leftLockShadow, LOCK_SHADOW_PADDING, Classes.rightLockShadow, LOCK_SHADOW_PADDING, Classes.emptyWrapper, Classes.virtual, Classes.tableBody, Classes.tableFooter, Classes.tableHeaderMain, Classes.tableHeader, Classes.tableFooterMain, Classes.fixedLeft, Classes.fixedRight, Z.lock, Classes.fixedLeft, Classes.fixedRight, Classes.rowDetailContainer, Classes.rowDetailItem, Z.rowDetail, Classes.stickyScroll, Z.scrollItem, Classes.stickyScrollItem, Classes.loadingWrapper, Classes.loadingContentWrapper, Classes.loadingIndicatorWrapper, Classes.loadingIndicator, Z.loadingIndicator, Classes.tableFilterTrigger, Classes.tableSortIcon, Classes.verticalScrollPlaceholder, Classes.tableFooter, Classes.verticalScrollPlaceholder);
|
|
3360
|
+
var ButtonCSS = Object(styled_components__WEBPACK_IMPORTED_MODULE_4__["css"])(_templateObject3 || (_templateObject3 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n ", "\n //#region \u6309\u94AE\n .", "{\n color: var(--color);\n background:#ffffff;\n border:1px solid var(--strong-border-color);\n border-radius: 2px;\n cursor: pointer;\n &:hover{\n color: var(--primary-color);\n border:1px solid var(--primary-color);\n }\n }\n .", " {\n color:#ffffff;\n background-color: var(--primary-color);\n border:none;\n &:hover{\n color:#ffffff;\n background-color: var(--primary-color-level2);\n border:none;\n }\n }\n//#endregion\n"])), variableConst, Classes.button, Classes.buttonPrimary);
|
|
3368
3361
|
|
|
3369
3362
|
function getCssVariableText(obj) {
|
|
3370
3363
|
return Object.keys(obj).reduce(function (acc, key) {
|
|
@@ -3407,22 +3400,22 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3407
3400
|
/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_9__);
|
|
3408
3401
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
|
|
3409
3402
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10__);
|
|
3410
|
-
/* harmony import */ var
|
|
3411
|
-
/* harmony import */ var
|
|
3412
|
-
/* harmony import */ var
|
|
3413
|
-
/* harmony import */ var
|
|
3414
|
-
/* harmony import */ var
|
|
3415
|
-
/* harmony import */ var
|
|
3416
|
-
/* harmony import */ var
|
|
3417
|
-
/* harmony import */ var
|
|
3418
|
-
/* harmony import */ var
|
|
3419
|
-
/* harmony import */ var
|
|
3420
|
-
/* harmony import */ var
|
|
3421
|
-
/* harmony import */ var
|
|
3422
|
-
/* harmony import */ var
|
|
3423
|
-
/* harmony import */ var
|
|
3424
|
-
/* harmony import */ var
|
|
3425
|
-
/* harmony import */ var
|
|
3403
|
+
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/classCallCheck.js");
|
|
3404
|
+
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_11__);
|
|
3405
|
+
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/createClass.js");
|
|
3406
|
+
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_12__);
|
|
3407
|
+
/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @babel/runtime/helpers/assertThisInitialized */ "./node_modules/@babel/runtime/helpers/assertThisInitialized.js");
|
|
3408
|
+
/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13__);
|
|
3409
|
+
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "./node_modules/@babel/runtime/helpers/inherits.js");
|
|
3410
|
+
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_14__);
|
|
3411
|
+
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js");
|
|
3412
|
+
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_15__);
|
|
3413
|
+
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js");
|
|
3414
|
+
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_16__);
|
|
3415
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
|
|
3416
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17__);
|
|
3417
|
+
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
|
|
3418
|
+
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_18__);
|
|
3426
3419
|
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
|
|
3427
3420
|
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_19__);
|
|
3428
3421
|
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
|
|
@@ -3453,8 +3446,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3453
3446
|
/* harmony import */ var _loading__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./loading */ "./components/table/base/loading.tsx");
|
|
3454
3447
|
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./styles */ "./components/table/base/styles.ts");
|
|
3455
3448
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./utils */ "./components/table/base/utils.tsx");
|
|
3456
|
-
/* harmony import */ var
|
|
3457
|
-
/* harmony import */ var
|
|
3449
|
+
/* harmony import */ var css_vars_ponyfill__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! css-vars-ponyfill */ "./node_modules/css-vars-ponyfill/dist/css-vars-ponyfill.esm.js");
|
|
3450
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../utils */ "./components/table/utils/index.tsx");
|
|
3451
|
+
/* harmony import */ var _renderTemplates__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./renderTemplates */ "./components/table/base/renderTemplates.tsx");
|
|
3458
3452
|
|
|
3459
3453
|
|
|
3460
3454
|
|
|
@@ -3489,7 +3483,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
3489
3483
|
|
|
3490
3484
|
|
|
3491
3485
|
|
|
3492
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super =
|
|
3486
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_16___default()(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_16___default()(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_15___default()(this, result); }; }
|
|
3493
3487
|
|
|
3494
3488
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
3495
3489
|
|
|
@@ -3509,48 +3503,75 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
|
|
|
3509
3503
|
|
|
3510
3504
|
|
|
3511
3505
|
|
|
3506
|
+
|
|
3507
|
+
|
|
3508
|
+
var cssPolifill = function cssPolifill(_ref) {
|
|
3509
|
+
var variables = _ref.variables,
|
|
3510
|
+
enableCSSVariables = _ref.enableCSSVariables;
|
|
3511
|
+
|
|
3512
|
+
// const style = document.createElement('style')
|
|
3513
|
+
// style.type = 'text/css'
|
|
3514
|
+
// style.innerHTML = '.aaa{ --color: red; }'
|
|
3515
|
+
// document.getElementsByTagName('head').item(0).appendChild(style)
|
|
3516
|
+
// const variableNames = variableConst.match(/--.*?(?=:)/g)
|
|
3517
|
+
// variables = variableNames.map((name) => rootElement.style[name])
|
|
3518
|
+
if (enableCSSVariables === false) {
|
|
3519
|
+
return;
|
|
3520
|
+
}
|
|
3521
|
+
|
|
3522
|
+
Object(css_vars_ponyfill__WEBPACK_IMPORTED_MODULE_40__["default"])({
|
|
3523
|
+
// exclude: 'link[href*="semantic-ui"]',
|
|
3524
|
+
// onlyLegacy: false,
|
|
3525
|
+
// rootElement: rootElement,
|
|
3526
|
+
include: 'style[data-styled]',
|
|
3527
|
+
variables: _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_18___default()({}, _styles__WEBPACK_IMPORTED_MODULE_38__["defaultCSSVariables"], variables),
|
|
3528
|
+
watch: true,
|
|
3529
|
+
silent: true
|
|
3530
|
+
});
|
|
3531
|
+
};
|
|
3532
|
+
|
|
3512
3533
|
var propsDotEmptyContentDeprecatedWarned = false;
|
|
3513
3534
|
|
|
3514
3535
|
function warnPropsDotEmptyContentIsDeprecated() {
|
|
3515
3536
|
if (!propsDotEmptyContentDeprecatedWarned) {
|
|
3516
3537
|
propsDotEmptyContentDeprecatedWarned = true;
|
|
3517
|
-
|
|
3538
|
+
_utils__WEBPACK_IMPORTED_MODULE_41__["console"].warn('BaseTable props.emptyContent 已经过时,请使用 props.components.EmptyContent 来自定义数据为空时的表格表现');
|
|
3518
3539
|
}
|
|
3519
3540
|
}
|
|
3520
3541
|
|
|
3521
3542
|
var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
3522
|
-
|
|
3543
|
+
_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_14___default()(BaseTable, _React$Component);
|
|
3523
3544
|
|
|
3524
3545
|
var _super = _createSuper(BaseTable);
|
|
3525
3546
|
|
|
3526
3547
|
function BaseTable(props) {
|
|
3527
3548
|
var _this;
|
|
3528
3549
|
|
|
3529
|
-
|
|
3550
|
+
_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_11___default()(this, BaseTable);
|
|
3530
3551
|
|
|
3531
3552
|
_this = _super.call(this, props);
|
|
3532
3553
|
|
|
3533
|
-
|
|
3554
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13___default()(_this), "rowHeightManager", Object(_helpers_rowHeightManager__WEBPACK_IMPORTED_MODULE_34__["makeRowHeightManager"])(_this.props.dataSource.length, _this.props.estimatedRowHeight));
|
|
3534
3555
|
|
|
3535
|
-
|
|
3556
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13___default()(_this), "artTableWrapperRef", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createRef());
|
|
3536
3557
|
|
|
3537
|
-
|
|
3558
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13___default()(_this), "domHelper", void 0);
|
|
3538
3559
|
|
|
3539
|
-
|
|
3560
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13___default()(_this), "rootSubscription", new rxjs__WEBPACK_IMPORTED_MODULE_28__["Subscription"]());
|
|
3540
3561
|
|
|
3541
|
-
|
|
3562
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13___default()(_this), "lastInfo", void 0);
|
|
3542
3563
|
|
|
3543
|
-
|
|
3564
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13___default()(_this), "props$", void 0);
|
|
3544
3565
|
|
|
3545
|
-
|
|
3566
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13___default()(_this), "hasScrollY", false);
|
|
3546
3567
|
|
|
3547
|
-
|
|
3568
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13___default()(_this), "resizeObserver", void 0);
|
|
3548
3569
|
|
|
3549
|
-
|
|
3570
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13___default()(_this), "resizeSubject", new rxjs__WEBPACK_IMPORTED_MODULE_28__["Subject"]());
|
|
3550
3571
|
|
|
3551
|
-
|
|
3572
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13___default()(_this), "offsetY", 0);
|
|
3552
3573
|
|
|
3553
|
-
|
|
3574
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13___default()(_this), "handleRowMouseEnter", function (e) {
|
|
3554
3575
|
var nodeList = _this.domHelper.getRowNodeListByEvent(e);
|
|
3555
3576
|
|
|
3556
3577
|
nodeList && nodeList.forEach(function (node) {
|
|
@@ -3558,7 +3579,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3558
3579
|
});
|
|
3559
3580
|
});
|
|
3560
3581
|
|
|
3561
|
-
|
|
3582
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13___default()(_this), "handleRowMouseLeave", function (e) {
|
|
3562
3583
|
var nodeList = _this.domHelper.getRowNodeListByEvent(e);
|
|
3563
3584
|
|
|
3564
3585
|
nodeList && nodeList.forEach(function (node) {
|
|
@@ -3566,7 +3587,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3566
3587
|
});
|
|
3567
3588
|
});
|
|
3568
3589
|
|
|
3569
|
-
|
|
3590
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13___default()(_this), "renderTableBody", function (info) {
|
|
3570
3591
|
// console.log('render body')
|
|
3571
3592
|
var _this$props = _this.props,
|
|
3572
3593
|
dataSource = _this$props.dataSource,
|
|
@@ -3577,7 +3598,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3577
3598
|
footerDataSource = _this$props.footerDataSource;
|
|
3578
3599
|
var tableBodyClassName = classnames__WEBPACK_IMPORTED_MODULE_26___default()(_styles__WEBPACK_IMPORTED_MODULE_38__["Classes"].tableBody, _styles__WEBPACK_IMPORTED_MODULE_38__["Classes"].horizontalScrollContainer); // 低版本Edge浏览器下也会出现双滚动条,这里设置overflow: 'hidden',先去掉edge的方向键控制滚动条的功能
|
|
3579
3600
|
|
|
3580
|
-
var virtualStyle =
|
|
3601
|
+
var virtualStyle = _utils__WEBPACK_IMPORTED_MODULE_41__["browserType"].isIE || _utils__WEBPACK_IMPORTED_MODULE_41__["browserType"].isEdge ? {
|
|
3581
3602
|
overflow: 'hidden'
|
|
3582
3603
|
} : {};
|
|
3583
3604
|
|
|
@@ -3615,7 +3636,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3615
3636
|
topBlank = _info$verticalRenderR.topBlank,
|
|
3616
3637
|
bottomIndex = _info$verticalRenderR.bottomIndex;
|
|
3617
3638
|
var stickyRightOffset = _this.hasScrollY ? _this.getScrollBarWidth() : 0;
|
|
3618
|
-
var renderBody = Object(
|
|
3639
|
+
var renderBody = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_42__["default"])('body');
|
|
3619
3640
|
|
|
3620
3641
|
if (typeof renderBody === 'function') {
|
|
3621
3642
|
return renderBody(info, _this.props, {
|
|
@@ -3678,13 +3699,13 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3678
3699
|
/** 自定义滚动条宽度为table宽度,使滚动条滑块宽度相同 */
|
|
3679
3700
|
|
|
3680
3701
|
|
|
3681
|
-
|
|
3702
|
+
_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_12___default()(BaseTable, [{
|
|
3682
3703
|
key: "getDoms",
|
|
3683
3704
|
value: // 最近一次渲染的计算结果缓存
|
|
3684
3705
|
|
|
3685
3706
|
/** @deprecated BaseTable.getDoms() 已经过时,请勿调用 */
|
|
3686
3707
|
function getDoms() {
|
|
3687
|
-
|
|
3708
|
+
_utils__WEBPACK_IMPORTED_MODULE_41__["console"].warn('[kd-table] BaseTable.getDoms() 已经过时');
|
|
3688
3709
|
return this.domHelper;
|
|
3689
3710
|
}
|
|
3690
3711
|
}, {
|
|
@@ -3754,7 +3775,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3754
3775
|
var _this$props4 = this.props,
|
|
3755
3776
|
stickyTop = _this$props4.stickyTop,
|
|
3756
3777
|
hasHeader = _this$props4.hasHeader;
|
|
3757
|
-
var renderHeader = Object(
|
|
3778
|
+
var renderHeader = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_42__["default"])('header');
|
|
3758
3779
|
|
|
3759
3780
|
if (typeof renderHeader === 'function') {
|
|
3760
3781
|
return renderHeader(info, this.props);
|
|
@@ -3847,7 +3868,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3847
3868
|
getRowProps = _this$props5.getRowProps,
|
|
3848
3869
|
primaryKey = _this$props5.primaryKey,
|
|
3849
3870
|
stickyBottom = _this$props5.stickyBottom;
|
|
3850
|
-
var renderFooter = Object(
|
|
3871
|
+
var renderFooter = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_42__["default"])('footer');
|
|
3851
3872
|
|
|
3852
3873
|
if (typeof renderFooter === 'function') {
|
|
3853
3874
|
return renderFooter(info, this.props, {
|
|
@@ -3931,8 +3952,6 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3931
3952
|
}, {
|
|
3932
3953
|
key: "render",
|
|
3933
3954
|
value: function render() {
|
|
3934
|
-
var _cx;
|
|
3935
|
-
|
|
3936
3955
|
// console.log('render table')
|
|
3937
3956
|
var info = Object(_calculations__WEBPACK_IMPORTED_MODULE_30__["calculateRenderInfo"])(this);
|
|
3938
3957
|
this.lastInfo = info;
|
|
@@ -3948,31 +3967,30 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3948
3967
|
isLoading = _this$props7.isLoading,
|
|
3949
3968
|
getTableProps = _this$props7.getTableProps,
|
|
3950
3969
|
footerDataSource = _this$props7.footerDataSource,
|
|
3951
|
-
components = _this$props7.components
|
|
3952
|
-
|
|
3953
|
-
var artTableWrapperClassName = classnames__WEBPACK_IMPORTED_MODULE_26___default()(_styles__WEBPACK_IMPORTED_MODULE_38__["Classes"].artTableWrapper, (_cx = {
|
|
3970
|
+
components = _this$props7.components;
|
|
3971
|
+
var artTableWrapperClassName = classnames__WEBPACK_IMPORTED_MODULE_26___default()(_styles__WEBPACK_IMPORTED_MODULE_38__["Classes"].artTableWrapper, {
|
|
3954
3972
|
'use-outer-border': useOuterBorder,
|
|
3955
3973
|
empty: dataSource.length === 0,
|
|
3956
3974
|
lock: info.hasLockColumn,
|
|
3957
3975
|
'has-header': hasHeader,
|
|
3958
3976
|
'sticky-header': isStickyHeader !== null && isStickyHeader !== void 0 ? isStickyHeader : isStickyHead,
|
|
3959
3977
|
'has-footer': footerDataSource.length > 0,
|
|
3960
|
-
'sticky-footer': isStickyFooter
|
|
3961
|
-
|
|
3978
|
+
'sticky-footer': isStickyFooter,
|
|
3979
|
+
'ie-polyfill-wrapper': _utils__WEBPACK_IMPORTED_MODULE_41__["browserType"].isIE
|
|
3980
|
+
}, className);
|
|
3962
3981
|
|
|
3963
|
-
var artTableWrapperProps =
|
|
3982
|
+
var artTableWrapperProps = _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()({
|
|
3964
3983
|
className: artTableWrapperClassName,
|
|
3965
3984
|
style: style
|
|
3966
3985
|
}, _utils__WEBPACK_IMPORTED_MODULE_39__["STYLED_REF_PROP"], this.artTableWrapperRef);
|
|
3967
3986
|
|
|
3968
|
-
var tableProps = getTableProps() || {};
|
|
3969
3987
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_styles__WEBPACK_IMPORTED_MODULE_38__["StyledArtTableWrapper"], artTableWrapperProps, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_loading__WEBPACK_IMPORTED_MODULE_37__["default"], {
|
|
3970
3988
|
visible: isLoading,
|
|
3971
3989
|
LoadingIcon: components.LoadingIcon,
|
|
3972
3990
|
LoadingContentWrapper: components.LoadingContentWrapper
|
|
3973
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("div",
|
|
3974
|
-
className:
|
|
3975
|
-
}), this.renderTableHeader(info), this.renderTableBody(info), this.renderTableFooter(info), this.renderLockShadows(info)), this.renderStickyScroll(info)));
|
|
3991
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_18___default()({
|
|
3992
|
+
className: _styles__WEBPACK_IMPORTED_MODULE_38__["Classes"].artTable
|
|
3993
|
+
}, getTableProps()), this.renderTableHeader(info), this.renderTableBody(info), this.renderTableFooter(info), this.renderLockShadows(info)), this.renderStickyScroll(info)));
|
|
3976
3994
|
}
|
|
3977
3995
|
}, {
|
|
3978
3996
|
key: "componentDidMount",
|
|
@@ -3989,12 +4007,10 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3989
4007
|
|
|
3990
4008
|
var _this$props8 = this.props,
|
|
3991
4009
|
cssVariables = _this$props8.cssVariables,
|
|
3992
|
-
enableCSSVariables = _this$props8.enableCSSVariables
|
|
3993
|
-
|
|
3994
|
-
Object(_utils__WEBPACK_IMPORTED_MODULE_39__["cssPolifill"])({
|
|
4010
|
+
enableCSSVariables = _this$props8.enableCSSVariables;
|
|
4011
|
+
cssPolifill({
|
|
3995
4012
|
variables: cssVariables || {},
|
|
3996
|
-
enableCSSVariables: enableCSSVariables
|
|
3997
|
-
bordered: bordered
|
|
4013
|
+
enableCSSVariables: enableCSSVariables
|
|
3998
4014
|
});
|
|
3999
4015
|
(_this$props$setTableW2 = (_this$props9 = this.props).setTableWidth) === null || _this$props$setTableW2 === void 0 ? void 0 : _this$props$setTableW2.call(_this$props9, this.domHelper.tableBody.clientWidth);
|
|
4000
4016
|
(_this$props$setTableD = (_this$props10 = this.props).setTableDomHelper) === null || _this$props$setTableD === void 0 ? void 0 : _this$props$setTableD.call(_this$props10, this.domHelper);
|
|
@@ -4066,15 +4082,15 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
4066
4082
|
|
|
4067
4083
|
this.rootSubscription.add(Object(rxjs__WEBPACK_IMPORTED_MODULE_28__["combineLatest"])([richVisibleRects$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_29__["map"](function (p) {
|
|
4068
4084
|
return p.clipRect;
|
|
4069
|
-
}), rxjs_operators__WEBPACK_IMPORTED_MODULE_29__["distinctUntilChanged"](_utils__WEBPACK_IMPORTED_MODULE_39__["shallowEqual"])), this.props$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_29__["startWith"](null), rxjs_operators__WEBPACK_IMPORTED_MODULE_29__["pairwise"](), rxjs_operators__WEBPACK_IMPORTED_MODULE_29__["filter"](function (
|
|
4070
|
-
var
|
|
4071
|
-
prevProps =
|
|
4072
|
-
props =
|
|
4085
|
+
}), rxjs_operators__WEBPACK_IMPORTED_MODULE_29__["distinctUntilChanged"](_utils__WEBPACK_IMPORTED_MODULE_39__["shallowEqual"])), this.props$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_29__["startWith"](null), rxjs_operators__WEBPACK_IMPORTED_MODULE_29__["pairwise"](), rxjs_operators__WEBPACK_IMPORTED_MODULE_29__["filter"](function (_ref2) {
|
|
4086
|
+
var _ref3 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10___default()(_ref2, 2),
|
|
4087
|
+
prevProps = _ref3[0],
|
|
4088
|
+
props = _ref3[1];
|
|
4073
4089
|
|
|
4074
4090
|
return prevProps == null || !prevProps.isLoading && props.isLoading;
|
|
4075
|
-
}))]).subscribe(function (
|
|
4076
|
-
var
|
|
4077
|
-
clipRect =
|
|
4091
|
+
}))]).subscribe(function (_ref4) {
|
|
4092
|
+
var _ref5 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10___default()(_ref4, 1),
|
|
4093
|
+
clipRect = _ref5[0];
|
|
4078
4094
|
|
|
4079
4095
|
var loadingIndicator = _this2.domHelper.getLoadingIndicator();
|
|
4080
4096
|
|
|
@@ -4093,9 +4109,9 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
4093
4109
|
horizontal = _this2$lastInfo$useVi.horizontal,
|
|
4094
4110
|
vertical = _this2$lastInfo$useVi.vertical;
|
|
4095
4111
|
return horizontal || vertical;
|
|
4096
|
-
}), rxjs_operators__WEBPACK_IMPORTED_MODULE_29__["map"](function (
|
|
4097
|
-
var clipRect =
|
|
4098
|
-
offsetY =
|
|
4112
|
+
}), rxjs_operators__WEBPACK_IMPORTED_MODULE_29__["map"](function (_ref6) {
|
|
4113
|
+
var clipRect = _ref6.clipRect,
|
|
4114
|
+
offsetY = _ref6.offsetY;
|
|
4099
4115
|
return {
|
|
4100
4116
|
maxRenderHeight: clipRect.bottom - clipRect.top,
|
|
4101
4117
|
maxRenderWidth: clipRect.right - clipRect.left,
|
|
@@ -4112,9 +4128,9 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
4112
4128
|
})).subscribe(function (sizeAndOffset) {
|
|
4113
4129
|
_this2.setState(sizeAndOffset);
|
|
4114
4130
|
}));
|
|
4115
|
-
this.rootSubscription.add(richVisibleRects$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_29__["map"](function (
|
|
4116
|
-
var clipRect =
|
|
4117
|
-
offsetY =
|
|
4131
|
+
this.rootSubscription.add(richVisibleRects$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_29__["map"](function (_ref7) {
|
|
4132
|
+
var clipRect = _ref7.clipRect,
|
|
4133
|
+
offsetY = _ref7.offsetY;
|
|
4118
4134
|
return {
|
|
4119
4135
|
maxRenderHeight: clipRect.bottom - clipRect.top,
|
|
4120
4136
|
maxRenderWidth: clipRect.right - clipRect.left,
|
|
@@ -4260,7 +4276,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
4260
4276
|
return BaseTable;
|
|
4261
4277
|
}(react__WEBPACK_IMPORTED_MODULE_27___default.a.Component);
|
|
4262
4278
|
|
|
4263
|
-
|
|
4279
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(BaseTable, "defaultProps", {
|
|
4264
4280
|
hasHeader: true,
|
|
4265
4281
|
isStickyHeader: true,
|
|
4266
4282
|
stickyTop: 0,
|
|
@@ -4285,7 +4301,7 @@ _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(Ba
|
|
|
4285
4301
|
/*!*****************************************!*\
|
|
4286
4302
|
!*** ./components/table/base/utils.tsx ***!
|
|
4287
4303
|
\*****************************************/
|
|
4288
|
-
/*! exports provided: STYLED_VERSION, STYLED_REF_PROP, OVERSCAN_SIZE, AUTO_VIRTUAL_THRESHOLD, sum, throttledWindowResize$, addResizeObserver, getScrollbarSize, syncScrollLeft, shallowEqual, composeRowPropsGetter, getTableScrollHeaderDOM, getTableScrollFooterDOM
|
|
4304
|
+
/*! exports provided: STYLED_VERSION, STYLED_REF_PROP, OVERSCAN_SIZE, AUTO_VIRTUAL_THRESHOLD, sum, throttledWindowResize$, addResizeObserver, getScrollbarSize, syncScrollLeft, shallowEqual, composeRowPropsGetter, getTableScrollHeaderDOM, getTableScrollFooterDOM */
|
|
4289
4305
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
4290
4306
|
|
|
4291
4307
|
"use strict";
|
|
@@ -4303,7 +4319,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4303
4319
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "composeRowPropsGetter", function() { return composeRowPropsGetter; });
|
|
4304
4320
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTableScrollHeaderDOM", function() { return getTableScrollHeaderDOM; });
|
|
4305
4321
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTableScrollFooterDOM", function() { return getTableScrollFooterDOM; });
|
|
4306
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "cssPolifill", function() { return cssPolifill; });
|
|
4307
4322
|
/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
|
|
4308
4323
|
/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
4309
4324
|
/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
|
|
@@ -4342,10 +4357,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4342
4357
|
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
|
|
4343
4358
|
/* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js");
|
|
4344
4359
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
4345
|
-
/* harmony import */ var
|
|
4346
|
-
/* harmony import */ var
|
|
4347
|
-
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../utils */ "./components/table/utils/index.tsx");
|
|
4348
|
-
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./styles */ "./components/table/base/styles.ts");
|
|
4360
|
+
/* harmony import */ var _utils_mergeCellProps__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../utils/mergeCellProps */ "./components/table/utils/mergeCellProps.ts");
|
|
4361
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../utils */ "./components/table/utils/index.tsx");
|
|
4349
4362
|
|
|
4350
4363
|
|
|
4351
4364
|
|
|
@@ -4376,8 +4389,6 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
4376
4389
|
|
|
4377
4390
|
|
|
4378
4391
|
|
|
4379
|
-
|
|
4380
|
-
|
|
4381
4392
|
/** styled-components 类库的版本,ali-react-table 同时支持 v3 和 v5 */
|
|
4382
4393
|
|
|
4383
4394
|
var STYLED_VERSION = styled_components__WEBPACK_IMPORTED_MODULE_20__["createGlobalStyle"] != null ? 'v5' : 'v3';
|
|
@@ -4557,44 +4568,18 @@ function composeRowPropsGetter(getRowProps, pendingRowProps) {
|
|
|
4557
4568
|
|
|
4558
4569
|
if (keys.length) {
|
|
4559
4570
|
return function (row, rowIndex) {
|
|
4560
|
-
return Object(
|
|
4571
|
+
return Object(_utils_mergeCellProps__WEBPACK_IMPORTED_MODULE_21__["default"])(getRowProps(row, rowIndex), pendingRowProps);
|
|
4561
4572
|
};
|
|
4562
4573
|
}
|
|
4563
4574
|
|
|
4564
4575
|
return getRowProps;
|
|
4565
4576
|
}
|
|
4566
4577
|
function getTableScrollHeaderDOM(domHelper) {
|
|
4567
|
-
return
|
|
4578
|
+
return _utils__WEBPACK_IMPORTED_MODULE_22__["browserType"].isIE ? domHelper.tableHeaderMain : domHelper.tableHeader;
|
|
4568
4579
|
}
|
|
4569
4580
|
function getTableScrollFooterDOM(domHelper) {
|
|
4570
|
-
return
|
|
4581
|
+
return _utils__WEBPACK_IMPORTED_MODULE_22__["browserType"].isIE ? domHelper.tableFooterMain : domHelper.tableFooter;
|
|
4571
4582
|
}
|
|
4572
|
-
var cssPolifill = function cssPolifill(_ref) {
|
|
4573
|
-
var variables = _ref.variables,
|
|
4574
|
-
enableCSSVariables = _ref.enableCSSVariables,
|
|
4575
|
-
bordered = _ref.bordered;
|
|
4576
|
-
|
|
4577
|
-
if (enableCSSVariables === false) {
|
|
4578
|
-
return;
|
|
4579
|
-
}
|
|
4580
|
-
|
|
4581
|
-
var conditionCSSVariables = {}; // 默认情况下存在td、th无左右边框,开启`bordered`属性后才开启,否则隐藏这两种属性
|
|
4582
|
-
|
|
4583
|
-
if (!bordered) {
|
|
4584
|
-
conditionCSSVariables['--cell-border-vertical'] = 'none';
|
|
4585
|
-
conditionCSSVariables['--header-cell-border-vertical'] = 'none';
|
|
4586
|
-
}
|
|
4587
|
-
|
|
4588
|
-
Object(css_vars_ponyfill__WEBPACK_IMPORTED_MODULE_21__["default"])({
|
|
4589
|
-
// exclude: 'link[href*="semantic-ui"]',
|
|
4590
|
-
// onlyLegacy: false,
|
|
4591
|
-
// rootElement: rootElement,
|
|
4592
|
-
include: 'style[data-styled]',
|
|
4593
|
-
variables: _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_8___default()({}, _styles__WEBPACK_IMPORTED_MODULE_24__["defaultCSSVariables"], variables, conditionCSSVariables),
|
|
4594
|
-
watch: true,
|
|
4595
|
-
silent: true
|
|
4596
|
-
});
|
|
4597
|
-
};
|
|
4598
4583
|
|
|
4599
4584
|
/***/ }),
|
|
4600
4585
|
|
|
@@ -5261,7 +5246,7 @@ function columnDrag() {
|
|
|
5261
5246
|
},
|
|
5262
5247
|
headerCellProps: Object(_utils__WEBPACK_IMPORTED_MODULE_10__["mergeCellProps"])(col.headerCellProps, {
|
|
5263
5248
|
onMouseDown: !isLeaf || path.length > 1 ? undefined : function (e) {
|
|
5264
|
-
if (e.button !== 0
|
|
5249
|
+
if (e.button !== 0) {
|
|
5265
5250
|
return;
|
|
5266
5251
|
}
|
|
5267
5252
|
|
|
@@ -5437,14 +5422,13 @@ function columnDrag() {
|
|
|
5437
5422
|
}
|
|
5438
5423
|
|
|
5439
5424
|
function handleMouseUp(e) {
|
|
5425
|
+
e.stopPropagation();
|
|
5440
5426
|
document.body.removeEventListener('mousemove', handleMouseMove);
|
|
5441
5427
|
document.body.removeEventListener('mouseup', handleMouseUp);
|
|
5442
|
-
window.removeEventListener('selectstart', disableSelect);
|
|
5428
|
+
window.removeEventListener('selectstart', disableSelect); // 阻止列头点击事件,防止拖动后触发列头过滤事件
|
|
5443
5429
|
|
|
5444
5430
|
if (_isMoveWhenClicking(mouseDownClientX, mouseDownClientY, e.clientX, e.clientY)) {
|
|
5445
|
-
|
|
5446
|
-
|
|
5447
|
-
currentTarget.addEventListener('click', stopClickPropagation); // 阻止列头点击事件,防止拖动后触发列头过滤事件
|
|
5431
|
+
currentTarget.addEventListener('click', stopClickPropagation);
|
|
5448
5432
|
}
|
|
5449
5433
|
|
|
5450
5434
|
window.requestAnimationFrame(function () {
|
|
@@ -5693,7 +5677,7 @@ function filter() {
|
|
|
5693
5677
|
var filterActive = filterable && (inputFiltersMap === null || inputFiltersMap === void 0 ? void 0 : (_inputFiltersMap$get = inputFiltersMap.get(col.code)) === null || _inputFiltersMap$get === void 0 ? void 0 : (_inputFiltersMap$get$ = _inputFiltersMap$get.filter) === null || _inputFiltersMap$get$ === void 0 ? void 0 : _inputFiltersMap$get$.length) > 0;
|
|
5694
5678
|
|
|
5695
5679
|
if (filterable) {
|
|
5696
|
-
var _col$features2,
|
|
5680
|
+
var _col$features2, _result$title, _cx;
|
|
5697
5681
|
|
|
5698
5682
|
var handleFilterChanged = function handleFilterChanged(filterItem) {
|
|
5699
5683
|
var nextFiltersMap = new Map(inputFiltersMap);
|
|
@@ -5726,13 +5710,12 @@ function filter() {
|
|
|
5726
5710
|
};
|
|
5727
5711
|
|
|
5728
5712
|
var filterPanel = (_col$features2 = col.features) === null || _col$features2 === void 0 ? void 0 : _col$features2.filterPanel;
|
|
5729
|
-
var colFilterIcon = (_col$features$filterI = (_col$features3 = col.features) === null || _col$features3 === void 0 ? void 0 : _col$features3.filterIcon) !== null && _col$features$filterI !== void 0 ? _col$features$filterI : filterIcon;
|
|
5730
5713
|
result.title = [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_4___default()([].concat((_result$title = result.title) !== null && _result$title !== void 0 ? _result$title : [_internals__WEBPACK_IMPORTED_MODULE_19__["internals"].safeRenderHeader(_objectSpread(_objectSpread({}, col), {}, {
|
|
5731
5714
|
title: null
|
|
5732
5715
|
}))])), [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_filter__WEBPACK_IMPORTED_MODULE_21__["Filter"], {
|
|
5733
5716
|
key: "filter",
|
|
5734
5717
|
FilterPanelContent: filterPanel,
|
|
5735
|
-
filterIcon:
|
|
5718
|
+
filterIcon: filterIcon,
|
|
5736
5719
|
filterModel: inputFiltersMap.get(col.code),
|
|
5737
5720
|
setFilterModel: handleFilterChanged,
|
|
5738
5721
|
setFilter: setFilter,
|
|
@@ -5766,9 +5749,9 @@ function filter() {
|
|
|
5766
5749
|
|
|
5767
5750
|
var columns = pipeline.getColumns();
|
|
5768
5751
|
var columnsMap = new Map(Object(_utils__WEBPACK_IMPORTED_MODULE_20__["collectNodes"])(columns, 'leaf-only').filter(function (col) {
|
|
5769
|
-
var _col$
|
|
5752
|
+
var _col$features3, _col$features4;
|
|
5770
5753
|
|
|
5771
|
-
return ((_col$
|
|
5754
|
+
return ((_col$features3 = col.features) === null || _col$features3 === void 0 ? void 0 : _col$features3.filterable) !== false && ((_col$features4 = col.features) === null || _col$features4 === void 0 ? void 0 : _col$features4.filterable) != null;
|
|
5772
5755
|
}).map(function (col) {
|
|
5773
5756
|
return [col.code, col];
|
|
5774
5757
|
}));
|
|
@@ -5776,8 +5759,8 @@ function filter() {
|
|
|
5776
5759
|
return [item.key, _objectSpread({}, item)];
|
|
5777
5760
|
}));
|
|
5778
5761
|
|
|
5779
|
-
function isMatchedFilterCondition(record) {
|
|
5780
|
-
return filtersKeys.
|
|
5762
|
+
function isMatchedFilterCondition(record, rowIndex) {
|
|
5763
|
+
return !filtersKeys.some(function (key) {
|
|
5781
5764
|
var _columnsMap$get, _columnsMap$get$featu;
|
|
5782
5765
|
|
|
5783
5766
|
var filterItem = inputFiltersMap.get(key);
|
|
@@ -5791,13 +5774,20 @@ function filter() {
|
|
|
5791
5774
|
} else {
|
|
5792
5775
|
console.warn("\u5217[".concat(key, "]\u672A\u914D\u7F6E\u7B5B\u9009\u51FD\u6570\uFF0C\u8BF7\u8BBE\u7F6E column.features.filterable \u6765\u4F5C\u4E3A\u8BE5\u5217\u7684\u7B5B\u9009\u51FD\u6570, \u76EE\u524D\u4F7F\u7528\u9ED8\u8BA4\u5305\u542B\u7B5B\u9009\u51FD\u6570"));
|
|
5793
5776
|
comparisonFn = defaultFilterOptionsMap.get('contain').filter;
|
|
5794
|
-
}
|
|
5777
|
+
} // 不符合过滤条件,退出循环
|
|
5778
|
+
|
|
5795
5779
|
|
|
5796
|
-
return comparisonFn(filterItem.filter, filterItem)(_internals__WEBPACK_IMPORTED_MODULE_19__["internals"].safeGetValue(columnsMap.get(key), record,
|
|
5780
|
+
return !comparisonFn(filterItem.filter, filterItem)(_internals__WEBPACK_IMPORTED_MODULE_19__["internals"].safeGetValue(columnsMap.get(key), record, rowIndex), record);
|
|
5797
5781
|
});
|
|
5798
5782
|
}
|
|
5799
5783
|
|
|
5800
|
-
return
|
|
5784
|
+
return dataSource.reduce(function (pre, record, rowIndex) {
|
|
5785
|
+
if (isMatchedFilterCondition(record, rowIndex)) {
|
|
5786
|
+
return pre.concat([record]);
|
|
5787
|
+
}
|
|
5788
|
+
|
|
5789
|
+
return pre;
|
|
5790
|
+
}, []);
|
|
5801
5791
|
}
|
|
5802
5792
|
|
|
5803
5793
|
pipeline.dataSource(processDataSource(dataSource));
|
|
@@ -5806,30 +5796,6 @@ function filter() {
|
|
|
5806
5796
|
};
|
|
5807
5797
|
}
|
|
5808
5798
|
|
|
5809
|
-
function layeredFilter(array, matchFn) {
|
|
5810
|
-
return dfs(array);
|
|
5811
|
-
|
|
5812
|
-
function dfs(rows) {
|
|
5813
|
-
var parentMatched = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
5814
|
-
return rows.map(function (row) {
|
|
5815
|
-
var currentMatched = matchFn(row);
|
|
5816
|
-
|
|
5817
|
-
if (Object(_utils__WEBPACK_IMPORTED_MODULE_20__["isLeafNode"])(row)) {
|
|
5818
|
-
return (parentMatched || currentMatched) && _objectSpread({}, row);
|
|
5819
|
-
}
|
|
5820
|
-
|
|
5821
|
-
var children = row.children;
|
|
5822
|
-
|
|
5823
|
-
var rowAfterFilterChildren = _objectSpread(_objectSpread({}, row), {}, {
|
|
5824
|
-
children: dfs(children, parentMatched || currentMatched)
|
|
5825
|
-
});
|
|
5826
|
-
|
|
5827
|
-
var matchedByChildren = !Object(_utils__WEBPACK_IMPORTED_MODULE_20__["isLeafNode"])(rowAfterFilterChildren);
|
|
5828
|
-
return (parentMatched || currentMatched || matchedByChildren) && rowAfterFilterChildren;
|
|
5829
|
-
}).filter(Boolean);
|
|
5830
|
-
}
|
|
5831
|
-
}
|
|
5832
|
-
|
|
5833
5799
|
/***/ }),
|
|
5834
5800
|
|
|
5835
5801
|
/***/ "./components/table/pipeline/features/columnHover.tsx":
|
|
@@ -6112,7 +6078,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
6112
6078
|
|
|
6113
6079
|
|
|
6114
6080
|
|
|
6115
|
-
var TableHeaderCellResize = styled_components__WEBPACK_IMPORTED_MODULE_11__["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"])));
|
|
6081
|
+
var TableHeaderCellResize = styled_components__WEBPACK_IMPORTED_MODULE_11__["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 background-color: var(--border-color);\n }\n"])));
|
|
6116
6082
|
var TableHeaderGroupCellResize = Object(styled_components__WEBPACK_IMPORTED_MODULE_11__["default"])(TableHeaderCellResize)(_templateObject2 || (_templateObject2 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_5___default()(["\n &:after {\n height: 100%;\n top: 0;\n }\n"])));
|
|
6117
6083
|
|
|
6118
6084
|
function clamp(min, x, max) {
|
|
@@ -6763,7 +6729,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6763
6729
|
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);
|
|
6764
6730
|
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./util */ "./components/table/pipeline/features/filter/util.tsx");
|
|
6765
6731
|
/* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../base/styles */ "./components/table/base/styles.ts");
|
|
6766
|
-
/* harmony import */ var _utils_keyCode__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../utils/keyCode */ "./components/table/utils/keyCode.ts");
|
|
6767
6732
|
|
|
6768
6733
|
|
|
6769
6734
|
|
|
@@ -6778,7 +6743,6 @@ var _templateObject;
|
|
|
6778
6743
|
|
|
6779
6744
|
|
|
6780
6745
|
|
|
6781
|
-
|
|
6782
6746
|
var DefaultFilterContentStyle = styled_components__WEBPACK_IMPORTED_MODULE_7__["default"].div(_templateObject || (_templateObject = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2___default()(["\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 2px;\n width: 100%;\n\n ", "\n .filter-option-list {\n display: flex;\n flex-direction: column;\n margin-top: 8px;\n ul {\n margin: 0;\n padding: 0;\n li {\n display: flex;\n position: relative;\n flex-shrink: 0;\n height: 32px;\n align-items: center;\n border-radius: 2px;\n font-size: 12px;\n color: var(--color);\n padding: 0 12px;\n overflow: hidden;\n cursor: pointer;\n &:hover{\n background-color: var(--primary-color-level1);\n }\n }\n li.active{\n background-color: var(--primary-color-level1);\n }\n }\n }\n\n .filter-search {\n display: flex;\n padding: 6px 12px;\n\n .filter-search-inner {\n width: 100%;\n font-size: 12px;\n color: #333333;\n height: 28px;\n line-height: 28px;\n padding: 0 8px;\n outline: none;\n background-color: #FAFAFA;\n border-radius: 2px;\n border: 1px solid var(--strong-border-color);\n &:hover{\n border-color: var(--primary-color)\n } \n &:focus{\n border-color: var(--primary-color)\n } \n }\n }\n\n .filter-footer {\n display: flex;\n flex-direction: row;\n padding: 8px 12px;\n justify-content: space-between;\n\n .filter-btn {\n text-align: center;\n font-size: 12px;\n width: 60px;\n height: 24px;\n line-height: 24px;\n }\n \n }\n"])), _base_styles__WEBPACK_IMPORTED_MODULE_10__["ButtonCSS"]);
|
|
6783
6747
|
|
|
6784
6748
|
function DefaultFilterContent(_ref) {
|
|
@@ -6798,7 +6762,6 @@ function DefaultFilterContent(_ref) {
|
|
|
6798
6762
|
innerValue = _React$useState4[0],
|
|
6799
6763
|
setInnerValue = _React$useState4[1];
|
|
6800
6764
|
|
|
6801
|
-
var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_6__["useRef"])();
|
|
6802
6765
|
var handleClick = react__WEBPACK_IMPORTED_MODULE_6___default.a.useCallback(function (option) {
|
|
6803
6766
|
setSelectedValue(option.key);
|
|
6804
6767
|
}, []);
|
|
@@ -6816,26 +6779,10 @@ function DefaultFilterContent(_ref) {
|
|
|
6816
6779
|
});
|
|
6817
6780
|
};
|
|
6818
6781
|
|
|
6819
|
-
var handleKeyDown = function handleKeyDown(e) {
|
|
6820
|
-
if (e.keyCode === _utils_keyCode__WEBPACK_IMPORTED_MODULE_11__["default"].ENTER) {
|
|
6821
|
-
confirm();
|
|
6822
|
-
}
|
|
6823
|
-
};
|
|
6824
|
-
|
|
6825
6782
|
Object(react__WEBPACK_IMPORTED_MODULE_6__["useEffect"])(function () {
|
|
6826
6783
|
setSelectedValue((filterModel === null || filterModel === void 0 ? void 0 : filterModel.filterCondition) || 'contain');
|
|
6827
6784
|
setInnerValue((filterModel === null || filterModel === void 0 ? void 0 : filterModel.filter) || '');
|
|
6828
6785
|
}, [filterModel]);
|
|
6829
|
-
Object(react__WEBPACK_IMPORTED_MODULE_6__["useEffect"])(function () {
|
|
6830
|
-
// 兼容设置焦点后发生滚动
|
|
6831
|
-
setTimeout(function () {
|
|
6832
|
-
var _inputRef$current;
|
|
6833
|
-
|
|
6834
|
-
(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus({
|
|
6835
|
-
preventScroll: true
|
|
6836
|
-
});
|
|
6837
|
-
});
|
|
6838
|
-
}, []);
|
|
6839
6786
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(DefaultFilterContentStyle, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
|
|
6840
6787
|
className: "filter-option-list"
|
|
6841
6788
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("ul", null, _util__WEBPACK_IMPORTED_MODULE_9__["DEFAULT_FILTER_OPTIONS"].map(function (option, index) {
|
|
@@ -6857,9 +6804,7 @@ function DefaultFilterContent(_ref) {
|
|
|
6857
6804
|
value: innerValue,
|
|
6858
6805
|
onChange: function onChange(e) {
|
|
6859
6806
|
setInnerValue(e.target.value);
|
|
6860
|
-
}
|
|
6861
|
-
onKeyDown: handleKeyDown,
|
|
6862
|
-
ref: inputRef
|
|
6807
|
+
}
|
|
6863
6808
|
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
|
|
6864
6809
|
className: "filter-footer"
|
|
6865
6810
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("button", {
|
|
@@ -6879,41 +6824,6 @@ function DefaultFilterContent(_ref) {
|
|
|
6879
6824
|
|
|
6880
6825
|
/***/ }),
|
|
6881
6826
|
|
|
6882
|
-
/***/ "./components/table/pipeline/features/filter/DefaultFilterIcon.tsx":
|
|
6883
|
-
/*!*************************************************************************!*\
|
|
6884
|
-
!*** ./components/table/pipeline/features/filter/DefaultFilterIcon.tsx ***!
|
|
6885
|
-
\*************************************************************************/
|
|
6886
|
-
/*! exports provided: default */
|
|
6887
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
6888
|
-
|
|
6889
|
-
"use strict";
|
|
6890
|
-
__webpack_require__.r(__webpack_exports__);
|
|
6891
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return DefaultFilterIcon; });
|
|
6892
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
6893
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
6894
|
-
|
|
6895
|
-
function DefaultFilterIcon(_ref) {
|
|
6896
|
-
var width = _ref.width,
|
|
6897
|
-
height = _ref.height;
|
|
6898
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("svg", {
|
|
6899
|
-
width: width,
|
|
6900
|
-
height: height,
|
|
6901
|
-
style: {
|
|
6902
|
-
verticalAlign: 'middle'
|
|
6903
|
-
},
|
|
6904
|
-
viewBox: "0 0 1024 1024",
|
|
6905
|
-
focusable: "false",
|
|
6906
|
-
"data-icon": "filter",
|
|
6907
|
-
fill: "currentColor",
|
|
6908
|
-
version: "1.1",
|
|
6909
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
6910
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
|
|
6911
|
-
d: "M891.448889 159.573333L626.460444 460.231111v443.221333c0 32.881778-25.429333 63.658667-55.864888 63.658667l-170.268445-172.942222V456.419556L132.266667 159.857778A59.619556 59.619556 0 0 1 173.511111 56.888889h676.977778c32.995556 0 59.733333 26.680889 59.733333 59.562667 0 17.066667-7.224889 32.312889-18.773333 43.121777z"
|
|
6912
|
-
}));
|
|
6913
|
-
}
|
|
6914
|
-
|
|
6915
|
-
/***/ }),
|
|
6916
|
-
|
|
6917
6827
|
/***/ "./components/table/pipeline/features/filter/Filter.tsx":
|
|
6918
6828
|
/*!**************************************************************!*\
|
|
6919
6829
|
!*** ./components/table/pipeline/features/filter/Filter.tsx ***!
|
|
@@ -6937,11 +6847,10 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6937
6847
|
/* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../base/styles */ "./components/table/base/styles.ts");
|
|
6938
6848
|
/* harmony import */ var _FilterPanel__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./FilterPanel */ "./components/table/pipeline/features/filter/FilterPanel.tsx");
|
|
6939
6849
|
/* harmony import */ var _DefaultFilterContent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./DefaultFilterContent */ "./components/table/pipeline/features/filter/DefaultFilterContent.tsx");
|
|
6940
|
-
/* harmony import */ var
|
|
6941
|
-
/* harmony import */ var
|
|
6942
|
-
/* harmony import */ var
|
|
6943
|
-
/* harmony import */ var
|
|
6944
|
-
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_12__);
|
|
6850
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../utils */ "./components/table/utils/index.tsx");
|
|
6851
|
+
/* harmony import */ var _base_utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../base/utils */ "./components/table/base/utils.tsx");
|
|
6852
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
|
6853
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_11__);
|
|
6945
6854
|
|
|
6946
6855
|
|
|
6947
6856
|
|
|
@@ -6957,8 +6866,7 @@ var _templateObject;
|
|
|
6957
6866
|
|
|
6958
6867
|
|
|
6959
6868
|
|
|
6960
|
-
|
|
6961
|
-
var HEADER_ICON_OFFSET_Y = 8 + 1; // padding-top + border
|
|
6869
|
+
var HEADER_ICON_OFFSET_Y = 6 + 1; // padding-top + border
|
|
6962
6870
|
|
|
6963
6871
|
var HEADER_ICON_OFFSET_X = 16 + 1; // padding-left+ border
|
|
6964
6872
|
|
|
@@ -6971,7 +6879,7 @@ function Panel(_ref) {
|
|
|
6971
6879
|
renderPanelContent = _ref.renderPanelContent;
|
|
6972
6880
|
var filterPanelRef = react__WEBPACK_IMPORTED_MODULE_3___default.a.useRef(null);
|
|
6973
6881
|
|
|
6974
|
-
var _React$useState = react__WEBPACK_IMPORTED_MODULE_3___default.a.useState(Object(
|
|
6882
|
+
var _React$useState = react__WEBPACK_IMPORTED_MODULE_3___default.a.useState(Object(_utils__WEBPACK_IMPORTED_MODULE_9__["calculatePopupRelative"])(ele, document.body, {
|
|
6975
6883
|
x: HEADER_ICON_OFFSET_X,
|
|
6976
6884
|
y: HEADER_ICON_OFFSET_Y
|
|
6977
6885
|
})),
|
|
@@ -6985,14 +6893,14 @@ function Panel(_ref) {
|
|
|
6985
6893
|
};
|
|
6986
6894
|
|
|
6987
6895
|
var handleFilterPanelResize = function handleFilterPanelResize(resize) {
|
|
6988
|
-
setPosition(Object(
|
|
6896
|
+
setPosition(Object(_utils__WEBPACK_IMPORTED_MODULE_9__["calculatePopupRelative"])(ele, document.body, {
|
|
6989
6897
|
x: HEADER_ICON_OFFSET_X,
|
|
6990
6898
|
y: HEADER_ICON_OFFSET_Y
|
|
6991
6899
|
}));
|
|
6992
6900
|
};
|
|
6993
6901
|
|
|
6994
6902
|
Object(react__WEBPACK_IMPORTED_MODULE_3__["useEffect"])(function () {
|
|
6995
|
-
var resizeObserver = Object(
|
|
6903
|
+
var resizeObserver = Object(_base_utils__WEBPACK_IMPORTED_MODULE_10__["addResizeObserver"])(filterPanelRef.current.children[0], handleFilterPanelResize);
|
|
6996
6904
|
return function () {
|
|
6997
6905
|
resizeObserver && resizeObserver.disconnect();
|
|
6998
6906
|
};
|
|
@@ -7033,6 +6941,10 @@ function Filter(_ref2) {
|
|
|
7033
6941
|
return setShowPanel(false);
|
|
7034
6942
|
};
|
|
7035
6943
|
|
|
6944
|
+
var handleMouseDown = function handleMouseDown(e) {
|
|
6945
|
+
e.stopPropagation(); // 阻止触发拖拽
|
|
6946
|
+
};
|
|
6947
|
+
|
|
7036
6948
|
var renderPanelContent = function renderPanelContent() {
|
|
7037
6949
|
if (FilterPanelContent) {
|
|
7038
6950
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(FilterPanelContent, {
|
|
@@ -7052,12 +6964,6 @@ function Filter(_ref2) {
|
|
|
7052
6964
|
};
|
|
7053
6965
|
|
|
7054
6966
|
var handleIconClick = function handleIconClick(e) {
|
|
7055
|
-
// 只有当icon区域点击会触发面板展开
|
|
7056
|
-
// 防止 createPortal 区域的点击触发该事件
|
|
7057
|
-
if (!e.currentTarget.contains(e.target)) {
|
|
7058
|
-
return;
|
|
7059
|
-
}
|
|
7060
|
-
|
|
7061
6967
|
if (stopClickEventPropagation) {
|
|
7062
6968
|
e.stopPropagation();
|
|
7063
6969
|
}
|
|
@@ -7065,21 +6971,28 @@ function Filter(_ref2) {
|
|
|
7065
6971
|
setShowPanel(true);
|
|
7066
6972
|
};
|
|
7067
6973
|
|
|
7068
|
-
var iconClassName =
|
|
7069
|
-
var displayFilterIcon = typeof filterIcon === 'function' ? filterIcon(isFilterActive) : filterIcon;
|
|
6974
|
+
var iconClassName = classnames__WEBPACK_IMPORTED_MODULE_11___default()((_cx = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_cx, className, true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_cx, 'filter-panel-open', showPanel), _cx));
|
|
7070
6975
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(FilterIconSpanStyle, {
|
|
7071
6976
|
style: style,
|
|
7072
6977
|
className: iconClassName,
|
|
7073
|
-
|
|
6978
|
+
onMouseDown: handleMouseDown,
|
|
6979
|
+
ref: iconRef
|
|
7074
6980
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
|
|
7075
|
-
|
|
7076
|
-
|
|
7077
|
-
},
|
|
6981
|
+
className: _base_styles__WEBPACK_IMPORTED_MODULE_6__["Classes"].filterIcon,
|
|
6982
|
+
onClick: handleIconClick
|
|
6983
|
+
}, filterIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("svg", {
|
|
7078
6984
|
width: size,
|
|
7079
|
-
height: size
|
|
7080
|
-
|
|
6985
|
+
height: size,
|
|
6986
|
+
viewBox: "64 64 896 896",
|
|
6987
|
+
focusable: "false",
|
|
6988
|
+
"data-icon": "filter",
|
|
6989
|
+
fill: "currentColor",
|
|
6990
|
+
"aria-hidden": "true"
|
|
6991
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("path", {
|
|
6992
|
+
d: "M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
6993
|
+
}))), showPanel && /*#__PURE__*/Object(react_dom__WEBPACK_IMPORTED_MODULE_4__["createPortal"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(Panel, {
|
|
7081
6994
|
ele: iconRef.current,
|
|
7082
|
-
filterIcon:
|
|
6995
|
+
filterIcon: filterIcon,
|
|
7083
6996
|
hidePanel: hidePanel,
|
|
7084
6997
|
renderPanelContent: renderPanelContent
|
|
7085
6998
|
}), document.body));
|
|
@@ -7122,7 +7035,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7122
7035
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_10__);
|
|
7123
7036
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
7124
7037
|
/* harmony import */ var _utils___WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../utils/ */ "./components/table/utils/index.tsx");
|
|
7125
|
-
/* harmony import */ var _DefaultFilterIcon__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./DefaultFilterIcon */ "./components/table/pipeline/features/filter/DefaultFilterIcon.tsx");
|
|
7126
7038
|
|
|
7127
7039
|
|
|
7128
7040
|
|
|
@@ -7143,8 +7055,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
7143
7055
|
|
|
7144
7056
|
|
|
7145
7057
|
|
|
7146
|
-
|
|
7147
|
-
var FilterPanelStyle = styled_components__WEBPACK_IMPORTED_MODULE_11__["default"].div(_templateObject || (_templateObject = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2___default()(["\n display: flex;\n flex-direction: column;\n max-height: 450px;\n min-width: 160px;\n border-radius: 2px;\n background-color: #fff;\n box-shadow: 0 0 5px 0 rgba(154,154,154,.5);\n cursor: default;\n\n .popup-header {\n display: flex;\n background-color: #ebedf1;\n\n .popup-header-icon {\n display: flex;\n color:#666;\n background-color: #fff;\n padding: 8px 16px 8px 16px;\n border-right: 1px solid transparent;\n border-left: 1px solid transparent;\n border-top: 1px solid transparent;\n border-top-right-radius: 2px;\n border-top-left-radius: 2px;\n }\n }\n\n .popup-body {\n display: flex;\n }\n"])));
|
|
7058
|
+
var FilterPanelStyle = styled_components__WEBPACK_IMPORTED_MODULE_11__["default"].div(_templateObject || (_templateObject = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2___default()(["\n display: flex;\n flex-direction: column;\n max-height: 450px;\n min-width: 160px;\n border-radius: 2px;\n background-color: #fff;\n box-shadow: 0 0 5px 0 rgba(154,154,154,.5);\n cursor: default;\n\n .popup-header {\n display: flex;\n background-color: #ebedf1;\n\n .popup-header-icon {\n color:#666;\n background-color: #fff;\n padding: 6px 16px 6px 16px;\n display: inline-block;\n border-right: 1px solid transparent;\n border-left: 1px solid transparent;\n border-top: 1px solid transparent;\n border-top-right-radius: 2px;\n border-top-left-radius: 2px;\n }\n }\n\n .popup-body {\n display: flex;\n }\n"])));
|
|
7148
7059
|
|
|
7149
7060
|
var useWindowEvents = function useWindowEvents(func, evens) {
|
|
7150
7061
|
react__WEBPACK_IMPORTED_MODULE_10___default.a.useEffect(function () {
|
|
@@ -7186,36 +7097,31 @@ function FilterPanel(_ref) {
|
|
|
7186
7097
|
setPerfectPosition(Object(_utils___WEBPACK_IMPORTED_MODULE_12__["keepWithinBounds"])(document.body, ref.current, position.x, position.y, true));
|
|
7187
7098
|
setVisible(true);
|
|
7188
7099
|
}, [position]);
|
|
7189
|
-
var hasPopupMouseEvent = Object(react__WEBPACK_IMPORTED_MODULE_10__["useRef"])(false);
|
|
7190
|
-
|
|
7191
|
-
var handleMouseEvent = function handleMouseEvent() {
|
|
7192
|
-
// 当弹出的过滤面板内部发生鼠标按下、抬起事件时,标记当前事件,并在click捕获期清除标记,用来确定鼠标按下、抬起发生在过滤面板内部
|
|
7193
|
-
// 利用了React.createPortal冒泡是根据React Tree的特性:
|
|
7194
|
-
// https://jwwnz.medium.com/react-portals-and-event-bubbling-8df3e35ca3f1
|
|
7195
|
-
hasPopupMouseEvent.current = true;
|
|
7196
|
-
};
|
|
7197
|
-
|
|
7198
7100
|
useWindowEvents(function (e) {
|
|
7199
|
-
!isContainPanel(e) &&
|
|
7200
|
-
|
|
7201
|
-
}, ['click']);
|
|
7101
|
+
return !isContainPanel(e) && onClose();
|
|
7102
|
+
}, ['mousedown']);
|
|
7202
7103
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(FilterPanelStyle, {
|
|
7203
7104
|
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
7204
7105
|
left: visible ? perfectPosition.x : 0,
|
|
7205
7106
|
top: visible ? perfectPosition.y : 0,
|
|
7206
7107
|
opacity: visible ? 1 : 0
|
|
7207
7108
|
}),
|
|
7208
|
-
onMouseDown: handleMouseEvent,
|
|
7209
|
-
onMouseUp: handleMouseEvent,
|
|
7210
7109
|
ref: ref
|
|
7211
7110
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("div", {
|
|
7212
7111
|
className: 'popup-header'
|
|
7213
7112
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("span", {
|
|
7214
7113
|
className: 'popup-header-icon'
|
|
7215
|
-
}, filterIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(
|
|
7216
|
-
width:
|
|
7217
|
-
height:
|
|
7218
|
-
|
|
7114
|
+
}, filterIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("svg", {
|
|
7115
|
+
width: 14,
|
|
7116
|
+
height: 14,
|
|
7117
|
+
viewBox: "64 64 896 896",
|
|
7118
|
+
focusable: "false",
|
|
7119
|
+
"data-icon": "filter",
|
|
7120
|
+
fill: "currentColor",
|
|
7121
|
+
"aria-hidden": "true"
|
|
7122
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("path", {
|
|
7123
|
+
d: "M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
7124
|
+
})))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("div", {
|
|
7219
7125
|
className: "popup-body"
|
|
7220
7126
|
}, children));
|
|
7221
7127
|
}
|
|
@@ -7281,7 +7187,7 @@ var DEFAULT_FILTER_OPTIONS = [{
|
|
|
7281
7187
|
data = data + '';
|
|
7282
7188
|
}
|
|
7283
7189
|
|
|
7284
|
-
return data.includes(value
|
|
7190
|
+
return data.includes(value);
|
|
7285
7191
|
};
|
|
7286
7192
|
}
|
|
7287
7193
|
}, {
|
|
@@ -7297,7 +7203,7 @@ var DEFAULT_FILTER_OPTIONS = [{
|
|
|
7297
7203
|
data = data + '';
|
|
7298
7204
|
}
|
|
7299
7205
|
|
|
7300
|
-
return !data.includes(value
|
|
7206
|
+
return !data.includes(value);
|
|
7301
7207
|
};
|
|
7302
7208
|
}
|
|
7303
7209
|
}, {
|
|
@@ -7305,7 +7211,7 @@ var DEFAULT_FILTER_OPTIONS = [{
|
|
|
7305
7211
|
key: 'equal',
|
|
7306
7212
|
filter: function filter(value) {
|
|
7307
7213
|
return function (data) {
|
|
7308
|
-
return value
|
|
7214
|
+
return value !== data;
|
|
7309
7215
|
};
|
|
7310
7216
|
}
|
|
7311
7217
|
}, {
|
|
@@ -7313,7 +7219,7 @@ var DEFAULT_FILTER_OPTIONS = [{
|
|
|
7313
7219
|
key: 'notEqual',
|
|
7314
7220
|
filter: function filter(value) {
|
|
7315
7221
|
return function (data) {
|
|
7316
|
-
return value
|
|
7222
|
+
return value !== data;
|
|
7317
7223
|
};
|
|
7318
7224
|
}
|
|
7319
7225
|
}, {
|
|
@@ -7335,83 +7241,13 @@ var DEFAULT_FILTER_OPTIONS = [{
|
|
|
7335
7241
|
}];
|
|
7336
7242
|
|
|
7337
7243
|
|
|
7338
|
-
/***/ }),
|
|
7339
|
-
|
|
7340
|
-
/***/ "./components/table/pipeline/features/footerDataSource.ts":
|
|
7341
|
-
/*!****************************************************************!*\
|
|
7342
|
-
!*** ./components/table/pipeline/features/footerDataSource.ts ***!
|
|
7343
|
-
\****************************************************************/
|
|
7344
|
-
/*! exports provided: footerRowMetaSymbol, footerDataSource */
|
|
7345
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
7346
|
-
|
|
7347
|
-
"use strict";
|
|
7348
|
-
__webpack_require__.r(__webpack_exports__);
|
|
7349
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "footerRowMetaSymbol", function() { return footerRowMetaSymbol; });
|
|
7350
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "footerDataSource", function() { return footerDataSource; });
|
|
7351
|
-
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
|
|
7352
|
-
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
|
|
7353
|
-
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
|
|
7354
|
-
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
7355
|
-
/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");
|
|
7356
|
-
/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
7357
|
-
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
|
|
7358
|
-
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
7359
|
-
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
|
|
7360
|
-
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_4__);
|
|
7361
|
-
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
|
|
7362
|
-
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_5__);
|
|
7363
|
-
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
|
|
7364
|
-
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6__);
|
|
7365
|
-
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
|
|
7366
|
-
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_7__);
|
|
7367
|
-
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
|
|
7368
|
-
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_8__);
|
|
7369
|
-
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
|
|
7370
|
-
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_9__);
|
|
7371
|
-
|
|
7372
|
-
|
|
7373
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7374
|
-
|
|
7375
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
7376
|
-
|
|
7377
|
-
|
|
7378
|
-
|
|
7379
|
-
|
|
7380
|
-
|
|
7381
|
-
|
|
7382
|
-
|
|
7383
|
-
|
|
7384
|
-
|
|
7385
|
-
|
|
7386
|
-
var footerRowMetaSymbol = Symbol('footer-row');
|
|
7387
|
-
function footerDataSource() {
|
|
7388
|
-
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
7389
|
-
return function footerDataSourceStep(pipeline) {
|
|
7390
|
-
var _opts$dataSource, _opts$footerRowMetaKe;
|
|
7391
|
-
|
|
7392
|
-
var footerDataSource = (_opts$dataSource = opts.dataSource) !== null && _opts$dataSource !== void 0 ? _opts$dataSource : pipeline.getFooterDataSource();
|
|
7393
|
-
var footerRowMetaKey = (_opts$footerRowMetaKe = opts.footerRowMetaKey) !== null && _opts$footerRowMetaKe !== void 0 ? _opts$footerRowMetaKe : footerRowMetaSymbol;
|
|
7394
|
-
pipeline.setFeatureOptions('footerRowMetaKey', footerRowMetaKey);
|
|
7395
|
-
|
|
7396
|
-
if (footerDataSource) {
|
|
7397
|
-
pipeline.footerDataSource(footerDataSource.map(function (row) {
|
|
7398
|
-
return _objectSpread(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, footerRowMetaKey, true), row);
|
|
7399
|
-
}));
|
|
7400
|
-
} else {
|
|
7401
|
-
console.warn('调用 pipeline.use(features.footerDataSource()) 前请先设置页脚数据源,设置方法有:pipeline.use(features.footerDataSource({dataSource:any[]})) 或者 pipeline.footerDataSource(any[])');
|
|
7402
|
-
}
|
|
7403
|
-
|
|
7404
|
-
return pipeline;
|
|
7405
|
-
};
|
|
7406
|
-
}
|
|
7407
|
-
|
|
7408
7244
|
/***/ }),
|
|
7409
7245
|
|
|
7410
7246
|
/***/ "./components/table/pipeline/features/index.ts":
|
|
7411
7247
|
/*!*****************************************************!*\
|
|
7412
7248
|
!*** ./components/table/pipeline/features/index.ts ***!
|
|
7413
7249
|
\*****************************************************/
|
|
7414
|
-
/*! exports provided: autoRowSpan, buildTree, columnHover, ColumnHoverFeatureOptions, columnRangeHover, ColumnRangeHoverFeatureOptions, multiSelect, MultiSelectFeatureOptions, rowDetail, RowDetailFeatureOptions, rowGrouping, RowGroupingFeatureOptions, singleSelect, SingleSelectFeatureOptions, sort, SortFeatureOptions, tips, treeMode, TreeModeFeatureOptions, treeMetaSymbol, treeSelect, TreeSelectFeatureOptions, columnDrag, ColumnDragOptions, columnResize, ColumnResizeOptions, contextMenu, ContextMenuFeatureOptions, filter, FilterFeatureOptions, rangeSelection, RangeSelectionFeatureOptions, mergeCellHover
|
|
7250
|
+
/*! exports provided: autoRowSpan, buildTree, columnHover, ColumnHoverFeatureOptions, columnRangeHover, ColumnRangeHoverFeatureOptions, multiSelect, MultiSelectFeatureOptions, rowDetail, RowDetailFeatureOptions, rowGrouping, RowGroupingFeatureOptions, singleSelect, SingleSelectFeatureOptions, sort, SortFeatureOptions, tips, treeMode, TreeModeFeatureOptions, treeMetaSymbol, treeSelect, TreeSelectFeatureOptions, columnDrag, ColumnDragOptions, columnResize, ColumnResizeOptions, contextMenu, ContextMenuFeatureOptions, filter, FilterFeatureOptions, rangeSelection, RangeSelectionFeatureOptions, mergeCellHover */
|
|
7415
7251
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
7416
7252
|
|
|
7417
7253
|
"use strict";
|
|
@@ -7500,14 +7336,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7500
7336
|
/* harmony import */ var _mergeCellHover__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./mergeCellHover */ "./components/table/pipeline/features/mergeCellHover.tsx");
|
|
7501
7337
|
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "mergeCellHover", function() { return _mergeCellHover__WEBPACK_IMPORTED_MODULE_17__["mergeCellHover"]; });
|
|
7502
7338
|
|
|
7503
|
-
/* harmony import */ var _footerDataSource__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./footerDataSource */ "./components/table/pipeline/features/footerDataSource.ts");
|
|
7504
|
-
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "footerDataSource", function() { return _footerDataSource__WEBPACK_IMPORTED_MODULE_18__["footerDataSource"]; });
|
|
7505
|
-
|
|
7506
|
-
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FooterDataSourceFeatureOptions", function() { return _footerDataSource__WEBPACK_IMPORTED_MODULE_18__["FooterDataSourceFeatureOptions"]; });
|
|
7507
|
-
|
|
7508
|
-
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "footerRowMetaSymbol", function() { return _footerDataSource__WEBPACK_IMPORTED_MODULE_18__["footerRowMetaSymbol"]; });
|
|
7509
|
-
|
|
7510
|
-
|
|
7511
7339
|
|
|
7512
7340
|
|
|
7513
7341
|
|
|
@@ -7707,8 +7535,7 @@ function multiSelect() {
|
|
|
7707
7535
|
/** 所有有效的 keys(disable 状态为 false) */
|
|
7708
7536
|
|
|
7709
7537
|
var allKeys = [];
|
|
7710
|
-
|
|
7711
|
-
flatDataSource.forEach(function (row, rowIndex) {
|
|
7538
|
+
dataSource.forEach(function (row, rowIndex) {
|
|
7712
7539
|
var rowKey = _internals__WEBPACK_IMPORTED_MODULE_15__["internals"].safeGetRowKey(primaryKey, row, rowIndex);
|
|
7713
7540
|
fullKeySet.add(rowKey); // 在 allKeys 中排除被禁用的 key
|
|
7714
7541
|
|
|
@@ -7774,10 +7601,6 @@ function multiSelect() {
|
|
|
7774
7601
|
return Object(_utils__WEBPACK_IMPORTED_MODULE_17__["mergeCellProps"])(preCellProps, checkboxCellProps);
|
|
7775
7602
|
},
|
|
7776
7603
|
render: function render(_, row, rowIndex) {
|
|
7777
|
-
if (row[pipeline.getFeatureOptions('footerRowMetaKey')]) {
|
|
7778
|
-
return null;
|
|
7779
|
-
}
|
|
7780
|
-
|
|
7781
7604
|
var key = _internals__WEBPACK_IMPORTED_MODULE_15__["internals"].safeGetRowKey(primaryKey, row, rowIndex);
|
|
7782
7605
|
var checked = set.has(key);
|
|
7783
7606
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(Checkbox, {
|
|
@@ -7886,13 +7709,13 @@ function multiSelect() {
|
|
|
7886
7709
|
/*!***************************************************************!*\
|
|
7887
7710
|
!*** ./components/table/pipeline/features/rangeSelection.tsx ***!
|
|
7888
7711
|
\***************************************************************/
|
|
7889
|
-
/*! exports provided: rangeSelectionKey,
|
|
7712
|
+
/*! exports provided: rangeSelectionKey, lastClickCell, rangeSelection */
|
|
7890
7713
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
7891
7714
|
|
|
7892
7715
|
"use strict";
|
|
7893
7716
|
__webpack_require__.r(__webpack_exports__);
|
|
7894
7717
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "rangeSelectionKey", function() { return rangeSelectionKey; });
|
|
7895
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "
|
|
7718
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lastClickCell", function() { return lastClickCell; });
|
|
7896
7719
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "rangeSelection", function() { return rangeSelection; });
|
|
7897
7720
|
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
|
|
7898
7721
|
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
@@ -7946,42 +7769,40 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
7946
7769
|
|
|
7947
7770
|
|
|
7948
7771
|
var rangeSelectionKey = 'rangeSelection';
|
|
7949
|
-
var
|
|
7772
|
+
var lastClickCell = 'lastClickCell';
|
|
7950
7773
|
function rangeSelection(opts) {
|
|
7951
7774
|
return function step(pipeline) {
|
|
7952
7775
|
var SCROLL_SIZE = 30;
|
|
7953
7776
|
var tableBody = pipeline.ref.current.domHelper && pipeline.ref.current.domHelper.tableBody;
|
|
7954
|
-
var tableFooter = pipeline.ref.current.domHelper && pipeline.ref.current.domHelper.tableFooter;
|
|
7955
7777
|
|
|
7956
7778
|
if (!tableBody) {
|
|
7957
7779
|
return pipeline;
|
|
7958
7780
|
}
|
|
7959
7781
|
|
|
7960
7782
|
var columns = pipeline.getColumns();
|
|
7961
|
-
var dataSource = pipeline.getDataSource();
|
|
7962
7783
|
|
|
7963
7784
|
var rangeSelectedChange = function rangeSelectedChange(rangeSelection) {
|
|
7964
7785
|
var _opts$rangeSelectedCh;
|
|
7965
7786
|
|
|
7966
7787
|
pipeline.setStateAtKey(rangeSelectionKey, rangeSelection);
|
|
7967
7788
|
opts === null || opts === void 0 ? void 0 : (_opts$rangeSelectedCh = opts.rangeSelectedChange) === null || _opts$rangeSelectedCh === void 0 ? void 0 : _opts$rangeSelectedCh.call(opts, rangeSelection);
|
|
7968
|
-
};
|
|
7789
|
+
}; // if (!pipeline.getFeatureOptions(rangeSelectionKey)) {
|
|
7790
|
+
// pipeline.setFeatureOptions(rangeSelectionKey, {
|
|
7791
|
+
// optionKey: rangeSelectionKey,
|
|
7792
|
+
// rangeSelectedChange: rangeSelectedChange
|
|
7793
|
+
// })
|
|
7794
|
+
// }
|
|
7795
|
+
|
|
7969
7796
|
|
|
7970
7797
|
var setRangeSelection = function setRangeSelection(startDragCell, draggingCell) {
|
|
7971
|
-
if (!startDragCell || !draggingCell) return;
|
|
7798
|
+
if (!startDragCell || !draggingCell || isSameCell(startDragCell, draggingCell)) return;
|
|
7972
7799
|
var rangeColumns = getRangeColumns(startDragCell, draggingCell, columns);
|
|
7973
|
-
|
|
7974
|
-
var _getRangeSelectionRow = getRangeSelectionRowInfo(startDragCell, draggingCell, dataSource),
|
|
7975
|
-
startRow = _getRangeSelectionRow.startRow,
|
|
7976
|
-
endRow = _getRangeSelectionRow.endRow,
|
|
7977
|
-
footerRowRange = _getRangeSelectionRow.footerRowRange;
|
|
7978
|
-
|
|
7800
|
+
var isTopToBottom = startDragCell.rowIndex <= draggingCell.rowIndex;
|
|
7979
7801
|
var rangeSelection = {
|
|
7980
|
-
startRow:
|
|
7981
|
-
endRow:
|
|
7802
|
+
startRow: isTopToBottom ? startDragCell.rowIndex : startDragCell.rowIndex + startDragCell.rowSpan - 1,
|
|
7803
|
+
endRow: isTopToBottom ? draggingCell.rowIndex + draggingCell.rowSpan - 1 : draggingCell.rowIndex,
|
|
7982
7804
|
columns: rangeColumns,
|
|
7983
|
-
startColumn: startDragCell.column
|
|
7984
|
-
footerRowRange: footerRowRange
|
|
7805
|
+
startColumn: startDragCell.column
|
|
7985
7806
|
};
|
|
7986
7807
|
rangeSelectedChange(rangeSelection);
|
|
7987
7808
|
};
|
|
@@ -7992,23 +7813,23 @@ function rangeSelection(opts) {
|
|
|
7992
7813
|
|
|
7993
7814
|
if (clickCell) {
|
|
7994
7815
|
if (event.shiftKey) {
|
|
7995
|
-
var _lastClickCell = pipeline.getStateAtKey(
|
|
7816
|
+
var _lastClickCell = pipeline.getStateAtKey(lastClickCell);
|
|
7996
7817
|
|
|
7997
7818
|
if (_lastClickCell) {
|
|
7998
7819
|
setRangeSelection(_lastClickCell, clickCell);
|
|
7999
7820
|
} else {
|
|
8000
7821
|
// 第一次进来就按住shift键,这时候要记住点击的单元格
|
|
8001
|
-
pipeline.setStateAtKey(
|
|
7822
|
+
pipeline.setStateAtKey(lastClickCell, clickCell);
|
|
8002
7823
|
}
|
|
8003
7824
|
} else {
|
|
8004
|
-
pipeline.setStateAtKey(
|
|
8005
|
-
|
|
7825
|
+
pipeline.setStateAtKey(lastClickCell, clickCell);
|
|
7826
|
+
rangeSelectedChange(null);
|
|
8006
7827
|
}
|
|
8007
7828
|
}
|
|
8008
7829
|
};
|
|
8009
7830
|
|
|
8010
7831
|
var onMouseDown = function onMouseDown(mouseDownEvent) {
|
|
8011
|
-
if (mouseDownEvent.button !== 0 || !
|
|
7832
|
+
if (mouseDownEvent.button !== 0 || !Object(_utils__WEBPACK_IMPORTED_MODULE_11__["isElementInEventPath"])(tableBody, mouseDownEvent.nativeEvent)) return; // mouseDownEvent.preventDefault()
|
|
8012
7833
|
// shift + 点击选中
|
|
8013
7834
|
|
|
8014
7835
|
shiftKeySelect(mouseDownEvent);
|
|
@@ -8064,11 +7885,10 @@ function rangeSelection(opts) {
|
|
|
8064
7885
|
};
|
|
8065
7886
|
|
|
8066
7887
|
var onKeyDown = function onKeyDown(e) {
|
|
8067
|
-
if (!
|
|
7888
|
+
if (!Object(_utils__WEBPACK_IMPORTED_MODULE_11__["isElementInEventPath"])(tableBody, e.nativeEvent)) return;
|
|
8068
7889
|
|
|
8069
7890
|
if ((e.ctrlKey || e.metaKey) && e.key === 'a') {
|
|
8070
7891
|
var rowLen = pipeline.getDataSource().length;
|
|
8071
|
-
var footerDataSource = pipeline.getFooterDataSource() || [];
|
|
8072
7892
|
|
|
8073
7893
|
if (columns.length && rowLen) {
|
|
8074
7894
|
opts.preventkDefaultOfKeyDownEvent !== false && e.preventDefault();
|
|
@@ -8076,11 +7896,7 @@ function rangeSelection(opts) {
|
|
|
8076
7896
|
startRow: 0,
|
|
8077
7897
|
endRow: rowLen - 1,
|
|
8078
7898
|
columns: columns,
|
|
8079
|
-
startColumn: columns[0]
|
|
8080
|
-
footerRowRange: footerDataSource.length > 0 ? {
|
|
8081
|
-
startRow: 0,
|
|
8082
|
-
endRow: footerDataSource.length - 1
|
|
8083
|
-
} : null
|
|
7899
|
+
startColumn: columns[0]
|
|
8084
7900
|
});
|
|
8085
7901
|
}
|
|
8086
7902
|
}
|
|
@@ -8089,8 +7905,7 @@ function rangeSelection(opts) {
|
|
|
8089
7905
|
pipeline.addTableProps({
|
|
8090
7906
|
onMouseDown: onMouseDown,
|
|
8091
7907
|
onKeyDown: onKeyDown,
|
|
8092
|
-
tabIndex: -1
|
|
8093
|
-
className: classnames__WEBPACK_IMPORTED_MODULE_16___default()([_base_styles__WEBPACK_IMPORTED_MODULE_15__["Classes"].rangeSelection])
|
|
7908
|
+
tabIndex: -1
|
|
8094
7909
|
}); // todo: 后面可以把mousedown放到一个流里面
|
|
8095
7910
|
|
|
8096
7911
|
return pipeline.mapColumns(Object(_utils__WEBPACK_IMPORTED_MODULE_11__["makeRecursiveMapper"])(function (col) {
|
|
@@ -8104,29 +7919,15 @@ function rangeSelection(opts) {
|
|
|
8104
7919
|
var _cx;
|
|
8105
7920
|
|
|
8106
7921
|
var prevCellProps = prevGetCellProps === null || prevGetCellProps === void 0 ? void 0 : prevGetCellProps(value, record, rowIndex);
|
|
8107
|
-
var isInFooter = record[pipeline.getFeatureOptions('footerRowMetaKey')];
|
|
8108
7922
|
var startRow = rangeSelection.startRow,
|
|
8109
7923
|
endRow = rangeSelection.endRow,
|
|
8110
|
-
columns = rangeSelection.columns
|
|
8111
|
-
|
|
8112
|
-
|
|
8113
|
-
var _getRowIndex = getRowIndex(startRow, endRow),
|
|
8114
|
-
startRowIndex = _getRowIndex.startRowIndex,
|
|
8115
|
-
endRowIndex = _getRowIndex.endRowIndex;
|
|
8116
|
-
|
|
8117
|
-
var _getFooterRowIndex = getFooterRowIndex(footerRowRange),
|
|
8118
|
-
footerStartRowIndex = _getFooterRowIndex.startRowIndex,
|
|
8119
|
-
footerEndRowIndex = _getFooterRowIndex.endRowIndex;
|
|
8120
|
-
|
|
7924
|
+
columns = rangeSelection.columns;
|
|
7925
|
+
var startIndex = startRow < endRow ? startRow : endRow;
|
|
7926
|
+
var endIndex = startRow < endRow ? endRow : startRow;
|
|
8121
7927
|
var startCol = columns[0];
|
|
8122
7928
|
var endCol = columns[columns.length - 1];
|
|
8123
|
-
var
|
|
8124
|
-
var
|
|
8125
|
-
var match = footerMatch || bodyMatch;
|
|
8126
|
-
var matchSingleCell = match && isCellRangeSingleCell(rangeSelection); // 单个范围选中单元格不显示样式
|
|
8127
|
-
|
|
8128
|
-
var showCellRangeStyle = match && !matchSingleCell;
|
|
8129
|
-
var className = classnames__WEBPACK_IMPORTED_MODULE_16___default()((_cx = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_15__["Classes"].tableCellRangeSingleCell, matchSingleCell), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_15__["Classes"].tableCellRangeSelected, showCellRangeStyle), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_15__["Classes"].tableCellRangeTop, showCellRangeStyle && (isInFooter ? startRowIndex !== -1 ? false : rowIndex === footerStartRowIndex : rowIndex === startRowIndex)), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_15__["Classes"].tableCellRangeLeft, showCellRangeStyle && col.code === startCol.code), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_15__["Classes"].tableCellRangeBottom, showCellRangeStyle && (isInFooter ? rowIndex === footerEndRowIndex : footerRowRange ? false : rowIndex === endRowIndex)), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_15__["Classes"].tableCellRangeRight, showCellRangeStyle && col.code === endCol.code), _cx));
|
|
7929
|
+
var match = rowIndex >= startIndex && rowIndex <= endIndex;
|
|
7930
|
+
var className = classnames__WEBPACK_IMPORTED_MODULE_16___default()((_cx = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_15__["Classes"].tableCellRangeSelected, match), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_15__["Classes"].tableCellRangeTop, rowIndex === startIndex), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_15__["Classes"].tableCellRangeLeft, col.code === startCol.code && match), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_15__["Classes"].tableCellRangeBottom, rowIndex === endIndex), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_15__["Classes"].tableCellRangeRight, col.code === endCol.code && match), _cx));
|
|
8130
7931
|
return Object(_utils__WEBPACK_IMPORTED_MODULE_11__["mergeCellProps"])(prevCellProps, {
|
|
8131
7932
|
className: className
|
|
8132
7933
|
});
|
|
@@ -8152,8 +7953,7 @@ function getTargetCell(target, columns) {
|
|
|
8152
7953
|
rowIndex: parseInt(target.getAttribute('data-rowindex')),
|
|
8153
7954
|
rowSpan: parseInt(target.getAttribute('rowspan') || 1),
|
|
8154
7955
|
code: columnCode,
|
|
8155
|
-
column: column
|
|
8156
|
-
isInFooter: isEleInFooter(target)
|
|
7956
|
+
column: column
|
|
8157
7957
|
}
|
|
8158
7958
|
};
|
|
8159
7959
|
}();
|
|
@@ -8168,19 +7968,7 @@ function getTargetCell(target, columns) {
|
|
|
8168
7968
|
}
|
|
8169
7969
|
|
|
8170
7970
|
function isSameCell(cell1, cell2) {
|
|
8171
|
-
return cell1.rowIndex === cell2.rowIndex && cell1.code === cell2.code
|
|
8172
|
-
}
|
|
8173
|
-
|
|
8174
|
-
function isEleInFooter(target) {
|
|
8175
|
-
while (target && !target.classList.contains(_base_styles__WEBPACK_IMPORTED_MODULE_15__["Classes"].artTable)) {
|
|
8176
|
-
if (target.classList.contains(_base_styles__WEBPACK_IMPORTED_MODULE_15__["Classes"].tableFooter)) {
|
|
8177
|
-
return true;
|
|
8178
|
-
}
|
|
8179
|
-
|
|
8180
|
-
target = target.parentElement;
|
|
8181
|
-
}
|
|
8182
|
-
|
|
8183
|
-
return false;
|
|
7971
|
+
return cell1.rowIndex === cell2.rowIndex && cell1.code === cell2.code;
|
|
8184
7972
|
}
|
|
8185
7973
|
|
|
8186
7974
|
function getRangeColumns(startCell, endCell, columns) {
|
|
@@ -8199,99 +7987,6 @@ function getRangeColumns(startCell, endCell, columns) {
|
|
|
8199
7987
|
}
|
|
8200
7988
|
}
|
|
8201
7989
|
|
|
8202
|
-
function getRangeSelectionRowInfo(startCell, endCell, dataSource) {
|
|
8203
|
-
var footerRowRange = null;
|
|
8204
|
-
var startRow = -1;
|
|
8205
|
-
var endRow = -1;
|
|
8206
|
-
|
|
8207
|
-
var _getCellRangeRow = getCellRangeRow(startCell, endCell),
|
|
8208
|
-
_startRow = _getCellRangeRow.startRow,
|
|
8209
|
-
_endRow = _getCellRangeRow.endRow; // 两个单元格都在表体
|
|
8210
|
-
|
|
8211
|
-
|
|
8212
|
-
if (!startCell.isInFooter && !endCell.isInFooter) {
|
|
8213
|
-
startRow = _startRow;
|
|
8214
|
-
endRow = _endRow;
|
|
8215
|
-
} else if (startCell.isInFooter && endCell.isInFooter) {
|
|
8216
|
-
// 两个单元格都在表底
|
|
8217
|
-
footerRowRange = {
|
|
8218
|
-
startRow: _startRow,
|
|
8219
|
-
endRow: _endRow
|
|
8220
|
-
};
|
|
8221
|
-
} else {
|
|
8222
|
-
// 一个单元格在表体,一个在表底
|
|
8223
|
-
if (startCell.isInFooter) {
|
|
8224
|
-
startRow = dataSource.length - 1;
|
|
8225
|
-
endRow = endCell.rowIndex;
|
|
8226
|
-
footerRowRange = {
|
|
8227
|
-
startRow: startCell.rowIndex,
|
|
8228
|
-
endRow: 0
|
|
8229
|
-
};
|
|
8230
|
-
} else {
|
|
8231
|
-
startRow = startCell.rowIndex;
|
|
8232
|
-
endRow = dataSource.length - 1;
|
|
8233
|
-
footerRowRange = {
|
|
8234
|
-
startRow: 0,
|
|
8235
|
-
endRow: endCell.rowIndex
|
|
8236
|
-
};
|
|
8237
|
-
}
|
|
8238
|
-
}
|
|
8239
|
-
|
|
8240
|
-
return {
|
|
8241
|
-
startRow: startRow,
|
|
8242
|
-
endRow: endRow,
|
|
8243
|
-
footerRowRange: footerRowRange
|
|
8244
|
-
};
|
|
8245
|
-
}
|
|
8246
|
-
|
|
8247
|
-
function getCellRangeRow(startCell, endCell) {
|
|
8248
|
-
if (isSameCell(startCell, endCell)) {
|
|
8249
|
-
return {
|
|
8250
|
-
startRow: startCell.rowIndex,
|
|
8251
|
-
endRow: startCell.rowIndex
|
|
8252
|
-
};
|
|
8253
|
-
}
|
|
8254
|
-
|
|
8255
|
-
var isTopToBottom = startCell.rowIndex <= endCell.rowIndex;
|
|
8256
|
-
var startRow = isTopToBottom ? startCell.rowIndex : startCell.rowIndex + startCell.rowSpan - 1;
|
|
8257
|
-
var endRow = isTopToBottom ? endCell.rowIndex + endCell.rowSpan - 1 : endCell.rowIndex;
|
|
8258
|
-
return {
|
|
8259
|
-
startRow: startRow,
|
|
8260
|
-
endRow: endRow
|
|
8261
|
-
};
|
|
8262
|
-
}
|
|
8263
|
-
|
|
8264
|
-
function isCellRangeSingleCell(rangeSelection) {
|
|
8265
|
-
var startRow = rangeSelection.startRow,
|
|
8266
|
-
endRow = rangeSelection.endRow,
|
|
8267
|
-
columns = rangeSelection.columns,
|
|
8268
|
-
footerRowRange = rangeSelection.footerRowRange;
|
|
8269
|
-
var isBodySingleCell = !footerRowRange && startRow === endRow && columns.length === 1;
|
|
8270
|
-
var isFooterSingleCell = startRow === -1 && footerRowRange.startRow === footerRowRange.endRow && columns.length === 1;
|
|
8271
|
-
return isBodySingleCell || isFooterSingleCell;
|
|
8272
|
-
}
|
|
8273
|
-
|
|
8274
|
-
function getRowIndex(startRow, endRow) {
|
|
8275
|
-
var isReverse = startRow > endRow;
|
|
8276
|
-
var startRowIndex = isReverse ? endRow : startRow;
|
|
8277
|
-
var endRowIndex = isReverse ? startRow : endRow;
|
|
8278
|
-
return {
|
|
8279
|
-
startRowIndex: startRowIndex,
|
|
8280
|
-
endRowIndex: endRowIndex
|
|
8281
|
-
};
|
|
8282
|
-
}
|
|
8283
|
-
|
|
8284
|
-
function getFooterRowIndex(footerRowRange) {
|
|
8285
|
-
if (footerRowRange) {
|
|
8286
|
-
return getRowIndex(footerRowRange.startRow, footerRowRange.endRow);
|
|
8287
|
-
}
|
|
8288
|
-
|
|
8289
|
-
return {
|
|
8290
|
-
startRowIndex: -1,
|
|
8291
|
-
endRowIndex: -1
|
|
8292
|
-
};
|
|
8293
|
-
}
|
|
8294
|
-
|
|
8295
7990
|
/***/ }),
|
|
8296
7991
|
|
|
8297
7992
|
/***/ "./components/table/pipeline/features/rowDetail.tsx":
|
|
@@ -9016,10 +8711,6 @@ function singleSelect() {
|
|
|
9016
8711
|
return preCellProps;
|
|
9017
8712
|
},
|
|
9018
8713
|
render: function render(_, row, rowIndex) {
|
|
9019
|
-
if (row[pipeline.getFeatureOptions('footerRowMetaKey')]) {
|
|
9020
|
-
return null;
|
|
9021
|
-
}
|
|
9022
|
-
|
|
9023
8714
|
var rowKey = _internals__WEBPACK_IMPORTED_MODULE_10__["internals"].safeGetRowKey(primaryKey, row, rowIndex);
|
|
9024
8715
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(Radio, {
|
|
9025
8716
|
checked: value === rowKey,
|
|
@@ -9608,24 +9299,24 @@ function tips() {
|
|
|
9608
9299
|
__webpack_require__.r(__webpack_exports__);
|
|
9609
9300
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "treeMetaSymbol", function() { return treeMetaSymbol; });
|
|
9610
9301
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "treeMode", function() { return treeMode; });
|
|
9611
|
-
/* harmony import */ var
|
|
9612
|
-
/* harmony import */ var
|
|
9613
|
-
/* harmony import */ var
|
|
9614
|
-
/* harmony import */ var
|
|
9615
|
-
/* harmony import */ var
|
|
9616
|
-
/* harmony import */ var
|
|
9617
|
-
/* harmony import */ var
|
|
9618
|
-
/* harmony import */ var
|
|
9619
|
-
/* harmony import */ var
|
|
9620
|
-
/* harmony import */ var
|
|
9621
|
-
/* harmony import */ var
|
|
9622
|
-
/* harmony import */ var
|
|
9623
|
-
/* harmony import */ var
|
|
9624
|
-
/* harmony import */ var
|
|
9625
|
-
/* harmony import */ var
|
|
9626
|
-
/* harmony import */ var
|
|
9627
|
-
/* harmony import */ var
|
|
9628
|
-
/* harmony import */ var
|
|
9302
|
+
/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
|
|
9303
|
+
/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
9304
|
+
/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.from.js */ "./node_modules/core-js/modules/es.array.from.js");
|
|
9305
|
+
/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
9306
|
+
/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
|
|
9307
|
+
/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
9308
|
+
/* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.symbol.iterator.js */ "./node_modules/core-js/modules/es.symbol.iterator.js");
|
|
9309
|
+
/* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
9310
|
+
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
|
|
9311
|
+
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_4__);
|
|
9312
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
|
|
9313
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_5__);
|
|
9314
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
|
|
9315
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__);
|
|
9316
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
|
|
9317
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_7__);
|
|
9318
|
+
/* harmony import */ var _babel_runtime_helpers_toArray__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime/helpers/toArray */ "./node_modules/@babel/runtime/helpers/toArray.js");
|
|
9319
|
+
/* harmony import */ var _babel_runtime_helpers_toArray__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toArray__WEBPACK_IMPORTED_MODULE_8__);
|
|
9629
9320
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
|
|
9630
9321
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9__);
|
|
9631
9322
|
/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
|
|
@@ -9648,8 +9339,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9648
9339
|
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_18__);
|
|
9649
9340
|
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
|
|
9650
9341
|
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_19__);
|
|
9651
|
-
/* harmony import */ var
|
|
9652
|
-
/* harmony import */ var
|
|
9342
|
+
/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
|
|
9343
|
+
/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_20__);
|
|
9653
9344
|
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
|
9654
9345
|
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_21__);
|
|
9655
9346
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! react */ "react");
|
|
@@ -9705,6 +9396,11 @@ function treeMode() {
|
|
|
9705
9396
|
var stateKey = 'treeMode';
|
|
9706
9397
|
var ctx = pipeline.ctx;
|
|
9707
9398
|
var primaryKey = pipeline.ensurePrimaryKey('treeMode');
|
|
9399
|
+
|
|
9400
|
+
if (typeof primaryKey !== 'string') {
|
|
9401
|
+
throw new Error('treeMode 仅支持字符串作为 primaryKey');
|
|
9402
|
+
}
|
|
9403
|
+
|
|
9708
9404
|
var openKeys = (_ref = (_ref2 = (_opts$openKeys = opts.openKeys) !== null && _opts$openKeys !== void 0 ? _opts$openKeys : pipeline.getStateAtKey(stateKey)) !== null && _ref2 !== void 0 ? _ref2 : opts.defaultOpenKeys) !== null && _ref !== void 0 ? _ref : [];
|
|
9709
9405
|
var openKeySet = new Set(openKeys);
|
|
9710
9406
|
|
|
@@ -9757,7 +9453,7 @@ function treeMode() {
|
|
|
9757
9453
|
try {
|
|
9758
9454
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
9759
9455
|
var _node = _step.value;
|
|
9760
|
-
var rowKey =
|
|
9456
|
+
var rowKey = _node[primaryKey];
|
|
9761
9457
|
var expanded = openKeySet.has(rowKey);
|
|
9762
9458
|
var isLeaf = isLeafNode(_node, {
|
|
9763
9459
|
depth: depth,
|
|
@@ -9791,15 +9487,12 @@ function treeMode() {
|
|
|
9791
9487
|
return columns;
|
|
9792
9488
|
}
|
|
9793
9489
|
|
|
9794
|
-
var
|
|
9795
|
-
|
|
9796
|
-
|
|
9797
|
-
});
|
|
9798
|
-
expandColIndex = expandColIndex === -1 ? 0 : expandColIndex;
|
|
9799
|
-
var expandCol = columns[expandColIndex];
|
|
9490
|
+
var _columns = _babel_runtime_helpers_toArray__WEBPACK_IMPORTED_MODULE_8___default()(columns),
|
|
9491
|
+
firstCol = _columns[0],
|
|
9492
|
+
others = _columns.slice(1);
|
|
9800
9493
|
|
|
9801
9494
|
var render = function render(value, record, recordIndex) {
|
|
9802
|
-
var content = _internals__WEBPACK_IMPORTED_MODULE_24__["internals"].safeRender(
|
|
9495
|
+
var content = _internals__WEBPACK_IMPORTED_MODULE_24__["internals"].safeRender(firstCol, record, recordIndex);
|
|
9803
9496
|
|
|
9804
9497
|
if (record[treeMetaKey] == null) {
|
|
9805
9498
|
// 没有 treeMeta 信息的话,就返回原先的渲染结果
|
|
@@ -9859,7 +9552,7 @@ function treeMode() {
|
|
|
9859
9552
|
};
|
|
9860
9553
|
|
|
9861
9554
|
var getCellProps = function getCellProps(value, record, rowIndex) {
|
|
9862
|
-
var prevProps = _internals__WEBPACK_IMPORTED_MODULE_24__["internals"].safeGetCellProps(
|
|
9555
|
+
var prevProps = _internals__WEBPACK_IMPORTED_MODULE_24__["internals"].safeGetCellProps(firstCol, record, rowIndex);
|
|
9863
9556
|
|
|
9864
9557
|
if (record[treeMetaKey] == null) {
|
|
9865
9558
|
// 没有 treeMeta 信息的话,就返回原先的 cellProps
|
|
@@ -9888,16 +9581,15 @@ function treeMode() {
|
|
|
9888
9581
|
});
|
|
9889
9582
|
};
|
|
9890
9583
|
|
|
9891
|
-
|
|
9584
|
+
return [_objectSpread(_objectSpread({}, firstCol), {}, {
|
|
9892
9585
|
title: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("span", {
|
|
9893
9586
|
style: {
|
|
9894
9587
|
marginLeft: iconIndent + iconWidth + iconGap
|
|
9895
9588
|
}
|
|
9896
|
-
}, _internals__WEBPACK_IMPORTED_MODULE_24__["internals"].safeRenderHeader(
|
|
9589
|
+
}, _internals__WEBPACK_IMPORTED_MODULE_24__["internals"].safeRenderHeader(firstCol)),
|
|
9897
9590
|
render: render,
|
|
9898
|
-
getCellProps: clickArea === 'cell' ? getCellProps :
|
|
9899
|
-
});
|
|
9900
|
-
return _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_10___default()(columns);
|
|
9591
|
+
getCellProps: clickArea === 'cell' ? getCellProps : firstCol.getCellProps
|
|
9592
|
+
})].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_10___default()(others));
|
|
9901
9593
|
}
|
|
9902
9594
|
};
|
|
9903
9595
|
}
|
|
@@ -10169,7 +9861,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
10169
9861
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__);
|
|
10170
9862
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../utils */ "./components/table/utils/index.tsx");
|
|
10171
9863
|
/* harmony import */ var _features_autoFill__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./features/autoFill */ "./components/table/pipeline/features/autoFill.tsx");
|
|
10172
|
-
/* harmony import */ var _features_rangeSelection__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./features/rangeSelection */ "./components/table/pipeline/features/rangeSelection.tsx");
|
|
10173
9864
|
|
|
10174
9865
|
|
|
10175
9866
|
|
|
@@ -10194,7 +9885,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
10194
9885
|
|
|
10195
9886
|
|
|
10196
9887
|
|
|
10197
|
-
|
|
10198
9888
|
/**
|
|
10199
9889
|
* 表格数据处理流水线。TablePipeline 提供了表格数据处理过程中的一些上下方与工具方法,包括……
|
|
10200
9890
|
*
|
|
@@ -10475,18 +10165,18 @@ var TablePipeline = /*#__PURE__*/function () {
|
|
|
10475
10165
|
|
|
10476
10166
|
result.setTableDomHelper = function (domHelper) {
|
|
10477
10167
|
_this2.ref.current.domHelper = domHelper;
|
|
10478
|
-
};
|
|
10168
|
+
}; // if (this.getFeatureOptions(rangeSelectionKey)) {
|
|
10169
|
+
// result.clearRangeSelectionStatus = () => {
|
|
10170
|
+
// const { rangeSelectedChange } = this.getFeatureOptions(rangeSelectionKey)
|
|
10171
|
+
// const rangeSelection = this.getStateAtKey(rangeSelectionKey)
|
|
10172
|
+
// if (rangeSelection) {
|
|
10173
|
+
// rangeSelectedChange?.(null)
|
|
10174
|
+
// }
|
|
10175
|
+
// }
|
|
10176
|
+
// }
|
|
10479
10177
|
|
|
10480
|
-
return result;
|
|
10481
|
-
}
|
|
10482
|
-
/**
|
|
10483
|
-
* 清除范围选中内容
|
|
10484
|
-
*/
|
|
10485
10178
|
|
|
10486
|
-
|
|
10487
|
-
key: "clearRangeSelection",
|
|
10488
|
-
value: function clearRangeSelection() {
|
|
10489
|
-
this.setStateAtKey(_features_rangeSelection__WEBPACK_IMPORTED_MODULE_18__["rangeSelectionKey"], null);
|
|
10179
|
+
return result;
|
|
10490
10180
|
}
|
|
10491
10181
|
}]);
|
|
10492
10182
|
|
|
@@ -13685,22 +13375,6 @@ function isLeafNode(node) {
|
|
|
13685
13375
|
|
|
13686
13376
|
/***/ }),
|
|
13687
13377
|
|
|
13688
|
-
/***/ "./components/table/utils/keyCode.ts":
|
|
13689
|
-
/*!*******************************************!*\
|
|
13690
|
-
!*** ./components/table/utils/keyCode.ts ***!
|
|
13691
|
-
\*******************************************/
|
|
13692
|
-
/*! exports provided: default */
|
|
13693
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
13694
|
-
|
|
13695
|
-
"use strict";
|
|
13696
|
-
__webpack_require__.r(__webpack_exports__);
|
|
13697
|
-
var KeyCode = {
|
|
13698
|
-
ENTER: 13
|
|
13699
|
-
};
|
|
13700
|
-
/* harmony default export */ __webpack_exports__["default"] = (KeyCode);
|
|
13701
|
-
|
|
13702
|
-
/***/ }),
|
|
13703
|
-
|
|
13704
13378
|
/***/ "./components/table/utils/layeredFilter.ts":
|
|
13705
13379
|
/*!*************************************************!*\
|
|
13706
13380
|
!*** ./components/table/utils/layeredFilter.ts ***!
|
|
@@ -14007,9 +13681,13 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
14007
13681
|
|
|
14008
13682
|
function composeEventHandler(handler1, handler2) {
|
|
14009
13683
|
return function () {
|
|
13684
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
13685
|
+
args[_key] = arguments[_key];
|
|
13686
|
+
}
|
|
13687
|
+
|
|
14010
13688
|
// 先执行原有的事件回调函数
|
|
14011
|
-
handler1
|
|
14012
|
-
handler2
|
|
13689
|
+
handler1(args);
|
|
13690
|
+
handler2(args); // 事件回调函数没有返回值,故这里不进行 return
|
|
14013
13691
|
};
|
|
14014
13692
|
}
|
|
14015
13693
|
/** 合并两个 cellProps(单元格属性)对象,返回一个合并后的全新对象。
|