@cloudbase/weda-ui 3.4.7 → 3.4.9-alpha.1024

package/dist/web/components/flow/process/components/timeline/style.css

@@ -0,0 +1,75 @@
+.weda-process-timeline {
+  list-style: none;
+}
+.weda-process-timeline-item {
+  display: flex;
+  min-height: 70px;
+}
+
+.weda-process-timeline-prefix {
+  width: 8px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  padding-top: 8px;
+}
+
+.weda-process-timeline-dot {
+  width: 4px;
+  height: 4px;
+  border: 2px solid #0052d9;
+  border-radius: 50%;
+  box-sizing: unset;
+}
+.weda-process-timeline-dot.primary {
+  border-color: #0052d9;
+}
+.weda-process-timeline-dot.error {
+  border-color: #e45561;
+}
+.weda-process-timeline-dot.success {
+  border-color: #11ac77;
+}
+.weda-process-timeline-dot.warning {
+  border-color: #ed7b2f;
+}
+.weda-process-timeline-line {
+  width: 2px;
+  background-color: #dcdcdc;
+  flex: 1;
+}
+.weda-process-timeline-line-hidden {
+  display: none;
+}
+
+.weda-process-timeline-content {
+  flex: 1;
+  padding-left: 20px;
+  padding-bottom: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.weda-process-timeline-header {
+  display: flex;
+  align-items: center;
+  height: 26px;
+}
+
+.weda-process-timeline-title {
+  font-size: 14px;
+  line-height: 24px;
+  min-width: 110px;
+  max-width: 450px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  margin-right: 8px;
+}
+
+.weda-process-timeline-label {
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 12px;
+}

package/dist/web/components/flow/process/constants.js

@@ -0,0 +1,46 @@
+/** 操作节点状态相关常量 */
+const OPERATION_NODE_STATUS = [
+    { name: 'start', code: 1, theme: null, text: null },
+    { name: 'pass', code: 2, theme: 'success', text: '审批通过' },
+    { name: 'down', code: 3, theme: 'error', text: '驳回' },
+    { name: 'turn', code: 4, theme: 'primary', text: '已转办' },
+    { name: 'revoke', code: 5, theme: 'default', text: '撤销' },
+    { name: 'trans', code: 6, theme: 'default', text: '回退' },
+    { name: 'countersign', code: 7, theme: 'default', text: '加签' },
+    { name: 'stop', code: 8, theme: 'error', text: '终止' },
+    { name: 'skip_pass', code: 9, theme: 'success', text: '跳过(同意)' },
+    { name: 'skip_down', code: 10, theme: 'error', text: '跳过(驳回)' },
+    { name: 'pending', code: 11, theme: 'warning', text: '待审批' },
+    { name: 'end', code: 12, theme: 'error', text: '结束' },
+    { name: 'handled', code: 13, theme: 'success', text: '已处理' },
+    { name: 'handling', code: 14, theme: 'warning', text: '待处理' },
+    { name: 'cc', code: 15, theme: null, text: null },
+    { name: 'drop', code: 16, theme: null, text: null }, // 作废
+];
+/** 操作节点状态相关映射关系转换 */
+const { 
+/** 状态码-状态名称映射 */
+CODE_NAME_MAPPING, 
+/** 状态名称-状态码映射 */
+NAME_CODE_MAPPING, 
+/** 状态名称映射 */
+NAME_MAPPING, 
+/** 状态名称-状态文本信息映射 */
+NAME_TEXT_MAPPING, } = OPERATION_NODE_STATUS.reduce((result, curr) => {
+    result.CODE_NAME_MAPPING[curr.code] = curr.name;
+    result.NAME_CODE_MAPPING[curr.name.toUpperCase()] = curr.code;
+    result.NAME_MAPPING[curr.name.toUpperCase()] = curr.name;
+    if (curr.theme && curr.text) {
+        result.NAME_TEXT_MAPPING[curr.name] = {
+            theme: curr.theme,
+            text: curr.text,
+        };
+    }
+    return result;
+}, {
+    CODE_NAME_MAPPING: {},
+    NAME_CODE_MAPPING: {},
+    NAME_MAPPING: {},
+    NAME_TEXT_MAPPING: {},
+});
+export { CODE_NAME_MAPPING, NAME_CODE_MAPPING, NAME_MAPPING, NAME_TEXT_MAPPING, };

package/dist/web/components/flow/process/index.js

@@ -0,0 +1,2 @@
+import ModelFlowProcess from './process';
+export default ModelFlowProcess;

package/dist/web/components/flow/process/process.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tag, Status, LoadingTip, Bubble } from 'tea-component';
+import { useFlowConfig, WedaFlowContainer, FlowTitleText, FlowContentText, } from '../common';
+import { Descriptions, Timeline, CommentText, } from './components';
+import { NAME_MAPPING, NAME_TEXT_MAPPING } from './constants';
+import { useFlowProcessModel } from './view-model';
+import './style.css';
+/** 批办过程组件 */
+export default function ModelFlowProcess(props) {
+    const { processData, loading, getProcessDataList } = useFlowProcessModel();
+    const flowConfig = useFlowConfig({
+        moduleName: 'flow-process',
+        wedaPlatformProps: props,
+        // 待流程公共数据加载完毕后，再获取流程审批历史数据
+        commonDataLoaded: getProcessDataList,
+    });
+    /** 根据批办过程数据渲染时间轴 */
+    const renderTimeline = () => {
+        if (loading) {
+            return _jsx(LoadingTip, {});
+        }
+        if (!(processData === null || processData === void 0 ? void 0 : processData.length)) {
+            return _jsx(Status, { icon: "blank", size: "l", title: "\u6682\u65E0\u6D41\u8F6C\u8BB0\u5F55" });
+        }
+        const timelineItems = processData.map((processItem) => ({
+            title: (_jsx(FlowContentText, { wedaPlatformProps: props, omitProperties: ['fontSize'], children: processItem.title })),
+            label: (_jsx(FlowContentText, { wedaPlatformProps: props, omitProperties: ['color'], children: processItem.contentInfo.createTime })),
+            dotColor: processItem.dotColor,
+            extra: renderStatusTag(processItem.status),
+            content: renderContent(processItem, props),
+        }));
+        return (_jsx(Timeline, { items: timelineItems, titleAlign: flowConfig.isH5 ? 'space-between' : 'flex-start', style: { paddingTop: 6 } }));
+    };
+    return (_jsx(WedaFlowContainer, { wedaPlatformProps: props, ref: flowConfig.elementRef, children: _jsxs("div", { className: "weda-process-container", children: [_jsx(FlowTitleText, { className: "weda-process-title", wedaPlatformProps: props }), renderTimeline()] }) }));
+}
+/** 渲染状态标签 */
+function renderStatusTag(status) {
+    if ([NAME_MAPPING.START, NAME_MAPPING.END, NAME_MAPPING.CC].includes(status))
+        return null;
+    const { theme, text } = (NAME_TEXT_MAPPING === null || NAME_TEXT_MAPPING === void 0 ? void 0 : NAME_TEXT_MAPPING[status]) || {};
+    if (!text)
+        return null;
+    return (_jsx(Tag, { className: "weda-process-status-tag", theme: theme, children: text }));
+}
+/**
+ * 从批办记录中获取时间轴正文
+ * 目前显示以下条目：
+ * - 1.发起人or审批人
+ * - 2.抄送
+ * - 3.回退到指定节点
+ * - 4.审批意见
+ * - 5.加签
+ */
+function renderContent(processItem, wedaPlatformProps) {
+    var _a, _b, _c;
+    const { status, contentInfo } = processItem || {};
+    const isLongComment = ((_a = contentInfo === null || contentInfo === void 0 ? void 0 : contentInfo.operationComment) === null || _a === void 0 ? void 0 : _a.length) > 100;
+    const renderContent = (content, isLabel = false) => (_jsx(FlowContentText, { wedaPlatformProps: wedaPlatformProps, omitProperties: isLabel ? ['color'] : [], children: content }));
+    const items = [
+        {
+            label: status === NAME_MAPPING.START ? '发起人' : '审批人',
+            children: () => renderUserBubble(processItem),
+            visible: ![NAME_MAPPING.CC, NAME_MAPPING.DROP].includes(status),
+        },
+        {
+            label: '抄送',
+            children: () => { var _a, _b; return (_b = (_a = contentInfo === null || contentInfo === void 0 ? void 0 : contentInfo.ccUserInfos) === null || _a === void 0 ? void 0 : _a.map((i) => i.name)) === null || _b === void 0 ? void 0 : _b.join('、'); },
+            visible: status === NAME_MAPPING.CC || (contentInfo === null || contentInfo === void 0 ? void 0 : contentInfo.isCC),
+        },
+        {
+            label: '回退到指定节点',
+            children: () => { var _a, _b; return ((_b = (_a = contentInfo === null || contentInfo === void 0 ? void 0 : contentInfo.operationList) === null || _a === void 0 ? void 0 : _a[1]) === null || _b === void 0 ? void 0 : _b.name) || ''; },
+            visible: status === NAME_MAPPING.TRANS,
+        },
+        {
+            label: '加签',
+            children: () => { var _a, _b, _c; return (_c = (_b = (_a = contentInfo === null || contentInfo === void 0 ? void 0 : contentInfo.operationList) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.call(_a, (i) => i.name)) === null || _c === void 0 ? void 0 : _c.join('、'); },
+            visible: status === NAME_MAPPING.COUNTERSIGN,
+        },
+        {
+            label: '审批意见',
+            children: () => (_jsx(CommentText, { comment: contentInfo.operationComment, highlightPositionList: contentInfo.highlightPositionList, arrowDirection: isLongComment ? 'top' : 'left' })),
+            layout: isLongComment ? 'vertical' : 'horizontal',
+            visible: !!((_c = (_b = contentInfo === null || contentInfo === void 0 ? void 0 : contentInfo.operationComment) === null || _b === void 0 ? void 0 : _b.trim) === null || _c === void 0 ? void 0 : _c.call(_b)),
+        },
+    ];
+    const showItems = items
+        .filter((i) => i.visible)
+        .map(({ label, children, layout }) => ({
+        layout,
+        label: renderContent(label, true),
+        children: renderContent(children()),
+    }));
+    return _jsx(Descriptions, { items: showItems });
+}
+/** 操作用户列表气泡标签 */
+function renderUserBubble(processItem) {
+    const { operaName, approvalStrategy } = processItem;
+    if (typeof operaName === 'string') {
+        return _jsx("span", { children: operaName || '-' });
+    }
+    if (Array.isArray(operaName)) {
+        const names = operaName.filter((name) => name);
+        if (!names.length) {
+            return _jsx("span", { children: "-" });
+        }
+        if (names.length < 2) {
+            return _jsx("span", { children: names[0] });
+        }
+        return (_jsxs(Bubble, { arrowPointAtCenter: true, placement: "top-end", content: names.join('、'), children: [names === null || names === void 0 ? void 0 : names.slice(0, 2).join('、'), _jsxs("span", { children: ["\u7B49", _jsxs("span", { style: { color: '#2473f2' }, children: [names.length, "\u4EBA"] }), approvalStrategy === '1' ? '任签' : '加签'] })] }));
+    }
+    return null;
+}

package/dist/web/components/flow/process/style.css

@@ -0,0 +1,17 @@
+.weda-process-container {
+  padding: 20px;
+}
+.weda-process-title {
+  margin-bottom: 6px;
+  font-size: 16px;
+  font-weight: bolder;
+}
+
+.weda-process-status-tag {
+  min-width: 72px;
+  padding: 0 12px;
+  text-align: center;
+  line-height: 24px;
+  margin-left: 12px;
+  margin-top: 0 !important;
+}

package/dist/web/components/flow/process/types.js

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

package/dist/web/components/flow/process/view-model.js

@@ -0,0 +1,135 @@
+import { useState } from 'react';
+import moment from 'moment';
+import { flowRequest, safeJsonParse } from '../common';
+import { NAME_MAPPING, NAME_TEXT_MAPPING, CODE_NAME_MAPPING, NAME_CODE_MAPPING, } from './constants';
+export function useFlowProcessModel() {
+    const [processData, setProcessData] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const getProcessDataList = async (data) => {
+        const { instanceId } = data.processInstance || {};
+        if (!instanceId)
+            return;
+        setLoading(true);
+        const newProcessData = await getProcessData(instanceId);
+        setLoading(false);
+        setProcessData(newProcessData);
+    };
+    return {
+        processData,
+        loading,
+        getProcessDataList,
+    };
+}
+/** 获取流程批办过程数据 */
+async function getProcessData(instanceId) {
+    try {
+        const result = await flowRequest({
+            data: { instanceId },
+            action: 'GetInstanceOperation',
+        }, { previewData: getInstanceOperationPreviewData });
+        return transElementInfos(result.elementInfos);
+    }
+    catch (error) {
+        return [];
+    }
+}
+/** 转换批办过程数据 */
+function transElementInfos(elementInfos) {
+    if (!(elementInfos === null || elementInfos === void 0 ? void 0 : elementInfos.length))
+        return [];
+    /** 设置节点状态名称 */
+    const setElementStatus = (elementInfo) => {
+        var _a, _b, _c, _d;
+        let statusName = '';
+        if (elementInfo.result === '待审批') {
+            statusName = NAME_MAPPING.PENDING;
+        }
+        else if (elementInfo.result === '待处理') {
+            statusName = NAME_MAPPING.HANDLING;
+        }
+        else {
+            const actionCode = (_a = elementInfo === null || elementInfo === void 0 ? void 0 : elementInfo.contentInfo) === null || _a === void 0 ? void 0 : _a.action;
+            statusName = CODE_NAME_MAPPING[actionCode];
+            if (actionCode === NAME_CODE_MAPPING.SKIP_PASS) {
+                const operationId = (_d = (_c = safeJsonParse((_b = elementInfo === null || elementInfo === void 0 ? void 0 : elementInfo.contentInfo) === null || _b === void 0 ? void 0 : _b.operation)) === null || _c === void 0 ? void 0 : _c[0].id) === null || _d === void 0 ? void 0 : _d.toString();
+                statusName =
+                    operationId === '2' ? NAME_MAPPING.SKIP_PASS : NAME_MAPPING.SKIP_DOWN; // 2同意 3驳回
+            }
+        }
+        return statusName;
+    };
+    /** 转换批办记录中的节点操作时间 */
+    const transCreateTime = (createTime) => {
+        return createTime ? moment(createTime).format('YYYY-MM-DD HH:mm:ss') : null;
+    };
+    const transHighlightPositionList = (highlightPositionList = '{}') => {
+        // 获取高亮位置对象
+        const highlightPositionMap = safeJsonParse(highlightPositionList);
+        // 将高亮位置对象转化成数组
+        const highlightPositionArray = Object.entries(highlightPositionMap);
+        return highlightPositionArray.map(([key, value]) => [
+            parseInt(key),
+            value,
+        ]);
+    };
+    /** 从批办记录中获取时间轴前缀修饰点颜色 */
+    const getTimelineDotColor = (status) => {
+        if (!status)
+            return 'default';
+        const { theme } = (NAME_TEXT_MAPPING === null || NAME_TEXT_MAPPING === void 0 ? void 0 : NAME_TEXT_MAPPING[status]) || {};
+        return (theme || 'default');
+    };
+    /** 转换操作列表 */
+    const getOperationList = (operation) => {
+        const result = safeJsonParse(operation);
+        return Array.isArray(result) ? result : [];
+    };
+    /** 处理操作人名称列表 - 去重 */
+    const deduplicationOperaName = (operaName) => {
+        return Array.from(new Set(operaName));
+    };
+    return elementInfos.map((elementInfo) => {
+        var _a, _b, _c;
+        const status = setElementStatus(elementInfo);
+        return {
+            ...elementInfo,
+            status,
+            title: status === NAME_MAPPING.DROP ? elementInfo.result : elementInfo.name,
+            dotColor: getTimelineDotColor(status),
+            contentInfo: {
+                ...elementInfo.contentInfo,
+                createTime: transCreateTime((_a = elementInfo === null || elementInfo === void 0 ? void 0 : elementInfo.contentInfo) === null || _a === void 0 ? void 0 : _a.createTime),
+                highlightPositionList: transHighlightPositionList((_b = elementInfo === null || elementInfo === void 0 ? void 0 : elementInfo.contentInfo) === null || _b === void 0 ? void 0 : _b.highlightPositionList),
+                operationList: getOperationList((_c = elementInfo === null || elementInfo === void 0 ? void 0 : elementInfo.contentInfo) === null || _c === void 0 ? void 0 : _c.operation),
+            },
+            operaName: deduplicationOperaName(elementInfo.operaName || []),
+        };
+    });
+}
+const getInstanceOperationPreviewData = {
+    ElementInfos: [
+        {
+            Id: '1542109022301507586',
+            Name: '经理审批',
+            OperaName: ['张三'],
+            Result: 'true',
+            ContentInfo: {
+                Action: 2,
+                AttachmentInfo: '[]',
+                OperationComment: '同意',
+                CreateTime: 1656502417000,
+                OpinionUserMap: {},
+                HighlightPositionList: '{}',
+            },
+        },
+        {
+            Name: '总监审批',
+            OperaName: ['王五', '李四'],
+            Result: '待审批',
+            ApprovalStrategy: '1',
+            ContentInfo: {
+                CreateTime: 1656502417000,
+            },
+        },
+    ],
+};

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 })] }) }));
 }