taro-uno-ui 0.9.0 → 1.0.0

package/dist/components/navigation/NavBar/NavBar.types.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { BaseComponentProps as StandardBaseComponentProps } from '../../../types/component-props';
+/** NavBar位置 */
+export type NavBarPosition = 'top' | 'fixed' | 'static';
+/** NavBar主题 */
+export type NavBarTheme = 'light' | 'dark';
+/** NavBar引用 */
+export interface NavBarRef {
+    /** 获取元素引用 */
+    element: any | null;
+    /** 设置标题 */
+    setTitle: (_title: React.ReactNode) => void;
+    /** 设置左侧内容 */
+    setLeft: (_left: React.ReactNode) => void;
+    /** 设置右侧内容 */
+    setRight: (_right: React.ReactNode) => void;
+    /** 显示返回按钮 */
+    showBackArrow: () => void;
+    /** 隐藏返回按钮 */
+    hideBackArrow: () => void;
+}
+/** NavBar组件属性 */
+export interface NavBarProps extends StandardBaseComponentProps {
+    /** 标题 */
+    title?: React.ReactNode;
+    /** 左侧内容 */
+    left?: React.ReactNode;
+    /** 右侧内容 */
+    right?: React.ReactNode;
+    /** 是否显示返回按钮 */
+    backArrow?: boolean;
+    /** 自定义返回按钮 */
+    backIcon?: React.ReactNode;
+    /** 返回按钮点击事件 */
+    onBack?: () => void;
+    /** 位置 */
+    position?: NavBarPosition;
+    /** 主题 */
+    theme?: NavBarTheme;
+    /** 背景色 */
+    backgroundColor?: string;
+    /** 是否透明背景 */
+    transparent?: boolean;
+    /** 是否显示边框 */
+    border?: boolean;
+    /** 固定定位时的占位高度 */
+    placeholder?: boolean;
+    /** 安全区域适配 */
+    safeAreaInsetTop?: boolean;
+}

package/dist/components/navigation/NavBar/index.d.ts

@@ -0,0 +1,3 @@
+export { NavBar } from './NavBar';
+export type { NavBarProps, NavBarRef, NavBarPosition, NavBarTheme } from './NavBar.types';
+export { default } from './NavBar';

package/dist/components/navigation/Pagination/Pagination.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { PaginationProps, PaginationRef } from './Pagination.types';
+/** Pagination组件 */
+export declare const PaginationComponent: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<PaginationRef>>;
+/** 导出Pagination组件 */
+export declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<PaginationRef>>;

package/dist/components/navigation/Pagination/Pagination.styles.d.ts

@@ -0,0 +1,55 @@
+import type { PaginationProps, PaginationSize } from './Pagination.types';
+/** Pagination组件样式管理器 */
+export declare const paginationStyles: {
+    /** 尺寸映射表 */
+    SIZE_MAP: {
+        readonly small: 24;
+        readonly medium: 32;
+        readonly large: 40;
+        readonly default: 32;
+    };
+    /**
+     * 获取基础样式
+     */
+    getBaseStyle: (props: PaginationProps) => React.CSSProperties;
+    /**
+     * 获取类名
+     */
+    getClassName: (props: PaginationProps) => string;
+    /**
+     * 获取按钮样式
+     */
+    getButtonStyle: (props: {
+        active?: boolean;
+        disabled?: boolean;
+        size: PaginationSize;
+    }) => React.CSSProperties;
+    /**
+     * 获取页码按钮样式
+     */
+    getPageButtonStyle: (props: {
+        active?: boolean;
+        disabled?: boolean;
+        size: PaginationSize;
+    }) => React.CSSProperties;
+    /**
+     * 获取跳转按钮样式
+     */
+    getJumpButtonStyle: (size: PaginationSize) => React.CSSProperties;
+    /**
+     * 获取总数样式
+     */
+    getTotalStyle: () => React.CSSProperties;
+    /**
+     * 获取快速跳转样式
+     */
+    getQuickJumperStyle: () => React.CSSProperties;
+    /**
+     * 获取输入框样式
+     */
+    getInputStyle: () => React.CSSProperties;
+    /**
+     * 获取选择器样式
+     */
+    getSelectStyle: () => React.CSSProperties;
+};

package/dist/components/navigation/Pagination/Pagination.types.d.ts

@@ -0,0 +1,77 @@
+import { ReactNode } from 'react';
+import { BaseComponentProps as StandardBaseComponentProps } from '../../../types/component-props';
+import { Size } from '../../../types';
+/** 分页尺寸 */
+export type PaginationSize = Size | 'small' | 'medium' | 'large';
+/** 分页位置 */
+export type PaginationPosition = 'top' | 'bottom' | 'both';
+/** 分页对齐方式 */
+export type PaginationAlign = 'left' | 'center' | 'right';
+/** 分页引用 */
+export interface PaginationRef {
+    /** 获取元素引用 */
+    element: any | null;
+    /** 获取当前页码 */
+    getCurrent: () => number;
+    /** 获取每页条数 */
+    getPageSize: () => number;
+    /** 获取总页数 */
+    getTotalPages: () => number;
+    /** 获取总条数 */
+    getTotal: () => number;
+    /** 设置当前页码 */
+    setCurrent: (_current: number) => void;
+    /** 设置每页条数 */
+    setPageSize: (_pageSize: number) => void;
+    /** 跳转到指定页 */
+    goTo: (_page: number) => void;
+    /** 上一页 */
+    prev: () => void;
+    /** 下一页 */
+    next: () => void;
+    /** 第一页 */
+    first: () => void;
+    /** 最后一页 */
+    last: () => void;
+}
+/** 分页组件属性 */
+export interface PaginationProps extends StandardBaseComponentProps {
+    /** 当前页码 */
+    current?: number;
+    /** 默认当前页码 */
+    defaultCurrent?: number;
+    /** 每页条数 */
+    pageSize?: number;
+    /** 默认每页条数 */
+    defaultPageSize?: number;
+    /** 总条数 */
+    total: number;
+    /** 分页尺寸 */
+    size?: PaginationSize;
+    /** 是否显示总数 */
+    showTotal?: boolean | ((_total: number, range: [number, number]) => ReactNode);
+    /** 是否显示快速跳转 */
+    showQuickJumper?: boolean;
+    /** 是否显示页码选择器 */
+    showSizeChanger?: boolean;
+    /** 页码选择器选项 */
+    pageSizeOptions?: number[];
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否简单模式 */
+    simple?: boolean;
+    /** 是否显示更多按钮 */
+    showMore?: boolean;
+    /** 页码显示范围 */
+    showLessItems?: boolean;
+    /** 分页位置 */
+    position?: PaginationPosition;
+    /** 分页对齐方式 */
+    align?: PaginationAlign;
+    /** 自定义页码渲染 */
+    itemRender?: (page: number, type: 'page' | 'prev' | 'next' | 'jump-prev' | 'jump-next', element: ReactNode) => ReactNode;
+    /** 页码改变事件 */
+    onChange?: (_page: number, pageSize: number) => void;
+    /** 每页条数改变事件 */
+    onShowSizeChange?: (_current: number, size: number) => void;
+}

package/dist/components/navigation/Pagination/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Pagination 分页组件
+ *
+ * 企业级分页组件，支持：
+ * - 多种尺寸和样式配置
+ * - 简单模式和完整模式
+ * - 快速跳转和页码选择
+ * - 完全的键盘导航支持
+ * - 无障碍访问优化
+ * - 跨平台兼容性
+ */
+export { Pagination, PaginationComponent } from './Pagination';
+export type { PaginationProps, PaginationRef, PaginationSize, PaginationPosition, PaginationAlign, } from './Pagination.types';
+export { paginationStyles } from './Pagination.styles';
+export { Pagination as default } from './Pagination';

package/dist/components/navigation/Steps/Step.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StepProps, StepRef } from './Steps.types';
+export declare const Step: React.ForwardRefExoticComponent<Omit<StepProps, "ref"> & React.RefAttributes<StepRef>>;
+export default Step;

package/dist/components/navigation/Steps/Steps.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StepsProps, StepsRef } from './Steps.types';
+export declare const Steps: React.ForwardRefExoticComponent<Omit<StepsProps, "ref"> & React.RefAttributes<StepsRef>>;
+export default Steps;