@unicom-cloud/ui 0.8.83 → 0.8.85

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

@@ -0,0 +1,275 @@
+import { CSSProperties, HTMLAttributes, ImgHTMLAttributes, ReactElement, ReactNode, SyntheticEvent } from 'react';
+/**
+ * @title Image
+ */
+export interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'className'> {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh 图片获取地址
+     * @en Image path
+     */
+    src?: string;
+    /**
+     * @zh 图片显示宽度
+     * @en Image width
+     */
+    width?: string | number;
+    /**
+     * @zh 图片显示高度
+     * @en Image height
+     */
+    height?: string | number;
+    /**
+     * @zh 标题
+     * @en Image title
+     */
+    title?: string;
+    /**
+     * @zh 描述
+     * @en Image description
+     */
+    description?: string;
+    /**
+     * @zh 额外操作
+     * @en Extra operations
+     */
+    actions?: ReactNode[];
+    /**
+     * @zh 底部显示的位置
+     * @en The position of footer
+     * @defaultValue inner
+     */
+    footerPosition?: 'inner' | 'outer';
+    /**
+     * @zh 是否开启简洁模式
+     * @en Whether to enable simple mode
+     */
+    simple?: boolean;
+    /**
+     * @zh 加载过渡效果，为 true 显示默认加载效果
+     * @en Load transition effect, set `true` to show the default loading effect
+     */
+    loader?: boolean | ReactNode;
+    /**
+     * @zh loader 的样式，将覆盖默认过渡效果
+     * @en The style of the loader, will override the default transition effect
+     */
+    loaderClassName?: string | string[];
+    loaderTip: string;
+    /**
+     * @zh error 状态下显示的内容
+     * @en Content displayed in error state
+     */
+    error?: ReactNode;
+    /**
+     * @zh 是否开启预览
+     * @en Whether to enable preview
+     * @defaultValue true
+     */
+    preview?: boolean;
+    /**
+     * @zh 预览的配置项 （所有选项都是可选的）[ImagePreviewProps](#imagepreview)
+     * @en Preview options (all options are optional) [ImagePreviewProps](#imagepreview)
+     */
+    previewProps?: PartialImagePreviewProps;
+    /**
+     * @zh 使用 `Image.PreviewGroup`包裹时的预览索引，一般不用指定，当多图预览顺序出现问题时，可手动指定当前 `image` 的预览顺序
+     * @en Use `Image.PreviewGroup` to wrap the preview index. Generally, you don't need to specify it. When there is a problem with the preview order of multiple images, you can manually specify the preview order of the current `image`
+     * @version 2.23.0
+     */
+    index?: number;
+    /**
+     * @zh 开启懒加载 [Intersection_Observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API)
+     * @en lazyload loading [Intersection_Observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API)
+     * @version 2.47.0
+     */
+    lazyload?: boolean | IntersectionObserverInit;
+    /**
+     * @zh 图片加载完成时触发
+     * @en Triggered when the image is loaded
+     */
+    onLoad?: (ev: SyntheticEvent<HTMLImageElement>) => void;
+    /**
+     * @zh 图片加载失败时触发
+     * @en Triggered when image loading fails
+     */
+    onError?: (ev: SyntheticEvent<HTMLImageElement>) => void;
+}
+/**
+ * @title Image.Preview
+ */
+export interface ImagePreviewProps {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh 图片获取地址, 在 Image 中默认是 Image 的 src
+     * @en Image path, The default in Image is the src of Image
+     */
+    src: string;
+    /**
+     * @zh 图片属性，透传至预览弹窗中的 `img` 标签上
+     * @en Image props, passthrough to the `img` tag in the preview modal
+     * @version 2.39.0
+     */
+    imgAttributes?: Omit<ImgHTMLAttributes<HTMLImageElement>, 'src'>;
+    /**
+     * @zh 自定义图片预览区域的额外节点
+     * @en Additional nodes add to the image preview area
+     * @version 2.53.0
+     */
+    extra?: ReactNode;
+    /**
+     * @zh 是否可见，受控属性
+     * @en Whether is visible
+     */
+    visible?: boolean;
+    /**
+     * @zh 默认是否可见，非受控
+     * @en Whether visible by default
+     */
+    defaultVisible?: boolean;
+    /**
+     * @zh 触发 toolbar 切换为 simple 模式的宽度
+     * @en The width that triggers the toolbar to switch to simple mode
+     * @defaultValue 316
+     */
+    breakPoint?: number;
+    /**
+     * @zh 点击 mask 是否触发关闭
+     * @en Whether click mask to close
+     * @defaultValue true
+     */
+    maskClosable?: boolean;
+    /**
+     * @zh 是否显示关闭按钮
+     * @en Whether display close button
+     * @defaultValue true
+     * @version 2.16.0
+     */
+    closable?: boolean;
+    /**
+     * @zh 额外操作，[ImagePreviewActionProps](#imagepreviewactionprops)
+     * @en Extra operations, [ImagePreviewActionProps](#imagepreviewactionprops)
+     */
+    actions?: ImagePreviewActionProps[];
+    /**
+     * @zh 控制条的布局
+     * @en The layout of the control bar
+     * @defaultValue ['fullScreen', 'rotateRight', 'rotateLeft', 'zoomIn', 'zoomOut', 'originalSize', 'extra']
+     */
+    actionsLayout?: string[];
+    /**
+     * @zh 在预览缩放时会使用当前数组中的缩放百分比。若不包含 `100%`，则会自动添加在最相邻的位置。
+     * @en The zoom percentage in the current array is used when previewing zooms. If `100%` is not included, the `100%` scale will be automatically added in the most adjacent position.
+     * @defaultValue [25, 33, 50, 67, 75, 80, 90, 100, 110, 125, 150, 175, 200, 250, 300, 400, 500];
+     * @version 2.30.0
+     */
+    scales?: number[];
+    /**
+     * @zh 切换可见状态触发的事件
+     * @en Callback when visibility changes
+     */
+    onVisibleChange?: (visible: boolean, preVisible: boolean) => void;
+    /**
+     * @zh 弹出层挂载的节点
+     * @en Get popup's parent node
+     * @defaultValue () => document.body
+     * @version 2.16.0
+     */
+    getPopupContainer?: () => HTMLElement;
+    /**
+     * @zh 按 `ESC` 键关闭预览
+     * @en Whether to enable pressing `ESC` to close the preview.
+     * @defaultValue true
+     * @version 2.24.0
+     */
+    escToExit?: boolean;
+    /**
+     * @zh 自定义 IMG 元素的渲染
+     * @en Rendering of custom IMG elements
+     * @version 2.58.0
+     */
+    imageRender?: (originalNode: ReactElement) => ReactNode;
+    /**
+     * @zh 开启位置修正
+     * @en Enable position correction
+     * @defaultValue true
+     * @version 2.61.0
+     */
+    resetTranslate?: boolean;
+}
+export type PartialImagePreviewProps = Partial<ImagePreviewProps>;
+/**
+ * @title Image.PreviewGroup
+ * @zh 从 `v2.14.0` 开始支持
+ * @en Start from `v2.14.0`
+ */
+export interface ImagePreviewGroupProps extends Omit<PartialImagePreviewProps, 'src'> {
+    /**
+     * @zh 图片列表 （设置了本属性之后，将不再收集 Image 子组件的图片信息）
+     * @en Image path list（After setting this property, the information of the `Image` sub-component will no longer be collected)
+     */
+    srcList?: undefined | string[];
+    /**
+     * @zh 当前展示的图片的下标 (受控属性)
+     * @en The index of current image (controlled prop)
+     */
+    current?: number;
+    /**
+     * @zh 第一张展示的图片的下标
+     * @en The default index of first image
+     */
+    defaultCurrent?: number;
+    /**
+     * @zh 是否无限循环
+     * @en Whether to loop infinitely
+     */
+    infinite?: boolean;
+    /**
+     * @zh 是否渲染图片列表，用于提前加载图片
+     * @en Whether to render the image list for loading images in advance
+     * @version 2.58.0
+     */
+    forceRender?: boolean;
+    /**
+     * @zh 切换图片触发的事件
+     * @en Callback when image switches
+     */
+    onChange?: (index: number) => void;
+}
+/**
+ * @title ImagePreviewActionProps
+ * @zh `<Image.Preview>` 中类型 `ImagePreviewActionProps` 详细参数。
+ * @en Detailed parameters of type `ImagePreviewActionProps` in `<Image.Preview>`.
+ */
+export interface ImagePreviewActionProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * @zh 唯一标识
+     * @en Unique identifier
+     */
+    key: string;
+    /**
+     * @zh 内容
+     * @en content
+     */
+    content: ReactNode;
+    /**
+     * @zh
+     * 因为 content 只能定义内容，所以提供这个函数用于支持自定义外围元素，需要注意的是设置了 `getContainer`, 显示 `name` 的 `Tooltip` 将失效。
+     * @en
+     * Because content can only specify content, this function is provided to support custom peripheral elements.
+     * Note that if `getContainer` is set, the `Tooltip` displaying `name` will be invalid
+     */
+    getContainer?: (actionElement: ReactNode) => ReactNode;
+    /**
+     * @zh 名称
+     * @en name
+     */
+    name?: string;
+    /**
+     * @zh 是否禁用
+     * @en Whether disabled
+     */
+    disabled?: boolean;
+}

package/types/pc/index.d.ts

@@ -0,0 +1,153 @@
+export * from './hooks';
+export * from './utils';
+export { default as Affix } from './affix';
+export { default as Alert } from './alert';
+export { default as Anchor } from './anchor';
+export { default as AutoComplete } from './auto-complete';
+export { default as Avatar } from './avatar';
+export { default as BackTop } from './back-top';
+export { default as Badge, BADGE_COLORS, BADGE_STATUS } from './badge';
+export { default as Breadcrumb } from './breadcrumb';
+export { default as Button, BUTTON_STATUS, BUTTON_TYPE, ButtonGroup, } from './button';
+export { default as Calendar } from './calendar';
+export { default as Card } from './card';
+export { default as Carousel } from './carousel';
+export { default as Cascader } from './cascader';
+export { default as Checkbox, CheckboxGroup, CheckboxGroupBlock, } from './checkbox';
+export { default as Collapse } from './collapse';
+export { default as Comment } from './comment';
+export { ConfigConsumer, ConfigContext, default as ConfigProvider, ConfigProviderDefaultProps, } from './config-provider';
+export { default as Copy } from './copy';
+export { default as DatePicker, MonthPicker, QuarterPicker, RangePicker, WeekPicker, YearPicker, } from './date-picker';
+export { default as Descriptions } from './descriptions';
+export { default as Development } from './development';
+export { default as Divider } from './divider';
+export { default as Drawer } from './drawer';
+export { default as Dropdown, DropdownButton } from './dropdown';
+export { default as Empty } from './empty';
+export { default as Form, FormControl, FormItem, FormList, FormProvider, useForm, useFormContext, useFormState, useWatch, } from './form';
+export { Col, default as Grid, GridItem, Row } from './grid';
+export { addFromIconFontCn, default as Icon, IconContext, useIconProps, } from './icon';
+export { default as IconFile } from './icons/file';
+export { default as Image, ImagePreview, ImagePreviewGroup } from './image';
+export { default as Input, InputButton, InputGroup, InputPassword, InputSearch, InputTextArea, TextArea, } from './input';
+export { default as InputNumber } from './input-number';
+export { default as InputTag } from './input-tag';
+export { default as Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, } from './layout';
+export { default as Link } from './link';
+export { default as List, ListItem } from './list';
+export { default as Mentions } from './mentions';
+export { default as Menu, MenuItem, MenuItemGroup, MenuSubMenu, SubMenu, } from './menu';
+export { default as Message, useMessage } from './message';
+export { default as Modal } from './modal';
+export { default as Notification, useNotification } from './notification';
+export { default as PageHeader } from './page-header';
+export { default as Pagination } from './pagination';
+export { default as Popconfirm } from './popconfirm';
+export { default as Popover } from './popover';
+export { default as Portal } from './portal';
+export { default as Progress } from './progress';
+export type { AffixProps } from './affix/interface';
+export type { AlertProps } from './alert/interface';
+export type { AnchorLinkProps, AnchorProps } from './anchor/interface';
+export type { AutoCompleteProps } from './auto-complete/interface';
+export type { AvatarGroupProps, AvatarProps } from './avatar/interface';
+export type { BackTopProps } from './back-top/interface';
+export type { BadgeProps } from './badge/interface';
+export type { BreadCrumbItemProps, BreadcrumbProps, } from './breadcrumb/interface';
+export type { ButtonGroupProps, ButtonProps } from './button/interface';
+export type { CalendarProps } from './calendar/interface';
+export type { CardGridProps, CardMetaProps, CardProps } from './card/interface';
+export type { CarouselProps } from './carousel/interface';
+export type { CascaderProps } from './cascader/interface';
+export type { CheckboxGroupProps, CheckboxProps } from './checkbox/interface';
+export type { CollapseItemProps, CollapseProps } from './collapse/interface';
+export { default as ColorPicker } from './color-picker';
+export type { ColorPickerProps } from './color-picker/interface';
+export type { CommentProps } from './comment/interface';
+export type { ConfigProviderProps } from './config-provider/interface';
+export type { DatePickerProps, MonthPickerProps, QuarterPickerProps, RangePickerProps, WeekPickerProps, YearPickerProps, } from './date-picker/interface';
+export type { DescriptionsProps } from './descriptions/interface';
+export type { DividerProps } from './divider/interface';
+export type { DrawerProps } from './drawer/interface';
+export type { DropdownButtonProps, DropdownProps } from './dropdown/interface';
+export type { EmptyProps } from './empty/interface';
+export type { FormInstance, FormItemProps, FormListProps, FormProps, RulesProps, } from './form/interface';
+export type { ColProps, GridItemProps, GridProps, RowProps, } from './grid/interface';
+export { default as IconHover } from './icon-hover';
+export type { ImagePreviewActionProps, ImagePreviewGroupProps, ImagePreviewProps, ImageProps, } from './image/interface';
+export type { InputNumberProps } from './input-number/interface';
+export type { InputTagProps } from './input-tag/interface';
+export type { InputProps, TextAreaProps } from './input/interface';
+export type { ContentProps, FooterProps, HeaderProps, LayoutProps, SiderProps, } from './layout/interface';
+export type { LinkProps } from './link/interface';
+export type { ListItemMetaProps, ListItemProps, ListProps, } from './list/interface';
+export { default as Loading } from './loading';
+export type { MentionsProps } from './mentions/interface';
+export type { MenuItemGroupProps, MenuItemProps, MenuProps, MenuSubMenuProps, } from './menu/interface';
+export type { MessageHookReturnType, MessageProps } from './message/interface';
+export type { ModalHookReturnType, ModalProps } from './modal/interface';
+export type { NotificationHookReturnType, NotificationProps, } from './notification/interface';
+export type { PageHeaderProps } from './page-header/interface';
+export type { PaginationProps } from './pagination/interface';
+export type { PopconfirmProps } from './popconfirm/interface';
+export type { PopoverProps } from './popover/interface';
+export type { ProgressProps } from './progress/interface';
+export { default as Radio, RadioGroup, RadioGroupBlock, RadioGroupContext, } from './radio';
+export type { RadioGroupProps, RadioProps } from './radio/interface';
+export { default as Rate } from './rate';
+export type { RateProps } from './rate/interface';
+export { default as ResizeBox, ResizeBoxSplit, ResizeBoxSplitGroup, } from './resize-box';
+export type { ResizeBoxProps } from './resize-box/interface';
+export { default as Result } from './result';
+export type { ResultProps } from './result/interface';
+export { default as Select, SelectOption, SelectOptionGroup } from './select';
+export type { OptGroupProps as SelectOptionGroupProps, OptionProps as SelectOptionProps, SelectProps, } from './select/interface';
+export { default as Skeleton } from './skeleton';
+export type { SkeletonImageProps, SkeletonProps, SkeletonTextProps, } from './skeleton/interface';
+export { default as Slider } from './slider';
+export type { SliderProps } from './slider/interface';
+export { default as Space, SpaceVertical } from './space';
+export { default as Space_, SpaceVertical as SpaceVertical_ } from './space-';
+export type { SpaceProps as SpaceProps_ } from './space-/interface';
+export type { SpaceProps } from './space/interface';
+export { default as SpeechSynthesis } from './speech-synthesis';
+export { default as Spin } from './spin';
+export type { SpinProps } from './spin/interface';
+export { default as Statistic, StatisticCountdown } from './statistic';
+export type { CountdownProps, 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';
+export { default as Switch } from './switch';
+export type { SwitchProps } from './switch/interface';
+export { default as Table, tableDefaultComponent, TableSummary, TableSummaryCell, TableSummaryRow, useTableColumns, useTableComponent, useTableExpand, useTableRowSelection, useTableSorter, useTableStickyClassNames, useTableStickyOffsets, useTableThResizable, } from './table';
+export type { ColumnProps as TableColumnProps, TableProps, RowSelectionProps as TableRowSelectionProps, } from './table/interface';
+export type { TableInstance } from './table/Table';
+export { TabPane, default as Tabs, TabsTabPane } from './tabs';
+export type { TabsProps } from './tabs/interface';
+export { default as Tag } from './tag';
+export type { TagProps } from './tag/interface';
+export { default as TimePicker, TimeRangePicker } from './time-picker';
+export type { TimePickerProps, RangePickerProps as TimeRangePickerProps, } from './time-picker/interface';
+export { default as Timeline, TimelineItem } from './timeline';
+export type { TimelineItemProps, TimelineProps } from './timeline/interface';
+export { default as Tooltip } from './tooltip';
+export type { TooltipProps } from './tooltip/interface';
+export { default as Transfer } from './transfer';
+export type { TransferItemProps, TransferProps } from './transfer/interface';
+export { default as Tree, TreeNode } from './tree';
+export { default as TreeSelect, TreeSelectTreeNode } from './tree-select';
+export type { TreeSelectProps } from './tree-select/interface';
+export type { NodeProps as TreeNodeProps, TreeProps } from './tree/interface';
+export { default as Trigger } from './trigger';
+export type { TriggerProps } from './trigger/interface';
+export { default as Typography, TypographyEllipsis, TypographyParagraph, TypographyText, TypographyTitle, } from './typography';
+export type { EllipsisConfig, TypographyEllipsisProps, TypographyParagraphProps, TypographyProps, TypographyTextProps, TypographyTitleProps, } from './typography/interface';
+export { default as Upload, UPLOAD_STATUS, UploadList } from './upload';
+export type { UploadProps } from './upload/interface';
+export { default as VerificationCode } from './verification-code';
+export type { VerificationCodeProps } from './verification-code/interface';
+export { VERSION, VERSION_BUILD_DATE, VERSION_BUILD_TIME } from './version';
+export { default as Watermark } from './watermark';
+export type { WatermarkProps } from './watermark/interface';

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { MergePropsOptions } from '../hooks/useMergeProps';
+import InputButton from './Button';
+import Group from './Group';
+import InputNumber from './Number';
+import Password from './Password';
+import Search from './Search';
+import InputTag from './Tag';
+import TextArea from './Textarea';
+import type { InputProps, RefInputType } from './interface';
+export declare function formatValue(value: any, maxLength: any): any;
+declare const ForwardRefInput: React.ForwardRefExoticComponent<InputProps & MergePropsOptions & React.RefAttributes<RefInputType>>;
+declare const Input: typeof ForwardRefInput & {
+    Search: typeof Search;
+    TextArea: typeof TextArea;
+    Password: typeof Password;
+    Group: typeof Group;
+    Number: typeof InputNumber;
+    InputNumber: typeof InputNumber;
+    Tag: typeof InputTag;
+    InputTag: typeof InputTag;
+    Button: typeof InputButton;
+    InputButton: typeof InputButton;
+};
+export { InputButton, Group as InputGroup, InputNumber, Password as InputPassword, Search as InputSearch, InputTag, TextArea as InputTextArea, TextArea, };
+export default Input;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { TextAreaProps } from './interface';
+export type RefTextAreaType = {
+    /** 使输入框失去焦点 */
+    blur: () => void;
+    /** 使输入框获取焦点 */
+    focus: () => void;
+    /** textarea dom元素 */
+    dom: HTMLTextAreaElement;
+};
+declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<RefTextAreaType>>;
+export default TextArea;

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

@@ -0,0 +1,8 @@
+import Input from './Input';
+import { InputProps, RefInputType, TextAreaProps } from './interface';
+import { InputPasswordProps } from './Password';
+import { InputSearchProps } from './Search';
+import { RefTextAreaType } from './Textarea';
+export type { InputPasswordProps, InputProps, InputSearchProps, RefInputType, RefTextAreaType, TextAreaProps, };
+export { InputButton, InputGroup, InputNumber, InputPassword, InputSearch, InputTag, InputTextArea, TextArea, } from './Input';
+export default Input;