npm - @nutui/nutui-react - Versions diffs - 2.0.0-alpha.9 → 2.0.0-beta.1 - Mend

@nutui/nutui-react 2.0.0-alpha.9 → 2.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1244) hide show

package/dist/types/packages/col/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { Col } from './col';
+export type { ColEventType, ColProps } from './col';
+export default Col;

package/dist/types/packages/collapse/collapse.d.ts ADDED Viewed

@@ -0,0 +1,36 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+import CollapseItem from '../collapseitem';
+type keyType = Array<string> | string;
+export interface CollapseProps extends BasicComponent {
+    /**
+    * 当前展开面板的 name，受控
+    * @default -
+    */
+    activeName: keyType
+    /**
+    * 默认展开面板的 name，非受控
+    * @default -
+    */
+    defaultActiveName: keyType
+    /**
+    * 是否开启手风琴模式
+    * @default false
+    */
+    accordion: boolean
+    /**
+    * 自定义展开图标
+    * @default -
+    */
+    expandIcon: ReactNode
+    /**
+    * 点击折叠和展开的旋转角度,在自定义图标模式下生效
+    * @default 180
+    */
+    rotate: number
+    onChange: (activeName: keyType, name: string, isOpen: boolean) => void;
+}
+export declare const Collapse: FunctionComponent<Partial<CollapseProps>> & {
+    Item: typeof CollapseItem;
+};
+export {};

package/dist/types/packages/collapse/context.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: import("react").Context<{
+    isOpen: (name: string) => boolean;
+    updateValue: (name: string) => void;
+    expandIcon: any;
+    rotate: number;
+}>;
+export default _default;

package/dist/types/packages/collapse/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { Collapse } from './collapse';
+export type { CollapseProps } from './collapse';
+export default Collapse;

package/dist/types/packages/collapseitem/collapseitem.d.ts ADDED Viewed

@@ -0,0 +1,35 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface CollapseItemProps extends BasicComponent {
+    /**
+    * 标题栏左侧内容
+    * @default -
+    */
+    title: ReactNode
+    /**
+    * 唯一标识符，必填
+    * @default -
+    */
+    name: string
+    /**
+    * 自定义展开图标
+    * @default -
+    */
+    expandIcon: ReactNode
+    /**
+    * 标题栏是否禁用
+    * @default false
+    */
+    disabled: boolean
+    /**
+    * 点击折叠和展开的旋转角度,在自定义图标模式下生效
+    * @default 180
+    */
+    rotate: number
+    /**
+    * 标题栏副标题
+    * @default -
+    */
+    extra: ReactNode
+}
+export declare const CollapseItem: FunctionComponent<Partial<CollapseItemProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>>;

package/dist/types/packages/collapseitem/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { CollapseItem } from './collapseitem';
+export type { CollapseItemProps } from './collapseitem';
+export default CollapseItem;

package/dist/types/packages/configprovider/configprovider.d.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import React, { FunctionComponent } from 'react';
+import { BaseLang } from '../../locales/base';
+import type { NutCSSVariables } from './types';
+export interface ConfigProviderProps {
+    /**
+    * 设置多语言包
+    * @default zhCN
+    */
+    locale: BaseLang
+    /**
+    * 设置主题
+    * @default -
+    */
+    theme?: Record<string | NutCSSVariables, string>
+    [key: string]: any;
+}
+export declare const defaultConfigRef: {
+    current: ConfigProviderProps;
+};
+export declare const setDefaultConfig: (config: ConfigProviderProps) => void;
+export declare const getDefaultConfig: () => ConfigProviderProps;
+export declare const useConfig: () => ConfigProviderProps;
+export declare const ConfigProvider: FunctionComponent<Partial<ConfigProviderProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/packages/configprovider/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { ConfigProvider, useConfig, setDefaultConfig, getDefaultConfig } from './configprovider';
+export type { ConfigProviderProps } from './configprovider';
+export type { NutCSSVariables } from './types';
+export { useConfig, setDefaultConfig, getDefaultConfig };
+export default ConfigProvider;

package/dist/types/packages/configprovider/types.d.ts ADDED Viewed

@@ -0,0 +1 @@

package/dist/types/packages/countdown/countdown.d.ts ADDED Viewed

@@ -0,0 +1,71 @@
+import React, { ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface CountDownProps extends BasicComponent {
+    /**
+    * 是否暂停
+    * @default false
+    */
+    paused: boolean
+    /**
+    * 开始时间
+    * @default Date.now()
+    */
+    startTime: number
+    /**
+    * 结束时间
+    * @default Date.now()
+    */
+    endTime: number
+    /**
+    * 剩余时间，单位是毫秒
+    * @default 0
+    */
+    remainingTime: number
+    /**
+    * 是否开启毫秒级渲染
+    * @default false
+    */
+    millisecond: boolean
+    /**
+    * 时间格式
+    * @default HH:mm:ss
+    */
+    format: string
+    /**
+    * 是否自动开始倒计时
+    * @default true
+    */
+    autoStart: boolean
+    /**
+    * 倒计时显示时间，单位是毫秒。autoStart 为 false 时生效
+    * @default 0
+    */
+    time: number
+    /**
+    * 销毁实例
+    * @default false
+    */
+    destroy: boolean
+    /**
+    * 倒计时结束时回调函数
+    * @default -
+    */
+    onEnd: () => void
+    /**
+    * 暂停倒计时回调函数
+    * @default -
+    */
+    onPaused: (restTime: number) => void
+    /**
+    * 重新开始倒计时回调函数
+    * @default -
+    */
+    onRestart: (restTime: number) => void
+    /**
+    * 自定义展示内容时，实时更新倒计时数据回调函数
+    * @default -
+    */
+    onUpdate: (restTime: any) => void
+    children: ReactNode;
+}
+export declare const CountDown: React.ForwardRefExoticComponent<Partial<CountDownProps> & React.RefAttributes<unknown>>;

package/dist/types/packages/countdown/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { CountDown } from './countdown';
+export type { CountDownProps } from './countdown';
+export default CountDown;

package/dist/types/packages/datepicker/datepicker.d.ts ADDED Viewed

@@ -0,0 +1,81 @@
+import React, { FunctionComponent } from 'react';
+import { PickerOption } from '../../packages/picker/index';
+import { BasicComponent } from '../../utils/typings';
+export interface DatePickerProps extends BasicComponent {
+    /**
+    * 受控
+    * @default null
+    */
+    value?: Date | null
+    /**
+    * 初始值
+    * @default null
+    */
+    defaultValue?: Date | null
+    /**
+    * 是否可见
+    * @default false
+    */
+    visible: boolean
+    /**
+    * 设置标题
+    * @default null
+    */
+    title: string
+    /**
+    * 类时间类型，可选值 date time year-month month-day datehour datetime hour-minutes
+    * @default date
+    */
+    type: 'date' | 'time' | 'year-month' | 'month-day' | 'datehour' | 'datetime' | 'hour-minutes'
+    /**
+    * 每列是否展示中文
+    * @default false
+    */
+    showChinese: boolean
+    /**
+    * 分钟步进值
+    * @default 1
+    */
+    minuteStep: number
+    /**
+    * 开始日期
+    * @default 十年前
+    */
+    startDate: Date
+    /**
+    * 结束日期
+    * @default 十年后
+    */
+    endDate: Date
+    /**
+    * 是否开启3D效果
+    * @default true
+    */
+    threeDimensional: boolean
+    /**
+    * 选项格式化函数
+    * @default -
+    */
+    formatter: (type: string, option: PickerOption) => PickerOption
+    /**
+    * 选项过滤函数
+    * @default -
+    */
+    filter: (type: string, option: PickerOption[]) => PickerOption[]
+    /**
+    * 关闭时触发
+    * @default -
+    */
+    onClose: () => void
+    /**
+    * 点击确定按钮时触发
+    * @default -
+    */
+    onConfirm: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void
+    /**
+    * 选项改变时触发
+    * @default -
+    */
+    onChange?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], columnIndex: number) => void
+}
+export declare const DatePicker: FunctionComponent<Partial<DatePickerProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'>>;

package/dist/types/packages/datepicker/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { DatePicker } from './datepicker';
+export type { DatePickerProps } from './datepicker';
+export default DatePicker;

package/dist/types/packages/dialog/config.d.ts ADDED Viewed

@@ -0,0 +1,43 @@
+import { ReactNode, ForwardRefExoticComponent, PropsWithChildren } from 'react';
+export type DialogConfigType = {
+    prefixCls?: string;
+    simple?: boolean;
+};
+export interface BasicDialogProps {
+    visible?: boolean;
+    title?: ReactNode;
+    content?: ReactNode;
+    footer?: ReactNode;
+    confirmText?: ReactNode;
+    cancelText?: ReactNode;
+    overlay?: boolean;
+    hideConfirmButton?: boolean;
+    hideCancelButton?: boolean;
+    disableConfirmButton?: boolean;
+    closeOnOverlayClick?: boolean;
+    footerDirection?: string;
+    lockScroll?: boolean;
+    beforeClose?: () => boolean;
+    beforeCancel?: () => boolean;
+    onClose?: () => void;
+    onConfirm?: (e?: MouseEvent) => Promise<() => void> | void;
+    onCancel?: () => void;
+    onClick?: () => void;
+}
+export type DialogReturnProps = {
+    update: (newConfig: ConfirmProps) => void;
+    close: () => void;
+};
+export interface ConfirmProps extends BasicDialogProps {
+    content?: ReactNode;
+    icon?: ReactNode | null;
+    isNotice?: boolean;
+    noticeType?: string;
+}
+export interface DialogComponent extends ForwardRefExoticComponent<PropsWithChildren<BasicDialogProps>> {
+    confirm: (props: ConfirmProps) => DialogReturnProps;
+    alert: (props: ConfirmProps) => DialogReturnProps;
+    config: (config: DialogConfigType) => void;
+    destroyAll: () => void;
+}
+export declare const destroyList: Array<() => void>;

package/dist/types/packages/dialog/confirm.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { ConfirmProps, DialogReturnProps } from './config';
+export declare const normalizeConfig: (config: ConfirmProps) => ConfirmProps;
+declare const confirm: (config: ConfirmProps, renderFunc?: ((props: ConfirmProps) => void) | undefined) => DialogReturnProps;
+export default confirm;

package/dist/types/packages/dialog/content.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { FunctionComponent, ReactNode, HTMLAttributes } from 'react';
+interface ContentProps {
+    visible: boolean;
+    title: ReactNode;
+    footer: ReactNode;
+    footerDirection: string;
+}
+export declare const Content: FunctionComponent<Partial<ContentProps> & HTMLAttributes<HTMLDivElement>>;
+export {};

package/dist/types/packages/dialog/dialog.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { BasicDialogProps, DialogComponent } from './config';
+export type DialogProps = BasicDialogProps;
+export declare const Dialog: DialogComponent;

package/dist/types/packages/dialog/dialogwrap.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import React, { FunctionComponent, HTMLAttributes } from 'react';
+import { OverlayProps } from '../../packages/overlay/overlay';
+interface DialogWrapProps extends OverlayProps {
+    visible: boolean;
+    overlay: boolean;
+    overlayStyle: React.CSSProperties;
+    overlayClassName: string;
+    footer: React.ReactNode;
+    onCancel: () => void;
+    onClose: () => void;
+    onOverlayClick: (e: MouseEvent) => boolean | void;
+}
+export declare const DialogWrap: FunctionComponent<Partial<DialogWrapProps> & Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'content'>>;
+export {};

package/dist/types/packages/dialog/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { Dialog } from './dialog';
+export type { DialogProps } from './dialog';
+export default Dialog;

package/dist/types/packages/divider/divider.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export type ContentPositionType = 'left' | 'center' | 'right';
+export type DirectionType = 'horizontal' | 'vertical';
+export interface DividerProps extends BasicComponent {
+    /**
+    * 内容位置
+    * @default center
+    */
+    contentPosition: ContentPositionType
+    /**
+    * 水平还是垂直类型
+    * @default horizontal
+    */
+    direction?: DirectionType
+}
+export declare const Divider: FunctionComponent<Partial<DividerProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/packages/divider/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { Divider } from './divider';
+export type { ContentPositionType, DirectionType, DividerProps, } from './divider';
+export default Divider;

package/dist/types/packages/drag/drag.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface DragProps extends BasicComponent {
+    /**
+    * 是否开启自动吸边
+    * @default false
+    */
+    attract: boolean
+    /**
+    * 拖拽元素的拖拽方向限制
+    * @default all
+    */
+    direction: 'x' | 'y' | 'lock' | undefined
+    /**
+    * 拖拽元素的拖拽边界
+    * @default {top: 0, left: 0, right: 0, bottom: 0}
+    */
+    boundary: {
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    }
+}
+export declare const Drag: FunctionComponent<Partial<DragProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/packages/drag/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { Drag } from './drag';
+export type { DragProps } from './drag';
+export default Drag;

package/dist/types/packages/elevator/elevator.d.ts ADDED Viewed

@@ -0,0 +1,59 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export declare const elevatorContext: React.Context<ElevatorData>;
+export interface ElevatorProps extends BasicComponent {
+    /**
+    * 电梯区域的高度
+    * @default 200px
+    */
+    height: number | string
+    /**
+    * 索引 key 值
+    * @default title
+    */
+    floorKey: string
+    /**
+    * 索引列表
+    * @default [{id: 0, name: ''}]
+    */
+    list: any[]
+    /**
+    * 索引是否吸顶
+    * @default false
+    */
+    sticky: boolean
+    /**
+    * 右侧锚点的上下间距
+    * @default 23
+    */
+    spaceHeight: number
+    /**
+    * 左侧索引的高度
+    * @default 35
+    */
+    titleHeight: number
+    /**
+    * 展示右侧导航
+    * @default true
+    */
+    showKeys: boolean
+    /**
+    * 点击内容
+    * @default false
+    */
+    onClickItem: (key: string, item: ElevatorData) => void
+    /**
+    * 点击索引
+    * @default false
+    */
+    onClickIndex: (key: string) => void
+}
+interface ElevatorData {
+    name: string;
+    id: number | string;
+    [key: string]: string | number;
+}
+export declare const Elevator: FunctionComponent<Partial<ElevatorProps> & React.HTMLAttributes<HTMLDivElement>> & {
+    Context: typeof elevatorContext;
+};
+export {};

package/dist/types/packages/elevator/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { Elevator } from './elevator';
+export type { ElevatorProps } from './elevator';
+export default Elevator;

package/dist/types/packages/ellipsis/ellipsis.d.ts ADDED Viewed

@@ -0,0 +1,51 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export type EllipsisDirection = 'start' | 'end' | 'middle';
+export interface EllipsisProps extends BasicComponent {
+    /**
+    * 文本内容
+    * @default -
+    */
+    content: string
+    /**
+    * 省略位置
+    * @default end
+    */
+    direction: EllipsisDirection
+    /**
+    * 展示几行
+    * @default 1
+    */
+    rows: number | string
+    /**
+    * 展开操作的文案
+    * @default -
+    */
+    expandText: string
+    /**
+    * 收起操作的文案
+    * @default -
+    */
+    collapseText: string
+    /**
+    * 省略的符号
+    * @default ...
+    */
+    symbol: string
+    /**
+    * 容器的行高
+    * @default 20
+    */
+    lineHeight: number | string
+    /**
+    * 文本点击是触发
+    * @default -
+    */
+    onClick: () => void
+    /**
+    * 点击展开收起时触发
+    * @default -
+    */
+    onChange: (type: string) => void
+}
+export declare const Ellipsis: FunctionComponent<Partial<EllipsisProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'>>;

package/dist/types/packages/ellipsis/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { Ellipsis } from './ellipsis';
+export type { EllipsisProps, EllipsisDirection } from './ellipsis';
+export default Ellipsis;

package/dist/types/packages/empty/empty.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface EmptyProps extends BasicComponent {
+    /**
+    * 图片,支持传入图片 URL
+    * @default -
+    */
+    image?: ReactNode
+    /**
+    * 图片大小，number 类型单位为 px
+    * @default -
+    */
+    imageSize: number | string
+    /**
+    * 图片下方的描述文字
+    * @default -
+    */
+    description: ReactNode
+    /**
+    * 默认图片错误类型
+    * @default empty
+    */
+    status: 'empty' | 'error' | 'network'
+}
+export declare const Empty: FunctionComponent<Partial<EmptyProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/packages/empty/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { Empty } from './empty';
+export type { EmptyProps } from './empty';
+export default Empty;