@topdatasec/report 1.1.4 → 1.1.5

package/lib/t-report-ui.es.js

@@ -1,46 +1,64 @@
-import { defineComponent as $, computed as F, resolveComponent as d, openBlock as c, createElementBlock as y, createElementVNode as C, Fragment as A, renderList as I, normalizeClass as W, createBlock as S, createCommentVNode as R, toDisplayString as P, ref as k, createVNode as a, withCtx as p, onMounted as Z, normalizeProps as ne, guardReactiveProps as ae, isVNode as re, normalizeStyle as he, mergeModels as se, useModel as ie, unref as g, createTextVNode as D, resolveDynamicComponent as N, isRef as Ce, withModifiers as we, watch as xe, resolveDirective as Ve, withDirectives as Se, shallowRef as $e, onBeforeUnmount as ke, onUnmounted as Te, reactive as Le, TransitionGroup as Re } from "vue";
-import { defineStore as Ue, storeToRefs as De } from "pinia";
-import { ElMessage as Ae } from "element-plus";
-import { VueDraggable as Ee } from "vue-draggable-plus";
-import { Toolbar as Fe, Editor as Ie } from "@wangeditor/editor-for-vue";
-const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math.random().toString(36).substring(2, 9), O = (n) => JSON.parse(JSON.stringify(n)), ze = (n) => n.replace(/-([a-z])/g, (t, e) => e.toUpperCase()).replace(/^[a-z]/, (t) => t.toUpperCase()), H = (n, t) => n[ze(t)], He = (n) => window.$http.request({
+import { defineComponent as T, computed as A, resolveComponent as i, openBlock as m, createElementBlock as w, createElementVNode as k, Fragment as F, renderList as I, normalizeClass as B, createBlock as S, createCommentVNode as U, toDisplayString as j, ref as V, createVNode as l, withCtx as u, onMounted as te, normalizeProps as ae, guardReactiveProps as re, isVNode as ie, normalizeStyle as xe, mergeModels as se, useModel as ue, unref as h, createTextVNode as L, resolveDynamicComponent as W, isRef as ke, withModifiers as $e, watch as Ve, resolveDirective as Se, withDirectives as Te, shallowRef as Le, onBeforeUnmount as Re, onUnmounted as Ue, reactive as J, TransitionGroup as De, mergeProps as Ee } from "vue";
+import { defineStore as Fe, storeToRefs as Ae } from "pinia";
+import { ElMessage as Ie } from "element-plus";
+import { VueDraggable as ze } from "vue-draggable-plus";
+import { Toolbar as He, Editor as Pe } from "@wangeditor/editor-for-vue";
+import { CircleClose as qe } from "@element-plus/icons-vue";
+const q = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math.random().toString(36).substring(2, 9), Y = (a) => JSON.parse(JSON.stringify(a)), je = (a) => a.replace(/-([a-z])/g, (t, e) => e.toUpperCase()).replace(/^[a-z]/, (t) => t.toUpperCase()), H = (a, t) => a[je(t)], Me = (a) => window.$http.request({
   url: `${window.$reportURL}/tds/report/demo/get`,
   method: "get",
-  params: n,
+  params: a,
   isError: !1
-}), ue = (n) => window.$http.request({
+}), pe = (a) => window.$http.request({
   url: `${window.$reportURL}/tds/report/item/get`,
   method: "get",
-  params: n,
+  params: a,
   isError: !1
-}), Me = (n) => window.$http.request({
+}), Be = (a) => window.$http.request({
   url: `${window.$reportURL}/tds/report/preview`,
   method: "get",
-  params: n,
+  params: a,
   isError: !1
-}), je = (n) => window.$http.request({
+}), We = (a) => window.$http.request({
   url: `${window.$reportURL}/tds/report/add`,
   method: "post",
-  data: n
-}), Pe = (n) => window.$http.request({
+  data: a
+}), Ye = (a) => window.$http.request({
   url: `${window.$reportURL}/tds/report/put`,
   method: "put",
-  data: n
-}), Be = (n) => window.$http.request({
+  data: a
+}), Oe = (a) => window.$http.request({
   url: `${window.$reportURL}/tds/report/get`,
   method: "get",
-  params: n,
+  params: a,
   isError: !1
-}), We = (n) => window.$http.request({
+}), de = (a) => window.$http.request({
   url: `${window.$reportURL}/tds/report/filter/get`,
   method: "get",
-  params: n,
+  params: a,
   isError: !1
-}), Ne = (n) => window.$http.request({
+}), Ne = (a) => window.$http.request({
   url: `${window.$reportURL}/tds/report/delete`,
   method: "delete",
-  data: n
-}), pe = "rgba(51, 51, 51, 0.15)", M = "rgba(51, 51, 51, 1)", B = 12, de = (n = !1) => {
+  data: a
+}), Ke = (a) => window.$http.request({
+  url: `${window.$reportURL}/tds/report/item/list`,
+  method: "get",
+  params: a,
+  isError: !1
+}), Ge = (a) => window.$http.request({
+  url: `${window.$reportURL}/tds/report/item/delete`,
+  method: "delete",
+  data: a
+}), Je = (a) => window.$http.request({
+  url: `${window.$reportURL}/tds/report/item/add`,
+  method: "post",
+  data: a
+}), Qe = (a) => window.$http.request({
+  url: `${window.$reportURL}/tds/report/item/put`,
+  method: "put",
+  data: a
+}), ce = "rgba(51, 51, 51, 0.15)", P = "rgba(51, 51, 51, 1)", M = 12, me = (a = !1) => {
   const t = {
     // top: '2%',
     left: "3%",
@@ -48,8 +66,8 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
     bottom: "2%",
     containLabel: !0
   };
-  return n && (t.top = "5%"), t;
-}, U = [
+  return a && (t.top = "5%"), t;
+}, D = [
   "46, 145, 255",
   "48, 212, 183",
   "108, 108, 255",
@@ -70,12 +88,12 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
   "100, 161, 206",
   "246, 175, 159",
   "238, 97, 97"
-], Oe = (n, t, e = "", l = { name: "name", value: "value" }) => {
+], Xe = (a, t, e = "", n = { name: "name", value: "value" }) => {
   const r = [], o = [];
   t.forEach((s) => {
-    r.push(s[l.name]), o.push(s[l.value]);
-  }), n.xAxis[0].data = r, n.series[0].data = o, n.series[0].name = e, n.series[1].data = o, n.series[2].data = o;
-}, ee = (n = [
+    r.push(s[n.name]), o.push(s[n.value]);
+  }), a.xAxis[0].data = r, a.series[0].data = o, a.series[0].name = e, a.series[1].data = o, a.series[2].data = o;
+}, K = (a = [
   {
     name: "数据1",
     value: 63
@@ -107,7 +125,7 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
         }
       ]
     }
-  }), l = n.map((r) => r[t.value]);
+  }), n = a.map((r) => r[t.value]);
   return {
     // 提示框组件
     tooltip: {
@@ -119,7 +137,7 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
     //   type: 'plain', //plain:普通图例；scroll:可滚动翻页的图例。当图例数量较多时使。
     //   show: true,
     // },
-    grid: de(),
+    grid: me(),
     title: {
       show: !0,
       text: "样例数据",
@@ -139,7 +157,7 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
         nameRotate: 0,
         // 坐标轴名称旋转
         axisLabel: {
-          color: M,
+          color: P,
           // X轴类目名称样式
           rotate: 0
           // X轴类目名称旋转角度
@@ -148,7 +166,7 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
           //X轴轴线设置
           show: !0,
           lineStyle: {
-            color: pe,
+            color: ce,
             width: 1
           }
         },
@@ -156,7 +174,7 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
         // X轴刻度相关设置
         splitLine: { show: !1 },
         // 横向分隔线
-        data: n.map((r) => r[t.name])
+        data: a.map((r) => r[t.name])
       }
     ],
     // y轴设置
@@ -167,8 +185,8 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
         // 坐标轴刻度最小值
         position: "left",
         nameTextStyle: {
-          fontSize: B,
-          color: M,
+          fontSize: M,
+          color: P,
           fontWeight: "bold"
         },
         axisLine: { show: !1 },
@@ -178,7 +196,7 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
         splitLine: { show: !1 },
         // 纵向分隔线
         axisLabel: {
-          color: M,
+          color: P,
           // y轴刻度标签
           formatter: "{value}",
           inside: !1
@@ -191,8 +209,8 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
         type: "bar",
         barWidth: 15,
         barGap: "0%",
-        itemStyle: e(`rgba(${U[0]}, 0.7)`, `rgba(${U[0]}, 0.2)`),
-        data: l,
+        itemStyle: e(`rgba(${D[0]}, 0.7)`, `rgba(${D[0]}, 0.2)`),
+        data: n,
         label: {
           show: !0,
           // 显示标签
@@ -211,8 +229,8 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
         symbolSize: [15, 10],
         //调整截面形状
         symbolOffset: [0, 5],
-        itemStyle: e(`rgba(${U[0]}, 0.7)`, `rgba(${U[0]}, 0.2)`),
-        data: l
+        itemStyle: e(`rgba(${D[0]}, 0.7)`, `rgba(${D[0]}, 0.2)`),
+        data: n
       },
       {
         // 柱顶圆片
@@ -222,20 +240,20 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
         //调整截面形状
         symbolOffset: [0, -5],
         symbolPosition: "end",
-        itemStyle: e(`rgba(${U[0]}, 0.9)`, `rgba(${U[0]}, 1)`),
-        data: l
+        itemStyle: e(`rgba(${D[0]}, 0.9)`, `rgba(${D[0]}, 1)`),
+        data: n
       }
     ]
   };
-}, Ye = ({ chartOption: n, data: t, props: e = { name: "label", value: "data" } }) => {
-  let l = 0;
-  const r = t.map((o, s) => (l += Number(o[e.value]), {
+}, Ze = ({ chartOption: a, data: t, props: e = { name: "label", value: "data" } }) => {
+  let n = 0;
+  const r = t.map((o, s) => (n += Number(o[e.value]), {
     name: o[e.name],
     value: Number(o[e.value])
   }));
-  t.length > 0 && (n.legend.data = r, n.series[0].data = r, n.graphic[1].style.text = l);
-}, qe = () => U.map((n) => `rgba(${n}, 1)`), q = ({
-  data: n = [
+  t.length > 0 && (a.legend.data = r, a.series[0].data = r, a.graphic[1].style.text = n);
+}, et = () => D.map((a) => `rgba(${a}, 1)`), O = ({
+  data: a = [
     {
       name: "数据1",
       value: 63
@@ -251,21 +269,21 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
   ],
   radiusType: t = 1,
   roseType: e = !1,
-  isLegend: l = !0,
+  isLegend: n = !0,
   isLine: r = !1,
   center: o = ["50%", "50%"],
   isTitle: s = !0
 }) => {
-  const _ = {
-    color: qe(),
+  const f = {
+    color: et(),
     toolbox: { show: !1 },
     tooltip: {
       trigger: "item",
       show: !0,
-      formatter: (i) => {
-        const { name: f, value: m } = i;
-        return `<div style="color: ${i.color}; font-size: 14px;">${f}&nbsp;&nbsp;&nbsp;</div>
-            <div><span style="font-size: 14px; color: #86909c; float: right;">数量：${m}</span></div>`;
+      formatter: (p) => {
+        const { name: b, value: _ } = p;
+        return `<div style="color: ${p.color}; font-size: 14px;">${b}&nbsp;&nbsp;&nbsp;</div>
+            <div><span style="font-size: 14px; color: #86909c; float: right;">数量：${_}</span></div>`;
       }
     },
     title: {
@@ -279,18 +297,18 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
       y: 10
     },
     legend: {
-      show: l,
+      show: n,
       left: "70%",
-      formatter: (i) => {
-        var m;
-        const f = (m = _.series[0]) == null ? void 0 : m.data.find((u) => u.name === i).value;
-        return ` ${i} | ${f}`;
+      formatter: (p) => {
+        var _;
+        const b = (_ = f.series[0]) == null ? void 0 : _.data.find((d) => d.name === p).value;
+        return ` ${p} | ${b}`;
       },
       textStyle: {
-        fontSize: B,
-        color: M
+        fontSize: M,
+        color: P
       },
-      data: n,
+      data: a,
       orient: "vertical",
       itemWidth: 10,
       itemHeight: 10,
@@ -337,8 +355,8 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
           borderWidth: 1,
           borderColor: "inherit",
           padding: [3, -3, 3, -3],
-          formatter: function(i) {
-            return `{a|${i.name}(${i.value})}`;
+          formatter: function(p) {
+            return `{a|${p.name}(${p.value})}`;
           },
           rich: {
             a: {
@@ -365,7 +383,7 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
             width: 1
           }
         },
-        data: n
+        data: a
       }
     ],
     graphic: [
@@ -395,32 +413,32 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
       }
     ]
   };
-  return _;
-}, Ge = (n, t, e = { name: "name", value: "value" }) => {
-  n.xAxis.data = t.map((l) => l[e.name]), Array.isArray(e.value) ? e.value.forEach((l, r) => {
-    n.series[r].data = t.map((o) => o[l.value]);
-  }) : typeof e.value == "string" && (n.series[0].data = t.map((l) => l[e.value]));
-}, Je = () => ({
+  return f;
+}, tt = (a, t, e = { name: "name", value: "value" }) => {
+  a.xAxis.data = t.map((n) => n[e.name]), Array.isArray(e.value) ? e.value.forEach((n, r) => {
+    a.series[r].data = t.map((o) => o[n.value]);
+  }) : typeof e.value == "string" && (a.series[0].data = t.map((n) => n[e.value]));
+}, ot = () => ({
   name: "",
   type: "line",
   symbol: "circle",
   smooth: !0,
   lineStyle: {
     width: 1,
-    color: `rgba(${U[0]}, 1)`
+    color: `rgba(${D[0]}, 1)`
     // 线条颜色
   },
   showSymbol: !1,
   itemStyle: {
-    color: `rgba(${U[0]}, 1)`,
+    color: `rgba(${D[0]}, 1)`,
     //拐点颜色
     label: {
       show: !0,
       //开启显示
       position: "top",
       //在上方显示
-      formatter: function(n) {
-        return n.value ? n.value : 0;
+      formatter: function(a) {
+        return a.value ? a.value : 0;
       }
     }
   },
@@ -435,18 +453,18 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
         // 渐变颜色
         {
           offset: 0,
-          color: `rgba(${U[0]}, 0.7)`
+          color: `rgba(${D[0]}, 0.7)`
         },
         {
           offset: 1,
-          color: `rgba(${U[0]}, 0.1)`
+          color: `rgba(${D[0]}, 0.1)`
         }
       ],
       global: !1
     }
   },
   data: []
-}), G = (n = [
+}), N = (a = [
   {
     name: "2024-08",
     value: 63
@@ -478,27 +496,27 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
       show: !0,
       itemWidth: 30,
       textStyle: {
-        color: M,
-        fontSize: B,
+        color: P,
+        fontSize: M,
         padding: [0, 8, 0, 8]
       }
     },
-    grid: de(),
+    grid: me(),
     xAxis: {
       type: "category",
       splitLine: { show: !1 },
       axisTick: { show: !1 },
       axisLine: {
         show: !0,
-        lineStyle: { color: pe }
+        lineStyle: { color: ce }
       },
       axisLabel: {
         show: !0,
-        fontSize: B,
-        color: M
+        fontSize: M,
+        color: P
       },
       boundaryGap: !1,
-      data: n.map((o) => o[t.name])
+      data: a.map((o) => o[t.name])
     },
     yAxis: {
       name: "",
@@ -507,42 +525,42 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
       axisLine: { show: !1 },
       axisTick: { show: !1 },
       nameTextStyle: {
-        fontSize: B,
-        color: M,
+        fontSize: M,
+        color: P,
         padding: [0, 60, 0, 0]
       },
       axisLabel: {
         show: !0,
-        fontSize: B,
-        color: M
+        fontSize: M,
+        color: P
       }
     },
     series: []
-  }, l = Je(), r = [];
+  }, n = ot(), r = [];
   if (Array.isArray(t.value))
     t.value.forEach((o, s) => {
-      const _ = O(l);
-      _.name = o.name, _.lineStyle.color = `rgba(${U[s]}, 1)`, _.itemStyle.color = `rgba(${U[s]}, 1)`, _.areaStyle.color.colorStops[0].color = `rgba(${U[s]}, 0.7)`, _.areaStyle.color.colorStops[1].color = `rgba(${U[s]}, 0.1)`, _.data = n.map((i) => i[o.value]), r.push(_);
+      const f = Y(n);
+      f.name = o.name, f.lineStyle.color = `rgba(${D[s]}, 1)`, f.itemStyle.color = `rgba(${D[s]}, 1)`, f.areaStyle.color.colorStops[0].color = `rgba(${D[s]}, 0.7)`, f.areaStyle.color.colorStops[1].color = `rgba(${D[s]}, 0.1)`, f.data = a.map((p) => p[o.value]), r.push(f);
     });
   else if (typeof t.value == "string") {
-    const o = O(l);
-    o.data = n.map((s) => s[t.value]), r.push(o);
+    const o = Y(n);
+    o.data = a.map((s) => s[t.value]), r.push(o);
   }
   return e.series = r, e;
-}, te = [
+}, oe = [
   { key: "assets", name: "资产名称" },
   { key: "type", name: "资产类型" },
   { key: "data", name: "资产数据" }
-], oe = [
+], le = [
   { assets: "name1", type: "type1", data: "data1" },
   { assets: "name2", type: "type2", data: "data2" },
   { assets: "name3", type: "type3", data: "data3" }
-], J = [
+], Q = [
   { data: [{ name: "默认数据", value: 180 }], label: "name1" },
   { data: [{ name: "默认数据", value: 311 }], label: "name2" },
   { data: [{ name: "默认数据", value: 42 }], label: "name3" },
   { data: [{ name: "默认数据", value: 32391 }], label: "name4" }
-], Ke = [
+], lt = [
   {
     data: 63,
     label: "数据1"
@@ -555,7 +573,7 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
     data: 43,
     label: "数据3"
   }
-], Qe = [
+], nt = [
   {
     type: "report-select",
     label: "资产：",
@@ -579,7 +597,7 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
       }
     ],
     uri: "/da/report/sens/get_asset_all",
-    id: j()
+    id: q()
   },
   {
     type: "range-time",
@@ -589,7 +607,7 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
         end_time: "2024-09-12 19:49:34"
       }
     ],
-    id: j()
+    id: q()
   },
   {
     type: "h1",
@@ -602,7 +620,7 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
       textIndent: 0,
       textAlign: "left"
     },
-    id: j()
+    id: q()
   },
   {
     type: "h2",
@@ -616,12 +634,12 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
       textIndent: 0,
       textAlign: "left"
     },
-    id: j()
+    id: q()
   },
   {
     type: "report-table",
-    data: oe,
-    showColumn: te,
+    data: le,
+    showColumn: oe,
     name: "表格",
     options: {
       showColumn: {
@@ -634,9 +652,9 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
       stripe: !1
     },
     rp_item_uuid: "",
-    id: j()
+    id: q()
   }
-], Xe = [
+], at = [
   {
     type: "h1",
     data: "报表名称",
@@ -683,8 +701,8 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
   { type: "p", data: "正文", name: "正文", rp_item_uuid: "", id: "" },
   {
     type: "report-table",
-    data: oe,
-    showColumn: te,
+    data: le,
+    showColumn: oe,
     name: "表格",
     options: {
       border: !0,
@@ -701,45 +719,45 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
   },
   {
     type: "bar",
-    data: J,
+    data: Q,
     showColumn: [{ key: "label", value: "data" }],
     name: "图表",
-    options: ee(),
+    options: K(),
     rp_item_uuid: "",
     id: ""
   }
-], Ze = (n) => ({
+], rt = (a) => ({
   bar: {
     type: "bar",
-    data: J,
+    data: Q,
     showColumn: [{ key: "label", value: "data" }],
     name: "图表",
-    options: ee(),
+    options: K(),
     rp_item_uuid: "",
     id: ""
   },
   line: {
     type: "line",
-    data: J,
+    data: Q,
     showColumn: [{ key: "label", value: "data" }],
     name: "图表",
-    options: G(),
+    options: N(),
     rp_item_uuid: "",
     id: ""
   },
   pie: {
     type: "pie",
-    data: Ke,
+    data: lt,
     showColumn: [{ key: "label", value: "data" }],
     name: "图表",
-    options: q({ isLegend: !0 }),
+    options: O({ isLegend: !0 }),
     rp_item_uuid: "",
     id: ""
   },
   "report-table": {
     type: "report-table",
-    data: oe,
-    showColumn: te,
+    data: le,
+    showColumn: oe,
     name: "表格",
     options: {
       showColumn: {
@@ -754,7 +772,7 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
     rp_item_uuid: "",
     id: ""
   }
-})[n], z = Ue("tds-report", {
+})[a], z = Fe("tds-report", {
   state: () => ({
     componentList: [],
     activeComponents: {},
@@ -766,23 +784,23 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
     }
   }),
   getters: {
-    getActiveComponents: (n) => n.activeComponents
+    getActiveComponents: (a) => a.activeComponents
   },
   actions: {
     // setComponentList
-    setComponentList(n) {
-      this.componentList = n;
+    setComponentList(a) {
+      this.componentList = a;
     },
-    async getReportDemo(n) {
+    async getReportDemo(a) {
       let t = [];
-      n ? t = (await He({ report_uuid: n })).data : t = { content: O(Qe), range_time: 1 };
+      a ? t = (await Me({ report_uuid: a })).data : t = { content: Y(nt), range_time: 1 };
       const e = [];
-      t.content.forEach((l) => {
-        (l.type === "report-select" || l.type === "range-time") && e.push(l), l.type === "h1" && (this.titleComponent = l), l.id = j();
+      t.content.forEach((n) => {
+        (n.type === "report-select" || n.type === "range-time") && e.push(n), n.type === "h1" && (this.titleComponent = n), n.id = q();
       }), this.notDraggableList = e, this.filterForm.range_time = t.range_time, this.filterForm.filter_uuid = t.filter_uuid, t.content.splice(0, 3), this.componentList = t.content;
     },
-    setActiveComponents(n) {
-      this.activeComponents = n;
+    setActiveComponents(a) {
+      this.activeComponents = a;
     },
     clearComponents() {
       this.activeComponents = {}, this.componentList = [], this.notDraggableList = [], this.titleComponent = {}, this.filterForm = {
@@ -791,136 +809,136 @@ const j = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math
       };
     }
   }
-}), et = { class: "catalogue" }, tt = ["href", "title"], ot = /* @__PURE__ */ $({
+}), it = { class: "catalogue" }, st = ["href", "title"], ut = /* @__PURE__ */ T({
   __name: "Catalogue",
   props: {
     data: { default: () => [] }
   },
-  setup(n) {
-    const t = n, e = F(() => t.data.filter((l) => ["h2", "h3", "h4"].includes(l.type)));
-    return (l, r) => {
-      const o = d("el-divider");
-      return c(), y("div", et, [
-        r[0] || (r[0] = C("div", { class: "cata-title el-anchor__link" }, "目录", -1)),
-        (c(!0), y(A, null, I(e.value, (s) => (c(), y("div", {
-          class: W("level" + s.type),
+  setup(a) {
+    const t = a, e = A(() => t.data.filter((n) => ["h2", "h3", "h4"].includes(n.type)));
+    return (n, r) => {
+      const o = i("el-divider");
+      return m(), w("div", it, [
+        r[0] || (r[0] = k("div", { class: "cata-title el-anchor__link" }, "目录", -1)),
+        (m(!0), w(F, null, I(e.value, (s) => (m(), w("div", {
+          class: B("level" + s.type),
           key: s.value
         }, [
-          s.type === "h2" ? (c(), S(o, {
+          s.type === "h2" ? (m(), S(o, {
             key: 0,
             style: { "margin-top": "10px", "margin-bottom": "10px" }
-          })) : R("", !0),
-          C("a", {
+          })) : U("", !0),
+          k("a", {
             class: "el-anchor__link",
             href: "#" + s.id,
             title: s.data
-          }, P(s.data), 9, tt)
+          }, j(s.data), 9, st)
         ], 2))), 128))
       ]);
     };
   }
 });
-const Y = (n, t) => {
-  const e = n.__vccOpts || n;
-  for (const [l, r] of t)
-    e[l] = r;
+const G = (a, t) => {
+  const e = a.__vccOpts || a;
+  for (const [n, r] of t)
+    e[n] = r;
   return e;
-}, lt = /* @__PURE__ */ Y(ot, [["__scopeId", "data-v-1cd8aa2d"]]), nt = {
+}, pt = /* @__PURE__ */ G(ut, [["__scopeId", "data-v-1cd8aa2d"]]), dt = {
   class: "chart-components"
-}, ce = /* @__PURE__ */ $({
+}, _e = /* @__PURE__ */ T({
   __name: "Bar",
   props: {
     value: {}
   },
-  setup(n) {
-    const t = n, e = F(() => t.value.options);
-    return k(!1), (l, r) => {
-      const o = d("TdsChart");
-      return c(), y("div", nt, [a(o, {
+  setup(a) {
+    const t = a, e = A(() => t.value.options);
+    return V(!1), (n, r) => {
+      const o = i("TdsChart");
+      return m(), w("div", dt, [l(o, {
         option: e.value
       }, null, 8, ["option"])]);
     };
   }
-}), at = { class: "chart-components" }, me = /* @__PURE__ */ $({
+}), ct = { class: "chart-components" }, fe = /* @__PURE__ */ T({
   __name: "Line",
   props: {
     value: {}
   },
-  setup(n) {
-    const t = n, e = F(() => t.value.options);
-    return (l, r) => {
-      const o = d("TdsChart");
-      return c(), y("div", at, [
-        a(o, { option: e.value }, null, 8, ["option"])
+  setup(a) {
+    const t = a, e = A(() => t.value.options);
+    return (n, r) => {
+      const o = i("TdsChart");
+      return m(), w("div", ct, [
+        l(o, { option: e.value }, null, 8, ["option"])
       ]);
     };
   }
-}), rt = { class: "chart-components" }, _e = /* @__PURE__ */ $({
+}), mt = { class: "chart-components" }, ve = /* @__PURE__ */ T({
   __name: "Pie",
   props: {
     value: {}
   },
-  setup(n) {
-    const t = n, e = F(() => t.value.options);
-    return (l, r) => {
-      const o = d("TdsChart");
-      return c(), y("div", rt, [
-        a(o, { option: e.value }, null, 8, ["option"])
+  setup(a) {
+    const t = a, e = A(() => t.value.options);
+    return (n, r) => {
+      const o = i("TdsChart");
+      return m(), w("div", mt, [
+        l(o, { option: e.value }, null, 8, ["option"])
       ]);
     };
   }
-}), st = { key: 0 }, K = /* @__PURE__ */ $({
+}), _t = { key: 0 }, X = /* @__PURE__ */ T({
   __name: "ReportSelect",
   props: {
     value: {}
   },
   emits: ["change"],
-  setup(n, { emit: t }) {
-    const e = t, l = (s) => {
+  setup(a, { emit: t }) {
+    const e = t, n = (s) => {
       e("change", s);
-    }, o = k(n.value);
-    return (s, _) => {
-      const i = d("el-option"), f = d("el-select");
-      return o.value.data ? (c(), y("div", st, [
-        a(f, {
+    }, o = V(a.value);
+    return (s, f) => {
+      const p = i("el-option"), b = i("el-select");
+      return o.value.data ? (m(), w("div", _t, [
+        l(b, {
           modelValue: o.value.value,
-          "onUpdate:modelValue": _[0] || (_[0] = (m) => o.value.value = m),
+          "onUpdate:modelValue": f[0] || (f[0] = (_) => o.value.value = _),
           multiple: "",
           style: { width: "100%" },
-          onChange: l,
+          onChange: n,
           placeholder: "全部"
         }, {
-          default: p(() => [
-            (c(!0), y(A, null, I(o.value.data, (m) => (c(), S(i, {
-              key: m.data,
-              label: m.label,
-              value: m.data
+          default: u(() => [
+            (m(!0), w(F, null, I(o.value.data, (_) => (m(), S(p, {
+              key: _.data,
+              label: _.label,
+              value: _.data
             }, null, 8, ["label", "value"]))), 128))
           ]),
           _: 1
         }, 8, ["modelValue"])
-      ])) : R("", !0);
+      ])) : U("", !0);
     };
   }
-}), Q = /* @__PURE__ */ $({
+}), Z = /* @__PURE__ */ T({
   __name: "RangeTime",
   props: {
     value: {}
   },
   emits: ["change"],
-  setup(n, { emit: t }) {
-    const e = t, r = k(n.value), o = k([]);
-    function s(_) {
-      _ ? (r.value.data[0].start_time = _[0], r.value.data[0].end_time = _[1]) : o.value = [], e("change", o.value);
+  setup(a, { emit: t }) {
+    const e = t, r = V(a.value), o = V([]);
+    function s(f) {
+      f ? (r.value.data[0].start_time = f[0], r.value.data[0].end_time = f[1]) : o.value = [], e("change", o.value);
     }
-    return Z(() => {
+    return te(() => {
       o.value = [r.value.data[0].start_time, r.value.data[0].end_time];
-    }), (_, i) => {
-      const f = d("el-date-picker");
-      return c(), y("div", null, [
-        a(f, {
+    }), (f, p) => {
+      const b = i("el-date-picker");
+      return m(), w("div", null, [
+        l(b, {
           modelValue: o.value,
-          "onUpdate:modelValue": i[0] || (i[0] = (m) => o.value = m),
+          "onUpdate:modelValue": p[0] || (p[0] = (_) => o.value = _),
           type: "datetimerange",
           placeholder: "Pick a Date",
           format: "YYYY-MM-DD HH:mm:ss",
@@ -932,61 +950,61 @@ const Y = (n, t) => {
     };
   }
 });
-function it(n) {
-  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !re(n);
+function ft(a) {
+  return typeof a == "function" || Object.prototype.toString.call(a) === "[object Object]" && !ie(a);
 }
-const fe = /* @__PURE__ */ $({
+const be = /* @__PURE__ */ T({
   __name: "ReportTable",
   props: {
     value: {}
   },
-  setup(n) {
-    const t = n, e = (l) => {
+  setup(a) {
+    const t = a, e = (n) => {
       let r;
-      return a(d("el-table"), {
-        data: l.data,
+      return l(i("el-table"), {
+        data: n.data,
         border: t.value.options.border,
         "show-header": !!t.value.options.showHeader,
         stripe: t.value.options.stripe
-      }, it(r = l.showColumn.map((o) => t.value.options.showColumn[o.key] === !0 ? a(d("el-table-column"), {
+      }, ft(r = n.showColumn.map((o) => t.value.options.showColumn[o.key] === !0 ? l(i("el-table-column"), {
         prop: o.key,
         label: o.name
       }, null) : null)) ? r : {
         default: () => [r]
       });
     };
-    return (l, r) => (c(), y("div", null, [a(e, ne(ae(l.value)), null, 16)]));
+    return (n, r) => (m(), w("div", null, [l(e, ae(re(n.value)), null, 16)]));
   }
-}), X = /* @__PURE__ */ $({
+}), ee = /* @__PURE__ */ T({
   __name: "ReportText",
   props: {
     value: {}
   },
-  setup(n) {
-    const t = n, e = () => {
-      const l = t.value.options || {};
+  setup(a) {
+    const t = a, e = () => {
+      const n = t.value.options || {};
       return {
-        color: l.color,
-        "font-size": l.size + "px",
-        "font-weight": l.fontWeight,
-        "letter-spacing": l.letterSpacing + "px",
-        "text-indent": l.textIndent + "px",
-        "text-align": l.textAlign
+        color: n.color,
+        "font-size": n.size + "px",
+        "font-weight": n.fontWeight,
+        "letter-spacing": n.letterSpacing + "px",
+        "text-indent": n.textIndent + "px",
+        "text-align": n.textAlign
       };
     };
-    return (l, r) => (c(), y("div", {
-      style: he(e())
-    }, P(l.value.data), 5));
+    return (n, r) => (m(), w("div", {
+      style: xe(e())
+    }, j(n.value.data), 5));
   }
-}), ut = { class: "chart-components" }, ve = /* @__PURE__ */ $({
+}), vt = { class: "chart-components" }, ge = /* @__PURE__ */ T({
   __name: "ReportChart",
   props: {
     value: {}
   },
-  setup(n) {
-    const t = n, e = F(() => t.value), l = F(() => {
+  setup(a) {
+    const t = a, e = A(() => t.value), n = A(() => {
       if (e.value.type === "bar") {
-        e.value.options.series = ee([]).series;
+        e.value.options.series = K([]).series;
         const r = [];
         let o = "";
         e.value.data.forEach((s) => {
@@ -994,53 +1012,53 @@ const fe = /* @__PURE__ */ $({
             name: s.label,
             value: s.data[0].value
           });
-        }), Oe(e.value.options, r, o);
+        }), Xe(e.value.options, r, o);
       }
-      if (e.value.type === "pie" && (e.value.options = q({ isLegend: !0 }), console.log(q({ isLegend: !0 }), "chartsPie({ isLegend: true })"), Ye({ chartOption: e.value.options, data: e.value.data })), e.value.type === "line") {
+      if (e.value.type === "pie" && (e.value.options = O({ isLegend: !0 }), console.log(O({ isLegend: !0 }), "chartsPie({ isLegend: true })"), Ze({ chartOption: e.value.options, data: e.value.data })), e.value.type === "line") {
         let r = [];
-        e.value.data.forEach((_) => {
-          r = _.data.map((i, f) => ({ name: i.name, value: "value" + f }));
+        e.value.data.forEach((f) => {
+          r = f.data.map((p, b) => ({ name: p.name, value: "value" + b }));
         });
         const o = {
           name: "name",
           value: r
-        }, s = e.value.data.map((_) => {
-          const i = {
-            name: _.label
+        }, s = e.value.data.map((f) => {
+          const p = {
+            name: f.label
           };
-          return r.forEach((f, m) => {
-            i[f.value] = _.data[m].value;
-          }), i;
+          return r.forEach((b, _) => {
+            p[b.value] = f.data[_].value;
+          }), p;
         });
-        console.log(G([], o), "chartsLine([], params)"), e.value.options.series = G([], o).series, Ge(e.value.options, s, o);
+        console.log(N([], o), "chartsLine([], params)"), e.value.options.series = N([], o).series, tt(e.value.options, s, o);
       }
       return e.value.options;
     });
     return (r, o) => {
-      const s = d("TdsChart");
-      return c(), y("div", ut, [
-        a(s, { option: l.value }, null, 8, ["option"])
+      const s = i("TdsChart");
+      return m(), w("div", vt, [
+        l(s, { option: n.value }, null, 8, ["option"])
       ]);
     };
   }
 });
-function pt(n) {
-  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !re(n);
+function bt(a) {
+  return typeof a == "function" || Object.prototype.toString.call(a) === "[object Object]" && !ie(a);
 }
-const be = /* @__PURE__ */ $({
+const ye = /* @__PURE__ */ T({
   __name: "ReportDescribe",
   props: {
     value: {}
   },
-  setup(n) {
-    const t = n, e = (l) => {
+  setup(a) {
+    const t = a, e = (n) => {
       let r;
-      return a(d("el-descriptions"), {
+      return l(i("el-descriptions"), {
         title: t.value.options.title,
         border: t.value.options.border,
         column: t.value.options.column,
         direction: t.value.options.direction
-      }, pt(r = l.showColumn.map((o) => a(d("el-descriptions-item"), {
+      }, bt(r = n.showColumn.map((o) => l(i("el-descriptions-item"), {
         label: o.name
       }, {
         default: () => [t.value.data[o.key]]
@@ -1048,19 +1066,19 @@ const be = /* @__PURE__ */ $({
         default: () => [r]
       });
     };
-    return (l, r) => (c(), y("div", null, [a(e, ne(ae(l.value)), null, 16)]));
+    return (n, r) => (m(), w("div", null, [l(e, ae(re(n.value)), null, 16)]));
   }
-}), dt = {
+}), gt = {
   class: "editor-box"
-}, ct = {
+}, yt = {
   class: "editor",
   id: "editor",
   style: {
     width: "100%"
   }
-}, mt = {
+}, ht = {
   class: "editor-content flex flex-start"
-}, _t = ["id"], ft = ["innerHTML"], vt = /* @__PURE__ */ $({
+}, wt = ["id"], Ct = ["innerHTML"], xt = /* @__PURE__ */ T({
   __name: "index",
   props: /* @__PURE__ */ se({
     reportId: {
@@ -1072,225 +1090,225 @@ const be = /* @__PURE__ */ $({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(n) {
+  setup(a) {
     const t = {
-      Bar: ce,
-      Line: me,
-      Pie: _e,
-      ReportSelect: K,
-      RangeTime: Q,
-      ReportTable: fe,
-      ReportText: X,
-      ReportChart: ve,
-      ReportDescribe: be
-    }, e = z(), l = n, r = ie(n, "modelValue"), o = k([]), s = k([]), _ = k([]), i = k(""), f = k("");
-    function m() {
+      Bar: _e,
+      Line: fe,
+      Pie: ve,
+      ReportSelect: X,
+      RangeTime: Z,
+      ReportTable: be,
+      ReportText: ee,
+      ReportChart: ge,
+      ReportDescribe: ye
+    }, e = z(), n = a, r = ue(a, "modelValue"), o = V([]), s = V([]), f = V([]), p = V(""), b = V("");
+    function _() {
       r.value = "table";
     }
-    const u = (v) => {
-      _.value = v, b();
-    }, h = (v) => {
-      v && v.length > 0 && (i.value = v[0], f.value = v[1]), b();
-    }, b = async () => {
+    const d = (v) => {
+      f.value = v, c();
+    }, g = (v) => {
+      v && v.length > 0 && (p.value = v[0], b.value = v[1]), c();
+    }, c = async () => {
       const v = {
-        report_uuid: l.reportId,
-        start_time: i.value,
-        end_time: f.value,
-        select_data: _.value.join(",")
-      }, x = await Me(v), E = [];
-      x.data.forEach((w) => {
-        (w.type === "report-select" || w.type === "range-time") && E.push(w);
+        report_uuid: n.reportId,
+        start_time: p.value,
+        end_time: b.value,
+        select_data: f.value.join(",")
+      }, x = await Be(v), E = [];
+      x.data.forEach(($) => {
+        ($.type === "report-select" || $.type === "range-time") && E.push($);
       }), o.value = E, x.data.splice(0, o.value.length), s.value = x.data;
     };
-    b();
-    const L = () => a("div", null, [D("未找到对应组件")]), V = (v) => v === "h2" || v === "h3" || v === "h4" ? H(t, "ReportText") : v === "bar" || v === "pie" || v === "line" ? H(t, "ReportChart") : v ? H(t, v) : a(L, null, null);
+    c();
+    const y = () => l("div", null, [L("未找到对应组件")]), C = (v) => v === "h2" || v === "h3" || v === "h4" ? H(t, "ReportText") : v === "bar" || v === "pie" || v === "line" ? H(t, "ReportChart") : v ? H(t, v) : l(y, null, null);
     return (v, x) => {
-      const E = d("el-button"), w = d("el-card");
-      return c(), S(w, {
+      const E = i("el-button"), $ = i("el-card");
+      return m(), S($, {
         class: "editor view"
       }, {
-        default: p(() => [C("div", dt, [a(lt, {
+        default: u(() => [k("div", gt, [l(pt, {
           data: s.value
-        }, null, 8, ["data"]), C("div", ct, [C("div", mt, [(c(!0), y(A, null, I(o.value, (T) => (c(), y("div", {
+        }, null, 8, ["data"]), k("div", yt, [k("div", ht, [(m(!0), w(F, null, I(o.value, (R) => (m(), w("div", {
           class: "item-input",
-          key: T.id
-        }, [T.type === "report-select" ? (c(), S(K, {
+          key: R.id
+        }, [R.type === "report-select" ? (m(), S(X, {
           key: 0,
-          onChange: u,
-          value: T
-        }, null, 8, ["value"])) : R("", !0), T.type === "range-time" && g(e).filterForm.range_time ? (c(), S(Q, {
+          onChange: d,
+          value: R
+        }, null, 8, ["value"])) : U("", !0), R.type === "range-time" && h(e).filterForm.range_time ? (m(), S(Z, {
           key: 1,
-          onChange: h,
-          value: T
-        }, null, 8, ["value"])) : R("", !0)]))), 128)), a(E, {
+          onChange: g,
+          value: R
+        }, null, 8, ["value"])) : U("", !0)]))), 128)), l(E, {
           plain: "",
-          onClick: m,
+          onClick: _,
           type: "primary",
           class: "custom-btn",
           style: {
             "margin-left": "auto"
           }
         }, {
-          default: p(() => x[0] || (x[0] = [D("退出预览")])),
+          default: u(() => x[0] || (x[0] = [L("退出预览")])),
           _: 1
-        })]), (c(!0), y(A, null, I(s.value, (T) => (c(), y("div", {
-          key: T.id,
-          class: W(["editor-content", ["editor" + T.type]]),
-          id: T.id
-        }, [T.type !== "p" ? (c(), S(N(V(T.type)), {
+        })]), (m(!0), w(F, null, I(s.value, (R) => (m(), w("div", {
+          key: R.id,
+          class: B(["editor-content", ["editor" + R.type]]),
+          id: R.id
+        }, [R.type !== "p" ? (m(), S(W(C(R.type)), {
           key: 0,
-          class: W(["editor" + T.type]),
-          value: T
+          class: B(["editor" + R.type]),
+          value: R
         }, {
-          default: p(() => [D(P(T.data), 1)]),
+          default: u(() => [L(j(R.data), 1)]),
           _: 2
-        }, 1032, ["class", "value"])) : (c(), y("p", {
+        }, 1032, ["class", "value"])) : (m(), w("p", {
           key: 1,
-          innerHTML: T.data
-        }, null, 8, ft))], 10, _t))), 128))])])]),
+          innerHTML: R.data
+        }, null, 8, Ct))], 10, wt))), 128))])])]),
         _: 1
       });
     };
   }
 });
-const bt = /* @__PURE__ */ Y(vt, [["__scopeId", "data-v-2d59469a"]]), gt = {
+const kt = /* @__PURE__ */ G(xt, [["__scopeId", "data-v-2d59469a"]]), $t = {
   class: "editor"
-}, yt = {
+}, Vt = {
   class: "editor-content edit"
-}, ht = ["onClick"], Ct = ["onClick"], wt = ["innerHTML", "draggable"], xt = /* @__PURE__ */ $({
+}, St = ["onClick"], Tt = ["onClick"], Lt = ["innerHTML", "draggable"], Rt = /* @__PURE__ */ T({
   __name: "Editor",
-  setup(n) {
+  setup(a) {
     const t = {
-      Bar: ce,
-      Line: me,
-      Pie: _e,
-      ReportSelect: K,
-      RangeTime: Q,
-      ReportTable: fe,
-      ReportText: X,
-      ReportChart: ve,
-      ReportDescribe: be
+      Bar: _e,
+      Line: fe,
+      Pie: ve,
+      ReportSelect: X,
+      RangeTime: Z,
+      ReportTable: be,
+      ReportText: ee,
+      ReportChart: ge,
+      ReportDescribe: ye
     }, {
       componentList: e,
-      activeComponents: l,
+      activeComponents: n,
       notDraggableList: r,
       titleComponent: o
-    } = De(z()), s = z(), _ = (v) => {
+    } = Ae(z()), s = z(), f = (v) => {
       e.value.forEach((x, E) => {
         x.id === v && (e.value.splice(E, 1), s.activeComponents = []);
       });
-    }, i = (v) => {
+    }, p = (v) => {
       s.setActiveComponents(v);
-    }, f = () => a("div", null, [D("未找到对应组件")]), m = (v) => v === "h2" || v === "h3" || v === "h4" ? H(t, "ReportText") : v === "bar" || v === "pie" || v === "line" ? H(t, "ReportChart") : v ? H(t, v) : a(f, null, null), u = (v) => {
+    }, b = () => l("div", null, [L("未找到对应组件")]), _ = (v) => v === "h2" || v === "h3" || v === "h4" ? H(t, "ReportText") : v === "bar" || v === "pie" || v === "line" ? H(t, "ReportChart") : v ? H(t, v) : l(b, null, null), d = (v) => {
       console.log(v, "evt");
-    }, h = k(!1), b = () => {
-      h.value = !0;
-    }, L = (v) => {
-      v.newIndex !== 0 && (console.log(v), h.value = !1);
-    }, V = k();
+    }, g = V(!1), c = () => {
+      g.value = !0;
+    }, y = (v) => {
+      v.newIndex !== 0 && (console.log(v), g.value = !1);
+    }, C = V();
     return (v, x) => {
-      const E = d("icon-material-symbols:cancel-outline");
-      return c(), y("div", gt, [C("div", {
-        class: W(["editor-content edit flex flex-start", [{
-          active: g(l).id === "filter"
+      const E = i("icon-material-symbols:cancel-outline");
+      return m(), w("div", $t, [k("div", {
+        class: B(["editor-content edit flex flex-start", [{
+          active: h(n).id === "filter"
         }]]),
-        onClick: x[0] || (x[0] = (w) => i({
+        onClick: x[0] || (x[0] = ($) => p({
           id: "filter",
           type: "filter"
         }))
-      }, [(c(!0), y(A, null, I(g(r), (w) => (c(), y("div", {
+      }, [(m(!0), w(F, null, I(h(r), ($) => (m(), w("div", {
         class: "item-input",
-        key: w.id
-      }, [w.type === "report-select" || w.type === "range-time" && g(s).filterForm.range_time ? (c(), S(N(g(H)(t, w.type)), {
+        key: $.id
+      }, [$.type === "report-select" || $.type === "range-time" && h(s).filterForm.range_time ? (m(), S(W(h(H)(t, $.type)), {
         key: 0,
-        value: w
+        value: $
       }, {
-        default: p(() => [D(P(w.data), 1)]),
+        default: u(() => [L(j($.data), 1)]),
         _: 2
-      }, 1032, ["value"])) : R("", !0)]))), 128))], 2), C("div", yt, [a(X, {
-        value: g(o),
-        onClick: x[1] || (x[1] = (w) => i(g(o)))
-      }, null, 8, ["value"])]), a(g(Ee), {
+      }, 1032, ["value"])) : U("", !0)]))), 128))], 2), k("div", Vt, [l(ee, {
+        value: h(o),
+        onClick: x[1] || (x[1] = ($) => p(h(o)))
+      }, null, 8, ["value"])]), l(h(ze), {
         ref_key: "el",
-        ref: V,
-        modelValue: g(e),
-        "onUpdate:modelValue": x[2] || (x[2] = (w) => Ce(e) ? e.value = w : null),
-        "on-change": u,
+        ref: C,
+        modelValue: h(e),
+        "onUpdate:modelValue": x[2] || (x[2] = ($) => ke(e) ? e.value = $ : null),
+        "on-change": d,
         animation: 150,
-        onStart: b,
-        onEnd: L
+        onStart: c,
+        onEnd: y
       }, {
-        default: p(() => [(c(!0), y(A, null, I(g(e), (w) => (c(), y("div", {
-          key: w.id,
-          class: W(["editor-content edit", ["editor" + w.type, {
-            active: w.id === g(l).id
+        default: u(() => [(m(!0), w(F, null, I(h(e), ($) => (m(), w("div", {
+          key: $.id,
+          class: B(["editor-content edit", ["editor" + $.type, {
+            active: $.id === h(n).id
           }]]),
-          onClick: (T) => i(w)
-        }, [C("i", {
-          onClick: we((T) => _(w.id), ["stop"])
-        }, [a(E, {
+          onClick: (R) => p($)
+        }, [k("i", {
+          onClick: $e((R) => f($.id), ["stop"])
+        }, [l(E, {
           class: "color-red"
-        })], 8, Ct), w.type !== "p" ? (c(), S(N(m(w.type)), {
+        })], 8, Tt), $.type !== "p" ? (m(), S(W(_($.type)), {
           key: 0,
-          class: W(["editor" + w.type]),
-          value: w,
-          draggable: h.value
+          class: B(["editor" + $.type]),
+          value: $,
+          draggable: g.value
         }, {
-          default: p(() => [D(P(w.data), 1)]),
+          default: u(() => [L(j($.data), 1)]),
           _: 2
-        }, 1032, ["class", "value", "draggable"])) : (c(), y("p", {
+        }, 1032, ["class", "value", "draggable"])) : (m(), w("p", {
           key: 1,
-          innerHTML: w.data,
-          draggable: h.value
-        }, null, 8, wt))], 10, ht))), 128))]),
+          innerHTML: $.data,
+          draggable: g.value
+        }, null, 8, Lt))], 10, St))), 128))]),
         _: 1
       }, 8, ["modelValue"])]);
     };
   }
-}), Vt = { class: "label" }, St = { class: "flex item-switch" }, $t = { class: "flex item-switch" }, kt = { class: "flex item-switch" }, ge = /* @__PURE__ */ $({
+}), Ut = { class: "label" }, Dt = { class: "flex item-switch" }, Et = { class: "flex item-switch" }, Ft = { class: "flex item-switch" }, he = /* @__PURE__ */ T({
   __name: "SettingTable",
-  setup(n) {
-    const t = z(), e = F(() => t.getActiveComponents);
-    return (l, r) => {
-      const o = d("el-switch"), s = d("el-form-item"), _ = d("el-divider");
-      return c(), y("div", null, [
-        a(s, { label: "控制列" }, {
-          default: p(() => [
-            (c(!0), y(A, null, I(e.value.showColumn, (i, f) => (c(), y("p", {
+  setup(a) {
+    const t = z(), e = A(() => t.getActiveComponents);
+    return (n, r) => {
+      const o = i("el-switch"), s = i("el-form-item"), f = i("el-divider");
+      return m(), w("div", null, [
+        l(s, { label: "控制列" }, {
+          default: u(() => [
+            (m(!0), w(F, null, I(e.value.showColumn, (p, b) => (m(), w("p", {
               class: "flex item-switch",
-              key: f
+              key: b
             }, [
-              C("span", Vt, P(i.name), 1),
-              a(o, {
-                modelValue: e.value.options.showColumn[i.key],
-                "onUpdate:modelValue": (m) => e.value.options.showColumn[i.key] = m
+              k("span", Ut, j(p.name), 1),
+              l(o, {
+                modelValue: e.value.options.showColumn[p.key],
+                "onUpdate:modelValue": (_) => e.value.options.showColumn[p.key] = _
               }, null, 8, ["modelValue", "onUpdate:modelValue"])
             ]))), 128))
           ]),
           _: 1
         }),
-        a(_),
-        a(s, { label: "表格样式" }, {
-          default: p(() => [
-            C("p", St, [
-              r[3] || (r[3] = C("span", { class: "label" }, "斑马纹", -1)),
-              a(o, {
+        l(f),
+        l(s, { label: "表格样式" }, {
+          default: u(() => [
+            k("p", Dt, [
+              r[3] || (r[3] = k("span", { class: "label" }, "斑马纹", -1)),
+              l(o, {
                 modelValue: e.value.options.stripe,
-                "onUpdate:modelValue": r[0] || (r[0] = (i) => e.value.options.stripe = i)
+                "onUpdate:modelValue": r[0] || (r[0] = (p) => e.value.options.stripe = p)
               }, null, 8, ["modelValue"])
             ]),
-            C("p", $t, [
-              r[4] || (r[4] = C("span", { class: "label" }, "边框", -1)),
-              a(o, {
+            k("p", Et, [
+              r[4] || (r[4] = k("span", { class: "label" }, "边框", -1)),
+              l(o, {
                 modelValue: e.value.options.border,
-                "onUpdate:modelValue": r[1] || (r[1] = (i) => e.value.options.border = i)
+                "onUpdate:modelValue": r[1] || (r[1] = (p) => e.value.options.border = p)
               }, null, 8, ["modelValue"])
             ]),
-            C("p", kt, [
-              r[5] || (r[5] = C("span", { class: "label" }, "表头", -1)),
-              a(o, {
+            k("p", Ft, [
+              r[5] || (r[5] = k("span", { class: "label" }, "表头", -1)),
+              l(o, {
                 modelValue: e.value.options.showHeader,
-                "onUpdate:modelValue": r[2] || (r[2] = (i) => e.value.options.showHeader = i)
+                "onUpdate:modelValue": r[2] || (r[2] = (p) => e.value.options.showHeader = p)
               }, null, 8, ["modelValue"])
             ])
           ]),
@@ -1299,85 +1317,85 @@ const bt = /* @__PURE__ */ Y(vt, [["__scopeId", "data-v-2d59469a"]]), gt = {
       ]);
     };
   }
-}), Tt = { key: 0 }, Lt = /* @__PURE__ */ $({
+}), At = { key: 0 }, It = /* @__PURE__ */ T({
   __name: "ChartsUniConfig",
-  setup(n) {
-    const t = z(), e = F(() => t.activeComponents);
-    function l(r) {
+  setup(a) {
+    const t = z(), e = A(() => t.activeComponents);
+    function n(r) {
       r ? (e.value.options.series[0].radius = ["10%", "65%"], e.value.options.graphic[0].invisible = !0, e.value.options.graphic[1].invisible = !0) : (e.value.options.series[0].radius = ["45%", "70%"], e.value.options.graphic[0].invisible = !1, e.value.options.graphic[1].invisible = !1);
     }
-    return k("rgb(46, 145, 255)"), (r, o) => {
-      const s = d("el-input"), _ = d("el-form-item"), i = d("el-switch"), f = d("el-col"), m = d("el-color-picker"), u = d("el-input-number"), h = d("el-row"), b = d("el-collapse-item"), L = d("el-collapse");
-      return e.value.options.title ? (c(), y("div", Tt, [
-        a(_, { label: "标题" }, {
-          default: p(() => [
-            a(s, {
+    return V("rgb(46, 145, 255)"), (r, o) => {
+      const s = i("el-input"), f = i("el-form-item"), p = i("el-switch"), b = i("el-col"), _ = i("el-color-picker"), d = i("el-input-number"), g = i("el-row"), c = i("el-collapse-item"), y = i("el-collapse");
+      return e.value.options.title ? (m(), w("div", At, [
+        l(f, { label: "标题" }, {
+          default: u(() => [
+            l(s, {
               modelValue: e.value.options.title.text,
-              "onUpdate:modelValue": o[0] || (o[0] = (V) => e.value.options.title.text = V)
+              "onUpdate:modelValue": o[0] || (o[0] = (C) => e.value.options.title.text = C)
             }, null, 8, ["modelValue"])
           ]),
           _: 1
         }),
-        a(L, null, {
-          default: p(() => [
-            a(b, {
+        l(y, null, {
+          default: u(() => [
+            l(c, {
               title: "标题配置",
               name: "1"
             }, {
-              default: p(() => [
-                a(h, { class: "w-100%" }, {
-                  default: p(() => [
-                    a(f, { span: 24 }, {
-                      default: p(() => [
-                        o[8] || (o[8] = C("span", { class: "switch-label" }, "显示标题", -1)),
-                        a(i, {
+              default: u(() => [
+                l(g, { class: "w-100%" }, {
+                  default: u(() => [
+                    l(b, { span: 24 }, {
+                      default: u(() => [
+                        o[8] || (o[8] = k("span", { class: "switch-label" }, "显示标题", -1)),
+                        l(p, {
                           modelValue: e.value.options.title.show,
-                          "onUpdate:modelValue": o[1] || (o[1] = (V) => e.value.options.title.show = V)
+                          "onUpdate:modelValue": o[1] || (o[1] = (C) => e.value.options.title.show = C)
                         }, null, 8, ["modelValue"])
                       ]),
                       _: 1
                     }),
-                    a(f, { span: 12 }, {
-                      default: p(() => [
-                        a(m, {
+                    l(b, { span: 12 }, {
+                      default: u(() => [
+                        l(_, {
                           modelValue: e.value.options.title.textStyle.color,
-                          "onUpdate:modelValue": o[2] || (o[2] = (V) => e.value.options.title.textStyle.color = V),
+                          "onUpdate:modelValue": o[2] || (o[2] = (C) => e.value.options.title.textStyle.color = C),
                           "show-alpha": ""
                         }, null, 8, ["modelValue"]),
-                        o[9] || (o[9] = C("p", { class: "sub-title" }, "颜色", -1))
+                        o[9] || (o[9] = k("p", { class: "sub-title" }, "颜色", -1))
                       ]),
                       _: 1
                     }),
-                    a(f, { span: 12 }, {
-                      default: p(() => [
-                        a(u, {
+                    l(b, { span: 12 }, {
+                      default: u(() => [
+                        l(d, {
                           modelValue: e.value.options.title.textStyle.fontSize,
-                          "onUpdate:modelValue": o[3] || (o[3] = (V) => e.value.options.title.textStyle.fontSize = V),
+                          "onUpdate:modelValue": o[3] || (o[3] = (C) => e.value.options.title.textStyle.fontSize = C),
                           "controls-position": "right"
                         }, null, 8, ["modelValue"]),
-                        o[10] || (o[10] = C("p", { class: "sub-title" }, "字体大小", -1))
+                        o[10] || (o[10] = k("p", { class: "sub-title" }, "字体大小", -1))
                       ]),
                       _: 1
                     }),
-                    a(f, { span: 12 }, {
-                      default: p(() => [
-                        a(u, {
+                    l(b, { span: 12 }, {
+                      default: u(() => [
+                        l(d, {
                           modelValue: e.value.options.title.x,
-                          "onUpdate:modelValue": o[4] || (o[4] = (V) => e.value.options.title.x = V),
+                          "onUpdate:modelValue": o[4] || (o[4] = (C) => e.value.options.title.x = C),
                           "controls-position": "right"
                         }, null, 8, ["modelValue"]),
-                        o[11] || (o[11] = C("p", { class: "sub-title" }, "横向", -1))
+                        o[11] || (o[11] = k("p", { class: "sub-title" }, "横向", -1))
                       ]),
                       _: 1
                     }),
-                    a(f, { span: 12 }, {
-                      default: p(() => [
-                        a(u, {
+                    l(b, { span: 12 }, {
+                      default: u(() => [
+                        l(d, {
                           modelValue: e.value.options.title.y,
-                          "onUpdate:modelValue": o[5] || (o[5] = (V) => e.value.options.title.y = V),
+                          "onUpdate:modelValue": o[5] || (o[5] = (C) => e.value.options.title.y = C),
                           "controls-position": "right"
                         }, null, 8, ["modelValue"]),
-                        o[12] || (o[12] = C("p", { class: "sub-title" }, "纵向", -1))
+                        o[12] || (o[12] = k("p", { class: "sub-title" }, "纵向", -1))
                       ]),
                       _: 1
                     })
@@ -1387,45 +1405,45 @@ const bt = /* @__PURE__ */ Y(vt, [["__scopeId", "data-v-2d59469a"]]), gt = {
               ]),
               _: 1
             }),
-            a(b, {
+            l(c, {
               title: "图形配置",
               name: "2"
             }, {
-              default: p(() => [
-                e.value.options.color && e.value.options.color.length && e.value.type === "pie" ? (c(), S(h, { key: 0 }, {
-                  default: p(() => [
-                    a(f, { span: 24 }, {
-                      default: p(() => [
-                        o[13] || (o[13] = C("span", { class: "switch-label" }, "玫瑰图", -1)),
-                        a(i, {
-                          onChange: l,
+              default: u(() => [
+                e.value.options.color && e.value.options.color.length && e.value.type === "pie" ? (m(), S(g, { key: 0 }, {
+                  default: u(() => [
+                    l(b, { span: 24 }, {
+                      default: u(() => [
+                        o[13] || (o[13] = k("span", { class: "switch-label" }, "玫瑰图", -1)),
+                        l(p, {
+                          onChange: n,
                           modelValue: e.value.options.series[0].roseType,
-                          "onUpdate:modelValue": o[6] || (o[6] = (V) => e.value.options.series[0].roseType = V)
+                          "onUpdate:modelValue": o[6] || (o[6] = (C) => e.value.options.series[0].roseType = C)
                         }, null, 8, ["modelValue"])
                       ]),
                       _: 1
                     })
                   ]),
                   _: 1
-                })) : R("", !0)
+                })) : U("", !0)
               ]),
               _: 1
             }),
-            a(b, {
+            l(c, {
               title: "图例配置",
               name: "3"
             }, {
-              default: p(() => [
-                a(h, null, {
-                  default: p(() => [
-                    a(f, { span: 24 }, {
-                      default: p(() => [
-                        o[14] || (o[14] = C("span", { class: "switch-label" }, "显示图例", -1)),
-                        e.value.options.legend ? (c(), S(i, {
+              default: u(() => [
+                l(g, null, {
+                  default: u(() => [
+                    l(b, { span: 24 }, {
+                      default: u(() => [
+                        o[14] || (o[14] = k("span", { class: "switch-label" }, "显示图例", -1)),
+                        e.value.options.legend ? (m(), S(p, {
                           key: 0,
                           modelValue: e.value.options.legend.show,
-                          "onUpdate:modelValue": o[7] || (o[7] = (V) => e.value.options.legend.show = V)
-                        }, null, 8, ["modelValue"])) : R("", !0)
+                          "onUpdate:modelValue": o[7] || (o[7] = (C) => e.value.options.legend.show = C)
+                        }, null, 8, ["modelValue"])) : U("", !0)
                       ]),
                       _: 1
                     })
@@ -1438,40 +1456,40 @@ const bt = /* @__PURE__ */ Y(vt, [["__scopeId", "data-v-2d59469a"]]), gt = {
           ]),
           _: 1
         })
-      ])) : R("", !0);
+      ])) : U("", !0);
     };
   }
 });
-const Rt = /* @__PURE__ */ Y(Lt, [["__scopeId", "data-v-e9859d3b"]]), ye = /* @__PURE__ */ $({
+const zt = /* @__PURE__ */ G(It, [["__scopeId", "data-v-e9859d3b"]]), we = /* @__PURE__ */ T({
   __name: "SettingDescribe",
-  setup(n) {
-    const t = z(), e = F(() => t.getActiveComponents);
-    return (l, r) => {
-      const o = d("el-input"), s = d("el-form-item"), _ = d("el-switch"), i = d("el-input-number"), f = d("el-radio"), m = d("el-radio-group");
-      return c(), y("div", null, [
-        a(s, { label: "标题" }, {
-          default: p(() => [
-            a(o, {
+  setup(a) {
+    const t = z(), e = A(() => t.getActiveComponents);
+    return (n, r) => {
+      const o = i("el-input"), s = i("el-form-item"), f = i("el-switch"), p = i("el-input-number"), b = i("el-radio"), _ = i("el-radio-group");
+      return m(), w("div", null, [
+        l(s, { label: "标题" }, {
+          default: u(() => [
+            l(o, {
               modelValue: e.value.options.title,
-              "onUpdate:modelValue": r[0] || (r[0] = (u) => e.value.options.title = u)
+              "onUpdate:modelValue": r[0] || (r[0] = (d) => e.value.options.title = d)
             }, null, 8, ["modelValue"])
           ]),
           _: 1
         }),
-        a(s, { label: "边框" }, {
-          default: p(() => [
-            a(_, {
+        l(s, { label: "边框" }, {
+          default: u(() => [
+            l(f, {
               modelValue: e.value.options.border,
-              "onUpdate:modelValue": r[1] || (r[1] = (u) => e.value.options.border = u)
+              "onUpdate:modelValue": r[1] || (r[1] = (d) => e.value.options.border = d)
             }, null, 8, ["modelValue"])
           ]),
           _: 1
         }),
-        a(s, { label: "每行展示数量" }, {
-          default: p(() => [
-            a(i, {
+        l(s, { label: "每行展示数量" }, {
+          default: u(() => [
+            l(p, {
               modelValue: e.value.options.column,
-              "onUpdate:modelValue": r[2] || (r[2] = (u) => e.value.options.column = u),
+              "onUpdate:modelValue": r[2] || (r[2] = (d) => e.value.options.column = d),
               min: 1,
               max: 10,
               controls: !1
@@ -1479,22 +1497,22 @@ const Rt = /* @__PURE__ */ Y(Lt, [["__scopeId", "data-v-e9859d3b"]]), ye = /* @_
           ]),
           _: 1
         }),
-        a(s, { label: "排列方向" }, {
-          default: p(() => [
-            a(m, {
+        l(s, { label: "排列方向" }, {
+          default: u(() => [
+            l(_, {
               modelValue: e.value.options.direction,
-              "onUpdate:modelValue": r[3] || (r[3] = (u) => e.value.options.direction = u)
+              "onUpdate:modelValue": r[3] || (r[3] = (d) => e.value.options.direction = d)
             }, {
-              default: p(() => [
-                a(f, { value: "horizontal" }, {
-                  default: p(() => r[4] || (r[4] = [
-                    D("横向")
+              default: u(() => [
+                l(b, { value: "horizontal" }, {
+                  default: u(() => r[4] || (r[4] = [
+                    L("横向")
                   ])),
                   _: 1
                 }),
-                a(f, { value: "vertical" }, {
-                  default: p(() => r[5] || (r[5] = [
-                    D("纵向")
+                l(b, { value: "vertical" }, {
+                  default: u(() => r[5] || (r[5] = [
+                    L("纵向")
                   ])),
                   _: 1
                 })
@@ -1507,65 +1525,76 @@ const Rt = /* @__PURE__ */ Y(Lt, [["__scopeId", "data-v-e9859d3b"]]), ye = /* @_
       ]);
     };
   }
-}), Ut = /* @__PURE__ */ $({
+}), Ht = /* @__PURE__ */ T({
   __name: "SettingCharts",
-  setup(n) {
-    const t = z(), e = k(!1), l = F(() => t.getActiveComponents), r = [
+  setup(a) {
+    const t = z(), e = V(!1), n = A(() => t.getActiveComponents), r = [
       { value: "report-describe", name: "描述列表" },
       { value: "report-table", name: "表格" },
       { value: "line", name: "趋势图" },
       { value: "pie", name: "扇形图" },
       { value: "bar", name: "柱状图" }
-    ], o = k(""), s = k();
-    async function _(m) {
-      const u = await ue({
+    ], o = V(""), s = V();
+    async function f(_) {
+      const d = await pe({
         prod_type: window.$prodType,
-        chart_type: m,
+        chart_type: _,
         filter_uuid: t.filterForm.filter_uuid
       });
-      s.value = u.data;
+      s.value = d.data;
     }
-    function i(m) {
-      let u = s.value.find((b) => b.rp_item_uuid === m);
-      const h = u.rp_item_content;
-      if (u.rp_item_content.type, h.type === "report-table") {
-        const b = {};
-        h.showColumn.forEach((L) => {
-          b[L.key] = !0;
-        }), h.options = { ...h.options, showColumn: b, border: !0, showHeader: !0, stripe: !1 };
+    function p(_) {
+      let d = s.value.find((c) => c.rp_item_uuid === _);
+      const g = d.rp_item_content;
+      if (d.rp_item_content.type === "bar" && (g.options = K()), g.type === "pie" && (g.options = O({ isLegend: !0 })), g.type === "line") {
+        let c = [];
+        g.data.forEach((C) => {
+          c = C.data.map((v, x) => ({ name: v.name, value: "value" + x }));
+        });
+        const y = {
+          name: "name",
+          value: c
+        };
+        g.options = N([], y);
+      }
+      if (g.type === "report-table") {
+        const c = {};
+        g.showColumn.forEach((y) => {
+          c[y.key] = !0;
+        }), g.options = { ...g.options, showColumn: c, border: !0, showHeader: !0, stripe: !1 };
       }
-      h.type === "report-describe" && (h.options = { ...h.options, title: "", border: !0, column: 1, direction: "horizontal", ...l.value.options }), Object.assign(t.activeComponents, h), t.activeComponents.rp_item_uuid = u.rp_item_uuid;
+      g.type === "report-describe" && (g.options = { ...g.options, title: "", border: !0, column: 1, direction: "horizontal", ...n.value.options }), Object.assign(t.activeComponents, g), t.activeComponents.rp_item_uuid = d.rp_item_uuid;
     }
-    Z(async () => {
-      o.value = l.value.type, await _(o.value);
+    te(async () => {
+      o.value = n.value.type, await f(o.value);
     });
-    async function f(m) {
+    async function b(_) {
       try {
-        e.value = !0, await _(m), Object.assign(t.activeComponents, Ze(m)), e.value = !1;
+        e.value = !0, await f(_), Object.assign(t.activeComponents, rt(_)), e.value = !1;
       } catch {
         e.value = !1;
       }
     }
-    return xe(
-      () => l.value,
-      (m) => {
-        console.log(m, "activeComponents"), ~["bar", "pie", "line", "report-table", "report-describe"].indexOf(m.type) && (o.value = l.value.type, _(o.value));
+    return Ve(
+      () => n.value,
+      (_) => {
+        console.log(_, "activeComponents"), ~["bar", "pie", "line", "report-table", "report-describe"].indexOf(_.type) && (o.value = n.value.type, f(o.value));
       }
-    ), (m, u) => {
-      const h = d("el-option"), b = d("el-select"), L = d("el-form-item"), V = d("el-form"), v = Ve("loading");
-      return Se((c(), y("div", null, [
-        a(V, { "label-position": "top" }, {
-          default: p(() => [
-            a(L, { label: "图表类型" }, {
-              default: p(() => [
-                a(b, {
+    ), (_, d) => {
+      const g = i("el-option"), c = i("el-select"), y = i("el-form-item"), C = i("el-form"), v = Se("loading");
+      return Te((m(), w("div", null, [
+        l(C, { "label-position": "top" }, {
+          default: u(() => [
+            l(y, { label: "图表类型" }, {
+              default: u(() => [
+                l(c, {
                   style: { width: "100%" },
                   modelValue: o.value,
-                  "onUpdate:modelValue": u[0] || (u[0] = (x) => o.value = x),
-                  onChange: f
+                  "onUpdate:modelValue": d[0] || (d[0] = (x) => o.value = x),
+                  onChange: b
                 }, {
-                  default: p(() => [
-                    (c(), y(A, null, I(r, (x, E) => a(h, {
+                  default: u(() => [
+                    (m(), w(F, null, I(r, (x, E) => l(g, {
                       key: E,
                       label: x.name,
                       value: x.value
@@ -1576,16 +1605,16 @@ const Rt = /* @__PURE__ */ Y(Lt, [["__scopeId", "data-v-e9859d3b"]]), ye = /* @_
               ]),
               _: 1
             }),
-            a(L, { label: "组件库" }, {
-              default: p(() => [
-                a(b, {
+            l(y, { label: "组件库" }, {
+              default: u(() => [
+                l(c, {
                   style: { width: "100%" },
-                  modelValue: g(t).activeComponents.rp_item_uuid,
-                  "onUpdate:modelValue": u[1] || (u[1] = (x) => g(t).activeComponents.rp_item_uuid = x),
-                  onChange: i
+                  modelValue: h(t).activeComponents.rp_item_uuid,
+                  "onUpdate:modelValue": d[1] || (d[1] = (x) => h(t).activeComponents.rp_item_uuid = x),
+                  onChange: p
                 }, {
-                  default: p(() => [
-                    (c(!0), y(A, null, I(s.value, (x, E) => (c(), S(h, {
+                  default: u(() => [
+                    (m(!0), w(F, null, I(s.value, (x, E) => (m(), S(g, {
                       key: E,
                       label: x.rp_item_name,
                       value: x.rp_item_uuid
@@ -1596,9 +1625,9 @@ const Rt = /* @__PURE__ */ Y(Lt, [["__scopeId", "data-v-e9859d3b"]]), ye = /* @_
               ]),
               _: 1
             }),
-            o.value === "report-table" && l.value.options.showColumn ? (c(), S(ge, { key: 0 })) : R("", !0),
-            o.value === "pie" || o.value === "bar" || o.value === "line" ? (c(), S(Rt, { key: 1 })) : R("", !0),
-            o.value === "report-describe" ? (c(), S(ye, { key: 2 })) : R("", !0)
+            o.value === "report-table" && n.value.options.showColumn ? (m(), S(he, { key: 0 })) : U("", !0),
+            o.value === "pie" || o.value === "bar" || o.value === "line" ? (m(), S(zt, { key: 1 })) : U("", !0),
+            o.value === "report-describe" ? (m(), S(we, { key: 2 })) : U("", !0)
           ]),
           _: 1
         })
@@ -1607,17 +1636,17 @@ const Rt = /* @__PURE__ */ Y(Lt, [["__scopeId", "data-v-e9859d3b"]]), ye = /* @_
       ]);
     };
   }
-}), Dt = { key: 0 }, At = { style: { border: "1px solid #ccc", "border-radius": "3px" } }, le = "default", Et = /* @__PURE__ */ $({
+}), Pt = { key: 0 }, qt = { style: { border: "1px solid #ccc", "border-radius": "3px" } }, ne = "default", jt = /* @__PURE__ */ T({
   __name: "SettingText",
-  setup(n) {
-    const t = z(), e = $e(), l = k();
-    function r(m) {
-      const u = l.value.find((h) => h.rp_item_uuid === m);
-      t.activeComponents.uri = u.rp_item_content.uri, e.value.setHtml((u == null ? void 0 : u.rp_item_content.data) || "");
+  setup(a) {
+    const t = z(), e = Le(), n = V();
+    function r(_) {
+      const d = n.value.find((g) => g.rp_item_uuid === _);
+      t.activeComponents.uri = d.rp_item_content.uri, e.value.setHtml((d == null ? void 0 : d.rp_item_content.data) || "");
     }
     async function o() {
-      const m = await ue({ prod_type: window.$prodType, chart_type: "p", filter_uuid: t.filterForm.filter_uuid });
-      l.value = m.data;
+      const _ = await pe({ prod_type: window.$prodType, chart_type: "p", filter_uuid: t.filterForm.filter_uuid });
+      n.value = _.data;
     }
     o();
     const s = {
@@ -1642,28 +1671,28 @@ const Rt = /* @__PURE__ */ Y(Lt, [["__scopeId", "data-v-e9859d3b"]]), ye = /* @_
         "justifyJustify",
         "lineHeight"
       ]
-    }, _ = { placeholder: "请输入内容..." }, i = (m) => {
-      e.value = m;
-    }, f = (m) => {
+    }, f = { placeholder: "请输入内容..." }, p = (_) => {
+      e.value = _;
+    }, b = (_) => {
     };
-    return ke(() => {
-      const m = e.value;
-      m != null && m.destroy();
-    }), (m, u) => {
-      const h = d("el-option"), b = d("el-select"), L = d("el-form-item"), V = d("el-form");
-      return g(t).activeComponents.id ? (c(), y("div", Dt, [
-        a(V, { "label-position": "top" }, {
-          default: p(() => [
-            a(L, { label: "组件库" }, {
-              default: p(() => [
-                a(b, {
+    return Re(() => {
+      const _ = e.value;
+      _ != null && _.destroy();
+    }), (_, d) => {
+      const g = i("el-option"), c = i("el-select"), y = i("el-form-item"), C = i("el-form");
+      return h(t).activeComponents.id ? (m(), w("div", Pt, [
+        l(C, { "label-position": "top" }, {
+          default: u(() => [
+            l(y, { label: "组件库" }, {
+              default: u(() => [
+                l(c, {
                   style: { width: "100%" },
-                  modelValue: g(t).activeComponents.rp_item_uuid,
-                  "onUpdate:modelValue": u[0] || (u[0] = (v) => g(t).activeComponents.rp_item_uuid = v),
+                  modelValue: h(t).activeComponents.rp_item_uuid,
+                  "onUpdate:modelValue": d[0] || (d[0] = (v) => h(t).activeComponents.rp_item_uuid = v),
                   onChange: r
                 }, {
-                  default: p(() => [
-                    (c(!0), y(A, null, I(l.value, (v, x) => (c(), S(h, {
+                  default: u(() => [
+                    (m(!0), w(F, null, I(n.value, (v, x) => (m(), S(g, {
                       key: x,
                       label: v.rp_item_name,
                       value: v.rp_item_uuid
@@ -1674,23 +1703,23 @@ const Rt = /* @__PURE__ */ Y(Lt, [["__scopeId", "data-v-e9859d3b"]]), ye = /* @_
               ]),
               _: 1
             }),
-            a(L, { label: "文本内容" }, {
-              default: p(() => [
-                C("div", At, [
-                  a(g(Fe), {
+            l(y, { label: "文本内容" }, {
+              default: u(() => [
+                k("div", qt, [
+                  l(h(He), {
                     style: { "border-bottom": "1px solid #ccc" },
                     editor: e.value,
                     "default-config": s,
-                    mode: le
+                    mode: ne
                   }, null, 8, ["editor"]),
-                  a(g(Ie), {
+                  l(h(Pe), {
                     style: { height: "500px", "overflow-y": "hidden" },
-                    onOnChange: f,
-                    modelValue: g(t).activeComponents.data,
-                    "onUpdate:modelValue": u[1] || (u[1] = (v) => g(t).activeComponents.data = v),
-                    "default-config": _,
-                    mode: le,
-                    onOnCreated: i
+                    onOnChange: b,
+                    modelValue: h(t).activeComponents.data,
+                    "onUpdate:modelValue": d[1] || (d[1] = (v) => h(t).activeComponents.data = v),
+                    "default-config": f,
+                    mode: ne,
+                    onOnCreated: p
                   }, null, 8, ["modelValue"])
                 ])
               ]),
@@ -1699,36 +1728,36 @@ const Rt = /* @__PURE__ */ Y(Lt, [["__scopeId", "data-v-e9859d3b"]]), ye = /* @_
           ]),
           _: 1
         })
-      ])) : R("", !0);
+      ])) : U("", !0);
     };
   }
-}), Ft = /* @__PURE__ */ $({
+}), Mt = /* @__PURE__ */ T({
   __name: "SettingFilter",
-  setup(n) {
-    const t = k([]), e = z();
-    async function l() {
-      const r = await We({ prod_type: window.$prodType });
+  setup(a) {
+    const t = V([]), e = z();
+    async function n() {
+      const r = await de({ prod_type: window.$prodType });
       t.value = r.data;
     }
-    return l(), (r, o) => {
-      const s = d("el-option"), _ = d("el-select"), i = d("el-form-item"), f = d("el-checkbox"), m = d("el-form");
-      return c(), S(m, {
+    return n(), (r, o) => {
+      const s = i("el-option"), f = i("el-select"), p = i("el-form-item"), b = i("el-checkbox"), _ = i("el-form");
+      return m(), S(_, {
         "label-width": "80px",
         "label-position": "top"
       }, {
-        default: p(() => [
-          a(i, { label: "筛选条件" }, {
-            default: p(() => [
-              a(_, {
-                modelValue: g(e).filterForm.filter_uuid,
-                "onUpdate:modelValue": o[0] || (o[0] = (u) => g(e).filterForm.filter_uuid = u),
-                disabled: !!g(e).filterForm.filter_uuid
+        default: u(() => [
+          l(p, { label: "筛选条件" }, {
+            default: u(() => [
+              l(f, {
+                modelValue: h(e).filterForm.filter_uuid,
+                "onUpdate:modelValue": o[0] || (o[0] = (d) => h(e).filterForm.filter_uuid = d),
+                disabled: !!h(e).filterForm.filter_uuid
               }, {
-                default: p(() => [
-                  (c(!0), y(A, null, I(t.value, (u) => (c(), S(s, {
-                    key: u.filter_uuid,
-                    label: u.filter_name,
-                    value: u.filter_uuid
+                default: u(() => [
+                  (m(!0), w(F, null, I(t.value, (d) => (m(), S(s, {
+                    key: d.filter_uuid,
+                    label: d.filter_name,
+                    value: d.filter_uuid
                   }, null, 8, ["label", "value"]))), 128))
                 ]),
                 _: 1
@@ -1736,11 +1765,11 @@ const Rt = /* @__PURE__ */ Y(Lt, [["__scopeId", "data-v-e9859d3b"]]), ye = /* @_
             ]),
             _: 1
           }),
-          a(i, null, {
-            default: p(() => [
-              a(f, {
-                modelValue: g(e).filterForm.range_time,
-                "onUpdate:modelValue": o[1] || (o[1] = (u) => g(e).filterForm.range_time = u),
+          l(p, null, {
+            default: u(() => [
+              l(b, {
+                modelValue: h(e).filterForm.range_time,
+                "onUpdate:modelValue": o[1] || (o[1] = (d) => h(e).filterForm.range_time = d),
                 "true-value": 1,
                 "false-value": 0,
                 label: "时间范围"
@@ -1753,22 +1782,22 @@ const Rt = /* @__PURE__ */ Y(Lt, [["__scopeId", "data-v-e9859d3b"]]), ye = /* @_
       });
     };
   }
-}), It = /* @__PURE__ */ $({
+}), Bt = /* @__PURE__ */ T({
   __name: "SettingTitle",
-  setup(n) {
+  setup(a) {
     const t = z();
-    return (e, l) => {
-      const r = d("el-input"), o = d("el-form-item"), s = d("el-color-picker"), _ = d("el-col"), i = d("el-input-number"), f = d("el-option"), m = d("el-select"), u = d("el-row"), h = d("el-form");
-      return c(), S(h, {
+    return (e, n) => {
+      const r = i("el-input"), o = i("el-form-item"), s = i("el-color-picker"), f = i("el-col"), p = i("el-input-number"), b = i("el-option"), _ = i("el-select"), d = i("el-row"), g = i("el-form");
+      return m(), S(g, {
         "label-width": "auto",
         "label-position": "top"
       }, {
-        default: p(() => [
-          a(o, { label: "名称" }, {
-            default: p(() => [
-              a(r, {
-                modelValue: g(t).activeComponents.data,
-                "onUpdate:modelValue": l[0] || (l[0] = (b) => g(t).activeComponents.data = b),
+        default: u(() => [
+          l(o, { label: "名称" }, {
+            default: u(() => [
+              l(r, {
+                modelValue: h(t).activeComponents.data,
+                "onUpdate:modelValue": n[0] || (n[0] = (c) => h(t).activeComponents.data = c),
                 placeholder: "Please input",
                 maxlength: "24",
                 "show-word-limit": ""
@@ -1776,99 +1805,99 @@ const Rt = /* @__PURE__ */ Y(Lt, [["__scopeId", "data-v-e9859d3b"]]), ye = /* @_
             ]),
             _: 1
           }),
-          a(o, { label: "样式" }, {
-            default: p(() => [
-              a(u, { gutter: 20 }, {
-                default: p(() => [
-                  a(_, { span: 12 }, {
-                    default: p(() => [
-                      a(s, {
-                        modelValue: g(t).activeComponents.options.color,
-                        "onUpdate:modelValue": l[1] || (l[1] = (b) => g(t).activeComponents.options.color = b),
+          l(o, { label: "样式" }, {
+            default: u(() => [
+              l(d, { gutter: 20 }, {
+                default: u(() => [
+                  l(f, { span: 12 }, {
+                    default: u(() => [
+                      l(s, {
+                        modelValue: h(t).activeComponents.options.color,
+                        "onUpdate:modelValue": n[1] || (n[1] = (c) => h(t).activeComponents.options.color = c),
                         "show-alpha": ""
                       }, null, 8, ["modelValue"]),
-                      l[7] || (l[7] = C("p", { class: "sub-title" }, "颜色", -1))
+                      n[7] || (n[7] = k("p", { class: "sub-title" }, "颜色", -1))
                     ]),
                     _: 1
                   }),
-                  a(_, { span: 12 }, {
-                    default: p(() => [
-                      a(i, {
-                        modelValue: g(t).activeComponents.options.size,
-                        "onUpdate:modelValue": l[2] || (l[2] = (b) => g(t).activeComponents.options.size = b),
+                  l(f, { span: 12 }, {
+                    default: u(() => [
+                      l(p, {
+                        modelValue: h(t).activeComponents.options.size,
+                        "onUpdate:modelValue": n[2] || (n[2] = (c) => h(t).activeComponents.options.size = c),
                         "controls-position": "right"
                       }, null, 8, ["modelValue"]),
-                      l[8] || (l[8] = C("p", { class: "sub-title" }, "字体大小", -1))
+                      n[8] || (n[8] = k("p", { class: "sub-title" }, "字体大小", -1))
                     ]),
                     _: 1
                   }),
-                  a(_, { span: 12 }, {
-                    default: p(() => [
-                      a(m, {
-                        modelValue: g(t).activeComponents.options.fontWeight,
-                        "onUpdate:modelValue": l[3] || (l[3] = (b) => g(t).activeComponents.options.fontWeight = b)
+                  l(f, { span: 12 }, {
+                    default: u(() => [
+                      l(_, {
+                        modelValue: h(t).activeComponents.options.fontWeight,
+                        "onUpdate:modelValue": n[3] || (n[3] = (c) => h(t).activeComponents.options.fontWeight = c)
                       }, {
-                        default: p(() => [
-                          a(f, {
+                        default: u(() => [
+                          l(b, {
                             label: "常规",
                             value: 500
                           }),
-                          a(f, {
+                          l(b, {
                             label: "加粗",
                             value: 600
                           })
                         ]),
                         _: 1
                       }, 8, ["modelValue"]),
-                      l[9] || (l[9] = C("p", { class: "sub-title" }, "字体粗细", -1))
+                      n[9] || (n[9] = k("p", { class: "sub-title" }, "字体粗细", -1))
                     ]),
                     _: 1
                   }),
-                  a(_, { span: 12 }, {
-                    default: p(() => [
-                      a(i, {
-                        modelValue: g(t).activeComponents.options.letterSpacing,
-                        "onUpdate:modelValue": l[4] || (l[4] = (b) => g(t).activeComponents.options.letterSpacing = b),
+                  l(f, { span: 12 }, {
+                    default: u(() => [
+                      l(p, {
+                        modelValue: h(t).activeComponents.options.letterSpacing,
+                        "onUpdate:modelValue": n[4] || (n[4] = (c) => h(t).activeComponents.options.letterSpacing = c),
                         "controls-position": "right"
                       }, null, 8, ["modelValue"]),
-                      l[10] || (l[10] = C("p", { class: "sub-title" }, "字间距", -1))
+                      n[10] || (n[10] = k("p", { class: "sub-title" }, "字间距", -1))
                     ]),
                     _: 1
                   }),
-                  a(_, { span: 12 }, {
-                    default: p(() => [
-                      a(i, {
-                        modelValue: g(t).activeComponents.options.textIndent,
-                        "onUpdate:modelValue": l[5] || (l[5] = (b) => g(t).activeComponents.options.textIndent = b),
+                  l(f, { span: 12 }, {
+                    default: u(() => [
+                      l(p, {
+                        modelValue: h(t).activeComponents.options.textIndent,
+                        "onUpdate:modelValue": n[5] || (n[5] = (c) => h(t).activeComponents.options.textIndent = c),
                         "controls-position": "right"
                       }, null, 8, ["modelValue"]),
-                      l[11] || (l[11] = C("p", { class: "sub-title" }, "首行缩进", -1))
+                      n[11] || (n[11] = k("p", { class: "sub-title" }, "首行缩进", -1))
                     ]),
                     _: 1
                   }),
-                  a(_, { span: 12 }, {
-                    default: p(() => [
-                      a(m, {
-                        modelValue: g(t).activeComponents.options.textAlign,
-                        "onUpdate:modelValue": l[6] || (l[6] = (b) => g(t).activeComponents.options.textAlign = b)
+                  l(f, { span: 12 }, {
+                    default: u(() => [
+                      l(_, {
+                        modelValue: h(t).activeComponents.options.textAlign,
+                        "onUpdate:modelValue": n[6] || (n[6] = (c) => h(t).activeComponents.options.textAlign = c)
                       }, {
-                        default: p(() => [
-                          a(f, {
+                        default: u(() => [
+                          l(b, {
                             label: "左对齐",
                             value: "left"
                           }),
-                          a(f, {
+                          l(b, {
                             label: "居中对齐",
                             value: "center"
                           }),
-                          a(f, {
+                          l(b, {
                             label: "右对齐",
                             value: "right"
                           })
                         ]),
                         _: 1
                       }, 8, ["modelValue"]),
-                      l[12] || (l[12] = C("p", { class: "sub-title" }, "位置", -1))
+                      n[12] || (n[12] = k("p", { class: "sub-title" }, "位置", -1))
                     ]),
                     _: 1
                   })
@@ -1884,28 +1913,28 @@ const Rt = /* @__PURE__ */ Y(Lt, [["__scopeId", "data-v-e9859d3b"]]), ye = /* @_
     };
   }
 });
-const zt = /* @__PURE__ */ Y(It, [["__scopeId", "data-v-56fef84c"]]), Ht = /* @__PURE__ */ $({
+const Wt = /* @__PURE__ */ G(Bt, [["__scopeId", "data-v-56fef84c"]]), Yt = /* @__PURE__ */ T({
   __name: "Setting",
-  setup(n) {
+  setup(a) {
     const t = {
-      SettingTable: ge,
-      SettingCharts: Ut,
-      SettingDescribe: ye,
-      SettingText: Et,
-      SettingFilter: Ft,
-      SettingTitle: zt
-    }, e = z(), l = F(() => e.activeComponents), r = ["h1", "h2", "h3", "h4"], o = ["p"], s = ["report-table", "bar", "line", "pie", "report-describe"], _ = (i) => r.includes(i) ? H(t, "SettingTitle") : o.includes(i) ? H(t, "SettingText") : s.includes(i) ? H(t, "SettingCharts") : i === "filter" ? H(t, "SettingFilter") : "DefaultEditor";
-    return (i, f) => {
-      const m = d("el-card");
-      return c(), S(m, { class: "config-wrapper" }, {
-        default: p(() => [
-          (c(), S(N(_(l.value.type))))
+      SettingTable: he,
+      SettingCharts: Ht,
+      SettingDescribe: we,
+      SettingText: jt,
+      SettingFilter: Mt,
+      SettingTitle: Wt
+    }, e = z(), n = A(() => e.activeComponents), r = ["h1", "h2", "h3", "h4"], o = ["p"], s = ["report-table", "bar", "line", "pie", "report-describe"], f = (p) => r.includes(p) ? H(t, "SettingTitle") : o.includes(p) ? H(t, "SettingText") : s.includes(p) ? H(t, "SettingCharts") : p === "filter" ? H(t, "SettingFilter") : "DefaultEditor";
+    return (p, b) => {
+      const _ = i("el-card");
+      return m(), S(_, { class: "config-wrapper" }, {
+        default: u(() => [
+          (m(), S(W(f(n.value.type))))
         ]),
         _: 1
       });
     };
   }
-}), Mt = { class: "editor-wrapper flex start" }, jt = { class: "flex" }, Pt = { class: "btn-group" }, Bt = /* @__PURE__ */ $({
+}), Ot = { class: "editor-wrapper flex start" }, Nt = { class: "flex" }, Kt = { class: "btn-group" }, Gt = /* @__PURE__ */ T({
   __name: "index",
   props: /* @__PURE__ */ se({
     reportId: {
@@ -1917,27 +1946,27 @@ const zt = /* @__PURE__ */ Y(It, [["__scopeId", "data-v-56fef84c"]]), Ht = /* @_
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(n) {
-    const t = z(), e = n, l = ie(n, "modelValue"), r = (i) => {
-      const f = O(i);
-      f.id = j(), t.componentList.push(f);
+  setup(a) {
+    const t = z(), e = a, n = ue(a, "modelValue"), r = (p) => {
+      const b = Y(p);
+      b.id = q(), t.componentList.push(b);
     };
     function o() {
-      l.value = "table";
+      n.value = "table";
     }
     function s() {
       t.getReportDemo(e.reportId);
     }
-    Z(() => {
+    te(() => {
       s();
     });
-    async function _() {
+    async function f() {
       if (!t.filterForm.filter_uuid) {
-        Ae.error("请选择筛选条件");
+        Ie.error("请选择筛选条件");
         return;
       }
       try {
-        e.reportId ? await Pe({
+        e.reportId ? await Ye({
           report_uuid: e.reportId,
           data: {
             report_name: t.titleComponent.data,
@@ -1945,7 +1974,7 @@ const zt = /* @__PURE__ */ Y(It, [["__scopeId", "data-v-56fef84c"]]), Ht = /* @_
             content: [...t.notDraggableList, t.titleComponent, ...t.componentList],
             ...t.filterForm
           }
-        }) : await je({
+        }) : await We({
           data: {
             report_name: t.titleComponent.data,
             prod_type: window.$prodType,
@@ -1953,30 +1982,30 @@ const zt = /* @__PURE__ */ Y(It, [["__scopeId", "data-v-56fef84c"]]), Ht = /* @_
             ...t.filterForm
           }
         }), o();
-      } catch (i) {
-        console.log(i, "error");
+      } catch (p) {
+        console.log(p, "error");
       }
     }
-    return Te(() => {
+    return Ue(() => {
       t.clearComponents();
-    }), (i, f) => {
-      const m = d("el-button"), u = d("el-button-group"), h = d("el-card");
-      return c(), y("div", Mt, [
-        a(h, { class: "view-wrapper" }, {
-          default: p(() => [
-            C("div", jt, [
-              C("div", Pt, [
-                a(u, null, {
-                  default: p(() => [
-                    (c(!0), y(A, null, I(g(Xe), (b) => (c(), y(A, {
-                      key: b.type
+    }), (p, b) => {
+      const _ = i("el-button"), d = i("el-button-group"), g = i("el-card");
+      return m(), w("div", Ot, [
+        l(g, { class: "view-wrapper" }, {
+          default: u(() => [
+            k("div", Nt, [
+              k("div", Kt, [
+                l(d, null, {
+                  default: u(() => [
+                    (m(!0), w(F, null, I(h(at), (c) => (m(), w(F, {
+                      key: c.type
                     }, [
-                      b != null && b.hide ? R("", !0) : (c(), S(m, {
+                      c != null && c.hide ? U("", !0) : (m(), S(_, {
                         key: 0,
-                        onClick: (L) => r(b)
+                        onClick: (y) => r(c)
                       }, {
-                        default: p(() => [
-                          D(P(b.name), 1)
+                        default: u(() => [
+                          L(j(c.name), 1)
                         ]),
                         _: 2
                       }, 1032, ["onClick"]))
@@ -1985,20 +2014,20 @@ const zt = /* @__PURE__ */ Y(It, [["__scopeId", "data-v-56fef84c"]]), Ht = /* @_
                   _: 1
                 })
               ]),
-              a(u, null, {
-                default: p(() => [
-                  a(m, {
+              l(d, null, {
+                default: u(() => [
+                  l(_, {
                     type: "primary",
-                    onClick: _
+                    onClick: f
                   }, {
-                    default: p(() => f[0] || (f[0] = [
-                      D("保存")
+                    default: u(() => b[0] || (b[0] = [
+                      L("保存")
                     ])),
                     _: 1
                   }),
-                  a(m, { onClick: o }, {
-                    default: p(() => f[1] || (f[1] = [
-                      D("退出")
+                  l(_, { onClick: o }, {
+                    default: u(() => b[1] || (b[1] = [
+                      L("退出")
                     ])),
                     _: 1
                   })
@@ -2006,39 +2035,39 @@ const zt = /* @__PURE__ */ Y(It, [["__scopeId", "data-v-56fef84c"]]), Ht = /* @_
                 _: 1
               })
             ]),
-            a(xt)
+            l(Rt)
           ]),
           _: 1
         }),
-        a(Ht)
+        l(Yt)
       ]);
     };
   }
-}), Wt = {
+}), Jt = {
   class: "table-box"
-}, Nt = /* @__PURE__ */ $({
+}, Qt = /* @__PURE__ */ T({
   __name: "Report",
   emits: ["click"],
-  setup(n, {
+  setup(a, {
     emit: t
   }) {
-    const e = F(() => ({
+    const e = A(() => ({
       prod_type: window.$prodType
-    })), l = k(), r = t, o = (u) => {
-      r("click", u.report_uuid, "review");
-    }, s = (u) => {
-      r("click", u.report_uuid, "editor");
-    }, _ = () => {
+    })), n = V(), r = t, o = (d) => {
+      r("click", d.report_uuid, "review");
+    }, s = (d) => {
+      r("click", d.report_uuid, "editor");
+    }, f = () => {
       r("click", "", "editor");
-    }, i = (u) => {
-      console.log(u);
-    }, f = (u) => {
+    }, p = (d) => {
+      console.log(d);
+    }, b = (d) => {
       window.$messageBox("确定要删除吗?", "", "温馨提示", "error").then(async () => {
         await Ne({
-          report_uuids: u
-        }), l.value.getTableList();
+          report_uuids: d
+        }), n.value.getTableList();
       });
-    }, m = Le([
+    }, _ = J([
       // { type: 'selection', fixed: 'left', width: 70 },
       {
         type: "selection",
@@ -2065,58 +2094,58 @@ const zt = /* @__PURE__ */ Y(It, [["__scopeId", "data-v-56fef84c"]]), Ht = /* @_
         name: "操作",
         align: "center",
         fixed: "right",
-        render: (u) => a("div", null, [a(d("el-button"), {
+        render: (d) => l("div", null, [l(i("el-button"), {
           link: !0,
           type: "primary",
           class: "custom-btn",
           icon: "View",
           title: "预览",
-          onClick: () => o(u.row)
-        }, null), a(d("el-button"), {
+          onClick: () => o(d.row)
+        }, null), l(i("el-button"), {
           link: !0,
           type: "primary",
           class: "custom-btn",
           icon: "Edit",
           title: "编辑",
-          onClick: () => s(u.row)
-        }, null), a(d("el-button"), {
+          onClick: () => s(d.row)
+        }, null), l(i("el-button"), {
           link: !0,
           type: "danger",
           icon: "Delete",
           title: "删除",
-          onClick: () => f([u.row.report_uuid])
+          onClick: () => b([d.row.report_uuid])
         }, null)])
       }
     ]);
-    return (u, h) => {
-      const b = d("el-button"), L = d("TdsTable");
-      return c(), y("div", Wt, [a(L, {
+    return (d, g) => {
+      const c = i("el-button"), y = i("TdsTable");
+      return m(), w("div", Jt, [l(y, {
         ref_key: "proTable",
-        ref: l,
-        columns: m,
-        "request-api": g(Be),
+        ref: n,
+        columns: _,
+        "request-api": h(Oe),
         "init-param": e.value,
         "row-key": "report_uuid",
-        options: u.$tableOptions(),
+        options: d.$tableOptions(),
         "search-col": 6,
-        onSelectionChange: i
+        onSelectionChange: p
       }, {
-        tableHeader: p((V) => [a(b, {
+        tableHeader: u((C) => [l(c, {
           plain: "",
           type: "primary",
           class: "custom-btn",
           icon: "Plus",
-          onClick: _
+          onClick: f
         }, {
-          default: p(() => h[0] || (h[0] = [D("添加")])),
+          default: u(() => g[0] || (g[0] = [L("添加")])),
           _: 1
-        }), a(b, {
+        }), l(c, {
           plain: "",
           type: "danger",
           icon: "Delete",
-          onClick: (v) => f(V.selectedListIds)
+          onClick: (v) => b(C.selectedListIds)
         }, {
-          default: p(() => h[1] || (h[1] = [D("删除")])),
+          default: u(() => g[1] || (g[1] = [L("删除")])),
           _: 2
         }, 1032, ["onClick"])]),
         _: 1
@@ -2124,56 +2153,346 @@ const zt = /* @__PURE__ */ Y(It, [["__scopeId", "data-v-56fef84c"]]), Ht = /* @_
     };
   }
 });
-const Ot = { style: { height: "100%" } }, Yt = /* @__PURE__ */ $({
+const Xt = { style: { height: "100%" } }, Zt = /* @__PURE__ */ T({
   name: "TCReport",
   __name: "index",
-  setup(n) {
-    const t = k(), e = k("table"), l = (r, o) => {
+  setup(a) {
+    const t = V(), e = V("table"), n = (r, o) => {
       t.value = r, e.value = o;
     };
-    return (r, o) => (c(), y("div", Ot, [
-      a(Re, { name: "slide-fade" }, {
-        default: p(() => [
-          e.value === "table" ? (c(), S(Nt, {
+    return (r, o) => (m(), w("div", Xt, [
+      l(De, { name: "slide-fade" }, {
+        default: u(() => [
+          e.value === "table" ? (m(), S(Qt, {
             key: 0,
-            onClick: l
-          })) : R("", !0),
-          e.value === "review" ? (c(), S(bt, {
+            onClick: n
+          })) : U("", !0),
+          e.value === "review" ? (m(), S(kt, {
             key: 1,
             "report-id": t.value,
             modelValue: e.value,
             "onUpdate:modelValue": o[0] || (o[0] = (s) => e.value = s)
-          }, null, 8, ["report-id", "modelValue"])) : R("", !0),
-          e.value === "editor" ? (c(), S(Bt, {
+          }, null, 8, ["report-id", "modelValue"])) : U("", !0),
+          e.value === "editor" ? (m(), S(Gt, {
             key: 2,
             "report-id": t.value,
             modelValue: e.value,
             "onUpdate:modelValue": o[1] || (o[1] = (s) => e.value = s)
-          }, null, 8, ["report-id", "modelValue"])) : R("", !0)
+          }, null, 8, ["report-id", "modelValue"])) : U("", !0)
         ]),
         _: 1
       })
     ]));
   }
 });
-const qt = (n, t) => {
-  if (n.install = (e) => {
-    for (const l of [n, ...Object.values(t ?? {})])
-      e.component(l.name, l);
+const Ce = (a, t) => {
+  if (a.install = (e) => {
+    for (const n of [a, ...Object.values(t ?? {})])
+      e.component(n.name, n);
   }, t)
-    for (const [e, l] of Object.entries(t))
-      n[e] = l;
-  return n;
-}, Gt = qt(Yt), Jt = {
-  TCReport: Gt
-}, to = {
-  install(n, t) {
-    Object.entries(Jt).forEach(([e, l]) => {
-      n.component(e, l);
+    for (const [e, n] of Object.entries(t))
+      a[e] = n;
+  return a;
+}, eo = Ce(Zt), to = [
+  {
+    label: "正文",
+    value: "p"
+  },
+  {
+    label: "表格",
+    value: "report-table"
+  },
+  {
+    label: "趋势图",
+    value: "line"
+  },
+  {
+    label: "扇形统计图",
+    value: "pie"
+  },
+  {
+    label: "柱形图",
+    value: "bar"
+  },
+  {
+    label: "描述列表",
+    value: "report-describe"
+  }
+], oo = [
+  {
+    value: "p",
+    fields: ["table_key_relation"]
+  },
+  {
+    value: "report-table",
+    fields: ["p_text"]
+  },
+  {
+    value: "line",
+    fields: ["p_text", "table_key_relation"]
+  },
+  {
+    value: "pie",
+    fields: ["p_text", "table_key_relation"]
+  },
+  {
+    value: "bar",
+    fields: ["p_text", "table_key_relation"]
+  },
+  {
+    value: "report-describe",
+    fields: ["p_text"]
+  }
+], lo = {
+  class: "table-box"
+}, no = /* @__PURE__ */ T({
+  __name: "index",
+  setup(a) {
+    const t = V(), e = V(), n = V({}), r = V(""), o = J({
+      prod_type: window.$prodType
+    });
+    function s(c) {
+      window.$messageBox("确定要删除吗?", "", "温馨提示", "error").then(async () => {
+        await Ge({
+          rp_item_uuids: c
+        }), t.value.getTableList();
+      });
+    }
+    function f(c) {
+      n.value = c ? Object.assign({}, c) : {
+        table_key_relation: [{
+          name: "",
+          key: "",
+          id: (/* @__PURE__ */ new Date()).getTime()
+        }]
+      }, r.value = c ? "编辑自定义组件" : "新增自定义组件", e.value.open();
+    }
+    async function p(c) {
+      const y = Object.assign({}, c);
+      y.chart_type !== "report-table" && y.chart_type !== "report-describe" && delete y.table_key_relation, y.chart_type !== "p" && (y.p_text = ""), y.rp_item_uuid ? await Qe({
+        rp_item_uuid: y.rp_item_uuid,
+        data: y
+      }) : (y.prod_type = window.$prodType, await Je({
+        data: y
+      })), t.value.getTableList(), e.value.close();
+    }
+    const b = (c) => {
+      n.value.table_key_relation.splice(c, 1);
+    }, _ = () => {
+      n.value.table_key_relation.push({
+        name: "",
+        key: "",
+        id: (/* @__PURE__ */ new Date()).getTime()
+      });
+    }, g = J([{
+      type: "selection",
+      width: 60,
+      field: "rp_item_uuid",
+      align: "center"
+    }, {
+      field: "rp_item_name",
+      name: "组件名称",
+      show: {
+        type: "input"
+      },
+      rules: [{
+        required: !0
+      }]
+    }, {
+      field: "filter_uuid",
+      name: "筛选条件",
+      enum: () => de({
+        prod_type: window.$prodType
+      }),
+      fieldNames: {
+        label: "filter_name",
+        value: "filter_uuid"
+      },
+      show: {
+        type: "select"
+      },
+      rules: [{
+        required: !0
+      }]
+    }, {
+      field: "chart_type",
+      name: "组件类型",
+      enum: to,
+      show: {
+        type: "select",
+        display: oo
+      },
+      rules: [{
+        required: !0
+      }]
+    }, {
+      field: "data_uri",
+      name: "URI",
+      show: {
+        type: "input"
+      },
+      rules: [{
+        required: !0
+      }]
+    }, {
+      field: "table_key_relation",
+      name: "表格数据",
+      hide: !0,
+      show: {
+        render: () => {
+          var c;
+          return l("div", {
+            style: "width:80%"
+          }, [l("div", {
+            class: "flex report-com-title",
+            style: "gap:15px;"
+          }, [l("span", {
+            style: "width:50%"
+          }, [L("表头名称")]), l("span", {
+            style: "width:50%"
+          }, [L("KEY")])]), (c = n.value.table_key_relation) == null ? void 0 : c.map((y, C) => l("div", {
+            class: "flex form-m0 w-100%",
+            style: "gap:15px;margin-bottom:10px;",
+            key: C
+          }, [l(i("el-form-item"), {
+            style: "width:50%"
+          }, {
+            default: () => [l(i("el-input"), {
+              modelValue: y.name,
+              "onUpdate:modelValue": (v) => y.name = v,
+              class: "",
+              placeholder: "表头"
+            }, null)]
+          }), l(i("el-form-item"), {
+            style: "width:50%"
+          }, {
+            default: () => [l(i("el-input"), {
+              modelValue: y.key,
+              "onUpdate:modelValue": (v) => y.key = v,
+              class: "",
+              placeholder: "KEY"
+            }, null)]
+          }), n.value.table_key_relation.length > 1 && l("div", {
+            class: "report-btn-remove absolute right--13px text-#f56c6c hover:cursor-pointer"
+          }, [l(i("el-icon"), {
+            onClick: () => b(C)
+          }, {
+            default: () => [l(qe, null, null)]
+          })])])), l(i("el-button"), {
+            class: "report-btn ",
+            icon: "Plus",
+            onClick: () => _()
+          }, {
+            default: () => [L("新增表头与KEY")]
+          })]);
+        }
+      },
+      prop: {
+        required: !0
+      },
+      rules: [{
+        required: !0,
+        validator: (c, y, C) => {
+          delete c.message, y.forEach((v) => {
+            v.name ? v.key || C(new Error("请填写表头名称和KEY")) : C(new Error("请填写表头名称和KEY"));
+          }), C();
+        },
+        trigger: "blur"
+      }]
+    }, {
+      field: "p_text",
+      name: "正文",
+      hide: !0,
+      show: {
+        type: "input",
+        prop: {
+          type: "textarea",
+          rows: 4
+        }
+      },
+      rules: [{
+        required: !0
+      }]
+    }, {
+      field: "create_time",
+      name: "创建时间"
+    }, {
+      field: "operation",
+      width: 140,
+      name: "操作",
+      align: "center",
+      fixed: "right",
+      render: (c) => l("div", null, [l(i("el-button"), {
+        link: !0,
+        type: "primary",
+        class: "custom-btn",
+        icon: "Edit",
+        title: "编辑",
+        onClick: () => f(c.row)
+      }, null), l(i("el-button"), {
+        link: !0,
+        type: "danger",
+        icon: "Delete",
+        title: "删除",
+        onClick: () => s([c.row.rp_item_uuid])
+      }, null)])
+    }]);
+    return (c, y) => {
+      const C = i("el-button"), v = i("TdsTable"), x = i("TdsForm");
+      return m(), w("div", lo, [l(v, {
+        ref_key: "refTdsTable",
+        ref: t,
+        columns: g,
+        "request-api": h(Ke),
+        "init-param": o,
+        "row-key": "rp_item_uuid",
+        options: c.$tableOptions(),
+        "search-col": 6
+      }, {
+        tableHeader: u((E) => [l(C, {
+          plain: "",
+          type: "primary",
+          class: "custom-btn",
+          icon: "Plus",
+          onClick: y[0] || (y[0] = ($) => f())
+        }, {
+          default: u(() => y[1] || (y[1] = [L("添加")])),
+          _: 1
+        }), l(C, {
+          plain: "",
+          type: "danger",
+          icon: "Delete",
+          onClick: ($) => s(E.selectedListIds)
+        }, {
+          default: u(() => y[2] || (y[2] = [L("删除")])),
+          _: 2
+        }, 1032, ["onClick"])]),
+        _: 1
+      }, 8, ["columns", "request-api", "init-param", "options"]), l(x, Ee({
+        ref_key: "refTdsForm",
+        ref: e
+      }, c.$formBindProps({
+        title: r.value,
+        form: n.value,
+        columns: g
+      }), {
+        onSubmit: p
+      }), null, 16)]);
+    };
+  }
+});
+const ao = Ce(no), ro = {
+  TCReport: eo,
+  TCModule: ao
+}, _o = {
+  install(a, t) {
+    Object.entries(ro).forEach(([e, n]) => {
+      a.component(e, n);
     }), t.prodType && (window.$prodType = t.prodType), t.envURL && (window.$reportURL = t.envURL);
   }
 };
 export {
-  Gt as TCReport,
-  to as default
+  ao as TCModule,
+  eo as TCReport,
+  _o as default
 };