@unicom-cloud/ui 0.8.131 → 0.8.133

package/types/form/interface.d.ts

@@ -1,26 +1,26 @@
 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 type { ColProps } from '../row-col/interface';
+import type { ColProps, RowProps } from '../row-col/interface';
 import { TooltipProps } from '../tooltip/interface';
 import type { ValidateOptions as SchemaOptions, ValidateMessagesTemplateType } from '../utils/validate';
 import Store from './store';
 export type IndexedObject = {
-    [key: string]: any;
+    [key: string]: unknown;
 };
 export type KeyType = string | number | symbol;
-export type ComponentType = keyof JSX.IntrinsicElements | React.ComponentType<any>;
-export type FieldError<FieldValue = any> = {
+export type ComponentType = keyof JSX.IntrinsicElements | React.ComponentType<unknown>;
+export type FieldError<FieldValue = unknown> = {
     value?: FieldValue;
     message?: ReactNode;
     type?: string;
     requiredError?: boolean;
 };
-export type ValidateFieldsErrors<FieldValue = any, FieldKey extends KeyType = string> = Record<FieldKey, FieldValue> | undefined | null;
+export type ValidateFieldsErrors<FieldValue = unknown, FieldKey extends KeyType = string> = Record<FieldKey, FieldValue> | undefined | null;
 /**
  * @title Form
  */
-export interface FormProps<FormData = any, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> extends Omit<FormHTMLAttributes<any>, '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'> {
     style?: CSSProperties;
     className?: string | string[];
     prefixCls?: string;
@@ -45,6 +45,11 @@ export interface FormProps<FormData = any, FieldValue = FormData[keyof FormData]
      * @en size of form
      */
     size?: 'mini' | 'small' | 'default' | 'large';
+    /**
+     * @zh
+     * `<label>`<Form.Item>布局，同[<Grid.Row>](/react/component/grid)组件接收的参数相同，
+     */
+    row?: RowProps;
     /**
      * @zh
      * `<label>`标签布局，同[<Grid.Col>](/react/component/grid)组件接收的参数相同，
@@ -135,9 +140,9 @@ export interface FormProps<FormData = any, FieldValue = FormData[keyof FormData]
     validateMessages?: Partial<{
         [key in keyof ValidateMessagesTemplateType]: ValidateMessagesTemplateType[key] extends string ? ValidateMessagesTemplateType[key] | ((data: any, { label }: {
             label: any;
-        }) => any) : Partial<Record<keyof ValidateMessagesTemplateType[key], string | ((data: any, { label }: {
+        }) => unknown) : Partial<Record<keyof ValidateMessagesTemplateType[key], string | ((data: any, { label }: {
             label: any;
-        }) => any)>>;
+        }) => unknown)>>;
     }>;
     /**
      * @zh 校验信息配置
@@ -161,7 +166,7 @@ export interface FormProps<FormData = any, FieldValue = FormData[keyof FormData]
         [key: string]: FieldError;
     }) => void;
 }
-export interface RulesProps<FieldValue = any> {
+export interface RulesProps<FieldValue = unknown> {
     validateTrigger?: string | string[];
     validateLevel?: 'error' | 'warning';
     required?: boolean;
@@ -170,7 +175,7 @@ export interface RulesProps<FieldValue = any> {
     maxLength?: number;
     minLength?: number;
     includes?: boolean;
-    deepEqual?: any;
+    deepEqual?: unknown;
     empty?: boolean;
     min?: number;
     max?: number;
@@ -186,11 +191,11 @@ export interface RulesProps<FieldValue = any> {
     validator?: (value: FieldValue | undefined, callback: (error?: ReactNode) => void) => void;
     message?: ReactNode;
 }
-export type FormItemChildrenFn<FormData = any, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> = (formData: any, form: FormInstance<FormData, FieldValue, FieldKey>) => React.ReactNode;
+export type FormItemChildrenFn<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> = (formData: unknown, form: FormInstance<FormData, FieldValue, FieldKey>) => React.ReactNode;
 /**
  * @title Form.Item
  */
-export interface FormItemProps<FormData = any, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> extends Omit<HTMLAttributes<any>, 'className' | 'children'> {
+export interface FormItemProps<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> extends Omit<HTMLAttributes<unknown>, 'className' | 'children'> {
     style?: CSSProperties;
     className?: string | string[];
     prefixCls?: string;
@@ -323,12 +328,12 @@ export interface FormItemProps<FormData = any, FieldValue = FormData[keyof FormD
      * @zh 将控件的 `value` 进行一定的转换再保存到form中。
      * @en Convert the `value` to the FormItem
      */
-    normalize?: (value: FieldValue | undefined, prevValue: FieldValue | undefined, allValues: Partial<FormData>) => any;
+    normalize?: (value: FieldValue | undefined, prevValue: FieldValue | undefined, allValues: Partial<FormData>) => unknown;
     /**
      * @zh 将Form内保存的当前控件对应的值进行一定的转换，再传递给控件。
      * @en Convert the `value` of the FormItem to children;
      */
-    formatter?: (value: FieldValue | undefined) => any;
+    formatter?: (value: FieldValue | undefined) => unknown;
     /**
      * @zh 设置依赖字段。当依赖的字段值改变时，触发自身的校验。如果是想动态渲染某个表单控件/表单区域，使用 shouldUpdate
      * @en the dependency fields. When the value of the dependent field changes, trigger its own validation.If you want to dynamically render a form control/form area, use shouldUpdate
@@ -378,7 +383,7 @@ export interface FormItemLabelProps extends Pick<FormItemProps, 'tooltip' | 'lab
     prefix: string | undefined;
     htmlFor?: string | undefined;
 }
-export interface FormControlProps<FormData = any, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> {
+export interface FormControlProps<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> {
     /** 受控组件的唯一标示。 */
     field?: FieldKey;
     _key?: FieldKey;
@@ -393,7 +398,7 @@ export interface FormControlProps<FormData = any, FieldValue = FormData[keyof Fo
     /** 触发验证的时机 */
     validateTrigger?: string | string[];
     /** 转换默认的 `value` 给控件。 */
-    normalize?: (value: FieldValue | undefined, prevValue: FieldValue | undefined, allValues: Partial<FormData>) => any;
+    normalize?: (value: FieldValue | undefined, prevValue: FieldValue | undefined, allValues: Partial<FormData>) => unknown;
     formatter?: FormItemProps['formatter'];
     onValuesChange?: (value: Partial<FormData>, values: Partial<FormData>) => void;
     noStyle?: boolean;
@@ -408,7 +413,7 @@ export interface FormControlProps<FormData = any, FieldValue = FormData[keyof Fo
 /**
  * @title Form.List
  */
-export interface FormListProps<SubFieldValue = any, SubFieldKey extends KeyType = string, FieldKey extends KeyType = string> {
+export interface FormListProps<SubFieldValue = unknown, SubFieldKey extends KeyType = string, FieldKey extends KeyType = string> {
     /**
      * @zh 字段名
      * @en Field name
@@ -442,12 +447,12 @@ export interface FormListProps<SubFieldValue = any, SubFieldKey extends KeyType
         move: (fromIndex: number, toIndex: number) => void;
     }) => React.ReactNode;
 }
-export type FormContextProps<FormData = any, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> = Pick<FormProps<FormData, FieldValue, FieldKey>, 'prefixCls' | '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'> & {
     validateMessages?: FormProps['validateMessages'];
     getFormElementId?: (field: FieldKey) => string;
     store?: FormInstance<FormData, FieldValue, FieldKey>;
 };
-export type FormItemContextProps<FormData = any, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> = FormContextProps<FormData, FieldValue, FieldKey> & {
+export type FormItemContextProps<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> = FormContextProps<FormData, FieldValue, FieldKey> & {
     validateMessages?: FormProps['validateMessages'];
     schemaOptions?: SchemaOptions;
     updateFormItem?: (field: string, params: {
@@ -455,15 +460,15 @@ export type FormItemContextProps<FormData = any, FieldValue = FormData[keyof For
         warnings?: ReactNode[];
     }) => void;
 };
-export type FormInstance<FormData = any, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> = Pick<Store<FormData, FieldValue, FieldKey>, 'getFieldsValue' | 'getFieldValue' | 'getFieldError' | 'getFieldsError' | 'getTouchedFields' | 'getFields' | 'getInitialValues' | 'setInitialValues' | 'setInitialValue' | 'setFieldValue' | 'setFieldsValue' | 'setFields' | 'resetFields' | 'clearFields' | 'submit' | 'validate' | 'getFieldsState'> & {
+export type FormInstance<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> = Pick<Store<FormData, FieldValue, FieldKey>, 'getFieldsValue' | 'getFieldValue' | 'getFieldError' | 'getFieldsError' | 'getTouchedFields' | 'getFields' | 'getInitialValues' | 'setInitialValues' | 'setInitialValue' | 'setFieldValue' | 'setFieldsValue' | 'setFields' | 'resetFields' | 'clearFields' | 'submit' | 'validate' | 'getFieldsState'> & {
     scrollToField: (field: FieldKey, options?: ScrollIntoViewOptions) => void;
     getInnerMethods: (inner?: boolean) => InnerMethodsReturnType<FormData, FieldValue, FieldKey>;
 };
-export type InnerMethodsReturnType<FormData = any, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> = Pick<Store<FormData, FieldValue, FieldKey>, 'registerField' | 'registerStateWatcher' | 'registerFormWatcher' | 'registerWatcher' | 'innerSetInitialValues' | 'innerSetInitialValue' | 'innerSetCallbacks' | 'innerSetFieldValue' | 'innerGetStore' | 'innerGetStoreStatus' | 'innerCollectFormState' | 'innerGetFieldValue'>;
+export type InnerMethodsReturnType<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> = Pick<Store<FormData, FieldValue, FieldKey>, 'registerField' | 'registerStateWatcher' | 'registerFormWatcher' | 'registerWatcher' | 'innerSetInitialValues' | 'innerSetInitialValue' | 'innerSetCallbacks' | 'innerSetFieldValue' | 'innerGetStore' | 'innerGetStoreStatus' | 'innerCollectFormState' | 'innerGetFieldValue'>;
 export interface ValidateOptions {
     validateOnly?: boolean;
 }
-export interface FormValidateFn<FormData = any, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> {
+export interface FormValidateFn<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> {
     /**
      * 验证所有表单的值，并且返回报错和表单数据
      */
@@ -527,7 +532,7 @@ export interface FormProviderProps {
         };
     }) => void;
 }
-export type FieldState<FieldValue = any> = {
+export type FieldState<FieldValue = unknown> = {
     errors: FieldError<FieldValue>[];
     warnings: ReactNode[];
     validateStatus: FormItemProps['validateStatus'] | undefined;

package/types/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export { clearCache, configResponsive, createUpdateEffect, useAsyncEffect, useBoolean, useClickAway, useComputedState, useControllableValue, useCookieState, useCountDown, useCounter, useCreate, useCreation, useDebounce, useDebounceEffect, useDebounceFn, useDeepCompareEffect, useDeepCompareLayoutEffect, useDocumentVisibility, useDrag, useDrop, useEvent, useEventListener, useEventTarget, useExternal, useFavicon, useFocusWithin, useForceUpdate, useFullscreen, useGetState, useHistoryTravel, useHover, useId, useInfiniteScroll, useIntersectionObserver, useIntersectionObservers, useInterval, useInView, useInViewport, useIsFirstRender, useIsomorphicLayoutEffect, useKeyboardEvent, useKeyPress, useLatest, useListenWindowResize, useLocalStorageState, useLockFn, useLongPress, useMedia, useMemo, useMemoizedFn, useMergeProps, useMergeValue, useMount, useMouse, useMove, useMutationObserver, useMutationObservers, useNetwork, useOnlineStatus, useOverflowHidden, useOverrideRef, usePagination, usePasteImage, usePersistCallback, usePrefersColorSchemeDark, usePrevious, useRafInterval, useRafState, useRafTimeout, useReactive, useRefLatest, useRefs, useRequest, useResetState, useResizeObserver, useResizeObservers, useResponsive, useSafeState, useScroll, useSelections, useSessionStorageState, useSetState, useSize, useStateCallback, useStateWithPromise, useSyncState, useTextSelection, useTheme, useThrottle, useThrottleEffect, useThrottleFn, useTimeout, useTitle, useToggle, useTrackedEffect, useUnmount, useUnmountedRef, useUpdate, useUpdateEffect, useUpdateLayoutEffect, useUrlState, useVirtualList, useWatch, useWebSocket, useWhyDidYouUpdate, useWindowSize, } from '@unicom-cloud/ui-common/hooks';
+export { clearCache, configResponsive, createUpdateEffect, useAsyncEffect, useBoolean, useClickAway, useComputedState, useControllableValue, useCookieState, useCountDown, useCounter, useCreate, useCreation, useDebounce, useDebounceEffect, useDebounceFn, useDeepCompareEffect, useDeepCompareLayoutEffect, useDocumentVisibility, useDrag, useDrop, useEvent, useEventListener, useEventTarget, useExternal, useFavicon, useFocusWithin, useForceUpdate, useFullscreen, useGetState, useHistoryTravel, useHover, useId, useInfiniteScroll, useIntersectionObserver, useIntersectionObservers, useInterval, useInView, useInViewport, useIsFirstRender, useIsomorphicLayoutEffect, useKeyboardEvent, useKeyPress, useLatest, useListenWindowResize, useLocalStorageState, useLockFn, useLongPress, useMedia, useMemo, useMemoizedFn, useMergeProps, useMergeValue, useMount, useMouse, useMove, useMutationObserver, useMutationObservers, useNetwork, useOnlineStatus, useOverflowHidden, useOverrideRef, usePagination, usePasteImage, usePersistCallback, usePrefersColorSchemeDark, usePrevious, useRafInterval, useRafState, useRafTimeout, useReactive, useRefLatest, useRefs, useRefs2, useRequest, useResetState, useResizeObserver, useResizeObservers, useResponsive, useSafeState, useScroll, useSelections, useSessionStorageState, useSetState, useSize, useStateCallback, useStateWithPromise, useSyncState, useTextSelection, useTheme, useThrottle, useThrottleEffect, useThrottleFn, useTimeout, useTitle, useToggle, useTrackedEffect, useUnmount, useUnmountedRef, useUpdate, useUpdateEffect, useUpdateLayoutEffect, useUrlState, useVirtualList, useWatch, useWebSocket, useWhyDidYouUpdate, useWindowSize, } from '@unicom-cloud/ui-common/hooks';
 export { default as useBreakpoint } from './use-breakpoint';
 export { default as useResponsiveState } from './use-responsive-state';
 export { default as useVerificationCode } from './use-verification-code';

package/types/hooks/use-refs/index.d.ts

@@ -1 +1 @@
-export { default } from '@unicom-cloud/ui-common/hooks/use-refs';
+export { default, useRefs, useRefs2 } from '@unicom-cloud/ui-common/hooks/use-refs';

package/types/image/ImagePreview.d.ts

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

package/types/image/ImagePreviewGroup.d.ts

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

package/types/index.d.ts

@@ -128,8 +128,6 @@ 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';
@@ -166,6 +164,8 @@ export { default as TimePicker, TimePickerRange } from './time-picker';
 export type { TimePickerProps, TimePickerRangeProps, } from './time-picker/interface';
 export { default as Timeline, TimelineItem } from './timeline';
 export type { TimelineItemProps, TimelineProps } from './timeline/interface';
+export { default as Timer } from './timer';
+export type { TimerProps } from './timer/interface';
 export { default as Tooltip } from './tooltip';
 export type { TooltipProps } from './tooltip/interface';
 export { default as Tour } from './tour';

package/types/input/Textarea.d.ts

@@ -1,10 +1,7 @@
 import React from 'react';
+import { focusAndBlur } from '../interface';
 import { RefInputType, type TextAreaProps } from './interface';
-export type RefTextAreaType = {
-    /** 使输入框失去焦点 */
-    blur: () => void;
-    /** 使输入框获取焦点 */
-    focus: () => void;
+export type RefTextAreaType = focusAndBlur & {
     /** textarea getRootElement() 元素 */
     getRootElement: () => HTMLTextAreaElement;
 } & RefInputType;

package/types/input/interface.d.ts

@@ -1,5 +1,6 @@
 import { CSSProperties, InputHTMLAttributes, ReactNode, TextareaHTMLAttributes } from 'react';
 import { ButtonProps } from '../button';
+import { focusAndBlur } from '../interface';
 /**
  * @title Input
  * @zh **Input 接受所有原生的属性值**
@@ -322,11 +323,7 @@ export interface InputComponentProps extends InputProps {
         delay: number | ((width: number, prevWidth: number) => number);
     };
 }
-export type RefInputType = {
-    /** 使输入框失去焦点 */
-    blur: () => void;
-    /** 使输入框获取焦点 */
-    focus: () => void;
+export type RefInputType = focusAndBlur & {
     getInputElement: () => HTMLInputElement;
     getRootElement: () => HTMLElement | HTMLInputElement;
 };

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

@@ -1,9 +1,7 @@
 import React from 'react';
+import { focusAndBlur, imperativeHandle } from '../interface';
 import { InputTagProps } from './interface';
-type InputTagHandle = {
-    focus: () => void;
-    blur: () => void;
-};
+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

@@ -53,12 +53,6 @@ export interface InputTagProps<T = unknown> {
      * @en Whether to allow clear input value
      */
     allowClear?: boolean;
-    /**
-     * @zh 是否为内部标签变化添加动画。
-     * @en Whether to add animation for internal label changes
-     * @defaultValue true
-     */
-    animation?: boolean;
     /**
      * @zh 是否在失焦时自动存储正在输入的文本
      * @en Whether to automatically store the text entering when blur InputTag

package/types/interface.d.ts

@@ -0,0 +1,20 @@
+export type focusAndBlur = {
+    /**
+     * @zh 使元素聚焦
+     * @en Focus Select
+     */
+    focus: (index?: number) => void;
+    /**
+     * @zh 使元素失焦
+     * @en Blur Select
+     */
+    blur: () => void;
+};
+export type getRootElement = {
+    /**
+     * @zh DOM 节点
+     * @en DOM
+     */
+    getRootElement(): HTMLElement;
+};
+export type imperativeHandle = {} & getRootElement;

package/types/layout/Sider.d.ts

@@ -6,6 +6,7 @@ export declare const SiderContext: React.Context<{
 }>;
 declare const ForwardRefSider: React.ForwardRefExoticComponent<SiderProps & React.RefAttributes<unknown>>;
 declare const SiderComponent: typeof ForwardRefSider & {
-    __PQB_SIGN__: "sider";
+    ___PQB_SIDER___: boolean;
+    ___PQB_SIGN___: "sider";
 };
 export default SiderComponent;

package/types/masonry/Masonry.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { MasonryProps, MasonryRef } from './interface';
-declare const _default: (<ItemDataType = any>(props: React.PropsWithChildren<MasonryProps<ItemDataType>> & React.RefAttributes<MasonryRef>) => React.ReactElement) & Pick<React.FC, "displayName">;
+declare const _default: (<ItemDataType = unknown>(props: React.PropsWithChildren<MasonryProps<ItemDataType>> & React.RefAttributes<MasonryRef>) => React.ReactElement) & Pick<React.FC, "displayName">;
 export default _default;

package/types/masonry/MasonryItem.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
 import type { MasonryItemProps } from './interface';
-declare const MasonryItem: React.ForwardRefExoticComponent<MasonryItemProps<any> & React.RefAttributes<HTMLDivElement>>;
+declare const MasonryItem: React.ForwardRefExoticComponent<MasonryItemProps<any> & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<import("../interface").getRootElement>>;
 export default MasonryItem;

package/types/masonry/hooks/useRefs.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare function useRefs(): readonly [(key: React.Key, element: HTMLDivElement | null) => void, (key: React.Key) => HTMLDivElement | null | undefined];
-export default useRefs;
+import { useRefs2 } from '../../hooks/use-refs';
+export default useRefs2;

package/types/masonry/interface.d.ts

@@ -1,4 +1,5 @@
 import React, { CSSProperties } from 'react';
+import { imperativeHandle } from '../interface';
 import { RowProps } from '../row-col/interface';
 import { type Breakpoint } from '../utils/responsiveObserve';
 export type Gap = number | undefined;
@@ -21,11 +22,9 @@ export interface MasonryProps<ItemDataType = any> {
         key: React.Key;
         column: number;
     }[]) => void;
-    fresh?: boolean;
 }
-export interface MasonryRef {
+export interface MasonryRef extends imperativeHandle {
     nativeElement: HTMLDivElement;
-    getRootElement: () => HTMLDivElement;
 }
 export interface MasonryItemType<T = any> {
     key: React.Key;
@@ -41,5 +40,4 @@ export interface MasonryItemProps<T = any> extends Pick<MasonryProps, 'itemRende
     className?: string;
     index: number;
     column: number;
-    onResize: VoidFunction | null;
 }

package/types/menu/Menu.d.ts

@@ -7,7 +7,7 @@ declare const MenuComponent: typeof ForwardRefMenu & {
     Item: typeof Item;
     ItemGroup: typeof ItemGroup;
     SubMenu: typeof SubMenu;
-    __PQB_MENU__: boolean;
+    ___PQB_MENU___: boolean;
 };
 export { Item as MenuItem, ItemGroup as MenuItemGroup, SubMenu as MenuSubMenu, SubMenu, };
 export default MenuComponent;

package/types/picker/Input.d.ts

@@ -1,5 +1,6 @@
 import { Dayjs } from 'dayjs';
 import React, { CSSProperties, ReactNode } from 'react';
+import { focusAndBlur, imperativeHandle } from '../interface';
 export interface DateInputProps {
     style?: CSSProperties;
     className?: string | string[];
@@ -23,9 +24,8 @@ export interface DateInputProps {
     prefix?: ReactNode;
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
 }
-export type DateInputHandle = {
-    focus: (index?: number) => void;
-    blur: () => void;
+export type DateInputHandle = focusAndBlur & imperativeHandle & {
+    getInputElement(): HTMLInputElement;
 };
 declare const _default: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<DateInputHandle>>;
 export default _default;

package/types/picker/InputRange.d.ts

@@ -1,5 +1,6 @@
 import { Dayjs } from 'dayjs';
 import React, { CSSProperties, ReactNode } from 'react';
+import { focusAndBlur, imperativeHandle } from '../interface';
 export interface DateInputRangeProps {
     style?: CSSProperties;
     className?: string | string[];
@@ -27,9 +28,8 @@ export interface DateInputRangeProps {
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>[];
     onBlur?: (e: any) => void;
 }
-type DateInputHandle = {
-    focus: () => void;
-    blur: () => void;
+export type DateInputRangeHandle = focusAndBlur & imperativeHandle & {
+    getInputElements(): HTMLInputElement[];
 };
-declare const _default: React.ForwardRefExoticComponent<DateInputRangeProps & React.RefAttributes<DateInputHandle>>;
+declare const _default: React.ForwardRefExoticComponent<DateInputRangeProps & React.RefAttributes<DateInputRangeHandle>>;
 export default _default;

package/types/radio/Radio.d.ts

@@ -4,7 +4,7 @@ import RadioGroupBlock from './GroupBlock';
 import { RadioProps } from './interface';
 declare const ForwardRefRadio: React.ForwardRefExoticComponent<RadioProps<any> & React.RefAttributes<unknown>>;
 declare const Radio: typeof ForwardRefRadio & {
-    __PQB_RADIO: boolean;
+    ___PQB_RADIO___: boolean;
     Group: typeof RadioGroup;
     GroupBlock: typeof RadioGroupBlock;
     GroupContext: typeof RadioGroupContext;

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

@@ -0,0 +1,2 @@
+declare const Toolbar: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<{}>>;
+export default Toolbar;

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

@@ -1,8 +1,8 @@
 import Rich from './lib';
-export * from './lib';
+export { AttributeMap, Delta, Emitter, Module, Op, OpIterator, Parchment, Range, } from './lib';
 export type { Bounds, DebugLevel, EmitterSource, ExpandedRichOptions, RichOptions, } from './lib';
-export { Rich };
+export { Rich, RichText };
 declare const RichText: typeof RichText & {
-    __PQB_RICH_TEXT: boolean;
+    ___PQB_RICH_TEXT___: boolean;
 };
 export default RichText;

package/types/rich-text/lib/blots/scroll.d.ts

@@ -36,8 +36,9 @@ declare class Scroll extends ScrollBlot {
     remove(): void;
     update(mutations?: MutationRecord[] | EmitterSource): void;
     updateEmbedAt(index: number, key: string, change: unknown): void;
-    protected handleDragStart(event: DragEvent): void;
+    protected handleDragStart: (event: DragEvent) => void;
     private deltaToRenderBlocks;
     private createBlock;
+    destroy(): void;
 }
 export default Scroll;

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

@@ -6,6 +6,10 @@ declare class Composition {
     isComposing: boolean;
     constructor(scroll: Scroll, emitter: Emitter);
     private setupListeners;
+    private compositionstart;
+    private compositionend;
+    private removeEventListeners;
+    destroy(): void;
     private handleCompositionStart;
     private handleCompositionEnd;
 }

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

@@ -22,15 +22,17 @@ declare class Emitter extends EmitterBase {
     };
     protected domListeners: Record<string, {
         node: Node;
-        handler: Function;
+        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;
 }
 export type EmitterSource = (typeof Emitter.sources)[keyof typeof Emitter.sources];
 export default Emitter;

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

@@ -4,5 +4,6 @@ declare abstract class Module<T extends {} = {}> {
     protected options: Partial<T>;
     static DEFAULTS: {};
     constructor(rich: Rich, options?: Partial<T>);
+    destroy(): void;
 }
 export default Module;

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

@@ -13,7 +13,6 @@ import Editor from './editor.js';
 import type { EmitterSource } from './emitter.js';
 import Emitter from './emitter.js';
 import type { DebugLevel } from './logger.js';
-import Module from './module.js';
 import type { Bounds } from './selection.js';
 import Selection, { Range } from './selection.js';
 import type { ThemeConstructor } from './theme.js';
@@ -96,11 +95,14 @@ declare class Rich {
     static debug(limit: DebugLevel | boolean): void;
     static find(node: Node, bubble?: boolean): Parchment.Blot | Rich | null;
     static import(name: string): unknown;
-    static register(targets: Record<string, Parchment.RegistryDefinition | Record<string, unknown> | Theme | Module | Function>, overwrite?: boolean): void;
-    static register(target: Parchment.RegistryDefinition, overwrite?: boolean): void;
-    static register(path: string, target: any, overwrite?: boolean): void;
+    static register(...args: any[]): void;
+    elements: {
+        root: HTMLElement;
+        toolbar: HTMLElement;
+        container: HTMLElement;
+    };
     container: HTMLElement;
-    root: HTMLDivElement;
+    root: HTMLElement;
     scroll: Scroll;
     emitter: Emitter;
     protected allowReadOnlyEdits: boolean;
@@ -113,8 +115,8 @@ declare class Rich {
     history: History;
     uploader: Uploader;
     options: ExpandedRichOptions;
-    constructor(container: HTMLElement | string, options?: RichOptions);
-    addContainer(container: string | HTMLElement, refNode?: Node | null, parentElement?: HTMLElement): HTMLDivElement | HTMLElement;
+    constructor(elements: typeof this.elements, options?: RichOptions);
+    addContainer(container: string | HTMLElement, refNode?: Node | null, parentElement?: HTMLElement): HTMLElement;
     blur(): void;
     deleteText(index: number | Range, length?: number | EmitterSource, source?: EmitterSource): Delta;
     disable(): void;
@@ -148,6 +150,7 @@ declare class Rich {
     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;
     removeFormat(index: number, length: number, source?: EmitterSource): Delta;
@@ -166,6 +169,7 @@ declare class Rich {
     setText(text: string, source?: EmitterSource): Delta;
     update(source?: EmitterSource): void;
     updateContents(delta: Delta | OpProps[], source?: EmitterSource): Delta;
+    destroy(): void;
 }
 declare function expandConfig(containerOrSelector: HTMLElement | string, options: RichOptions): ExpandedRichOptions;
 type NormalizedIndexLength = [

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

@@ -1,10 +1,5 @@
 import type Rich from '../core.js';
-import type Clipboard from '../modules/clipboard.js';
-import type History from '../modules/history.js';
-import type Keyboard from '../modules/keyboard.js';
 import type { ToolbarProps } from '../modules/toolbar.js';
-import type Uploader from '../modules/uploader.js';
-import Tooltip from '../ui/tooltip.js';
 export interface ThemeOptions {
     modules: Record<string, unknown> & {
         toolbar?: null | ToolbarProps;
@@ -14,7 +9,6 @@ export interface ThemeOptions {
 declare class Theme {
     protected rich: Rich;
     protected options: ThemeOptions;
-    tooltip?: Tooltip;
     static DEFAULTS: ThemeOptions;
     static themes: {
         default: typeof Theme;
@@ -22,11 +16,8 @@ declare class Theme {
     modules: ThemeOptions['modules'];
     constructor(rich: Rich, options: ThemeOptions);
     init(): void;
-    addModule(name: 'clipboard'): Clipboard;
-    addModule(name: 'keyboard'): Keyboard;
-    addModule(name: 'uploader'): Uploader;
-    addModule(name: 'history'): History;
     addModule(name: string): unknown;
+    destroy(): void;
 }
 export interface ThemeConstructor {
     new (rich: Rich, options: unknown): Theme;

package/types/rich-text/lib/formats/image-resize/modules/BaseModule.d.ts

@@ -7,4 +7,5 @@ export class BaseModule {
     onCreate: () => void;
     onDestroy: () => void;
     onUpdate: () => void;
+    destroy(): void;
 }

package/types/rich-text/lib/formats/list.d.ts

@@ -10,5 +10,6 @@ declare class ListItem extends Block {
     static register(): void;
     constructor(scroll: Scroll, domNode: HTMLElement);
     format(name: string, value: string): void;
+    destroy(): void;
 }
 export { ListItem as default, ListContainer };

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

@@ -1,5 +1,7 @@
 import type { Bounds, DebugLevel, EmitterSource, ExpandedRichOptions, RichOptions } from './core.js';
 import Rich from './core.js';
+import Emitter from './core/emitter.js';
 export { AttributeMap, Delta, Module, Op, OpIterator, Parchment, Range, } from './core.js';
-export type { Bounds, DebugLevel, EmitterSource, ExpandedRichOptions, RichOptions, };
+export { Emitter };
 export default Rich;
+export type { Bounds, DebugLevel, EmitterSource, ExpandedRichOptions, RichOptions, };

package/types/rich-text/lib/modules/clipboard.d.ts

@@ -13,6 +13,10 @@ declare class Clipboard extends Module<ClipboardOptions> {
     static DEFAULTS: ClipboardOptions;
     matchers: [Selector, Matcher][];
     constructor(rich: Rich, options: Partial<ClipboardOptions>);
+    private copy;
+    private cut;
+    private paste;
+    destroy(): void;
     addMatcher(selector: Selector, matcher: Matcher): void;
     convert({ html, text }: {
         html?: string;