@icos-desktop/react-components 2.3.0 → 2.3.1

package/dist/es/components/RelationGraph/components/Graph/index.js

@@ -0,0 +1,234 @@
+import G6 from '@antv/g6';
+import { theme } from '@xirang/design-antd';
+import React__default, { useRef, useEffect } from 'react';
+import useKsCode from '../../../../hooks/useKsCode/index.js';
+import useRelationList from '../../../../hooks/useRelationList/index.js';
+import img$2 from '../../assets/center-event.png.js';
+import img$3 from '../../assets/center-object.png.js';
+import img$4 from '../../assets/center-org.png.js';
+import img from '../../assets/center-person.png.js';
+import img$1 from '../../assets/center-place.png.js';
+import img$7 from '../../assets/event.png.js';
+import img$8 from '../../assets/object.png.js';
+import img$9 from '../../assets/org.png.js';
+import img$5 from '../../assets/person.png.js';
+import img$6 from '../../assets/place.png.js';
+import styles from './index.module.less.js';
+
+var Graph = function (_a) {
+    var data = _a.data, onJump = _a.onJump;
+    var token = theme.useToken().token;
+    // 画布容器
+    var graphEl = useRef();
+    // 画布对象
+    var graph = useRef();
+    var ksCodeMap = useKsCode().ksCodeMap;
+    var _b = useRelationList(function (senseGlobalCode) {
+        onJump === null || onJump === void 0 ? void 0 : onJump(senseGlobalCode);
+    }), RelationList = _b.RelationList, jumpTo = _b.jumpTo;
+    // 获取分类图片
+    var getIcon = function (key, self) {
+        var _a, _b;
+        if (ksCodeMap) {
+            if (self) {
+                var iconMap_1 = (_a = {},
+                    _a[ksCodeMap.person] = img,
+                    _a[ksCodeMap.place] = img$1,
+                    _a[ksCodeMap.event] = img$2,
+                    _a[ksCodeMap.object] = img$3,
+                    _a[ksCodeMap.org] = img$4,
+                    _a);
+                return iconMap_1[key];
+            }
+            var iconMap = (_b = {},
+                _b[ksCodeMap.person] = img$5,
+                _b[ksCodeMap.place] = img$6,
+                _b[ksCodeMap.event] = img$7,
+                _b[ksCodeMap.object] = img$8,
+                _b[ksCodeMap.org] = img$9,
+                _b);
+            return iconMap[key];
+        }
+    };
+    // 初始化
+    useEffect(function () {
+        if (!ksCodeMap || graph.current) {
+            return;
+        }
+        // 注册自定义节点
+        G6.registerNode('graph-node', {
+            draw: function (cfg, group) {
+                var ksCategoryCode = cfg.ksCategoryCode;
+                var self = cfg.self;
+                var count = cfg.count;
+                group.addShape('image', {
+                    attrs: {
+                        x: self ? -100 / 2 : -80 / 2,
+                        y: self ? -100 / 2 : -80 / 2,
+                        width: self ? 100 : 80,
+                        height: self ? 100 : 80,
+                        img: getIcon(ksCategoryCode, self),
+                    },
+                    name: 'graph-node-image',
+                });
+                group.addShape('text', {
+                    attrs: {
+                        text: cfg.label,
+                        // fill: '#fff',
+                        fill: token.colorText,
+                        textAlign: 'center',
+                        fontSize: 10,
+                        x: 0,
+                        y: self ? 100 / 2 - 26 : 80 / 2 - 18,
+                    },
+                    name: 'graph-node-text',
+                });
+                // 聚合数字
+                if (count) {
+                    var polyRectWidth = 14;
+                    var polyRectFontSize = 12;
+                    if (count >= 10) {
+                        polyRectWidth = 21;
+                        polyRectFontSize = 12;
+                    }
+                    if (count > 99) {
+                        polyRectWidth = 24;
+                        polyRectFontSize = 10;
+                    }
+                    group.addShape('rect', {
+                        attrs: {
+                            x: 80 / 2 - 14 - 22,
+                            y: -80 / 2 + 14,
+                            width: polyRectWidth,
+                            height: 14,
+                            radius: [7, 7],
+                            fill: '#FF9900',
+                        },
+                        name: 'graph-node-polymerization-rect',
+                    });
+                    group.addShape('text', {
+                        attrs: {
+                            text: count > 99 ? '99+' : count,
+                            fill: '#fff',
+                            textAlign: 'left',
+                            textBaseline: 'middle',
+                            fontSize: polyRectFontSize,
+                            fontWeight: 400,
+                            x: 7.5,
+                            y: -17.5,
+                        },
+                        name: 'graph-node-polymerization-text',
+                    });
+                }
+                return group.addShape('circle', {
+                    attrs: {
+                        x: 0,
+                        y: 0,
+                        r: self ? 100 / 2 : 80 / 2,
+                        fill: 'rgba(0, 0, 0, 0)',
+                        cursor: 'pointer',
+                    },
+                    name: 'graph-node-circle-key-shape',
+                });
+            },
+        }, 'circle');
+        // 注册自定义边
+        G6.registerEdge('graph-edge', {
+            afterDraw: function (cfg, group) {
+                var shape = group.get('children')[0];
+                if (cfg.isTwoWay) {
+                    shape.attr('startArrow', {
+                        path: G6.Arrow.triangle(4, 4, 4),
+                        d: 4,
+                        fill: '#0FF',
+                    });
+                }
+                else {
+                    shape.attr('startArrow', {
+                        path: G6.Arrow.circle(2, 0),
+                        d: 0,
+                        fill: '#0FF',
+                    });
+                }
+            },
+        }, 'line');
+        var width = graphEl.current.scrollWidth;
+        var height = graphEl.current.scrollHeight;
+        graph.current = new G6.Graph({
+            container: graphEl.current,
+            width: width,
+            height: height,
+            animate: true,
+            modes: {
+                default: ['drag-node', 'drag-canvas', 'zoom-canvas'],
+            },
+            layout: {
+                type: 'concentric',
+                preventOverlap: true,
+                nodeSize: 100,
+                nodeSpacing: 60,
+                sortBy: 'self',
+            },
+            minZoom: 0.5,
+            maxZoom: 2,
+            autoPaint: false,
+            defaultNode: {
+                type: 'graph-node',
+            },
+            defaultEdge: {
+                type: 'graph-edge',
+                labelCfg: {
+                    position: 'center',
+                    autoRotate: true,
+                    refY: 8,
+                    style: {
+                        fill: '#0FF',
+                        fontSize: 8,
+                    },
+                },
+                style: {
+                    stroke: '#0FF',
+                    endArrow: {
+                        path: G6.Arrow.triangle(4, 4, 4),
+                        d: 4,
+                        fill: '#0FF',
+                    },
+                },
+            },
+        });
+        // 节点点击
+        graph.current.on('node:click', function (evt) {
+            var item = evt.item, originalEvent = evt.originalEvent;
+            item.toFront();
+            var model = item.getModel();
+            if (!model.self && (model.count || model.link)) {
+                var senseGlobalCode = model.senseGlobalCode, relationEntityCode = model.relationEntityCode, relationCode = model.relationCode, direction = model.direction, entityClassCode = model.entityClassCode;
+                jumpTo(originalEvent, {
+                    senseGlobalCode: senseGlobalCode,
+                    relationEntityCode: relationEntityCode,
+                    relationCode: relationCode,
+                    direction: direction,
+                    entityClassCode: entityClassCode,
+                });
+            }
+        });
+    }, [ksCodeMap]);
+    // 更新数据
+    useEffect(function () {
+        if (!data) {
+            return;
+        }
+        if (graph.current) {
+            graph.current.data({
+                nodes: (data === null || data === void 0 ? void 0 : data.nodes) || [],
+                edges: (data === null || data === void 0 ? void 0 : data.edges) || [],
+            });
+            graph.current.render();
+        }
+    }, [data]);
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { ref: graphEl, className: styles['graph-box'] }),
+        React__default.createElement(RelationList, null)));
+};
+
+export { Graph as default };

package/dist/es/components/RelationGraph/components/Graph/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__SBNjv {\n  width: 100%;\n  height: 100%;\n}\n.index-module_container__SBNjv .index-module_graph-box__wRKjl {\n  width: 100%;\n  height: 100%;\n  background-repeat: no-repeat;\n  background-size: 100% 100%;\n}\n";
+var styles = {"container":"index-module_container__SBNjv","graph-box":"index-module_graph-box__wRKjl"};
+styleInject(css_248z);
+
+export { styles as default };

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

@@ -0,0 +1,2 @@
+export { default } from './RelationGraph';
+export type { RelationGraphProps } from './RelationGraph.types';

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

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

package/dist/es/components/SenseContentTable/SenseContentTable.js

@@ -0,0 +1,186 @@
+import { __rest, __assign, __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 { ExclamationCircleOutlined } from '@ant-design/icons';
+import { theme, Button, Space, Tooltip } from '@xirang/design-antd';
+import { useRequest } from 'ahooks';
+import classNames from 'classnames';
+import { isEmpty } from 'lodash';
+import React__default, { forwardRef, useState, useEffect, useImperativeHandle } from 'react';
+import ProTable from '../ProTable/ProTable.js';
+import { getSenseContentList } from '../../services/senseManager.js';
+import useExportModal from './components/ExportModal/useExportModal.js';
+import Filter from './components/Filter/index.js';
+import styles from './SenseContentTable.module.less.js';
+
+// 显示总数 最大展示10000条
+var showTotal = function (total, max) {
+    if (total === void 0) { total = 0; }
+    if (max === void 0) { max = 10000; }
+    return (React__default.createElement(Space, { align: "center" },
+        total > max ? (React__default.createElement(Tooltip, { title: "\u6700\u5927\u5C55\u793A".concat(max, "\u6761") },
+            React__default.createElement(ExclamationCircleOutlined, null))) : null,
+        React__default.createElement("span", null,
+            "\u5171",
+            total,
+            "\u6761")));
+};
+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, _d = props.pageSize, pageSize = _d === void 0 ? 1000 : _d, maxTotal = props.maxTotal, onClick = props.onClick, onDoubleClick = props.onDoubleClick, onRefresh = props.onRefresh, tableProps = __rest(props, ["senseGlobalCodes", "tableName", "extraParams", "timeFieldName", "timeFieldFormat", "filterConfig", "showExportButton", "customButtons", "customColumns", "selectedRowLength", "pageSize", "maxTotal", "onClick", "onDoubleClick", "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 _e = useExportModal(), onExport = _e.onExport, ExportModal = _e.ExportModal;
+    // 分页
+    var _f = useState(__assign({}, PAGINATION)), pagination = _f[0], setPagination = _f[1];
+    // 筛选参数
+    var _g = useState(null), filter = _g[0], setFilter = _g[1];
+    // 表格选中
+    // const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+    // 接口参数
+    var _h = useState({}), apiParams = _h[0], setApiParams = _h[1];
+    var token = theme.useToken().token;
+    // 获取筛选参数
+    var getFilterParams = function () {
+        var _a;
+        var params = {
+            conditions: [],
+        };
+        if (extraParams === null || extraParams === void 0 ? void 0 : extraParams.conditions) {
+            (_a = params.conditions).push.apply(_a, extraParams.conditions);
+        }
+        if (filter) {
+            Object.keys(filter).forEach(function (key) {
+                var _a, _b;
+                if (key === 'time') {
+                    if ((_a = filter.time) === null || _a === void 0 ? void 0 : _a.length) {
+                        params.startTime = filter.time[0];
+                        params.endTime = filter.time[1];
+                    }
+                }
+                else if (filter[key]) {
+                    console.log(filterConfig);
+                    var condition = (_b = filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.find(function (item) { return item.column === key; })) === null || _b === void 0 ? void 0 : _b.condition;
+                    params.conditions.push({
+                        column: key,
+                        condition: condition || 'like',
+                        value: filter[key],
+                    });
+                }
+            });
+        }
+        return params;
+    };
+    // 获取表头数据
+    var getColumns = function (header) {
+        var columns = header === null || header === void 0 ? void 0 : header.map(function (item) { return (__assign({ title: item.name, key: item.code, dataIndex: item.code, sorter: false, ellipsis: true }, customColumns === null || customColumns === void 0 ? void 0 : customColumns[item.code])); });
+        return columns;
+    };
+    // 表格数据
+    var _j = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var filterParams, res;
+        var _a, _b, _c, _d, _e, _f;
+        return __generator(this, function (_g) {
+            switch (_g.label) {
+                case 0:
+                    filterParams = getFilterParams();
+                    setApiParams(__assign(__assign({ senseGlobalCodes: senseGlobalCodes, tableName: tableName }, filterParams), extraParams));
+                    return [4 /*yield*/, getSenseContentList(__assign(__assign(__assign({ senseGlobalCodes: senseGlobalCodes, tableName: tableName }, filterParams), extraParams), { page: pagination.current, pageSize: pagination.pageSize }))];
+                case 1:
+                    res = _g.sent();
+                    setPagination(__assign(__assign({}, pagination), { total: maxTotal
+                            ? ((_a = res === null || res === void 0 ? void 0 : res.body) === null || _a === void 0 ? void 0 : _a.total)
+                                ? res.body.total > maxTotal
+                                    ? maxTotal
+                                    : (_b = res === null || res === void 0 ? void 0 : res.body) === null || _b === void 0 ? void 0 : _b.total
+                                : 0
+                            : (_c = res === null || res === void 0 ? void 0 : res.body) === null || _c === void 0 ? void 0 : _c.total, current: ((_d = res === null || res === void 0 ? void 0 : res.body) === null || _d === void 0 ? void 0 : _d.pageNum) || 1, pageSize: ((_e = res === null || res === void 0 ? void 0 : res.body) === null || _e === void 0 ? void 0 : _e.pageSize) || PAGINATION.pageSize, showTotal: maxTotal ? function () { var _a; return showTotal((_a = res === null || res === void 0 ? void 0 : res.body) === null || _a === void 0 ? void 0 : _a.total, maxTotal); } : pagination.showTotal }));
+                    return [2 /*return*/, {
+                            header: (res === null || res === void 0 ? void 0 : res.header) || [],
+                            columns: getColumns(res === null || res === void 0 ? void 0 : res.header),
+                            dataSource: (_f = res === null || res === void 0 ? void 0 : res.body) === null || _f === void 0 ? void 0 : _f.list,
+                        }];
+            }
+        });
+    }); }, {
+        refreshDeps: [
+            JSON.stringify(senseGlobalCodes),
+            tableName,
+            JSON.stringify(filter),
+            pagination === null || pagination === void 0 ? void 0 : pagination.current,
+            pagination === null || pagination === void 0 ? void 0 : pagination.pageSize,
+        ],
+    }), loading = _j.loading, _k = _j.data, _l = _k === void 0 ? {} : _k, header = _l.header, columns = _l.columns, dataSource = _l.dataSource, refresh = _j.refresh;
+    // 显示按钮
+    var showButtons = function () {
+        if (customButtons) {
+            var buttons = customButtons();
+            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 () {
+        onExport(apiParams);
+    };
+    // 触发刷新
+    var handleRefresh = function () {
+        refresh();
+        onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh();
+    };
+    var onRow = function (record) { return ({
+        onClick: function () {
+            onClick === null || onClick === void 0 ? void 0 : onClick(record);
+        },
+        onDoubleClick: function () {
+            onDoubleClick === null || onDoubleClick === void 0 ? void 0 : onDoubleClick(record);
+        },
+    }); };
+    var handleChangeTable = function (_pagination) {
+        setPagination(__assign(__assign({}, pagination), _pagination));
+    };
+    // 选择项变化
+    // const handleSelectChange = (keys: string[]) => {
+    //   setSelectedRowKeys(keys);
+    // };
+    // const rowSelection = {
+    //   selectedRowKeys,
+    //   onChange: handleSelectChange,
+    //   preserveSelectedRowKeys: true,
+    // };
+    useEffect(function () {
+        document.documentElement.style.setProperty('--sense-manager-filter-icon-color', token.colorText ? token.colorText : '#fff');
+    }, [token.colorText]);
+    useImperativeHandle(ref, function () { return ({
+        refresh: handleRefresh,
+    }); });
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { className: styles.filter },
+            React__default.createElement("div", { className: styles.btns },
+                showButtons(),
+                showExportButton ? React__default.createElement(Button, { onClick: handleExport }, "\u5BFC\u51FA\u6570\u636E") : null),
+            React__default.createElement("div", null, timeFieldName || !isEmpty(filterConfig) ? (React__default.createElement(Filter, { timeFieldName: timeFieldName, timeFieldFormat: timeFieldFormat, filterConfig: filterConfig, filter: filter, onFilter: function (filter) {
+                    setFilter(filter);
+                } })) : null)),
+        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': 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, __assign({ header: header, columns: columns, dataSource: dataSource, loading: loading, pagination: pagination, size: "small", 
+                // rowKey="sense_global_code"
+                onRow: onRow, 
+                // rowClassName={rowClassName}
+                onChange: handleChangeTable }, tableProps))),
+        React__default.createElement(ExportModal, null)));
+});
+
+export { SenseContentTable as default };

package/dist/es/components/SenseContentTable/SenseContentTable.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 = ".SenseContentTable-module_container__tE9m5 {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  width: 100%;\n  height: 100%;\n}\n.SenseContentTable-module_container__tE9m5 .SenseContentTable-module_filter__j0qaP {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.SenseContentTable-module_container__tE9m5 .SenseContentTable-module_filter__j0qaP .SenseContentTable-module_btns__3OS4x {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.SenseContentTable-module_container__tE9m5 .SenseContentTable-module_table__RBtdO {\n  flex: 1;\n  height: 0;\n}\n.SenseContentTable-module_container__tE9m5 .SenseContentTable-module_table__RBtdO .SenseContentTable-module_sense-title__WhTnk {\n  display: flex;\n  align-items: center;\n}\n.SenseContentTable-module_container__tE9m5 .SenseContentTable-module_table__RBtdO .SenseContentTable-module_sense-title__WhTnk > img {\n  width: 18px;\n  height: 18px;\n  margin-right: 4px;\n}\n.SenseContentTable-module_container__tE9m5 .SenseContentTable-module_table__RBtdO .SenseContentTable-module_sense-title-label__JIlzh {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  word-break: keep-all;\n  white-space: nowrap;\n}\n.SenseContentTable-module_container__tE9m5 .SenseContentTable-module_table__RBtdO.SenseContentTable-module_hidden-row-selected-num__cdzcv .ant-spin-nested-loading::after {\n  display: none;\n}\n.SenseContentTable-module_container__tE9m5 .SenseContentTable-module_table__RBtdO .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.SenseContentTable-module_tag-values__IwnaJ {\n  display: flex;\n  gap: 8px;\n}\n.SenseContentTable-module_tag-values__IwnaJ .SenseContentTable-module_tag-value__63tOp {\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.SenseContentTable-module_tag-values__IwnaJ .SenseContentTable-module_tag-value__63tOp .SenseContentTable-module_tag-delete__0O-EV {\n  width: 14px;\n  height: 14px;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.SenseContentTable-module_tag-values__IwnaJ .SenseContentTable-module_tag-more__9oZ7j {\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.SenseContentTable-module_row-highlight__SF9Ib {\n  background: var(--sense-manager-row-highlight-color) !important;\n}\n.SenseContentTable-module_highlight__j2EE4 {\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":"SenseContentTable-module_container__tE9m5","filter":"SenseContentTable-module_filter__j0qaP","btns":"SenseContentTable-module_btns__3OS4x","table":"SenseContentTable-module_table__RBtdO","hidden-row-selected-num":"SenseContentTable-module_hidden-row-selected-num__cdzcv"};
+styleInject(css_248z);
+
+export { styles as default };

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

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

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

@@ -0,0 +1,79 @@
+import { ButtonProps, TableProps } from '@xirang/design-antd';
+interface CustomButtonConfig extends ButtonProps {
+    title: string;
+}
+export interface SenseContentTableProps extends TableProps {
+    /**
+     * 实体记录唯一标识
+     */
+    senseGlobalCodes?: string[];
+    /**
+     * 数据表名
+     */
+    tableName: string;
+    /**
+     * 额外查询参数
+     */
+    extraParams?: Record<string, any>;
+    /**
+     * 时间筛选名称
+     */
+    timeFieldName?: string;
+    /**
+     * 时间筛选模式
+     */
+    timeFieldFormat?: string;
+    /**
+     * 过滤配置
+     */
+    filterConfig?: {
+        label: string;
+        column: string;
+        condition?: string;
+    }[];
+    /**
+     * 显示导出数据按钮
+     */
+    showExportButton?: boolean;
+    /**
+     * 自定义按钮
+     */
+    customButtons?: () => CustomButtonConfig[];
+    /**
+     * 自定义表格列
+     */
+    customColumns?: Record<string, any>;
+    /**
+     * 已选行数，用于显示数量
+     */
+    selectedRowLength?: number;
+    /**
+     * 表格默认分页条数，默认 1000
+     */
+    pageSize?: number;
+    /**
+     * 表格最大总数
+     */
+    maxTotal?: number;
+    /**
+     * 单击实体
+     * @param record
+     */
+    onClick?: (record: any) => void;
+    /**
+     * 双击实体
+     * @param record
+     */
+    onDoubleClick?: (record: any) => void;
+    /**
+     * 触发刷新的回调
+     */
+    onRefresh?: () => void;
+}
+export interface SenseContentTableRef {
+    /**
+     * 刷新
+     */
+    refresh: () => void;
+}
+export {};

package/dist/es/components/SenseContentTable/assets/filter.svg.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+var _path;
+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 SvgFilter = function SvgFilter(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 14,
+    height: 14,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#8C8C8C",
+    d: "M1.302 3.108c-.669-.752-.135-1.941.872-1.941h9.652c1.007 0 1.54 1.19.872 1.941L9.042 7.222v5.074a.583.583 0 0 1-.918.478l-2.917-2.041a.58.58 0 0 1-.249-.478V7.222zm.872-.775 3.951 4.445v3.173l1.75 1.225V6.778l3.951-4.445z"
+  })));
+};
+
+export { SvgFilter as default };

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SenseContentTableProps } from './SenseContentTable.types';
+interface CcosSenseContentTableProps extends SenseContentTableProps {
+    'data-dnd': string;
+    tid: string;
+}
+declare const CcosSenseContentTable: {
+    (props: CcosSenseContentTableProps): React.JSX.Element;
+    settings: ComponentPrototype;
+};
+export default CcosSenseContentTable;

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

@@ -0,0 +1,15 @@
+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 SenseContentTable from './SenseContentTable.js';
+import settings from './settings.js';
+
+var CcosSenseContentTable = function (props) {
+    var getProps = function () {
+        var _props = __assign({}, props);
+        return _props;
+    };
+    return React__default.createElement(SenseContentTable, __assign({}, getProps()));
+};
+CcosSenseContentTable.settings = settings;
+
+export { CcosSenseContentTable as default };

package/dist/es/components/SenseContentTable/components/ExportModal/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ExportModalProps {
+    open: boolean;
+    config?: any[];
+    onOk: (params: any) => Promise<void>;
+    onCancel: () => void;
+}
+declare const ExportModal: React.FC<ExportModalProps>;
+export default ExportModal;