@abtnode/ux 1.16.26-beta-63f52a83 → 1.16.26

package/es/blocklet/component/index.js

@@ -257,7 +257,7 @@ export default function BlockletComponent({
         className: "title",
         display: "flex",
         alignItems: "center",
-        children: [t('common.components'), !needMigration && /*#__PURE__*/_jsx(Permission, {
+        children: [components?.length ? `${t('common.components')} (${components.length})` : `${t('common.components')}`, !needMigration && /*#__PURE__*/_jsx(Permission, {
           permission: inService ? '' : 'mutate_blocklets',
           role: inService ? BlockletAdminRoles : [],
           children: /*#__PURE__*/_jsx(AutoCheckUpdate, {
@@ -276,6 +276,7 @@ export default function BlockletComponent({
                 },
                 "data-cy": "check-for-updates",
                 children: [/*#__PURE__*/_jsx(Box, {
+                  ml: 0.5,
                   mr: 0.5,
                   display: "flex",
                   children: loading ? /*#__PURE__*/_jsx(Spinner, {

package/es/locales/ar.js

@@ -820,7 +820,7 @@ export default {
         switchLabel: 'صفحة الترحيب'
       },
       upgrade: {
-        title: 'ترقية خادم البلوكليت',
+        title: 'ترقية خادم بلوكليت إلى {version}',
         description: 'خلال الترقية، سيدخل خادم Blocklet الخاص بك في وضع الصيانة لبضع دقائق أثناء إكمال التحديث.',
         dialog: "انقر فوق 'تأكيد' لتثبيت التحديث. سيدخل خادم Blocklet في وضع الصيانة حتى يتم الانتهاء من التحديث والعودة تلقائيًا إلى وضع الإنتاج.",
         confirm: 'تطوير',

package/es/locales/de.js

@@ -820,7 +820,7 @@ export default {
         switchLabel: 'Willkommen Seite'
       },
       upgrade: {
-        title: 'Blocklet-Server aktualisieren',
+        title: 'Upgrade Blocklet Server auf {version}',
         description: 'Während des Upgrades wird Ihr Blocklet Server für einige Minuten in den Wartungsmodus wechseln, während das Update abgeschlossen wird.',
         dialog: "Klicken Sie auf 'Bestätigen', um das Update zu installieren. Der Blocklet Server wird in den Wartungsmodus wechseln, bis das Update abgeschlossen ist, und kehrt automatisch in den Produktionsmodus zurück.",
         confirm: 'Upgrade',

package/es/locales/en.js

@@ -811,7 +811,7 @@ export default {
         switchLabel: 'Welcome Page'
       },
       upgrade: {
-        title: 'Upgrade Blocklet Server',
+        title: 'Upgrade Blocklet Server to {version}',
         description: 'During the upgrade, your Blocklet Server will enter maintenance mode for a few minutes while the update is completed.',
         dialog: 'Click on "confirm" to install the update. Blocklet Server will enter maintenance mode until the update is completed and return to production mode automatically.',
         confirm: 'Upgrade',

package/es/locales/es.js

@@ -820,7 +820,7 @@ export default {
         switchLabel: 'Página de bienvenida'
       },
       upgrade: {
-        title: 'Mejorar el servidor de Blocklet',
+        title: 'Actualiza el servidor de Blocklet a {version}',
         description: 'Durante la actualización, tu servidor de Blocklet entrará en modo de mantenimiento durante unos minutos mientras se completa la actualización.',
         dialog: 'Haz clic en "confirmar" para instalar la actualización. El servidor Blocklet entrará en modo de mantenimiento hasta que la actualización se complete y volverá automáticamente al modo de producción.',
         confirm: 'Mejora',

package/es/locales/fr.js

@@ -820,7 +820,7 @@ export default {
         switchLabel: "Page d'accueil"
       },
       upgrade: {
-        title: 'Mettre à niveau le serveur Blocklet',
+        title: 'Mettez à jour le serveur Blocklet vers {version}',
         description: 'Pendant la mise à niveau, votre serveur Blocklet entrera en mode maintenance pendant quelques minutes le temps de la mise à jour.',
         dialog: "Cliquez sur 'Confirmer' pour installer la mise à jour. Le serveur Blocklet entrera en mode de maintenance jusqu'à ce que la mise à jour soit terminée et reviendra automatiquement en mode production.",
         confirm: 'Mise à niveau',

package/es/locales/hi.js

@@ -820,7 +820,7 @@ export default {
         switchLabel: 'स्वागत पेज'
       },
       upgrade: {
-        title: 'ब्लॉक्लेट सर्वर को अपग्रेड करें',
+        title: '{version} पर Blocklet सर्वर को अपग्रेड करें',
         description: 'अपग्रेड के दौरान, अपडेट पूरा होने तक आपका ब्लॉकलेट सर्वर कुछ मिनटों के लिए रखरखाव मोड में जाएगा।',
         dialog: "अपडेट स्थापित करने के लिए 'पुष्टि' पर क्लिक करें। अपडेट पूरा होने तक ब्लॉकलेट सर्वर रखरखाव मोड में जाएगा और स्वचालित रूप से प्रोडक्शन मोड में वापस लौटेगा।",
         confirm: 'उन्नयन करें',

package/es/locales/id.js

@@ -820,7 +820,7 @@ export default {
         switchLabel: 'Halaman Selamat Datang'
       },
       upgrade: {
-        title: 'Tingkatkan server Blocklet',
+        title: 'Tingkatkan Server Blocklet menjadi versi {version}',
         description: 'Selama peningkatan, server Blocklet Anda akan masuk ke mode perawatan selama beberapa menit saat pembaruan selesai.',
         dialog: 'Klik "konfirmasi" untuk menginstal pembaruan. Blocklet Server akan masuk ke mode pemeliharaan hingga pembaruan selesai dan secara otomatis kembali ke mode produksi.',
         confirm: 'Upgrade',

package/es/locales/ja.js

@@ -820,7 +820,7 @@ export default {
         switchLabel: 'ようこそページ'
       },
       upgrade: {
-        title: 'Blocklet サーバーをアップグレードする',
+        title: 'Blocklet サーバーを {version} にアップグレードしてください',
         description: 'アップグレード中に、Blocklet サーバーはアップデートが完了するまで数分間メンテナンスモードになります。',
         dialog: '"確認"をクリックしてアップデートをインストールしてください。アップデートが完了するまで、Blockletサーバーはメンテナンスモードに入り、自動的に製品モードに復帰します。',
         confirm: 'アップグレード',

package/es/locales/ko.js

@@ -820,7 +820,7 @@ export default {
         switchLabel: '환영 페이지'
       },
       upgrade: {
-        title: 'Blocklet 서버 업그레이드',
+        title: 'Blocklet 서버를 {version}로 업그레이드하세요',
         description: '업그레이드 중에는 Blocklet 서버가 업데이트가 완료될 동안 몇 분 동안 유지보수 모드로 전환됩니다.',
         dialog: '"확인"을 클릭하여 업데이트를 설치하십시오. 업데이트가 완료될 때까지 Blocklet 서버는 유지 보수 모드로 전환되며 자동으로 제품 모드로 돌아갑니다.',
         confirm: '업그레이드',

package/es/locales/pt.js

@@ -820,7 +820,7 @@ export default {
         switchLabel: 'Página de Boas-vindas'
       },
       upgrade: {
-        title: 'Atualize o servidor de Blocklet',
+        title: 'Atualize o Servidor Blocklet para a versão {version}',
         description: 'Durante a atualização, seu servidor Blocklet entrará no modo de manutenção por alguns minutos enquanto a atualização for concluída.',
         dialog: 'Clique em "confirmar" para instalar a atualização. O Blocklet Server entrará em modo de manutenção até que a atualização seja concluída e retornará ao modo de produção automaticamente.',
         confirm: 'Atualizar',

package/es/locales/ru.js

@@ -820,7 +820,7 @@ export default {
         switchLabel: 'Главная страница'
       },
       upgrade: {
-        title: 'Обновить сервер Blocklet',
+        title: 'Обновите сервер Blocklet до {version}',
         description: 'Во время обновления ваш сервер Blocklet перейдет в режим обслуживания на несколько минут до завершения обновления.',
         dialog: "Щелкните 'подтвердить', чтобы установить обновление. Сервер Blocklet перейдет в режим обслуживания до завершения обновления и автоматически вернется в режим производства.",
         confirm: 'Обновление',

package/es/locales/th.js

@@ -820,7 +820,7 @@ export default {
         switchLabel: 'หน้าต้อนรับ'
       },
       upgrade: {
-        title: 'อัพเกรดเซิร์ฟเวอร์ Blocklet',
+        title: 'อัปเกรดเซิร์ฟเวอร์ Blocklet เป็นเวอร์ชัน {version}',
         description: 'ระหว่างการอัปเกรด, เซิร์ฟเวอร์ Blocklet ของคุณจะเข้าสู่โหมดการบำรุงรักษาเป็นเวลาหลายนาทีในขณะที่การอับเดตเสร็จสิ้น',
         dialog: 'คลิกที่ "ยืนยัน" เพื่อติดตั้งการอัปเดต  โปรแกรมบล็อกเล็ตเซิร์ฟเวอร์จะเข้าสู่โหมดการบำรุงรักษาจนกว่าการอัปเดตจะเสร็จสิ้นและกลับมาสู่โหมดการผลิตอัตโนมัติ',
         confirm: 'อัพเกรด',

package/es/locales/vi.js

@@ -820,7 +820,7 @@ export default {
         switchLabel: 'Trang Chào mừng'
       },
       upgrade: {
-        title: 'Nâng cấp máy chủ Blocklet',
+        title: 'Nâng cấp Blocklet Server lên phiên bản {version}',
         description: 'Trong quá trình nâng cấp, máy chủ Blocklet của bạn sẽ vào chế độ bảo trì trong vài phút trong khi cập nhật hoàn tất.',
         dialog: 'Nhấp vào "xác nhận" để cài đặt bản cập nhật. Blocklet Server sẽ vào chế độ bảo trì cho đến khi cập nhật hoàn thành và tự động trở lại chế độ sản xuất.',
         confirm: 'Nâng cấp',

package/es/locales/zh-tw.js

@@ -820,7 +820,7 @@ export default {
         switchLabel: '歡迎頁面'
       },
       upgrade: {
-        title: '升級 Blocklet 伺服器',
+        title: '升級 Blocklet 伺服器到 {version}',
         description: '在升級期間，您的 Blocklet 伺服器將進入維護模式，更新完成後將持續幾分鐘。',
         dialog: '點擊"確認"安裝更新。Blocklet服務器將進入維護模式，直到更新完成並自動返回生產模式。',
         confirm: '升級',

package/es/locales/zh.js

@@ -816,7 +816,7 @@ export default {
       nftDomainUrl: 'NFT Domain 地址',
       nftDomainUrlPlaceholder: '你可以选择其它的 NFT Domain 服务器, 也可以使用官方提供的版本',
       upgrade: {
-        title: '升级 Blocklet 服务器',
+        title: '升级 Blocklet 服务器到 {version}',
         description: '在升级期间，节点将会进入维护模式几分钟。',
         dialog: '点击 “确认” 安装更新。节点将进入维护模式，直到更新完成并自动返回生产模式。',
         confirm: '升级',

package/es/lost-passport.js

@@ -19,6 +19,7 @@ import useBrowser from '@arcblock/react-hooks/lib/useBrowser';
 import { useCountDown, useReactive } from 'ahooks';
 import DidConnect from '@arcblock/did-connect/lib/Connect';
 import isFunction from 'lodash/isFunction';
+import { useMediaQuery } from '@mui/material';
 import CardSelector from './card-selector';
 import DidAddress from './did-address';
 import wrapLocale from './wrap-locale';
@@ -74,6 +75,7 @@ function LostPassport({
     api,
     session
   } = useContext(SessionContext);
+  const isSmallMobile = useMediaQuery(theme => theme.breakpoints.down('sm'));
   const pageState = useReactive({
     user: null,
     passport: null,
@@ -216,14 +218,16 @@ function LostPassport({
               className: "did",
               mt: 1,
               children: /*#__PURE__*/_jsx(DidAddress, {
+                responsive: !isSmallMobile,
+                compact: isSmallMobile,
                 did: pageState.user.did
               })
             })]
           })]
         }), /*#__PURE__*/_jsx("div", {
           children: /*#__PURE__*/_jsx(CardSelector, {
-            width: 230,
-            height: 306,
+            width: isSmallMobile ? 180 : 230,
+            height: isSmallMobile ? 240 : 306,
             cardSpace: 24,
             list: pageState.user.passportTypes.map(x => {
               return {
@@ -386,6 +390,10 @@ const Div = styled(Container)`
     display: flex;
     flex-direction: column;
 
+    @media (max-width: ${props => props.theme.breakpoints.values.sm}px) {
+      min-height: auto;
+    }
+
     .stepper-progress {
       padding: 0;
       flex: 0;

package/es/subscription/chip-label.js

@@ -1,10 +1,29 @@
 import AccessTimeIcon from '@mui/icons-material/AccessTime';
+import { Tooltip, useMediaQuery } from '@mui/material';
 import Box from '@mui/material/Box';
 import PropTypes from 'prop-types';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function ChipLabel({
   children
 }) {
+  const isMobile = useMediaQuery(theme => theme.breakpoints.down('md'));
+  if (isMobile) {
+    return /*#__PURE__*/_jsx(Tooltip, {
+      enterDelay: 500,
+      leaveDelay: 2000,
+      title: typeof children === 'string' ? children : '',
+      children: /*#__PURE__*/_jsx(Box, {
+        sx: {
+          display: 'flex',
+          alignItems: 'center',
+          gap: 1
+        },
+        children: /*#__PURE__*/_jsx(AccessTimeIcon, {
+          fontSize: "small"
+        })
+      })
+    });
+  }
   return /*#__PURE__*/_jsxs(Box, {
     sx: {
       display: 'flex',

package/lib/blocklet/component/index.js

@@ -279,7 +279,7 @@ function BlockletComponent(_ref) {
         className: "title",
         display: "flex",
         alignItems: "center",
-        children: [t('common.components'), !needMigration && /*#__PURE__*/(0, _jsxRuntime.jsx)(_permission.default, {
+        children: [components !== null && components !== void 0 && components.length ? "".concat(t('common.components'), " (").concat(components.length, ")") : "".concat(t('common.components')), !needMigration && /*#__PURE__*/(0, _jsxRuntime.jsx)(_permission.default, {
           permission: inService ? '' : 'mutate_blocklets',
           role: inService ? _util2.BlockletAdminRoles : [],
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_autoCheckUpdate.default, {
@@ -298,6 +298,7 @@ function BlockletComponent(_ref) {
                 },
                 "data-cy": "check-for-updates",
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+                  ml: 0.5,
                   mr: 0.5,
                   display: "flex",
                   children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {

package/lib/locales/ar.js

@@ -826,7 +826,7 @@ var _default = exports.default = {
         switchLabel: 'صفحة الترحيب'
       },
       upgrade: {
-        title: 'ترقية خادم البلوكليت',
+        title: 'ترقية خادم بلوكليت إلى {version}',
         description: 'خلال الترقية، سيدخل خادم Blocklet الخاص بك في وضع الصيانة لبضع دقائق أثناء إكمال التحديث.',
         dialog: "انقر فوق 'تأكيد' لتثبيت التحديث. سيدخل خادم Blocklet في وضع الصيانة حتى يتم الانتهاء من التحديث والعودة تلقائيًا إلى وضع الإنتاج.",
         confirm: 'تطوير',

package/lib/locales/de.js

@@ -826,7 +826,7 @@ var _default = exports.default = {
         switchLabel: 'Willkommen Seite'
       },
       upgrade: {
-        title: 'Blocklet-Server aktualisieren',
+        title: 'Upgrade Blocklet Server auf {version}',
         description: 'Während des Upgrades wird Ihr Blocklet Server für einige Minuten in den Wartungsmodus wechseln, während das Update abgeschlossen wird.',
         dialog: "Klicken Sie auf 'Bestätigen', um das Update zu installieren. Der Blocklet Server wird in den Wartungsmodus wechseln, bis das Update abgeschlossen ist, und kehrt automatisch in den Produktionsmodus zurück.",
         confirm: 'Upgrade',

package/lib/locales/en.js

@@ -817,7 +817,7 @@ var _default = exports.default = {
         switchLabel: 'Welcome Page'
       },
       upgrade: {
-        title: 'Upgrade Blocklet Server',
+        title: 'Upgrade Blocklet Server to {version}',
         description: 'During the upgrade, your Blocklet Server will enter maintenance mode for a few minutes while the update is completed.',
         dialog: 'Click on "confirm" to install the update. Blocklet Server will enter maintenance mode until the update is completed and return to production mode automatically.',
         confirm: 'Upgrade',

package/lib/locales/es.js

@@ -826,7 +826,7 @@ var _default = exports.default = {
         switchLabel: 'Página de bienvenida'
       },
       upgrade: {
-        title: 'Mejorar el servidor de Blocklet',
+        title: 'Actualiza el servidor de Blocklet a {version}',
         description: 'Durante la actualización, tu servidor de Blocklet entrará en modo de mantenimiento durante unos minutos mientras se completa la actualización.',
         dialog: 'Haz clic en "confirmar" para instalar la actualización. El servidor Blocklet entrará en modo de mantenimiento hasta que la actualización se complete y volverá automáticamente al modo de producción.',
         confirm: 'Mejora',

package/lib/locales/fr.js

@@ -826,7 +826,7 @@ var _default = exports.default = {
         switchLabel: "Page d'accueil"
       },
       upgrade: {
-        title: 'Mettre à niveau le serveur Blocklet',
+        title: 'Mettez à jour le serveur Blocklet vers {version}',
         description: 'Pendant la mise à niveau, votre serveur Blocklet entrera en mode maintenance pendant quelques minutes le temps de la mise à jour.',
         dialog: "Cliquez sur 'Confirmer' pour installer la mise à jour. Le serveur Blocklet entrera en mode de maintenance jusqu'à ce que la mise à jour soit terminée et reviendra automatiquement en mode production.",
         confirm: 'Mise à niveau',

package/lib/locales/hi.js

@@ -826,7 +826,7 @@ var _default = exports.default = {
         switchLabel: 'स्वागत पेज'
       },
       upgrade: {
-        title: 'ब्लॉक्लेट सर्वर को अपग्रेड करें',
+        title: '{version} पर Blocklet सर्वर को अपग्रेड करें',
         description: 'अपग्रेड के दौरान, अपडेट पूरा होने तक आपका ब्लॉकलेट सर्वर कुछ मिनटों के लिए रखरखाव मोड में जाएगा।',
         dialog: "अपडेट स्थापित करने के लिए 'पुष्टि' पर क्लिक करें। अपडेट पूरा होने तक ब्लॉकलेट सर्वर रखरखाव मोड में जाएगा और स्वचालित रूप से प्रोडक्शन मोड में वापस लौटेगा।",
         confirm: 'उन्नयन करें',

package/lib/locales/id.js

@@ -826,7 +826,7 @@ var _default = exports.default = {
         switchLabel: 'Halaman Selamat Datang'
       },
       upgrade: {
-        title: 'Tingkatkan server Blocklet',
+        title: 'Tingkatkan Server Blocklet menjadi versi {version}',
         description: 'Selama peningkatan, server Blocklet Anda akan masuk ke mode perawatan selama beberapa menit saat pembaruan selesai.',
         dialog: 'Klik "konfirmasi" untuk menginstal pembaruan. Blocklet Server akan masuk ke mode pemeliharaan hingga pembaruan selesai dan secara otomatis kembali ke mode produksi.',
         confirm: 'Upgrade',

package/lib/locales/ja.js

@@ -826,7 +826,7 @@ var _default = exports.default = {
         switchLabel: 'ようこそページ'
       },
       upgrade: {
-        title: 'Blocklet サーバーをアップグレードする',
+        title: 'Blocklet サーバーを {version} にアップグレードしてください',
         description: 'アップグレード中に、Blocklet サーバーはアップデートが完了するまで数分間メンテナンスモードになります。',
         dialog: '"確認"をクリックしてアップデートをインストールしてください。アップデートが完了するまで、Blockletサーバーはメンテナンスモードに入り、自動的に製品モードに復帰します。',
         confirm: 'アップグレード',

package/lib/locales/ko.js

@@ -826,7 +826,7 @@ var _default = exports.default = {
         switchLabel: '환영 페이지'
       },
       upgrade: {
-        title: 'Blocklet 서버 업그레이드',
+        title: 'Blocklet 서버를 {version}로 업그레이드하세요',
         description: '업그레이드 중에는 Blocklet 서버가 업데이트가 완료될 동안 몇 분 동안 유지보수 모드로 전환됩니다.',
         dialog: '"확인"을 클릭하여 업데이트를 설치하십시오. 업데이트가 완료될 때까지 Blocklet 서버는 유지 보수 모드로 전환되며 자동으로 제품 모드로 돌아갑니다.',
         confirm: '업그레이드',

package/lib/locales/pt.js

@@ -826,7 +826,7 @@ var _default = exports.default = {
         switchLabel: 'Página de Boas-vindas'
       },
       upgrade: {
-        title: 'Atualize o servidor de Blocklet',
+        title: 'Atualize o Servidor Blocklet para a versão {version}',
         description: 'Durante a atualização, seu servidor Blocklet entrará no modo de manutenção por alguns minutos enquanto a atualização for concluída.',
         dialog: 'Clique em "confirmar" para instalar a atualização. O Blocklet Server entrará em modo de manutenção até que a atualização seja concluída e retornará ao modo de produção automaticamente.',
         confirm: 'Atualizar',

package/lib/locales/ru.js

@@ -826,7 +826,7 @@ var _default = exports.default = {
         switchLabel: 'Главная страница'
       },
       upgrade: {
-        title: 'Обновить сервер Blocklet',
+        title: 'Обновите сервер Blocklet до {version}',
         description: 'Во время обновления ваш сервер Blocklet перейдет в режим обслуживания на несколько минут до завершения обновления.',
         dialog: "Щелкните 'подтвердить', чтобы установить обновление. Сервер Blocklet перейдет в режим обслуживания до завершения обновления и автоматически вернется в режим производства.",
         confirm: 'Обновление',

package/lib/locales/th.js

@@ -826,7 +826,7 @@ var _default = exports.default = {
         switchLabel: 'หน้าต้อนรับ'
       },
       upgrade: {
-        title: 'อัพเกรดเซิร์ฟเวอร์ Blocklet',
+        title: 'อัปเกรดเซิร์ฟเวอร์ Blocklet เป็นเวอร์ชัน {version}',
         description: 'ระหว่างการอัปเกรด, เซิร์ฟเวอร์ Blocklet ของคุณจะเข้าสู่โหมดการบำรุงรักษาเป็นเวลาหลายนาทีในขณะที่การอับเดตเสร็จสิ้น',
         dialog: 'คลิกที่ "ยืนยัน" เพื่อติดตั้งการอัปเดต  โปรแกรมบล็อกเล็ตเซิร์ฟเวอร์จะเข้าสู่โหมดการบำรุงรักษาจนกว่าการอัปเดตจะเสร็จสิ้นและกลับมาสู่โหมดการผลิตอัตโนมัติ',
         confirm: 'อัพเกรด',

package/lib/locales/vi.js

@@ -826,7 +826,7 @@ var _default = exports.default = {
         switchLabel: 'Trang Chào mừng'
       },
       upgrade: {
-        title: 'Nâng cấp máy chủ Blocklet',
+        title: 'Nâng cấp Blocklet Server lên phiên bản {version}',
         description: 'Trong quá trình nâng cấp, máy chủ Blocklet của bạn sẽ vào chế độ bảo trì trong vài phút trong khi cập nhật hoàn tất.',
         dialog: 'Nhấp vào "xác nhận" để cài đặt bản cập nhật. Blocklet Server sẽ vào chế độ bảo trì cho đến khi cập nhật hoàn thành và tự động trở lại chế độ sản xuất.',
         confirm: 'Nâng cấp',

package/lib/locales/zh-tw.js

@@ -826,7 +826,7 @@ var _default = exports.default = {
         switchLabel: '歡迎頁面'
       },
       upgrade: {
-        title: '升級 Blocklet 伺服器',
+        title: '升級 Blocklet 伺服器到 {version}',
         description: '在升級期間，您的 Blocklet 伺服器將進入維護模式，更新完成後將持續幾分鐘。',
         dialog: '點擊"確認"安裝更新。Blocklet服務器將進入維護模式，直到更新完成並自動返回生產模式。',
         confirm: '升級',

package/lib/locales/zh.js

@@ -822,7 +822,7 @@ var _default = exports.default = {
       nftDomainUrl: 'NFT Domain 地址',
       nftDomainUrlPlaceholder: '你可以选择其它的 NFT Domain 服务器, 也可以使用官方提供的版本',
       upgrade: {
-        title: '升级 Blocklet 服务器',
+        title: '升级 Blocklet 服务器到 {version}',
         description: '在升级期间，节点将会进入维护模式几分钟。',
         dialog: '点击 “确认” 安装更新。节点将进入维护模式，直到更新完成并自动返回生产模式。',
         confirm: '升级',

package/lib/lost-passport.js

@@ -24,6 +24,7 @@ var _useBrowser = _interopRequireDefault(require("@arcblock/react-hooks/lib/useB
 var _ahooks = require("ahooks");
 var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
 var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
+var _material = require("@mui/material");
 var _cardSelector = _interopRequireDefault(require("./card-selector"));
 var _didAddress = _interopRequireDefault(require("./did-address"));
 var _wrapLocale = _interopRequireDefault(require("./wrap-locale"));
@@ -86,6 +87,7 @@ function LostPassport(_ref2) {
     api,
     session
   } = (0, _react.useContext)(SessionContext);
+  const isSmallMobile = (0, _material.useMediaQuery)(theme => theme.breakpoints.down('sm'));
   const pageState = (0, _ahooks.useReactive)({
     user: null,
     passport: null,
@@ -228,14 +230,16 @@ function LostPassport(_ref2) {
               className: "did",
               mt: 1,
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
+                responsive: !isSmallMobile,
+                compact: isSmallMobile,
                 did: pageState.user.did
               })
             })]
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_cardSelector.default, {
-            width: 230,
-            height: 306,
+            width: isSmallMobile ? 180 : 230,
+            height: isSmallMobile ? 240 : 306,
             cardSpace: 24,
             list: pageState.user.passportTypes.map(x => {
               return {
@@ -377,5 +381,5 @@ function LostPassport(_ref2) {
     })
   });
 }
-const Div = (0, _styled.default)(_Container.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding-top: 46px;\n  padding-bottom: 46px;\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  @media (max-width: ", "px) {\n    display: block;\n  }\n  .header {\n    text-align: center;\n    margin-bottom: 24px;\n  }\n\n  .stepper {\n    padding: 24px;\n    height: auto;\n    width: 100%;\n    min-height: 640px;\n    display: flex;\n    flex-direction: column;\n\n    .stepper-progress {\n      padding: 0;\n      flex: 0;\n      margin-bottom: 24px;\n\n      .MuiStepLabel-label.MuiStepLabel-alternativeLabel {\n        margin-top: 8px;\n      }\n\n      .MuiStepConnector-alternativeLabel {\n        top: 24px;\n      }\n\n      .MuiStepConnector-lineHorizontal {\n        height: 3px;\n        border: none;\n        background-color: #eaeaf0;\n        border-radius: 1px;\n      }\n\n      .step-icon-w {\n        background-color: ", ";\n        z-index: 1;\n        color: ", ";\n        width: 50px;\n        height: 50px;\n        display: flex;\n        border-radius: 50%;\n        justify-content: center;\n        align-items: center;\n        .step-icon {\n          font-size: 30px;\n        }\n      }\n\n      .step-icon-w--active {\n        background-color: ", ";\n      }\n\n      .step-icon-w--completed {\n        background-color: ", ";\n      }\n    }\n\n    .stepper-content {\n      padding: 0 64px;\n      flex: 1;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      margin-bottom: 24px;\n\n      .stepper-icon {\n        margin-left: 40px;\n      }\n\n      .stepper-auth {\n        padding: 0;\n\n        .auth-title {\n          margin-bottom: 16px;\n        }\n      }\n\n      .stepper-tip {\n        text-align: center;\n        margin-bottom: 16px;\n      }\n      @media (max-width: ", "px) {\n        padding: 0;\n      }\n    }\n\n    .stepper-actions {\n      flex: 0;\n      text-align: right;\n      padding: 0 64px;\n      display: none;\n      .step-button {\n        margin-right: 8px;\n      }\n    }\n\n    .select-passport {\n      width: 80%;\n      @media (max-width: ", "px) {\n        width: 100%;\n      }\n    }\n\n    .user-info {\n      .name {\n        font-weight: 500;\n        font-size: 18px;\n        line-height: 25px;\n        color: #222222;\n      }\n    }\n  }\n\n  .connect {\n    background: #fafafa;\n  }\n"])), props => props.theme.breakpoints.values.sm, props => props.theme.palette.grey[500], props => props.theme.palette.common.white, props => props.theme.palette.primary.main, props => props.theme.palette.secondary.main, props => props.theme.breakpoints.values.sm, props => props.theme.breakpoints.values.sm);
+const Div = (0, _styled.default)(_Container.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding-top: 46px;\n  padding-bottom: 46px;\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  @media (max-width: ", "px) {\n    display: block;\n  }\n  .header {\n    text-align: center;\n    margin-bottom: 24px;\n  }\n\n  .stepper {\n    padding: 24px;\n    height: auto;\n    width: 100%;\n    min-height: 640px;\n    display: flex;\n    flex-direction: column;\n\n    @media (max-width: ", "px) {\n      min-height: auto;\n    }\n\n    .stepper-progress {\n      padding: 0;\n      flex: 0;\n      margin-bottom: 24px;\n\n      .MuiStepLabel-label.MuiStepLabel-alternativeLabel {\n        margin-top: 8px;\n      }\n\n      .MuiStepConnector-alternativeLabel {\n        top: 24px;\n      }\n\n      .MuiStepConnector-lineHorizontal {\n        height: 3px;\n        border: none;\n        background-color: #eaeaf0;\n        border-radius: 1px;\n      }\n\n      .step-icon-w {\n        background-color: ", ";\n        z-index: 1;\n        color: ", ";\n        width: 50px;\n        height: 50px;\n        display: flex;\n        border-radius: 50%;\n        justify-content: center;\n        align-items: center;\n        .step-icon {\n          font-size: 30px;\n        }\n      }\n\n      .step-icon-w--active {\n        background-color: ", ";\n      }\n\n      .step-icon-w--completed {\n        background-color: ", ";\n      }\n    }\n\n    .stepper-content {\n      padding: 0 64px;\n      flex: 1;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      margin-bottom: 24px;\n\n      .stepper-icon {\n        margin-left: 40px;\n      }\n\n      .stepper-auth {\n        padding: 0;\n\n        .auth-title {\n          margin-bottom: 16px;\n        }\n      }\n\n      .stepper-tip {\n        text-align: center;\n        margin-bottom: 16px;\n      }\n      @media (max-width: ", "px) {\n        padding: 0;\n      }\n    }\n\n    .stepper-actions {\n      flex: 0;\n      text-align: right;\n      padding: 0 64px;\n      display: none;\n      .step-button {\n        margin-right: 8px;\n      }\n    }\n\n    .select-passport {\n      width: 80%;\n      @media (max-width: ", "px) {\n        width: 100%;\n      }\n    }\n\n    .user-info {\n      .name {\n        font-weight: 500;\n        font-size: 18px;\n        line-height: 25px;\n        color: #222222;\n      }\n    }\n  }\n\n  .connect {\n    background: #fafafa;\n  }\n"])), props => props.theme.breakpoints.values.sm, props => props.theme.breakpoints.values.sm, props => props.theme.palette.grey[500], props => props.theme.palette.common.white, props => props.theme.palette.primary.main, props => props.theme.palette.secondary.main, props => props.theme.breakpoints.values.sm, props => props.theme.breakpoints.values.sm);
 var _default = exports.default = (0, _wrapLocale.default)(LostPassport);

package/lib/subscription/chip-label.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = ChipLabel;
 var _AccessTime = _interopRequireDefault(require("@mui/icons-material/AccessTime"));
+var _material = require("@mui/material");
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -13,6 +14,24 @@ function ChipLabel(_ref) {
   let {
     children
   } = _ref;
+  const isMobile = (0, _material.useMediaQuery)(theme => theme.breakpoints.down('md'));
+  if (isMobile) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+      enterDelay: 500,
+      leaveDelay: 2000,
+      title: typeof children === 'string' ? children : '',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        sx: {
+          display: 'flex',
+          alignItems: 'center',
+          gap: 1
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccessTime.default, {
+          fontSize: "small"
+        })
+      })
+    });
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
     sx: {
       display: 'flex',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.26-beta-63f52a83",
+  "version": "1.16.26",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -28,23 +28,23 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.26-beta-63f52a83",
-    "@abtnode/constant": "1.16.26-beta-63f52a83",
-    "@abtnode/util": "1.16.26-beta-63f52a83",
+    "@abtnode/auth": "1.16.26",
+    "@abtnode/constant": "1.16.26",
+    "@abtnode/util": "1.16.26",
     "@ahooksjs/use-url-state": "^3.5.1",
     "@arcblock/did": "^1.18.115",
-    "@arcblock/did-connect": "^2.9.71",
+    "@arcblock/did-connect": "^2.9.72",
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.9.71",
-    "@arcblock/nft-display": "2.9.71",
-    "@arcblock/react-hooks": "^2.9.71",
-    "@arcblock/terminal": "^2.9.71",
-    "@arcblock/ux": "^2.9.71",
-    "@blocklet/constant": "1.16.26-beta-63f52a83",
-    "@blocklet/launcher-layout": "2.3.13",
+    "@arcblock/icons": "^2.9.72",
+    "@arcblock/nft-display": "2.9.72",
+    "@arcblock/react-hooks": "^2.9.72",
+    "@arcblock/terminal": "^2.9.72",
+    "@arcblock/ux": "^2.9.72",
+    "@blocklet/constant": "1.16.26",
+    "@blocklet/launcher-layout": "2.3.14",
     "@blocklet/list": "^0.12.88",
-    "@blocklet/meta": "1.16.26-beta-63f52a83",
-    "@blocklet/ui-react": "^2.9.71",
+    "@blocklet/meta": "1.16.26",
+    "@blocklet/ui-react": "^2.9.72",
     "@blocklet/uploader": "^0.0.78",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
@@ -109,7 +109,7 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0"
   },
-  "gitHead": "ce04b1916e531d79d9535111cd370c69c04fcbc1",
+  "gitHead": "8abf4051293ad67271e96ffcaad70ecb90356f3f",
   "exports": {
     ".": {
       "import": "./es/index.js",