@cloudbase/weda-ui 3.5.0 → 3.5.1

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;
+    size: "s" | "m" | "l" | "full";
+    required: boolean;
+    maxLength: number;
+    disabled: boolean;
+    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);
@@ -76,6 +77,11 @@ export function useFormInputTrait(inputParams) {
     useEffect(() => {
         logger.debug('Form', form);
     }, [form]);
+    useEffect(() => {
+        // 未匹配任何规则时，清空错误提示
+        if (!rules)
+            setValidateErrorMsg('');
+    }, [rules]);
     useEffect(() => {
         var _a, _b;
         const removeFormItem = (_b = (_a = $widget
@@ -153,10 +159,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 +171,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 +236,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,
@@ -293,9 +313,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 +338,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;
+    size: "s" | "m" | "l" | "full";
+    required: boolean;
+    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;
+    size: "s" | "m" | "l" | "full";
+    required: boolean;
+    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);

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

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import type { DataType, EventsType } from '../../../configs/components/form-radio';
+import type { CommonPropsType } from '../../types';
+export type FormRadioProps = CommonPropsType & {
+    onChange: (v: string) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & DataType & EventsType;
+declare const FormRadio: React.ForwardRefExoticComponent<CommonPropsType & {
+    onChange: (v: string) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & import("type-fest").Simplify<{
+    label: string;
+    name: string;
+    format: string;
+    value: string;
+    required: boolean;
+    disabled: boolean;
+    layout: "" | "vertical" | "horizontal";
+    range: {
+        label: string;
+        value: string;
+    }[];
+    requiredFlag: boolean;
+    labelVisible: boolean;
+    enumName: string;
+    tipBlock: string;
+    requiredMsg: string;
+}> & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<readonly [{
+    readonly title: "值改变";
+    readonly name: "change";
+}]>> & React.RefAttributes<any>>;
+export default FormRadio;

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

@@ -4,7 +4,6 @@ import { FormItemWrapper } from '../common/form-item-wrapper';
 import Radio from '../form/radio';
 import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
-import '../style';
 const FormRadio = React.forwardRef(function FormRadio(props, inputRef) {
     const { className, id, style, label, labelVisible, 
     // size,
@@ -17,6 +16,7 @@ const FormRadio = React.forwardRef(function FormRadio(props, inputRef) {
         name: restProps.name,
         inputRef,
         required,
+        label,
         ...restProps,
     });
     const range = React.useMemo(() => {

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

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import type { DataType, EventsType } from '../../../configs/components/form-region';
+import type { CommonPropsType } from '../../types';
+export type FormRegionProps = CommonPropsType & DataType & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & EventsType;
+declare const FormRegion: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<{
+    label: string;
+    name: string;
+    value: string[];
+    size: "s" | "m" | "l" | "full";
+    required: boolean;
+    disabled: boolean;
+    placeholder: string;
+    separator: string;
+    layout: "" | "vertical" | "horizontal";
+    requiredFlag: boolean;
+    labelVisible: boolean;
+    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 FormRegion;

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

@@ -8,17 +8,16 @@ const FormRegion = React.forwardRef(function FormSwitch(props, inputRef) {
     const { className, id, style, events, required, requiredFlag, label, labelVisible, placeholder, size, separator, ...restProps } = props;
     const { value, name, 
     // onChange,
-    disabled, layout, 
-    // readOnly,
-    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+    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, className: className, events: events, name: name, disabled: disabled, label: label, regionType: 'levelThree', labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, defaultRegion: value, placeholder: placeholder, separator: separator, size: size, mode: "region" }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+    return (_jsxs(FormItemWrapper, { children: [_jsx(Select, { id: id, style: style, className: className, events: events, name: name, disabled: disabled, label: label, regionType: 'levelThree', labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, defaultRegion: value, placeholder: placeholder, separator: separator, size: size, mode: "region", readOnly: readOnly }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
 });
 export default FormRegion;