# dy-ui-for-elements-plus

## 介绍

dy-ui-for-elements-plus 是基于 Element Plus 的 UI 组件库，提供了一系列的组件，方便开发者快速构建页面。

## 安装

```bash
pnpm install dy-ui-for-elements-plus
```

## 使用

### 完整引入

```js
import { createApp } from 'vue'
import App from './App.vue'
import dyUi from 'dy-ui-for-elements-plus'
import 'dy-ui-for-elements-plus/style.css'
const app = createApp(App)
app.use(dyUi,{
    uploadPath:"", // 上传路径，默认为空
})
app.mount('#app')
```

### 按需引入

- 入口文件中

```js
import { createApp } from 'vue'
import App from './App.vue'
import 'dy-ui-for-elements-plus/style.css'
```

- 模版文件中

```js
import { DyInput } from 'dy-ui-for-elements-plus'
```

### tsconfig.json 配置

- 如需获取工具库的类型提示，需要在 tsconfig.json 中更新以下内容
  
```json
"compilerOptions":{
    "module":"NodeNext", // 支持utils目录下的文件
    "moduleResolution":"nodenext", // 支持utils目录下的文件
    "types":["dy-ui-for-element-plus"]
}
```

### DyForm中如果需要使用富文本编辑器需要安装 wangeditor


### 本地打包测试

```js
npm pack
```