@idux/charts-core 0.0.4 → 0.1.0

package/dist/index.mjs

@@ -1,78 +1,78 @@
-import { watch as h, shallowRef as v, computed as d, onMounted as w, onBeforeUnmount as T, watchEffect as E, defineComponent as y, inject as I, h as L, isVue2 as _ } from "vue-demi";
-import { throttle as j, init as H } from "echarts/core";
-import { isEqual as M, cloneDeep as x, isObject as N } from "lodash-es";
-function P(e, s, n) {
-  let o;
+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, s, n],
-    ([t, a, r], u, l) => {
-      !t || !a || (r ? (o ?? (o = j(() => a.resize(), 16)), W(t, o)) : z(t, o), l(() => z(t, o)));
+    [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, s, n) {
-  if (!(!e || !s))
+function W(e, o, t) {
+  if (!(!e || !o))
     if (p.has(e))
-      p.get(e).listeners.push(s);
+      p.get(e).listeners.push(o);
     else {
-      const o = [s], t = new ResizeObserver((a) => {
-        a.forEach((r) => o.forEach((u) => u(r)));
+      const s = [o], n = new ResizeObserver((c) => {
+        c.forEach((a) => s.forEach((f) => f(a)));
       });
-      t.observe(e, n), p.set(e, { listeners: o, ro: t });
+      n.observe(e, t), p.set(e, { listeners: s, ro: n });
     }
 }
-function z(e, s) {
-  if (!e || !s || !p.has(e))
+function z(e, o) {
+  if (!e || !o || !p.has(e))
     return;
-  const { listeners: n, ro: o } = p.get(e), t = n.indexOf(s);
-  t > -1 && (n.splice(t, 1), n.length === 0 && (o.disconnect(), p.delete(e)));
+  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 s = v(), n = v(), o = v(), t = d(() => e.value.autoResize ?? !0), a = d(() => e.value.group), r = d(() => e.value.initOption), u = d(() => e.value.loading), l = d(() => e.value.setOptionOpts), m = d(() => e.value.theme), C = () => {
-    const c = s.value;
-    if (!c)
+  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 i = H(c, m.value, r.value), f = e.value, { restOptions: g, events: A } = b(f, !1);
-    i.setOption(g, l.value), o.value = x(g), A.forEach(([D, R, S]) => {
+    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), i.off(D, F);
-      }), i.on(D, F);
-    }), f.onReady && f.onReady(i), n.value = i;
-  }, O = () => {
-    n.value && (n.value.dispose(), n.value = void 0);
+        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(() => O()), h(
+  return w(() => C()), T(() => g()), h(
     e,
-    (c) => {
-      const i = n.value;
-      if (!i)
+    (i) => {
+      const r = t.value;
+      if (!r)
         return;
-      const { restOptions: f } = b(c);
-      M(f, o.value) || (i.setOption(f, l.value), o.value = x(f));
+      const { restOptions: u } = b(i);
+      H(u, s.value) || (r.setOption(u, d.value), s.value = x(u));
     },
     {
       deep: !0
     }
   ), h(
-    [m, r],
+    [m, a],
     () => {
-      O(), C();
+      g(), C();
     },
     {
       deep: !0
     }
   ), E(() => {
-    const c = a.value;
-    c && n.value && (n.value.group = c);
+    const i = c.value;
+    i && t.value && (t.value.group = i);
   }), E(() => {
-    const c = n.value;
-    if (!c)
+    const i = t.value;
+    if (!i)
       return;
-    const i = u.value;
-    i ? c.showLoading(N(i) ? i : void 0) : c.hideLoading();
-  }), P(s, n, t), { containerRef: s, chartRef: n };
+    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);
@@ -87,35 +87,36 @@ const q = [
   "theme",
   "onReady"
 ];
-function b(e, s = !0) {
-  const n = {}, o = [];
-  return Object.keys(e).forEach((t) => {
-    if (!q.includes(t)) {
-      if (K(t)) {
-        if (s)
+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 a = e[t];
-        if (a) {
-          const r = t.endsWith("Once"), u = r ? t.length - 4 : void 0, l = t.charAt(2).toLowerCase() + t.substring(3, u);
-          o.push([l, a, r]);
+        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;
       }
-      n[t] = e[t];
+      t[n] = e[n];
     }
-  }), { restOptions: n, events: o };
+  }), { restOptions: t, events: s };
 }
 const U = Symbol("CHART_TOKEN"), V = {
   theme: "seer"
 }, J = y({
   name: "IxChart",
   inheritAttrs: !1,
-  setup(e, { attrs: s, expose: n }) {
-    const o = I(U, V), t = d(() => ({ ...o, ...s })), { containerRef: a } = G(t);
-    return n({ containerRef: a }), () => {
-      const { class: r, style: u } = t.value;
-      return L("div", _ ? { ref: "containerRef", attrs: { class: r, style: u } } : { ref: "containerRef", class: r, style: u });
-    };
+  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",

package/dist/index.umd.js

@@ -1 +1 @@
-(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,r,o){let s;t.watch([e,r,o],([n,l,i],f,d)=>{!n||!l||(i?(s??(s=O.throttle(()=>l.resize(),16)),y(n,s)):g(n,s),d(()=>g(n,s)))})}const p=new Map;function y(e,r,o){if(!(!e||!r))if(p.has(e))p.get(e).listeners.push(r);else{const s=[r],n=new ResizeObserver(l=>{l.forEach(i=>s.forEach(f=>f(i)))});n.observe(e,o),p.set(e,{listeners:s,ro:n})}}function g(e,r){if(!e||!r||!p.has(e))return;const{listeners:o,ro:s}=p.get(e),n=o.indexOf(r);n>-1&&(o.splice(n,1),o.length===0&&(s.disconnect(),p.delete(e)))}function v(e){const r=t.shallowRef(),o=t.shallowRef(),s=t.shallowRef(),n=t.computed(()=>e.value.autoResize??!0),l=t.computed(()=>e.value.group),i=t.computed(()=>e.value.initOption),f=t.computed(()=>e.value.loading),d=t.computed(()=>e.value.setOptionOpts),z=t.computed(()=>e.value.theme),b=()=>{const u=r.value;if(!u)return;const a=O.init(u,z.value,i.value),h=e.value,{restOptions:S,events:H}=R(h,!1);a.setOption(S,d.value),s.value=F.cloneDeep(S),H.forEach(([x,A,M])=>{let C=A;M&&(C=(...N)=>{A(...N),a.off(x,C)}),a.on(x,C)}),h.onReady&&h.onReady(a),o.value=a},w=()=>{o.value&&(o.value.dispose(),o.value=void 0)};return t.onMounted(()=>b()),t.onBeforeUnmount(()=>w()),t.watch(e,u=>{const a=o.value;if(!a)return;const{restOptions:h}=R(u);F.isEqual(h,s.value)||(a.setOption(h,d.value),s.value=F.cloneDeep(h))},{deep:!0}),t.watch([z,i],()=>{w(),b()},{deep:!0}),t.watchEffect(()=>{const u=l.value;u&&o.value&&(o.value.group=u)}),t.watchEffect(()=>{const u=o.value;if(!u)return;const a=f.value;a?u.showLoading(F.isObject(a)?a:void 0):u.hideLoading()}),T(r,o,n),{containerRef:r,chartRef:o}}function B(e){return/^on[^a-z]/.test(e)}const I=["class","style","autoResize","group","loading","setOptionOpts","theme","onReady"];function R(e,r=!0){const o={},s=[];return Object.keys(e).forEach(n=>{if(!I.includes(n)){if(B(n)){if(r)return;const l=e[n];if(l){const i=n.endsWith("Once"),f=i?n.length-4:void 0,d=n.charAt(2).toLowerCase()+n.substring(3,f);s.push([d,l,i])}return}o[n]=e[n]}}),{restOptions:o,events:s}}const E=Symbol("CHART_TOKEN"),_={theme:"seer"},j=t.defineComponent({name:"IxChart",inheritAttrs:!1,setup(e,{attrs:r,expose:o}){const s=t.inject(E,_),n=t.computed(()=>({...s,...r})),{containerRef:l}=v(n);return o({containerRef:l}),()=>{const{class:i,style:f}=n.value,d=t.isVue2?{ref:"containerRef",attrs:{class:i,style:f}}:{ref:"containerRef",class:i,style:f};return t.h("div",d)}}}),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"],q={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=q,c.useChart=v,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
+(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"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idux/charts-core",
-  "version": "0.0.4",
+  "version": "0.1.0",
   "description": "A UI Component Development Kit for Vue 3.x",
   "keywords": [
     "vue",
@@ -29,10 +29,6 @@
   "files": [
     "/dist"
   ],
-  "scripts": {
-    "clean": "rimraf dist node_modules",
-    "build": "rimraf dist && vite build"
-  },
   "dependencies": {
     "echarts": "^5.4.0",
     "lodash-es": "^4.17.0",
@@ -46,5 +42,9 @@
     "@vue/composition-api": {
       "optional": true
     }
+  },
+  "scripts": {
+    "clean": "rimraf dist node_modules",
+    "build": "rimraf dist && vite build"
   }
-}
+}