Element-Plus业务扩展组件库

文档

文档补全中

点击查看文档

安装

npm install ipage-element-plus-expand --save

全局引入main.js（推荐）

import IpageElementExpand from "ipage-element-plus-expand";
import "ipage-element-plus-expand/es/style.css";
Vue.use(IpageElementExpand);

按需引用

import {
    ISearch, // 搜索框
    IForm, // 动态表单
    IDialogForm, // 弹窗动态表单
    ITable, // 动态表格
    IPage, // 组合页面
    RenderCell, // 渲染单元
    SplitDownloadAndExport, // 导出按钮
    SelectMore, // 分页下拉选择器
    IpageMask, // v-ipage-mask指令
    IpageMoney, // v-ipage-money 指令

} from "ipage-element-plus-expand";

全局配置

import {config} from "ipage-element-plus-expand"
config.set({
    extendedRenderCell:{
        "icon-select": {
            dom: () => <IconSelect />
        },
    }
})

鸣谢

项目基础配置环境配置来源于vuecomp-starter

文档组件预览和解析来自于element-plus官方github仓库，我魔改了一下方便自己使用。