refactor: refactor route

vben

2020-12-03 c303ec1a23c4b1fbad4fbda9007af2147dc327e2

 src/router/routes/modules/demo/editor.ts

@@ -1,33 +1,31 @@
import type { AppRouteModule } from '/@/router/types';

import { PAGE_LAYOUT_COMPONENT } from '/@/router/constant';
import { getParentLayout, LAYOUT } from '/@/router/constant';

export default {
  layout: {
    path: '/editor',
    name: 'Editor',
    component: PAGE_LAYOUT_COMPONENT,
    redirect: '/editor/markdown',
    meta: {
      icon: 'ant-design:table-outlined',
      title: '编辑器',
    },
const editor: AppRouteModule = {
  path: '/editor',
  name: 'Editor',
  component: LAYOUT,
  redirect: '/editor/markdown',
  meta: {
    icon: 'ant-design:table-outlined',
    title: 'routes.demo.editor.editor',
  },

  routes: [
  children: [
    {
      path: '/markdown',
      path: 'markdown',
      name: 'MarkdownDemo',
      component: () => import('/@/views/demo/editor/Markdown.vue'),
      meta: {
        title: 'markdown编辑器',
        title: 'routes.demo.editor.markdown',
      },
    },
    {
      path: '/tinymce',
      path: 'tinymce',
      component: getParentLayout('TinymceDemo'),
      name: 'TinymceDemo',
      meta: {
        title: '富文本',
        title: 'routes.demo.editor.tinymce',
      },
      redirect: '/editor/tinymce/index',
      children: [
@@ -36,19 +34,20 @@
          name: 'TinymceBasicDemo',
          component: () => import('/@/views/demo/editor/tinymce/index.vue'),
          meta: {
            title: '基础使用',
            title: 'routes.demo.editor.tinymceBasic',
          },
        },
        // TODO
        {
          path: 'editor',
          name: 'TinymceFormDemo',
          component: () => import('/@/views/demo/editor/tinymce/Editor.vue'),
          meta: {
            title: '嵌入form使用',
            title: 'routes.demo.editor.tinymceForm',
          },
        },
      ],
    },
  ],
} as AppRouteModule;
};

export default editor;