@hkyhy/marsun-components-core 0.1.113 → 0.1.115

package/dist/node_modules/@antv/component/esm/ui/timebar/icons.js

@@ -0,0 +1,598 @@
+import { __extends as p, __spreadArray as B, __read as f, __assign as I, __rest as j } from "../../../../../tslib/tslib.es6.js";
+import { parseSeriesAttr as W } from "../../util/series.js";
+import T from "../../../../util/esm/lodash/omit.js";
+import { select as u } from "../../util/selection.js";
+import { Select as E } from "../select/select.js";
+import { deepAssign as P } from "../../util/deep-assign.js";
+import M from "../../../../util/esm/lodash/clamp.js";
+import { subStyleProps as L } from "../../util/style.js";
+import { Indicator as R } from "../indicator/indicator.js";
+import { Component as _ } from "../../core/component.js";
+import { Rect as X, Group as A, Path as F } from "../../../../g-lite/dist/index.esm.js";
+var v = (
+  /** @class */
+  (function(o) {
+    p(e, o);
+    function e(n) {
+      var t = o.call(this, P({}, { style: { backgroundOpacity: e.backgroundOpacities.default } }, e.defaultOptions, n)) || this;
+      return t.showBackground = !0, t.background = t.appendChild(new X({})), t.icon = t.appendChild(new A({})), t;
+    }
+    return Object.defineProperty(e.prototype, "label", {
+      get: function() {
+        return "BaseIcon";
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "lineWidth", {
+      get: function() {
+        return Math.log10(this.attributes.size);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "padding", {
+      get: function() {
+        return W(this.attributes.size / 5);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "iconSize", {
+      get: function() {
+        var n = this.attributes.size, t = f(this.padding, 4), r = t[0], a = t[1], l = t[2], i = t[3];
+        return Math.max(n - Math.max(i + a, r + l), this.lineWidth * 2 + 1);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.renderBackground = function() {
+      var n = this.attributes, t = n.x, r = n.y, a = n.size, l = a / 2, i = L(this.attributes, "background");
+      this.background.attr(I({ x: t - l, y: r - l, width: a, height: a }, i));
+    }, e.prototype.showIndicator = function() {
+      if (this.label) {
+        var n = this.attributes.size, t = this.background.getBBox(), r = t.x, a = t.y;
+        this.indicator.update({ x: r + n / 2, y: a - 5, labelText: this.label, visibility: "visible" });
+      }
+    }, e.prototype.hideIndicator = function() {
+      this.indicator.update({ visibility: "hidden" });
+    }, e.prototype.connectedCallback = function() {
+      var n;
+      o.prototype.connectedCallback.call(this);
+      var t = this.attributes.size, r = this.background.getBBox(), a = r.x, l = r.y, i = (n = this.ownerDocument) === null || n === void 0 ? void 0 : n.defaultView;
+      i && (this.indicator = i.appendChild(new R({
+        style: {
+          x: a + t / 2,
+          y: l - t / 2,
+          visibility: "hidden",
+          position: "top",
+          radius: 3,
+          zIndex: 100
+        }
+      })));
+    }, e.prototype.disconnectedCallback = function() {
+      this.indicator.destroy();
+    }, e.prototype.render = function() {
+      this.renderIcon(), this.showBackground && this.renderBackground();
+    }, e.prototype.bindEvents = function() {
+      var n = this, t = this.attributes.onClick;
+      if (this.addEventListener("click", function() {
+        t == null || t(n);
+      }), this.showBackground) {
+        var r = function() {
+          return n.background.attr({ opacity: e.backgroundOpacities.default });
+        }, a = function() {
+          return n.background.attr({ opacity: e.backgroundOpacities.hover });
+        }, l = function() {
+          return n.background.attr({ opacity: e.backgroundOpacities.active });
+        };
+        this.addEventListener("pointerenter", function() {
+          a(), n.showIndicator();
+        }), this.addEventListener("pointerleave", function() {
+          r(), n.hideIndicator();
+        }), this.addEventListener("pointerdown", function() {
+          l();
+        }), this.addEventListener("pointerup", function() {
+          r();
+        });
+      }
+    }, e.tag = "IconBase", e.defaultOptions = {
+      style: {
+        x: 0,
+        y: 0,
+        size: 10,
+        color: "#565758",
+        backgroundRadius: 4,
+        backgroundFill: "#e2e2e2"
+      }
+    }, e.backgroundOpacities = {
+      default: 0,
+      hover: 0.8,
+      active: 1
+    }, e;
+  })(_)
+), S = function(o, e) {
+  return e === void 0 && (e = "#565758"), new F({
+    style: {
+      fill: e,
+      d: "M ".concat(o, ",").concat(o, " L -").concat(o, ",0 L ").concat(o, ",-").concat(o, " Z"),
+      transformOrigin: "center"
+    }
+  });
+}, it = (
+  /** @class */
+  (function(o) {
+    p(e, o);
+    function e() {
+      return o !== null && o.apply(this, arguments) || this;
+    }
+    return e.prototype.arcPath = function(n, t, r) {
+      var a = f([r, r], 2), l = a[0], i = a[1], s = function(x) {
+        return [n + r * Math.cos(x), t + r * Math.sin(x)];
+      }, c = f(s(-5 / 4 * Math.PI), 2), d = c[0], y = c[1], w = f(s(1 / 4 * Math.PI), 2), b = w[0], g = w[1];
+      return "M".concat(d, ",").concat(y, ",A").concat(l, ",").concat(i, ",0,1,1,").concat(b, ",").concat(g);
+    }, Object.defineProperty(e.prototype, "label", {
+      get: function() {
+        return "重置";
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.renderIcon = function() {
+      var n = this.attributes, t = n.x, r = n.y, a = n.color, l = this.iconSize, i = this.lineWidth, s = i + 0.5;
+      u(this.icon).maybeAppend(".reset", "path").styles({
+        stroke: a,
+        lineWidth: i,
+        d: this.arcPath(t, r, l / 2 - i),
+        markerStart: S(s, a)
+      });
+    }, e;
+  })(v)
+), ot = (
+  /** @class */
+  (function(o) {
+    p(e, o);
+    function e() {
+      return o !== null && o.apply(this, arguments) || this;
+    }
+    return Object.defineProperty(e.prototype, "label", {
+      get: function() {
+        return "快退";
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.renderIcon = function() {
+      var n = this.attributes, t = n.x, r = n.y, a = n.color, l = this.iconSize, i = l / 2, s = l / 2 / Math.pow(3, 0.5), c = [
+        [t, r],
+        [t, r - s],
+        [t - i, r],
+        [t, r + s],
+        [t, r],
+        [t + i, r - s],
+        [t + i, r + s],
+        [t, r]
+      ];
+      u(this.icon).maybeAppend(".backward", "polygon").styles({
+        points: c,
+        fill: a
+      });
+    }, e;
+  })(v)
+), at = (
+  /** @class */
+  (function(o) {
+    p(e, o);
+    function e() {
+      return o !== null && o.apply(this, arguments) || this;
+    }
+    return Object.defineProperty(e.prototype, "label", {
+      get: function() {
+        return "快进";
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.renderIcon = function() {
+      var n = this.attributes, t = n.x, r = n.y, a = n.color, l = this.iconSize, i = l / 2, s = l / 2 / Math.pow(3, 0.5), c = [
+        [t, r],
+        [t, r - s],
+        [t + i, r],
+        [t, r + s],
+        [t, r],
+        [t - i, r - s],
+        [t - i, r + s],
+        [t, r]
+      ];
+      u(this.icon).maybeAppend(".forward", "polygon").styles({
+        points: c,
+        fill: a
+      });
+    }, e;
+  })(v)
+), V = (
+  /** @class */
+  (function(o) {
+    p(e, o);
+    function e() {
+      return o !== null && o.apply(this, arguments) || this;
+    }
+    return Object.defineProperty(e.prototype, "label", {
+      get: function() {
+        return "播放";
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.renderIcon = function() {
+      var n = this.attributes, t = n.x, r = n.y, a = n.color, l = this.iconSize, i = l / 3 * Math.pow(3, 0.5) * 0.8, s = [
+        [t + i, r],
+        [t - i / 2, r - l / 2 * 0.8],
+        [t - i / 2, r + l / 2 * 0.8],
+        [t + i, r]
+      ];
+      u(this.icon).maybeAppend(".play", "polygon").styles({
+        points: s,
+        fill: a
+      });
+    }, e;
+  })(v)
+), Y = (
+  /** @class */
+  (function(o) {
+    p(e, o);
+    function e() {
+      return o !== null && o.apply(this, arguments) || this;
+    }
+    return Object.defineProperty(e.prototype, "label", {
+      get: function() {
+        return "暂停";
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.renderIcon = function() {
+      var n = this.attributes, t = n.x, r = n.y, a = n.color, l = this.iconSize, i = l / 3, s = [
+        [t - i, r - l / 2],
+        [t - i, r + l / 2],
+        [t - i / 2, r + l / 2],
+        [t - i / 2, r - l / 2],
+        [t - i, r - l / 2],
+        [t + i / 2, r - l / 2],
+        [t + i / 2, r + l / 2],
+        [t + i, r + l / 2],
+        [t + i, r - l / 2]
+      ];
+      u(this.icon).maybeAppend(".pause", "polygon").styles({
+        points: s,
+        fill: a
+      });
+    }, e;
+  })(v)
+), D = (
+  /** @class */
+  (function(o) {
+    p(e, o);
+    function e() {
+      return o !== null && o.apply(this, arguments) || this;
+    }
+    return Object.defineProperty(e.prototype, "label", {
+      get: function() {
+        return "范围时间";
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.renderIcon = function() {
+      var n = this.attributes, t = n.x, r = n.y, a = n.color, l = this, i = l.iconSize, s = l.lineWidth, c = s;
+      u(this.icon).maybeAppend(".left-line", "line").styles({
+        x1: t - i / 2,
+        y1: r - i / 2,
+        x2: t - i / 2,
+        y2: r + i / 2,
+        stroke: a,
+        lineWidth: s
+      }), u(this.icon).maybeAppend(".right-line", "line").styles({
+        x1: t + i / 2,
+        y1: r - i / 2,
+        x2: t + i / 2,
+        y2: r + i / 2,
+        stroke: a,
+        lineWidth: s
+      }), u(this.icon).maybeAppend(".left-arrow", "line").styles({
+        x1: t,
+        y1: r,
+        x2: t - i / 2 + c * 2,
+        y2: r,
+        stroke: a,
+        lineWidth: s,
+        markerEnd: S(s * 2, a)
+      }), u(this.icon).maybeAppend(".right-arrow", "line").styles({
+        x1: t,
+        y1: r,
+        x2: t + i / 2 - c * 2,
+        y2: r,
+        stroke: a,
+        lineWidth: s,
+        markerEnd: S(s * 2, a)
+      });
+    }, e;
+  })(v)
+), N = (
+  /** @class */
+  (function(o) {
+    p(e, o);
+    function e() {
+      return o !== null && o.apply(this, arguments) || this;
+    }
+    return Object.defineProperty(e.prototype, "label", {
+      get: function() {
+        return "单一时间";
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.renderIcon = function() {
+      var n = this.attributes, t = n.x, r = n.y, a = n.color, l = this, i = l.iconSize, s = l.lineWidth;
+      u(this.icon).maybeAppend(".line", "line").styles({
+        x1: t,
+        y1: r - i / 2,
+        x2: t,
+        y2: r + i / 2,
+        stroke: a,
+        lineWidth: s
+      });
+      var c = s;
+      u(this.icon).maybeAppend(".left-arrow", "line").styles({
+        x1: t - i / 2 - c * 2,
+        y1: r,
+        x2: t - c * 2,
+        y2: r,
+        stroke: a,
+        lineWidth: s,
+        markerEnd: S(s * 2, a)
+      }), u(this.icon).maybeAppend(".right-arrow", "line").styles({
+        x1: t + i / 2 + c * 2,
+        y1: r,
+        x2: t + c * 2,
+        y2: r,
+        stroke: a,
+        lineWidth: s,
+        markerEnd: S(s * 2, a)
+      });
+    }, e;
+  })(v)
+), O = function(o) {
+  return [
+    [-o / 2, -o / 2],
+    [-o / 2, o / 2],
+    [o / 2, o / 2]
+  ];
+}, G = (
+  /** @class */
+  (function(o) {
+    p(e, o);
+    function e() {
+      return o !== null && o.apply(this, arguments) || this;
+    }
+    return Object.defineProperty(e.prototype, "label", {
+      get: function() {
+        return "折线图";
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.renderIcon = function() {
+      var n = this.attributes, t = n.x, r = n.y, a = n.color, l = this, i = l.iconSize, s = l.lineWidth, c = s, d = (i - c * 2 - s) / 4, y = (i - c * 2 - s) / 2, w = f([t - i / 2 + c, r + i / 2 - c * 2], 2), b = w[0], g = w[1];
+      u(this.icon).maybeAppend(".coordinate", "polyline").styles({
+        points: O(i).map(function(x) {
+          var k = f(x, 2), h = k[0], m = k[1];
+          return [h + t, m + r];
+        }),
+        stroke: a,
+        lineWidth: s
+      }), u(this.icon).maybeAppend(".line", "polyline").styles({
+        points: [
+          [b, g],
+          [b + d, g - y],
+          [b + d * 2, g],
+          [b + d * 4, g - y * 2]
+        ],
+        stroke: a,
+        lineWidth: s
+      });
+    }, e;
+  })(v)
+), Z = (
+  /** @class */
+  (function(o) {
+    p(e, o);
+    function e() {
+      return o !== null && o.apply(this, arguments) || this;
+    }
+    return Object.defineProperty(e.prototype, "label", {
+      get: function() {
+        return "条形图";
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "data", {
+      get: function() {
+        return [1, 4, 2, 4, 3];
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.renderIcon = function() {
+      var n = this.data, t = this.attributes, r = t.x, a = t.y, l = t.color, i = this, s = i.iconSize, c = i.lineWidth, d = c, y = (s - d) / n.length, w = (s - d * 2) / 4, b = f([r - s / 2 + d * 2, a + s / 2 - d], 2), g = b[0], x = b[1];
+      u(this.icon).maybeAppend(".coordinate", "polyline").styles({
+        points: O(s).map(function(k) {
+          var h = f(k, 2), m = h[0], C = h[1];
+          return [m + r, C + a];
+        }),
+        stroke: l,
+        lineWidth: c
+      }), u(this.icon).maybeAppend(".bars", "g").selectAll(".column").data(this.data.map(function(k, h) {
+        return { value: k, index: h };
+      })).join(function(k) {
+        return k.append("line").attr("className", "column").style("x1", function(h) {
+          var m = h.index;
+          return g + y * m;
+        }).style("y1", x).style("x2", function(h) {
+          var m = h.index;
+          return g + y * m;
+        }).style("y2", function(h) {
+          var m = h.value;
+          return x - w * m;
+        }).styles({
+          y1: x,
+          stroke: l,
+          lineWidth: c
+        });
+      });
+    }, e;
+  })(v)
+), lt = (
+  /** @class */
+  (function(o) {
+    p(e, o);
+    function e(n) {
+      var t = o.call(this, P({}, { style: { color: "#d8d9d9" } }, n)) || this;
+      return t.showBackground = !1, t;
+    }
+    return e.prototype.renderIcon = function() {
+      var n = this.attributes, t = n.x, r = n.y, a = n.color, l = this, i = l.iconSize, s = l.lineWidth;
+      u(this.icon).maybeAppend(".split", "line").styles({
+        x1: t,
+        y1: r - i / 2,
+        x2: t,
+        y2: r + i / 2,
+        stroke: a,
+        lineWidth: s
+      });
+    }, e;
+  })(v)
+), st = (
+  /** @class */
+  (function(o) {
+    p(e, o);
+    function e() {
+      var n = o.apply(this, B([], f(arguments), !1)) || this;
+      return n.showBackground = !1, n;
+    }
+    return Object.defineProperty(e.prototype, "padding", {
+      get: function() {
+        return W(0);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.renderIcon = function() {
+      var n = this.iconSize, t = this.attributes, r = t.x, a = t.y, l = t.speed, i = l === void 0 ? 1 : l, s = T(this.attributes, [
+        "x",
+        "y",
+        "transform",
+        "transformOrigin",
+        "width",
+        "height",
+        "size",
+        "color",
+        "speed"
+      ]), c = M(n, 20, 1 / 0), d = 20, y = I(I({}, s), { x: r - c / 2, y: a - d / 2, width: c, height: d, defaultValue: i, bordered: !1, showDropdownIcon: !1, selectRadius: 2, dropdownPadding: this.padding, dropdownRadius: 2, dropdownSpacing: n / 5, placeholderFontSize: n / 2, optionPadding: 0, optionLabelFontSize: n / 2, optionBackgroundRadius: 1, options: [
+        { label: "1x", value: 1 },
+        { label: "1.5x", value: 1.5 },
+        { label: "2x", value: 2 }
+      ] });
+      u(this.icon).maybeAppend(".speed", function() {
+        return new E({ style: y });
+      }).attr("className", "speed").each(function() {
+        this.update(y);
+      });
+    }, e.tag = "SpeedSelect", e;
+  })(v)
+), z = (
+  /** @class */
+  (function(o) {
+    p(e, o);
+    function e(n) {
+      var t = o.call(this, n) || this;
+      return t.icon = t.appendChild(new A({})), t.currentType = t.attributes.type, t;
+    }
+    return e.prototype.getType = function() {
+      return this.currentType;
+    }, e.prototype.render = function() {
+      var n = this, t = this.attributes;
+      t.onChange;
+      var r = j(t, ["onChange"]);
+      u(this.icon).selectAll(".icon").data([this.currentType]).join(function(a) {
+        return a.append(function(l) {
+          var i, s = (i = n.toggles.find(function(c) {
+            var d = f(c, 1), y = d[0];
+            return y === l;
+          })) === null || i === void 0 ? void 0 : i[1];
+          if (!s)
+            throw new Error("Invalid type: ".concat(l));
+          return new s({});
+        }).attr("className", "icon").styles(r, !1).update({});
+      }, function(a) {
+        return a.styles({ restStyles: r }).update({});
+      }, function(a) {
+        return a.remove();
+      });
+    }, e.prototype.bindEvents = function() {
+      var n = this, t = this.attributes.onChange;
+      this.addEventListener("click", function(r) {
+        r.preventDefault(), r.stopPropagation();
+        var a = (n.toggles.findIndex(function(i) {
+          var s = f(i, 1), c = s[0];
+          return c === n.currentType;
+        }) + 1) % n.toggles.length, l = n.toggles[a][0];
+        t == null || t(n.currentType), n.currentType = l, n.render();
+      });
+    }, e.tag = "ToggleIcon", e;
+  })(_)
+), ct = (
+  /** @class */
+  (function(o) {
+    p(e, o);
+    function e(n) {
+      var t = o.call(this, P({}, { style: { type: "play" } }, n)) || this;
+      return t.toggles = [
+        ["play", V],
+        ["pause", Y]
+      ], t;
+    }
+    return e;
+  })(z)
+), ut = (
+  /** @class */
+  (function(o) {
+    p(e, o);
+    function e(n) {
+      var t = o.call(this, P({}, { style: { type: "range" } }, n)) || this;
+      return t.toggles = [
+        ["range", D],
+        ["value", N]
+      ], t;
+    }
+    return e;
+  })(z)
+), pt = (
+  /** @class */
+  (function(o) {
+    p(e, o);
+    function e(n) {
+      var t = o.call(this, P({}, { style: { type: "column" } }, n)) || this;
+      return t.toggles = [
+        ["line", G],
+        ["column", Z]
+      ], t;
+    }
+    return e;
+  })(z)
+);
+export {
+  ot as Backward,
+  Z as BarChart,
+  pt as ChartType,
+  at as Forward,
+  v as IconBase,
+  G as LineChart,
+  Y as Pause,
+  V as Play,
+  ct as PlayPause,
+  D as Range,
+  it as Reset,
+  ut as SelectionType,
+  st as SpeedSelect,
+  lt as Split,
+  z as ToggleIcon,
+  N as Value
+};
+//# sourceMappingURL=icons.js.map