inner-kitui-vue

inner-kitui-vue

基于 Vue 3、TypeScript 与 Element Plus 的业务组件库。

特性

• Vue 3 + TypeScript
• 基于 Element Plus 二次封装（表格、卡片、侧边栏、Markdown 文档等）
• 支持完整引入与按需引入
• 提供 ESM / CJS 双格式构建产物

环境要求

• Vue ^3.4
• Element Plus ^2.9（需由使用方自行安装）

安装

npm install inner-kitui-vue element-plus
# 或
pnpm add inner-kitui-vue element-plus
# 或
yarn add inner-kitui-vue element-plus

快速开始

在 Vue 3 项目的 main.ts 中：

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import zhCn from 'element-plus/es/locale/lang/zh-cn'

import DasWebUI from 'inner-kitui-vue'
import 'inner-kitui-vue/dist/style.css'

const app = createApp(App)

app.use(ElementPlus, { locale: zhCn })
app.use(DasWebUI)
app.mount('#app')

按需引入

import 'inner-kitui-vue/dist/style.css'
import { DasProTable } from 'inner-kitui-vue'

文档

本地启动组件文档站：

npm run docs:dev

构建静态文档：

npm run docs:build

开发

# 安装依赖（推荐使用 npm，锁文件为 package-lock.json）
npm install

# 类型检查 + 构建库产物（输出到 es/、lib/、dist/）
npm run build

# 代码检查
npm run lint

发布到 npm

发布前会自动执行 prepublishOnly 构建。请确保已登录 npm 且包名可用：

npm login
npm publish --access public

包内容说明

发布到 npm 的目录由 package.json 的 files 字段控制，主要包括：

• es/ — ESM 模块
• lib/ — CommonJS 模块
• dist/ — 样式文件
• global.d.ts — 全局类型声明

许可证

MIT