fat-design 0.0.1 → 0.0.2-beta.20251111003037

package/types/sortable-list/index.d.ts

@@ -1,166 +1,166 @@
-/// <reference types="react" />
-import { HTMLAttributes } from 'react';
-import { EditableTableProps } from '../editable-table';
-import { ColumnProps } from '../table';
-import { TinyEmitter } from '../util';
-
-export interface Point {
-    x: number;
-    y: number;
-}
-
-export interface SortableListProps<TTag extends keyof JSX.IntrinsicElements = 'div'> 
-    extends HTMLAttributes<HTMLElement> {
-    /**
-     * 子元素，需要包装在 SortableItem 中
-     */
-    children: React.ReactNode;
-    
-    /**
-     * 是否允许拖拽，默认为 true
-     */
-    allowDrag?: boolean;
-    
-    /**
-     * 排序结束时的回调函数
-     */
-    onSortEnd: (oldIndex: number, newIndex: number) => void;
-    
-    /**
-     * 拖拽时应用的 CSS 类名
-     */
-    draggedItemClassName?: string;
-    
-    /**
-     * 容器元素类型
-     */
-    as?: TTag;
-    
-    /**
-     * 锁定拖拽轴向
-     */
-    lockAxis?: 'x' | 'y';
-    
-    /**
-     * 自定义拖拽容器引用
-     */
-    customHolderRef?: React.RefObject<HTMLElement | null>;
-}
-
-export interface SortableItemProps {
-    /**
-     * 单个可排序项的内容
-     */
-    children: React.ReactElement;
-}
-
-export interface SortableKnobProps {
-    /**
-     * 拖拽把手的内容
-     */
-    children: React.ReactElement;
-}
-
-export interface SortableTableProps {
-    /**
-     * 表格尺寸
-     */
-    size?: 'small' | 'medium' | 'large';
-    
-    /**
-     * 是否显示斑马纹
-     */
-    isZebra?: boolean;
-    
-    /**
-     * 样式前缀
-     */
-    prefix?: string;
-    
-    /**
-     * 表格数据源
-     */
-    dataSource: any[];
-    
-    /**
-     * 表格列配置，支持 draggable 属性指定拖拽列
-     */
-    columns: (ColumnProps & { draggable?: boolean })[];
-    
-    /**
-     * 行数据变化回调函数
-     */
-    onRowValueChange?: (row: any, column: ColumnProps) => void;
-    
-    /**
-     * 事件发射器
-     */
-    actionEmitter?: TinyEmitter;
-    
-    /**
-     * 排序结束回调函数
-     */
-    onSortEnd?: (newDataSource: any[], oldIndex: number, newIndex: number) => void;
-    
-    /**
-     * 表格创建完成回调
-     */
-    onCreated?: (actions: SortableTableActions) => void;
-}
-
-export interface SortableTableActions {
-    /**
-     * 事件发射器
-     */
-    actionEmitter?: TinyEmitter;
-    
-    /**
-     * 设置数据源
-     */
-    setDataSource: (dataSource: any[]) => void;
-    
-    /**
-     * 获取数据源
-     */
-    getDataSource: () => any[];
-}
-
-export interface SortableEditableTableProps extends EditableTableProps {
-    /**
-     * 排序结束回调函数
-     */
-    onSortEnd?: (newDataSource: any[], oldIndex: number, newIndex: number) => void;
-}
-
-declare const SortableList: {
-    <TTag extends keyof JSX.IntrinsicElements = 'div'>(
-        props: SortableListProps<TTag>
-    ): React.JSX.Element;
-    
-    /**
-     * 可排序项组件
-     */
-    SortableItem: React.ComponentType<SortableItemProps>;
-    
-    /**
-     * 拖拽把手组件
-     */
-    SortableKnob: React.ComponentType<SortableKnobProps>;
-    
-    /**
-     * 可排序列表（等同于默认导出）
-     */
-    SortableList: typeof SortableList;
-    
-    /**
-     * 可排序表格组件
-     */
-    SortableTable: React.ComponentType<SortableTableProps>;
-    
-    /**
-     * 可排序编辑表格组件
-     */
-    SortableEditableTable: React.ComponentType<SortableEditableTableProps>;
-};
-
+/// <reference types="react" />
+import { HTMLAttributes } from 'react';
+import { EditableTableProps } from '../editable-table';
+import { ColumnProps } from '../table';
+import { TinyEmitter } from '../util';
+
+export interface Point {
+    x: number;
+    y: number;
+}
+
+export interface SortableListProps<TTag extends keyof JSX.IntrinsicElements = 'div'> 
+    extends HTMLAttributes<HTMLElement> {
+    /**
+     * 子元素，需要包装在 SortableItem 中
+     */
+    children: React.ReactNode;
+    
+    /**
+     * 是否允许拖拽，默认为 true
+     */
+    allowDrag?: boolean;
+    
+    /**
+     * 排序结束时的回调函数
+     */
+    onSortEnd: (oldIndex: number, newIndex: number) => void;
+    
+    /**
+     * 拖拽时应用的 CSS 类名
+     */
+    draggedItemClassName?: string;
+    
+    /**
+     * 容器元素类型
+     */
+    as?: TTag;
+    
+    /**
+     * 锁定拖拽轴向
+     */
+    lockAxis?: 'x' | 'y';
+    
+    /**
+     * 自定义拖拽容器引用
+     */
+    customHolderRef?: React.RefObject<HTMLElement | null>;
+}
+
+export interface SortableItemProps {
+    /**
+     * 单个可排序项的内容
+     */
+    children: React.ReactElement;
+}
+
+export interface SortableKnobProps {
+    /**
+     * 拖拽把手的内容
+     */
+    children: React.ReactElement;
+}
+
+export interface SortableTableProps {
+    /**
+     * 表格尺寸
+     */
+    size?: 'small' | 'medium' | 'large';
+    
+    /**
+     * 是否显示斑马纹
+     */
+    isZebra?: boolean;
+    
+    /**
+     * 样式前缀
+     */
+    prefix?: string;
+    
+    /**
+     * 表格数据源
+     */
+    dataSource: any[];
+    
+    /**
+     * 表格列配置，支持 draggable 属性指定拖拽列
+     */
+    columns: (ColumnProps & { draggable?: boolean })[];
+    
+    /**
+     * 行数据变化回调函数
+     */
+    onRowValueChange?: (row: any, column: ColumnProps) => void;
+    
+    /**
+     * 事件发射器
+     */
+    actionEmitter?: TinyEmitter;
+    
+    /**
+     * 排序结束回调函数
+     */
+    onSortEnd?: (newDataSource: any[], oldIndex: number, newIndex: number) => void;
+    
+    /**
+     * 表格创建完成回调
+     */
+    onCreated?: (actions: SortableTableActions) => void;
+}
+
+export interface SortableTableActions {
+    /**
+     * 事件发射器
+     */
+    actionEmitter?: TinyEmitter;
+    
+    /**
+     * 设置数据源
+     */
+    setDataSource: (dataSource: any[]) => void;
+    
+    /**
+     * 获取数据源
+     */
+    getDataSource: () => any[];
+}
+
+export interface SortableEditableTableProps extends EditableTableProps {
+    /**
+     * 排序结束回调函数
+     */
+    onSortEnd?: (newDataSource: any[], oldIndex: number, newIndex: number) => void;
+}
+
+declare const SortableList: {
+    <TTag extends keyof JSX.IntrinsicElements = 'div'>(
+        props: SortableListProps<TTag>
+    ): React.JSX.Element;
+    
+    /**
+     * 可排序项组件
+     */
+    SortableItem: React.ComponentType<SortableItemProps>;
+    
+    /**
+     * 拖拽把手组件
+     */
+    SortableKnob: React.ComponentType<SortableKnobProps>;
+    
+    /**
+     * 可排序列表（等同于默认导出）
+     */
+    SortableList: typeof SortableList;
+    
+    /**
+     * 可排序表格组件
+     */
+    SortableTable: React.ComponentType<SortableTableProps>;
+    
+    /**
+     * 可排序编辑表格组件
+     */
+    SortableEditableTable: React.ComponentType<SortableEditableTableProps>;
+};
+
 export default SortableList;

package/types/split-button/index.d.ts

@@ -1,134 +1,134 @@
-/// <reference types="react" />
-
-import * as React from 'react';
-import { Item, Group, Divider, MenuProps } from '../menu';
-import CommonProps from '../util';
-import { ButtonProps } from '../button';
-import { PopupProps } from '../overlay';
-
-interface HTMLAttributesWeak extends ButtonProps {
-    onSelect?: any;
-}
-
-export interface SplitButtonProps extends HTMLAttributesWeak, CommonProps {
-    /**
-     * 按钮的类型
-     */
-    type?: 'normal' | 'primary' | 'secondary';
-
-    /**
-     * 按钮组的尺寸
-     */
-    size?: 'small' | 'medium' | 'large';
-
-    /**
-     * 主按钮的文案
-     */
-    label?: React.ReactNode;
-
-    /**
-     * 设置标签类型
-     */
-    component?: 'button' | 'a';
-
-    /**
-     * 是否为幽灵按钮
-     */
-    ghost?: 'light' | 'dark' | false | true;
-
-    /**
-     * 默认激活的菜单项（用法同 Menu 非受控）
-     */
-    defaultSelectedKeys?: string[];
-
-    /**
-     * 激活的菜单项（用法同 Menu 受控）
-     */
-    selectedKeys?: string[];
-
-    /**
-     * 菜单的选择模式
-     */
-    selectMode?: 'single' | 'multiple';
-
-    /**
-     * 触发按钮的属性（支持 Button 的所有属性透传）
-     */
-    triggerProps?: ButtonProps;
-
-    /**
-     * 弹层菜单的宽度是否与按钮组一致
-     */
-    autoWidth?: boolean;
-
-    /**
-     * 弹层是否显示
-     */
-    visible?: boolean;
-
-    /**
-     * 弹层默认是否显示
-     */
-    defaultVisible?: boolean;
-
-    /**
-     * 弹层显示状态变化时的回调函数
-     */
-    onVisibleChange?: (visible: boolean, reason: string) => void;
-
-    /**
-     * 弹层的触发方式
-     */
-    popupTriggerType?: 'click' | 'hover';
-
-    /**
-     * 弹层对齐方式, 详情见Overlay align
-     */
-    popupAlign?: string;
-
-    /**
-     * 弹层自定义样式
-     */
-    popupStyle?: React.CSSProperties;
-
-    /**
-     * 弹层自定义样式类
-     */
-    popupClassName?: string;
-
-    /**
-     * 透传给弹层的属性
-     */
-    popupProps?: PopupProps;
-
-    /**
-     * 点击菜单项后的回调，同 Menu
-     */
-    onItemClick?: (key: string, item: any, event: React.MouseEvent<HTMLElement>) => void;
-
-    /**
-     * 选择菜单后的回调，同 Menu
-     */
-    onSelect?: (selectedKeys: Array<any>, item: any, extra: any) => void;
-
-    /**
-     * 透传给 Menu 的属性
-     */
-    menuProps?: MenuProps;
-
-    /**
-     * 透传给 左侧按钮 的属性
-     */
-    leftButtonProps?: ButtonProps;
-
-    /**
-     * 是否跟随滚动
-     */
-    followTrigger?: boolean;
-}
-
-export default class SplitButton extends React.Component<SplitButtonProps, any> {
-    static Item: typeof Item;
-    static Group: typeof Group;
-    static Divider: typeof Divider;
-}
+/// <reference types="react" />
+
+import * as React from 'react';
+import { Item, Group, Divider, MenuProps } from '../menu';
+import CommonProps from '../util';
+import { ButtonProps } from '../button';
+import { PopupProps } from '../overlay';
+
+interface HTMLAttributesWeak extends ButtonProps {
+    onSelect?: any;
+}
+
+export interface SplitButtonProps extends HTMLAttributesWeak, CommonProps {
+    /**
+     * 按钮的类型
+     */
+    type?: 'normal' | 'primary' | 'secondary';
+
+    /**
+     * 按钮组的尺寸
+     */
+    size?: 'small' | 'medium' | 'large';
+
+    /**
+     * 主按钮的文案
+     */
+    label?: React.ReactNode;
+
+    /**
+     * 设置标签类型
+     */
+    component?: 'button' | 'a';
+
+    /**
+     * 是否为幽灵按钮
+     */
+    ghost?: 'light' | 'dark' | false | true;
+
+    /**
+     * 默认激活的菜单项（用法同 Menu 非受控）
+     */
+    defaultSelectedKeys?: string[];
+
+    /**
+     * 激活的菜单项（用法同 Menu 受控）
+     */
+    selectedKeys?: string[];
+
+    /**
+     * 菜单的选择模式
+     */
+    selectMode?: 'single' | 'multiple';
+
+    /**
+     * 触发按钮的属性（支持 Button 的所有属性透传）
+     */
+    triggerProps?: ButtonProps;
+
+    /**
+     * 弹层菜单的宽度是否与按钮组一致
+     */
+    autoWidth?: boolean;
+
+    /**
+     * 弹层是否显示
+     */
+    visible?: boolean;
+
+    /**
+     * 弹层默认是否显示
+     */
+    defaultVisible?: boolean;
+
+    /**
+     * 弹层显示状态变化时的回调函数
+     */
+    onVisibleChange?: (visible: boolean, reason: string) => void;
+
+    /**
+     * 弹层的触发方式
+     */
+    popupTriggerType?: 'click' | 'hover';
+
+    /**
+     * 弹层对齐方式, 详情见Overlay align
+     */
+    popupAlign?: string;
+
+    /**
+     * 弹层自定义样式
+     */
+    popupStyle?: React.CSSProperties;
+
+    /**
+     * 弹层自定义样式类
+     */
+    popupClassName?: string;
+
+    /**
+     * 透传给弹层的属性
+     */
+    popupProps?: PopupProps;
+
+    /**
+     * 点击菜单项后的回调，同 Menu
+     */
+    onItemClick?: (key: string, item: any, event: React.MouseEvent<HTMLElement>) => void;
+
+    /**
+     * 选择菜单后的回调，同 Menu
+     */
+    onSelect?: (selectedKeys: Array<any>, item: any, extra: any) => void;
+
+    /**
+     * 透传给 Menu 的属性
+     */
+    menuProps?: MenuProps;
+
+    /**
+     * 透传给 左侧按钮 的属性
+     */
+    leftButtonProps?: ButtonProps;
+
+    /**
+     * 是否跟随滚动
+     */
+    followTrigger?: boolean;
+}
+
+export default class SplitButton extends React.Component<SplitButtonProps, any> {
+    static Item: typeof Item;
+    static Group: typeof Group;
+    static Divider: typeof Divider;
+}