@arcblock/ux 2.10.68 → 2.10.70

package/lib/LoadingMask/index.js

@@ -12,7 +12,7 @@ export default function LoadingMask({
   const finialSize = size;
   const finialRadius = borderRadius ?? finialSize / 8;
   const finialBorderWidth = borderWidth ?? finialSize / 32;
-  const finialPadding = padding ?? finialSize * 0.2 - finialBorderWidth;
+  const finialPadding = padding ?? finialSize * 0.25 - finialBorderWidth;
   const finialDuration = duration ?? 2.5;
   return /*#__PURE__*/_jsxs(Box, {
     sx: {

package/lib/NFTDisplay/displayApi.d.ts

@@ -1,2 +1,3 @@
-declare const instance: import("axios").AxiosInstance;
+import axios from 'axios';
+declare const instance: axios.AxiosInstance;
 export default instance;

package/lib/QRCode/index.js

@@ -49,8 +49,7 @@ function QRCode({
   useEffect(() => {
     if (!qrCode) return;
     qrCode.update(options);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [data, size, image, config]);
+  }, [options, qrCode]);
   return /*#__PURE__*/_jsx(Box, {
     ref: ref,
     ...rest

package/lib/SessionBlocklet/index.js

@@ -117,7 +117,8 @@ export default function SessionBlocklet({
                       width: 50,
                       height: 50,
                       objectFit: 'contain'
-                    }
+                    },
+                    alt: "SessionBlocklet component icon"
                   }) : /*#__PURE__*/_jsx(Icon, {
                     fontSize: 50,
                     icon: item.icon || WidgetsOutlineRoundedIcon,

package/lib/Success/index.js

@@ -17,7 +17,8 @@ export default function Success({
       '&, *, *::before, *::after': {
         boxSizing: 'content-box !important'
       },
-      border: theme => `${borderWidth}px solid ${theme.palette.success.main}`,
+      // 转圈边框的颜色
+      border: theme => `${borderWidth}px solid ${theme.palette.success.light}`,
       '&::before, &::after': {
         content: '""',
         height: '125%',
@@ -42,7 +43,8 @@ export default function Success({
       },
       '.icon-line': {
         height: `${borderWidth + 1}px`,
-        backgroundColor: theme => theme.palette.success.main,
+        // 对勾的颜色
+        backgroundColor: theme => theme.palette.success.light,
         display: 'block',
         borderRadius: '100vw',
         position: 'absolute',
@@ -143,7 +145,8 @@ export default function Success({
         borderRadius: '100%',
         position: 'absolute',
         boxSizing: 'contentBox',
-        border: `${borderWidth}px solid rgba(76, 175, 80, 0.5)`
+        // 圆环的颜色
+        border: `${borderWidth}px solid rgba(76, 175, 80, 0.63)`
       }
     }), /*#__PURE__*/_jsx(Box, {
       className: "icon-fix",

package/lib/Util/index.d.ts

@@ -47,13 +47,17 @@ export declare function formatToDatetime(date: string, { locale, tz }?: {
     tz?: string;
 }): any;
 export declare function detectWalletExtension(): any;
-export declare function openWebWallet({ webWalletUrl, action, locale, url, windowFeatures, }: {
+export declare function openWebWallet({ webWalletUrl, action, locale, url, windowFeatures, appInfo, memberAppInfo, }: {
     webWalletUrl: string;
     action?: string;
     locale?: Locale;
     url: string;
     windowFeatures: $TSFixMe;
-}): void;
+    appInfo: $TSFixMe;
+    memberAppInfo: $TSFixMe;
+}): {
+    type: string;
+};
 export declare const getFontSize: (size: string) => string;
 export declare const isEthereumDid: (did: string) => boolean;
 export declare const appendParams: (url: string, params: {

package/lib/Util/index.js

@@ -195,7 +195,9 @@ export function openWebWallet({
   action = 'login',
   locale = 'en',
   url,
-  windowFeatures
+  windowFeatures,
+  appInfo,
+  memberAppInfo
 }) {
   // web wallet extension
   const extension = detectWalletExtension();
@@ -203,9 +205,17 @@ export function openWebWallet({
     extension.open({
       action,
       locale,
-      url: encodeURIComponent(url)
+      url: encodeURIComponent(url),
+      appInfo: {
+        ...appInfo
+      },
+      memberAppInfo: {
+        ...memberAppInfo
+      }
     });
-    return;
+    return {
+      type: 'extension'
+    };
   }
   const defaultWindowFeatures = {
     toolbar: 'no',
@@ -235,6 +245,9 @@ export function openWebWallet({
   }
   const strWindowFeatures = Object.keys(mergedWindowFeatures).map(key => `${key}=${mergedWindowFeatures[key]}`).join(',');
   window.open(windowUrl, 'targetWindow', strWindowFeatures);
+  return {
+    type: 'web'
+  };
 }
 export const getFontSize = size => {
   // 12px 及以上的 size 有效, 否则返回 inherit

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.10.68",
+  "version": "2.10.70",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -67,12 +67,12 @@
     "react": ">=18.2.0",
     "react-router-dom": ">=6.22.3"
   },
-  "gitHead": "abe3ae3ba176e5429ca94d3309ef99ed9544f39e",
+  "gitHead": "59a8b91d34af3a62d9f720c626f3279384a467c2",
   "dependencies": {
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.10.68",
-    "@arcblock/nft-display": "^2.10.68",
-    "@arcblock/react-hooks": "^2.10.68",
+    "@arcblock/icons": "^2.10.70",
+    "@arcblock/nft-display": "^2.10.70",
+    "@arcblock/react-hooks": "^2.10.70",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@fontsource/inter": "^5.0.16",
     "@fontsource/ubuntu-mono": "^5.0.18",

package/src/LoadingMask/index.tsx

@@ -22,7 +22,7 @@ export default function LoadingMask({
   const finialSize = size;
   const finialRadius = borderRadius ?? finialSize / 8;
   const finialBorderWidth = borderWidth ?? finialSize / 32;
-  const finialPadding = padding ?? finialSize * 0.2 - finialBorderWidth;
+  const finialPadding = padding ?? finialSize * 0.25 - finialBorderWidth;
   const finialDuration = duration ?? 2.5;
   return (
     <Box

package/src/QRCode/index.tsx

@@ -58,8 +58,7 @@ function QRCode({ data, size, image, config = {}, ...rest }: QRCodeProps) {
   useEffect(() => {
     if (!qrCode) return;
     qrCode.update(options);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [data, size, image, config]);
+  }, [options, qrCode]);
 
   return <Box ref={ref} {...rest} />;
 }

package/src/SessionBlocklet/index.tsx

@@ -126,6 +126,7 @@ export default function SessionBlocklet({ session, locale = 'zh', size = 24 }: S
                               height: 50,
                               objectFit: 'contain',
                             }}
+                            alt="SessionBlocklet component icon"
                           />
                         ) : (
                           <Icon

package/src/Success/index.tsx

@@ -21,7 +21,8 @@ export default function Success({ size = 64, backgroundColor = 'white', borderWi
         '&, *, *::before, *::after': {
           boxSizing: 'content-box !important',
         },
-        border: (theme) => `${borderWidth}px solid ${theme.palette.success.main}`,
+        // 转圈边框的颜色
+        border: (theme) => `${borderWidth}px solid ${theme.palette.success.light}`,
         '&::before, &::after': {
           content: '""',
           height: '125%',
@@ -46,7 +47,8 @@ export default function Success({ size = 64, backgroundColor = 'white', borderWi
         },
         '.icon-line': {
           height: `${borderWidth + 1}px`,
-          backgroundColor: (theme) => theme.palette.success.main,
+          // 对勾的颜色
+          backgroundColor: (theme) => theme.palette.success.light,
           display: 'block',
           borderRadius: '100vw',
           position: 'absolute',
@@ -149,7 +151,8 @@ export default function Success({ size = 64, backgroundColor = 'white', borderWi
           borderRadius: '100%',
           position: 'absolute',
           boxSizing: 'contentBox',
-          border: `${borderWidth}px solid rgba(76, 175, 80, 0.5)`,
+          // 圆环的颜色
+          border: `${borderWidth}px solid rgba(76, 175, 80, 0.63)`,
         }}
       />
       <Box

package/src/Util/index.ts

@@ -241,12 +241,16 @@ export function openWebWallet({
   locale = 'en',
   url,
   windowFeatures,
+  appInfo,
+  memberAppInfo,
 }: {
   webWalletUrl: string;
   action?: string;
   locale?: Locale;
   url: string;
   windowFeatures: $TSFixMe;
+  appInfo: $TSFixMe;
+  memberAppInfo: $TSFixMe;
 }) {
   // web wallet extension
   const extension = detectWalletExtension();
@@ -255,9 +259,15 @@ export function openWebWallet({
       action,
       locale,
       url: encodeURIComponent(url),
+      appInfo: {
+        ...appInfo,
+      },
+      memberAppInfo: {
+        ...memberAppInfo,
+      },
     });
 
-    return;
+    return { type: 'extension' };
   }
 
   const defaultWindowFeatures = {
@@ -290,6 +300,7 @@ export function openWebWallet({
     .map((key) => `${key}=${mergedWindowFeatures[key]}`)
     .join(',');
   window.open(windowUrl, 'targetWindow', strWindowFeatures);
+  return { type: 'web' };
 }
 
 export const getFontSize = (size: string) => {