vdesign-ui 0.1.23 → 0.1.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vdesign-ui",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "private": false,
   "main": "dist/vdesign-ui.umd.js",
   "files": [

package/dist/components/upload/index1.vue

@@ -1,225 +0,0 @@
-<template>
-  <div class="vd-upload" :class="{ 'vd-upload--block': (block && listData.length === 0) }">
-    <div class="vd-upload__wrapper">
-      <div class="vd-upload__uploader" :class="{ 'vd-upload__uploader--text': text }">
-        <vd-icon name="icon_btn_photo" class="vd-upload__icon"></vd-icon>
-        <p class="vd-upload__text" v-if="text">{{ text }}</p>
-        <input type="file" class="vd-upload__input" accept="image/*,.pdf" :multiple="multiple" @change="onChange"
-          :disabled="disabled">
-      </div>
-      <div class="vd-upload__preview" v-for="item in listData" :key="item.id" :class="fileCls(item.type)">
-        <div class="vd-upload__preview-img" v-if="item.type.startsWith('image')" @click="onPreview(item)">
-          <img :src="item.url" />
-        </div>
-        <div class="vd-upload__preview-word" v-if="item.type === 'application/pdf'">PDF</div>
-        <div class="vd-upload__preview-delete" @click="onDelete($event, item)" v-if="deletable">
-          <vd-icon name="icon_btn_close" class="vd-upload__preview-delete-icon"></vd-icon>
-        </div>
-      </div>
-    </div>
-    <!-- 弹层预览区域 -->
-    <div class="vd-image-preview" v-if="isPreview" @click="closePreview">
-      <div class="vd-image-preview__item" v-for="item in listData" :key="item.id" v-show="curNum === item.id"><img
-          :src="item.url" /></div>
-    </div>
-  </div>
-</template>
-
-<script>
-const prefixCls = 'vd-upload';
-export default {
-  name: 'vd-upload',
-  model: {
-    prop: 'fileList'
-  },
-  props: {
-    uploaded: {
-      type: Boolean,
-      default: false
-    },
-    preview: {
-      type: Boolean,
-      default: true
-    },
-    block: {
-      type: Boolean,
-      default: false
-    },
-    text: {
-      type: String,
-      default: ''
-    },
-    fileList: {
-      type: Array,
-      default: () => []
-    },
-    deletable: {
-      type: Boolean,
-      default: true
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * 文件读取前钩子函数
-     */
-    beforeRead: {
-      type: Function,
-      default: () => () => true
-    },
-    /**
-     * 文件读取完钩子函数
-     */
-    afterRead: {
-      type: Function,
-      default: () => () => true
-    },
-    /**
-     * 文件删除前钩子函数
-     */
-    beforeDelete: {
-      type: Function,
-      default: () => () => true
-    },
-    maxCount: {
-      type: Number,
-      default: 1000
-    },
-    maxSize: {
-      type: Number,
-      default: 6 * 1024 * 1024
-    },
-    multiple: {
-      type: Boolean,
-      default: false
-    },
-  },
-  data() {
-    return {
-      listData: this.fileList,
-      curNum: 1,
-      isPreview: false
-    }
-  },
-  watch: {
-    /**
-     * 监听列表数据
-     */
-    fileList: {
-      handler(value) {
-        this.listData = value
-      },
-      deep: true
-    }
-  },
-  methods: {
-    fileCls(file) {
-      if (file === 'application/pdf') {
-        return [`${prefixCls}__preview--pdf`];
-      } else {
-        return [];
-      }
-    },
-    onDelete(e, item) {
-      e.stopPropagation()
-      const { disabled, beforeDelete, listData } = this
-      /**
-       * 判断是否允许删除文件
-       */
-      if (!disabled && beforeDelete(item) !== false) {
-        /**
-         * 索引
-         */
-        let i = 0
-        /**
-         * 循环遍历数组定位下标位置
-         */
-        for (; i < listData.length; i++) {
-          /**
-           * 判断 id 是否相等
-           */
-          if (listData[i].id === item.id) break
-        }
-        /**
-         * 删除
-         */
-        listData.splice(i, 1)
-        this.$emit('input', listData)
-        this.$emit('change', listData)
-      }
-    },
-    onChange(e) {
-      const { beforeRead, afterRead, maxSize, maxCount, listData } = this
-      /**
-       * 获取不超过 maxCount 文件
-       */
-      const files = Object.values(e.target.files).slice(0, maxCount)
-
-      /**
-       * 判断是否允许读取文件
-       */
-      if (beforeRead(files) !== false) {
-        /**
-         * 循环遍历添加数据
-         */
-        const arr = []
-        files.forEach(elem => {
-          /**
-           * 判断大小是否小于或等于 maxSize
-           */
-          if (elem.size <= maxSize) {
-            /**
-             * 数组长度
-             */
-            const len = listData.length
-            /**
-             * 获取 id
-             */
-            const id = len === 0 ? 1 : listData[len - 1].id + 1
-            /**
-             * 创建 blob 预览图片地址
-             */
-            const url = window.URL.createObjectURL(elem)
-
-            const type = e.target.files[0].type;
-            /**
-             * 添加进数组
-             */
-            listData.push({ id, url, type })
-            arr.push(elem)
-          }
-        })
-        /**
-         * 符合规则的图片数组
-         */
-        if (arr.length > 0) {
-          afterRead(arr)
-          this.$emit('change', listData)
-          this.$emit('num-changed', this.curNum);
-        }
-      }
-    },
-    onPreview({ id }) {
-      const { disabled, preview } = this
-      /**
-       * 判断是否允许预览
-       */
-      if (!disabled && preview) {
-        this.curNum = id
-        /**
-         * 打开图片预览
-         */
-        this.isPreview = true
-      }
-    },
-    closePreview() {
-      this.isPreview = false
-    },
-  }
-}
-</script>
-
-<style lang="less">
-@import './style.less';
-</style>