@tendaui/react 1.1.1 → 1.1.2

package/es/hooks/useAttach.d.ts

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,54 @@
+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

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

package/es/hooks/useControlled.d.ts

@@ -0,0 +1,9 @@
+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

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

package/es/hooks/useDefaultProps.d.ts

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

package/es/hooks/useDomCallback.d.ts

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

package/es/hooks/useDomRefCallback.d.ts

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

package/es/hooks/useDragSorter.d.ts

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1,9 @@
+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

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

package/es/hooks/useGlobalIcon.d.ts

@@ -0,0 +1,5 @@
+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

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

package/es/hooks/useLayoutEffect.d.ts

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

package/es/hooks/useMouseEvent.d.ts

@@ -0,0 +1,25 @@
+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

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

package/es/hooks/usePopper.d.ts

@@ -0,0 +1,19 @@
+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

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

package/es/hooks/useSetState.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 管理 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

@@ -0,0 +1,30 @@
+/**
+ * 通用虚拟滚动，可支持 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

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

package/es/index.d.ts

@@ -0,0 +1,25 @@
+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/index.js

@@ -4,42 +4,55 @@ export { Button } from './button/index.js';
 export { Input, InputGroup } from './input/index.js';
 export { Alert } from './alert/index.js';
 export { Badge } from './badge/index.js';
+export { Radio, RadioGroup } from './radio/index.js';
 export { Checkbox } from './checkbox/index.js';
+export { InputNumber } from './input-number/index.js';
 import './config-provider/index.js';
+export { Layout } from './layout/index.js';
 export { Tag } from './tag/index.js';
 export { TagInput } from './tag-input/index.js';
 export { Select } from './select/index.js';
 export { SelectInput } from './select-input/index.js';
+export { List } from './list/index.js';
 export { notification } from './notification/index.js';
 export { Dialog, DialogCard, DialogPlugin, dialog } from './dialog/index.js';
 export { Switch } from './switch/index.js';
 export { Form } from './form/index.js';
-export { default as ConfigContext } from './config-provider/ConfigContext.js';
+import './ip-input/index.js';
+export { Fireworks } from './fireworks/index.js';
+export { Drawer } from './drawer/index.js';
+export { Slider } from './slider/index.js';
+export { ColorPicker, ColorPickerPanel } from './color-picker/index.js';
+export { C as ConfigContext } from './_chunks/dep-5U9UjDaf.js';
 export { default as ConfigProvider, merge } from './config-provider/ConfigProvider.js';
 export { NotificationProvider, useNotification } from './notification/NotifyContext.js';
+export { I as IPInput, e as extractIPFromText, b as isValidCIDRMask, a as isValidIPv4, i as isValidIPv4Segment, c as isValidIPv6, p as parseIPv4ToSegments, s as segmentsToIPv4 } from './_chunks/dep-COy5g3FT.js';
 import './loading/Loading.js';
 import './_chunks/dep-Cwish4GD.js';
 import './_chunks/dep-D-UKOauR.js';
 import './_chunks/dep-CzLhKWCf.js';
 import 'react';
 import 'classnames';
-import './_chunks/dep-0QH2Ee4R.js';
+import './_chunks/dep-DRwijJcv.js';
 import 'lodash-es';
-import './_chunks/dep-u1x3x6MJ.js';
+import './_chunks/dep-gy8uvBaS.js';
 import './common/Portal.js';
 import 'react-dom';
+import './_chunks/dep-BRbJGDI9.js';
 import './loading/Gradient.js';
-import './_chunks/dep-DHWwZ2Nj.js';
+import './_chunks/dep-DQ6kXoi8.js';
 import './_chunks/dep-DN7d1SzH.js';
 import './_chunks/dep-PPA-yoAy.js';
 import './_chunks/dep-DGvfel3I.js';
-import './_chunks/dep-BH5n5r1M.js';
+import './_chunks/dep-DbVHGoUC.js';
 import './loading/style/css.js';
 import './popup/Popup.js';
 import './portal/Portal.js';
 import './_chunks/dep-DwWrhxkd.js';
+import './_chunks/dep-CkmtEv0Y.js';
 import 'react-is';
 import './_chunks/dep-C1XcmShP.js';
+import './_chunks/dep-Ccktr_jk.js';
 import './_chunks/dep-CgyDw_YI.js';
 import '@popperjs/core';
 import 'react-fast-compare';
@@ -54,25 +67,37 @@ import './input/InputGroup.js';
 import './input/style/css.js';
 import './alert/Alert.js';
 import './_chunks/dep-U1T8CQY9.js';
-import './_chunks/dep-bWaVq_y3.js';
+import './_chunks/dep-ByzdZjUR.js';
 import './alert/style/css.js';
 import './badge/Badge.js';
 import './badge/style/css.js';
-import './_chunks/dep-B7HmDtze.js';
+import './_chunks/dep-Dr5wkz0z.js';
 import './_chunks/dep-BP0-apUT.js';
 import 'hoist-non-react-statics';
 import './common/Check.js';
+import './_chunks/dep-DTlQ2dCA.js';
+import './radio/style/css.js';
+import './_chunks/dep-B4_O1Vgv.js';
 import './checkbox/style/css.js';
+import './input-number/InputNumber.js';
+import './input-number/useInputNumber.js';
+import './utils/log/index.js';
+import './input-number/style/css.js';
+import './layout/Layout.js';
+import './layout/Aside.js';
+import './css.js';
 import './tag/Tag.js';
+import './_chunks/dep-zOZQ0R9g.js';
 import './tag/style/css.js';
 import './tag-input/TagInput.js';
 import './tag-input/hooks/useTagList.js';
 import './hooks/useDragSorter.js';
 import './tag-input/style/css.js';
 import './select/Select.js';
-import './_chunks/dep-Dk2xX8lh.js';
-import './_chunks/dep-DB5wmwh1.js';
+import './_chunks/dep-CJCt0IS0.js';
+import './_chunks/dep-Bjfn7Zv_.js';
 import './select/Option.js';
+import './_chunks/dep-Dlppf0JU.js';
 import './common/FakeArrow.js';
 import './_chunks/dep-D8jki30S.js';
 import './select/style/css.js';
@@ -80,11 +105,18 @@ import './select-input/SelectInput.js';
 import './select-input/hook/useSingle.js';
 import './select-input/hook/useMultiple.js';
 import './select-input/style/css.js';
+import './list/List.js';
+import './_chunks/dep-CD_4-1Xb.js';
+import './list/ListItem.js';
+import './list/ListItemMeta.js';
+import './list/style/css.js';
 import './notification/style/css.js';
 import './dialog/Dialog.js';
-import './_chunks/dep-CoIiHOgo.js';
+import './_chunks/dep-C_wPqvpm.js';
+import './_chunks/dep-CRURwzDj.js';
+import './_chunks/dep-BbeHB7S3.js';
 import './dialog/plugin.js';
-import './_chunks/dep-DZ_0EvBk.js';
+import './_chunks/dep-DX65P8M9.js';
 import './common/PluginContainer.js';
 import './dialog/style/css.js';
 import './switch/Switch.js';
@@ -92,12 +124,34 @@ import './switch/style/css.js';
 import './form/Form.js';
 import './form/hooks/useInstance.js';
 import './form/utils/index.js';
-import './_chunks/dep-D7LanWes.js';
+import './_chunks/dep-4LYjB3c6.js';
+import './_chunks/dep-Chz4ZJCb.js';
 import './form/FormContext.js';
-import './_chunks/dep-EcrDKDlu.js';
-import './_chunks/dep-C36au4Ip.js';
+import './_chunks/dep-BYlJzn45.js';
+import './_chunks/dep-BuIAffJt.js';
 import './form/FormList.js';
 import './form/style/css.js';
+import './fireworks/Fireworks.js';
+import './fireworks/style/css.js';
+import './drawer/Drawer.js';
+import './drawer/utils/index.js';
+import './drawer/style/css.js';
+import './slider/Slider.js';
+import './slider/SliderHandleButton.js';
+import './slider/style/css.js';
+import './color-picker/ColorPickPanel.js';
+import './_chunks/dep-DURB9x8g.js';
+import './color-picker/utils/color-picker/index.js';
+import './_chunks/dep-DJmE940f.js';
+import './_chunks/dep-oUgTcXgm.js';
+import './color-picker/components/panel/alpha.js';
+import './color-picker/components/panel/slider.js';
+import './color-picker/components/panel/hue.js';
+import './color-picker/components/panel/saturation.js';
+import './color-picker/components/panel/swatches.js';
+import './color-picker/ColorPicker.js';
+import './color-picker/components/trigger.js';
+import 'dayjs';
 import './notification/NotifyContainer.js';
 import './notification/NotifyItem.js';
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/input/Input.d.ts

@@ -0,0 +1,16 @@
+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/Input.js

@@ -4,18 +4,19 @@ import { _ as _objectWithoutProperties } from '../_chunks/dep-DN7d1SzH.js';
 import React, { forwardRef, useRef, useState, useEffect, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import { IconClose, IconEyeClosed, IconEyeOpened } from '@tendaui/icons';
-import { u as useIsomorphicLayoutEffect } from '../_chunks/dep-0QH2Ee4R.js';
+import { u as useIsomorphicLayoutEffect } from '../_chunks/dep-BRbJGDI9.js';
 import { u as useControlled } from '../_chunks/dep-DwWrhxkd.js';
 import { p as parseTNode } from '../_chunks/dep-D6YxJv-F.js';
 import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
 import { isFunction } from 'lodash-es';
-import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
+import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
 import '../_chunks/dep-D-UKOauR.js';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-DRwijJcv.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
 
 var inputDefaultProps = {
   align: "left",
-  allowInputOverMax: false,
   autoWidth: false,
   autocomplete: void 0,
   autofocus: false,
@@ -28,7 +29,6 @@ var inputDefaultProps = {
   // 是否只读，在只读模式下，输入框不能输入，且没有清除按钮，优先级高于 allowInput、clearable
   readonly: false,
   showClearIconOnEmpty: false,
-  showLimitNumber: false,
   size: "medium",
   spellCheck: false,
   status: "default",