@cloudbase/weda-ui 3.4.3 → 3.4.5

package/dist/web/components/form/userOrgSelect/departTreeSelect/departTreeSelect.h5.js

@@ -1,15 +1,14 @@
 import React, { useState, useEffect, useCallback } from 'react';
-import { emptyObject } from '../../../../utils/constant';
 import { renderDecorator } from '../../renderDecorator';
 import { IconFont } from 'tdesign-icons-react';
 import classNames from '../../../../utils/classnames';
-import { getDepartById, defaultRequest } from '../getUserService';
-import { dealOrgData } from '../utils';
-import { Modal, Button, ConfigProvider, Radio, Status } from 'tea-component';
-import isObjectEqual from '../../../../utils/isObjectEqual';
-import '../userOrgSelect.css';
-import { ErrorStatus, ModalSearch } from '../comTool';
-export function DepartTreeSelectH5({ id, className, style, events = emptyObject, label = '部门选择', labelVisible = true, name = 'formDepartTreeSelect', placeholder = '请选择部门', defaultValueType = 'noneDepart', defaultValue = '', confirmValue = '', disabled = false, layout = 'horizontal', requiredFlag = false, size = 'l', decorator, request = defaultRequest, onChange = null, focus: autoFocus = false, }) {
+import { defaultRequest } from '../common/fetch-data-service';
+import { dealOrgDataH5 } from '../common/utils';
+import { Modal, Button, ConfigProvider, Radio, Status, Bubble, } from 'tea-component';
+import { ModalSearchH5 } from '../component/modal-search-h5';
+import { LoadingStatus, ErrorStatus } from '../component/error-tips';
+export function DepartTreeSelectH5({ id, className, style, label = '部门选择', labelVisible = true, name = 'formDepartTreeSelect', placeholder = '请选择部门', disabled = false, layout = 'horizontal', requiredFlag = false, size = 'l', decorator, request = defaultRequest, multiple = true, focus: autoFocus = false, confirmOrgList, setConfirmOrgList, selectedOrgList, setSelectedOrgList, errorInfo, setErrorInfo, }) {
+    var _a;
     const cls = classNames({
         'weda-ui': true,
         'weda-select-user-dept': true,
@@ -21,29 +20,20 @@ export function DepartTreeSelectH5({ id, className, style, events = emptyObject,
         'weui-cell_form': true,
         'weui-cell_disabled': disabled,
     });
-    // 两次默认值不同, 需要刷新
-    const prevDefaultRef = React.useRef(null);
-    const prevConfirmRef = React.useRef(null);
-    const [value, setValue] = useState(null);
     const [visible, setVisible] = React.useState(false);
     const [isSearch, setIsSearch] = useState(false);
     const [orgsTreeData, setOrgsTreeData] = useState([]);
     const [originalOrgData, setOriginalOrgData] = useState([]);
     const [count, setCount] = useState(1); //计数弹窗显示层级
-    const [selectItem, setSelectItem] = useState(null);
     const [searchValue, setSearchValue] = useState('');
     const [loading, setLoading] = useState({ id: null, status: false });
     const [titleText, setTitleText] = useState('');
-    const [errorInfo, setErrorInfo] = useState({
-        errorStatus: false,
-        errorMessage: null,
-    });
     // 初始化数据
     const initOrgsData = useCallback(async () => {
         try {
             setTitleText('选择部门');
             const resData = (await request('InitRootOrgs', {})) || [];
-            const data = dealOrgData(resData);
+            const data = dealOrgDataH5(resData);
             //初始化数据时，默认返回第一层组织结构
             setCount(1);
             setOrgsTreeData(data);
@@ -62,7 +52,7 @@ export function DepartTreeSelectH5({ id, className, style, events = emptyObject,
         setSearchValue('');
         initOrgsData();
     };
-    const changeSearchValue = async (event) => {
+    const onSearch = async (event) => {
         var _a;
         try {
             setErrorInfo({ errorStatus: false, errorMessage: null });
@@ -76,7 +66,7 @@ export function DepartTreeSelectH5({ id, className, style, events = emptyObject,
                         NeedUser: false,
                     },
                 });
-                setOrgsTreeData(dealOrgData(Orgs));
+                setOrgsTreeData(dealOrgDataH5(Orgs));
             }
             else {
                 setSearchValue('');
@@ -87,13 +77,6 @@ export function DepartTreeSelectH5({ id, className, style, events = emptyObject,
             setErrorInfo({ errorStatus: true, errorMessage: e });
         }
     };
-    const onInputChange = function (e) {
-        const text = typeof e === 'string' ? e : e.target.value;
-        const newValue = text;
-        setValue(newValue);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-        events.change({ value: newValue }, { originEvent: e });
-    };
     const onFocus = function () {
         setSearchValue('');
         initOrgsData();
@@ -105,48 +88,16 @@ export function DepartTreeSelectH5({ id, className, style, events = emptyObject,
         setOrgsTreeData([]);
         initOrgsData();
     };
-    const onConfirm = (selectItem) => {
-        var _a;
+    const onConfirm = (selectedOrgList = []) => {
+        setConfirmOrgList(selectedOrgList);
         setErrorInfo({ errorStatus: false, errorMessage: null });
-        setValue(selectItem === null || selectItem === void 0 ? void 0 : selectItem.content);
         setOrgsTreeData([]);
-        onChange === null || onChange === void 0 ? void 0 : onChange(selectItem === null || selectItem === void 0 ? void 0 : selectItem.orgId);
-        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: selectItem === null || selectItem === void 0 ? void 0 : selectItem.orgId, data: selectItem });
         setVisible(false);
     };
     //获取组织结构
     useEffect(() => {
         initOrgsData();
-        if ((defaultValue && !isObjectEqual(prevDefaultRef.current, defaultValue)) ||
-            (confirmValue && !isObjectEqual(prevConfirmRef.current, confirmValue))) {
-            const getdefaultUser = async () => {
-                var _a;
-                try {
-                    if ((defaultValueType === 'confirmDepart' &&
-                        confirmValue.length !== 0) ||
-                        defaultValue.length !== 0) {
-                        const orgId = defaultValue.length !== 0 ? defaultValue : confirmValue;
-                        const defaultDepart = await getDepartById({
-                            _id: orgId,
-                        });
-                        setValue(defaultDepart);
-                        onChange === null || onChange === void 0 ? void 0 : onChange(orgId);
-                        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, {
-                            value: orgId,
-                            data: { content: defaultDepart },
-                        });
-                    }
-                }
-                catch (e) {
-                    setErrorInfo({ errorStatus: true, errorMessage: e });
-                }
-            };
-            getdefaultUser();
-            prevDefaultRef.current = defaultValue;
-            prevConfirmRef.current = confirmValue;
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [defaultValueType, confirmValue, defaultValue]);
+    }, []);
     //点击部门节点，获取子部门节点
     const loadDepartData = async (node, count) => {
         try {
@@ -167,7 +118,7 @@ export function DepartTreeSelectH5({ id, className, style, events = emptyObject,
                 setOrgsTreeData([...orgsTreeData]);
             }
             else {
-                const children = dealOrgData(Orgs);
+                const children = dealOrgDataH5(Orgs);
                 setTitleText(node === null || node === void 0 ? void 0 : node.content);
                 setOrgsTreeData(children);
                 originalOrgData.push({
@@ -210,42 +161,58 @@ export function DepartTreeSelectH5({ id, className, style, events = emptyObject,
     return renderDecorator(React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
         React.createElement("div", { className: subCls },
             React.createElement("div", { className: "weui-cell__bd weui-flex" },
-                React.createElement("input", { className: "weui-input", placeholder: placeholder, value: value, disabled: disabled, name: name, autoFocus: autoFocus, onChange: onInputChange, onClick: onFocus, readOnly: true, role: "input" })),
+                React.createElement("input", { className: "weui-input", placeholder: placeholder, 
+                    //value={value}
+                    value: (confirmOrgList || []).map((e) => e === null || e === void 0 ? void 0 : e.content).join(','), disabled: disabled, name: name, autoFocus: autoFocus, onClick: onFocus, readOnly: true, role: "input" })),
             React.createElement(Modal, { visible: visible, onClose: onClose, destroyOnClose: true, className: `weda-ui weda-select-user-dept__dialog` },
-                React.createElement(Modal.Body, { className: (selectItem === null || selectItem === void 0 ? void 0 : selectItem.userId) ? 'is-selected-value' : '' },
+                React.createElement(Modal.Body, { className: ((_a = selectedOrgList[0]) === null || _a === void 0 ? void 0 : _a.orgId) ? 'is-selected-value' : '' },
                     React.createElement("div", { className: "weda-select-user-dept__dialog-header", id: count.toString() },
                         React.createElement("div", { className: count == 1 ? '' : 'arrow-left', onClick: () => retLevel(count) }),
                         titleText),
-                    React.createElement(ModalSearch, { value: searchValue, onChange: changeSearchValue, onCancel: cancleSearch, isSearch: isSearch, onFocus: () => {
+                    React.createElement(ModalSearchH5, { value: searchValue, onChange: (key) => onSearch(key), onCancel: cancleSearch, isSearch: isSearch, onFocus: () => {
                             handleFocus(true);
                         } }),
-                    (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorStatus) ? (React.createElement(ErrorStatus, { size: "l", title: "\u63A5\u53E3\u8C03\u7528\u5931\u8D25", description: (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorMessage) || null })) : orgsTreeData && orgsTreeData.length > 0 ? (React.createElement("div", { className: classNames('weda-select-user-dept__dialog-list') }, orgsTreeData.map((item) => (React.createElement("div", { className: "weda-select-user-dept__list-item", key: item === null || item === void 0 ? void 0 : item.id },
-                        React.createElement("div", { className: "weda-select-user-dept__list-item-wrap" },
-                            React.createElement(Radio.Group, { value: selectItem === null || selectItem === void 0 ? void 0 : selectItem.orgId, onChange: () => {
-                                    setSelectItem(item);
-                                }, layout: "column" },
-                                React.createElement(Radio, { name: item === null || item === void 0 ? void 0 : item.orgId },
-                                    React.createElement("div", { className: "weda-select-user-dept__item-detail" },
-                                        React.createElement("div", { className: "item-name" }, item === null || item === void 0 ? void 0 : item.content),
-                                        (item === null || item === void 0 ? void 0 : item.expandable) && loading.id !== item.orgId && (React.createElement("div", { className: "lcap-icon lcap-icon-chevronright", onClick: () => {
+                    (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorStatus) ? (React.createElement(ErrorStatus, { description: (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorMessage) || null })) : !(loading === null || loading === void 0 ? void 0 : loading.status) ? (React.createElement(React.Fragment, null, orgsTreeData && orgsTreeData.length > 0 ? (React.createElement("div", { className: classNames('weda-select-user-dept__dialog-list') }, orgsTreeData.map((item) => {
+                        var _a;
+                        return (React.createElement("div", { className: "weda-select-user-dept__list-item", key: item === null || item === void 0 ? void 0 : item.id },
+                            React.createElement("div", { className: "weda-select-user-dept__list-item-wrap" },
+                                React.createElement(Radio.Group, { value: (_a = selectedOrgList.filter((e) => (e === null || e === void 0 ? void 0 : e.orgId) === (item === null || item === void 0 ? void 0 : item.orgId))[0]) === null || _a === void 0 ? void 0 : _a.orgId, onChange: (value) => {
+                                        const ids = selectedOrgList.map((item) => item === null || item === void 0 ? void 0 : item.orgId);
+                                        // 多选情况，取消选中某元素时
+                                        if (ids.indexOf(value) !== -1) {
+                                            setSelectedOrgList(selectedOrgList.filter((e) => e.orgId !== value));
+                                        }
+                                        else {
+                                            selectedOrgList.push(item);
+                                            setSelectedOrgList(multiple ? [...selectedOrgList] : [item]);
+                                        }
+                                    }, layout: "column" },
+                                    React.createElement(Radio, { name: item === null || item === void 0 ? void 0 : item.orgId },
+                                        React.createElement("div", { className: "weda-select-user-dept__item-detail", onClick: () => {
                                                 loadDepartData(item, count);
-                                            } }))))),
-                            loading.id === item.orgId && (loading === null || loading === void 0 ? void 0 : loading.status) && (React.createElement("div", null,
-                                React.createElement(IconFont, { name: "loading", className: `weda-grid-navigation__fonticon depart_loading` }))))))))) : (React.createElement(Status, { className: "dim-tree-select--blank", icon: 'blank', size: 's', title: `暂无部门数据` }))),
+                                            } },
+                                            React.createElement("div", { className: "item-name" }, item === null || item === void 0 ? void 0 : item.content),
+                                            (item === null || item === void 0 ? void 0 : item.expandable) &&
+                                                loading.id !== item.orgId && (React.createElement("div", { className: "lcap-icon lcap-icon-chevronright" }))))),
+                                loading.id === item.orgId && (loading === null || loading === void 0 ? void 0 : loading.status) && (React.createElement("div", null,
+                                    React.createElement(IconFont, { name: "loading", className: `weda-grid-navigation__fonticon depart_loading` }))))));
+                    }))) : (React.createElement(Status, { className: "dim-tree-select--blank", icon: 'blank', size: 's', title: `暂无部门数据` })))) : (React.createElement(LoadingStatus, null))),
                 React.createElement(Modal.Footer, null,
                     React.createElement("div", null,
-                        selectItem && (React.createElement("div", { className: "weda-select-user-dept__select-result" },
+                        selectedOrgList.length > 0 && (React.createElement("div", { className: "weda-select-user-dept__select-result" },
                             React.createElement("div", { className: "weda-select-user-dept__select-label" }, "\u5DF2\u9009\u62E9"),
-                            React.createElement("div", { className: "weda-select-user-dept__result-list" },
-                                React.createElement("div", { className: "weda-select-user-dept__result-item", onClick: () => {
-                                        setSelectItem(null);
-                                        setSearchValue(null);
-                                    } },
-                                    selectItem.content,
-                                    React.createElement("div", { className: "close" }))))),
+                            React.createElement("div", { className: "weda-select-user-dept__result-list" }, selectedOrgList.map((d) => (React.createElement("div", { key: (d === null || d === void 0 ? void 0 : d.orgId) || (d === null || d === void 0 ? void 0 : d.value), className: "weda-select-user-dept__result-item", onClick: () => {
+                                    setSelectedOrgList(selectedOrgList.filter((e) => (e === null || e === void 0 ? void 0 : e.orgId) !== (d === null || d === void 0 ? void 0 : d.orgId)));
+                                } }, d === null || d === void 0 ? void 0 :
+                                d.content,
+                                React.createElement("div", { className: "close" }))))))),
                         React.createElement("div", { className: "weda-select-user-dept__btn-group" },
                             React.createElement(Button, { type: "weak", onClick: onClose }, "\u53D6\u6D88"),
-                            React.createElement(Button, { type: "primary", onClick: () => onConfirm(selectItem) }, "\u786E\u5B9A"))))))))({
+                            React.createElement(Bubble, { content: selectedOrgList.length === 0 && confirmOrgList.length === 0
+                                    ? '请选择部门'
+                                    : null, className: "weda-select-user-dept__bubble" },
+                                React.createElement(Button, { type: "primary", onClick: () => onConfirm(selectedOrgList), disabled: selectedOrgList.length === 0 &&
+                                        confirmOrgList.length === 0 }, "\u786E\u5B9A")))))))))({
         id,
         className: cls,
         style,

package/dist/web/components/form/userOrgSelect/hooks/use-depart-data.js

@@ -1,14 +1,15 @@
-import React, { useState, useEffect } from 'react';
+import React from 'react';
 import destr from 'destr';
+import useSWR from 'swr';
 import { fetchUserData, DescribeOrgs } from '../common/fetch-data-service';
 const Icon = (React.createElement("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/794436ec3d598c50f771e346a8fce4e0.svg" }));
 const buildTreeData = (list) => {
     let res = [];
-    if (list.length > 0) {
+    let tempOrgList = [];
+    if ((list === null || list === void 0 ? void 0 : list.length) > 0) {
         const all = list.map((i) => JSON.parse(i.DataRecord));
-        const tempAll = all
+        tempOrgList = all
             .filter((i) => i.departmentName)
-            .filter((i) => i.depth === 1)
             .map((i) => {
             return {
                 id: i._id,
@@ -22,6 +23,7 @@ const buildTreeData = (list) => {
                 disableSelect: i.disableSelect,
             };
         });
+        const tempAll = tempOrgList.filter((i) => i.depth === 1);
         res = [...tempAll];
         if (res.length > 0) {
             res.forEach((v) => {
@@ -29,7 +31,7 @@ const buildTreeData = (list) => {
             });
         }
     }
-    return res;
+    return { res, tempOrgList };
 };
 // 递归，构建树结构
 const getChildren = (all, item) => {
@@ -54,40 +56,33 @@ const getChildren = (all, item) => {
         getChildren(all, n);
     });
 };
+const isNoOrgList = {
+    id: 'isNoOrgList',
+    content: '未关联部门用户',
+    icon: Icon,
+};
 export const useDepartData = (props) => {
     const { request } = props;
-    const [treeData, setTreeData] = useState([]);
-    const formatSetData = (datalist) => {
-        // 过滤掉部门名称为空的数据行
-        // const tempFlatList = datalist
-        //   .map((i: IDepartTreeItem) => JSON.parse(i.DataRecord))
-        //   .filter((i: IDepartItem) => i.departmentName) as IDepartItem[];
-        const tempTreeData = buildTreeData(datalist);
+    const { data: treeData, error } = useSWR('DescribeOrgs', async () => {
+        const tempList = await DescribeOrgs(request);
+        const orgsData = destr(tempList);
+        const { res: tempTreeData, tempOrgList } = buildTreeData(orgsData);
         //是否展示非组织节点
-        fetchUserData({ pageNo: 1, pageSize: 1 }, request).then((res) => {
-            const finalTempTreeData = (res === null || res === void 0 ? void 0 : res.total) > 0
-                ? (tempTreeData || []).concat({
-                    id: 'isNoOrgList',
-                    content: '未关联部门用户',
-                    icon: Icon,
-                })
-                : tempTreeData;
-            setTreeData(finalTempTreeData);
-        });
-    };
-    // 获取部门
-    const fetchDescribeOrgs = (request) => {
-        DescribeOrgs(request).then((res) => {
-            const tempList = destr(res);
-            //setList(tempList);
-            formatSetData(tempList);
-        });
-    };
-    useEffect(() => {
-        fetchDescribeOrgs(request);
-    }, [request]);
+        const res = await fetchUserData({ pageNo: 1, pageSize: 1 }, request);
+        const finalTempTreeData = (res === null || res === void 0 ? void 0 : res.total) > 0
+            ? (tempTreeData || []).concat(isNoOrgList)
+            : tempTreeData;
+        return {
+            treeData: finalTempTreeData,
+            orgTreeData: tempTreeData,
+            orgList: tempOrgList,
+        };
+    }, 
+    // 30秒dedupe
+    { dedupingInterval: 30 * 1000 });
     /**
+     * orgList:jsonstr 转化后的数据
      * treeData: 结构化之后的tree数据可直接用于 <Tree/> 组件
      */
-    return { treeData };
+    return { ...treeData, error };
 };

package/dist/web/components/form/userOrgSelect/hooks/use-views-data.js

@@ -0,0 +1,48 @@
+import React, { useEffect, useState } from 'react';
+import { getWhereList } from '../../../../utils/platform';
+import { fetchViewList } from '../common/fetch-data-service';
+import isObjectEqual from '../../../../utils/isObjectEqual';
+/**
+ * 获取用户表标准视图中排序规则
+ */
+export const useViewData = (where) => {
+    const whereRef = React.useRef(undefined);
+    //视图排序
+    const [filterParams, setFilterParam] = useState({
+        orderBy: null,
+        orderType: null,
+        where: null,
+    });
+    const fetchData = async ({ where }) => {
+        var _a, _b;
+        const whereEffected = Array.isArray(where) && where.length > 0
+            ? [].concat(getWhereList(where))[0]
+            : null;
+        const { Count, Rows } = await fetchViewList();
+        const params = {
+            orderBy: null,
+            orderType: null,
+            where: whereEffected,
+        };
+        if (Count) {
+            const properties = (_b = (_a = Rows === null || Rows === void 0 ? void 0 : Rows.filter((item) => item.ViewType === 'STANDARD')[0]) === null || _a === void 0 ? void 0 : _a.Properties) === null || _b === void 0 ? void 0 : _b.map((itemProperties) => {
+                itemProperties = JSON.parse(itemProperties);
+                return itemProperties;
+            });
+            // 排序
+            const sortItem = properties === null || properties === void 0 ? void 0 : properties.filter((item) => item['x-sortable'])[0];
+            if (sortItem) {
+                params.orderBy = sortItem.name;
+                params.orderType = sortItem['x-defaultSort'];
+            }
+        }
+        setFilterParam(params);
+    };
+    useEffect(() => {
+        if (!isObjectEqual(whereRef.current, where)) {
+            fetchData({ where });
+            whereRef.current = where;
+        }
+    }, [where]);
+    return { filterParams };
+};

package/dist/web/components/formdetail/index.css

@@ -2,19 +2,19 @@
   width: 100%;
 }
 .form-detail-wrap .form-detail-content-wrap {
-  border: 0.07143rem solid #dcdcdc;
-  margin-top: 0.85714rem;
+  border: 1px solid #dcdcdc;
+  margin-top: 12px;
 }
 .form-detail-wrap
   .form-detail-content-wrap
   .form-detail-group-header-container {
-  height: 3.42857rem;
+  height: 48px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background: #f1f2f5;
-  padding: 0.92857rem 1.42857rem;
-  border-bottom: 0.07143rem solid #dcdcdc;
+  padding: 13px 20px;
+  border-bottom: 1px solid #dcdcdc;
 }
 .form-detail-wrap
   .form-detail-content-wrap
@@ -33,23 +33,23 @@
 .form-detail-wrap
   .form-detail-content-wrap
   .form-detail-group-content-container {
-  padding: 1.07143rem 1.14286rem;
+  padding: 15px 16px;
 }
 .form-detail-wrap .form-detail-add-button,
 .form-detail-wrap .form-detail-delete-button {
   cursor: pointer;
   color: #0052d9;
-  font-size: 1rem;
+  font-size: 14px;
 }
 
 .form-detail-wrap .form-detail-add-button {
-  padding: 0.57143rem 1.14286rem 1.14286rem 1.14286rem;
+  padding: 8px 16px 16px 16px;
   display: inline-flex;
   align-items: center;
 }
 .form-detail-wrap .form-detail-add-button > .weda-ui {
   vertical-align: baseline;
-  padding-right: 0.35714rem;
+  padding-right: 5px;
   line-height: 1;
 }
 .h5-form-detail-wrap {
@@ -62,7 +62,7 @@
 .h5-form-detail-wrap
   .form-detail-content-wrap
   .form-detail-group-header-container {
-  height: 2.85714rem;
+  height: 40px;
   border: none;
 }
 .h5-form-detail-wrap
@@ -72,7 +72,7 @@
   padding: 0;
 }
 .form-detail-wrap .form-detail-title-index {
-  padding-left: 0.35714rem;
+  padding-left: 5px;
 }
 .form-detail-wrap .form-detail-title-index::before {
   content: '(';
@@ -81,7 +81,7 @@
   content: ')';
 }
 .h5-form-detail-wrap .form-detail-add-button {
-  font-size: 1.14286rem;
+  font-size: 16px;
   line-height: 1;
 }
 .h5-form-detail-wrap
@@ -95,9 +95,9 @@
   content: '';
   width: 100%;
   position: absolute;
-  height: 0.07143rem;
+  height: 1px;
   background: #f1f2f5;
-  top: -0.07143rem;
+  top: -1px;
   left: 0;
   z-index: 5;
 }
@@ -107,9 +107,9 @@
   content: '';
   width: 100%;
   position: absolute;
-  height: 0.07143rem;
+  height: 1px;
   background: #f1f2f5;
-  bottom: -0.07143rem;
+  bottom: -1px;
   left: 0;
   z-index: 5;
 }
@@ -119,24 +119,24 @@
   overflow: auto;
 }
 .form-detail-wrap.h5-form-detail-wrap {
-  padding: 0 0.35714rem;
+  padding: 0 5px;
 }
 .form-detail-wrap.h5-form-detail-wrap .form-detail-content-wrap {
-  border: 0.07143rem solid #dcdcdc;
+  border: 1px solid #dcdcdc;
   border-bottom: none;
   border-top: none;
   position: relative;
 }
 .form-detail-wrap.h5-form-detail-wrap .form-detail-content-wrap:first-child {
-  border-top: 0.07143rem solid #dcdcdc;
+  border-top: 1px solid #dcdcdc;
 }
 .form-detail-wrap.h5-form-detail-wrap .form-detail-content-wrap::after {
   content: '';
   width: 100%;
   position: absolute;
-  height: 0.07143rem;
+  height: 1px;
   background: #dcdcdc;
-  bottom: 0;
+  bottom: 0px;
   left: 0;
   z-index: 5;
 }
@@ -149,21 +149,21 @@
   flex: 1;
 }
 .form-detail-wrap.h5-form-detail-wrap .form-detail-group-label-container {
-  padding: 1.14286rem 1.14286rem 1.14286rem 0.78571rem;
+  padding: 16px 16px 16px 11px;
   display: flex;
   align-items: center;
-  font-size: 1.14286rem;
+  font-size: 16px;
   width: auto;
 }
 
 .form-detail-group-label-container {
-  padding: 0.5rem 0.28571rem 0.5rem 0;
-  width: 7.28571rem;
+  padding: 7px 4px 7px 0;
+  width: 102px;
 }
 .form-detail-wrap
   .form-detail-content-wrap
   .form-detail-group-header-container {
-  padding: 0.92857rem 1.07143rem;
+  padding: 13px 15px;
 }
 .form-detail-wrap .form-detail-title-index {
   padding-left: 0;
@@ -208,11 +208,11 @@
 
 .pc-form-detail-wrap .form-detail-group-parent-container {
   float: right;
-  width: calc(100% - 7.28571rem);
+  width: calc(100% - 102px);
 }
 .pc-form-detail-wrap .form-detail-group-label-container {
   float: left;
-  width: 7.28571rem;
+  width: 102px;
 }
 .wedatea2td-form--vertical
   .form-detail-wrap.pc-form-detail-wrap
@@ -226,6 +226,9 @@
   float: unset;
   width: 100%;
 }
-
-/*# sourceURL=webpack://./src/web/components/formdetail/index.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9mb3JtZGV0YWlsL2luZGV4LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLFdBQVc7QUFDYjtBQUNBO0VBQ0UsZ0NBQWdDO0VBQ2hDLHNCQUFzQjtBQUN4QjtBQUNBOzs7RUFHRSxrQkFBa0I7RUFDbEIsYUFBYTtFQUNiLG1CQUFtQjtFQUNuQiw4QkFBOEI7RUFDOUIsbUJBQW1CO0VBQ25CLDhCQUE4QjtFQUM5Qix1Q0FBdUM7QUFDekM7QUFDQTs7OztFQUlFLGFBQWE7RUFDYix5QkFBeUI7QUFDM0I7QUFDQTtFQUNFLGFBQWE7RUFDYixtQkFBbUI7RUFDbkIsOEJBQThCO0VBQzlCLHlCQUF5QjtFQUN6QixPQUFPO0FBQ1Q7QUFDQTs7O0VBR0UsOEJBQThCO0FBQ2hDO0FBQ0E7O0VBRUUsZUFBZTtFQUNmLGNBQWM7RUFDZCxlQUFlO0FBQ2pCOztBQUVBO0VBQ0Usb0RBQW9EO0VBQ3BELG9CQUFvQjtFQUNwQixtQkFBbUI7QUFDckI7QUFDQTtFQUNFLHdCQUF3QjtFQUN4Qix5QkFBeUI7RUFDekIsY0FBYztBQUNoQjtBQUNBO0VBQ0UsV0FBVztBQUNiO0FBQ0E7RUFDRSxTQUFTO0VBQ1QsWUFBWTtBQUNkO0FBQ0E7OztFQUdFLGtCQUFrQjtFQUNsQixZQUFZO0FBQ2Q7QUFDQTs7O0VBR0UsV0FBVztFQUNYLFVBQVU7QUFDWjtBQUNBO0VBQ0Usd0JBQXdCO0FBQzFCO0FBQ0E7RUFDRSxZQUFZO0FBQ2Q7QUFDQTtFQUNFLFlBQVk7QUFDZDtBQUNBO0VBQ0UscUJBQXFCO0VBQ3JCLGNBQWM7QUFDaEI7QUFDQTs7O0VBR0Usa0JBQWtCO0FBQ3BCO0FBQ0E7OztFQUdFLFdBQVc7RUFDWCxXQUFXO0VBQ1gsa0JBQWtCO0VBQ2xCLGtCQUFrQjtFQUNsQixtQkFBbUI7RUFDbkIsZ0JBQWdCO0VBQ2hCLE9BQU87RUFDUCxVQUFVO0FBQ1o7QUFDQTs7O0VBR0UsV0FBVztFQUNYLFdBQVc7RUFDWCxrQkFBa0I7RUFDbEIsa0JBQWtCO0VBQ2xCLG1CQUFtQjtFQUNuQixtQkFBbUI7RUFDbkIsT0FBTztFQUNQLFVBQVU7QUFDWjtBQUNBLFlBQVk7QUFDWjtFQUNFLGNBQWM7RUFDZCxjQUFjO0FBQ2hCO0FBQ0E7RUFDRSxxQkFBcUI7QUFDdkI7QUFDQTtFQUNFLGdDQUFnQztFQUNoQyxtQkFBbUI7RUFDbkIsZ0JBQWdCO0VBQ2hCLGtCQUFrQjtBQUNwQjtBQUNBO0VBQ0Usb0NBQW9DO0FBQ3RDO0FBQ0E7RUFDRSxXQUFXO0VBQ1gsV0FBVztFQUNYLGtCQUFrQjtFQUNsQixrQkFBa0I7RUFDbEIsbUJBQW1CO0VBQ25CLFNBQVM7RUFDVCxPQUFPO0VBQ1AsVUFBVTtBQUNaO0FBQ0E7OztFQUdFLGFBQWE7QUFDZjtBQUNBO0VBQ0UsT0FBTztBQUNUO0FBQ0E7RUFDRSxvREFBb0Q7RUFDcEQsYUFBYTtFQUNiLG1CQUFtQjtFQUNuQixxQkFBcUI7RUFDckIsV0FBVztBQUNiOztBQUVBO0VBQ0UsbUNBQW1DO0VBQ25DLGlCQUFpQjtBQUNuQjtBQUNBOzs7RUFHRSw4QkFBOEI7QUFDaEM7QUFDQTtFQUNFLGVBQWU7QUFDakI7QUFDQTtFQUNFLGFBQWE7QUFDZjs7QUFFQSxZQUFZO0FBQ1o7O0VBRUUsbUJBQW1CO0VBQ25CLGNBQWM7QUFDaEI7QUFDQTtFQUNFLHlCQUF5QjtBQUMzQjtBQUNBO0VBQ0UsbUJBQW1CO0FBQ3JCO0FBQ0E7RUFDRSxvQkFBb0I7QUFDdEI7QUFDQTs7O0VBR0UsV0FBVztBQUNiO0FBQ0E7O0VBRUUsYUFBYTtBQUNmO0FBQ0E7RUFDRSxhQUFhO0FBQ2Y7O0FBRUE7RUFDRSxvQkFBb0I7QUFDdEI7O0FBRUEseUJBQXlCOztBQUV6QjtFQUNFLFlBQVk7RUFDWiw4QkFBOEI7QUFDaEM7QUFDQTtFQUNFLFdBQVc7RUFDWCxpQkFBaUI7QUFDbkI7QUFDQTs7O0VBR0UsWUFBWTtFQUNaLFdBQVc7QUFDYjtBQUNBOzs7RUFHRSxZQUFZO0VBQ1osV0FBVztBQUNiIiwic291cmNlc0NvbnRlbnQiOlsiLmZvcm0tZGV0YWlsLXdyYXAge1xuICB3aWR0aDogMTAwJTtcbn1cbi5mb3JtLWRldGFpbC13cmFwIC5mb3JtLWRldGFpbC1jb250ZW50LXdyYXAge1xuICBib3JkZXI6IDAuMDcxNDNyZW0gc29saWQgI2RjZGNkYztcbiAgbWFyZ2luLXRvcDogMC44NTcxNHJlbTtcbn1cbi5mb3JtLWRldGFpbC13cmFwXG4gIC5mb3JtLWRldGFpbC1jb250ZW50LXdyYXBcbiAgLmZvcm0tZGV0YWlsLWdyb3VwLWhlYWRlci1jb250YWluZXIge1xuICBoZWlnaHQ6IDMuNDI4NTdyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYmFja2dyb3VuZDogI2YxZjJmNTtcbiAgcGFkZGluZzogMC45Mjg1N3JlbSAxLjQyODU3cmVtO1xuICBib3JkZXItYm90dG9tOiAwLjA3MTQzcmVtIHNvbGlkICNkY2RjZGM7XG59XG4uZm9ybS1kZXRhaWwtd3JhcFxuICAuZm9ybS1kZXRhaWwtY29udGVudC13cmFwXG4gIC5mb3JtLWRldGFpbC1ncm91cC1oZWFkZXItY29udGFpbmVyXG4gIC5mb3JtLWRldGFpbC10aXRsZS1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjkpO1xufVxuLmZvcm0tZGV0YWlsLXdyYXAgLmZvcm0tZGV0YWlsLWNvbnRlbnQtd3JhcCAuZm9ybS1kZXRhaWwtaGVhZGVyLXRleHQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuOSk7XG4gIGZsZXg6IDE7XG59XG4uZm9ybS1kZXRhaWwtd3JhcFxuICAuZm9ybS1kZXRhaWwtY29udGVudC13cmFwXG4gIC5mb3JtLWRldGFpbC1ncm91cC1jb250ZW50LWNvbnRhaW5lciB7XG4gIHBhZGRpbmc6IDEuMDcxNDNyZW0gMS4xNDI4NnJlbTtcbn1cbi5mb3JtLWRldGFpbC13cmFwIC5mb3JtLWRldGFpbC1hZGQtYnV0dG9uLFxuLmZvcm0tZGV0YWlsLXdyYXAgLmZvcm0tZGV0YWlsLWRlbGV0ZS1idXR0b24ge1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAjMDA1MmQ5O1xuICBmb250LXNpemU6IDFyZW07XG59XG5cbi5mb3JtLWRldGFpbC13cmFwIC5mb3JtLWRldGFpbC1hZGQtYnV0dG9uIHtcbiAgcGFkZGluZzogMC41NzE0M3JlbSAxLjE0Mjg2cmVtIDEuMTQyODZyZW0gMS4xNDI4NnJlbTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4uZm9ybS1kZXRhaWwtd3JhcCAuZm9ybS1kZXRhaWwtYWRkLWJ1dHRvbiA+IC53ZWRhLXVpIHtcbiAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xuICBwYWRkaW5nLXJpZ2h0OiAwLjM1NzE0cmVtO1xuICBsaW5lLWhlaWdodDogMTtcbn1cbi5oNS1mb3JtLWRldGFpbC13cmFwIHtcbiAgd2lkdGg6IDEwMCU7XG59XG4uaDUtZm9ybS1kZXRhaWwtd3JhcCAuZm9ybS1kZXRhaWwtY29udGVudC13cmFwIHtcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IG5vbmU7XG59XG4uaDUtZm9ybS1kZXRhaWwtd3JhcFxuICAuZm9ybS1kZXRhaWwtY29udGVudC13cmFwXG4gIC5mb3JtLWRldGFpbC1ncm91cC1oZWFkZXItY29udGFpbmVyIHtcbiAgaGVpZ2h0OiAyLjg1NzE0cmVtO1xuICBib3JkZXI6IG5vbmU7XG59XG4uaDUtZm9ybS1kZXRhaWwtd3JhcFxuICAuZm9ybS1kZXRhaWwtY29udGVudC13cmFwXG4gIC5mb3JtLWRldGFpbC1ncm91cC1jb250ZW50LWNvbnRhaW5lciB7XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAwO1xufVxuLmZvcm0tZGV0YWlsLXdyYXAgLmZvcm0tZGV0YWlsLXRpdGxlLWluZGV4IHtcbiAgcGFkZGluZy1sZWZ0OiAwLjM1NzE0cmVtO1xufVxuLmZvcm0tZGV0YWlsLXdyYXAgLmZvcm0tZGV0YWlsLXRpdGxlLWluZGV4OjpiZWZvcmUge1xuICBjb250ZW50OiAnKCc7XG59XG4uZm9ybS1kZXRhaWwtd3JhcCAuZm9ybS1kZXRhaWwtdGl0bGUtaW5kZXg6OmFmdGVyIHtcbiAgY29udGVudDogJyknO1xufVxuLmg1LWZvcm0tZGV0YWlsLXdyYXAgLmZvcm0tZGV0YWlsLWFkZC1idXR0b24ge1xuICBmb250LXNpemU6IDEuMTQyODZyZW07XG4gIGxpbmUtaGVpZ2h0OiAxO1xufVxuLmg1LWZvcm0tZGV0YWlsLXdyYXBcbiAgLmZvcm0tZGV0YWlsLWNvbnRlbnQtd3JhcFxuICAuZm9ybS1kZXRhaWwtZ3JvdXAtaGVhZGVyLWNvbnRhaW5lciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi5oNS1mb3JtLWRldGFpbC13cmFwXG4gIC5mb3JtLWRldGFpbC1jb250ZW50LXdyYXBcbiAgLmZvcm0tZGV0YWlsLWdyb3VwLWhlYWRlci1jb250YWluZXI6OmJlZm9yZSB7XG4gIGNvbnRlbnQ6ICcnO1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBoZWlnaHQ6IDAuMDcxNDNyZW07XG4gIGJhY2tncm91bmQ6ICNmMWYyZjU7XG4gIHRvcDogLTAuMDcxNDNyZW07XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDU7XG59XG4uaDUtZm9ybS1kZXRhaWwtd3JhcFxuICAuZm9ybS1kZXRhaWwtY29udGVudC13cmFwXG4gIC5mb3JtLWRldGFpbC1ncm91cC1oZWFkZXItY29udGFpbmVyOjphZnRlciB7XG4gIGNvbnRlbnQ6ICcnO1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBoZWlnaHQ6IDAuMDcxNDNyZW07XG4gIGJhY2tncm91bmQ6ICNmMWYyZjU7XG4gIGJvdHRvbTogLTAuMDcxNDNyZW07XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDU7XG59XG4vKiDlrZDooajljZXmoLflvI/mm7TmlrAgKi9cbi5mb3JtLWRldGFpbC13cmFwIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG92ZXJmbG93OiBhdXRvO1xufVxuLmZvcm0tZGV0YWlsLXdyYXAuaDUtZm9ybS1kZXRhaWwtd3JhcCB7XG4gIHBhZGRpbmc6IDAgMC4zNTcxNHJlbTtcbn1cbi5mb3JtLWRldGFpbC13cmFwLmg1LWZvcm0tZGV0YWlsLXdyYXAgLmZvcm0tZGV0YWlsLWNvbnRlbnQtd3JhcCB7XG4gIGJvcmRlcjogMC4wNzE0M3JlbSBzb2xpZCAjZGNkY2RjO1xuICBib3JkZXItYm90dG9tOiBub25lO1xuICBib3JkZXItdG9wOiBub25lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uZm9ybS1kZXRhaWwtd3JhcC5oNS1mb3JtLWRldGFpbC13cmFwIC5mb3JtLWRldGFpbC1jb250ZW50LXdyYXA6Zmlyc3QtY2hpbGQge1xuICBib3JkZXItdG9wOiAwLjA3MTQzcmVtIHNvbGlkICNkY2RjZGM7XG59XG4uZm9ybS1kZXRhaWwtd3JhcC5oNS1mb3JtLWRldGFpbC13cmFwIC5mb3JtLWRldGFpbC1jb250ZW50LXdyYXA6OmFmdGVyIHtcbiAgY29udGVudDogJyc7XG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGhlaWdodDogMC4wNzE0M3JlbTtcbiAgYmFja2dyb3VuZDogI2RjZGNkYztcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiA1O1xufVxuLmZvcm0tZGV0YWlsLXdyYXAuaDUtZm9ybS1kZXRhaWwtd3JhcFxuICAuZm9ybS1kZXRhaWwtY29udGVudC13cmFwXG4gIC5mb3JtLWRldGFpbC1ncm91cC1oZWFkZXItY29udGFpbmVyOjpiZWZvcmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuLmZvcm0tZGV0YWlsLWdyb3VwLXBhcmVudC1jb250YWluZXIge1xuICBmbGV4OiAxO1xufVxuLmZvcm0tZGV0YWlsLXdyYXAuaDUtZm9ybS1kZXRhaWwtd3JhcCAuZm9ybS1kZXRhaWwtZ3JvdXAtbGFiZWwtY29udGFpbmVyIHtcbiAgcGFkZGluZzogMS4xNDI4NnJlbSAxLjE0Mjg2cmVtIDEuMTQyODZyZW0gMC43ODU3MXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZm9udC1zaXplOiAxLjE0Mjg2cmVtO1xuICB3aWR0aDogYXV0bztcbn1cblxuLmZvcm0tZGV0YWlsLWdyb3VwLWxhYmVsLWNvbnRhaW5lciB7XG4gIHBhZGRpbmc6IDAuNXJlbSAwLjI4NTcxcmVtIDAuNXJlbSAwO1xuICB3aWR0aDogNy4yODU3MXJlbTtcbn1cbi5mb3JtLWRldGFpbC13cmFwXG4gIC5mb3JtLWRldGFpbC1jb250ZW50LXdyYXBcbiAgLmZvcm0tZGV0YWlsLWdyb3VwLWhlYWRlci1jb250YWluZXIge1xuICBwYWRkaW5nOiAwLjkyODU3cmVtIDEuMDcxNDNyZW07XG59XG4uZm9ybS1kZXRhaWwtd3JhcCAuZm9ybS1kZXRhaWwtdGl0bGUtaW5kZXgge1xuICBwYWRkaW5nLWxlZnQ6IDA7XG59XG4uZm9ybS1kZXRhaWwtd3JhcCAuZm9ybS1kZXRhaWwtY29udGVudC13cmFwIHtcbiAgbWFyZ2luLXRvcDogNztcbn1cblxuLyog5a2Q6KGo5Y2V56aB55So5qC35byPICovXG4uZm9ybS1kZXRhaWwtd3JhcC5kaXNhYmxlZCAuZm9ybS1kZXRhaWwtZGVsZXRlLWJ1dHRvbixcbi5mb3JtLWRldGFpbC13cmFwLmRpc2FibGVkIC5mb3JtLWRldGFpbC1hZGQtYnV0dG9uIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgY29sb3I6ICNiYmQzZmI7XG59XG4uZm9ybS1kZXRhaWwtd3JhcC5kaXNhYmxlZCAuZm9ybS1kZXRhaWwtYWRkLWJ1dHRvbiAudC1pY29uIHtcbiAgY29sb3I6ICNiYmQzZmIgIWltcG9ydGFudDtcbn1cbi5mb3JtLWRldGFpbC13cmFwLmRpc2FibGVkIC5mb3JtLWRldGFpbC1ncm91cC1jb250ZW50LWNvbnRhaW5lciB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG4uZm9ybS1kZXRhaWwtd3JhcC5kaXNhYmxlZCAuZm9ybS1kZXRhaWwtZ3JvdXAtY29udGVudC1jb250YWluZXIgPiBkaXYge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cbi5mb3JtLWRldGFpbC13cmFwLmRpc2FibGVkXG4gIC5mb3JtLWRldGFpbC1ncm91cC1jb250ZW50LWNvbnRhaW5lclxuICAud2V1aS11cGxvYWRlcl9faW5wdXQge1xuICB6LWluZGV4OiAtMTtcbn1cbi5mb3JtLWRldGFpbC13cmFwLnJlYWRPbmx5IC5mb3JtLWRldGFpbC1kZWxldGUtYnV0dG9uLFxuLmZvcm0tZGV0YWlsLXdyYXAucmVhZE9ubHkgLmZvcm0tZGV0YWlsLWFkZC1idXR0b24ge1xuICBkaXNwbGF5OiBub25lO1xufVxuLmZvcm0tZGV0YWlsLXdyYXAucmVhZE9ubHkgLndldWktdXBsb2FkZXJfX2lucHV0LWJveCA+IGlucHV0IHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZvcm0tZGV0YWlsLXdyYXAucmVhZE9ubHkgLmZvcm0tZGV0YWlsLWdyb3VwLWNvbnRlbnQtY29udGFpbmVyID4gZGl2IHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi8qIOWFvOWuueaXp+eahOWtkOihqOWNleagt+W8jyzkuI3og73ph4fnlKhmbGV45biD5bGAICovXG5cbi5wYy1mb3JtLWRldGFpbC13cmFwIC5mb3JtLWRldGFpbC1ncm91cC1wYXJlbnQtY29udGFpbmVyIHtcbiAgZmxvYXQ6IHJpZ2h0O1xuICB3aWR0aDogY2FsYygxMDAlIC0gNy4yODU3MXJlbSk7XG59XG4ucGMtZm9ybS1kZXRhaWwtd3JhcCAuZm9ybS1kZXRhaWwtZ3JvdXAtbGFiZWwtY29udGFpbmVyIHtcbiAgZmxvYXQ6IGxlZnQ7XG4gIHdpZHRoOiA3LjI4NTcxcmVtO1xufVxuLndlZGF0ZWEydGQtZm9ybS0tdmVydGljYWxcbiAgLmZvcm0tZGV0YWlsLXdyYXAucGMtZm9ybS1kZXRhaWwtd3JhcFxuICAuZm9ybS1kZXRhaWwtZ3JvdXAtcGFyZW50LWNvbnRhaW5lciB7XG4gIGZsb2F0OiB1bnNldDtcbiAgd2lkdGg6IDEwMCU7XG59XG4ud2VkYXRlYTJ0ZC1mb3JtLS12ZXJ0aWNhbFxuICAuZm9ybS1kZXRhaWwtd3JhcC5wYy1mb3JtLWRldGFpbC13cmFwXG4gIC5mb3JtLWRldGFpbC1ncm91cC1sYWJlbC1jb250YWluZXIge1xuICBmbG9hdDogdW5zZXQ7XG4gIHdpZHRoOiAxMDAlO1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */
+/* 升级后组件样式兼容 */
+.form-detail-wrap .form-detail-add-button .wd-typography,
+.form-detail-wrap .form-detail-delete-button .wd-typography {
+  color: #0052d9;
+  margin-bottom: 0;
+}

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

@@ -1,8 +1,9 @@
 import React, { useEffect, forwardRef, useImperativeHandle, useState, useCallback, } from 'react';
 import classNames from '../../utils/classnames';
-import { usePlatform, randomStr } from '../../utils/platform';
+import { usePlatform, randomStr, isInIde } from '../../utils/platform';
 import isObjectEqual from '../../utils/isObjectEqual';
 import './index.css';
+import { getParentForm } from '../../utils/widget-api';
 export const reorderContext = (data, name, isPureArray) => data.map((i, index) => {
     const item = { ...i };
     Object.keys(i).forEach((j) => {
@@ -58,11 +59,12 @@ export const changeHandle = ({ type, name, data, childFormItem, isPureArray, par
     return data;
 };
 const FormDetailCom = forwardRef(function FormDetail(props, ref) {
-    const { className, id, style, children, events, name, value: initDetailValue, isPureArray, disabled, readOnly, fieldAuth = 'rw', parent, } = props;
+    const { className, id, style, children, events, name, value: initDetailValue, isPureArray, disabled, readOnly, fieldAuth = 'rw', $node, hasInitValue = false, } = props;
     const [defaultValue, setDetailValue] = useState([]);
     const [contextData, setContextData] = useState([]);
     const [childFormItem, setCildFormItem] = useState([]);
     const platform = usePlatform();
+    const parent = getParentForm($node);
     const init = useCallback((defaultValue, childFormItem) => {
         var _a;
         const formDetailItemValue = {};
@@ -111,6 +113,7 @@ const FormDetailCom = forwardRef(function FormDetail(props, ref) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [initDetailValue]);
     useEffect(() => {
+        var _a;
         let childFormItem = initDetailValue[0]
             ? Object.keys(initDetailValue[0])
             : [];
@@ -119,7 +122,13 @@ const FormDetailCom = forwardRef(function FormDetail(props, ref) {
             childFormItem = ['arrayItem'];
         }
         setCildFormItem(childFormItem);
-        init(initDetailValue, childFormItem);
+        // 只有在编辑器里,或存在初始值的时候,才初始化明细单项
+        if (isInIde() || hasInitValue) {
+            init(initDetailValue, childFormItem);
+        }
+        else {
+            (_a = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _a === void 0 ? void 0 : _a.call(events, { data: [] });
+        }
         // 组件卸载时触发
         return () => {
             var _a;