mrxy-yk 1.2.11 → 1.3.1

package/dist/components/echarts-canvas/EChartsCanvas.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, shallowRef, onMounted, openBlock, createElementBlock, createBlock, unref, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, renderSlot } from "vue";
 import { EChartsUtil } from "../../utils/echarts/utils/index.js";
 import { echarts } from "../../utils/echarts/index.js";
-import { initDarkTheme } from "../../utils/echarts/themes/index.js";
+import { initDefaultTheme, initDarkTheme } from "../../utils/echarts/themes/index.js";
 import _sfc_main$1 from "../empty/Empty.vue.js";
 /* empty css                  */
 import { EcBasicOption } from "../../utils/echarts/modules/coordinate/basic.js";
@@ -38,11 +38,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       let chartTheme = props.theme;
       if (props.theme === "auto") {
         const classList = [...document.documentElement.classList.values()];
-        if (classList.includes("dark")) {
-          chartTheme = "dark";
-        }
+        chartTheme = classList.includes("dark") ? "dark" : "default";
       }
-      if (chartTheme === "default") chartTheme = void 0;
+      if (chartTheme === "default") initDefaultTheme();
       if (chartTheme === "dark") initDarkTheme();
       return chartTheme;
     }

package/dist/config/index.d.ts

@@ -28,4 +28,5 @@ export declare const EmptyStatusExtendConfig: Record<Capitalize<string>, EmptyOp
  */
 export declare const EChartsThemeConfig: {
     dark: Record<string, any>;
+    default: Record<string, any>;
 };

package/dist/config/index.js

@@ -11,7 +11,8 @@ const AMapConfig = {
 };
 const EmptyStatusExtendConfig = {};
 const EChartsThemeConfig = {
-  dark: null
+  dark: null,
+  default: null
 };
 export {
   AMapConfig,

package/dist/utils/echarts/themes/default.d.ts

@@ -0,0 +1,2 @@
+declare function getThemeConfig(): any;
+export default getThemeConfig;

package/dist/utils/echarts/themes/default.js

@@ -0,0 +1,411 @@
+import { EChartsThemeConfig } from "../../../config/index.js";
+import { ObjectUtil } from "../../prototype/lib/ObjectUtil.js";
+function getThemeConfig() {
+  const colorPalette = [
+    "#5470c6",
+    "#91cc75",
+    "#fac858",
+    "#ee6666",
+    "#73c0de",
+    "#3ba272",
+    "#fc8452",
+    "#9a60b4",
+    "#ea7ccc"
+  ];
+  const theme = {
+    color: colorPalette,
+    backgroundColor: "rgba(0, 0, 0, 0)",
+    textStyle: {},
+    title: {
+      textStyle: {
+        color: "#464646"
+      },
+      subtextStyle: {
+        color: "#6E7079"
+      }
+    },
+    line: {
+      itemStyle: {
+        borderWidth: 1
+      },
+      lineStyle: {
+        width: 2
+      },
+      symbolSize: 4,
+      symbol: "emptyCircle",
+      smooth: false
+    },
+    radar: {
+      itemStyle: {
+        borderWidth: 1
+      },
+      lineStyle: {
+        width: 2
+      },
+      symbolSize: 4,
+      symbol: "emptyCircle",
+      smooth: false
+    },
+    bar: {
+      itemStyle: {
+        barBorderWidth: 0,
+        barBorderColor: "#ccc"
+      }
+    },
+    pie: {
+      itemStyle: {
+        borderWidth: 0,
+        borderColor: "#ccc"
+      }
+    },
+    scatter: {
+      itemStyle: {
+        borderWidth: 0,
+        borderColor: "#ccc"
+      }
+    },
+    boxplot: {
+      itemStyle: {
+        borderWidth: 0,
+        borderColor: "#ccc"
+      }
+    },
+    parallel: {
+      itemStyle: {
+        borderWidth: 0,
+        borderColor: "#ccc"
+      }
+    },
+    sankey: {
+      itemStyle: {
+        borderWidth: 0,
+        borderColor: "#ccc"
+      }
+    },
+    funnel: {
+      itemStyle: {
+        borderWidth: 0,
+        borderColor: "#ccc"
+      }
+    },
+    gauge: {
+      itemStyle: {
+        borderWidth: 0,
+        borderColor: "#ccc"
+      }
+    },
+    candlestick: {
+      itemStyle: {
+        color: "#eb5454",
+        color0: "#47b262",
+        borderColor: "#eb5454",
+        borderColor0: "#47b262",
+        borderWidth: 1
+      }
+    },
+    graph: {
+      itemStyle: {
+        borderWidth: 0,
+        borderColor: "#ccc"
+      },
+      lineStyle: {
+        width: 1,
+        color: "#aaa"
+      },
+      symbolSize: 4,
+      symbol: "emptyCircle",
+      smooth: false,
+      color: [
+        "#5470c6",
+        "#91cc75",
+        "#fac858",
+        "#ee6666",
+        "#73c0de",
+        "#3ba272",
+        "#fc8452",
+        "#9a60b4",
+        "#ea7ccc"
+      ],
+      label: {
+        color: "#eee"
+      }
+    },
+    map: {
+      itemStyle: {
+        areaColor: "#eee",
+        borderColor: "#444",
+        borderWidth: 0.5
+      },
+      label: {
+        color: "#000"
+      },
+      emphasis: {
+        itemStyle: {
+          areaColor: "rgba(255,215,0,0.8)",
+          borderColor: "#444",
+          borderWidth: 1
+        },
+        label: {
+          color: "rgb(100,0,0)"
+        }
+      }
+    },
+    geo: {
+      itemStyle: {
+        areaColor: "#eee",
+        borderColor: "#444",
+        borderWidth: 0.5
+      },
+      label: {
+        color: "#000"
+      },
+      emphasis: {
+        itemStyle: {
+          areaColor: "rgba(255,215,0,0.8)",
+          borderColor: "#444",
+          borderWidth: 1
+        },
+        label: {
+          color: "rgb(100,0,0)"
+        }
+      }
+    },
+    categoryAxis: {
+      axisLine: {
+        show: true,
+        lineStyle: {
+          color: "#6E7079"
+        }
+      },
+      axisTick: {
+        show: true,
+        lineStyle: {
+          color: "#6E7079"
+        }
+      },
+      axisLabel: {
+        show: true,
+        color: "#6E7079"
+      },
+      splitLine: {
+        show: false,
+        lineStyle: {
+          color: [
+            "#E0E6F1"
+          ]
+        }
+      },
+      splitArea: {
+        show: false,
+        areaStyle: {
+          color: [
+            "rgba(250,250,250,0.2)",
+            "rgba(210,219,238,0.2)"
+          ]
+        }
+      }
+    },
+    valueAxis: {
+      axisLine: {
+        show: false,
+        lineStyle: {
+          color: "#6E7079"
+        }
+      },
+      axisTick: {
+        show: false,
+        lineStyle: {
+          color: "#6E7079"
+        }
+      },
+      axisLabel: {
+        show: true,
+        color: "#6E7079"
+      },
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: [
+            "#E0E6F1"
+          ],
+          type: "dashed"
+        }
+      },
+      splitArea: {
+        show: false,
+        areaStyle: {
+          color: [
+            "rgba(250,250,250,0.2)",
+            "rgba(210,219,238,0.2)"
+          ]
+        }
+      }
+    },
+    logAxis: {
+      axisLine: {
+        show: false,
+        lineStyle: {
+          color: "#6E7079"
+        }
+      },
+      axisTick: {
+        show: false,
+        lineStyle: {
+          color: "#6E7079"
+        }
+      },
+      axisLabel: {
+        show: true,
+        color: "#6E7079"
+      },
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: [
+            "#E0E6F1"
+          ]
+        }
+      },
+      splitArea: {
+        show: false,
+        areaStyle: {
+          color: [
+            "rgba(250,250,250,0.2)",
+            "rgba(210,219,238,0.2)"
+          ]
+        }
+      }
+    },
+    timeAxis: {
+      axisLine: {
+        show: true,
+        lineStyle: {
+          color: "#6E7079"
+        }
+      },
+      axisTick: {
+        show: true,
+        lineStyle: {
+          color: "#6E7079"
+        }
+      },
+      axisLabel: {
+        show: true,
+        color: "#6E7079"
+      },
+      splitLine: {
+        show: false,
+        lineStyle: {
+          color: [
+            "#E0E6F1"
+          ]
+        }
+      },
+      splitArea: {
+        show: false,
+        areaStyle: {
+          color: [
+            "rgba(250,250,250,0.2)",
+            "rgba(210,219,238,0.2)"
+          ]
+        }
+      }
+    },
+    toolbox: {
+      iconStyle: {
+        borderColor: "#999"
+      },
+      emphasis: {
+        iconStyle: {
+          borderColor: "#666"
+        }
+      }
+    },
+    legend: {
+      textStyle: {
+        color: "#333"
+      },
+      left: "center",
+      right: "auto",
+      top: 0,
+      bottom: 10
+    },
+    tooltip: {
+      axisPointer: {
+        lineStyle: {
+          color: "#ccc",
+          width: 1
+        },
+        crossStyle: {
+          color: "#ccc",
+          width: 1
+        }
+      }
+    },
+    timeline: {
+      lineStyle: {
+        color: "#DAE1F5",
+        width: 2
+      },
+      itemStyle: {
+        color: "#A4B1D7",
+        borderWidth: 1
+      },
+      controlStyle: {
+        color: "#A4B1D7",
+        borderColor: "#A4B1D7",
+        borderWidth: 1
+      },
+      checkpointStyle: {
+        color: "#316bf3",
+        borderColor: "#fff"
+      },
+      label: {
+        color: "#A4B1D7"
+      },
+      emphasis: {
+        itemStyle: {
+          color: "#FFF"
+        },
+        controlStyle: {
+          color: "#A4B1D7",
+          borderColor: "#A4B1D7",
+          borderWidth: 1
+        },
+        label: {
+          color: "#A4B1D7"
+        }
+      }
+    },
+    visualMap: {
+      color: [
+        "#bf444c",
+        "#d88273",
+        "#f6efa6"
+      ]
+    },
+    markPoint: {
+      label: {
+        color: "#eee"
+      },
+      emphasis: {
+        label: {
+          color: "#eee"
+        }
+      }
+    },
+    grid: {
+      left: "10%",
+      right: "10%",
+      top: 60,
+      bottom: 70
+    }
+  };
+  if (EChartsThemeConfig.default) {
+    ObjectUtil.assignDeep(theme, EChartsThemeConfig.default);
+  }
+  return theme;
+}
+export {
+  getThemeConfig as default
+};

package/dist/utils/echarts/themes/index.d.ts

@@ -1 +1,2 @@
 export declare function initDarkTheme(): void;
+export declare function initDefaultTheme(): void;

package/dist/utils/echarts/themes/index.js

@@ -1,11 +1,19 @@
 import { echarts } from "../index.js";
-import getThemeConfig from "./dark.js";
+import getThemeConfig$1 from "./dark.js";
+import getThemeConfig from "./default.js";
 let isDarkThemeInit = false;
 function initDarkTheme() {
   if (isDarkThemeInit) return;
-  echarts.registerTheme("dark", getThemeConfig());
+  echarts.registerTheme("dark", getThemeConfig$1());
   isDarkThemeInit = true;
 }
+let isDefaultThemeInit = false;
+function initDefaultTheme() {
+  if (isDefaultThemeInit) return;
+  echarts.registerTheme("default", getThemeConfig());
+  isDefaultThemeInit = true;
+}
 export {
-  initDarkTheme
+  initDarkTheme,
+  initDefaultTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mrxy-yk",
-  "version": "1.2.11",
+  "version": "1.3.1",
   "private": false,
   "type": "module",
   "description": "A collection of Vue 3 components and utilities",

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "mrxy-yk",
-  "version": "1.2.11",
+  "version": "1.3.1",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {