xs-common-plugins 1.0.6 → 1.0.10

package/src/utils/localStorage.js

@@ -1,21 +1,21 @@
-import Storage from 'web-storage-cache'
-
-const localStorage = new Storage()
-
-export function getLocalStorage(key) {
-  return localStorage.get(key)
-}
-
-export function setLocalStorage(key, value, expire = 30 * 24 * 3600) {
-  return localStorage.set(key, value, {
-    exp: expire
-  })
-}
-
-export function removeLocalStorage(key) {
-  return localStorage.delete(key)
-}
-
-export function clearLocalStorage() {
-  return localStorage.clear()
-}
+import Storage from 'web-storage-cache'
+
+const localStorage = new Storage()
+
+export function getLocalStorage(key) {
+  return localStorage.get(key)
+}
+
+export function setLocalStorage(key, value, expire = 30 * 24 * 3600) {
+  return localStorage.set(key, value, {
+    exp: expire
+  })
+}
+
+export function removeLocalStorage(key) {
+  return localStorage.delete(key)
+}
+
+export function clearLocalStorage() {
+  return localStorage.clear()
+}

package/src/utils/validate.js

@@ -1,20 +1,20 @@
-/**
- * Created by PanJiaChen on 16/11/18.
- */
-
-/**
- * @param {string} path
- * @returns {Boolean}
- */
-export function isExternal(path) {
-  return /^(https?:|mailto:|tel:)/.test(path)
-}
-
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function validUsername(str) {
-  const valid_map = ['admin', 'editor']
-  return valid_map.indexOf(str.trim()) >= 0
-}
+/**
+ * Created by PanJiaChen on 16/11/18.
+ */
+
+/**
+ * @param {string} path
+ * @returns {Boolean}
+ */
+export function isExternal(path) {
+  return /^(https?:|mailto:|tel:)/.test(path)
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validUsername(str) {
+  const valid_map = ['admin', 'editor']
+  return valid_map.indexOf(str.trim()) >= 0
+}

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

@@ -1,45 +1,45 @@
-<template>
-  <div class="allSearch-wrapper">
-    <el-input
-      v-if="search"
-      suffix-icon="el-icon-search"
-      clearable
-      size="small"
-      v-model="globalSearch"
-      placeholder="请输入内容"
-      @change="changeHandler"
-      maxlength="50"
-    ></el-input>
-  </div>
-</template>
-
-<script>
-import { mapState } from "vuex";
-export default {
-  data() {
-    return {
-      // 全局搜索
-      globalSearch: ""
-    };
-  },
-  methods: {
-    /**
-     * 搜索框选中操作
-     */
-    changeHandler(val) {
-      this.search(val);
-    }
-  },
-  computed: {
-    ...mapState({
-      search: state => state.search
-    })
-  }
-};
-</script>
-
-<style lang="scss">
-.allSearch-wrapper .el-input--small .el-input__inner {
-  width: 300px;
-}
+<template>
+  <div class="allSearch-wrapper">
+    <el-input
+      v-if="search"
+      suffix-icon="el-icon-search"
+      clearable
+      size="small"
+      v-model="globalSearch"
+      placeholder="请输入内容"
+      @change="changeHandler"
+      maxlength="50"
+    ></el-input>
+  </div>
+</template>
+
+<script>
+import { mapState } from "vuex";
+export default {
+  data() {
+    return {
+      // 全局搜索
+      globalSearch: ""
+    };
+  },
+  methods: {
+    /**
+     * 搜索框选中操作
+     */
+    changeHandler(val) {
+      this.search(val);
+    }
+  },
+  computed: {
+    ...mapState({
+      search: state => state.search
+    })
+  }
+};
+</script>
+
+<style lang="scss">
+.allSearch-wrapper .el-input--small .el-input__inner {
+  width: 300px;
+}
 </style>

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

@@ -1,50 +1,50 @@
-<template>
-  <section class="app-main">
-    <router-view :key="key" />
-  </section>
-</template>
-
-<script>
-export default {
-  name: "AppMain",
-  data() {
-    return {
-      framepath: ""
-    };
-  },
-  computed: {
-    key() {
-      return this.$route.path;
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-
-.app-main {
-  display: flex;
-  /*50 = navbar  */
-  height: calc(100vh - 50px);
-  width: 100%;
-  position: relative;
-  overflow: hidden;
-}
-.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">
+    <router-view :key="key" />
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AppMain",
+  data() {
+    return {
+      framepath: ""
+    };
+  },
+  computed: {
+    key() {
+      return this.$route.path;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+
+.app-main {
+  display: flex;
+  /*50 = navbar  */
+  height: calc(100vh - 50px);
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+}
+.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>