vlite3 1.1.2 → 1.1.5

package/components/AvatarUploader/AvatarUploader.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as x, ref as w, computed as z, openBlock as i, createElementBlock as r, createElementVNode as b, normalizeClass as o, createVNode as n, withCtx as V, createCommentVNode as g, withModifiers as C } from "vue";
+import { defineComponent as x, ref as w, computed as z, openBlock as i, createElementBlock as n, createElementVNode as b, normalizeClass as r, createVNode as o, withCtx as V, createCommentVNode as g, withModifiers as C } from "vue";
 import c from "../Icon.vue.js";
 import U from "../FilePicker/FilePicker.vue.js";
-import A from "../Avatar.vue.js";
-const R = { class: "inline-block" }, j = ["onClick"], F = /* @__PURE__ */ x({
+import $ from "../Avatar.vue.js";
+const A = ["data-testid"], R = ["onClick"], F = /* @__PURE__ */ x({
   name: "AvatarUploader",
   __name: "AvatarUploader",
   props: {
@@ -19,48 +19,51 @@ const R = { class: "inline-block" }, j = ["onClick"], F = /* @__PURE__ */ x({
   },
   emits: ["update:modelValue", "change", "error"],
   setup(e, { emit: v }) {
-    const a = e, t = v, d = w(null), m = z(() => {
+    const t = e, l = v, d = w(null), m = z(() => {
       if (d.value) return d.value;
-      if (typeof a.modelValue == "string") return a.modelValue;
-      if (a.modelValue && a.modelValue.fileUrl) return a.modelValue.fileUrl;
-      if (a.modelValue && a.modelValue.base64) return a.modelValue.base64;
-      if (a.modelValue && a.modelValue.file instanceof File)
+      if (typeof t.modelValue == "string") return t.modelValue;
+      if (t.modelValue && t.modelValue.fileUrl) return t.modelValue.fileUrl;
+      if (t.modelValue && t.modelValue.base64) return t.modelValue.base64;
+      if (t.modelValue && t.modelValue.file instanceof File)
         try {
-          return URL.createObjectURL(a.modelValue.file);
+          return URL.createObjectURL(t.modelValue.file);
         } catch {
         }
       return null;
-    }), h = (l) => {
-      if (!l || Array.isArray(l)) {
-        Array.isArray(l) && l.length === 0 && f();
+    }), h = (a) => {
+      if (!a || Array.isArray(a)) {
+        Array.isArray(a) && a.length === 0 && f();
         return;
       }
-      if (l.base64)
-        d.value = l.base64, t("update:modelValue", l.base64);
-      else if (l.file)
+      if (a.base64)
+        d.value = a.base64, l("update:modelValue", a.base64);
+      else if (a.file)
         try {
-          d.value = URL.createObjectURL(l.file), t("update:modelValue", l);
+          d.value = URL.createObjectURL(a.file), l("update:modelValue", a);
         } catch {
         }
-      t("change", l);
-    }, y = (l) => {
-      t("error", l);
+      l("change", a);
+    }, y = (a) => {
+      l("error", a);
     }, f = () => {
-      d.value = null, t("update:modelValue", null), t("change", null);
+      d.value = null, l("update:modelValue", null), l("change", null);
     };
-    return (l, u) => (i(), r("div", R, [
+    return (a, u) => (i(), n("div", {
+      class: "inline-block",
+      "data-testid": a.$attrs["data-testid"] || (a.$attrs.name ? `avatar-${a.$attrs.name}` : "avatar-uploader")
+    }, [
       b("div", {
-        class: o(["relative inline-block group", e.rounded === "full" ? "rounded-full" : "rounded-md"])
+        class: r(["relative inline-block group", e.rounded === "full" ? "rounded-full" : "rounded-md"])
       }, [
-        n(A, {
+        o($, {
           src: m.value || void 0,
           fallback: e.fallback,
           alt: e.alt,
           size: e.size,
           rounded: e.rounded,
-          class: o(e.className)
+          class: r(e.className)
         }, null, 8, ["src", "fallback", "alt", "size", "rounded", "class"]),
-        n(U, {
+        o(U, {
           disabled: !e.editable || e.disabled || e.loading,
           "return-format": "base64",
           "file-types": ["image/jpeg", "image/png", "image/webp", "image/gif"],
@@ -72,44 +75,44 @@ const R = { class: "inline-block" }, j = ["onClick"], F = /* @__PURE__ */ x({
           trigger: V(({ trigger: s, isLoading: k }) => [
             b("button", {
               type: "button",
-              class: o(["absolute inset-0 cursor-pointer", { "cursor-default": !e.editable || e.disabled }]),
-              onClick: (B) => e.editable && !e.disabled ? s() : null
+              class: r(["absolute inset-0 cursor-pointer", { "cursor-default": !e.editable || e.disabled }]),
+              onClick: (j) => e.editable && !e.disabled ? s() : null
             }, [
-              e.loading || k ? (i(), r("div", {
+              e.loading || k ? (i(), n("div", {
                 key: 0,
-                class: o(["absolute inset-0 flex items-center justify-center bg-[#7878783b] text-white", e.rounded === "full" ? "rounded-full" : "rounded-md"])
+                class: r(["absolute inset-0 flex items-center justify-center bg-[#7878783b] text-white", e.rounded === "full" ? "rounded-full" : "rounded-md"])
               }, [
-                n(c, {
+                o(c, {
                   icon: "lucide:loader-2",
                   class: "animate-spin w-1/3 h-1/3"
                 })
-              ], 2)) : e.editable && !e.disabled ? (i(), r("div", {
+              ], 2)) : e.editable && !e.disabled ? (i(), n("div", {
                 key: 1,
-                class: o(["absolute inset-0 flex items-center justify-center bg-[#00000051] text-white opacity-0 group-hover:opacity-100 transition-opacity", e.rounded === "full" ? "rounded-full" : "rounded-md"])
+                class: r(["absolute inset-0 flex items-center justify-center bg-[#00000051] text-white opacity-0 group-hover:opacity-100 transition-opacity", e.rounded === "full" ? "rounded-full" : "rounded-md"])
               }, [
-                n(c, {
+                o(c, {
                   icon: "lucide:camera",
                   class: "w-1/3 h-1/3"
                 })
               ], 2)) : g("", !0)
-            ], 10, j)
+            ], 10, R)
           ]),
           _: 1
         }, 8, ["disabled", "max-size"]),
-        (m.value || e.modelValue) && e.editable && !e.disabled && !e.loading ? (i(), r("button", {
+        (m.value || e.modelValue) && e.editable && !e.disabled && !e.loading ? (i(), n("button", {
           key: 0,
           type: "button",
           class: "absolute -top-1 -right-1 z-10 p-1 bg-background border border-border rounded-full text-muted-foreground shadow-sm hover:text-destructive hover:border-destructive transition-all opacity-0 group-hover:opacity-100 scale-75 group-hover:scale-100",
           onClick: C(f, ["stop"]),
           title: "Remove image"
         }, [
-          n(c, {
+          o(c, {
             icon: "lucide:x",
             class: "w-3 h-3"
           })
         ])) : g("", !0)
       ], 2)
-    ]));
+    ], 8, A));
   }
 });
 export {

package/components/Button.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as k, computed as a, useSlots as z, withDirectives as B, openBlock as o, createElementBlock as g, normalizeClass as r, createBlock as d, createCommentVNode as h, renderSlot as m, createTextVNode as b, toDisplayString as f, unref as I } from "vue";
+import { defineComponent as z, computed as l, useSlots as k, withDirectives as $, openBlock as o, createElementBlock as g, normalizeClass as s, createBlock as d, createCommentVNode as h, renderSlot as m, createTextVNode as b, toDisplayString as f, unref as B } from "vue";
 import u from "./Icon.vue.js";
-import { vRipple as R } from "../directives/vRipple.js";
-import { $t as S } from "../utils/i18n.js";
-const $ = ["type", "disabled"], T = /* @__PURE__ */ k({
+import { vRipple as I } from "../directives/vRipple.js";
+import { $t as R } from "../utils/i18n.js";
+const S = ["type", "disabled", "data-testid"], T = /* @__PURE__ */ z({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -22,10 +22,10 @@ const $ = ["type", "disabled"], T = /* @__PURE__ */ k({
     asIcon: { type: Boolean }
   },
   setup(e) {
-    const t = e, l = a(() => t.textI18n ? S(t.textI18n) : t.text), x = z(), s = a(
-      () => t?.asIcon || t.icon && !l.value && !x.default
-    ), v = a(() => {
-      const n = `inline-flex items-center justify-center whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer gap-2 ${s.value ? "icon-only shrink-0" : ""}`, i = {
+    const t = e, r = l(() => t.textI18n ? R(t.textI18n) : t.text), v = k(), i = l(
+      () => t?.asIcon || t.icon && !r.value && !v.default
+    ), x = l(() => {
+      const n = `inline-flex items-center justify-center whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer gap-2 ${i.value ? "icon-only shrink-0" : ""}`, a = {
         primary: "bg-primary text-primary-foreground hover:bg-primary/90",
         "primary-light": "bg-primary-light text-primary-fg-light hover:bg-primary/20",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
@@ -45,7 +45,8 @@ const $ = ["type", "disabled"], T = /* @__PURE__ */ k({
         "outline-info": "border border-info text-info hover:bg-info/10",
         "outline-success": "border border-success text-success hover:bg-success/10",
         ghost: "hover:bg-accent hover:text-accent-foreground text-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
+        link: "text-primary underline-offset-4 hover:underline",
+        transparent: ""
       }, w = {
         xs: "h-6.5 px-2",
         sm: "h-7.5 px-3",
@@ -53,14 +54,14 @@ const $ = ["type", "disabled"], T = /* @__PURE__ */ k({
         md: "h-9 px-4 py-2",
         lg: "h-10 px-4",
         xl: "h-12 px-10"
-      }, p = {
+      }, y = {
         xs: "h-6.5 w-6.5 min-h-6.5 min-w-6.5",
         sm: "h-7.5 w-7.5 min-h-7.5 min-w-7.5",
         sm2: "h-8 w-8 min-h-8 min-w-8",
         md: "h-9 w-9 min-h-9 min-w-9",
         lg: "h-10 w-10 min-h-10 min-w-10",
         xl: "h-12 w-12 min-h-12 min-w-12"
-      }, y = {
+      }, p = {
         none: "rounded-none",
         sm: "rounded-sm",
         sm2: "rounded-sm",
@@ -70,15 +71,15 @@ const $ = ["type", "disabled"], T = /* @__PURE__ */ k({
         "2xl": "rounded-2xl",
         full: "rounded-full"
       };
-      let C = s.value ? p[t.size] : w[t.size];
+      let C = i.value ? y[t.size] : w[t.size];
       return [
         n,
-        i[t.variant],
-        y[t.rounded],
+        a[t.variant],
+        p[t.rounded],
         C,
         t.class
       ].join(" ");
-    }), c = a(() => {
+    }), c = l(() => {
       const n = {
         xs: "w-3 h-3",
         sm: "w-4 h-4",
@@ -86,7 +87,7 @@ const $ = ["type", "disabled"], T = /* @__PURE__ */ k({
         md: "w-4 h-4",
         lg: "w-4 h-4",
         xl: "w-4 h-4"
-      }, i = {
+      }, a = {
         xs: "w-3 h-3",
         sm: "w-4 h-4",
         sm2: "w-4 h-4",
@@ -94,39 +95,40 @@ const $ = ["type", "disabled"], T = /* @__PURE__ */ k({
         lg: "w-4 h-4",
         xl: "w-4 h-4"
       };
-      return s.value ? i[t.size] : n[t.size];
+      return i.value ? a[t.size] : n[t.size];
     });
-    return (n, i) => B((o(), g("button", {
+    return (n, a) => $((o(), g("button", {
       type: e.type,
-      class: r([v.value, "cursor-pointer"]),
-      disabled: e.disabled || e.loading
+      class: s([x.value, "cursor-pointer"]),
+      disabled: e.disabled || e.loading,
+      "data-testid": n.$attrs["data-testid"] || (r.value ? `btn-${r.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : e.icon ? `btn-${e.icon.replace(/[^a-zA-Z0-9]+/g, "-")}` : "button")
     }, [
       e.loading ? (o(), d(u, {
         key: 0,
         icon: "lucide:loader-2",
-        class: r(["animate-spin pointer-events-none", c.value])
+        class: s(["animate-spin pointer-events-none", c.value])
       }, null, 8, ["class"])) : e.icon ? (o(), d(u, {
         key: 1,
         icon: e.icon,
-        class: r(["pointer-events-none", [e.iconClass, c.value, s.value ? "mx-auto" : ""]])
+        class: s(["pointer-events-none", [e.iconClass, c.value, i.value ? "mx-auto" : ""]])
       }, null, 8, ["icon", "class"])) : h("", !0),
       e.textClass ? (o(), g("span", {
         key: 2,
-        class: r(e.textClass)
+        class: s(e.textClass)
       }, [
         m(n.$slots, "default", {}, () => [
-          b(f(l.value), 1)
+          b(f(r.value), 1)
         ])
       ], 2)) : m(n.$slots, "default", { key: 3 }, () => [
-        b(f(l.value), 1)
+        b(f(r.value), 1)
       ]),
       e.iconRight && !e.loading ? (o(), d(u, {
         key: 4,
         icon: e.iconRight,
-        class: r([[e.iconRightClass, c.value], "h-4 w-4 pointer-events-none"])
+        class: s([[e.iconRightClass, c.value], "h-4 w-4 pointer-events-none"])
       }, null, 8, ["icon", "class"])) : h("", !0)
-    ], 10, $)), [
-      [I(R)]
+    ], 10, S)), [
+      [B(I)]
     ]);
   }
 });

package/components/Carousel/Carousel.vue.d.ts

@@ -352,7 +352,7 @@ declare function __VLS_template(): {
             };
         }>> & Readonly<{
             "onSlide-change"?: ((index: number) => any) | undefined;
-        }>, "state" | "focus" | "direction" | "draggable" | "easing" | "goNext" | "gap" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
+        }>, "state" | "focus" | "direction" | "draggable" | "easing" | "gap" | "goNext" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
             goToSlide: (index: number, smooth?: boolean) => void;
             goNext: (smooth?: boolean) => void;
             goPrev: (smooth?: boolean) => void;
@@ -778,7 +778,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
     }>> & Readonly<{
         "onSlide-change"?: ((index: number) => any) | undefined;
-    }>, "state" | "focus" | "direction" | "draggable" | "easing" | "goNext" | "gap" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
+    }>, "state" | "focus" | "direction" | "draggable" | "easing" | "gap" | "goNext" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
         goToSlide: (index: number, smooth?: boolean) => void;
         goNext: (smooth?: boolean) => void;
         goPrev: (smooth?: boolean) => void;

package/components/CategoryManager/CategoryManager.vue.d.ts

@@ -13,13 +13,21 @@ declare const __VLS_component: import('vue').DefineComponent<CategoryManagerProp
     "update:modelValue": (val: CategoryItem[]) => any;
     onAdd: (item: CategoryItem) => any;
     onEdit: (item: CategoryItem) => any;
-    onReorder: (val: CategoryItem[]) => any;
+    onReorder: (val: {
+        id: string | number;
+        parentId: string | number | null;
+        position: number;
+    }) => any;
 }, string, import('vue').PublicProps, Readonly<CategoryManagerProps> & Readonly<{
     onOnDelete?: (item: CategoryItem) => any;
     "onUpdate:modelValue"?: (val: CategoryItem[]) => any;
     onOnAdd?: (item: CategoryItem) => any;
     onOnEdit?: (item: CategoryItem) => any;
-    onOnReorder?: (val: CategoryItem[]) => any;
+    onOnReorder?: (val: {
+        id: string | number;
+        parentId: string | number | null;
+        position: number;
+    }) => any;
 }>, {
     size: "sm" | "md" | "lg";
     readonly: boolean;