gds-plus-design-vue 1.2.5 → 1.2.7

package/lib/components.echarts.95ffc3b3.mjs

@@ -0,0 +1,811 @@
+import { m as y, n as m } from "./components.chartbi.470b96af.mjs";
+import { c as $ } from "./http.main.1af1e119.mjs";
+import { e as h } from "./utils.echarts.js.d1bb8ac6.mjs";
+import { f, s as _ } from "./utils.util.js.885de913.mjs";
+const v = {
+  name: "GdEcharts",
+  props: {
+    loadData: {
+      type: Array,
+      default: () => []
+    },
+    develop: {
+      type: [Number, String],
+      default: 1
+    },
+    showTitle: {
+      type: Boolean,
+      default: !0
+    },
+    color: {
+      type: Array,
+      default: () => []
+    },
+    left: {
+      type: [Number, String],
+      default: 10
+    }
+  },
+  components: {
+    ColumnarChart: () => Promise.resolve().then(() => E),
+    FunnelChart: () => Promise.resolve().then(() => F),
+    LineChart: () => Promise.resolve().then(() => R),
+    PieChart: () => Promise.resolve().then(() => H),
+    AmplifyEchart: () => Promise.resolve().then(() => Z)
+  },
+  data() {
+    return {
+      type: "0",
+      detail: {},
+      dataSource: [],
+      spinning: !1
+    };
+  },
+  computed: {
+    getColor() {
+      let e = [];
+      return (this.color.length === 0 ? this.echartsColor : this.color).forEach((a) => {
+        e.push(a === "0" ? this.primaryColor : a);
+      }), e;
+    },
+    ...y(["echartsColor", "primaryColor"])
+  },
+  methods: {
+    amplify() {
+      this.$refs.amplifyEchart.open(this.detail);
+    },
+    change(e) {
+      this.$emit("change", e);
+    },
+    setType() {
+      this.type = "0";
+    },
+    open(e) {
+      this.spinning = !0, this.detail = { ...e }, this.type = e.type, this.dataSource = [...e.data], this.assembly();
+    },
+    init(e) {
+      this.spinning = !0, this.detail = { ...e }, this.type = e.type, $({ pageNo: 1, pageSize: 100, tableId: e.tableId, viewId: e.viewId }).then((t) => {
+        t.success ? (this.dataSource = t.data.rows.filter((a) => a.id !== null), this.assembly()) : this.spinning = !1;
+      });
+    },
+    assembly() {
+      let e = {};
+      this.detail.mode == 1 ? e = this.getTotals() : this.detail.mode == 2 ? e = this.getGentles() : this.detail.mode == 3 ? e = this.getAverage() : this.detail.mode == 4 ? e = this.getMaximum() : this.detail.mode == 5 && (e = this.getMinimum());
+      let t = {
+        name: this.$i18nt(`Dynamics.${this.detail.transKey}`, this.detail.name),
+        count: this.dataSource.length,
+        columns: e.columns,
+        data: e.data
+      }, a = "columnarChart";
+      this.detail.type == 2 ? a = "pieChart" : this.detail.type == 3 ? a = "funnelChart" : this.detail.type == 4 && (a = "lineChart"), this.$nextTick(() => {
+        setTimeout(() => {
+          this.$refs[a].init(t), this.spinning = !1;
+        }, 0);
+      });
+    },
+    getTotals() {
+      let e = [], t = [], a = [];
+      (this.detail.list[0].dictTypeCode ? this.getDictionary(this.detail.list[0].dictTypeCode) : this.getUser()).forEach((i) => {
+        let n = 0;
+        this.dataSource.forEach((s) => {
+          s[this.detail.list[0].dataIndex] == i.code && (n += 1);
+        }), e.push({
+          value: n,
+          name: this.$i18nt(`Dynamics.${i.transkey}`, i.name)
+        }), t.push(this.$i18nt(`Dynamics.${i.transkey}`, i.name)), a.push(String(i.code));
+      });
+      let o = this.dataSource.filter((i) => !a.includes(String(i[this.detail.list[0].dataIndex])));
+      if (o.length > 0) {
+        let i = 0;
+        o.forEach((n) => {
+          i += 1;
+        }), e = [
+          {
+            value: i,
+            name: `${this.$i18nt("gd.echarts.none", "\u7A7A\u767D")}`
+          }
+        ].concat(e), t = [`${this.$i18nt("gd.echarts.none"), "\u7A7A\u767D"}`].concat(t);
+      }
+      return { data: e, columns: t };
+    },
+    getGentles() {
+      let e = [], t = [], a = 2;
+      if (this.detail.columnName && this.detail.list.length === 1) {
+        let l = this.detail.list[0].dictTypeCode ? this.getDictionary(this.detail.list[0].dictTypeCode) : this.getUser(), o = [], i = this.loadData.filter((s) => s.columnname == this.detail.columnName)[0];
+        a = i === void 0 ? a : i.filedsize !== null ? i.filedsize : a, l.forEach((s) => {
+          let r = 0;
+          this.dataSource.forEach((c) => {
+            if (c[this.detail.list[0].dataIndex] == s.code) {
+              let d = c[this.detail.columnName] !== null ? c[this.detail.columnName] : 0;
+              r += i.dicttypecode ? this.getDictionaryData(i.dicttypecode, c[this.detail.columnName]) : d;
+            }
+          }), e.push({
+            value: r.toString().length > a ? Number(r.toFixed(a)) : r,
+            name: this.$i18nt(`Dynamics.${s.transkey}`, s.name)
+          }), t.push(this.$i18nt(`Dynamics.${s.transkey}`, s.name)), o.push(String(s.code));
+        });
+        let n = this.dataSource.filter((s) => !o.includes(String(s[this.detail.list[0].dataIndex])));
+        if (n.length > 0) {
+          let s = 0;
+          n.forEach((r) => {
+            let c = r[this.detail.columnName] !== null ? r[this.detail.columnName] : 0;
+            s += i.dicttypecode ? this.getDictionaryData(i.dicttypecode, r[this.detail.columnName]) : c;
+          }), e = [
+            {
+              value: s,
+              name: `${this.$i18nt("gd.echarts.none", "\u7A7A\u767D")}`
+            }
+          ].concat(e), t = [`${this.$i18nt("gd.echarts.none", "\u7A7A\u767D")}`].concat(t);
+        }
+      } else
+        this.detail.list.forEach((l) => {
+          let o = 0, i = this.loadData.filter((n) => n.columnname == l.dataIndex)[0];
+          a = i === void 0 ? a : i.filedsize !== null ? i.filedsize : a, this.dataSource.forEach((n) => {
+            o += n[l.dataIndex] !== null && n[l.dataIndex] !== void 0 ? n[l.dataIndex] : 0;
+          }), e.push({
+            value: o.toString().length > a ? Number(o.toFixed(a)) : o,
+            name: this.$i18nt(`Dynamics.${l.transKey}`, l.columnComment)
+          }), t.push(this.$i18nt(`Dynamics.${l.transKey}`, l.columnComment));
+        });
+      return { data: e, columns: t };
+    },
+    getAverage() {
+      let e = [], t = [], a = 2;
+      if (this.detail.columnName && this.detail.list.length == 1) {
+        let l = this.detail.list[0].dictTypeCode ? this.getDictionary(this.detail.list[0].dictTypeCode) : this.getUser(), o = [], i = this.loadData.filter((s) => s.columnname == this.detail.columnName)[0];
+        l.forEach((s) => {
+          let r = 0, c = 0, d = this.loadData.filter((u) => u.columnname == this.detail.columnName)[0];
+          a = d == null ? a : d.filedsize !== null ? d.filedsize : a, this.dataSource.forEach((u) => {
+            if (u[this.detail.list[0].dataIndex] == s.code) {
+              let g = u[this.detail.columnName] !== null && u[this.detail.columnName] !== void 0 ? u[this.detail.columnName] : 0;
+              r += d.dicttypecode ? this.getDictionaryData(d.dicttypecode, u[this.detail.columnName]) : g, c += 1;
+            }
+          }), e.push({
+            value: r.toString().length > a ? Number(r.toFixed(a)) : r,
+            name: this.$i18nt(`Dynamics.${s.transKey}`, s.name),
+            leg: c
+          }), t.push(this.$i18nt(`Dynamics.${s.transKey}`, s.name)), o.push(String(s.code));
+        });
+        let n = this.dataSource.filter((s) => !o.includes(String(s[this.detail.list[0].dataIndex])));
+        if (n.length > 0) {
+          let s = 0;
+          n.forEach((r) => {
+            let c = r[this.detail.columnName] !== null && r[this.detail.columnName] !== void 0 ? r[this.detail.columnName] : 0;
+            s += i.dicttypecode ? this.getDictionaryData(i.dicttypecode, r[this.detail.columnName]) : c;
+          }), e = [
+            {
+              value: s,
+              name: `${this.$i18nt("gd.echarts.none", "\u7A7A\u767D")}`,
+              leg: n.length
+            }
+          ].concat(e), t = [`${this.$i18nt("gd.echarts.none", "\u7A7A\u767D")}`].concat(t);
+        }
+      } else
+        this.detail.list.forEach((l) => {
+          let o = 0, i = 0, n = this.loadData.filter((s) => s.columnname == l.dataIndex)[0];
+          a = n == null ? a : n.filedsize !== null ? n.filedsize : a, this.dataSource.forEach((s) => {
+            o += s[l.dataIndex] !== null && s[l.dataIndex] !== void 0 ? s[l.dataIndex] : 0, i += 1;
+          }), e.push({
+            value: o.toString().length > a ? Number(o.toFixed(a)) : o,
+            name: this.$i18nt(`Dynamics.${l.transKey}`, l.columnComment),
+            leg: i
+          }), t.push(this.$i18nt(`Dynamics.${l.transKey}`, l.columnComment));
+        });
+      return { data: e, columns: t };
+    },
+    getMaximum() {
+      let e = [], t = [];
+      if (this.detail.columnName && this.detail.list.length == 1) {
+        let a = this.detail.list[0].dictTypeCode ? this.getDictionary(this.detail.list[0].dictTypeCode) : this.getUser(), l = [], o = this.loadData.filter((n) => n.columnname == this.detail.columnName)[0];
+        a.forEach((n) => {
+          let s = 0;
+          this.dataSource.forEach((r) => {
+            if (r[this.detail.list[0].dataIndex] == n.code) {
+              let c = r[this.detail.columnName] !== null && r[this.detail.columnName] !== void 0 ? r[this.detail.columnName] : 0;
+              c = o.dicttypecode ? this.getDictionaryData(o.dicttypecode, r[this.detail.columnName]) : c, s = c > s ? c : s;
+            }
+          }), e.push({
+            value: s,
+            name: this.$i18nt(`Dynamics.${n.transkey}`, n.name)
+          }), t.push(this.$i18nt(`Dynamics.${n.transkey}`, n.name)), l.push(String(n.code));
+        });
+        let i = this.dataSource.filter((n) => !l.includes(String(n[this.detail.list[0].dataIndex])));
+        if (i.length > 0) {
+          let n = 0;
+          i.forEach((s) => {
+            let r = s[this.detail.columnName] !== null ? s[this.detail.columnName] : 0;
+            n = o.dicttypecode ? this.getDictionaryData(o.dicttypecode, s[this.detail.columnName]) : r, n = r > n ? r : n;
+          }), e = [
+            {
+              value: n,
+              name: `${this.$i18nt("gd.echarts.none", "\u7A7A\u767D")}`
+            }
+          ].concat(e), t = [`${this.$i18nt("gd.echarts.none", "\u7A7A\u767D")}`].concat(t);
+        }
+      } else
+        this.detail.list.forEach((a) => {
+          let l = 0;
+          this.dataSource.forEach((o) => {
+            let i = o[a.dataIndex] != null ? o[a.dataIndex] : 0;
+            l = i > l ? i : l;
+          }), e.push({
+            value: l,
+            name: this.$i18nt(`Dynamics.${a.transKey}`, a.columnComment)
+          }), t.push(this.$i18nt(`Dynamics.${a.transKey}`, a.columnComment));
+        });
+      return { data: e, columns: t };
+    },
+    getMinimum() {
+      let e = [], t = [];
+      if (this.detail.columnName && this.detail.list.length == 1) {
+        let a = this.detail.list[0].dictTypeCode ? this.getDictionary(this.detail.list[0].dictTypeCode) : this.getUser(), l = [], o = this.loadData.filter((n) => n.columnname == this.detail.columnName)[0];
+        a.forEach((n) => {
+          let s = null;
+          this.dataSource.forEach((r, c) => {
+            if (r[this.detail.list[0].dataIndex] == n.code) {
+              let d = r[this.detail.columnName] !== null ? r[this.detail.columnName] : 0;
+              d = o.dicttypecode ? this.getDictionaryData(o.dicttypecode, r[this.detail.columnName]) : d, s = s === null || d < s ? d : s;
+            }
+          }), e.push({
+            value: s,
+            name: this.$i18nt(`Dynamics.${n.transkey}`, n.name)
+          }), t.push(this.$i18nt(`Dynamics.${n.transkey}`, n.name)), l.push(String(n.code));
+        });
+        let i = this.dataSource.filter((n) => !l.includes(String(n[this.detail.list[0].dataIndex])));
+        if (i.length > 0) {
+          let n = null;
+          i.forEach((s, r) => {
+            let c = s[this.detail.columnName] !== null && s[this.detail.columnName] !== void 0 ? s[this.detail.columnName] : 0;
+            n = o.dicttypecode ? this.getDictionaryData(o.dicttypecode, s[this.detail.columnName]) : c, n = n === null || c < n ? c : n;
+          }), e = [
+            {
+              value: n,
+              name: `${this.$i18nt("gd.echarts.none", "\u7A7A\u767D")}`
+            }
+          ].concat(e), t = [`${this.$i18nt("gd.echarts.none", "\u7A7A\u767D")}`].concat(t);
+        }
+      } else
+        this.detail.list.forEach((a) => {
+          let l = null;
+          this.dataSource.forEach((o, i) => {
+            let n = o[a.dataIndex] !== null && o[a.dataIndex] !== void 0 ? o[a.dataIndex] : 0;
+            l = l === null || n < l ? n : l;
+          }), e.push({
+            value: l,
+            name: this.$i18nt(`Dynamics.${a.transKey}`, a.columnComment)
+          }), t.push(this.$i18nt(`Dynamics.${a.transKey}`, a.columnComment));
+        });
+      return { data: e, columns: t };
+    },
+    getUser() {
+      let e = this.duplicate(this.dataSource, this.detail.list[0].dataIndex), t = [];
+      return e.forEach((a) => {
+        let l = a[this.detail.list[0].dataIndex];
+        t.push({
+          name: l || `${this.$i18nt("gd.echarts.none", "\u7A7A\u767D")}`,
+          code: a[this.detail.list[0].dataIndex]
+        });
+      }), t;
+    },
+    duplicate(e, t) {
+      if (e.length == 0)
+        return e;
+      if (t) {
+        var a = {}, l = e.reduce((o, i) => (a[i[t]] || (a[i[t]] = o.push(i)), o), []);
+        return l;
+      } else
+        return Array.from(new Set(e));
+    },
+    getDictionary(e) {
+      return this.$options.filters.dictData(e);
+    },
+    getDictionaryData(e, t) {
+      let a = this.getDictionary(e).filter((l) => l.code == t)[0];
+      return a === void 0 ? 0 : Number(a.name);
+    }
+  }
+};
+var b = function() {
+  var t = this, a = t._self._c;
+  return a("div", { directives: [{ name: "loading", rawName: "v-loading", value: t.spinning, expression: "spinning" }], staticClass: "gd-echart" }, [t.type === "0" ? a("div", { staticClass: "empty" }, [a("i", { staticClass: "el-icon-receiving" }), a("div", { staticClass: "empty-err" }, [t._v(t._s(t.$i18nt("gd.echarts.noData", "\u6682\u65E0\u6570\u636E\u5C55\u793A")))])]) : t._e(), t.type == 1 ? a("ColumnarChart", { ref: "columnarChart", attrs: { develop: t.develop, color: t.getColor, showTitle: t.showTitle, left: t.left }, on: { change: t.change } }) : t._e(), t.type == 2 ? a("PieChart", { ref: "pieChart", attrs: { develop: t.develop, color: t.getColor, showTitle: t.showTitle, left: t.left }, on: { change: t.change } }) : t._e(), t.type == 3 ? a("FunnelChart", { ref: "funnelChart", attrs: { develop: t.develop, color: t.getColor, showTitle: t.showTitle, left: t.left }, on: { change: t.change } }) : t._e(), t.type == 4 ? a("LineChart", { ref: "lineChart", attrs: { develop: t.develop, color: t.getColor, showTitle: t.showTitle, left: t.left }, on: { change: t.change } }) : t._e(), a("AmplifyEchart", { ref: "amplifyEchart", attrs: { loadData: t.loadData, color: t.getColor } })], 1);
+}, S = [], C = /* @__PURE__ */ m(
+  v,
+  b,
+  S,
+  !1,
+  null,
+  "97c8a505",
+  null,
+  null
+);
+const p = C.exports;
+p.install = function(e) {
+  e.component(p.name, p);
+};
+const x = {
+  props: {
+    develop: {
+      type: [Number, String],
+      default: 1
+    },
+    color: {
+      type: Array,
+      default: () => []
+    },
+    showTitle: {
+      type: Boolean,
+      default: !0
+    },
+    left: {
+      type: [Number, String],
+      default: 10
+    }
+  },
+  data() {
+    return {};
+  },
+  computed: {},
+  methods: {
+    init(e) {
+      let t = h.init(this.$refs.container), a = this.getOption(e);
+      t.clear(), t.dispose(), t = h.init(this.$refs.container), t.setOption(a), t.on("click", (l) => {
+        this.$emit("change", l);
+      });
+    },
+    getOption(e) {
+      let t = [];
+      e.data.forEach((i) => {
+        t.push(i.value);
+      });
+      let a = this.$i18nt(`Dynamics.${e.transKey}`, e.name), l = {
+        text: a ? `${a} (${this.$i18nt("gd.basics.total", "\u5171")} ${e.count} ${this.$i18nt("gd.basics.data", "\u6761\u6570\u636E")})` : `${this.$i18nt("gd.table.total", "\u5171")} ${e.count} ${this.$i18nt("gd.table.data", "\u6761\u6570\u636E")}`,
+        left: this.left,
+        textStyle: {
+          fontSize: 16
+        }
+      }, o = {
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            type: "shadow"
+          }
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: !0
+        },
+        xAxis: [
+          {
+            type: "category",
+            data: e.columns.filter((i, n) => n < 30),
+            axisTick: {
+              alignWithLabel: !0
+            },
+            axisLabel: {
+              interval: 0,
+              rotate: 30
+            }
+          }
+        ],
+        yAxis: [
+          {
+            type: "value"
+          }
+        ],
+        series: [
+          {
+            type: "bar",
+            barWidth: "60%",
+            data: t.filter((i, n) => n < 30),
+            itemStyle: {
+              normal: {
+                label: {
+                  show: !0,
+                  position: "top",
+                  textStyle: {
+                    color: "#333",
+                    fontSize: 14
+                  },
+                  formatter: (i) => f(i.data)
+                },
+                color: (i) => this.color[i.dataIndex]
+              }
+            }
+          }
+        ]
+      };
+      return this.showTitle ? Object.assign(o, { title: l }) : o;
+    }
+  }
+};
+var D = function() {
+  var t = this, a = t._self._c;
+  return a("div", { ref: "container", staticStyle: { height: "100%", width: "100%" }, attrs: { id: "container" } });
+}, N = [], T = /* @__PURE__ */ m(
+  x,
+  D,
+  N,
+  !1,
+  null,
+  "8b6de49a",
+  null,
+  null
+);
+const w = T.exports, E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: w
+}, Symbol.toStringTag, { value: "Module" }));
+const I = {
+  props: {
+    develop: {
+      type: [Number, String],
+      default: 1
+    },
+    color: {
+      type: Array,
+      default: () => []
+    },
+    showTitle: {
+      type: Boolean,
+      default: !0
+    },
+    left: {
+      type: [Number, String],
+      default: 10
+    }
+  },
+  data() {
+    return {};
+  },
+  computed: {},
+  methods: {
+    init(e) {
+      let t = h.init(this.$refs.container), a = this.getOption(e);
+      t.clear(), t.dispose(), t = h.init(this.$refs.container), t.setOption(a), t.on("click", (l) => {
+        this.$emit("change", l);
+      });
+    },
+    getOption(e) {
+      let t = 0;
+      e.data.forEach((i, n) => {
+        t += Number(i.value), e.data[n].order = i.value;
+      }), e.data = [..._(e.data)];
+      let a = this.$i18nt(`Dynamics.${e.transKey}`, e.name), l = {
+        text: a ? `${a} (${this.$i18nt("gd.basics.total", "\u5171")} ${e.count} ${this.$i18nt("gd.basics.data", "\u6761\u6570\u636E")})` : `${this.$i18nt("gd.basics.total", "\u5171")} ${e.count} ${this.$i18nt("gd.basics.data", "\u6761\u6570\u636E")}`,
+        left: this.left,
+        textStyle: {
+          fontSize: 16
+        }
+      }, o = {
+        tooltip: {
+          trigger: "item",
+          formatter: function(i) {
+            return `${i.data.name}:\r\r${f(i.data.values)}\r
+(${i.data.percentage}%)`;
+          }
+        },
+        color: this.color,
+        legend: {
+          type: "scroll",
+          bottom: 0,
+          data: e.columns
+        },
+        series: [
+          {
+            type: "funnel",
+            left: "10%",
+            top: 50,
+            bottom: 50,
+            width: "76%",
+            min: 0,
+            max: 100,
+            minSize: "10%",
+            maxSize: "90%",
+            sort: "descending",
+            gap: 1,
+            label: {
+              show: !0,
+              formatter: function(i) {
+                return `${i.data.name}:\r\r${f(i.data.values)}\r
+(${i.data.percentage}%)`;
+              }
+            },
+            labelLine: {
+              length: 10,
+              lineStyle: {
+                width: 1,
+                type: "solid"
+              }
+            },
+            itemStyle: {
+              borderColor: "#fff",
+              borderWidth: 1
+            },
+            emphasis: {
+              label: {
+                fontSize: 15
+              }
+            },
+            data: e.data.map((i, n) => {
+              const s = i.value;
+              return i.values = s, i.percentage = t === 0 ? "0" : (Number(s) / t * 1e4).toFixed(0) / 100, i.value = (1 / e.data.length * (n + 1) * 100).toFixed(0), i;
+            })
+          }
+        ]
+      };
+      return this.showTitle ? Object.assign(o, { title: l }) : o;
+    }
+  }
+};
+var z = function() {
+  var t = this, a = t._self._c;
+  return a("div", { ref: "container", staticStyle: { height: "100%", width: "100%" }, attrs: { id: "container" } });
+}, O = [], k = /* @__PURE__ */ m(
+  I,
+  z,
+  O,
+  !1,
+  null,
+  "a2bba9b4",
+  null,
+  null
+);
+const A = k.exports, F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: A
+}, Symbol.toStringTag, { value: "Module" }));
+const K = {
+  props: {
+    develop: {
+      type: [Number, String],
+      default: 1
+    },
+    color: {
+      type: Array,
+      default: () => []
+    },
+    showTitle: {
+      type: Boolean,
+      default: !0
+    },
+    left: {
+      type: [Number, String],
+      default: 10
+    }
+  },
+  data() {
+    return {};
+  },
+  computed: {},
+  methods: {
+    init(e) {
+      let t = h.init(this.$refs.container), a = this.getOption(e);
+      t.clear(), t.dispose(), t = h.init(this.$refs.container), t.setOption(a), t.on("click", (l) => {
+        this.$emit("change", l);
+      });
+    },
+    getOption(e) {
+      let t = this.$i18nt(`Dynamics.${e.transKey}`, e.name), a = {
+        text: t ? `${t} (${this.$i18nt("gd.basics.total", "\u5171")} ${e.count} ${this.$i18nt(
+          "gd.basics.data",
+          "\u6761\u6570\u636E"
+        )})` : `${this.$i18nt("gd.basics.total", "\u5171")} ${e.count} ${this.$i18nt(
+          "gd.basics.data",
+          "\u6761\u6570\u636E"
+        )}`,
+        left: this.left,
+        textStyle: {
+          fontSize: 16
+        }
+      }, l = {
+        tooltip: {
+          trigger: "axis"
+        },
+        color: this.color,
+        legend: {},
+        xAxis: {
+          type: "category",
+          data: e.columns,
+          axisLabel: { interval: 0, rotate: 30 }
+        },
+        yAxis: {
+          type: "value"
+        },
+        series: [
+          {
+            data: e.data,
+            type: "line"
+          }
+        ]
+      };
+      return this.showTitle ? Object.assign(l, { title: a }) : l;
+    }
+  }
+};
+var P = function() {
+  var t = this, a = t._self._c;
+  return a("div", { ref: "container", staticStyle: { height: "100%", width: "100%" }, attrs: { id: "container" } });
+}, j = [], L = /* @__PURE__ */ m(
+  K,
+  P,
+  j,
+  !1,
+  null,
+  "f8a9de5c",
+  null,
+  null
+);
+const M = L.exports, R = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: M
+}, Symbol.toStringTag, { value: "Module" }));
+const G = {
+  props: {
+    develop: {
+      type: [Number, String],
+      default: 1
+    },
+    color: {
+      type: Array,
+      default: () => []
+    },
+    showTitle: {
+      type: Boolean,
+      default: !0
+    },
+    left: {
+      type: [Number, String],
+      default: 10
+    }
+  },
+  data() {
+    return {};
+  },
+  computed: {},
+  methods: {
+    init(e) {
+      let t = h.init(this.$refs.container), a = this.getOption(e);
+      t.clear(), t.dispose(), t = h.init(this.$refs.container), t.setOption(a), t.on("click", (l) => {
+        this.$emit("change", l);
+      });
+    },
+    getOption(e) {
+      let t = this.$i18nt(`Dynamics.${e.transKey}`, e.name), a = {
+        text: t ? `${t} (${this.$i18nt("gd.basics.total", "\u5171")} ${e.count} ${this.$i18nt(
+          "gd.basics.data",
+          "\u6761\u6570\u636E"
+        )})` : `${this.$i18nt("gd.basics.total", "\u5171")} ${e.count} ${this.$i18nt(
+          "gd.basics.data",
+          "\u6761\u6570\u636E"
+        )}`,
+        left: this.left,
+        textStyle: {
+          fontSize: 16
+        }
+      }, l = {
+        tooltip: {
+          trigger: "item"
+        },
+        color: this.color,
+        legend: {
+          type: "scroll",
+          bottom: 0,
+          data: e.columns
+        },
+        series: [
+          {
+            type: "pie",
+            radius: ["30%", "58%"],
+            center: this.develop == 4 ? ["50%", "45%"] : ["50%", "50%"],
+            data: e.data,
+            label: {
+              show: !0,
+              position: "outside",
+              textStyle: {
+                fontWeight: 500,
+                color: "#333",
+                fontSize: 14,
+                lineHeight: 20
+              },
+              formatter: (o) => `${o.name}:\r\r${f(o.value)}\r
+(${o.percent}%)`
+            },
+            itemStyle: {
+              borderRadius: 2
+            }
+          }
+        ]
+      };
+      return this.showTitle ? Object.assign(l, { title: a }) : l;
+    }
+  }
+};
+var U = function() {
+  var t = this, a = t._self._c;
+  return a("div", { ref: "container", staticStyle: { height: "100%", width: "100%" }, attrs: { id: "container" } });
+}, B = [], W = /* @__PURE__ */ m(
+  G,
+  U,
+  B,
+  !1,
+  null,
+  "4f2b1bb6",
+  null,
+  null
+);
+const V = W.exports, H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: V
+}, Symbol.toStringTag, { value: "Module" }));
+const q = {
+  props: {
+    loadData: {
+      type: Array,
+      default: () => []
+    },
+    color: {
+      type: Array,
+      default: () => []
+    },
+    left: {
+      type: [Number, String],
+      default: "center"
+    }
+  },
+  data() {
+    return {
+      record: {},
+      width: "80%",
+      confirmLoading: !1,
+      visible: !1,
+      fullscreen: !1
+    };
+  },
+  methods: {
+    open(e) {
+      this.visible = !0, this.record = { ...e }, this.$nextTick(() => {
+        setTimeout(() => {
+          this.$refs.VEcharts.open(e);
+        }, 0);
+      });
+    },
+    toggleFullscreen() {
+      this.fullscreen = !this.fullscreen, this.$nextTick(() => {
+        setTimeout(() => {
+          this.$refs.VEcharts.open(this.record);
+        }, 0);
+      });
+    },
+    doEvent(e) {
+      let t = e.item.functionName;
+      this[t] && this[t]();
+    },
+    closed() {
+      this.fullscreen = !1, this.visible = !1;
+    }
+  }
+};
+var J = function() {
+  var t = this, a = t._self._c;
+  return a("el-dialog", { directives: [{ name: "drag", rawName: "v-drag" }], ref: "dialog", class: t.fullscreen ? "gd-dialog gd-dialog-fangda" : "gd-dialog", attrs: { fullscreen: t.fullscreen, visible: t.visible, width: t.width, center: !0, "close-on-click-modal": !1, "append-to-body": !0, "modal-append-to-body": !1, top: "80px", "show-close": !1 }, on: { "update:visible": function(l) {
+    t.visible = l;
+  }, closed: t.closed } }, [a("gd-modal-title", { attrs: { slot: "title", title: "", fullscreen: t.fullscreen, buttons: [], confirmLoading: t.confirmLoading, showClose: !0 }, on: { changeEvent: t.doEvent }, slot: "title" }), a("div", { directives: [{ name: "loading", rawName: "v-loading", value: t.confirmLoading, expression: "confirmLoading" }], staticClass: "generator-form" }, [a("gd-echarts", { ref: "VEcharts", attrs: { loadData: t.loadData, color: t.color, left: t.left } })], 1)], 1);
+}, Q = [], X = /* @__PURE__ */ m(
+  q,
+  J,
+  Q,
+  !1,
+  null,
+  "bb8cc0bf",
+  null,
+  null
+);
+const Y = X.exports, Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Y
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  p as G
+};