@icos-desktop/react-components 2.2.15 → 2.3.0-es.2

package/dist/es/components/SenseSearch/constants/index.d.ts

@@ -0,0 +1,41 @@
+export declare enum DRAW_MODE {
+    POINT = "point",
+    LINE = "line",
+    CIRCLE = "circle",
+    RECTANGLE = "rectangle",
+    POLYGON = "polygon"
+}
+export declare const SEARCH_MODE: {
+    TIME: string;
+    SPACE: string;
+    KNN: string;
+    TIME_SPACE: string;
+};
+export declare const SPACE_MODE: {
+    POINT: string;
+    LINE: string;
+    POLYGON: string;
+    REGION: string;
+};
+export declare const FORM_ITEMS: {
+    KEYWORD: string;
+    ENTITY_TYPE: string;
+    TAG_CODES: string;
+    SEARCH_MODE: string;
+    TIME_RANGE: string;
+    SPACE_MODE: string;
+    SELECT_POINTS: string;
+    POINTS: string;
+    SELECT_LINES: string;
+    LINES: string;
+    SELECT_POLYGONS: string;
+    POLYGONS: string;
+    REGION: string;
+    POINT_RANGE: string;
+    LINE_RANGE: string;
+    LOCATION: string;
+    KNN_ITEMS: string;
+};
+export declare const FORM_ITEM_SHOW_ADVANCED_RESET: string[];
+export declare const FORM_ITEM_SEARCH_MODE_RESET: string[];
+export declare const FORM_ITEM_BUTTON_RESET: string[];

package/dist/es/components/SenseSearch/constants/index.js

@@ -0,0 +1,99 @@
+// 绘制模式
+var DRAW_MODE;
+(function (DRAW_MODE) {
+    // 绘制点
+    DRAW_MODE["POINT"] = "point";
+    // 绘制线
+    DRAW_MODE["LINE"] = "line";
+    // 绘制圆
+    DRAW_MODE["CIRCLE"] = "circle";
+    // 绘制矩形
+    DRAW_MODE["RECTANGLE"] = "rectangle";
+    // 绘制多边形
+    DRAW_MODE["POLYGON"] = "polygon";
+    // 地址
+    // POI: 'poi',
+})(DRAW_MODE || (DRAW_MODE = {}));
+// 时空搜索类型
+var SEARCH_MODE = {
+    // 时间
+    TIME: 'time',
+    // 空间
+    SPACE: 'space',
+    // 最近邻
+    KNN: 'knn',
+    // 时空
+    TIME_SPACE: 'time-space',
+};
+// 空间搜索类型
+var SPACE_MODE = {
+    // 点位
+    POINT: 'point',
+    // 路线
+    LINE: 'line',
+    // 区域
+    POLYGON: 'polygon',
+    // 地区
+    REGION: 'region',
+};
+// 表单字段
+var FORM_ITEMS = {
+    // 搜索关键字
+    KEYWORD: 'keyword',
+    // 对象类型
+    ENTITY_TYPE: 'entityType',
+    // 标签
+    TAG_CODES: 'tagCodes',
+    // 时空搜索类型
+    SEARCH_MODE: 'searchMode',
+    // 时间搜索 - 时间范围
+    TIME_RANGE: 'timeRange',
+    // 空间搜索 - 空间范围
+    SPACE_MODE: 'spaceMode',
+    // 空间搜索 - 空间范围 - 点位 - 点位选择
+    SELECT_POINTS: 'selectPoints',
+    // 空间搜索 - 空间范围 - 点位 - 中心点位
+    POINTS: 'points',
+    // 空间搜索 - 空间范围 - 路线 - 路线选择
+    SELECT_LINES: 'selectLines',
+    // 空间搜索 - 空间范围 - 路线 - 路线选择（绘制）
+    LINES: 'lines',
+    // 空间搜索 - 空间范围 - 区域 - 区域选择
+    SELECT_POLYGONS: 'selectPolygons',
+    // 空间搜索 - 空间范围 - 区域 - 区域选择（绘制）
+    POLYGONS: 'polygons',
+    // 空间搜索 - 空间范围 - 地区 - 地区选择
+    REGION: 'region',
+    // 空间搜索 - 空间范围 - 点位 - 搜索范围
+    POINT_RANGE: 'pointRange',
+    // 空间搜索 - 空间范围 - 路线 - 搜索范围
+    LINE_RANGE: 'lineRange',
+    // 最近邻搜索 - 中心点位
+    LOCATION: 'location',
+    // 最近邻搜索 - 搜索范围
+    KNN_ITEMS: 'knnItems',
+};
+// 表单字段列表
+var formItemList = Object.values(FORM_ITEMS);
+// 表单字段列表排除指定值
+var filterFormItemList = function (filters) {
+    return formItemList.filter(function (item) { return filters.indexOf(item) === -1; });
+};
+// 高级搜索状态变化时，重置表单字段（不重置搜索关键字）
+filterFormItemList([FORM_ITEMS.KEYWORD]);
+// 时空搜索类型变化时，重置表单字段（不重置搜索关键字、对象类型、时空搜索类型）
+var FORM_ITEM_SEARCH_MODE_RESET = filterFormItemList([
+    FORM_ITEMS.KEYWORD,
+    FORM_ITEMS.ENTITY_TYPE,
+    FORM_ITEMS.TAG_CODES,
+    FORM_ITEMS.SEARCH_MODE,
+]);
+// 空间搜索类型变化时，重置表单字段
+// export const FORM_ITEM_SPACE_MODE_RESET = [FORM_ITEMS.POINTS, FORM_ITEMS.LINES, FORM_ITEMS.POLYGONS, FORM_ITEMS.RANGE];
+// 点击重置按钮，重置表单字段（不重置搜索关键字、时空搜索类型）
+var FORM_ITEM_BUTTON_RESET = filterFormItemList([
+    FORM_ITEMS.KEYWORD,
+    FORM_ITEMS.SEARCH_MODE,
+]);
+
+export { DRAW_MODE, FORM_ITEMS, FORM_ITEM_BUTTON_RESET, FORM_ITEM_SEARCH_MODE_RESET, SEARCH_MODE, SPACE_MODE };

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

@@ -0,0 +1,2 @@
+export { default } from './SenseSearch';
+export type { SenseSearchProps, SenseSearchRef } from './SenseSearch.types';

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

@@ -0,0 +1,2 @@
+declare const _default: ComponentPrototype;
+export default _default;

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

@@ -0,0 +1,106 @@
+import { applyRules } from '../../utils/settings.js';
+
+var settings = {
+    name: 'CcosSenseSearch',
+    title: '实体资源视窗 - 检索和筛选',
+    description: '',
+    package: '@icos-desktop/react-components',
+    exportType: 'namedExport',
+    props: [
+        // 基本
+        {
+            name: 'viewType',
+            title: '数据范围',
+            group: 'basic',
+            setter: 'choiceSetter',
+            options: [
+                { label: '全量对象', value: 'system' },
+                { label: '功能视图', value: 'func' },
+            ],
+        },
+        {
+            name: 'viewCode',
+            title: '功能视图ID',
+            group: 'basic',
+            setter: 'textSetter',
+            getVisible: function (form) {
+                var viewType = form.getValue('viewType');
+                return viewType === 'func';
+            },
+        },
+        {
+            name: 'showView',
+            title: '显示顶部菜单栏',
+            group: 'basic',
+            setter: 'boolSetter',
+        },
+        {
+            name: 'views',
+            title: '顶部菜单栏内容',
+            group: 'basic',
+            setter: 'selectSetter',
+            setterProps: {
+                mode: 'multiple',
+                labelInValue: true,
+            },
+            options: [
+                { label: '全部', value: 'system-icos_all' },
+                { label: '城市物件', value: 'system-icos_city_object' },
+                { label: '城市居民', value: 'system-icos_city_resident' },
+                { label: '地理空间', value: 'system-icos_geo_space' },
+                { label: '组织机构', value: 'system-icos_gov_org' },
+                { label: '城市事件', value: 'system-icos_ld_event' },
+                { label: '政府通讯录', value: 'system-icos_gov_user' },
+            ],
+            getVisible: function (form) {
+                return form.getValue('showView');
+            },
+        },
+        {
+            name: 'showSpaceSearch',
+            title: '显示时空搜索',
+            group: 'basic',
+            setter: 'boolSetter',
+        },
+        {
+            name: 'searchMode',
+            title: '时空搜索模式',
+            group: 'basic',
+            setter: 'selectSetter',
+            setterProps: {
+                mode: 'multiple',
+            },
+            options: [
+                { label: '时间', value: 'time' },
+                { label: '空间', value: 'space' },
+                { label: '最近邻', value: 'knn' },
+                { label: '时空', value: 'time-space' },
+            ],
+            getVisible: function (form) {
+                return form.getValue('showSpaceSearch');
+            },
+        },
+        // 事件
+        {
+            name: 'onSearch',
+            title: '触发搜索',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onStartDraw',
+            title: '地图开始绘制',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onMapDraw',
+            title: '地图绘制（绘制回显）',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+    ],
+};
+var settings$1 = applyRules(settings);
+
+export { settings$1 as default };

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

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

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

@@ -0,0 +1,386 @@
+import { __rest, __assign, __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 { ExclamationCircleOutlined, CloseOutlined } from '@ant-design/icons';
+import { message, Modal, Space, Tooltip } from '@xirang/design-antd';
+import { useRequest } from 'ahooks';
+import classNames from 'classnames';
+import dayjs from 'dayjs';
+import RcOverflow from 'rc-overflow';
+import React__default, { forwardRef, useState, useImperativeHandle } from 'react';
+import { useContextMenu } from 'react-contexify';
+import Highlighter from 'react-highlight-words';
+import ProTable from '../ProTable/ProTable.js';
+import useEntityClass from '../../hooks/useEntityClass/index.js';
+import useKsCode from '../../hooks/useKsCode/index.js';
+import { getSenseList, deleteSense } from '../../services/senseManager.js';
+import { deleteSenseTags } from '../../services/tag.js';
+import { getResourcePermission } from '../../services/user.js';
+import ContextMenu from './components/ContextMenu/index.js';
+import useExportModal from './components/ExportModal/useExportModal.js';
+import TagsModal, { getTags } from './components/TagsModal/index.js';
+import FileView from './components/widgets/FileView/index.js';
+import ImageView from './components/widgets/ImageView/index.js';
+import styles from './SenseTable.module.less.js';
+
+// 显示总数 最大展示10000条
+var showTotal = function (total) {
+    if (total === void 0) { total = 0; }
+    return (React__default.createElement(Space, { align: "center" },
+        total > 10000 ? (React__default.createElement(Tooltip, { title: "\u6700\u5927\u5C55\u793A10000\u6761" },
+            React__default.createElement(ExclamationCircleOutlined, null))) : null,
+        React__default.createElement("span", null,
+            "\u5171",
+            total,
+            "\u6761")));
+};
+var SenseTable = forwardRef(function (props, ref) {
+    var _a;
+    var _b, _c;
+    var bookId = props.bookId, bookIds = props.bookIds, templateId = props.templateId, leafRegionId = props.leafRegionId, pathRegionId = props.pathRegionId, viewCodes = props.viewCodes, keyword = props.keyword, filter = props.filter, filterConfig = props.filterConfig, extendColumnParams = props.extendColumnParams, _d = props.hideColumns, hideColumns = _d === void 0 ? [] : _d, customColumns = props.customColumns, contextMenuConfig = props.contextMenuConfig, enableTag = props.enableTag, writeAuth = props.writeAuth, _e = props.pageSize, pageSize = _e === void 0 ? 1000 : _e, onClick = props.onClick, onDoubleClick = props.onDoubleClick, onShowSense = props.onShowSense, onEditSense = props.onEditSense, onRefresh = props.onRefresh, tableProps = __rest(props, ["bookId", "bookIds", "templateId", "leafRegionId", "pathRegionId", "viewCodes", "keyword", "filter", "filterConfig", "extendColumnParams", "hideColumns", "customColumns", "contextMenuConfig", "enableTag", "writeAuth", "pageSize", "onClick", "onDoubleClick", "onShowSense", "onEditSense", "onRefresh"]);
+    var PAGINATION = {
+        current: 1,
+        total: 0,
+        pageSize: pageSize || 1000,
+        pageSizeOptions: [10, 20, 50, 100, 500, 1000],
+        showSizeChanger: true,
+        showQuickJumper: true,
+        hideOnSinglePage: false,
+        showTotal: function (total) { return "\u5171 ".concat(total, " \u6761"); },
+    };
+    var _f = message.useMessage(), messageApi = _f[0], contextHolder = _f[1];
+    var _g = Modal.useModal(), modal = _g[0], modalContextHolder = _g[1];
+    var showContextMenu = useContextMenu({ id: ContextMenu.id }).show;
+    var _h = useKsCode(), ksCodeLoaded = _h.loaded;
+    var _j = useEntityClass(), entityClassLoaded = _j.loaded;
+    // 分页
+    var _k = useState(__assign({}, PAGINATION)), pagination = _k[0], setPagination = _k[1];
+    // 排序
+    var _l = useState(null), sorter = _l[0], setSorter = _l[1];
+    // 当前高亮的行
+    var _m = useState(null), highlightId = _m[0], setHighlightId = _m[1];
+    // 表格选中
+    var _o = useState([]); _o[0]; _o[1];
+    // 当前操作行
+    var _p = useState(null), curRecord = _p[0], setCurRecord = _p[1];
+    // 显示全部标签弹窗
+    var _q = useState(false), showTagsModal = _q[0], setShowTagsModal = _q[1];
+    // 当前右键的所属台账id
+    var _r = useState(null), curBookId = _r[0], setCurBookId = _r[1];
+    // 搜索参数
+    var _s = useState(), searchParams = _s[0], setSearchParams = _s[1];
+    var _t = useExportModal(), onExport = _t.onExport, ExportModal = _t.ExportModal;
+    // 资源权限
+    var authTypes = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(bookId || curBookId)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, getResourcePermission({
+                            resourceId: bookId || curBookId,
+                            resourceType: 'book',
+                        })];
+                case 1:
+                    res = _a.sent();
+                    return [2 /*return*/, res === null || res === void 0 ? void 0 : res.authTypes];
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); }, {
+        refreshDeps: [bookId, curBookId],
+    }).data;
+    // 获取图标
+    // const getIcon = (senseObjCode: string) => {
+    //   if (entityClassList && ksCodeMap) {
+    //     const ksCode = entityClassList.find((item) => item.code === senseObjCode)?.ksCategoryCode;
+    //     if (ksCode) {
+    //       const iconMap = {
+    //         [ksCodeMap.person]: personImage,
+    //         [ksCodeMap.place]: placeImage,
+    //         [ksCodeMap.event]: eventImage,
+    //         [ksCodeMap.object]: objectImage,
+    //         [ksCodeMap.org]: orgImage,
+    //       };
+    //       return iconMap[ksCode];
+    //     }
+    //   }
+    // };
+    // 获取筛选参数
+    var getFilterParams = function () {
+        var _a;
+        var filterItems = [];
+        (_a = filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.filterItems) === null || _a === void 0 ? void 0 : _a.forEach(function (item) {
+            var value = filter === null || filter === void 0 ? void 0 : filter[item.fieldId];
+            if (value && value.length) {
+                // 日期选择
+                var isDate = item.targetFilter === 1;
+                // 日期时间选择
+                var isDateTime = item.targetFilter === 2;
+                // 地址选择
+                var isRegion = item.targetFilter === 3;
+                // 数值范围选择
+                var isNumber = item.targetFilter === 4;
+                // 选项筛选
+                var isSelect = item.targetFilter === 5;
+                // 级联选择
+                var isCascader = item.targetFilter === 6;
+                var minVal = '';
+                var maxVal = '';
+                if (isDate) {
+                    minVal = dayjs(value[0]).format('YYYY-MM-DD');
+                    maxVal = dayjs(value[1]).format('YYYY-MM-DD');
+                }
+                else if (isDateTime) {
+                    minVal = dayjs(value[0]).format('YYYY-MM-DD HH:mm:ss');
+                    maxVal = dayjs(value[1]).format('YYYY-MM-DD HH:mm:ss');
+                }
+                else if (isRegion) {
+                    value = value.map(function (it) { return it.value; });
+                }
+                else if (isNumber) {
+                    minVal = value[0], maxVal = value[1];
+                }
+                else if (isSelect) ;
+                else if (isCascader) {
+                    value = value.map(function (it) { return it.value; });
+                }
+                filterItems.push({
+                    filterId: item.filterId,
+                    tableField: item.tableField,
+                    targetFilter: item.targetFilter,
+                    indexField: item.indexField,
+                    showFieldId: item.showFieldId,
+                    filterWay: item.filterWay,
+                    searchVals: minVal ? null : value,
+                    minVal: minVal,
+                    maxVal: maxVal,
+                });
+            }
+        });
+        return {
+            tagCodes: filter === null || filter === void 0 ? void 0 : filter.tagCodes,
+            filterItems: filterItems,
+        };
+    };
+    // 显示全部标签弹窗
+    var handleShowTagsModal = function (record) {
+        setCurRecord(record);
+        setShowTagsModal(true);
+    };
+    // 关闭全部标签弹窗
+    var handleCloseTagsModal = function () {
+        setShowTagsModal(false);
+    };
+    // 取消标签
+    var onDeleteTag = function (tag, record) {
+        modal.confirm({
+            content: '请确认是否要取消打标',
+            onOk: function () { return __awaiter(void 0, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, deleteSenseTags([
+                                {
+                                    senseGlobalCode: record.sense_global_code,
+                                    tagCode: tag.code,
+                                },
+                            ])];
+                        case 1:
+                            _a.sent();
+                            setShowTagsModal(false);
+                            messageApi.success('取消打标成功');
+                            refresh();
+                            return [2 /*return*/];
+                    }
+                });
+            }); },
+        });
+    };
+    // 渲染标签
+    var renderTagItem = function (tag, record) { return (React__default.createElement("div", { className: styles['tag-value'] },
+        tag.name,
+        enableTag === 'edit' ? (React__default.createElement("span", { className: styles['tag-delete'], onClick: function () { return onDeleteTag(tag, record); } },
+            React__default.createElement(CloseOutlined, null))) : null)); };
+    // 渲染更多标签
+    var renderTagRest = function (record) { return (React__default.createElement("div", { className: styles['tag-more'], onClick: function () { return handleShowTagsModal(record); } }, "\u66F4\u591A\u6807\u7B7E >")); };
+    // 获取表头数据
+    var getColumns = function (header) {
+        var columns = header.map(function (item, index) { return (__assign({ title: item.name, key: item.code, dataIndex: item.code, 
+            // width: 300,
+            sorter: item.sort, ellipsis: true, render: function (text, record) {
+                if (index === 0) {
+                    return (React__default.createElement("div", { className: styles['sense-title'] },
+                        React__default.createElement("div", { className: styles['sense-title-label'] },
+                            React__default.createElement(Highlighter, { highlightClassName: styles.highlight, searchWords: [keyword || ''], textToHighlight: text || '', autoEscape: true }))));
+                }
+                if (!text) {
+                    return '-';
+                }
+                if ([
+                    'IncrementInputWidget',
+                    'MultiSelectWidget',
+                    'MultiDropdownWidget',
+                    'CascadeSelectWidget',
+                ].includes(item.widgetType)) {
+                    // 自增文本、多选、级联选择
+                    return JSON.parse(text).join('/');
+                }
+                if (item.widgetType === 'FileUploadWidget') {
+                    // 上传附件
+                    return React__default.createElement(FileView, { value: JSON.parse(text) });
+                }
+                if (item.widgetType === 'ImageUploadWidget') {
+                    // 上传图片
+                    return React__default.createElement(ImageView, { value: JSON.parse(text) });
+                }
+                return text;
+            } }, customColumns === null || customColumns === void 0 ? void 0 : customColumns[item.code])); });
+        if (enableTag) {
+            columns.push(__assign({ title: '标签', key: 'tags', dataIndex: 'tags', width: 300, fixed: 'right', render: function (_, record) { return (React__default.createElement(RcOverflow, { className: styles['tag-values'], data: getTags(record), renderItem: function (tag) { return renderTagItem(tag, record); }, maxCount: "responsive", renderRest: function () { return renderTagRest(record); } })); } }, customColumns === null || customColumns === void 0 ? void 0 : customColumns.tags));
+        }
+        return columns;
+    };
+    // 表格数据
+    var _u = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var filterParams, sortParams, res, header;
+        var _a, _b, _c, _d, _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
+                case 0:
+                    filterParams = getFilterParams();
+                    sortParams = (sorter === null || sorter === void 0 ? void 0 : sorter.order)
+                        ? {
+                            sortField: sorter.field,
+                            sortFieldOrder: sorter.order === 'descend' ? 'desc' : 'asc',
+                        }
+                        : {};
+                    setSearchParams(__assign(__assign(__assign({ bookId: bookId, bookIds: bookIds, templateId: templateId, leafRegionId: leafRegionId, pathRegionId: pathRegionId, viewCodes: viewCodes, keyword: keyword }, filterParams), sortParams), { extendColumnParams: extendColumnParams }));
+                    return [4 /*yield*/, getSenseList(__assign(__assign(__assign({ bookId: bookId, bookIds: bookIds, templateId: templateId, leafRegionId: leafRegionId, pathRegionId: pathRegionId, viewCodes: viewCodes, keyword: keyword }, filterParams), sortParams), { extendColumnParams: extendColumnParams, page: pagination.current, pageSize: pagination.pageSize, writeAuth: writeAuth }))];
+                case 1:
+                    res = _f.sent();
+                    setPagination(__assign(__assign({}, pagination), { total: ((_a = res === null || res === void 0 ? void 0 : res.body) === null || _a === void 0 ? void 0 : _a.total) ? (res.body.total > 10000 ? 10000 : res.body.total) : 0, current: ((_b = res === null || res === void 0 ? void 0 : res.body) === null || _b === void 0 ? void 0 : _b.pageNum) || 1, pageSize: ((_c = res === null || res === void 0 ? void 0 : res.body) === null || _c === void 0 ? void 0 : _c.pageSize) || PAGINATION.pageSize, showTotal: function () { var _a; return showTotal((_a = res === null || res === void 0 ? void 0 : res.body) === null || _a === void 0 ? void 0 : _a.total); } }));
+                    header = (_d = res === null || res === void 0 ? void 0 : res.header) === null || _d === void 0 ? void 0 : _d.filter(function (item) { return !(hideColumns === null || hideColumns === void 0 ? void 0 : hideColumns.includes(item.code)); });
+                    return [2 /*return*/, {
+                            header: __spreadArray(__spreadArray([], header, true), [
+                                enableTag
+                                    ? {
+                                        code: 'tags',
+                                        name: '标签',
+                                        defaultShow: true,
+                                        hidden: true,
+                                    }
+                                    : null,
+                            ], false).filter(Boolean),
+                            columns: getColumns(header),
+                            dataSource: (_e = res === null || res === void 0 ? void 0 : res.body) === null || _e === void 0 ? void 0 : _e.list,
+                        }];
+            }
+        });
+    }); }, {
+        ready: ksCodeLoaded && entityClassLoaded,
+        refreshDeps: [
+            enableTag,
+            bookId,
+            bookIds,
+            templateId,
+            leafRegionId,
+            pathRegionId,
+            JSON.stringify(viewCodes),
+            keyword,
+            JSON.stringify(filter),
+            sorter,
+        ],
+    }), loading = _u.loading, _v = _u.data, _w = _v === void 0 ? {} : _v, header = _w.header, columns = _w.columns, dataSource = _w.dataSource, refresh = _u.refresh;
+    // 触发刷新
+    var handleRefresh = function () {
+        refresh();
+        onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh();
+    };
+    var onRow = function (record) { return ({
+        onClick: function () {
+            setHighlightId(record.sense_global_code);
+            onClick === null || onClick === void 0 ? void 0 : onClick(record);
+        },
+        onDoubleClick: function () {
+            onDoubleClick === null || onDoubleClick === void 0 ? void 0 : onDoubleClick(record);
+        },
+        onContextMenu: function (e) {
+            e.stopPropagation();
+            if (!('bookGroupItemList' in record)) {
+                setCurBookId(record.book_id);
+                showContextMenu({
+                    event: e,
+                    props: {
+                        data: record,
+                        callback: function (key) {
+                            switch (key) {
+                                // 查看
+                                case 'show':
+                                    onShowSense === null || onShowSense === void 0 ? void 0 : onShowSense(record);
+                                    break;
+                                // 编辑
+                                case 'edit':
+                                    onEditSense === null || onEditSense === void 0 ? void 0 : onEditSense(record);
+                                    break;
+                                // 剪切
+                                case 'cut':
+                                    break;
+                                // 复制
+                                case 'copy':
+                                    break;
+                                // 删除
+                                case 'delete':
+                                    modal.confirm({
+                                        content: '确认是否删除？删除操作一旦执行不可撤回！',
+                                        onOk: function () { return __awaiter(void 0, void 0, void 0, function () {
+                                            return __generator(this, function (_a) {
+                                                switch (_a.label) {
+                                                    case 0: return [4 /*yield*/, deleteSense({ senseGlobalCodes: [record.sense_global_code] }).then(function () {
+                                                            messageApi.success('删除成功');
+                                                            handleRefresh();
+                                                        })];
+                                                    case 1:
+                                                        _a.sent();
+                                                        return [2 /*return*/];
+                                                }
+                                            });
+                                        }); },
+                                    });
+                                    break;
+                            }
+                        },
+                    },
+                });
+            }
+        },
+    }); };
+    var rowClassName = function (record) {
+        if (record.sense_global_code === highlightId) {
+            return styles['row-highlight'];
+        }
+        return null;
+    };
+    var handleChangeTable = function (_pagination, _, _sorter) {
+        setPagination(__assign(__assign({}, pagination), _pagination));
+        setSorter(_sorter);
+    };
+    useImperativeHandle(ref, function () { return ({
+        refresh: handleRefresh,
+        export: function () { return onExport(searchParams); },
+    }); });
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { className: classNames(styles.table, (_a = {},
+                _a[styles['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': (_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, __assign({ header: header, columns: columns, dataSource: dataSource, loading: loading, pagination: pagination, size: "small", rowKey: "sense_global_code", onRow: onRow, rowClassName: rowClassName, onChange: handleChangeTable, 
+                // rowSelection={tableProps?.rowSelection ?? rowSelection}
+                scroll: { x: 'max-content', y: null } }, tableProps))),
+        React__default.createElement(ExportModal, null),
+        React__default.createElement(TagsModal, { open: showTagsModal, onCancel: handleCloseTagsModal, data: curRecord }),
+        (contextMenuConfig === null || contextMenuConfig === void 0 ? void 0 : contextMenuConfig.length) ? (React__default.createElement(ContextMenu, { config: contextMenuConfig, authTypes: authTypes })) : null,
+        contextHolder,
+        modalContextHolder));
+});
+
+export { SenseTable as default };

package/dist/es/components/SenseTable/SenseTable.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 = ".SenseTable-module_container__lRFoG {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n.SenseTable-module_container__lRFoG .SenseTable-module_table__eaYbL {\n  flex: 1;\n  height: 0;\n}\n.SenseTable-module_container__lRFoG .SenseTable-module_table__eaYbL .SenseTable-module_sense-title__Ie03d {\n  display: flex;\n  align-items: center;\n}\n.SenseTable-module_container__lRFoG .SenseTable-module_table__eaYbL .SenseTable-module_sense-title__Ie03d > img {\n  width: 18px;\n  height: 18px;\n  margin-right: 4px;\n}\n.SenseTable-module_container__lRFoG .SenseTable-module_table__eaYbL .SenseTable-module_sense-title-label__sytbJ {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  word-break: keep-all;\n  white-space: nowrap;\n}\n.SenseTable-module_container__lRFoG .SenseTable-module_table__eaYbL.SenseTable-module_hidden-row-selected-num__YujuX .ant-spin-nested-loading::after {\n  display: none;\n}\n.SenseTable-module_container__lRFoG .SenseTable-module_table__eaYbL .ant-spin-nested-loading::after {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  height: 32px;\n  padding: 0 8px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 32px;\n  color: #0ff;\n  content: '已选：' counter(num) '个';\n  counter-reset: num var(--row-selected-num);\n  background: rgba(255, 255, 255, 0.1);\n  border-radius: 2.88px;\n}\n.SenseTable-module_tag-values__yPnOe {\n  display: flex;\n  gap: 8px;\n}\n.SenseTable-module_tag-values__yPnOe .SenseTable-module_tag-value__Wl1T9 {\n  padding: 4px 12px;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 18px;\n  color: #0ff;\n  text-wrap: nowrap;\n  background: rgba(0, 255, 255, 0.2);\n  border-radius: 4px;\n}\n.SenseTable-module_tag-values__yPnOe .SenseTable-module_tag-value__Wl1T9 .SenseTable-module_tag-delete__o0rmm {\n  width: 14px;\n  height: 14px;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.SenseTable-module_tag-values__yPnOe .SenseTable-module_tag-more__se-HA {\n  padding: 4px 16px;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 18px;\n  color: #0ff;\n  text-wrap: nowrap;\n  cursor: pointer;\n}\n.SenseTable-module_row-highlight__s0Lck {\n  background: var(--sense-manager-row-highlight-color) !important;\n}\n.SenseTable-module_highlight__TwSNe {\n  padding: 0;\n  font-family: 'Source Han Sans CN';\n  font-style: normal;\n  font-weight: 500;\n  color: #0ff;\n  background-color: transparent;\n}\n";
+var styles = {"container":"SenseTable-module_container__lRFoG","table":"SenseTable-module_table__eaYbL","sense-title":"SenseTable-module_sense-title__Ie03d","sense-title-label":"SenseTable-module_sense-title-label__sytbJ","hidden-row-selected-num":"SenseTable-module_hidden-row-selected-num__YujuX","tag-values":"SenseTable-module_tag-values__yPnOe","tag-value":"SenseTable-module_tag-value__Wl1T9","tag-delete":"SenseTable-module_tag-delete__o0rmm","tag-more":"SenseTable-module_tag-more__se-HA","row-highlight":"SenseTable-module_row-highlight__s0Lck","highlight":"SenseTable-module_highlight__TwSNe"};
+styleInject(css_248z);
+
+export { styles as default };

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

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