@icos-desktop/react-components 2.3.0 → 3.0.0

package/dist/es/components/EntityClassFilter/utils/index.js

@@ -0,0 +1,60 @@
+import { __spreadArray } from '../../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.53.3_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js';
+import { findNodeByKey } from '../../../utils/tree.js';
+
+// 获取指定节点的全部父节点
+var findAllParentNodes = function (tree, targetKey, parentNodes) {
+    var _a;
+    if (parentNodes === void 0) { parentNodes = []; }
+    for (var i = 0; i < tree.length; i++) {
+        var node = tree[i];
+        if (node.key === targetKey) {
+            return parentNodes;
+        }
+        if ((_a = node.children) === null || _a === void 0 ? void 0 : _a.length) {
+            var foundParentNodes = findAllParentNodes(node.children, targetKey, __spreadArray(__spreadArray([], parentNodes, true), [node], false));
+            if (foundParentNodes) {
+                return foundParentNodes;
+            }
+        }
+    }
+    return null;
+};
+// 获取子节点数组
+var getAllChildKeys = function (tree) {
+    var keys = [];
+    tree.forEach(function (node) {
+        var _a;
+        if ((_a = node.children) === null || _a === void 0 ? void 0 : _a.length) {
+            var childKeys = getAllChildKeys(node.children);
+            keys.push.apply(keys, childKeys.map(function (item) { return __spreadArray([node.key], item, true); }));
+        }
+        else {
+            keys.push([node.key]);
+        }
+    });
+    return keys;
+};
+// 树转级联选择value
+var treeToCascaderValue = function (tree, targetKey) {
+    console.log(tree);
+    if (!(tree === null || tree === void 0 ? void 0 : tree.length)) {
+        return [];
+    }
+    // 所有父节点
+    var parentNodes = findAllParentNodes(tree, targetKey) || [];
+    // 当前节点
+    var node = findNodeByKey(tree, targetKey);
+    // 下一级子节点
+    var childNodes = (node === null || node === void 0 ? void 0 : node.children) || [];
+    // 父节点数组
+    var parentKeys = parentNodes.map(function (item) { return item.code; });
+    // 子节点数组
+    var childKeys = getAllChildKeys(childNodes);
+    if (!childKeys.length) {
+        return [__spreadArray(__spreadArray([], parentKeys, true), [targetKey], false)];
+    }
+    // 合并数组
+    return childKeys.map(function (item) { return __spreadArray(__spreadArray(__spreadArray([], parentKeys, true), [targetKey], false), item, true); });
+};
+
+export { findAllParentNodes, treeToCascaderValue };

package/dist/es/components/EntityClassTreeSelect/EntityClassTreeSelect.js

@@ -0,0 +1,30 @@
+import { __rest, __awaiter, __generator, __assign } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.53.3_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js';
+import { useRequest } from 'ahooks';
+import { TreeSelect } from 'antd';
+import React__default from 'react';
+import { getCatalogTree } from '../../services/entityManager.js';
+import styles from './EntityClassTreeSelect.module.less.js';
+
+var EntityClassTreeSelect = function (_a) {
+    var parentNodeCode = _a.parentNodeCode, viewCodes = _a.viewCodes, props = __rest(_a, ["parentNodeCode", "viewCodes"]);
+    var _b = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, getCatalogTree({
+                        displayWay: '1',
+                        parentNodeCode: parentNodeCode,
+                        viewCodes: viewCodes,
+                    })];
+                case 1:
+                    res = _a.sent();
+                    return [2 /*return*/, res];
+            }
+        });
+    }); }, {
+        refreshDeps: [viewCodes],
+    }), data = _b.data, loading = _b.loading;
+    return (React__default.createElement(TreeSelect, __assign({ placeholder: "\u8BF7\u9009\u62E9\u5BF9\u8C61\u5206\u7C7B", classNames: { popup: { root: styles.container } }, treeData: data, loading: loading, fieldNames: { label: 'name', value: 'code' }, treeDataSimpleMode: { id: 'code', pId: 'parentCode' }, showSearch: false, allowClear: true }, props)));
+};
+
+export { EntityClassTreeSelect as default };

package/dist/es/components/EntityClassTreeSelect/EntityClassTreeSelect.module.less.js

@@ -0,0 +1,7 @@
+import styleInject from '../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = "";
+var styles = {};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/ImportTable/ImportTable.js

@@ -0,0 +1,119 @@
+import { __awaiter, __generator, __assign } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.53.3_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js';
+import { useAntdTable } from 'ahooks';
+import { Input, Select, Table, Button } from 'antd';
+import React__default, { useState } from 'react';
+import { PAGINATION } from '../../constants/pagination.js';
+import { getFileToBookInfo } from '../../services/import.js';
+import ErrorMsgModal from './components/ErrorMsgModal/index.js';
+import styles from './ImportTable.module.less.js';
+
+var Search = Input.Search;
+var ImportTable = function () {
+    var _a = useState({}), params = _a[0], setParams = _a[1];
+    var _b = useState(null), curRecord = _b[0], setCurRecord = _b[1];
+    var _c = useState(false), showErrorMsg = _c[0], setShowErrorMsg = _c[1];
+    var tableProps = useAntdTable(function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+        var res;
+        var current = _b.current, pageSize = _b.pageSize;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0: return [4 /*yield*/, getFileToBookInfo(__assign({ page: current, pageSize: pageSize }, params))];
+                case 1:
+                    res = _c.sent();
+                    return [2 /*return*/, res];
+            }
+        });
+    }); }, {
+        refreshDeps: [params],
+        defaultParams: [PAGINATION],
+    }).tableProps;
+    var columns = [
+        {
+            title: '台账名称',
+            dataIndex: 'bookName',
+            key: 'bookName',
+            width: 200,
+            // sorter: true,
+            ellipsis: true,
+        },
+        {
+            title: '导入人',
+            dataIndex: 'userName',
+            key: 'userName',
+            width: 120,
+            // sorter: true,
+            ellipsis: true,
+        },
+        {
+            title: '导入人部门',
+            dataIndex: 'deptName',
+            key: 'deptName',
+            width: 180,
+            // sorter: true,
+            ellipsis: true,
+            render: function (text) { return text || '-'; },
+        },
+        {
+            title: '导入时间',
+            dataIndex: 'importTime',
+            key: 'importTime',
+            width: 150,
+            // sorter: true,
+            ellipsis: true,
+        },
+        {
+            title: '导入状态',
+            dataIndex: 'taskStatus',
+            key: 'taskStatus',
+            width: 100,
+            // sorter: true,
+            ellipsis: true,
+            render: function (text) {
+                return ({
+                    0: '未执行',
+                    1: '执行中',
+                    2: '成功',
+                    3: '部分成功',
+                    4: '失败',
+                })[text];
+            },
+        },
+        {
+            title: '操作',
+            dataIndex: 'action',
+            key: 'action',
+            width: 130,
+            render: function (text, record) {
+                return [3, 4].includes(record.taskStatus) ? (React__default.createElement(Button, { type: "link", onClick: function () {
+                        setCurRecord(record);
+                        setShowErrorMsg(true);
+                    } }, "\u67E5\u770B\u5931\u8D25\u4FE1\u606F")) : null;
+            },
+        },
+    ];
+    var handleSelect = function (value) {
+        setParams(__assign(__assign({}, params), { status: value }));
+    };
+    var handleSearch = function (value) {
+        setParams(__assign(__assign({}, params), { keyword: value }));
+    };
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { className: styles['tool-bar'] },
+            React__default.createElement("div", null),
+            React__default.createElement("div", { className: styles['tool-bar-right'] },
+                React__default.createElement("div", null,
+                    React__default.createElement("span", { style: { marginRight: 8 } }, "\u5BFC\u5165\u72B6\u6001"),
+                    React__default.createElement(Select, { style: { width: 120 }, placeholder: "\u5168\u90E8", onChange: handleSelect, options: [
+                            { label: '未执行', value: 0 },
+                            { label: '执行中', value: 1 },
+                            { label: '成功', value: 2 },
+                            { label: '部分成功', value: 3 },
+                            { label: '失败', value: 4 },
+                        ], allowClear: true })),
+                React__default.createElement(Search, { style: { width: 300 }, placeholder: "\u8BF7\u8F93\u5165\u53F0\u8D26\u540D\u79F0\u6216\u5BFC\u5165\u4EBA\u59D3\u540D\u6216\u90E8\u95E8", onSearch: handleSearch, allowClear: true }))),
+        React__default.createElement("div", { className: styles.table },
+            React__default.createElement(Table, __assign({ columns: columns }, tableProps))),
+        React__default.createElement(ErrorMsgModal, { open: showErrorMsg, onCancel: function () { return setShowErrorMsg(false); }, curRecord: curRecord })));
+};
+
+export { ImportTable as default };

package/dist/es/components/ImportTable/ImportTable.module.less.js

@@ -0,0 +1,7 @@
+import styleInject from '../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".ImportTable-module_container__jeE-C {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n.ImportTable-module_container__jeE-C .ImportTable-module_tool-bar__wSzWG {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 16px;\n}\n.ImportTable-module_container__jeE-C .ImportTable-module_tool-bar__wSzWG .ImportTable-module_tool-bar-right__-iHkT {\n  display: flex;\n  column-gap: 12px;\n}\n.ImportTable-module_container__jeE-C .ImportTable-module_table__PEfy9 {\n  flex: 1;\n  height: 0;\n}\n";
+var styles = {"container":"ImportTable-module_container__jeE-C","tool-bar":"ImportTable-module_tool-bar__wSzWG","tool-bar-right":"ImportTable-module_tool-bar-right__-iHkT","table":"ImportTable-module_table__PEfy9"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/ImportTable/ccos.js

@@ -0,0 +1,15 @@
+import { __assign } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.53.3_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import ImportTable from './ImportTable.js';
+import settings from './settings.js';
+
+var CcosImportTable = function (props) {
+    var getProps = function () {
+        var _props = __assign({}, props);
+        return _props;
+    };
+    return React__default.createElement(ImportTable, __assign({}, getProps()));
+};
+CcosImportTable.settings = settings;
+
+export { CcosImportTable as default };

package/dist/es/components/ImportTable/components/ErrorMsgModal/index.js

@@ -0,0 +1,71 @@
+import { __assign } from '../../../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.53.3_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js';
+import { Modal, Table } from 'antd';
+import React__default, { useState, useEffect } from 'react';
+import { PAGINATION } from '../../../../constants/pagination.js';
+import { getMonitorErrorMsg } from '../../../../services/import.js';
+import styles from './index.module.less.js';
+
+var ErrorMsgModal = function (_a) {
+    var open = _a.open, onCancel = _a.onCancel, curRecord = _a.curRecord;
+    var _b = useState([]), header = _b[0], setHeader = _b[1];
+    var _c = useState(''), operateMsg = _c[0], setOperateMsg = _c[1];
+    var _d = useState([]), dataSource = _d[0], setDataSource = _d[1];
+    var _e = useState(__assign({}, PAGINATION)), pagination = _e[0], setPagination = _e[1];
+    var _f = useState(false), loading = _f[0], setLoading = _f[1];
+    var columns = header.map(function (item) { return ({
+        dataIndex: item.code,
+        title: item.name,
+        ellipsis: true,
+        width: 180,
+    }); });
+    // 表格获取数据
+    var handleRequest = function (pagi) {
+        if (pagi === void 0) { pagi = pagination; }
+        if (!curRecord.taskBizId) {
+            return;
+        }
+        setLoading(true);
+        getMonitorErrorMsg({
+            page: pagi.current,
+            pageSize: pagi.pageSize,
+            taskBizId: curRecord.taskBizId,
+        })
+            .then(function (res) {
+            if (res === null || res === void 0 ? void 0 : res.errorInfoList) {
+                var _a = res.errorInfoList, body = _a.body, _header_1 = _a.header;
+                setHeader(_header_1);
+                setDataSource(body.list.map(function (item) {
+                    var obj = {};
+                    item.forEach(function (value, index) {
+                        obj[_header_1[index].code] = value;
+                    });
+                    return obj;
+                }));
+                setPagination(__assign(__assign({}, pagination), { total: body.total || 0, current: body.pageNum || 1, pageSize: body.pageSize }));
+            }
+            else if (res === null || res === void 0 ? void 0 : res.operateMsg) {
+                setOperateMsg(res.operateMsg);
+            }
+        })
+            .finally(function () {
+            setLoading(false);
+        });
+    };
+    var handleTableChange = function (pagi) {
+        var newPagi = __assign(__assign({}, pagination), pagi);
+        setPagination(newPagi);
+        handleRequest(newPagi);
+    };
+    useEffect(function () {
+        if (open) {
+            handleRequest();
+        }
+        else {
+            setHeader([]);
+            setOperateMsg('');
+        }
+    }, [open]);
+    return (React__default.createElement(Modal, { open: open, title: "\u5931\u8D25\u4FE1\u606F", width: 1100, style: { minHeight: 480, maxHeight: 600 }, okButtonProps: { style: { display: 'none' } }, cancelText: "\u5173\u95ED", wrapClassName: styles.wrapper, onCancel: onCancel }, operateMsg ? (React__default.createElement("div", null, operateMsg)) : (React__default.createElement(Table, { columns: columns, dataSource: dataSource, onChange: handleTableChange, pagination: __assign(__assign({}, pagination), { size: 'small' }), scroll: { y: 500 }, loading: loading, size: "small" }))));
+};
+
+export { ErrorMsgModal as default };

package/dist/es/components/ImportTable/components/ErrorMsgModal/index.module.less.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index-module_wrapper__KN4Lj .ant-modal .ant-modal-header {\n  background: transparent;\n}\n";
+var styles = {"wrapper":"index-module_wrapper__KN4Lj"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/ImportTable/settings.js

@@ -0,0 +1,39 @@
+import { applyRules } from '../../utils/settings.js';
+
+var settings = {
+    name: 'CcosImportTable',
+    title: '导入管理',
+    description: '',
+    package: '@icos-desktop/react-components',
+    exportType: 'namedExport',
+    props: [
+    // {
+    //   name: 'views',
+    //   title: '左侧菜单栏',
+    //   group: 'basic',
+    //   setter: 'selectSetter',
+    //   setterProps: {
+    //     mode: 'multiple',
+    //     labelInValue: true,
+    //   },
+    //   options: [
+    //     { label: '城市物件', value: 'system-icos_city_object' },
+    //     { label: '城市居民', value: 'system-icos_city_resident' },
+    //     { label: '地理空间', value: 'system-icos_geo_space' },
+    //     { label: '组织机构', value: 'system-icos_gov_org' },
+    //     { label: '城市事件', value: 'system-icos_ld_event' },
+    //     { label: '政府通讯录', value: 'system-icos_gov_user' },
+    //   ],
+    // },
+    // 事件
+    // {
+    //   name: 'onCreateSense',
+    //   title: '新建对象',
+    //   group: 'event',
+    //   setter: 'eventSetter',
+    // },
+    ],
+};
+var settings$1 = applyRules(settings);
+
+export { settings$1 as default };

package/dist/es/components/Modal/index.js

@@ -0,0 +1,14 @@
+import { __assign } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.53.3_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js';
+import { Modal as Modal$1 } from 'antd';
+import classNames from 'classnames';
+import React__default from 'react';
+import styles from './index.module.less.js';
+
+var Modal = function (props) {
+    var title = (props === null || props === void 0 ? void 0 : props.title) ? (React__default.createElement("div", { className: styles.title },
+        React__default.createElement("div", { className: styles.icon }),
+        React__default.createElement("div", { className: styles.text }, props.title))) : null;
+    return (React__default.createElement(Modal$1, __assign({}, props, { wrapClassName: classNames(styles.container, props === null || props === void 0 ? void 0 : props.wrapClassName), title: title })));
+};
+
+export { Modal as default };