<p align="center">
  <img width="300px" src="https://user-images.githubusercontent.com/10731096/95823103-9ce15780-0d5f-11eb-8010-1bd1b5910d4f.png">
</p>

<p align="center">
  <a href="https://www.npmjs.org/package/element-plus">
    <img src="https://img.shields.io/npm/v/element-plus.svg" />
  </a>
  <a href="https://github.com/element-plus/element-plus">
    <img src="https://img.shields.io/badge/node-%20%3E%3D%2018-47c219" />
  </a>
  <br>
</p>

<p align="center">基于 Element Plus 拓展的  Element Plus X 组件库</p>

> element-plus-x 组件,持续维护迭代开发中。为了可以提升平时业务开发的效率，希望感兴趣的同学可以一起共建下。

#### 目前包含:

IconsVue 图标组件

Flex 弹性布局

Split 分割面板

Bubble 对话气泡

Editor 极简编辑器

Editable 可编辑

ArrayItems 自增列表

ArrayTable 自增表格

TableDialog 表格弹窗

Submit 表单提交

Reset 表单重置

Formily 表单组件(10 多个表单组件，支持配置渲染)

List 列表

VirtualList 虚拟列表

SortableList 可排序列表

CollapseContent 折叠内容

TablePage 表格页

DraggableTable 可拖拽表格

Ellipsis 省略

TextEllipsis 文本省略

Contextmenu 右键菜单

Dot 点

LoadMore 加载更多

DropdownV2 下拉菜单

Renderer 渲染器

FullScreen 全屏

Emoji 表情包

等其他业务组件，以上均是 element-plus 不具备的组件。

## 安装

node 版本: 18.19.1; npm 版本: 10.2.4; pnpm 版本: 9.3.0

```js
pnpm install
```

## 本地调试

```js
npm run dev
```

## 创建新组件

```js
// test为组件名
npm run gen test
```

## 源代码构建

```js
npm run build
```

## 文档调试

```js
npm run docs:dev
```

## 文档构建

```js
npm run docs:build
```

> 交流群

如有问题，加群交流

![home](./.github/images/qq.jpg)
