@unicom-cloud/ui 0.8.106 → 0.8.108

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

@@ -1,127 +1,11 @@
 import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
 export type GridResponsiveBreakpoint = 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-export type GridRowGutter = number | Partial<Record<GridResponsiveBreakpoint, number>>;
-/**
- * @title Row
- */
-export interface RowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
-    style?: CSSProperties;
-    className?: string | string[];
-    /**
-     * @zh
-     * 栅格间隔，单位是`px` 栅格间隔。可传入响应式对象写法 { xs: 4, sm: 6, md: 12}，传入数组 [ 水平间距， 垂直间距 ] 来设置两个方向。
-     * @en
-     * Spacing between grids, could be a number or a object like { xs: 8, sm: 16, md: 24}.
-     * Or you can use array to make horizontal and vertical spacing work at the same time [horizontal, vertical]
-     * @defaultValue 0
-     */
-    gutter?: GridRowGutter | Array<GridRowGutter>;
-    /**
-     * @zh 开启这个选项 `<Row>` 和 `<Col>` 都会被当作 div 而不会附带任何 Grid 相关的类和样式
-     * @en If true, `<Row>` and `<Col>` will be treated as a div without any Grid related classes and styles
-     */
-    div?: boolean;
-    /**
-     * @zh 竖直对齐方式 ( `align-items` )
-     * @en Vertical alignment, same as css `align-items`
-     * @defaultValue start
-     */
-    align?: 'start' | 'center' | 'end' | 'stretch';
-    /**
-     * @zh 水平对齐方式 (`justify-content`)
-     * @en Horizontal alignment, same as css `justify-content`
-     * @defaultValue start
-     */
-    justify?: 'start' | 'center' | 'end' | 'space-around' | 'space-between';
-}
-/**
- * @title Col
- */
-export interface ColProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'ref'> {
-    style?: CSSProperties;
-    className?: string | string[];
-    /**
-     * @zh 栅格占位格数
-     * @en Raster number of cells to occupy
-     * @defaultValue 24
-     */
-    span?: number;
-    /**
-     * @zh 栅格左侧的间隔格数，间隔内不可以有栅格
-     * @en The number of cells to offset Col from the left
-     */
-    offset?: number;
-    /**
-     * @zh 对元素进行排序
-     * @en Raster order
-     */
-    order?: number;
-    /**
-     * @zh 对元素进行排序
-     * @en Raster order
-     */
-    push?: number;
-    /**
-     * @zh 对元素进行排序
-     * @en Raster order
-     */
-    pull?: number;
-    /**
-     * @zh < 576px 响应式栅格
-     * @en `screen < 576px`
-     */
-    xs?: number | {
-        [key: string]: any;
-    };
-    /**
-     * @zh >= 576px 响应式栅格
-     * @en `screen >= 576px`
-     */
-    sm?: number | {
-        [key: string]: any;
-    };
-    /**
-     * @zh >= 768px 响应式栅格
-     * @en `screen >= 768px`
-     */
-    md?: number | {
-        [key: string]: any;
-    };
-    /**
-     * @zh >= 992px 响应式栅格
-     * @en `screen >= 992px`
-     */
-    lg?: number | {
-        [key: string]: any;
-    };
-    /**
-     * @zh >= 1200px 响应式栅格
-     * @en `screen >= 1200px`
-     */
-    xl?: number | {
-        [key: string]: any;
-    };
-    /**
-     * @zh >= 1600px 响应式栅格
-     * @en `screen >= 1600px`
-     */
-    xxl?: number | {
-        [key: string]: any;
-    };
-    /**
-     * @zh >= 2000px 响应式栅格
-     * @en `screen >= 2000px`
-     */
-    xxxl?: number | {
-        [key: string]: any;
-    };
-    /**
-     * @zh 设置 flex 布局属性
-     * @en Set flex layout properties
-     */
-    flex?: FlexType;
-}
-export type GridUnitProps = number | ResponsiveValue | undefined;
+export type GridUnitProps = number | string | ResponsiveValue | undefined;
+export type GridTemplateColumnsAuto = {
+    type: 'auto-fit' | 'auto-fill';
+    max: number | string;
+    min: number | string;
+};
 /**
  * @title Grid
  */
@@ -133,7 +17,7 @@ export interface GridProps extends Omit<HTMLAttributes<HTMLDivElement>, 'classNa
      * @en Number of columns displayed in each row
      * @defaultValue 24
      */
-    cols?: GridUnitProps;
+    cols?: GridUnitProps | GridTemplateColumnsAuto;
     /**
      * @zh 间距
      * @defaultValue 0
@@ -151,18 +35,6 @@ export interface GridProps extends Omit<HTMLAttributes<HTMLDivElement>, 'classNa
      * @defaultValue 0
      */
     colGap?: GridUnitProps;
-    /**
-     * @zh 是否折叠
-     * @en Whether to collapsed
-     * @defaultValue false
-     */
-    collapsed?: boolean;
-    /**
-     * @zh 折叠时显示的行数
-     * @en Number of rows displayed when collapsed
-     * @defaultValue 1
-     */
-    collapsedRows?: number;
 }
 /**
  * @title Item
@@ -182,20 +54,21 @@ export interface GridItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'cla
      * @defaultValue 0
      */
     offset?: GridUnitProps;
+    /**
+     * @zh 在容器中的排序位置
+     */
+    order?: number;
     /**
      * @zh 是否是后缀元素
      * @en Is it a suffix element
      * @defaultValue false
      */
     suffix?: boolean;
-    __index__?: number;
-    children?: ReactNode | ((info: {
-        overflow: boolean;
-    }) => ReactNode);
+    children?: ReactNode;
 }
 export interface GridItemData extends GridItemProps {
-    span: number;
-    offset: number;
+    span?: number;
+    offset?: number;
 }
 /**
  * @title ResponsiveValue
@@ -237,4 +110,3 @@ export interface ResponsiveValue {
      */
     xs?: number;
 }
-export type FlexType = string | number | 'auto' | 'none';

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

@@ -1,11 +1,2 @@
 import { GridItemData } from './interface';
-export declare function resolveItemData(cols: number, { span, offset, suffix }: GridItemData): GridItemData;
-export declare function setItemVisible({ cols, collapsed, collapsedRows, itemDataList, }: {
-    cols: number;
-    collapsed: boolean;
-    collapsedRows: number;
-    itemDataList: GridItemData[];
-}): {
-    overflow: boolean;
-    displayIndexList: number[];
-};
+export declare function resolveItemData(cols: number, { span, offset }: GridItemData): GridItemData;

package/types/pc/hooks/useResponsiveState.d.ts

@@ -0,0 +1,3 @@
+export declare function isResponsiveValue(value: unknown): boolean;
+export declare function useResponsive(enabled?: boolean): Partial<Record<import("..").Breakpoint, boolean>>;
+export declare function useResponsiveState(value: unknown, defaultValue?: number): unknown;

package/types/pc/index.d.ts

@@ -6,6 +6,8 @@ export { default as Alert } from './alert';
 export type { AlertProps } from './alert/interface';
 export { default as Anchor, AnchorLink, findAnchorLinkNode } from './anchor';
 export type { AnchorLinkProps, AnchorProps } from './anchor/interface';
+export { default as App, useApp } from './app';
+export type { AppProps } from './app/interface';
 export { default as AutoComplete, AutoCompleteOptGroup, AutoCompleteOption, } from './auto-complete';
 export type { AutoCompleteProps } from './auto-complete/interface';
 export { default as Avatar, AvatarGroup } from './avatar';
@@ -38,6 +40,8 @@ export { ConfigConsumer, ConfigContext, default as ConfigProvider, ConfigProvide
 export type { ConfigProviderProps } from './config-provider/interface';
 export { default as Copy } from './copy';
 export type { CopyProps } from './copy/interface';
+export { default as Countdown } from './countdown';
+export type { CountdownProps } from './countdown/interface';
 export { default as DatePicker, DatePickerMonth, DatePickerQuarter, DatePickerRange, DatePickerWeek, DatePickerYear, } from './date-picker';
 export type { DatePickerProps, MonthPickerProps, QuarterPickerProps, RangePickerProps, WeekPickerProps, YearPickerProps, } from './date-picker/interface';
 export { default as Descriptions } from './descriptions';
@@ -58,8 +62,8 @@ export { default as Flex, FlexVertical } from './flex';
 export type { FlexProps } from './flex/interface';
 export { default as Form, FormControl, FormItem, FormList, FormProvider, useForm, useFormContext, useFormState, useFormWatch, } from './form';
 export type { FormInstance, FormItemProps, FormListProps, FormProps, RulesProps, } from './form/interface';
-export { Col, default as Grid, GridCol, GridItem, GridRow, Row } from './grid';
-export type { ColProps, GridItemProps, GridProps, RowProps, } from './grid/interface';
+export { default as Grid, GridCol, GridItem, GridRow } from './grid';
+export type { GridItemProps, GridProps } from './grid/interface';
 export { addFromIconFontCn, default as Icon, IconContext, useIconProps, } from './icon';
 export { default as IconHover } from './icon-hover';
 export type { IconHoverProps } from './icon-hover/interface';
@@ -92,7 +96,7 @@ export { default as Menu, MenuItem, MenuItemGroup, MenuSubMenu, SubMenu, } from
 export type { MenuItemGroupProps, MenuItemProps, MenuProps, MenuSubMenuProps, } from './menu/interface';
 export { default as Message, useMessage } from './message';
 export type { MessageHookReturnType, MessageProps } from './message/interface';
-export { default as Modal } from './modal';
+export { default as Modal, useModal } from './modal';
 export type { ModalHookReturnType, ModalProps } from './modal/interface';
 export { default as Notification, useNotification } from './notification';
 export type { NotificationHookReturnType, NotificationProps, } from './notification/interface';
@@ -118,6 +122,8 @@ export { default as ResizeBox, ResizeBoxSplit, ResizeBoxSplitGroup, } from './re
 export type { ResizeBoxProps } from './resize-box/interface';
 export { default as Result } from './result';
 export type { ResultProps } from './result/interface';
+export { Col, default as Row, RowItem } from './row-col';
+export type { ColProps, RowProps } from './row-col/interface';
 export { default as Segmented } from './segmented';
 export type { SegmentedProps } from './segmented/interface';
 export { default as Select, SelectOption, SelectOptionGroup } from './select';
@@ -135,7 +141,7 @@ export type { SpinProps } from './spin/interface';
 export { default as Splitter, SplitterPanel } from './splitter';
 export type { SplitterProps } from './splitter/interface';
 export { default as Statistic, StatisticCountdown } from './statistic';
-export type { CountdownProps, StatisticProps } from './statistic/interface';
+export type { StatisticProps } from './statistic/interface';
 export { default as Steps, StepsItem, StepsStep } from './steps';
 export type { StepProps, StepsProps } from './steps/interface';
 export { default as SuspenseFallbackTest } from './suspense-fallback-test';

package/types/pc/input/Button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { InputButtonProps, RefInputType } from './interface';
-declare const Button: React.ForwardRefExoticComponent<InputButtonProps & React.RefAttributes<RefInputType>>;
-export default Button;
+declare const ButtonInput: React.ForwardRefExoticComponent<InputButtonProps & React.RefAttributes<RefInputType>>;
+export default ButtonInput;
 export type { InputButtonProps };

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

@@ -1,6 +1,7 @@
 import { CSSProperties, HTMLAttributes, MutableRefObject, ReactNode } from 'react';
-import { ColProps, GridResponsiveBreakpoint, RowProps } from '../grid/interface';
+import { GridResponsiveBreakpoint } from '../grid/interface';
 import { PaginationProps } from '../pagination/Pagination';
+import type { ColProps, RowProps } from '../row-col/interface';
 import { AvailableVirtualListProps } from '../virtual-list';
 type ListGridProps = {
     column?: number;

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

@@ -1,15 +1,7 @@
 import { JSX } from 'react/jsx-runtime';
-import { MessageHookReturnType, MessageProps } from './interface';
+import { ConfigProps, MessageHookReturnType, MessageProps } from './interface';
 import useMessage from './useMessage';
 export declare const messageTypes: string[];
-export type ConfigProps = {
-    maxCount?: number;
-    prefixCls?: string;
-    getContainer?: () => HTMLElement;
-    duration?: number;
-    rtl?: boolean;
-    closable?: boolean;
-};
 export interface MessageType {
     (): void;
 }

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

@@ -79,4 +79,12 @@ export type MessageHookReturnType = {
     loading?: messageHookFunction;
     normal?: messageHookFunction;
 };
+export type ConfigProps = {
+    maxCount?: number;
+    prefixCls?: string;
+    getContainer?: () => HTMLElement;
+    duration?: number;
+    rtl?: boolean;
+    closable?: boolean;
+};
 export {};

package/types/pc/message/useMessage.d.ts

@@ -1,6 +1,5 @@
 import { JSX } from 'react/jsx-runtime';
-import { ConfigProps } from '.';
-import { MessageHookReturnType } from './interface';
+import { ConfigProps, MessageHookReturnType } from './interface';
 export type messageFuncType = MessageHookReturnType;
 declare function useMessage(commonConfig?: ConfigProps): [MessageHookReturnType, JSX.Element];
 export default useMessage;

package/types/pc/modal/Modal.d.ts

@@ -15,5 +15,6 @@ export interface ModalComponent extends ForwardRefExoticComponent<PropsWithChild
     useModal: typeof useModal;
 }
 declare const ExportedModalComponent: ModalComponent;
+export { useModal };
 export default ExportedModalComponent;
 export type { ModalProps, ModalReturnProps };

package/types/pc/modal/config.d.ts

@@ -2,9 +2,8 @@ import { ConfigProviderProps } from '../config-provider';
 export declare function setConfigProviderProps(configProviderProps: ConfigProviderProps): void;
 export declare function getConfigProviderProps(): ConfigProviderProps;
 export type ModalConfigType = {
-    prefixCls?: string;
     simple?: boolean;
 };
 export declare const setModalConfig: (config: ModalConfigType) => void;
 export declare const getModalConfig: () => ModalConfigType;
-export declare const destroyList: Array<Function>;
+export declare const destroyList: Array<() => void>;

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

@@ -1,3 +1,4 @@
-import Modal from './Modal';
+import Modal, { useModal } from './Modal';
+export { useModal };
 export default Modal;
 export type { ModalComponent, ModalProps, ModalReturnProps } from './Modal';

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

@@ -18,6 +18,18 @@ export interface ModalProps {
      */
     onOk?: (e?: MouseEvent) => Promise<any> | void;
     onConfirm?: (e?: MouseEvent) => Promise<any> | void;
+    cancelButton?: {
+        visible: boolean;
+        label: string;
+        text: string;
+        props: ButtonProps;
+    };
+    okButton?: {
+        visible: boolean;
+        label: string;
+        text: string;
+        props: ButtonProps;
+    };
     /**
      * @zh 指定弹出框挂载的父节点
      * @en Specify the parent node of the Modal
@@ -75,10 +87,10 @@ export interface ModalProps {
      */
     cancelButtonProps?: ButtonProps;
     /**
-     * @zh 自定义页脚，传入 null 则不显示
+     * @zh 自定义页脚，传入 false | null | undefined 则不显示
      * @en Custom `footer`. if it is null, the footer will not be displayed.
      */
-    footer?: ReactNode | ((cancelButtonNode: ReactNode, okButtonNode: ReactNode) => ReactNode);
+    footer?: ReactNode | ((cancelButtonNode: ReactNode, okButtonNode: ReactNode) => ReactNode) | boolean | null | undefined;
     /**
      * @zh 是否显示右上角的关闭按钮
      * @en Whether to show the close button in TitleBar
@@ -154,7 +166,6 @@ export interface ModalProps {
      * @en Custom the render of Modal
      */
     modalRender?: (modalNode: ReactNode) => ReactNode;
-    prefixCls?: string;
     /**
      * @zh 是否开启全屏
      * @en Whether to enable fullscreenable
@@ -163,8 +174,9 @@ export interface ModalProps {
     draggable?: boolean;
 }
 export type ModalReturnProps = {
-    update: Function;
-    close: Function;
+    update: (newConfig: ConfirmProps) => void;
+    close: () => void;
+    destroy: () => void;
 };
 type modalHookFunction = (config: ConfirmProps) => {
     close: () => void;

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

@@ -1,14 +1,7 @@
-import { ReactInstance } from 'react';
-import { NotificationHookReturnType, NotificationProps } from './interface';
+import React, { JSX, ReactInstance } from 'react';
+import { ConfigProps, NotificationHookReturnType, NotificationProps } from './interface';
 import useNotification from './useNotification';
 export declare const notificationTypes: string[];
-export type ConfigProps = {
-    maxCount?: number;
-    prefixCls?: string;
-    getContainer?: () => HTMLElement;
-    duration?: number;
-    rtl?: boolean;
-};
 export declare function getPosition(position: any, rtl_: any): any;
 interface ComponentStaticProps {
     displayName?: string;

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

@@ -74,4 +74,11 @@ export type NotificationHookReturnType = {
     loading?: notificationHookFunction;
     normal?: notificationHookFunction;
 };
+export type ConfigProps = {
+    maxCount?: number;
+    prefixCls?: string;
+    getContainer?: () => HTMLElement;
+    duration?: number;
+    rtl?: boolean;
+};
 export {};

package/types/pc/notification/useNotification.d.ts

@@ -1,6 +1,5 @@
 import { JSX } from 'react/jsx-runtime';
-import { ConfigProps } from '.';
-import { NotificationHookReturnType } from './interface';
+import { ConfigProps, NotificationHookReturnType } from './interface';
 export type notificationFuncType = NotificationHookReturnType;
 declare function useNotification(commonConfig?: ConfigProps): [NotificationHookReturnType, JSX.Element];
 export default useNotification;

package/types/pc/pagination/PageOption.d.ts

@@ -3,7 +3,6 @@ import { SelectProps } from '../select/interface';
 export interface PageOptionProps {
     disabled?: boolean;
     rootPrefixCls?: string;
-    sizeCanChange?: boolean;
     sizeOptions?: number[];
     onPageSizeChange?: (value: any) => void;
     pageSize?: number;

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

@@ -66,11 +66,6 @@ export interface PaginationProps {
      * @en Whether to display the total number of data
      */
     showTotal?: boolean | ((total: number, range: number[]) => ReactNode);
-    /**
-     * @zh 是否可以改变每页条数
-     * @en Is it possible to change page size
-     */
-    sizeCanChange?: boolean;
     /**
      * @zh 每页可以显示数据条数
      * @en The number of data items that can be displayed per page
@@ -128,7 +123,11 @@ export interface PaginationProps {
         more?: ReactNode;
     };
     mini?: boolean;
-    pageOption?: boolean | ReactNode;
+    /**
+     * @zh 是否显示每页条数，在 `simple` 模式下默认为 false
+     * @en Is it possible to change page size
+     */
+    showPageOption?: boolean;
 }
 type itemRenderType = (page: number, type: 'page' | 'more' | 'prev' | 'next', originElement: ReactNode) => ReactNode;
 export interface PagerProps {

package/types/pc/{grid → row-col}/Col-.d.ts

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

package/types/pc/{grid → row-col}/Col.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { ColProps } from './interface';
+import type { ColProps } from './interface';
 declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;
 export default Col;
-export type { ColProps };

package/types/pc/{grid → row-col}/Row.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { RowProps } from './interface';
+import type { RowProps } from './interface';
 declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
 export default Row;
-export type { RowProps };

package/types/pc/row-col/context.d.ts

@@ -0,0 +1,6 @@
+type RowContextType = {
+    gutter?: [number, number];
+    div?: boolean;
+};
+export declare const RowContext: import("react").Context<RowContextType>;
+export {};

package/types/pc/row-col/index.d.ts

@@ -0,0 +1,7 @@
+import Col from './Col';
+declare const Row: import("react").ForwardRefExoticComponent<import("./interface").RowProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Item: import("react").ForwardRefExoticComponent<import("./interface").ColProps & import("react").RefAttributes<HTMLDivElement>>;
+    Col: import("react").ForwardRefExoticComponent<import("./interface").ColProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { Col, Col as RowItem };
+export default Row;

package/types/pc/row-col/interface.d.ts

@@ -0,0 +1,112 @@
+import { CSSProperties, HTMLAttributes } from 'react';
+import type { GridResponsiveBreakpoint } from '../grid/interface';
+export type RowGutter = number | Partial<Record<GridResponsiveBreakpoint, number>>;
+/**
+ * @title Row
+ */
+export interface RowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh
+     * 栅格间隔，单位是`px` 栅格间隔。可传入响应式对象写法 { xs: 4, sm: 6, md: 12}，传入数组 [ 水平间距， 垂直间距 ] 来设置两个方向。
+     * @en
+     * Spacing between grids, could be a number or a object like { xs: 8, sm: 16, md: 24}.
+     * Or you can use array to make horizontal and vertical spacing work at the same time [horizontal, vertical]
+     * @defaultValue 0
+     */
+    gutter?: RowGutter | Array<RowGutter>;
+    /**
+     * @zh 开启这个选项 `<Row>` 和 `<Col>` 都会被当作 div 而不会附带任何 Grid 相关的类和样式
+     * @en If true, `<Row>` and `<Col>` will be treated as a div without any Grid related classes and styles
+     */
+    div?: boolean;
+    /**
+     * @zh 竖直对齐方式 ( `align-items` )
+     * @en Vertical alignment, same as css `align-items`
+     * @defaultValue start
+     */
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    /**
+     * @zh 水平对齐方式 (`justify-content`)
+     * @en Horizontal alignment, same as css `justify-content`
+     * @defaultValue start
+     */
+    justify?: 'start' | 'center' | 'end' | 'space-around' | 'space-between';
+}
+/**
+ * @title 栅格布局列基础属性
+ * @title.en Grid Layout Base Properties
+ */
+export interface ColLayout {
+    /**
+     * @zh 栅格占位格数
+     * @en Raster number of cells to occupy
+     * @defaultValue 24
+     */
+    span?: number;
+    /**
+     * @zh 栅格左侧的间隔格数，间隔内不可以有栅格
+     * @en The number of cells to offset Col from the left
+     */
+    offset?: number;
+    order?: number;
+    push?: number;
+    pull?: number;
+}
+/**
+ * @title 栅格响应式断点属性
+ * @title.en Grid Responsive Breakpoint Properties
+ */
+export interface ColResponsive {
+    /**
+     * @zh < 576px 响应式栅格
+     * @en `screen < 576px`
+     */
+    xs?: number | ColLayout;
+    /**
+     * @zh >= 576px 响应式栅格
+     * @en `screen >= 576px`
+     */
+    sm?: number | ColLayout;
+    /**
+     * @zh >= 768px 响应式栅格
+     * @en `screen >= 768px`
+     */
+    md?: number | ColLayout;
+    /**
+     * @zh >= 992px 响应式栅格
+     * @en `screen >= 992px`
+     */
+    lg?: number | ColLayout;
+    /**
+     * @zh >= 1200px 响应式栅格
+     * @en `screen >= 1200px`
+     */
+    xl?: number | ColLayout;
+    /**
+     * @zh >= 1600px 响应式栅格
+     * @en `screen >= 1600px`
+     */
+    xxl?: number | ColLayout;
+    /**
+     * @zh >= 2000px 响应式栅格
+     * @en `screen >= 2000px`
+     */
+    xxxl?: number | ColLayout;
+}
+export interface ColProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'ref'>, ColLayout, ColResponsive {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh 自定义断点配置，ColResponsiveProps 合集
+     * @en Custom breakpoints configuration
+     */
+    breakpoints?: ColResponsive;
+    /**
+     * @zh 设置 flex 布局属性
+     * @en Set flex layout properties
+     */
+    flex?: ColFlexType;
+}
+export type ColFlexType = string | number | 'auto' | 'none';

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

@@ -1,8 +1,4 @@
-import type { SegmentedProps } from './interface';
-/**
- * Segmented 分段控制器组件
- *
- * 支持多种样式变体、方向、尺寸和交互模式
- */
-declare const Segmented: import("react").ForwardRefExoticComponent<SegmentedProps & import("react").RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import type { SegmentedProps, SegmentedRef } from './interface';
+declare const Segmented: React.ForwardRefExoticComponent<SegmentedProps & React.RefAttributes<SegmentedRef>>;
 export default Segmented;