tvcharts 0.6.56 → 0.6.58

package/dist/echarts.js

@@ -17802,6 +17802,8 @@ var DefaultDataProvider2 = class {
   }
   appendData(newData) {
   }
+  resetData(newData) {
+  }
   updateData(newData) {
     return {update: 0};
   }
@@ -17873,7 +17875,8 @@ DefaultDataProvider.internalField = function() {
     [SOURCE_FORMAT_ARRAY_ROWS + "_" + SERIES_LAYOUT_BY_COLUMN]: {
       pure: true,
       appendData: appendDataSimply,
-      updateData: updateDataSimply
+      updateData: updateDataSimply,
+      resetData: resetDataSimply
     },
     [SOURCE_FORMAT_ARRAY_ROWS + "_" + SERIES_LAYOUT_BY_ROW]: {
       pure: true,
@@ -17884,7 +17887,8 @@ DefaultDataProvider.internalField = function() {
     [SOURCE_FORMAT_OBJECT_ROWS]: {
       pure: true,
       appendData: appendDataSimply,
-      updateData: updateDataSimply
+      updateData: updateDataSimply,
+      resetData: resetDataSimply
     },
     [SOURCE_FORMAT_KEYED_COLUMNS]: {
       pure: true,
@@ -17900,7 +17904,8 @@ DefaultDataProvider.internalField = function() {
     },
     [SOURCE_FORMAT_ORIGINAL]: {
       appendData: appendDataSimply,
-      updateData: updateDataSimply
+      updateData: updateDataSimply,
+      resetData: resetDataSimply
     },
     [SOURCE_FORMAT_TYPED_ARRAY]: {
       persistent: false,
@@ -17922,6 +17927,9 @@ DefaultDataProvider.internalField = function() {
       this._data.push(newData[i]);
     }
   }
+  function resetDataSimply(newData) {
+    this._data = newData;
+  }
   function updateDataSimply(newData) {
     const data = this._data;
     let lastIndex = data.length - 1;
@@ -18873,6 +18881,16 @@ var DataStore2 = class {
     }
     return [start2, end2];
   }
+  resetUpdateData(data) {
+    if (true) {
+      assert(!this._indices, "appendData can only be called on raw data.");
+    }
+    const provider = this._provider;
+    provider.resetData(data);
+    const end2 = provider.count();
+    this._initDataFromProvider(0, end2);
+    return [0, end2];
+  }
   updateData(data) {
     if (true) {
       assert(!this._indices, "appendData can only be called on raw data.");
@@ -20064,6 +20082,7 @@ var SeriesModel2 = class extends Component_default {
     inner2(this).dataBeforeProcessed = data;
     autoSeriesName(this);
     this._initSelectedMapFromData(data);
+    console.log("%c [ data ]-241", "font-size:13px; background:pink; color:#bf2c9f;", data);
   }
   mergeDefaultAndTheme(option, ecModel) {
     const layoutMode = fetchLayoutMode(this);
@@ -20121,7 +20140,18 @@ var SeriesModel2 = class extends Component_default {
   }
   updateData(params) {
     const data = this.getRawData();
-    data.updateData(params.data);
+    const formatData = this.getFormatUpdateData(params.data);
+    if (formatData) {
+      data.resetUpdateData(formatData);
+      return;
+    }
+    const lastIndex = data.count(true) - 1;
+    const list = map(params.data, (item, index) => {
+      const idx = lastIndex + index;
+      item.value[0] = idx;
+      return item;
+    });
+    data.updateData(list);
   }
   getData(dataType) {
     const task = getCurrentTask(this);
@@ -20278,6 +20308,9 @@ var SeriesModel2 = class extends Component_default {
     }
     return universalTransitionOpt && universalTransitionOpt.enabled;
   }
+  getFormatUpdateData(data) {
+    return;
+  }
   _innerSelect(data, innerDataIndices) {
     const option = this.option;
     const selectedMode = option.selectedMode;
@@ -24487,15 +24520,14 @@ var ECharts = class extends Eventful_default {
       disposedWarning(this.id);
       return;
     }
-    let firstSeriesModel = void 0;
-    let isUpdateData = false;
     each(batch, (params, index) => {
       const ecModel = this.getModel();
       const seriesIndex = params.seriesIndex;
       const seriesName = params.seriesName;
       if (params.type === "component") {
-        const tableModal = ecModel.findComponents({mainType: "table"})[0];
-        console.log("%c [ tableModal ]-1621", "font-size:13px; background:pink; color:#bf2c9f;", tableModal);
+        const tableModal = ecModel.findComponents({mainType: "table", query: {name: seriesName}})[0];
+        tableModal.mergeTables(params.data);
+        tableModal.setAbleDataZoomUpdate(true);
         return;
       }
       const seriesModel = seriesIndex !== void 0 ? ecModel.getSeriesByIndex(seriesIndex) : ecModel.getSeriesByName(seriesName)[0];
@@ -24504,80 +24536,68 @@ var ECharts = class extends Eventful_default {
       }
       const seriesData = seriesModel.getData();
       const lastIndex = seriesData.count(true) - 1;
-      const scale5 = seriesModel.coordinateSystem.getBaseAxis().scale;
-      const ordinalMeta = scale5.getOrdinalMeta();
       const isUpdate = params.operation === "update";
       if (isUpdate) {
         seriesModel.updateValue({data: map(params.data, (item, index2) => {
           const idx = lastIndex + index2;
-          seriesModel.option.data[idx] = item.slice(1);
+          const value = item.slice(1);
+          seriesModel.option.data[idx] = value.length === 1 ? value[0] : value;
           item[0] = idx;
           return item;
         })});
-        isUpdateData = true;
       } else if (params.operation === "script") {
-        const categories = [];
-        const data = map(params.data, (item, index2) => {
-          const idx = lastIndex + index2;
-          if (index2 !== 0) {
-            categories.push(item.value[0]);
-          }
-          item.value[0] = idx;
-          return item;
-        });
-        if (params.isMainSeries && data.length > 1) {
-          ordinalMeta.appendData(categories);
-        }
-        seriesModel.updateData({data});
+        seriesModel.updateData({data: params.data});
       } else {
-        const categories = [];
         const formatData = map(params.data, (item) => {
-          const idx = lastIndex + index + 1;
-          seriesModel.option.data[idx] = item.slice(1);
-          categories.push(item[0]);
+          const idx = lastIndex + 1;
           item[0] = idx;
           return item;
         });
-        if (params.isMainSeries) {
-          ordinalMeta.appendData(categories);
-        }
         seriesModel.appendData({data: formatData});
       }
-      if (!firstSeriesModel) {
-        firstSeriesModel = seriesModel;
-      }
     });
-    if (!firstSeriesModel) {
-      return;
-    }
-    const coordSys = firstSeriesModel.coordinateSystem;
-    const baseAxis = coordSys.getBaseAxis();
-    const scale4 = baseAxis.scale;
-    const isMove = !isUpdateData && scale4.lastBarRightSideDiffBarCount < 1.5;
-    const payload = {
-      type: "dataZoom",
-      barSpace: scale4.barSpace,
-      lastBarRightSideDiffBarCount: isMove ? scale4.lastBarRightSideDiffBarCount - 1 : scale4.lastBarRightSideDiffBarCount
-    };
-    doDispatchAction.call(this, payload, true);
   }
-  updateXAxisData(time) {
+  updateXAxisData(time, isAdd = true, connect2 = true) {
     if (this._disposed) {
       disposedWarning(this.id);
       return;
     }
-    const xAxisModal = this._model.getComponent("xAxis", 0);
-    const scale4 = xAxisModal.axis.scale;
-    const ordinalMeta = scale4.getOrdinalMeta();
-    const lastTime = ordinalMeta.getLastCategories();
-    if (lastTime !== time) {
-      ordinalMeta.appendData([time]);
+    const groupId = this.group;
+    if (connect2 && connectedGroups[groupId]) {
+      each(instances2, function(chart) {
+        if (chart.group !== groupId) {
+          return;
+        }
+        const xAxisModal = chart._model.getComponent("xAxis", 0);
+        const scale4 = xAxisModal.axis.scale;
+        const ordinalMeta = scale4.getOrdinalMeta();
+        const lastTime = ordinalMeta.getLastCategories();
+        const isMove = isAdd && scale4.lastBarRightSideDiffBarCount < 1.5 && lastTime !== time;
+        if (isAdd && lastTime !== time) {
+          ordinalMeta.appendData([time]);
+        }
+        const payload = {
+          type: "dataZoom",
+          barSpace: scale4.barSpace,
+          lastBarRightSideDiffBarCount: isMove ? scale4.lastBarRightSideDiffBarCount - 1 : scale4.lastBarRightSideDiffBarCount
+        };
+        doDispatchAction.call(chart, payload, false);
+      });
+    } else {
+      const xAxisModal = this._model.getComponent("xAxis", 0);
+      const scale4 = xAxisModal.axis.scale;
+      const ordinalMeta = scale4.getOrdinalMeta();
+      const lastTime = ordinalMeta.getLastCategories();
+      const isMove = isAdd && scale4.lastBarRightSideDiffBarCount < 1.5;
+      if (isAdd && lastTime !== time) {
+        ordinalMeta.appendData([time]);
+      }
       const payload = {
         type: "dataZoom",
         barSpace: scale4.barSpace,
-        lastBarRightSideDiffBarCount: scale4.lastBarRightSideDiffBarCount < 1.5 ? scale4.lastBarRightSideDiffBarCount - 1 : scale4.lastBarRightSideDiffBarCount
+        lastBarRightSideDiffBarCount: isMove && lastTime !== time ? scale4.lastBarRightSideDiffBarCount - 1 : scale4.lastBarRightSideDiffBarCount
       };
-      doDispatchAction.call(this, payload, true);
+      doDispatchAction.call(this, payload, false);
     }
   }
   scrollByDistance(distance2, animationDuration) {
@@ -26320,6 +26340,10 @@ var SeriesData2 = class {
     const range = this._store.updateData(data);
     this._doInit(range[0], range[1]);
   }
+  resetUpdateData(data) {
+    const range = this._store.resetUpdateData(data);
+    this._doInit(range[0], range[1]);
+  }
   updateValue(value) {
     this._store.updateValue(value);
   }
@@ -55764,145 +55788,163 @@ var StrategyView2 = class extends Chart_default {
     const symbolGroup = this._symbolGroup;
     const z2 = seriesModel.get("z2");
     const upTriangle = data.getLayout("upTriangle");
-    const upTriangleEl = new SymbolPath_default2({
-      shape: {
-        points: upTriangle,
-        size: TriangleSize
-      },
-      style: {
-        fill: LongColor
-      },
-      z2
-    });
-    upTriangleEl.symbolProxy = createSymbol("triangleRight", 0, 0, 0, 0);
-    symbolGroup.add(upTriangleEl);
+    if (upTriangle && upTriangle.length) {
+      const upTriangleEl = new SymbolPath_default2({
+        shape: {
+          points: upTriangle,
+          size: TriangleSize
+        },
+        style: {
+          fill: LongColor
+        },
+        z2
+      });
+      upTriangleEl.symbolProxy = createSymbol("triangleRight", 0, 0, 0, 0);
+      symbolGroup.add(upTriangleEl);
+    }
     const closeUpTriangle = data.getLayout("closeUpTriangle");
-    const closeUpTriangleEl = new SymbolPath_default2({
-      shape: {
-        points: closeUpTriangle,
-        size: TriangleSize
-      },
-      style: {
-        fill: CloseColor
-      },
-      z2
-    });
-    closeUpTriangleEl.symbolProxy = createSymbol("triangleRight", 0, 0, 0, 0);
-    symbolGroup.add(closeUpTriangleEl);
+    if (closeUpTriangle && closeUpTriangle.length) {
+      const closeUpTriangleEl = new SymbolPath_default2({
+        shape: {
+          points: closeUpTriangle,
+          size: TriangleSize
+        },
+        style: {
+          fill: CloseColor
+        },
+        z2
+      });
+      closeUpTriangleEl.symbolProxy = createSymbol("triangleRight", 0, 0, 0, 0);
+      symbolGroup.add(closeUpTriangleEl);
+    }
     const upArrow = data.getLayout("upArrow");
-    const arrowUpEl = new SymbolPath_default2({
-      shape: {
-        points: upArrow,
-        size: ArrowSize
-      },
-      style: {
-        fill: LongColor
-      },
-      z2
-    });
-    arrowUpEl.symbolProxy = createSymbol("arrowUp", 0, 0, 0, 0);
-    arrowUpEl.symbolProxy.shape = {
-      ...arrowUpEl.symbolProxy.shape,
-      triangleWidth: 4,
-      triangleHeight: 6
-    };
-    symbolGroup.add(arrowUpEl);
+    if (upArrow && upArrow.length) {
+      const arrowUpEl = new SymbolPath_default2({
+        shape: {
+          points: upArrow,
+          size: ArrowSize
+        },
+        style: {
+          fill: LongColor
+        },
+        z2
+      });
+      arrowUpEl.symbolProxy = createSymbol("arrowUp", 0, 0, 0, 0);
+      arrowUpEl.symbolProxy.shape = {
+        ...arrowUpEl.symbolProxy.shape,
+        triangleWidth: 4,
+        triangleHeight: 6
+      };
+      symbolGroup.add(arrowUpEl);
+    }
     const closeUpArrow = data.getLayout("closeUpArrow");
-    const closeUpArrowEl = new SymbolPath_default2({
-      shape: {
-        points: closeUpArrow,
-        size: ArrowSize
-      },
-      style: {
-        fill: CloseColor
-      },
-      z2
-    });
-    closeUpArrowEl.symbolProxy = createSymbol("arrowUpClose", 0, 0, 0, 0);
-    closeUpArrowEl.symbolProxy.shape = {
-      ...closeUpArrowEl.symbolProxy.shape,
-      triangleWidth: 4,
-      triangleHeight: 6
-    };
-    symbolGroup.add(closeUpArrowEl);
+    if (closeUpArrow && closeUpArrow.length) {
+      const closeUpArrowEl = new SymbolPath_default2({
+        shape: {
+          points: closeUpArrow,
+          size: ArrowSize
+        },
+        style: {
+          fill: CloseColor
+        },
+        z2
+      });
+      closeUpArrowEl.symbolProxy = createSymbol("arrowUpClose", 0, 0, 0, 0);
+      closeUpArrowEl.symbolProxy.shape = {
+        ...closeUpArrowEl.symbolProxy.shape,
+        triangleWidth: 4,
+        triangleHeight: 6
+      };
+      symbolGroup.add(closeUpArrowEl);
+    }
     const downTriangle = data.getLayout("downTriangle");
-    const downTriangleEl = new SymbolPath_default2({
-      shape: {
-        points: downTriangle,
-        size: TriangleSize
-      },
-      style: {
-        fill: ShortColor
-      },
-      z2
-    });
-    downTriangleEl.symbolProxy = createSymbol("triangleLeft", 0, 0, 0, 0);
-    symbolGroup.add(downTriangleEl);
+    if (downTriangle && downTriangle.length) {
+      const downTriangleEl = new SymbolPath_default2({
+        shape: {
+          points: downTriangle,
+          size: TriangleSize
+        },
+        style: {
+          fill: ShortColor
+        },
+        z2
+      });
+      downTriangleEl.symbolProxy = createSymbol("triangleLeft", 0, 0, 0, 0);
+      symbolGroup.add(downTriangleEl);
+    }
     const closeDownTriangle = data.getLayout("closeDownTriangle");
-    const closeDownTriangleEl = new SymbolPath_default2({
-      shape: {
-        points: closeDownTriangle,
-        size: TriangleSize
-      },
-      style: {
-        fill: CloseColor
-      },
-      z2
-    });
-    closeDownTriangleEl.symbolProxy = createSymbol("triangleLeft", 0, 0, 0, 0);
-    symbolGroup.add(closeDownTriangleEl);
+    if (closeDownTriangle && closeDownTriangle.length) {
+      const closeDownTriangleEl = new SymbolPath_default2({
+        shape: {
+          points: closeDownTriangle,
+          size: TriangleSize
+        },
+        style: {
+          fill: CloseColor
+        },
+        z2
+      });
+      closeDownTriangleEl.symbolProxy = createSymbol("triangleLeft", 0, 0, 0, 0);
+      symbolGroup.add(closeDownTriangleEl);
+    }
     const downArrow = data.getLayout("downArrow");
-    const arrowDownEl = new SymbolPath_default2({
-      shape: {
-        points: downArrow,
-        size: ArrowSize
-      },
-      style: {
-        fill: ShortColor
-      },
-      z2
-    });
-    arrowDownEl.symbolProxy = createSymbol("arrowDown", 0, 0, 0, 0);
-    arrowDownEl.symbolProxy.shape = {
-      ...arrowDownEl.symbolProxy.shape,
-      triangleWidth: 4,
-      triangleHeight: 6
-    };
-    symbolGroup.add(arrowDownEl);
+    if (downArrow && downArrow.length) {
+      const arrowDownEl = new SymbolPath_default2({
+        shape: {
+          points: downArrow,
+          size: ArrowSize
+        },
+        style: {
+          fill: ShortColor
+        },
+        z2
+      });
+      arrowDownEl.symbolProxy = createSymbol("arrowDown", 0, 0, 0, 0);
+      arrowDownEl.symbolProxy.shape = {
+        ...arrowDownEl.symbolProxy.shape,
+        triangleWidth: 4,
+        triangleHeight: 6
+      };
+      symbolGroup.add(arrowDownEl);
+    }
     const closeDownArrow = data.getLayout("closeDownArrow");
-    const closeDownArrowEl = new SymbolPath_default2({
-      shape: {
-        points: closeDownArrow,
-        size: ArrowSize
-      },
-      style: {
-        fill: CloseColor
-      },
-      z2
-    });
-    closeDownArrowEl.symbolProxy = createSymbol("arrowDownClose", 0, 0, 0, 0);
-    closeDownArrowEl.symbolProxy.shape = {
-      ...closeDownArrowEl.symbolProxy.shape,
-      triangleWidth: 4,
-      triangleHeight: 6
-    };
-    symbolGroup.add(closeDownArrowEl);
-    const texts = data.getLayout("texts");
-    const textColor = seriesModel.get("textColor");
-    each(texts, function(item) {
-      const {text, point} = item;
-      const el = new Text_default({
+    if (closeDownArrow && closeDownArrow.length) {
+      const closeDownArrowEl = new SymbolPath_default2({
+        shape: {
+          points: closeDownArrow,
+          size: ArrowSize
+        },
         style: {
-          text,
-          align: "center",
-          fill: textColor ?? "#fff",
-          fontSize: 12
+          fill: CloseColor
         },
-        x: point[0],
-        y: point[1]
+        z2
       });
-      symbolGroup.add(el);
-    });
+      closeDownArrowEl.symbolProxy = createSymbol("arrowDownClose", 0, 0, 0, 0);
+      closeDownArrowEl.symbolProxy.shape = {
+        ...closeDownArrowEl.symbolProxy.shape,
+        triangleWidth: 4,
+        triangleHeight: 6
+      };
+      symbolGroup.add(closeDownArrowEl);
+    }
+    const texts = data.getLayout("texts");
+    if (texts && texts.length) {
+      const textColor = seriesModel.get("textColor");
+      each(texts, function(item) {
+        const {text, point} = item;
+        const el = new Text_default({
+          style: {
+            text,
+            align: "center",
+            fill: textColor ?? "#fff",
+            fontSize: 12
+          },
+          x: point[0],
+          y: point[1]
+        });
+        symbolGroup.add(el);
+      });
+    }
   }
   remove(ecModel, api2) {
     this._symbolGroup && this._symbolGroup.removeAll();
@@ -56068,8 +56110,16 @@ var LabelsSeriesModel2 = class extends Series_default {
   constructor() {
     super(...arguments);
     this.type = LabelsSeriesModel2.type;
+    this.dataIndexById = {};
   }
   getInitialData(option, ecModel) {
+    const dataIndexById = {};
+    if (!option.isShape) {
+      each(option.data, function(item, index) {
+        dataIndexById[item.id] = index;
+      });
+    }
+    this.dataIndexById = dataIndexById;
     return createSeriesData_default(null, this, {
       useEncodeDefaulter: true
     });
@@ -56094,6 +56144,20 @@ var LabelsSeriesModel2 = class extends Series_default {
   getZLevelKey() {
     return this.getData().count() > this.getProgressiveThreshold() ? this.id : "";
   }
+  getFormatUpdateData(data) {
+    if (this.option.isShape) {
+      return;
+    }
+    const dataIndexById = this.dataIndexById;
+    const that = this;
+    each(data, function(item) {
+      const index = dataIndexById[item.id];
+      if (typeof index === "number") {
+        that.option.data = item;
+      }
+    });
+    return that.option.data;
+  }
 };
 var LabelsSeriesModel = LabelsSeriesModel2;
 LabelsSeriesModel.type = "series.labels";
@@ -68809,6 +68873,19 @@ var TableModel2 = class extends Component_default {
   constructor() {
     super(...arguments);
     this.type = TableModel2.type;
+    this.ableDataZoomUpdate = false;
+  }
+  mergeTables(tables) {
+    const newTableById = {};
+    each(tables, function(table) {
+      newTableById[table.id] = table;
+    });
+    this.option.tables = map(this.option.tables, function(table) {
+      return newTableById[table.id] || table;
+    });
+  }
+  setAbleDataZoomUpdate(ableDataZoomUpdate) {
+    this.ableDataZoomUpdate = ableDataZoomUpdate;
   }
 };
 var TableModel = TableModel2;
@@ -68892,6 +68969,7 @@ function getXYByPosition(rect, position2, width, height, frame_width = 0) {
     y: Math.floor(y)
   };
 }
+var computedText = new Text_default();
 var TableView2 = class extends Component_default2 {
   constructor() {
     super(...arguments);
@@ -68899,19 +68977,33 @@ var TableView2 = class extends Component_default2 {
   }
   render(tableModel, ecModel, api2, payload) {
     if (payload?.type === "dataZoom") {
-      return;
+      if (!tableModel.ableDataZoomUpdate) {
+        return;
+      }
+      tableModel.setAbleDataZoomUpdate(false);
     }
     this.group.removeAll();
     if (!tableModel.get("show")) {
       return;
     }
+    const tables = tableModel.get("tables");
+    const tableByPosition = {};
+    each(tables, function(table) {
+      if (tableByPosition[table.position] && tableByPosition[table.position].line > table.line) {
+        return;
+      }
+      tableByPosition[table.position] = table;
+    });
+    const visibleTables = [];
+    each(tableByPosition, function(table) {
+      visibleTables.push(table);
+    });
     const grid = ecModel.getComponent("grid", 0);
     const z = tableModel.get("z");
     const rect = grid.coordinateSystem.getRect();
-    const tables = tableModel.get("tables");
     const paddings = tableModel.get("paddings");
     const tableAttrByIndex = {};
-    each(tables, function(item, index) {
+    each(visibleTables, function(item, index) {
       const columnWidthByIndex = [];
       const rowHeightByIndex = [];
       const margeCellByKey = {};
@@ -68930,12 +69022,11 @@ var TableView2 = class extends Component_default2 {
             fontSize,
             fontFamily: text_font_family
           }, ecModel);
-          const textRect = new Text_default({
-            style: {
-              text,
-              font
-            }
-          }).getBoundingRect();
+          computedText.useStyle({
+            text,
+            font
+          });
+          const textRect = computedText.getBoundingRect();
           const textHight = height2 ? height2 / 100 * rect.height : textRect.height;
           const textWidth = width2 ? width2 / 100 * rect.width : textRect.width + 2;
           if (mergeCell) {
@@ -68982,7 +69073,7 @@ var TableView2 = class extends Component_default2 {
       };
     });
     const group = this.group;
-    each(tables, function(item, index) {
+    each(visibleTables, function(item, index) {
       const {x, y, columnObjByIndex, rowObjByIndex, width, height} = tableAttrByIndex[index];
       const {bgcolor, frame_color, frame_width = 0, border_width = 0, border_color, columns} = item;
       const tableGroup = new Group_default({x, y});