web-core-tcm 0.0.59 → 0.0.62

package/dist/node_modules/echarts/lib/component/timeline/SliderTimelineView.js

@@ -0,0 +1,361 @@
+import { __extends as V } from "../../../../tslib/tslib.es6.js";
+import N from "../../../../zrender/lib/core/BoundingRect.js";
+import { translate as D, create as H, rotate as U } from "../../../../zrender/lib/core/matrix.js";
+import { applyTransform as W, createIcon as X } from "../../util/graphic.js";
+import { createTextStyle as L } from "../../label/labelStyle.js";
+import { getLayoutRect as Y } from "../../util/layout.js";
+import Z from "./TimelineView.js";
+import j from "./TimelineAxis.js";
+import { createSymbol as q, normalizeSymbolSize as F, normalizeSymbolOffset as J } from "../../util/symbol.js";
+import { asc as K } from "../../util/number.js";
+import { each as B, isString as R, extend as Q, defaults as $, bind as b, retrieve2 as tt, merge as et } from "../../../../zrender/lib/core/util.js";
+import rt from "../../scale/Ordinal.js";
+import at from "../../scale/Time.js";
+import it from "../../scale/Interval.js";
+import { parsePercent as ot } from "../../../../zrender/lib/contain/text.js";
+import { makeInner as nt } from "../../util/model.js";
+import { getECData as lt } from "../../util/innerStore.js";
+import { enableHoverEmphasis as A } from "../../util/states.js";
+import { createTooltipMarkup as st } from "../tooltip/tooltipMarkup.js";
+import ct from "../../../../zrender/lib/graphic/Group.js";
+import M from "../../../../zrender/lib/graphic/shape/Line.js";
+import vt from "../../../../zrender/lib/graphic/Text.js";
+var z = Math.PI, E = nt(), Et = (
+  /** @class */
+  (function(g) {
+    V(n, g);
+    function n() {
+      var t = g !== null && g.apply(this, arguments) || this;
+      return t.type = n.type, t;
+    }
+    return n.prototype.init = function(t, a) {
+      this.api = a;
+    }, n.prototype.render = function(t, a, e) {
+      if (this.model = t, this.api = e, this.ecModel = a, this.group.removeAll(), t.get("show", !0)) {
+        var r = this._layout(t, e), i = this._createGroup("_mainGroup"), o = this._createGroup("_labelGroup"), s = this._axis = this._createAxis(r, t);
+        t.formatTooltip = function(l) {
+          var c = s.scale.getLabel({
+            value: l
+          });
+          return st("nameValue", {
+            noName: !0,
+            value: c
+          });
+        }, B(["AxisLine", "AxisTick", "Control", "CurrentPointer"], function(l) {
+          this["_render" + l](r, i, s, t);
+        }, this), this._renderAxisLabel(r, o, s, t), this._position(r, t);
+      }
+      this._doPlayStop(), this._updateTicksStatus();
+    }, n.prototype.remove = function() {
+      this._clearTimer(), this.group.removeAll();
+    }, n.prototype.dispose = function() {
+      this._clearTimer();
+    }, n.prototype._layout = function(t, a) {
+      var e = t.get(["label", "position"]), r = t.get("orient"), i = ut(t, a), o;
+      e == null || e === "auto" ? o = r === "horizontal" ? i.y + i.height / 2 < a.getHeight() / 2 ? "-" : "+" : i.x + i.width / 2 < a.getWidth() / 2 ? "+" : "-" : R(e) ? o = {
+        horizontal: {
+          top: "-",
+          bottom: "+"
+        },
+        vertical: {
+          left: "-",
+          right: "+"
+        }
+      }[r][e] : o = e;
+      var s = {
+        horizontal: "center",
+        vertical: o >= 0 || o === "+" ? "left" : "right"
+      }, l = {
+        horizontal: o >= 0 || o === "+" ? "top" : "bottom",
+        vertical: "middle"
+      }, c = {
+        horizontal: 0,
+        vertical: z / 2
+      }, v = r === "vertical" ? i.height : i.width, p = t.getModel("controlStyle"), d = p.get("show", !0), f = d ? p.get("itemSize") : 0, y = d ? p.get("itemGap") : 0, h = f + y, u = t.get(["label", "rotate"]) || 0;
+      u = u * z / 180;
+      var x, _, m, C = p.get("position", !0), k = d && p.get("showPlayBtn", !0), P = d && p.get("showPrevBtn", !0), T = d && p.get("showNextBtn", !0), w = 0, S = v;
+      C === "left" || C === "bottom" ? (k && (x = [0, 0], w += h), P && (_ = [w, 0], w += h), T && (m = [S - f, 0], S -= h)) : (k && (x = [S - f, 0], S -= h), P && (_ = [0, 0], w += h), T && (m = [S - f, 0], S -= h));
+      var I = [w, S];
+      return t.get("inverse") && I.reverse(), {
+        viewRect: i,
+        mainLength: v,
+        orient: r,
+        rotation: c[r],
+        labelRotation: u,
+        labelPosOpt: o,
+        labelAlign: t.get(["label", "align"]) || s[r],
+        labelBaseline: t.get(["label", "verticalAlign"]) || t.get(["label", "baseline"]) || l[r],
+        // Based on mainGroup.
+        playPosition: x,
+        prevBtnPosition: _,
+        nextBtnPosition: m,
+        axisExtent: I,
+        controlSize: f,
+        controlGap: y
+      };
+    }, n.prototype._position = function(t, a) {
+      var e = this._mainGroup, r = this._labelGroup, i = t.viewRect;
+      if (t.orient === "vertical") {
+        var o = H(), s = i.x, l = i.y + i.height;
+        D(o, o, [-s, -l]), U(o, o, -z / 2), D(o, o, [s, l]), i = i.clone(), i.applyTransform(o);
+      }
+      var c = x(i), v = x(e.getBoundingRect()), p = x(r.getBoundingRect()), d = [e.x, e.y], f = [r.x, r.y];
+      f[0] = d[0] = c[0][0];
+      var y = t.labelPosOpt;
+      if (y == null || R(y)) {
+        var h = y === "+" ? 0 : 1;
+        _(d, v, c, 1, h), _(f, p, c, 1, 1 - h);
+      } else {
+        var h = y >= 0 ? 0 : 1;
+        _(d, v, c, 1, h), f[1] = d[1] + y;
+      }
+      e.setPosition(d), r.setPosition(f), e.rotation = r.rotation = t.rotation, u(e), u(r);
+      function u(m) {
+        m.originX = c[0][0] - m.x, m.originY = c[1][0] - m.y;
+      }
+      function x(m) {
+        return [[m.x, m.x + m.width], [m.y, m.y + m.height]];
+      }
+      function _(m, C, k, P, T) {
+        m[P] += k[P][T] - C[P][T];
+      }
+    }, n.prototype._createAxis = function(t, a) {
+      var e = a.getData(), r = a.get("axisType"), i = gt(a, r);
+      i.getTicks = function() {
+        return e.mapArray(["value"], function(l) {
+          return {
+            value: l
+          };
+        });
+      };
+      var o = e.getDataExtent("value");
+      i.setExtent(o[0], o[1]), i.calcNiceTicks();
+      var s = new j("value", i, t.axisExtent, r);
+      return s.model = a, s;
+    }, n.prototype._createGroup = function(t) {
+      var a = this[t] = new ct();
+      return this.group.add(a), a;
+    }, n.prototype._renderAxisLine = function(t, a, e, r) {
+      var i = e.getExtent();
+      if (r.get(["lineStyle", "show"])) {
+        var o = new M({
+          shape: {
+            x1: i[0],
+            y1: 0,
+            x2: i[1],
+            y2: 0
+          },
+          style: Q({
+            lineCap: "round"
+          }, r.getModel("lineStyle").getLineStyle()),
+          silent: !0,
+          z2: 1
+        });
+        a.add(o);
+        var s = this._progressLine = new M({
+          shape: {
+            x1: i[0],
+            x2: this._currentPointer ? this._currentPointer.x : i[0],
+            y1: 0,
+            y2: 0
+          },
+          style: $({
+            lineCap: "round",
+            lineWidth: o.style.lineWidth
+          }, r.getModel(["progress", "lineStyle"]).getLineStyle()),
+          silent: !0,
+          z2: 1
+        });
+        a.add(s);
+      }
+    }, n.prototype._renderAxisTick = function(t, a, e, r) {
+      var i = this, o = r.getData(), s = e.scale.getTicks();
+      this._tickSymbols = [], B(s, function(l) {
+        var c = e.dataToCoord(l.value), v = o.getItemModel(l.value), p = v.getModel("itemStyle"), d = v.getModel(["emphasis", "itemStyle"]), f = v.getModel(["progress", "itemStyle"]), y = {
+          x: c,
+          y: 0,
+          onclick: b(i._changeTimeline, i, l.value)
+        }, h = G(v, p, a, y);
+        h.ensureState("emphasis").style = d.getItemStyle(), h.ensureState("progress").style = f.getItemStyle(), A(h);
+        var u = lt(h);
+        v.get("tooltip") ? (u.dataIndex = l.value, u.dataModel = r) : u.dataIndex = u.dataModel = null, i._tickSymbols.push(h);
+      });
+    }, n.prototype._renderAxisLabel = function(t, a, e, r) {
+      var i = this, o = e.getLabelModel();
+      if (o.get("show")) {
+        var s = r.getData(), l = e.getViewLabels();
+        this._tickLabels = [], B(l, function(c) {
+          var v = c.tickValue, p = s.getItemModel(v), d = p.getModel("label"), f = p.getModel(["emphasis", "label"]), y = p.getModel(["progress", "label"]), h = e.dataToCoord(c.tickValue), u = new vt({
+            x: h,
+            y: 0,
+            rotation: t.labelRotation - t.rotation,
+            onclick: b(i._changeTimeline, i, v),
+            silent: !1,
+            style: L(d, {
+              text: c.formattedLabel,
+              align: t.labelAlign,
+              verticalAlign: t.labelBaseline
+            })
+          });
+          u.ensureState("emphasis").style = L(f), u.ensureState("progress").style = L(y), a.add(u), A(u), E(u).dataIndex = v, i._tickLabels.push(u);
+        });
+      }
+    }, n.prototype._renderControl = function(t, a, e, r) {
+      var i = t.controlSize, o = t.rotation, s = r.getModel("controlStyle").getItemStyle(), l = r.getModel(["emphasis", "controlStyle"]).getItemStyle(), c = r.getPlayState(), v = r.get("inverse", !0);
+      p(t.nextBtnPosition, "next", b(this._changeTimeline, this, v ? "-" : "+")), p(t.prevBtnPosition, "prev", b(this._changeTimeline, this, v ? "+" : "-")), p(t.playPosition, c ? "stop" : "play", b(this._handlePlayClick, this, !c), !0);
+      function p(d, f, y, h) {
+        if (d) {
+          var u = ot(tt(r.get(["controlStyle", f + "BtnSize"]), i), i), x = [0, -u / 2, u, u], _ = ht(r, f + "Icon", x, {
+            x: d[0],
+            y: d[1],
+            originX: i / 2,
+            originY: 0,
+            rotation: h ? -o : 0,
+            rectHover: !0,
+            style: s,
+            onclick: y
+          });
+          _.ensureState("emphasis").style = l, a.add(_), A(_);
+        }
+      }
+    }, n.prototype._renderCurrentPointer = function(t, a, e, r) {
+      var i = r.getData(), o = r.getCurrentIndex(), s = i.getItemModel(o).getModel("checkpointStyle"), l = this, c = {
+        onCreate: function(v) {
+          v.draggable = !0, v.drift = b(l._handlePointerDrag, l), v.ondragend = b(l._handlePointerDragend, l), O(v, l._progressLine, o, e, r, !0);
+        },
+        onUpdate: function(v) {
+          O(v, l._progressLine, o, e, r);
+        }
+      };
+      this._currentPointer = G(s, s, this._mainGroup, {}, this._currentPointer, c);
+    }, n.prototype._handlePlayClick = function(t) {
+      this._clearTimer(), this.api.dispatchAction({
+        type: "timelinePlayChange",
+        playState: t,
+        from: this.uid
+      });
+    }, n.prototype._handlePointerDrag = function(t, a, e) {
+      this._clearTimer(), this._pointerChangeTimeline([e.offsetX, e.offsetY]);
+    }, n.prototype._handlePointerDragend = function(t) {
+      this._pointerChangeTimeline([t.offsetX, t.offsetY], !0);
+    }, n.prototype._pointerChangeTimeline = function(t, a) {
+      var e = this._toAxisCoord(t)[0], r = this._axis, i = K(r.getExtent().slice());
+      e > i[1] && (e = i[1]), e < i[0] && (e = i[0]), this._currentPointer.x = e, this._currentPointer.markRedraw();
+      var o = this._progressLine;
+      o && (o.shape.x2 = e, o.dirty());
+      var s = this._findNearestTick(e), l = this.model;
+      (a || s !== l.getCurrentIndex() && l.get("realtime")) && this._changeTimeline(s);
+    }, n.prototype._doPlayStop = function() {
+      var t = this;
+      this._clearTimer(), this.model.getPlayState() && (this._timer = setTimeout(function() {
+        var a = t.model;
+        t._changeTimeline(a.getCurrentIndex() + (a.get("rewind", !0) ? -1 : 1));
+      }, this.model.get("playInterval")));
+    }, n.prototype._toAxisCoord = function(t) {
+      var a = this._mainGroup.getLocalTransform();
+      return W(t, a, !0);
+    }, n.prototype._findNearestTick = function(t) {
+      var a = this.model.getData(), e = 1 / 0, r, i = this._axis;
+      return a.each(["value"], function(o, s) {
+        var l = i.dataToCoord(o), c = Math.abs(l - t);
+        c < e && (e = c, r = s);
+      }), r;
+    }, n.prototype._clearTimer = function() {
+      this._timer && (clearTimeout(this._timer), this._timer = null);
+    }, n.prototype._changeTimeline = function(t) {
+      var a = this.model.getCurrentIndex();
+      t === "+" ? t = a + 1 : t === "-" && (t = a - 1), this.api.dispatchAction({
+        type: "timelineChange",
+        currentIndex: t,
+        from: this.uid
+      });
+    }, n.prototype._updateTicksStatus = function() {
+      var t = this.model.getCurrentIndex(), a = this._tickSymbols, e = this._tickLabels;
+      if (a)
+        for (var r = 0; r < a.length; r++)
+          a && a[r] && a[r].toggleState("progress", r < t);
+      if (e)
+        for (var r = 0; r < e.length; r++)
+          e && e[r] && e[r].toggleState("progress", E(e[r]).dataIndex <= t);
+    }, n.type = "timeline.slider", n;
+  })(Z)
+);
+function gt(g, n) {
+  if (n = n || g.get("type"), n)
+    switch (n) {
+      // Buildin scale
+      case "category":
+        return new rt({
+          ordinalMeta: g.getCategories(),
+          extent: [1 / 0, -1 / 0]
+        });
+      case "time":
+        return new at({
+          locale: g.ecModel.getLocaleModel(),
+          useUTC: g.ecModel.get("useUTC")
+        });
+      default:
+        return new it();
+    }
+}
+function ut(g, n) {
+  return Y(g.getBoxLayoutParams(), {
+    width: n.getWidth(),
+    height: n.getHeight()
+  }, g.get("padding"));
+}
+function ht(g, n, t, a) {
+  var e = a.style, r = X(g.get(["controlStyle", n]), a || {}, new N(t[0], t[1], t[2], t[3]));
+  return e && r.setStyle(e), r;
+}
+function G(g, n, t, a, e, r) {
+  var i = n.get("color");
+  if (e)
+    e.setColor(i), t.add(e), r && r.onUpdate(e);
+  else {
+    var o = g.get("symbol");
+    e = q(o, -1, -1, 2, 2, i), e.setStyle("strokeNoScale", !0), t.add(e), r && r.onCreate(e);
+  }
+  var s = n.getItemStyle(["color"]);
+  e.setStyle(s), a = et({
+    rectHover: !0,
+    z2: 100
+  }, a, !0);
+  var l = F(g.get("symbolSize"));
+  a.scaleX = l[0] / 2, a.scaleY = l[1] / 2;
+  var c = J(g.get("symbolOffset"), l);
+  c && (a.x = (a.x || 0) + c[0], a.y = (a.y || 0) + c[1]);
+  var v = g.get("symbolRotate");
+  return a.rotation = (v || 0) * Math.PI / 180 || 0, e.attr(a), e.updateTransform(), e;
+}
+function O(g, n, t, a, e, r) {
+  if (!g.dragging) {
+    var i = e.getModel("checkpointStyle"), o = a.dataToCoord(e.getData().get("value", t));
+    if (r || !i.get("animation", !0))
+      g.attr({
+        x: o,
+        y: 0
+      }), n && n.attr({
+        shape: {
+          x2: o
+        }
+      });
+    else {
+      var s = {
+        duration: i.get("animationDuration", !0),
+        easing: i.get("animationEasing", !0)
+      };
+      g.stopAnimation(null, !0), g.animateTo({
+        x: o,
+        y: 0
+      }, s), n && n.animateTo({
+        shape: {
+          x2: o
+        }
+      }, s);
+    }
+  }
+}
+export {
+  Et as default
+};

package/dist/node_modules/echarts/lib/component/timeline/TimelineAxis.js

@@ -0,0 +1,20 @@
+import { __extends as a } from "../../../../tslib/tslib.es6.js";
+import s from "../../coord/Axis.js";
+var f = (
+  /** @class */
+  (function(e) {
+    a(t, e);
+    function t(o, r, n, l) {
+      var i = e.call(this, o, r, n) || this;
+      return i.type = l || "value", i;
+    }
+    return t.prototype.getLabelModel = function() {
+      return this.model.getModel("label");
+    }, t.prototype.isHorizontal = function() {
+      return this.model.get("orient") === "horizontal";
+    }, t;
+  })(s)
+);
+export {
+  f as default
+};

package/dist/node_modules/echarts/lib/component/timeline/TimelineModel.js

@@ -0,0 +1,79 @@
+import { __extends as y } from "../../../../tslib/tslib.es6.js";
+import f from "../../model/Component.js";
+import d from "../../data/SeriesData.js";
+import { each as c, isObject as g, clone as v } from "../../../../zrender/lib/core/util.js";
+import { convertOptionIdName as D, getDataItemValue as _ } from "../../util/model.js";
+var P = (
+  /** @class */
+  (function(i) {
+    y(e, i);
+    function e() {
+      var t = i !== null && i.apply(this, arguments) || this;
+      return t.type = e.type, t.layoutMode = "box", t;
+    }
+    return e.prototype.init = function(t, o, a) {
+      this.mergeDefaultAndTheme(t, a), this._initData();
+    }, e.prototype.mergeOption = function(t) {
+      i.prototype.mergeOption.apply(this, arguments), this._initData();
+    }, e.prototype.setCurrentIndex = function(t) {
+      t == null && (t = this.option.currentIndex);
+      var o = this._data.count();
+      this.option.loop ? t = (t % o + o) % o : (t >= o && (t = o - 1), t < 0 && (t = 0)), this.option.currentIndex = t;
+    }, e.prototype.getCurrentIndex = function() {
+      return this.option.currentIndex;
+    }, e.prototype.isIndexMax = function() {
+      return this.getCurrentIndex() >= this._data.count() - 1;
+    }, e.prototype.setPlayState = function(t) {
+      this.option.autoPlay = !!t;
+    }, e.prototype.getPlayState = function() {
+      return !!this.option.autoPlay;
+    }, e.prototype._initData = function() {
+      var t = this.option, o = t.data || [], a = t.axisType, l = this._names = [], n;
+      a === "category" ? (n = [], c(o, function(p, s) {
+        var h = D(_(p), ""), r;
+        g(p) ? (r = v(p), r.value = s) : r = s, n.push(r), l.push(h);
+      })) : n = o;
+      var u = {
+        category: "ordinal",
+        time: "time",
+        value: "number"
+      }[a] || "number", m = this._data = new d([{
+        name: "value",
+        type: u
+      }], this);
+      m.initData(n, l);
+    }, e.prototype.getData = function() {
+      return this._data;
+    }, e.prototype.getCategories = function() {
+      if (this.get("axisType") === "category")
+        return this._names.slice();
+    }, e.type = "timeline", e.defaultOption = {
+      // zlevel: 0,                  // 一级层叠
+      z: 4,
+      show: !0,
+      axisType: "time",
+      realtime: !0,
+      left: "20%",
+      top: null,
+      right: "20%",
+      bottom: 0,
+      width: null,
+      height: 40,
+      padding: 5,
+      controlPosition: "left",
+      autoPlay: !1,
+      rewind: !1,
+      loop: !0,
+      playInterval: 2e3,
+      currentIndex: 0,
+      itemStyle: {},
+      label: {
+        color: "#000"
+      },
+      data: []
+    }, e;
+  })(f)
+);
+export {
+  P as default
+};

package/dist/node_modules/echarts/lib/component/timeline/TimelineView.js

@@ -0,0 +1,16 @@
+import { __extends as n } from "../../../../tslib/tslib.es6.js";
+import r from "../../view/Component.js";
+var l = (
+  /** @class */
+  (function(t) {
+    n(e, t);
+    function e() {
+      var i = t !== null && t.apply(this, arguments) || this;
+      return i.type = e.type, i;
+    }
+    return e.type = "timeline", e;
+  })(r)
+);
+export {
+  l as default
+};

package/dist/node_modules/echarts/lib/component/timeline/install.js

@@ -0,0 +1,12 @@
+import i from "./SliderTimelineModel.js";
+import o from "./SliderTimelineView.js";
+import { installTimelineAction as r } from "./timelineAction.js";
+import n from "./preprocessor.js";
+function f(e) {
+  e.registerComponentModel(i), e.registerComponentView(o), e.registerSubTypeDefaulter("timeline", function() {
+    return "slider";
+  }), r(e), e.registerPreprocessor(n);
+}
+export {
+  f as install
+};

package/dist/node_modules/echarts/lib/component/timeline/preprocessor.js

@@ -0,0 +1,35 @@
+import { isArray as t, each as f, isObject as c } from "../../../../zrender/lib/core/util.js";
+function h(e) {
+  var i = e && e.timeline;
+  t(i) || (i = i ? [i] : []), f(i, function(s) {
+    s && v(s);
+  });
+}
+function v(e) {
+  var i = e.type, s = {
+    number: "value",
+    time: "time"
+  };
+  if (s[i] && (e.axisType = s[i], delete e.type), o(e), r(e, "controlPosition")) {
+    var l = e.controlStyle || (e.controlStyle = {});
+    r(l, "position") || (l.position = e.controlPosition), l.position === "none" && !r(l, "show") && (l.show = !1, delete l.position), delete e.controlPosition;
+  }
+  f(e.data || [], function(n) {
+    c(n) && !t(n) && (!r(n, "value") && r(n, "name") && (n.value = n.name), o(n));
+  });
+}
+function o(e) {
+  var i = e.itemStyle || (e.itemStyle = {}), s = i.emphasis || (i.emphasis = {}), l = e.label || e.label || {}, n = l.normal || (l.normal = {}), m = {
+    normal: 1,
+    emphasis: 1
+  };
+  f(l, function(u, a) {
+    !m[a] && !r(n, a) && (n[a] = u);
+  }), s.label && !r(l, "emphasis") && (l.emphasis = s.label, delete s.label);
+}
+function r(e, i) {
+  return e.hasOwnProperty(i);
+}
+export {
+  h as default
+};

package/dist/node_modules/echarts/lib/component/timeline/timelineAction.js

@@ -0,0 +1,29 @@
+import { defaults as l } from "../../../../zrender/lib/core/util.js";
+function o(r) {
+  r.registerAction({
+    type: "timelineChange",
+    event: "timelineChanged",
+    update: "prepareAndUpdate"
+  }, function(t, n, i) {
+    var e = n.getComponent("timeline");
+    return e && t.currentIndex != null && (e.setCurrentIndex(t.currentIndex), !e.get("loop", !0) && e.isIndexMax() && e.getPlayState() && (e.setPlayState(!1), i.dispatchAction({
+      type: "timelinePlayChange",
+      playState: !1,
+      from: t.from
+    }))), n.resetOption("timeline", {
+      replaceMerge: e.get("replaceMerge", !0)
+    }), l({
+      currentIndex: e.option.currentIndex
+    }, t);
+  }), r.registerAction({
+    type: "timelinePlayChange",
+    event: "timelinePlayChanged",
+    update: "update"
+  }, function(t, n) {
+    var i = n.getComponent("timeline");
+    i && t.playState != null && i.setPlayState(t.playState);
+  });
+}
+export {
+  o as installTimelineAction
+};

package/dist/node_modules/echarts/lib/component/title/install.js

@@ -0,0 +1,121 @@
+import { __extends as T } from "../../../../tslib/tslib.es6.js";
+import { retrieve2 as A } from "../../../../zrender/lib/core/util.js";
+import { getECData as w } from "../../util/innerStore.js";
+import { createTextStyle as S } from "../../label/labelStyle.js";
+import { getLayoutRect as B } from "../../util/layout.js";
+import E from "../../model/Component.js";
+import V from "../../view/Component.js";
+import { windowOpen as k } from "../../util/format.js";
+import R from "../../../../zrender/lib/graphic/Text.js";
+import O from "../../../../zrender/lib/graphic/shape/Rect.js";
+var D = (
+  /** @class */
+  (function(i) {
+    T(e, i);
+    function e() {
+      var t = i !== null && i.apply(this, arguments) || this;
+      return t.type = e.type, t.layoutMode = {
+        type: "box",
+        ignoreSize: !0
+      }, t;
+    }
+    return e.type = "title", e.defaultOption = {
+      // zlevel: 0,
+      z: 6,
+      show: !0,
+      text: "",
+      target: "blank",
+      subtext: "",
+      subtarget: "blank",
+      left: 0,
+      top: 0,
+      backgroundColor: "rgba(0,0,0,0)",
+      borderColor: "#ccc",
+      borderWidth: 0,
+      padding: 5,
+      itemGap: 10,
+      textStyle: {
+        fontSize: 18,
+        fontWeight: "bold",
+        color: "#464646"
+      },
+      subtextStyle: {
+        fontSize: 12,
+        color: "#6E7079"
+      }
+    }, e;
+  })(E)
+), I = (
+  /** @class */
+  (function(i) {
+    T(e, i);
+    function e() {
+      var t = i !== null && i.apply(this, arguments) || this;
+      return t.type = e.type, t;
+    }
+    return e.prototype.render = function(t, W, s) {
+      if (this.group.removeAll(), !!t.get("show")) {
+        var o = this.group, y = t.getModel("textStyle"), f = t.getModel("subtextStyle"), g = t.get("textAlign"), n = A(t.get("textBaseline"), t.get("textVerticalAlign")), l = new R({
+          style: S(y, {
+            text: t.get("text"),
+            fill: y.getTextColor()
+          }, {
+            disableBox: !0
+          }),
+          z2: 10
+        }), C = l.getBoundingRect(), d = t.get("subtext"), p = new R({
+          style: S(f, {
+            text: d,
+            fill: f.getTextColor(),
+            y: C.height + t.get("itemGap"),
+            verticalAlign: "top"
+          }, {
+            disableBox: !0
+          }),
+          z2: 10
+        }), c = t.get("link"), m = t.get("sublink"), h = t.get("triggerEvent", !0);
+        l.silent = !c && !h, p.silent = !m && !h, c && l.on("click", function() {
+          k(c, "_" + t.get("target"));
+        }), m && p.on("click", function() {
+          k(m, "_" + t.get("subtarget"));
+        }), w(l).eventData = w(p).eventData = h ? {
+          componentType: "title",
+          componentIndex: t.componentIndex
+        } : null, o.add(l), d && o.add(p);
+        var a = o.getBoundingRect(), x = t.getBoxLayoutParams();
+        x.width = a.width, x.height = a.height;
+        var r = B(x, {
+          width: s.getWidth(),
+          height: s.getHeight()
+        }, t.get("padding"));
+        g || (g = t.get("left") || t.get("right"), g === "middle" && (g = "center"), g === "right" ? r.x += r.width : g === "center" && (r.x += r.width / 2)), n || (n = t.get("top") || t.get("bottom"), n === "center" && (n = "middle"), n === "bottom" ? r.y += r.height : n === "middle" && (r.y += r.height / 2), n = n || "top"), o.x = r.x, o.y = r.y, o.markRedraw();
+        var v = {
+          align: g,
+          verticalAlign: n
+        };
+        l.setStyle(v), p.setStyle(v), a = o.getBoundingRect();
+        var u = r.margin, b = t.getItemStyle(["color", "opacity"]);
+        b.fill = t.get("backgroundColor");
+        var z = new O({
+          shape: {
+            x: a.x - u[3],
+            y: a.y - u[0],
+            width: a.width + u[1] + u[3],
+            height: a.height + u[0] + u[2],
+            r: t.get("borderRadius")
+          },
+          style: b,
+          subPixelOptimize: !0,
+          silent: !0
+        });
+        o.add(z);
+      }
+    }, e.type = "title", e;
+  })(V)
+);
+function K(i) {
+  i.registerComponentModel(D), i.registerComponentView(I);
+}
+export {
+  K as install
+};