Skip to content

GitLab

P
pro-blocks
Commit 44d2c7bb authored by nikogu's avatar nikogu
Browse files
Options

refactor inhuman code of nav.js

parent 5a47aa03
Show whitespace changes
Inline Side-by-side
Showing with 247 additions and 287 deletions
src/common/nav.js
View file @ 44d2c7bb
import dynamic from 'dva/dynamic'; import dynamic from 'dva/dynamic';
export const getNavData = app => [{ // models
component: dynamic({ import UserModel from '../models/user';
import ChartModel from '../models/chart';
import MonitorModel from '../models/monitor';
import ProjectModel from '../models/project';
import ActivitiesModel from '../models/activities';
import FormModel from '../models/form';
import RuleModel from '../models/rule';
import ListModel from '../models/list';
import ProfileModel from '../models/profile';
import LoginModel from '../models/login';
import RegisterModel from '../models/register';
// components
import BasicLayout from '../layouts/BasicLayout';
import UserLayout from '../layouts/UserLayout';
import BlankLayout from '../layouts/BlankLayout';
import Analysis from '../routes/Dashboard/Analysis';
import Monitor from '../routes/Dashboard/Monitor';
import Workplace from '../routes/Dashboard/Workplace';
import BasicForm from '../routes/Forms/BasicForm';
import AdvancedForm from '../routes/Forms/AdvancedForm';
import StepForm from '../routes/Forms/StepForm';
import Step2 from '../routes/Forms/StepForm/Step2';
import Step3 from '../routes/Forms/StepForm/Step3';
import TableList from '../routes/List/TableList';
import BasicList from '../routes/List/BasicList';
import CardList from '../routes/List/CardList';
import CoverCardList from '../routes/List/CoverCardList';
import FilterCardList from '../routes/List/FilterCardList';
import SearchList from '../routes/List/SearchList';
import BasicProfile from '../routes/Profile/BasicProfile';
import AdvancedProfile from '../routes/Profile/AdvancedProfile';
import Success from '../routes/Result/Success';
import Error from '../routes/Result/Error';
import Exception403 from '../routes/Exception/403';
import Exception404 from '../routes/Exception/404';
import Exception500 from '../routes/Exception/500';
import Login from '../routes/User/Login';
import Register from '../routes/User/Register';
import RegisterResult from '../routes/User/RegisterResult';
// wrapper of dynamic
const dy = (app, models, component) => dynamic({
app, app,
models: () => [ models: () => models,
import('../models/user'), component: () => component,
], });
component: () => import('../layouts/BasicLayout'),
}), // nav data
export const getNavData = app => [
{
component: dy(app, [UserModel], BasicLayout),
layout: 'BasicLayout', layout: 'BasicLayout',
name: '首页', // for breadcrumb name: '首页', // for breadcrumb
path: '/', path: '/',
children: [{ children: [
{
name: 'Dashboard', name: 'Dashboard',
icon: 'dashboard', icon: 'dashboard',
path: 'dashboard', path: 'dashboard',
children: [{ children: [
{
name: '分析页', name: '分析页',
path: 'analysis', path: 'analysis',
component: dynamic({ component: dy(app, [ChartModel], Analysis),
app, },
models: () => [ {
import('../models/chart'),
],
component: () => import('../routes/Dashboard/Analysis'),
}),
}, {
name: '监控页', name: '监控页',
path: 'monitor', path: 'monitor',
component: dynamic({ component: dy(app, [MonitorModel], Monitor),
app, },
models: () => [ {
import('../models/monitor'),
],
component: () => import('../routes/Dashboard/Monitor'),
}),
}, {
name: '工作台', name: '工作台',
path: 'workplace', path: 'workplace',
component: dynamic({ component: dy(app, [ProjectModel, ActivitiesModel, ChartModel], Workplace),
app, },
models: () => [
import('../models/project'),
import('../models/activities'),
import('../models/chart'),
], ],
component: () => import('../routes/Dashboard/Workplace'), },
}), {
}],
}, {
name: '表单页', name: '表单页',
path: 'form', path: 'form',
icon: 'form', icon: 'form',
children: [{ children: [
{
name: '基础表单', name: '基础表单',
path: 'basic-form', path: 'basic-form',
component: dynamic({ component: dy(app, [FormModel], BasicForm),
app, },
models: () => [ {
import('../models/form'),
],
component: () => import('../routes/Forms/BasicForm'),
}),
}, {
name: '分步表单', name: '分步表单',
path: 'step-form', path: 'step-form',
component: dynamic({ component: dy(app, [FormModel], StepForm),
app, children: [
models: () => [ {
import('../models/form'),
],
component: () => import('../routes/Forms/StepForm'),
}),
children: [{
path: 'confirm', path: 'confirm',
component: dynamic({ component: dy(app, [FormModel], Step2),
app, },
models: () => [ {
import('../models/form'),
],
component: () => import('../routes/Forms/StepForm/Step2'),
}),
}, {
path: 'result', path: 'result',
component: dynamic({ component: dy(app, [FormModel], Step3),
app, },
models: () => [
import('../models/form'),
], ],
component: () => import('../routes/Forms/StepForm/Step3'), },
}), {
}],
}, {
name: '高级表单', name: '高级表单',
path: 'advanced-form', path: 'advanced-form',
component: dynamic({ component: dy(app, [FormModel], AdvancedForm),
app, },
models: () => [
import('../models/form'),
], ],
component: () => import('../routes/Forms/AdvancedForm'),
}),
}],
}, { }, {
name: '列表页', name: '列表页',
path: 'list', path: 'list',
icon: 'table', icon: 'table',
children: [{ children: [
{
name: '查询表格', name: '查询表格',
path: 'table-list', path: 'table-list',
component: dynamic({ component: dy(app, [RuleModel], TableList),
app, },
models: () => [ {
import('../models/rule'),
],
component: () => import('../routes/List/TableList'),
}),
}, {
name: '标准列表', name: '标准列表',
path: 'basic-list', path: 'basic-list',
component: dynamic({ component: dy(app, [ListModel], BasicList),
app, },
models: () => [ {
import('../models/list'),
],
component: () => import('../routes/List/BasicList'),
}),
}, {
name: '卡片列表', name: '卡片列表',
path: 'card-list', path: 'card-list',
component: dynamic({ component: dy(app, [ListModel], CardList),
app, },
models: () => [ {
import('../models/list'),
],
component: () => import('../routes/List/CardList'),
}),
}, {
name: '搜索列表（项目）', name: '搜索列表（项目）',
path: 'cover-card-list', path: 'cover-card-list',
component: dynamic({ component: dy(app, [ListModel], CoverCardList),
app, },
models: () => [ {
import('../models/list'),
],
component: () => import('../routes/List/CoverCardList'),
}),
}, {
name: '搜索列表（应用）', name: '搜索列表（应用）',
path: 'filter-card-list', path: 'filter-card-list',
component: dynamic({ component: dy(app, [ListModel], FilterCardList),
app, },
models: () => [ {
import('../models/list'),
],
component: () => import('../routes/List/FilterCardList'),
}),
}, {
name: '搜索列表（文章）', name: '搜索列表（文章）',
path: 'search', path: 'search',
component: dynamic({ component: dy(app, [ListModel], SearchList),
app, },
models: () => [
import('../models/list'),
], ],
component: () => import('../routes/List/SearchList'), },
}), {
}],
}, {
name: '详情页', name: '详情页',
path: 'profile', path: 'profile',
icon: 'profile', icon: 'profile',
children: [{ children: [
{
name: '基础详情页', name: '基础详情页',
path: 'basic', path: 'basic',
component: dynamic({ component: dy(app, [ProfileModel], BasicProfile),
app, },
models: () => [ {
import('../models/profile'),
],
component: () => import('../routes/Profile/BasicProfile'),
}),
}, {
name: '高级详情页', name: '高级详情页',
path: 'advanced', path: 'advanced',
component: dynamic({ component: dy(app, [ProfileModel], AdvancedProfile),
app, },
models: () => [
import('../models/profile'),
], ],
component: () => import('../routes/Profile/AdvancedProfile'), },
}), {
}],
}, {
name: '结果', name: '结果',
path: 'result', path: 'result',
icon: 'check-circle-o', icon: 'check-circle-o',
children: [{ children: [
{
name: '成功', name: '成功',
path: 'success', path: 'success',
component: dynamic({ component: dy(app, [], Success),
app, },
component: () => import('../routes/Result/Success'), {
}),
}, {
name: '失败', name: '失败',
path: 'fail', path: 'fail',
component: dynamic({ component: dy(app, [], Error),
app, },
component: () => import('../routes/Result/Error'), ],
}), },
}], {
}, {
name: '异常', name: '异常',
path: 'exception', path: 'exception',
icon: 'warning', icon: 'warning',
children: [{ children: [
{
name: '403', name: '403',
path: '403', path: '403',
component: dynamic({ component: dy(app, [], Exception403),
app, },
component: () => import('../routes/Exception/403'), {
}),
}, {
name: '404', name: '404',
path: '404', path: '404',
component: dynamic({ component: dy(app, [], Exception404),
app, },
component: () => import('../routes/Exception/404'), {
}),
}, {
name: '500', name: '500',
path: '500', path: '500',
component: dynamic({ component: dy(app, [], Exception500),
app, },
component: () => import('../routes/Exception/500'), ],
}), },
}], ],
}], },
}, { {
component: dynamic({ component: dy(app, [], UserLayout),
app,
component: () => import('../layouts/UserLayout'),
}),
path: '/user', path: '/user',
layout: 'UserLayout', layout: 'UserLayout',
children: [{ children: [
{
name: '帐户', name: '帐户',
icon: 'user', icon: 'user',
path: 'user', path: 'user',
children: [{ children: [
{
name: '登录', name: '登录',
path: 'login', path: 'login',
component: dynamic({ component: dy(app, [LoginModel], Login),
app, },
models: () => [ {
import('../models/login'),
],
component: () => import('../routes/User/Login'),
}),
}, {
name: '注册', name: '注册',
path: 'register', path: 'register',
component: dynamic({ component: dy(app, [RegisterModel], Register),
app, },
models: () => [ {
import('../models/register'),
],
component: () => import('../routes/User/Register'),
}),
}, {
name: '注册结果', name: '注册结果',
path: 'register-result', path: 'register-result',
component: dynamic({ component: dy(app, [], RegisterResult),
app, },
component: () => import('../routes/User/RegisterResult'), ],
}), },
}], ],
}], },
}, { {
component: dynamic({ component: dy(app, [], BlankLayout),
app,
component: () => import('../layouts/BlankLayout'),
}),
layout: 'BlankLayout', layout: 'BlankLayout',
children: { children: {
name: '使用文档', name: '使用文档',
...@@ -290,4 +249,5 @@ export const getNavData = app => [{ ...@@ -290,4 +249,5 @@ export const getNavData = app => [{
target: '_blank', target: '_blank',
icon: 'book', icon: 'book',
}, },
}]; },
];
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment