@cfxjs/sirius-next-common 0.1.21 → 0.1.23

package/dist/chunk-WSNSWDSR.js

@@ -1,414 +0,0 @@
-// 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",
-      limit: 2e3
-    }
-  ],
-  month: [
-    {
-      label: "6m",
-      limit: 6
-    },
-    {
-      label: "1y",
-      limit: 12
-    },
-    {
-      label: "All",
-      limit: 2e3
-    }
-  ]
-};
-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 ()" : "%a %e, %b %Y ()";
-    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-WSNSWDSR.js.map

package/dist/chunk-WSNSWDSR.js.map

@@ -1 +0,0 @@
-{"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      limit: 2000,\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      limit: 2000,\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 ()'\n        : '%a %e, %b %Y ()';\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-WUM4TYCV.js

@@ -1,150 +0,0 @@
-import {
-  Spin
-} from "./chunk-XCKMXAL2.js";
-import {
-  cn
-} from "./chunk-5NZ7OYBF.js";
-
-// src/components/Modal/index.tsx
-import { useEffect, useCallback, useMemo } from "react";
-import ReactDOM from "react-dom";
-import { X } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Backdrop = ({
-  onClick,
-  children,
-  className
-}) => /* @__PURE__ */ jsx("div", { className, onClick, children });
-var ModalContent = ({
-  containerClassName,
-  closable,
-  onClose,
-  children,
-  loading,
-  modalStyles
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn("relative bg-[#FFF] rounded shadow-lg", containerClassName),
-    tabIndex: -1,
-    style: modalStyles,
-    children: /* @__PURE__ */ jsxs(Spin, { spinning: loading, children: [
-      closable && /* @__PURE__ */ jsx(X, { className: "h-4 w-4 absolute right-5 top-5", onClick: onClose }),
-      /* @__PURE__ */ jsx("div", { className: "p-4", children })
-    ] })
-  }
-);
-var useEventListener = (eventName, handler, active) => {
-  useEffect(() => {
-    if (active) {
-      const eventListener = (event) => handler(event);
-      document.addEventListener(eventName, eventListener);
-      return () => {
-        document.removeEventListener(eventName, eventListener);
-      };
-    }
-  }, [eventName, handler, active]);
-};
-var Modal = ({
-  open,
-  closeOnEsc = true,
-  closable = true,
-  preventScroll = true,
-  backdropClassName = "",
-  containerClassName = "",
-  onOpen = () => {
-  },
-  onClose,
-  children,
-  width = "600px",
-  maskClosable = true,
-  centered = true,
-  loading = false
-}) => {
-  useEffect(() => {
-    if (open) {
-      onOpen?.();
-      if (preventScroll) {
-        document.body.style.overflow = "hidden";
-      }
-    } else {
-      if (preventScroll) {
-        document.body.style.overflow = "";
-      }
-    }
-    return () => {
-      if (preventScroll) {
-        document.body.style.overflow = "";
-      }
-    };
-  }, [open, onOpen, preventScroll]);
-  const handleKeyDown = useCallback(
-    (event) => {
-      if (event.key === "Escape" && closeOnEsc && onClose) {
-        onClose?.();
-      }
-    },
-    [closeOnEsc, onClose]
-  );
-  const handleClickOutside = useCallback(() => {
-    if (onClose && maskClosable) {
-      onClose?.();
-    }
-  }, [onClose, maskClosable]);
-  const handleBackdropClick = useCallback(
-    (event) => {
-      if (maskClosable && event.target === event.currentTarget && onClose) {
-        onClose?.();
-      }
-    },
-    [maskClosable, onClose]
-  );
-  const modalStyles = useMemo(
-    () => ({
-      width: typeof width === "string" ? width : `${width}px`,
-      margin: centered ? "auto" : void 0
-    }),
-    [width, centered]
-  );
-  useEventListener(
-    "keydown",
-    handleKeyDown,
-    open && closeOnEsc
-  );
-  useEventListener(
-    "mousedown",
-    handleClickOutside,
-    open && maskClosable
-  );
-  if (!open)
-    return null;
-  return ReactDOM.createPortal(
-    /* @__PURE__ */ jsx(
-      Backdrop,
-      {
-        onClick: handleBackdropClick,
-        className: cn(
-          "fixed inset-0 bg-[#000] bg-opacity-25 flex items-center justify-center z-10000",
-          backdropClassName
-        ),
-        children: /* @__PURE__ */ jsx(
-          ModalContent,
-          {
-            containerClassName,
-            closable,
-            onClose,
-            children,
-            loading,
-            modalStyles
-          }
-        )
-      }
-    ),
-    document.body
-  );
-};
-
-export {
-  Modal
-};
-//# sourceMappingURL=chunk-WUM4TYCV.js.map

package/dist/chunk-WUM4TYCV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Modal/index.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useMemo } from 'react';\nimport ReactDOM from 'react-dom';\nimport { X } from 'lucide-react';\nimport { Spin } from '../Spin';\nimport { cn } from '../../utils';\n\ninterface ModalProps {\n  open: boolean;\n  closeOnEsc?: boolean;\n  closable?: boolean;\n  preventScroll?: boolean;\n  backdropClassName?: string;\n  containerClassName?: string;\n  onOpen?: () => void;\n  onClose?: () => void;\n  children?: React.ReactNode;\n  width?: string | number;\n  maskClosable?: boolean;\n  centered?: boolean;\n  loading?: boolean;\n}\n\ninterface ModalContentProps {\n  containerClassName: string;\n  closable: boolean;\n  onClose?: VoidFunction;\n  children?: React.ReactNode;\n  loading?: boolean;\n  modalStyles: React.CSSProperties;\n}\n\ninterface BackdropProps {\n  onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  className: string;\n  children?: React.ReactNode;\n}\n\nconst Backdrop: React.FC<BackdropProps> = ({\n  onClick,\n  children,\n  className,\n}) => (\n  <div className={className} onClick={onClick}>\n    {children}\n  </div>\n);\n\nconst ModalContent = ({\n  containerClassName,\n  closable,\n  onClose,\n  children,\n  loading,\n  modalStyles,\n}: ModalContentProps) => (\n  <div\n    className={cn('relative bg-[#FFF] rounded shadow-lg', containerClassName)}\n    tabIndex={-1}\n    style={modalStyles}\n  >\n    <Spin spinning={loading}>\n      {closable && (\n        <X className=\"h-4 w-4 absolute right-5 top-5\" onClick={onClose} />\n      )}\n      <div className=\"p-4\">{children}</div>\n    </Spin>\n  </div>\n);\n\nconst useEventListener = (\n  eventName: string,\n  handler: (event: Event) => void,\n  active: boolean,\n) => {\n  useEffect(() => {\n    if (active) {\n      const eventListener = (event: Event) => handler(event);\n\n      document.addEventListener(eventName, eventListener);\n      return () => {\n        document.removeEventListener(eventName, eventListener);\n      };\n    }\n  }, [eventName, handler, active]);\n};\n\nconst Modal: React.FC<ModalProps> = ({\n  open,\n  closeOnEsc = true,\n  closable = true,\n  preventScroll = true,\n  backdropClassName = '',\n  containerClassName = '',\n  onOpen = () => {},\n  onClose,\n  children,\n  width = '600px',\n  maskClosable = true,\n  centered = true,\n  loading = false,\n}) => {\n  useEffect(() => {\n    if (open) {\n      onOpen?.();\n      if (preventScroll) {\n        document.body.style.overflow = 'hidden';\n      }\n    } else {\n      if (preventScroll) {\n        document.body.style.overflow = '';\n      }\n    }\n    return () => {\n      if (preventScroll) {\n        document.body.style.overflow = '';\n      }\n    };\n  }, [open, onOpen, preventScroll]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && closeOnEsc && onClose) {\n        onClose?.();\n      }\n    },\n    [closeOnEsc, onClose],\n  );\n\n  const handleClickOutside = useCallback(() => {\n    if (onClose && maskClosable) {\n      onClose?.();\n    }\n  }, [onClose, maskClosable]);\n\n  const handleBackdropClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      if (maskClosable && event.target === event.currentTarget && onClose) {\n        onClose?.();\n      }\n    },\n    [maskClosable, onClose],\n  );\n\n  const modalStyles: React.CSSProperties = useMemo(\n    () => ({\n      width: typeof width === 'string' ? width : `${width}px`,\n      margin: centered ? 'auto' : undefined,\n    }),\n    [width, centered],\n  );\n\n  useEventListener(\n    'keydown',\n    handleKeyDown as (event: Event) => void,\n    open && closeOnEsc,\n  );\n  useEventListener(\n    'mousedown',\n    handleClickOutside as (event: Event) => void,\n    open && maskClosable,\n  );\n\n  if (!open) return null;\n\n  return ReactDOM.createPortal(\n    <Backdrop\n      onClick={handleBackdropClick}\n      className={cn(\n        'fixed inset-0 bg-[#000] bg-opacity-25 flex items-center justify-center z-10000',\n        backdropClassName,\n      )}\n    >\n      <ModalContent\n        containerClassName={containerClassName}\n        closable={closable}\n        onClose={onClose}\n        children={children}\n        loading={loading}\n        modalStyles={modalStyles}\n      />\n    </Backdrop>,\n    document.body,\n  );\n};\n\nexport { Modal };\n"],"mappings":"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","names":[]}