st-comp 0.0.86 → 0.0.88

package/es/TreeMap.cjs

@@ -1,2 +1 @@
-"use strict";const r=require("vue"),f=require("echarts"),p=require("./_plugin-vue_export-helper-f246444f.cjs");function b(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(l,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return l.default=t,Object.freeze(l)}const h=b(f),_=r.defineComponent({__name:"index",props:{data:{type:Array,default:()=>[]},config:{type:Object,default:()=>({})}},setup(t,{expose:l}){const n={tooltipFormatter:null,visibleMin:300};let o,a;const i=t,c=r.ref(),s=r.computed(()=>({...n,...i.config}));r.watch(()=>[i.data],()=>{d()},{deep:!0}),r.onMounted(()=>{o=h.init(c.value),d();let e=!0;a=new ResizeObserver(()=>{if(e){e=null;return}o.resize()}),a.observe(c.value)}),r.onUnmounted(()=>{o.dispose(),a.disconnect(),a=null});const d=()=>{o.setOption({tooltip:{confine:!0,formatter:s.value.tooltipFormatter},series:[{type:"treemap",width:"100%",height:"100%",visibleMin:s.value.visibleMin,breadcrumb:{show:!1},label:{show:!0,formatter:"{b}"},upperLabel:{show:!0,height:30},itemStyle:{borderColor:"#fff"},levels:[{itemStyle:{borderColor:"#777",borderWidth:0,gapWidth:0},upperLabel:{show:!1}},{itemStyle:{borderColor:"#000",borderWidth:2,gapWidth:1},upperLabel:{padding:[8,0,0,0],formatter:e=>`{title|${e.data.name} ${e.data.labelValue}} ${e.data.percent===null?"":`{${e.data.percent>=0?e.data.percent===0?"defaultPercent":"redPercent":"greenPercent"}|${e.data.percent}%}`}`,rich:{title:{color:"#fff",fontSize:14},defaultPercent:{color:"#fff",fontSize:14},redPercent:{color:"red",fontSize:14},greenPercent:{color:"green",fontSize:14}}}},{colorSaturation:[.35,.5],itemStyle:{borderWidth:0,gapWidth:1,borderColorSaturation:.6},label:{align:"center",verticalAlign:"middle",fontSize:20,formatter:e=>`${e.data.name}
-${e.data.colorValue}`}}],data:i.data.map(e=>({...e,itemStyle:{color:e.color},children:e.children.map(u=>({...u,itemStyle:{color:u.color}}))}))}]},!0)};return l({reset:()=>{d()}}),(e,u)=>(r.openBlock(),r.createElementBlock("div",{ref_key:"chartRef",ref:c,class:"chart"},null,512))}});const g=p._export_sfc(_,[["__scopeId","data-v-ab677899"]]),m={install(t){t.component("st-treeMap",g)}};module.exports=m;
+"use strict";

package/es/TreeMap.js

@@ -1,163 +1 @@
-import { defineComponent as f, ref as u, computed as p, watch as m, onMounted as b, onUnmounted as h, openBlock as _, createElementBlock as g } from "vue";
-import * as v from "echarts";
-import { _ as S } from "./_plugin-vue_export-helper-dad06003.js";
-const y = /* @__PURE__ */ f({
-  __name: "index",
-  props: {
-    data: {
-      type: Array,
-      default: () => []
-    },
-    // 数据
-    config: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(o, { expose: d }) {
-    const s = {
-      tooltipFormatter: null,
-      visibleMin: 300
-    };
-    let t, r;
-    const n = o, l = u(), c = p(() => ({ ...s, ...n.config }));
-    m(
-      () => [n.data],
-      () => {
-        a();
-      },
-      { deep: !0 }
-    ), b(() => {
-      t = v.init(l.value), a();
-      let e = !0;
-      r = new ResizeObserver(() => {
-        if (e) {
-          e = null;
-          return;
-        }
-        t.resize();
-      }), r.observe(l.value);
-    }), h(() => {
-      t.dispose(), r.disconnect(), r = null;
-    });
-    const a = () => {
-      t.setOption(
-        {
-          tooltip: {
-            confine: !0,
-            formatter: c.value.tooltipFormatter
-          },
-          series: [
-            {
-              type: "treemap",
-              width: "100%",
-              height: "100%",
-              visibleMin: c.value.visibleMin,
-              breadcrumb: {
-                show: !1
-              },
-              label: {
-                show: !0,
-                formatter: "{b}"
-              },
-              upperLabel: {
-                show: !0,
-                height: 30
-              },
-              itemStyle: {
-                borderColor: "#fff"
-              },
-              levels: [
-                {
-                  itemStyle: {
-                    borderColor: "#777",
-                    borderWidth: 0,
-                    gapWidth: 0
-                  },
-                  upperLabel: {
-                    show: !1
-                  }
-                },
-                {
-                  itemStyle: {
-                    borderColor: "#000",
-                    borderWidth: 2,
-                    gapWidth: 1
-                  },
-                  upperLabel: {
-                    padding: [8, 0, 0, 0],
-                    formatter: (e) => `{title|${e.data.name} ${e.data.labelValue}} ${e.data.percent === null ? "" : `{${e.data.percent >= 0 ? e.data.percent === 0 ? "defaultPercent" : "redPercent" : "greenPercent"}|${e.data.percent}%}`}`,
-                    rich: {
-                      title: {
-                        color: "#fff",
-                        fontSize: 14
-                      },
-                      defaultPercent: {
-                        color: "#fff",
-                        fontSize: 14
-                      },
-                      redPercent: {
-                        color: "red",
-                        fontSize: 14
-                      },
-                      greenPercent: {
-                        color: "green",
-                        fontSize: 14
-                      }
-                    }
-                  }
-                },
-                {
-                  colorSaturation: [0.35, 0.5],
-                  itemStyle: {
-                    borderWidth: 0,
-                    gapWidth: 1,
-                    borderColorSaturation: 0.6
-                  },
-                  label: {
-                    align: "center",
-                    verticalAlign: "middle",
-                    fontSize: 20,
-                    formatter: (e) => `${e.data.name}
-${e.data.colorValue}`
-                  }
-                }
-              ],
-              data: n.data.map((e) => ({
-                ...e,
-                itemStyle: {
-                  color: e.color
-                },
-                children: e.children.map((i) => ({
-                  ...i,
-                  itemStyle: {
-                    color: i.color
-                  }
-                }))
-              }))
-            }
-          ]
-        },
-        !0
-      );
-    };
-    return d({
-      reset: () => {
-        a();
-      }
-      // 重置
-    }), (e, i) => (_(), g("div", {
-      ref_key: "chartRef",
-      ref: l,
-      class: "chart"
-    }, null, 512));
-  }
-});
-const w = /* @__PURE__ */ S(y, [["__scopeId", "data-v-ab677899"]]), C = {
-  install(o) {
-    o.component("st-treeMap", w);
-  }
-};
-export {
-  C as default
-};
+