@kdcloudjs/table 1.2.2-canary.4 → 1.2.2-canary.6
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 +160 -87
- package/dist/@kdcloudjs/table.js.map +1 -1
- package/dist/@kdcloudjs/table.min.css +1 -1
- package/dist/@kdcloudjs/table.min.js +6 -6
- package/dist/@kdcloudjs/table.min.js.map +1 -1
- package/es/table/base/styles.d.ts +1 -0
- package/es/table/base/styles.js +2 -1
- package/es/table/pipeline/features/rowDrag.js +123 -55
- package/lib/table/base/styles.d.ts +1 -0
- package/lib/table/base/styles.js +2 -1
- package/lib/table/pipeline/features/rowDrag.js +123 -55
- 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.5
|
|
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"),
|
|
@@ -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,7 +8829,7 @@ 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();
|
|
@@ -8849,7 +8853,7 @@ function rowDrag(opt) {
|
|
|
8849
8853
|
var isLeave = !isMouseOnDropTarget(event, dropZoneTarget);
|
|
8850
8854
|
var overIndex = -1;
|
|
8851
8855
|
var direction = 'bottom';
|
|
8852
|
-
if (!isLeave) {
|
|
8856
|
+
if (!isLeave && dataSource.length > 0) {
|
|
8853
8857
|
var overDragItem = getDragRowItem(event.target, dropZoneTarget, dataSource);
|
|
8854
8858
|
if (overDragItem) {
|
|
8855
8859
|
var rowIndex = overDragItem.rowIndex,
|
|
@@ -8858,6 +8862,10 @@ function rowDrag(opt) {
|
|
|
8858
8862
|
direction = getDirection(cell, event.clientY, allowDragIntoRow);
|
|
8859
8863
|
}
|
|
8860
8864
|
}
|
|
8865
|
+
if (overIndex === -1 && dataSource.length > 0 && dropZoneTarget.contains(event.target)) {
|
|
8866
|
+
overIndex = dataSource.length - 1;
|
|
8867
|
+
direction = 'bottom';
|
|
8868
|
+
}
|
|
8861
8869
|
var overRow = overIndex >= 0 ? dataSource[overIndex] : null;
|
|
8862
8870
|
return {
|
|
8863
8871
|
startRowIndex: dragItem.rowIndex,
|
|
@@ -8952,6 +8960,7 @@ function rowDrag(opt) {
|
|
|
8952
8960
|
if (intervalId) {
|
|
8953
8961
|
clearInterval(intervalId);
|
|
8954
8962
|
}
|
|
8963
|
+
if (!tableBody) return;
|
|
8955
8964
|
var moveOffset = getScrollMoveOffset(tableBody, mouseMoveEvent);
|
|
8956
8965
|
if (moveOffset === 0) {
|
|
8957
8966
|
return;
|
|
@@ -8969,7 +8978,7 @@ function rowDrag(opt) {
|
|
|
8969
8978
|
dragLine = createDragLine(isTreeTable); // 创建拖拽插入指示线
|
|
8970
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");
|
|
8971
8980
|
setDragText(dragElement, dragText); // 设置悬浮框显示文本
|
|
8972
|
-
artTable.classList.add(
|
|
8981
|
+
artTable.classList.add(classnames__WEBPACK_IMPORTED_MODULE_11___default()(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragging));
|
|
8973
8982
|
rowDragApi.setDragStatus('start');
|
|
8974
8983
|
var dragEvent = createDropTargetEvent(currentDropZone, mouseDownEvent, startDataItem, currentDropZone);
|
|
8975
8984
|
onDragStart(dragEvent);
|
|
@@ -8983,12 +8992,15 @@ function rowDrag(opt) {
|
|
|
8983
8992
|
var dropTarget = validDropZones.find(function (zone) {
|
|
8984
8993
|
return isMouseOnDropTarget(mouseMoveEvent, zone.getContainer());
|
|
8985
8994
|
}) || null;
|
|
8995
|
+
updateScrollPosition(dropTarget === null || dropTarget === void 0 ? void 0 : dropTarget.getContainer(), mouseMoveEvent); // 拖拽到底时让滚动条可以滚动
|
|
8996
|
+
|
|
8986
8997
|
if (dropTarget !== lastDropTarget) {
|
|
8987
8998
|
// 拖拽离开表格
|
|
8988
8999
|
if (lastDropTarget !== null && dropTarget === null) {
|
|
8989
9000
|
if (lastDropTarget.onDragLeave) {
|
|
8990
9001
|
setDragElementIcon(dragElement, 'notAllowed');
|
|
8991
9002
|
hiddenDragLine(dragLine);
|
|
9003
|
+
lastDropTarget.getContainer().classList.remove(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragNoData);
|
|
8992
9004
|
var dragEvent = createDropTargetEvent(lastDropTarget, mouseMoveEvent, startDataItem, currentDropZone);
|
|
8993
9005
|
lastDropTarget.onDragLeave(dragEvent);
|
|
8994
9006
|
}
|
|
@@ -9016,7 +9028,6 @@ function rowDrag(opt) {
|
|
|
9016
9028
|
dragZone: dropTarget,
|
|
9017
9029
|
event: mouseMoveEvent
|
|
9018
9030
|
});
|
|
9019
|
-
updateScrollPosition(dropTarget.getContainer(), mouseMoveEvent); // 拖拽到底时让滚动条可以滚动
|
|
9020
9031
|
}
|
|
9021
9032
|
|
|
9022
9033
|
// 树形表格悬停1s展开对应行节点
|
|
@@ -9053,7 +9064,7 @@ function rowDrag(opt) {
|
|
|
9053
9064
|
var handleDragStop = function handleDragStop(mouseUpEvent) {
|
|
9054
9065
|
removeElement(dragElement);
|
|
9055
9066
|
removeElement(dragLine);
|
|
9056
|
-
artTable.classList.remove(
|
|
9067
|
+
artTable.classList.remove(classnames__WEBPACK_IMPORTED_MODULE_11___default()(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragging));
|
|
9057
9068
|
rowDragApi.setDragStatus('finished');
|
|
9058
9069
|
clearTimeout(timeoutId);
|
|
9059
9070
|
clearInterval(intervalId);
|
|
@@ -9063,6 +9074,10 @@ function rowDrag(opt) {
|
|
|
9063
9074
|
callback();
|
|
9064
9075
|
}
|
|
9065
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
|
+
});
|
|
9066
9081
|
var validDropZones = rowDropZones.concat(currentDropZone);
|
|
9067
9082
|
var dropTarget = validDropZones.find(function (zone) {
|
|
9068
9083
|
return isMouseOnDropTarget(mouseUpEvent, zone.getContainer());
|
|
@@ -9072,9 +9087,9 @@ function rowDrag(opt) {
|
|
|
9072
9087
|
dropTarget.onDragStop(dragEvent);
|
|
9073
9088
|
}
|
|
9074
9089
|
};
|
|
9075
|
-
var mousemove$ = Object(
|
|
9076
|
-
var mouseup$ = Object(
|
|
9077
|
-
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) {
|
|
9078
9093
|
var mouseMoveClientY = mouseMoveEvent.clientY;
|
|
9079
9094
|
var mouseDownClientY = mouseDownEvent.clientY;
|
|
9080
9095
|
// 上下移动偏移量大于5才是有效的拖拽
|
|
@@ -9082,16 +9097,16 @@ function rowDrag(opt) {
|
|
|
9082
9097
|
isValidDrag = true;
|
|
9083
9098
|
}
|
|
9084
9099
|
return isValidDrag;
|
|
9085
|
-
}), Object(
|
|
9100
|
+
}), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_10__["map"])(function (mouseMoveEvent) {
|
|
9086
9101
|
if (!isDragging) {
|
|
9087
9102
|
isDragging = true;
|
|
9088
9103
|
handleDragStart(mouseDownEvent);
|
|
9089
9104
|
handleDragMove(mouseDownEvent);
|
|
9090
9105
|
}
|
|
9091
9106
|
handleDragMove(mouseMoveEvent);
|
|
9092
|
-
}), Object(
|
|
9107
|
+
}), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_10__["takeUntil"])(mouseup$));
|
|
9093
9108
|
rowDragMove$.subscribe();
|
|
9094
|
-
var rowDragEnd$ = mouseup$.pipe(Object(
|
|
9109
|
+
var rowDragEnd$ = mouseup$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_10__["map"])(function (mouseUpEvent) {
|
|
9095
9110
|
handleDragStop(mouseUpEvent);
|
|
9096
9111
|
})).subscribe({
|
|
9097
9112
|
next: function next() {
|
|
@@ -9126,10 +9141,10 @@ function rowDrag(opt) {
|
|
|
9126
9141
|
var parentRowKey = endRow[treeMetaKey].parentRowKey;
|
|
9127
9142
|
var primaryKey = pipeline.ensurePrimaryKey('rowDrag');
|
|
9128
9143
|
parentRowKeyIndex = pipeline.getDataSource().findIndex(function (row) {
|
|
9129
|
-
return
|
|
9144
|
+
return _internals__WEBPACK_IMPORTED_MODULE_14__["internals"].safeGetRowKey(primaryKey, row, -1) === parentRowKey;
|
|
9130
9145
|
});
|
|
9131
9146
|
}
|
|
9132
|
-
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'));
|
|
9133
9148
|
return {
|
|
9134
9149
|
className: className
|
|
9135
9150
|
};
|
|
@@ -9166,8 +9181,8 @@ function findTargetRow(target, tableBody) {
|
|
|
9166
9181
|
return null;
|
|
9167
9182
|
}
|
|
9168
9183
|
function isEleInFooter(target) {
|
|
9169
|
-
while (target && !target.classList.contains(
|
|
9170
|
-
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)) {
|
|
9171
9186
|
return true;
|
|
9172
9187
|
}
|
|
9173
9188
|
target = target.parentElement;
|
|
@@ -9175,7 +9190,7 @@ function isEleInFooter(target) {
|
|
|
9175
9190
|
return false;
|
|
9176
9191
|
}
|
|
9177
9192
|
function createDragElement(mouseDownEvent, tableBody) {
|
|
9178
|
-
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>");
|
|
9179
9194
|
var element = document.createElement('div');
|
|
9180
9195
|
element.innerHTML = ELEMENT_TEMPLATE;
|
|
9181
9196
|
var dragElement = element.firstChild;
|
|
@@ -9191,9 +9206,9 @@ function createDragElement(mouseDownEvent, tableBody) {
|
|
|
9191
9206
|
}
|
|
9192
9207
|
function createDragLine(isTreeTable) {
|
|
9193
9208
|
var dragLine = document.createElement('div');
|
|
9194
|
-
dragLine.classList.add(
|
|
9209
|
+
dragLine.classList.add(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragLine);
|
|
9195
9210
|
if (isTreeTable) {
|
|
9196
|
-
dragLine.classList.add(
|
|
9211
|
+
dragLine.classList.add(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].treeTableRowDragLine);
|
|
9197
9212
|
}
|
|
9198
9213
|
document.body.appendChild(dragLine);
|
|
9199
9214
|
return dragLine;
|
|
@@ -9211,61 +9226,68 @@ function positionDragLine(_ref) {
|
|
|
9211
9226
|
var treeModeOptions = getTreeModeOptions();
|
|
9212
9227
|
var rowDragOptions = getRowDragOptions() || {};
|
|
9213
9228
|
var allowDragIntoRow = rowDragOptions.allowDragIntoRow;
|
|
9229
|
+
var isTreeTable = !!treeModeOptions;
|
|
9230
|
+
var bodyRect = tableContainer.getBoundingClientRect();
|
|
9231
|
+
var offsetParentSize = getElementRectWithOffset(document.body);
|
|
9232
|
+
if (dataSource.length === 0) {
|
|
9233
|
+
tableContainer.classList.add(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragNoData);
|
|
9234
|
+
lineElement.style.display = 'none';
|
|
9235
|
+
} else {
|
|
9236
|
+
tableContainer.classList.remove(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragNoData);
|
|
9237
|
+
lineElement.style.display = 'block';
|
|
9238
|
+
}
|
|
9214
9239
|
// 鼠标悬停所在的拖拽行信息
|
|
9215
9240
|
var dragItem = getDragRowItem(event.target, tableContainer, dataSource);
|
|
9216
|
-
if (!dragItem)
|
|
9241
|
+
if (!dragItem) {
|
|
9242
|
+
if (dataSource.length > 0 && tableContainer.contains(event.target)) {
|
|
9243
|
+
var _rowIndex = dataSource.length - 1;
|
|
9244
|
+
var _row = dataSource[_rowIndex];
|
|
9245
|
+
var _direction = 'bottom';
|
|
9246
|
+
var _targetCell = isTreeTable ? tableContainer.querySelector("tr[data-rowindex=\"".concat(_rowIndex, "\"] .").concat(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].tableExtendCell)) : tableContainer.querySelector("tr[data-rowindex=\"".concat(_rowIndex, "\"] .").concat(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragCell));
|
|
9247
|
+
if (!_targetCell) return;
|
|
9248
|
+
var _getLinePosition = getLinePosition({
|
|
9249
|
+
treeModeOptions: treeModeOptions,
|
|
9250
|
+
cell: _targetCell,
|
|
9251
|
+
row: _row,
|
|
9252
|
+
direction: _direction,
|
|
9253
|
+
offsetParentSize: offsetParentSize,
|
|
9254
|
+
bodyRect: bodyRect
|
|
9255
|
+
}),
|
|
9256
|
+
_top = _getLinePosition.top,
|
|
9257
|
+
_left = _getLinePosition.left,
|
|
9258
|
+
_width = _getLinePosition.width;
|
|
9259
|
+
lineElement.style.left = "".concat(_left, "px");
|
|
9260
|
+
lineElement.style.top = "".concat(_top, "px");
|
|
9261
|
+
lineElement.style.width = "".concat(_width, "px");
|
|
9262
|
+
}
|
|
9263
|
+
return;
|
|
9264
|
+
}
|
|
9217
9265
|
var cell = dragItem.cell,
|
|
9218
9266
|
rowIndex = dragItem.rowIndex,
|
|
9219
9267
|
row = dragItem.row;
|
|
9220
|
-
var bodyRect = tableContainer.getBoundingClientRect();
|
|
9221
|
-
var offsetParentSize = getElementRectWithOffset(document.body);
|
|
9222
|
-
var isTreeTable = !!treeModeOptions;
|
|
9223
9268
|
var allowDragInto = isTreeTable && allowDragIntoRow;
|
|
9224
9269
|
var direction = getDirection(cell, event.clientY, allowDragInto);
|
|
9225
|
-
|
|
9226
|
-
|
|
9227
|
-
|
|
9228
|
-
|
|
9229
|
-
|
|
9230
|
-
|
|
9231
|
-
|
|
9232
|
-
|
|
9233
|
-
|
|
9234
|
-
|
|
9235
|
-
|
|
9236
|
-
|
|
9237
|
-
|
|
9238
|
-
depth = _row$treeMetaKey.depth,
|
|
9239
|
-
isLeaf = _row$treeMetaKey.isLeaf,
|
|
9240
|
-
expanded = _row$treeMetaKey.expanded;
|
|
9241
|
-
var addWidth = isLeaf ? iconWidth + iconGap : 0;
|
|
9242
|
-
var indent = iconIndent + depth * indentSize + addWidth;
|
|
9243
|
-
var x = expandCellRect.x,
|
|
9244
|
-
_y = expandCellRect.y,
|
|
9245
|
-
_height = expandCellRect.height;
|
|
9246
|
-
var _top = direction === 'bottom' ? _y + _height - offsetParentSize.top : _y - offsetParentSize.top;
|
|
9247
|
-
var offsetX = Math.max(x + paddingLeft + indent - bodyRect.x, 0);
|
|
9248
|
-
var _left = bodyRect.x + offsetX - offsetParentSize.left;
|
|
9249
|
-
lineElement.style.left = "".concat(_left, "px");
|
|
9250
|
-
lineElement.style.top = "".concat(_top, "px");
|
|
9251
|
-
lineElement.style.width = "".concat(bodyRect.width - offsetX, "px");
|
|
9252
|
-
if (direction === 'into') {
|
|
9253
|
-
lineElement.style.display = 'none';
|
|
9254
|
-
} else {
|
|
9255
|
-
lineElement.style.display = 'block';
|
|
9256
|
-
}
|
|
9257
|
-
return;
|
|
9258
|
-
}
|
|
9259
|
-
}
|
|
9260
|
-
// 根据鼠标悬停位置所在单元格和显示位置计算拖拽线的位置
|
|
9261
|
-
var rect = cell.getBoundingClientRect();
|
|
9262
|
-
var y = rect.y,
|
|
9263
|
-
height = rect.height;
|
|
9264
|
-
var top = direction === 'bottom' ? y + height - offsetParentSize.top : y - offsetParentSize.top;
|
|
9265
|
-
var left = bodyRect.x - offsetParentSize.left;
|
|
9270
|
+
var targetCell = isTreeTable ? tableContainer.querySelector("tr[data-rowindex=\"".concat(rowIndex, "\"] .").concat(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].tableExtendCell)) : cell;
|
|
9271
|
+
if (!targetCell) return;
|
|
9272
|
+
var _getLinePosition2 = getLinePosition({
|
|
9273
|
+
treeModeOptions: treeModeOptions,
|
|
9274
|
+
cell: targetCell,
|
|
9275
|
+
row: row,
|
|
9276
|
+
direction: direction,
|
|
9277
|
+
offsetParentSize: offsetParentSize,
|
|
9278
|
+
bodyRect: bodyRect
|
|
9279
|
+
}),
|
|
9280
|
+
top = _getLinePosition2.top,
|
|
9281
|
+
left = _getLinePosition2.left,
|
|
9282
|
+
width = _getLinePosition2.width;
|
|
9266
9283
|
lineElement.style.left = "".concat(left, "px");
|
|
9267
9284
|
lineElement.style.top = "".concat(top, "px");
|
|
9268
|
-
lineElement.style.width = "".concat(
|
|
9285
|
+
lineElement.style.width = "".concat(width, "px");
|
|
9286
|
+
if (direction === 'into') {
|
|
9287
|
+
lineElement.style.display = 'none';
|
|
9288
|
+
} else {
|
|
9289
|
+
lineElement.style.display = 'block';
|
|
9290
|
+
}
|
|
9269
9291
|
}
|
|
9270
9292
|
function showDragLine(lineElement) {
|
|
9271
9293
|
lineElement.style.display = 'block';
|
|
@@ -9298,11 +9320,11 @@ function positionDragElemment(element, event) {
|
|
|
9298
9320
|
}
|
|
9299
9321
|
function getElementRectWithOffset(el) {
|
|
9300
9322
|
var offsetElementRect = el.getBoundingClientRect();
|
|
9301
|
-
var
|
|
9302
|
-
borderTopWidth =
|
|
9303
|
-
borderLeftWidth =
|
|
9304
|
-
borderRightWidth =
|
|
9305
|
-
borderBottomWidth =
|
|
9323
|
+
var _getElementSize2 = _getElementSize(el),
|
|
9324
|
+
borderTopWidth = _getElementSize2.borderTopWidth,
|
|
9325
|
+
borderLeftWidth = _getElementSize2.borderLeftWidth,
|
|
9326
|
+
borderRightWidth = _getElementSize2.borderRightWidth,
|
|
9327
|
+
borderBottomWidth = _getElementSize2.borderBottomWidth;
|
|
9306
9328
|
return {
|
|
9307
9329
|
top: offsetElementRect.top + (borderTopWidth || 0),
|
|
9308
9330
|
left: offsetElementRect.left + (borderLeftWidth || 0),
|
|
@@ -9349,14 +9371,14 @@ function removeElement(element) {
|
|
|
9349
9371
|
document.body.removeChild(element);
|
|
9350
9372
|
}
|
|
9351
9373
|
function setDragElementIcon(element, iconName) {
|
|
9352
|
-
var elementIcon = element.querySelector(".".concat(
|
|
9374
|
+
var elementIcon = element.querySelector(".".concat(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragElementIcon));
|
|
9353
9375
|
clearElementChildren(elementIcon);
|
|
9354
9376
|
iconName = iconName || 'notAllowed';
|
|
9355
9377
|
var iconElement = document.createElement('span');
|
|
9356
9378
|
if (iconName === 'move') {
|
|
9357
|
-
iconElement.classList.add(
|
|
9379
|
+
iconElement.classList.add(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].iconMove);
|
|
9358
9380
|
} else if (iconName === 'notAllowed') {
|
|
9359
|
-
iconElement.classList.add(
|
|
9381
|
+
iconElement.classList.add(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].iconNotAllowed);
|
|
9360
9382
|
}
|
|
9361
9383
|
elementIcon.appendChild(iconElement);
|
|
9362
9384
|
}
|
|
@@ -9380,7 +9402,7 @@ function getScrollMoveOffset(tableBody, mouseMoveEvent) {
|
|
|
9380
9402
|
}
|
|
9381
9403
|
function setDragText(element, dragText) {
|
|
9382
9404
|
var dragTextString = dragText.toString();
|
|
9383
|
-
var elementIcon = element.querySelector(".".concat(
|
|
9405
|
+
var elementIcon = element.querySelector(".".concat(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragElementLabel));
|
|
9384
9406
|
var stringNode = document.createTextNode(dragTextString);
|
|
9385
9407
|
elementIcon.appendChild(stringNode);
|
|
9386
9408
|
}
|
|
@@ -9429,6 +9451,57 @@ function getDirection(cell, clientY) {
|
|
|
9429
9451
|
}
|
|
9430
9452
|
return direction;
|
|
9431
9453
|
}
|
|
9454
|
+
var getLinePosition = function getLinePosition(_ref2) {
|
|
9455
|
+
var treeModeOptions = _ref2.treeModeOptions,
|
|
9456
|
+
cell = _ref2.cell,
|
|
9457
|
+
row = _ref2.row,
|
|
9458
|
+
direction = _ref2.direction,
|
|
9459
|
+
offsetParentSize = _ref2.offsetParentSize,
|
|
9460
|
+
bodyRect = _ref2.bodyRect;
|
|
9461
|
+
var isTreeTable = !!treeModeOptions;
|
|
9462
|
+
if (isTreeTable) {
|
|
9463
|
+
var iconWidth = treeModeOptions.iconWidth,
|
|
9464
|
+
iconIndent = treeModeOptions.iconIndent,
|
|
9465
|
+
iconGap = treeModeOptions.iconGap,
|
|
9466
|
+
indentSize = treeModeOptions.indentSize,
|
|
9467
|
+
treeMetaKey = treeModeOptions.treeMetaKey;
|
|
9468
|
+
var _getElementSize3 = _getElementSize(cell),
|
|
9469
|
+
paddingLeft = _getElementSize3.paddingLeft;
|
|
9470
|
+
var expandCellRect = cell.getBoundingClientRect();
|
|
9471
|
+
var _row$treeMetaKey = row[treeMetaKey],
|
|
9472
|
+
rowKey = _row$treeMetaKey.rowKey,
|
|
9473
|
+
depth = _row$treeMetaKey.depth,
|
|
9474
|
+
isLeaf = _row$treeMetaKey.isLeaf,
|
|
9475
|
+
expanded = _row$treeMetaKey.expanded;
|
|
9476
|
+
var addWidth = isLeaf ? iconWidth + iconGap : 0;
|
|
9477
|
+
var indent = iconIndent + depth * indentSize + addWidth;
|
|
9478
|
+
var x = expandCellRect.x,
|
|
9479
|
+
_y = expandCellRect.y,
|
|
9480
|
+
_height = expandCellRect.height;
|
|
9481
|
+
var _top2 = direction === 'bottom' ? _y + _height - offsetParentSize.top : _y - offsetParentSize.top;
|
|
9482
|
+
var offsetX = Math.max(x + paddingLeft + indent - bodyRect.x, 0);
|
|
9483
|
+
var _left2 = bodyRect.x + offsetX - offsetParentSize.left;
|
|
9484
|
+
var _width2 = bodyRect.width - offsetX;
|
|
9485
|
+
return {
|
|
9486
|
+
top: _top2,
|
|
9487
|
+
left: _left2,
|
|
9488
|
+
width: _width2
|
|
9489
|
+
};
|
|
9490
|
+
}
|
|
9491
|
+
|
|
9492
|
+
// 根据鼠标悬停位置所在单元格和显示位置计算拖拽线的位置
|
|
9493
|
+
var rect = cell.getBoundingClientRect();
|
|
9494
|
+
var y = rect.y,
|
|
9495
|
+
height = rect.height;
|
|
9496
|
+
var top = direction === 'bottom' ? y + height - offsetParentSize.top : y - offsetParentSize.top;
|
|
9497
|
+
var left = bodyRect.x - offsetParentSize.left;
|
|
9498
|
+
var width = bodyRect.width;
|
|
9499
|
+
return {
|
|
9500
|
+
top: top,
|
|
9501
|
+
left: left,
|
|
9502
|
+
width: width
|
|
9503
|
+
};
|
|
9504
|
+
};
|
|
9432
9505
|
|
|
9433
9506
|
/***/ }),
|
|
9434
9507
|
|