tvcharts 0.6.55 → 0.6.57

package/dist/echarts.js

@@ -24487,15 +24487,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.option.tables = params.data;
+        tableModal.setAbleDataZoomUpdate(true);
         return;
       }
       const seriesModel = seriesIndex !== void 0 ? ecModel.getSeriesByIndex(seriesIndex) : ecModel.getSeriesByName(seriesName)[0];
@@ -24504,8 +24503,6 @@ 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) => {
@@ -24514,7 +24511,6 @@ var ECharts = class extends Eventful_default {
           item[0] = idx;
           return item;
         })});
-        isUpdateData = true;
       } else if (params.operation === "script") {
         const categories = [];
         const data = map(params.data, (item, index2) => {
@@ -24525,9 +24521,6 @@ var ECharts = class extends Eventful_default {
           item.value[0] = idx;
           return item;
         });
-        if (params.isMainSeries && data.length > 1) {
-          ordinalMeta.appendData(categories);
-        }
         seriesModel.updateData({data});
       } else {
         const categories = [];
@@ -24538,46 +24531,51 @@ var ECharts = class extends Eventful_default {
           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;
+        if (isAdd && lastTime !== time) {
+          ordinalMeta.appendData([time]);
+        }
+        const payload = {
+          type: "dataZoom",
+          barSpace: scale4.barSpace,
+          lastBarRightSideDiffBarCount: isMove && lastTime !== time ? 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) {
@@ -55761,148 +55759,167 @@ var StrategyView2 = class extends Chart_default {
     } else {
       this._symbolGroup.removeAll();
     }
+    console.log("\u6E32\u67D3\u7B56\u75651213123");
     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();
@@ -68809,6 +68826,10 @@ var TableModel2 = class extends Component_default {
   constructor() {
     super(...arguments);
     this.type = TableModel2.type;
+    this.ableDataZoomUpdate = false;
+  }
+  setAbleDataZoomUpdate(ableDataZoomUpdate) {
+    this.ableDataZoomUpdate = ableDataZoomUpdate;
   }
 };
 var TableModel = TableModel2;
@@ -68892,6 +68913,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,16 +68921,19 @@ 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 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) {
@@ -68930,12 +68955,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) {