zmdms-webui 1.3.1 → 1.3.2

package/dist/es/table/utils.js

@@ -1,4 +1,5 @@
-import { __spreadArray, __assign } from '../_virtual/_tslib.js';
+import { __spreadArray, __assign, __awaiter, __generator } from '../_virtual/_tslib.js';
+import { filterHandle } from './components/FilterDropdown.js';
 import { message } from 'antd';
 
 // 递归处理columns
@@ -50,6 +51,7 @@ function recursionColumns(columns, currentDynamicList, newColumns, columnsIndexs
                         ? columnsIndexs.concat([currentIndex])
                         : [currentIndex]);
                 }
+                newColumn.__dynamicItem__ = item;
                 newColumns.push(newColumn);
             }
         });
@@ -99,17 +101,26 @@ function getTableColumns(columns, currentDynamicList) {
         if (preColumns.length === 0 &&
             middleColumns.length === 0 &&
             afterColumns.length === 0) {
-            return columns;
+            return {
+                columns: columns,
+            };
         }
-        return __spreadArray(__spreadArray(__spreadArray([], preColumns, true), middleColumns, true), afterColumns, true);
+        return {
+            columns: __spreadArray(__spreadArray(__spreadArray([], preColumns, true), middleColumns, true), afterColumns, true),
+        };
     }
-    return columns;
+    return {
+        // 根据动态列配置获取到的最新列配置信息
+        columns: columns,
+    };
 }
 // 复制整列方法
-function copyColData(key, dataSource) {
+function copyColData(key, options) {
     var _a, _b;
+    var dataSource = options.dataSource, filterConfig = options.filterConfig;
     if (Array.isArray(dataSource)) {
-        var result = dataSource.map(function (item) {
+        var newDataSource = getFilterRecords(dataSource, filterConfig);
+        var result = newDataSource.map(function (item) {
             if (typeof key === "string") {
                 return item[key];
             }
@@ -145,6 +156,278 @@ function copyColData(key, dataSource) {
             message.info("\u590D\u5236\u5931\u8D25\uFF01\u8BF7\u624B\u5DE5\u590D\u5236\n ".concat(str));
         }
     }
+}
+/**
+ * 根据过滤规则，将过滤的数据整理出来
+ * @param records [{}, {}]
+ * @param filterKeys { key1: ['search1', 'search2'], key2: [] }
+ * @returns
+ */
+function getFilterRecords(records, filterKeys) {
+    if (!filterKeys) {
+        return records;
+    }
+    var keys = Object.keys(filterKeys);
+    if (keys.length === 0) {
+        return records;
+    }
+    return records.filter(function (record) {
+        var isPass = true;
+        var _loop_1 = function (i) {
+            var key = keys[i];
+            var values = filterKeys[key];
+            // 如果有过滤条件的话，
+            if (Array.isArray(values) && values.length > 0) {
+                var findValueIndex = values.findIndex(function (value) {
+                    return filterHandle(value, record, key);
+                });
+                // 如果数据没有在过滤条件中找到，那么这条数据需要过滤掉
+                if (findValueIndex === -1) {
+                    isPass = false;
+                    return "break";
+                }
+            }
+        };
+        for (var i = 0; i < keys.length; i++) {
+            var state_1 = _loop_1(i);
+            if (state_1 === "break")
+                break;
+        }
+        return isPass;
+    });
+}
+/**
+ * 处理粘贴板数据
+ * @param e 粘贴事件对象
+ * @param options.maxRow 粘贴数据最多可以粘贴多少行（因为表格可能都没那么多行给粘贴，必定会导致数据错误。内部分页也是同样的问题）
+ */
+function parsePasteData(e, options) {
+    var _a, _b, _c, _d, _e;
+    return __awaiter(this, void 0, void 0, function () {
+        var text, verticalTextList, maxRow;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
+                case 0:
+                    text = null;
+                    if (!((_a = e === null || e === void 0 ? void 0 : e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData)) return [3 /*break*/, 1];
+                    text = (_c = (_b = e === null || e === void 0 ? void 0 : e.clipboardData) === null || _b === void 0 ? void 0 : _b.getData) === null || _c === void 0 ? void 0 : _c.call(_b, "text/plain");
+                    return [3 /*break*/, 7];
+                case 1:
+                    if (!navigator.clipboard) return [3 /*break*/, 6];
+                    _f.label = 2;
+                case 2:
+                    _f.trys.push([2, 4, , 5]);
+                    return [4 /*yield*/, navigator.clipboard.readText()];
+                case 3:
+                    text = _f.sent();
+                    return [3 /*break*/, 5];
+                case 4:
+                    _f.sent();
+                    console.error("无法读取粘贴板数据!");
+                    return [3 /*break*/, 5];
+                case 5: return [3 /*break*/, 7];
+                case 6:
+                    console.error("浏览器不支持读取粘贴板数据！或者你调用该方法时，是否没有传入正确的粘贴事件对象!");
+                    _f.label = 7;
+                case 7:
+                    verticalTextList = [];
+                    if (text) {
+                        if (text.indexOf("\r\n") !== -1) {
+                            verticalTextList = text.split("\r\n");
+                        }
+                        else if (text.indexOf("\r") !== -1) {
+                            verticalTextList = text.split("\r");
+                        }
+                        else if (text.indexOf("\n") !== -1) {
+                            verticalTextList = text.split("\n");
+                        }
+                    }
+                    maxRow = options.maxRow;
+                    // 如果粘贴板存在数据
+                    if (verticalTextList.length > 0) {
+                        // 只有传入了，才截取
+                        // 如果开启了内部分页，那么源数据跟展示数据可能会差异更大
+                        // 这里需要截取下每页显示最大条数的逻辑。
+                        // 防止粘贴过来的数据行，实际超出了当前展示数据的页数。
+                        // 如果觉得这个功能是不好的，可以注释这段
+                        if (maxRow != null) {
+                            verticalTextList = verticalTextList.slice(0, maxRow);
+                        }
+                        // 如果觉得这个功能是不好的，可以注释这段
+                        // 去掉最后的空字符
+                        if (((_e = (_d = verticalTextList[verticalTextList.length - 1]).trim) === null || _e === void 0 ? void 0 : _e.call(_d)) === "") {
+                            verticalTextList.pop();
+                        }
+                        // 如果只有一个数据，并且没有横向的分隔符。说明就是单纯的复制，不需要后续处理
+                        if (verticalTextList.length === 1 &&
+                            verticalTextList[0].indexOf("\t") === -1) {
+                            return [2 /*return*/, []];
+                        }
+                    }
+                    return [2 /*return*/, verticalTextList];
+            }
+        });
+    });
+}
+/**
+ * 获取当前节点的下N个column节点（因为这块有嵌套表头等关系，所以处理逻辑相对复杂）
+ * @param column 最起始的节点
+ * @param columns 所有的节点
+ * @param nextNumber 从起始节点往下走几个节点
+ */
+function getNextColumn(column, columns, nextNumber) {
+    // 得到当前的列配置信息
+    var __dynamicItem__ = (column || {}).__dynamicItem__;
+    // 记录路径
+    var indexs = (__dynamicItem__ || {}).indexs;
+    // 从第一个节点开始往后走
+    var startNumber = 1;
+    var nextIndexs = indexs;
+    // 能否找到这个新的索引对应的column配置？
+    // 这里可能找不到，如果找不到的话。需要前面进1
+    var newColumn = null;
+    // 如果没走到地方，就继续走
+    while (startNumber <= nextNumber) {
+        // 是否跳出查找？
+        var isBreak = false;
+        // 直接在最末尾的索引加1得到新的nextIndexs
+        // eslint-disable-next-line no-loop-func
+        nextIndexs = nextIndexs.map(function (number, index) {
+            return index === nextIndexs.length - 1 ? number + 1 : number;
+        });
+        newColumn = null;
+        while (!newColumn) {
+            // 先根据nextIndexs生成新得newColumn
+            // eslint-disable-next-line no-loop-func
+            nextIndexs.forEach(function (number, index) {
+                var _a;
+                if (index === 0) {
+                    newColumn = columns[number];
+                }
+                else {
+                    newColumn = (_a = newColumn === null || newColumn === void 0 ? void 0 : newColumn.children) === null || _a === void 0 ? void 0 : _a[number];
+                }
+            });
+            // 如果存在
+            if (newColumn) {
+                // 如果newColumn有子元素，那么需要继续往下遍历
+                if (newColumn.children) {
+                    nextIndexs.push(0);
+                    newColumn = null;
+                }
+            }
+            else {
+                // 如果不存在。那么需要删除最后一位。然后再往删完后得最后一位加1
+                // 如果只有最后一位了，那么不能删除需要跳出循环
+                if (nextIndexs.length === 1) {
+                    // 并且最外层的循环，也没有走下去的必要了。因为超过了表格最长的列了
+                    isBreak = true;
+                    break;
+                }
+                nextIndexs = nextIndexs.slice(0, nextIndexs.length - 1);
+                nextIndexs[nextIndexs.length - 1] =
+                    nextIndexs[nextIndexs.length - 1] + 1;
+            }
+        }
+        if (isBreak) {
+            break;
+        }
+        // 继续往后走
+        startNumber++;
+    }
+    return newColumn;
+}
+/**
+ * 将数据从某个单元格开始插入到表格数据中
+ */
+function startColumnInsertTableData(options) {
+    var verticalTextList = options.verticalTextList, startColumn = options.startColumn, columns = options.columns, startIndex = options.startIndex, startDataIndex = options.startDataIndex, rowKey = options.rowKey, realDataSource = options.realDataSource, currentDataSource = options.currentDataSource;
+    // 影响的数据源的关系表
+    /**
+     * 粘贴的数据可能是这种结构
+     * [['value1', 'value2'], ['value1', 'value2']]
+     * 一维代表行
+     * 二维代表列
+     * 记录粘贴数据
+     * obj[key] 的值 为 影响的数据key
+     * obj[key][key] 最后的key 为 影响的数据key在实际数据中映射的数据行
+     * obj[key][key] 的值 为 实际的值
+     * 这样设计的原因：如果做了过滤的话，实际数据可能跟页面展示数据不一致
+     * 所以要明确告知影响的实际行是哪一行
+     * {
+     *   key1: {
+     *    1: 'value1',
+     *    2: 'value2',
+     *   },
+     *   key2: {
+     *    1: 'value1',
+     *    2: 'value2',
+     *   },
+     * }
+     */
+    var pasteConfig = {};
+    // 拷贝一份源数据
+    var dataSource = realDataSource.map(function (item) { return (__assign({}, item)); });
+    // 开始遍历粘贴数据，回填到数据表中
+    verticalTextList.forEach(function (verticalTextItem, verticalTextIndex) {
+        // 实际影响的行
+        var updateIndex = startIndex + verticalTextIndex;
+        // 可能有横向的分割
+        var landscapeTextList = verticalTextItem.split("\t");
+        landscapeTextList.forEach(function (landscapeTextItem, landscapeTextIndex) {
+            var _a;
+            var currentColumn = null; // 当前列配置
+            var currentDataIndex = null; // 当前修改的key
+            // 如果二维里面的数据，不止一个。那么还有横向的扩展
+            // 如果横向扩展超出了列规则，还需要做限制
+            if (landscapeTextIndex > 0) {
+                currentColumn = getNextColumn(startColumn, columns, landscapeTextIndex);
+                currentDataIndex = (currentColumn === null || currentColumn === void 0 ? void 0 : currentColumn.key) || (currentColumn === null || currentColumn === void 0 ? void 0 : currentColumn.dataIndex);
+            }
+            else {
+                currentColumn = startColumn;
+                currentDataIndex = startDataIndex;
+            }
+            // 如果没有找到对应的列
+            if (!currentColumn) {
+                return;
+            }
+            if (!pasteConfig[currentDataIndex]) {
+                pasteConfig[currentDataIndex] = {};
+            }
+            // 为了代码健壮性，这里还是做下判断，实际数据中肯定是存在的。
+            if (currentDataSource[updateIndex]) {
+                // 找到真实数据中的行
+                if (typeof rowKey === "string") {
+                    var rowKeyValue_1 = currentDataSource[updateIndex][rowKey];
+                    // 记录影响的真实数据信息
+                    var realIndex = (_a = dataSource === null || dataSource === void 0 ? void 0 : dataSource.findIndex) === null || _a === void 0 ? void 0 : _a.call(dataSource, function (dataItem) { return dataItem[rowKey] === rowKeyValue_1; });
+                    if (realIndex !== -1) {
+                        // 修改真实数据源
+                        // TODO: 这里需要做数据规则验证
+                        // currentColumn
+                        // currentDataIndex
+                        if (currentColumn.editable || currentColumn.isPaste) {
+                            dataSource[realIndex][currentDataIndex] = landscapeTextItem;
+                        }
+                        // 记录真实数据源的修改信息（里面可能有些数据没有修改成功，因为可能有的单元格不能修改）
+                        pasteConfig[currentDataIndex][realIndex] = landscapeTextItem;
+                    }
+                }
+                else {
+                    console.error("你传入的‘rowKey’不是一个字符串，请传入一个字符串来表示唯一key");
+                }
+            }
+        });
+    });
+    return {
+        /** 粘贴规则 */
+        pasteConfig: pasteConfig,
+        /** 粘贴后的数据 */
+        newDataSource: dataSource,
+        /** 原始数据 */
+        oldDataSource: realDataSource,
+    };
 }
 
-export { copyColData, getTableColumns };
+export { copyColData, getFilterRecords, getNextColumn, getTableColumns, parsePasteData, startColumnInsertTableData };