@topdatasec/report 1.0.9 → 1.0.11

package/es/utils/chartsOption.js

@@ -1,501 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,162 +0,0 @@
-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

@@ -1,43 +0,0 @@
-import { Ref } from 'vue';
-export declare function dateFormat(value?: number | string | Date, format?: string): string;
-export declare function formatNumber(value: number | string, precision?: number, separator?: string, decimal?: string, prefix?: string, suffix?: string): string;
-export declare function rafTimeout(fn: Function, delay?: number, interval?: boolean): object;
-export declare function cancelRaf(raf: {
-    id: number;
-}): void;
-export declare function throttle(fn: Function, delay?: number): any;
-export declare function debounce(fn: Function, delay?: number): any;
-export declare function add(num1: number, num2: number): number;
-export declare function downloadFile(url: string, fileName?: string): void;
-export declare function toggleDark(): void;
-export declare function useMounted(): Ref<boolean, boolean>;
-export declare function useSupported(callback: () => unknown): import('vue').ComputedRef<boolean>;
-export declare function useEventListener(target: HTMLElement | Window | Document, event: string, callback: Function): void;
-export declare function useMutationObserver(target: Ref | Ref[] | HTMLElement | HTMLElement[], callback: MutationCallback, options?: {}): {
-    stop: () => void;
-    start: () => void;
-};
-export declare function useScroll(target?: Ref | HTMLElement | Window | Document, throttleDelay?: number, onScroll?: (e: Event) => void, onStop?: (e: Event) => void): {
-    x: Ref<number, number>;
-    xScrollMax: Ref<number, number>;
-    y: Ref<number, number>;
-    yScrollMax: Ref<number, number>;
-    isScrolling: Ref<boolean, boolean>;
-    left: Ref<boolean, boolean>;
-    right: Ref<boolean, boolean>;
-    top: Ref<boolean, boolean>;
-    bottom: Ref<boolean, boolean>;
-};
-export declare function useFps(): {
-    fps: Ref<number, number>;
-};
-export declare function useMediaQuery(mediaQuery: string): {
-    match: Ref<boolean, boolean>;
-};
-export declare function useResizeObserver(target: Ref | Ref[] | HTMLElement | HTMLElement[], callback: ResizeObserverCallback, options?: object): {
-    stop: () => void;
-    start: () => void;
-};
-export declare function useSlotsExist(slotsName?: string | string[]): any;
-export declare const getUniId: () => string;
-export declare const deepClone: <T>(obj: T | T[]) => any;