@unicom-cloud/ui 0.8.115 → 0.8.117

package/types/menu/OverflowWrap.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+import { MenuProps } from './interface';
+interface OverflowWrapProps {
+    ellipsisText?: ReactNode;
+    children: ReactNode;
+    onEllipsisChange?: MenuProps['onEllipsisChange'];
+}
+declare const OverflowWrap: (props: OverflowWrapProps) => React.JSX.Element;
+export default OverflowWrap;

package/types/menu/context.d.ts

@@ -0,0 +1,15 @@
+import { MenuProps } from './interface';
+export type HotkeyInfo = {
+    update: boolean;
+    activeKeyPath: string[];
+    type: 'sibling' | 'generation' | 'enter';
+};
+export type ResetHotkeyInfo = (activeKey?: string) => void;
+declare const MenuContext: import("react").Context<Pick<MenuProps, "mode" | "collapse" | "icons" | "triggerProps" | "inDropdown" | "tooltipProps" | "theme" | "levelIndent" | "selectedKeys" | "openKeys" | "autoScrollIntoView" | "scrollConfig"> & {
+    id?: string;
+    prefixCls?: string;
+    onClickMenuItem?: (key: string, e: any) => void;
+    onClickSubMenu?: (key: string, level: number, type: "pop" | "inline") => void;
+    collectInlineMenuKeys?: (key: string, unmount?: boolean) => void;
+}>;
+export default MenuContext;

package/types/menu/sub-menu/Inline.d.ts

@@ -0,0 +1,5 @@
+import { MenuSubMenuProps } from '../../menu/interface';
+declare const SubMenuInline: (props: MenuSubMenuProps & {
+    forwardedRef: any;
+}) => import("react").JSX.Element;
+export default SubMenuInline;

package/types/menu/sub-menu/Pop.d.ts

@@ -0,0 +1,5 @@
+import { MenuSubMenuProps } from '../../menu/interface';
+declare const SubMenuPop: (props: MenuSubMenuProps & {
+    forwardedRef: any;
+}) => import("react").JSX.Element;
+export default SubMenuPop;

package/types/message/interface.d.ts

@@ -0,0 +1,90 @@
+import { CSSProperties, ReactNode } from 'react';
+import { MessageType } from '.';
+/**
+ * @title Message
+ */
+export interface MessageProps {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh 消息弹出动画的类名，见 transition-group 的 `classNames`
+     * @en ClassNames of transition-group of the message pop-up animation, see `classNames`
+     */
+    transitionClassNames?: string;
+    /**
+     * @zh 动画持续时间，见 transition-group 的 `timeout`
+     * @en timeout of `transition-group` of the message pop-up animation, see `timeout`
+     * @defaultValue {enter: 100, exit: 300}
+     */
+    transitionTimeout?: {
+        enter?: number;
+        exit?: number;
+    };
+    /**
+     * @zh 消息内容
+     * @en Message content
+     */
+    content: ReactNode | string | number;
+    /**
+     * @zh 是否显示图标
+     * @en Whether to show the icon
+     * @defaultValue true
+     */
+    showIcon?: boolean;
+    /**
+     * @zh 自定义图标
+     * @en Custom icon
+     */
+    icon?: ReactNode;
+    /**
+     * @zh 自动关闭的时间，单位为 `ms`
+     * @en Automatic shutdown time, the unit is `ms`
+     * @defaultValue 3000
+     */
+    duration?: number;
+    /**
+     * @zh 关闭时的回调
+     * @en Callback when close
+     */
+    onClose?: () => void;
+    /**
+     * @zh 当前消息的唯一标识，可以用来更新消息
+     * @en The unique identifier of the current message, which can be used to update the message
+     */
+    id?: string;
+    /**
+     * @zh 消息的位置，分为 `top` 上方和 `bottom` 下方
+     * @en The position of the message
+     */
+    position?: 'top' | 'bottom';
+    /**
+     * @zh 是否显示关闭按钮
+     * @en Whether to show the close button
+     * @defaultValue true
+     */
+    closable?: boolean;
+    /**
+     * @zh 自定义右上角关闭按钮
+     * @en Custom the close button on top-right of the drawer dialog
+     */
+    closeIcon?: ReactNode;
+    type?: string;
+}
+type messageHookFunction = (config: MessageProps | string | number) => MessageType;
+export type MessageHookReturnType = {
+    info?: messageHookFunction;
+    success?: messageHookFunction;
+    warning?: messageHookFunction;
+    error?: messageHookFunction;
+    loading?: messageHookFunction;
+    normal?: messageHookFunction;
+};
+export type ConfigProps = {
+    maxCount?: number;
+    prefixCls?: string;
+    getContainer?: () => HTMLElement;
+    duration?: number;
+    rtl?: boolean;
+    closable?: boolean;
+};
+export {};

package/types/modal/interface.d.ts

@@ -0,0 +1,198 @@
+import { CSSProperties, ReactNode } from 'react';
+import { ButtonProps } from '../button';
+import { ConfirmProps } from './Confirm';
+/**
+ * @title Modal
+ */
+export interface ModalProps {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh 关闭弹出框的回调
+     * @en Callback when click cancel button
+     */
+    onCancel?: () => void;
+    /**
+     * @zh 点击确认按钮的回调
+     * @en Callback when click ok button
+     */
+    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
+     * @defaultValue () => document.body
+     */
+    getPopupContainer?: () => Element;
+    /**
+     * @zh 对话框里的弹出框 `Select` `Tooltip` 等挂载的容器，默认挂载在对话框内。
+     * @en The Popup in Modal. Such as `Select` and `Tooltip` are mounted in the Modal
+     */
+    getChildrenPopupContainer?: (node: HTMLElement) => Element;
+    /**
+     * @zh 弹出框的标题
+     * @en The title of Modal
+     */
+    title?: string | ReactNode;
+    subtitle?: string | ReactNode;
+    /**
+     * @zh 弹出框是否可见
+     * @en Whether the Modal is visible
+     */
+    visible?: boolean;
+    /**
+     * @zh 是否显示遮罩
+     * @en Whether show mask
+     * @defaultValue true
+     */
+    mask?: boolean;
+    /**
+     * @zh
+     * 简洁模式的样式，没有分割线，底部按钮居中显示。默认通过方法调用的提示类型的弹窗会展示`simple`样式。设置为true时，默认不显示右上角关闭图标
+     * @en
+     * Simple Mode, no dividing line, the bottom button is displayed in the center.
+     * The Alter Modal called by the default method will use `simple` mode. When set to true, the close icon is not display
+     */
+    simple?: boolean;
+    /**
+     * @zh 确认按钮文案
+     * @en The text of `ok` button
+     */
+    okText?: ReactNode;
+    /**
+     * @zh 取消按钮文案
+     * @en The text of `cancel` button
+     */
+    cancelText?: ReactNode;
+    /**
+     * @zh 确认按钮的 props
+     * @en The props of `ok` button
+     */
+    okButtonProps?: ButtonProps;
+    /**
+     * @zh 取消按钮的 props
+     * @en The props of `cancel` button
+     */
+    cancelButtonProps?: ButtonProps;
+    /**
+     * @zh 自定义页头，传入 false | null | undefined 则不显示
+     * @en Custom `header`. if it is null, the header will not be displayed.
+     */
+    header?: ReactNode | ((title: ReactNode, subtitle: ReactNode) => ReactNode) | boolean | null | undefined;
+    /**
+     * @zh 自定义页脚，传入 false | null | undefined 则不显示
+     * @en Custom `footer`. if it is null, the footer will not be displayed.
+     */
+    footer?: ReactNode | ((cancelButtonNode: ReactNode, okButtonNode: ReactNode) => ReactNode) | boolean | null | undefined;
+    /**
+     * @zh 是否显示右上角的关闭按钮
+     * @en Whether to show the close button in TitleBar
+     */
+    closable?: boolean;
+    /**
+     * @zh 自定义右上角的关闭按钮节点
+     * @en Customize the close icon
+     */
+    closeIcon?: ReactNode;
+    /**
+     * @zh 点击蒙层是否可以关闭
+     * @en Whether enable click mask to close Modal.
+     * @defaultValue true
+     */
+    maskClosable?: boolean;
+    /**
+     * @zh 蒙层的样式
+     * @en The style of mask
+     */
+    maskStyle?: CSSProperties;
+    /**
+     * @zh 弹框打开之后的回调
+     * @en Callback when Modal opened
+     */
+    afterOpen?: () => void;
+    /**
+     * @zh 弹框关闭之后的回调
+     * @en Callback when Modal closed
+     */
+    afterClose?: () => void;
+    /**
+     * @zh 确认按钮加载中
+     * @en Whether the `ok` button is loading
+     */
+    confirmLoading?: boolean;
+    /**
+     * @zh 是否在初次打开对话框时才渲染 dom
+     * @en Whether to render DOM when first opened
+     * @defaultValue true
+     */
+    mountOnEnter?: boolean;
+    /**
+     * @zh 是否在隐藏之后销毁DOM结构
+     * @en Whether to destroy DOM after closed
+     */
+    unmountOnExit?: boolean;
+    /**
+     * @zh 按 `ESC` 键关闭
+     * @en Whether enable press `ESC` to close Modal
+     * @defaultValue true
+     */
+    escToExit?: boolean;
+    /**
+     * @zh 弹出框垂直水平居中
+     * @en Modal is centered vertically and horizontally
+     * @defaultValue true
+     */
+    alignCenter?: boolean;
+    /**
+     * @zh 弹出框外层 dom 类名
+     * @en The class of the wrapped dom
+     */
+    wrapClassName?: string | string[];
+    /**
+     * @zh 弹出框外层样式
+     * @en The style of the wrapped dom
+     */
+    wrapStyle?: CSSProperties;
+    hideCancel?: boolean;
+    /**
+     * @zh 自定义渲染对话框
+     * @en Custom the render of Modal
+     */
+    modalRender?: (modalNode: ReactNode) => ReactNode;
+    /**
+     * @zh 是否开启全屏
+     * @en Whether to enable fullscreenable
+     */
+    fullscreenable?: boolean;
+    draggable?: boolean;
+}
+export type ModalReturnProps = {
+    update: (newConfig: ConfirmProps) => void;
+    close: () => void;
+    destroy: () => void;
+};
+type modalHookFunction = (config: ConfirmProps) => {
+    close: () => void;
+    update: (config: ConfirmProps) => void;
+};
+export type ModalHookReturnType = {
+    show?: modalHookFunction;
+    confirm?: modalHookFunction;
+    info?: modalHookFunction;
+    success?: modalHookFunction;
+    warning?: modalHookFunction;
+    error?: modalHookFunction;
+};
+export {};

package/types/overflow-ellipsis/OverflowItem.d.ts

@@ -0,0 +1,3 @@
+import type { OverflowItemProps } from './interface';
+declare function OverflowItem(props: OverflowItemProps): import("react").JSX.Element;
+export default OverflowItem;

package/types/overflow-ellipsis/index.d.ts

@@ -0,0 +1,6 @@
+import { JSX } from 'react';
+import OverflowItem from './OverflowItem';
+import type { OverflowEllipsisProps } from './interface';
+declare function OverflowEllipsis(props: OverflowEllipsisProps): JSX.Element;
+export { OverflowItem as OverflowEllipsisItem, OverflowItem };
+export default OverflowEllipsis;

package/types/pagination/PageItem.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { JumpPagerProps, PagerProps, StepPagerProps } from './interface';
+/**
+ * default pager item
+ */
+declare function Pager(props: PagerProps): React.JSX.Element;
+/**
+ * preJump or nextJump button
+ * @param props
+ */
+export declare const JumpPager: (props: JumpPagerProps) => React.JSX.Element;
+/**
+ * previous or next button
+ * @param props
+ */
+export declare const StepPager: (props: StepPagerProps) => React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Pager>;
+export default _default;

package/types/pagination/PageJumper.d.ts

@@ -0,0 +1,13 @@
+export interface PageJumperProps {
+    disabled?: boolean;
+    rootPrefixCls?: string;
+    totalPages: number;
+    current: number;
+    simple?: boolean | {
+        showJumper?: boolean;
+    };
+    onPageChange?: (value: any) => void;
+    size?: 'mini' | 'small' | 'default' | 'large';
+}
+declare function PageJumper(props: PageJumperProps): import("react").JSX.Element;
+export default PageJumper;

package/types/pagination/PageOption.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { SelectProps } from '../select/interface';
+export interface PageOptionProps {
+    disabled?: boolean;
+    rootPrefixCls?: string;
+    sizeOptions?: number[];
+    onPageSizeChange?: (value: any) => void;
+    pageSize?: number;
+    size?: 'mini' | 'small' | 'default' | 'large';
+    selectProps?: Partial<SelectProps>;
+    allowCreate?: SelectProps['allowCreate'];
+}
+declare const SIZE_OPTIONS: number[];
+declare function PageOption(props: PageOptionProps): React.JSX.Element;
+export { SIZE_OPTIONS as PAGE_SIZE_OPTIONS };
+declare const _default: React.MemoExoticComponent<typeof PageOption>;
+export default _default;

package/types/progress/CircleProgress.d.ts

@@ -0,0 +1,8 @@
+import { ProgressProps } from './interface';
+declare const CircleProgress: (props: ProgressProps & {
+    prefixCls?: string;
+    width: number;
+    pathStrokeWidth?: number;
+    pathStrokeColor?: string;
+}) => import("react").JSX.Element;
+export default CircleProgress;

package/types/progress/LineProgess.d.ts

@@ -0,0 +1,2 @@
+declare function LineProgress(props: any): import("react").JSX.Element;
+export default LineProgress;

package/types/progress/StepProgress.d.ts

@@ -0,0 +1,2 @@
+export declare const StepProgress: (props: any) => import("react").JSX.Element;
+export default StepProgress;

package/types/qr-code/examples/download.d.ts

@@ -0,0 +1,2 @@
+declare function DownloadDemo(): import("react").JSX.Element;
+export { DownloadDemo };

package/types/qr-code/examples/full.d.ts

@@ -0,0 +1,2 @@
+declare function FullDemo(): import("react").JSX.Element;
+export { FullDemo };

package/types/qr-code/examples/image.d.ts

@@ -0,0 +1,2 @@
+declare function ImageDemo(): import("react").JSX.Element;
+export { ImageDemo };

package/types/qr-code/interface.d.ts

@@ -0,0 +1,132 @@
+import type React from 'react';
+import { qrcodegen } from './src';
+export type Modules = ReturnType<qrcodegen.QrCode['getModules']>;
+export type Excavation = {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+};
+export type ErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H';
+export type CrossOrigin = 'anonymous' | 'use-credentials' | '' | undefined;
+export type ERROR_LEVEL_MAPPED_TYPE = {
+    [index in ErrorCorrectionLevel]: qrcodegen.QrCode.Ecc;
+};
+export type ImageSettings = {
+    /**
+     * The URI of the embedded image.
+     */
+    src: string;
+    /**
+     * The height, in pixels, of the image.
+     */
+    height: number;
+    /**
+     * The width, in pixels, of the image.
+     */
+    width: number;
+    /**
+     * Whether or not to "excavate" the modules around the embedded image. This
+     * means that any modules the embedded image overlaps will use the background
+     * color.
+     */
+    excavate: boolean;
+    /**
+     * The horiztonal offset of the embedded image, starting from the top left corner.
+     * Will center if not specified.
+     */
+    x?: number;
+    /**
+     * The vertical offset of the embedded image, starting from the top left corner.
+     * Will center if not specified.
+     */
+    y?: number;
+    /**
+     * The opacity of the embedded image in the range of 0-1.
+     * @defaultValue 1
+     */
+    opacity?: number;
+    /**
+     * The cross-origin value to use when loading the image. This is used to
+     * ensure compatibility with CORS, particularly when extracting image data
+     * from QRCodeCanvas.
+     * Note: `undefined` is treated differently than the seemingly equivalent
+     * empty string. This is intended to align with HTML behavior where omitting
+     * the attribute behaves differently than the empty string.
+     */
+    crossOrigin?: CrossOrigin;
+};
+export type QRProps = {
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /**
+     * The value to encode into the QR Code. An array of strings can be passed in
+     * to represent multiple segments to further optimize the QR Code.
+     */
+    value: string | string[];
+    /**
+     * The size, in pixels, to render the QR Code.
+     * @defaultValue 128
+     */
+    size?: number;
+    /**
+     * The Error Correction Level to use.
+     * @see https://www.qrcode.com/en/about/error_correction.html
+     * @defaultValue L
+     */
+    level?: ErrorCorrectionLevel;
+    /**
+     * The background color used to render the QR Code.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
+     * @defaultValue #FFFFFF
+     */
+    bgColor?: string;
+    /**
+     * The foreground color used to render the QR Code.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
+     * @defaultValue #000000
+     */
+    fgColor?: string;
+    /**
+     * The number of _modules_ to use for margin. The QR Code specification
+     * requires `4`, however you can specify any number. Values will be turned to
+     * integers with `Math.floor`.
+     * @defaultValue 0
+     */
+    marginSize?: number;
+    /**
+     * The title to assign to the QR Code. Used for accessibility reasons.
+     */
+    title?: string;
+    /**
+     * The minimum version used when encoding the QR Code. Valid values are 1-40
+     * with higher values resulting in more complex QR Codes. The optimal
+     * (lowest) version is determined for the `value` provided, using `minVersion`
+     * as the lower bound.
+     * @defaultValue 1
+     */
+    minVersion?: number;
+    /**
+     * If enabled, the Error Correction Level of the result may be higher than
+     * the specified Error Correction Level option if it can be done without
+     * increasing the version.
+     * @defaultValue true
+     */
+    boostLevel?: boolean;
+    /**
+     * The settings for the embedded image.
+     */
+    imageSettings?: ImageSettings;
+};
+export type QRPropsCanvas = QRProps & React.CanvasHTMLAttributes<HTMLCanvasElement>;
+export type QRPropsSVG = QRProps & React.SVGAttributes<SVGSVGElement>;
+export interface QRCodeProps extends QRProps {
+    /** 渲染模式 */
+    renderAs?: 'svg' | 'canvas';
+    /** 是否显示边框 */
+    bordered?: boolean;
+    /** 容错级别 */
+    errorLevel?: ErrorCorrectionLevel;
+}

package/types/qr-code/src/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license qrcode.react
+ * Copyright (c) Paul O'Shannessy
+ * SPDX-License-Identifier: ISC
+ */
+import React from 'react';
+import qrcodegen from './qrcodegen';
+declare const QRCodeCanvas: React.ForwardRefExoticComponent<import("../interface").QRProps & React.CanvasHTMLAttributes<HTMLCanvasElement> & React.RefAttributes<HTMLCanvasElement>>;
+declare const QRCodeSVG: React.ForwardRefExoticComponent<import("../interface").QRProps & React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export { QRCodeCanvas, qrcodegen, QRCodeSVG };

package/types/radio/Group.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+import { RadioGroupContextProps, RadioGroupProps } from './interface';
+export declare const RadioGroupContext: import("react").Context<RadioGroupContextProps>;
+export declare const ClearRadioGroupContext: ({ children }: PropsWithChildren<{}>) => import("react").JSX.Element;
+declare function Group(baseProps: PropsWithChildren<RadioGroupProps>): import("react").JSX.Element;
+declare namespace Group {
+    var displayName: string;
+}
+export default Group;
+export type { RadioGroupContextProps, RadioGroupProps };

package/types/radio/GroupBlock.d.ts

@@ -0,0 +1,7 @@
+import { RadioGroupContextProps, RadioGroupProps } from './interface';
+declare function RadioGroupBlock(baseProps: any): import("react").JSX.Element;
+declare namespace RadioGroupBlock {
+    var displayName: string;
+}
+export default RadioGroupBlock;
+export type { RadioGroupContextProps, RadioGroupProps };

package/types/radio/Radio.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import RadioGroup, { RadioGroupContext } from './Group';
+import RadioGroupBlock from './GroupBlock';
+import { RadioProps } from './interface';
+declare function Radio(baseProps: RadioProps): React.JSX.Element;
+declare namespace Radio {
+    var __PQB_RADIO: boolean;
+    var displayName: string;
+    var Group: typeof RadioGroup;
+    var GroupBlock: typeof RadioGroupBlock;
+    var GroupContext: React.Context<import("./interface").RadioGroupContextProps>;
+}
+export { RadioGroup, RadioGroupBlock, RadioGroupContext };
+export default Radio;
+export type { RadioProps };

package/types/resize-box/ResizeTrigger.d.ts

@@ -0,0 +1,31 @@
+import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
+export interface ResizeTriggerProps {
+    style?: CSSProperties;
+    className?: string | string[];
+    /** 方向，可选值为水平 `horizontal`，垂直 `vertical` */
+    direction: string;
+    /** 定制图标 */
+    icon?: ReactNode;
+    /** 鼠标按下的事件 */
+    onMouseDown?: (e: any) => void;
+    /** resize 事件 */
+    onResize?: (e: any) => void;
+    /** 支持伸缩 */
+    resizable?: boolean;
+    /** 支持快速收缩 */
+    collapsible?: {
+        prev?: {
+            icon?: ReactNode;
+            onClick?: (e: any) => void;
+            collapsed?: boolean;
+        };
+        next?: {
+            icon?: ReactNode;
+            onClick?: (e: any) => void;
+            collapsed?: boolean;
+        };
+    };
+    renderChildren?: (prev: ReactNode, trigger: ReactNode, next: ReactNode) => ReactNode;
+}
+declare function ResizeTrigger(props: PropsWithChildren<ResizeTriggerProps>): import("react").JSX.Element;
+export default ResizeTrigger;

package/types/result/403.d.ts

@@ -0,0 +1,2 @@
+declare function Image403(): import("react").JSX.Element;
+export default Image403;

package/types/result/404.d.ts

@@ -0,0 +1,2 @@
+declare function Image404(): import("react").JSX.Element;
+export default Image404;

package/types/result/500.d.ts

@@ -0,0 +1,2 @@
+declare function Image500(): import("react").JSX.Element;
+export default Image500;