xs-common-plugins 1.2.3 → 1.2.5

package/src/common/createMenuId.js

@@ -1,7 +1,7 @@
-import md5 from "js-md5";
-import { getConfig } from "@/utils/global-config";
-export function createMenuId(_fullPath) {
-    return md5(getConfig("CLIENT_ID") + ":" + _fullPath);
-}
-
-
+import md5 from "js-md5";
+import { getConfig } from "@/utils/global-config";
+export function createMenuId(_fullPath) {
+    return md5(getConfig("CLIENT_ID") + ":" + _fullPath);
+}
+
+

package/src/common/uploadImgToBase64.js

@@ -1,13 +1,13 @@
-export function uploadImgToBase64(file) {
-    return new Promise((resolve, reject) => {
-        if (!window.FileReader) {
-            console.error('抱歉，您的浏览器不支持 FileReader API!')
-        }
-        const reader = new FileReader()
-        reader.readAsDataURL(file)
-        reader.onload = function () { // 图片转base64完成后返回reader对象
-            resolve(reader)
-        }
-        reader.onerror = reject
-    })
+export function uploadImgToBase64(file) {
+    return new Promise((resolve, reject) => {
+        if (!window.FileReader) {
+            console.error('抱歉，您的浏览器不支持 FileReader API!')
+        }
+        const reader = new FileReader()
+        reader.readAsDataURL(file)
+        reader.onload = function () { // 图片转base64完成后返回reader对象
+            resolve(reader)
+        }
+        reader.onerror = reject
+    })
 }

package/src/common/utils.js

@@ -1,95 +1,95 @@
-export function isPlainObject(val) {
-  return toString.call(val) === "[object Object]";
-}
-
-export function isArray(val) {
-  return toString.call(val) === "[object Array]";
-}
-
-/**
- * 获取指定的URL参数值
- * URL:http://www.quwan.com/index?name=tyler
- * 参数：paramName URL参数
- * 调用方法:getParam("name")
- * 返回值:tyler
- */
-export function getParam(name) {
-  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
-  var reg_rewrite = new RegExp("(^|/)" + name + "/([^/]*)(/|$)", "i");
-  var r = window.location.search.substr(1).match(reg);
-  var q = window.location.pathname.substr(1).match(reg_rewrite);
-  if (r != null) {
-    return unescape(r[2]);
-  } else if (q != null) {
-    return unescape(q[2]);
-  } else {
-    return null;
-  }
-}
-
-export function getQuery(_url, name) {
-  let search = _url ? _url : window.location.search;
-  if (search) {
-    const KEY_REDIRECT = "?";
-    const startIndex = window.location.href.indexOf(KEY_REDIRECT);
-    search = window.location.href.substring(startIndex + 1);
-  }
-
-  var vars = search.split("&");
-  for (var i = 0; i < vars.length; i++) {
-    var pair = vars[i].split("=");
-    if (pair[0] == name) {
-      return pair[1];
-    }
-  }
-  return false;
-}
-export function checkedBoxRe(val, enumName, target) {
-  let attr = "";
-  let sourceList =
-    (target.OrgEnum && target.OrgEnum[enumName]) || target.$orgEnum[enumName];
-  const arr = sourceList.slice(0, -1).map(item => {
-    return item.Id;
-  });
-  arr.forEach((item, index) => {
-    if ((val & item) > 0) {
-      attr += sourceList[index].Text + ",";
-    }
-  });
-  if (attr.length > 0) {
-    attr = attr.substr(0, attr.length - 1);
-  }
-  return attr;
-} /*节流函数，通过控制每次事件执行的时间间隔控制短时间多次执行方法
-handler:要执行的方法
-wait：每次点击事件执行的时间间隔(毫秒)
-*/
-export function throttle(handler, wait = 1000) {
-  var lastTime = 0;
-  var self = this,
-    arg = arguments;
-
-  return function() {
-    var nowTime = new Date().getTime();
-    if (nowTime - lastTime > wait) {
-      handler.apply(self, arg);
-      lastTime = nowTime;
-    }
-  };
-}
-
-/*防抖函数，通过推迟每次事件执行的时间来减少不必要的查询
-  handler:要执行的方法
-  delay：每次事件执行的推迟时间(毫秒)
-  */
-export function debounce(handler, delay) {
-  var timer;
-  return function() {
-    var self = this,
-      arg = arguments;
-    clearTimeout(timer);
-    timer = setTimeout(function() {
-      handler.apply(self, arg);
-    }, delay);
-  };
-}
+export function isPlainObject(val) {
+  return toString.call(val) === "[object Object]";
+}
+
+export function isArray(val) {
+  return toString.call(val) === "[object Array]";
+}
+
+/**
+ * 获取指定的URL参数值
+ * URL:http://www.quwan.com/index?name=tyler
+ * 参数：paramName URL参数
+ * 调用方法:getParam("name")
+ * 返回值:tyler
+ */
+export function getParam(name) {
+  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
+  var reg_rewrite = new RegExp("(^|/)" + name + "/([^/]*)(/|$)", "i");
+  var r = window.location.search.substr(1).match(reg);
+  var q = window.location.pathname.substr(1).match(reg_rewrite);
+  if (r != null) {
+    return unescape(r[2]);
+  } else if (q != null) {
+    return unescape(q[2]);
+  } else {
+    return null;
+  }
+}
+
+export function getQuery(_url, name) {
+  let search = _url ? _url : window.location.search;
+  if (search) {
+    const KEY_REDIRECT = "?";
+    const startIndex = window.location.href.indexOf(KEY_REDIRECT);
+    search = window.location.href.substring(startIndex + 1);
+  }
+
+  var vars = search.split("&");
+  for (var i = 0; i < vars.length; i++) {
+    var pair = vars[i].split("=");
+    if (pair[0] == name) {
+      return pair[1];
+    }
+  }
+  return false;
+}
+export function checkedBoxRe(val, enumName, target) {
+  let attr = "";
+  let sourceList =
+    (target.OrgEnum && target.OrgEnum[enumName]) || target.$orgEnum[enumName];
+  const arr = sourceList.slice(0, -1).map(item => {
+    return item.Id;
+  });
+  arr.forEach((item, index) => {
+    if ((val & item) > 0) {
+      attr += sourceList[index].Text + ",";
+    }
+  });
+  if (attr.length > 0) {
+    attr = attr.substr(0, attr.length - 1);
+  }
+  return attr;
+} /*节流函数，通过控制每次事件执行的时间间隔控制短时间多次执行方法
+handler:要执行的方法
+wait：每次点击事件执行的时间间隔(毫秒)
+*/
+export function throttle(handler, wait = 1000) {
+  var lastTime = 0;
+  var self = this,
+    arg = arguments;
+
+  return function() {
+    var nowTime = new Date().getTime();
+    if (nowTime - lastTime > wait) {
+      handler.apply(self, arg);
+      lastTime = nowTime;
+    }
+  };
+}
+
+/*防抖函数，通过推迟每次事件执行的时间来减少不必要的查询
+  handler:要执行的方法
+  delay：每次事件执行的推迟时间(毫秒)
+  */
+export function debounce(handler, delay) {
+  var timer;
+  return function() {
+    var self = this,
+      arg = arguments;
+    clearTimeout(timer);
+    timer = setTimeout(function() {
+      handler.apply(self, arg);
+    }, delay);
+  };
+}

package/src/components/Breadcrumb/index.vue

@@ -1,81 +1,81 @@
-<template>
-  <el-breadcrumb class="app-breadcrumb" separator="/">
-    <transition-group name="breadcrumb">
-      <el-breadcrumb-item v-for="(item) in levelList" :key="item.path">
-        <span
-          v-if="!item.redirect"
-          class="no-redirect"
-        >{{ item.meta.title }}</span>
-        <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
-      </el-breadcrumb-item>
-    </transition-group>
-  </el-breadcrumb>
-</template>
-
-<script>
-import pathToRegexp from "path-to-regexp";
-
-export default {
-  data() {
-    return {
-      levelList: null,
-    };
-  },
-  watch: {
-    $route() {
-      this.getBreadcrumb();
-    },
-  },
-  created() {
-    this.getBreadcrumb();
-  },
-  methods: {
-    getBreadcrumb() {
-      // only show routes with meta.title
-      let matched = this.$route.matched.filter(
-        (item) => item.meta && item.meta.title
-      );
-      const first = matched[0];
-      this.levelList = matched.filter(
-        (item) => item.meta && item.meta.title && item.meta.breadcrumb !== false
-      );
-    },
-    isDashboard(route) {
-      const name = route && route.name;
-      if (!name) {
-        return false;
-      }
-      return (
-        name.trim().toLocaleLowerCase() === "Dashboard".toLocaleLowerCase()
-      );
-    },
-    pathCompile(path) {
-      const { params } = this.$route;
-      var toPath = pathToRegexp.compile(path);
-      return toPath(params);
-    },
-    handleLink(item) {
-      const { redirect, path } = item;
-      if (redirect) {
-        this.$router.push(redirect);
-        return;
-      }
-      this.$router.push(this.pathCompile(path));
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.app-breadcrumb.el-breadcrumb {
-  display: inline-block;
-  font-size: 14px;
-  line-height: 50px;
-  margin-left: 8px;
-
-  .no-redirect {
-    color: #97a8be;
-    cursor: text;
-  }
-}
-</style>
+<template>
+  <el-breadcrumb class="app-breadcrumb" separator="/">
+    <transition-group name="breadcrumb">
+      <el-breadcrumb-item v-for="(item) in levelList" :key="item.path">
+        <span
+          v-if="!item.redirect"
+          class="no-redirect"
+        >{{ item.meta.title }}</span>
+        <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
+      </el-breadcrumb-item>
+    </transition-group>
+  </el-breadcrumb>
+</template>
+
+<script>
+import pathToRegexp from "path-to-regexp";
+
+export default {
+  data() {
+    return {
+      levelList: null,
+    };
+  },
+  watch: {
+    $route() {
+      this.getBreadcrumb();
+    },
+  },
+  created() {
+    this.getBreadcrumb();
+  },
+  methods: {
+    getBreadcrumb() {
+      // only show routes with meta.title
+      let matched = this.$route.matched.filter(
+        (item) => item.meta && item.meta.title
+      );
+      const first = matched[0];
+      this.levelList = matched.filter(
+        (item) => item.meta && item.meta.title && item.meta.breadcrumb !== false
+      );
+    },
+    isDashboard(route) {
+      const name = route && route.name;
+      if (!name) {
+        return false;
+      }
+      return (
+        name.trim().toLocaleLowerCase() === "Dashboard".toLocaleLowerCase()
+      );
+    },
+    pathCompile(path) {
+      const { params } = this.$route;
+      var toPath = pathToRegexp.compile(path);
+      return toPath(params);
+    },
+    handleLink(item) {
+      const { redirect, path } = item;
+      if (redirect) {
+        this.$router.push(redirect);
+        return;
+      }
+      this.$router.push(this.pathCompile(path));
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.app-breadcrumb.el-breadcrumb {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 50px;
+  margin-left: 8px;
+
+  .no-redirect {
+    color: #97a8be;
+    cursor: text;
+  }
+}
+</style>

package/src/components/CheckBox_Cmp/index.vue

@@ -1,62 +1,62 @@
-<template>
-  <div class="checkbox-wrap">
-    <el-checkbox-group v-model="checkList" @change="handleChecked">
-      <el-checkbox
-        v-for="(item,index) in checkSourceList"
-        :key="index"
-        :label="item.Id"
-      >{{ item.Text }}</el-checkbox>
-    </el-checkbox-group>
-  </div>
-</template>
-<script>
-export default {
-  props: {
-    value: [String, Number],
-    sourceData: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      checkSourceList: this.sourceData,
-      checkList: [],
-      selfValue: this.value
-    }
-  },
-  watch: {
-    value: {
-      immediate: true,
-      handler(val) {
-        this.selfValue = val
-      }
-    }
-  },
-  created() {
-    this.backFill()
-  },
-  methods: {
-    handleChecked(val) {
-      let count = 0
-      val.forEach((item) => {
-        this.checkSourceList.forEach((_item) => {
-          if (item == _item.Id) {
-            count += item
-          }
-        })
-      })
-      this.$emit('input', count)
-    },
-    backFill() {
-      const _this = this
-      const arr = this.checkSourceList.map(item => { return item.Id })
-      arr.forEach((item, index) => {
-        if ((_this.selfValue & item) > 0) {
-          this.checkList.push(this.checkSourceList[index].Id)
-        }
-      })
-    }
-  }
-}
-</script>
+<template>
+  <div class="checkbox-wrap">
+    <el-checkbox-group v-model="checkList" @change="handleChecked">
+      <el-checkbox
+        v-for="(item,index) in checkSourceList"
+        :key="index"
+        :label="item.Id"
+      >{{ item.Text }}</el-checkbox>
+    </el-checkbox-group>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    value: [String, Number],
+    sourceData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      checkSourceList: this.sourceData,
+      checkList: [],
+      selfValue: this.value
+    }
+  },
+  watch: {
+    value: {
+      immediate: true,
+      handler(val) {
+        this.selfValue = val
+      }
+    }
+  },
+  created() {
+    this.backFill()
+  },
+  methods: {
+    handleChecked(val) {
+      let count = 0
+      val.forEach((item) => {
+        this.checkSourceList.forEach((_item) => {
+          if (item == _item.Id) {
+            count += item
+          }
+        })
+      })
+      this.$emit('input', count)
+    },
+    backFill() {
+      const _this = this
+      const arr = this.checkSourceList.map(item => { return item.Id })
+      arr.forEach((item, index) => {
+        if ((_this.selfValue & item) > 0) {
+          this.checkList.push(this.checkSourceList[index].Id)
+        }
+      })
+    }
+  }
+}
+</script>

package/src/components/Col_TableCell/data.js

@@ -1,5 +1,5 @@
-export default () => {
-  return {
-    copyClass: false
-  }
+export default () => {
+  return {
+    copyClass: false
+  }
 };

package/src/components/Col_TableCell/index.scss

@@ -1,77 +1,77 @@
-.Col_TableCell-wrapper {
-  .group {
-    &.abs {
-      position: relative;
-      border: solid 1px #ddd;
-    }
-
-
-    padding: 2px 0px;
-    min-height: 24px;
-    border-radius: 2px;
-
-    &+.group {
-      margin-top: -1px;
-    }
-
-    >div {
-      display: flex;
-      align-items: center;
-
-      >.item-main {
-        &.abs {
-          position: relative;
-
-          // >span:last-child {
-          padding-right: 40px;
-          // }
-        }
-
-        display: flex;
-        align-items: center;
-        line-height: 20px;
-        width: 100%;
-
-        >span {
-          display: inline-block;
-
-          &:first-child {
-
-            &.label {
-              color: #bbb;
-              max-width: 110px;
-              min-width: 70px;
-            }
-
-            &.noLabel {
-              color: #333;
-              min-width: none;
-              max-width: none;
-            }
-          }
-
-          &:last-child {
-            color: #333;
-          }
-        }
-      }
-    }
-  }
-
-  .copy-btn {
-    display: inline-block;
-    text-align: center;
-    border: solid 1px #bbb;
-    border-radius: 2px;
-    min-width: 40px;
-    cursor: copy;
-
-  }
-
-  .copy-btn-abs {
-    position: absolute;
-    top: 50%;
-    margin-top: -10px;
-    right: 2px;
-  }
-}
+.Col_TableCell-wrapper {
+  .group {
+    &.abs {
+      position: relative;
+      border: solid 1px #ddd;
+    }
+
+
+    padding: 2px 0px;
+    min-height: 24px;
+    border-radius: 2px;
+
+    &+.group {
+      margin-top: -1px;
+    }
+
+    >div {
+      display: flex;
+      align-items: center;
+
+      >.item-main {
+        &.abs {
+          position: relative;
+
+          // >span:last-child {
+          padding-right: 40px;
+          // }
+        }
+
+        display: flex;
+        align-items: center;
+        line-height: 20px;
+        width: 100%;
+
+        >span {
+          display: inline-block;
+
+          &:first-child {
+
+            &.label {
+              color: #bbb;
+              max-width: 110px;
+              min-width: 70px;
+            }
+
+            &.noLabel {
+              color: #333;
+              min-width: none;
+              max-width: none;
+            }
+          }
+
+          &:last-child {
+            color: #333;
+          }
+        }
+      }
+    }
+  }
+
+  .copy-btn {
+    display: inline-block;
+    text-align: center;
+    border: solid 1px #bbb;
+    border-radius: 2px;
+    min-width: 40px;
+    cursor: copy;
+
+  }
+
+  .copy-btn-abs {
+    position: absolute;
+    top: 50%;
+    margin-top: -10px;
+    right: 2px;
+  }
+}