@arcblock/did-connect-react 3.4.9 → 3.4.11

package/lib/Connect/components/login-item/wallet-login-options.js

@@ -1,34 +1,37 @@
-import { jsxs as d, Fragment as p, jsx as e } from "react/jsx-runtime";
+import { jsxs as f, Fragment as p, jsx as e } from "react/jsx-runtime";
 import o from "prop-types";
-import { Box as t, Divider as C } from "@mui/material";
+import { Box as i, Divider as q } from "@mui/material";
 import { LOGIN_PROVIDER as u } from "@arcblock/ux/lib/Util/constant";
-import { checkSameProtocol as k, getWebWalletUrl as W } from "@arcblock/ux/lib/Util/wallet";
-import { detectWalletExtension as q } from "@arcblock/ux/lib/Util";
-import { useCreation as j } from "ahooks";
-import { useBrowser as T } from "@arcblock/react-hooks";
-import P from "./mobile-login-item.js";
-import v from "./web-login-item.js";
-import B from "../back-button.js";
-import { useStateContext as E } from "../../contexts/state.js";
-function I({
-  qrcode: b,
+import { checkSameProtocol as T, getWebWalletUrl as j } from "@arcblock/ux/lib/Util/wallet";
+import { detectWalletExtension as v } from "@arcblock/ux/lib/Util";
+import { useCreation as I } from "ahooks";
+import { useBrowser as P } from "@arcblock/react-hooks";
+import A from "./mobile-login-item.js";
+import B from "./web-login-item.js";
+import E from "../back-button.js";
+import { useStateContext as O } from "../../contexts/state.js";
+function S({
+  qrcode: g,
   tokenState: r,
-  webWalletUrl: n = W(),
+  webWalletUrl: n = j(),
   size: l = "small",
-  disableSwitchApp: m = !1,
+  disableSwitchApp: s = !1,
   tokenKey: x,
-  walletLoginRef: g = null,
+  walletLoginRef: b = null,
   webLoginRef: h = null,
   onMobileLoginClick: L,
-  onWebLoginClick: w,
-  onBack: s
+  onWebLoginClick: C,
+  onBack: a
 }) {
-  const { t: a, locale: y } = E(), i = T(), R = k(n), c = q(), f = j(() => i.mobile.tablet || !i.mobile.any && window?.navigator?.maxTouchPoints > 0, [i.mobile.tablet, i.mobile.any]);
-  return /* @__PURE__ */ d(p, { children: [
-    b,
-    /* @__PURE__ */ d(t, { sx: { width: "100%", display: "flex", flexDirection: "column", gap: 1.5 }, children: [
-      /* @__PURE__ */ e(t, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
-        C,
+  const { t: c, locale: R } = O(), w = P(), k = T(n), m = v(), d = I(() => {
+    const t = navigator.userAgent.toLowerCase(), y = /ipad/.test(t) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1, W = /android/.test(t) && !/mobile/.test(t);
+    return !!(y || W);
+  }, []);
+  return /* @__PURE__ */ f(p, { children: [
+    g,
+    /* @__PURE__ */ f(i, { sx: { width: "100%", display: "flex", flexDirection: "column", gap: 1.5 }, children: [
+      /* @__PURE__ */ e(i, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
+        q,
         {
           orientation: "horizontal",
           sx: {
@@ -42,7 +45,7 @@ function I({
         }
       ) }),
       /* @__PURE__ */ e(
-        t,
+        i,
         {
           sx: {
             width: "100%",
@@ -57,43 +60,43 @@ function I({
               }
             }
           },
-          children: f ? /* @__PURE__ */ e(
-            P,
+          children: d ? /* @__PURE__ */ e(
+            A,
             {
-              t: a,
-              ref: g,
+              t: c,
+              ref: b,
               tokenState: r,
-              isTablet: f,
+              isTablet: d,
               sx: [l === "small" ? { p: 1 } : { p: 2 }],
-              locale: y,
+              locale: R,
               tokenKey: x,
-              disableSwitchApp: m,
+              disableSwitchApp: s,
               onClick: L
             },
             u.WALLET
           ) : (
             // eslint-disable-next-line react/jsx-no-useless-fragment
-            /* @__PURE__ */ e(p, { children: (R || c) && (!i.mobile.any || c) ? /* @__PURE__ */ e(
-              v,
+            /* @__PURE__ */ e(p, { children: (k || m) && (!w.mobile.any || m) ? /* @__PURE__ */ e(
+              B,
               {
-                t: a,
+                t: c,
                 ref: h,
                 tokenState: r,
                 webWalletUrl: n,
                 sx: [l === "small" ? { p: 1 } : { p: 2 }],
-                disableSwitchApp: m,
-                onClick: w
+                disableSwitchApp: s,
+                onClick: C
               },
               u.WALLET
             ) : null })
           )
         }
       ),
-      s && /* @__PURE__ */ e(B, { variant: "text", onClick: s })
+      a && /* @__PURE__ */ e(E, { variant: "text", onClick: a })
     ] })
   ] });
 }
-I.propTypes = {
+S.propTypes = {
   qrcode: o.node.isRequired,
   tokenState: o.object.isRequired,
   webWalletUrl: o.string,
@@ -107,5 +110,5 @@ I.propTypes = {
   onBack: o.func.isRequired
 };
 export {
-  I as default
+  S as default
 };

package/lib/package.json.js

@@ -1,4 +1,4 @@
-const o = "3.4.9", s = {
+const o = "3.4.11", s = {
   version: o
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/did-connect-react",
-  "version": "3.4.9",
+  "version": "3.4.11",
   "description": "Client side library to work with DID Connect by ArcBlock.",
   "keywords": [
     "react",
@@ -32,10 +32,10 @@
     "url": "https://github.com/ArcBlock/ux/issues"
   },
   "dependencies": {
-    "@arcblock/bridge": "3.4.9",
+    "@arcblock/bridge": "3.4.11",
     "@arcblock/did": "^1.28.6",
-    "@arcblock/icons": "3.4.9",
-    "@arcblock/react-hooks": "3.4.9",
+    "@arcblock/icons": "3.4.11",
+    "@arcblock/react-hooks": "3.4.11",
     "@arcblock/ws": "^1.28.6",
     "@blocklet/constant": "^1.17.7",
     "@fontsource/lexend": "^5.2.9",
@@ -85,5 +85,5 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "jest": "^29.7.0"
   },
-  "gitHead": "e01324f3084f688f514eed2b5fb8d1c4b3e4247e"
+  "gitHead": "1cc263e80cb7b98f6ebb02bb8d151fee552e6c76"
 }

package/src/Connect/components/login-item/wallet-login-options.jsx

@@ -30,8 +30,20 @@ export default function WalletLoginOptions({
   const extension = detectWalletExtension();
 
   const isTablet = useCreation(() => {
-    return browser.mobile.tablet || (!browser.mobile.any && window?.navigator?.maxTouchPoints > 0);
-  }, [browser.mobile.tablet, browser.mobile.any]);
+    const ua = navigator.userAgent.toLowerCase();
+
+    // 1. 判断是否是 iPad (iOS 13+ 可能会显示为 Macintosh，需要结合触控点判断)
+    const isIpad = /ipad/.test(ua) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
+
+    // 2. 判断是否是 Android 平板 (即 User Agent 包含 Android 但不包含 Mobile)
+    const isAndroidTablet = /android/.test(ua) && !/mobile/.test(ua);
+
+    // 3. 综合判断平板
+    if (isIpad || isAndroidTablet) {
+      return true;
+    }
+    return false;
+  }, []);
   return (
     <>
       {qrcode}