npm - @idux/charts-core - Versions diffs - 0.1.0 → 0.3.0 - Mend

@idux/charts-core 0.1.0 → 0.3.0

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 (12) hide show

package/CHANGELOG.md +7 -0
package/dist/components/Chart.d.ts +3 -8
package/dist/components/index.d.ts +1 -2
package/dist/composables/useChart.d.ts +4 -3
package/dist/index.js +317 -0
package/dist/index.umd.cjs +1 -0
package/dist/themes/seer.d.ts +81 -2
package/dist/types/index.d.ts +5 -3
package/dist/utils/index.d.ts +7 -0
package/package.json +10 -7
package/dist/index.mjs +0 -201
package/dist/index.umd.js +0 -1

package/CHANGELOG.md ADDED Viewed

@@ -0,0 +1,7 @@
+# @idux/charts-core
+## 0.3.0
+### Minor Changes
+- 0d08aec: update vite config

package/dist/components/Chart.d.ts CHANGED Viewed

@@ -1,9 +1,4 @@
-import { type HTMLAttributes, type InjectionKey } from 'vue-demi';
-import { type ChartOption, type AdditionalChartOption } from '../types';
-export interface ChartProps extends ChartOption, AdditionalChartOption {
-}
-export declare const CHART_TOKEN: InjectionKey<ChartProps>;
-export declare const defaultChartProps: ChartProps;
-type IChartProps = Omit<HTMLAttributes, keyof ChartProps> & ChartProps;
-declare const _default: import("vue-demi").DefineComponent<IChartProps, {}, {}, {}, {}, 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<IChartProps>>, {}>;
+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>>, {}>;
 export default _default;

package/dist/components/index.d.ts CHANGED Viewed

@@ -1,3 +1,2 @@
-declare const IxChart: import("vue").DefineComponent<Omit<import("vue").HTMLAttributes, keyof import("./Chart").ChartProps> & import("./Chart").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("./Chart").ChartProps> & import("./Chart").ChartProps>>, {}>;
+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>>, {}>;
 export { IxChart };
-export { CHART_TOKEN, type ChartProps } from './Chart';

package/dist/composables/useChart.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
-import { type ComputedRef, type ShallowRef } from 'vue-demi';
+import { type Ref, type ShallowRef } from 'vue-demi';
 import { type EChartsType } from 'echarts/core';
-import { type ChartProps } from '../components';
-export declare function useChart<U extends ChartProps>(options: ComputedRef<U>): {
+import { type ChartProps } from '../types';
+export type MaybeRef<T> = T | Ref<T>;
+export declare function useChart<U extends ChartProps>(options: MaybeRef<U>): {
     containerRef: ShallowRef<HTMLDivElement | undefined>;
     chartRef: ShallowRef<EChartsType | undefined>;
 };

package/dist/index.js ADDED Viewed

@@ -0,0 +1,317 @@
+import { DataZoomComponent as B, LegendComponent as T, GridComponent as W, TitleComponent as I, TooltipComponent as G } from "echarts/components";
+import { LabelLayout as M, UniversalTransition as j } from "echarts/features";
+import { SVGRenderer as V } from "echarts/renderers";
+import { watch as g, shallowRef as m, computed as p, unref as c, onMounted as H, onBeforeUnmount as N, watchEffect as b, isVue2 as P, defineComponent as U, h as Z } from "vue-demi";
+import { throttle as _, init as q, use as $, registerTheme as J } from "echarts/core";
+import { isEqual as K, cloneDeep as A, isObject as Q, isNil as X } from "lodash-es";
+function Y(e, o, t) {
+  let r;
+  g(
+    [e, o, t],
+    ([n, a, l], f, d) => {
+      !n || !a || (l ? (r ?? (r = _(() => a.resize(), 16)), k(n, r)) : y(n, r), d(() => y(n, r)));
+    }
+  );
+}
+const F = /* @__PURE__ */ new Map();
+function k(e, o, t) {
+  if (!(!e || !o))
+    if (F.has(e))
+      F.get(e).listeners.push(o);
+    else {
+      const r = [o], n = new ResizeObserver((a) => {
+        a.forEach((l) => r.forEach((f) => f(l)));
+      });
+      n.observe(e, t), F.set(e, { listeners: r, ro: n });
+    }
+}
+function y(e, o) {
+  if (!e || !o || !F.has(e))
+    return;
+  const { listeners: t, ro: r } = F.get(e), n = t.indexOf(o);
+  n > -1 && (t.splice(n, 1), t.length === 0 && (r.disconnect(), F.delete(e)));
+}
+function ee(e) {
+  const o = m(), t = m(), r = m(), n = p(() => c(e).autoResize ?? !0), a = p(() => c(e).group), l = p(() => c(e).initOption), f = p(() => c(e).loading), d = p(() => c(e).setOptionOpts), v = p(() => c(e).theme ?? "seer"), x = () => {
+    const i = o.value;
+    if (!i)
+      return;
+    const s = q(i, v.value, l.value), u = c(e), { restOptions: O, events: w } = R(u, !1);
+    s.setOption(O, d.value), r.value = A(O), w.forEach(([D, E, z]) => {
+      let h = E;
+      z && (h = (...L) => {
+        E(...L), s.off(D, h);
+      }), s.on(D, h);
+    }), u.onReady && u.onReady(s), t.value = s;
+  }, C = () => {
+    t.value && (t.value.dispose(), t.value = void 0);
+  };
+  return H(() => x()), N(() => C()), g(
+    () => c(e),
+    (i) => {
+      const s = t.value;
+      if (!s)
+        return;
+      const { restOptions: u } = R(i);
+      K(u, r.value) || (s.setOption(u, d.value), r.value = A(u));
+    },
+    {
+      deep: !0
+    }
+  ), g([v, l], () => {
+    C(), x();
+  }), b(() => {
+    const i = a.value;
+    i && t.value && (t.value.group = i);
+  }), b(() => {
+    const i = t.value;
+    if (!i)
+      return;
+    const s = f.value;
+    s ? i.showLoading(Q(s) ? s : void 0) : i.hideLoading();
+  }), Y(o, t, n), { containerRef: o, chartRef: t };
+}
+function te(e) {
+  return /^on[^a-z]/.test(e);
+}
+const oe = [
+  "class",
+  "style",
+  "autoResize",
+  "group",
+  "loading",
+  "setOptionOpts",
+  "theme",
+  "onReady"
+];
+function R(e, o = !0) {
+  const t = {}, r = [];
+  return Object.keys(e).forEach((n) => {
+    if (!oe.includes(n)) {
+      if (te(n)) {
+        if (o)
+          return;
+        const a = e[n];
+        if (a) {
+          const l = n.endsWith("Once"), f = l ? n.length - 4 : void 0, d = n.charAt(2).toLowerCase() + n.substring(3, f);
+          r.push([d, a, l]);
+        }
+        return;
+      }
+      t[n] = e[n];
+    }
+  }), { restOptions: t, events: r };
+}
+const ne = [
+  "#458FFF",
+  "#45D9A3",
+  "#FFC145",
+  "#F5654F",
+  "#6A6AFD",
+  "#6ED1FF",
+  "#008787",
+  "#FF9245",
+  "#F587B3",
+  "#8352CC",
+  "#65779B"
+], pe = [
+  "#458FFF",
+  "#C8DEFF",
+  "#45D9A3",
+  "#C8F4E4",
+  "#FFC145",
+  "#FFEDC8",
+  "#F5654F",
+  "#FCD1CB",
+  "#6A6AFD",
+  "#D3D3FE",
+  "#6ED1FF",
+  "#D3D3FE",
+  "#008787",
+  "#B3DBDB",
+  "#FF9245",
+  "#FFDFC8",
+  "#F587B3",
+  "#FCDBE8",
+  "#8352CC",
+  "#FCDBE8",
+  "#65779B",
+  "#65779B"
+], re = {
+  color: ne,
+  textStyle: {
+    color: "#2F3540",
+    fontSize: "12px"
+  },
+  bar: {
+    barGap: 0.2,
+    barWidth: 10,
+    label: {
+      color: "#6F7785",
+      position: "top"
+    }
+  },
+  line: {
+    label: {
+      color: "#6F7785",
+      position: "top"
+    }
+  },
+  pie: {
+    avoidLabelOverlap: !1,
+    center: ["25%", "50%"],
+    radius: ["70%", "80%"],
+    itemStyle: {
+      borderWidth: 1,
+      borderColor: "#fff"
+    },
+    label: {
+      show: !1,
+      color: "#2F3540",
+      formatter: "{c}",
+      position: "inside"
+    }
+  },
+  legend: {
+    itemWidth: 12,
+    itemHeight: 12,
+    textStyle: {
+      color: "#2F3540",
+      fontSize: "12px"
+    }
+  },
+  title: {
+    itemGap: 4,
+    textStyle: {
+      color: "#2F3540",
+      fontSize: "14px",
+      fontWeight: 500
+    },
+    subtextStyle: {
+      color: "#6F7785",
+      fontSize: "12px"
+    }
+  },
+  tooltip: {
+    borderWidth: 0,
+    padding: 12,
+    textStyle: {
+      color: "#2F3540"
+    },
+    axisPointer: {
+      z: -100,
+      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: 20
+  }
+};
+function Fe(e) {
+  return !!(e && e.xAxis && e.xAxis.data);
+}
+function se(e, o) {
+  const t = {
+    ...e,
+    ...o
+  };
+  return P ? { attrs: t } : t;
+}
+function he(e) {
+  return Object.entries(e).reduce((o, [t, r]) => (r !== void 0 && (o[t] = r), o), {});
+}
+function me(e) {
+  return X(e) ? [] : Array.isArray(e) ? e : [e];
+}
+function ie(e, o) {
+  $(o), J("seer", re);
+  const t = (r) => {
+    r.component(e.name, e);
+  };
+  e.install = t;
+}
+const S = U({
+  name: "IxChart",
+  inheritAttrs: !1,
+  setup(e, { attrs: o }) {
+    const { containerRef: t } = ee(o);
+    return { containerRef: t };
+  },
+  render() {
+    const { class: e, style: o } = this.$attrs, t = se({ class: e, style: o });
+    return Z("div", { ref: "containerRef", ...t });
+  }
+});
+ie(S, [
+  B,
+  T,
+  W,
+  I,
+  G,
+  M,
+  j,
+  V
+]);
+const ge = S;
+export {
+  ge as IxChart,
+  me as convertArray,
+  ie as createInstall,
+  he as filterEmptyProps,
+  Fe as isVertical,
+  se as mergeAttrs,
+  ne as seerColors,
+  pe as seerColorsMore,
+  re as seerTheme,
+  ee as useChart
+};

package/dist/index.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/dist/themes/seer.d.ts CHANGED Viewed

@@ -1,25 +1,43 @@
-export declare const seerColors10: string[];
-export declare const seerColors20: string[];
+export declare const seerColors: string[];
+export declare const seerColorsMore: string[];
 export declare const seerTheme: {
     color: string[];
     textStyle: {
         color: string;
         fontSize: string;
     };
+    bar: {
+        barGap: number;
+        barWidth: number;
+        label: {
+            color: string;
+            position: string;
+        };
+    };
+    line: {
+        label: {
+            color: string;
+            position: string;
+        };
+    };
     pie: {
         avoidLabelOverlap: boolean;
         center: string[];
+        radius: string[];
         itemStyle: {
             borderWidth: number;
             borderColor: string;
         };
         label: {
             show: boolean;
+            color: string;
             formatter: string;
             position: string;
         };
     };
     legend: {
+        itemWidth: number;
+        itemHeight: number;
         textStyle: {
             color: string;
             fontSize: string;
@@ -30,6 +48,7 @@ export declare const seerTheme: {
         textStyle: {
             color: string;
             fontSize: string;
+            fontWeight: number;
         };
         subtextStyle: {
             color: string;
@@ -39,5 +58,65 @@ export declare const seerTheme: {
     tooltip: {
         borderWidth: number;
         padding: number;
+        textStyle: {
+            color: string;
+        };
+        axisPointer: {
+            z: number;
+            lineStyle: {
+                type: string;
+                color: string;
+            };
+        };
+    };
+    categoryAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            alignWithLabel: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            color: string;
+        };
+        splitLine: {
+            show: boolean;
+        };
+        splitArea: {
+            show: boolean;
+        };
+    };
+    valueAxis: {
+        axisLine: {
+            show: boolean;
+        };
+        axisTick: {
+            show: boolean;
+        };
+        axisLabel: {
+            color: string;
+        };
+        splitLine: {
+            lineStyle: {
+                color: string;
+            };
+        };
+        splitArea: {
+            show: boolean;
+        };
+        nameTextStyle: {
+            color: string;
+            padding: number[];
+        };
+    };
+    dataZoom: {
+        height: number;
     };
 };

package/dist/types/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { BarSeriesOption, LineSeriesOption, PieSeriesOption } from 'echarts/charts';
-import type { LegendComponentOption, TitleComponentOption, TooltipComponentOption } from 'echarts/components';
+import type { DatasetComponentOption, DataZoomComponentOption, GridComponentOption, LegendComponentOption, TitleComponentOption, TooltipComponentOption } from 'echarts/components';
 import type { ComposeOption, EChartsType, init, SetOptionOpts } from 'echarts/core';
 export type ChartInitParameters = Parameters<typeof init>;
 export type ChartTheme = NonNullable<ChartInitParameters[1]>;
@@ -43,6 +43,8 @@ interface ComponentOption {
     z?: number;
     zlevel?: number;
 }
-export type BaseChartOption<T extends ComponentOption> = ComposeOption<LegendComponentOption | TitleComponentOption | TooltipComponentOption | T>;
-export type ChartOption = ComposeOption<BarSeriesOption | PieSeriesOption | LineSeriesOption | LegendComponentOption | TitleComponentOption | TooltipComponentOption>;
+export type BaseChartOption<T extends ComponentOption> = ComposeOption<DatasetComponentOption | DataZoomComponentOption | GridComponentOption | LegendComponentOption | TitleComponentOption | TooltipComponentOption | T>;
+export type ChartOption = ComposeOption<DatasetComponentOption | DataZoomComponentOption | GridComponentOption | LegendComponentOption | TitleComponentOption | TooltipComponentOption | BarSeriesOption | PieSeriesOption | LineSeriesOption>;
+export interface ChartProps extends ChartOption, AdditionalChartOption {
+}
 export {};

package/dist/utils/index.d.ts CHANGED Viewed

@@ -1,3 +1,10 @@
+import { use } from 'echarts/core';
 export type Writeable<T> = {
     -readonly [P in keyof T]: T[P];
 };
+export declare function isVertical(option: any): boolean;
+export declare function mergeAttrs(props: any, attrs?: any): any;
+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 function createInstall(Chart: any, ext: Parameters<typeof use>[0]): void;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@idux/charts-core",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "A UI Component Development Kit for Vue 3.x",
   "keywords": [
     "vue",
@@ -20,15 +20,18 @@
   },
   "license": "MIT",
   "author": "IDuxFE<idux.feteam@gmail.com>",
-  "main": "./dist/index.mjs",
-  "module": "./dist/index.mjs",
+  "type": "module",
+  "main": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
   "typings": "./dist/index.d.ts",
-  "unpkg": "./dist/index.umd.js",
-  "jsdelivr": "./dist/index.umd.js",
-  "sideEffects": false,
+  "unpkg": "./dist/index.umd.cjs",
+  "jsdelivr": "./dist/index.umd.cjs",
   "files": [
-    "/dist"
+    "dist",
+    "*.md",
+    "*.d.ts"
   ],
+  "sideEffects": false,
   "dependencies": {
     "echarts": "^5.4.0",
     "lodash-es": "^4.17.0",

package/dist/index.mjs DELETED Viewed

@@ -1,201 +0,0 @@
-import { watch as h, shallowRef as v, computed as l, onMounted as w, onBeforeUnmount as T, watchEffect as E, defineComponent as y, inject as I, h as L, isVue2 as P } from "vue-demi";
-import { throttle as _, init as j } from "echarts/core";
-import { isEqual as H, cloneDeep as x, isObject as M } from "lodash-es";
-function N(e, o, t) {
-  let s;
-  h(
-    [e, o, t],
-    ([n, c, a], f, d) => {
-      !n || !c || (a ? (s ?? (s = _(() => c.resize(), 16)), W(n, s)) : z(n, s), d(() => z(n, s)));
-    }
-  );
-}
-const p = /* @__PURE__ */ new Map();
-function W(e, o, t) {
-  if (!(!e || !o))
-    if (p.has(e))
-      p.get(e).listeners.push(o);
-    else {
-      const s = [o], n = new ResizeObserver((c) => {
-        c.forEach((a) => s.forEach((f) => f(a)));
-      });
-      n.observe(e, t), p.set(e, { listeners: s, ro: n });
-    }
-}
-function z(e, o) {
-  if (!e || !o || !p.has(e))
-    return;
-  const { listeners: t, ro: s } = p.get(e), n = t.indexOf(o);
-  n > -1 && (t.splice(n, 1), t.length === 0 && (s.disconnect(), p.delete(e)));
-}
-function G(e) {
-  const o = v(), t = v(), s = v(), n = l(() => e.value.autoResize ?? !0), c = l(() => e.value.group), a = l(() => e.value.initOption), f = l(() => e.value.loading), d = l(() => e.value.setOptionOpts), m = l(() => e.value.theme), C = () => {
-    const i = o.value;
-    if (!i)
-      return;
-    const r = j(i, m.value, a.value), u = e.value, { restOptions: O, events: A } = b(u, !1);
-    r.setOption(O, d.value), s.value = x(O), A.forEach(([D, R, S]) => {
-      let F = R;
-      S && (F = (...B) => {
-        R(...B), r.off(D, F);
-      }), r.on(D, F);
-    }), u.onReady && u.onReady(r), t.value = r;
-  }, g = () => {
-    t.value && (t.value.dispose(), t.value = void 0);
-  };
-  return w(() => C()), T(() => g()), h(
-    e,
-    (i) => {
-      const r = t.value;
-      if (!r)
-        return;
-      const { restOptions: u } = b(i);
-      H(u, s.value) || (r.setOption(u, d.value), s.value = x(u));
-    },
-    {
-      deep: !0
-    }
-  ), h(
-    [m, a],
-    () => {
-      g(), C();
-    },
-    {
-      deep: !0
-    }
-  ), E(() => {
-    const i = c.value;
-    i && t.value && (t.value.group = i);
-  }), E(() => {
-    const i = t.value;
-    if (!i)
-      return;
-    const r = f.value;
-    r ? i.showLoading(M(r) ? r : void 0) : i.hideLoading();
-  }), N(o, t, n), { containerRef: o, chartRef: t };
-}
-function K(e) {
-  return /^on[^a-z]/.test(e);
-}
-const q = [
-  "class",
-  "style",
-  "autoResize",
-  "group",
-  "loading",
-  "setOptionOpts",
-  "theme",
-  "onReady"
-];
-function b(e, o = !0) {
-  const t = {}, s = [];
-  return Object.keys(e).forEach((n) => {
-    if (!q.includes(n)) {
-      if (K(n)) {
-        if (o)
-          return;
-        const c = e[n];
-        if (c) {
-          const a = n.endsWith("Once"), f = a ? n.length - 4 : void 0, d = n.charAt(2).toLowerCase() + n.substring(3, f);
-          s.push([d, c, a]);
-        }
-        return;
-      }
-      t[n] = e[n];
-    }
-  }), { restOptions: t, events: s };
-}
-const U = Symbol("CHART_TOKEN"), V = {
-  theme: "seer"
-}, J = y({
-  name: "IxChart",
-  inheritAttrs: !1,
-  setup(e, { attrs: o }) {
-    const t = I(U, V), s = l(() => ({ ...t, ...o })), { containerRef: n } = G(s);
-    return { containerRef: n, mergedProps: s };
-  },
-  render() {
-    const { class: e, style: o } = this.mergedProps;
-    return L("div", P ? { ref: "containerRef", attrs: { class: e, style: o } } : { ref: "containerRef", class: e, style: o });
-  }
-}), $ = J, Q = [
-  "#458FFF",
-  "#45D9A3",
-  "#FFC145",
-  "#F5654F",
-  "#6A6AFD",
-  "#6ED1FF",
-  "#008787",
-  "#FF9245",
-  "#F587B3",
-  "#8352CC"
-], k = [
-  "#458FFF",
-  "#C8DEFF",
-  "#45D9A3",
-  "#C8F4E4",
-  "#FFC145",
-  "#FFEDC8",
-  "#F5654F",
-  "#FCD1CB",
-  "#6A6AFD",
-  "#D3D3FE",
-  "#6ED1FF",
-  "#D3D3FE",
-  "#008787",
-  "#B3DBDB",
-  "#FF9245",
-  "#FFDFC8",
-  "#F587B3",
-  "#FCDBE8",
-  "#8352CC",
-  "#FCDBE8"
-], ee = {
-  color: Q,
-  textStyle: {
-    color: "#2F3540",
-    fontSize: "12px"
-  },
-  pie: {
-    avoidLabelOverlap: !1,
-    center: ["25%", "50%"],
-    itemStyle: {
-      borderWidth: 1,
-      borderColor: "#fff"
-    },
-    label: {
-      show: !1,
-      formatter: "{c}",
-      position: "inside"
-    }
-  },
-  legend: {
-    textStyle: {
-      color: "#2F3540",
-      fontSize: "12px"
-    }
-  },
-  title: {
-    itemGap: 4,
-    textStyle: {
-      color: "#2F3540",
-      fontSize: "30px"
-    },
-    subtextStyle: {
-      color: "#6F7785",
-      fontSize: "12px"
-    }
-  },
-  tooltip: {
-    borderWidth: 0,
-    padding: 12
-  }
-};
-export {
-  U as CHART_TOKEN,
-  $ as IxChart,
-  Q as seerColors10,
-  k as seerColors20,
-  ee as seerTheme,
-  G as useChart
-};

package/dist/index.umd.js DELETED Viewed

@@ -1 +0,0 @@

- (function(c,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue-demi"),require("echarts/core"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue-demi","echarts/core","lodash-es"],t):(c=typeof globalThis<"u"?globalThis:c||self,t(c.IduxChartsCore={},c.VueDemi,c.echarts,c._))})(this,function(c,t,O,F){"use strict";function T(e,s,n){let r;t.watch([e,s,n],([o,l,f],h,p)=>{!o||!l||(f?(r??(r=O.throttle(()=>l.resize(),16)),y(o,r)):g(o,r),p(()=>g(o,r)))})}const d=new Map;function y(e,s,n){if(!(!e||!s))if(d.has(e))d.get(e).listeners.push(s);else{const r=[s],o=new ResizeObserver(l=>{l.forEach(f=>r.forEach(h=>h(f)))});o.observe(e,n),d.set(e,{listeners:r,ro:o})}}function g(e,s){if(!e||!s||!d.has(e))return;const{listeners:n,ro:r}=d.get(e),o=n.indexOf(s);o>-1&&(n.splice(o,1),n.length===0&&(r.disconnect(),d.delete(e)))}function R(e){const s=t.shallowRef(),n=t.shallowRef(),r=t.shallowRef(),o=t.computed(()=>e.value.autoResize??!0),l=t.computed(()=>e.value.group),f=t.computed(()=>e.value.initOption),h=t.computed(()=>e.value.loading),p=t.computed(()=>e.value.setOptionOpts),z=t.computed(()=>e.value.theme),b=()=>{const a=s.value;if(!a)return;const i=O.init(a,z.value,f.value),u=e.value,{restOptions:S,events:q}=v(u,!1);i.setOption(S,p.value),r.value=F.cloneDeep(S),q.forEach(([x,A,H])=>{let C=A;H&&(C=(...M)=>{A(...M),i.off(x,C)}),i.on(x,C)}),u.onReady&&u.onReady(i),n.value=i},w=()=>{n.value&&(n.value.dispose(),n.value=void 0)};return t.onMounted(()=>b()),t.onBeforeUnmount(()=>w()),t.watch(e,a=>{const i=n.value;if(!i)return;const{restOptions:u}=v(a);F.isEqual(u,r.value)||(i.setOption(u,p.value),r.value=F.cloneDeep(u))},{deep:!0}),t.watch([z,f],()=>{w(),b()},{deep:!0}),t.watchEffect(()=>{const a=l.value;a&&n.value&&(n.value.group=a)}),t.watchEffect(()=>{const a=n.value;if(!a)return;const i=h.value;i?a.showLoading(F.isObject(i)?i:void 0):a.hideLoading()}),T(s,n,o),{containerRef:s,chartRef:n}}function B(e){return/^on[^a-z]/.test(e)}const I=["class","style","autoResize","group","loading","setOptionOpts","theme","onReady"];function v(e,s=!0){const n={},r=[];return Object.keys(e).forEach(o=>{if(!I.includes(o)){if(B(o)){if(s)return;const l=e[o];if(l){const f=o.endsWith("Once"),h=f?o.length-4:void 0,p=o.charAt(2).toLowerCase()+o.substring(3,h);r.push([p,l,f])}return}n[o]=e[o]}}),{restOptions:n,events:r}}const E=Symbol("CHART_TOKEN"),_={theme:"seer"},j=t.defineComponent({name:"IxChart",inheritAttrs:!1,setup(e,{attrs:s}){const n=t.inject(E,_),r=t.computed(()=>({...n,...s})),{containerRef:o}=R(r);return{containerRef:o,mergedProps:r}},render(){const{class:e,style:s}=this.mergedProps,n=t.isVue2?{ref:"containerRef",attrs:{class:e,style:s}}:{ref:"containerRef",class:e,style:s};return t.h("div",n)}}),m=["#458FFF","#45D9A3","#FFC145","#F5654F","#6A6AFD","#6ED1FF","#008787","#FF9245","#F587B3","#8352CC"],L=["#458FFF","#C8DEFF","#45D9A3","#C8F4E4","#FFC145","#FFEDC8","#F5654F","#FCD1CB","#6A6AFD","#D3D3FE","#6ED1FF","#D3D3FE","#008787","#B3DBDB","#FF9245","#FFDFC8","#F587B3","#FCDBE8","#8352CC","#FCDBE8"],P={color:m,textStyle:{color:"#2F3540",fontSize:"12px"},pie:{avoidLabelOverlap:!1,center:["25%","50%"],itemStyle:{borderWidth:1,borderColor:"#fff"},label:{show:!1,formatter:"{c}",position:"inside"}},legend:{textStyle:{color:"#2F3540",fontSize:"12px"}},title:{itemGap:4,textStyle:{color:"#2F3540",fontSize:"30px"},subtextStyle:{color:"#6F7785",fontSize:"12px"}},tooltip:{borderWidth:0,padding:12}};c.CHART_TOKEN=E,c.IxChart=j,c.seerColors10=m,c.seerColors20=L,c.seerTheme=P,c.useChart=R,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});