@topdatasec/report 1.0.8 → 1.0.9

package/es/settingCharts/SettingCharts.vue.js

@@ -0,0 +1,142 @@
+import { defineComponent as O, ref as b, computed as P, onMounted as j, watch as F, resolveComponent as f, resolveDirective as N, withDirectives as R, createElementBlock as C, openBlock as m, createVNode as c, withCtx as d, createBlock as g, createCommentVNode as w, Fragment as V, renderList as k, unref as D } from "vue";
+import { getReportItemApi as U } from "../utils/api.js";
+import { useReportStore as A } from "../stores/modules/report.js";
+import { chartsBar as I, barParseData as H, chartsPie as M, pieParseData as $, chartsLine as q, lineParseData as z } from "../utils/chartsOption.js";
+import { normalValueFn as G } from "../utils/data.js";
+import J from "../settingTable/SettingTable.vue.js";
+import K from "../config/Config.vue.js";
+const ae = /* @__PURE__ */ O({
+  name: "TdsSettingCharts",
+  __name: "SettingCharts",
+  props: {
+    prodType: {}
+  },
+  setup(S) {
+    const T = S, i = A(), v = b(!1), _ = P(() => i.getActiveComponents), E = [
+      { value: "report-table", name: "表格" },
+      { value: "line", name: "趋势图" },
+      { value: "pie", name: "扇形图" },
+      { value: "bar", name: "柱状图" }
+    ], n = b(""), h = b();
+    async function y(r) {
+      const o = await U({
+        prod_type: T.prodType,
+        chart_type: r,
+        filter_uuid: i.filterForm.filter_uuid
+      });
+      h.value = o.data;
+    }
+    function L(r) {
+      let o = h.value.find((t) => t.rp_item_uuid === r);
+      const e = o.rp_item_content;
+      if (o.rp_item_content.type === "bar") {
+        e.options = I();
+        const t = [];
+        let l = "";
+        e.data.forEach((u) => {
+          l = u.data[0].name, t.push({
+            name: u.label,
+            value: u.data[0].value
+          });
+        }), H(e.options, t, l);
+      }
+      if (e.type === "pie" && (e.options = M({ isLegend: !0 }), $({ chartOption: e.options, data: e.data })), e.type === "line") {
+        let t = [];
+        e.data.forEach((s) => {
+          t = s.data.map((a, p) => ({ name: a.name, value: "value" + p }));
+        });
+        const l = {
+          name: "name",
+          value: t
+        }, u = e.data.map((s) => {
+          const a = {
+            name: s.label
+          };
+          return t.forEach((p, B) => {
+            a[p.value] = s.data[B].value;
+          }), a;
+        });
+        e.options = q([], l), z(e.options, u, l);
+      }
+      if (e.type === "report-table") {
+        const t = {};
+        e.showColumn.forEach((l) => {
+          t[l.key] = !0;
+        }), e.options = { ...e.options, showColumn: t, border: !0, showHeader: !0, stripe: !1 };
+      }
+      Object.assign(i.activeComponents, e), i.activeComponents.rp_item_uuid = o.rp_item_uuid;
+    }
+    j(async () => {
+      n.value = _.value.type, await y(n.value);
+    });
+    async function x(r) {
+      try {
+        v.value = !0, await y(r), Object.assign(i.activeComponents, G(r)), v.value = !1;
+      } catch {
+        v.value = !1;
+      }
+    }
+    return F(
+      () => _.value,
+      (r) => {
+        ~["bar", "pie", "line", "report-table"].indexOf(r.type) && (n.value = _.value.type, y(n.value));
+      }
+    ), (r, o) => {
+      const e = f("el-option"), t = f("el-select"), l = f("el-form-item"), u = f("el-form"), s = N("loading");
+      return R((m(), C("div", null, [
+        c(u, { "label-position": "top" }, {
+          default: d(() => [
+            c(l, { label: "图表类型" }, {
+              default: d(() => [
+                c(t, {
+                  style: { width: "100%" },
+                  modelValue: n.value,
+                  "onUpdate:modelValue": o[0] || (o[0] = (a) => n.value = a),
+                  onChange: x
+                }, {
+                  default: d(() => [
+                    (m(), C(V, null, k(E, (a, p) => c(e, {
+                      key: p,
+                      label: a.name,
+                      value: a.value
+                    }, null, 8, ["label", "value"])), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            c(l, { label: "组件库" }, {
+              default: d(() => [
+                c(t, {
+                  style: { width: "100%" },
+                  modelValue: D(i).activeComponents.rp_item_uuid,
+                  "onUpdate:modelValue": o[1] || (o[1] = (a) => D(i).activeComponents.rp_item_uuid = a),
+                  onChange: L
+                }, {
+                  default: d(() => [
+                    (m(!0), C(V, null, k(h.value, (a, p) => (m(), g(e, {
+                      key: p,
+                      label: a.rp_item_name,
+                      value: a.rp_item_uuid
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n.value === "report-table" && _.value.options.showColumn ? (m(), g(J, { key: 0 })) : w("", !0),
+            n.value === "pie" || n.value === "bar" || n.value === "line" ? (m(), g(K, { key: 1 })) : w("", !0)
+          ]),
+          _: 1
+        })
+      ])), [
+        [s, v.value]
+      ]);
+    };
+  }
+});
+export {
+  ae as default
+};

package/es/settingCharts/SettingCharts.vue2.js

@@ -0,0 +1,4 @@
+import f from "./SettingCharts.vue.js";
+export {
+  f as default
+};

package/es/settingCharts/index.js

@@ -0,0 +1,6 @@
+import t from "./SettingCharts.vue.js";
+import { withInstall as o } from "../utils/type.js";
+const r = o(t);
+export {
+  r as default
+};

package/es/settingFilter/index.js

@@ -0,0 +1,6 @@
+import t from "./settingFilter.vue.js";
+import { withInstall as o } from "../utils/type.js";
+const r = o(t);
+export {
+  r as default
+};

package/es/settingFilter/settingFilter.vue.js

@@ -0,0 +1,62 @@
+import { defineComponent as v, ref as V, resolveComponent as l, createBlock as d, openBlock as a, withCtx as n, createVNode as i, unref as o, createElementBlock as k, Fragment as x, renderList as y } from "vue";
+import { getReportFilterApi as w } from "../utils/api.js";
+import { useReportStore as B } from "../stores/modules/report.js";
+const T = /* @__PURE__ */ v({
+  name: "TdsSettingFilter",
+  __name: "settingFilter",
+  props: {
+    prodType: {}
+  },
+  setup(_) {
+    const f = _, u = V([]), t = B();
+    async function s() {
+      const m = await w({ prod_type: f.prodType });
+      u.value = m.data;
+    }
+    return s(), (m, r) => {
+      const c = l("el-option"), b = l("el-select"), p = l("el-form-item"), F = l("el-checkbox"), g = l("el-form");
+      return a(), d(g, {
+        "label-width": "80px",
+        "label-position": "top"
+      }, {
+        default: n(() => [
+          i(p, { label: "筛选条件" }, {
+            default: n(() => [
+              i(b, {
+                modelValue: o(t).filterForm.filter_uuid,
+                "onUpdate:modelValue": r[0] || (r[0] = (e) => o(t).filterForm.filter_uuid = e),
+                disabled: !!o(t).filterForm.filter_uuid
+              }, {
+                default: n(() => [
+                  (a(!0), k(x, null, y(u.value, (e) => (a(), d(c, {
+                    key: e.filter_uuid,
+                    label: e.filter_name,
+                    value: e.filter_uuid
+                  }, null, 8, ["label", "value"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "disabled"])
+            ]),
+            _: 1
+          }),
+          i(p, null, {
+            default: n(() => [
+              i(F, {
+                modelValue: o(t).filterForm.range_time,
+                "onUpdate:modelValue": r[1] || (r[1] = (e) => o(t).filterForm.range_time = e),
+                "true-value": 1,
+                "false-value": 0,
+                label: "时间范围"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  T as default
+};

package/es/settingFilter/settingFilter.vue2.js

@@ -0,0 +1,4 @@
+import f from "./settingFilter.vue.js";
+export {
+  f as default
+};

package/es/settingTable/SettingTable.vue.js

@@ -0,0 +1,59 @@
+import { defineComponent as v, computed as V, resolveComponent as a, createElementBlock as i, openBlock as m, createVNode as t, withCtx as u, Fragment as f, renderList as w, createElementVNode as n, toDisplayString as b } from "vue";
+import { useReportStore as C } from "../stores/modules/report.js";
+const x = { class: "label" }, g = { class: "flex item-switch" }, h = { class: "flex item-switch" }, k = { class: "flex item-switch" }, B = /* @__PURE__ */ v({
+  name: "TdsSettingTable",
+  __name: "SettingTable",
+  setup(S) {
+    const d = C(), o = V(() => d.getActiveComponents);
+    return (U, e) => {
+      const s = a("el-switch"), p = a("el-form-item"), r = a("el-divider");
+      return m(), i("div", null, [
+        t(p, { label: "控制列" }, {
+          default: u(() => [
+            (m(!0), i(f, null, w(o.value.showColumn, (l, _) => (m(), i("p", {
+              class: "flex item-switch",
+              key: _
+            }, [
+              n("span", x, b(l.name), 1),
+              t(s, {
+                modelValue: o.value.options.showColumn[l.key],
+                "onUpdate:modelValue": (c) => o.value.options.showColumn[l.key] = c
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]))), 128))
+          ]),
+          _: 1
+        }),
+        t(r),
+        t(p, { label: "表格样式" }, {
+          default: u(() => [
+            n("p", g, [
+              e[3] || (e[3] = n("span", { class: "label" }, "斑马纹", -1)),
+              t(s, {
+                modelValue: o.value.options.stripe,
+                "onUpdate:modelValue": e[0] || (e[0] = (l) => o.value.options.stripe = l)
+              }, null, 8, ["modelValue"])
+            ]),
+            n("p", h, [
+              e[4] || (e[4] = n("span", { class: "label" }, "边框", -1)),
+              t(s, {
+                modelValue: o.value.options.border,
+                "onUpdate:modelValue": e[1] || (e[1] = (l) => o.value.options.border = l)
+              }, null, 8, ["modelValue"])
+            ]),
+            n("p", k, [
+              e[5] || (e[5] = n("span", { class: "label" }, "表头", -1)),
+              t(s, {
+                modelValue: o.value.options.showHeader,
+                "onUpdate:modelValue": e[2] || (e[2] = (l) => o.value.options.showHeader = l)
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export {
+  B as default
+};

package/es/settingTable/SettingTable.vue2.js

@@ -0,0 +1,4 @@
+import f from "./SettingTable.vue.js";
+export {
+  f as default
+};

package/es/settingTable/index.js

@@ -0,0 +1,6 @@
+import t from "./SettingTable.vue.js";
+import { withInstall as o } from "../utils/type.js";
+const r = o(t);
+export {
+  r as default
+};

package/es/settingText/index.js

@@ -0,0 +1,6 @@
+import t from "./settingText.vue.js";
+import { withInstall as o } from "../utils/type.js";
+const r = o(t);
+export {
+  r as default
+};

package/es/settingText/settingText.vue.js

@@ -0,0 +1,112 @@
+import { defineComponent as T, shallowRef as k, ref as w, onBeforeUnmount as S, resolveComponent as a, createElementBlock as p, createCommentVNode as j, unref as n, openBlock as m, createVNode as r, withCtx as d, Fragment as B, renderList as E, createBlock as F, createElementVNode as N } from "vue";
+/* empty css                                                                                                 */
+import { Toolbar as U, Editor as H } from "@wangeditor/editor-for-vue";
+import { getReportItemApi as I } from "../utils/api.js";
+import { useReportStore as O } from "../stores/modules/report.js";
+const z = { key: 0 }, A = { style: { border: "1px solid #ccc", "border-radius": "3px" } }, f = "default", M = /* @__PURE__ */ T({
+  name: "TdsSettingText",
+  __name: "settingText",
+  props: {
+    prodType: {}
+  },
+  setup(_) {
+    const y = _, o = O(), i = k(), u = w();
+    function C(e) {
+      const t = u.value.find((s) => s.rp_item_uuid === e);
+      o.activeComponents.uri = t.rp_item_content.uri, i.value.setHtml((t == null ? void 0 : t.rp_item_content.data) || "");
+    }
+    async function v() {
+      const e = await I({
+        prod_type: y.prodType,
+        chart_type: "p",
+        filter_uuid: o.filterForm.filter_uuid
+      });
+      u.value = e.data;
+    }
+    v();
+    const h = {
+      toolbarKeys: [
+        "bold",
+        "underline",
+        "italic",
+        "through",
+        "code",
+        "bulletedList",
+        // 无序列表
+        "numberedList",
+        // 有序列表
+        "clearStyle",
+        "color",
+        "bgColor",
+        "fontSize",
+        "fontFamily",
+        "justifyLeft",
+        "justifyRight",
+        "justifyCenter",
+        "justifyJustify",
+        "lineHeight"
+      ]
+    }, b = { placeholder: "请输入内容..." }, g = (e) => {
+      i.value = e;
+    }, V = (e) => {
+    };
+    return S(() => {
+      const e = i.value;
+      e != null && e.destroy();
+    }), (e, t) => {
+      const s = a("el-option"), x = a("el-select"), c = a("el-form-item"), L = a("el-form");
+      return n(o).activeComponents.id ? (m(), p("div", z, [
+        r(L, { "label-position": "top" }, {
+          default: d(() => [
+            r(c, { label: "组件库" }, {
+              default: d(() => [
+                r(x, {
+                  style: { width: "100%" },
+                  modelValue: n(o).activeComponents.rp_item_uuid,
+                  "onUpdate:modelValue": t[0] || (t[0] = (l) => n(o).activeComponents.rp_item_uuid = l),
+                  onChange: C
+                }, {
+                  default: d(() => [
+                    (m(!0), p(B, null, E(u.value, (l, R) => (m(), F(s, {
+                      key: R,
+                      label: l.rp_item_name,
+                      value: l.rp_item_uuid
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            r(c, { label: "文本内容" }, {
+              default: d(() => [
+                N("div", A, [
+                  r(n(U), {
+                    style: { "border-bottom": "1px solid #ccc" },
+                    editor: i.value,
+                    "default-config": h,
+                    mode: f
+                  }, null, 8, ["editor"]),
+                  r(n(H), {
+                    style: { height: "500px", "overflow-y": "hidden" },
+                    onOnChange: V,
+                    modelValue: n(o).activeComponents.data,
+                    "onUpdate:modelValue": t[1] || (t[1] = (l) => n(o).activeComponents.data = l),
+                    "default-config": b,
+                    mode: f,
+                    onOnCreated: g
+                  }, null, 8, ["modelValue"])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ])) : j("", !0);
+    };
+  }
+});
+export {
+  M as default
+};

package/es/settingText/settingText.vue2.js

@@ -0,0 +1,4 @@
+import f from "./settingText.vue.js";
+export {
+  f as default
+};

package/es/settingTitle/index.js

@@ -0,0 +1,6 @@
+import t from "./settingTitle.vue.js";
+import { withInstall as i } from "../utils/type.js";
+const r = i(t);
+export {
+  r as default
+};

package/es/settingTitle/settingTitle.css

@@ -0,0 +1 @@
+[data-v-86e0f9f6] .el-color-picker{width:100%}[data-v-86e0f9f6] .el-color-picker .el-color-picker__trigger{width:100%;top:1px}[data-v-86e0f9f6] .el-input-number{width:100%}.sub-title[data-v-86e0f9f6]{color:#555;font-size:12px;padding-left:5px;height:20px;line-height:20px;margin-bottom:10px}

package/es/settingTitle/settingTitle.vue.js

@@ -0,0 +1,7 @@
+import t from "./settingTitle.vue2.js";
+/* empty css                  */
+import o from "../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ o(t, [["__scopeId", "data-v-86e0f9f6"]]);
+export {
+  i as default
+};

package/es/settingTitle/settingTitle.vue2.js

@@ -0,0 +1,137 @@
+import { defineComponent as b, resolveComponent as s, createBlock as C, openBlock as c, withCtx as p, createVNode as o, unref as l, createElementVNode as i } from "vue";
+import { useReportStore as g } from "../stores/modules/report.js";
+const k = /* @__PURE__ */ b({
+  name: "TdsSettingTitle",
+  __name: "settingTitle",
+  setup(x) {
+    const t = g();
+    return (w, e) => {
+      const f = s("el-input"), d = s("el-form-item"), _ = s("el-color-picker"), a = s("el-col"), u = s("el-input-number"), m = s("el-option"), r = s("el-select"), V = s("el-row"), v = s("el-form");
+      return c(), C(v, {
+        "label-width": "auto",
+        "label-position": "top"
+      }, {
+        default: p(() => [
+          o(d, { label: "名称" }, {
+            default: p(() => [
+              o(f, {
+                modelValue: l(t).activeComponents.data,
+                "onUpdate:modelValue": e[0] || (e[0] = (n) => l(t).activeComponents.data = n),
+                placeholder: "Please input",
+                maxlength: "24",
+                "show-word-limit": ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          o(d, { label: "样式" }, {
+            default: p(() => [
+              o(V, { gutter: 20 }, {
+                default: p(() => [
+                  o(a, { span: 12 }, {
+                    default: p(() => [
+                      o(_, {
+                        modelValue: l(t).activeComponents.options.color,
+                        "onUpdate:modelValue": e[1] || (e[1] = (n) => l(t).activeComponents.options.color = n),
+                        "show-alpha": ""
+                      }, null, 8, ["modelValue"]),
+                      e[7] || (e[7] = i("p", { class: "sub-title" }, "颜色", -1))
+                    ]),
+                    _: 1
+                  }),
+                  o(a, { span: 12 }, {
+                    default: p(() => [
+                      o(u, {
+                        modelValue: l(t).activeComponents.options.size,
+                        "onUpdate:modelValue": e[2] || (e[2] = (n) => l(t).activeComponents.options.size = n),
+                        "controls-position": "right"
+                      }, null, 8, ["modelValue"]),
+                      e[8] || (e[8] = i("p", { class: "sub-title" }, "字体大小", -1))
+                    ]),
+                    _: 1
+                  }),
+                  o(a, { span: 12 }, {
+                    default: p(() => [
+                      o(r, {
+                        modelValue: l(t).activeComponents.options.fontWeight,
+                        "onUpdate:modelValue": e[3] || (e[3] = (n) => l(t).activeComponents.options.fontWeight = n)
+                      }, {
+                        default: p(() => [
+                          o(m, {
+                            label: "常规",
+                            value: 500
+                          }),
+                          o(m, {
+                            label: "加粗",
+                            value: 600
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue"]),
+                      e[9] || (e[9] = i("p", { class: "sub-title" }, "字体粗细", -1))
+                    ]),
+                    _: 1
+                  }),
+                  o(a, { span: 12 }, {
+                    default: p(() => [
+                      o(u, {
+                        modelValue: l(t).activeComponents.options.letterSpacing,
+                        "onUpdate:modelValue": e[4] || (e[4] = (n) => l(t).activeComponents.options.letterSpacing = n),
+                        "controls-position": "right"
+                      }, null, 8, ["modelValue"]),
+                      e[10] || (e[10] = i("p", { class: "sub-title" }, "字间距", -1))
+                    ]),
+                    _: 1
+                  }),
+                  o(a, { span: 12 }, {
+                    default: p(() => [
+                      o(u, {
+                        modelValue: l(t).activeComponents.options.textIndent,
+                        "onUpdate:modelValue": e[5] || (e[5] = (n) => l(t).activeComponents.options.textIndent = n),
+                        "controls-position": "right"
+                      }, null, 8, ["modelValue"]),
+                      e[11] || (e[11] = i("p", { class: "sub-title" }, "首行缩进", -1))
+                    ]),
+                    _: 1
+                  }),
+                  o(a, { span: 12 }, {
+                    default: p(() => [
+                      o(r, {
+                        modelValue: l(t).activeComponents.options.textAlign,
+                        "onUpdate:modelValue": e[6] || (e[6] = (n) => l(t).activeComponents.options.textAlign = n)
+                      }, {
+                        default: p(() => [
+                          o(m, {
+                            label: "左对齐",
+                            value: "left"
+                          }),
+                          o(m, {
+                            label: "居中对齐",
+                            value: "center"
+                          }),
+                          o(m, {
+                            label: "右对齐",
+                            value: "right"
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue"]),
+                      e[12] || (e[12] = i("p", { class: "sub-title" }, "位置", -1))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  k as default
+};

package/es/table/Table.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as n, createElementBlock as l, openBlock as s, createVNode as d, normalizeProps as p, guardReactiveProps as i } from "vue";
+const m = /* @__PURE__ */ n({
+  name: "TdsReportTable",
+  __name: "Table",
+  props: {
+    data: {}
+  },
+  setup(o) {
+    const e = o, r = (a) => /* @__PURE__ */ React.createElement(
+      "el-table",
+      {
+        data: a.data,
+        border: e.data.options.border,
+        "show-header": !!e.data.options.showHeader,
+        stripe: e.data.options.stripe
+      },
+      a.showColumn.map((t) => e.data.options.showColumn[t.key] === !0 ? /* @__PURE__ */ React.createElement("el-table-column", { prop: t.key, label: t.name }) : null)
+    );
+    return (a, t) => (s(), l("div", null, [
+      d(r, p(i(a.data)), null, 16)
+    ]));
+  }
+});
+export {
+  m as default
+};

package/es/table/Table.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Table.vue.js";
+export {
+  f as default
+};

package/es/table/index.js

@@ -0,0 +1,6 @@
+import t from "./Table.vue.js";
+import { withInstall as o } from "../utils/type.js";
+const r = o(t);
+export {
+  r as default
+};

package/es/text/Text.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as a, createElementBlock as i, openBlock as r, normalizeStyle as p, toDisplayString as s } from "vue";
+const d = /* @__PURE__ */ a({
+  name: "TdsReportText",
+  __name: "Text",
+  props: {
+    data: {}
+  },
+  setup(e) {
+    const n = e, o = () => {
+      const t = n.data.options || {};
+      return {
+        color: t.color,
+        "font-size": t.size + "px",
+        "font-weight": t.fontWeight,
+        "letter-spacing": t.letterSpacing + "px",
+        "text-indent": t.textIndent + "px",
+        "text-align": t.textAlign
+      };
+    };
+    return (t, c) => (r(), i("div", {
+      style: p(o())
+    }, s(t.data.data), 5));
+  }
+});
+export {
+  d as default
+};

package/es/text/Text.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Text.vue.js";
+export {
+  f as default
+};

package/es/text/index.js

@@ -0,0 +1,6 @@
+import t from "./Text.vue.js";
+import { withInstall as o } from "../utils/type.js";
+const r = o(t);
+export {
+  r as default
+};