chore: ESLint Flat Config (#834)

* chore: eslint flat config * chore: format * update according to review * chore: remove prettier config and format * fix: move handler to script to bypass eslint * chore: config eslint for lang=js block * docs: add surrounding empty lines for code block * chore: also minify css in csp build * chore: publint
2025-12-15 22:40:38 +08:00 · 2025-05-26 11:11:23 +08:00
parent eecc4e9405
commit 8be19fe2a5
50 changed files with 1020 additions and 1061 deletions
--- a/demo/examples/BarChart.vue
+++ b/demo/examples/BarChart.vue
@@ -16,7 +16,7 @@ const loading = shallowRef(false);
 const loadingOptions = {
  text: "Loading…",
  color: "#4ea397",
-  maskColor: "rgba(255, 255, 255, 0.4)"
+  maskColor: "rgba(255, 255, 255, 0.4)",
 };
 const option = shallowRef(getData());

--- a/demo/examples/ConnectChart.vue
+++ b/demo/examples/ConnectChart.vue
@@ -5,7 +5,7 @@ import {
  GridComponent,
  TitleComponent,
  VisualMapComponent,
-  TooltipComponent
+  TooltipComponent,
 } from "echarts/components";
 import { shallowRef, watch } from "vue";
 import VChart from "../../src/ECharts";
@@ -17,7 +17,7 @@ use([
  GridComponent,
  TitleComponent,
  VisualMapComponent,
-  TooltipComponent
+  TooltipComponent,
 ]);

 const [c1, c2] = getData().map(shallowRef);
@@ -25,14 +25,14 @@ const connected = shallowRef(true);

 watch(
  connected,
-  value => {
+  (value) => {
    if (value) {
      connect("radiance");
    } else {
      disconnect("radiance");
    }
  },
-  { immediate: true }
+  { immediate: true },
 );
 </script>

--- a/demo/examples/Example.vue
+++ b/demo/examples/Example.vue
@@ -25,14 +25,14 @@
 defineProps({
  id: {
    type: String,
-    required: true
+    required: true,
  },
  title: {
    type: String,
-    required: true
+    required: true,
  },
  desc: String,
-  split: Boolean
+  split: Boolean,
 });
 </script>

--- a/demo/examples/GeoChart.vue
+++ b/demo/examples/GeoChart.vue
@@ -5,13 +5,13 @@ import {
  GeoComponent,
  TitleComponent,
  LegendComponent,
-  TooltipComponent
+  TooltipComponent,
 } from "echarts/components";
 import { shallowRef } from "vue";
 import VChart from "../../src/ECharts";
 import VExample from "./Example.vue";
 import getData from "../data/map";
-import chinaMap from "../china.json";
+import chinaMap from "../data/china.json";

 use([
  ScatterChart,
@@ -19,7 +19,7 @@ use([
  GeoComponent,
  TitleComponent,
  LegendComponent,
-  TooltipComponent
+  TooltipComponent,
 ]);

 registerMap("china", chinaMap);
@@ -33,10 +33,10 @@ let img = null;
 function convert() {
  img = {
    src: map.value.getDataURL({
-      pixelRatio: window.devicePixelRatio || 1
+      pixelRatio: window.devicePixelRatio || 1,
    }),
    width: map.value.getWidth(),
-    height: map.value.getHeight()
+    height: map.value.getHeight(),
  };
  open.value = true;
 }
--- a/demo/examples/GlChart.vue
+++ b/demo/examples/GlChart.vue
@@ -15,14 +15,14 @@ const option = shallowRef();
 const loading = shallowRef(true);

 const initOptions = {
-  renderer: "canvas"
+  renderer: "canvas",
 };

 const loadingOptions = {
  text: "Loading...",
  color: "#000",
  textColor: "#fff",
-  maskColor: "transparent"
+  maskColor: "transparent",
 };

 onMounted(() => {
@@ -30,8 +30,8 @@ onMounted(() => {
    loading.value = false;

    data = data
-      .filter(dataItem => dataItem[2] > 0)
-      .map(dataItem => [dataItem[0], dataItem[1], Math.sqrt(dataItem[2])]);
+      .filter((dataItem) => dataItem[2] > 0)
+      .map((dataItem) => [dataItem[0], dataItem[1], Math.sqrt(dataItem[2])]);

    option.value = {
      backgroundColor: "#000",
@@ -42,12 +42,12 @@ onMounted(() => {
        environment: starfield,
        light: {
          main: {
-            intensity: 2
-          }
+            intensity: 2,
+          },
        },
        viewControl: {
-          autoRotate: false
-        }
+          autoRotate: false,
+        },
      },
      visualMap: {
        bottom: "3%",
@@ -56,19 +56,19 @@ onMounted(() => {
        calculable: true,
        realtime: false,
        inRange: {
-          colorLightness: [0.2, 0.9]
+          colorLightness: [0.2, 0.9],
        },
        textStyle: {
-          color: "#fff"
+          color: "#fff",
        },
        controller: {
          inRange: {
-            color: "orange"
-          }
+            color: "orange",
+          },
        },
        outOfRange: {
-          colorAlpha: 0
-        }
+          colorAlpha: 0,
+        },
      },
      series: [
        {
@@ -79,10 +79,10 @@ onMounted(() => {
          minHeight: 0.2,
          silent: true,
          itemStyle: {
-            color: "orange"
-          }
-        }
-      ]
+            color: "orange",
+          },
+        },
+      ],
    };
  });
 });
--- a/demo/examples/ManualChart.vue
+++ b/demo/examples/ManualChart.vue
@@ -4,12 +4,12 @@ import { LinesChart } from "echarts/charts";
 import {
  GeoComponent,
  TitleComponent,
-  TooltipComponent
+  TooltipComponent,
 } from "echarts/components";
 import { shallowRef } from "vue";
 import VChart from "../../src/ECharts";
 import VExample from "./Example.vue";
-import worldMap from "../world.json";
+import worldMap from "../data/world.json";

 use([LinesChart, GeoComponent, TitleComponent, TooltipComponent]);
 registerMap("world", worldMap);
@@ -23,7 +23,7 @@ const loadingOptions = {
  color: "#c23531",
  textColor: "rgba(255, 255, 255, 0.5)",
  maskColor: "#003",
-  zlevel: 0
+  zlevel: 0,
 };

 function load() {
@@ -36,21 +36,21 @@ function load() {
    function getAirportCoord(idx) {
      return [data.airports[idx][3], data.airports[idx][4]];
    }
-    const routes = data.routes.map(airline => {
+    const routes = data.routes.map((airline) => {
      return [getAirportCoord(airline[1]), getAirportCoord(airline[2])];
    });

    chart.value.setOption({
      textStyle: {
-        fontFamily: 'Inter, "Helvetica Neue", Arial, sans-serif'
+        fontFamily: 'Inter, "Helvetica Neue", Arial, sans-serif',
      },
      title: {
        text: "World Flights",
        top: "5%",
        left: "center",
        textStyle: {
-          color: "#eee"
-        }
+          color: "#eee",
+        },
      },
      backgroundColor: "#003",
      tooltip: {
@@ -59,7 +59,7 @@ function load() {
          return (
            data.airports[route[1]][1] + " > " + data.airports[route[2]][1]
          );
-        }
+        },
      },
      geo: {
        map: "world",
@@ -70,8 +70,8 @@ function load() {
        silent: true,
        itemStyle: {
          borderColor: "#003",
-          color: "#005"
-        }
+          color: "#005",
+        },
      },
      series: [
        {
@@ -83,11 +83,11 @@ function load() {
          lineStyle: {
            opacity: 0.05,
            width: 0.5,
-            curveness: 0.3
+            curveness: 0.3,
          },
-          blendMode: "lighter"
-        }
-      ]
+          blendMode: "lighter",
+        },
+      ],
    });
  });
 }
--- a/demo/examples/PieChart.vue
+++ b/demo/examples/PieChart.vue
@@ -5,7 +5,7 @@ import {
  PolarComponent,
  TitleComponent,
  LegendComponent,
-  TooltipComponent
+  TooltipComponent,
 } from "echarts/components";
 import { shallowRef, onMounted, onUnmounted } from "vue";
 import VChart from "../../src/ECharts";
@@ -17,7 +17,7 @@ use([
  PolarComponent,
  TitleComponent,
  LegendComponent,
-  TooltipComponent
+  TooltipComponent,
 ]);

 const option = shallowRef(getData());
@@ -54,18 +54,18 @@ function startActions() {
    pie.value.dispatchAction({
      type: "downplay",
      seriesIndex: 0,
-      dataIndex
+      dataIndex,
    });
    dataIndex = (dataIndex + 1) % dataLen;
    pie.value.dispatchAction({
      type: "highlight",
      seriesIndex: 0,
-      dataIndex
+      dataIndex,
    });
    pie.value.dispatchAction({
      type: "showTip",
      seriesIndex: 0,
-      dataIndex
+      dataIndex,
    });
  }, 1000);
 }
--- a/demo/examples/PolarChart.vue
+++ b/demo/examples/PolarChart.vue
@@ -5,7 +5,7 @@ import {
  PolarComponent,
  TitleComponent,
  LegendComponent,
-  TooltipComponent
+  TooltipComponent,
 } from "echarts/components";
 import { computed, shallowRef } from "vue";
 import VChart from "../../src/ECharts";
@@ -17,7 +17,7 @@ use([
  PolarComponent,
  TitleComponent,
  LegendComponent,
-  TooltipComponent
+  TooltipComponent,
 ]);

 const option = shallowRef(getData());
@@ -28,9 +28,9 @@ const loadingOptions = computed(() =>
    ? {
        color: "#fff",
        textColor: "#fff",
-        maskColor: "rgba(0, 0, 0, 0.7)"
+        maskColor: "rgba(0, 0, 0, 0.7)",
      }
-    : null
+    : null,
 );
 const style = computed(() => {
  return theme.value === "dark"
--- a/demo/examples/RadarChart.vue
+++ b/demo/examples/RadarChart.vue
@@ -4,7 +4,7 @@ import { RadarChart } from "echarts/charts";
 import {
  PolarComponent,
  TitleComponent,
-  TooltipComponent
+  TooltipComponent,
 } from "echarts/components";
 import { shallowRef } from "vue";
 import VChart from "../../src/ECharts";
--- a/demo/examples/ScatterChart.vue
+++ b/demo/examples/ScatterChart.vue
@@ -4,7 +4,7 @@ import { ScatterChart } from "echarts/charts";
 import {
  GridComponent,
  TitleComponent,
-  LegendComponent
+  LegendComponent,
 } from "echarts/components";
 import { shallowRef } from "vue";
 import VChart from "../../src/ECharts";