Pandora2

介绍

---

Pandora2 是一套基于 Vue 3 + TypeScript + Vite + Element Plus 的业务组件库，核心目标是用更少的 View 层代码完成常见的后台管理开发：

• 表单：Schema（JSON）驱动，支持动态显示/禁用、联动与自定义渲染
• 表格：列配置驱动，分页/选择/排序等能力封装
• 页面布局：表单 + 表格的常用布局封装（PageLayout / TreeLayout）
• 图表：ECharts WebComponent 封装（Charts）

安装

pnpm add @yelingfeng/pandora2

import { createApp } from 'vue'
import App from './App.vue'

import Pandora2 from '@yelingfeng/pandora2'
import '@yelingfeng/pandora2/dist/style.css'

const app = createApp(App)
app.use(Pandora2)
app.mount('#app')

技术栈与版本

依赖	版本（当前）
Vue	^3.5.26
Element Plus	^2.13.1
TypeScript	^5.9.3
Vite	^7.3.1
Vitest	^4.0.18
pnpm（推荐）	9.x（与 CI 一致）
Node（推荐）	22.21.1（与 CI 一致）

测试与覆盖率

徽章说明：

• test：GitHub Actions CI & Publish Pandora2 在 main 分支的测试状态
• coverage：Codecov 展示的覆盖率（点击可查看图表与文件级明细）

本地运行：

pnpm run test:ci
pnpm run test:coverage

覆盖率产物：

• coverage/lcov.info：用于 CI 上传到 Codecov
• coverage/index.html：本地可视化覆盖率报告（图表 + 文件明细）

发布（自动打 Tag）

该仓库的 GitHub Actions 会在推送 v* tag 时触发 npm publish。

本地发布（会自动生成 changelog、提交、打 tag 并 push）：

pnpm run release:patch
# pnpm run release:minor
# pnpm run release:major

如果出现 Tag already exists: vX.Y.Z，说明该版本 tag 已经存在（本地或远端），需要先提升 package.json 的 version，再重新发布。

开发者 👨‍💻

Author	E-mail
yelingfeng	315977815@qq.com