lw-cdp-ui

lw-ui 组件库文档

项目简介

lw-ui是一套基于Vue.js的企业级中后台UI组件库，提供丰富的业务组件和工具，帮助开发者快速构建中后台管理系统。

主要特性

• 🏗️ 丰富的业务组件：包含表单、表格、图表、流程设计等业务场景组件
• 🎨 主题定制：支持灵活的主题配置和样式覆盖
• 🚀 开箱即用：提供完整的安装指南和示例代码
• 📦 按需加载：支持组件级按需引入
• 🌍 国际化：内置多语言支持

快速开始

安装

npm install lw-cdp-ui
# 或
yarn add lw-cdp-ui

引入组件

// 全局引入
import lwCdpUi from 'lw-cdp-ui';
import 'lw-cdp-ui/dist/style.css';
Vue.use(lwCdpUi);

// 按需引入
import { lwTable, lwForm } from 'lw-cdp-ui';

使用示例

<template>
  <lw-table :data="tableData" :columns="columns" />
</template>

文档目录

docs/
├── components/          # 组件文档
│   ├── bi-chart/       # 图表组件
│   ├── flow/           # 流程设计器
│   ├── form/           # 表单组件
│   └── table/          # 表格组件
└── guide/             # 使用指南
    ├── theme.md       # 主题定制
    └── i18n.md        # 国际化

开发环境

• Node.js 12+
• Vue 2.6+
• Webpack 4+
• npm/yarn

构建项目

# 开发模式
npm run dev

# 生产构建
npm run build

# 文档构建
npm run docs:build

贡献指南

欢迎提交Pull Request或Issue。在提交前请确保：

1. 通过ESLint检查
2. 添加相应的单元测试
3. 更新相关文档

许可证

MIT © 2025 lw-ui团队