aha-components 1.6.3 → 1.7.1

package/dist/components/Drawer/Drawer.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from "@storybook/react";
+import Drawer from "./index";
+declare const meta: Meta<typeof Drawer>;
+export default meta;
+type Story = StoryObj<typeof Drawer>;
+export declare const Basic: Story;
+export declare const Placements: Story;
+export declare const NonControlled: Story;
+export declare const MobileWidthDemo: Story;

package/dist/components/Drawer/index.d.ts

@@ -0,0 +1,58 @@
+import React from "react";
+export type DrawerPlacement = "left" | "right" | "top" | "bottom";
+export interface DrawerProps {
+    /** 是否打开（受控） */
+    open?: boolean;
+    /** 默认是否打开（非受控） */
+    defaultOpen?: boolean;
+    /** 关闭回调 */
+    onClose?: (e?: React.MouseEvent | React.KeyboardEvent) => void;
+    /** 打开/关闭动画结束回调 */
+    afterOpenChange?: (open: boolean) => void;
+    /** 抽屉标题 */
+    title?: React.ReactNode;
+    /** 头部右侧内容 */
+    extra?: React.ReactNode;
+    /** 底部内容 */
+    footer?: React.ReactNode;
+    /** 内容 */
+    children?: React.ReactNode;
+    /** 打开方向 */
+    placement?: DrawerPlacement;
+    /** PC 端宽度（移动端始终使用 100vw） */
+    width?: number | string;
+    /** 高度（top/bottom 生效，移动端同样支持） */
+    height?: number | string;
+    /** 是否显示遮罩 */
+    mask?: boolean;
+    /** 点击遮罩是否关闭 */
+    maskClosable?: boolean;
+    /** 是否显示右上角关闭按钮 */
+    closable?: boolean;
+    /** 自定义关闭图标 */
+    closeIcon?: React.ReactNode;
+    /** 是否支持 Esc 关闭 */
+    keyboard?: boolean;
+    /** 是否在关闭后销毁内容 */
+    destroyOnClose?: boolean;
+    /** 层级 */
+    zIndex?: number;
+    /** 移动端断点 */
+    mobileBreakpoint?: number;
+    /** 容器类名 */
+    className?: string;
+    /** 容器样式 */
+    style?: React.CSSProperties;
+    /** 抽屉面板类名 */
+    drawerStyle?: React.CSSProperties;
+    /** 头部样式 */
+    headerStyle?: React.CSSProperties;
+    /** 内容样式 */
+    bodyStyle?: React.CSSProperties;
+    /** 底部样式 */
+    footerStyle?: React.CSSProperties;
+    /** 遮罩样式 */
+    maskStyle?: React.CSSProperties;
+}
+declare const Drawer: React.FC<DrawerProps>;
+export default Drawer;

package/dist/components/MenuList/index.d.ts

@@ -6,6 +6,8 @@ export interface MenuItemType {
     label: React.ReactNode;
     /** 菜单项图标 */
     icon?: React.ReactNode;
+    /** 菜单项右侧图标 */
+    suffixIcon?: React.ReactNode;
     /** 是否禁用 */
     disabled?: boolean;
     /** 是否危险项（红色） */

package/dist/components/Popover/Popover.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from "@storybook/react";
+import Popover from "./index";
+declare const meta: Meta<typeof Popover>;
+export default meta;
+type Story = StoryObj<typeof Popover>;
+export declare const Default: Story;
+export declare const HoverTrigger: Story;
+export declare const Placements: Story;
+export declare const CustomWidth: Story;
+export declare const MobileWidthAndAutoFlip: Story;

package/dist/components/Popover/index.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+export type PopoverTrigger = "click" | "hover";
+export type PopoverPlacement = "top" | "right" | "bottom" | "left";
+export interface PopoverProps {
+    /** 触发节点 */
+    children: React.ReactNode;
+    /** Popover 内容 */
+    content: React.ReactNode;
+    /** 触发模式 */
+    trigger?: PopoverTrigger;
+    /** 展示方向 */
+    placement?: PopoverPlacement;
+    /** 内容宽度 */
+    width?: string | number;
+    /** 触发节点和 Popover 的间距 */
+    offset?: number;
+    /** 自定义容器类名 */
+    className?: string;
+    /** 自定义 Popover 类名 */
+    popoverClassName?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+}
+declare const Popover: React.FC<PopoverProps>;
+export default Popover;

package/dist/components/Table/Table.stories.d.ts

@@ -4,6 +4,8 @@ declare const meta: Meta<typeof Table>;
 export default meta;
 type Story = StoryObj<typeof Table>;
 export declare const Basic: Story;
+export declare const Loading: Story;
+export declare const LoadingCustom: Story;
 export declare const Empty: Story;
 export declare const EmptyWithCustomText: Story;
 export declare const EmptyWithCustomNode: Story;

package/dist/index.d.ts

@@ -770,6 +770,8 @@ interface MenuItemType {
     label: React.ReactNode;
     /** 菜单项图标 */
     icon?: React.ReactNode;
+    /** 菜单项右侧图标 */
+    suffixIcon?: React.ReactNode;
     /** 是否禁用 */
     disabled?: boolean;
     /** 是否危险项（红色） */
@@ -879,6 +881,87 @@ interface TooltipProps {
 }
 declare const Tooltip: React.FC<TooltipProps>;
 
+type PopoverTrigger = "click" | "hover";
+type PopoverPlacement = "top" | "right" | "bottom" | "left";
+interface PopoverProps {
+    /** 触发节点 */
+    children: React.ReactNode;
+    /** Popover 内容 */
+    content: React.ReactNode;
+    /** 触发模式 */
+    trigger?: PopoverTrigger;
+    /** 展示方向 */
+    placement?: PopoverPlacement;
+    /** 内容宽度 */
+    width?: string | number;
+    /** 触发节点和 Popover 的间距 */
+    offset?: number;
+    /** 自定义容器类名 */
+    className?: string;
+    /** 自定义 Popover 类名 */
+    popoverClassName?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+}
+declare const Popover: React.FC<PopoverProps>;
+
+type DrawerPlacement = "left" | "right" | "top" | "bottom";
+interface DrawerProps {
+    /** 是否打开（受控） */
+    open?: boolean;
+    /** 默认是否打开（非受控） */
+    defaultOpen?: boolean;
+    /** 关闭回调 */
+    onClose?: (e?: React.MouseEvent | React.KeyboardEvent) => void;
+    /** 打开/关闭动画结束回调 */
+    afterOpenChange?: (open: boolean) => void;
+    /** 抽屉标题 */
+    title?: React.ReactNode;
+    /** 头部右侧内容 */
+    extra?: React.ReactNode;
+    /** 底部内容 */
+    footer?: React.ReactNode;
+    /** 内容 */
+    children?: React.ReactNode;
+    /** 打开方向 */
+    placement?: DrawerPlacement;
+    /** PC 端宽度（移动端始终使用 100vw） */
+    width?: number | string;
+    /** 高度（top/bottom 生效，移动端同样支持） */
+    height?: number | string;
+    /** 是否显示遮罩 */
+    mask?: boolean;
+    /** 点击遮罩是否关闭 */
+    maskClosable?: boolean;
+    /** 是否显示右上角关闭按钮 */
+    closable?: boolean;
+    /** 自定义关闭图标 */
+    closeIcon?: React.ReactNode;
+    /** 是否支持 Esc 关闭 */
+    keyboard?: boolean;
+    /** 是否在关闭后销毁内容 */
+    destroyOnClose?: boolean;
+    /** 层级 */
+    zIndex?: number;
+    /** 移动端断点 */
+    mobileBreakpoint?: number;
+    /** 容器类名 */
+    className?: string;
+    /** 容器样式 */
+    style?: React.CSSProperties;
+    /** 抽屉面板类名 */
+    drawerStyle?: React.CSSProperties;
+    /** 头部样式 */
+    headerStyle?: React.CSSProperties;
+    /** 内容样式 */
+    bodyStyle?: React.CSSProperties;
+    /** 底部样式 */
+    footerStyle?: React.CSSProperties;
+    /** 遮罩样式 */
+    maskStyle?: React.CSSProperties;
+}
+declare const Drawer: React.FC<DrawerProps>;
+
 interface ThemeConfig {
     primaryColor?: string;
 }
@@ -898,4 +981,4 @@ declare const MinusIcon: React.FC<{
     style?: React.CSSProperties;
 }>;
 
-export { Alert, AlertProps, Button, ButtonProps, CheckIcon, Checkbox, CheckboxProps, ColumnType, DatePicker, DatePickerProps, DateRange, FormWithItem as Form, FormInstance, FormItemProps, FormProps, Input, InputProps, MenuGroupType, MenuItemType, MenuList, MenuListProps, MinusIcon, Pagination, PaginationProps, Progress, ProgressProps, ProgressStatus, ProgressType, Radio, RadioProps, Select, SelectOption, SelectProps, SortOrder, SorterResult, Switch, SwitchProps, Tab, TabItem, TabLayout, TabProps, TabVariant, Table, TableCurrentDataSource, TableLayout, TableProps, TableRowSelection, TableSize, Tag, TagProps, Textarea, TextareaProps, ThemeConfig, ThemeProvider, ThemeProviderProps, Toast, ToastPosition, ToastProps, ToastProvider, ToastType, Tooltip, TooltipPosition, TooltipProps, UserProfileType, clearAllToasts, closeToast, debugToast, toast, toastError, toastInfo, toastQuestion, toastSuccess, useTheme };
+export { Alert, AlertProps, Button, ButtonProps, CheckIcon, Checkbox, CheckboxProps, ColumnType, DatePicker, DatePickerProps, DateRange, Drawer, DrawerPlacement, DrawerProps, FormWithItem as Form, FormInstance, FormItemProps, FormProps, Input, InputProps, MenuGroupType, MenuItemType, MenuList, MenuListProps, MinusIcon, Pagination, PaginationProps, Popover, PopoverPlacement, PopoverProps, PopoverTrigger, Progress, ProgressProps, ProgressStatus, ProgressType, Radio, RadioProps, Select, SelectOption, SelectProps, SortOrder, SorterResult, Switch, SwitchProps, Tab, TabItem, TabLayout, TabProps, TabVariant, Table, TableCurrentDataSource, TableLayout, TableProps, TableRowSelection, TableSize, Tag, TagProps, Textarea, TextareaProps, ThemeConfig, ThemeProvider, ThemeProviderProps, Toast, ToastPosition, ToastProps, ToastProvider, ToastType, Tooltip, TooltipPosition, TooltipProps, UserProfileType, clearAllToasts, closeToast, debugToast, toast, toastError, toastInfo, toastQuestion, toastSuccess, useTheme };