@vtj/charts 0.8.31 → 0.8.32

package/dist/index.mjs

@@ -1,38 +1,84 @@
-import { ref as o, onMounted as u, unref as c, markRaw as h, onUnmounted as p, watch as f, defineComponent as l, toRefs as v, computed as d, h as m } from "vue";
-import * as R from "echarts";
-import { useResizeObserver as g } from "@vueuse/core";
-import { debounce as y } from "@vtj/utils";
+import { getCurrentScope as b, onScopeDispose as S, unref as v, computed as c, watch as h, ref as a, getCurrentInstance as R, onMounted as m, markRaw as O, onUnmounted as g, defineComponent as C, toRefs as I, h as x } from "vue";
+import * as z from "echarts";
+import { debounce as M } from "@vtj/utils";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/charts 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.31
+ * @version 0.8.32
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const S = "0.8.31";
-function w(s, r, n) {
-  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 || {}));
-  }), p(() => {
-    e.value && e.value.dispose();
-  }), f(
-    n,
-    (t) => {
-      e.value && e.value.setOption(t || {});
+const B = "0.8.32";
+function W(e) {
+  return b() ? (S(e), !0) : !1;
+}
+function _(e) {
+  return typeof e == "function" ? e() : v(e);
+}
+const k = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+function d(e) {
+  var n;
+  const o = _(e);
+  return (n = o?.$el) != null ? n : o;
+}
+const A = k ? window : void 0;
+function T() {
+  const e = a(!1), n = R();
+  return n && m(() => {
+    e.value = !0;
+  }, n), e;
+}
+function V(e) {
+  const n = T();
+  return c(() => (n.value, !!e()));
+}
+function D(e, n, o = {}) {
+  const { window: t = A, ...r } = o;
+  let s;
+  const i = V(() => t && "ResizeObserver" in t), f = () => {
+    s && (s.disconnect(), s = void 0);
+  }, w = c(() => Array.isArray(e) ? e.map((u) => d(u)) : [d(e)]), y = h(
+    w,
+    (u) => {
+      if (f(), i.value && t) {
+        s = new ResizeObserver(n);
+        for (const p of u)
+          p && s.observe(p, r);
+      }
+    },
+    { immediate: !0, flush: "post" }
+  ), l = () => {
+    f(), y();
+  };
+  return W(l), {
+    isSupported: i,
+    stop: l
+  };
+}
+function E(e, n, o) {
+  const t = a();
+  return m(() => {
+    const r = v(n);
+    r && (t.value || (t.value = O(e.init(r))), t.value && t.value.setOption(o.value || {}));
+  }), g(() => {
+    t.value && t.value.dispose();
+  }), h(
+    o,
+    (r) => {
+      t.value && t.value.setOption(r || {});
     },
     { deep: !0 }
-  ), g(
-    r,
-    y(() => {
-      e.value && e.value.resize();
+  ), D(
+    n,
+    M(() => {
+      t.value && t.value.resize();
     }, 150)
   ), {
-    echartsInstance: e
+    echartsInstance: t
   };
 }
-const C = l({
+const G = C({
   name: "XChart",
   props: {
     width: {
@@ -47,25 +93,25 @@ const C = l({
       type: Object
     }
   },
-  setup(s) {
-    const { width: r, height: n, option: e } = v(s), t = o(), a = d(() => ({
-      width: r.value,
-      height: n.value
-    })), { echartsInstance: i } = w(R, t, e);
+  setup(e) {
+    const { width: n, height: o, option: t } = I(e), r = a(), s = c(() => ({
+      width: n.value,
+      height: o.value
+    })), { echartsInstance: i } = E(z, r, t);
     return {
-      chartRef: t,
-      option: e,
-      styles: a,
+      chartRef: r,
+      option: t,
+      styles: s,
       echartsInstance: i
     };
   },
   render() {
-    return m("div", { class: "x-chart", ref: "chartRef", style: this.styles });
+    return x("div", { class: "x-chart", ref: "chartRef", style: this.styles });
   },
   expose: ["chartRef", "option", "echartsInstance"]
-}), b = [C];
+}), H = [G];
 export {
-  S as VTJ_CHARTS_VERSION,
-  C as XChart,
-  b as components
+  B as VTJ_CHARTS_VERSION,
+  G as XChart,
+  H as components
 };

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,u){typeof exports=="object"&&typeof module!="undefined"?u(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],u):(t=typeof globalThis!="undefined"?globalThis:t||self,u(t.VtjCharts={},t.vue))})(this,function(t,u){"use strict";var w=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var b=(t,u)=>{var a={};for(var s in t)M.call(t,s)&&u.indexOf(s)<0&&(a[s]=t[s]);if(t!=null&&w)for(var s of w(t))u.indexOf(s)<0&&j.call(t,s)&&(a[s]=t[s]);return a};/**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/charts 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.31
+ * @version 0.8.32
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
- */const i="0.8.31";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 a="0.8.32";Vue;function s(e){return u.getCurrentScope()?(u.onScopeDispose(e),!0):!1}function C(e){return typeof e=="function"?e():u.unref(e)}const O=typeof window!="undefined"&&typeof document!="undefined";typeof WorkerGlobalScope!="undefined"&&globalThis instanceof WorkerGlobalScope;function p(e){var n;const i=C(e);return(n=i==null?void 0:i.$el)!=null?n:i}const R=O?window:void 0;function g(){const e=u.ref(!1),n=u.getCurrentInstance();return n&&u.onMounted(()=>{e.value=!0},n),e}function E(e){const n=g();return u.computed(()=>(n.value,!!e()))}function T(e,n,i={}){const S=i,{window:o=R}=S,r=b(S,["window"]);let c;const f=E(()=>o&&"ResizeObserver"in o),m=()=>{c&&(c.disconnect(),c=void 0)},A=u.computed(()=>Array.isArray(e)?e.map(d=>p(d)):[p(e)]),L=u.watch(A,d=>{if(m(),f.value&&o){c=new ResizeObserver(n);for(const V of d)V&&c.observe(V,r)}},{immediate:!0,flush:"post"}),y=()=>{m(),L()};return s(y),{isSupported:f,stop:y}}function I(e,n,i){const o=Vue.ref();return Vue.onMounted(()=>{const r=Vue.unref(n);r&&(o.value||(o.value=Vue.markRaw(e.init(r))),o.value&&o.value.setOption(i.value||{}))}),Vue.onUnmounted(()=>{o.value&&o.value.dispose()}),Vue.watch(i,r=>{o.value&&o.value.setOption(r||{})},{deep:!0}),T(n,VtjUtils.debounce(()=>{o.value&&o.value.resize()},150)),{echartsInstance:o}}const h=Vue.defineComponent({name:"XChart",props:{width:{type:String,default:"100%"},height:{type:String,default:"400px"},option:{type:Object}},setup(e){const{width:n,height:i,option:o}=Vue.toRefs(e),r=Vue.ref(),c=Vue.computed(()=>({width:n.value,height:i.value})),{echartsInstance:f}=I(echarts,r,o);return{chartRef:r,option:o,styles:c,echartsInstance:f}},render(){return Vue.h("div",{class:"x-chart",ref:"chartRef",style:this.styles})},expose:["chartRef","option","echartsInstance"]}),v=[h],l=Symbol("INSTALLED_KEY");function _(e){e[l]||(e[l]=!0,v.forEach(n=>{n.name&&e.component(n.name,n)}))}t.INSTALLED_KEY=l,t.VTJ_CHARTS_VERSION=a,t.XChart=h,t.components=v,t.install=_,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@vtj/charts",
   "private": false,
-  "version": "0.8.31",
+  "version": "0.8.32",
   "type": "module",
   "engines": {
     "node": ">=16.0.0"
   },
   "dependencies": {
-    "@vueuse/core": "~10.9.0",
     "echarts": "~5.5.0",
-    "@vtj/icons": "~0.8.31",
-    "@vtj/utils": "~0.8.31"
+    "@vtj/icons": "~0.8.32",
+    "@vtj/utils": "~0.8.32"
   },
   "devDependencies": {
-    "@vtj/cli": "~0.8.12"
+    "@vueuse/core": "~10.9.0",
+    "@vtj/cli": "~0.8.13"
   },
   "files": [
     "dist",

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.30
+ * @version 0.8.31
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export declare const version = "0.8.30";
+export declare const version = "0.8.31";