@unicom-cloud/ui 0.8.136 → 0.8.139

package/types/button/interface.d.ts

@@ -1,5 +1,6 @@
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, CSSProperties, HTMLProps, ReactNode } from 'react';
-export interface BaseButtonProps {
+import { Size } from '../interface';
+export interface BaseButtonProps extends Size {
     style?: CSSProperties;
     className?: string | string[];
     children?: ReactNode;
@@ -18,12 +19,6 @@ export interface BaseButtonProps {
      * @defaultValue default
      */
     status?: 'warning' | 'danger' | 'success' | 'processing' | 'default';
-    /**
-     * @zh 按钮的尺寸
-     * @en Size of the button
-     * @defaultValue medium
-     */
-    size?: 'mini' | 'small' | 'medium' | 'large' | 'default';
     /**
      * @zh 按钮形状，`circle` - 圆形， `round` - 全圆角， `square` - 长方形
      * @en Three button shapes are available: `circle`, `round` and `square`

package/types/cascader/interface.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { readOnly } from '../interface';
+import { ReadOnly } from '../interface';
 import { SelectViewCommonProps } from '../select-view';
 import { TriggerProps } from '../trigger';
 import type { VirtualListProps } from '../virtual-list/interface';
@@ -14,7 +14,7 @@ export type ShowSearch<T> = {
 /**
  * @title Cascader
  */
-export interface CascaderProps<T = unknown> extends Omit<SelectViewCommonProps, 'showSearch'>, readOnly {
+export interface CascaderProps<T = unknown> extends Omit<SelectViewCommonProps, 'showSearch'>, ReadOnly {
     /**
      * @zh 选择框的默认值
      * @en Initial value

package/types/checkbox/interface.d.ts

@@ -1,11 +1,11 @@
 import { CSSProperties, HTMLAttributes, ReactElement } from 'react';
-import { readOnly } from '../interface';
+import { ReadOnly } from '../interface';
 /**
  * @title Checkbox
  * @zh `T = string | number`
  * @en `T = string | number`
  */
-export interface CheckboxProps<T extends string | number = any> extends Omit<HTMLAttributes<HTMLLabelElement>, 'children' | 'className' | 'onChange'>, readOnly {
+export interface CheckboxProps<T extends string | number = any> extends Omit<HTMLAttributes<HTMLLabelElement>, 'children' | 'className' | 'onChange'>, ReadOnly {
     style?: CSSProperties;
     className?: string | string[];
     /**
@@ -59,7 +59,7 @@ export interface CheckboxProps<T extends string | number = any> extends Omit<HTM
 /**
  * @title Checkbox.Group
  */
-export interface CheckboxGroupProps<T extends string | number> extends readOnly {
+export interface CheckboxGroupProps<T extends string | number> extends ReadOnly {
     style?: CSSProperties;
     className?: string | string[];
     /**

package/types/color-picker/interface.d.ts

@@ -1,11 +1,11 @@
 import { CSSProperties, ReactNode } from 'react';
 import { InputProps } from '../input';
-import { readOnly } from '../interface';
+import { ReadOnly } from '../interface';
 import { TriggerProps } from '../trigger';
 /**
  * @title ColorPicker
  */
-export interface ColorPickerProps extends readOnly {
+export interface ColorPickerProps extends ReadOnly {
     style?: CSSProperties;
     className?: string | string[];
     /**

package/types/config-provider/interface.d.ts

@@ -32,6 +32,7 @@ import { ImageProps } from '../image/interface';
 import { InputNumberProps } from '../input-number/interface';
 import { InputTagProps } from '../input-tag/interface';
 import { InputButtonProps, InputPasswordProps, InputProps, InputSearchProps, type TextAreaProps } from '../input/interface';
+import { Size } from '../interface';
 import { LayoutProps } from '../layout/interface';
 import { LinkProps } from '../link/interface';
 import { LiquidFillProps } from '../liquid-fill/interface';
@@ -192,7 +193,7 @@ export type ComponentConfig = {
 /**
  * @title ConfigProvider
  */
-export interface ConfigProviderProps {
+export interface ConfigProviderProps extends Size {
     /**
      * @zh 当按钮中是两个汉字时，自动在两个汉字中添加一个空格。
      * @en When there are two Chinese characters in the button, a space is automatically added between two Chinese characters.
@@ -213,12 +214,6 @@ export interface ConfigProviderProps {
      * @en Theme Configuration
      */
     theme?: ThemeConfig;
-    /**
-     * @zh 配置组件的默认尺寸，只会对支持`size`属性的组件生效。
-     * @en Configure the default size of the component, which will only take effect for component that support the `size` property.
-     * @defaultValue default
-     */
-    size?: 'mini' | 'small' | 'default' | 'large';
     /**
      * @zh 全局组件类名前缀
      * @en Global ClassName prefix

package/types/date-picker/interface.d.ts

@@ -1,6 +1,6 @@
 import { Dayjs } from 'dayjs';
 import React, { CSSProperties, ReactNode } from 'react';
-import { focusAndBlur, imperativeHandle, readOnly } from '../interface';
+import { FocusAndBlur, ImperativeHandle, ReadOnly, Size } from '../interface';
 import { TimePickerProps } from '../time-picker/interface';
 import { TriggerProps } from '../trigger';
 export type CalendarValue = number | string | Date | Dayjs;
@@ -35,7 +35,7 @@ export type PrivateCType = {
 /**
  * @title Picker Props
  */
-export interface PickerProps extends readOnly {
+export interface PickerProps extends ReadOnly, Size {
     style?: CSSProperties;
     className?: string | string[];
     /**
@@ -101,12 +101,6 @@ export interface PickerProps extends readOnly {
      * @en Whether to destroy popup when hidden
      */
     unmountOnExit?: boolean;
-    /**
-     * @zh 日期选择器的尺寸
-     * @en The size of input box
-     * @defaultValue default
-     */
-    size?: 'mini' | 'small' | 'default' | 'large';
     /**
      * @zh 指定弹框打开或者关闭状态。
      * @en Whether the popup is visible or not
@@ -492,8 +486,8 @@ export interface ShortcutsProps {
     nowText?: ReactNode;
     showTime?: boolean | TimePickerProps;
 }
-export type DatePickerHandle = {} & focusAndBlur & imperativeHandle;
-export type RangePickerHandle = {} & focusAndBlur & imperativeHandle;
+export type DatePickerHandle = {} & FocusAndBlur & ImperativeHandle;
+export type RangePickerHandle = {} & FocusAndBlur & ImperativeHandle;
 export interface DatePickerDecorator extends React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<DatePickerHandle>> {
     MonthPicker: React.ForwardRefExoticComponent<DatePickerMonthProps & React.RefAttributes<DatePickerHandle>>;
     YearPicker: React.ForwardRefExoticComponent<DatePickerYearProps & React.RefAttributes<DatePickerHandle>>;

package/types/descriptions/interface.d.ts

@@ -1,4 +1,5 @@
 import React, { CSSProperties, PropsWithChildren, ReactNode } from 'react';
+import { Size } from '../interface';
 export type DataType = {
     key?: React.Key;
     label?: ReactNode;
@@ -8,7 +9,7 @@ export type DataType = {
 /**
  * @title Descriptions
  */
-export interface DescriptionsProps extends PropsWithChildren {
+export interface DescriptionsProps extends PropsWithChildren, Size {
     style?: CSSProperties;
     className?: string | string[];
     /**
@@ -64,11 +65,6 @@ export interface DescriptionsProps extends PropsWithChildren {
      * @defaultValue horizontal
      */
     layout?: 'horizontal' | 'vertical' | 'inline-horizontal' | 'inline-vertical';
-    /**
-     * @zh 描述列表的尺寸，如不指定默认为 `default`
-     * @en Size of the list
-     */
-    size?: 'mini' | 'small' | 'medium' | 'default' | 'large';
     /**
      * @zh 描述中表格样式的 `layout-fixed`，当设置成 `fixed` 时，宽度会均分。
      * @en The `layout-fixed` of the table style in the description. The width will be evenly distributed when it's set to `fixed`.

package/types/dropdown/interface.d.ts

@@ -1,5 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { ButtonProps } from '../button';
+import { Size } from '../interface';
 import { TriggerProps } from '../trigger';
 /**
  * @title Dropdown
@@ -63,7 +64,7 @@ export interface DropdownProps {
 /**
  * @title Dropdown.Button
  */
-export interface DropdownButtonProps extends Omit<DropdownProps, 'position'> {
+export interface DropdownButtonProps extends Omit<DropdownProps, 'position'>, Size {
     style?: CSSProperties;
     className?: string | string[];
     /**
@@ -72,11 +73,6 @@ export interface DropdownButtonProps extends Omit<DropdownProps, 'position'> {
      * @defaultValue br
      */
     position?: 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br';
-    /**
-     * @zh 等同于 `Button` 的 size
-     * @en Same as `size` of ButtonProps
-     */
-    size?: 'mini' | 'small' | 'default' | 'large';
     /**
      * @zh 等同于 `Button` 的 type
      * @en Same as `type` of ButtonProps

package/types/form/FormItemTip.d.ts

@@ -0,0 +1,3 @@
+import { FormItemTipProps } from './interface';
+declare const FormItemTip: import("react").ForwardRefExoticComponent<FormItemTipProps & import("react").RefAttributes<unknown>>;
+export default FormItemTip;

package/types/form/interface.d.ts

@@ -1,7 +1,7 @@
 import { Options as ScrollIntoViewOptions } from '@unicom-cloud/ui-common/utils/scrollIntoViewIfNeeded';
 import React, { CSSProperties, FormHTMLAttributes, HTMLAttributes, ReactElement, ReactNode } from 'react';
 import { JSX } from 'react/jsx-runtime';
-import { readOnly } from '../interface';
+import { ReadOnly, Size } from '../interface';
 import type { ColProps, RowProps } from '../row-col/interface';
 import { TooltipProps } from '../tooltip/interface';
 import type { ValidateOptions as SchemaOptions, ValidateMessagesTemplateType } from '../utils/validate';
@@ -21,7 +21,7 @@ export type ValidateFieldsErrors<FieldValue = unknown, FieldKey extends KeyType
 /**
  * @title Form
  */
-export interface FormProps<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> extends Omit<FormHTMLAttributes<unknown>, 'className' | 'onChange' | 'onSubmit' | 'onReset'>, readOnly {
+export interface FormProps<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> extends Omit<FormHTMLAttributes<unknown>, 'className' | 'onChange' | 'onSubmit' | 'onReset'>, ReadOnly, Size {
     style?: CSSProperties;
     className?: string | string[];
     prefixCls?: string;
@@ -41,16 +41,11 @@ export interface FormProps<FormData = unknown, FieldValue = FormData[keyof FormD
      * @defaultValue horizontal
      */
     layout?: 'horizontal' | 'vertical' | 'inline';
-    /**
-     * @zh 不同尺寸。
-     * @en size of form
-     */
-    size?: 'mini' | 'small' | 'default' | 'large';
     /**
      * @zh
      * `<label>`<Form.Item>布局，同[<Grid.Row>](/react/component/grid)组件接收的参数相同，
      */
-    row?: RowProps;
+    rowProps?: RowProps;
     /**
      * @zh
      * `<label>`标签布局，同[<Grid.Col>](/react/component/grid)组件接收的参数相同，
@@ -196,7 +191,7 @@ export type FormItemChildrenFn<FormData = unknown, FieldValue = FormData[keyof F
 /**
  * @title Form.Item
  */
-export interface FormItemProps<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> extends Omit<HTMLAttributes<unknown>, 'className' | 'children'>, readOnly {
+export interface FormItemProps<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> extends Omit<HTMLAttributes<unknown>, 'className' | 'children'>, ReadOnly {
     style?: CSSProperties;
     className?: string | string[];
     prefixCls?: string;
@@ -223,6 +218,7 @@ export interface FormItemProps<FormData = unknown, FieldValue = FormData[keyof F
     tooltip?: ReactNode | (TooltipProps & {
         icon?: ReactElement;
     });
+    rowProps?: FormProps['rowProps'];
     /**
      * @zh
      * `<label>`标签布局，同[<Grid.Col>](/react/component/grid)组件接收的参数相同，可以配置`span`和`offset`值，会覆盖全局的`labelCol`设置
@@ -378,7 +374,11 @@ export interface FormItemProps<FormData = unknown, FieldValue = FormData[keyof F
      */
     children?: React.ReactNode | FormItemChildrenFn<FormData, FieldValue, FieldKey>;
 }
-export interface FormItemLabelProps extends Pick<FormItemProps, 'tooltip' | 'label' | 'requiredSymbol' | 'required' | 'rules'>, readOnly {
+export interface FormItemTipProps extends Pick<FormItemProps, 'prefixCls' | 'help'> {
+    errors: FieldError[];
+    warnings: ReactNode[];
+}
+export interface FormItemLabelProps extends Pick<FormItemProps, 'tooltip' | 'label' | 'requiredSymbol' | 'required' | 'rules'>, ReadOnly {
     className?: string | string[];
     showColon: boolean | ReactNode;
     prefix: string | undefined;
@@ -448,7 +448,7 @@ export interface FormListProps<SubFieldValue = unknown, SubFieldKey extends KeyT
         move: (fromIndex: number, toIndex: number) => void;
     }) => React.ReactNode;
 }
-export type FormContextProps<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> = Pick<FormProps<FormData, FieldValue, FieldKey>, 'prefixCls' | 'row' | 'labelCol' | 'wrapperCol' | 'requiredSymbol' | 'labelAlign' | 'disabled' | 'colon' | 'layout' | 'validateTrigger' | 'readOnly'> & {
+export type FormContextProps<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> = Pick<FormProps<FormData, FieldValue, FieldKey>, 'prefixCls' | 'rowProps' | 'labelCol' | 'wrapperCol' | 'requiredSymbol' | 'labelAlign' | 'disabled' | 'colon' | 'layout' | 'validateTrigger' | 'readOnly'> & {
     validateMessages?: FormProps['validateMessages'];
     getFormElementId?: (field: FieldKey) => string;
     store?: FormInstance<FormData, FieldValue, FieldKey>;

package/types/hooks/useUnmountOnExit.d.ts

@@ -0,0 +1,5 @@
+declare function useUnmountOnExit(props: any): {
+    element: any;
+    setExited: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};
+export default useUnmountOnExit;

package/types/icon-hover/interface.d.ts

@@ -1,7 +1,6 @@
 import type React from 'react';
-import { readOnly } from '../interface';
-export interface IconHoverProps extends React.HTMLAttributes<HTMLSpanElement>, readOnly {
-    size?: 'small' | 'mini' | 'default' | 'large';
+import { ReadOnly, Size } from '../interface';
+export interface IconHoverProps extends React.HTMLAttributes<HTMLSpanElement>, ReadOnly, Size {
     className?: string;
     prefix?: string;
     disabled?: boolean;

package/types/image/ImagePreview.d.ts

@@ -1,7 +1,7 @@
-import { imperativeHandle } from '../interface';
+import { ImperativeHandle } from '../interface';
 import { ImagePreviewProps } from './interface';
 export type ImagePreviewHandle = {
     reset: () => void;
-} & imperativeHandle;
+} & ImperativeHandle;
 declare const PreviewComponent: import("react").ForwardRefExoticComponent<ImagePreviewProps & import("react").RefAttributes<ImagePreviewHandle>>;
 export default PreviewComponent;

package/types/image/ImagePreviewGroup.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { imperativeHandle } from '../interface';
+import { ImperativeHandle } from '../interface';
 import { ImagePreviewGroupProps } from './interface';
 export type { ImagePreviewGroupProps };
-export interface ImagePreviewGroupHandle extends imperativeHandle {
+export interface ImagePreviewGroupHandle extends ImperativeHandle {
     reset: () => void;
 }
 declare const PreviewGroupComponent: React.ForwardRefExoticComponent<ImagePreviewGroupProps & {

package/types/index.d.ts

@@ -60,7 +60,7 @@ export { default as Empty } from './empty';
 export type { EmptyProps } from './empty/interface';
 export { default as Flex, FlexVertical } from './flex';
 export type { FlexProps, GapType } from './flex/interface';
-export { default as Form, FormControl, FormItem, FormList, FormProvider, useForm, useFormContext, useFormState, useFormWatch, ValidateError, } from './form';
+export { default as Form, FormContext, FormControl, FormItem, FormItemContext, FormList, FormListContext, FormProvider, FormProviderContext, useForm, useFormContext, useFormState, useFormWatch, ValidateError, } from './form';
 export type { FormInstance, FormItemProps, FormListProps, FormProps, RulesProps, } from './form/interface';
 export { default as Grid, GridCol, GridItem, GridRow } from './grid';
 export type { GridItemProps, GridProps } from './grid/interface';
@@ -128,6 +128,8 @@ export { default as ResizeBox, ResizeBoxSplit, ResizeBoxSplitGroup, } from './re
 export type { ResizeBoxProps } from './resize-box/interface';
 export { default as Result } from './result';
 export type { ResultProps } from './result/interface';
+export { Rich, default as RichText } from './rich-text';
+export type { RichTextProps } from './rich-text/interface';
 export { Col, default as Row, RowItem } from './row-col';
 export type { ColProps, RowProps } from './row-col/interface';
 export { default as Segmented } from './segmented';

package/types/input/Textarea.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { focusAndBlur } from '../interface';
+import { FocusAndBlur } from '../interface';
 import { RefInputType, type TextAreaProps } from './interface';
-export type RefTextAreaType = focusAndBlur & {
+export type RefTextAreaType = FocusAndBlur & {
     /** textarea getRootElement() 元素 */
     getRootElement: () => HTMLTextAreaElement;
 } & RefInputType;

package/types/input/interface.d.ts

@@ -1,12 +1,12 @@
 import { CSSProperties, InputHTMLAttributes, ReactNode, TextareaHTMLAttributes } from 'react';
 import { ButtonProps } from '../button';
-import { focusAndBlur, readOnly } from '../interface';
+import { FocusAndBlur, ReadOnly, Size } from '../interface';
 /**
  * @title Input
  * @zh **Input 接受所有原生的属性值**
  * @en **Input Accept all native attribute values**
  */
-export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'prefix' | 'className' | 'size' | 'height' | 'maxLength'>, readOnly {
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'prefix' | 'className' | 'size' | 'height' | 'maxLength'>, ReadOnly, Size {
     style?: CSSProperties;
     className?: string | string[];
     /**
@@ -110,12 +110,6 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
      * @en The additional css style of the `addAfter` element
      */
     afterStyle?: object;
-    /**
-     * @zh 输入框的尺寸
-     * @en The size of the input box
-     * @defaultValue default
-     */
-    size?: 'mini' | 'small' | 'default' | 'large';
     /**
      * @zh 自定义输入框高度
      * @en Custom input height
@@ -247,7 +241,7 @@ export interface InputGroupProps {
  * @en Contains all the parameters of the Input component
  * @notExtends
  */
-export interface InputButtonProps extends InputProps, readOnly {
+export interface InputButtonProps extends InputProps, ReadOnly {
     buttonProps?: ButtonProps;
     /**
      * @zh 按钮文字
@@ -268,7 +262,7 @@ export interface InputButtonProps extends InputProps, readOnly {
  * @en Contains all the parameters of the Input component
  * @notExtends
  */
-export interface InputSearchProps extends InputButtonProps, readOnly {
+export interface InputSearchProps extends InputButtonProps, ReadOnly {
     /**
      * @zh 点击搜索按钮的回调
      * @en Callback when click search button
@@ -318,7 +312,7 @@ export interface InputComponentProps extends InputProps {
         delay: number | ((width: number, prevWidth: number) => number);
     };
 }
-export type RefInputType = focusAndBlur & {
+export type RefInputType = FocusAndBlur & {
     getInputElement: () => HTMLInputElement;
     getRootElement: () => HTMLElement | HTMLInputElement;
 };

package/types/input-number/interface.d.ts

@@ -1,10 +1,10 @@
 import { CSSProperties, InputHTMLAttributes, ReactNode } from 'react';
-import { readOnly } from '../interface';
+import { ReadOnly, Size } from '../interface';
 export type InputNumberValueChangeReason = 'manual' | 'increase' | 'decrease' | 'outOfRange';
 /**
  * @title InputNumber
  */
-export interface InputNumberProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'className' | 'size' | 'onChange' | 'onKeyDown'>, readOnly {
+export interface InputNumberProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'className' | 'size' | 'onChange' | 'onKeyDown'>, ReadOnly, Size {
     style?: CSSProperties;
     className?: string | string[];
     /**
@@ -66,11 +66,6 @@ export interface InputNumberProps extends Omit<InputHTMLAttributes<HTMLInputElem
      * @defaultValue embed
      */
     mode?: 'embed' | 'button';
-    /**
-     * @zh 不同尺寸的数字输入框。分别对应 `24px`, `28px`, `32px`, `36px`
-     * @en Different sizes
-     */
-    size?: 'mini' | 'small' | 'default' | 'large';
     /**
      * @zh 显示前缀
      * @en The prefix for the InputNumber

package/types/input-tag/InputTag.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { focusAndBlur, imperativeHandle } from '../interface';
+import { FocusAndBlur, ImperativeHandle } from '../interface';
 import { InputTagProps } from './interface';
-type InputTagHandle = {} & focusAndBlur & imperativeHandle;
+type InputTagHandle = {} & FocusAndBlur & ImperativeHandle;
 declare const InputTag: React.ForwardRefExoticComponent<InputTagProps<any> & React.RefAttributes<InputTagHandle>>;
 export default InputTag;
 export type { InputTagProps };

package/types/input-tag/interface.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { readOnly } from '../interface';
+import { ReadOnly, Size } from '../interface';
 import { PopoverProps } from '../popover';
 export type ObjectValueType = {
     value?: unknown;
@@ -10,14 +10,9 @@ export type ValueChangeReason = 'add' | 'remove' | 'clear' | 'sort';
 /**
  * @title InputTag
  */
-export interface InputTagProps<T = unknown> extends readOnly {
+export interface InputTagProps<T = unknown> extends ReadOnly, Size {
     className?: string | string[];
     style?: CSSProperties;
-    /**
-     * @zh 不同尺寸
-     * @en Different sizes
-     */
-    size?: 'mini' | 'small' | 'default' | 'large';
     /**
      * @zh 预设文案
      * @en Placeholder of input element

package/types/interface.d.ts

@@ -1,4 +1,4 @@
-export type focusAndBlur = {
+export type FocusAndBlur = {
     /**
      * @zh 使元素聚焦
      * @en Focus Select
@@ -10,18 +10,26 @@ export type focusAndBlur = {
      */
     blur: () => void;
 };
-export type getRootElement = {
+export type GetRootElement = {
     /**
      * @zh DOM 节点
      * @en DOM
      */
     getRootElement(): HTMLElement;
 };
-export type readOnly = {
+export type ReadOnly = {
     /**
-     * @zh 是否只读
+     * @zh 是否为只读模式
      * @en Whether the input is readOnly
      */
     readOnly?: boolean;
 };
-export type imperativeHandle = {} & getRootElement;
+export type Size = {
+    /**
+     * @zh 尺寸
+     * @en size
+     * @defaultValue default
+     */
+    size?: 'mini' | 'small' | 'default' | 'large';
+};
+export type ImperativeHandle = {} & GetRootElement;