fat-design 0.0.1 → 0.0.2-beta.20251111003037

package/types/divider/index.d.ts

@@ -1,21 +1,21 @@
-/// <reference types="react" />
-
-import * as React from 'react';
-import CommonProps from '../util';
-
-export interface DividerProps extends React.HTMLAttributes<HTMLElement>, CommonProps {
-    /**
-     * 是否为虚线
-     */
-    dashed?: boolean;
-    /**
-     * 线是水平还是垂直类型
-     */
-    direction?: 'hoz' | 'ver';
-    /**
-     * 分割线标题的位置
-     */
-    orientation?: 'left' | 'right' | 'center';
-}
-
-export default class Divider extends React.Component<DividerProps, any> {}
+/// <reference types="react" />
+
+import * as React from 'react';
+import CommonProps from '../util';
+
+export interface DividerProps extends React.HTMLAttributes<HTMLElement>, CommonProps {
+    /**
+     * 是否为虚线
+     */
+    dashed?: boolean;
+    /**
+     * 线是水平还是垂直类型
+     */
+    direction?: 'hoz' | 'ver';
+    /**
+     * 分割线标题的位置
+     */
+    orientation?: 'left' | 'right' | 'center';
+}
+
+export default class Divider extends React.Component<DividerProps, any> {}

package/types/drawer/index.d.ts

@@ -1,121 +1,121 @@
-/// <reference types="react" />
-
-import * as React from 'react';
-import { PopupProps } from '../overlay';
-import { CloseMode } from '../dialog';
-import CommonProps from '../util';
-import {ButtonProps} from "../button";
-
-interface HTMLAttributesWeak extends PopupProps {
-    title?: any;
-    onClose?: any;
-}
-
-export interface DrawerProps extends Omit<HTMLAttributesWeak, 'content'>, CommonProps {
-    /**
-     * [废弃]同closeMode, 控制对话框关闭的方式，值可以为字符串或者布尔值，其中字符串是由以下值组成：
-     * **mask** 表示点击遮罩区域可以关闭对话框
-     * **esc** 表示按下 esc 键可以关闭对话框
-     * 如 'mask' 或 'esc,mask'
-     * 如果设置为 true，则以上关闭方式全部生效
-     * 如果设置为 false，则以上关闭方式全部失效
-     * @deprecated
-     */
-    closeable?: 'close' | 'mask' | 'esc' | boolean | 'close,mask' | 'close,esc' | 'mask,esc';
-    /**
-     * [推荐]控制对话框关闭的方式，值可以为字符串或者数组，其中字符串、数组均为以下值的枚举：
-     * **close** 表示点击关闭按钮可以关闭对话框
-     * **mask** 表示点击遮罩区域可以关闭对话框
-     * **esc** 表示按下 esc 键可以关闭对话框
-     * 如 'close' 或 ['close','esc','mask'], []
-     */
-    closeMode?: CloseMode[] | 'close' | 'mask' | 'esc';
-    /**
-     * 隐藏时是否保留子节点，不销毁
-     */
-    cache?: boolean;
-    /**
-     * 标题
-     */
-    title?: React.ReactNode;
-    /**
-     * body上的样式
-     */
-    bodyStyle?: React.CSSProperties;
-    headerStyle?: React.CSSProperties;
-    /**
-     * 显示隐藏时动画的播放方式
-     * @property {String} in 进场动画
-     * @property {String} out 出场动画
-     */
-    animation?: { in: string; out: string } | boolean;
-    visible?: boolean;
-
-    /**
-     * 宽度，仅在 placement是 left right 的时候生效
-     */
-    width?: number | string;
-
-    /**
-     * 高度，仅在 placement是 top bottom 的时候生效
-     */
-    height?: number | string;
-    /**
-     * [v2 废弃] 受控模式下(没有 trigger 的时候)，只会在关闭时触发，相当于onClose
-     * @deprecated
-     */
-    onVisibleChange?: (visible: boolean, reason: string) => void;
-    /**
-     * [v2] 弹窗关闭后的回调
-     */
-    afterClose?: () => void;
-    onClose?: (reason: string, e: React.MouseEvent) => void;
-    /**
-     * 位于页面的位置
-     */
-    placement?: 'top' | 'right' | 'bottom' | 'left';
-    /**
-     * 开启v2版本
-     */
-    v2?: boolean;
-
-    /**
-     * 内容
-     */
-    content?: React.ReactNode;
-
-    /**
-     * 底部内容，设置为 false，则不进行显示
-     */
-    footer?: boolean | React.ReactNode;
-
-
-    /**
-     * 指定确定按钮和取消按钮是否存在以及如何排列,<br><br>**可选值**：
-     * ['ok', 'cancel']（确认取消按钮同时存在，确认按钮在左）
-     * ['cancel', 'ok']（确认取消按钮同时存在，确认按钮在右）
-     * ['ok']（只存在确认按钮）
-     * ['cancel']（只存在取消按钮）
-     */
-    footerActions?: Array<string>
-
-
-
-    /**
-     * 应用于确定按钮的属性对象
-     */
-    okProps?: ButtonProps;
-
-    /**
-     * 应用于取消按钮的属性对象
-     */
-    cancelProps?: ButtonProps;
-}
-
-export interface QuickShowRet {
-    hide: () => void;
-}
-
-export default class Drawer extends React.Component<DrawerProps, any> {
-    static show(config: DrawerProps): QuickShowRet;
-}
+/// <reference types="react" />
+
+import * as React from 'react';
+import { PopupProps } from '../overlay';
+import { CloseMode } from '../dialog';
+import CommonProps from '../util';
+import {ButtonProps} from "../button";
+
+interface HTMLAttributesWeak extends PopupProps {
+    title?: any;
+    onClose?: any;
+}
+
+export interface DrawerProps extends Omit<HTMLAttributesWeak, 'content'>, CommonProps {
+    /**
+     * [废弃]同closeMode, 控制对话框关闭的方式，值可以为字符串或者布尔值，其中字符串是由以下值组成：
+     * **mask** 表示点击遮罩区域可以关闭对话框
+     * **esc** 表示按下 esc 键可以关闭对话框
+     * 如 'mask' 或 'esc,mask'
+     * 如果设置为 true，则以上关闭方式全部生效
+     * 如果设置为 false，则以上关闭方式全部失效
+     * @deprecated
+     */
+    closeable?: 'close' | 'mask' | 'esc' | boolean | 'close,mask' | 'close,esc' | 'mask,esc';
+    /**
+     * [推荐]控制对话框关闭的方式，值可以为字符串或者数组，其中字符串、数组均为以下值的枚举：
+     * **close** 表示点击关闭按钮可以关闭对话框
+     * **mask** 表示点击遮罩区域可以关闭对话框
+     * **esc** 表示按下 esc 键可以关闭对话框
+     * 如 'close' 或 ['close','esc','mask'], []
+     */
+    closeMode?: CloseMode[] | 'close' | 'mask' | 'esc';
+    /**
+     * 隐藏时是否保留子节点，不销毁
+     */
+    cache?: boolean;
+    /**
+     * 标题
+     */
+    title?: React.ReactNode;
+    /**
+     * body上的样式
+     */
+    bodyStyle?: React.CSSProperties;
+    headerStyle?: React.CSSProperties;
+    /**
+     * 显示隐藏时动画的播放方式
+     * @property {String} in 进场动画
+     * @property {String} out 出场动画
+     */
+    animation?: { in: string; out: string } | boolean;
+    visible?: boolean;
+
+    /**
+     * 宽度，仅在 placement是 left right 的时候生效
+     */
+    width?: number | string;
+
+    /**
+     * 高度，仅在 placement是 top bottom 的时候生效
+     */
+    height?: number | string;
+    /**
+     * [v2 废弃] 受控模式下(没有 trigger 的时候)，只会在关闭时触发，相当于onClose
+     * @deprecated
+     */
+    onVisibleChange?: (visible: boolean, reason: string) => void;
+    /**
+     * [v2] 弹窗关闭后的回调
+     */
+    afterClose?: () => void;
+    onClose?: (reason: string, e: React.MouseEvent) => void;
+    /**
+     * 位于页面的位置
+     */
+    placement?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * 开启v2版本
+     */
+    v2?: boolean;
+
+    /**
+     * 内容
+     */
+    content?: React.ReactNode;
+
+    /**
+     * 底部内容，设置为 false，则不进行显示
+     */
+    footer?: boolean | React.ReactNode;
+
+
+    /**
+     * 指定确定按钮和取消按钮是否存在以及如何排列,<br><br>**可选值**：
+     * ['ok', 'cancel']（确认取消按钮同时存在，确认按钮在左）
+     * ['cancel', 'ok']（确认取消按钮同时存在，确认按钮在右）
+     * ['ok']（只存在确认按钮）
+     * ['cancel']（只存在取消按钮）
+     */
+    footerActions?: Array<string>
+
+
+
+    /**
+     * 应用于确定按钮的属性对象
+     */
+    okProps?: ButtonProps;
+
+    /**
+     * 应用于取消按钮的属性对象
+     */
+    cancelProps?: ButtonProps;
+}
+
+export interface QuickShowRet {
+    hide: () => void;
+}
+
+export default class Drawer extends React.Component<DrawerProps, any> {
+    static show(config: DrawerProps): QuickShowRet;
+}

package/types/dropdown/index.d.ts

@@ -1,198 +1,198 @@
-/// <reference types="react" />
-
-import * as React from 'react';
-import CommonProps from '../util';
-
-export interface DropdownProps extends React.HTMLAttributes<HTMLElement>, CommonProps {
-    /**
-     * 弹层内容
-     */
-    children?: React.ReactNode;
-
-    /**
-     * 弹层当前是否显示
-     */
-    visible?: boolean;
-
-    /**
-     * 弹层请求关闭时触发事件的回调函数
-     */
-    onRequestClose?: (type: string, e: {}) => void;
-
-    /**
-     * 弹层定位的参照元素
-     */
-    target?: any;
-
-    /**
-     * 弹层相对于触发元素的定位, 详见 Overlay 的定位部分
-     */
-    align?: string;
-
-    /**
-     * 弹层相对于触发元素定位的微调
-     */
-    offset?: Array<any>;
-
-    /**
-     * 渲染组件的容器，如果是函数需要返回 ref，如果是字符串则是该 DOM 的 id，也可以直接传入 DOM 节点
-     */
-    container?: any;
-
-    /**
-     * 是否显示遮罩
-     */
-    hasMask?: boolean;
-
-    /**
-     * 是否支持 esc 按键关闭弹层
-     */
-    canCloseByEsc?: boolean;
-
-    /**
-     * 点击弹层外的区域是否关闭弹层，不显示遮罩时生效
-     */
-    canCloseByOutSideClick?: boolean;
-
-    /**
-     * 点击遮罩区域是否关闭弹层，显示遮罩时生效
-     */
-    canCloseByMask?: boolean;
-
-    /**
-     * 弹层打开前触发事件的回调函数
-     */
-    beforeOpen?: () => void;
-
-    /**
-     * 弹层打开时触发事件的回调函数
-     */
-    onOpen?: () => void;
-
-    /**
-     * 弹层打开后触发事件的回调函数, 如果有动画，则在动画结束后触发
-     */
-    afterOpen?: () => void;
-
-    /**
-     * 弹层关闭前触发事件的回调函数
-     */
-    beforeClose?: () => void;
-
-    /**
-     * 弹层关闭时触发事件的回调函数
-     */
-    onClose?: () => void;
-
-    /**
-     * 弹层关闭后触发事件的回调函数, 如果有动画，则在动画结束后触发
-     */
-    afterClose?: () => void;
-
-    /**
-     * 弹层定位完成前触发的事件
-     */
-    beforePosition?: () => void;
-
-    /**
-     * 弹层定位完成时触发的事件
-     */
-    onPosition?: (config: {}, node: {}) => void;
-
-    /**
-     * 是否在每次弹层重新渲染后强制更新定位信息，一般用于弹层内容区域大小发生变化时，仍需保持原来的定位方式
-     */
-    shouldUpdatePosition?: boolean;
-
-    /**
-     * 弹层打开时是否让其中的元素自动获取焦点
-     */
-    autoFocus?: boolean;
-
-    /**
-     * 当弹层由于页面滚动等情况不在可视区域时，是否自动调整定位以出现在可视区域
-     */
-    needAdjust?: boolean;
-
-    /**
-     * 是否禁用页面滚动
-     */
-    disableScroll?: boolean;
-
-    /**
-     * 隐藏时是否保留子节点
-     */
-    cache?: boolean;
-
-    /**
-     * 安全节点，当点击 document 的时候，如果包含该节点则不会关闭弹层，如果是函数需要返回 ref，如果是字符串则是该 DOM 的 id，也可以直接传入 DOM 节点，或者以上值组成的数组
-     */
-    safeNode?: any;
-
-    /**
-     * 弹层的根节点的样式类
-     */
-    wrapperClassName?: string;
-
-    /**
-     * 弹层的根节点的内联样式
-     */
-    wrapperStyle?: React.CSSProperties;
-
-    /**
-     * 配置动画的播放方式，支持 { in: 'enter-class', out: 'leave-class' } 的对象参数，如果设置为 false，则不播放动画
-     */
-    animation?: any | boolean;
-
-    /**
-     * 触发弹层显示或者隐藏的元素
-     */
-    trigger?: React.ReactNode;
-
-    /**
-     * 触发弹层显示或隐藏的操作类型，可以是 'click'，'hover'，或者它们组成的数组，如 ['hover', 'click']
-     */
-    triggerType?: string | Array<any>;
-
-    /**
-     * 当 triggerType 为 click 时才生效，可自定义触发弹层显示的键盘码
-     */
-    triggerClickKeycode?: number | Array<any>;
-
-    /**
-     * 弹层默认是否显示
-     */
-    defaultVisible?: boolean;
-
-    /**
-     * 开启后，默认点击children弹窗就收起 0.x 2.x中默认是true
-     */
-    autoClose?: boolean;
-
-    /**
-     * 弹层显示或隐藏时触发的回调函数
-     */
-    onVisibleChange?: (visible: boolean, type: string, e: {}) => void;
-
-    /**
-     * 设置此属性，弹层无法显示或隐藏
-     */
-    disabled?: boolean;
-
-    /**
-     * 弹层显示或隐藏的延时时间（以毫秒为单位），在 triggerType 被设置为 hover 时生效
-     */
-    delay?: number;
-
-    /**
-     * trigger 是否可以关闭弹层
-     */
-    canCloseByTrigger?: boolean;
-
-    /**
-     * 是否跟随trigger滚动
-     */
-    followTrigger?: boolean;
-}
-
-export default class Dropdown extends React.Component<DropdownProps, any> {}
+/// <reference types="react" />
+
+import * as React from 'react';
+import CommonProps from '../util';
+
+export interface DropdownProps extends React.HTMLAttributes<HTMLElement>, CommonProps {
+    /**
+     * 弹层内容
+     */
+    children?: React.ReactNode;
+
+    /**
+     * 弹层当前是否显示
+     */
+    visible?: boolean;
+
+    /**
+     * 弹层请求关闭时触发事件的回调函数
+     */
+    onRequestClose?: (type: string, e: {}) => void;
+
+    /**
+     * 弹层定位的参照元素
+     */
+    target?: any;
+
+    /**
+     * 弹层相对于触发元素的定位, 详见 Overlay 的定位部分
+     */
+    align?: string;
+
+    /**
+     * 弹层相对于触发元素定位的微调
+     */
+    offset?: Array<any>;
+
+    /**
+     * 渲染组件的容器，如果是函数需要返回 ref，如果是字符串则是该 DOM 的 id，也可以直接传入 DOM 节点
+     */
+    container?: any;
+
+    /**
+     * 是否显示遮罩
+     */
+    hasMask?: boolean;
+
+    /**
+     * 是否支持 esc 按键关闭弹层
+     */
+    canCloseByEsc?: boolean;
+
+    /**
+     * 点击弹层外的区域是否关闭弹层，不显示遮罩时生效
+     */
+    canCloseByOutSideClick?: boolean;
+
+    /**
+     * 点击遮罩区域是否关闭弹层，显示遮罩时生效
+     */
+    canCloseByMask?: boolean;
+
+    /**
+     * 弹层打开前触发事件的回调函数
+     */
+    beforeOpen?: () => void;
+
+    /**
+     * 弹层打开时触发事件的回调函数
+     */
+    onOpen?: () => void;
+
+    /**
+     * 弹层打开后触发事件的回调函数, 如果有动画，则在动画结束后触发
+     */
+    afterOpen?: () => void;
+
+    /**
+     * 弹层关闭前触发事件的回调函数
+     */
+    beforeClose?: () => void;
+
+    /**
+     * 弹层关闭时触发事件的回调函数
+     */
+    onClose?: () => void;
+
+    /**
+     * 弹层关闭后触发事件的回调函数, 如果有动画，则在动画结束后触发
+     */
+    afterClose?: () => void;
+
+    /**
+     * 弹层定位完成前触发的事件
+     */
+    beforePosition?: () => void;
+
+    /**
+     * 弹层定位完成时触发的事件
+     */
+    onPosition?: (config: {}, node: {}) => void;
+
+    /**
+     * 是否在每次弹层重新渲染后强制更新定位信息，一般用于弹层内容区域大小发生变化时，仍需保持原来的定位方式
+     */
+    shouldUpdatePosition?: boolean;
+
+    /**
+     * 弹层打开时是否让其中的元素自动获取焦点
+     */
+    autoFocus?: boolean;
+
+    /**
+     * 当弹层由于页面滚动等情况不在可视区域时，是否自动调整定位以出现在可视区域
+     */
+    needAdjust?: boolean;
+
+    /**
+     * 是否禁用页面滚动
+     */
+    disableScroll?: boolean;
+
+    /**
+     * 隐藏时是否保留子节点
+     */
+    cache?: boolean;
+
+    /**
+     * 安全节点，当点击 document 的时候，如果包含该节点则不会关闭弹层，如果是函数需要返回 ref，如果是字符串则是该 DOM 的 id，也可以直接传入 DOM 节点，或者以上值组成的数组
+     */
+    safeNode?: any;
+
+    /**
+     * 弹层的根节点的样式类
+     */
+    wrapperClassName?: string;
+
+    /**
+     * 弹层的根节点的内联样式
+     */
+    wrapperStyle?: React.CSSProperties;
+
+    /**
+     * 配置动画的播放方式，支持 { in: 'enter-class', out: 'leave-class' } 的对象参数，如果设置为 false，则不播放动画
+     */
+    animation?: any | boolean;
+
+    /**
+     * 触发弹层显示或者隐藏的元素
+     */
+    trigger?: React.ReactNode;
+
+    /**
+     * 触发弹层显示或隐藏的操作类型，可以是 'click'，'hover'，或者它们组成的数组，如 ['hover', 'click']
+     */
+    triggerType?: string | Array<any>;
+
+    /**
+     * 当 triggerType 为 click 时才生效，可自定义触发弹层显示的键盘码
+     */
+    triggerClickKeycode?: number | Array<any>;
+
+    /**
+     * 弹层默认是否显示
+     */
+    defaultVisible?: boolean;
+
+    /**
+     * 开启后，默认点击children弹窗就收起 0.x 2.x中默认是true
+     */
+    autoClose?: boolean;
+
+    /**
+     * 弹层显示或隐藏时触发的回调函数
+     */
+    onVisibleChange?: (visible: boolean, type: string, e: {}) => void;
+
+    /**
+     * 设置此属性，弹层无法显示或隐藏
+     */
+    disabled?: boolean;
+
+    /**
+     * 弹层显示或隐藏的延时时间（以毫秒为单位），在 triggerType 被设置为 hover 时生效
+     */
+    delay?: number;
+
+    /**
+     * trigger 是否可以关闭弹层
+     */
+    canCloseByTrigger?: boolean;
+
+    /**
+     * 是否跟随trigger滚动
+     */
+    followTrigger?: boolean;
+}
+
+export default class Dropdown extends React.Component<DropdownProps, any> {}