@rue-js/design 0.0.32 → 0.0.39

package/dist/design.d.ts

@@ -1,767 +0,0 @@
-import { FC } from '@rue-js/rue';
-
-type AlertVariant = 'info' | 'success' | 'warning' | 'error';
-type AlertDirection = 'vertical' | 'horizontal';
-interface AlertProps {
-    variant?: AlertVariant;
-    outline?: boolean;
-    dash?: boolean;
-    soft?: boolean;
-    direction?: AlertDirection;
-    className?: string;
-    children?: any;
-}
-/** 提示组件：根据 props 生成类名组合 */
-export declare const Alert: FC<AlertProps>;
-
-type AccordionIcon = 'arrow' | 'plus';
-type AccordionForce = 'open' | 'close';
-type AccordionUse = 'radio' | 'details';
-interface AccordionDataItem {
-    title?: any;
-    content?: any;
-    titleClassName?: string;
-    contentClassName?: string;
-    icon?: AccordionIcon;
-    force?: AccordionForce;
-    use?: AccordionUse;
-    open?: boolean;
-    className?: string;
-}
-interface AccordionProps {
-    icon?: AccordionIcon;
-    force?: AccordionForce;
-    use?: AccordionUse;
-    name?: string;
-    open?: boolean;
-    className?: string;
-    children?: any;
-    items?: ReadonlyArray<AccordionDataItem>;
-}
-interface AccordionPartProps {
-    className?: string;
-    children?: any;
-    as?: 'div' | 'summary';
-}
-export type AccordionCompound = FC<AccordionProps> & {
-    Title: FC<AccordionPartProps>;
-    Content: FC<AccordionPartProps>;
-};
-export declare const AccordionCompound: AccordionCompound;
-
-type BtnVariant = 'primary' | 'secondary' | 'accent' | 'neutral' | 'ghost' | 'link' | 'info' | 'success' | 'warning' | 'error';
-type BtnSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-interface ButtonProps {
-    variant?: BtnVariant;
-    size?: BtnSize;
-    outline?: boolean;
-    dash?: boolean;
-    soft?: boolean;
-    ghost?: boolean;
-    link?: boolean;
-    active?: boolean;
-    block?: boolean;
-    wide?: boolean;
-    square?: boolean;
-    circle?: boolean;
-    disabled?: boolean;
-    disabledClass?: boolean;
-    loading?: boolean;
-    type?: 'button' | 'submit' | 'reset';
-    className?: string;
-    onClick?: (e: MouseEvent) => void;
-    children?: any;
-}
-/** 按钮组件：根据 props 生成类名与行为 */
-export declare const Button: FC<ButtonProps>;
-
-type CardSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-interface CardProps {
-    size?: CardSize;
-    border?: boolean;
-    dash?: boolean;
-    side?: boolean;
-    imageFull?: boolean;
-    className?: string;
-    children?: any;
-}
-interface CardPartProps {
-    className?: string;
-    children?: any;
-}
-export type CardCompound = FC<CardProps> & {
-    Body: FC<CardPartProps>;
-    Title: FC<CardPartProps>;
-    Actions: FC<CardPartProps>;
-    Figure: FC<CardPartProps>;
-};
-export declare const CardCompound: CardCompound;
-
-type AvatarStatus = 'online' | 'offline' | 'placeholder';
-interface AvatarProps {
-    status?: AvatarStatus;
-    className?: string;
-    children?: any;
-}
-interface AvatarGroupItem {
-    status?: AvatarStatus;
-    children?: any;
-}
-interface AvatarGroupProps {
-    className?: string;
-    children?: any;
-    items?: ReadonlyArray<AvatarGroupItem>;
-}
-export type AvatarCompound = FC<AvatarProps> & {
-    Group: FC<AvatarGroupProps>;
-};
-export declare const AvatarCompound: AvatarCompound;
-
-type DividerVariant = 'neutral' | 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'info' | 'error';
-type DividerDirection = 'vertical' | 'horizontal';
-type DividerPlacement = 'start' | 'end';
-interface DividerProps {
-    variant?: DividerVariant;
-    direction?: DividerDirection;
-    placement?: DividerPlacement;
-    className?: string;
-    children?: any;
-}
-/** 分隔线组件：根据 props 生成类名 */
-export declare const Divider: FC<DividerProps>;
-
-type FooterDirection = 'vertical' | 'horizontal';
-interface FooterProps {
-    direction?: FooterDirection;
-    center?: boolean;
-    className?: string;
-    children?: any;
-}
-/** 页脚组件：根据 props 组合类名 */
-export declare const Footer: FC<FooterProps>;
-
-interface ModalProps {
-    open: boolean;
-    title?: string;
-    children?: any;
-    actions?: any;
-    className?: string;
-    onClose?: () => void;
-}
-/** 模态框组件：受控显隐与动作区 */
-export declare const Modal: FC<ModalProps>;
-
-interface TabItem {
-    key: string;
-    label: string;
-    disabled?: boolean;
-    className?: string;
-}
-interface TabsProps {
-    items: TabItem[];
-    activeKey: string;
-    onChange?: (key: string) => void;
-    style?: 'box' | 'border' | 'lift';
-    placement?: 'top' | 'bottom';
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    className?: string;
-}
-/** 标签组件：受控当前项与样式组合 */
-export declare const Tabs: FC<TabsProps>;
-
-type BadgeVariant = 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
-type BadgeSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-interface BadgeProps {
-    variant?: BadgeVariant;
-    size?: BadgeSize;
-    outline?: boolean;
-    dash?: boolean;
-    soft?: boolean;
-    ghost?: boolean;
-    className?: string;
-    children?: any;
-}
-/** 徽章组件：根据 props 生成样式类名 */
-export declare const Badge: FC<BadgeProps>;
-
-interface DiffProps {
-    className?: string;
-    tabIndex?: number;
-    children?: any;
-}
-interface DiffItemProps {
-    className?: string;
-    role?: string;
-    tabIndex?: number;
-    children?: any;
-}
-interface DiffResizerProps {
-    className?: string;
-}
-export type DiffCompound = FC<DiffProps> & {
-    Item1: FC<DiffItemProps>;
-    Item2: FC<DiffItemProps>;
-    Resizer: FC<DiffResizerProps>;
-};
-export declare const DiffCompound: DiffCompound;
-
-type Hover3DAs = 'div' | 'a';
-interface Hover3DProps {
-    as?: Hover3DAs;
-    href?: string;
-    className?: string;
-    overlays?: boolean;
-    children?: any;
-}
-/** 3D 悬浮组件：支持 overlays 覆盖层 */
-export declare const Hover3D: FC<Hover3DProps>;
-
-type TimelineDirection = 'horizontal' | 'vertical';
-interface TimelineProps {
-    direction?: TimelineDirection;
-    snapIcon?: boolean;
-    compact?: boolean;
-    className?: string;
-    children?: any;
-    items?: ReadonlyArray<TimelineItem>;
-}
-interface TimelineItemPart {
-    box?: boolean;
-    className?: string;
-    content?: any;
-}
-interface TimelineItem {
-    beforeLine?: boolean;
-    afterLine?: boolean;
-    start?: TimelineItemPart;
-    middle?: {
-        className?: string;
-        content?: any;
-    };
-    end?: TimelineItemPart;
-    liClassName?: string;
-}
-interface TimelinePartProps {
-    box?: boolean;
-    className?: string;
-    children?: any;
-}
-export type TimelineCompound = FC<TimelineProps> & {
-    Start: FC<TimelinePartProps>;
-    Middle: FC<TimelinePartProps>;
-    End: FC<TimelinePartProps>;
-};
-export declare const TimelineCompound: TimelineCompound;
-
-interface TextRotateItem {
-    text?: any;
-    className?: string;
-}
-interface TextRotateProps {
-    className?: string;
-    children?: any;
-    items?: ReadonlyArray<TextRotateItem>;
-    innerClassName?: string;
-}
-/** 文本轮播组件：items 或 children 渲染 */
-export declare const TextRotate: FC<TextRotateProps>;
-
-type StatusAs = 'span' | 'div';
-type StatusSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type StatusColor = 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
-interface StatusProps {
-    as?: StatusAs;
-    ariaLabel?: string;
-    size?: StatusSize;
-    color?: StatusColor;
-    className?: string;
-    children?: any;
-}
-/** 状态点组件：用于展示状态或标识 */
-export declare const Status: FC<StatusProps>;
-
-type StatsDirection = 'horizontal' | 'vertical';
-interface StatsProps {
-    direction?: StatsDirection;
-    className?: string;
-    children?: any;
-    items?: ReadonlyArray<StatDataItem>;
-}
-interface StatDataItem {
-    center?: boolean;
-    className?: string;
-    figure?: any;
-    figureClassName?: string;
-    title?: any;
-    titleClassName?: string;
-    value?: any;
-    valueClassName?: string;
-    desc?: any;
-    descClassName?: string;
-    actions?: any;
-    actionsClassName?: string;
-}
-interface StatItemProps {
-    center?: boolean;
-    className?: string;
-    children?: any;
-}
-interface StatPartProps {
-    className?: string;
-    children?: any;
-}
-export type StatCompound = FC<StatsProps> & {
-    Item: FC<StatItemProps>;
-    Title: FC<StatPartProps>;
-    Value: FC<StatPartProps>;
-    Desc: FC<StatPartProps>;
-    Figure: FC<StatPartProps>;
-    Actions: FC<StatPartProps>;
-};
-export declare const StatCompound: StatCompound;
-
-type CarouselAlign = 'start' | 'center' | 'end';
-type CarouselDirection = 'horizontal' | 'vertical';
-interface CarouselDataItem {
-    content: any;
-    className?: string;
-}
-interface CarouselProps {
-    align?: CarouselAlign;
-    direction?: CarouselDirection;
-    auto?: boolean;
-    interval?: number;
-    loop?: boolean;
-    autoDirection?: 'forward' | 'backward';
-    activeIndex?: number;
-    onIndexChange?: (index: number) => void;
-    className?: string;
-    children?: any;
-    items?: ReadonlyArray<CarouselDataItem>;
-}
-interface CarouselItemProps {
-    className?: string;
-    children?: any;
-}
-export type CarouselCompound = FC<CarouselProps> & {
-    Item: FC<CarouselItemProps>;
-};
-export declare const CarouselCompound: CarouselCompound;
-
-type ChatPlacement = 'start' | 'end';
-interface ChatDataItem {
-    placement: ChatPlacement;
-    text?: any;
-    color?: BubbleColor;
-    imageSrc?: string;
-    imageAlt?: string;
-    imageClassName?: string;
-    headerName?: any;
-    headerTime?: any;
-    headerClassName?: string;
-    footer?: any;
-    footerClassName?: string;
-}
-interface ChatProps {
-    placement?: ChatPlacement;
-    className?: string;
-    children?: any;
-    items?: ReadonlyArray<ChatDataItem>;
-}
-interface ChatPartProps {
-    className?: string;
-    children?: any;
-}
-type BubbleColor = 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
-interface BubbleProps extends ChatPartProps {
-    color?: BubbleColor;
-}
-export type ChatCompound = FC<ChatProps> & {
-    Bubble: FC<BubbleProps>;
-    Header: FC<ChatPartProps>;
-    Footer: FC<ChatPartProps>;
-    Image: FC<ChatPartProps>;
-};
-export declare const ChatCompound: ChatCompound;
-
-interface CollapseProps {
-    arrow?: boolean;
-    plus?: boolean;
-    open?: boolean;
-    close?: boolean;
-    tabIndex?: number;
-    tag?: 'div' | 'details';
-    className?: string;
-    children?: any;
-}
-interface CollapsePartProps {
-    as?: 'div' | 'summary';
-    className?: string;
-    children?: any;
-}
-export type CollapseCompound = FC<CollapseProps> & {
-    Title: FC<CollapsePartProps>;
-    Content: FC<CollapsePartProps>;
-};
-export declare const CollapseCompound: CollapseCompound;
-
-interface CountdownTextItem {
-    content: any;
-    className?: string;
-}
-interface CountdownValueItem {
-    value: number;
-    digits?: number;
-    className?: string;
-    ariaLive?: 'polite' | 'off' | 'assertive';
-    ariaLabel?: string;
-    children?: any;
-}
-type CountdownItem = CountdownTextItem | CountdownValueItem;
-interface CountdownProps {
-    className?: string;
-    children?: any;
-    items?: ReadonlyArray<CountdownItem>;
-}
-interface ValueProps {
-    value: number;
-    digits?: number;
-    className?: string;
-    ariaLive?: 'polite' | 'off' | 'assertive';
-    ariaLabel?: string;
-    children?: any;
-}
-export type CountdownCompound = FC<CountdownProps> & {
-    Value: FC<ValueProps>;
-};
-export declare const CountdownCompound: CountdownCompound;
-
-interface HoverGalleryItem {
-    src?: string;
-    alt?: string;
-    className?: string;
-    node?: any;
-}
-interface HoverGalleryProps {
-    as?: 'figure' | 'div';
-    className?: string;
-    children?: any;
-    items?: ReadonlyArray<HoverGalleryItem | string | any>;
-}
-/** 悬浮画廊：支持多种 item 输入形态 */
-export declare const HoverGallery: FC<HoverGalleryProps>;
-
-type KbdSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-interface KbdProps {
-    size?: KbdSize;
-    className?: string;
-    children?: any;
-}
-/** 键盘标签组件：kbd 元素包裹 */
-export declare const Kbd: FC<KbdProps>;
-
-interface ListColDataItem {
-    type: 'grow' | 'wrap';
-    as?: 'div' | 'p' | 'span';
-    className?: string;
-    content?: any;
-}
-interface ListDataItem {
-    type?: 'row' | 'item';
-    normal?: boolean;
-    className?: string;
-    content?: any;
-    cols?: ReadonlyArray<ListColDataItem>;
-}
-interface ListProps {
-    className?: string;
-    children?: any;
-    items?: ReadonlyArray<ListDataItem>;
-}
-interface ListRowProps {
-    normal?: boolean;
-    className?: string;
-    children?: any;
-}
-interface ListColProps {
-    as?: 'div' | 'p' | 'span';
-    className?: string;
-    children?: any;
-}
-interface ListItemProps {
-    className?: string;
-    children?: any;
-}
-export type ListCompound = FC<ListProps> & {
-    Row: FC<ListRowProps>;
-    ColGrow: FC<ListColProps>;
-    ColWrap: FC<ListColProps>;
-    Item: FC<ListItemProps>;
-};
-export declare const ListCompound: ListCompound;
-
-type TableSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-interface ColumnItem {
-    key?: string;
-    title?: any;
-    dataIndex?: string | string[];
-    align?: 'left' | 'right' | 'center';
-    className?: string;
-    width?: string | number;
-    ellipsis?: boolean;
-    render?: (value: any, record: any, index: number) => any;
-    sorter?: boolean | ((a: any, b: any) => number);
-    defaultSortOrder?: 'ascend' | 'descend';
-    sortOrder?: 'ascend' | 'descend' | null;
-    filters?: Array<{
-        text: any;
-        value: any;
-    }>;
-    onFilter?: (value: any, record: any) => boolean;
-    filteredValue?: any[];
-    defaultFilteredValue?: any[];
-    filterMultiple?: boolean;
-    filterCombine?: 'or' | 'and';
-    filterOnClose?: boolean;
-    filterResetToDefaultFilteredValue?: boolean;
-    hidden?: boolean;
-    onHeaderCell?: (column: ColumnItem, index: number) => Record<string, any>;
-    onCell?: (record: any, rowIndex: number) => Record<string, any>;
-    fixedCol?: boolean;
-}
-interface RowSelection {
-    type?: 'checkbox' | 'radio';
-    selectedRowKeys?: Array<string | number>;
-    defaultSelectedRowKeys?: Array<string | number>;
-    columnWidth?: number | string;
-    disabled?: boolean;
-    onChange?: (selectedRowKeys: Array<string | number>, selectedRows: any[], info?: any) => void;
-    getCheckboxProps?: (record: any) => Record<string, any>;
-    onSelectAll?: (selected: boolean, selectedRows: any[]) => void;
-}
-interface PaginationConfig {
-    current?: number;
-    pageSize?: number;
-    hideOnSinglePage?: boolean;
-    onChange?: (page: number, pageSize: number) => void;
-}
-interface ExpandableConfig {
-    expandedRowRender?: (record: any, index: number) => any;
-    expandedRowKeys?: Array<string | number>;
-    defaultExpandAllRows?: boolean;
-    onExpand?: (expanded: boolean, record: any) => void;
-}
-interface TableProps {
-    size?: TableSize;
-    zebra?: boolean;
-    pinRows?: boolean;
-    pinCols?: boolean;
-    className?: string;
-    children?: any;
-    dataSource?: any[];
-    columns?: ColumnItem[];
-    rowKey?: string | ((record: any) => string);
-    showHeader?: boolean;
-    onRow?: (record: any, index: number) => Record<string, any>;
-    onHeaderRow?: (columns: ColumnItem[], index: number) => Record<string, any>;
-    onChange?: (pagination: any, filters: any, sorter: any, extra: any) => void;
-    rowSelection?: RowSelection;
-    pagination?: false | PaginationConfig;
-    expandable?: ExpandableConfig;
-    rowClassName?: (record: any, index: number) => string;
-    summary?: (currentData: any[], info?: {
-        total: number;
-        page: number;
-        pageSize: number;
-    }) => any;
-    emptyText?: any;
-    title?: (currentData: any[]) => any;
-    footer?: (currentData: any[]) => any;
-    rowHoverable?: boolean;
-    rowHoverClass?: string;
-    tableLayout?: 'auto' | 'fixed';
-    scroll?: {
-        x?: string | number | true;
-        y?: string | number;
-    };
-    height?: string | number;
-    onScroll?: (event: any) => void;
-}
-interface TablePartProps {
-    className?: string;
-    children?: any;
-}
-export type TableCompound = FC<TableProps> & {
-    Head: FC<TablePartProps>;
-    Body: FC<TablePartProps>;
-    Foot: FC<TablePartProps>;
-    TR: FC<TablePartProps>;
-    TH: FC<TablePartProps>;
-    TD: FC<TablePartProps>;
-};
-export declare const TableCompound: TableCompound;
-
-interface BreadcrumbsProps {
-    className?: string;
-    children?: any;
-    items?: ReadonlyArray<BreadcrumbsDataItem>;
-}
-interface BreadcrumbsDataItem {
-    label?: any;
-    href?: string;
-    icon?: any;
-    className?: string;
-    linkClassName?: string;
-}
-interface BreadcrumbsItemProps {
-    className?: string;
-    children?: any;
-}
-export type BreadcrumbsCompound = FC<BreadcrumbsProps> & {
-    Item: FC<BreadcrumbsItemProps>;
-};
-export declare const BreadcrumbsCompound: BreadcrumbsCompound;
-
-type DockSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-interface DockItemData {
-    as?: 'button' | 'a' | 'div';
-    className?: string;
-    icon?: any;
-    label?: any;
-    href?: string;
-    active?: boolean;
-}
-interface DockProps {
-    size?: DockSize;
-    className?: string;
-    items?: DockItemData[];
-    activeIndex?: number;
-    onChange?: (index: number) => void;
-    children?: any;
-}
-interface DockItemProps {
-    as?: 'button' | 'a' | 'div';
-    active?: boolean;
-    className?: string;
-    href?: string;
-    onClick?: () => void;
-    children?: any;
-}
-interface DockLabelProps {
-    className?: string;
-    children?: any;
-}
-export type DockCompound = FC<DockProps> & {
-    Item: FC<DockItemProps>;
-    Label: FC<DockLabelProps>;
-};
-export declare const DockCompound: DockCompound;
-
-type LinkVariant = 'neutral' | 'primary' | 'secondary' | 'accent' | 'success' | 'info' | 'warning' | 'error';
-interface LinkProps {
-    href?: string;
-    target?: string;
-    rel?: string;
-    to?: string;
-    onClick?: (e: any) => void;
-    variant?: LinkVariant;
-    hover?: boolean;
-    className?: string;
-    children?: any;
-}
-/** 链接组件：根据 to/href 渲染 RouterLink 或 <a> */
-export declare const Link: FC<LinkProps>;
-
-type MenuSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type MenuDirection = 'vertical' | 'horizontal';
-interface MenuDataTitle {
-    kind: 'title';
-    as?: 'li' | 'h2';
-    className?: string;
-    children?: any;
-}
-interface MenuDataDropdownToggle {
-    visible?: boolean;
-    className?: string;
-    children?: any;
-}
-interface MenuDataDropdown {
-    visible?: boolean;
-    className?: string;
-    items?: ReadonlyArray<MenuDataEntry>;
-}
-interface MenuDataSubmenu {
-    className?: string;
-    items?: ReadonlyArray<MenuDataEntry>;
-}
-interface MenuDataItem {
-    kind: 'item';
-    as?: 'a' | 'button' | 'span';
-    href?: string;
-    to?: string;
-    target?: string;
-    rel?: string;
-    onClick?: (e: any) => void;
-    disabled?: boolean;
-    active?: boolean;
-    focus?: boolean;
-    liClassName?: string;
-    className?: string;
-    children?: any;
-    dropdownToggle?: MenuDataDropdownToggle;
-    dropdown?: MenuDataDropdown;
-    submenu?: MenuDataSubmenu;
-    [key: string]: any;
-}
-type MenuDataEntry = MenuDataTitle | MenuDataItem;
-interface MenuProps {
-    size?: MenuSize;
-    direction?: MenuDirection;
-    className?: string;
-    children?: any;
-    items?: ReadonlyArray<MenuDataEntry>;
-}
-interface MenuItemProps {
-    as?: 'a' | 'button' | 'span';
-    href?: string;
-    to?: string;
-    target?: string;
-    rel?: string;
-    onClick?: (e: any) => void;
-    disabled?: boolean;
-    active?: boolean;
-    focus?: boolean;
-    liClassName?: string;
-    className?: string;
-    children?: any;
-    [key: string]: any;
-}
-interface MenuTitleProps {
-    as?: 'li' | 'h2';
-    className?: string;
-    children?: any;
-}
-interface MenuDropdownProps {
-    visible?: boolean;
-    className?: string;
-    children?: any;
-}
-interface MenuDropdownToggleProps {
-    visible?: boolean;
-    className?: string;
-    children?: any;
-}
-interface SubmenuProps {
-    className?: string;
-    children?: any;
-}
-export type MenuCompound = FC<MenuProps> & {
-    Item: FC<MenuItemProps>;
-    Title: FC<MenuTitleProps>;
-    Dropdown: FC<MenuDropdownProps>;
-    DropdownToggle: FC<MenuDropdownToggleProps>;
-    Submenu: FC<SubmenuProps>;
-};
-export declare const MenuCompound: MenuCompound;
-
-export { AccordionCompound as Accordion, AvatarCompound as Avatar, BreadcrumbsCompound as Breadcrumbs, CardCompound as Card, CarouselCompound as Carousel, ChatCompound as Chat, CollapseCompound as Collapse, CountdownCompound as Countdown, DiffCompound as Diff, DockCompound as Dock, ListCompound as List, MenuCompound as Menu, StatCompound as Stat, TableCompound as Table, TimelineCompound as Timeline };