@vtj/charts 0.12.20 → 0.12.22

package/dist/index.mjs

@@ -1,38 +1,85 @@
-import { ref as o, onMounted as u, unref as c, markRaw as h, onUnmounted as p, watch as f, defineComponent as l, h as v, toRefs as d, computed as m } from "vue";
-import * as R from "echarts";
-import { useResizeObserver as g } from "@vueuse/core";
-import { debounce as y } from "@vtj/utils";
+import * as v from "echarts";
+import { reactive as w, ref as f, onMounted as h, unref as b, markRaw as S, onUnmounted as d, watch as p, shallowRef as j, defineComponent as g, h as m, toRefs as y, computed as C } from "vue";
+import { useResizeObserver as E } from "@vueuse/core";
+import { kebabCase as M, camelCase as x, debounce as k } from "@vtj/utils";
 /**!
  * Copyright (c) 2025, VTJ.PRO All rights reserved.
  * @name @vtj/charts 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.12.20
+ * @version 0.12.22
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const S = "0.12.20";
-function w(n, r, s) {
-  const e = o();
-  return u(() => {
-    const t = c(r);
-    t && (e.value || (e.value = h(n.init(t))), e.value && e.value.setOption(s.value || {}));
-  }), p(() => {
-    e.value && e.value.dispose();
-  }), f(
-    s,
-    (t) => {
+const I = "0.12.22";
+function J(a) {
+  const o = w({});
+  for (const [c, e] of Object.entries(a)) {
+    const [r, ...s] = M(c).split("-");
+    if (r === "on" && typeof e == "function") {
+      const t = x(s.join("-"));
+      o[t] = e;
+    }
+  }
+  return o;
+}
+function L(a, o, c) {
+  const e = f(), r = J(c);
+  return h(() => {
+    const t = b(a);
+    if (t && (e.value || (e.value = S(v.init(t))), e.value)) {
+      for (const [i, n] of Object.entries(r))
+        e.value.on(i, n);
+      e.value.setOption(o.value || {});
+    }
+  }), d(() => {
+    if (e.value) {
+      for (const t of Object.keys(r))
+        e.value.off(t);
+      e.value.dispose();
+    }
+  }), p(
+    o,
+    async (t) => {
       e.value && e.value.setOption(t || {});
     },
     { deep: !0 }
-  ), g(
-    r,
-    y(() => {
+  ), E(
+    a,
+    k(() => {
       e.value && e.value.resize();
     }, 150)
   ), {
-    echartsInstance: e
+    instance: e,
+    getEChart: () => e.value
+  };
+}
+function X(a, o, c) {
+  const e = f(), r = j(null), s = f({}), t = async (i, n) => {
+    const u = e.value?.instance;
+    u && u.showLoading();
+    const l = typeof n == "string" ? await fetch(n).then((O) => O.json()).catch(() => null) : n;
+    return u && u.hideLoading(), l && v.registerMap(i, l), l;
+  };
+  return p([a, o], async () => {
+    r.value = await t(a.value, o.value);
+  }), p(r, (i) => {
+    if (i) {
+      const n = c.option || {};
+      n.geo && (n.geo.map = a.value), (n.series || []).map((l) => {
+        l?.type === "map" && (l.map = a.value);
+      }), s.value = n;
+    }
+  }), h(async () => {
+    r.value = await t(a.value, o.value);
+  }), d(() => {
+    const i = e.value?.instance;
+    i && i.hideLoading();
+  }), {
+    chartRef: e,
+    geoJSON: r,
+    option: s
   };
 }
-const C = l({
+const R = g({
   name: "XChart",
   props: {
     width: {
@@ -47,26 +94,72 @@ const C = l({
       type: Object
     }
   },
-  setup(n) {
-    const { width: r, height: s, option: e } = d(n), t = o(), a = m(() => ({
-      width: r.value,
-      height: s.value
-    })), { echartsInstance: i } = w(R, t, e);
-    return {
-      chartRef: t,
-      option: e,
-      styles: a,
-      echartsInstance: i
+  setup(a, { expose: o, attrs: c }) {
+    const { width: e, height: r, option: s } = y(a), t = f(), i = C(() => ({
+      width: e.value,
+      height: r.value
+    })), { instance: n, getEChart: u } = L(t, s, c);
+    return o({
+      elRef: t,
+      option: s,
+      instance: n,
+      getEChart: u
+    }), {
+      elRef: t,
+      option: s,
+      styles: i,
+      instance: n,
+      getEChart: u
+    };
+  },
+  render() {
+    return m("div", { class: "x-chart", ref: "elRef", style: this.styles });
+  }
+}), T = g({
+  name: "XMapChart",
+  inheritAttrs: !1,
+  props: {
+    geoJson: {
+      type: [String, Object],
+      default: "https://unpkg.com/vtj-geojson@0.1.3/geo/100000/100000.geoJson"
+    },
+    name: {
+      type: String,
+      default: "china"
+    }
+  },
+  emits: ["ready"],
+  async setup(a, { attrs: o, emit: c }) {
+    const { name: e, geoJson: r } = y(a), { chartRef: s, geoJSON: t, option: i } = X(e, r, o), n = C(() => s.value?.instance);
+    return h(() => {
+      c("ready", n.value);
+    }), {
+      chartRef: s,
+      option: i,
+      instance: n,
+      getChartRef: () => s.value,
+      getEChart: () => s.value?.getEChart(),
+      geoJSON: t
     };
   },
   render() {
-    const { styles: n } = this;
-    return v("div", { class: "x-chart", ref: "chartRef", style: n });
+    return m(
+      R,
+      {
+        ...this.$attrs,
+        ref: "chartRef",
+        class: "x-map-chart",
+        option: this.option
+      },
+      this.$slots
+    );
   },
-  expose: ["chartRef", "option", "echartsInstance"]
-}), b = [C];
+  methods: {}
+}), V = [R];
 export {
-  S as VTJ_CHARTS_VERSION,
-  C as XChart,
-  b as components
+  I as VTJ_CHARTS_VERSION,
+  R as XChart,
+  T as XMapChart,
+  V as components,
+  v as echarts
 };

package/dist/index.umd.js

@@ -1,7 +1,7 @@
-(function(t,o){typeof exports=="object"&&typeof module<"u"?o(exports):typeof define=="function"&&define.amd?define(["exports"],o):(t=typeof globalThis<"u"?globalThis:t||self,o(t.VtjCharts={}))})(this,function(t){"use strict";/**!
+(function(r,h){typeof exports=="object"&&typeof module<"u"?h(exports):typeof define=="function"&&define.amd?define(["exports"],h):(r=typeof globalThis<"u"?globalThis:r||self,h(r.VtjCharts={}))})(this,function(r){"use strict";/**!
  * Copyright (c) 2025, VTJ.PRO All rights reserved.
  * @name @vtj/charts 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.12.20
+ * @version 0.12.22
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
- */const o="0.12.20";function f(n,u,i){const e=Vue.ref();return Vue.onMounted(()=>{const s=Vue.unref(u);s&&(e.value||(e.value=Vue.markRaw(n.init(s))),e.value&&e.value.setOption(i.value||{}))}),Vue.onUnmounted(()=>{e.value&&e.value.dispose()}),Vue.watch(i,s=>{e.value&&e.value.setOption(s||{})},{deep:!0}),VueUse.useResizeObserver(u,VtjUtils.debounce(()=>{e.value&&e.value.resize()},150)),{echartsInstance:e}}const a=Vue.defineComponent({name:"XChart",props:{width:{type:String,default:"100%"},height:{type:String,default:"400px"},option:{type:Object}},setup(n){const{width:u,height:i,option:e}=Vue.toRefs(n),s=Vue.ref(),l=Vue.computed(()=>({width:u.value,height:i.value})),{echartsInstance:d}=f(echarts,s,e);return{chartRef:s,option:e,styles:l,echartsInstance:d}},render(){const{styles:n}=this;return Vue.h("div",{class:"x-chart",ref:"chartRef",style:n})},expose:["chartRef","option","echartsInstance"]}),c=[a],r=Symbol("INSTALLED_KEY");function h(n){n[r]||(n[r]=!0,c.forEach(u=>{u.name&&n.component(u.name,u)}))}t.INSTALLED_KEY=r,t.VTJ_CHARTS_VERSION=o,t.XChart=a,t.components=c,t.install=h,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+ */const h="0.12.22";function V(n){const a=Vue.reactive({});for(const[l,e]of Object.entries(n)){const[i,...o]=VtjUtils.kebabCase(l).split("-");if(i==="on"&&typeof e=="function"){const s=VtjUtils.camelCase(o.join("-"));a[s]=e}}return a}function m(n,a,l){const e=Vue.ref(),i=V(l);return Vue.onMounted(()=>{const s=Vue.unref(n);if(s&&(e.value||(e.value=Vue.markRaw(echarts.init(s))),e.value)){for(const[c,t]of Object.entries(i))e.value.on(c,t);e.value.setOption(a.value||{})}}),Vue.onUnmounted(()=>{if(e.value){for(const s of Object.keys(i))e.value.off(s);e.value.dispose()}}),Vue.watch(a,async s=>{e.value&&e.value.setOption(s||{})},{deep:!0}),VueUse.useResizeObserver(n,VtjUtils.debounce(()=>{e.value&&e.value.resize()},150)),{instance:e,getEChart:()=>e.value}}function y(n,a,l){const e=Vue.ref(),i=Vue.shallowRef(null),o=Vue.ref({}),s=async(c,t)=>{var g;const u=(g=e.value)==null?void 0:g.instance;u&&u.showLoading();const f=typeof t=="string"?await fetch(t).then(j=>j.json()).catch(()=>null):t;return u&&u.hideLoading(),f&&echarts.registerMap(c,f),f};return Vue.watch([n,a],async()=>{i.value=await s(n.value,a.value)}),Vue.watch(i,c=>{if(c){const t=l.option||{};t.geo&&(t.geo.map=n.value),(t.series||[]).map(f=>{(f==null?void 0:f.type)==="map"&&(f.map=n.value)}),o.value=t}}),Vue.onMounted(async()=>{i.value=await s(n.value,a.value)}),Vue.onUnmounted(()=>{var t;const c=(t=e.value)==null?void 0:t.instance;c&&c.hideLoading()}),{chartRef:e,geoJSON:i,option:o}}const p=Vue.defineComponent({name:"XChart",props:{width:{type:String,default:"100%"},height:{type:String,default:"400px"},option:{type:Object}},setup(n,{expose:a,attrs:l}){const{width:e,height:i,option:o}=Vue.toRefs(n),s=Vue.ref(),c=Vue.computed(()=>({width:e.value,height:i.value})),{instance:t,getEChart:u}=m(s,o,l);return a({elRef:s,option:o,instance:t,getEChart:u}),{elRef:s,option:o,styles:c,instance:t,getEChart:u}},render(){return Vue.h("div",{class:"x-chart",ref:"elRef",style:this.styles})}}),C=Vue.defineComponent({name:"XMapChart",inheritAttrs:!1,props:{geoJson:{type:[String,Object],default:"https://unpkg.com/vtj-geojson@0.1.3/geo/100000/100000.geoJson"},name:{type:String,default:"china"}},emits:["ready"],async setup(n,{attrs:a,emit:l}){const{name:e,geoJson:i}=Vue.toRefs(n),{chartRef:o,geoJSON:s,option:c}=y(e,i,a),t=Vue.computed(()=>{var u;return(u=o.value)==null?void 0:u.instance});return Vue.onMounted(()=>{l("ready",t.value)}),{chartRef:o,option:c,instance:t,getChartRef:()=>o.value,getEChart:()=>{var u;return(u=o.value)==null?void 0:u.getEChart()},geoJSON:s}},render(){return Vue.h(p,{...this.$attrs,ref:"chartRef",class:"x-map-chart",option:this.option},this.$slots)},methods:{}}),v=[p];var b=echarts;const d=Symbol("INSTALLED_KEY");function S(n){n[d]||(n[d]=!0,v.forEach(a=>{a.name&&n.component(a.name,a)}))}r.INSTALLED_KEY=d,r.VTJ_CHARTS_VERSION=h,r.XChart=p,r.XMapChart=C,r.components=v,r.echarts=b,r.install=S,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vtj/charts",
   "private": false,
-  "version": "0.12.20",
+  "version": "0.12.22",
   "type": "module",
   "keywords": [
     "低代码引擎",
@@ -26,8 +26,8 @@
   "dependencies": {
     "@vueuse/core": "~13.1.0",
     "echarts": "~5.6.0",
-    "@vtj/icons": "~0.12.20",
-    "@vtj/utils": "~0.12.20"
+    "@vtj/icons": "~0.12.22",
+    "@vtj/utils": "~0.12.22"
   },
   "devDependencies": {
     "@vtj/cli": "~0.12.2"

package/types/components/Chart.d.ts

@@ -15,10 +15,11 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         type: PropType<ChartOption>;
     };
 }>, {
-    chartRef: Ref<any, any>;
+    elRef: Ref<any, any>;
     option: Ref<EChartsOption | undefined, EChartsOption | undefined>;
     styles: ComputedRef<Record<string, any>>;
-    echartsInstance: Ref<ECharts | undefined, ECharts | undefined>;
+    instance: Ref<ECharts | undefined, ECharts | undefined>;
+    getEChart: () => ECharts | undefined;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     width: {
         type: StringConstructor;
@@ -34,5 +35,5 @@ declare const _default: DefineComponent<ExtractPropTypes<{
 }>> & Readonly<{}>, {
     width: string;
     height: string;
-}, {}, {}, {}, "chartRef" | "option" | "echartsInstance", ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/components/MapChart.d.ts

@@ -0,0 +1,182 @@
+import { DefineComponent, ExtractPropTypes, Ref, CreateComponentPublicInstanceWithMixins, PropType, ComputedRef, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ShallowRef } from 'vue';
+import { ChartOption } from './Chart';
+import { EChartsOption, ECharts } from 'echarts';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    geoJson: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    chartRef: Ref< CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+        width: {
+            type: StringConstructor;
+            default: string;
+        };
+        height: {
+            type: StringConstructor;
+            default: string;
+        };
+        option: {
+            type: PropType<ChartOption>;
+        };
+    }>> & Readonly<{}>, {
+        elRef: Ref<any, any>;
+        option: Ref< EChartsOption | undefined, EChartsOption | undefined>;
+        styles: ComputedRef<Record<string, any>>;
+        instance: Ref< ECharts | undefined, ECharts | undefined>;
+        getEChart: () => ECharts | undefined;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        width: string;
+        height: string;
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        width: {
+            type: StringConstructor;
+            default: string;
+        };
+        height: {
+            type: StringConstructor;
+            default: string;
+        };
+        option: {
+            type: PropType<ChartOption>;
+        };
+    }>> & Readonly<{}>, {
+        elRef: Ref<any, any>;
+        option: Ref< EChartsOption | undefined, EChartsOption | undefined>;
+        styles: ComputedRef<Record<string, any>>;
+        instance: Ref< ECharts | undefined, ECharts | undefined>;
+        getEChart: () => ECharts | undefined;
+    }, {}, {}, {}, {
+        width: string;
+        height: string;
+    }> | undefined, CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+        width: {
+            type: StringConstructor;
+            default: string;
+        };
+        height: {
+            type: StringConstructor;
+            default: string;
+        };
+        option: {
+            type: PropType<ChartOption>;
+        };
+    }>> & Readonly<{}>, {
+        elRef: Ref<any, any>;
+        option: Ref< EChartsOption | undefined, EChartsOption | undefined>;
+        styles: ComputedRef<Record<string, any>>;
+        instance: Ref< ECharts | undefined, ECharts | undefined>;
+        getEChart: () => ECharts | undefined;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        width: string;
+        height: string;
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        width: {
+            type: StringConstructor;
+            default: string;
+        };
+        height: {
+            type: StringConstructor;
+            default: string;
+        };
+        option: {
+            type: PropType<ChartOption>;
+        };
+    }>> & Readonly<{}>, {
+        elRef: Ref<any, any>;
+        option: Ref< EChartsOption | undefined, EChartsOption | undefined>;
+        styles: ComputedRef<Record<string, any>>;
+        instance: Ref< ECharts | undefined, ECharts | undefined>;
+        getEChart: () => ECharts | undefined;
+    }, {}, {}, {}, {
+        width: string;
+        height: string;
+    }> | undefined>;
+    option: Ref<any, any>;
+    instance: ComputedRef< ECharts | undefined>;
+    getChartRef: () => CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+        width: {
+            type: StringConstructor;
+            default: string;
+        };
+        height: {
+            type: StringConstructor;
+            default: string;
+        };
+        option: {
+            type: PropType<ChartOption>;
+        };
+    }>> & Readonly<{}>, {
+        elRef: Ref<any, any>;
+        option: Ref< EChartsOption | undefined, EChartsOption | undefined>;
+        styles: ComputedRef<Record<string, any>>;
+        instance: Ref< ECharts | undefined, ECharts | undefined>;
+        getEChart: () => ECharts | undefined;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        width: string;
+        height: string;
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        width: {
+            type: StringConstructor;
+            default: string;
+        };
+        height: {
+            type: StringConstructor;
+            default: string;
+        };
+        option: {
+            type: PropType<ChartOption>;
+        };
+    }>> & Readonly<{}>, {
+        elRef: Ref<any, any>;
+        option: Ref< EChartsOption | undefined, EChartsOption | undefined>;
+        styles: ComputedRef<Record<string, any>>;
+        instance: Ref< ECharts | undefined, ECharts | undefined>;
+        getEChart: () => ECharts | undefined;
+    }, {}, {}, {}, {
+        width: string;
+        height: string;
+    }> | undefined;
+    getEChart: () => ECharts | undefined;
+    geoJSON: ShallowRef<any, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "ready"[], "ready", PublicProps, Readonly< ExtractPropTypes<{
+    geoJson: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onReady?: ((...args: any[]) => any) | undefined;
+}>, {
+    name: string;
+    geoJson: string | Record<string, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/components/index.d.ts

@@ -1,3 +1,5 @@
 import { default as XChart } from './Chart';
+import { default as XMapChart } from './MapChart';
+import * as echarts from 'echarts';
 export declare const components: any[];
-export { XChart };
+export { echarts, XChart, XMapChart };

package/types/hooks/index.d.ts

@@ -1 +1,3 @@
 export * from './useChart';
+export * from './useMapChart';
+export * from './useListeners';

package/types/hooks/useChart.d.ts

@@ -1,5 +1,7 @@
 import { MaybeRef, Ref } from 'vue';
-import { ECharts, EChartsOption } from 'echarts';
-export declare function useChart(echarts: any, el: MaybeRef<HTMLElement>, option: Ref<EChartsOption | undefined>): {
-    echartsInstance: Ref<ECharts | undefined, ECharts | undefined>;
+import { EChartsOption } from 'echarts';
+import * as echarts from 'echarts';
+export declare function useChart(el: MaybeRef<HTMLElement>, option: Ref<EChartsOption | undefined>, attrs: Record<string, any>): {
+    instance: Ref<echarts.ECharts | undefined, echarts.ECharts | undefined>;
+    getEChart: () => echarts.ECharts | undefined;
 };

package/types/hooks/useListeners.d.ts

@@ -0,0 +1 @@
+export declare function useListeners(attrs: Record<string, any>): Record<string, (...args: any) => void>;

package/types/hooks/useMapChart.d.ts

@@ -0,0 +1,106 @@
+import { Ref, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComputedRef, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ShallowRef } from 'vue';
+import { ChartOption } from '../components/Chart';
+import * as echarts from 'echarts';
+export declare function useMapChart(name: Ref<string>, geoJson: Ref<any>, attrs: Record<string, any>): {
+    chartRef: Ref< CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+        width: {
+            type: StringConstructor;
+            default: string;
+        };
+        height: {
+            type: StringConstructor;
+            default: string;
+        };
+        option: {
+            type: PropType<ChartOption>;
+        };
+    }>> & Readonly<{}>, {
+        elRef: Ref<any, any>;
+        option: Ref<echarts.EChartsOption | undefined, echarts.EChartsOption | undefined>;
+        styles: ComputedRef<Record<string, any>>;
+        instance: Ref<echarts.ECharts | undefined, echarts.ECharts | undefined>;
+        getEChart: () => echarts.ECharts | undefined;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        width: string;
+        height: string;
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        width: {
+            type: StringConstructor;
+            default: string;
+        };
+        height: {
+            type: StringConstructor;
+            default: string;
+        };
+        option: {
+            type: PropType<ChartOption>;
+        };
+    }>> & Readonly<{}>, {
+        elRef: Ref<any, any>;
+        option: Ref<echarts.EChartsOption | undefined, echarts.EChartsOption | undefined>;
+        styles: ComputedRef<Record<string, any>>;
+        instance: Ref<echarts.ECharts | undefined, echarts.ECharts | undefined>;
+        getEChart: () => echarts.ECharts | undefined;
+    }, {}, {}, {}, {
+        width: string;
+        height: string;
+    }> | undefined, CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+        width: {
+            type: StringConstructor;
+            default: string;
+        };
+        height: {
+            type: StringConstructor;
+            default: string;
+        };
+        option: {
+            type: PropType<ChartOption>;
+        };
+    }>> & Readonly<{}>, {
+        elRef: Ref<any, any>;
+        option: Ref<echarts.EChartsOption | undefined, echarts.EChartsOption | undefined>;
+        styles: ComputedRef<Record<string, any>>;
+        instance: Ref<echarts.ECharts | undefined, echarts.ECharts | undefined>;
+        getEChart: () => echarts.ECharts | undefined;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        width: string;
+        height: string;
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        width: {
+            type: StringConstructor;
+            default: string;
+        };
+        height: {
+            type: StringConstructor;
+            default: string;
+        };
+        option: {
+            type: PropType<ChartOption>;
+        };
+    }>> & Readonly<{}>, {
+        elRef: Ref<any, any>;
+        option: Ref<echarts.EChartsOption | undefined, echarts.EChartsOption | undefined>;
+        styles: ComputedRef<Record<string, any>>;
+        instance: Ref<echarts.ECharts | undefined, echarts.ECharts | undefined>;
+        getEChart: () => echarts.ECharts | undefined;
+    }, {}, {}, {}, {
+        width: string;
+        height: string;
+    }> | undefined>;
+    geoJSON: ShallowRef<any, any>;
+    option: Ref<any, any>;
+};

package/types/version.d.ts

@@ -2,7 +2,7 @@
  * Copyright (c) 2025, VTJ.PRO All rights reserved.
  * @name @vtj/charts
  * @author CHC chenhuachun1549@dingtalk.com
- * @version 0.12.19
+ * @version 0.12.21
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export declare const version = "0.12.19";
+export declare const version = "0.12.21";