@unicom-cloud/ui 0.8.134 → 0.8.135

package/types/form/interface.d.ts

@@ -1,6 +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 type { ColProps, RowProps } from '../row-col/interface';
 import { TooltipProps } from '../tooltip/interface';
 import type { ValidateOptions as SchemaOptions, ValidateMessagesTemplateType } from '../utils/validate';
@@ -20,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'> {
+export interface FormProps<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> extends Omit<FormHTMLAttributes<unknown>, 'className' | 'onChange' | 'onSubmit' | 'onReset'>, readOnly {
     style?: CSSProperties;
     className?: string | string[];
     prefixCls?: string;
@@ -195,7 +196,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'> {
+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;
@@ -377,7 +378,7 @@ 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'> {
+export interface FormItemLabelProps extends Pick<FormItemProps, 'tooltip' | 'label' | 'requiredSymbol' | 'required' | 'rules'>, readOnly {
     className?: string | string[];
     showColon: boolean | ReactNode;
     prefix: string | undefined;
@@ -447,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'> & {
+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'> & {
     validateMessages?: FormProps['validateMessages'];
     getFormElementId?: (field: FieldKey) => string;
     store?: FormInstance<FormData, FieldValue, FieldKey>;

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

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

package/types/input/interface.d.ts

@@ -1,12 +1,12 @@
 import { CSSProperties, InputHTMLAttributes, ReactNode, TextareaHTMLAttributes } from 'react';
 import { ButtonProps } from '../button';
-import { focusAndBlur } from '../interface';
+import { focusAndBlur, readOnly } 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'> {
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'prefix' | 'className' | 'size' | 'height' | 'maxLength'>, readOnly {
     style?: CSSProperties;
     className?: string | string[];
     /**
@@ -19,11 +19,6 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
      * @en Whether the input is disabled
      */
     disabled?: boolean;
-    /**
-     * @zh 是否只读
-     * @en Whether the input is readOnly
-     */
-    readOnly?: boolean;
     /**
      * @zh 默认值
      * @en The initial input content
@@ -252,7 +247,7 @@ export interface InputGroupProps {
  * @en Contains all the parameters of the Input component
  * @notExtends
  */
-export interface InputButtonProps extends InputProps {
+export interface InputButtonProps extends InputProps, readOnly {
     buttonProps?: ButtonProps;
     /**
      * @zh 按钮文字
@@ -273,7 +268,7 @@ export interface InputButtonProps extends InputProps {
  * @en Contains all the parameters of the Input component
  * @notExtends
  */
-export interface InputSearchProps extends InputButtonProps {
+export interface InputSearchProps extends InputButtonProps, readOnly {
     /**
      * @zh 点击搜索按钮的回调
      * @en Callback when click search button

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

@@ -1,9 +1,10 @@
 import { CSSProperties, InputHTMLAttributes, ReactNode } from 'react';
+import { readOnly } from '../interface';
 export type InputNumberValueChangeReason = 'manual' | 'increase' | 'decrease' | 'outOfRange';
 /**
  * @title InputNumber
  */
-export interface InputNumberProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'className' | 'size' | 'onChange' | 'onKeyDown'> {
+export interface InputNumberProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'className' | 'size' | 'onChange' | 'onKeyDown'>, readOnly {
     style?: CSSProperties;
     className?: string | string[];
     /**
@@ -39,11 +40,6 @@ export interface InputNumberProps extends Omit<InputHTMLAttributes<HTMLInputElem
      * @en Whether input has error status
      */
     error?: boolean;
-    /**
-     * @zh 是否只读
-     * @en Whether input is readonly
-     */
-    readOnly?: boolean;
     /**
      * @zh 严格模式下，`onChange` 回调将返回字符串类型
      * @en `onChange` will return a string in strict mode

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

@@ -1,4 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
+import { readOnly } from '../interface';
 import { PopoverProps } from '../popover';
 export type ObjectValueType = {
     value?: unknown;
@@ -9,7 +10,7 @@ export type ValueChangeReason = 'add' | 'remove' | 'clear' | 'sort';
 /**
  * @title InputTag
  */
-export interface InputTagProps<T = unknown> {
+export interface InputTagProps<T = unknown> extends readOnly {
     className?: string | string[];
     style?: CSSProperties;
     /**
@@ -43,11 +44,6 @@ export interface InputTagProps<T = unknown> {
      * @en Whether the input is focused by default
      */
     autoFocus?: boolean;
-    /**
-     * @zh 是否只读
-     * @en Whether the input is read only
-     */
-    readOnly?: boolean;
     /**
      * @zh 是否允许清除
      * @en Whether to allow clear input value

package/types/interface.d.ts

@@ -17,4 +17,11 @@ export type getRootElement = {
      */
     getRootElement(): HTMLElement;
 };
+export type readOnly = {
+    /**
+     * @zh 是否只读
+     * @en Whether the input is readOnly
+     */
+    readOnly?: boolean;
+};
 export type imperativeHandle = {} & getRootElement;

package/types/picker/Input.d.ts

@@ -1,31 +1,3 @@
-import { Dayjs } from 'dayjs';
-import React, { CSSProperties, ReactNode } from 'react';
-import { focusAndBlur, imperativeHandle } from '../interface';
-export interface DateInputProps {
-    style?: CSSProperties;
-    className?: string | string[];
-    error?: boolean;
-    status?: 'warning' | 'error';
-    disabled?: boolean;
-    placeholder?: string;
-    value?: Dayjs;
-    inputValue?: string;
-    popupVisible?: boolean;
-    format?: string | ((value: Dayjs) => string);
-    prefixCls?: string;
-    size?: 'mini' | 'small' | 'default' | 'large';
-    allowClear?: boolean;
-    onClear?: (e: any) => void;
-    editable?: boolean;
-    onPressEnter?: () => void;
-    onChange?: (e: any) => void;
-    suffixIcon?: ReactNode;
-    isPlaceholder?: boolean;
-    prefix?: ReactNode;
-    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
-}
-export type DateInputHandle = focusAndBlur & imperativeHandle & {
-    getInputElement(): HTMLInputElement;
-};
-declare const _default: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<DateInputHandle>>;
+import { DateInputHandle, DateInputProps } from './interface';
+declare const _default: import("react").ForwardRefExoticComponent<DateInputProps & import("react").RefAttributes<DateInputHandle>>;
 export default _default;

package/types/picker/InputRange.d.ts

@@ -1,35 +1,3 @@
-import { Dayjs } from 'dayjs';
-import React, { CSSProperties, ReactNode } from 'react';
-import { focusAndBlur, imperativeHandle } from '../interface';
-export interface DateInputRangeProps {
-    style?: CSSProperties;
-    className?: string | string[];
-    error?: boolean;
-    status?: 'error' | 'warning';
-    disabled?: boolean | boolean[];
-    placeholder?: string[];
-    value?: Dayjs[];
-    popupVisible?: boolean;
-    format?: string | string[];
-    size?: 'mini' | 'small' | 'default' | 'large';
-    allowClear?: boolean;
-    onClear?: (e: any) => void;
-    onPressEnter?: () => void;
-    onPressTab?: (e: any) => void;
-    editable?: boolean;
-    suffixIcon?: ReactNode;
-    onChange?: (e: any) => void;
-    inputValue?: string;
-    separator?: ReactNode;
-    changeFocusedInputIndex?: (index: number, silent?: boolean) => void;
-    focusedInputIndex?: number;
-    isPlaceholder?: boolean;
-    prefix?: ReactNode;
-    inputProps?: React.InputHTMLAttributes<HTMLInputElement>[];
-    onBlur?: (e: any) => void;
-}
-export type DateInputRangeHandle = focusAndBlur & imperativeHandle & {
-    getInputElements(): HTMLInputElement[];
-};
-declare const _default: React.ForwardRefExoticComponent<DateInputRangeProps & React.RefAttributes<DateInputRangeHandle>>;
+import { DateInputRangeHandle, DateInputRangeProps } from './interface';
+declare const _default: import("react").ForwardRefExoticComponent<DateInputRangeProps & import("react").RefAttributes<DateInputRangeHandle>>;
 export default _default;

package/types/picker/interface.d.ts

@@ -0,0 +1,59 @@
+import { Dayjs } from 'dayjs';
+import React, { CSSProperties, ReactNode } from 'react';
+import { focusAndBlur, imperativeHandle, readOnly } from '../interface';
+export interface DateInputProps extends readOnly {
+    style?: CSSProperties;
+    className?: string | string[];
+    error?: boolean;
+    status?: 'warning' | 'error';
+    disabled?: boolean;
+    placeholder?: string;
+    value?: Dayjs;
+    inputValue?: string;
+    popupVisible?: boolean;
+    format?: string | ((value: Dayjs) => string);
+    prefixCls?: string;
+    size?: 'mini' | 'small' | 'default' | 'large';
+    allowClear?: boolean;
+    onClear?: (e: any) => void;
+    editable?: boolean;
+    onPressEnter?: () => void;
+    onChange?: (e: any) => void;
+    isPlaceholder?: boolean;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+}
+export type DateInputHandle = focusAndBlur & imperativeHandle & {
+    getInputElement(): HTMLInputElement;
+};
+export interface DateInputRangeProps extends readOnly {
+    style?: CSSProperties;
+    className?: string | string[];
+    error?: boolean;
+    status?: 'error' | 'warning';
+    disabled?: boolean | boolean[];
+    placeholder?: string[];
+    value?: Dayjs[];
+    popupVisible?: boolean;
+    format?: string | string[];
+    size?: 'mini' | 'small' | 'default' | 'large';
+    allowClear?: boolean;
+    onClear?: (e: any) => void;
+    onPressEnter?: () => void;
+    onPressTab?: (e: any) => void;
+    editable?: boolean;
+    suffix?: ReactNode;
+    onChange?: (e: any) => void;
+    inputValue?: string;
+    separator?: ReactNode;
+    changeFocusedInputIndex?: (index: number, silent?: boolean) => void;
+    focusedInputIndex?: number;
+    isPlaceholder?: boolean;
+    prefix?: ReactNode;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>[];
+    onBlur?: (e: any) => void;
+}
+export type DateInputRangeHandle = focusAndBlur & imperativeHandle & {
+    getInputElements(): HTMLInputElement[];
+};

package/types/radio/interface.d.ts

@@ -1,8 +1,9 @@
 import { CSSProperties, ChangeEvent, HTMLAttributes, ReactNode } from 'react';
+import { readOnly } from '../interface';
 /**
  * @title Radio
  */
-export interface RadioProps<T = any> extends Omit<HTMLAttributes<HTMLLabelElement>, 'children' | 'className' | 'onChange'> {
+export interface RadioProps<T = any> extends Omit<HTMLAttributes<HTMLLabelElement>, 'children' | 'className' | 'onChange'>, readOnly {
     style?: CSSProperties;
     className?: string | string[];
     /**
@@ -37,7 +38,7 @@ export interface RadioProps<T = any> extends Omit<HTMLAttributes<HTMLLabelElemen
 /**
  * @title Radio.Group
  */
-export interface RadioGroupProps {
+export interface RadioGroupProps extends readOnly {
     style?: CSSProperties;
     className?: string | string[];
     /**
@@ -97,6 +98,7 @@ export interface RadioGroupContextProps {
     type: 'radio' | 'button';
     value?: any;
     disabled?: boolean;
+    readOnly?: boolean;
     group?: boolean;
     name?: RadioGroupProps['name'];
     onChangeValue?: (value: any, event: ChangeEvent) => void;

package/types/rate/interface.d.ts

@@ -1,8 +1,9 @@
 import { CSSProperties, ReactNode } from 'react';
+import { readOnly } from '../interface';
 /**
  * @title Rate
  */
-export interface RateProps {
+export interface RateProps extends readOnly {
     style?: CSSProperties;
     className?: string | string[];
     /**
@@ -42,11 +43,6 @@ export interface RateProps {
      * @en Whether to allow clear when click again
      */
     allowClear?: boolean;
-    /**
-     * @zh 是否只读，不能选择
-     * @en Whether is readonly
-     */
-    readonly?: boolean;
     /**
      * @zh 是否禁用
      * @en Whether is disabled

package/types/rich-text/interface.d.ts

@@ -10,6 +10,7 @@ export interface RichTextProps {
     readOnly?: boolean;
     defaultValue?: object | string;
     value?: object | string;
+    placeholder?: string;
     options?: object;
     /**
      * @zh 是否有边框

package/types/select/interface.d.ts

@@ -1,6 +1,6 @@
 import { Options as ScrollIntoViewOptions } from '@unicom-cloud/ui-common/utils/scrollIntoViewIfNeeded';
 import { CSSProperties, HTMLAttributes, PropsWithChildren, ReactElement, ReactNode } from 'react';
-import { focusAndBlur, imperativeHandle } from '../interface';
+import { focusAndBlur, imperativeHandle, readOnly } from '../interface';
 import { SelectViewCommonProps } from '../select-view';
 import { TriggerProps } from '../trigger';
 import { AvailableVirtualListProps } from '../virtual-list';
@@ -20,7 +20,7 @@ export type SelectInnerStateValue = string | number | string[] | number[];
 /**
  * @title Select
  */
-export interface SelectProps extends SelectViewCommonProps {
+export interface SelectProps extends SelectViewCommonProps, readOnly {
     /**
      * @zh 选择框的默认值
      * @en To set default value
@@ -37,10 +37,10 @@ export interface SelectProps extends SelectViewCommonProps {
      */
     inputValue?: string;
     /**
-     * @zh 是否开启多选模式或标签模式 (**`tags` 推荐使用 `mode: multiple; allowCreate: true` 替代，下一大版本将移除此模式**)
-     * @en Set mode of Select(**`tags` recommends using `mode: multiple; allowCreate: true` instead, this mode will be removed in the next major version**)
+     * @zh 是否开启多选模式或标签模式
+     * @en Set mode of Select
      */
-    mode?: 'multiple' | 'tags';
+    mode?: 'multiple' | 'single';
     /**
      * @zh 是否开启全选选项，仅在多选模式时才生效
      */
@@ -77,7 +77,7 @@ export interface SelectProps extends SelectViewCommonProps {
     /**
      * @zh 是否默认高亮第一个选项
      * @en Whether to highlight the first option by default
-     * @defaultValue true
+     * @defaultValue false
      */
     defaultActiveFirstOption?: boolean;
     /**
@@ -158,7 +158,7 @@ export interface SelectProps extends SelectViewCommonProps {
      */
     virtualListProps?: AvailableVirtualListProps;
     /**
-     * @zh 是否立即触发一次 onChange 回调。仅在 (value || defaultValue) 条件满足的情况下才会触发。
+     * @zh 是否立即触发一次 onChange 回调。仅在 (value 或者 defaultValue) 条件满足的情况下才会触发。
      */
     immediateTriggerChangeOnMount?: boolean;
     /**

package/types/select-view/interface.d.ts

@@ -1,9 +1,9 @@
 import type { CSSProperties, ReactElement, ReactNode } from 'react';
 import { InputTagProps } from '../input-tag';
 import { InputComponentProps } from '../input/interface';
-import { focusAndBlur, imperativeHandle } from '../interface';
+import { focusAndBlur, imperativeHandle, readOnly } from '../interface';
 import type { PopoverProps } from '../popover';
-export interface SelectViewCommonProps extends Pick<InputTagProps<unknown>, 'renderTag' | 'dragToSort'> {
+export interface SelectViewCommonProps extends Pick<InputTagProps<unknown>, 'renderTag' | 'dragToSort'>, readOnly {
     id?: string;
     style?: CSSProperties;
     className?: string | string[];
@@ -74,14 +74,14 @@ export interface SelectViewCommonProps extends Pick<InputTagProps<unknown>, 'ren
     };
     /**
      * @zh 前缀。
-     * @en Customize select suffix
+     * @en Customize select prefix
      */
     prefix?: ReactNode;
     /**
      * @zh 自定义选择框后缀图标。
      * @en Customize select suffix icon
      */
-    suffixIcon?: ReactNode;
+    suffix?: ReactNode;
     /**
      * @zh 自定义箭头图标，设置为 `null` 不显示箭头图标。
      * @en Customize select arrow icon.

package/types/slider/Input.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { InputNumberProps } from '../input-number';
-interface InputProps {
+import { readOnly } from '../interface';
+interface InputProps extends readOnly {
     min?: number;
     max?: number;
     step?: number;

package/types/slider/interface.d.ts

@@ -1,10 +1,11 @@
 import { CSSProperties, ReactNode } from 'react';
 import { InputNumberProps } from '../input-number';
+import { readOnly } from '../interface';
 export type TooltipPosition = 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb';
 /**
  * @title Slider
  */
-export interface SliderProps {
+export interface SliderProps extends readOnly {
     style?: CSSProperties;
     className?: string | string[];
     /**

package/types/switch/interface.d.ts

@@ -1,8 +1,9 @@
 import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import { readOnly } from '../interface';
 /**
  * @title Switch
  */
-export interface SwitchProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'className' | 'onChange'> {
+export interface SwitchProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'className' | 'onChange'>, readOnly {
     style?: CSSProperties;
     className?: string | string[];
     /**

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

@@ -1,5 +1,6 @@
 import { Dayjs } from 'dayjs';
 import { CSSProperties, ReactNode } from 'react';
+import { readOnly } from '../interface';
 import { TriggerProps } from '../trigger';
 export type CalendarValue = Dayjs | Date | string | number;
 /**
@@ -7,7 +8,7 @@ export type CalendarValue = Dayjs | Date | string | number;
  * @zh `TimePicker` 和 `RangePicker` 的通用属性
  * @en Common properties of `TimePicker` and `RangePicker`
  */
-export interface PickerProps {
+export interface PickerProps extends readOnly {
     style?: CSSProperties;
     className?: string | string[];
     /**

package/types/transfer/interface.d.ts

@@ -1,5 +1,6 @@
 import { CSSProperties, DragEvent, ReactNode } from 'react';
 import { InputProps } from '../input';
+import { readOnly } from '../interface';
 import { PaginationProps } from '../pagination';
 import { AvailableVirtualListProps } from '../virtual-list';
 export type TransferItem = {
@@ -45,7 +46,7 @@ interface TransferPropsWithArrayType {
 /**
  * @title Transfer
  */
-export interface TransferProps extends TransferPropsWithArrayType {
+export interface TransferProps extends TransferPropsWithArrayType, readOnly {
     prefixCls?: string;
     style?: CSSProperties;
     className?: string | string[];
@@ -186,7 +187,7 @@ export interface TransferProps extends TransferPropsWithArrayType {
         dropPosition: number;
     }) => void;
 }
-export interface TransferListProps extends Pick<TransferProps, 'prefixCls' | 'style' | 'className' | 'dataSource' | 'disabled' | 'draggable' | 'render' | 'filterOption' | 'virtualListProps' | 'onSearch' | 'onResetData' | 'onDragStart' | 'onDragEnd' | 'onDragLeave' | 'onDragOver' | 'onDrop'> {
+export interface TransferListProps extends Pick<TransferProps, 'prefixCls' | 'style' | 'className' | 'dataSource' | 'disabled' | 'draggable' | 'render' | 'filterOption' | 'virtualListProps' | 'onSearch' | 'onResetData' | 'onDragStart' | 'onDragEnd' | 'onDragLeave' | 'onDragOver' | 'onDrop'>, readOnly {
     searchPlaceholder?: string;
     showSearch?: boolean | InputProps;
     showFooter?: boolean | ReactNode;
@@ -208,7 +209,7 @@ export interface TransferCustomListProps extends Pick<TransferListProps, 'disabl
     onItemRemove: (key: string) => void;
     onItemSelectAll: (keys: string[], selected: boolean) => void;
 }
-export interface TransferItemProps extends Pick<TransferListProps, 'prefixCls' | 'className' | 'render' | 'disabled' | 'draggable' | 'allowClear' | 'selectedKeys' | 'onDragStart' | 'onDragEnd' | 'onDragLeave' | 'onDragOver'> {
+export interface TransferItemProps extends Pick<TransferListProps, 'prefixCls' | 'className' | 'render' | 'disabled' | 'draggable' | 'allowClear' | 'selectedKeys' | 'onDragStart' | 'onDragEnd' | 'onDragLeave' | 'onDragOver'>, readOnly {
     item: TransferItem;
     droppable: boolean;
     onItemSelect: (key: string, selected: boolean) => void;

package/types/typography/interface.d.ts

@@ -131,7 +131,7 @@ export interface EditableConfig {
      */
     inputProps?: InputProps;
     /**
-     * Input.TextArea 组件属性。
+     * InputTextArea 组件属性。
      */
     textAreaProps?: TextAreaProps;
 }

package/types/upload/Upload.d.ts

@@ -1,11 +1,6 @@
 import React from 'react';
 import { UploadInstance, UploadItem, UploadProps } from './interface';
 import UploadList from './list';
-export type UploadState = {
-    uploadState: {
-        [key: string]: UploadItem;
-    };
-};
 declare const Upload: React.ForwardRefExoticComponent<UploadProps & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<UploadInstance>>;

package/types/upload/interface.d.ts

@@ -1,5 +1,11 @@
 import React, { CSSProperties, ReactNode } from 'react';
+import { readOnly } from '../interface';
 import { ProgressProps } from '../progress';
+export type UploadState = {
+    uploadState: {
+        [key: string]: UploadItem;
+    };
+};
 export type UploadStatus = 'init' | 'uploading' | 'done' | 'error';
 export type ListType = 'text' | 'picture-list' | 'picture-card';
 export type CustomIconType = {
@@ -33,7 +39,7 @@ export type UploadRequest = (options: RequestOptions) => UploadRequestReturn | v
 /**
  * @title Upload
  */
-export interface UploadProps {
+export interface UploadProps extends readOnly {
     style?: CSSProperties;
     className?: string | string[];
     /**
@@ -221,7 +227,7 @@ export interface UploadProps {
  * @zh 文件上传列表展示
  * @en File upload list display
  */
-export interface UploadListProps {
+export interface UploadListProps extends readOnly {
     imagePreview?: boolean;
     listType?: string;
     fileList?: UploadItem[];

package/types/utils/string.d.ts

@@ -1 +1,3 @@
+import { HYPHEN } from '@unicom-cloud/utils/constant/string';
 export { replaceEmptyWithHyphen } from '@unicom-cloud/ui-common/utils/string';
+export { HYPHEN };

package/types/verification-code/interface.d.ts

@@ -1,9 +1,10 @@
 import { CSSProperties, ReactNode } from 'react';
 import { InputProps } from '../input';
+import { readOnly } from '../interface';
 /**
  * @title VerificationCode
  */
-export interface VerificationCodeProps {
+export interface VerificationCodeProps extends readOnly {
     style?: CSSProperties;
     className?: string | string[];
     /**
@@ -37,11 +38,6 @@ export interface VerificationCodeProps {
      * @en disabled
      */
     disabled?: boolean;
-    /**
-     * @zh 只读
-     * @en readOnly
-     */
-    readOnly?: boolean;
     /**
      * @zh 状态
      * @en Status

package/typography/Base.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsx as p, jsxs as ne, Fragment as ie } from "react/jsx-runtime";
 import re from "lodash/merge";
 import _, { forwardRef as le, useContext as pe, useRef as ce, useState as W, useImperativeHandle as ae } from "react";

package/typography/EditContent.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as x, useRef as N, useEffect as $ } from "react";
 import m from "../input/Input.js";

package/typography/Ellipsis.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsxs as g, Fragment as J, jsx as r } from "react/jsx-runtime";
 import { forwardRef as K, useContext as Q, useRef as v, useState as W, useMemo as V, useEffect as U, useCallback as X } from "react";
 import "../config-provider/ConfigProvider.js";

package/typography/Operations.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsx as t, jsxs as I, Fragment as S } from "react/jsx-runtime";
 import $ from "@unicom-cloud/icons/IconUiEdit";
 import { useEffect as v } from "react";

package/typography/Paragraph.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsx as p } from "react/jsx-runtime";
 import { forwardRef as n, useContext as c } from "react";
 import "../config-provider/ConfigProvider.js";

package/typography/Text.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
 import m from "./Base.js";