ylyx-cli 1.0.16 → 1.1.0

package/templates/vue-app/files/src/layout/components/Sidebar/index.vue

@@ -1,79 +1,79 @@
-<template>
-  <div :class="{ 'has-logo': showLogo }">
-    <logo v-if="showLogo" :collapse="isCollapse" />
-    <el-scrollbar wrap-class="scrollbar-wrapper">
-      <el-menu
-        :default-active="activeMenu"
-        :collapse="isCollapse"
-        :background-color="variables.menuBg"
-        :text-color="variables.menuText"
-        :unique-opened="$store.state.settings.uniqueOpened"
-        :active-text-color="variables.menuActiveText"
-        :collapse-transition="false"
-        mode="vertical">
-        <sidebar-item
-          v-for="route in sidebarOpen"
-          :key="route.path"
-          :item="route"
-          :base-path="route.path" />
-      </el-menu>
-    </el-scrollbar>
-  </div>
-</template>
-
-<script>
-import { mapGetters } from 'vuex';
-import Logo from './Logo';
-import SidebarItem from './SidebarItem';
-import variables from '@/assets/styles/variables.scss';
-
-export default {
-  components: { SidebarItem, Logo },
-  computed: {
-    ...mapGetters(['sidebarRouters', 'sidebar']),
-    // routes() {
-    //   // return this.$router.options.routes
-    //   console.log(this.$store.getters.menusRoutes, 'this.$store.getters.menusRoutes')
-    //   return this.$store.getters.menusRoutes
-    // },
-    activeMenu() {
-      const route = this.$route;
-      const { meta, path } = route;
-      // 如果设置路径，侧边栏将突出显示您设置的路径
-      // console.log(this.$route.meta)
-      // if (meta.activeMenu) {
-      //   return meta.activeMenu
-      // }
-
-      // return path
-      return meta.guidePath ? meta.jumpPath : path;
-    },
-    showLogo() {
-      return this.$store.state.settings.sidebarLogo;
-    },
-    variables() {
-      return variables;
-    },
-    isCollapse() {
-      return !this.sidebar.opened;
-    },
-  },
-  data() {
-    return {
-      sidebarOpen: [],
-    };
-  },
-  created() {
-    // let obj = {};
-    // if(location.hostname == 'localhost'){
-    //   this.sidebarOpen = this.sidebarRouters.reduce((cur,next) => {
-    //     obj[next.name] ? "" : obj[next.name] = true && cur.push(next);
-    //     return cur;
-    //   },[]) //设置cur默认类型为数组，并且初始值为空的数组
-    // }else{
-    this.sidebarOpen = this.sidebarRouters;
-    // }
-    // console.log('this.sidebarOpen', this.sidebarOpen);
-  },
-};
-</script>
+<template>
+  <div :class="{ 'has-logo': showLogo }">
+    <logo v-if="showLogo" :collapse="isCollapse" />
+    <el-scrollbar wrap-class="scrollbar-wrapper">
+      <el-menu
+        :default-active="activeMenu"
+        :collapse="isCollapse"
+        :background-color="variables.menuBg"
+        :text-color="variables.menuText"
+        :unique-opened="$store.state.settings.uniqueOpened"
+        :active-text-color="variables.menuActiveText"
+        :collapse-transition="false"
+        mode="vertical">
+        <sidebar-item
+          v-for="route in sidebarOpen"
+          :key="route.path"
+          :item="route"
+          :base-path="route.path" />
+      </el-menu>
+    </el-scrollbar>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import Logo from './Logo';
+import SidebarItem from './SidebarItem';
+import variables from '@/assets/styles/variables.scss';
+
+export default {
+  components: { SidebarItem, Logo },
+  computed: {
+    ...mapGetters(['sidebarRouters', 'sidebar']),
+    // routes() {
+    //   // return this.$router.options.routes
+    //   console.log(this.$store.getters.menusRoutes, 'this.$store.getters.menusRoutes')
+    //   return this.$store.getters.menusRoutes
+    // },
+    activeMenu() {
+      const route = this.$route;
+      const { meta, path } = route;
+      // 如果设置路径，侧边栏将突出显示您设置的路径
+      // console.log(this.$route.meta)
+      // if (meta.activeMenu) {
+      //   return meta.activeMenu
+      // }
+
+      // return path
+      return meta.guidePath ? meta.jumpPath : path;
+    },
+    showLogo() {
+      return this.$store.state.settings.sidebarLogo;
+    },
+    variables() {
+      return variables;
+    },
+    isCollapse() {
+      return !this.sidebar.opened;
+    },
+  },
+  data() {
+    return {
+      sidebarOpen: [],
+    };
+  },
+  created() {
+    // let obj = {};
+    // if(location.hostname == 'localhost'){
+    //   this.sidebarOpen = this.sidebarRouters.reduce((cur,next) => {
+    //     obj[next.name] ? "" : obj[next.name] = true && cur.push(next);
+    //     return cur;
+    //   },[]) //设置cur默认类型为数组，并且初始值为空的数组
+    // }else{
+    this.sidebarOpen = this.sidebarRouters;
+    // }
+    // console.log('this.sidebarOpen', this.sidebarOpen);
+  },
+};
+</script>

package/templates/vue-app/files/src/layout/components/TagsView/ScrollPane.vue

@@ -1,90 +1,90 @@
-<template>
-  <el-scrollbar
-    ref="scrollContainer"
-    :vertical="false"
-    class="scroll-container"
-    @wheel.native.prevent="handleScroll">
-    <slot />
-  </el-scrollbar>
-</template>
-
-<script>
-const tagAndTagSpacing = 4; // tagAndTagSpacing
-
-export default {
-  name: 'ScrollPane',
-  data() {
-    return {
-      left: 0,
-    };
-  },
-  computed: {
-    scrollWrapper() {
-      return this.$refs.scrollContainer.$refs.wrap;
-    },
-  },
-  methods: {
-    handleScroll(e) {
-      const eventDelta = e.wheelDelta || -e.deltaY * 40;
-      const $scrollWrapper = this.scrollWrapper;
-      $scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4;
-    },
-    moveToTarget(currentTag) {
-      const $container = this.$refs.scrollContainer.$el;
-      const $containerWidth = $container.offsetWidth;
-      const $scrollWrapper = this.scrollWrapper;
-      const tagList = this.$parent.$refs.tag;
-
-      let firstTag = null;
-      let lastTag = null;
-
-      // find first tag and last tag
-      if (tagList.length > 0) {
-        firstTag = tagList[0];
-        lastTag = tagList[tagList.length - 1];
-      }
-
-      if (firstTag === currentTag) {
-        $scrollWrapper.scrollLeft = 0;
-      } else if (lastTag === currentTag) {
-        $scrollWrapper.scrollLeft = $scrollWrapper.scrollWidth - $containerWidth;
-      } else {
-        // find preTag and nextTag
-        const currentIndex = tagList.findIndex(item => item === currentTag);
-        const prevTag = tagList[currentIndex - 1];
-        const nextTag = tagList[currentIndex + 1];
-
-        // the tag's offsetLeft after of nextTag
-        const afterNextTagOffsetLeft =
-          nextTag.$el.offsetLeft + nextTag.$el.offsetWidth + tagAndTagSpacing;
-
-        // the tag's offsetLeft before of prevTag
-        const beforePrevTagOffsetLeft = prevTag.$el.offsetLeft - tagAndTagSpacing;
-
-        if (afterNextTagOffsetLeft > $scrollWrapper.scrollLeft + $containerWidth) {
-          $scrollWrapper.scrollLeft = afterNextTagOffsetLeft - $containerWidth;
-        } else if (beforePrevTagOffsetLeft < $scrollWrapper.scrollLeft) {
-          $scrollWrapper.scrollLeft = beforePrevTagOffsetLeft;
-        }
-      }
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.scroll-container {
-  white-space: nowrap;
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-  ::v-deep {
-    .el-scrollbar__bar {
-      bottom: 0px;
-    }
-    .el-scrollbar__wrap {
-      height: 49px;
-    }
-  }
-}
-</style>
+<template>
+  <el-scrollbar
+    ref="scrollContainer"
+    :vertical="false"
+    class="scroll-container"
+    @wheel.native.prevent="handleScroll">
+    <slot />
+  </el-scrollbar>
+</template>
+
+<script>
+const tagAndTagSpacing = 4; // tagAndTagSpacing
+
+export default {
+  name: 'ScrollPane',
+  data() {
+    return {
+      left: 0,
+    };
+  },
+  computed: {
+    scrollWrapper() {
+      return this.$refs.scrollContainer.$refs.wrap;
+    },
+  },
+  methods: {
+    handleScroll(e) {
+      const eventDelta = e.wheelDelta || -e.deltaY * 40;
+      const $scrollWrapper = this.scrollWrapper;
+      $scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4;
+    },
+    moveToTarget(currentTag) {
+      const $container = this.$refs.scrollContainer.$el;
+      const $containerWidth = $container.offsetWidth;
+      const $scrollWrapper = this.scrollWrapper;
+      const tagList = this.$parent.$refs.tag;
+
+      let firstTag = null;
+      let lastTag = null;
+
+      // find first tag and last tag
+      if (tagList.length > 0) {
+        firstTag = tagList[0];
+        lastTag = tagList[tagList.length - 1];
+      }
+
+      if (firstTag === currentTag) {
+        $scrollWrapper.scrollLeft = 0;
+      } else if (lastTag === currentTag) {
+        $scrollWrapper.scrollLeft = $scrollWrapper.scrollWidth - $containerWidth;
+      } else {
+        // find preTag and nextTag
+        const currentIndex = tagList.findIndex(item => item === currentTag);
+        const prevTag = tagList[currentIndex - 1];
+        const nextTag = tagList[currentIndex + 1];
+
+        // the tag's offsetLeft after of nextTag
+        const afterNextTagOffsetLeft =
+          nextTag.$el.offsetLeft + nextTag.$el.offsetWidth + tagAndTagSpacing;
+
+        // the tag's offsetLeft before of prevTag
+        const beforePrevTagOffsetLeft = prevTag.$el.offsetLeft - tagAndTagSpacing;
+
+        if (afterNextTagOffsetLeft > $scrollWrapper.scrollLeft + $containerWidth) {
+          $scrollWrapper.scrollLeft = afterNextTagOffsetLeft - $containerWidth;
+        } else if (beforePrevTagOffsetLeft < $scrollWrapper.scrollLeft) {
+          $scrollWrapper.scrollLeft = beforePrevTagOffsetLeft;
+        }
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.scroll-container {
+  white-space: nowrap;
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  ::v-deep {
+    .el-scrollbar__bar {
+      bottom: 0px;
+    }
+    .el-scrollbar__wrap {
+      height: 49px;
+    }
+  }
+}
+</style>