@tsingroc/tsingroc-components 5.0.0-alpha.16 → 5.0.0-alpha.18

package/dist/components/SelectableECharts.js

@@ -226,14 +226,21 @@ export const withSelectable = ECharts => function SelectableECharts(props) {
   if (inputSeries) {
     const series = {
       ...inputSeries,
-      showSymbol: true,
+      showSymbol: false,
       markArea: {
+        itemStyle: {
+          ...DEFAULT_MARK_AREA_STYLE,
+          ...markAreaStyle
+        },
+        emphasis: {
+          disabled: true
+        },
         data: []
       }
     };
-    if (selectedIndices.size > 0 || mode === "add" && mouseState?.end) {
+    if (inputSeries.data && (selectedIndices.size > 0 || mode === "add" && mouseState?.end)) {
       const allSelectedIndices = new Set();
-      series.data = inputSeries.data?.map((point_1, i_2) => {
+      const data = inputSeries.data.map((point_1, i_2) => {
         const destructured_1 = destructureLineDataItem(point_1, i_2);
         if (destructured_1 == null) {
           return point_1;
@@ -266,10 +273,12 @@ export const withSelectable = ECharts => function SelectableECharts(props) {
           };
         }
       });
-      if (markArea) {
-        debugAssert(markAreaWidth !== undefined, "when markArea === true, markAreaWidth is guaranteed to be defined at the beginning of this function");
-        const markAreas = [];
-        if (inputSeries.data) {
+      if (allSelectedIndices.size > 0) {
+        series.data = data;
+        series.showSymbol = true;
+        if (markArea) {
+          debugAssert(markAreaWidth !== undefined, "when markArea === true, markAreaWidth is guaranteed to be defined at the beginning of this function");
+          const markAreas = [];
           for (const i_3 of allSelectedIndices) {
             const destructured_2 = destructureLineDataItem(inputSeries.data[i_3], i_3);
             if (destructured_2 == null) {
@@ -286,22 +295,13 @@ export const withSelectable = ECharts => function SelectableECharts(props) {
               coord: [xValue + markAreaWidth / 2]
             }]);
           }
+          series.markArea.data = markAreas;
         }
-        series.markArea = {
-          itemStyle: {
-            ...DEFAULT_MARK_AREA_STYLE,
-            ...markAreaStyle
-          },
-          emphasis: {
-            disabled: true
-          },
-          data: markAreas
-        };
       }
-      const seriesArray = [...inputSeriesArray];
-      seriesArray[seriesArray.indexOf(inputSeries)] = series;
-      option.series = seriesArray;
     }
+    const seriesArray = [...inputSeriesArray];
+    seriesArray[seriesArray.indexOf(inputSeries)] = series;
+    option.series = seriesArray;
   }
   let t6;
   if ($[17] !== selectionBoxStyle) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsingroc/tsingroc-components",
-  "version": "5.0.0-alpha.16",
+  "version": "5.0.0-alpha.18",
   "author": "",
   "license": "ISC",
   "description": "",