@pingrui/ui

基于 Vite + TypeScript + Vue 3 的组件库，已发布到 npm。

安装

pnpm add @pingrui/ui

vue@^3.5 为 peerDependency，需由你的项目提供。@pingrui/icons 图标已内联打包进产物，无需单独安装；仅当你想直接按需引入图标组件时再 pnpm add @pingrui/icons。

使用

全量注册：

import { createApp } from 'vue'
import PingruiUI from '@pingrui/ui'
import '@pingrui/ui/style.css'
import App from './App.vue'

createApp(App).use(PingruiUI).mount('#app')

按需引入：

import { PButton } from '@pingrui/ui'
import '@pingrui/ui/style.css'

<template>
  <PButton type="primary" @click="onClick">点击</PButton>
</template>

开发

pnpm install        # 在 web/ 下安装整个 workspace
pnpm --filter @pingrui/ui dev      # 库模式 watch 构建
pnpm --filter @pingrui/ui build    # 类型检查 + 库构建 (dist/)
pnpm --filter @pingrui/ui typecheck

产物

• dist/index.mjs — ESM 入口
• dist/index.cjs — CJS 入口
• dist/src/index.d.ts — 类型声明入口
• dist/style.css — 样式（一次性引入）