@kdcloudjs/table 1.1.3-canary.9 → 1.1.4-canary.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@kdcloudjs/table.css +1 -1
- package/dist/@kdcloudjs/table.js +246 -161
- package/dist/@kdcloudjs/table.js.map +1 -1
- package/dist/@kdcloudjs/table.min.css +1 -1
- package/dist/@kdcloudjs/table.min.js +10 -9
- package/dist/@kdcloudjs/table.min.js.map +1 -1
- package/es/table/base/styles.d.ts +5 -2
- package/es/table/base/styles.js +11 -6
- package/es/table/base/table.d.ts +2 -0
- package/es/table/base/table.js +27 -50
- package/es/table/base/utils.d.ts +7 -0
- package/es/table/base/utils.js +29 -1
- package/es/table/pipeline/features/columnDrag.js +5 -4
- package/es/table/pipeline/features/columnFilter.d.ts +1 -1
- package/es/table/pipeline/features/columnResizeWidth.js +1 -1
- package/es/table/pipeline/features/filter/DefaultFilterContent.js +22 -2
- package/es/table/pipeline/features/filter/DefaultFilterIcon.d.ts +5 -0
- package/es/table/pipeline/features/filter/DefaultFilterIcon.js +20 -0
- package/es/table/pipeline/features/filter/Filter.d.ts +1 -1
- package/es/table/pipeline/features/filter/Filter.js +16 -20
- package/es/table/pipeline/features/filter/FilterPanel.js +21 -15
- package/es/table/pipeline/pipeline.js +1 -1
- package/es/table/utils/keyCode.d.ts +4 -0
- package/es/table/utils/keyCode.js +4 -0
- package/es/table/utils/mergeCellProps.js +2 -6
- package/lib/table/base/styles.d.ts +5 -2
- package/lib/table/base/styles.js +11 -6
- package/lib/table/base/table.d.ts +2 -0
- package/lib/table/base/table.js +27 -50
- package/lib/table/base/utils.d.ts +7 -0
- package/lib/table/base/utils.js +35 -1
- package/lib/table/pipeline/features/columnDrag.js +5 -4
- package/lib/table/pipeline/features/columnFilter.d.ts +1 -1
- package/lib/table/pipeline/features/columnResizeWidth.js +1 -1
- package/lib/table/pipeline/features/filter/DefaultFilterContent.js +23 -1
- package/lib/table/pipeline/features/filter/DefaultFilterIcon.d.ts +5 -0
- package/lib/table/pipeline/features/filter/DefaultFilterIcon.js +30 -0
- package/lib/table/pipeline/features/filter/Filter.d.ts +1 -1
- package/lib/table/pipeline/features/filter/Filter.js +17 -20
- package/lib/table/pipeline/features/filter/FilterPanel.js +21 -14
- package/lib/table/pipeline/pipeline.js +1 -1
- package/lib/table/utils/keyCode.d.ts +4 -0
- package/lib/table/utils/keyCode.js +11 -0
- package/lib/table/utils/mergeCellProps.js +2 -6
- package/package.json +1 -1
package/dist/@kdcloudjs/table.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
*
|
|
3
|
-
* @kdcloudjs/table v1.1.3-canary.
|
|
3
|
+
* @kdcloudjs/table v1.1.3-canary.10
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -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, _templateObject4, _templateObject5;
|
|
3239
3239
|
|
|
3240
3240
|
|
|
3241
3241
|
|
|
@@ -3246,6 +3246,7 @@ var prefix = 'kd-';
|
|
|
3246
3246
|
var Classes = {
|
|
3247
3247
|
/** BaseTable 表格组件的外层包裹 div */
|
|
3248
3248
|
artTableWrapper: "".concat(prefix, "table-wrapper"),
|
|
3249
|
+
artTableBordered: "".concat(prefix, "table-bordered"),
|
|
3249
3250
|
artTable: "".concat(prefix, "table"),
|
|
3250
3251
|
tableHeaderMain: "".concat(prefix, "table-header-main"),
|
|
3251
3252
|
tableHeader: "".concat(prefix, "table-header"),
|
|
@@ -3329,7 +3330,7 @@ var Z = {
|
|
|
3329
3330
|
scrollItem: 30,
|
|
3330
3331
|
loadingIndicator: 40
|
|
3331
3332
|
};
|
|
3332
|
-
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
|
|
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);
|
|
3333
3334
|
var defaultCSSVariables = {
|
|
3334
3335
|
'--row-height': '48px',
|
|
3335
3336
|
'--color': '#333',
|
|
@@ -3339,7 +3340,7 @@ var defaultCSSVariables = {
|
|
|
3339
3340
|
'--primary-color': '#5582F3',
|
|
3340
3341
|
'--primary-color-level1': 'rgb(242, 248, 255)',
|
|
3341
3342
|
'--primary-color-level2': 'rgb(135, 173, 255)',
|
|
3342
|
-
'--icon-color': '#
|
|
3343
|
+
'--icon-color': '#666666',
|
|
3343
3344
|
'--strong-border-color': '#d9d9d9',
|
|
3344
3345
|
'--header-row-height': '32px',
|
|
3345
3346
|
'--header-color': '#333',
|
|
@@ -3355,11 +3356,15 @@ var defaultCSSVariables = {
|
|
|
3355
3356
|
'--cell-border-horizontal': '1px solid #dfe3e8',
|
|
3356
3357
|
'---cell-border-vertical': '1px solid #dfe3e8',
|
|
3357
3358
|
'--header-cell-border': '1px solid #dfe3e8',
|
|
3358
|
-
'--
|
|
3359
|
+
'--cell-border-vertical': '1px solid #dfe3e8',
|
|
3360
|
+
'--header-cell-border-horizontal': '1px solid #dfe3e8',
|
|
3361
|
+
'--header-cell-border-vertical': '1px solid #dfe3e8'
|
|
3359
3362
|
};
|
|
3360
3363
|
var variableConst = getCssVariableText(defaultCSSVariables);
|
|
3361
|
-
var
|
|
3362
|
-
var
|
|
3364
|
+
var notBorderedStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_4__["css"])(_templateObject2 || (_templateObject2 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n --cell-border-vertical: none;\n --header-cell-border-vertical: none;\n"])));
|
|
3365
|
+
var borderedStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_4__["css"])(_templateObject3 || (_templateObject3 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n //th\u9690\u85CF\u5217\u5BBD\u62D6\u62FD\u7684\u80CC\u666F\u8272\uFF0C\u4F7F\u7528th\u7684\u53F3\u8FB9\u6846\u4EE3\u66FF\n .", "::after{\n background-color: inherit;\n }\n"])), Classes.tableHeaderCellResize);
|
|
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);
|
|
3363
3368
|
|
|
3364
3369
|
function getCssVariableText(obj) {
|
|
3365
3370
|
return Object.keys(obj).reduce(function (acc, key) {
|
|
@@ -3402,22 +3407,22 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3402
3407
|
/* 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__);
|
|
3403
3408
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
|
|
3404
3409
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10__);
|
|
3405
|
-
/* harmony import */ var
|
|
3406
|
-
/* harmony import */ var
|
|
3407
|
-
/* harmony import */ var
|
|
3408
|
-
/* harmony import */ var
|
|
3409
|
-
/* harmony import */ var
|
|
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
|
|
3410
|
+
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
|
|
3411
|
+
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_11__);
|
|
3412
|
+
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/classCallCheck.js");
|
|
3413
|
+
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_12__);
|
|
3414
|
+
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/createClass.js");
|
|
3415
|
+
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_13__);
|
|
3416
|
+
/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @babel/runtime/helpers/assertThisInitialized */ "./node_modules/@babel/runtime/helpers/assertThisInitialized.js");
|
|
3417
|
+
/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14__);
|
|
3418
|
+
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "./node_modules/@babel/runtime/helpers/inherits.js");
|
|
3419
|
+
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_15__);
|
|
3420
|
+
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js");
|
|
3421
|
+
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_16__);
|
|
3422
|
+
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js");
|
|
3423
|
+
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_17__);
|
|
3424
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
|
|
3425
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18__);
|
|
3421
3426
|
/* 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");
|
|
3422
3427
|
/* 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__);
|
|
3423
3428
|
/* 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");
|
|
@@ -3448,9 +3453,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3448
3453
|
/* harmony import */ var _loading__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./loading */ "./components/table/base/loading.tsx");
|
|
3449
3454
|
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./styles */ "./components/table/base/styles.ts");
|
|
3450
3455
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./utils */ "./components/table/base/utils.tsx");
|
|
3451
|
-
/* harmony import */ var
|
|
3452
|
-
/* harmony import */ var
|
|
3453
|
-
/* harmony import */ var _renderTemplates__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./renderTemplates */ "./components/table/base/renderTemplates.tsx");
|
|
3456
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../utils */ "./components/table/utils/index.tsx");
|
|
3457
|
+
/* harmony import */ var _renderTemplates__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./renderTemplates */ "./components/table/base/renderTemplates.tsx");
|
|
3454
3458
|
|
|
3455
3459
|
|
|
3456
3460
|
|
|
@@ -3485,7 +3489,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
3485
3489
|
|
|
3486
3490
|
|
|
3487
3491
|
|
|
3488
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super =
|
|
3492
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_17___default()(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_17___default()(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_16___default()(this, result); }; }
|
|
3489
3493
|
|
|
3490
3494
|
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; } }
|
|
3491
3495
|
|
|
@@ -3505,75 +3509,48 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
|
|
|
3505
3509
|
|
|
3506
3510
|
|
|
3507
3511
|
|
|
3508
|
-
|
|
3509
|
-
|
|
3510
|
-
var cssPolifill = function cssPolifill(_ref) {
|
|
3511
|
-
var variables = _ref.variables,
|
|
3512
|
-
enableCSSVariables = _ref.enableCSSVariables;
|
|
3513
|
-
|
|
3514
|
-
// const style = document.createElement('style')
|
|
3515
|
-
// style.type = 'text/css'
|
|
3516
|
-
// style.innerHTML = '.aaa{ --color: red; }'
|
|
3517
|
-
// document.getElementsByTagName('head').item(0).appendChild(style)
|
|
3518
|
-
// const variableNames = variableConst.match(/--.*?(?=:)/g)
|
|
3519
|
-
// variables = variableNames.map((name) => rootElement.style[name])
|
|
3520
|
-
if (enableCSSVariables === false) {
|
|
3521
|
-
return;
|
|
3522
|
-
}
|
|
3523
|
-
|
|
3524
|
-
Object(css_vars_ponyfill__WEBPACK_IMPORTED_MODULE_40__["default"])({
|
|
3525
|
-
// exclude: 'link[href*="semantic-ui"]',
|
|
3526
|
-
// onlyLegacy: false,
|
|
3527
|
-
// rootElement: rootElement,
|
|
3528
|
-
include: 'style[data-styled]',
|
|
3529
|
-
variables: _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_18___default()({}, _styles__WEBPACK_IMPORTED_MODULE_38__["defaultCSSVariables"], variables),
|
|
3530
|
-
watch: true,
|
|
3531
|
-
silent: true
|
|
3532
|
-
});
|
|
3533
|
-
};
|
|
3534
|
-
|
|
3535
3512
|
var propsDotEmptyContentDeprecatedWarned = false;
|
|
3536
3513
|
|
|
3537
3514
|
function warnPropsDotEmptyContentIsDeprecated() {
|
|
3538
3515
|
if (!propsDotEmptyContentDeprecatedWarned) {
|
|
3539
3516
|
propsDotEmptyContentDeprecatedWarned = true;
|
|
3540
|
-
|
|
3517
|
+
_utils__WEBPACK_IMPORTED_MODULE_40__["console"].warn('BaseTable props.emptyContent 已经过时，请使用 props.components.EmptyContent 来自定义数据为空时的表格表现');
|
|
3541
3518
|
}
|
|
3542
3519
|
}
|
|
3543
3520
|
|
|
3544
3521
|
var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
3545
|
-
|
|
3522
|
+
_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_15___default()(BaseTable, _React$Component);
|
|
3546
3523
|
|
|
3547
3524
|
var _super = _createSuper(BaseTable);
|
|
3548
3525
|
|
|
3549
3526
|
function BaseTable(props) {
|
|
3550
3527
|
var _this;
|
|
3551
3528
|
|
|
3552
|
-
|
|
3529
|
+
_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_12___default()(this, BaseTable);
|
|
3553
3530
|
|
|
3554
3531
|
_this = _super.call(this, props);
|
|
3555
3532
|
|
|
3556
|
-
|
|
3533
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "rowHeightManager", Object(_helpers_rowHeightManager__WEBPACK_IMPORTED_MODULE_34__["makeRowHeightManager"])(_this.props.dataSource.length, _this.props.estimatedRowHeight));
|
|
3557
3534
|
|
|
3558
|
-
|
|
3535
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "artTableWrapperRef", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createRef());
|
|
3559
3536
|
|
|
3560
|
-
|
|
3537
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "domHelper", void 0);
|
|
3561
3538
|
|
|
3562
|
-
|
|
3539
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "rootSubscription", new rxjs__WEBPACK_IMPORTED_MODULE_28__["Subscription"]());
|
|
3563
3540
|
|
|
3564
|
-
|
|
3541
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "lastInfo", void 0);
|
|
3565
3542
|
|
|
3566
|
-
|
|
3543
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "props$", void 0);
|
|
3567
3544
|
|
|
3568
|
-
|
|
3545
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "hasScrollY", false);
|
|
3569
3546
|
|
|
3570
|
-
|
|
3547
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "resizeObserver", void 0);
|
|
3571
3548
|
|
|
3572
|
-
|
|
3549
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "resizeSubject", new rxjs__WEBPACK_IMPORTED_MODULE_28__["Subject"]());
|
|
3573
3550
|
|
|
3574
|
-
|
|
3551
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "offsetY", 0);
|
|
3575
3552
|
|
|
3576
|
-
|
|
3553
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "handleRowMouseEnter", function (e) {
|
|
3577
3554
|
var nodeList = _this.domHelper.getRowNodeListByEvent(e);
|
|
3578
3555
|
|
|
3579
3556
|
nodeList && nodeList.forEach(function (node) {
|
|
@@ -3581,7 +3558,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3581
3558
|
});
|
|
3582
3559
|
});
|
|
3583
3560
|
|
|
3584
|
-
|
|
3561
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "handleRowMouseLeave", function (e) {
|
|
3585
3562
|
var nodeList = _this.domHelper.getRowNodeListByEvent(e);
|
|
3586
3563
|
|
|
3587
3564
|
nodeList && nodeList.forEach(function (node) {
|
|
@@ -3589,7 +3566,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3589
3566
|
});
|
|
3590
3567
|
});
|
|
3591
3568
|
|
|
3592
|
-
|
|
3569
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "renderTableBody", function (info) {
|
|
3593
3570
|
// console.log('render body')
|
|
3594
3571
|
var _this$props = _this.props,
|
|
3595
3572
|
dataSource = _this$props.dataSource,
|
|
@@ -3600,7 +3577,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3600
3577
|
footerDataSource = _this$props.footerDataSource;
|
|
3601
3578
|
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的方向键控制滚动条的功能
|
|
3602
3579
|
|
|
3603
|
-
var virtualStyle =
|
|
3580
|
+
var virtualStyle = _utils__WEBPACK_IMPORTED_MODULE_40__["browserType"].isIE || _utils__WEBPACK_IMPORTED_MODULE_40__["browserType"].isEdge ? {
|
|
3604
3581
|
overflow: 'hidden'
|
|
3605
3582
|
} : {};
|
|
3606
3583
|
|
|
@@ -3638,7 +3615,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3638
3615
|
topBlank = _info$verticalRenderR.topBlank,
|
|
3639
3616
|
bottomIndex = _info$verticalRenderR.bottomIndex;
|
|
3640
3617
|
var stickyRightOffset = _this.hasScrollY ? _this.getScrollBarWidth() : 0;
|
|
3641
|
-
var renderBody = Object(
|
|
3618
|
+
var renderBody = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_41__["default"])('body');
|
|
3642
3619
|
|
|
3643
3620
|
if (typeof renderBody === 'function') {
|
|
3644
3621
|
return renderBody(info, _this.props, {
|
|
@@ -3701,13 +3678,13 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3701
3678
|
/** 自定义滚动条宽度为table宽度，使滚动条滑块宽度相同 */
|
|
3702
3679
|
|
|
3703
3680
|
|
|
3704
|
-
|
|
3681
|
+
_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_13___default()(BaseTable, [{
|
|
3705
3682
|
key: "getDoms",
|
|
3706
3683
|
value: // 最近一次渲染的计算结果缓存
|
|
3707
3684
|
|
|
3708
3685
|
/** @deprecated BaseTable.getDoms() 已经过时，请勿调用 */
|
|
3709
3686
|
function getDoms() {
|
|
3710
|
-
|
|
3687
|
+
_utils__WEBPACK_IMPORTED_MODULE_40__["console"].warn('[kd-table] BaseTable.getDoms() 已经过时');
|
|
3711
3688
|
return this.domHelper;
|
|
3712
3689
|
}
|
|
3713
3690
|
}, {
|
|
@@ -3777,7 +3754,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3777
3754
|
var _this$props4 = this.props,
|
|
3778
3755
|
stickyTop = _this$props4.stickyTop,
|
|
3779
3756
|
hasHeader = _this$props4.hasHeader;
|
|
3780
|
-
var renderHeader = Object(
|
|
3757
|
+
var renderHeader = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_41__["default"])('header');
|
|
3781
3758
|
|
|
3782
3759
|
if (typeof renderHeader === 'function') {
|
|
3783
3760
|
return renderHeader(info, this.props);
|
|
@@ -3870,7 +3847,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3870
3847
|
getRowProps = _this$props5.getRowProps,
|
|
3871
3848
|
primaryKey = _this$props5.primaryKey,
|
|
3872
3849
|
stickyBottom = _this$props5.stickyBottom;
|
|
3873
|
-
var renderFooter = Object(
|
|
3850
|
+
var renderFooter = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_41__["default"])('footer');
|
|
3874
3851
|
|
|
3875
3852
|
if (typeof renderFooter === 'function') {
|
|
3876
3853
|
return renderFooter(info, this.props, {
|
|
@@ -3954,6 +3931,8 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3954
3931
|
}, {
|
|
3955
3932
|
key: "render",
|
|
3956
3933
|
value: function render() {
|
|
3934
|
+
var _cx;
|
|
3935
|
+
|
|
3957
3936
|
// console.log('render table')
|
|
3958
3937
|
var info = Object(_calculations__WEBPACK_IMPORTED_MODULE_30__["calculateRenderInfo"])(this);
|
|
3959
3938
|
this.lastInfo = info;
|
|
@@ -3969,19 +3948,19 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3969
3948
|
isLoading = _this$props7.isLoading,
|
|
3970
3949
|
getTableProps = _this$props7.getTableProps,
|
|
3971
3950
|
footerDataSource = _this$props7.footerDataSource,
|
|
3972
|
-
components = _this$props7.components
|
|
3973
|
-
|
|
3951
|
+
components = _this$props7.components,
|
|
3952
|
+
bordered = _this$props7.bordered;
|
|
3953
|
+
var artTableWrapperClassName = classnames__WEBPACK_IMPORTED_MODULE_26___default()(_styles__WEBPACK_IMPORTED_MODULE_38__["Classes"].artTableWrapper, (_cx = {
|
|
3974
3954
|
'use-outer-border': useOuterBorder,
|
|
3975
3955
|
empty: dataSource.length === 0,
|
|
3976
3956
|
lock: info.hasLockColumn,
|
|
3977
3957
|
'has-header': hasHeader,
|
|
3978
3958
|
'sticky-header': isStickyHeader !== null && isStickyHeader !== void 0 ? isStickyHeader : isStickyHead,
|
|
3979
3959
|
'has-footer': footerDataSource.length > 0,
|
|
3980
|
-
'sticky-footer': isStickyFooter
|
|
3981
|
-
|
|
3982
|
-
}, className);
|
|
3960
|
+
'sticky-footer': isStickyFooter
|
|
3961
|
+
}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_cx, _styles__WEBPACK_IMPORTED_MODULE_38__["Classes"].artTableBordered, bordered), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_cx, 'ie-polyfill-wrapper', _utils__WEBPACK_IMPORTED_MODULE_40__["browserType"].isIE), _cx), className);
|
|
3983
3962
|
|
|
3984
|
-
var artTableWrapperProps =
|
|
3963
|
+
var artTableWrapperProps = _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()({
|
|
3985
3964
|
className: artTableWrapperClassName,
|
|
3986
3965
|
style: style
|
|
3987
3966
|
}, _utils__WEBPACK_IMPORTED_MODULE_39__["STYLED_REF_PROP"], this.artTableWrapperRef);
|
|
@@ -3991,7 +3970,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3991
3970
|
visible: isLoading,
|
|
3992
3971
|
LoadingIcon: components.LoadingIcon,
|
|
3993
3972
|
LoadingContentWrapper: components.LoadingContentWrapper
|
|
3994
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("div",
|
|
3973
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_11___default()({}, tableProps, {
|
|
3995
3974
|
className: classnames__WEBPACK_IMPORTED_MODULE_26___default()(_styles__WEBPACK_IMPORTED_MODULE_38__["Classes"].artTable, tableProps.className)
|
|
3996
3975
|
}), this.renderTableHeader(info), this.renderTableBody(info), this.renderTableFooter(info), this.renderLockShadows(info)), this.renderStickyScroll(info)));
|
|
3997
3976
|
}
|
|
@@ -4010,10 +3989,12 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
4010
3989
|
|
|
4011
3990
|
var _this$props8 = this.props,
|
|
4012
3991
|
cssVariables = _this$props8.cssVariables,
|
|
4013
|
-
enableCSSVariables = _this$props8.enableCSSVariables
|
|
4014
|
-
|
|
3992
|
+
enableCSSVariables = _this$props8.enableCSSVariables,
|
|
3993
|
+
bordered = _this$props8.bordered;
|
|
3994
|
+
Object(_utils__WEBPACK_IMPORTED_MODULE_39__["cssPolifill"])({
|
|
4015
3995
|
variables: cssVariables || {},
|
|
4016
|
-
enableCSSVariables: enableCSSVariables
|
|
3996
|
+
enableCSSVariables: enableCSSVariables,
|
|
3997
|
+
bordered: bordered
|
|
4017
3998
|
});
|
|
4018
3999
|
(_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);
|
|
4019
4000
|
(_this$props$setTableD = (_this$props10 = this.props).setTableDomHelper) === null || _this$props$setTableD === void 0 ? void 0 : _this$props$setTableD.call(_this$props10, this.domHelper);
|
|
@@ -4085,15 +4066,15 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
4085
4066
|
|
|
4086
4067
|
this.rootSubscription.add(Object(rxjs__WEBPACK_IMPORTED_MODULE_28__["combineLatest"])([richVisibleRects$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_29__["map"](function (p) {
|
|
4087
4068
|
return p.clipRect;
|
|
4088
|
-
}), 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 (
|
|
4089
|
-
var
|
|
4090
|
-
prevProps =
|
|
4091
|
-
props =
|
|
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 (_ref) {
|
|
4070
|
+
var _ref2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10___default()(_ref, 2),
|
|
4071
|
+
prevProps = _ref2[0],
|
|
4072
|
+
props = _ref2[1];
|
|
4092
4073
|
|
|
4093
4074
|
return prevProps == null || !prevProps.isLoading && props.isLoading;
|
|
4094
|
-
}))]).subscribe(function (
|
|
4095
|
-
var
|
|
4096
|
-
clipRect =
|
|
4075
|
+
}))]).subscribe(function (_ref3) {
|
|
4076
|
+
var _ref4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10___default()(_ref3, 1),
|
|
4077
|
+
clipRect = _ref4[0];
|
|
4097
4078
|
|
|
4098
4079
|
var loadingIndicator = _this2.domHelper.getLoadingIndicator();
|
|
4099
4080
|
|
|
@@ -4112,9 +4093,9 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
4112
4093
|
horizontal = _this2$lastInfo$useVi.horizontal,
|
|
4113
4094
|
vertical = _this2$lastInfo$useVi.vertical;
|
|
4114
4095
|
return horizontal || vertical;
|
|
4115
|
-
}), rxjs_operators__WEBPACK_IMPORTED_MODULE_29__["map"](function (
|
|
4116
|
-
var clipRect =
|
|
4117
|
-
offsetY =
|
|
4096
|
+
}), rxjs_operators__WEBPACK_IMPORTED_MODULE_29__["map"](function (_ref5) {
|
|
4097
|
+
var clipRect = _ref5.clipRect,
|
|
4098
|
+
offsetY = _ref5.offsetY;
|
|
4118
4099
|
return {
|
|
4119
4100
|
maxRenderHeight: clipRect.bottom - clipRect.top,
|
|
4120
4101
|
maxRenderWidth: clipRect.right - clipRect.left,
|
|
@@ -4131,9 +4112,9 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
4131
4112
|
})).subscribe(function (sizeAndOffset) {
|
|
4132
4113
|
_this2.setState(sizeAndOffset);
|
|
4133
4114
|
}));
|
|
4134
|
-
this.rootSubscription.add(richVisibleRects$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_29__["map"](function (
|
|
4135
|
-
var clipRect =
|
|
4136
|
-
offsetY =
|
|
4115
|
+
this.rootSubscription.add(richVisibleRects$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_29__["map"](function (_ref6) {
|
|
4116
|
+
var clipRect = _ref6.clipRect,
|
|
4117
|
+
offsetY = _ref6.offsetY;
|
|
4137
4118
|
return {
|
|
4138
4119
|
maxRenderHeight: clipRect.bottom - clipRect.top,
|
|
4139
4120
|
maxRenderWidth: clipRect.right - clipRect.left,
|
|
@@ -4279,7 +4260,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
4279
4260
|
return BaseTable;
|
|
4280
4261
|
}(react__WEBPACK_IMPORTED_MODULE_27___default.a.Component);
|
|
4281
4262
|
|
|
4282
|
-
|
|
4263
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(BaseTable, "defaultProps", {
|
|
4283
4264
|
hasHeader: true,
|
|
4284
4265
|
isStickyHeader: true,
|
|
4285
4266
|
stickyTop: 0,
|
|
@@ -4304,7 +4285,7 @@ _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(Ba
|
|
|
4304
4285
|
/*!*****************************************!*\
|
|
4305
4286
|
!*** ./components/table/base/utils.tsx ***!
|
|
4306
4287
|
\*****************************************/
|
|
4307
|
-
/*! exports provided: STYLED_VERSION, STYLED_REF_PROP, OVERSCAN_SIZE, AUTO_VIRTUAL_THRESHOLD, sum, throttledWindowResize$, addResizeObserver, getScrollbarSize, syncScrollLeft, shallowEqual, composeRowPropsGetter, getTableScrollHeaderDOM, getTableScrollFooterDOM */
|
|
4288
|
+
/*! exports provided: STYLED_VERSION, STYLED_REF_PROP, OVERSCAN_SIZE, AUTO_VIRTUAL_THRESHOLD, sum, throttledWindowResize$, addResizeObserver, getScrollbarSize, syncScrollLeft, shallowEqual, composeRowPropsGetter, getTableScrollHeaderDOM, getTableScrollFooterDOM, cssPolifill */
|
|
4308
4289
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
4309
4290
|
|
|
4310
4291
|
"use strict";
|
|
@@ -4322,6 +4303,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4322
4303
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "composeRowPropsGetter", function() { return composeRowPropsGetter; });
|
|
4323
4304
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTableScrollHeaderDOM", function() { return getTableScrollHeaderDOM; });
|
|
4324
4305
|
/* 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; });
|
|
4325
4307
|
/* 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");
|
|
4326
4308
|
/* 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__);
|
|
4327
4309
|
/* 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");
|
|
@@ -4360,8 +4342,10 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4360
4342
|
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
|
|
4361
4343
|
/* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js");
|
|
4362
4344
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
4363
|
-
/* harmony import */ var
|
|
4364
|
-
/* harmony import */ var
|
|
4345
|
+
/* harmony import */ var css_vars_ponyfill__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! css-vars-ponyfill */ "./node_modules/css-vars-ponyfill/dist/css-vars-ponyfill.esm.js");
|
|
4346
|
+
/* harmony import */ var _utils_mergeCellProps__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../utils/mergeCellProps */ "./components/table/utils/mergeCellProps.ts");
|
|
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");
|
|
4365
4349
|
|
|
4366
4350
|
|
|
4367
4351
|
|
|
@@ -4392,6 +4376,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
4392
4376
|
|
|
4393
4377
|
|
|
4394
4378
|
|
|
4379
|
+
|
|
4380
|
+
|
|
4395
4381
|
/** styled-components 类库的版本，ali-react-table 同时支持 v3 和 v5 */
|
|
4396
4382
|
|
|
4397
4383
|
var STYLED_VERSION = styled_components__WEBPACK_IMPORTED_MODULE_20__["createGlobalStyle"] != null ? 'v5' : 'v3';
|
|
@@ -4571,18 +4557,44 @@ function composeRowPropsGetter(getRowProps, pendingRowProps) {
|
|
|
4571
4557
|
|
|
4572
4558
|
if (keys.length) {
|
|
4573
4559
|
return function (row, rowIndex) {
|
|
4574
|
-
return Object(
|
|
4560
|
+
return Object(_utils_mergeCellProps__WEBPACK_IMPORTED_MODULE_22__["default"])(getRowProps(row, rowIndex), pendingRowProps);
|
|
4575
4561
|
};
|
|
4576
4562
|
}
|
|
4577
4563
|
|
|
4578
4564
|
return getRowProps;
|
|
4579
4565
|
}
|
|
4580
4566
|
function getTableScrollHeaderDOM(domHelper) {
|
|
4581
|
-
return
|
|
4567
|
+
return _utils__WEBPACK_IMPORTED_MODULE_23__["browserType"].isIE ? domHelper.tableHeaderMain : domHelper.tableHeader;
|
|
4582
4568
|
}
|
|
4583
4569
|
function getTableScrollFooterDOM(domHelper) {
|
|
4584
|
-
return
|
|
4570
|
+
return _utils__WEBPACK_IMPORTED_MODULE_23__["browserType"].isIE ? domHelper.tableFooterMain : domHelper.tableFooter;
|
|
4585
4571
|
}
|
|
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
|
+
};
|
|
4586
4598
|
|
|
4587
4599
|
/***/ }),
|
|
4588
4600
|
|
|
@@ -5249,7 +5261,7 @@ function columnDrag() {
|
|
|
5249
5261
|
},
|
|
5250
5262
|
headerCellProps: Object(_utils__WEBPACK_IMPORTED_MODULE_10__["mergeCellProps"])(col.headerCellProps, {
|
|
5251
5263
|
onMouseDown: !isLeaf || path.length > 1 ? undefined : function (e) {
|
|
5252
|
-
if (e.button !== 0) {
|
|
5264
|
+
if (e.button !== 0 || !e.currentTarget.contains(e.target)) {
|
|
5253
5265
|
return;
|
|
5254
5266
|
}
|
|
5255
5267
|
|
|
@@ -5425,13 +5437,14 @@ function columnDrag() {
|
|
|
5425
5437
|
}
|
|
5426
5438
|
|
|
5427
5439
|
function handleMouseUp(e) {
|
|
5428
|
-
e.stopPropagation();
|
|
5429
5440
|
document.body.removeEventListener('mousemove', handleMouseMove);
|
|
5430
5441
|
document.body.removeEventListener('mouseup', handleMouseUp);
|
|
5431
|
-
window.removeEventListener('selectstart', disableSelect);
|
|
5442
|
+
window.removeEventListener('selectstart', disableSelect);
|
|
5432
5443
|
|
|
5433
5444
|
if (_isMoveWhenClicking(mouseDownClientX, mouseDownClientY, e.clientX, e.clientY)) {
|
|
5434
|
-
|
|
5445
|
+
e.stopPropagation(); // 存在移动就阻止冒泡
|
|
5446
|
+
|
|
5447
|
+
currentTarget.addEventListener('click', stopClickPropagation); // 阻止列头点击事件，防止拖动后触发列头过滤事件
|
|
5435
5448
|
}
|
|
5436
5449
|
|
|
5437
5450
|
window.requestAnimationFrame(function () {
|
|
@@ -6099,7 +6112,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
6099
6112
|
|
|
6100
6113
|
|
|
6101
6114
|
|
|
6102
|
-
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
|
|
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"])));
|
|
6103
6116
|
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"])));
|
|
6104
6117
|
|
|
6105
6118
|
function clamp(min, x, max) {
|
|
@@ -6750,6 +6763,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6750
6763
|
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);
|
|
6751
6764
|
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./util */ "./components/table/pipeline/features/filter/util.tsx");
|
|
6752
6765
|
/* 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");
|
|
6753
6767
|
|
|
6754
6768
|
|
|
6755
6769
|
|
|
@@ -6764,6 +6778,7 @@ var _templateObject;
|
|
|
6764
6778
|
|
|
6765
6779
|
|
|
6766
6780
|
|
|
6781
|
+
|
|
6767
6782
|
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"]);
|
|
6768
6783
|
|
|
6769
6784
|
function DefaultFilterContent(_ref) {
|
|
@@ -6783,6 +6798,7 @@ function DefaultFilterContent(_ref) {
|
|
|
6783
6798
|
innerValue = _React$useState4[0],
|
|
6784
6799
|
setInnerValue = _React$useState4[1];
|
|
6785
6800
|
|
|
6801
|
+
var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_6__["useRef"])();
|
|
6786
6802
|
var handleClick = react__WEBPACK_IMPORTED_MODULE_6___default.a.useCallback(function (option) {
|
|
6787
6803
|
setSelectedValue(option.key);
|
|
6788
6804
|
}, []);
|
|
@@ -6800,10 +6816,26 @@ function DefaultFilterContent(_ref) {
|
|
|
6800
6816
|
});
|
|
6801
6817
|
};
|
|
6802
6818
|
|
|
6819
|
+
var handleKeyDown = function handleKeyDown(e) {
|
|
6820
|
+
if (e.keyCode === _utils_keyCode__WEBPACK_IMPORTED_MODULE_11__["default"].ENTER) {
|
|
6821
|
+
confirm();
|
|
6822
|
+
}
|
|
6823
|
+
};
|
|
6824
|
+
|
|
6803
6825
|
Object(react__WEBPACK_IMPORTED_MODULE_6__["useEffect"])(function () {
|
|
6804
6826
|
setSelectedValue((filterModel === null || filterModel === void 0 ? void 0 : filterModel.filterCondition) || 'contain');
|
|
6805
6827
|
setInnerValue((filterModel === null || filterModel === void 0 ? void 0 : filterModel.filter) || '');
|
|
6806
6828
|
}, [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
|
+
}, []);
|
|
6807
6839
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(DefaultFilterContentStyle, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
|
|
6808
6840
|
className: "filter-option-list"
|
|
6809
6841
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("ul", null, _util__WEBPACK_IMPORTED_MODULE_9__["DEFAULT_FILTER_OPTIONS"].map(function (option, index) {
|
|
@@ -6825,7 +6857,9 @@ function DefaultFilterContent(_ref) {
|
|
|
6825
6857
|
value: innerValue,
|
|
6826
6858
|
onChange: function onChange(e) {
|
|
6827
6859
|
setInnerValue(e.target.value);
|
|
6828
|
-
}
|
|
6860
|
+
},
|
|
6861
|
+
onKeyDown: handleKeyDown,
|
|
6862
|
+
ref: inputRef
|
|
6829
6863
|
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
|
|
6830
6864
|
className: "filter-footer"
|
|
6831
6865
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("button", {
|
|
@@ -6845,6 +6879,41 @@ function DefaultFilterContent(_ref) {
|
|
|
6845
6879
|
|
|
6846
6880
|
/***/ }),
|
|
6847
6881
|
|
|
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
|
+
|
|
6848
6917
|
/***/ "./components/table/pipeline/features/filter/Filter.tsx":
|
|
6849
6918
|
/*!**************************************************************!*\
|
|
6850
6919
|
!*** ./components/table/pipeline/features/filter/Filter.tsx ***!
|
|
@@ -6868,10 +6937,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6868
6937
|
/* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../base/styles */ "./components/table/base/styles.ts");
|
|
6869
6938
|
/* harmony import */ var _FilterPanel__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./FilterPanel */ "./components/table/pipeline/features/filter/FilterPanel.tsx");
|
|
6870
6939
|
/* harmony import */ var _DefaultFilterContent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./DefaultFilterContent */ "./components/table/pipeline/features/filter/DefaultFilterContent.tsx");
|
|
6871
|
-
/* harmony import */ var
|
|
6872
|
-
/* harmony import */ var
|
|
6873
|
-
/* harmony import */ var
|
|
6874
|
-
/* harmony import */ var
|
|
6940
|
+
/* harmony import */ var _DefaultFilterIcon__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./DefaultFilterIcon */ "./components/table/pipeline/features/filter/DefaultFilterIcon.tsx");
|
|
6941
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../utils */ "./components/table/utils/index.tsx");
|
|
6942
|
+
/* harmony import */ var _base_utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../base/utils */ "./components/table/base/utils.tsx");
|
|
6943
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
|
6944
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_12__);
|
|
6875
6945
|
|
|
6876
6946
|
|
|
6877
6947
|
|
|
@@ -6887,7 +6957,8 @@ var _templateObject;
|
|
|
6887
6957
|
|
|
6888
6958
|
|
|
6889
6959
|
|
|
6890
|
-
|
|
6960
|
+
|
|
6961
|
+
var HEADER_ICON_OFFSET_Y = 8 + 1; // padding-top + border
|
|
6891
6962
|
|
|
6892
6963
|
var HEADER_ICON_OFFSET_X = 16 + 1; // padding-left+ border
|
|
6893
6964
|
|
|
@@ -6900,7 +6971,7 @@ function Panel(_ref) {
|
|
|
6900
6971
|
renderPanelContent = _ref.renderPanelContent;
|
|
6901
6972
|
var filterPanelRef = react__WEBPACK_IMPORTED_MODULE_3___default.a.useRef(null);
|
|
6902
6973
|
|
|
6903
|
-
var _React$useState = react__WEBPACK_IMPORTED_MODULE_3___default.a.useState(Object(
|
|
6974
|
+
var _React$useState = react__WEBPACK_IMPORTED_MODULE_3___default.a.useState(Object(_utils__WEBPACK_IMPORTED_MODULE_10__["calculatePopupRelative"])(ele, document.body, {
|
|
6904
6975
|
x: HEADER_ICON_OFFSET_X,
|
|
6905
6976
|
y: HEADER_ICON_OFFSET_Y
|
|
6906
6977
|
})),
|
|
@@ -6914,14 +6985,14 @@ function Panel(_ref) {
|
|
|
6914
6985
|
};
|
|
6915
6986
|
|
|
6916
6987
|
var handleFilterPanelResize = function handleFilterPanelResize(resize) {
|
|
6917
|
-
setPosition(Object(
|
|
6988
|
+
setPosition(Object(_utils__WEBPACK_IMPORTED_MODULE_10__["calculatePopupRelative"])(ele, document.body, {
|
|
6918
6989
|
x: HEADER_ICON_OFFSET_X,
|
|
6919
6990
|
y: HEADER_ICON_OFFSET_Y
|
|
6920
6991
|
}));
|
|
6921
6992
|
};
|
|
6922
6993
|
|
|
6923
6994
|
Object(react__WEBPACK_IMPORTED_MODULE_3__["useEffect"])(function () {
|
|
6924
|
-
var resizeObserver = Object(
|
|
6995
|
+
var resizeObserver = Object(_base_utils__WEBPACK_IMPORTED_MODULE_11__["addResizeObserver"])(filterPanelRef.current.children[0], handleFilterPanelResize);
|
|
6925
6996
|
return function () {
|
|
6926
6997
|
resizeObserver && resizeObserver.disconnect();
|
|
6927
6998
|
};
|
|
@@ -6962,10 +7033,6 @@ function Filter(_ref2) {
|
|
|
6962
7033
|
return setShowPanel(false);
|
|
6963
7034
|
};
|
|
6964
7035
|
|
|
6965
|
-
var handleMouseDown = function handleMouseDown(e) {
|
|
6966
|
-
e.stopPropagation(); // 阻止触发拖拽
|
|
6967
|
-
};
|
|
6968
|
-
|
|
6969
7036
|
var renderPanelContent = function renderPanelContent() {
|
|
6970
7037
|
if (FilterPanelContent) {
|
|
6971
7038
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(FilterPanelContent, {
|
|
@@ -6985,6 +7052,12 @@ function Filter(_ref2) {
|
|
|
6985
7052
|
};
|
|
6986
7053
|
|
|
6987
7054
|
var handleIconClick = function handleIconClick(e) {
|
|
7055
|
+
// 只有当icon区域点击会触发面板展开
|
|
7056
|
+
// 防止 createPortal 区域的点击触发该事件
|
|
7057
|
+
if (!e.currentTarget.contains(e.target)) {
|
|
7058
|
+
return;
|
|
7059
|
+
}
|
|
7060
|
+
|
|
6988
7061
|
if (stopClickEventPropagation) {
|
|
6989
7062
|
e.stopPropagation();
|
|
6990
7063
|
}
|
|
@@ -6992,28 +7065,21 @@ function Filter(_ref2) {
|
|
|
6992
7065
|
setShowPanel(true);
|
|
6993
7066
|
};
|
|
6994
7067
|
|
|
6995
|
-
var iconClassName =
|
|
7068
|
+
var iconClassName = classnames__WEBPACK_IMPORTED_MODULE_12___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));
|
|
7069
|
+
var displayFilterIcon = typeof filterIcon === 'function' ? filterIcon(isFilterActive) : filterIcon;
|
|
6996
7070
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(FilterIconSpanStyle, {
|
|
6997
7071
|
style: style,
|
|
6998
7072
|
className: iconClassName,
|
|
6999
|
-
onMouseDown: handleMouseDown,
|
|
7000
|
-
ref: iconRef
|
|
7001
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
|
|
7002
|
-
className: _base_styles__WEBPACK_IMPORTED_MODULE_6__["Classes"].filterIcon,
|
|
7003
7073
|
onClick: handleIconClick
|
|
7004
|
-
},
|
|
7074
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
|
|
7075
|
+
ref: iconRef,
|
|
7076
|
+
className: _base_styles__WEBPACK_IMPORTED_MODULE_6__["Classes"].filterIcon
|
|
7077
|
+
}, displayFilterIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_DefaultFilterIcon__WEBPACK_IMPORTED_MODULE_9__["default"], {
|
|
7005
7078
|
width: size,
|
|
7006
|
-
height: size
|
|
7007
|
-
|
|
7008
|
-
focusable: "false",
|
|
7009
|
-
"data-icon": "filter",
|
|
7010
|
-
fill: "currentColor",
|
|
7011
|
-
"aria-hidden": "true"
|
|
7012
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("path", {
|
|
7013
|
-
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"
|
|
7014
|
-
}))), showPanel && /*#__PURE__*/Object(react_dom__WEBPACK_IMPORTED_MODULE_4__["createPortal"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(Panel, {
|
|
7079
|
+
height: size
|
|
7080
|
+
})), showPanel && /*#__PURE__*/Object(react_dom__WEBPACK_IMPORTED_MODULE_4__["createPortal"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(Panel, {
|
|
7015
7081
|
ele: iconRef.current,
|
|
7016
|
-
filterIcon:
|
|
7082
|
+
filterIcon: displayFilterIcon,
|
|
7017
7083
|
hidePanel: hidePanel,
|
|
7018
7084
|
renderPanelContent: renderPanelContent
|
|
7019
7085
|
}), document.body));
|
|
@@ -7056,6 +7122,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7056
7122
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_10__);
|
|
7057
7123
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
7058
7124
|
/* 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");
|
|
7059
7126
|
|
|
7060
7127
|
|
|
7061
7128
|
|
|
@@ -7076,7 +7143,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
7076
7143
|
|
|
7077
7144
|
|
|
7078
7145
|
|
|
7079
|
-
|
|
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"])));
|
|
7080
7148
|
|
|
7081
7149
|
var useWindowEvents = function useWindowEvents(func, evens) {
|
|
7082
7150
|
react__WEBPACK_IMPORTED_MODULE_10___default.a.useEffect(function () {
|
|
@@ -7118,31 +7186,36 @@ function FilterPanel(_ref) {
|
|
|
7118
7186
|
setPerfectPosition(Object(_utils___WEBPACK_IMPORTED_MODULE_12__["keepWithinBounds"])(document.body, ref.current, position.x, position.y, true));
|
|
7119
7187
|
setVisible(true);
|
|
7120
7188
|
}, [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
|
+
|
|
7121
7198
|
useWindowEvents(function (e) {
|
|
7122
|
-
|
|
7123
|
-
|
|
7199
|
+
!isContainPanel(e) && !hasPopupMouseEvent.current && onClose();
|
|
7200
|
+
hasPopupMouseEvent.current = false;
|
|
7201
|
+
}, ['click']);
|
|
7124
7202
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(FilterPanelStyle, {
|
|
7125
7203
|
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
7126
7204
|
left: visible ? perfectPosition.x : 0,
|
|
7127
7205
|
top: visible ? perfectPosition.y : 0,
|
|
7128
7206
|
opacity: visible ? 1 : 0
|
|
7129
7207
|
}),
|
|
7208
|
+
onMouseDown: handleMouseEvent,
|
|
7209
|
+
onMouseUp: handleMouseEvent,
|
|
7130
7210
|
ref: ref
|
|
7131
7211
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("div", {
|
|
7132
7212
|
className: 'popup-header'
|
|
7133
7213
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("span", {
|
|
7134
7214
|
className: 'popup-header-icon'
|
|
7135
|
-
}, filterIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("
|
|
7136
|
-
width:
|
|
7137
|
-
height:
|
|
7138
|
-
|
|
7139
|
-
focusable: "false",
|
|
7140
|
-
"data-icon": "filter",
|
|
7141
|
-
fill: "currentColor",
|
|
7142
|
-
"aria-hidden": "true"
|
|
7143
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("path", {
|
|
7144
|
-
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"
|
|
7145
|
-
})))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("div", {
|
|
7215
|
+
}, filterIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_DefaultFilterIcon__WEBPACK_IMPORTED_MODULE_13__["default"], {
|
|
7216
|
+
width: 12,
|
|
7217
|
+
height: 12
|
|
7218
|
+
}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("div", {
|
|
7146
7219
|
className: "popup-body"
|
|
7147
7220
|
}, children));
|
|
7148
7221
|
}
|
|
@@ -10396,7 +10469,7 @@ var TablePipeline = /*#__PURE__*/function () {
|
|
|
10396
10469
|
var preTableWidth = _this2.getStateAtKey(_features_autoFill__WEBPACK_IMPORTED_MODULE_17__["tableWidthKey"]);
|
|
10397
10470
|
|
|
10398
10471
|
if (preTableWidth !== tableWidth) {
|
|
10399
|
-
_this2.setStateAtKey(_features_autoFill__WEBPACK_IMPORTED_MODULE_17__["tableWidthKey"], tableWidth);
|
|
10472
|
+
tableWidth && _this2.setStateAtKey(_features_autoFill__WEBPACK_IMPORTED_MODULE_17__["tableWidthKey"], tableWidth);
|
|
10400
10473
|
}
|
|
10401
10474
|
};
|
|
10402
10475
|
|
|
@@ -13612,6 +13685,22 @@ function isLeafNode(node) {
|
|
|
13612
13685
|
|
|
13613
13686
|
/***/ }),
|
|
13614
13687
|
|
|
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
|
+
|
|
13615
13704
|
/***/ "./components/table/utils/layeredFilter.ts":
|
|
13616
13705
|
/*!*************************************************!*\
|
|
13617
13706
|
!*** ./components/table/utils/layeredFilter.ts ***!
|
|
@@ -13918,13 +14007,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
13918
14007
|
|
|
13919
14008
|
function composeEventHandler(handler1, handler2) {
|
|
13920
14009
|
return function () {
|
|
13921
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
13922
|
-
args[_key] = arguments[_key];
|
|
13923
|
-
}
|
|
13924
|
-
|
|
13925
14010
|
// 先执行原有的事件回调函数
|
|
13926
|
-
handler1(
|
|
13927
|
-
handler2(
|
|
14011
|
+
handler1.apply(void 0, arguments);
|
|
14012
|
+
handler2.apply(void 0, arguments); // 事件回调函数没有返回值，故这里不进行 return
|
|
13928
14013
|
};
|
|
13929
14014
|
}
|
|
13930
14015
|
/** 合并两个 cellProps（单元格属性）对象，返回一个合并后的全新对象。
|