zhxg-element-ui-v3

基于 Element UI 迁移到 Vue 3 的组件库，供内部项目使用（未发布到 npm）。

环境要求

• Node.js >= 16
• Vue 3.3+

安装依赖

npm install

开发模式

npm run dev

启动后会自动打开浏览器，可以在 src/views/ 下的页面中预览和调试组件。

构建库

npm run lib

构建产物输出到 lib/ 目录：

• zhxg-element-ui.es.js — ES Module 格式
• zhxg-element-ui.umd.js — UMD 格式
• zhxg-element-ui.css — 样式文件

在其他项目中使用

在目标项目中引入：

import ZhxgElementUI from 'zhxg-element-ui-v3'
import 'zhxg-element-ui-v3/lib/zhxg-element-ui.css'

app.use(ZhxgElementUI)

目录结构

zhxg-element-ui-v3/
├── packages/          # 组件源码（每个组件一个目录）
├── src/
│   ├── directives/    # 自定义指令
│   ├── locale/        # 国际化
│   ├── mixins/        # 混入
│   ├── theme-chalk/   # 主题样式和字体
│   ├── transitions/   # 过渡动画
│   └── utils/         # 工具函数
├── lib/               # 构建产物（不提交到版本控制）
├── package.json
├── vite.config.mjs    # Vite 构建配置
└── postcss.config.js

组件列表

Alert, Autocomplete, Avatar, Backtop, Badge, Breadcrumb, Button, Calendar, Card, Carousel, Cascader, Checkbox, Col, Collapse, ColorPicker, Container, DatePicker, Dialog, Divider, Drawer, Dropdown, Form, Header/Footer/Aside/Main, Icon, Image, InfiniteScroll, Input, InputNumber, Link, Loading, Menu, Message, MessageBox, NavTree, Notification, Pagination, Popover, Progress, Radio, Rate, Row, Scrollbar, Select, Slider, Spinner, Steps, Switch, Table, Tabs, Tag, TimePicker, TimeSelect, Timeline, Tooltip, Transfer, Tree, Upload

发包 npm run lib npm publish