@lnfhss/elpis
v1.0.2
Published
elpis
Readme
model 配置
module.exports = {
mode: "dashboard", // 模版类型,不同模版类型对应不一样的模板数据结构
name: "", // 名称
desc: "", // 描述
icon: "", // icon
homePage: "", // 首页(项目配置)
// 头部菜单
menu: [
{
key: "", // 菜单唯一描述
name: "", // 菜单名称
menuType: "", // 枚举值, group / module
// 当 menuType == group 时,可填
subMenu: [
{
// 可递归 menuItem
},
],
// 当 menuType == module 时,可填
moduleType: "", // 枚举值 sider/iframe/custom/schema
// 当 moduleType == sider 时
siderConfig: {
menu: [
{
// 可递归 menuItem(除 moduleType == sider)
},
],
},
// 当 moduleType == iframe 时
iframeConfig: {
path: "", // iframe 路径
},
// 当 moduleType == custom 时
customConfig: {
path: "", // 自定义路由路径
},
// 当 moduleType == schema 时
schemaConfig: {
api: "", // 数据源 API (遵循 RESTFUL 规范)
schema: {
// 板块数据结构
type: "object",
properties: {
key: {
...schema, // 标准 schema 配置
type: "", // 字段类型
label: "", // 字段的中文名
// 字段在 table 中的相关配置
tableOption: {
...eltableColumnConfig, // 标准 el-table-column 配置
visible: true, // 是否在表单中展示,默认为 true (false 表示在表单中不展示)
},
// 字段在 search-bar 中的相关配置
searchOption: {
...elComponentConfig, // 标准 el-component-bar 配置
comType: "", // 配置组件类型 input/select/...
default: "", // 默认值
// 当 comType=select 时
menuList: [],
// 当 ccomType=dynamicSelect 时
api: "",
},
// 字段在不同动态 Component 中的相关配置,前缀对应 componentConfig 中的键值
// 如 componentConfig.createForm, 对应这里的 createFormOption
createFormOption: {
...elComponentConfig, // 标准 el-component 配置
comType: "", // 控件类型 input/select/...
visible: true, // 是否展示 默认为true
disabled: false, // 是否禁用,默认false
default: "", // 默认值
// comType == select 时
enumList: [],
},
editFormOptiom: {
...elComponentConfig, // 标准 el-component 配置
comType: "", // 控件类型 input/select/...
visible: true, // 是否展示 默认为true
disabled: false, // 是否禁用,默认false
default: "", // 默认值
// comType == select 时
enumList: [],
},
detailPanelOption: {
...elComponentConfig, // 标准 el-component 配置
},
},
},
},
// 标记哪些字段是必填项
required: [],
// table 配置
tableConfig: {
headerButtons: [
{
label: "", // 按钮中文名
eventKey: "", // 按钮事件名
eventOption: {
// 当 eventKey === showComponent 时
comName: "",
// 当 eventKey === remove 时
params: {
// paramKey = 参数的键值
// rowValueKey = 行数据的键值,格式为 schema::tableKey,到 table 中找到对应的字段
paramKey: rowValueKey,
},
}, // 按钮事件配置
option: {
...elButtonConfig, // 标准 el-button 配置
},
},
],
rowButtons: [
{
label: "", // 按钮中文名
eventKey: "", // 按钮事件名
eventOption: {
// 当 eventKey === remove
params: {
// paramKey = 参数的键值
// rowValue = 参数的值(当格式为 schema::tableKey 的时候,到 table 中找到响应的字段)
paramKey: rowValue,
},
}, // 按钮事件配置
option: {
...elButtonConfig, // 标准 el-button 配置
},
},
],
},
// search-bar 相关配置
searchConfig: {},
// 动态组件相关配置
componentConfig: {
createForm: {
title: "", // 表单标题
saveBtnText: "", // 保存按钮文案
},
editForm: {
mainKey: "", // 表单主键,用于唯一标识要修改的数据对象
title: "",
saveBtnText: "",
},
detailPanel: {
mainKey: "", // 表单主键,用于唯一标识要修改的数据对象
title: "",
saveBtnText: "",
},
},
},
},
],
};
自定义服务端
-router-schema
-router
-contrller
-service
-extend
-config前端构建
const { frontendBuild } = require("@lnfhss/elpis");
// 编译构建前端工程
frontendBuild(process.env._ENV);自定义页面扩展
在 app/pages 目录下写入口 entry.xxx.jsdashboard/custom-view 自定义页面扩展
在 app/pages/dashboard/xxx 下写页面dashboard/schema-view/components 动态组件扩展
1.在 app/pages/dashboard/compledx-view/schema-view/components下写组件
2.配置在 app/pages/dashboard/compledx-view/schema-view/components/component-config.jsschema-form 控件拓展
1.在 app/widgets/schema-form/complex-view 下写控件
2.配置在 app/widgets/schema-form/form-item-config.jsschema-table-bar 控件拓展
1.在 app/widgets/schema-table-bar/complex-view 下写控件
2.配置在 app/widgets/schema-form/search-item-config.js