vue-data-ui 2.3.43 → 2.3.44

package/dist/vue-ui-sparkline-CqaXadBL.js

@@ -1,342 +0,0 @@
-import { computed as d, ref as w, onMounted as J, openBlock as s, createElementBlock as n, normalizeStyle as N, renderSlot as F, normalizeProps as K, guardReactiveProps as Q, createElementVNode as f, toDisplayString as G, createCommentVNode as y, unref as v, Fragment as P, renderList as z, createBlock as ee } from "vue";
-import { u as te, c as ae, t as le, o as ue, e as W, g as oe, s as I, R as se, S as ne, X as re, v as C, M as B, i as E, f as T } from "./index-Bbk73zTN.js";
-import { u as j } from "./useNestedProp-DyRlubve.js";
-import ie from "./vue-ui-skeleton-B5cqEJh5.js";
-import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ve = ["id"], ce = ["xmlns", "viewBox"], ye = ["id"], he = ["stop-color"], fe = ["stop-color"], pe = ["id"], ge = ["stop-color"], me = ["stop-color"], ke = ["id"], be = ["stop-color"], xe = ["stop-color"], _e = { key: 0 }, we = ["d", "fill"], $e = ["d", "fill"], Le = ["d", "stroke", "stroke-width"], Ne = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ie = ["x", "y", "width", "height", "fill", "rx"], Ce = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Me = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], Se = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ve = ["x", "y", "font-size", "font-weight", "fill"], Pe = ["x", "y", "height", "width", "onMouseenter", "onClick"], ze = {
-  __name: "vue-ui-sparkline",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    showInfo: {
-      type: Boolean,
-      default: !0
-    },
-    selectedIndex: {
-      type: Number,
-      default: void 0
-    }
-  },
-  emits: ["hoverIndex", "selectDatapoint"],
-  setup(b, { emit: M }) {
-    const i = b, { vue_ui_sparkline: O } = te(), $ = d(() => !!i.dataset && i.dataset.length), p = w(ae()), e = d(() => {
-      const t = j({
-        userConfig: i.config,
-        defaultConfig: O
-      });
-      return t.theme ? {
-        ...j({
-          userConfig: le.vue_ui_sparkline[t.theme] || i.config,
-          defaultConfig: t
-        })
-      } : t;
-    }), k = w(i.dataset.map((t) => e.value.style.animation.show ? {
-      ...t,
-      value: null
-    } : {
-      ...t,
-      value: [void 0].includes(t.value) ? null : t.value
-    }));
-    J(() => {
-      if (ue(i.dataset) ? W({
-        componentName: "VueUiSparkline",
-        type: "dataset"
-      }) : i.dataset.forEach((t, o) => {
-        oe({
-          datasetObject: t,
-          requiredAttributes: ["period", "value"]
-        }).forEach((a) => {
-          W({
-            componentName: "VueUiSparkline",
-            type: "datasetSerieAttribute",
-            property: a,
-            index: o
-          });
-        });
-      }), e.value.style.animation.show && i.dataset.length > 1) {
-        let a = function() {
-          o < i.dataset.length ? (k.value.push(i.dataset[o]), setTimeout(() => {
-            requestAnimationFrame(a);
-          }, t)) : k.value = i.dataset, o += 1;
-        };
-        k.value = [];
-        const t = e.value.style.animation.animationFrames / i.dataset.length;
-        let o = 0;
-        a();
-      }
-    });
-    const h = w({
-      height: 80,
-      width: 500
-    }), U = w(6), l = d(() => ({
-      top: 12,
-      left: 0,
-      right: h.value.width,
-      bottom: h.value.height - 3,
-      start: i.showInfo && e.value.style.dataLabel.show && e.value.style.dataLabel.position === "left" ? h.value.width - e.value.style.chartWidth : 30,
-      width: i.showInfo && e.value.style.dataLabel.show ? e.value.style.chartWidth : h.value.width - 30,
-      height: h.value.height - 12
-    })), S = d(() => Math.min(...k.value.map((t) => isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0))), X = d(() => Math.max(...k.value.map((t) => isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0))), x = d(() => {
-      const t = S.value >= 0 ? 0 : S.value;
-      return Math.abs(t);
-    }), R = d(() => X.value + x.value + U.value), L = d(() => l.value.bottom - l.value.height * V(x.value));
-    function V(t) {
-      return t / R.value;
-    }
-    const g = d(() => i.dataset.length - 1), u = d(() => k.value.map((t, o) => {
-      const a = isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0;
-      return {
-        absoluteValue: a,
-        period: t.period,
-        plotValue: a + x.value,
-        toMax: V(a + x.value),
-        x: l.value.start + o * (l.value.width / (g.value + 1) > 30 ? 30 : l.value.width / (g.value + 1)),
-        y: l.value.bottom - l.value.height * V(a + x.value),
-        id: `plot_${p.value}_${o}`,
-        color: _.value ? e.value.style.bar.color : e.value.style.area.useGradient ? I(e.value.style.line.color, 0.05 * (1 - o / g.value)) : e.value.style.line.color,
-        width: l.value.width / (g.value + 1) > 30 ? 30 : l.value.width / (g.value + 1)
-      };
-    })), Z = d(() => {
-      const t = { x: u.value[0].x, y: h.value.height - 6 }, o = { x: u.value[u.value.length - 1].x, y: h.value.height - 6 }, a = [];
-      return u.value.forEach((r) => {
-        a.push(`${r.x},${r.y} `);
-      }), [t.x, t.y, ...a, o.x, o.y].toString();
-    }), c = w(void 0);
-    function q(t, o) {
-      c.value = t, M("hoverIndex", { index: o });
-    }
-    function H() {
-      c.value = void 0, M("hoverIndex", { index: void 0 });
-    }
-    const m = d(() => {
-      if ($.value) {
-        const t = u.value.map((a) => a.absoluteValue), o = t.reduce((a, r) => a + r, 0);
-        return {
-          latest: u.value[u.value.length - 1].absoluteValue,
-          sum: o,
-          average: o / u.value.length,
-          median: se(t),
-          trend: ne(u.value.map(({ x: a, y: r, absoluteValue: D }) => ({
-            x: a,
-            y: r,
-            value: D
-          }))).trend
-        };
-      } else
-        return {
-          latest: null,
-          sum: null,
-          average: null,
-          median: null,
-          trend: null
-        };
-    }), A = d(() => $.value ? e.value.style.dataLabel.valueType === "latest" ? m.value.latest : e.value.style.dataLabel.valueType === "sum" ? m.value.sum : e.value.style.dataLabel.valueType === "average" ? m.value.average : 0 : 0), _ = d(() => e.value.type && e.value.type === "bar");
-    function Y(t, o) {
-      M("selectDatapoint", { datapoint: t, index: o });
-    }
-    return (t, o) => (s(), n("div", {
-      class: "vue-ui-sparkline",
-      id: p.value,
-      style: N(`width:100%;font-family:${e.value.style.fontFamily}`)
-    }, [
-      F(t.$slots, "before", K(Q({
-        selected: c.value,
-        latest: m.value.latest,
-        sum: m.value.sum,
-        average: m.value.average,
-        median: m.value.median,
-        trend: m.value.trend
-      })), void 0, !0),
-      e.value.style.title.show && b.showInfo ? (s(), n("div", {
-        key: 0,
-        class: "vue-ui-sparkline-title",
-        style: N(`display:flex;align-items:center;width:100%;color:${e.value.style.title.color};background:${e.value.style.backgroundColor};justify-content:${e.value.style.title.textAlign === "left" ? "flex-start" : e.value.style.title.textAlign === "right" ? "flex-end" : "center"};height:${e.value.style.title.fontSize * 2}px;font-size:${e.value.style.title.fontSize}px;font-weight:${e.value.style.title.bold ? "bold" : "normal"};`)
-      }, [
-        f("span", {
-          style: N(`padding:${e.value.style.title.textAlign === "left" ? "0 0 0 12px" : e.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`)
-        }, G(c.value ? c.value.period : e.value.style.title.text), 5)
-      ], 4)) : y("", !0),
-      $.value ? (s(), n("svg", {
-        key: 1,
-        xmlns: v(re),
-        viewBox: `0 0 ${h.value.width} ${h.value.height}`,
-        style: N(`background:${e.value.style.backgroundColor};overflow:visible`)
-      }, [
-        f("defs", null, [
-          f("linearGradient", {
-            x1: "0%",
-            y1: "0%",
-            x2: "100%",
-            y2: "0%",
-            id: `sparkline_gradient_${p.value}`
-          }, [
-            f("stop", {
-              offset: "0%",
-              "stop-color": `${v(I)(e.value.style.area.color, 0.05)}${v(C)[e.value.style.area.opacity]}`
-            }, null, 8, he),
-            f("stop", {
-              offset: "100%",
-              "stop-color": e.value.style.area.color + v(C)[e.value.style.area.opacity]
-            }, null, 8, fe)
-          ], 8, ye),
-          f("linearGradient", {
-            x2: "0%",
-            y2: "100%",
-            id: `sparkline_bar_gradient_pos_${p.value}`
-          }, [
-            f("stop", {
-              offset: "0%",
-              "stop-color": e.value.style.bar.color
-            }, null, 8, ge),
-            f("stop", {
-              offset: "100%",
-              "stop-color": `${v(I)(e.value.style.bar.color, 0.05)}`
-            }, null, 8, me)
-          ], 8, pe),
-          f("linearGradient", {
-            x2: "0%",
-            y2: "100%",
-            id: `sparkline_bar_gradient_neg_${p.value}`
-          }, [
-            f("stop", {
-              offset: "0%",
-              "stop-color": `${v(I)(e.value.style.bar.color, 0.05)}`
-            }, null, 8, be),
-            f("stop", {
-              offset: "100%",
-              "stop-color": e.value.style.bar.color
-            }, null, 8, xe)
-          ], 8, ke)
-        ]),
-        e.value.style.area.show && !_.value && u.value[0] ? (s(), n("g", _e, [
-          e.value.style.line.smooth ? (s(), n("path", {
-            key: 0,
-            d: `M ${u.value[0].x},${l.value.bottom} ${v(B)(u.value)} L ${u.value.at(-1).x},${l.value.bottom} Z`,
-            fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${p.value})` : `${e.value.style.area.color}${v(C)[e.value.style.area.opacity]}`
-          }, null, 8, we)) : (s(), n("path", {
-            key: 1,
-            d: `M${Z.value}Z`,
-            fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${p.value})` : `${e.value.style.area.color}${v(C)[e.value.style.area.opacity]}`
-          }, null, 8, $e))
-        ])) : y("", !0),
-        e.value.style.line.smooth && !_.value ? (s(), n("path", {
-          key: 1,
-          d: `M ${v(B)(u.value)}`,
-          stroke: e.value.style.line.color,
-          fill: "none",
-          "stroke-width": e.value.style.line.strokeWidth,
-          "stroke-linecap": "round"
-        }, null, 8, Le)) : y("", !0),
-        (s(!0), n(P, null, z(u.value, (a, r) => (s(), n("g", null, [
-          r < u.value.length - 1 && !e.value.style.line.smooth && !_.value ? (s(), n("line", {
-            key: 0,
-            x1: a.x,
-            x2: u.value[r + 1].x,
-            y1: a.y,
-            y2: u.value[r + 1].y,
-            stroke: a.color,
-            "stroke-width": e.value.style.line.strokeWidth,
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round",
-            "shape-rendering": "geometricPrecision"
-          }, null, 8, Ne)) : y("", !0),
-          _.value ? (s(), n("rect", {
-            key: 1,
-            x: a.x - a.width / 2,
-            y: a.absoluteValue > 0 ? a.y : L.value,
-            width: a.width,
-            height: Math.abs(a.y - L.value),
-            fill: a.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${p.value})` : `url(#sparkline_bar_gradient_neg_${p.value})`,
-            rx: e.value.style.bar.borderRadius
-          }, null, 8, Ie)) : y("", !0),
-          e.value.style.verticalIndicator.show && (c.value && a.id === c.value.id || b.selectedIndex === r) ? (s(), n("line", {
-            key: 2,
-            x1: a.x,
-            x2: a.x,
-            y1: l.value.top - 6,
-            y2: l.value.bottom,
-            stroke: e.value.style.verticalIndicator.color || a.color,
-            "stroke-width": e.value.style.verticalIndicator.strokeWidth,
-            "stroke-linecap": "round",
-            "stroke-dasharray": e.value.style.verticalIndicator.strokeDasharray || 0
-          }, null, 8, Ce)) : y("", !0)
-        ]))), 256)),
-        S.value < 0 ? (s(), n("line", {
-          key: 2,
-          x1: l.value.start,
-          x2: l.value.start + l.value.width - 16,
-          y1: L.value,
-          y2: L.value,
-          stroke: e.value.style.zeroLine.color,
-          "stroke-dasharray": e.value.style.zeroLine.strokeWidth * 2,
-          "stroke-width": e.value.style.zeroLine.strokeWidth,
-          "stroke-linecap": "round"
-        }, null, 8, Me)) : y("", !0),
-        e.value.style.plot.show ? (s(!0), n(P, { key: 3 }, z(u.value, (a, r) => (s(), n("g", null, [
-          c.value && a.id === c.value.id || b.selectedIndex === r ? (s(), n("circle", {
-            key: 0,
-            cx: a.x,
-            cy: a.y,
-            r: e.value.style.plot.radius,
-            fill: a.color,
-            stroke: e.value.style.plot.stroke,
-            "stroke-width": e.value.style.plot.strokeWidth
-          }, null, 8, Se)) : y("", !0)
-        ]))), 256)) : y("", !0),
-        b.showInfo && e.value.style.dataLabel.show ? (s(), n("text", {
-          key: 4,
-          x: e.value.style.dataLabel.position === "left" ? 12 + e.value.style.dataLabel.offsetX : l.value.width + 12 + e.value.style.dataLabel.offsetX,
-          y: h.value.height / 2 + e.value.style.dataLabel.fontSize / 2.5 + e.value.style.dataLabel.offsetY,
-          "font-size": e.value.style.dataLabel.fontSize,
-          "font-weight": e.value.style.dataLabel.bold ? "bold" : "normal",
-          fill: e.value.style.dataLabel.color
-        }, G(c.value ? v(E)(
-          e.value.style.dataLabel.formatter,
-          c.value.absoluteValue,
-          v(T)({ p: e.value.style.dataLabel.prefix, v: c.value.absoluteValue, s: e.value.style.dataLabel.suffix, r: e.value.style.dataLabel.roundingValue }),
-          { datapoint: c.value }
-        ) : v(E)(
-          e.value.style.dataLabel.formatter,
-          A.value,
-          v(T)({ p: e.value.style.dataLabel.prefix, v: A.value, s: e.value.style.dataLabel.suffix, r: e.value.style.dataLabel.roundingValue })
-        )), 9, Ve)) : y("", !0),
-        (s(!0), n(P, null, z(u.value, (a, r) => (s(), n("rect", {
-          x: a.x - (l.value.width / (g.value + 1) > 30 ? 30 : l.value.width / (g.value + 1)) / 2,
-          y: l.value.top - 6,
-          height: l.value.height + 6,
-          width: l.value.width / (g.value + 1) > 30 ? 30 : l.value.width / (g.value + 1),
-          fill: "transparent",
-          onMouseenter: (D) => q(a, r),
-          onMouseleave: H,
-          onClick: () => Y(a, r)
-        }, null, 40, Pe))), 256)),
-        F(t.$slots, "svg", { svg: h.value }, void 0, !0)
-      ], 12, ce)) : y("", !0),
-      $.value ? y("", !0) : (s(), ee(ie, {
-        key: 2,
-        config: {
-          type: "sparkline",
-          style: {
-            backgroundColor: e.value.style.backgroundColor,
-            sparkline: {
-              color: "#CCCCCC"
-            }
-          }
-        }
-      }, null, 8, ["config"]))
-    ], 12, ve));
-  }
-}, Be = /* @__PURE__ */ de(ze, [["__scopeId", "data-v-71dd1d7d"]]);
-export {
-  Be as default
-};