ablok-components 0.3.93 → 0.3.95

package/dist/components/molecules/bulk-upload/bulk-upload.vue.d.ts

@@ -2,6 +2,19 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         'bulk-remove'?(_: {}): any;
+        'upload-progress'?(_: {
+            bind: {
+                item: {
+                    type?: string;
+                    src?: string;
+                    name?: string;
+                    size?: number;
+                    lastModified?: number;
+                    uploadProgress?: number;
+                };
+                index: number;
+            };
+        }): any;
         button?(_: {}): any;
     };
     refs: {
@@ -12,6 +25,10 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js').DefineComponent<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
     storeId: StringConstructor;
+    id: {
+        type: StringConstructor;
+        default: () => string;
+    };
     modelValue: {
         type: {
             (arrayLength: number): {
@@ -21,6 +38,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[];
             (...items: {
                 type?: string;
@@ -29,6 +47,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[]): {
                 type?: string;
                 caption?: string;
@@ -36,6 +55,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[];
             new (arrayLength: number): {
                 type?: string;
@@ -44,6 +64,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[];
             new (...items: {
                 type?: string;
@@ -52,6 +73,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[]): {
                 type?: string;
                 caption?: string;
@@ -59,6 +81,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
@@ -108,10 +131,18 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
         type: BooleanConstructor;
         default: boolean;
     };
+    maxFiles: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>, {}, {}, {}, {}, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import('../../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
     storeId: StringConstructor;
+    id: {
+        type: StringConstructor;
+        default: () => string;
+    };
     modelValue: {
         type: {
             (arrayLength: number): {
@@ -121,6 +152,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[];
             (...items: {
                 type?: string;
@@ -129,6 +161,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[]): {
                 type?: string;
                 caption?: string;
@@ -136,6 +169,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[];
             new (arrayLength: number): {
                 type?: string;
@@ -144,6 +178,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[];
             new (...items: {
                 type?: string;
@@ -152,6 +187,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[]): {
                 type?: string;
                 caption?: string;
@@ -159,6 +195,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
@@ -208,11 +245,16 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
         type: BooleanConstructor;
         default: boolean;
     };
+    maxFiles: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: number;
     title: string;
+    id: string;
     modelValue: {
         type?: string;
         caption?: string;
@@ -220,6 +262,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
         name?: string;
         size?: number;
         lastModified?: number;
+        uploadProgress?: number;
     }[];
     disabled: boolean;
     hasHeader: boolean;
@@ -227,6 +270,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
     hasCaptions: boolean;
     editCaptions: boolean;
     allowDuplicateFiles: boolean;
+    maxFiles: number;
 }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {
     root: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/components/molecules/bulk-upload/bulk-upload.vue.js

@@ -1,17 +1,24 @@
-import { defineComponent as D, computed as L, ref as _, resolveComponent as C, openBlock as i, createElementBlock as r, createElementVNode as o, unref as S, renderSlot as B, withModifiers as g, createVNode as p, createCommentVNode as c, toDisplayString as y, withCtx as w, Fragment as I, withDirectives as U, vModelText as N, nextTick as A } from "vue";
-import E from "../file-upload/file-upload.vue.js";
+import { defineComponent as N, computed as V, ref as k, resolveComponent as x, openBlock as n, createElementBlock as i, createElementVNode as l, unref as U, renderSlot as $, withModifiers as M, createVNode as f, createCommentVNode as u, toDisplayString as g, withCtx as F, normalizeClass as P, Fragment as A, withDirectives as E, vModelText as R, nextTick as K } from "vue";
+import j from "../file-upload/file-upload.vue.js";
 /* empty css                              */
-import { sanitizeHtml as R } from "../../../composables/useSanitize.js";
-const K = { class: "container" }, j = { class: "row" }, q = {
+import { sanitizeHtml as q } from "../../../composables/useSanitize.js";
+const G = { class: "container" }, J = { class: "row" }, O = {
   key: 0,
   class: "col-12"
-}, G = { class: "py-4 px-3 d-flex align-items-center border border-bottom-0" }, J = ["innerHTML"], O = { class: "col-12" }, P = {
+}, Q = { class: "py-4 px-3 d-flex align-items-center border border-bottom-0" }, W = ["innerHTML"], X = { class: "col-12" }, Y = {
   key: 0,
   class: "grid place-items-center text-center text-muted py-5 border border-bottom-0"
-}, Q = { class: "m-0" }, W = { class: "preview-item border-bottom p-3" }, X = { class: "d-flex gap-3" }, Y = { class: "col-2" }, Z = { class: "col d-flex flex-column" }, ee = { class: "file-meta text-muted small mb-2" }, te = { class: "fw-semibold" }, oe = { key: 0 }, le = { key: 1 }, se = ["onUpdate:modelValue", "id"], ne = ["innerHTML"], ae = { class: "col-auto d-flex flex-column gap-2" }, ie = ["onClick"], re = ["onClick"], de = { class: "d-flex align-items-end p-3" }, ue = { class: "btn btn-primary btn-sm ms-auto d-flex align-items-center gap-2" }, ce = ["innerHTML"], be = /* @__PURE__ */ D({
+}, Z = { class: "m-0" }, ee = { class: "preview-item border-bottom p-3" }, te = { class: "d-flex gap-3" }, le = { class: "col-2" }, oe = { class: "col d-flex flex-column" }, se = { class: "file-meta text-muted small mb-2" }, ae = { class: "fw-semibold" }, ne = { key: 0 }, ie = { key: 1 }, de = ["onUpdate:modelValue", "id"], re = ["innerHTML"], ue = {
+  key: 2,
+  class: "upload-progress mt-3 mb-0"
+}, ce = ["value"], pe = { class: "col-auto d-flex flex-column gap-2" }, me = ["onClick"], fe = ["onClick"], ve = { class: "file-upload__label" }, be = { class: "d-flex align-items-end p-3" }, he = ["for"], ge = ["innerHTML"], Me = /* @__PURE__ */ N({
   __name: "bulk-upload",
   props: {
     storeId: String,
+    id: {
+      type: String,
+      default: () => `bulk-upload-${Math.random().toString(36).substring(2, 9)}`
+    },
     modelValue: {
       type: Array,
       default: []
@@ -50,89 +57,95 @@ const K = { class: "container" }, j = { class: "row" }, q = {
     allowDuplicateFiles: {
       type: Boolean,
       default: !1
+    },
+    maxFiles: {
+      type: Number,
+      default: 0
     }
   },
   emits: ["update:modelValue"],
-  setup(u, { emit: V }) {
-    const b = u, k = V, M = (e) => `${e.name ?? ""}|${e.size ?? 0}|${e.lastModified ?? 0}|${e.type ?? ""}`, m = L({
+  setup(d, { emit: z }) {
+    const r = d, C = z, w = (e) => `${e.name ?? ""}|${e.size ?? 0}|${e.lastModified ?? 0}|${e.type ?? ""}`, c = V({
       get: () => {
-        const e = b.modelValue || [];
-        return v.value = e.map((t) => t.caption || ""), e.map((t) => ({
+        const e = r.modelValue || [];
+        return b.value = e.map((t) => t.caption || ""), e.map((t) => ({
           type: t.type,
           src: t.src,
           ...t.name ? { name: t.name } : {},
           ...t.size ? { size: t.size } : {},
-          ...t.lastModified ? { lastModified: t.lastModified } : {}
+          ...t.lastModified ? { lastModified: t.lastModified } : {},
+          ...t.uploadProgress ? { uploadProgress: t.uploadProgress } : {}
         }));
       },
       set: (e) => {
-        const t = m.value || [], l = Array.isArray(e) ? e : [], a = b.allowDuplicateFiles ? l : l.filter((s) => {
-          const d = M(s);
-          return !t.some((x) => M(x) === d);
-        });
-        if (!b.allowDuplicateFiles && l.length > 0 && a.length === 0)
+        const t = c.value || [], a = Array.isArray(e) ? e : [], p = r.allowDuplicateFiles ? a : a.filter((y) => {
+          const _ = w(y);
+          return !t.some((I) => w(I) === _);
+        }), o = r.maxFiles > 0 ? Math.max(0, r.maxFiles - t.length) : void 0, s = typeof o == "number" ? p.slice(0, o) : p;
+        if (!r.allowDuplicateFiles && a.length > 0 && s.length === 0)
           return;
-        const n = a.length <= t.length && a.every((s) => t.some((d) => d.src === s.src));
-        h(n ? a : [...t, ...a]);
+        const m = s.length <= t.length && s.every((y) => t.some((_) => _.src === y.src));
+        h(m ? s : [...t, ...s]);
       }
-    }), $ = _(null), f = _({}), v = _({});
-    function H(e) {
-      const t = [...b.modelValue || []];
-      t.splice(e, 1), k("update:modelValue", t);
+    }), B = k(null), v = k({}), b = k({}), H = V(() => r.disabled || r.maxFiles > 0 && c.value.length >= r.maxFiles);
+    function S(e) {
+      const t = [...r.modelValue || []];
+      t.splice(e, 1), C("update:modelValue", t);
     }
-    async function z(e) {
-      f.value[e] = !f.value[e], f.value[e] || h(), await A(), $.value?.querySelector(`#caption-${e}`)?.focus();
+    async function D(e) {
+      v.value[e] = !v.value[e], v.value[e] || h(), await K(), B.value?.querySelector(`#caption-${e}`)?.focus();
     }
-    function F(e) {
+    function T(e) {
       if (e == null) return "";
       const t = ["B", "KB", "MB", "GB", "TB"];
-      let l = e, a = t.shift();
-      for (; l >= 1024 && t.length; )
-        l /= 1024, a = t.shift();
-      return `${l.toFixed(1)} ${a}`;
+      let a = e, p = t.shift();
+      for (; a >= 1024 && t.length; )
+        a /= 1024, p = t.shift();
+      return `${a.toFixed(1)} ${p}`;
     }
-    function T(e) {
+    function L(e) {
       return e ? new Date(e).toLocaleDateString() : "";
     }
     function h(e) {
-      k("update:modelValue", (e || m.value).map((t, l) => ({
+      C("update:modelValue", (e || c.value).map((t, a) => ({
         ...t,
-        caption: v.value[l] || ""
+        caption: b.value[a] || ""
       })));
     }
     return (e, t) => {
-      const l = C("svg-icon"), a = C("base-image");
-      return i(), r("div", {
+      const a = x("svg-icon"), p = x("base-image");
+      return n(), i("div", {
         class: "bulk-upload",
         ref_key: "root",
-        ref: $
+        ref: B
       }, [
-        o("div", K, [
-          o("div", j, [
-            u.hasHeader ? (i(), r("div", q, [
-              o("div", G, [
-                o("p", {
+        l("div", G, [
+          l("div", J, [
+            d.hasHeader ? (n(), i("div", O, [
+              l("div", Q, [
+                l("p", {
                   class: "fw-bold m-0",
-                  innerHTML: S(R)(u.title || e.$t("fileInput.bulkUploadHeadline"))
-                }, null, 8, J),
-                B(e.$slots, "bulk-remove", {}, () => [
-                  u.hasBulkRemove ? (i(), r("button", {
+                  innerHTML: U(q)(d.title || e.$t("fileInput.bulkUploadHeadline"))
+                }, null, 8, W),
+                $(e.$slots, "bulk-remove", {}, () => [
+                  d.hasBulkRemove ? (n(), i("button", {
                     key: 0,
-                    onClick: t[0] || (t[0] = g((n) => m.value = [], ["prevent"])),
+                    onClick: t[0] || (t[0] = M((o) => c.value = [], ["prevent"])),
                     class: "btn btn--close ms-auto p-0"
                   }, [
-                    p(l, { symbol: "x" })
-                  ])) : c("", !0)
+                    f(a, { symbol: "x" })
+                  ])) : u("", !0)
                 ])
               ])
-            ])) : c("", !0),
-            o("div", O, [
-              m.value.length ? c("", !0) : (i(), r("div", P, [
-                o("p", Q, y(e.$t("fileInput.noFilesSelected")), 1)
+            ])) : u("", !0),
+            l("div", X, [
+              c.value.length ? u("", !0) : (n(), i("div", Y, [
+                l("p", Z, g(e.$t("fileInput.noFilesSelected")), 1)
               ])),
-              p(E, {
-                modelValue: m.value,
-                "onUpdate:modelValue": t[2] || (t[2] = (n) => m.value = n),
+              f(j, {
+                id: `${d.id}-file-upload`,
+                modelValue: c.value,
+                "onUpdate:modelValue": t[2] || (t[2] = (o) => c.value = o),
                 multiple: !0,
                 accept: "image/*",
                 "drop-files": !0,
@@ -140,77 +153,93 @@ const K = { class: "container" }, j = { class: "row" }, q = {
                 "local-url-format": "objectUrl",
                 class: "d-flex flex-column border"
               }, {
-                "preview-item": w(({ bind: { item: n, index: s } }) => [
-                  o("div", W, [
-                    o("div", X, [
-                      o("div", Y, [
-                        p(a, {
-                          src: n.src,
+                "preview-item": F(({ bind: { item: o, index: s } }) => [
+                  l("div", ee, [
+                    l("div", te, [
+                      l("div", le, [
+                        f(p, {
+                          src: o.src,
                           alt: "",
                           class: "img-thumbnail"
                         }, null, 8, ["src"])
                       ]),
-                      o("div", Z, [
-                        o("div", ee, [
-                          o("div", te, y(n.name || e.$t("fileInput.unknownFile")), 1),
-                          o("div", null, [
-                            n.size ? (i(), r("span", oe, y(F(n.size)), 1)) : c("", !0),
-                            n.lastModified ? (i(), r("span", le, " · " + y(T(n.lastModified)), 1)) : c("", !0)
+                      l("div", oe, [
+                        l("div", se, [
+                          l("div", ae, g(o.name || e.$t("fileInput.unknownFile")), 1),
+                          l("div", null, [
+                            o.size ? (n(), i("span", ne, g(T(o.size)), 1)) : u("", !0),
+                            o.lastModified ? (n(), i("span", ie, " · " + g(L(o.lastModified)), 1)) : u("", !0)
                           ])
                         ]),
-                        u.hasCaptions ? (i(), r(I, { key: 0 }, [
-                          f.value[s] && u.editCaptions ? U((i(), r("textarea", {
+                        d.hasCaptions ? (n(), i(A, { key: 0 }, [
+                          v.value[s] && d.editCaptions ? E((n(), i("textarea", {
                             key: 0,
-                            "onUpdate:modelValue": (d) => v.value[s] = d,
+                            "onUpdate:modelValue": (m) => b.value[s] = m,
                             id: `caption-${s}`,
                             class: "form-control rounded-0 h-100",
-                            onChangeCapture: t[1] || (t[1] = (d) => h())
-                          }, null, 40, se)), [
-                            [N, v.value[s]]
-                          ]) : (i(), r("p", {
+                            onChangeCapture: t[1] || (t[1] = (m) => h())
+                          }, null, 40, de)), [
+                            [R, b.value[s]]
+                          ]) : (n(), i("p", {
                             key: 1,
                             class: "m-0",
-                            innerHTML: v.value[s] || `<small>${e.$t("fileInput.noCaption")}</small>`
-                          }, null, 8, ne))
-                        ], 64)) : c("", !0)
+                            innerHTML: b.value[s] || `<small>${e.$t("fileInput.noCaption")}</small>`
+                          }, null, 8, re)),
+                          o.uploadProgress ? (n(), i("div", ue, [
+                            $(e.$slots, "upload-progress", {
+                              bind: { item: o, index: s }
+                            }, () => [
+                              l("progress", {
+                                value: o.uploadProgress,
+                                max: "100",
+                                class: "w-100"
+                              }, null, 8, ce)
+                            ])
+                          ])) : u("", !0)
+                        ], 64)) : u("", !0)
                       ]),
-                      o("div", ae, [
-                        o("button", {
-                          onClick: g((d) => H(s), ["prevent"]),
+                      l("div", pe, [
+                        l("button", {
+                          onClick: M((m) => S(s), ["prevent"]),
                           class: "btn btn--close"
                         }, [
-                          p(l, { symbol: "x" })
-                        ], 8, ie),
-                        u.editCaptions ? (i(), r("button", {
+                          f(a, { symbol: "x" })
+                        ], 8, me),
+                        d.editCaptions ? (n(), i("button", {
                           key: 0,
-                          onClick: g((d) => z(s), ["prevent"]),
+                          onClick: M((m) => D(s), ["prevent"]),
                           class: "btn btn--close"
                         }, [
-                          p(l, {
-                            symbol: f.value[s] ? "check" : "edit-3"
+                          f(a, {
+                            symbol: v.value[s] ? "check" : "edit-3"
                           }, null, 8, ["symbol"])
-                        ], 8, re)) : c("", !0)
+                        ], 8, fe)) : u("", !0)
                       ])
                     ])
                   ])
                 ]),
-                button: w(() => [
-                  B(e.$slots, "button", {}, () => [
-                    o("span", de, [
-                      o("span", ue, [
-                        p(l, {
-                          symbol: "upload",
-                          size: "small"
-                        }),
-                        o("span", {
-                          innerHTML: e.$t("common.selectFile")
-                        }, null, 8, ce)
+                label: F(() => [
+                  $(e.$slots, "button", {}, () => [
+                    l("span", ve, [
+                      l("span", be, [
+                        l("label", {
+                          for: `${d.id}-file-upload`,
+                          class: P(["btn btn-primary btn-sm ms-auto d-flex align-items-center gap-2", { disabled: H.value }])
+                        }, [
+                          f(a, {
+                            symbol: "upload",
+                            size: "small"
+                          }),
+                          l("span", {
+                            innerHTML: e.$t("common.selectFile")
+                          }, null, 8, ge)
+                        ], 10, he)
                       ])
                     ])
                   ])
                 ]),
                 _: 3
-              }, 8, ["modelValue"])
+              }, 8, ["id", "modelValue"])
             ])
           ])
         ])
@@ -219,5 +248,5 @@ const K = { class: "container" }, j = { class: "row" }, q = {
   }
 });
 export {
-  be as default
+  Me as default
 };

package/dist/components/molecules/file-upload/file-upload.vue.d.ts

@@ -12,6 +12,7 @@ declare function __VLS_template(): {
                     name?: string;
                     size?: number;
                     lastModified?: number;
+                    uploadProgress?: number;
                 };
                 index: number;
             };
@@ -19,6 +20,7 @@ declare function __VLS_template(): {
                 removeFile: typeof removeFile;
             };
         }): any;
+        label?(_: {}): any;
         button?(_: {}): any;
     };
     refs: {
@@ -36,6 +38,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[];
             (...items: {
                 type?: string;
@@ -43,12 +46,14 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[]): {
                 type?: string;
                 src?: string;
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[];
             new (arrayLength: number): {
                 type?: string;
@@ -56,6 +61,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[];
             new (...items: {
                 type?: string;
@@ -63,12 +69,14 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[]): {
                 type?: string;
                 src?: string;
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
@@ -178,6 +186,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[];
             (...items: {
                 type?: string;
@@ -185,12 +194,14 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[]): {
                 type?: string;
                 src?: string;
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[];
             new (arrayLength: number): {
                 type?: string;
@@ -198,6 +209,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[];
             new (...items: {
                 type?: string;
@@ -205,12 +217,14 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[]): {
                 type?: string;
                 src?: string;
                 name?: string;
                 size?: number;
                 lastModified?: number;
+                uploadProgress?: number;
             }[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
@@ -323,6 +337,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
         name?: string;
         size?: number;
         lastModified?: number;
+        uploadProgress?: number;
     }[];
     name: string;
     placeholder: string;