@cloudbase/weda-ui 3.21.1 → 3.21.3

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/index.js

@@ -522,18 +522,20 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
         }
     }, [formFieldsValue]);
     const setFieldValue = useCallback(({ namePath, value }) => {
-        const _formData = deepClone(formData);
-        const _value = lodashGet(_formData, namePath, NOT_EXISTED_VALUE);
-        if (isObjectEqual(_value, value)) {
-            return;
-        }
-        lodashSet(_formData, namePath, value);
-        if (typeof _formData !== 'object' || _formData === null) {
-            console.warn('setValue data need expect a object but got null', _formData);
-            return;
-        }
-        setFormData(_formData);
-    }, [formData]);
+        setFormData((formData) => {
+            const _formData = deepClone(formData);
+            const _value = lodashGet(_formData, namePath, NOT_EXISTED_VALUE);
+            if (isObjectEqual(_value, value)) {
+                return _formData;
+            }
+            lodashSet(_formData, namePath, value);
+            if (typeof _formData !== 'object' || _formData === null) {
+                console.warn('setValue data need expect a object but got null', _formData);
+                return formData;
+            }
+            return _formData;
+        });
+    }, []);
     if (initValueLoadingStatus === 'hidden') {
         return null;
     }

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

package/dist/web/components/wd-tabs/tabs-pc.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 WdTabsPc = ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProps }) => {
     const { classPrefix } = useConfig();
@@ -57,27 +57,29 @@ export const WdTabsPc = ({ 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;
+                var _a, _b, _c, _d, _e, _f;
                 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;
                         const result = parentWidths * ((position === null || position === void 0 ? void 0 : position.index) + Number('1')) -
-                            (((_c = itemOffsetData.get(index)) === null || _c === void 0 ? void 0 : _c.clientWidth) +
-                                ((_d = itemOffsetData.get(index)) === null || _d === void 0 ? void 0 : _d.offset));
-                        if (result >= 0 &&
-                            itemOffsetData.get(index).offset <=
-                                parentWidths * (position === null || position === void 0 ? void 0 : position.index)) {
+                            (((_c = itemOffsetData.get(index)) === null || _c === void 0 ? void 0 : _c.clientWidth) + ((_d = itemOffsetData.get(index)) === null || _d === void 0 ? void 0 : _d.offset));
+                        if (result >= 0 && itemOffsetData.get(index).offset <= parentWidths * (position === null || position === void 0 ? void 0 : position.index)) {
                             setPosition({
                                 index: position.index,
                                 offset: -itemOffsetData.get(index).offset,
                             });
                         }
                         // 大于父级容器
-                        if (result < 0 &&
-                            result - parentWidths * (position === null || position === void 0 ? void 0 : position.index) < position.offset) {
+                        if (result < 0 && result - parentWidths * (position === null || position === void 0 ? void 0 : position.index) < position.offset) {
                             setPosition({
                                 index: position.index,
                                 offset: result + position.offset,
@@ -89,13 +91,11 @@ export const WdTabsPc = ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProp
                     // HACK widget 时序
                     if ((_f = (_e = $node.current) === null || _e === void 0 ? void 0 : _e._getInstanceRef()) === null || _f === void 0 ? void 0 : _f.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;
                         }
                     }
-                    (_g = restProps === null || restProps === void 0 ? void 0 : restProps.events) === null || _g === void 0 ? void 0 : _g.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] }));
     };
@@ -108,8 +108,7 @@ export const WdTabsPc = ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProp
                             });
                         } })), _jsx("div", { className: `${classPrefix}-tabs__header-item-wrap`, children: _jsx("div", { ref: navWrapRef, className: `${classPrefix}-tabs__header-item-content`, style: {
                                 transform: `translate(${position.offset}px, 0px)`,
-                            }, children: tabsDatas === null || tabsDatas === void 0 ? void 0 : tabsDatas.map((item, index) => RenderTabItem(index, item)) }) }), showButton &&
-                        position.index + Number('2') < Object.keys(menuOffset).length && (_jsx("div", { className: `${classPrefix}-tabs__header-nav-right`, onClick: () => {
+                            }, children: tabsDatas === null || tabsDatas === void 0 ? void 0 : tabsDatas.map((item, index) => RenderTabItem(index, item)) }) }), showButton && position.index + Number('2') < Object.keys(menuOffset).length && (_jsx("div", { className: `${classPrefix}-tabs__header-nav-right`, onClick: () => {
                             const result = menuPosition - menuOffset[position.index + Number('1')];
                             setMenuPosition(result);
                             setPosition({

package/dist/web/utils/tool.js

@@ -81,7 +81,7 @@ export const getFieldsTypeName = (fields) => {
         else if (type === 'number' && format === 'time') {
             item.fieldsTypeName = '时间';
         }
-        else if (type === 'string' && format === 'x-enum') {
+        else if (['string', 'array'].includes(type) && format === 'x-enum') {
             item.fieldsTypeName = '枚举';
         }
         else if (type === 'object' && format === 'x-location') {
@@ -102,6 +102,9 @@ export const getFieldsTypeName = (fields) => {
         else if (type === 'string' && format === 'related' && fatherAction === 'related') {
             item.fieldsTypeName = '主子明细';
         }
+        else if (type === 'string' && format === 'related') {
+            item.fieldsTypeName = '主子明细';
+        }
         else if (type === 'string' && format === 'father-son') {
             item.fieldsTypeName = '关联关系';
         }
@@ -117,6 +120,21 @@ export const getFieldsTypeName = (fields) => {
         else if (type === 'array' && format === 'one-many') {
             item.fieldsTypeName = '一对多';
         }
+        else if (format === 'many-one') {
+            item.fieldsTypeName = '多对一';
+        }
+        else if (format === 'one-one') {
+            item.fieldsTypeName = '一对一';
+        }
+        else if (format === 'many-many') {
+            item.fieldsTypeName = '多对多';
+        }
+        else if (format === 'one-many') {
+            item.fieldsTypeName = '一对多';
+        }
+        else if (type === 'string' && format === 'tel') {
+            item.fieldsTypeName = '电话';
+        }
         return item;
     });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.21.1",
+  "version": "3.21.3",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",