@arcblock/ux 2.11.9 → 2.11.11

package/lib/BlockletV2/blocklet.d.ts

@@ -5,9 +5,9 @@ export interface IBlockletStore extends CardProps {
     title: string;
     description?: string;
     cover?: string;
-    avatar: string;
-    author: string;
-    download: string;
+    avatar?: string;
+    author?: string;
+    download?: string;
     official?: {
         tooltip: React.ReactNode;
         size?: number;
@@ -15,16 +15,16 @@ export interface IBlockletStore extends CardProps {
     };
     button?: React.ReactNode;
     buttonText?: string;
-    buttonDisabled?: false | true;
-    buttonLoading?: false | true;
+    buttonDisabled?: boolean;
+    buttonLoading?: boolean;
     onButtonClick?: Function;
     onMainClick?: Function;
     className?: string;
     status?: {
         key: string;
         icon: React.ReactNode;
-        text: string;
-        title?: string;
+        text: React.ReactNode;
+        title?: React.ReactNode;
         maxWidth?: number;
         color?: string;
         align?: 'left' | 'right';
@@ -32,7 +32,7 @@ export interface IBlockletStore extends CardProps {
     icons?: {
         key: string;
         icon: string | React.ReactElement;
-        title: string;
+        title: React.ReactNode;
         color?: string;
     }[];
 }

package/lib/BlockletV2/blocklet.js

@@ -8,7 +8,7 @@ import Avatar from '../Avatar';
 import Button from '../Button';
 import { useTheme } from '../Theme';
 import IconText from './components/icon-text';
-import TooltipIcon from './tooltip-icon';
+import TooltipIcon from './components/tooltip-icon';
 import { formatDownloadCount, strippedString } from './utils';
 export default function BlockletStore(props) {
   const {
@@ -104,6 +104,7 @@ export default function BlockletStore(props) {
           textOverflow: 'ellipsis',
           whiteSpace: 'nowrap',
           overflow: 'hidden',
+          cursor: 'default',
           pl: 0.5,
           '&&': {
             flexShrink: 1
@@ -133,7 +134,7 @@ export default function BlockletStore(props) {
             }
           }) : item.icon
         }, item.key))]
-      }), button || onButtonClick && /*#__PURE__*/_jsxs(Button, {
+      }), onButtonClick && /*#__PURE__*/_jsxs(Button, {
         color: "reverse",
         variant: "outlined",
         size: "small",
@@ -152,7 +153,7 @@ export default function BlockletStore(props) {
             color: 'inherit'
           }
         }), buttonText]
-      })]
+      }), button]
     }), /*#__PURE__*/_jsx(Stack, {
       py: 2,
       children: /*#__PURE__*/_jsx(Typography, {
@@ -165,6 +166,7 @@ export default function BlockletStore(props) {
           WebkitLineClamp: 2,
           WebkitBoxOrient: 'vertical',
           overflow: 'hidden',
+          cursor: 'default',
           height: 40
         },
         ...descriptionProps

package/lib/BlockletV2/components/icon-text.d.ts

@@ -4,6 +4,6 @@ export default function IconText({ icon, children, maxWidth, title, sx, }: {
     icon?: React.ReactNode;
     children?: React.ReactNode;
     maxWidth?: number;
-    title?: string;
+    title?: React.ReactNode;
     sx?: StackProps['sx'];
 }): false | "" | 0 | import("react/jsx-runtime").JSX.Element | null | undefined;

package/lib/BlockletV2/components/icon-text.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Stack, Typography } from '@mui/material';
 import React from 'react';
+import TooltipIcon from './tooltip-icon';
 export default function IconText({
   icon,
   children,
@@ -16,16 +17,19 @@ export default function IconText({
       maxWidth,
       overflow: 'hidden'
     }, ...(Array.isArray(sx) ? sx : [sx])],
-    children: [icon, /*#__PURE__*/_jsx(Typography, {
-      flex: 1,
-      variant: "body2",
-      sx: {
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        whiteSpace: 'nowrap'
-      },
-      title: title || (typeof children === 'string' ? children : undefined),
-      children: children
+    children: [icon, /*#__PURE__*/_jsx(TooltipIcon, {
+      title: title || (typeof children === 'string' ? children : ''),
+      children: /*#__PURE__*/_jsx(Typography, {
+        flex: 1,
+        variant: "body2",
+        sx: {
+          overflow: 'hidden',
+          textOverflow: 'ellipsis',
+          whiteSpace: 'nowrap',
+          cursor: 'default'
+        },
+        children: children
+      })
     })]
   });
 }

package/lib/BlockletV2/{tooltip-icon.d.ts → components/tooltip-icon.d.ts}

@@ -4,4 +4,4 @@ export interface TooltipIconProps extends TooltipProps {
     fontWeight?: number | string;
     color?: string;
 }
-export default function TooltipIcon({ title, sx, children, PopperProps, fontSize, fontWeight, color, ...props }: TooltipIconProps): import("react/jsx-runtime").JSX.Element;
+export default function TooltipIcon({ title, sx, children, slotProps, fontSize, fontWeight, color, ...props }: TooltipIconProps): import("react/jsx-runtime").JSX.Element;

package/lib/BlockletV2/components/tooltip-icon.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tooltip, tooltipClasses } from '@mui/material';
+export default function TooltipIcon({
+  title,
+  sx,
+  children,
+  slotProps,
+  fontSize = 12,
+  fontWeight = 500,
+  color = 'text.secondary',
+  ...props
+}) {
+  return title ? /*#__PURE__*/_jsx(Tooltip, {
+    title: title,
+    placement: "top",
+    ...props,
+    slotProps: {
+      popper: {
+        ...slotProps?.popper,
+        sx: [{
+          [`& .${tooltipClasses.tooltip}`]: {
+            backgroundColor: 'common.white',
+            fontSize,
+            fontWeight,
+            boxShadow: '0px 4px 8px 0px #03071214, 0px 0px 0px 1px #03071214',
+            marginBottom: '6px !important',
+            borderRadius: '8px',
+            cursor: 'default',
+            color,
+            display: 'flex',
+            alignItems: 'center'
+          }
+        }, ...(Array.isArray(slotProps?.popper?.sx) ? slotProps.popper.sx : [slotProps?.popper?.sx])]
+      }
+    },
+    children: children
+  }) : children;
+}

package/lib/BlockletV2/index.d.ts

@@ -1,5 +1,5 @@
 import ActionButton, { strippedString } from './utils';
 import Blocklet from './blocklet';
-import TooltipIcon from './tooltip-icon';
+import TooltipIcon from './components/tooltip-icon';
 export { ActionButton, strippedString, TooltipIcon };
 export default Blocklet;

package/lib/BlockletV2/index.js

@@ -1,5 +1,5 @@
 import ActionButton, { strippedString } from './utils';
 import Blocklet from './blocklet';
-import TooltipIcon from './tooltip-icon';
+import TooltipIcon from './components/tooltip-icon';
 export { ActionButton, strippedString, TooltipIcon };
 export default Blocklet;

package/lib/ErrorBoundary/fallback.d.ts

@@ -1,8 +1,3 @@
-export interface InternalErrorFallbackProps {
-    title?: string;
-    desc: string;
-    retryFunc?: (() => void) | null;
-}
 export interface ErrorFallbackProps {
     error: Error;
 }
@@ -12,3 +7,4 @@ export interface ErrorFallbackRetryProps {
     resetErrorBoundary: () => void;
 }
 export declare function ErrorFallbackRetry({ error, resetErrorBoundary }: ErrorFallbackRetryProps): import("react/jsx-runtime").JSX.Element;
+export declare function ReactRouterErrorFallback(): import("react/jsx-runtime").JSX.Element;

package/lib/ErrorBoundary/fallback.js

@@ -1,24 +1,48 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { red } from '@mui/material/colors';
+import { Alert, AlertTitle, Box, Typography } from '@mui/material';
+import { useRouteError } from 'react-router-dom';
 import Button from '../Button';
-import { styled } from '../Theme';
 function InternalErrorFallback({
   title = 'Something went wrong...',
   desc,
-  retryFunc = null
+  extraContent = null,
+  severity = 'error'
 }) {
-  return /*#__PURE__*/_jsxs(Root, {
-    role: "alert",
-    children: [/*#__PURE__*/_jsx("h3", {
+  const gotoHome = () => window.location.replace('/');
+  const refresh = () => window.location.reload();
+  return /*#__PURE__*/_jsxs(Alert, {
+    severity: severity,
+    variant: "outlined",
+    icon: false,
+    sx: {
+      justifyContent: 'center'
+    },
+    children: [title ? /*#__PURE__*/_jsx(AlertTitle, {
       children: title
-    }), /*#__PURE__*/_jsx("pre", {
+    }) : null, desc ? /*#__PURE__*/_jsx(Typography, {
+      variant: "body2",
+      mb: 1,
       children: desc
-    }), retryFunc && /*#__PURE__*/_jsx(Button, {
-      variant: "contained",
-      color: "error",
-      size: "small",
-      onClick: retryFunc,
-      children: "Try again"
+    }) : null, extraContent ?? /*#__PURE__*/_jsxs(Box, {
+      sx: {
+        display: 'flex',
+        gap: 1,
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      children: [/*#__PURE__*/_jsx(Button, {
+        variant: "outlined",
+        color: severity,
+        size: "small",
+        onClick: gotoHome,
+        children: "Home"
+      }), /*#__PURE__*/_jsx(Button, {
+        variant: "contained",
+        color: severity,
+        size: "small",
+        onClick: refresh,
+        children: "Refresh"
+      })]
     })]
   });
 }
@@ -35,21 +59,19 @@ export function ErrorFallbackRetry({
 }) {
   return /*#__PURE__*/_jsx(InternalErrorFallback, {
     desc: error.message,
-    retryFunc: resetErrorBoundary
+    extraContent: /*#__PURE__*/_jsx(Button, {
+      variant: "contained",
+      color: "error",
+      size: "small",
+      onClick: resetErrorBoundary,
+      children: "Try again"
+    })
   });
 }
-const Root = styled('div')`
-  padding: 16px;
-  border: 2px solid ${props => props.theme.palette.error.main};
-  border-radius: 4px;
-  color: ${props => props.theme.palette.error.main};
-  background-color: ${red[50]};
-  font-size: 14px;
-  h3 {
-    margin: 0;
-    font-size: 16px;
-  }
-  pre {
-    white-space: normal;
-  }
-`;
+export function ReactRouterErrorFallback() {
+  const error = useRouteError();
+  return /*#__PURE__*/_jsx(InternalErrorFallback, {
+    title: "Current route occurred an error",
+    desc: error.message
+  });
+}

package/lib/Util/index.d.ts

@@ -86,4 +86,5 @@ export declare const getTranslation: (translations: TranslationsObject, locale:
     fallbackLocale?: Locale;
     defaultValue?: string;
 }) => string;
+export declare const lazyRetry: (fn: () => Promise<any>) => import("react").LazyExoticComponent<import("react").ComponentType<any>>;
 export {};

package/lib/Util/index.js

@@ -1,7 +1,9 @@
 /* eslint-disable no-bitwise */
+import { lazy } from 'react';
 import padStart from 'lodash/padStart';
 import { getDIDMotifInfo, colors } from '@arcblock/did-motif';
 import isNil from 'lodash/isNil';
+import pRetry from 'p-retry';
 import { DID_PREFIX, WELLKNOWN_SERVICE_PATH_PREFIX } from './constant';
 let dateTool = null;
 export function parseQuery(str) {
@@ -356,4 +358,22 @@ export const getTranslation = (translations, locale, options = {}) => {
     translation = defaultValue;
   }
   return translation;
-};
+};
+export const lazyRetry = fn => /*#__PURE__*/lazy(() => pRetry(async () => {
+  try {
+    return await fn();
+  } catch (error) {
+    // HACK: pRetry 不会对 TypeError 的错误进行重试，手动放行了部分 network error 的错误，但此处的错误是经过 react-router 包装过的，不适用于上述的判断，所以这里需要特殊逻辑来进行处理
+    if (error instanceof TypeError && !error.message.includes('Failed to fetch')) {
+      throw error;
+    }
+    if (error instanceof Error) {
+      throw new Error(error.message);
+    }
+    throw new Error('Unknown error');
+  }
+},
+// 只需要重试两次，加上原本的一次，总共三次
+{
+  retries: 2
+}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.11.9",
+  "version": "2.11.11",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -68,12 +68,12 @@
     "react": ">=18.2.0",
     "react-router-dom": ">=6.22.3"
   },
-  "gitHead": "cc71a9dd666287cb70d1a7bd487d1930294b9765",
+  "gitHead": "fc251e65f592a96d6fe876dda5d6158f7fbd2613",
   "dependencies": {
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.11.9",
-    "@arcblock/nft-display": "^2.11.9",
-    "@arcblock/react-hooks": "^2.11.9",
+    "@arcblock/icons": "^2.11.11",
+    "@arcblock/nft-display": "^2.11.11",
+    "@arcblock/react-hooks": "^2.11.11",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@fontsource/inter": "^5.0.16",
     "@fontsource/ubuntu-mono": "^5.0.18",
@@ -103,6 +103,7 @@
     "lodash": "^4.17.21",
     "mui-datatables": "^4.3.0",
     "notistack": "^2.0.5",
+    "p-retry": "^6.2.1",
     "pako": "^2.1.0",
     "qrcode.react": "^3.1.0",
     "react-cookie-consent": "^6.4.1",

package/src/BlockletV2/blocklet.tsx

@@ -8,7 +8,7 @@ import Avatar from '../Avatar';
 import Button from '../Button';
 import { useTheme } from '../Theme';
 import IconText from './components/icon-text';
-import TooltipIcon from './tooltip-icon';
+import TooltipIcon from './components/tooltip-icon';
 import { formatDownloadCount, strippedString } from './utils';
 
 export interface IBlockletStore extends CardProps {
@@ -16,9 +16,9 @@ export interface IBlockletStore extends CardProps {
   title: string;
   description?: string;
   cover?: string;
-  avatar: string;
-  author: string;
-  download: string;
+  avatar?: string;
+  author?: string;
+  download?: string;
   official?: {
     tooltip: React.ReactNode;
     size?: number;
@@ -26,16 +26,16 @@ export interface IBlockletStore extends CardProps {
   };
   button?: React.ReactNode;
   buttonText?: string;
-  buttonDisabled?: false | true;
-  buttonLoading?: false | true;
+  buttonDisabled?: boolean;
+  buttonLoading?: boolean;
   onButtonClick?: Function;
   onMainClick?: Function;
   className?: string;
   status?: {
     key: string;
     icon: React.ReactNode;
-    text: string;
-    title?: string;
+    text: React.ReactNode;
+    title?: React.ReactNode;
     maxWidth?: number;
     color?: string;
     align?: 'left' | 'right';
@@ -43,7 +43,7 @@ export interface IBlockletStore extends CardProps {
   icons?: {
     key: string;
     icon: string | React.ReactElement;
-    title: string;
+    title: React.ReactNode;
     color?: string;
   }[];
 }
@@ -116,6 +116,7 @@ export default function BlockletStore(props: IBlockletStore) {
             textOverflow: 'ellipsis',
             whiteSpace: 'nowrap',
             overflow: 'hidden',
+            cursor: 'default',
             pl: 0.5,
             '&&': { flexShrink: 1 },
           }}
@@ -133,24 +134,24 @@ export default function BlockletStore(props: IBlockletStore) {
             </TooltipIcon>
           ))}
         </Box>
-        {button ||
-          (onButtonClick && (
-            <Button
-              color="reverse"
-              variant="outlined"
-              size="small"
-              disabled={buttonDisabled || buttonLoading}
-              style={{
-                borderColor: theme.palette.grey[300],
-                borderRadius: 8,
-                fontSize: 13,
-                fontWeight: theme.typography.fontWeightMedium,
-              }}
-              onClick={handleButtonClick}>
-              {buttonLoading && <CircularProgress size={15} style={{ marginRight: 3, color: 'inherit' }} />}
-              {buttonText}
-            </Button>
-          ))}
+        {onButtonClick && (
+          <Button
+            color="reverse"
+            variant="outlined"
+            size="small"
+            disabled={buttonDisabled || buttonLoading}
+            style={{
+              borderColor: theme.palette.grey[300],
+              borderRadius: 8,
+              fontSize: 13,
+              fontWeight: theme.typography.fontWeightMedium,
+            }}
+            onClick={handleButtonClick}>
+            {buttonLoading && <CircularProgress size={15} style={{ marginRight: 3, color: 'inherit' }} />}
+            {buttonText}
+          </Button>
+        )}
+        {button}
       </Stack>
       <Stack py={2}>
         <Typography
@@ -163,6 +164,7 @@ export default function BlockletStore(props: IBlockletStore) {
             WebkitLineClamp: 2,
             WebkitBoxOrient: 'vertical',
             overflow: 'hidden',
+            cursor: 'default',
             height: 40,
           }}
           {...descriptionProps}

package/src/BlockletV2/components/icon-text.tsx

@@ -1,5 +1,6 @@
 import { Stack, StackProps, Typography } from '@mui/material';
 import React from 'react';
+import TooltipIcon from './tooltip-icon';
 
 export default function IconText({
   icon,
@@ -11,7 +12,7 @@ export default function IconText({
   icon?: React.ReactNode;
   children?: React.ReactNode;
   maxWidth?: number;
-  title?: string;
+  title?: React.ReactNode;
   sx?: StackProps['sx'];
 }) {
   return (
@@ -22,13 +23,14 @@ export default function IconText({
         gap={0.5}
         sx={[{ maxWidth, overflow: 'hidden' }, ...(Array.isArray(sx) ? sx : [sx])]}>
         {icon}
-        <Typography
-          flex={1}
-          variant="body2"
-          sx={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}
-          title={title || (typeof children === 'string' ? children : undefined)}>
-          {children}
-        </Typography>
+        <TooltipIcon title={title || (typeof children === 'string' ? children : '')}>
+          <Typography
+            flex={1}
+            variant="body2"
+            sx={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', cursor: 'default' }}>
+            {children}
+          </Typography>
+        </TooltipIcon>
       </Stack>
     )
   );

package/src/BlockletV2/components/tooltip-icon.tsx

@@ -0,0 +1,51 @@
+import { Tooltip, TooltipProps, tooltipClasses } from '@mui/material';
+
+export interface TooltipIconProps extends TooltipProps {
+  fontSize?: number | string;
+  fontWeight?: number | string;
+  color?: string;
+}
+
+export default function TooltipIcon({
+  title,
+  sx,
+  children,
+  slotProps,
+  fontSize = 12,
+  fontWeight = 500,
+  color = 'text.secondary',
+  ...props
+}: TooltipIconProps) {
+  return title ? (
+    <Tooltip
+      title={title}
+      placement="top"
+      {...props}
+      slotProps={{
+        popper: {
+          ...slotProps?.popper,
+          sx: [
+            {
+              [`& .${tooltipClasses.tooltip}`]: {
+                backgroundColor: 'common.white',
+                fontSize,
+                fontWeight,
+                boxShadow: '0px 4px 8px 0px #03071214, 0px 0px 0px 1px #03071214',
+                marginBottom: '6px !important',
+                borderRadius: '8px',
+                cursor: 'default',
+                color,
+                display: 'flex',
+                alignItems: 'center',
+              },
+            },
+            ...(Array.isArray(slotProps?.popper?.sx) ? slotProps.popper.sx : [slotProps?.popper?.sx]),
+          ],
+        },
+      }}>
+      {children}
+    </Tooltip>
+  ) : (
+    children
+  );
+}

package/src/BlockletV2/index.ts

@@ -1,6 +1,6 @@
 import ActionButton, { strippedString } from './utils';
 import Blocklet from './blocklet';
-import TooltipIcon from './tooltip-icon';
+import TooltipIcon from './components/tooltip-icon';
 
 export { ActionButton, strippedString, TooltipIcon };
 export default Blocklet;

package/src/ErrorBoundary/fallback.tsx

@@ -1,28 +1,51 @@
-import { red } from '@mui/material/colors';
+import { Alert, AlertTitle, Box, Typography, type AlertProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { useRouteError } from 'react-router-dom';
+
 import Button from '../Button';
-import { styled } from '../Theme';
 
-export interface InternalErrorFallbackProps {
+interface InternalErrorFallbackProps {
   title?: string;
   desc: string;
-  retryFunc?: (() => void) | null;
+  extraContent?: ReactNode;
+  severity?: AlertProps['severity'];
 }
 
 function InternalErrorFallback({
   title = 'Something went wrong...',
   desc,
-  retryFunc = null,
+  extraContent = null,
+  severity = 'error',
 }: InternalErrorFallbackProps) {
+  const gotoHome = () => window.location.replace('/');
+  const refresh = () => window.location.reload();
+
   return (
-    <Root role="alert">
-      <h3>{title}</h3>
-      <pre>{desc}</pre>
-      {retryFunc && (
-        <Button variant="contained" color="error" size="small" onClick={retryFunc}>
-          Try again
-        </Button>
+    <Alert
+      severity={severity}
+      variant="outlined"
+      icon={false}
+      sx={{
+        justifyContent: 'center',
+      }}>
+      {title ? <AlertTitle>{title}</AlertTitle> : null}
+      {desc ? (
+        <Typography variant="body2" mb={1}>
+          {desc}
+        </Typography>
+      ) : null}
+      {extraContent ?? (
+        <Box sx={{ display: 'flex', gap: 1, justifyContent: 'center', alignItems: 'center' }}>
+          <Button variant="outlined" color={severity} size="small" onClick={gotoHome}>
+            Home
+          </Button>
+
+          <Button variant="contained" color={severity} size="small" onClick={refresh}>
+            Refresh
+          </Button>
+        </Box>
       )}
-    </Root>
+    </Alert>
   );
 }
 
@@ -40,21 +63,19 @@ export interface ErrorFallbackRetryProps {
 }
 
 export function ErrorFallbackRetry({ error, resetErrorBoundary }: ErrorFallbackRetryProps) {
-  return <InternalErrorFallback desc={error.message} retryFunc={resetErrorBoundary} />;
+  return (
+    <InternalErrorFallback
+      desc={error.message}
+      extraContent={
+        <Button variant="contained" color="error" size="small" onClick={resetErrorBoundary}>
+          Try again
+        </Button>
+      }
+    />
+  );
 }
 
-const Root = styled('div')`
-  padding: 16px;
-  border: 2px solid ${(props) => props.theme.palette.error.main};
-  border-radius: 4px;
-  color: ${(props) => props.theme.palette.error.main};
-  background-color: ${red[50]};
-  font-size: 14px;
-  h3 {
-    margin: 0;
-    font-size: 16px;
-  }
-  pre {
-    white-space: normal;
-  }
-`;
+export function ReactRouterErrorFallback() {
+  const error = useRouteError() as Error;
+  return <InternalErrorFallback title="Current route occurred an error" desc={error.message} />;
+}

package/src/Util/index.ts

@@ -1,7 +1,9 @@
 /* eslint-disable no-bitwise */
+import { lazy } from 'react';
 import padStart from 'lodash/padStart';
 import { getDIDMotifInfo, colors } from '@arcblock/did-motif';
 import isNil from 'lodash/isNil';
+import pRetry from 'p-retry';
 import { DID_PREFIX, WELLKNOWN_SERVICE_PATH_PREFIX } from './constant';
 import type { $TSFixMe, Locale } from '../type';
 
@@ -456,3 +458,25 @@ export const getTranslation = (
 
   return translation;
 };
+
+export const lazyRetry = (fn: () => Promise<any>) =>
+  lazy(() =>
+    pRetry(
+      async () => {
+        try {
+          return await fn();
+        } catch (error: unknown) {
+          // HACK: pRetry 不会对 TypeError 的错误进行重试，手动放行了部分 network error 的错误，但此处的错误是经过 react-router 包装过的，不适用于上述的判断，所以这里需要特殊逻辑来进行处理
+          if (error instanceof TypeError && !error.message.includes('Failed to fetch')) {
+            throw error;
+          }
+          if (error instanceof Error) {
+            throw new Error(error.message);
+          }
+          throw new Error('Unknown error');
+        }
+      },
+      // 只需要重试两次，加上原本的一次，总共三次
+      { retries: 2 }
+    )
+  );

package/lib/BlockletV2/tooltip-icon.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tooltip, tooltipClasses } from '@mui/material';
-export default function TooltipIcon({
-  title,
-  sx,
-  children,
-  PopperProps,
-  fontSize = 12,
-  fontWeight = 500,
-  color = 'text.secondary',
-  ...props
-}) {
-  return title ? /*#__PURE__*/_jsx(Tooltip, {
-    title: title,
-    placement: "top",
-    ...props,
-    PopperProps: {
-      ...PopperProps,
-      sx: [{
-        [`& .${tooltipClasses.tooltip}`]: {
-          backgroundColor: 'common.white',
-          boxShadow: 1,
-          fontSize,
-          fontWeight,
-          color,
-          display: 'flex',
-          alignItems: 'center'
-        }
-      }, ...(Array.isArray(PopperProps?.sx) ? PopperProps.sx : [PopperProps?.sx])]
-    },
-    children: children
-  }) : children;
-}

package/src/BlockletV2/tooltip-icon.tsx

@@ -1,46 +0,0 @@
-import { Tooltip, TooltipProps, tooltipClasses } from '@mui/material';
-
-export interface TooltipIconProps extends TooltipProps {
-  fontSize?: number | string;
-  fontWeight?: number | string;
-  color?: string;
-}
-
-export default function TooltipIcon({
-  title,
-  sx,
-  children,
-  PopperProps,
-  fontSize = 12,
-  fontWeight = 500,
-  color = 'text.secondary',
-  ...props
-}: TooltipIconProps) {
-  return title ? (
-    <Tooltip
-      title={title}
-      placement="top"
-      {...props}
-      PopperProps={{
-        ...PopperProps,
-        sx: [
-          {
-            [`& .${tooltipClasses.tooltip}`]: {
-              backgroundColor: 'common.white',
-              boxShadow: 1,
-              fontSize,
-              fontWeight,
-              color,
-              display: 'flex',
-              alignItems: 'center',
-            },
-          },
-          ...(Array.isArray(PopperProps?.sx) ? PopperProps.sx : [PopperProps?.sx]),
-        ],
-      }}>
-      {children}
-    </Tooltip>
-  ) : (
-    children
-  );
-}