rtcpts 0.0.28 → 0.0.30

package/dist/{charts-D_0khFg_.js → charts-DFjKd2J4.js}

@@ -1,11 +1,31 @@
-import { defineComponent as b, ref as f, onMounted as g, watch as m, createElementBlock as C, openBlock as x, createElementVNode as y, normalizeStyle as v } from "vue";
-import { Chart as k } from "chart.js/auto";
-const $ = (t, o) => {
-  const n = t.__vccOpts || t;
-  for (const [l, d] of o)
-    n[l] = d;
-  return n;
-}, A = b({
+import { defineComponent as g, ref as f, onMounted as m, watch as C, createElementBlock as x, openBlock as v, createElementVNode as y, normalizeStyle as k } from "vue";
+import { Chart as $ } from "chart.js/auto";
+const O = (e, s) => {
+  const a = e.__vccOpts || e;
+  for (const [l, o] of s)
+    a[l] = o;
+  return a;
+};
+function T(e) {
+  return Object.prototype.toString.call(e) === "[object Object]";
+}
+function h(e, s) {
+  if (!s)
+    return { ...e };
+  const a = { ...e };
+  for (const l of Object.keys(s)) {
+    const o = s[l], c = e[l];
+    if (o !== void 0) {
+      if (o === null) {
+        a[l] = null;
+        continue;
+      }
+      T(c) && T(o) ? a[l] = h(c, o) : a[l] = o;
+    }
+  }
+  return a;
+}
+const q = g({
   name: "JChBar",
   props: {
     labels: {
@@ -17,53 +37,58 @@ const $ = (t, o) => {
       type: Array,
       required: !0
     },
+    options: {
+      type: Object,
+      default: () => ({}),
+      required: !1
+    },
     height: {
       type: Number,
       default: 300
     }
   },
-  setup(t) {
-    const o = f(null), n = f(null);
+  setup(e) {
+    const s = f(null), a = f(null);
     let l = null;
-    const d = (s) => {
-      let e = s.querySelector("div.chartjs-tooltip");
-      return e || (e = document.createElement("div"), e.className = "chartjs-tooltip", e.style.background = "#ffffff", e.style.borderRadius = "8px", e.style.boxShadow = "0 4px 12px rgba(0, 0, 0, 0.15)", e.style.color = "#323232", e.style.opacity = "0", e.style.pointerEvents = "none", e.style.position = "absolute", e.style.transform = "translate(-50%, 0)", e.style.transition = "all .1s ease", e.style.padding = "8px 10px", e.style.font = "12px Open Sans, sans-serif", s.appendChild(e)), e;
-    }, c = (s) => {
-      const { chart: e, tooltip: r } = s, i = n.value;
-      if (!i) return;
-      const a = d(i);
+    const o = (i) => {
+      let t = i.querySelector("div.chartjs-tooltip");
+      return t || (t = document.createElement("div"), t.className = "chartjs-tooltip", t.style.background = "#ffffff", t.style.borderRadius = "8px", t.style.boxShadow = "0 4px 12px rgba(0, 0, 0, 0.15)", t.style.color = "#323232", t.style.opacity = "0", t.style.pointerEvents = "none", t.style.position = "absolute", t.style.transform = "translate(-50%, 0)", t.style.transition = "all .1s ease", t.style.padding = "8px 10px", t.style.font = "12px Open Sans, sans-serif", i.appendChild(t)), t;
+    }, c = (i) => {
+      const { chart: t, tooltip: r } = i, d = a.value;
+      if (!d) return;
+      const n = o(d);
       if (r.opacity === 0) {
-        a.style.opacity = "0";
+        n.style.opacity = "0";
         return;
       }
       if (r.body) {
-        const _ = r.title || [], O = r.body.map((p) => p.lines);
-        if (a.innerHTML = "", _.length) {
-          const p = document.createElement("div");
-          p.style.fontWeight = "600", p.style.marginBottom = "4px", p.textContent = _.join(" "), a.appendChild(p);
+        const _ = r.title || [], A = r.body.map((u) => u.lines);
+        if (n.innerHTML = "", _.length) {
+          const u = document.createElement("div");
+          u.style.fontWeight = "600", u.style.marginBottom = "4px", u.textContent = _.join(" "), n.appendChild(u);
         }
-        O.forEach((p) => {
+        A.forEach((u) => {
           const w = document.createElement("div");
-          w.textContent = p.join(" "), a.appendChild(w);
+          w.textContent = u.join(" "), n.appendChild(w);
         });
       }
-      const { offsetLeft: h, offsetTop: S } = e.canvas;
-      a.style.opacity = "1", a.style.left = `${h + r.caretX}px`, a.style.top = `${S + r.caretY}px`;
-    }, u = () => {
-      var i;
+      const { offsetLeft: b, offsetTop: S } = t.canvas;
+      n.style.opacity = "1", n.style.left = `${b + r.caretX}px`, n.style.top = `${S + r.caretY}px`;
+    }, p = () => {
+      var d;
       l && l.destroy();
-      const s = (i = o.value) == null ? void 0 : i.getContext("2d");
-      if (!s) return;
-      const e = {
-        labels: t.labels,
-        datasets: t.datasets.map((a) => ({
-          ...a,
+      const i = (d = s.value) == null ? void 0 : d.getContext("2d");
+      if (!i) return;
+      const t = {
+        labels: e.labels,
+        datasets: e.datasets.map((n) => ({
+          ...n,
           type: "bar",
-          borderWidth: a.borderWidth ?? 0,
-          borderRadius: a.borderRadius ?? 4,
-          maxBarThickness: a.maxBarThickness ?? 34,
+          borderWidth: n.borderWidth ?? 0,
+          borderRadius: n.borderRadius ?? 4,
+          maxBarThickness: n.maxBarThickness ?? 34,
           // 确保填充色使用传入的颜色，而不是渐变色
-          backgroundColor: a.backgroundColor || "#3A416F"
+          backgroundColor: n.backgroundColor || "#3A416F"
         }))
       }, r = {
         responsive: !0,
@@ -123,40 +148,40 @@ const $ = (t, o) => {
           }
         }
       };
-      l = new k(s, {
+      l = new $(i, {
         type: "bar",
-        data: e,
-        options: r
+        data: t,
+        options: h(r, e.options)
       });
     };
-    return g(() => {
-      u();
-    }), m(
-      [() => t.labels, () => t.datasets, () => t.height],
+    return m(() => {
+      p();
+    }), C(
+      [() => e.labels, () => e.datasets, () => e.height],
       () => {
-        u();
+        p();
       },
       { deep: !0 }
     ), {
-      barChartCanvas: o,
-      chartContainer: n
+      barChartCanvas: s,
+      chartContainer: a
     };
   }
-}), T = {
+}), H = {
   ref: "chartContainer",
   style: { position: "relative" }
 };
-function H(t, o, n, l, d, c) {
-  return x(), C("div", T, [
+function j(e, s, a, l, o, c) {
+  return v(), x("div", H, [
     y("div", null, [
       y("canvas", {
         ref: "barChartCanvas",
-        style: v([{ width: "100%" }, { height: t.height + "px", maxHeight: t.height + "px" }])
+        style: k([{ width: "100%" }, { height: e.height + "px", maxHeight: e.height + "px" }])
       }, null, 4)
     ])
   ], 512);
 }
-const X = /* @__PURE__ */ $(A, [["render", H], ["__scopeId", "data-v-63c1cbe6"]]), E = b({
+const Z = /* @__PURE__ */ O(q, [["render", j], ["__scopeId", "data-v-ab70454a"]]), E = g({
   name: "JChBarLine",
   props: {
     labels: {
@@ -168,24 +193,29 @@ const X = /* @__PURE__ */ $(A, [["render", H], ["__scopeId", "data-v-63c1cbe6"]]
       type: Array,
       required: !0
     },
+    options: {
+      type: Object,
+      default: () => ({}),
+      required: !1
+    },
     height: {
       type: Number,
       default: 300
       // 默认高度 300px
     }
   },
-  setup(t) {
-    const o = f(null);
-    let n = null;
+  setup(e) {
+    const s = f(null);
+    let a = null;
     const l = () => {
-      var e;
-      n && n.destroy();
-      const d = (e = o.value) == null ? void 0 : e.getContext("2d");
-      if (!d) return;
-      const c = t.datasets.map((r) => {
-        let i = {};
-        const a = r.type === "line" ? "line" : "bar";
-        return r.type === "line" ? i = {
+      var t;
+      a && a.destroy();
+      const o = (t = s.value) == null ? void 0 : t.getContext("2d");
+      if (!o) return;
+      const c = e.datasets.map((r) => {
+        let d = {};
+        const n = r.type === "line" ? "line" : "bar";
+        return r.type === "line" ? d = {
           type: "line",
           tension: 0.4,
           pointRadius: 0,
@@ -194,7 +224,7 @@ const X = /* @__PURE__ */ $(A, [["render", H], ["__scopeId", "data-v-63c1cbe6"]]
           // 关键：取消填充
           backgroundColor: "transparent",
           maxBarThickness: void 0
-        } : r.type === "bar" && (i = {
+        } : r.type === "bar" && (d = {
           type: "bar",
           borderWidth: 0,
           borderRadius: 4,
@@ -203,14 +233,14 @@ const X = /* @__PURE__ */ $(A, [["render", H], ["__scopeId", "data-v-63c1cbe6"]]
           maxBarThickness: 34,
           backgroundColor: r.backgroundColor
         }), {
-          type: a,
+          type: n,
           ...r,
-          ...i
+          ...d
         };
-      }), u = {
-        labels: t.labels,
+      }), p = {
+        labels: e.labels,
         datasets: c
-      }, s = {
+      }, i = {
         responsive: !0,
         maintainAspectRatio: !1,
         plugins: {
@@ -272,41 +302,41 @@ const X = /* @__PURE__ */ $(A, [["render", H], ["__scopeId", "data-v-63c1cbe6"]]
               color: "#969799",
               padding: 10,
               font: { size: 11, family: "Open Sans", style: "normal", lineHeight: 2 },
-              callback: (r, i) => {
-                const a = t.labels[i];
-                return a && a.length > 13 ? `${a.slice(0, 13)}...` : a;
+              callback: (r, d) => {
+                const n = e.labels[d];
+                return n && n.length > 13 ? `${n.slice(0, 13)}...` : n;
               }
             }
           }
         }
       };
-      n = new k(d, {
-        data: u,
-        options: s
+      a = new $(o, {
+        data: p,
+        options: h(i, e.options)
       });
     };
-    return g(() => {
+    return m(() => {
       l();
-    }), m(
-      [() => t.labels, () => t.datasets, () => t.height],
+    }), C(
+      [() => e.labels, () => e.datasets, () => e.height],
       () => {
         l();
       },
       { deep: !0 }
     ), {
-      mixedChartCanvas: o
+      mixedChartCanvas: s
     };
   }
 });
-function q(t, o, n, l, d, c) {
-  return x(), C("div", null, [
+function W(e, s, a, l, o, c) {
+  return v(), x("div", null, [
     y("canvas", {
       ref: "mixedChartCanvas",
-      style: v([{ width: "100%" }, { height: t.height + "px", maxHeight: t.height + "px" }])
+      style: k([{ width: "100%" }, { height: e.height + "px", maxHeight: e.height + "px" }])
     }, null, 4)
   ]);
 }
-const Y = /* @__PURE__ */ $(E, [["render", q]]), W = b({
+const M = /* @__PURE__ */ O(E, [["render", W]]), z = g({
   name: "JChBubble",
   props: {
     labels: {
@@ -318,27 +348,32 @@ const Y = /* @__PURE__ */ $(E, [["render", q]]), W = b({
       type: Array,
       required: !0
     },
+    options: {
+      type: Object,
+      default: () => ({}),
+      required: !1
+    },
     height: {
       type: Number,
       default: 300
     }
   },
-  setup(t) {
-    const o = f(null);
-    let n = null;
+  setup(e) {
+    const s = f(null);
+    let a = null;
     const l = () => {
-      var s;
-      n && n.destroy();
-      const d = (s = o.value) == null ? void 0 : s.getContext("2d");
-      if (!d) return;
+      var i;
+      a && a.destroy();
+      const o = (i = s.value) == null ? void 0 : i.getContext("2d");
+      if (!o) return;
       const c = {
-        labels: t.labels,
-        datasets: t.datasets.map((e) => ({
-          ...e,
+        labels: e.labels,
+        datasets: e.datasets.map((t) => ({
+          ...t,
           // 确保类型正确，并设置透明度
-          backgroundColor: e.backgroundColor || "rgba(54, 162, 235, 0.6)"
+          backgroundColor: t.backgroundColor || "rgba(54, 162, 235, 0.6)"
         }))
-      }, u = {
+      }, p = {
         responsive: !0,
         maintainAspectRatio: !1,
         plugins: {
@@ -361,7 +396,7 @@ const Y = /* @__PURE__ */ $(E, [["render", q]]), W = b({
             borderColor: "#eeeeee",
             padding: 12,
             callbacks: {
-              label: (e) => `${e.dataset.label || ""}: ${e.formattedValue}`
+              label: (t) => `${t.dataset.label || ""}: ${t.formattedValue}`
             }
           }
         },
@@ -386,42 +421,42 @@ const Y = /* @__PURE__ */ $(E, [["render", q]]), W = b({
               color: "#969799",
               padding: 10,
               font: { size: 11, family: "Open Sans", style: "normal", lineHeight: 2 },
-              callback: (e, r) => {
-                const i = t.labels[r];
-                return i ? typeof i == "string" && i.length > 13 ? `${i.slice(0, 13)}...` : i : e;
+              callback: (t, r) => {
+                const d = e.labels[r];
+                return d ? typeof d == "string" && d.length > 13 ? `${d.slice(0, 13)}...` : d : t;
               }
             }
           }
         }
       };
-      n = new k(d, {
+      a = new $(o, {
         type: "bubble",
         data: c,
-        options: u
+        options: h(p, e.options)
       });
     };
-    return g(() => {
+    return m(() => {
       l();
-    }), m(
-      [() => t.labels, () => t.datasets, () => t.height],
+    }), C(
+      [() => e.labels, () => e.datasets, () => e.height],
       () => {
         l();
       },
       { deep: !0 }
     ), {
-      bubbleChartCanvas: o
+      bubbleChartCanvas: s
     };
   }
 });
-function z(t, o, n, l, d, c) {
-  return x(), C("div", null, [
+function R(e, s, a, l, o, c) {
+  return v(), x("div", null, [
     y("canvas", {
       ref: "bubbleChartCanvas",
-      style: v([{ width: "100%" }, { height: t.height + "px", maxHeight: t.height + "px" }])
+      style: k([{ width: "100%" }, { height: e.height + "px", maxHeight: e.height + "px" }])
     }, null, 4)
   ]);
 }
-const Z = /* @__PURE__ */ $(W, [["render", z]]), R = b({
+const F = /* @__PURE__ */ O(z, [["render", R]]), L = g({
   name: "JChLine",
   props: {
     labels: {
@@ -433,24 +468,29 @@ const Z = /* @__PURE__ */ $(W, [["render", z]]), R = b({
       type: Array,
       required: !0
     },
+    options: {
+      type: Object,
+      default: () => ({}),
+      required: !1
+    },
     height: {
       type: Number,
       default: 300
     }
   },
-  setup(t) {
-    const o = f(null);
-    let n = null;
+  setup(e) {
+    const s = f(null);
+    let a = null;
     const l = () => {
-      var s;
-      n && n.destroy();
-      const d = (s = o.value) == null ? void 0 : s.getContext("2d");
-      if (!d) return;
+      var i;
+      a && a.destroy();
+      const o = (i = s.value) == null ? void 0 : i.getContext("2d");
+      if (!o) return;
       const c = {
-        labels: t.labels,
+        labels: e.labels,
         // 使用 props.labels
-        datasets: t.datasets.map((e) => ({
-          ...e,
+        datasets: e.datasets.map((t) => ({
+          ...t,
           tension: 0.4,
           pointRadius: 2,
           borderWidth: 3,
@@ -458,7 +498,7 @@ const Z = /* @__PURE__ */ $(W, [["render", z]]), R = b({
           backgroundColor: "transparent",
           type: "line"
         }))
-      }, u = {
+      }, p = {
         responsive: !0,
         maintainAspectRatio: !1,
         plugins: {
@@ -490,7 +530,7 @@ const Z = /* @__PURE__ */ $(W, [["render", z]]), R = b({
             // Optional: Add a border color
             padding: 12,
             callbacks: {
-              label: (e) => `${e.dataset.label || ""}: ${e.formattedValue}`
+              label: (t) => `${t.dataset.label || ""}: ${t.formattedValue}`
             }
           }
         },
@@ -538,48 +578,48 @@ const Z = /* @__PURE__ */ $(W, [["render", z]]), R = b({
                 family: "Open Sans",
                 style: "normal"
               },
-              callback: (e, r, i) => {
-                const a = t.labels[r];
-                return a.length > 13 ? `${a.slice(0, 13)}...` : a;
+              callback: (t, r, d) => {
+                const n = e.labels[r];
+                return n.length > 13 ? `${n.slice(0, 13)}...` : n;
               }
             }
           }
         }
       };
-      n = new k(d, {
+      a = new $(o, {
         type: "line",
         data: c,
-        options: u
+        options: h(p, e.options)
       });
     };
-    return g(() => {
+    return m(() => {
       l();
-    }), m(
-      [() => t.labels, () => t.datasets],
+    }), C(
+      [() => e.labels, () => e.datasets],
       () => {
         l();
       },
       { deep: !0 }
     ), {
-      lineChartCanvas: o
+      lineChartCanvas: s
     };
   }
-}), L = { ref: "chartContainer" };
-function B(t, o, n, l, d, c) {
-  return x(), C("div", L, [
+}), B = { ref: "chartContainer" };
+function N(e, s, a, l, o, c) {
+  return v(), x("div", B, [
     y("canvas", {
       ref: "lineChartCanvas",
-      style: v([{ width: "100%" }, { height: t.height + "px", maxHeight: t.height + "px" }])
+      style: k([{ width: "100%" }, { height: e.height + "px", maxHeight: e.height + "px" }])
     }, null, 4)
   ], 512);
 }
-const M = /* @__PURE__ */ $(R, [["render", B], ["__scopeId", "data-v-c86e6b6d"]]), N = b({
+const G = /* @__PURE__ */ O(L, [["render", N], ["__scopeId", "data-v-3bd61468"]]), P = g({
   name: "JChPieDoughnut",
   props: {
     type: {
       type: String,
       required: !0,
-      validator: (t) => ["pie", "doughnut"].includes(t)
+      validator: (e) => ["pie", "doughnut"].includes(e)
     },
     labels: {
       type: Array,
@@ -591,52 +631,57 @@ const M = /* @__PURE__ */ $(R, [["render", B], ["__scopeId", "data-v-c86e6b6d"]]
       type: Array,
       required: !0
     },
+    options: {
+      type: Object,
+      default: () => ({}),
+      required: !1
+    },
     height: {
       type: Number,
       default: 300
     }
   },
-  setup(t) {
-    const o = f(null), n = f(null);
+  setup(e) {
+    const s = f(null), a = f(null);
     let l = null;
-    const d = (s) => {
-      let e = s.querySelector("div.chartjs-tooltip");
-      return e || (e = document.createElement("div"), e.className = "chartjs-tooltip", e.style.background = "#ffffff", e.style.borderRadius = "8px", e.style.boxShadow = "0 4px 12px rgba(0, 0, 0, 0.15)", e.style.color = "#323232", e.style.opacity = "0", e.style.pointerEvents = "none", e.style.position = "absolute", e.style.transform = "translate(-50%, 0)", e.style.transition = "all .1s ease", e.style.padding = "8px 10px", e.style.font = "12px Open Sans, sans-serif", s.appendChild(e)), e;
-    }, c = (s) => {
-      const { chart: e, tooltip: r } = s, i = n.value;
-      if (!i) return;
-      const a = d(i);
+    const o = (i) => {
+      let t = i.querySelector("div.chartjs-tooltip");
+      return t || (t = document.createElement("div"), t.className = "chartjs-tooltip", t.style.background = "#ffffff", t.style.borderRadius = "8px", t.style.boxShadow = "0 4px 12px rgba(0, 0, 0, 0.15)", t.style.color = "#323232", t.style.opacity = "0", t.style.pointerEvents = "none", t.style.position = "absolute", t.style.transform = "translate(-50%, 0)", t.style.transition = "all .1s ease", t.style.padding = "8px 10px", t.style.font = "12px Open Sans, sans-serif", i.appendChild(t)), t;
+    }, c = (i) => {
+      const { chart: t, tooltip: r } = i, d = a.value;
+      if (!d) return;
+      const n = o(d);
       if (r.opacity === 0) {
-        a.style.opacity = "0";
+        n.style.opacity = "0";
         return;
       }
       if (r.body) {
-        const _ = r.title || [], O = r.body.map((p) => p.lines);
-        if (a.innerHTML = "", _.length) {
-          const p = document.createElement("div");
-          p.style.fontWeight = "600", p.style.marginBottom = "4px", p.textContent = _.join(" "), a.appendChild(p);
+        const _ = r.title || [], A = r.body.map((u) => u.lines);
+        if (n.innerHTML = "", _.length) {
+          const u = document.createElement("div");
+          u.style.fontWeight = "600", u.style.marginBottom = "4px", u.textContent = _.join(" "), n.appendChild(u);
         }
-        O.forEach((p) => {
+        A.forEach((u) => {
           const w = document.createElement("div");
-          w.textContent = p.join(" "), a.appendChild(w);
+          w.textContent = u.join(" "), n.appendChild(w);
         });
       }
-      const { offsetLeft: h, offsetTop: S } = e.canvas;
-      a.style.opacity = "1", a.style.left = `${h + r.caretX}px`, a.style.top = `${S + r.caretY}px`;
-    }, u = () => {
-      var a;
+      const { offsetLeft: b, offsetTop: S } = t.canvas;
+      n.style.opacity = "1", n.style.left = `${b + r.caretX}px`, n.style.top = `${S + r.caretY}px`;
+    }, p = () => {
+      var n;
       l && l.destroy();
-      const s = (a = o.value) == null ? void 0 : a.getContext("2d");
-      if (!s) return;
-      const e = t.type, r = {
-        labels: t.labels,
-        datasets: t.datasets.map((h) => ({
-          ...h,
-          type: e,
+      const i = (n = s.value) == null ? void 0 : n.getContext("2d");
+      if (!i) return;
+      const t = e.type, r = {
+        labels: e.labels,
+        datasets: e.datasets.map((b) => ({
+          ...b,
+          type: t,
           // 关键：动态设置 ChartDataSet 的类型
-          borderWidth: h.borderWidth ?? 2
+          borderWidth: b.borderWidth ?? 2
         }))
-      }, i = {
+      }, d = {
         responsive: !0,
         maintainAspectRatio: !1,
         plugins: {
@@ -663,39 +708,39 @@ const M = /* @__PURE__ */ $(R, [["render", B], ["__scopeId", "data-v-c86e6b6d"]]
         },
         interaction: { intersect: !1, mode: "index" }
       };
-      l = new k(s, {
-        type: e,
+      l = new $(i, {
+        type: t,
         data: r,
         // 需要使用 'as any' 来避免 TypeScript 对不同 ChartOptions 类型的严格检查
-        options: i
+        options: h(d, e.options)
       });
     };
-    return g(() => {
-      u();
-    }), m(
-      [() => t.labels, () => t.datasets, () => t.type],
+    return m(() => {
+      p();
+    }), C(
+      [() => e.labels, () => e.datasets, () => e.type],
       () => {
-        u();
+        p();
       },
       { deep: !0 }
     ), {
-      chartCanvas: o,
-      chartContainer: n
+      chartCanvas: s,
+      chartContainer: a
     };
   }
-}), j = {
+}), D = {
   ref: "chartContainer",
   style: { position: "relative" }
 };
-function D(t, o, n, l, d, c) {
-  return x(), C("div", j, [
+function I(e, s, a, l, o, c) {
+  return v(), x("div", D, [
     y("canvas", {
       ref: "chartCanvas",
-      style: v([{ width: "100%" }, { height: t.height + "px", maxHeight: t.height + "px" }])
+      style: k([{ width: "100%" }, { height: e.height + "px", maxHeight: e.height + "px" }])
     }, null, 4)
   ], 512);
 }
-const F = /* @__PURE__ */ $(N, [["render", D]]), I = b({
+const K = /* @__PURE__ */ O(P, [["render", I]]), V = g({
   name: "JChRadar",
   props: {
     labels: {
@@ -707,30 +752,35 @@ const F = /* @__PURE__ */ $(N, [["render", D]]), I = b({
       type: Array,
       required: !0
     },
+    options: {
+      type: Object,
+      default: () => ({}),
+      required: !1
+    },
     height: {
       type: Number,
       default: 300
     }
   },
-  setup(t) {
-    const o = f(null);
-    let n = null;
+  setup(e) {
+    const s = f(null);
+    let a = null;
     const l = () => {
-      var s;
-      n && n.destroy();
-      const d = (s = o.value) == null ? void 0 : s.getContext("2d");
-      if (!d) return;
+      var i;
+      a && a.destroy();
+      const o = (i = s.value) == null ? void 0 : i.getContext("2d");
+      if (!o) return;
       const c = {
-        labels: t.labels,
-        datasets: t.datasets.map((e) => ({
-          ...e,
+        labels: e.labels,
+        datasets: e.datasets.map((t) => ({
+          ...t,
           type: "radar",
-          fill: e.fill ?? !0,
-          backgroundColor: e.backgroundColor || "rgba(58,65,111,0.2)",
-          borderColor: e.borderColor || "rgba(58,65,111,1)",
-          borderWidth: e.borderWidth ?? 2
+          fill: t.fill ?? !0,
+          backgroundColor: t.backgroundColor || "rgba(58,65,111,0.2)",
+          borderColor: t.borderColor || "rgba(58,65,111,1)",
+          borderWidth: t.borderWidth ?? 2
         }))
-      }, u = {
+      }, p = {
         responsive: !0,
         maintainAspectRatio: !1,
         plugins: {
@@ -759,7 +809,7 @@ const F = /* @__PURE__ */ $(N, [["render", D]]), I = b({
             borderColor: "#eeeeee",
             padding: 12,
             callbacks: {
-              label: (e) => `${e.dataset.label || ""}: ${e.formattedValue}`
+              label: (t) => `${t.dataset.label || ""}: ${t.formattedValue}`
             }
           }
         },
@@ -787,40 +837,40 @@ const F = /* @__PURE__ */ $(N, [["render", D]]), I = b({
           }
         }
       };
-      n = new k(d, {
+      a = new $(o, {
         type: "radar",
         data: c,
-        options: u
+        options: h(p, e.options)
       });
     };
-    return g(() => {
+    return m(() => {
       l();
-    }), m(
-      [() => t.labels, () => t.datasets, () => t.height],
+    }), C(
+      [() => e.labels, () => e.datasets, () => e.height],
       () => {
         l();
       },
       { deep: !0 }
     ), {
-      radarChartCanvas: o
+      radarChartCanvas: s
     };
   }
 });
-function P(t, o, n, l, d, c) {
-  return x(), C("div", null, [
+function J(e, s, a, l, o, c) {
+  return v(), x("div", null, [
     y("canvas", {
       ref: "radarChartCanvas",
-      style: v([{ width: "100%" }, { height: t.height + "px", maxHeight: t.height + "px" }])
+      style: k([{ width: "100%" }, { height: e.height + "px", maxHeight: e.height + "px" }])
     }, null, 4)
   ]);
 }
-const G = /* @__PURE__ */ $(I, [["render", P]]);
+const Q = /* @__PURE__ */ O(V, [["render", J]]);
 export {
-  $ as _,
-  Y as a,
-  Z as b,
-  M as c,
-  F as d,
-  G as e,
-  X as i
+  O as _,
+  M as a,
+  F as b,
+  G as c,
+  K as d,
+  Q as e,
+  Z as i
 };