lw-cdp-ui 1.2.48 → 1.2.49

package/dist/components/lwLayout/components/sideM.vue

@@ -1,135 +0,0 @@
-<template>
-	<div ref="" class="mobile-nav-button" @click="showMobileNav($event)" v-drag draggable="false"><el-icon><el-icon-menu /></el-icon></div>
-
-	<el-drawer ref="mobileNavBox" title="移动端菜单" :size="240" v-model="nav" direction="ltr" :with-header="false" destroy-on-close>
-		<el-container class="mobile-nav">
-			<el-header>
-				<div class="logo-bar"><img class="logo" src="../../../assets/images/logo.svg"><span>{{ $config.APP_NAME }}</span></div>
-			</el-header>
-			<el-main>
-				<el-scrollbar>
-					<el-menu :default-active="$route.meta.active || $route.fullPath" @select="select" router background-color="#212d3d" text-color="#fff" active-text-color="#409EFF">
-						<NavMenu :navMenus="menu"></NavMenu>
-					</el-menu>
-				</el-scrollbar>
-			</el-main>
-		</el-container>
-	</el-drawer>
-
-</template>
-
-<script>
-	import NavMenu from './NavMenu.vue';
-	export default {
-		components: {
-			NavMenu
-		},
-		data() {
-			return {
-				nav: false,
-				menu: []
-			}
-		},
-		computed:{
-
-		},
-		created() {
-			var menu = this.$router.sc_getMenu()
-			this.menu = this.filterUrl(menu)
-		},
-
-		watch: {
-
-		},
-		methods: {
-			showMobileNav(e){
-				var isdrag = e.currentTarget.getAttribute('drag-flag')
-				if (isdrag == 'true') {
-					return false;
-				}else{
-					this.nav = true;
-				}
-
-			},
-			select(){
-				this.$refs.mobileNavBox.handleClose()
-			},
-			//转换外部链接的路由
-			filterUrl(map){
-				var newMap = []
-				map && map.forEach(item => {
-					item.meta = item.meta?item.meta:{};
-					//处理隐藏
-					if(item.meta.hidden || item.meta.type=="button"){
-						return false
-					}
-					//处理http
-					if(item.meta.type=='iframe'){
-						item.path = `/i/${item.name}`;
-					}
-					//递归循环
-					if(item.children&&item.children.length > 0){
-						item.children = this.filterUrl(item.children);
-					}
-					newMap.push(item)
-				})
-				return newMap;
-			}
-		},
-		directives: {
-			drag(el){
-				let oDiv = el; //当前元素
-				let firstTime='',lastTime='';
-				//禁止选择网页上的文字
-				// document.onselectstart = function() {
-				// 	return false;
-				// };
-				oDiv.onmousedown = function(e){
-					//鼠标按下，计算当前元素距离可视区的距离
-					let disX = e.clientX - oDiv.offsetLeft;
-					let disY = e.clientY - oDiv.offsetTop;
-					document.onmousemove = function(e){
-						oDiv.setAttribute('drag-flag', true);
-						firstTime = new Date().getTime();
-						//通过事件委托，计算移动的距离
-						let l = e.clientX - disX;
-						let t = e.clientY - disY;
-
-						//移动当前元素
-
-						if(t > 0 && t < document.body.clientHeight - 50){
-							oDiv.style.top = t + "px";
-						}
-						if(l > 0 && l < document.body.clientWidth - 50){
-							oDiv.style.left = l + "px";
-						}
-
-
-					}
-					document.onmouseup = function(){
-						lastTime = new Date().getTime();
-						if( (lastTime - firstTime)>200 ){
-							oDiv.setAttribute('drag-flag', false);
-						}
-						document.onmousemove = null;
-						document.onmouseup = null;
-					};
-					//return false不加的话可能导致黏连，就是拖到一个地方时div粘在鼠标上不下来，相当于onmouseup失效
-					return false;
-				};
-			}
-		}
-	}
-</script>
-
-<style scoped>
-	.mobile-nav-button {position: fixed;bottom:10px;left:10px;z-index: 10;width: 50px;height: 50px;background: #409EFF;box-shadow: 0 2px 12px 0 rgba(64, 158, 255, 1);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
-	.mobile-nav-button i {color: #fff;font-size: 20px;}
-
-	.mobile-nav {background: #212d3d;}
-	.mobile-nav .el-header {background: transparent;border: 0;}
-	.mobile-nav .el-main {padding:0;}
-	.mobile-nav .logo-bar {display: flex;align-items: center;font-weight: bold;font-size: 20px;color: #fff;}
-	.mobile-nav .logo-bar img {width: 30px;margin-right: 10px;}
-	.mobile-nav .el-submenu__title:hover {background: #fff!important;}
-</style>

package/dist/components/lwLayout/components/tags.vue

@@ -1,388 +0,0 @@
-<template>
-  <div class="adminui-tags">
-    <draggable v-model="$store.state.viewTags.viewTags"
-               @change="changeTages"
-               class="context-menu-list"
-               ref="tags"
-               itemKey="name">
-      <template #item="{element: tag, index}"
-                keyName="tag">
-        <li v-bind:key="tag"
-            :class="[isActive(tag)?'active':'',tag.meta.affix?'affix':'' ]"
-            @contextmenu.prevent="openContextMenu($event, tag)">
-          <router-link :to="tag">
-            <span>{{ getIdName(tag) }}</span>
-            <el-icon v-if="!tag.meta.affix"
-                     @click.prevent.stop='closeSelectedTag(tag)'><el-icon-close /></el-icon>
-          </router-link>
-        </li>
-      </template>
-    </draggable>
-  </div>
-
-  <transition name="el-zoom-in-top">
-    <ul v-if="contextMenuVisible"
-        :style="{left:left+'px',top:top+'px'}"
-        class="contextmenu"
-        id="contextmenu">
-      <li @click="refreshTab()"><el-icon><el-icon-refresh /></el-icon>刷新</li>
-      <hr>
-      <li @click="closeTabs()"
-          :class="contextMenuItem.meta.affix?'disabled':''">
-        <el-icon><el-icon-close /></el-icon>关闭标签
-      </li>
-      <li @click="closeOtherTabs()">
-        <el-icon><el-icon-folder-delete /></el-icon>关闭其他标签
-      </li>
-      <hr>
-      <li @click="maximize()"><el-icon><el-icon-full-screen /></el-icon>最大化</li>
-      <li @click="openWindow()">
-        <el-icon><el-icon-copy-document /></el-icon>在新的窗口中打开
-      </li>
-    </ul>
-  </transition>
-</template>
-
-<script>
-import draggable from 'vuedraggable'
-
-export default {
-  name: "tags",
-  components: {
-    draggable
-  },
-  data() {
-    return {
-      contextMenuVisible: false,
-      contextMenuItem: null,
-      left: 0,
-      top: 0,
-      tipVisible: false,
-      tipDisplayed: false,
-      menu: this.$router.sc_getMenu()
-    }
-  },
-  props: {
-    // 标签是否显示ID
-    tagShowID: {
-      type: Boolean,
-      default: false
-    }
-  },
-  computed: {
-    tagList() {
-      return this.$store.state.viewTags.viewTags
-    }
-  },
-  watch: {
-    //初始化滚动条
-    scrollInit() {
-      const tags = this.$refs.tags
-      if (tags) {
-        tags.addEventListener('scroll', () => {
-          if (tags.scrollLeft > 0) {
-            this.tipDisplayed = true
-          } else {
-            this.tipDisplayed = false
-          }
-        })
-      }
-    },
-    $route(e) {
-      this.addViewTags(e);
-    },
-    contextMenuVisible(value) {
-      var _this = this;
-      var cm = function (e) {
-        let sp = document.getElementById("contextmenu");
-        if (sp && !sp.contains(e.target)) {
-          _this.closeMenu()
-        }
-      }
-      if (value) {
-        document.body.addEventListener('click', e => cm(e))
-      } else {
-        document.body.removeEventListener('click', e => cm(e))
-      }
-    },
-
-  },
-  created() {
-    this.init()
-
-    // 将方法挂载到全局
-    this.$store.state.viewTags.closeTagAndJump = this.closeTagAndJump
-  },
-  mounted() {
-    this.scrollInit()
-  },
-  methods: {
-    // 初始化
-    init() {
-      let tags = this.$tool.data.get('RouteTags') || []
-      if (tags.length > 0) {
-
-        tags.forEach((tag, index) => {
-          var isRoute = this.treeFind(this.menu, node => node.path == tag.path)
-          if (isRoute) {
-            this.addViewTags(tag)
-          }
-        })
-      }
-      this.addViewTags(this.$route)
-
-    },
-    //查找树
-    treeFind(tree, func) {
-      for (const data of tree) {
-        if (func(data)) return data
-        if (data.children) {
-          const res = this.treeFind(data.children, func)
-          if (res) return res
-        }
-      }
-      return null
-    },
-    // 拖动排序
-    changeTages(val) {
-      this.$tool.data.set('RouteTags', this.$store.state.viewTags.viewTags)
-    },
-    //增加tag
-    addViewTags(route) {
-      if (route.name && !route.meta.fullpage) {
-        delete route.redirectedFrom
-        route = { ...route, matched: [] }
-        this.$store.commit("pushViewTags", route)
-        this.$store.commit("pushKeepLive", route.name)
-        this.$tool.data.set('RouteTags', this.$store.state.viewTags.viewTags)
-      }
-
-      //判断标签容器是否出现滚动条
-      this.$nextTick(() => {
-        const tags = document.querySelector(".context-menu-list")
-        if (tags && tags.scrollWidth > tags.clientWidth) {
-          //确保当前标签在可视范围内
-          let targetTag = tags.querySelector(".active")
-          targetTag.scrollIntoView()
-          //显示提示
-          if (!this.tipDisplayed) {
-            this.tipVisible = true
-          }
-        }
-      })
-    },
-    //高亮tag
-    isActive(route) {
-      return route.fullPath === this.$route.fullPath
-    },
-    //关闭tag
-    closeSelectedTag(tag, autoPushLatestView = true) {
-      let item = this.menu[0]
-      if (item.children) {
-        item = item.children[0]
-      }
-      if (this.tagList.length == 1 && item.path == this.$route.fullPath) {
-        return false
-      }
-      this.$store.commit("removeViewTags", tag)
-      this.$store.commit("removeIframeList", tag)
-      this.$store.commit("removeKeepLive", tag.name)
-      this.$tool.data.set('RouteTags', this.$store.state.viewTags.viewTags)
-      if (autoPushLatestView && this.isActive(tag)) {
-        const latestView = this.tagList.slice(-1)[0]
-        if (latestView) {
-          this.$router.push(latestView)
-        } else {
-          this.$router.push('/')
-        }
-      }
-    },
-    //tag右键
-    openContextMenu(e, tag) {
-      this.contextMenuItem = tag;
-      this.contextMenuVisible = true;
-      this.left = e.clientX + 1;
-      this.top = e.clientY + 1;
-
-      //FIX 右键菜单边缘化位置处理
-      this.$nextTick(() => {
-        let sp = document.getElementById("contextmenu");
-        if (document.body.offsetWidth - e.clientX < sp.offsetWidth) {
-          this.left = document.body.offsetWidth - sp.offsetWidth + 1;
-          this.top = e.clientY + 1;
-        }
-      })
-    },
-    //关闭右键菜单
-    closeMenu() {
-      this.contextMenuItem = null;
-      this.contextMenuVisible = false
-    },
-    //TAB 刷新
-    refreshTab() {
-      var nowTag = this.contextMenuItem;
-      this.contextMenuVisible = false
-      //判断是否当前路由，否的话跳转
-      if (this.$route.fullPath != nowTag.fullPath) {
-        this.$router.push({
-          path: nowTag.fullPath,
-          query: nowTag.query
-        })
-      }
-      this.$store.commit("refreshIframe", nowTag)
-      this.$store.commit("removeKeepLive", nowTag.name)
-      this.$store.commit("setRouteShow", true)
-      this.$nextTick(() => {
-        this.$store.commit("pushKeepLive", nowTag.name)
-        this.$store.commit("setRouteShow", false)
-      })
-    },
-    //TAB 关闭
-    closeTabs() {
-      var nowTag = this.contextMenuItem;
-      if (!nowTag.meta.affix) {
-        this.closeSelectedTag(nowTag)
-        this.contextMenuVisible = false
-      }
-    },
-    //TAB 关闭其他
-    closeOtherTabs() {
-      var nowTag = this.contextMenuItem;
-      //判断是否当前路由，否的话跳转
-      if (this.$route.fullPath != nowTag.fullPath) {
-        this.$router.push({
-          path: nowTag.fullPath,
-          query: nowTag.query
-        })
-      }
-      var tags = [...this.tagList];
-      tags.forEach(tag => {
-        if (tag.meta && tag.meta.affix || nowTag.fullPath == tag.fullPath) {
-          return true
-        } else {
-          this.closeSelectedTag(tag, false)
-        }
-      })
-      this.contextMenuVisible = false
-    },
-    //TAB 最大化
-    maximize() {
-      var nowTag = this.contextMenuItem;
-      this.contextMenuVisible = false
-      //判断是否当前路由，否的话跳转
-      if (this.$route.fullPath != nowTag.fullPath) {
-        this.$router.push({
-          path: nowTag.fullPath,
-          query: nowTag.query
-        })
-      }
-      document.getElementById('app').classList.add('main-maximize')
-    },
-    //新窗口打开
-    openWindow() {
-      var nowTag = this.contextMenuItem;
-      var url = nowTag.href || '/';
-      if (!nowTag.meta.affix) {
-        this.closeSelectedTag(nowTag)
-      }
-      window.open(url);
-      this.contextMenuVisible = false
-    },
-    //横向滚动
-    scrollInit() {
-      const scrollDiv = document.querySelector('.context-menu-list')
-      if (!scrollDiv) { return false }
-      scrollDiv.addEventListener('mousewheel', handler, false) || scrollDiv.addEventListener("DOMMouseScroll", handler, false)
-      function handler(event) {
-        const detail = event.wheelDelta || event.detail;
-        //火狐上滚键值-3 下滚键值3，其他内核上滚键值120 下滚键值-120
-        const moveForwardStep = 1;
-        const moveBackStep = -1;
-        let step = 0;
-        if (detail == 3 || detail < 0 && detail != -3) {
-          step = moveForwardStep * 50;
-        } else {
-          step = moveBackStep * 50;
-        }
-        scrollDiv.scrollLeft += step;
-      }
-    },
-    hideTip() {
-      this.tipVisible = false
-      this.tipDisplayed = true
-    },
-    // 关闭当前标签 并跳转
-    closeTagAndJump(path, keep) {
-      this.$store.commit('removeKeepLive', keep)
-      this.closeSelectedTag(this.$route, false)
-      this.$router.push(path)
-    },
-    // 显示ID
-    getIdName(tag) {
-      if (tag.query?.id && this.tagShowID) {
-        let str = tag.meta.title
-        if (str.includes(':') || str.includes('：')) {
-          return tag.meta.title
-        } else {
-          return `${tag.meta.title}:${tag.query.id}`
-        }
-
-      } else {
-        return tag.meta.title
-      }
-
-    }
-  }
-}
-</script>
-
-<style>
-.contextmenu {
-  position: fixed;
-  width: 200px;
-  margin: 0;
-  border-radius: 0px;
-  background: var(--el-bg-color-overlay);
-  border: 1px solid var(--el-border-color-light);
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  z-index: 3000;
-  list-style-type: none;
-  padding: 10px 0;
-}
-.contextmenu hr {
-  margin: 5px 0;
-  border: none;
-  height: 1px;
-  font-size: 0px;
-  background-color: var(--el-border-color-light);
-}
-.contextmenu li {
-  display: flex;
-  align-items: center;
-  margin: 0;
-  cursor: pointer;
-  line-height: 30px;
-  padding: 0 17px;
-  color: #606266;
-}
-.contextmenu li i {
-  font-size: 14px;
-  margin-right: 10px;
-}
-.contextmenu li:hover {
-  background-color: var(--el-color-primary-light-9);
-  color: var(--el-color-primary);
-}
-.contextmenu li.disabled {
-  cursor: not-allowed;
-  color: #bbb;
-  background: transparent;
-}
-
-.tags-tip {
-  padding: 5px;
-}
-.tags-tip p {
-  margin-bottom: 10px;
-}
-</style>

package/dist/components/lwLayout/components/topbar.vue

@@ -1,69 +0,0 @@
-<template>
-  <div class="adminui-topbar">
-    <div class="left-panel">
-      <el-breadcrumb separator-icon="el-icon-arrow-right" class="hidden-sm-and-down">
-        <transition-group name="breadcrumb">
-          <template v-for="item in breadList" :key="item.title">
-            <el-breadcrumb-item v-if="item.path!='/' &&  !item.meta.hiddenBreadcrumb" :key="item.meta.title">
-              <el-icon class="icon" v-if="item.meta.icon">
-                <component :is="item.meta.icon" />
-              </el-icon>
-              <span style="font-size: 12px;">{{item.meta.title}}</span>
-            </el-breadcrumb-item>
-          </template>
-        </transition-group>
-      </el-breadcrumb>
-    </div>
-    <div class="center-panel"></div>
-    <div class="right-panel">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      breadList: [],
-    };
-  },
-  created() {
-    this.getBreadcrumb();
-  },
-  watch: {
-    $route() {
-      this.getBreadcrumb();
-    },
-  },
-  methods: {
-    getBreadcrumb() {
-      let matched = this.$route.meta.breadcrumb;
-      this.breadList = matched;
-    },
-  },
-};
-</script>
-
-<style scoped>
-.el-breadcrumb {
-  margin-left: 15px;
-}
-.el-breadcrumb .el-breadcrumb__inner .icon {
-  font-size: 14px;
-  margin-right: 5px;
-  float: left;
-}
-.breadcrumb-enter-active,
-.breadcrumb-leave-active {
-  transition: all 0.3s;
-}
-.breadcrumb-enter-from,
-.breadcrumb-leave-active {
-  opacity: 0;
-  transform: translateX(20px);
-}
-.breadcrumb-leave-active {
-  position: absolute;
-}
-</style>