vant 2.13.5 → 2.13.7

package/lib/tree-select/style/less.js

@@ -0,0 +1,6 @@
+require('../../style/base.less');
+require('../../info/index.less');
+require('../../sidebar-item/index.less');
+require('../../icon/index.less');
+require('../../sidebar/index.less');
+require('../index.less');

package/lib/uploader/index.css

@@ -1 +1 @@
-:root,:host{--van-uploader-size: 80px;--van-uploader-icon-size: 24px;--van-uploader-icon-color: var(--van-gray-4);--van-uploader-text-color: var(--van-text-color-2);--van-uploader-text-font-size: var(--van-font-size-sm);--van-uploader-upload-background: var(--van-gray-1);--van-uploader-upload-active-color: var(--van-active-color);--van-uploader-delete-color: var(--van-white);--van-uploader-delete-icon-size: 14px;--van-uploader-delete-background: rgba(0, 0, 0, .7);--van-uploader-file-background: var(--van-background);--van-uploader-file-icon-size: 20px;--van-uploader-file-icon-color: var(--van-gray-7);--van-uploader-file-name-padding: 0 var(--van-padding-base);--van-uploader-file-name-margin-top: var(--van-padding-xs);--van-uploader-file-name-font-size: var(--van-font-size-sm);--van-uploader-file-name-text-color: var(--van-gray-7);--van-uploader-mask-text-color: var(--van-white);--van-uploader-mask-background: rgba(50, 50, 51, .88);--van-uploader-mask-icon-size: 22px;--van-uploader-mask-message-font-size: var(--van-font-size-sm);--van-uploader-mask-message-line-height: var(--van-line-height-xs);--van-uploader-loading-icon-size: 22px;--van-uploader-loading-icon-color: var(--van-white);--van-uploader-disabled-opacity: var(--van-disabled-opacity);--van-uploader-border-radius: 0px}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--van-uploader-size);height:var(--van-uploader-size);margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;background:var(--van-uploader-upload-background);border-radius:var(--van-uploader-border-radius)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{margin-top:var(--van-padding-xs);color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size)}.van-uploader__preview{position:relative;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;cursor:pointer}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);overflow:hidden;border-radius:var(--van-uploader-border-radius)}.van-uploader__preview-delete{position:absolute;top:0;right:0}.van-uploader__preview-delete--shadow{width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-uploader-mask-text-color);background:var(--van-uploader-mask-background);border-radius:var(--van-uploader-border-radius)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{margin-top:6px;padding:0 var(--van-padding-base);font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{width:var(--van-uploader-loading-icon-size);height:var(--van-uploader-loading-icon-size);color:var(--van-uploader-loading-icon-color)}.van-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-file-background)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);text-align:center}
+.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:.5}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:0 8px 8px 0;background-color:#f7f8fa}.van-uploader__upload:active{background-color:#f2f3f5}.van-uploader__upload--readonly:active{background-color:#f7f8fa}.van-uploader__upload-icon{color:#dcdee0;font-size:24px}.van-uploader__upload-text{margin-top:8px;color:#969799;font-size:12px}.van-uploader__preview{position:relative;margin:0 8px 8px 0;cursor:pointer}.van-uploader__preview-image{display:block;width:80px;height:80px;overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0;width:14px;height:14px;background-color:rgba(0,0,0,.7);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:-2px;right:-2px;color:#fff;font-size:16px;-webkit-transform:scale(.5);transform:scale(.5)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88)}.van-uploader__mask-icon{font-size:22px}.van-uploader__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.van-uploader__loading{width:22px;height:22px;color:#fff}.van-uploader__file{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:80px;height:80px;background-color:#f7f8fa}.van-uploader__file-icon{color:#646566;font-size:20px}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:8px;padding:0 4px;color:#646566;font-size:12px;text-align:center}

package/lib/uploader/index.js

@@ -1,39 +1,498 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _utils = require("../utils");
+
+var _utils2 = require("./utils");
+
+var _field = require("../mixins/field");
+
+var _icon = _interopRequireDefault(require("../icon"));
+
+var _image = _interopRequireDefault(require("../image"));
+
+var _loading = _interopRequireDefault(require("../loading"));
+
+var _imagePreview = _interopRequireDefault(require("../image-preview"));
+
+// Utils
+// Mixins
+// Components
+var _createNamespace = (0, _utils.createNamespace)('uploader'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1];
+
+var _default2 = createComponent({
+  inheritAttrs: false,
+  mixins: [_field.FieldMixin],
+  model: {
+    prop: 'fileList'
+  },
+  props: {
+    disabled: Boolean,
+    readonly: Boolean,
+    lazyLoad: Boolean,
+    uploadText: String,
+    afterRead: Function,
+    beforeRead: Function,
+    beforeDelete: Function,
+    previewSize: [Number, String],
+    previewOptions: Object,
+    name: {
+      type: [Number, String],
+      default: ''
+    },
+    accept: {
+      type: String,
+      default: 'image/*'
+    },
+    fileList: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    maxSize: {
+      type: [Number, String, Function],
+      default: Number.MAX_VALUE
+    },
+    maxCount: {
+      type: [Number, String],
+      default: Number.MAX_VALUE
+    },
+    deletable: {
+      type: Boolean,
+      default: true
+    },
+    showUpload: {
+      type: Boolean,
+      default: true
+    },
+    previewImage: {
+      type: Boolean,
+      default: true
+    },
+    previewFullImage: {
+      type: Boolean,
+      default: true
+    },
+    imageFit: {
+      type: String,
+      default: 'cover'
+    },
+    resultType: {
+      type: String,
+      default: 'dataUrl'
+    },
+    uploadIcon: {
+      type: String,
+      default: 'photograph'
+    }
+  },
+  computed: {
+    previewSizeWithUnit: function previewSizeWithUnit() {
+      return (0, _utils.addUnit)(this.previewSize);
+    },
+    // for form
+    value: function value() {
+      return this.fileList;
+    }
+  },
+  created: function created() {
+    this.urls = [];
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.urls.forEach(function (url) {
+      return URL.revokeObjectURL(url);
+    });
+  },
+  methods: {
+    getDetail: function getDetail(index) {
+      if (index === void 0) {
+        index = this.fileList.length;
+      }
+
+      return {
+        name: this.name,
+        index: index
+      };
+    },
+    onChange: function onChange(event) {
+      var _this = this;
+
+      var files = event.target.files;
+
+      if (this.disabled || !files.length) {
+        return;
+      }
+
+      files = files.length === 1 ? files[0] : [].slice.call(files);
+
+      if (this.beforeRead) {
+        var response = this.beforeRead(files, this.getDetail());
+
+        if (!response) {
+          this.resetInput();
+          return;
+        }
+
+        if ((0, _utils.isPromise)(response)) {
+          response.then(function (data) {
+            if (data) {
+              _this.readFile(data);
+            } else {
+              _this.readFile(files);
+            }
+          }).catch(this.resetInput);
+          return;
+        }
+      }
+
+      this.readFile(files);
+    },
+    readFile: function readFile(files) {
+      var _this2 = this;
+
+      var oversize = (0, _utils2.isOversize)(files, this.maxSize);
+
+      if (Array.isArray(files)) {
+        var maxCount = this.maxCount - this.fileList.length;
+
+        if (files.length > maxCount) {
+          files = files.slice(0, maxCount);
+        }
+
+        Promise.all(files.map(function (file) {
+          return (0, _utils2.readFile)(file, _this2.resultType);
+        })).then(function (contents) {
+          var fileList = files.map(function (file, index) {
+            var result = {
+              file: file,
+              status: '',
+              message: ''
+            };
+
+            if (contents[index]) {
+              result.content = contents[index];
+            }
+
+            return result;
+          });
+
+          _this2.onAfterRead(fileList, oversize);
+        });
+      } else {
+        (0, _utils2.readFile)(files, this.resultType).then(function (content) {
+          var result = {
+            file: files,
+            status: '',
+            message: ''
+          };
+
+          if (content) {
+            result.content = content;
+          }
+
+          _this2.onAfterRead(result, oversize);
+        });
+      }
+    },
+    onAfterRead: function onAfterRead(files, oversize) {
+      var _this3 = this;
+
+      this.resetInput();
+      var validFiles = files;
+
+      if (oversize) {
+        var oversizeFiles = files;
+
+        if (Array.isArray(files)) {
+          oversizeFiles = [];
+          validFiles = [];
+          files.forEach(function (item) {
+            if (item.file) {
+              if ((0, _utils2.isOversize)(item.file, _this3.maxSize)) {
+                oversizeFiles.push(item);
+              } else {
+                validFiles.push(item);
+              }
+            }
+          });
+        } else {
+          validFiles = null;
+        }
+
+        this.$emit('oversize', oversizeFiles, this.getDetail());
+      }
+
+      var isValidFiles = Array.isArray(validFiles) ? Boolean(validFiles.length) : Boolean(validFiles);
+
+      if (isValidFiles) {
+        this.$emit('input', [].concat(this.fileList, (0, _utils2.toArray)(validFiles)));
+
+        if (this.afterRead) {
+          this.afterRead(validFiles, this.getDetail());
+        }
+      }
+    },
+    onDelete: function onDelete(file, index) {
+      var _file$beforeDelete,
+          _this4 = this;
+
+      var beforeDelete = (_file$beforeDelete = file.beforeDelete) != null ? _file$beforeDelete : this.beforeDelete;
+
+      if (beforeDelete) {
+        var response = beforeDelete(file, this.getDetail(index));
+
+        if (!response) {
+          return;
+        }
+
+        if ((0, _utils.isPromise)(response)) {
+          response.then(function () {
+            _this4.deleteFile(file, index);
+          }).catch(_utils.noop);
+          return;
+        }
+      }
+
+      this.deleteFile(file, index);
+    },
+    deleteFile: function deleteFile(file, index) {
+      var fileList = this.fileList.slice(0);
+      fileList.splice(index, 1);
+      this.$emit('input', fileList);
+      this.$emit('delete', file, this.getDetail(index));
+    },
+    resetInput: function resetInput() {
+      /* istanbul ignore else */
+      if (this.$refs.input) {
+        this.$refs.input.value = '';
+      }
+    },
+    onClickUpload: function onClickUpload(event) {
+      this.$emit('click-upload', event);
+    },
+    onPreviewImage: function onPreviewImage(item) {
+      var _this5 = this;
+
+      if (!this.previewFullImage) {
+        return;
+      }
+
+      var imageFiles = this.fileList.filter(function (item) {
+        return (0, _utils2.isImageFile)(item);
+      });
+      var imageContents = imageFiles.map(function (item) {
+        if (item.file && !item.url && item.status !== 'failed') {
+          item.url = URL.createObjectURL(item.file);
+
+          _this5.urls.push(item.url);
+        }
+
+        return item.url;
+      });
+      this.imagePreview = (0, _imagePreview.default)((0, _extends2.default)({
+        images: imageContents,
+        startPosition: imageFiles.indexOf(item),
+        onClose: function onClose() {
+          _this5.$emit('close-preview');
+        }
+      }, this.previewOptions));
+    },
+    // @exposed-api
+    closeImagePreview: function closeImagePreview() {
+      if (this.imagePreview) {
+        this.imagePreview.close();
+      }
+    },
+    // @exposed-api
+    chooseFile: function chooseFile() {
+      if (this.disabled) {
+        return;
+      }
+      /* istanbul ignore else */
+
+
+      if (this.$refs.input) {
+        this.$refs.input.click();
+      }
+    },
+    genPreviewMask: function genPreviewMask(item) {
+      var h = this.$createElement;
+      var status = item.status,
+          message = item.message;
+
+      if (status === 'uploading' || status === 'failed') {
+        var MaskIcon = status === 'failed' ? h(_icon.default, {
+          "attrs": {
+            "name": "close"
+          },
+          "class": bem('mask-icon')
+        }) : h(_loading.default, {
+          "class": bem('loading')
+        });
+        var showMessage = (0, _utils.isDef)(message) && message !== '';
+        return h("div", {
+          "class": bem('mask')
+        }, [MaskIcon, showMessage && h("div", {
+          "class": bem('mask-message')
+        }, [message])]);
+      }
+    },
+    genPreviewItem: function genPreviewItem(item, index) {
+      var _item$deletable,
+          _this6 = this,
+          _item$previewSize,
+          _item$imageFit;
+
+      var h = this.$createElement;
+      var deleteAble = (_item$deletable = item.deletable) != null ? _item$deletable : this.deletable;
+      var showDelete = item.status !== 'uploading' && deleteAble;
+      var DeleteIcon = showDelete && h("div", {
+        "class": bem('preview-delete'),
+        "on": {
+          "click": function click(event) {
+            event.stopPropagation();
+
+            _this6.onDelete(item, index);
+          }
+        }
+      }, [h(_icon.default, {
+        "attrs": {
+          "name": "cross"
+        },
+        "class": bem('preview-delete-icon')
+      })]);
+      var PreviewCoverContent = this.slots('preview-cover', (0, _extends2.default)({
+        index: index
+      }, item));
+      var PreviewCover = PreviewCoverContent && h("div", {
+        "class": bem('preview-cover')
+      }, [PreviewCoverContent]);
+      var previewSize = (_item$previewSize = item.previewSize) != null ? _item$previewSize : this.previewSize;
+      var imageFit = (_item$imageFit = item.imageFit) != null ? _item$imageFit : this.imageFit;
+      var Preview = (0, _utils2.isImageFile)(item) ? h(_image.default, {
+        "attrs": {
+          "fit": imageFit,
+          "src": item.content || item.url,
+          "width": previewSize,
+          "height": previewSize,
+          "lazyLoad": this.lazyLoad
+        },
+        "class": bem('preview-image'),
+        "on": {
+          "click": function click() {
+            _this6.onPreviewImage(item);
+          }
+        }
+      }, [PreviewCover]) : h("div", {
+        "class": bem('file'),
+        "style": {
+          width: this.previewSizeWithUnit,
+          height: this.previewSizeWithUnit
+        }
+      }, [h(_icon.default, {
+        "class": bem('file-icon'),
+        "attrs": {
+          "name": "description"
+        }
+      }), h("div", {
+        "class": [bem('file-name'), 'van-ellipsis']
+      }, [item.file ? item.file.name : item.url]), PreviewCover]);
+      return h("div", {
+        "class": bem('preview'),
+        "on": {
+          "click": function click() {
+            _this6.$emit('click-preview', item, _this6.getDetail(index));
+          }
+        }
+      }, [Preview, this.genPreviewMask(item), DeleteIcon]);
+    },
+    genPreviewList: function genPreviewList() {
+      if (this.previewImage) {
+        return this.fileList.map(this.genPreviewItem);
+      }
+    },
+    genUpload: function genUpload() {
+      var h = this.$createElement;
+
+      if (this.fileList.length >= this.maxCount) {
+        return;
+      }
+
+      var slot = this.slots();
+      var Input = this.readonly ? null : h("input", {
+        "attrs": (0, _extends2.default)({}, this.$attrs, {
+          "type": "file",
+          "accept": this.accept,
+          "disabled": this.disabled
+        }),
+        "ref": "input",
+        "class": bem('input'),
+        "on": {
+          "change": this.onChange
+        }
+      });
+
+      if (slot) {
+        return h("div", {
+          "class": bem('input-wrapper'),
+          "key": "input-wrapper",
+          "on": {
+            "click": this.onClickUpload
+          }
+        }, [slot, Input]);
+      }
+
+      var style;
+
+      if (this.previewSize) {
+        var size = this.previewSizeWithUnit;
+        style = {
+          width: size,
+          height: size
+        };
+      }
+
+      return h("div", {
+        "directives": [{
+          name: "show",
+          value: this.showUpload
+        }],
+        "class": bem('upload', {
+          readonly: this.readonly
+        }),
+        "style": style,
+        "on": {
+          "click": this.onClickUpload
+        }
+      }, [h(_icon.default, {
+        "attrs": {
+          "name": this.uploadIcon
+        },
+        "class": bem('upload-icon')
+      }), this.uploadText && h("span", {
+        "class": bem('upload-text')
+      }, [this.uploadText]), Input]);
+    }
+  },
+  render: function render() {
+    var h = arguments[0];
+    return h("div", {
+      "class": bem()
+    }, [h("div", {
+      "class": bem('wrapper', {
+        disabled: this.disabled
+      })
+    }, [this.genPreviewList(), this.genUpload()])]);
   }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var stdin_exports = {};
-__export(stdin_exports, {
-  Uploader: () => Uploader,
-  default: () => stdin_default,
-  uploaderProps: () => import_Uploader2.uploaderProps
 });
-module.exports = __toCommonJS(stdin_exports);
-var import_utils = require("../utils");
-var import_Uploader = __toESM(require("./Uploader"));
-var import_Uploader2 = require("./Uploader");
-const Uploader = (0, import_utils.withInstall)(import_Uploader.default);
-var stdin_default = Uploader;
+
+exports.default = _default2;