@cloudbase/weda-ui 3.21.2 → 3.21.4

package/dist/web/components/chart/statisticsCard/index.js

@@ -148,16 +148,19 @@ export default function StatisticsCard({ dataSource, filterData, field, operatio
             ],
         };
         try {
-            if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.type) === 'database') {
+            if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.type) === 'database' && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.name)) {
                 return await (appCloud === null || appCloud === void 0 ? void 0 : appCloud.callWedaApi({
                     action: 'DescribeChartCardData',
                     data: params,
                 }));
             }
-            return await (appCloud === null || appCloud === void 0 ? void 0 : appCloud.callDataSource({
-                dataSourceName: dataSource === null || dataSource === void 0 ? void 0 : dataSource.name,
-                methodName: dataSource === null || dataSource === void 0 ? void 0 : dataSource.methodName,
-            }));
+            if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.name) && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.methodName)) {
+                return await (appCloud === null || appCloud === void 0 ? void 0 : appCloud.callDataSource({
+                    dataSourceName: dataSource === null || dataSource === void 0 ? void 0 : dataSource.name,
+                    methodName: dataSource === null || dataSource === void 0 ? void 0 : dataSource.methodName,
+                }));
+            }
+            return [];
         }
         catch (e) {
             errorHandler({
@@ -205,5 +208,5 @@ export default function StatisticsCard({ dataSource, filterData, field, operatio
         [`${CLASS_PREFIX}-mobile`]: platform === 'h5',
         [`${CLASS_PREFIX}-pc`]: platform !== 'h5',
     });
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { id: id, role: role, className: cls, style: style, onClick: (e) => events.tap({}, { originEvent: e }), children: _jsxs("div", { className: `${CLASS_PREFIX}__wrapper`, children: [_jsx("div", { className: `${CLASS_PREFIX}__title`, children: label }), _jsx("div", { className: `${CLASS_PREFIX}__detail`, children: _jsxs("div", { className: `${CLASS_PREFIX}__count`, children: [isShowUnit ? formatNumber(val / unit, decimalDigits) : val, isShowUnit && (_jsx("label", { className: `${CLASS_PREFIX}__unit`, children: suffix }))] }) })] }) }) }));
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { id: id, role: role, className: cls, style: style, onClick: (e) => events.tap({}, { originEvent: e }), children: _jsxs("div", { className: `${CLASS_PREFIX}__wrapper`, children: [_jsx("div", { className: `${CLASS_PREFIX}__title`, children: label }), _jsx("div", { className: `${CLASS_PREFIX}__detail`, children: _jsxs("div", { className: `${CLASS_PREFIX}__count`, children: [isShowUnit ? formatNumber(val / unit, decimalDigits) : val, isShowUnit && _jsx("label", { className: `${CLASS_PREFIX}__unit`, children: suffix })] }) })] }) }) }));
 }

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

@@ -41,6 +41,15 @@ const popover = 'clearFormat bold italic underline color backgroundColor';
 let loadEditorPromise;
 // 默认视频类型
 const VIDEO_TYPES = ['video/*'];
+function loadSrc(src) {
+    return new Promise((resolve, reject) => {
+        const script = document.createElement('script');
+        script.src = src;
+        script.onload = () => resolve('');
+        script.onerror = () => reject('');
+        document.body.appendChild(script);
+    });
+}
 export default React.memo(RichText);
 function RichText({ 
 // 系统属性
@@ -149,32 +158,13 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, storageType
     React.useEffect(() => {
         if (!(window === null || window === void 0 ? void 0 : window.ExEditor3) && !loadEditorPromise) {
             // 挂载资源
-            function loadSrc(src, css) {
-                return new Promise((resolve, reject) => {
-                    const script = document.createElement('script');
-                    script.src = src;
-                    script.onload = () => resolve('');
-                    script.onerror = () => reject('');
-                    document.body.appendChild(script);
-                    const link = document.createElement('link');
-                    link.setAttribute('rel', 'stylesheet');
-                    link.setAttribute('href', css);
-                    const head = document.getElementsByTagName('head');
-                    if (head.length) {
-                        head[0].appendChild(link);
-                    }
-                    else {
-                        document.body.appendChild(link);
-                    }
-                });
-            }
             try {
                 const cfg = onlineConfig.richText;
                 if (isPrivate()) {
-                    loadEditorPromise = loadSrc(cfg.private.js, cfg.private.css).catch((_) => loadSrc(cfg.js, cfg.css));
+                    loadEditorPromise = loadSrc(cfg.private.js).catch(() => loadSrc(cfg.js));
                 }
                 else {
-                    loadEditorPromise = loadSrc(cfg.js, cfg.css);
+                    loadEditorPromise = loadSrc(cfg.js);
                 }
             }
             catch (e) {

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

@@ -54,15 +54,15 @@
   font-size: 0.67em;
 }
 
-.weda-RichTextView ul {
+/* .weda-RichTextView ul {
   list-style: disc !important;
   padding: revert !important;
-}
+} */
 
-.weda-RichTextView ol {
+/* .weda-RichTextView ol {
   list-style: decimal !important;
   padding: revert !important;
-}
+} */
 
 .weda-RichTextView .tableWrapper,
 .weda-RichTextView div:has(> table) {
@@ -114,3 +114,55 @@
 .weda-RichTextView p {
   min-height: 1em;
 }
+
+.weda-RichTextView ol,
+.weda-RichTextView ul {
+  padding-inline-start: 32px;
+  padding-left: 32px;
+}
+
+.weda-RichTextView ol {
+  --ol-start: 1;
+  --ol-list-style-type: decimal;
+  list-style-type: none;
+  counter-reset: olCounter calc(var(--ol-start, 1) - 1);
+  position: relative;
+}
+.weda-RichTextView ol > li > :first-child::before {
+  content: counter(olCounter, var(--ol-list-style-type)) '. ';
+  counter-increment: olCounter;
+  font-variant-numeric: tabular-nums;
+  position: absolute;
+  transform: translate(-100%, 0);
+}
+
+.weda-RichTextView ul {
+  --ul-list-style-type: circle;
+  list-style-type: none;
+  position: relative;
+}
+.weda-RichTextView ul.nonUnicode-list-style-type > li > :first-child::before {
+  content: var(--ul-list-style-type) ' ';
+  font-variant-numeric: tabular-nums;
+  position: absolute;
+  transform: translate(-100%, 0.05em) scale(0.5);
+}
+.weda-RichTextView ul.unicode-list-style-type > li > :first-child::before {
+  content: var(--ul-list-style-type) ' ';
+  font-variant-numeric: tabular-nums;
+  position: absolute;
+  transform: translate(-100%, 0) scale(0.8);
+}
+
+.weda-RichTextView ul[data-type='todo'] {
+  padding-left: calc(2em + 10px);
+}
+.weda-RichTextView ul[data-type='todo'] > li > :first-child::before {
+  content: '';
+}
+.weda-RichTextView ul[data-type='todo'] > li > input[type='checkbox'] {
+  position: absolute;
+  left: 1em;
+  margin-top: 6px;
+  margin-right: 10px;
+}

package/dist/web/components/richTextView/style.d.ts

@@ -1,2 +1,3 @@
 import './index.css';
+import '../richText/index.css';
 import '../style';

package/dist/web/components/richTextView/style.js

@@ -1,2 +1,3 @@
 import './index.css';
+import '../richText/index.css';
 import '../style';

package/dist/web/components/table/ExportFileModalByApi/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Modal, Radio, Form, Table, Checkbox, Icon, List, Status, Bubble, Tooltip, } from 'tea-component';
+import { Modal, Radio, Form, Table, Checkbox, Icon, List, Status, Bubble, Tooltip } from 'tea-component';
 import { useImportingStatus } from '../hooks/useImportingStatus';
 import { callWedaApi } from '../../../utils/tcb';
 import { WdButton } from '../../wd-button';
@@ -25,13 +25,11 @@ export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysLi
             }
         });
         return {
-            FieldId: (field === null || field === void 0 ? void 0 : field.isRelated)
-                ? `@${field === null || field === void 0 ? void 0 : field.fieldKey}.${field === null || field === void 0 ? void 0 : field.relatedField}`
-                : item,
+            FieldId: (field === null || field === void 0 ? void 0 : field.isRelated) ? `@${field === null || field === void 0 ? void 0 : field.fieldKey}.${field === null || field === void 0 ? void 0 : field.relatedField}` : item,
             ColumnName: item === '_id' ? '数据标识' : field === null || field === void 0 ? void 0 : field.header,
         };
     });
-    const hadnleExport = async () => {
+    const handleExport = async () => {
         try {
             setStep('isExporting');
             // 启动导出接口
@@ -105,7 +103,7 @@ export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysLi
             header: '字段名称',
         },
         {
-            key: 'name',
+            key: 'fieldKeyLabel',
             header: '字段标识',
         },
         {
@@ -113,7 +111,10 @@ export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysLi
             header: '字段类型',
         },
     ];
-    return (_jsxs(Modal, { caption: "\u5BFC\u51FAExcel", visible: visible, onClose: onCancel, size: 'l', className: `weda-import-csv-file-modal`, children: [_jsxs(Modal.Body, { children: [step === 'fieldMap' && (_jsxs("div", { children: [_jsx(Form, { className: "weda-import-csv-file-modal weda-export-csv-file-modal", children: _jsx(Form.Item, { label: _jsx(_Fragment, { children: _jsx(Tooltip, { title: _jsx("span", { className: "weda-export-label-tooltip", children: "\u5982\u5BFC\u51FA\u6570\u636E\u91CF\u8D85\u51FA10\u4E07\u884C\uFF0C\u8BF7\u60A8\u7B5B\u9009\u6570\u636E\u540E\u5206\u591A\u6B21\u5BFC\u51FA\u3002" }), children: "\u5BFC\u51FA\u6570\u636E\u8303\u56F4(\u4E0A\u965010\u4E07\u884C)" }) }), children: _jsxs(Radio.Group, { value: exportType, onChange: (value) => setExportType(value), style: { display: 'flex' }, children: [_jsx(Radio, { name: "all", children: "\u5168\u90E8\u6570\u636E" }), _jsx(Radio, { name: "filter", children: "\u7B5B\u9009\u540E\u7684\u6570\u636E" }), _jsxs(Radio, { name: "selected", disabled: !(selectedKeysList === null || selectedKeysList === void 0 ? void 0 : selectedKeysList.length), children: ["\u9009\u4E2D\u7684\u6570\u636E", _jsx("span", { style: { color: 'rgba(0, 0, 0, 0.6)' }, children: !(selectedKeysList === null || selectedKeysList === void 0 ? void 0 : selectedKeysList.length) && '（无选中数据）' })] })] }) }) }), _jsx("p", { className: "weda-export-csv-file-modal__wrap_text", children: "\u5BFC\u51FA\u5B57\u6BB5" }), _jsx(Table, { records: fields, recordKey: "name", columns: columns, style: { border: '1px solid #E7E7E7', borderBottom: '0' }, addons: [
+    return (_jsxs(Modal, { caption: "\u5BFC\u51FAExcel", visible: visible, onClose: onCancel, size: 'l', className: `weda-import-csv-file-modal`, children: [_jsxs(Modal.Body, { children: [step === 'fieldMap' && (_jsxs("div", { children: [_jsx(Form, { className: "weda-import-csv-file-modal weda-export-csv-file-modal", children: _jsx(Form.Item, { label: _jsx(_Fragment, { children: _jsx(Tooltip, { title: _jsx("span", { className: "weda-export-label-tooltip", children: "\u5982\u5BFC\u51FA\u6570\u636E\u91CF\u8D85\u51FA10\u4E07\u884C\uFF0C\u8BF7\u60A8\u7B5B\u9009\u6570\u636E\u540E\u5206\u591A\u6B21\u5BFC\u51FA\u3002" }), children: "\u5BFC\u51FA\u6570\u636E\u8303\u56F4(\u4E0A\u965010\u4E07\u884C)" }) }), children: _jsxs(Radio.Group, { value: exportType, onChange: (value) => setExportType(value), style: { display: 'flex' }, children: [_jsx(Radio, { name: "all", children: "\u5168\u90E8\u6570\u636E" }), _jsx(Radio, { name: "filter", children: "\u7B5B\u9009\u540E\u7684\u6570\u636E" }), _jsxs(Radio, { name: "selected", disabled: !(selectedKeysList === null || selectedKeysList === void 0 ? void 0 : selectedKeysList.length), children: ["\u9009\u4E2D\u7684\u6570\u636E", _jsx("span", { style: { color: 'rgba(0, 0, 0, 0.6)' }, children: !(selectedKeysList === null || selectedKeysList === void 0 ? void 0 : selectedKeysList.length) && '（无选中数据）' })] })] }) }) }), _jsx("p", { className: "weda-export-csv-file-modal__wrap_text", children: "\u5BFC\u51FA\u5B57\u6BB5" }), _jsx(Table, { records: fields === null || fields === void 0 ? void 0 : fields.map((i) => ({
+                                    ...i,
+                                    fieldKeyLabel: i.isRelated ? `${i.fieldKey}.${i.relatedField}` : i.name,
+                                })), recordKey: "name", columns: columns, style: { border: '1px solid #E7E7E7', borderBottom: '0' }, addons: [
                                     selectable({
                                         value: selectedKeys,
                                         onChange: (keys) => {
@@ -125,14 +126,10 @@ export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysLi
                                         maxHeight: 320,
                                     }),
                                 ] }), _jsx(Checkbox.Group, { value: exportIdentity, onChange: (value) => setExportIdentity(value), style: { margin: '16px 0', color: 'rgba(0, 0, 0, 0.6)' }, children: _jsx(Checkbox, { name: "exportIdentity", style: { color: 'rgba(0, 0, 0, 0.6)' }, children: _jsx(Bubble, { content: "\u52FE\u9009\u540E\uFF0C\u53EF\u5BFC\u51FA\u679A\u4E3E\u5B57\u6BB5\u7684\u9009\u9879\u6807\u8BC6\uFF0C\u4E0E\u5173\u8054\u5173\u7CFB/\u4E3B\u5B50\u660E\u7EC6\u5B57\u6BB5\u5173\u8054\u6570\u636E\u7684\u6570\u636E\u6807\u8BC6\uFF0C\u53EF\u7528\u4E8E\u5BFC\u5165\u65F6\u66F4\u65B0\u679A\u4E3E/\u5173\u8054\u5173\u7CFB/\u4E3B\u5B50\u660E\u7EC6\u5B57\u6BB5\u6570\u636E", children: "\u5BFC\u51FA\u9009\u9879\u6807\u8BC6\u548C\u5173\u8054\u6570\u636E\u6807\u8BC6" }) }) })] })), step === 'isExporting' && (_jsxs("div", { className: "import-file-result-wrap", children: [status === 'error' && (_jsxs("div", { className: "error-container", children: [_jsxs("div", { className: "error-tip", children: [_jsx(Icon, { type: "error", size: "s" }), _jsx("p", { children: "\u6570\u636E\u5BFC\u51FA\u5931\u8D25" })] }), _jsx("div", { className: "error-content", children: _jsx(List, { children: Array.isArray(errorMessage)
-                                                ? errorMessage === null || errorMessage === void 0 ? void 0 : errorMessage.map((i, index) => (_jsx(List.Item, { children: i }, index)))
+                                                ? errorMessage === null || errorMessage === void 0 ? void 0 : errorMessage.map((i, index) => _jsx(List.Item, { children: i }, index))
                                                 : errorMessage }) })] })), status !== 'validateError' && status !== 'error' && (_jsx("div", { className: `status-wrap ${status}`, children: _jsx(Status, { icon: 'blank', size: 'm', style: {
                                         maxWidth: '430px',
-                                    }, title: status === 'success'
-                                        ? '数据导出完成'
-                                        : '数据导出中，请稍候...', description: status === 'success' ? (_jsx("a", { target: '_blank', href: fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.DownloadUrl, rel: "noreferrer", style: { margin: '0 auto' }, className: "wd-table__a", children: "\u70B9\u51FB\u4E0B\u8F7D" })) : (_jsxs("div", { children: [status === 'timeout'
-                                                ? '数据导出耗时较长，请稍后在'
-                                                : '关闭弹窗后，导出任务会继续执行，可在', _jsx("a", { className: "wd-table__a", onClick: () => {
+                                    }, title: status === 'success' ? '数据导出完成' : '数据导出中，请稍候...', description: status === 'success' ? (_jsx("a", { target: '_blank', href: fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.DownloadUrl, rel: "noreferrer", style: { margin: '0 auto' }, className: "wd-table__a", children: "\u70B9\u51FB\u4E0B\u8F7D" })) : (_jsxs("div", { children: [status === 'timeout' ? '数据导出耗时较长，请稍后在' : '关闭弹窗后，导出任务会继续执行，可在', _jsx("a", { className: "wd-table__a", onClick: () => {
                                                     onCancel();
                                                     handleInOrOutRecordModealVisible('export');
                                                 }, children: "\u6211\u7684\u5BFC\u51FA\u8BB0\u5F55" }), "\u67E5\u770B\u4EFB\u52A1\u8FDB\u5EA6"] })) }) }))] }))] }), _jsxs(Modal.Footer, { children: [step === 'fieldMap' && (_jsx(WdButton, { text: "\u6211\u7684\u5BFC\u51FA\u8BB0\u5F55", variant: "link", style: { float: 'left' }, events: {
@@ -140,5 +137,5 @@ export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysLi
                                 onCancel();
                                 handleInOrOutRecordModealVisible('export');
                             },
-                        } })), step === 'fieldMap' && (_jsxs(_Fragment, { children: [_jsx(WdButton, { text: "\u53D6\u6D88", events: { tap: onCancel }, theme: "secondary", variant: "outline", className: "wd-btn__margin-right" }), _jsx(WdButton, { text: "\u786E\u5B9A", events: { tap: hadnleExport }, disabled: !(selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) })] }))] })] }));
+                        } })), step === 'fieldMap' && (_jsxs(_Fragment, { children: [_jsx(WdButton, { text: "\u53D6\u6D88", events: { tap: onCancel }, theme: "secondary", variant: "outline", className: "wd-btn__margin-right" }), _jsx(WdButton, { text: "\u786E\u5B9A", events: { tap: handleExport }, disabled: !(selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) })] }))] })] }));
 }

package/dist/web/components/wd-form/form-utils.d.ts

@@ -5,3 +5,4 @@ export declare function getErrorObjectFromValidateResult(errObj: Record<string,
     format?: string;
     label?: string;
 }>>): Record<string, string>;
+export declare const convertFormData: (formData: any, formItemMapList: any, fieldInitValueCache: any) => any;

package/dist/web/components/wd-form/form-utils.js

@@ -1,4 +1,7 @@
 import lodashSet from 'lodash.set';
+import lodashGet from 'lodash.get';
+import { deepClone } from '../../utils/tool';
+import { NOT_EXISTED_VALUE } from '../../utils/constant';
 function getFormDetailValueIsNull({ formData, formItemMap, }) {
     const formDetailList = [];
     formItemMap.forEach((items, name) => {
@@ -40,3 +43,17 @@ export function getErrorObjectFromValidateResult(errObj) {
         return acc;
     }, {});
 }
+// 表单容器上挂载的表单项的值
+export const convertFormData = (formData, formItemMapList, fieldInitValueCache) => {
+    const data = {};
+    formItemMapList.forEach((i) => {
+        const namePath = i;
+        const value = lodashGet(formData, namePath, NOT_EXISTED_VALUE);
+        // 表单容器内不包含的表单项，不赋值
+        if (value !== NOT_EXISTED_VALUE) {
+            lodashSet(data, namePath, value);
+        }
+    });
+    const _fieldInitValueCache = deepClone(fieldInitValueCache);
+    return Object.assign(_fieldInitValueCache, data);
+};

package/dist/web/components/wd-form/hooks/use-remote-value.js

@@ -227,7 +227,7 @@ export function useRemoteParamsFromValue({ dataSourceProfile, formData, formType
             const format = (_c = (_b = (_a = dataSourceProfile.schema) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b[cur]) === null || _c === void 0 ? void 0 : _c.format;
             acc[cur] = formData[cur];
             if (SINGLE_SELECT_FORMATS.includes(format)) {
-                acc[cur] = { _id: formData[cur] };
+                acc[cur] = { _id: formData[cur] || '' };
             }
             if (MULTI_SELECT_FORMATS.includes(format)) {
                 acc[cur] = (_d = acc[cur]) === null || _d === void 0 ? void 0 : _d.map((_id) => ({ _id }));

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

@@ -17,12 +17,12 @@ import lodashGet from 'lodash.get';
 import lodashSet from 'lodash.set';
 import { useDataSource } from '../../utils/hooks/useDataSource';
 import { WdForm as FormUi } from './wd-form';
-import EmptyContent from '../statusContent';
+import StatusContent from '../statusContent';
 import { deepClone } from '../../utils/tool';
 import isObjectEqual from '../../utils/isObjectEqual';
 import { convertMethodParam } from '../../utils/hooks/useFormLegacy';
 import '../style';
-import { getErrorObjectFromValidateResult } from './form-utils';
+import { getErrorObjectFromValidateResult, convertFormData } from './form-utils';
 import { isNil } from '../../utils/lodash';
 import { FormTypeProvider } from './contexts/form-type-context';
 import { FormLayoutProvider } from './contexts/form-layout-context';
@@ -33,7 +33,7 @@ import useDebouncedCallback from '../../utils/hooks/use-debounced-callback';
 const SET_VALUE_DEBOUNCE_TIMEOUT = 250;
 const logger = debug('wd-form');
 const WdForm = React.forwardRef(function WdForm(props, ref) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     const { className, id, style, contentSlot: contentSlotEl, layout = 'horizontal', formType = 'create', _id, datasourceType = 'model', dataSourceName, methodGetItem, methodCreate, methodUpdate, paramGetItem, appCloud = tcbAppCloud, lgWidth, labelAlign = 'left', initialValues: _initialValues, 
     // 兼容流程setValue调用，其他地方别用
     $node, $widget, } = props;
@@ -76,32 +76,14 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
     // 表单值
     const [formData, setFormData] = useState((_c = deepClone(_initialValues)) !== null && _c !== void 0 ? _c : emptyObject);
     // 转换后表单值，仅保留已挂载表单项的值
-    const [formFieldsValue, setFormFieldsValue] = useState((_d = deepClone(_initialValues)) !== null && _d !== void 0 ? _d : emptyObject);
+    const formFieldsValue = useMemo(() => {
+        return convertFormData(formData, formItemMapList, fieldInitValueCache);
+    }, [formData, formItemMapList, fieldInitValueCache]);
     useDebouncedEffect(() => {
         var _a, _b;
-        // 表单容器上挂载的表单项的值,没有则置空
-        const convertFormData = (formData, setNull = false) => {
-            const data = {};
-            formItemMapList.forEach((i) => {
-                const namePath = i;
-                const value = lodashGet(formData, namePath, NOT_EXISTED_VALUE);
-                // 表单容器内不包含的表单项，不赋值
-                if (value !== NOT_EXISTED_VALUE) {
-                    lodashSet(data, namePath, value);
-                }
-                else {
-                    if (setNull) {
-                        lodashSet(data, namePath, null);
-                    }
-                }
-            });
-            const _fieldInitValueCache = deepClone(fieldInitValueCache);
-            return Object.assign(_fieldInitValueCache, data);
-        };
-        const _data = convertFormData(formData);
-        setFormFieldsValue(_data);
-        (_b = (_a = eventsRef === null || eventsRef === void 0 ? void 0 : eventsRef.current) === null || _a === void 0 ? void 0 : _a.onDataChange) === null || _b === void 0 ? void 0 : _b.call(_a, { data: _data });
-    }, [formData, fieldInitValueCache], 
+        // 表单容器上挂载的表单项的值
+        (_b = (_a = eventsRef === null || eventsRef === void 0 ? void 0 : eventsRef.current) === null || _a === void 0 ? void 0 : _a.onDataChange) === null || _b === void 0 ? void 0 : _b.call(_a, { data: formFieldsValue });
+    }, [formFieldsValue], 
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
     SET_VALUE_DEBOUNCE_TIMEOUT);
     const eventsRef = useSyncedRef(props.events);
@@ -508,7 +490,7 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
         return `${layout}-${labelAlign}`;
     }, [layout, labelAlign]);
     const getFieldValue = useCallback(({ namePath, initialValue }) => {
-        const value = lodashGet(formFieldsValue, namePath, NOT_EXISTED_VALUE);
+        const value = lodashGet(formData, namePath, NOT_EXISTED_VALUE);
         if (value !== NOT_EXISTED_VALUE) {
             return value;
         }
@@ -520,7 +502,7 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
             }
             return null;
         }
-    }, [formFieldsValue]);
+    }, [formData]);
     const setFieldValue = useCallback(({ namePath, value }) => {
         setFormData((formData) => {
             const _formData = deepClone(formData);
@@ -536,16 +518,9 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
             return _formData;
         });
     }, []);
-    if (initValueLoadingStatus === 'hidden') {
-        return null;
+    if (initValueLoadingStatus === 'loading' && !fetchedInitialValues) {
+        return _jsx(StatusContent, { emptyText: '数据加载中,请稍候...', component: "table", icon: "loading" });
     }
-    // if (initValueLoadingStatus === 'loading' && !fetchedInitialValues) {
-    //   return (
-    //     <ConfigProvider classPrefix="wedatea2td">
-    //       <StatusTip status="loading" loadingText="数据加载中..." />
-    //     </ConfigProvider>
-    //   );
-    // }
-    return (_jsx(FormWidgetProvider, { "$widget": $widget, children: _jsx(FormLayoutProvider, { layout: layout, children: _jsx(FormTypeProvider, { formType: formType, children: _jsx(FormFieldProvider, { setFieldValue: setFieldValue, isInformContainer: isInformContainer, getFieldValue: getFieldValue, children: _jsx(FormUi, { layout: layout, className: cls, style: style, id: id, lgWidth: lgWidth, labelPosition: labelPosition, children: initValueFetchError ? (_jsx(EmptyContent, { emptyText: '数据加载失败', errorObj: initValueFetchError, icon: 'error', isH5: isH5 })) : (contentSlot) }) }) }) }) }));
+    return (_jsx(FormWidgetProvider, { "$widget": $widget, children: _jsx(FormLayoutProvider, { layout: layout, children: _jsx(FormTypeProvider, { formType: formType, children: _jsx(FormFieldProvider, { setFieldValue: setFieldValue, isInformContainer: isInformContainer, getFieldValue: getFieldValue, children: _jsx(FormUi, { layout: layout, className: cls, style: style, id: id, lgWidth: lgWidth, labelPosition: labelPosition, children: initValueFetchError ? (_jsx(StatusContent, { emptyText: '数据加载失败', errorObj: initValueFetchError, icon: 'error', isH5: isH5 })) : (contentSlot) }) }) }) }) }));
 });
 export default React.memo(WdForm);

package/dist/web/components/wd-select/select/selectUI.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useRef, useMemo, useEffect } from 'react';
+import { useState, useRef, useMemo } from 'react';
+import { useDeepCompareEffect } from '@react-hookz/web';
 import { Select, SelectMultiple, List } from 'tea-component';
 import { WdFormItemReadOnly } from '../../wd-form-item';
 import { Modal } from '../../wd-date/elements/Modal.h5';
@@ -12,12 +13,12 @@ import AllEmpty from '../../form/select/status/allEmpty';
 import { X_RUNTIME_DEFAULT } from '../../../../configs/type-utils/x-runtime-default';
 import '../style';
 const OptionList = ({ options, inputFocus, currentSelected, optionClick, bottomTips, onScrollBottom }) => {
-    return (_jsxs(List, { className: "weda-ui-custom-picker__column", style: {
+    return (_jsxs(List, { className: "weda-ui-custom-picker__column wd-select-list", style: {
             height: inputFocus ? 'calc(100vh - 190px)' : '250px',
         }, onScrollBottom: onScrollBottom, children: [options === null || options === void 0 ? void 0 : options.map((item, index) => {
                 // is-selected 选中态
                 // is-disabled 禁用态
-                const itemCls = classNames('weda-ui-custom-picker__column-item', {
+                const itemCls = classNames('weda-ui-custom-picker__column-item', 'wd-select-list-item', {
                     'is-selected': currentSelected.find((i) => i.value === item.value),
                     'is-disabled': item.disabled,
                 });
@@ -30,14 +31,15 @@ const getSelectedItem = (options = [], value) => {
 };
 function SelectH5(props) {
     const { placeholder, name, disabled, footer, options = [], value, onChange, overlayClassName, searchable, bottomTips, onSearch, onOpen, onScrollBottom, mode, readValue, popupContainer, searchPlaceholder, filterable, onBlur, onFocus, } = props;
+    const { classPrefix } = useConfig();
     const isMultiple = mode === 'multiple';
     const customPickerCls = classNames('weda-ui-custom-picker__columns', {
         'weda-ui-custom-picker__columns--select-multiple': isMultiple,
         'weda-ui-custom-picker__columns--select': !isMultiple,
         [`${overlayClassName}`]: true,
+        [`${classPrefix}-select-modal__columns`]: true,
     });
     const [visible, setVisible] = useState(false);
-    const { classPrefix } = useConfig();
     const inputCls = `${classPrefix}-form-select_input`;
     const focusRef = useRef();
     // 聚焦在搜索框
@@ -133,7 +135,7 @@ function SelectH5(props) {
                     else {
                         setVisible(false);
                     }
-                }, onOk: handleOk, header: inputFocus, className: `${classPrefix}-cascader-modal`, okButtonVisible: isMultiple, popupContainer: popupContainer, children: [searchable && renderSearch(), _jsx("div", { className: `${classPrefix}-custom-view-content`, children: !bottomTips && !(customOptions === null || customOptions === void 0 ? void 0 : customOptions.length) ? (_jsx(AllEmpty, { height: inputFocus ? 'calc(100vh - 160px)' : '280px' })) : (_jsxs("div", { children: [_jsx("div", { className: customPickerCls, "data-testid": "weda-ui-custom-picker__columns", style: {
+                }, onOk: handleOk, header: inputFocus, className: `${classPrefix}-select-modal`, okButtonVisible: isMultiple, popupContainer: popupContainer, children: [searchable && renderSearch(), _jsx("div", { className: `${classPrefix}-custom-view-content`, children: !bottomTips && !(customOptions === null || customOptions === void 0 ? void 0 : customOptions.length) ? (_jsx(AllEmpty, { height: inputFocus ? 'calc(100vh - 160px)' : '280px' })) : (_jsxs("div", { children: [_jsx("div", { className: customPickerCls, "data-testid": "weda-ui-custom-picker__columns", style: {
                                         height: inputFocus ? 'calc(100vh - 160px)' : '280px',
                                     }, children: _jsx(OptionList, { onScrollBottom: onScrollBottom, options: customOptions, inputFocus: inputFocus, currentSelected: currentSelected, optionClick: optionClick, bottomTips: bottomTips }) }), footer] })) })] })] }));
 }
@@ -142,14 +144,14 @@ export function SelectUI(props) {
     const platform = usePlatform();
     const [currentOption] = useSyncValue((options === null || options === void 0 ? void 0 : options.map(({ label, value }) => ({ label, value }))) || [], isObjectEqual);
     // 更新option，从而更新最新的选项值
-    useEffect(() => {
+    useDeepCompareEffect(() => {
         if (setAllOption) {
             setAllOption(currentOption);
         }
     }, [currentOption, setAllOption]);
     const isMultiple = mode === 'multiple';
     const [selectedItem, setSelectedItem] = useState([]);
-    useEffect(() => {
+    useDeepCompareEffect(() => {
         // 缓存展示的选中项
         setSelectedItem((selectItem) => {
             const newSelectItem = getSelectedItem(options, value);

package/dist/web/components/wd-select/wd-select.js

@@ -19,7 +19,7 @@ import { SelectProvider } from './contexts/selectContext';
  * 下拉单选-标准化
  */
 export const WdSelect = forwardRef(function WsSelect(props, ref) {
-    const { classRoot = 'select', clearable = X_RUNTIME_DEFAULT.clearable, placeholder, range, format, tipBlock = X_RUNTIME_DEFAULT.tipBlock, where = X_RUNTIME_DEFAULT.where, enumName, primaryField, viewId, dataSourceName, events = emptyObject, ignoreCase = X_RUNTIME_DEFAULT.ignoreCase, staticSearchable = X_RUNTIME_DEFAULT.staticSearchable, enableRelationalSetting = X_RUNTIME_DEFAULT.enableRelationalSetting, enableRelationalRefresh = X_RUNTIME_DEFAULT.enableRelationalRefresh, addRelationButtonText = X_RUNTIME_DEFAULT.addRelationButtonText, enableAddRelationButton = X_RUNTIME_DEFAULT.enableAddRelationButton, enableRelationOptionJump = X_RUNTIME_DEFAULT.enableRelationOptionJump, popupContainer, selectFields: customFields = [], // 自定义展示字段
+    const { classRoot = 'select', clearable = X_RUNTIME_DEFAULT.clearable, placeholder, range = [], format, tipBlock = X_RUNTIME_DEFAULT.tipBlock, where = X_RUNTIME_DEFAULT.where, enumName, primaryField, viewId, dataSourceName, events = emptyObject, ignoreCase = X_RUNTIME_DEFAULT.ignoreCase, staticSearchable = X_RUNTIME_DEFAULT.staticSearchable, enableRelationalSetting = X_RUNTIME_DEFAULT.enableRelationalSetting, enableRelationalRefresh = X_RUNTIME_DEFAULT.enableRelationalRefresh, addRelationButtonText = X_RUNTIME_DEFAULT.addRelationButtonText, enableAddRelationButton = X_RUNTIME_DEFAULT.enableAddRelationButton, enableRelationOptionJump = X_RUNTIME_DEFAULT.enableRelationOptionJump, popupContainer, selectFields: customFields = [], // 自定义展示字段
     selectFieldType = 'primary', searchPlaceholder, searchable = X_RUNTIME_DEFAULT.searchable, filterable = X_RUNTIME_DEFAULT.filterable, selectFieldLabel, } = props;
     const childRef = useRef(null);
     // 是否是关联

package/dist/web/components/wd-select-multiple/wd-select-multiple.js

@@ -20,7 +20,7 @@ import { SelectProvider } from '../wd-select/contexts/selectContext';
  * 下拉多选-标准化
  */
 export const WdSelectMultiple = forwardRef(function WdSelectMultiple(props, ref) {
-    const { classRoot = 'select-multiple', clearable = X_RUNTIME_DEFAULT.clearable, placeholder, range, enumName, format, primaryField, tipBlock = X_RUNTIME_DEFAULT.tipBlock, viewId, dataSourceName, events = emptyObject, ignoreCase = X_RUNTIME_DEFAULT.ignoreCase, staticSearchable = X_RUNTIME_DEFAULT.staticSearchable, where = X_RUNTIME_DEFAULT.where, enableRelationalSetting = X_RUNTIME_DEFAULT.enableRelationalSetting, enableRelationalRefresh = X_RUNTIME_DEFAULT.enableRelationalRefresh, addRelationButtonText = X_RUNTIME_DEFAULT.addRelationButtonText, enableAddRelationButton = X_RUNTIME_DEFAULT.enableAddRelationButton, enableRelationOptionJump = X_RUNTIME_DEFAULT.enableRelationOptionJump, popupContainer, selectFields: customFields = [], // 自定义展示字段
+    const { classRoot = 'select-multiple', clearable = X_RUNTIME_DEFAULT.clearable, placeholder, range = [], enumName, format, primaryField, tipBlock = X_RUNTIME_DEFAULT.tipBlock, viewId, dataSourceName, events = emptyObject, ignoreCase = X_RUNTIME_DEFAULT.ignoreCase, staticSearchable = X_RUNTIME_DEFAULT.staticSearchable, where = X_RUNTIME_DEFAULT.where, enableRelationalSetting = X_RUNTIME_DEFAULT.enableRelationalSetting, enableRelationalRefresh = X_RUNTIME_DEFAULT.enableRelationalRefresh, addRelationButtonText = X_RUNTIME_DEFAULT.addRelationButtonText, enableAddRelationButton = X_RUNTIME_DEFAULT.enableAddRelationButton, enableRelationOptionJump = X_RUNTIME_DEFAULT.enableRelationOptionJump, popupContainer, selectFields: customFields = [], // 自定义展示字段
     selectFieldType = 'primary', searchPlaceholder, searchable = X_RUNTIME_DEFAULT.searchable, filterable = X_RUNTIME_DEFAULT.filterable, selectFieldLabel, } = props;
     const childRef = useRef(null);
     // 是否是关联

package/dist/web/components/wd-tabs/tabs-h5.js

@@ -3,7 +3,7 @@ import { useState, useCallback, useRef, useEffect } from 'react';
 import { useConfig } from '../../utils/config-context';
 import { usePlatform } from '../../utils/platform';
 import WdIcon from '../wd-icon';
-import { useSyncedRef } from '@react-hookz/web';
+import { useDebouncedCallback, useSyncedRef } from '@react-hookz/web';
 import { renderSlot } from './util';
 export const WdTabsH5 = ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProps }) => {
     const { classPrefix } = useConfig();
@@ -35,16 +35,14 @@ export const WdTabsH5 = ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProp
                 data[index] += i === null || i === void 0 ? void 0 : i.clientWidth;
             }
             itemData.set(itemIndex, {
-                offset: itemData.get(itemIndex - Number('1'))['offset'] +
-                    itemData.get(itemIndex - Number('1'))['clientWidth'],
+                offset: itemData.get(itemIndex - Number('1'))['offset'] + itemData.get(itemIndex - Number('1'))['clientWidth'],
                 clientWidth: i === null || i === void 0 ? void 0 : i.clientWidth,
             });
             itemIndex = itemIndex + Number('1');
         }
         // 计算右侧是否显示遮罩
         const paddingWidth = 16;
-        const showMask = itemData.get(menuItem.length)['offset'] +
-            itemData.get(menuItem.length)['clientWidth'] >
+        const showMask = itemData.get(menuItem.length)['offset'] + itemData.get(menuItem.length)['clientWidth'] >
             parentWidth + paddingWidth;
         setShowMask(showMask);
         setItemOffsetData(itemData);
@@ -58,10 +56,16 @@ export const WdTabsH5 = ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProp
     useEffect(() => {
         setSelectedTab(selectedIndex);
     }, [selectedIndex]);
+    const debouncedChangeEvent = useDebouncedCallback((value) => {
+        var _a;
+        (_a = restProps === null || restProps === void 0 ? void 0 : restProps.events) === null || _a === void 0 ? void 0 : _a.change(value);
+    }, [restProps], 
+    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+    300);
     // 渲染菜单
     const RenderTabItem = (index, item) => {
         return (_jsxs("div", { className: `${classPrefix}-tabs__item ${(item === null || item === void 0 ? void 0 : item.selected) ? 'is-selected' : ''} ${(item === null || item === void 0 ? void 0 : item.isDisabled) ? 'is-disabled' : ''}`, onClick: () => {
-                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
                 if (!(item === null || item === void 0 ? void 0 : item.isDisabled) && !(item === null || item === void 0 ? void 0 : item.selected)) {
                     if (restProps.direction !== 'vertical') {
                         const parentWidths = (_b = (_a = navWrapRef === null || navWrapRef === void 0 ? void 0 : navWrapRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.clientWidth;
@@ -77,8 +81,7 @@ export const WdTabsH5 = ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProp
                                 itemOffset >
                                 parentWidths) {
                             (_k = navWrapRef === null || navWrapRef === void 0 ? void 0 : navWrapRef.current) === null || _k === void 0 ? void 0 : _k.scrollTo(((_l = itemOffsetData.get(index + Number('1'))) === null || _l === void 0 ? void 0 : _l.offset) -
-                                (parentWidths -
-                                    ((_m = itemOffsetData.get(index + Number('1'))) === null || _m === void 0 ? void 0 : _m.clientWidth)), 0);
+                                (parentWidths - ((_m = itemOffsetData.get(index + Number('1'))) === null || _m === void 0 ? void 0 : _m.clientWidth)), 0);
                         }
                     }
                     setSelectedTab(index);
@@ -86,13 +89,11 @@ export const WdTabsH5 = ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProp
                     // HACK widget 时序
                     if ((_p = (_o = $node.current) === null || _o === void 0 ? void 0 : _o._getInstanceRef()) === null || _p === void 0 ? void 0 : _p.current) {
                         const currentSelectedValue = item === null || item === void 0 ? void 0 : item.value;
-                        if (currentSelectedValue !==
-                            $node.current._getInstanceRef().current.selectedValue) {
-                            $node.current._getInstanceRef().current.selectedValue =
-                                currentSelectedValue;
+                        if (currentSelectedValue !== $node.current._getInstanceRef().current.selectedValue) {
+                            $node.current._getInstanceRef().current.selectedValue = currentSelectedValue;
                         }
                     }
-                    (_q = restProps === null || restProps === void 0 ? void 0 : restProps.events) === null || _q === void 0 ? void 0 : _q.change({ value: item === null || item === void 0 ? void 0 : item.value });
+                    debouncedChangeEvent({ value: item === null || item === void 0 ? void 0 : item.value });
                 }
             }, children: [(item === null || item === void 0 ? void 0 : item.iconType) !== 'none' && (item === null || item === void 0 ? void 0 : item.iconPosition) === 'prefix' ? (_jsx("div", { className: `${classPrefix}-tabs__item-icon`, children: _jsx(WdIcon, { type: item === null || item === void 0 ? void 0 : item.iconType, name: (item === null || item === void 0 ? void 0 : item.iconType) === 'inner' ? item === null || item === void 0 ? void 0 : item.innerIcon : item === null || item === void 0 ? void 0 : item.outerImage, src: (item === null || item === void 0 ? void 0 : item.iconType) === 'custom' ? item === null || item === void 0 ? void 0 : item.outerImage : '', size: "xs" }) })) : null, _jsx("div", { className: `${classPrefix}-tabs__item-text`, children: item === null || item === void 0 ? void 0 : item.label }), (item === null || item === void 0 ? void 0 : item.iconType) !== 'none' && (item === null || item === void 0 ? void 0 : item.iconPosition) === 'suffix' ? (_jsx("div", { className: `${classPrefix}-tabs__item-icon`, children: _jsx(WdIcon, { type: item === null || item === void 0 ? void 0 : item.iconType, name: (item === null || item === void 0 ? void 0 : item.iconType) === 'inner' ? item === null || item === void 0 ? void 0 : item.innerIcon : item === null || item === void 0 ? void 0 : item.outerImage, src: (item === null || item === void 0 ? void 0 : item.iconType) === 'custom' ? item === null || item === void 0 ? void 0 : item.outerImage : '', size: "xs" }) })) : null] }));
     };