@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/uploader/Uploader.mjs

@@ -1,142 +1,224 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-import VarHoverOverlay, { useHoverOverlay } from '../hover-overlay/index.mjs';
-import VarFormDetails from '../form-details/index.mjs';
-import VarIcon from '../icon/index.mjs';
-import VarPopup from '../popup/index.mjs';
-import ImagePreview from '../image-preview/index.mjs';
-import Ripple from '../ripple/index.mjs';
-import Hover from '../hover/index.mjs';
-import { defineComponent, nextTick, reactive, computed, watch, ref } from 'vue';
-import { props } from './props.mjs';
-import { isNumber, toNumber, isString, normalizeToArray } from '@varlet/shared';
-import { isHTMLSupportImage, isHTMLSupportVideo } from '../utils/shared.mjs';
-import { call, useValidation, createNamespace, formatElevation } from '../utils/components.mjs';
-import { useForm } from '../form/provide.mjs';
-import { toSizeUnit } from '../utils/elements.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('uploader');
-var fid = 0;
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
+import VarFormDetails from "../form-details/index.mjs";
+import VarIcon from "../icon/index.mjs";
+import VarPopup from "../popup/index.mjs";
+import ImagePreview from "../image-preview/index.mjs";
+import Ripple from "../ripple/index.mjs";
+import Hover from "../hover/index.mjs";
+import { defineComponent, nextTick, reactive, computed, watch, ref } from "vue";
+import { props } from "./props.mjs";
+import { isNumber, toNumber, isString, normalizeToArray } from "@varlet/shared";
+import { isHTMLSupportImage, isHTMLSupportVideo } from "../utils/shared.mjs";
+import { call, useValidation, createNamespace, formatElevation } from "../utils/components.mjs";
+import { useForm } from "../form/provide.mjs";
+import { toSizeUnit } from "../utils/elements.mjs";
+const { name, n, classes } = createNamespace("uploader");
+let fid = 0;
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, withModifiers as _withModifiers, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, withDirectives as _withDirectives, renderSlot as _renderSlot, withCtx as _withCtx, createSlots as _createSlots, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
-var _hoisted_1 = ["onClick"];
-var _hoisted_2 = ["onClick"];
-var _hoisted_3 = ["src", "alt"];
-var _hoisted_4 = ["multiple", "accept", "capture", "disabled"];
-var _hoisted_5 = ["src"];
+const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = ["src", "alt"];
+const _hoisted_4 = ["multiple", "accept", "capture", "disabled"];
+const _hoisted_5 = ["src"];
 function __render__(_ctx, _cache) {
-  var _component_var_icon = _resolveComponent("var-icon");
-  var _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
-  var _component_var_form_details = _resolveComponent("var-form-details");
-  var _component_var_popup = _resolveComponent("var-popup");
-  var _directive_ripple = _resolveDirective("ripple");
-  var _directive_hover = _resolveDirective("hover");
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box')))
-  }, [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.n('file-list'))
-  }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.files, f => {
-    return _withDirectives((_openBlock(), _createElementBlock("div", {
-      class: _normalizeClass(_ctx.classes(_ctx.n('file'), _ctx.formatElevation(_ctx.elevation, 2), [f.state === 'loading', _ctx.n('--loading')])),
-      key: f.id,
-      onClick: $event => _ctx.preview(f)
-    }, [_createElementVNode("div", {
-      class: _normalizeClass(_ctx.n('file-name'))
-    }, _toDisplayString(f.name || f.url), 3 /* TEXT, CLASS */), _ctx.removable ? (_openBlock(), _createElementBlock("div", {
-      key: 0,
-      class: _normalizeClass(_ctx.n('file-close')),
-      onClick: _withModifiers($event => _ctx.handleRemove(f), ["stop"])
-    }, [_createVNode(_component_var_icon, {
-      class: _normalizeClass(_ctx.n('file-close-icon')),
-      "var-uploader-cover": "",
-      name: "delete"
-    }, null, 8 /* PROPS */, ["class"])], 10 /* CLASS, PROPS */, _hoisted_2)) : _createCommentVNode("v-if", true), f.cover ? (_openBlock(), _createElementBlock("img", {
-      key: 1,
-      class: _normalizeClass(_ctx.n('file-cover')),
-      style: _normalizeStyle({
-        objectFit: f.fit
-      }),
-      src: f.cover,
-      alt: f.name
-    }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3)) : _createCommentVNode("v-if", true), _createElementVNode("div", {
-      class: _normalizeClass(_ctx.n('file-indicator'))
-    }, [_createElementVNode("div", {
-      class: _normalizeClass(_ctx.classes(_ctx.n('progress'), [f.state === 'success', _ctx.n('--success')], [f.state === 'error', _ctx.n('--error')])),
-      style: _normalizeStyle({
-        width: f.state === 'success' || f.state === 'error' ? '100%' : f.progress + "%"
-      })
-    }, null, 6 /* CLASS, STYLE */)], 2 /* CLASS */)], 10 /* CLASS, PROPS */, _hoisted_1)), [[_directive_ripple, {
-      disabled: _ctx.disabled || _ctx.formDisabled || _ctx.readonly || _ctx.formReadonly || !_ctx.ripple
-    }]]);
-  }), 128 /* KEYED_FRAGMENT */)), !_ctx.maxlength || _ctx.modelValue.length < _ctx.toNumber(_ctx.maxlength) ? _withDirectives((_openBlock(), _createElementBlock("div", {
-    key: 0,
-    class: _normalizeClass(_ctx.classes([!_ctx.$slots.default, _ctx.n('action') + " " + _ctx.formatElevation(_ctx.elevation, 2)], [_ctx.disabled || _ctx.formDisabled, _ctx.n('--disabled')])),
-    onClick: _cache[1] || (_cache[1] = function () {
-      return _ctx.chooseFile && _ctx.chooseFile(...arguments);
-    })
-  }, [_createElementVNode("input", {
-    ref: "input",
-    type: "file",
-    class: _normalizeClass(_ctx.n('action-input')),
-    multiple: _ctx.multiple,
-    accept: _ctx.accept,
-    capture: _ctx.capture,
-    disabled: _ctx.disabled || _ctx.formDisabled || _ctx.readonly || _ctx.formReadonly,
-    onChange: _cache[0] || (_cache[0] = function () {
-      return _ctx.handleChange && _ctx.handleChange(...arguments);
-    })
-  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_4), _renderSlot(_ctx.$slots, "default", {}, () => [_createVNode(_component_var_icon, {
-    class: _normalizeClass(_ctx.n('action-icon')),
-    "var-uploader-cover": "",
-    name: "plus"
-  }, null, 8 /* PROPS */, ["class"]), _createVNode(_component_var_hover_overlay, {
-    hovering: _ctx.hovering && !_ctx.disabled && !_ctx.formDisabled
-  }, null, 8 /* PROPS */, ["hovering"])])], 2 /* CLASS */)), [[_directive_ripple, {
-    disabled: _ctx.disabled || _ctx.formDisabled || _ctx.readonly || _ctx.formReadonly || !_ctx.ripple || _ctx.$slots.default
-  }], [_directive_hover, _ctx.handleHovering, "desktop"]]) : _createCommentVNode("v-if", true)], 2 /* CLASS */), _createVNode(_component_var_form_details, {
-    "error-message": _ctx.errorMessage,
-    "extra-message": _ctx.maxlengthText
-  }, _createSlots({
-    _: 2 /* DYNAMIC */
-  }, [_ctx.$slots['extra-message'] ? {
-    name: "extra-message",
-    fn: _withCtx(() => [_renderSlot(_ctx.$slots, "extra-message")]),
-    key: "0"
-  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["error-message", "extra-message"]), _createVNode(_component_var_popup, {
-    class: _normalizeClass(_ctx.n('preview')),
-    "var-uploader-cover": "",
-    position: "center",
-    show: _ctx.showPreview,
-    "onUpdate:show": _cache[2] || (_cache[2] = $event => _ctx.showPreview = $event),
-    onClosed: _cache[3] || (_cache[3] = $event => _ctx.currentPreview = null)
-  }, {
-    default: _withCtx(() => {
-      var _ctx$currentPreview, _ctx$currentPreview2;
-      return [_ctx.currentPreview && _ctx.isHTMLSupportVideo((_ctx$currentPreview = _ctx.currentPreview) == null ? void 0 : _ctx$currentPreview.url) ? (_openBlock(), _createElementBlock("video", {
-        key: 0,
-        class: _normalizeClass(_ctx.n('preview-video')),
-        playsinline: "true",
-        "webkit-playsinline": "true",
-        "x5-playsinline": "true",
-        "x5-video-player-type": "h5",
-        "x5-video-player-fullscreen": "false",
-        controls: "",
-        src: (_ctx$currentPreview2 = _ctx.currentPreview) == null ? void 0 : _ctx$currentPreview2.url
-      }, null, 10 /* CLASS, PROPS */, _hoisted_5)) : _createCommentVNode("v-if", true)];
-    }),
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["class", "show"])], 2 /* CLASS */);
+  const _component_var_icon = _resolveComponent("var-icon");
+  const _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
+  const _component_var_form_details = _resolveComponent("var-form-details");
+  const _component_var_popup = _resolveComponent("var-popup");
+  const _directive_ripple = _resolveDirective("ripple");
+  const _directive_hover = _resolveDirective("hover");
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box")))
+    },
+    [
+      _createElementVNode(
+        "div",
+        {
+          class: _normalizeClass(_ctx.n("file-list"))
+        },
+        [
+          (_openBlock(true), _createElementBlock(
+            _Fragment,
+            null,
+            _renderList(_ctx.files, (f) => {
+              return _withDirectives((_openBlock(), _createElementBlock("div", {
+                class: _normalizeClass(_ctx.classes(_ctx.n("file"), _ctx.formatElevation(_ctx.elevation, 2), [f.state === "loading", _ctx.n("--loading")])),
+                key: f.id,
+                onClick: ($event) => _ctx.preview(f)
+              }, [
+                _createElementVNode(
+                  "div",
+                  {
+                    class: _normalizeClass(_ctx.n("file-name"))
+                  },
+                  _toDisplayString(f.name || f.url),
+                  3
+                  /* TEXT, CLASS */
+                ),
+                _ctx.removable ? (_openBlock(), _createElementBlock("div", {
+                  key: 0,
+                  class: _normalizeClass(_ctx.n("file-close")),
+                  onClick: _withModifiers(($event) => _ctx.handleRemove(f), ["stop"])
+                }, [
+                  _createVNode(_component_var_icon, {
+                    class: _normalizeClass(_ctx.n("file-close-icon")),
+                    "var-uploader-cover": "",
+                    name: "delete"
+                  }, null, 8, ["class"])
+                ], 10, _hoisted_2)) : _createCommentVNode("v-if", true),
+                f.cover ? (_openBlock(), _createElementBlock("img", {
+                  key: 1,
+                  class: _normalizeClass(_ctx.n("file-cover")),
+                  style: _normalizeStyle({ objectFit: f.fit }),
+                  src: f.cover,
+                  alt: f.name
+                }, null, 14, _hoisted_3)) : _createCommentVNode("v-if", true),
+                _createElementVNode(
+                  "div",
+                  {
+                    class: _normalizeClass(_ctx.n("file-indicator"))
+                  },
+                  [
+                    _createElementVNode(
+                      "div",
+                      {
+                        class: _normalizeClass(
+                          _ctx.classes(_ctx.n("progress"), [f.state === "success", _ctx.n("--success")], [f.state === "error", _ctx.n("--error")])
+                        ),
+                        style: _normalizeStyle({ width: f.state === "success" || f.state === "error" ? "100%" : `${f.progress}%` })
+                      },
+                      null,
+                      6
+                      /* CLASS, STYLE */
+                    )
+                  ],
+                  2
+                  /* CLASS */
+                )
+              ], 10, _hoisted_1)), [
+                [_directive_ripple, { disabled: _ctx.disabled || _ctx.formDisabled || _ctx.readonly || _ctx.formReadonly || !_ctx.ripple }]
+              ]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          )),
+          !_ctx.maxlength || _ctx.modelValue.length < _ctx.toNumber(_ctx.maxlength) ? _withDirectives((_openBlock(), _createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: _normalizeClass(
+                _ctx.classes(
+                  [!_ctx.$slots.default, `${_ctx.n("action")} ${_ctx.formatElevation(_ctx.elevation, 2)}`],
+                  [_ctx.disabled || _ctx.formDisabled, _ctx.n("--disabled")]
+                )
+              ),
+              onClick: _cache[1] || (_cache[1] = (...args) => _ctx.chooseFile && _ctx.chooseFile(...args))
+            },
+            [
+              _createElementVNode("input", {
+                ref: "input",
+                type: "file",
+                class: _normalizeClass(_ctx.n("action-input")),
+                multiple: _ctx.multiple,
+                accept: _ctx.accept,
+                capture: _ctx.capture,
+                disabled: _ctx.disabled || _ctx.formDisabled || _ctx.readonly || _ctx.formReadonly,
+                onChange: _cache[0] || (_cache[0] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
+              }, null, 42, _hoisted_4),
+              _renderSlot(_ctx.$slots, "default", {}, () => [
+                _createVNode(_component_var_icon, {
+                  class: _normalizeClass(_ctx.n("action-icon")),
+                  "var-uploader-cover": "",
+                  name: "plus"
+                }, null, 8, ["class"]),
+                _createVNode(_component_var_hover_overlay, {
+                  hovering: _ctx.hovering && !_ctx.disabled && !_ctx.formDisabled
+                }, null, 8, ["hovering"])
+              ])
+            ],
+            2
+            /* CLASS */
+          )), [
+            [_directive_ripple, { disabled: _ctx.disabled || _ctx.formDisabled || _ctx.readonly || _ctx.formReadonly || !_ctx.ripple || _ctx.$slots.default }],
+            [_directive_hover, _ctx.handleHovering, "desktop"]
+          ]) : _createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      ),
+      _createVNode(_component_var_form_details, {
+        "error-message": _ctx.errorMessage,
+        "extra-message": _ctx.maxlengthText
+      }, _createSlots({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        _ctx.$slots["extra-message"] ? {
+          name: "extra-message",
+          fn: _withCtx(() => [
+            _renderSlot(_ctx.$slots, "extra-message")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["error-message", "extra-message"]),
+      _createVNode(_component_var_popup, {
+        class: _normalizeClass(_ctx.n("preview")),
+        "var-uploader-cover": "",
+        position: "center",
+        show: _ctx.showPreview,
+        "onUpdate:show": _cache[2] || (_cache[2] = ($event) => _ctx.showPreview = $event),
+        onClosed: _cache[3] || (_cache[3] = ($event) => _ctx.currentPreview = null)
+      }, {
+        default: _withCtx(() => {
+          var _a, _b;
+          return [
+            _ctx.currentPreview && _ctx.isHTMLSupportVideo((_a = _ctx.currentPreview) == null ? void 0 : _a.url) ? (_openBlock(), _createElementBlock("video", {
+              key: 0,
+              class: _normalizeClass(_ctx.n("preview-video")),
+              playsinline: "true",
+              "webkit-playsinline": "true",
+              "x5-playsinline": "true",
+              "x5-video-player-type": "h5",
+              "x5-video-player-fullscreen": "false",
+              controls: "",
+              src: (_b = _ctx.currentPreview) == null ? void 0 : _b.url
+            }, null, 10, _hoisted_5)) : _createCommentVNode("v-if", true)
+          ];
+        }),
+        _: 1
+        /* STABLE */
+      }, 8, ["class", "show"])
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
-  directives: {
-    Ripple,
-    Hover
-  },
+  directives: { Ripple, Hover },
   components: {
     VarIcon,
     VarPopup,
@@ -144,74 +226,59 @@ var __sfc__ = defineComponent({
     VarHoverOverlay
   },
   props,
-  setup(props) {
-    var input = ref(null);
-    var showPreview = ref(false);
-    var currentPreview = ref(null);
-    var maxlengthText = computed(() => {
-      var {
+  setup(props2) {
+    const input = ref(null);
+    const showPreview = ref(false);
+    const currentPreview = ref(null);
+    const maxlengthText = computed(() => {
+      const {
         maxlength,
-        modelValue: {
-          length
-        }
-      } = props;
-      return isNumber(maxlength) ? length + " / " + maxlength : '';
+        modelValue: { length }
+      } = props2;
+      return isNumber(maxlength) ? `${length} / ${maxlength}` : "";
     });
-    var {
-      form,
-      bindForm
-    } = useForm();
-    var {
+    const { form, bindForm } = useForm();
+    const {
       errorMessage,
       validateWithTrigger: vt,
       validate: v,
       // expose
       resetValidation
     } = useValidation();
-    var {
-      hovering,
-      handleHovering
-    } = useHoverOverlay();
-    var files = computed(() => {
-      var {
-        modelValue,
-        hideList
-      } = props;
+    const { hovering, handleHovering } = useHoverOverlay();
+    const files = computed(() => {
+      const { modelValue, hideList } = props2;
       if (hideList) {
         return [];
       }
       return modelValue;
     });
-    var callReset = false;
-    var varFileUtils = {
+    let callReset = false;
+    const varFileUtils = {
       getSuccess,
       getError,
       getLoading
     };
-    var uploaderProvider = {
+    const uploaderProvider = {
       validate,
       resetValidation,
       reset
     };
     call(bindForm, uploaderProvider);
-    watch(() => props.modelValue, () => {
-      !callReset && validateWithTrigger('onChange');
-      callReset = false;
-    }, {
-      deep: true
-    });
+    watch(
+      () => props2.modelValue,
+      () => {
+        !callReset && validateWithTrigger("onChange");
+        callReset = false;
+      },
+      { deep: true }
+    );
     function preview(varFile) {
-      var {
-        disabled,
-        readonly,
-        previewed
-      } = props;
-      if (form != null && form.disabled.value || form != null && form.readonly.value || disabled || readonly || !previewed) {
+      const { disabled, previewed } = props2;
+      if ((form == null ? void 0 : form.disabled.value) || disabled || !previewed) {
         return;
       }
-      var {
-        url
-      } = varFile;
+      const { url } = varFile;
       if (isString(url) && isHTMLSupportImage(url)) {
         ImagePreview(url);
         return;
@@ -224,30 +291,27 @@ var __sfc__ = defineComponent({
     function createVarFile(file) {
       return {
         id: fid++,
-        url: '',
-        cover: '',
+        url: "",
+        cover: "",
         name: file.name,
         file,
         progress: 0
       };
     }
     function getFiles(event) {
-      var el = event.target;
-      var {
-        files: fileList
-      } = el;
+      const el = event.target;
+      const { files: fileList } = el;
       return Array.from(fileList);
     }
     function resolver(varFile) {
-      return new Promise(resolve => {
-        // For performance, only file reader processing is performed on images
-        if (!varFile.file.type.startsWith('image')) {
+      return new Promise((resolve) => {
+        if (!varFile.file.type.startsWith("image")) {
           resolve(varFile);
           return;
         }
-        var fileReader = new FileReader();
+        const fileReader = new FileReader();
         fileReader.onload = () => {
-          var base64 = fileReader.result;
+          const base64 = fileReader.result;
           varFile.cover = base64;
           varFile.url = base64;
           resolve(varFile);
@@ -259,147 +323,95 @@ var __sfc__ = defineComponent({
       return varFiles.map(resolver);
     }
     function getBeforeReaders(varFiles) {
-      var {
-        onBeforeRead
-      } = props;
-      return varFiles.map(varFile => new Promise(resolve => {
-        if (!onBeforeRead) {
-          resolve({
-            valid: true,
-            varFile
-          });
-        }
-        var results = normalizeToArray(call(onBeforeRead, reactive(varFile)));
-        Promise.all(results).then(values => {
-          resolve({
-            valid: values.every(Boolean),
-            varFile
+      const { onBeforeRead } = props2;
+      return varFiles.map(
+        (varFile) => new Promise((resolve) => {
+          if (!onBeforeRead) {
+            resolve({
+              valid: true,
+              varFile
+            });
+          }
+          const results = normalizeToArray(call(onBeforeRead, reactive(varFile)));
+          Promise.all(results).then((values) => {
+            resolve({
+              valid: values.every(Boolean),
+              varFile
+            });
           });
-        });
-      }));
+        })
+      );
     }
-    function handleChange(_x) {
-      return _handleChange.apply(this, arguments);
-    }
-    function _handleChange() {
-      _handleChange = _asyncToGenerator(function* (event) {
-        var {
-          maxsize,
-          maxlength,
-          modelValue,
-          onOversize,
-          onAfterRead,
-          onBeforeFilter,
-          readonly,
-          disabled
-        } = props;
-        if (form != null && form.disabled.value || form != null && form.readonly.value || disabled || readonly) {
+    function handleChange(event) {
+      return __async(this, null, function* () {
+        const { maxsize, maxlength, modelValue, onOversize, onAfterRead, onBeforeFilter, readonly, disabled } = props2;
+        if ((form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value) || disabled || readonly) {
           return;
         }
-        var getValidSizeVarFile = varFiles => varFiles.filter(varFile => {
+        const getValidSizeVarFile = (varFiles2) => varFiles2.filter((varFile) => {
           if (varFile.file.size > toNumber(maxsize)) {
             call(onOversize, reactive(varFile));
             return false;
           }
           return true;
         });
-        var getValidLengthVarFiles = varFiles => {
-          var limit = Math.min(varFiles.length, toNumber(maxlength) - modelValue.length);
-          return varFiles.slice(0, limit);
+        const getValidLengthVarFiles = (varFiles2) => {
+          const limit = Math.min(varFiles2.length, toNumber(maxlength) - modelValue.length);
+          return varFiles2.slice(0, limit);
         };
-        var getFilterVarFiles = /*#__PURE__*/function () {
-          var _ref = _asyncToGenerator(function* (varFiles) {
-            if (!onBeforeFilter) {
-              return varFiles;
-            }
-            var events = normalizeToArray(onBeforeFilter);
-
-            // eslint-disable-next-line no-restricted-syntax
-            for (var _event of events) {
-              varFiles = yield _event(varFiles);
-            }
-            return varFiles;
-          });
-          return function getFilterVarFiles(_x3) {
-            return _ref.apply(this, arguments);
-          };
-        }();
-
-        // limit
-        var files = getFiles(event);
-        var varFiles = files.map(createVarFile);
+        const getFilterVarFiles = (varFiles2) => __async(this, null, function* () {
+          if (!onBeforeFilter) {
+            return varFiles2;
+          }
+          const events = normalizeToArray(onBeforeFilter);
+          for (const event2 of events) {
+            varFiles2 = yield event2(varFiles2);
+          }
+          return varFiles2;
+        });
+        const files2 = getFiles(event);
+        let varFiles = files2.map(createVarFile);
         varFiles = yield getFilterVarFiles(varFiles);
         varFiles = maxsize != null ? getValidSizeVarFile(varFiles) : varFiles;
         varFiles = maxlength != null ? getValidLengthVarFiles(varFiles) : varFiles;
-
-        // pre resolve
-        var resolvedVarFiles = yield Promise.all(getResolvers(varFiles));
-        var validationVarFiles = yield Promise.all(getBeforeReaders(resolvedVarFiles));
-        var validVarFiles = validationVarFiles.filter(_ref2 => {
-          var {
-            valid
-          } = _ref2;
-          return valid;
-        }).map(_ref3 => {
-          var {
-            varFile
-          } = _ref3;
-          return varFile;
-        });
-        call(props['onUpdate:modelValue'], [...modelValue, ...validVarFiles]);
-        event.target.value = '';
-        validVarFiles.forEach(varFile => call(onAfterRead, reactive(varFile)));
+        const resolvedVarFiles = yield Promise.all(getResolvers(varFiles));
+        const validationVarFiles = yield Promise.all(getBeforeReaders(resolvedVarFiles));
+        const validVarFiles = validationVarFiles.filter(({ valid }) => valid).map(({ varFile }) => varFile);
+        call(props2["onUpdate:modelValue"], [...modelValue, ...validVarFiles]);
+        event.target.value = "";
+        validVarFiles.forEach((varFile) => call(onAfterRead, reactive(varFile)));
       });
-      return _handleChange.apply(this, arguments);
     }
-    function handleRemove(_x2) {
-      return _handleRemove.apply(this, arguments);
-    } // expose
-    function _handleRemove() {
-      _handleRemove = _asyncToGenerator(function* (removedVarFile) {
-        var {
-          disabled,
-          readonly,
-          modelValue,
-          onBeforeRemove,
-          onRemove
-        } = props;
-        if (form != null && form.disabled.value || form != null && form.readonly.value || disabled || readonly) {
+    function handleRemove(removedVarFile) {
+      return __async(this, null, function* () {
+        const { disabled, readonly, modelValue, onBeforeRemove, onRemove } = props2;
+        if ((form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value) || disabled || readonly) {
           return;
         }
         if (onBeforeRemove) {
-          var results = normalizeToArray(call(onBeforeRemove, reactive(removedVarFile)));
-          if ((yield Promise.all(results)).some(result => !result)) {
+          const results = normalizeToArray(call(onBeforeRemove, reactive(removedVarFile)));
+          if ((yield Promise.all(results)).some((result) => !result)) {
             return;
           }
         }
-        var expectedFiles = modelValue.filter(varFile => varFile !== removedVarFile);
+        const expectedFiles = modelValue.filter((varFile) => varFile !== removedVarFile);
         call(onRemove, reactive(removedVarFile));
-        validateWithTrigger('onRemove');
-        call(props['onUpdate:modelValue'], expectedFiles);
+        validateWithTrigger("onRemove");
+        call(props2["onUpdate:modelValue"], expectedFiles);
       });
-      return _handleRemove.apply(this, arguments);
     }
     function getSuccess() {
-      return props.modelValue.filter(varFile => varFile.state === 'success');
+      return props2.modelValue.filter((varFile) => varFile.state === "success");
     }
-
-    // expose
     function getError() {
-      return props.modelValue.filter(varFile => varFile.state === 'error');
+      return props2.modelValue.filter((varFile) => varFile.state === "error");
     }
-
-    // expose
     function getLoading() {
-      return props.modelValue.filter(varFile => varFile.state === 'loading');
+      return props2.modelValue.filter((varFile) => varFile.state === "loading");
     }
-
-    // expose
     function chooseFile() {
       input.value.click();
     }
-
-    // expose
     function closePreview() {
       currentPreview.value = null;
       showPreview.value = false;
@@ -407,24 +419,16 @@ var __sfc__ = defineComponent({
     }
     function validateWithTrigger(trigger) {
       nextTick(() => {
-        var {
-          validateTrigger,
-          rules,
-          modelValue
-        } = props;
+        const { validateTrigger, rules, modelValue } = props2;
         vt(validateTrigger, trigger, rules, modelValue, varFileUtils);
       });
     }
-
-    // expose
     function validate() {
-      return v(props.rules, props.modelValue, varFileUtils);
+      return v(props2.rules, props2.modelValue, varFileUtils);
     }
-
-    // expose
     function reset() {
       callReset = true;
-      call(props['onUpdate:modelValue'], []);
+      call(props2["onUpdate:modelValue"], []);
       resetValidation();
     }
     return {
@@ -460,4 +464,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};