fat-design 0.0.1-beta.20251010161507 → 0.0.1-beta.20251012170705

package/types/balloon-confirm/index.d.ts

@@ -1,78 +1,119 @@
-import * as React from 'react';
-import {BalloonProps} from "../balloon";
-import {ButtonProps} from "../button";
-
-
-export interface BalloonConfirmProps extends BalloonProps {
-    prefix?: string;
-    locale?: any;
-    className?: string;
-    autoOnOkMessage?: boolean;
-    children?: any;
-
-    messageProps?: any;
-
-    /**
-     * 在点击确定按钮时触发的回调函数
-     */
-    onOk?: (event: React.MouseEvent) => void;
-
-    /**
-     * 在点击取消按钮时触发的回调函数
-     */
-    onCancel?: (event: React.MouseEvent) => void;
-
-    /**
-     * 应用于确定按钮的属性对象
-     */
-    okProps?: ButtonProps;
-
-    /**
-     * 应用于取消按钮的属性对象
-     */
-    cancelProps?: ButtonProps;
-
-}
-
-
-
-declare function BalloonConfirm(props: BalloonConfirmProps): React.JSX.Element;
-declare namespace BalloonConfirm {
-    var defaultProps: {
-        onOk: () => void;
-        onCancel: () => void;
-        okProps: {};
-        cancelProps: {};
-        autoOnOkMessage: boolean;
-        footerAlign: string;
-        footerActions: string[];
-        onVisibleChange: () => void;
-        triggerType: string;
-    };
-}
-export default BalloonConfirm;
-
-
-export interface PopConfirmProps extends BalloonConfirmProps {
-    title?: any;
-    content?: any;
-}
-
-declare function PopConfirm(props: PopConfirmProps): React.JSX.Element;
-declare namespace PopConfirm {
-    var defaultProps: {
-        onOk: () => void;
-        onCancel: () => void;
-        okProps: {};
-        cancelProps: {};
-        autoOnOkMessage: boolean;
-        footerAlign: string;
-        footerActions: string[];
-        onVisibleChange: () => void;
-        triggerType: string;
-    };
-}
-export {
-    PopConfirm
-};
-
+import * as React from 'react';
+import {BalloonProps} from "../balloon";
+import {ButtonProps} from "../button";
+
+
+export interface BalloonConfirmProps extends BalloonProps {
+    prefix?: string;
+    locale?: any;
+    className?: string;
+    
+    /**
+     * 是否在 onOk 成功时自动显示成功消息
+     */
+    autoOnOkMessage?: boolean;
+    
+    messageProps?: any;
+
+    /**
+     * 底部内容，设置为 false 则不进行显示
+     * @default [<Button type="primary">确定</Button>, <Button>取消</Button>]
+     */
+    footer?: React.ReactNode | boolean;
+    
+    /**
+     * 底部按钮的对齐方式
+     */
+    footerAlign?: 'left' | 'center' | 'right';
+    
+    /**
+     * 指定确定按钮和取消按钮是否存在以及如何排列
+     * @example ['ok', 'cancel'] | ['cancel', 'ok'] | ['ok'] | ['cancel']
+     */
+    footerActions?: Array<'ok' | 'cancel'>;
+    
+    /**
+     * 确认按钮文案
+     */
+    okText?: React.ReactNode;
+    
+    /**
+     * 取消按钮文案
+     */
+    cancelText?: React.ReactNode;
+
+    /**
+     * 在点击确定按钮时触发的回调函数，支持返回 Promise
+     * @param event 点击事件对象
+     * @returns 可以返回 void、Promise、false（阻止关闭）或其他值
+     */
+    onOk?: (event: React.MouseEvent) => void | Promise<any> | boolean | any;
+
+    /**
+     * 在点击取消按钮时触发的回调函数，支持返回 Promise
+     * @param event 点击事件对象
+     * @returns 可以返回 void、Promise、false（阻止关闭）或其他值
+     */
+    onCancel?: (event: React.MouseEvent) => void | Promise<any> | boolean | any;
+
+    /**
+     * 应用于确定按钮的属性对象
+     */
+    okProps?: ButtonProps;
+
+    /**
+     * 应用于取消按钮的属性对象
+     */
+    cancelProps?: ButtonProps;
+
+}
+
+
+
+declare function BalloonConfirm(props: BalloonConfirmProps): React.JSX.Element;
+declare namespace BalloonConfirm {
+    var defaultProps: {
+        onOk: () => void;
+        onCancel: () => void;
+        okProps: {};
+        cancelProps: {};
+        autoOnOkMessage: boolean;
+        footerAlign: 'right';
+        footerActions: ['ok', 'cancel'];
+        onVisibleChange: () => void;
+        triggerType: 'click';
+    };
+}
+export default BalloonConfirm;
+
+
+export interface PopConfirmProps extends Omit<BalloonConfirmProps, 'content'> {
+    /**
+     * 确认框的标题
+     */
+    title?: React.ReactNode;
+    
+    /**
+     * 确认框的内容
+     */
+    content?: React.ReactNode;
+}
+
+declare function PopConfirm(props: PopConfirmProps): React.JSX.Element;
+declare namespace PopConfirm {
+    var defaultProps: {
+        onOk: () => void;
+        onCancel: () => void;
+        okProps: {};
+        cancelProps: {};
+        autoOnOkMessage: boolean;
+        footerAlign: string;
+        footerActions: string[];
+        onVisibleChange: () => void;
+        triggerType: string;
+    };
+}
+export {
+    PopConfirm
+};
+

package/types/batch-input/index.d.ts

@@ -1,152 +1,152 @@
-/// <reference types="react" />
-
-import * as React from 'react';
-import CommonProps from '../util';
-
-type OnChange = (arg: string | Array<string>) => void ;
-export type IValue = string | Array<string | number> | any;
-
-
-interface HTMLAttributesWeak extends React.InputHTMLAttributes<HTMLElement> {
-    defaultValue?: any;
-    onChange?: any;
-    onKeyDown?: any;
-    size?: any;
-}
-
-export interface BatchInputProps extends HTMLAttributesWeak, CommonProps {
-    /**
-     * Value值是不是数组
-     */
-    isArrayValue?: boolean;
-    /**
-     * 当前值
-     */
-    value?: IValue;
-
-    /**
-     * 初始化值
-     */
-    defaultValue?: IValue;
-
-    /**
-     * 发生改变的时候触发的回调
-     */
-    onChange?: OnChange;
-
-    /**
-     * 键盘按下的时候触发的回调
-     */
-    onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>, opts: {}) => void;
-
-    /**
-     * 禁用状态
-     */
-    disabled?: boolean;
-
-    /**
-     * 最大长度， 最多字符数
-     */
-    maxLength?: number;
-
-    /**
-     * 是否展现最大长度样式
-     */
-    hasLimitHint?: boolean;
-    showLimitHint?: boolean;
-
-    /**
-     * onChange返回会自动去除头尾空字符
-     */
-    trim?: boolean;
-
-    /**
-     * 输入提示
-     */
-    placeholder?: string;
-
-    /**
-     * 获取焦点时候触发的回调
-     */
-    onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
-
-    /**
-     * 失去焦点时候触发的回调
-     */
-    onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
-
-    /**
-     * 自定义字符串计算长度方式
-     */
-    getValueLength?: (value: string) => number;
-
-    /**
-     * 自定义class
-     */
-    className?: string;
-
-    /**
-     * 自定义内联样式
-     */
-    style?: React.CSSProperties;
-
-    /**
-     * 原生type
-     */
-    htmlType?: string;
-
-    /**
-     * name
-     */
-    name?: string;
-
-    /**
-     * 状态
-     */
-    state?: 'error' | 'warning';
-
-    /**
-     * 是否有边框
-     */
-    hasBorder?: boolean;
-
-    /**
-     * 自动高度 true / {minRows: 2, maxRows: 4}
-     */
-    autoHeight?: boolean | {};
-
-    /**
-     * 多行文本框高度 <br />(不要直接用height设置多行文本框的高度, ie9 10会有兼容性问题)
-     */
-    rows?: number;
-
-    /**
-     * 是否为预览态
-     */
-    isPreview?: boolean;
-
-    renderPreview?: (value: string | number) => React.ReactNode;
-
-    /**
-     * 开启后会过滤输入法中间字母状态，文字输入完成后才会触发 onChange
-     */
-    composition?: boolean;
-
-    formatter?: string;
-    size?: string | any;
-    container?: HTMLElement;
-    isBtnPaste?: boolean;
-    target?: 'str' | 'items';
-    inputCls?: string;
-    onOverlayDisappear?: (arg: IValue) => void;
-    textAreaWidth?: number,
-    openChineseInput?: boolean,
-}
-
-
-
-declare function BatchInput(props: BatchInputProps): JSX.Element;
-declare namespace BatchInput {
-
-}
-export default BatchInput;
+/// <reference types="react" />
+
+import * as React from 'react';
+import CommonProps from '../util';
+
+type OnChange = (arg: string | Array<string>) => void ;
+export type IValue = string | Array<string | number> | any;
+
+
+interface HTMLAttributesWeak extends React.InputHTMLAttributes<HTMLElement> {
+    defaultValue?: any;
+    onChange?: any;
+    onKeyDown?: any;
+    size?: any;
+}
+
+export interface BatchInputProps extends HTMLAttributesWeak, CommonProps {
+    /**
+     * Value值是不是数组
+     */
+    isArrayValue?: boolean;
+    /**
+     * 当前值
+     */
+    value?: IValue;
+
+    /**
+     * 初始化值
+     */
+    defaultValue?: IValue;
+
+    /**
+     * 发生改变的时候触发的回调
+     */
+    onChange?: OnChange;
+
+    /**
+     * 键盘按下的时候触发的回调
+     */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>, opts: {}) => void;
+
+    /**
+     * 禁用状态
+     */
+    disabled?: boolean;
+
+    /**
+     * 最大长度， 最多字符数
+     */
+    maxLength?: number;
+
+    /**
+     * 是否展现最大长度样式
+     */
+    hasLimitHint?: boolean;
+    showLimitHint?: boolean;
+
+    /**
+     * onChange返回会自动去除头尾空字符
+     */
+    trim?: boolean;
+
+    /**
+     * 输入提示
+     */
+    placeholder?: string;
+
+    /**
+     * 获取焦点时候触发的回调
+     */
+    onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+
+    /**
+     * 失去焦点时候触发的回调
+     */
+    onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+
+    /**
+     * 自定义字符串计算长度方式
+     */
+    getValueLength?: (value: string) => number;
+
+    /**
+     * 自定义class
+     */
+    className?: string;
+
+    /**
+     * 自定义内联样式
+     */
+    style?: React.CSSProperties;
+
+    /**
+     * 原生type
+     */
+    htmlType?: string;
+
+    /**
+     * name
+     */
+    name?: string;
+
+    /**
+     * 状态
+     */
+    state?: 'error' | 'warning';
+
+    /**
+     * 是否有边框
+     */
+    hasBorder?: boolean;
+
+    /**
+     * 自动高度 true / {minRows: 2, maxRows: 4}
+     */
+    autoHeight?: boolean | {};
+
+    /**
+     * 多行文本框高度 <br />(不要直接用height设置多行文本框的高度, ie9 10会有兼容性问题)
+     */
+    rows?: number;
+
+    /**
+     * 是否为预览态
+     */
+    isPreview?: boolean;
+
+    renderPreview?: (value: string | number) => React.ReactNode;
+
+    /**
+     * 开启后会过滤输入法中间字母状态，文字输入完成后才会触发 onChange
+     */
+    composition?: boolean;
+
+    formatter?: string;
+    size?: string | any;
+    container?: HTMLElement;
+    isBtnPaste?: boolean;
+    target?: 'str' | 'items';
+    inputCls?: string;
+    onOverlayDisappear?: (arg: IValue) => void;
+    textAreaWidth?: number,
+    openChineseInput?: boolean,
+}
+
+
+
+declare function BatchInput(props: BatchInputProps): JSX.Element;
+declare namespace BatchInput {
+
+}
+export default BatchInput;

package/types/box/index.d.ts

@@ -1,18 +1,25 @@
-/// <reference types="react" />
-
-import { HTMLAttributes, ElementType, Component } from 'react';
-import CommonProps from '../util';
-
-export interface BoxProps extends HTMLAttributes<HTMLElement>, CommonProps {
-    device?: 'phone' | 'tablet' | 'desktop';
-    flex?: number | Array<number | string>;
-    direction?: 'row' | 'column' | 'row-reverse';
-    wrap?: boolean;
-    spacing?: number | Array<number>;
-    margin?: number | Array<number>;
-    padding?: number | Array<number>;
-    justify?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | string;
-    align?: 'flex-start' | 'center' | 'flex-end' | 'baseline' | 'stretch' | string;
-}
-
-export default class Box extends Component<BoxProps, any> {}
+/// <reference types="react" />
+
+import { HTMLAttributes, ElementType, Component } from 'react';
+import CommonProps from '../util';
+
+export interface BoxProps extends HTMLAttributes<HTMLElement>, CommonProps {
+    device?: 'phone' | 'tablet' | 'desktop';
+    flex?: number | Array<number | string>;
+    direction?: 'row' | 'column' | 'row-reverse';
+    wrap?: boolean;
+    spacing?: number | Array<number>;
+    margin?: number | Array<number>;
+    padding?: number | Array<number>;
+    justify?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | string;
+    align?: 'flex-start' | 'center' | 'flex-end' | 'baseline' | 'stretch' | string;
+    component?: string;
+    /**
+     * 是否使用v2版本实现，v2版本使用纯CSS布局，不修改children属性
+     * v2版本解决了children外层有包装组件时spacing失效的问题
+     * @default false
+     */
+    v2?: boolean;
+}
+
+export default class Box extends Component<BoxProps, any> {}

package/types/breadcrumb/index.d.ts

@@ -1,60 +1,60 @@
-/// <reference types="react" />
-
-import * as React from 'react';
-import { PopupProps } from '../overlay';
-
-export interface ItemProps extends React.HTMLAttributes<HTMLElement> {
-    /**
-     * 面包屑节点链接，如果设置这个属性，则该节点为`<a />` ，否则是`<span />`
-     */
-    link?: string;
-    onClick?: React.MouseEventHandler<HTMLLIElement>;
-}
-
-export class Item extends React.Component<ItemProps, any> {}
-export interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
-    /**
-     * 样式类名的品牌前缀
-     */
-    prefix?: string;
-
-    /**
-     * 面包屑子节点，需传入 Breadcrumb.Item
-     */
-    children?: any;
-
-    /**
-     * 面包屑最多显示个数，超出部分会被隐藏
-     */
-    maxNode?: number | 'auto';
-
-    /**
-     * 分隔符，可以是文本或 Icon
-     */
-    separator?: string | React.ReactNode;
-
-    /**
-     * 设置标签类型
-     */
-    component?: string | (() => void);
-    /**
-     * 当超过的项被隐藏时，是否可通过点击省略号展示菜单（包含被隐藏的项）
-     */
-    showHiddenItems?: boolean;
-    /**
-     * 弹层挂载的容器节点（在showHiddenItems为true时才有意义）
-     */
-    popupContainer?: any;
-    /**
-     * 是否跟随trigger滚动（在showHiddenItems为true时才有意义）
-     */
-    followTrigger?: boolean;
-    /**
-     * 添加到弹层上的属性（在showHiddenItems为true时才有意义）
-     */
-    popupProps?: PopupProps;
-}
-
-export default class Breadcrumb extends React.Component<BreadcrumbProps, any> {
-    static Item: typeof Item;
-}
+/// <reference types="react" />
+
+import * as React from 'react';
+import { PopupProps } from '../overlay';
+
+export interface ItemProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * 面包屑节点链接，如果设置这个属性，则该节点为`<a />` ，否则是`<span />`
+     */
+    link?: string;
+    onClick?: React.MouseEventHandler<HTMLLIElement>;
+}
+
+export class Item extends React.Component<ItemProps, any> {}
+export interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * 样式类名的品牌前缀
+     */
+    prefix?: string;
+
+    /**
+     * 面包屑子节点，需传入 Breadcrumb.Item
+     */
+    children?: any;
+
+    /**
+     * 面包屑最多显示个数，超出部分会被隐藏
+     */
+    maxNode?: number | 'auto';
+
+    /**
+     * 分隔符，可以是文本或 Icon
+     */
+    separator?: string | React.ReactNode;
+
+    /**
+     * 设置标签类型
+     */
+    component?: string | (() => void);
+    /**
+     * 当超过的项被隐藏时，是否可通过点击省略号展示菜单（包含被隐藏的项）
+     */
+    showHiddenItems?: boolean;
+    /**
+     * 弹层挂载的容器节点（在showHiddenItems为true时才有意义）
+     */
+    popupContainer?: any;
+    /**
+     * 是否跟随trigger滚动（在showHiddenItems为true时才有意义）
+     */
+    followTrigger?: boolean;
+    /**
+     * 添加到弹层上的属性（在showHiddenItems为true时才有意义）
+     */
+    popupProps?: PopupProps;
+}
+
+export default class Breadcrumb extends React.Component<BreadcrumbProps, any> {
+    static Item: typeof Item;
+}