@icos-desktop/react-components 2.2.14 → 2.3.0-es.1

package/dist/es/components/SenseTable/components/ExportModal/index.js

@@ -0,0 +1,115 @@
+import { __awaiter, __generator, __assign } from '../../../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.41.1_tslib@2.8.1_typescript@5.8.3/node_modules/tslib/tslib.es6.js';
+import { Form, Select, Tree } from '@xirang/design-antd';
+import { produce } from 'immer';
+import React__default, { useState, useEffect } from 'react';
+import Modal from '../../../Modal/index.js';
+import styles from './index.module.less.js';
+
+var ExportModal = function (_a) {
+    var open = _a.open, config = _a.config, onOk = _a.onOk, onCancel = _a.onCancel;
+    var form = Form.useForm()[0];
+    // 文件名选项
+    var _b = useState([]), nameOptions = _b[0], setNameOptions = _b[1];
+    // 导出配置选项
+    var _c = useState({}), fieldOptions = _c[0], setFieldOptions = _c[1];
+    // 当前选中的文件code
+    var _d = useState(''), tableCode = _d[0], setTableCode = _d[1];
+    // 选中的字段
+    var _e = useState({}), fieldKeys = _e[0], setFieldKeys = _e[1];
+    // 导出字段存在校验问题
+    var _f = useState(false), fieldKeysError = _f[0], setFieldKeysError = _f[1];
+    // 确定按钮loading
+    var _g = useState(false), loading = _g[0], setLoading = _g[1];
+    // 选择文件变化
+    var handleChangeTableCode = function (value) {
+        setFieldKeysError(false);
+        setTableCode(value);
+    };
+    // 选择导出字段变化
+    var handleChangeField = function (value) {
+        setFieldKeysError(false);
+        setFieldKeys(produce(fieldKeys, function (draftState) {
+            draftState[tableCode] = value;
+        }));
+    };
+    var handleOk = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var params_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(config === null || config === void 0 ? void 0 : config.length)) return [3 /*break*/, 2];
+                    params_1 = [];
+                    config.forEach(function (item) {
+                        var _a;
+                        if (params_1) {
+                            var tableConfigs = (_a = item.tableConfigs) === null || _a === void 0 ? void 0 : _a.filter(function (it) { var _a; return (_a = fieldKeys[item.tableCode]) === null || _a === void 0 ? void 0 : _a.includes(it.key); });
+                            if (tableConfigs === null || tableConfigs === void 0 ? void 0 : tableConfigs.length) {
+                                params_1.push(__assign(__assign({}, item), { tableConfigs: tableConfigs }));
+                            }
+                            else {
+                                setTableCode(item.tableCode);
+                                setFieldKeysError(true);
+                                params_1 = null;
+                            }
+                        }
+                    });
+                    if (!params_1) return [3 /*break*/, 2];
+                    setLoading(true);
+                    return [4 /*yield*/, onOk(params_1).finally(function () {
+                            setLoading(false);
+                        })];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        var _a;
+        if (config === null || config === void 0 ? void 0 : config.length) {
+            var newNameOptions_1 = [];
+            var newFieldOptions_1 = {};
+            var newFieldKeys_1 = {};
+            config.forEach(function (item) {
+                var _a;
+                newNameOptions_1.push({ value: item.tableCode, label: item.tableName });
+                var options = [
+                    {
+                        key: '_all',
+                        title: '全部',
+                        children: [],
+                    },
+                ];
+                var keys = [];
+                (_a = item.tableConfigs) === null || _a === void 0 ? void 0 : _a.forEach(function (it) {
+                    options[0].children.push({ title: it.value, key: it.key });
+                    keys.push(it.key);
+                });
+                newFieldOptions_1[item.tableCode] = options;
+                newFieldKeys_1[item.tableCode] = keys;
+            });
+            setNameOptions(newNameOptions_1);
+            setFieldOptions(newFieldOptions_1);
+            setFieldKeys(newFieldKeys_1);
+            // 默认选中第一个
+            setTableCode((_a = config[0]) === null || _a === void 0 ? void 0 : _a.tableCode);
+        }
+        else {
+            setNameOptions([]);
+            setFieldOptions({});
+            setFieldKeys({});
+            setTableCode('');
+        }
+    }, [config]);
+    return (React__default.createElement(Modal, { open: open, title: "\u5BFC\u51FA\u914D\u7F6E", onOk: handleOk, onCancel: onCancel, okButtonProps: { loading: loading }, className: styles.container },
+        React__default.createElement(Form, { form: form, name: "export-modal", labelCol: { span: 6 }, wrapperCol: { span: 18 } },
+            (nameOptions === null || nameOptions === void 0 ? void 0 : nameOptions.length) > 1 ? (React__default.createElement(Form.Item, { label: "\u6587\u4EF6\u540D" },
+                React__default.createElement(Select, { options: nameOptions, value: tableCode, onChange: handleChangeTableCode }))) : null,
+            React__default.createElement(Form.Item, { label: "\u5BFC\u51FA\u5B57\u6BB5" },
+                React__default.createElement("div", { className: fieldKeysError ? styles['field-error'] : styles['field-no-error'] },
+                    React__default.createElement(Tree, { treeData: fieldOptions === null || fieldOptions === void 0 ? void 0 : fieldOptions[tableCode], checkedKeys: fieldKeys === null || fieldKeys === void 0 ? void 0 : fieldKeys[tableCode], onCheck: handleChangeField, selectable: false, defaultExpandAll: true, checkable: true, blockNode: true })),
+                fieldKeysError ? (React__default.createElement("span", { className: styles['field-message'] }, "\u8BF7\u9009\u62E9\u81F3\u5C11\u4E00\u4E2A\u5BFC\u51FA\u5B57\u6BB5")) : null))));
+};
+
+export { ExportModal as default };

package/dist/es/components/SenseTable/components/ExportModal/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_container__5g9EL .index-module_field-no-error__VAC29 {\n  border: 1px solid transparent;\n}\n.index-module_container__5g9EL .index-module_field-error__5pBui {\n  border: 1px solid rgba(255, 77, 79, 0.5);\n  border-radius: 2px;\n}\n.index-module_container__5g9EL .index-module_field-message__m80os {\n  color: #dc4446;\n}\n.index-module_container__5g9EL .ant-tree {\n  height: 260px;\n  margin-top: 4px;\n  overflow: auto;\n  line-height: 32px;\n  background: transparent;\n  border-radius: 0;\n}\n";
+var styles = {"container":"index-module_container__5g9EL","field-no-error":"index-module_field-no-error__VAC29","field-error":"index-module_field-error__5pBui","field-message":"index-module_field-message__m80os"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseTable/components/ExportModal/useExportModal.js

@@ -0,0 +1,71 @@
+import { __awaiter, __generator, __assign } from '../../../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.41.1_tslib@2.8.1_typescript@5.8.3/node_modules/tslib/tslib.es6.js';
+import { Modal } from '@xirang/design-antd';
+import React__default, { useState, useRef } from 'react';
+import { getSenseExportConfig, exportSenseExcel } from '../../../../services/senseManager.js';
+import { downloadFile } from '../../../../utils/download.js';
+import ExportModal from './index.js';
+
+var useExportModal = function () {
+    var _a = Modal.useModal(), modal = _a[0], contextHolder = _a[1];
+    // 是否显示导出配置弹窗
+    var _b = useState(false), openExportModal = _b[0], setOpenExportModal = _b[1];
+    // 导出配置
+    var _c = useState([]), exportConfig = _c[0], setExportConfig = _c[1];
+    // 搜索参数
+    var params = useRef({});
+    // 触发导出
+    var onExport = function (_params) { return __awaiter(void 0, void 0, void 0, function () {
+        var res, confirmMessage, tableExportConfigItems;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    params.current = _params;
+                    return [4 /*yield*/, getSenseExportConfig(__assign({}, _params))];
+                case 1:
+                    res = _a.sent();
+                    confirmMessage = res.confirmMessage, tableExportConfigItems = res.tableExportConfigItems;
+                    if (!confirmMessage) {
+                        setExportConfig(tableExportConfigItems);
+                        setOpenExportModal(true);
+                    }
+                    else {
+                        modal.confirm({
+                            content: confirmMessage,
+                            onOk: function () {
+                                setExportConfig(tableExportConfigItems);
+                                setOpenExportModal(true);
+                            },
+                        });
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    // 导出关闭
+    var handleExportCancel = function () {
+        setOpenExportModal(false);
+        setExportConfig([]);
+    };
+    // 导出完成
+    var handleExportOk = function (_params) { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, exportSenseExcel(__assign(__assign({}, params.current), { tableExportConfigItems: _params, excelName: "".concat(((_a = _params[0]) === null || _a === void 0 ? void 0 : _a.tableName) || '', "\u6570\u636E") }))];
+                case 1:
+                    res = _b.sent();
+                    downloadFile(res);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return {
+        onExport: onExport,
+        ExportModal: function () { return (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(ExportModal, { open: openExportModal, config: exportConfig, onOk: handleExportOk, onCancel: handleExportCancel }),
+            contextHolder)); },
+    };
+};
+
+export { useExportModal as default };

package/dist/es/components/SenseTable/components/TagsModal/index.js

@@ -0,0 +1,24 @@
+import { Modal } from '@xirang/design-antd';
+import React__default from 'react';
+import styles from './index.module.less.js';
+
+// 获取标签列表
+var getTags = function (record) {
+    var tag_names = record.tag_names, tag_codes = record.tag_codes;
+    if (tag_names === null || tag_names === void 0 ? void 0 : tag_names.length) {
+        var names = tag_names.split(',');
+        var codes_1 = tag_codes.split(',');
+        return names.map(function (name, index) { return ({ name: name, code: codes_1[index] }); });
+    }
+    return [];
+};
+var TagsModal = function (_a) {
+    var open = _a.open, onCancel = _a.onCancel, data = _a.data;
+    var tags = data ? getTags(data) : [];
+    return (React__default.createElement(Modal, { title: "\u5168\u90E8\u6807\u7B7E", open: open, okButtonProps: { style: { display: 'none' } }, cancelText: "\u5173\u95ED", onCancel: onCancel },
+        React__default.createElement("div", { className: styles.container },
+            React__default.createElement("div", { className: styles.label }, "\u6807\u7B7E\u540D\u79F0\uFF1A"),
+            React__default.createElement("div", { className: styles.value }, tags === null || tags === void 0 ? void 0 : tags.map(function (item) { return (React__default.createElement("div", { className: styles['tag-value'], key: item.code }, item.name)); })))));
+};
+
+export { TagsModal as default, getTags };

package/dist/es/components/SenseTable/components/TagsModal/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_container__OLO1V {\n  display: flex;\n  padding: 16px 0;\n}\n.index-module_container__OLO1V .index-module_label__fCYzc {\n  flex-shrink: 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 26px;\n  color: #fff;\n}\n.index-module_container__OLO1V .index-module_value__zTZIV {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.index-module_container__OLO1V .index-module_value__zTZIV .index-module_tag-value__cofpt {\n  padding: 4px 12px;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 18px;\n  color: #0ff;\n  text-wrap: nowrap;\n  background: rgba(0, 255, 255, 0.2);\n  border-radius: 4px;\n}\n.index-module_container__OLO1V .index-module_value__zTZIV .index-module_tag-value__cofpt .index-module_tag-delete__NOvHN {\n  width: 14px;\n  height: 14px;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.index-module_container__OLO1V .index-module_value__zTZIV .index-module_tag-more__-w9eo {\n  padding: 4px 16px;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 18px;\n  color: #0ff;\n  text-wrap: nowrap;\n  cursor: pointer;\n}\n";
+var styles = {"container":"index-module_container__OLO1V","label":"index-module_label__fCYzc","value":"index-module_value__zTZIV","tag-value":"index-module_tag-value__cofpt"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseTable/components/widgets/FileView/icons/file.svg.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgFile = function SvgFile(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 21,
+    height: 20,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#3CF0E1",
+    d: "m17.65 6.433-4.374-4.375a.63.63 0 0 0-.442-.183h-7.5a1.25 1.25 0 0 0-1.25 1.25v13.75a1.25 1.25 0 0 0 1.25 1.25h11.25a1.25 1.25 0 0 0 1.25-1.25v-10a.63.63 0 0 0-.183-.442M13.46 13.75h-5a.625.625 0 1 1 0-1.25h5a.624.624 0 1 1 0 1.25m0-2.5h-5a.625.625 0 1 1 0-1.25h5a.624.624 0 1 1 0 1.25m-.625-4.375V3.438l3.437 3.437z"
+  })));
+};
+
+export { SvgFile as default };

package/dist/es/components/SenseTable/components/widgets/FileView/index.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import SvgFile from './icons/file.svg.js';
+import styles from './index.module.less.js';
+
+var FileView = function (_a) {
+    var value = _a.value;
+    if (!(value === null || value === void 0 ? void 0 : value.length)) {
+        return '-';
+    }
+    return (React__default.createElement("div", { className: styles.container }, value.map(function (item) { return (React__default.createElement("a", { key: item.fileName, className: styles.item, href: item.url, download: item.fileName },
+        React__default.createElement(SvgFile, null),
+        item.fileName)); })));
+};
+
+export { FileView as default };

package/dist/es/components/SenseTable/components/widgets/FileView/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_container__Dxmfm {\n  display: flex;\n  flex-direction: column;\n  row-gap: 4px;\n}\n.index-module_container__Dxmfm .index-module_item__kYehv {\n  font-size: 14px;\n  color: #0ff;\n  word-break: break-all;\n}\n.index-module_container__Dxmfm .index-module_item__kYehv > svg {\n  transform: translateY(4px);\n}\n";
+var styles = {"container":"index-module_container__Dxmfm","item":"index-module_item__kYehv"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseTable/components/widgets/ImageView/index.js

@@ -0,0 +1,15 @@
+import { Image } from '@xirang/design-antd';
+import React__default from 'react';
+import styles from './index.module.less.js';
+
+var fallback = 'data:image/png;base64,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';
+var ImageView = function (_a) {
+    var value = _a.value;
+    if (!(value === null || value === void 0 ? void 0 : value.length)) {
+        return '-';
+    }
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement(Image.PreviewGroup, null, value.map(function (item) { return (React__default.createElement(Image, { key: item.fileName, width: 60, height: 60, src: item.url, fallback: fallback })); }))));
+};
+
+export { ImageView as default };

package/dist/es/components/SenseTable/components/widgets/ImageView/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_container__5d6Oo {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n";
+var styles = {"container":"index-module_container__5d6Oo"};
+styleInject(css_248z);
+
+export { styles as default };