@kdcloudjs/table 1.2.2-canary.6 → 1.2.2-canary.8
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 +28 -14
- package/dist/@kdcloudjs/table.js.map +1 -1
- package/dist/@kdcloudjs/table.min.css +1 -1
- package/dist/@kdcloudjs/table.min.js +5 -5
- package/dist/@kdcloudjs/table.min.js.map +1 -1
- package/es/table/base/styles.js +1 -1
- package/es/table/pipeline/features/rowDrag.js +26 -12
- package/lib/table/base/styles.js +1 -1
- package/lib/table/pipeline/features/rowDrag.js +26 -12
- 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.7
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -3200,7 +3200,7 @@ var Z = {
|
|
|
3200
3200
|
scrollItem: 30,
|
|
3201
3201
|
loadingIndicator: 40
|
|
3202
3202
|
};
|
|
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
|
+
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 max-height:48px;\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);
|
|
3204
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);
|
|
3205
3205
|
var defaultCSSVariables = {
|
|
3206
3206
|
'--row-height': '48px',
|
|
@@ -8968,7 +8968,7 @@ function rowDrag(opt) {
|
|
|
8968
8968
|
timeoutId = setTimeout(function () {
|
|
8969
8969
|
intervalId = setInterval(function () {
|
|
8970
8970
|
tableBody.scrollTop += moveOffset;
|
|
8971
|
-
},
|
|
8971
|
+
}, 50);
|
|
8972
8972
|
}, 500);
|
|
8973
8973
|
};
|
|
8974
8974
|
var handleDragStart = function handleDragStart(mouseDownEvent) {
|
|
@@ -9012,6 +9012,15 @@ function rowDrag(opt) {
|
|
|
9012
9012
|
setDragElementIcon(dragElement, 'move');
|
|
9013
9013
|
if (dropTarget.isTable) {
|
|
9014
9014
|
showDragLine(dragLine);
|
|
9015
|
+
var getTreeModeOptions = dropTarget.tableParams.getTreeModeOptions;
|
|
9016
|
+
var treeModeOptions = getTreeModeOptions();
|
|
9017
|
+
var isTreeTable = !!treeModeOptions;
|
|
9018
|
+
// 判断拖拽进入的表格是否是树形表格,控制指示线样式
|
|
9019
|
+
if (isTreeTable) {
|
|
9020
|
+
dragLine.classList.add(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].treeTableRowDragLine);
|
|
9021
|
+
} else {
|
|
9022
|
+
dragLine.classList.remove(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].treeTableRowDragLine);
|
|
9023
|
+
}
|
|
9015
9024
|
}
|
|
9016
9025
|
var _dragEvent = createDropTargetEvent(dropTarget, mouseMoveEvent, startDataItem, currentDropZone);
|
|
9017
9026
|
dropTarget.onDragEnter(_dragEvent);
|
|
@@ -9046,8 +9055,10 @@ function rowDrag(opt) {
|
|
|
9046
9055
|
var dragItem = getDragRowItem(mouseMoveEvent.target, dropTarget.getContainer(), dataSource);
|
|
9047
9056
|
if (!dragItem) return;
|
|
9048
9057
|
var row = dragItem.row;
|
|
9049
|
-
var
|
|
9050
|
-
|
|
9058
|
+
var _row$treeMetaKey = row[treeMetaKey],
|
|
9059
|
+
rowKey = _row$treeMetaKey.rowKey,
|
|
9060
|
+
isLeaf = _row$treeMetaKey.isLeaf;
|
|
9061
|
+
if (!isLeaf && !isExpanded(rowKey)) {
|
|
9051
9062
|
onExpand(rowKey);
|
|
9052
9063
|
expandRowCallBackList.push(function () {
|
|
9053
9064
|
return onCollapse(rowKey);
|
|
@@ -9062,6 +9073,9 @@ function rowDrag(opt) {
|
|
|
9062
9073
|
}
|
|
9063
9074
|
};
|
|
9064
9075
|
var handleDragStop = function handleDragStop(mouseUpEvent) {
|
|
9076
|
+
if (!isValidDrag) {
|
|
9077
|
+
return;
|
|
9078
|
+
}
|
|
9065
9079
|
removeElement(dragElement);
|
|
9066
9080
|
removeElement(dragLine);
|
|
9067
9081
|
artTable.classList.remove(classnames__WEBPACK_IMPORTED_MODULE_11___default()(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragging));
|
|
@@ -9069,10 +9083,6 @@ function rowDrag(opt) {
|
|
|
9069
9083
|
clearTimeout(timeoutId);
|
|
9070
9084
|
clearInterval(intervalId);
|
|
9071
9085
|
clearTimeout(expandRowTimeoutId);
|
|
9072
|
-
while (expandRowCallBackList.length > 0) {
|
|
9073
|
-
var callback = expandRowCallBackList.pop();
|
|
9074
|
-
callback();
|
|
9075
|
-
}
|
|
9076
9086
|
var rowDropZones = rowDragApi.getRowDropZone();
|
|
9077
9087
|
rowDropZones.forEach(function (dropzone) {
|
|
9078
9088
|
var container = dropzone.getContainer();
|
|
@@ -9086,6 +9096,10 @@ function rowDrag(opt) {
|
|
|
9086
9096
|
var dragEvent = createDropTargetEvent(dropTarget, mouseUpEvent, startDataItem, currentDropZone);
|
|
9087
9097
|
dropTarget.onDragStop(dragEvent);
|
|
9088
9098
|
}
|
|
9099
|
+
while (expandRowCallBackList.length > 0) {
|
|
9100
|
+
var callback = expandRowCallBackList.pop();
|
|
9101
|
+
callback();
|
|
9102
|
+
}
|
|
9089
9103
|
};
|
|
9090
9104
|
var mousemove$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_9__["fromEvent"])(window, 'mousemove');
|
|
9091
9105
|
var mouseup$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_9__["fromEvent"])(window, 'mouseup');
|
|
@@ -9468,11 +9482,11 @@ var getLinePosition = function getLinePosition(_ref2) {
|
|
|
9468
9482
|
var _getElementSize3 = _getElementSize(cell),
|
|
9469
9483
|
paddingLeft = _getElementSize3.paddingLeft;
|
|
9470
9484
|
var expandCellRect = cell.getBoundingClientRect();
|
|
9471
|
-
var _row$
|
|
9472
|
-
rowKey = _row$
|
|
9473
|
-
depth = _row$
|
|
9474
|
-
isLeaf = _row$
|
|
9475
|
-
expanded = _row$
|
|
9485
|
+
var _row$treeMetaKey2 = row[treeMetaKey],
|
|
9486
|
+
rowKey = _row$treeMetaKey2.rowKey,
|
|
9487
|
+
depth = _row$treeMetaKey2.depth,
|
|
9488
|
+
isLeaf = _row$treeMetaKey2.isLeaf,
|
|
9489
|
+
expanded = _row$treeMetaKey2.expanded;
|
|
9476
9490
|
var addWidth = isLeaf ? iconWidth + iconGap : 0;
|
|
9477
9491
|
var indent = iconIndent + depth * indentSize + addWidth;
|
|
9478
9492
|
var x = expandCellRect.x,
|