xs-common-plugins 1.1.2 → 1.1.6

package/src/components/home/mixins/resize.js

@@ -1,55 +1,55 @@
-import { debounce } from '@/utils'
-
-export default {
-  data() {
-    return {
-      $_sidebarElm: null,
-      $_resizeHandler: null
-    }
-  },
-  mounted() {
-    this.$_resizeHandler = debounce(() => {
-      if (this.chart) {
-        this.chart.resize()
-      }
-    }, 100)
-    this.$_initResizeEvent()
-    this.$_initSidebarResizeEvent()
-  },
-  beforeDestroy() {
-    this.$_destroyResizeEvent()
-    this.$_destroySidebarResizeEvent()
-  },
-  // to fixed bug when cached by keep-alive
-  // https://github.com/PanJiaChen/vue-element-admin/issues/2116
-  activated() {
-    this.$_initResizeEvent()
-    this.$_initSidebarResizeEvent()
-  },
-  deactivated() {
-    this.$_destroyResizeEvent()
-    this.$_destroySidebarResizeEvent()
-  },
-  methods: {
-    // use $_ for mixins properties
-    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
-    $_initResizeEvent() {
-      window.addEventListener('resize', this.$_resizeHandler)
-    },
-    $_destroyResizeEvent() {
-      window.removeEventListener('resize', this.$_resizeHandler)
-    },
-    $_sidebarResizeHandler(e) {
-      if (e.propertyName === 'width') {
-        this.$_resizeHandler()
-      }
-    },
-    $_initSidebarResizeEvent() {
-      this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
-      this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
-    },
-    $_destroySidebarResizeEvent() {
-      this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
-    }
-  }
-}
+import { debounce } from '@/utils'
+
+export default {
+  data() {
+    return {
+      $_sidebarElm: null,
+      $_resizeHandler: null
+    }
+  },
+  mounted() {
+    this.$_resizeHandler = debounce(() => {
+      if (this.chart) {
+        this.chart.resize()
+      }
+    }, 100)
+    this.$_initResizeEvent()
+    this.$_initSidebarResizeEvent()
+  },
+  beforeDestroy() {
+    this.$_destroyResizeEvent()
+    this.$_destroySidebarResizeEvent()
+  },
+  // to fixed bug when cached by keep-alive
+  // https://github.com/PanJiaChen/vue-element-admin/issues/2116
+  activated() {
+    this.$_initResizeEvent()
+    this.$_initSidebarResizeEvent()
+  },
+  deactivated() {
+    this.$_destroyResizeEvent()
+    this.$_destroySidebarResizeEvent()
+  },
+  methods: {
+    // use $_ for mixins properties
+    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+    $_initResizeEvent() {
+      window.addEventListener('resize', this.$_resizeHandler)
+    },
+    $_destroyResizeEvent() {
+      window.removeEventListener('resize', this.$_resizeHandler)
+    },
+    $_sidebarResizeHandler(e) {
+      if (e.propertyName === 'width') {
+        this.$_resizeHandler()
+      }
+    },
+    $_initSidebarResizeEvent() {
+      this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
+      this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
+    },
+    $_destroySidebarResizeEvent() {
+      this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
+    }
+  }
+}

package/src/components/im/methods.js

@@ -1,26 +1,26 @@
-export default {
-  // ------------------------------------------------------------------
-  // pragma mark - inti(初始化行为)
-  // ------------------------------------------------------------------
-  createdInit() {
-    
-  },
-  mountedInit() {
-  },
-
-  // ------------------------------------------------------------------
-  // pragma mark - Event Response(响应事件)
-  // 命名规范: Name + EventHandler
-  // ------------------------------------------------------------------
-  Demo_handler() {
-  
-  },
-  
-  // ------------------------------------------------------------------
-  // pragma mark - Private Methods(私有方法: ) 
-  // 命名规范: 前缀 __ + name
-  // ------------------------------------------------------------------
-  __demoFunction() {
-  
-  }
+export default {
+  // ------------------------------------------------------------------
+  // pragma mark - inti(初始化行为)
+  // ------------------------------------------------------------------
+  createdInit() {
+    
+  },
+  mountedInit() {
+  },
+
+  // ------------------------------------------------------------------
+  // pragma mark - Event Response(响应事件)
+  // 命名规范: Name + EventHandler
+  // ------------------------------------------------------------------
+  Demo_handler() {
+  
+  },
+  
+  // ------------------------------------------------------------------
+  // pragma mark - Private Methods(私有方法: ) 
+  // 命名规范: 前缀 __ + name
+  // ------------------------------------------------------------------
+  __demoFunction() {
+  
+  }
 }

package/src/components/image-singleUpload/data.js

@@ -1,4 +1,4 @@
-export default () => {
-  return {
-  }
+export default () => {
+  return {
+  }
 };

package/src/components/image-singleUpload/index.scss

@@ -1,26 +1,26 @@
-.avatar-uploader {
-    // border: 1px dashed #d9d9d9;
-    border-radius: 6px;
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-}
-.el-upload--text{
-    border: 1px dashed #d9d9d9;
-}
-.avatar-uploader .el-upload:hover {
-    border-color: #409EFF;
-}
-.avatar-uploader-icon {
-    font-size: 28px;
-    color: #8c939d;
-    width: 178px;
-    height: 178px;
-    line-height: 178px;
-    text-align: center;
-}
-.avatar {
-    width: 178px;
-    height: 178px;
-    display: block;
-}
+.avatar-uploader {
+    // border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+}
+.el-upload--text{
+    border: 1px dashed #d9d9d9;
+}
+.avatar-uploader .el-upload:hover {
+    border-color: #409EFF;
+}
+.avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 178px;
+    height: 178px;
+    line-height: 178px;
+    text-align: center;
+}
+.avatar {
+    width: 178px;
+    height: 178px;
+    display: block;
+}

package/src/components/image-singleUpload/index.vue

@@ -1,56 +1,56 @@
-<template>
-  <div ref="imageUrl">
-    <el-upload
-      :action="actionUrl"
-      class="avatar-uploader"
-      :headers="myHeaders"
-      :show-file-list="false"
-      :before-upload="handleBeforeUpload"
-      :on-success="handleSuccess"
-    >
-      <img v-if="imageUrl" :src="imageUrl" class="avatar">
-      <i v-else class="el-icon-plus avatar-uploader-icon" />
-    </el-upload>
-  </div>
-</template>
-
-<script>
-import data from './data'
-import methods from './methods'
-import { getConfig } from '@/utils/global-config'
-import { getToken } from '@/utils/auth'
-const tokenKey = `${getConfig('CLIENT_ID')}_token`
-
-export default {
-  components: {},
-  mixins: [],
-  props: {
-    imageUrl: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      myHeaders: {
-        Authorization: 'Bearer ' + getToken(tokenKey),
-        'Client-Id': getConfig('CLIENT_ID')
-      },
-      actionUrl: getConfig('UPLOAD_API')
-    }
-  },
-  computed: {},
-  watch: {},
-  // ------------------------------------------------------------------
-  // pragma mark - Life Cycle(生命周期)
-  // ------------------------------------------------------------------
-  created() {
-    this.createdInit()
-  },
-  mounted() {
-    this.mountedInit()
-  },
-  methods
-}
-</script>
-<style lang="scss" src="./index.scss"></style>
+<template>
+  <div ref="imageUrl">
+    <el-upload
+      :action="actionUrl"
+      class="avatar-uploader"
+      :headers="myHeaders"
+      :show-file-list="false"
+      :before-upload="handleBeforeUpload"
+      :on-success="handleSuccess"
+    >
+      <img v-if="imageUrl" :src="imageUrl" class="avatar">
+      <i v-else class="el-icon-plus avatar-uploader-icon" />
+    </el-upload>
+  </div>
+</template>
+
+<script>
+import data from './data'
+import methods from './methods'
+import { getConfig } from '@/utils/global-config'
+import { getToken } from '@/utils/auth'
+const tokenKey = `${getConfig('CLIENT_ID')}_token`
+
+export default {
+  components: {},
+  mixins: [],
+  props: {
+    imageUrl: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      myHeaders: {
+        Authorization: 'Bearer ' + getToken(tokenKey),
+        'Client-Id': getConfig('CLIENT_ID')
+      },
+      actionUrl: getConfig('UPLOAD_API')
+    }
+  },
+  computed: {},
+  watch: {},
+  // ------------------------------------------------------------------
+  // pragma mark - Life Cycle(生命周期)
+  // ------------------------------------------------------------------
+  created() {
+    this.createdInit()
+  },
+  mounted() {
+    this.mountedInit()
+  },
+  methods
+}
+</script>
+<style lang="scss" src="./index.scss"></style>

package/src/components/image-singleUpload/methods.js

@@ -1,31 +1,31 @@
-export default {
-  // ------------------------------------------------------------------
-  // pragma mark - inti(初始化行为)
-  // ------------------------------------------------------------------
-  createdInit() {
-  },
-  mountedInit() {
-  },
-  handleSuccess(res, file) {
-    if (res.code === 0) {
-      this.singleUpload(res.data);
-    } else {
-      this.$message.error(res.message);
-    }
-  },
-  handleBeforeUpload(file) {
-    const isFormat = /^image\/(jpeg|png|jpg|ico|gif)$/.test(file.type);
-    const isLt4M = file.size / 1024 / 1024 < 4;
-    if (!isFormat) {
-      this.$message.error('上传图片只能是 JPEG/PNG/JPG/ICO/gif 格式!');
-    }
-    if (!isLt4M) {
-      this.$message.error('上传图片大小不能超过 4MB!');
-    }
-    return isFormat && isLt4M;
-  },
-  singleUpload(val) {
-    this.imageUrl = val;
-    this.$emit('singleUpload', val);
-  }
+export default {
+  // ------------------------------------------------------------------
+  // pragma mark - inti(初始化行为)
+  // ------------------------------------------------------------------
+  createdInit() {
+  },
+  mountedInit() {
+  },
+  handleSuccess(res, file) {
+    if (res.code === 0) {
+      this.singleUpload(res.data);
+    } else {
+      this.$message.error(res.message);
+    }
+  },
+  handleBeforeUpload(file) {
+    const isFormat = /^image\/(jpeg|png|jpg|ico|gif)$/.test(file.type);
+    const isLt4M = file.size / 1024 / 1024 < 4;
+    if (!isFormat) {
+      this.$message.error('上传图片只能是 JPEG/PNG/JPG/ICO/gif 格式!');
+    }
+    if (!isLt4M) {
+      this.$message.error('上传图片大小不能超过 4MB!');
+    }
+    return isFormat && isLt4M;
+  },
+  singleUpload(val) {
+    this.imageUrl = val;
+    this.$emit('singleUpload', val);
+  }
 }

package/src/components/image-upload/data.js

@@ -1,8 +1,8 @@
-export default () => {
-  return {
-    imageUrl: '',
-    uploadFileList: [],  // 文件上传列表
-    dialogImageUrl: [],
-    dialogVisible: false,
-  }
+export default () => {
+  return {
+    imageUrl: '',
+    uploadFileList: [],  // 文件上传列表
+    dialogImageUrl: [],
+    dialogVisible: false,
+  }
 };

package/src/components/image-upload/index.vue

@@ -1,42 +1,42 @@
-<template>
-  <div class="image-upload-wrapper">
-    <el-upload
-      class="avatar-uploader"
-      action
-      list-type="picture-card"
-      :auto-upload="false"
-      :file-list="uploadFileList"
-      :on-change="uploadImageStatusChange"
-      :on-preview="handlePictureCardPreview"
-      :on-remove="handleRemove"
-    >
-      <i class="el-icon-plus"></i>
-    </el-upload>
-    <el-dialog :visible.sync="dialogVisible">
-      <img width="100%" :src="dialogImageUrl" alt />
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import data from "./data";
-import methods from "./methods";
-export default {
-  props: {},
-  data,
-  methods,
-  mixins: [],
-  components: {},
-  watch: {},
-  computed: {},
-  // ------------------------------------------------------------------
-  // pragma mark - Life Cycle(生命周期)
-  // ------------------------------------------------------------------
-  created() {
-    this.createdInit();
-  },
-  mounted() {
-    this.mountedInit();
-  }
-};
+<template>
+  <div class="image-upload-wrapper">
+    <el-upload
+      class="avatar-uploader"
+      action
+      list-type="picture-card"
+      :auto-upload="false"
+      :file-list="uploadFileList"
+      :on-change="uploadImageStatusChange"
+      :on-preview="handlePictureCardPreview"
+      :on-remove="handleRemove"
+    >
+      <i class="el-icon-plus"></i>
+    </el-upload>
+    <el-dialog :visible.sync="dialogVisible">
+      <img width="100%" :src="dialogImageUrl" alt />
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import data from "./data";
+import methods from "./methods";
+export default {
+  props: {},
+  data,
+  methods,
+  mixins: [],
+  components: {},
+  watch: {},
+  computed: {},
+  // ------------------------------------------------------------------
+  // pragma mark - Life Cycle(生命周期)
+  // ------------------------------------------------------------------
+  created() {
+    this.createdInit();
+  },
+  mounted() {
+    this.mountedInit();
+  }
+};
 </script>

package/src/components/image-upload/methods.js

@@ -1,80 +1,80 @@
-import {
-  uploadImgToBase64
-} from "@/common/uploadImgToBase64";
-
-export default {
-  // ------------------------------------------------------------------
-  // pragma mark - inti(初始化行为)
-  // ------------------------------------------------------------------
-  createdInit() {
-
-  },
-  mountedInit() {},
-
-  // ------------------------------------------------------------------
-  // 基于 element-ui 上传组件的内置事件集合
-  // ------------------------------------------------------------------
-
-  /**
-   * 
-   * @param {当前上传文件的信息} file 
-   * @param {已选中上传文件的列表信息} fileList 
-   * file = {
-   *    status: "ready"
-   *    name: "hl12-@2x.png"
-   *    size: 9891
-   *    percentage: 0
-   *    uid: 1584674864088
-   *    raw:{
-   *        name: "hl12-@2x.png"
-   *        lastModified: 1569395230070
-   *        lastModifiedDate: Wed Sep 25 2019 15:07:10 GMT+0800 (中国标准时间) {}
-   *        webkitRelativePath: ""
-   *        size: 9891
-   *        type: "image/png"
-   *        uid: 1584674864088
-   *    }
-   * }
-   */
-  uploadImageStatusChange(file, fileList) {
-    this.upData(fileList);
-  },
-
-  // 点击已上传图片的列表
-  handlePictureCardPreview(file) {
-    this.dialogImageUrl = file.url;
-    this.dialogVisible = true;
-  },
-
-  handleRemove(file, fileList) {
-    this.upData(fileList);
-  },
-
-  upData(fileList) {
-    this.uploadFileList = fileList;
-    this.submitDialogData(fileList);
-  },
-
-  async submitDialogData() {
-    const imgBroadcastListBase64 = []
-    // 图片转base64开始...
-    const filePromises = this.uploadFileList.map(async file => {
-      const response = await uploadImgToBase64(file.raw)
-      return response.result;
-    })
-    // 按次序输出 base64图片
-    for (const textPromise of filePromises) {
-      imgBroadcastListBase64.push(await textPromise)
-    }
-    this.$emit('selectedImageList', imgBroadcastListBase64)
-  },
-
-  // TODO: 无效代码
-  // ------------------------------------------------------------------
-  // pragma mark - Private Methods(私有方法: ) 
-  // 命名规范: 前缀 __ + name
-  // ------------------------------------------------------------------
-  __demoFunction() {
-
-  }
-}
+import {
+  uploadImgToBase64
+} from "@/common/uploadImgToBase64";
+
+export default {
+  // ------------------------------------------------------------------
+  // pragma mark - inti(初始化行为)
+  // ------------------------------------------------------------------
+  createdInit() {
+
+  },
+  mountedInit() {},
+
+  // ------------------------------------------------------------------
+  // 基于 element-ui 上传组件的内置事件集合
+  // ------------------------------------------------------------------
+
+  /**
+   * 
+   * @param {当前上传文件的信息} file 
+   * @param {已选中上传文件的列表信息} fileList 
+   * file = {
+   *    status: "ready"
+   *    name: "hl12-@2x.png"
+   *    size: 9891
+   *    percentage: 0
+   *    uid: 1584674864088
+   *    raw:{
+   *        name: "hl12-@2x.png"
+   *        lastModified: 1569395230070
+   *        lastModifiedDate: Wed Sep 25 2019 15:07:10 GMT+0800 (中国标准时间) {}
+   *        webkitRelativePath: ""
+   *        size: 9891
+   *        type: "image/png"
+   *        uid: 1584674864088
+   *    }
+   * }
+   */
+  uploadImageStatusChange(file, fileList) {
+    this.upData(fileList);
+  },
+
+  // 点击已上传图片的列表
+  handlePictureCardPreview(file) {
+    this.dialogImageUrl = file.url;
+    this.dialogVisible = true;
+  },
+
+  handleRemove(file, fileList) {
+    this.upData(fileList);
+  },
+
+  upData(fileList) {
+    this.uploadFileList = fileList;
+    this.submitDialogData(fileList);
+  },
+
+  async submitDialogData() {
+    const imgBroadcastListBase64 = []
+    // 图片转base64开始...
+    const filePromises = this.uploadFileList.map(async file => {
+      const response = await uploadImgToBase64(file.raw)
+      return response.result;
+    })
+    // 按次序输出 base64图片
+    for (const textPromise of filePromises) {
+      imgBroadcastListBase64.push(await textPromise)
+    }
+    this.$emit('selectedImageList', imgBroadcastListBase64)
+  },
+
+  // TODO: 无效代码
+  // ------------------------------------------------------------------
+  // pragma mark - Private Methods(私有方法: ) 
+  // 命名规范: 前缀 __ + name
+  // ------------------------------------------------------------------
+  __demoFunction() {
+
+  }
+}