@arcblock/ux 2.8.21 → 2.8.23

package/es/DID/index.js

@@ -59,6 +59,7 @@ const DID = /*#__PURE__*/forwardRef(({
   const fontSize = getFontSize(rest.size);
   const prepend = [/*#__PURE__*/_jsx("span", {
     style: {
+      flex: '0 0 auto',
       fontSize,
       color: getFontColor(did, didMotifInfo, isEthDid)
     },

package/es/NFTDisplay/index.js

@@ -129,7 +129,7 @@ function NFTDisplay({
               if (!urlObj.searchParams.has('assetId')) {
                 urlObj.searchParams.append('assetId', address);
               }
-              if (!urlObj.searchParams.has('vcId')) {
+              if (!urlObj.searchParams.has('vcId') && vcId) {
                 urlObj.searchParams.append('vcId', vcId);
               }
               const url = urlObj.href;

package/lib/DID/index.js

@@ -77,6 +77,7 @@ const DID = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const fontSize = (0, _Util.getFontSize)(rest.size);
   const prepend = [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     style: {
+      flex: '0 0 auto',
       fontSize,
       color: getFontColor(did, didMotifInfo, isEthDid)
     },

package/lib/NFTDisplay/index.js

@@ -148,7 +148,7 @@ function NFTDisplay(_ref) {
               if (!urlObj.searchParams.has('assetId')) {
                 urlObj.searchParams.append('assetId', address);
               }
-              if (!urlObj.searchParams.has('vcId')) {
+              if (!urlObj.searchParams.has('vcId') && vcId) {
                 urlObj.searchParams.append('vcId', vcId);
               }
               const url = urlObj.href;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.8.21",
+  "version": "2.8.23",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -324,11 +324,11 @@
   "peerDependencies": {
     "react": ">=18.1.0"
   },
-  "gitHead": "e062f36c174f8244d0f18a1e99f11414cb2da516",
+  "gitHead": "f119af381de46921d0bddcaef6f6326a1c31b958",
   "dependencies": {
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.8.21",
-    "@arcblock/react-hooks": "^2.8.21",
+    "@arcblock/icons": "^2.8.23",
+    "@arcblock/react-hooks": "^2.8.23",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",

package/src/DID/index.jsx

@@ -67,7 +67,7 @@ const DID = forwardRef(({ did, ...rest }, ref) => {
   const didMotifInfo = isEthDid ? undefined : getDIDMotifInfo(did);
   const fontSize = getFontSize(rest.size);
   const prepend = [
-    <span key="prefix-did" style={{ fontSize, color: getFontColor(did, didMotifInfo, isEthDid) }}>
+    <span key="prefix-did" style={{ flex: '0 0 auto', fontSize, color: getFontColor(did, didMotifInfo, isEthDid) }}>
       DID:
     </span>,
     <span key="prefix-abt" className="did-address-text" style={{ fontSize }}>

package/src/NFTDisplay/index.js

@@ -123,7 +123,7 @@ function NFTDisplay({
               urlObj.searchParams.append('assetId', address);
             }
 
-            if (!urlObj.searchParams.has('vcId')) {
+            if (!urlObj.searchParams.has('vcId') && vcId) {
               urlObj.searchParams.append('vcId', vcId);
             }