@icos-desktop/react-components 2.3.0 → 2.3.1

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.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ keyword, data, onSelect }: {
+    keyword: any;
+    data: any;
+    onSelect: any;
+}) => React.JSX.Element>;
+export default _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.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface SelectTemplateProps {
+    viewCodes?: string[];
+    senseObjCode?: string;
+    setIsSelectBook: (isSelectBook: boolean) => void;
+    setCueTemplateId: (templateId: string) => void;
+    onNext: () => void;
+}
+declare const SelectTemplate: React.FC<SelectTemplateProps>;
+export default SelectTemplate;

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/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SenseCreate';

package/dist/es/components/SenseCreate/settings.d.ts

@@ -0,0 +1,2 @@
+declare const _default: ComponentPrototype;
+export default _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.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SenseDetailProps } from './SenseDetail.types';
+declare const SenseDetail: (props: SenseDetailProps) => React.JSX.Element;
+export default SenseDetail;

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, customVideoPlayer = props.customVideoPlayer;
+    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, customVideoPlayer: customVideoPlayer })),
+            });
+        }
+        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, customVideoPlayer: customVideoPlayer })))));
+};
+
+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/SenseDetail.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import SenseDetail from './SenseDetail';
+declare const meta: Meta<typeof SenseDetail>;
+export default meta;
+type Story = StoryObj<typeof SenseDetail>;
+export declare const Base: Story;
+export declare const Detail: Story;
+export declare const Extra: Story;

package/dist/es/components/SenseDetail/SenseDetail.types.d.ts

@@ -0,0 +1,80 @@
+import React from 'react';
+export interface SenseDetailProps {
+    /**
+     * 实体记录唯一标识
+     */
+    senseGlobalCode: string;
+    /**
+     * 顶部菜单栏控制，基础信息 - `base`，关联信息 - `relation`
+     */
+    topMenuConfig?: ('base' | 'relation')[];
+    /**
+     * 启用标签
+     */
+    enableTag?: boolean;
+    /**
+     * 额外的顶部菜单
+     */
+    extraTopMenu?: {
+        key: string;
+        label: string;
+        children: React.ReactElement<{
+            senseGlobalCode: string;
+        }>;
+    }[];
+    /**
+     * 隐藏台账
+     */
+    hideBook?: boolean;
+    /**
+     * 点击实体记录
+     */
+    onClickSense?: (senseGlobalCode: string) => void;
+    /**
+     * 获取实体详情回调
+     */
+    onGetSenseDetail?: (data: any) => void;
+    /**
+     * tabs背景颜色
+     */
+    tabsBgColor?: string;
+    /**
+     * 内容信息卡片标题颜色
+     */
+    contentCardNameColor?: string;
+    /**
+     * 内容信息卡片内容颜色
+     */
+    contentCardContentColor?: string;
+    /**
+     * 内容信息卡片边框颜色
+     */
+    contentCardBorderColor?: string;
+    /**
+     * 内容信息卡片背景颜色
+     */
+    contentCardBgColor?: string;
+    /**
+     * 文本颜色
+     */
+    senseInfoTextColor?: string;
+    /**
+     * 表格边框颜色
+     */
+    senseInfoBorderColor?: string;
+    /**
+     * 表格边框宽度
+     */
+    senseInfoBorderWidth?: number;
+    /**
+     * 表格边框样式
+     */
+    senseInfoBorderStyle?: string;
+    /**
+     * 自定义视频播放器
+     */
+    customVideoPlayer?: React.ReactNode | ((params: {
+        senseGlobalCode: string;
+        videoDataConfig: any;
+    }) => React.ReactNode);
+}

package/dist/es/components/SenseDetail/ccos.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SenseDetailProps } from './SenseDetail.types';
+interface CcosSenseDetailProps extends SenseDetailProps {
+    'data-dnd': string;
+    tid: string;
+    showTopMenu?: boolean;
+}
+declare const CcosSenseDetail: {
+    (props: CcosSenseDetailProps): React.JSX.Element;
+    settings: ComponentPrototype;
+};
+export default CcosSenseDetail;

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.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface BaseProps {
+    senseGlobalCode: string;
+    onGetSenseDetail?: (data: any) => void;
+    enableTag: boolean;
+    senseInfoTextColor?: string;
+    senseInfoBorderColor?: string;
+    senseInfoBorderWidth?: number;
+    senseInfoBorderStyle?: string;
+    customVideoPlayer?: React.ReactNode | ((params: {
+        senseGlobalCode: string;
+        videoDataConfig: any;
+    }) => React.ReactNode);
+}
+declare const Base: React.FC<BaseProps>;
+export default Base;

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, customVideoPlayer = props.customVideoPlayer;
+    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: customVideoPlayer ? (typeof customVideoPlayer === 'function' ? (customVideoPlayer({ senseGlobalCode: senseGlobalCode, videoDataConfig: data.videoDataConfig })) : (customVideoPlayer)) : (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.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface BookListProps {
+    senseGlobalCode: string;
+    onClick?: (item: any) => void;
+}
+declare const BookList: React.FC<BookListProps>;
+export default BookList;

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.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const Card: ({ data, header }: {
+    data: any;
+    header: any;
+}) => React.JSX.Element;
+export default Card;