@unicom-cloud/ui 0.8.133 → 0.8.135

package/types/checkbox/interface.d.ts

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

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

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

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

@@ -12,7 +12,7 @@ import { CalendarProps } from '../calendar/interface';
 import { CardProps } from '../card/interface';
 import { CarouselProps } from '../carousel/interface';
 import { CascaderProps } from '../cascader/interface';
-import { CheckboxProps } from '../checkbox/interface';
+import { CheckboxGroupProps, CheckboxProps } from '../checkbox/interface';
 import { CollapseProps } from '../collapse/interface';
 import { ColorPickerProps } from '../color-picker/interface';
 import { CommentProps } from '../comment/interface';
@@ -31,7 +31,7 @@ import { GridItemProps, GridProps } from '../grid/interface';
 import { ImageProps } from '../image/interface';
 import { InputNumberProps } from '../input-number/interface';
 import { InputTagProps } from '../input-tag/interface';
-import { InputProps, type TextAreaProps } from '../input/interface';
+import { InputButtonProps, InputPasswordProps, InputProps, InputSearchProps, type TextAreaProps } from '../input/interface';
 import { LayoutProps } from '../layout/interface';
 import { LinkProps } from '../link/interface';
 import { LiquidFillProps } from '../liquid-fill/interface';
@@ -99,6 +99,8 @@ export type ComponentConfig = {
     Carousel?: CarouselProps;
     Cascader?: CascaderProps;
     Checkbox?: CheckboxProps;
+    CheckboxGroup?: CheckboxGroupProps<string | number>;
+    CheckboxGroupBlock?: CheckboxGroupProps<string | number>;
     Collapse?: CollapseProps;
     Comment?: CommentProps;
     ColorPicker?: ColorPickerProps;
@@ -125,11 +127,14 @@ export type ComponentConfig = {
     GridCol?: ColProps;
     Image?: ImageProps;
     Input?: InputProps;
-    'Input.TextArea'?: TextAreaProps;
+    InputTextArea?: TextAreaProps;
     InputNumber?: InputNumberProps;
+    InputTag?: InputTagProps;
+    InputButton?: InputButtonProps;
+    InputSearch?: InputSearchProps;
+    Password?: InputPasswordProps;
     VerificationCode?: VerificationCodeProps;
     Watermark?: WatermarkProps;
-    InputTag?: InputTagProps;
     Layout?: LayoutProps;
     Link?: LinkProps;
     List?: ListProps;
@@ -144,6 +149,7 @@ export type ComponentConfig = {
     Progress?: ProgressProps;
     Radio?: RadioProps;
     RadioGroup?: RadioGroupProps;
+    RadioGroupBlock?: RadioGroupProps;
     Rate?: RateProps;
     ResizeBox?: ResizeBoxProps;
     Result?: ResultProps;
@@ -253,12 +259,6 @@ export interface ConfigProviderProps {
      * @defaultValue true
      */
     effectGlobalModal?: boolean;
-    /**
-     * @zh 保持当前配置，避免在层级嵌套 <ConfigProvider {...context}><ConfigProvider {...context}>{element}</ConfigProvider></ConfigProvider> 时数据被覆盖。注：最好在根配置项开启此功能。
-     * @defaultValue false
-     */
-    keepConfig?: boolean;
-    isRootConfig?: boolean;
     childrenName?: string;
     zIndex?: number;
     children?: ReactNode;
@@ -266,4 +266,5 @@ export interface ConfigProviderProps {
      * @zh 来自哪里，使用对象
      */
     from?: string;
+    [key: string]: unknown;
 }

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

@@ -0,0 +1,5 @@
+declare function useConfigProvider(props: any): void;
+declare namespace useConfigProvider {
+    var displayName: string;
+}
+export default useConfigProvider;

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

@@ -1,6 +1,6 @@
 import { Dayjs } from 'dayjs';
 import React, { CSSProperties, ReactNode } from 'react';
-import { focusAndBlur, imperativeHandle } from '../interface';
+import { focusAndBlur, imperativeHandle, readOnly } 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 {
+export interface PickerProps extends readOnly {
     style?: CSSProperties;
     className?: string | string[];
     /**

package/types/form/FormLabel.d.ts

@@ -1,3 +1,3 @@
 import type { FormItemLabelProps } from './interface';
-declare function FormItemLabel(props: FormItemLabelProps): React.FC<FormItemLabelProps>;
+declare function FormItemLabel(props: FormItemLabelProps): import("react").JSX.Element | undefined;
 export default FormItemLabel;

package/types/form/context.d.ts

@@ -2,7 +2,6 @@ import { Context } from 'react';
 import { FormContextProps, FormInstance, FormItemContextProps, KeyType } from './interface';
 export type FormContextType<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> = Context<FormContextProps<FormData, FieldValue, FieldKey>>;
 export declare const FormContext: Context<FormContextProps>;
-export type FormItemContextType<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> = Context<FormItemContextProps<FormData, FieldValue, FieldKey>>;
 export declare const FormItemContext: Context<FormItemContextProps>;
 export declare const FormProviderContext: Context<{
     register?: (name: string, form: FormInstance) => void;

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/popover/Popover.d.ts

@@ -0,0 +1,6 @@
+import { PopoverProps } from './interface';
+declare const PopoverComponent: import("react").ForwardRefExoticComponent<PopoverProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<unknown>>;
+export default PopoverComponent;
+export type { PopoverProps };

package/types/popover/index.d.ts

@@ -1,6 +1,3 @@
-import { PopoverProps } from './interface';
-declare const PopoverComponent: import("react").ForwardRefExoticComponent<PopoverProps & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<unknown>>;
-export default PopoverComponent;
-export type { PopoverProps };
+import Popover from './Popover';
+export default Popover;
+export type { PopoverProps } from './interface';

package/types/portal/Portal.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { PortalProps } from './interface';
+declare const _default: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<unknown>>;
+export default _default;

package/types/portal/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import type { PortalProps } from './interface';
-declare const _default: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<unknown>>;
-export default _default;
+import Portal from './Portal';
+import { PortalProps } from './interface';
+export default Portal;
+export type { PortalProps };

package/types/portal/interface.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
 export interface PortalProps {
-    /** Portal 挂载的容器 */
     getContainer?: () => Element;
     childrenComponent?: Element;
     forceRender?: boolean;

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,9 +10,17 @@ export interface RichTextProps {
     readOnly?: boolean;
     defaultValue?: object | string;
     value?: object | string;
+    placeholder?: string;
     options?: object;
+    /**
+     * @zh 是否有边框
+     * @en Whether to render the border
+     * @defaultValue true
+     */
+    bordered?: boolean;
     onChange?: (value: Delta, delta: Delta, preValue: Delta, source: EmitterSource) => void;
     onTextChange?: (delta: Delta, preValue: Delta, source: EmitterSource) => void;
     onSelectionChange?: (...args: any[]) => void;
     onEditorChange?: (...args: any[]) => void;
+    onChangeCallback?: (...args: any[]) => Delta;
 }

package/types/rich-text/lib/core/editor.d.ts

@@ -24,5 +24,6 @@ declare class Editor {
     isBlank(): boolean;
     removeFormat(index: number, length: number): Delta;
     update(change: Delta | null, mutations?: MutationRecord[], selectionInfo?: SelectionInfo | undefined): Delta;
+    destroy(): void;
 }
 export default Editor;

package/types/rich-text/lib/core/emitter.d.ts

@@ -25,14 +25,14 @@ declare class Emitter extends EmitterBase {
         handler: () => void;
     }[]>;
     constructor();
-    on(...args: any[]): void;
-    once(...args: any[]): void;
-    emit(...args: unknown[]): boolean;
-    off(...args: any[]): void;
-    offAll(...args: any[]): void;
-    handleDOM(event: Event, ...args: unknown[]): void;
-    listenDOM(eventName: string, node: Node, handler: EventListener): void;
-    destroy(): void;
+    on: (...args: any[]) => void;
+    once: (...args: any[]) => void;
+    emit: (...args: unknown[]) => boolean;
+    off: (...args: any[]) => void;
+    offAll: (...args: any[]) => void;
+    handleDOM: (event: Event, ...args: unknown[]) => void;
+    listenDOM: (eventName: string, node: Node, handler: EventListener) => void;
+    destroy: () => void;
 }
 export type EmitterSource = (typeof Emitter.sources)[keyof typeof Emitter.sources];
 export default Emitter;

package/types/rich-text/lib/core/rich.d.ts

@@ -116,6 +116,9 @@ declare class Rich {
     uploader: Uploader;
     options: ExpandedRichOptions;
     constructor(elements: typeof this.elements, options?: RichOptions);
+    private editorChange;
+    private scrollUpdate;
+    private scrollEmbedUpdate;
     addContainer(container: string | HTMLElement, refNode?: Node | null, parentElement?: HTMLElement): HTMLElement;
     blur(): void;
     deleteText(index: number | Range, length?: number | EmitterSource, source?: EmitterSource): Delta;
@@ -149,10 +152,10 @@ declare class Rich {
     insertEmbed(index: number, embed: string, value: unknown, source?: EmitterSource): Delta;
     insertText(index: number, text: string, name?: string | Record<string, unknown> | EmitterSource, value?: unknown, source?: EmitterSource): Delta;
     isEnabled(): boolean;
-    off(...args: Parameters<(typeof Emitter)['prototype']['off']>): void;
-    offAll(): void;
     on(...args: Parameters<(typeof Emitter)['prototype']['on']>): Emitter;
     once(...args: Parameters<(typeof Emitter)['prototype']['once']>): void;
+    off(...args: Parameters<(typeof Emitter)['prototype']['off']>): void;
+    offAll(): void;
     removeFormat(index: number, length: number, source?: EmitterSource): Delta;
     scrollRectIntoView(rect: Rect, options?: ScrollRectIntoViewOptions): void;
     /**

package/types/rich-text/lib/core/selection.d.ts

@@ -38,7 +38,11 @@ declare class Selection {
     lastRange: Range | null;
     lastNative: NormalizedRange | null;
     constructor(scroll: Scroll, emitter: Emitter);
+    private scrollBeforeUpdate;
+    private scrollOptimize;
     handleComposition(): void;
+    private compositionBeforeStart;
+    private compositionEnd;
     handleDragging(): void;
     focus(): void;
     format(format: string, value: unknown): void;
@@ -64,5 +68,6 @@ declare class Selection {
     setRange(range: Range | null, force: boolean, source?: EmitterSource): void;
     setRange(range: Range | null, source?: EmitterSource): void;
     update(source?: EmitterSource): void;
+    destroy(): void;
 }
 export default Selection;

package/types/rich-text/lib/core/theme.d.ts

@@ -1,4 +1,4 @@
-import type Rich from '../core.js';
+import Rich from '../core.js';
 import type { ToolbarProps } from '../modules/toolbar.js';
 export interface ThemeOptions {
     modules: Record<string, unknown> & {

package/types/rich-text/lib/delta/index.d.ts

@@ -1,3 +1,4 @@
+import diff from '../diff';
 import type { AttributeMapProps } from './AttributeMap';
 import AttributeMap from './AttributeMap';
 import type { OpProps } from './Op';