evui 3.5.0-rc.1 → 3.5.0

package/dist/components/chart/scale/scale.time.category.js

@@ -0,0 +1,148 @@
+import L from "dayjs";
+import { TIME_INTERVALS as I } from "../helpers/helpers.constant.js";
+import it from "./scale.js";
+import M from "../helpers/helpers.util.js";
+class rt extends it {
+  constructor(i, e, o, c, h) {
+    super(i, e, o), this.labels = c, this.options = h;
+  }
+  /**
+   * Transforming label by designated format
+   * @param {number} value                   label value
+   * @param {object} data                    data for formatting
+   *
+   * @returns {string} formatted label
+   */
+  getLabelFormat(i, e = {}) {
+    if (this.formatter) {
+      const o = this.formatter(i, e);
+      if (typeof o == "string")
+        return o;
+    }
+    return L(i).format(this.timeFormat);
+  }
+  /**
+   * Calculate interval
+   * @param {object} range    range information
+   *
+   * @returns {number} interval
+   */
+  getInterval(i) {
+    const e = i.maxValue, o = i.minValue, c = i.maxSteps;
+    if (this.interval) {
+      if (typeof this.interval == "string")
+        return I[this.interval].size;
+      if (typeof this.interval == "object")
+        return this.interval.time * I[this.interval.unit].size;
+      if (typeof this.interval == "number")
+        return this.interval;
+    }
+    return Math.ceil((e - o) / c);
+  }
+  /**
+   * With range information, calculate how many labels in axis
+   * @param {object} range    min/max information
+   *
+   * @returns {object} steps, interval, min/max graph value
+   */
+  calculateSteps(i) {
+    const { maxValue: e, minValue: o, maxSteps: c } = i, h = this.getInterval(i);
+    let t = h, m = o, l;
+    for (; m < e; )
+      m += t;
+    const d = m > e ? e : m, u = o, f = d - u;
+    l = Math.round(f / t) + 1;
+    const C = l;
+    for (e === 1 && (t = 0.2, l = 5); l > c; )
+      t *= 2, l = Math.round(f / t), t = Math.ceil(f / l);
+    return d - u > l * t && (t = Math.ceil((d - u) / l)), {
+      steps: l,
+      oriSteps: C,
+      interval: t,
+      rawInterval: h,
+      graphMin: u,
+      graphMax: d
+    };
+  }
+  /**
+   * Draw axis
+   * @param {object} chartRect      min/max information
+   * @param {object} labelOffset    label offset information
+   * @param {object} stepInfo       label steps information
+   *
+   * @returns {undefined}
+   */
+  draw(i, e, o, c, h) {
+    var O, B, E, j, R, _, N, H, K, U, X, q, D, J, Q, Y;
+    const t = this.ctx, m = this.labels, l = {
+      x1: i.x1 + e.left,
+      x2: i.x2 - e.right,
+      y1: i.y1 + e.top,
+      y2: i.y2 - e.bottom
+    }, d = o.steps, u = o.graphMin, f = o.graphMax, C = o.rawInterval, a = o.oriSteps;
+    let g = l[this.units.rectStart];
+    const G = l[this.units.rectEnd], s = l[this.units.rectOffset(this.position)], F = l[this.units.rectOffsetCounter(this.position)], z = 5;
+    this.drawAxisTitle(i, e), t.font = M.getLabelStyle(this.labelStyle), this.type === "x" ? (t.textAlign = "center", t.textBaseline = this.position === "top" ? "bottom" : "top") : (t.textAlign = this.position === "left" ? "right" : "left", t.textBaseline = "middle"), t.fillStyle = this.labelStyle.color, t.lineWidth = this.axisLineWidth;
+    const T = M.aliasPixel(t.lineWidth);
+    if (t.beginPath(), t.strokeStyle = this.axisLineColor, this.type === "x" ? (t.moveTo(g, s + T), t.lineTo(G, s + T)) : (t.moveTo(s + T, g), t.lineTo(s + T, G)), t.stroke(), t.closePath(), d === 0 || u === null)
+      return;
+    const V = this.labelStyle.alignToGridLine, A = (G - g) / (a || 1);
+    this.categoryMode && !V && (g += Math.ceil(A / 2) - 2);
+    const S = [];
+    let x = null, n = null;
+    t.beginPath(), t.strokeStyle = this.gridLineColor;
+    let b, y, r, k = d <= 2 ? a : Math.round(a / d);
+    const v = g > Math.ceil(l[this.units.rectStart]);
+    this.type === "x" && v && k === a && (k = 1);
+    const tt = k === a ? a : a - 1;
+    for (r = 0; r <= tt; r += k) {
+      S[r] = L(u).valueOf() + r * C, x = Math.round(g + A * r), n = x + T;
+      let P;
+      for (let p = 0; p < S.length; p++)
+        S[p] !== void 0 && p !== r && (P = S[p]);
+      b = this.getLabelFormat(Math.min(f, S[r]), { prev: P });
+      const w = ((B = (O = this.options) == null ? void 0 : O.selectLabel) == null ? void 0 : B.use) && ((j = (E = this.options) == null ? void 0 : E.selectLabel) == null ? void 0 : j.useLabelOpacity) && this.options.horizontal === (this.type === "y") && ((R = h == null ? void 0 : h.dataIndex) == null ? void 0 : R.length) && !(h != null && h.label.map(
+        (p) => this.getLabelFormat(Math.min(f, p), {
+          prev: P
+        })
+      ).includes(b)), W = this.labelStyle.color;
+      let Z = 1;
+      if (M.getColorStringType(W) === "RGBA" && (Z = M.getOpacity(W)), t.fillStyle = M.colorStringToRgba(
+        W,
+        w ? (_ = this.options) == null ? void 0 : _.unSelectedOpacity : Z
+      ), this.type === "x") {
+        if (y = this.position === "top" ? s - 10 : s + 10, t.fillText(this.checkFixWidth(b), x, y), !w && ((H = (N = this.options) == null ? void 0 : N.selectItem) != null && H.showLabelTip) && (c != null && c.label) && !((K = this.options) != null && K.horizontal)) {
+          const p = this.getLabelFormat(
+            Math.min(f, c.label + 0 * C)
+          );
+          if (p === b) {
+            const $ = Math.round(t.measureText((U = this.labelStyle) == null ? void 0 : U.fontSize).width);
+            M.showLabelTip({
+              ctx: this.ctx,
+              width: Math.round(t.measureText(p).width) + 10,
+              height: $,
+              x,
+              y: y + ($ - 2),
+              borderRadius: 2,
+              arrowSize: 3,
+              text: b,
+              backgroundColor: (D = (q = (X = this.options) == null ? void 0 : X.selectItem) == null ? void 0 : q.labelTipStyle) == null ? void 0 : D.backgroundColor,
+              textColor: (Y = (Q = (J = this.options) == null ? void 0 : J.selectItem) == null ? void 0 : Q.labelTipStyle) == null ? void 0 : Y.textColor
+            });
+          }
+        }
+        this.showAxisTick && (t.beginPath(), t.strokeStyle = this.axisLineColor, t.moveTo(n, s), t.lineTo(n, s + z), t.stroke(), t.closePath()), r < a && this.showGrid && (v || !v && r !== 0) && (t.beginPath(), t.strokeStyle = this.gridLineColor, t.moveTo(n, s), t.lineTo(n, F), t.stroke(), t.closePath());
+      } else
+        y = this.position === "left" ? s - 10 : s + 10, t.fillText(this.checkFixWidth(b), y, x), this.showAxisTick && (t.beginPath(), t.strokeStyle = this.axisLineColor, t.moveTo(s + (this.axisLineWidth ?? 1), n), t.lineTo(s - z, n), t.stroke(), t.closePath()), r < a && this.showGrid && (v || !v && r !== 0) && (t.beginPath(), t.strokeStyle = this.gridLineColor, t.moveTo(s, n), t.lineTo(F, n), t.stroke(), t.closePath());
+      t.stroke();
+    }
+    if (this.categoryMode && V && r * k === a) {
+      const P = L(m[1]).diff(L(m[0])), w = this.getLabelFormat(L(S[a - 1] + P));
+      x = Math.round(g + A * a), n = x + T, this.type === "x" ? (t.fillText(this.checkFixWidth(w), x, y), this.showGrid && (t.moveTo(n, s), t.lineTo(n, F))) : (t.fillText(this.checkFixWidth(w), y, x), this.showGrid && (t.moveTo(s, n), t.lineTo(F, n))), t.stroke();
+    }
+    t.closePath();
+  }
+}
+export {
+  rt as default
+};

package/dist/components/chart/scale/scale.time.js

@@ -0,0 +1,95 @@
+import d from "dayjs";
+import { TIME_INTERVALS as v } from "../helpers/helpers.constant.js";
+import x from "./scale.js";
+class j extends x {
+  /**
+   * Transforming label by designated format
+   * @param {number} value                   label value
+   * @param {object} data                    data for formatting
+   *
+   * @returns {string} formatted label
+   */
+  getLabelFormat(t, l = {}) {
+    if (this.formatter) {
+      const r = this.formatter(t, l);
+      if (typeof r == "string")
+        return r;
+    }
+    return d(t).format(this.timeFormat);
+  }
+  /**
+   * Calculate interval
+   * @param {object} range    range information
+   *
+   * @returns {number} interval
+   */
+  getInterval(t) {
+    const l = t.maxValue, r = t.minValue, p = t.maxSteps;
+    if (this.interval) {
+      if (typeof this.interval == "string")
+        return v[this.interval].size;
+      if (typeof this.interval == "object")
+        return this.interval.time * v[this.interval.unit].size;
+      if (typeof this.interval == "number")
+        return this.interval;
+    }
+    return Math.ceil((l - r) / p);
+  }
+  /**
+   * With range information, calculate how many labels in axis
+   * time axis는 interval 없이 range만 사용하는 것을 지원하지 않음
+   * @param {object} range    min/max information
+   *
+   * @returns {object} steps, interval, min/max graph value
+  */
+  calculateSteps(t) {
+    const { maxValue: l, minValue: r } = t, p = Math.max(1, t.maxSteps ?? 1), g = Array.isArray(this.range) && this.range.length === 2, c = typeof this.interval == "number" || typeof this.interval == "object" && this.interval !== null ? this.getInterval(t) : null, u = c != null && c > 0 && Number.isFinite(c), M = 1e-10, n = +r;
+    let i = +l;
+    if (g && u) {
+      const e = c, s = (i - n) / e;
+      if (Math.abs(s - Math.round(s)) < M && this.fixedSteps)
+        return {
+          steps: Math.round(s),
+          interval: e,
+          graphMin: n,
+          graphMax: i
+        };
+    }
+    if (u) {
+      const e = i - n;
+      let h = c, s = Math.ceil(e / h);
+      for (; s > p; )
+        h *= 2, s = Math.ceil(e / h);
+      return i = n + h * s, {
+        steps: s,
+        interval: h,
+        graphMin: n,
+        graphMax: i
+      };
+    }
+    let a = this.getInterval(t), f = r;
+    for (; f < l; )
+      f += a;
+    i = f;
+    const m = i - n;
+    let o = Math.round(m / a);
+    for (; o > p; ) {
+      a *= 2, o = Math.round(m / a);
+      const e = m / o;
+      a = this.decimalPoint ? e : Math.ceil(e);
+    }
+    if (m > o * a) {
+      const e = m / o;
+      a = this.decimalPoint ? e : Math.ceil(e);
+    }
+    return {
+      steps: o,
+      interval: a,
+      graphMin: n,
+      graphMax: i
+    };
+  }
+}
+export {
+  j as default
+};