gemini-uis 0.6.1 → 0.8.1

package/dist/index.d.ts

@@ -83,6 +83,10 @@ export declare type CardRef = HTMLDivElement;
  */
 export declare type CardShadow = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 
+export declare const ChevronLeftIcon: FC<IconProps>;
+
+export declare const ChevronRightIcon: FC<IconProps>;
+
 export declare const CloseIcon: FC<IconProps>;
 
 /**
@@ -382,12 +386,27 @@ export declare type EmptyStateSize = 'sm' | 'md' | 'lg';
  */
 export declare type EmptyStateVariant = 'default' | 'minimal' | 'card';
 
+export declare const ErrorIcon: FC<IconProps>;
+
+export declare const FirstIcon: FC<IconProps>;
+
 export declare const FolderIcon: FC<IconProps>;
 
 export declare type IconProps = SVGProps<SVGSVGElement>;
 
+/**
+ * 指示器的样式变体
+ */
+export declare type IndicatorVariant = 'dot' | 'number' | 'line';
+
 export declare const InfoIcon: FC<IconProps>;
 
+export declare const JumpNextIcon: FC<IconProps>;
+
+export declare const JumpPrevIcon: FC<IconProps>;
+
+export declare const LastIcon: FC<IconProps>;
+
 export declare const Loading: FC<LoadingProps>;
 
 export declare const LoadingIcon: FC<IconProps>;
@@ -422,10 +441,242 @@ export declare type LoadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
  */
 export declare type LoadingVariant = 'spinner' | 'dots' | 'pulse' | 'skeleton';
 
+/**
+ * 导航按钮的方向
+ */
+export declare type NavigationDirection = 'left' | 'right';
+
+/**
+ * 导航按钮的样式变体
+ */
+export declare type NavigationVariant = 'default' | 'outline' | 'ghost';
+
+export declare const NextIcon: FC<IconProps>;
+
+export declare const Pagination: FC<PaginationProps>;
+
+export declare type PaginationAlign = 'left' | 'center' | 'right';
+
+export declare interface PaginationItemProps {
+    /** 页码 */
+    page: number;
+    /** 是否激活 */
+    active?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 点击事件 */
+    onClick?: (page: number) => void;
+    /** 自定义类名 */
+    className?: string;
+    /** 是否显示省略号 */
+    ellipsis?: boolean;
+    /** 自定义内容 */
+    children?: ReactNode;
+}
+
+export declare interface PaginationJumpProps {
+    /** 跳转方向 */
+    direction: 'prev' | 'next';
+    /** 点击事件 */
+    onClick?: () => void;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义图标 */
+    icon?: ReactNode;
+    /** hover 提示 */
+    title?: string;
+}
+
+export declare interface PaginationProps {
+    /** 当前页码 */
+    current?: number;
+    /** 默认页码 */
+    defaultCurrent?: number;
+    /** 每页条数 */
+    pageSize?: number;
+    /** 默认每页条数 */
+    defaultPageSize?: number;
+    /** 数据总数 */
+    total?: number;
+    /** 页码改变时的回调 */
+    onChange?: (page: number, pageSize: number) => void;
+    /** pageSize 变化的回调 */
+    onShowSizeChange?: (current: number, size: number) => void;
+    /** 是否显示快速跳转 */
+    showQuickJumper?: boolean;
+    /** 是否显示每页条数选择器 */
+    showSizeChanger?: boolean;
+    /** 指定每页可以显示多少条 */
+    pageSizeOptions?: string[];
+    /** 是否显示总数 */
+    showTotal?: boolean | ((total: number, range: [number, number]) => ReactNode);
+    /** 是否显示上一页下一页按钮 */
+    showPrevNextJumpers?: boolean;
+    /** 是否显示首页末页按钮 */
+    showFirstLastJumpers?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否隐藏当只有一页时 */
+    hideOnSinglePage?: boolean;
+    /** 组件大小 */
+    size?: PaginationSize;
+    /** 对齐方式 */
+    align?: PaginationAlign;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 是否显示省略号 */
+    showLessItems?: boolean;
+    /** 简单模式 */
+    simple?: boolean;
+    /** 自定义上一页按钮内容 */
+    prevIcon?: ReactNode;
+    /** 自定义下一页按钮内容 */
+    nextIcon?: ReactNode;
+    /** 自定义首页按钮内容 */
+    firstIcon?: ReactNode;
+    /** 自定义末页按钮内容 */
+    lastIcon?: ReactNode;
+    /** 自定义跳转按钮内容 */
+    jumpPrevIcon?: ReactNode;
+    /** 自定义跳转按钮内容 */
+    jumpNextIcon?: ReactNode;
+    /** 文字配置 */
+    texts?: {
+        /** 每页条数文字 */
+        itemsPerPage?: string;
+        /** 条目文字 */
+        items?: string;
+        /** 跳转到文字 */
+        jumpTo?: string;
+        /** 页码文字 */
+        page?: string;
+        /** 总数文字 */
+        total?: string;
+        /** 首页文字 */
+        first?: string;
+        /** 上一页文字 */
+        previous?: string;
+        /** 下一页文字 */
+        next?: string;
+        /** 末页文字 */
+        last?: string;
+        /** 跳转上一页文字 */
+        jumpPrev?: string;
+        /** 跳转下一页文字 */
+        jumpNext?: string;
+    };
+}
+
+export declare interface PaginationQuickJumperProps {
+    /** 当前页码 */
+    current: number;
+    /** 总页数 */
+    totalPages: number;
+    /** 跳转回调 */
+    onJump: (page: number) => void;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 跳转到文字 */
+    jumpToText?: string;
+    /** 页码文字 */
+    pageText?: string;
+}
+
+export declare type PaginationSize = 'small' | 'middle' | 'large';
+
+export declare interface PaginationSizeChangerProps {
+    /** 当前页码 */
+    current: number;
+    /** 当前每页条数 */
+    pageSize: number;
+    /** 每页条数选项 */
+    pageSizeOptions: string[];
+    /** 变化回调 */
+    onChange: (current: number, pageSize: number) => void;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 每页条数文字 */
+    itemsPerPageText?: string;
+}
+
+export declare const PrevIcon: FC<IconProps>;
+
 export declare const SearchIcon: FC<IconProps>;
 
 export declare const SettingsIcon: FC<IconProps>;
 
+export declare const Slider: ForwardRefExoticComponent<SliderProps & RefAttributes<SliderRef>>;
+
+/**
+ * Slider组件的属性接口
+ */
+export declare interface SliderProps {
+    /** 传入的节点列表 */
+    items: ReactNode[];
+    /** 每页显示的item个数 */
+    itemsPerPage?: number;
+    /** 每次滑动移动的item个数 */
+    slidePerPage?: number;
+    /** 是否允许鼠标拖动 */
+    draggable?: boolean;
+    /** 第一个元素距离视窗最左边的距离 */
+    paddingLeft?: number;
+    /** 元素之间的间距 */
+    gap?: number;
+    /** 是否显示导航按钮 */
+    showNavigation?: boolean;
+    /** 左箭头自定义样式类名 */
+    leftArrowClassName?: string;
+    /** 右箭头自定义样式类名 */
+    rightArrowClassName?: string;
+    /** 是否显示指示器 */
+    showIndicators?: boolean;
+    /** 是否自动播放 */
+    autoPlay?: boolean;
+    /** 自动播放间隔时间（毫秒） */
+    autoPlayInterval?: number;
+    /** 是否循环播放 */
+    loop?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 每个item最外层容器的自定义类名 */
+    itemContainerClassName?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 导航按钮点击事件 */
+    onSlideChange?: (currentIndex: number) => void;
+    /** 上一页按钮的aria-label文本 */
+    previousPageLabel?: string;
+    /** 下一页按钮的aria-label文本 */
+    nextPageLabel?: string;
+    /** 指示器按钮的aria-label文本模板，{page}会被替换为页码 */
+    goToPageLabel?: string;
+}
+
+/**
+ * Slider组件的引用类型
+ */
+export declare interface SliderRef {
+    /** 滑动到指定索引 */
+    slideTo: (index: number) => void;
+    /** 滑动到下一页 */
+    slideNext: () => void;
+    /** 滑动到上一页 */
+    slidePrev: () => void;
+    /** 获取当前索引 */
+    getCurrentIndex: () => number;
+    /** 获取总页数 */
+    getTotalPages: () => number;
+}
+
 export declare const SuccessIcon: FC<IconProps>;
 
 export declare const UsersIcon: FC<IconProps>;