st-comp 0.0.71 → 0.0.72

package/es/Pie.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("vue"),h=require("echarts"),C=require("./bundle.umd-c5698c50.cjs"),b=require("./_plugin-vue_export-helper-f246444f.cjs");require("./_commonjsHelpers-87b0abe8.cjs");function F(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const l in o)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(o,l);Object.defineProperty(a,l,i.get?i:{enumerable:!0,get:()=>o[l]})}}return a.default=o,Object.freeze(a)}const B=F(h),D=r.defineComponent({__name:"index",props:{data:{type:Array,default:()=>[]},config:{type:Object,default:()=>({})},style:{type:Object,default:()=>[]}},setup(o){const{add:a,multiply:l,divide:i,round:_}=C.bundle_umdExports.stMath,v={colorList:["#FAF277","#FFC467","#FFA872","#FB962E","#FF772C","#FF577C","#F679D7","#9B4A9B","#9169D7","#9192D0","#655AC7","#4084DE","#0074DA","#0098DF","#00BBE9","#00D2DE","#73E2E6","#00CBB1","#00B488","#48D09A","#93D984","#C9EC7C","#D4E300","#E2BA2B","#A18300","#BC6F3F","#A84E12","#7C462E","#713532","#962B23"],legendColor:"#000",inactiveColor:"#ccc"},g={tooltipFormatter:null};let s,u;const n=o,p=r.ref(),f=r.computed(()=>({...v,...n.style})),y=r.computed(()=>({...g,...n.config}));r.watch(()=>[n.data,n.style],()=>{m()},{deep:!0}),r.onMounted(()=>{s=B.init(p.value),m();let c=!0;u=new ResizeObserver(()=>{if(c){c=null;return}s.resize()}),u.observe(p.value)}),r.onUnmounted(()=>{s.dispose(),u.disconnect(),u=null});const m=()=>{const c=n.data.reduce((e,t)=>a(e,t.value),0);s.setOption({color:f.value.colorList,tooltip:{trigger:"item",confine:!0,formatter:y.value.tooltipFormatter},legend:{orient:"vertical",right:0,bottom:0,itemWidth:28,itemHeight:18,textStyle:{fontSize:12,color:f.value.legendColor},inactiveColor:f.value.inactiveColor,formatter:e=>{const t=n.data.find(d=>d.name===e);return`${e}
+${t.label||t.value}(${typeof t.percent=="number"?t.percent:_(l(i(t.value,c),100))}%)`}},series:[{type:"pie",width:"150%",height:"150%",center:[`${100/3}%`,`${100/3}%`],radius:"50%",data:n.data.map(e=>({...e,itemStyle:{color:e.color}})),label:{show:!0,position:"inside",formatter:e=>{var d;const t=((d=e==null?void 0:e.data)==null?void 0:d.label)||e.value;return t===0?"":t},fontSize:14,color:"#000"},emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}}}]})};return(c,e)=>(r.openBlock(),r.createElementBlock("div",{ref_key:"chartRef",ref:p,class:"chart"},null,512))}});const E=b._export_sfc(D,[["__scopeId","data-v-964eca86"]]),x={install(o){o.component("st-pie",E)}};module.exports=x;

package/{lib/Pie.es.js → es/Pie.js}

@@ -1,9 +1,9 @@
-import { defineComponent as F, ref as g, computed as u, watch as B, onMounted as E, onUnmounted as b, openBlock as D, createElementBlock as A } from "vue";
-import * as w from "echarts";
+import { defineComponent as y, ref as F, computed as u, watch as g, onMounted as B, onUnmounted as E, openBlock as b, createElementBlock as D } from "vue";
+import * as A from "echarts";
 import { b as x } from "./bundle.umd-4967d574.js";
-import { _ as S } from "./_plugin-vue_export-helper-dad06003.js";
+import { _ as w } from "./_plugin-vue_export-helper-dad06003.js";
 import "./_commonjsHelpers-10dfc225.js";
-const z = /* @__PURE__ */ F({
+const S = /* @__PURE__ */ y({
   __name: "index",
   props: {
     data: {
@@ -22,7 +22,7 @@ const z = /* @__PURE__ */ F({
     }
   },
   setup(i) {
-    const { add: m, multiply: f, divide: _, round: v } = x.stMath, h = {
+    const { add: p, multiply: m, divide: f, round: _ } = x.stMath, v = {
       colorList: [
         "#FAF277",
         "#FFC467",
@@ -58,19 +58,19 @@ const z = /* @__PURE__ */ F({
       // 饼图颜色列表
       legendColor: "#000",
       inactiveColor: "#ccc"
-    }, C = {
+    }, h = {
       tooltipFormatter: null
     };
     let a, l;
-    const o = i, s = g(), c = u(() => ({ ...h, ...o.style })), y = u(() => ({ ...C, ...o.config }));
-    B(
+    const o = i, s = F(), c = u(() => ({ ...v, ...o.style })), C = u(() => ({ ...h, ...o.config }));
+    g(
       () => [o.data, o.style],
       () => {
         d();
       },
       { deep: !0 }
-    ), E(() => {
-      a = w.init(s.value), d();
+    ), B(() => {
+      a = A.init(s.value), d();
       let r = !0;
       l = new ResizeObserver(() => {
         if (r) {
@@ -79,17 +79,17 @@ const z = /* @__PURE__ */ F({
         }
         a.resize();
       }), l.observe(s.value);
-    }), b(() => {
+    }), E(() => {
       a.dispose(), l.disconnect(), l = null;
     });
     const d = () => {
-      const r = o.data.reduce((e, t) => m(e, t.value), 0);
+      const r = o.data.reduce((e, t) => p(e, t.value), 0);
       a.setOption({
         color: c.value.colorList,
         tooltip: {
           trigger: "item",
           confine: !0,
-          formatter: y.value.tooltipFormatter
+          formatter: C.value.tooltipFormatter
         },
         legend: {
           orient: "vertical",
@@ -105,7 +105,7 @@ const z = /* @__PURE__ */ F({
           formatter: (e) => {
             const t = o.data.find((n) => n.name === e);
             return `${e}
-${t.label || t.value}(${typeof t.percent == "number" ? t.percent : v(f(_(t.value, r), 100))}%)`;
+${t.label || t.value}(${typeof t.percent == "number" ? t.percent : _(m(f(t.value, r), 100))}%)`;
           }
         },
         series: [
@@ -143,17 +143,18 @@ ${t.label || t.value}(${typeof t.percent == "number" ? t.percent : v(f(_(t.value
         ]
       });
     };
-    return (r, e) => (D(), A("div", {
+    return (r, e) => (b(), D("div", {
       ref_key: "chartRef",
       ref: s,
       class: "chart"
     }, null, 512));
   }
 });
-const p = /* @__PURE__ */ S(z, [["__scopeId", "data-v-964eca86"]]);
-p.install = (i) => {
-  i.component("st-pie", p);
+const z = /* @__PURE__ */ w(S, [["__scopeId", "data-v-964eca86"]]), j = {
+  install(i) {
+    i.component("st-pie", z);
+  }
 };
 export {
-  p as default
+  j as default
 };