@unicom-cloud/ui 0.8.83 → 0.8.85

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

@@ -0,0 +1,149 @@
+import { CSSProperties, ReactNode } from 'react';
+import { InputProps } from '../input';
+import { TriggerProps } from '../trigger';
+/**
+ * @title ColorPicker
+ */
+export interface ColorPickerProps {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh 默认值
+     * @en The initial input content
+     */
+    defaultValue?: string | GradientColor[];
+    /**
+     * @zh 颜色值，受控模式
+     * @en The input content value
+     */
+    value?: string | GradientColor[];
+    /**
+     * @zh 显示颜色值
+     * @en Show color value
+     */
+    showText?: boolean;
+    /**
+     * @zh 颜色值的格式
+     * @en Color value format
+     */
+    format?: 'hex' | 'rgb';
+    /**
+     * @zh 单一颜色或渐变色模式
+     * @en Whether to use single color or gradient color mode
+     * @defaultValue single
+     */
+    mode?: 'single' | 'gradient' | ['single', 'gradient'];
+    /**
+     * @zh 禁用
+     * @en disabled
+     */
+    disabled?: boolean;
+    /**
+     * @zh 输入框的尺寸
+     * @en The size of the input box
+     * @defaultValue default
+     */
+    size?: InputProps['size'];
+    /**
+     * @zh 默认弹出框是打开还是关闭
+     * @en Whether the confirmation box is visible by default
+     */
+    defaultPopupVisible?: boolean;
+    /**
+     * @zh 弹出框是打开还是关闭。(受控)
+     * @en Whether the confirmation box is visible
+     */
+    popupVisible?: boolean;
+    /**
+     * @zh 隐藏后是否销毁 DOM 结构
+     * @en Whether to umount the node on hiding
+     * @defaultValue true
+     */
+    unmountOnExit?: boolean;
+    /**
+     * @zh 可以接受所有 Trigger 组件的 Props
+     * @en All `Trigger` component props
+     */
+    triggerProps?: Partial<TriggerProps>;
+    /**
+     * @zh 禁用透明通道
+     * @en Disable transparency channel
+     */
+    disabledAlpha?: boolean;
+    /**
+     * @zh 显示历史颜色
+     * @en Show history colors
+     */
+    showHistory?: boolean;
+    /**
+     * @zh 历史颜色的颜色数组
+     * @en Color array of history colors
+     */
+    historyColors?: string[];
+    /**
+     * @zh 显示预设颜色
+     * @en Show preset colors
+     */
+    showPreset?: boolean;
+    /**
+     * @zh 预设颜色的颜色数组
+     * @en Color array of preset colors
+     */
+    presetColors?: string[];
+    extra?: ReactNode | ((params: {
+        value: string;
+    }) => ReactNode);
+    /**
+     * @zh 自定义触发元素。
+     * @en The trigger element which executes the dropdown action.
+     * @version 2.60.0
+     */
+    triggerElement?: ReactNode | ((params: {
+        value: string | GradientColor[];
+    }) => ReactNode);
+    /**
+     * @zh 颜色值改变时触发
+     * @en Callback when the color value changes
+     */
+    onChange?: (value: string | GradientColor[]) => void;
+    /**
+     * @zh 下拉框收起展开时触发。
+     * @en Callback when popup shown or hidden.
+     */
+    onVisibleChange?: (visible: boolean) => void;
+    /**
+     * @zh 自定义面板底部内容
+     * @en Customize the bottom content of the panel
+     * @version 2.62.0
+     */
+    renderFooter?: () => ReactNode;
+}
+export interface RGB {
+    r: number;
+    g: number;
+    b: number;
+}
+export interface HSV {
+    h: number;
+    s: number;
+    v: number;
+}
+export interface Color {
+    hsv: HSV;
+    rgb: RGB;
+    hex: string;
+}
+export declare enum ColorPickerMode {
+    Single = "single",
+    Gradient = "gradient"
+}
+export interface GradientColor {
+    color: string;
+    percent: number;
+}
+export interface InternalGradientColor {
+    id: string;
+    color: Color;
+    alpha: number;
+    percent: number;
+}

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

@@ -0,0 +1,41 @@
+import { CSSProperties, ReactNode } from 'react';
+/**
+ * @title Comment
+ */
+export interface CommentProps {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh 操作列表
+     * @en List of action items rendered below the comment content
+     */
+    actions?: ReactNode;
+    /**
+     * @zh 作者名
+     * @en Display as the comment author
+     */
+    author?: ReactNode;
+    /**
+     * @zh 头像
+     * @en Display as the comment avatar
+     */
+    avatar?: ReactNode;
+    /**
+     * @zh 评论内容
+     * @en The content of the comment
+     */
+    content?: ReactNode;
+    /**
+     * @zh 时间描述
+     * @en Display as the comment datetime
+     */
+    datetime?: ReactNode;
+    /**
+     * @zh 靠左/靠右 展示 datetime 和 actions
+     * @en Alignment of `datetime` and `actions`|`"left" \| "right" \| { datetime?: "left" \| "right"; actions?: "left" \| "right"; }`
+     */
+    align?: 'left' | 'right' | {
+        datetime?: 'left' | 'right';
+        actions?: 'left' | 'right';
+    };
+}

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

@@ -0,0 +1,241 @@
+import { ReactNode } from 'react';
+import { AffixProps } from '../affix/interface';
+import { AlertProps } from '../alert/interface';
+import { AnchorLinkProps, AnchorProps } from '../anchor/interface';
+import { AutoCompleteProps } from '../auto-complete/interface';
+import { AvatarGroupProps, AvatarProps } from '../avatar/interface';
+import { BackTopProps } from '../back-top/interface';
+import { BadgeProps } from '../badge/interface';
+import { BreadcrumbProps } from '../breadcrumb/interface';
+import { ButtonProps } from '../button/interface';
+import { CalendarProps } from '../calendar/interface';
+import { CardProps } from '../card/interface';
+import { CarouselProps } from '../carousel/interface';
+import { CascaderProps } from '../cascader/interface';
+import { CheckboxProps } from '../checkbox/interface';
+import { CollapseProps } from '../collapse/interface';
+import { CommentProps } from '../comment/interface';
+import { PickerProps as DatePickerCommonProps } from '../date-picker/interface';
+import { DescriptionsProps } from '../descriptions/interface';
+import { DividerProps } from '../divider/interface';
+import { DrawerProps } from '../drawer/interface';
+import { DropdownButtonProps, DropdownProps } from '../dropdown/interface';
+import { EmptyProps } from '../empty/interface';
+import { FormProps } from '../form/interface';
+import { ColProps, GridItemProps, GridProps, RowProps } from '../grid/interface';
+import { ImageProps } from '../image/interface';
+import { InputNumberProps } from '../input-number/interface';
+import { InputTagProps } from '../input-tag/interface';
+import { InputProps } from '../input/interface';
+import { LayoutProps } from '../layout/interface';
+import { LinkProps } from '../link/interface';
+import { ListItemProps, ListProps } from '../list/interface';
+import { Locale } from '../locale/interface';
+import { MentionsProps } from '../mentions/interface';
+import { MenuProps } from '../menu/interface';
+import { ModalProps } from '../modal/interface';
+import { PageHeaderProps } from '../page-header/interface';
+import { PaginationProps } from '../pagination/interface';
+import { PopconfirmProps } from '../popconfirm/interface';
+import { PopoverProps } from '../popover/interface';
+import { ProgressProps } from '../progress/interface';
+import { RadioGroupProps, RadioProps } from '../radio/interface';
+import { RateProps } from '../rate/interface';
+import { ResizeBoxProps } from '../resize-box/interface';
+import { ResultProps } from '../result/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 { StatisticProps } from '../statistic/interface';
+import { StepsProps } from '../steps/interface';
+import { SwitchProps } from '../switch/interface';
+import { TableProps } from '../table/interface';
+import { TabsProps } from '../tabs/interface';
+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 { 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 { TypographyEllipsisProps } from '../typography';
+import { UploadProps } from '../upload/interface';
+import { VerificationCodeProps } from '../verification-code/interface';
+import { WatermarkProps } from '../watermark/interface';
+export type ThemeConfig = Record<string, any>;
+export type ComponentConfig = {
+    Affix?: AffixProps;
+    Alert?: AlertProps;
+    AutoComplete?: AutoCompleteProps;
+    Avatar?: AvatarProps;
+    'Avatar.Group'?: AvatarGroupProps;
+    Anchor?: AnchorProps;
+    'Anchor.Link'?: AnchorLinkProps;
+    BackTop?: BackTopProps;
+    Badge?: BadgeProps;
+    Breadcrumb?: BreadcrumbProps;
+    Button?: ButtonProps;
+    Calendar?: CalendarProps;
+    Card?: CardProps;
+    Carousel?: CarouselProps;
+    Cascader?: CascaderProps;
+    Checkbox?: CheckboxProps;
+    Collapse?: CollapseProps;
+    Comment?: CommentProps;
+    ColorPicker?: ColorPickerProps;
+    DatePicker?: Omit<DatePickerCommonProps, 'placeholder' | 'onChange' | 'onSelect' | 'onOk' | 'defaultPickerValue' | 'pickerValue' | 'onPickerValueChange' | 'inputProps'>;
+    Descriptions?: DescriptionsProps;
+    Divider?: DividerProps;
+    Drawer?: DrawerProps;
+    Dropdown?: DropdownProps;
+    'Dropdown.Button'?: DropdownButtonProps;
+    Empty?: EmptyProps;
+    'Typography.Ellipsis'?: TypographyEllipsisProps;
+    Form?: FormProps;
+    'Grid.Row'?: RowProps;
+    'Grid.Col'?: ColProps;
+    Grid?: GridProps;
+    'Grid.GridItem'?: GridItemProps;
+    Image?: ImageProps;
+    Input?: InputProps;
+    InputNumber?: InputNumberProps;
+    VerificationCode?: VerificationCodeProps;
+    Watermark?: WatermarkProps;
+    InputTag?: InputTagProps;
+    Layout?: LayoutProps;
+    Link?: LinkProps;
+    List?: ListProps;
+    'List.Item'?: ListItemProps;
+    Mentions?: MentionsProps;
+    Menu?: MenuProps;
+    Modal?: ModalProps;
+    PageHeader?: PageHeaderProps;
+    Pagination?: PaginationProps;
+    Popconfirm?: PopconfirmProps;
+    Popover?: PopoverProps;
+    Progress?: ProgressProps;
+    Radio?: RadioProps;
+    'Radio.Group'?: RadioGroupProps;
+    Rate?: RateProps;
+    ResizeBox?: ResizeBoxProps;
+    Result?: ResultProps;
+    Select?: SelectProps;
+    Skeleton?: SkeletonProps;
+    Slider?: SliderProps;
+    Space?: SpaceProps;
+    Spin?: SpinProps;
+    Statistic?: StatisticProps;
+    Steps?: StepsProps;
+    Switch?: SwitchProps;
+    Table?: TableProps;
+    Tabs?: TabsProps;
+    TreeProps?: TreeProps;
+    TriggerProps?: TriggerProps;
+    Tag?: TagProps;
+    Timeline?: TimelineProps;
+    'Timeline.Item'?: TimelineItemProps;
+    TimePicker?: TimePickerCommonProps;
+    Tooltip?: TooltipProps;
+    Transfer?: TransferProps;
+    Tree?: TreeProps;
+    TreeSelect?: TreeSelectProps;
+    Trigger?: TriggerProps;
+    Upload?: UploadProps;
+};
+/**
+ * @title ConfigProvider
+ */
+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;
+    /**
+     * @zh 设置语言包
+     * @en Language package setting
+     */
+    locale?: Locale;
+    /**
+     * @zh 主题配置
+     * @en Theme Configuration
+     */
+    theme?: ThemeConfig;
+    /**
+     * @zh 配置组件的默认尺寸，只会对支持`size`属性的组件生效。
+     * @en Configure the default size of the component, which will only take effect for component that support the `size` property.
+     * @defaultValue default
+     */
+    size?: 'mini' | 'small' | 'default' | 'large';
+    /**
+     * @zh 全局组件类名前缀
+     * @en Global ClassName prefix
+     * @defaultValue pqb
+     */
+    prefixCls?: string;
+    getPrefixCls?: (componentName: string, customPrefix?: string) => string;
+    /**
+     * @zh 全局弹出框挂载的父级节点。
+     * @en The parent node of the global popup.
+     * @defaultValue () => document.body
+     */
+    getPopupContainer?: (node: HTMLElement) => Element;
+    /**
+     * @zh 全局的加载中图标，作用于所有组件。
+     * @en Global loading icon.
+     */
+    loadingElement?: ReactNode;
+    /**
+     * @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;
+    /**
+     * @zh 保持当前配置，避免在层级嵌套 <ConfigProvider {...context}><ConfigProvider {...context}>{element}</ConfigProvider></ConfigProvider> 时数据被覆盖。注：最好在根配置项开启此功能。
+     * @defaultValue false
+     */
+    keepConfig?: boolean;
+    isRootConfig?: boolean;
+    childrenName?: string;
+    zIndex?: number;
+    children?: ReactNode;
+}

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

@@ -0,0 +1,3 @@
+import { RangePickerHandle } from './interface';
+declare const PickerComponent: import("react").ForwardRefExoticComponent<import("./interface").BaseRangePickerProps & import("components/common/utils").Omit<import("./interface").PickerProps, "onChange" | "onSelect" | "onOk" | "inputProps" | "defaultPickerValue" | "pickerValue" | "onPickerValueChange"> & import("react").RefAttributes<RangePickerHandle>>;
+export default PickerComponent;

package/types/pc/date-picker/hook/useCellClassName.d.ts

@@ -0,0 +1,2 @@
+declare function useCellClassName(props: any): (cellDateObj: any, disabled: any, utcOffset: any, timezone: any) => string;
+export default useCellClassName;