@icos-desktop/react-components 2.0.24 → 2.0.25

package/dist/icos-desktop.d.ts

@@ -859,6 +859,52 @@ interface SenseManagerProps {
         label: string;
         value: string;
     }[];
+    /**
+     * 操作面板配置
+     */
+    panelConfig?: {
+        /**
+         * 内置操作面板，可选值为 `CreateSense` 新建对象、`TemplateManager` 模板管理、`UploadManager` 导入管理、`SmartTagger` 智能打标
+         */
+        key?: string;
+        /**
+         * 操作面板标题
+         */
+        title?: string;
+        /**
+         * 操作面板图标
+         */
+        icon?: string;
+        /**
+         * 点击事件
+         */
+        onClick?: () => void;
+    }[];
+    /**
+     * 新建对象
+     * @param record
+     */
+    onCreateSense?: (record: any) => void;
+    /**
+     * 查看实体
+     * @param record
+     */
+    onShowSense?: (record: any) => void;
+    /**
+     * 编辑实体
+     * @param record
+     */
+    onEditSense?: (record: any) => void;
+    /**
+     * 单击实体
+     * @param record
+     */
+    onClickSense?: (record: any) => void;
+    /**
+     * 双击实体
+     * @param record
+     */
+    onDoubleClickSense?: (record: any) => void;
 }
 
 declare const SenseManager: React.FC<SenseManagerProps>;

package/dist/icos-desktop.js

@@ -1,4 +1,4 @@
-import { message, Form, Input, TreeSelect, Collapse, App, Button, Tooltip, Modal as Modal$1, List, Space, Table, Radio, Checkbox, Popover, Select, Tree, DatePicker, InputNumber, theme, Image, Steps as Steps$1, Upload as Upload$1, Progress, Cascader, Empty, Slider, Tabs as Tabs$1, Breadcrumb, Segmented, Spin, Splitter } from '@xirang/design-antd';
+import { message, Form, Input, TreeSelect, Collapse, App, Button, Tooltip, Modal as Modal$1, List, Space, Table, Radio, Checkbox, Popover, theme, Select, Tree, DatePicker, InputNumber, Image, Steps as Steps$1, Upload as Upload$1, Progress, Cascader, Empty, Slider, Tabs as Tabs$1, Breadcrumb, Segmented, Spin, Splitter } from '@xirang/design-antd';
 import * as React from 'react';
 import React__default, { useState, forwardRef, useEffect, useImperativeHandle, useRef, memo, useMemo, createRef } from 'react';
 import { useRequest, useMount, useDebounceEffect, useAntdTable, useExternal, useAsyncEffect, useDeepCompareEffect } from 'ahooks';
@@ -5273,7 +5273,7 @@ var SvgSetting = function SvgSetting(props) {
   })));
 };
 
-var css_248z$11 = ".index-module_container__triFT {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.index-module_container__triFT .index-module_columns-config__pSkLQ {\n  position: absolute;\n  top: 12px;\n  width: 16px;\n  height: 16px;\n  z-index: 9;\n}\n.index-module_container__triFT .index-module_columns-config__pSkLQ > svg {\n  position: absolute;\n}\n.index-module_container__triFT .index-module_columns-config__pSkLQ .ant-select {\n  opacity: 0;\n}\n.index-module_container__triFT .index-module_columns-config__pSkLQ .ant-select .ant-select-selector {\n  width: 16px;\n  height: 16px;\n}\n.index-module_container__triFT .index-module_columns-config__pSkLQ .ant-select .ant-select-selector .ant-select-selection-overflow {\n  display: none;\n}\n.index-module_container__triFT .ant-table-wrapper .ant-table-cell-fix-right-first::after {\n  box-shadow: none;\n}\n.index-module_container__triFT .ant-table-cell {\n  line-height: 24px;\n}\n.index-module_container__triFT .ant-table-wrapper .ant-table-container::before,\n.index-module_container__triFT .ant-table-wrapper .ant-table-container::after {\n  display: none;\n}\n.index-module_container__triFT .ant-table-cell-scrollbar {\n  display: none;\n}\n.index-module_container__triFT .ant-table-thead .ant-table-cell {\n  overflow: hidden;\n}\n.index-module_container__triFT .ant-table-row:has(.ant-table-cell-fix-right) .ant-table-cell.ant-table-cell-fix-right {\n  transition: none;\n}\n.index-module_columns-config-popup__-d8ej .ant-select-item {\n  position: relative;\n}\n.index-module_columns-config-popup__-d8ej .ant-select-item .ant-select-item-option-content {\n  position: absolute;\n  left: 32px;\n  width: -webkit-fill-available;\n}\n.index-module_columns-config-popup__-d8ej .ant-select-item .ant-select-item-option-state {\n  position: absolute;\n  left: 8px;\n  top: 8px;\n}\n.index-module_columns-config-popup__-d8ej .rc-virtual-list-holder {\n  overflow-x: hidden;\n}\n";
+var css_248z$11 = ":root {\n  --ant-table-empty-stroke-color: #d9d9d9;\n}\n.index-module_container__triFT {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.index-module_container__triFT .index-module_columns-config__pSkLQ {\n  position: absolute;\n  top: 12px;\n  width: 16px;\n  height: 16px;\n  z-index: 9;\n}\n.index-module_container__triFT .index-module_columns-config__pSkLQ > svg {\n  position: absolute;\n}\n.index-module_container__triFT .index-module_columns-config__pSkLQ .ant-select {\n  opacity: 0;\n}\n.index-module_container__triFT .index-module_columns-config__pSkLQ .ant-select .ant-select-selector {\n  width: 16px;\n  height: 16px;\n}\n.index-module_container__triFT .index-module_columns-config__pSkLQ .ant-select .ant-select-selector .ant-select-selection-overflow {\n  display: none;\n}\n.index-module_container__triFT .ant-table-wrapper .ant-table-cell-fix-right-first::after {\n  box-shadow: none;\n}\n.index-module_container__triFT .ant-table-cell {\n  line-height: 24px;\n}\n.index-module_container__triFT .ant-table-wrapper .ant-table-container::before,\n.index-module_container__triFT .ant-table-wrapper .ant-table-container::after {\n  display: none;\n}\n.index-module_container__triFT .ant-table-cell-scrollbar {\n  display: none;\n}\n.index-module_container__triFT .ant-table-thead .ant-table-cell {\n  overflow: hidden;\n}\n.index-module_container__triFT .ant-table-row:has(.ant-table-cell-fix-right) .ant-table-cell.ant-table-cell-fix-right {\n  transition: none;\n}\n.index-module_container__triFT .ant-empty-image svg path {\n  stroke: var(--ant-table-empty-stroke-color, #d9d9d9);\n}\n.index-module_columns-config-popup__-d8ej .ant-select-item {\n  position: relative;\n}\n.index-module_columns-config-popup__-d8ej .ant-select-item .ant-select-item-option-content {\n  position: absolute;\n  left: 32px;\n  width: -webkit-fill-available;\n}\n.index-module_columns-config-popup__-d8ej .ant-select-item .ant-select-item-option-state {\n  position: absolute;\n  left: 8px;\n  top: 8px;\n}\n.index-module_columns-config-popup__-d8ej .rc-virtual-list-holder {\n  overflow-x: hidden;\n}\n";
 var styles$$ = {"container":"index-module_container__triFT","columns-config":"index-module_columns-config__pSkLQ","columns-config-popup":"index-module_columns-config-popup__-d8ej"};
 styleInject(css_248z$11);
 
@@ -5285,6 +5285,7 @@ var ProTable = function (_a) {
     var _f = useState(0), tableWidth = _f[0], setTableWidth = _f[1];
     // 表格高度
     var _g = useState(0), tableHeight = _g[0], setTableHeight = _g[1];
+    var token = theme.useToken().token;
     // 表格宽高变化
     var handleTableResize = function (_a) {
         var height = _a.height, width = _a.width;
@@ -5323,6 +5324,9 @@ var ProTable = function (_a) {
         // 表头配置
         setHeaderValue((header === null || header === void 0 ? void 0 : header.filter(function (item) { return item.defaultShow; }).map(function (item) { return item.code; })) || []);
     }, [JSON.stringify(header)]);
+    useEffect(function () {
+        document.documentElement.style.setProperty('--ant-table-empty-stroke-color', token.colorTextSecondary);
+    }, [token.colorTextSecondary]);
     return (React__default.createElement(ResizeObserver, { onResize: handleTableResize },
         React__default.createElement("div", { className: styles$$.container },
             React__default.createElement(Table, __assign({}, props, { pagination: pagination, scroll: { x: tableWidth, y: tableHeight }, columns: columnsMerge })))));
@@ -6306,7 +6310,7 @@ var Filter$1 = function (props) {
                 var _a;
                 return (React__default.createElement(FormItem, { key: item.filterId, name: item.fieldId, label: item.fieldName, type: item.targetFilter, placeholder: item.filterName, options: item.options, regionId: (_a = item.startRegion) === null || _a === void 0 ? void 0 : _a.regionId }));
             }),
-            ((_b = filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.tagValues) === null || _b === void 0 ? void 0 : _b.length) ? (React__default.createElement(FormItem, { name: "tagCodes", label: "\u6807\u7B7E", type: "CustomSelect", options: filterConfig.tagValues.map(function (item) { return ({
+            ((_b = filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.tagValues) === null || _b === void 0 ? void 0 : _b.length) && enableTag ? (React__default.createElement(FormItem, { name: "tagCodes", label: "\u6807\u7B7E", type: "CustomSelect", options: filterConfig.tagValues.map(function (item) { return ({
                     label: item.tagValue,
                     value: item.code,
                 }); }) })) : null));
@@ -6342,8 +6346,15 @@ var Filter$1 = function (props) {
         !((_c = filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.tagValues) === null || _c === void 0 ? void 0 : _c.length)) {
         return null;
     }
-    return (React__default.createElement(Popover, { content: content, open: open, onOpenChange: handleOpenChange, trigger: "click", placement: "bottomRight", overlayStyle: { backgroundColor: "".concat(token.colorPrimaryBg), border: "1px solid ".concat(token.colorBorder), borderRadius: '8px' } },
-        React__default.createElement("div", { className: classNames(styles$Y.filter, (_a = {}, _a[styles$Y.active] = !!filter, _a)), style: { backgroundColor: "".concat(token.colorPrimaryBg), border: "1px solid ".concat(token.colorBorder) } },
+    return (React__default.createElement(Popover, { content: content, open: open, onOpenChange: handleOpenChange, trigger: "click", placement: "bottomRight", overlayStyle: {
+            backgroundColor: "".concat(token.colorPrimaryBg),
+            border: "1px solid ".concat(token.colorBorder),
+            borderRadius: '8px',
+        } },
+        React__default.createElement("div", { className: classNames(styles$Y.filter, (_a = {}, _a[styles$Y.active] = !!filter, _a)), style: {
+                backgroundColor: "".concat(token.colorPrimaryBg),
+                border: "1px solid ".concat(token.colorBorder),
+            } },
             React__default.createElement(SvgFilter$2, null))));
 };
 
@@ -10086,16 +10097,17 @@ var PAGINATION = {
 };
 var SenseContentTable = forwardRef(function (props, ref) {
     var _a;
+    var _b, _c;
     var senseGlobalCodes = props.senseGlobalCodes, tableName = props.tableName, extraParams = props.extraParams, timeFieldName = props.timeFieldName, timeFieldFormat = props.timeFieldFormat, filterConfig = props.filterConfig, showExportButton = props.showExportButton, customButtons = props.customButtons, customColumns = props.customColumns, selectedRowLength = props.selectedRowLength, onClick = props.onClick, onDoubleClick = props.onDoubleClick, onRefresh = props.onRefresh, proTableContainerHeight = props.proTableContainerHeight, tableProps = __rest(props, ["senseGlobalCodes", "tableName", "extraParams", "timeFieldName", "timeFieldFormat", "filterConfig", "showExportButton", "customButtons", "customColumns", "selectedRowLength", "onClick", "onDoubleClick", "onRefresh", "proTableContainerHeight"]);
-    var _b = useExportModal(), onExport = _b.onExport, ExportModal = _b.ExportModal;
+    var _d = useExportModal(), onExport = _d.onExport, ExportModal = _d.ExportModal;
     // 分页
-    var _c = useState(__assign({}, PAGINATION)), pagination = _c[0], setPagination = _c[1];
+    var _e = useState(__assign({}, PAGINATION)), pagination = _e[0], setPagination = _e[1];
     // 筛选参数
-    var _d = useState({}), filter = _d[0], setFilter = _d[1];
+    var _f = useState({}), filter = _f[0], setFilter = _f[1];
     // 表格选中
     // const [selectedRowKeys, setSelectedRowKeys] = useState([]);
     // 接口参数
-    var _e = useState({}), apiParams = _e[0], setApiParams = _e[1];
+    var _g = useState({}), apiParams = _g[0], setApiParams = _g[1];
     var token = theme.useToken().token;
     // 获取筛选参数
     var getFilterParams = function () {
@@ -10133,7 +10145,7 @@ var SenseContentTable = forwardRef(function (props, ref) {
         return columns;
     };
     // 表格数据
-    var _f = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+    var _h = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
         var filterParams, res;
         var _a, _b, _c, _d;
         return __generator(this, function (_e) {
@@ -10154,7 +10166,7 @@ var SenseContentTable = forwardRef(function (props, ref) {
         });
     }); }, {
         refreshDeps: [JSON.stringify(senseGlobalCodes), tableName, JSON.stringify(filter)],
-    }), loading = _f.loading, _g = _f.data, _h = _g === void 0 ? {} : _g, header = _h.header, columns = _h.columns, dataSource = _h.dataSource, refresh = _f.refresh;
+    }), loading = _h.loading, _j = _h.data, _k = _j === void 0 ? {} : _j, header = _k.header, columns = _k.columns, dataSource = _k.dataSource, refresh = _h.refresh;
     // 显示按钮
     var showButtons = function () {
         if (customButtons) {
@@ -10210,7 +10222,7 @@ var SenseContentTable = forwardRef(function (props, ref) {
                 _a[styles$B['hidden-row-selected-num']] = !(dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.rowSelection) === undefined,
                 _a)), style: {
                 // '--row-selected-num': selectedRowKeys.length,
-                '--row-selected-num': selectedRowLength,
+                '--row-selected-num': selectedRowLength !== null && selectedRowLength !== void 0 ? selectedRowLength : (_c = (_b = tableProps === null || tableProps === void 0 ? void 0 : tableProps.rowSelection) === null || _b === void 0 ? void 0 : _b.selectedRowKeys) === null || _c === void 0 ? void 0 : _c.length,
             } },
             React__default.createElement(ProTable$1, __assign({ header: header, columns: columns, dataSource: dataSource, loading: loading, pagination: pagination, size: "small", 
                 // rowKey="sense_global_code"
@@ -11503,7 +11515,7 @@ var Content = function (props) {
             // const trackLayer = mapStore.trackLayer?.filter((item) => item.id !== senseGlobalCode);
             // mapStore.update({ trackLayer });
         };
-    }, [tableCode]);
+    }, [tableCode, senseGlobalCode]);
     useEffect(function () {
         var _a;
         setTableCode((_a = config === null || config === void 0 ? void 0 : config[0]) === null || _a === void 0 ? void 0 : _a.tableCode);
@@ -12611,32 +12623,44 @@ var css_248z$b = ".SenseManager-module_container__PpQ0P {\n  width: 100%;\n  hei
 var styles$b = {"container":"SenseManager-module_container__PpQ0P","toolbar":"SenseManager-module_toolbar__WdLtQ","title":"SenseManager-module_title__L1H--","content":"SenseManager-module_content__V2hQ5","item":"SenseManager-module_item__UM1Lq","main":"SenseManager-module_main__bwIz-"};
 styleInject(css_248z$b);
 
+var builtinPanel = {
+    CreateSense: {
+        title: '新建对象',
+        icon: img$3,
+    },
+    TemplateManager: {
+        title: '模板管理',
+        icon: img$1,
+    },
+    UploadManager: {
+        title: '导入管理',
+        icon: img,
+    },
+    SmartTagger: {
+        title: '智能打标',
+        icon: img$2,
+    },
+};
 var SenseManager = function (props) {
-    var views = props.views;
+    var views = props.views, panelConfig = props.panelConfig, onCreateSense = props.onCreateSense, onShowSense = props.onShowSense, onEditSense = props.onEditSense, onClickSense = props.onClickSense, onDoubleClickSense = props.onDoubleClickSense;
+    var token = theme.useToken().token;
     var toolbarItems = [
         {
             key: '1',
             label: (React__default.createElement("div", { className: styles$b.title },
                 React__default.createElement(SvgList, null),
                 React__default.createElement("span", null, "\u64CD\u4F5C\u9762\u677F"))),
-            children: (React__default.createElement("div", { className: styles$b.content },
-                React__default.createElement("div", { className: styles$b.item, onClick: function () { } },
-                    React__default.createElement("img", { src: img$3, alt: "" }),
-                    React__default.createElement("span", null, "\u65B0\u5EFA\u5BF9\u8C61")),
-                React__default.createElement("div", { className: styles$b.item, onClick: function () { } },
-                    React__default.createElement("img", { src: img$1, alt: "" }),
-                    React__default.createElement("span", null, "\u6A21\u677F\u7BA1\u7406")),
-                React__default.createElement("div", { className: styles$b.item, onClick: function () { } },
-                    React__default.createElement("img", { src: img, alt: "" }),
-                    React__default.createElement("span", null, "\u5BFC\u5165\u7BA1\u7406")),
-                React__default.createElement("div", { className: styles$b.item, onClick: function () { } },
-                    React__default.createElement("img", { src: img$2, alt: "" }),
-                    React__default.createElement("span", null, "\u667A\u80FD\u6253\u6807")))),
+            children: (React__default.createElement("div", { className: styles$b.content }, panelConfig === null || panelConfig === void 0 ? void 0 : panelConfig.map(function (item) {
+                var _a, _b;
+                return (React__default.createElement("div", { className: styles$b.item, onClick: item.onClick },
+                    React__default.createElement("img", { src: item.key ? ((_a = builtinPanel[item.key]) === null || _a === void 0 ? void 0 : _a.icon) || item.icon : item.icon, alt: "" }),
+                    React__default.createElement("span", { style: { color: token.colorText } }, item.key ? ((_b = builtinPanel[item.key]) === null || _b === void 0 ? void 0 : _b.title) || item.title : item.title)));
+            }))),
         },
     ];
     return (React__default.createElement("div", { className: styles$b.container },
-        React__default.createElement("div", { className: styles$b.toolbar },
-            React__default.createElement(Collapse, { items: toolbarItems, defaultActiveKey: "1", expandIconPosition: "end" })),
+        (panelConfig === null || panelConfig === void 0 ? void 0 : panelConfig.length) ? (React__default.createElement("div", { className: styles$b.toolbar },
+            React__default.createElement(Collapse, { items: toolbarItems, defaultActiveKey: "1", expandIconPosition: "end" }))) : null,
         React__default.createElement("div", { className: styles$b.main },
             React__default.createElement(SenseFullTable, { viewType: "system", views: views, showView: true, showCatalog: true, showBreadcrumb: true, showBookGroupTable: true, showBookTable: true, showSenseTable: true, bookContextMenuConfig: [
                     'create',
@@ -12646,7 +12670,7 @@ var SenseManager = function (props) {
                     'attribute',
                     'export',
                     'share',
-                ], senseContextMenuConfig: ['show', 'edit', 'cut', 'copy', 'delete'] }))));
+                ], senseContextMenuConfig: ['show', 'edit', 'cut', 'copy', 'delete'], onCreateSense: onCreateSense, onShowSense: onShowSense, onEditSense: onEditSense, onClickSense: onClickSense, onDoubleClickSense: onDoubleClickSense }))));
 };
 
 var settings$a = {
@@ -15878,7 +15902,7 @@ var SenseList = function (_a) {
         React__default.createElement("div", { className: styles$3.header },
             React__default.createElement("div", { className: styles$3.title }, name),
             React__default.createElement("div", { className: styles$3.search },
-                bookId ? null : (React__default.createElement(Select, { style: { width: 260 }, placeholder: "\u8BF7\u9009\u62E9\u6240\u5C5E\u53F0\u8D26", options: bookOptions, onChange: handleChangeSelectBookIds, value: selectBookIds, fieldNames: { label: 'bookName', value: 'bookId' }, mode: "multiple", maxTagCount: "responsive" })),
+                bookId ? null : (React__default.createElement(Select, { style: { width: 260 }, placeholder: "\u8BF7\u9009\u62E9\u6240\u5C5E\u53F0\u8D26", options: bookOptions, onChange: handleChangeSelectBookIds, value: selectBookIds, fieldNames: { label: 'bookName', value: 'bookId' }, mode: "multiple", maxTagCount: "responsive", showSearch: true, filterOption: function (k, option) { return option.name.includes(k); } })),
                 React__default.createElement(Search$1, { style: { width: 200 }, placeholder: "\u8BF7\u8F93\u5165\u641C\u7D22\u5173\u952E\u8BCD", onSearch: handleSearch, allowClear: true }))),
         React__default.createElement("div", { className: styles$3.main },
             React__default.createElement(SenseTable, { ref: senseTableRef, bookId: bookId, bookIds: selectBookIds, keyword: keyword, templateId: templateId, viewCodes: viewCode ? [viewCode] : undefined, rowSelection: rowSelection, onRow: onRow, enableTag: "edit", customColumns: customColumns })),
@@ -16175,11 +16199,11 @@ var CcosVideoPlayer = function (props) {
 CcosVideoPlayer.settings = settings$1;
 
 try {
-    window._ICOS_DESKTOP_VERSION_ = JSON.parse('{"version":"2.0.24","branch":"release_v2.0.0","buildDate":"2025-04-02 10:42:20"}');
+    window._ICOS_DESKTOP_VERSION_ = JSON.parse('{"version":"2.0.25","branch":"remotes/origin/release_v2.0.0","buildDate":"2025-04-03 15:51:14"}');
 }
 catch (err) {
     console.warn(err);
-    window._ICOS_DESKTOP_VERSION_ = '{"version":"2.0.24","branch":"release_v2.0.0","buildDate":"2025-04-02 10:42:20"}';
+    window._ICOS_DESKTOP_VERSION_ = '{"version":"2.0.25","branch":"remotes/origin/release_v2.0.0","buildDate":"2025-04-03 15:51:14"}';
 }
 
 export { BookDetail, BookGroupImport, BookGroupTable, BookImport, BookInfo, BookSelect, BookTable, CcosBookDetail, CcosImportTable, CcosSenseCreate, CcosSenseDetail, CcosSenseEdit, CcosSenseFullTable, CcosSenseManager, CcosSenseSearch, CcosSenseTree, CcosSenseView, CcosTagConfig, CcosVideoPlayer, EntityClassFilter, EntityClassTreeSelect, ImportTable, Modal, OrgTreeSelect, PersonSelector, ProSearch, ProTable$1 as ProTable, RegionCascader, RegionTreeSelect, RelationGraph, SenseContentTable, SenseCreate, SenseDetail, SenseEdit, SenseForm, SenseFullTable, SenseInfo, SenseManager, SenseSearch, SenseTable, SenseTree, SenseView, TagConfig, TagTreeSelect, VideoControl, VideoPlayer, setCconfig as config };