fat-design 0.0.1-beta.20250505154859

package/types/cascader-select/index.d.ts

@@ -0,0 +1,230 @@
+/// <reference types="react" />
+
+import * as React from 'react';
+import { CascaderProps, data, extra } from '../cascader';
+import CommonProps from '../util';
+import { PopupProps } from '../overlay';
+
+interface HTMLAttributesWeak extends React.HTMLAttributes<HTMLElement> {
+    defaultValue?: any;
+    onChange?: any;
+}
+
+export interface CascaderSelectProps extends CascaderProps, HTMLAttributesWeak, CommonProps {
+    /**
+     * 选择框大小
+     */
+    size?: 'small' | 'medium' | 'large';
+    name?: string;
+
+    /**
+     * 选择框占位符
+     */
+    placeholder?: string;
+
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+
+    /**
+     * 是否有下拉箭头
+     */
+    hasArrow?: boolean;
+
+    /**
+     * 是否有边框
+     */
+    hasBorder?: boolean;
+
+    /**
+     * 是否有清除按钮
+     */
+    hasClear?: boolean;
+
+    /**
+     * 自定义内联 label
+     */
+    label?: React.ReactNode;
+
+    /**
+     * 是否只读，只读模式下可以展开弹层但不能选
+     */
+    readOnly?: boolean;
+
+    /**
+     * 数据源，结构可参考下方说明
+     */
+    dataSource?: Array<data>;
+
+    /**
+     * （非受控）默认值
+     */
+    defaultValue?: string | Array<string>;
+
+    /**
+     * （受控）当前值
+     */
+    value?: string | Array<string>;
+
+    valueRender?: (item: any) => React.ReactNode;
+
+    /**
+     * 选中值改变时触发的回调函数
+     */
+    onChange?: (value: string | Array<string>, data: data | Array<data>, extra: extra) => void;
+
+    /**
+     * 默认展开值，如果不设置，组件内部会根据 defaultValue/value 进行自动设置
+     */
+    defaultExpandedValue?: Array<string>;
+
+    /**
+     * 展开触发的方式
+     */
+    expandTriggerType?: 'click' | 'hover';
+
+    /**
+     * 是否开启虚拟滚动
+     */
+    useVirtual?: boolean;
+
+    /**
+     * 是否多选
+     */
+    multiple?: boolean;
+
+    /**
+     * 是否选中即发生改变, 该属性仅在单选模式下有效
+     */
+    changeOnSelect?: boolean;
+
+    /**
+     * 是否只能勾选叶子项的checkbox，该属性仅在多选模式下有效
+     */
+    canOnlyCheckLeaf?: boolean;
+
+    /**
+     * 父子节点是否选中不关联
+     */
+    checkStrictly?: boolean;
+
+    /**
+     * 每列列表样式对象
+     */
+    listStyle?: React.CSSProperties;
+
+    /**
+     * 每列列表类名
+     */
+    listClassName?: string;
+
+    /**
+     * 选择框单选时展示结果的自定义渲染函数
+     */
+    displayRender?: (label: Array<any>) => React.ReactNode;
+
+    /**
+     * 渲染 item 内容的方法
+     */
+    itemRender?: (item: data) => React.ReactNode;
+
+    /**
+     * 是否显示搜索框
+     */
+    showSearch?: boolean;
+
+    /**
+     * 自定义搜索函数
+     */
+    filter?: (searchValue: string, path: Array<any>) => boolean;
+
+    /**
+     * 当搜索框值变化时回调
+     */
+    onSearch?: (value: string) => void;
+
+    /**
+     * 搜索结果自定义渲染函数
+     */
+    resultRender?: (searchValue: string, path: Array<any>) => React.ReactNode;
+
+    /**
+     * 搜索结果列表是否和选择框等宽
+     */
+    resultAutoWidth?: boolean;
+
+    /**
+     * 无数据时显示内容
+     */
+    notFoundContent?: React.ReactNode;
+
+    /**
+     * 异步加载数据函数
+     */
+    loadData?: (data: {}) => void;
+
+    /**
+     * 自定义下拉框头部
+     */
+    header?: React.ReactNode;
+
+    /**
+     * 自定义下拉框底部
+     */
+    footer?: React.ReactNode;
+
+    /**
+     * 初始下拉框是否显示
+     */
+    defaultVisible?: boolean;
+
+    /**
+     * 当前下拉框是否显示
+     */
+    visible?: boolean;
+
+    /**
+     * 下拉框显示或关闭时触发事件的回调函数
+     */
+    onVisibleChange?: (visible: boolean, type: string) => void;
+
+    /**
+     * 下拉框自定义样式对象
+     */
+    popupStyle?: React.CSSProperties;
+
+    /**
+     * 下拉框样式自定义类名
+     */
+    popupClassName?: string;
+
+    /**
+     * 下拉框挂载的容器节点
+     */
+    popupContainer?: string | HTMLElement | ((target: HTMLElement) => HTMLElement);
+
+    /**
+     * 是否跟随滚动
+     */
+    followTrigger?: boolean;
+
+    /**
+     * 透传到 Popup 的属性对象
+     */
+    popupProps?: PopupProps;
+
+    /**
+     * 是否是不可变数据
+     */
+    immutable?: boolean;
+
+    /**
+     * 	是否为预览态
+     */
+    isPreview?: boolean;
+
+    renderPreview?: (value: string | Array<string>) => React.ReactNode;
+}
+
+export default class CascaderSelect extends React.Component<CascaderSelectProps, any> {}

package/types/checkbox/index.d.ts

@@ -0,0 +1,175 @@
+/// <reference types="react" />
+
+import * as React from 'react';
+import CommonProps from '../util';
+
+interface HTMLAttributesWeak extends React.HTMLAttributes<HTMLElement> {
+    defaultValue?: any;
+    onChange?: any;
+}
+
+type data = {
+    value?: string | number | boolean;
+    label?: React.ReactNode;
+    disabled?: boolean;
+    [propName: string]: any;
+};
+
+export type CheckboxData = data;
+
+export interface GroupProps extends HTMLAttributesWeak, CommonProps {
+    /**
+     * 自定义类名
+     */
+    className?: string;
+
+    /**
+     * 自定义内敛样式
+     */
+    style?: React.CSSProperties;
+
+    /**
+     * 整体禁用
+     */
+    disabled?: boolean;
+
+    /**
+     * 是否为预览态
+     */
+    isPreview?: boolean;
+
+    renderPreview?: (checked: boolean, props: object) => React.ReactNode;
+
+    /**
+     * 可选项列表, 数据项可为 String 或者 Object, 如 `['apple', 'pear', 'orange']` 或者 `[{value: 'apple', label: '苹果',}, {value: 'pear', label: '梨'}, {value: 'orange', label: '橙子'}]`
+     */
+    dataSource?: Array<string> | Array<data> | Array<number>;
+
+    /**
+     * 被选中的值列表
+     */
+    value?: Array<string> | Array<number> | Array<boolean> | string | number | boolean;
+
+    /**
+     * 默认被选中的值列表
+     */
+    defaultValue?: Array<string> | Array<number> | Array<boolean> | string | number | boolean;
+
+    /**
+     * name
+     */
+    name?: string;
+
+    /**
+     * 通过子元素方式设置内部 checkbox
+     */
+    children?: Array<any>;
+
+    /**
+     * 选中值改变时的事件
+     */
+    onChange?: (value: Array<string> | Array<number> | Array<boolean>, e: any) => void;
+
+    /**
+     * 子项目的排列方式
+     * - hoz: 水平排列 (default)
+     * - ver: 垂直排列
+     */
+    direction?: 'hoz' | 'ver';
+    itemDirection?: 'hoz' | 'ver';
+}
+
+export class Group extends React.Component<GroupProps, any> {}
+interface HTMLAttributesWeak extends React.HTMLAttributes<HTMLElement> {
+    onChange?: any;
+    onMouseEnter?: any;
+    onMouseLeave?: any;
+}
+
+export interface CheckboxProps extends HTMLAttributesWeak, CommonProps {
+    /**
+     * 自定义类名
+     */
+    className?: string;
+
+    /**
+     * checkbox id, 挂载在input上
+     */
+    id?: string;
+
+    /**
+     * 自定义内敛样式
+     */
+    style?: React.CSSProperties;
+
+    /**
+     * 选中状态
+     */
+    checked?: boolean;
+
+    /**
+     * checkbox 的value
+     */
+    value?: string | number | boolean;
+
+    /**
+     * name
+     */
+    name?: string;
+
+    /**
+     * 默认选中状态
+     */
+    defaultChecked?: boolean;
+
+    /**
+     * 禁用
+     */
+    disabled?: boolean;
+
+    /**
+     * 通过属性配置label，
+     */
+    label?: React.ReactNode;
+
+    /**
+     * Checkbox 的中间状态，只会影响到 Checkbox 的样式，并不影响其 checked 属性
+     */
+    indeterminate?: boolean;
+
+    /**
+     * Checkbox 的默认中间态，只会影响到 Checkbox 的样式，并不影响其 checked 属性
+     */
+    defaultIndeterminate?: boolean;
+
+    /**
+     * 是否为预览态
+     */
+    isPreview?: boolean;
+
+    /**
+     * 状态变化时触发的事件
+     */
+    onChange?: (checked: boolean, e: any) => void;
+
+    /**
+     * 鼠标进入enter事件
+     */
+    onMouseEnter?: (e: React.MouseEvent<HTMLInputElement>) => void;
+
+    /**
+     * 鼠标离开Leave事件
+     */
+    onMouseLeave?: (e: React.MouseEvent<HTMLInputElement>) => void;
+}
+
+export interface BoolCheckboxProps extends BoolCheckboxProps {
+    value?: boolean;
+}
+
+export class BoolCheckbox  extends React.Component<BoolCheckboxProps, any>{}
+
+export default class Checkbox extends React.Component<CheckboxProps, any> {
+    static Group: typeof Group;
+    static BoolCheckbox: typeof BoolCheckbox;
+}

package/types/collapse/index.d.ts

@@ -0,0 +1,96 @@
+/// <reference types="react" />
+
+import * as React from 'react';
+import CommonProps from '../util';
+
+interface HTMLAttributesWeak extends React.HTMLAttributes<HTMLElement> {
+    title?: any;
+}
+
+export interface PanelProps extends HTMLAttributesWeak, CommonProps {
+    /**
+     * 样式类名的品牌前缀
+     */
+    prefix?: string;
+
+    /**
+     * 子组件接受行内样式
+     */
+    style?: React.CSSProperties;
+
+    /**
+     * 是否禁止用户操作
+     */
+    disabled?: boolean;
+
+    /**
+     * 标题
+     */
+    title?: React.ReactNode;
+
+    /**
+     * 扩展class
+     */
+    className?: string;
+}
+
+export class Panel extends React.Component<PanelProps, any> {}
+
+type data = {
+    title?: React.ReactNode;
+    content?: React.ReactNode;
+    disabled?: boolean;
+    key?: string;
+    [propName: string]: any;
+};
+
+export interface CollapseProps extends React.HTMLAttributes<HTMLElement>, CommonProps {
+    /**
+     * 样式前缀
+     */
+    prefix?: string;
+
+    /**
+     * 组件接受行内样式
+     */
+    style?: React.CSSProperties;
+
+    /**
+     * 使用数据模型构建
+     */
+    dataSource?: Array<data>;
+
+    /**
+     * 默认展开keys
+     */
+    defaultExpandedKeys?: Array<string>;
+
+    /**
+     * 受控展开keys
+     */
+    expandedKeys?: Array<string>;
+
+    /**
+     * 展开状态发升变化时候的回调
+     */
+    onExpand?: (expandedKeys: Array<string>) => void;
+
+    /**
+     * 所有禁用
+     */
+    disabled?: boolean;
+
+    /**
+     * 扩展class
+     */
+    className?: string;
+
+    /**
+     * 手风琴模式，一次只能打开一个
+     */
+    accordion?: boolean;
+}
+
+export default class Collapse extends React.Component<CollapseProps, any> {
+    static Panel: typeof Panel;
+}

package/types/config-provider/index.d.ts

@@ -0,0 +1,3 @@
+import ConfigProvider from '../0buildTypes/config-provider/index';
+
+export default ConfigProvider;

package/types/date-picker/index.d.ts

@@ -0,0 +1,123 @@
+/// <reference types="react" />
+import * as React from 'react';
+import CommonProps from '../util';
+import { Dayjs, ConfigType } from 'dayjs';
+import { PopupProps } from '../overlay';
+import { InputProps } from '../input';
+
+export default class DatePicker extends React.Component<DatePickerProps, any> {
+    static RangePicker: typeof RangePicker;
+    static MonthPicker: typeof MonthPicker;
+    static YearPicker: typeof YearPicker;
+    static WeekPicker: typeof WeekPicker;
+    static QuarterPicker: typeof QuarterPicker;
+}
+
+export class YearPicker extends React.Component<DatePickerProps, any> {
+    mode: 'year';
+}
+export class MonthPicker extends React.Component<DatePickerProps, any> {
+    mode: 'month';
+}
+export class WeekPicker extends React.Component<DatePickerProps, any> {
+    mode: 'week';
+}
+export class QuarterPicker extends React.Component<DatePickerProps, any> {
+    mode: 'quarter';
+}
+export class RangePicker extends React.Component<RangePickerProps, any> {
+    type: 'range';
+}
+interface HTMLAttributesWeak extends React.HTMLAttributes<HTMLElement> {
+    defaultValue?: any;
+    onChange?: any;
+}
+export interface DatePickerProps extends HTMLAttributesWeak, CommonProps {
+    type?: 'date' | 'range';
+    name?: string;
+    mode?: 'date' | 'month' | 'week' | 'quarter' | 'year';
+    value?: ConfigType;
+    defaultValue?: ConfigType;
+    defaultPanelValue?: Dayjs;
+    disabledDate?: (value: Dayjs, mode: 'date' | 'month' | 'week' | 'quarter' | 'year') => boolean;
+    extraFooterRender?: React.ReactNode | (() => React.ReactNode);
+    preset?: object | Array<object>;
+    showTime?: boolean;
+    showOk?: boolean;
+    resetTime?: boolean;
+    timePanelProps?: object;
+    disabledTime?: object;
+
+    onOk?: (value: Dayjs, strVal: string) => void;
+    onChange?: (value: Dayjs, strVal: string) => void;
+    onVisibleChange?: (visible: boolean) => void;
+    onPanelChange?: (panelValue: Dayjs, mode: 'date' | 'month' | 'week' | 'quarter' | 'year') => void;
+
+    format?: string | ((value: Dayjs) => string);
+    /**
+     * 输出格式：控制 onChange、onOk 事件的输出值格式
+     *  - string 类型：根据时间格式进行转换
+     *  - function 类型：((value: Dayjs, strVal: string) => any)
+     *
+     * @version 1.23
+     */
+    outputFormat?: string | ((value: Dayjs, strVal: string) => any);
+    disabled?: boolean;
+    state?: 'success' | 'loading' | 'error';
+    size?: 'small' | 'medium' | 'large';
+    hasBorder?: boolean;
+    inputProps?: InputProps;
+    inputReadOnly?: boolean;
+    hasClear?: boolean;
+    label?: React.ReactNode;
+    separator?: React.ReactNode;
+    placeholder?: string;
+
+    visible?: boolean;
+    defaultVisible?: boolean;
+    popupTriggerType?: 'click' | 'hover';
+    popupAlign?: string;
+    popupContainer?: string | HTMLElement | ((target: HTMLElement) => HTMLElement);
+    popupStyle?: React.CSSProperties;
+    popupClassName?: string;
+    popupProps?: PopupProps;
+    followTrigger?: boolean;
+    popupComponent?: React.Component;
+    dateCellRender?: (value: Dayjs) => React.ReactNode;
+    monthCellRender?: (value: Dayjs) => React.ReactNode;
+    dateInputAriaLabel?: string;
+    isPreview?: boolean;
+    renderPreview?: (value: Dayjs) => React.ReactNode;
+}
+
+export interface RangePickerProps
+    extends Omit<
+        DatePickerProps,
+        | 'value'
+        | 'placeholder'
+        | 'defaultValue'
+        | 'format'
+        | 'onOk'
+        | 'onChange'
+        | 'dateInputAriaLabel'
+        | 'disabled'
+        | 'outputFormat'
+    > {
+    value?: Array<ConfigType>;
+    defaultValue?: Array<ConfigType>;
+    format?: string | ((value: Dayjs) => string) | Array<string> | Array<(value: Dayjs) => string>;
+    onOk?: (value: Array<Dayjs>, strVal: Array<string>) => void;
+    onChange?: (value: Array<Dayjs>, strVal: Array<string>) => void;
+    /**
+     * 输出格式：控制 onChange、onOk 事件的输出值格式
+     *  - string 类型：根据时间格式进行转换
+     *  - function 类型：((value: Dayjs, strVal: string) => any)
+     *
+     * @version 1.23
+     */
+    outputFormat?: string | ((value: Dayjs) => string) | Array<string> | Array<(value: Dayjs) => string>;
+    placeholder?: string | Array<string>;
+    dateInputAriaLabel?: Array<string> | string;
+    disabled?: boolean | boolean[];
+    onCalendarChange?: (values: [Dayjs, Dayjs], formatString: [string, string]) => void;
+}