vlite3 0.4.4 → 0.4.7

package/components/FilePicker/FilePicker.vue.js

@@ -1,19 +1,20 @@
-import { defineComponent as q, ref as F, useSlots as H, computed as y, openBlock as r, createElementBlock as c, createElementVNode as n, renderSlot as J, normalizeClass as S, createBlock as x, withModifiers as D, createVNode as k, createTextVNode as Q, toDisplayString as A, createCommentVNode as w, Fragment as X, renderList as Y } from "vue";
-import g from "../Icon.vue.js";
-import $ from "../Button.vue.js";
-const Z = { class: "w-full" }, _ = ["multiple", "accept"], ee = ["value", "placeholder", "disabled"], le = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 bg-background" }, te = { class: "p-3 bg-muted rounded-full text-muted-foreground" }, ae = { class: "space-y-1" }, ie = {
+import { defineComponent as Y, computed as f, ref as S, useSlots as Z, openBlock as o, createElementBlock as c, createElementVNode as n, renderSlot as _, normalizeClass as C, createBlock as y, withModifiers as M, createVNode as V, toDisplayString as b, createTextVNode as ee, createCommentVNode as F, Fragment as le, renderList as te } 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" }, ae = ["multiple", "accept"], re = ["value", "placeholder", "disabled"], oe = { 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 = {
   key: 0,
   class: "text-xs text-muted-foreground"
-}, oe = {
+}, fe = {
   key: 1,
   class: "space-y-2"
-}, re = { class: "shrink-0 mr-3" }, se = { class: "p-2 bg-primary-light rounded text-primary-fg-light" }, ne = { class: "flex-1 min-w-0" }, de = { class: "text-sm font-medium text-foreground truncate" }, ue = { class: "text-xs text-muted-foreground" }, ce = { class: "flex-shrink-0 ml-3 flex gap-2" }, fe = {
+}, 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" }, xe = { class: "flex-shrink-0 ml-3 flex gap-2" }, ye = {
   key: 0,
   class: "flex gap-2"
-}, me = {
+}, be = {
   key: 2,
   class: "absolute inset-0 bg-white/60 backdrop-blur-[1px] flex items-center justify-center rounded-lg z-10"
-}, ge = { class: "bg-white p-2 rounded-full shadow-lg" }, ye = /* @__PURE__ */ q({
+}, ke = { class: "bg-white p-2 rounded-full shadow-lg" }, Se = /* @__PURE__ */ Y({
   name: "FilePicker",
   __name: "FilePicker",
   props: {
@@ -27,20 +28,32 @@ const Z = { class: "w-full" }, _ = ["multiple", "accept"], ee = ["value", "place
     maxFiles: {},
     variant: { default: "dropzone" },
     placeholder: {},
+    placeholderI18n: {},
+    textI18n: {},
     size: { default: "md" },
     rounded: { default: "md" }
   },
   emits: ["update:modelValue", "change", "error"],
-  setup(a, { emit: M }) {
-    const e = a, d = M, C = F(null), h = F(!1), u = F(!1);
-    H();
-    const N = y(() => e.fileTypes.join(",")), V = y(() => Array.isArray(e.modelValue) ? e.modelValue.length > 0 : e.modelValue !== null), b = y(() => {
+  setup(i, { emit: $ }) {
+    const e = i, d = $, I = f(() => e.placeholderI18n ? k(e.placeholderI18n) : e.placeholder || "Select file..."), N = f(() => {
+      if (e.textI18n) return k(e.textI18n);
+      const l = k("vlite.filePicker.clickToUpload");
+      return l !== "vlite.filePicker.clickToUpload" ? l : "Click to upload";
+    }), j = f(() => {
+      const l = k("vlite.filePicker.dragAndDrop");
+      return l !== "vlite.filePicker.dragAndDrop" ? l : "or drag and drop";
+    }), L = f(() => {
+      const l = k("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), w = f(() => {
       let l = [];
       return Array.isArray(e.modelValue) ? l = e.modelValue : e.modelValue && (l = [e.modelValue]), l.map((t) => {
         if (typeof t == "string") {
-          const o = t.split("/").pop() || "Unknown File";
+          const r = t.split("/").pop() || "Unknown File";
           return {
-            fileName: decodeURIComponent(o),
+            fileName: decodeURIComponent(r),
             fileType: "unknown",
             fileSize: 0,
             file: null,
@@ -50,100 +63,100 @@ const Z = { class: "w-full" }, _ = ["multiple", "accept"], ee = ["value", "place
         }
         return t;
       });
-    }), p = () => {
+    }), v = () => {
       if (!(e.disabled || e.loading || u.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;
         }
-        C.value?.click();
+        z.value?.click();
       }
-    }, j = (l) => {
+    }, E = (l) => {
       l.preventDefault(), !(e.disabled || e.loading) && (h.value = !0);
-    }, L = (l) => {
+    }, W = (l) => {
       l.preventDefault(), h.value = !1;
-    }, I = (l) => {
-      l.preventDefault(), h.value = !1, !(e.disabled || e.loading || u.value) && l.dataTransfer?.files && z(l.dataTransfer.files);
-    }, P = (l) => {
+    }, R = (l) => {
+      l.preventDefault(), h.value = !1, !(e.disabled || e.loading || u.value) && l.dataTransfer?.files && D(l.dataTransfer.files);
+    }, O = (l) => {
       const t = l.target;
-      t.files && z(t.files), t.value = "";
-    }, E = (l) => {
+      t.files && D(t.files), t.value = "";
+    }, G = (l) => {
       if (l === 0 || !l) return "";
-      const t = 1024, o = ["Bytes", "KB", "MB", "GB", "TB"], s = Math.floor(Math.log(l) / Math.log(t));
-      return parseFloat((l / Math.pow(t, s)).toFixed(2)) + " " + o[s];
-    }, U = (l) => new Promise((t, o) => {
+      const t = 1024, r = ["Bytes", "KB", "MB", "GB", "TB"], s = Math.floor(Math.log(l) / Math.log(t));
+      return parseFloat((l / Math.pow(t, s)).toFixed(2)) + " " + r[s];
+    }, K = (l) => new Promise((t, r) => {
       const s = new FileReader();
       s.readAsDataURL(l), s.onload = () => {
-        typeof s.result == "string" ? t(s.result) : o(new Error("Failed to read file as base64"));
-      }, s.onerror = (f) => o(f);
-    }), z = async (l) => {
+        typeof s.result == "string" ? t(s.result) : r(new Error("Failed to read file as base64"));
+      }, s.onerror = (m) => r(m);
+    }), D = async (l) => {
       if (l.length === 0) return;
       u.value = !0;
-      const t = [], o = [], s = Array.from(l);
-      let f = e.multiSelect ? s : [s[0]];
+      const t = [], r = [], s = Array.from(l);
+      let m = e.multiSelect ? s : [s[0]];
       if (e.multiSelect && e.maxFiles) {
-        const i = Array.isArray(e.modelValue) ? e.modelValue.length : e.modelValue ? 1 : 0, m = e.maxFiles - i;
-        if (m <= 0) {
+        const a = Array.isArray(e.modelValue) ? e.modelValue.length : e.modelValue ? 1 : 0, g = e.maxFiles - a;
+        if (g <= 0) {
           d("error", `Maximum ${e.maxFiles} files allowed`), u.value = !1;
           return;
         }
-        f.length > m && (o.push(`Only ${m} more file(s) allowed. Maximum ${e.maxFiles} files.`), f = f.slice(0, m));
+        m.length > g && (r.push(`Only ${g} more file(s) allowed. Maximum ${e.maxFiles} files.`), m = m.slice(0, g));
       }
       try {
-        for (const i of f) {
-          if (e.fileTypes.length > 0 && !e.fileTypes.some((v) => {
-            if (v.startsWith("."))
-              return i.name.toLowerCase().endsWith(v.toLowerCase());
-            if (v.endsWith("/*")) {
-              const K = v.split("/")[0];
-              return i.type.startsWith(K);
+        for (const a of m) {
+          if (e.fileTypes.length > 0 && !e.fileTypes.some((x) => {
+            if (x.startsWith("."))
+              return a.name.toLowerCase().endsWith(x.toLowerCase());
+            if (x.endsWith("/*")) {
+              const X = x.split("/")[0];
+              return a.type.startsWith(X);
             }
-            return i.type === v;
+            return a.type === x;
           })) {
-            o.push(`File type not allowed: ${i.name}`);
+            r.push(`File type not allowed: ${a.name}`);
             continue;
           }
-          let m = !1;
-          e.maxSize && i.size > e.maxSize && (o.push(`File too large: ${i.name}`), m = !0);
+          let g = !1;
+          e.maxSize && a.size > e.maxSize && (r.push(`File too large: ${a.name}`), g = !0);
           let T = "";
-          if (e.returnFormat === "base64" && !m)
+          if (e.returnFormat === "base64" && !g)
             try {
-              T = await U(i);
+              T = await K(a);
             } catch (B) {
               console.error("Base64 read failed", B);
             }
           t.push({
-            fileName: i.name,
-            fileType: i.type,
-            fileSize: i.size,
-            file: i,
+            fileName: a.name,
+            fileType: a.type,
+            fileSize: a.size,
+            file: a,
             base64: T
           });
         }
-        if (o.length > 0 && d("error", o.join("; ")), t.length > 0) {
-          let i;
-          e.multiSelect ? i = [...Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [], ...t] : i = t[0], d("update:modelValue", i), d("change", i);
+        if (r.length > 0 && d("error", r.join("; ")), t.length > 0) {
+          let a;
+          e.multiSelect ? a = [...Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [], ...t] : a = t[0], d("update:modelValue", a), d("change", a);
         }
-      } catch (i) {
-        console.error("Error processing files:", i), d("error", "Failed to process files");
+      } catch (a) {
+        console.error("Error processing files:", a), d("error", "Failed to process files");
       } finally {
         u.value = !1;
       }
-    }, W = (l) => {
+    }, q = (l) => {
       if (!(e.disabled || e.loading))
         if (e.multiSelect && Array.isArray(e.modelValue)) {
           const t = [...e.modelValue];
           t.splice(l, 1), d("update:modelValue", t), d("change", t);
         } else
           d("update:modelValue", null), d("change", null);
-    }, R = () => {
+    }, H = () => {
       e.disabled || e.loading || (d("update:modelValue", null), d("change", null));
-    }, O = y(() => V.value ? b.value.map((t) => t.fileName).join(", ") : ""), G = y(() => {
+    }, J = f(() => A.value ? w.value.map((t) => t.fileName).join(", ") : ""), Q = f(() => {
       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"
-      }, o = {
+      }, r = {
         none: "rounded-none",
         sm: "rounded-sm",
         md: "rounded-md",
@@ -157,149 +170,149 @@ const Z = { class: "w-full" }, _ = ["multiple", "accept"], ee = ["value", "place
         "border border-input focus-visible:border-primary",
         // Default outline style
         t[e.size],
-        o[e.rounded],
+        r[e.rounded],
         "pr-10",
         // Space for icon
         e.disabled ? "cursor-not-allowed opacity-50" : ""
       ].join(" ");
     });
-    return (l, t) => (r(), c("div", Z, [
+    return (l, t) => (o(), c("div", ie, [
       n("input", {
         ref_key: "fileInput",
-        ref: C,
+        ref: z,
         type: "file",
-        multiple: a.multiSelect,
-        accept: N.value,
+        multiple: i.multiSelect,
+        accept: U.value,
         class: "hidden",
-        onChange: P
-      }, null, 40, _),
-      J(l.$slots, "trigger", {
-        trigger: p,
+        onChange: O
+      }, null, 40, ae),
+      _(l.$slots, "trigger", {
+        trigger: v,
         isDragging: h.value,
-        isLoading: a.loading || u.value,
-        files: b.value
+        isLoading: i.loading || u.value,
+        files: w.value
       }, () => [
-        a.variant === "input" ? (r(), c("div", {
+        i.variant === "input" ? (o(), c("div", {
           key: 0,
           class: "relative",
-          onClick: p
+          onClick: v
         }, [
           n("input", {
             type: "text",
-            value: O.value,
-            placeholder: a.placeholder || "Select file...",
+            value: J.value,
+            placeholder: I.value,
             readonly: "",
-            class: S(G.value),
-            disabled: a.disabled || a.loading || u.value
-          }, null, 10, ee),
-          n("div", le, [
-            a.loading || u.value ? (r(), x(g, {
+            class: C(Q.value),
+            disabled: i.disabled || i.loading || u.value
+          }, null, 10, re),
+          n("div", oe, [
+            i.loading || u.value ? (o(), y(p, {
               key: 0,
               icon: "lucide:loader-2",
               class: "h-4 w-4 animate-spin text-muted-foreground"
-            })) : V.value && !a.disabled ? (r(), c("button", {
+            })) : A.value && !i.disabled ? (o(), c("button", {
               key: 1,
               type: "button",
               class: "text-muted-foreground hover:text-foreground focus:outline-none",
-              onClick: D(R, ["stop"])
+              onClick: M(H, ["stop"])
             }, [
-              k(g, {
+              V(p, {
                 icon: "lucide:x-circle",
                 class: "h-4 w-4"
               })
-            ])) : (r(), x(g, {
+            ])) : (o(), y(p, {
               key: 2,
               icon: "lucide:upload",
               class: "h-4 w-4 text-muted-foreground"
             }))
           ])
-        ])) : (r(), c("div", {
+        ])) : (o(), c("div", {
           key: 1,
           class: "relative",
-          onDragover: j,
-          onDragleave: L,
-          onDrop: I
+          onDragover: E,
+          onDragleave: W,
+          onDrop: R
         }, [
-          V.value ? (r(), c("div", oe, [
-            (r(!0), c(X, null, Y(b.value, (o, s) => (r(), c("div", {
+          A.value ? (o(), c("div", fe, [
+            (o(!0), c(le, null, te(w.value, (r, s) => (o(), c("div", {
               key: s,
-              class: S(["relative flex items-center p-3 border border-border rounded-lg bg-card shadow-sm transition-colors group", [!a.multiSelect && !a.disabled ? "cursor-pointer hover:border-primary/50" : ""]]),
-              onClick: t[0] || (t[0] = (f) => !a.multiSelect && !a.disabled ? p() : null)
+              class: C(["relative flex items-center p-3 border border-border rounded-lg bg-card shadow-sm 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)
             }, [
-              n("div", re, [
-                n("div", se, [
-                  k(g, {
+              n("div", me, [
+                n("div", ge, [
+                  V(p, {
                     icon: "lucide:file-text",
                     class: "w-5 h-5"
                   })
                 ])
               ]),
-              n("div", ne, [
-                n("p", de, A(o.fileName), 1),
-                n("p", ue, A(E(o.fileSize)), 1)
+              n("div", pe, [
+                n("p", he, b(r.fileName), 1),
+                n("p", ve, b(G(r.fileSize)), 1)
               ]),
-              n("div", ce, [
-                !a.disabled && !a.loading ? (r(), x($, {
+              n("div", xe, [
+                !i.disabled && !i.loading ? (o(), y(P, {
                   key: 0,
                   size: "xs",
                   variant: "ghost",
                   icon: "lucide:x",
                   rounded: "full",
                   class: "text-muted-foreground hover:text-destructive hover:bg-destructive/10",
-                  onClick: D((f) => W(s), ["stop"])
-                }, null, 8, ["onClick"])) : w("", !0)
+                  onClick: M((m) => q(s), ["stop"])
+                }, null, 8, ["onClick"])) : F("", !0)
               ])
             ], 2))), 128)),
-            a.multiSelect && (!a.maxFiles || b.value.length < a.maxFiles) ? (r(), c("div", fe, [
-              k($, {
+            i.multiSelect && (!i.maxFiles || w.value.length < i.maxFiles) ? (o(), c("div", ye, [
+              V(P, {
                 size: "sm",
                 variant: "outline",
                 icon: "lucide:plus",
-                text: "Add more",
-                disabled: a.disabled || a.loading || u.value,
-                onClick: p
-              }, null, 8, ["disabled"])
-            ])) : w("", !0)
-          ])) : (r(), c("div", {
+                text: L.value,
+                disabled: i.disabled || i.loading || u.value,
+                onClick: v
+              }, null, 8, ["text", "disabled"])
+            ])) : F("", !0)
+          ])) : (o(), c("div", {
             key: 0,
-            class: S(["border-2 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", [
+            class: C(["border-2 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 hover:bg-muted/50",
-              a.disabled || a.loading || u.value ? "opacity-50 cursor-not-allowed" : ""
+              i.disabled || i.loading || u.value ? "opacity-50 cursor-not-allowed" : ""
             ]]),
-            onClick: p
+            onClick: v
           }, [
-            n("div", te, [
-              a.loading || u.value ? (r(), x(g, {
+            n("div", se, [
+              i.loading || u.value ? (o(), y(p, {
                 key: 0,
                 icon: "lucide:loader-2",
                 class: "w-6 h-6 animate-spin"
-              })) : (r(), x(g, {
+              })) : (o(), y(p, {
                 key: 1,
                 icon: "lucide:upload-cloud",
                 class: "w-6 h-6"
               }))
             ]),
-            n("div", ae, [
-              t[1] || (t[1] = n("p", { class: "text-sm font-medium text-foreground" }, [
-                n("span", { class: "text-primary hover:underline" }, "Click to upload"),
-                Q(" or drag and drop ")
-              ], -1)),
-              a.fileTypes.length ? (r(), c("p", ie, A(a.fileTypes.join(", ")), 1)) : w("", !0)
+            n("div", ne, [
+              n("p", de, [
+                n("span", ue, b(N.value), 1),
+                ee(" " + b(j.value), 1)
+              ]),
+              i.fileTypes.length ? (o(), c("p", ce, b(i.fileTypes.join(", ")), 1)) : F("", !0)
             ])
           ], 2)),
-          a.loading || u.value ? (r(), c("div", me, [
-            n("div", ge, [
-              k(g, {
+          i.loading || u.value ? (o(), c("div", be, [
+            n("div", ke, [
+              V(p, {
                 icon: "lucide:loader-2",
                 class: "w-6 h-6 animate-spin text-primary"
               })
             ])
-          ])) : w("", !0)
+          ])) : F("", !0)
         ], 32))
       ])
     ]));
   }
 });
 export {
-  ye as default
+  Se as default
 };

package/components/FileTree/FileTree.vue.js

@@ -1,9 +1,10 @@
-import { defineComponent as N, ref as g, watch as E, computed as w, openBlock as p, createElementBlock as S, normalizeClass as T, Fragment as q, renderList as Q, createBlock as V } from "vue";
-import F from "./FileTreeNode.vue.js";
-const z = {
+import { defineComponent as N, ref as p, watch as E, computed as y, openBlock as g, createElementBlock as S, normalizeClass as q, Fragment as Q, renderList as V, createBlock as F, toDisplayString as $ } from "vue";
+import z from "./FileTreeNode.vue.js";
+import { $t as k } from "../../utils/i18n.js";
+const A = {
   key: 1,
   class: "text-sm text-muted-foreground p-4 text-center"
-}, $ = /* @__PURE__ */ N({
+}, J = /* @__PURE__ */ N({
   __name: "FileTree",
   props: {
     modelValue: { default: () => [] },
@@ -14,126 +15,135 @@ const z = {
     loadData: {},
     highlightSearch: { type: Boolean, default: !1 },
     searchQuery: {},
-    class: {}
+    class: {},
+    emptyText: {},
+    emptyTextI18n: {}
   },
   emits: ["update:modelValue", "select", "expand", "node-click"],
   setup(h, { emit: C }) {
-    const l = h, f = C, u = g(new Set(l.defaultExpandedKeys)), y = g(/* @__PURE__ */ new Set()), m = g(/* @__PURE__ */ new Map()), k = g(/* @__PURE__ */ new Map()), M = (t, a) => {
+    const l = h, f = C, u = p(new Set(l.defaultExpandedKeys)), v = p(/* @__PURE__ */ new Set()), m = p(/* @__PURE__ */ new Map()), x = p(/* @__PURE__ */ new Map()), M = (t, a) => {
       for (const e of t)
-        m.value.set(e.id, e), a && k.value.set(e.id, a), e.children && M(e.children, e.id);
+        m.value.set(e.id, e), a && x.value.set(e.id, a), e.children && M(e.children, e.id);
     };
     E(
       () => l.data,
       (t) => {
-        m.value.clear(), k.value.clear(), M(t);
+        m.value.clear(), x.value.clear(), M(t);
       },
       { immediate: !0, deep: !0 }
     );
-    const v = (t) => {
+    const b = (t) => {
       let a = [];
       if (t.children)
         for (const e of t.children)
-          a.push(e.id), a = a.concat(v(e));
+          a.push(e.id), a = a.concat(b(e));
       return a;
-    }, x = w(() => new Set(l.modelValue)), K = w(() => {
+    }, w = y(() => new Set(l.modelValue)), L = y(() => {
       const t = /* @__PURE__ */ new Set();
       if (l.selectionMode !== "multiple") return t;
       const a = (e) => {
         if (!e.children || e.children.length === 0)
-          return x.value.has(e.id) ? { status: "checked" } : { status: "unchecked" };
-        let c = !1, s = !1, i = !1;
-        for (const d of e.children) {
-          const n = a(d);
-          n.status === "checked" && (c = !0), n.status === "unchecked" && (s = !0), n.status === "indeterminate" && (i = !0);
+          return w.value.has(e.id) ? { status: "checked" } : { status: "unchecked" };
+        let n = !1, s = !1, i = !1;
+        for (const r of e.children) {
+          const c = a(r);
+          c.status === "checked" && (n = !0), c.status === "unchecked" && (s = !0), c.status === "indeterminate" && (i = !0);
         }
-        return i || c && s ? (t.add(e.id), { status: "indeterminate" }) : c ? { status: "checked" } : { status: "unchecked" };
+        return i || n && s ? (t.add(e.id), { status: "indeterminate" }) : n ? { status: "checked" } : { status: "unchecked" };
       };
       return l.data.forEach(a), t;
-    }), L = async (t) => {
+    }), I = async (t) => {
       if (t.disabled) return;
       if (u.value.has(t.id)) {
         u.value.delete(t.id);
         const e = m.value.get(t.id) || t;
-        v(e).forEach((s) => u.value.delete(s)), f("expand", t, !1);
+        b(e).forEach((s) => u.value.delete(s)), f("expand", t, !1);
       } else if (u.value.add(t.id), f("expand", t, !0), l.loadData && !t.isLoaded && (!t.children || t.children.length === 0)) {
-        y.value.add(t.id);
+        v.value.add(t.id);
         try {
           await l.loadData(t);
         } finally {
-          y.value.delete(t.id);
+          v.value.delete(t.id);
         }
       }
-    }, B = (t) => {
+    }, D = (t) => {
       if (t.disabled) return;
       const a = m.value.get(t.id) || t;
-      let e = new Set(x.value);
-      const c = e.has(t.id);
+      let e = new Set(w.value);
+      const n = e.has(t.id);
       if (l.selectionMode === "single")
-        e.clear(), c || e.add(t.id);
+        e.clear(), n || e.add(t.id);
       else if (l.selectionMode === "multiple") {
-        const s = v(a), i = !c, d = (o, r) => {
-          r ? e.add(o) : e.delete(o);
+        const s = b(a), i = !n, r = (d, o) => {
+          o ? e.add(d) : e.delete(d);
         };
-        d(t.id, i), s.forEach((o) => d(o, i));
-        let n = a;
+        r(t.id, i), s.forEach((d) => r(d, i));
+        let c = a;
         for (; ; ) {
-          const o = k.value.get(n.id);
-          if (!o) break;
-          const r = m.value.get(o);
-          if (!r || !r.children) break;
-          r.children.every((D) => e.has(D.id)) ? e.add(r.id) : e.delete(r.id), n = r;
+          const d = x.value.get(c.id);
+          if (!d) break;
+          const o = m.value.get(d);
+          if (!o || !o.children) break;
+          o.children.every((B) => e.has(B.id)) ? e.add(o.id) : e.delete(o.id), c = o;
         }
       }
-      f("update:modelValue", Array.from(e)), f("select", a, !c);
-    }, b = w(() => {
+      f("update:modelValue", Array.from(e)), f("select", a, !n);
+    }, T = y(() => {
       if (!l.searchQuery) return l.data;
       const t = l.searchQuery.toLowerCase(), a = (e) => {
-        const c = e.label.toLowerCase().includes(t), s = !!e.searchMatch;
-        let i = [];
-        return e.children && (i = e.children.map(a).filter((d) => d !== null)), c || s || i.length > 0 ? {
+        const s = (e.labelI18n ? k(e.labelI18n) : e.label).toLowerCase().includes(t), i = !!e.searchMatch;
+        let r = [];
+        return e.children && (r = e.children.map(a).filter((c) => c !== null)), s || i || r.length > 0 ? {
           ...e,
-          children: i
+          children: r
         } : null;
       };
       return l.data.map(a).filter((e) => e !== null);
     });
-    return E(
+    E(
       () => [l.searchQuery, l.data],
       ([t]) => {
         if (t) {
-          const a = t.toLowerCase(), e = /* @__PURE__ */ new Set(), c = (s) => {
+          const a = t.toLowerCase(), e = /* @__PURE__ */ new Set(), n = (s) => {
             let i = !1;
             if (s.children)
-              for (const n of s.children)
-                c(n) && (i = !0);
-            const d = s.label.toLowerCase().includes(a) || !!s.searchMatch;
-            return i && e.add(s.id), d || i;
+              for (const d of s.children)
+                n(d) && (i = !0);
+            const c = (s.labelI18n ? k(s.labelI18n) : s.label).toLowerCase().includes(a) || !!s.searchMatch;
+            return i && e.add(s.id), c || i;
           };
-          l.data.forEach(c), e.forEach((s) => u.value.add(s));
+          l.data.forEach(n), e.forEach((s) => u.value.add(s));
         }
       },
       { deep: !0 }
-    ), (t, a) => (p(), S("div", {
-      class: T(["w-full h-full overflow-y-auto", l.class])
+    );
+    const K = y(() => {
+      if (l.emptyTextI18n) return k(l.emptyTextI18n);
+      if (l.emptyText) return l.emptyText;
+      const t = k("vlite.fileTree.emptyText");
+      return t !== "vlite.fileTree.emptyText" ? t : "No results found.";
+    });
+    return (t, a) => (g(), S("div", {
+      class: q(["w-full h-full overflow-y-auto", l.class])
     }, [
-      b.value.length > 0 ? (p(!0), S(q, { key: 0 }, Q(b.value, (e) => (p(), V(F, {
+      T.value.length > 0 ? (g(!0), S(Q, { key: 0 }, V(T.value, (e) => (g(), F(z, {
         key: e.id,
         node: e,
         "selection-mode": h.selectionMode,
-        "selected-keys": x.value,
+        "selected-keys": w.value,
         "expanded-keys": u.value,
-        "indeterminate-keys": K.value,
-        "loading-keys": y.value,
+        "indeterminate-keys": L.value,
+        "loading-keys": v.value,
         "show-checkboxes": h.showCheckboxes,
         "highlight-search": h.highlightSearch,
         "search-query": h.searchQuery,
-        onToggleExpand: L,
-        onToggleSelect: B,
-        onClickNode: a[0] || (a[0] = (c) => f("node-click", c))
-      }, null, 8, ["node", "selection-mode", "selected-keys", "expanded-keys", "indeterminate-keys", "loading-keys", "show-checkboxes", "highlight-search", "search-query"]))), 128)) : (p(), S("div", z, "No results found."))
+        onToggleExpand: I,
+        onToggleSelect: D,
+        onClickNode: a[0] || (a[0] = (n) => f("node-click", n))
+      }, null, 8, ["node", "selection-mode", "selected-keys", "expanded-keys", "indeterminate-keys", "loading-keys", "show-checkboxes", "highlight-search", "search-query"]))), 128)) : (g(), S("div", A, $(K.value), 1))
     ], 2));
   }
 });
 export {
-  $ as default
+  J as default
 };