@idux/charts-core 0.4.1 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @idux/charts-core
 
+## 0.6.0
+
+### Minor Changes
+
+- 0.6.0
+
+## 0.5.0
+
+### Minor Changes
+
+- 0.5.0
+
 ## 0.4.1
 
 ### Patch Changes

package/dist/components/Chart.d.ts

@@ -1,4 +1,4 @@
 import { type HTMLAttributes } from 'vue-demi';
 import { type ChartProps } from '../types';
-declare const _default: import("vue-demi").DefineComponent<Omit<HTMLAttributes, keyof ChartProps> & ChartProps, {}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<Omit<HTMLAttributes, keyof ChartProps> & ChartProps>>, {}>;
+declare const _default: import("vue-demi").DefineComponent<Omit<HTMLAttributes, keyof ChartProps> & ChartProps, {}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<Omit<HTMLAttributes, keyof ChartProps> & ChartProps>>, {}, {}>;
 export default _default;

package/dist/components/index.d.ts

@@ -1,2 +1,2 @@
-declare const IxChart: import("vue").DefineComponent<Omit<import("vue").HTMLAttributes, keyof import("..").ChartProps> & import("..").ChartProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Omit<import("vue").HTMLAttributes, keyof import("..").ChartProps> & import("..").ChartProps>>, {}>;
+declare const IxChart: import("vue-demi").DefineComponent<Omit<import("vue-demi").HTMLAttributes, keyof import("..").ChartProps> & import("..").ChartProps, {}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<Omit<import("vue-demi").HTMLAttributes, keyof import("..").ChartProps> & import("..").ChartProps>>, {}, {}>;
 export { IxChart };

package/dist/composables/index.d.ts

@@ -1 +1,3 @@
 export { useChart } from './useChart';
+export { useTooltipsFormatter } from './useTooltips';
+export * from './useStripe';

package/dist/composables/useStripe.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @file 柱状图条纹使用
+ */
+import { type BarSeriesOption } from 'echarts/charts';
+export declare function useStripe({ data, color, offset, rotate, size, }: {
+    data: number[];
+    color: string;
+    size?: [number, number];
+    offset?: [number, number];
+    rotate?: number;
+}): BarSeriesOption;
+export declare function useStripeBarTooltip(unit: string): {
+    axisPointer: {
+        lineStyle: {
+            opacity: number;
+        };
+    };
+    formatter: (params: any) => string;
+};
+export declare function useStripeBarSeries({ series, color, offset, rotate, size, }: {
+    series: {
+        name: string;
+        data: number[];
+    };
+    color: string;
+    offset?: [number, number];
+    size?: [number, number];
+    rotate?: number;
+}): BarSeriesOption[];
+export declare function useStripeArea(): {
+    aria: {
+        enabled: boolean;
+        decal: {
+            show: boolean;
+            decals: {
+                color: string;
+                dashArrayX: number[];
+                dashArrayY: number[];
+                symbolSize: number;
+                rotation: number;
+            }[];
+        };
+    };
+};

package/dist/composables/useTooltips.d.ts

@@ -0,0 +1,6 @@
+export interface TooltipsFormatItem {
+    name: string;
+    value: string | number;
+    color?: string;
+}
+export declare function useTooltipsFormatter(title: string, list: TooltipsFormatItem[]): string;

package/dist/index.js

@@ -1,83 +1,85 @@
-import { DataZoomComponent as G, LegendComponent as M, GridComponent as j, TitleComponent as N, TooltipComponent as V } from "echarts/components";
-import { LabelLayout as H, UniversalTransition as P } from "echarts/features";
-import { SVGRenderer as U } from "echarts/renderers";
-import { watch as C, shallowRef as g, computed as p, unref as f, onMounted as Z, onBeforeUnmount as _, watchEffect as y, isVue2 as z, defineComponent as q, h as $ } from "vue-demi";
-import { throttle as J, init as K, use as Q, registerTheme as X } from "echarts/core";
-import { isEqual as Y, cloneDeep as R, isBoolean as k, isNil as ee } from "lodash-es";
-function te(e, o, r) {
-  let t;
+import { DataZoomComponent as tt, LegendComponent as et, GridComponent as rt, TitleComponent as nt, TooltipComponent as it } from "echarts/components";
+import { LabelLayout as at, UniversalTransition as ot } from "echarts/features";
+import { SVGRenderer as st } from "echarts/renderers";
+import { watch as C, shallowRef as k, computed as x, unref as b, onMounted as ft, onBeforeUnmount as ht, watchEffect as N, isVue2 as _, defineComponent as ut, h as ct } from "vue-demi";
+import { throttle as lt, use as Z, init as dt, registerTheme as gt } from "echarts/core";
+import { isEqual as pt, cloneDeep as P, isBoolean as bt, isNil as vt } from "lodash-es";
+import { PictorialBarChart as mt } from "echarts/charts";
+function yt(e, t, r) {
+  let n;
   C(
-    [e, o, r],
-    ([s, n, a], c, u) => {
-      !s || !n || (a ? (t ?? (t = J(() => n.resize(), 16)), oe(s, t)) : S(s, t), u(() => S(s, t)));
+    [e, t, r],
+    ([i, a, o], s, f) => {
+      !i || !a || (o ? (n ?? (n = lt(() => a.resize(), 16)), xt(i, n)) : W(i, n), f(() => W(i, n)));
     }
   );
 }
-const h = /* @__PURE__ */ new Map();
-function oe(e, o, r) {
-  if (!(!e || !o))
-    if (h.has(e))
-      h.get(e).listeners.push(o);
+const F = /* @__PURE__ */ new Map();
+function xt(e, t, r) {
+  if (!(!e || !t))
+    if (F.has(e))
+      F.get(e).listeners.push(t);
     else {
-      const t = [o], s = new ResizeObserver((n) => {
-        n.forEach((a) => t.forEach((c) => c(a)));
+      const n = [t], i = new ResizeObserver((a) => {
+        a.forEach((o) => n.forEach((s) => s(o)));
       });
-      s.observe(e, r), h.set(e, { listeners: t, ro: s });
+      i.observe(e, r), F.set(e, { listeners: n, ro: i });
     }
 }
-function S(e, o) {
-  if (!e || !o || !h.has(e))
+function W(e, t) {
+  if (!e || !t || !F.has(e))
     return;
-  const { listeners: r, ro: t } = h.get(e), s = r.indexOf(o);
-  s > -1 && (r.splice(s, 1), r.length === 0 && (t.disconnect(), h.delete(e)));
+  const { listeners: r, ro: n } = F.get(e), i = r.indexOf(t);
+  i > -1 && (r.splice(i, 1), r.length === 0 && (n.disconnect(), F.delete(e)));
 }
-const w = { text: "加载中..." };
-function ne(e, o) {
-  const r = g(), t = g(), s = g(), n = p(() => f(e).autoResize ?? !0), a = p(() => f(e).group), c = p(() => f(e).initOption), u = p(() => f(e).loading), d = p(() => f(e).setOptionOpts), x = p(() => f(e).theme ?? "seer"), v = () => {
+Z([mt]);
+const j = { text: "加载中..." };
+function Ft(e, t) {
+  const r = k(), n = k(), i = k(), a = x(() => b(e).autoResize ?? !0), o = x(() => b(e).group), s = x(() => b(e).initOption), f = x(() => b(e).loading), p = x(() => b(e).setOptionOpts), S = x(() => b(e).theme ?? "seer"), M = () => {
     const l = r.value;
     if (!l)
       return;
-    const i = K(l, x.value, c.value), F = f(e), { restOptions: D, events: T } = L(F, o, !1);
-    i.setOption(D, d.value), s.value = R(D), T.forEach(([E, A, W]) => {
-      let m = A;
-      W && (m = (...I) => {
-        A(...I), i.off(E, m);
-      }), i.on(E, m);
+    const c = dt(l, S.value, s.value), y = b(e), { restOptions: D, events: J } = G(y, t, !1);
+    c.setOption(D, p.value), i.value = P(D), J.forEach(([z, L, K]) => {
+      let R = L;
+      K && (R = (...Q) => {
+        L(...Q), c.off(z, R);
+      }), c.on(z, R);
     });
-    const b = F.onReady || (o == null ? void 0 : o.ready);
-    b && b(i), t.value = i;
-  }, O = () => {
-    t.value && (t.value.dispose(), t.value = void 0);
+    const I = y.onReady || (t == null ? void 0 : t.ready);
+    I && I(c), n.value = c;
+  }, B = () => {
+    n.value && (n.value.dispose(), n.value = void 0);
   };
-  return Z(() => v()), _(() => O()), C(
-    () => f(e),
+  return ft(() => M()), ht(() => B()), C(
+    () => b(e),
     (l) => {
-      const i = t.value;
-      if (!i)
+      const c = n.value;
+      if (!c)
         return;
-      const { restOptions: F } = L(l);
-      Y(F, s.value) || (i.setOption(F, d.value), s.value = R(F));
+      const { restOptions: y } = G(l);
+      pt(y, i.value) || (c.setOption(y, p.value), i.value = P(y));
     },
     {
       deep: !0
     }
-  ), C([x, c], () => {
-    O(), v();
-  }), y(() => {
-    const l = a.value;
-    l && t.value && (t.value.group = l);
-  }), y(() => {
-    const l = t.value;
+  ), C([S, s], () => {
+    B(), M();
+  }), N(() => {
+    const l = o.value;
+    l && n.value && (n.value.group = l);
+  }), N(() => {
+    const l = n.value;
     if (!l)
       return;
-    const i = u.value;
-    i ? l.showLoading(k(i) ? w : { ...w, ...i }) : l.hideLoading();
-  }), te(r, t, n), { containerRef: r, chartRef: t };
+    const c = f.value;
+    c ? l.showLoading(bt(c) ? j : { ...j, ...c }) : l.hideLoading();
+  }), yt(r, n, a), { containerRef: r, chartRef: n };
 }
-function re(e) {
+function St(e) {
   return /^on[^a-z]/.test(e);
 }
-const se = [
+const Mt = [
   "class",
   "style",
   "autoResize",
@@ -87,53 +89,675 @@ const se = [
   "theme",
   "onReady"
 ];
-function L(e, o = {}, r = !0) {
-  const t = {}, s = [];
-  return Object.keys(e).forEach((n) => {
-    if (!se.includes(n)) {
-      if (re(n)) {
+function G(e, t = {}, r = !0) {
+  const n = {}, i = [];
+  return Object.keys(e).forEach((a) => {
+    if (!Mt.includes(a)) {
+      if (St(a)) {
         if (r)
           return;
-        const a = e[n];
-        if (a) {
-          const c = n.endsWith("Once"), u = c ? n.length - 4 : void 0, d = n.charAt(2).toLowerCase() + n.substring(3, u);
-          s.push([d, a, c]);
+        const o = e[a];
+        if (o) {
+          const s = a.endsWith("Once"), f = s ? a.length - 4 : void 0, p = a.charAt(2).toLowerCase() + a.substring(3, f);
+          i.push([p, o, s]);
         }
         return;
       }
-      t[n] = e[n];
+      n[a] = e[a];
     }
-  }), z && !r && Object.keys(o).forEach((n) => {
-    if (n !== "ready")
+  }), _ && !r && Object.keys(t).forEach((a) => {
+    if (a !== "ready")
       return;
-    const a = o[n];
-    if (a) {
-      const c = n.startsWith("~"), u = c ? 1 : 0, d = n.substring(u);
-      s.push([d, a, c]);
+    const o = t[a];
+    if (o) {
+      const s = a.startsWith("~"), f = s ? 1 : 0, p = a.substring(f);
+      i.push([p, o, s]);
     }
-  }), { restOptions: t, events: s };
+  }), { restOptions: n, events: i };
+}
+function At(e, t) {
+  return `
+    <div class="charts-tooltips">
+			<div class="charts-tooltips-title">${e}</div>
+			${t.map((r) => `
+					<div class="charts-tooltips-item">
+						<span class="charts-tooltips-item-border" style="background: ${r.color}"></span>
+						<span class="charts-tooltips-item-name">${r.name}</span>
+						<span class="charts-tooltips-item-value">${r.value}</span>
+					</div>`).join("")}
+		</div>`;
+}
+function wt({
+  data: e = [],
+  color: t = "",
+  offset: r = [0, 0],
+  rotate: n = -20,
+  size: i = [2, 8]
+}) {
+  return {
+    // 分隔线
+    name: "",
+    data: e,
+    // @ts-ignore
+    type: "pictorialBar",
+    symbolRotate: n,
+    silent: !0,
+    itemStyle: {
+      color: t,
+      opacity: 0
+    },
+    emphasis: {
+      itemStyle: {
+        opacity: 1
+      }
+    },
+    symbolRepeat: "fixed",
+    symbolMargin: 2,
+    symbol: "rect",
+    symbolClip: !0,
+    symbolSize: i,
+    symbolPosition: "start",
+    symbolOffset: r,
+    z: 1,
+    animationEasing: "elasticOut"
+  };
+}
+function Xt(e) {
+  return {
+    axisPointer: {
+      lineStyle: {
+        opacity: 0.6
+      }
+    },
+    formatter: function(t) {
+      if (!(t != null && t.length))
+        return "";
+      const r = t[0].name, n = t.filter((i) => !!i.seriesName).map((i) => ({
+        name: i.seriesName,
+        value: `${i.value} ${e}`,
+        color: i.color
+      }));
+      return At(r, n);
+    }
+  };
 }
-const B = q({
+function Yt({
+  series: e,
+  color: t,
+  offset: r = [0, 0],
+  rotate: n,
+  size: i
+}) {
+  return [
+    {
+      type: "bar",
+      z: 0,
+      ...e
+    },
+    wt({
+      data: e.data,
+      offset: r,
+      color: t,
+      rotate: n,
+      size: i
+    })
+  ];
+}
+function Jt() {
+  return {
+    aria: {
+      enabled: !0,
+      decal: {
+        show: !0,
+        decals: [
+          {
+            color: "white",
+            dashArrayX: [1, 0],
+            // 这个一般不用调增
+            dashArrayY: [6, 0],
+            // 调整 [x, y] 中 x 的值可以调整条纹的密度
+            symbolSize: 0.5,
+            // 这个值越大，白色条纹就越宽。0.5 的时候则是平均分
+            rotation: Math.PI / 2
+            // 这个让条纹保持竖向
+          }
+        ]
+      }
+    }
+  };
+}
+const X = ut({
   name: "IxChart",
   inheritAttrs: !1,
   // @ts-ignore
-  setup(e, { attrs: o, listeners: r }) {
-    const { containerRef: t } = ne(o, r);
-    return { containerRef: t };
+  setup(e, { attrs: t, listeners: r }) {
+    const { containerRef: n } = Ft(t, r);
+    return { containerRef: n };
   },
   render() {
-    const { class: e, style: o } = this.$attrs;
-    return $("div", {
+    const { class: e, style: t } = this.$attrs;
+    return ct("div", {
       ref: "containerRef",
       class: e,
       style: {
         width: "100%",
         height: "100%",
-        ...o
+        ...t
       }
     });
   }
-}), ie = [
+});
+function h(e, t) {
+  Rt(e) && (e = "100%");
+  var r = kt(e);
+  return e = t === 360 ? e : Math.min(t, Math.max(0, parseFloat(e))), r && (e = parseInt(String(e * t), 10) / 100), Math.abs(e - t) < 1e-6 ? 1 : (t === 360 ? e = (e < 0 ? e % t + t : e % t) / parseFloat(String(t)) : e = e % t / parseFloat(String(t)), e);
+}
+function A(e) {
+  return Math.min(1, Math.max(0, e));
+}
+function Rt(e) {
+  return typeof e == "string" && e.indexOf(".") !== -1 && parseFloat(e) === 1;
+}
+function kt(e) {
+  return typeof e == "string" && e.indexOf("%") !== -1;
+}
+function Y(e) {
+  return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
+}
+function w(e) {
+  return e <= 1 ? "".concat(Number(e) * 100, "%") : e;
+}
+function m(e) {
+  return e.length === 1 ? "0" + e : String(e);
+}
+function Ht(e, t, r) {
+  return {
+    r: h(e, 255) * 255,
+    g: h(t, 255) * 255,
+    b: h(r, 255) * 255
+  };
+}
+function $(e, t, r) {
+  e = h(e, 255), t = h(t, 255), r = h(r, 255);
+  var n = Math.max(e, t, r), i = Math.min(e, t, r), a = 0, o = 0, s = (n + i) / 2;
+  if (n === i)
+    o = 0, a = 0;
+  else {
+    var f = n - i;
+    switch (o = s > 0.5 ? f / (2 - n - i) : f / (n + i), n) {
+      case e:
+        a = (t - r) / f + (t < r ? 6 : 0);
+        break;
+      case t:
+        a = (r - e) / f + 2;
+        break;
+      case r:
+        a = (e - t) / f + 4;
+        break;
+    }
+    a /= 6;
+  }
+  return { h: a, s: o, l: s };
+}
+function H(e, t, r) {
+  return r < 0 && (r += 1), r > 1 && (r -= 1), r < 1 / 6 ? e + (t - e) * (6 * r) : r < 1 / 2 ? t : r < 2 / 3 ? e + (t - e) * (2 / 3 - r) * 6 : e;
+}
+function Et(e, t, r) {
+  var n, i, a;
+  if (e = h(e, 360), t = h(t, 100), r = h(r, 100), t === 0)
+    i = r, a = r, n = r;
+  else {
+    var o = r < 0.5 ? r * (1 + t) : r + t - r * t, s = 2 * r - o;
+    n = H(s, o, e + 1 / 3), i = H(s, o, e), a = H(s, o, e - 1 / 3);
+  }
+  return { r: n * 255, g: i * 255, b: a * 255 };
+}
+function q(e, t, r) {
+  e = h(e, 255), t = h(t, 255), r = h(r, 255);
+  var n = Math.max(e, t, r), i = Math.min(e, t, r), a = 0, o = n, s = n - i, f = n === 0 ? 0 : s / n;
+  if (n === i)
+    a = 0;
+  else {
+    switch (n) {
+      case e:
+        a = (t - r) / s + (t < r ? 6 : 0);
+        break;
+      case t:
+        a = (r - e) / s + 2;
+        break;
+      case r:
+        a = (e - t) / s + 4;
+        break;
+    }
+    a /= 6;
+  }
+  return { h: a, s: f, v: o };
+}
+function Ot(e, t, r) {
+  e = h(e, 360) * 6, t = h(t, 100), r = h(r, 100);
+  var n = Math.floor(e), i = e - n, a = r * (1 - t), o = r * (1 - i * t), s = r * (1 - (1 - i) * t), f = n % 6, p = [r, o, a, a, s, r][f], S = [s, r, r, o, a, a][f], M = [a, a, s, r, r, o][f];
+  return { r: p * 255, g: S * 255, b: M * 255 };
+}
+function U(e, t, r, n) {
+  var i = [
+    m(Math.round(e).toString(16)),
+    m(Math.round(t).toString(16)),
+    m(Math.round(r).toString(16))
+  ];
+  return n && i[0].startsWith(i[0].charAt(1)) && i[1].startsWith(i[1].charAt(1)) && i[2].startsWith(i[2].charAt(1)) ? i[0].charAt(0) + i[1].charAt(0) + i[2].charAt(0) : i.join("");
+}
+function Ct(e, t, r, n, i) {
+  var a = [
+    m(Math.round(e).toString(16)),
+    m(Math.round(t).toString(16)),
+    m(Math.round(r).toString(16)),
+    m(Tt(n))
+  ];
+  return i && a[0].startsWith(a[0].charAt(1)) && a[1].startsWith(a[1].charAt(1)) && a[2].startsWith(a[2].charAt(1)) && a[3].startsWith(a[3].charAt(1)) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) + a[3].charAt(0) : a.join("");
+}
+function Tt(e) {
+  return Math.round(parseFloat(e) * 255).toString(16);
+}
+function V(e) {
+  return u(e) / 255;
+}
+function u(e) {
+  return parseInt(e, 16);
+}
+function Bt(e) {
+  return {
+    r: e >> 16,
+    g: (e & 65280) >> 8,
+    b: e & 255
+  };
+}
+var T = {
+  aliceblue: "#f0f8ff",
+  antiquewhite: "#faebd7",
+  aqua: "#00ffff",
+  aquamarine: "#7fffd4",
+  azure: "#f0ffff",
+  beige: "#f5f5dc",
+  bisque: "#ffe4c4",
+  black: "#000000",
+  blanchedalmond: "#ffebcd",
+  blue: "#0000ff",
+  blueviolet: "#8a2be2",
+  brown: "#a52a2a",
+  burlywood: "#deb887",
+  cadetblue: "#5f9ea0",
+  chartreuse: "#7fff00",
+  chocolate: "#d2691e",
+  coral: "#ff7f50",
+  cornflowerblue: "#6495ed",
+  cornsilk: "#fff8dc",
+  crimson: "#dc143c",
+  cyan: "#00ffff",
+  darkblue: "#00008b",
+  darkcyan: "#008b8b",
+  darkgoldenrod: "#b8860b",
+  darkgray: "#a9a9a9",
+  darkgreen: "#006400",
+  darkgrey: "#a9a9a9",
+  darkkhaki: "#bdb76b",
+  darkmagenta: "#8b008b",
+  darkolivegreen: "#556b2f",
+  darkorange: "#ff8c00",
+  darkorchid: "#9932cc",
+  darkred: "#8b0000",
+  darksalmon: "#e9967a",
+  darkseagreen: "#8fbc8f",
+  darkslateblue: "#483d8b",
+  darkslategray: "#2f4f4f",
+  darkslategrey: "#2f4f4f",
+  darkturquoise: "#00ced1",
+  darkviolet: "#9400d3",
+  deeppink: "#ff1493",
+  deepskyblue: "#00bfff",
+  dimgray: "#696969",
+  dimgrey: "#696969",
+  dodgerblue: "#1e90ff",
+  firebrick: "#b22222",
+  floralwhite: "#fffaf0",
+  forestgreen: "#228b22",
+  fuchsia: "#ff00ff",
+  gainsboro: "#dcdcdc",
+  ghostwhite: "#f8f8ff",
+  goldenrod: "#daa520",
+  gold: "#ffd700",
+  gray: "#808080",
+  green: "#008000",
+  greenyellow: "#adff2f",
+  grey: "#808080",
+  honeydew: "#f0fff0",
+  hotpink: "#ff69b4",
+  indianred: "#cd5c5c",
+  indigo: "#4b0082",
+  ivory: "#fffff0",
+  khaki: "#f0e68c",
+  lavenderblush: "#fff0f5",
+  lavender: "#e6e6fa",
+  lawngreen: "#7cfc00",
+  lemonchiffon: "#fffacd",
+  lightblue: "#add8e6",
+  lightcoral: "#f08080",
+  lightcyan: "#e0ffff",
+  lightgoldenrodyellow: "#fafad2",
+  lightgray: "#d3d3d3",
+  lightgreen: "#90ee90",
+  lightgrey: "#d3d3d3",
+  lightpink: "#ffb6c1",
+  lightsalmon: "#ffa07a",
+  lightseagreen: "#20b2aa",
+  lightskyblue: "#87cefa",
+  lightslategray: "#778899",
+  lightslategrey: "#778899",
+  lightsteelblue: "#b0c4de",
+  lightyellow: "#ffffe0",
+  lime: "#00ff00",
+  limegreen: "#32cd32",
+  linen: "#faf0e6",
+  magenta: "#ff00ff",
+  maroon: "#800000",
+  mediumaquamarine: "#66cdaa",
+  mediumblue: "#0000cd",
+  mediumorchid: "#ba55d3",
+  mediumpurple: "#9370db",
+  mediumseagreen: "#3cb371",
+  mediumslateblue: "#7b68ee",
+  mediumspringgreen: "#00fa9a",
+  mediumturquoise: "#48d1cc",
+  mediumvioletred: "#c71585",
+  midnightblue: "#191970",
+  mintcream: "#f5fffa",
+  mistyrose: "#ffe4e1",
+  moccasin: "#ffe4b5",
+  navajowhite: "#ffdead",
+  navy: "#000080",
+  oldlace: "#fdf5e6",
+  olive: "#808000",
+  olivedrab: "#6b8e23",
+  orange: "#ffa500",
+  orangered: "#ff4500",
+  orchid: "#da70d6",
+  palegoldenrod: "#eee8aa",
+  palegreen: "#98fb98",
+  paleturquoise: "#afeeee",
+  palevioletred: "#db7093",
+  papayawhip: "#ffefd5",
+  peachpuff: "#ffdab9",
+  peru: "#cd853f",
+  pink: "#ffc0cb",
+  plum: "#dda0dd",
+  powderblue: "#b0e0e6",
+  purple: "#800080",
+  rebeccapurple: "#663399",
+  red: "#ff0000",
+  rosybrown: "#bc8f8f",
+  royalblue: "#4169e1",
+  saddlebrown: "#8b4513",
+  salmon: "#fa8072",
+  sandybrown: "#f4a460",
+  seagreen: "#2e8b57",
+  seashell: "#fff5ee",
+  sienna: "#a0522d",
+  silver: "#c0c0c0",
+  skyblue: "#87ceeb",
+  slateblue: "#6a5acd",
+  slategray: "#708090",
+  slategrey: "#708090",
+  snow: "#fffafa",
+  springgreen: "#00ff7f",
+  steelblue: "#4682b4",
+  tan: "#d2b48c",
+  teal: "#008080",
+  thistle: "#d8bfd8",
+  tomato: "#ff6347",
+  turquoise: "#40e0d0",
+  violet: "#ee82ee",
+  wheat: "#f5deb3",
+  white: "#ffffff",
+  whitesmoke: "#f5f5f5",
+  yellow: "#ffff00",
+  yellowgreen: "#9acd32"
+};
+function Dt(e) {
+  var t = { r: 0, g: 0, b: 0 }, r = 1, n = null, i = null, a = null, o = !1, s = !1;
+  return typeof e == "string" && (e = Lt(e)), typeof e == "object" && (g(e.r) && g(e.g) && g(e.b) ? (t = Ht(e.r, e.g, e.b), o = !0, s = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : g(e.h) && g(e.s) && g(e.v) ? (n = w(e.s), i = w(e.v), t = Ot(e.h, n, i), o = !0, s = "hsv") : g(e.h) && g(e.s) && g(e.l) && (n = w(e.s), a = w(e.l), t = Et(e.h, n, a), o = !0, s = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (r = e.a)), r = Y(r), {
+    ok: o,
+    format: e.format || s,
+    r: Math.min(255, Math.max(t.r, 0)),
+    g: Math.min(255, Math.max(t.g, 0)),
+    b: Math.min(255, Math.max(t.b, 0)),
+    a: r
+  };
+}
+var It = "[-\\+]?\\d+%?", zt = "[-\\+]?\\d*\\.\\d+%?", v = "(?:".concat(zt, ")|(?:").concat(It, ")"), E = "[\\s|\\(]+(".concat(v, ")[,|\\s]+(").concat(v, ")[,|\\s]+(").concat(v, ")\\s*\\)?"), O = "[\\s|\\(]+(".concat(v, ")[,|\\s]+(").concat(v, ")[,|\\s]+(").concat(v, ")[,|\\s]+(").concat(v, ")\\s*\\)?"), d = {
+  CSS_UNIT: new RegExp(v),
+  rgb: new RegExp("rgb" + E),
+  rgba: new RegExp("rgba" + O),
+  hsl: new RegExp("hsl" + E),
+  hsla: new RegExp("hsla" + O),
+  hsv: new RegExp("hsv" + E),
+  hsva: new RegExp("hsva" + O),
+  hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+  hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
+  hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+  hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
+};
+function Lt(e) {
+  if (e = e.trim().toLowerCase(), e.length === 0)
+    return !1;
+  var t = !1;
+  if (T[e])
+    e = T[e], t = !0;
+  else if (e === "transparent")
+    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+  var r = d.rgb.exec(e);
+  return r ? { r: r[1], g: r[2], b: r[3] } : (r = d.rgba.exec(e), r ? { r: r[1], g: r[2], b: r[3], a: r[4] } : (r = d.hsl.exec(e), r ? { h: r[1], s: r[2], l: r[3] } : (r = d.hsla.exec(e), r ? { h: r[1], s: r[2], l: r[3], a: r[4] } : (r = d.hsv.exec(e), r ? { h: r[1], s: r[2], v: r[3] } : (r = d.hsva.exec(e), r ? { h: r[1], s: r[2], v: r[3], a: r[4] } : (r = d.hex8.exec(e), r ? {
+    r: u(r[1]),
+    g: u(r[2]),
+    b: u(r[3]),
+    a: V(r[4]),
+    format: t ? "name" : "hex8"
+  } : (r = d.hex6.exec(e), r ? {
+    r: u(r[1]),
+    g: u(r[2]),
+    b: u(r[3]),
+    format: t ? "name" : "hex"
+  } : (r = d.hex4.exec(e), r ? {
+    r: u(r[1] + r[1]),
+    g: u(r[2] + r[2]),
+    b: u(r[3] + r[3]),
+    a: V(r[4] + r[4]),
+    format: t ? "name" : "hex8"
+  } : (r = d.hex3.exec(e), r ? {
+    r: u(r[1] + r[1]),
+    g: u(r[2] + r[2]),
+    b: u(r[3] + r[3]),
+    format: t ? "name" : "hex"
+  } : !1)))))))));
+}
+function g(e) {
+  return Boolean(d.CSS_UNIT.exec(String(e)));
+}
+var Nt = (
+  /** @class */
+  function() {
+    function e(t, r) {
+      t === void 0 && (t = ""), r === void 0 && (r = {});
+      var n;
+      if (t instanceof e)
+        return t;
+      typeof t == "number" && (t = Bt(t)), this.originalInput = t;
+      var i = Dt(t);
+      this.originalInput = t, this.r = i.r, this.g = i.g, this.b = i.b, this.a = i.a, this.roundA = Math.round(100 * this.a) / 100, this.format = (n = r.format) !== null && n !== void 0 ? n : i.format, this.gradientType = r.gradientType, this.r < 1 && (this.r = Math.round(this.r)), this.g < 1 && (this.g = Math.round(this.g)), this.b < 1 && (this.b = Math.round(this.b)), this.isValid = i.ok;
+    }
+    return e.prototype.isDark = function() {
+      return this.getBrightness() < 128;
+    }, e.prototype.isLight = function() {
+      return !this.isDark();
+    }, e.prototype.getBrightness = function() {
+      var t = this.toRgb();
+      return (t.r * 299 + t.g * 587 + t.b * 114) / 1e3;
+    }, e.prototype.getLuminance = function() {
+      var t = this.toRgb(), r, n, i, a = t.r / 255, o = t.g / 255, s = t.b / 255;
+      return a <= 0.03928 ? r = a / 12.92 : r = Math.pow((a + 0.055) / 1.055, 2.4), o <= 0.03928 ? n = o / 12.92 : n = Math.pow((o + 0.055) / 1.055, 2.4), s <= 0.03928 ? i = s / 12.92 : i = Math.pow((s + 0.055) / 1.055, 2.4), 0.2126 * r + 0.7152 * n + 0.0722 * i;
+    }, e.prototype.getAlpha = function() {
+      return this.a;
+    }, e.prototype.setAlpha = function(t) {
+      return this.a = Y(t), this.roundA = Math.round(100 * this.a) / 100, this;
+    }, e.prototype.isMonochrome = function() {
+      var t = this.toHsl().s;
+      return t === 0;
+    }, e.prototype.toHsv = function() {
+      var t = q(this.r, this.g, this.b);
+      return { h: t.h * 360, s: t.s, v: t.v, a: this.a };
+    }, e.prototype.toHsvString = function() {
+      var t = q(this.r, this.g, this.b), r = Math.round(t.h * 360), n = Math.round(t.s * 100), i = Math.round(t.v * 100);
+      return this.a === 1 ? "hsv(".concat(r, ", ").concat(n, "%, ").concat(i, "%)") : "hsva(".concat(r, ", ").concat(n, "%, ").concat(i, "%, ").concat(this.roundA, ")");
+    }, e.prototype.toHsl = function() {
+      var t = $(this.r, this.g, this.b);
+      return { h: t.h * 360, s: t.s, l: t.l, a: this.a };
+    }, e.prototype.toHslString = function() {
+      var t = $(this.r, this.g, this.b), r = Math.round(t.h * 360), n = Math.round(t.s * 100), i = Math.round(t.l * 100);
+      return this.a === 1 ? "hsl(".concat(r, ", ").concat(n, "%, ").concat(i, "%)") : "hsla(".concat(r, ", ").concat(n, "%, ").concat(i, "%, ").concat(this.roundA, ")");
+    }, e.prototype.toHex = function(t) {
+      return t === void 0 && (t = !1), U(this.r, this.g, this.b, t);
+    }, e.prototype.toHexString = function(t) {
+      return t === void 0 && (t = !1), "#" + this.toHex(t);
+    }, e.prototype.toHex8 = function(t) {
+      return t === void 0 && (t = !1), Ct(this.r, this.g, this.b, this.a, t);
+    }, e.prototype.toHex8String = function(t) {
+      return t === void 0 && (t = !1), "#" + this.toHex8(t);
+    }, e.prototype.toHexShortString = function(t) {
+      return t === void 0 && (t = !1), this.a === 1 ? this.toHexString(t) : this.toHex8String(t);
+    }, e.prototype.toRgb = function() {
+      return {
+        r: Math.round(this.r),
+        g: Math.round(this.g),
+        b: Math.round(this.b),
+        a: this.a
+      };
+    }, e.prototype.toRgbString = function() {
+      var t = Math.round(this.r), r = Math.round(this.g), n = Math.round(this.b);
+      return this.a === 1 ? "rgb(".concat(t, ", ").concat(r, ", ").concat(n, ")") : "rgba(".concat(t, ", ").concat(r, ", ").concat(n, ", ").concat(this.roundA, ")");
+    }, e.prototype.toPercentageRgb = function() {
+      var t = function(r) {
+        return "".concat(Math.round(h(r, 255) * 100), "%");
+      };
+      return {
+        r: t(this.r),
+        g: t(this.g),
+        b: t(this.b),
+        a: this.a
+      };
+    }, e.prototype.toPercentageRgbString = function() {
+      var t = function(r) {
+        return Math.round(h(r, 255) * 100);
+      };
+      return this.a === 1 ? "rgb(".concat(t(this.r), "%, ").concat(t(this.g), "%, ").concat(t(this.b), "%)") : "rgba(".concat(t(this.r), "%, ").concat(t(this.g), "%, ").concat(t(this.b), "%, ").concat(this.roundA, ")");
+    }, e.prototype.toName = function() {
+      if (this.a === 0)
+        return "transparent";
+      if (this.a < 1)
+        return !1;
+      for (var t = "#" + U(this.r, this.g, this.b, !1), r = 0, n = Object.entries(T); r < n.length; r++) {
+        var i = n[r], a = i[0], o = i[1];
+        if (t === o)
+          return a;
+      }
+      return !1;
+    }, e.prototype.toString = function(t) {
+      var r = Boolean(t);
+      t = t ?? this.format;
+      var n = !1, i = this.a < 1 && this.a >= 0, a = !r && i && (t.startsWith("hex") || t === "name");
+      return a ? t === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (t === "rgb" && (n = this.toRgbString()), t === "prgb" && (n = this.toPercentageRgbString()), (t === "hex" || t === "hex6") && (n = this.toHexString()), t === "hex3" && (n = this.toHexString(!0)), t === "hex4" && (n = this.toHex8String(!0)), t === "hex8" && (n = this.toHex8String()), t === "name" && (n = this.toName()), t === "hsl" && (n = this.toHslString()), t === "hsv" && (n = this.toHsvString()), n || this.toHexString());
+    }, e.prototype.toNumber = function() {
+      return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
+    }, e.prototype.clone = function() {
+      return new e(this.toString());
+    }, e.prototype.lighten = function(t) {
+      t === void 0 && (t = 10);
+      var r = this.toHsl();
+      return r.l += t / 100, r.l = A(r.l), new e(r);
+    }, e.prototype.brighten = function(t) {
+      t === void 0 && (t = 10);
+      var r = this.toRgb();
+      return r.r = Math.max(0, Math.min(255, r.r - Math.round(255 * -(t / 100)))), r.g = Math.max(0, Math.min(255, r.g - Math.round(255 * -(t / 100)))), r.b = Math.max(0, Math.min(255, r.b - Math.round(255 * -(t / 100)))), new e(r);
+    }, e.prototype.darken = function(t) {
+      t === void 0 && (t = 10);
+      var r = this.toHsl();
+      return r.l -= t / 100, r.l = A(r.l), new e(r);
+    }, e.prototype.tint = function(t) {
+      return t === void 0 && (t = 10), this.mix("white", t);
+    }, e.prototype.shade = function(t) {
+      return t === void 0 && (t = 10), this.mix("black", t);
+    }, e.prototype.desaturate = function(t) {
+      t === void 0 && (t = 10);
+      var r = this.toHsl();
+      return r.s -= t / 100, r.s = A(r.s), new e(r);
+    }, e.prototype.saturate = function(t) {
+      t === void 0 && (t = 10);
+      var r = this.toHsl();
+      return r.s += t / 100, r.s = A(r.s), new e(r);
+    }, e.prototype.greyscale = function() {
+      return this.desaturate(100);
+    }, e.prototype.spin = function(t) {
+      var r = this.toHsl(), n = (r.h + t) % 360;
+      return r.h = n < 0 ? 360 + n : n, new e(r);
+    }, e.prototype.mix = function(t, r) {
+      r === void 0 && (r = 50);
+      var n = this.toRgb(), i = new e(t).toRgb(), a = r / 100, o = {
+        r: (i.r - n.r) * a + n.r,
+        g: (i.g - n.g) * a + n.g,
+        b: (i.b - n.b) * a + n.b,
+        a: (i.a - n.a) * a + n.a
+      };
+      return new e(o);
+    }, e.prototype.analogous = function(t, r) {
+      t === void 0 && (t = 6), r === void 0 && (r = 30);
+      var n = this.toHsl(), i = 360 / r, a = [this];
+      for (n.h = (n.h - (i * t >> 1) + 720) % 360; --t; )
+        n.h = (n.h + i) % 360, a.push(new e(n));
+      return a;
+    }, e.prototype.complement = function() {
+      var t = this.toHsl();
+      return t.h = (t.h + 180) % 360, new e(t);
+    }, e.prototype.monochromatic = function(t) {
+      t === void 0 && (t = 6);
+      for (var r = this.toHsv(), n = r.h, i = r.s, a = r.v, o = [], s = 1 / t; t--; )
+        o.push(new e({ h: n, s: i, v: a })), a = (a + s) % 1;
+      return o;
+    }, e.prototype.splitcomplement = function() {
+      var t = this.toHsl(), r = t.h;
+      return [
+        this,
+        new e({ h: (r + 72) % 360, s: t.s, l: t.l }),
+        new e({ h: (r + 216) % 360, s: t.s, l: t.l })
+      ];
+    }, e.prototype.onBackground = function(t) {
+      var r = this.toRgb(), n = new e(t).toRgb(), i = r.a + n.a * (1 - r.a);
+      return new e({
+        r: (r.r * r.a + n.r * n.a * (1 - r.a)) / i,
+        g: (r.g * r.a + n.g * n.a * (1 - r.a)) / i,
+        b: (r.b * r.a + n.b * n.a * (1 - r.a)) / i,
+        a: i
+      });
+    }, e.prototype.triad = function() {
+      return this.polyad(3);
+    }, e.prototype.tetrad = function() {
+      return this.polyad(4);
+    }, e.prototype.polyad = function(t) {
+      for (var r = this.toHsl(), n = r.h, i = [this], a = 360 / t, o = 1; o < t; o++)
+        i.push(new e({ h: (n + o * a) % 360, s: r.s, l: r.l }));
+      return i;
+    }, e.prototype.equals = function(t) {
+      return this.toRgbString() === new e(t).toRgbString();
+    }, e;
+  }()
+);
+const Pt = [
   "#458FFF",
   "#45D9A3",
   "#FFC145",
@@ -145,7 +769,7 @@ const B = q({
   "#F587B3",
   "#8352CC",
   "#65779B"
-], he = [
+], Kt = [
   "#458FFF",
   "#C8DEFF",
   "#45D9A3",
@@ -168,7 +792,7 @@ const B = q({
   "#FCDBE8",
   "#65779B",
   "#65779B"
-], me = [
+], Qt = [
   "#8C1604",
   "#DB4C35",
   "#FF9245",
@@ -176,8 +800,8 @@ const B = q({
   "#689FFF",
   "#45D9A3",
   "#99ACD1"
-], ae = {
-  color: ie,
+], Wt = {
+  color: Pt,
   textStyle: {
     color: "#2F3540",
     fontSize: "12px"
@@ -295,46 +919,53 @@ const B = q({
     height: 16
   }
 };
-function ge(e) {
+function te(e) {
   return !!(e && e.xAxis && e.xAxis.data);
 }
-function Ce(e, o) {
-  return z ? { attrs: { ...e }, on: { ...o } } : { ...e };
+function ee(e, t) {
+  return _ ? { attrs: { ...e }, on: { ...t } } : { ...e };
 }
-function xe(e) {
-  return Object.entries(e).reduce((o, [r, t]) => (t !== void 0 && (o[r] = t), o), {});
+function re(e) {
+  return Object.entries(e).reduce((t, [r, n]) => (n !== void 0 && (t[r] = n), t), {});
 }
-function ve(e) {
-  return ee(e) ? [] : Array.isArray(e) ? e : [e];
+function ne(e) {
+  return vt(e) ? [] : Array.isArray(e) ? e : [e];
 }
-function ce(e, o) {
-  Q(o), X("seer", ae);
-  const r = (t) => {
-    t.component(e.name, e);
+const ie = (e, t) => new Nt(e).setAlpha(t).toRgbString();
+function jt(e, t) {
+  Z(t), gt("seer", Wt);
+  const r = (n) => {
+    n.component(e.name, e);
   };
   e.install = r;
 }
-ce(B, [
-  G,
-  M,
-  j,
-  N,
-  V,
-  H,
-  P,
-  U
+jt(X, [
+  tt,
+  et,
+  rt,
+  nt,
+  it,
+  at,
+  ot,
+  st
 ]);
-const Oe = B;
+const ae = X;
 export {
-  Oe as IxChart,
-  ve as convertArray,
-  ce as createInstall,
-  xe as filterEmptyProps,
-  ge as isVertical,
-  Ce as mergeAttrs,
-  ie as seerColors,
-  he as seerColorsForMore,
-  me as seerColorsForRisk,
-  ae as seerTheme,
-  ne as useChart
+  ae as IxChart,
+  ne as convertArray,
+  jt as createInstall,
+  re as filterEmptyProps,
+  ie as getAlphaColor,
+  te as isVertical,
+  ee as mergeAttrs,
+  Pt as seerColors,
+  Kt as seerColorsForMore,
+  Qt as seerColorsForRisk,
+  Wt as seerTheme,
+  Ft as useChart,
+  wt as useStripe,
+  Jt as useStripeArea,
+  Yt as useStripeBarSeries,
+  Xt as useStripeBarTooltip,
+  At as useTooltipsFormatter
 };

package/dist/index.umd.cjs

@@ -1 +1,10 @@
-(function(o,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("echarts/components"),require("echarts/features"),require("echarts/renderers"),require("vue-demi"),require("echarts/core"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","echarts/components","echarts/features","echarts/renderers","vue-demi","echarts/core","lodash-es"],d):(o=typeof globalThis<"u"?globalThis:o||self,d(o.IduxChartsCore={},o.echarts,o.echarts,o.echarts,o.VueDemi,o.echarts,o._))})(this,function(o,d,y,M,r,O,g){"use strict";function V(e,n,i){let t;r.watch([e,n,i],([a,s,l],f,h)=>{!a||!s||(l?(t??(t=O.throttle(()=>s.resize(),16)),j(a,t)):A(a,t),h(()=>A(a,t)))})}const F=new Map;function j(e,n,i){if(!(!e||!n))if(F.has(e))F.get(e).listeners.push(n);else{const t=[n],a=new ResizeObserver(s=>{s.forEach(l=>t.forEach(f=>f(l)))});a.observe(e,i),F.set(e,{listeners:t,ro:a})}}function A(e,n){if(!e||!n||!F.has(e))return;const{listeners:i,ro:t}=F.get(e),a=i.indexOf(n);a>-1&&(i.splice(a,1),i.length===0&&(t.disconnect(),F.delete(e)))}const w={text:"加载中..."};function E(e,n){const i=r.shallowRef(),t=r.shallowRef(),a=r.shallowRef(),s=r.computed(()=>r.unref(e).autoResize??!0),l=r.computed(()=>r.unref(e).group),f=r.computed(()=>r.unref(e).initOption),h=r.computed(()=>r.unref(e).loading),p=r.computed(()=>r.unref(e).setOptionOpts),z=r.computed(()=>r.unref(e).theme??"seer"),B=()=>{const u=i.value;if(!u)return;const c=O.init(u,z.value,f.value),C=r.unref(e),{restOptions:I,events:J}=R(C,n,!1);c.setOption(I,p.value),a.value=g.cloneDeep(I),J.forEach(([q,v,K])=>{let x=v;K&&(x=(...Q)=>{v(...Q),c.off(q,x)}),c.on(q,x)});const W=C.onReady||(n==null?void 0:n.ready);W&&W(c),t.value=c},T=()=>{t.value&&(t.value.dispose(),t.value=void 0)};return r.onMounted(()=>B()),r.onBeforeUnmount(()=>T()),r.watch(()=>r.unref(e),u=>{const c=t.value;if(!c)return;const{restOptions:C}=R(u);g.isEqual(C,a.value)||(c.setOption(C,p.value),a.value=g.cloneDeep(C))},{deep:!0}),r.watch([z,f],()=>{T(),B()}),r.watchEffect(()=>{const u=l.value;u&&t.value&&(t.value.group=u)}),r.watchEffect(()=>{const u=t.value;if(!u)return;const c=h.value;c?u.showLoading(g.isBoolean(c)?w:{...w,...c}):u.hideLoading()}),V(i,t,s),{containerRef:i,chartRef:t}}function G(e){return/^on[^a-z]/.test(e)}const P=["class","style","autoResize","group","loading","setOptionOpts","theme","onReady"];function R(e,n={},i=!0){const t={},a=[];return Object.keys(e).forEach(s=>{if(!P.includes(s)){if(G(s)){if(i)return;const l=e[s];if(l){const f=s.endsWith("Once"),h=f?s.length-4:void 0,p=s.charAt(2).toLowerCase()+s.substring(3,h);a.push([p,l,f])}return}t[s]=e[s]}}),r.isVue2&&!i&&Object.keys(n).forEach(s=>{if(s!=="ready")return;const l=n[s];if(l){const f=s.startsWith("~"),h=f?1:0,p=s.substring(h);a.push([p,l,f])}}),{restOptions:t,events:a}}const b=r.defineComponent({name:"IxChart",inheritAttrs:!1,setup(e,{attrs:n,listeners:i}){const{containerRef:t}=E(n,i);return{containerRef:t}},render(){const{class:e,style:n}=this.$attrs;return r.h("div",{ref:"containerRef",class:e,style:{width:"100%",height:"100%",...n}})}}),m=["#458FFF","#45D9A3","#FFC145","#F5654F","#6A6AFD","#6ED1FF","#008787","#FF9245","#F587B3","#8352CC","#65779B"],N=["#458FFF","#C8DEFF","#45D9A3","#C8F4E4","#FFC145","#FFEDC8","#F5654F","#FCD1CB","#6A6AFD","#D3D3FE","#6ED1FF","#D3D3FE","#008787","#B3DBDB","#FF9245","#FFDFC8","#F587B3","#FCDBE8","#8352CC","#FCDBE8","#65779B","#65779B"],_=["#8C1604","#DB4C35","#FF9245","#FFC145","#689FFF","#45D9A3","#99ACD1"],S={color:m,textStyle:{color:"#2F3540",fontSize:"12px"},bar:{barGap:.2,barWidth:10,label:{color:"#6F7785",position:"top"}},line:{label:{color:"#6F7785",position:"top"}},pie:{avoidLabelOverlap:!1,radius:["70%","80%"],itemStyle:{borderWidth:1,borderColor:"#fff"},label:{show:!1,color:"#2F3540",formatter:"{c}",position:"inside"}},legend:{itemWidth:12,itemHeight:12,textStyle:{color:"#6F7785",fontSize:"12px"}},title:{itemGap:4,textStyle:{color:"#2F3540",fontSize:"12px",fontWeight:500},subtextStyle:{color:"#6F7785",fontSize:"12px"}},tooltip:{borderWidth:0,padding:12,textStyle:{color:"#2F3540"},axisPointer:{z:1,lineStyle:{type:"solid",color:"#E1E5EB"}}},categoryAxis:{axisLine:{show:!0,lineStyle:{color:"#EDF1F7"}},axisTick:{show:!0,alignWithLabel:!0,lineStyle:{color:"#EDF1F7"}},axisLabel:{color:"#6F7785"},splitLine:{show:!1},splitArea:{show:!1}},valueAxis:{axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:"#6F7785"},splitLine:{lineStyle:{color:"#EDF1F7"}},splitArea:{show:!1},nameTextStyle:{color:"#6F7785",padding:[0,30,-4,0]}},dataZoom:{height:16}};function H(e){return!!(e&&e.xAxis&&e.xAxis.data)}function U(e,n){return r.isVue2?{attrs:{...e},on:{...n}}:{...e}}function Z(e){return Object.entries(e).reduce((n,[i,t])=>(t!==void 0&&(n[i]=t),n),{})}function D(e){return g.isNil(e)?[]:Array.isArray(e)?e:[e]}function L(e,n){O.use(n),O.registerTheme("seer",S);const i=t=>{t.component(e.name,e)};e.install=i}L(b,[d.DataZoomComponent,d.LegendComponent,d.GridComponent,d.TitleComponent,d.TooltipComponent,y.LabelLayout,y.UniversalTransition,M.SVGRenderer]);const $=b;o.IxChart=$,o.convertArray=D,o.createInstall=L,o.filterEmptyProps=Z,o.isVertical=H,o.mergeAttrs=U,o.seerColors=m,o.seerColorsForMore=N,o.seerColorsForRisk=_,o.seerTheme=S,o.useChart=E,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
+(function(f,b){typeof exports=="object"&&typeof module<"u"?b(exports,require("echarts/components"),require("echarts/features"),require("echarts/renderers"),require("vue-demi"),require("echarts/core"),require("lodash-es"),require("echarts/charts")):typeof define=="function"&&define.amd?define(["exports","echarts/components","echarts/features","echarts/renderers","vue-demi","echarts/core","lodash-es","echarts/charts"],b):(f=typeof globalThis<"u"?globalThis:f||self,b(f.IduxChartsCore={},f.echarts,f.echarts,f.echarts,f.VueDemi,f.echarts,f._,f.echarts))})(this,function(f,b,I,et,h,A,M,rt){"use strict";function nt(e,t,r){let n;h.watch([e,t,r],([a,i,s],o,c)=>{!a||!i||(s?(n??(n=A.throttle(()=>i.resize(),16)),at(a,n)):z(a,n),c(()=>z(a,n)))})}const x=new Map;function at(e,t,r){if(!(!e||!t))if(x.has(e))x.get(e).listeners.push(t);else{const n=[t],a=new ResizeObserver(i=>{i.forEach(s=>n.forEach(o=>o(s)))});a.observe(e,r),x.set(e,{listeners:n,ro:a})}}function z(e,t){if(!e||!t||!x.has(e))return;const{listeners:r,ro:n}=x.get(e),a=r.indexOf(t);a>-1&&(r.splice(a,1),r.length===0&&(n.disconnect(),x.delete(e)))}A.use([rt.PictorialBarChart]);const L={text:"加载中..."};function P(e,t){const r=h.shallowRef(),n=h.shallowRef(),a=h.shallowRef(),i=h.computed(()=>h.unref(e).autoResize??!0),s=h.computed(()=>h.unref(e).group),o=h.computed(()=>h.unref(e).initOption),c=h.computed(()=>h.unref(e).loading),m=h.computed(()=>h.unref(e).setOptionOpts),k=h.computed(()=>h.unref(e).theme??"seer"),C=()=>{const p=r.value;if(!p)return;const d=A.init(p,k.value,o.value),S=h.unref(e),{restOptions:J,events:Ot}=N(S,t,!1);d.setOption(J,m.value),a.value=M.cloneDeep(J),Ot.forEach(([Q,tt,Et])=>{let B=tt;Et&&(B=(...Bt)=>{tt(...Bt),d.off(Q,B)}),d.on(Q,B)});const K=S.onReady||(t==null?void 0:t.ready);K&&K(d),n.value=d},Y=()=>{n.value&&(n.value.dispose(),n.value=void 0)};return h.onMounted(()=>C()),h.onBeforeUnmount(()=>Y()),h.watch(()=>h.unref(e),p=>{const d=n.value;if(!d)return;const{restOptions:S}=N(p);M.isEqual(S,a.value)||(d.setOption(S,m.value),a.value=M.cloneDeep(S))},{deep:!0}),h.watch([k,o],()=>{Y(),C()}),h.watchEffect(()=>{const p=s.value;p&&n.value&&(n.value.group=p)}),h.watchEffect(()=>{const p=n.value;if(!p)return;const d=c.value;d?p.showLoading(M.isBoolean(d)?L:{...L,...d}):p.hideLoading()}),nt(r,n,i),{containerRef:r,chartRef:n}}function it(e){return/^on[^a-z]/.test(e)}const st=["class","style","autoResize","group","loading","setOptionOpts","theme","onReady"];function N(e,t={},r=!0){const n={},a=[];return Object.keys(e).forEach(i=>{if(!st.includes(i)){if(it(i)){if(r)return;const s=e[i];if(s){const o=i.endsWith("Once"),c=o?i.length-4:void 0,m=i.charAt(2).toLowerCase()+i.substring(3,c);a.push([m,s,o])}return}n[i]=e[i]}}),h.isVue2&&!r&&Object.keys(t).forEach(i=>{if(i!=="ready")return;const s=t[i];if(s){const o=i.startsWith("~"),c=o?1:0,m=i.substring(c);a.push([m,s,o])}}),{restOptions:n,events:a}}function W(e,t){return`
+    <div class="charts-tooltips">
+			<div class="charts-tooltips-title">${e}</div>
+			${t.map(r=>`
+					<div class="charts-tooltips-item">
+						<span class="charts-tooltips-item-border" style="background: ${r.color}"></span>
+						<span class="charts-tooltips-item-name">${r.name}</span>
+						<span class="charts-tooltips-item-value">${r.value}</span>
+					</div>`).join("")}
+		</div>`}function j({data:e=[],color:t="",offset:r=[0,0],rotate:n=-20,size:a=[2,8]}){return{name:"",data:e,type:"pictorialBar",symbolRotate:n,silent:!0,itemStyle:{color:t,opacity:0},emphasis:{itemStyle:{opacity:1}},symbolRepeat:"fixed",symbolMargin:2,symbol:"rect",symbolClip:!0,symbolSize:a,symbolPosition:"start",symbolOffset:r,z:1,animationEasing:"elasticOut"}}function ot(e){return{axisPointer:{lineStyle:{opacity:.6}},formatter:function(t){if(!(t!=null&&t.length))return"";const r=t[0].name,n=t.filter(a=>!!a.seriesName).map(a=>({name:a.seriesName,value:`${a.value} ${e}`,color:a.color}));return W(r,n)}}}function ft({series:e,color:t,offset:r=[0,0],rotate:n,size:a}){return[{type:"bar",z:0,...e},j({data:e.data,offset:r,color:t,rotate:n,size:a})]}function ht(){return{aria:{enabled:!0,decal:{show:!0,decals:[{color:"white",dashArrayX:[1,0],dashArrayY:[6,0],symbolSize:.5,rotation:Math.PI/2}]}}}}const q=h.defineComponent({name:"IxChart",inheritAttrs:!1,setup(e,{attrs:t,listeners:r}){const{containerRef:n}=P(t,r);return{containerRef:n}},render(){const{class:e,style:t}=this.$attrs;return h.h("div",{ref:"containerRef",class:e,style:{width:"100%",height:"100%",...t}})}});function u(e,t){ct(e)&&(e="100%");var r=ut(e);return e=t===360?e:Math.min(t,Math.max(0,parseFloat(e))),r&&(e=parseInt(String(e*t),10)/100),Math.abs(e-t)<1e-6?1:(t===360?e=(e<0?e%t+t:e%t)/parseFloat(String(t)):e=e%t/parseFloat(String(t)),e)}function w(e){return Math.min(1,Math.max(0,e))}function ct(e){return typeof e=="string"&&e.indexOf(".")!==-1&&parseFloat(e)===1}function ut(e){return typeof e=="string"&&e.indexOf("%")!==-1}function G(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function R(e){return e<=1?"".concat(Number(e)*100,"%"):e}function F(e){return e.length===1?"0"+e:String(e)}function lt(e,t,r){return{r:u(e,255)*255,g:u(t,255)*255,b:u(r,255)*255}}function $(e,t,r){e=u(e,255),t=u(t,255),r=u(r,255);var n=Math.max(e,t,r),a=Math.min(e,t,r),i=0,s=0,o=(n+a)/2;if(n===a)s=0,i=0;else{var c=n-a;switch(s=o>.5?c/(2-n-a):c/(n+a),n){case e:i=(t-r)/c+(t<r?6:0);break;case t:i=(r-e)/c+2;break;case r:i=(e-t)/c+4;break}i/=6}return{h:i,s,l:o}}function H(e,t,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+(t-e)*(6*r):r<1/2?t:r<2/3?e+(t-e)*(2/3-r)*6:e}function dt(e,t,r){var n,a,i;if(e=u(e,360),t=u(t,100),r=u(r,100),t===0)a=r,i=r,n=r;else{var s=r<.5?r*(1+t):r+t-r*t,o=2*r-s;n=H(o,s,e+1/3),a=H(o,s,e),i=H(o,s,e-1/3)}return{r:n*255,g:a*255,b:i*255}}function V(e,t,r){e=u(e,255),t=u(t,255),r=u(r,255);var n=Math.max(e,t,r),a=Math.min(e,t,r),i=0,s=n,o=n-a,c=n===0?0:o/n;if(n===a)i=0;else{switch(n){case e:i=(t-r)/o+(t<r?6:0);break;case t:i=(r-e)/o+2;break;case r:i=(e-t)/o+4;break}i/=6}return{h:i,s:c,v:s}}function gt(e,t,r){e=u(e,360)*6,t=u(t,100),r=u(r,100);var n=Math.floor(e),a=e-n,i=r*(1-t),s=r*(1-a*t),o=r*(1-(1-a)*t),c=n%6,m=[r,s,i,i,o,r][c],k=[o,r,r,s,i,i][c],C=[i,i,o,r,r,s][c];return{r:m*255,g:k*255,b:C*255}}function U(e,t,r,n){var a=[F(Math.round(e).toString(16)),F(Math.round(t).toString(16)),F(Math.round(r).toString(16))];return n&&a[0].startsWith(a[0].charAt(1))&&a[1].startsWith(a[1].charAt(1))&&a[2].startsWith(a[2].charAt(1))?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0):a.join("")}function pt(e,t,r,n,a){var i=[F(Math.round(e).toString(16)),F(Math.round(t).toString(16)),F(Math.round(r).toString(16)),F(bt(n))];return a&&i[0].startsWith(i[0].charAt(1))&&i[1].startsWith(i[1].charAt(1))&&i[2].startsWith(i[2].charAt(1))&&i[3].startsWith(i[3].charAt(1))?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0)+i[3].charAt(0):i.join("")}function bt(e){return Math.round(parseFloat(e)*255).toString(16)}function _(e){return l(e)/255}function l(e){return parseInt(e,16)}function vt(e){return{r:e>>16,g:(e&65280)>>8,b:e&255}}var T={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",goldenrod:"#daa520",gold:"#ffd700",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavenderblush:"#fff0f5",lavender:"#e6e6fa",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"};function yt(e){var t={r:0,g:0,b:0},r=1,n=null,a=null,i=null,s=!1,o=!1;return typeof e=="string"&&(e=xt(e)),typeof e=="object"&&(v(e.r)&&v(e.g)&&v(e.b)?(t=lt(e.r,e.g,e.b),s=!0,o=String(e.r).substr(-1)==="%"?"prgb":"rgb"):v(e.h)&&v(e.s)&&v(e.v)?(n=R(e.s),a=R(e.v),t=gt(e.h,n,a),s=!0,o="hsv"):v(e.h)&&v(e.s)&&v(e.l)&&(n=R(e.s),i=R(e.l),t=dt(e.h,n,i),s=!0,o="hsl"),Object.prototype.hasOwnProperty.call(e,"a")&&(r=e.a)),r=G(r),{ok:s,format:e.format||o,r:Math.min(255,Math.max(t.r,0)),g:Math.min(255,Math.max(t.g,0)),b:Math.min(255,Math.max(t.b,0)),a:r}}var mt="[-\\+]?\\d+%?",Ft="[-\\+]?\\d*\\.\\d+%?",y="(?:".concat(Ft,")|(?:").concat(mt,")"),O="[\\s|\\(]+(".concat(y,")[,|\\s]+(").concat(y,")[,|\\s]+(").concat(y,")\\s*\\)?"),E="[\\s|\\(]+(".concat(y,")[,|\\s]+(").concat(y,")[,|\\s]+(").concat(y,")[,|\\s]+(").concat(y,")\\s*\\)?"),g={CSS_UNIT:new RegExp(y),rgb:new RegExp("rgb"+O),rgba:new RegExp("rgba"+E),hsl:new RegExp("hsl"+O),hsla:new RegExp("hsla"+E),hsv:new RegExp("hsv"+O),hsva:new RegExp("hsva"+E),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/};function xt(e){if(e=e.trim().toLowerCase(),e.length===0)return!1;var t=!1;if(T[e])e=T[e],t=!0;else if(e==="transparent")return{r:0,g:0,b:0,a:0,format:"name"};var r=g.rgb.exec(e);return r?{r:r[1],g:r[2],b:r[3]}:(r=g.rgba.exec(e),r?{r:r[1],g:r[2],b:r[3],a:r[4]}:(r=g.hsl.exec(e),r?{h:r[1],s:r[2],l:r[3]}:(r=g.hsla.exec(e),r?{h:r[1],s:r[2],l:r[3],a:r[4]}:(r=g.hsv.exec(e),r?{h:r[1],s:r[2],v:r[3]}:(r=g.hsva.exec(e),r?{h:r[1],s:r[2],v:r[3],a:r[4]}:(r=g.hex8.exec(e),r?{r:l(r[1]),g:l(r[2]),b:l(r[3]),a:_(r[4]),format:t?"name":"hex8"}:(r=g.hex6.exec(e),r?{r:l(r[1]),g:l(r[2]),b:l(r[3]),format:t?"name":"hex"}:(r=g.hex4.exec(e),r?{r:l(r[1]+r[1]),g:l(r[2]+r[2]),b:l(r[3]+r[3]),a:_(r[4]+r[4]),format:t?"name":"hex8"}:(r=g.hex3.exec(e),r?{r:l(r[1]+r[1]),g:l(r[2]+r[2]),b:l(r[3]+r[3]),format:t?"name":"hex"}:!1)))))))))}function v(e){return Boolean(g.CSS_UNIT.exec(String(e)))}var St=function(){function e(t,r){t===void 0&&(t=""),r===void 0&&(r={});var n;if(t instanceof e)return t;typeof t=="number"&&(t=vt(t)),this.originalInput=t;var a=yt(t);this.originalInput=t,this.r=a.r,this.g=a.g,this.b=a.b,this.a=a.a,this.roundA=Math.round(100*this.a)/100,this.format=(n=r.format)!==null&&n!==void 0?n:a.format,this.gradientType=r.gradientType,this.r<1&&(this.r=Math.round(this.r)),this.g<1&&(this.g=Math.round(this.g)),this.b<1&&(this.b=Math.round(this.b)),this.isValid=a.ok}return e.prototype.isDark=function(){return this.getBrightness()<128},e.prototype.isLight=function(){return!this.isDark()},e.prototype.getBrightness=function(){var t=this.toRgb();return(t.r*299+t.g*587+t.b*114)/1e3},e.prototype.getLuminance=function(){var t=this.toRgb(),r,n,a,i=t.r/255,s=t.g/255,o=t.b/255;return i<=.03928?r=i/12.92:r=Math.pow((i+.055)/1.055,2.4),s<=.03928?n=s/12.92:n=Math.pow((s+.055)/1.055,2.4),o<=.03928?a=o/12.92:a=Math.pow((o+.055)/1.055,2.4),.2126*r+.7152*n+.0722*a},e.prototype.getAlpha=function(){return this.a},e.prototype.setAlpha=function(t){return this.a=G(t),this.roundA=Math.round(100*this.a)/100,this},e.prototype.isMonochrome=function(){var t=this.toHsl().s;return t===0},e.prototype.toHsv=function(){var t=V(this.r,this.g,this.b);return{h:t.h*360,s:t.s,v:t.v,a:this.a}},e.prototype.toHsvString=function(){var t=V(this.r,this.g,this.b),r=Math.round(t.h*360),n=Math.round(t.s*100),a=Math.round(t.v*100);return this.a===1?"hsv(".concat(r,", ").concat(n,"%, ").concat(a,"%)"):"hsva(".concat(r,", ").concat(n,"%, ").concat(a,"%, ").concat(this.roundA,")")},e.prototype.toHsl=function(){var t=$(this.r,this.g,this.b);return{h:t.h*360,s:t.s,l:t.l,a:this.a}},e.prototype.toHslString=function(){var t=$(this.r,this.g,this.b),r=Math.round(t.h*360),n=Math.round(t.s*100),a=Math.round(t.l*100);return this.a===1?"hsl(".concat(r,", ").concat(n,"%, ").concat(a,"%)"):"hsla(".concat(r,", ").concat(n,"%, ").concat(a,"%, ").concat(this.roundA,")")},e.prototype.toHex=function(t){return t===void 0&&(t=!1),U(this.r,this.g,this.b,t)},e.prototype.toHexString=function(t){return t===void 0&&(t=!1),"#"+this.toHex(t)},e.prototype.toHex8=function(t){return t===void 0&&(t=!1),pt(this.r,this.g,this.b,this.a,t)},e.prototype.toHex8String=function(t){return t===void 0&&(t=!1),"#"+this.toHex8(t)},e.prototype.toHexShortString=function(t){return t===void 0&&(t=!1),this.a===1?this.toHexString(t):this.toHex8String(t)},e.prototype.toRgb=function(){return{r:Math.round(this.r),g:Math.round(this.g),b:Math.round(this.b),a:this.a}},e.prototype.toRgbString=function(){var t=Math.round(this.r),r=Math.round(this.g),n=Math.round(this.b);return this.a===1?"rgb(".concat(t,", ").concat(r,", ").concat(n,")"):"rgba(".concat(t,", ").concat(r,", ").concat(n,", ").concat(this.roundA,")")},e.prototype.toPercentageRgb=function(){var t=function(r){return"".concat(Math.round(u(r,255)*100),"%")};return{r:t(this.r),g:t(this.g),b:t(this.b),a:this.a}},e.prototype.toPercentageRgbString=function(){var t=function(r){return Math.round(u(r,255)*100)};return this.a===1?"rgb(".concat(t(this.r),"%, ").concat(t(this.g),"%, ").concat(t(this.b),"%)"):"rgba(".concat(t(this.r),"%, ").concat(t(this.g),"%, ").concat(t(this.b),"%, ").concat(this.roundA,")")},e.prototype.toName=function(){if(this.a===0)return"transparent";if(this.a<1)return!1;for(var t="#"+U(this.r,this.g,this.b,!1),r=0,n=Object.entries(T);r<n.length;r++){var a=n[r],i=a[0],s=a[1];if(t===s)return i}return!1},e.prototype.toString=function(t){var r=Boolean(t);t=t??this.format;var n=!1,a=this.a<1&&this.a>=0,i=!r&&a&&(t.startsWith("hex")||t==="name");return i?t==="name"&&this.a===0?this.toName():this.toRgbString():(t==="rgb"&&(n=this.toRgbString()),t==="prgb"&&(n=this.toPercentageRgbString()),(t==="hex"||t==="hex6")&&(n=this.toHexString()),t==="hex3"&&(n=this.toHexString(!0)),t==="hex4"&&(n=this.toHex8String(!0)),t==="hex8"&&(n=this.toHex8String()),t==="name"&&(n=this.toName()),t==="hsl"&&(n=this.toHslString()),t==="hsv"&&(n=this.toHsvString()),n||this.toHexString())},e.prototype.toNumber=function(){return(Math.round(this.r)<<16)+(Math.round(this.g)<<8)+Math.round(this.b)},e.prototype.clone=function(){return new e(this.toString())},e.prototype.lighten=function(t){t===void 0&&(t=10);var r=this.toHsl();return r.l+=t/100,r.l=w(r.l),new e(r)},e.prototype.brighten=function(t){t===void 0&&(t=10);var r=this.toRgb();return r.r=Math.max(0,Math.min(255,r.r-Math.round(255*-(t/100)))),r.g=Math.max(0,Math.min(255,r.g-Math.round(255*-(t/100)))),r.b=Math.max(0,Math.min(255,r.b-Math.round(255*-(t/100)))),new e(r)},e.prototype.darken=function(t){t===void 0&&(t=10);var r=this.toHsl();return r.l-=t/100,r.l=w(r.l),new e(r)},e.prototype.tint=function(t){return t===void 0&&(t=10),this.mix("white",t)},e.prototype.shade=function(t){return t===void 0&&(t=10),this.mix("black",t)},e.prototype.desaturate=function(t){t===void 0&&(t=10);var r=this.toHsl();return r.s-=t/100,r.s=w(r.s),new e(r)},e.prototype.saturate=function(t){t===void 0&&(t=10);var r=this.toHsl();return r.s+=t/100,r.s=w(r.s),new e(r)},e.prototype.greyscale=function(){return this.desaturate(100)},e.prototype.spin=function(t){var r=this.toHsl(),n=(r.h+t)%360;return r.h=n<0?360+n:n,new e(r)},e.prototype.mix=function(t,r){r===void 0&&(r=50);var n=this.toRgb(),a=new e(t).toRgb(),i=r/100,s={r:(a.r-n.r)*i+n.r,g:(a.g-n.g)*i+n.g,b:(a.b-n.b)*i+n.b,a:(a.a-n.a)*i+n.a};return new e(s)},e.prototype.analogous=function(t,r){t===void 0&&(t=6),r===void 0&&(r=30);var n=this.toHsl(),a=360/r,i=[this];for(n.h=(n.h-(a*t>>1)+720)%360;--t;)n.h=(n.h+a)%360,i.push(new e(n));return i},e.prototype.complement=function(){var t=this.toHsl();return t.h=(t.h+180)%360,new e(t)},e.prototype.monochromatic=function(t){t===void 0&&(t=6);for(var r=this.toHsv(),n=r.h,a=r.s,i=r.v,s=[],o=1/t;t--;)s.push(new e({h:n,s:a,v:i})),i=(i+o)%1;return s},e.prototype.splitcomplement=function(){var t=this.toHsl(),r=t.h;return[this,new e({h:(r+72)%360,s:t.s,l:t.l}),new e({h:(r+216)%360,s:t.s,l:t.l})]},e.prototype.onBackground=function(t){var r=this.toRgb(),n=new e(t).toRgb(),a=r.a+n.a*(1-r.a);return new e({r:(r.r*r.a+n.r*n.a*(1-r.a))/a,g:(r.g*r.a+n.g*n.a*(1-r.a))/a,b:(r.b*r.a+n.b*n.a*(1-r.a))/a,a})},e.prototype.triad=function(){return this.polyad(3)},e.prototype.tetrad=function(){return this.polyad(4)},e.prototype.polyad=function(t){for(var r=this.toHsl(),n=r.h,a=[this],i=360/t,s=1;s<t;s++)a.push(new e({h:(n+s*i)%360,s:r.s,l:r.l}));return a},e.prototype.equals=function(t){return this.toRgbString()===new e(t).toRgbString()},e}();const D=["#458FFF","#45D9A3","#FFC145","#F5654F","#6A6AFD","#6ED1FF","#008787","#FF9245","#F587B3","#8352CC","#65779B"],At=["#458FFF","#C8DEFF","#45D9A3","#C8F4E4","#FFC145","#FFEDC8","#F5654F","#FCD1CB","#6A6AFD","#D3D3FE","#6ED1FF","#D3D3FE","#008787","#B3DBDB","#FF9245","#FFDFC8","#F587B3","#FCDBE8","#8352CC","#FCDBE8","#65779B","#65779B"],Mt=["#8C1604","#DB4C35","#FF9245","#FFC145","#689FFF","#45D9A3","#99ACD1"],Z={color:D,textStyle:{color:"#2F3540",fontSize:"12px"},bar:{barGap:.2,barWidth:10,label:{color:"#6F7785",position:"top"}},line:{label:{color:"#6F7785",position:"top"}},pie:{avoidLabelOverlap:!1,radius:["70%","80%"],itemStyle:{borderWidth:1,borderColor:"#fff"},label:{show:!1,color:"#2F3540",formatter:"{c}",position:"inside"}},legend:{itemWidth:12,itemHeight:12,textStyle:{color:"#6F7785",fontSize:"12px"}},title:{itemGap:4,textStyle:{color:"#2F3540",fontSize:"12px",fontWeight:500},subtextStyle:{color:"#6F7785",fontSize:"12px"}},tooltip:{borderWidth:0,padding:12,textStyle:{color:"#2F3540"},axisPointer:{z:1,lineStyle:{type:"solid",color:"#E1E5EB"}}},categoryAxis:{axisLine:{show:!0,lineStyle:{color:"#EDF1F7"}},axisTick:{show:!0,alignWithLabel:!0,lineStyle:{color:"#EDF1F7"}},axisLabel:{color:"#6F7785"},splitLine:{show:!1},splitArea:{show:!1}},valueAxis:{axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:"#6F7785"},splitLine:{lineStyle:{color:"#EDF1F7"}},splitArea:{show:!1},nameTextStyle:{color:"#6F7785",padding:[0,30,-4,0]}},dataZoom:{height:16}};function wt(e){return!!(e&&e.xAxis&&e.xAxis.data)}function Rt(e,t){return h.isVue2?{attrs:{...e},on:{...t}}:{...e}}function kt(e){return Object.entries(e).reduce((t,[r,n])=>(n!==void 0&&(t[r]=n),t),{})}function Ct(e){return M.isNil(e)?[]:Array.isArray(e)?e:[e]}const Ht=(e,t)=>new St(e).setAlpha(t).toRgbString();function X(e,t){A.use(t),A.registerTheme("seer",Z);const r=n=>{n.component(e.name,e)};e.install=r}X(q,[b.DataZoomComponent,b.LegendComponent,b.GridComponent,b.TitleComponent,b.TooltipComponent,I.LabelLayout,I.UniversalTransition,et.SVGRenderer]);const Tt=q;f.IxChart=Tt,f.convertArray=Ct,f.createInstall=X,f.filterEmptyProps=kt,f.getAlphaColor=Ht,f.isVertical=wt,f.mergeAttrs=Rt,f.seerColors=D,f.seerColorsForMore=At,f.seerColorsForRisk=Mt,f.seerTheme=Z,f.useChart=P,f.useStripe=j,f.useStripeArea=ht,f.useStripeBarSeries=ft,f.useStripeBarTooltip=ot,f.useTooltipsFormatter=W,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});

package/dist/utils/index.d.ts

@@ -7,4 +7,5 @@ export declare function mergeAttrs(props: any, listeners?: Record<string, Functi
 export declare function filterEmptyProps<T extends object>(props: T): T;
 export declare function convertArray<T>(value: T | undefined | null | Array<T | undefined | null>): T[];
 export declare function convertArray<T>(value: T | readonly T[]): readonly T[];
+export declare const getAlphaColor: (baseColor: string, alpha: number) => string;
 export declare function createInstall(Chart: any, ext: Parameters<typeof use>[0]): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idux/charts-core",
-  "version": "0.4.1",
+  "version": "0.6.0",
   "description": "A UI Component Development Kit for Vue 3.x",
   "keywords": [
     "vue",
@@ -32,22 +32,23 @@
     "*.d.ts"
   ],
   "sideEffects": false,
+  "scripts": {
+    "clean": "rimraf dist node_modules",
+    "build": "rimraf dist && vite build"
+  },
   "dependencies": {
     "echarts": "^5.4.0",
     "lodash-es": "^4.17.0",
-    "vue-demi": "^0.13.0"
+    "vue-demi": "^0.13.0",
+    "@ctrl/tinycolor": "^3.6.0"
   },
   "peerDependencies": {
     "@vue/composition-api": "^1.7.0",
-    "vue": "^2.6.0 || ^3.2.0"
+    "vue": "^2.6.0 || ^3.2.5"
   },
   "peerDependenciesMeta": {
     "@vue/composition-api": {
       "optional": true
     }
-  },
-  "scripts": {
-    "clean": "rimraf dist node_modules",
-    "build": "rimraf dist && vite build"
   }
-}
+}