odboy/d2-admin-start-kit
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

menu 设置

Browse Source 
Former-commit-id: 29011ec1882cac7ed89433a9112a343be272df6d
This commit is contained in:
liyang
2018-10-30 20:06:14 +08:00
parent e1cf5ccd2b
commit 0b4acf781a
11 changed files with 26 additions and 602 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/menu/aside.js
+13
View File
@@ -0,0 +1,13 @@
// 菜单 侧边栏
export default [
{ path: '/index', title: '首页', icon: 'home' },
{
title: '演示页面',
icon: 'folder-o',
children: [
{ path: '/demo/page1', title: '页面 1' },
{ path: '/demo/page2', title: '页面 2' },
{ path: '/demo/page3', title: '页面 3' }
]
}
]
src/menu/header.js
+13
View File
@@ -0,0 +1,13 @@
// 菜单 顶栏
export default [
{ path: '/index', title: '首页', icon: 'home' },
{
title: '演示页面',
icon: 'folder-o',
children: [
{ path: '/demo/page1', title: '页面 1' },
{ path: '/demo/page2', title: '页面 2' },
{ path: '/demo/page3', title: '页面 3' }
]
}
]
src/menu/index.js
-63
View File
@@ -1,63 +0,0 @@
// 插件
import demoPlugins from './modules/demo-plugins'
// 组件
import demoComponents from './modules/demo-components'
// 组件
import demoCharts from './modules/demo-charts'
// 组件库
import demoElement from './modules/demo-element'
// 试验台
import demoPlayground from './modules/demo-playground'
// 示例
import demoBusiness from './modules/demo-business'
// CRUD
import demoD2Crud from './modules/demo-d2-crud'
// 第三方网页
import demoFrame from './modules/demo-frame'
// 菜单 侧边栏
export const menuAside = [
demoComponents,
demoPlugins,
demoCharts,
demoElement,
demoPlayground,
demoBusiness,
demoD2Crud,
demoFrame
]
// 菜单 顶栏
export const menuHeader = [
{
path: '/index',
title: '首页',
icon: 'home'
},
{
title: '功能',
icon: 'puzzle-piece',
children: [
demoD2Crud,
demoComponents,
demoElement,
demoCharts,
demoPlugins,
demoFrame,
{
title: '新窗口打开链接',
icon: 'link',
children: [
{ path: 'https://github.com/d2-projects/d2-admin', title: 'D2Admin Github', icon: 'github' },
{ path: 'https://juejin.im/user/57a48b632e958a006691b946/posts', title: '掘金', icon: 'globe' },
{ path: 'https://my.oschina.net/u/3871516', title: '开源中国', icon: 'globe' },
{ path: 'https://www.zhihu.com/people/fairy-ever/activities', title: '知乎', icon: 'globe' },
{ path: 'https://segmentfault.com/blog/liyang-note-book', title: 'segmentfault 专栏', icon: 'globe' },
{ path: 'http://www.fairyever.com/', title: 'www.fairyever.com', icon: 'globe' }
]
}
]
},
demoPlayground,
demoBusiness
]
src/menu/modules/demo-business.js
-15
View File
@@ -1,15 +0,0 @@
export default {
path: '/demo/business',
title: '示例',
icon: 'flask',
children: (pre => [
{ path: `${pre}index`, title: '示例首页', icon: 'home' },
{
title: '表格',
icon: 'table',
children: [
{ path: `${pre}table/1`, title: '表格 1' }
]
}
])('/demo/business/')
}
src/menu/modules/demo-charts.js
-149
View File
@@ -1,149 +0,0 @@
export default {
path: '/demo/charts',
title: '图表',
icon: 'line-chart',
children: (pre => [
{ path: `${pre}index`, title: '图表首页', icon: 'home' },
{
path: `${pre}list`,
title: '图表',
icon: 'cube',
children: [
{
path: `${pre}list/line`,
title: '折线图',
children: [
{ path: `${pre}list/line/demo1`, title: '一般' },
{ path: `${pre}list/line/demo2`, title: '横坐标倾斜' },
{ path: `${pre}list/line/demo3`, title: '堆叠面积图' },
{ path: `${pre}list/line/demo4`, title: '显示数值' },
{ path: `${pre}list/line/demo5`, title: '设置别名' }
]
},
{
path: `${pre}list/histogram`,
title: '柱状图',
children: [
{ path: `${pre}list/histogram/demo1`, title: '一般' },
{ path: `${pre}list/histogram/demo2`, title: '指标维度' },
{ path: `${pre}list/histogram/demo3`, title: '混合图表' },
{ path: `${pre}list/histogram/demo4`, title: '堆叠柱状图' },
{ path: `${pre}list/histogram/demo5`, title: '显示数值' },
{ path: `${pre}list/histogram/demo6`, title: '横轴连续' }
]
},
{
path: `${pre}list/bar`,
title: '条形图',
children: [
{ path: `${pre}list/bar/demo1`, title: '一般' },
{ path: `${pre}list/bar/demo2`, title: '指标维度' },
{ path: `${pre}list/bar/demo3`, title: '排序条形图' },
{ path: `${pre}list/bar/demo4`, title: '堆叠条形图' },
{ path: `${pre}list/bar/demo5`, title: '纵轴连续' }
]
},
{
path: `${pre}list/pie`,
title: '饼图',
children: [
{ path: `${pre}list/pie/demo1`, title: '一般' },
{ path: `${pre}list/pie/demo2`, title: '指标维度' },
{ path: `${pre}list/pie/demo3`, title: '玫瑰图' },
{ path: `${pre}list/pie/demo4`, title: '限制条数' },
{ path: `${pre}list/pie/demo5`, title: '多圆饼图' },
{ path: `${pre}list/pie/demo6`, title: '设置半径' }
]
},
{
path: `${pre}list/ring`,
title: '环图',
children: [
{ path: `${pre}list/ring/demo1`, title: '一般' },
{ path: `${pre}list/ring/demo2`, title: '指标维度' },
{ path: `${pre}list/ring/demo3`, title: '玫瑰图' },
{ path: `${pre}list/ring/demo4`, title: '限制显示条数' },
{ path: `${pre}list/ring/demo5`, title: '设置半径' }
]
},
{
path: `${pre}list/waterfall`,
title: '瀑布图',
children: [
{ path: `${pre}list/waterfall/demo1`, title: '一般' }
]
},
{
path: `${pre}list/funnel`,
title: '漏斗图',
children: [
{ path: `${pre}list/funnel/demo1`, title: '一般' },
{ path: `${pre}list/funnel/demo2`, title: '金字塔' }
]
},
{
path: `${pre}list/radar`,
title: '雷达图',
children: [
{ path: `${pre}list/radar/demo1`, title: '一般' }
]
},
{
path: `${pre}list/map`,
title: '地图',
children: [
{ path: `${pre}list/map/demo1`, title: '一般' },
{ path: `${pre}list/map/demo2`, title: '设置城市' },
{ path: `${pre}list/map/demo3`, title: '设置样式' }
]
},
{
path: `${pre}list/sankey`,
title: '桑基图',
children: [
{ path: `${pre}list/sankey/demo1`, title: '一般' }
]
},
{
path: `${pre}list/heatmap`,
title: '热力图',
children: [
{ path: `${pre}list/heatmap/demo1`, title: '一般' },
{ path: `${pre}list/heatmap/demo2`, title: '地图热力图' }
]
},
{
path: `${pre}list/scatter`,
title: '散点图',
children: [
{ path: `${pre}list/scatter/demo1`, title: '单维度多指标' },
{ path: `${pre}list/scatter/demo2`, title: '双维度多指标' }
]
},
{
path: `${pre}list/candle`,
title: 'K线图',
children: [
{ path: `${pre}list/candle/demo1`, title: '一般' },
{ path: `${pre}list/candle/demo2`, title: 'MA VOL' },
{ path: `${pre}list/candle/demo3`, title: '自定义' }
]
},
{
path: `${pre}list/gauge`,
title: '仪表盘',
children: [
{ path: `${pre}list/gauge/demo1`, title: '一般' }
]
},
{
path: `${pre}list/tree`,
title: '树图',
children: [
{ path: `${pre}list/tree/demo1`, title: '径向树图' }
]
}
]
}
])('/demo/charts/')
}
src/menu/modules/demo-components.js
-71
View File
@@ -1,71 +0,0 @@
export default {
path: '/demo/components',
title: '内置组件',
icon: 'puzzle-piece',
children: (pre => [
{ path: `${pre}index`, title: '扩展组件首页', icon: 'home' },
{
path: `${pre}container`,
title: '布局容器',
icon: 'window-restore',
children: [
{ path: `${pre}container/full`, title: '填充' },
{ path: `${pre}container/full-slot`, title: '填充 插槽' },
{ path: `${pre}container/full-bs`, title: '填充 滚动优化' },
{ path: `${pre}container/ghost`, title: '隐形' },
{ path: `${pre}container/ghost-slot`, title: '隐形 插槽' },
{ path: `${pre}container/ghost-bs`, title: '隐形 滚动优化' },
{ path: `${pre}container/card`, title: '卡片' },
{ path: `${pre}container/card-slot`, title: '卡片 插槽' },
{ path: `${pre}container/card-bs`, title: '卡片 滚动优化' }
]
},
{
path: `${pre}layout/grid`,
title: '高级布局',
icon: 'tasks',
children: [
{ path: `${pre}layout/grid`, title: '拖拽位置和大小' },
{ path: `${pre}layout/splitpane`, title: '区域划分' }
]
},
{
path: `${pre}icon`,
title: '图标',
icon: 'star',
children: [
{ path: `${pre}icon/icon`, title: '图标组件' },
{ path: `${pre}icon/list`, title: 'FontAwesome' },
{ path: `${pre}icon/select`, title: '图标选择器' },
{ path: `${pre}icon/svg`, title: 'SVG图标组件' }
]
},
{
path: `${pre}markdown`,
title: 'markdown 解析',
icon: 'file-text-o',
children: [
{ path: `${pre}markdown/source`, title: '指定资源' },
{ path: `${pre}markdown/url`, title: '异步加载文件' }
]
},
{
path: `${pre}contextmenu`,
title: '右键菜单',
icon: 'mouse-pointer',
children: [
{ path: `${pre}contextmenu/simple`, title: '基础' },
{ path: `${pre}contextmenu/divier`, title: '分割线' },
{ path: `${pre}contextmenu/group`, title: '按钮组' },
{ path: `${pre}contextmenu/submenu`, title: '子菜单' },
{ path: `${pre}contextmenu/disabled`, title: '禁用' },
{ path: `${pre}contextmenu/custom-trigger`, title: '自定义事件' }
]
},
{ path: `${pre}countup`, title: '数字动画', icon: 'motorcycle' },
{ path: `${pre}editor-quill`, title: '富文本编辑器', icon: 'pencil-square-o (edit, edit)' },
{ path: `${pre}editor-simpleMDE`, title: 'markdown编辑器', icon: 'font' },
{ path: `${pre}highlight`, title: '代码高亮显示', icon: 'code' },
{ path: `${pre}json-tree`, title: 'JSON 展示', icon: 'sitemap' }
])('/demo/components/')
}
src/menu/modules/demo-d2-crud.js
-47
View File
@@ -1,47 +0,0 @@
export default {
path: '/demo/d2-crud',
title: 'D2 CRUD',
iconSvg: 'd2-crud',
children: (pre => [
{ path: `${pre}index`, title: 'D2 CRUD 首页', icon: 'home' },
{
title: '基础功能',
children: [
{ path: `${pre}demo1`, title: '基础表格' },
{ path: `${pre}demo27`, title: '加载状态' },
{ path: `${pre}demo28`, title: '自定义加载状态' },
{ path: `${pre}demo2`, title: '带斑马纹表格' },
{ path: `${pre}demo3`, title: '带边框表格' },
{ path: `${pre}demo4`, title: '带状态表格' },
{ path: `${pre}demo5`, title: '固定表头' },
{ path: `${pre}demo6`, title: '固定列' },
{ path: `${pre}demo7`, title: '流体高度' },
{ path: `${pre}demo8`, title: '多级表头' },
{ path: `${pre}demo9`, title: '单选' },
{ path: `${pre}demo10`, title: '多选' },
{ path: `${pre}demo11`, title: '排序' },
{ path: `${pre}demo12`, title: '筛选' },
{ path: `${pre}demo13`, title: '表尾合计行' },
{ path: `${pre}demo14`, title: '合并行' },
{ path: `${pre}demo15`, title: '合并列' },
{ path: `${pre}demo24`, title: '表格slot' }
]
},
{
title: '数据操作',
children: [
{ path: `${pre}demo29`, title: '分页' },
{ path: `${pre}demo16`, title: '新增数据' },
{ path: `${pre}demo17`, title: '修改数据' },
{ path: `${pre}demo18`, title: '删除数据' },
{ path: `${pre}demo19`, title: '自定义操作列' },
{ path: `${pre}demo20`, title: '表单组件渲染' },
{ path: `${pre}demo21`, title: '表单布局' },
{ path: `${pre}demo22`, title: '表单校验' },
{ path: `${pre}demo23`, title: '表格内编辑' },
{ path: `${pre}demo25`, title: '表格自定义组件' },
{ path: `${pre}demo26`, title: '表单自定义组件' }
]
}
])('/demo/d2-crud/')
}
src/menu/modules/demo-element.js
-94
View File
@@ -1,94 +0,0 @@
export default {
path: '/demo/element',
title: '基础组件库',
icon: 'cubes',
children: (pre => [
{ path: `${pre}index`, title: '基础组件库首页', icon: 'home' },
{
path: `${pre}basic`,
title: '基础',
icon: 'cube',
children: [
{ path: `${pre}basic-layout`, title: '布局' },
{ path: `${pre}basic-container`, title: '布局容器' },
{ path: `${pre}basic-color`, title: '色彩' },
{ path: `${pre}basic-typography`, title: '字体' },
{ path: `${pre}basic-icon`, title: '图标' },
{ path: `${pre}basic-button`, title: '按钮' }
]
},
{
path: `${pre}form`,
title: '表单',
icon: 'check-square-o',
children: [
{ path: `${pre}form-radio`, title: '单选框' },
{ path: `${pre}form-checkbox`, title: '多选框' },
{ path: `${pre}form-input`, title: '输入框' },
{ path: `${pre}form-input-number`, title: '计数器' },
{ path: `${pre}form-select`, title: '选择器' },
{ path: `${pre}form-cascader`, title: '级联选择器' },
{ path: `${pre}form-switch`, title: '开关' },
{ path: `${pre}form-slider`, title: '滑块' },
{ path: `${pre}form-time-picker`, title: '时间选择器' },
{ path: `${pre}form-date-picker`, title: '日期选择器' },
{ path: `${pre}form-datetime-picker`, title: '日期时间选择器' },
{ path: `${pre}form-upload`, title: '上传' },
{ path: `${pre}form-rate`, title: '评分' },
{ path: `${pre}form-color-picker`, title: '颜色选择器' },
{ path: `${pre}form-transfer`, title: '穿梭框' },
{ path: `${pre}form-form`, title: '表单' }
]
},
{
path: `${pre}data`,
title: '数据',
icon: 'table',
children: [
{ path: `${pre}data-table`, title: '表格' },
{ path: `${pre}data-tag`, title: '标签' },
{ path: `${pre}data-progress`, title: '进度条' },
{ path: `${pre}data-tree`, title: '树形控件' },
{ path: `${pre}data-pagination`, title: '分页' },
{ path: `${pre}data-badge`, title: '标记' }
]
},
{
path: `${pre}notice`,
title: '消息',
icon: 'commenting',
children: [
{ path: `${pre}notice-alert`, title: '警告' },
{ path: `${pre}notice-loading`, title: '加载' },
{ path: `${pre}notice-message`, title: '消息提示' },
{ path: `${pre}notice-message-box`, title: '弹框' },
{ path: `${pre}notice-notification`, title: '通知' }
]
},
{
path: `${pre}navigation`,
title: '导航',
icon: 'map',
children: [
{ path: `${pre}navigation-menu`, title: '导航菜单' },
{ path: `${pre}navigation-tabs`, title: '标签页' },
{ path: `${pre}navigation-breadcrumb`, title: '面包屑' },
{ path: `${pre}navigation-dropdown`, title: '下拉菜单' },
{ path: `${pre}navigation-steps`, title: '步骤条' }
]
},
{
path: `${pre}others`,
title: '其它',
icon: 'cubes',
children: [
{ path: `${pre}others-dialog`, title: '对话框' },
{ path: `${pre}others-tooltip`, title: '文字提示' },
{ path: `${pre}others-popover`, title: '弹出框' },
{ path: `${pre}others-card`, title: '卡片' },
{ path: `${pre}others-carousel`, title: '走马灯' },
{ path: `${pre}others-collapse`, title: '折叠面板' }
]
}
])('/demo/element/')
}
src/menu/modules/demo-frame.js
-8
View File
@@ -1,8 +0,0 @@
export default {
path: '/demo/frame',
title: '内嵌网页',
icon: 'globe',
children: (pre => [
{ path: `${pre}d2-doc`, title: 'D2Admin 中文文档', iconSvg: 'd2-admin' }
])('/demo/frame/')
}
src/menu/modules/demo-playground.js
-98
View File
@@ -1,98 +0,0 @@
export default {
path: '/demo/playground',
title: '试验台',
icon: 'flask',
children: (pre => [
{ path: `${pre}index`, title: '试验台首页', icon: 'home' },
{
title: 'svg 菜单图标',
iconSvg: 'd2-admin',
children: [
{ title: 'add', iconSvg: 'add' },
{ title: 'alarm', iconSvg: 'alarm' },
{ title: 'camera', iconSvg: 'camera' },
{ title: 'history', iconSvg: 'history' },
{ title: 'like', iconSvg: 'like' },
{ title: 'love', iconSvg: 'love' },
{ title: 'message', iconSvg: 'message' },
{ title: 'notice', iconSvg: 'notice' },
{ title: 'search', iconSvg: 'search' },
{ title: 'share', iconSvg: 'share' },
{ title: 'star', iconSvg: 'star' },
{ title: 'user', iconSvg: 'user' }
]
},
{
title: '空菜单演示',
icon: 'folder-o',
children: [
{
title: '正在开发 1',
children: [
{ title: '正在开发 1-1' },
{ title: '正在开发 1-2' }
]
},
{ title: '正在开发 2' },
{ title: '正在开发 3' }
]
},
{
path: `${pre}page-cache`,
title: '页面缓存',
icon: 'hdd-o',
children: [
{ path: `${pre}page-cache/on`, title: '开启缓存' },
{ path: `${pre}page-cache/off`, title: '关闭缓存' }
]
},
{
path: `${pre}page-argu`,
title: '参数传递和留存',
icon: 'assistive-listening-systems',
children: [
{ path: `${pre}page-argu/send`, title: '发送' },
{ path: `${pre}page-argu/get/username-from-menu?userid=userid-from-menu`, title: '接收' }
]
},
{
path: `${pre}store`,
title: '全局状态管理',
icon: 'bolt',
children: [
{ path: `${pre}store/menu`, title: '菜单控制', icon: 'bars' },
{ path: `${pre}store/size`, title: '全局尺寸', icon: 'font' },
{ path: `${pre}store/ua`, title: '浏览器信息', icon: 'info-circle' },
{ path: `${pre}store/gray`, title: '灰度模式', icon: 'eye' },
{ path: `${pre}store/fullscreen`, title: '全屏', icon: 'arrows-alt' },
{ path: `${pre}store/theme`, title: '主题', icon: 'diamond' },
{ path: `${pre}store/transition`, title: '页面过渡开关', icon: 'toggle-on' }
]
},
{
path: `${pre}db`,
title: '数据持久化',
icon: 'database',
children: [
{ path: `${pre}db/all`, title: '总览', icon: 'table' },
{ path: `${pre}db/public`, title: '公共存储', icon: 'users' },
{ path: `${pre}db/user`, title: '私有数据', icon: 'user' },
{ path: `${pre}db/page-public`, title: '路由存储', icon: 'file-o' },
{ path: `${pre}db/page-user`, title: '私有路由存储', icon: 'file-o' },
{ path: `${pre}db/page-snapshot-public`, title: '路由快照', icon: 'file' },
{ path: `${pre}db/page-snapshot-user`, title: '私有路由快照', icon: 'file' }
]
},
{
path: `${pre}log`,
title: '日志',
icon: 'bullseye',
children: [
{ path: `${pre}log/log`, title: '日志记录', icon: 'dot-circle-o' },
{ path: `${pre}log/error`, title: '错误捕捉', icon: 'bug' },
{ path: `${pre}log/console`, title: '控制台日志', icon: 'lightbulb-o' }
]
},
{ path: `${pre}env`, title: '环境信息', icon: 'exclamation-circle' }
])('/demo/playground/')
}
src/menu/modules/demo-plugins.js
-57
View File
@@ -1,57 +0,0 @@
export default {
path: '/demo/plugins',
title: '插件',
icon: 'plug',
children: (pre => [
{ path: `${pre}index`, title: '插件首页', icon: 'home' },
{
path: `${pre}mock`,
title: '模拟数据',
icon: 'globe',
children: [
{ path: `${pre}mock/ajax`, title: '拦截异步请求' },
{ path: `${pre}mock/dpd`, title: 'DPD 规则' },
{ path: `${pre}mock/dtd`, title: 'DTD 规则' }
]
},
{
path: `${pre}import`,
title: '导入',
icon: 'download',
children: [
{ path: `${pre}import/csv`, title: 'csv' },
{ path: `${pre}import/xlsx`, title: 'xlsx' }
]
},
{
path: `${pre}export`,
title: '导出',
icon: 'upload',
children: [
{ path: `${pre}export/table`, title: '表格' },
{ path: `${pre}export/txt`, title: '文本' }
]
},
{
path: `${pre}i18n`,
title: '多国语',
icon: 'language',
children: [
{ path: `${pre}i18n/demo1`, title: '示例1' },
{ path: `${pre}i18n/demo2`, title: '示例2' }
]
},
{
path: `${pre}better-scroll`,
title: '滚动扩展',
icon: 'crosshairs',
children: [
{ path: `${pre}better-scroll/base`, title: '基础用法' },
{ path: `${pre}better-scroll/to`, title: '滚动定位' }
]
},
{ path: `${pre}clipboard-polyfill`, title: '剪贴板访问', icon: 'clipboard' },
{ path: `${pre}day`, title: '日期计算', icon: 'clock-o' },
{ path: `${pre}js-cookie`, title: 'Cookie 读写', icon: 'asterisk' }
])('/demo/plugins/')
}