@idux/charts-core 0.1.0 → 0.4.0

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# @idux/charts-core
+
+## 0.4.0
+
+### Minor Changes
+
+- docs(release): publish v0.4.0
+
+## 0.3.0
+
+### Minor Changes
+
+- 0d08aec: update vite config

package/dist/components/Chart.d.ts

@@ -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

@@ -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

@@ -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

@@ -0,0 +1,333 @@
+import { DataZoomComponent as T, LegendComponent as W, GridComponent as I, TitleComponent as G, TooltipComponent as M } from "echarts/components";
+import { LabelLayout as V, UniversalTransition as j } from "echarts/features";
+import { SVGRenderer as H } from "echarts/renderers";
+import { watch as g, shallowRef as m, computed as d, unref as c, onMounted as N, onBeforeUnmount as P, watchEffect as A, isVue2 as U, defineComponent as Z, normalizeStyle as _, h as q } from "vue-demi";
+import { throttle as $, init as J, use as K, registerTheme as Q } from "echarts/core";
+import { isEqual as X, cloneDeep as b, isBoolean as Y, isNil as k } from "lodash-es";
+function ee(e, o, t) {
+  let r;
+  g(
+    [e, o, t],
+    ([n, a, l], f, F) => {
+      !n || !a || (l ? (r ?? (r = $(() => a.resize(), 16)), te(n, r)) : y(n, r), F(() => y(n, r)));
+    }
+  );
+}
+const p = /* @__PURE__ */ new Map();
+function te(e, o, t) {
+  if (!(!e || !o))
+    if (p.has(e))
+      p.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), p.set(e, { listeners: r, ro: n });
+    }
+}
+function y(e, o) {
+  if (!e || !o || !p.has(e))
+    return;
+  const { listeners: t, ro: r } = p.get(e), n = t.indexOf(o);
+  n > -1 && (t.splice(n, 1), t.length === 0 && (r.disconnect(), p.delete(e)));
+}
+const R = { text: "加载中..." };
+function oe(e) {
+  const o = m(), t = m(), r = m(), n = d(() => c(e).autoResize ?? !0), a = d(() => c(e).group), l = d(() => c(e).initOption), f = d(() => c(e).loading), F = d(() => c(e).setOptionOpts), C = d(() => c(e).theme ?? "seer"), v = () => {
+    const i = o.value;
+    if (!i)
+      return;
+    const s = J(i, C.value, l.value), u = c(e), { restOptions: D, events: z } = S(u, !1);
+    s.setOption(D, F.value), r.value = b(D), z.forEach(([O, E, L]) => {
+      let h = E;
+      L && (h = (...B) => {
+        E(...B), s.off(O, h);
+      }), s.on(O, h);
+    }), u.onReady && u.onReady(s), t.value = s;
+  }, x = () => {
+    t.value && (t.value.dispose(), t.value = void 0);
+  };
+  return N(() => v()), P(() => x()), g(
+    () => c(e),
+    (i) => {
+      const s = t.value;
+      if (!s)
+        return;
+      const { restOptions: u } = S(i);
+      X(u, r.value) || (s.setOption(u, F.value), r.value = b(u));
+    },
+    {
+      deep: !0
+    }
+  ), g([C, l], () => {
+    x(), v();
+  }), A(() => {
+    const i = a.value;
+    i && t.value && (t.value.group = i);
+  }), A(() => {
+    const i = t.value;
+    if (!i)
+      return;
+    const s = f.value;
+    s ? i.showLoading(Y(s) ? R : { ...R, ...s }) : i.hideLoading();
+  }), ee(o, t, n), { containerRef: o, chartRef: t };
+}
+function ne(e) {
+  return /^on[^a-z]/.test(e);
+}
+const re = [
+  "class",
+  "style",
+  "autoResize",
+  "group",
+  "loading",
+  "setOptionOpts",
+  "theme",
+  "onReady"
+];
+function S(e, o = !0) {
+  const t = {}, r = [];
+  return Object.keys(e).forEach((n) => {
+    if (!re.includes(n)) {
+      if (ne(n)) {
+        if (o)
+          return;
+        const a = e[n];
+        if (a) {
+          const l = n.endsWith("Once"), f = l ? n.length - 4 : void 0, F = n.charAt(2).toLowerCase() + n.substring(3, f);
+          r.push([F, a, l]);
+        }
+        return;
+      }
+      t[n] = e[n];
+    }
+  }), { restOptions: t, events: r };
+}
+const se = [
+  "#458FFF",
+  "#45D9A3",
+  "#FFC145",
+  "#F5654F",
+  "#6A6AFD",
+  "#6ED1FF",
+  "#008787",
+  "#FF9245",
+  "#F587B3",
+  "#8352CC",
+  "#65779B"
+], he = [
+  "#458FFF",
+  "#C8DEFF",
+  "#45D9A3",
+  "#C8F4E4",
+  "#FFC145",
+  "#FFEDC8",
+  "#F5654F",
+  "#FCD1CB",
+  "#6A6AFD",
+  "#D3D3FE",
+  "#6ED1FF",
+  "#D3D3FE",
+  "#008787",
+  "#B3DBDB",
+  "#FF9245",
+  "#FFDFC8",
+  "#F587B3",
+  "#FCDBE8",
+  "#8352CC",
+  "#FCDBE8",
+  "#65779B",
+  "#65779B"
+], me = [
+  "#8C1604",
+  "#DB4C35",
+  "#FF9245",
+  "#FFC145",
+  "#689FFF",
+  "#45D9A3",
+  "#99ACD1"
+], ie = {
+  color: se,
+  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,
+    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 ge(e) {
+  return !!(e && e.xAxis && e.xAxis.data);
+}
+function ae(e, o) {
+  const t = {
+    ...e,
+    ...o
+  };
+  return U ? { attrs: t } : t;
+}
+function Ce(e) {
+  return Object.entries(e).reduce((o, [t, r]) => (r !== void 0 && (o[t] = r), o), {});
+}
+function ve(e) {
+  return k(e) ? [] : Array.isArray(e) ? e : [e];
+}
+function le(e, o) {
+  K(o), Q("seer", ie);
+  const t = (r) => {
+    r.component(e.name, e);
+  };
+  e.install = t;
+}
+const w = Z({
+  name: "IxChart",
+  inheritAttrs: !1,
+  setup(e, { attrs: o }) {
+    const { containerRef: t } = oe(o);
+    return { containerRef: t };
+  },
+  render() {
+    const { class: e, style: o } = this.$attrs, t = ae({
+      class: e,
+      style: _({
+        width: "100%",
+        height: "100%",
+        ...o
+      })
+    });
+    return q("div", { ref: "containerRef", ...t });
+  }
+});
+le(w, [
+  T,
+  W,
+  I,
+  G,
+  M,
+  V,
+  j,
+  H
+]);
+const xe = w;
+export {
+  xe as IxChart,
+  ve as convertArray,
+  le as createInstall,
+  Ce as filterEmptyProps,
+  ge as isVertical,
+  ae as mergeAttrs,
+  se as seerColors,
+  he as seerColorsForMore,
+  me as seerColorsForRisk,
+  ie as seerTheme,
+  oe as useChart
+};

package/dist/index.umd.cjs

@@ -0,0 +1 @@
+(function(o,l){typeof exports=="object"&&typeof module<"u"?l(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"],l):(o=typeof globalThis<"u"?globalThis:o||self,l(o.IduxChartsCore={},o.echarts,o.echarts,o.echarts,o.VueDemi,o.echarts,o._))})(this,function(o,l,y,W,r,g,C){"use strict";function M(e,n,t){let i;r.watch([e,n,t],([s,f,u],F,p)=>{!s||!f||(u?(i??(i=g.throttle(()=>f.resize(),16)),G(s,i)):A(s,i),p(()=>A(s,i)))})}const h=new Map;function G(e,n,t){if(!(!e||!n))if(h.has(e))h.get(e).listeners.push(n);else{const i=[n],s=new ResizeObserver(f=>{f.forEach(u=>i.forEach(F=>F(u)))});s.observe(e,t),h.set(e,{listeners:i,ro:s})}}function A(e,n){if(!e||!n||!h.has(e))return;const{listeners:t,ro:i}=h.get(e),s=t.indexOf(n);s>-1&&(t.splice(s,1),t.length===0&&(i.disconnect(),h.delete(e)))}const x={text:"加载中..."};function m(e){const n=r.shallowRef(),t=r.shallowRef(),i=r.shallowRef(),s=r.computed(()=>r.unref(e).autoResize??!0),f=r.computed(()=>r.unref(e).group),u=r.computed(()=>r.unref(e).initOption),F=r.computed(()=>r.unref(e).loading),p=r.computed(()=>r.unref(e).setOptionOpts),L=r.computed(()=>r.unref(e).theme??"seer"),B=()=>{const c=n.value;if(!c)return;const a=g.init(c,L.value,u.value),d=r.unref(e),{restOptions:I,events:D}=w(d,!1);a.setOption(I,p.value),i.value=C.cloneDeep(I),D.forEach(([q,v,$])=>{let O=v;$&&(O=(...J)=>{v(...J),a.off(q,O)}),a.on(q,O)}),d.onReady&&d.onReady(a),t.value=a},T=()=>{t.value&&(t.value.dispose(),t.value=void 0)};return r.onMounted(()=>B()),r.onBeforeUnmount(()=>T()),r.watch(()=>r.unref(e),c=>{const a=t.value;if(!a)return;const{restOptions:d}=w(c);C.isEqual(d,i.value)||(a.setOption(d,p.value),i.value=C.cloneDeep(d))},{deep:!0}),r.watch([L,u],()=>{T(),B()}),r.watchEffect(()=>{const c=f.value;c&&t.value&&(t.value.group=c)}),r.watchEffect(()=>{const c=t.value;if(!c)return;const a=F.value;a?c.showLoading(C.isBoolean(a)?x:{...x,...a}):c.hideLoading()}),M(n,t,s),{containerRef:n,chartRef:t}}function V(e){return/^on[^a-z]/.test(e)}const j=["class","style","autoResize","group","loading","setOptionOpts","theme","onReady"];function w(e,n=!0){const t={},i=[];return Object.keys(e).forEach(s=>{if(!j.includes(s)){if(V(s)){if(n)return;const f=e[s];if(f){const u=s.endsWith("Once"),F=u?s.length-4:void 0,p=s.charAt(2).toLowerCase()+s.substring(3,F);i.push([p,f,u])}return}t[s]=e[s]}}),{restOptions:t,events:i}}const E=["#458FFF","#45D9A3","#FFC145","#F5654F","#6A6AFD","#6ED1FF","#008787","#FF9245","#F587B3","#8352CC","#65779B"],P=["#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"],R={color:E,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 S(e,n){const t={...e,...n};return r.isVue2?{attrs:t}:t}function N(e){return Object.entries(e).reduce((n,[t,i])=>(i!==void 0&&(n[t]=i),n),{})}function U(e){return C.isNil(e)?[]:Array.isArray(e)?e:[e]}function b(e,n){g.use(n),g.registerTheme("seer",R);const t=i=>{i.component(e.name,e)};e.install=t}const z=r.defineComponent({name:"IxChart",inheritAttrs:!1,setup(e,{attrs:n}){const{containerRef:t}=m(n);return{containerRef:t}},render(){const{class:e,style:n}=this.$attrs,t=S({class:e,style:r.normalizeStyle({width:"100%",height:"100%",...n})});return r.h("div",{ref:"containerRef",...t})}});b(z,[l.DataZoomComponent,l.LegendComponent,l.GridComponent,l.TitleComponent,l.TooltipComponent,y.LabelLayout,y.UniversalTransition,W.SVGRenderer]);const Z=z;o.IxChart=Z,o.convertArray=U,o.createInstall=b,o.filterEmptyProps=N,o.isVertical=H,o.mergeAttrs=S,o.seerColors=E,o.seerColorsForMore=P,o.seerColorsForRisk=_,o.seerTheme=R,o.useChart=m,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});

package/dist/themes/seer.d.ts

@@ -1,25 +1,43 @@
-export declare const seerColors10: string[];
-export declare const seerColors20: string[];
+export declare const seerColors: string[];
+export declare const seerColorsForMore: string[];
+export declare const seerColorsForRisk: 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

@@ -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

@@ -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

@@ -1,6 +1,6 @@
 {
   "name": "@idux/charts-core",
-  "version": "0.1.0",
+  "version": "0.4.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

@@ -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

@@ -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"})});