feat: ✨ 路由调整 菜单调整 删除无用演示

src/menu/index.js

@@ -4,12 +4,8 @@ import { uniqueId } from 'lodash'
 import demoPlugins from './modules/demo-plugins'
 // 组件
 import demoComponents from './modules/demo-components'
-// 组件
-import demoCharts from './modules/demo-charts'
 // 功能
 import demoPlayground from './modules/demo-playground'
-// 示例
-import demoBusiness from './modules/demo-business'
 // CRUD
 import demoD2Crud from './modules/demo-d2-crud'
 // CRUD PLUS
@@ -34,9 +30,7 @@ function supplementPath (menu) {
 export const menuAside = supplementPath([
   demoComponents,
   demoPlugins,
-  demoCharts,
   demoPlayground,
-  demoBusiness,
   demoD2Crud,
   demoD2CrudPlus
 ])
@@ -48,8 +42,8 @@ export const menuHeader = supplementPath([
     title: '首页',
     icon: 'home'
   },
+  demoPlayground,
   demoComponents,
-  demoCharts,
   demoPlugins,
   {
     title: '社区插件',
@@ -58,7 +52,5 @@ export const menuHeader = supplementPath([
       demoD2Crud,
       demoD2CrudPlus
     ]
-  },
+  }
-  demoPlayground,
-  demoBusiness
 ])

src/menu/modules/demo-business.js

@@ -1,22 +0,0 @@
-export default {
-  path: '/demo/business',
-  title: '示例',
-  icon: 'terminal',
-  children: (pre => [
-    { path: `${pre}index`, title: '示例', icon: 'home' },
-    {
-      title: '表格',
-      icon: 'table',
-      children: [
-        { path: `${pre}table/1`, title: '表格 1' }
-      ]
-    },
-    {
-      title: 'ISSUES',
-      icon: 'github',
-      children: [
-        { path: `${pre}issues/142`, title: '#142' }
-      ]
-    }
-  ])('/demo/business/')
-}

src/menu/modules/demo-charts.js

@@ -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-plugins.js

@@ -4,6 +4,147 @@ export default {
   icon: 'plug',
   children: (pre => [
     { path: `${pre}index`, title: '插件', icon: 'home' },
+    {
+      path: `${pre}charts`,
+      title: '图表',
+      icon: 'bar-chart',
+      children: [
+        {
+          path: `${pre}charts/line`,
+          title: '折线图',
+          children: [
+            { path: `${pre}charts/line/demo1`, title: '一般' },
+            { path: `${pre}charts/line/demo2`, title: '横坐标倾斜' },
+            { path: `${pre}charts/line/demo3`, title: '堆叠面积图' },
+            { path: `${pre}charts/line/demo4`, title: '显示数值' },
+            { path: `${pre}charts/line/demo5`, title: '设置别名' }
+          ]
+        },
+        {
+          path: `${pre}charts/histogram`,
+          title: '柱状图',
+          children: [
+            { path: `${pre}charts/histogram/demo1`, title: '一般' },
+            { path: `${pre}charts/histogram/demo2`, title: '指标维度' },
+            { path: `${pre}charts/histogram/demo3`, title: '混合图表' },
+            { path: `${pre}charts/histogram/demo4`, title: '堆叠柱状图' },
+            { path: `${pre}charts/histogram/demo5`, title: '显示数值' },
+            { path: `${pre}charts/histogram/demo6`, title: '横轴连续' }
+          ]
+        },
+        {
+          path: `${pre}charts/bar`,
+          title: '条形图',
+          children: [
+            { path: `${pre}charts/bar/demo1`, title: '一般' },
+            { path: `${pre}charts/bar/demo2`, title: '指标维度' },
+            { path: `${pre}charts/bar/demo3`, title: '排序条形图' },
+            { path: `${pre}charts/bar/demo4`, title: '堆叠条形图' },
+            { path: `${pre}charts/bar/demo5`, title: '纵轴连续' }
+          ]
+        },
+        {
+          path: `${pre}charts/pie`,
+          title: '饼图',
+          children: [
+            { path: `${pre}charts/pie/demo1`, title: '一般' },
+            { path: `${pre}charts/pie/demo2`, title: '指标维度' },
+            { path: `${pre}charts/pie/demo3`, title: '玫瑰图' },
+            { path: `${pre}charts/pie/demo4`, title: '限制条数' },
+            { path: `${pre}charts/pie/demo5`, title: '多圆饼图' },
+            { path: `${pre}charts/pie/demo6`, title: '设置半径' }
+          ]
+        },
+        {
+          path: `${pre}charts/ring`,
+          title: '环图',
+          children: [
+            { path: `${pre}charts/ring/demo1`, title: '一般' },
+            { path: `${pre}charts/ring/demo2`, title: '指标维度' },
+            { path: `${pre}charts/ring/demo3`, title: '玫瑰图' },
+            { path: `${pre}charts/ring/demo4`, title: '限制显示条数' },
+            { path: `${pre}charts/ring/demo5`, title: '设置半径' }
+          ]
+        },
+        {
+          path: `${pre}charts/waterfall`,
+          title: '瀑布图',
+          children: [
+            { path: `${pre}charts/waterfall/demo1`, title: '一般' }
+          ]
+        },
+        {
+          path: `${pre}charts/funnel`,
+          title: '漏斗图',
+          children: [
+            { path: `${pre}charts/funnel/demo1`, title: '一般' },
+            { path: `${pre}charts/funnel/demo2`, title: '金字塔' }
+          ]
+        },
+        {
+          path: `${pre}charts/radar`,
+          title: '雷达图',
+          children: [
+            { path: `${pre}charts/radar/demo1`, title: '一般' }
+          ]
+        },
+        {
+          path: `${pre}charts/map`,
+          title: '地图',
+          children: [
+            { path: `${pre}charts/map/demo1`, title: '一般' },
+            { path: `${pre}charts/map/demo2`, title: '设置城市' },
+            { path: `${pre}charts/map/demo3`, title: '设置样式' }
+          ]
+        },
+        {
+          path: `${pre}charts/sankey`,
+          title: '桑基图',
+          children: [
+            { path: `${pre}charts/sankey/demo1`, title: '一般' }
+          ]
+        },
+        {
+          path: `${pre}charts/heatmap`,
+          title: '热力图',
+          children: [
+            { path: `${pre}charts/heatmap/demo1`, title: '一般' },
+            { path: `${pre}charts/heatmap/demo2`, title: '地图热力图' }
+          ]
+        },
+        {
+          path: `${pre}charts/scatter`,
+          title: '散点图',
+          children: [
+            { path: `${pre}charts/scatter/demo1`, title: '单维度多指标' },
+            { path: `${pre}charts/scatter/demo2`, title: '双维度多指标' }
+          ]
+        },
+        {
+          path: `${pre}charts/candle`,
+          title: 'K线图',
+          children: [
+            { path: `${pre}charts/candle/demo1`, title: '一般' },
+            { path: `${pre}charts/candle/demo2`, title: 'MA VOL' },
+            { path: `${pre}charts/candle/demo3`, title: '自定义' }
+          ]
+        },
+        {
+          path: `${pre}charts/gauge`,
+          title: '仪表盘',
+          children: [
+            { path: `${pre}charts/gauge/demo1`, title: '一般' }
+          ]
+        },
+        {
+          path: `${pre}charts/tree`,
+          title: '树图',
+          children: [
+            { path: `${pre}charts/tree/demo1`, title: '径向树图' }
+          ]
+        }
+      ]
+    },
     {
       path: `${pre}import`,
       title: '导入',

src/router/modules/business.js

@@ -1,63 +0,0 @@
-import layoutHeaderAside from '@/layout/header-aside'
-
-// 由于懒加载页面太多的话会造成webpack热更新太慢，所以开发环境不使用懒加载，只有生产环境使用懒加载
-const _import = require('@/libs/util.import.' + process.env.NODE_ENV)
-
-const meta = { auth: true }
-
-export default {
-  path: '/demo/business',
-  name: 'demo-business',
-  meta,
-  redirect: { name: 'demo-business-index' },
-  component: layoutHeaderAside,
-  children: (pre => [
-    {
-      path: 'index',
-      name: `${pre}index`,
-      component: _import('demo/business/index'),
-      meta: {
-        ...meta,
-        title: '示例首页'
-      }
-    },
-    {
-      path: 'table/1',
-      name: `${pre}table-1`,
-      component: _import('demo/business/table/1'),
-      meta: {
-        ...meta,
-        title: '表格 1'
-      }
-    },
-    {
-      path: 'issues/142',
-      name: `${pre}issues-142`,
-      component: _import('demo/business/issues/142'),
-      meta: {
-        ...meta,
-        title: 'issue #142'
-      }
-    },
-    {
-      path: 'issues/142/edit/:id',
-      name: `${pre}issues-142-edit`,
-      component: _import('demo/business/issues/142/edit'),
-      props: true,
-      meta: {
-        ...meta,
-        title: '无缓存编辑'
-      }
-    },
-    {
-      path: 'issues/142/edit-cache-db/:id',
-      name: `${pre}issues-142-edit-cache-db`,
-      component: _import('demo/business/issues/142/edit-cache-db'),
-      props: true,
-      meta: {
-        ...meta,
-        title: '带缓存编辑 DB'
-      }
-    }
-  ])('demo-business-')
-}

src/router/modules/charts.js

@@ -1,61 +0,0 @@
-import layoutHeaderAside from '@/layout/header-aside'
-
-// 由于懒加载页面太多的话会造成webpack热更新太慢，所以开发环境不使用懒加载，只有生产环境使用懒加载
-const _import = require('@/libs/util.import.' + process.env.NODE_ENV)
-
-const meta = { auth: true }
-
-export default {
-  path: '/demo/charts',
-  name: 'demo-charts',
-  meta,
-  redirect: { name: 'demo-charts-index' },
-  component: layoutHeaderAside,
-  children: (pre => [
-    { path: 'index', name: `${pre}index`, component: _import('demo/charts/index'), meta: { ...meta, title: '图表首页' } },
-    { path: 'list/line/demo1', name: `${pre}list-line-demo1`, component: _import('demo/charts/list/line/demo1/index.vue'), meta: { ...meta, title: '折线图示例 1' } },
-    { path: 'list/line/demo2', name: `${pre}list-line-demo2`, component: _import('demo/charts/list/line/demo2/index.vue'), meta: { ...meta, title: '折线图示例 2' } },
-    { path: 'list/line/demo3', name: `${pre}list-line-demo3`, component: _import('demo/charts/list/line/demo3/index.vue'), meta: { ...meta, title: '折线图示例 3' } },
-    { path: 'list/line/demo4', name: `${pre}list-line-demo4`, component: _import('demo/charts/list/line/demo4/index.vue'), meta: { ...meta, title: '折线图示例 4' } },
-    { path: 'list/line/demo5', name: `${pre}list-line-demo5`, component: _import('demo/charts/list/line/demo5/index.vue'), meta: { ...meta, title: '折线图示例 5' } },
-    { path: 'list/histogram/demo1', name: `${pre}list-histogram-demo1`, component: _import('demo/charts/list/histogram/demo1/index.vue'), meta: { ...meta, title: '柱状图示例 1' } },
-    { path: 'list/histogram/demo2', name: `${pre}list-histogram-demo2`, component: _import('demo/charts/list/histogram/demo2/index.vue'), meta: { ...meta, title: '柱状图示例 2' } },
-    { path: 'list/histogram/demo3', name: `${pre}list-histogram-demo3`, component: _import('demo/charts/list/histogram/demo3/index.vue'), meta: { ...meta, title: '柱状图示例 3' } },
-    { path: 'list/histogram/demo4', name: `${pre}list-histogram-demo4`, component: _import('demo/charts/list/histogram/demo4/index.vue'), meta: { ...meta, title: '柱状图示例 4' } },
-    { path: 'list/histogram/demo5', name: `${pre}list-histogram-demo5`, component: _import('demo/charts/list/histogram/demo5/index.vue'), meta: { ...meta, title: '柱状图示例 5' } },
-    { path: 'list/histogram/demo6', name: `${pre}list-histogram-demo6`, component: _import('demo/charts/list/histogram/demo6/index.vue'), meta: { ...meta, title: '柱状图示例 6' } },
-    { path: 'list/bar/demo1', name: `${pre}list-bar-demo1`, component: _import('demo/charts/list/bar/demo1/index.vue'), meta: { ...meta, title: '条形图示例 1' } },
-    { path: 'list/bar/demo2', name: `${pre}list-bar-demo2`, component: _import('demo/charts/list/bar/demo2/index.vue'), meta: { ...meta, title: '条形图示例 2' } },
-    { path: 'list/bar/demo3', name: `${pre}list-bar-demo3`, component: _import('demo/charts/list/bar/demo3/index.vue'), meta: { ...meta, title: '条形图示例 3' } },
-    { path: 'list/bar/demo4', name: `${pre}list-bar-demo4`, component: _import('demo/charts/list/bar/demo4/index.vue'), meta: { ...meta, title: '条形图示例 4' } },
-    { path: 'list/bar/demo5', name: `${pre}list-bar-demo5`, component: _import('demo/charts/list/bar/demo5/index.vue'), meta: { ...meta, title: '条形图示例 5' } },
-    { path: 'list/pie/demo1', name: `${pre}list-pie-demo1`, component: _import('demo/charts/list/pie/demo1/index.vue'), meta: { ...meta, title: '饼图示例 1' } },
-    { path: 'list/pie/demo2', name: `${pre}list-pie-demo2`, component: _import('demo/charts/list/pie/demo2/index.vue'), meta: { ...meta, title: '饼图示例 2' } },
-    { path: 'list/pie/demo3', name: `${pre}list-pie-demo3`, component: _import('demo/charts/list/pie/demo3/index.vue'), meta: { ...meta, title: '饼图示例 3' } },
-    { path: 'list/pie/demo4', name: `${pre}list-pie-demo4`, component: _import('demo/charts/list/pie/demo4/index.vue'), meta: { ...meta, title: '饼图示例 4' } },
-    { path: 'list/pie/demo5', name: `${pre}list-pie-demo5`, component: _import('demo/charts/list/pie/demo5/index.vue'), meta: { ...meta, title: '饼图示例 5' } },
-    { path: 'list/pie/demo6', name: `${pre}list-pie-demo6`, component: _import('demo/charts/list/pie/demo6/index.vue'), meta: { ...meta, title: '饼图示例 6' } },
-    { path: 'list/ring/demo1', name: `${pre}list-ring-demo1`, component: _import('demo/charts/list/ring/demo1/index.vue'), meta: { ...meta, title: '环图示例 1' } },
-    { path: 'list/ring/demo2', name: `${pre}list-ring-demo2`, component: _import('demo/charts/list/ring/demo2/index.vue'), meta: { ...meta, title: '环图示例 2' } },
-    { path: 'list/ring/demo3', name: `${pre}list-ring-demo3`, component: _import('demo/charts/list/ring/demo3/index.vue'), meta: { ...meta, title: '环图示例 3' } },
-    { path: 'list/ring/demo4', name: `${pre}list-ring-demo4`, component: _import('demo/charts/list/ring/demo4/index.vue'), meta: { ...meta, title: '环图示例 4' } },
-    { path: 'list/ring/demo5', name: `${pre}list-ring-demo5`, component: _import('demo/charts/list/ring/demo5/index.vue'), meta: { ...meta, title: '环图示例 5' } },
-    { path: 'list/waterfall/demo1', name: `${pre}list-waterfall-demo1`, component: _import('demo/charts/list/waterfall/demo1/index.vue'), meta: { ...meta, title: '瀑布图示例 1' } },
-    { path: 'list/funnel/demo1', name: `${pre}list-funnel-demo1`, component: _import('demo/charts/list/funnel/demo1/index.vue'), meta: { ...meta, title: '漏斗图示例 1' } },
-    { path: 'list/funnel/demo2', name: `${pre}list-funnel-demo2`, component: _import('demo/charts/list/funnel/demo2/index.vue'), meta: { ...meta, title: '漏斗图示例 2' } },
-    { path: 'list/radar/demo1', name: `${pre}list-radar-demo1`, component: _import('demo/charts/list/radar/demo1/index.vue'), meta: { ...meta, title: '雷达图示例 1' } },
-    { path: 'list/map/demo1', name: `${pre}list-map-demo1`, component: _import('demo/charts/list/map/demo1/index.vue'), meta: { ...meta, title: '地图示例 1' } },
-    { path: 'list/map/demo2', name: `${pre}list-map-demo2`, component: _import('demo/charts/list/map/demo2/index.vue'), meta: { ...meta, title: '地图示例 2' } },
-    { path: 'list/map/demo3', name: `${pre}list-map-demo3`, component: _import('demo/charts/list/map/demo3/index.vue'), meta: { ...meta, title: '地图示例 3' } },
-    { path: 'list/sankey/demo1', name: `${pre}list-sankey-demo1`, component: _import('demo/charts/list/sankey/demo1/index.vue'), meta: { ...meta, title: '桑基图示例 1' } },
-    { path: 'list/heatmap/demo1', name: `${pre}list-heatmap-demo1`, component: _import('demo/charts/list/heatmap/demo1/index.vue'), meta: { ...meta, title: '热力图示例 1' } },
-    { path: 'list/heatmap/demo2', name: `${pre}list-heatmap-demo2`, component: _import('demo/charts/list/heatmap/demo2/index.vue'), meta: { ...meta, title: '热力图示例 2' } },
-    { path: 'list/scatter/demo1', name: `${pre}list-scatter-demo1`, component: _import('demo/charts/list/scatter/demo1/index.vue'), meta: { ...meta, title: '散点图示例 1' } },
-    { path: 'list/scatter/demo2', name: `${pre}list-scatter-demo2`, component: _import('demo/charts/list/scatter/demo2/index.vue'), meta: { ...meta, title: '散点图示例 2' } },
-    { path: 'list/candle/demo1', name: `${pre}list-candle-demo1`, component: _import('demo/charts/list/candle/demo1/index.vue'), meta: { ...meta, title: 'K线图示例 1' } },
-    { path: 'list/candle/demo2', name: `${pre}list-candle-demo2`, component: _import('demo/charts/list/candle/demo2/index.vue'), meta: { ...meta, title: 'K线图示例 2' } },
-    { path: 'list/candle/demo3', name: `${pre}list-candle-demo3`, component: _import('demo/charts/list/candle/demo3/index.vue'), meta: { ...meta, title: 'K线图示例 3' } },
-    { path: 'list/gauge/demo1', name: `${pre}list-gauge-demo1`, component: _import('demo/charts/list/gauge/demo1/index.vue'), meta: { ...meta, title: '仪表盘示例 1' } },
-    { path: 'list/tree/demo1', name: `${pre}list-tree-demo1`, component: _import('demo/charts/list/tree/demo1/index.vue'), meta: { ...meta, title: '树图示例 1' } }
-  ])('demo-charts-')
-}

src/router/modules/plugins.js

@@ -21,6 +21,50 @@ export default {
     { path: 'import/csv', name: `${pre}import-csv`, component: _import('demo/plugins/import/csv.vue'), meta: { ...meta, title: '导入 csv' } },
     { path: 'import/xlsx', name: `${pre}import-xlsx`, component: _import('demo/plugins/import/xlsx.vue'), meta: { ...meta, title: '导入 xlsx' } },
     { path: 'index', name: `${pre}index`, component: _import('demo/plugins/index'), meta: { ...meta, title: '插件首页' } },
-    { path: 'js-cookie', name: `${pre}js-cookie`, component: _import('demo/plugins/js-cookie'), meta: { ...meta, title: 'Cookie' } }
+    { path: 'js-cookie', name: `${pre}js-cookie`, component: _import('demo/plugins/js-cookie'), meta: { ...meta, title: 'Cookie' } },
+    { path: 'charts/line/demo1', name: `${pre}charts-line-demo1`, component: _import('demo/plugins/charts/line/demo1/index.vue'), meta: { ...meta, title: '折线图示例 1' } },
+    { path: 'charts/line/demo2', name: `${pre}charts-line-demo2`, component: _import('demo/plugins/charts/line/demo2/index.vue'), meta: { ...meta, title: '折线图示例 2' } },
+    { path: 'charts/line/demo3', name: `${pre}charts-line-demo3`, component: _import('demo/plugins/charts/line/demo3/index.vue'), meta: { ...meta, title: '折线图示例 3' } },
+    { path: 'charts/line/demo4', name: `${pre}charts-line-demo4`, component: _import('demo/plugins/charts/line/demo4/index.vue'), meta: { ...meta, title: '折线图示例 4' } },
+    { path: 'charts/line/demo5', name: `${pre}charts-line-demo5`, component: _import('demo/plugins/charts/line/demo5/index.vue'), meta: { ...meta, title: '折线图示例 5' } },
+    { path: 'charts/histogram/demo1', name: `${pre}charts-histogram-demo1`, component: _import('demo/plugins/charts/histogram/demo1/index.vue'), meta: { ...meta, title: '柱状图示例 1' } },
+    { path: 'charts/histogram/demo2', name: `${pre}charts-histogram-demo2`, component: _import('demo/plugins/charts/histogram/demo2/index.vue'), meta: { ...meta, title: '柱状图示例 2' } },
+    { path: 'charts/histogram/demo3', name: `${pre}charts-histogram-demo3`, component: _import('demo/plugins/charts/histogram/demo3/index.vue'), meta: { ...meta, title: '柱状图示例 3' } },
+    { path: 'charts/histogram/demo4', name: `${pre}charts-histogram-demo4`, component: _import('demo/plugins/charts/histogram/demo4/index.vue'), meta: { ...meta, title: '柱状图示例 4' } },
+    { path: 'charts/histogram/demo5', name: `${pre}charts-histogram-demo5`, component: _import('demo/plugins/charts/histogram/demo5/index.vue'), meta: { ...meta, title: '柱状图示例 5' } },
+    { path: 'charts/histogram/demo6', name: `${pre}charts-histogram-demo6`, component: _import('demo/plugins/charts/histogram/demo6/index.vue'), meta: { ...meta, title: '柱状图示例 6' } },
+    { path: 'charts/bar/demo1', name: `${pre}charts-bar-demo1`, component: _import('demo/plugins/charts/bar/demo1/index.vue'), meta: { ...meta, title: '条形图示例 1' } },
+    { path: 'charts/bar/demo2', name: `${pre}charts-bar-demo2`, component: _import('demo/plugins/charts/bar/demo2/index.vue'), meta: { ...meta, title: '条形图示例 2' } },
+    { path: 'charts/bar/demo3', name: `${pre}charts-bar-demo3`, component: _import('demo/plugins/charts/bar/demo3/index.vue'), meta: { ...meta, title: '条形图示例 3' } },
+    { path: 'charts/bar/demo4', name: `${pre}charts-bar-demo4`, component: _import('demo/plugins/charts/bar/demo4/index.vue'), meta: { ...meta, title: '条形图示例 4' } },
+    { path: 'charts/bar/demo5', name: `${pre}charts-bar-demo5`, component: _import('demo/plugins/charts/bar/demo5/index.vue'), meta: { ...meta, title: '条形图示例 5' } },
+    { path: 'charts/pie/demo1', name: `${pre}charts-pie-demo1`, component: _import('demo/plugins/charts/pie/demo1/index.vue'), meta: { ...meta, title: '饼图示例 1' } },
+    { path: 'charts/pie/demo2', name: `${pre}charts-pie-demo2`, component: _import('demo/plugins/charts/pie/demo2/index.vue'), meta: { ...meta, title: '饼图示例 2' } },
+    { path: 'charts/pie/demo3', name: `${pre}charts-pie-demo3`, component: _import('demo/plugins/charts/pie/demo3/index.vue'), meta: { ...meta, title: '饼图示例 3' } },
+    { path: 'charts/pie/demo4', name: `${pre}charts-pie-demo4`, component: _import('demo/plugins/charts/pie/demo4/index.vue'), meta: { ...meta, title: '饼图示例 4' } },
+    { path: 'charts/pie/demo5', name: `${pre}charts-pie-demo5`, component: _import('demo/plugins/charts/pie/demo5/index.vue'), meta: { ...meta, title: '饼图示例 5' } },
+    { path: 'charts/pie/demo6', name: `${pre}charts-pie-demo6`, component: _import('demo/plugins/charts/pie/demo6/index.vue'), meta: { ...meta, title: '饼图示例 6' } },
+    { path: 'charts/ring/demo1', name: `${pre}charts-ring-demo1`, component: _import('demo/plugins/charts/ring/demo1/index.vue'), meta: { ...meta, title: '环图示例 1' } },
+    { path: 'charts/ring/demo2', name: `${pre}charts-ring-demo2`, component: _import('demo/plugins/charts/ring/demo2/index.vue'), meta: { ...meta, title: '环图示例 2' } },
+    { path: 'charts/ring/demo3', name: `${pre}charts-ring-demo3`, component: _import('demo/plugins/charts/ring/demo3/index.vue'), meta: { ...meta, title: '环图示例 3' } },
+    { path: 'charts/ring/demo4', name: `${pre}charts-ring-demo4`, component: _import('demo/plugins/charts/ring/demo4/index.vue'), meta: { ...meta, title: '环图示例 4' } },
+    { path: 'charts/ring/demo5', name: `${pre}charts-ring-demo5`, component: _import('demo/plugins/charts/ring/demo5/index.vue'), meta: { ...meta, title: '环图示例 5' } },
+    { path: 'charts/waterfall/demo1', name: `${pre}charts-waterfall-demo1`, component: _import('demo/plugins/charts/waterfall/demo1/index.vue'), meta: { ...meta, title: '瀑布图示例 1' } },
+    { path: 'charts/funnel/demo1', name: `${pre}charts-funnel-demo1`, component: _import('demo/plugins/charts/funnel/demo1/index.vue'), meta: { ...meta, title: '漏斗图示例 1' } },
+    { path: 'charts/funnel/demo2', name: `${pre}charts-funnel-demo2`, component: _import('demo/plugins/charts/funnel/demo2/index.vue'), meta: { ...meta, title: '漏斗图示例 2' } },
+    { path: 'charts/radar/demo1', name: `${pre}charts-radar-demo1`, component: _import('demo/plugins/charts/radar/demo1/index.vue'), meta: { ...meta, title: '雷达图示例 1' } },
+    { path: 'charts/map/demo1', name: `${pre}charts-map-demo1`, component: _import('demo/plugins/charts/map/demo1/index.vue'), meta: { ...meta, title: '地图示例 1' } },
+    { path: 'charts/map/demo2', name: `${pre}charts-map-demo2`, component: _import('demo/plugins/charts/map/demo2/index.vue'), meta: { ...meta, title: '地图示例 2' } },
+    { path: 'charts/map/demo3', name: `${pre}charts-map-demo3`, component: _import('demo/plugins/charts/map/demo3/index.vue'), meta: { ...meta, title: '地图示例 3' } },
+    { path: 'charts/sankey/demo1', name: `${pre}charts-sankey-demo1`, component: _import('demo/plugins/charts/sankey/demo1/index.vue'), meta: { ...meta, title: '桑基图示例 1' } },
+    { path: 'charts/heatmap/demo1', name: `${pre}charts-heatmap-demo1`, component: _import('demo/plugins/charts/heatmap/demo1/index.vue'), meta: { ...meta, title: '热力图示例 1' } },
+    { path: 'charts/heatmap/demo2', name: `${pre}charts-heatmap-demo2`, component: _import('demo/plugins/charts/heatmap/demo2/index.vue'), meta: { ...meta, title: '热力图示例 2' } },
+    { path: 'charts/scatter/demo1', name: `${pre}charts-scatter-demo1`, component: _import('demo/plugins/charts/scatter/demo1/index.vue'), meta: { ...meta, title: '散点图示例 1' } },
+    { path: 'charts/scatter/demo2', name: `${pre}charts-scatter-demo2`, component: _import('demo/plugins/charts/scatter/demo2/index.vue'), meta: { ...meta, title: '散点图示例 2' } },
+    { path: 'charts/candle/demo1', name: `${pre}charts-candle-demo1`, component: _import('demo/plugins/charts/candle/demo1/index.vue'), meta: { ...meta, title: 'K线图示例 1' } },
+    { path: 'charts/candle/demo2', name: `${pre}charts-candle-demo2`, component: _import('demo/plugins/charts/candle/demo2/index.vue'), meta: { ...meta, title: 'K线图示例 2' } },
+    { path: 'charts/candle/demo3', name: `${pre}charts-candle-demo3`, component: _import('demo/plugins/charts/candle/demo3/index.vue'), meta: { ...meta, title: 'K线图示例 3' } },
+    { path: 'charts/gauge/demo1', name: `${pre}charts-gauge-demo1`, component: _import('demo/plugins/charts/gauge/demo1/index.vue'), meta: { ...meta, title: '仪表盘示例 1' } },
+    { path: 'charts/tree/demo1', name: `${pre}charts-tree-demo1`, component: _import('demo/plugins/charts/tree/demo1/index.vue'), meta: { ...meta, title: '树图示例 1' } }
   ])('demo-plugins-')
 }

src/router/routes.js

@@ -2,9 +2,7 @@ import playground from './modules/playground'
 import d2Crud from './modules/d2-crud'
 import d2CrudPlus from './modules/d2-crud-plus'
 import plugins from './modules/plugins'
-import charts from './modules/charts'
 import components from './modules/components'
-import business from './modules/business'
 
 import layoutHeaderAside from '@/layout/header-aside'
 
@@ -60,9 +58,7 @@ const frameIn = [
   d2Crud,
   d2CrudPlus,
   plugins,
-  charts,
+  components
-  components,
-  business
 ]
 
 /**

src/views/demo/business/index/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <d2-container type="ghost">
-    <d2-module-index-banner slot="header" v-bind="banner"/>
-    <d2-module-index-menu :menu="menu"/>
-  </d2-container>
-</template>
-
-<script>
-import menu from '@/menu/modules/demo-business'
-export default {
-  data () {
-    return {
-      menu,
-      banner: {
-        title: 'DEMOS',
-        subTitle: '提供借鉴和参考的页面'
-      }
-    }
-  }
-}
-</script>

src/views/demo/business/issues/142/edit-cache-db.vue

@@ -1,97 +0,0 @@
-<template>
-  <d2-container
-    type="card"
-    class="page">
-    <el-form
-      ref="form"
-      :model="form"
-      label-width="80px"
-      class="page--form">
-      <el-form-item label="姓名">
-        <el-input v-model="form.name"/>
-      </el-form-item>
-      <el-form-item label="地址">
-        <el-input type="textarea" v-model="form.address"/>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" @click="handleSubmit">修改</el-button>
-      </el-form-item>
-    </el-form>
-  </d2-container>
-</template>
-
-<script>
-import { mapActions } from 'vuex'
-import base from './mixins/index'
-export default {
-  mixins: [
-    base
-  ],
-  // 第一次进入或从其他组件对应路由进入时触发
-  beforeRouteEnter (to, from, next) {
-    const id = to.params.id
-    if (id) {
-      next(async instance => {
-        if (from.name === 'demo-business-issues-142') {
-          await instance.getFormData(id)
-          instance.saveDataToDb()
-        } else {
-          instance.loadDataFromDb(to)
-        }
-      })
-    }
-  },
-  // 在同一组件对应的多个路由间切换时触发
-  beforeRouteUpdate (to, from, next) {
-    const id = to.params.id
-    if (id) {
-      this.loadDataFromDb(to)
-      next()
-    }
-  },
-  watch: {
-    // 表单变化的时候更新持久化
-    form: {
-      handler () {
-        this.saveDataToDb()
-      },
-      deep: true
-    }
-  },
-  methods: {
-    ...mapActions('d2admin/db', [
-      'pageSet',
-      'pageGet'
-    ]),
-    // 将页面数据同步到持久化存储
-    saveDataToDb () {
-      this.pageSet({ instance: this, user: true })
-    },
-    // 从持久化存储恢复数据到页面
-    async loadDataFromDb (to) {
-      const instance = {
-        $route: {
-          fullPath: to.fullPath
-        },
-        $data: {}
-      }
-      const data = await this.pageGet({
-        instance,
-        user: true
-      })
-      for (const key in data) {
-        this[key] = data[key]
-      }
-      this.$message.success('loadDataFromDb')
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.page {
-  .page--form {
-    max-width: 460px;
-  }
-}
-</style>

src/views/demo/business/issues/142/edit.vue

@@ -1,61 +0,0 @@
-<template>
-  <d2-container
-    type="card"
-    class="page">
-    <el-form
-      ref="form"
-      :model="form"
-      label-width="80px"
-      class="page--form">
-      <el-form-item label="姓名">
-        <el-input v-model="form.name"/>
-      </el-form-item>
-      <el-form-item label="地址">
-        <el-input type="textarea" v-model="form.address"/>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" @click="handleSubmit">修改</el-button>
-      </el-form-item>
-    </el-form>
-  </d2-container>
-</template>
-
-<script>
-import base from './mixins/index'
-export default {
-  mixins: [
-    base
-  ],
-  // 第一次进入或从其他组件对应路由进入时触发
-  beforeRouteEnter (to, from, next) {
-    const id = to.params.id
-    if (id) {
-      next(instance => {
-        instance.resetFormData()
-        instance.getFormData(id)
-      })
-    } else {
-      next(new Error('未指定ID'))
-    }
-  },
-  // 在同一组件对应的多个路由间切换时触发
-  beforeRouteUpdate (to, from, next) {
-    const id = to.params.id
-    if (id) {
-      this.resetFormData()
-      this.getFormData(id)
-      next()
-    } else {
-      next(new Error('未指定ID'))
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.page {
-  .page--form {
-    max-width: 460px;
-  }
-}
-</style>

src/views/demo/business/issues/142/index.vue

@@ -1,72 +0,0 @@
-<template>
-  <d2-container type="card">
-    <d2-crud
-      v-bind="crud"
-      @edit="({ index, row }) => goToEditPage('demo-business-issues-142-edit', row.id)"
-      @edit-cache-db="({ index, row }) => goToEditPage('demo-business-issues-142-edit-cache-db', row.id)"
-      style="margin: -15px 0;"/>
-    <d2-link-btn
-      slot="footer"
-      title="issue #142"
-      link="https://github.com/d2-projects/d2-admin/issues/142"/>
-  </d2-container>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      crud: {
-        columns: [
-          { title: '姓名', key: 'name', width: 100 },
-          { title: '地址', key: 'address' }
-        ],
-        data: [],
-        options: {
-          border: true,
-          size: 'mini'
-        },
-        rowHandle: {
-          align: 'center',
-          width: 240,
-          custom: [
-            {
-              text: '无缓存编辑',
-              size: 'mini',
-              emit: 'edit'
-            },
-            {
-              text: '带缓存编辑 DB',
-              size: 'mini',
-              emit: 'edit-cache-db'
-            }
-          ]
-        }
-      }
-    }
-  },
-  created () {
-    this.getTableData()
-  },
-  methods: {
-    // 请求表格数据
-    async getTableData () {
-      try {
-        const res = await this.$api.DEMO_BUSINESS_ISSUE_142_LIST()
-        this.crud.data = res.list
-      } catch (error) {
-        console.log(error)
-      }
-    },
-    // 跳转到编辑页面
-    goToEditPage (name, id) {
-      this.$router.push({
-        name,
-        params: {
-          id
-        }
-      })
-    }
-  }
-}
-</script>

src/views/demo/business/issues/142/mixins/index.js

@@ -1,47 +0,0 @@
-export default {
-  props: {
-    id: {
-      type: String,
-      required: true
-    }
-  },
-  data () {
-    return {
-      form: {
-        name: '',
-        address: ''
-      }
-    }
-  },
-  methods: {
-    // [业务逻辑] 重置表单
-    resetFormData () {
-      this.form = {
-        name: '',
-        address: ''
-      }
-    },
-    // [业务逻辑] 根据 id 获取数据
-    async getFormData (id) {
-      // 重置表单
-      this.resetFormData()
-      // 请求数据
-      try {
-        const res = await this.$api.DEMO_BUSINESS_ISSUE_142_DETAIL(id)
-        const { name, address } = res
-        this.form = { name, address }
-        this.$message.success('getFormData')
-      } catch (error) {
-        console.log('error', error)
-      }
-    },
-    // [业务逻辑] 提交
-    handleSubmit () {
-      this.$notify({
-        title: 'Submit',
-        message: '提交了表单',
-        type: 'info'
-      })
-    }
-  }
-}

src/views/demo/business/table/1/componnets/BooleanControl/index.vue

@@ -1,85 +0,0 @@
-<template>
-  <el-popover
-    :placement="popoverPlacement"
-    :title="popoverTitle"
-    :width="popoverWidth"
-    trigger="hover">
-    <el-switch
-      v-model="currentValue"
-      :active-color="activeColor"
-      :inactive-color="inactiveColor"
-      :active-text="activeText"
-      :inactive-text="inactiveText"
-      :disabled="disabled"
-      @change="handleChange">
-    </el-switch>
-    <span slot="reference">
-      <slot v-if="value" name="active"/>
-      <slot v-else name="inactive"/>
-    </span>
-  </el-popover>
-</template>
-
-<script>
-export default {
-  props: {
-    value: {
-      default: false
-    },
-    popoverPlacement: {
-      default: 'left'
-    },
-    popoverTitle: {
-      default: '修改'
-    },
-    popoverWidth: {
-      default: '150'
-    },
-    activeColor: {
-      default: '#67C23A'
-    },
-    inactiveColor: {
-      default: '#F56C6C'
-    },
-    activeText: {
-      default: '正常'
-    },
-    inactiveText: {
-      default: '禁用'
-    }
-  },
-  data () {
-    return {
-      currentValue: false,
-      disabled: false
-    }
-  },
-  watch: {
-    value: {
-      handler (val) {
-        this.currentValue = val
-      },
-      immediate: true
-    }
-  },
-  methods: {
-    handleChange (val) {
-      this.disabled = true
-      this.$message({
-        message: '正在发送请求',
-        type: 'info'
-      })
-      // 请将 setTimeout 修改为您的异步请求
-      setTimeout(() => {
-        this.disabled = false
-        this.$message({
-          message: '修改成功',
-          type: 'success'
-        })
-        this.$emit('change', val)
-        // 如果修改失败的话需要在这里手动将 currentValue 复原
-      }, 1000)
-    }
-  }
-}
-</script>

src/views/demo/business/table/1/componnets/BooleanControlMini/index.vue

@@ -1,64 +0,0 @@
-<template>
-  <span slot="reference">
-    <d2-icon
-      v-if="disabled"
-      name="hourglass-start"
-      style="font-size: 14px; line-height: 32px; color: #909399;"/>
-    <span @click="handleClick">
-      <slot
-        v-if="!disabled && value"
-        name="active"/>
-      <slot
-        v-if="!disabled && !value"
-        name="inactive"/>
-    </span>
-  </span>
-</template>
-
-<script>
-export default {
-  props: {
-    value: {
-      default: false
-    }
-  },
-  data () {
-    return {
-      currentValue: false,
-      disabled: false
-    }
-  },
-  watch: {
-    value: {
-      handler (val) {
-        this.currentValue = val
-      },
-      immediate: true
-    }
-  },
-  methods: {
-    handleClick () {
-      // 这里先赋值是为了和 TypeControl 使用一样的 handleChange
-      this.currentValue = !this.currentValue
-      this.handleChange(this.currentValue)
-    },
-    handleChange (val) {
-      this.disabled = true
-      this.$message({
-        message: '正在发送请求',
-        type: 'info'
-      })
-      // 请将 setTimeout 修改为您的异步请求
-      setTimeout(() => {
-        this.disabled = false
-        this.$message({
-          message: '修改成功',
-          type: 'success'
-        })
-        this.$emit('change', val)
-        // 如果修改失败的话需要在这里手动将 currentValue 复原
-      }, 1000)
-    }
-  }
-}
-</script>

src/views/demo/business/table/1/componnets/PageFooter/index.vue

@@ -1,44 +0,0 @@
-<template>
-  <el-pagination
-    :current-page="current"
-    :page-size="size"
-    :total="total"
-    :page-sizes="[10, 20, 30, 40]"
-    layout="total, sizes, prev, pager, next, jumper"
-    style="margin: -10px;"
-    @size-change="handleSizeChange"
-    @current-change="handleCurrentChange">
-  </el-pagination>
-</template>
-
-<script>
-export default {
-  props: {
-    current: {
-      default: 0
-    },
-    size: {
-      default: 0
-    },
-    total: {
-      default: 0
-    }
-  },
-  methods: {
-    handleSizeChange (val) {
-      this.$emit('change', {
-        current: this.current,
-        size: val,
-        total: this.total
-      })
-    },
-    handleCurrentChange (val) {
-      this.$emit('change', {
-        current: val,
-        size: this.size,
-        total: this.total
-      })
-    }
-  }
-}
-</script>

src/views/demo/business/table/1/componnets/PageHeader/index.vue

@@ -1,99 +0,0 @@
-<template>
-  <el-form
-    :inline="true"
-    :model="form"
-    :rules="rules"
-    ref="form"
-    size="mini"
-    style="margin-bottom: -18px;">
-
-    <el-form-item label="状态" prop="type">
-      <el-select
-        v-model="form.type"
-        placeholder="状态选择"
-        style="width: 100px;">
-        <el-option label="状态 1" value="1"/>
-        <el-option label="状态 2" value="2"/>
-        <el-option label="状态 3" value="3"/>
-        <el-option label="状态 4" value="4"/>
-        <el-option label="状态 5" value="5"/>
-      </el-select>
-    </el-form-item>
-
-    <el-form-item label="用户" prop="user">
-      <el-input
-        v-model="form.user"
-        placeholder="用户"
-        style="width: 100px;"/>
-    </el-form-item>
-
-    <el-form-item label="卡密" prop="key">
-      <el-input
-        v-model="form.key"
-        placeholder="卡密"
-        style="width: 120px;"/>
-    </el-form-item>
-
-    <el-form-item label="备注" prop="note">
-      <el-input
-        v-model="form.note"
-        placeholder="备注"
-        style="width: 120px;"/>
-    </el-form-item>
-
-    <el-form-item>
-      <el-button
-        type="primary"
-        @click="handleFormSubmit">
-        <d2-icon name="search"/>
-        查询
-      </el-button>
-    </el-form-item>
-
-    <el-form-item>
-      <el-button
-        @click="handleFormReset">
-        <d2-icon name="refresh"/>
-        重置
-      </el-button>
-    </el-form-item>
-
-  </el-form>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      form: {
-        type: '1',
-        user: 'FairyEver',
-        key: '',
-        note: ''
-      },
-      rules: {
-        type: [{ required: true, message: '请选择一个状态', trigger: 'change' }],
-        user: [{ required: true, message: '请输入用户', trigger: 'change' }]
-      }
-    }
-  },
-  methods: {
-    handleFormSubmit () {
-      this.$refs.form.validate((valid) => {
-        if (valid) {
-          this.$emit('submit', this.form)
-        } else {
-          this.$notify.error({
-            title: '错误',
-            message: '表单校验失败'
-          })
-          return false
-        }
-      })
-    },
-    handleFormReset () {
-      this.$refs.form.resetFields()
-    }
-  }
-}
-</script>

src/views/demo/business/table/1/componnets/PageMain/index.vue

@@ -1,230 +0,0 @@
-<template>
-  <div>
-    <el-form
-      :inline="true"
-      size="mini">
-      <el-form-item :label="`已选数据下载 [ ${currentTableData.length} ]`">
-        <el-button-group>
-          <el-button
-            type="primary"
-            size="mini"
-            :disabled="currentTableData.length === 0"
-            @click="handleDownloadXlsx(currentTableData)">
-            xlsx
-          </el-button>
-          <el-button
-            type="primary"
-            size="mini"
-            :disabled="currentTableData.length === 0"
-            @click="handleDownloadCsv(currentTableData)">
-            csv
-          </el-button>
-        </el-button-group>
-      </el-form-item>
-      <el-form-item :label="`已选数据下载 [ ${multipleSelection.length} ]`">
-        <el-button-group>
-          <el-button
-            type="primary"
-            size="mini"
-            :disabled="multipleSelection.length === 0"
-            @click="handleDownloadXlsx(multipleSelection)">
-            xlsx
-          </el-button>
-          <el-button
-            type="primary"
-            size="mini"
-            :disabled="multipleSelection.length === 0"
-            @click="handleDownloadCsv(multipleSelection)">
-            csv
-          </el-button>
-        </el-button-group>
-      </el-form-item>
-    </el-form>
-
-    <el-table
-      :data="currentTableData"
-      v-loading="loading"
-      size="mini"
-      stripe
-      style="width: 100%;"
-      @selection-change="handleSelectionChange">
-
-      <el-table-column
-        type="selection"
-        width="55">
-      </el-table-column>
-
-      <el-table-column label="卡密" :show-overflow-tooltip="true">
-        <template slot-scope="scope">
-          {{scope.row.key}}
-        </template>
-      </el-table-column>
-
-      <el-table-column label="面值" width="60" align="center">
-        <template slot-scope="scope">
-          <el-tag
-            size="mini"
-            type="success">
-            {{scope.row.value}}
-          </el-tag>
-        </template>
-      </el-table-column>
-
-      <el-table-column label="状态" width="50" align="center">
-        <template slot-scope="scope">
-          <boolean-control
-            :value="scope.row.type"
-            @change="(val) => {
-              handleSwitchChange(val, scope.$index)
-            }">
-            <d2-icon
-              name="check-circle"
-              style="font-size: 20px; line-height: 32px; color: #67C23A;"
-              slot="active"/>
-            <d2-icon
-              name="times-circle"
-              style="font-size: 20px; line-height: 32px; color: #F56C6C;"
-              slot="inactive"/>
-          </boolean-control>
-        </template>
-      </el-table-column>
-
-      <el-table-column label="状态" width="50" align="center">
-        <template slot-scope="scope">
-          <boolean-control-mini
-            :value="scope.row.type"
-            @change="(val) => {
-              handleSwitchChange(val, scope.$index)
-            }">
-            <d2-icon
-              name="check-circle"
-              style="font-size: 20px; line-height: 32px; color: #67C23A;"
-              slot="active"/>
-            <d2-icon
-              name="times-circle"
-              style="font-size: 20px; line-height: 32px; color: #F56C6C;"
-              slot="inactive"/>
-          </boolean-control-mini>
-        </template>
-      </el-table-column>
-
-      <el-table-column label="管理员" width="60">
-        <template slot-scope="scope">
-          {{scope.row.admin}}
-        </template>
-      </el-table-column>
-
-      <el-table-column label="管理员备注" :show-overflow-tooltip="true">
-        <template slot-scope="scope">
-          {{scope.row.adminNote}}
-        </template>
-      </el-table-column>
-
-      <el-table-column label="创建时间" width="150" :show-overflow-tooltip="true">
-        <template slot-scope="scope">
-          {{scope.row.dateTimeCreat}}
-        </template>
-      </el-table-column>
-
-      <el-table-column label="使用状态" width="100" align="center">
-        <template slot-scope="scope">
-          <el-tag
-            size="mini"
-            :type="scope.row.used ? 'info' : ''">
-            {{scope.row.used ? '已使用' : '未使用'}}
-          </el-tag>
-        </template>
-      </el-table-column>
-
-      <el-table-column label="使用时间" width="150" :show-overflow-tooltip="true">
-        <template slot-scope="scope">
-          {{scope.row.dateTimeUse}}
-        </template>
-      </el-table-column>
-
-    </el-table>
-  </div>
-</template>
-
-<script>
-import BooleanControl from '../BooleanControl'
-import BooleanControlMini from '../BooleanControlMini'
-export default {
-  components: {
-    BooleanControl,
-    BooleanControlMini
-  },
-  props: {
-    tableData: {
-      default: () => []
-    },
-    loading: {
-      default: false
-    }
-  },
-  data () {
-    return {
-      currentTableData: [],
-      multipleSelection: [],
-      downloadColumns: [
-        { label: '卡密', prop: 'key' },
-        { label: '面值', prop: 'value' },
-        { label: '状态', prop: 'type' },
-        { label: '管理员', prop: 'admin' },
-        { label: '管理员备注', prop: 'adminNote' },
-        { label: '创建时间', prop: 'dateTimeCreat' },
-        { label: '使用状态', prop: 'used' },
-        { label: '使用时间', prop: 'dateTimeUse' }
-      ]
-    }
-  },
-  watch: {
-    tableData: {
-      handler (val) {
-        this.currentTableData = val
-      },
-      immediate: true
-    }
-  },
-  methods: {
-    handleSwitchChange (val, index) {
-      const oldValue = this.currentTableData[index]
-      this.$set(this.currentTableData, index, {
-        ...oldValue,
-        type: val
-      })
-      // 注意 这里并没有把修改后的数据传递出去 如果需要的话请自行修改
-    },
-    handleSelectionChange (val) {
-      this.multipleSelection = val
-    },
-    downloadDataTranslate (data) {
-      return data.map(row => ({
-        ...row,
-        type: row.type ? '禁用' : '正常',
-        used: row.used ? '已使用' : '未使用'
-      }))
-    },
-    handleDownloadXlsx (data) {
-      this.$export.excel({
-        title: 'D2Admin 表格示例',
-        columns: this.downloadColumns,
-        data: this.downloadDataTranslate(data)
-      })
-        .then(() => {
-          this.$message('导出表格成功')
-        })
-    },
-    handleDownloadCsv (data) {
-      this.$export.csv({
-        title: 'D2Admin 表格示例',
-        columns: this.downloadColumns,
-        data: this.downloadDataTranslate(data)
-      })
-        .then(() => {
-          this.$message('导出CSV成功')
-        })
-    }
-  }
-}
-</script>

src/views/demo/business/table/1/index.vue

@@ -1,81 +0,0 @@
-<template>
-  <d2-container>
-    <demo-page-header
-      slot="header"
-      @submit="handleSubmit"
-      ref="header"/>
-    <demo-page-main
-      :table-data="table"
-      :loading="loading"/>
-    <demo-page-footer
-      slot="footer"
-      :current="page.pageCurrent"
-      :size="page.pageSize"
-      :total="page.pageTotal"
-      @change="handlePaginationChange"/>
-  </d2-container>
-</template>
-
-<script>
-export default {
-  // name 值和本页的 $route.name 一致才可以缓存页面
-  name: 'demo-business-table-1',
-  components: {
-    DemoPageHeader: () => import('./componnets/PageHeader'),
-    DemoPageMain: () => import('./componnets/PageMain'),
-    DemoPageFooter: () => import('./componnets/PageFooter')
-  },
-  data () {
-    return {
-      table: [],
-      loading: false,
-      page: {
-        pageCurrent: 1,
-        pageSize: 10,
-        pageTotal: 0
-      }
-    }
-  },
-  methods: {
-    async handlePaginationChange (val) {
-      this.$notify({
-        title: '分页变化',
-        message: `当前第${val.current}页 共${val.total}条 每页${val.size}条`
-      })
-      this.page = {
-        pageCurrent: val.current,
-        pageSize: val.size,
-        pageTotal: val.total
-      }
-      // nextTick 只是为了优化示例中 notify 的显示
-      await this.$nextTick()
-      this.$refs.header.handleFormSubmit()
-    },
-    handleSubmit (form) {
-      this.loading = true
-      this.$notify({
-        title: '开始请求模拟表格数据'
-      })
-      this.$api.DEMO_BUSINESS_TABLE_1_LIST({
-        ...form,
-        ...this.page
-      })
-        .then(res => {
-          this.loading = false
-          this.$notify({
-            title: '模拟表格数据请求完毕'
-          })
-          this.table = res.list
-          this.page.pageTotal = res.page.total
-        })
-        .catch(err => {
-          this.loading = false
-          this.$notify({
-            title: '模拟表格数据请求异常'
-          })
-          console.log('err', err)
-        })
-    }
-  }
-}
-</script>

src/views/demo/charts/index/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <d2-container type="ghost">
-    <d2-module-index-banner slot="header" v-bind="banner"/>
-    <d2-module-index-menu :menu="menu"/>
-  </d2-container>
-</template>
-
-<script>
-import menu from '@/menu/modules/demo-charts'
-export default {
-  data () {
-    return {
-      menu,
-      banner: {
-        title: 'CHARTS',
-        subTitle: '图表示例'
-      }
-    }
-  }
-}
-</script>

src/views/demo/plugins/charts/bar/demo1/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/bar/demo2/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/bar/demo3/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/bar/demo4/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/bar/demo5/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/candle/demo1/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/candle/demo2/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/candle/demo3/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/funnel/demo1/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/funnel/demo2/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/gauge/demo1/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/heatmap/demo1/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/heatmap/demo2/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/histogram/demo1/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/histogram/demo2/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/histogram/demo3/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/histogram/demo4/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/histogram/demo5/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/histogram/demo6/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/line/demo1/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/line/demo2/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/line/demo3/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/line/demo4/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/line/demo5/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/map/demo1/index.vue

@@ -12,8 +12,8 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
-import mapOrigin from '@/views/demo/charts/list/_data/china'
+import mapOrigin from '@/views/demo/plugins/charts/_data/china'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/map/demo2/index.vue

@@ -12,8 +12,8 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
-import mapOrigin from '@/views/demo/charts/list/_data/beijing'
+import mapOrigin from '@/views/demo/plugins/charts/_data/beijing'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/map/demo3/index.vue

@@ -12,8 +12,8 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
-import mapOrigin from '@/views/demo/charts/list/_data/china'
+import mapOrigin from '@/views/demo/plugins/charts/_data/china'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/pie/demo1/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/pie/demo2/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/pie/demo3/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/pie/demo4/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/pie/demo5/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/pie/demo6/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/radar/demo1/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/ring/demo1/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/ring/demo2/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/ring/demo3/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/ring/demo4/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/ring/demo5/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/sankey/demo1/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/scatter/demo1/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/scatter/demo2/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/tree/demo1/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list

src/views/demo/plugins/charts/waterfall/demo1/index.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import list from '@/views/demo/charts/list/_mixin/list.js'
+import list from '@/views/demo/plugins/charts/_mixin/list.js'
 export default {
   mixins: [
     list