vlite3 0.4.4 → 0.4.7

package/components/PricingPlan/PricingPlanItem.vue.js

@@ -1,17 +1,18 @@
-import { defineComponent as P, computed as l, openBlock as r, createElementBlock as a, normalizeClass as d, createVNode as x, withCtx as g, createTextVNode as h, toDisplayString as n, createCommentVNode as m, createElementVNode as o, Fragment as $, renderList as z, createBlock as p } from "vue";
-import b from "../Icon.vue.js";
-import N from "../Button.vue.js";
-import F from "../Badge.vue.js";
-const T = {
+import { defineComponent as F, computed as o, openBlock as i, createElementBlock as a, normalizeClass as m, createVNode as v, withCtx as h, createTextVNode as b, toDisplayString as l, createCommentVNode as u, createElementVNode as s, Fragment as D, renderList as E, createBlock as y } from "vue";
+import _ from "../Icon.vue.js";
+import S from "../Button.vue.js";
+import j from "../Badge.vue.js";
+import { $t as n } from "../../utils/i18n.js";
+const L = {
   key: 0,
   class: "absolute -top-3 left-1/2 -translate-x-1/2 z-20"
-}, E = { class: "mb-3 text-center" }, I = { class: "text-xl font-bold text-foreground tracking-tight" }, S = {
+}, M = { class: "mb-3 text-center" }, R = { class: "text-xl font-bold text-foreground tracking-tight" }, q = {
   key: 0,
   class: "text-sm text-muted-foreground mt-2 min-h-[40px] leading-relaxed"
-}, j = { class: "mb-8 text-center flex items-center justify-center" }, D = { class: "text-4xl font-extrabold text-foreground tracking-tight" }, L = {
+}, A = { class: "mb-8 text-center flex items-center justify-center" }, G = { class: "text-4xl font-extrabold text-foreground tracking-tight" }, H = {
   key: 0,
   class: "text-muted-foreground text-sm font-medium ml-1 self-end mb-1.5 opacity-80"
-}, M = { class: "flex-1 space-y-2.5 mb-8" }, R = { class: "mt-0 shrink-0 transition-transform group-hover/feature:scale-110" }, q = { class: "mt-auto pt-4 border-t border-border/70" }, K = /* @__PURE__ */ P({
+}, J = { class: "flex-1 space-y-2.5 mb-8" }, K = { class: "mt-0 shrink-0 transition-transform group-hover/feature:scale-110" }, O = { class: "mt-auto pt-4 border-t border-border/70" }, Z = /* @__PURE__ */ F({
   __name: "PricingPlanItem",
   props: {
     item: {},
@@ -20,68 +21,80 @@ const T = {
     selectable: { type: Boolean, default: !0 }
   },
   emits: ["select"],
-  setup(e, { emit: y }) {
-    const s = e, v = y, k = () => {
-      s.selectable && v("select", s.item);
-    }, u = l(() => s.item.popular || s.item.recommended), _ = l(() => {
+  setup(c, { emit: P }) {
+    const e = c, k = P, I = () => {
+      e.selectable && k("select", e.item);
+    }, T = o(() => e.item.titleI18n ? n(e.item.titleI18n) : e.item.title), p = o(() => e.item.descriptionI18n ? n(e.item.descriptionI18n) : e.item.description), f = o(() => e.item.periodI18n ? n(e.item.periodI18n) : e.item.period), w = o(() => {
+      if (e.item.buttonTextI18n) return n(e.item.buttonTextI18n);
+      if (e.item.buttonText) return e.item.buttonText;
+      const t = n("vlite.pricingPlan.selected") !== "vlite.pricingPlan.selected" ? n("vlite.pricingPlan.selected") : "Selected", r = n("vlite.pricingPlan.choosePlan") !== "vlite.pricingPlan.choosePlan" ? n("vlite.pricingPlan.choosePlan") : "Choose Plan";
+      return e.selected ? t : r;
+    }), x = o(() => e.item.popular || e.item.recommended), C = o(() => {
       const t = "relative flex flex-col p-8 rounded-2xl transition-all duration-300 cursor-pointer group isolation-auto";
-      let i = "bg-background text-card-foreground";
-      return s.selected ? i += " border-2 border-primary shadow scale-[1.02] z-10" : i += " border hover:border-gray-400 hover:shadow-lg hover:-translate-y-1", `${t} ${i}`;
-    }), w = l(() => s.selected ? "default" : "secondary"), C = l(() => s.selected || u.value ? "primary" : "outline"), V = (t) => typeof t == "string" ? t : t.text, f = (t) => typeof t == "string" ? !0 : t.included !== !1;
-    return (t, i) => (r(), a("div", {
-      class: d(_.value),
-      onClick: k
+      let r = "bg-background text-card-foreground";
+      return e.selected ? r += " border-2 border-primary shadow scale-[1.02] z-10" : r += " border hover:border-gray-400 hover:shadow-lg hover:-translate-y-1", `${t} ${r}`;
+    }), B = o(() => e.selected ? "default" : "secondary"), V = o(() => e.selected || x.value ? "primary" : "outline"), $ = (t) => typeof t == "string" ? t : t.textI18n ? n(t.textI18n) : t.text, g = (t) => typeof t == "string" ? !0 : t.included !== !1, z = o(() => {
+      if (e.item.recommended) {
+        const r = n("vlite.pricingPlan.recommended");
+        return r !== "vlite.pricingPlan.recommended" ? r : "Recommended";
+      }
+      const t = n("vlite.pricingPlan.mostPopular");
+      return t !== "vlite.pricingPlan.mostPopular" ? t : "Most Popular";
+    });
+    return (t, r) => (i(), a("div", {
+      class: m(C.value),
+      onClick: I
     }, [
-      u.value ? (r(), a("div", T, [
-        x(F, {
-          variant: w.value,
+      x.value ? (i(), a("div", L, [
+        v(j, {
+          variant: B.value,
           class: "shadow-sm px-4 py-1 text-xs uppercase tracking-wider font-bold"
         }, {
-          default: g(() => [
-            h(n(e.item.recommended ? "Recommended" : "Most Popular"), 1)
+          default: h(() => [
+            b(l(z.value), 1)
           ]),
           _: 1
         }, 8, ["variant"])
-      ])) : m("", !0),
-      o("div", E, [
-        o("h3", I, n(e.item.title), 1),
-        e.item.description ? (r(), a("p", S, n(e.item.description), 1)) : m("", !0)
+      ])) : u("", !0),
+      s("div", M, [
+        s("h3", R, l(T.value), 1),
+        p.value ? (i(), a("p", q, l(p.value), 1)) : u("", !0)
       ]),
-      o("div", j, [
-        o("span", D, n(e.item.price), 1),
-        e.item.period ? (r(), a("span", L, n(e.item.period), 1)) : m("", !0)
+      s("div", A, [
+        s("span", G, l(c.item.price), 1),
+        f.value ? (i(), a("span", H, l(f.value), 1)) : u("", !0)
       ]),
-      o("ul", M, [
-        (r(!0), a($, null, z(e.item.features, (c, B) => (r(), a("li", {
-          key: B,
+      s("ul", J, [
+        (i(!0), a(D, null, E(c.item.features, (d, N) => (i(), a("li", {
+          key: N,
           class: "flex items-start gap-3 text-sm group/feature"
         }, [
-          o("div", R, [
-            f(c) ? (r(), p(b, {
+          s("div", K, [
+            g(d) ? (i(), y(_, {
               key: 0,
               icon: "lucide:check",
               class: "w-4 h-4 text-primary font-bold"
-            })) : (r(), p(b, {
+            })) : (i(), y(_, {
               key: 1,
               icon: "lucide:minus",
               class: "w-4 h-4 text-muted-foreground/30"
             }))
           ]),
-          o("span", {
-            class: d(
-              f(c) ? "text-foreground/90 font-medium" : "text-muted-foreground/60 decoration-slate-300/50"
+          s("span", {
+            class: m(
+              g(d) ? "text-foreground/90 font-medium" : "text-muted-foreground/60 decoration-slate-300/50"
             )
-          }, n(V(c)), 3)
+          }, l($(d)), 3)
         ]))), 128))
       ]),
-      o("div", q, [
-        x(N, {
-          variant: C.value,
-          class: d(["w-full font-semibold shadow-sm rounded-lg", { "ring-2 ring-primary ring-offset-2": e.selected }]),
+      s("div", O, [
+        v(S, {
+          variant: V.value,
+          class: m(["w-full font-semibold shadow-sm rounded-lg", { "ring-2 ring-primary ring-offset-2": c.selected }]),
           size: "lg"
         }, {
-          default: g(() => [
-            h(n(e.item.buttonText || (e.selected ? "Selected" : "Choose Plan")), 1)
+          default: h(() => [
+            b(l(w.value), 1)
           ]),
           _: 1
         }, 8, ["variant", "class"])
@@ -90,5 +103,5 @@ const T = {
   }
 });
 export {
-  K as default
+  Z as default
 };

package/components/PricingPlan/types.d.ts

@@ -1,17 +1,22 @@
 export interface PricingPlanFeature {
     text: string;
+    textI18n?: string;
     included: boolean;
 }
 export interface PricingPlanItemSchema {
     id: string | number;
     title: string;
+    titleI18n?: string;
     price: string | number;
     period?: string;
+    periodI18n?: string;
     description?: string;
+    descriptionI18n?: string;
     features?: (string | PricingPlanFeature)[];
     popular?: boolean;
     recommended?: boolean;
     buttonText?: string;
+    buttonTextI18n?: string;
     variant?: 'outline' | 'solid';
     [key: string]: any;
 }

package/components/Screen/Screen.vue.d.ts

@@ -21,14 +21,10 @@ declare const __VLS_component: import('vue').DefineComponent<ScreenProps, {}, {}
     onDelete?: (items: any[]) => any;
     onAdd?: () => any;
 }>, {
-    title: string;
-    description: string;
     name: string;
     data: any[];
     loading: boolean;
     pagination: boolean;
-    emptyTitle: string;
-    emptyDescription: string;
     emptyIcon: string;
     paginationProps: import('./types').ScreenPaginationProps;
     customHeader: boolean;