dy-ui-for-element-plus

dy-ui-for-elements-plus

介绍

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

安装

pnpm install dy-ui-for-elements-plus

使用

完整引入

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,{
/**
 * 当项目内存在权限验证函数时，组件支持全局配置权限校验函数
 * @description 当组件存在auth传参时，会调用全局配置的权限校验函数
 */
  permission: (args:any)=>boolean
})
app.mount('#app')

按需引入

• 入口文件中

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

• 模版文件中

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

tsconfig.json 配置

• 如需获取工具库的类型提示，需要在 tsconfig.json 中更新以下内容

"compilerOptions":{
    "module":"NodeNext", // 支持utils目录下的文件
    "moduleResolution":"nodenext", // 支持utils目录下的文件
    "types":["dy-ui-for-element-plus"]
}

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

pnpm install wangeditor

本地打包测试

npm pack