@cloudbase/weda-ui 3.4.8 → 3.4.9

package/dist/web/components/flow-graph/graph.js

@@ -0,0 +1,267 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState, useRef } from 'react';
+import ReactDOM from 'react-dom';
+import G6 from '@antv/g6';
+import { Status, Modal, Button, ConfigProvider } from 'tea-component';
+import moment from 'moment';
+import { getUuid } from '../../utils/tool';
+import { STATUS_COLOR_MAP, APPROVE_MAP } from './constants';
+import './style.css';
+/** 流程图组件 */
+export const FlowGraph = (props) => {
+    const { processCanvasInfo, ...restProps } = props;
+    const containerIdRef = useRef(getUuid());
+    // 节点审批详情弹窗显示状态
+    const [modalVisible, setModalVisible] = useState(false);
+    // 节点审批详情弹窗显示数据
+    const [modalData, setModalData] = useState({
+        nodeName: '',
+        confData: null,
+    });
+    useEffect(() => {
+        var _a;
+        if (((_a = processCanvasInfo === null || processCanvasInfo === void 0 ? void 0 : processCanvasInfo.Nodes) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            renderGraph({
+                data: processCanvasInfo,
+                containerIdRef,
+                setModalData,
+                onOpenModal,
+            });
+        }
+    }, [processCanvasInfo]);
+    const onOpenModal = () => setModalVisible(true);
+    const onCloseModal = () => setModalVisible(false);
+    // antv注册节点
+    registerNode();
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { ...restProps, children: _jsxs("div", { id: containerIdRef.current, children: [renderStatus(!processCanvasInfo), renderTooltipContentModal({
+                        modalData,
+                        visible: modalVisible,
+                        onClose: onCloseModal,
+                    })] }) }) }));
+};
+// 渲染当前状态
+const renderStatus = (isEmpty) => {
+    if (isEmpty) {
+        return _jsx(Status, { icon: "blank", size: "l", title: "\u6682\u65E0\u6D41\u8F6C\u8282\u70B9" });
+    }
+    return null;
+};
+// 渲染图示内容
+const renderGraph = (config) => {
+    const { data, containerIdRef, onOpenModal, setModalData } = config;
+    const container = document.getElementById(containerIdRef.current);
+    if (!container)
+        return;
+    const width = container.scrollWidth;
+    const height = document.documentElement.clientHeight;
+    const tooltip = new G6.Tooltip({
+        offsetX: 60,
+        offsetY: -20,
+        trigger: 'click',
+        itemTypes: ['node'],
+        getContent: (e) => {
+            return renderTooltipContent(e, onOpenModal, setModalData);
+        },
+    });
+    const graphData = getGraphData(data);
+    const graph = new G6.Graph({
+        container: containerIdRef.current,
+        width,
+        height: height - 300,
+        fitView: true,
+        fitViewPadding: [20, 40, 50, 20],
+        layout: {
+            type: 'dagre',
+            ranksep: 30,
+            controlPoints: true,
+        },
+        defaultNode: {
+            type: 'sql',
+        },
+        plugins: [tooltip],
+        defaultEdge: {
+            type: 'polyline',
+            style: {
+                endArrow: true,
+                lineWidth: 2,
+                stroke: '#C2C8D5',
+            },
+        },
+        nodeStateStyles: {
+            selected: {
+                stroke: '#000',
+                fill: '#5394ef',
+            },
+        },
+        modes: {
+            default: ['drag-canvas', 'zoom-canvas'],
+        },
+    });
+    graph.data(graphData);
+    graph.render();
+    if (typeof window !== 'undefined') {
+        window.onresize = () => {
+            if (!graph || graph.get('destroyed'))
+                return;
+            if (!container || !container.scrollWidth || !container.scrollHeight)
+                return;
+            graph.changeSize(container.scrollWidth, container.scrollHeight);
+        };
+    }
+};
+// 渲染提示内容
+const renderTooltipContent = (e, onOpenModal, setModalData) => {
+    var _a;
+    const outDiv = document.createElement('div');
+    outDiv.style.width = 'auto';
+    const modelData = e.item.getModel();
+    const dataSource = modelData === null || modelData === void 0 ? void 0 : modelData.dataSource;
+    let vDomContent = null;
+    if ((_a = dataSource === null || dataSource === void 0 ? void 0 : dataSource.Conf) === null || _a === void 0 ? void 0 : _a.length) {
+        const contentHtml = dataSource === null || dataSource === void 0 ? void 0 : dataSource.Conf.map((info, index) => {
+            // 区分处理节点和审批节点的 待审批/待处理 文案
+            if (modelData.dataType === 23 && info.Status === 0) {
+                info.Status = 10;
+            }
+            return (_jsxs("li", { className: "weda-flow-graph-info-item", onClick: () => {
+                    onOpenModal();
+                    setModalData({
+                        nodeName: dataSource === null || dataSource === void 0 ? void 0 : dataSource.Name,
+                        confData: info,
+                    });
+                }, children: [_jsxs("div", { className: "first-line", children: [_jsx("i", { className: info.Status ? 'tootip-will_do' : '' }), _jsx("span", { className: "tootip-name", children: info.Name }), _jsx("span", { style: {
+                                    color: APPROVE_MAP[info.Status ? info.Status : 0].color,
+                                    paddingLeft: '8px',
+                                }, children: APPROVE_MAP[info.Status ? info.Status : 0].txt })] }), info.Status && info.OpTime ? (_jsx("p", { className: "tooltip-time", children: moment(info.OpTime).format('YYYY-MM-DD HH:mm:ss') })) : null] }, `conf-${index}`));
+        });
+        vDomContent = (_jsxs("div", { className: "weda-flow-graph-info", children: [_jsx("h4", { children: "\u8282\u70B9\u5BA1\u6279\u4FE1\u606F" }), _jsx("ul", { className: "weda-flow-graph-info-content", children: contentHtml })] }));
+    }
+    else {
+        vDomContent = _jsx("p", { children: "\u6682\u65E0\u4FE1\u606F" });
+    }
+    ReactDOM.render(vDomContent, outDiv);
+    return outDiv;
+};
+// 渲染提示内容弹窗
+const renderTooltipContentModal = (config) => {
+    var _a, _b;
+    const { visible, onClose, modalData: { nodeName, confData }, } = config;
+    const showData = [
+        {
+            label: '审批节点',
+            content: nodeName,
+        },
+        {
+            label: '审批人',
+            content: confData === null || confData === void 0 ? void 0 : confData.Name,
+        },
+        {
+            label: '审批操作',
+            content: (_jsx("span", { style: {
+                    color: (_a = APPROVE_MAP === null || APPROVE_MAP === void 0 ? void 0 : APPROVE_MAP[confData === null || confData === void 0 ? void 0 : confData.Status]) === null || _a === void 0 ? void 0 : _a.color,
+                }, children: (_b = APPROVE_MAP === null || APPROVE_MAP === void 0 ? void 0 : APPROVE_MAP[confData === null || confData === void 0 ? void 0 : confData.Status]) === null || _b === void 0 ? void 0 : _b.txt })),
+        },
+        {
+            label: '操作时间',
+            content: (confData === null || confData === void 0 ? void 0 : confData.OpTime)
+                ? moment(confData === null || confData === void 0 ? void 0 : confData.OpTime).format('YYYY-MM-DD HH:mm:ss')
+                : undefined,
+        },
+        {
+            label: '审批意见',
+            content: confData === null || confData === void 0 ? void 0 : confData.Comment,
+        },
+        {
+            label: '操作详情',
+            content: confData === null || confData === void 0 ? void 0 : confData.NewProcessors,
+        },
+    ];
+    if (!visible)
+        return null;
+    return (_jsxs(Modal, { visible: true, caption: '审批详情', onClose: onClose, className: "weda-flow-graph-info-modal", destroyOnClose: true, children: [_jsx(Modal.Body, { children: _jsx("div", { className: "weda-flow-graph-info-modal_content", children: showData
+                        .filter(({ content }) => content)
+                        .map(({ label, content }, index) => (_jsxs("div", { children: [_jsx("span", { className: "weda-flow-graph-info-modal_content-label", children: label }), _jsx("span", { className: "weda-flow-graph-info-modal_content-content", children: content })] }, index))) }) }), _jsx(Modal.Footer, { children: _jsx(Button, { type: "weak", onClick: onClose, children: "\u5173\u95ED" }) })] }));
+};
+// 获取图示数据
+const getGraphData = (data) => {
+    var _a;
+    const graphNodes = data.Nodes.map((node) => {
+        const { ElementId, Status } = node;
+        const graphNode = {
+            style: {
+                lineWidth: 3,
+                stroke: STATUS_COLOR_MAP[node.Status].lineColor,
+                fill: STATUS_COLOR_MAP[node.Status].bgColor,
+            },
+            id: `${node.ElementId}`,
+            label: node.Name,
+            labelCfg: {
+                style: {
+                    fontSize: 14,
+                    fill: '#00287E',
+                    fontWeight: 'bold',
+                },
+            },
+            dataSource: node,
+        };
+        if ((ElementId === null || ElementId === void 0 ? void 0 : ElementId.startsWith('startNode')) || (ElementId === null || ElementId === void 0 ? void 0 : ElementId.startsWith('end'))) {
+            graphNode.type = 'circle';
+            graphNode.size = 80;
+            if (Status === 3) {
+                graphNode.style.lineDash = [5];
+            }
+        }
+        if (ElementId.startsWith('exclusiveGateway')) {
+            graphNode.type = 'diamond';
+            graphNode.size = [160, 80];
+            graphNode.anchorPoints = [
+                [0.5, 0],
+                [0, 0.5],
+                [0.5, 1],
+                [1, 0.5],
+            ];
+        }
+        return graphNode;
+    });
+    const graphEdges = (_a = data.Edges) === null || _a === void 0 ? void 0 : _a.map((edge) => {
+        const graphEdge = {
+            source: edge.Source,
+            target: edge.Target,
+            label: edge.Label,
+        };
+        if (edge.Status === 1) {
+            graphEdge.style = {
+                stroke: '#0ABF5B',
+            };
+        }
+        return graphEdge;
+    });
+    return {
+        nodes: graphNodes,
+        edges: graphEdges,
+    };
+};
+// 注册节点
+const registerNode = () => {
+    G6.registerNode('sql', {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        drawShape(cfg, group) {
+            var _a, _b;
+            const rect = group.addShape('rect', {
+                attrs: {
+                    x: -75,
+                    y: -25,
+                    width: 150,
+                    height: 50,
+                    radius: 10,
+                    stroke: (_a = STATUS_COLOR_MAP === null || STATUS_COLOR_MAP === void 0 ? void 0 : STATUS_COLOR_MAP[cfg === null || cfg === void 0 ? void 0 : cfg.dataSource.Status]) === null || _a === void 0 ? void 0 : _a.lineColor,
+                    fill: (_b = STATUS_COLOR_MAP === null || STATUS_COLOR_MAP === void 0 ? void 0 : STATUS_COLOR_MAP[cfg === null || cfg === void 0 ? void 0 : cfg.dataSource.Status]) === null || _b === void 0 ? void 0 : _b.bgColor,
+                    lineWidth: 3,
+                    lineDash: (cfg === null || cfg === void 0 ? void 0 : cfg.dataSource.Status) === 3 ? [5] : undefined,
+                },
+                name: cfg === null || cfg === void 0 ? void 0 : cfg.dataSource.Name,
+            });
+            return rect;
+        },
+    }, 'single-node');
+};

package/dist/web/components/flow-graph/index.js

@@ -0,0 +1,2 @@
+import { FlowGraph } from './graph';
+export default FlowGraph;

package/dist/web/components/flow-graph/style.css

@@ -0,0 +1,109 @@
+.weda-flow-graph-info {
+  padding: 2px 4px;
+}
+.weda-flow-graph-info h4 {
+  margin-bottom: 4px;
+  font-size: 14px;
+  border-bottom: 1px solid #eee;
+  color: #000;
+}
+.weda-flow-graph-info .weda-flow-graph-info-content {
+  max-height: 160px;
+  overflow: auto;
+}
+.weda-flow-graph-info .weda-flow-graph-info-content .weda-flow-graph-info-item {
+  padding: 8px 0;
+  border-bottom: 1px solid #e5e8ed;
+  cursor: pointer;
+}
+.weda-flow-graph-info
+  .weda-flow-graph-info-content
+  .weda-flow-graph-info-item
+  .first-line {
+  height: 20px;
+  display: flex;
+  justify-content: flex-start nowrap;
+  align-items: center;
+}
+.weda-flow-graph-info
+  .weda-flow-graph-info-content
+  .weda-flow-graph-info-item
+  .first-line
+  i {
+  width: 16px;
+  height: 16px;
+  position: relative;
+  border-radius: 50%;
+  background: rgba(36, 115, 242, 0.15);
+}
+.weda-flow-graph-info
+  .weda-flow-graph-info-content
+  .weda-flow-graph-info-item
+  .first-line
+  i.tooltip-will_do {
+  background: rgba(162, 172, 189, 0.15);
+}
+.weda-flow-graph-info
+  .weda-flow-graph-info-content
+  .weda-flow-graph-info-item
+  .first-line
+  i.tooltip-will_do:after {
+  background: #a2acbd;
+}
+.weda-flow-graph-info
+  .weda-flow-graph-info-content
+  .weda-flow-graph-info-item
+  .first-line
+  i:after {
+  content: '';
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  width: 8px;
+  height: 8px;
+  background-color: var(--co-common-main-color);
+  border-radius: 50%;
+}
+.weda-flow-graph-info
+  .weda-flow-graph-info-content
+  .weda-flow-graph-info-item
+  .first-line
+  .tootip-name {
+  padding-left: 8px;
+}
+.weda-flow-graph-info
+  .weda-flow-graph-info-content
+  .weda-flow-graph-info-item
+  .tooltip-time {
+  padding-left: 24px;
+  color: #999;
+  font-size: 12px;
+  height: 18px;
+  line-height: 18px;
+}
+.weda-flow-graph-info-modal_content > div {
+  display: flex;
+  margin-bottom: 8px;
+}
+.weda-flow-graph-info-modal_content
+  > div
+  .weda-flow-graph-info-modal_content-label {
+  min-width: 60px;
+  margin-right: 28px;
+  color: #999;
+}
+.weda-flow-graph-info-modal_content
+  > div
+  .weda-flow-graph-info-modal_content-content {
+  color: #333;
+}
+.weda-flow-graph-info-modal_content
+  > div
+  .weda-flow-graph-info-modal_content_link
+  > button {
+  display: block;
+}
+.weda-flow-graph-info-modal .tea-dialog__body {
+  max-height: 200px;
+  overflow: auto;
+}

package/dist/web/components/flow-graph/types.js

@@ -0,0 +1 @@
+export {};

package/dist/web/components/form/checkbox/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useState } from 'react';
 import { Checkbox as TeaCheckbox, ConfigProvider } from 'tea-component';
 import classNames from '../../../utils/classnames';
@@ -13,7 +14,7 @@ export default function Checkbox({
 // 系统属性
 id, className, style, events = emptyObject, 
 // 组件属性
-name = 'formCheckbox', label = '标题', labelVisible = true, format = '', enumName = '', range = emptyArray, layout = 'horizontal', disabled = false, requiredFlag = false, decorator, controlValue, }) {
+name = 'formCheckbox', label = '标题', labelVisible = true, format = '', enumName = '', range = emptyArray, layout = 'horizontal', disabled = false, requiredFlag = false, decorator, controlValue, onChange: outerOnChange, }) {
     const cls = classNames({
         'weda-ui': true,
         'weda-checkbox': true,
@@ -103,11 +104,13 @@ name = 'formCheckbox', label = '标题', labelVisible = true, format = '', enumN
             const newMap = Object.assign({}, checkedItems, { [value]: checked });
             if (!disabled) {
                 setCheckedItems(newMap);
+                const value = Object.entries(newMap)
+                    .filter(([, checked]) => checked)
+                    .map(([value]) => value);
                 events.change({
-                    value: Object.entries(newMap)
-                        .filter(([, checked]) => checked)
-                        .map(([value]) => value),
+                    value,
                 }, { originEvent: e });
+                outerOnChange === null || outerOnChange === void 0 ? void 0 : outerOnChange(value);
             }
         };
         return onChange;
@@ -119,17 +122,11 @@ name = 'formCheckbox', label = '标题', labelVisible = true, format = '', enumN
         checkboxElement = option.map(({ label, value }, index) => {
             const _id = `checkbox-${hashcode}-${index}`;
             const _name = `checkbox-${hashcode}-${name}`;
-            return (React.createElement("div", { key: _id, onClickCapture: getChangeHandler(value), className: subCls },
-                React.createElement("div", { className: "weui-cell__hd" },
-                    React.createElement("input", { type: "checkbox", className: "weui-check", value: value, id: _id, name: _name, checked: checkedItems[value], disabled: disabled }),
-                    React.createElement("i", { className: "weui-icon-checked" })),
-                React.createElement("div", { className: "weui-cell__bd" },
-                    React.createElement("p", null, label))));
+            return (_jsxs("div", { onClickCapture: getChangeHandler(value), className: subCls, children: [_jsxs("div", { className: "weui-cell__hd", children: [_jsx("input", { type: "checkbox", className: "weui-check", value: value, id: _id, name: _name, checked: checkedItems[value], disabled: disabled }), _jsx("i", { className: "weui-icon-checked" })] }), _jsx("div", { className: "weui-cell__bd", children: _jsx("p", { children: label }) })] }, _id));
         });
     }
     else {
-        checkboxElement = (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-            React.createElement(TeaCheckbox.Group, { disabled: disabled, value: Object.entries(checkedItems)
+        checkboxElement = (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(TeaCheckbox.Group, { disabled: disabled, value: Object.entries(checkedItems)
                     .filter(([, checked]) => checked)
                     .map(([value]) => value), onChange: (value) => {
                     const newMap = option
@@ -145,15 +142,17 @@ name = 'formCheckbox', label = '标题', labelVisible = true, format = '', enumN
                         return acc;
                     }, {});
                     setCheckedItems(newMap);
+                    const newVal = Object.entries(newMap)
+                        .filter(([, checked]) => checked)
+                        .map(([value]) => value);
                     events.change({
-                        value: Object.entries(newMap)
-                            .filter(([, checked]) => checked)
-                            .map(([value]) => value),
+                        value: newVal,
                     });
-                } }, option.map(({ value, label }, index) => {
-                const _id = `checkbox-${hashcode}-${index}`;
-                return (React.createElement(TeaCheckbox, { key: _id, name: value, id: _id }, label));
-            }))));
+                    outerOnChange === null || outerOnChange === void 0 ? void 0 : outerOnChange(newVal);
+                }, children: option.map(({ value, label }, index) => {
+                    const _id = `checkbox-${hashcode}-${index}`;
+                    return (_jsx(TeaCheckbox, { name: value, id: _id, children: label }, _id));
+                }) }) }));
     }
     return renderDecorator(checkboxElement, decorator)({
         id,

package/dist/web/components/form/enumSelect/MultipleSelect.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SelectMultiple } from 'tea-component';
 import SelectContainer from './SelectContainer';
 import { normalProps } from './props/defaultProps';
@@ -36,12 +36,11 @@ isModelApp, }) => {
         virtual,
     };
     if (isModelApp) {
-        return React.createElement(SelectMultiple, { ...multipleSelectProps });
+        return _jsx(SelectMultiple, { ...multipleSelectProps });
     }
-    return (React.createElement(SelectContainer, { style: style, className: className, label: label, labelVisible: labelVisible, layout: layout, 
+    return (_jsx(SelectContainer, { style: style, className: className, label: label, labelVisible: labelVisible, layout: layout, 
         // @ts-ignore jsx
-        multiCell: false, requiredFlag: requiredFlag, decorator: decorator, id: id },
-        React.createElement(SelectMultiple, { ...multipleSelectProps })));
+        multiCell: false, requiredFlag: requiredFlag, decorator: decorator, id: id, children: _jsx(SelectMultiple, { ...multipleSelectProps }) }));
 };
 MultipleSelect.propTypes = {
     ...propTypes,

package/dist/web/components/form/enumSelect/NormalSelect.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Select } from 'tea-component';
 import SelectContainer from './SelectContainer';
 import { multipleProps } from './props/defaultProps';
@@ -36,12 +36,11 @@ isModelApp, }) => {
         size,
     };
     if (isModelApp) {
-        return React.createElement(Select, { ...singleSelectProps });
+        return _jsx(Select, { ...singleSelectProps });
     }
-    return (React.createElement(SelectContainer, { style: style, className: className, label: label, labelVisible: labelVisible, layout: layout, 
+    return (_jsx(SelectContainer, { style: style, className: className, label: label, labelVisible: labelVisible, layout: layout, 
         // @ts-expect-error selectcontainer type inorrect
-        multiCell: false, requiredFlag: requiredFlag, decorator: decorator, id: id },
-        React.createElement(Select, { ...singleSelectProps })));
+        multiCell: false, requiredFlag: requiredFlag, decorator: decorator, id: id, children: _jsx(Select, { ...singleSelectProps }) }));
 };
 NormalSelect.propTypes = {
     ...propTypes,

package/dist/web/components/form/enumSelect/SelectContainer.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from '../../../utils/classnames';
 import { selectContainerPropsTypes } from './props/propsTypes';
 import { renderDecorator } from '../renderDecorator';
@@ -15,7 +15,7 @@ id, label, labelVisible, layout, requiredFlag, decorator, children, }) => {
         'weui-cell_form': true,
         'weui-cell_disabled': true,
     });
-    const SelectComponent = React.createElement("div", { className: subCls }, children);
+    const SelectComponent = _jsx("div", { className: subCls, children: children });
     return renderDecorator(SelectComponent, decorator)({
         id,
         className: cls,

package/dist/web/components/form/form/index.js

@@ -1,10 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import classNames from '../../../utils/classnames';
 import { ConfigProvider, Form as TeaForm, message as TeaMessage, } from 'tea-component';
 import { usePlatform, isInIde } from '../../../utils/platform';
-import { callDataSource, callConnector, getDataSourceByName, } from '../../../utils/tcb';
+import { callDataSource, callConnector } from '../../../utils/tcb';
 import './index.css';
 import isObjectEqual from '../../../utils/isObjectEqual';
+import { getDataSourceByName } from '../../../utils/datasource';
 const formTypeWithInitValue = ['edit', 'read'];
 /**
  * 表单容器组件
@@ -97,7 +99,7 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
         paramGetItem,
     ]);
     React.useEffect(() => {
-        var _a, _b, _c, _d;
+        var _a;
         // 获取字段权限
         const authValue = {
             isDataModel,
@@ -122,36 +124,28 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
                 console.error('getDataSourceFieldsWithAuth err', err);
             }
         };
-        // 兼容私有环境，新接口不存在的情况，产品策略完善后移除
-        if ((window === null || window === void 0 ? void 0 : window['_isPrivate']) &&
-            !((_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.getDataSourceProfileAsync)) {
-            (_c = events === null || events === void 0 ? void 0 : events.onInitDataSourceFieldsWithAuth) === null || _c === void 0 ? void 0 : _c.call(events, { isDataModel });
-            return;
-        }
         if (isDataModel && dataSourceName) {
             getDataSourceFieldsWithAuth();
         }
         else {
             // 在表单容器里面的表单元素 if 默认是 false，需要通过onInitDataSourceFieldsWithAuth设置为true
-            (_d = events === null || events === void 0 ? void 0 : events.onInitDataSourceFieldsWithAuth) === null || _d === void 0 ? void 0 : _d.call(events, { isDataModel });
+            (_a = events === null || events === void 0 ? void 0 : events.onInitDataSourceFieldsWithAuth) === null || _a === void 0 ? void 0 : _a.call(events, { isDataModel });
         }
     }, [isDataModel, dataSourceName]);
     // pc 渲染
     const renderPc = () => {
-        return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-            React.createElement(TeaForm, { layout: layout, className: cls, style: style, id: id }, contentSlot)));
+        return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(TeaForm, { layout: layout, className: cls, style: style, id: id, children: contentSlot }) }));
     };
     // h5 渲染
     const renderH5 = () => {
-        return (React.createElement("div", { className: cls, style: style, id: id },
-            React.createElement("div", { className: "weui-cells__group weui-cells__group_form" }, contentSlot)));
+        return (_jsx("div", { className: cls, style: style, id: id, children: _jsx("div", { className: "weui-cells__group weui-cells__group_form", children: contentSlot }) }));
     };
     return platform === 'pc' ? renderPc() : renderH5();
 }
 /**
  * 根据平台不同，展示不同的错误提示消息
  */
-function alertError(platform = 'h5', message) {
+export function alertError(platform = 'h5', message) {
     var _a;
     if (isInIde())
         return;

package/dist/web/components/form/formcell/index.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from '../../../utils/classnames';
 import './index.css';
 import { usePlatform } from '../../../utils/platform';
@@ -7,8 +7,7 @@ export default function FormCell({ className, style, label, layout, children, mu
     const platform = usePlatform();
     const isFlex = layout !== 'vertical';
     if (platform === 'pc') {
-        return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-            React.createElement(TeaForm.Item, { style: style, className: classNames({
+        return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(TeaForm.Item, { style: style, className: classNames({
                     'weda-ui': true,
                     'weui-cells_forms': !multiCell,
                     'weui-cells_checkbox': multiCell,
@@ -16,25 +15,20 @@ export default function FormCell({ className, style, label, layout, children, mu
                     'weda-formcells__full-width': size === 'full',
                     [layout]: layout,
                     [className]: [className],
-                }), label: label, required: requiredFlag }, children)));
+                }), label: label, required: requiredFlag, children: children }) }));
     }
-    return (React.createElement("div", { className: className, style: style },
-        React.createElement("div", { className: classNames({
+    return (_jsx("div", { className: className, style: style, children: _jsxs("div", { className: classNames({
                 'weda-formcells': true,
                 'weui-cells': true,
                 'weui-cells_forms': !multiCell,
                 'weui-cells_checkbox': multiCell,
                 'weui-flex': isFlex,
-            }) },
-            label ? (React.createElement("div", { className: classNames({
-                    'weda-formcells__label': true,
-                    // 标题也采用使用weui-cell的样式
-                    'weui-cell': true,
-                }) },
-                React.createElement("label", null, label),
-                requiredFlag ? (React.createElement("label", { className: "weda-formcells__flag" }, "*")) : null)) : null,
-            React.createElement("div", { className: classNames({
-                    'weda-formcells__content': true,
-                    'weui-flex__item': isFlex,
-                }) }, children))));
+            }), children: [label ? (_jsxs("div", { className: classNames({
+                        'weda-formcells__label': true,
+                        // 标题也采用使用weui-cell的样式
+                        'weui-cell': true,
+                    }), children: [_jsx("label", { children: label }), requiredFlag ? (_jsx("label", { className: "weda-formcells__flag", children: "*" })) : null] })) : null, _jsx("div", { className: classNames({
+                        'weda-formcells__content': true,
+                        'weui-flex__item': isFlex,
+                    }), children: children })] }) }));
 }