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

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/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.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.js

@@ -0,0 +1,115 @@
+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 { Form, Select, Tree } from '@xirang/design-antd';
+import { produce } from 'immer';
+import React__default, { useState, useEffect } from 'react';
+import Modal from '../../../Modal/index.js';
+import styles from './index.module.less.js';
+
+var ExportModal = function (_a) {
+    var open = _a.open, config = _a.config, onOk = _a.onOk, onCancel = _a.onCancel;
+    var form = Form.useForm()[0];
+    // 文件名选项
+    var _b = useState([]), nameOptions = _b[0], setNameOptions = _b[1];
+    // 导出配置选项
+    var _c = useState({}), fieldOptions = _c[0], setFieldOptions = _c[1];
+    // 当前选中的文件code
+    var _d = useState(''), tableCode = _d[0], setTableCode = _d[1];
+    // 选中的字段
+    var _e = useState({}), fieldKeys = _e[0], setFieldKeys = _e[1];
+    // 导出字段存在校验问题
+    var _f = useState(false), fieldKeysError = _f[0], setFieldKeysError = _f[1];
+    // 确定按钮loading
+    var _g = useState(false), loading = _g[0], setLoading = _g[1];
+    // 选择文件变化
+    var handleChangeTableCode = function (value) {
+        setFieldKeysError(false);
+        setTableCode(value);
+    };
+    // 选择导出字段变化
+    var handleChangeField = function (value) {
+        setFieldKeysError(false);
+        setFieldKeys(produce(fieldKeys, function (draftState) {
+            draftState[tableCode] = value;
+        }));
+    };
+    var handleOk = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var params_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(config === null || config === void 0 ? void 0 : config.length)) return [3 /*break*/, 2];
+                    params_1 = [];
+                    config.forEach(function (item) {
+                        var _a;
+                        if (params_1) {
+                            var tableConfigs = (_a = item.tableConfigs) === null || _a === void 0 ? void 0 : _a.filter(function (it) { var _a; return (_a = fieldKeys[item.tableCode]) === null || _a === void 0 ? void 0 : _a.includes(it.key); });
+                            if (tableConfigs === null || tableConfigs === void 0 ? void 0 : tableConfigs.length) {
+                                params_1.push(__assign(__assign({}, item), { tableConfigs: tableConfigs }));
+                            }
+                            else {
+                                setTableCode(item.tableCode);
+                                setFieldKeysError(true);
+                                params_1 = null;
+                            }
+                        }
+                    });
+                    if (!params_1) return [3 /*break*/, 2];
+                    setLoading(true);
+                    return [4 /*yield*/, onOk(params_1).finally(function () {
+                            setLoading(false);
+                        })];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        var _a;
+        if (config === null || config === void 0 ? void 0 : config.length) {
+            var newNameOptions_1 = [];
+            var newFieldOptions_1 = {};
+            var newFieldKeys_1 = {};
+            config.forEach(function (item) {
+                var _a;
+                newNameOptions_1.push({ value: item.tableCode, label: item.tableName });
+                var options = [
+                    {
+                        key: '_all',
+                        title: '全部',
+                        children: [],
+                    },
+                ];
+                var keys = [];
+                (_a = item.tableConfigs) === null || _a === void 0 ? void 0 : _a.forEach(function (it) {
+                    options[0].children.push({ title: it.value, key: it.key });
+                    keys.push(it.key);
+                });
+                newFieldOptions_1[item.tableCode] = options;
+                newFieldKeys_1[item.tableCode] = keys;
+            });
+            setNameOptions(newNameOptions_1);
+            setFieldOptions(newFieldOptions_1);
+            setFieldKeys(newFieldKeys_1);
+            // 默认选中第一个
+            setTableCode((_a = config[0]) === null || _a === void 0 ? void 0 : _a.tableCode);
+        }
+        else {
+            setNameOptions([]);
+            setFieldOptions({});
+            setFieldKeys({});
+            setTableCode('');
+        }
+    }, [config]);
+    return (React__default.createElement(Modal, { open: open, title: "\u5BFC\u51FA\u914D\u7F6E", onOk: handleOk, onCancel: onCancel, okButtonProps: { loading: loading }, className: styles.container },
+        React__default.createElement(Form, { form: form, name: "export-modal", labelCol: { span: 6 }, wrapperCol: { span: 18 } },
+            (nameOptions === null || nameOptions === void 0 ? void 0 : nameOptions.length) > 1 ? (React__default.createElement(Form.Item, { label: "\u6587\u4EF6\u540D" },
+                React__default.createElement(Select, { options: nameOptions, value: tableCode, onChange: handleChangeTableCode }))) : null,
+            React__default.createElement(Form.Item, { label: "\u5BFC\u51FA\u5B57\u6BB5" },
+                React__default.createElement("div", { className: fieldKeysError ? styles['field-error'] : styles['field-no-error'] },
+                    React__default.createElement(Tree, { treeData: fieldOptions === null || fieldOptions === void 0 ? void 0 : fieldOptions[tableCode], checkedKeys: fieldKeys === null || fieldKeys === void 0 ? void 0 : fieldKeys[tableCode], onCheck: handleChangeField, selectable: false, defaultExpandAll: true, checkable: true, blockNode: true })),
+                fieldKeysError ? (React__default.createElement("span", { className: styles['field-message'] }, "\u8BF7\u9009\u62E9\u81F3\u5C11\u4E00\u4E2A\u5BFC\u51FA\u5B57\u6BB5")) : null))));
+};
+
+export { ExportModal as default };

package/dist/es/components/SenseContentTable/components/ExportModal/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__KeLTS .index-module_field-no-error__08MwI {\n  border: 1px solid transparent;\n}\n.index-module_container__KeLTS .index-module_field-error__z0Op- {\n  border: 1px solid rgba(255, 77, 79, 0.5);\n  border-radius: 2px;\n}\n.index-module_container__KeLTS .index-module_field-message__U1doq {\n  color: #dc4446;\n}\n.index-module_container__KeLTS .ant-tree {\n  height: 260px;\n  margin-top: 4px;\n  overflow: auto;\n  line-height: 32px;\n  background: transparent;\n  border-radius: 0;\n}\n";
+var styles = {"container":"index-module_container__KeLTS","field-no-error":"index-module_field-no-error__08MwI","field-error":"index-module_field-error__z0Op-","field-message":"index-module_field-message__U1doq"};
+styleInject(css_248z);
+
+export { styles as default };

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

@@ -0,0 +1,71 @@
+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 { Modal } from '@xirang/design-antd';
+import React__default, { useState, useRef } from 'react';
+import { getSenseContentExportConfig, exportSenseContentExcel } from '../../../../services/senseManager.js';
+import { downloadFile } from '../../../../utils/download.js';
+import ExportModal from './index.js';
+
+var useExportModal = function () {
+    var _a = Modal.useModal(), modal = _a[0], contextHolder = _a[1];
+    // 是否显示导出配置弹窗
+    var _b = useState(false), openExportModal = _b[0], setOpenExportModal = _b[1];
+    // 导出配置
+    var _c = useState([]), exportConfig = _c[0], setExportConfig = _c[1];
+    // 搜索参数
+    var params = useRef({});
+    // 触发导出
+    var onExport = function (_params) { return __awaiter(void 0, void 0, void 0, function () {
+        var res, confirmMessage, tableExportConfigItems;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    params.current = _params;
+                    return [4 /*yield*/, getSenseContentExportConfig(__assign({}, _params))];
+                case 1:
+                    res = _a.sent();
+                    confirmMessage = res.confirmMessage, tableExportConfigItems = res.tableExportConfigItems;
+                    if (!confirmMessage) {
+                        setExportConfig(tableExportConfigItems);
+                        setOpenExportModal(true);
+                    }
+                    else {
+                        modal.confirm({
+                            content: confirmMessage,
+                            onOk: function () {
+                                setExportConfig(tableExportConfigItems);
+                                setOpenExportModal(true);
+                            },
+                        });
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    // 导出关闭
+    var handleExportCancel = function () {
+        setOpenExportModal(false);
+        setExportConfig([]);
+    };
+    // 导出完成
+    var handleExportOk = function (_params) { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, exportSenseContentExcel(__assign(__assign({}, params.current), { tableExportConfigItems: _params, excelName: "\u6570\u636E" }))];
+                case 1:
+                    res = _a.sent();
+                    downloadFile(res);
+                    setOpenExportModal(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return {
+        onExport: onExport,
+        ExportModal: function () { return (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(ExportModal, { open: openExportModal, config: exportConfig, onOk: handleExportOk, onCancel: handleExportCancel }),
+            contextHolder)); },
+    };
+};
+
+export { useExportModal as default };

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

@@ -0,0 +1,67 @@
+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 { DatePicker, Form, Button, Popover, Input } from '@xirang/design-antd';
+import classNames from 'classnames';
+import { isEmpty } from 'lodash';
+import React__default, { useState, useEffect } from 'react';
+import { getRangePickerConversion, isAllValuesEmpty } from '../../../SenseFullTable/utils/index.js';
+import SvgFilter from '../../assets/filter.svg.js';
+import styles from './index.module.less.js';
+
+var RangePicker = DatePicker.RangePicker;
+var Filter = function (props) {
+    var _a;
+    var timeFieldName = props.timeFieldName, timeFieldFormat = props.timeFieldFormat, filterConfig = props.filterConfig, filter = props.filter, onFilter = props.onFilter;
+    var form = Form.useForm()[0];
+    var _b = useState(false), open = _b[0], setOpen = _b[1];
+    // 筛选窗口变化
+    var handleOpenChange = function (visible) {
+        if (!visible) {
+            handleFilter();
+        }
+        setOpen(visible);
+    };
+    // 重置筛选
+    var resetFilter = function () {
+        form.resetFields();
+        onFilter(null);
+        setOpen(false);
+    };
+    // 触发筛选
+    var handleFilter = function () {
+        var values = form.getFieldsValue();
+        var isEmpty = isAllValuesEmpty(values);
+        onFilter(isEmpty ? null : values);
+        setOpen(false);
+    };
+    // 渲染表单项
+    var renderFormItems = function () {
+        return (React__default.createElement(React__default.Fragment, null, filterConfig === null || filterConfig === void 0 ? void 0 :
+            filterConfig.map(function (item) { return (React__default.createElement(Form.Item, { key: item.column, name: item.column, label: item.label },
+                React__default.createElement(Input, { placeholder: "\u8BF7\u8F93\u5165".concat(item.label), allowClear: true }))); }),
+            timeFieldName ? (React__default.createElement(Form.Item, __assign({ name: "time", label: timeFieldName }, getRangePickerConversion(timeFieldFormat)),
+                React__default.createElement(RangePicker, { style: { width: '100%' }, picker: timeFieldFormat.includes('DD')
+                        ? undefined
+                        : timeFieldFormat.includes('MM')
+                            ? 'month'
+                            : 'year', showTime: timeFieldFormat.includes('HH'), format: timeFieldFormat || 'YYYY-MM-DD HH:mm:ss', placeholder: ['开始时间', '结束时间'], allowClear: true }))) : null));
+    };
+    // 显示内容
+    var content = (React__default.createElement("div", { className: styles.content },
+        React__default.createElement(Form, { form: form, labelCol: { span: 6 }, wrapperCol: { span: 18 } }, renderFormItems()),
+        React__default.createElement("div", { className: styles.btns },
+            React__default.createElement(Button, { type: "default", onClick: resetFilter }, "\u91CD\u7F6E"),
+            React__default.createElement(Button, { type: "primary", onClick: handleFilter }, "\u67E5\u8BE2"))));
+    useEffect(function () {
+        if (filter) {
+            form.setFieldsValue(filter);
+        }
+        else {
+            form.resetFields();
+        }
+    }, [filter]);
+    return (React__default.createElement(Popover, { content: content, open: open, onOpenChange: handleOpenChange, trigger: "click", placement: "bottomRight" },
+        React__default.createElement("div", { className: classNames(styles.filter, (_a = {}, _a[styles.active] = !isEmpty(filter), _a)) },
+            React__default.createElement(SvgFilter, null))));
+};
+
+export { Filter as default };

package/dist/es/components/SenseContentTable/components/Filter/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 = ":root {\n  --sense-manager-filter-icon-color: currentcolor;\n}\n.index-module_filter__GAM8R {\n  position: relative;\n  display: flex;\n  place-items: center right;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  cursor: pointer;\n  border-radius: 2px;\n}\n.index-module_filter__GAM8R svg path {\n  fill: var(--sense-manager-filter-icon-color);\n}\n.index-module_filter__GAM8R.index-module_active__sMBD-::after {\n  position: absolute;\n  top: -4px;\n  right: -4px;\n  width: 8px;\n  height: 8px;\n  content: '';\n  border-radius: 50%;\n}\n.index-module_content__ku4lY {\n  display: flex;\n  flex-direction: column;\n  width: 420px;\n  padding: 8px 16px;\n}\n.index-module_content__ku4lY .index-module_btns__eOVox {\n  display: flex;\n  column-gap: 8px;\n  justify-content: flex-end;\n}\n.index-module_content__ku4lY .ant-form .ant-form-item {\n  margin-bottom: 16px;\n}\n";
+var styles = {"filter":"index-module_filter__GAM8R","active":"index-module_active__sMBD-","content":"index-module_content__ku4lY","btns":"index-module_btns__eOVox"};
+styleInject(css_248z);
+
+export { styles as default };

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

@@ -0,0 +1,39 @@
+import { applyRules } from '../../utils/settings.js';
+
+var settings = {
+    name: 'CcosSenseContentTable',
+    title: '实体内容列表',
+    description: '',
+    package: '@icos-desktop/react-components',
+    exportType: 'namedExport',
+    props: [
+    // {
+    //   name: 'views',
+    //   title: '左侧菜单栏',
+    //   group: 'basic',
+    //   setter: 'selectSetter',
+    //   setterProps: {
+    //     mode: 'multiple',
+    //     labelInValue: true,
+    //   },
+    //   options: [
+    //     { 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' },
+    //   ],
+    // },
+    // 事件
+    // {
+    //   name: 'onCreateSense',
+    //   title: '新建对象',
+    //   group: 'event',
+    //   setter: 'eventSetter',
+    // },
+    ],
+};
+var settings$1 = applyRules(settings);
+
+export { settings$1 as default };

package/dist/es/components/SenseCreate/SenseCreate.js

@@ -0,0 +1,39 @@
+import { Steps } from '@xirang/design-antd';
+import classNames from 'classnames';
+import React__default, { useState } from 'react';
+import CreateBook from './components/CreateBook/index.js';
+import CreateSense from './components/CreateSense/index.js';
+import SelectBook from './components/SelectBook/index.js';
+import SelectTemplate from './components/SelectTemplate/index.js';
+import styles from './SenseCreate.module.less.js';
+
+var SenseCreate = function (props) {
+    var _a;
+    var viewCodes = props.viewCodes, senseObjCode = props.senseObjCode, bookId = props.bookId, theme = props.theme, onCancel = props.onCancel, onSuccess = props.onSuccess;
+    // 选择台账
+    var _b = useState(false), isSelectBook = _b[0], setIsSelectBook = _b[1];
+    // 当前步骤
+    var _c = useState(0), current = _c[0], setCurrent = _c[1];
+    // 当前的模板信息
+    var _d = useState(null), cueTemplateId = _d[0], setCueTemplateId = _d[1];
+    // 当前的台账信息
+    var _e = useState(null), curBookId = _e[0], setCurBookId = _e[1];
+    // 步骤条
+    var stepItems = isSelectBook
+        ? [{ title: '选择台账' }, { title: '新建对象' }]
+        : [{ title: '选择模板' }, { title: '编辑基本信息' }, { title: '新建对象' }];
+    if (bookId) {
+        return (React__default.createElement(CreateSense, { bookId: bookId, theme: theme, onPrev: onCancel, onSuccess: onSuccess, cancelText: "\u5173\u95ED" }));
+    }
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { className: classNames(styles.steps, (_a = {}, _a[styles['select-book']] = isSelectBook, _a)) },
+            React__default.createElement(Steps, { direction: "horizontal", labelPlacement: "vertical", current: current, items: stepItems, responsive: false })),
+        React__default.createElement("div", { className: styles.content }, isSelectBook ? (React__default.createElement(React__default.Fragment, null,
+            current === 0 && (React__default.createElement(SelectBook, { viewCodes: viewCodes, senseObjCode: senseObjCode, setIsSelectBook: setIsSelectBook, onPrev: onCancel, onNext: function () { return setCurrent(1); }, setCurBookId: setCurBookId })),
+            current === 1 && (React__default.createElement(CreateSense, { bookId: curBookId, theme: theme, onPrev: function () { return setCurrent(0); }, onSuccess: onSuccess })))) : (React__default.createElement(React__default.Fragment, null,
+            current === 0 && (React__default.createElement(SelectTemplate, { viewCodes: viewCodes, senseObjCode: senseObjCode, setIsSelectBook: setIsSelectBook, setCueTemplateId: setCueTemplateId, onNext: function () { return setCurrent(1); } })),
+            current === 1 && (React__default.createElement(CreateBook, { onPrev: function () { return setCurrent(0); }, onNext: function () { return setCurrent(2); }, setCurBookId: setCurBookId, templateId: cueTemplateId })),
+            current === 2 && (React__default.createElement(CreateSense, { bookId: curBookId, theme: theme, onPrev: function () { return setCurrent(0); }, onSuccess: onSuccess })))))));
+};
+
+export { SenseCreate as default };

package/dist/es/components/SenseCreate/SenseCreate.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 = ".SenseCreate-module_container__Lxdyb {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n.SenseCreate-module_container__Lxdyb * {\n  box-sizing: border-box;\n}\n.SenseCreate-module_container__Lxdyb .SenseCreate-module_steps__fHG-p {\n  padding: 24px 24px 16px;\n}\n.SenseCreate-module_container__Lxdyb .SenseCreate-module_steps__fHG-p.SenseCreate-module_select-book__hqsGe {\n  padding: 24px 48px 16px;\n}\n.SenseCreate-module_container__Lxdyb .SenseCreate-module_content__QOLKW {\n  flex: 1;\n  height: 0;\n}\n";
+var styles = {"container":"SenseCreate-module_container__Lxdyb","steps":"SenseCreate-module_steps__fHG-p","select-book":"SenseCreate-module_select-book__hqsGe","content":"SenseCreate-module_content__QOLKW"};
+styleInject(css_248z);
+
+export { styles as default };

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

@@ -0,0 +1,16 @@
+import { __rest, __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 SenseCreate from './SenseCreate.js';
+import settings from './settings.js';
+
+var CcosSenseCreate = function (props) {
+    var restProps = __rest(props, []);
+    var getProps = function () {
+        var _props = __assign({}, restProps);
+        return _props;
+    };
+    return React__default.createElement(SenseCreate, __assign({}, getProps()));
+};
+CcosSenseCreate.settings = settings;
+
+export { CcosSenseCreate as default };