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

@nutui/nutui-react 2.0.0-beta.0 → 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 (1785) hide show

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

@@ -0,0 +1,47 @@
+import React from 'react';
+import { RadioGroupOptionType } from '../../packages/radiogroup/type';
+export type CheckboxLabelPosition = 'left' | 'right';
+export type CheckboxDirection = 'horizontal' | 'vertical';
+export interface CheckboxGroupProps {
+    /**
+    * 是否禁用选择,将用于其下的全部复选框
+    * @default false
+    */
+    disabled?: boolean
+    /**
+    * 当前选中项的标识符
+    * @default -
+    */
+    value?: string[]
+    /**
+    * 初始选中项的标识符
+    * @default -
+    */
+    defaultValue?: string[]
+    /**
+    * 限制最大可选数
+    * @default -
+    */
+    max: number | undefined
+    /**
+    * 文本所在的位置
+    * @default right
+    */
+    labelPosition: CheckboxLabelPosition
+    /**
+    * 使用横纵方向 可选值 horizontal、vertical
+    * @default vertical
+    */
+    direction: CheckboxDirection
+    /**
+    * 配置 options 渲染复选按钮
+    * @default -
+    */
+    options: RadioGroupOptionType[]
+    /**
+    * 值变化时触发
+    * @default -
+    */
+    onChange: (value: string[]) => void
+}
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<Partial<CheckboxGroupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<unknown>>;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const CheckboxGroupContext: import("react").Context<{
+    labelPosition: 'left' | 'right';
+    disabled: boolean | undefined;
+    value: string[];
+    max: number | undefined;
+    check: (value: string) => void;
+    uncheck: (value: string) => void;
+} | null>;
+export default CheckboxGroupContext;

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

	@@ -0,0 +1,2 @@
1	+ import { CheckboxGroup } from './checkboxgroup';
2	+ export default CheckboxGroup;

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

@@ -0,0 +1,43 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface Color {
+    [key: string]: string;
+}
+export interface CircleProgressProps extends BasicComponent {
+    /**
+    * 百分比
+    * @default 必传项，无默认值
+    */
+    percent: string | number
+    /**
+    * 圆弧的宽度
+    * @default 5
+    */
+    strokeWidth?: string | number
+    /**
+    * 半径
+    * @default 50
+    */
+    radius?: number | string
+    /**
+    * 圆环进度条端点形状
+    * @default round
+    */
+    strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit'
+    /**
+    * 圆环进度条颜色，传入对象格式可以定义渐变色
+    * @default -
+    */
+    color?: object | string
+    /**
+    * 圆环轨道颜色
+    * @default #d9d9d9
+    */
+    background?: string
+    /**
+    * 是否顺时针展示
+    * @default true
+    */
+    clockwise?: boolean
+}
+export declare const CircleProgress: FunctionComponent<CircleProgressProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>>;

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

@@ -0,0 +1,3 @@
+import { CircleProgress } from './circleprogress';
+export type { CircleProgressProps } from './circleprogress';
+export default CircleProgress;

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

@@ -0,0 +1,22 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export type ColEventType = 'row' | 'col';
+export interface ColProps extends BasicComponent {
+    /**
+    * 列元素宽度（共分为24份，例如设置一行3个，那么span值为8）
+    * @default 24
+    */
+    span: string | number
+    /**
+    * 列元素偏移距离
+    * @default 0
+    */
+    offset: string | number
+    gutter: string | number;
+    /**
+    * 点击时触发
+    * @default -
+    */
+    onClick: (e: any, type: ColEventType) => void
+}
+export declare const Col: FunctionComponent<Partial<ColProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;

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;