npm - mrxy-yk - Versions diffs - 1.3.0 → 1.3.1 - Mend

mrxy-yk 1.3.0 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/components/echarts-canvas/EChartsCanvas.vue.js +2 -4
package/dist/utils/echarts/themes/default.js +411 -0
package/dist/utils/echarts/themes/index.js +3 -2
package/package.json +1 -1
package/web-types.json +1 -1

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

@@ -35,12 +35,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     function getChartTheme() {
-      let chartTheme = props.theme || "default";
+      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") initDefaultTheme();
       if (chartTheme === "dark") initDarkTheme();

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

@@ -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.js CHANGED Viewed

@@ -1,9 +1,10 @@
 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;

package/package.json CHANGED Viewed

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

package/web-types.json CHANGED Viewed

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