@topdatasec/report 1.0.12 → 1.1.1

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

@@ -1,28 +1,2191 @@
-import { defineComponent as s, ref as c, openBlock as r, createElementBlock as p } from "vue";
-const l = { style: { height: "100%" } }, m = /* @__PURE__ */ s({
+import { defineComponent as k, computed as I, resolveComponent as p, openBlock as d, createElementBlock as h, createElementVNode as C, Fragment as A, renderList as z, normalizeClass as O, createBlock as S, createCommentVNode as R, toDisplayString as W, ref as $, createVNode as a, withCtx as u, onMounted as te, normalizeProps as re, guardReactiveProps as se, isVNode as ie, normalizeStyle as xe, mergeModels as ue, useModel as pe, unref as y, createTextVNode as E, resolveDynamicComponent as Y, isRef as we, withModifiers as Ve, watch as Se, resolveDirective as ke, withDirectives as $e, shallowRef as Te, onBeforeUnmount as Le, onUnmounted as Re, reactive as Ue, TransitionGroup as De } from "vue";
+import { defineStore as Ee, storeToRefs as Ae } from "pinia";
+import { ElMessage as Fe } from "element-plus";
+import { VueDraggable as Ie } from "vue-draggable-plus";
+import { Toolbar as ze, Editor as He } from "@wangeditor/editor-for-vue";
+const B = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math.random().toString(36).substring(2, 9), q = (l) => JSON.parse(JSON.stringify(l)), Me = (l) => l.replace(/-([a-z])/g, (t, e) => e.toUpperCase()).replace(/^[a-z]/, (t) => t.toUpperCase()), H = (l, t) => l[Me(t)], de = "rgba(51, 51, 51, 0.15)", M = "rgba(51, 51, 51, 1)", N = 12, ce = (l = !1) => {
+  const t = {
+    // top: '2%',
+    left: "3%",
+    right: "3%",
+    bottom: "2%",
+    containLabel: !0
+  };
+  return l && (t.top = "5%"), t;
+}, U = [
+  "46, 145, 255",
+  "48, 212, 183",
+  "108, 108, 255",
+  "109, 237, 124",
+  "128, 218, 236",
+  "58, 200, 218",
+  "146, 218, 89",
+  "118, 218, 218",
+  "143, 192, 244",
+  "192, 192, 145",
+  "153, 136, 204",
+  "212, 217, 230",
+  "124, 186, 255",
+  "209, 182, 225",
+  "255, 197, 84",
+  "249, 140, 106",
+  "246, 179, 82",
+  "100, 161, 206",
+  "246, 175, 159",
+  "238, 97, 97"
+], je = (l, t, e = "", n = { name: "name", value: "value" }) => {
+  const r = [], o = [];
+  t.forEach((s) => {
+    r.push(s[n.name]), o.push(s[n.value]);
+  }), l.xAxis[0].data = r, l.series[0].data = o, l.series[0].name = e, l.series[1].data = o, l.series[2].data = o;
+}, oe = (l = [
+  {
+    name: "数据1",
+    value: 63
+  },
+  {
+    name: "数据2",
+    value: 45
+  },
+  {
+    name: "数据3",
+    value: 43
+  }
+], t = { name: "name", value: "value" }) => {
+  const e = (r = "rgba(46, 145, 255, 0.7)", o = "rgba(46, 145, 255, 0.2)") => ({
+    color: {
+      type: "linear",
+      x: 0,
+      y: 0,
+      x2: 0,
+      y2: 1,
+      colorStops: [
+        {
+          offset: 0,
+          color: r
+        },
+        {
+          offset: 0.8,
+          color: o
+        }
+      ]
+    }
+  }), n = l.map((r) => r[t.value]);
+  return {
+    // 提示框组件
+    tooltip: {
+      trigger: "item"
+      //触发类型,axis:坐标轴触发
+    },
+    // 图例组件
+    // legend: {
+    //   type: 'plain', //plain:普通图例；scroll:可滚动翻页的图例。当图例数量较多时使。
+    //   show: true,
+    // },
+    grid: ce(),
+    title: {
+      show: !0,
+      text: "样例数据",
+      textStyle: {
+        color: "#333",
+        fontSize: 18
+      },
+      x: 10,
+      y: 10
+    },
+    // x 轴设置
+    xAxis: [
+      {
+        type: "category",
+        nameGap: 8,
+        // X轴名称与轴线之间的距离
+        nameRotate: 0,
+        // 坐标轴名称旋转
+        axisLabel: {
+          color: M,
+          // X轴类目名称样式
+          rotate: 0
+          // X轴类目名称旋转角度
+        },
+        axisLine: {
+          //X轴轴线设置
+          show: !0,
+          lineStyle: {
+            color: de,
+            width: 1
+          }
+        },
+        axisTick: { show: !1 },
+        // X轴刻度相关设置
+        splitLine: { show: !1 },
+        // 横向分隔线
+        data: l.map((r) => r[t.name])
+      }
+    ],
+    // y轴设置
+    yAxis: [
+      {
+        type: "value",
+        min: 0,
+        // 坐标轴刻度最小值
+        position: "left",
+        nameTextStyle: {
+          fontSize: N,
+          color: M,
+          fontWeight: "bold"
+        },
+        axisLine: { show: !1 },
+        // y轴轴线设置
+        axisTick: { show: !1 },
+        // 刻度设置
+        splitLine: { show: !1 },
+        // 纵向分隔线
+        axisLabel: {
+          color: M,
+          // y轴刻度标签
+          formatter: "{value}",
+          inside: !1
+          // 刻度标签是否朝内，默认朝外
+        }
+      }
+    ],
+    series: [
+      {
+        type: "bar",
+        barWidth: 15,
+        barGap: "0%",
+        itemStyle: e(`rgba(${U[0]}, 0.7)`, `rgba(${U[0]}, 0.2)`),
+        data: n,
+        label: {
+          show: !0,
+          // 显示标签
+          position: "top",
+          // 标签位置
+          color: "inherit",
+          // 标签颜色
+          lineHeight: 24
+          // 行高
+        }
+      },
+      {
+        // 柱底圆片
+        name: "",
+        type: "pictorialBar",
+        symbolSize: [15, 10],
+        //调整截面形状
+        symbolOffset: [0, 5],
+        itemStyle: e(`rgba(${U[0]}, 0.7)`, `rgba(${U[0]}, 0.2)`),
+        data: n
+      },
+      {
+        // 柱顶圆片
+        name: "",
+        type: "pictorialBar",
+        symbolSize: [15, 10],
+        //调整截面形状
+        symbolOffset: [0, -5],
+        symbolPosition: "end",
+        itemStyle: e(`rgba(${U[0]}, 0.9)`, `rgba(${U[0]}, 1)`),
+        data: n
+      }
+    ]
+  };
+}, Pe = ({ chartOption: l, 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 && (l.legend.data = r, l.series[0].data = r, l.graphic[1].style.text = n);
+}, Be = () => U.map((l) => `rgba(${l}, 1)`), J = ({
+  data: l = [
+    {
+      name: "数据1",
+      value: 63
+    },
+    {
+      name: "数据2",
+      value: 45
+    },
+    {
+      name: "数据3",
+      value: 43
+    }
+  ],
+  radiusType: t = 1,
+  roseType: e = !1,
+  isLegend: n = !0,
+  isLine: r = !1,
+  center: o = ["50%", "50%"],
+  isTitle: s = !0
+}) => {
+  const m = {
+    color: Be(),
+    toolbox: { show: !1 },
+    tooltip: {
+      trigger: "item",
+      show: !0,
+      formatter: (i) => {
+        const { name: f, value: c } = 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;">数量：${c}</span></div>`;
+      }
+    },
+    title: {
+      show: s,
+      text: "样例数据",
+      textStyle: {
+        color: "#333",
+        fontSize: 18
+      },
+      x: 10,
+      y: 10
+    },
+    legend: {
+      show: n,
+      left: "70%",
+      formatter: (i) => {
+        var c;
+        const f = (c = m.series[0]) == null ? void 0 : c.data.find((_) => _.name === i).value;
+        return ` ${i} | ${f}`;
+      },
+      textStyle: {
+        fontSize: N,
+        color: M
+      },
+      data: l,
+      orient: "vertical",
+      itemWidth: 10,
+      itemHeight: 10,
+      borderRadius: 10,
+      x: "left",
+      top: "center",
+      align: "left",
+      itemGap: 15
+    },
+    series: [
+      // 展示层
+      {
+        type: "pie",
+        center: o,
+        radius: t === 1 ? e ? ["10%", "65%"] : ["45%", "70%"] : ["0%", "65%"],
+        roseType: e,
+        itemStyle: {
+          borderRadius: 1
+          // color: (p: any) => {
+          //   return {
+          //     colorStops: [
+          //       {
+          //         offset: 0,
+          //         color: `rgba(${colorRGBValue[p.dataIndex % colorRGBValue.length]}, 0.5)`, // 0% 处的颜色
+          //       },
+          //       {
+          //         offset: 1,
+          //         color: `rgba(${colorRGBValue[p.dataIndex % colorRGBValue.length]}, 1)`, // 100% 处的颜色
+          //       },
+          //     ],
+          //   }
+          // },
+        },
+        label: {
+          show: r,
+          position: "outside",
+          alignTo: "labelLine",
+          backgroundColor: "#fff",
+          height: 0,
+          width: 0,
+          lineHeight: 0,
+          distanceToLabelLine: 0,
+          borderRadius: 3,
+          borderWidth: 1,
+          borderColor: "inherit",
+          padding: [3, -3, 3, -3],
+          formatter: function(i) {
+            return `{a|${i.name}(${i.value})}`;
+          },
+          rich: {
+            a: {
+              padding: [20, -80, 40, -80],
+              fontSize: "12px",
+              fontFamily: "MicrosoftYaHei",
+              color: "#091158"
+            },
+            b: {
+              padding: [0, -80, 55, -80],
+              fontSize: "15px",
+              fontFamily: "MicrosoftYaHei-Bold, MicrosoftYaHei",
+              fontWeight: "bold",
+              color: "#001F3D"
+            }
+          }
+        },
+        labelLine: {
+          show: !0,
+          length: 40,
+          length2: 85,
+          align: "right",
+          lineStyle: {
+            width: 1
+          }
+        },
+        data: l
+      }
+    ],
+    graphic: [
+      {
+        invisible: !1,
+        type: "text",
+        left: "center",
+        top: "44%",
+        style: {
+          text: "总量",
+          fontSize: 14,
+          fill: "#86909c",
+          fontWeight: "bold"
+        }
+      },
+      {
+        invisible: !1,
+        type: "text",
+        left: "center",
+        top: "50%",
+        style: {
+          text: "151",
+          fontSize: 18,
+          fill: "#86909c",
+          fontWeight: "bold"
+        }
+      }
+    ]
+  };
+  return m;
+}, We = (l, t, e = { name: "name", value: "value" }) => {
+  l.xAxis.data = t.map((n) => n[e.name]), Array.isArray(e.value) ? e.value.forEach((n, r) => {
+    l.series[r].data = t.map((o) => o[n.value]);
+  }) : typeof e.value == "string" && (l.series[0].data = t.map((n) => n[e.value]));
+}, Ne = () => ({
+  name: "",
+  type: "line",
+  symbol: "circle",
+  smooth: !0,
+  lineStyle: {
+    width: 1,
+    color: `rgba(${U[0]}, 1)`
+    // 线条颜色
+  },
+  showSymbol: !1,
+  itemStyle: {
+    color: `rgba(${U[0]}, 1)`,
+    //拐点颜色
+    label: {
+      show: !0,
+      //开启显示
+      position: "top",
+      //在上方显示
+      formatter: function(l) {
+        return l.value ? l.value : 0;
+      }
+    }
+  },
+  areaStyle: {
+    color: {
+      type: "linear",
+      x: 0,
+      y: 0,
+      x2: 0,
+      y2: 1,
+      colorStops: [
+        // 渐变颜色
+        {
+          offset: 0,
+          color: `rgba(${U[0]}, 0.7)`
+        },
+        {
+          offset: 1,
+          color: `rgba(${U[0]}, 0.1)`
+        }
+      ],
+      global: !1
+    }
+  },
+  data: []
+}), K = (l = [
+  {
+    name: "2024-08",
+    value: 63
+  },
+  {
+    name: "2024-09",
+    value: 45
+  },
+  {
+    name: "2024-10",
+    value: 43
+  }
+], t = { name: "name", value: "value" }) => {
+  const e = {
+    tooltip: {
+      trigger: "axis"
+    },
+    title: {
+      show: !0,
+      text: "样例数据",
+      textStyle: {
+        color: "#333",
+        fontSize: 18
+      },
+      x: 10,
+      y: 10
+    },
+    legend: {
+      show: !0,
+      itemWidth: 30,
+      textStyle: {
+        color: M,
+        fontSize: N,
+        padding: [0, 8, 0, 8]
+      }
+    },
+    grid: ce(),
+    xAxis: {
+      type: "category",
+      splitLine: { show: !1 },
+      axisTick: { show: !1 },
+      axisLine: {
+        show: !0,
+        lineStyle: { color: de }
+      },
+      axisLabel: {
+        show: !0,
+        fontSize: N,
+        color: M
+      },
+      boundaryGap: !1,
+      data: l.map((o) => o[t.name])
+    },
+    yAxis: {
+      name: "",
+      type: "value",
+      splitLine: { show: !1 },
+      axisLine: { show: !1 },
+      axisTick: { show: !1 },
+      nameTextStyle: {
+        fontSize: N,
+        color: M,
+        padding: [0, 60, 0, 0]
+      },
+      axisLabel: {
+        show: !0,
+        fontSize: N,
+        color: M
+      }
+    },
+    series: []
+  }, n = Ne(), r = [];
+  if (Array.isArray(t.value))
+    t.value.forEach((o, s) => {
+      const m = q(n);
+      m.name = o.name, m.lineStyle.color = `rgba(${U[s]}, 1)`, m.itemStyle.color = `rgba(${U[s]}, 1)`, m.areaStyle.color.colorStops[0].color = `rgba(${U[s]}, 0.7)`, m.areaStyle.color.colorStops[1].color = `rgba(${U[s]}, 0.1)`, m.data = l.map((i) => i[o.value]), r.push(m);
+    });
+  else if (typeof t.value == "string") {
+    const o = q(n);
+    o.data = l.map((s) => s[t.value]), r.push(o);
+  }
+  return e.series = r, e;
+}, le = [
+  { key: "assets", name: "资产名称" },
+  { key: "type", name: "资产类型" },
+  { key: "data", name: "资产数据" }
+], ne = [
+  { assets: "name1", type: "type1", data: "data1" },
+  { assets: "name2", type: "type2", data: "data2" },
+  { assets: "name3", type: "type3", data: "data3" }
+], 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" }
+], Oe = [
+  {
+    data: 63,
+    label: "数据1"
+  },
+  {
+    data: 45,
+    label: "数据2"
+  },
+  {
+    data: 43,
+    label: "数据3"
+  }
+], Ye = [
+  {
+    type: "report-select",
+    label: "资产：",
+    value: "0",
+    data: [
+      {
+        label: "全部",
+        data: "0"
+      },
+      {
+        label: "10.10.2.20_root",
+        data: "743dbb32-8a41-4990-9d76-48925b000a93"
+      },
+      {
+        label: "10.10.4.206_sysdba",
+        data: "23193788-c895-47a8-8123-65799540394c"
+      },
+      {
+        label: "10.10.4.26_root@/root/files/",
+        data: "bb7b07c9-b96b-4caf-ac76-bb45ae849844"
+      }
+    ],
+    uri: "/da/report/sens/get_asset_all",
+    id: B()
+  },
+  {
+    type: "range-time",
+    data: [
+      {
+        start_time: "2024-08-20 19:49:34",
+        end_time: "2024-09-12 19:49:34"
+      }
+    ],
+    id: B()
+  },
+  {
+    type: "h1",
+    data: "报表名称",
+    options: {
+      size: 24,
+      color: "rgba(0,0,0,0.85)",
+      fontWeight: 500,
+      letterSpacing: 0,
+      textIndent: 0,
+      textAlign: "left"
+    },
+    id: B()
+  },
+  {
+    type: "h2",
+    data: "一级标题",
+    name: "一级标题",
+    options: {
+      size: 18,
+      color: " rgba(0, 0, 0, 0.85)",
+      fontWeight: 500,
+      letterSpacing: 0,
+      textIndent: 0,
+      textAlign: "left"
+    },
+    id: B()
+  },
+  {
+    type: "report-table",
+    data: ne,
+    showColumn: le,
+    name: "表格",
+    options: {
+      showColumn: {
+        assets: !0,
+        type: !0,
+        data: !0
+      },
+      border: !0,
+      showHeader: !0,
+      stripe: !1
+    },
+    rp_item_uuid: "",
+    id: B()
+  }
+], qe = [
+  {
+    type: "h1",
+    data: "报表名称",
+    name: "报表名称",
+    options: {
+      size: 24,
+      color: " rgba(0, 0, 0, 0.85)",
+      fontWeight: 500,
+      letterSpacing: 0,
+      textIndent: 0,
+      textAlign: "left"
+    },
+    hide: !0,
+    id: ""
+  },
+  {
+    type: "h2",
+    data: "一级标题",
+    name: "一级标题",
+    options: {
+      size: 18,
+      color: " rgba(0, 0, 0, 0.85)",
+      fontWeight: 500,
+      letterSpacing: 0,
+      textIndent: 0,
+      textAlign: "left"
+    },
+    id: ""
+  },
+  {
+    type: "h3",
+    data: "二级标题",
+    name: "二级标题",
+    options: {
+      size: 14,
+      color: " rgba(0, 0, 0, 0.85)",
+      fontWeight: 500,
+      letterSpacing: 0,
+      textIndent: 0,
+      textAlign: "left"
+    },
+    id: ""
+  },
+  { type: "p", data: "正文", name: "正文", rp_item_uuid: "", id: "" },
+  {
+    type: "report-table",
+    data: ne,
+    showColumn: le,
+    name: "表格",
+    options: {
+      border: !0,
+      showHeader: !0,
+      stripe: !1,
+      showColumn: {
+        assect: !0,
+        type: !0,
+        data: !0
+      }
+    },
+    rp_item_uuid: "",
+    id: ""
+  },
+  {
+    type: "bar",
+    data: Q,
+    showColumn: [{ key: "label", value: "data" }],
+    name: "图表",
+    options: oe(),
+    rp_item_uuid: "",
+    id: ""
+  }
+], Ge = (l) => ({
+  bar: {
+    type: "bar",
+    data: Q,
+    showColumn: [{ key: "label", value: "data" }],
+    name: "图表",
+    options: oe(),
+    rp_item_uuid: "",
+    id: ""
+  },
+  line: {
+    type: "line",
+    data: Q,
+    showColumn: [{ key: "label", value: "data" }],
+    name: "图表",
+    options: K(),
+    rp_item_uuid: "",
+    id: ""
+  },
+  pie: {
+    type: "pie",
+    data: Oe,
+    showColumn: [{ key: "label", value: "data" }],
+    name: "图表",
+    options: J({ isLegend: !0 }),
+    rp_item_uuid: "",
+    id: ""
+  },
+  "report-table": {
+    type: "report-table",
+    data: ne,
+    showColumn: le,
+    name: "表格",
+    options: {
+      showColumn: {
+        assect: !0,
+        type: !0,
+        data: !0
+      },
+      border: !0,
+      showHeader: !0,
+      stripe: !1
+    },
+    rp_item_uuid: "",
+    id: ""
+  }
+})[l], D = Ee("tds-report", {
+  state: () => ({
+    componentList: [],
+    activeComponents: {},
+    notDraggableList: [],
+    titleComponent: {},
+    prodType: -1,
+    envURL: "",
+    filterForm: {
+      range_time: 1,
+      filter_uuid: ""
+    }
+  }),
+  getters: {
+    getActiveComponents: (l) => l.activeComponents
+  },
+  actions: {
+    // setComponentList
+    setComponentList(l) {
+      this.componentList = l;
+    },
+    async getReportDemo(l) {
+      let t = [];
+      l ? t = (await Ke({ report_uuid: l })).data : t = { content: q(Ye), range_time: 1 };
+      const e = [];
+      t.content.forEach((n) => {
+        (n.type === "report-select" || n.type === "range-time") && e.push(n), n.type === "h1" && (this.titleComponent = n), n.id = B();
+      }), 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;
+    },
+    // 设置使用分支
+    setProdType(l) {
+      this.prodType = l;
+    },
+    // 设置请求路由
+    setEnvURL(l) {
+      this.envURL = l;
+    },
+    setActiveComponents(l) {
+      this.activeComponents = l;
+    },
+    clearComponents() {
+      this.activeComponents = {}, this.componentList = [], this.notDraggableList = [], this.titleComponent = {}, this.filterForm = {
+        range_time: 1,
+        filter_uuid: ""
+      };
+    }
+  }
+}), Je = D(), j = window.$http, P = Je.envURL, Ke = (l) => j.request({
+  url: `${P}/tds/report/demo/get`,
+  method: "get",
+  params: l,
+  isError: !1
+}), me = (l) => j.request({
+  url: `${P}/tds/report/item/get`,
+  method: "get",
+  params: l,
+  isError: !1
+}), Qe = (l) => j.request({
+  url: `${P}/tds/report/preview`,
+  method: "get",
+  params: l,
+  isError: !1
+}), Xe = (l) => j.request({
+  url: `${P}/tds/report/add`,
+  method: "post",
+  data: l
+}), Ze = (l) => j.request({
+  url: `${P}/tds/report/put`,
+  method: "put",
+  data: l
+}), et = (l) => j.request({
+  url: `${P}/tds/report/get`,
+  method: "get",
+  params: l,
+  isError: !1
+}), tt = (l) => j.request({
+  url: `${P}/tds/report/filter/get`,
+  method: "get",
+  params: l,
+  isError: !1
+}), ot = (l) => j.request({
+  url: `${P}/tds/report/delete`,
+  method: "delete",
+  data: l
+}), lt = { class: "catalogue" }, nt = ["href", "title"], at = /* @__PURE__ */ k({
+  __name: "Catalogue",
+  props: {
+    data: { default: () => [] }
+  },
+  setup(l) {
+    const t = l, e = I(() => t.data.filter((n) => ["h2", "h3", "h4"].includes(n.type)));
+    return (n, r) => {
+      const o = p("el-divider");
+      return d(), h("div", lt, [
+        r[0] || (r[0] = C("div", { class: "cata-title el-anchor__link" }, "目录", -1)),
+        (d(!0), h(A, null, z(e.value, (s) => (d(), h("div", {
+          class: O("level" + s.type),
+          key: s.value
+        }, [
+          s.type === "h2" ? (d(), S(o, {
+            key: 0,
+            style: { "margin-top": "10px", "margin-bottom": "10px" }
+          })) : R("", !0),
+          C("a", {
+            class: "el-anchor__link",
+            href: "#" + s.id,
+            title: s.data
+          }, W(s.data), 9, nt)
+        ], 2))), 128))
+      ]);
+    };
+  }
+});
+const G = (l, t) => {
+  const e = l.__vccOpts || l;
+  for (const [n, r] of t)
+    e[n] = r;
+  return e;
+}, rt = /* @__PURE__ */ G(at, [["__scopeId", "data-v-1cd8aa2d"]]), st = {
+  class: "chart-components"
+}, _e = /* @__PURE__ */ k({
+  __name: "Bar",
+  props: {
+    value: {}
+  },
+  setup(l) {
+    const t = l, e = I(() => t.value.options);
+    return $(!1), (n, r) => {
+      const o = p("TdsChart");
+      return d(), h("div", st, [a(o, {
+        option: e.value
+      }, null, 8, ["option"])]);
+    };
+  }
+}), it = { class: "chart-components" }, fe = /* @__PURE__ */ k({
+  __name: "Line",
+  props: {
+    value: {}
+  },
+  setup(l) {
+    const t = l, e = I(() => t.value.options);
+    return (n, r) => {
+      const o = p("TdsChart");
+      return d(), h("div", it, [
+        a(o, { option: e.value }, null, 8, ["option"])
+      ]);
+    };
+  }
+}), ut = { class: "chart-components" }, ve = /* @__PURE__ */ k({
+  __name: "Pie",
+  props: {
+    value: {}
+  },
+  setup(l) {
+    const t = l, e = I(() => t.value.options);
+    return (n, r) => {
+      const o = p("TdsChart");
+      return d(), h("div", ut, [
+        a(o, { option: e.value }, null, 8, ["option"])
+      ]);
+    };
+  }
+}), pt = { key: 0 }, X = /* @__PURE__ */ k({
+  __name: "ReportSelect",
+  props: {
+    value: {}
+  },
+  emits: ["change"],
+  setup(l, { emit: t }) {
+    const e = t, n = (s) => {
+      e("change", s);
+    }, o = $(l.value);
+    return (s, m) => {
+      const i = p("el-option"), f = p("el-select");
+      return o.value.data ? (d(), h("div", pt, [
+        a(f, {
+          modelValue: o.value.value,
+          "onUpdate:modelValue": m[0] || (m[0] = (c) => o.value.value = c),
+          multiple: "",
+          style: { width: "100%" },
+          onChange: n,
+          placeholder: "全部"
+        }, {
+          default: u(() => [
+            (d(!0), h(A, null, z(o.value.data, (c) => (d(), S(i, {
+              key: c.data,
+              label: c.label,
+              value: c.data
+            }, null, 8, ["label", "value"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ])) : R("", !0);
+    };
+  }
+}), Z = /* @__PURE__ */ k({
+  __name: "RangeTime",
+  props: {
+    value: {}
+  },
+  emits: ["change"],
+  setup(l, { emit: t }) {
+    const e = t, r = $(l.value), o = $([]);
+    function s(m) {
+      m ? (r.value.data[0].start_time = m[0], r.value.data[0].end_time = m[1]) : o.value = [], e("change", o.value);
+    }
+    return te(() => {
+      o.value = [r.value.data[0].start_time, r.value.data[0].end_time];
+    }), (m, i) => {
+      const f = p("el-date-picker");
+      return d(), h("div", null, [
+        a(f, {
+          modelValue: o.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (c) => o.value = c),
+          type: "datetimerange",
+          placeholder: "Pick a Date",
+          format: "YYYY-MM-DD HH:mm:ss",
+          "value-format": "YYYY-MM-DD HH:mm:ss",
+          onChange: s,
+          clearable: !1
+        }, null, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+function dt(l) {
+  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !ie(l);
+}
+const be = /* @__PURE__ */ k({
+  __name: "ReportTable",
+  props: {
+    value: {}
+  },
+  setup(l) {
+    const t = l, e = (n) => {
+      let r;
+      return a(p("el-table"), {
+        data: n.data,
+        border: t.value.options.border,
+        "show-header": !!t.value.options.showHeader,
+        stripe: t.value.options.stripe
+      }, dt(r = n.showColumn.map((o) => t.value.options.showColumn[o.key] === !0 ? a(p("el-table-column"), {
+        prop: o.key,
+        label: o.name
+      }, null) : null)) ? r : {
+        default: () => [r]
+      });
+    };
+    return (n, r) => (d(), h("div", null, [a(e, re(se(n.value)), null, 16)]));
+  }
+}), ee = /* @__PURE__ */ k({
+  __name: "ReportText",
+  props: {
+    value: {}
+  },
+  setup(l) {
+    const t = l, e = () => {
+      const n = t.value.options || {};
+      return {
+        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 (n, r) => (d(), h("div", {
+      style: xe(e())
+    }, W(n.value.data), 5));
+  }
+}), ct = { class: "chart-components" }, ge = /* @__PURE__ */ k({
+  __name: "ReportChart",
+  props: {
+    value: {}
+  },
+  setup(l) {
+    const t = l, e = I(() => t.value), n = I(() => {
+      if (e.value.type === "bar") {
+        e.value.options.series = oe([]).series;
+        const r = [];
+        let o = "";
+        e.value.data.forEach((s) => {
+          o = s.data[0].name, r.push({
+            name: s.label,
+            value: s.data[0].value
+          });
+        }), je(e.value.options, r, o);
+      }
+      if (e.value.type === "pie" && (e.value.options = J({ isLegend: !0 }), console.log(J({ isLegend: !0 }), "chartsPie({ isLegend: true })"), Pe({ chartOption: e.value.options, data: e.value.data })), e.value.type === "line") {
+        let r = [];
+        e.value.data.forEach((m) => {
+          r = m.data.map((i, f) => ({ name: i.name, value: "value" + f }));
+        });
+        const o = {
+          name: "name",
+          value: r
+        }, s = e.value.data.map((m) => {
+          const i = {
+            name: m.label
+          };
+          return r.forEach((f, c) => {
+            i[f.value] = m.data[c].value;
+          }), i;
+        });
+        console.log(K([], o), "chartsLine([], params)"), e.value.options.series = K([], o).series, We(e.value.options, s, o);
+      }
+      return e.value.options;
+    });
+    return (r, o) => {
+      const s = p("TdsChart");
+      return d(), h("div", ct, [
+        a(s, { option: n.value }, null, 8, ["option"])
+      ]);
+    };
+  }
+});
+function mt(l) {
+  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !ie(l);
+}
+const ye = /* @__PURE__ */ k({
+  __name: "ReportDescribe",
+  props: {
+    value: {}
+  },
+  setup(l) {
+    const t = l, e = (n) => {
+      let r;
+      return a(p("el-descriptions"), {
+        title: t.value.options.title,
+        border: t.value.options.border,
+        column: t.value.options.column,
+        direction: t.value.options.direction
+      }, mt(r = n.showColumn.map((o) => a(p("el-descriptions-item"), {
+        label: o.name
+      }, {
+        default: () => [t.value.data[o.key]]
+      }))) ? r : {
+        default: () => [r]
+      });
+    };
+    return (n, r) => (d(), h("div", null, [a(e, re(se(n.value)), null, 16)]));
+  }
+}), _t = {
+  class: "editor-box"
+}, ft = {
+  class: "editor",
+  id: "editor",
+  style: {
+    width: "100%"
+  }
+}, vt = {
+  class: "editor-content flex flex-start"
+}, bt = ["id"], gt = ["innerHTML"], yt = /* @__PURE__ */ k({
+  __name: "index",
+  props: /* @__PURE__ */ ue({
+    reportId: {
+      type: String,
+      default: ""
+    }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const t = {
+      Bar: _e,
+      Line: fe,
+      Pie: ve,
+      ReportSelect: X,
+      RangeTime: Z,
+      ReportTable: be,
+      ReportText: ee,
+      ReportChart: ge,
+      ReportDescribe: ye
+    }, e = D(), n = l, r = pe(l, "modelValue"), o = $([]), s = $([]), m = $([]), i = $(""), f = $("");
+    function c() {
+      r.value = "table";
+    }
+    const _ = (v) => {
+      m.value = v, b();
+    }, g = (v) => {
+      v && v.length > 0 && (i.value = v[0], f.value = v[1]), b();
+    }, b = async () => {
+      const v = {
+        report_uuid: n.reportId,
+        start_time: i.value,
+        end_time: f.value,
+        select_data: m.value.join(",")
+      }, x = await Qe(v), F = [];
+      x.data.forEach((w) => {
+        (w.type === "report-select" || w.type === "range-time") && F.push(w);
+      }), o.value = F, x.data.splice(0, o.value.length), s.value = x.data;
+    };
+    b();
+    const T = () => a("div", null, [E("未找到对应组件")]), 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(T, null, null);
+    return (v, x) => {
+      const F = p("el-button"), w = p("el-card");
+      return d(), S(w, {
+        class: "editor view"
+      }, {
+        default: u(() => [C("div", _t, [a(rt, {
+          data: s.value
+        }, null, 8, ["data"]), C("div", ft, [C("div", vt, [(d(!0), h(A, null, z(o.value, (L) => (d(), h("div", {
+          class: "item-input",
+          key: L.id
+        }, [L.type === "report-select" ? (d(), S(X, {
+          key: 0,
+          onChange: _,
+          value: L
+        }, null, 8, ["value"])) : R("", !0), L.type === "range-time" && y(e).filterForm.range_time ? (d(), S(Z, {
+          key: 1,
+          onChange: g,
+          value: L
+        }, null, 8, ["value"])) : R("", !0)]))), 128)), a(F, {
+          plain: "",
+          onClick: c,
+          type: "primary",
+          class: "custom-btn",
+          style: {
+            "margin-left": "auto"
+          }
+        }, {
+          default: u(() => x[0] || (x[0] = [E("退出预览")])),
+          _: 1
+        })]), (d(!0), h(A, null, z(s.value, (L) => (d(), h("div", {
+          key: L.id,
+          class: O(["editor-content", ["editor" + L.type]]),
+          id: L.id
+        }, [L.type !== "p" ? (d(), S(Y(V(L.type)), {
+          key: 0,
+          class: O(["editor" + L.type]),
+          value: L
+        }, {
+          default: u(() => [E(W(L.data), 1)]),
+          _: 2
+        }, 1032, ["class", "value"])) : (d(), h("p", {
+          key: 1,
+          innerHTML: L.data
+        }, null, 8, gt))], 10, bt))), 128))])])]),
+        _: 1
+      });
+    };
+  }
+});
+const ht = /* @__PURE__ */ G(yt, [["__scopeId", "data-v-2d59469a"]]), Ct = {
+  class: "editor"
+}, xt = {
+  class: "editor-content edit"
+}, wt = ["onClick"], Vt = ["onClick"], St = ["innerHTML", "draggable"], kt = /* @__PURE__ */ k({
+  __name: "Editor",
+  setup(l) {
+    const t = {
+      Bar: _e,
+      Line: fe,
+      Pie: ve,
+      ReportSelect: X,
+      RangeTime: Z,
+      ReportTable: be,
+      ReportText: ee,
+      ReportChart: ge,
+      ReportDescribe: ye
+    }, {
+      componentList: e,
+      activeComponents: n,
+      notDraggableList: r,
+      titleComponent: o
+    } = Ae(D()), s = D(), m = (v) => {
+      e.value.forEach((x, F) => {
+        x.id === v && (e.value.splice(F, 1), s.activeComponents = []);
+      });
+    }, i = (v) => {
+      s.setActiveComponents(v);
+    }, f = () => a("div", null, [E("未找到对应组件")]), c = (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), _ = (v) => {
+      console.log(v, "evt");
+    }, g = $(!1), b = () => {
+      g.value = !0;
+    }, T = (v) => {
+      v.newIndex !== 0 && (console.log(v), g.value = !1);
+    }, V = $();
+    return (v, x) => {
+      const F = p("icon-material-symbols:cancel-outline");
+      return d(), h("div", Ct, [C("div", {
+        class: O(["editor-content edit flex flex-start", [{
+          active: y(n).id === "filter"
+        }]]),
+        onClick: x[0] || (x[0] = (w) => i({
+          id: "filter",
+          type: "filter"
+        }))
+      }, [(d(!0), h(A, null, z(y(r), (w) => (d(), h("div", {
+        class: "item-input",
+        key: w.id
+      }, [w.type === "report-select" || w.type === "range-time" && y(s).filterForm.range_time ? (d(), S(Y(y(H)(t, w.type)), {
+        key: 0,
+        value: w
+      }, {
+        default: u(() => [E(W(w.data), 1)]),
+        _: 2
+      }, 1032, ["value"])) : R("", !0)]))), 128))], 2), C("div", xt, [a(ee, {
+        value: y(o),
+        onClick: x[1] || (x[1] = (w) => i(y(o)))
+      }, null, 8, ["value"])]), a(y(Ie), {
+        ref_key: "el",
+        ref: V,
+        modelValue: y(e),
+        "onUpdate:modelValue": x[2] || (x[2] = (w) => we(e) ? e.value = w : null),
+        "on-change": _,
+        animation: 150,
+        onStart: b,
+        onEnd: T
+      }, {
+        default: u(() => [(d(!0), h(A, null, z(y(e), (w) => (d(), h("div", {
+          key: w.id,
+          class: O(["editor-content edit", ["editor" + w.type, {
+            active: w.id === y(n).id
+          }]]),
+          onClick: (L) => i(w)
+        }, [C("i", {
+          onClick: Ve((L) => m(w.id), ["stop"])
+        }, [a(F, {
+          class: "color-red"
+        })], 8, Vt), w.type !== "p" ? (d(), S(Y(c(w.type)), {
+          key: 0,
+          class: O(["editor" + w.type]),
+          value: w,
+          draggable: g.value
+        }, {
+          default: u(() => [E(W(w.data), 1)]),
+          _: 2
+        }, 1032, ["class", "value", "draggable"])) : (d(), h("p", {
+          key: 1,
+          innerHTML: w.data,
+          draggable: g.value
+        }, null, 8, St))], 10, wt))), 128))]),
+        _: 1
+      }, 8, ["modelValue"])]);
+    };
+  }
+}), $t = { class: "label" }, Tt = { class: "flex item-switch" }, Lt = { class: "flex item-switch" }, Rt = { class: "flex item-switch" }, he = /* @__PURE__ */ k({
+  __name: "SettingTable",
+  setup(l) {
+    const t = D(), e = I(() => t.getActiveComponents);
+    return (n, r) => {
+      const o = p("el-switch"), s = p("el-form-item"), m = p("el-divider");
+      return d(), h("div", null, [
+        a(s, { label: "控制列" }, {
+          default: u(() => [
+            (d(!0), h(A, null, z(e.value.showColumn, (i, f) => (d(), h("p", {
+              class: "flex item-switch",
+              key: f
+            }, [
+              C("span", $t, W(i.name), 1),
+              a(o, {
+                modelValue: e.value.options.showColumn[i.key],
+                "onUpdate:modelValue": (c) => e.value.options.showColumn[i.key] = c
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]))), 128))
+          ]),
+          _: 1
+        }),
+        a(m),
+        a(s, { label: "表格样式" }, {
+          default: u(() => [
+            C("p", Tt, [
+              r[3] || (r[3] = C("span", { class: "label" }, "斑马纹", -1)),
+              a(o, {
+                modelValue: e.value.options.stripe,
+                "onUpdate:modelValue": r[0] || (r[0] = (i) => e.value.options.stripe = i)
+              }, null, 8, ["modelValue"])
+            ]),
+            C("p", Lt, [
+              r[4] || (r[4] = C("span", { class: "label" }, "边框", -1)),
+              a(o, {
+                modelValue: e.value.options.border,
+                "onUpdate:modelValue": r[1] || (r[1] = (i) => e.value.options.border = i)
+              }, null, 8, ["modelValue"])
+            ]),
+            C("p", Rt, [
+              r[5] || (r[5] = C("span", { class: "label" }, "表头", -1)),
+              a(o, {
+                modelValue: e.value.options.showHeader,
+                "onUpdate:modelValue": r[2] || (r[2] = (i) => e.value.options.showHeader = i)
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), Ut = { key: 0 }, Dt = /* @__PURE__ */ k({
+  __name: "ChartsUniConfig",
+  setup(l) {
+    const t = D(), e = I(() => 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 $("rgb(46, 145, 255)"), (r, o) => {
+      const s = p("el-input"), m = p("el-form-item"), i = p("el-switch"), f = p("el-col"), c = p("el-color-picker"), _ = p("el-input-number"), g = p("el-row"), b = p("el-collapse-item"), T = p("el-collapse");
+      return e.value.options.title ? (d(), h("div", Ut, [
+        a(m, { label: "标题" }, {
+          default: u(() => [
+            a(s, {
+              modelValue: e.value.options.title.text,
+              "onUpdate:modelValue": o[0] || (o[0] = (V) => e.value.options.title.text = V)
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        a(T, null, {
+          default: u(() => [
+            a(b, {
+              title: "标题配置",
+              name: "1"
+            }, {
+              default: u(() => [
+                a(g, { class: "w-100%" }, {
+                  default: u(() => [
+                    a(f, { span: 24 }, {
+                      default: u(() => [
+                        o[8] || (o[8] = C("span", { class: "switch-label" }, "显示标题", -1)),
+                        a(i, {
+                          modelValue: e.value.options.title.show,
+                          "onUpdate:modelValue": o[1] || (o[1] = (V) => e.value.options.title.show = V)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    a(f, { span: 12 }, {
+                      default: u(() => [
+                        a(c, {
+                          modelValue: e.value.options.title.textStyle.color,
+                          "onUpdate:modelValue": o[2] || (o[2] = (V) => e.value.options.title.textStyle.color = V),
+                          "show-alpha": ""
+                        }, null, 8, ["modelValue"]),
+                        o[9] || (o[9] = C("p", { class: "sub-title" }, "颜色", -1))
+                      ]),
+                      _: 1
+                    }),
+                    a(f, { span: 12 }, {
+                      default: u(() => [
+                        a(_, {
+                          modelValue: e.value.options.title.textStyle.fontSize,
+                          "onUpdate:modelValue": o[3] || (o[3] = (V) => e.value.options.title.textStyle.fontSize = V),
+                          "controls-position": "right"
+                        }, null, 8, ["modelValue"]),
+                        o[10] || (o[10] = C("p", { class: "sub-title" }, "字体大小", -1))
+                      ]),
+                      _: 1
+                    }),
+                    a(f, { span: 12 }, {
+                      default: u(() => [
+                        a(_, {
+                          modelValue: e.value.options.title.x,
+                          "onUpdate:modelValue": o[4] || (o[4] = (V) => e.value.options.title.x = V),
+                          "controls-position": "right"
+                        }, null, 8, ["modelValue"]),
+                        o[11] || (o[11] = C("p", { class: "sub-title" }, "横向", -1))
+                      ]),
+                      _: 1
+                    }),
+                    a(f, { span: 12 }, {
+                      default: u(() => [
+                        a(_, {
+                          modelValue: e.value.options.title.y,
+                          "onUpdate:modelValue": o[5] || (o[5] = (V) => e.value.options.title.y = V),
+                          "controls-position": "right"
+                        }, null, 8, ["modelValue"]),
+                        o[12] || (o[12] = C("p", { class: "sub-title" }, "纵向", -1))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            a(b, {
+              title: "图形配置",
+              name: "2"
+            }, {
+              default: u(() => [
+                e.value.options.color && e.value.options.color.length && e.value.type === "pie" ? (d(), S(g, { key: 0 }, {
+                  default: u(() => [
+                    a(f, { span: 24 }, {
+                      default: u(() => [
+                        o[13] || (o[13] = C("span", { class: "switch-label" }, "玫瑰图", -1)),
+                        a(i, {
+                          onChange: n,
+                          modelValue: e.value.options.series[0].roseType,
+                          "onUpdate:modelValue": o[6] || (o[6] = (V) => e.value.options.series[0].roseType = V)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })) : R("", !0)
+              ]),
+              _: 1
+            }),
+            a(b, {
+              title: "图例配置",
+              name: "3"
+            }, {
+              default: u(() => [
+                a(g, null, {
+                  default: u(() => [
+                    a(f, { span: 24 }, {
+                      default: u(() => [
+                        o[14] || (o[14] = C("span", { class: "switch-label" }, "显示图例", -1)),
+                        e.value.options.legend ? (d(), S(i, {
+                          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)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ])) : R("", !0);
+    };
+  }
+});
+const Et = /* @__PURE__ */ G(Dt, [["__scopeId", "data-v-e9859d3b"]]), Ce = /* @__PURE__ */ k({
+  __name: "SettingDescribe",
+  setup(l) {
+    const t = D(), e = I(() => t.getActiveComponents);
+    return (n, r) => {
+      const o = p("el-input"), s = p("el-form-item"), m = p("el-switch"), i = p("el-input-number"), f = p("el-radio"), c = p("el-radio-group");
+      return d(), h("div", null, [
+        a(s, { label: "标题" }, {
+          default: u(() => [
+            a(o, {
+              modelValue: e.value.options.title,
+              "onUpdate:modelValue": r[0] || (r[0] = (_) => e.value.options.title = _)
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        a(s, { label: "边框" }, {
+          default: u(() => [
+            a(m, {
+              modelValue: e.value.options.border,
+              "onUpdate:modelValue": r[1] || (r[1] = (_) => e.value.options.border = _)
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        a(s, { label: "每行展示数量" }, {
+          default: u(() => [
+            a(i, {
+              modelValue: e.value.options.column,
+              "onUpdate:modelValue": r[2] || (r[2] = (_) => e.value.options.column = _),
+              min: 1,
+              max: 10,
+              controls: !1
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        a(s, { label: "排列方向" }, {
+          default: u(() => [
+            a(c, {
+              modelValue: e.value.options.direction,
+              "onUpdate:modelValue": r[3] || (r[3] = (_) => e.value.options.direction = _)
+            }, {
+              default: u(() => [
+                a(f, { value: "horizontal" }, {
+                  default: u(() => r[4] || (r[4] = [
+                    E("横向")
+                  ])),
+                  _: 1
+                }),
+                a(f, { value: "vertical" }, {
+                  default: u(() => r[5] || (r[5] = [
+                    E("纵向")
+                  ])),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), At = /* @__PURE__ */ k({
+  __name: "SettingCharts",
+  setup(l) {
+    const t = D(), e = $(!1), n = I(() => t.getActiveComponents), r = [
+      { value: "report-describe", name: "描述列表" },
+      { value: "report-table", name: "表格" },
+      { value: "line", name: "趋势图" },
+      { value: "pie", name: "扇形图" },
+      { value: "bar", name: "柱状图" }
+    ], o = $(""), s = $();
+    async function m(c) {
+      const _ = await me({
+        prod_type: t.prodType,
+        chart_type: c,
+        filter_uuid: t.filterForm.filter_uuid
+      });
+      s.value = _.data;
+    }
+    function i(c) {
+      let _ = s.value.find((b) => b.rp_item_uuid === c);
+      const g = _.rp_item_content;
+      if (_.rp_item_content.type, g.type === "report-table") {
+        const b = {};
+        g.showColumn.forEach((T) => {
+          b[T.key] = !0;
+        }), g.options = { ...g.options, showColumn: b, border: !0, showHeader: !0, stripe: !1 };
+      }
+      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 = _.rp_item_uuid;
+    }
+    te(async () => {
+      o.value = n.value.type, await m(o.value);
+    });
+    async function f(c) {
+      try {
+        e.value = !0, await m(c), Object.assign(t.activeComponents, Ge(c)), e.value = !1;
+      } catch {
+        e.value = !1;
+      }
+    }
+    return Se(
+      () => n.value,
+      (c) => {
+        console.log(c, "activeComponents"), ~["bar", "pie", "line", "report-table", "report-describe"].indexOf(c.type) && (o.value = n.value.type, m(o.value));
+      }
+    ), (c, _) => {
+      const g = p("el-option"), b = p("el-select"), T = p("el-form-item"), V = p("el-form"), v = ke("loading");
+      return $e((d(), h("div", null, [
+        a(V, { "label-position": "top" }, {
+          default: u(() => [
+            a(T, { label: "图表类型" }, {
+              default: u(() => [
+                a(b, {
+                  style: { width: "100%" },
+                  modelValue: o.value,
+                  "onUpdate:modelValue": _[0] || (_[0] = (x) => o.value = x),
+                  onChange: f
+                }, {
+                  default: u(() => [
+                    (d(), h(A, null, z(r, (x, F) => a(g, {
+                      key: F,
+                      label: x.name,
+                      value: x.value
+                    }, null, 8, ["label", "value"])), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            a(T, { label: "组件库" }, {
+              default: u(() => [
+                a(b, {
+                  style: { width: "100%" },
+                  modelValue: y(t).activeComponents.rp_item_uuid,
+                  "onUpdate:modelValue": _[1] || (_[1] = (x) => y(t).activeComponents.rp_item_uuid = x),
+                  onChange: i
+                }, {
+                  default: u(() => [
+                    (d(!0), h(A, null, z(s.value, (x, F) => (d(), S(g, {
+                      key: F,
+                      label: x.rp_item_name,
+                      value: x.rp_item_uuid
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            o.value === "report-table" && n.value.options.showColumn ? (d(), S(he, { key: 0 })) : R("", !0),
+            o.value === "pie" || o.value === "bar" || o.value === "line" ? (d(), S(Et, { key: 1 })) : R("", !0),
+            o.value === "report-describe" ? (d(), S(Ce, { key: 2 })) : R("", !0)
+          ]),
+          _: 1
+        })
+      ])), [
+        [v, e.value]
+      ]);
+    };
+  }
+}), Ft = { key: 0 }, It = { style: { border: "1px solid #ccc", "border-radius": "3px" } }, ae = "default", zt = /* @__PURE__ */ k({
+  __name: "SettingText",
+  setup(l) {
+    const t = D(), e = Te(), n = $();
+    function r(c) {
+      const _ = n.value.find((g) => g.rp_item_uuid === c);
+      t.activeComponents.uri = _.rp_item_content.uri, e.value.setHtml((_ == null ? void 0 : _.rp_item_content.data) || "");
+    }
+    async function o() {
+      const c = await me({ prod_type: t.prodType, chart_type: "p", filter_uuid: t.filterForm.filter_uuid });
+      n.value = c.data;
+    }
+    o();
+    const s = {
+      toolbarKeys: [
+        "bold",
+        "underline",
+        "italic",
+        "through",
+        "code",
+        "bulletedList",
+        // 无序列表
+        "numberedList",
+        // 有序列表
+        "clearStyle",
+        "color",
+        "bgColor",
+        "fontSize",
+        "fontFamily",
+        "justifyLeft",
+        "justifyRight",
+        "justifyCenter",
+        "justifyJustify",
+        "lineHeight"
+      ]
+    }, m = { placeholder: "请输入内容..." }, i = (c) => {
+      e.value = c;
+    }, f = (c) => {
+    };
+    return Le(() => {
+      const c = e.value;
+      c != null && c.destroy();
+    }), (c, _) => {
+      const g = p("el-option"), b = p("el-select"), T = p("el-form-item"), V = p("el-form");
+      return y(t).activeComponents.id ? (d(), h("div", Ft, [
+        a(V, { "label-position": "top" }, {
+          default: u(() => [
+            a(T, { label: "组件库" }, {
+              default: u(() => [
+                a(b, {
+                  style: { width: "100%" },
+                  modelValue: y(t).activeComponents.rp_item_uuid,
+                  "onUpdate:modelValue": _[0] || (_[0] = (v) => y(t).activeComponents.rp_item_uuid = v),
+                  onChange: r
+                }, {
+                  default: u(() => [
+                    (d(!0), h(A, null, z(n.value, (v, x) => (d(), S(g, {
+                      key: x,
+                      label: v.rp_item_name,
+                      value: v.rp_item_uuid
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            a(T, { label: "文本内容" }, {
+              default: u(() => [
+                C("div", It, [
+                  a(y(ze), {
+                    style: { "border-bottom": "1px solid #ccc" },
+                    editor: e.value,
+                    "default-config": s,
+                    mode: ae
+                  }, null, 8, ["editor"]),
+                  a(y(He), {
+                    style: { height: "500px", "overflow-y": "hidden" },
+                    onOnChange: f,
+                    modelValue: y(t).activeComponents.data,
+                    "onUpdate:modelValue": _[1] || (_[1] = (v) => y(t).activeComponents.data = v),
+                    "default-config": m,
+                    mode: ae,
+                    onOnCreated: i
+                  }, null, 8, ["modelValue"])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ])) : R("", !0);
+    };
+  }
+}), Ht = /* @__PURE__ */ k({
+  __name: "SettingFilter",
+  setup(l) {
+    const t = $([]), e = D();
+    async function n() {
+      const r = await tt({ prod_type: e.prodType });
+      t.value = r.data;
+    }
+    return n(), (r, o) => {
+      const s = p("el-option"), m = p("el-select"), i = p("el-form-item"), f = p("el-checkbox"), c = p("el-form");
+      return d(), S(c, {
+        "label-width": "80px",
+        "label-position": "top"
+      }, {
+        default: u(() => [
+          a(i, { label: "筛选条件" }, {
+            default: u(() => [
+              a(m, {
+                modelValue: y(e).filterForm.filter_uuid,
+                "onUpdate:modelValue": o[0] || (o[0] = (_) => y(e).filterForm.filter_uuid = _),
+                disabled: !!y(e).filterForm.filter_uuid
+              }, {
+                default: u(() => [
+                  (d(!0), h(A, null, z(t.value, (_) => (d(), S(s, {
+                    key: _.filter_uuid,
+                    label: _.filter_name,
+                    value: _.filter_uuid
+                  }, null, 8, ["label", "value"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "disabled"])
+            ]),
+            _: 1
+          }),
+          a(i, null, {
+            default: u(() => [
+              a(f, {
+                modelValue: y(e).filterForm.range_time,
+                "onUpdate:modelValue": o[1] || (o[1] = (_) => y(e).filterForm.range_time = _),
+                "true-value": 1,
+                "false-value": 0,
+                label: "时间范围"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Mt = /* @__PURE__ */ k({
+  __name: "SettingTitle",
+  setup(l) {
+    const t = D();
+    return (e, n) => {
+      const r = p("el-input"), o = p("el-form-item"), s = p("el-color-picker"), m = p("el-col"), i = p("el-input-number"), f = p("el-option"), c = p("el-select"), _ = p("el-row"), g = p("el-form");
+      return d(), S(g, {
+        "label-width": "auto",
+        "label-position": "top"
+      }, {
+        default: u(() => [
+          a(o, { label: "名称" }, {
+            default: u(() => [
+              a(r, {
+                modelValue: y(t).activeComponents.data,
+                "onUpdate:modelValue": n[0] || (n[0] = (b) => y(t).activeComponents.data = b),
+                placeholder: "Please input",
+                maxlength: "24",
+                "show-word-limit": ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          a(o, { label: "样式" }, {
+            default: u(() => [
+              a(_, { gutter: 20 }, {
+                default: u(() => [
+                  a(m, { span: 12 }, {
+                    default: u(() => [
+                      a(s, {
+                        modelValue: y(t).activeComponents.options.color,
+                        "onUpdate:modelValue": n[1] || (n[1] = (b) => y(t).activeComponents.options.color = b),
+                        "show-alpha": ""
+                      }, null, 8, ["modelValue"]),
+                      n[7] || (n[7] = C("p", { class: "sub-title" }, "颜色", -1))
+                    ]),
+                    _: 1
+                  }),
+                  a(m, { span: 12 }, {
+                    default: u(() => [
+                      a(i, {
+                        modelValue: y(t).activeComponents.options.size,
+                        "onUpdate:modelValue": n[2] || (n[2] = (b) => y(t).activeComponents.options.size = b),
+                        "controls-position": "right"
+                      }, null, 8, ["modelValue"]),
+                      n[8] || (n[8] = C("p", { class: "sub-title" }, "字体大小", -1))
+                    ]),
+                    _: 1
+                  }),
+                  a(m, { span: 12 }, {
+                    default: u(() => [
+                      a(c, {
+                        modelValue: y(t).activeComponents.options.fontWeight,
+                        "onUpdate:modelValue": n[3] || (n[3] = (b) => y(t).activeComponents.options.fontWeight = b)
+                      }, {
+                        default: u(() => [
+                          a(f, {
+                            label: "常规",
+                            value: 500
+                          }),
+                          a(f, {
+                            label: "加粗",
+                            value: 600
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue"]),
+                      n[9] || (n[9] = C("p", { class: "sub-title" }, "字体粗细", -1))
+                    ]),
+                    _: 1
+                  }),
+                  a(m, { span: 12 }, {
+                    default: u(() => [
+                      a(i, {
+                        modelValue: y(t).activeComponents.options.letterSpacing,
+                        "onUpdate:modelValue": n[4] || (n[4] = (b) => y(t).activeComponents.options.letterSpacing = b),
+                        "controls-position": "right"
+                      }, null, 8, ["modelValue"]),
+                      n[10] || (n[10] = C("p", { class: "sub-title" }, "字间距", -1))
+                    ]),
+                    _: 1
+                  }),
+                  a(m, { span: 12 }, {
+                    default: u(() => [
+                      a(i, {
+                        modelValue: y(t).activeComponents.options.textIndent,
+                        "onUpdate:modelValue": n[5] || (n[5] = (b) => y(t).activeComponents.options.textIndent = b),
+                        "controls-position": "right"
+                      }, null, 8, ["modelValue"]),
+                      n[11] || (n[11] = C("p", { class: "sub-title" }, "首行缩进", -1))
+                    ]),
+                    _: 1
+                  }),
+                  a(m, { span: 12 }, {
+                    default: u(() => [
+                      a(c, {
+                        modelValue: y(t).activeComponents.options.textAlign,
+                        "onUpdate:modelValue": n[6] || (n[6] = (b) => y(t).activeComponents.options.textAlign = b)
+                      }, {
+                        default: u(() => [
+                          a(f, {
+                            label: "左对齐",
+                            value: "left"
+                          }),
+                          a(f, {
+                            label: "居中对齐",
+                            value: "center"
+                          }),
+                          a(f, {
+                            label: "右对齐",
+                            value: "right"
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue"]),
+                      n[12] || (n[12] = C("p", { class: "sub-title" }, "位置", -1))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const jt = /* @__PURE__ */ G(Mt, [["__scopeId", "data-v-56fef84c"]]), Pt = /* @__PURE__ */ k({
+  __name: "Setting",
+  setup(l) {
+    const t = {
+      SettingTable: he,
+      SettingCharts: At,
+      SettingDescribe: Ce,
+      SettingText: zt,
+      SettingFilter: Ht,
+      SettingTitle: jt
+    }, e = D(), n = I(() => e.activeComponents), r = ["h1", "h2", "h3", "h4"], o = ["p"], s = ["report-table", "bar", "line", "pie", "report-describe"], m = (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 c = p("el-card");
+      return d(), S(c, { class: "config-wrapper" }, {
+        default: u(() => [
+          (d(), S(Y(m(n.value.type))))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Bt = { class: "editor-wrapper flex start" }, Wt = { class: "flex" }, Nt = { class: "btn-group" }, Ot = /* @__PURE__ */ k({
+  __name: "index",
+  props: /* @__PURE__ */ ue({
+    reportId: {
+      type: String,
+      default: ""
+    }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const t = D(), e = l, n = pe(l, "modelValue"), r = (i) => {
+      const f = q(i);
+      f.id = B(), t.componentList.push(f);
+    };
+    function o() {
+      n.value = "table";
+    }
+    function s() {
+      t.getReportDemo(e.reportId);
+    }
+    te(() => {
+      s();
+    });
+    async function m() {
+      if (!t.filterForm.filter_uuid) {
+        Fe.error("请选择筛选条件");
+        return;
+      }
+      try {
+        e.reportId ? await Ze({
+          report_uuid: e.reportId,
+          data: {
+            report_name: t.titleComponent.data,
+            prod_type: t.prodType,
+            content: [...t.notDraggableList, t.titleComponent, ...t.componentList],
+            ...t.filterForm
+          }
+        }) : await Xe({
+          data: {
+            report_name: t.titleComponent.data,
+            prod_type: t.prodType,
+            content: [...t.notDraggableList, t.titleComponent, ...t.componentList],
+            ...t.filterForm
+          }
+        }), o();
+      } catch (i) {
+        console.log(i, "error");
+      }
+    }
+    return Re(() => {
+      t.clearComponents();
+    }), (i, f) => {
+      const c = p("el-button"), _ = p("el-button-group"), g = p("el-card");
+      return d(), h("div", Bt, [
+        a(g, { class: "view-wrapper" }, {
+          default: u(() => [
+            C("div", Wt, [
+              C("div", Nt, [
+                a(_, null, {
+                  default: u(() => [
+                    (d(!0), h(A, null, z(y(qe), (b) => (d(), h(A, {
+                      key: b.type
+                    }, [
+                      b != null && b.hide ? R("", !0) : (d(), S(c, {
+                        key: 0,
+                        onClick: (T) => r(b)
+                      }, {
+                        default: u(() => [
+                          E(W(b.name), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"]))
+                    ], 64))), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              a(_, null, {
+                default: u(() => [
+                  a(c, {
+                    type: "primary",
+                    onClick: m
+                  }, {
+                    default: u(() => f[0] || (f[0] = [
+                      E("保存")
+                    ])),
+                    _: 1
+                  }),
+                  a(c, { onClick: o }, {
+                    default: u(() => f[1] || (f[1] = [
+                      E("退出")
+                    ])),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            a(kt)
+          ]),
+          _: 1
+        }),
+        a(Pt)
+      ]);
+    };
+  }
+}), Yt = {
+  class: "table-box"
+}, qt = /* @__PURE__ */ k({
+  __name: "Report",
+  emits: ["click"],
+  setup(l, {
+    emit: t
+  }) {
+    const e = D(), n = I(() => ({
+      prod_type: e.prodType
+    })), r = $(), o = t, s = (g) => {
+      o("click", g.report_uuid, "review");
+    }, m = (g) => {
+      o("click", g.report_uuid, "editor");
+    }, i = () => {
+      o("click", "", "editor");
+    }, f = (g) => {
+      console.log(g);
+    }, c = (g) => {
+      window.$messageBox("确定要删除吗?", "", "温馨提示", "error").then(async () => {
+        await ot({
+          report_uuids: g
+        }), r.value.getTableList();
+      });
+    }, _ = Ue([
+      // { type: 'selection', fixed: 'left', width: 70 },
+      {
+        type: "selection",
+        width: 80
+      },
+      {
+        field: "report_name",
+        name: "名称",
+        search: {
+          type: "input"
+        }
+      },
+      {
+        field: "report_desc",
+        name: "报表描述"
+      },
+      {
+        field: "create_time",
+        name: "创建时间"
+      },
+      {
+        field: "operation",
+        width: 140,
+        name: "操作",
+        align: "center",
+        fixed: "right",
+        render: (g) => a("div", null, [a(p("el-button"), {
+          link: !0,
+          type: "primary",
+          class: "custom-btn",
+          icon: "View",
+          title: "预览",
+          onClick: () => s(g.row)
+        }, null), a(p("el-button"), {
+          link: !0,
+          type: "primary",
+          class: "custom-btn",
+          icon: "Edit",
+          title: "编辑",
+          onClick: () => m(g.row)
+        }, null), a(p("el-button"), {
+          link: !0,
+          type: "danger",
+          icon: "Delete",
+          title: "删除",
+          onClick: () => c([g.row.report_uuid])
+        }, null)])
+      }
+    ]);
+    return (g, b) => {
+      const T = p("el-button"), V = p("TdsTable");
+      return d(), h("div", Yt, [a(V, {
+        ref_key: "proTable",
+        ref: r,
+        columns: _,
+        "request-api": y(et),
+        "init-param": n.value,
+        "row-key": "report_uuid",
+        options: g.$tableOptions(),
+        "search-col": 6,
+        onSelectionChange: f
+      }, {
+        tableHeader: u((v) => [a(T, {
+          plain: "",
+          type: "primary",
+          class: "custom-btn",
+          icon: "Plus",
+          onClick: i
+        }, {
+          default: u(() => b[0] || (b[0] = [E("添加")])),
+          _: 1
+        }), a(T, {
+          plain: "",
+          type: "danger",
+          icon: "Delete",
+          onClick: (x) => c(v.selectedListIds)
+        }, {
+          default: u(() => b[1] || (b[1] = [E("删除")])),
+          _: 2
+        }, 1032, ["onClick"])]),
+        _: 1
+      }, 8, ["columns", "request-api", "init-param", "options"])]);
+    };
+  }
+});
+const Gt = { style: { height: "100%" } }, Jt = /* @__PURE__ */ k({
   name: "TCReport",
   __name: "index",
-  setup(e) {
-    return c(), c("table"), (t, o) => (r(), p("div", l, "11111"));
+  setup(l) {
+    const t = $(), e = $("table"), n = (r, o) => {
+      t.value = r, e.value = o;
+    };
+    return (r, o) => (d(), h("div", Gt, [
+      a(De, { name: "slide-fade" }, {
+        default: u(() => [
+          e.value === "table" ? (d(), S(qt, {
+            key: 0,
+            onClick: n
+          })) : R("", !0),
+          e.value === "review" ? (d(), S(ht, {
+            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" ? (d(), S(Ot, {
+            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)
+        ]),
+        _: 1
+      })
+    ]));
   }
-}), f = (e, t) => {
-  if (e.install = (o) => {
-    for (const n of [e, ...Object.values(t ?? {})])
-      o.component(n.name, n);
+});
+const Kt = (l, t) => {
+  if (l.install = (e) => {
+    for (const n of [l, ...Object.values(t ?? {})])
+      e.component(n.name, n);
   }, t)
-    for (const [o, n] of Object.entries(t))
-      e[o] = n;
-  return e;
-}, a = f(m), i = {
-  TCReport: a
-}, h = {
-  install(e) {
-    Object.entries(i).forEach(([t, o]) => {
-      e.component(t, o);
+    for (const [e, n] of Object.entries(t))
+      l[e] = n;
+  return l;
+}, Qt = Kt(Jt), Xt = {
+  TCReport: Qt
+}, no = {
+  install(l, t) {
+    Object.entries(Xt).forEach(([n, r]) => {
+      l.component(n, r);
     });
+    const e = D();
+    t.prodType && e.setProdType(t.prodType), t.envURL && e.setEnvURL(t.envURL);
   }
 };
 export {
-  a as TCReport,
-  h as default
+  Qt as TCReport,
+  no as default
 };