@zjpcy/simple-design 1.2.2 → 1.2.10

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

@@ -0,0 +1,71 @@
+import React from 'react';
+export type DrawerPlacement = 'left' | 'right' | 'top' | 'bottom';
+export interface DrawerProps {
+    /** 是否可见 */
+    open: boolean;
+    /** 抽屉标题 */
+    title?: React.ReactNode;
+    /** 抽屉宽度（placement为left或right时有效） */
+    width?: number | string;
+    /** 抽屉高度（placement为top或bottom时有效） */
+    height?: number | string;
+    /** 抽屉位置 */
+    placement?: DrawerPlacement;
+    /** 点击遮罩层是否允许关闭 */
+    maskClosable?: boolean;
+    /** 是否显示遮罩层 */
+    mask?: boolean;
+    /** 关闭回调函数 */
+    onClose: () => void;
+    /** 抽屉内容 */
+    children?: React.ReactNode;
+    /** 额外类名 */
+    className?: string;
+    /** 抽屉样式 */
+    style?: React.CSSProperties;
+    /** 遮罩层样式 */
+    maskStyle?: React.CSSProperties;
+    /** 遮罩层类名 */
+    maskClassName?: string;
+    /** 内容区域类名 */
+    contentClassName?: string;
+    /** 内容区域样式 */
+    contentStyle?: React.CSSProperties;
+    /** 头部内容：false表示不显示，React.ReactNode表示自定义内容，未传值则显示默认的标题和关闭按钮 */
+    header?: React.ReactNode | false;
+    /** 头部类名 */
+    headerClassName?: string;
+    /** 头部样式 */
+    headerStyle?: React.CSSProperties;
+    /** 页脚：false表示不显示，React.ReactNode表示自定义内容，未传值则显示默认的取消和确认按钮 */
+    footer?: React.ReactNode | false;
+    /** 页脚类名 */
+    footerClassName?: string;
+    /** 页脚样式 */
+    footerStyle?: React.CSSProperties;
+    /** 指定挂载节点，默认为false渲染在当前DOM中 */
+    getContainer?: (() => HTMLElement) | HTMLElement | false;
+    /** 关闭后是否销毁子元素 */
+    destroyOnClose?: boolean;
+    /** 是否显示关闭按钮 */
+    closable?: boolean;
+    /** z-index层级 */
+    zIndex?: number;
+    /** 是否加载中状态 */
+    loading?: boolean;
+    /** 自定义加载图标 */
+    loadingIcon?: React.ReactNode;
+    /** 是否支持拖拽调整大小，默认false */
+    resizable?: boolean;
+    /** 拖拽手柄大小（像素），默认8px */
+    resizeHandleSize?: number;
+    /** 拖拽时最小宽度 */
+    minWidth?: number;
+    /** 拖拽时最小高度 */
+    minHeight?: number;
+    /** 大小变化回调 */
+    onChange?: (size: {
+        width?: number;
+        height?: number;
+    }) => void;
+}

package/dist/types/components/Grid/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { GridProps, RowProps, ColProps } from './types';
+import './Grid.css';
+export declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;
+declare const RowComponent: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Row: typeof RowComponent & {
+    Col: typeof Col;
+};
+declare const Grid: React.ForwardRefExoticComponent<React.PropsWithoutRef<GridProps> & React.RefAttributes<HTMLDivElement>> & {
+    Row: typeof Row;
+    Col: typeof Col;
+};
+export default Grid;
+export * from './types';

package/dist/types/components/Grid/styles.d.ts

@@ -0,0 +1,22 @@
+export declare const GridWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width?: number | string;
+    height?: number | string;
+    gap?: number | string;
+    padding?: number | string;
+    backgroundColor?: string;
+}>> & string;
+export declare const RowWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    span?: number;
+    rowGap?: number | string;
+    align?: string;
+    justify?: string;
+    wrap?: boolean;
+}>> & string;
+export declare const ColWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    span?: number;
+    offset?: number;
+    push?: number;
+    pull?: number;
+    order?: number;
+    gap?: number | string;
+}>> & string;

package/dist/types/components/Grid/types.d.ts

@@ -0,0 +1,49 @@
+export interface GridProps {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    /** 宽度，默认为 100% */
+    width?: number | string;
+    /** 高度 */
+    height?: number | string;
+    /** 栅格间距 */
+    gap?: number | string;
+    /** 内边距 */
+    padding?: number | string;
+    /** 背景色 */
+    backgroundColor?: string;
+}
+export interface RowProps {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    /** 栅格占位格数，总共 24 格 */
+    span?: number;
+    /** 栅格水平间距（Col 之间的间距） */
+    gap?: number | string;
+    /** 栅格垂直间距（Row 之间的上下间距） */
+    rowGap?: number | string;
+    /** 对齐方式 */
+    align?: 'flex-start' | 'center' | 'flex-end' | 'stretch';
+    /** 主轴对齐方式 */
+    justify?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
+    /** 是否换行 */
+    wrap?: boolean;
+}
+export interface ColProps {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    /** 栅格占位格数，总共 24 格 */
+    span?: number;
+    /** 栅格左侧间隔格数 */
+    offset?: number;
+    /** 栅格向右移动格数 */
+    push?: number;
+    /** 栅格向左移动格数 */
+    pull?: number;
+    /** 栅格顺序 */
+    order?: number;
+    /** 栅格间距，优先级最高 */
+    gap?: number | string;
+}

package/dist/types/components/Input/InputBase.d.ts

@@ -27,6 +27,8 @@ export interface InputProps {
     labelClassName?: string;
     /** 标签的样式 */
     labelStyle?: React.CSSProperties;
+    /** 错误状态（由 Form 组件传入，InputBase 内部不使用，需剔除避免传递给 input） */
+    error?: boolean;
 }
 declare const InputBase: React.FC<InputProps>;
 export default InputBase;

package/dist/types/components/Input/Password.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { InputProps } from './InputBase';
+import './Input.css';
+export interface PasswordProps extends Omit<InputProps, 'type' | 'suffix'> {
+    /** 是否默认可见密码 */
+    defaultVisible?: boolean;
+    /** 切换可见性时的回调 */
+    onVisibleChange?: (visible: boolean) => void;
+}
+declare const Password: React.FC<PasswordProps>;
+export default Password;

package/dist/types/components/Input/Textarea.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import './Input.css';
+export interface TextareaProps {
+    placeholder?: string;
+    width?: string | number;
+    height?: string | number;
+    className?: string;
+    style?: React.CSSProperties;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    rows?: number;
+    cols?: number;
+    maxLength?: number;
+    showCount?: boolean;
+    clear?: boolean;
+    /** 默认提示信息 */
+    extra?: string | React.ReactNode;
+    /** 标签文案，显示在输入框前面 */
+    label?: string | React.ReactNode;
+    /** 标签到输入框的距离 */
+    labelGap?: string | number;
+    /** 标签的CSS类名 */
+    labelClassName?: string;
+    /** 标签的样式 */
+    labelStyle?: React.CSSProperties;
+    /** 是否可调整大小 */
+    resizable?: boolean;
+    /** 拖拽手柄大小（像素） */
+    resizeHandleSize?: number;
+    /** 最小宽度 */
+    minWidth?: number;
+    /** 最大宽度 */
+    maxWidth?: number;
+    /** 最小高度 */
+    minHeight?: number;
+    /** 最大高度 */
+    maxHeight?: number;
+    /** 大小变化回调 */
+    onResize?: (size: {
+        width?: number;
+        height?: number;
+    }) => void;
+}
+declare const Textarea: React.FC<TextareaProps>;
+export default Textarea;

package/dist/types/components/Input/index.d.ts

@@ -2,11 +2,15 @@ import React from 'react';
 import { InputProps } from './InputBase';
 import Search from './Search';
 import NumberInput, { NumberInputProps } from './Number';
-export type { InputProps, NumberInputProps };
+import Textarea, { TextareaProps } from './Textarea';
+import Password, { PasswordProps } from './Password';
+export type { InputProps, NumberInputProps, TextareaProps, PasswordProps };
 type InputComponent = React.FC<InputProps> & {
     Search: typeof Search;
     Number: typeof NumberInput;
+    Textarea: typeof Textarea;
+    Password: typeof Password;
 };
 declare const Input: InputComponent;
-export { Search, NumberInput };
+export { Search, NumberInput, Textarea, Password };
 export default Input;

package/dist/types/components/Layout/LayoutContext.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+interface LayoutContextType {
+    siderCollapsed: boolean;
+    setSiderCollapsed: (collapsed: boolean) => void;
+    zeroWidthMode: boolean;
+    setZeroWidthMode: (mode: boolean) => void;
+    onExpand: () => void;
+    setOnExpand: (fn: () => void) => void;
+}
+declare const LayoutContext: React.Context<LayoutContextType | undefined>;
+export declare const LayoutProvider: React.FC<{
+    children: ReactNode;
+}>;
+export declare const useLayoutContext: () => LayoutContextType;
+export { LayoutContext };

package/dist/types/components/Layout/index.d.ts

@@ -0,0 +1,86 @@
+import React from 'react';
+import './Layout.css';
+import { LayoutProps, LayoutHeaderProps, LayoutContentProps, LayoutFooterProps, LayoutSiderProps } from './types';
+/**
+ * Layout 页面布局组件
+ *
+ * Layout 提供页面级别的布局模式，包含 Header、Content、Footer、Sider 四部分。
+ * 支持多种布局方式：顶栏、侧栏、内容区、页脚的灵活组合。
+ *
+ * @example
+ * ```tsx
+ * <Layout>
+ *   <Layout.Header>Header</Layout.Header>
+ *   <Layout>
+ *     <Layout.Sider>Sider</Layout.Sider>
+ *     <Layout.Content>Content</Layout.Content>
+ *   </Layout>
+ *   <Layout.Footer>Footer</Layout.Footer>
+ * </Layout>
+ * ```
+ */
+interface LayoutComponent extends React.FC<LayoutProps> {
+    Header: typeof Header;
+    Sider: typeof Sider;
+    Content: typeof Content;
+    Footer: typeof Footer;
+}
+/**
+ * Layout.Header 头部区域组件
+ *
+ * 通常用于显示页面标题、导航等
+ *
+ * @example
+ * ```tsx
+ * <Layout.Header fixed height={64}>
+ *   <div>Logo</div>
+ * </Layout.Header>
+ * ```
+ */
+export declare const Header: React.FC<LayoutHeaderProps>;
+/**
+ * Layout.Sider 侧边栏组件
+ *
+ * 通常用于显示导航菜单，支持收缩功能
+ *
+ * @example
+ * ```tsx
+ * <Layout.Sider
+ *   width={200}
+ *   collapsible
+ *   collapsed={collapsed}
+ *   onCollapse={(collapsed) => setCollapsed(collapsed)}
+ * >
+ *   <Menu />
+ * </Layout.Sider>
+ * ```
+ */
+export declare const Sider: React.FC<LayoutSiderProps>;
+/**
+ * Layout.Content 内容区域组件
+ *
+ * 主要内容展示区域
+ *
+ * @example
+ * ```tsx
+ * <Layout.Content>
+ *   <p>Page content goes here</p>
+ * </Layout.Content>
+ * ```
+ */
+export declare const Content: React.FC<LayoutContentProps>;
+/**
+ * Layout.Footer 页脚区域组件
+ *
+ * 通常用于显示版权信息、辅助链接等
+ *
+ * @example
+ * ```tsx
+ * <Layout.Footer height={48}>
+ *   <div>© 2025 Your Company</div>
+ * </Layout.Footer>
+ * ```
+ */
+export declare const Footer: React.FC<LayoutFooterProps>;
+declare const Layout: LayoutComponent;
+export default Layout;

package/dist/types/components/Layout/styles.d.ts

@@ -0,0 +1,40 @@
+export declare const LayoutWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $hasSider?: boolean;
+    $theme?: "light" | "dark";
+}>> & string;
+export declare const HeaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
+    $fixed?: boolean;
+    $height?: string | number;
+    $theme?: "light" | "dark";
+    $bgColor?: string;
+}>> & string;
+export declare const SiderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
+    $width?: string | number;
+    $collapsedWidth?: number;
+    $collapsed?: boolean;
+    $fixed?: boolean;
+    $zeroWidthMode?: boolean;
+    $theme?: "light" | "dark";
+}>> & string;
+export declare const SiderContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $collapsed?: boolean;
+}>> & string;
+export declare const SiderTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $collapsed?: boolean;
+    $placement?: "top" | "bottom";
+    $zeroWidthMode?: boolean;
+    $theme?: "light" | "dark";
+}>> & string;
+export declare const ZeroWidthTriggerInContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LayoutInnerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $hasSider?: boolean;
+}>> & string;
+export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
+    $fixed?: boolean;
+    $theme?: "light" | "dark";
+}>> & string;
+export declare const FooterWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
+    $fixed?: boolean;
+    $height?: string | number;
+    $theme?: "light" | "dark";
+}>> & string;

package/dist/types/components/Layout/types.d.ts

@@ -0,0 +1,112 @@
+import { CSSProperties, ReactNode } from 'react';
+/**
+ * Layout 组件属性接口
+ */
+export interface LayoutProps {
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+    /** 是否包含 Sider（会影响布局） */
+    hasSider?: boolean;
+    /** 主题模式 */
+    theme?: 'light' | 'dark';
+    /** 子元素 */
+    children?: ReactNode;
+}
+/**
+ * Layout.Header 组件属性接口
+ */
+export interface LayoutHeaderProps {
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+    /** 子元素 */
+    children?: ReactNode;
+    /** 头部高度 */
+    height?: string | number;
+    /** 固定头部 */
+    fixed?: boolean;
+    /** 主题模式 */
+    theme?: 'light' | 'dark';
+}
+/**
+ * Layout.Content 组件属性接口
+ */
+export interface LayoutContentProps {
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+    /** 子元素 */
+    children?: ReactNode;
+    /** 主题模式 */
+    theme?: 'light' | 'dark';
+}
+/**
+ * Layout.Footer 组件属性接口
+ */
+export interface LayoutFooterProps {
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+    /** 子元素 */
+    children?: ReactNode;
+    /** 页脚高度 */
+    height?: string | number;
+    /** 固定页脚 */
+    fixed?: boolean;
+    /** 主题模式 */
+    theme?: 'light' | 'dark';
+}
+/**
+ * Layout.Sider 组件属性接口
+ */
+export interface LayoutSiderProps {
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+    /** 子元素 */
+    children?: ReactNode;
+    /** 侧边栏宽度 */
+    width?: string | number;
+    /** 收缩宽度 */
+    collapsedWidth?: number;
+    /** 是否可收缩 */
+    collapsible?: boolean;
+    /** 是否收缩 */
+    collapsed?: boolean;
+    /** 收缩/展开时的回调 */
+    onCollapse?: (collapsed: boolean) => void;
+    /** 收缩按钮的触发器 */
+    trigger?: ReactNode;
+    /** 收缩按钮位置，默认为 'bottom' */
+    triggerPlacement?: 'top' | 'bottom';
+    /** 是否使用完全收缩模式（收缩时宽度为0，并显示浮动展开按钮） */
+    zeroWidthMode?: boolean;
+    /** 侧边栏位置（暂未实现，预留） */
+    placement?: 'left' | 'right';
+    /** 是否固定 */
+    fixed?: boolean;
+    /** 主题模式 */
+    theme?: 'light' | 'dark';
+}
+/**
+ * 布局配置接口
+ */
+export interface LayoutConfig {
+    /** 默认主题配置 */
+    theme: {
+        headerBg: string;
+        headerHeight: string;
+        footerBg: string;
+        footerHeight: string;
+        siderBg: string;
+        siderWidth: string;
+        siderCollapsedWidth: string;
+        contentBg: string;
+    };
+}

package/dist/types/components/Menu/index.d.ts

@@ -1,4 +1,11 @@
-import './index.css';
+import React from 'react';
 import { MenuProps } from './types';
+import './index.css';
+/**
+ * Menu 菜单导航组件
+ *
+ * 为页面和功能提供导航的菜单列表，支持水平顶部导航和垂直菜单
+ * 子菜单内嵌在菜单区域，支持缩起/展开功能
+ */
 declare const Menu: React.FC<MenuProps>;
 export default Menu;

package/dist/types/components/Menu/styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Menu 组件 JSS 样式
+ *
+ * 如果需要使用 JSS 样式，可以在此定义
+ * 目前主要使用 CSS 文件 (index.css) 进行样式定义
+ */
+export {};

package/dist/types/components/Menu/types.d.ts

@@ -1,18 +1,67 @@
-export interface MenuItemProps {
+import React from 'react';
+/**
+ * 菜单项数据类型
+ */
+export interface MenuItem {
+    /** 菜单项唯一标识 */
     key: string;
+    /** 菜单项显示文本 */
     label: string;
+    /** 菜单项图标 */
     icon?: React.ReactNode;
-    childrens?: MenuItemProps[];
+    /** 子菜单项数组 */
+    children?: MenuItem[];
+    /** 是否禁用 */
+    disabled?: boolean;
 }
+/**
+ * 菜单模式类型
+ */
+export type MenuMode = 'horizontal' | 'vertical' | 'inline';
+/**
+ * 菜单主题类型
+ */
+export type MenuTheme = 'light' | 'dark';
+/**
+ * Menu 组件 Props
+ */
 export interface MenuProps {
-    mode: 'horizontal' | 'vertical' | 'inline-flex' | 'inline-block';
-    items: MenuItemProps[];
+    /** 菜单模式 */
+    mode?: MenuMode;
+    /** 菜单项数组 */
+    items: MenuItem[];
+    /** 自定义 CSS 类名 */
     className?: string;
+    /** 自定义样式 */
     style?: React.CSSProperties;
+    /** 当前选中的菜单项key */
     selectedKey?: string;
+    /** 默认展开的菜单项key数组 */
+    defaultOpenKeys?: string[];
+    /** 展开的菜单项key数组（受控模式） */
+    openKeys?: string[];
+    /** 折叠状态，仅对 vertical 模式有效 */
     collapsed?: boolean;
-    onChange?: (info: MenuItemProps, key: string) => void;
-    menuItemStyle?: React.CSSProperties;
+    /** 菜单是否显示（受控模式），默认 true */
+    open?: boolean;
+    /** 菜单主题 */
+    theme?: MenuTheme;
+    /** 菜单项点击回调函数 */
+    onChange?: (info: MenuItem, key: string) => void;
+    /** 展开/折叠回调函数 */
+    onOpenChange?: (openKeys: string[]) => void;
 }
-export interface ContextProps {
+/**
+ * 菜单项组件 Props
+ */
+export interface MenuItemComponentProps {
+    item: MenuItem;
+    level: number;
+    mode: MenuMode;
+    collapsed?: boolean;
+    theme?: MenuTheme;
+    openKeySet: Set<string>;
+    selectedKey: string;
+    onItemClick: (item: MenuItem, key: string) => void;
+    onToggleOpen: (key: string) => void;
 }

package/dist/types/components/Popconfirm/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PopconfirmProps } from './types';
+import './Popconfirm.css';
+declare const Popconfirm: React.FC<PopconfirmProps>;
+export default Popconfirm;
+export type { PopconfirmProps, PopconfirmPlacement } from './types';

package/dist/types/components/Popconfirm/types.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+export type PopconfirmPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+export interface PopconfirmProps {
+    title?: ReactNode;
+    description?: ReactNode;
+    okText?: string;
+    cancelText?: string;
+    okButtonProps?: {
+        variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'link';
+        loading?: boolean;
+        disabled?: boolean;
+    };
+    cancelButtonProps?: {
+        variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'link';
+        disabled?: boolean;
+    };
+    onConfirm?: () => void | Promise<void>;
+    onCancel?: () => void;
+    disabled?: boolean;
+    icon?: ReactNode;
+    placement?: PopconfirmPlacement;
+    showCancel?: boolean;
+    getContainer?: HTMLElement | (() => HTMLElement) | false;
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactElement;
+}
+export default PopconfirmProps;

package/dist/types/components/Progress/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ProgressProps, ProgressStatus, ProgressType } from './types';
+import './Progress.css';
+declare const Progress: React.FC<ProgressProps>;
+export default Progress;
+export type { ProgressProps, ProgressType, ProgressStatus };