@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/Uploader.js

@@ -1,82 +1,104 @@
-var V = Object.defineProperty;
-var q = (e, t, s) => t in e ? V(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var l = (e, t, s) => (q(e, typeof t != "symbol" ? t + "" : t, s), s);
-import { reactive as A, computed as H, h as M, resolveComponent as y, openBlock as i, createElementBlock as p, normalizeClass as F, renderSlot as T, createBlock as w, resolveDynamicComponent as E, createCommentVNode as g, Fragment as O, renderList as Q, createElementVNode as k, toDisplayString as L, createVNode as z } from "vue";
-import { c as j } from "./component-234624bc.js";
-import { f as G } from "./Interceptor-6e26b757.js";
-import R from "./Progress.js";
-import { Photograph as I, Failure as J, Loading as K, Del as W, Link as Y } from "@nutui/icons-vue";
-import { _ as Z } from "./_plugin-vue_export-helper-dad06003.js";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { reactive, computed, h, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, createVNode } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { f as funInterceptor } from "./Interceptor-956b24fc.js";
+import Progress from "./Progress.js";
+import { Photograph, Failure, Loading, Del, Link } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-class x {
+class UploadOptions {
   constructor() {
-    l(this, "url", "");
-    l(this, "name", "file");
-    l(this, "fileType", "image");
-    l(this, "formData");
-    l(this, "sourceFile");
-    l(this, "method", "post");
-    l(this, "xhrState", 200);
-    l(this, "timeout", 30 * 1e3);
-    l(this, "headers", {});
-    l(this, "withCredentials", !1);
-    l(this, "onStart");
-    l(this, "taroFilePath");
-    l(this, "onProgress");
-    l(this, "onSuccess");
-    l(this, "onFailure");
-    l(this, "beforeXhrUpload");
+    __publicField(this, "url", "");
+    __publicField(this, "name", "file");
+    __publicField(this, "fileType", "image");
+    __publicField(this, "formData");
+    __publicField(this, "sourceFile");
+    __publicField(this, "method", "post");
+    __publicField(this, "xhrState", 200);
+    __publicField(this, "timeout", 30 * 1e3);
+    __publicField(this, "headers", {});
+    __publicField(this, "withCredentials", false);
+    __publicField(this, "onStart");
+    __publicField(this, "taroFilePath");
+    __publicField(this, "onProgress");
+    __publicField(this, "onSuccess");
+    __publicField(this, "onFailure");
+    __publicField(this, "beforeXhrUpload");
   }
 }
-class ee {
-  constructor(t) {
-    l(this, "options");
-    this.options = t;
+class Uploader {
+  constructor(options) {
+    __publicField(this, "options");
+    this.options = options;
   }
   upload() {
-    var h;
-    const t = this.options, s = new XMLHttpRequest();
-    if (s.timeout = t.timeout, s.upload) {
-      s.upload.addEventListener(
+    var _a;
+    const options = this.options;
+    const xhr = new XMLHttpRequest();
+    xhr.timeout = options.timeout;
+    if (xhr.upload) {
+      xhr.upload.addEventListener(
         "progress",
-        (m) => {
-          var f;
-          (f = t.onProgress) == null || f.call(t, m, t);
+        (e) => {
+          var _a2;
+          (_a2 = options.onProgress) == null ? void 0 : _a2.call(options, e, options);
         },
-        !1
-      ), s.onreadystatechange = () => {
-        var m, f;
-        s.readyState === 4 && (s.status == t.xhrState ? (m = t.onSuccess) == null || m.call(t, s.responseText, t) : (f = t.onFailure) == null || f.call(t, s.responseText, t));
-      }, s.withCredentials = t.withCredentials, s.open(t.method, t.url, !0);
-      for (const [m, f] of Object.entries(t.headers))
-        s.setRequestHeader(m, f);
-      (h = t.onStart) == null || h.call(t, t), t.beforeXhrUpload ? t.beforeXhrUpload(s, t) : s.send(t.formData);
-    } else
+        false
+      );
+      xhr.onreadystatechange = () => {
+        var _a2, _b;
+        if (xhr.readyState === 4) {
+          if (xhr.status == options.xhrState) {
+            (_a2 = options.onSuccess) == null ? void 0 : _a2.call(options, xhr.responseText, options);
+          } else {
+            (_b = options.onFailure) == null ? void 0 : _b.call(options, xhr.responseText, options);
+          }
+        }
+      };
+      xhr.withCredentials = options.withCredentials;
+      xhr.open(options.method, options.url, true);
+      for (const [key, value] of Object.entries(options.headers)) {
+        xhr.setRequestHeader(key, value);
+      }
+      (_a = options.onStart) == null ? void 0 : _a.call(options, options);
+      if (options.beforeXhrUpload) {
+        options.beforeXhrUpload(xhr, options);
+      } else {
+        xhr.send(options.formData);
+      }
+    } else {
       console.warn("浏览器不支持 XMLHttpRequest");
+    }
   }
 }
-const { translate: te } = j("uploader");
-class ae {
+const { translate: translate$1 } = createComponent("uploader");
+class FileItem {
   constructor() {
-    l(this, "status", "ready");
-    l(this, "message", te("ready"));
-    l(this, "uid", (/* @__PURE__ */ new Date()).getTime().toString());
-    l(this, "name");
-    l(this, "url");
-    l(this, "type");
-    l(this, "path");
-    l(this, "percentage", 0);
-    l(this, "formData", {});
+    __publicField(this, "status", "ready");
+    __publicField(this, "message", translate$1("ready"));
+    __publicField(this, "uid", (/* @__PURE__ */ new Date()).getTime().toString());
+    __publicField(this, "name");
+    __publicField(this, "url");
+    __publicField(this, "type");
+    __publicField(this, "path");
+    __publicField(this, "percentage", 0);
+    __publicField(this, "formData", {});
   }
 }
-const { componentName: se, create: le, translate: C } = j("uploader"), oe = le({
+const { componentName, create, translate } = createComponent("uploader");
+const _sfc_main = create({
   components: {
-    [R.name]: R,
-    Photograph: I,
-    Failure: J,
-    Loading: K,
-    Del: W,
-    Link: Y
+    [Progress.name]: Progress,
+    Photograph,
+    Failure,
+    Loading,
+    Del,
+    Link
   },
   props: {
     name: { type: String, default: "file" },
@@ -84,23 +106,23 @@ const { componentName: se, create: le, translate: C } = j("uploader"), oe = le({
     // defaultFileList: { type: Array, default: () => new Array<FileItem>() },
     timeout: { type: [Number, String], default: 1e3 * 30 },
     fileList: { type: Array, default: () => [] },
-    isPreview: { type: Boolean, default: !0 },
+    isPreview: { type: Boolean, default: true },
     // picture、list
     listType: { type: String, default: "picture" },
-    isDeletable: { type: Boolean, default: !0 },
+    isDeletable: { type: Boolean, default: true },
     method: { type: String, default: "post" },
-    capture: { type: Boolean, default: !1 },
+    capture: { type: Boolean, default: false },
     maximize: { type: [Number, String], default: Number.MAX_VALUE },
     maximum: { type: [Number, String], default: 1 },
-    clearInput: { type: Boolean, default: !0 },
+    clearInput: { type: Boolean, default: true },
     accept: { type: String, default: "*" },
     headers: { type: Object, default: {} },
     data: { type: Object, default: {} },
     xhrState: { type: [Number, String], default: 200 },
-    withCredentials: { type: Boolean, default: !1 },
-    multiple: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    autoUpload: { type: Boolean, default: !0 },
+    withCredentials: { type: Boolean, default: false },
+    multiple: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    autoUpload: { type: Boolean, default: true },
     beforeUpload: {
       type: Function,
       default: null
@@ -111,7 +133,9 @@ const { componentName: se, create: le, translate: C } = j("uploader"), oe = le({
     },
     beforeDelete: {
       type: Function,
-      default: (e, t) => !0
+      default: (file, files) => {
+        return true;
+      }
     },
     onChange: { type: Function }
   },
@@ -126,223 +150,324 @@ const { componentName: se, create: le, translate: C } = j("uploader"), oe = le({
     "update:fileList",
     "file-item-click"
   ],
-  setup(e, { emit: t }) {
-    const s = A(e.fileList);
-    let h = [];
-    const m = H(() => ({
-      [se]: !0
-    })), f = () => {
-      let a = {
-        class: "nut-uploader__input",
+  setup(props, { emit }) {
+    const fileList = reactive(props.fileList);
+    let uploadQueue = [];
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const renderInput = () => {
+      let params = {
+        class: `nut-uploader__input`,
         type: "file",
-        accept: e.accept,
-        multiple: e.multiple,
-        name: e.name,
-        disabled: e.disabled
+        accept: props.accept,
+        multiple: props.multiple,
+        name: props.name,
+        disabled: props.disabled
       };
-      return e.capture && (a.capture = "camera"), M("input", a);
-    }, b = (a) => {
-      a.value = "";
-    }, U = (a) => {
-      t("file-item-click", { fileItem: a });
-    }, $ = (a, n) => {
-      const u = new x();
-      u.url = e.url, u.formData = a.formData, u.timeout = e.timeout * 1, u.method = e.method, u.xhrState = e.xhrState, u.headers = e.headers, u.withCredentials = e.withCredentials, u.beforeXhrUpload = e.beforeXhrUpload;
+      if (props.capture)
+        params.capture = "camera";
+      return h("input", params);
+    };
+    const clearInput = (el) => {
+      el.value = "";
+    };
+    const fileItemClick = (fileItem) => {
+      emit("file-item-click", { fileItem });
+    };
+    const executeUpload = (fileItem, index2) => {
+      const uploadOption = new UploadOptions();
+      uploadOption.url = props.url;
+      uploadOption.formData = fileItem.formData;
+      uploadOption.timeout = props.timeout * 1;
+      uploadOption.method = props.method;
+      uploadOption.xhrState = props.xhrState;
+      uploadOption.headers = props.headers;
+      uploadOption.withCredentials = props.withCredentials;
+      uploadOption.beforeXhrUpload = props.beforeXhrUpload;
       try {
-        u.sourceFile = a.formData.get(e.name);
-      } catch (o) {
+        uploadOption.sourceFile = fileItem.formData.get(props.name);
+      } catch (error) {
       }
-      u.onStart = (o) => {
-        a.status = "ready", a.message = C("readyUpload"), v(n), t("start", o);
-      }, u.onProgress = (o, c) => {
-        a.status = "uploading", a.message = C("uploading"), a.percentage = (o.loaded / o.total * 100).toFixed(0), t("progress", { event: o, option: c, percentage: a.percentage });
-      }, u.onSuccess = (o, c) => {
-        a.status = "success", a.message = C("success"), t("success", {
-          responseText: o,
-          option: c,
-          fileItem: a
-        }), t("update:fileList", s);
-      }, u.onFailure = (o, c) => {
-        a.status = "error", a.message = C("error"), t("failure", {
-          responseText: o,
-          option: c,
-          fileItem: a
+      uploadOption.onStart = (option) => {
+        fileItem.status = "ready";
+        fileItem.message = translate("readyUpload");
+        clearUploadQueue(index2);
+        emit("start", option);
+      };
+      uploadOption.onProgress = (event, option) => {
+        fileItem.status = "uploading";
+        fileItem.message = translate("uploading");
+        fileItem.percentage = (event.loaded / event.total * 100).toFixed(0);
+        emit("progress", { event, option, percentage: fileItem.percentage });
+      };
+      uploadOption.onSuccess = (responseText, option) => {
+        fileItem.status = "success";
+        fileItem.message = translate("success");
+        emit("success", {
+          responseText,
+          option,
+          fileItem
         });
+        emit("update:fileList", fileList);
       };
-      let d = new ee(u);
-      e.autoUpload ? d.upload() : h.push(
-        new Promise((o, c) => {
-          o(d);
-        })
-      );
-    }, v = (a = -1) => {
-      a > -1 ? h.splice(a, 1) : (h = [], s.splice(0, s.length));
-    }, P = () => {
-      Promise.all(h).then((a) => {
-        a.forEach((n) => n.upload());
+      uploadOption.onFailure = (responseText, option) => {
+        fileItem.status = "error";
+        fileItem.message = translate("error");
+        emit("failure", {
+          responseText,
+          option,
+          fileItem
+        });
+      };
+      let task = new Uploader(uploadOption);
+      if (props.autoUpload) {
+        task.upload();
+      } else {
+        uploadQueue.push(
+          new Promise((resolve, reject) => {
+            resolve(task);
+          })
+        );
+      }
+    };
+    const clearUploadQueue = (index2 = -1) => {
+      if (index2 > -1) {
+        uploadQueue.splice(index2, 1);
+      } else {
+        uploadQueue = [];
+        fileList.splice(0, fileList.length);
+      }
+    };
+    const submit = () => {
+      Promise.all(uploadQueue).then((res) => {
+        res.forEach((i) => i.upload());
       });
-    }, B = (a) => {
-      a.forEach((n, u) => {
-        const d = new FormData();
-        for (const [c, N] of Object.entries(e.data))
-          d.append(c, N);
-        d.append(e.name, n);
-        const o = A(new ae());
-        if (o.name = n.name, o.status = "ready", o.type = n.type, o.formData = d, o.message = C("waitingUpload"), $(o, u), e.isPreview && n.type.includes("image")) {
-          const c = new FileReader();
-          c.onload = (N) => {
-            o.url = N.target.result, s.push(o);
-          }, c.readAsDataURL(n);
-        } else
-          s.push(o);
+    };
+    const readFile = (files) => {
+      files.forEach((file, index2) => {
+        const formData = new FormData();
+        for (const [key, value] of Object.entries(props.data)) {
+          formData.append(key, value);
+        }
+        formData.append(props.name, file);
+        const fileItem = reactive(new FileItem());
+        fileItem.name = file.name;
+        fileItem.status = "ready";
+        fileItem.type = file.type;
+        fileItem.formData = formData;
+        fileItem.message = translate("waitingUpload");
+        executeUpload(fileItem, index2);
+        if (props.isPreview && file.type.includes("image")) {
+          const reader = new FileReader();
+          reader.onload = (event) => {
+            fileItem.url = event.target.result;
+            fileList.push(fileItem);
+          };
+          reader.readAsDataURL(file);
+        } else {
+          fileList.push(fileItem);
+        }
       });
-    }, r = (a) => {
-      const n = e.maximum * 1, u = e.maximize * 1, d = new Array();
-      a = a.filter((c) => c.size > u ? (d.push(c), !1) : !0), d.length && t("oversize", d);
-      let o = a.length + s.length;
-      return o > n && a.splice(a.length - (o - n)), a;
-    }, D = (a, n) => {
-      s.splice(n, 1), t("delete", {
-        file: a,
-        fileList: s,
-        index: n
+    };
+    const filterFiles = (files) => {
+      const maximum = props.maximum * 1;
+      const maximize = props.maximize * 1;
+      const oversizes = new Array();
+      files = files.filter((file) => {
+        if (file.size > maximize) {
+          oversizes.push(file);
+          return false;
+        } else {
+          return true;
+        }
       });
-    }, S = (a, n) => {
-      v(n), G(e.beforeDelete, {
-        args: [a, s],
-        done: () => D(a, n)
+      if (oversizes.length) {
+        emit("oversize", oversizes);
+      }
+      let currentFileLength = files.length + fileList.length;
+      if (currentFileLength > maximum) {
+        files.splice(files.length - (currentFileLength - maximum));
+      }
+      return files;
+    };
+    const deleted = (file, index2) => {
+      fileList.splice(index2, 1);
+      emit("delete", {
+        file,
+        fileList,
+        index: index2
       });
-    }, _ = (a) => {
-      if (e.disabled)
+    };
+    const onDelete = (file, index2) => {
+      clearUploadQueue(index2);
+      funInterceptor(props.beforeDelete, {
+        args: [file, fileList],
+        done: () => deleted(file, index2)
+      });
+    };
+    const onChange = (event) => {
+      if (props.disabled) {
         return;
-      const n = a.target;
-      let { files: u } = n;
-      e.beforeUpload ? e.beforeUpload(u).then((d) => X(d)) : X(u), t("change", {
-        fileList: s,
-        event: a
-      }), e.clearInput && b(n);
-    }, X = (a) => {
-      const n = r(new Array().slice.call(a));
-      B(n);
+      }
+      const $el = event.target;
+      let { files } = $el;
+      if (props.beforeUpload) {
+        props.beforeUpload(files).then((f) => changeReadFile(f));
+      } else {
+        changeReadFile(files);
+      }
+      emit("change", {
+        fileList,
+        event
+      });
+      if (props.clearInput) {
+        clearInput($el);
+      }
+    };
+    const changeReadFile = (f) => {
+      const _files = filterFiles(new Array().slice.call(f));
+      readFile(_files);
     };
     return {
-      onChange: _,
-      onDelete: S,
-      fileList: s,
-      classes: m,
-      fileItemClick: U,
-      clearUploadQueue: v,
-      submit: P,
-      renderInput: f
+      onChange,
+      onDelete,
+      fileList,
+      classes,
+      fileItemClick,
+      clearUploadQueue,
+      submit,
+      renderInput
     };
   }
-}), re = {
+});
+const _hoisted_1 = {
   key: 0,
   class: "nut-uploader__slot"
-}, ne = {
+};
+const _hoisted_2 = {
   key: 0,
   class: "nut-uploader__preview-img"
-}, ue = {
+};
+const _hoisted_3 = {
   key: 0,
   class: "nut-uploader__preview__progress"
-}, ie = { class: "nut-uploader__preview__progress__msg" }, ce = ["onClick"], de = ["onClick", "src"], pe = {
+};
+const _hoisted_4 = { class: "nut-uploader__preview__progress__msg" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = ["onClick", "src"];
+const _hoisted_7 = {
   key: 3,
   class: "nut-uploader__preview-img__file"
-}, fe = ["onClick"], me = { class: "file__name_tips" }, ge = { class: "tips" }, he = {
+};
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "file__name_tips" };
+const _hoisted_10 = { class: "tips" };
+const _hoisted_11 = {
   key: 1,
   class: "nut-uploader__preview-list"
-}, _e = ["onClick"], ye = { class: "file__name_tips" };
-function we(e, t, s, h, m, f) {
-  const b = y("Failure"), U = y("Loading"), $ = y("Link"), v = y("Del"), P = y("nut-progress"), B = y("Photograph");
-  return i(), p("view", {
-    class: F(e.classes)
+};
+const _hoisted_12 = ["onClick"];
+const _hoisted_13 = { class: "file__name_tips" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Failure = resolveComponent("Failure");
+  const _component_Loading = resolveComponent("Loading");
+  const _component_Link = resolveComponent("Link");
+  const _component_Del = resolveComponent("Del");
+  const _component_nut_progress = resolveComponent("nut-progress");
+  const _component_Photograph = resolveComponent("Photograph");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
   }, [
-    e.$slots.default ? (i(), p("view", re, [
-      T(e.$slots, "default"),
-      Number(e.maximum) - e.fileList.length ? (i(), w(E(e.renderInput), {
+    _ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_1, [
+      renderSlot(_ctx.$slots, "default"),
+      Number(_ctx.maximum) - _ctx.fileList.length ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderInput), {
         key: 0,
-        onChange: e.onChange
-      }, null, 40, ["onChange"])) : g("", !0)
-    ])) : g("", !0),
-    (i(!0), p(O, null, Q(e.fileList, (r, D) => {
-      var S;
-      return i(), p("view", {
-        class: F(["nut-uploader__preview", [e.listType]]),
-        key: r.uid
+        onChange: _ctx.onChange
+      }, null, 40, ["onChange"])) : createCommentVNode("", true)
+    ])) : createCommentVNode("", true),
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fileList, (item, index2) => {
+      var _a;
+      return openBlock(), createElementBlock("view", {
+        class: normalizeClass(["nut-uploader__preview", [_ctx.listType]]),
+        key: item.uid
       }, [
-        e.listType == "picture" && !e.$slots.default ? (i(), p("view", ne, [
-          r.status != "success" ? (i(), p("view", ue, [
-            r.status != "ready" ? (i(), p(O, { key: 0 }, [
-              r.status == "error" ? (i(), w(b, {
+        _ctx.listType == "picture" && !_ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_2, [
+          item.status != "success" ? (openBlock(), createElementBlock("view", _hoisted_3, [
+            item.status != "ready" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              item.status == "error" ? (openBlock(), createBlock(_component_Failure, {
                 key: 0,
                 color: "#fff"
-              })) : (i(), w(U, {
+              })) : (openBlock(), createBlock(_component_Loading, {
                 key: 1,
                 name: "loading",
                 color: "#fff"
               }))
-            ], 64)) : g("", !0),
-            k("view", ie, L(r.message), 1)
-          ])) : g("", !0),
-          e.isDeletable ? (i(), p("view", {
+            ], 64)) : createCommentVNode("", true),
+            createElementVNode("view", _hoisted_4, toDisplayString(item.message), 1)
+          ])) : createCommentVNode("", true),
+          _ctx.isDeletable ? (openBlock(), createElementBlock("view", {
             key: 1,
             class: "close",
-            onClick: (_) => e.onDelete(r, D)
+            onClick: ($event) => _ctx.onDelete(item, index2)
           }, [
-            T(e.$slots, "delete-icon", {}, () => [
-              z(b)
+            renderSlot(_ctx.$slots, "delete-icon", {}, () => [
+              createVNode(_component_Failure)
             ])
-          ], 8, ce)) : g("", !0),
-          (S = r == null ? void 0 : r.type) != null && S.includes("image") && r.url ? (i(), p("img", {
+          ], 8, _hoisted_5)) : createCommentVNode("", true),
+          ((_a = item == null ? void 0 : item.type) == null ? void 0 : _a.includes("image")) && item.url ? (openBlock(), createElementBlock("img", {
             key: 2,
             class: "nut-uploader__preview-img__c",
-            onClick: (_) => e.fileItemClick(r),
-            src: r.url
-          }, null, 8, de)) : (i(), p("view", pe, [
-            k("view", {
-              onClick: (_) => e.fileItemClick(r),
+            onClick: ($event) => _ctx.fileItemClick(item),
+            src: item.url
+          }, null, 8, _hoisted_6)) : (openBlock(), createElementBlock("view", _hoisted_7, [
+            createElementVNode("view", {
+              onClick: ($event) => _ctx.fileItemClick(item),
               class: "nut-uploader__preview-img__file__name"
             }, [
-              k("view", me, L(r.name), 1)
-            ], 8, fe)
+              createElementVNode("view", _hoisted_9, toDisplayString(item.name), 1)
+            ], 8, _hoisted_8)
           ])),
-          k("view", ge, L(r.name), 1)
-        ])) : e.listType == "list" ? (i(), p("view", he, [
-          k("view", {
-            onClick: (_) => e.fileItemClick(r),
-            class: F(["nut-uploader__preview-img__file__name", [r.status]])
+          createElementVNode("view", _hoisted_10, toDisplayString(item.name), 1)
+        ])) : _ctx.listType == "list" ? (openBlock(), createElementBlock("view", _hoisted_11, [
+          createElementVNode("view", {
+            onClick: ($event) => _ctx.fileItemClick(item),
+            class: normalizeClass(["nut-uploader__preview-img__file__name", [item.status]])
           }, [
-            z($, { class: "nut-uploader__preview-img__file__link" }),
-            k("view", ye, L(r.name), 1),
-            e.isDeletable ? (i(), w(v, {
+            createVNode(_component_Link, { class: "nut-uploader__preview-img__file__link" }),
+            createElementVNode("view", _hoisted_13, toDisplayString(item.name), 1),
+            _ctx.isDeletable ? (openBlock(), createBlock(_component_Del, {
               key: 0,
               color: "#808080",
               class: "nut-uploader__preview-img__file__del",
-              onClick: (_) => e.onDelete(r, D)
-            }, null, 8, ["onClick"])) : g("", !0)
-          ], 10, _e),
-          r.status == "uploading" ? (i(), w(P, {
+              onClick: ($event) => _ctx.onDelete(item, index2)
+            }, null, 8, ["onClick"])) : createCommentVNode("", true)
+          ], 10, _hoisted_12),
+          item.status == "uploading" ? (openBlock(), createBlock(_component_nut_progress, {
             key: 0,
             size: "small",
-            percentage: r.percentage,
+            percentage: item.percentage,
             "stroke-color": "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)",
-            "show-text": !1
-          }, null, 8, ["percentage"])) : g("", !0)
-        ])) : g("", !0)
+            "show-text": false
+          }, null, 8, ["percentage"])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
       ], 2);
     }), 128)),
-    e.listType == "picture" && !e.$slots.default && Number(e.maximum) - e.fileList.length ? (i(), p("view", {
+    _ctx.listType == "picture" && !_ctx.$slots.default && Number(_ctx.maximum) - _ctx.fileList.length ? (openBlock(), createElementBlock("view", {
       key: 1,
-      class: F(["nut-uploader__upload", [e.listType]])
+      class: normalizeClass(["nut-uploader__upload", [_ctx.listType]])
     }, [
-      T(e.$slots, "upload-icon", {}, () => [
-        z(B, { color: "#808080" })
+      renderSlot(_ctx.$slots, "upload-icon", {}, () => [
+        createVNode(_component_Photograph, { color: "#808080" })
       ]),
-      (i(), w(E(e.renderInput), { onChange: e.onChange }, null, 40, ["onChange"]))
-    ], 2)) : g("", !0)
+      (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderInput), { onChange: _ctx.onChange }, null, 40, ["onChange"]))
+    ], 2)) : createCommentVNode("", true)
   ], 2);
 }
-const Ue = /* @__PURE__ */ Z(oe, [["render", we]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  Ue as default
+  index as default
 };