@blocklet/ui-react 2.9.21 → 2.9.23

package/es/UserCenter/components/passport.js

@@ -3,14 +3,19 @@ import { Stack } from "@mui/material";
 import Empty from "@arcblock/ux/lib/Empty";
 import { useTheme } from "@arcblock/ux/lib/Theme";
 import { temp as colors } from "@arcblock/ux/lib/Colors";
-import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
 import PassportItem from "@arcblock/ux/lib/Passport";
 import { PASSPORT_STATUS } from "@abtnode/constant";
-import { useCreation } from "ahooks";
+import { useCreation, useMemoizedFn } from "ahooks";
 import uniqBy from "lodash/uniqBy";
+import { translate } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
+import { translations } from "../libs/locales.js";
 import { createPassportSvg } from "../libs/utils.js";
 export default function Passport({ user, ...rest }) {
-  const { t } = useLocaleContext();
+  const { locale } = useLocaleContext();
+  const t = useMemoizedFn((key, data = {}) => {
+    return translate(translations, key, locale, "en", data);
+  });
   const theme = useTheme();
   const passports = useCreation(() => {
     const passportList = (user?.passports || []).map((x) => ({

package/es/UserCenter/components/user-info.js

@@ -6,11 +6,11 @@ import MailOutlineRoundedIcon from "@iconify-icons/material-symbols/mail-outline
 import ScheduleOutlineRoundedIcon from "@iconify-icons/material-symbols/schedule-outline-rounded";
 import MoreTimeRoundedIcon from "@iconify-icons/material-symbols/more-time-rounded";
 import CaptivePortalRoundedIcon from "@iconify-icons/material-symbols/captive-portal-rounded";
+import RelativeTime from "@arcblock/ux/lib/RelativeTime";
 import { translate } from "@arcblock/ux/lib/Locale/util";
 import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
-import RelativeTime from "@arcblock/ux/lib/RelativeTime";
-import UserInfoItem from "./user-info-item.js";
 import { translations } from "../libs/locales.js";
+import UserInfoItem from "./user-info-item.js";
 export default function UserInfo({
   user,
   ...rest

package/lib/UserCenter/components/passport.js

@@ -9,11 +9,13 @@ var _material = require("@mui/material");
 var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
 var _Theme = require("@arcblock/ux/lib/Theme");
 var _Colors = require("@arcblock/ux/lib/Colors");
-var _context = require("@arcblock/ux/lib/Locale/context");
 var _Passport = _interopRequireDefault(require("@arcblock/ux/lib/Passport"));
 var _constant = require("@abtnode/constant");
 var _ahooks = require("ahooks");
 var _uniqBy = _interopRequireDefault(require("lodash/uniqBy"));
+var _util = require("@arcblock/ux/lib/Locale/util");
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _locales = require("../libs/locales");
 var _utils = require("../libs/utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function Passport({
@@ -21,8 +23,11 @@ function Passport({
   ...rest
 }) {
   const {
-    t
+    locale
   } = (0, _context.useLocaleContext)();
+  const t = (0, _ahooks.useMemoizedFn)((key, data = {}) => {
+    return (0, _util.translate)(_locales.translations, key, locale, "en", data);
+  });
   const theme = (0, _Theme.useTheme)();
   const passports = (0, _ahooks.useCreation)(() => {
     const passportList = (user?.passports || []).map(x => ({

package/lib/UserCenter/components/user-info.js

@@ -12,11 +12,11 @@ var _mailOutlineRounded = _interopRequireDefault(require("@iconify-icons/materia
 var _scheduleOutlineRounded = _interopRequireDefault(require("@iconify-icons/material-symbols/schedule-outline-rounded"));
 var _moreTimeRounded = _interopRequireDefault(require("@iconify-icons/material-symbols/more-time-rounded"));
 var _captivePortalRounded = _interopRequireDefault(require("@iconify-icons/material-symbols/captive-portal-rounded"));
+var _RelativeTime = _interopRequireDefault(require("@arcblock/ux/lib/RelativeTime"));
 var _util = require("@arcblock/ux/lib/Locale/util");
 var _context = require("@arcblock/ux/lib/Locale/context");
-var _RelativeTime = _interopRequireDefault(require("@arcblock/ux/lib/RelativeTime"));
-var _userInfoItem = _interopRequireDefault(require("./user-info-item"));
 var _locales = require("../libs/locales");
+var _userInfoItem = _interopRequireDefault(require("./user-info-item"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function UserInfo({
   user,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "2.9.21",
+  "version": "2.9.23",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -63,8 +63,8 @@
   },
   "dependencies": {
     "@abtnode/constant": "1.16.23-beta-aeb9f5bd",
-    "@arcblock/did-connect": "^2.9.21",
-    "@arcblock/ux": "^2.9.21",
+    "@arcblock/did-connect": "^2.9.23",
+    "@arcblock/ux": "^2.9.23",
     "@blocklet/js-sdk": "1.16.23-beta-aeb9f5bd",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
@@ -99,5 +99,5 @@
     "jest": "^28.1.3",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "800e32d5197a96b1b0a7dcf08f0bf11132c301e9"
+  "gitHead": "83609a54526c180ff8aabb3950505da36de7ef4a"
 }

package/src/UserCenter/components/passport.tsx

@@ -3,17 +3,22 @@ import type { StackProps } from '@mui/material';
 import Empty from '@arcblock/ux/lib/Empty';
 import { useTheme } from '@arcblock/ux/lib/Theme';
 import { temp as colors } from '@arcblock/ux/lib/Colors';
-import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import PassportItem from '@arcblock/ux/lib/Passport';
 import { PASSPORT_STATUS } from '@abtnode/constant';
-import { useCreation } from 'ahooks';
+import { useCreation, useMemoizedFn } from 'ahooks';
 import uniqBy from 'lodash/uniqBy';
+import { translate } from '@arcblock/ux/lib/Locale/util';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 
+import { translations } from '../libs/locales';
 import { createPassportSvg } from '../libs/utils';
 import type { User } from '../../@types';
 
 export default function Passport({ user, ...rest }: { user: User } & StackProps) {
-  const { t } = useLocaleContext();
+  const { locale } = useLocaleContext();
+  const t = useMemoizedFn((key, data = {}) => {
+    return translate(translations, key, locale, 'en', data);
+  });
   const theme = useTheme();
   const passports = useCreation(() => {
     const passportList = (user?.passports || []).map((x) => ({

package/src/UserCenter/components/user-info.tsx

@@ -6,13 +6,13 @@ import MailOutlineRoundedIcon from '@iconify-icons/material-symbols/mail-outline
 import ScheduleOutlineRoundedIcon from '@iconify-icons/material-symbols/schedule-outline-rounded';
 import MoreTimeRoundedIcon from '@iconify-icons/material-symbols/more-time-rounded';
 import CaptivePortalRoundedIcon from '@iconify-icons/material-symbols/captive-portal-rounded';
+import RelativeTime from '@arcblock/ux/lib/RelativeTime';
 import { translate } from '@arcblock/ux/lib/Locale/util';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
-import RelativeTime from '@arcblock/ux/lib/RelativeTime';
 
+import { translations } from '../libs/locales';
 import UserInfoItem from './user-info-item';
 import type { User } from '../../@types';
-import { translations } from '../libs/locales';
 
 export default function UserInfo({
   user,