agilebuilder-ui 1.1.65-tmp30 → 1.1.65-tmp32

package/src/views/layout/components/AppMain.vue

@@ -1,46 +0,0 @@
-<template>
-  <section class="app-main agilebuilder-page-main">
-    <router-view v-slot="{ Component }">
-      <transition name="fade-transform" mode="out-in">
-        <component :is="Component"></component>
-      </transition>
-    </router-view>
-  </section>
-</template>
-
-<script>
-export default {
-  name: 'AppMain',
-  computed: {
-    // key() {
-    //   return this.$route.name !== undefined ? this.$route.name + +new Date() : this.$route + +new Date()
-    // }
-
-    // 解决的问题如下：
-    // 改变路由参数（page?pageCode=xx）去获取对应数据，然后渲染到页面（用的是同一套组件），
-    // 问题来了：当切换菜单时，数据并没有更新，后来看了Vue-router官网，
-    // 有这么一句话：提醒一下，当使用路由参数时，例如从 /user/foo 导航到 user/bar，原来的组件实例会被复用。
-    // 因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用
-    key() {
-      return this.$route.name !== undefined
-        ? this.$route.name + +new Date()
-        : this.$route + +new Date()
-    },
-  },
-}
-</script>
-
-<style lang="scss" scoped>
-.app-main ::v-deep{
-  padding: var(--app-main-padding, 15px);
-  height: calc(100vh - (var(--app-main-padding, 15px) * 2));
-  position: relative;
-  overflow: hidden;
-  // :not(:has( > .three-column-layout, > .el-container))
-  & > .app-container {
-    max-height: calc(100vh - (var(--app-main-padding, 15px) * 2));
-    height: calc(100vh - (var(--app-main-padding, 15px) * 2));
-    overflow: auto;
-  }
-}
-</style>

package/src/views/layout/components/Breadcrumb/index.vue

@@ -1,158 +0,0 @@
-<template>
-	<el-breadcrumb class="app-breadcrumb" separator=">">
-		<transition-group name="breadcrumb" tag="span">
-			<el-breadcrumb-item
-					v-for="(item, index) in levelListWithTitle"
-					:key="item.path + '-' + index"
-			>
-        <span class="no-redirect">
-          {{ $t(item.meta.title) }}
-        </span>
-			</el-breadcrumb-item>
-		</transition-group>
-	</el-breadcrumb>
-</template>
-
-<script>
-import {getLanguageWithLocale} from '../../../../utils/util'
-import * as pathToRegexp from 'path-to-regexp'
-import Cookies from 'js-cookie'
-
-export default {
-	name: 'Breadcrumb',
-	data() {
-		return {
-			levelList: null,
-		}
-	},
-	computed: {
-		levelListWithTitle() {
-			return this.levelList.filter(
-					(item) => item.meta.title !== undefined && item.meta.title !== null
-			)
-		},
-	},
-	watch: {
-		$route() {
-			this.getBreadcrumb()
-		},
-	},
-	created() {
-		this.getBreadcrumb()
-	},
-	methods: {
-		getBreadcrumb() {
-			const {params} = this.$route
-			console.log('this.$route.matched==', this.$route.matched)
-			let matched = this.$route.matched.filter((item) => {
-				if (item.name) {
-					// To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
-					var toPath = pathToRegexp.compile(item.path)
-					item.path = toPath(params)
-					return true
-				}
-			})
-			// const first = matched[0]
-			if (matched) {
-				let systemName
-				const language = getLanguageWithLocale()
-				const systemNameObj =
-						window.$vueApp.config.globalProperties.systemNameObj
-				if (systemNameObj) {
-					systemName = systemNameObj[language]
-				}
-				matched = [
-					{path: '/', redirect: 'noredirect', meta: {title: systemName}},
-				].concat(matched)
-				const cookieMenu = Cookies.get('selectMenu')
-				const leftSelectMenu =
-						window.$vueApp.config.globalProperties._selectMenu
-				let selectMenu
-				if (leftSelectMenu) {
-					selectMenu = leftSelectMenu
-				} else if (cookieMenu) {
-					selectMenu = cookieMenu
-				}
-				if (selectMenu) {
-					// 解决表单页面无法获得列表路由
-					const path = selectMenu.substring(0, selectMenu.indexOf('~~'))
-					const title = selectMenu.substring(selectMenu.indexOf('~~') + 2)
-					if (matched && matched.length > 0) {
-						const lastRoute = matched[matched.length - 1]
-						if (this.isShouldConcatLastMenu(title, path, lastRoute)) {
-							matched.push({path: path, meta: {title: title}})
-						}
-					} else {
-						matched.push({path: path, meta: {title: title}})
-					}
-				}
-			}
-			this.levelList = matched
-		},
-		// 新建页面时会把列表页面路由刷没，导致菜单路径缺少最后一层菜单问题
-		isShouldConcatLastMenu(title, path, lastRoute) {
-			if (
-					this.isTitleNotEqual(title, lastRoute) &&
-					this.isPathNotEqual(path, lastRoute)
-			) {
-				// title和path都不同，表示是不同的页面，需要添加到matched集合中
-				return true
-			}
-			return false
-		},
-		/**
-		 * window.$vueApp.config.globalProperties._selectMenu的菜单标题是否与最后的路由页面标题一致
-		 * 返回true表示不一样，返回false表示一样
-		 */
-		isTitleNotEqual(title, lastRoute) {
-			if (
-					title &&
-					lastRoute.meta &&
-					title !== lastRoute.meta.title &&
-					title !== this.$t(lastRoute.meta.title)
-			) {
-				// 表示title不一样，当前可能是在表单页面，需要添加到matched集合中
-				return true
-			}
-			return false
-		},
-		/**
-		 * window.$vueApp.config.globalProperties._selectMenu的菜单的访问路径是否与最后的路由页面的路径一致
-		 * 返回true表示不一样，返回false表示一样
-		 */
-		isPathNotEqual(path, lastRoute) {
-			if (path && lastRoute.path && path !== lastRoute.path) {
-				// 表示path不一样，当前可能是在表单页面，需要添加到matched集合中
-				return true
-			}
-			return false
-		},
-	},
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-.app-breadcrumb.el-breadcrumb {
-	background-color: #eee;
-	width: 100%;
-	border: 1px solid #ccc;
-	bottom: 2px;
-	margin-left: 2px;
-	display: inline-block;
-	font-size: 14px;
-	line-height: 40px;
-
-	.no-redirect {
-		color: #333;
-		cursor: text;
-	}
-
-	.el-breadcrumb__item {
-		padding-left: 5px;
-	}
-
-	.el-breadcrumb__separator {
-		margin: 0 5px;
-	}
-}
-</style>

package/src/views/layout/components/Menubar/Item.vue

@@ -1,125 +0,0 @@
-<script lang="jsx">
-import { defineComponent, h } from 'vue'
-import SvgIcon from '../../../svg-icon/src/svg-icon.vue'
-import { ElBadge } from 'element-plus'
-import SuperIcon from '../../../super-icon/index'
-export default defineComponent({
-  name: 'MenuItem',
-  functional: true,
-  props: {
-    icon: {
-      type: String,
-      default: ''
-    },
-    title: {
-      type: String,
-      default: ''
-    },
-    hasChildren: {
-      type: Boolean,
-      default: false
-    },
-    isRoot: {
-      type: Boolean,
-      default: false
-    },
-    code: {
-      type: Boolean,
-      default: false
-    },
-    undoneTaskCount: {
-      type: Number,
-      default: 0
-    },
-    unreadTaskCount: {
-      type: Number,
-      default: 0
-    },
-    menuLayer: {
-      type: Number,
-      default: null
-    }
-  },
-  render(props) {
-    const { title, hasChildren, isRoot, code } = props
-    // alert('undoneTaskCount=='+ this.undoneTaskCount+',code='+code)
-    const icon = props.icon
-    const menuLayer = props.menuLayer
-    const vnodes = []
-    // let iconsData = [h(SvgIcon,{'icon-class': 'meun_post' })]
-    let iconsData = [h('i', { class: 'amb-iconfont amb-icon-meun_post' })]
-    if (icon) {
-      iconsData = [h(SuperIcon, { iconValue: icon })]
-    }
-    let titleClass = ['smb-sidebar-menu-item-title']
-    if(!menuLayer || menuLayer <= 2) {
-      vnodes.push(h('div', { class: ['smb-sidebar-menu-item-icon'] }, iconsData))
-    } else {
-      vnodes.push(h('div', { class: ['smb-sidebar-menu-item-no-icon'] }))
-      titleClass.push('smb-sidebar-menu-item-no-icon-title')
-    }
-    if (title) {
-      if (isRoot) {
-        // 是否是根目录，没有子菜单时
-        vnodes.push(
-          h('div', { class: titleClass }, [
-            h(
-              'div',
-              {
-                title: title
-              },
-              title
-            )
-          ])
-        )
-      } else if (code === 'undoneTask') {
-        // 有子菜单时
-        vnodes.push(
-          h('div', { class: titleClass }, [
-            h(
-              'div',
-              {
-                title: title
-              },
-              [h(ElBadge, { value: this.undoneTaskCount, style: { display: 'inline' } }, title)]
-            )
-          ])
-        )
-      }  else if (code === 'unreadTask') {
-        // 有子菜单时
-        vnodes.push(
-          h('div', { class: titleClass }, [
-            h(
-              'div',
-              {
-                title: title
-              },
-              [h(ElBadge, { value: this.unreadTaskCount, style: { display: 'inline' } }, title)]
-            )
-          ])
-        )
-      } else {
-        // 有子菜单时
-        vnodes.push(
-          h('div', { class: titleClass }, [
-            h(
-              'div',
-              {
-                title: title
-              },
-              title
-            )
-          ])
-        )
-      }
-    }
-    return vnodes
-  }
-})
-</script>
-<style lang="scss" scoped>
-:deep(.super-icon) {
-  width: 20px !important;
-  height: 20px !important;
-}
-</style>

package/src/views/layout/components/Menubar/Link.vue

@@ -1,38 +0,0 @@
-<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/layout/components/Menubar/SidebarItem.vue

@@ -1,333 +0,0 @@
-<template>
-  <div class="menu-wrapper">
-    <template v-if="!item.children || item.children.length === 0">
-      <app-link :to="toPath(item)" @click="clickMenu(toPath(item))">
-        <el-menu-item
-          :index="item.code + '~~' + item.i18nValue"
-          class="smb-sidebar-menu-item"
-          :class="{ 'submenu-title-noDropdown': !isNest }"
-        >
-          <item
-            :menu-layer="item.layer"
-            :icon="item.iconName"
-            :title="getI18nName(item)"
-            :is-root="true"
-          />
-        </el-menu-item>
-      </app-link>
-    </template>
-
-    <el-sub-menu v-else :index="item.code + '~~' + item.i18nValue" class="smb-sidebar-menu-item">
-      <template v-slot:title>
-        <item
-          :menu-layer="item.layer"
-          :icon="item.iconName"
-          :title="getI18nName(item)"
-          :has-children="item.children.length > 0 ? true : false"
-        />
-      </template>
-
-      <template v-for="child in item.children">
-        <sidebar-item
-          :key="child.code"
-          v-if="child.children && child.children.length > 0"
-          :is-nest="true"
-          :item="child"
-          class="nest-menu smb-sidebar-menu-item"
-        />
-        <app-link v-else-if="hasLoad" :key="child.code" :to="toPath(child)" @click="clickMenu(toPath(child))">
-          <el-menu-item :index="child.code + '~~' + child.i18nValue" class="smb-sidebar-menu-item">
-            <item :menu-layer="child.layer" :undone-task-count="undoneTaskCount" :unread-task-count="unreadTaskCount" :code="child.code" :icon="child.iconName" :title="getI18nName(child)" />
-          </el-menu-item>
-        </app-link>
-      </template>
-    </el-sub-menu>
-  </div>
-</template>
-
-<script>
-import Item from "./Item.vue";
-import AppLink from "./Link.vue";
-import * as Vue from "vue";
-import { getI18nName } from "../../../../utils/menu";
-import tabJs from "../../../../api/tab";
-import { getSystemCode } from "../../../../utils/permissionAuth";
-import authApi from "../../../../utils/auth-api";
-import { getSystemFrontendUrl } from '../../../../utils/common-util';
-
-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() {
-   let frontendUrlKey = '_PLAT_FORM_FRONTEND_URL'
-    let devpJWTKey = '_devpJWT'
-    let currentRoleKey = '_CURRENT_ROLE'
-    let isDevp = authApi.isDevpSystem()
-    let platFrontUrl
-    let devpJWT
-    let currentRole
-      if(isDevp) {
-      //   // 开发平台中访问运行平台的菜单需要的参数
-        platFrontUrl= authApi.getSessionCache(frontendUrlKey)
-        devpJWT= authApi.getSessionCache(devpJWTKey)
-        currentRole= authApi.getSessionCache(currentRoleKey)
-      }
-    return {
-      onlyOneChild: null,
-      platFrontUrl,
-      devpJWT,
-      currentRole,
-      devpJWTKey,
-      currentRoleKey,
-      frontendUrlKey,
-      isDevp,
-      hasLoad: false,
-      undoneTaskCount: 0,
-      unreadTaskCount: 0
-    };
-  },
-  created(){
-    if (this.item.code === 'myTask'){
-     // 我的任务菜单查询待办和待阅数量
-      window.$vueApp.config.globalProperties.$http.get(window.$vueApp.config.globalProperties.baseAPI + '/task/tasks/to-do-task-nums').then(res => {
-          this.undoneTaskCount = res.undoneTaskCount
-          this.unreadTaskCount = res.unreadCount
-          this.hasLoad = true
-      }).finally(()=>{
-        this.hasLoad = true
-      })
-		} else {
-      this.hasLoad = true
-    }
-  },
-  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;
-    },
-    toPath(menu) {
-      const toPathObj = {};
-      let routePath
-      toPathObj.openWay = menu.openWay;
-      if (this.isExternalLink(menu.pageType)) {
-        routePath = menu.path
-        if(!routePath) {
-          routePath = ''
-        }
-        if((routePath.indexOf('http:') < 0 && routePath.indexOf('https:') < 0) && this.platFrontUrl) {
-          // 说明不是全路径，需要拼接运行平台前端访问路径
-          if(this.platFrontUrl.lastIndexOf('/') === this.platFrontUrl.length - 1) {
-            // 去掉最后一个/
-            this.platFrontUrl = this.platFrontUrl.substring(0,this.platFrontUrl.length - 1)
-          }
-          routePath =this.platFrontUrl + routePath
-        } else {
-          routePath = menu.fullPath
-          if(!routePath) {
-            routePath = ''
-          }
-        }
-        routePath = this.getRoutePath(routePath)
-        toPathObj.path = "/tab-content-index"
-        if(this.isDevp){
-          // 如果是开发平台，进入开发平台设置首页
-          toPathObj.path = "/devp-project/setting"
-        }
-        toPathObj.tabPath = routePath
-        toPathObj.query = {};
-        // toPathObj.query.src = routePath;
-        toPathObj.isExternal = true;
-        // 如果路径中没有拼系统编码，才需要把系统编码放到参数中
-        toPathObj.query.customSystem = getSystemCode();
-        toPathObj.query._menuCode = menu.code;
-        toPathObj.query._menuName = getI18nName(menu);
-      } else if(menu.openWay && menu.openWay === 'NEW_PAGE_OPEN'){
-        // 新页签打开菜单时
-        routePath = menu.fullPath
-        if(routePath.indexOf('http:') < 0 && routePath.indexOf('https:') < 0){
-          // 表示不是全路径
-          let frontUrl = getSystemFrontendUrl(window.$vueApp.config.globalProperties.frontUrl)
-          if(frontUrl.lastIndexOf("/") < frontUrl.length -1 ){
-            // 表示最后不是斜线结尾的，需要添加斜线结尾
-            frontUrl = frontUrl + '/'
-          }
-          routePath = frontUrl + "#" + routePath
-        }
-        toPathObj.query = {}
-        toPathObj.query._menuCode = menu.code;
-        toPathObj.path=routePath
-      }else{
-        routePath = menu.fullPath;
-        if(!routePath) {
-          routePath = ''
-        }
-        if (routePath.indexOf("?") > 0) {
-          routePath += "&"
-        } else {
-          routePath += "?"
-        }
-        routePath = routePath + '_isNeedMenu_=false'
-        toPathObj.path = "/tab-content-index";
-        if(this.isDevp){
-          // 如果是开发平台，进入开发平台设置首页
-          toPathObj.path = "/devp-project/setting"
-        }
-        toPathObj.tabPath = routePath;
-        toPathObj.query = {};
-        toPathObj.query.customSystem = getSystemCode();
-        toPathObj.query._menuCode = menu.code;
-        toPathObj.query._menuName = getI18nName(menu);
-      }
-      return toPathObj;
-    },
-    getRoutePath(routePath){
-        if (routePath.indexOf("?") > 0) {
-          routePath += "&"
-        } else {
-          routePath += "?"
-        }
-        routePath = routePath + '_isNeedMenu_=false'
-        if (this.devpJWT) {
-          // 开发平台中访问运行平台的菜单需要的参数
-          if (routePath.indexOf("?") > 0) {
-            routePath += "&"
-          } else {
-            routePath += "?"
-          }
-          routePath = routePath + this.devpJWTKey + '=' + this.devpJWT
-        }
-        if (this.currentRole) {
-          // 开发平台中访问运行平台的菜单需要的参数
-          if (routePath.indexOf("?") > 0) {
-            routePath += "&"
-          } else {
-            routePath += "?"
-          }
-          routePath = routePath + this.currentRoleKey + '=' + this.currentRole
-        }
-        return routePath
-    },
-    isExternalLink(pageType) {
-      if (pageType && pageType === "iframe") {
-        return true;
-      }
-      return false;
-    },
-    clickMenu(toPathObj) {
-      if (
-        toPathObj.openWay &&
-        toPathObj.openWay === "NEW_PAGE_OPEN"
-      ) {
-        // 新页签打开菜单
-        if(toPathObj.query && toPathObj.query.src){
-          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 {
-          const url = toPathObj.path;
-          window.open(url, toPathObj.query._menuCode)
-        }
-      } else {
-        // 刷新页签打开菜单
-        this.addTabs(
-          toPathObj.query,
-          this.$store.state.tabContent.openTab,
-          toPathObj.tabPath
-        );
-      }
-    },
-    getI18nName(menu) {
-      return getI18nName(menu);
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.smb-sidebar-menu-item {
-  position: relative;
-  --el-menu-item-height: 45px;
-  --el-menu-sub-item-height: 45px;
-  &.el-menu-item, &.el-sub-menu {
-    padding: 0 !important;
-    &:not(:has(> .el-tooltip__trigger)) {
-      display: flex;
-      flex-direction: row;
-    }
-  }
-  & > :deep(.el-tooltip__trigger) {
-    display: flex;
-    flex-direction: row;
-    padding: 0 !important;
-  }
-  :deep(.smb-sidebar-menu-item-icon) {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--admin-layout-left-menu-collapse, 54px);
-    font-size: 16px;
-  }
-  :deep(.smb-sidebar-menu-item-no-icon) {
-    width: 20px;
-  }
-  :deep(.smb-sidebar-menu-item-title) {
-    flex: 0 0 calc(100% - var(--admin-layout-left-menu-collapse, 54px) - 35px);
-    overflow: hidden;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    & > div {
-      overflow: hidden;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-  :deep(.smb-sidebar-menu-item-no-icon-title) {
-    flex: 0 0 calc(100% - 20px - 20px);
-  }
-}
-</style>