agilebuilder-ui 1.1.65-tmp7 → 1.1.65-tmp9

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

@@ -1,250 +0,0 @@
-<template>
-	<div>
-		<el-scrollbar wrap-class="scrollbar-wrapper">
-			<el-menu
-					:collapse="isCollapse"
-					:default-active="defaultActive ? defaultActive : ''"
-					:show-timeout="200"
-					mode="vertical"
-					@select="selectMenu"
-			>
-				<el-menu-item
-						v-if="systemName"
-						:title="systemName"
-						class="system-item smb-sidebar-menu-item"
-						disabled
-						index="1"
-						style="padding-left: 10px"
-				>
-					{{ systemName }}
-				</el-menu-item>
-				<sidebar-item v-for="menu in menus" :key="menu.code" :item="menu"/>
-			</el-menu>
-		</el-scrollbar>
-		<hamburger
-				:is-active="sidebar.opened"
-				class="hamburger-container"
-				@toggleClick="toggleSideBar"
-		/>
-	</div>
-</template>
-
-<script>
-import {mapGetters} from 'vuex'
-import SidebarItem from './SidebarItem.vue'
-import {getLanguageWithLocale} from '../../../../utils/util'
-import {isShowSystemMenu} from '../../../../utils/common-util'
-import tabJs from '../../../../api/tab'
-import {getI18nName} from '../../../../utils/menu'
-import Cookies from 'js-cookie'
-import {getMenus} from '../../../../utils/permissionAuth'
-import authApi from "../../../../utils/auth-api"
-
-export default {
-	name: 'Menubar',
-	components: {
-		SidebarItem,
-	},
-	props: {
-		systemCode: {
-			type: String,
-			default: null,
-		},
-		collapse: {
-			type: Boolean,
-			default: false,
-		}
-	},
-	data() {
-		let systemName
-		if (isShowSystemMenu() === true) {
-			const language = getLanguageWithLocale()
-			const systemNameObj = window.$vueApp.config.globalProperties.systemNameObj
-			if (systemNameObj) {
-				systemName = systemNameObj[language]
-			}
-		}
-		const isSelectFirst = window.$vueApp.config.globalProperties.showFirstMenu === undefined ||  window.$vueApp.config.globalProperties.showFirstMenu === null? true : window.$vueApp.config.globalProperties.showFirstMenu
-		let isDevp = authApi.isDevpSystem()
-		const menus = getMenus()
-		return {
-			firstLeafMenu: null, // 第一个有权限的叶子菜单，用于默认展开第一个父菜单
-			systemName,
-			defaultActive: '',
-			menus,
-			isSelectFirst,
-			isDevp,
-			// backlogTotal: 0
-		}
-	},
-	computed: {
-		...mapGetters(['sidebar']),
-		isCollapse() {
-			if (this.collapse === false) {
-				return !this.sidebar.opened
-			}
-			return true
-		},
-	},
-	watch: {
-		$route() {
-			this.firstLeafMenu = this.getFirstMenu(this.menus)
-			if (this.firstLeafMenu) {
-				// Breadcrumb组件需要使用window.$vueApp.config.globalProperties._selectMenu的值，格式为：fullPath~~title
-				this.defaultActive =
-						this.firstLeafMenu.code + '~~' + this.firstLeafMenu.i18nValue
-				window.$vueApp.config.globalProperties._selectMenu = this.defaultActive
-			}
-		},
-	},
-	created() {
-		this.firstLeafMenu = this.getFirstMenu(this.menus)
-			console.log('ffff',this.firstLeafMenu)
-		if (this.firstLeafMenu) {
-			// Breadcrumb组件需要使用window.$vueApp.config.globalProperties._selectMenu的值，格式为：fullPath~~title
-			this.defaultActive =
-					this.firstLeafMenu.code + '~~' + this.firstLeafMenu.i18nValue
-			window.$vueApp.config.globalProperties._selectMenu = this.defaultActive
-		}
-			console.log('getFirstMenu=====firstLeafMenu333=', this.firstLeafMenu)
-		if (this.firstLeafMenu && this.firstLeafMenu.fullPath) {
-			// 跳转到第一个页面
-			if (
-					this.firstLeafMenu.pageType &&
-					this.firstLeafMenu.pageType === 'iframe'
-			) {
-				const iframeSrc = this.firstLeafMenu.fullPath
-				// this.$router.push({ path: '/iframe-page/page', query: { src: iframeSrc }})
-				const query = {
-					src: iframeSrc,
-					customSystem: this.systemCode,
-					_menuCode: this.firstLeafMenu.code,
-					_menuName: getI18nName(this.firstLeafMenu),
-				}
-				this.addTabs(
-						query,
-						this.$store.state.tabContent.openTab,
-						'/iframe-page/page',
-						'/iframe-page/page'
-				)
-				// this.$router.push({ path: '/iframe-page/page', query: query })
-				let routePath = '/tab-content-iframe-index'
-				if(this.isDevp){
-					routePath = '/devp-project/setting'
-				}
-				this.$router.push({path: routePath, query: query})
-			} else {
-				const query = {
-					customSystem: this.systemCode,
-					_menuCode: this.firstLeafMenu.code,
-					_menuName: getI18nName(this.firstLeafMenu),
-				}
-				const path = this.firstLeafMenu.fullPath
-				this.addTabs(query, this.$store.state.tabContent.openTab, path, path)
-				let routePath = '/tab-content-index'
-				if(this.isDevp){
-					routePath = '/devp-project/setting'
-				}
-				this.$router.push({path: routePath , query: query})
-				// this.$router.push({ path: this.firstLeafMenu.fullPath })
-			}
-		}
-	},
-	methods: {
-		...tabJs,
-		toggleSideBar() {
-			this.$store.dispatch('toggleSidebar')
-		},
-		selectMenu(index, indexPath) {
-			window.$vueApp.config.globalProperties._selectMenu = index
-			Cookies.set('selectMenu', index)
-		},
-		getFirstMenu(menus) {
-			const currentMenuCode = this.$route.query
-					? this.$route.query._menuCode
-					: null
-			let shouldSelectMenu
-			if(currentMenuCode){
-				// 表示需要选中指定的菜单
-				this.isSelectFirst = true
-			} else {
-				if(!this.isDevp){
-					shouldSelectMenu = this.getFirstMenuWithCookie(menus)
-				}
-			}
-			console.log('getFirstMenu=====shouldSelectMenu111=', shouldSelectMenu)
-			if (this.isSelectFirst && !shouldSelectMenu && menus && menus.length > 0) {
-				for (let i = 0; i < menus.length; i++) {
-					const menu = menus[i]
-					shouldSelectMenu = this.getShouldSelectMenu(menu, currentMenuCode)
-					if (shouldSelectMenu) {
-						// 表示获得到了应该选中的菜单
-						break
-					}
-				}
-			}
-			console.log('getFirstMenu=====shouldSelectMenu222=', shouldSelectMenu)
-			return shouldSelectMenu
-		},
-		getShouldSelectMenu(menu, currentMenuCode) {
-			if (menu) {
-				let shouldSelectMenu
-				if(currentMenuCode){
-					const children = menu.children
-					if (children && children.length > 0) {
-						shouldSelectMenu = this.getFirstMenu(children)
-					} else if (menu.code && menu.code === currentMenuCode) {
-						shouldSelectMenu = menu
-					}
-				} else {
-					const children = menu.children
-					if (children && children.length > 0) {
-						shouldSelectMenu = this.getFirstMenu(children)
-					} else {
-						shouldSelectMenu = menu
-					}
-				}
-				return shouldSelectMenu
-			}
-		},
-	getFirstMenuWithCookie(menus) {
-			if (menus && menus.length > 0) {
-				const cookieMenu = Cookies.get('selectMenu')
-				if (cookieMenu) {
-					//   // 表示缓存中存储了menu，格式为：菜单编码~~title
-					//  menuCode + '~~' + title
-					const menuInfoArr = cookieMenu.split('~~')
-					const menuCode = menuInfoArr[0]
-
-					let shouldSelectMenu
-					for (let i = 0; i < menus.length; i++) {
-						const menu = menus[i]
-						shouldSelectMenu = this.getShouldSelectMenuWithCookie(
-								menu,
-								menuCode
-						)
-						if (shouldSelectMenu) {
-							// 表示获得到了应该选中的菜单
-							break
-						}
-					}
-					return shouldSelectMenu
-				}
-			}
-		},
-		getShouldSelectMenuWithCookie(menu, menuCode) {
-			if (menu) {
-				// console.log('dsc--getShouldSelectMenuWithCookie--this.$route=', this.$route)
-				let shouldSelectMenu
-				const children = menu.children
-				if (children && children.length > 0) {
-					shouldSelectMenu = this.getFirstMenuWithCookie(children)
-				} else if (menu.code && menu.code === menuCode) {
-					shouldSelectMenu = menu
-				}
-				return shouldSelectMenu
-			}
-		},
-	},
-}
-</script>

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

@@ -1,33 +0,0 @@
-<script lang="jsx">
-import * as Vue from 'vue'
-export default function render(_props, _context) {
-	const context = {
-		..._context,
-		props: _props,
-		data: _context.attr,
-		children: _context.slots,
-	}
-	const { icon, title, hasChildren } = context.props
-	const vnodes = []
-	let iconsData = [h('i', { class: 'amb-iconfont amb-icon-meun_post' })]
-    if (icon) {
-      iconsData = [h(SuperIcon, { iconValue: icon })]
-    }
-
-	vnodes.push(<div class="smb-sidebar-menu-item-icon">{ iconsData }</div>)
-
-	if (title) {
-		vnodes.push(
-				<template slot="title">
-					<div
-							title={title}
-							class="smb-sidebar-menu-item-title"
-					>
-						{title}
-					</div>
-				</template>
-		)
-	}
-	return vnodes
-}
-</script>

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

@@ -1,38 +0,0 @@
-<template>
-  <!-- eslint-disable vue/require-component-is-->
-  <component v-bind="linkProps(to)">
-    <slot />
-  </component>
-</template>
-
-<script>
-import { isExternal } from '../../../../utils'
-
-export default {
-  props: {
-    to: {
-      type: String,
-      required: true,
-    },
-  },
-  methods: {
-    isExternalLink(routePath) {
-      return isExternal(routePath)
-    },
-    linkProps(url) {
-      if (this.isExternalLink(url)) {
-        return {
-          is: 'a',
-          href: url,
-          target: '_blank',
-          rel: 'noopener',
-        }
-      }
-      return {
-        is: 'router-link',
-        to: url,
-      }
-    },
-  },
-}
-</script>

package/src/views/layout/components/Sidebar/SidebarItem.vue

@@ -1,179 +0,0 @@
-<template>
-  <div v-if="!item.hidden && item.children" class="menu-wrapper">
-    <template
-      v-if="
-        hasOneShowingChild(item.children, item) &&
-        (!onlyOneChild.children || onlyOneChild.noShowingChildren) &&
-        !item.alwaysShow
-      "
-    >
-      <app-link :to="resolvePath(onlyOneChild.path)">
-        <el-menu-item
-          :index="
-            resolvePath(onlyOneChild.path) + '~~' + onlyOneChild.meta.title
-          "
-          class="smb-sidebar-menu-item"
-          :class="{ 'submenu-title-noDropdown': !isNest }"
-        >
-          <item
-            v-if="onlyOneChild.meta"
-            :icon="onlyOneChild.meta.icon || item.meta.icon"
-            :title="$t(onlyOneChild.meta.title)"
-          />
-        </el-menu-item>
-      </app-link>
-    </template>
-
-    <el-sub-menu
-      v-else
-      :index="resolvePath(item.path) + '~~' + item.meta.title"
-      class="smb-sidebar-menu-item"
-    >
-      <template v-slot:title>
-        <item
-          v-if="item.meta"
-          :icon="item.meta.icon"
-          :title="$t(item.meta.title)"
-          :has-children="item.children.length > 0 ? true : false"
-        />
-      </template>
-
-      <template v-for="child in visibleChildren">
-        <sidebar-item
-          v-if="child.children && child.children.length > 0"
-          :is-nest="true"
-          :item="child"
-          :base-path="resolvePath(child.path)"
-          class="nest-menu smb-sidebar-menu-item"
-        />
-        <app-link v-else :to="resolvePath(child.path)">
-          <el-menu-item
-            :index="resolvePath(child.path) + '~~' + child.meta.title"
-            class="smb-sidebar-menu-item"
-          >
-            <item
-              v-if="child.meta"
-              :icon="child.meta.icon"
-              :title="$t(child.meta.title)"
-            />
-          </el-menu-item>
-        </app-link>
-      </template>
-    </el-sub-menu>
-  </div>
-</template>
-
-<script>
-import path from 'path'
-import { isExternal } from '../../../../utils'
-import Item from './Item.vue'
-import AppLink from './Link.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,
-    }
-  },
-  computed: {
-    visibleChildren() {
-      return this.item.children.filter((child) => {
-        return !child.hidden
-      })
-    },
-  },
-  methods: {
-    hasOneShowingChild(children, parent) {
-      const showingChildren = children.filter((item) => {
-        if (item.hidden) {
-          return false
-        } else {
-          // Temp set(will be used if only has one showing child)
-          this.onlyOneChild = item
-          return true
-        }
-      })
-
-      // When there is only one child router, the child router is displayed by default
-      if (showingChildren.length === 1) {
-        return true
-      }
-
-      // Show parent if there are no child router to display
-      if (showingChildren.length === 0) {
-        this.onlyOneChild = { ...parent, path: '', noShowingChildren: true }
-        return true
-      }
-
-      return false
-    },
-    resolvePath(routePath) {
-      if (this.isExternalLink(routePath)) {
-        return routePath
-      }
-      return path.resolve(this.basePath, routePath)
-    },
-    isExternalLink(routePath) {
-      return isExternal(routePath)
-    },
-  },
-}
-</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-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;
-    }
-  }
-}
-</style>

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

@@ -1,141 +0,0 @@
-<template>
-	<div>
-		<el-scrollbar wrap-class="scrollbar-wrapper">
-			<el-menu
-					:collapse="isCollapse"
-					:default-active="defaultActive"
-					:show-timeout="200"
-					mode="vertical"
-					@select="selectMenu"
-			>
-				<el-menu-item
-						v-if="systemName"
-						:title="systemName"
-						class="system-item smb-sidebar-menu-item"
-						disabled
-						index="1"
-						style="padding-left: 10px"
-				>
-					{{ systemName }}
-				</el-menu-item>
-				<sidebar-item
-						v-for="route in protectedRouters"
-						:key="route.path"
-						:base-path="route.path"
-						:item="route"
-				/>
-			</el-menu>
-		</el-scrollbar>
-		<hamburger
-				:is-active="sidebar.opened"
-				class="hamburger-container"
-				@toggleClick="toggleSideBar"
-		/>
-	</div>
-</template>
-
-<script>
-import {mapGetters} from 'vuex'
-import SidebarItem from './SidebarItem.vue'
-import {getLanguageWithLocale} from '../../../../utils/util'
-import {isShowSystemMenu} from '../../../../utils/common-util'
-import Cookies from 'js-cookie'
-
-export default {
-	components: {
-		SidebarItem,
-	},
-	data() {
-		let systemName
-		if (isShowSystemMenu() === true) {
-			const language = getLanguageWithLocale()
-			const systemNameObj = window.$vueApp.config.globalProperties.systemNameObj
-			if (systemNameObj) {
-				systemName = systemNameObj[language]
-			}
-		}
-		return {
-			systemName,
-			defaultActive: '',
-		}
-	},
-	computed: {
-		...mapGetters(['sidebar', 'protectedRouters']),
-		isCollapse() {
-			return !this.sidebar.opened
-		},
-	},
-	watch: {
-		$route() {
-			this.getDefaultActiveMenu()
-		},
-	},
-	created() {
-		this.getDefaultActiveMenu()
-	},
-	methods: {
-		toggleSideBar() {
-			this.$store.dispatch('toggleSidebar')
-		},
-		selectMenu(index, indexPath) {
-			window.$vueApp.config.globalProperties._selectMenu = index
-			Cookies.set('selectMenu', index)
-		},
-		getDefaultActiveMenu() {
-			const cookieMenu = Cookies.get('selectMenu')
-			const leftSelectMenu = window.$vueApp.config.globalProperties._selectMenu
-			if (leftSelectMenu) {
-				this.defaultActive = leftSelectMenu
-			} else if (cookieMenu) {
-				this.defaultActive = cookieMenu
-			} else {
-				// 初始进入系统
-				const parentPaths = []
-				this.defaultActive = this.getDefaultActiveRouteInChildren(
-						this.protectedRouters,
-						parentPaths
-				)
-				window.$vueApp.config.globalProperties._selectMenu = this.defaultActive
-			}
-		},
-		getDefaultActiveRouteInChildren(children, parentPaths) {
-			let defaultActive
-			for (let i = 0; i < children.length; i++) {
-				const route = children[i]
-				if (
-						(route.hidden === undefined || route.hidden === false) &&
-						route.path &&
-						route.path !== '' &&
-						route.path !== '/redirect/:path*'
-				) {
-					// 表示不是隐藏的路由
-					if (route.children === undefined || route.children.length === 0) {
-						// 表示当前路由就是要默认选中的
-						let path = route.path
-						if (path && path.indexOf('/') !== 0) {
-							// 表示是相对路径，需要拼接父路由路径
-							path = parentPaths.join('/') + '/' + path
-						}
-						if (this.$route.path === path) {
-							const title = route.meta ? route.meta.title : ''
-							defaultActive = path + '~~' + title
-							break
-						}
-					} else {
-						parentPaths.push(route.path)
-						defaultActive = this.getDefaultActiveRouteInChildren(
-								route.children,
-								parentPaths
-						)
-						if (defaultActive) {
-							break
-						}
-					}
-				}
-				parentPaths = []
-			}
-			return defaultActive
-		},
-	},
-}
-</script>

package/src/views/layout/components/iframe-page.vue

@@ -1,38 +0,0 @@
-<template>
-  <div>
-    <iframe
-      v-if="src && src !== null"
-      ref="menuContent"
-      :src="src"
-      name="menu-content"
-      title="Main content"
-      frameborder="0"
-    />
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      src: null,
-    }
-  },
-  watch: {
-    $route(to, from) {
-      // 必须这样写，否则会在切换页面时无法获得pageCode参数
-      this.src = this.$route.query.src
-    },
-  },
-  mounted() {
-    this.src = this.$route.query.src
-  },
-}
-</script>
-
-<style lang="scss" scoped>
-iframe {
-  width: 100%;
-  height: calc(100vh - 50px);
-}
-</style>

package/src/views/layout/components/index.js

@@ -1,4 +0,0 @@
-export { default as Sidebar } from './Sidebar/index.vue'
-export { default as AppMain } from './AppMain.vue'
-export { default as Menubar } from './Menubar/index.vue'
-export { default as Breadcrumb } from './Breadcrumb/index.vue'