agilebuilder-ui 1.0.0

package/src/i18n/langs/en.js

@@ -0,0 +1,276 @@
+const en = {
+    imatrixUIPublicModel: {
+        sure: 'Sure',
+        cancel: 'Cancel',
+        allDepartments: 'All Departments',
+        allUsers: 'All Users',
+        reset: 'Reset',
+        to: 'To',
+        edit: 'Edit',
+        clear: 'Clear',
+        download: 'Download',
+        delete: 'Delete',
+        preview: 'Preview',
+        add: 'Add',
+        graphView: 'Graphic view',
+        listView: 'List View',
+        fieldName: 'Field Name',
+        operator: 'Operator',
+        value: 'Value',
+        andOr: 'And/Or',
+        whenTheVariableIsEmpty: 'When The Variable Is Empty',
+        perhaps: 'Perhaps',
+        also: 'Also',
+        greaterThan: 'Greater Than',
+        lessThan: 'Less Than',
+        beEqualTo: 'Be Equal To',
+        notGreaterThan: 'Not Greater Than',
+        notLessThan: 'Not Less Than',
+        notEqualTo: 'Not Equal To',
+        contain: 'Contain',
+        notIncluded: 'Not Included',
+        laterThan: 'Later Than',
+        earlierThan: 'Earlier Than',
+        noLaterThan: 'No Later Than',
+        noEarlierThan: 'No Earlier Than',
+        ignore11: 'Ignore (1 = 1)',
+        nonConformity: 'Non Conformity (1 < > 1)',
+        switchToNormalQuery: 'Switch To Normal Query',
+        switchToAdvancedQuery: 'Switch To Advanced Query',
+        isNull: 'Is Null',
+        isNotNull: 'Is Not Null',
+        previewImage: 'Preview image',
+        fullScreen: 'Full Screen',
+        forbidden: 'forbidden',
+        startUsing: 'Start Using',
+        systemCode: 'System Code'
+    },
+    imatrixUIMessage: {
+        whetherToConfirmDeletion: 'Whether To Confirm Deletion',
+        tips: 'Tips',
+        pleaseEnterContent: 'Please Enter Content',
+        internalServerError: 'Server error',
+        pleaseSelectDepartment: 'Please Select Department',
+        pleaseSelectPersonnel: 'Please Select Personnel',
+        pleaseRemoveallpersonnelBeforeSelectingSpecificPersonnel:
+            'Please Remove All Personnel Before Selecting Specific Personnel',
+        queryResultIsEmpty: 'Query Result Is Empty',
+        pleaseSelectATeam: 'Please Select A Team',
+        pleaseEnterTeamName: 'Please Enter Team Name',
+        validationFailed: 'Validation Failed',
+        selectionDate: 'Selection Date',
+        selectTime: 'Select Time',
+        pleaseEnterATimePoint: 'Please Enter A Time Point',
+        pleaseSelect: 'Please Select',
+        startDate: 'Start Date',
+        endDate: 'End Date',
+        noExportColumnsConfigured: 'No Export Columns Configured',
+        organizationTreeNoResultNotRemove:
+            'No information selected, no need to remove',
+        exceedFileSize: 'File size limit {filesize} M exceeded',
+        upload: 'Upload',
+        invalideDoubleValue: '{num} is not a legal decimal',
+        noJumpPage: 'Jump page not configured',
+        saveSuccessfully: 'Savee successfully',
+        pleaseInputSearchCondition: 'Please enter the query criteria',
+        fileUpload: 'File Upload',
+        selectYear: 'Select Year',
+        search: 'Search',
+        forbiddenException: 'You do not have permission to access this resource',
+        theButtonIsNotBoundToAResource:
+            'The button is not bound to a resource, Bind the resource first',
+        asyncExport: 'Asynchronous export, please wait for message notification!',
+        selectedWorkingGroup: 'Selected working group',
+    },
+    superGrid: {
+        columnConfig: 'Column Config',
+        pleaseSaveOrCancelEditingLine:
+            'Please Save Or Cancel Editing Line {row} Data First',
+        pleaseSaveLine: 'Please Save Line {row} Data First',
+        noNeedToSaveRow: 'No Need To Save Row {row} Data',
+        pleaseSetURLToSaveRowInformation:
+            'Please set "URL to save row information"',
+        lineSavedSuccessfully: 'Line {row} Saved Successfully',
+        theReturnValueOfTheBeforesaveCallbackMethodIsFalse:
+            'The Return Value Of The Beforesave Callback Method Is False',
+        lineNoNeedToUndoEdit: 'Line {row} No Need To Undo Edit',
+        lineCancelledSuccessfully: 'Line {row} cancelled successfully',
+        label: 'Label',
+        isShow: 'Is Show',
+        isExportable: 'Is Exportable',
+        recordLine: 'Record line {row}',
+        pageRecordLine: 'Record in row {row} of page {pageNum}',
+        fileName: 'File Name',
+        deleteSuccessful: 'Deleted successfully',
+        index: 'No.',
+        searchConditionName: 'Search Condition Name',
+        pleaseInputSearchConditionName:
+            'Please enter the name of the query criteria',
+        saveCondition: 'Save Condition',
+        saveConditionTitle: 'Save Condition',
+        displayOrder: 'Display Order',
+        width: 'Column Width',
+        default: 'Default',
+        custom: 'Custom',
+        show: 'Show',
+        hidden: 'Hidden',
+        export: 'Export',
+        unExport: 'Not Export',
+        whetherToConfirmReset: 'Are you sure you want to reset?',
+        resetSuccessful: 'Reset successfully',
+        dragColumnOrderMessage: 'Supports dragging to change column order',
+        selectAll: 'Select All',
+        viewImage: 'View Image',
+        previewTitleWhenNotImg: 'Non picture format, preview in other ways',
+        refresh: 'Refresh',
+        open: 'Open',
+        fold: 'Fold',
+    },
+    departmentTree: {},
+    departmentTreeInline: {
+        pleaseEnterDepartmentName: 'Please Enter Department Name',
+        name: 'Department Name',
+        code: 'Department Code',
+        removeDepartment: 'Remove Department',
+        selectedDept: 'Selected Departments',
+        namePath: 'Name Path',
+    },
+    // 用户树
+    departmentUserTree: {
+        pleaseEnterUserInformation: 'Please Enter User Information',
+        selectedPeople: 'Selected People',
+        searchFieldUserName: 'Name',
+        searchFieldLoginName: 'Login Name',
+        searchFieldEmail: 'Email',
+        searchFieldTelephone: 'Telephone',
+        searchFieldJobNumber: 'Job Number',
+        searchFieldHonorificName: 'Honorific',
+    },
+    // 嵌入用户树
+    departmentUserTreeInline: {
+        name: 'Name',
+        department: 'Department',
+        branch: 'Branch',
+        removeUser: 'Remove User',
+        email: 'Email',
+        loginName: 'Login Name',
+    		superiorDeptNameFullPath: 'Department full path'
+    },
+    // 工作组树
+    workgroupTree: {
+        allTeamMembers: 'All Team Members',
+        name: 'Workgroup Name',
+        code: 'Workgroup Code',
+        removeWorkgroup: 'Remove Workgroup',
+        workingGroupName: 'Working Group Name',
+        workingGroupNumber: 'Working Group Number',
+        workgroupDescription: 'Workgroup Description',
+    },
+    // 流程按钮组件。save、submit等属性名不能随便改，和后台的ButtonType枚举名保持一致
+    workflowButton: {
+        save: 'Save',
+        submit: 'Submit',
+        approve: 'Approve',
+        refuse: 'Refuse',
+        agreement: 'Agree',
+        oppose: 'Opposition',
+        kiken: 'Abstention',
+        get_back_button: 'Retrieve',
+        copy: 'Copy',
+        draw: 'Draw',
+        abandon_draw: 'Give Up Draw',
+        add_sign: 'Additional Signature',
+        remove_sign: 'Reduction Of Signature',
+        signoff: 'Sign For',
+        assign: 'Hand over',
+        assign_task: 'Transfer',
+        readed: 'Readed',
+        export_report: 'Export Report',
+        draw_dept_task: 'Draw Department',
+        abandon_draw_dept_task: 'Give Up Draw Department',
+    },
+    // 流转历史文本组件
+    workflowHistoryList: {
+        specailText: 'specail',
+        index: 'Index',
+        taskName: 'Task Name',
+        operation: 'Operation',
+        opinion: 'Opinion',
+        processStart: 'Process Start',
+        processEnd: 'Process End',
+        process_start: '[{1}] process start',
+        prcoess_end: '[{1}] process End',
+        force_end_process:
+            '{key_1}forced to end the process, and the task of [{key_2}] was canceled',
+        history_jump: 'Process {key_3} to [{key_1}], [{key_2}] task cancelled',
+        history_back: '{key_1} returned to task,process returned to [{key_2}]',
+        history_removesign: '{key_1} minus [{key_2}]',
+        history_changetransactor_and_delegate:
+            '{key_1} changed the handler [{key_2}] to [{key_3}], [{key_4}] delegated the task to [{key_5}]',
+        history_changetransactor: '{key_1} changed handler [{key_2}] to [{key_3}]',
+        history_addsign: '{key_1} sign [{key_2}]',
+        history_addtransactor: '{key_1} add handler [{key_2}]',
+        history_removetransactor: '{key_1} decrease handler [{key_2}]',
+        history_delegate_and_assign:
+            '{key_1} assigned tasks to [{key_2}], [{key_3}] delegated tasks to [{key_4}]',
+        history_assign: '{key_1} assigned task to [{key_2}]',
+        transfer: '{key_1} transferred to [{key_2}]',
+        history_complete_transfer:
+            '{key_1} execute [{key_2}] operation and canceled the task of other receivers [{key_3}]',
+        history_delegate_receive: '{key_1} retracts the task entrusted to [{key_2}]',
+        history_delegate: '{key_1} has delegated task [{key_2}] to [{key_3}]',
+        history_quit_transfer:
+            '{key_1} Resignation, has transferred task [{key_2}] to [{key_3}',
+        history_change_job_transfer:
+            '{key_1} Change job,has transferred task [{key_2}] to [{key_3}',
+        commonButtonOperation: '{key_1} execute [{key_2}] operation',
+        history_draw_task:
+            '{key_1} received the task and cancelled the task of the candidate [{key_2}]',
+        history_abandon_draw:
+            '{key_1} gives up the task and restores the task of candidate [{key_2}]',
+        create_copy_task: '{key_1} The task was copied to [{key_2}',
+        toDoText: 'Todo',
+        operator: 'Operator',
+        operatorLg: 'Operator Login Name',
+        operatorDept: 'Operator Dept',
+        operationTime: 'Operation Time',
+        history_draw_dept_task: '{key_1} Received tasks from department [{key_2}]',
+        history_abandon_draw_dept_task:
+            '{key_1} Abandon the task of receiving department [{key_2}]',
+    },
+    gateway: {
+        timeout: 'Interface call timeout',
+        callFailed: 'Interface call failed',
+    },
+    // 九宫格列表组件
+    superNineGrid: {
+        add: 'Create',
+    },
+    fsUpload: {
+        upload: 'Upload',
+        download: 'Download',
+        delete: 'Delete',
+        preview: 'Preview',
+        name: 'Name',
+        picture: 'Picture',
+        operating: 'Operating',
+        uploadSucceeded: 'Upload succeeded',
+        theNumberOfUploadsExceedsTheLimitTheLimitIs:
+            'The number of uploads exceeds the limit. The limit is',
+    },
+    messageVideo: {
+        attemptingToIdentify: 'Attempting to identify',
+        callingRearCamera: 'Calling rear camera',
+        identificationFailed: 'Identification failed',
+    },
+    IntervalSelection: {
+        year: 'year',
+        quarter: 'quarter',
+        auxiliary: 'auxiliary word for ordinal numbers',
+        week: 'week',
+    },
+    imatrixUIPromptMessage: {
+        NoContent: 'No content',
+    }
+}
+export default en

package/src/index.js

@@ -0,0 +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,
+}

package/src/permission.js

@@ -0,0 +1,242 @@
+import NProgress from 'nprogress' // Progress 进度条
+import 'nprogress/nprogress.css' // Progress 进度条样式
+import { getToken, setToken } from './utils/auth' // 验权
+import store from './store'
+import router, { errorRouterMap } from './router'
+NProgress.configure({ showSpinner: false }) // NProgress Configuration
+import { ElMessage as Message } from 'element-plus'
+import * as Vue from 'vue'
+import authApi from './utils/auth-api'
+
+import {cacheAllLanguagesUtil, getLocaleByLang, cacheCurrentLanguageUtil} from './utils/common-util'
+
+// 首次加载业务系统时，获得用户的语言
+function initUserLanguage() {
+  return new Promise((resolve, reject) => {
+      cacheCurrentLanguageUtil(window.$http).then((lang) => {
+              const locale = getLocaleByLang(lang)
+              // i18n.locale = locale // 关键语句
+              window.$locale = locale
+              resolve()
+          })
+  })
+}
+
+// 首次加载业务系统时，缓存所有语言
+function cacheAllLanguages() {
+  return cacheAllLanguagesUtil(window.$http)
+}
+
+const whiteList = [
+  '/login',
+  '/update-password',
+  '/forget-password',
+  '/reset-password',
+  '/redirect',
+] // 不重定向白名单
+
+let devpJWTKey = '_devpJWT'
+let runDevpJWTKey = '_runDevpJWT'
+let currentRoleKey = '_CURRENT_ROLE'
+let runCurrentRoleKey = '_RUN_CURRENT_ROLE'
+router.beforeEach((to, from, next) => {
+  NProgress.start()
+  console.log('router.beforeEach-to=', to)
+  console.log('router.beforeEach-from=', from)
+  // console.log('router.beforeEach-to.path=', to.path)
+  console.log('router.beforeEach-to.query=', to.query)
+  if (to.query && to.query[devpJWTKey]) {
+    console.log('router.beforeEach-to.query[_devpJWT])=', to.query[devpJWTKey])
+    // setToken(to.query[devpJWTKey])
+    authApi.setSessionCache(runDevpJWTKey, to.query[devpJWTKey])
+  }
+  if (to.query && to.query[currentRoleKey]) {
+    console.log('router.beforeEach-to.query[_CURRENT_ROLE])=', to.query[currentRoleKey])
+    authApi.setSessionCache(runCurrentRoleKey, to.query[currentRoleKey])
+  }
+  let token
+  // 是否是开发环境功能
+  let isDevp = false
+  if(authApi.getSessionCache(runDevpJWTKey)) {
+    // setToken(authApi.getSessionCache(runDevpJWTKey))
+    token = authApi.getSessionCache(runDevpJWTKey)
+    console.log('router.beforeEach-authApi.getSessionCache(_runDevpJWT)=', authApi.getSessionCache(runDevpJWTKey))
+    isDevp = true
+  }
+  if(!token) {
+    token = getToken()
+  }
+  console.log('router.beforeEach-token=', token)
+  // console.log('router.beforeEach-to.query.JWT=', to.query.JWT)
+  if (!token && to.query && to.query.JWT) {
+    token = to.query.JWT
+    if (token) {
+      // 微信小程序web-view直接访问路径时使用?将JWT传过来
+      setToken(token)
+    }
+  }
+  if (!token && to.query && to.query.jwt) {
+    token = to.query.jwt
+    if (token) {
+      // 微信小程序web-view直接访问路径时使用?将JWT传过来
+      setToken(token)
+    }
+  }
+  if (to.query && to.query._systemName_) {
+    // 表示需要设置浏览器页签名
+    window.top.document.title = to.query._systemName_
+  }
+  // console.log('router.beforeEach-getToken()=', token)
+  // 表示需要显示菜单。为了控制是否需要走获得有权限的菜单集合的接口。单点登录跳转到表单页面时不需要请求菜单，提高页面显示速度。
+  let isNeedMenu
+  if (to.query && to.query._isNeedMenu_) {
+    isNeedMenu = to.query._isNeedMenu_
+  }
+  if (isNeedMenu !== undefined && isNeedMenu !== null && isNeedMenu === 'false') {
+    isNeedMenu = false
+  } else {
+    isNeedMenu = true
+  }
+  console.log('iMatrix-router.beforeEach2-isNeedMenu==', isNeedMenu)
+  if (
+      ([
+            '/update-password',
+            '/forget-password',
+            '/reset-password',
+            '/redirect',
+          ].indexOf(to.path) === -1 ||
+          store.getters.whiteList.indexOf(to.path) !== -1) &&
+      token
+  ) {
+    if (to.path === '/login') {
+      next({ path: '/', query: to.query })
+      NProgress.done() // if current page is dashboard will not trigger	afterEach hook, so manually handle it
+    } else {
+      console.log('router.beforeEach-to.path!=login')
+      if (store.getters.name === '') {
+        // 表示刷新了页面（例如点击了一级菜单）后，会重新走该方法
+        console.log('router.beforeEach-store.getters.name === ""')
+        store
+            .dispatch('isLoginTimeOut')
+            .then((result) => {
+              if (result === true) {
+                store.dispatch('clearToken').then(() => {
+                  next({ path: '/', replace: true })
+                  NProgress.done()
+                })
+              } else {
+                store
+                    .dispatch('getCurrentUser')
+                    .then((user) => {
+                      return new Promise((resolve, reject) => {
+                        initUserLanguage().then(()=>{
+                          resolve(user)
+                        })
+                      })
+                    }).then((user)=>{
+                      return new Promise((resolve, reject) => {
+                        cacheAllLanguages().then(()=>{
+                          resolve(user)
+                        })
+                      })
+                    }).then((user)=>{
+                      console.log('router.beforeEach-getCurrentUser')
+                        const devpRoleCodes = authApi.getSessionCache(runCurrentRoleKey)
+                        if(isDevp && devpRoleCodes){
+                          // 表示是开发环境JWT
+                          return store.dispatch(
+                              'getDevPlatformPermissions',
+                              devpRoleCodes
+                          )
+                        } else {
+                          return store.dispatch(
+                              'getCurrentUserPermissions',
+                              user.loginName
+                          )
+                        }
+                    })
+                    .then((permissions) => {
+                      return store.dispatch('generateRoutes', permissions)
+                    })
+                    .then(() => {                      
+                      if (isNeedMenu) {
+                        // 需要显示左侧菜单
+                        console.log('iMatrix-router.beforeEach2-getPermissionMenus')
+                        return store.dispatch('getPermissionMenus', window.$vueApp.config.globalProperties.currentSystem)
+                      } else {
+                        return new Promise((resolve, reject) => {
+                          resolve()
+                        })
+                      }
+                    })
+                    .then(() => {
+                      // 根据roles权限生成可访问的路由表
+                      console.log(
+                          'router.beforeEach-generateRoutes==to=',
+                          to,
+                          ',from=',
+                          from
+                      )
+                      store.getters.protectedRouters.forEach(item =>{
+                        router.addRoute(item)
+                      })
+                      // 404等错误路由一定要放到受权限保护的路由之后
+                      // router.addRoutes(errorRouterMap)
+                      window.sessionStorage.setItem(
+                          new Date().getTime() + '-name=null-from~~toPath',
+                          from.path + '~~' + to.path
+                      )
+                      next({ ...to, replace: true })
+                    })
+                    .catch((err) => {
+                      store.dispatch('clearToken').then(() => {
+                        Message.error(
+                            err || 'Verification failed, please login again'
+                        )
+                        next({ path: '/' })
+                      })
+                    })
+              }
+            })
+            .catch((err) => {
+              store.dispatch('clearToken').then(() => {
+                Message.error(err || 'Verification failed, please login again')
+                next({ path: '/' })
+              })
+            })
+      } else {
+        console.log(
+            'router.beforeEach-store.getters.name ==',
+            store.getters.name
+        )
+        if (isNeedMenu) {
+          // 需要显示左侧菜单
+          let systemCode = window.$vueApp.config.globalProperties.currentSystem
+          if (!systemCode && to.query && to.query.customSystem) {
+            systemCode = to.query.customSystem
+          }
+          return store.dispatch('getPermissionMenus', systemCode).then(() => {
+            next()
+          })
+        } else {
+          next()
+        }
+      }
+    }
+  } else {
+    if (
+        whiteList.indexOf(to.path) !== -1 ||
+        store.getters.whiteList.indexOf(to.path) !== -1
+    ) {
+      next()
+    } else {
+      // 必须使用to.fullPath，fullPath是带有参数的，to.path没有参数，会导致跳转到的页面参数丢失
+      next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
+      NProgress.done()
+    }
+  }
+})
+
+router.afterEach(() => {
+  NProgress.done() // 结束Progress
+})

package/src/plugins.js

@@ -0,0 +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)