vlite3 0.8.11 → 0.9.2

package/components/FilePicker/FilePicker.vue.js

@@ -1,20 +1,26 @@
-import { defineComponent as Y, computed as f, ref as S, useSlots as Z, openBlock as r, createElementBlock as c, createElementVNode as n, renderSlot as _, normalizeClass as C, createBlock as x, withModifiers as M, createVNode as w, toDisplayString as b, createTextVNode as ee, createCommentVNode as F, Fragment as le, renderList as te } from "vue";
+import { defineComponent as Z, computed as m, ref as C, useSlots as _, openBlock as a, createElementBlock as u, createElementVNode as s, renderSlot as ee, normalizeClass as T, createBlock as b, withModifiers as F, createVNode as k, toDisplayString as h, createTextVNode as le, createCommentVNode as S, Fragment as te, renderList as ie } from "vue";
 import p from "../Icon.vue.js";
-import P from "../Button.vue.js";
-import { $t as k } from "../../utils/i18n.js";
-const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "placeholder", "disabled"], re = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 bg-background" }, se = { class: "p-3 bg-muted rounded-full text-muted-foreground" }, ne = { class: "space-y-1" }, de = { class: "text-sm font-medium text-foreground" }, ue = { class: "text-primary hover:underline" }, ce = {
+import N from "../Button.vue.js";
+import { $t as w } from "../../utils/i18n.js";
+const oe = { class: "w-full" }, re = ["multiple", "accept"], ae = ["value", "placeholder", "disabled"], se = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 bg-background" }, ne = { class: "p-3 bg-muted rounded-full text-muted-foreground" }, de = { class: "space-y-1" }, ue = { class: "text-sm font-medium text-foreground" }, ce = { class: "text-primary hover:underline" }, fe = {
   key: 0,
   class: "text-xs text-muted-foreground"
-}, fe = {
+}, me = {
   key: 1,
   class: "space-y-2"
-}, me = { class: "shrink-0 mr-3" }, ge = { class: "p-2 bg-primary-light rounded text-primary-fg-light" }, pe = { class: "flex-1 min-w-0" }, he = { class: "text-sm font-medium text-foreground truncate" }, ve = { class: "text-xs text-muted-foreground" }, ye = { class: "flex-shrink-0 ml-3 flex gap-2" }, xe = {
+}, ge = { class: "shrink-0 mr-3" }, pe = { class: "p-2 bg-primary-light rounded text-primary-fg-light" }, he = { class: "flex-1 min-w-0 flex flex-col items-start overflow-hidden" }, ve = {
+  key: 0,
+  class: "inline-flex items-center group/rename w-fit max-w-full mb-0.5"
+}, ye = { class: "grid relative w-fit max-w-full items-center -ml-1" }, xe = { class: "invisible whitespace-pre col-start-1 row-start-1 text-sm font-medium px-1 py-0.5 max-w-full overflow-hidden text-ellipsis" }, be = ["value", "onInput"], ke = {
+  key: 1,
+  class: "text-sm font-medium text-foreground truncate w-full"
+}, we = { class: "text-xs text-muted-foreground" }, Ve = { class: "flex-shrink-0 ml-3 flex gap-2" }, Fe = {
   key: 0,
   class: "flex gap-2"
-}, be = {
+}, Se = {
   key: 2,
   class: "absolute inset-0 bg-white/80 flex items-center justify-center rounded-lg z-10"
-}, ke = { class: "bg-white p-2 rounded-full" }, Se = /* @__PURE__ */ Y({
+}, Ae = { class: "bg-white p-2 rounded-full" }, Be = /* @__PURE__ */ Z({
   name: "FilePicker",
   __name: "FilePicker",
   props: {
@@ -31,31 +37,32 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
     placeholderI18n: {},
     textI18n: {},
     size: { default: "md" },
-    rounded: { default: "md" }
+    rounded: { default: "md" },
+    allowRename: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change", "error"],
-  setup(i, { emit: $ }) {
-    const e = i, d = $, I = f(
-      () => e.placeholderI18n ? k(e.placeholderI18n) : e.placeholder !== void 0 ? e.placeholder : "Select file..."
-    ), N = f(() => {
-      if (e.textI18n) return k(e.textI18n);
-      const l = k("vlite.filePicker.clickToUpload");
+  setup(o, { emit: M }) {
+    const e = o, d = M, P = m(
+      () => e.placeholderI18n ? w(e.placeholderI18n) : e.placeholder !== void 0 ? e.placeholder : "Select file..."
+    ), $ = m(() => {
+      if (e.textI18n) return w(e.textI18n);
+      const l = w("vlite.filePicker.clickToUpload");
       return l !== "vlite.filePicker.clickToUpload" ? l : "Click to upload";
-    }), j = f(() => {
-      const l = k("vlite.filePicker.dragAndDrop");
+    }), j = m(() => {
+      const l = w("vlite.filePicker.dragAndDrop");
       return l !== "vlite.filePicker.dragAndDrop" ? l : "or drag and drop";
-    }), L = f(() => {
-      const l = k("vlite.filePicker.addMore");
+    }), U = m(() => {
+      const l = w("vlite.filePicker.addMore");
       return l !== "vlite.filePicker.addMore" ? l : "Add more";
-    }), z = S(null), h = S(!1), u = S(!1);
-    Z();
-    const U = f(() => e.fileTypes.join(",")), A = f(() => Array.isArray(e.modelValue) ? e.modelValue.length > 0 : e.modelValue !== null), V = f(() => {
+    }), z = C(null), v = C(!1), c = C(!1);
+    _();
+    const E = m(() => e.fileTypes.join(",")), A = m(() => Array.isArray(e.modelValue) ? e.modelValue.length > 0 : e.modelValue !== null), V = m(() => {
       let l = [];
       return Array.isArray(e.modelValue) ? l = e.modelValue : e.modelValue && (l = [e.modelValue]), l.map((t) => {
         if (typeof t == "string") {
-          const a = t.split("/").pop() || "Unknown File";
+          const i = t.split("/").pop() || "Unknown File";
           return {
-            fileName: decodeURIComponent(a),
+            fileName: decodeURIComponent(i),
             fileType: "unknown",
             fileSize: 0,
             file: null,
@@ -65,86 +72,86 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
         }
         return t;
       });
-    }), v = () => {
-      if (!(e.disabled || e.loading || u.value)) {
+    }), y = () => {
+      if (!(e.disabled || e.loading || c.value)) {
         if (e.multiSelect && e.maxFiles && (Array.isArray(e.modelValue) ? e.modelValue.length : e.modelValue ? 1 : 0) >= e.maxFiles) {
           d("error", `Maximum ${e.maxFiles} files allowed`);
           return;
         }
         z.value?.click();
       }
-    }, E = (l) => {
-      l.preventDefault(), !(e.disabled || e.loading) && (h.value = !0);
-    }, W = (l) => {
-      l.preventDefault(), h.value = !1;
+    }, L = (l) => {
+      l.preventDefault(), !(e.disabled || e.loading) && (v.value = !0);
     }, R = (l) => {
-      l.preventDefault(), h.value = !1, !(e.disabled || e.loading || u.value) && l.dataTransfer?.files && D(l.dataTransfer.files);
+      l.preventDefault(), v.value = !1;
+    }, W = (l) => {
+      l.preventDefault(), v.value = !1, !(e.disabled || e.loading || c.value) && l.dataTransfer?.files && D(l.dataTransfer.files);
     }, O = (l) => {
       const t = l.target;
       t.files && D(t.files), t.value = "";
-    }, G = (l) => {
+    }, q = (l) => {
       if (l === 0 || !l) return "";
-      const t = 1024, a = ["Bytes", "KB", "MB", "GB", "TB"], s = Math.floor(Math.log(l) / Math.log(t));
-      return parseFloat((l / Math.pow(t, s)).toFixed(2)) + " " + a[s];
-    }, K = (l) => new Promise((t, a) => {
-      const s = new FileReader();
-      s.readAsDataURL(l), s.onload = () => {
-        typeof s.result == "string" ? t(s.result) : a(new Error("Failed to read file as base64"));
-      }, s.onerror = (m) => a(m);
+      const t = 1024, i = ["Bytes", "KB", "MB", "GB", "TB"], n = Math.floor(Math.log(l) / Math.log(t));
+      return parseFloat((l / Math.pow(t, n)).toFixed(2)) + " " + i[n];
+    }, G = (l) => new Promise((t, i) => {
+      const n = new FileReader();
+      n.readAsDataURL(l), n.onload = () => {
+        typeof n.result == "string" ? t(n.result) : i(new Error("Failed to read file as base64"));
+      }, n.onerror = (f) => i(f);
     }), D = async (l) => {
       if (l.length === 0) return;
-      u.value = !0;
-      const t = [], a = [], s = Array.from(l);
-      let m = e.multiSelect ? s : [s[0]];
+      c.value = !0;
+      const t = [], i = [], n = Array.from(l);
+      let f = e.multiSelect ? n : [n[0]];
       if (e.multiSelect && e.maxFiles) {
-        const o = Array.isArray(e.modelValue) ? e.modelValue.length : e.modelValue ? 1 : 0, g = e.maxFiles - o;
+        const r = Array.isArray(e.modelValue) ? e.modelValue.length : e.modelValue ? 1 : 0, g = e.maxFiles - r;
         if (g <= 0) {
-          d("error", `Maximum ${e.maxFiles} files allowed`), u.value = !1;
+          d("error", `Maximum ${e.maxFiles} files allowed`), c.value = !1;
           return;
         }
-        m.length > g && (a.push(`Only ${g} more file(s) allowed. Maximum ${e.maxFiles} files.`), m = m.slice(0, g));
+        f.length > g && (i.push(`Only ${g} more file(s) allowed. Maximum ${e.maxFiles} files.`), f = f.slice(0, g));
       }
       try {
-        for (const o of m) {
-          if (e.fileTypes.length > 0 && !e.fileTypes.some((y) => {
-            if (y.startsWith("."))
-              return o.name.toLowerCase().endsWith(y.toLowerCase());
-            if (y.endsWith("/*")) {
-              const X = y.split("/")[0];
-              return o.type.startsWith(X);
+        for (const r of f) {
+          if (e.fileTypes.length > 0 && !e.fileTypes.some((x) => {
+            if (x.startsWith("."))
+              return r.name.toLowerCase().endsWith(x.toLowerCase());
+            if (x.endsWith("/*")) {
+              const Y = x.split("/")[0];
+              return r.type.startsWith(Y);
             }
-            return o.type === y;
+            return r.type === x;
           })) {
-            a.push(`File type not allowed: ${o.name}`);
+            i.push(`File type not allowed: ${r.name}`);
             continue;
           }
           let g = !1;
-          e.maxSize && o.size > e.maxSize && (a.push(`File too large: ${o.name}`), g = !0);
-          let T = "";
+          e.maxSize && r.size > e.maxSize && (i.push(`File too large: ${r.name}`), g = !0);
+          let B = "";
           if (e.returnFormat === "base64" && !g)
             try {
-              T = await K(o);
-            } catch (B) {
-              console.error("Base64 read failed", B);
+              B = await G(r);
+            } catch (I) {
+              console.error("Base64 read failed", I);
             }
           t.push({
-            fileName: o.name,
-            fileType: o.type,
-            fileSize: o.size,
-            file: o,
-            base64: T
+            fileName: r.name,
+            fileType: r.type,
+            fileSize: r.size,
+            file: r,
+            base64: B
           });
         }
-        if (a.length > 0 && d("error", a.join("; ")), t.length > 0) {
-          let o;
-          e.multiSelect ? o = [...Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [], ...t] : o = t[0], d("update:modelValue", o), d("change", o);
+        if (i.length > 0 && d("error", i.join("; ")), t.length > 0) {
+          let r;
+          e.multiSelect ? r = [...Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [], ...t] : r = t[0], d("update:modelValue", r), d("change", r);
         }
-      } catch (o) {
-        console.error("Error processing files:", o), d("error", "Failed to process files");
+      } catch (r) {
+        console.error("Error processing files:", r), d("error", "Failed to process files");
       } finally {
-        u.value = !1;
+        c.value = !1;
       }
-    }, q = (l) => {
+    }, K = (l) => {
       if (!(e.disabled || e.loading))
         if (e.multiSelect && Array.isArray(e.modelValue)) {
           const t = [...e.modelValue];
@@ -153,12 +160,30 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
           d("update:modelValue", null), d("change", null);
     }, H = () => {
       e.disabled || e.loading || (d("update:modelValue", null), d("change", null));
-    }, J = f(() => A.value ? V.value.map((t) => t.fileName).join(", ") : ""), Q = f(() => {
+    }, J = (l, t) => {
+      if (e.disabled || e.loading) return;
+      let i;
+      e.multiSelect && Array.isArray(e.modelValue) ? (i = [...e.modelValue], typeof i[l] == "object" && i[l] !== null ? i[l] = { ...i[l], fileName: t } : typeof i[l] == "string" && (i[l] = {
+        fileName: t,
+        fileType: "unknown",
+        fileSize: 0,
+        file: null,
+        base64: i[l],
+        isUrl: !0
+      })) : e.modelValue && typeof e.modelValue == "object" && !Array.isArray(e.modelValue) ? i = { ...e.modelValue, fileName: t } : typeof e.modelValue == "string" && (i = {
+        fileName: t,
+        fileType: "unknown",
+        fileSize: 0,
+        file: null,
+        base64: e.modelValue,
+        isUrl: !0
+      }), i !== void 0 && (d("update:modelValue", i), d("change", i));
+    }, Q = m(() => A.value ? V.value.map((t) => t.fileName).join(", ") : ""), X = m(() => {
       const l = "block w-full bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 transition-all focus-visible:outline-none cursor-pointer", t = {
         sm: "h-8 text-xs",
         md: "h-10 text-sm",
         lg: "h-12 text-base"
-      }, a = {
+      }, i = {
         none: "rounded-none",
         sm: "rounded-sm",
         md: "rounded-md",
@@ -172,149 +197,174 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
         "border border-input focus-visible:border-primary",
         // Default outline style
         t[e.size],
-        a[e.rounded],
+        i[e.rounded],
         "pr-10",
         // Space for icon
         e.disabled ? "cursor-not-allowed opacity-50" : ""
       ].join(" ");
     });
-    return (l, t) => (r(), c("div", ie, [
-      n("input", {
+    return (l, t) => (a(), u("div", oe, [
+      s("input", {
         ref_key: "fileInput",
         ref: z,
         type: "file",
-        multiple: i.multiSelect,
-        accept: U.value,
+        multiple: o.multiSelect,
+        accept: E.value,
         class: "hidden",
         onChange: O
-      }, null, 40, oe),
-      _(l.$slots, "trigger", {
-        trigger: v,
-        isDragging: h.value,
-        isLoading: i.loading || u.value,
+      }, null, 40, re),
+      ee(l.$slots, "trigger", {
+        trigger: y,
+        isDragging: v.value,
+        isLoading: o.loading || c.value,
         files: V.value
       }, () => [
-        i.variant === "input" ? (r(), c("div", {
+        o.variant === "input" ? (a(), u("div", {
           key: 0,
           class: "relative",
-          onClick: v
+          onClick: y
         }, [
-          n("input", {
+          s("input", {
             type: "text",
-            value: J.value,
-            placeholder: I.value,
+            value: Q.value,
+            placeholder: P.value,
             readonly: "",
-            class: C(Q.value),
-            disabled: i.disabled || i.loading || u.value
+            class: T(X.value),
+            disabled: o.disabled || o.loading || c.value
           }, null, 10, ae),
-          n("div", re, [
-            i.loading || u.value ? (r(), x(p, {
+          s("div", se, [
+            o.loading || c.value ? (a(), b(p, {
               key: 0,
               icon: "lucide:loader-2",
               class: "h-4 w-4 animate-spin text-muted-foreground"
-            })) : A.value && !i.disabled ? (r(), c("button", {
+            })) : A.value && !o.disabled ? (a(), u("button", {
               key: 1,
               type: "button",
               class: "text-muted-foreground hover:text-foreground focus:outline-none",
-              onClick: M(H, ["stop"])
+              onClick: F(H, ["stop"])
             }, [
-              w(p, {
+              k(p, {
                 icon: "lucide:x-circle",
                 class: "h-4 w-4"
               })
-            ])) : (r(), x(p, {
+            ])) : (a(), b(p, {
               key: 2,
               icon: "lucide:upload",
               class: "h-4 w-4 text-muted-foreground"
             }))
           ])
-        ])) : (r(), c("div", {
+        ])) : (a(), u("div", {
           key: 1,
           class: "relative",
-          onDragover: E,
-          onDragleave: W,
-          onDrop: R
+          onDragover: L,
+          onDragleave: R,
+          onDrop: W
         }, [
-          A.value ? (r(), c("div", fe, [
-            (r(!0), c(le, null, te(V.value, (a, s) => (r(), c("div", {
-              key: s,
-              class: C(["relative flex items-center p-3 border border-border rounded-lg bg-body transition-colors group", [!i.multiSelect && !i.disabled ? "cursor-pointer hover:border-primary/50" : ""]]),
-              onClick: t[0] || (t[0] = (m) => !i.multiSelect && !i.disabled ? v() : null)
+          A.value ? (a(), u("div", me, [
+            (a(!0), u(te, null, ie(V.value, (i, n) => (a(), u("div", {
+              key: n,
+              class: T(["relative flex items-center p-3 border border-border rounded-lg bg-body transition-colors group", [!o.multiSelect && !o.disabled ? "cursor-pointer hover:border-primary/50" : ""]]),
+              onClick: t[2] || (t[2] = (f) => !o.multiSelect && !o.disabled ? y() : null)
             }, [
-              n("div", me, [
-                n("div", ge, [
-                  w(p, {
+              s("div", ge, [
+                s("div", pe, [
+                  k(p, {
                     icon: "lucide:file-text",
                     class: "w-5 h-5"
                   })
                 ])
               ]),
-              n("div", pe, [
-                n("p", he, b(a.fileName), 1),
-                n("p", ve, b(G(a.fileSize)), 1)
+              s("div", he, [
+                o.allowRename && !o.disabled ? (a(), u("div", ve, [
+                  s("div", ye, [
+                    s("span", xe, h(i.fileName || "Enter file name"), 1),
+                    s("input", {
+                      value: i.fileName,
+                      onClick: t[0] || (t[0] = F(() => {
+                      }, ["stop"])),
+                      onInput: (f) => J(n, f.target.value),
+                      class: "col-start-1 row-start-1 w-auto min-w-[2ch] text-sm font-medium text-foreground bg-transparent border-b border-transparent hover:border-border focus:border-primary outline-none transition-colors py-0.5 px-1",
+                      placeholder: "Enter file name"
+                    }, null, 40, be)
+                  ]),
+                  s("div", {
+                    class: "flex-shrink-0 ml-1 text-muted-foreground/50 group-hover/rename:text-foreground transition-colors cursor-text",
+                    onClick: t[1] || (t[1] = F(
+                      (f) => f.currentTarget.previousElementSibling?.querySelector("input")?.focus(),
+                      ["stop"]
+                    )),
+                    title: "Rename file"
+                  }, [
+                    k(p, {
+                      icon: "lucide:pencil",
+                      class: "w-3.5 h-3.5"
+                    })
+                  ])
+                ])) : (a(), u("p", ke, h(i.fileName), 1)),
+                s("p", we, h(q(i.fileSize)), 1)
               ]),
-              n("div", ye, [
-                !i.disabled && !i.loading ? (r(), x(P, {
+              s("div", Ve, [
+                !o.disabled && !o.loading ? (a(), b(N, {
                   key: 0,
                   size: "xs",
                   variant: "ghost",
                   icon: "lucide:x",
                   rounded: "full",
                   class: "text-muted-foreground hover:text-destructive hover:bg-destructive/10",
-                  onClick: M((m) => q(s), ["stop"])
-                }, null, 8, ["onClick"])) : F("", !0)
+                  onClick: F((f) => K(n), ["stop"])
+                }, null, 8, ["onClick"])) : S("", !0)
               ])
             ], 2))), 128)),
-            i.multiSelect && (!i.maxFiles || V.value.length < i.maxFiles) ? (r(), c("div", xe, [
-              w(P, {
+            o.multiSelect && (!o.maxFiles || V.value.length < o.maxFiles) ? (a(), u("div", Fe, [
+              k(N, {
                 size: "sm",
                 variant: "outline",
                 icon: "lucide:plus",
-                text: L.value,
-                disabled: i.disabled || i.loading || u.value,
-                onClick: v
+                text: U.value,
+                disabled: o.disabled || o.loading || c.value,
+                onClick: y
               }, null, 8, ["text", "disabled"])
-            ])) : F("", !0)
-          ])) : (r(), c("div", {
+            ])) : S("", !0)
+          ])) : (a(), u("div", {
             key: 0,
-            class: C(["border-2 bg-body border-dashed border-border rounded-lg p-6 transition-all duration-200 ease-in-out cursor-pointer flex flex-col items-center justify-center text-center gap-2", [
-              h.value ? "border-primary bg-primary/5" : "hover:border-primary/50 ",
-              i.disabled || i.loading || u.value ? "opacity-50 cursor-not-allowed" : ""
+            class: T(["border-2 bg-body border-dashed border-border rounded-lg p-6 transition-all duration-200 ease-in-out cursor-pointer flex flex-col items-center justify-center text-center gap-2", [
+              v.value ? "border-primary bg-primary/5" : "hover:border-primary/50 ",
+              o.disabled || o.loading || c.value ? "opacity-50 cursor-not-allowed" : ""
             ]]),
-            onClick: v
+            onClick: y
           }, [
-            n("div", se, [
-              i.loading || u.value ? (r(), x(p, {
+            s("div", ne, [
+              o.loading || c.value ? (a(), b(p, {
                 key: 0,
                 icon: "lucide:loader-2",
                 class: "w-6 h-6 animate-spin"
-              })) : (r(), x(p, {
+              })) : (a(), b(p, {
                 key: 1,
                 icon: "lucide:upload-cloud",
                 class: "w-6 h-6"
               }))
             ]),
-            n("div", ne, [
-              n("p", de, [
-                n("span", ue, b(N.value), 1),
-                ee(" " + b(j.value), 1)
+            s("div", de, [
+              s("p", ue, [
+                s("span", ce, h($.value), 1),
+                le(" " + h(j.value), 1)
               ]),
-              i.fileTypes.length ? (r(), c("p", ce, b(i.fileTypes.join(", ")), 1)) : F("", !0)
+              o.fileTypes.length ? (a(), u("p", fe, h(o.fileTypes.join(", ")), 1)) : S("", !0)
             ])
           ], 2)),
-          i.loading || u.value ? (r(), c("div", be, [
-            n("div", ke, [
-              w(p, {
+          o.loading || c.value ? (a(), u("div", Se, [
+            s("div", Ae, [
+              k(p, {
                 icon: "lucide:loader-2",
                 class: "w-6 h-6 animate-spin text-primary"
               })
             ])
-          ])) : F("", !0)
+          ])) : S("", !0)
         ], 32))
       ])
     ]));
   }
 });
 export {
-  Se as default
+  Be as default
 };

package/components/FilePreview/FilePreview.vue.d.ts

@@ -0,0 +1,5 @@
+import { FilePreviewProps } from './types';
+declare const _default: import('vue').DefineComponent<FilePreviewProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FilePreviewProps> & Readonly<{}>, {
+    canDownload: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/FilePreview/FilePreview.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as l, openBlock as n, createElementBlock as r, createElementVNode as o, createVNode as t, unref as a } from "vue";
+import { VFileViewer as d } from "v-file-preview";
+import "v-file-preview/dist/style.css";
+const c = { class: "flex flex-col h-[70vh] w-full min-h-[400px]" }, i = { class: "flex-1 relative bg-muted/10 rounded-lg border border-border overflow-hidden flex items-center justify-center" }, u = { class: "w-full h-full overflow-auto" }, v = /* @__PURE__ */ l({
+  __name: "FilePreview",
+  props: {
+    url: {},
+    name: {},
+    canDownload: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    return (f, m) => (n(), r("div", c, [
+      o("div", i, [
+        o("div", u, [
+          t(a(d), {
+            url: e.url,
+            name: e.name,
+            "can-download": e.canDownload
+          }, null, 8, ["url", "name", "can-download"])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  v as default
+};

package/components/FilePreview/FilePreview.vue2.js

@@ -0,0 +1,4 @@
+import f from "./FilePreview.vue.js";
+export {
+  f as default
+};

package/components/FilePreview/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FilePreview } from './FilePreview.vue';
+export * from './types';

package/components/FilePreview/types.d.ts

@@ -0,0 +1,5 @@
+export interface FilePreviewProps {
+    url: string;
+    name?: string;
+    canDownload?: boolean;
+}

package/components/Form/FormField.vue.js

@@ -83,6 +83,7 @@ const pe = /* @__PURE__ */ I({
     }), S = o(() => {
       const a = e.field.type, l = {
         disabled: e.disabled || e.field.disabled === !0,
+        readonly: e.readonly || e.field.readonly === !0,
         ...e?.field || {},
         ...e.field.props || {},
         label: "",
@@ -188,7 +189,8 @@ const pe = /* @__PURE__ */ I({
         size: e.size,
         rounded: e.rounded,
         maxSize: e.field.maxFileSize ? e.field.maxFileSize * 1024 * 1024 : void 0,
-        loading: e.loading
+        loading: e.loading,
+        allowRename: e.field.props?.allowRename ?? !0
       } : a === "avatarUpload" ? {
         size: "2xl",
         ...l,