mrxy-yk 1.0.9 → 1.0.11

package/dist/index.js

@@ -1,3 +1,4 @@
+import "./utils/echarts/themes/dark.js";
 import * as index$1 from "./components/index.js";
 import * as index$2 from "./directives/index.js";
 import "./element-plus/index.js";

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,181 @@
+import * as echarts from "echarts";
+const contrastColor = "#B9B8CE";
+const backgroundColor = "rgba(0, 0, 0, 0)";
+const axisCommon = function() {
+  return {
+    axisLine: {
+      lineStyle: {
+        color: contrastColor
+      },
+      axisLabel: {
+        color: contrastColor
+      }
+    },
+    splitLine: {
+      lineStyle: {
+        color: "#B9B8CE33",
+        type: "dashed"
+      }
+    },
+    splitArea: {
+      areaStyle: {
+        color: ["rgba(255,255,255,0.02)", "rgba(255,255,255,0.05)"]
+      }
+    },
+    minorSplitLine: {
+      lineStyle: {
+        color: "#20203B"
+      }
+    }
+  };
+};
+const colorPalette = [
+  "#4992ff",
+  "#7cffb2",
+  "#fddd60",
+  "#ff6e76",
+  "#58d9f9",
+  "#05c091",
+  "#ff8a45",
+  "#8d48e3",
+  "#dd79ff"
+];
+const theme = {
+  darkMode: true,
+  color: colorPalette,
+  backgroundColor,
+  axisPointer: {
+    lineStyle: {
+      color: "#817f91"
+    },
+    crossStyle: {
+      color: "#817f91"
+    },
+    label: {
+      // TODO Contrast of label backgorundColor
+      color: "#fff"
+    }
+  },
+  legend: {
+    textStyle: {
+      color: contrastColor
+    }
+  },
+  textStyle: {
+    color: contrastColor
+  },
+  title: {
+    textStyle: {
+      color: "#EEF1FA"
+    },
+    subtextStyle: {
+      color: "#B9B8CE"
+    }
+  },
+  toolbox: {
+    iconStyle: {
+      borderColor: contrastColor
+    }
+  },
+  dataZoom: {
+    borderColor: "#71708A",
+    textStyle: {
+      color: contrastColor
+    },
+    brushStyle: {
+      color: "rgba(135,163,206,0.3)"
+    },
+    handleStyle: {
+      color: "#353450",
+      borderColor: "#C5CBE3"
+    },
+    moveHandleStyle: {
+      color: "#B0B6C3",
+      opacity: 0.3
+    },
+    fillerColor: "rgba(135,163,206,0.2)",
+    emphasis: {
+      handleStyle: {
+        borderColor: "#91B7F2",
+        color: "#4D587D"
+      },
+      moveHandleStyle: {
+        color: "#636D9A",
+        opacity: 0.7
+      }
+    },
+    dataBackground: {
+      lineStyle: {
+        color: "#71708A",
+        width: 1
+      },
+      areaStyle: {
+        color: "#71708A"
+      }
+    },
+    selectedDataBackground: {
+      lineStyle: {
+        color: "#87A3CE"
+      },
+      areaStyle: {
+        color: "#87A3CE"
+      }
+    }
+  },
+  visualMap: {
+    textStyle: {
+      color: contrastColor
+    }
+  },
+  timeline: {
+    lineStyle: {
+      color: contrastColor
+    },
+    label: {
+      color: contrastColor
+    },
+    controlStyle: {
+      color: contrastColor,
+      borderColor: contrastColor
+    }
+  },
+  calendar: {
+    itemStyle: {
+      color: backgroundColor
+    },
+    dayLabel: {
+      color: contrastColor
+    },
+    monthLabel: {
+      color: contrastColor
+    },
+    yearLabel: {
+      color: contrastColor
+    }
+  },
+  timeAxis: axisCommon(),
+  logAxis: axisCommon(),
+  valueAxis: axisCommon(),
+  categoryAxis: axisCommon(),
+  line: {
+    symbol: "circle"
+  },
+  graph: {
+    color: colorPalette
+  },
+  gauge: {
+    title: {
+      color: contrastColor
+    }
+  },
+  candlestick: {
+    itemStyle: {
+      color: "#FD1050",
+      color0: "#0CF49B",
+      borderColor: "#FD1050",
+      borderColor0: "#0CF49B"
+    }
+  }
+};
+theme.categoryAxis.splitLine.show = false;
+echarts.registerTheme("dark", theme);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mrxy-yk",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "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.0.9",
+  "version": "1.0.11",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {