@topdatasec/report 1.0.7 → 1.0.8

package/dist/index.js

@@ -1,184 +1,186 @@
-import { defineComponent as k, computed as h, resolveComponent as B, createElementBlock as H, openBlock as U, createVNode as V, onMounted as x, onUnmounted as N, ref as f, toValue as E, watch as T, onBeforeUnmount as S, useSlots as $, reactive as j, getCurrentInstance as I, Comment as q, Text as z } from "vue";
-const C = { class: "chart-components" }, P = /* @__PURE__ */ k({
+import { defineComponent as z, computed as S, resolveComponent as h, createElementBlock as B, openBlock as x, createVNode as d, onMounted as I, onUnmounted as Z, ref as v, toValue as $, watch as H, onBeforeUnmount as O, useSlots as K, reactive as X, getCurrentInstance as Q, Comment as ee, Text as te, createCommentVNode as F, withCtx as f, createElementVNode as _, createBlock as U, Fragment as oe, renderList as ne, toDisplayString as se } from "vue";
+import { defineStore as ae } from "pinia";
+import "echarts";
+const re = { class: "chart-components" }, le = /* @__PURE__ */ z({
   name: "TdsReportBar",
   __name: "Bar",
   props: {
     data: {}
   },
-  setup(e) {
-    const t = e;
-    console.log(t.data, 444444444);
-    const n = h(() => t.data.options);
-    return (r, o) => {
-      const s = B("TdsChart");
-      return U(), H("div", C, [
-        V(s, { option: n.value }, null, 8, ["option"])
+  setup(t) {
+    const o = t, e = S(() => o.data.options);
+    return (n, s) => {
+      const r = h("TdsChart");
+      return x(), B("div", re, [
+        d(r, { option: e.value }, null, 8, ["option"])
       ]);
     };
   }
-}), W = (e) => {
-  const t = e;
-  return t.install = function(n) {
-    n.component(t.name, e);
-  }, e;
-}, Z = W(P), G = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  TdsReportBar: Z
-}, Symbol.toStringTag, { value: "Module" }));
-function ne(e = Date.now(), t = "YYYY-MM-DD HH:mm:ss") {
+}), N = (t) => {
+  const o = t;
+  return o.install = function(e) {
+    e.component(o.name, t);
+  }, t;
+}, ie = N(le), W = window.$envURL, ue = (t) => W.request({
+  url: `${W}/tds/report/demo/get`,
+  method: "get",
+  params: t,
+  isError: !1
+});
+function Ue(t = Date.now(), o = "YYYY-MM-DD HH:mm:ss") {
   try {
-    let n;
-    if (typeof e == "number" || typeof e == "string") {
-      if (n = new Date(e), isNaN(n.getTime()))
+    let e;
+    if (typeof t == "number" || typeof t == "string") {
+      if (e = new Date(t), isNaN(e.getTime()))
         throw new Error("Invalid date");
     } else
-      n = e;
-    const r = (s, c = 2) => String(s).padStart(c, "0"), o = (s) => {
-      switch (s) {
+      e = t;
+    const n = (r, l = 2) => String(r).padStart(l, "0"), s = (r) => {
+      switch (r) {
         case "YYYY":
-          return r(n.getFullYear());
+          return n(e.getFullYear());
         case "YY":
-          return r(n.getFullYear()).slice(2, 4);
+          return n(e.getFullYear()).slice(2, 4);
         case "MM":
-          return r(n.getMonth() + 1);
+          return n(e.getMonth() + 1);
         case "M":
-          return String(n.getMonth() + 1);
+          return String(e.getMonth() + 1);
         case "DD":
-          return r(n.getDate());
+          return n(e.getDate());
         case "D":
-          return String(n.getDate());
+          return String(e.getDate());
         case "HH":
-          return r(n.getHours());
+          return n(e.getHours());
         case "H":
-          return String(n.getHours());
+          return String(e.getHours());
         case "mm":
-          return r(n.getMinutes());
+          return n(e.getMinutes());
         case "m":
-          return String(n.getMinutes());
+          return String(e.getMinutes());
         case "ss":
-          return r(n.getSeconds());
+          return n(e.getSeconds());
         case "s":
-          return String(n.getSeconds());
+          return String(e.getSeconds());
         case "SSS":
-          return r(n.getMilliseconds(), 3);
+          return n(e.getMilliseconds(), 3);
         default:
-          return s;
+          return r;
       }
     };
-    return t.replace(/(YYYY|YY|M{1,2}|D{1,2}|H{1,2}|m{1,2}|s{1,2}|SSS)/g, o);
-  } catch (n) {
-    return console.error("Error formatting date:", n), "";
+    return o.replace(/(YYYY|YY|M{1,2}|D{1,2}|H{1,2}|m{1,2}|s{1,2}|SSS)/g, s);
+  } catch (e) {
+    return console.error("Error formatting date:", e), "";
   }
 }
-function re(e, t = 2, n = ",", r = ".", o, s) {
-  typeof e != "number" && typeof e != "string" && console.warn("Expected value to be of type number or string"), typeof t != "number" && console.warn("Expected precision to be of type number");
-  const c = Number(e);
-  if (isNaN(c) || !isFinite(c))
+function Be(t, o = 2, e = ",", n = ".", s, r) {
+  typeof t != "number" && typeof t != "string" && console.warn("Expected value to be of type number or string"), typeof o != "number" && console.warn("Expected precision to be of type number");
+  const l = Number(t);
+  if (isNaN(l) || !isFinite(l))
     return "";
-  if (c === 0)
-    return c.toFixed(t);
-  let l = c.toFixed(t);
-  if (typeof n == "string" && n !== "") {
-    const [i, d] = l.split(".");
-    l = i.replace(/(\d)(?=(\d{3})+$)/g, "$1" + n) + (d ? r + d : "");
+  if (l === 0)
+    return l.toFixed(o);
+  let u = l.toFixed(o);
+  if (typeof e == "string" && e !== "") {
+    const [i, a] = u.split(".");
+    u = i.replace(/(\d)(?=(\d{3})+$)/g, "$1" + e) + (a ? n + a : "");
   }
-  return (o || "") + l + (s || "");
+  return (s || "") + u + (r || "");
 }
-function oe(e, t = 0, n = !1) {
-  let r = null;
-  function o(c) {
-    if (r || (r = c), c - r >= t) {
+function Oe(t, o = 0, e = !1) {
+  let n = null;
+  function s(l) {
+    if (n || (n = l), l - n >= o) {
       try {
-        e();
+        t();
       } catch (i) {
         console.error("Error executing rafTimeout function:", i);
       }
-      n && (r = c, s.id = requestAnimationFrame(o));
+      e && (n = l, r.id = requestAnimationFrame(s));
     } else
-      s.id = requestAnimationFrame(o);
+      r.id = requestAnimationFrame(s);
   }
-  const s = {
-    id: requestAnimationFrame(o)
+  const r = {
+    id: requestAnimationFrame(s)
   };
-  return s;
+  return r;
 }
-function se(e) {
-  e && e.id && typeof e.id == "number" ? cancelAnimationFrame(e.id) : console.warn("cancelRaf received an invalid id:", e);
+function Ye(t) {
+  t && t.id && typeof t.id == "number" ? cancelAnimationFrame(t.id) : console.warn("cancelRaf received an invalid id:", t);
 }
-function J(e, t = 300) {
-  let n = !0;
-  return function(...r) {
-    return n && (e(...r), n = !1, setTimeout(() => {
-      n = !0;
-    }, t)), !1;
+function ce(t, o = 300) {
+  let e = !0;
+  return function(...n) {
+    return e && (t(...n), e = !1, setTimeout(() => {
+      e = !0;
+    }, o)), !1;
   };
 }
-function K(e, t = 300) {
-  let n = null;
-  return function(...r) {
-    n && clearTimeout(n), n = setTimeout(() => {
-      e(...r);
-    }, t);
+function de(t, o = 300) {
+  let e = null;
+  return function(...n) {
+    e && clearTimeout(e), e = setTimeout(() => {
+      t(...n);
+    }, o);
   };
 }
-function ce(e, t) {
-  if (Number.isNaN(e) || Number.isNaN(t))
+function ze(t, o) {
+  if (Number.isNaN(t) || Number.isNaN(o))
     throw new Error("Both num1 and num2 must be valid numbers.");
-  const n = e % 1 !== 0, r = t % 1 !== 0;
-  if (!n && !r)
-    return e + t;
-  const o = String(e).split(".")[1] ?? "", s = String(t).split(".")[1] ?? "", c = Math.max(o.length, s.length), l = Math.pow(10, c), i = e.toFixed(c), d = t.toFixed(c);
-  return (+i.replace(".", "") + +d.replace(".", "")) / l;
+  const e = t % 1 !== 0, n = o % 1 !== 0;
+  if (!e && !n)
+    return t + o;
+  const s = String(t).split(".")[1] ?? "", r = String(o).split(".")[1] ?? "", l = Math.max(s.length, r.length), u = Math.pow(10, l), i = t.toFixed(l), a = o.toFixed(l);
+  return (+i.replace(".", "") + +a.replace(".", "")) / u;
 }
-function ae(e, t) {
-  if (!e) {
+function Ie(t, o) {
+  if (!t) {
     console.error("无效的 url");
     return;
   }
-  const n = t || e.split("?")[0].split("/").pop() || "download";
+  const e = o || t.split("?")[0].split("/").pop() || "download";
   try {
-    fetch(e).then((r) => {
-      r.ok ? r.blob().then((o) => {
-        const s = URL.createObjectURL(o), c = document.createElement("a");
-        c.href = s, c.download = n, document.body.appendChild(c), c.click(), document.body.removeChild(c), URL.revokeObjectURL(s);
-      }) : console.error("请求文件失败，状态码:", r.status);
+    fetch(t).then((n) => {
+      n.ok ? n.blob().then((s) => {
+        const r = URL.createObjectURL(s), l = document.createElement("a");
+        l.href = r, l.download = e, document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(r);
+      }) : console.error("请求文件失败，状态码:", n.status);
     });
-  } catch (r) {
-    console.error("文件下载失败:", r);
+  } catch (n) {
+    console.error("文件下载失败:", n);
   }
 }
-function le() {
-  const e = document.documentElement;
-  e.classList.toggle("dark"), e.classList.contains("dark") ? e.style.colorScheme = "dark" : e.style.colorScheme = "light";
+function He() {
+  const t = document.documentElement;
+  t.classList.toggle("dark"), t.classList.contains("dark") ? t.style.colorScheme = "dark" : t.style.colorScheme = "light";
 }
-function X() {
-  const e = f(!1), t = I();
-  return t && x(() => {
-    e.value = !0;
-  }, t), e;
+function pe() {
+  const t = v(!1), o = Q();
+  return o && I(() => {
+    t.value = !0;
+  }, o), t;
 }
-function D(e) {
-  const t = X();
-  return h(() => (t.value, !!e()));
+function q(t) {
+  const o = pe();
+  return S(() => (o.value, !!t()));
 }
-function ie(e, t, n) {
-  x(() => e.addEventListener(t, n)), N(() => e.removeEventListener(t, n));
+function Ne(t, o, e) {
+  I(() => t.addEventListener(o, e)), Z(() => t.removeEventListener(o, e));
 }
-function ue(e, t, n = {}) {
-  const r = D(() => window && "MutationObserver" in window), o = f(!1);
-  let s;
-  const c = h(() => {
-    const u = E(e);
-    return u ? Array.isArray(u) ? u.map((m) => E(m)).filter((m) => m) : [u] : [];
-  }), l = () => {
-    s && (s.disconnect(), s = void 0);
+function We(t, o, e = {}) {
+  const n = q(() => window && "MutationObserver" in window), s = v(!1);
+  let r;
+  const l = S(() => {
+    const m = $(t);
+    return m ? Array.isArray(m) ? m.map((g) => $(g)).filter((g) => g) : [m] : [];
+  }), u = () => {
+    r && (r.disconnect(), r = void 0);
   }, i = () => {
-    r.value && c.value.length && !o.value && (s = new MutationObserver(t), c.value.forEach((u) => s.observe(u, n)));
+    n.value && l.value.length && !s.value && (r = new MutationObserver(o), l.value.forEach((m) => r.observe(m, e)));
   };
-  T(
-    () => c.value,
+  H(
+    () => l.value,
     () => {
-      l(), i();
+      u(), i();
     },
     {
       immediate: !0,
@@ -186,38 +188,38 @@ function ue(e, t, n = {}) {
       flush: "post"
     }
   );
-  const d = () => {
-    o.value = !0, l();
-  }, v = () => {
-    o.value = !1, i();
+  const a = () => {
+    s.value = !0, u();
+  }, y = () => {
+    s.value = !1, i();
   };
-  return S(() => l()), {
-    stop: d,
-    start: v
+  return O(() => u()), {
+    stop: a,
+    start: y
   };
 }
-function fe(e = window, t = 0, n, r) {
-  const o = f(0), s = f(0), c = f(0), l = f(0), i = f(!1), d = f(!1), v = f(!1), u = f(!1), m = f(!1), w = f(0), y = f(0);
-  function _(a) {
+function je(t = window, o = 0, e, n) {
+  const s = v(0), r = v(0), l = v(0), u = v(0), i = v(!1), a = v(!1), y = v(!1), m = v(!1), g = v(!1), b = v(0), E = v(0);
+  function M(c) {
     i.value = !0;
-    const p = a.target.documentElement ?? a.target;
-    o.value = p.scrollLeft, c.value = p.scrollTop, d.value = o.value < w.value, v.value = o.value > w.value, u.value = c.value < y.value, m.value = c.value > y.value, w.value = o.value, y.value = c.value, M(a), n && n(a);
+    const w = c.target.documentElement ?? c.target;
+    s.value = w.scrollLeft, l.value = w.scrollTop, a.value = s.value < b.value, y.value = s.value > b.value, m.value = l.value < E.value, g.value = l.value > E.value, b.value = s.value, E.value = l.value, D(c), e && e(c);
   }
-  const L = J(_, t);
-  function O(a) {
-    i.value && (i.value = !1, d.value = !1, v.value = !1, u.value = !1, m.value = !1, r && r(a));
+  const L = ce(M, o);
+  function k(c) {
+    i.value && (i.value = !1, a.value = !1, y.value = !1, m.value = !1, g.value = !1, n && n(c));
   }
-  const M = K(O, t + 200), Y = h(() => {
-    const a = E(e);
-    return a || null;
+  const D = de(k, o + 200), p = S(() => {
+    const c = $(t);
+    return c || null;
   });
-  T(
-    () => Y.value,
-    (a, p) => {
-      var b;
-      if (p && F(p), a) {
-        const g = ((b = a == null ? void 0 : a.document) == null ? void 0 : b.documentElement) || (a == null ? void 0 : a.documentElement) || a;
-        s.value = g.scrollWidth - g.clientWidth, l.value = g.scrollHeight - g.clientHeight, g.addEventListener("scroll", L), g.addEventListener("scrollend", M);
+  H(
+    () => p.value,
+    (c, w) => {
+      var A;
+      if (w && V(w), c) {
+        const C = ((A = c == null ? void 0 : c.document) == null ? void 0 : A.documentElement) || (c == null ? void 0 : c.documentElement) || c;
+        r.value = C.scrollWidth - C.clientWidth, u.value = C.scrollHeight - C.clientHeight, C.addEventListener("scroll", L), C.addEventListener("scrollend", D);
       }
     },
     {
@@ -225,52 +227,52 @@ function fe(e = window, t = 0, n, r) {
       flush: "post"
     }
   );
-  function F(a) {
-    var b;
-    const p = ((b = a == null ? void 0 : a.document) == null ? void 0 : b.documentElement) || (a == null ? void 0 : a.documentElement) || a;
-    p.removeEventListener("scroll", L), p.removeEventListener("scrollend", M);
+  function V(c) {
+    var A;
+    const w = ((A = c == null ? void 0 : c.document) == null ? void 0 : A.documentElement) || (c == null ? void 0 : c.documentElement) || c;
+    w.removeEventListener("scroll", L), w.removeEventListener("scrollend", D);
   }
-  return S(() => F(Y.value)), { x: o, xScrollMax: s, y: c, yScrollMax: l, isScrolling: i, left: d, right: v, top: u, bottom: m };
+  return O(() => V(p.value)), { x: s, xScrollMax: r, y: l, yScrollMax: u, isScrolling: i, left: a, right: y, top: m, bottom: g };
 }
-function de() {
-  const e = f(0), t = f(0);
-  let n = performance.now();
-  const r = 10, o = (s) => {
-    if (t.value++, t.value >= r) {
-      const c = s - n;
-      e.value = Math.round(1e3 / (c / r)), n = s, t.value = 0;
+function qe() {
+  const t = v(0), o = v(0);
+  let e = performance.now();
+  const n = 10, s = (r) => {
+    if (o.value++, o.value >= n) {
+      const l = r - e;
+      t.value = Math.round(1e3 / (l / n)), e = r, o.value = 0;
     }
-    requestAnimationFrame(o);
+    requestAnimationFrame(s);
   };
-  return requestAnimationFrame(o), { fps: e };
+  return requestAnimationFrame(s), { fps: t };
 }
-function me(e) {
-  if (!e || typeof e != "string" || e.trim() === "")
+function Pe(t) {
+  if (!t || typeof t != "string" || t.trim() === "")
     throw new Error("Invalid mediaQuery parameter. It must be a non-empty string.");
-  const t = f(window && window.matchMedia(e).matches), n = window.matchMedia(e), r = (o) => {
-    t.value = o.matches;
+  const o = v(window && window.matchMedia(t).matches), e = window.matchMedia(t), n = (s) => {
+    o.value = s.matches;
   };
-  return x(() => {
-    n.addEventListener("change", r);
-  }), S(() => {
-    n.removeEventListener("change", r);
-  }), { match: t };
+  return I(() => {
+    e.addEventListener("change", n);
+  }), O(() => {
+    e.removeEventListener("change", n);
+  }), { match: o };
 }
-function ve(e, t, n = {}) {
-  const r = D(() => window && "ResizeObserver" in window);
-  let o;
-  const s = f(!1), c = h(() => {
-    const u = E(e);
-    return u ? Array.isArray(u) ? u.map((m) => E(m)).filter((m) => m) : [u] : [];
-  }), l = () => {
-    o && (o.disconnect(), o = void 0);
+function Ge(t, o, e = {}) {
+  const n = q(() => window && "ResizeObserver" in window);
+  let s;
+  const r = v(!1), l = S(() => {
+    const m = $(t);
+    return m ? Array.isArray(m) ? m.map((g) => $(g)).filter((g) => g) : [m] : [];
+  }), u = () => {
+    s && (s.disconnect(), s = void 0);
   }, i = () => {
-    r.value && c.value.length && !s.value && (o = new ResizeObserver(t), c.value.forEach((u) => o.observe(u, n)));
+    n.value && l.value.length && !r.value && (s = new ResizeObserver(o), l.value.forEach((m) => s.observe(m, e)));
   };
-  T(
-    () => c.value,
+  H(
+    () => l.value,
     () => {
-      l(), i();
+      u(), i();
     },
     {
       immediate: !0,
@@ -278,97 +280,640 @@ function ve(e, t, n = {}) {
       flush: "post"
     }
   );
-  const d = () => {
-    s.value = !0, l();
-  }, v = () => {
-    s.value = !1, i();
+  const a = () => {
+    r.value = !0, u();
+  }, y = () => {
+    r.value = !1, i();
   };
-  return S(() => l()), {
-    stop: d,
-    start: v
+  return O(() => u()), {
+    stop: a,
+    start: y
   };
 }
-function pe(e = "default") {
-  const t = $(), n = (r) => {
-    var c;
-    const o = (c = t[r]) == null ? void 0 : c.call(t), s = (l) => {
-      if (l.type === q || Array.isArray(l.children) && !l.children.length)
+function Je(t = "default") {
+  const o = K(), e = (n) => {
+    var l;
+    const s = (l = o[n]) == null ? void 0 : l.call(o), r = (u) => {
+      if (u.type === ee || Array.isArray(u.children) && !u.children.length)
         return !1;
-      if (l.type !== z)
+      if (u.type !== te)
         return !0;
-      if (typeof l.children == "string")
-        return l.children.trim() !== "";
+      if (typeof u.children == "string")
+        return u.children.trim() !== "";
     };
-    return o && (o != null && o.length) ? o.some((i) => s(i)) : !1;
+    return s && (s != null && s.length) ? s.some((i) => r(i)) : !1;
   };
-  if (Array.isArray(e)) {
-    const r = j({});
-    return e.forEach((o) => {
-      const s = h(() => n(o));
-      r[o] = s;
-    }), r;
+  if (Array.isArray(t)) {
+    const n = X({});
+    return t.forEach((s) => {
+      const r = S(() => e(s));
+      n[s] = r;
+    }), n;
   } else
-    return h(() => n(e));
+    return S(() => e(t));
 }
-const R = {
+const R = () => (/* @__PURE__ */ new Date()).getTime().toString(36) + "-" + Math.random().toString(36).substring(2, 9), me = (t) => JSON.parse(JSON.stringify(t)), fe = "rgba(51, 51, 51, 0.15)", Y = "rgba(51, 51, 51, 1)", ve = 12, ge = (t = !1) => {
+  const o = {
+    // top: '2%',
+    left: "3%",
+    right: "3%",
+    bottom: "2%",
+    containLabel: !0
+  };
+  return t && (o.top = "5%"), o;
+}, T = [
+  "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"
+], be = (t = [
+  {
+    name: "数据1",
+    value: 63
+  },
+  {
+    name: "数据2",
+    value: 45
+  },
+  {
+    name: "数据3",
+    value: 43
+  }
+], o = { name: "name", value: "value" }) => {
+  const e = (s = "rgba(46, 145, 255, 0.7)", r = "rgba(46, 145, 255, 0.2)") => ({
+    color: {
+      type: "linear",
+      x: 0,
+      y: 0,
+      x2: 0,
+      y2: 1,
+      colorStops: [
+        {
+          offset: 0,
+          color: s
+        },
+        {
+          offset: 0.8,
+          color: r
+        }
+      ]
+    }
+  }), n = t.map((s) => s[o.value]);
+  return {
+    // 提示框组件
+    tooltip: {
+      trigger: "item"
+      //触发类型,axis:坐标轴触发
+    },
+    // 图例组件
+    // legend: {
+    //   type: 'plain', //plain:普通图例；scroll:可滚动翻页的图例。当图例数量较多时使。
+    //   show: true,
+    // },
+    grid: ge(),
+    title: {
+      show: !0,
+      text: "样例数据",
+      textStyle: {
+        color: "#333",
+        fontSize: 18
+      },
+      x: 10,
+      y: 10
+    },
+    // x 轴设置
+    xAxis: [
+      {
+        type: "category",
+        nameGap: 8,
+        // X轴名称与轴线之间的距离
+        nameRotate: 0,
+        // 坐标轴名称旋转
+        axisLabel: {
+          color: Y,
+          // X轴类目名称样式
+          rotate: 0
+          // X轴类目名称旋转角度
+        },
+        axisLine: {
+          //X轴轴线设置
+          show: !0,
+          lineStyle: {
+            color: fe,
+            width: 1
+          }
+        },
+        axisTick: { show: !1 },
+        // X轴刻度相关设置
+        splitLine: { show: !1 },
+        // 横向分隔线
+        data: t.map((s) => s[o.name])
+      }
+    ],
+    // y轴设置
+    yAxis: [
+      {
+        type: "value",
+        min: 0,
+        // 坐标轴刻度最小值
+        position: "left",
+        nameTextStyle: {
+          fontSize: ve,
+          color: Y,
+          fontWeight: "bold"
+        },
+        axisLine: { show: !1 },
+        // y轴轴线设置
+        axisTick: { show: !1 },
+        // 刻度设置
+        splitLine: { show: !1 },
+        // 纵向分隔线
+        axisLabel: {
+          color: Y,
+          // y轴刻度标签
+          formatter: "{value}",
+          inside: !1
+          // 刻度标签是否朝内，默认朝外
+        }
+      }
+    ],
+    series: [
+      {
+        type: "bar",
+        barWidth: 15,
+        barGap: "0%",
+        itemStyle: e(`rgba(${T[0]}, 0.7)`, `rgba(${T[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(${T[0]}, 0.7)`, `rgba(${T[0]}, 0.2)`),
+        data: n
+      },
+      {
+        // 柱顶圆片
+        name: "",
+        type: "pictorialBar",
+        symbolSize: [15, 10],
+        //调整截面形状
+        symbolOffset: [0, -5],
+        symbolPosition: "end",
+        itemStyle: e(`rgba(${T[0]}, 0.9)`, `rgba(${T[0]}, 1)`),
+        data: n
+      }
+    ]
+  };
+}, P = [
+  { key: "assets", name: "资产名称" },
+  { key: "type", name: "资产类型" },
+  { key: "data", name: "资产数据" }
+], G = [
+  { assets: "name1", type: "type1", data: "data1" },
+  { assets: "name2", type: "type2", data: "data2" },
+  { assets: "name3", type: "type3", data: "data3" }
+], ye = [
+  { data: [{ name: "默认数据", value: 180 }], label: "name1" },
+  { data: [{ name: "默认数据", value: 311 }], label: "name2" },
+  { data: [{ name: "默认数据", value: 42 }], label: "name3" },
+  { data: [{ name: "默认数据", value: 32391 }], label: "name4" }
+], he = [
+  {
+    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: R()
+  },
+  {
+    type: "range-time",
+    data: [
+      {
+        start_time: "2024-08-20 19:49:34",
+        end_time: "2024-09-12 19:49:34"
+      }
+    ],
+    id: R()
+  },
+  {
+    type: "h1",
+    data: "报表名称",
+    options: {
+      size: 24,
+      color: "rgba(0,0,0,0.85)",
+      fontWeight: 500,
+      letterSpacing: 0,
+      textIndent: 0,
+      textAlign: "left"
+    },
+    id: R()
+  },
+  {
+    type: "h2",
+    data: "一级标题",
+    name: "一级标题",
+    options: {
+      size: 18,
+      color: " rgba(0, 0, 0, 0.85)",
+      fontWeight: 500,
+      letterSpacing: 0,
+      textIndent: 0,
+      textAlign: "left"
+    },
+    id: R()
+  },
+  {
+    type: "report-table",
+    data: G,
+    showColumn: P,
+    name: "表格",
+    options: {
+      showColumn: {
+        assets: !0,
+        type: !0,
+        data: !0
+      },
+      border: !0,
+      showHeader: !0,
+      stripe: !1
+    },
+    rp_item_uuid: "",
+    id: R()
+  }
+];
+be();
+const _e = ae("tds-report", {
+  state: () => ({
+    componentList: [],
+    activeComponents: {},
+    notDraggableList: [],
+    titleComponent: {},
+    filterForm: {
+      range_time: 1,
+      filter_uuid: ""
+    }
+  }),
+  getters: {
+    getActiveComponents: (t) => t.activeComponents
+  },
+  actions: {
+    // setComponentList
+    setComponentList(t) {
+      this.componentList = t;
+    },
+    async getReportDemo(t) {
+      let o = [];
+      t ? o = (await ue({ report_uuid: t })).data : o = { content: me(he), range_time: 1 };
+      const e = [];
+      o.content.forEach((n) => {
+        (n.type === "report-select" || n.type === "range-time") && e.push(n), n.type === "h1" && (this.titleComponent = n), n.id = R();
+      }), this.notDraggableList = e, this.filterForm.range_time = o.range_time, this.filterForm.filter_uuid = o.filter_uuid, o.content.splice(0, 3), this.componentList = o.content;
+    },
+    setActiveComponents(t) {
+      this.activeComponents = t;
+    },
+    clearComponents() {
+      this.activeComponents = {}, this.componentList = [], this.notDraggableList = [], this.titleComponent = {}, this.filterForm = {
+        range_time: 1,
+        filter_uuid: ""
+      };
+    }
+  }
+}), Se = { key: 0 }, we = { class: "sub-title" }, xe = /* @__PURE__ */ z({
+  name: "TdsReportConfig",
+  __name: "Config",
+  setup(t) {
+    const o = _e(), e = S(() => o.activeComponents);
+    function n(i) {
+      i ? (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);
+    }
+    const s = v("rgb(46, 145, 255)"), r = (i = "rgba(46, 145, 255, 0.7)", a = "rgba(46, 145, 255, 0.2)") => ({
+      color: {
+        type: "linear",
+        x: 0,
+        y: 0,
+        x2: 0,
+        y2: 1,
+        colorStops: [
+          {
+            offset: 0,
+            color: i
+          },
+          {
+            offset: 0.8,
+            color: a
+          }
+        ]
+      }
+    });
+    function l(i) {
+      i && (o.activeComponents.options.series[0].itemStyle = r(u(i, 0.7), u(i, 0.2)), o.activeComponents.options.series[1].itemStyle = r(u(i, 0.7), u(i, 0.2)), o.activeComponents.options.series[2].itemStyle = r(u(i, 0.9), u(i, 1)));
+    }
+    function u(i, a = 1) {
+      i = i.replace(/^#/, "");
+      const y = parseInt(i.substring(0, 2), 16), m = parseInt(i.substring(2, 4), 16), g = parseInt(i.substring(4, 6), 16);
+      return `rgba(${y}, ${m}, ${g}, ${a})`;
+    }
+    return (i, a) => {
+      const y = h("el-input"), m = h("el-form-item"), g = h("el-switch"), b = h("el-col"), E = h("el-color-picker"), M = h("el-input-number"), L = h("el-row"), k = h("el-collapse-item"), D = h("el-collapse");
+      return e.value.options.title ? (x(), B("div", Se, [
+        d(m, { label: "标题" }, {
+          default: f(() => [
+            d(y, {
+              modelValue: e.value.options.title.text,
+              "onUpdate:modelValue": a[0] || (a[0] = (p) => e.value.options.title.text = p)
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        d(D, null, {
+          default: f(() => [
+            d(k, {
+              title: "标题配置",
+              name: "1"
+            }, {
+              default: f(() => [
+                d(L, { class: "w-100%" }, {
+                  default: f(() => [
+                    d(b, { span: 24 }, {
+                      default: f(() => [
+                        a[9] || (a[9] = _("span", { class: "switch-label" }, "显示标题", -1)),
+                        d(g, {
+                          modelValue: e.value.options.title.show,
+                          "onUpdate:modelValue": a[1] || (a[1] = (p) => e.value.options.title.show = p)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    d(b, { span: 12 }, {
+                      default: f(() => [
+                        d(E, {
+                          modelValue: e.value.options.title.textStyle.color,
+                          "onUpdate:modelValue": a[2] || (a[2] = (p) => e.value.options.title.textStyle.color = p),
+                          "show-alpha": ""
+                        }, null, 8, ["modelValue"]),
+                        a[10] || (a[10] = _("p", { class: "sub-title" }, "颜色", -1))
+                      ]),
+                      _: 1
+                    }),
+                    d(b, { span: 12 }, {
+                      default: f(() => [
+                        d(M, {
+                          modelValue: e.value.options.title.textStyle.fontSize,
+                          "onUpdate:modelValue": a[3] || (a[3] = (p) => e.value.options.title.textStyle.fontSize = p),
+                          "controls-position": "right"
+                        }, null, 8, ["modelValue"]),
+                        a[11] || (a[11] = _("p", { class: "sub-title" }, "字体大小", -1))
+                      ]),
+                      _: 1
+                    }),
+                    d(b, { span: 12 }, {
+                      default: f(() => [
+                        d(M, {
+                          modelValue: e.value.options.title.x,
+                          "onUpdate:modelValue": a[4] || (a[4] = (p) => e.value.options.title.x = p),
+                          "controls-position": "right"
+                        }, null, 8, ["modelValue"]),
+                        a[12] || (a[12] = _("p", { class: "sub-title" }, "横向", -1))
+                      ]),
+                      _: 1
+                    }),
+                    d(b, { span: 12 }, {
+                      default: f(() => [
+                        d(M, {
+                          modelValue: e.value.options.title.y,
+                          "onUpdate:modelValue": a[5] || (a[5] = (p) => e.value.options.title.y = p),
+                          "controls-position": "right"
+                        }, null, 8, ["modelValue"]),
+                        a[13] || (a[13] = _("p", { class: "sub-title" }, "纵向", -1))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            d(k, {
+              title: "图形配置",
+              name: "2"
+            }, {
+              default: f(() => [
+                e.value.options.color && e.value.options.color.length && e.value.type === "pie" ? (x(), U(L, { key: 0 }, {
+                  default: f(() => [
+                    d(b, { span: 24 }, {
+                      default: f(() => [
+                        a[14] || (a[14] = _("span", { class: "switch-label" }, "玫瑰图", -1)),
+                        d(g, {
+                          onChange: n,
+                          modelValue: e.value.options.series[0].roseType,
+                          "onUpdate:modelValue": a[6] || (a[6] = (p) => e.value.options.series[0].roseType = p)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    (x(!0), B(oe, null, ne(e.value.data, (p, V) => (x(), U(b, {
+                      span: 12,
+                      class: "mb-10px",
+                      key: V
+                    }, {
+                      default: f(() => [
+                        d(E, {
+                          modelValue: e.value.options.color[V],
+                          "onUpdate:modelValue": (c) => e.value.options.color[V] = c,
+                          "show-alpha": ""
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                        _("p", we, se(p.label), 1)
+                      ]),
+                      _: 2
+                    }, 1024))), 128))
+                  ]),
+                  _: 1
+                })) : F("", !0),
+                e.value.type === "bar" ? (x(), U(L, { key: 1 }, {
+                  default: f(() => [
+                    d(b, { span: 12 }, {
+                      default: f(() => [
+                        d(E, {
+                          modelValue: s.value,
+                          "onUpdate:modelValue": a[7] || (a[7] = (p) => s.value = p),
+                          onChange: l
+                        }, null, 8, ["modelValue"]),
+                        a[15] || (a[15] = _("p", { class: "sub-title" }, "柱颜色", -1))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })) : F("", !0)
+              ]),
+              _: 1
+            }),
+            d(k, {
+              title: "图例配置",
+              name: "3"
+            }, {
+              default: f(() => [
+                d(L, null, {
+                  default: f(() => [
+                    d(b, { span: 24 }, {
+                      default: f(() => [
+                        a[16] || (a[16] = _("span", { class: "switch-label" }, "显示图例", -1)),
+                        e.value.options.legend ? (x(), U(g, {
+                          key: 0,
+                          modelValue: e.value.options.legend.show,
+                          "onUpdate:modelValue": a[8] || (a[8] = (p) => e.value.options.legend.show = p)
+                        }, null, 8, ["modelValue"])) : F("", !0)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ])) : F("", !0);
+    };
+  }
+}), Ee = (t, o) => {
+  const e = t.__vccOpts || t;
+  for (const [n, s] of o)
+    e[n] = s;
+  return e;
+}, Le = /* @__PURE__ */ Ee(xe, [["__scopeId", "data-v-9d35239c"]]), Ve = N(Le), Ce = { class: "chart-components" }, Te = /* @__PURE__ */ z({
+  name: "TdsReportLine",
+  __name: "Line",
+  props: {
+    data: {}
+  },
+  setup(t) {
+    const o = t, e = S(() => o.data.options);
+    return (n, s) => {
+      const r = h("TdsChart");
+      return x(), B("div", Ce, [
+        d(r, { option: e.value }, null, 8, ["option"])
+      ]);
+    };
+  }
+}), Re = N(Te), Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  TdsReportBar: ie,
+  TdsReportConfig: Ve,
+  TdsReportLine: Re
+}, Symbol.toStringTag, { value: "Module" })), J = {
   TdsReportBar: "TdsReportBar"
-}, A = {
+}, j = {
   BackTop: ["Tooltip"]
 };
-function Q(e, t) {
-  if (["NumberAnimation", "Watermark"].includes(e))
+function ke(t, o) {
+  if (["NumberAnimation", "Watermark"].includes(t))
     return [];
-  const n = [e];
-  e in A && n.push(...A[e]);
-  const r = t != null && t.cjs ? "lib" : "es", o = [`@topdatasec/report/${r}/style/global.css`];
-  return n.forEach((s) => {
-    o.push(
-      `@topdatasec/report/${r}/${R[s]}/${s}.css`
+  const e = [t];
+  t in j && e.push(...j[t]);
+  const n = o != null && o.cjs ? "lib" : "es", s = [`@topdatasec/report/${n}/style/global.css`];
+  return e.forEach((r) => {
+    s.push(
+      `@topdatasec/report/${n}/${J[r]}/${r}.css`
     );
-  }), o;
+  }), s;
 }
-function he(e) {
+function Ze(t) {
   return {
     type: "component",
-    resolve: (t) => {
-      if (t in R)
+    resolve: (o) => {
+      if (o in J)
         return {
-          name: t,
+          name: o,
           // 组件名
           from: "@topdatasec/report",
           // 组件库名称
-          sideEffects: Q(t, e)
+          sideEffects: ke(o, t)
           // 组件样式文件
         };
     }
   };
 }
-const ee = function(e) {
-  return Object.values(G).forEach((t) => {
-    t && t.install && e.use(t);
-  }), e;
-}, ge = {
-  install: ee
+const De = function(t) {
+  return Object.values(Me).forEach((o) => {
+    o && o.install && t.use(o);
+  }), t;
+}, Ke = {
+  install: De
 };
 export {
-  Z as TdsReportBar,
-  he as VueAmazingUIResolver,
-  ce as add,
-  se as cancelRaf,
-  ne as dateFormat,
-  K as debounce,
-  ge as default,
-  ae as downloadFile,
-  re as formatNumber,
-  ee as install,
-  oe as rafTimeout,
-  J as throttle,
-  le as toggleDark,
-  ie as useEventListener,
-  de as useFps,
-  me as useMediaQuery,
-  ue as useMutationObserver,
-  ve as useResizeObserver,
-  fe as useScroll,
-  pe as useSlotsExist
+  ie as TdsReportBar,
+  Ve as TdsReportConfig,
+  Re as TdsReportLine,
+  Ze as VueAmazingUIResolver,
+  ze as add,
+  Ye as cancelRaf,
+  Ue as dateFormat,
+  de as debounce,
+  Ke as default,
+  Ie as downloadFile,
+  Be as formatNumber,
+  De as install,
+  Oe as rafTimeout,
+  ce as throttle,
+  He as toggleDark,
+  Ne as useEventListener,
+  qe as useFps,
+  Pe as useMediaQuery,
+  We as useMutationObserver,
+  Ge as useResizeObserver,
+  je as useScroll,
+  Je as useSlotsExist
 };