@vef-framework/components 1.0.134 → 2.0.0

package/dist/es/charts/themes/wonderland-dark.js

@@ -0,0 +1,396 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { registerTheme } from 'echarts';
+
+function registerWonderlandDarkTheme() {
+  registerTheme("wonderland-dark", {
+    color: ["#5fc4a9", "#3dd4bb", "#8de8b6", "#e377a0", "#ff9fc3", "#ffc5da"],
+    backgroundColor: "rgba(0,0,0,0)",
+    textStyle: {
+      color: "#b9b8ce"
+    },
+    title: {
+      textStyle: {
+        color: "#eef1fa"
+      },
+      subtextStyle: {
+        color: "#b9b8ce"
+      }
+    },
+    line: {
+      itemStyle: {
+        borderWidth: "2"
+      },
+      lineStyle: {
+        width: "3"
+      },
+      symbolSize: "8",
+      symbol: "emptyCircle",
+      smooth: false
+    },
+    radar: {
+      itemStyle: {
+        borderWidth: "2"
+      },
+      lineStyle: {
+        width: "3"
+      },
+      symbolSize: "8",
+      symbol: "emptyCircle",
+      smooth: false
+    },
+    bar: {
+      itemStyle: {
+        barBorderWidth: 0,
+        barBorderColor: "#484753"
+      }
+    },
+    pie: {
+      itemStyle: {
+        borderWidth: 0,
+        borderColor: "#484753"
+      }
+    },
+    scatter: {
+      itemStyle: {
+        borderWidth: 0,
+        borderColor: "#484753"
+      }
+    },
+    boxplot: {
+      itemStyle: {
+        borderWidth: 0,
+        borderColor: "#484753"
+      }
+    },
+    parallel: {
+      itemStyle: {
+        borderWidth: 0,
+        borderColor: "#484753"
+      }
+    },
+    sankey: {
+      itemStyle: {
+        borderWidth: 0,
+        borderColor: "#484753"
+      }
+    },
+    funnel: {
+      itemStyle: {
+        borderWidth: 0,
+        borderColor: "#484753"
+      }
+    },
+    gauge: {
+      itemStyle: {
+        borderWidth: 0,
+        borderColor: "#484753"
+      },
+      title: {
+        color: "#b9b8ce"
+      },
+      detail: {
+        color: "#eef1fa"
+      },
+      axisLine: {
+        lineStyle: {
+          color: [[1, "#484753"]]
+        }
+      },
+      axisTick: {
+        lineStyle: {
+          color: "#484753"
+        }
+      },
+      splitLine: {
+        lineStyle: {
+          color: "#484753"
+        }
+      },
+      axisLabel: {
+        color: "#b9b8ce"
+      }
+    },
+    candlestick: {
+      itemStyle: {
+        color: "#e377a0",
+        color0: "transparent",
+        borderColor: "#e377a0",
+        borderColor0: "#3dd4bb",
+        borderWidth: "1"
+      }
+    },
+    graph: {
+      itemStyle: {
+        borderWidth: 0,
+        borderColor: "#484753"
+      },
+      lineStyle: {
+        width: "1",
+        color: "#484753"
+      },
+      symbolSize: "8",
+      symbol: "emptyCircle",
+      smooth: false,
+      color: ["#5fc4a9", "#3dd4bb", "#8de8b6", "#e377a0", "#ff9fc3", "#ffc5da"],
+      label: {
+        color: "#eef1fa"
+      }
+    },
+    map: {
+      itemStyle: {
+        areaColor: "#2a2a3c",
+        borderColor: "#484753",
+        borderWidth: 0.5
+      },
+      label: {
+        color: "#5fc4a9"
+      },
+      emphasis: {
+        itemStyle: {
+          areaColor: "rgba(61,212,187,0.25)",
+          borderColor: "#3dd4bb",
+          borderWidth: 1
+        },
+        label: {
+          color: "#3dd4bb"
+        }
+      }
+    },
+    geo: {
+      itemStyle: {
+        areaColor: "#2a2a3c",
+        borderColor: "#484753",
+        borderWidth: 0.5
+      },
+      label: {
+        color: "#5fc4a9"
+      },
+      emphasis: {
+        itemStyle: {
+          areaColor: "rgba(61,212,187,0.25)",
+          borderColor: "#3dd4bb",
+          borderWidth: 1
+        },
+        label: {
+          color: "#3dd4bb"
+        }
+      }
+    },
+    categoryAxis: {
+      axisLine: {
+        show: true,
+        lineStyle: {
+          color: "#484753"
+        }
+      },
+      axisTick: {
+        show: false,
+        lineStyle: {
+          color: "#b9b8ce"
+        }
+      },
+      axisLabel: {
+        show: true,
+        color: "#b9b8ce"
+      },
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: ["#2a2a3c"]
+        }
+      },
+      splitArea: {
+        show: false,
+        areaStyle: {
+          color: ["rgba(255,255,255,0.02)", "rgba(255,255,255,0.05)"]
+        }
+      }
+    },
+    valueAxis: {
+      axisLine: {
+        show: true,
+        lineStyle: {
+          color: "#484753"
+        }
+      },
+      axisTick: {
+        show: false,
+        lineStyle: {
+          color: "#b9b8ce"
+        }
+      },
+      axisLabel: {
+        show: true,
+        color: "#b9b8ce"
+      },
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: ["#2a2a3c"]
+        }
+      },
+      splitArea: {
+        show: false,
+        areaStyle: {
+          color: ["rgba(255,255,255,0.02)", "rgba(255,255,255,0.05)"]
+        }
+      }
+    },
+    logAxis: {
+      axisLine: {
+        show: true,
+        lineStyle: {
+          color: "#484753"
+        }
+      },
+      axisTick: {
+        show: false,
+        lineStyle: {
+          color: "#b9b8ce"
+        }
+      },
+      axisLabel: {
+        show: true,
+        color: "#b9b8ce"
+      },
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: ["#2a2a3c"]
+        }
+      },
+      splitArea: {
+        show: false,
+        areaStyle: {
+          color: ["rgba(255,255,255,0.02)", "rgba(255,255,255,0.05)"]
+        }
+      }
+    },
+    timeAxis: {
+      axisLine: {
+        show: true,
+        lineStyle: {
+          color: "#484753"
+        }
+      },
+      axisTick: {
+        show: false,
+        lineStyle: {
+          color: "#b9b8ce"
+        }
+      },
+      axisLabel: {
+        show: true,
+        color: "#b9b8ce"
+      },
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: ["#2a2a3c"]
+        }
+      },
+      splitArea: {
+        show: false,
+        areaStyle: {
+          color: ["rgba(255,255,255,0.02)", "rgba(255,255,255,0.05)"]
+        }
+      }
+    },
+    toolbox: {
+      iconStyle: {
+        borderColor: "#b9b8ce"
+      },
+      emphasis: {
+        iconStyle: {
+          borderColor: "#eef1fa"
+        }
+      }
+    },
+    legend: {
+      textStyle: {
+        color: "#b9b8ce"
+      },
+      left: "center",
+      right: "auto",
+      top: "auto",
+      bottom: 15
+    },
+    tooltip: {
+      backgroundColor: "rgba(16,12,42,0.9)",
+      borderColor: "#484753",
+      borderWidth: 1,
+      textStyle: {
+        color: "#eef1fa"
+      },
+      axisPointer: {
+        lineStyle: {
+          color: "#484753",
+          width: 1
+        },
+        crossStyle: {
+          color: "#484753",
+          width: 1
+        }
+      }
+    },
+    timeline: {
+      lineStyle: {
+        color: "#5fc4a9",
+        width: 1
+      },
+      itemStyle: {
+        color: "#5fc4a9",
+        borderWidth: 1
+      },
+      controlStyle: {
+        color: "#5fc4a9",
+        borderColor: "#5fc4a9",
+        borderWidth: 0.5
+      },
+      checkpointStyle: {
+        color: "#5fc4a9",
+        borderColor: "rgba(95,196,169,0.3)"
+      },
+      label: {
+        color: "#5fc4a9"
+      },
+      emphasis: {
+        itemStyle: {
+          color: "#5fc4a9"
+        },
+        controlStyle: {
+          color: "#5fc4a9",
+          borderColor: "#5fc4a9",
+          borderWidth: 0.5
+        },
+        label: {
+          color: "#5fc4a9"
+        }
+      }
+    },
+    visualMap: {
+      textStyle: {
+        color: "#b9b8ce"
+      },
+      color: ["#e377a0", "#3dd4bb", "#b8fff5"]
+    },
+    markPoint: {
+      label: {
+        color: "#eef1fa"
+      },
+      emphasis: {
+        label: {
+          color: "#eef1fa"
+        }
+      }
+    },
+    grid: {
+      left: "15%",
+      right: "10%",
+      top: 65,
+      bottom: 80
+    }
+  });
+}
+
+export { registerWonderlandDarkTheme };