@cloudbase/weda-ui 3.7.4 → 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/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 || [];
     // 运行态有值，以运行态为准
     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 === null || sort === void 0 ? void 0 : 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}`);

package/dist/web/utils/hooks/useCanPreview.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-// eslint-disable-next-line rulesdir/no-phantom-deps
 import { autorun } from 'mobx';
 // 小程序组件能否在编辑器中渲染
 export function useCanPreview() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.7.4",
+  "version": "3.7.5",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",
@@ -81,6 +81,7 @@
   "description": "腾讯云微搭低代码组件库模板",
   "dependencies": {
     "@antv/g6": "^4.8.5",
+    "@cloudbase/weda-client": "^1.1.4",
     "@codemirror/autocomplete": "^6.16.0",
     "@codemirror/lang-javascript": "^6.2.2",
     "@codemirror/lang-sql": "^6.6.4",
@@ -135,8 +136,7 @@
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.22.15",
     "@cloudbase/cals": "^1.0.35",
-    "@cloudbase/lowcode-cli": "^0.19.1",
-    "@cloudbase/weda-client": "^1.0.21",
+    "@cloudbase/lowcode-cli": "^0.21.8",
     "@cloudbase/weda-cloud-sdk": "^1.0.26",
     "@commitlint/cli": "^16.0.2",
     "@commitlint/config-conventional": "^17.7.0",
@@ -179,6 +179,7 @@
     "cypress-wait-until": "^1.7.2",
     "eslint": "^8.45.0",
     "eslint-config-prettier": "^8.5.0",
+    "eslint-import-resolver-alias": "^1.1.2",
     "eslint-import-resolver-typescript": "^3.5.2",
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-import": "^2.27.5",
@@ -209,6 +210,7 @@
     "markdown-to-jsx": "^7.2.1",
     "miniprogram-simulate": "^1.5.9",
     "mkdirp": "^1.0.4",
+    "mobx": "^5.15.4",
     "mochawesome": "^7.1.3",
     "mochawesome-merge": "^4.2.1",
     "mochawesome-report-generator": "^6.2.0",