@cfxjs/sirius-next-common 0.0.1 → 0.0.2-zg

package/dist/chunk-XKKCZHHP.js

@@ -0,0 +1,150 @@
+import {
+  Spin
+} from "./chunk-XCKMXAL2.js";
+import {
+  cn
+} from "./chunk-NDCMVJNJ.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-XKKCZHHP.js.map

package/dist/chunk-XKKCZHHP.js.map

@@ -0,0 +1 @@
+{"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":[]}

package/dist/{chunk-AQPHS44A.js → chunk-XZPP35AP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-P5STBOCR.js";
 import {
   useI18n
-} from "./chunk-WFCK7FPT.js";
+} from "./chunk-HRW4BUP4.js";
 
 // src/components/Charts/ChartOptions.tsx
 import { useTranslation } from "react-i18next";
@@ -62,4 +62,4 @@ var ChartOptions_default = ChartOptions;
 export {
   ChartOptions_default
 };
-//# sourceMappingURL=chunk-AQPHS44A.js.map
+//# sourceMappingURL=chunk-XZPP35AP.js.map

package/dist/{chunk-AQPHS44A.js.map → chunk-XZPP35AP.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Charts/ChartOptions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport { useI18n } from '../../store';\nimport { ScopeItemType, ScopeType, ChartOptionsProps, scope } from './config';\n\nconst ChartOptions = ({\n  intervalScope,\n  intervalType,\n  limit,\n  onCombination,\n}: ChartOptionsProps) => {\n  const { t } = useTranslation();\n  const { translations } = useI18n();\n  const intervalScopeDefault = intervalScope || { day: scope.day };\n  return (\n    <div className=\"flex relative z-2 top-[10px] mb-[20px] left-[40px] gap-[10px] flex-col chartsFilter:flex-row chartsFilter:gap-0\">\n      <div className=\"flex gap-[3px] mr-[20px]\">\n        <div>{t(translations.highcharts.options.time)}:</div>\n        {Object.keys(intervalScopeDefault).map((e, i) => {\n          const scopeItemArray = intervalScopeDefault[e as keyof ScopeType];\n          const lastScopeItem = scopeItemArray?.[scopeItemArray.length - 1];\n          const lastItemLimit = lastScopeItem?.limit;\n\n          return (\n            <div\n              className={`${intervalType === e ? 'bg-[#E6EBF5]' : 'bg-[#F7F7F7]'} w-fit px-[7px] py-[2px] rounded-[5px] text-[12px] cursor-pointer hover:bg-[#eee]`}\n              key={'scopeKey' + i}\n              onClick={() =>\n                onCombination(e as keyof ScopeType, lastItemLimit + '')\n              }\n            >\n              {e}\n            </div>\n          );\n        })}\n      </div>\n      <div className=\"flex gap-[3px]\">\n        <div>{t(translations.highcharts.options.range)}:</div>\n        {intervalScopeDefault[intervalType]?.map(\n          (e: ScopeItemType, i: number) => (\n            <div\n              key={'scopeLimit' + i}\n              onClick={() => onCombination(intervalType, e.limit + '')}\n              className={`${limit === e.limit + '' ? 'bg-[#E6EBF5]' : 'bg-[#F7F7F7]'} w-fit px-[7px] py-[2px] rounded-[5px] text-[12px] cursor-pointer hover:bg-[#eee]`}\n            >\n              {e.label}\n            </div>\n          ),\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default ChartOptions;\n"],"mappings":";;;;;;;;AAAA,SAAS,sBAAsB;AAgBvB,SAOI,KAPJ;AAZR,IAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,aAAa,IAAI,QAAQ;AACjC,QAAM,uBAAuB,iBAAiB,EAAE,KAAK,MAAM,IAAI;AAC/D,SACE,qBAAC,SAAI,WAAU,mHACb;AAAA,yBAAC,SAAI,WAAU,4BACb;AAAA,2BAAC,SAAK;AAAA,UAAE,aAAa,WAAW,QAAQ,IAAI;AAAA,QAAE;AAAA,SAAC;AAAA,MAC9C,OAAO,KAAK,oBAAoB,EAAE,IAAI,CAAC,GAAG,MAAM;AAC/C,cAAM,iBAAiB,qBAAqB,CAAoB;AAChE,cAAM,gBAAgB,iBAAiB,eAAe,SAAS,CAAC;AAChE,cAAM,gBAAgB,eAAe;AAErC,eACE;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,iBAAiB,IAAI,iBAAiB,cAAc;AAAA,YAElE,SAAS,MACP,cAAc,GAAsB,gBAAgB,EAAE;AAAA,YAGvD;AAAA;AAAA,UALI,aAAa;AAAA,QAMpB;AAAA,MAEJ,CAAC;AAAA,OACH;AAAA,IACA,qBAAC,SAAI,WAAU,kBACb;AAAA,2BAAC,SAAK;AAAA,UAAE,aAAa,WAAW,QAAQ,KAAK;AAAA,QAAE;AAAA,SAAC;AAAA,MAC/C,qBAAqB,YAAY,GAAG;AAAA,QACnC,CAAC,GAAkB,MACjB;AAAA,UAAC;AAAA;AAAA,YAEC,SAAS,MAAM,cAAc,cAAc,EAAE,QAAQ,EAAE;AAAA,YACvD,WAAW,GAAG,UAAU,EAAE,QAAQ,KAAK,iBAAiB,cAAc;AAAA,YAErE,YAAE;AAAA;AAAA,UAJE,eAAe;AAAA,QAKtB;AAAA,MAEJ;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}
+{"version":3,"sources":["../src/components/Charts/ChartOptions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport { useI18n } from '../../store';\nimport { ScopeItemType, ScopeType, ChartOptionsProps, scope } from './config';\n\nconst ChartOptions = ({\n  intervalScope,\n  intervalType,\n  limit,\n  onCombination,\n}: ChartOptionsProps) => {\n  const { t } = useTranslation();\n  const { translations } = useI18n();\n  const intervalScopeDefault = intervalScope || { day: scope.day };\n  return (\n    <div className=\"flex relative z-2 top-[10px] mb-[20px] left-[40px] gap-[10px] flex-col chartsFilter:flex-row chartsFilter:gap-0\">\n      <div className=\"flex gap-[3px] mr-[20px]\">\n        <div>{t(translations.highcharts.options.time)}:</div>\n        {Object.keys(intervalScopeDefault).map((e, i) => {\n          const scopeItemArray = intervalScopeDefault[e as keyof ScopeType];\n          const lastScopeItem = scopeItemArray?.[scopeItemArray.length - 1];\n          const lastItemLimit = lastScopeItem?.limit;\n\n          return (\n            <div\n              className={`${intervalType === e ? 'bg-[#E6EBF5]' : 'bg-[#F7F7F7]'} w-fit px-[7px] py-[2px] rounded-[5px] text-[12px] cursor-pointer hover:bg-[#eee]`}\n              key={'scopeKey' + i}\n              onClick={() =>\n                onCombination(e as keyof ScopeType, lastItemLimit + '')\n              }\n            >\n              {e}\n            </div>\n          );\n        })}\n      </div>\n      <div className=\"flex gap-[3px]\">\n        <div>{t(translations.highcharts.options.range)}:</div>\n        {intervalScopeDefault[intervalType]?.map(\n          (e: ScopeItemType, i: number) => (\n            <div\n              key={'scopeLimit' + i}\n              onClick={() => onCombination(intervalType, e.limit + '')}\n              className={`${limit === e.limit + '' ? 'bg-[#E6EBF5]' : 'bg-[#F7F7F7]'} w-fit px-[7px] py-[2px] rounded-[5px] text-[12px] cursor-pointer hover:bg-[#eee]`}\n            >\n              {e.label}\n            </div>\n          ),\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default ChartOptions;\n"],"mappings":";;;;;;;;AAAA,SAAS,sBAAsB;AAgBvB,SAOI,KAPJ;AAZR,IAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,aAAa,IAAI,QAAQ;AACjC,QAAM,uBAAuB,iBAAiB,EAAE,KAAK,MAAM,IAAI;AAC/D,SACE,qBAAC,SAAI,WAAU,mHACb;AAAA,yBAAC,SAAI,WAAU,4BACb;AAAA,2BAAC,SAAK;AAAA,UAAE,aAAa,WAAW,QAAQ,IAAI;AAAA,QAAE;AAAA,SAAC;AAAA,MAC9C,OAAO,KAAK,oBAAoB,EAAE,IAAI,CAAC,GAAG,MAAM;AAC/C,cAAM,iBAAiB,qBAAqB,CAAoB;AAChE,cAAM,gBAAgB,iBAAiB,eAAe,SAAS,CAAC;AAChE,cAAM,gBAAgB,eAAe;AAErC,eACE;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,iBAAiB,IAAI,iBAAiB;AAAA,YAEpD,SAAS,MACP,cAAc,GAAsB,gBAAgB,EAAE;AAAA,YAGvD;AAAA;AAAA,UALI,aAAa;AAAA,QAMpB;AAAA,MAEJ,CAAC;AAAA,OACH;AAAA,IACA,qBAAC,SAAI,WAAU,kBACb;AAAA,2BAAC,SAAK;AAAA,UAAE,aAAa,WAAW,QAAQ,KAAK;AAAA,QAAE;AAAA,SAAC;AAAA,MAC/C,qBAAqB,YAAY,GAAG;AAAA,QACnC,CAAC,GAAkB,MACjB;AAAA,UAAC;AAAA;AAAA,YAEC,SAAS,MAAM,cAAc,cAAc,EAAE,QAAQ,EAAE;AAAA,YACvD,WAAW,GAAG,UAAU,EAAE,QAAQ,KAAK,iBAAiB;AAAA,YAEvD,YAAE;AAAA;AAAA,UAJE,eAAe;AAAA,QAKtB;AAAA,MAEJ;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/{chunk-APPX7GEO.js → chunk-ZAKHKJLN.js}

@@ -1,9 +1,9 @@
 import {
   scope
-} from "./chunk-P5STBOCR.js";
+} from "./chunk-ILJFYWLB.js";
 import {
   useI18n
-} from "./chunk-25QWXIAS.js";
+} from "./chunk-QKQG47IV.js";
 
 // src/components/Charts/ChartOptions.tsx
 import { useTranslation } from "react-i18next";
@@ -62,4 +62,4 @@ var ChartOptions_default = ChartOptions;
 export {
   ChartOptions_default
 };
-//# sourceMappingURL=chunk-APPX7GEO.js.map
+//# sourceMappingURL=chunk-ZAKHKJLN.js.map

package/dist/{chunk-5A2Q4BEC.js.map → chunk-ZAKHKJLN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Charts/ChartOptions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport { useI18n } from '../../store';\nimport { ScopeItemType, ScopeType, ChartOptionsProps, scope } from './config';\n\nconst ChartOptions = ({\n  intervalScope,\n  intervalType,\n  limit,\n  onCombination,\n}: ChartOptionsProps) => {\n  const { t } = useTranslation();\n  const { translations } = useI18n();\n  const intervalScopeDefault = intervalScope || { day: scope.day };\n  return (\n    <div className=\"flex relative z-2 top-[10px] mb-[20px] left-[40px] gap-[10px] flex-col chartsFilter:flex-row chartsFilter:gap-0\">\n      <div className=\"flex gap-[3px] mr-[20px]\">\n        <div>{t(translations.highcharts.options.time)}:</div>\n        {Object.keys(intervalScopeDefault).map((e, i) => {\n          const scopeItemArray = intervalScopeDefault[e as keyof ScopeType];\n          const lastScopeItem = scopeItemArray?.[scopeItemArray.length - 1];\n          const lastItemLimit = lastScopeItem?.limit;\n\n          return (\n            <div\n              className={`${intervalType === e ? 'bg-[#E6EBF5]' : 'bg-[#F7F7F7]'} w-fit px-[7px] py-[2px] rounded-[5px] text-[12px] cursor-pointer hover:bg-[#eee]`}\n              key={'scopeKey' + i}\n              onClick={() =>\n                onCombination(e as keyof ScopeType, lastItemLimit + '')\n              }\n            >\n              {e}\n            </div>\n          );\n        })}\n      </div>\n      <div className=\"flex gap-[3px]\">\n        <div>{t(translations.highcharts.options.range)}:</div>\n        {intervalScopeDefault[intervalType]?.map(\n          (e: ScopeItemType, i: number) => (\n            <div\n              key={'scopeLimit' + i}\n              onClick={() => onCombination(intervalType, e.limit + '')}\n              className={`${limit === e.limit + '' ? 'bg-[#E6EBF5]' : 'bg-[#F7F7F7]'} w-fit px-[7px] py-[2px] rounded-[5px] text-[12px] cursor-pointer hover:bg-[#eee]`}\n            >\n              {e.label}\n            </div>\n          ),\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default ChartOptions;\n"],"mappings":";;;;;;;;AAAA,SAAS,sBAAsB;AAgBvB,SAOI,KAPJ;AAZR,IAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,aAAa,IAAI,QAAQ;AACjC,QAAM,uBAAuB,iBAAiB,EAAE,KAAK,MAAM,IAAI;AAC/D,SACE,qBAAC,SAAI,WAAU,mHACb;AAAA,yBAAC,SAAI,WAAU,4BACb;AAAA,2BAAC,SAAK;AAAA,UAAE,aAAa,WAAW,QAAQ,IAAI;AAAA,QAAE;AAAA,SAAC;AAAA,MAC9C,OAAO,KAAK,oBAAoB,EAAE,IAAI,CAAC,GAAG,MAAM;AAC/C,cAAM,iBAAiB,qBAAqB,CAAoB;AAChE,cAAM,gBAAgB,iBAAiB,eAAe,SAAS,CAAC;AAChE,cAAM,gBAAgB,eAAe;AAErC,eACE;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,iBAAiB,IAAI,iBAAiB,cAAc;AAAA,YAElE,SAAS,MACP,cAAc,GAAsB,gBAAgB,EAAE;AAAA,YAGvD;AAAA;AAAA,UALI,aAAa;AAAA,QAMpB;AAAA,MAEJ,CAAC;AAAA,OACH;AAAA,IACA,qBAAC,SAAI,WAAU,kBACb;AAAA,2BAAC,SAAK;AAAA,UAAE,aAAa,WAAW,QAAQ,KAAK;AAAA,QAAE;AAAA,SAAC;AAAA,MAC/C,qBAAqB,YAAY,GAAG;AAAA,QACnC,CAAC,GAAkB,MACjB;AAAA,UAAC;AAAA;AAAA,YAEC,SAAS,MAAM,cAAc,cAAc,EAAE,QAAQ,EAAE;AAAA,YACvD,WAAW,GAAG,UAAU,EAAE,QAAQ,KAAK,iBAAiB,cAAc;AAAA,YAErE,YAAE;AAAA;AAAA,UAJE,eAAe;AAAA,QAKtB;AAAA,MAEJ;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}
+{"version":3,"sources":["../src/components/Charts/ChartOptions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport { useI18n } from '../../store';\nimport { ScopeItemType, ScopeType, ChartOptionsProps, scope } from './config';\n\nconst ChartOptions = ({\n  intervalScope,\n  intervalType,\n  limit,\n  onCombination,\n}: ChartOptionsProps) => {\n  const { t } = useTranslation();\n  const { translations } = useI18n();\n  const intervalScopeDefault = intervalScope || { day: scope.day };\n  return (\n    <div className=\"flex relative z-2 top-[10px] mb-[20px] left-[40px] gap-[10px] flex-col chartsFilter:flex-row chartsFilter:gap-0\">\n      <div className=\"flex gap-[3px] mr-[20px]\">\n        <div>{t(translations.highcharts.options.time)}:</div>\n        {Object.keys(intervalScopeDefault).map((e, i) => {\n          const scopeItemArray = intervalScopeDefault[e as keyof ScopeType];\n          const lastScopeItem = scopeItemArray?.[scopeItemArray.length - 1];\n          const lastItemLimit = lastScopeItem?.limit;\n\n          return (\n            <div\n              className={`${intervalType === e ? 'bg-[#E6EBF5]' : 'bg-[#F7F7F7]'} w-fit px-[7px] py-[2px] rounded-[5px] text-[12px] cursor-pointer hover:bg-[#eee]`}\n              key={'scopeKey' + i}\n              onClick={() =>\n                onCombination(e as keyof ScopeType, lastItemLimit + '')\n              }\n            >\n              {e}\n            </div>\n          );\n        })}\n      </div>\n      <div className=\"flex gap-[3px]\">\n        <div>{t(translations.highcharts.options.range)}:</div>\n        {intervalScopeDefault[intervalType]?.map(\n          (e: ScopeItemType, i: number) => (\n            <div\n              key={'scopeLimit' + i}\n              onClick={() => onCombination(intervalType, e.limit + '')}\n              className={`${limit === e.limit + '' ? 'bg-[#E6EBF5]' : 'bg-[#F7F7F7]'} w-fit px-[7px] py-[2px] rounded-[5px] text-[12px] cursor-pointer hover:bg-[#eee]`}\n            >\n              {e.label}\n            </div>\n          ),\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default ChartOptions;\n"],"mappings":";;;;;;;;AAAA,SAAS,sBAAsB;AAgBvB,SAOI,KAPJ;AAZR,IAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,aAAa,IAAI,QAAQ;AACjC,QAAM,uBAAuB,iBAAiB,EAAE,KAAK,MAAM,IAAI;AAC/D,SACE,qBAAC,SAAI,WAAU,mHACb;AAAA,yBAAC,SAAI,WAAU,4BACb;AAAA,2BAAC,SAAK;AAAA,UAAE,aAAa,WAAW,QAAQ,IAAI;AAAA,QAAE;AAAA,SAAC;AAAA,MAC9C,OAAO,KAAK,oBAAoB,EAAE,IAAI,CAAC,GAAG,MAAM;AAC/C,cAAM,iBAAiB,qBAAqB,CAAoB;AAChE,cAAM,gBAAgB,iBAAiB,eAAe,SAAS,CAAC;AAChE,cAAM,gBAAgB,eAAe;AAErC,eACE;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,iBAAiB,IAAI,iBAAiB;AAAA,YAEpD,SAAS,MACP,cAAc,GAAsB,gBAAgB,EAAE;AAAA,YAGvD;AAAA;AAAA,UALI,aAAa;AAAA,QAMpB;AAAA,MAEJ,CAAC;AAAA,OACH;AAAA,IACA,qBAAC,SAAI,WAAU,kBACb;AAAA,2BAAC,SAAK;AAAA,UAAE,aAAa,WAAW,QAAQ,KAAK;AAAA,QAAE;AAAA,SAAC;AAAA,MAC/C,qBAAqB,YAAY,GAAG;AAAA,QACnC,CAAC,GAAkB,MACjB;AAAA,UAAC;AAAA;AAAA,YAEC,SAAS,MAAM,cAAc,cAAc,EAAE,QAAQ,EAAE;AAAA,YACvD,WAAW,GAAG,UAAU,EAAE,QAAQ,KAAK,iBAAiB;AAAA,YAEvD,YAAE;AAAA;AAAA,UAJE,eAAe;AAAA,QAKtB;AAAA,MAEJ;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/{chunk-SQZ7HX2Q.js → chunk-ZRKRTAKY.js}

@@ -1,49 +1,62 @@
 import {
   RenderAddress
-} from "./chunk-ECJNCBFQ.js";
+} from "./chunk-LHGQPHTE.js";
 import {
   formatAddress,
-  isInnerContractAddress,
-  isPosAddress
-} from "./chunk-FLVGMPHV.js";
+  isInnerContractAddress
+} from "./chunk-KGSYZCQQ.js";
+import {
+  Tooltip
+} from "./chunk-CQLD2WE7.js";
 import {
   coreCorrespondsToEspace,
   formatString,
   getNetwork
-} from "./chunk-AGOKIWZZ.js";
-import {
-  Tooltip
-} from "./chunk-YVIZX6QJ.js";
+} from "./chunk-NDCMVJNJ.js";
 import {
   getEnvConfig,
-  getTranslations
-} from "./chunk-WFCK7FPT.js";
+  getTranslations,
+  useGlobalData
+} from "./chunk-HRW4BUP4.js";
 
 // src/components/AddressContainer/addressSwitcher.tsx
-import SDK from "js-conflux-sdk";
 import { AlertTriangle, File } from "@zeit-ui/react-icons";
 import InternalContractIcon from "./internal-contract-icon-ZH2RG3CU.png";
 import ContractIcon from "./contract-icon-P3W2HUAA.png";
 import VerifiedIcon from "./verified-VJRHZNN7.png";
 import isMeIcon from "./me-SIV36SR7.png";
+import { isPosAddress } from "@cfx-kit/dapp-utils/dist/address";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var ContractCreatedAddress = (props) => {
-  const { contractCreated = "", t } = props;
+  const { contractCreated = "", outputType, t, isFull } = props;
   const translations = getTranslations();
-  const fContractCreated = formatAddress(contractCreated);
+  const contractAddress = formatAddress(contractCreated, outputType);
   const customProps = {
     content: t(translations.transaction.contractCreation),
-    hrefAddress: fContractCreated,
+    alias: t(translations.transaction.contractCreation),
+    hrefAddress: contractAddress,
+    cfxAddress: contractAddress,
     maxWidth: 160
   };
-  const mergedProps = { ...customProps, ...props };
-  return RenderAddress(mergedProps);
+  const mergedProps = { ...props, ...customProps };
+  return RenderAddress({
+    ...mergedProps,
+    prefix: /* @__PURE__ */ jsx("div", { className: `mr-[2px] flex-shrink-0 ${isFull ? "icon" : ""}`, children: /* @__PURE__ */ jsx(Tooltip, { title: mergedProps.content, children: /* @__PURE__ */ jsx("div", { className: "relative w-[16px] h-[16px]", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: "w-[16px] h-[16px] align-bottom mb-[3px]",
+        src: ContractIcon,
+        alt: mergedProps.content
+      }
+    ) }) }) })
+  });
 };
 var CoreHexAddress = (props) => {
-  const { globalData, value, t, isFull, maxWidth } = props;
+  const { value, t, isFull, maxWidth } = props;
+  const { globalData } = useGlobalData();
   const ENV_CONFIG = getEnvConfig();
   const translations = getTranslations();
-  const hexAddress = SDK.format.hexAddress(value);
+  const hexAddress = formatAddress(value, "hex");
   const network = getNetwork(
     globalData?.networks,
     coreCorrespondsToEspace(ENV_CONFIG.ENV_NETWORK_ID)
@@ -60,7 +73,15 @@ var CoreHexAddress = (props) => {
   });
 };
 var InvalidAddress = (props) => {
-  const { value, alias, t, isFull, maxWidth, isFullNameTag, hideAliasPrefixInHover } = props;
+  const {
+    value,
+    alias,
+    t,
+    isFull,
+    maxWidth,
+    isFullNameTag,
+    hideAliasPrefixInHover
+  } = props;
   const translations = getTranslations();
   const tip = t(translations.general.invalidAddress);
   return RenderAddress({
@@ -120,16 +141,27 @@ var MyAddress = (props) => {
     suffix: /* @__PURE__ */ jsx("div", { className: "mr-[2px] flex-shrink-0", children: /* @__PURE__ */ jsx(
       "img",
       {
-        className: `w-[38.5px] h-[16px] mr-[3px] align-bottom mb-[${isFull ? 6 : 4}px]`,
+        className: "w-[38.5px] h-[16px] ml-[3px] align-bottom",
         src: isMeIcon,
-        alt: "is me"
+        alt: "is me",
+        style: {
+          marginBottom: isFull ? "6px" : "4px"
+        }
       }
     ) })
   });
 };
 var PosAddress = (props) => {
-  const { alias, isFull, isFullNameTag, maxWidth, t, link, isMe, hideAliasPrefixInHover } = props;
-  console.log("hideAliasPrefixInHover", hideAliasPrefixInHover);
+  const {
+    alias,
+    isFull,
+    isFullNameTag,
+    maxWidth,
+    t,
+    link,
+    isMe,
+    hideAliasPrefixInHover
+  } = props;
   const value = props.value;
   if (!value) {
     return /* @__PURE__ */ jsx(Fragment, { children: "--" });
@@ -177,4 +209,4 @@ export {
   MyAddress,
   PosAddress
 };
-//# sourceMappingURL=chunk-SQZ7HX2Q.js.map
+//# sourceMappingURL=chunk-ZRKRTAKY.js.map

package/dist/chunk-ZRKRTAKY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AddressContainer/addressSwitcher.tsx"],"sourcesContent":["import { WithTranslation } from 'react-i18next';\nimport { AlertTriangle, File } from '@zeit-ui/react-icons';\nimport InternalContractIcon from '../../images/internal-contract-icon.png';\nimport ContractIcon from '../../images/contract-icon.png';\nimport VerifiedIcon from '../../images/verified.png';\nimport isMeIcon from '../../images/me.png';\nimport { Tooltip } from '../Tooltip';\nimport { isPosAddress } from '@cfx-kit/dapp-utils/dist/address';\nimport { formatAddress, isInnerContractAddress } from '../../utils/address';\nimport { getTranslations, getEnvConfig, useGlobalData } from '../../store';\nimport { getNetwork, formatString, coreCorrespondsToEspace } from 'src/utils';\nimport { Props } from './types';\nimport { RenderAddress } from './addressView';\n\n// common\nexport const ContractCreatedAddress = (\n  props: Props & WithTranslation & { outputType: 'hex' | 'base32' },\n) => {\n  const { contractCreated = '', outputType, t, isFull } = props;\n\n  const translations = getTranslations();\n\n  const contractAddress = formatAddress(contractCreated, outputType);\n\n  const customProps = {\n    content: t(translations.transaction.contractCreation),\n    alias: t(translations.transaction.contractCreation),\n    hrefAddress: contractAddress,\n    cfxAddress: contractAddress,\n    maxWidth: 160,\n  };\n\n  const mergedProps = { ...props, ...customProps };\n  return RenderAddress({\n    ...mergedProps,\n    prefix: (\n      <div className={`mr-[2px] flex-shrink-0 ${isFull ? 'icon' : ''}`}>\n        <Tooltip title={mergedProps.content}>\n          <div className=\"relative w-[16px] h-[16px]\">\n            <img\n              className=\"w-[16px] h-[16px] align-bottom mb-[3px]\"\n              src={ContractIcon}\n              alt={mergedProps.content}\n            />\n          </div>\n        </Tooltip>\n      </div>\n    ),\n  });\n};\n\n// core\nexport const CoreHexAddress = (props: Props & WithTranslation) => {\n  const { value, t, isFull, maxWidth } = props;\n  const { globalData } = useGlobalData();\n\n  const ENV_CONFIG = getEnvConfig();\n  const translations = getTranslations();\n  const hexAddress = formatAddress(value, 'hex');\n  const network = getNetwork(\n    globalData?.networks,\n    coreCorrespondsToEspace(ENV_CONFIG.ENV_NETWORK_ID),\n  );\n  const url = `${window.location.protocol}${network.url}/address/${hexAddress}`;\n\n  return RenderAddress({\n    cfxAddress: hexAddress,\n    hoverValue: hexAddress,\n    link: url,\n    isFull,\n    maxWidth,\n    suffixSize: 0,\n    prefix: (\n      <div className=\"mr-[2px] flex-shrink-0\">\n        <Tooltip title={t((translations as any).general.eSpaceAddress)}>\n          <File size={16} color=\"#17B38A\" />\n        </Tooltip>\n      </div>\n    ),\n  });\n};\n\n// common\nexport const InvalidAddress = (props: Props & WithTranslation) => {\n  const {\n    value,\n    alias,\n    t,\n    isFull,\n    maxWidth,\n    isFullNameTag,\n    hideAliasPrefixInHover,\n  } = props;\n\n  const translations = getTranslations();\n\n  const tip = t(translations.general.invalidAddress);\n\n  return RenderAddress({\n    cfxAddress: value,\n    alias,\n    hoverValue: `${tip}: ${value}`,\n    content: alias ? formatString(alias, 'tag') : value,\n    link: false,\n    isFull,\n    isFullNameTag,\n    maxWidth,\n    style: { color: '#e00909' },\n    prefix: (\n      <div className=\"mr-[2px] flex-shrink-0\">\n        <Tooltip title={tip}>\n          <AlertTriangle size={16} color=\"#e00909\" />\n        </Tooltip>\n      </div>\n    ),\n    hideAliasPrefixInHover,\n  });\n};\n\n// common\nexport const ContractAddress = (props: Props & WithTranslation) => {\n  const { showIcon, verify, t, cfxAddress, isFull } = props;\n\n  const translations = getTranslations();\n\n  const isInnerContract = cfxAddress && isInnerContractAddress(cfxAddress);\n\n  const typeText = t(\n    isInnerContract\n      ? translations.general.internalContract\n      : verify\n        ? translations.general.verifiedContract\n        : translations.general.unverifiedContract,\n  );\n\n  return RenderAddress({\n    ...props,\n    prefix: showIcon ? (\n      <div className={`mr-[2px] flex-shrink-0 ${isFull ? 'icon' : ''}`}>\n        <Tooltip title={typeText}>\n          <div className=\"relative w-[16px] h-[16px]\">\n            {isInnerContract ? (\n              <img\n                className=\"w-[16px] h-[16px] align-bottom mb-[5px]\"\n                src={InternalContractIcon}\n                alt={typeText}\n              />\n            ) : (\n              <>\n                <img\n                  className=\"w-[16px] h-[16px] align-bottom mb-[5px]\"\n                  src={ContractIcon}\n                  alt={typeText}\n                />\n                {verify ? (\n                  <img\n                    className=\"w-[8px] h-[8px] absolute bottom-[-1px] right-[1px]\"\n                    src={VerifiedIcon}\n                    alt={''}\n                  />\n                ) : (\n                  <></>\n                )}\n              </>\n            )}\n          </div>\n        </Tooltip>\n      </div>\n    ) : (\n      <></>\n    ),\n  });\n};\n\n// common\nexport const MyAddress = (props: Props & WithTranslation) => {\n  const { isFull } = props;\n  return RenderAddress({\n    ...props,\n    suffix: (\n      <div className=\"mr-[2px] flex-shrink-0\">\n        <img\n          className=\"w-[38.5px] h-[16px] ml-[3px] align-bottom\"\n          src={isMeIcon}\n          alt=\"is me\"\n          style={{\n            marginBottom: isFull ? '6px' : '4px',\n          }}\n        />\n      </div>\n    ),\n  });\n};\n\n// core\nexport const PosAddress = (props: Props & WithTranslation) => {\n  const {\n    alias,\n    isFull,\n    isFullNameTag,\n    maxWidth,\n    t,\n    link,\n    isMe,\n    hideAliasPrefixInHover,\n  } = props;\n  const value = props.value;\n  if (!value) {\n    return <>--</>;\n  }\n  if (isMe) {\n    return MyAddress(props);\n  }\n  const translations = getTranslations();\n  const content = alias\n    ? formatString(alias, 'tag')\n    : formatString(value, 'posAddress');\n  if (!isPosAddress(value)) {\n    const tip = t(translations.general.invalidPosAddress);\n    return RenderAddress({\n      cfxAddress: value,\n      alias,\n      hoverValue: `${tip}: ${value}`,\n      content,\n      link: false,\n      isFull,\n      isFullNameTag,\n      maxWidth,\n      style: { color: '#e00909' },\n      prefix: (\n        <div className=\"mr-[2px] flex-shrink-0\">\n          <Tooltip title={tip}>\n            <AlertTriangle size={16} color=\"#e00909\" />\n          </Tooltip>\n        </div>\n      ),\n      type: 'pos',\n      hideAliasPrefixInHover,\n    });\n  }\n\n  return RenderAddress({\n    cfxAddress: value,\n    alias,\n    link,\n    isFull,\n    isFullNameTag,\n    maxWidth,\n    type: 'pos',\n    content,\n    hideAliasPrefixInHover,\n  });\n};\n"],"mappings":"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","names":[]}

package/dist/components/AddressContainer/CoreAddressContainer.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as react_i18next from 'react-i18next';
+import { WithTranslation } from 'react-i18next';
+import { CoreAddressContainerProps } from './types.js';
+
+declare const CoreAddressContainer: React.ComponentType<Omit<react_i18next.Subtract<CoreAddressContainerProps & WithTranslation<"translation", undefined>, react_i18next.WithTranslationProps>, keyof WithTranslation<N, undefined>> & react_i18next.WithTranslationProps>;
+
+export { CoreAddressContainer };

package/dist/components/AddressContainer/CoreAddressContainer.js

@@ -0,0 +1,21 @@
+import {
+  CoreAddressContainer
+} from "../../chunk-PT3E35FJ.js";
+import "../../chunk-Q6F2K6RX.js";
+import "../../chunk-HVLEBJG6.js";
+import "../../chunk-ZRKRTAKY.js";
+import "../../chunk-LHGQPHTE.js";
+import "../../chunk-KGSYZCQQ.js";
+import "../../chunk-UZEZWJOB.js";
+import "../../chunk-RD7ICJJF.js";
+import "../../chunk-TOKKKTFG.js";
+import "../../chunk-3D3AULGE.js";
+import "../../chunk-CQLD2WE7.js";
+import "../../chunk-LRCAKRPK.js";
+import "../../chunk-NDCMVJNJ.js";
+import "../../chunk-ADPYV4OL.js";
+import "../../chunk-HRW4BUP4.js";
+export {
+  CoreAddressContainer
+};
+//# sourceMappingURL=CoreAddressContainer.js.map

package/dist/components/AddressContainer/EVMAddressContainer.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as react_i18next from 'react-i18next';
+import { WithTranslation } from 'react-i18next';
+import { EVMAddressContainerProps } from './types.js';
+
+declare const EVMAddressContainer: React.ComponentType<Omit<react_i18next.Subtract<EVMAddressContainerProps & WithTranslation<"translation", undefined>, react_i18next.WithTranslationProps>, keyof WithTranslation<N, undefined>> & react_i18next.WithTranslationProps>;
+
+export { EVMAddressContainer };

package/dist/components/AddressContainer/EVMAddressContainer.js

@@ -0,0 +1,19 @@
+import {
+  EVMAddressContainer
+} from "../../chunk-NWAEIKOD.js";
+import "../../chunk-ZRKRTAKY.js";
+import "../../chunk-LHGQPHTE.js";
+import "../../chunk-KGSYZCQQ.js";
+import "../../chunk-UZEZWJOB.js";
+import "../../chunk-RD7ICJJF.js";
+import "../../chunk-TOKKKTFG.js";
+import "../../chunk-3D3AULGE.js";
+import "../../chunk-CQLD2WE7.js";
+import "../../chunk-LRCAKRPK.js";
+import "../../chunk-NDCMVJNJ.js";
+import "../../chunk-ADPYV4OL.js";
+import "../../chunk-HRW4BUP4.js";
+export {
+  EVMAddressContainer
+};
+//# sourceMappingURL=EVMAddressContainer.js.map

package/dist/components/AddressContainer/EVMAddressContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/AddressContainer/addressSwitcher.d.ts

@@ -1,11 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { WithTranslation } from 'react-i18next';
 import { Props } from './types.js';
-import '../../store/types.js';
-import '@cfxjs/sirius-next-i18n/types';
-import '../../utils/constants.js';
 
-declare const ContractCreatedAddress: (props: Props & WithTranslation) => react_jsx_runtime.JSX.Element;
+declare const ContractCreatedAddress: (props: Props & WithTranslation & {
+    outputType: 'hex' | 'base32';
+}) => react_jsx_runtime.JSX.Element;
 declare const CoreHexAddress: (props: Props & WithTranslation) => react_jsx_runtime.JSX.Element;
 declare const InvalidAddress: (props: Props & WithTranslation) => react_jsx_runtime.JSX.Element;
 declare const ContractAddress: (props: Props & WithTranslation) => react_jsx_runtime.JSX.Element;

package/dist/components/AddressContainer/addressSwitcher.js

@@ -5,15 +5,17 @@ import {
   InvalidAddress,
   MyAddress,
   PosAddress
-} from "../../chunk-OK7ZHYID.js";
-import "../../chunk-YO35FTDP.js";
-import "../../chunk-6Z6JAP4R.js";
-import "../../chunk-YDGIQMYG.js";
-import "../../chunk-AGOKIWZZ.js";
-import "../../chunk-CJQCVR64.js";
-import "../../chunk-YVIZX6QJ.js";
-import "../../chunk-5IEZKHNQ.js";
-import "../../chunk-25QWXIAS.js";
+} from "../../chunk-ZRKRTAKY.js";
+import "../../chunk-LHGQPHTE.js";
+import "../../chunk-KGSYZCQQ.js";
+import "../../chunk-UZEZWJOB.js";
+import "../../chunk-RD7ICJJF.js";
+import "../../chunk-TOKKKTFG.js";
+import "../../chunk-CQLD2WE7.js";
+import "../../chunk-LRCAKRPK.js";
+import "../../chunk-NDCMVJNJ.js";
+import "../../chunk-ADPYV4OL.js";
+import "../../chunk-HRW4BUP4.js";
 export {
   ContractAddress,
   ContractCreatedAddress,

package/dist/components/AddressContainer/addressView.d.ts

@@ -1,8 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { RenderAddressProps } from './types.js';
-import '../../store/types.js';
-import '@cfxjs/sirius-next-i18n/types';
-import '../../utils/constants.js';
 
 declare const RenderAddress: ({ cfxAddress, alias, hoverValue, hrefAddress, content, link, isFull, isFullNameTag, style, maxWidth, prefix, suffix, type, addressLabel, ENSLabel, nametag, hideAliasPrefixInHover, }: RenderAddressProps) => react_jsx_runtime.JSX.Element;
 

package/dist/components/AddressContainer/addressView.js

@@ -1,13 +1,15 @@
 import {
   RenderAddress
-} from "../../chunk-YO35FTDP.js";
-import "../../chunk-6Z6JAP4R.js";
-import "../../chunk-YDGIQMYG.js";
-import "../../chunk-AGOKIWZZ.js";
-import "../../chunk-CJQCVR64.js";
-import "../../chunk-YVIZX6QJ.js";
-import "../../chunk-5IEZKHNQ.js";
-import "../../chunk-25QWXIAS.js";
+} from "../../chunk-LHGQPHTE.js";
+import "../../chunk-KGSYZCQQ.js";
+import "../../chunk-UZEZWJOB.js";
+import "../../chunk-RD7ICJJF.js";
+import "../../chunk-TOKKKTFG.js";
+import "../../chunk-CQLD2WE7.js";
+import "../../chunk-LRCAKRPK.js";
+import "../../chunk-NDCMVJNJ.js";
+import "../../chunk-ADPYV4OL.js";
+import "../../chunk-HRW4BUP4.js";
 export {
   RenderAddress
 };

package/dist/components/AddressContainer/label.js

@@ -1,9 +1,11 @@
 import {
   getLabelInfo
-} from "../../chunk-6ITBEFLS.js";
-import "../../chunk-YVIZX6QJ.js";
-import "../../chunk-5IEZKHNQ.js";
-import "../../chunk-25QWXIAS.js";
+} from "../../chunk-3D3AULGE.js";
+import "../../chunk-CQLD2WE7.js";
+import "../../chunk-LRCAKRPK.js";
+import "../../chunk-NDCMVJNJ.js";
+import "../../chunk-ADPYV4OL.js";
+import "../../chunk-HRW4BUP4.js";
 export {
   getLabelInfo
 };

package/dist/components/AddressContainer/types.d.ts

@@ -1,16 +1,11 @@
-import { GlobalDataType } from '../../store/types.js';
-import '@cfxjs/sirius-next-i18n/types';
-import '../../utils/constants.js';
-
-interface Props {
-    globalData?: GlobalDataType;
+type Props = CoreAddressContainerProps & EVMAddressContainerProps;
+interface CoreAddressContainerProps {
     value: string;
     alias?: string;
     contractCreated?: string;
     maxWidth?: number;
     isFull?: boolean;
     isFullNameTag?: boolean;
-    isLink?: boolean;
     link?: boolean;
     isMe?: boolean;
     suffixAddressSize?: number;
@@ -35,10 +30,32 @@ interface Props {
         };
     };
     cfxAddress?: string;
-    isContract?: boolean;
     isPosAddress?: boolean;
     hideAliasPrefixInHover?: boolean;
 }
+interface EVMAddressContainerProps {
+    value: string;
+    alias?: string;
+    contractCreated?: string;
+    maxWidth?: number;
+    isFull?: boolean;
+    isFullNameTag?: boolean;
+    link?: boolean;
+    isMe?: boolean;
+    showIcon?: boolean;
+    verify?: boolean;
+    showAddressLabel?: boolean;
+    showNametag?: boolean;
+    nametag?: string | Iterable<React.ReactNode> | null;
+    nametagInfo?: {
+        [k: string]: {
+            address: string;
+            nametag: string;
+        };
+    };
+    isContract?: boolean;
+    hideAliasPrefixInHover?: boolean;
+}
 interface RenderAddressProps {
     cfxAddress?: string;
     alias?: string;
@@ -69,4 +86,4 @@ interface TooltipContent {
     };
 }
 
-export type { Props, RenderAddressProps, TooltipContent };
+export { CoreAddressContainerProps, EVMAddressContainerProps, Props, RenderAddressProps, TooltipContent };

package/dist/components/Button/BaseButton/index.d.ts

@@ -7,4 +7,4 @@ interface BaseButtonProps extends ComponentProps<'div'> {
 }
 declare const BaseButton: React.ForwardRefExoticComponent<Omit<BaseButtonProps, "ref"> & React.RefAttributes<unknown>>;
 
-export { BaseButton, type BaseButtonProps };
+export { BaseButton, BaseButtonProps };

package/dist/components/Button/index.js

@@ -1,12 +1,12 @@
 import {
   Button_default
-} from "../../chunk-WML236LE.js";
-import {
-  ActionButton
-} from "../../chunk-6UM5Y3SL.js";
+} from "../../chunk-RWMP7K3H.js";
 import {
   IconButton
 } from "../../chunk-27GSITHB.js";
+import {
+  ActionButton
+} from "../../chunk-6UM5Y3SL.js";
 import {
   BaseButton
 } from "../../chunk-3GGF3ULC.js";