imatrix-ui 0.2.6-up → 0.2.7-up

package/src/index.js

@@ -1,93 +1,93 @@
-// 依次导入组件库的各个组件
-// import Breadcrumb from '../packages/breadcrumb'
-// import DepartmentTree from '../packages/department-tree'
-// import Hamburger from '../packages/hamburger'
-// import SvgIcon from '../packages/svg-icon'
-// import SuperGrid from '../packages/super-grid'
-// import DepartmentUserTree from '../packages/department-user-tree'
-// import WorkgroupTree from '../packages/workgroup-tree'
-// import WorkgroupUserTree from '../packages/workgroup-user-tree'
-// import InlineDepartmentTree from '../packages/department-tree-inline'
-// import InlineDepartmentUserTree from '../packages/department-user-tree-inline'
-// import InlineWorkgroupTree from '../packages/workgroup-tree-inline'
-// import InlineWorkgroupUserTree from '../packages/workgroup-user-tree-inline'
-// import WorkflowButton from '../packages/workflow-button'
-// import WorkflowHistoryList from '../packages/workflow-history-list'
-import PreventReclick from '../packages/directives/prevent-reclick'
-// import exportPlugin from '../packages/export-data/index'
-// import ValidCode from '../packages/valid-code'
-import customPlugin from '../packages/plugins/index'
-// import RemoveUser from '../packages/remove-user'
-// import RemoveDepartment from '../packages/remove-department'
-// import RemoveWorkgroup from '../packages/remove-workgroup'
-// import OrganizationInput from '../packages/organization-input'
-// import SuperNineGrid from '../packages/super-nine-grid'
-// import DynamicSourceSelect from '../packages/dynamic-source-select'
-// import FsUpload from '../packages/fs-upload'
-// import ScanCodeInput from '../packages/scan-code-input'
-// import FsPreview from '../packages/fs-preview'
-// import FsUploadList from '../packages/fs-upload-list'
-import { openPage } from './utils/jump-page-utils'
-// import YearRangePicker from '../packages/year-range-picker'
-// import MultipartUpload from '../packages/multipart-upload'
-// import RichEditor from '../packages/rich-editor'
-// import SecretInfo from '../packages/secret-info'
-import plugins from '../packages/plugins/index'
-import permission from './directives/permission'
-
-// 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
-const install = function (Vue) {
-  window.$vueApp.directive('prevent-reclick', PreventReclick)
-  permission.install(Vue)
-  window.$vueApp.use(customPlugin)
-  window.$vueApp.use(plugins)
-  if (install.installed) return
-  // components.map(component => Vue.component(component.name, component))
-  // components.forEach(component => {
-  //   Vue.component(component.name, component)
-  // })
-  // 将弹出页面方法注册到window对象上
-  window['$plateform_openPage'] = openPage
-}
-
-//  判断是否是直接引入vue的js文件，即全局引用可自动安装所有组件
-if (typeof window !== 'undefined' && window.Vue) {
-  install(window.Vue)
-}
-// 按需引入
-// export {
-//   Breadcrumb,
-//   DepartmentTree,
-//   Hamburger,
-//   SvgIcon,
-//   SuperGrid,
-//   DepartmentUserTree,
-//   WorkgroupTree,
-//   WorkgroupUserTree,
-//   InlineDepartmentTree,
-//   InlineDepartmentUserTree,
-//   InlineWorkgroupTree,
-//   InlineWorkgroupUserTree,
-//   WorkflowButton,
-//   WorkflowHistoryList,
-//   ValidCode,
-//   RemoveUser,
-//   RemoveDepartment,
-//   RemoveWorkgroup,
-//   OrganizationInput,
-//   SuperNineGrid,
-//   DynamicSourceSelect,
-//   FsUpload,
-//   ScanCodeInput,
-//   FsPreview,
-//   FsUploadList,
-//   YearRangePicker,
-//   MultipartUpload,
-//   RichEditor,
-//   SecretInfo
-// }
-
-export default {
-  // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
-  install,
-}
+// 依次导入组件库的各个组件
+// import Breadcrumb from '../packages/breadcrumb'
+// import DepartmentTree from '../packages/department-tree'
+// import Hamburger from '../packages/hamburger'
+// import SvgIcon from '../packages/svg-icon'
+// import SuperGrid from '../packages/super-grid'
+// import DepartmentUserTree from '../packages/department-user-tree'
+// import WorkgroupTree from '../packages/workgroup-tree'
+// import WorkgroupUserTree from '../packages/workgroup-user-tree'
+// import InlineDepartmentTree from '../packages/department-tree-inline'
+// import InlineDepartmentUserTree from '../packages/department-user-tree-inline'
+// import InlineWorkgroupTree from '../packages/workgroup-tree-inline'
+// import InlineWorkgroupUserTree from '../packages/workgroup-user-tree-inline'
+// import WorkflowButton from '../packages/workflow-button'
+// import WorkflowHistoryList from '../packages/workflow-history-list'
+import PreventReclick from '../packages/directives/prevent-reclick'
+// import exportPlugin from '../packages/export-data/index'
+// import ValidCode from '../packages/valid-code'
+import customPlugin from '../packages/plugins/index'
+// import RemoveUser from '../packages/remove-user'
+// import RemoveDepartment from '../packages/remove-department'
+// import RemoveWorkgroup from '../packages/remove-workgroup'
+// import OrganizationInput from '../packages/organization-input'
+// import SuperNineGrid from '../packages/super-nine-grid'
+// import DynamicSourceSelect from '../packages/dynamic-source-select'
+// import FsUpload from '../packages/fs-upload'
+// import ScanCodeInput from '../packages/scan-code-input'
+// import FsPreview from '../packages/fs-preview'
+// import FsUploadList from '../packages/fs-upload-list'
+import { openPage } from './utils/jump-page-utils'
+// import YearRangePicker from '../packages/year-range-picker'
+// import MultipartUpload from '../packages/multipart-upload'
+// import RichEditor from '../packages/rich-editor'
+// import SecretInfo from '../packages/secret-info'
+import plugins from '../packages/plugins/index'
+import permission from './directives/permission'
+
+// 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
+const install = function (Vue) {
+  window.$vueApp.directive('prevent-reclick', PreventReclick)
+  permission.install(Vue)
+  window.$vueApp.use(customPlugin)
+  window.$vueApp.use(plugins)
+  if (install.installed) return
+  // components.map(component => Vue.component(component.name, component))
+  // components.forEach(component => {
+  //   Vue.component(component.name, component)
+  // })
+  // 将弹出页面方法注册到window对象上
+  window['$plateform_openPage'] = openPage
+}
+
+//  判断是否是直接引入vue的js文件，即全局引用可自动安装所有组件
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue)
+}
+// 按需引入
+// export {
+//   Breadcrumb,
+//   DepartmentTree,
+//   Hamburger,
+//   SvgIcon,
+//   SuperGrid,
+//   DepartmentUserTree,
+//   WorkgroupTree,
+//   WorkgroupUserTree,
+//   InlineDepartmentTree,
+//   InlineDepartmentUserTree,
+//   InlineWorkgroupTree,
+//   InlineWorkgroupUserTree,
+//   WorkflowButton,
+//   WorkflowHistoryList,
+//   ValidCode,
+//   RemoveUser,
+//   RemoveDepartment,
+//   RemoveWorkgroup,
+//   OrganizationInput,
+//   SuperNineGrid,
+//   DynamicSourceSelect,
+//   FsUpload,
+//   ScanCodeInput,
+//   FsPreview,
+//   FsUploadList,
+//   YearRangePicker,
+//   MultipartUpload,
+//   RichEditor,
+//   SecretInfo
+// }
+
+export default {
+  // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
+  install,
+}

package/src/plugins.js

@@ -1,18 +1,18 @@
-import * as Vue from 'vue'
-
-import 'normalize.css/normalize.css' // A modern alternative to CSS resets
-import './styles/index.scss' // global css
-
-// import ElementUI from 'element-plus'
-// import 'element-ui/lib/theme-chalk/index.css'
-// import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n
-
-// import SuperUI from 'imatrix-ui'
-// import 'imatrix-ui/lib/super-ui.css'
-
-import 'imatrix-ui/src/permission' // permission control
-// import permission from 'imatrix-ui/src/directives/permission'
-
-// window.$vueApp.use(ElementUI, { locale })
-// window.$vueApp.use(SuperUI)
-// permission.install(window.$vueApp)
+import * as Vue from 'vue'
+
+import 'normalize.css/normalize.css' // A modern alternative to CSS resets
+import './styles/index.scss' // global css
+
+// import ElementUI from 'element-plus'
+// import 'element-ui/lib/theme-chalk/index.css'
+// import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n
+
+// import SuperUI from 'imatrix-ui'
+// import 'imatrix-ui/lib/super-ui.css'
+
+import 'imatrix-ui/src/permission' // permission control
+// import permission from 'imatrix-ui/src/directives/permission'
+
+// window.$vueApp.use(ElementUI, { locale })
+// window.$vueApp.use(SuperUI)
+// permission.install(window.$vueApp)

package/src/router/index.js

@@ -24,9 +24,7 @@ export const publicRouterMap = [
     children: [
       {
         path: '/redirect/:path*',
-        component: Vue.defineAsyncComponent(
-            () => import('../views/redirect/index.vue')
-        ),
+        component: () => import('../views/redirect/index.vue'),
       },
     ],
   },
@@ -37,9 +35,7 @@ export const publicRouterMap = [
     children: [
       {
         path: 'page',
-        component: Vue.defineAsyncComponent(
-            () => import('../views/layout/components/iframe-page.vue')
-        ),
+        component: () => import('../views/layout/components/iframe-page.vue'),
         hidden: true,
       },
     ],
@@ -51,46 +47,32 @@ export const publicRouterMap = [
   // },
   {
     path: '/auth-redirect',
-    component: Vue.defineAsyncComponent(
-        () => import('../views/login/authredirect.vue')
-    ),
+    component: () => import('../views/login/authredirect.vue'),
     hidden: true,
   },
   {
     path: '/404',
-    component: Vue.defineAsyncComponent(
-        () => import('../views/error-page/404.vue')
-    ),
+    component: () => import('../views/error-page/404.vue'),
     hidden: true,
   },
   {
     path: '/401',
-    component: Vue.defineAsyncComponent(
-        () => import('../views/error-page/401.vue')
-    ),
+    component: () => import('../views/error-page/401.vue'),
     hidden: true,
   },
   {
     path: '/show-sub-wf-history',
-    component: Vue.defineAsyncComponent(
-        () => import('../views/wf-history/tache-subprocess-history.vue')
-    ),
+    component: () => import('../views/wf-history/tache-subprocess-history.vue'),
     hidden: true,
   },
   {
     path: '/tab-content-index',
-    component: Vue.defineAsyncComponent(
-        () => import('../views/layout/tab-content-index.vue')
-    ),
+    component: ()=>import('../views/layout/tab-content-index.vue'),
     hidden: true,
   },
   {
     path: '/tab-content-iframe-index',
-    component: Vue.defineAsyncComponent(
-      Vue.defineAsyncComponent(
-        () => import('../views/layout/tab-content-iframe-index.vue')
-      )
-    ),
+    component: () => import('../views/layout/tab-content-iframe-index.vue'),
     hidden: true,
   },
 ]

package/src/store/getters.js

@@ -1,15 +1,15 @@
-const getters = {
-  sidebar: (state) => state.app.sidebar,
-  device: (state) => state.app.device,
-  token: (state) => state.user.token,
-  name: (state) => state.user.name,
-  // routers: state => state.permission.routers,
-  protectedRouters: (state) => state.permission.protectedRouters,
-  currentUserPermissions: (state) => state.permission.currentUserPermissions,
-  preventReclick: (state) => state.app.preventReclick,
-  menus: (state) => state.user.menus,
-  openTab: (state) => state.tabContent.openTab,
-  activeIndex: (state) => state.tabContent.activeIndex,
-  whiteList: (state) => state.app.whiteList,
-}
-export default getters
+const getters = {
+  sidebar: (state) => state.app.sidebar,
+  device: (state) => state.app.device,
+  token: (state) => state.user.token,
+  name: (state) => state.user.name,
+  // routers: state => state.permission.routers,
+  protectedRouters: (state) => state.permission.protectedRouters,
+  currentUserPermissions: (state) => state.permission.currentUserPermissions,
+  preventReclick: (state) => state.app.preventReclick,
+  menus: (state) => state.user.menus,
+  openTab: (state) => state.tabContent.openTab,
+  activeIndex: (state) => state.tabContent.activeIndex,
+  whiteList: (state) => state.app.whiteList,
+}
+export default getters

package/src/store/index.js

@@ -1,19 +1,19 @@
-import * as Vue from 'vue'
-import * as Vuex from 'vuex'
-import app from './modules/app'
-import user from './modules/user'
-import permission from './modules/permission'
-import tabContent from './modules/tab-content'
-import getters from './getters'
-
-const store = Vuex.createStore({
-  modules: {
-    app,
-    user,
-    permission,
-    tabContent,
-  },
-  getters,
-})
-
-export default store
+import * as Vue from 'vue'
+import * as Vuex from 'vuex'
+import app from './modules/app'
+import user from './modules/user'
+import permission from './modules/permission'
+import tabContent from './modules/tab-content'
+import getters from './getters'
+
+const store = Vuex.createStore({
+  modules: {
+    app,
+    user,
+    permission,
+    tabContent,
+  },
+  getters,
+})
+
+export default store

package/src/store/modules/app.js

@@ -1,54 +1,54 @@
-const app = {
-  state: {
-    sidebar: {
-      opened: !+window.sessionStorage.getItem('sidebarStatus'),
-      withoutAnimation: false,
-    },
-    device: 'desktop',
-    preventReclick: false,
-    whiteList: [],
-  },
-  mutations: {
-    toggleSidebar: (state) => {
-      if (state.sidebar.opened) {
-        window.sessionStorage.setItem('sidebarStatus', 1)
-      } else {
-        window.sessionStorage.setItem('sidebarStatus', 0)
-      }
-      state.sidebar.opened = !state.sidebar.opened
-      state.sidebar.withoutAnimation = false
-    },
-    closeSidebar: (state, withoutAnimation) => {
-      window.sessionStorage.setItem('sidebarStatus', 1)
-      state.sidebar.opened = false
-      state.sidebar.withoutAnimation = withoutAnimation
-    },
-    toggleDevice: (state, device) => {
-      state.device = device
-    },
-    togglePreventReclick: (state, preventReclick) => {
-      state.preventReclick = preventReclick
-    },
-    setWhiteList: (state, whiteList) => {
-      if (whiteList instanceof Array) {
-        state.whiteList = whiteList
-      }
-    },
-  },
-  actions: {
-    toggleSidebar: ({ commit }) => {
-      commit('toggleSidebar')
-    },
-    closeSidebar({ commit }, { withoutAnimation }) {
-      commit('closeSidebar', withoutAnimation)
-    },
-    toggelDevice({ commit }, device) {
-      commit('toggleDevice', device)
-    },
-    addWhiteList({ commit }, whiteList) {
-      commit('setWhiteList', whiteList)
-    },
-  },
-}
-
-export default app
+const app = {
+  state: {
+    sidebar: {
+      opened: !+window.sessionStorage.getItem('sidebarStatus'),
+      withoutAnimation: false,
+    },
+    device: 'desktop',
+    preventReclick: false,
+    whiteList: [],
+  },
+  mutations: {
+    toggleSidebar: (state) => {
+      if (state.sidebar.opened) {
+        window.sessionStorage.setItem('sidebarStatus', 1)
+      } else {
+        window.sessionStorage.setItem('sidebarStatus', 0)
+      }
+      state.sidebar.opened = !state.sidebar.opened
+      state.sidebar.withoutAnimation = false
+    },
+    closeSidebar: (state, withoutAnimation) => {
+      window.sessionStorage.setItem('sidebarStatus', 1)
+      state.sidebar.opened = false
+      state.sidebar.withoutAnimation = withoutAnimation
+    },
+    toggleDevice: (state, device) => {
+      state.device = device
+    },
+    togglePreventReclick: (state, preventReclick) => {
+      state.preventReclick = preventReclick
+    },
+    setWhiteList: (state, whiteList) => {
+      if (whiteList instanceof Array) {
+        state.whiteList = whiteList
+      }
+    },
+  },
+  actions: {
+    toggleSidebar: ({ commit }) => {
+      commit('toggleSidebar')
+    },
+    closeSidebar({ commit }, { withoutAnimation }) {
+      commit('closeSidebar', withoutAnimation)
+    },
+    toggelDevice({ commit }, device) {
+      commit('toggleDevice', device)
+    },
+    addWhiteList({ commit }, whiteList) {
+      commit('setWhiteList', whiteList)
+    },
+  },
+}
+
+export default app

package/src/store/modules/tab-content.js

@@ -1,36 +1,36 @@
-const tabContent = {
-  state: {
-    openTab: [], // 所有打开的路由
-    activeIndex: null, // 激活状态
-  },
-  mutations: {
-    // 添加tabs
-    add_tabs(state, data) {
-      state.openTab.push(data)
-    },
-    // 删除tabs
-    delete_tabs(state, route) {
-      let index = 0
-      for (const option of state.openTab) {
-        if (option.code === route.code) {
-          break
-        }
-        index++
-      }
-      state.openTab.splice(index, 1)
-    },
-    // 设置当前激活的tab
-    set_active_index(state, index) {
-      state.activeIndex = index
-    },
-    // 清空tabs
-    clear_tabs(state, route) {
-      if (state.openTab.length > 0) {
-        state.openTab.splice(0, state.openTab.length)
-      }
-    },
-  },
-  actions: {},
-}
-
-export default tabContent
+const tabContent = {
+  state: {
+    openTab: [], // 所有打开的路由
+    activeIndex: null, // 激活状态
+  },
+  mutations: {
+    // 添加tabs
+    add_tabs(state, data) {
+      state.openTab.push(data)
+    },
+    // 删除tabs
+    delete_tabs(state, route) {
+      let index = 0
+      for (const option of state.openTab) {
+        if (option.code === route.code) {
+          break
+        }
+        index++
+      }
+      state.openTab.splice(index, 1)
+    },
+    // 设置当前激活的tab
+    set_active_index(state, index) {
+      state.activeIndex = index
+    },
+    // 清空tabs
+    clear_tabs(state, route) {
+      if (state.openTab.length > 0) {
+        state.openTab.splice(0, state.openTab.length)
+      }
+    },
+  },
+  actions: {},
+}
+
+export default tabContent