@cloudbase/weda-ui 3.7.3 → 3.7.5

package/dist/web/components/customer-service/customer-service.js

@@ -2,8 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { forwardRef } from 'react';
 import { Bubble, ConfigProvider } from 'tea-component';
 import { emptyObject } from '../../utils/constant';
-// @ts-ignore忽略ts交验
-// eslint-disable-next-line rulesdir/no-phantom-deps
 import { autorun } from 'mobx';
 import '../style';
 export const CustomerService = forwardRef(function CustomerService(props, ref) {

package/dist/web/components/form/select/dropdown-select/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, onSearchValueInput, ignoreCase, }: {
+export declare function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, onSearchValueInput, ignoreCase, staticSearchable, }: {
     params: any;
     selectedValue: any;
     updateValue: any;
@@ -9,4 +9,5 @@ export declare function PureSelect({ params, selectedValue, updateValue, placeho
     isShow: any;
     onSearchValueInput: any;
     ignoreCase?: boolean;
+    staticSearchable?: boolean;
 }): JSX.Element;

package/dist/web/components/form/select/dropdown-select/index.js

@@ -8,7 +8,7 @@ import { Status } from '../status';
 import { isFormatNeedFetch, isSingleForeignFormat } from '../formats-util';
 import { useDebouncedEffect, useDeepCompareEffect } from '@react-hookz/web';
 import { useRecycle } from '../../../../utils/hooks/useRecycle';
-export function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, onSearchValueInput, ignoreCase = true, }) {
+export function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, onSearchValueInput, ignoreCase = true, staticSearchable = true, }) {
     const isRequestingRef = useRef(false);
     const [status, setStatus] = useState(Status.ALl_EMPTY);
     const [options, setOptions] = useState([]);
@@ -129,12 +129,17 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
         return isSearch ? searchStatus : status;
     }, [isSearch, searchStatus, status]);
     const currentOption = useMemo(() => {
-        const option = isSearch ? searchOptions : options;
+        const option = isSearch && staticSearchable ? searchOptions : options;
         return platform === 'h5' ? option : transFormatTeaSelectKey(option);
-    }, [isSearch, searchOptions, options, platform]);
+    }, [isSearch, searchOptions, options, platform, staticSearchable]);
     const handleSearch = () => {
         // 本地搜索
         if (!isTurnPages || options.length < PAGE_SIZE) {
+            // 不启用前端查询
+            if (!staticSearchable) {
+                setSearchStatus(Status.FINISH);
+                return;
+            }
             const searchOpt = options.filter((item) => {
                 if (item.label) {
                     if (ignoreCase) {
@@ -205,9 +210,12 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
         if (v === searchValue)
             return;
         setSearchPage(1);
-        setSearchStatus(Status.LOADING);
         setSearchOptions([]);
         setSearchValue(v);
+        if (staticSearchable) {
+            // 启用前端查询时，添加loading
+            setSearchStatus(Status.LOADING);
+        }
     };
     /**
      * 精确查找

package/dist/web/components/form/select/dropdown-select/ui.d.ts

@@ -10,6 +10,7 @@ interface IPureSelectProps extends Pick<SelectProps, 'size' | 'disabled' | 'valu
     readOnly?: boolean;
     onSearchValueInput?: (value: string) => void;
     ignoreCase?: boolean;
+    staticSearchable?: boolean;
 }
 export declare function PureSelectPc(props: IPureSelectProps): JSX.Element;
 export declare function PureSelectH5(props: IPureSelectProps): JSX.Element;

package/dist/web/components/form/select/dropdown-select/ui.js

@@ -8,9 +8,9 @@ import { isNil } from '../../../../utils/lodash';
 import { WdFormItemReadOnly } from '../../../wd-form-item';
 import lodashGet from 'lodash.get';
 export function PureSelectPc(props) {
-    const { size, onChange = noop, value, placeholder, params, disabled, onSearchValueInput, ignoreCase, } = props;
+    const { size, onChange = noop, value, placeholder, params, disabled, onSearchValueInput, ignoreCase, staticSearchable, } = props;
     const previousValueRef = useRef();
-    return (_jsx(PureSelect, { ignoreCase: ignoreCase, isShow: false, params: params, placeholder: placeholder, size: size, selectedValue: value, disabled: disabled, onSearchValueInput: onSearchValueInput, updateValue: (value, triggerEvent) => {
+    return (_jsx(PureSelect, { ignoreCase: ignoreCase, staticSearchable: staticSearchable, isShow: false, params: params, placeholder: placeholder, size: size, selectedValue: value, disabled: disabled, onSearchValueInput: onSearchValueInput, updateValue: (value, triggerEvent) => {
             if (previousValueRef.current !== value) {
                 onChange(value, triggerEvent);
                 previousValueRef.current = value;
@@ -18,7 +18,7 @@ export function PureSelectPc(props) {
         } }));
 }
 export function PureSelectH5(props) {
-    const { placeholder, name, disabled, onChange = noop, layout, className, params, onSearchValueInput, ignoreCase, } = props;
+    const { placeholder, name, disabled, onChange = noop, layout, className, params, onSearchValueInput, ignoreCase, staticSearchable, } = props;
     const [value, setValue] = useSyncValue(props.value);
     const [currentLabel, setCurrentLabel] = useState('');
     const [isShow, setIsShow] = useState(false);
@@ -55,5 +55,5 @@ export function PureSelectH5(props) {
     const onClick = () => {
         setIsShow(true);
     };
-    return (_jsxs(_Fragment, { children: [_jsx(WdFormItemReadOnly, { readValue: currentLabel, children: _jsx("div", { className: subCls, children: _jsxs("div", { className: "weui-cell__bd weui-flex select-picker", onClick: disabled ? null : onClick, children: [_jsx("input", { className: "weui-input", type: "select", name: name, placeholder: placeholder, value: currentLabel, disabled: disabled, autoComplete: 'off', readOnly: true, "data-testid": "form-item-select" }), _jsx("span", { className: 'weui-input-arrow' })] }) }) }), _jsx(PureSelect, { ignoreCase: ignoreCase, params: params, updateValue: onChooseCallback, selectedValue: value, isShow: isShow, size: undefined, disabled: undefined, onSearchValueInput: onSearchValueInput, placeholder: undefined })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(WdFormItemReadOnly, { readValue: currentLabel, children: _jsx("div", { className: subCls, children: _jsxs("div", { className: "weui-cell__bd weui-flex select-picker", onClick: disabled ? null : onClick, children: [_jsx("input", { className: "weui-input", type: "select", name: name, placeholder: placeholder, value: currentLabel, disabled: disabled, autoComplete: 'off', readOnly: true, "data-testid": "form-item-select" }), _jsx("span", { className: 'weui-input-arrow' })] }) }) }), _jsx(PureSelect, { staticSearchable: staticSearchable, ignoreCase: ignoreCase, params: params, updateValue: onChooseCallback, selectedValue: value, isShow: isShow, size: undefined, disabled: undefined, onSearchValueInput: onSearchValueInput, placeholder: undefined })] }));
 }

package/dist/web/components/form/select/h5.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { PropsType } from './index';
-export default function Select({ events, name, placeholder, layout, mode, dateMode, disabled, range, where, primaryField, enumName, dataSourceName, viewId, format, defaultValue, startDate, endDate, defaultDate, startTime, endTime, defaultTime, defaultRegion, defaultMutiRegion, separator, regionType, clearable, onChange, onSearchValueInput, readOnly, ignoreCase, }: PropsType): JSX.Element;
+export default function Select({ events, name, placeholder, layout, mode, dateMode, disabled, range, where, primaryField, enumName, dataSourceName, viewId, format, defaultValue, startDate, endDate, defaultDate, startTime, endTime, defaultTime, defaultRegion, defaultMutiRegion, separator, regionType, clearable, onChange, onSearchValueInput, readOnly, ignoreCase, staticSearchable, }: PropsType): JSX.Element;
 export declare function decodeIsoDatetime(isoStringOrTimesnap: any, type: any, dateMode?: string): any;
 /**
  * 根据时间模式，构造 new Date()的传参格式单个日期和时间组件值

package/dist/web/components/form/select/h5.js

@@ -27,7 +27,7 @@ startDate, endDate, defaultDate,
 // time mode
 startTime, endTime, defaultTime, 
 // region mode
-defaultRegion, defaultMutiRegion, separator, regionType, clearable = false, onChange, onSearchValueInput, readOnly, ignoreCase, }) {
+defaultRegion, defaultMutiRegion, separator, regionType, clearable = false, onChange, onSearchValueInput, readOnly, ignoreCase, staticSearchable, }) {
     var _a;
     const { classPrefix } = useConfig();
     const [date, setDate] = React.useState(decodeIsoDatetime(defaultDate, 'date', dateMode));
@@ -339,7 +339,7 @@ defaultRegion, defaultMutiRegion, separator, regionType, clearable = false, onCh
         };
     }
     if (mode === 'selector') {
-        return (_jsx(PureSelectH5, { ignoreCase: ignoreCase, className: "weda-ui weda-picker", name: name, value: selectedValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, params: params, onChange: (value, triggerEvent = false) => {
+        return (_jsx(PureSelectH5, { staticSearchable: staticSearchable, ignoreCase: ignoreCase, className: "weda-ui weda-picker", name: name, value: selectedValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, params: params, onChange: (value, triggerEvent = false) => {
                 var _a;
                 setSelectedValue(value);
                 onChange === null || onChange === void 0 ? void 0 : onChange(value);

package/dist/web/components/form/select/index.d.ts

@@ -56,6 +56,7 @@ export interface PropsType extends CommonFormPropsType {
     clearable?: boolean;
     readOnly?: boolean;
     ignoreCase?: boolean;
+    staticSearchable?: boolean;
 }
 export declare const defaultProps: {
     events: {};

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

@@ -70,7 +70,7 @@ export const defaultProps = {
     separator: ',',
 };
 // const button = <Button type="icon" icon="more" />;
-function SelectPc({ name, where, dataSourceName, viewId, format, primaryField, enumName, defaultValue, placeholder = '请选择', mode = 'selector', dateMode = 'day', events = emptyObject, disabled = false, range = defaultProps.range, startDate, endDate, defaultDate, defaultTime, startTime, endTime, defaultRegion, defaultMutiRegion, regionType, separator = defaultProps.separator, size = defaultProps.size, clearable = false, onChange, onSearchValueInput, readOnly, ignoreCase, }) {
+function SelectPc({ name, where, dataSourceName, viewId, format, primaryField, enumName, defaultValue, placeholder = '请选择', mode = 'selector', dateMode = 'day', events = emptyObject, disabled = false, range = defaultProps.range, startDate, endDate, defaultDate, defaultTime, startTime, endTime, defaultRegion, defaultMutiRegion, regionType, separator = defaultProps.separator, size = defaultProps.size, clearable = false, onChange, onSearchValueInput, readOnly, ignoreCase, staticSearchable, }) {
     const { classPrefix } = useConfig();
     // 两次默认值不同, 需要刷新
     const prevDefaultRef = React.useRef();
@@ -187,7 +187,7 @@ function SelectPc({ name, where, dataSourceName, viewId, format, primaryField, e
     const createDropdown = () => {
         switch (mode) {
             case 'selector':
-                return (_jsx(PureSelectPc, { ignoreCase: ignoreCase, button: '', name: name, params: params, disabled: disabled, placeholder: placeholder, size: size, value: selectedValue, onChange: (value, triggerEvent = false) => {
+                return (_jsx(PureSelectPc, { ignoreCase: ignoreCase, staticSearchable: staticSearchable, button: '', name: name, params: params, disabled: disabled, placeholder: placeholder, size: size, value: selectedValue, onChange: (value, triggerEvent = false) => {
                         var _a;
                         onChange === null || onChange === void 0 ? void 0 : onChange(value);
                         if (triggerEvent) {

package/dist/web/components/form/selectMultiple/dropdown-select/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, closeModal, allOption, onSearchValueInput, ignoreCase, }: {
+export declare function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, closeModal, allOption, onSearchValueInput, ignoreCase, staticSearchable, }: {
     params: any;
     selectedValue: any;
     updateValue: any;
@@ -11,4 +11,5 @@ export declare function PureSelect({ params, selectedValue, updateValue, placeho
     allOption: any;
     onSearchValueInput: any;
     ignoreCase?: boolean;
+    staticSearchable?: boolean;
 }): JSX.Element;

package/dist/web/components/form/selectMultiple/dropdown-select/index.js

@@ -7,7 +7,7 @@ import { usePlatform } from '../../../../utils/platform';
 import { Status } from '../status';
 import { useDeepCompareEffect } from '@react-hookz/web';
 import { useRecycle } from '../../../../utils/hooks/useRecycle';
-export function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, closeModal, allOption, onSearchValueInput, ignoreCase = true, }) {
+export function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, closeModal, allOption, onSearchValueInput, ignoreCase = true, staticSearchable = true, }) {
     const isRequestingRef = useRef(false);
     const [status, setStatus] = useState(Status.ALl_EMPTY);
     const [options, setOptions] = useState([]);
@@ -98,9 +98,9 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
         return isSearch ? searchStatus : status;
     }, [isSearch, searchStatus, status]);
     const currentOption = useMemo(() => {
-        const option = isSearch ? searchOptions : options;
+        const option = isSearch && staticSearchable ? searchOptions : options;
         return platform === 'h5' ? option : transFormatTeaSelectKey(option);
-    }, [isSearch, searchOptions, options, platform]);
+    }, [isSearch, searchOptions, options, platform, staticSearchable]);
     const allOptions = useMemo(() => {
         return transFormatTeaSelectKey(options);
     }, [options]);
@@ -111,6 +111,11 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
     useEffect(() => {
         // 本地搜索
         if (!isTurnPages || options.length < PAGE_SIZE) {
+            // 不启用前端查询
+            if (!staticSearchable) {
+                setSearchStatus(Status.FINISH);
+                return;
+            }
             const searchOpt = options.filter((item) => {
                 if (item.label) {
                     if (ignoreCase) {

package/dist/web/components/form/selectMultiple/dropdown-select/ui.d.ts

@@ -11,6 +11,7 @@ interface IPureSelectProps extends Pick<SelectProps, 'size' | 'disabled' | 'plac
     readOnly?: boolean;
     onSearchValueInput?: (value: string) => void;
     ignoreCase?: boolean;
+    staticSearchable?: boolean;
 }
 export declare function PureSelectPc(props: IPureSelectProps): JSX.Element;
 export declare function PureSelectH5(props: IPureSelectProps): JSX.Element;

package/dist/web/components/form/selectMultiple/dropdown-select/ui.js

@@ -11,12 +11,12 @@ import lodashGet from 'lodash.get';
 import equal from '../../../../utils/isObjectEqual';
 import { arrayToMap } from '../../../../utils/tool';
 export function PureSelectPc(props) {
-    const { size, onChange, value, placeholder, params, disabled, ignoreCase, onSearchValueInput, } = props;
+    const { size, onChange, value, placeholder, params, disabled, ignoreCase, staticSearchable, onSearchValueInput, } = props;
     const previousValueRef = useRef(value);
     useEffect(() => {
         previousValueRef.current = props.value;
     }, [props.value]);
-    return (_jsx(PureSelect, { ignoreCase: ignoreCase, isShow: false, params: params, placeholder: placeholder, size: size, selectedValue: value, disabled: disabled, onSearchValueInput: onSearchValueInput, updateValue: (v, triggerEvent) => {
+    return (_jsx(PureSelect, { staticSearchable: staticSearchable, ignoreCase: ignoreCase, isShow: false, params: params, placeholder: placeholder, size: size, selectedValue: value, disabled: disabled, onSearchValueInput: onSearchValueInput, updateValue: (v, triggerEvent) => {
             if (previousValueRef.current != v) {
                 if (Array.isArray(v) && v.length > 50) {
                     alertErrorMessage({ message: '最多选择50条数据' });
@@ -29,7 +29,7 @@ export function PureSelectPc(props) {
         }, closeModal: undefined, allOption: () => { } }));
 }
 export function PureSelectH5(props) {
-    const { placeholder, name, disabled, onChange = noop, layout, className, params, ignoreCase, onSearchValueInput, } = props;
+    const { placeholder, name, disabled, onChange = noop, layout, className, params, ignoreCase, onSearchValueInput, staticSearchable, } = props;
     const [value, setValue] = useSyncValue(props.value);
     const previousValueRef = useRef(value);
     const [currentMultiLabels, setCurrentMultiLabels] = useState([]);
@@ -109,5 +109,5 @@ export function PureSelectH5(props) {
                                     type: "select", name: name, placeholder: placeholder, value: currentMultiLabels, disabled: disabled, autoComplete: 'off', readOnly: true, "data-testid": "form-item-select-multiple" }) }), Array.isArray(currentMultiLabels) &&
                                 currentMultiLabels.length > 0 && (_jsx("span", { className: 'weui-input-clear', onClick: () => {
                                     onChooseCallback(null);
-                                } })), _jsx("span", { className: 'weui-input-arrow' })] }) }) }), _jsx(PureSelect, { ignoreCase: ignoreCase, params: params, updateValue: onChooseCallback, selectedValue: value, isShow: isShow, size: undefined, disabled: undefined, placeholder: undefined, onSearchValueInput: onSearchValueInput, closeModal: close, allOption: getAllOption })] }));
+                                } })), _jsx("span", { className: 'weui-input-arrow' })] }) }) }), _jsx(PureSelect, { staticSearchable: staticSearchable, ignoreCase: ignoreCase, params: params, updateValue: onChooseCallback, selectedValue: value, isShow: isShow, size: undefined, disabled: undefined, placeholder: undefined, onSearchValueInput: onSearchValueInput, closeModal: close, allOption: getAllOption })] }));
 }

package/dist/web/components/form/selectMultiple/h5.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { PropsType } from './index';
-export default function SelectH5({ events, name, placeholder, disabled, range, primaryField, dataSourceName, format, onChange, onSearchValueInput, defaultValue, readOnly, ignoreCase, }: PropsType): JSX.Element;
+export default function SelectH5({ events, name, placeholder, disabled, range, primaryField, dataSourceName, format, onChange, onSearchValueInput, defaultValue, readOnly, ignoreCase, staticSearchable, }: PropsType): JSX.Element;

package/dist/web/components/form/selectMultiple/h5.js

@@ -3,7 +3,7 @@ import { defaultProps } from './index';
 import { emptyObject } from '../../../utils/constant';
 import { PureSelectH5 } from './dropdown-select/ui';
 import { useSyncValue } from '../../../utils/hooks/useSyncValue';
-export default function SelectH5({ events = emptyObject, name, placeholder, disabled = false, range = defaultProps.range, primaryField, dataSourceName, format, onChange, onSearchValueInput, defaultValue, readOnly, ignoreCase, }) {
+export default function SelectH5({ events = emptyObject, name, placeholder, disabled = false, range = defaultProps.range, primaryField, dataSourceName, format, onChange, onSearchValueInput, defaultValue, readOnly, ignoreCase, staticSearchable, }) {
     const [selectedValue, setSelectedValue] = useSyncValue(defaultValue);
     let params = { controlledValue: range };
     if (format === 'many-many' || format === 'one-many') {
@@ -14,7 +14,7 @@ export default function SelectH5({ events = emptyObject, name, placeholder, disa
             controlledValue: range,
         };
     }
-    return (_jsx(PureSelectH5, { ignoreCase: ignoreCase, className: "weda-ui weda-picker", name: name, value: selectedValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, params: params, onChange: (value) => {
+    return (_jsx(PureSelectH5, { staticSearchable: staticSearchable, ignoreCase: ignoreCase, className: "weda-ui weda-picker", name: name, value: selectedValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, params: params, onChange: (value) => {
             var _a;
             setSelectedValue(value);
             onChange === null || onChange === void 0 ? void 0 : onChange(value);

package/dist/web/components/form/selectMultiple/index.d.ts

@@ -40,6 +40,7 @@ export interface PropsType extends CommonFormPropsType {
     isTurnPages?: boolean;
     readOnly?: boolean;
     ignoreCase?: boolean;
+    staticSearchable?: boolean;
 }
 export declare const defaultProps: {
     events: {};

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

@@ -54,7 +54,7 @@ export const defaultProps = {
     requiredFlag: false,
     range: [],
 };
-function SelectPc({ dataSourceName, format, primaryField, defaultValue, placeholder = '请选择', events = emptyObject, disabled = false, range = defaultProps.range, size = defaultProps.size, onChange, onSearchValueInput, readOnly, ignoreCase, }) {
+function SelectPc({ dataSourceName, format, primaryField, defaultValue, placeholder = '请选择', events = emptyObject, disabled = false, range = defaultProps.range, size = defaultProps.size, onChange, onSearchValueInput, readOnly, ignoreCase, staticSearchable, }) {
     const [selectedValue, setSelectedValue] = useSyncValue(defaultValue);
     let params = { controlledValue: range };
     if (format === 'many-many' || format === 'one-many') {
@@ -66,7 +66,7 @@ function SelectPc({ dataSourceName, format, primaryField, defaultValue, placehol
         };
     }
     const createDropdown = () => {
-        return (_jsx(PureSelectPc, { ignoreCase: ignoreCase, params: params, disabled: disabled, readOnly: readOnly, placeholder: placeholder, size: size, value: selectedValue, onChange: (value, triggerEvent) => {
+        return (_jsx(PureSelectPc, { ignoreCase: ignoreCase, staticSearchable: staticSearchable, params: params, disabled: disabled, readOnly: readOnly, placeholder: placeholder, size: size, value: selectedValue, onChange: (value, triggerEvent) => {
                 var _a;
                 onChange && onChange(value);
                 setSelectedValue(value);

package/dist/web/components/form/uploader/uploader.h5.js

@@ -108,18 +108,28 @@ export function ImageUploaderH5({ title: label, maxUploadCount, maxSize = 10, ac
         return fileIdList.length < maxUploadCount;
     }, [fileIdList, single, maxUploadCount, uploading]);
     const uploadChange = async (e) => {
+        var _a, _b, _c, _d, _e, _f;
         let files = [...e.target.files];
         if (files.some((f) => f.size > maxSize * 1024 * 1024)) {
-            weui.alert(`请上传不超过 ${maxSize}M 的图片`);
+            (_b = (_a = window === null || window === void 0 ? void 0 : window.$w) === null || _a === void 0 ? void 0 : _a.utils) === null || _b === void 0 ? void 0 : _b.showToast({
+                title: `请上传不超过 ${maxSize}M 的图片`,
+                icon: 'none',
+            });
             return false;
         }
         if (files.length > finalMaxImgCount) {
             // 防止一下子选择过多文件
-            weui.alert(`最多只能上传${finalMaxImgCount}张图片，请重新选择`);
+            (_d = (_c = window === null || window === void 0 ? void 0 : window.$w) === null || _c === void 0 ? void 0 : _c.utils) === null || _d === void 0 ? void 0 : _d.showToast({
+                title: `最多只能上传${finalMaxImgCount}张图片，请重新选择`,
+                icon: 'none',
+            });
             return false;
         }
         if (fileIdList.length + files.length > finalMaxImgCount) {
-            weui.alert(`最多只能上传${finalMaxImgCount}张图片`);
+            (_f = (_e = window === null || window === void 0 ? void 0 : window.$w) === null || _e === void 0 ? void 0 : _e.utils) === null || _f === void 0 ? void 0 : _f.showToast({
+                title: `最多只能上传${finalMaxImgCount}张图片`,
+                icon: 'none',
+            });
             return false;
         }
         let shouldUploadToCos = true;

package/dist/web/components/form/uploaderFile/uploadFile.h5.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
-import weui from '../../../utils/weui';
 import isObjectEqual from '../../../utils/isObjectEqual';
 import { ConfigProvider, Button, Text, List, Progress, Tooltip, } from 'tea-component';
 import { filterStrList, isCloudFileID, isHttpFileID, transSize, transFileCloudidToName, randomStr, isInIde, isWebInMiniprogram, transFileName, } from '../../../utils/platform';
@@ -133,23 +132,36 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
                 events,
                 fileSizeObj,
             }, children: _jsx("div", { "data-testid": "uploadFileH5", className: cls, id: id, style: style, children: _jsxs("div", { className: classNames(`${CLASS_PREFIX}`), children: [isEdit && (_jsx("div", { className: classNames(`${CLASS_PREFIX}__hd`, layout), children: _jsx("div", { children: btnDisabled ? (readOnly ? null : (_jsx(WdButton, { variant: "outline", className: classNames(`${CLASS_PREFIX}__btn--weak`), disabled: btnDisabled, text: btnTitle }))) : (_jsxs("div", { children: [_jsx("input", { id: "uploaderInput", type: "file", "data-testid": "button-up", className: "weui-uploader-mobile__input", accept: accepts.join(','), multiple: !single, onChange: async (e) => {
+                                                var _a, _b, _c, _d, _e, _f, _g, _h;
                                                 let fileList = [...e.target.files];
                                                 if (single && fileList.length > 1) {
-                                                    weui.alert(`上传文件总数不能超过1个`);
+                                                    (_b = (_a = window === null || window === void 0 ? void 0 : window.$w) === null || _a === void 0 ? void 0 : _a.utils) === null || _b === void 0 ? void 0 : _b.showToast({
+                                                        title: `上传文件总数不能超过1个`,
+                                                        icon: 'none',
+                                                    });
                                                     return false;
                                                 }
                                                 if (fileList.length + fileIDList.length >
                                                     maxUploadCount) {
-                                                    weui.alert(`上传文件总数不能超过${maxUploadCount}个`);
+                                                    (_d = (_c = window === null || window === void 0 ? void 0 : window.$w) === null || _c === void 0 ? void 0 : _c.utils) === null || _d === void 0 ? void 0 : _d.showToast({
+                                                        title: `上传文件总数不能超过${maxUploadCount}个`,
+                                                        icon: 'none',
+                                                    });
                                                     return false;
                                                 }
                                                 if (maxSizeLimit &&
                                                     fileList.some((f) => f.size > maxSizeLimit * 1024 * 1024)) {
-                                                    weui.alert(`请上传不超过${maxSizeLimit}M的文件`);
+                                                    (_f = (_e = window === null || window === void 0 ? void 0 : window.$w) === null || _e === void 0 ? void 0 : _e.utils) === null || _f === void 0 ? void 0 : _f.showToast({
+                                                        title: `请上传不超过${maxSizeLimit}M的文件`,
+                                                        icon: 'none',
+                                                    });
                                                     return false;
                                                 }
                                                 if (fileList.some((f) => f.size > 1024 * 1024 * 1024)) {
-                                                    weui.alert(`请上传不超过1024M的文件`);
+                                                    (_h = (_g = window === null || window === void 0 ? void 0 : window.$w) === null || _g === void 0 ? void 0 : _g.utils) === null || _h === void 0 ? void 0 : _h.showToast({
+                                                        title: `请上传不超过1024M的文件`,
+                                                        icon: 'none',
+                                                    });
                                                     return false;
                                                 }
                                                 let shouldUploadToCos = true;

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

@@ -8,8 +8,6 @@ import * as React from 'react';
 import Button from '../../components/button';
 import { Bubble, ConfigProvider, ExternalLink } from 'tea-component';
 import '../style';
-// @ts-ignore忽略ts交验
-// eslint-disable-next-line rulesdir/no-phantom-deps
 import { autorun } from 'mobx';
 const Phone = (props) => {
     var _a, _b;

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

@@ -8,8 +8,6 @@ import * as React from 'react';
 import { Bubble, ConfigProvider } from 'tea-component';
 import Button from '../../components/button';
 import '../style';
-// @ts-ignore忽略ts交验
-// eslint-disable-next-line rulesdir/no-phantom-deps
 import { autorun } from 'mobx';
 const Share = (props) => {
     var _a, _b;

package/dist/web/components/table/BaseTable.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react-hooks/exhaustive-deps */
 import React, { useMemo, useEffect, useRef, useImperativeHandle, useState, } from 'react';
 import { Icon, Table, Button, Justify, Modal, message, TagSearchBox, useClassNames, Card, Row, Col, Checkbox, LoadingTip, Dropdown, List, Radio, Collapse, Form, } from 'tea-component';
 import InfiniteScroll from 'react-infinite-scroll-component';

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

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { BaseFormObj } from '../wd-form-obj/base-form-obj';
 export const WdFormArr = forwardRef(function WdFormArr(props, ref) {
-    return _jsx(BaseFormObj, { objType: "arr", ...props, ref: ref });
+    return _jsx(BaseFormObj, { objType: "arr", isRoot: true, ...props, ref: ref });
 });

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

@@ -11,16 +11,17 @@ import { X_RUNTIME_DEFAULT } from '../../../configs/type-utils/x-runtime-default
  * 表单项包裹，包括标题、文本提示、校验
  */
 export function WdFormItem(props) {
-    const { id, className, style, label, labelVisible = X_RUNTIME_DEFAULT.labelVisible, labelTips = X_RUNTIME_DEFAULT.labelTips, labelWidth: _labelWidth = X_RUNTIME_DEFAULT.labelWidth, labelWrap = X_RUNTIME_DEFAULT.labelWrap, extra = X_RUNTIME_DEFAULT.extra, required = X_RUNTIME_DEFAULT.required, readOnly, children, testId, requiredFlag = X_RUNTIME_DEFAULT.requiredFlag, validateState, validateErrorMsg, readValue, borderedH5 = X_RUNTIME_DEFAULT.borderedH5, borderedPc = X_RUNTIME_DEFAULT.borderedPc, classRoot, controlAlign, inputId, isWdFormDetail, before, after, readBeforeAfter = true, visible = true, LabelContainer = null, } = props;
+    const { id, className, style, label, labelVisible = X_RUNTIME_DEFAULT.labelVisible, labelTips = X_RUNTIME_DEFAULT.labelTips, labelWidth: _labelWidth = X_RUNTIME_DEFAULT.labelWidth, labelWrap = X_RUNTIME_DEFAULT.labelWrap, extra = X_RUNTIME_DEFAULT.extra, required = X_RUNTIME_DEFAULT.required, readOnly, children, testId, requiredFlag = X_RUNTIME_DEFAULT.requiredFlag, validateState, validateErrorMsg, readValue, borderedH5 = X_RUNTIME_DEFAULT.borderedH5, borderedPc = X_RUNTIME_DEFAULT.borderedPc, classRoot, controlAlign, inputId, isWdFormDetail, before, after, readBeforeAfter = true, visible = true, LabelContainer = null, isRoot = true, } = props;
     const { classPrefix } = useConfig();
     const platform = usePlatform();
+    const isH5 = platform === 'h5';
     const labelAlign = useLabelAlign(props);
     const layout = useLayout(props);
     const labelWidth = convertPx(_labelWidth);
     const labelStyle = labelWidth ? { width: labelWidth } : {};
     const size = useSize(props);
     const iconSize = convertIconSize(size);
-    const heightSize = size === 'xs' ? 'xs' : platform === 'h5' ? 'lg' : size;
+    const heightSize = size === 'xs' ? 'xs' : isH5 ? 'lg' : size;
     const widthSize = size === 'xs' ? 'lg' : size; // xs 没有宽度值，用 lg 来替代
     // 样式前缀定义
     const root = `${classPrefix}-${classRoot}`;
@@ -31,12 +32,14 @@ export function WdFormItem(props) {
     const itemWrap = `${classPrefix}-form-item-wrap`;
     const labelRoot = `${root}__label`;
     // 表单项样式
-    const cls = classNames(item, className, `${classPrefix}-${platform}-form-item`, `${root}-root`, `${classPrefix}-${platform}-${classRoot}-root`, `item-size-height-${heightSize}`, `${itemLayout}-layout-${layout}`, `${item}--label-${labelAlign}`, {
+    const cls = classNames(item, className, `${classPrefix}-${platform}-form-item`, `item-size-height-${heightSize}`, `${itemLayout}-layout-${layout}`, `${item}--label-${labelAlign}`, {
+        [`${root}-root`]: isRoot,
+        [`${classPrefix}-${platform}-${classRoot}-root`]: isRoot,
         [`size-width-${widthSize}`]: !!widthSize && platform === 'pc',
         'size-width-hundred': true,
         'is-required': requiredFlag && required,
-        'is-borderless': platform === 'h5' ? !borderedH5 : !borderedPc,
-        [`${item}--weui`]: platform === 'h5',
+        'is-borderless': isH5 ? !borderedH5 : !borderedPc,
+        [`${item}--weui`]: isH5,
         [`${itemLayout}-horizontal-left`]: layout === 'horizontal' && labelAlign === 'left',
         [`${itemLayout}-horizontal-right`]: layout === 'horizontal' && labelAlign === 'right',
         [`${itemLayout}-vertical-left`]: layout === 'vertical' && labelAlign === 'left',
@@ -62,5 +65,9 @@ export function WdFormItem(props) {
     const Message = validateErrorMsg && (_jsx("p", { className: `${item}__help`, children: _jsx("span", { className: `${classPrefix}-g-text-${validateState} ${root}__error`, children: textToString(validateErrorMsg) }) }));
     if (!visible)
         return null;
-    return (_jsxs("div", { className: cls, id: id, style: style, children: [_jsx("div", { className: itemWrap, children: LabelContainer ? (_jsx(LabelContainer, { Label: Label, Item: Item })) : (_jsxs(_Fragment, { children: [Label, Item] })) }), Message, Help] }));
+    return (_jsxs("div", { className: cls, id: isRoot ? id : null, style: style, children: [_jsx("div", { className: itemWrap, children: LabelContainer ? (_jsx(LabelContainerComp, { LabelContainer: LabelContainer, isRoot: isRoot, isH5: isH5, Label: Label, Item: Item })) : (_jsxs(_Fragment, { children: [Label, Item] })) }), Message, Help] }));
 }
+const LabelContainerComp = ({ isRoot, isH5, Label, Item, LabelContainer }) => {
+    const showLabel = isRoot && !isH5;
+    return (_jsxs(_Fragment, { children: [showLabel && Label, _jsx(LabelContainer, { isRoot: isRoot, Label: Label, Item: Item })] }));
+};

package/dist/web/components/wd-form-obj/base-form-obj.d.ts

@@ -9,5 +9,6 @@ export interface BaseFormObjProps extends CommonPropsType, DataType {
     disabled: boolean;
     readOnly: boolean;
     objType: 'arr' | 'obj';
+    isRoot?: boolean;
 }
 export {};

package/dist/web/components/wd-form-obj/base-form-obj.js

@@ -43,7 +43,6 @@ export const BaseFormObj = forwardRef(function BaseFormObj(props, ref) {
     const cls = classNames({
         [`${classPrefix}-form-obj`]: true,
         [`${classPrefix}-${platform}-form-obj`]: true,
-        [props.className]: true,
     });
     const formItemProps = {
         ...props,
@@ -166,7 +165,8 @@ export const BaseFormObj = forwardRef(function BaseFormObj(props, ref) {
         else if (props.objType === 'obj') {
             value = dealObjChange(params, objValue) || value;
         }
-        if (isObjectEqual(value, objValue)) {
+        if (isObjectEqual(value, objValue) ||
+            (value === null && isObjectEqual(initValue, objValue))) {
             return;
         }
         setObjValue(value || initValue);
@@ -201,6 +201,9 @@ export const BaseFormObj = forwardRef(function BaseFormObj(props, ref) {
         parentForm,
         props.objType,
     ]);
+    const changeDebounce = useDebouncedCallback(useCallback((value, option) => {
+        change(value, option);
+    }, [change]), 500);
     /**
      * 子组件默认值变更，触发嵌套表单值更新
      */
@@ -223,6 +226,7 @@ export const BaseFormObj = forwardRef(function BaseFormObj(props, ref) {
             (_b = parentFormObj === null || parentFormObj === void 0 ? void 0 : parentFormObj.__setValueImmediate__) === null || _b === void 0 ? void 0 : _b.call(parentFormObj, { name, value });
         }
         setObjValue(value || initValue);
+        triggerOnDataChange(value || initValue);
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [objValue, name, parentFormObj]);
@@ -236,7 +240,7 @@ export const BaseFormObj = forwardRef(function BaseFormObj(props, ref) {
              * @param value
              */
             setValue: (value) => {
-                change({ name: '', value }, { isUpdateParentForm: true });
+                changeDebounce({ name: '', value }, { isUpdateParentForm: true });
             },
             getValue() {
                 return objValue;

package/dist/web/components/wd-official-account/index.js

@@ -8,8 +8,6 @@ import * as React from 'react';
 import { Text, Justify, ConfigProvider, Bubble } from 'tea-component';
 import classNames from '../../utils/classnames';
 import { WdButton } from '../../components/wd-button';
-// @ts-ignore忽略ts交验
-// eslint-disable-next-line rulesdir/no-phantom-deps
 import { autorun } from 'mobx';
 import './style';
 export default function WdOfficialAccount(props) {

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

@@ -16,7 +16,7 @@ import './style';
  * 下拉单选-标准化
  */
 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, } = props;
+    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, } = props;
     const [options, setOptions] = useState([]);
     const [innerHandle, setInnerHandle] = useState({});
     const traitProps = { ...props, inputRef: ref, setInnerHandle };
@@ -79,5 +79,5 @@ export const WdSelect = forwardRef(function WsSelect(props, ref) {
     }, [debouncedTriggerSearchEvent]);
     if (!visible)
         return null;
-    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: _jsx(RecycleProvider, { readOnly: readOnly, recycleBack: setOptions, children: _jsx(Select, { events: delayEvents, labelVisible: false, defaultValue: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, range: range, size: "full", tipBlock: tipBlock, viewId: viewId, where: where, dataSourceName: dataSourceName, readOnly: readOnly, disabled: disabled, mode: "selector", decorator: null, ignoreCase: ignoreCase, onChange: onChange, onSearchValueInput: onSearchValueInput }) }) }) }) }));
+    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: _jsx(RecycleProvider, { readOnly: readOnly, recycleBack: setOptions, children: _jsx(Select, { events: delayEvents, labelVisible: false, defaultValue: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, range: range, size: "full", tipBlock: tipBlock, viewId: viewId, where: where, dataSourceName: dataSourceName, readOnly: readOnly, disabled: disabled, mode: "selector", decorator: null, ignoreCase: ignoreCase, staticSearchable: staticSearchable, onChange: onChange, onSearchValueInput: onSearchValueInput }) }) }) }) }));
 });

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

@@ -16,7 +16,7 @@ import { useDebouncedCallback, useSyncedRef } from '@react-hookz/web';
  * 下拉多选-标准化
  */
 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, } = props;
+    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, } = props;
     const [options, setOptions] = useState([]);
     const [innerHandle, setInnerHandle] = useState({});
     const traitProps = { ...props, inputRef: ref, setInnerHandle };
@@ -74,5 +74,5 @@ export const WdSelectMultiple = forwardRef(function WdSelectMultiple(props, ref)
     }, [debouncedTriggerSearchEvent]);
     if (!visible)
         return null;
-    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: _jsx(RecycleProvider, { readOnly: readOnly, recycleBack: setOptions, children: _jsx(SelectMultiple, { events: delayEvents, labelVisible: false, defaultValue: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, range: range, size: "full", tipBlock: tipBlock, viewId: viewId, dataSourceName: dataSourceName, readOnly: readOnly, disabled: disabled, mode: "selector", decorator: null, ignoreCase: ignoreCase, onChange: onChange, onSearchValueInput: onSearchValueInput }) }) }) }) }));
+    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: _jsx(RecycleProvider, { readOnly: readOnly, recycleBack: setOptions, children: _jsx(SelectMultiple, { events: delayEvents, labelVisible: false, defaultValue: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, range: range, size: "full", tipBlock: tipBlock, viewId: viewId, dataSourceName: dataSourceName, readOnly: readOnly, disabled: disabled, mode: "selector", decorator: null, ignoreCase: ignoreCase, staticSearchable: staticSearchable, onChange: onChange, onSearchValueInput: onSearchValueInput }) }) }) }) }));
 });

package/dist/web/components/wd-table/utils/index.js

@@ -184,22 +184,23 @@ const getSearchValues = (searchValues) => {
         };
     });
 };
+const orderByFieldKey = (key, columns) => {
+    var _a;
+    return ((_a = columns === null || columns === void 0 ? void 0 : columns.find((i) => key === (i === null || i === void 0 ? void 0 : i.slotKey))) === null || _a === void 0 ? void 0 : _a.fieldKey) || key;
+};
 const getPageParam = ({ defaultSort, sort: _sort, params, _defaultPageSize, _defaultPageIndex, supportManyRelated, columns, isSupportMultipleSort, }) => {
-    let sort = defaultSort;
+    let sort = defaultSort || [];
     // 运行态有值，以运行态为准
     if ((_sort === null || _sort === void 0 ? void 0 : _sort.length) && _sort[0].order) {
-        params.orderBy = _sort[0].by;
+        params.orderBy = orderByFieldKey(_sort[0].by, columns);
         params.orderType = _sort[0].order;
         sort = _sort;
     }
     // 后端根据业务字段排序
-    sort = sort.map((n) => {
-        var _a;
-        return ({
-            ...n,
-            by: ((_a = columns === null || columns === void 0 ? void 0 : columns.find((i) => n.by === i.slotKey)) === null || _a === void 0 ? void 0 : _a.fieldKey) || n.by,
-        });
-    });
+    sort = sort === null || sort === void 0 ? void 0 : sort.map((n) => ({
+        ...n,
+        by: orderByFieldKey(n.by, columns),
+    }));
     const _pageSize = parseInt(`${params.pageSize}`);
     params.pageSize = isNaN(_pageSize) ? _defaultPageSize : _pageSize;
     const _pageNo = parseInt(`${params.pageNo}`);