zmdms-webui 0.0.4 → 0.0.6

package/dist/es/table/useTableValidate.js

@@ -0,0 +1,208 @@
+import { __awaiter, __generator } from '../_virtual/_tslib.js';
+import { useRef, useCallback } from 'react';
+import { ERROR_TD_CLASSNAME } from './constant.js';
+
+function useTableValidate() {
+    var tableRef = useRef();
+    var getCurrentTable = useCallback(function () {
+        var _a;
+        var tableContent = domFind(tableRef.current, ".ant-table-content");
+        if (!tableContent) {
+            tableContent = domFind(tableRef.current, ".ant-table-container");
+        }
+        var tableBody = domFind(tableContent, ".ant-table-tbody");
+        var tr = tableBody === null || tableBody === void 0 ? void 0 : tableBody.children;
+        var arrTr = Array.prototype.slice.call(tr);
+        var resultTr = ((_a = arrTr === null || arrTr === void 0 ? void 0 : arrTr.filter) === null || _a === void 0 ? void 0 : _a.call(arrTr, function (item) { return item.className.includes("ant-table-row"); })) || [];
+        return { tableBody: tableBody, resultTr: resultTr };
+    }, []);
+    var clearErrorClass = useCallback(function (index) {
+        try {
+            var resultTr = getCurrentTable().resultTr;
+            if (typeof index === "number") {
+                var tds = resultTr[index].querySelectorAll("td");
+                for (var i = 0; i < tds.length; i++) {
+                    tds[i].classList.remove(ERROR_TD_CLASSNAME);
+                }
+            }
+            else {
+                for (var i = 0; i < resultTr.length; i++) {
+                    var tds = resultTr[i].querySelectorAll("td");
+                    for (var j = 0; j < tds.length; j++) {
+                        tds[j].classList.remove(ERROR_TD_CLASSNAME);
+                    }
+                }
+            }
+        }
+        catch (err) {
+            console.log(err);
+        }
+    }, [getCurrentTable]);
+    return {
+        tableRef: tableRef,
+        getCurrentTable: getCurrentTable,
+        clearErrorClass: clearErrorClass,
+    };
+}
+// 获取当前表格
+function domFind(el, selector) {
+    return el.querySelector(selector);
+}
+function tableValidate(dataSource, columns, restParams) {
+    var _a;
+    return __awaiter(this, void 0, void 0, function () {
+        var getCurrentTable, rowSelection, expandable, tableName, isInnerPagination, setCurrent, pageSize, requiredFileds, i, item, _loop_1, j, state_1;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    getCurrentTable = restParams.getCurrentTable, rowSelection = restParams.rowSelection, expandable = restParams.expandable, tableName = restParams.tableName, isInnerPagination = restParams.isInnerPagination, setCurrent = restParams.setCurrent, pageSize = restParams.pageSize;
+                    if (!Array.isArray(dataSource) || dataSource.length === 0) {
+                        console.info("没有数据，无需验证!");
+                        return [2 /*return*/];
+                    }
+                    if (!Array.isArray(columns)) {
+                        console.info("columns 不是数组!");
+                        return [2 /*return*/];
+                    }
+                    requiredFileds = [];
+                    if (Array.isArray(columns)) {
+                        columns.forEach(function (column, index) {
+                            if (column.validate) {
+                                requiredFileds.push({
+                                    dataIndex: column.validate.dataIndex || column.dataIndex,
+                                    title: column.validate.title || column.title,
+                                    validate: column.validate.validate,
+                                    index: index + (rowSelection ? 1 : 0) + (expandable ? 1 : 0),
+                                });
+                            }
+                        });
+                    }
+                    i = 0;
+                    _b.label = 1;
+                case 1:
+                    if (!(i < dataSource.length)) return [3 /*break*/, 6];
+                    item = dataSource[i];
+                    _loop_1 = function (j) {
+                        var _c, dataIndex, title, validate, index, value, setElementState, innerCurrentI, currentPage, err_1;
+                        return __generator(this, function (_d) {
+                            switch (_d.label) {
+                                case 0:
+                                    _c = requiredFileds[j], dataIndex = _c.dataIndex, title = _c.title, validate = _c.validate, index = _c.index;
+                                    if (!dataIndex) {
+                                        return [2 /*return*/, "break"];
+                                    }
+                                    value = item[dataIndex];
+                                    setElementState = function (i, index, className) {
+                                        var _a, _b, _c;
+                                        // 获取表格元素
+                                        var resultTr = getCurrentTable().resultTr;
+                                        var errorTr = resultTr[i];
+                                        var errorTds = Array.prototype.slice.call(errorTr === null || errorTr === void 0 ? void 0 : errorTr.children);
+                                        var errorTd = typeof index === "number" ? errorTds[index] : null;
+                                        (_b = (_a = errorTd === null || errorTd === void 0 ? void 0 : errorTd.classList) === null || _a === void 0 ? void 0 : _a.add) === null || _b === void 0 ? void 0 : _b.call(_a, className);
+                                        (_c = errorTd === null || errorTd === void 0 ? void 0 : errorTd.scrollIntoView) === null || _c === void 0 ? void 0 : _c.call(errorTd);
+                                    };
+                                    innerCurrentI = i;
+                                    currentPage = 1;
+                                    if (isInnerPagination) {
+                                        currentPage = Math.ceil((i + 1) / pageSize);
+                                        innerCurrentI = innerCurrentI - pageSize * (currentPage - 1);
+                                    }
+                                    if (!validate) return [3 /*break*/, 10];
+                                    if (!(typeof validate === "function")) return [3 /*break*/, 5];
+                                    _d.label = 1;
+                                case 1:
+                                    _d.trys.push([1, 3, , 4]);
+                                    return [4 /*yield*/, validate(value, item, innerCurrentI + 1, title)];
+                                case 2:
+                                    _d.sent();
+                                    return [3 /*break*/, 4];
+                                case 3:
+                                    err_1 = _d.sent();
+                                    if (isInnerPagination) {
+                                        setCurrent(currentPage);
+                                        setTimeout(function () {
+                                            setElementState(innerCurrentI, index, ERROR_TD_CLASSNAME);
+                                        });
+                                    }
+                                    else {
+                                        setElementState(i, index, ERROR_TD_CLASSNAME);
+                                    }
+                                    return [2 /*return*/, { value: Promise.reject(err_1) }];
+                                case 4: return [3 /*break*/, 9];
+                                case 5:
+                                    if (!!((_a = validate === null || validate === void 0 ? void 0 : validate.pattern) === null || _a === void 0 ? void 0 : _a.test(value))) return [3 /*break*/, 9];
+                                    if (!isInnerPagination) return [3 /*break*/, 7];
+                                    setCurrent(currentPage);
+                                    setTimeout(function () {
+                                        setElementState(innerCurrentI, index, ERROR_TD_CLASSNAME);
+                                    });
+                                    return [4 /*yield*/, Promise.reject({
+                                            errors: "".concat(tableName || "", " \u7B2C").concat(innerCurrentI + 1, "\u884C ").concat(title, " ").concat((validate === null || validate === void 0 ? void 0 : validate.message) || "填写错误!"),
+                                        })];
+                                case 6:
+                                    _d.sent();
+                                    return [3 /*break*/, 9];
+                                case 7:
+                                    setElementState(i, index, ERROR_TD_CLASSNAME);
+                                    return [4 /*yield*/, Promise.reject({
+                                            errors: "".concat(tableName || "", " \u7B2C").concat(i + 1, "\u884C ").concat(title, " ").concat((validate === null || validate === void 0 ? void 0 : validate.message) || "填写错误!"),
+                                        })];
+                                case 8:
+                                    _d.sent();
+                                    _d.label = 9;
+                                case 9: return [3 /*break*/, 14];
+                                case 10:
+                                    if (!(value === "" || value == null)) return [3 /*break*/, 14];
+                                    if (!isInnerPagination) return [3 /*break*/, 12];
+                                    setCurrent(currentPage);
+                                    setTimeout(function () {
+                                        setElementState(innerCurrentI, index, ERROR_TD_CLASSNAME);
+                                    });
+                                    return [4 /*yield*/, Promise.reject({
+                                            errors: "".concat(tableName || "", " \u7B2C").concat(innerCurrentI + 1, "\u884C ").concat(title, " \u4E3A\u7A7A!"),
+                                            rowIndex: i,
+                                            colIndex: index,
+                                        })];
+                                case 11:
+                                    _d.sent();
+                                    return [3 /*break*/, 14];
+                                case 12:
+                                    setElementState(i, index, ERROR_TD_CLASSNAME);
+                                    return [4 /*yield*/, Promise.reject({
+                                            errors: "".concat(tableName || "", " \u7B2C").concat(i + 1, "\u884C ").concat(title, " \u4E3A\u7A7A!"),
+                                            rowIndex: i,
+                                            colIndex: index,
+                                        })];
+                                case 13:
+                                    _d.sent();
+                                    _d.label = 14;
+                                case 14: return [2 /*return*/];
+                            }
+                        });
+                    };
+                    j = 0;
+                    _b.label = 2;
+                case 2:
+                    if (!(j < requiredFileds.length)) return [3 /*break*/, 5];
+                    return [5 /*yield**/, _loop_1(j)];
+                case 3:
+                    state_1 = _b.sent();
+                    if (typeof state_1 === "object")
+                        return [2 /*return*/, state_1.value];
+                    if (state_1 === "break")
+                        return [3 /*break*/, 5];
+                    _b.label = 4;
+                case 4:
+                    j++;
+                    return [3 /*break*/, 2];
+                case 5:
+                    i++;
+                    return [3 /*break*/, 1];
+                case 6: return [2 /*return*/];
+            }
+        });
+    });
+}
+
+export { useTableValidate as default, domFind, tableValidate };

package/dist/es/table/utils.js

@@ -11,12 +11,13 @@ function getTableColumns(columns, currentDynamicList) {
         var middleColumns_1 = [];
         var afterColumns_1 = [];
         // 先从动态列配置信息中 找出column并按配置信息进行排序
-        //
         currentDynamicList.forEach(function (item) {
-            var key = item.key;
+            var key = item.key, checked = item.checked;
             // 这里肯定是能找到的 因为之前就以columns过滤了一遍dynamicList了
             var result = columns.find(function (column) {
-                return (column.key === key || (column === null || column === void 0 ? void 0 : column.dataIndex) === key);
+                return ((column.key === key ||
+                    (column === null || column === void 0 ? void 0 : column.dataIndex) === key) &&
+                    checked);
             });
             if (result) {
                 middleColumns_1.push(result);

package/dist/index.build.d.ts

@@ -17,7 +17,9 @@ export { default as Footer } from './es/footer/footer.js';
 export { default as Pagination } from './es/pagination/pagination.js';
 export { default as Table } from './es/table/table.js';
 export { default as Tabs } from './es/tabs/tabs.js';
+export { default as Modal } from './es/modal/modal.js';
+export { default as DetailList } from './es/detaillist/list.js';
 export { default as AppLayout } from './es/applayout/appLayout.js';
 export { default as AppLayoutHeader } from './es/applayoutheader/appLayoutHeader.js';
 export { default as AppLayoutSider } from './es/applayoutsider/appLayoutSider.js';
-export { Affix, Alert, Anchor, AutoComplete, Avatar, BackTop, Badge, Breadcrumb, Card, Carousel, Cascader, Checkbox, Collapse, Comment, ConfigProvider, Descriptions, Divider, Drawer, Dropdown, Empty, Grid, Image, Layout, List, Mentions, Menu, Modal, PageHeader, Popconfirm, Popover, Progress, Radio, Rate, Result, Segmented, Select, Skeleton, Slider, Space, Spin, Statistic, Steps, Switch, Tag, Timeline, Tooltip, Transfer, Tree, TreeSelect, Typography, Upload, message, notification } from 'antd';
+export { Affix, Alert, Anchor, AutoComplete, Avatar, BackTop, Badge, Breadcrumb, Card, Carousel, Cascader, Checkbox, Col, Collapse, Comment, ConfigProvider, Descriptions, Divider, Drawer, Dropdown, Empty, Grid, Image, Layout, List, Mentions, Menu, PageHeader, Popconfirm, Popover, Progress, Radio, Rate, Result, Row, Segmented, Select, Skeleton, Slider, Space, Spin, Statistic, Steps, Switch, Tag, Timeline, Tooltip, Transfer, Tree, TreeSelect, Typography, Upload, message, notification } from 'antd';