@unicom-cloud/ui 0.8.99 → 0.8.100

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

@@ -16,7 +16,6 @@ export interface CascaderProps<T = any> extends Omit<SelectViewCommonProps, 'sho
     /**
      * @zh 输入框的值
      * @en Input Value
-     * @version 2.34.0
      */
     inputValue?: string;
     /**
@@ -66,13 +65,13 @@ export interface CascaderProps<T = any> extends Omit<SelectViewCommonProps, 'sho
      * @zh
      * 使单选模式可搜索，传入 `{ retainInputValue: true }` 在搜索框聚焦时保留现有内容
      * 传入 `{ retainInputValueWhileSelect: true }` 在多选选择时保留输入框内容。
-     * 传入 `{ panelMode: 'select' }` 以搜索面板形式展示可选项 (`2.39.0`)
-     * `renderOption` 自定义渲染搜索项 (`2.39.0`)
+     * 传入 `{ panelMode: 'select' }` 以搜索面板形式展示可选项
+     * `renderOption` 自定义渲染搜索项
      * @en
      * Whether single mode Select is searchable. `{ retainInputValue: true }` to retain the existing content when the search box is focused,
      * `{ retainInputValueWhileSelect: true }` to retain the existing content when multiple selection is selected.
-     * `{ panelMode: 'select' }` Display options as a search panel (`2.39.0`)
-     * `renderOption` Custom rendering search option (`2.39.0`)
+     * `{ panelMode: 'select' }` Display options as a search panel
+     * `renderOption` Custom rendering search option
      */
     showSearch?: boolean | {
         panelMode?: 'cascader' | 'select';
@@ -108,44 +107,37 @@ export interface CascaderProps<T = any> extends Omit<SelectViewCommonProps, 'sho
      * Customize the return value  <br/> parent:
      * Only return the parent node when all child nodes are selected <br/> child: Return child nodes
      * @defaultValue child
-     * @version 2.31.0
      */
     checkedStrategy?: 'parent' | 'child';
     /**
      * @zh 自定义下拉列表类名
      * @en Custom dropdown list classname
-     * @version 2.35.0
      */
     dropdownMenuClassName?: string | string[];
     /**
      * @zh 菜单列样式
      * @en dropdown menu column style
-     * @version 2.35.0
      */
     dropdownMenuColumnStyle?: CSSProperties;
     /**
      * @zh 传递虚拟滚动属性。开启虚拟滚动后，每列级联菜单的会存在默认宽度，可通过 `dropdownMenuColumnStyle` 进行样式调整
      * @en virtual list props. After virtual scrolling is enabled, there will be a default width for each column of cascading menus, which can be adjusted by `dropdownMenuColumnStyle`
-     * @version 2.35.0
      */
     virtualListProps?: Pick<VirtualListProps<any>, 'threshold' | 'isStaticItemHeight'>;
     /**
      * @zh 是否默认高亮搜索结果第一个选项。
      * @en Whether to highlight the first option of search results by default
-     * @version 2.37.0
      * @defaultValue true
      */
     defaultActiveFirstOption?: boolean;
     /**
      * @zh 自定义下拉菜单的展示。
      * @en Customize the popup menu.
-     * @version 2.15.0
      */
     dropdownRender?: (menu: ReactNode) => ReactNode;
     /**
      * @zh 自定义下拉菜单每一列的展示。
      * @en Customize columns of the menu.
-     * @version 2.15.0, `level` in 2.17.0
      */
     dropdownColumnRender?: (menu: ReactNode, level: number) => ReactNode;
     /**
@@ -169,9 +161,8 @@ export interface CascaderProps<T = any> extends Omit<SelectViewCommonProps, 'sho
      */
     renderFormat?: (valueShow: any[]) => ReactNode;
     /**
-     * @zh 搜索时的回调。(reason in `2.34.0`)
-     * @en Callback when input changed.(reason in `2.34.0`)
-     * @version 2.20.0
+     * @zh 搜索时的回调。
+     * @en Callback when input changed.
      */
     onSearch?: (inputValue: string, reason: InputValueChangeReason) => void;
     /**
@@ -184,7 +175,6 @@ export interface CascaderProps<T = any> extends Omit<SelectViewCommonProps, 'sho
     /**
      * @zh inputValue改变时的回调
      * @en Callback when inputValue change.
-     * @version 2.34.0
      */
     onInputValueChange?: (inputValue: string, reason: InputValueChangeReason) => void;
     /**
@@ -210,7 +200,6 @@ export interface CascaderProps<T = any> extends Omit<SelectViewCommonProps, 'sho
     /**
      * @zh 图标配置。
      * @en Icon configuration.
-     * @version 2.50.0
      */
     icons?: {
         loading?: ReactNode;
@@ -248,7 +237,6 @@ export interface OptionProps {
     /**
      * @zh 是否禁用复选框选中
      * @en Whether to disable the check box is selected
-     * @version 2.21.0
      */
     disableCheckbox?: boolean;
     /**

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

@@ -45,7 +45,6 @@ export interface CheckboxProps<T extends ReactText = any> extends Omit<HTMLAttri
     /**
      * @zh 自定义 IconUiCheck
      * @en Custom IconUiCheck
-     * @version 2.43.0
      */
     icon?: ReactNode;
     checkboxGroupValue?: T[];

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

@@ -51,7 +51,6 @@ export interface CollapseProps {
     /**
      * @zh 可触发折叠操作的区域
      * @en The area that can trigger the collapse operation
-     * @version 2.41.0
      */
     triggerRegion?: 'header' | 'icon';
     /**
@@ -73,7 +72,6 @@ export interface CollapseItemProps {
     /**
      * @zh 内容区域的附加样式。
      * @en Additional styles of the content area.
-     * @version 2.15.0
      */
     contentStyle?: CSSProperties;
     /**

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

@@ -96,7 +96,6 @@ export interface ColorPickerProps {
     /**
      * @zh 自定义触发元素。
      * @en The trigger element which executes the dropdown action.
-     * @version 2.60.0
      */
     triggerElement?: ReactNode | ((params: {
         value: string | GradientColor[];
@@ -114,7 +113,6 @@ export interface ColorPickerProps {
     /**
      * @zh 自定义面板底部内容
      * @en Customize the bottom content of the panel
-     * @version 2.62.0
      */
     renderFooter?: () => ReactNode;
 }

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

@@ -14,6 +14,7 @@ import { CarouselProps } from '../carousel/interface';
 import { CascaderProps } from '../cascader/interface';
 import { CheckboxProps } from '../checkbox/interface';
 import { CollapseProps } from '../collapse/interface';
+import { ColorPickerProps } from '../color-picker';
 import { CommentProps } from '../comment/interface';
 import { PickerProps as DatePickerCommonProps } from '../date-picker/interface';
 import { DescriptionsProps } from '../descriptions/interface';
@@ -21,6 +22,7 @@ import { DividerProps } from '../divider/interface';
 import { DrawerProps } from '../drawer/interface';
 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 { ImageProps } from '../image/interface';
@@ -29,8 +31,10 @@ import { InputTagProps } from '../input-tag/interface';
 import { InputProps } from '../input/interface';
 import { LayoutProps } from '../layout/interface';
 import { LinkProps } from '../link/interface';
+import { LiquidFillProps } from '../liquid-fill';
 import { ListItemProps, ListProps } from '../list/interface';
 import { Locale } from '../locale/interface';
+import type { MarqueeProps } from '../marquee';
 import { MentionsProps } from '../mentions/interface';
 import { MenuProps } from '../menu/interface';
 import { ModalProps } from '../modal/interface';
@@ -39,15 +43,18 @@ import { PaginationProps } from '../pagination/interface';
 import { PopconfirmProps } from '../popconfirm/interface';
 import { PopoverProps } from '../popover/interface';
 import { ProgressProps } from '../progress/interface';
+import { QRCodeProps } from '../qr-code';
 import { RadioGroupProps, RadioProps } from '../radio/interface';
 import { RateProps } from '../rate/interface';
 import { ResizeBoxProps } from '../resize-box/interface';
 import { ResultProps } from '../result/interface';
+import type { SegmentedProps } from '../segmented/interface';
 import { SelectProps } from '../select/interface';
 import { SkeletonProps } from '../skeleton/interface';
 import { SliderProps } from '../slider/interface';
 import { SpaceProps } from '../space/interface';
 import { SpinProps } from '../spin/interface';
+import { SplitterProps } from '../splitter/interface';
 import { StatisticProps } from '../statistic/interface';
 import { StepsProps } from '../steps/interface';
 import { SwitchProps } from '../switch/interface';
@@ -57,20 +64,14 @@ import { TagProps } from '../tag/interface';
 import { PickerProps as TimePickerCommonProps } from '../time-picker/interface';
 import { TimelineItemProps, TimelineProps } from '../timeline/interface';
 import { TooltipProps } from '../tooltip/interface';
+import { TourProps } from '../tour';
 import { TransferProps } from '../transfer/interface';
 import { TreeSelectProps } from '../tree-select/interface';
 import { TreeProps } from '../tree/interface';
 import { TriggerProps } from '../trigger/interface';
-import { Omit } from '../utils/type';
-import { ColorPickerProps } from '../color-picker';
-import { LiquidFillProps } from '../liquid-fill';
-import type { MarqueeProps } from '../marquee';
-import { QRCodeProps } from '../qr-code';
-import type { SegmentedProps } from '../segmented/interface';
-import { SplitterProps } from '../splitter/interface';
-import { TourProps } from '../tour';
-import { TypographyEllipsisProps } from '../typography';
+import { TypographyEllipsisProps, type TypographyProps } from '../typography';
 import { UploadProps } from '../upload/interface';
+import { Omit } from '../utils/type';
 import { VerificationCodeProps } from '../verification-code/interface';
 import { WatermarkProps } from '../watermark/interface';
 export type ThemeConfig = Record<string, unknown>;
@@ -101,12 +102,13 @@ export type ComponentConfig = {
     Dropdown?: DropdownProps;
     'Dropdown.Button'?: DropdownButtonProps;
     Empty?: EmptyProps;
+    Typography?: TypographyProps;
     'Typography.Ellipsis'?: TypographyEllipsisProps;
     Form?: FormProps;
     'Grid.Row'?: RowProps;
     'Grid.Col'?: ColProps;
     Grid?: GridProps;
-    'Grid.GridItem'?: GridItemProps;
+    'Grid.Item'?: GridItemProps;
     Image?: ImageProps;
     Input?: InputProps;
     InputNumber?: InputNumberProps;
@@ -158,6 +160,7 @@ export type ComponentConfig = {
     Marquee?: MarqueeProps;
     Segmented?: SegmentedProps;
     Splitter?: SplitterProps;
+    Flex?: FlexProps;
 };
 /**
  * @title ConfigProvider
@@ -166,13 +169,11 @@ export interface ConfigProviderProps {
     /**
      * @zh 当按钮中是两个汉字时，自动在两个汉字中添加一个空格。
      * @en When there are two Chinese characters in the button, a space is automatically added between two Chinese characters.
-     * @version 2.3.0
      */
     autoInsertSpaceInButton?: boolean;
     /**
      * @zh 用于全局配置所有组件的默认参数
      * @en Default parameters for global configuration of all component
-     * @version 2.23.0
      */
     componentConfig?: ComponentConfig;
     /**
@@ -212,33 +213,28 @@ export interface ConfigProviderProps {
     /**
      * @zh Table 全局的分页配置。
      * @en Table Global pagination configuration.
-     * @version 2.6.0
      */
     tablePagination?: PaginationProps;
     /**
      * @zh 全局配置组件内的空组件。
      * @en Empty component in component.
-     * @version 2.10.0
      */
     renderEmpty?: (componentName?: string) => ReactNode;
     /**
      * @zh 视图的表现形式是从右开始向左结束。
      * @en View starts from the right and ends on the left.
-     * @version 2.36.0
      */
     rtl?: boolean;
     /**
      * @zh 是否全局设置所有 `Message` 和 `Notification` 的配置。如果用了 `useMessage` 的 hook 局部设置请设置为 false
      * @en Whether to update the configuration of all `Message` and `Notification` with one click. Set to false if using the hook locale of `useMessage`
      * @defaultValue true
-     * @version 2.40.0
      */
     effectGlobalNotice?: boolean;
     /**
      * @zh 是否全局设置所有 `Modal` 的配置。
      * @en Whether to set all `Modal` configuration globally.
      * @defaultValue true
-     * @version 2.61.0
      */
     effectGlobalModal?: boolean;
     /**

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

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
 export interface CopyProps {
     className?: string | string[];
-    text?: string;
+    text?: string | (() => string);
+    getText?: () => string;
     onCopy?: (text: string, e: any) => void;
     icon?: ReactNode;
     tooltips?: [ReactNode, ReactNode];

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

@@ -52,7 +52,6 @@ export interface PickerProps {
     /**
      * @zh 每周的第一天开始于周几，0 - 周日，1 - 周一，以此类推。
      * @en The first day of the week starts on the day of the week, `0`-Sunday, `1`-Monday, and so on.
-     * @version 2 - 6 in `2.20.0`
      */
     dayStartOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     /**
@@ -90,13 +89,11 @@ export interface PickerProps {
     /**
      * @zh 状态
      * @en Status
-     * @version 2.45.0
      */
     status?: 'error' | 'warning';
     /**
      * @zh 前缀
      * @en prefix
-     * @version 2.43.0
      */
     prefix?: ReactNode;
     /**
@@ -143,7 +140,6 @@ export interface PickerProps {
     /**
      * @zh 自定义渲染面板
      * @en Customize the panel node.
-     * @version 2.34.0
      */
     panelRender?: (panelNode: ReactNode) => ReactNode;
     /**
@@ -165,7 +161,6 @@ export interface PickerProps {
     /**
      * @zh 日历分页的图标配置。
      * @en Icon configuration of panel.
-     * @version 2.20.0
      */
     icons?: {
         prev?: ReactNode;
@@ -204,7 +199,6 @@ export interface PickerProps {
     /**
      * @zh 触发元素。
      * @en Trigger element.
-     * @version 2.9.0
      */
     triggerElement?: ReactNode;
     /**
@@ -215,19 +209,16 @@ export interface PickerProps {
     /**
      * @zh 面板显示的日期。
      * @en Displayed date of panel.
-     * @version 2.9.0
      */
     pickerValue?: CalendarValue;
     /**
      * @zh 面板日期改变的回调。
      * @en Callback when date of panel changes.
-     * @version 2.9.0
      */
     onPickerValueChange?: (dateString: string, value: Dayjs) => void;
     /**
      * @zh 面板隐藏不在当前时间范围的灰色日期
      * @en The panel hides gray dates that are not in the current time range
-     * @version 2.20.0
      */
     hideNotInViewDates?: boolean;
     /**
@@ -243,7 +234,6 @@ export interface PickerProps {
     /**
      * @zh 原生输入框属性
      * @en Native input attributes
-     * @version 2.60.0
      */
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
 }
@@ -396,7 +386,6 @@ export interface BaseRangePickerProps {
      * @zh 展示日期的格式，参考[dayjs](https://github.com/iamkun/dayjs)
      * @en Date format, refer to [dayjs](https://github.com/iamkun/dayjs)
      * @defaultValue YYYY-MM-DD
-     * @version string[] in 2.55.0
      */
     format?: string | string[];
     /**
@@ -407,7 +396,6 @@ export interface BaseRangePickerProps {
     /**
      * @zh 选中日期发生改变但组件值未改变时的回调
      * @en Callback when the show value changes but the selected value does not change
-     * @version `extra` in `2.23.0`
      */
     onSelect?: (dateString: string[], value: Dayjs[], extra: {
         type: 'start' | 'end';
@@ -456,7 +444,6 @@ export interface BaseRangePickerProps {
     /**
      * @zh 触发元素。
      * @en Trigger element.
-     * @version 2.9.0
      */
     triggerElement?: ReactNode;
     /**
@@ -467,25 +454,21 @@ export interface BaseRangePickerProps {
     /**
      * @zh 面板显示的日期。
      * @en Displayed date of panel.
-     * @version 2.9.0
      */
     pickerValue?: CalendarValue[];
     /**
      * @zh 面板日期改变的回调。
      * @en Callback when date of panel changes.
-     * @version 2.9.0
      */
     onPickerValueChange?: (dateString: string[], value: Dayjs[]) => void;
     /**
      * @zh 当重新选择范围的时候，会清空之前的范围重新进行选择
      * @en When reselect the range, the previous range will be cleared for next selection
-     * @version 2.23.0
      */
     clearRangeOnReselect?: boolean;
     /**
      * @zh 原生输入框属性
      * @en Native input attributes
-     * @version 2.60.0
      */
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>[];
 }

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

@@ -73,7 +73,6 @@ export interface DescriptionsProps {
      * @zh 描述中表格样式的 `layout-fixed`，当设置成 `fixed` 时，宽度会均分。
      * @en The `layout-fixed` of the table style in the description. The width will be evenly distributed when it's set to `fixed`.
      * @defaultValue auto
-     * @version 2.6.0
      */
     tableLayout?: 'auto' | 'fixed';
 }

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

@@ -9,7 +9,6 @@ export interface DrawerProps {
     /**
      * @zh 设置抽屉的 zIndex
      * @en Set the zIndex of the drawer
-     * @version 2.42.0
      */
     zIndex?: number;
     children?: ReactNode;
@@ -31,13 +30,11 @@ export interface DrawerProps {
     /**
      * @zh 头部的样式
      * @en The additional css style for header
-     * @version 2.9.0
      */
     headerStyle?: CSSProperties;
     /**
      * @zh 内容区域的样式
      * @en The additional css style for content
-     * @version 2.9.0
      */
     bodyStyle?: CSSProperties;
     /**
@@ -58,7 +55,6 @@ export interface DrawerProps {
     /**
      * @zh 确认按钮的 props
      * @en The props of `ok` button
-     * @version 2.26.0
      */
     okButtonProps?: ButtonProps;
     okButton?: {
@@ -69,7 +65,6 @@ export interface DrawerProps {
     /**
      * @zh 取消按钮的 props
      * @en The props of `cancel` button
-     * @version 2.26.0
      */
     cancelButtonProps?: ButtonProps;
     cancelButton?: {
@@ -99,7 +94,6 @@ export interface DrawerProps {
      * @zh  按 `ESC` 键关闭
      * @en Whether to enable pressing `ESC` to close the drawer.
      * @defaultValue true
-     * @version 2.10.0
      */
     escToExit?: boolean;
     /**
@@ -122,7 +116,6 @@ export interface DrawerProps {
     /**
      * @zh 自定义右上角关闭按钮
      * @en Custom the close button on top-right of the drawer dialog
-     * @version 2.49.0
      */
     closeIcon?: ReactNode;
     /**

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

@@ -26,7 +26,6 @@ export interface DropdownProps {
     /**
      * @zh 是否禁用弹出
      * @en Whether to disable popup
-     * @version 2.16.0
      */
     disabled?: boolean;
     /**

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { FlexProps } from './interface';
+interface FlexWithStaticComponents extends React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>> {
+    Vertical: typeof FlexVertical;
+}
+declare const Flex: FlexWithStaticComponents;
+declare const FlexVertical: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>>;
+export { FlexVertical };
+export default Flex;

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

@@ -0,0 +1,61 @@
+import React from 'react';
+export type SizeType = 'mini' | 'small' | 'medium' | 'large' | undefined;
+/**
+ * @title Flex
+ * @description Flex布局组件属性
+ */
+export interface FlexProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * @zh 自定义类名前缀
+     * @en Custom prefix class name
+     */
+    prefixCls?: string;
+    /**
+     * @zh 根节点类名
+     * @en Root node class name
+     */
+    rootClassName?: string;
+    /**
+     * @zh 是否垂直布局
+     * @en Whether to use vertical layout
+     */
+    vertical?: boolean;
+    /**
+     * @zh 换行方式
+     * @en Flex wrap style
+     */
+    wrap?: boolean | React.CSSProperties['flexWrap'];
+    /**
+     * @zh 主轴对齐方式
+     * @en Justify content alignment
+     */
+    justify?: React.CSSProperties['justifyContent'];
+    /**
+     * @zh 交叉轴对齐方式
+     * @en Align items alignment
+     */
+    align?: React.CSSProperties['alignItems'];
+    /**
+     * @zh flex属性
+     * @en Flex property
+     */
+    flex?: React.CSSProperties['flex'];
+    /**
+     * @zh 间距大小
+     * @en Gap size
+     */
+    gap?: React.CSSProperties['gap'] | SizeType;
+    /**
+     * @zh 子元素
+     * @en Children elements
+     */
+    children: React.ReactNode;
+    /**
+     * @zh 自定义渲染元素
+     * @en Custom component type
+     */
+    component?: React.ElementType;
+}
+export declare const flexWrapValues: React.CSSProperties['flexWrap'][];
+export declare const justifyContentValues: React.CSSProperties['justifyContent'][];
+export declare const alignItemsValues: React.CSSProperties['alignItems'][];

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

@@ -0,0 +1,9 @@
+import { type FlexProps, type SizeType } from './interface';
+/**
+ * 生成Flex组件的类名
+ */
+export declare function createFlexClassNames(prefixCls: string | undefined, props: FlexProps): string;
+/**
+ * 检查是否是预设的gap尺寸
+ */
+export declare function isPresetSize(gap?: FlexProps['gap']): gap is SizeType;