vlite3 1.2.14 → 1.2.15

package/components/Button.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as N, useAttrs as T, computed as s, useSlots as A, withDirectives as G, openBlock as i, createElementBlock as l, normalizeClass as a, Fragment as C, createElementVNode as k, createBlock as f, createCommentVNode as c, renderSlot as S, createTextVNode as $, toDisplayString as v, unref as F } from "vue";
-import p from "./Icon.vue.js";
+import { defineComponent as N, useAttrs as T, computed as s, useSlots as A, withDirectives as G, openBlock as i, createElementBlock as l, normalizeClass as a, Fragment as C, createElementVNode as k, createBlock as x, createCommentVNode as c, renderSlot as S, createTextVNode as $, toDisplayString as p, unref as F } from "vue";
+import v from "./Icon.vue.js";
 import { vRipple as H } from "../directives/vRipple.js";
 import { $t as M } from "../utils/i18n.js";
 const O = ["type", "disabled", "data-testid"], Z = {
@@ -65,10 +65,10 @@ const O = ["type", "disabled", "data-testid"], Z = {
       md: "w-12 h-12",
       lg: "w-14 h-14",
       xl: "w-16 h-16"
-    })[e.size]), r = s(() => e.textI18n ? M(e.textI18n) : e.text), B = A(), x = s(
+    })[e.size]), r = s(() => e.textI18n ? M(e.textI18n) : e.text), B = A(), m = s(
       () => e?.asIcon || e.icon && !r.value && !B.default
     ), u = s(() => e.icon ? e.icon.startsWith("http://") || e.icon.startsWith("https://") || e.icon.startsWith("data:image/") ? !0 : [".png", ".jpg", ".jpeg", ".gif", ".svg", ".webp", ".ico", ".avif"].some((g) => e.icon.toLowerCase().endsWith(g)) : !1), R = s(() => {
-      const g = `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 ${o.value === "tile" ? "flex-col gap-1.5 items-center" : o.value === "vertical" ? "flex-col gap-2" : e.description ? "gap-3" : "gap-2"} ${x.value ? "icon-only shrink-0" : ""}`, y = {
+      const g = `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 ${o.value === "tile" ? "flex-col gap-1.5 items-center" : o.value === "vertical" ? "flex-col gap-2" : e.description ? "gap-3" : "gap-2"} ${m.value ? "icon-only shrink-0" : ""}`, y = {
         primary: "bg-primary text-primary-foreground hover:bg-primary/90",
         "primary-light": "bg-primary-light text-primary-fg-light hover:bg-primary/15",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
@@ -114,7 +114,7 @@ const O = ["type", "disabled", "data-testid"], Z = {
         "2xl": "rounded-2xl",
         full: "rounded-full"
       };
-      let w = x.value ? V[e.size] : d[e.size];
+      let w = m.value ? V[e.size] : d[e.size];
       o.value === "tile" ? w = {
         xs: "h-auto p-0!",
         sm: "h-auto p-0!",
@@ -134,7 +134,7 @@ const O = ["type", "disabled", "data-testid"], Z = {
       return [g, D, W[e.rounded], w, e.class].join(
         " "
       );
-    }), m = s(() => {
+    }), f = s(() => {
       if (h.value && u.value)
         return `${b.value} object-cover`;
       const n = e.description && o.value === "horizontal", g = {
@@ -152,7 +152,7 @@ const O = ["type", "disabled", "data-testid"], Z = {
         lg: "w-4 h-4",
         xl: "w-4 h-4"
       };
-      let d = x.value ? y[e.size] : g[e.size];
+      let d = m.value ? y[e.size] : g[e.size];
       return u.value && (d += " object-cover"), h.value ? d += " scale-[1.45]!" : o.value === "vertical" && (d += " scale-[1.35]! mt-1"), d;
     }), E = s(() => o.value === "vertical" ? "scale-[0.9]" : "");
     return (n, g) => G((i(), l("button", {
@@ -169,14 +169,14 @@ const O = ["type", "disabled", "data-testid"], Z = {
             u.value ? "" : b.value
           ]])
         }, [
-          t.loading ? (i(), f(p, {
+          t.loading ? (i(), x(v, {
             key: 0,
             icon: "lucide:loader-2",
-            class: a(["animate-spin pointer-events-none", [m.value, u.value ? b.value : ""]])
-          }, null, 8, ["class"])) : t.icon ? (i(), f(p, {
+            class: a(["animate-spin pointer-events-none", [f.value, u.value ? b.value : ""]])
+          }, null, 8, ["class"])) : t.icon ? (i(), x(v, {
             key: 1,
             icon: t.icon,
-            class: a(["pointer-events-none", [t.iconClass, m.value]])
+            class: a(["pointer-events-none", [t.iconClass, f.value]])
           }, null, 8, ["icon", "class"])) : c("", !0)
         ], 2),
         r.value || n.$slots.default || e.description ? (i(), l("span", {
@@ -185,38 +185,41 @@ const O = ["type", "disabled", "data-testid"], Z = {
         }, [
           r.value || n.$slots.default ? (i(), l("span", Z, [
             S(n.$slots, "default", {}, () => [
-              $(v(r.value), 1)
+              $(p(r.value), 1)
             ])
           ])) : c("", !0),
-          e.description ? (i(), l("span", q, v(e.description), 1)) : c("", !0)
+          e.description ? (i(), l("span", q, p(e.description), 1)) : c("", !0)
         ], 2)) : c("", !0)
       ], 64)) : (i(), l(C, { key: 1 }, [
-        t.loading ? (i(), f(p, {
+        t.loading ? (i(), x(v, {
           key: 0,
           icon: "lucide:loader-2",
-          class: a(["animate-spin pointer-events-none", m.value])
-        }, null, 8, ["class"])) : t.icon ? (i(), f(p, {
+          class: a(["animate-spin pointer-events-none", f.value])
+        }, null, 8, ["class"])) : t.icon ? (i(), x(v, {
           key: 1,
           icon: t.icon,
-          class: a(["pointer-events-none", [t.iconClass, m.value, x.value ? "mx-auto" : ""]])
+          class: a(["pointer-events-none", [t.iconClass, f.value, m.value ? "mx-auto" : ""]])
         }, null, 8, ["icon", "class"])) : c("", !0),
-        r.value || n.$slots.default || e.description ? (i(), l("div", {
+        !m.value && (r.value || n.$slots.default || e.description) ? (i(), l("div", {
           key: 2,
-          class: a(["flex flex-col justify-center flex-1 w-full", o.value === "vertical" ? "items-center text-center" : "items-start text-left"])
+          class: a(["flex flex-col justify-center", [
+            o.value === "vertical" ? "items-center text-center" : e.description ? "items-start text-left" : "items-center text-center",
+            !t.icon && !t.iconRight && !t.loading ? "flex-1 w-full" : ""
+          ]])
         }, [
           k("div", {
-            class: a([[t.textClass, E.value], "leading-tight w-full"])
+            class: a([[t.textClass, E.value], "leading-tight w-full [&>:where(svg)]:mx-auto [&>:where(img)]:mx-auto"])
           }, [
             S(n.$slots, "default", {}, () => [
-              $(v(r.value), 1)
+              $(p(r.value), 1)
             ])
           ], 2),
-          e.description ? (i(), l("span", J, v(e.description), 1)) : c("", !0)
+          e.description ? (i(), l("span", J, p(e.description), 1)) : c("", !0)
         ], 2)) : c("", !0),
-        t.iconRight && !t.loading ? (i(), f(p, {
+        t.iconRight && !t.loading ? (i(), x(v, {
           key: 3,
           icon: t.iconRight,
-          class: a([[t.iconRightClass, m.value], "h-4 w-4 pointer-events-none"])
+          class: a([[t.iconRightClass, f.value], "h-4 w-4 pointer-events-none"])
         }, null, 8, ["icon", "class"])) : c("", !0)
       ], 64))
     ], 10, O)), [

package/components/Clipboard.vue.d.ts

@@ -15,7 +15,18 @@ export interface ClipboardProps {
     copiedTextI18n?: string;
     asIcon?: boolean;
 }
-declare const _default: import('vue').DefineComponent<ClipboardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            copied: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ClipboardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     copy: (text: string) => any;
     error: (err: Error) => any;
 }, string, import('vue').PublicProps, Readonly<ClipboardProps> & Readonly<{
@@ -31,4 +42,10 @@ declare const _default: import('vue').DefineComponent<ClipboardProps, {}, {}, {}
     defaultTextI18n: string;
     copiedTextI18n: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Clipboard.vue.js

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

package/components/Workbook/Sheet.vue.js

@@ -83,7 +83,7 @@ const U = {
     }, E = v(() => [
       "group relative flex items-center min-w-[120px] max-w-[240px] h-9 px-3 border-r border-border select-none cursor-pointer transition-all duration-200 ease-out",
       e.itemClass,
-      e.isActive ? `bg-muted text-foreground ring-1 ring-border ring-b-0 z-10 ${e.activeItemClass}` : `text-muted-foreground hover:bg-accent/50 ${e.inactiveItemClass}`,
+      e.isActive ? `bg-secondary text-foreground ring-1 ring-border ring-b-0 z-10 ${e.activeItemClass}` : `text-muted-foreground hover:bg-accent/50 ${e.inactiveItemClass}`,
       e.isEditing ? "cursor-text" : ""
     ].filter(Boolean).join(" "));
     return (n, t) => (a(), d("div", {

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "1.2.14",
+  "version": "1.2.15",
   "type": "module",
   "main": "index.js",
   "module": "index.js",