expressa 2.0.16 → 2.0.18

package/modules/admin/src/main.js

@@ -1,41 +1,42 @@
-import Vue from 'vue'
-
-import 'normalize.css/normalize.css' // A modern alternative to CSS resets
-
-import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
-import locale from 'element-ui/lib/locale/lang/en' // lang i18n
-
-import '@/styles/index.scss' // global css
-
-import App from './App'
-import router from './router'
-import store from './store'
-
-import 'bootstrap'
-import 'bootstrap/dist/css/bootstrap.min.css'
-import 'bootstrap/dist/css/bootstrap-grid.min.css'
-import 'vue-material-design-icons/styles.css'
-
-import '@/icons' // icon
-import '@/permission' // permission control
-
-import { VuePlugin } from 'vuera'
-
-import Unicon from 'vue-unicons/dist/vue-unicons-vue2.umd'
-import { uniDatabase, uniHome, uniUsersAlt, uniShieldCheck, uniBookOpen, uniDiary, uniFlask, uniCog, uniPlus, uniLink } from 'vue-unicons/dist/icons'
-
-Unicon.add([uniDatabase, uniHome, uniUsersAlt, uniShieldCheck, uniBookOpen, uniDiary, uniFlask, uniCog, uniPlus, uniLink])
-Vue.use(Unicon)
-
-Vue.use(ElementUI, { locale })
-Vue.use(VuePlugin)
-
-Vue.config.productionTip = false
-
-new Vue({
-  el: '#app',
-  router,
-  store,
-  render: h => h(App)
-})
+import Vue from 'vue'
+
+import 'normalize.css/normalize.css' // A modern alternative to CSS resets
+
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+import 'element-ui/lib/theme-chalk/icon.css'
+import locale from 'element-ui/lib/locale/lang/en' // lang i18n
+
+import '@/styles/index.scss' // global css
+
+import App from './App'
+import router from './router'
+import store from './store'
+
+import 'bootstrap'
+import 'bootstrap/dist/css/bootstrap.min.css'
+import 'bootstrap/dist/css/bootstrap-grid.min.css'
+import 'vue-material-design-icons/styles.css'
+
+import '@/icons' // icon
+import '@/permission' // permission control
+
+import { VuePlugin } from 'vuera'
+
+import Unicon from 'vue-unicons/dist/vue-unicons-vue2.umd'
+import { uniDatabase, uniHome, uniUsersAlt, uniShieldCheck, uniBookOpen, uniDiary, uniFlask, uniCog, uniPlus, uniLink } from 'vue-unicons/dist/icons'
+
+Unicon.add([uniDatabase, uniHome, uniUsersAlt, uniShieldCheck, uniBookOpen, uniDiary, uniFlask, uniCog, uniPlus, uniLink])
+Vue.use(Unicon)
+
+Vue.use(ElementUI, { locale })
+Vue.use(VuePlugin)
+
+Vue.config.productionTip = false
+
+new Vue({
+  el: '#app',
+  router,
+  store,
+  render: h => h(App)
+})

package/modules/admin/src/permission.js

@@ -1,49 +1,49 @@
-import router from './router'
-import store from './store'
-import NProgress from 'nprogress'
-import 'nprogress/nprogress.css'
-import { Message } from 'element-ui'
-import { getToken } from '@/utils/auth'
-import request from '@/utils/request'
-
-const whiteList = ['/login', '/install']
-router.beforeEach((to, from, next) => {
-  NProgress.start()
-  if (getToken()) {
-    if (to.path === '/login') {
-      next({ path: '/' })
-      NProgress.done() // if current page is dashboard will not trigger	afterEach hook, so manually handle it
-    } else {
-      if (store.getters.roles.length === 0) {
-        store.dispatch('GetInfo').then(res => {
-          next()
-        }).catch((err) => {
-          store.dispatch('FedLogOut').then(() => {
-            Message.error(err || 'Verification failed, please login again')
-            next({ path: '/' })
-          })
-        })
-      } else {
-        next()
-      }
-    }
-  } else {
-    request({ url: `/status` }).then((res) => {
-      if (!res.data.installed && to.path !== '/install') {
-        next(`/install`)
-        NProgress.done()
-      } else {
-        if (whiteList.indexOf(to.path) !== -1) {
-          next()
-        } else {
-          next(`/login?redirect=${to.path}`)
-          NProgress.done()
-        }
-      }
-    })
-  }
-})
-
-router.afterEach(() => {
-  NProgress.done()
-})
+import router from './router'
+import store from './store'
+import NProgress from 'nprogress'
+import 'nprogress/nprogress.css'
+import { Message } from 'element-ui'
+import { getToken } from '@/utils/auth'
+import request from '@/utils/request'
+
+const whiteList = ['/login', '/install']
+router.beforeEach((to, from, next) => {
+  NProgress.start()
+  if (getToken()) {
+    if (to.path === '/login') {
+      next({ path: '/' })
+      NProgress.done() // if current page is dashboard will not trigger	afterEach hook, so manually handle it
+    } else {
+      if (store.getters.roles.length === 0) {
+        store.dispatch('GetInfo').then(res => {
+          next()
+        }).catch((err) => {
+          store.dispatch('FedLogOut').then(() => {
+            Message.error(err || 'Verification failed, please login again')
+            next({ path: '/' })
+          })
+        })
+      } else {
+        next()
+      }
+    }
+  } else {
+    request({ url: `/status` }).then((res) => {
+      if (!res.data.installed && to.path !== '/install') {
+        next(`/install`)
+        NProgress.done()
+      } else {
+        if (whiteList.indexOf(to.path) !== -1) {
+          next()
+        } else {
+          next(`/login?redirect=${to.path}`)
+          NProgress.done()
+        }
+      }
+    })
+  }
+})
+
+router.afterEach(() => {
+  NProgress.done()
+})

package/modules/admin/src/router/index.js

@@ -1,200 +1,200 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-
-// in development-env not use lazy-loading, because lazy-loading too many pages will cause webpack hot update too slow. so only in production use lazy-loading;
-// detail: https://panjiachen.github.io/vue-element-admin-site/#/lazy-loading
-
-Vue.use(Router)
-
-/* Layout */
-import Layout from '../views/layout/Layout'
-
-const capitalize = (s) => {
-  if (typeof s !== 'string') return ''
-  return s.charAt(0).toUpperCase() + s.slice(1)
-}
-
-/**
-* hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
-* alwaysShow: true               if set true, will always show the root menu, whatever its child routes length
-*                                if not set alwaysShow, only more than one route under the children
-*                                it will becomes nested mode, otherwise not show the root menu
-* redirect: noredirect           if `redirect:noredirect` will no redirect in the breadcrumb
-* name:'router-name'             the name is used by <keep-alive> (must set!!!)
-* meta : {
-    title: 'title'               the name show in submenu and breadcrumb (recommend set)
-    icon: 'svg-name'             the icon show in the sidebar,
-  }
-**/
-
-export const constantRouterMap = [
-  { path: '/login', component: () => import('@/views/login/index'), hidden: true },
-  { path: '/install', component: () => import('@/views/Install'), hidden: true },
-  { path: '/404', component: () => import('@/views/404'), hidden: true },
-
-  {
-    path: '/',
-    component: Layout,
-    redirect: '/home',
-    name: 'Home',
-    meta: { title: 'Home', icon: 'home' },
-    children: [{
-      path: 'home',
-      meta: { title: 'Home', icon: 'home' },
-      component: () => import('@/views/Home')
-    }, {
-      path: '/edit/:collectionName/:id',
-      component: () => import('@/views/EditDocument'),
-      hidden: true
-    }]
-  },
-
-  {
-    path: '/users',
-    redirect: '/users/list',
-    component: Layout,
-    name: 'Users',
-    meta: { title: 'People', icon: 'users-alt' },
-    children: [{
-      path: 'list',
-      meta: { title: 'Users', icon: 'users-alt' },
-      name: 'users2',
-      component: () => import('@/views/ListDocuments2'),
-      props: { collectionName: 'users' },
-    }, {
-      path: 'add',
-      meta: { title: 'Add User', icon: 'plus' },
-      name: 'newuser',
-      component: () => import('@/views/EditDocument'),
-      props: { collectionName: 'users', id: 'create' },
-    }, {
-      path: 'role',
-      meta: { title: 'Roles', icon: 'shield-check' },
-      name: 'role',
-      component: () => import('@/views/ListDocuments2'),
-      props: { collectionName: 'role' },
-    }, {
-      path: 'addrole',
-      meta: { title: 'Add Role', icon: 'plus' },
-      name: 'newrole',
-      component: () => import('@/views/EditDocument'),
-      props: { collectionName: 'role', id: 'create' },
-    }],
-  },
-
-  {
-    path: '/list/:collectionName',
-    component: Layout,
-    hidden: true,
-    name: 'Data',
-    meta: { title: 'Data', icon: 'database' },
-    children: [{
-      path: '',
-      name: ':collectionName',
-      component: () => import('@/views/ListDocuments2'),
-      props: route => ({ collectionName: route.params.collectionName }),
-      meta: { title: capitalize(name) }
-    }]
-  },
-
-  {
-    path: '/manage/permissions',
-    component: Layout,
-    name: 'permissions',
-    meta: { title: 'Manage', icon: 'shield-check' },
-    children: [
-      {
-        path: '',
-        name: 'permissions',
-        component: () => import('@/views/ManagePermissions'),
-        meta: { title: 'Permissions' }
-      }
-    ]
-  },
-
-  {
-    path: '/endpoints',
-    component: Layout,
-    name: 'endpoints',
-    meta: { title: 'Search', icon: 'link' },
-    children: [
-      {
-        path: '',
-        name: 'endpoints',
-        component: () => import('@/views/Endpoints'),
-        meta: { title: 'Endpoints' }
-      }
-    ]
-  },
-
-  {
-    path: '/dev',
-    component: Layout,
-    meta: { title: 'Dev', icon: 'flask' },
-    name: 'Dev',
-    children: [
-      {
-        path: '',
-        name: '',
-        component: () => import('@/views/Dev'),
-        meta: { title: '' },
-        hidden: true,
-      },
-      {
-        path: 'listeners',
-        name: 'listeners',
-        component: () => import('@/views/ManageListeners'),
-        meta: { title: 'Listeners' }
-      },
-      {
-        path: 'middleware',
-        name: 'middleware',
-        component: () => import('@/views/ManageMiddleware'),
-        meta: { title: 'Middleware' }
-      }, {
-        path: 'requestlogs',
-        meta: { title: 'Request Logs', icon: 'diary' },
-        name: 'requestlogs',
-        component: () => import('@/views/ListDocuments2'),
-        props: { collectionName: 'requestlog', columns: ['method', 'url', 'req.ip', 'user', 'res.message', 'res.statusCode', 'res.headers.content-length'] },
-      }, {
-        path: 'viewrequest/:requestId',
-        hidden: true,
-        meta: { title: 'View Request', icon: 'diary' },
-        name: 'viewrequest',
-        component: () => import('@/views/ViewRequest'),
-      }, {
-        path: '/edit/collection',
-        component: Layout,
-        name: 'Schema',
-        hidden: true,
-        meta: { title: 'Schemas', icon: 'cog' },
-        children: [{
-          hidden: true,
-          path: '/:collectionName',
-          name: name,
-          meta: { title: capitalize(name) }
-        }]
-      },
-    ]
-  },
-
-  {
-    path: 'external-link',
-    component: Layout,
-    children: [
-      {
-        path: 'https://github.com/thomas4019/expressa',
-        meta: { title: 'Expressa Docs', icon: 'link' }
-      }
-    ]
-  },
-
-  { path: '*', redirect: '/404', hidden: true }
-]
-
-export default new Router({
-  // mode: 'history',
-  scrollBehavior: () => ({ y: 0 }),
-  routes: constantRouterMap
-})
+import Vue from 'vue'
+import Router from 'vue-router'
+
+// in development-env not use lazy-loading, because lazy-loading too many pages will cause webpack hot update too slow. so only in production use lazy-loading;
+// detail: https://panjiachen.github.io/vue-element-admin-site/#/lazy-loading
+
+Vue.use(Router)
+
+/* Layout */
+import Layout from '../views/layout/Layout'
+
+const capitalize = (s) => {
+  if (typeof s !== 'string') return ''
+  return s.charAt(0).toUpperCase() + s.slice(1)
+}
+
+/**
+* hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
+* alwaysShow: true               if set true, will always show the root menu, whatever its child routes length
+*                                if not set alwaysShow, only more than one route under the children
+*                                it will becomes nested mode, otherwise not show the root menu
+* redirect: noredirect           if `redirect:noredirect` will no redirect in the breadcrumb
+* name:'router-name'             the name is used by <keep-alive> (must set!!!)
+* meta : {
+    title: 'title'               the name show in submenu and breadcrumb (recommend set)
+    icon: 'svg-name'             the icon show in the sidebar,
+  }
+**/
+
+export const constantRouterMap = [
+  { path: '/login', component: () => import('@/views/login/index'), hidden: true },
+  { path: '/install', component: () => import('@/views/Install'), hidden: true },
+  { path: '/404', component: () => import('@/views/404'), hidden: true },
+
+  {
+    path: '/',
+    component: Layout,
+    redirect: '/home',
+    name: 'Home',
+    meta: { title: 'Home', icon: 'home' },
+    children: [{
+      path: 'home',
+      meta: { title: 'Home', icon: 'home' },
+      component: () => import('@/views/Home')
+    }, {
+      path: '/edit/:collectionName/:id',
+      component: () => import('@/views/EditDocument'),
+      hidden: true
+    }]
+  },
+
+  {
+    path: '/users',
+    redirect: '/users/list',
+    component: Layout,
+    name: 'Users',
+    meta: { title: 'People', icon: 'users-alt' },
+    children: [{
+      path: 'list',
+      meta: { title: 'Users', icon: 'users-alt' },
+      name: 'users2',
+      component: () => import('@/views/ListDocuments2'),
+      props: { collectionName: 'users' },
+    }, {
+      path: 'add',
+      meta: { title: 'Add User', icon: 'plus' },
+      name: 'newuser',
+      component: () => import('@/views/EditDocument'),
+      props: { collectionName: 'users', id: 'create' },
+    }, {
+      path: 'role',
+      meta: { title: 'Roles', icon: 'shield-check' },
+      name: 'role',
+      component: () => import('@/views/ListDocuments2'),
+      props: { collectionName: 'role' },
+    }, {
+      path: 'addrole',
+      meta: { title: 'Add Role', icon: 'plus' },
+      name: 'newrole',
+      component: () => import('@/views/EditDocument'),
+      props: { collectionName: 'role', id: 'create' },
+    }],
+  },
+
+  {
+    path: '/list/:collectionName',
+    component: Layout,
+    hidden: true,
+    name: 'Data',
+    meta: { title: 'Data', icon: 'database' },
+    children: [{
+      path: '',
+      name: ':collectionName',
+      component: () => import('@/views/ListDocuments2'),
+      props: route => ({ collectionName: route.params.collectionName }),
+      meta: { title: capitalize(name) }
+    }]
+  },
+
+  {
+    path: '/manage/permissions',
+    component: Layout,
+    name: 'permissions',
+    meta: { title: 'Manage', icon: 'shield-check' },
+    children: [
+      {
+        path: '',
+        name: 'permissions',
+        component: () => import('@/views/ManagePermissions'),
+        meta: { title: 'Permissions' }
+      }
+    ]
+  },
+
+  {
+    path: '/endpoints',
+    component: Layout,
+    name: 'endpoints',
+    meta: { title: 'Search', icon: 'link' },
+    children: [
+      {
+        path: '',
+        name: 'endpoints',
+        component: () => import('@/views/Endpoints'),
+        meta: { title: 'Endpoints' }
+      }
+    ]
+  },
+
+  {
+    path: '/dev',
+    component: Layout,
+    meta: { title: 'Dev', icon: 'flask' },
+    name: 'Dev',
+    children: [
+      {
+        path: '',
+        name: '',
+        component: () => import('@/views/Dev'),
+        meta: { title: '' },
+        hidden: true,
+      },
+      {
+        path: 'listeners',
+        name: 'listeners',
+        component: () => import('@/views/ManageListeners'),
+        meta: { title: 'Listeners' }
+      },
+      {
+        path: 'middleware',
+        name: 'middleware',
+        component: () => import('@/views/ManageMiddleware'),
+        meta: { title: 'Middleware' }
+      }, {
+        path: 'requestlogs',
+        meta: { title: 'Request Logs', icon: 'diary' },
+        name: 'requestlogs',
+        component: () => import('@/views/ListDocuments2'),
+        props: { collectionName: 'requestlog', columns: ['method', 'url', 'req.ip', 'user', 'res.message', 'res.statusCode', 'res.headers.content-length'] },
+      }, {
+        path: 'viewrequest/:requestId',
+        hidden: true,
+        meta: { title: 'View Request', icon: 'diary' },
+        name: 'viewrequest',
+        component: () => import('@/views/ViewRequest'),
+      }, {
+        path: '/edit/collection',
+        component: Layout,
+        name: 'Schema',
+        hidden: true,
+        meta: { title: 'Schemas', icon: 'cog' },
+        children: [{
+          hidden: true,
+          path: '/:collectionName',
+          name: name,
+          meta: { title: capitalize(name) }
+        }]
+      },
+    ]
+  },
+
+  {
+    path: 'external-link',
+    component: Layout,
+    children: [
+      {
+        path: 'https://github.com/thomas4019/expressa',
+        meta: { title: 'Expressa Docs', icon: 'link' }
+      }
+    ]
+  },
+
+  { path: '*', redirect: '/404', hidden: true }
+]
+
+export default new Router({
+  // mode: 'history',
+  scrollBehavior: () => ({ y: 0 }),
+  routes: constantRouterMap
+})

package/modules/admin/src/store/getters.js

@@ -1,11 +1,11 @@
-const getters = {
-  sidebar: state => state.app.sidebar,
-  device: state => state.app.device,
-  token: state => state.user.token,
-  avatar: state => state.user.avatar,
-  name: state => state.user.name,
-  email: state => state.user.email,
-  roles: state => state.user.roles,
-  statusInfo: state => state.user.statusInfo
-}
-export default getters
+const getters = {
+  sidebar: state => state.app.sidebar,
+  device: state => state.app.device,
+  token: state => state.user.token,
+  avatar: state => state.user.avatar,
+  name: state => state.user.name,
+  email: state => state.user.email,
+  roles: state => state.user.roles,
+  statusInfo: state => state.user.statusInfo
+}
+export default getters

package/modules/admin/src/store/index.js

@@ -1,17 +1,17 @@
-import Vue from 'vue'
-import Vuex from 'vuex'
-import app from './modules/app'
-import user from './modules/user'
-import getters from './getters'
-
-Vue.use(Vuex)
-
-const store = new Vuex.Store({
-  modules: {
-    app,
-    user
-  },
-  getters
-})
-
-export default store
+import Vue from 'vue'
+import Vuex from 'vuex'
+import app from './modules/app'
+import user from './modules/user'
+import getters from './getters'
+
+Vue.use(Vuex)
+
+const store = new Vuex.Store({
+  modules: {
+    app,
+    user
+  },
+  getters
+})
+
+export default store