@cfxjs/sirius-next-common 0.1.38 → 0.1.39

package/dist/chunk-EVMUOMAM.js

@@ -0,0 +1,412 @@
+// src/components/Charts/config.ts
+import Highcharts from "highcharts/highstock";
+var defaultLimit = "365";
+var defaultIntervalType = "day";
+var scope = {
+  min: [
+    {
+      label: "1h",
+      limit: 60
+    },
+    {
+      label: "2h",
+      limit: 120
+    },
+    {
+      label: "4h",
+      limit: 240
+    },
+    {
+      label: "6h",
+      limit: 360
+    },
+    {
+      label: "12h",
+      limit: 720
+    },
+    {
+      label: "24h",
+      limit: 1440
+    }
+  ],
+  hour: [
+    {
+      label: "1d",
+      limit: 24
+    },
+    {
+      label: "3d",
+      limit: 72
+    },
+    {
+      label: "7d",
+      limit: 168
+    },
+    {
+      label: "14d",
+      limit: 336
+    }
+  ],
+  day: [
+    {
+      label: "1w",
+      limit: 7
+    },
+    {
+      label: "1m",
+      limit: 30
+    },
+    {
+      label: "3m",
+      limit: 91
+    },
+    {
+      label: "6m",
+      limit: 182
+    },
+    {
+      label: "1y",
+      limit: 365
+    },
+    {
+      label: "All"
+    }
+  ],
+  month: [
+    {
+      label: "6m",
+      limit: 6
+    },
+    {
+      label: "1y",
+      limit: 12
+    },
+    {
+      label: "All"
+    }
+  ]
+};
+var ConstructorType = ({ options }) => {
+  if (options?.chart?.type === "pie") {
+    return "";
+  }
+  if (options?.chart?.type === "column") {
+    return "";
+  }
+  return "stockChart";
+};
+var LineChart = ({ options, request, data }) => {
+  const list = request.formatter(data);
+  return {
+    chart: {
+      alignTicks: false,
+      height: 600,
+      animation: false,
+      backgroundColor: null
+    },
+    credits: {
+      enabled: false
+    },
+    colors: [
+      "#7cb5ec",
+      "#434348",
+      "#f7a35c",
+      "#2b908f",
+      "#91e8e1",
+      "#90ed7d",
+      "#8085e9",
+      "#f15c80",
+      "#e4d354",
+      "#f45b5b"
+    ],
+    navigator: {
+      enabled: true
+    },
+    rangeSelector: {
+      enabled: true,
+      buttons: []
+    },
+    scrollbar: {
+      enabled: true
+    },
+    plotOptions: {
+      series: {
+        dataGrouping: {
+          enabled: false
+          // dateTimeLabelFormats: {
+          //   week: ['%A, %b %e, %Y'],
+          // },
+        }
+      },
+      area: {
+        fillColor: {
+          linearGradient: {
+            x1: 0,
+            y1: 0,
+            x2: 0,
+            y2: 1
+          },
+          stops: [
+            // @ts-ignore
+            [0, Highcharts.getOptions().colors[0]],
+            [
+              1,
+              // @ts-ignore
+              Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get("rgba")
+            ]
+          ]
+        },
+        marker: {
+          radius: 2
+        },
+        lineWidth: 1,
+        states: {
+          hover: {
+            lineWidth: 1
+          }
+        },
+        threshold: null
+      },
+      line: {
+        lineWidth: 1,
+        states: {
+          hover: {
+            lineWidth: 1
+          }
+        }
+      }
+    },
+    legend: {
+      enabled: options.series.length > 1
+    },
+    tooltip: {
+      split: false,
+      useHTML: true,
+      headerFormat: `<table>
+              <tr>
+                <th colspan="2" style="font-weight: normal;">{point.key}</th>
+              </tr>
+              <tr style="border-bottom: 1px solid #ccc;">
+                <th style="padding-bottom: 5px;"></th>
+              </tr>
+              `,
+      pointFormat: `
+            <tr><td style="padding-top: 5px;"></td></tr>
+            <tr>
+              <td style="color: {series.color}; padding-right: 10px;">[ {series.name} ]</td>
+              <td style="text-align: right"><b>{point.y}</b></td>  
+            </tr>`,
+      footerFormat: "</table>",
+      shape: "square",
+      shared: true
+    },
+    yAxis: {
+      opposite: false
+    },
+    series: options.series.map((_, i) => ({
+      data: list[i]
+    })),
+    exporting: {
+      enabled: true,
+      buttons: {
+        contextButton: {
+          menuItems: [
+            "viewFullscreen",
+            "printChart",
+            "separator",
+            "downloadPNG",
+            "downloadJPEG",
+            "downloadPDF",
+            "downloadSVG",
+            "downloadCSV",
+            "downloadXLS"
+          ]
+        }
+      }
+    }
+  };
+};
+var PieChart = ({ request, data }) => {
+  return {
+    chart: {
+      animation: false,
+      height: 600
+    },
+    credits: {
+      enabled: false
+    },
+    plotOptions: {
+      area: {
+        fillColor: {
+          linearGradient: {
+            x1: 0,
+            y1: 0,
+            x2: 0,
+            y2: 1
+          },
+          stops: [
+            // @ts-ignore
+            [0, Highcharts.getOptions().colors[0]],
+            [
+              1,
+              // @ts-ignore
+              Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get("rgba")
+            ]
+          ]
+        },
+        marker: {
+          radius: 2
+        },
+        lineWidth: 1,
+        states: {
+          hover: {
+            lineWidth: 1
+          }
+        },
+        threshold: null
+      },
+      line: {
+        lineWidth: 1,
+        states: {
+          hover: {
+            lineWidth: 1
+          }
+        }
+      },
+      pie: {
+        allowPointSelect: true,
+        cursor: "pointer",
+        dataLabels: {
+          enabled: false
+        },
+        showInLegend: true,
+        colorByPoint: true
+      }
+    },
+    tooltip: {
+      shape: "square"
+    },
+    series: [
+      {
+        data: request.formatter(data)
+      }
+    ],
+    exporting: {
+      enabled: true,
+      buttons: {
+        contextButton: {
+          menuItems: [
+            "printChart",
+            "separator",
+            "downloadPNG",
+            "downloadJPEG",
+            "downloadPDF",
+            "downloadSVG",
+            "downloadCSV",
+            "downloadXLS"
+          ]
+        }
+      }
+    }
+  };
+};
+var optsOrigin = ({ options, request, data }) => {
+  if (options.chart.type === "pie") {
+    return PieChart({ options, request, data });
+  }
+  if (options.chart.type === "column") {
+    return PieChart({ options, request, data });
+  }
+  return LineChart({ options, request, data });
+};
+var previewOpts = {
+  title: "",
+  subtitle: "",
+  chart: {
+    height: 240,
+    zoomType: ""
+  },
+  exporting: {
+    enabled: false
+  },
+  navigator: {
+    enabled: false
+  },
+  rangeSelector: {
+    enabled: false
+  },
+  scrollbar: {
+    enabled: false
+  }
+};
+var xAxisCustomLabelYear = {
+  labels: {
+    formatter: (data) => {
+      const date = new Date(data.value);
+      if (date.getMonth() === 0) {
+        return Highcharts.dateFormat("%Y", data.value);
+      } else {
+        return Highcharts.dateFormat("%e '%b", data.value);
+      }
+    }
+  }
+};
+var xAxisCustomLabelHour = {
+  labels: {
+    formatter: (data) => {
+      const date = new Date(data.value);
+      const intervalType = data.chart.options.intervalType.value;
+      if (intervalType === "min" || intervalType === "hour") {
+        if (date.getUTCHours() === 0 && date.getUTCMinutes() === 0) {
+          return Highcharts.dateFormat("%e '%b", data.value);
+        } else {
+          return Highcharts.dateFormat("%H:%M", data.value);
+        }
+      } else {
+        return Highcharts.dateFormat("%e '%b", data.value);
+      }
+    }
+  }
+};
+var tooltipCustomLabel = {
+  split: false,
+  useHTML: true,
+  formatter: (data) => {
+    const chart = data.chart;
+    const point = chart.hoverPoint;
+    const series = point.series;
+    const intervalType = chart.options.intervalType.value;
+    const timeRules = intervalType === "min" || intervalType === "hour" ? "%H:%M, %a %d, %b %Y (UTC)" : "%a %e, %b %Y (UTC)";
+    const header = Highcharts.dateFormat(timeRules, point.x);
+    let pointFormat = `<table>
+    <tr>
+      <th colspan="2" style="font-weight: normal;">${header}</th>
+    </tr>
+    <tr style="border-bottom: 1px solid #ccc;">
+      <th style="padding-bottom: 5px;"></th>
+    </tr>
+    <tr><td style="padding-top: 5px;"></td></tr>
+    <tr>
+      <td style="color: ${series.color}; padding-right: 10px;">[ ${series.name} ]</td>
+      <td style="text-align: right"><b>${point.y}</b></td>  
+    </tr>
+    </table>
+   `;
+    return pointFormat;
+  },
+  shape: "square",
+  shared: true
+};
+
+export {
+  defaultLimit,
+  defaultIntervalType,
+  scope,
+  ConstructorType,
+  optsOrigin,
+  previewOpts,
+  xAxisCustomLabelYear,
+  xAxisCustomLabelHour,
+  tooltipCustomLabel
+};
+//# sourceMappingURL=chunk-EVMUOMAM.js.map

package/dist/chunk-EVMUOMAM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/config.ts"],"sourcesContent":["import Highcharts from 'highcharts/highstock';\n\nexport const defaultLimit: string = '365';\nexport const defaultIntervalType: string = 'day';\n\nexport interface ChildProps {\n  preview?: boolean;\n}\n\nexport interface ChartsProps {\n  request: {\n    url: string;\n    query?: {\n      limit?: string;\n      intervalType?: string;\n    };\n    formatter: (data: any) => any;\n  };\n  options: any;\n  data?: {\n    list: any[];\n  };\n}\n\nexport interface ScopeItemType {\n  label: string;\n  limit?: number;\n}\n\nexport interface ScopeType {\n  min?: ScopeItemType[];\n  hour?: ScopeItemType[];\n  day: ScopeItemType[];\n  month?: ScopeItemType[];\n}\nexport type onCombination = (\n  type: keyof ScopeType,\n  limit: string | undefined,\n) => void;\nexport type ChartOptionsProps = {\n  intervalScope?: ScopeType;\n  intervalType: keyof ScopeType;\n  limit: string | undefined;\n  onCombination: onCombination;\n};\n\nexport const scope: ScopeType = {\n  min: [\n    {\n      label: '1h',\n      limit: 60,\n    },\n    {\n      label: '2h',\n      limit: 120,\n    },\n    {\n      label: '4h',\n      limit: 240,\n    },\n    {\n      label: '6h',\n      limit: 360,\n    },\n    {\n      label: '12h',\n      limit: 720,\n    },\n    {\n      label: '24h',\n      limit: 1440,\n    },\n  ],\n  hour: [\n    {\n      label: '1d',\n      limit: 24,\n    },\n    {\n      label: '3d',\n      limit: 72,\n    },\n    {\n      label: '7d',\n      limit: 168,\n    },\n    {\n      label: '14d',\n      limit: 336,\n    },\n  ],\n  day: [\n    {\n      label: '1w',\n      limit: 7,\n    },\n    {\n      label: '1m',\n      limit: 30,\n    },\n    {\n      label: '3m',\n      limit: 91,\n    },\n    {\n      label: '6m',\n      limit: 182,\n    },\n    {\n      label: '1y',\n      limit: 365,\n    },\n    {\n      label: 'All',\n    },\n  ],\n  month: [\n    {\n      label: '6m',\n      limit: 6,\n    },\n    {\n      label: '1y',\n      limit: 12,\n    },\n    {\n      label: 'All',\n    },\n  ],\n};\nexport const ConstructorType = ({ options }: ChartsProps) => {\n  if (options?.chart?.type === 'pie') {\n    return '';\n  }\n  if (options?.chart?.type === 'column') {\n    return '';\n  }\n  return 'stockChart';\n};\nconst LineChart = ({ options, request, data }: ChartsProps) => {\n  const list = request.formatter(data);\n  return {\n    chart: {\n      alignTicks: false,\n      height: 600,\n      animation: false,\n      backgroundColor: null,\n    },\n    credits: {\n      enabled: false,\n    },\n    colors: [\n      '#7cb5ec',\n      '#434348',\n      '#f7a35c',\n      '#2b908f',\n      '#91e8e1',\n      '#90ed7d',\n      '#8085e9',\n      '#f15c80',\n      '#e4d354',\n      '#f45b5b',\n    ],\n    navigator: {\n      enabled: true,\n    },\n    rangeSelector: {\n      enabled: true,\n      buttons: [],\n    },\n    scrollbar: {\n      enabled: true,\n    },\n    plotOptions: {\n      series: {\n        dataGrouping: {\n          enabled: false,\n          // dateTimeLabelFormats: {\n          //   week: ['%A, %b %e, %Y'],\n          // },\n        },\n      },\n      area: {\n        fillColor: {\n          linearGradient: {\n            x1: 0,\n            y1: 0,\n            x2: 0,\n            y2: 1,\n          },\n          stops: [\n            // @ts-ignore\n            [0, Highcharts.getOptions().colors[0]],\n            [\n              1,\n              // @ts-ignore\n              Highcharts.color(Highcharts.getOptions().colors[0])\n                .setOpacity(0)\n                .get('rgba'),\n            ],\n          ],\n        },\n        marker: {\n          radius: 2,\n        },\n        lineWidth: 1,\n        states: {\n          hover: {\n            lineWidth: 1,\n          },\n        },\n        threshold: null,\n      },\n      line: {\n        lineWidth: 1,\n        states: {\n          hover: {\n            lineWidth: 1,\n          },\n        },\n      },\n    },\n    legend: {\n      enabled: options.series.length > 1,\n    },\n    tooltip: {\n      split: false,\n      useHTML: true,\n      headerFormat: `<table>\n              <tr>\n                <th colspan=\"2\" style=\"font-weight: normal;\">{point.key}</th>\n              </tr>\n              <tr style=\"border-bottom: 1px solid #ccc;\">\n                <th style=\"padding-bottom: 5px;\"></th>\n              </tr>\n              `,\n      pointFormat: `\n            <tr><td style=\"padding-top: 5px;\"></td></tr>\n            <tr>\n              <td style=\"color: {series.color}; padding-right: 10px;\">[ {series.name} ]</td>\n              <td style=\"text-align: right\"><b>{point.y}</b></td>  \n            </tr>`,\n      footerFormat: '</table>',\n      shape: 'square',\n      shared: true,\n    },\n    yAxis: {\n      opposite: false,\n    },\n    series: options.series.map((_: any, i: number) => ({\n      data: list[i],\n    })),\n    exporting: {\n      enabled: true,\n      buttons: {\n        contextButton: {\n          menuItems: [\n            'viewFullscreen',\n            'printChart',\n            'separator',\n            'downloadPNG',\n            'downloadJPEG',\n            'downloadPDF',\n            'downloadSVG',\n            'downloadCSV',\n            'downloadXLS',\n          ],\n        },\n      },\n    },\n  };\n};\nconst PieChart = ({ request, data }: ChartsProps) => {\n  return {\n    chart: {\n      animation: false,\n      height: 600,\n    },\n    credits: {\n      enabled: false,\n    },\n    plotOptions: {\n      area: {\n        fillColor: {\n          linearGradient: {\n            x1: 0,\n            y1: 0,\n            x2: 0,\n            y2: 1,\n          },\n          stops: [\n            // @ts-ignore\n            [0, Highcharts.getOptions().colors[0]],\n            [\n              1,\n              // @ts-ignore\n              Highcharts.color(Highcharts.getOptions().colors[0])\n                .setOpacity(0)\n                .get('rgba'),\n            ],\n          ],\n        },\n        marker: {\n          radius: 2,\n        },\n        lineWidth: 1,\n        states: {\n          hover: {\n            lineWidth: 1,\n          },\n        },\n        threshold: null,\n      },\n      line: {\n        lineWidth: 1,\n        states: {\n          hover: {\n            lineWidth: 1,\n          },\n        },\n      },\n      pie: {\n        allowPointSelect: true,\n        cursor: 'pointer',\n        dataLabels: {\n          enabled: false,\n        },\n        showInLegend: true,\n        colorByPoint: true,\n      },\n    },\n    tooltip: {\n      shape: 'square',\n    },\n    series: [\n      {\n        data: request.formatter(data),\n      },\n    ],\n    exporting: {\n      enabled: true,\n      buttons: {\n        contextButton: {\n          menuItems: [\n            'printChart',\n            'separator',\n            'downloadPNG',\n            'downloadJPEG',\n            'downloadPDF',\n            'downloadSVG',\n            'downloadCSV',\n            'downloadXLS',\n          ],\n        },\n      },\n    },\n  };\n};\n\nexport const optsOrigin = ({ options, request, data }: ChartsProps) => {\n  if (options.chart.type === 'pie') {\n    return PieChart({ options, request, data });\n  }\n  if (options.chart.type === 'column') {\n    return PieChart({ options, request, data });\n  }\n  return LineChart({ options, request, data });\n};\nexport const previewOpts = {\n  title: '',\n  subtitle: '',\n  chart: {\n    height: 240,\n    zoomType: '',\n  },\n  exporting: {\n    enabled: false,\n  },\n  navigator: {\n    enabled: false,\n  },\n  rangeSelector: {\n    enabled: false,\n  },\n  scrollbar: {\n    enabled: false,\n  },\n};\n\nexport const xAxisCustomLabelYear = {\n  labels: {\n    formatter: (data: any) => {\n      const date = new Date(data.value);\n      if (date.getMonth() === 0) {\n        return Highcharts.dateFormat('%Y', data.value);\n      } else {\n        return Highcharts.dateFormat(\"%e '%b\", data.value);\n      }\n    },\n  },\n};\nexport const xAxisCustomLabelHour = {\n  labels: {\n    formatter: (data: any) => {\n      const date = new Date(data.value);\n      const intervalType = data.chart.options.intervalType.value;\n      if (intervalType === 'min' || intervalType === 'hour') {\n        if (date.getUTCHours() === 0 && date.getUTCMinutes() === 0) {\n          return Highcharts.dateFormat(\"%e '%b\", data.value);\n        } else {\n          return Highcharts.dateFormat('%H:%M', data.value);\n        }\n      } else {\n        return Highcharts.dateFormat(\"%e '%b\", data.value);\n      }\n    },\n  },\n};\nexport const tooltipCustomLabel = {\n  split: false,\n  useHTML: true,\n  formatter: (data: any) => {\n    const chart = data.chart;\n    const point = chart.hoverPoint;\n    const series = point.series;\n    const intervalType = chart.options.intervalType.value;\n\n    const timeRules =\n      intervalType === 'min' || intervalType === 'hour'\n        ? '%H:%M, %a %d, %b %Y (UTC)'\n        : '%a %e, %b %Y (UTC)';\n    const header = Highcharts.dateFormat(timeRules, point.x);\n    let pointFormat = `<table>\n    <tr>\n      <th colspan=\"2\" style=\"font-weight: normal;\">${header}</th>\n    </tr>\n    <tr style=\"border-bottom: 1px solid #ccc;\">\n      <th style=\"padding-bottom: 5px;\"></th>\n    </tr>\n    <tr><td style=\"padding-top: 5px;\"></td></tr>\n    <tr>\n      <td style=\"color: ${series.color}; padding-right: 10px;\">[ ${series.name} ]</td>\n      <td style=\"text-align: right\"><b>${point.y}</b></td>  \n    </tr>\n    </table>\n   `;\n    return pointFormat;\n  },\n\n  shape: 'square',\n  shared: true,\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-EYT54RGS.js

@@ -0,0 +1,63 @@
+import {
+  isCoreMainOrTestAddress
+} from "./chunk-KKR2JERD.js";
+import {
+  apiPrefix
+} from "./chunk-7RH7LJYB.js";
+import {
+  sendRequestENSInfo
+} from "./chunk-Z6EYKGBH.js";
+import {
+  useENSStore
+} from "./chunk-DQGLZCIG.js";
+
+// src/utils/hooks/useENS.ts
+import { useEffect } from "react";
+import useSWR from "swr";
+var ensUrl = (ens, value) => {
+  if (!value)
+    return null;
+  if (typeof value === "string" && ens[value])
+    return null;
+  let url = null;
+  if (typeof value === "string" && isCoreMainOrTestAddress(value)) {
+    url = `${apiPrefix}/ens/reverse/match?address=${value}`;
+  } else if (Array.isArray(value) && value.length) {
+    const validAddresses = value.filter(
+      (v) => typeof v === "string" && isCoreMainOrTestAddress(v) && !ens[v]
+    );
+    if (validAddresses.length === 0)
+      return null;
+    const baseUrl = `${apiPrefix}/ens/reverse/match?`;
+    const maxQueryLength = 1800 - baseUrl.length;
+    const query = validAddresses.reduce((acc, curr, index) => {
+      const newPart = `${index === 0 ? "" : "&"}address=${curr}`;
+      if (acc.length + newPart.length > maxQueryLength) {
+        return acc;
+      }
+      return acc + newPart;
+    }, "");
+    if (query) {
+      url = baseUrl + query;
+    }
+  }
+  return url;
+};
+var useENS = (address) => {
+  const { ens, setENS } = useENSStore();
+  const url = ensUrl(ens, address);
+  const { data } = useSWR(url, () => sendRequestENSInfo(url), {
+    revalidateOnFocus: false
+  });
+  useEffect(() => {
+    if (data) {
+      setENS(data);
+    }
+  }, [data]);
+  return { ens };
+};
+
+export {
+  useENS
+};
+//# sourceMappingURL=chunk-EYT54RGS.js.map

package/dist/chunk-EYT54RGS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/hooks/useENS.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport useSWR from 'swr';\nimport { sendRequestENSInfo } from 'src/utils/request';\nimport { useENSStore } from '../../store';\nimport { ENSType } from '../../store/types';\nimport { isCoreMainOrTestAddress } from '../address';\nimport { apiPrefix } from '../constants';\n\nconst ensUrl = (ens: ENSType, value: string | null | string[]) => {\n  if (!value) return null;\n  if (typeof value === 'string' && ens[value]) return null;\n\n  let url = null;\n\n  if (typeof value === 'string' && isCoreMainOrTestAddress(value)) {\n    url = `${apiPrefix}/ens/reverse/match?address=${value}`;\n  } else if (Array.isArray(value) && value.length) {\n    const validAddresses = value.filter(\n      v => typeof v === 'string' && isCoreMainOrTestAddress(v) && !ens[v],\n    );\n    if (validAddresses.length === 0) return null;\n\n    const baseUrl = `${apiPrefix}/ens/reverse/match?`;\n    const maxQueryLength = 1800 - baseUrl.length;\n\n    const query = validAddresses.reduce((acc, curr, index) => {\n      const newPart = `${index === 0 ? '' : '&'}address=${curr}`;\n      if (acc.length + newPart.length > maxQueryLength) {\n        return acc;\n      }\n      return acc + newPart;\n    }, '');\n\n    if (query) {\n      url = baseUrl + query;\n    }\n  }\n\n  return url;\n};\n\nexport const useENS = (address: string | null | string[]) => {\n  const { ens, setENS } = useENSStore();\n\n  const url = ensUrl(ens, address);\n\n  const { data } = useSWR(url, () => sendRequestENSInfo(url), {\n    revalidateOnFocus: false,\n  });\n\n  useEffect(() => {\n    if (data) {\n      setENS(data);\n    }\n  }, [data]);\n\n  return { ens };\n};\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,iBAAiB;AAC1B,OAAO,YAAY;AAOnB,IAAM,SAAS,CAAC,KAAc,UAAoC;AAChE,MAAI,CAAC;AAAO,WAAO;AACnB,MAAI,OAAO,UAAU,YAAY,IAAI,KAAK;AAAG,WAAO;AAEpD,MAAI,MAAM;AAEV,MAAI,OAAO,UAAU,YAAY,wBAAwB,KAAK,GAAG;AAC/D,UAAM,GAAG,uCAAuC;AAAA,EAClD,WAAW,MAAM,QAAQ,KAAK,KAAK,MAAM,QAAQ;AAC/C,UAAM,iBAAiB,MAAM;AAAA,MAC3B,OAAK,OAAO,MAAM,YAAY,wBAAwB,CAAC,KAAK,CAAC,IAAI,CAAC;AAAA,IACpE;AACA,QAAI,eAAe,WAAW;AAAG,aAAO;AAExC,UAAM,UAAU,GAAG;AACnB,UAAM,iBAAiB,OAAO,QAAQ;AAEtC,UAAM,QAAQ,eAAe,OAAO,CAAC,KAAK,MAAM,UAAU;AACxD,YAAM,UAAU,GAAG,UAAU,IAAI,KAAK,cAAc;AACpD,UAAI,IAAI,SAAS,QAAQ,SAAS,gBAAgB;AAChD,eAAO;AAAA,MACT;AACA,aAAO,MAAM;AAAA,IACf,GAAG,EAAE;AAEL,QAAI,OAAO;AACT,YAAM,UAAU;AAAA,IAClB;AAAA,EACF;AAEA,SAAO;AACT;AAEO,IAAM,SAAS,CAAC,YAAsC;AAC3D,QAAM,EAAE,KAAK,OAAO,IAAI,YAAY;AAEpC,QAAM,MAAM,OAAO,KAAK,OAAO;AAE/B,QAAM,EAAE,KAAK,IAAI,OAAO,KAAK,MAAM,mBAAmB,GAAG,GAAG;AAAA,IAC1D,mBAAmB;AAAA,EACrB,CAAC;AAED,YAAU,MAAM;AACd,QAAI,MAAM;AACR,aAAO,IAAI;AAAA,IACb;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,SAAO,EAAE,IAAI;AACf;","names":[]}

package/dist/chunk-FMHO65DC.js

@@ -0,0 +1,105 @@
+import {
+  useBreakpoint
+} from "./chunk-TOKKKTFG.js";
+import {
+  Tooltip
+} from "./chunk-ZKNMJZ5R.js";
+import {
+  selectText
+} from "./chunk-VUULJBTQ.js";
+
+// src/components/Text/index.tsx
+import React from "react";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+var getTypeColor = (type) => {
+  const colors = {
+    default: "inherit",
+    primary: "#7cd77b",
+    secondary: "#666",
+    success: "#7cd77b",
+    warning: "#ffc438",
+    error: "#e15c56"
+  };
+  return colors[type] || colors.default;
+};
+var Text = React.memo(
+  ({
+    className,
+    children,
+    maxWidth: _maxWidth,
+    mobileMaxWidth = _maxWidth,
+    maxCount: _maxCount,
+    mobileMaxCount = _maxCount,
+    hoverValue,
+    hoverValueMaxCount: outerHoverValueMaxCount,
+    tag = "p",
+    type = "default",
+    hideTooltip = false,
+    ...props
+  }) => {
+    const Component = tag;
+    const bp = useBreakpoint();
+    let child = children;
+    const maxCount = bp === "s" ? mobileMaxCount : _maxCount;
+    const maxWidth = bp === "s" ? mobileMaxWidth : _maxWidth;
+    if (maxWidth === void 0 && maxCount && typeof children === "string" && children.length > maxCount) {
+      child = String.prototype.substr.call(children, 0, maxCount) + "...";
+    }
+    let textContent = hoverValue || children;
+    if (bp === "s" && typeof textContent === "string") {
+      const hoverValueMaxCount = outerHoverValueMaxCount || 34;
+      let textContentCopy = textContent;
+      let newTextContent = [];
+      let count = 0;
+      while (textContentCopy.length > hoverValueMaxCount) {
+        newTextContent.push(
+          /* @__PURE__ */ jsx("span", { children: textContentCopy.substr(0, hoverValueMaxCount) }, count)
+        );
+        newTextContent.push(/* @__PURE__ */ jsx("br", {}, `br${count}`));
+        textContentCopy = textContentCopy.substr(hoverValueMaxCount);
+        if (count > 3) {
+          textContentCopy = textContentCopy.substr(0, hoverValueMaxCount - 3) + "...";
+        }
+      }
+      newTextContent.push(/* @__PURE__ */ jsx("span", { children: textContentCopy }, ++count));
+      textContent = newTextContent;
+    }
+    const tooltipText = !hideTooltip && React.createElement(
+      "div",
+      {
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          selectText(e.currentTarget);
+        }
+      },
+      textContent
+    );
+    const p = { title: tooltipText };
+    return React.createElement(Tooltip, p, [
+      /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+        Component,
+        {
+          className: clsx(
+            "sirius-text truncate vertical-bottom",
+            "all-[a]:truncate all-[a]:vertical-bottom all-[a]:cursor-pointer all-[a:hover]:text-#0626ae",
+            className
+          ),
+          style: {
+            maxWidth,
+            display: maxWidth === void 0 ? "inherit" : "inline-block",
+            color: getTypeColor(type)
+          },
+          ...props,
+          children: child
+        }
+      ) }, "text")
+    ]);
+  }
+);
+
+export {
+  Text
+};
+//# sourceMappingURL=chunk-FMHO65DC.js.map

package/dist/chunk-FMHO65DC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Text/index.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport { Tooltip } from '../Tooltip';\nimport { selectText } from '../../utils';\nimport { useBreakpoint } from '../../utils/media';\n\ntype NormalTypes =\n  | 'default'\n  | 'secondary'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'primary';\n\ntype TextProps = {\n  children?: React.ReactNode;\n  maxWidth?: string;\n  mobileMaxWidth?: string;\n  maxCount?: number;\n  mobileMaxCount?: number;\n  hoverValue?: React.ReactNode;\n  hoverValueMaxCount?: number;\n  tag?: 'p' | 'span';\n  type?: NormalTypes;\n  hideTooltip?: boolean;\n};\ntype NativeAttrs = Omit<React.HTMLAttributes<any>, keyof TextProps>;\n\nconst getTypeColor = (type: NormalTypes) => {\n  const colors: { [key in NormalTypes]: string } = {\n    default: 'inherit',\n    primary: '#7cd77b',\n    secondary: '#666',\n    success: '#7cd77b',\n    warning: '#ffc438',\n    error: '#e15c56',\n  };\n\n  return colors[type] || colors.default;\n};\n\n// note:\n// 1. maxWidth priority is higher than maxCount\n// 2. maxCount only apply to string\n// 3. if hoverValue is provided, use hoverValue as Tooltip text, otherwise use children\n//    if text of prop tooltip is provided, use as Tooltip text\nexport const Text = React.memo(\n  ({\n    className,\n    children,\n    maxWidth: _maxWidth,\n    mobileMaxWidth = _maxWidth,\n    maxCount: _maxCount,\n    mobileMaxCount = _maxCount,\n    hoverValue,\n    hoverValueMaxCount: outerHoverValueMaxCount,\n    tag = 'p',\n    type = 'default',\n    hideTooltip = false,\n    ...props\n  }: NativeAttrs & TextProps) => {\n    const Component = tag;\n    const bp = useBreakpoint();\n    let child: React.ReactNode = children;\n    const maxCount = bp === 's' ? mobileMaxCount : _maxCount;\n    const maxWidth = bp === 's' ? mobileMaxWidth : _maxWidth;\n    if (\n      maxWidth === undefined &&\n      maxCount &&\n      typeof children === 'string' &&\n      children.length > maxCount\n    ) {\n      child = String.prototype.substr.call(children, 0, maxCount) + '...';\n    }\n\n    let textContent = hoverValue || children;\n    // 控制移动端字符串类型 tooltip 的长度\n    // 这里有个问题，就是截断的位置可能是一个完整的单词，暂时没有办法处理，如果为了避免这种情况，需要由外面传入前对内容进行处理，比如设置固定宽度小于 24rem\n    // @todo 后续可以试下读取文本长度，动态设置容器宽度值的方式，可以避免截断位置的问题\n    if (bp === 's' && typeof textContent === 'string') {\n      const hoverValueMaxCount = outerHoverValueMaxCount || 34; // default text count is 36\n      let textContentCopy: string = textContent;\n      let newTextContent: Array<React.ReactNode> = [];\n      let count = 0;\n      while (textContentCopy.length > hoverValueMaxCount) {\n        newTextContent.push(\n          <span key={count}>\n            {textContentCopy.substr(0, hoverValueMaxCount)}\n          </span>,\n        );\n        newTextContent.push(<br key={`br${count}`} />);\n        textContentCopy = textContentCopy.substr(hoverValueMaxCount);\n        // 防止文本过长的情况\n        if (count > 3) {\n          textContentCopy =\n            textContentCopy.substr(0, hoverValueMaxCount - 3) + '...';\n        }\n      }\n      newTextContent.push(<span key={++count}>{textContentCopy}</span>);\n      textContent = newTextContent;\n    }\n    const tooltipText =\n      !hideTooltip &&\n      React.createElement(\n        'div',\n        {\n          onClick: e => {\n            e.preventDefault();\n            e.stopPropagation();\n            selectText(e.currentTarget);\n          },\n        },\n        textContent,\n      );\n\n    const p = { title: tooltipText };\n    return React.createElement(Tooltip, p, [\n      <span key=\"text\">\n        <Component\n          className={clsx(\n            'sirius-text truncate vertical-bottom',\n            'all-[a]:truncate all-[a]:vertical-bottom all-[a]:cursor-pointer all-[a:hover]:text-#0626ae',\n            className,\n          )}\n          style={{\n            maxWidth,\n            display: maxWidth === undefined ? 'inherit' : 'inline-block',\n            color: getTypeColor(type),\n          }}\n          {...props}\n        >\n          {child}\n        </Component>\n      </span>,\n    ]);\n  },\n);\n"],"mappings":";;;;;;;;;;;AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AAqFP;AA1DV,IAAM,eAAe,CAAC,SAAsB;AAC1C,QAAM,SAA2C;AAAA,IAC/C,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAEA,SAAO,OAAO,IAAI,KAAK,OAAO;AAChC;AAOO,IAAM,OAAO,MAAM;AAAA,EACxB,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB;AAAA,IACA,oBAAoB;AAAA,IACpB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,cAAc;AAAA,IACd,GAAG;AAAA,EACL,MAA+B;AAC7B,UAAM,YAAY;AAClB,UAAM,KAAK,cAAc;AACzB,QAAI,QAAyB;AAC7B,UAAM,WAAW,OAAO,MAAM,iBAAiB;AAC/C,UAAM,WAAW,OAAO,MAAM,iBAAiB;AAC/C,QACE,aAAa,UACb,YACA,OAAO,aAAa,YACpB,SAAS,SAAS,UAClB;AACA,cAAQ,OAAO,UAAU,OAAO,KAAK,UAAU,GAAG,QAAQ,IAAI;AAAA,IAChE;AAEA,QAAI,cAAc,cAAc;AAIhC,QAAI,OAAO,OAAO,OAAO,gBAAgB,UAAU;AACjD,YAAM,qBAAqB,2BAA2B;AACtD,UAAI,kBAA0B;AAC9B,UAAI,iBAAyC,CAAC;AAC9C,UAAI,QAAQ;AACZ,aAAO,gBAAgB,SAAS,oBAAoB;AAClD,uBAAe;AAAA,UACb,oBAAC,UACE,0BAAgB,OAAO,GAAG,kBAAkB,KADpC,KAEX;AAAA,QACF;AACA,uBAAe,KAAK,oBAAC,UAAQ,KAAK,OAAS,CAAE;AAC7C,0BAAkB,gBAAgB,OAAO,kBAAkB;AAE3D,YAAI,QAAQ,GAAG;AACb,4BACE,gBAAgB,OAAO,GAAG,qBAAqB,CAAC,IAAI;AAAA,QACxD;AAAA,MACF;AACA,qBAAe,KAAK,oBAAC,UAAoB,6BAAV,EAAE,KAAwB,CAAO;AAChE,oBAAc;AAAA,IAChB;AACA,UAAM,cACJ,CAAC,eACD,MAAM;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,OAAK;AACZ,YAAE,eAAe;AACjB,YAAE,gBAAgB;AAClB,qBAAW,EAAE,aAAa;AAAA,QAC5B;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAEF,UAAM,IAAI,EAAE,OAAO,YAAY;AAC/B,WAAO,MAAM,cAAc,SAAS,GAAG;AAAA,MACrC,oBAAC,UACC;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA,SAAS,aAAa,SAAY,YAAY;AAAA,YAC9C,OAAO,aAAa,IAAI;AAAA,UAC1B;AAAA,UACC,GAAG;AAAA,UAEH;AAAA;AAAA,MACH,KAfQ,MAgBV;AAAA,IACF,CAAC;AAAA,EACH;AACF;","names":[]}