tvcharts 0.8.96 → 0.8.97

package/dist/echarts.js

@@ -16432,6 +16432,7 @@ var BUITIN_COMPONENTS_MAP = {
   axisPointer: "AxisPointerComponent",
   brush: "BrushComponent",
   title: "TitleComponent",
+  events: "EventsComponent",
   limitTip: "LimitTipComponent",
   cursorPointer: "CursorPointerComponent",
   table: "TableComponent",
@@ -25011,7 +25012,8 @@ var ECharts = class extends Eventful_default {
       "selectidchanged",
       "playbackselected",
       "snapshotzoom",
-      "playbackorder"
+      "playbackorder",
+      "events"
     ], (eventType) => {
       this._messageCenter.on(eventType, function(event) {
         this.trigger(eventType, event);
@@ -66622,7 +66624,7 @@ var AxisPointerView2 = class extends Component_default2 {
         this.xLock = false;
       }
       const updatePointDisable = globalTooltipModel && globalTooltipModel.option.updatePointDisable;
-      if (updatePointDisable || playbackSelectModel?.option.show || globalAxisPointerModel.option.updatePointDisable) {
+      if (e2?.preventAxisPointer || updatePointDisable || playbackSelectModel?.option.show || globalAxisPointerModel.option.updatePointDisable) {
         return;
       }
       if (triggerOn !== "none" && (currTrigger === "leave" || triggerOn.indexOf(currTrigger) >= 0)) {
@@ -69318,8 +69320,8 @@ var GraphicComponentView2 = class extends Component_default2 {
       if (elOption.style) {
         el.attr("style", elOption.style);
       }
-      if (elOption.x || elOption.y) {
-        el.attr({x: elOption.x, y: elOption.y});
+      if (elOption.x || elOption.y || elOption.rotation) {
+        el.attr({x: elOption.x, y: elOption.y, rotation: elOption.rotation});
       }
       if (elOption.shape) {
         el.attr("shape", elOption.shape);
@@ -74198,6 +74200,208 @@ function install54(registers) {
   registers.registerComponentView(TitleView);
 }
 
+// src/component/events/EventsModel.ts
+var EventsModel2 = class extends Component_default {
+  constructor() {
+    super(...arguments);
+    this.type = EventsModel2.type;
+    this.layoutMode = {type: "box", ignoreSize: true};
+  }
+};
+var EventsModel = EventsModel2;
+EventsModel.type = "events";
+EventsModel.defaultOption = {
+  z: 6,
+  show: true,
+  data: [],
+  lineVisible: true,
+  lineStyle: {
+    color: "#82858f",
+    width: 1,
+    type: "solid"
+  }
+};
+
+// src/component/events/EventsView.ts
+var EventsView2 = class extends Component_default2 {
+  constructor() {
+    super(...arguments);
+    this.type = EventsView2.type;
+    this._lastPoint = {
+      x: 0,
+      y: 0
+    };
+  }
+  init(ecModel, api2) {
+    this._api = api2;
+  }
+  render(eventsModel, ecModel, api2) {
+    this.group.removeAll();
+    if (!eventsModel.get("show")) {
+      return;
+    }
+    const group = this.group;
+    const data = eventsModel.get("data");
+    const xAxisModal = ecModel.getComponent("xAxis", 0);
+    if (!xAxisModal) {
+      return;
+    }
+    const scale4 = xAxisModal.axis.scale;
+    const ordinalMeta = scale4.getOrdinalMeta();
+    const [startIndex, endIndex] = scale4.getExtent();
+    let rect;
+    const gird = ecModel.getComponent("grid", 0);
+    if (gird && gird.coordinateSystem) {
+      rect = gird.coordinateSystem.getRect();
+    }
+    if (!rect) {
+      return;
+    }
+    const lineVisible = eventsModel.get("lineVisible");
+    const lineStyle = eventsModel.get("lineStyle");
+    const hoverEventId = this.hoverEventId;
+    const lastPoint = this._lastPoint;
+    const borderWidth = 2;
+    for (let index = 0; index < data.length; index++) {
+      const {time, list} = data[index];
+      const idx = ordinalMeta.parseAndCollect(time);
+      if (idx < startIndex) {
+        continue;
+      }
+      if (idx > endIndex) {
+        break;
+      }
+      const x = xAxisModal.axis.dataToCoord(idx) + 5;
+      let y = rect.height - rect.x;
+      const z2 = data.length - index;
+      each(list, function(item, i) {
+        const yGap = 4 * (i + 1);
+        const imgY = y - yGap;
+        const id = `${time}_${item.id}`;
+        const img = new Image_default({
+          style: {
+            image: item.url,
+            x,
+            y: imgY,
+            width: 30,
+            height: 20
+          },
+          z2
+        });
+        const clipPath = new Rect_default({
+          shape: {
+            x: x + 5,
+            y: imgY,
+            width: 20,
+            height: 20,
+            r: 10
+          }
+        });
+        img.setClipPath(clipPath);
+        group.add(img);
+        const rect2 = new Rect_default({
+          shape: {
+            x: x + 5 - borderWidth / 2,
+            y: imgY - borderWidth / 2,
+            width: 20 + borderWidth,
+            height: 20 + borderWidth,
+            r: 10
+          },
+          style: {
+            stroke: "#ED544F",
+            fill: "none"
+          },
+          z2
+        });
+        if (hoverEventId === id) {
+          if (rect2.contain(lastPoint.x, lastPoint.y)) {
+            rect2.style.stroke = "#296bef";
+          } else {
+            this.hoverEventId = "";
+          }
+        }
+        group.add(rect2);
+        if (i !== list.length - 1) {
+          y = y - 24;
+        }
+        const mouseout = () => {
+          this.hoverEventId = "";
+          rect2.attr("style", {stroke: "#ED544F"});
+        };
+        const mouseover = () => {
+          this.hoverEventId = id;
+          rect2.attr("style", {stroke: "#296bef"});
+          api2.dispatchAction({
+            type: "updateAxisPointer",
+            currTrigger: "globalout"
+          });
+        };
+        const click = (e2) => {
+          e2.preventAxisPointer = true;
+          api2.trigger("events", {
+            time,
+            id: item.id,
+            position: {
+              x: rect2.shape.x,
+              y: rect2.shape.y,
+              rect: api2.getDom().getBoundingClientRect()
+            }
+          });
+        };
+        img.onmouseout = mouseout;
+        img.onmousemove = this._mouseMove;
+        img.onmouseover = mouseover;
+        img.onclick = click;
+        rect2.onmouseout = mouseout;
+        rect2.onmousemove = this._mouseMove;
+        rect2.onmouseover = mouseover;
+        rect2.onclick = click;
+      }, this);
+      if (lineVisible && list.length) {
+        const line2 = new Line_default({
+          shape: {
+            x1: x + 15,
+            y1: 0,
+            x2: x + 15,
+            y2: y
+          },
+          silent: true,
+          style: {
+            stroke: lineStyle.color,
+            lineWidth: lineStyle.width,
+            lineDash: lineStyle.type
+          },
+          z2: 0
+        });
+        group.add(line2);
+      }
+    }
+  }
+  _clickEvent(e2, id) {
+  }
+  _mouseMove(e2) {
+    this._lastPoint = {
+      x: e2.offsetX,
+      y: e2.offsetY
+    };
+    e2.preventAxisPointer = true;
+  }
+  dispose() {
+    this._lastPoint = {
+      x: 0,
+      y: 0
+    };
+  }
+};
+var EventsView = EventsView2;
+EventsView.type = "events";
+
+// src/component/events/install.ts
+function install55(registers) {
+  registers.registerComponentModel(EventsModel);
+  registers.registerComponentView(EventsView);
+}
+
 // src/component/cursorPointer/install.ts
 var CursorPointerModel2 = class extends Component_default {
   constructor() {
@@ -74269,7 +74473,7 @@ var CursorPointerView2 = class extends Component_default2 {
 };
 var CursorPointerView = CursorPointerView2;
 CursorPointerView.type = "cursorPointer";
-function install55(registers) {
+function install56(registers) {
   registers.registerComponentModel(CursorPointerModel);
   registers.registerComponentView(CursorPointerView);
 }
@@ -74686,7 +74890,7 @@ TableView.type = "table";
 var TableView_default = TableView;
 
 // src/component/table/install.ts
-function install56(registers) {
+function install57(registers) {
   registers.registerComponentModel(TableModel_default);
   registers.registerComponentView(TableView_default);
 }
@@ -75145,7 +75349,7 @@ AlarmModel.defaultOption = {
 var AlarmModel_default = AlarmModel;
 
 // src/component/alarm/install.ts
-function install57(registers) {
+function install58(registers) {
   registers.registerComponentView(AlarmView_default);
   registers.registerComponentModel(AlarmModel_default);
   registers.registerAction({type: "alarm", event: "alarm", update: "updateVisual"}, function(payload, ecModel) {
@@ -75223,7 +75427,7 @@ var BgRectView2 = class extends Component_default2 {
 };
 var BgRectView = BgRectView2;
 BgRectView.type = "bgRect";
-function install58(registers) {
+function install59(registers) {
   registers.registerComponentModel(BgRectModel);
   registers.registerComponentView(BgRectView);
 }
@@ -76699,7 +76903,7 @@ var PlaybackOrderView3 = PlaybackOrderView4;
 PlaybackOrderView3.type = "playbackOrder";
 
 // src/component/playback/install.ts
-function install59(registers) {
+function install60(registers) {
   registers.registerComponentModel(PlaybackSelectModel);
   registers.registerComponentView(PlaybackSelectView);
   registers.registerComponentModel(PlaybackOrderModel);
@@ -76767,7 +76971,7 @@ var LogoView2 = class extends Component_default2 {
 };
 var LogoView = LogoView2;
 LogoView.type = "logo";
-function install60(registers) {
+function install61(registers) {
   registers.registerComponentModel(LogoModel);
   registers.registerComponentView(LogoView);
 }
@@ -77621,7 +77825,7 @@ function has(obj, attr) {
 }
 
 // src/component/timeline/install.ts
-function install61(registers) {
+function install62(registers) {
   registers.registerComponentModel(SliderTimelineModel_default);
   registers.registerComponentView(SliderTimelineView_default);
   registers.registerSubTypeDefaulter("timeline", function() {
@@ -78062,7 +78266,7 @@ function createData(coordSys, seriesModel, mpModel) {
 var MarkPointView_default = MarkPointView;
 
 // src/component/marker/installMarkPoint.ts
-function install62(registers) {
+function install63(registers) {
   registers.registerComponentModel(MarkPointModel_default);
   registers.registerComponentView(MarkPointView_default);
   registers.registerPreprocessor(function(opt) {
@@ -78380,7 +78584,7 @@ function createList2(coordSys, seriesModel, mlModel) {
 var MarkLineView_default = MarkLineView;
 
 // src/component/marker/installMarkLine.ts
-function install63(registers) {
+function install64(registers) {
   registers.registerComponentModel(MarkLineModel_default);
   registers.registerComponentView(MarkLineView_default);
   registers.registerPreprocessor(function(opt) {
@@ -78694,7 +78898,7 @@ function createList3(coordSys, seriesModel, maModel) {
 var MarkAreaView_default = MarkAreaView;
 
 // src/component/marker/installMarkArea.ts
-function install64(registers) {
+function install65(registers) {
   registers.registerComponentModel(MarkAreaModel_default);
   registers.registerComponentView(MarkAreaView_default);
   registers.registerPreprocessor(function(opt) {
@@ -79446,7 +79650,7 @@ function updateLabel({x, y, labelData, markerModel, gridRect, position: position
 var MarkLabelView_default = MarkLabelView;
 
 // src/component/marker/installMarkLabel.ts
-function install65(registers) {
+function install66(registers) {
   registers.registerComponentModel(MarkLabelModal_default);
   registers.registerComponentView(MarkLabelView_default);
   registers.registerPreprocessor(function(opt) {
@@ -79512,7 +79716,7 @@ var LimitTipView2 = class extends Component_default2 {
 };
 var LimitTipView = LimitTipView2;
 LimitTipView.type = "limitTip";
-function install66(registers) {
+function install67(registers) {
   registers.registerComponentModel(LimitTipModel);
   registers.registerComponentView(LimitTipView);
 }
@@ -80189,7 +80393,7 @@ function installLegendAction(registers) {
 }
 
 // src/component/legend/installLegendPlain.ts
-function install67(registers) {
+function install68(registers) {
   registers.registerComponentModel(LegendModel_default);
   registers.registerComponentView(LegendView_default);
   registers.registerProcessor(registers.PRIORITY.PROCESSOR.SERIES_FILTER, legendFilter);
@@ -80519,17 +80723,17 @@ function installScrollableLegendAction(registers) {
 }
 
 // src/component/legend/installLegendScroll.ts
-function install68(registers) {
-  use(install67);
+function install69(registers) {
+  use(install68);
   registers.registerComponentModel(ScrollableLegendModel_default);
   registers.registerComponentView(ScrollableLegendView_default);
   installScrollableLegendAction(registers);
 }
 
 // src/component/legend/install.ts
-function install69(registers) {
-  use(install67);
+function install70(registers) {
   use(install68);
+  use(install69);
 }
 
 // src/component/dataZoom/InsideZoomModel.ts
@@ -81128,7 +81332,7 @@ var getDirectionInfo = {
 var InsideZoomView_default = InsideZoomView;
 
 // src/component/dataZoom/installDataZoomInside.ts
-function install70(registers) {
+function install71(registers) {
   installCommon(registers);
   registers.registerComponentModel(InsideZoomModel_default);
   registers.registerComponentView(InsideZoomView_default);
@@ -81884,16 +82088,16 @@ function getCursor(orient) {
 var SliderZoomView_default = SliderZoomView;
 
 // src/component/dataZoom/installDataZoomSlider.ts
-function install71(registers) {
+function install72(registers) {
   registers.registerComponentModel(SliderZoomModel_default);
   registers.registerComponentView(SliderZoomView_default);
   installCommon(registers);
 }
 
 // src/component/dataZoom/install.ts
-function install72(registers) {
-  use(install70);
+function install73(registers) {
   use(install71);
+  use(install72);
 }
 
 // src/visual/visualDefault.ts
@@ -83158,7 +83362,7 @@ function installCommon2(registers) {
 }
 
 // src/component/visualMap/installVisualMapContinuous.ts
-function install73(registers) {
+function install74(registers) {
   registers.registerComponentModel(ContinuousModel_default);
   registers.registerComponentView(ContinuousView_default);
   installCommon2(registers);
@@ -83598,16 +83802,16 @@ PiecewiseVisualMapView.type = "visualMap.piecewise";
 var PiecewiseView_default = PiecewiseVisualMapView;
 
 // src/component/visualMap/installVisualMapPiecewise.ts
-function install74(registers) {
+function install75(registers) {
   registers.registerComponentModel(PiecewiseModel_default);
   registers.registerComponentView(PiecewiseView_default);
   installCommon2(registers);
 }
 
 // src/component/visualMap/install.ts
-function install75(registers) {
-  use(install73);
+function install76(registers) {
   use(install74);
+  use(install75);
 }
 
 // src/visual/aria.ts
@@ -83803,7 +84007,7 @@ function ariaPreprocessor(option) {
 }
 
 // src/component/aria/install.ts
-function install76(registers) {
+function install77(registers) {
   registers.registerPreprocessor(ariaPreprocessor);
   registers.registerVisual(registers.PRIORITY.VISUAL.ARIA, ariaVisual);
 }
@@ -84141,7 +84345,7 @@ var sortTransform = {
 };
 
 // src/component/transform/install.ts
-function install77(registers) {
+function install78(registers) {
   registers.registerTransform(filterTransform);
   registers.registerTransform(sortTransform);
 }
@@ -84179,7 +84383,7 @@ var DatasetView = class extends Component_default2 {
   }
 };
 DatasetView.type = "dataset";
-function install78(registers) {
+function install79(registers) {
   registers.registerComponentModel(DatasetModel);
   registers.registerComponentView(DatasetView);
 }
@@ -85933,8 +86137,8 @@ use(install52);
 use(install44);
 use(install53);
 use(install54);
-use(install66);
 use(install55);
+use(install67);
 use(install56);
 use(install57);
 use(install58);
@@ -85945,16 +86149,17 @@ use(install62);
 use(install63);
 use(install64);
 use(install65);
-use(install69);
-use(install72);
+use(install66);
 use(install70);
-use(install71);
-use(install75);
 use(install73);
-use(install74);
+use(install71);
+use(install72);
 use(install76);
+use(install74);
+use(install75);
 use(install77);
 use(install78);
+use(install79);
 use(installUniversalTransition);
 use(installLabelLayout);