@unicom-cloud/ui 0.8.107 → 0.8.108

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;

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

@@ -1,10 +1,28 @@
 import { CSSProperties, ReactNode } from 'react';
+export type Value = string | number | undefined;
+export type SegmentedRef = {
+    dom: HTMLDivElement | null;
+};
+export interface SizeVariables {
+    root: {
+        padding: string;
+        fontSize: string;
+    };
+    option: {
+        size: string;
+        padding: string;
+    };
+}
 /**
  * 分段控制器选项类型
  */
 export interface SegmentedOption {
+    /** 自定义样式 */
+    style?: CSSProperties;
+    /** 自定义类名 */
+    className?: string | string[];
     /** 选项值 */
-    value: string;
+    value: Value;
     /** 显示文本，不设置则只显示图标 */
     label?: ReactNode;
     /** 是否禁用 */
@@ -26,22 +44,26 @@ export interface SegmentedProps {
      * 分段控制器选项
      * @description 可以是字符串数组或 SegmentedOption 对象数组
      */
-    options: (SegmentedOption | string)[];
+    options: (SegmentedOption | Value)[];
     /**
      * 默认选中的值
      * @description 非受控模式下使用
      */
-    defaultValue?: string;
+    defaultValue?: Value;
     /**
      * 当前选中的值
      * @description 受控模式下使用
      */
-    value?: string;
+    value?: Value;
     /**
      * 尺寸
      * @defaultValue 'medium'
      */
     size?: 'mini' | 'small' | 'medium' | 'large';
+    /**
+     * 间距
+     */
+    gap?: number | string;
     /**
      * 样式类型
      * @defaultValue 'default'
@@ -86,9 +108,20 @@ export interface SegmentedProps {
      * @defaultValue false
      */
     immediateTrigger?: boolean;
+    /**
+     * 是否允许通过键盘快捷键切换方向
+     * @default true
+     */
+    keyboardSwitch?: boolean;
+    /**
+     * @zh 是否显示分割线
+     * @default false
+     */
+    split?: boolean;
     /**
      * 变化时的回调函数
      * @param value - 当前选中的值
+     * @param option - 当前选中的选项对象，当值为 undefined 时为 undefined
      */
-    onChange?: (value: string) => void;
+    onChange?: (value: Value, option: SegmentedOption | undefined) => void;
 }

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

@@ -1,9 +1,7 @@
-import React from 'react';
-import { SpaceProps } from './interface';
-declare const SpaceVertical: React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<HTMLDivElement>>;
-interface SpaceInterface extends React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<HTMLDivElement>> {
-    Vertical: typeof SpaceVertical;
-}
-declare const Space: SpaceInterface;
+import type { SpaceProps, 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>> & {
+    Vertical: import("react").ForwardRefExoticComponent<SpaceVerticalProps & import("react").RefAttributes<HTMLDivElement>>;
+};
 export { SpaceVertical };
 export default Space;

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

@@ -1,16 +1,9 @@
-import { CSSProperties } from 'react';
-import { SpaceProps as CommonSpaceProps, SpaceGap } from '../../common/space/interface';
+import { SpaceProps as CommonSpaceProps, SpaceVerticalProps as CommonSpaceVerticalProps, SpaceGap } from '../../common/space/interface';
 export type { SpaceGap };
 /**
  * @title Space
  */
 export interface SpaceProps extends CommonSpaceProps {
-    /**
-     * 自定义类名
-     */
-    className?: string;
-    /**
-     * 自定义样式
-     */
-    style?: CSSProperties;
+}
+export interface SpaceVerticalProps extends CommonSpaceVerticalProps {
 }

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

@@ -1,4 +1,4 @@
-import Countdown from './Countdown';
+import Countdown from '../countdown';
 import { StatisticProps } from './interface';
 declare const ForwardRefStatistic: import("react").ForwardRefExoticComponent<StatisticProps & import("react").RefAttributes<unknown>>;
 declare const StatisticComponent: typeof ForwardRefStatistic & {

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

@@ -1,5 +1,6 @@
 import { Dayjs } from 'dayjs';
 import { CSSProperties, ReactNode } from 'react';
+export declare const PREFIX_CLASS_STATISTIC = "statistic";
 /**
  * @title Statistic
  */
@@ -84,52 +85,3 @@ export interface StatisticProps {
      */
     loading?: boolean;
 }
-/**
- * @title Statistic.Countdown
- */
-export interface CountdownProps {
-    style?: CSSProperties;
-    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 The current time. Used to correct the initialization time
-     */
-    now?: number | string | Date | Dayjs;
-}