xs-common-plugins 1.2.4 → 1.2.5

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

@@ -1,66 +1,66 @@
-<template>
-  <section class="app-main">
-    <keep-alive>
-      <router-view v-if="!$route.meta.noCache && isRouterAlive" :key="key" />
-    </keep-alive>
-    <router-view v-if="$route.meta.noCache" :key="key" />
-  </section>
-</template>
-
-<script>
-export default {
-  name: "AppMain",
-  data() {
-    return {
-      framepath: "",
-      isRouterAlive: true,
-    };
-  },
-  provide() {
-    return {
-      reload: this.reload,
-    };
-  },
-  computed: {
-    key() {
-      return this.$route.path;
-    },
-  },
-  methods: {
-    reload() {
-      this.isRouterAlive = false;
-      this.$nextTick(function () {
-        this.isRouterAlive = true;
-      });
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.app-main {
-  display: flex;
-  /*50 = navbar  */
-  height: calc(100vh - 85px);
-  width: 100%;
-  position: relative;
-  overflow: auto;
-}
-.footer {
-  position: absolute;
-  bottom: -10px;
-  line-height: 1.5;
-  height: 50px;
-}
-.fixed-header + .app-main {
-  padding-top: 50px;
-}
-</style>
-
-<style lang="scss">
-.el-popup-parent--hidden {
-  .fixed-header {
-    padding-right: 15px;
-  }
-}
-</style>
+<template>
+  <section class="app-main">
+    <keep-alive>
+      <router-view v-if="!$route.meta.noCache && isRouterAlive" :key="key" />
+    </keep-alive>
+    <router-view v-if="$route.meta.noCache" :key="key" />
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AppMain",
+  data() {
+    return {
+      framepath: "",
+      isRouterAlive: true,
+    };
+  },
+  provide() {
+    return {
+      reload: this.reload,
+    };
+  },
+  computed: {
+    key() {
+      return this.$route.path;
+    },
+  },
+  methods: {
+    reload() {
+      this.isRouterAlive = false;
+      this.$nextTick(function () {
+        this.isRouterAlive = true;
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.app-main {
+  display: flex;
+  /*50 = navbar  */
+  height: calc(100vh - 85px);
+  width: 100%;
+  position: relative;
+  overflow: auto;
+}
+.footer {
+  position: absolute;
+  bottom: -10px;
+  line-height: 1.5;
+  height: 50px;
+}
+.fixed-header + .app-main {
+  padding-top: 50px;
+}
+</style>
+
+<style lang="scss">
+.el-popup-parent--hidden {
+  .fixed-header {
+    padding-right: 15px;
+  }
+}
+</style>

package/src/views/layout/components/Sidebar/FixiOSBug.js

@@ -1,26 +1,26 @@
-export default {
-  computed: {
-    device() {
-      return this.$store.state.app.device
-    }
-  },
-  mounted() {
-    // In order to fix the click on menu on the ios device will trigger the mouseleave bug
-    // https://github.com/PanJiaChen/vue-element-admin/issues/1135
-    this.fixBugIniOS()
-  },
-  methods: {
-    fixBugIniOS() {
-      const $subMenu = this.$refs.subMenu
-      if ($subMenu) {
-        const handleMouseleave = $subMenu.handleMouseleave
-        $subMenu.handleMouseleave = (e) => {
-          if (this.device === 'mobile') {
-            return
-          }
-          handleMouseleave(e)
-        }
-      }
-    }
-  }
-}
+export default {
+  computed: {
+    device() {
+      return this.$store.state.app.device
+    }
+  },
+  mounted() {
+    // In order to fix the click on menu on the ios device will trigger the mouseleave bug
+    // https://github.com/PanJiaChen/vue-element-admin/issues/1135
+    this.fixBugIniOS()
+  },
+  methods: {
+    fixBugIniOS() {
+      const $subMenu = this.$refs.subMenu
+      if ($subMenu) {
+        const handleMouseleave = $subMenu.handleMouseleave
+        $subMenu.handleMouseleave = (e) => {
+          if (this.device === 'mobile') {
+            return
+          }
+          handleMouseleave(e)
+        }
+      }
+    }
+  }
+}

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

@@ -1,28 +1,28 @@
-<script>
-export default {
-  name: 'MenuItem',
-  functional: true,
-  props: {
-    icon: {
-      type: String,
-      default: ''
-    },
-    title: {
-      type: String,
-      default: ''
-    }
-  },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<i class={[icon, 'iconfont']} ></i>)
-    }
-    if (title) {
-      vnodes.push(<span slot='title' style="marginLeft:10px">{(title)}</span>)
-    }
-    return vnodes
-  }
-}
-</script>
+<script>
+export default {
+  name: 'MenuItem',
+  functional: true,
+  props: {
+    icon: {
+      type: String,
+      default: ''
+    },
+    title: {
+      type: String,
+      default: ''
+    }
+  },
+  render(h, context) {
+    const { icon, title } = context.props
+    const vnodes = []
+
+    if (icon) {
+      vnodes.push(<i class={[icon, 'iconfont']} ></i>)
+    }
+    if (title) {
+      vnodes.push(<span slot='title' style="marginLeft:10px">{(title)}</span>)
+    }
+    return vnodes
+  }
+}
+</script>

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

@@ -1,34 +1,34 @@
-
-<template>
-  <!-- eslint-disable vue/require-component-is -->
-  <component v-bind="linkProps(to)">
-    <slot />
-  </component>
-</template>
-
-<script>
-import { isExternal } from "@/utils/validate";
-
-export default {
-  props: {
-    to: {
-      type: String,
-      required: true
-    }
-  },
-  methods: {
-    linkProps(url) {
-      if (isExternal(url)) {
-        return {
-          is: "a",
-          href: url,
-        };
-      }
-      return {
-        is: "router-link",
-        to: url
-      };
-    }
-  }
-};
-</script>
+
+<template>
+  <!-- eslint-disable vue/require-component-is -->
+  <component v-bind="linkProps(to)">
+    <slot />
+  </component>
+</template>
+
+<script>
+import { isExternal } from "@/utils/validate";
+
+export default {
+  props: {
+    to: {
+      type: String,
+      required: true
+    }
+  },
+  methods: {
+    linkProps(url) {
+      if (isExternal(url)) {
+        return {
+          is: "a",
+          href: url,
+        };
+      }
+      return {
+        is: "router-link",
+        to: url
+      };
+    }
+  }
+};
+</script>

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>