@arcblock/ux 3.3.1 → 3.3.2

package/lib/DIDConnect/did-connect-footer.js

@@ -11,10 +11,10 @@ import { mergeSx as C } from "../Util/style.js";
 import { DID_CONNECT_MEDIUM_WIDTH as I } from "../Util/constant.js";
 function N({
   currentAppInfo: r = globalThis.blocklet,
-  currentAppColor: i = globalThis.blocklet?.appPid ? w(globalThis.blocklet?.appPid) : "#fff",
-  sx: l = {}
+  currentAppColor: s = globalThis.blocklet?.appPid ? w(globalThis.blocklet?.appPid) : "#fff",
+  sx: i = {}
 }) {
-  const e = globalThis?.blocklet, f = b(), n = d(null), o = m(n), s = c(() => o ? o.width < I - 50 : !0, [o, o?.width]);
+  const e = globalThis?.blocklet, l = b(), n = d(null), o = m(n), f = c(() => o ? o.width < I - 50 : !0, [o, o?.width]);
   return /* @__PURE__ */ p(
     a,
     {
@@ -26,11 +26,11 @@ function N({
           alignItems: "center",
           gap: 1,
           fontSize: 12,
-          backgroundColor: e?.settings?.didConnect?.showDidColor === !1 ? "grey.50" : u(i, 0.08),
+          backgroundColor: e?.settings?.didConnect?.showDidColor === !1 ? "grey.50" : u(s, 0.08),
           // 需要保持跟 .did-connect__root 的规则一样
-          mx: s ? -2 : -3,
+          mx: -3,
           // eslint-disable-next-line no-nested-ternary
-          px: s ? f.arcSphere ? 1 : 2 : 3,
+          px: f && l.arcSphere ? 1 : 3,
           py: 1.5,
           // HACK: 极限条件下，footer 会溢出，使用隐藏的滚动条来处理这种情况（屏幕宽度小于 360 时会出现）
           overflow: "auto",
@@ -43,7 +43,7 @@ function N({
           "scrollbar-width": "none"
           // 隐藏滚动条 (Firefox)
         },
-        l
+        i
       ),
       className: "did-connect__footer",
       children: [

package/lib/Util/constant.d.ts

@@ -37,6 +37,7 @@ export declare const LOGIN_PROVIDER_NAME: {
     [LOGIN_PROVIDER.TWITTER]: string;
     federated: string;
 };
+export declare const LOGIN_PROVIDER_ICON_SIZE = 16;
 export declare const OAUTH_PROVIDER: {
     email: string;
     auth0: string;
@@ -45,5 +46,5 @@ export declare const OAUTH_PROVIDER: {
     google: string;
     twitter: string;
 };
-export declare const DID_CONNECT_SMALL_WIDTH = 360;
+export declare const DID_CONNECT_SMALL_WIDTH = 380;
 export declare const DID_CONNECT_MEDIUM_WIDTH = 576;

package/lib/Util/constant.js

@@ -1,4 +1,4 @@
-const e = 300, T = 1800, t = "/.well-known/service", o = "login_token", _ = "refresh_token", I = "/.well-known/service", A = "/api/did", n = `${t}/admin/overview`, s = `${t}/user`, O = `${t}/user/did-spaces`, R = `${t}/admin/navigation`, i = "did:abt:", D = {
+const e = 300, T = 1800, t = "/.well-known/service", I = "login_token", _ = "refresh_token", o = "/.well-known/service", A = "/api/did", n = `${t}/admin/overview`, s = `${t}/user`, O = `${t}/user/did-spaces`, R = `${t}/admin/navigation`, D = "did:abt:", L = {
   VALID: "valid",
   REVOKED: "revoked"
 }, E = {
@@ -11,7 +11,7 @@ const e = 300, T = 1800, t = "/.well-known/service", o = "login_token", _ = "ref
   NFT: "nft",
   PASSKEY: "passkey",
   TWITTER: "twitter"
-}, L = {
+}, i = {
   [E.EMAIL]: "Email",
   [E.AUTH0]: "Auth0",
   [E.APPLE]: "Apple",
@@ -22,31 +22,32 @@ const e = 300, T = 1800, t = "/.well-known/service", o = "login_token", _ = "ref
   [E.PASSKEY]: "Passkey",
   [E.TWITTER]: "X (Twitter)",
   federated: "Federated"
-}, a = {
+}, a = 16, c = {
   email: "Email",
   auth0: "Auth0",
   apple: "Apple",
   github: "Github",
   google: "Google",
   twitter: "X (Twitter)"
-}, l = 360, c = 576;
+}, l = 380, P = 576;
 export {
   A as API_DID_PREFIX,
   t as BLOCKLET_SERVICE_PATH_PREFIX,
   n as DASHBOARD_URL,
   e as DEFAULT_TIMEOUT,
   T as DEFAULT_WINDOW_TIMEOUT,
-  c as DID_CONNECT_MEDIUM_WIDTH,
+  P as DID_CONNECT_MEDIUM_WIDTH,
   l as DID_CONNECT_SMALL_WIDTH,
-  i as DID_PREFIX,
+  D as DID_PREFIX,
   O as DID_SPACE_URL,
   E as LOGIN_PROVIDER,
-  L as LOGIN_PROVIDER_NAME,
+  a as LOGIN_PROVIDER_ICON_SIZE,
+  i as LOGIN_PROVIDER_NAME,
   R as NAVIGATION_URL,
-  a as OAUTH_PROVIDER,
-  D as PASSPORT_STATUS,
+  c as OAUTH_PROVIDER,
+  L as PASSPORT_STATUS,
   s as PROFILE_URL,
   _ as REFRESH_TOKEN_STORAGE_KEY,
-  I as RELAY_SOCKET_PREFIX,
-  o as SESSION_TOKEN_STORAGE_KEY
+  o as RELAY_SOCKET_PREFIX,
+  I as SESSION_TOKEN_STORAGE_KEY
 };

package/lib/package.json.js

@@ -1,4 +1,4 @@
-const e = "3.3.1", s = { "@blocklet/js-sdk": "^1.17.6" }, n = {
+const e = "3.3.2", s = { "@blocklet/js-sdk": "^1.17.6" }, n = {
   version: e,
   dependencies: s
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "3.3.1",
+  "version": "3.3.2",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -68,16 +68,16 @@
     "react": "^19.0.0",
     "react-router-dom": "^6.22.3"
   },
-  "gitHead": "39aec3e1aef080ae289918120dc12629940a75b4",
+  "gitHead": "0a3aee5692710315a10f418105054a7241301020",
   "dependencies": {
-    "@arcblock/bridge": "3.3.1",
+    "@arcblock/bridge": "3.3.2",
     "@arcblock/did": "^1.27.16",
     "@arcblock/did-motif": "^1.1.14",
-    "@arcblock/icons": "3.3.1",
-    "@arcblock/nft-display": "3.3.1",
-    "@arcblock/react-hooks": "3.3.1",
+    "@arcblock/icons": "3.3.2",
+    "@arcblock/nft-display": "3.3.2",
+    "@arcblock/react-hooks": "3.3.2",
     "@blocklet/js-sdk": "^1.17.6",
-    "@blocklet/theme": "3.3.1",
+    "@blocklet/theme": "3.3.2",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.2.6",
     "@iconify-icons/logos": "^1.2.36",

package/src/DIDConnect/did-connect-footer.tsx

@@ -44,9 +44,9 @@ export default function DIDConnectFooter({
           backgroundColor:
             blocklet?.settings?.didConnect?.showDidColor === false ? 'grey.50' : hexToRgba(currentAppColor, 0.08),
           // 需要保持跟 .did-connect__root 的规则一样
-          mx: isSmallView ? -2 : -3,
+          mx: -3,
           // eslint-disable-next-line no-nested-ternary
-          px: isSmallView ? (browser.arcSphere ? 1 : 2) : 3,
+          px: isSmallView && browser.arcSphere ? 1 : 3,
           py: 1.5,
           // HACK: 极限条件下，footer 会溢出，使用隐藏的滚动条来处理这种情况（屏幕宽度小于 360 时会出现）
           overflow: 'auto',

package/src/Util/constant.ts

@@ -44,6 +44,8 @@ export const LOGIN_PROVIDER_NAME = {
   federated: 'Federated',
 };
 
+export const LOGIN_PROVIDER_ICON_SIZE = 16;
+
 // HACK: 目前这里的键值不能使用 [LOGIN_PROVIDER.AUTH0] 形式，否则会影响 ts 的 keyof typeof OAUTH_PROVIDER 来获取键值作为类型的判断
 export const OAUTH_PROVIDER = {
   email: 'Email',
@@ -54,5 +56,5 @@ export const OAUTH_PROVIDER = {
   twitter: 'X (Twitter)',
 };
 
-export const DID_CONNECT_SMALL_WIDTH = 360;
+export const DID_CONNECT_SMALL_WIDTH = 380;
 export const DID_CONNECT_MEDIUM_WIDTH = 576;