@arcblock/ux 3.1.2 → 3.1.3

package/lib/DIDLogo/index.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as C, Fragment as f } from "react/jsx-runtime";
-import { useRef as g, useState as d, useEffect as P } from "react";
-const w = {
+import { useRef as w, useState as d, useEffect as P } from "react";
+const m = {
   default: {
     color: "#4598FA",
     text: void 0
@@ -23,26 +23,26 @@ const w = {
   }
 };
 function H({
-  style: m = {},
-  className: B = "",
-  size: p = "1em",
-  color: v = void 0,
-  text: W = void 0,
+  style: B = {},
+  className: p = "",
+  size: v = "1em",
+  color: W = void 0,
+  text: h = void 0,
   textColor: S = void 0,
-  fontSize: h = void 0,
-  gap: x = 10,
+  fontSize: x = void 0,
+  gap: M = 10,
   variant: T = "default",
   name: y = void 0,
   dark: A = !1
 }) {
-  const c = T === "contained", M = w[y] || w.default, o = W || M?.text, F = v || M?.color, R = S || (A ? "white" : "#121212");
-  let e = 1, t = 80, n = h, i = x + 5;
-  !c && o && (t = 64, e = 1.25, i = x, h || (n = 32)), n = n || 40;
-  const Z = g(null), L = g(null), [z, D] = d(), [j, $] = d(t), [b, I] = d(t), N = c ? t / 2 + 5 : t / 2 + 3, r = t / 5;
+  const c = T === "contained", Z = m[y] || m.default, o = h === void 0 ? Z?.text : h, F = W || Z?.color, R = S || (A ? "white" : "#121212");
+  let e = 1, t = 80, n = x, i = M + 5;
+  !c && o && (t = 64, e = 1.25, i = M, x || (n = 32)), n = n || 40;
+  const u = w(null), L = w(null), [z, D] = d(), [j, $] = d(t), [b, I] = d(t), N = c ? t / 2 + 5 : t / 2 + 3, r = t / 5;
   P(() => {
     if (L.current) {
-      const E = Z.current?.getBBox(), G = L.current.getBoundingClientRect(), a = E?.width || 0, O = G.height / t, u = t * e + a + (a ? i : 0);
-      I(u), $(t * e + (a ? i : 0)), D(u * O);
+      const E = u.current?.getBBox(), G = L.current.getBoundingClientRect(), a = E?.width || 0, O = G.height / t, g = t * e + a + (a ? i : 0);
+      I(g), $(t * e + (a ? i : 0)), D(g * O);
     }
   }, [o, i, e, t]);
   const V = /* @__PURE__ */ l(f, { children: [
@@ -79,17 +79,17 @@ function H({
     {
       xmlns: "http://www.w3.org/2000/svg",
       width: z,
-      height: p,
+      height: v,
       viewBox: `0 0 ${b} ${t}`,
       fill: "currentColor",
-      className: `${B}`.trim(),
-      style: Object.assign({ color: F }, m),
+      className: `${p}`.trim(),
+      style: Object.assign({ color: F }, B),
       children: [
         s,
         o && /* @__PURE__ */ C(
           "text",
           {
-            ref: Z,
+            ref: u,
             x: j,
             y: N,
             fontSize: n,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -60,16 +60,16 @@
     "react": "^19.0.0",
     "react-router-dom": "^6.22.3"
   },
-  "gitHead": "0a05fe684c5dcfb2eb5f0e1343aecdd9778bcbb9",
+  "gitHead": "be7c396a4fbbf7869c12cf2fd90e0c5c8f3ed46e",
   "dependencies": {
-    "@arcblock/bridge": "3.1.2",
+    "@arcblock/bridge": "3.1.3",
     "@arcblock/did": "^1.21.2",
     "@arcblock/did-motif": "^1.1.14",
-    "@arcblock/icons": "3.1.2",
-    "@arcblock/nft-display": "3.1.2",
-    "@arcblock/react-hooks": "3.1.2",
+    "@arcblock/icons": "3.1.3",
+    "@arcblock/nft-display": "3.1.3",
+    "@arcblock/react-hooks": "3.1.3",
     "@blocklet/js-sdk": "^1.16.46",
-    "@blocklet/theme": "3.1.2",
+    "@blocklet/theme": "3.1.3",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.2.6",
     "@iconify-icons/logos": "^1.2.36",

package/src/DIDLogo/index.tsx

@@ -52,7 +52,8 @@ export default function DIDLogo({
 }: DIDLogoProps) {
   const isContained = variant === 'contained';
   const currentPreset = presetMap[name as keyof typeof presetMap] || presetMap.default;
-  const finalText = text || currentPreset?.text;
+  // 可通过传入 text = null，强制隐藏文字
+  const finalText = text === undefined ? currentPreset?.text : text;
   const finalColor = color || currentPreset?.color;
   const finalTextColor = textColor || (dark ? 'white' : '#121212');