@cloudbase/weda-ui 3.5.0 → 3.5.2

package/dist/web/components/form-image-uploader/index.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType, EventsType } from '../../../configs/components/form-image-uploader';
+export type FormImageUploaderProps = CommonPropsType & DataType & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & EventsType;
+declare const FormImageUploader: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<{
+    title: string;
+    name: string;
+    value: string[];
+    required: boolean;
+    disabled: boolean;
+    layout: "" | "vertical" | "horizontal";
+    single: boolean;
+    maxUploadCount: number;
+    maxSize: number;
+    acceptTypes: ("image/png" | "image/bmp" | "image/jpeg" | "image/gif" | "image/*")[];
+    requiredFlag: boolean;
+    labelVisible: boolean;
+    showShape: "circular" | "roundedTectangle" | "ectangle";
+    requiredMsg: string;
+    isChooseAvatar: boolean;
+    disableMultiSwitch: boolean;
+}> & {
+    value: string | string[];
+} & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<readonly [{
+    readonly title: "值改变";
+    readonly name: "change";
+}, {
+    readonly title: "上传成功";
+    readonly name: "success";
+}, {
+    readonly title: "上传失败";
+    readonly name: "error";
+}]>> & React.RefAttributes<any>>;
+export default FormImageUploader;

package/dist/web/components/form-image-uploader/index.js

@@ -5,7 +5,6 @@ import { useFormInputTrait } from '../form-input-hooks';
 import { Uploader } from '../../components';
 import { FormItemWrapper } from '../common/form-item-wrapper';
 import { useRef, useState } from 'react';
-import './style';
 const FormImageUploader = React.forwardRef(function FormImageUploader(props, ref) {
     const { className, id, style, events, required, requiredFlag, labelVisible, value: propValue, title, acceptTypes, maxSize, maxUploadCount, single, showShape, ...restProps } = props;
     const normalizedValue = typeof propValue === 'string'
@@ -15,14 +14,13 @@ const FormImageUploader = React.forwardRef(function FormImageUploader(props, ref
         : propValue;
     const [innerHandle, setInnerHandle] = useState({});
     const inputRef = useRef(null);
-    const { value, name, onChange, disabled, layout, 
-    // readOnly,
-    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+    const { value, name, onChange, disabled, layout, readOnly, validateErrorMsg, validateState, visible, } = useFormInputTrait({
         name: restProps.name,
         inputRef,
         required,
         setInnerHandle,
         value: normalizedValue,
+        label: title,
         ...restProps,
     });
     React.useImperativeHandle(ref, () => {
@@ -46,6 +44,6 @@ const FormImageUploader = React.forwardRef(function FormImageUploader(props, ref
                 // @ts-expect-error 兼容老逻辑
                 tips: props.tips, 
                 // isChooseAvatar={isChooseAvatar}
-                showShape: showShape }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+                showShape: showShape, readOnly: readOnly }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
 });
 export default FormImageUploader;

package/dist/web/components/form-image-uploader/style.d.ts

@@ -0,0 +1 @@
+import '../style';

package/dist/web/components/form-input/index.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import type { DataType } from '../../../configs/components/form-input';
+import type { CommonPropsType } from '../../types';
+export type PropsType = CommonPropsType & DataType & {
+    onChange: (v: string) => void;
+    disabled: boolean;
+    readOnly: boolean;
+};
+declare const WdInput: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<{
+    label: string;
+    name: string;
+    type: "number" | "text" | "idcard" | "digit";
+    value: string;
+    required: boolean;
+    size: "s" | "m" | "l" | "full";
+    disabled: boolean;
+    maxLength: number;
+    placeholder: string;
+    layout: "" | "vertical" | "horizontal";
+    focus: boolean;
+    requiredFlag: boolean;
+    labelVisible: boolean;
+    password: boolean;
+    clearable: boolean;
+    isNickNameType: boolean;
+    rules: {
+        pattern: string;
+        message: string;
+        format: string;
+    }[];
+    validateStatus: "success" | "error" | "warn";
+    requiredMsg: string;
+}> & {
+    onChange: (v: string) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & React.RefAttributes<any>>;
+export default WdInput;

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

@@ -5,7 +5,6 @@ import { useFormInputTrait } from '../form-input-hooks';
 import Input from '../form/input';
 import Tips from '../form/tips';
 import { FormItemWrapper } from '../common/form-item-wrapper';
-import '../style';
 const logger = debug('wd-input');
 const WdInput = React.forwardRef(function WdInput(props, inputRef) {
     const { className, id, style, required, requiredFlag, label, labelVisible, placeholder, size, type, maxLength, password, focus, clearable, events, ...restProps } = props;
@@ -15,6 +14,7 @@ const WdInput = React.forwardRef(function WdInput(props, inputRef) {
         name: restProps.name,
         inputRef,
         required,
+        label,
         ...restProps,
     });
     logger.debug(restProps, name, 'WDINPUT_NAME', id);

package/dist/web/components/form-input-hooks/index.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import type { CommonPropsType } from '../../types';
+export declare function useParentForm($widget: CommonPropsType['$widget']): import("../../types").IWidget;
+type Rule = {
+    format: string;
+    message: string;
+} | {
+    format: '';
+    pattern: string;
+};
+export type FormInputTraitParams<Value> = {
+    name: string;
+    value: Value;
+    onChange: (val: Value) => void;
+    events?: CommonPropsType['events'];
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+    requiredMsg: string;
+    layout?: 'auto' | '' | 'horizontal' | 'vertical';
+    inputRef: React.Ref<{
+        setValue: (val: Value) => void;
+    }>;
+    rules?: Rule[];
+    validateStatus?: 'success' | 'warn' | 'error';
+    status?: 'edit' | 'disabled' | 'readOnly';
+    setInnerHandle?: (arg: unknown) => void;
+    label: string;
+} & Pick<CommonPropsType, '$widget' | '$node'>;
+export declare function useFormInputTrait<Value = unknown>(inputParams: FormInputTraitParams<Value>): {
+    visible: boolean;
+    onChange: (value: Value) => void;
+    value: Value;
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+    name: string;
+    validateState: "success" | "error" | "warn";
+    validateErrorMsg: string;
+    layout: "vertical" | "horizontal";
+    initValidate: (validateState: any, validateErrorMsg: any) => void;
+};
+export {};

package/dist/web/components/form-input-hooks/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable max-lines */
 /* eslint max-lines: [error, 400] */
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import useSWR from 'swr';
@@ -8,7 +9,7 @@ import { isNil } from '../../utils/lodash';
 import { getParentForm, useWedaAppContext } from '../../utils/widget-api';
 import { validType } from './validator';
 import { emptyArray, noop } from '../../utils/constant';
-import { useRerender, useSyncedRef, useUnmountEffect } from '@react-hookz/web';
+import { useRerender, useUnmountEffect } from '@react-hookz/web';
 import { useStatus, convertMethodParam } from '../../utils/hooks/useFormLegacy';
 const logger = debug('wd-form-item');
 export function useParentForm($widget) {
@@ -19,7 +20,7 @@ export function useParentForm($widget) {
             return null;
         const form = getParentForm($node);
         if (form === undefined) {
-            logger.debug('useParentForm', $node.id, $node.parent);
+            logger.debug('useParentForm', $node.id, $node.parent, `ready: ${ready}`);
         }
         return form;
         // return Promise.resolve().then(() => {
@@ -37,11 +38,11 @@ export function useParentForm($widget) {
 }
 export function useFormInputTrait(inputParams) {
     var _a;
-    const { value, $widget, inputRef, required, requiredMsg, rules = emptyArray, events, layout: currentLayout, setInnerHandle = noop, onChange: outerOnChange = noop, $node, } = inputParams;
+    const { value, $widget, inputRef, required, requiredMsg = '该项为必填项', rules = emptyArray, layout: currentLayout, setInnerHandle = noop, onChange: outerOnChange = noop, $node, } = inputParams;
+    const label = inputParams.label;
     if (isNil($widget)) {
         throw new Error('$widget 没传入');
     }
-    const eventsRef = useSyncedRef(events);
     const [name] = useSyncValue(inputParams.name);
     const statusParams = useStatus(inputParams);
     const [disabled, setDisabled] = useSyncValue((_a = statusParams.disabled) !== null && _a !== void 0 ? _a : false);
@@ -51,7 +52,7 @@ export function useFormInputTrait(inputParams) {
     const [visible, setVisible] = useState(true);
     const forceUpdate = useRerender();
     const form = useParentForm($widget);
-    logger.debug(inputParams, 'WdFormItem');
+    logger.debug('WdFormItem', form, name, inputParams);
     const layout = useMemo(() => {
         let finalLayout;
         if (form && (!currentLayout || currentLayout === 'auto')) {
@@ -61,21 +62,25 @@ export function useFormInputTrait(inputParams) {
             finalLayout = currentLayout;
         }
         return finalLayout;
-    }, [form, currentLayout]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps --- add form.layout as dependencies
+    }, [form, currentLayout, form === null || form === void 0 ? void 0 : form.layout]);
     const [syncValue, _setSyncedValue] = useSyncValue(value, isObjectEqual);
     const setSyncedValue = useCallback((newVal) => {
         var _a;
         logger.debug('updateFormContext', newVal);
         _setSyncedValue(newVal);
-        if (typeof $node === 'object' && $node !== null) {
-            $node.value = newVal;
-        }
-        (_a = form === null || form === void 0 ? void 0 : form.updateFormContext) === null || _a === void 0 ? void 0 : _a.call(form, name, newVal);
-    }, [_setSyncedValue, $node, form, name]);
-    // const [syncValue] = useSetValueWithFormContextUpdate(value, form, name);
+        // 发现富文本中有时序问题，form 还是拿到旧值的闭包，所以再找一次
+        const f = form !== null && form !== void 0 ? form : getParentForm($widget);
+        (_a = f === null || f === void 0 ? void 0 : f.updateFormContext) === null || _a === void 0 ? void 0 : _a.call(f, name, newVal);
+    }, [$widget, _setSyncedValue, form, name]);
+    useEffect(() => {
+        logger.debug('Form', form, name);
+    }, [form, name]);
     useEffect(() => {
-        logger.debug('Form', form);
-    }, [form]);
+        // 未匹配任何规则时，清空错误提示
+        if (!rules)
+            setValidateErrorMsg('');
+    }, [rules]);
     useEffect(() => {
         var _a, _b;
         const removeFormItem = (_b = (_a = $widget
@@ -90,7 +95,7 @@ export function useFormInputTrait(inputParams) {
         setValidateErrorMsg('');
         setValidateState(undefined);
     }, [setValidateErrorMsg, setValidateState]);
-    // 挂在setValue方法到 $widget上
+    // 挂在 setValue 方法到 $widget 上
     React.useImperativeHandle(inputRef, () => {
         logger.debug('useImperativeHandle', { name, syncValue });
         const result = {
@@ -101,7 +106,7 @@ export function useFormInputTrait(inputParams) {
             setVisible(val) {
                 const value = convertMethodParam(val);
                 if (typeof value !== 'boolean') {
-                    console.warn('参数需要为boolean');
+                    console.warn('参数需要为 boolean');
                     return;
                 }
                 setVisible(value);
@@ -153,10 +158,11 @@ export function useFormInputTrait(inputParams) {
                     }
                 }
                 logger.debug('finalValue', finalValue);
-                if (finalValue) {
+                if (finalValue || finalValue === 0) {
                     if (rules.length) {
-                        rules.some((item) => {
-                            if (!item.format && !item.pattern) {
+                        const validResult = [];
+                        const isPass = rules.some((item) => {
+                            if (!item.format && !item.pattern && !item.func) {
                                 // console.log(item)
                                 throw new Error('验证规则必须配置 format/pattern');
                             }
@@ -164,38 +170,47 @@ export function useFormInputTrait(inputParams) {
                                 const typeFunc = validType[item.format];
                                 if (typeFunc && !typeFunc(String(finalValue))) {
                                     // console.log("format 校验>>>>")
-                                    validPromise.push(Promise.resolve(item));
+                                    validResult.push(Promise.resolve(item));
                                     return false;
                                 }
                             }
-                            else {
-                                if (item.pattern) {
-                                    // 正则校验
-                                    // console.log("pattern 校验>>>>")
-                                    try {
-                                        let reg;
-                                        if (typeof item.pattern === 'string') {
-                                            const m = item.pattern.match(/(\/?)(.+)\1([a-z]*)/i);
-                                            if (m[3] &&
-                                                !/^(?!.*?(.).*?\1)[gmixXsuUAJ]+$/.test(m[3])) {
-                                                reg = RegExp(item.pattern);
-                                            }
-                                            else {
-                                                reg = new RegExp(m[2], m[3]);
-                                            }
+                            else if (item.pattern) {
+                                // 正则校验
+                                // console.log("pattern 校验>>>>")
+                                try {
+                                    let reg;
+                                    if (typeof item.pattern === 'string') {
+                                        const m = item.pattern.match(/(\/?)(.+)\1([a-z]*)/i);
+                                        if (m[3] &&
+                                            !/^(?!.*?(.).*?\1)[gmixXsuUAJ]+$/.test(m[3])) {
+                                            reg = RegExp(item.pattern);
                                         }
                                         else {
-                                            reg = new RegExp(item.pattern);
-                                        }
-                                        if (!reg.test(String(finalValue))) {
-                                            validPromise.push(Promise.resolve(item));
-                                            return false;
+                                            reg = new RegExp(m[2], m[3]);
                                         }
                                     }
-                                    catch (e) { }
+                                    else {
+                                        reg = new RegExp(item.pattern);
+                                    }
+                                    if (!reg.test(String(finalValue))) {
+                                        validResult.push(Promise.resolve(item));
+                                        return false;
+                                    }
                                 }
+                                catch (e) { }
                             }
+                            else if (item.func) {
+                                // 校验规则是函数的时候
+                                if (!item.func(finalValue)) {
+                                    validResult.push(Promise.resolve(item));
+                                    return false;
+                                }
+                            }
+                            return true;
                         });
+                        if (!isPass) {
+                            validPromise.push(...validResult);
+                        }
                     }
                 }
                 const result = Promise.all(validPromise).then((arr) => {
@@ -220,20 +235,24 @@ export function useFormInputTrait(inputParams) {
             forceUpdate,
             value: syncValue,
             clearValidate,
+            label,
         };
         setInnerHandle(result);
         logger.debug('useImperativeHandle', result);
         return result;
     }, [
-        inputParams.disabled,
         name,
-        forceUpdate,
         syncValue,
+        statusParams.disabled,
+        statusParams.readOnly,
+        forceUpdate,
         clearValidate,
         setInnerHandle,
         setSyncedValue,
         disabled,
+        label,
         setDisabled,
+        readOnly,
         setReadOnly,
         required,
         rules,
@@ -282,7 +301,7 @@ export function useFormInputTrait(inputParams) {
     });
     // const runOnceRef = useRef(false);
     // useEffect(() => {
-    //   // 双保险，向上取initialValues
+    //   // 双保险，向上取 initialValues
     //   if (runOnceRef.current) {
     //     return;
     //   }
@@ -293,9 +312,20 @@ export function useFormInputTrait(inputParams) {
     //   }
     // }, [form, name, setSyncedValue, value]);
     const onChange = useCallback((value) => {
+        var _a;
         setSyncedValue(value);
+        if ((_a = $node === null || $node === void 0 ? void 0 : $node._getInstanceRef()) === null || _a === void 0 ? void 0 : _a.current) {
+            $node._getInstanceRef().current.value = value;
+        }
         outerOnChange(value);
-    }, [eventsRef, outerOnChange, setSyncedValue]);
+    }, [$node, outerOnChange, setSyncedValue]);
+    /**
+     * 组件设置初始化错误信息
+     */
+    const initValidate = useCallback((validateState, validateErrorMsg) => {
+        setValidateState(validateState);
+        setValidateErrorMsg(validateErrorMsg);
+    }, [setValidateState, setValidateErrorMsg]);
     return {
         visible,
         onChange,
@@ -307,5 +337,6 @@ export function useFormInputTrait(inputParams) {
         validateState,
         validateErrorMsg,
         layout,
+        initValidate,
     };
 }

package/dist/web/components/form-input-hooks/validator.d.ts

@@ -0,0 +1,23 @@
+export declare const validType: {
+    readonly required: (value: any) => boolean;
+    readonly id: (value: any) => boolean;
+    readonly cn: (value: any) => boolean;
+    readonly mobile: (value: any) => boolean;
+    readonly tel: (value: any) => boolean;
+    readonly email: (value: any) => boolean;
+    readonly url: (value: any) => boolean;
+    readonly carId: (value: any) => boolean;
+    readonly cnName: (value: any) => boolean;
+    readonly enName: (value: any) => boolean;
+    readonly userName: (value: any) => boolean;
+    readonly address: (value: any) => boolean;
+    readonly date: (value: any) => boolean;
+    readonly numVcode: (value: any) => boolean;
+    readonly vcode: (value: any) => boolean;
+    readonly code: (value: any) => boolean;
+    readonly hkMc: (value: any) => boolean;
+    readonly taiWan: (value: any) => boolean;
+    readonly passport: (value: any) => boolean;
+    readonly num: (value: any) => boolean;
+    readonly money: (value: any) => boolean;
+};

package/dist/web/components/form-input-hooks/validator.js

@@ -17,7 +17,7 @@ const pattern = {
     hkMc: /^[WC][0-9]{8}$/,
     taiWan: /^T[0-9]{8}$/,
     passport: /^1[45][0-9]{7}|([E|e]\d{8})|([P|p|S|s]\d{7})|([S|s|G|g]\d{8})|([Gg|Tt|Ss|Ll|Qq|Dd|Aa|Ff]\d{8})|([H|h|M|m]\d{8，10})$/,
-    num: /^[1-9][0-9]*$/,
+    num: /^-?[0-9]+\.?[0-9]*$/,
     money: /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/,
     id: /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/,
 };

package/dist/web/components/form-location/index.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import type { DataType, EventsType } from '../../../configs/components/form-location';
+import type { CommonPropsType } from '../../types';
+export type FormLocationProps = CommonPropsType & DataType & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & EventsType;
+declare const FormLocation: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<{
+    label: string;
+    name: string;
+    value: {
+        address: string;
+        geopoint: {
+            type: string;
+            coordinates: [number, number];
+        };
+    };
+    required: boolean;
+    disabled: boolean;
+    layout: "" | "vertical" | "horizontal";
+    drag: boolean;
+    zoom: boolean;
+    requiredFlag: boolean;
+    labelVisible: boolean;
+    showLngLat: boolean;
+    locationType: 2 | 1;
+    showMap: boolean;
+    defauleShowLocation: boolean;
+    dataSource: Record<string, unknown>;
+    validateStatus: "success" | "error" | "warn";
+    requiredMsg: string;
+    locationRange: 0 | -1 | 100 | 500 | 2000 | 1000 | 300;
+    customRange: number;
+}> & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<readonly [{
+    readonly title: "选择定位坐标改变";
+    readonly name: "change";
+}]>> & React.RefAttributes<any>>;
+export default FormLocation;

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

@@ -4,22 +4,20 @@ import { FormItemWrapper } from '../common/form-item-wrapper';
 import Location from '../form/location';
 import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
-import '../style';
 const FormLocation = React.forwardRef(function FormLocation(props, inputRef) {
     const { className, id, style, events, required, requiredFlag, label, labelVisible, customRange, dataSource, defauleShowLocation, locationRange, locationType, showLngLat, showMap, zoom, drag, 
     // @ts-expect-error 里面有，但dataForm没有，但json有传
     customLocation, ...restProps } = props;
-    const { value, name, onChange, disabled, layout, 
-    // readOnly,
-    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+    const { value, name, onChange, disabled, layout, readOnly, validateErrorMsg, validateState, visible, } = useFormInputTrait({
         name: restProps.name,
         inputRef,
         required,
+        label,
         ...restProps,
     });
     if (!visible) {
         return null;
     }
-    return (_jsxs(FormItemWrapper, { children: [_jsx(Location, { id: id, style: style, className: className, events: events, name: name, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, value: value, customLocation: customLocation, customRange: customRange, dataSource: dataSource, defauleShowLocation: defauleShowLocation, drag: drag, locationType: locationType, locationRange: locationRange, showLngLat: showLngLat, showMap: showMap, zoom: zoom, onChange: onChange }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+    return (_jsxs(FormItemWrapper, { children: [_jsx(Location, { id: id, style: style, className: className, events: events, name: name, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, value: value, customLocation: customLocation, customRange: customRange, dataSource: dataSource, defauleShowLocation: defauleShowLocation, drag: drag, locationType: locationType, locationRange: locationRange, showLngLat: showLngLat, showMap: showMap, zoom: zoom, onChange: onChange, readOnly: readOnly }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
 });
 export default FormLocation;

package/dist/web/components/form-multi-region/index.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import type { DataType, EventsType } from '../../../configs/components/form-multi-region';
+import type { CommonPropsType } from '../../types';
+export type FormMultiRegionProps = CommonPropsType & DataType & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & EventsType;
+declare const FormMultiRegion: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<{
+    label: string;
+    name: string;
+    value: string;
+    required: boolean;
+    size: "s" | "m" | "l" | "full";
+    disabled: boolean;
+    placeholder: string;
+    layout: "" | "vertical" | "horizontal";
+    requiredFlag: boolean;
+    labelVisible: boolean;
+    regionType: "levelOne" | "levelTwo" | "levelThree";
+    requiredMsg: string;
+}> & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<readonly [{
+    readonly title: "值改变";
+    readonly name: "change";
+}, {
+    readonly title: "取消";
+    readonly name: "cancel";
+}]>> & React.RefAttributes<any>>;
+export default FormMultiRegion;

package/dist/web/components/form-multi-region/index.js

@@ -4,20 +4,18 @@ import { FormItemWrapper } from '../common/form-item-wrapper';
 import Select from '../form/select';
 import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
-import '../style';
-const FormSwitch = React.forwardRef(function FormSwitch(props, inputRef) {
+const FormMultiRegion = React.forwardRef(function FormSwitch(props, inputRef) {
     const { className, id, style, events, required, requiredFlag, label, labelVisible, regionType, size, placeholder, ...restProps } = props;
-    const { value, name, onChange, disabled, layout, 
-    // readOnly,
-    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+    const { value, name, onChange, disabled, layout, readOnly, validateErrorMsg, validateState, visible, } = useFormInputTrait({
         name: restProps.name,
         inputRef,
         required,
+        label,
         ...restProps,
     });
     if (!visible) {
         return null;
     }
-    return (_jsxs(FormItemWrapper, { children: [_jsx(Select, { id: id, style: style, onChange: onChange, className: className, events: events, name: name, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, defaultMutiRegion: value, placeholder: placeholder, mode: "mutiRegion", size: size, regionType: regionType }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+    return (_jsxs(FormItemWrapper, { children: [_jsx(Select, { id: id, style: style, onChange: onChange, className: className, events: events, name: name, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, defaultMutiRegion: value, placeholder: placeholder, mode: "mutiRegion", size: size, regionType: regionType, readOnly: readOnly }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
 });
-export default FormSwitch;
+export default FormMultiRegion;

package/dist/web/components/form-phone/index.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import type { DataType, EventsType } from '../../../configs/components/form-phone';
+import type { CommonPropsType } from '../../types';
+export type PropsType = CommonPropsType & DataType & {
+    onChange: (v: string) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & EventsType;
+declare const FormPhone: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<{
+    label: string;
+    name: string;
+    value: string;
+    required: boolean;
+    size: "s" | "m" | "l" | "full";
+    disabled: boolean;
+    placeholder: string;
+    layout: "" | "vertical" | "horizontal";
+    focus: boolean;
+    requiredFlag: boolean;
+    labelVisible: boolean;
+    clearable: boolean;
+    requiredMsg: string;
+}> & {
+    onChange: (v: string) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<readonly [{
+    readonly title: "值改变";
+    readonly name: "change";
+}, {
+    readonly title: "失焦";
+    readonly name: "blur";
+}, {
+    readonly title: "聚焦";
+    readonly name: "focus";
+}, {
+    readonly title: "确认";
+    readonly name: "confirm";
+}, {
+    readonly title: "清除内容";
+    readonly name: "clear";
+}]>> & React.RefAttributes<any>>;
+export default FormPhone;

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

@@ -5,7 +5,6 @@ import { useFormInputTrait } from '../form-input-hooks';
 import Input from '../form/input';
 import Tips from '../form/tips';
 import { FormItemWrapper } from '../common/form-item-wrapper';
-import '../style';
 const rules = [
     {
         format: 'mobile',
@@ -22,6 +21,7 @@ const FormPhone = React.forwardRef(function FormPhone(props, inputRef) {
         inputRef,
         required,
         rules,
+        label,
         ...restProps,
     });
     logger.debug(restProps, name, 'WDINPUT_NAME', id);