tvcharts 0.6.71 → 0.6.73

package/dist/echarts.js

@@ -21566,6 +21566,64 @@ var ECEventProcessor = class {
   }
 };
 
+// src/data/scale-time/find-time-range.ts
+function lowerBound(arr, target) {
+  let left = 0;
+  let right = arr.length - 1;
+  while (left <= right) {
+    const mid = Math.floor((left + right) / 2);
+    if (arr[mid] < target) {
+      left = mid + 1;
+    } else {
+      right = mid - 1;
+    }
+  }
+  return left;
+}
+function upperBound(arr, target) {
+  let left = 0;
+  let right = arr.length - 1;
+  while (left <= right) {
+    const mid = Math.floor((left + right) / 2);
+    if (arr[mid] <= target) {
+      left = mid + 1;
+    } else {
+      right = mid - 1;
+    }
+  }
+  return right;
+}
+function getIndexRange(arr, start2, end2) {
+  const lowerIndex = lowerBound(arr, start2);
+  const upperIndex = upperBound(arr, end2);
+  return [lowerIndex, upperIndex];
+}
+function findClosestTimestamp(arr, target) {
+  let left = 0;
+  let right = arr.length - 1;
+  if (arr.length === 0) {
+    return "";
+  }
+  ;
+  while (left < right) {
+    const mid = Math.floor((left + right) / 2);
+    if (arr[mid] === target) {
+      return arr[mid];
+    } else if (arr[mid] < target) {
+      left = mid + 1;
+    } else {
+      right = mid;
+    }
+  }
+  const leftClosest = arr[left];
+  const rightClosest = left > 0 ? arr[left - 1] : void 0;
+  if (rightClosest === void 0) {
+    return leftClosest;
+  }
+  ;
+  return Math.abs(+leftClosest - +target) <= Math.abs(+rightClosest - +target) ? leftClosest : rightClosest;
+}
+
 // src/visual/symbol.ts
 var SYMBOL_PROPS_WITH_CB = [
   "symbol",
@@ -24078,6 +24136,9 @@ var ECharts = class extends Eventful_default {
   getModel() {
     return this._model;
   }
+  getMessageCenter() {
+    return this._messageCenter;
+  }
   getOption(key) {
     return this._model && this._model.getOption(key);
   }
@@ -24392,7 +24453,7 @@ var ECharts = class extends Eventful_default {
         this.trigger(eventType, event);
       }, this);
     });
-    each(["selectchanged", "selectitem", "loadmore", "zoomend"], (eventType) => {
+    each(["selectchanged", "selectitem", "loadmore", "zoomend", "visiblechanged"], (eventType) => {
       this._messageCenter.on(eventType, function(event) {
         this.trigger(eventType, event);
       }, this);
@@ -24516,6 +24577,63 @@ var ECharts = class extends Eventful_default {
     payload.type = eventActionMap[eventObj.type];
     return payload;
   }
+  makeLayoutActionFromEvent(eventObj, type) {
+    let payload = eventObj;
+    console.log("%c [ eventObj ]-1513", "font-size:13px; background:pink; color:#bf2c9f;", eventObj);
+    switch (type) {
+      case "visiblechanged":
+        const {fromTime, toTime, offsetRightDistance, offsetLeftDistance} = eventObj;
+        const xAxisModal = this._model.getComponent("xAxis", 0);
+        const scale4 = xAxisModal.axis.scale;
+        const categories = scale4.getOrdinalMeta().getCategories();
+        const dataCount = categories.length;
+        const [startIndex, endIndex] = getIndexRange(categories, fromTime, toTime);
+        const axisLength = xAxisModal.axis.getExtent()[1];
+        const width = axisLength - offsetRightDistance - offsetLeftDistance;
+        let barCount = endIndex - startIndex;
+        let barSpace = Math.max(1, width / barCount);
+        let lastBarRightSideDiffBarCount = endIndex - dataCount + 0.5 + offsetRightDistance / barSpace;
+        if (endIndex < 0) {
+          barCount = dataCount;
+          barSpace = Math.max(1, axisLength / barCount);
+          lastBarRightSideDiffBarCount = endIndex - dataCount + 0.5;
+        } else if (barCount < 2) {
+          barCount = 2;
+          barSpace = Math.max(1, axisLength / barCount);
+          lastBarRightSideDiffBarCount = endIndex - dataCount + 0.5;
+        }
+        const maxRightOffsetBarCount = barCount - Math.min(2, dataCount);
+        if (lastBarRightSideDiffBarCount > maxRightOffsetBarCount) {
+          lastBarRightSideDiffBarCount = maxRightOffsetBarCount;
+        }
+        const minRightOffsetBarCount = -dataCount + Math.min(2, dataCount);
+        if (lastBarRightSideDiffBarCount < minRightOffsetBarCount) {
+          lastBarRightSideDiffBarCount = minRightOffsetBarCount;
+        }
+        payload = {
+          type: "dataZoom",
+          dataZoomIndex: 0,
+          barSpace,
+          lastBarRightSideDiffBarCount
+        };
+        break;
+      case "updateaxispointer":
+        if (payload.axesInfo) {
+          payload.axesInfo.find((item) => {
+            const isXAxis = item.axisDim === "x" && item.time;
+            if (isXAxis) {
+              const xAxisModal2 = this._model.getComponent("xAxis", 0);
+              const scale5 = xAxisModal2.axis.scale;
+              item.value = scale5.getOrdinalMeta().getClosestTime(item.time);
+              payload.dataIndex = item.value;
+            }
+            return isXAxis;
+          });
+        }
+        break;
+    }
+    return payload;
+  }
   dispatchAction(payload, opt) {
     if (this._disposed) {
       disposedWarning(this.id);
@@ -24581,8 +24699,8 @@ var ECharts = class extends Eventful_default {
         return;
       }
       const seriesModel = seriesIndex !== void 0 ? ecModel.getSeriesByIndex(seriesIndex) : ecModel.getSeriesByName(seriesName)[0];
-      if (true) {
-        assert(params.data && seriesModel);
+      if (!seriesModel) {
+        return;
       }
       const seriesData = seriesModel.getData();
       const lastIndex = seriesData.count(true) - 1;
@@ -25551,7 +25669,7 @@ ECharts.internalField = function() {
     }
     each(layoutEventActionMap, function(actionType, eventType) {
       chart._messageCenter.on(eventType, function(event) {
-        if (connectedLayouts[chart.layout] && chart[CONNECT_LAYOUT_STATUS_KEY] !== CONNECT_STATUS_PENDING) {
+        if ((eventType === "visiblechanged" ? chart.selected : true) && connectedLayouts[chart.layout] && chart[CONNECT_LAYOUT_STATUS_KEY] !== CONNECT_STATUS_PENDING && layoutEventAbleMap[chart.layout].includes(eventType)) {
           if (event && event.escapeConnect) {
             return;
           }
@@ -25565,7 +25683,8 @@ ECharts.internalField = function() {
           updateConnectedChartsStatus(otherCharts, CONNECT_STATUS_PENDING);
           each(otherCharts, function(otherChart) {
             if (otherChart[CONNECT_LAYOUT_STATUS_KEY] !== CONNECT_STATUS_UPDATING) {
-              otherChart.dispatchAction(action);
+              const formatAction = otherChart.makeLayoutActionFromEvent(action, eventType);
+              otherChart.dispatchAction(formatAction);
             }
           });
           updateConnectedChartsStatus(otherCharts, CONNECT_STATUS_UPDATED);
@@ -25606,8 +25725,10 @@ function disposedWarning(id) {
 var actions = {};
 var eventActionMap = {};
 var layoutEventActionMap = {
-  updateaxispointer: "updateAxisPointer"
+  updateaxispointer: "updateAxisPointer",
+  visiblechanged: "visiblechanged"
 };
+var layoutEventAbleMap = {};
 var dataProcessorFuncs = [];
 var optionPreprocessorFuncs = [];
 var visualFuncs = [];
@@ -25669,8 +25790,9 @@ function connect(groupId) {
 function disconnect(groupId) {
   connectedGroups[groupId] = false;
 }
-function connectLayouts(layoutId) {
+function connectLayouts(layoutId, actionAuth) {
   connectedLayouts[layoutId] = true;
+  layoutEventAbleMap[layoutId] = actionAuth;
   return layoutId;
 }
 function disconnectLayouts(layoutId) {
@@ -27617,6 +27739,7 @@ var OrdinalMeta = class {
     this._needCollect = opt.needCollect;
     this._deduplication = opt.deduplication;
     this._marksByWeight = opt.marksByWeight;
+    this.interval = opt.interval;
     this.cache = null;
     this.uid = ++uidBase;
   }
@@ -27667,7 +27790,8 @@ var OrdinalMeta = class {
       extraCategory,
       deduplication: option.dedplication !== false,
       loadMoreCategory: option.loadMoreCategory,
-      marksByWeight
+      marksByWeight,
+      interval: option.interval
     });
     return ins;
   }
@@ -27718,6 +27842,13 @@ var OrdinalMeta = class {
       }
     }
   }
+  getCategories() {
+    return this.categories;
+  }
+  getClosestTime(time) {
+    const findTime = findClosestTimestamp(this.categories, time);
+    return this.getOrdinal(findTime);
+  }
   getLastCategories() {
     return this.categories[this.categories.length - 1];
   }
@@ -35144,7 +35275,7 @@ function getLastIndexNotNull(points4) {
 function getPointAtIndex(points4, idx) {
   return [points4[idx * 2], points4[idx * 2 + 1]];
 }
-function getIndexRange(points4, xOrY, dim) {
+function getIndexRange2(points4, xOrY, dim) {
   const len2 = points4.length / 2;
   const dimIdx = dim === "x" ? 0 : 1;
   let a;
@@ -35678,7 +35809,7 @@ var LineView = class extends Chart_default {
       const distanceX = (isHorizontal ? distance2 : 0) * (isBaseInversed ? -1 : 1);
       const distanceY = (isHorizontal ? 0 : -distance2) * (isBaseInversed ? -1 : 1);
       const dim = isHorizontal ? "x" : "y";
-      const dataIndexRange = getIndexRange(points4, xOrY, dim);
+      const dataIndexRange = getIndexRange2(points4, xOrY, dim);
       const indices = dataIndexRange.range;
       const diff = indices[1] - indices[0];
       let value;
@@ -56517,6 +56648,7 @@ var MineLinesSeriesModel2 = class extends Series_default {
         that.option.data.push(item);
       }
     });
+    this.option.data = this.option.data.filter((item) => !item.isDelete);
     this.computedDataIndexById(this.option);
     return this.option.data;
   }
@@ -56750,6 +56882,7 @@ var LineFillsSeriesModel2 = class extends Series_default {
         that.option.data.push(item);
       }
     });
+    this.option.data = this.option.data.filter((item) => !item.isDelete);
     this.computedDataIndexById(this.option);
     return this.option.data;
   }
@@ -57020,6 +57153,7 @@ var BoxesSeriesModel2 = class extends Series_default {
         that.option.data.push(item);
       }
     });
+    this.option.data = this.option.data.filter((item) => !item.isDelete);
     this.computedDataIndexById(this.option);
     return this.option.data;
   }
@@ -58286,6 +58420,7 @@ var LabelsSeriesModel2 = class extends Series_default {
         that.option.data.push(item);
       }
     });
+    this.option.data = this.option.data.filter((item) => !item.isDelete);
     this.computedDataIndexById(this.option);
     return this.option.data;
   }
@@ -63797,8 +63932,7 @@ var AxisPointerView2 = class extends Component_default2 {
           type: "updateAxisPointer",
           currTrigger,
           x,
-          y,
-          dataIndex: lastXIndex
+          y
         });
       }
     };
@@ -64071,11 +64205,21 @@ function updateModelActually(showValueMap, axesInfo, outputPayload) {
     } else {
       !axisInfo.useHandle && (option.status = "hide");
     }
-    option.status === "show" && outputAxesInfo.push({
-      axisDim: axisInfo.axis.dim,
-      axisIndex: axisInfo.axis.model.componentIndex,
-      value: option.value
-    });
+    if (option.status === "show") {
+      const info = {
+        axisDim: axisInfo.axis.dim,
+        axisIndex: axisInfo.axis.model.componentIndex,
+        value: option.value
+      };
+      if (axisInfo.axis.type === "category") {
+        const scale4 = axisInfo.axis.scale;
+        const ordinalMeta = scale4.getOrdinalMeta();
+        const categories = ordinalMeta.getCategories();
+        info.time = categories[info.value];
+        info.interval = ordinalMeta.interval;
+      }
+      outputAxesInfo.push(info);
+    }
   });
 }
 function dispatchTooltipActually(dataByCoordSys, point, payload, dispatchAction3) {
@@ -67270,8 +67414,12 @@ var each13 = each;
 var asc2 = asc;
 var leftMinVisibleBarCount = 2;
 var rightMinVisibleBarCount = 2;
+var triggerVisibleChanged = (api2, params) => {
+  api2.trigger("visiblechanged", params);
+};
 var AxisProxy = class {
   constructor(dimName, axisIndex, dataZoomModel, ecModel) {
+    this._throttleVisibleChanged = triggerVisibleChanged;
     this._dimName = dimName;
     this._axisIndex = axisIndex;
     this.ecModel = ecModel;
@@ -67382,6 +67530,8 @@ var AxisProxy = class {
       const rawExtentInfo = scale4.rawExtentInfo;
       const to = Math.round(lastBarRightSideDiffBarCount + dataCount + 0.5);
       const from = Math.round(to - barCount) - 1;
+      const ordinalMeta = scale4.getOrdinalMeta();
+      const categories = ordinalMeta.getCategories();
       this._valueWindow = [from, to];
       this._percentWindow = [barSpace, lastBarRightSideDiffBarCount, 0, 0];
       scale4.setSpace(barSpace, lastBarRightSideDiffBarCount);
@@ -67390,8 +67540,21 @@ var AxisProxy = class {
       rawExtentInfo.freeze();
       dataZoomModel.option.lastBarRightSideDiffBarCount = lastBarRightSideDiffBarCount;
       if (from < 0 && !dataZoomModel.isDragging) {
-        api2.trigger("loadmore");
-      }
+        api2.trigger("loadmore", [from, to]);
+      }
+      const visibleFrom = Math.max(0, Math.ceil(to - barCount) - 1);
+      const visibleTo = Math.min(to, dataCount - 1);
+      const messageCenter = dataZoomModel.ecModel.scheduler.ecInstance.getMessageCenter();
+      this._throttleVisibleChanged(messageCenter, {
+        from,
+        to,
+        visibleFrom,
+        visibleTo,
+        fromTime: +categories[visibleFrom],
+        toTime: +categories[visibleTo],
+        offsetRightDistance: lastBarRightSideDiffBarCount > 0 ? lastBarRightSideDiffBarCount * barSpace : 0,
+        offsetLeftDistance: from < 0 ? -from * barSpace : 0
+      });
     } else {
       if (dataZoomModel.get("useValueRange") && (dataZoomModel.settledOption.startValue || dataZoomModel.settledOption.endValue)) {
         this._valueWindow = [
@@ -71026,7 +71189,7 @@ var TableModel2 = class extends Component_default {
     });
     this.option.tables = map(this.option.tables, function(table) {
       return newTableById[table.id] || table;
-    });
+    }).filter((item) => !item.isDelete);
   }
   setAbleDataZoomUpdate(ableDataZoomUpdate) {
     this.ableDataZoomUpdate = ableDataZoomUpdate;
@@ -75037,7 +75200,7 @@ function createCoordSysRecord(api2, coordSysModel) {
       const axisProxy = dzInfo.model.findRepresentativeAxisProxy();
       const valueData = axisProxy.getDataValueWindow();
       if (axisProxy.getDimName() === "x" && valueData[0] < 0) {
-        api2.trigger("loadmore");
+        api2.trigger("loadmore", valueData);
       }
     });
     api2.trigger("zoomend");