ablok-components 0.3.86 → 0.3.87

package/dist/components/molecules/base-map/base-map.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as q, shallowRef as G, ref as C, onMounted as H, markRaw as m, watch as S, computed as y, nextTick as J, openBlock as i, createElementBlock as k, renderSlot as K, toDisplayString as w, createCommentVNode as f, createElementVNode as Q, normalizeStyle as X, normalizeClass as ee, createBlock as d, resolveDynamicComponent as p, withCtx as h, Fragment as te, renderList as ae, createTextVNode as U } from "vue";
+import { defineComponent as q, shallowRef as G, ref as C, onMounted as H, markRaw as m, watch as S, computed as f, nextTick as J, openBlock as u, createElementBlock as k, renderSlot as K, toDisplayString as w, createCommentVNode as y, createElementVNode as Q, normalizeStyle as X, normalizeClass as ee, createBlock as d, resolveDynamicComponent as p, withCtx as h, Fragment as te, renderList as ae, createTextVNode as U } from "vue";
 /* empty css                                                                              */
 const le = { class: "base-map" }, ne = {
   key: 0,
@@ -149,29 +149,29 @@ const le = { class: "base-map" }, ne = {
         url: "https://{s}.basemaps.cartocdn.com/rastertiles/voyager_nolabels/{z}/{x}/{y}{r}.png",
         attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>'
       }
-    }, a = n, s = $, u = G(null), L = C(null), z = C(null), R = C(a.zoom), r = C(o(a.modelValue));
+    }, a = n, c = $, s = G(null), L = C(null), M = C(null), z = C(a.zoom), r = C(o(a.modelValue));
     H(async () => {
       if (typeof window > "u")
         return;
       const [e, t] = await Promise.all([
         import("@vue-leaflet/vue-leaflet"),
         import("leaflet")
-      ]);
-      u.value = m({
-        LCircle: m(e.LCircle),
-        LMap: m(e.LMap),
-        LMarker: m(e.LMarker),
-        LPopup: m(e.LPopup),
-        LPolyline: m(e.LPolyline),
-        LTileLayer: m(e.LTileLayer)
+      ]), l = e.default ?? e, i = t.default ?? t;
+      s.value = m({
+        LCircle: m(l.LCircle),
+        LMap: m(l.LMap),
+        LMarker: m(l.LMarker),
+        LPopup: m(l.LPopup),
+        LPolyline: m(l.LPolyline),
+        LTileLayer: m(l.LTileLayer)
       }), L.value = {
-        list: v("list", t.divIcon),
-        selected: v("selected", t.divIcon),
-        search: v("search", t.divIcon),
-        user: v("user", t.divIcon)
+        list: v("list", i.divIcon),
+        selected: v("selected", i.divIcon),
+        search: v("search", i.divIcon),
+        user: v("user", i.divIcon)
       };
     }), S(() => a.zoom, (e) => {
-      R.value = e;
+      z.value = e;
     }), S(() => a.modelValue, (e) => {
       r.value = o(e);
     }), S(() => a.center, (e) => {
@@ -194,7 +194,7 @@ const le = { class: "base-map" }, ne = {
       },
       { flush: "post" }
     );
-    const b = y(() => o(a.userLocation)), M = y(() => o(a.selectionRadiusCenter) || r.value), B = y(() => {
+    const b = f(() => o(a.userLocation)), R = f(() => o(a.selectionRadiusCenter) || r.value), B = f(() => {
       const e = (a.markers || []).map((t) => {
         const l = o(t);
         return l ? {
@@ -209,15 +209,15 @@ const le = { class: "base-map" }, ne = {
         type: "search",
         ...r.value
       }), e;
-    }), T = y(() => (a.routeCoordinates || []).map((e) => W(e)).filter((e) => !!e)), E = y(() => {
+    }), T = f(() => (a.routeCoordinates || []).map((e) => W(e)).filter((e) => !!e)), E = f(() => {
       const e = o(a.center) || r.value || o(a.markers[0]) || N;
       return [e.lat, e.lng];
-    }), I = y(() => {
+    }), I = f(() => {
       if (a.tileLayerUrl.trim())
         return a.tileLayerUrl;
       const e = a.mapStyle === "custom" ? "streets" : a.mapStyle;
       return x[e].url;
-    }), j = y(() => {
+    }), j = f(() => {
       if (a.tileLayerAttribution.trim())
         return a.tileLayerAttribution;
       const e = a.mapStyle === "custom" ? "streets" : a.mapStyle;
@@ -247,31 +247,31 @@ const le = { class: "base-map" }, ne = {
     }
     function W(e) {
       if (Array.isArray(e)) {
-        const l = Number(e[0]), c = Number(e[1]);
-        return Number.isFinite(l) && Number.isFinite(c) ? [l, c] : null;
+        const l = Number(e[0]), i = Number(e[1]);
+        return Number.isFinite(l) && Number.isFinite(i) ? [l, i] : null;
       }
       const t = o(e);
       return t ? [t.lat, t.lng] : null;
     }
     function P(e, t) {
-      const l = o(e), c = o(t);
-      return !l || !c ? !1 : Math.abs(l.lat - c.lat) < 1e-6 && Math.abs(l.lng - c.lng) < 1e-6;
+      const l = o(e), i = o(t);
+      return !l || !i ? !1 : Math.abs(l.lat - i.lat) < 1e-6 && Math.abs(l.lng - i.lng) < 1e-6;
     }
     async function V() {
-      await J(), z.value?.invalidateSize();
+      await J(), M.value?.invalidateSize();
     }
     function g(e) {
-      z.value?.panTo([e.lat, e.lng]);
+      M.value?.panTo([e.lat, e.lng]);
     }
     function D(e) {
-      z.value = e, g(o(a.center) || r.value || N), V();
+      M.value = e, g(o(a.center) || r.value || N), V();
     }
     function Z(e) {
-      R.value = e, s("update:zoom", e);
+      z.value = e, c("update:zoom", e);
     }
     function Y(e) {
       const t = o(e);
-      t && (g(t), s("update:center", t));
+      t && (g(t), c("update:center", t));
     }
     function _(e) {
       if (!a.interactive || a.disabled)
@@ -280,17 +280,17 @@ const le = { class: "base-map" }, ne = {
         lat: Number(e.latlng.lat.toFixed(6)),
         lng: Number(e.latlng.lng.toFixed(6))
       };
-      r.value = t, g(t), s("update:modelValue", t), s("update:center", t), s("map-click", t);
+      r.value = t, g(t), c("update:modelValue", t), c("update:center", t), c("map-click", t);
     }
     function F(e) {
       r.value = {
         lat: Number(e.lat),
         lng: Number(e.lng)
-      }, g(r.value), s("update:modelValue", r.value), s("update:center", r.value), s("marker-click", e);
+      }, g(r.value), c("update:modelValue", r.value), c("update:center", r.value), c("marker-click", e);
     }
-    return (e, t) => (i(), k("div", le, [
+    return (e, t) => (u(), k("div", le, [
       K(e.$slots, "label", {}, () => [
-        n.label ? (i(), k("label", ne, w(n.label), 1)) : f("", !0)
+        n.label ? (u(), k("label", ne, w(n.label), 1)) : y("", !0)
       ]),
       Q("div", {
         class: ee(["base-map__frame", {
@@ -300,11 +300,11 @@ const le = { class: "base-map" }, ne = {
         style: X({ height: n.height }),
         "data-testid": "base-map"
       }, [
-        u.value ? (i(), d(p(u.value?.LMap), {
+        s.value ? (u(), d(p(s.value?.LMap), {
           key: 0,
           class: "base-map__canvas",
           "use-global-leaflet": !1,
-          zoom: R.value,
+          zoom: z.value,
           center: E.value,
           onReady: D,
           onClick: _,
@@ -312,46 +312,46 @@ const le = { class: "base-map" }, ne = {
           "onUpdate:center": Y
         }, {
           default: h(() => [
-            (i(), d(p(u.value.LTileLayer), {
+            (u(), d(p(s.value.LTileLayer), {
               url: I.value,
               attribution: j.value,
               "layer-type": "base",
               name: "OpenStreetMap"
             }, null, 8, ["url", "attribution"])),
-            T.value.length > 1 ? (i(), d(p(u.value.LPolyline), {
+            T.value.length > 1 ? (u(), d(p(s.value.LPolyline), {
               key: 0,
               "lat-lngs": T.value,
               color: n.routeColor,
               weight: n.routeWeight
-            }, null, 8, ["lat-lngs", "color", "weight"])) : f("", !0),
-            M.value && n.selectionRadius > 0 ? (i(), d(p(u.value.LCircle), {
+            }, null, 8, ["lat-lngs", "color", "weight"])) : y("", !0),
+            R.value && n.selectionRadius > 0 ? (u(), d(p(s.value.LCircle), {
               key: 1,
-              "lat-lng": [M.value.lat, M.value.lng],
+              "lat-lng": [R.value.lat, R.value.lng],
               radius: n.selectionRadius,
               color: n.selectionRadiusColor,
               "fill-color": n.selectionRadiusFillColor,
               "fill-opacity": n.selectionRadiusFillOpacity,
               opacity: n.selectionRadiusOpacity,
               weight: n.selectionRadiusStrokeWeight
-            }, null, 8, ["lat-lng", "radius", "color", "fill-color", "fill-opacity", "opacity", "weight"])) : f("", !0),
-            (i(!0), k(te, null, ae(B.value, (l, c) => (i(), d(p(u.value.LMarker), {
-              key: l.id ?? `${l.lat}-${l.lng}-${c}`,
+            }, null, 8, ["lat-lng", "radius", "color", "fill-color", "fill-opacity", "opacity", "weight"])) : y("", !0),
+            (u(!0), k(te, null, ae(B.value, (l, i) => (u(), d(p(s.value.LMarker), {
+              key: l.id ?? `${l.lat}-${l.lng}-${i}`,
               "lat-lng": [l.lat, l.lng],
               icon: O(l.type),
               "z-index-offset": A(l.type),
               onClick: (oe) => F(l)
             }, {
               default: h(() => [
-                l.label ? (i(), d(p(u.value.LPopup), { key: 0 }, {
+                l.label ? (u(), d(p(s.value.LPopup), { key: 0 }, {
                   default: h(() => [
                     U(w(l.label), 1)
                   ]),
                   _: 2
-                }, 1024)) : f("", !0)
+                }, 1024)) : y("", !0)
               ]),
               _: 2
             }, 1032, ["lat-lng", "icon", "z-index-offset", "onClick"]))), 128)),
-            b.value ? (i(), d(p(u.value.LMarker), {
+            b.value ? (u(), d(p(s.value.LMarker), {
               key: `user-${b.value.lat}-${b.value.lng}`,
               "lat-lng": [b.value.lat, b.value.lng],
               icon: O("user"),
@@ -364,7 +364,7 @@ const le = { class: "base-map" }, ne = {
               }))
             }, {
               default: h(() => [
-                (i(), d(p(u.value.LPopup), null, {
+                (u(), d(p(s.value.LPopup), null, {
                   default: h(() => [
                     U(w(n.userLocationLabel), 1)
                   ]),
@@ -372,12 +372,12 @@ const le = { class: "base-map" }, ne = {
                 }))
               ]),
               _: 1
-            }, 8, ["lat-lng", "icon", "z-index-offset"])) : f("", !0)
+            }, 8, ["lat-lng", "icon", "z-index-offset"])) : y("", !0)
           ]),
           _: 1
-        }, 40, ["zoom", "center"])) : f("", !0)
+        }, 40, ["zoom", "center"])) : y("", !0)
       ], 6),
-      n.interactive && n.helperText ? (i(), k("p", re, w(n.helperText), 1)) : f("", !0)
+      n.interactive && n.helperText ? (u(), k("p", re, w(n.helperText), 1)) : y("", !0)
     ]));
   }
 });

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

@@ -6,29 +6,47 @@ declare const _default: import('../../../../vue/dist/vue.esm-bundler.js').Define
                 type?: string;
                 caption?: string;
                 src?: any;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             (...items: {
                 type?: string;
                 caption?: string;
                 src?: any;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[]): {
                 type?: string;
                 caption?: string;
                 src?: any;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             new (arrayLength: number): {
                 type?: string;
                 caption?: string;
                 src?: any;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             new (...items: {
                 type?: string;
                 caption?: string;
                 src?: any;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[]): {
                 type?: string;
                 caption?: string;
                 src?: any;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
@@ -64,29 +82,47 @@ declare const _default: import('../../../../vue/dist/vue.esm-bundler.js').Define
                 type?: string;
                 caption?: string;
                 src?: any;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             (...items: {
                 type?: string;
                 caption?: string;
                 src?: any;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[]): {
                 type?: string;
                 caption?: string;
                 src?: any;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             new (arrayLength: number): {
                 type?: string;
                 caption?: string;
                 src?: any;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             new (...items: {
                 type?: string;
                 caption?: string;
                 src?: any;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[]): {
                 type?: string;
                 caption?: string;
                 src?: any;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
@@ -120,6 +156,9 @@ declare const _default: import('../../../../vue/dist/vue.esm-bundler.js').Define
         type?: string;
         caption?: string;
         src?: any;
+        name?: string;
+        size?: number;
+        lastModified?: number;
     }[];
     disabled: boolean;
 }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {

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

@@ -1,10 +1,10 @@
-import { defineComponent as w, computed as T, ref as v, resolveComponent as y, openBlock as p, createElementBlock as _, createElementVNode as o, toDisplayString as x, createCommentVNode as U, createVNode as d, withCtx as g, withDirectives as H, vModelText as I, withModifiers as V, nextTick as L } from "vue";
-import N from "../file-upload/file-upload.vue.js";
+import { defineComponent as x, computed as D, ref as v, resolveComponent as M, openBlock as i, createElementBlock as c, createElementVNode as o, toDisplayString as f, createCommentVNode as h, createVNode as m, withCtx as k, withDirectives as I, vModelText as L, withModifiers as V, nextTick as S } from "vue";
+import U from "../file-upload/file-upload.vue.js";
 /* empty css                              */
-const S = { class: "container" }, A = { class: "row" }, B = { class: "col-12" }, E = {
+const F = { class: "container" }, H = { class: "row" }, N = { class: "col-12" }, A = {
   key: 0,
   class: "grid place-items-center text-center text-muted py-5 border border-bottom-0"
-}, z = { class: "m-0" }, D = { class: "preview-item border-bottom p-3" }, F = { class: "d-flex gap-3" }, j = { class: "col-2" }, q = { class: "col" }, R = ["onUpdate:modelValue", "id"], G = ["innerHTML"], J = { class: "col-auto d-flex flex-column gap-2" }, K = ["onClick"], O = ["onClick"], P = { class: "d-flex align-items-end p-3" }, Q = { class: "btn btn-primary btn-sm ms-auto d-flex align-items-center gap-2" }, W = ["innerHTML"], ee = /* @__PURE__ */ w({
+}, E = { class: "m-0" }, j = { class: "preview-item border-bottom p-3" }, q = { class: "d-flex gap-3" }, G = { class: "col-2" }, K = { class: "col" }, R = { class: "file-meta text-muted small mb-2" }, J = { class: "fw-semibold" }, O = { key: 0 }, P = { key: 1 }, Q = ["onUpdate:modelValue", "id"], W = ["innerHTML"], X = { class: "col-auto d-flex flex-column gap-2" }, Y = ["onClick"], Z = ["onClick"], ee = { class: "d-flex align-items-end p-3" }, te = { class: "btn btn-primary btn-sm ms-auto d-flex align-items-center gap-2" }, oe = ["innerHTML"], ae = /* @__PURE__ */ x({
   __name: "bulk-upload",
   props: {
     storeId: String,
@@ -25,46 +25,63 @@ const S = { class: "container" }, A = { class: "row" }, B = { class: "col-12" },
     }
   },
   emits: ["update:modelValue"],
-  setup(k, { emit: M }) {
-    const f = k, b = M, n = T({
+  setup($, { emit: w }) {
+    const b = $, y = w, d = D({
       get: () => {
-        const e = f.modelValue || [];
-        return c.value = e.map((t) => t.caption || ""), e.map((t) => ({ type: t.type, src: t.src }));
+        const t = b.modelValue || [];
+        return u.value = t.map((e) => e.caption || ""), t.map((e) => ({
+          type: e.type,
+          src: e.src,
+          ...e.name ? { name: e.name } : {},
+          ...e.size ? { size: e.size } : {},
+          ...e.lastModified ? { lastModified: e.lastModified } : {}
+        }));
       },
-      set: (e) => {
-        const t = n.value || [], s = Array.isArray(e) ? e : [], i = s.length <= t.length && s.every((r) => t.some((l) => l.src === r.src));
-        u(i ? s : [...t, ...s]);
+      set: (t) => {
+        const e = d.value || [], s = Array.isArray(t) ? t : [], a = s.length <= e.length && s.every((l) => e.some((n) => n.src === l.src));
+        p(a ? s : [...e, ...s]);
       }
-    }), h = v(null), a = v({}), c = v({});
-    function C(e) {
-      const t = [...f.modelValue || []];
-      t.splice(e, 1), b("update:modelValue", t);
+    }), g = v(null), r = v({}), u = v({});
+    function C(t) {
+      const e = [...b.modelValue || []];
+      e.splice(t, 1), y("update:modelValue", e);
     }
-    async function $(e) {
-      a.value[e] = !a.value[e], a.value[e] || u(), await L(), h.value?.querySelector(`#caption-${e}`)?.focus();
+    async function B(t) {
+      r.value[t] = !r.value[t], r.value[t] || p(), await S(), g.value?.querySelector(`#caption-${t}`)?.focus();
     }
-    function u(e) {
-      b("update:modelValue", (e || n.value).map((t, s) => ({
-        ...t,
-        caption: c.value[s] || ""
+    function z(t) {
+      if (t == null) return "";
+      const e = ["B", "KB", "MB", "GB", "TB"];
+      let s = t, a = e.shift();
+      for (; s >= 1024 && e.length; )
+        s /= 1024, a = e.shift();
+      return `${s.toFixed(1)} ${a}`;
+    }
+    function T(t) {
+      return t ? new Date(t).toLocaleDateString() : "";
+    }
+    function p(t) {
+      y("update:modelValue", (t || d.value).map((e, s) => ({
+        ...e,
+        caption: u.value[s] || ""
       })));
     }
-    return (e, t) => {
-      const s = y("base-image"), i = y("svg-icon");
-      return p(), _("div", {
+    return (t, e) => {
+      const s = M("base-image"), a = M("svg-icon");
+      return i(), c("div", {
         class: "bulk-upload",
         ref_key: "root",
-        ref: h
+        ref: g
       }, [
-        o("div", S, [
-          o("div", A, [
-            o("div", B, [
-              n.value.length ? U("", !0) : (p(), _("div", E, [
-                o("p", z, x(e.$t("fileInput.noFilesSelected")), 1)
+        o("div", F, [
+          o("div", H, [
+            o("div", N, [
+              d.value.length ? h("", !0) : (i(), c("div", A, [
+                o("p", E, f(t.$t("fileInput.noFilesSelected")), 1)
               ])),
-              d(N, {
-                modelValue: n.value,
-                "onUpdate:modelValue": t[1] || (t[1] = (r) => n.value = r),
+              m(U, {
+                modelValue: d.value,
+                "onUpdate:modelValue": e[1] || (e[1] = (l) => d.value = l),
                 multiple: !0,
                 accept: "image/*",
                 "drop-files": !0,
@@ -72,60 +89,67 @@ const S = { class: "container" }, A = { class: "row" }, B = { class: "col-12" },
                 "local-url-format": "objectUrl",
                 class: "d-flex flex-column border"
               }, {
-                "preview-item": g(({ bind: { item: r, index: l } }) => [
-                  o("div", D, [
-                    o("div", F, [
-                      o("div", j, [
-                        d(s, {
-                          src: r.src,
+                "preview-item": k(({ bind: { item: l, index: n } }) => [
+                  o("div", j, [
+                    o("div", q, [
+                      o("div", G, [
+                        m(s, {
+                          src: l.src,
                           alt: "",
                           class: "img-thumbnail"
                         }, null, 8, ["src"])
                       ]),
-                      o("div", q, [
-                        a.value[l] ? H((p(), _("textarea", {
+                      o("div", K, [
+                        o("div", R, [
+                          o("div", J, f(l.name || t.$t("fileInput.unknownFile")), 1),
+                          o("div", null, [
+                            l.size ? (i(), c("span", O, f(z(l.size)), 1)) : h("", !0),
+                            l.lastModified ? (i(), c("span", P, " · " + f(T(l.lastModified)), 1)) : h("", !0)
+                          ])
+                        ]),
+                        r.value[n] ? I((i(), c("textarea", {
                           key: 0,
-                          "onUpdate:modelValue": (m) => c.value[l] = m,
-                          id: `caption-${l}`,
+                          "onUpdate:modelValue": (_) => u.value[n] = _,
+                          id: `caption-${n}`,
                           class: "form-control rounded-0 h-100",
-                          onChangeCapture: t[0] || (t[0] = (m) => u())
-                        }, null, 40, R)), [
-                          [I, c.value[l]]
-                        ]) : (p(), _("p", {
+                          onChangeCapture: e[0] || (e[0] = (_) => p())
+                        }, null, 40, Q)), [
+                          [L, u.value[n]]
+                        ]) : (i(), c("p", {
                           key: 1,
                           class: "m-0",
-                          innerHTML: c.value[l] || `<small>${e.$t("fileInput.noCaption")}</small>`
-                        }, null, 8, G))
+                          innerHTML: u.value[n] || `<small>${t.$t("fileInput.noCaption")}</small>`
+                        }, null, 8, W))
                       ]),
-                      o("div", J, [
+                      o("div", X, [
                         o("button", {
-                          onClick: V((m) => C(l), ["prevent"]),
+                          onClick: V((_) => C(n), ["prevent"]),
                           class: "btn btn--close"
                         }, [
-                          d(i, { symbol: "x" })
-                        ], 8, K),
+                          m(a, { symbol: "x" })
+                        ], 8, Y),
                         o("button", {
-                          onClick: V((m) => $(l), ["prevent"]),
+                          onClick: V((_) => B(n), ["prevent"]),
                           class: "btn btn--close"
                         }, [
-                          d(i, {
-                            symbol: a.value[l] ? "check" : "edit-3"
+                          m(a, {
+                            symbol: r.value[n] ? "check" : "edit-3"
                           }, null, 8, ["symbol"])
-                        ], 8, O)
+                        ], 8, Z)
                       ])
                     ])
                   ])
                 ]),
-                button: g(() => [
-                  o("span", P, [
-                    o("span", Q, [
-                      d(i, {
+                button: k(() => [
+                  o("span", ee, [
+                    o("span", te, [
+                      m(a, {
                         symbol: "upload",
                         size: "small"
                       }),
                       o("span", {
-                        innerHTML: e.$t("common.selectFile")
-                      }, null, 8, W)
+                        innerHTML: t.$t("common.selectFile")
+                      }, null, 8, oe)
                     ])
                   ])
                 ]),
@@ -139,5 +163,5 @@ const S = { class: "container" }, A = { class: "row" }, B = { class: "col-12" },
   }
 });
 export {
-  ee as default
+  ae as default
 };

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

@@ -9,6 +9,9 @@ declare function __VLS_template(): {
                 item: {
                     type?: string;
                     src?: string;
+                    name?: string;
+                    size?: number;
+                    lastModified?: number;
                 };
                 index: number;
             };
@@ -30,24 +33,42 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
             (arrayLength: number): {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             (...items: {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[]): {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             new (arrayLength: number): {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             new (...items: {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[]): {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
@@ -154,24 +175,42 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
             (arrayLength: number): {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             (...items: {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[]): {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             new (arrayLength: number): {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             new (...items: {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[]): {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
@@ -281,6 +320,9 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
     modelValue: {
         type?: string;
         src?: string;
+        name?: string;
+        size?: number;
+        lastModified?: number;
     }[];
     name: string;
     placeholder: string;