vlite3 1.4.24 → 1.4.26

package/components/Chart/ChartLegend.vue.js

@@ -0,0 +1,91 @@
+import { defineComponent as b, computed as m, openBlock as a, createElementBlock as u, normalizeClass as c, Fragment as f, renderList as p, createElementVNode as t, normalizeStyle as v, toDisplayString as r, unref as h, createTextVNode as k } from "vue";
+import { getColor as M, formatNumber as g } from "./utils.js";
+const _ = ["onMouseenter"], C = { class: "text-xs text-foreground whitespace-nowrap" }, I = { class: "font-medium" }, V = { class: "text-muted-foreground" }, $ = ["onMouseenter"], N = { class: "inline-flex items-center gap-2 min-w-0" }, j = { class: "text-xs font-medium text-foreground truncate" }, z = { class: "text-xs text-muted-foreground tabular-nums shrink-0 text-right" }, B = { class: "text-foreground/70" }, E = ["onMouseenter"], L = { class: "min-w-0" }, P = { class: "text-xs font-medium text-foreground truncate" }, S = { class: "text-[10px] text-muted-foreground" }, T = /* @__PURE__ */ b({
+  __name: "ChartLegend",
+  props: {
+    data: {},
+    total: {},
+    colors: { default: () => [] },
+    legendsVariant: { default: "default" },
+    legendPosition: { default: "right" },
+    hoveredIndex: { default: null }
+  },
+  emits: ["hover"],
+  setup(o, { emit: y }) {
+    const i = o, d = y, x = m(
+      () => i.data.map((l, n) => {
+        const e = Number(l.value) || 0, s = i.total ? Math.round(e / i.total * 100) : 0;
+        return {
+          ...l,
+          index: n,
+          color: l.color ?? M(i.colors, n),
+          value: e,
+          pct: s
+        };
+      })
+    ), w = m(() => {
+      const l = i.legendsVariant, n = i.legendPosition;
+      return l === "variant1" ? "flex flex-row flex-wrap items-center justify-center gap-x-4 gap-y-2 min-w-0 w-full" : l === "variant2" ? n === "bottom" ? "flex flex-col gap-2.5 w-full min-w-0" : "flex flex-col gap-2.5 min-w-[160px]" : n === "bottom" ? "flex flex-row flex-wrap justify-center gap-x-5 gap-y-3 min-w-0" : "flex flex-col gap-2 min-w-[120px]";
+    });
+    return (l, n) => (a(), u("div", {
+      class: c(w.value),
+      role: "list"
+    }, [
+      o.legendsVariant === "variant1" ? (a(!0), u(f, { key: 0 }, p(x.value, (e) => (a(), u("button", {
+        key: e.index,
+        type: "button",
+        role: "listitem",
+        class: c(["inline-flex items-center gap-2 text-left cursor-pointer transition-opacity duration-150", o.hoveredIndex !== null && o.hoveredIndex !== e.index ? "opacity-45" : "opacity-100"]),
+        onMouseenter: (s) => d("hover", e.index),
+        onMouseleave: n[0] || (n[0] = (s) => d("hover", null))
+      }, [
+        t("span", {
+          class: "w-2 h-2 rounded-full shrink-0",
+          style: v({ backgroundColor: e.color })
+        }, null, 4),
+        t("span", C, [
+          t("span", I, r(e.label), 1),
+          t("span", V, " (" + r(h(g)(e.value)) + ", " + r(e.pct) + "%) ", 1)
+        ])
+      ], 42, _))), 128)) : o.legendsVariant === "variant2" ? (a(!0), u(f, { key: 1 }, p(x.value, (e) => (a(), u("button", {
+        key: e.index,
+        type: "button",
+        role: "listitem",
+        class: c(["flex w-full items-center justify-between gap-4 text-left cursor-pointer transition-opacity duration-150", o.hoveredIndex !== null && o.hoveredIndex !== e.index ? "opacity-45" : "opacity-100"]),
+        onMouseenter: (s) => d("hover", e.index),
+        onMouseleave: n[1] || (n[1] = (s) => d("hover", null))
+      }, [
+        t("span", N, [
+          t("span", {
+            class: "w-2.5 h-2.5 rounded-sm shrink-0",
+            style: v({ backgroundColor: e.color })
+          }, null, 4),
+          t("span", j, r(e.label), 1)
+        ]),
+        t("span", z, [
+          k(r(h(g)(e.value)) + " ", 1),
+          t("span", B, "(" + r(e.pct) + "%)", 1)
+        ])
+      ], 42, $))), 128)) : (a(!0), u(f, { key: 2 }, p(x.value, (e) => (a(), u("button", {
+        key: e.index,
+        type: "button",
+        role: "listitem",
+        class: c(["flex items-center gap-2 cursor-pointer text-left transition-opacity duration-150", o.hoveredIndex !== null && o.hoveredIndex !== e.index ? "opacity-45" : "opacity-100"]),
+        onMouseenter: (s) => d("hover", e.index),
+        onMouseleave: n[2] || (n[2] = (s) => d("hover", null))
+      }, [
+        t("span", {
+          class: "w-2.5 h-2.5 rounded-sm shrink-0",
+          style: v({ backgroundColor: e.color })
+        }, null, 4),
+        t("div", L, [
+          t("div", P, r(e.label), 1),
+          t("div", S, r(h(g)(e.value)) + " (" + r(e.pct) + "%) ", 1)
+        ])
+      ], 42, E))), 128))
+    ], 2));
+  }
+});
+export {
+  T as default
+};

package/components/Chart/ChartLegend.vue2.js

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

package/components/Chart/GanttChart.vue.d.ts

@@ -43,9 +43,9 @@ declare const _default: import('vue').DefineComponent<GanttChartProps, {}, {}, {
     draggable: boolean;
     showHeader: boolean;
     colors: string[];
-    showLabels: boolean;
-    showTooltip: boolean;
     showGrid: boolean;
+    showTooltip: boolean;
+    showLabels: boolean;
     barRadius: number;
     rowHeight: number;
     barHeight: number;

package/components/Chart/GanttChart.vue.js

@@ -1,7 +1,7 @@
 import t from "./GanttChart.vue2.js";
 /* empty css                */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-91cc2885"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-ebb84e3d"]]);
 export {
   m as default
 };