@icos-desktop/react-components 2.3.0 → 3.0.0

package/dist/es/components/SenseDetail/components/Content/components/List/Item/index.js

@@ -0,0 +1,13 @@
+import { List } from 'antd';
+import React__default from 'react';
+import styles from './index.module.less.js';
+
+var Item = function (_a) {
+    var item = _a.item, data = _a.data;
+    return (React__default.createElement(List.Item, null,
+        React__default.createElement("div", { className: styles.container },
+            React__default.createElement("div", null, item.columnDisplayName),
+            React__default.createElement("div", null, data[item.columnName]))));
+};
+
+export { Item as default };

package/dist/es/components/SenseDetail/components/Content/components/List/Item/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__vxGf9 {\n  display: flex;\n}\n.index-module_container__vxGf9 > div {\n  flex: 1;\n}\n";
+var styles = {"container":"index-module_container__vxGf9"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseDetail/components/Content/components/List/index.js

@@ -0,0 +1,10 @@
+import { List, Empty } from 'antd';
+import React__default from 'react';
+import Item from './Item/index.js';
+
+var CustomList = function (_a) {
+    var data = _a.data, header = _a.header;
+    return data ? (React__default.createElement(List, { itemLayout: "vertical", dataSource: header, renderItem: function (item) { return React__default.createElement(Item, { data: data, item: item }); } })) : (React__default.createElement(Empty, null));
+};
+
+export { CustomList as default };

package/dist/es/components/SenseDetail/components/Content/index.js

@@ -0,0 +1,163 @@
+import { AppstoreOutlined, BarsOutlined } from '@ant-design/icons';
+import { theme, message, Radio, Select } from 'antd';
+import React__default, { useState, useEffect } from 'react';
+import { getTableData } from '../../../../services/senseForm.js';
+import Card from './components/Card/index.js';
+import CustomList from './components/List/index.js';
+import styles from './index.module.less.js';
+
+var useToken = theme.useToken;
+var Content = function (props) {
+    var config = props.config, senseGlobalCode = props.senseGlobalCode;
+    var _a = message.useMessage(); _a[0]; var contextHolder = _a[1];
+    var token = useToken().token;
+    // 查看方式
+    var _b = useState('card'), mode = _b[0], setMode = _b[1];
+    // 当前查看的数据表 code
+    var _c = useState(''), tableCode = _c[0], setTableCode = _c[1];
+    // 数据表表头
+    var _d = useState([]), header = _d[0], setHeader = _d[1];
+    // 数据表数据（1条）
+    var _e = useState(null), data = _e[0], setData = _e[1];
+    // 时间字段
+    var _f = useState(null), timeColumn = _f[0], setTimeColumn = _f[1];
+    // 时空数据类型
+    var _g = useState(null); _g[0]; var setGeomType = _g[1];
+    // 可查询的时间范围
+    var _h = useState(); _h[0]; var setTimeRange = _h[1];
+    // 时间范围选择值
+    var _j = useState([]); _j[0]; var setRangeValue = _j[1];
+    // 查看方式切换选项
+    var modeOptions = [
+        {
+            label: React__default.createElement(AppstoreOutlined, null),
+            value: 'card',
+        },
+        {
+            label: React__default.createElement(BarsOutlined, null),
+            value: 'list',
+        },
+    ];
+    // 获取当前查看的表格配置
+    var getTableConfig = function () { return config === null || config === void 0 ? void 0 : config.find(function (item) { return item.tableCode === tableCode; }); };
+    // 修改查看方式
+    var handleChangeMode = function (e) {
+        setMode(e.target.value);
+    };
+    // 修改数据表
+    var handleChangeTable = function (value) {
+        setTableCode(value);
+    };
+    // 查看历史数据
+    // const openHistoryData = () => {
+    //   const tableConfig = getTableConfig();
+    //   console.log(tableConfig);
+    //   // windowStore.createWindow('TableBrowser', {
+    //   //   data: {
+    //   //     senseGlobalCode,
+    //   //     code: tableCode,
+    //   //     name: tableConfig.dmTableName,
+    //   //   },
+    //   // });
+    // };
+    // const handleChangeRangePicker = (value) => {
+    //   setRangeValue(value);
+    // };
+    // const resetRangeValue = () => {
+    //   setRangeValue([]);
+    // };
+    // const searchRange = async () => {
+    //   if (!rangeValue?.length) {
+    //     messageApi.error('请选择轨迹时间范围');
+    //     return;
+    //   }
+    //   // 获取 just 轨迹数据
+    //   const res = await getJustFeature({
+    //     page: 1,
+    //     pageSize: 999,
+    //     senseGlobalCode,
+    //     tableCode,
+    //     startTime: dayjs(rangeValue[0]).startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+    //     endTime: dayjs(rangeValue[1]).endOf('day').format('YYYY-MM-DD HH:mm:ss'),
+    //   });
+    //   console.log(res);
+    //   // const trackLayer = mapStore.trackLayer?.filter((item) => item.id !== senseGlobalCode);
+    //   // trackLayer.push(
+    //   //   ...res.map((item) => ({
+    //   //     id: senseGlobalCode,
+    //   //     data: Object.values(item)[0],
+    //   //   })),
+    //   // );
+    //   // mapStore.update({ trackLayer });
+    // };
+    // const disabledDate = (current) => {
+    //   if (geomType && timeRange) {
+    //     return (
+    //       current &&
+    //       (current > dayjs().endOf('day') ||
+    //         current <
+    //           dayjs()
+    //             .subtract(timeRange - 1, 'days')
+    //             .startOf('day'))
+    //     );
+    //   }
+    //   return false;
+    // };
+    useEffect(function () {
+        setRangeValue([]);
+        if (tableCode) {
+            // 当前选择的数据表配置
+            var tableConfig_1 = getTableConfig();
+            // 获取内容表数据
+            getTableData({
+                page: 1,
+                pageSize: 1,
+                senseGlobalCode: senseGlobalCode,
+                tableCode: tableCode,
+            })
+                .then(function (res) {
+                var _a, _b, _c;
+                setHeader((_a = tableConfig_1 === null || tableConfig_1 === void 0 ? void 0 : tableConfig_1.displayColumnList) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return item.detailDisplay; }));
+                setData((_c = (_b = res === null || res === void 0 ? void 0 : res.body) === null || _b === void 0 ? void 0 : _b.list) === null || _c === void 0 ? void 0 : _c[0]);
+                setGeomType(tableConfig_1 === null || tableConfig_1 === void 0 ? void 0 : tableConfig_1.geomType);
+                setTimeColumn(tableConfig_1 === null || tableConfig_1 === void 0 ? void 0 : tableConfig_1.timeColumn);
+                setTimeRange(tableConfig_1 === null || tableConfig_1 === void 0 ? void 0 : tableConfig_1.timeRange);
+            })
+                .catch(function () {
+                setHeader([]);
+                setData(null);
+                setGeomType(null);
+                setTimeColumn(null);
+                setTimeRange(null);
+            });
+        }
+        return function () {
+            // const trackLayer = mapStore.trackLayer?.filter((item) => item.id !== senseGlobalCode);
+            // mapStore.update({ trackLayer });
+        };
+    }, [tableCode, senseGlobalCode]);
+    useEffect(function () {
+        var _a;
+        setTableCode((_a = config === null || config === void 0 ? void 0 : config[0]) === null || _a === void 0 ? void 0 : _a.tableCode);
+    }, []);
+    useEffect(function () {
+        document.documentElement.style.setProperty('--select-text-color', token.colorText);
+    }, [token.colorText]);
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { className: styles['top-line'] },
+            React__default.createElement("div", null,
+                React__default.createElement(Radio.Group, { options: modeOptions, onChange: handleChangeMode, value: mode, optionType: "button" })),
+            React__default.createElement("div", null,
+                React__default.createElement(Select, { style: { minWidth: 100, color: token.colorText }, 
+                    // variant="borderless"
+                    options: config === null || config === void 0 ? void 0 : config.map(function (item) { return ({
+                        value: item.tableCode,
+                        label: item.dmTableName,
+                    }); }), onChange: handleChangeTable, value: tableCode }))),
+        React__default.createElement("div", { className: styles.content }, mode === 'list' ? (React__default.createElement(CustomList, { data: data, header: header })) : (React__default.createElement(Card, { data: data, header: header }))),
+        React__default.createElement("div", { className: styles['bottom-line'] },
+            React__default.createElement("div", { className: styles.time }, timeColumn ? data === null || data === void 0 ? void 0 : data[timeColumn] : null)),
+        contextHolder));
+};
+
+export { Content as default };

package/dist/es/components/SenseDetail/components/Content/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  --select-text-color: #000;\n}\n.index-module_container__Cb5QN {\n  padding-top: 8px;\n}\n.index-module_container__Cb5QN .ant-select-single .ant-select-selector {\n  color: var(--select-text-color);\n}\n.index-module_container__Cb5QN .index-module_top-line__UZwLs {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.index-module_container__Cb5QN .index-module_content__I5AU1 {\n  max-height: 300px;\n  margin: 8px 0;\n  overflow: hidden auto;\n}\n.index-module_container__Cb5QN .index-module_bottom-line__GAqVc {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.index-module_container__Cb5QN .index-module_time-range-line__dXp-d {\n  display: flex;\n  flex-direction: column;\n  row-gap: 8px;\n  margin-top: 8px;\n}\n.index-module_container__Cb5QN .index-module_time-range-line__dXp-d .index-module_time-range__sQLEt {\n  display: flex;\n  align-items: center;\n}\n.index-module_container__Cb5QN .index-module_time-range-line__dXp-d .index-module_btns__JekmU {\n  align-self: flex-end;\n}\n";
+var styles = {"container":"index-module_container__Cb5QN","top-line":"index-module_top-line__UZwLs","content":"index-module_content__I5AU1","bottom-line":"index-module_bottom-line__GAqVc"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseDetail/components/Relation/index.js

@@ -0,0 +1,36 @@
+import { theme, Collapse } from 'antd';
+import React__default, { useEffect } from 'react';
+import RelationGraph from '../../../RelationGraph/RelationGraph.js';
+import BookList from '../BookList/index.js';
+
+var useToken = theme.useToken;
+var Relation = function (props) {
+    var _a;
+    var senseGlobalCode = props.senseGlobalCode, hideBook = props.hideBook, onClickSense = props.onClickSense;
+    var token = useToken().token;
+    var items = [
+        {
+            key: 'RelationGraph',
+            label: '关系图谱',
+            children: (React__default.createElement("div", { style: { height: 428 } },
+                React__default.createElement(RelationGraph, { senseGlobalCode: senseGlobalCode, onJump: onClickSense }))),
+        },
+        hideBook
+            ? null
+            : {
+                key: 'BookList',
+                label: '存在于以下应用记录中',
+                children: React__default.createElement(BookList, { senseGlobalCode: senseGlobalCode }),
+            },
+    ].filter(Boolean);
+    useEffect(function () {
+        document.documentElement.style.setProperty('--collapse-header-color', token.colorTextHeading);
+    }, [token.colorTextHeading]);
+    return (React__default.createElement("div", null,
+        React__default.createElement(Collapse, { style: {
+                backgroundColor: (_a = token.Collapse) === null || _a === void 0 ? void 0 : _a.headerBg,
+                color: token.colorTextHeading,
+            }, items: items, defaultActiveKey: ['RelationGraph', 'BookList'], bordered: false })));
+};
+
+export { Relation as default };

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

@@ -0,0 +1,113 @@
+import { applyRules } from '../../utils/settings.js';
+
+var settings = {
+    name: 'CcosSenseDetail',
+    title: '实体详情',
+    description: '',
+    package: '@icos-desktop/react-components',
+    exportType: 'namedExport',
+    props: [
+        {
+            name: 'senseGlobalCode',
+            title: '实体记录唯一标识',
+            group: 'basic',
+            setter: 'textSetter',
+        },
+        {
+            name: 'showTopMenu',
+            title: '显示顶部菜单栏',
+            group: 'basic',
+            setter: 'boolSetter',
+        },
+        {
+            name: 'topMenuConfig',
+            title: '顶部菜单栏控制',
+            group: 'basic',
+            setter: 'selectSetter',
+            setterProps: {
+                mode: 'multiple',
+            },
+            options: [
+                { label: '基础信息', value: 'base' },
+                { label: '关联信息', value: 'relation' },
+            ],
+            getVisible: function (form) {
+                return form.getValue('showTopMenu');
+            },
+        },
+        {
+            name: 'enableTag',
+            title: '属性信息-标签',
+            group: 'basic',
+            setter: 'boolSetter',
+        },
+        {
+            name: 'tabsBgColor',
+            title: 'tabs背景颜色',
+            group: 'style',
+            setter: 'colorSetter',
+        },
+        {
+            name: 'contentCardNameColor',
+            title: '内容信息卡片标题颜色',
+            group: 'style',
+            setter: 'colorSetter',
+        },
+        {
+            name: 'contentCardContentColor',
+            title: '内容信息卡片内容颜色',
+            group: 'style',
+            setter: 'colorSetter',
+        },
+        {
+            name: 'contentCardBorderColor',
+            title: '内容信息卡片边框颜色',
+            group: 'style',
+            setter: 'colorSetter',
+        },
+        {
+            name: 'contentCardBgColor',
+            title: '内容信息卡片背景颜色',
+            group: 'style',
+            setter: 'colorSetter',
+        },
+        {
+            name: 'senseInfoTextColor',
+            title: '文本颜色',
+            group: 'style',
+            setter: 'colorSetter',
+        },
+        {
+            name: 'senseInfoBorderColor',
+            title: '表格边框颜色',
+            group: 'style',
+            setter: 'colorSetter',
+        },
+        {
+            name: 'senseInfoBorderWidth',
+            title: '表格边框宽度',
+            group: 'style',
+            setter: 'numberSetter',
+        },
+        {
+            name: 'senseInfoBorderStyle',
+            title: '表格边框样式',
+            group: 'style',
+            setter: 'selectSetter',
+            options: [
+                { label: 'None', value: 'none' },
+                { label: 'Dashed', value: 'dashed' },
+                { label: 'Dotted', value: 'dotted' },
+                { label: 'Solid', value: 'solid' },
+                { label: 'Double', value: 'double' },
+                { label: 'Groove', value: 'groove' },
+                { label: 'Ridge', value: 'ridge' },
+                { label: 'Inset', value: 'inset' },
+                { label: 'Outset', value: 'outset' },
+            ],
+        },
+    ],
+};
+var settings$1 = applyRules(settings);
+
+export { settings$1 as default };

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

@@ -0,0 +1,76 @@
+import { __awaiter, __generator } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.53.3_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js';
+import { useRequest } from 'ahooks';
+import { message, Button } from 'antd';
+import React__default, { useRef } from 'react';
+import SenseForm from '../SenseForm/SenseForm.js';
+import { getSenseOperation, saveSense } from '../../services/senseForm.js';
+import { parseSenseGlobalCode } from '../../utils/sense.js';
+import styles from './SenseEdit.module.less.js';
+
+var SenseEdit = function (props) {
+    var senseGlobalCode = props.senseGlobalCode, bookId = props.bookId, _a = props.cancelText, cancelText = _a === void 0 ? '取消' : _a, onCancel = props.onCancel, onSuccess = props.onSuccess, hiddenMap = props.hiddenMap, theme = props.theme, bottomBgColor = props.bottomBgColor, bottomBorderWidth = props.bottomBorderWidth, bottomBorderColor = props.bottomBorderColor, bottomBorderStyle = props.bottomBorderStyle;
+    var _b = message.useMessage(), messageApi = _b[0], contextHolder = _b[1];
+    var senseFormRef = useRef();
+    var data = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, _b, currentBookId, senseCode;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!(senseGlobalCode || bookId)) return [3 /*break*/, 2];
+                    _a = parseSenseGlobalCode(senseGlobalCode), _b = _a.bookId, currentBookId = _b === void 0 ? bookId : _b, senseCode = _a.senseCode;
+                    return [4 /*yield*/, getSenseOperation({
+                            bookId: currentBookId,
+                            senseCode: senseCode,
+                            type: senseGlobalCode ? 'edit' : 'new',
+                        })];
+                case 1: return [2 /*return*/, _c.sent()];
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); }, {
+        refreshDeps: [senseGlobalCode, bookId],
+    }).data;
+    // 保存
+    var handleOk = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var values, _a, _b, currentBookId, senseCode, res;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0: return [4 /*yield*/, senseFormRef.current.validateFields()];
+                case 1:
+                    values = _c.sent();
+                    if (!values) return [3 /*break*/, 3];
+                    _a = parseSenseGlobalCode(senseGlobalCode), _b = _a.bookId, currentBookId = _b === void 0 ? bookId : _b, senseCode = _a.senseCode;
+                    return [4 /*yield*/, saveSense({
+                            bookId: currentBookId,
+                            entityId: senseCode,
+                            entityInfo: JSON.stringify(values),
+                        })];
+                case 2:
+                    res = _c.sent();
+                    onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(res);
+                    messageApi.success('保存成功');
+                    _c.label = 3;
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    if (!data) {
+        return null;
+    }
+    var entityInfo = data.entityInfo, schemaJSON = data.schemaJSON, readonlyList = data.readonlyList;
+    var bottomStyle = {
+        background: bottomBgColor !== null && bottomBgColor !== void 0 ? bottomBgColor : 'rgba(42, 81, 140, 0.5)',
+        borderWidth: bottomBorderWidth !== null && bottomBorderWidth !== void 0 ? bottomBorderWidth : 1,
+        borderColor: bottomBorderColor !== null && bottomBorderColor !== void 0 ? bottomBorderColor : '#2A518C',
+        borderStyle: bottomBorderStyle !== null && bottomBorderStyle !== void 0 ? bottomBorderStyle : 'none',
+    };
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { className: styles.form },
+            React__default.createElement(SenseForm, { ref: senseFormRef, key: "".concat(senseGlobalCode, "-").concat(theme, "-").concat(hiddenMap ? 'hiddenMap' : ''), data: entityInfo, schemaJSON: schemaJSON, readonlyList: readonlyList, hiddenMap: hiddenMap, theme: theme })),
+        React__default.createElement("div", { className: styles.btns, style: bottomStyle },
+            React__default.createElement(Button, { type: "default", onClick: onCancel }, cancelText),
+            React__default.createElement(Button, { type: "primary", onClick: handleOk }, "\u786E\u5B9A")),
+        contextHolder));
+};
+
+export { SenseEdit as default };

package/dist/es/components/SenseEdit/SenseEdit.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 = ".SenseEdit-module_container__Ji1A5 {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n}\n.SenseEdit-module_container__Ji1A5 * {\n  box-sizing: border-box;\n}\n.SenseEdit-module_container__Ji1A5 .SenseEdit-module_form__ysv-Q {\n  flex: 1;\n  width: 100%;\n  height: 0;\n}\n.SenseEdit-module_container__Ji1A5 .SenseEdit-module_btns__JkE33 {\n  flex-shrink: 0;\n  padding: 16px;\n  text-align: right;\n  backdrop-filter: blur(60px);\n}\n.SenseEdit-module_container__Ji1A5 .SenseEdit-module_btns__JkE33 > button:not(:last-child) {\n  margin-right: 16px;\n}\n";
+var styles = {"container":"SenseEdit-module_container__Ji1A5","form":"SenseEdit-module_form__ysv-Q","btns":"SenseEdit-module_btns__JkE33"};
+styleInject(css_248z);
+
+export { styles as default };

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

@@ -0,0 +1,18 @@
+import { __assign } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.53.3_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import SenseEdit from './SenseEdit.js';
+import settings from './settings.js';
+
+var CcosSenseEdit = function (props) {
+    var getProps = function () {
+        var _props = __assign({}, props);
+        // if (!props.showTopMenu) {
+        //   delete _props.topMenuConfig;
+        // }
+        return _props;
+    };
+    return React__default.createElement(SenseEdit, __assign({}, getProps()));
+};
+CcosSenseEdit.settings = settings;
+
+export { CcosSenseEdit as default };

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

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

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

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

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

@@ -0,0 +1,7 @@
+import styleInject from '../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".SenseForm-module_container__qRRur {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.SenseForm-module_container__qRRur .SenseForm-module_iframe__7-FjX {\n  width: 100%;\n  height: 100%;\n}\n.SenseForm-module_container__qRRur .SenseForm-module_iframe__7-FjX iframe {\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n";
+var styles = {"container":"SenseForm-module_container__qRRur","iframe":"SenseForm-module_iframe__7-FjX"};
+styleInject(css_248z);
+
+export { styles as default };