vlite3 1.2.2 → 1.2.4

package/components/Rating/Rating.vue2.js

@@ -0,0 +1,92 @@
+import { defineComponent as M, ref as z, computed as I, openBlock as r, createElementBlock as c, normalizeClass as u, Fragment as N, renderList as S, createVNode as h, unref as x, createElementVNode as y, normalizeStyle as T, renderSlot as $, createTextVNode as A, toDisplayString as g, createCommentVNode as E } from "vue";
+import { Icon as w } from "@iconify/vue";
+const F = ["onMousemove", "onClick"], H = {
+  key: 0,
+  class: "ml-2 text-sm text-foreground/80 font-medium whitespace-nowrap"
+}, L = { class: "text-xs text-muted-foreground font-normal" }, D = /* @__PURE__ */ M({
+  __name: "Rating",
+  props: {
+    modelValue: { default: 0 },
+    max: { default: 5 },
+    allowHalf: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    showText: { type: Boolean, default: !1 },
+    icon: { default: "lucide:star" },
+    activeIcon: { default: "lucide:star" },
+    activeColor: { default: "text-amber-400" },
+    inactiveColor: { default: "text-muted-foreground/30" },
+    size: { default: "md" },
+    clearable: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    solid: { type: Boolean, default: !0 },
+    class: {}
+  },
+  emits: ["update:modelValue", "change", "hover"],
+  setup(t, { emit: C }) {
+    const l = t, s = C, n = z(0), d = I(() => n.value > 0 ? n.value : l.modelValue), m = {
+      sm: "w-4 h-4",
+      md: "w-5 h-5",
+      lg: "w-6 h-6",
+      xl: "w-8 h-8"
+    }, v = (o, e) => {
+      const a = e === "active" ? l.activeIcon : l.icon;
+      return Array.isArray(a) ? a[Math.min(o - 1, a.length - 1)] : a;
+    }, V = (o, e) => {
+      if (!(l.readonly || l.disabled))
+        if (l.allowHalf) {
+          const i = o.currentTarget.getBoundingClientRect(), f = o.clientX - i.left < i.width / 2 ? e - 0.5 : e;
+          n.value !== f && (n.value = f, s("hover", f));
+        } else
+          n.value !== e && (n.value = e, s("hover", e));
+    }, b = () => {
+      l.readonly || l.disabled || (n.value = 0, s("hover", 0));
+    }, B = (o) => {
+      if (l.readonly || l.disabled) return;
+      let e = n.value || o;
+      l.clearable && l.modelValue === e && (e = 0), s("update:modelValue", e), s("change", e);
+    }, k = (o) => {
+      const e = d.value - o + 1;
+      return e >= 1 ? 100 : e > 0 ? e * 100 : 0;
+    };
+    return (o, e) => (r(), c("div", {
+      class: u(["inline-flex items-center gap-1.5", [l.class, { "opacity-50 cursor-not-allowed": t.disabled }]]),
+      onMouseleave: b
+    }, [
+      (r(!0), c(N, null, S(t.max, (a) => (r(), c("div", {
+        key: a,
+        class: u(["relative flex items-center justify-center isolate transition-transform", {
+          "cursor-pointer hover:scale-110 active:scale-95": !t.readonly && !t.disabled,
+          "cursor-default pointer-events-none": t.readonly || t.disabled
+        }]),
+        onMousemove: (i) => V(i, a),
+        onClick: (i) => B(a)
+      }, [
+        h(x(w), {
+          icon: v(a, "inactive"),
+          class: u([m[t.size], t.inactiveColor])
+        }, null, 8, ["icon", "class"]),
+        y("div", {
+          class: "absolute inset-0 overflow-hidden",
+          style: T({ width: `${k(a)}%` })
+        }, [
+          h(x(w), {
+            icon: v(a, "active"),
+            class: u([m[t.size], t.activeColor, { "is-solid": t.solid }])
+          }, null, 8, ["icon", "class"])
+        ], 4)
+      ], 42, F))), 128)),
+      $(o.$slots, "text", {
+        value: d.value,
+        max: t.max
+      }, () => [
+        t.showText ? (r(), c("span", H, [
+          A(g(d.value) + " ", 1),
+          y("span", L, "/ " + g(t.max), 1)
+        ])) : E("", !0)
+      ], !0)
+    ], 34));
+  }
+});
+export {
+  D as default
+};

package/components/Rating/ReviewSummary.vue.d.ts

@@ -0,0 +1,5 @@
+import { ReviewSummaryProps } from './types';
+declare const _default: import('vue').DefineComponent<ReviewSummaryProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ReviewSummaryProps> & Readonly<{}>, {
+    showTotal: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/Rating/ReviewSummary.vue.js

@@ -0,0 +1,67 @@
+import { defineComponent as w, computed as u, openBlock as l, createElementBlock as i, normalizeClass as d, createElementVNode as r, toDisplayString as s, Fragment as m, renderList as f, createVNode as g, unref as x, createCommentVNode as _, createTextVNode as b, normalizeStyle as y } from "vue";
+import { Icon as v } from "@iconify/vue";
+const k = { class: "flex flex-col items-center justify-center py-4 sm:w-1/3 w-full shrink-0" }, R = { class: "text-5xl font-bold tracking-tighter text-foreground" }, D = { class: "flex items-center gap-1 mt-3 text-amber-400" }, N = {
+  key: 0,
+  class: "text-sm text-muted-foreground mt-2 font-medium"
+}, B = { class: "flex flex-col gap-2 w-full flex-grow" }, C = { class: "flex items-center gap-1 text-sm font-medium text-foreground min-w-[70px]" }, T = { class: "h-3.5 bg-muted rounded-full w-full overflow-hidden flex-grow shrink-0 relative shadow-inner" }, V = { class: "text-sm font-medium text-muted-foreground text-right min-w-[36px]" }, E = /* @__PURE__ */ w({
+  __name: "ReviewSummary",
+  props: {
+    ratingDistribution: {},
+    totalReviews: {},
+    averageRating: {},
+    showTotal: { type: Boolean, default: !0 },
+    class: {}
+  },
+  setup(c) {
+    const e = c, p = u(() => [...e.ratingDistribution].sort((n, o) => o.rating - n.rating)), a = u(() => {
+      if (e.averageRating !== void 0) return e.averageRating;
+      if (e.ratingDistribution.length === 0) return 0;
+      let n = 0, o = 0;
+      for (const t of e.ratingDistribution)
+        t.count !== void 0 && (n += t.rating * t.count, o += t.count);
+      return o > 0 ? Number((n / o).toFixed(1)) : 0;
+    }), h = u(() => e.totalReviews !== void 0 ? e.totalReviews : e.ratingDistribution.reduce((n, o) => n + (o.count || 0), 0));
+    return (n, o) => (l(), i("div", {
+      class: d(["flex flex-col sm:flex-row gap-6 md:gap-10 items-start w-full", e.class])
+    }, [
+      r("div", k, [
+        r("div", R, s(a.value), 1),
+        r("div", D, [
+          (l(), i(m, null, f(5, (t) => g(x(v), {
+            key: t,
+            icon: "lucide:star",
+            class: d(["w-5 h-5 transition-all", {
+              "fill-amber-400 text-amber-400": a.value >= t,
+              "fill-muted/20 text-muted-foreground/30": a.value < t
+            }])
+          }, null, 8, ["class"])), 64))
+        ]),
+        c.showTotal ? (l(), i("p", N, " Based on " + s(h.value) + " global ratings ", 1)) : _("", !0)
+      ]),
+      r("div", B, [
+        (l(!0), i(m, null, f(p.value, (t) => (l(), i("div", {
+          key: t.rating,
+          class: "flex items-center gap-3 w-full"
+        }, [
+          r("div", C, [
+            b(s(t.rating) + " ", 1),
+            g(x(v), {
+              icon: "lucide:star",
+              class: "w-4 h-4 text-amber-400 fill-amber-400"
+            })
+          ]),
+          r("div", T, [
+            r("div", {
+              class: "h-full bg-amber-400 rounded-full transition-all duration-1000 ease-out",
+              style: y({ width: `${t.percentage}%` })
+            }, null, 4)
+          ]),
+          r("div", V, s(t.percentage) + "% ", 1)
+        ]))), 128))
+      ])
+    ], 2));
+  }
+});
+export {
+  E as default
+};

package/components/Rating/ReviewSummary.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ReviewSummary.vue.js";
+export {
+  f as default
+};

package/components/Rating/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export { default as Rating } from './Rating.vue';
+export { default as ReviewSummary } from './ReviewSummary.vue';

package/components/Rating/types.d.ts

@@ -0,0 +1,28 @@
+export interface RatingProps {
+    modelValue?: number;
+    max?: number;
+    allowHalf?: boolean;
+    readonly?: boolean;
+    showText?: boolean;
+    icon?: string | string[];
+    activeIcon?: string | string[];
+    activeColor?: string;
+    inactiveColor?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    clearable?: boolean;
+    disabled?: boolean;
+    solid?: boolean;
+    class?: string;
+}
+export interface ReviewSummaryData {
+    rating: number;
+    percentage: number;
+    count?: number;
+}
+export interface ReviewSummaryProps {
+    ratingDistribution: ReviewSummaryData[];
+    totalReviews?: number;
+    averageRating?: number;
+    showTotal?: boolean;
+    class?: string;
+}

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

@@ -341,10 +341,10 @@ declare const __VLS_component: import('vue').DefineComponent<ScreenProps, {}, {}
     data: any[];
     variant: "one" | "two";
     loading: boolean;
+    emptyIcon: string;
+    canAdd: boolean;
     exportProps: Record<string, any> | boolean;
     importProps: Record<string, any> | boolean;
-    canAdd: boolean;
-    emptyIcon: string;
     hideSelectable: boolean;
     hideDeleteBtn: boolean;
     showRefresh: boolean;

package/components/Screen/Screen.vue.js

@@ -33,7 +33,9 @@ const ze = { key: 0 }, Xe = {
     loading: { type: Boolean, default: !1 },
     variant: { default: "one" },
     stats: { default: () => [] },
-    statsProps: { default: () => ({}) },
+    statsProps: { default: () => ({
+      variant: "transparent-header"
+    }) },
     refetch: {},
     paginationProps: { default: () => ({
       alignment: "between",

package/components/SidebarMenu/SidebarMenu.vue.js

@@ -25,7 +25,7 @@ const ue = {
     compactIconSize: { default: "21px" },
     labelClass: { default: "text-sm" },
     compactLabelClass: { default: "text-[11.5px] mt-1" },
-    itemPadding: { default: "py-1.5 px-2" },
+    itemPadding: { default: "py-2 px-2" },
     compactItemPadding: { default: "py-2 px-1" },
     nestedMenuWidth: { default: "220px" },
     nestedMenuMaxHeight: { default: "300px" },

package/components/SidebarMenu/SidebarMenuItem.vue.d.ts

@@ -7,5 +7,7 @@ interface Props {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     depth: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    itemRef: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;