@topdatasec/report 1.0.7 → 1.0.9

package/es/utils/chartsOption.js

@@ -0,0 +1,501 @@
+import "echarts";
+import { deepClone as b } from "./index.js";
+const g = "rgba(51, 51, 51, 0.15)", f = "rgba(51, 51, 51, 1)", u = 12, d = (e = !1) => {
+  const t = {
+    // top: '2%',
+    left: "3%",
+    right: "3%",
+    bottom: "2%",
+    containLabel: !0
+  };
+  return e && (t.top = "5%"), t;
+}, r = [
+  "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"
+], w = (e, t, o = "", l = { name: "name", value: "value" }) => {
+  const i = [], a = [];
+  t.forEach((s) => {
+    i.push(s[l.name]), a.push(s[l.value]);
+  }), e.xAxis[0].data = i, e.series[0].data = a, e.series[0].name = o, e.series[1].data = a, e.series[2].data = a;
+}, $ = (e = [
+  {
+    name: "数据1",
+    value: 63
+  },
+  {
+    name: "数据2",
+    value: 45
+  },
+  {
+    name: "数据3",
+    value: 43
+  }
+], t = { name: "name", value: "value" }) => {
+  const o = (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
+        }
+      ]
+    }
+  }), l = e.map((i) => i[t.value]);
+  return {
+    // 提示框组件
+    tooltip: {
+      trigger: "item"
+      //触发类型,axis:坐标轴触发
+    },
+    // 图例组件
+    // legend: {
+    //   type: 'plain', //plain:普通图例；scroll:可滚动翻页的图例。当图例数量较多时使。
+    //   show: true,
+    // },
+    grid: d(),
+    title: {
+      show: !0,
+      text: "样例数据",
+      textStyle: {
+        color: "#333",
+        fontSize: 18
+      },
+      x: 10,
+      y: 10
+    },
+    // x 轴设置
+    xAxis: [
+      {
+        type: "category",
+        nameGap: 8,
+        // X轴名称与轴线之间的距离
+        nameRotate: 0,
+        // 坐标轴名称旋转
+        axisLabel: {
+          color: f,
+          // X轴类目名称样式
+          rotate: 0
+          // X轴类目名称旋转角度
+        },
+        axisLine: {
+          //X轴轴线设置
+          show: !0,
+          lineStyle: {
+            color: g,
+            width: 1
+          }
+        },
+        axisTick: { show: !1 },
+        // X轴刻度相关设置
+        splitLine: { show: !1 },
+        // 横向分隔线
+        data: e.map((i) => i[t.name])
+      }
+    ],
+    // y轴设置
+    yAxis: [
+      {
+        type: "value",
+        min: 0,
+        // 坐标轴刻度最小值
+        position: "left",
+        nameTextStyle: {
+          fontSize: u,
+          color: f,
+          fontWeight: "bold"
+        },
+        axisLine: { show: !1 },
+        // y轴轴线设置
+        axisTick: { show: !1 },
+        // 刻度设置
+        splitLine: { show: !1 },
+        // 纵向分隔线
+        axisLabel: {
+          color: f,
+          // y轴刻度标签
+          formatter: "{value}",
+          inside: !1
+          // 刻度标签是否朝内，默认朝外
+        }
+      }
+    ],
+    series: [
+      {
+        type: "bar",
+        barWidth: 15,
+        barGap: "0%",
+        itemStyle: o(`rgba(${r[0]}, 0.7)`, `rgba(${r[0]}, 0.2)`),
+        data: l,
+        label: {
+          show: !0,
+          // 显示标签
+          position: "top",
+          // 标签位置
+          color: "inherit",
+          // 标签颜色
+          lineHeight: 24
+          // 行高
+        }
+      },
+      {
+        // 柱底圆片
+        name: "",
+        type: "pictorialBar",
+        symbolSize: [15, 10],
+        //调整截面形状
+        symbolOffset: [0, 5],
+        itemStyle: o(`rgba(${r[0]}, 0.7)`, `rgba(${r[0]}, 0.2)`),
+        data: l
+      },
+      {
+        // 柱顶圆片
+        name: "",
+        type: "pictorialBar",
+        symbolSize: [15, 10],
+        //调整截面形状
+        symbolOffset: [0, -5],
+        symbolPosition: "end",
+        itemStyle: o(`rgba(${r[0]}, 0.9)`, `rgba(${r[0]}, 1)`),
+        data: l
+      }
+    ]
+  };
+}, L = ({ chartOption: e, data: t, props: o = { name: "label", value: "data" } }) => {
+  let l = 0;
+  const i = t.map((a, s) => (l += Number(a[o.value]), {
+    name: a[o.name],
+    value: Number(a[o.value])
+  }));
+  t.length > 0 && (e.legend.data = i, e.series[0].data = i, e.graphic[1].style.text = l);
+}, x = () => r.map((e) => `rgba(${e}, 1)`), z = ({
+  data: e = [
+    {
+      name: "数据1",
+      value: 63
+    },
+    {
+      name: "数据2",
+      value: 45
+    },
+    {
+      name: "数据3",
+      value: 43
+    }
+  ],
+  radiusType: t = 1,
+  roseType: o = !1,
+  isLegend: l = !0,
+  isLine: i = !1,
+  center: a = ["50%", "50%"],
+  isTitle: s = !0
+}) => {
+  const n = {
+    color: x(),
+    toolbox: { show: !1 },
+    tooltip: {
+      trigger: "item",
+      show: !0,
+      formatter: (c) => {
+        const { name: y, value: m } = c;
+        return `<div style="color: ${c.color}; font-size: 14px;">${y}&nbsp;&nbsp;&nbsp;</div>
+            <div><span style="font-size: 14px; color: #86909c; float: right;">数量：${m}</span></div>`;
+      }
+    },
+    title: {
+      show: s,
+      text: "样例数据",
+      textStyle: {
+        color: "#333",
+        fontSize: 18
+      },
+      x: 10,
+      y: 10
+    },
+    legend: {
+      show: l,
+      left: "70%",
+      formatter: (c) => {
+        var m;
+        const y = (m = n.series[0]) == null ? void 0 : m.data.find((h) => h.name === c).value;
+        return ` ${c} | ${y}`;
+      },
+      textStyle: {
+        fontSize: u,
+        color: f
+      },
+      data: e,
+      orient: "vertical",
+      itemWidth: 10,
+      itemHeight: 10,
+      borderRadius: 10,
+      x: "left",
+      top: "center",
+      align: "left",
+      itemGap: 15
+    },
+    series: [
+      // 展示层
+      {
+        type: "pie",
+        center: a,
+        radius: t === 1 ? o ? ["10%", "65%"] : ["45%", "70%"] : ["0%", "65%"],
+        roseType: o,
+        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: i,
+          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(c) {
+            return `{a|${c.name}(${c.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: e
+      }
+    ],
+    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 n;
+}, A = (e, t, o = { name: "name", value: "value" }) => {
+  e.xAxis.data = t.map((l) => l[o.name]), Array.isArray(o.value) ? o.value.forEach((l, i) => {
+    e.series[i].data = t.map((a) => a[l.value]);
+  }) : typeof o.value == "string" && (e.series[0].data = t.map((l) => l[o.value]));
+}, v = () => ({
+  name: "",
+  type: "line",
+  symbol: "circle",
+  smooth: !0,
+  lineStyle: {
+    width: 1,
+    color: `rgba(${r[0]}, 1)`
+    // 线条颜色
+  },
+  showSymbol: !1,
+  itemStyle: {
+    color: `rgba(${r[0]}, 1)`,
+    //拐点颜色
+    label: {
+      show: !0,
+      //开启显示
+      position: "top",
+      //在上方显示
+      formatter: function(e) {
+        return e.value ? e.value : 0;
+      }
+    }
+  },
+  areaStyle: {
+    color: {
+      type: "linear",
+      x: 0,
+      y: 0,
+      x2: 0,
+      y2: 1,
+      colorStops: [
+        // 渐变颜色
+        {
+          offset: 0,
+          color: `rgba(${r[0]}, 0.7)`
+        },
+        {
+          offset: 1,
+          color: `rgba(${r[0]}, 0.1)`
+        }
+      ],
+      global: !1
+    }
+  },
+  data: []
+}), W = (e = [
+  {
+    name: "2024-08",
+    value: 63
+  },
+  {
+    name: "2024-09",
+    value: 45
+  },
+  {
+    name: "2024-10",
+    value: 43
+  }
+], t = { name: "name", value: "value" }) => {
+  const o = {
+    tooltip: {
+      trigger: "axis"
+    },
+    title: {
+      show: !0,
+      text: "样例数据",
+      textStyle: {
+        color: "#333",
+        fontSize: 18
+      },
+      x: 10,
+      y: 10
+    },
+    legend: {
+      show: !0,
+      itemWidth: 30,
+      textStyle: {
+        color: f,
+        fontSize: u,
+        padding: [0, 8, 0, 8]
+      }
+    },
+    grid: d(),
+    xAxis: {
+      type: "category",
+      splitLine: { show: !1 },
+      axisTick: { show: !1 },
+      axisLine: {
+        show: !0,
+        lineStyle: { color: g }
+      },
+      axisLabel: {
+        show: !0,
+        fontSize: u,
+        color: f
+      },
+      boundaryGap: !1,
+      data: e.map((a) => a[t.name])
+    },
+    yAxis: {
+      name: "",
+      type: "value",
+      splitLine: { show: !1 },
+      axisLine: { show: !1 },
+      axisTick: { show: !1 },
+      nameTextStyle: {
+        fontSize: u,
+        color: f,
+        padding: [0, 60, 0, 0]
+      },
+      axisLabel: {
+        show: !0,
+        fontSize: u,
+        color: f
+      }
+    },
+    series: []
+  }, l = v(), i = [];
+  if (Array.isArray(t.value))
+    t.value.forEach((a, s) => {
+      const n = b(l);
+      n.name = a.name, n.lineStyle.color = `rgba(${r[s]}, 1)`, n.itemStyle.color = `rgba(${r[s]}, 1)`, n.areaStyle.color.colorStops[0].color = `rgba(${r[s]}, 0.7)`, n.areaStyle.color.colorStops[1].color = `rgba(${r[s]}, 0.1)`, n.data = e.map((c) => c[a.value]), i.push(n);
+    });
+  else if (typeof t.value == "string") {
+    const a = b(l);
+    a.data = e.map((s) => s[t.value]), i.push(a);
+  }
+  return o.series = i, o;
+};
+export {
+  w as barParseData,
+  $ as chartsBar,
+  W as chartsLine,
+  z as chartsPie,
+  v as lineMode,
+  A as lineParseData,
+  L as pieParseData
+};

package/es/utils/data.d.ts

@@ -0,0 +1,4 @@
+import { ContentType } from '../stores/interface';
+export declare const normalValue: any[];
+export declare const componentModelList: ContentType[];
+export declare const normalValueFn: (type: string) => any;

package/es/utils/data.js

@@ -0,0 +1,162 @@
+import { getUniId as e } from "./index.js";
+import { chartsLine as r, chartsBar as o, chartsPie as i } from "./chartsOption.js";
+const a = [
+  { key: "assets", name: "资产名称" },
+  { key: "type", name: "资产类型" },
+  { key: "data", name: "资产数据" }
+], n = [
+  { assets: "name1", type: "type1", data: "data1" },
+  { assets: "name2", type: "type2", data: "data2" },
+  { assets: "name3", type: "type3", data: "data3" }
+], t = [
+  { data: [{ name: "默认数据", value: 180 }], label: "name1" },
+  { data: [{ name: "默认数据", value: 311 }], label: "name2" },
+  { data: [{ name: "默认数据", value: 42 }], label: "name3" },
+  { data: [{ name: "默认数据", value: 32391 }], label: "name4" }
+], d = [
+  {
+    data: 63,
+    label: "数据1"
+  },
+  {
+    data: 45,
+    label: "数据2"
+  },
+  {
+    data: 43,
+    label: "数据3"
+  }
+], m = [
+  {
+    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: e()
+  },
+  {
+    type: "range-time",
+    data: [
+      {
+        start_time: "2024-08-20 19:49:34",
+        end_time: "2024-09-12 19:49:34"
+      }
+    ],
+    id: e()
+  },
+  {
+    type: "h1",
+    data: "报表名称",
+    options: {
+      size: 24,
+      color: "rgba(0,0,0,0.85)",
+      fontWeight: 500,
+      letterSpacing: 0,
+      textIndent: 0,
+      textAlign: "left"
+    },
+    id: e()
+  },
+  {
+    type: "h2",
+    data: "一级标题",
+    name: "一级标题",
+    options: {
+      size: 18,
+      color: " rgba(0, 0, 0, 0.85)",
+      fontWeight: 500,
+      letterSpacing: 0,
+      textIndent: 0,
+      textAlign: "left"
+    },
+    id: e()
+  },
+  {
+    type: "report-table",
+    data: n,
+    showColumn: a,
+    name: "表格",
+    options: {
+      showColumn: {
+        assets: !0,
+        type: !0,
+        data: !0
+      },
+      border: !0,
+      showHeader: !0,
+      stripe: !1
+    },
+    rp_item_uuid: "",
+    id: e()
+  }
+];
+o();
+const b = (l) => ({
+  bar: {
+    type: "bar",
+    data: t,
+    showColumn: [{ key: "label", value: "data" }],
+    name: "图表",
+    options: o(),
+    rp_item_uuid: "",
+    id: ""
+  },
+  line: {
+    type: "line",
+    data: t,
+    showColumn: [{ key: "label", value: "data" }],
+    name: "图表",
+    options: r(),
+    rp_item_uuid: "",
+    id: ""
+  },
+  pie: {
+    type: "pie",
+    data: d,
+    showColumn: [{ key: "label", value: "data" }],
+    name: "图表",
+    options: i({ isLegend: !0 }),
+    rp_item_uuid: "",
+    id: ""
+  },
+  "report-table": {
+    type: "report-table",
+    data: n,
+    showColumn: a,
+    name: "表格",
+    options: {
+      showColumn: {
+        assect: !0,
+        type: !0,
+        data: !0
+      },
+      border: !0,
+      showHeader: !0,
+      stripe: !1
+    },
+    rp_item_uuid: "",
+    id: ""
+  }
+})[l];
+export {
+  m as normalValue,
+  b as normalValueFn
+};

package/es/utils/index.d.ts

@@ -39,3 +39,5 @@ export declare function useResizeObserver(target: Ref | Ref[] | HTMLElement | HT
     start: () => void;
 };
 export declare function useSlotsExist(slotsName?: string | string[]): any;
+export declare const getUniId: () => string;
+export declare const deepClone: <T>(obj: T | T[]) => any;