@nutui/nutui 4.0.0 → 4.0.1-2.beta-1

package/dist/packages/_es/Uploader.js

@@ -1,104 +1,82 @@
-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";
+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";
 import "../locale/lang";
-class UploadOptions {
+class x {
   constructor() {
-    __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");
+    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");
   }
 }
-class Uploader {
-  constructor(options) {
-    __publicField(this, "options");
-    this.options = options;
+class ee {
+  constructor(t) {
+    l(this, "options");
+    this.options = t;
   }
   upload() {
-    var _a;
-    const options = this.options;
-    const xhr = new XMLHttpRequest();
-    xhr.timeout = options.timeout;
-    if (xhr.upload) {
-      xhr.upload.addEventListener(
+    var h;
+    const t = this.options, s = new XMLHttpRequest();
+    if (s.timeout = t.timeout, s.upload) {
+      s.upload.addEventListener(
         "progress",
-        (e) => {
-          var _a2;
-          (_a2 = options.onProgress) == null ? void 0 : _a2.call(options, e, options);
+        (m) => {
+          var f;
+          (f = t.onProgress) == null || f.call(t, m, t);
         },
-        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 {
+        !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
       console.warn("浏览器不支持 XMLHttpRequest");
-    }
   }
 }
-const { translate: translate$1 } = createComponent("uploader");
-class FileItem {
+const { translate: te } = j("uploader");
+class ae {
   constructor() {
-    __publicField(this, "status", "ready");
-    __publicField(this, "message", translate$1("ready"));
-    __publicField(this, "uid", new Date().getTime().toString());
-    __publicField(this, "name");
-    __publicField(this, "url");
-    __publicField(this, "type");
-    __publicField(this, "path");
-    __publicField(this, "percentage", 0);
-    __publicField(this, "formData", {});
+    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", {});
   }
 }
-const { componentName, create, translate } = createComponent("uploader");
-const _sfc_main = create({
+const { componentName: se, create: le, translate: C } = j("uploader"), oe = le({
   components: {
-    [Progress.name]: Progress,
-    Photograph,
-    Failure,
-    Loading,
-    Del,
-    Link
+    [R.name]: R,
+    Photograph: I,
+    Failure: J,
+    Loading: K,
+    Del: W,
+    Link: Y
   },
   props: {
     name: { type: String, default: "file" },
@@ -106,23 +84,23 @@ const _sfc_main = create({
     // defaultFileList: { type: Array, default: () => new Array<FileItem>() },
     timeout: { type: [Number, String], default: 1e3 * 30 },
     fileList: { type: Array, default: () => [] },
-    isPreview: { type: Boolean, default: true },
+    isPreview: { type: Boolean, default: !0 },
     // picture、list
     listType: { type: String, default: "picture" },
-    isDeletable: { type: Boolean, default: true },
+    isDeletable: { type: Boolean, default: !0 },
     method: { type: String, default: "post" },
-    capture: { type: Boolean, default: false },
+    capture: { type: Boolean, default: !1 },
     maximize: { type: [Number, String], default: Number.MAX_VALUE },
     maximum: { type: [Number, String], default: 1 },
-    clearInput: { type: Boolean, default: true },
+    clearInput: { type: Boolean, default: !0 },
     accept: { type: String, default: "*" },
     headers: { type: Object, default: {} },
     data: { type: Object, default: {} },
     xhrState: { type: [Number, String], default: 200 },
-    withCredentials: { type: Boolean, default: false },
-    multiple: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    autoUpload: { type: Boolean, default: true },
+    withCredentials: { type: Boolean, default: !1 },
+    multiple: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    autoUpload: { type: Boolean, default: !0 },
     beforeUpload: {
       type: Function,
       default: null
@@ -133,9 +111,7 @@ const _sfc_main = create({
     },
     beforeDelete: {
       type: Function,
-      default: (file, files) => {
-        return true;
-      }
+      default: (e, t) => !0
     },
     onChange: { type: Function }
   },
@@ -150,323 +126,223 @@ const _sfc_main = create({
     "update:fileList",
     "file-item-click"
   ],
-  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`,
+  setup(e, { emit: t }) {
+    const s = A(e.fileList);
+    let h = [];
+    const m = H(() => ({
+      [se]: !0
+    })), f = () => {
+      let a = {
+        class: "nut-uploader__input",
         type: "file",
-        accept: props.accept,
-        multiple: props.multiple,
-        name: props.name,
-        disabled: props.disabled
+        accept: e.accept,
+        multiple: e.multiple,
+        name: e.name,
+        disabled: e.disabled
       };
-      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;
+      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;
       try {
-        uploadOption.sourceFile = fileItem.formData.get(props.name);
-      } catch (error) {
+        u.sourceFile = a.formData.get(e.name);
+      } catch (o) {
       }
-      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
+      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
         });
-        emit("update:fileList", fileList);
       };
-      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());
-      });
-    };
-    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);
-        }
+      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());
       });
-    };
-    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;
-        }
+    }, 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);
       });
-      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
+    }, 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 onDelete = (file, index2) => {
-      clearUploadQueue(index2);
-      funInterceptor(props.beforeDelete, {
-        args: [file, fileList],
-        done: () => deleted(file, index2)
+    }, S = (a, n) => {
+      v(n), G(e.beforeDelete, {
+        args: [a, s],
+        done: () => D(a, n)
       });
-    };
-    const onChange = (event) => {
-      if (props.disabled) {
+    }, _ = (a) => {
+      if (e.disabled)
         return;
-      }
-      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);
+      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);
     };
     return {
-      onChange,
-      onDelete,
-      fileList,
-      classes,
-      fileItemClick,
-      clearUploadQueue,
-      submit,
-      renderInput
+      onChange: _,
+      onDelete: S,
+      fileList: s,
+      classes: m,
+      fileItemClick: U,
+      clearUploadQueue: v,
+      submit: P,
+      renderInput: f
     };
   }
-});
-const _hoisted_1 = {
+}), re = {
   key: 0,
   class: "nut-uploader__slot"
-};
-const _hoisted_2 = {
+}, ne = {
   key: 0,
   class: "nut-uploader__preview-img"
-};
-const _hoisted_3 = {
+}, ue = {
   key: 0,
   class: "nut-uploader__preview__progress"
-};
-const _hoisted_4 = { class: "nut-uploader__preview__progress__msg" };
-const _hoisted_5 = ["onClick"];
-const _hoisted_6 = ["onClick", "src"];
-const _hoisted_7 = {
+}, ie = { class: "nut-uploader__preview__progress__msg" }, ce = ["onClick"], de = ["onClick", "src"], pe = {
   key: 3,
   class: "nut-uploader__preview-img__file"
-};
-const _hoisted_8 = ["onClick"];
-const _hoisted_9 = { class: "file__name_tips" };
-const _hoisted_10 = { class: "tips" };
-const _hoisted_11 = {
+}, fe = ["onClick"], me = { class: "file__name_tips" }, ge = { class: "tips" }, he = {
   key: 1,
   class: "nut-uploader__preview-list"
-};
-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 = ["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)
   }, [
-    _ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_1, [
-      renderSlot(_ctx.$slots, "default"),
-      Number(_ctx.maximum) - _ctx.fileList.length ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderInput), {
+    e.$slots.default ? (i(), p("view", re, [
+      T(e.$slots, "default"),
+      Number(e.maximum) - e.fileList.length ? (i(), w(E(e.renderInput), {
         key: 0,
-        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
+        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
       }, [
-        _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, {
+        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, {
                 key: 0,
                 color: "#fff"
-              })) : (openBlock(), createBlock(_component_Loading, {
+              })) : (i(), w(U, {
                 key: 1,
                 name: "loading",
                 color: "#fff"
               }))
-            ], 64)) : createCommentVNode("", true),
-            createElementVNode("view", _hoisted_4, toDisplayString(item.message), 1)
-          ])) : createCommentVNode("", true),
-          _ctx.isDeletable ? (openBlock(), createElementBlock("view", {
+            ], 64)) : g("", !0),
+            k("view", ie, L(r.message), 1)
+          ])) : g("", !0),
+          e.isDeletable ? (i(), p("view", {
             key: 1,
             class: "close",
-            onClick: ($event) => _ctx.onDelete(item, index2)
+            onClick: (_) => e.onDelete(r, D)
           }, [
-            renderSlot(_ctx.$slots, "delete-icon", {}, () => [
-              createVNode(_component_Failure)
+            T(e.$slots, "delete-icon", {}, () => [
+              z(b)
             ])
-          ], 8, _hoisted_5)) : createCommentVNode("", true),
-          ((_a = item == null ? void 0 : item.type) == null ? void 0 : _a.includes("image")) && item.url ? (openBlock(), createElementBlock("img", {
+          ], 8, ce)) : g("", !0),
+          (S = r == null ? void 0 : r.type) != null && S.includes("image") && r.url ? (i(), p("img", {
             key: 2,
             class: "nut-uploader__preview-img__c",
-            onClick: ($event) => _ctx.fileItemClick(item),
-            src: item.url
-          }, null, 8, _hoisted_6)) : (openBlock(), createElementBlock("view", _hoisted_7, [
-            createElementVNode("view", {
-              onClick: ($event) => _ctx.fileItemClick(item),
+            onClick: (_) => e.fileItemClick(r),
+            src: r.url
+          }, null, 8, de)) : (i(), p("view", pe, [
+            k("view", {
+              onClick: (_) => e.fileItemClick(r),
               class: "nut-uploader__preview-img__file__name"
             }, [
-              createElementVNode("view", _hoisted_9, toDisplayString(item.name), 1)
-            ], 8, _hoisted_8)
+              k("view", me, L(r.name), 1)
+            ], 8, fe)
           ])),
-          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]])
+          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]])
           }, [
-            createVNode(_component_Link, { class: "nut-uploader__preview-img__file__link" }),
-            createElementVNode("view", _hoisted_13, toDisplayString(item.name), 1),
-            createVNode(_component_Del, {
+            z($, { class: "nut-uploader__preview-img__file__link" }),
+            k("view", ye, L(r.name), 1),
+            e.isDeletable ? (i(), w(v, {
+              key: 0,
               color: "#808080",
               class: "nut-uploader__preview-img__file__del",
-              onClick: ($event) => _ctx.onDelete(item, index2)
-            }, null, 8, ["onClick"])
-          ], 10, _hoisted_12),
-          item.status == "uploading" ? (openBlock(), createBlock(_component_nut_progress, {
+              onClick: (_) => e.onDelete(r, D)
+            }, null, 8, ["onClick"])) : g("", !0)
+          ], 10, _e),
+          r.status == "uploading" ? (i(), w(P, {
             key: 0,
             size: "small",
-            percentage: item.percentage,
+            percentage: r.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": false
-          }, null, 8, ["percentage"])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
+            "show-text": !1
+          }, null, 8, ["percentage"])) : g("", !0)
+        ])) : g("", !0)
       ], 2);
     }), 128)),
-    _ctx.listType == "picture" && !_ctx.$slots.default && Number(_ctx.maximum) - _ctx.fileList.length ? (openBlock(), createElementBlock("view", {
+    e.listType == "picture" && !e.$slots.default && Number(e.maximum) - e.fileList.length ? (i(), p("view", {
       key: 1,
-      class: normalizeClass(["nut-uploader__upload", [_ctx.listType]])
+      class: F(["nut-uploader__upload", [e.listType]])
     }, [
-      renderSlot(_ctx.$slots, "upload-icon", {}, () => [
-        createVNode(_component_Photograph, { color: "#808080" })
+      T(e.$slots, "upload-icon", {}, () => [
+        z(B, { color: "#808080" })
       ]),
-      (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderInput), { onChange: _ctx.onChange }, null, 40, ["onChange"]))
-    ], 2)) : createCommentVNode("", true)
+      (i(), w(E(e.renderInput), { onChange: e.onChange }, null, 40, ["onChange"]))
+    ], 2)) : g("", !0)
   ], 2);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const Ue = /* @__PURE__ */ Z(oe, [["render", we]]);
 export {
-  index as default
+  Ue as default
 };