tvcharts 0.5.83 → 0.5.85

package/dist/echarts.js

@@ -16069,6 +16069,9 @@ var GlobalModel = class extends Model_default {
     this._optionManager.setOption(option, optionPreprocessorFuncs2, innerOpt);
     this._resetOption(null, innerOpt);
   }
+  getNewBaseOption() {
+    return this._optionManager.getNewBaseOption();
+  }
   resetOption(type, opt) {
     return this._resetOption(type, normalizeSetOptionInput(opt));
   }
@@ -16535,7 +16538,8 @@ var availableMethods = [
   "getConnectedDataURL",
   "getOption",
   "getId",
-  "updateLabelLayout"
+  "updateLabelLayout",
+  "trigger"
 ];
 var ExtensionAPI = class {
   constructor(ecInstance) {
@@ -16657,6 +16661,9 @@ var OptionManager = class {
     this._currentMediaIndices = indices;
     return result;
   }
+  getNewBaseOption() {
+    return this._newBaseOption;
+  }
 };
 function parseRawOption(rawOption, optionPreprocessorFuncs2, isNew) {
   const mediaList = [];
@@ -18472,9 +18479,15 @@ function prepareStore(store, dimIdx, dimType, end2, append) {
     const oldStore = store[dimIdx];
     const oldLen = oldStore && oldStore.length;
     if (!(oldLen === end2)) {
-      const newStore = new DataCtor(end2);
-      for (let j = 0; j < oldLen; j++) {
-        newStore[j] = oldStore[j];
+      let newStore = new DataCtor(end2);
+      if (newStore instanceof Int32Array && oldStore instanceof Int32Array || newStore instanceof Float64Array && oldStore instanceof Float64Array) {
+        newStore.set(oldStore);
+      } else if (newStore instanceof Array && oldStore instanceof Array) {
+        newStore = oldStore;
+      } else {
+        for (let j = 0; j < oldLen; j++) {
+          newStore[j] = oldStore[j];
+        }
       }
       store[dimIdx] = newStore;
     }
@@ -18612,6 +18625,20 @@ var DataStore2 = class {
     this._rawCount = this._count = end2;
     return {start: start2, end: end2};
   }
+  updateValue(value) {
+    const chunks = this._chunks;
+    const dimensions = this._dimensions;
+    const dimLen = dimensions.length;
+    const rawExtent = this._rawExtent;
+    const idx = this._rawCount - 1;
+    for (let dimIdx = 0; dimIdx < dimLen; dimIdx++) {
+      const val = value[dimIdx];
+      chunks[dimIdx][idx] = val;
+      const dimRawExtent = rawExtent[dimIdx];
+      val < dimRawExtent[0] && (dimRawExtent[0] = val);
+      val > dimRawExtent[1] && (dimRawExtent[1] = val);
+    }
+  }
   _initDataFromProvider(start2, end2, append) {
     const provider = this._provider;
     const chunks = this._chunks;
@@ -19786,6 +19813,10 @@ var SeriesModel2 = class extends Component_default {
     const data = this.getRawData();
     data.appendData(params.data);
   }
+  updateData(params) {
+    const data = this.getRawData();
+    data.updateValue(params.data[0]);
+  }
   getData(dataType) {
     const task = getCurrentTask(this);
     if (task) {
@@ -23258,7 +23289,7 @@ var ECharts = class extends Eventful_default {
         this.trigger(eventType, event);
       }, this);
     });
-    each(["selectchanged", "selectitem"], (eventType) => {
+    each(["selectchanged", "selectitem", "loadmore", "zoomend"], (eventType) => {
       this._messageCenter.on(eventType, function(event) {
         this.trigger(eventType, event);
       }, this);
@@ -23431,6 +23462,60 @@ var ECharts = class extends Eventful_default {
     this._scheduler.unfinished = true;
     this.getZr().wakeUp();
   }
+  updateData(batch) {
+    if (this._disposed) {
+      disposedWarning(this.id);
+      return;
+    }
+    let firstSeriesModel = void 0;
+    let isUpdateData = false;
+    each(batch, (params, index) => {
+      const seriesIndex = params.seriesIndex;
+      const seriesName = params.seriesName;
+      const ecModel = this.getModel();
+      const seriesModel = seriesIndex !== void 0 ? ecModel.getSeriesByIndex(seriesIndex) : ecModel.getSeriesByName(seriesName)[0];
+      if (true) {
+        assert(params.data && seriesModel);
+      }
+      const seriesData = seriesModel.getData();
+      let lastIndex = seriesData.count(true) - 1;
+      const id = seriesData.getId(lastIndex, true);
+      const paramId = params.data[0][0];
+      const isUpdate = id == paramId;
+      if (isUpdate) {
+        seriesModel.updateData({data: map(params.data, (item) => {
+          item[0] = lastIndex;
+          return item;
+        })});
+        isUpdateData = true;
+      } else {
+        const categories = [];
+        const formatData = map(params.data, (item) => {
+          categories.push(item[0]);
+          lastIndex = lastIndex + 1;
+          item[0] = lastIndex;
+          return item;
+        });
+        if (index === 0) {
+          const scale5 = seriesModel.coordinateSystem.getBaseAxis().scale;
+          scale5.getOrdinalMeta().appendData(categories);
+        }
+        seriesModel.appendData({data: formatData});
+      }
+      if (!firstSeriesModel) {
+        firstSeriesModel = seriesModel;
+      }
+    });
+    const coordSys = firstSeriesModel.coordinateSystem;
+    const baseAxis = coordSys.getBaseAxis();
+    const scale4 = baseAxis.scale;
+    const payload = {
+      type: "dataZoom",
+      barSpace: scale4.barSpace,
+      lastBarRightSideDiffBarCount: !isUpdateData && scale4.lastBarRightSideDiffBarCount < 1.5 ? scale4.lastBarRightSideDiffBarCount - 1 : scale4.lastBarRightSideDiffBarCount
+    };
+    doDispatchAction.call(this, payload, true);
+  }
 };
 PENDING_UPDATE, IN_MAIN_PROCESS_KEY, CONNECT_STATUS_KEY, STATUS_NEEDS_UPDATE_KEY;
 ECharts.internalField = function() {
@@ -25096,6 +25181,9 @@ var SeriesData2 = class {
     const range = this._store.appendData(data);
     this._doInit(range[0], range[1]);
   }
+  updateValue(value) {
+    this._store.updateValue(value);
+  }
   appendValues(values, names) {
     const {start: start2, end: end2} = this._store.appendValues(values, names.length);
     const shouldMakeIdFromName = this._shouldMakeIdFromName();
@@ -25193,8 +25281,8 @@ var SeriesData2 = class {
     }
     return ordinal;
   }
-  getId(idx) {
-    return getId(this, this.getRawIndex(idx));
+  getId(idx, isRaw) {
+    return getId(this, isRaw ? idx : this.getRawIndex(idx));
   }
   count(isRaw) {
     return this._store.count(isRaw);
@@ -26280,6 +26368,10 @@ var OrdinalMeta = class {
   getMarksByWeight() {
     return this._marksByWeight;
   }
+  appendData(data) {
+    this.categories.push(...data);
+    this.extraCategory.slice(data.length);
+  }
   parseAndCollect(category) {
     let index;
     const needCollect = this._needCollect;
@@ -38457,12 +38549,15 @@ var AxisView2 = class extends Component_default2 {
     this.axisPointerClass && fixValue(axisModel);
     super.render.apply(this, arguments);
     this._doUpdateAxisPointerClass(axisModel, api2, true);
-    this.updateAxisRange(axisModel, ecModel, api2, payload);
+    this.updateAxisRange(axisModel, ecModel, api2, this._rangePayload);
   }
   updateAxisPointer(axisModel, ecModel, api2, payload) {
     this._doUpdateAxisPointerClass(axisModel, api2, false);
   }
   updateAxisRange(axisModel, ecModel, api2, payload) {
+    if (!payload) {
+      return;
+    }
     const {name, y, height, style, z, zlevel, status} = payload;
     if (status === "hide") {
       this.removeRangeRect(api2);
@@ -38490,7 +38585,7 @@ var AxisView2 = class extends Component_default2 {
     } else {
       this._rangeRect = new Rect_default({
         shape: {
-          x: layoutInfo.position[0],
+          x,
           y,
           width,
           height
@@ -38506,6 +38601,7 @@ var AxisView2 = class extends Component_default2 {
     if (this._rangeRect) {
       api2.getZr().remove(this._rangeRect);
       this._rangeRect = void 0;
+      this._rangePayload = void 0;
     }
     ;
   }
@@ -39689,6 +39785,9 @@ var RoamController = class extends Eventful_default {
   }
   _mouseupHandler(e2) {
     if (!isMiddleOrRightButtonOnMouseUpDown(e2)) {
+      if (this._dragging) {
+        trigger(this, "dragEnd", "moveOnMouseMove", e2, {isAvailableBehavior: null});
+      }
       this._dragging = false;
     }
   }
@@ -51926,9 +52025,11 @@ function isNormalBoxClipped(clipArea, itemLayout) {
   return clipped;
 }
 function setBoxCommon(el, data, dataIndex, isSimpleBox) {
+  const itemModel = data.getItemModel(dataIndex);
   el.useStyle(data.getItemVisual(dataIndex, "style"));
   el.style.strokeNoScale = true;
   el.__simpleBox = isSimpleBox;
+  setStatesStylesFromModel(el, itemModel);
 }
 function transInit2(points4, itemLayout) {
   return map(points4, function(point) {
@@ -52142,9 +52243,10 @@ var candlestickLayout = {
     const closeDimI = vDimsI[1];
     const lowestDimI = vDimsI[2];
     const highestDimI = vDimsI[3];
+    const isSimpleBox = candleWidth <= 1.3;
     data.setLayout({
       candleWidth,
-      isSimpleBox: candleWidth <= 1.3
+      isSimpleBox
     });
     if (cDimI < 0 || vDimsI.length < 4) {
       return;
@@ -52171,6 +52273,10 @@ var candlestickLayout = {
         addBodyEnd(ends, ocHighPoint, 0);
         addBodyEnd(ends, ocLowPoint, 1);
         ends.push(subPixelOptimizePoint(highestPoint), subPixelOptimizePoint(ocHighPoint), subPixelOptimizePoint(lowestPoint), subPixelOptimizePoint(ocLowPoint));
+        if (isSimpleBox && ends[4][1] === ends[6][1]) {
+          ends[4][1] -= 0.5;
+          ends[6][1] += 0.5;
+        }
         const itemModel = data2.getItemModel(dataIndex);
         const hasDojiColor = !!itemModel.get(["itemStyle", "borderColorDoji"]);
         data2.setItemLayout(dataIndex, {
@@ -52191,6 +52297,10 @@ var candlestickLayout = {
         const point2 = point.slice();
         point1[cDimIdx] = subPixelOptimize2(point1[cDimIdx] + candleWidth / 2, 1, false);
         point2[cDimIdx] = subPixelOptimize2(point2[cDimIdx] - candleWidth / 2, 1, true);
+        if (point1[cDimIdx] === point2[cDimIdx]) {
+          point1[0] = start2 ? point1[0] - 0.5 : point1[0] + 0.5;
+          point2[0] = start2 ? point1[0] + 0.5 : point1[0] - 0.5;
+        }
         start2 ? ends.push(point1, point2) : ends.push(point2, point1);
       }
       function makeBrushRect(lowestVal, highestVal, axisDimVal) {
@@ -57054,7 +57164,7 @@ var GraphicComponentModel2 = class extends Component_default {
         newElOption.getElementLabels = resultItem.existing.getElementLabels;
       }
       elOptionsToUpdate.push(newElOption);
-      if (newElOption.getElementLabels && newElOption.labelVisible) {
+      if (newElOption.getElementLabels) {
         includesLabelOptionsToUpdate.push(newElOption);
       }
       setKeyInfoToNewElOption(resultItem, newElOption);
@@ -57763,7 +57873,7 @@ var AxisPointerView2 = class extends Component_default2 {
       if (triggerOn !== "none" && (currTrigger === "leave" || triggerOn.indexOf(currTrigger) >= 0)) {
         let x = e2 && e2.offsetX;
         let y = e2 && e2.offsetY;
-        const lastXIndex = xAxisModel?.option.axisPointer.value;
+        const lastXIndex = xAxisModel?.get("axisPointer").value;
         if (e2 && magnet === "magnet" && currTrigger === "mousemove") {
           const xData = xAxisModel.axis.pointToData([e2.offsetX, e2.offsetY]);
           const yData = yAxisModel.axis.pointToData([e2.offsetX, e2.offsetY]);
@@ -60411,7 +60521,8 @@ var GraphicComponentView2 = class extends Component_default2 {
     if (graphicModel !== this._lastGraphicModel) {
       this._clear();
     }
-    if (["dataZoom", "resize"].includes(payload?.type)) {
+    const isUpdateGraphic = payload?.type ? ["dataZoom", "resize"].includes(payload.type) : Object.keys(ecModel.getNewBaseOption()).some((key) => ["grid", "yAxis", "xAxis"].includes(key));
+    if (isUpdateGraphic) {
       this._dataZoomUpdateElements(graphicModel, ecIns);
     }
     this._lastGraphicModel = graphicModel;
@@ -61243,6 +61354,9 @@ var AxisProxy = class {
   getDataValueWindow() {
     return this._valueWindow.slice();
   }
+  getDimName() {
+    return this._dimName;
+  }
   getDataPercentWindow() {
     return this._percentWindow.slice();
   }
@@ -61309,7 +61423,7 @@ var AxisProxy = class {
       percentWindow
     };
   }
-  reset(dataZoomModel) {
+  reset(dataZoomModel, api2) {
     if (dataZoomModel !== this._dataZoomModel) {
       return;
     }
@@ -61346,6 +61460,9 @@ var AxisProxy = class {
       rawExtentInfo.setDeterminedMinMax("min", from);
       rawExtentInfo.freeze();
       dataZoomModel.option.lastBarRightSideDiffBarCount = lastBarRightSideDiffBarCount;
+      if (from < 0 && !dataZoomModel.isDragging) {
+        api2.trigger("loadmore");
+      }
     } else {
       if (dataZoomModel.get("useValueRange") && (dataZoomModel.settledOption.startValue || dataZoomModel.settledOption.endValue)) {
         this._valueWindow = [
@@ -61518,7 +61635,7 @@ var dataZoomProcessor = {
   overallReset(ecModel, api2, payload) {
     ecModel.eachComponent("dataZoom", function(dataZoomModel) {
       dataZoomModel.eachTargetAxis(function(axisDim, axisIndex) {
-        dataZoomModel.getAxisProxy(axisDim, axisIndex).reset(dataZoomModel);
+        dataZoomModel.getAxisProxy(axisDim, axisIndex).reset(dataZoomModel, api2);
       });
       dataZoomModel.eachTargetAxis(function(axisDim, axisIndex) {
         dataZoomModel.getAxisProxy(axisDim, axisIndex).filterData(dataZoomModel, api2);
@@ -67028,8 +67145,11 @@ var MarkLabelView2 = class extends Component_default2 {
     if (type !== "updateComOption") {
       this.updateMarkLabels(markerModel, ecModel);
     }
-    this.graphicLabelsResize(ecModel);
     this.updateGraphicLabels(ecModel);
+    const isUpdateGraphic = payload?.type ? ["dataZoom", "resize"].includes(payload.type) : Object.keys(ecModel.getNewBaseOption()).some((key) => ["grid", "yAxis", "xAxis"].includes(key));
+    if (isUpdateGraphic) {
+      this.graphicLabelsResize(ecModel);
+    }
     this.avoidOverlap();
   }
   updateMarkLabels(markerModel, ecModel) {
@@ -67116,6 +67236,9 @@ var MarkLabelView2 = class extends Component_default2 {
         this.removeGraphicLabels(label);
         return;
       }
+      if (!item.labelVisible) {
+        return;
+      }
       const seriesId = item.seriesId || defaultSeries.id;
       const seriesLabels = labelsBySeriesId[seriesId] || [];
       seriesLabels.push(label);
@@ -68473,6 +68596,16 @@ function createCoordSysRecord(api2, coordSysModel) {
     controller: null
   };
   const controller = coordSysRecord.controller = new RoamController_default(api2.getZr());
+  controller.on("dragEnd", () => {
+    coordSysRecord.dataZoomInfoMap.each(function(dzInfo) {
+      const axisProxy = dzInfo.model.findRepresentativeAxisProxy();
+      const valueData = axisProxy.getDataValueWindow();
+      if (axisProxy.getDimName() === "x" && valueData[0] < 0) {
+        api2.trigger("loadmore");
+      }
+    });
+    api2.trigger("zoomend");
+  });
   each(["pan", "zoom", "scrollMove"], function(eventName) {
     controller.on(eventName, function(event) {
       const batch = [];
@@ -68493,6 +68626,7 @@ function createCoordSysRecord(api2, coordSysModel) {
               barSpace: range[0],
               lastBarRightSideDiffBarCount: range[1]
             });
+            dzInfo.model.isDragging = controller.isDragging();
             axisProxy.setDataPercentWindow([range[0], range[1]]);
             axisModal.axis.scale.setSpace(range[0], range[1]);
             batch.push({