import { defineComponent as S, ref as w, computed as b, openBlock as C, createElementBlock as E, createElementVNode as g, createVNode as x, unref as e, normalizeStyle as F } from "vue";
import k from "../../../NComponents/echartsContainer/EchartsContainer.mjs";
import D from "../../../NComponents/configCommon/refConfig.vue_vue_type_script_setup_true_lang.mjs";
const _ = { style: { "margin-bottom": "15px" } }, v = S({ name: "EBarPileup" }), L = /* @__PURE__ */ S({
  ...v,
  props: {
    themeColor: {
      type: Object,
      required: !1
    },
    chartConfig: {
      type: Object,
      required: !0
    }
  },
  setup(l) {
    const a = l;
    let o = w({
      dataset: {
        chartoption: {
          title: {
            text: "\u6392\u653E\u7C7B\u522B\u8D8B\u52BF\uFF08\u5355\u4F4D\uFF1A\u5428\uFF09",
            textStyle: {
              color: "white",
              fontSize: 28
            },
            left: 20,
            show: !1
          },
          tooltip: {
            trigger: "axis",
            axisPointer: {
              type: "shadow"
            }
          },
          legend: {
            bottom: "10",
            itemWidth: 10,
            itemHeight: 10,
            itemGap: 20,
            textStyle: {
              color: "white",
              fontSize: 12,
              width: "10%",
              padding: 0
            }
          },
          grid: {
            left: "9",
            top: 22,
            right: 13,
            bottom: 48,
            containLabel: !0
          },
          xAxis: [
            {
              type: "category",
              data: [
                "01",
                "02",
                "03",
                "04",
                "05",
                "07",
                "08",
                "09",
                "10",
                "11",
                "12"
              ],
              axisTick: {
                show: !1
              },
              axisLine: {
                lineStyle: {
                  color: "white"
                }
              },
              axisLabel: {
                color: "rgba(78, 143, 130, 1)",
                fontSize: 12,
                padding: 5
              }
            }
          ],
          yAxis: [
            {
              type: "value",
              axisLine: {
                show: !1,
                lineStyle: {
                  color: "white"
                }
              },
              axisLabel: {
                color: "white",
                fontSize: 12
              }
            }
          ],
          series: [
            {
              name: "\u5DE5\u7A0B\u6E23\u571F",
              type: "bar",
              stack: "email",
              barWidth: 14,
              itemStyle: {
                normal: { color: "rgba(24, 144, 255, 1)" }
              },
              emphasis: {
                focus: "series"
              },
              data: [10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10]
            },
            {
              name: "\u5DE5\u7A0B\u6CE5\u6D46",
              type: "bar",
              stack: "email",
              barWidth: 14,
              itemStyle: {
                normal: { color: "rgba(49, 194, 92, 1)" }
              },
              emphasis: {
                focus: "series"
              },
              data: [10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10]
            },
            {
              name: "\u7802\u77F3",
              type: "bar",
              stack: "email",
              barWidth: 14,
              itemStyle: {
                normal: { color: "rgba(250, 204, 20, 1)" }
              },
              emphasis: {
                focus: "series"
              },
              data: [10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10]
            },
            {
              name: "\u6709\u6BD2\u6709\u5BB3",
              type: "bar",
              stack: "email",
              barWidth: 14,
              itemStyle: {
                normal: { color: "rgba(255, 255, 255, 1)" }
              },
              emphasis: {
                focus: "series"
              },
              data: [10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10]
            },
            {
              name: "\u6613\u71C3\u6613\u7206",
              type: "bar",
              stack: "email",
              barWidth: 14,
              itemStyle: {
                normal: { color: "rgba(159, 89, 255, 1)" }
              },
              emphasis: {
                focus: "series"
              },
              data: [10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10]
            },
            {
              name: "\u5176\u4ED6",
              type: "bar",
              stack: "email",
              barWidth: 14,
              itemStyle: {
                normal: { color: "rgba(19, 194, 194, 1)" }
              },
              emphasis: {
                focus: "series"
              },
              data: [10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10]
            }
          ]
        },
        attr: {
          h: 220,
          w: 479
        },
        titleCofing: {
          text: "\u6392\u653E\u7C7B\u522B\u8D8B\u52BF\uFF08\u5355\u4F4D\uFF1A\u5428\uFF09",
          fontSize: 16,
          color: "white"
        },
        bgStyle: {
          background: "#1C2532",
          border: "1px solid #586A7F"
        }
      }
    });
    const i = b(() => {
      var t;
      return ((t = a.chartConfig) == null ? void 0 : t.option.dataset) || o.value.dataset;
    }), B = b(() => {
      var t, r, s, n, u, c, m, h, p, d, f, y;
      return {
        height: ((s = (r = (t = a.chartConfig) == null ? void 0 : t.option) == null ? void 0 : r.attr) == null ? void 0 : s.h) || ((c = (u = (n = o.value) == null ? void 0 : n.dataset) == null ? void 0 : u.attr) == null ? void 0 : c.h),
        width: ((p = (h = (m = a.chartConfig) == null ? void 0 : m.option) == null ? void 0 : h.attr) == null ? void 0 : p.w) || ((y = (f = (d = o.value) == null ? void 0 : d.dataset) == null ? void 0 : f.attr) == null ? void 0 : y.w)
      };
    });
    return (t, r) => (C(), E("div", null, [
      g("div", _, [
        x(D, {
          config: e(i).titleCofing,
          type: "text"
        }, null, 8, ["config"])
      ]),
      g("div", {
        style: F(e(i).bgStyle)
      }, [
        x(k, {
          options: e(i).chartoption,
          theme: l.themeColor,
          style: F(e(B))
        }, null, 8, ["options", "theme", "style"])
      ], 4)
    ]));
  }
});
export {
  L as default
};
