twcpt 0.0.12 → 0.0.14

package/README.md

@@ -1,218 +1,217 @@
-# TWCPT - Vue 3 + Element-plus 组件库
-
-TWCPT 是一个基于 Vue 3、TypeScript 和 Element-plus 构建的现代企业级组件库。
-
-### 分支管理
-
-1. **创建开发分支**: 开发新功能或修复问题时，应基于 `dev` 分支创建对应的功能分支。分支命名格式为 `feat/`、`fix/`、`refactor/`、`docs/`、`perf/` 或 `chore/` 前缀，后跟具体描述。
-
-2. **提交代码审查**: 完成开发后，通过 Pull Request (PR) 或 Merge Request (MR) 提交至 `dev` 分支进行代码审查。提交后可保留自建分支，无需删除。
-
-3. **版本发布流程**: 在 `dev` 分支完成构建后（执行 `npm run build-all`），需先执行 `npm login` 进行身份验证，随后执行 `npm run patch` 发布新版本。
-
-## 项目特点
-
-- 基于 Element-plus 的现代化 UI 组件
-- 全面的 TypeScript 类型支持
-- 开箱即用的企业级业务组件
-- 内置国际化支持 (i18n)
-- 权限控制系统
-- 基于 Chart.js 的数据可视化
-- 高度可定制的主题配置
-
-## 分支命名规范 (Branching Guidelines)
-
-为了保持组件库开发的条理性以及 CI/CD 流程的自动化，本项目采用语义化分支命名规范。
-
-### 1. 核心分支 (Core Branches)
-
-| 分支名   | 说明                             |
-|:------|:-------------------------------|
-| `dev` | 开发分支。日常功能集成的基准分支，所有 PR 默认合并至此。 |
-
----
-
-### 2. 短期协作分支 (Supporting Branches)
-
-所有短期分支应遵循 `类别/描述` 的格式，使用小写字母并以中划线分隔。
-
-#### 功能开发 (Feature)
-
-用于开发新组件或新特性。
-
-- 格式: `feat/description`
-- 示例: `git checkout -b feat/button-component`
-
-#### 缺陷修复 (Bugfix)
-
-用于修复组件 Bug。
-
-- 格式: `fix/description`
-- 示例: `git checkout -b fix/select-dropdown-overflow`
-
-#### 代码重构 (Refactor)
-
-不影响功能逻辑的代码结构调整。
-
-- 格式: `refactor/description`
-- 示例: `git checkout -b refactor/use-callback-optimization`
-
-#### 文档更新 (Docs)
-
-仅涉及文档、注释、Storybook 示例的修改。
-
-- 格式: `docs/description`
-- 示例: `git checkout -b docs/add-api-tables`
-
-#### 性能优化 (Perf)
-
-专门针对组件渲染性能或包体积的优化。
-
-- 格式: `perf/description`
-- 示例: `git checkout -b perf/reduce-bundle-size`
-
-#### 辅助任务 (Chore)
-
-构建流程、依赖库更新、CI 配置等非业务逻辑修改。
-
-- 格式: `chore/description`
-- 示例: `git checkout -b chore/upgrade-react-18`
-
----
-
-### 3. 工作流建议 (Workflow)
-
-1. **同步主分支**: 开发前确保 `dev` 分支是最新的。
-2. **创建分支**: 从 `dev` 拉取新分支。
-   ```bash
-   git checkout -b feat/your-feature-name
-   ```
-3. **提交代码**: 完成开发后提交 PR 到 `dev` 分支。
-4. **代码审查**: 等待代码审查通过后合并。
-
-## 安装使用
-
-### 安装
-
-```bash
-npm install twcpt
-# 或
-yarn add twcpt
-# 或
-pnpm add twcpt
-```
-
-### 基础使用
-
-```typescript
-import { createApp } from 'vue'
-import { twcptInit } from 'twcpt'
-import 'twcpt/dist/index.css'
-
-const app = createApp(App)
-
-// 初始化 TWCPT
-twcptInit({
-  app,
-  defaultLanguage: 'zh-CN', // 可选：设置默认语言
-  colors: {
-    primary: '#FF5722', // 可选：自定义主题色
-    blue: '#2196F3'
-  }
-})
-
-app.mount('#app')
-```
-
-### 样式隔离
-
-为了避免 TWCPT 的颜色配置影响外部项目，所有 TWCPT 组件必须包裹在 `.twcpt-container` 容器内：
-
-```vue
-<template>
-  <div class="twcpt-container">
-    <!-- TWCPT 组件只在此容器内生效 -->
-    <JTWButton type="primary">按钮</JTWButton>
-    <JTWTable :data="tableData" />
-  </div>
-</template>
-```
-
-**重要说明：**
-- `.twcpt-container` 确保 TWCPT 的颜色变量不会影响外部项目
-- 如果 A 项目引用了 B 组件（TWCPT），两者的颜色配置互不影响
-- 每个使用 TWCPT 的区域都需要包裹 `.twcpt-container`
-
-### 按需引入
-
-```typescript
-import { JTWButton, JTWTable } from 'twcpt'
-
-export default {
-  components: {
-    JTWButton,
-    JTWTable
-  }
-}
-```
-
-## 组件列表
-
-- **j-tw series**: 基于 Element Plus 的封装组件
-  - `JTWAutocomplete` - 自动完成输入框
-  - `JTWButton` - 按钮组件
-  - `JTWTable` - 表格组件
-  - 更多组件开发中...
-
-- **j-ch series**: 图表组件
-  - `JCHBar` - 柱状图
-  - `JCHBarLine` - 混合图表
-  - `JCHBubble` - 气泡图
-  - 更多图表组件开发中...
-
-## 开发指南
-
-### 本地开发
-
-```bash
-# 安装依赖
-npm install
-
-# 启动开发服务器
-npm run dev
-
-# 构建组件库
-npm run build
-
-# 发布到 npm
-npm run patch
-```
-
-### 项目结构
-
-```
-src/
-├── components/          # 组件源码
-│   ├── j-tw/           # Element Plus 封装组件
-│   ├── j-ch/           # 图表组件
-│   └── j-c/            # 基础组件
-├── composables/        # 组合式函数
-├── css/               # 样式文件
-└── types.ts           # 类型定义
-```
-
-## 贡献指南
-
-1. Fork 本仓库
-2. 创建你的功能分支 (`git checkout -b feat/AmazingFeature`)
-3. 提交你的修改 (`git commit -m 'Add some AmazingFeature'`)
-4. 推送到分支 (`git push origin feat/AmazingFeature`)
-5. 开启一个 Pull Request
-
-## 许可证
-
-本项目采用 MIT 许可证。详见 [LICENSE](LICENSE) 文件。
-
-## 更新日志
-
+# TWCPT - Vue 3 + Element-plus 组件库
+
+TWCPT 是一个基于 Vue 3、TypeScript 和 Element-plus 构建的现代企业级组件库。
+
+### 分支管理
+
+1. **创建开发分支**: 开发新功能或修复问题时，应基于 `dev` 分支创建对应的功能分支。分支命名格式为 `feat/`、`fix/`、`refactor/`、`docs/`、`perf/` 或 `chore/` 前缀，后跟具体描述。
+
+2. **提交代码审查**: 完成开发后，通过 Pull Request (PR) 或 Merge Request (MR) 提交至 `dev` 分支进行代码审查。提交后可保留自建分支，无需删除。
+
+3. **版本发布流程**: 在 `dev` 分支完成构建后（执行 `npm run build-all`），需先执行 `npm login` 进行身份验证，随后执行 `npm run patch` 发布新版本。
+
+## 项目特点
+
+- 基于 Element-plus 的现代化 UI 组件
+- 全面的 TypeScript 类型支持
+- 开箱即用的企业级业务组件
+- 内置国际化支持 (i18n)
+- 权限控制系统
+- 高度可定制的主题配置
+
+## 分支命名规范 (Branching Guidelines)
+
+为了保持组件库开发的条理性以及 CI/CD 流程的自动化，本项目采用语义化分支命名规范。
+
+### 1. 核心分支 (Core Branches)
+
+| 分支名   | 说明                             |
+|:------|:-------------------------------|
+| `dev` | 开发分支。日常功能集成的基准分支，所有 PR 默认合并至此。 |
+
+---
+
+### 2. 短期协作分支 (Supporting Branches)
+
+所有短期分支应遵循 `类别/描述` 的格式，使用小写字母并以中划线分隔。
+
+#### 功能开发 (Feature)
+
+用于开发新组件或新特性。
+
+- 格式: `feat/description`
+- 示例: `git checkout -b feat/button-component`
+
+#### 缺陷修复 (Bugfix)
+
+用于修复组件 Bug。
+
+- 格式: `fix/description`
+- 示例: `git checkout -b fix/select-dropdown-overflow`
+
+#### 代码重构 (Refactor)
+
+不影响功能逻辑的代码结构调整。
+
+- 格式: `refactor/description`
+- 示例: `git checkout -b refactor/use-callback-optimization`
+
+#### 文档更新 (Docs)
+
+仅涉及文档、注释、Storybook 示例的修改。
+
+- 格式: `docs/description`
+- 示例: `git checkout -b docs/add-api-tables`
+
+#### 性能优化 (Perf)
+
+专门针对组件渲染性能或包体积的优化。
+
+- 格式: `perf/description`
+- 示例: `git checkout -b perf/reduce-bundle-size`
+
+#### 辅助任务 (Chore)
+
+构建流程、依赖库更新、CI 配置等非业务逻辑修改。
+
+- 格式: `chore/description`
+- 示例: `git checkout -b chore/upgrade-react-18`
+
+---
+
+### 3. 工作流建议 (Workflow)
+
+1. **同步主分支**: 开发前确保 `dev` 分支是最新的。
+2. **创建分支**: 从 `dev` 拉取新分支。
+   ```bash
+   git checkout -b feat/your-feature-name
+   ```
+3. **提交代码**: 完成开发后提交 PR 到 `dev` 分支。
+4. **代码审查**: 等待代码审查通过后合并。
+
+## 安装使用
+
+### 安装
+
+```bash
+npm install twcpt
+# 或
+yarn add twcpt
+# 或
+pnpm add twcpt
+```
+
+### 基础使用
+
+```typescript
+import { createApp } from 'vue'
+import { twcptInit } from 'twcpt'
+import 'twcpt/dist/index.css'
+
+const app = createApp(App)
+
+// 初始化 TWCPT
+twcptInit({
+  app,
+  defaultLanguage: 'zh-CN', // 可选：设置默认语言
+  colors: {
+    primary: '#FF5722', // 可选：自定义主题色
+    blue: '#2196F3'
+  }
+})
+
+app.mount('#app')
+```
+
+### 样式隔离
+
+为了避免 TWCPT 的颜色配置影响外部项目，所有 TWCPT 组件必须包裹在 `.twcpt-container` 容器内：
+
+```vue
+<template>
+  <div class="twcpt-container">
+    <!-- TWCPT 组件只在此容器内生效 -->
+    <JTWButton type="primary">按钮</JTWButton>
+    <JTWTable :data="tableData" />
+  </div>
+</template>
+```
+
+**重要说明：**
+- `.twcpt-container` 确保 TWCPT 的颜色变量不会影响外部项目
+- 如果 A 项目引用了 B 组件（TWCPT），两者的颜色配置互不影响
+- 每个使用 TWCPT 的区域都需要包裹 `.twcpt-container`
+
+### 按需引入
+
+```typescript
+import { JTWButton, JTWTable } from 'twcpt'
+
+export default {
+  components: {
+    JTWButton,
+    JTWTable
+  }
+}
+```
+
+## 组件列表
+
+- **j-tw series**: 基于 Element Plus 的封装组件
+  - `JTWAutocomplete` - 自动完成输入框
+  - `JTWButton` - 按钮组件
+  - `JTWTable` - 表格组件
+  - 更多组件开发中...
+
+- **j-ch series**: 图表组件
+  - `JCHBar` - 柱状图
+  - `JCHBarLine` - 混合图表
+  - `JCHBubble` - 气泡图
+  - 更多图表组件开发中...
+
+## 开发指南
+
+### 本地开发
+
+```bash
+# 安装依赖
+npm install
+
+# 启动开发服务器
+npm run dev
+
+# 构建组件库
+npm run build
+
+# 发布到 npm
+npm run patch
+```
+
+### 项目结构
+
+```
+src/
+├── components/          # 组件源码
+│   ├── j-tw/           # Element Plus 封装组件
+│   ├── j-ch/           # 图表组件
+│   └── j-c/            # 基础组件
+├── composables/        # 组合式函数
+├── css/               # 样式文件
+└── types.ts           # 类型定义
+```
+
+## 贡献指南
+
+1. Fork 本仓库
+2. 创建你的功能分支 (`git checkout -b feat/AmazingFeature`)
+3. 提交你的修改 (`git commit -m 'Add some AmazingFeature'`)
+4. 推送到分支 (`git push origin feat/AmazingFeature`)
+5. 开启一个 Pull Request
+
+## 许可证
+
+本项目采用 MIT 许可证。详见 [LICENSE](LICENSE) 文件。
+
+## 更新日志
+
 查看 [CHANGELOG.md](CHANGELOG.md) 了解版本更新详情。

package/dist/components/j-tw-pagination/index.d.ts

@@ -0,0 +1,189 @@
+import { PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, CSSProperties, Component, ComponentProvideOptions, VNode, RendererNode, RendererElement } from 'vue';
+import { SFCWithInstall, EpPropFinalized, EpPropMergeType } from 'element-plus/es/utils/index.mjs';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    page: {
+        type: NumberConstructor;
+        required: true;
+    };
+    pageSize: {
+        type: NumberConstructor;
+        required: true;
+    };
+    total: {
+        type: NumberConstructor;
+        required: true;
+    };
+    pageSizes: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    layout: {
+        type: StringConstructor;
+        default: string;
+    };
+    pagerCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    background: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    handleSizeChange: (size: number) => void;
+    handleCurrentChange: (page: number) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    sizeChange: (_size: number) => true;
+    currentChange: (_page: number) => true;
+    'update:page': (_page: number) => true;
+    'update:pageSize': (_pageSize: number) => true;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    page: {
+        type: NumberConstructor;
+        required: true;
+    };
+    pageSize: {
+        type: NumberConstructor;
+        required: true;
+    };
+    total: {
+        type: NumberConstructor;
+        required: true;
+    };
+    pageSizes: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    layout: {
+        type: StringConstructor;
+        default: string;
+    };
+    pagerCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    background: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onSizeChange?: ((_size: number) => any) | undefined;
+    onCurrentChange?: ((_page: number) => any) | undefined;
+    "onUpdate:page"?: ((_page: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((_pageSize: number) => any) | undefined;
+}>, {
+    disabled: boolean;
+    pagerCount: number;
+    layout: string;
+    pageSizes: number[];
+    background: boolean;
+}, {}, {
+    ElPagination: SFCWithInstall<DefineComponent<ExtractPropTypes<{
+        readonly pageSize: NumberConstructor;
+        readonly defaultPageSize: NumberConstructor;
+        readonly total: NumberConstructor;
+        readonly pageCount: NumberConstructor;
+        readonly pagerCount: EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+        readonly currentPage: NumberConstructor;
+        readonly defaultCurrentPage: NumberConstructor;
+        readonly layout: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+        readonly pageSizes: EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | (((new (...args: any[]) => number[]) | (() => number[])) | null)[], unknown, unknown, () => [10, 20, 30, 40, 50, 100], boolean>;
+        readonly popperClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly popperStyle: {
+            readonly type: PropType< EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly prevText: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly prevIcon: EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => DefineComponent<{}, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, boolean>;
+        readonly nextText: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly nextIcon: EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => DefineComponent<{}, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, boolean>;
+        readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly small: BooleanConstructor;
+        readonly size: {
+            readonly type: PropType< EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly background: BooleanConstructor;
+        readonly disabled: BooleanConstructor;
+        readonly hideOnSinglePage: BooleanConstructor;
+        readonly appendSizeTo: StringConstructor;
+    }>, () => VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        'update:current-page': (val: number) => boolean;
+        'update:page-size': (val: number) => boolean;
+        'size-change': (val: number) => boolean;
+        change: (currentPage: number, pageSize: number) => boolean;
+        'current-change': (val: number) => boolean;
+        'prev-click': (val: number) => boolean;
+        'next-click': (val: number) => boolean;
+    }, string, PublicProps, Readonly< ExtractPropTypes<{
+        readonly pageSize: NumberConstructor;
+        readonly defaultPageSize: NumberConstructor;
+        readonly total: NumberConstructor;
+        readonly pageCount: NumberConstructor;
+        readonly pagerCount: EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+        readonly currentPage: NumberConstructor;
+        readonly defaultCurrentPage: NumberConstructor;
+        readonly layout: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+        readonly pageSizes: EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | (((new (...args: any[]) => number[]) | (() => number[])) | null)[], unknown, unknown, () => [10, 20, 30, 40, 50, 100], boolean>;
+        readonly popperClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly popperStyle: {
+            readonly type: PropType< EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly prevText: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly prevIcon: EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => DefineComponent<{}, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, boolean>;
+        readonly nextText: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly nextIcon: EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => DefineComponent<{}, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, boolean>;
+        readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly small: BooleanConstructor;
+        readonly size: {
+            readonly type: PropType< EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly background: BooleanConstructor;
+        readonly disabled: BooleanConstructor;
+        readonly hideOnSinglePage: BooleanConstructor;
+        readonly appendSizeTo: StringConstructor;
+    }>> & Readonly<{
+        onChange?: ((currentPage: number, pageSize: number) => any) | undefined;
+        "onUpdate:current-page"?: ((val: number) => any) | undefined;
+        "onUpdate:page-size"?: ((val: number) => any) | undefined;
+        "onSize-change"?: ((val: number) => any) | undefined;
+        "onCurrent-change"?: ((val: number) => any) | undefined;
+        "onPrev-click"?: ((val: number) => any) | undefined;
+        "onNext-click"?: ((val: number) => any) | undefined;
+    }>, {
+        readonly disabled: boolean;
+        readonly popperClass: string;
+        readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly background: boolean;
+        readonly layout: string;
+        readonly small: boolean;
+        readonly pagerCount: number;
+        readonly pageSizes: number[];
+        readonly prevText: string;
+        readonly prevIcon: EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>;
+        readonly nextText: string;
+        readonly nextIcon: EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>;
+        readonly hideOnSinglePage: boolean;
+    }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>>;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/j-tw-pagination/types.d.ts

@@ -0,0 +1,40 @@
+import { DefineComponent } from 'vue';
+/** 分页配置 */
+export interface JTWPaginationProps {
+    /** 当前页，从 1 开始 */
+    page: number;
+    /** 每页条数 */
+    pageSize: number;
+    /** 总条数 */
+    total: number;
+    /** 可选每页条数 */
+    pageSizes?: number[];
+    /** 分页布局 */
+    layout?: string;
+    /** 每页显示的页码按钮数量 */
+    pagerCount?: number;
+    /** 是否显示背景色 */
+    background?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+}
+/** JTWPagination Emits 接口 */
+export interface JTWPaginationEmits {
+    (e: 'sizeChange', size: number): void;
+    (e: 'currentChange', page: number): void;
+    (e: 'update:page', page: number): void;
+    (e: 'update:pageSize', pageSize: number): void;
+}
+/** JTWPagination 组件类型定义 */
+export type JTWPaginationComponent = DefineComponent<JTWPaginationProps, {}, {}, {}, {}, {}, {}, any>;
+/** JTWPagination 实例类型 */
+export type JTWPaginationInstance = InstanceType<JTWPaginationComponent>;
+/** JTWPagination 模板 Props（用于全局类型声明） */
+export interface JTWPaginationTemplateProps extends JTWPaginationProps {
+    onSizeChange?: (size: number) => void;
+    onCurrentChange?: (page: number) => void;
+    'onUpdate:page'?: (page: number) => void;
+    'onUpdate:pageSize'?: (pageSize: number) => void;
+    class?: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
+    style?: string | Record<string, string>;
+}