vant 3.4.0 → 3.4.1

package/lib/uploader/Uploader.js

@@ -1,182 +1,161 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _utils2 = require("./utils");
-
-var _use = require("@vant/use");
-
-var _useExpose = require("../composables/use-expose");
-
-var _icon = require("../icon");
-
-var _imagePreview = require("../image-preview");
-
-var _UploaderPreviewItem = _interopRequireDefault(require("./UploaderPreviewItem"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// Utils
-// Composables
-// Components
-var uploaderProps = {
-  name: (0, _utils.makeNumericProp)(''),
-  accept: (0, _utils.makeStringProp)('image/*'),
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_utils2 = __toModule(require("./utils"));
+var import_use = __toModule(require("@vant/use"));
+var import_use_expose = __toModule(require("../composables/use-expose"));
+var import_icon = __toModule(require("../icon"));
+var import_image_preview = __toModule(require("../image-preview"));
+var import_UploaderPreviewItem = __toModule(require("./UploaderPreviewItem"));
+const uploaderProps = {
+  name: (0, import_utils.makeNumericProp)(""),
+  accept: (0, import_utils.makeStringProp)("image/*"),
   capture: String,
   multiple: Boolean,
   disabled: Boolean,
   readonly: Boolean,
   lazyLoad: Boolean,
-  maxCount: (0, _utils.makeNumericProp)(Infinity),
-  imageFit: (0, _utils.makeStringProp)('cover'),
-  resultType: (0, _utils.makeStringProp)('dataUrl'),
-  uploadIcon: (0, _utils.makeStringProp)('photograph'),
+  maxCount: (0, import_utils.makeNumericProp)(Infinity),
+  imageFit: (0, import_utils.makeStringProp)("cover"),
+  resultType: (0, import_utils.makeStringProp)("dataUrl"),
+  uploadIcon: (0, import_utils.makeStringProp)("photograph"),
   uploadText: String,
-  deletable: _utils.truthProp,
+  deletable: import_utils.truthProp,
   afterRead: Function,
-  showUpload: _utils.truthProp,
-  modelValue: (0, _utils.makeArrayProp)(),
+  showUpload: import_utils.truthProp,
+  modelValue: (0, import_utils.makeArrayProp)(),
   beforeRead: Function,
   beforeDelete: Function,
-  previewSize: _utils.numericProp,
-  previewImage: _utils.truthProp,
+  previewSize: import_utils.numericProp,
+  previewImage: import_utils.truthProp,
   previewOptions: Object,
-  previewFullImage: _utils.truthProp,
+  previewFullImage: import_utils.truthProp,
   maxSize: {
     type: [Number, String, Function],
     default: Infinity
   }
 };
-
-var _default = (0, _vue.defineComponent)({
-  name: _utils2.name,
+var stdin_default = (0, import_vue2.defineComponent)({
+  name: import_utils2.name,
   props: uploaderProps,
-  emits: ['delete', 'oversize', 'click-upload', 'close-preview', 'click-preview', 'update:modelValue'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var inputRef = (0, _vue.ref)();
-    var urls = [];
-
-    var getDetail = function (index) {
-      if (index === void 0) {
-        index = props.modelValue.length;
-      }
-
-      return {
-        name: props.name,
-        index
-      };
-    };
-
-    var resetInput = () => {
+  emits: ["delete", "oversize", "click-upload", "close-preview", "click-preview", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const inputRef = (0, import_vue2.ref)();
+    const urls = [];
+    const getDetail = (index = props.modelValue.length) => ({
+      name: props.name,
+      index
+    });
+    const resetInput = () => {
       if (inputRef.value) {
-        inputRef.value.value = '';
+        inputRef.value.value = "";
       }
     };
-
-    var onAfterRead = items => {
+    const onAfterRead = (items) => {
       resetInput();
-
-      if ((0, _utils2.isOversize)(items, props.maxSize)) {
+      if ((0, import_utils2.isOversize)(items, props.maxSize)) {
         if (Array.isArray(items)) {
-          var result = (0, _utils2.filterFiles)(items, props.maxSize);
+          const result = (0, import_utils2.filterFiles)(items, props.maxSize);
           items = result.valid;
-          emit('oversize', result.invalid, getDetail());
-
+          emit("oversize", result.invalid, getDetail());
           if (!items.length) {
             return;
           }
         } else {
-          emit('oversize', items, getDetail());
+          emit("oversize", items, getDetail());
           return;
         }
       }
-
-      items = (0, _vue.reactive)(items);
-      emit('update:modelValue', [...props.modelValue, ...(0, _utils2.toArray)(items)]);
-
+      items = (0, import_vue2.reactive)(items);
+      emit("update:modelValue", [...props.modelValue, ...(0, import_utils2.toArray)(items)]);
       if (props.afterRead) {
         props.afterRead(items, getDetail());
       }
     };
-
-    var readFile = files => {
-      var {
+    const readFile = (files) => {
+      const {
         maxCount,
         modelValue,
         resultType
       } = props;
-
       if (Array.isArray(files)) {
-        var remainCount = +maxCount - modelValue.length;
-
+        const remainCount = +maxCount - modelValue.length;
         if (files.length > remainCount) {
           files = files.slice(0, remainCount);
         }
-
-        Promise.all(files.map(file => (0, _utils2.readFileContent)(file, resultType))).then(contents => {
-          var fileList = files.map((file, index) => {
-            var result = {
+        Promise.all(files.map((file) => (0, import_utils2.readFileContent)(file, resultType))).then((contents) => {
+          const fileList = files.map((file, index) => {
+            const result = {
               file,
-              status: '',
-              message: ''
+              status: "",
+              message: ""
             };
-
             if (contents[index]) {
               result.content = contents[index];
             }
-
             return result;
           });
           onAfterRead(fileList);
         });
       } else {
-        (0, _utils2.readFileContent)(files, resultType).then(content => {
-          var result = {
+        (0, import_utils2.readFileContent)(files, resultType).then((content) => {
+          const result = {
             file: files,
-            status: '',
-            message: ''
+            status: "",
+            message: ""
           };
-
           if (content) {
             result.content = content;
           }
-
           onAfterRead(result);
         });
       }
     };
-
-    var onChange = event => {
-      var {
+    const onChange = (event) => {
+      const {
         files
       } = event.target;
-
       if (props.disabled || !files || !files.length) {
         return;
       }
-
-      var file = files.length === 1 ? files[0] : [].slice.call(files);
-
+      const file = files.length === 1 ? files[0] : [].slice.call(files);
       if (props.beforeRead) {
-        var response = props.beforeRead(file, getDetail());
-
+        const response = props.beforeRead(file, getDetail());
         if (!response) {
           resetInput();
           return;
         }
-
-        if ((0, _utils.isPromise)(response)) {
-          response.then(data => {
+        if ((0, import_utils.isPromise)(response)) {
+          response.then((data) => {
             if (data) {
               readFile(data);
             } else {
@@ -186,128 +165,109 @@ var _default = (0, _vue.defineComponent)({
           return;
         }
       }
-
       readFile(file);
     };
-
-    var imagePreview;
-
-    var onClosePreview = () => emit('close-preview');
-
-    var previewImage = item => {
+    let imagePreview;
+    const onClosePreview = () => emit("close-preview");
+    const previewImage = (item) => {
       if (props.previewFullImage) {
-        var imageFiles = props.modelValue.filter(_utils2.isImageFile);
-        var images = imageFiles.map(item => {
-          if (item.file && !item.url) {
-            item.url = URL.createObjectURL(item.file);
-            urls.push(item.url);
+        const imageFiles = props.modelValue.filter(import_utils2.isImageFile);
+        const images = imageFiles.map((item2) => {
+          if (item2.file && !item2.url) {
+            item2.url = URL.createObjectURL(item2.file);
+            urls.push(item2.url);
           }
-
-          return item.url;
+          return item2.url;
         }).filter(Boolean);
-        imagePreview = (0, _imagePreview.ImagePreview)((0, _utils.extend)({
+        imagePreview = (0, import_image_preview.ImagePreview)((0, import_utils.extend)({
           images,
           startPosition: imageFiles.indexOf(item),
           onClose: onClosePreview
         }, props.previewOptions));
       }
     };
-
-    var closeImagePreview = () => {
+    const closeImagePreview = () => {
       if (imagePreview) {
         imagePreview.close();
       }
     };
-
-    var deleteFile = (item, index) => {
-      var fileList = props.modelValue.slice(0);
+    const deleteFile = (item, index) => {
+      const fileList = props.modelValue.slice(0);
       fileList.splice(index, 1);
-      emit('update:modelValue', fileList);
-      emit('delete', item, getDetail(index));
+      emit("update:modelValue", fileList);
+      emit("delete", item, getDetail(index));
     };
-
-    var renderPreviewItem = (item, index) => {
-      var needPickData = ['imageFit', 'deletable', 'previewSize', 'beforeDelete'];
-      var previewData = (0, _utils.extend)((0, _utils.pick)(props, needPickData), (0, _utils.pick)(item, needPickData, true));
-      return (0, _vue.createVNode)(_UploaderPreviewItem.default, (0, _vue.mergeProps)({
+    const renderPreviewItem = (item, index) => {
+      const needPickData = ["imageFit", "deletable", "previewSize", "beforeDelete"];
+      const previewData = (0, import_utils.extend)((0, import_utils.pick)(props, needPickData), (0, import_utils.pick)(item, needPickData, true));
+      return (0, import_vue.createVNode)(import_UploaderPreviewItem.default, (0, import_vue.mergeProps)({
         "item": item,
         "index": index,
-        "onClick": () => emit('click-preview', item, getDetail(index)),
+        "onClick": () => emit("click-preview", item, getDetail(index)),
         "onDelete": () => deleteFile(item, index),
         "onPreview": () => previewImage(item)
-      }, (0, _utils.pick)(props, ['name', 'lazyLoad']), previewData), {
-        'preview-cover': slots['preview-cover']
+      }, (0, import_utils.pick)(props, ["name", "lazyLoad"]), previewData), {
+        "preview-cover": slots["preview-cover"]
       });
     };
-
-    var renderPreviewList = () => {
+    const renderPreviewList = () => {
       if (props.previewImage) {
         return props.modelValue.map(renderPreviewItem);
       }
     };
-
-    var onClickUpload = event => emit('click-upload', event);
-
-    var renderUpload = () => {
+    const onClickUpload = (event) => emit("click-upload", event);
+    const renderUpload = () => {
       if (props.modelValue.length >= props.maxCount || !props.showUpload) {
         return;
       }
-
-      var Input = props.readonly ? null : (0, _vue.createVNode)("input", {
+      const Input = props.readonly ? null : (0, import_vue.createVNode)("input", {
         "ref": inputRef,
         "type": "file",
-        "class": (0, _utils2.bem)('input'),
+        "class": (0, import_utils2.bem)("input"),
         "accept": props.accept,
         "capture": props.capture,
         "multiple": props.multiple,
         "disabled": props.disabled,
         "onChange": onChange
       }, null);
-
       if (slots.default) {
-        return (0, _vue.createVNode)("div", {
-          "class": (0, _utils2.bem)('input-wrapper'),
+        return (0, import_vue.createVNode)("div", {
+          "class": (0, import_utils2.bem)("input-wrapper"),
           "onClick": onClickUpload
         }, [slots.default(), Input]);
       }
-
-      return (0, _vue.createVNode)("div", {
-        "class": (0, _utils2.bem)('upload', {
+      return (0, import_vue.createVNode)("div", {
+        "class": (0, import_utils2.bem)("upload", {
           readonly: props.readonly
         }),
-        "style": (0, _utils.getSizeStyle)(props.previewSize),
+        "style": (0, import_utils.getSizeStyle)(props.previewSize),
         "onClick": onClickUpload
-      }, [(0, _vue.createVNode)(_icon.Icon, {
+      }, [(0, import_vue.createVNode)(import_icon.Icon, {
         "name": props.uploadIcon,
-        "class": (0, _utils2.bem)('upload-icon')
-      }, null), props.uploadText && (0, _vue.createVNode)("span", {
-        "class": (0, _utils2.bem)('upload-text')
+        "class": (0, import_utils2.bem)("upload-icon")
+      }, null), props.uploadText && (0, import_vue.createVNode)("span", {
+        "class": (0, import_utils2.bem)("upload-text")
       }, [props.uploadText]), Input]);
     };
-
-    var chooseFile = () => {
+    const chooseFile = () => {
       if (inputRef.value && !props.disabled) {
         inputRef.value.click();
       }
     };
-
-    (0, _vue.onBeforeUnmount)(() => {
-      urls.forEach(url => URL.revokeObjectURL(url));
+    (0, import_vue2.onBeforeUnmount)(() => {
+      urls.forEach((url) => URL.revokeObjectURL(url));
     });
-    (0, _useExpose.useExpose)({
+    (0, import_use_expose.useExpose)({
       chooseFile,
       closeImagePreview
     });
-    (0, _use.useCustomFieldValue)(() => props.modelValue);
-    return () => (0, _vue.createVNode)("div", {
-      "class": (0, _utils2.bem)()
-    }, [(0, _vue.createVNode)("div", {
-      "class": (0, _utils2.bem)('wrapper', {
+    (0, import_use.useCustomFieldValue)(() => props.modelValue);
+    return () => (0, import_vue.createVNode)("div", {
+      "class": (0, import_utils2.bem)()
+    }, [(0, import_vue.createVNode)("div", {
+      "class": (0, import_utils2.bem)("wrapper", {
         disabled: props.disabled
       })
     }, [renderPreviewList(), renderUpload()])]);
   }
-
 });
-
-exports.default = _default;