vlite3 1.4.40 → 1.5.0

package/components/Clipboard.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as f, ref as p, computed as i, openBlock as m, createBlock as x, normalizeClass as T, withCtx as v, renderSlot as y, createCommentVNode as I } from "vue";
+import { defineComponent as f, ref as p, computed as n, openBlock as x, createBlock as m, normalizeClass as T, withCtx as v, renderSlot as y, createCommentVNode as I } from "vue";
 import C from "./Button.vue.js";
-import { $t as d } from "../utils/i18n.js";
-const w = /* @__PURE__ */ f({
+import { $t as r } from "../utils/i18n.js";
+const B = /* @__PURE__ */ f({
   __name: "Clipboard",
   props: {
     textToCopy: {},
@@ -16,54 +16,56 @@ const w = /* @__PURE__ */ f({
     copiedText: {},
     defaultTextI18n: { default: "vlite.clipboard.copy" },
     copiedTextI18n: { default: "vlite.clipboard.copied" },
-    asIcon: { type: Boolean, default: !1 }
+    asIcon: { type: Boolean, default: !1 },
+    dir: { default: "auto" }
   },
   emits: ["copy", "error"],
-  setup(o, { emit: r }) {
-    const e = o, l = r, a = p(!1);
-    let n = null;
-    const u = i(() => a.value ? e.copiedIcon : e.defaultIcon), c = i(() => {
+  setup(o, { emit: c }) {
+    const e = o, i = c, a = p(!1);
+    let d = null;
+    const u = n(() => a.value ? e.copiedIcon : e.defaultIcon), l = n(() => {
       if (!e.asIcon)
         if (a.value) {
           if (e.copiedText) return e.copiedText;
-          const t = d(e.copiedTextI18n);
+          const t = r(e.copiedTextI18n);
           return t !== e.copiedTextI18n ? t : "Copied";
         } else {
           if (e.defaultText) return e.defaultText;
-          const t = d(e.defaultTextI18n);
+          const t = r(e.defaultTextI18n);
           return t !== e.defaultTextI18n ? t : "Copy";
         }
     }), s = async () => {
       if (!e.disabled)
         try {
-          await navigator.clipboard.writeText(e.textToCopy), a.value = !0, l("copy", e.textToCopy), n && clearTimeout(n), n = setTimeout(() => {
+          await navigator.clipboard.writeText(e.textToCopy), a.value = !0, i("copy", e.textToCopy), d && clearTimeout(d), d = setTimeout(() => {
             a.value = !1;
           }, 500);
         } catch (t) {
-          l("error", t instanceof Error ? t : new Error("Copy failed"));
+          i("error", t instanceof Error ? t : new Error("Copy failed"));
         }
     };
-    return (t, b) => (m(), x(C, {
+    return (t, b) => (x(), m(C, {
       variant: o.variant,
       size: o.size,
       rounded: o.rounded,
       class: T(e.class),
       disabled: o.disabled,
       icon: u.value,
-      text: c.value,
+      text: l.value,
       "as-icon": o.asIcon,
+      dir: o.dir === "auto" ? void 0 : o.dir,
       onClick: s
     }, {
       default: v(() => [
-        !o.asIcon && !c.value ? y(t.$slots, "default", {
+        !o.asIcon && !l.value ? y(t.$slots, "default", {
           key: 0,
           copied: a.value
         }) : I("", !0)
       ]),
       _: 3
-    }, 8, ["variant", "size", "rounded", "class", "disabled", "icon", "text", "as-icon"]));
+    }, 8, ["variant", "size", "rounded", "class", "disabled", "icon", "text", "as-icon", "dir"]));
   }
 });
 export {
-  w as default
+  B as default
 };

package/components/ColorPicker/{ColorIro.vue.js → ColorIro.vue2.js}

@@ -1,9 +1,9 @@
-import { defineComponent as T, ref as x, computed as _, watch as u, onMounted as B, onUnmounted as P, openBlock as a, createElementBlock as b, createVNode as R, unref as S, createBlock as z, createCommentVNode as p, createElementVNode as L, normalizeStyle as V, renderSlot as I, nextTick as M } from "vue";
-import c from "@jaames/iro";
+import { defineComponent as T, ref as x, computed as B, watch as u, onMounted as P, onUnmounted as R, openBlock as a, createElementBlock as b, createVNode as L, unref as S, createBlock as z, createCommentVNode as p, createElementVNode as _, normalizeStyle as V, renderSlot as I, nextTick as M } from "vue";
+import l from "@jaames/iro";
 import { useEyeDropper as N } from "@vueuse/core";
 import d from "../Button.vue.js";
-import { COLOR_PICKER_RESET_VALUE as $ } from "./constants.js";
-const D = { class: "space-y-3 w-max" }, F = {
+import { COLOR_PICKER_RESET_VALUE as D } from "./constants.js";
+const F = { class: "space-y-3 w-max" }, O = {
   key: 0,
   class: "flex gap-2 mb-2.5 -text-fs-3 pr-0.5"
 }, j = /* @__PURE__ */ T({
@@ -14,13 +14,13 @@ const D = { class: "space-y-3 w-max" }, F = {
     size: { default: "md" }
   },
   emits: ["update:color", "close"],
-  setup(l, { emit: E }) {
-    const n = l, s = E, t = x(), o = x(null);
+  setup(c, { emit: E }) {
+    const n = c, s = E, t = x(), o = x(null);
     let i = !1;
     const { isSupported: f, open: w, sRGBHex: H } = N(), m = (e) => {
       const r = (e || "").toLowerCase();
-      return r === $ || r === "#00000000";
-    }, C = (e) => m(e) || !e ? "#000000" : e, v = _(() => {
+      return r === D || r === "#00000000";
+    }, C = (e) => m(e) || !e ? "#000000" : e, v = B(() => {
       switch (n.size) {
         case "sm":
           return 140;
@@ -37,7 +37,7 @@ const D = { class: "space-y-3 w-max" }, F = {
       if (!(!t.value || o.value)) {
         await M();
         try {
-          o.value && (o.value.off("color:change"), o.value = null), t.value && (t.value.innerHTML = ""), o.value = c.ColorPicker(t.value, {
+          o.value && (o.value.off("color:change"), o.value = null), t.value && (t.value.innerHTML = ""), o.value = l.ColorPicker(t.value, {
             width: v.value,
             color: C(n.color),
             margin: 9,
@@ -45,22 +45,22 @@ const D = { class: "space-y-3 w-max" }, F = {
             sliderSize: 14,
             layout: [
               {
-                component: c.ui.Box
+                component: l.ui.Box
               },
               {
-                component: c.ui.Slider,
+                component: l.ui.Slider,
                 options: {
                   sliderType: "hue"
                 }
               },
               {
-                component: c.ui.Slider,
+                component: l.ui.Slider,
                 options: {
                   sliderType: "saturation"
                 }
               },
               {
-                component: c.ui.Slider,
+                component: l.ui.Slider,
                 options: {
                   sliderType: "value"
                 }
@@ -114,15 +114,15 @@ const D = { class: "space-y-3 w-max" }, F = {
         console.error("Error opening eyedropper:", e);
       }
     };
-    return B(() => {
+    return P(() => {
       h();
-    }), P(() => {
+    }), R(() => {
       k();
-    }), (e, r) => (a(), b("div", D, [
-      l.showHeader ? (a(), b("div", F, [
-        R(d, {
+    }), (e, r) => (a(), b("div", F, [
+      c.showHeader ? (a(), b("div", O, [
+        L(d, {
           icon: "typcn:arrow-back",
-          onClick: r[0] || (r[0] = (O) => s("close")),
+          onClick: r[0] || (r[0] = (U) => s("close")),
           class: "flex-1 px-2 py-1 bg-background hover:bg-accent rounded text-xs border border-border transition-colors"
         }),
         S(f) ? (a(), z(d, {
@@ -132,13 +132,13 @@ const D = { class: "space-y-3 w-max" }, F = {
           class: "flex-1 px-2 py-1 bg-background hover:bg-accent rounded text-xs border border-border transition-colors"
         })) : p("", !0)
       ])) : p("", !0),
-      L("div", {
+      _("div", {
         ref_key: "pickerRef",
         ref: t,
-        style: V({ width: v.value + "px", minHeight: y[l.size] + "px" })
+        style: V({ width: v.value + "px", minHeight: y[c.size] + "px" })
       }, null, 4),
       I(e.$slots, "bottom", {}, () => [
-        S(f) && !l.showHeader ? (a(), z(d, {
+        S(f) && !c.showHeader ? (a(), z(d, {
           key: 0,
           onClick: g,
           icon: "pepicons-pop:color-picker",

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue.js";
-/* empty css              */
+import o from "./ColorIro.vue2.js";
+/* empty css             */
 export {
   o as default
 };

package/components/ColorPicker/ColorPicker.vue.js

@@ -7,8 +7,8 @@ import "../../core/config.js";
 /* empty css                                    */
 /* empty css                            */
 import y from "../Button.vue.js";
-import A from "./ColorIro.vue.js";
-/* empty css              */
+import A from "./ColorIro.vue2.js";
+/* empty css             */
 import { useEyeDropper as T } from "@vueuse/core";
 import { COLOR_PICKER_RESET_VALUE as g } from "./constants.js";
 const F = ["disabled", "aria-label"], G = { class: "min-w-0 flex-1 truncate text-foreground" }, K = { class: "absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center justify-center z-20 pointer-events-none" }, q = {
@@ -35,17 +35,17 @@ const F = ["disabled", "aria-label"], G = { class: "min-w-0 flex-1 truncate text
     allowReset: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change", "reset"],
-  setup(e, { emit: $ }) {
-    const l = e, f = $, p = k(!1), a = k(l.modelValue || "#000000"), x = w(() => {
+  setup(e, { emit: E }) {
+    const l = e, f = E, p = k(!1), a = k(l.modelValue || "#000000"), x = w(() => {
       const t = (l.modelValue || "").toLowerCase();
       return !t || t === g;
-    }), d = w(() => l.allowReset && !l.disabled && !x.value), { isSupported: E, open: O, sRGBHex: B } = T();
-    v(B, (t) => {
+    }), d = w(() => l.allowReset && !l.disabled && !x.value), { isSupported: $, open: B, sRGBHex: O } = T();
+    v(O, (t) => {
       t && (a.value = t);
     });
     const P = async () => {
       try {
-        await O();
+        await B();
       } catch (t) {
         console.error("Error opening eyedropper:", t);
       }
@@ -156,7 +156,7 @@ const F = ["disabled", "aria-label"], G = { class: "min-w-0 flex-1 truncate text
           }, {
             bottom: h(() => [
               e.showInput || e.allowReset ? (o(), s("div", J, [
-                e.showInput && V(E) ? (o(), c(y, {
+                e.showInput && V($) ? (o(), c(y, {
                   key: 0,
                   onClick: P,
                   icon: "pepicons-pop:color-picker",

package/components/Comment/CommentEditor.vue.js

@@ -31,23 +31,23 @@ const X = { class: "flex-1 min-w-0 flex flex-col gap-2" }, Y = {
   },
   emits: ["submit", "cancel"],
   setup(t, { emit: S }) {
-    const i = t, b = S, $ = h(() => {
+    const i = t, b = S, N = h(() => {
       if (i.placeholder) return i.placeholder;
       const e = k("vlite.comment.placeholder");
       return e !== "vlite.comment.placeholder" ? e : "Leave a comment...";
-    }), N = h(() => {
+    }), V = h(() => {
       if (i.editingText) return i.editingText;
       const e = k("vlite.comment.editing");
       return e !== "vlite.comment.editing" ? e : "Editing Comment";
-    }), V = h(() => {
+    }), $ = h(() => {
       if (i.cancelEditText) return i.cancelEditText;
       const e = k("vlite.comment.cancelEdit");
       return e !== "vlite.comment.cancelEdit" ? e : "Press Esc to cancel";
-    }), _ = h(() => {
+    }), B = h(() => {
       if (i.cancelText) return i.cancelText;
       const e = k("vlite.comment.cancel");
       return e !== "vlite.comment.cancel" ? e : "Cancel";
-    }), v = T(i.initialText), o = T(null), l = T([]), { handleUploadFiles: B, loading: s } = W(), U = () => {
+    }), v = T(i.initialText), o = T(null), l = T([]), { handleUploadFiles: R, loading: s } = W(), U = () => {
       if (!o.value) return;
       o.value.style.height = "auto";
       const e = o.value.scrollHeight;
@@ -58,12 +58,12 @@ const X = { class: "flex-1 min-w-0 flex flex-col gap-2" }, Y = {
         U();
       });
     });
-    const R = (e) => {
+    const D = (e) => {
       e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), s.value || z()) : e.key === "Escape" && i.variant !== "root" && (e.preventDefault(), b("cancel"));
     }, E = h(() => {
       const e = !!v.value.trim(), n = Array.isArray(l.value) && l.value.length > 0;
       return (e || n) && !s.value;
-    }), D = (e) => {
+    }), _ = (e) => {
       s.value || Array.isArray(l.value) && l.value.splice(e, 1);
     }, z = async () => {
       if (!E.value) return;
@@ -72,7 +72,7 @@ const X = { class: "flex-1 min-w-0 flex flex-col gap-2" }, Y = {
       if (n) {
         const x = l.value.map((g) => g.file).filter(Boolean);
         if (x.length > 0) {
-          const g = await B(x, i.folderId);
+          const g = await R(x, i.folderId);
           a = l.value.map((u, I) => ({
             fileUrl: g[I] || "",
             fileName: u.fileName,
@@ -104,10 +104,10 @@ const X = { class: "flex-1 min-w-0 flex flex-col gap-2" }, Y = {
               icon: "lucide:pencil",
               class: "w-3.5 h-3.5 text-primary shrink-0"
             }),
-            r("span", null, y(N.value), 1)
+            r("span", null, y(V.value), 1)
           ]),
           r("div", ee, [
-            r("span", te, y(V.value), 1),
+            r("span", te, y($.value), 1),
             r("button", {
               onClick: n[0] || (n[0] = (a) => b("cancel")),
               class: "hover:text-foreground p-0.5 rounded-full hover:bg-background transition-colors",
@@ -135,7 +135,7 @@ const X = { class: "flex-1 min-w-0 flex flex-col gap-2" }, Y = {
                 title: a.fileName
               }, y(a.fileName), 9, ie),
               r("button", {
-                onClick: (g) => D(x),
+                onClick: (g) => _(x),
                 disabled: f(s),
                 class: "absolute right-1 top-1/2 -translate-y-1/2 p-1 text-muted-foreground hover:text-destructive rounded-full hover:bg-muted/50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
               }, [
@@ -174,13 +174,13 @@ const X = { class: "flex-1 min-w-0 flex flex-col gap-2" }, Y = {
               ref_key: "textareaRef",
               ref: o,
               "onUpdate:modelValue": n[2] || (n[2] = (a) => v.value = a),
-              placeholder: $.value,
+              placeholder: N.value,
               disabled: f(s),
               class: "flex-1 max-h-[120px] min-h-[20px] w-full resize-none bg-transparent px-2 py-2 text-sm text-foreground outline-none placeholder:text-muted-foreground scrollbar-thin disabled:opacity-50",
               rows: "1",
               "aria-label": "Comment input",
               onInput: U,
-              onKeydown: R
+              onKeydown: D
             }, null, 40, se), [
               [G, v.value]
             ]),
@@ -194,7 +194,7 @@ const X = { class: "flex-1 min-w-0 flex flex-col gap-2" }, Y = {
                 disabled: f(s)
               }, {
                 default: A(() => [
-                  J(y(_.value), 1)
+                  J(y(B.value), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])) : p("", !0),

package/components/Comment/CommentItem.vue2.js

@@ -73,15 +73,15 @@ const X = { class: "vl-comment flex w-full relative" }, Y = { class: "flex flex-
         hour: "numeric",
         minute: "numeric"
       }).format(m);
-    }), $ = u(() => {
+    }), B = u(() => {
       if (l.editedText) return l.editedText;
       const m = k("vlite.comment.edited");
       return m !== "vlite.comment.edited" ? m : "edited";
-    }), B = u(() => {
+    }), M = u(() => {
       if (l.replyText) return l.replyText;
       const m = k("vlite.comment.replyAction");
       return m !== "vlite.comment.replyAction" ? m : "Reply";
-    }), M = u(() => {
+    }), $ = u(() => {
       if (l.loadMoreRepliesText) return l.loadMoreRepliesText;
       if (l.comment.replyCount && l.comment.replyCount > 0)
         return `View ${l.comment.replyCount} more replies`;
@@ -127,7 +127,7 @@ const X = { class: "vl-comment flex w-full relative" }, Y = { class: "flex flex-
               _: 1
             })) : d("", !0),
             R.value ? (i(), r("span", le, f(R.value), 1)) : d("", !0),
-            e.comment.isEdited ? (i(), r("span", ie, " (" + f($.value) + ") ", 1)) : d("", !0),
+            e.comment.isEdited ? (i(), r("span", ie, " (" + f(B.value) + ") ", 1)) : d("", !0),
             a("div", oe, [
               I.value ? (i(), y(T, {
                 key: 0,
@@ -138,7 +138,7 @@ const X = { class: "vl-comment flex w-full relative" }, Y = { class: "flex flex-
                 onClick: t[0] || (t[0] = (c) => o("reply", { commentId: e.comment.id, comment: e.comment }))
               }, {
                 default: g(() => [
-                  b(f(B.value), 1)
+                  b(f(M.value), 1)
                 ]),
                 _: 1
               })) : d("", !0),
@@ -309,7 +309,7 @@ const X = { class: "vl-comment flex w-full relative" }, Y = { class: "flex flex-
                     })
                   ], -1),
                   b(" Loading... ", -1)
-                ])])) : (i(), r("span", ue, f(M.value), 1))
+                ])])) : (i(), r("span", ue, f($.value), 1))
               ], 8, se)
             ])) : d("", !0)
           ])) : d("", !0)

package/components/Comment/CommentThread.vue.js

@@ -2,8 +2,8 @@ import { defineComponent as p, ref as v, computed as h, openBlock as a, createEl
 import { $t as g } from "../../utils/i18n.js";
 import V from "./CommentItem.vue.js";
 import E from "./CommentEditor.vue.js";
-import $ from "../Button.vue.js";
-const L = {
+import L from "../Button.vue.js";
+const $ = {
   key: 0,
   class: "mb-8"
 }, j = {
@@ -89,7 +89,7 @@ const L = {
     }), (t, l) => (a(), n("div", {
       class: C(["vl-comment-thread flex flex-col w-full", c.class])
     }, [
-      e.inputPosition === "top" ? (a(), n("div", L, [
+      e.inputPosition === "top" ? (a(), n("div", $, [
         u(E, {
           variant: "root",
           "current-user": e.currentUser,
@@ -149,7 +149,7 @@ const L = {
           _: 1
         }),
         e.hasMore ? (a(), n("div", q, [
-          u($, {
+          u(L, {
             variant: "ghost",
             size: "sm",
             loading: e.loadingMore,

package/components/DataList/DataList.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as x, ref as z, computed as m, markRaw as P, watch as y, openBlock as n, createElementBlock as l, normalizeClass as p, Fragment as I, renderList as k, renderSlot as g, withMemo as v, createBlock as h, resolveDynamicComponent as w, createVNode as T, unref as C, mergeProps as $, createCommentVNode as B } from "vue";
+import { defineComponent as x, ref as z, computed as m, markRaw as P, watch as y, openBlock as n, createElementBlock as l, normalizeClass as p, Fragment as I, renderList as k, renderSlot as g, withMemo as v, createBlock as h, resolveDynamicComponent as w, createVNode as T, unref as C, mergeProps as B, createCommentVNode as N } from "vue";
 import E from "../Pagination/Pagination.vue.js";
 import F from "../Empty/Empty.vue.js";
 const M = { class: "flex flex-col w-full" }, O = {
@@ -34,8 +34,8 @@ const M = { class: "flex flex-col w-full" }, O = {
     delete: {}
   },
   emits: ["change"],
-  setup(e, { emit: N }) {
-    const a = e, D = N, i = z(a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10), d = m(() => a.item ? P(a.item) : void 0), u = m(() => {
+  setup(e, { emit: $ }) {
+    const a = e, D = $, i = z(a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10), d = m(() => a.item ? P(a.item) : void 0), u = m(() => {
       const t = a.skeleton || a.skelton;
       return t ? P(t) : void 0;
     });
@@ -93,16 +93,16 @@ const M = { class: "flex flex-col w-full" }, O = {
           data: e.data,
           index: r
         }, () => [
-          d.value ? v([o, r], () => (n(), h(w(d.value), $({
+          d.value ? v([o, r], () => (n(), h(w(d.value), B({
             key: 0,
             item: o,
             data: e.data,
             index: r
-          }, { ref_for: !0 }, e.itemProps), null, 16, ["item", "data", "index"])), s, 1) : B("", !0)
+          }, { ref_for: !0 }, e.itemProps), null, 16, ["item", "data", "index"])), s, 1) : N("", !0)
         ])), 128))
       ], 2)),
       e.showPagination && e.pageInfo && S.value > 1 ? (n(), l("div", R, [
-        T(C(E), $({
+        T(C(E), B({
           "current-page": e.pageInfo?.currentPage,
           "total-pages": e.pageInfo?.totalPages,
           "total-items": e.pageInfo?.totalItems,
@@ -111,7 +111,7 @@ const M = { class: "flex flex-col w-full" }, O = {
           onChange: b,
           "onUpdate:itemsPerPage": L
         }), null, 16, ["current-page", "total-pages", "total-items"])
-      ])) : B("", !0)
+      ])) : N("", !0)
     ]));
   }
 });

package/components/DataTable/DataTable.vue.d.ts

@@ -6,8 +6,15 @@ declare function __VLS_template(): {
         row: any;
         index: number;
         field: string;
+    }) => any>> & Partial<Record<string, (_: {
+        value: any;
+        row: any;
+        index: number;
+        field: string;
     }) => any>> & {
         empty?(_: {}): any;
+        empty?(_: {}): any;
+        'empty-action'?(_: {}): any;
         'empty-action'?(_: {}): any;
     };
     refs: {};
@@ -39,17 +46,18 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
     striped: boolean;
     rows: any[];
     headers: TableHeader[];
+    sortable: boolean;
     emptyIcon: string;
     selectedRows: any[];
     hideSelectable: boolean;
     paginationProps: import('./types').DataTablePaginationProps;
+    responsive: boolean;
     bordered: boolean;
     showPagination: boolean;
     cellBordered: boolean;
     keyField: string;
     hoverable: boolean;
     treeIndent: number;
-    sortable: boolean;
     headerVariant: "default" | "minimal";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;