ablok-components 0.3.86 → 0.3.87

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

@@ -1,4 +1,4 @@
-import { defineComponent as L, ref as y, toRef as N, computed as P, watch as b, openBlock as u, createElementBlock as d, normalizeClass as h, unref as v, Fragment as V, renderList as T, renderSlot as S, createElementVNode as c, withModifiers as w, createVNode as m, Transition as M, withCtx as H, createCommentVNode as W } from "vue";
+import { defineComponent as L, ref as y, toRef as M, computed as N, watch as b, openBlock as u, createElementBlock as d, normalizeClass as h, unref as v, Fragment as V, renderList as P, renderSlot as S, createElementVNode as c, withModifiers as w, createVNode as p, Transition as T, withCtx as H, createCommentVNode as W } from "vue";
 import k from "../../atoms/svg-icon/svg-icon.vue.js";
 /* empty css                                 */
 import q from "../../atoms/input-file/input-file.vue.js";
@@ -10,7 +10,7 @@ import { uniqueId as F } from "../../../utilities/helpers.js";
 const _ = ["src"], j = ["onClick"], x = ["onClick"], G = ["for"], J = ["innerHTML"], K = {
   key: 0,
   class: "file-upload__loading-spinner"
-}, oe = /* @__PURE__ */ L({
+}, ne = /* @__PURE__ */ L({
   __name: "file-upload",
   props: {
     modelValue: {
@@ -102,93 +102,96 @@ const _ = ["src"], j = ["onClick"], x = ["onClick"], G = ["for"], J = ["innerHTM
     }
   },
   emits: ["update:modelValue", "update:src"],
-  setup(a, { emit: U }) {
-    const e = a, i = U, g = y(), p = y([]), o = y([]), { pending: $, uploadFile: B } = I(e), { toLocalUrl: D, revoke: C } = R(N(e, "localUrlFormat")), { isDragging: z } = E(g, {
+  setup(o, { emit: U }) {
+    const e = o, i = U, g = y(), m = y([]), n = y([]), { pending: $, uploadFile: B } = I(e), { toLocalUrl: D, revoke: z } = R(M(e, "localUrlFormat")), { isDragging: C } = E(g, {
       enabled: () => e.dropFiles,
       onDrop: (t) => {
-        p.value = t;
+        m.value = t;
       }
-    }), A = P(() => e.modelValue?.length ? e.modelValue : e.src ? [{ type: "", src: e.src }] : o.value);
+    }), A = N(() => e.modelValue?.length ? e.modelValue : e.src ? [{ type: "", src: e.src }] : n.value);
     function f(t) {
-      const l = typeof t == "string" ? parseInt(t, 10) : t, n = Array.isArray(e.modelValue) && e.modelValue.length > 0, s = Array.isArray(o.value) && o.value.length > 0;
-      if (s && l < o.value.length && (C(o.value[l]?.src), o.value.splice(l, 1)), n) {
-        const r = [...e.modelValue];
-        l < r.length && r.splice(l, 1), i("update:modelValue", r), e.multiple || i("update:src", r[0]?.src || "");
-      } else if (s) {
-        const r = e.multiple ? o.value : o.value[0];
-        i("update:modelValue", r), e.multiple || i("update:src", o.value[0]?.src || "");
+      const l = typeof t == "string" ? parseInt(t, 10) : t, a = Array.isArray(e.modelValue) && e.modelValue.length > 0, r = Array.isArray(n.value) && n.value.length > 0;
+      if (r && l < n.value.length && (z(n.value[l]?.src), n.value.splice(l, 1)), a) {
+        const s = [...e.modelValue];
+        l < s.length && s.splice(l, 1), i("update:modelValue", s), e.multiple || i("update:src", s[0]?.src || "");
+      } else if (r) {
+        const s = e.multiple ? n.value : n.value[0];
+        i("update:modelValue", s), e.multiple || i("update:src", n.value[0]?.src || "");
       } else
         i("update:modelValue", e.multiple ? [] : void 0), i("update:src", "");
-      p.value.splice(l, 1);
+      m.value.splice(l, 1);
     }
-    return b(() => p.value, async (t) => {
+    return b(() => m.value, async (t) => {
       const l = await Promise.all(
-        t.map(async (n) => ({
-          src: e.toDataUrl ? await D(n) : await B(n),
-          type: n.type
+        t.map(async (a) => ({
+          src: e.toDataUrl ? await D(a) : await B(a),
+          type: a.type,
+          name: a.name,
+          size: a.size,
+          lastModified: a.lastModified
         }))
       );
-      o.value = l.filter((n) => n !== null);
-    }, { deep: !0 }), b(() => o.value, async (t) => {
+      n.value = l;
+    }, { deep: !0 }), b(() => n.value, async (t) => {
       const l = e.multiple ? t : t[0];
       i("update:modelValue", l), e.multiple || i("update:src", t[0] && t[0].src);
     }, { deep: !0 }), (t, l) => (u(), d("div", {
       ref_key: "root",
       ref: g,
       class: h(["file-upload", {
-        "has-dragging": a.dropFiles,
-        "is-dragging": v(z)
+        "has-dragging": o.dropFiles,
+        "is-dragging": v(C)
       }])
     }, [
-      (u(!0), d(V, null, T(A.value, (n, s) => (u(), d("div", {
-        key: n.src,
-        class: h(a.enablePreview ? "file-upload__thumbnail" : "file-upload__reset")
+      (u(!0), d(V, null, P(A.value, (a, r) => (u(), d("div", {
+        key: a.src,
+        class: h(o.enablePreview ? "file-upload__thumbnail" : "file-upload__reset")
       }, [
         S(t.$slots, "preview-item", {
-          bind: { item: n, index: s },
+          bind: { item: a, index: r },
           on: { removeFile: f }
         }, () => [
-          a.enablePreview ? (u(), d(V, { key: 0 }, [
+          o.enablePreview ? (u(), d(V, { key: 0 }, [
             c("img", {
-              src: `${n.src}${a.previewWidth ? `?width=${a.previewWidth}` : ""}`,
+              src: `${a.src}${o.previewWidth ? `?width=${o.previewWidth}` : ""}`,
               class: "img-thumbnail rounded"
             }, null, 8, _),
             c("button", {
-              onClick: w((r) => f(s), ["prevent"]),
+              onClick: w((s) => f(r), ["prevent"]),
               class: "btn btn--close"
             }, [
-              m(k, { symbol: "x" })
+              p(k, { symbol: "x" })
             ], 8, j)
           ], 64)) : (u(), d("button", {
             key: 1,
-            onClick: w((r) => f(s), ["prevent"]),
+            onClick: w((s) => f(r), ["prevent"]),
             class: "btn btn--close btn-outline-contrast"
           }, [
-            m(k, { symbol: "x" })
+            p(k, { symbol: "x" })
           ], 8, x))
         ])
       ], 2))), 128)),
-      m(q, {
-        modelValue: p.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (n) => p.value = n),
-        id: a.id,
-        name: a.name,
-        accept: a.accept,
-        "max-file-size": a.maxFileSize,
-        multiple: a.multiple,
+      p(q, {
+        modelValue: m.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (a) => m.value = a),
+        id: o.id,
+        name: o.name,
+        accept: o.accept,
+        "max-file-size": o.maxFileSize,
+        multiple: o.multiple,
         class: "d-none"
       }, null, 8, ["modelValue", "id", "name", "accept", "max-file-size", "multiple"]),
       c("label", {
-        for: a.id,
+        for: o.id,
         class: "file-upload__label"
       }, [
         S(t.$slots, "button", {}, () => [
           c("span", {
             class: "btn btn-outline-contrast",
-            innerHTML: v(O)(a.label || t.$t("common.selectFile"))
+            innerHTML: v(O)(o.label || t.$t("common.selectFile"))
           }, null, 8, J)
         ]),
-        m(M, { name: "fade" }, {
+        p(T, { name: "fade" }, {
           default: H(() => [
             v($) ? (u(), d("span", K, [...l[1] || (l[1] = [
               c("span", {
@@ -206,5 +209,5 @@ const _ = ["src"], j = ["onClick"], x = ["onClick"], G = ["for"], J = ["innerHTM
   }
 });
 export {
-  oe as default
+  ne as default
 };

package/package.json

@@ -1,23 +1,7 @@
 {
   "name": "ablok-components",
   "private": false,
-  "version": "0.3.86",
-  "scripts": {
-    "dev": "vite --host",
-    "story:dev": "histoire dev",
-    "story:build": "histoire build",
-    "story:preview": "histoire preview",
-    "build": "vue-tsc --noEmit --project tsconfig.build.json && vite build",
-    "build:watch": "vue-tsc --noEmit --watch --project tsconfig.build.json & vite build --watch",
-    "preview": "vite preview",
-    "build-lib-bak": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
-    "build-lib": "vite build && vue-tsc --emitDeclarationOnly",
-    "release": "bash ./scripts/release.sh",
-    "postrelease": "bash ./scripts/publish.sh",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:ui": "vitest --ui"
-  },
+  "version": "0.3.87",
   "dependencies": {
     "date-fns": "^3.0.0",
     "dompurify": "^3.3.1",
@@ -136,5 +120,21 @@
     "./package.json": "./package.json"
   },
   "types": "./dist/index.d.ts",
-  "sideEffects": false
-}
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite --host",
+    "story:dev": "histoire dev",
+    "story:build": "histoire build",
+    "story:preview": "histoire preview",
+    "build": "vue-tsc --noEmit --project tsconfig.build.json && vite build",
+    "build:watch": "vue-tsc --noEmit --watch --project tsconfig.build.json & vite build --watch",
+    "preview": "vite preview",
+    "build-lib-bak": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
+    "build-lib": "vite build && vue-tsc --emitDeclarationOnly",
+    "release": "bash ./scripts/release.sh",
+    "postrelease": "bash ./scripts/publish.sh",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui"
+  }
+}