{"_id":"@daflow-ui/ui-pagination","_rev":"2-5d453ab3325a4df6040ad042345cd1df","name":"@daflow-ui/ui-pagination","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@daflow-ui/ui-pagination","version":"0.1.0","keywords":["vue","ui","component","daflow"],"license":"MIT","_id":"@daflow-ui/ui-pagination@0.1.0","maintainers":[{"name":"cuiguojie","email":"cuiguojie@me.com"}],"dist":{"shasum":"6ec0a65d544f294238c8f078e975e1116c62a6a0","tarball":"https://registry.npmjs.org/@daflow-ui/ui-pagination/-/ui-pagination-0.1.0.tgz","fileCount":10,"integrity":"sha512-IwXFXfiDFei32i2kCfcGUT7Dszd86IvZPW9m0TdY+3sVXBhPpj8vLKC9kvmMDww3pdCoVGLsoR0cXFyocGN6Cw==","signatures":[{"sig":"MEUCIDCNtY797rC11lzHhvCF3KsKaOddUia/mUYSVT0lc2bqAiEAriGEYhc0Wlbnjw/IK4oVTwrP/FQvn8LGMM9Ca0IL2wA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":41526},"main":"./dist/index.js","type":"module","_from":"file:daflow-ui-ui-pagination-0.1.0.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./style.css":"./dist/style.css"},"scripts":{"lint":"eslint .","build":"vite build && vue-tsc -p tsconfig.build.json --emitDeclarationOnly","lint:fix":"eslint . --fix","typecheck":"vue-tsc -p tsconfig.json --noEmit"},"_npmUser":{"name":"cuiguojie","email":"cuiguojie@me.com"},"_resolved":"/private/var/folders/vs/64py3jt92l966q_27tfst1xh0000gn/T/ea00acb13f3e8921157cf4b7a38ff7e8/daflow-ui-ui-pagination-0.1.0.tgz","_integrity":"sha512-IwXFXfiDFei32i2kCfcGUT7Dszd86IvZPW9m0TdY+3sVXBhPpj8vLKC9kvmMDww3pdCoVGLsoR0cXFyocGN6Cw==","_npmVersion":"10.9.2","description":"Pagination component for DaFlow UI","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.17.0","dependencies":{"@ark-ui/vue":"5.30.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.27","vite":"^7.3.1","eslint":"^9.39.2","vue-tsc":"^3.2.4","typescript":"^5.9.3","@types/node":"^22.10.5","sass-embedded":"^1.97.3","@vue/compiler-sfc":"^3.5.27","@vitejs/plugin-vue":"^6.0.3","vite-plugin-vue-devtools":"^8.0.5","@seemusic/eslint-config-vue3":"^2.0.0"},"peerDependencies":{"vue":"^3.5.0"},"_npmOperationalInternal":{"tmp":"tmp/ui-pagination_0.1.0_1772535002488_0.8399255287507768","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2026-03-03T10:50:02.391Z","modified":"2026-03-05T04:11:17.094Z","0.1.0":"2026-03-03T10:50:02.641Z"},"license":"MIT","keywords":["vue","ui","component","daflow"],"description":"Pagination component for DaFlow UI","maintainers":[{"email":"cuiguojie@me.com","name":"cuiguojie"},{"email":"xiaoxuan.chang@kanjian.com","name":"charicexxuan"}],"readme":"# @daflow-ui/pagination\n\n基于 Ark UI 封装的 Pagination 组件（单体组件包），支持 v-model、页码跳转、禁用状态等功能。\n\n> 💡 单体组件设计：独立发布、按需升级，避免\"组件库\"的整体升级障碍\n\n## 📦 安装\n\n```bash\nnpm install @daflow-ui/pagination\n# or\npnpm add @daflow-ui/pagination\n```\n\n## 🚀 快速开始\n\n全局引入样式（在 `main.ts` 中）：\n\n```ts\nimport '@daflow-ui/pagination/style.css'\n```\n\n在组件中使用：\n\n```vue\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { DfPagination } from '@daflow-ui/pagination'\n\nconst currentPage = ref(1)\n\nconst handlePageChange = (page: number) => {\n  console.log('当前页:', page)\n}\n</script>\n\n<template>\n  <DfPagination\n    v-model:current-page=\"currentPage\"\n    :page-size=\"10\"\n    :total=\"100\"\n    @current-change=\"handlePageChange\"\n  />\n</template>\n```\n\n## 📖 API\n\n### DfPagination Props\n\n| 属性 | 类型 | 默认值 | 说明 |\n|------|------|--------|------|\n| currentPage | `number` | `1` | 当前页码（支持 v-model:current-page） |\n| pageSize | `number` | `10` | 每页显示条数 |\n| total | `number` | `0` | 总数据条数 |\n\n### DfPagination Events\n\n| 事件 | 参数 | 说明 |\n|------|------|------|\n| current-change | `(page: number)` | 页码改变时触发 |\n\n## 📝 文档\n\n### 组件文档（本仓库）\n- [COMPONENT_SPEC.md](./docs/COMPONENT_SPEC.md) - 完整的组件 API 规格\n- [DECISIONS.md](./docs/DECISIONS.md) - 设计决策记录\n\n### 开发规范\n本组件遵循 DaFlow UI 组件库的统一开发规范。\n\n> 📖 通用开发规范：（TODO: 添加在线文档链接或规范仓库 URL）\n\n## 🛠️ 本地开发\n\n```bash\n# 安装依赖\npnpm install\n\n# 启动开发环境（playground 使用源码，支持热更新）\npnpm dev\n\n# 代码检查\npnpm lint\npnpm typecheck\n\n# 构建产物\npnpm build\n\n# 发布前检查（自动执行 lint + typecheck + build）\npnpm prepublishOnly\n```\n\n## 🏗️ 项目结构\n\n```\nui-pagination/\n├── src/                 # 组件源码\n│   ├── index.ts        # 入口（对外导出 DfPagination）\n│   ├── Pagination.vue  # Pagination 组件\n│   ├── types.ts        # 类型定义\n│   └── style.css       # 样式\n├── playground/         # 开发预览\n├── docs/              # 组件文档\n├── dist/              # 构建产物（发布到 npm）\n└── package.json       # 包配置\n```\n\n## 📄 License\n\nMIT\n","readmeFilename":"README.md"}