xs-common-plugins 1.1.2 → 1.1.6

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

@@ -1,79 +1,79 @@
-<template>
-  <div class="sidebar-logo-container" :class="{'collapse':collapse}">
-    <router-link key="collapse" class="sidebar-logo-link" to="/" v-if="collapse">
-      <img src="/Res/logo/small.png" class="sidebar-logo" />
-    </router-link>
-    <router-link key="expand" class="sidebar-logo-link" to="/">
-      <img src="/Res/logo/big.png" class="sidebar-logo" />
-    </router-link>
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: "SidebarLogo",
-  props: {
-    collapse: {
-      type: Boolean,
-      required: true
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-.sidebarLogoFade-enter-active {
-  transition: opacity 1.5s;
-}
-
-.sidebarLogoFade-enter,
-.sidebarLogoFade-leave-to {
-  opacity: 0;
-}
-
-.sidebar-logo-container {
-  position: relative;
-  width: 100%;
-  height: 50px;
-  line-height: 50px;
-  background: #2b2f3a;
-  text-align: center;
-  overflow: hidden;
-
-  & .sidebar-logo-link {
-    height: 100%;
-    width: 100%;
-
-    & .sidebar-logo {
-      width: 210px;
-      height: 50px;
-      vertical-align: middle;
-      margin-right: 12px;
-      img {
-        width: 100%;
-        height: 100%;
-      }
-    }
-
-    & .sidebar-title {
-      display: inline-block;
-      margin: 0;
-      color: #fff;
-      font-weight: 600;
-      line-height: 50px;
-      font-size: 14px;
-      font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
-      vertical-align: middle;
-    }
-  }
-
-  &.collapse {
-    .sidebar-logo {
-      margin-right: 0px;
-      width: 56px;
-      height: 50px;
-    }
-  }
-}
-</style>
+<template>
+  <div class="sidebar-logo-container" :class="{'collapse':collapse}">
+    <router-link key="collapse" class="sidebar-logo-link" to="/" v-if="collapse">
+      <img src="/Res/logo/small.png" class="sidebar-logo" />
+    </router-link>
+    <router-link key="expand" class="sidebar-logo-link" to="/">
+      <img src="/Res/logo/big.png" class="sidebar-logo" />
+    </router-link>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "SidebarLogo",
+  props: {
+    collapse: {
+      type: Boolean,
+      required: true
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.sidebarLogoFade-enter-active {
+  transition: opacity 1.5s;
+}
+
+.sidebarLogoFade-enter,
+.sidebarLogoFade-leave-to {
+  opacity: 0;
+}
+
+.sidebar-logo-container {
+  position: relative;
+  width: 100%;
+  height: 50px;
+  line-height: 50px;
+  background: #2b2f3a;
+  text-align: center;
+  overflow: hidden;
+
+  & .sidebar-logo-link {
+    height: 100%;
+    width: 100%;
+
+    & .sidebar-logo {
+      width: 210px;
+      height: 50px;
+      vertical-align: middle;
+      margin-right: 12px;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    & .sidebar-title {
+      display: inline-block;
+      margin: 0;
+      color: #fff;
+      font-weight: 600;
+      line-height: 50px;
+      font-size: 14px;
+      font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
+      vertical-align: middle;
+    }
+  }
+
+  &.collapse {
+    .sidebar-logo {
+      margin-right: 0px;
+      width: 56px;
+      height: 50px;
+    }
+  }
+}
+</style>

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

@@ -1,67 +1,67 @@
-<template>
-  <div class="menu-wrapper">
-    <template v-if="item.subItems.length == 0">
-      <template v-if="item.title">
-        <app-link :to="getUrl(item.url, item)">
-          <el-menu-item  :class="{'submenu-title-noDropdown':!isNest}" :index="item.id">  
-            <item :title="item.title" :icon="item.icon"  />
-          </el-menu-item>
-        </app-link>
-      </template>
-    </template>
-    <el-submenu v-else ref="subMenu" :index="item.id" popper-append-to-body>
-      <template slot="title">
-        <item v-if="item.title" :title="item.title" :icon="item.icon" />
-      </template>
-      <sidebar-item
-        v-for="child in item.subItems"
-        :key="child.id"
-        :is-nest="true"
-        :item="child"
-        class="nest-menu"
-      />
-    </el-submenu>
-  </div>
-</template>
-
-<script>
-import Item from "./Item";
-import AppLink from "./Link";
-import FixiOSBug from "./FixiOSBug";
-
-export default {
-  name: "SidebarItem",
-  components: { Item, AppLink },
-  mixins: [FixiOSBug],
-  props: {
-    // route object
-    item: {
-      type: Object,
-      required: true
-    },
-    isNest: {
-      type: Boolean,
-      default: false
-    },
-    basePath: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    // To fix https://github.com/PanJiaChen/vue-admin-template/issues/237
-    // TODO: refactor with render function
-    this.onlyOneChild = null;
-    return {};
-  },
-  methods: {
-    getUrl (url, item) {
-      if(process.env.NODE_ENV == 'development') {
-        return url
-      } else {
-        return item.host + item.url
-      }
-    }
-  }
-};
-</script>
+<template>
+  <div class="menu-wrapper">
+    <template v-if="item.subItems.length == 0">
+      <template v-if="item.title">
+        <app-link :to="getUrl(item.url, item)">
+          <el-menu-item  :class="{'submenu-title-noDropdown':!isNest}" :index="item.id">  
+            <item :title="item.title" :icon="item.icon"  />
+          </el-menu-item>
+        </app-link>
+      </template>
+    </template>
+    <el-submenu v-else ref="subMenu" :index="item.id" popper-append-to-body>
+      <template slot="title">
+        <item v-if="item.title" :title="item.title" :icon="item.icon" />
+      </template>
+      <sidebar-item
+        v-for="child in item.subItems"
+        :key="child.id"
+        :is-nest="true"
+        :item="child"
+        class="nest-menu"
+      />
+    </el-submenu>
+  </div>
+</template>
+
+<script>
+import Item from "./Item";
+import AppLink from "./Link";
+import FixiOSBug from "./FixiOSBug";
+
+export default {
+  name: "SidebarItem",
+  components: { Item, AppLink },
+  mixins: [FixiOSBug],
+  props: {
+    // route object
+    item: {
+      type: Object,
+      required: true
+    },
+    isNest: {
+      type: Boolean,
+      default: false
+    },
+    basePath: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    // To fix https://github.com/PanJiaChen/vue-admin-template/issues/237
+    // TODO: refactor with render function
+    this.onlyOneChild = null;
+    return {};
+  },
+  methods: {
+    getUrl (url, item) {
+      if(process.env.NODE_ENV == 'development') {
+        return url
+      } else {
+        return item.host + item.url
+      }
+    }
+  }
+};
+</script>

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

@@ -1,114 +1,114 @@
-<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="true"
-        :active-text-color="variables.menuActiveText"
-        :collapse-transition="false"
-        mode="vertical"
-      >
-        <sidebar-item
-          v-for="route in getMenuList"
-          :key="route.id"
-          :item="route"
-          :base-path="route.url"
-        />
-      </el-menu>
-    </el-scrollbar>
-  </div>
-</template>
-
-<script>
-import { mapGetters } from "vuex";
-import Logo from "./Logo";
-import SidebarItem from "./SidebarItem";
-import variables from "@/styles/variables.scss";
-
-import { createMenuId } from "@/common/createMenuId";
-//TODO
-export default {
-  data() {
-    return {
-      devMenuList: [],
-    };
-  },
-  props: {
-    fromItem: {
-      type: Number,
-      default: 0
-    }
-  },
-  components: { SidebarItem, Logo },
-  computed: {
-    ...mapGetters(["sidebar", "menuList"]),
-    activeMenu() {
-      const route = this.$route;
-      const { path } = route;
-      if (route.path) {
-        return createMenuId(route.path);
-      }
-      const realUrl = decodeURIComponent(path).replace(`/child-frame/`, "");
-      return realUrl;
-    },
-    showLogo() {
-      // return this.$store.state.settings.sidebarLogo;
-    },
-    variables() {
-      return variables;
-    },
-    isCollapse() {
-      return !this.sidebar.opened;
-    },
-    getMenuList () {
-      if(process.env.NODE_ENV === 'development') {
-        return this.devMenuList
-      } 
-      return this.menuList
-    }
-  },
-  created() {
-    if (process.env.NODE_ENV == "development") {
-      let router = this.$root.$router.options.routes.find(
-        item => item.path === "/"
-      );
-      let { subItems } =  this.formatRouter(router, {url:'/'})
-      this.devMenuList = subItems || []
-    }
-  },
-  methods: {
-    formatRouter (obj, parent) {
-      let item = {
-        title: obj.meta && obj.meta.title || '',
-        icon: obj.meta && obj.meta.icon || '',
-        hide: obj.meta && obj.meta.hidden || false,
-        url: '',
-        host: window.location.host,
-        subItems:  [],
-        id: ''
-      }
-      if(parent.url == '/') {
-        obj.url =  obj.path
-      } else {
-        obj.url = parent.url + '/'+ obj.path 
-      }
-      item.url = obj.url
-      item.id = createMenuId(item.url)
-      if(obj.children && obj.children.length > 0) {
-        let list = []
-        obj.children.forEach((it)=>{
-          list.push(this.formatRouter(it, obj))
-        })
-        if(!list.every(i => i['hide'] === true)) {
-          item.subItems = list.filter(item => item['hide'] !== true)
-        }
-      }
-      return item
-    }
-  }
-};
-</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="true"
+        :active-text-color="variables.menuActiveText"
+        :collapse-transition="false"
+        mode="vertical"
+      >
+        <sidebar-item
+          v-for="route in getMenuList"
+          :key="route.id"
+          :item="route"
+          :base-path="route.url"
+        />
+      </el-menu>
+    </el-scrollbar>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from "vuex";
+import Logo from "./Logo";
+import SidebarItem from "./SidebarItem";
+import variables from "@/styles/variables.scss";
+
+import { createMenuId } from "@/common/createMenuId";
+//TODO
+export default {
+  data() {
+    return {
+      devMenuList: [],
+    };
+  },
+  props: {
+    fromItem: {
+      type: Number,
+      default: 0
+    }
+  },
+  components: { SidebarItem, Logo },
+  computed: {
+    ...mapGetters(["sidebar", "menuList"]),
+    activeMenu() {
+      const route = this.$route;
+      const { path } = route;
+      if (route.path) {
+        return createMenuId(route.path);
+      }
+      const realUrl = decodeURIComponent(path).replace(`/child-frame/`, "");
+      return realUrl;
+    },
+    showLogo() {
+      // return this.$store.state.settings.sidebarLogo;
+    },
+    variables() {
+      return variables;
+    },
+    isCollapse() {
+      return !this.sidebar.opened;
+    },
+    getMenuList () {
+      if(process.env.NODE_ENV === 'development') {
+        return this.devMenuList
+      } 
+      return this.menuList
+    }
+  },
+  created() {
+    if (process.env.NODE_ENV == "development") {
+      let router = this.$root.$router.options.routes.find(
+        item => item.path === "/"
+      );
+      let { subItems } =  this.formatRouter(router, {url:'/'})
+      this.devMenuList = subItems || []
+    }
+  },
+  methods: {
+    formatRouter (obj, parent) {
+      let item = {
+        title: obj.meta && obj.meta.title || '',
+        icon: obj.meta && obj.meta.icon || '',
+        hide: obj.meta && obj.meta.hidden || false,
+        url: '',
+        host: window.location.host,
+        subItems:  [],
+        id: ''
+      }
+      if(parent.url == '/') {
+        obj.url =  obj.path
+      } else {
+        obj.url = parent.url + '/'+ obj.path 
+      }
+      item.url = obj.url
+      item.id = createMenuId(item.url)
+      if(obj.children && obj.children.length > 0) {
+        let list = []
+        obj.children.forEach((it)=>{
+          list.push(this.formatRouter(it, obj))
+        })
+        if(!list.every(i => i['hide'] === true)) {
+          item.subItems = list.filter(item => item['hide'] !== true)
+        }
+      }
+      return item
+    }
+  }
+};
+</script>

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

@@ -1,3 +1,3 @@
-export { default as Navbar } from './Navbar'
-export { default as Sidebar } from './Sidebar'
-export { default as AppMain } from './AppMain'
+export { default as Navbar } from './Navbar'
+export { default as Sidebar } from './Sidebar'
+export { default as AppMain } from './AppMain'