@arcblock/ux 2.9.79 → 2.9.81

package/es/DID/index.js

@@ -171,16 +171,18 @@ const DID = /*#__PURE__*/forwardRef(({
       content: `${DID_PREFIX}${did}`,
       ...rest,
       prepend: prepend,
-      append: showQrcode ? /*#__PURE__*/_jsx(Box, {
-        component: Icon,
-        icon: IconQrCode,
-        onClick: openQrCode,
-        sx: {
-          cursor: 'pointer',
-          ml: rest.copyable ? 0.5 : 0,
-          color: 'grey.500'
-        }
-      }) : null,
+      append: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [showQrcode ? /*#__PURE__*/_jsx(Box, {
+          component: Icon,
+          icon: IconQrCode,
+          onClick: openQrCode,
+          sx: {
+            cursor: 'pointer',
+            ml: rest.copyable ? 0.5 : 0,
+            color: 'grey.500'
+          }
+        }) : null, rest.append]
+      }),
       children: did
     }), /*#__PURE__*/_jsxs(Dialog, {
       open: open,

package/es/Locale/context.js

@@ -1,5 +1,5 @@
 /* eslint-disable no-prototype-builtins */
-import { createContext, useState, useEffect, useContext, useRef } from 'react';
+import { createContext, useState, useEffect, useContext, useRef, useCallback } from 'react';
 import get from 'lodash/get';
 import PropTypes from 'prop-types';
 import Cookie from 'js-cookie';
@@ -102,7 +102,7 @@ function LocaleProvider({
   } else {
     lastCurrentLocale.current = currentLocale;
   }
-  const t = (key, data) => translate(translations, key, currentLocale, fallbackLocale, data);
+  const t = useCallback((key, data) => translate(translations, key, currentLocale, fallbackLocale, data), [translations, currentLocale, fallbackLocale]);
   return /*#__PURE__*/_jsx(Provider, {
     value: {
       locale: currentLocale,

package/lib/DID/index.js

@@ -187,16 +187,18 @@ const DID = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       content: "".concat(_constant.DID_PREFIX).concat(did)
     }, rest), {}, {
       prepend: prepend,
-      append: showQrcode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-        component: _react2.Icon,
-        icon: _qrCodeRounded.default,
-        onClick: openQrCode,
-        sx: {
-          cursor: 'pointer',
-          ml: rest.copyable ? 0.5 : 0,
-          color: 'grey.500'
-        }
-      }) : null,
+      append: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [showQrcode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          component: _react2.Icon,
+          icon: _qrCodeRounded.default,
+          onClick: openQrCode,
+          sx: {
+            cursor: 'pointer',
+            ml: rest.copyable ? 0.5 : 0,
+            color: 'grey.500'
+          }
+        }) : null, rest.append]
+      }),
       children: did
     })), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Dialog, {
       open: open,

package/lib/Locale/context.js

@@ -127,7 +127,7 @@ function LocaleProvider(_ref) {
   } else {
     lastCurrentLocale.current = currentLocale;
   }
-  const t = (key, data) => (0, _util.translate)(translations, key, currentLocale, fallbackLocale, data);
+  const t = (0, _react.useCallback)((key, data) => (0, _util.translate)(translations, key, currentLocale, fallbackLocale, data), [translations, currentLocale, fallbackLocale]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
     value: _objectSpread({
       locale: currentLocale,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.9.79",
+  "version": "2.9.81",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -354,20 +354,20 @@
     "moment-timezone": "^0.5.37"
   },
   "peerDependencies": {
+    "@emotion/react": "^11.10.4",
+    "@emotion/styled": "^11.10.4",
     "@mui/icons-material": ">=5.15.0",
     "@mui/material": ">=5.15.0",
     "react": ">=18.2.0",
     "react-router-dom": ">=6.22.3"
   },
-  "gitHead": "4cb71ea9e86341cb263ab127a831b3ca2db9571a",
+  "gitHead": "7e514618898ec98f3c2c062f76d3808f9c0eee14",
   "dependencies": {
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.9.79",
-    "@arcblock/nft-display": "^2.9.79",
-    "@arcblock/react-hooks": "^2.9.79",
+    "@arcblock/icons": "^2.9.81",
+    "@arcblock/nft-display": "^2.9.81",
+    "@arcblock/react-hooks": "^2.9.81",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@emotion/react": "^11.10.4",
-    "@emotion/styled": "^11.10.4",
     "@fontsource/inter": "^5.0.16",
     "@fontsource/ubuntu-mono": "^5.0.18",
     "@iconify-icons/logos": "^1.2.36",

package/src/DID/index.jsx

@@ -171,18 +171,21 @@ const DID = forwardRef(({ did, showAvatar, showQrcode, chainId, locale, ...rest
         {...rest}
         prepend={prepend}
         append={
-          showQrcode ? (
-            <Box
-              component={Icon}
-              icon={IconQrCode}
-              onClick={openQrCode}
-              sx={{
-                cursor: 'pointer',
-                ml: rest.copyable ? 0.5 : 0,
-                color: 'grey.500',
-              }}
-            />
-          ) : null
+          <>
+            {showQrcode ? (
+              <Box
+                component={Icon}
+                icon={IconQrCode}
+                onClick={openQrCode}
+                sx={{
+                  cursor: 'pointer',
+                  ml: rest.copyable ? 0.5 : 0,
+                  color: 'grey.500',
+                }}
+              />
+            ) : null}
+            {rest.append}
+          </>
         }>
         {did}
       </Address>

package/src/Locale/context.jsx

@@ -1,5 +1,5 @@
 /* eslint-disable no-prototype-builtins */
-import { createContext, useState, useEffect, useContext, useRef } from 'react';
+import { createContext, useState, useEffect, useContext, useRef, useCallback } from 'react';
 import get from 'lodash/get';
 import PropTypes from 'prop-types';
 import Cookie from 'js-cookie';
@@ -101,7 +101,10 @@ function LocaleProvider({ children, locale, fallbackLocale, translations, onLoad
     lastCurrentLocale.current = currentLocale;
   }
 
-  const t = (key, data) => translate(translations, key, currentLocale, fallbackLocale, data);
+  const t = useCallback(
+    (key, data) => translate(translations, key, currentLocale, fallbackLocale, data),
+    [translations, currentLocale, fallbackLocale]
+  );
 
   return <Provider value={{ locale: currentLocale, changeLocale, t, languages: langs, ...rest }}>{children}</Provider>;
 }