kube design 配置教程

kube

JSONMAP

整体结构

属性
系统 JSONMAP 配置包含以下5部分内容：

• theme： 主题基本信息
• menu： 导航菜单
• pages： 页面配置
• events： 事件配置(ajax,自定义事件)
• varaiables： 全局变量配置

示例

{
    "theme": {
        "mode": "KgAdmin",
        "name": "数据分析平台",
        "logo": ""
    },
    "menu": [{
        "icon": "el-icon-location",
        "title": "事件管理",
        "name": "event-manage"
    }],
    "pages": [{
        "name": "event-manage",
        "components": [],
    "events": [{
        "name": "apiBase",
        "type": "ajax",
        "url": "//kd.kg.oa.com/kubeapiv2",
        "method": "POST"
    }, {
        "name": "reloadEvtList",
        "type": "listener",
        "fn": "async function fn(options) {}"
    }],
    "variables": {
        "evtListOption": {
            "nodeid": "db_5eefb4b906f8dc464733da98485fe4e9",
            "action": "filterList"
        }
    }
}

组件结构

{
    "mode": "Button",
    "modeid": "btnAdd",
    "style": {
        "display": "block",
        "border": "1px dashed #e3e3e3",
        "width": "100%",
        "marginTop": "20px"
    },
    "label": "添加自定义参数",
    "onclick": "function fn() {}"
}

编辑器

lego api

示例