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

package/dist/es/components/SenseCreate/components/CreateBook/index.js

@@ -0,0 +1,32 @@
+import { __awaiter, __generator } 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 React__default, { useRef } from 'react';
+import BookInfo from '../../../BookInfo/BookInfo.js';
+import Footer from '../Footer/index.js';
+import styles from './index.module.less.js';
+
+var CreateBook = function (_a) {
+    var onPrev = _a.onPrev, onNext = _a.onNext, setCurBookId = _a.setCurBookId, templateId = _a.templateId;
+    var bookInfoRef = useRef();
+    // 保存
+    var handleSave = 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*/, bookInfoRef.current.handleSave()];
+                case 1:
+                    res = _a.sent();
+                    if (res) {
+                        setCurBookId(res.bookId);
+                        onNext === null || onNext === void 0 ? void 0 : onNext();
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { className: styles.form },
+            React__default.createElement(BookInfo, { ref: bookInfoRef, mode: "create", templateId: templateId })),
+        React__default.createElement(Footer, { onPrev: onPrev, onNext: handleSave })));
+};
+
+export { CreateBook as default };

package/dist/es/components/SenseCreate/components/CreateBook/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__soxMH {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n.index-module_container__soxMH .index-module_form__idDBE {\n  flex: 1;\n  overflow: hidden auto;\n}\n";
+var styles = {"container":"index-module_container__soxMH","form":"index-module_form__idDBE"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseCreate/components/CreateSense/index.js

@@ -0,0 +1,34 @@
+import { theme, Radio } from '@xirang/design-antd';
+import React__default, { useState } from 'react';
+import BookImport from '../../../BookImport/BookImport.js';
+import SenseEdit from '../../../SenseEdit/SenseEdit.js';
+import styles from './index.module.less.js';
+
+var CreateSense = function (_a) {
+    var bookId = _a.bookId, theme$1 = _a.theme, onPrev = _a.onPrev, onSuccess = _a.onSuccess, _b = _a.cancelText, cancelText = _b === void 0 ? '上一步' : _b;
+    var _c = {}, bottomBgColor = _c.bottomBgColor, bottomBorderStyle = _c.bottomBorderStyle, bottomBorderColor = _c.bottomBorderColor, bottomBorderWidth = _c.bottomBorderWidth;
+    // 新建方式
+    var _d = useState('single'), createType = _d[0], setCreateType = _d[1];
+    var token = theme.useToken().token;
+    var handleChangeCreateType = function (e) {
+        setCreateType(e.target.value);
+    };
+    var renderCreate = function () {
+        if (createType === 'single') {
+            return (React__default.createElement(SenseEdit, { bookId: bookId, onCancel: onPrev, onSuccess: onSuccess, cancelText: cancelText, theme: theme$1 }));
+        }
+        if (createType === 'upload') {
+            return (React__default.createElement(BookImport, { bottomBgColor: bottomBgColor, bottomBorderStyle: bottomBorderStyle, bottomBorderColor: bottomBorderColor, bottomBorderWidth: bottomBorderWidth, bookId: bookId, onCancel: onPrev, onSuccess: onSuccess, cancelText: cancelText }));
+        }
+        return null;
+    };
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { className: styles.type },
+            React__default.createElement("span", { style: { color: token.colorText } }, "\u65B0\u5EFA\u65B9\u5F0F\uFF1A"),
+            React__default.createElement(Radio.Group, { value: createType, onChange: handleChangeCreateType },
+                React__default.createElement(Radio, { value: "single" }, "\u5355\u4E2A\u65B0\u5EFA"),
+                React__default.createElement(Radio, { value: "upload" }, "\u6279\u91CF\u65B0\u5EFA"))),
+        renderCreate()));
+};
+
+export { CreateSense as default };

package/dist/es/components/SenseCreate/components/CreateSense/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__ZusoD {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module_container__ZusoD .index-module_type__T1wwX {\n  padding: 0 16px;\n}\n";
+var styles = {"container":"index-module_container__ZusoD","type":"index-module_type__T1wwX"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseCreate/components/Footer/index.js

@@ -0,0 +1,13 @@
+import { __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 { Button } from '@xirang/design-antd';
+import React__default from 'react';
+import styles from './index.module.less.js';
+
+var Footer = function (_a) {
+    var onPrev = _a.onPrev, onNext = _a.onNext, _b = _a.prevText, prevText = _b === void 0 ? '上一步' : _b, _c = _a.nextText, nextText = _c === void 0 ? '下一步' : _c, prevProps = _a.prevProps, nextProps = _a.nextProps, center = _a.center;
+    return (React__default.createElement("div", { className: styles.container, "data-center": center },
+        prevText !== false && (React__default.createElement(Button, __assign({ onClick: onPrev }, prevProps), prevText)),
+        nextText !== false && (React__default.createElement(Button, __assign({ type: "primary", onClick: onNext }, nextProps), nextText))));
+};
+
+export { Footer as default };

package/dist/es/components/SenseCreate/components/Footer/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__mJ28f {\n  padding: 16px;\n  margin: 0;\n  text-align: right;\n  background: rgba(42, 81, 140, 0.5);\n  border-top: 1px solid rgba(255, 255, 255, 0.2);\n  backdrop-filter: blur(60px);\n}\n.index-module_container__mJ28f[data-center='true'] {\n  text-align: center;\n}\n.index-module_container__mJ28f > button:not(:last-child) {\n  margin-right: 16px;\n}\n";
+var styles = {"container":"index-module_container__mJ28f"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseCreate/components/SelectBook/index.js

@@ -0,0 +1,42 @@
+import { Form, Button } from '@xirang/design-antd';
+import { useMount } from 'ahooks';
+import React__default from 'react';
+import BookSelect from '../../../BookSelect/BookSelect.js';
+import EntityClassTreeSelect from '../../../EntityClassTreeSelect/EntityClassTreeSelect.js';
+import Footer from '../Footer/index.js';
+import styles from './index.module.less.js';
+
+var SelectBook = function (_a) {
+    var viewCodes = _a.viewCodes, senseObjCode = _a.senseObjCode, setIsSelectBook = _a.setIsSelectBook, onPrev = _a.onPrev, onNext = _a.onNext, setCurBookId = _a.setCurBookId;
+    var form = Form.useForm()[0];
+    var formSenseObjCode = Form.useWatch('senseObjCode', form);
+    var handleChangeCreate = function () {
+        setIsSelectBook(false);
+    };
+    var handleOk = function () {
+        form.validateFields().then(function (values) {
+            setCurBookId(values.bookId);
+            onNext();
+        });
+    };
+    useMount(function () {
+        if (senseObjCode) {
+            form.setFieldsValue({
+                senseObjCode: senseObjCode,
+            });
+        }
+    });
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { className: styles.form },
+            React__default.createElement(Form, { form: form },
+                React__default.createElement(Form.Item, { name: "senseObjCode", label: "\u5BF9\u8C61\u5206\u7C7B", rules: [{ required: true, message: '请选择对象分类！' }] },
+                    React__default.createElement(EntityClassTreeSelect, { parentNodeCode: "0000000000", viewCodes: viewCodes, placeholder: "\u8BF7\u9009\u62E9\u5BF9\u8C61\u5206\u7C7B" })),
+                React__default.createElement(Form.Item, { name: "bookId", label: "\u53F0\u8D26\u540D\u79F0", rules: [{ required: true, message: '请选择台账名称！' }] },
+                    React__default.createElement(BookSelect, { entityClassCode: formSenseObjCode, viewCodes: viewCodes }))),
+            React__default.createElement("div", { className: styles.tips },
+                "\u672A\u627E\u5230\u5408\u9002\u53F0\u8D26\uFF1F",
+                React__default.createElement(Button, { type: "link", onClick: handleChangeCreate }, "\u521B\u5EFA\u65B0\u53F0\u8D26"))),
+        React__default.createElement(Footer, { onPrev: onPrev, onNext: handleOk, prevText: "\u53D6\u6D88" })));
+};
+
+export { SelectBook as default };

package/dist/es/components/SenseCreate/components/SelectBook/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__PYH5g {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module_container__PYH5g .index-module_form__6egc4 {\n  flex: 1;\n  height: 0;\n  padding: 0 24px;\n  overflow: hidden auto;\n}\n.index-module_container__PYH5g .index-module_form__6egc4 .index-module_tips__5-fPh {\n  font-size: 14px;\n  text-align: right;\n}\n.index-module_container__PYH5g .index-module_form__6egc4 .index-module_tips__5-fPh .ant-btn {\n  padding: 0;\n  font-size: 14px;\n}\n";
+var styles = {"container":"index-module_container__PYH5g","form":"index-module_form__6egc4","tips":"index-module_tips__5-fPh"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseCreate/components/SelectTemplate/Item/assets/book.svg.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+
+var _path, _path2;
+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 SvgBook = function SvgBook(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#F2B124",
+    fillRule: "evenodd",
+    d: "M5.25 3.75c0-.621.504-1.125 1.125-1.125H19.5c.621 0 1.125.504 1.125 1.125v16.5c0 .621-.504 1.125-1.125 1.125H6.375A1.125 1.125 0 0 1 5.25 20.25v-1.875h1.125a2.625 2.625 0 0 0 0-5.25H5.25v-2.25h1.125a2.625 2.625 0 1 0 0-5.25H5.25zm0 13.125v-2.25h1.125a1.125 1.125 0 0 1 0 2.25zm0-7.5h1.125a1.125 1.125 0 0 0 0-2.25H5.25zM17.625 7.5a1.125 1.125 0 0 0-2.25 0v9a1.125 1.125 0 0 0 2.25 0z",
+    clipRule: "evenodd"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M3 8.25c0-.621.504-1.125 1.125-1.125h2.25a1.125 1.125 0 0 1 0 2.25h-2.25A1.125 1.125 0 0 1 3 8.25M3 15.75c0-.621.504-1.125 1.125-1.125h2.25a1.125 1.125 0 0 1 0 2.25h-2.25A1.125 1.125 0 0 1 3 15.75"
+  })));
+};
+
+export { SvgBook as default };

package/dist/es/components/SenseCreate/components/SelectTemplate/Item/index.js

@@ -0,0 +1,26 @@
+import { Tooltip, Button } from '@xirang/design-antd';
+import React__default, { memo } from 'react';
+import Highlighter from 'react-highlight-words';
+import SvgBook from './assets/book.svg.js';
+import styles from './index.module.less.js';
+
+var TempItem = function (_a) {
+    var keyword = _a.keyword, data = _a.data, onSelect = _a.onSelect;
+    var templateName = data.templateName, templateDescription = data.templateDescription;
+    // 选择模版
+    var handleSelect = function () {
+        onSelect(data);
+    };
+    return (React__default.createElement("div", { className: styles.temp },
+        React__default.createElement(Tooltip, { title: templateName },
+            React__default.createElement("div", { className: styles.name },
+                React__default.createElement(SvgBook, null),
+                React__default.createElement("p", null, keyword && templateName ? (React__default.createElement(Highlighter, { highlightClassName: styles.highlight, searchWords: [keyword], textToHighlight: templateName, autoEscape: true })) : (templateName)))),
+        React__default.createElement(Tooltip, { title: templateDescription },
+            React__default.createElement("p", { className: styles.description }, keyword && templateDescription ? (React__default.createElement(Highlighter, { highlightClassName: styles.highlight, searchWords: [keyword], textToHighlight: templateDescription, autoEscape: true })) : (templateDescription))),
+        React__default.createElement("div", { className: styles.action },
+            React__default.createElement(Button, { type: "primary", onClick: handleSelect }, "\u4F7F\u7528\u8BE5\u6A21\u7248"))));
+};
+var Item = memo(TempItem);
+
+export { Item as default };

package/dist/es/components/SenseCreate/components/SelectTemplate/Item/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_temp__8bH3B {\n  position: relative;\n  width: 100%;\n  height: 240px;\n  padding: 16px;\n  overflow: hidden;\n  background: linear-gradient(90deg, rgba(60, 125, 250, 0.1) -3.63%, rgba(60, 240, 225, 0.08) 100%), linear-gradient(90deg, rgba(60, 125, 250, 0.1) -3.63%, rgba(60, 240, 225, 0.08) 100%);\n  border: 1px solid transparent;\n  border-radius: 2px;\n}\n.index-module_temp__8bH3B .index-module_name__s2euf {\n  position: relative;\n  padding-left: 24px;\n  margin-bottom: 12px;\n  font-size: 16px;\n  line-height: 24px;\n  color: #fff;\n}\n.index-module_temp__8bH3B .index-module_name__s2euf svg {\n  position: absolute;\n  top: 0;\n  left: -4px;\n}\n.index-module_temp__8bH3B .index-module_name__s2euf p {\n  width: 100%;\n  margin-bottom: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.index-module_temp__8bH3B .index-module_description__8yh3J {\n  font-size: 14px;\n  line-height: 22px;\n  color: rgba(255, 255, 255, 0.65);\n}\n.index-module_temp__8bH3B .index-module_action__BDmN8 {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: none;\n  height: 80px;\n  padding-top: 30px;\n  text-align: center;\n  background: linear-gradient(180deg, rgba(22, 44, 78, 0) 0%, rgba(22, 44, 78, 0.8) 53.75%);\n}\n.index-module_temp__8bH3B:hover {\n  background: linear-gradient(90deg, rgba(99, 189, 244, 0) -11.06%, rgba(99, 189, 244, 0.5) 48.2%, rgba(0, 255, 255, 0) 107.45%, rgba(99, 189, 244, 0) 107.45%), linear-gradient(90deg, rgba(60, 125, 250, 0.1) -3.63%, rgba(60, 240, 225, 0.08) 100%), linear-gradient(90deg, rgba(60, 125, 250, 0.1) -3.63%, rgba(60, 240, 225, 0.08) 100%);\n  border: 1px solid rgba(130, 243, 254, 0);\n}\n.index-module_temp__8bH3B:hover .index-module_action__BDmN8 {\n  display: block;\n}\n.index-module_highlight__SKBRX {\n  color: #f5c54c;\n  background-color: transparent;\n}\n";
+var styles = {"temp":"index-module_temp__8bH3B","name":"index-module_name__s2euf","description":"index-module_description__8yh3J","action":"index-module_action__BDmN8","highlight":"index-module_highlight__SKBRX"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseCreate/components/SelectTemplate/index.js

@@ -0,0 +1,96 @@
+import { __awaiter, __generator, __spreadArray } 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 { LoadingOutlined } from '@ant-design/icons';
+import { Input, Empty } from '@xirang/design-antd';
+import React__default, { useState, useRef, useEffect } from 'react';
+import InfiniteScroll from 'react-infinite-scroll-component';
+import { v4 } from 'uuid';
+import EntityClassFilter from '../../../EntityClassFilter/EntityClassFilter.js';
+import { getTemplateList } from '../../../../services/senseForm.js';
+import Footer from '../Footer/index.js';
+import styles from './index.module.less.js';
+import Item from './Item/index.js';
+
+var Search = Input.Search;
+var SelectTemplate = function (_a) {
+    var _b = _a.viewCodes, viewCodes = _b === void 0 ? ['system-icos_all'] : _b, senseObjCode = _a.senseObjCode, setIsSelectBook = _a.setIsSelectBook, setCueTemplateId = _a.setCueTemplateId, onNext = _a.onNext;
+    var id = useState(v4())[0];
+    // 模板列表
+    var _c = useState([]), templateList = _c[0], setTemplateList = _c[1];
+    // 总数
+    var _d = useState(0), total = _d[0], setTotal = _d[1];
+    // 当前页码
+    var _e = useState(1), page = _e[0], setPage = _e[1];
+    // 搜索关键字
+    var _f = useState(''), keyword = _f[0], setKeyword = _f[1];
+    // 筛选
+    var _g = useState(), filter = _g[0], setFilter = _g[1];
+    var handleChangeCreate = function () {
+        setIsSelectBook(true);
+    };
+    // 加载模板数据
+    var loadMoreData = 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*/, getTemplateList({
+                        page: page,
+                        pageSize: 20,
+                        code: filter,
+                        keyword: keyword,
+                        publishedStatus: [2],
+                        viewCodes: viewCodes,
+                    })];
+                case 1:
+                    res = _a.sent();
+                    setTemplateList(__spreadArray(__spreadArray([], templateList, true), res.list, true));
+                    setPage(res.pageNum + 1);
+                    setTotal(res.total);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleSearch = function (value) {
+        setTemplateList([]);
+        setPage(1);
+        setKeyword(value);
+    };
+    var handleFilter = function (value) {
+        setTemplateList([]);
+        setPage(1);
+        setFilter(value);
+    };
+    // 选择模版（下一步）
+    var selectTemp = function (item) {
+        onNext();
+        setCueTemplateId(item === null || item === void 0 ? void 0 : item.templateId);
+    };
+    // TODO：存在 senseObjCode 时第一次不调接口，临时处理
+    var ready = useRef(false);
+    useEffect(function () {
+        if (!ready.current) {
+            setTotal(0);
+            ready.current = true;
+            if (senseObjCode) {
+                return;
+            }
+        }
+        loadMoreData();
+    }, [keyword, filter, senseObjCode]);
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { className: styles.main },
+            React__default.createElement("div", { className: styles['filter-line'] },
+                React__default.createElement("div", { className: styles.search },
+                    React__default.createElement(Search, { placeholder: "\u641C\u7D22\u6A21\u7248", onSearch: handleSearch, allowClear: true })),
+                React__default.createElement(EntityClassFilter, { className: styles.filter, defaultEntityClassCode: senseObjCode, onFilter: handleFilter, viewCodes: viewCodes })),
+            React__default.createElement("div", { className: styles['list-wrapper'], id: "InfiniteScroll-".concat(id) },
+                React__default.createElement(InfiniteScroll, { dataLength: templateList.length, next: loadMoreData, hasMore: templateList.length < total, loader: React__default.createElement("div", { style: {
+                            height: 30,
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                        } },
+                        React__default.createElement(LoadingOutlined, null)), endMessage: null, scrollableTarget: "InfiniteScroll-".concat(id) }, (templateList === null || templateList === void 0 ? void 0 : templateList.length) ? (React__default.createElement("div", { className: styles.content }, templateList.map(function (item) { return (React__default.createElement(Item, { key: item.templateId, keyword: keyword, data: item, onSelect: selectTemp })); }))) : (React__default.createElement(Empty, null))))),
+        React__default.createElement(Footer, { onPrev: handleChangeCreate, prevText: "\u9009\u62E9\u5DF2\u6709\u8868\u5355", nextText: false, center: true })));
+};
+
+export { SelectTemplate as default };

package/dist/es/components/SenseCreate/components/SelectTemplate/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__h7mVP {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module_container__h7mVP .index-module_main__uAMMx {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  height: 0;\n  padding: 0 16px;\n}\n.index-module_container__h7mVP .index-module_main__uAMMx .index-module_filter-line__kcFMt {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n}\n.index-module_container__h7mVP .index-module_main__uAMMx .index-module_filter-line__kcFMt .index-module_search__1C2iJ {\n  flex: 1;\n}\n.index-module_container__h7mVP .index-module_main__uAMMx .index-module_filter-line__kcFMt .index-module_filter__gQl8l {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  margin-left: 8px;\n  cursor: pointer;\n  border-color: #0d5bab;\n  border-radius: 2px;\n}\n.index-module_container__h7mVP .index-module_main__uAMMx .index-module_list-wrapper__xzYZO {\n  flex: 1;\n  height: 0;\n  overflow: hidden auto;\n}\n.index-module_container__h7mVP .index-module_main__uAMMx .index-module_list-wrapper__xzYZO .index-module_content__CT2E0 {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n  padding: 16px 0;\n}\n";
+var styles = {"container":"index-module_container__h7mVP","main":"index-module_main__uAMMx","filter-line":"index-module_filter-line__kcFMt","search":"index-module_search__1C2iJ","filter":"index-module_filter__gQl8l","list-wrapper":"index-module_list-wrapper__xzYZO","content":"index-module_content__CT2E0"};
+styleInject(css_248z);
+
+export { styles as default };

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

@@ -0,0 +1,41 @@
+import { applyRules } from '../../utils/settings.js';
+
+var settings = {
+    name: 'CcosSenseCreate',
+    title: '实体新建',
+    description: '',
+    package: '@icos-desktop/react-components',
+    exportType: 'namedExport',
+    props: [
+        // 基本
+        {
+            name: 'bookId',
+            title: '台账id',
+            group: 'basic',
+            setter: 'textSetter',
+        },
+        // 事件
+        {
+            name: 'onCancel',
+            title: '点击取消按钮',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onSuccess',
+            title: '保存成功',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        // 样式
+        {
+            name: 'textColor',
+            title: '保存成功',
+            group: 'style',
+            setter: 'colorSetter',
+        },
+    ],
+};
+var settings$1 = applyRules(settings);
+
+export { settings$1 as default };

package/dist/es/components/SenseDetail/SenseDetail.js

@@ -0,0 +1,48 @@
+import { Tabs } from '@xirang/design-antd';
+import React__default, { useEffect } from 'react';
+import Base from './components/Base/index.js';
+import Relation from './components/Relation/index.js';
+import styles from './SenseDetail.module.less.js';
+
+var SenseDetail = function (props) {
+    var senseGlobalCode = props.senseGlobalCode, topMenuConfig = props.topMenuConfig, enableTag = props.enableTag, extraTopMenu = props.extraTopMenu, hideBook = props.hideBook, onClickSense = props.onClickSense, onGetSenseDetail = props.onGetSenseDetail, tabsBgColor = props.tabsBgColor, contentCardNameColor = props.contentCardNameColor, contentCardContentColor = props.contentCardContentColor, contentCardBorderColor = props.contentCardBorderColor, contentCardBgColor = props.contentCardBgColor, senseInfoTextColor = props.senseInfoTextColor, senseInfoBorderColor = props.senseInfoBorderColor, senseInfoBorderWidth = props.senseInfoBorderWidth, senseInfoBorderStyle = props.senseInfoBorderStyle;
+    var tabItems = (function () {
+        var list = [];
+        if (!(topMenuConfig === null || topMenuConfig === void 0 ? void 0 : topMenuConfig.length)) {
+            return list;
+        }
+        if (topMenuConfig.includes('base')) {
+            list.push({
+                key: 'base',
+                label: '基础信息',
+                children: (React__default.createElement(Base, { senseInfoTextColor: senseInfoTextColor, senseInfoBorderColor: senseInfoBorderColor, senseInfoBorderWidth: senseInfoBorderWidth, senseInfoBorderStyle: senseInfoBorderStyle, senseGlobalCode: senseGlobalCode, enableTag: enableTag, onGetSenseDetail: onGetSenseDetail })),
+            });
+        }
+        if (topMenuConfig.includes('relation')) {
+            list.push({
+                key: 'relation',
+                label: '关联信息',
+                children: (React__default.createElement(Relation, { senseGlobalCode: senseGlobalCode, hideBook: hideBook, onClickSense: onClickSense })),
+            });
+        }
+        if (extraTopMenu) {
+            list.push.apply(list, extraTopMenu.map(function (item) { return ({
+                key: item.key,
+                label: item.label,
+                children: React__default.cloneElement(item.children, { senseGlobalCode: senseGlobalCode }),
+            }); }));
+        }
+        return list;
+    })();
+    useEffect(function () {
+        document.documentElement.style.setProperty('--tabs-bg-color', tabsBgColor ? tabsBgColor : '#3498db');
+        document.documentElement.style.setProperty('--sense-detail-card-name-color', contentCardNameColor ? contentCardNameColor : 'rgba(255, 255, 255, 0.85)');
+        document.documentElement.style.setProperty('--sense-detail-card-value-color', contentCardContentColor ? contentCardContentColor : '#fff');
+        document.documentElement.style.setProperty('--sense-detail-card-border-color', contentCardBorderColor ? contentCardBorderColor : 'rgba(0, 255, 255, 1)');
+        document.documentElement.style.setProperty('--sense-detail-card-bg-color', contentCardBgColor ? contentCardBgColor : 'rgba(60, 240, 225, 0.08)');
+    }, []);
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { className: styles.tabs }, (topMenuConfig === null || topMenuConfig === void 0 ? void 0 : topMenuConfig.length) ? (React__default.createElement(Tabs, { items: tabItems, defaultActiveKey: "base", className: "senseDetailTab" })) : (React__default.createElement(Base, { senseGlobalCode: senseGlobalCode, enableTag: enableTag })))));
+};
+
+export { SenseDetail as default };

package/dist/es/components/SenseDetail/SenseDetail.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 = ":root {\n  --tabs-bg-color: #3498db;\n  --collapse-header-color: white;\n}\n.SenseDetail-module_container__lF2vB {\n  width: 100%;\n  height: 100%;\n}\n.SenseDetail-module_container__lF2vB * {\n  box-sizing: border-box;\n}\n.SenseDetail-module_container__lF2vB .SenseDetail-module_tabs__8xmTu {\n  width: 100%;\n  height: 100%;\n}\n.SenseDetail-module_container__lF2vB .SenseDetail-module_tabs__8xmTu [class^='ant-tabs'],\n.SenseDetail-module_container__lF2vB .SenseDetail-module_tabs__8xmTu [class*=' ant-tabs'] {\n  font-family: YouSheBiaoTiHei;\n  font-size: 20px;\n}\n.SenseDetail-module_container__lF2vB .SenseDetail-module_tabs__8xmTu .ant-tabs {\n  width: 100%;\n  height: 100%;\n}\n.SenseDetail-module_container__lF2vB .SenseDetail-module_tabs__8xmTu .ant-tabs .ant-tabs-content-top {\n  width: 100%;\n  height: 100%;\n  overflow: hidden auto;\n}\n.SenseDetail-module_container__lF2vB .ant-collapse-borderless.ant-collapse-borderless > .ant-collapse-item {\n  border: none;\n}\n.SenseDetail-module_container__lF2vB .ant-collapse.ant-collapse .ant-collapse-item {\n  margin-bottom: 12px;\n}\n.SenseDetail-module_container__lF2vB .ant-collapse.ant-collapse .ant-collapse-item .ant-collapse-header {\n  position: relative;\n  flex-direction: row-reverse;\n  padding: 8px 12px;\n  color: var(--collapse-header-color);\n  border-radius: 2px;\n}\n.SenseDetail-module_container__lF2vB .ant-collapse.ant-collapse .ant-collapse-item .ant-collapse-header::before {\n  position: absolute;\n  top: 11px;\n  left: 0;\n  width: 4px;\n  height: 16px;\n  content: '';\n}\n.SenseDetail-module_container__lF2vB .ant-collapse.ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon {\n  padding-right: 0;\n}\n.SenseDetail-module_container__lF2vB .ant-collapse.ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text {\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px;\n}\n.SenseDetail-module_container__lF2vB .ant-collapse.ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {\n  padding: 0 0 1px;\n}\n.SenseDetail-module_container__lF2vB .ant-collapse-borderless > .ant-collapse-item:last-child {\n  border-radius: 2px;\n}\n.SenseDetail-module_container__lF2vB .ant-collapse-ghost .ant-collapse-header::before {\n  display: none;\n}\n";
+var styles = {"container":"SenseDetail-module_container__lF2vB","tabs":"SenseDetail-module_tabs__8xmTu"};
+styleInject(css_248z);
+
+export { styles as default };

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

@@ -0,0 +1,18 @@
+import { __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 React__default from 'react';
+import SenseDetail from './SenseDetail.js';
+import settings from './settings.js';
+
+var CcosSenseDetail = function (props) {
+    var getProps = function () {
+        var _props = __assign({}, props);
+        if (!props.showTopMenu) {
+            delete _props.topMenuConfig;
+        }
+        return _props;
+    };
+    return React__default.createElement(SenseDetail, __assign({}, getProps()));
+};
+CcosSenseDetail.settings = settings;
+
+export { CcosSenseDetail as default };

package/dist/es/components/SenseDetail/components/Base/index.js

@@ -0,0 +1,63 @@
+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 { theme, Collapse } from '@xirang/design-antd';
+import { useRequest } from 'ahooks';
+import { isEmpty } from 'lodash';
+import React__default, { useEffect } from 'react';
+import SenseInfo from '../../../SenseInfo/SenseInfo.js';
+import VideoPlayer from '../../../VideoPlayer/VideoPlayer.js';
+import { getEntityContentConfig } from '../../../../services/senseForm.js';
+import Content from '../Content/index.js';
+
+var useToken = theme.useToken;
+var Base = function (props) {
+    var _a;
+    var token = useToken().token;
+    var senseGlobalCode = props.senseGlobalCode, onGetSenseDetail = props.onGetSenseDetail, enableTag = props.enableTag, senseInfoTextColor = props.senseInfoTextColor, senseInfoBorderColor = props.senseInfoBorderColor, senseInfoBorderWidth = props.senseInfoBorderWidth, senseInfoBorderStyle = props.senseInfoBorderStyle;
+    var data = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, getEntityContentConfig({ senseGlobalCode: senseGlobalCode })];
+                case 1: return [2 /*return*/, _a.sent()];
+            }
+        });
+    }); }, {
+        ready: !!senseGlobalCode,
+        refreshDeps: [senseGlobalCode],
+    }).data;
+    var getItems = function () {
+        var arr = [];
+        // 属性信息
+        arr.push({
+            key: 'SenseInfo',
+            label: '属性信息',
+            children: (React__default.createElement(SenseInfo, { textColor: senseInfoTextColor, borderColor: senseInfoBorderColor, borderWidth: senseInfoBorderWidth, borderStyle: senseInfoBorderStyle, senseGlobalCode: senseGlobalCode, enableTag: enableTag, onGetSenseDetail: onGetSenseDetail })),
+        });
+        // 内容信息
+        if (data && !isEmpty(data.entityContentTableConfigs)) {
+            arr.push({
+                key: 'Content',
+                label: '内容信息',
+                children: (React__default.createElement(Content, { senseGlobalCode: senseGlobalCode, config: data.entityContentTableConfigs })),
+            });
+        }
+        // 实时内容
+        if (data && !isEmpty(data.videoDataConfig)) {
+            arr.push({
+                key: 'VideoPlayer',
+                label: '实时内容',
+                children: React__default.createElement(VideoPlayer, __assign({ senseGlobalCode: senseGlobalCode }, data.videoDataConfig)),
+            });
+        }
+        return arr;
+    };
+    useEffect(function () {
+        document.documentElement.style.setProperty('--collapse-header-color', token.colorTextHeading);
+    }, [token.colorTextHeading]);
+    return (React__default.createElement("div", null,
+        React__default.createElement(Collapse, { items: getItems(), defaultActiveKey: ['SenseInfo', 'VideoPlayer', 'Content'], bordered: false, style: {
+                backgroundColor: (_a = token.Collapse) === null || _a === void 0 ? void 0 : _a.headerBg,
+                color: "".concat(token.colorTextHeading, " !important"),
+            } })));
+};
+
+export { Base as default };

package/dist/es/components/SenseDetail/components/BookList/index.js

@@ -0,0 +1,33 @@
+import { __awaiter, __generator } 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 { Button } from '@xirang/design-antd';
+import { useRequest } from 'ahooks';
+import React__default from 'react';
+import { getEntityRelation } from '../../../../services/senseForm.js';
+import styles from './index.module.less.js';
+
+var BookList = function (_a) {
+    var senseGlobalCode = _a.senseGlobalCode, onClick = _a.onClick;
+    var data = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res, bookId, bookName;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, getEntityRelation({ senseGlobalCode: senseGlobalCode })];
+                case 1:
+                    res = _a.sent();
+                    if (res) {
+                        bookId = res.bookId, bookName = res.bookName;
+                        return [2 /*return*/, [{ bookId: bookId, bookName: bookName }]];
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); }, {
+        ready: !!senseGlobalCode,
+        refreshDeps: [senseGlobalCode],
+    }).data;
+    return (React__default.createElement("div", { className: styles.container }, data === null || data === void 0 ? void 0 : data.map(function (item) { return (React__default.createElement(Button, { key: item.bookId, type: "link", onClick: function () {
+            onClick === null || onClick === void 0 ? void 0 : onClick(item);
+        } }, item.bookName)); })));
+};
+
+export { BookList as default };

package/dist/es/components/SenseDetail/components/BookList/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__xRyF8 {\n  display: flex;\n  flex-direction: column;\n  row-gap: 4px;\n  align-items: flex-start;\n  padding-left: 16px;\n}\n.index-module_container__xRyF8 .ant-btn-link {\n  padding: 0;\n}\n";
+var styles = {"container":"index-module_container__xRyF8"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseDetail/components/Content/components/Card/index.js

@@ -0,0 +1,39 @@
+import { Empty, Tooltip } from '@xirang/design-antd';
+import React__default, { useMemo } from 'react';
+import styles from './index.module.less.js';
+
+var Card = function (_b) {
+    var data = _b.data, header = _b.header;
+    var arrangement = useMemo(function () {
+        var num = header === null || header === void 0 ? void 0 : header.length;
+        if (num) {
+            var line = parseInt((num / 3), 10);
+            var remainder = num % 3;
+            // num  每行的个数
+            // line 行总行数
+            return [remainder ? { num: remainder, line: 1 } : null, { num: 3, line: line }].filter(Boolean);
+        }
+        return [];
+    }, [header]);
+    if (!(arrangement === null || arrangement === void 0 ? void 0 : arrangement.length)) {
+        return React__default.createElement(Empty, null);
+    }
+    return (React__default.createElement("div", { className: styles.box }, Array.from({ length: arrangement.length }, function (_, aIndex) {
+        // 计算前面的总个数
+        return arrangement.slice(0, aIndex).reduce(function (a, b) {
+            var _a = a;
+            _a += b.num * b.line;
+            return _a;
+        }, 0);
+    }).map(function (total, arrIndex) {
+        return Array.from({ length: arrangement[arrIndex].line }).map(function (_, lineIndex) { return (React__default.createElement("div", { key: "line_".concat(lineIndex), className: styles.line }, Array.from({ length: arrangement[arrIndex].num }).map(function (__, itemIndex) {
+            var index = total + lineIndex * arrangement[arrIndex].num + itemIndex;
+            return (React__default.createElement("div", { key: header[index].columnName, className: styles.item },
+                React__default.createElement(Tooltip, { title: data === null || data === void 0 ? void 0 : data[header[index].columnName] },
+                    React__default.createElement("div", { className: styles.value }, (data === null || data === void 0 ? void 0 : data[header[index].columnName]) || '-')),
+                React__default.createElement("div", { className: styles.name }, header[index].columnDisplayName)));
+        }))); });
+    })));
+};
+
+export { Card as default };

package/dist/es/components/SenseDetail/components/Content/components/Card/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 = ":root {\n  --sense-detail-card-name-color: rgba(255, 255, 255, 0.85);\n  --sense-detail-card-value-color: #fff;\n  --sense-detail-card-border-color: #00ffff;\n  --sense-detail-card-bg-color: rgba(60, 240, 225, 0.08);\n}\n.index-module_box__ujhJl {\n  width: 100%;\n  background: var(--sense-detail-card-bg-color);\n}\n.index-module_box__ujhJl .index-module_line__u3Sw7 {\n  position: relative;\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  width: 100%;\n  height: 100px;\n}\n.index-module_box__ujhJl .index-module_line__u3Sw7:not(:last-child)::after {\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  height: 1px;\n  content: '';\n}\n.index-module_box__ujhJl .index-module_line__u3Sw7 .index-module_item__2v6a8 {\n  position: relative;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  row-gap: 8px;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  padding: 0 8px;\n  overflow: hidden;\n  text-align: center;\n}\n.index-module_box__ujhJl .index-module_line__u3Sw7 .index-module_item__2v6a8:not(:last-child)::after {\n  position: absolute;\n  top: 8px;\n  right: 0;\n  width: 1px;\n  height: 84px;\n  content: '';\n  background: var(--sense-detail-card-border-color);\n}\n.index-module_box__ujhJl .index-module_line__u3Sw7 .index-module_item__2v6a8 .index-module_value__9m0Bs {\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: JDZhengHT;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 32px;\n  color: var(--sense-detail-card-value-color);\n  white-space: nowrap;\n}\n.index-module_box__ujhJl .index-module_line__u3Sw7 .index-module_item__2v6a8 .index-module_name__nW5zz {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 350;\n  line-height: 16px;\n  color: var(--sense-detail-card-name-color);\n  white-space: nowrap;\n}\n";
+var styles = {"box":"index-module_box__ujhJl","line":"index-module_line__u3Sw7","item":"index-module_item__2v6a8","value":"index-module_value__9m0Bs","name":"index-module_name__nW5zz"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseDetail/components/Content/components/List/Item/index.js

@@ -0,0 +1,13 @@
+import { List } from '@xirang/design-antd';
+import React__default from 'react';
+import styles from './index.module.less.js';
+
+var Item = function (_a) {
+    var item = _a.item, data = _a.data;
+    return (React__default.createElement(List.Item, null,
+        React__default.createElement("div", { className: styles.container },
+            React__default.createElement("div", null, item.columnDisplayName),
+            React__default.createElement("div", null, data[item.columnName]))));
+};
+
+export { Item as default };