@cloudbase/weda-ui 3.5.0 → 3.5.2-mp

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

@@ -1,86 +0,0 @@
-import { useCallback, useEffect } from 'react';
-import { debug } from '../../../utils/console';
-import { usePlatform } from '../../../utils/platform';
-import { alertError } from '../../form/form';
-import useSWR from 'swr';
-const formTypeWithInitValue = ['edit', 'read'];
-const logger = debug('wd-form:remote-values');
-/**
- *
- * 从数据源拉值
- *
- */
-export function useRemoteValue({ formType, _id, dataSourceName, 
-// methodCreate,
-// methodUpdate,
-methodGetItem, paramGetItem, appCloud, isDataModel, }) {
-    const platform = usePlatform();
-    const onInitialValuesError = useCallback((err) => {
-        console.error(err);
-        alertError(platform, '表单容器数据查询失败');
-    }, [platform]);
-    const { data: remoteValue, error, isLoading, mutate, } = useSWR(() => {
-        if (!formTypeWithInitValue.includes(formType) || !dataSourceName) {
-            logger.debug('formType没有初始值或者，没配数据源', {
-                formType,
-                dataSourceName,
-                isDataModel,
-                _id,
-            });
-            return null;
-        }
-        if (!isDataModel && (!methodGetItem || !paramGetItem)) {
-            logger.debug('配置的数据源是连接器要有方法和参数配置', {
-                formType,
-                methodGetItem,
-                paramGetItem,
-            });
-            return null;
-        }
-        if (isDataModel && !_id) {
-            logger.debug('是数据源但是没有配_id');
-            return null;
-        }
-        return {
-            dataSourceName,
-            _id,
-            formType,
-            isDataModel,
-            methodGetItem,
-            paramGetItem,
-            fetcher: appCloud.callConnector,
-        };
-    }, async ({ dataSourceName, _id, isDataModel }) => {
-        if (isDataModel) {
-            const initValue = await appCloud.callDataSource({
-                dataSourceName,
-                methodName: 'wedaGetItem',
-                params: { _id },
-            }, true);
-            if (Object.keys(initValue).length === 0) {
-                // 老逻辑迁移
-                throw new Error('表单容器数据查询失败');
-            }
-            return initValue;
-        }
-        return await appCloud.callConnector({
-            dataSourceName,
-            methodName: methodGetItem,
-            params: paramGetItem,
-        }, true);
-    }, {
-        onError: onInitialValuesError,
-        revalidateOnFocus: false,
-    });
-    useEffect(() => {
-        return () => {
-            mutate();
-        };
-    }, [mutate]);
-    return {
-        remoteValue,
-        error,
-        isLoading,
-        mutate,
-    };
-}

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

@@ -1,419 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint max-lines: [error, 600] */
-import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
-import { useDebouncedCallback, useDebouncedEffect, useMap, useMountEffect, useSyncedRef, } from '@react-hookz/web';
-import { isInIde, usePlatform } from '../../utils/platform';
-import classNames from '../../utils/classnames';
-import { debug } from '../../utils/console';
-import { useWedaAppContext } from '../../utils/widget-api';
-import { useLoopRenderDetect } from '../common/use-loop-render-detect';
-import { emptyObject, NOT_EXISTED_VALUE } from '../../utils/constant';
-import * as tcbAppCloud from '../../utils/tcb';
-import { useRemoteValue } from './hooks/use-remote-value';
-import { createSetStateForAuth, useAuthValue } from './hooks/use-auth-value';
-import lodashSet from 'lodash.set';
-import lodashGet from 'lodash.get';
-import isObjectEqual from '../../utils/isObjectEqual';
-import { useDataSource } from '../../utils/hooks/useDataSource';
-import { WdForm as FormUi } from './wd-form';
-import '../style';
-const SET_VALUE_DEBOUNCE_TIMEOUT = 200;
-const logger = debug('wd-form');
-const WdForm = React.forwardRef(function WdForm(props, ref) {
-    var _a;
-    const { className, id, style, contentSlot: contentSlotEl, layout, formType, _id, datasourceType, dataSourceName, methodGetItem, methodCreate, methodUpdate, paramGetItem, appCloud = tcbAppCloud, 
-    // 兼容流程setValue调用，其他地方别用
-    $node, } = props;
-    const formItemMap = useMap([]);
-    /**
-     * 根据他的文档
-     * 上面返回的 formItemMap 引用会保持不变，但是Map的方法会导致重渲染
-     * 所以要用它作useEffect deps的时候用下面这个string
-     *  */
-    const formItemMapKey = [...formItemMap.keys()].sort().join(',');
-    const platform = usePlatform();
-    const contentSlot = useMemo(() => contentSlotEl, [contentSlotEl]);
-    const cls = classNames({
-        'weda-ui': true,
-        'weda-form': true,
-        'weui-form': platform === 'h5',
-        'weda-form-pc': platform === 'pc',
-        'gsd-h5-react-form-pc': platform === 'pc',
-        'wedatea2td-form': platform === 'pc',
-    }, className);
-    const isDataModel = !['connector', 'custom-connector'].includes(datasourceType); // 是否为数据模型，兼容历史 undefined
-    const hasSetInitValueRef = useRef(false);
-    const [initialValues, setInitialValues] = useState((_a = props.initialValues) !== null && _a !== void 0 ? _a : emptyObject);
-    const eventsRef = useSyncedRef(props.events);
-    const validate = useCallback(async () => {
-        const validatePromise = [];
-        const validateKey = [];
-        formItemMap.forEach((item) => {
-            if (!item)
-                return;
-            if (item.handleValidate) {
-                const validate = item.handleValidate();
-                const { name } = item;
-                if (validate) {
-                    validatePromise.push(validate);
-                    validateKey.push(name);
-                }
-            }
-        });
-        let errorArr = await Promise.all(validatePromise);
-        const errObj = {};
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        errorArr = errorArr.filter((item, index) => {
-            if ((item !== null && item !== void 0 ? item : []).length) {
-                errObj[validateKey[index]] = item;
-            }
-            return (item === null || item === void 0 ? void 0 : item.length) > 0;
-        });
-        if (Object.keys(errObj).length > 0) {
-            console.error(errObj);
-        }
-        return errObj;
-    }, [formItemMap]);
-    const [errors, setErrors] = useState(undefined);
-    const { remoteValue: fetchedInitialValues, isLoading: isLoadingInitValues, error: initValueFetchError, } = useRemoteValue({
-        appCloud,
-        formType,
-        _id,
-        // methodCreate,
-        methodGetItem,
-        // methodUpdate,
-        paramGetItem,
-        dataSourceName,
-        isDataModel,
-    });
-    const submit = useCallback(async () => {
-        const { submit } = eventsRef.current;
-        const errorObj = await validate();
-        if (Object.keys(errorObj !== null && errorObj !== void 0 ? errorObj : {}).length === 0) {
-            const formData = getFormDataFromItemMap(formItemMap);
-            const extra = ['read', 'edit'].includes(formType) && _id ? { _id } : {};
-            submit && submit(JSON.parse(JSON.stringify({ ...extra, ...formData })));
-            // 流程用了;
-            return formData;
-        }
-        else {
-            setErrors(errorObj);
-        }
-    }, [_id, eventsRef, formItemMap, formType, validate]);
-    const updateFormContext = useCallback(() => {
-        Promise.resolve().then(() => {
-            var _a, _b;
-            const formData = getFormDataFromItemMap(formItemMap);
-            if (!isObjectEqual(formData, preFormCtxRef.current, true)) {
-                (_b = (_a = eventsRef === null || eventsRef === void 0 ? void 0 : eventsRef.current) === null || _a === void 0 ? void 0 : _a.onDataChange) === null || _b === void 0 ? void 0 : _b.call(_a, { data: formData });
-                setFormData(formData);
-                preFormCtxRef.current = formData;
-            }
-        });
-    }, [eventsRef, formItemMap]);
-    const setValue = useDebouncedCallback((data, setNull) => {
-        if (typeof data !== 'object' || typeof data === null) {
-            console.warn('setValue data need expect a object but got', data);
-            return;
-        }
-        formItemMap.forEach((item, name) => {
-            if (!item.setValue) {
-                console.error('表单组件缺少setValue方法:', item);
-                return;
-            }
-            const value = lodashGet(data, name, NOT_EXISTED_VALUE);
-            if (value !== NOT_EXISTED_VALUE) {
-                item.setValue(value);
-            }
-            else {
-                setNull && item.setValue(null);
-            }
-        });
-        updateFormContext();
-    }, [formItemMap, updateFormContext], SET_VALUE_DEBOUNCE_TIMEOUT);
-    const clearValidate = useCallback(() => {
-        formItemMap.forEach((item) => {
-            if (!item.clearValidate || typeof item.clearValidate !== 'function') {
-                console.error('表单组件缺少clearValidate方法:', item);
-                return;
-            }
-            item.clearValidate();
-        });
-    }, [formItemMap]);
-    // useWhatChanged([formItemMap, initialValues, submit, validate]);
-    useLoopRenderDetect();
-    const { ready } = useWedaAppContext();
-    const [visible, setVisible] = React.useState(false);
-    React.useEffect(() => {
-        setVisible(true);
-    }, []);
-    const previousFormType = useRef(null);
-    useEffect(() => {
-        if (!ready) {
-            return;
-        }
-        // if (formType === previousFormType.current) return;
-        logger.debug('listen formType', { formType, previousFormType }, formItemMap);
-        previousFormType.current = formType;
-        Promise.resolve().then(() => {
-            if (formType === 'read') {
-                formItemMap.forEach((item) => {
-                    item.setReadOnly(true);
-                });
-            }
-            else {
-                formItemMap.forEach((item) => {
-                    const { initialReadOnly, initialDisabled } = item || {};
-                    if (initialReadOnly) {
-                        item.setReadOnly(true);
-                    }
-                    else if (initialDisabled) {
-                        item.setDisabled(true);
-                    }
-                    else {
-                        item.setReadOnly(false);
-                    }
-                });
-            }
-        });
-    }, [ready, formType, formItemMap, formItemMapKey]);
-    useMountEffect(() => {
-        logger.debug('formItemMap', formItemMap);
-    });
-    useEffect(() => {
-        if (isLoadingInitValues)
-            return;
-        if (!initValueFetchError && fetchedInitialValues) {
-            /*
-             错误处理放在了 @link {onInitialValuesError}
-             下面是可以拿到data了
-             */
-            setInitialValues((original) => {
-                if (hasSetInitValueRef.current) {
-                    return original;
-                }
-                hasSetInitValueRef.current = true;
-                return fetchedInitialValues;
-            });
-            setValue(fetchedInitialValues, true);
-        }
-    }, [fetchedInitialValues, initValueFetchError, isLoadingInitValues, setValue]);
-    const { data: dataSourceProfile } = useDataSource(dataSourceName);
-    const authValue = useAuthValue({
-        appCloud,
-        isDataModel,
-        dataSourceName,
-    });
-    const onInitDataSourceFieldsWithAuth = useCallback((authValue) => {
-        logger.debug('onInitDataSourceFieldsWithAuth', authValue);
-        const { isDataModel, dataSourceFieldsWidthAuthList } = authValue;
-        try {
-            formItemMap.forEach((item, name) => {
-                const setStateForAuth = createSetStateForAuth({
-                    setVisible: item.setVisible,
-                    setReadOnly: item.setReadOnly,
-                });
-                if (!isDataModel) {
-                    // 非模型数据源
-                    setStateForAuth('rw');
-                }
-                else {
-                    if ((dataSourceFieldsWidthAuthList === null || dataSourceFieldsWidthAuthList === void 0 ? void 0 : dataSourceFieldsWidthAuthList.length) > 0) {
-                        // 返回了权限相关字段
-                        const fieldsPower = dataSourceFieldsWidthAuthList === null || dataSourceFieldsWidthAuthList === void 0 ? void 0 : dataSourceFieldsWidthAuthList.filter((fieldItem) => fieldItem[name])[0];
-                        if (fieldsPower && fieldsPower[name]) {
-                            setStateForAuth(fieldsPower[name]);
-                        }
-                        else {
-                            // 没有匹配到数据源字段，是用户自定义字段默认读写权限
-                        }
-                    }
-                    else {
-                        // 兼容私有化接口不会返回权限相关字段，没有返回默认不校验权限
-                        setStateForAuth('rw');
-                    }
-                }
-            });
-        }
-        catch (error) {
-            formItemMap.forEach((item) => {
-                const setStateForAuth = createSetStateForAuth({
-                    setReadOnly: item.setReadOnly,
-                    setVisible: item.setVisible,
-                });
-                if (!item || !item.setDataSourceFieldsWithAuth)
-                    return;
-                setStateForAuth('rw');
-            });
-            console.error('init form setDataSourceFieldsWithAuth error', error);
-        }
-    }, [formItemMap]);
-    React.useEffect(() => {
-        var _a, _b;
-        // 兼容私有环境，新接口不存在的情况，产品策略完善后移除
-        if ((window === null || window === void 0 ? void 0 : window['_isPrivate']) &&
-            !((_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.getDataSourceProfileAsync)) {
-            onInitDataSourceFieldsWithAuth === null || onInitDataSourceFieldsWithAuth === void 0 ? void 0 : onInitDataSourceFieldsWithAuth({ isDataModel });
-            return;
-        }
-        if (!isInIde()) {
-            onInitDataSourceFieldsWithAuth(authValue);
-        }
-    }, [
-        authValue,
-        isDataModel,
-        onInitDataSourceFieldsWithAuth,
-        formItemMap,
-        formItemMapKey,
-    ]);
-    const initedItemMapRef = useRef({});
-    const preFormCtxRef = useRef(null);
-    const [formData, setFormData] = useState(() => getFormDataFromItemMap(formItemMap));
-    React.useImperativeHandle(ref, () => {
-        return {
-            formType,
-            addFormItem(name, formItem) {
-                var _a;
-                if (((_a = formItemMap.get(name)) === null || _a === void 0 ? void 0 : _a.id) !== formItem.id) {
-                    logger.log('addFormItem', formItem, formItem.id, formItem.name);
-                    formItemMap.set(name, formItem);
-                }
-                return () => {
-                    formItemMap.delete(name);
-                };
-            },
-            setValue,
-            reset() {
-                setValue({}, true);
-            },
-            validate() {
-                return validate();
-            },
-            submit() {
-                return submit();
-            },
-            getConfig() {
-                return {
-                    componentType: 'form',
-                };
-            },
-            initialValues: initialValues,
-            authValue,
-            layout,
-            dataSourceName,
-            value: formData,
-            remoteValue: fetchedInitialValues,
-            updateFormContext,
-            dataSourceProfile,
-            errors,
-            clearValidate,
-            datasourceType,
-            methodCreate,
-            methodUpdate,
-            methodGetItem,
-        };
-    }, [
-        authValue,
-        dataSourceName,
-        dataSourceProfile,
-        errors,
-        fetchedInitialValues,
-        formItemMap,
-        formType,
-        initialValues,
-        layout,
-        setValue,
-        submit,
-        validate,
-        clearValidate,
-        updateFormContext,
-        formData,
-        datasourceType,
-        methodCreate,
-        methodUpdate,
-        methodGetItem,
-    ]);
-    const setInitValue = useDebouncedCallback(() => {
-        var _a;
-        for (const [name, formItem] of formItemMap.entries()) {
-            const value = lodashGet(initialValues, name);
-            if (initedItemMapRef.current[name] !== true && value !== undefined) {
-                (_a = formItem.setValue) === null || _a === void 0 ? void 0 : _a.call(formItem, value);
-                initedItemMapRef.current[name] = true;
-            }
-        }
-        updateFormContext();
-    }, [formItemMap, initialValues, updateFormContext], SET_VALUE_DEBOUNCE_TIMEOUT);
-    const lastInitValueRef = useRef(null);
-    React.useEffect(() => {
-        if (isObjectEqual(lastInitValueRef.current, initialValues)) {
-            return;
-        }
-        // 单向 Form向下设置值
-        let setValueReady = false;
-        const timeout = 30;
-        let id;
-        const setValueUntilReady = () => {
-            setValueReady = [...formItemMap.values()].every((item) => !!item.setValue);
-            if (!setValueReady) {
-                // eslint-disable-next-line rulesdir/no-timer
-                id = setTimeout(() => {
-                    setValueUntilReady();
-                }, timeout);
-                return;
-            }
-            if (id) {
-                clearTimeout(id);
-            }
-            setInitValue();
-        };
-        setValueUntilReady();
-        lastInitValueRef.current = initialValues;
-        return () => {
-            if (id) {
-                clearTimeout(id);
-            }
-        };
-    });
-    useDebouncedEffect(() => {
-        formItemMap.forEach((item) => {
-            var _a;
-            (_a = item === null || item === void 0 ? void 0 : item.forceUpdate) === null || _a === void 0 ? void 0 : _a.call(item);
-        });
-    }, [formItemMap, layout, formItemMapKey], 
-    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    15, 
-    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    30);
-    useLayoutEffect(() => {
-        // 兼容流程
-        if ($node) {
-            $node.setValue = setValue;
-            $node.submit = submit;
-            $node.formItems = '为了兼容不报错';
-            return () => {
-                $node.setValue = undefined;
-                $node.submit = undefined;
-                $node.formItems = undefined;
-            };
-        }
-    }, [$node, setValue, submit]);
-    const labelPosition = useMemo(() => {
-        if (layout === 'horizontal') {
-            return 'horizontal-left';
-        }
-        return 'vertical-left';
-    }, [layout]);
-    return (_jsx(FormUi, { layout: layout, className: cls, style: style, id: id, labelPosition: labelPosition, children: visible && contentSlot }));
-});
-function getFormDataFromItemMap(formItemMap) {
-    const formData = {};
-    formItemMap.forEach((item, name) => {
-        var _a, _b, _c;
-        if (((_b = (_a = item.getConfig) === null || _a === void 0 ? void 0 : _a.call(item)) === null || _b === void 0 ? void 0 : _b.componentType) !== 'formdetail') {
-            lodashSet(formData, name, (_c = item === null || item === void 0 ? void 0 : item.getValue) === null || _c === void 0 ? void 0 : _c.call(item));
-        }
-    });
-    return formData;
-}
-export default React.memo(WdForm);

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

@@ -1,42 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from '../../utils/classnames';
-import { useConfig } from '../../utils/config-context';
-// import type { DataType } from '../../../configs/components/wd-form';
-import { usePlatform } from '../../utils/platform';
-// import { Input, ConfigProvider } from 'tea-component';
-export const WdForm = ({ className, layout, labelPosition, children, ...rest }) => {
-    const platform = usePlatform();
-    // 兼容旧版组件的属性值
-    const { classPrefix } = useConfig();
-    // const InputWrap = React.useRef(null);
-    const formType = '';
-    const compClassName = `${classPrefix}-form`;
-    // 类名
-    const classList = [compClassName];
-    // weui添加className
-    ['weui'].includes(formType) && classList.push(`${classPrefix}-form--weui `);
-    platform === 'h5' && classList.push(`${classPrefix}-form--weui `);
-    layout === 'inline' && classList.push(`${classPrefix}-form--inline `);
-    switch (labelPosition) {
-        case 'horizontal-right':
-            classList.push(`${classPrefix}-form--horizontal-right`);
-            break;
-        case 'vertical-left':
-            classList.push(`${classPrefix}-form--vertical-left`);
-            break;
-        case 'vertical-right':
-            classList.push(`${classPrefix}-form--vertical-right`);
-            break;
-        default:
-            classList.push();
-    }
-    // 用户定义的className
-    classList.push(className);
-    if (platform === 'h5') {
-        classList.push('wd-h5-form');
-    }
-    else {
-        classList.push('wd-pc-form');
-    }
-    return (_jsx("div", { ...rest, className: classNames(...classList), children: children }));
-};

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

@@ -1,3 +0,0 @@
-import { WdFormCell } from './wd-form-cell';
-export { WdFormCell } from './wd-form-cell';
-export default WdFormCell;

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

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from '../../utils/classnames';
-import { useConfig } from '../../utils/config-context';
-import { usePlatform } from '../../utils/platform';
-import { WdIcon } from '../wd-icon';
-export const WdFormCell = ({ className, layout, labelPosition, label, children, }) => {
-    const platform = usePlatform();
-    // 兼容旧版组件的属性值
-    const { classPrefix } = useConfig();
-    // const InputWrap = React.useRef(null);
-    const formType = '';
-    const compClassName = `${classPrefix}-form-item  `;
-    // 类名
-    const classList = [compClassName];
-    // weui添加className
-    ['weui'].includes(formType) &&
-        classList.push(`${classPrefix}-form-item--weui `);
-    // @ts-expect-error 兼容入参
-    layout === 'inline' && classList.push(`${classPrefix}-form-item--inline `);
-    switch (labelPosition) {
-        case 'horizontal-right':
-            classList.push(`${classPrefix}-form-item--horizontal-right `);
-            break;
-        case 'vertical-left':
-            classList.push(`${classPrefix}-form-item--vertical-left `);
-            break;
-        case 'vertical-right':
-            classList.push(`${classPrefix}-form-item--vertical-right `);
-            break;
-        default:
-            classList.push();
-    }
-    // 用户定义的className
-    classList.push(className);
-    if (platform === 'h5') {
-        classList.push('wd-h5-form-item');
-    }
-    else {
-        classList.push('wd-pc-for-item');
-    }
-    return (_jsx("div", { className: `${classNames(...classList)} is-required`, children: _jsxs("div", { className: `${classPrefix}-form-item-wrap`, children: [_jsx("div", { className: `${classPrefix}-form-item-wrap__label is-nowrap`, children: _jsxs("label", { children: [_jsx("span", { className: `${classPrefix}-form-item-wrap__label-text`, children: label || '' }), _jsx("span", { className: `${classPrefix}-form-item-wrap__label-explain`, children: _jsx(WdIcon, { name: "td:help-circle" }) })] }) }), _jsx("div", { className: `${classPrefix}-form-item-wrap__control`, children: _jsx("div", { className: `${classPrefix}-form-item-wrap__control-wrap`, children: children }) })] }) }));
-};

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

@@ -1,4 +0,0 @@
-import { WdFormItem } from './wd-form-item';
-import { WdInputGroup } from './wd-input-group';
-export { WdFormItem, WdInputGroup };
-export default WdFormItem;

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

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from '../../utils/classnames';
-import { useConfig } from '../../utils/config-context';
-import { WdIcon } from '../wd-icon';
-import { WdBubble } from '../wd-bubble';
-import { usePlatform } from '../../utils/platform';
-import { useLabelAlign, useLayout, useSize, convertPx, } from '../../utils/hooks/useFormLegacy';
-/**
- * 表单项包裹，包括标题、文本提示、校验
- */
-export function WdFormItem(props) {
-    const { id, className, style, label, labelVisible, labelTips, labelWidth: _labelWidth, labelWrap, extra, required, readOnly, children, testId, requiredFlag, validateState, validateErrorMsg, readValue, borderedH5, borderedPc, classRoot, controlAlign, inputId, } = props;
-    const { classPrefix } = useConfig();
-    const platform = usePlatform();
-    const labelAlign = useLabelAlign(props);
-    const layout = useLayout(props);
-    const labelWidth = convertPx(_labelWidth);
-    const labelStyle = labelWidth ? { width: labelWidth } : {};
-    const _size = useSize(props);
-    const size = _size === 'xs' ? 'xs' : platform === 'h5' ? 'lg' : _size;
-    // 样式前缀定义
-    const root = `${classPrefix}-${classRoot}`;
-    const item = `${classPrefix}-form-item`;
-    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-${size}`, {
-        'is-required': requiredFlag && required,
-        'is-borderless': platform === 'h5' ? !borderedH5 : !borderedPc,
-        [`${item}--weui`]: platform === 'h5',
-        [`${item}--horizontal-left`]: layout === 'horizontal' && labelAlign === 'left',
-        [`${item}--horizontal-right`]: layout === 'horizontal' && labelAlign === 'right',
-        [`${item}--vertical-left`]: layout === 'vertical' && labelAlign === 'left',
-        [`${item}--vertical-right`]: layout === 'vertical' && labelAlign === 'right',
-    });
-    const labelCls = classNames(`${itemWrap}__label`, labelRoot, {
-        'is-nowrap': !labelWrap,
-    });
-    const controlWrapCls = classNames(`${itemWrap}__control-wrap`, {
-        [`${itemWrap}__control-wrap--right`]: controlAlign === 'right',
-    });
-    // 输入部分
-    const Item = (_jsx("div", { className: `${itemWrap}__control`, "data-testid": testId, children: _jsx("div", { className: controlWrapCls, children: readOnly ? (_jsx("div", { className: `${item}__readonly`, children: readValue })) : (children) }) }));
-    // 标题部分，含必填、提示
-    const Label = labelVisible && (_jsx("div", { className: labelCls, style: labelStyle, children: _jsxs("label", { htmlFor: inputId, children: [_jsx("span", { className: `${itemWrap}__label-text ${labelRoot}-text`, title: label, children: label }), labelTips && (_jsx("span", { className: `${itemWrap}__label-explain`, children: _jsx(WdBubble, { style: { display: 'inline' }, bubbleChildren: _jsx(WdIcon, { name: "td:help-circle" }), bubbleContent: labelTips, promptTheme: "dark" }) }))] }) }));
-    // 下方空白替代(改为距左对齐)
-    // const LabelSpace = labelVisible && layout === 'horizontal' && (
-    //   <div className={labelCls} style={labelStyle}></div>
-    // );
-    // 下方提示部分
-    const Help = extra && (_jsx("p", { className: `${item}__help`, children: _jsx("span", { className: `${item}__help-text ${root}__help`, children: extra }) }));
-    // 校验提示文字部分
-    const Message = validateErrorMsg && (_jsx("p", { className: `${item}__help`, children: _jsx("span", { className: `${classPrefix}-g-text-${validateState} ${root}__error`, children: validateErrorMsg }) }));
-    return (_jsxs("div", { className: cls, id: id, style: style, children: [_jsxs("div", { className: itemWrap, children: [Label, Item] }), Message, Help] }));
-}

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

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useConfig } from '../../utils/config-context';
-import classNames from '../../utils/classnames';
-import { useSize } from '../../utils/hooks/useFormLegacy';
-/**
- * 输入类组件包裹，添加前后文字
- */
-export const WdInputGroup = (props) => {
-    const { before, after, block, children, classRoot = '' } = props;
-    const { classPrefix } = useConfig();
-    const size = useSize(props);
-    const root = `${classPrefix}-${classRoot}`;
-    const inputGroup = `${classPrefix}-form-input-group`;
-    const inputGroupCls = classNames(inputGroup, `size-height-${size}`, {
-        'size-width-hundred': block,
-    });
-    const beforeCls = `${inputGroup}__addon ${inputGroup}__addon-left ${root}__text-before`;
-    const afterCls = `${inputGroup}__addon ${inputGroup}__addon-right ${root}__text-after`;
-    const contentCls = `${inputGroup}__content`;
-    if (before || after) {
-        return (_jsxs("div", { className: inputGroupCls, children: [before && _jsx("div", { className: beforeCls, children: before }), _jsx("div", { className: contentCls, children: children }), after && _jsx("div", { className: afterCls, children: after })] }));
-    }
-    return _jsx(_Fragment, { children: children });
-};