@unicom-cloud/ui 0.8.107 → 0.8.109

package/types/common/hooks/useOverrideRef.d.ts

@@ -1,6 +1,3 @@
 import React, { ReactNode } from 'react';
-declare function useOverrideRef<T>(): [
-    (originNode: any) => ReactNode,
-    React.MutableRefObject<T>
-];
+declare function useOverrideRef<T>(): [(originNode: any) => ReactNode, React.RefObject<T>];
 export default useOverrideRef;

package/types/common/hooks/usePrevious.d.ts

@@ -1,3 +1 @@
-import { ComponentState, PropsWithoutRef } from 'react';
-declare function usePrevious<T>(value: PropsWithoutRef<T> | ComponentState): undefined;
-export default usePrevious;
+export { default } from './src/use-previous';

package/types/common/hooks/useResizeObserver.d.ts

@@ -1,5 +1,5 @@
 declare function useResizeObserver(onResize: (entry: ResizeObserverEntry[]) => void): {
-    currentOr: ResizeObserver | undefined;
+    currentOr: ResizeObserver | null;
     cor: (elem: Element) => void;
     dor: () => void;
 };

package/types/common/hooks/useUpdateEffect.d.ts

@@ -1,19 +1,2 @@
-import { DependencyList } from 'react';
-/**
- * useEffect特殊封装，仅在非首次依赖更新时触发回调
- * @desc {en} Special encapsulation of useEffect, which only triggers the callback when the dependency is not updated for the first time
- * @param effect useEffect回调
- * @param effect {en} useEffect callback
- * @param dependencies useEffect依赖
- * @param dependencies {en} useEffect dependencies
- * @example
- * ```
- * import { useUpdateEffect } from './hooks';
- *
- * useUpdateEffect(() => {
- *     handleIndexChange(index);
- * }, [index]);
- * ```
- */
-declare function useUpdateEffect(fn: () => void, deps?: DependencyList): void;
+import useUpdateEffect from './src/use-update-effect';
 export default useUpdateEffect;

package/types/common/space/index.d.ts

@@ -1,9 +1,7 @@
-import { SpaceGap, SpaceProps } from './interface';
-declare const SpaceVertical: import("react").ForwardRefExoticComponent<SpaceProps & import("react").RefAttributes<HTMLDivElement>>;
+import { SpaceProps, type SpaceVerticalProps } from './interface';
+declare const SpaceVertical: import("react").ForwardRefExoticComponent<SpaceVerticalProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const Space: import("react").ForwardRefExoticComponent<SpaceProps & import("react").RefAttributes<HTMLDivElement>> & {
-    displayName: string;
-    Vertical: import("react").ForwardRefExoticComponent<SpaceProps & import("react").RefAttributes<HTMLDivElement>>;
+    Vertical: import("react").ForwardRefExoticComponent<SpaceVerticalProps & import("react").RefAttributes<HTMLDivElement>>;
 };
 export { SpaceVertical };
 export default Space;
-export type { SpaceGap, SpaceProps };

package/types/common/space/interface.d.ts

@@ -49,3 +49,5 @@ export interface SpaceProps {
      */
     rtl?: boolean;
 }
+export interface SpaceVerticalProps extends Omit<SpaceProps, 'direction'> {
+}

package/types/common/utils/dayjs.d.ts

@@ -13,7 +13,9 @@ export declare function getNow(utcOffset?: number, timezone?: string): originDay
 export declare function toTimezone(time: Dayjs, utcOffset?: number, timezone?: string, local?: boolean): Dayjs;
 export declare function toLocal(time: Dayjs, utcOffset?: number, timezone?: string): Dayjs;
 export declare function getTimeFormat(format: string): string;
-export declare function getDayjsValue(time: string | Dayjs, format: string | string[], utcOffset?: number, timezone?: string): originDayjs.Dayjs | (originDayjs.Dayjs | undefined)[] | undefined;
+export declare function formatValue(time: string | Dayjs, format?: string | undefined): originDayjs.Dayjs;
+export declare function getRealTime(time: string | Dayjs, format: string, utcOffset: number | undefined, timezone: string | undefined): originDayjs.Dayjs;
+export declare function getDayjsValue(time: number | string | Date | Dayjs | undefined, format: string | string[], utcOffset?: number, timezone?: string): originDayjs.Dayjs | (originDayjs.Dayjs | undefined)[] | undefined;
 export declare function getValueWithTime(date: Dayjs, time?: Dayjs): Dayjs;
 export declare function getSortedDayjsArray(values?: Dayjs[]): originDayjs.Dayjs[] | undefined;
 export declare function isDayjsChange(prevValue: Dayjs | undefined, currentValue: Dayjs | undefined): boolean | originDayjs.Dayjs;

package/types/common/utils/is.d.ts

@@ -11,7 +11,6 @@ declare const isDOMElement: (element: any) => boolean;
 declare const isReact18: boolean;
 declare const isReact19: boolean;
 declare const isForwardRefReact: (object: any) => boolean;
-declare const supportRef: (element: any) => boolean;
-declare const isSupportRef: (element: any) => boolean;
+declare function supportRef(element: any): boolean;
 declare function is32Bit(c: string): boolean | 0 | undefined;
-export { is32Bit, isArguments, isArray, isArrayBuffer, isArrayLike, isArrayLikeObject, isBlob, isBoolean, isBuffer, isClassComponent, isColor, isColor2, isDate, isDayjs, isDOMElement, isElement, isEmpty, isEmptyArray, isEmptyObject, isEmptyReactNode, isEmptyValue, isEqual, isEqualWith, isError, isExist, isFile, isFinite, isForwardRefReact, isFunction, isInteger, isJSON, isLength, isMap, isMatch, isMatchWith, isNaN, isNative, isNil, isNull, isNullOrUndefined, isNumber, isObject, isObjectLike, isPlainObject, isPromise, isReact18, isReact19, isReactComponent, isReactContextConsumer, isReactContextProvider, isReactElement, isReactForwardRef, isReactFragment, isReactLazy, isReactMemo, isReactPortal, isReactProfiler, isReactStrictMode, isReactSuspense, isReactValidElementType, isReadableByteStreamControllerSupported, isReadableStream, isReadableStreamDefaultControllerSupported, isReadableStreamSupported, isReadableStreamSymbolAsyncIteratorSupported, isRegExp, isSafeInteger, isSet, isString, isSupportRef, isSymbol, isTypedArray, isUndefined, isValidColor, isWeakMap, isWeakSet, isWindow, supportRef, };
+export { is32Bit, isArguments, isArray, isArrayBuffer, isArrayLike, isArrayLikeObject, isBlob, isBoolean, isBuffer, isClassComponent, isColor, isColor2, isDate, isDayjs, isDOMElement, isElement, isEmpty, isEmptyArray, isEmptyObject, isEmptyReactNode, isEmptyValue, isEqual, isEqualWith, isError, isExist, isFile, isFinite, isForwardRefReact, isFunction, isInteger, isJSON, isLength, isMap, isMatch, isMatchWith, isNaN, isNative, isNil, isNull, isNullOrUndefined, isNumber, isObject, isObjectLike, isPlainObject, isPromise, isReact18, isReact19, isReactComponent, isReactContextConsumer, isReactContextProvider, isReactElement, isReactForwardRef, isReactFragment, isReactLazy, isReactMemo, isReactPortal, isReactProfiler, isReactStrictMode, isReactSuspense, isReactValidElementType, isReadableByteStreamControllerSupported, isReadableStream, isReadableStreamDefaultControllerSupported, isReadableStreamSupported, isReadableStreamSymbolAsyncIteratorSupported, isRegExp, isSafeInteger, isSet, isString, isSymbol, isTypedArray, isUndefined, isValidColor, isWeakMap, isWeakSet, isWindow, supportRef, };

package/types/common/utils/reactDOM.d.ts

@@ -1,14 +1,25 @@
-import { ReactElement, ReactInstance } from 'react';
+import { ReactElement, ReactInstance, RefObject } from 'react';
+type CreateRootFnType = (container: Element | DocumentFragment) => {
+    render: (element: ReactElement) => void;
+    unmount: () => void;
+};
+type RenderResult = {
+    render: (element: ReactElement) => void;
+    _unmount: () => void;
+};
 /**
  *
  * @param element
- * @param instance: 兜底 findDOMNode 查找，一般都是 this
+ * @param instance 兜底 findDOMNode 查找，一般都是 this
  * @returns
  */
-export declare const findDOMNode_: (element: unknown, instance?: ReactInstance) => any;
-export declare const callbackOriginRef: (children: any, node: any) => void;
-export declare const setCreateRoot: (_createRoot: any) => void;
-export declare const render: (node: any, el: any) => {
-    render: (container: ReactElement) => void;
-    _unmount: () => void;
-};
+export declare function findDOMNode_(element: unknown, instance?: ReactInstance): Element | null;
+export declare function callbackOriginRef(children: {
+    ref?: RefObject<Element> | ((instance: Element | null) => void);
+    props?: {
+        ref?: RefObject<Element> | ((instance: Element | null) => void);
+    };
+} | null, node: Element | null): void;
+export declare function setCreateRoot(v: CreateRootFnType): void;
+export declare function render(node: ReactElement, el: Element | DocumentFragment): RenderResult;
+export {};

package/types/common/utils/resizeObserver.d.ts

@@ -1,2 +1,3 @@
+declare function resizeObserver(elements: any, callback: any): () => void;
+export { resizeObserver };
 export default resizeObserver;
-export function resizeObserver(elements: any, callback: any): () => void;

package/types/pc/back-top/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { BackTopProps } from './interface';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<BackTopProps & {
+declare const _default: React.NamedExoticComponent<BackTopProps & {
     children?: React.ReactNode | undefined;
-} & React.RefAttributes<unknown>>>;
+} & React.RefAttributes<unknown>>;
 export default _default;
 export type { BackTopProps };

package/types/pc/button/interface.d.ts

@@ -21,9 +21,9 @@ export interface BaseButtonProps {
     /**
      * @zh 按钮的尺寸
      * @en Size of the button
-     * @defaultValue default
+     * @defaultValue medium
      */
-    size?: 'mini' | 'small' | 'default' | 'large';
+    size?: 'mini' | 'small' | 'medium' | 'large' | 'default';
     /**
      * @zh 按钮形状，`circle` - 圆形， `round` - 全圆角， `square` - 长方形
      * @en Three button shapes are available: `circle`, `round` and `square`

package/types/pc/carousel/interface.d.ts

@@ -27,7 +27,7 @@ export interface CarouselProps {
     currentIndex?: number;
     /**
      * @zh
-     * 是否自动循环展示，或者传入 `{ interval: 自动切换的时间间隔(默认: 3000), hoverToPause: 鼠标悬浮时是否暂停自动切换(默认: true) }` 进行高级配置
+     * 是否自动循环展示，或者传入 `{ interval：自动切换的时间间隔(默认：3000), hoverToPause：鼠标悬浮时是否暂停自动切换(默认：true) }` 进行高级配置
      * @en
      * Whether to scroll automatically, or pass in `{ interval: the time interval for switching (default: 3000),
      * hoverToPause: whether to pause switching while hover (default: true) }` for configuration

package/types/pc/cascader/base/node.d.ts

@@ -22,7 +22,7 @@ export interface NodeProps<T> extends OptionProps {
     loaded?: boolean;
     pathLabel: string[];
 }
-declare class Node<T extends NodeProps<T>> {
+declare class Node<T> {
     value: string;
     label: string;
     disabled?: boolean;

package/types/pc/cascader/base/store.d.ts

@@ -16,7 +16,7 @@ declare class Store<T> {
     private _calcNodes;
     private _updateFlatNodes;
     /**
-     * values: 全部的选中值
+     * values：全部的选中值
      * 根据values更新节点状态。不包含在values的节点都设置为未选中状态
      * @memberof Store
      */
@@ -27,7 +27,7 @@ declare class Store<T> {
     appendOptionChildren: (node: Node<T>, children: T[]) => void;
     /**
      * 通过 value 查找对应的node节点。
-     * value: 是路径节点的value组成的数组
+     * value：是路径节点的value组成的数组
      */
     findNodeByValue: (value: string[]) => Node<T> | null;
     /**
@@ -36,7 +36,7 @@ declare class Store<T> {
     searchNodeByLabel: (inputStr?: string) => Node<T>[];
     /** 获取所有节点 */
     getOptions: () => Node<T>[];
-    /** 获取所有选中状态的节点。 aggregation: 是否聚合节点 */
+    /** 获取所有选中状态的节点。 aggregation：是否聚合节点 */
     getCheckedNodes: () => Node<T>[];
     getCheckedParentNodes: () => Node<T>[];
 }

package/types/pc/cascader/index.d.ts

@@ -1,4 +1,5 @@
 import Cascader from './Cascader';
+import type { NodeProps } from './base/node';
 export default Cascader;
-export type { NodeProps } from './base/node';
+export type { NodeProps };
 export * from './interface';

package/types/pc/cascader/interface.d.ts

@@ -102,7 +102,7 @@ export interface CascaderProps<T = any> extends Omit<SelectViewCommonProps, 'sho
     defaultPopupVisible?: boolean;
     /**
      * @zh
-     * 定制回填方式 <br/> parent: 子节点都被选中时候返回父节点 <br/> child: 返回子节点
+     * 定制回填方式 <br/> parent：子节点都被选中时候返回父节点 <br/> child：返回子节点
      * @en
      * Customize the return value  <br/> parent:
      * Only return the parent node when all child nodes are selected <br/> child: Return child nodes
@@ -151,7 +151,7 @@ export interface CascaderProps<T = any> extends Omit<SelectViewCommonProps, 'sho
      */
     renderOption?: (option: NodeProps<T>, level: number) => ReactNode;
     /**
-     * @zh 定义每一层级的 `footer`。参数：level: 当前层级, activeOption: 当前点击的节点。返回 `null` 不展示
+     * @zh 定义每一层级的 `footer`。参数：level：当前层级, activeOption：当前点击的节点。返回 `null` 不展示
      * @en Custom rendering the `footer` of each level menu.
      */
     renderFooter?: (level: number, activeOption: NodeProps<T> | null) => ReactNode;
@@ -183,7 +183,7 @@ export interface CascaderProps<T = any> extends Omit<SelectViewCommonProps, 'sho
      */
     getPopupContainer?: (node: HTMLElement) => Element;
     /**
-     * @zh 动态加载数据。pathValue: 当前选中项的路径 value； level: 选中项层级。
+     * @zh 动态加载数据。pathValue：当前选中项的路径 value； level：选中项层级。
      * @en To load option lazily
      */
     loadMore?: (pathValue: string[], level: number) => Promise<T[]>;

package/types/pc/cascader/util.d.ts

@@ -7,6 +7,7 @@ export declare const PANEL_MODE: {
     cascader: string;
     select: string;
 };
+export declare function isEmptyValue(value: any): boolean;
 export declare function getConfig(props: CascaderProps): {
     showEmptyChildren: boolean | undefined;
     changeOnSelect: boolean | undefined;

package/types/pc/color-picker/hooks/useColorPicker.d.ts

@@ -14,9 +14,9 @@ export declare const useColorPicker: (props: UseColorPickerProps) => {
     value: string | GradientColor[] | undefined;
     activeMode: ColorPickerMode;
     gradientColors: InternalGradientColor[];
-    gradientColorsRef: import("react").MutableRefObject<InternalGradientColor[]>;
+    gradientColorsRef: import("react").RefObject<InternalGradientColor[]>;
     activeColorId: string;
-    activeColorIdRef: import("react").MutableRefObject<string>;
+    activeColorIdRef: import("react").RefObject<string>;
     popupVisible: boolean;
     color: {
         hsv: HSV;

package/types/pc/color-picker/hooks/useControlBlock.d.ts

@@ -11,8 +11,8 @@ interface ControlBlockParams {
 }
 export declare function useControlBlock({ value, multiple, onActive, onAdd, onChange, }: ControlBlockParams): {
     active: boolean;
-    blockRef: import("react").MutableRefObject<HTMLDivElement | undefined>;
-    handlerRef: import("react").MutableRefObject<HTMLDivElement | undefined>;
+    blockRef: import("react").RefObject<HTMLDivElement | undefined>;
+    handlerRef: import("react").RefObject<HTMLDivElement | undefined>;
     onMouseDown: (ev: MouseEvent) => void;
 };
 export {};

package/types/pc/config-provider/ConfigProvider.d.ts

@@ -5,7 +5,7 @@ declare namespace ConfigProvider {
     var ConfigContext: import("react").Context<ConfigProviderProps>;
     var displayName: string;
 }
+declare const ConfigConsumer: import("react").Consumer<ConfigProviderProps>;
+export { ConfigConsumer, ConfigContext, ConfigProviderDefaultProps };
 export default ConfigProvider;
-export declare const ConfigConsumer: import("react").Consumer<ConfigProviderProps>;
-export { ConfigContext, ConfigProviderDefaultProps };
 export type { ConfigProviderProps };

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

@@ -16,6 +16,7 @@ import { CheckboxProps } from '../checkbox/interface';
 import { CollapseProps } from '../collapse/interface';
 import { ColorPickerProps } from '../color-picker/interface';
 import { CommentProps } from '../comment/interface';
+import type { CountdownProps } from '../countdown';
 import { PickerProps as DatePickerCommonProps } from '../date-picker/interface';
 import { DescriptionsProps } from '../descriptions/interface';
 import { DetailsProps } from '../details/interface';
@@ -25,7 +26,7 @@ import { DropdownButtonProps, DropdownProps } from '../dropdown/interface';
 import { EmptyProps } from '../empty/interface';
 import type { FlexProps } from '../flex/interface';
 import { FormProps } from '../form/interface';
-import { ColProps, GridItemProps, GridProps, RowProps } from '../grid/interface';
+import { GridItemProps, GridProps } from '../grid/interface';
 import { ImageProps } from '../image/interface';
 import { InputNumberProps } from '../input-number/interface';
 import { InputTagProps } from '../input-tag/interface';
@@ -50,6 +51,7 @@ import { RadioGroupProps, RadioProps } from '../radio/interface';
 import { RateProps } from '../rate/interface';
 import { ResizeBoxProps } from '../resize-box/interface';
 import { ResultProps } from '../result/interface';
+import type { ColProps, RowProps } from '../row-col/interface';
 import type { SegmentedProps } from '../segmented/interface';
 import { SelectProps } from '../select/interface';
 import { SkeletonProps } from '../skeleton/interface';
@@ -82,9 +84,9 @@ export type ComponentConfig = {
     Alert?: AlertProps;
     AutoComplete?: AutoCompleteProps;
     Avatar?: AvatarProps;
-    'Avatar.Group'?: AvatarGroupProps;
+    AvatarGroup?: AvatarGroupProps;
     Anchor?: AnchorProps;
-    'Anchor.Link'?: AnchorLinkProps;
+    AnchorLink?: AnchorLinkProps;
     BackTop?: BackTopProps;
     Badge?: BadgeProps;
     Breadcrumb?: BreadcrumbProps;
@@ -102,15 +104,17 @@ export type ComponentConfig = {
     Divider?: DividerProps;
     Drawer?: DrawerProps;
     Dropdown?: DropdownProps;
-    'Dropdown.Button'?: DropdownButtonProps;
+    DropdownButton?: DropdownButtonProps;
     Empty?: EmptyProps;
     Typography?: TypographyProps;
-    'Typography.Ellipsis'?: TypographyEllipsisProps;
+    TypographyEllipsis?: TypographyEllipsisProps;
     Form?: FormProps;
-    'Grid.Row'?: RowProps;
-    'Grid.Col'?: ColProps;
+    Row?: RowProps;
+    Col?: ColProps;
     Grid?: GridProps;
-    'Grid.Item'?: GridItemProps;
+    GridItem?: GridItemProps;
+    GridRow?: RowProps;
+    GridCol?: ColProps;
     Image?: ImageProps;
     Input?: InputProps;
     InputNumber?: InputNumberProps;
@@ -120,7 +124,7 @@ export type ComponentConfig = {
     Layout?: LayoutProps;
     Link?: LinkProps;
     List?: ListProps;
-    'List.Item'?: ListItemProps;
+    ListItem?: ListItemProps;
     Mentions?: MentionsProps;
     Menu?: MenuProps;
     Modal?: ModalProps;
@@ -130,7 +134,7 @@ export type ComponentConfig = {
     Popover?: PopoverProps;
     Progress?: ProgressProps;
     Radio?: RadioProps;
-    'Radio.Group'?: RadioGroupProps;
+    RadioGroup?: RadioGroupProps;
     Rate?: RateProps;
     ResizeBox?: ResizeBoxProps;
     Result?: ResultProps;
@@ -140,6 +144,7 @@ export type ComponentConfig = {
     Space?: SpaceProps;
     Spin?: SpinProps;
     Statistic?: StatisticProps;
+    Countdown?: CountdownProps;
     Steps?: StepsProps;
     Switch?: SwitchProps;
     Table?: TableProps;
@@ -148,7 +153,7 @@ export type ComponentConfig = {
     TriggerProps?: TriggerProps;
     Tag?: TagProps;
     Timeline?: TimelineProps;
-    'Timeline.Item'?: TimelineItemProps;
+    TimelineItem?: TimelineItemProps;
     TimePicker?: TimePickerCommonProps;
     Tooltip?: TooltipProps;
     Transfer?: TransferProps;

package/types/pc/constant/index.d.ts

@@ -0,0 +1 @@
+export const COLS: 24;

package/types/pc/countdown/interface.d.ts

@@ -0,0 +1,65 @@
+import { Dayjs } from 'dayjs';
+import { CSSProperties, ReactNode } from 'react';
+/**
+ * @title Countdown
+ */
+export interface CountdownProps {
+    /**
+     * @zh 自定义样式
+     * @en Custom style
+     */
+    style?: CSSProperties;
+    /**
+     * @zh 自定义类名
+     * @en Custom class name
+     */
+    className?: string | string[];
+    /**
+     * @zh 数值的样式
+     * @en The css style of statistic's value
+     */
+    styleValue?: CSSProperties;
+    /**
+     * @zh 数值的标题
+     * @en The title element
+     */
+    title?: string | ReactNode;
+    /**
+     * @zh 倒计时的时间
+     * @en To set value
+     */
+    value?: number | string | Date | Dayjs;
+    /**
+     * @zh [dayjs](https://github.com/iamkun/dayjs)'s format
+     * @en [dayjs](https://github.com/iamkun/dayjs)'s format
+     * @defaultValue HH:mm:ss
+     */
+    format?: string;
+    /**
+     * @zh 自定义 render 函数。`valueDiff` 表示两个时间的时间差，`formattedDiff` 表示格式化后的时间差，
+     * @en Custom render function, the input parameter is the result formatted by `dayjs`
+     */
+    renderFormat?: (valueDiff: number, formattedDiff: string) => ReactNode;
+    /**
+     * @zh 倒计时完成后触发的回调
+     * @en Callback at the end of the countdown
+     */
+    onFinish?: () => void;
+    /**
+     * @zh 是否开始倒计时，默认为 `true`，可以通过设置该值控制倒计时的时机
+     * @en Whether to start the countdown
+     * @defaultValue true
+     */
+    start?: boolean;
+    /**
+     * @zh 禁用自带样式
+     * @en Disable default style
+     */
+    noStyle?: boolean;
+    /**
+     * @zh 是否循环倒计时
+     * @en Whether to loop the countdown
+     * @defaultValue false
+     */
+    loop?: boolean;
+}

package/types/pc/countdown/util.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 格式化毫秒数为日期字符串
+ * @param millisecond 剩余毫秒数
+ * @param format 格式字符串
+ * @returns 格式化后的字符串
+ */
+export declare function getDateString(millisecond: number, format: string): string;

package/types/pc/empty/index.d.ts

@@ -1,4 +1,4 @@
 import { EmptyProps } from './interface';
-declare const Empty: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<EmptyProps & import("react").RefAttributes<unknown>>>;
+declare const Empty: import("react").NamedExoticComponent<EmptyProps & import("react").RefAttributes<unknown>>;
 export default Empty;
 export type { EmptyProps };

package/types/pc/flex/index.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
-import { FlexProps } from './interface';
-declare const FlexVertical: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
-interface FlexInterface extends React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>> {
-    Vertical: typeof FlexVertical;
-}
-declare const Flex: FlexInterface;
+import type { FlexProps, FlexVerticalProps } from './interface';
+/**
+ * 垂直布局组件
+ */
+declare const FlexVertical: React.FC<FlexVerticalProps>;
+declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>> & {
+    Vertical: React.FC<FlexVerticalProps>;
+};
 export { FlexVertical };
 export default Flex;

package/types/pc/flex/interface.d.ts

@@ -1,16 +1,9 @@
-import { CSSProperties } from 'react';
-import type { FlexProps as CommonFlexProps, GapType, SizeType } from '../../common/flex/interface';
+import type { FlexProps as CommonFlexProps, FlexVerticalProps as CommonFlexVerticalProps, GapType, SizeType } from '../../common/flex/interface';
 export type { GapType, SizeType };
 /**
  * @title Flex
  */
 export interface FlexProps extends CommonFlexProps {
-    /**
-     * 自定义类名
-     */
-    className?: string;
-    /**
-     * 自定义样式
-     */
-    style?: CSSProperties;
+}
+export interface FlexVerticalProps extends CommonFlexVerticalProps {
 }

package/types/pc/form/Control.d.ts

@@ -57,8 +57,8 @@ declare class Control<FormData = any, FieldValue = FormData[keyof FormData], Fie
      */
     getValidateTrigger(): string[];
     handleTrigger: (_value: any, ...args: any[]) => void;
-    renderControl(children: React.ReactNode, id: any): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    renderControl(children: React.ReactNode, id: any): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
     getChild: () => React.ReactNode;
-    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }
 export default Control;

package/types/pc/form/FormItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Row } from '../grid';
+import Row from '../row-col';
 import { FormItemProps, KeyType } from './interface';
-declare const _default: <FormData = any, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData>(props: FormItemProps<FormData, FieldValue, FieldKey> & {
+declare const _default: <FormData, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData>(props: FormItemProps<FormData, FieldValue, FieldKey> & {
     ref?: React.Ref<(typeof Row)["prototype"]>;
 }) => React.ReactElement;
 export default _default;

package/types/pc/form/FormLabel.d.ts

@@ -1,9 +1,4 @@
-import React, { ReactNode } from 'react';
-import { FormItemProps } from './interface';
-interface FormItemLabelProps extends Pick<FormItemProps, 'tooltip' | 'label' | 'requiredSymbol' | 'required' | 'rules'> {
-    showColon: boolean | ReactNode;
-    prefix: string | undefined;
-    htmlFor?: string;
-}
+import React from 'react';
+import type { FormItemLabelProps } from './interface';
 declare const FormItemLabel: React.FC<FormItemLabelProps>;
 export default FormItemLabel;

package/types/pc/form/interface.d.ts

@@ -2,7 +2,7 @@ import { Options as ScrollIntoViewOptions } from '@unicom-cloud/scroll-into-view
 import { ValidateMessagesTemplateType } from '@unicom-cloud/validate/types';
 import React, { CSSProperties, FormHTMLAttributes, HTMLAttributes, ReactElement, ReactNode } from 'react';
 import { JSX } from 'react/jsx-runtime';
-import { ColProps } from '../grid/Col';
+import type { ColProps } from '../row-col/interface';
 import { TooltipProps } from '../tooltip/interface';
 import Store from './store';
 export type IndexedObject = {
@@ -272,7 +272,7 @@ export interface FormItemProps<FormData = any, FieldValue = FormData[keyof FormD
     validateTrigger?: string | string[];
     /**
      * @zh
-     * 不渲染任何外部标签/样式，只进行字段绑定。**注意**: 设置该属性为true时，该字段若未通过校验，
+     * 不渲染任何外部标签/样式，只进行字段绑定。**注意**：设置该属性为true时，该字段若未通过校验，
      * 错误信息将不会显示出来。可以传入对象，并设置 showErrorTip 为true，错误信息将会展示在上层 formItem 节点下。
      * @en
      * No external tags/styles are rendered, only binding field. **Notice**: When set to true, if the field verification failed,
@@ -368,6 +368,11 @@ export interface FormItemProps<FormData = any, FieldValue = FormData[keyof FormD
      */
     children?: React.ReactNode | FormItemChildrenFn<FormData, FieldValue, FieldKey>;
 }
+export interface FormItemLabelProps extends Pick<FormItemProps, 'tooltip' | 'label' | 'requiredSymbol' | 'required' | 'rules'> {
+    showColon: boolean | ReactNode;
+    prefix: string | undefined;
+    htmlFor?: string | undefined;
+}
 export interface FormControlProps<FormData = any, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> {
     /** 受控组件的唯一标示。 */
     field?: FieldKey;

package/types/pc/form/util.d.ts

@@ -11,4 +11,4 @@ export declare function iterativelyGetKeys(_obj: any, _prefix?: string): any;
 export declare function isSyntheticEvent(e: any): boolean;
 export declare function schemaValidate(field: any, value: any, _rules: RulesProps[], validateMessages: any): Promise<unknown>;
 export declare function isFieldMatch(field: any, fields: any): any;
-export declare const ID_SUFFIX = "_input";
+export declare const ID_INPUT_SUFFIX = "_input";

package/types/pc/grid/Grid.d.ts

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

package/types/pc/grid/Item.d.ts

@@ -1,5 +1,4 @@
 import { GridItemProps } from './interface';
-declare const GridItemForwardRef: import("react").ForwardRefExoticComponent<GridItemProps & import("react").RefAttributes<unknown>>;
-declare const GridItem: typeof GridItemForwardRef;
+declare const GridItem: import("react").ForwardRefExoticComponent<GridItemProps & import("react").RefAttributes<unknown>>;
 export default GridItem;
 export type { GridItemProps };

package/types/pc/grid/context.d.ts

@@ -1,9 +1,4 @@
 import type { GridProps } from './interface';
-type RowContextType = {
-    gutter?: [number, number];
-    div?: boolean;
-};
-export declare const RowContext: import("react").Context<RowContextType>;
 type GridContextType = {
     cols?: GridProps['cols'];
     rowGap?: GridProps['rowGap'];

package/types/pc/grid/index.d.ts

@@ -1,12 +1,10 @@
-import Col from './Col';
+import Row, { Col } from '../row-col';
 import OriginGrid from './Grid';
 import Item from './Item';
-import Row from './Row';
 declare const Grid: typeof OriginGrid & {
-    Col: typeof Col;
-    Row: typeof Row;
     Item: typeof Item;
+    Row: typeof Row;
+    Col: typeof Col;
 };
-export { Col, Col as GridCol, Item as GridItem, Row as GridRow, Row };
+export { Col as GridCol, Item as GridItem, Row as GridRow };
 export default Grid;
-export type { ColProps, GridProps, ResponsiveValue, RowProps, } from './interface';