@lingshugroup/web-plus 0.0.3-beta

package/lib/packages/ls-components/components/chart/config/template/bar/index.js

@@ -0,0 +1,192 @@
+var B = Object.defineProperty;
+var d = (o, t) => B(o, "name", { value: t, configurable: !0 });
+import { numberFixed as M, formatChartAxis as $ } from "../../../../_utils/utils/index.js";
+import { BG_COLOR_MAP as O, DEF_THEME as n, BAR_COLOR_MAP as C, TOOLTIP_COLOR_MAP as g, FONT_COLOR_MAP as f, DATA_ZOOM_COLOR as h, SPLIT_LINE_COLOR as k, BG_BAR_COLOR_MAP as D, LABEL_POSITION_MAP as y } from "../../base/index.js";
+const R = /* @__PURE__ */ d((o, t, e, r) => {
+  const { name: s, seriesName: a, value: l, color: p } = o, m = e == 0 ? `<div class="name">${s}</div>` : "", i = t && l !== "-" && a !== "temp" ? `<span class="serise-name">${t ? a : ""}</span>` : "", c = l !== "-" && a !== "temp" ? `<span class="value">${l}</span>` : "", u = l !== "-" && a !== "temp" ? `<div class="content-badge" style="background-color: ${typeof p == "string" ? p : r};"></div>` : "";
+  return ` ${m} <div class="content"> <div class="serise-wrap"> ${u} ${i} </div> ${c} </div> `;
+}, "setTooltipFormat"), T = /* @__PURE__ */ d((o) => {
+  let { legend: t, tooltip: e = "shadow", theme: r = "default", tooltipFormatter: s, barColorList: a } = o;
+  const l = a || C[r || n][0];
+  return s = s || function(p) {
+    let m = `<div class="ls-bar-tooltip-wrap ${r}">`;
+    return p.forEach((i, c) => {
+      m += R(i, t, c, l);
+    }), m + "</div>";
+  }, e ? {
+    trigger: "axis",
+    axisPointer: {
+      type: e,
+      z: 1,
+      label: {
+        color: g[r || n].color
+      }
+    },
+    textStyle: {
+      color: f[r || n]
+    },
+    padding: 12,
+    backgroundColor: g[r || n].bgColor,
+    extraCssText: `box-shadow: ${g[r || n].shadowColor};`,
+    formatter: s
+  } : null;
+}, "setTooltip"), H = /* @__PURE__ */ d((o) => {
+  const { legend: t, theme: e } = o;
+  return {
+    type: "scroll",
+    data: t || [],
+    icon: "rect",
+    itemWidth: 12,
+    itemHeight: 10,
+    textStyle: {
+      color: f[e || n],
+      fontSize: 12,
+      height: 10,
+      rich: {
+        a: {
+          verticalAlign: "middle"
+        }
+      }
+    }
+  };
+}, "setLegend"), I = /* @__PURE__ */ d((o) => {
+  const { dataZoom: t } = o, e = {
+    left: "3%",
+    right: "3%",
+    top: "12%",
+    bottom: "3%",
+    containLabel: !0
+  };
+  return t === "vertical" && delete e.right, t === "horizontal" && delete e.bottom, e;
+}, "setGrid"), x = /* @__PURE__ */ d((o, t, e) => {
+  const { axisData: r, seriesData: s } = o, { axis: a = "x", theme: l, dynamicAxis: p, type: m = "simple" } = t, i = {
+    type: a == e ? "category" : "value",
+    axisTick: {
+      show: !1
+    },
+    axisLine: {
+      show: a == e,
+      lineStyle: {
+        width: 1,
+        color: f[l || n]
+      }
+    },
+    axisLabel: {
+      margin: 18
+    },
+    splitLine: {
+      lineStyle: {
+        type: "dashed",
+        color: k[l || n]
+      }
+    }
+  };
+  if (a == e && (i.data = r), a !== e && p && ["simple", "multiBar"].includes(m)) {
+    let c = [];
+    m === "simple" ? c = (s || []).map((b) => M(b)) : m === "multiBar" && (c = s.reduce((b, _) => b.concat(_.data), []));
+    const u = Math.max(...c), w = Math.min(...c), { aInterval: S, aMax: L, aMin: A } = $(u, w);
+    i.min = A, i.max = L, i.interval = S;
+  }
+  return [i];
+}, "setAxis"), E = /* @__PURE__ */ d((o) => {
+  const { dataZoom: t, theme: e } = o;
+  return t ? [
+    {
+      show: !0,
+      start: 0,
+      end: 100,
+      orient: t,
+      showDataShadow: !0,
+      dataBackground: {
+        areaStyle: {
+          color: h[e || n][0]
+        }
+      },
+      fillerColor: h[e || n][1],
+      borderColor: null,
+      textStyle: {
+        color: f[e || n]
+      }
+    },
+    {
+      type: "inside",
+      start: 0,
+      end: 100,
+      orient: t
+    },
+    {
+      show: !1,
+      yAxisIndex: 0,
+      filterMode: "empty",
+      right: 0,
+      showDataShadow: !0
+    }
+  ] : null;
+}, "setDataZoom"), v = /* @__PURE__ */ d((o, t, e) => {
+  const r = o === "x" ? "top" : "left";
+  let s = "inside";
+  return e ? s = y[t][r] : s = y[t][`-${r}`], s;
+}, "getPos"), F = /* @__PURE__ */ d((o, t, e) => {
+  const { type: r = "simple", showBarFont: s = !0, labelPosition: a = "inside", axis: l = "x", showBackground: p, theme: m } = o, i = {
+    type: "bar",
+    name: t.name,
+    label: {
+      show: s,
+      position: a,
+      formatter: /* @__PURE__ */ d(function(c) {
+        const u = c.value;
+        return u !== 0 ? u : "";
+      }, "formatter")
+    },
+    showBackground: p,
+    backgroundStyle: {
+      color: D[m || n]
+    },
+    data: t.data || [],
+    barCategoryGap: "30%",
+    barWidth: r === "multiBar" ? "auto" : "40%",
+    barGap: "4%"
+  };
+  return ["negative", "categoryStack", "waterfall"].includes(r) && (i.stack = "total", r === "negative" && ["both", "insideBoth"].includes(a) ? i.label.position = v(l, a, (t.data || []).reduce((c, u) => c + u) > 0) : r === "categoryStack" && e > 0 && (i.itemStyle = {
+    borderColor: O[m || n],
+    borderWidth: 2
+  })), r === "waterfall" && (i.itemStyle = e == 0 ? {
+    borderColor: "rgba(0,0,0,0)",
+    color: "rgba(0,0,0,0)"
+  } : null, i.emphasis = e == 0 ? {
+    itemStyle: {
+      borderColor: "rgba(0,0,0,0)",
+      color: "rgba(0,0,0,0)"
+    }
+  } : null, i.label = t.label || {
+    show: e > 0 && s,
+    position: a,
+    formatter: /* @__PURE__ */ d(function(c) {
+      const u = c.value;
+      return u !== 0 ? u : "";
+    }, "formatter")
+  }, ["both", "insideBoth"].includes(a) && (i.label.position = v(l, a, e === 1))), i;
+}, "setSeriesOption"), G = /* @__PURE__ */ d((o, t) => {
+  const { seriesData: e } = o, { type: r = "simple", legend: s = [] } = t;
+  return (r == "simple" ? [{ name: s[0], data: e }] : e || []).map((a, l) => F(t, a, l));
+}, "setSeries"), Z = /* @__PURE__ */ d((o, t) => {
+  const { theme: e, barColorList: r } = t, s = {
+    textStyle: {},
+    backgroundColor: O[e || n],
+    color: r || C[e || n],
+    legend: H(t),
+    grid: I(t),
+    xAxis: x(o, t, "x"),
+    yAxis: x(o, t, "y"),
+    series: G(o, t),
+    dataZoom: E(t)
+  }, a = T(t);
+  return a && (s.tooltip = a), s;
+}, "setOption");
+function W(o = {}, t = {}) {
+  return Z(o, t);
+}
+d(W, "dealOption");
+export {
+  W as dealOption
+};

package/lib/packages/ls-components/components/chart/config/template/line/index.cjs

@@ -0,0 +1 @@
+"use strict";var g=Object.defineProperty;var c=(a,t)=>g(a,"name",{value:t,configurable:!0});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("../../../../_utils/utils/index.cjs"),e=require("../../base/index.cjs"),C=c((a,t,o,i)=>{const{name:r,seriesName:s,value:l,color:n}=a,d=o==0?`<div class="name">${r}</div>`:"",E=t&&l!=="-"&&s!=="temp"?`<span class="serise-name">${t?s:""}</span>`:"",O=l!=="-"&&s!=="temp"?`<span class="value">${l}</span>`:"",_=l!=="-"&&s!=="temp"?`<div class="content-badge" style="background-color: ${typeof n=="string"?n:i};"></div>`:"";return` ${d} <div class="content"> <div class="serise-wrap"> ${_} ${E} </div> ${O} </div> `},"setTooltipFormat"),b=c(a=>{let{legend:t,tooltip:o="shadow",theme:i,tooltipFormatter:r,barColorList:s}=a;const l=s||e.BAR_COLOR_MAP[i||e.DEF_THEME][0];return r=r||function(n){let d=`<div class="ls-bar-tooltip-wrap ${i}">`;return n.forEach((E,O)=>{d+=C(E,t,O,l)}),d+"</div>"},o?{trigger:"axis",axisPointer:{type:o,z:1,label:{color:e.TOOLTIP_COLOR_MAP[i||e.DEF_THEME].color}},textStyle:{color:e.FONT_COLOR_MAP[i||e.DEF_THEME]},padding:12,backgroundColor:e.TOOLTIP_COLOR_MAP[i||e.DEF_THEME].bgColor,extraCssText:`box-shadow: ${e.TOOLTIP_COLOR_MAP[i||e.DEF_THEME].shadowColor};`,formatter:r}:null},"setTooltip"),D=c(a=>{const{legend:t,theme:o}=a;return{type:"scroll",data:t||[],icon:"rect",itemWidth:12,itemHeight:10,textStyle:{color:e.FONT_COLOR_MAP[o||e.DEF_THEME],fontSize:12,height:10,rich:{a:{verticalAlign:"middle"}}}}},"setLegend"),F=c(a=>{const{dataZoom:t}=a,o={left:"3%",right:"3%",top:"12%",bottom:"3%",containLabel:!0};return t==="vertical"&&delete o.right,t==="horizontal"&&delete o.bottom,o},"setGrid"),x=c((a,t,o)=>{const{axisData:i,seriesData:r}=a,{axis:s="x",theme:l,lineBar:n,dynamicAxis:d,type:E}=t;let O=[{type:s==o?"category":"value",axisTick:{show:!1},axisLine:{show:s==o,lineStyle:{width:1,color:e.FONT_COLOR_MAP[l||e.DEF_THEME]}},axisLabel:{margin:18},splitLine:{lineStyle:{type:"dashed",color:e.SPLIT_LINE_COLOR[l||e.DEF_THEME]}},data:s==o?i:[]}];if(s!==o&&(n&&(O=s=="x"?[{type:"value",splitLine:{show:!1,lineStyle:{color:e.SPLIT_LINE_COLOR[l||e.DEF_THEME]}}},{type:"value",splitLine:{lineStyle:{color:e.SPLIT_LINE_COLOR[l||e.DEF_THEME],type:"dashed",width:2,dashOffset:2}}}]:[{type:"value"}]),d)){let _=[];E==="multiple"&&(!n||s=="y"&&n)&&(_=r.reduce((u,m)=>u.concat(m.data),[])),O.map((u,m)=>{var L;E==="multiple"?n&&s=="x"&&(_=(((L=r[m])==null?void 0:L.data)||[]).map(h=>M.numberFixed(h))):_=(r||[]).map(h=>M.numberFixed(h));const y=Math.max(..._),p=Math.min(..._),{aInterval:T,aMax:f,aMin:A}=M.formatChartAxis(y,p);return u.min=A,u.max=f,u.interval=T,u})}return O},"setAxis"),v=c(a=>{const{dataZoom:t,theme:o}=a;return t?[{show:!0,start:0,end:100,orient:t,showDataShadow:!0,dataBackground:{areaStyle:{color:e.DATA_ZOOM_COLOR[o||e.DEF_THEME][0]}},fillerColor:e.DATA_ZOOM_COLOR[o||e.DEF_THEME][1],borderColor:null,textStyle:{color:e.FONT_COLOR_MAP[o||e.DEF_THEME]}},{type:"inside",start:0,end:100,orient:t},{show:!1,filterMode:"empty",right:0,showDataShadow:!0}]:null},"setDataZoom"),H=c((a,t)=>{const{seriesData:o}=a,{type:i="simple",showBarFont:r=!0,labelPosition:s="inside",smooth:l=!0,areaStyle:n=void 0,showBackground:d,theme:E,name:O,lineBar:_,axis:u}=t;return i==="multiple"?(o||[]).map((m,y)=>{const p={name:m.name,type:m.type,emphasis:m.emphasis||{focus:"series"},smooth:l,areaStyle:n?{...n,opacity:.2}:void 0,label:{show:r,position:s},showBackground:d,backgroundStyle:{color:e.BG_BAR_COLOR_MAP[E||e.DEF_THEME]},data:m.data||[]};return _&&(u!=="y"&&y===1?p.yAxisIndex=y:p.yAxisIndex&&delete p.yAxisIndex),p}):[{name:O,label:{show:r,position:s},showBackground:d,backgroundStyle:{color:e.BG_BAR_COLOR_MAP[E||e.DEF_THEME]},data:o||[],smooth:l,areaStyle:n?{...n,opacity:.2}:void 0,type:"line"}]},"setSeries"),S=c((a,t)=>{const{theme:o,barColorList:i}=t,r={textStyle:{},backgroundColor:e.BG_COLOR_MAP[o||e.DEF_THEME],color:i||e.BAR_COLOR_MAP[o||e.DEF_THEME],legend:D(t),grid:F(t),xAxis:x(a,t,"x"),yAxis:x(a,t,"y"),series:H(a,t),dataZoom:v(t)},s=b(t);return s&&(r.tooltip=s),r},"setOption");function R(a={},t={}){return S(a,t)}c(R,"dealOption");exports.dealOption=R;

package/lib/packages/ls-components/components/chart/config/template/line/index.js

@@ -0,0 +1,227 @@
+var D = Object.defineProperty;
+var c = (o, t) => D(o, "name", { value: t, configurable: !0 });
+import { numberFixed as L, formatChartAxis as R } from "../../../../_utils/utils/index.js";
+import { BG_COLOR_MAP as k, DEF_THEME as s, BAR_COLOR_MAP as _, TOOLTIP_COLOR_MAP as b, FONT_COLOR_MAP as g, DATA_ZOOM_COLOR as S, BG_BAR_COLOR_MAP as A, SPLIT_LINE_COLOR as O } from "../../base/index.js";
+const H = /* @__PURE__ */ c((o, t, e, i) => {
+  const { name: r, seriesName: a, value: l, color: n } = o, d = e == 0 ? `<div class="name">${r}</div>` : "", m = t && l !== "-" && a !== "temp" ? `<span class="serise-name">${t ? a : ""}</span>` : "", p = l !== "-" && a !== "temp" ? `<span class="value">${l}</span>` : "", u = l !== "-" && a !== "temp" ? `<div class="content-badge" style="background-color: ${typeof n == "string" ? n : i};"></div>` : "";
+  return ` ${d} <div class="content"> <div class="serise-wrap"> ${u} ${m} </div> ${p} </div> `;
+}, "setTooltipFormat"), I = /* @__PURE__ */ c((o) => {
+  let { legend: t, tooltip: e = "shadow", theme: i, tooltipFormatter: r, barColorList: a } = o;
+  const l = a || _[i || s][0];
+  return r = r || function(n) {
+    let d = `<div class="ls-bar-tooltip-wrap ${i}">`;
+    return n.forEach((m, p) => {
+      d += H(m, t, p, l);
+    }), d + "</div>";
+  }, e ? {
+    trigger: "axis",
+    axisPointer: {
+      type: e,
+      z: 1,
+      label: {
+        color: b[i || s].color
+      }
+    },
+    textStyle: {
+      color: g[i || s]
+    },
+    padding: 12,
+    backgroundColor: b[i || s].bgColor,
+    extraCssText: `box-shadow: ${b[i || s].shadowColor};`,
+    formatter: r
+  } : null;
+}, "setTooltip"), T = /* @__PURE__ */ c((o) => {
+  const { legend: t, theme: e } = o;
+  return {
+    type: "scroll",
+    data: t || [],
+    icon: "rect",
+    itemWidth: 12,
+    itemHeight: 10,
+    textStyle: {
+      color: g[e || s],
+      fontSize: 12,
+      height: 10,
+      rich: {
+        a: {
+          verticalAlign: "middle"
+        }
+      }
+    }
+  };
+}, "setLegend"), F = /* @__PURE__ */ c((o) => {
+  const { dataZoom: t } = o, e = {
+    left: "3%",
+    right: "3%",
+    top: "12%",
+    bottom: "3%",
+    containLabel: !0
+  };
+  return t === "vertical" && delete e.right, t === "horizontal" && delete e.bottom, e;
+}, "setGrid"), C = /* @__PURE__ */ c((o, t, e) => {
+  const { axisData: i, seriesData: r } = o, { axis: a = "x", theme: l, lineBar: n, dynamicAxis: d, type: m } = t;
+  let p = [
+    {
+      type: a == e ? "category" : "value",
+      axisTick: {
+        show: !1
+      },
+      axisLine: {
+        show: a == e,
+        lineStyle: {
+          width: 1,
+          color: g[l || s]
+        }
+      },
+      axisLabel: {
+        margin: 18
+      },
+      splitLine: {
+        lineStyle: {
+          type: "dashed",
+          color: O[l || s]
+        }
+      },
+      data: a == e ? i : []
+    }
+  ];
+  if (a !== e && (n && (p = a == "x" ? [
+    {
+      type: "value",
+      splitLine: {
+        show: !1,
+        lineStyle: {
+          color: O[l || s]
+        }
+      }
+    },
+    {
+      type: "value",
+      splitLine: {
+        lineStyle: {
+          color: O[l || s],
+          type: "dashed",
+          width: 2,
+          dashOffset: 2
+        }
+      }
+    }
+  ] : [
+    {
+      type: "value"
+    }
+  ]), d)) {
+    let u = [];
+    m === "multiple" && (!n || a == "y" && n) && (u = r.reduce((y, h) => y.concat(h.data), [])), p.map((y, h) => {
+      var w;
+      m === "multiple" ? n && a == "x" && (u = (((w = r[h]) == null ? void 0 : w.data) || []).map((v) => L(v))) : u = (r || []).map((v) => L(v));
+      const f = Math.max(...u), x = Math.min(...u), { aInterval: M, aMax: B, aMin: $ } = R(f, x);
+      return y.min = $, y.max = B, y.interval = M, y;
+    });
+  }
+  return p;
+}, "setAxis"), E = /* @__PURE__ */ c((o) => {
+  const { dataZoom: t, theme: e } = o;
+  return t ? [
+    {
+      show: !0,
+      start: 0,
+      end: 100,
+      orient: t,
+      showDataShadow: !0,
+      dataBackground: {
+        areaStyle: {
+          color: S[e || s][0]
+        }
+      },
+      fillerColor: S[e || s][1],
+      borderColor: null,
+      textStyle: {
+        color: g[e || s]
+      }
+    },
+    {
+      type: "inside",
+      start: 0,
+      end: 100,
+      orient: t
+    },
+    {
+      show: !1,
+      filterMode: "empty",
+      right: 0,
+      showDataShadow: !0
+    }
+  ] : null;
+}, "setDataZoom"), Z = /* @__PURE__ */ c((o, t) => {
+  const { seriesData: e } = o, {
+    type: i = "simple",
+    showBarFont: r = !0,
+    labelPosition: a = "inside",
+    smooth: l = !0,
+    areaStyle: n = void 0,
+    showBackground: d,
+    theme: m,
+    name: p,
+    lineBar: u,
+    axis: y
+  } = t;
+  return i === "multiple" ? (e || []).map((h, f) => {
+    const x = {
+      name: h.name,
+      type: h.type,
+      emphasis: h.emphasis || {
+        focus: "series"
+      },
+      smooth: l,
+      areaStyle: n ? { ...n, opacity: 0.2 } : void 0,
+      label: {
+        show: r,
+        position: a
+      },
+      showBackground: d,
+      backgroundStyle: {
+        color: A[m || s]
+      },
+      data: h.data || []
+    };
+    return u && (y !== "y" && f === 1 ? x.yAxisIndex = f : x.yAxisIndex && delete x.yAxisIndex), x;
+  }) : [
+    {
+      name: p,
+      label: {
+        show: r,
+        position: a
+      },
+      showBackground: d,
+      backgroundStyle: {
+        color: A[m || s]
+      },
+      data: e || [],
+      smooth: l,
+      // 设置填充透明度
+      areaStyle: n ? { ...n, opacity: 0.2 } : void 0,
+      type: "line"
+    }
+  ];
+}, "setSeries"), z = /* @__PURE__ */ c((o, t) => {
+  const { theme: e, barColorList: i } = t, r = {
+    textStyle: {},
+    backgroundColor: k[e || s],
+    color: i || _[e || s],
+    legend: T(t),
+    grid: F(t),
+    xAxis: C(o, t, "x"),
+    yAxis: C(o, t, "y"),
+    series: Z(o, t),
+    dataZoom: E(t)
+  }, a = I(t);
+  return a && (r.tooltip = a), r;
+}, "setOption");
+function W(o = {}, t = {}) {
+  return z(o, t);
+}
+c(W, "dealOption");
+export {
+  W as dealOption
+};

package/lib/packages/ls-components/components/chart/config/template/pie/index.cjs

@@ -0,0 +1 @@
+"use strict";var A=Object.defineProperty;var s=(t,e)=>A(t,"name",{value:e,configurable:!0});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../base/index.cjs"),D=s(({showTooltip:t=!0,tooltipTrigger:e="item",tooltipFormatter:o})=>({show:t,trigger:e,formatter:o}),"setTooltip"),z=s(({legendType:t="plain",legendShow:e=!0,legendOrient:o="horizontal",legendLeft:u="center",legendRight:d="auto",legendTop:g="auto",legendBottom:p="auto",legendTextColor:h="#2C2C2C"})=>({type:t,show:e,orient:o,left:u,right:d,top:g,bottom:p,icon:"rect",itemGap:20,itemWidth:14,itemHeight:10,textStyle:{color:h,fontSize:14}}),"setLegend"),B=s(({seriesData:t=[],innerData:e=[]},{color:o=[],radius:u=[0,"60%"],roseType:d=!1,percentPrecision:g=2,lineShow:p=!0,lineColor:h="rgba(0, 0, 0, 0.2)",length:E=40,length2:S=30,labelShow:m=!0,labelColor:b="#2C2C2C",labelShowPercent:O=!0,labelShowItem:f=!0,labelFormatter:T="",innerRadius:_=[0,"30%"],innerLabelColor:y="#ffffff",selectedMode:L=""})=>{let F=[];t&&t.length&&t.forEach((l,r)=>{const{value:n="",name:a="",color:i=""}=l||{};F.push({value:n,name:a,itemStyle:{[i&&"color"]:i},label:{rich:{b:{width:14,height:10,backgroundColor:i||o[r],verticalAlign:"middle"}}}})});let C=null;if(e&&e.length){let l=[];e.forEach(r=>{const{value:n="",name:a="",color:i=""}=r||{};l.push({value:n,name:a,itemStyle:{[i&&"color"]:i}})}),C={type:"pie",radius:_,label:{color:y,fontSize:12,position:"inner"},labelLine:{show:!1},data:l}}return[{type:"pie",data:F,selectedMode:L,radius:u,roseType:d,percentPrecision:g,label:{show:m,color:b,fontSize:14,lineHeight:20,formatter:T||(l=>{const{name:r,percent:n,value:a}=l||{};return`${f?"{b|}":""}  ${r}：${O?n+"%":a}`})},labelLine:{show:p,length:E,length2:S,lineStyle:{color:h}}},...[C]]},"setSeries"),P=s((t,{color:e=["#2285FF","#FF7D00","#00CDDC","#FB466C","#FFC917","#8CEAFF","#A16FFD","#FD8BFF"],theme:o=c.DEF_THEME,showTooltip:u,tooltipTrigger:d,tooltipFormatter:g,legendType:p,legendShow:h,legendOrient:E,legendLeft:S,legendRight:m,legendTop:b,legendBottom:O,legendTextColor:f,radius:T,roseType:_,percentPrecision:y,lineShow:L,lineColor:F,length:C,length2:w,labelShow:l,labelColor:r,labelShowPercent:n,labelShowItem:a,labelFormatter:i,innerRadius:H,innerLabelColor:v}={})=>{r=f=c.FONT_COLOR_MAP[o||c.DEF_THEME],F=c.SPLIT_LINE_COLOR[o||c.DEF_THEME];const M={tooltip:D({showTooltip:u,tooltipTrigger:d,tooltipFormatter:g}),legend:z({legendType:p,legendShow:h,legendOrient:E,legendLeft:S,legendRight:m,legendTop:b,legendBottom:O,legendTextColor:f}),series:B(t,{color:e,radius:T,roseType:_,percentPrecision:y,lineShow:L,lineColor:F,length:C,length2:w,labelShow:l,labelColor:r,labelShowPercent:n,labelShowItem:a,labelFormatter:i,innerRadius:H,innerLabelColor:v})};return M.color=e,M.backgroundColor=c.BG_COLOR_MAP[o||c.DEF_THEME],M},"setOption"),R=s((t,e)=>P(t,e),"dealOption");exports.dealOption=R;

package/lib/packages/ls-components/components/chart/config/template/pie/index.js

@@ -0,0 +1,195 @@
+var B = Object.defineProperty;
+var c = (t, e) => B(t, "name", { value: e, configurable: !0 });
+import { DEF_THEME as C, FONT_COLOR_MAP as R, SPLIT_LINE_COLOR as H, BG_COLOR_MAP as M } from "../../base/index.js";
+const P = /* @__PURE__ */ c(({ showTooltip: t = !0, tooltipTrigger: e = "item", tooltipFormatter: o }) => ({
+  show: t,
+  trigger: e,
+  formatter: o
+}), "setTooltip"), $ = /* @__PURE__ */ c(({
+  legendType: t = "plain",
+  legendShow: e = !0,
+  legendOrient: o = "horizontal",
+  legendLeft: s = "center",
+  legendRight: u = "auto",
+  legendTop: p = "auto",
+  legendBottom: d = "auto",
+  legendTextColor: g = "#2C2C2C"
+}) => ({
+  type: t,
+  show: e,
+  orient: o,
+  left: s,
+  right: u,
+  top: p,
+  bottom: d,
+  icon: "rect",
+  itemGap: 20,
+  itemWidth: 14,
+  itemHeight: 10,
+  textStyle: {
+    color: g,
+    fontSize: 14
+  }
+}), "setLegend"), k = /* @__PURE__ */ c(({ seriesData: t = [], innerData: e = [] }, {
+  color: o = [],
+  radius: s = [0, "60%"],
+  roseType: u = !1,
+  percentPrecision: p = 2,
+  lineShow: d = !0,
+  lineColor: g = "rgba(0, 0, 0, 0.2)",
+  length: m = 40,
+  length2: S = 30,
+  labelShow: O = !0,
+  labelColor: b = "#2C2C2C",
+  labelShowPercent: L = !0,
+  labelShowItem: f = !0,
+  labelFormatter: T = "",
+  innerRadius: y = [0, "30%"],
+  innerLabelColor: E = "#ffffff",
+  selectedMode: _ = ""
+}) => {
+  let h = [];
+  t && t.length && t.forEach((l, r) => {
+    const { value: n = "", name: a = "", color: i = "" } = l || {};
+    h.push({
+      value: n,
+      name: a,
+      itemStyle: {
+        [i && "color"]: i
+      },
+      label: {
+        rich: {
+          b: {
+            width: 14,
+            height: 10,
+            backgroundColor: i || o[r],
+            verticalAlign: "middle"
+          }
+        }
+      }
+    });
+  });
+  let F = null;
+  if (e && e.length) {
+    let l = [];
+    e.forEach((r) => {
+      const { value: n = "", name: a = "", color: i = "" } = r || {};
+      l.push({
+        value: n,
+        name: a,
+        itemStyle: {
+          [i && "color"]: i
+        }
+      });
+    }), F = {
+      type: "pie",
+      radius: y,
+      label: {
+        color: E,
+        fontSize: 12,
+        position: "inner"
+      },
+      labelLine: {
+        show: !1
+      },
+      data: l
+    };
+  }
+  return [
+    {
+      type: "pie",
+      data: h,
+      selectedMode: _,
+      radius: s,
+      roseType: u,
+      percentPrecision: p,
+      label: {
+        show: O,
+        color: b,
+        fontSize: 14,
+        lineHeight: 20,
+        formatter: T || ((l) => {
+          const { name: r, percent: n, value: a } = l || {};
+          return `${f ? "{b|}" : ""}  ${r}：${L ? n + "%" : a}`;
+        })
+      },
+      labelLine: {
+        show: d,
+        length: m,
+        length2: S,
+        lineStyle: {
+          color: g
+        }
+      }
+    },
+    ...[F]
+  ];
+}, "setSeries"), x = /* @__PURE__ */ c((t, {
+  color: e = ["#2285FF", "#FF7D00", "#00CDDC", "#FB466C", "#FFC917", "#8CEAFF", "#A16FFD", "#FD8BFF"],
+  theme: o = C,
+  showTooltip: s,
+  tooltipTrigger: u,
+  tooltipFormatter: p,
+  legendType: d,
+  legendShow: g,
+  legendOrient: m,
+  legendLeft: S,
+  legendRight: O,
+  legendTop: b,
+  legendBottom: L,
+  legendTextColor: f,
+  radius: T,
+  roseType: y,
+  percentPrecision: E,
+  lineShow: _,
+  lineColor: h,
+  length: F,
+  length2: A,
+  labelShow: l,
+  labelColor: r,
+  labelShowPercent: n,
+  labelShowItem: a,
+  labelFormatter: i,
+  innerRadius: v,
+  innerLabelColor: z
+} = {}) => {
+  r = f = R[o || C], h = H[o || C];
+  const w = {
+    tooltip: P({
+      showTooltip: s,
+      tooltipTrigger: u,
+      tooltipFormatter: p
+    }),
+    legend: $({
+      legendType: d,
+      legendShow: g,
+      legendOrient: m,
+      legendLeft: S,
+      legendRight: O,
+      legendTop: b,
+      legendBottom: L,
+      legendTextColor: f
+    }),
+    series: k(t, {
+      color: e,
+      radius: T,
+      roseType: y,
+      percentPrecision: E,
+      lineShow: _,
+      lineColor: h,
+      length: F,
+      length2: A,
+      labelShow: l,
+      labelColor: r,
+      labelShowPercent: n,
+      labelShowItem: a,
+      labelFormatter: i,
+      innerRadius: v,
+      innerLabelColor: z
+    })
+  };
+  return w.color = e, w.backgroundColor = M[o || C], w;
+}, "setOption"), I = /* @__PURE__ */ c((t, e) => x(t, e), "dealOption");
+export {
+  I as dealOption
+};

package/lib/packages/ls-components/components/chart/types/index.cjs

@@ -0,0 +1 @@
+"use strict";var a=Object.defineProperty;var t=(e,r)=>a(e,"name",{value:r,configurable:!0});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../_utils/runtime/index.cjs"),i=u.buildProps({template:{type:String,default:""},width:{type:[Number,String],default:void 0},height:{type:[Number,String],default:void 0},templatePatch:{type:Object,default:t(()=>{},"default")},data:{type:Object,default:t(()=>{},"default")},customOption:{type:Object,default:t(()=>{},"default")}});exports.lsChartProps=i;