mes-ui-d2/src/router/menu/_plugin.js

// [插件] 菜单
export const pluginMenu = {
  title: '插件',
  path: '/demo/plugin',
  name: 'demo-plugin',
  component: resolve => { require(['@/components/core/MainLayout/index.vue'], resolve) },
  // redirect: {
  //   name: 'demo-plugin-marked-readme'
  // },
  children: [
    // markdown 解析库
    {
      title: 'md解析',
      icon: 'font',
      children: [
        {
          title: 'README',
          icon: 'file-text',
          path: 'marked/readme',
          name: 'demo-plugin-marked-readme',
          component: resolve => { require(['@/pages/demo/plugins/marked/readme.vue'], resolve) }
        },
        {
          title: '基本示例',
          icon: 'file-o',
          path: 'marked/demo',
          name: 'demo-plugin-marked-demo',
          component: resolve => { require(['@/pages/demo/plugins/marked/demo.vue'], resolve) }
        },
        {
          title: '添加代码高亮',
          icon: 'file-o',
          path: 'marked/demoHighlight',
          name: 'demo-plugin-marked-demoHighlight',
          component: resolve => { require(['@/pages/demo/plugins/marked/demoHighlight.vue'], resolve) }
        }
      ]
    },
    // MD编辑器
    {
      title: 'MD编辑器',
      icon: 'columns',
      children: [
        {
          title: 'README',
          icon: 'file-text',
          path: 'simpleMDE/readme',
          name: 'demo-plugin-simpleMDE-readme',
          component: resolve => { require(['@/pages/demo/plugins/simpleMDE/readme.vue'], resolve) }
        },
        {
          title: '基本示例',
          icon: 'file-o',
          path: 'simpleMDE/demo',
          name: 'demo-plugin-simpleMDE-demo',
          component: resolve => { require(['@/pages/demo/plugins/simpleMDE/demo.vue'], resolve) }
        }
      ]
    },
    // 富文本编辑器
    {
      title: '富文本编辑器',
      icon: 'edit',
      children: [
        {
          title: '基本示例',
          icon: 'file-o',
          path: 'quill/demo',
          name: 'demo-plugin-quill-demo',
          component: resolve => { require(['@/pages/demo/plugins/quill/demo.vue'], resolve) }
        }
      ]
    },
    // 拖拽网格布局组件
    {
      title: '网格布局',
      icon: 'object-ungroup',
      children: [
        {
          title: '基本示例',
          icon: 'file-o',
          path: 'vue-grid-layout/demo',
          name: 'demo-plugin-vue-grid-layout-demo',
          component: resolve => { require(['@/pages/demo/plugins/vue-grid-layout/demo.vue'], resolve) }
        }
      ]
    },
    // 可调布局组件
    {
      title: '可调布局',
      icon: 'object-group',
      children: [
        {
          title: 'README',
          icon: 'file-text',
          path: 'vue-splitpane/readme',
          name: 'demo-plugin-vue-splitpane-readme',
          component: resolve => { require(['@/pages/demo/plugins/vue-splitpane/readme.vue'], resolve) }
        },
        {
          title: '基本示例',
          icon: 'file-o',
          path: 'vue-splitpane/demo',
          name: 'demo-plugin-vue-splitpane-demo',
          component: resolve => { require(['@/pages/demo/plugins/vue-splitpane/demo.vue'], resolve) }
        }
      ]
    },
    // papaParse
    {
      title: '表格解析',
      icon: 'eye',
      children: [
        {
          title: 'README',
          icon: 'file-text',
          path: 'papaParse/readme',
          name: 'demo-plugin-papaParse-readme',
          component: resolve => { require(['@/pages/demo/plugins/papaParse/readme.vue'], resolve) }
        },
        {
          title: '基本示例',
          icon: 'file-o',
          path: 'papaParse/demo',
          name: 'demo-plugin-papaParse-demo',
          component: resolve => { require(['@/pages/demo/plugins/papaParse/demo.vue'], resolve) }
        }
      ]
    },
    // countup
    {
      title: '数字动画',
      icon: 'magic',
      children: [
        {
          title: 'README',
          icon: 'file-text',
          path: 'countup/readme',
          name: 'demo-plugin-countup-readme',
          component: resolve => { require(['@/pages/demo/plugins/countup/readme.vue'], resolve) }
        },
        {
          title: '基本示例',
          icon: 'file-o',
          path: 'countup/demo',
          name: 'demo-plugin-countup-demo',
          component: resolve => { require(['@/pages/demo/plugins/countup/demo.vue'], resolve) }
        }
      ]
    },
    // clipboard-polyfill
    {
      title: '剪贴板',
      icon: 'clipboard',
      children: [
        {
          title: 'README',
          icon: 'file-text',
          path: 'clipboard-polyfill/readme',
          name: 'demo-plugin-clipboard-polyfill-readme',
          component: resolve => { require(['@/pages/demo/plugins/clipboard-polyfill/readme.vue'], resolve) }
        },
        {
          title: '基本示例',
          icon: 'file-o',
          path: 'clipboard-polyfill/demo',
          name: 'demo-plugin-clipboard-polyfill-demo',
          component: resolve => { require(['@/pages/demo/plugins/clipboard-polyfill/demo.vue'], resolve) }
        }
      ]
    },
    // js-cookie
    {
      title: 'Cookie',
      icon: 'hdd-o',
      children: [
        {
          title: 'README',
          icon: 'file-text',
          path: 'js-cookie/readme',
          name: 'demo-plugin-js-cookie-readme',
          component: resolve => { require(['@/pages/demo/plugins/js-cookie/readme.vue'], resolve) }
        },
        {
          title: '基本示例',
          icon: 'file-o',
          path: 'js-cookie/demo',
          name: 'demo-plugin-js-cookie-demo',
          component: resolve => { require(['@/pages/demo/plugins/js-cookie/demo.vue'], resolve) }
        }
      ]
    },
    // highlight
    {
      title: '代码高亮',
      icon: 'code',
      children: [
        {
          title: 'README',
          icon: 'file-text',
          path: 'highlight/readme',
          name: 'demo-plugin-highlight-readme',
          component: resolve => { require(['@/pages/demo/plugins/highlight/readme.vue'], resolve) }
        },
        {
          title: '基本示例',
          icon: 'file-o',
          path: 'highlight/demo',
          name: 'demo-plugin-highlight-demo',
          component: resolve => { require(['@/pages/demo/plugins/highlight/demo.vue'], resolve) }
        }
      ]
    },
    // mock
    {
      title: '模拟数据',
      icon: 'globe',
      children: [
        {
          title: 'README',
          icon: 'file-text',
          path: 'mock/readme',
          name: 'demo-plugin-mock-readme',
          component: resolve => { require(['@/pages/demo/plugins/mock/readme.vue'], resolve) }
        },
        {
          title: '语法规范',
          icon: 'file-text',
          path: 'mock/grammaticalNorm',
          name: 'demo-plugin-mock-grammaticalNorm',
          component: resolve => { require(['@/pages/demo/plugins/mock/grammaticalNorm.vue'], resolve) }
        },
        {
          title: '数据模板示例',
          icon: 'file-o',
          path: 'mock/demoDTD',
          name: 'demo-plugin-mock-demoDTD',
          component: resolve => { require(['@/pages/demo/plugins/mock/demoDTD.vue'], resolve) }
        },
        {
          title: '数据占位符示例',
          icon: 'file-o',
          path: 'mock/demoDPD',
          name: 'demo-plugin-mock-demoDPD',
          component: resolve => { require(['@/pages/demo/plugins/mock/demoDPD.vue'], resolve) }
        },
        {
          title: '拦截Ajax请求',
          icon: 'file-o',
          path: 'mock/ajax',
          name: 'demo-plugin-mock-ajax',
          component: resolve => { require(['@/pages/demo/plugins/mock/ajax.vue'], resolve) }
        }
      ]
    }
  ]
}

// [插件] 路由设置
export const pluginRouter = {
  ...pluginMenu,
  children: [].concat(...pluginMenu.children.map(e => e.children))
}