@icos-desktop/react-components 2.3.0 → 2.3.1

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

@@ -0,0 +1,47 @@
+import { applyRules } from '../../utils/settings.js';
+
+var settings = {
+    name: 'CcosSenseEdit',
+    title: '单条实体新建和编辑',
+    description: '',
+    package: '@icos-desktop/react-components',
+    exportType: 'namedExport',
+    props: [
+        // 基本
+        {
+            name: 'senseGlobalCode',
+            title: '实体记录唯一标识',
+            group: 'basic',
+            setter: 'textSetter',
+        },
+        // 事件
+        {
+            name: 'onCancel',
+            title: '点击取消按钮',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onOk',
+            title: '点击确定按钮',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onSuccess',
+            title: '保存成功',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        // 样式
+        {
+            name: 'bottomBgColor',
+            title: '底部操作栏背景色',
+            group: 'style',
+            setter: 'colorSetter',
+        },
+    ],
+};
+var settings$1 = applyRules(settings);
+
+export { settings$1 as default };

package/dist/es/components/SenseForm/SenseForm.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SenseFormProps, SenseFormRef } from './SenseForm.types';
+declare const SenseForm: React.ForwardRefExoticComponent<SenseFormProps & React.RefAttributes<SenseFormRef>>;
+export default SenseForm;

package/dist/es/components/SenseForm/SenseForm.js

@@ -0,0 +1,124 @@
+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, { forwardRef, useMemo, useRef, useState, useEffect, useImperativeHandle } from 'react';
+import { v4 } from 'uuid';
+import { getJmtUserAuthInfo } from '../../services/user.js';
+import styles from './SenseForm.module.less.js';
+
+var SenseForm = forwardRef(function (props, ref) {
+    var entityInfo = props.data, schemaJSON = props.schemaJSON, _a = props.readonlyList, readonlyList = _a === void 0 ? [] : _a, disabled = props.disabled, hiddenMap = props.hiddenMap, theme = props.theme;
+    var uuid = useMemo(function () { return v4(); }, []);
+    var callbackRef = useRef({});
+    // 京民通地址
+    var jmtAddressRef = useRef();
+    // iframe
+    var iframeRef = useRef();
+    // iframe 容器
+    var iframeBoxRef = useRef();
+    // iframe是否加载完成
+    var _b = useState(false), iframeLoaded = _b[0], setIframeLoaded = _b[1];
+    // 获取当前表单数据
+    var getValues = function () {
+        var cb = "getValues-".concat(Date.now());
+        iframeRef.current.contentWindow.postMessage({ action: 'getValues', data: JSON.stringify({ cb: cb }) }, '*');
+        return new Promise(function (resolve, reject) {
+            callbackRef.current[cb] = {};
+            callbackRef.current[cb].resolve = resolve;
+            callbackRef.current[cb].reject = reject;
+        });
+    };
+    // 表单校验
+    var validateFields = function () {
+        var cb = "validateFields-".concat(Date.now());
+        iframeRef.current.contentWindow.postMessage({ action: 'validateFields', data: JSON.stringify({ cb: cb }) }, '*');
+        return new Promise(function (resolve, reject) {
+            callbackRef.current[cb] = {};
+            callbackRef.current[cb].resolve = resolve;
+            callbackRef.current[cb].reject = reject;
+        });
+    };
+    // 初始化iframe
+    useEffect(function () {
+        var iframeMessageHandler = function (e) {
+            var _a;
+            // 京民通消息
+            if (jmtAddressRef.current && jmtAddressRef.current.includes(e.origin)) {
+                switch ((_a = e.data) === null || _a === void 0 ? void 0 : _a.action) {
+                    case 'initComplete': // 初始化完成
+                        break;
+                    case 'mapReload': // 地图回显
+                        break;
+                    case 'mapDraw': // 地图绘制
+                        break;
+                    case 'onGetValues': // 获取当前表单数据结果
+                    case 'onValidateFields': // 表单校验结果
+                    case 'onFieldsTouched': // 获取表单是否被操作过
+                        (function () {
+                            var _a = JSON.parse(e.data.data), cb = _a.cb, data = _a.data, error = _a.error;
+                            if (callbackRef.current[cb]) {
+                                if (error) {
+                                    callbackRef.current[cb].reject(error);
+                                }
+                                else {
+                                    callbackRef.current[cb].resolve(data);
+                                }
+                                delete callbackRef.current[cb];
+                            }
+                        })();
+                        break;
+                }
+            }
+        };
+        // 创建iframe
+        (function () { return __awaiter(void 0, void 0, void 0, function () {
+            var _a, jmtAddress, token, iframe, src;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, getJmtUserAuthInfo()];
+                    case 1:
+                        _a = _b.sent(), jmtAddress = _a.jmtAddress, token = _a.token;
+                        jmtAddressRef.current = jmtAddress;
+                        iframe = document.createElement('iframe');
+                        src = "".concat(jmtAddress, "/k-public-pages/#/pages/icos/entityInfo?modalId=").concat(uuid, "&zmhtUrlToken=").concat(token);
+                        if (disabled) {
+                            src += '&disabled=true';
+                        }
+                        if (hiddenMap) {
+                            src += '&hiddenMap=true';
+                        }
+                        if (theme) {
+                            src += "&theme=".concat(theme);
+                        }
+                        iframe.src = src;
+                        iframeRef.current = iframe;
+                        iframeBoxRef.current.appendChild(iframe);
+                        // iframe加载完成
+                        iframe.onload = function () {
+                            iframe.contentWindow.postMessage({
+                                action: 'init',
+                                data: JSON.stringify({
+                                    entityInfo: typeof entityInfo === 'string' ? JSON.parse(entityInfo) : entityInfo,
+                                    schemaJSON: schemaJSON,
+                                    idList: readonlyList,
+                                }),
+                            }, '*');
+                            setIframeLoaded(true);
+                        };
+                        return [2 /*return*/];
+                }
+            });
+        }); })();
+        // iframe事件处理
+        window.addEventListener('message', iframeMessageHandler);
+        return function () {
+            window.removeEventListener('message', iframeMessageHandler);
+        };
+    }, []);
+    useImperativeHandle(ref, function () { return ({
+        getValues: getValues,
+        validateFields: validateFields,
+    }); });
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { ref: iframeBoxRef, className: styles.iframe, style: iframeLoaded ? {} : { display: 'none' } })));
+});
+
+export { SenseForm as default };

package/dist/es/components/SenseForm/SenseForm.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 = ".SenseForm-module_container__qRRur {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.SenseForm-module_container__qRRur .SenseForm-module_iframe__7-FjX {\n  width: 100%;\n  height: 100%;\n}\n.SenseForm-module_container__qRRur .SenseForm-module_iframe__7-FjX iframe {\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n";
+var styles = {"container":"SenseForm-module_container__qRRur","iframe":"SenseForm-module_iframe__7-FjX"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseForm/SenseForm.stories.d.ts

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

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

@@ -0,0 +1,36 @@
+export interface SenseFormProps {
+    /**
+     * 数据
+     */
+    data: string;
+    /**
+     * schema
+     */
+    schemaJSON: string;
+    /**
+     * 只读列表
+     */
+    readonlyList?: string[];
+    /**
+     * 是否禁用（初次渲染时生效）
+     */
+    disabled?: boolean;
+    /**
+     * 隐藏地图（初次渲染时生效）
+     */
+    hiddenMap?: boolean;
+    /**
+     * 主题色（初次渲染时生效，默认暗色）
+     */
+    theme?: 'dark' | 'light';
+}
+export interface SenseFormRef {
+    /**
+     * 获取当前表单数据
+     */
+    getValues: () => Promise<any>;
+    /**
+     * 表单校验
+     */
+    validateFields: () => Promise<any>;
+}

package/dist/es/components/SenseForm/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './SenseForm';
+export type { SenseFormProps, SenseFormRef } from './SenseForm.types';

package/dist/es/components/SenseFullTable/SenseFullTable.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SenseFullTableProps, SenseFullTableRef } from './SenseFullTable.types';
+declare const SenseFullTable: React.ForwardRefExoticComponent<SenseFullTableProps & React.RefAttributes<SenseFullTableRef>>;
+export default SenseFullTable;

package/dist/es/components/SenseFullTable/SenseFullTable.js

@@ -0,0 +1,360 @@
+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 { CloseOutlined } from '@ant-design/icons';
+import { Modal, theme, Breadcrumb, Button, Segmented, Input } from '@xirang/design-antd';
+import { useRequest, useAsyncEffect } from 'ahooks';
+import classNames from 'classnames';
+import React__default, { forwardRef, useRef, useState, useMemo, useEffect, useImperativeHandle } from 'react';
+import BookGroupImport from '../BookGroupImport/BookGroupImport.js';
+import BookGroupTable from '../BookGroupTable/BookGroupTable.js';
+import BookImport from '../BookImport/BookImport.js';
+import BookTable from '../BookTable/BookTable.js';
+import Modal$1 from '../Modal/index.js';
+import SenseTable from '../SenseTable/SenseTable.js';
+import { getBookGroupList } from '../../services/entityManager.js';
+import { getTargetGroupBook } from '../../services/import.js';
+import { getBookGroupStatistics } from '../../services/senseManager.js';
+import Catalog from './components/Catalog/index.js';
+import Filter from './components/Filter/index.js';
+import SideBar from './components/SideBar/index.js';
+import styles from './SenseFullTable.module.less.js';
+
+var SenseFullTable = forwardRef(function (props, ref) {
+    var _a;
+    var _b = props.viewType, viewType = _b === void 0 ? 'system' : _b, _c = props.views, views = _c === void 0 ? [] : _c, showView = props.showView, showCatalog = props.showCatalog, showBreadcrumb = props.showBreadcrumb, showBookGroupTable = props.showBookGroupTable, showBookTable = props.showBookTable, showSenseTable = props.showSenseTable, customButtons = props.customButtons, showExportButton = props.showExportButton, showImportButton = props.showImportButton, importButtonTips = props.importButtonTips, importHiddenGeolevel = props.importHiddenGeolevel, bookContextMenuConfig = props.bookContextMenuConfig, senseContextMenuConfig = props.senseContextMenuConfig, extendColumnParams = props.extendColumnParams, hideColumns = props.hideColumns, customColumns = props.customColumns, enableTag = props.enableTag, leafRegionId = props.leafRegionId, pathRegionId = props.pathRegionId, sensePageSize = props.sensePageSize, extendFilter = props.extendFilter, onCreateSense = props.onCreateSense, onShowSense = props.onShowSense, onEditSense = props.onEditSense, onClickSense = props.onClickSense, onDoubleClickSense = props.onDoubleClickSense, onTagConfig = props.onTagConfig, onBookAttribute = props.onBookAttribute, onBookShare = props.onBookShare;
+    // 台账表格 ref
+    var bookTableRef = useRef();
+    // 实体记录表格 ref
+    var senseTableRef = useRef();
+    var _d = Modal.useModal(), modal = _d[0], contextHolder = _d[1];
+    // 当前选中的视图编码
+    var _e = useState(''), activeViewCode = _e[0], setActiveViewCode = _e[1];
+    // 当前选中的目录展示方式
+    var _f = useState(), displayWay = _f[0], setDisplayWay = _f[1];
+    // 当前选中的目录编码
+    var _g = useState(), nodeCode = _g[0], setNodeCode = _g[1];
+    // 目录面包屑
+    var _h = useState([]), catalogBreadcrumb = _h[0], setCatalogBreadcrumb = _h[1];
+    // Tabs 选中的 key
+    var _j = useState('book'), tabsActiveKey = _j[0], setTabsActiveKey = _j[1];
+    // 当前显示的表格
+    var _k = useState(''), activeTable = _k[0], setActiveTable = _k[1];
+    // 当前选中的台账组
+    var _l = useState(null), bookGroup = _l[0], setBookGroup = _l[1];
+    // 当前选中的台账
+    var _m = useState(null), book = _m[0], setBook = _m[1];
+    // 台账导入的台账id
+    var _o = useState(''), importBookId = _o[0], setImportBookId = _o[1];
+    // 搜索关键词
+    var _p = useState(''), keywordValue = _p[0], setKeywordValue = _p[1];
+    var _q = useState(''), keyword = _q[0], setKeyword = _q[1];
+    // 筛选
+    var _r = useState(null), filter = _r[0], setFilter = _r[1];
+    var _s = useState(null), filterConfig = _s[0], setFilterConfig = _s[1];
+    // 实体导入实体数据
+    var _t = useState(null), bookGroupImportData = _t[0], setBookGroupImportData = _t[1];
+    // 显示实体导入弹窗
+    var _u = useState(false), openBookGroupImportModal = _u[0], setOpenBookGroupImportModal = _u[1];
+    // 显示实体上传弹窗
+    var _v = useState(false), openBookImportModal = _v[0], setOpenBookImportModal = _v[1];
+    // 显示 Tabs
+    var showTabs = bookGroup && !book && showBookTable && showSenseTable;
+    var token = theme.useToken().token;
+    var _w = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, getBookGroupStatistics({
+                        templateId: bookGroup.bookGroupId,
+                    })];
+                case 1:
+                    res = _a.sent();
+                    return [2 /*return*/, ["\u53F0\u8D26\uFF08".concat((res === null || res === void 0 ? void 0 : res.senseBook) || 0, "\uFF09"), "\u5B9E\u4F53\u8BB0\u5F55\uFF08".concat((res === null || res === void 0 ? void 0 : res.sense) || 0, "\uFF09")]];
+            }
+        });
+    }); }, {
+        ready: !!showTabs,
+        refreshDeps: [showTabs],
+    }), tabItems = _w.data, refreshTabItems = _w.refresh;
+    // 设置选中的分类
+    var handleChangeActiveViewCode = function (key) {
+        if (showCatalog) {
+            setDisplayWay('');
+            setNodeCode('');
+        }
+        setTabsActiveKey('book');
+        setKeywordValue('');
+        setKeyword('');
+        setFilter(null);
+        setBookGroup(null);
+        setBook(null);
+        setActiveViewCode(key);
+    };
+    // 面包屑, 当前页面名称
+    var _x = useMemo(function () {
+        var _a;
+        var list = [];
+        if (catalogBreadcrumb) {
+            // 目录
+            list.push.apply(list, catalogBreadcrumb);
+        }
+        // 视图
+        var view = views.find(function (item) { return item.value === activeViewCode; });
+        if (view) {
+            list.push({
+                title: view.label,
+                onClick: function () {
+                    console.log('view');
+                    if (showBookGroupTable) {
+                        setTabsActiveKey('book');
+                        setKeywordValue('');
+                        setKeyword('');
+                        setFilter(null);
+                        setBookGroup(null);
+                        setBook(null);
+                    }
+                },
+            });
+        }
+        // 台账组
+        if (bookGroup) {
+            list.push({
+                title: bookGroup.bookGroupName,
+                onClick: function () {
+                    console.log('bookGroup');
+                    if (showBookTable) {
+                        setTabsActiveKey('book');
+                        setKeywordValue('');
+                        setKeyword('');
+                        setFilter(null);
+                        setBook(null);
+                    }
+                },
+            });
+        }
+        // 台账
+        if (book) {
+            list.push({
+                title: book.bookName,
+                onClick: function () {
+                    console.log('book');
+                },
+            });
+        }
+        var name = ((_a = list[list.length - 1]) === null || _a === void 0 ? void 0 : _a.title) || '';
+        return [list, name];
+    }, [catalogBreadcrumb, activeViewCode, bookGroup, book]), breadcrumbItems = _x[0]; _x[1];
+    // 台账组
+    var renderBookGroup = function () {
+        return (React__default.createElement(BookGroupTable, { viewCodes: [activeViewCode], displayWay: displayWay, nodeCode: nodeCode, keyword: keyword, filter: filter, onDoubleClick: function (data) {
+                setTabsActiveKey('book');
+                setKeywordValue('');
+                setKeyword('');
+                setFilter(null);
+                setBookGroup(data);
+            }, onImport: function (data) {
+                setBookGroupImportData(data);
+                setOpenBookGroupImportModal(true);
+            }, onTagConfig: onTagConfig }));
+    };
+    // 台账
+    var renderBook = function (templateId) {
+        return (React__default.createElement(BookTable, { ref: bookTableRef, viewCodes: [activeViewCode], templateId: templateId, displayWay: displayWay, nodeCode: nodeCode, keyword: keyword, filter: filter, contextMenuConfig: bookContextMenuConfig, onDoubleClick: function (data) {
+                if (showSenseTable) {
+                    setTabsActiveKey('book');
+                    setKeywordValue('');
+                    setKeyword('');
+                    setFilter(null);
+                    setBook(data);
+                }
+            }, onCreateSense: onCreateSense, onTagConfig: onTagConfig, onAttribute: onBookAttribute, onShare: onBookShare }));
+    };
+    // 实体记录
+    var renderSense = function (templateId, bookId) {
+        return (React__default.createElement(SenseTable, { ref: senseTableRef, viewCodes: [activeViewCode], bookId: bookId, templateId: templateId, leafRegionId: leafRegionId, pathRegionId: pathRegionId, keyword: keyword, filter: filter, filterConfig: filterConfig, extendColumnParams: extendColumnParams, hideColumns: hideColumns, customColumns: customColumns, contextMenuConfig: senseContextMenuConfig, enableTag: enableTag, pageSize: sensePageSize, onShowSense: onShowSense, onEditSense: onEditSense, onClick: onClickSense, onDoubleClick: onDoubleClickSense, onRefresh: refreshTabItems }));
+    };
+    // 渲染内容
+    var renderMain = function () {
+        if (activeTable === 'bookGroup') {
+            return renderBookGroup();
+        }
+        if (activeTable === 'book' && bookGroup) {
+            return renderBook(bookGroup.bookGroupId);
+        }
+        if (activeTable === 'sense' && bookGroup) {
+            return renderSense(bookGroup.bookGroupId, book === null || book === void 0 ? void 0 : book.bookId);
+        }
+        return null;
+    };
+    // 显示按钮
+    var showButtons = function () {
+        if (customButtons) {
+            var curBook = (book === null || book === void 0 ? void 0 : book.bookId) ? book : { bookId: importBookId };
+            var buttons = customButtons({ activeViewCode: activeViewCode, activeTable: activeTable, bookGroup: bookGroup, book: curBook });
+            return buttons === null || buttons === void 0 ? void 0 : buttons.map(function (item) { return React__default.createElement(Button, __assign({}, item), item.title); });
+        }
+        return null;
+    };
+    // 导出数据
+    var handleExport = function () {
+        var _a, _b;
+        (_b = (_a = senseTableRef.current) === null || _a === void 0 ? void 0 : _a.export) === null || _b === void 0 ? void 0 : _b.call(_a);
+    };
+    // 导入数据
+    var handleImport = function () {
+        var run = function () {
+            if (typeof showImportButton === 'boolean') {
+                setOpenBookGroupImportModal(true);
+                return;
+            }
+            if (showImportButton[activeViewCode] === 'book') {
+                setOpenBookImportModal(true);
+                return;
+            }
+            if (showImportButton[activeViewCode] === 'bookGroup') {
+                setOpenBookGroupImportModal(true);
+                return;
+            }
+            setOpenBookGroupImportModal(true);
+        };
+        if (importButtonTips) {
+            modal.info({
+                content: importButtonTips,
+                onOk: function () {
+                    run();
+                },
+            });
+        }
+        else {
+            run();
+        }
+    };
+    // 判断导入数据隐藏地理层级导入
+    var hiddenGeolevel = (function () {
+        if (typeof importHiddenGeolevel === 'boolean') {
+            return importHiddenGeolevel;
+        }
+        if (typeof importHiddenGeolevel === 'object') {
+            return importHiddenGeolevel === null || importHiddenGeolevel === void 0 ? void 0 : importHiddenGeolevel[activeViewCode];
+        }
+        return false;
+    })();
+    var handleCloseBookGroupImportModal = function () {
+        setOpenBookGroupImportModal(false);
+        setBookGroupImportData(null);
+    };
+    var handleCloseBookImportModal = function () {
+        setOpenBookImportModal(false);
+    };
+    useAsyncEffect(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res, curBook;
+        var _a, _b, _c, _d, _e, _f;
+        return __generator(this, function (_g) {
+            switch (_g.label) {
+                case 0:
+                    if (book && showSenseTable) {
+                        setActiveTable('sense');
+                        return [2 /*return*/];
+                    }
+                    if (bookGroup) {
+                        if (showBookTable && showSenseTable) {
+                            setActiveTable(tabsActiveKey);
+                        }
+                        else if (showBookTable) {
+                            setActiveTable('book');
+                        }
+                        else if (showSenseTable) {
+                            setActiveTable('sense');
+                        }
+                        return [2 /*return*/];
+                    }
+                    if (!activeViewCode) return [3 /*break*/, 5];
+                    if (!showBookGroupTable) return [3 /*break*/, 1];
+                    setActiveTable('bookGroup');
+                    return [3 /*break*/, 4];
+                case 1: return [4 /*yield*/, getBookGroupList({
+                        viewCodes: [activeViewCode],
+                        returnEmpty: true,
+                    })];
+                case 2:
+                    res = _g.sent();
+                    setBookGroup((_b = (_a = res[0]) === null || _a === void 0 ? void 0 : _a.bookGroupItemList) === null || _b === void 0 ? void 0 : _b[0]);
+                    if (!(((_d = (_c = res[0]) === null || _c === void 0 ? void 0 : _c.bookGroupItemList) === null || _d === void 0 ? void 0 : _d[0]) && !showBookTable)) return [3 /*break*/, 4];
+                    return [4 /*yield*/, getTargetGroupBook({
+                            page: 1,
+                            pageSize: 1,
+                            templateId: res[0].bookGroupItemList[0].bookGroupId,
+                            viewCode: activeViewCode,
+                        })];
+                case 3:
+                    curBook = _g.sent();
+                    setImportBookId((_f = (_e = curBook === null || curBook === void 0 ? void 0 : curBook.list) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.bookId);
+                    _g.label = 4;
+                case 4: return [2 /*return*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); }, [activeViewCode, tabsActiveKey, bookGroup, book]);
+    useEffect(function () {
+        if (nodeCode) {
+            setBookGroup(null);
+            setBook(null);
+        }
+    }, [nodeCode]);
+    useImperativeHandle(ref, function () { return ({
+        refreshBookTable: function () { var _a; return (_a = bookTableRef.current) === null || _a === void 0 ? void 0 : _a.refresh(); },
+        refreshSenseTable: function () { var _a; return (_a = senseTableRef.current) === null || _a === void 0 ? void 0 : _a.refresh(); },
+    }); });
+    useEffect(function () {
+        document.documentElement.style.setProperty('--sense-manager-filter-icon-color', token.colorText ? token.colorText : '#fff');
+        document.documentElement.style.setProperty('--sense-manager-row-highlight-color', token.colorPrimaryActive ? token.colorPrimaryActive : 'rgba(0, 43, 91, 1)');
+    }, [token.colorPrimaryActive, token.colorText]);
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement(SideBar, { viewType: viewType, views: views, showView: showView, activeViewCode: activeViewCode, onViewCodeChange: handleChangeActiveViewCode }),
+        showCatalog ? (React__default.createElement(Catalog, { activeViewCode: activeViewCode, activeKey: displayWay, setActiveKey: setDisplayWay, selectedKey: nodeCode, setSelectedKey: setNodeCode, setCatalogBreadcrumb: setCatalogBreadcrumb })) : null,
+        React__default.createElement("div", { className: styles.main },
+            React__default.createElement("div", { className: styles.header },
+                React__default.createElement("div", { className: classNames(styles.breadcrumb, (_a = {},
+                        _a[styles.full] = showTabs,
+                        _a[styles.top] = showBreadcrumb,
+                        _a)) }, showBreadcrumb ? (React__default.createElement(Breadcrumb, { items: breadcrumbItems, separator: ">" })) : !showTabs ? (React__default.createElement(React__default.Fragment, null,
+                    showButtons(),
+                    activeTable === 'sense' && showExportButton ? (React__default.createElement(Button, { onClick: handleExport }, "\u5BFC\u51FA\u6570\u636E")) : null,
+                    activeTable !== 'bookGroup' &&
+                        showImportButton &&
+                        (typeof showImportButton === 'boolean' || showImportButton[activeViewCode]) ? (React__default.createElement(Button, { onClick: handleImport, disabled: typeof showImportButton !== 'boolean' &&
+                            (showImportButton === null || showImportButton === void 0 ? void 0 : showImportButton[activeViewCode]) === 'book' &&
+                            !((book === null || book === void 0 ? void 0 : book.bookId) || importBookId) }, "\u5BFC\u5165\u6570\u636E")) : null)) : null),
+                showTabs ? (React__default.createElement("div", { className: styles.tabs },
+                    React__default.createElement(Segmented, { options: tabItems, key: tabItems === null || tabItems === void 0 ? void 0 : tabItems[0], defaultValue: tabsActiveKey === 'book' ? tabItems === null || tabItems === void 0 ? void 0 : tabItems[0] : tabItems === null || tabItems === void 0 ? void 0 : tabItems[1], onChange: function (value) {
+                            setFilter(null);
+                            setTabsActiveKey(value.split('（')[0] === '台账' ? 'book' : 'sense');
+                        } }))) : null,
+                React__default.createElement("div", { className: styles.filter },
+                    !showTabs && !showBreadcrumb ? null : (React__default.createElement(React__default.Fragment, null,
+                        showButtons(),
+                        activeTable === 'sense' && showExportButton ? (React__default.createElement(Button, { onClick: handleExport }, "\u5BFC\u51FA\u6570\u636E")) : null,
+                        activeTable !== 'bookGroup' &&
+                            showImportButton &&
+                            (typeof showImportButton === 'boolean' || showImportButton[activeViewCode]) ? (React__default.createElement(Button, { onClick: handleImport, disabled: typeof showImportButton !== 'boolean' &&
+                                (showImportButton === null || showImportButton === void 0 ? void 0 : showImportButton[activeViewCode]) === 'book' &&
+                                !((book === null || book === void 0 ? void 0 : book.bookId) || importBookId) }, "\u5BFC\u5165\u6570\u636E")) : null)),
+                    React__default.createElement(Filter, { activeTable: activeTable, book: book, bookGroup: bookGroup, enableTag: enableTag, filter: filter, extendFilter: extendFilter, onFilter: function (filter, filterConfig) {
+                            setFilter(filter);
+                            setFilterConfig(filterConfig);
+                        } }),
+                    React__default.createElement(Input.Search, { style: { width: 320 }, allowClear: { clearIcon: React__default.createElement(CloseOutlined, null) }, value: keywordValue, onChange: function (e) {
+                            setKeywordValue(e.target.value);
+                        }, onSearch: function (v) {
+                            setKeyword(v);
+                        } }))),
+            React__default.createElement("div", { style: { flex: 1, height: 0 } }, activeViewCode ? renderMain() : null)),
+        React__default.createElement(Modal$1, { title: "\u5BFC\u5165\u6570\u636E", width: 900, open: openBookGroupImportModal, onCancel: handleCloseBookGroupImportModal, footer: null, destroyOnHidden: true },
+            React__default.createElement("div", { style: { height: 600, marginBottom: 8 } },
+                React__default.createElement(BookGroupImport, { viewCode: activeViewCode, bookGroupId: (bookGroupImportData === null || bookGroupImportData === void 0 ? void 0 : bookGroupImportData.bookGroupId) || (bookGroup === null || bookGroup === void 0 ? void 0 : bookGroup.bookGroupId), onCancel: handleCloseBookGroupImportModal, onSuccess: handleCloseBookGroupImportModal, hiddenGeolevel: hiddenGeolevel }))),
+        React__default.createElement(Modal$1, { title: "\u5BFC\u5165\u6570\u636E", width: 600, open: openBookImportModal, onCancel: handleCloseBookImportModal, footer: null, destroyOnHidden: true },
+            React__default.createElement("div", { style: { height: 600, marginBottom: 8 } },
+                React__default.createElement(BookImport, { bookId: (book === null || book === void 0 ? void 0 : book.bookId) || importBookId, onCancel: handleCloseBookImportModal }))),
+        contextHolder));
+});
+
+export { SenseFullTable as default };

package/dist/es/components/SenseFullTable/SenseFullTable.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-manager-row-highlight-color: 'rgba(0, 43, 91, 1)';\n}\n.SenseFullTable-module_container__QB8iR {\n  display: flex;\n  column-gap: 8px;\n  width: 100%;\n  height: 100%;\n}\n.SenseFullTable-module_container__QB8iR .SenseFullTable-module_main__wYHgh {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  width: 0;\n}\n.SenseFullTable-module_container__QB8iR .SenseFullTable-module_main__wYHgh .SenseFullTable-module_header__WnbBz {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 20px;\n}\n.SenseFullTable-module_container__QB8iR .SenseFullTable-module_main__wYHgh .SenseFullTable-module_header__WnbBz .SenseFullTable-module_breadcrumb__lUIH5 {\n  display: flex;\n  flex: 1;\n  gap: 8px;\n  margin-left: 8px;\n}\n.SenseFullTable-module_container__QB8iR .SenseFullTable-module_main__wYHgh .SenseFullTable-module_header__WnbBz .SenseFullTable-module_breadcrumb__lUIH5.SenseFullTable-module_full__JELiZ {\n  flex-basis: 100%;\n}\n.SenseFullTable-module_container__QB8iR .SenseFullTable-module_main__wYHgh .SenseFullTable-module_header__WnbBz .SenseFullTable-module_breadcrumb__lUIH5.SenseFullTable-module_top__pY-rk {\n  margin-bottom: 8px;\n}\n.SenseFullTable-module_container__QB8iR .SenseFullTable-module_main__wYHgh .SenseFullTable-module_header__WnbBz .SenseFullTable-module_filter__PCI9n {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.SenseFullTable-module_container__QB8iR .SenseFullTable-module_main__wYHgh .SenseFullTable-module_header__WnbBz .ant-breadcrumb {\n  font-size: 16px;\n  font-weight: 600;\n}\n";
+var styles = {"container":"SenseFullTable-module_container__QB8iR","main":"SenseFullTable-module_main__wYHgh","header":"SenseFullTable-module_header__WnbBz","breadcrumb":"SenseFullTable-module_breadcrumb__lUIH5","full":"SenseFullTable-module_full__JELiZ","top":"SenseFullTable-module_top__pY-rk","filter":"SenseFullTable-module_filter__PCI9n"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseFullTable/SenseFullTable.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import SenseFullTable from './SenseFullTable';
+declare const meta: Meta<typeof SenseFullTable>;
+export default meta;
+type Story = StoryObj<typeof SenseFullTable>;
+export declare const Base: Story;
+export declare const GroupTable: Story;
+export declare const BookTable: Story;
+export declare const SenseTable: Story;
+export declare const Test: Story;