imatrix-ui 0.2.6-up → 0.2.7-up

package/src/views/dsc-component/Sidebar/Link.vue

@@ -1,38 +1,38 @@
-<template>
-  <div>
-    <!-- eslint-disable vue/require-component-is-->
-    <!-- <a v-if="isExter" :href="to.path" target="_blank" rel="noopener">
-          <slot />
-        </a> -->
-
-    <router-link v-if="!isOpenNewTab" :to="to">
-      <slot />
-    </router-link>
-    <div v-else>
-      <slot />
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    to: {
-      type: Object,
-      required: true,
-    },
-  },
-  data() {
-    const isExter = this.to.isExternal
-    const openWay = this.to.openWay
-    let isOpenNewTab = false
-    if (openWay && openWay === 'NEW_PAGE_OPEN') {
-      isOpenNewTab = true
-    }
-    return {
-      isExter,
-      isOpenNewTab,
-    }
-  },
-}
-</script>
+<template>
+  <div>
+    <!-- eslint-disable vue/require-component-is-->
+    <!-- <a v-if="isExter" :href="to.path" target="_blank" rel="noopener">
+          <slot />
+        </a> -->
+
+    <router-link v-if="!isOpenNewTab" :to="to">
+      <slot />
+    </router-link>
+    <div v-else>
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    to: {
+      type: Object,
+      required: true,
+    },
+  },
+  data() {
+    const isExter = this.to.isExternal
+    const openWay = this.to.openWay
+    let isOpenNewTab = false
+    if (openWay && openWay === 'NEW_PAGE_OPEN') {
+      isOpenNewTab = true
+    }
+    return {
+      isExter,
+      isOpenNewTab,
+    }
+  },
+}
+</script>

package/src/views/dsc-component/Sidebar/SidebarItem.vue

@@ -1,198 +1,198 @@
-<template>
-  <div class="menu-wrapper">
-    <template v-if="!item.children || item.children.lenght === 0">
-      <app-link :to="toPath(item)" @click="clickMenu(toPath(item))">
-        <el-menu-item
-          :index="resolvePath(item.code, item.path, item.pageType)"
-          :class="{ 'submenu-title-noDropdown': !isNest }"
-        >
-          <item
-            :icon="item.iconName"
-            :title="getI18nName(item)"
-            :is-root="true"
-          />
-        </el-menu-item>
-      </app-link>
-    </template>
-
-    <el-sub-menu
-      v-else
-      :index="resolvePath(item.code, item.path, item.pageType)"
-      :show-timeout="0"
-      :hide-timeout="50"
-      :popper-append-to-body="false"
-      popper-class="sidebar-container-popper"
-    >
-      <template v-slot:title>
-        <item
-          :icon="item.iconName"
-          :title="getI18nName(item)"
-          :has-children="item.children.length > 0 ? true : false"
-        />
-      </template>
-
-      <template v-for="child in item.children">
-        <sidebar-item
-          v-if="child.children && child.children.length > 0"
-          :is-nest="true"
-          :item="child"
-          class="nest-menu"
-        />
-        <app-link v-else :to="toPath(child)" @click="clickMenu(toPath(child))">
-          <el-menu-item
-            :index="resolvePath(child.code, child.path, child.pageType)"
-          >
-            <item :icon="child.iconName" :title="getI18nName(child)" />
-          </el-menu-item>
-        </app-link>
-      </template>
-    </el-sub-menu>
-  </div>
-</template>
-
-<script>
-// import { isExternal } from 'imatrix-ui/src/utils'
-import Item from './Item'
-import AppLink from './Link.vue'
-import * as Vue from 'vue'
-import tabJs from '../../../api/tab'
-import { getI18nName } from '../../../utils/menu'
-// import { SidebarItemChild } from './SidebarItemChild.vue'
-export default {
-  name: 'SidebarItem',
-  components: { Item, AppLink },
-  props: {
-    // route object
-    item: {
-      type: Object,
-      required: true,
-    },
-    isNest: {
-      type: Boolean,
-      default: false,
-    },
-    // basePath: {
-    //   type: String,
-    //   default: ''
-    // }
-  },
-  data() {
-    return {
-      onlyOneChild: null,
-    }
-  },
-  methods: {
-    ...tabJs,
-    hasOneShowingChild(children, parent) {
-      if (children && children.length > 0) {
-        this.onlyOneChild = children[0]
-      }
-      // When there is only one child router, the child router is displayed by default
-      if (children.length === 1) {
-        return true
-      }
-
-      // Show parent if there are no child router to display
-      if (!children || children.length === 0) {
-        // children不存在
-        this.onlyOneChild = { ...parent, path: '', noShowingChildren: true }
-        return true
-      }
-
-      return false
-    },
-    resolvePath(menuCode, pageCode, pageType) {
-      if (this.isExternalLink(pageType)) {
-        return '/dsc/' + menuCode + '~~'
-      } else {
-        return '/dsc/' + menuCode + '~~' + pageCode
-      }
-    },
-    toPath(menu) {
-      const toPathObj = {}
-      const routePath = menu.path
-      toPathObj.openWay = menu.openWay
-      if (this.isExternalLink(menu.pageType)) {
-        toPathObj.path = '/dsc-index/iframe-page'
-        toPathObj.tabPath = '/dsc/iframe-page'
-        toPathObj.query = {}
-        toPathObj.query.src = routePath
-        toPathObj.isExternal = true
-        // 如果路径中没有拼系统编码，才需要把系统编码放到参数中
-        toPathObj.query.customSystem =
-          window.$vueApp.config.globalProperties.customSystem
-        toPathObj.query._menuCode = menu.code
-        toPathObj.query._menuName = getI18nName(menu)
-      } else {
-        const pageCode = routePath
-        toPathObj.path = '/dsc-index/page'
-        toPathObj.tabPath = '/dsc/page'
-        toPathObj.query = {}
-        toPathObj.query.pageCode = pageCode
-        toPathObj.query.customSystem =
-          window.$vueApp.config.globalProperties.customSystem
-        toPathObj.query._menuCode = menu.code
-        toPathObj.query._menuName = getI18nName(menu)
-      }
-      return toPathObj
-    },
-    // 是否已存在customSystem参数
-    isHasCustomSystem(routePath) {
-      if (routePath && routePath.indexOf('?') > 0) {
-        const params = routePath.substring(routePath.indexOf('?') + 1)
-        const paramArr = params.split('&')
-        for (let i = 0; i < paramArr.length; i++) {
-          const item = paramArr[i]
-          const key = item.split('=')[0]
-          if (key === 'customSystem') {
-            return true
-          }
-        }
-      }
-      return false
-    },
-    clickMenu(toPathObj) {
-      // console.log('clickMenu----toPathObj=', toPathObj)
-      if (
-        toPathObj.openWay &&
-        toPathObj.openWay === 'NEW_PAGE_OPEN' &&
-        toPathObj.query
-      ) {
-        // 新页签打开菜单
-        let url = toPathObj.query.src
-        if (url && url.indexOf('?') > 0) {
-          url += '&'
-        } else {
-          url += '?'
-        }
-        if (toPathObj.query.customSystem) {
-          url += 'customSystem=' + toPathObj.query.customSystem
-        }
-        if (toPathObj.query._menuCode) {
-          url += '_menuCode=' + toPathObj.query._menuCode
-        }
-        if (toPathObj.query._menuCode) {
-          url += '_menuName=' + toPathObj.query._menuName
-        }
-        window.open(url, toPathObj.query._menuCode)
-      } else {
-        // 刷新页签打开菜单
-        this.addTabs(
-          toPathObj.query,
-          this.$store.state.tabContent.openTab,
-          toPathObj.tabPath
-        )
-      }
-    },
-    isExternalLink(pageType) {
-      if (pageType && pageType === 'iframe') {
-        return true
-      }
-      return false
-    },
-    getI18nName(menu) {
-      return getI18nName(menu)
-    },
-  },
-}
-</script>
+<template>
+  <div class="menu-wrapper">
+    <template v-if="!item.children || item.children.lenght === 0">
+      <app-link :to="toPath(item)" @click="clickMenu(toPath(item))">
+        <el-menu-item
+          :index="resolvePath(item.code, item.path, item.pageType)"
+          :class="{ 'submenu-title-noDropdown': !isNest }"
+        >
+          <item
+            :icon="item.iconName"
+            :title="getI18nName(item)"
+            :is-root="true"
+          />
+        </el-menu-item>
+      </app-link>
+    </template>
+
+    <el-sub-menu
+      v-else
+      :index="resolvePath(item.code, item.path, item.pageType)"
+      :show-timeout="0"
+      :hide-timeout="50"
+      :popper-append-to-body="false"
+      popper-class="sidebar-container-popper"
+    >
+      <template v-slot:title>
+        <item
+          :icon="item.iconName"
+          :title="getI18nName(item)"
+          :has-children="item.children.length > 0 ? true : false"
+        />
+      </template>
+
+      <template v-for="child in item.children">
+        <sidebar-item
+          v-if="child.children && child.children.length > 0"
+          :is-nest="true"
+          :item="child"
+          class="nest-menu"
+        />
+        <app-link v-else :to="toPath(child)" @click="clickMenu(toPath(child))">
+          <el-menu-item
+            :index="resolvePath(child.code, child.path, child.pageType)"
+          >
+            <item :icon="child.iconName" :title="getI18nName(child)" />
+          </el-menu-item>
+        </app-link>
+      </template>
+    </el-sub-menu>
+  </div>
+</template>
+
+<script>
+// import { isExternal } from 'imatrix-ui/src/utils'
+import Item from './Item'
+import AppLink from './Link.vue'
+import * as Vue from 'vue'
+import tabJs from '../../../api/tab'
+import { getI18nName } from '../../../utils/menu'
+// import { SidebarItemChild } from './SidebarItemChild.vue'
+export default {
+  name: 'SidebarItem',
+  components: { Item, AppLink },
+  props: {
+    // route object
+    item: {
+      type: Object,
+      required: true,
+    },
+    isNest: {
+      type: Boolean,
+      default: false,
+    },
+    // basePath: {
+    //   type: String,
+    //   default: ''
+    // }
+  },
+  data() {
+    return {
+      onlyOneChild: null,
+    }
+  },
+  methods: {
+    ...tabJs,
+    hasOneShowingChild(children, parent) {
+      if (children && children.length > 0) {
+        this.onlyOneChild = children[0]
+      }
+      // When there is only one child router, the child router is displayed by default
+      if (children.length === 1) {
+        return true
+      }
+
+      // Show parent if there are no child router to display
+      if (!children || children.length === 0) {
+        // children不存在
+        this.onlyOneChild = { ...parent, path: '', noShowingChildren: true }
+        return true
+      }
+
+      return false
+    },
+    resolvePath(menuCode, pageCode, pageType) {
+      if (this.isExternalLink(pageType)) {
+        return '/dsc/' + menuCode + '~~'
+      } else {
+        return '/dsc/' + menuCode + '~~' + pageCode
+      }
+    },
+    toPath(menu) {
+      const toPathObj = {}
+      const routePath = menu.path
+      toPathObj.openWay = menu.openWay
+      if (this.isExternalLink(menu.pageType)) {
+        toPathObj.path = '/dsc-index/iframe-page'
+        toPathObj.tabPath = '/dsc/iframe-page'
+        toPathObj.query = {}
+        toPathObj.query.src = routePath
+        toPathObj.isExternal = true
+        // 如果路径中没有拼系统编码，才需要把系统编码放到参数中
+        toPathObj.query.customSystem =
+          window.$vueApp.config.globalProperties.customSystem
+        toPathObj.query._menuCode = menu.code
+        toPathObj.query._menuName = getI18nName(menu)
+      } else {
+        const pageCode = routePath
+        toPathObj.path = '/dsc-index/page'
+        toPathObj.tabPath = '/dsc/page'
+        toPathObj.query = {}
+        toPathObj.query.pageCode = pageCode
+        toPathObj.query.customSystem =
+          window.$vueApp.config.globalProperties.customSystem
+        toPathObj.query._menuCode = menu.code
+        toPathObj.query._menuName = getI18nName(menu)
+      }
+      return toPathObj
+    },
+    // 是否已存在customSystem参数
+    isHasCustomSystem(routePath) {
+      if (routePath && routePath.indexOf('?') > 0) {
+        const params = routePath.substring(routePath.indexOf('?') + 1)
+        const paramArr = params.split('&')
+        for (let i = 0; i < paramArr.length; i++) {
+          const item = paramArr[i]
+          const key = item.split('=')[0]
+          if (key === 'customSystem') {
+            return true
+          }
+        }
+      }
+      return false
+    },
+    clickMenu(toPathObj) {
+      // console.log('clickMenu----toPathObj=', toPathObj)
+      if (
+        toPathObj.openWay &&
+        toPathObj.openWay === 'NEW_PAGE_OPEN' &&
+        toPathObj.query
+      ) {
+        // 新页签打开菜单
+        let url = toPathObj.query.src
+        if (url && url.indexOf('?') > 0) {
+          url += '&'
+        } else {
+          url += '?'
+        }
+        if (toPathObj.query.customSystem) {
+          url += 'customSystem=' + toPathObj.query.customSystem
+        }
+        if (toPathObj.query._menuCode) {
+          url += '_menuCode=' + toPathObj.query._menuCode
+        }
+        if (toPathObj.query._menuCode) {
+          url += '_menuName=' + toPathObj.query._menuName
+        }
+        window.open(url, toPathObj.query._menuCode)
+      } else {
+        // 刷新页签打开菜单
+        this.addTabs(
+          toPathObj.query,
+          this.$store.state.tabContent.openTab,
+          toPathObj.tabPath
+        )
+      }
+    },
+    isExternalLink(pageType) {
+      if (pageType && pageType === 'iframe') {
+        return true
+      }
+      return false
+    },
+    getI18nName(menu) {
+      return getI18nName(menu)
+    },
+  },
+}
+</script>