@tendaui/react 1.1.4 → 1.1.5

package/es/loading/Loading.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { StyledProps } from "../common";
+import { TdLoadingProps } from "./type";
+export interface LoadingProps extends TdLoadingProps, StyledProps {
+}
+declare const Loading: React.FC<LoadingProps>;
+export default Loading;

package/es/loading/circleAdapter.d.ts

@@ -0,0 +1 @@
+export default function circleAdapter(circleElem: HTMLElement): void;

package/es/loading/defaultProps.d.ts

@@ -0,0 +1,2 @@
+import { TdLoadingProps } from "./type";
+export declare const loadingDefaultProps: TdLoadingProps;

package/es/loading/index.d.ts

@@ -0,0 +1,5 @@
+import "./style/index.js";
+export type { LoadingProps } from "./Loading";
+export * from "./type";
+export declare const Loading: import("react").FC<import("./Loading").LoadingProps>;
+export default Loading;

package/es/loading/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/es/loading/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/loading/type.d.ts

@@ -0,0 +1,68 @@
+import { TNode, AttachNode } from "../common";
+export interface TdLoadingProps {
+    /**
+     * 挂载元素，默认挂载到组件本身所在的位置。数据类型为 String 时，会被当作选择器处理，进行节点查询。示例：'body' 或 () => document.body
+     * @default ''
+     */
+    attach?: AttachNode;
+    /**
+     * 子元素，同 content
+     */
+    children?: TNode;
+    /**
+     * 子元素
+     */
+    content?: TNode;
+    /**
+     * 延迟显示加载效果的时间，用于防止请求速度过快引起的加载闪烁，单位：毫秒
+     * @default 0
+     */
+    delay?: number;
+    /**
+     * 是否显示为全屏加载
+     * @default false
+     */
+    fullscreen?: boolean;
+    /**
+     * 加载指示符，值为 true 显示默认指示符，值为 false 则不显示，也可以自定义指示符
+     * @default true
+     */
+    indicator?: TNode;
+    /**
+     * 是否继承父元素颜色
+     * @default false
+     */
+    inheritColor?: boolean;
+    /**
+     * 是否处于加载状态
+     * @default true
+     */
+    loading?: boolean;
+    /**
+     * 防止滚动穿透，全屏加载模式有效
+     * @default true
+     */
+    preventScrollThrough?: boolean;
+    /**
+     * 是否需要遮罩层，遮罩层对包裹元素才有效
+     * @default true
+     */
+    showOverlay?: boolean;
+    /**
+     * 尺寸，示例：small/medium/large/12px/56px/0.3em
+     * @default medium
+     */
+    size?: string;
+    /**
+     * 加载提示文案
+     */
+    text?: TNode;
+    /**
+     * 消息通知层级，样式默认为 3500
+     */
+    zIndex?: number;
+}
+export interface LoadingInstance {
+    hide: () => void;
+}
+export type LoadingMethod = (options: boolean | TdLoadingProps) => LoadingInstance;

package/es/loading/utils/setStyle.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 用于为节点增加styles
+ * @param el HTMLElement
+ * @param style Styles
+ */
+declare function setStyle(el: HTMLElement, styles: any): void;
+export default setStyle;

package/es/locale/LocalReceiver.d.ts

@@ -0,0 +1,6 @@
+import { Locale } from "../config-provider";
+export interface Placement {
+    [propName: string]: string | number;
+}
+export type TransformPattern = string | Function | Array<string>;
+export declare function useLocaleReceiver<T extends keyof Locale>(componentName: T, defaultLocale?: Locale[T] | Function): [Locale[T], Function];

package/es/locale/ar_KW.d.ts

@@ -0,0 +1,3 @@
+import { GlobalConfigProvider } from "../config-provider/type";
+declare const arKW: GlobalConfigProvider;
+export default arKW;

package/es/locale/en_US.d.ts

@@ -0,0 +1,3 @@
+import { GlobalConfigProvider } from "../config-provider/type";
+declare const enUS: GlobalConfigProvider;
+export default enUS;

package/es/locale/it_IT.d.ts

@@ -0,0 +1,3 @@
+import { GlobalConfigProvider } from "../config-provider/type";
+declare const _default: GlobalConfigProvider;
+export default _default;

package/es/locale/ja_JP.d.ts

@@ -0,0 +1,3 @@
+import { GlobalConfigProvider } from "../config-provider/type";
+declare const _default: GlobalConfigProvider;
+export default _default;

package/es/locale/ko_KR.d.ts

@@ -0,0 +1,3 @@
+import { GlobalConfigProvider } from "../config-provider/type";
+declare const _default: GlobalConfigProvider;
+export default _default;

package/es/locale/ru_RU.d.ts

@@ -0,0 +1,3 @@
+import { GlobalConfigProvider } from "../config-provider/type";
+declare const _default: GlobalConfigProvider;
+export default _default;

package/es/locale/zh_CN.d.ts

@@ -0,0 +1,3 @@
+import { GlobalConfigProvider } from "../config-provider/type";
+declare const _default: GlobalConfigProvider;
+export default _default;

package/es/locale/zh_TW.d.ts

@@ -0,0 +1,3 @@
+import { GlobalConfigProvider } from "../config-provider/type";
+declare const zhTW: GlobalConfigProvider;
+export default zhTW;

package/es/notification/Notify.d.ts

@@ -0,0 +1,11 @@
+type NotificationType = "default" | "success" | "error" | "info" | "warning";
+type NotificationMessage = {
+    id: string;
+    type: NotificationType;
+    message: string;
+    title: string;
+};
+declare let addNotification: (notification: NotificationMessage) => void;
+export declare function notification(message: string, type: NotificationType, title: string): void;
+export declare function registerNotificationHandler(cb: typeof addNotification): void;
+export {};

package/es/notification/NotifyContainer.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { TdNotificationProps } from "./type";
+export declare const GAP = 14;
+export declare const TOAST_WIDTH = 356;
+declare const NotificationContainer: ({ notifications, onRemove, onHoverStart, onHoverEnd, maxStack, position }: {
+    notifications: TdNotificationProps[];
+    onRemove: (id: string) => void;
+    onHoverStart: () => void;
+    onHoverEnd: () => void;
+    maxStack: number;
+    position: string;
+}) => React.JSX.Element;
+export default NotificationContainer;

package/es/notification/NotifyContext.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+type NotificationType = "success" | "error" | "warning" | "info";
+interface NotificationContextType {
+    notify: (type: NotificationType, message: Message) => void;
+    success: (message: Message) => void;
+    error: (message: Message) => void;
+    warning: (message: Message) => void;
+    info: (message: Message) => void;
+    removeNotification: (id: string) => void;
+}
+interface NotificationProviderProps {
+    children: React.ReactNode;
+    maxStack?: number;
+    displayDuration?: number;
+    position?: string;
+}
+type Message = {
+    title: string;
+    message: string;
+};
+export declare const NotificationProvider: React.FC<NotificationProviderProps>;
+export declare const useNotification: () => NotificationContextType;
+export {};

package/es/notification/NotifyItem.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TdNotificationProps } from "./type";
+declare const NotificationItem: React.FC<TdNotificationProps>;
+export default NotificationItem;

package/es/notification/index.d.ts

@@ -0,0 +1,3 @@
+export { notification } from "./Notify";
+export { NotificationProvider, useNotification } from "./NotifyContext";
+import "./style/index";

package/es/notification/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/es/notification/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/notification/type.d.ts

@@ -0,0 +1,22 @@
+export interface TdNotificationProps {
+    id: string;
+    type: string;
+    message: string;
+    title: string;
+    onRemove?: (id: string) => void;
+    onHoverStart?: () => void;
+    onHoverEnd?: () => void;
+    maxStack?: number;
+    position?: string;
+    heights?: HeightItem[];
+    setHeights?: React.Dispatch<React.SetStateAction<HeightItem[]>>;
+    gap?: number;
+    isExpanded?: boolean;
+    isRemoved?: boolean;
+}
+export interface HeightItem {
+    toastId: string;
+    height: number;
+    message: string;
+    type: string;
+}

package/es/popup/Popup.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { TdPopupProps } from "./type";
+import usePopper from "../hooks/usePopper";
+export interface PopupProps extends TdPopupProps {
+    expandAnimation?: boolean;
+    updateScrollTop?: (content: HTMLDivElement) => void;
+}
+export interface PopupRef {
+    /** 获取 popper 实例 */
+    getPopper: () => ReturnType<typeof usePopper>;
+    /** 获取 Popup dom 元素 */
+    getPopupElement: () => HTMLDivElement;
+    /** 获取 portal dom 元素 */
+    getPortalElement: () => HTMLDivElement;
+    /** 获取内容区域 dom 元素 */
+    getPopupContentElement: () => HTMLDivElement;
+    /** 设置 popup 显示隐藏 */
+    setVisible: (visible: boolean) => void;
+}
+declare const Popup: React.ForwardRefExoticComponent<PopupProps & React.RefAttributes<PopupRef>>;
+export default Popup;

package/es/popup/defaultProps.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * */
+import { TdPopupProps } from "./type";
+export declare const popupDefaultProps: TdPopupProps;

package/es/popup/hooks/useTrigger.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { TNode } from "../../common";
+interface UseTriggerProps {
+    content: TNode;
+    disabled?: boolean;
+    trigger: "hover" | "click" | "mousedown" | "focus" | "context-menu" | undefined;
+    visible: boolean | undefined;
+    onVisibleChange: (visible: boolean, context: {
+        e?: React.MouseEvent<HTMLElement> | React.TouchEvent<HTMLElement> | React.FocusEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
+        trigger: string;
+    }) => void;
+    triggerRef: React.RefObject<HTMLElement>;
+    delay?: number | [number, number] | number[];
+}
+export default function useTrigger({ content, disabled, trigger, visible, onVisibleChange, triggerRef, delay }: UseTriggerProps): {
+    getTriggerNode: (children: React.ReactNode) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    getPopupProps: () => React.HTMLAttributes<HTMLElement>;
+    getTriggerDom: () => {};
+};
+export {};

package/es/popup/index.d.ts

@@ -0,0 +1,5 @@
+import "./style/index";
+export type { PopupProps, PopupRef } from "./Popup";
+export * from "./type";
+export declare const Popup: import("react").ForwardRefExoticComponent<import("./Popup").PopupProps & import("react").RefAttributes<import("./Popup").PopupRef>>;
+export default Popup;

package/es/popup/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/es/popup/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/popup/type.d.ts

@@ -0,0 +1,109 @@
+import { TNode, ClassName, Styles, AttachNode } from "../common";
+import { MouseEvent, KeyboardEvent, FocusEvent, WheelEvent } from "react";
+export interface TdPopupProps {
+    /**
+     * 制定挂载节点。数据类型为 String 时，会被当作选择器处理，进行节点查询。示例：'body' 或 () => document.body
+     * @default 'body'
+     */
+    attach?: AttachNode;
+    /**
+     * 触发元素，同 triggerElement
+     */
+    children?: TNode;
+    /**
+     * 浮层里面的内容
+     */
+    content?: TNode;
+    /**
+     * 延时显示或隐藏浮层，[延迟显示的时间，延迟隐藏的时间]，单位：毫秒。如果只有一个时间，则表示显示和隐藏的延迟时间相同。示例 `'300'` 或者 `[200, 200]`。默认为：[250, 150]
+     */
+    delay?: number | Array<number>;
+    /**
+     * 是否在关闭浮层时销毁浮层
+     * @default false
+     */
+    destroyOnClose?: boolean;
+    /**
+     * 是否禁用组件
+     */
+    disabled?: boolean;
+    /**
+     * 浮层是否隐藏空内容，默认不隐藏
+     * @default false
+     */
+    hideEmptyPopup?: boolean;
+    /**
+     * 浮层类名，示例：'name1 name2 name3' 或 `['name1', 'name2']` 或 `[{ 'name1': true }]`
+     */
+    overlayClassName?: ClassName;
+    /**
+     * 浮层内容部分类名，示例：'name1 name2 name3' 或 `['name1', 'name2']` 或 `[{ 'name1': true }]`
+     */
+    overlayInnerClassName?: ClassName;
+    /**
+     * 浮层内容部分样式，第一个参数 `triggerElement` 表示触发元素 DOM 节点，第二个参数 `popupElement` 表示浮层元素 DOM 节点
+     */
+    overlayInnerStyle?: Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => Styles);
+    /**
+     * 浮层样式，第一个参数 `triggerElement` 表示触发元素 DOM 节点，第二个参数 `popupElement` 表示浮层元素 DOM 节点
+     */
+    overlayStyle?: Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => Styles);
+    /**
+     * 浮层出现位置
+     * @default top
+     */
+    placement?: PopupPlacement;
+    /**
+     * popper 初始化配置，详情参考 https://popper.js.org/docs/
+     */
+    popperOptions?: object;
+    /**
+     * 是否显示浮层箭头
+     * @default false
+     */
+    showArrow?: boolean;
+    /**
+     * 触发浮层出现的方式
+     * @default hover
+     */
+    trigger?: "hover" | "click" | "focus" | "mousedown" | "context-menu";
+    /**
+     * 触发元素。值类型为字符串表示元素选择器
+     */
+    triggerElement?: TNode;
+    /**
+     * 是否显示浮层
+     */
+    visible?: boolean;
+    /**
+     * 是否显示浮层，非受控属性
+     */
+    defaultVisible?: boolean;
+    /**
+     * 组件层级，Web 侧样式默认为 5500，移动端和小程序样式默认为 1500
+     */
+    zIndex?: number;
+    /**
+     * 下拉选项滚动事件
+     */
+    onScroll?: (context: {
+        e: WheelEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 下拉滚动触底事件，常用于滚动到底执行具体业务逻辑
+     */
+    onScrollToBottom?: (context: {
+        e: WheelEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 当浮层隐藏或显示时触发，`trigger=document` 表示点击非浮层元素触发；`trigger=context-menu` 表示右击触发
+     */
+    onVisibleChange?: (visible: boolean, context: PopupVisibleChangeContext) => void;
+}
+export type PopupPlacement = "top" | "left" | "right" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
+export interface PopupVisibleChangeContext {
+    e?: PopupTriggerEvent;
+    trigger?: PopupTriggerSource;
+}
+export type PopupTriggerEvent = MouseEvent<HTMLDivElement> | FocusEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>;
+export type PopupTriggerSource = "document" | "trigger-element-click" | "trigger-element-hover" | "trigger-element-blur" | "trigger-element-focus" | "trigger-element-mousedown" | "context-menu" | "keydown-esc";

package/es/portal/Portal.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { AttachNode, AttachNodeReturnValue } from "../common";
+export interface PortalProps {
+    /**
+     * 指定挂载的 HTML 节点, false 为挂载在 body
+     */
+    attach?: React.ReactElement | AttachNode | boolean;
+    /**
+     * 触发元素
+     */
+    triggerNode?: HTMLElement;
+    children: React.ReactNode;
+}
+export declare function getAttach(attach: PortalProps["attach"], triggerNode?: HTMLElement): AttachNodeReturnValue;
+declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<unknown>>;
+export default Portal;

package/es/portal/index.d.ts

@@ -0,0 +1 @@
+export * from "./Portal";

package/es/radio/Radio.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { CheckProps } from "../common/Check";
+export type RadioProps = Omit<CheckProps, "type">;
+declare const Radio: React.FunctionComponent<RadioProps & React.RefAttributes<HTMLLabelElement>> & {
+    Group: React.FC<import("./RadioGroup").RadioGroupProps>;
+    Button: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLLabelElement>>;
+};
+export default Radio;

package/es/radio/RadioGroup.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from "react";
+import type { StyledProps } from "../common";
+import type { TdRadioGroupProps } from "./type";
+/**
+ * RadioGroup 组件所接收的属性
+ */
+export interface RadioGroupProps extends TdRadioGroupProps, StyledProps {
+    children?: ReactNode;
+}
+/**
+ * 单选选项组，里面可以嵌套 <Radio />
+ */
+declare const RadioGroup: React.FC<RadioGroupProps>;
+export default RadioGroup;

package/es/radio/defaultProps.d.ts

@@ -0,0 +1,3 @@
+import { TdRadioProps, TdRadioGroupProps } from "./type";
+export declare const radioDefaultProps: TdRadioProps;
+export declare const radioGroupDefaultProps: TdRadioGroupProps;

package/es/radio/index.d.ts

@@ -0,0 +1,10 @@
+import "./style/index.js";
+export type { RadioProps } from "./Radio";
+export type { RadioGroupProps } from "./RadioGroup";
+export * from "./type";
+export declare const Radio: import("react").FunctionComponent<import("./Radio").RadioProps & import("react").RefAttributes<HTMLLabelElement>> & {
+    Group: import("react").FC<import("./RadioGroup").RadioGroupProps>;
+    Button: import("react").ForwardRefExoticComponent<import("./Radio").RadioProps & import("react").RefAttributes<HTMLLabelElement>>;
+};
+export declare const RadioGroup: import("react").FC<import("./RadioGroup").RadioGroupProps>;
+export default Radio;

package/es/radio/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/radio/type.d.ts

@@ -0,0 +1,117 @@
+import { TNode, SizeEnum } from "../common";
+import { MouseEvent, ChangeEvent } from "react";
+export interface TdRadioProps<T = RadioValue> {
+    /**
+     * 是否允许取消选中
+     * @default false
+     */
+    allowUncheck?: boolean;
+    /**
+     * 是否选中
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * 是否选中，非受控属性
+     * @default false
+     */
+    defaultChecked?: boolean;
+    /**
+     * 单选内容，同 label
+     */
+    children?: TNode;
+    /**
+     * 是否为禁用态。如果存在父组件 RadioGroup，默认值由 RadioGroup.disabled 控制。优先级：Radio.disabled > RadioGroup.disabled
+     */
+    disabled?: boolean;
+    /**
+     * 主文案
+     */
+    label?: TNode;
+    /**
+     * HTML 元素原生属性
+     * @default ''
+     */
+    name?: string;
+    /**
+     * 只读状态
+     */
+    readonly?: boolean;
+    /**
+     * 单选按钮的值
+     */
+    value?: T;
+    /**
+     * 选中状态变化时触发
+     */
+    onChange?: (checked: boolean, context: {
+        e: ChangeEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 点击时触发，一般用于外层阻止冒泡场景
+     */
+    onClick?: (context: {
+        e: MouseEvent<HTMLLabelElement>;
+    }) => void;
+}
+export interface TdRadioGroupProps<T = RadioValue> {
+    /**
+     * 是否允许取消选中
+     * @default false
+     */
+    allowUncheck?: boolean;
+    /**
+     * 是否禁用全部子单选框。优先级：Radio.disabled > RadioGroup.disabled
+     */
+    disabled?: boolean;
+    /**
+     * HTML 元素原生属性
+     * @default ''
+     */
+    name?: string;
+    /**
+     * 单选组件按钮形式。RadioOption 数据类型为 string 或 number 时，表示 label 和 value 值相同
+     */
+    options?: Array<RadioOption>;
+    /**
+     * 只读状态
+     */
+    readonly?: boolean;
+    /**
+     * 组件尺寸【讨论中】
+     * @default medium
+     */
+    size?: SizeEnum;
+    /**
+     * 组件风格
+     * @default radio
+     */
+    theme?: "radio" | "button";
+    /**
+     * 选中的值
+     */
+    value?: T;
+    /**
+     * 选中的值，非受控属性
+     */
+    defaultValue?: T;
+    /**
+     * 单选组件按钮形式
+     * @default outline
+     */
+    variant?: "outline" | "primary-filled" | "default-filled";
+    /**
+     * 选中值发生变化时触发, `context.name` 指 RadioGroup 的 name 属性
+     */
+    onChange?: (value: T, context: {
+        e: ChangeEvent<HTMLDivElement>;
+        name?: string;
+    }) => void;
+}
+export type RadioOption = string | number | RadioOptionObj;
+export interface RadioOptionObj {
+    label?: string | TNode;
+    value?: string | number | boolean;
+    disabled?: boolean;
+}
+export type RadioValue = string | number | boolean;

package/es/radio/useKeyboard.d.ts

@@ -0,0 +1,4 @@
+/** 键盘操作 */
+export default function useKeyboard(radioGroupRef: React.MutableRefObject<HTMLDivElement>, setInnerValue: (value: any, context: {
+    e: KeyboardEvent;
+}) => void): void;

package/es/select/Option.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { StyledProps } from "../common";
+import { SelectValue, TdOptionProps, TdSelectProps, SelectKeysType, SelectOption } from "./type";
+export interface SelectOptionProps extends StyledProps, TdOptionProps, Pick<TdSelectProps, "size" | "multiple" | "max"> {
+    selectedValue?: SelectValue;
+    children?: React.ReactNode;
+    onSelect?: (value: string | number, context: {
+        label?: string;
+        selected?: boolean;
+        event: React.MouseEvent<HTMLLIElement>;
+        restData?: Record<string, unknown>;
+    }) => void;
+    onCheckAllChange?: (checkAll: boolean, e: React.MouseEvent<HTMLLIElement>) => void;
+    restData?: Record<string, unknown>;
+    keys?: SelectKeysType;
+    optionLength?: number;
+    isVirtual?: boolean;
+    onRowMounted?: (rowData: {
+        ref: HTMLElement;
+        data: SelectOption;
+    }) => void;
+}
+declare const Option: React.FC<SelectOptionProps>;
+export default Option;

package/es/select/OptionGroup.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { TdOptionGroupProps } from "./type";
+export interface SelectGOptionGroupProps extends TdOptionGroupProps {
+    children?: React.ReactNode;
+}
+declare const OptionGroup: React.FC<SelectGOptionGroupProps>;
+export default OptionGroup;