@vtj/charts 0.8.135 → 0.8.137

package/dist/index.mjs

@@ -6,19 +6,19 @@ import { debounce as y } from "@vtj/utils";
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/charts 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.135
+ * @version 0.8.137
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const S = "0.8.135";
-function w(s, r, n) {
+const S = "0.8.137";
+function w(n, r, s) {
   const e = o();
   return u(() => {
     const t = c(r);
-    t && (e.value || (e.value = h(s.init(t))), e.value && e.value.setOption(n.value || {}));
+    t && (e.value || (e.value = h(n.init(t))), e.value && e.value.setOption(s.value || {}));
   }), p(() => {
     e.value && e.value.dispose();
   }), f(
-    n,
+    s,
     (t) => {
       e.value && e.value.setOption(t || {});
     },
@@ -47,10 +47,10 @@ const C = l({
       type: Object
     }
   },
-  setup(s) {
-    const { width: r, height: n, option: e } = v(s), t = o(), a = d(() => ({
+  setup(n) {
+    const { width: r, height: s, option: e } = v(n), t = o(), a = d(() => ({
       width: r.value,
-      height: n.value
+      height: s.value
     })), { echartsInstance: i } = w(R, t, e);
     return {
       chartRef: t,
@@ -60,7 +60,8 @@ const C = l({
     };
   },
   render() {
-    return m("div", { class: "x-chart", ref: "chartRef", style: this.styles });
+    const { styles: n } = this;
+    return m("div", { class: "x-chart", ref: "chartRef", style: n });
   },
   expose: ["chartRef", "option", "echartsInstance"]
 }), b = [C];

package/dist/index.umd.js

@@ -1,7 +1,7 @@
-(function(t,i){typeof exports=="object"&&typeof module!="undefined"?i(exports):typeof define=="function"&&define.amd?define(["exports"],i):(t=typeof globalThis!="undefined"?globalThis:t||self,i(t.VtjCharts={}))})(this,function(t){"use strict";/**!
+(function(t,o){typeof exports=="object"&&typeof module!="undefined"?o(exports):typeof define=="function"&&define.amd?define(["exports"],o):(t=typeof globalThis!="undefined"?globalThis:t||self,o(t.VtjCharts={}))})(this,function(t){"use strict";/**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/charts 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.135
+ * @version 0.8.137
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
- */const i="0.8.135";function f(u,n,o){const e=Vue.ref();return Vue.onMounted(()=>{const s=Vue.unref(n);s&&(e.value||(e.value=Vue.markRaw(u.init(s))),e.value&&e.value.setOption(o.value||{}))}),Vue.onUnmounted(()=>{e.value&&e.value.dispose()}),Vue.watch(o,s=>{e.value&&e.value.setOption(s||{})},{deep:!0}),VueUse.useResizeObserver(n,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(u){const{width:n,height:o,option:e}=Vue.toRefs(u),s=Vue.ref(),l=Vue.computed(()=>({width:n.value,height:o.value})),{echartsInstance:d}=f(echarts,s,e);return{chartRef:s,option:e,styles:l,echartsInstance:d}},render(){return Vue.h("div",{class:"x-chart",ref:"chartRef",style:this.styles})},expose:["chartRef","option","echartsInstance"]}),c=[a],r=Symbol("INSTALLED_KEY");function h(u){u[r]||(u[r]=!0,c.forEach(n=>{n.name&&u.component(n.name,n)}))}t.INSTALLED_KEY=r,t.VTJ_CHARTS_VERSION=i,t.XChart=a,t.components=c,t.install=h,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+ */const o="0.8.137";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"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vtj/charts",
   "private": false,
-  "version": "0.8.135",
+  "version": "0.8.137",
   "type": "module",
   "engines": {
     "node": ">=16.0.0"
@@ -9,11 +9,11 @@
   "dependencies": {
     "@vueuse/core": "~11.0.3",
     "echarts": "~5.5.0",
-    "@vtj/icons": "~0.8.135",
-    "@vtj/utils": "~0.8.135"
+    "@vtj/icons": "~0.8.137",
+    "@vtj/utils": "~0.8.137"
   },
   "devDependencies": {
-    "@vtj/cli": "~0.8.30"
+    "@vtj/cli": "~0.8.32"
   },
   "files": [
     "dist",

package/types/components/Chart.d.ts

@@ -1,9 +1,8 @@
-import { PropType, DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { PropType, ComputedRef, DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { EChartsOption, ECharts } from 'echarts';
-
 export type ChartOption = EChartsOption;
 export type EChartsInstance = ECharts;
-declare const _default: DefineComponent<{
+declare const _default: DefineComponent<ExtractPropTypes<{
     width: {
         type: StringConstructor;
         default: string;
@@ -15,15 +14,12 @@ declare const _default: DefineComponent<{
     option: {
         type: PropType<ChartOption>;
     };
-}, {
-    chartRef: Ref<any>;
-    option: Ref<EChartsOption | undefined>;
-    styles: ComputedRef<{
-        width: string;
-        height: string;
-    }>;
-    echartsInstance: Ref<ECharts | undefined>;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+}>, {
+    chartRef: Ref<any, any>;
+    option: Ref<EChartsOption | undefined, EChartsOption | undefined>;
+    styles: ComputedRef<Record<string, any>>;
+    echartsInstance: Ref<ECharts | undefined, ECharts | undefined>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     width: {
         type: StringConstructor;
         default: string;
@@ -35,8 +31,8 @@ declare const _default: DefineComponent<{
     option: {
         type: PropType<ChartOption>;
     };
-}>>, {
+}>> & Readonly<{}>, {
     width: string;
     height: string;
-}, {}>;
+}, {}, {}, {}, "chartRef" | "option" | "echartsInstance", ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/components/index.d.ts

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

package/types/hooks/useChart.d.ts

@@ -1,6 +1,5 @@
 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>;
+    echartsInstance: Ref<ECharts | undefined, ECharts | undefined>;
 };

package/types/index.d.ts

@@ -1,3 +1,2 @@
-
 export { version as VTJ_CHARTS_VERSION } from './version';
 export * from './components';

package/types/install.d.ts

@@ -1,5 +1,4 @@
 import { App } from 'vue';
-
 export declare const INSTALLED_KEY: unique symbol;
 export declare function install(app: App): void;
 export * from './index';

package/types/version.d.ts

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