@tendaui/react 1.1.5 → 1.2.3

package/es/hooks/useAttach.d.ts

@@ -1,10 +0,0 @@
-import { AttachNode } from "../common";
-/**
- * useAttach
- *
- * 挂载节点 优先级:
- *
- * props attach -> globalConfig.attach.component -> globalConfig.attach -> default = 'body'
- */
-declare const useAttach: (name: string, attach: AttachNode | undefined) => AttachNode;
-export default useAttach;

package/es/hooks/useCommonClassName.d.ts

@@ -1,54 +0,0 @@
-export default function useCommonClassName(): {
-    SIZE: {
-        default: string;
-        xs: string;
-        small: string;
-        medium: string;
-        large: string;
-        xl: string;
-        block: string;
-    };
-    STATUS: {
-        loading: string;
-        disabled: string;
-        focused: string;
-        success: string;
-        error: string;
-        warning: string;
-        selected: string;
-        active: string;
-        checked: string;
-        current: string;
-        hidden: string;
-        visible: string;
-        expanded: string;
-        indeterminate: string;
-    };
-    sizeClassNames: {
-        default: string;
-        xs: string;
-        small: string;
-        medium: string;
-        large: string;
-        xl: string;
-        block: string;
-    };
-    statusClassNames: {
-        loading: string;
-        disabled: string;
-        focused: string;
-        success: string;
-        error: string;
-        warning: string;
-        selected: string;
-        active: string;
-        checked: string;
-        current: string;
-        hidden: string;
-        visible: string;
-        expanded: string;
-        indeterminate: string;
-    };
-    classPrefix: string;
-};
-export type CommonClassNameType = ReturnType<typeof useCommonClassName>;

package/es/hooks/useConfig.d.ts

@@ -1,2 +0,0 @@
-declare const _default: () => import("..").GlobalConfigProvider;
-export default _default;

package/es/hooks/useControlled.d.ts

@@ -1,9 +0,0 @@
-type DefaultOptions<T extends string> = `default${Capitalize<T>}`;
-export interface ChangeHander<T, P extends unknown[]> {
-    (value: T, ...args: P): void;
-}
-type ToString<T extends string | number | symbol> = T extends string ? T : `${Extract<T, number>}`;
-declare const useControlled: <P extends unknown[], R extends object, K extends keyof R>(props: R, valueKey: K, onChange: ChangeHander<R[K], P>, defaultOptions?: {
-    [key in DefaultOptions<ToString<K>>]: R[K];
-}) => [R[K], ChangeHander<R[K], P>];
-export default useControlled;

package/es/hooks/useDeepEffect.d.ts

@@ -1,7 +0,0 @@
-/**
- * 与 useEffect 用法一致，但对依赖数组进行深比较
- * - 只在依赖真正变化时才会触发副作用函数
- * - 适用于依赖为复杂对象的场景
- */
-declare function useDeepEffect(effect: React.EffectCallback, deps: React.DependencyList): void;
-export default useDeepEffect;

package/es/hooks/useDefaultProps.d.ts

@@ -1 +0,0 @@
-export default function useDefaultProps<T>(originalProps: T, defaultProps: Partial<T>): T;

package/es/hooks/useDomCallback.d.ts

@@ -1 +0,0 @@
-export default function useDomRefCallback<T extends HTMLElement>(): readonly [T, (dom: T | null) => void];

package/es/hooks/useDomRefCallback.d.ts

@@ -1 +0,0 @@
-export default function useDomRefCallback(): [HTMLElement, React.Dispatch<React.SetStateAction<HTMLElement>>];

package/es/hooks/useDragSorter.d.ts

@@ -1,28 +0,0 @@
-interface DragSortProps<T> {
-    sortOnDraggable: boolean;
-    onDragSort?: (context: DragSortContext<T>) => void;
-    onDragOverCheck?: {
-        x?: boolean;
-        targetClassNameRegExp?: RegExp;
-    };
-}
-type DragFnType<T = unknown> = (e?: React.DragEvent<HTMLTableRowElement>, index?: number, record?: T) => void;
-interface DragSortInnerData<T = unknown> {
-    dragging?: boolean;
-    draggable?: boolean;
-    onDragStart?: DragFnType<T>;
-    onDragOver?: DragFnType<T>;
-    onDrop?: DragFnType<T>;
-    onDragEnd?: DragFnType<T>;
-}
-export interface DragSortInnerProps<T = unknown> extends DragSortInnerData<T> {
-    getDragProps?: (index?: number, record?: T) => DragSortInnerData<T>;
-}
-export interface DragSortContext<T> {
-    currentIndex: number;
-    current: T;
-    targetIndex: number;
-    target: T;
-}
-declare function useDragSorter<T>(props: DragSortProps<T>): DragSortInnerProps<T>;
-export default useDragSorter;

package/es/hooks/useEventCallback.d.ts

@@ -1,9 +0,0 @@
-type AnyFunction = (...args: unknown[]) => unknown;
-/**
- * Similar to useCallback, with a few subtle differences:
- * - The returned function is a stable reference, and will always be the same between renders
- * - No dependency lists required
- * - Properties or state accessed within the callback will always be "current"
- */
-export default function useEventCallback<TCallback extends AnyFunction>(callback: TCallback): TCallback;
-export {};

package/es/hooks/useGlobalConfig.d.ts

@@ -1 +0,0 @@
-export default function useGlobalIcon(tdIcon: Record<string, unknown>): {};

package/es/hooks/useGlobalIcon.d.ts

@@ -1,5 +0,0 @@
-import { IconProps } from "@tendaui/icons";
-import React from "react";
-type ConvertedIconComponent = React.ForwardRefExoticComponent<Omit<IconProps, "svg" | "type"> & React.RefAttributes<HTMLSpanElement>>;
-export default function useGlobalIcon(tdIcon: Record<string, ConvertedIconComponent>): Record<string, ConvertedIconComponent>;
-export {};

package/es/hooks/useLastest.d.ts

@@ -1,2 +0,0 @@
-declare const useLatest: <T>(value: T) => import("react").MutableRefObject<T>;
-export default useLatest;

package/es/hooks/useLayoutEffect.d.ts

@@ -1,3 +0,0 @@
-import { useLayoutEffect } from "react";
-declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
-export default useIsomorphicLayoutEffect;

package/es/hooks/useMouseEvent.d.ts

@@ -1,25 +0,0 @@
-export type MouseEventLike = MouseEvent | React.MouseEvent | TouchEvent | React.TouchEvent;
-export type MouseCallback = MouseEvent | React.MouseEvent | Touch | React.Touch;
-/**
- * 鼠标相对当前元素的坐标
- */
-export interface MouseCoordinate {
-    x: number;
-    y: number;
-}
-export interface MouseContext {
-    coordinate: MouseCoordinate;
-}
-type MouseEventOptions = {
-    enabled?: boolean;
-    enableTouch?: boolean;
-    onDown?: (e: MouseCallback, ctx: MouseContext) => void;
-    onMove?: (e: MouseCallback, ctx: MouseContext) => void;
-    onUp?: (e: MouseCallback, ctx: MouseContext) => void;
-    onEnter?: (e: MouseCallback, ctx: MouseContext) => void;
-    onLeave?: (e: MouseCallback, ctx: MouseContext) => void;
-};
-declare const useMouseEvent: (elementRef: React.RefObject<HTMLElement | null>, options: MouseEventOptions) => {
-    isMoving: boolean;
-};
-export default useMouseEvent;

package/es/hooks/useMutationObserver.d.ts

@@ -1,4 +0,0 @@
-export default function useMutationObservable(targetEl: HTMLElement | null, cb: MutationCallback, options?: {
-    debounceTime: number;
-    config: MutationObserverInit;
-}): void;

package/es/hooks/usePopper.d.ts

@@ -1,19 +0,0 @@
-import { createPopper as defaultCreatePopper, type Options as PopperOptions, type VirtualElement, type State as PopperState, type Instance as PopperInstance } from "@popperjs/core";
-import type { Styles } from "../common";
-type Options = Partial<PopperOptions & {
-    createPopper: typeof defaultCreatePopper;
-}>;
-type Attributes = {
-    [key: string]: {
-        [key: string]: string;
-    };
-};
-type UsePopperResult = {
-    state?: PopperState;
-    styles: Record<string, Styles>;
-    attributes: Attributes;
-    update: PopperInstance["update"] | null;
-    forceUpdate: PopperInstance["forceUpdate"] | null;
-};
-declare const usePopper: (referenceElement?: Element | VirtualElement, popperElement?: HTMLElement, options?: Options) => UsePopperResult;
-export default usePopper;

package/es/hooks/useResizeObserve.d.ts

@@ -1 +0,0 @@
-export default function useResizeObserver(container: React.MutableRefObject<HTMLElement | null>, callback: (data: ResizeObserverEntry[]) => void, enabled?: boolean): void;

package/es/hooks/useSetState.d.ts

@@ -1,7 +0,0 @@
-/**
- * 管理 object 类型 state 的 Hooks，用法与 class 组件的 this.setState 基本一致。
- * @param initialState
- * @returns [state, setMergeState]
- */
-declare const useSetState: <T extends object>(initialState?: T) => [T, (patch: Partial<T> | ((prevState: T) => Partial<T>)) => void];
-export default useSetState;

package/es/hooks/useVirtualScroll.d.ts

@@ -1,30 +0,0 @@
-/**
- * 通用虚拟滚动，可支持 Select/List/Table/TreeSelect/Cascader 等组件
- */
-import { MutableRefObject } from "react";
-import type { ScrollToElementParams, TScroll } from "../common";
-export type UseVirtualScrollParams = {
-    /** 列数据 */
-    data: {
-        [key: string]: unknown;
-    }[];
-    scroll: TScroll & {
-        fixedRows?: Array<number>;
-    };
-};
-declare const useVirtualScroll: (container: MutableRefObject<HTMLElement>, params: UseVirtualScrollParams) => {
-    visibleData: unknown[];
-    translateY: number;
-    scrollHeight: number;
-    isVirtualScroll: boolean;
-    handleScroll: () => void;
-    handleRowMounted: (rowData: {
-        ref: HTMLElement;
-        data: {
-            __VIRTUAL_SCROLL_INDEX: number;
-        };
-    }) => void;
-    scrollToElement: (p: ScrollToElementParams) => void;
-};
-export type VirtualScrollConfig = ReturnType<typeof useVirtualScroll>;
-export default useVirtualScroll;

package/es/hooks/useWindowSize.d.ts

@@ -1,6 +0,0 @@
-export interface WindowSize {
-    width: number;
-    height: number;
-}
-declare function useWindowSize(): WindowSize;
-export default useWindowSize;

package/es/index.d.ts

@@ -1,25 +0,0 @@
-export * from "./loading";
-export * from "./popup";
-export * from "./button";
-export * from "./input";
-export * from "./alert";
-export * from "./badge";
-export * from "./radio";
-export * from "./checkbox";
-export * from "./input-number";
-export * from "./config-provider";
-export * from "./layout";
-export * from "./tag";
-export * from "./tag-input";
-export * from "./select";
-export * from "./select-input";
-export * from "./list";
-export * from "./notification";
-export * from "./dialog";
-export * from "./switch";
-export * from "./form";
-export * from "./ip-input";
-export * from "./fireworks";
-export * from "./drawer";
-export * from "./slider";
-export * from "./color-picker";

package/es/input/Input.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { TdInputProps } from "./type";
-import { StyledProps } from "../common";
-export interface InputProps extends TdInputProps, StyledProps {
-    showInput?: boolean;
-    keepWrapperWidth?: boolean;
-}
-export interface InputRef extends React.RefObject<unknown> {
-    currentElement: HTMLDivElement;
-    inputElement: HTMLInputElement;
-    focus: () => void;
-    blur: () => void;
-    select: () => void;
-}
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export default Input;

package/es/input/InputGroup.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-export interface InputGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * 是否拆分
-     * @default false
-     */
-    separate?: boolean;
-}
-declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
-export default InputGroup;

package/es/input/defaultProps.d.ts

@@ -1,17 +0,0 @@
-export declare const inputDefaultProps: {
-    align: "left" | "center" | "right";
-    autoWidth: boolean;
-    autocomplete: any;
-    autofocus: boolean;
-    borderless: boolean;
-    allowInput: boolean;
-    clearable: boolean;
-    placeholder: any;
-    readonly: boolean;
-    showClearIconOnEmpty: boolean;
-    size: string;
-    spellCheck: boolean;
-    status: string;
-    type: string;
-    defaultValue: string;
-};

package/es/input/index.d.ts

@@ -1,6 +0,0 @@
-import "./style/index.js";
-export type { InputProps, InputRef } from "./Input";
-export * from "./type";
-export declare const Input: import("react").ForwardRefExoticComponent<import("./Input").InputProps & import("react").RefAttributes<HTMLInputElement>>;
-export declare const InputGroup: import("react").ForwardRefExoticComponent<import("./InputGroup").InputGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Input;

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

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

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

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

package/es/input/type.d.ts

@@ -1,237 +0,0 @@
-import { TNode, TElement, SizeEnum, ClassName } from "../common";
-import { MouseEvent, KeyboardEvent, ClipboardEvent, FocusEvent, WheelEvent, FormEvent, CompositionEvent } from "react";
-export interface TdInputProps {
-    /**
-     * 文本内容位置，居左/居中/居右
-     * @default left
-     */
-    align?: "left" | "center" | "right";
-    /**
-     * 输入框是否可输入内容
-     * @default true
-     */
-    allowInput?: boolean;
-    /**
-     * 超出 `maxlength` 或 `maxcharacter` 之后是否允许继续输入
-     * @default false
-     */
-    /**
-     * 宽度随内容自适应
-     * @default false
-     */
-    autoWidth?: boolean;
-    /**
-     * 是否开启自动填充功能，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
-     */
-    autocomplete?: string;
-    /**
-     * 自动聚焦
-     * @default false
-     */
-    autofocus?: boolean;
-    /**
-     * 是否开启无边框模式
-     * @default false
-     */
-    borderless?: boolean;
-    /**
-     * 是否可清空
-     * @default false
-     */
-    clearable?: boolean;
-    /**
-     * 是否禁用输入框
-     */
-    disabled?: boolean;
-    /**
-     * 指定输入框展示值的格式
-     */
-    format?: InputFormatType;
-    /**
-     * t-input 同级类名，示例：'name1 name2 name3' 或 `['name1', 'name2']` 或 `[{ 'name1': true }]`
-     */
-    inputClass?: ClassName;
-    /**
-     * 左侧文本
-     */
-    label?: TNode;
-    /**
-     * 用户最多可以输入的字符个数，一个中文汉字表示两个字符长度。`maxcharacter` 和 `maxlength` 二选一使用
-     */
-    maxcharacter?: number;
-    /**
-     * 用户最多可以输入的文本长度，一个中文等于一个计数长度。值为空，则表示不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用
-     */
-    maxlength?: number;
-    /**
-     * 名称
-     * @default ''
-     */
-    name?: string;
-    /**
-     * 占位符
-     */
-    placeholder?: string;
-    /**
-     * 组件前置图标
-     */
-    prefixIcon?: TElement;
-    /**
-     * 只读状态
-     * @default false
-     */
-    readonly?: boolean;
-    /**
-     * 输入框内容为空时，悬浮状态是否显示清空按钮，默认不显示
-     * @default false
-     */
-    showClearIconOnEmpty?: boolean;
-    /**
-     * 输入框尺寸
-     * @default medium
-     */
-    size?: SizeEnum;
-    /**
-     * 是否开启拼写检查，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/spellcheck)
-     * @default false
-     */
-    spellCheck?: boolean;
-    /**
-     * 输入框状态
-     * @default default
-     */
-    status?: "default" | "success" | "warning" | "error";
-    /**
-     * 后置图标前的后置内容
-     */
-    suffix?: TNode;
-    /**
-     * 组件后置图标
-     */
-    suffixIcon?: TElement;
-    /**
-     * 输入框下方提示文本，会根据不同的 `status` 呈现不同的样式
-     */
-    tips?: TNode;
-    /**
-     * 输入框类型
-     * @default text
-     */
-    type?: "text" | "number" | "url" | "tel" | "password" | "search" | "submit" | "hidden";
-    /**
-     * 输入框的值
-     * @default ''
-     */
-    value?: InputValue;
-    /**
-     * 输入框的值，非受控属性
-     * @default ''
-     */
-    defaultValue?: InputValue;
-    /**
-     * 失去焦点时触发
-     */
-    onBlur?: (value: InputValue, context: {
-        e: FocusEvent<HTMLInputElement>;
-    }) => void;
-    /**
-     * 输入框值发生变化时触发。参数 `trigger=initial` 表示传入的数据不符合预期，组件自动处理后触发 change 告知父组件。如：初始值长度超过 `maxlength` 限制
-     */
-    onChange?: (value: InputValue, context?: {
-        e?: FormEvent<HTMLInputElement> | MouseEvent<Element> | CompositionEvent<HTMLDivElement>;
-        trigger: "input" | "initial" | "clear";
-    }) => void;
-    /**
-     * 清空按钮点击时触发
-     */
-    onClear?: (context: {
-        e: MouseEvent<SVGElement>;
-    }) => void;
-    /**
-     * 点击组件时触发
-     */
-    onClick?: (context: {
-        e: MouseEvent<HTMLDivElement>;
-    }) => void;
-    /**
-     * 中文输入结束时触发
-     */
-    onCompositionend?: (value: InputValue, context: {
-        e: CompositionEvent<HTMLDivElement>;
-    }) => void;
-    /**
-     * 中文输入开始时触发
-     */
-    onCompositionstart?: (value: InputValue, context: {
-        e: CompositionEvent<HTMLDivElement>;
-    }) => void;
-    /**
-     * 回车键按下时触发
-     */
-    onEnter?: (value: InputValue, context: {
-        e: KeyboardEvent<HTMLInputElement>;
-    }) => void;
-    /**
-     * 获得焦点时触发
-     */
-    onFocus?: (value: InputValue, context: {
-        e: FocusEvent<HTMLInputElement>;
-    }) => void;
-    /**
-     * 键盘按下时触发
-     */
-    onKeydown?: (value: InputValue, context: {
-        e: KeyboardEvent<HTMLDivElement>;
-    }) => void;
-    /**
-     * 按下字符键时触发（keydown -> keypress -> keyup）
-     */
-    onKeypress?: (value: InputValue, context: {
-        e: KeyboardEvent<HTMLDivElement>;
-    }) => void;
-    /**
-     * 释放键盘时触发
-     */
-    onKeyup?: (value: InputValue, context: {
-        e: KeyboardEvent<HTMLDivElement>;
-    }) => void;
-    /**
-     * 进入输入框时触发
-     */
-    onMouseenter?: (context: {
-        e: MouseEvent<HTMLDivElement>;
-    }) => void;
-    /**
-     * 离开输入框时触发
-     */
-    onMouseleave?: (context: {
-        e: MouseEvent<HTMLDivElement>;
-    }) => void;
-    /**
-     * 粘贴事件，`pasteValue` 表示粘贴板的内容
-     */
-    onPaste?: (context: {
-        e: ClipboardEvent<HTMLDivElement>;
-        pasteValue: string;
-    }) => void;
-    /**
-     * 字数超出限制时触发
-     */
-    onValidate?: (context: {
-        error?: "exceed-maximum" | "below-minimum";
-    }) => void;
-    /**
-     * 输入框中滚动鼠标时触发
-     */
-    onWheel?: (context: {
-        e: WheelEvent<HTMLDivElement>;
-    }) => void;
-}
-export interface TdInputGroupProps {
-    /**
-     * 多个输入框之间是否需要间隔
-     */
-    separate?: boolean;
-}
-export type InputFormatType = (value: InputValue) => string;
-export type InputValue = string;

package/es/input-number/InputNumber.d.ts

@@ -1,17 +0,0 @@
-import React, { ForwardedRef } from "react";
-import { InputNumberValue, TdInputNumberProps } from "./type";
-import { StyledProps } from "../common";
-export interface InputNumberProps<T = InputNumberValue> extends TdInputNumberProps<T>, StyledProps {
-}
-export interface InputNumberRef {
-    currentElement: ForwardedRef<HTMLDivElement>;
-    inputElement: ForwardedRef<HTMLDivElement>;
-}
-declare function TdInputNumber<T extends InputNumberValue = InputNumberValue>(originalProps: InputNumberProps<T>, ref: ForwardedRef<InputNumberRef>): React.JSX.Element;
-export type InputNumberOuterForwardRef = {
-    <T>(props: InputNumberProps<T> & {
-        ref?: ForwardedRef<InputNumberRef>;
-    }): ReturnType<typeof TdInputNumber>;
-} & React.ForwardRefExoticComponent<InputNumberProps>;
-declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps<InputNumberValue> & React.RefAttributes<InputNumberRef>>;
-export default InputNumber;

package/es/input-number/defaultProps.d.ts

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

package/es/input-number/index.d.ts

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

package/es/input-number/style/css.d.ts

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

package/es/input-number/style/index.d.ts

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