@kdcloudjs/table 1.2.2-canary.3 → 1.2.2-canary.5
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 +129 -57
- package/dist/@kdcloudjs/table.js.map +1 -1
- package/dist/@kdcloudjs/table.min.css +1 -1
- package/dist/@kdcloudjs/table.min.js +7 -7
- package/dist/@kdcloudjs/table.min.js.map +1 -1
- package/es/table/base/styles.d.ts +1 -0
- package/es/table/base/styles.js +3 -2
- package/es/table/interfaces.d.ts +4 -1
- package/es/table/pipeline/features/rowDrag.d.ts +2 -0
- package/es/table/pipeline/features/rowDrag.js +76 -21
- package/es/table/pipeline/features/treeMode.js +14 -2
- package/lib/table/base/styles.d.ts +1 -0
- package/lib/table/base/styles.js +3 -2
- package/lib/table/interfaces.d.ts +4 -1
- package/lib/table/pipeline/features/rowDrag.d.ts +2 -0
- package/lib/table/pipeline/features/rowDrag.js +76 -21
- package/lib/table/pipeline/features/treeMode.js +14 -2
- package/package.json +1 -1
package/dist/@kdcloudjs/table.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
*
|
|
3
|
-
* @kdcloudjs/table v1.2.2-canary.
|
|
3
|
+
* @kdcloudjs/table v1.2.2-canary.4
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -3177,6 +3177,7 @@ var Classes = {
|
|
|
3177
3177
|
rowDragElementIcon: "".concat(prefix, "row-drag-element-icon"),
|
|
3178
3178
|
rowDragElementLabel: "".concat(prefix, "row-drag-element-label"),
|
|
3179
3179
|
rowDragLine: "".concat(prefix, "row-drag-line"),
|
|
3180
|
+
rowDragNoData: "".concat(prefix, "row-drag-no-data"),
|
|
3180
3181
|
treeTableRowDragLine: "".concat(prefix, "tree-table-row-drag-line"),
|
|
3181
3182
|
iconNotAllowed: "".concat(prefix, "icon-not-allowed"),
|
|
3182
3183
|
iconMove: "".concat(prefix, "icon-move"),
|
|
@@ -3199,7 +3200,7 @@ var Z = {
|
|
|
3199
3200
|
scrollItem: 30,
|
|
3200
3201
|
loadingIndicator: 40
|
|
3201
3202
|
};
|
|
3202
|
-
var GlobalStyle = Object(styled_components__WEBPACK_IMPORTED_MODULE_4__["createGlobalStyle"])(_templateObject || (_templateObject = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n .", "{\n position: absolute;\n top:0;\n left:0;\n z-index: 9999;\n pointer-events:none;\n user-select: none;\n\n display:flex;\n align-items:center;\n min-width:
|
|
3203
|
+
var GlobalStyle = Object(styled_components__WEBPACK_IMPORTED_MODULE_4__["createGlobalStyle"])(_templateObject || (_templateObject = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n .", "{\n position: absolute;\n top:0;\n left:0;\n z-index: 9999;\n pointer-events:none;\n user-select: none;\n\n display:flex;\n opacity: 0.9;\n align-items:center;\n min-width:80px;\n padding: 0px 8px;\n border: 1px solid #d9d9d9;\n box-shadow: 0px 6px 16px 3px rgba(0,0,0,0.08);\n border-radius: 2px;\n background: #fff;\n\n .", "{\n font-size:12px;\n overflow:hidden;\n text-overflow: ellipsis;\n white-space:nowrap;\n }\n \n }\n\n .", "{\n position: absolute;\n top:0;\n left:0;\n z-index: 9998;\n pointer-events:none;\n user-select: none;\n height: 2px;\n background: var(--primary-color);\n }\n .", ":before{\n content: \" \";\n position: absolute;\n width: 8px;\n height: 8px;\n top:-4px;\n border: 2px solid var(--primary-color);\n border-radius: 50%;\n background:#fff;\n }\n"])), Classes.rowDragElement, Classes.rowDragElementLabel, Classes.rowDragLine, Classes.treeTableRowDragLine);
|
|
3203
3204
|
var outerBorderStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_4__["css"])(_templateObject2 || (_templateObject2 = _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);
|
|
3204
3205
|
var defaultCSSVariables = {
|
|
3205
3206
|
'--row-height': '48px',
|
|
@@ -3233,7 +3234,7 @@ var defaultCSSVariables = {
|
|
|
3233
3234
|
var variableConst = getCssVariableText(defaultCSSVariables);
|
|
3234
3235
|
var notBorderedStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_4__["css"])(_templateObject3 || (_templateObject3 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n --cell-border-vertical: none;\n --header-cell-border-vertical: none;\n"])));
|
|
3235
3236
|
var borderedStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_4__["css"])(_templateObject4 || (_templateObject4 = _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);
|
|
3236
|
-
var StyledArtTableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].div(_templateObject5 || (_templateObject5 = _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 user-select:none;\n .", " .", " >td{\n cursor:move;\n }\n\n .", " .", " >td{\n cursor:no-drop;\n }\n \n }\n\n .", "{\n opacity: 0.5;\n }\n\n .", " td{\n border-top: 1px solid var(--primary-color) !important;\n border-bottom: 1px solid var(--primary-color) !important;\n \n }\n .", " td:first-child{\n border-left: 1px solid var(--primary-color) !important;\n \n }\n .", " td:last-child{\n border-right: 1px solid var(--primary-color) !important;\n \n }\n\n\n // .", " td{\n // border-top: 1px solid var(--primary-color) !important;\n // }\n\n .", " td{\n border-top: 1px solid var(--primary-color) !important;\n border-bottom: 1px solid var(--primary-color) !important;\n }\n\n .", " td:first-child{\n border-left: 1px solid var(--primary-color) !important;\n }\n\n .", " td:last-child{\n border-right: 1px solid var(--primary-color) !important;\n }\n\n // .", " td{\n // border-bottom: 1px solid var(--primary-color) !important;\n // }\n\n .", " {\n cursor:pointer;\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 sticky\u517C\u5BB9\n &.sticky-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 display: flex;\n }\n .", " {\n position: relative;\n }\n\n .", " {\n display: flex;\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 sticky\u517C\u5BB9\n\n //#region \u7C98\u6027\u6EDA\u52A8\u6761\n .", "{\n display:flex;\n background: var(--bgcolor);\n }\n .", "{\n height: 1px;\n flex-shrink: 0;\n border-top: 1px solid var(--border-color);\n }\n\n .", "{\n height: 1px;\n flex-shrink: 0;\n border-top: 1px solid var(--border-color);\n }\n .", " {\n overflow-y: hidden;\n overflow-x: auto;\n z-index: ", ";\n flex-shrink: 1;\n flex-grow: 0;\n border-top: 1px solid var(--border-color);\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 &:focus {\n outline: none\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 .", " {\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 //\u89E3\u51B3\u90E8\u5206\u6D4F\u89C8\u5668(chrome109)\u6700\u540E\u4E00\u4E2A\u5355\u5143\u683C\u7684\u5217\u5BBD\u62D6\u62FD\u533A\u57DF\u7EDD\u5BF9\u5B9A\u4F4D\u8D85\u51FA\u8868\u683C\uFF0C\u5BFC\u81F4\u8868\u683C\u7AD6\u5206\u5272\u7EBF\u65E0\u6CD5\u5BF9\u9F50\n .", " th.", " .", "{\n right: 0;\n width: 5px;\n &::after{\n left: 4px;\n }\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.rowDragging, Classes.tableBody, Classes.tableRow, Classes.tableFooter, Classes.tableRow, Classes.rowDragStart, Classes.rowDragEndParent, Classes.rowDragEndParent, Classes.rowDragEndParent, Classes.rowDragEndToTop, Classes.rowDragEndInto, Classes.rowDragEndInto, Classes.rowDragEndInto, Classes.rowDragEndToBottom, Classes.rowDragCell, 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.horizontalStickyScrollContainer, Classes.horizontalScrollLeftSpacer, Classes.horizontalScrollRightSpacer, Classes.stickyScroll, Z.scrollItem, Classes.stickyScrollItem, Classes.loadingWrapper, Classes.loadingContentWrapper, Classes.loadingIndicatorWrapper, Classes.loadingIndicator, Z.loadingIndicator, Classes.tableFilterTrigger, Classes.tableSortIcon, Classes.tableExtendIcon, Classes.verticalScrollPlaceholder, Classes.tableFooter, Classes.verticalScrollPlaceholder, Classes.tableHeaderCellResize, Classes.tableHeaderRow, Classes.last, Classes.tableHeaderCellResize);
|
|
3237
|
+
var StyledArtTableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].div(_templateObject5 || (_templateObject5 = _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 flex-grow:1;\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 user-select:none;\n // .", " .", " >td{\n // cursor:move;\n // }\n\n // .", " .", " >td{\n // cursor:no-drop;\n // }\n \n }\n\n .", "{\n opacity: 0.5;\n }\n .", "{\n border: 1px solid var(--primary-color)\n }\n\n .", " td{\n border-top: 1px solid var(--primary-color) !important;\n border-bottom: 1px solid var(--primary-color) !important;\n \n }\n .", " td:first-child{\n border-left: 1px solid var(--primary-color) !important;\n \n }\n .", " td:last-child{\n border-right: 1px solid var(--primary-color) !important;\n \n }\n\n\n // .", " td{\n // border-top: 1px solid var(--primary-color) !important;\n // }\n\n .", " td{\n border-top: 1px solid var(--primary-color) !important;\n border-bottom: 1px solid var(--primary-color) !important;\n }\n\n .", " td:first-child{\n border-left: 1px solid var(--primary-color) !important;\n }\n\n .", " td:last-child{\n border-right: 1px solid var(--primary-color) !important;\n }\n\n // .", " td{\n // border-bottom: 1px solid var(--primary-color) !important;\n // }\n\n .", " {\n cursor:pointer;\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 sticky\u517C\u5BB9\n &.sticky-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 display: flex;\n }\n .", " {\n position: relative;\n }\n\n .", " {\n display: flex;\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 sticky\u517C\u5BB9\n\n //#region \u7C98\u6027\u6EDA\u52A8\u6761\n .", "{\n display:flex;\n background: var(--bgcolor);\n }\n .", "{\n height: 1px;\n flex-shrink: 0;\n border-top: 1px solid var(--border-color);\n }\n\n .", "{\n height: 1px;\n flex-shrink: 0;\n border-top: 1px solid var(--border-color);\n }\n .", " {\n overflow-y: hidden;\n overflow-x: auto;\n z-index: ", ";\n flex-shrink: 1;\n flex-grow: 0;\n border-top: 1px solid var(--border-color);\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 &:focus {\n outline: none\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 .", " {\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 //\u89E3\u51B3\u90E8\u5206\u6D4F\u89C8\u5668(chrome109)\u6700\u540E\u4E00\u4E2A\u5355\u5143\u683C\u7684\u5217\u5BBD\u62D6\u62FD\u533A\u57DF\u7EDD\u5BF9\u5B9A\u4F4D\u8D85\u51FA\u8868\u683C\uFF0C\u5BFC\u81F4\u8868\u683C\u7AD6\u5206\u5272\u7EBF\u65E0\u6CD5\u5BF9\u9F50\n .", " th.", " .", "{\n right: 0;\n width: 5px;\n &::after{\n left: 4px;\n }\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.tableBody, Classes.tableFooter, Classes.tableRow, Classes.tableBody, Classes.tableFooter, Classes.tableCellRangeSelected, Classes.tableCellRangeTop, Classes.tableCellRangeLeft, Classes.tableCellRangeBottom, Classes.tableCellRangeRight, Classes.rangeSelection, Classes.rowDragging, Classes.tableBody, Classes.tableRow, Classes.tableFooter, Classes.tableRow, Classes.rowDragStart, Classes.rowDragNoData, Classes.rowDragEndParent, Classes.rowDragEndParent, Classes.rowDragEndParent, Classes.rowDragEndToTop, Classes.rowDragEndInto, Classes.rowDragEndInto, Classes.rowDragEndInto, Classes.rowDragEndToBottom, Classes.rowDragCell, 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.horizontalStickyScrollContainer, Classes.horizontalScrollLeftSpacer, Classes.horizontalScrollRightSpacer, Classes.stickyScroll, Z.scrollItem, Classes.stickyScrollItem, Classes.loadingWrapper, Classes.loadingContentWrapper, Classes.loadingIndicatorWrapper, Classes.loadingIndicator, Z.loadingIndicator, Classes.tableFilterTrigger, Classes.tableSortIcon, Classes.tableExtendIcon, Classes.verticalScrollPlaceholder, Classes.tableFooter, Classes.verticalScrollPlaceholder, Classes.tableHeaderCellResize, Classes.tableHeaderRow, Classes.last, Classes.tableHeaderCellResize);
|
|
3237
3238
|
var ButtonCSS = Object(styled_components__WEBPACK_IMPORTED_MODULE_4__["css"])(_templateObject6 || (_templateObject6 = _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);
|
|
3238
3239
|
function getCssVariableText(obj) {
|
|
3239
3240
|
return Object.keys(obj).reduce(function (acc, key) {
|
|
@@ -8767,15 +8768,18 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
8767
8768
|
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__);
|
|
8768
8769
|
/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.regexp.to-string.js */ "./node_modules/core-js/modules/es.regexp.to-string.js");
|
|
8769
8770
|
/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_6__);
|
|
8770
|
-
/* harmony import */ var
|
|
8771
|
-
/* harmony import */ var
|
|
8772
|
-
/* harmony import */ var
|
|
8773
|
-
/* harmony import */ var
|
|
8774
|
-
/* harmony import */ var
|
|
8775
|
-
/* harmony import */ var
|
|
8776
|
-
/* harmony import */ var
|
|
8777
|
-
/* harmony import */ var
|
|
8778
|
-
/* harmony import */ var
|
|
8771
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
|
|
8772
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7__);
|
|
8773
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react */ "react");
|
|
8774
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__);
|
|
8775
|
+
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
|
|
8776
|
+
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
|
|
8777
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
|
8778
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_11__);
|
|
8779
|
+
/* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../base/styles */ "./components/table/base/styles.ts");
|
|
8780
|
+
/* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../const */ "./components/table/pipeline/const.ts");
|
|
8781
|
+
/* harmony import */ var _internals__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../internals */ "./components/table/internals.ts");
|
|
8782
|
+
|
|
8779
8783
|
|
|
8780
8784
|
|
|
8781
8785
|
|
|
@@ -8804,18 +8808,18 @@ var defaultRowDragColumn = {
|
|
|
8804
8808
|
align: 'center',
|
|
8805
8809
|
getCellProps: function getCellProps(value, row, rowIndex) {
|
|
8806
8810
|
return {
|
|
8807
|
-
className:
|
|
8811
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_11___default()(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragCell)
|
|
8808
8812
|
};
|
|
8809
8813
|
},
|
|
8810
8814
|
render: function render(value, row, rowIndex) {
|
|
8811
|
-
return /*#__PURE__*/
|
|
8815
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("svg", {
|
|
8812
8816
|
viewBox: "0 0 1024 1024",
|
|
8813
8817
|
version: "1.1",
|
|
8814
8818
|
xmlns: "http://www.w3.org/1999/xlink",
|
|
8815
8819
|
"data-icon": "drag",
|
|
8816
8820
|
width: "16",
|
|
8817
8821
|
height: "16"
|
|
8818
|
-
}, /*#__PURE__*/
|
|
8822
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("path", {
|
|
8819
8823
|
d: "M298.688 192a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m298.624 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM298.688 512a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m298.624 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m-298.624 320a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m298.624 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0z",
|
|
8820
8824
|
"p-id": "4278"
|
|
8821
8825
|
}));
|
|
@@ -8825,17 +8829,18 @@ function rowDrag(opt) {
|
|
|
8825
8829
|
return function rowDragStep(pipeline) {
|
|
8826
8830
|
var tableBody = pipeline.ref.current.domHelper && pipeline.ref.current.domHelper.tableBody;
|
|
8827
8831
|
var artTable = pipeline.ref.current.domHelper && pipeline.ref.current.domHelper.artTable;
|
|
8828
|
-
var rowDragApi = pipeline.addFeatureApi(
|
|
8832
|
+
var rowDragApi = pipeline.addFeatureApi(_const__WEBPACK_IMPORTED_MODULE_13__["FeatureName"].rowDrag);
|
|
8829
8833
|
pipeline.setFeatureOptions(rowDragOptionsKey, opt);
|
|
8830
8834
|
if (!tableBody) return pipeline;
|
|
8831
8835
|
var dataSource = pipeline.getDataSource();
|
|
8832
8836
|
var getRowDragEvent = function getRowDragEvent(dropTargetEvent, isFinished) {
|
|
8833
|
-
var source = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'targetTable';
|
|
8834
8837
|
var dragItem = dropTargetEvent.dragItem,
|
|
8835
8838
|
x = dropTargetEvent.x,
|
|
8836
8839
|
y = dropTargetEvent.y,
|
|
8837
8840
|
dropZoneTarget = dropTargetEvent.dropZoneTarget,
|
|
8838
8841
|
startDropZoneTagret = dropTargetEvent.startDropZoneTagret,
|
|
8842
|
+
commonParams = dropTargetEvent.commonParams,
|
|
8843
|
+
startCommonParams = dropTargetEvent.startCommonParams,
|
|
8839
8844
|
event = dropTargetEvent.event,
|
|
8840
8845
|
dropZoneTableParams = dropTargetEvent.dropZoneTableParams;
|
|
8841
8846
|
var getDataSource = dropZoneTableParams.getDataSource,
|
|
@@ -8848,7 +8853,7 @@ function rowDrag(opt) {
|
|
|
8848
8853
|
var isLeave = !isMouseOnDropTarget(event, dropZoneTarget);
|
|
8849
8854
|
var overIndex = -1;
|
|
8850
8855
|
var direction = 'bottom';
|
|
8851
|
-
if (!isLeave) {
|
|
8856
|
+
if (!isLeave && dataSource.length > 0) {
|
|
8852
8857
|
var overDragItem = getDragRowItem(event.target, dropZoneTarget, dataSource);
|
|
8853
8858
|
if (overDragItem) {
|
|
8854
8859
|
var rowIndex = overDragItem.rowIndex,
|
|
@@ -8857,6 +8862,10 @@ function rowDrag(opt) {
|
|
|
8857
8862
|
direction = getDirection(cell, event.clientY, allowDragIntoRow);
|
|
8858
8863
|
}
|
|
8859
8864
|
}
|
|
8865
|
+
if (overIndex === -1 && dataSource.length > 0 && event.target === dropZoneTarget) {
|
|
8866
|
+
overIndex = dataSource.length - 1;
|
|
8867
|
+
direction = 'bottom';
|
|
8868
|
+
}
|
|
8860
8869
|
var overRow = overIndex >= 0 ? dataSource[overIndex] : null;
|
|
8861
8870
|
return {
|
|
8862
8871
|
startRowIndex: dragItem.rowIndex,
|
|
@@ -8864,24 +8873,25 @@ function rowDrag(opt) {
|
|
|
8864
8873
|
endRowIndex: overIndex,
|
|
8865
8874
|
endRow: overRow,
|
|
8866
8875
|
startDropZoneTagret: startDropZoneTagret,
|
|
8876
|
+
startCommonParams: startCommonParams,
|
|
8877
|
+
commonParams: commonParams,
|
|
8867
8878
|
dropZoneTarget: dropZoneTarget,
|
|
8868
8879
|
event: event,
|
|
8869
8880
|
dragPosition: direction,
|
|
8870
8881
|
isFinished: isFinished,
|
|
8871
|
-
source: source,
|
|
8872
8882
|
x: x,
|
|
8873
8883
|
y: y
|
|
8874
8884
|
};
|
|
8875
8885
|
};
|
|
8876
8886
|
var onDragging = function onDragging(event) {
|
|
8877
8887
|
var _opt$onDragMove;
|
|
8878
|
-
var rowDragEvent = getRowDragEvent(event, false
|
|
8888
|
+
var rowDragEvent = getRowDragEvent(event, false);
|
|
8879
8889
|
opt === null || opt === void 0 || (_opt$onDragMove = opt.onDragMove) === null || _opt$onDragMove === void 0 || _opt$onDragMove.call(opt, rowDragEvent);
|
|
8880
8890
|
pipeline.setStateAtKey(rowDragKey, rowDragEvent);
|
|
8881
8891
|
};
|
|
8882
|
-
var onDragStop = function onDragStop(event
|
|
8892
|
+
var onDragStop = function onDragStop(event) {
|
|
8883
8893
|
var _opt$onDragEnd;
|
|
8884
|
-
var rowDragEvent = getRowDragEvent(event, true
|
|
8894
|
+
var rowDragEvent = getRowDragEvent(event, true);
|
|
8885
8895
|
pipeline.setStateAtKey(rowDragKey, rowDragEvent);
|
|
8886
8896
|
opt === null || opt === void 0 || (_opt$onDragEnd = opt.onDragEnd) === null || _opt$onDragEnd === void 0 || _opt$onDragEnd.call(opt, rowDragEvent);
|
|
8887
8897
|
};
|
|
@@ -8940,6 +8950,8 @@ function rowDrag(opt) {
|
|
|
8940
8950
|
var lastDropTarget = null;
|
|
8941
8951
|
var timeoutId = null;
|
|
8942
8952
|
var intervalId = null;
|
|
8953
|
+
var expandRowTimeoutId = null;
|
|
8954
|
+
var expandRowCallBackList = [];
|
|
8943
8955
|
var updateScrollPosition = function updateScrollPosition(tableBody, mouseMoveEvent) {
|
|
8944
8956
|
if (opt !== null && opt !== void 0 && opt.suppressScrollMove) return;
|
|
8945
8957
|
if (timeoutId) {
|
|
@@ -8948,6 +8960,7 @@ function rowDrag(opt) {
|
|
|
8948
8960
|
if (intervalId) {
|
|
8949
8961
|
clearInterval(intervalId);
|
|
8950
8962
|
}
|
|
8963
|
+
if (!tableBody) return;
|
|
8951
8964
|
var moveOffset = getScrollMoveOffset(tableBody, mouseMoveEvent);
|
|
8952
8965
|
if (moveOffset === 0) {
|
|
8953
8966
|
return;
|
|
@@ -8965,9 +8978,9 @@ function rowDrag(opt) {
|
|
|
8965
8978
|
dragLine = createDragLine(isTreeTable); // 创建拖拽插入指示线
|
|
8966
8979
|
var dragText = opt !== null && opt !== void 0 && opt.rowDragText ? opt === null || opt === void 0 || (_opt$rowDragText = opt.rowDragText) === null || _opt$rowDragText === void 0 ? void 0 : _opt$rowDragText.call(opt, startDataItem.row, startDataItem.rowIndex) : "\u7B2C".concat(startDataItem.rowIndex, "\u884C\u5185\u5BB9");
|
|
8967
8980
|
setDragText(dragElement, dragText); // 设置悬浮框显示文本
|
|
8968
|
-
artTable.classList.add(
|
|
8981
|
+
artTable.classList.add(classnames__WEBPACK_IMPORTED_MODULE_11___default()(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragging));
|
|
8969
8982
|
rowDragApi.setDragStatus('start');
|
|
8970
|
-
var dragEvent = createDropTargetEvent(currentDropZone, mouseDownEvent, startDataItem,
|
|
8983
|
+
var dragEvent = createDropTargetEvent(currentDropZone, mouseDownEvent, startDataItem, currentDropZone);
|
|
8971
8984
|
onDragStart(dragEvent);
|
|
8972
8985
|
};
|
|
8973
8986
|
var handleDragMove = function handleDragMove(mouseMoveEvent) {
|
|
@@ -8979,13 +8992,16 @@ function rowDrag(opt) {
|
|
|
8979
8992
|
var dropTarget = validDropZones.find(function (zone) {
|
|
8980
8993
|
return isMouseOnDropTarget(mouseMoveEvent, zone.getContainer());
|
|
8981
8994
|
}) || null;
|
|
8995
|
+
updateScrollPosition(dropTarget === null || dropTarget === void 0 ? void 0 : dropTarget.getContainer(), mouseMoveEvent); // 拖拽到底时让滚动条可以滚动
|
|
8996
|
+
|
|
8982
8997
|
if (dropTarget !== lastDropTarget) {
|
|
8983
8998
|
// 拖拽离开表格
|
|
8984
8999
|
if (lastDropTarget !== null && dropTarget === null) {
|
|
8985
9000
|
if (lastDropTarget.onDragLeave) {
|
|
8986
9001
|
setDragElementIcon(dragElement, 'notAllowed');
|
|
8987
9002
|
hiddenDragLine(dragLine);
|
|
8988
|
-
|
|
9003
|
+
lastDropTarget.getContainer().classList.remove(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragNoData);
|
|
9004
|
+
var dragEvent = createDropTargetEvent(lastDropTarget, mouseMoveEvent, startDataItem, currentDropZone);
|
|
8989
9005
|
lastDropTarget.onDragLeave(dragEvent);
|
|
8990
9006
|
}
|
|
8991
9007
|
}
|
|
@@ -8997,13 +9013,14 @@ function rowDrag(opt) {
|
|
|
8997
9013
|
if (dropTarget.isTable) {
|
|
8998
9014
|
showDragLine(dragLine);
|
|
8999
9015
|
}
|
|
9000
|
-
var _dragEvent = createDropTargetEvent(dropTarget, mouseMoveEvent, startDataItem,
|
|
9016
|
+
var _dragEvent = createDropTargetEvent(dropTarget, mouseMoveEvent, startDataItem, currentDropZone);
|
|
9001
9017
|
dropTarget.onDragEnter(_dragEvent);
|
|
9002
9018
|
}
|
|
9003
9019
|
}
|
|
9004
9020
|
lastDropTarget = dropTarget;
|
|
9005
9021
|
}
|
|
9006
9022
|
if (dropTarget) {
|
|
9023
|
+
var _dropTarget$tablePara;
|
|
9007
9024
|
// 拖拽区域在表格中，更新拖拽插入指示线位置
|
|
9008
9025
|
if (dropTarget.isTable) {
|
|
9009
9026
|
positionDragLine({
|
|
@@ -9011,10 +9028,35 @@ function rowDrag(opt) {
|
|
|
9011
9028
|
dragZone: dropTarget,
|
|
9012
9029
|
event: mouseMoveEvent
|
|
9013
9030
|
});
|
|
9014
|
-
|
|
9031
|
+
}
|
|
9032
|
+
|
|
9033
|
+
// 树形表格悬停1s展开对应行节点
|
|
9034
|
+
if (dropTarget !== null && dropTarget !== void 0 && (_dropTarget$tablePara = dropTarget.tableParams) !== null && _dropTarget$tablePara !== void 0 && _dropTarget$tablePara.getTreeModeOptions()) {
|
|
9035
|
+
if (expandRowTimeoutId) {
|
|
9036
|
+
clearTimeout(expandRowTimeoutId);
|
|
9037
|
+
}
|
|
9038
|
+
expandRowTimeoutId = setTimeout(function () {
|
|
9039
|
+
var treeModeOptions = dropTarget.tableParams.getTreeModeOptions();
|
|
9040
|
+
var treeMetaKey = treeModeOptions.treeMetaKey,
|
|
9041
|
+
onExpand = treeModeOptions.onExpand,
|
|
9042
|
+
isExpanded = treeModeOptions.isExpanded,
|
|
9043
|
+
onCollapse = treeModeOptions.onCollapse;
|
|
9044
|
+
// 鼠标悬停所在的拖拽行信息
|
|
9045
|
+
var dataSource = dropTarget.tableParams.getDataSource();
|
|
9046
|
+
var dragItem = getDragRowItem(mouseMoveEvent.target, dropTarget.getContainer(), dataSource);
|
|
9047
|
+
if (!dragItem) return;
|
|
9048
|
+
var row = dragItem.row;
|
|
9049
|
+
var rowKey = row[treeMetaKey].rowKey;
|
|
9050
|
+
if (!isExpanded(rowKey)) {
|
|
9051
|
+
onExpand(rowKey);
|
|
9052
|
+
expandRowCallBackList.push(function () {
|
|
9053
|
+
return onCollapse(rowKey);
|
|
9054
|
+
});
|
|
9055
|
+
}
|
|
9056
|
+
}, 1000);
|
|
9015
9057
|
}
|
|
9016
9058
|
if (dropTarget.onDragging) {
|
|
9017
|
-
var _dragEvent2 = createDropTargetEvent(dropTarget, mouseMoveEvent, startDataItem,
|
|
9059
|
+
var _dragEvent2 = createDropTargetEvent(dropTarget, mouseMoveEvent, startDataItem, currentDropZone);
|
|
9018
9060
|
dropTarget.onDragging(_dragEvent2);
|
|
9019
9061
|
}
|
|
9020
9062
|
}
|
|
@@ -9022,27 +9064,32 @@ function rowDrag(opt) {
|
|
|
9022
9064
|
var handleDragStop = function handleDragStop(mouseUpEvent) {
|
|
9023
9065
|
removeElement(dragElement);
|
|
9024
9066
|
removeElement(dragLine);
|
|
9025
|
-
artTable.classList.remove(
|
|
9067
|
+
artTable.classList.remove(classnames__WEBPACK_IMPORTED_MODULE_11___default()(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragging));
|
|
9026
9068
|
rowDragApi.setDragStatus('finished');
|
|
9027
9069
|
clearTimeout(timeoutId);
|
|
9028
9070
|
clearInterval(intervalId);
|
|
9071
|
+
clearTimeout(expandRowTimeoutId);
|
|
9072
|
+
while (expandRowCallBackList.length > 0) {
|
|
9073
|
+
var callback = expandRowCallBackList.pop();
|
|
9074
|
+
callback();
|
|
9075
|
+
}
|
|
9029
9076
|
var rowDropZones = rowDragApi.getRowDropZone();
|
|
9077
|
+
rowDropZones.forEach(function (dropzone) {
|
|
9078
|
+
var container = dropzone.getContainer();
|
|
9079
|
+
container && container.classList.remove(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragNoData);
|
|
9080
|
+
});
|
|
9030
9081
|
var validDropZones = rowDropZones.concat(currentDropZone);
|
|
9031
9082
|
var dropTarget = validDropZones.find(function (zone) {
|
|
9032
9083
|
return isMouseOnDropTarget(mouseUpEvent, zone.getContainer());
|
|
9033
9084
|
});
|
|
9034
9085
|
if (dropTarget && dropTarget.onDragStop) {
|
|
9035
|
-
var dragEvent = createDropTargetEvent(dropTarget, mouseUpEvent, startDataItem,
|
|
9086
|
+
var dragEvent = createDropTargetEvent(dropTarget, mouseUpEvent, startDataItem, currentDropZone);
|
|
9036
9087
|
dropTarget.onDragStop(dragEvent);
|
|
9037
|
-
// 原表也触发onDragStop, 方便上层调用
|
|
9038
|
-
if (dropTarget !== currentDropZone) {
|
|
9039
|
-
currentDropZone.onDragStop(dragEvent, 'startTable');
|
|
9040
|
-
}
|
|
9041
9088
|
}
|
|
9042
9089
|
};
|
|
9043
|
-
var mousemove$ = Object(
|
|
9044
|
-
var mouseup$ = Object(
|
|
9045
|
-
var rowDragMove$ = mousemove$.pipe(Object(
|
|
9090
|
+
var mousemove$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_9__["fromEvent"])(window, 'mousemove');
|
|
9091
|
+
var mouseup$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_9__["fromEvent"])(window, 'mouseup');
|
|
9092
|
+
var rowDragMove$ = mousemove$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_10__["filter"])(function (mouseMoveEvent) {
|
|
9046
9093
|
var mouseMoveClientY = mouseMoveEvent.clientY;
|
|
9047
9094
|
var mouseDownClientY = mouseDownEvent.clientY;
|
|
9048
9095
|
// 上下移动偏移量大于5才是有效的拖拽
|
|
@@ -9050,16 +9097,16 @@ function rowDrag(opt) {
|
|
|
9050
9097
|
isValidDrag = true;
|
|
9051
9098
|
}
|
|
9052
9099
|
return isValidDrag;
|
|
9053
|
-
}), Object(
|
|
9100
|
+
}), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_10__["map"])(function (mouseMoveEvent) {
|
|
9054
9101
|
if (!isDragging) {
|
|
9055
9102
|
isDragging = true;
|
|
9056
9103
|
handleDragStart(mouseDownEvent);
|
|
9057
9104
|
handleDragMove(mouseDownEvent);
|
|
9058
9105
|
}
|
|
9059
9106
|
handleDragMove(mouseMoveEvent);
|
|
9060
|
-
}), Object(
|
|
9107
|
+
}), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_10__["takeUntil"])(mouseup$));
|
|
9061
9108
|
rowDragMove$.subscribe();
|
|
9062
|
-
var rowDragEnd$ = mouseup$.pipe(Object(
|
|
9109
|
+
var rowDragEnd$ = mouseup$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_10__["map"])(function (mouseUpEvent) {
|
|
9063
9110
|
handleDragStop(mouseUpEvent);
|
|
9064
9111
|
})).subscribe({
|
|
9065
9112
|
next: function next() {
|
|
@@ -9094,10 +9141,10 @@ function rowDrag(opt) {
|
|
|
9094
9141
|
var parentRowKey = endRow[treeMetaKey].parentRowKey;
|
|
9095
9142
|
var primaryKey = pipeline.ensurePrimaryKey('rowDrag');
|
|
9096
9143
|
parentRowKeyIndex = pipeline.getDataSource().findIndex(function (row) {
|
|
9097
|
-
return
|
|
9144
|
+
return _internals__WEBPACK_IMPORTED_MODULE_14__["internals"].safeGetRowKey(primaryKey, row, -1) === parentRowKey;
|
|
9098
9145
|
});
|
|
9099
9146
|
}
|
|
9100
|
-
var className =
|
|
9147
|
+
var className = classnames__WEBPACK_IMPORTED_MODULE_11___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, _base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragStart, rowIndex === startRowIndex && dragStatus !== 'finished'), _base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragEnd, rowIndex === endRowIndex), _base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragEndParent, isTreeTable && rowIndex === parentRowKeyIndex && dragPosition !== 'into'), _base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragEndInto, rowIndex === endRowIndex && dragPosition === 'into'), _base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragEndToTop, rowIndex === endRowIndex && dragPosition === 'top'), _base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragEndToBottom, rowIndex === endRowIndex && dragPosition === 'bottom'));
|
|
9101
9148
|
return {
|
|
9102
9149
|
className: className
|
|
9103
9150
|
};
|
|
@@ -9134,8 +9181,8 @@ function findTargetRow(target, tableBody) {
|
|
|
9134
9181
|
return null;
|
|
9135
9182
|
}
|
|
9136
9183
|
function isEleInFooter(target) {
|
|
9137
|
-
while (target && !target.classList.contains(
|
|
9138
|
-
if (target.classList.contains(
|
|
9184
|
+
while (target && !target.classList.contains(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].artTable)) {
|
|
9185
|
+
if (target.classList.contains(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].tableFooter)) {
|
|
9139
9186
|
return true;
|
|
9140
9187
|
}
|
|
9141
9188
|
target = target.parentElement;
|
|
@@ -9143,7 +9190,7 @@ function isEleInFooter(target) {
|
|
|
9143
9190
|
return false;
|
|
9144
9191
|
}
|
|
9145
9192
|
function createDragElement(mouseDownEvent, tableBody) {
|
|
9146
|
-
var ELEMENT_TEMPLATE = "<div class='".concat(
|
|
9193
|
+
var ELEMENT_TEMPLATE = "<div class='".concat(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragElement, "'>\n <span class='").concat(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragElementIcon, "'></span>\n <div class='").concat(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragElementLabel, "'></div>\n </div>");
|
|
9147
9194
|
var element = document.createElement('div');
|
|
9148
9195
|
element.innerHTML = ELEMENT_TEMPLATE;
|
|
9149
9196
|
var dragElement = element.firstChild;
|
|
@@ -9159,9 +9206,9 @@ function createDragElement(mouseDownEvent, tableBody) {
|
|
|
9159
9206
|
}
|
|
9160
9207
|
function createDragLine(isTreeTable) {
|
|
9161
9208
|
var dragLine = document.createElement('div');
|
|
9162
|
-
dragLine.classList.add(
|
|
9209
|
+
dragLine.classList.add(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragLine);
|
|
9163
9210
|
if (isTreeTable) {
|
|
9164
|
-
dragLine.classList.add(
|
|
9211
|
+
dragLine.classList.add(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].treeTableRowDragLine);
|
|
9165
9212
|
}
|
|
9166
9213
|
document.body.appendChild(dragLine);
|
|
9167
9214
|
return dragLine;
|
|
@@ -9179,6 +9226,13 @@ function positionDragLine(_ref) {
|
|
|
9179
9226
|
var treeModeOptions = getTreeModeOptions();
|
|
9180
9227
|
var rowDragOptions = getRowDragOptions() || {};
|
|
9181
9228
|
var allowDragIntoRow = rowDragOptions.allowDragIntoRow;
|
|
9229
|
+
if (dataSource.length === 0) {
|
|
9230
|
+
tableContainer.classList.add(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragNoData);
|
|
9231
|
+
lineElement.style.display = 'none';
|
|
9232
|
+
} else {
|
|
9233
|
+
tableContainer.classList.remove(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragNoData);
|
|
9234
|
+
lineElement.style.display = 'block';
|
|
9235
|
+
}
|
|
9182
9236
|
// 鼠标悬停所在的拖拽行信息
|
|
9183
9237
|
var dragItem = getDragRowItem(event.target, tableContainer, dataSource);
|
|
9184
9238
|
if (!dragItem) return;
|
|
@@ -9196,7 +9250,7 @@ function positionDragLine(_ref) {
|
|
|
9196
9250
|
iconGap = treeModeOptions.iconGap,
|
|
9197
9251
|
indentSize = treeModeOptions.indentSize,
|
|
9198
9252
|
treeMetaKey = treeModeOptions.treeMetaKey;
|
|
9199
|
-
var expandCell = tableContainer.querySelector("tr[data-rowindex=\"".concat(rowIndex, "\"] .").concat(
|
|
9253
|
+
var expandCell = tableContainer.querySelector("tr[data-rowindex=\"".concat(rowIndex, "\"] .").concat(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].tableExtendCell));
|
|
9200
9254
|
if (expandCell) {
|
|
9201
9255
|
var _getElementSize2 = _getElementSize(expandCell),
|
|
9202
9256
|
paddingLeft = _getElementSize2.paddingLeft;
|
|
@@ -9317,14 +9371,14 @@ function removeElement(element) {
|
|
|
9317
9371
|
document.body.removeChild(element);
|
|
9318
9372
|
}
|
|
9319
9373
|
function setDragElementIcon(element, iconName) {
|
|
9320
|
-
var elementIcon = element.querySelector(".".concat(
|
|
9374
|
+
var elementIcon = element.querySelector(".".concat(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragElementIcon));
|
|
9321
9375
|
clearElementChildren(elementIcon);
|
|
9322
9376
|
iconName = iconName || 'notAllowed';
|
|
9323
9377
|
var iconElement = document.createElement('span');
|
|
9324
9378
|
if (iconName === 'move') {
|
|
9325
|
-
iconElement.classList.add(
|
|
9379
|
+
iconElement.classList.add(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].iconMove);
|
|
9326
9380
|
} else if (iconName === 'notAllowed') {
|
|
9327
|
-
iconElement.classList.add(
|
|
9381
|
+
iconElement.classList.add(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].iconNotAllowed);
|
|
9328
9382
|
}
|
|
9329
9383
|
elementIcon.appendChild(iconElement);
|
|
9330
9384
|
}
|
|
@@ -9348,28 +9402,35 @@ function getScrollMoveOffset(tableBody, mouseMoveEvent) {
|
|
|
9348
9402
|
}
|
|
9349
9403
|
function setDragText(element, dragText) {
|
|
9350
9404
|
var dragTextString = dragText.toString();
|
|
9351
|
-
var elementIcon = element.querySelector(".".concat(
|
|
9405
|
+
var elementIcon = element.querySelector(".".concat(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragElementLabel));
|
|
9352
9406
|
var stringNode = document.createTextNode(dragTextString);
|
|
9353
9407
|
elementIcon.appendChild(stringNode);
|
|
9354
9408
|
}
|
|
9355
9409
|
function isMouseOnDropTarget(mouseEvent, target) {
|
|
9356
9410
|
return target.contains(mouseEvent.target);
|
|
9357
9411
|
}
|
|
9358
|
-
function createDropTargetEvent(
|
|
9359
|
-
var dropZoneTarget =
|
|
9412
|
+
function createDropTargetEvent(dropZone, event, dragItem, startDropZone) {
|
|
9413
|
+
var dropZoneTarget = dropZone.getContainer();
|
|
9414
|
+
var startDropZoneTagret = startDropZone.getContainer();
|
|
9360
9415
|
var rect = dropZoneTarget.getBoundingClientRect();
|
|
9361
9416
|
var x = event.clientX - rect.left;
|
|
9362
9417
|
var y = event.clientY - rect.top;
|
|
9418
|
+
var startDropZoneOptions = startDropZone.tableParams.getRowDragOptions();
|
|
9419
|
+
var startCommonParams = startDropZoneOptions === null || startDropZoneOptions === void 0 ? void 0 : startDropZoneOptions.commonParams;
|
|
9363
9420
|
var targetEvent = {
|
|
9364
9421
|
dragItem: dragItem,
|
|
9365
9422
|
startDropZoneTagret: startDropZoneTagret,
|
|
9423
|
+
startCommonParams: startCommonParams,
|
|
9366
9424
|
dropZoneTarget: dropZoneTarget,
|
|
9367
9425
|
event: event,
|
|
9368
9426
|
x: x,
|
|
9369
9427
|
y: y
|
|
9370
9428
|
};
|
|
9371
|
-
if (
|
|
9372
|
-
|
|
9429
|
+
if (dropZone.isTable) {
|
|
9430
|
+
var dropZoneOptions = dropZone.tableParams.getRowDragOptions();
|
|
9431
|
+
var commonParams = dropZoneOptions === null || dropZoneOptions === void 0 ? void 0 : dropZoneOptions.commonParams;
|
|
9432
|
+
targetEvent.dropZoneTableParams = dropZone.tableParams;
|
|
9433
|
+
targetEvent.commonParams = commonParams;
|
|
9373
9434
|
}
|
|
9374
9435
|
return targetEvent;
|
|
9375
9436
|
}
|
|
@@ -10390,7 +10451,18 @@ function treeMode() {
|
|
|
10390
10451
|
iconIndent: iconIndent,
|
|
10391
10452
|
iconGap: iconGap,
|
|
10392
10453
|
indentSize: indentSize,
|
|
10393
|
-
treeMetaKey: treeMetaKey
|
|
10454
|
+
treeMetaKey: treeMetaKey,
|
|
10455
|
+
isExpanded: function isExpanded(rowKey) {
|
|
10456
|
+
return openKeySet.has(rowKey);
|
|
10457
|
+
},
|
|
10458
|
+
onExpand: function onExpand(rowKey) {
|
|
10459
|
+
onChangeOpenKeys([].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(openKeys), [rowKey]), rowKey, 'expand');
|
|
10460
|
+
},
|
|
10461
|
+
onCollapse: function onCollapse(rowKey) {
|
|
10462
|
+
onChangeOpenKeys(openKeys.filter(function (key) {
|
|
10463
|
+
return key !== rowKey;
|
|
10464
|
+
}), rowKey, 'collapse');
|
|
10465
|
+
}
|
|
10394
10466
|
});
|
|
10395
10467
|
var Icon = opts.icon;
|
|
10396
10468
|
return pipeline.mapDataSource(processDataSource).mapColumns(processColumns);
|