@abtnode/ux 1.16.43 → 1.16.44-beta-20250513-030435-c2d99062

package/lib/blocklet/access-key/component.js

@@ -33,7 +33,8 @@ function ExpiredAt({
   }
   return /*#__PURE__*/_jsx(RelativeTime, {
     value: value,
-    locale: locale
+    locale: locale,
+    type: "all"
   });
 }
 ExpiredAt.propTypes = {

package/lib/blocklet/access-key/detail.js

@@ -10,6 +10,7 @@ import Typography from '@mui/material/Typography';
 import Stack from '@mui/material/Stack';
 import UserCard from '@arcblock/ux/lib/UserCard';
 import { CardType, InfoType } from '@arcblock/ux/lib/UserCard/types';
+import RelativeTime from '@arcblock/ux/lib/RelativeTime';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { useRequest } from 'ahooks';
 import { getDisplayName } from '@blocklet/meta/lib/util';
@@ -18,7 +19,6 @@ import BlockletBundleAvatar from '../bundle-avatar';
 import { parseAvatar } from '../../team/members/util';
 import DidAddress from '../../did-address';
 import { renderRole } from '../../team/passports/new/passport-item';
-import { formatToDatetime } from '../../util';
 import { useTeamContext } from '../../contexts/team';
 import { useNodeContext } from '../../contexts/node';
 import { useBlockletContext } from '../../contexts/blocklet';
@@ -150,10 +150,18 @@ function BaseInfo({
     title: t('common.timeInfo'),
     items: [{
       label: t('common.createdAt'),
-      content: accessKey.createdAt ? formatToDatetime(accessKey.createdAt, locale) : '-'
+      content: accessKey.createdAt ? /*#__PURE__*/_jsx(RelativeTime, {
+        value: accessKey.createdAt,
+        type: "all",
+        locale: locale
+      }) : '-'
     }, {
       label: t('common.lastUsedAt'),
-      content: accessKey.lastUsedAt ? formatToDatetime(accessKey.lastUsedAt, locale) : '-'
+      content: accessKey.lastUsedAt ? /*#__PURE__*/_jsx(RelativeTime, {
+        value: accessKey.lastUsedAt,
+        type: "all",
+        locale: locale
+      }) : '-'
     }, {
       label: t('common.expiredAt'),
       content: accessKey.expireAt ? /*#__PURE__*/_jsx(ExpiredAt, {

package/lib/blocklet/access-key/index.js

@@ -176,6 +176,7 @@ export default function AccessKey() {
       }) => {
         const item = list[rowIndex];
         return /*#__PURE__*/_jsx(Actions, {
+          "data-cy": "access-key-actions",
           actions: [{
             icon: /*#__PURE__*/_jsx(EditIcon, {}),
             text: t('common.edit'),

package/lib/blocklet/audit-log-cell.js

@@ -3,6 +3,7 @@ import { useMemo, useState, useRef, useEffect } from 'react';
 import { Link } from 'react-router-dom';
 import MarkdownPreview from '@uiw/react-markdown-preview';
 import rehypeExternalLinks from 'rehype-external-links';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 import { Avatar, IconButton, Tooltip, useTheme } from '@mui/material';
@@ -12,7 +13,7 @@ import CloseFullscreenIcon from '@mui/icons-material/CloseFullscreen';
 import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
 import debounce from 'lodash/debounce';
 import { WELLKNOWN_SERVICE_PATH_PREFIX } from '@abtnode/constant';
-import RelativeTime from '../relative-time';
+import RelativeTime from '@arcblock/ux/lib/RelativeTime';
 import ShortenLabel from './component/shorten-label';
 import extractMarkdownLinks from '../util/extract-markdown-links';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -46,6 +47,9 @@ export default function AuditLogCell({
   avatarUrl,
   inService
 }) {
+  const {
+    locale
+  } = useLocaleContext();
   const {
     palette
   } = useTheme();
@@ -187,9 +191,17 @@ export default function AuditLogCell({
         }), /*#__PURE__*/_jsx(Typography, {
           component: "span",
           color: "textSecondary",
-          fontSize: 13,
           children: /*#__PURE__*/_jsx(RelativeTime, {
-            value: createdAt
+            value: createdAt,
+            locale: locale,
+            type: "all",
+            showUTCPrefix: false,
+            sx: {
+              fontSize: 12,
+              '& > span:nth-last-child(-n+2)': {
+                display: 'none'
+              }
+            }
           })
         })]
       }), /*#__PURE__*/_jsx(Box, {

package/lib/blocklet/component/component-info-dialog.js

@@ -8,9 +8,9 @@ import Dialog from '@arcblock/ux/lib/Dialog';
 import { getDisplayName, hasStartEngine } from '@blocklet/meta/lib/util';
 import { formatPerson } from '@blocklet/meta/lib/fix';
 import ExternalLink from '@mui/material/Link';
+import RelativeTime from '@arcblock/ux/lib/RelativeTime';
 import { useDeletingBlockletContext } from '../../contexts/deleting-blocklets';
 import Tag from '../../tag';
-import { formatToDatetime } from '../../util';
 import DidAddress from '../../did-address';
 import BlockletSource from '../blocklet-source';
 import BlockletStatus from '../status';
@@ -151,13 +151,25 @@ export default function ComponentInfoDialog({
     })
   }, blocklet.status === 'running' ? {
     name: t('blocklet.startedAt'),
-    value: formatToDatetime(blocklet.startedAt, locale)
+    value: blocklet.startedAt ? /*#__PURE__*/_jsx(RelativeTime, {
+      value: blocklet.startedAt,
+      type: "all",
+      locale: locale
+    }) : '-'
   } : null, blocklet.status !== 'running' ? {
     name: t('blocklet.stoppedAt'),
-    value: formatToDatetime(blocklet.stoppedAt, locale)
+    value: blocklet.stoppedAt ? /*#__PURE__*/_jsx(RelativeTime, {
+      value: blocklet.stoppedAt,
+      type: "all",
+      locale: locale
+    }) : '-'
   } : null, blocklet.installedAt ? {
     name: t('blocklet.installedAt'),
-    value: formatToDatetime(blocklet.installedAt, locale)
+    value: blocklet.installedAt ? /*#__PURE__*/_jsx(RelativeTime, {
+      value: blocklet.installedAt,
+      type: "all",
+      locale: locale
+    }) : '-'
   } : null, hasStartEngine(blocklet.meta) ? {
     name: t('common.mountPoint'),
     value: mountPoint

package/lib/blocklet/notification-records/index.js

@@ -17,6 +17,11 @@ import { useCreation } from 'ahooks';
 import PropTypes from 'prop-types';
 import Avatar from '@arcblock/did-connect/lib/Avatar';
 import AvatarGroup from '@mui/material/AvatarGroup';
+import Typography from '@mui/material/Typography';
+import IconButton from '@mui/material/IconButton';
+import SettingsIcon from '@mui/icons-material/Settings';
+import Dialog from '@arcblock/ux/lib/Dialog';
+import NotificationSettings from '../notification';
 import { NotificationRecordsProvider, useNotificationRecordsContext } from '../../contexts/notification-records';
 import ShortenLabel from '../component/shorten-label';
 import Notification from './notification';
@@ -33,6 +38,7 @@ import FilterChip from './table/filter-chip';
 import SeverityFilter from './table/severity-filter';
 import { parseAvatar } from '../../team/members/util';
 import NotificationStatistics from './statistics';
+import useMobile from '../../hooks/use-mobile';
 
 // eslint-disable-next-line react/prop-types
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -57,6 +63,8 @@ function NotificationRecords({
   const datatableRef = useRef(null);
   const [notificationDialog, setNotificationDialog] = useState(null);
   const [openTab, setOpenTab] = useState('info');
+  const isMobile = useMobile();
+  const [open, setOpen] = useState(false);
   const durableKey = `notification-records-${blocklet.meta?.did}`;
   const tableDurableData = getDurableData(durableKey);
   const [search, setSearch] = useState({
@@ -429,7 +437,20 @@ function NotificationRecords({
       page: 1
     }));
   };
-  const customButtons = [...(customTableButtons || [])];
+  const customButtons = [/*#__PURE__*/_jsxs(Box, {
+    display: "flex",
+    alignItems: "center",
+    gap: 1.5,
+    children: [/*#__PURE__*/_jsx(IconButton, {
+      onClick: () => setOpen(true),
+      sx: {
+        p: isMobile ? 0 : undefined
+      },
+      children: /*#__PURE__*/_jsx(SettingsIcon, {})
+    }, "settings"), isMobile ? /*#__PURE__*/_jsx(Typography, {
+      children: t('common.setting')
+    }) : null]
+  }), ...(customTableButtons || [])];
   return /*#__PURE__*/_jsxs(Box, {
     ref: datatableRef,
     sx: {
@@ -496,6 +517,24 @@ function NotificationRecords({
       notification: notificationDialog,
       blocklet: blocklet,
       tab: openTab
+    }), /*#__PURE__*/_jsx(Dialog, {
+      title: `${t('common.notification')} ${t('common.setting')}`,
+      fullWidth: true,
+      maxWidth: "md",
+      open: open,
+      onClose: () => setOpen(false),
+      PaperProps: {
+        style: {
+          minHeight: '500px'
+        }
+      },
+      children: /*#__PURE__*/_jsx(Box, {
+        sx: {
+          mt: '-16px',
+          overflowY: 'hidden'
+        },
+        children: /*#__PURE__*/_jsx(NotificationSettings, {})
+      })
     })]
   });
 }

package/lib/blocklet/notification-records/notification.js

@@ -12,11 +12,11 @@ import colors from '@arcblock/ux/lib/Colors/themes/default';
 import InfoRow from '@arcblock/ux/lib/InfoRow';
 import Tabs from '@arcblock/ux/lib/Tabs';
 import Toast from '@arcblock/ux/lib/Toast';
+import RelativeTime from '@arcblock/ux/lib/RelativeTime';
 import ShortenLabel from '../component/shorten-label';
 import { SendComponentAvatar } from '../../notifications/pages/list';
 import NotificationContent from '../../notifications/pages/content';
 import { useNotificationRecordsContext } from '../../contexts/notification-records';
-import RelativeTime from '../../relative-time';
 import NotificationSeverity from './severity';
 import Receivers from './receivers';
 import Statistics from './statistics';
@@ -145,7 +145,8 @@ function Notification({
       value: /*#__PURE__*/_jsx(RelativeTime, {
         value: notification.createdAt,
         locale: locale,
-        shouldUpdate: true
+        shouldUpdate: true,
+        type: "all"
       })
     }];
     return rows.map(row => /*#__PURE__*/_jsx(InfoRow, {

package/lib/blocklet/oauth/detail.js

@@ -67,7 +67,8 @@ export default function OauthClientDetail({
   onClose
 }) {
   const {
-    t
+    t,
+    locale
   } = useLocaleContext();
   const {
     teamDid
@@ -221,17 +222,23 @@ export default function OauthClientDetail({
     items: [{
       label: t('oauth.client.clientIdIssuedAt'),
       value: clientIdIssuedAt ? /*#__PURE__*/_jsx(RelativeTime, {
-        value: clientIdIssuedAt * 1000
+        value: clientIdIssuedAt * 1000,
+        type: "all",
+        locale: locale
       }) : '-'
     }, {
       label: t('oauth.client.clientSecretExpiresAt'),
       value: clientSecretExpiresAt ? /*#__PURE__*/_jsx(RelativeTime, {
-        value: clientSecretExpiresAt * 1000
+        value: clientSecretExpiresAt * 1000,
+        type: "all",
+        locale: locale
       }) : '-'
     }, {
       label: t('common.updatedAt'),
       value: updatedAt ? /*#__PURE__*/_jsx(RelativeTime, {
-        value: updatedAt
+        value: updatedAt,
+        type: "all",
+        locale: locale
       }) : '-'
     }]
   }].filter(Boolean);

package/lib/blocklet/overview.js

@@ -25,13 +25,14 @@ import Tag from '@arcblock/ux/lib/Tag';
 import Grid from '@mui/material/Grid';
 import useAsyncRetry from 'react-use/lib/useAsyncRetry';
 import { joinURL } from 'ufo';
+import RelativeTime from '@arcblock/ux/lib/RelativeTime';
 import { useBlockletContext } from '../contexts/blocklet';
 import { useNodeContext } from '../contexts/node';
 import { useTeamContext } from '../contexts/team';
 import DidAddress from '../did-address';
 import VaultStatus from './vault/status';
 import Metric from '../component/metric';
-import { formatToDatetime, getExplorerLink } from '../util';
+import { getExplorerLink } from '../util';
 import { isServerless } from './util';
 import { getSpaceBackupEndpoint } from '../util/spaces';
 import { useUpTime } from './uptime';
@@ -326,7 +327,11 @@ export default function BlockletOverview() {
     })
   } : null, {
     name: t('blocklet.installedAt'),
-    value: formatToDatetime(blocklet.installedAt, locale)
+    value: blocklet.installedAt ? /*#__PURE__*/_jsx(RelativeTime, {
+      value: blocklet.installedAt,
+      type: "all",
+      locale: locale
+    }) : '-'
   }, {
     name: t('blocklet.config.walletType.name'),
     value: WalletType[chainType || 'arcblock'] || chainType

package/lib/team/members/member.js

@@ -21,12 +21,13 @@ import { Icon } from '@iconify/react';
 import { USER_TYPE } from '@abtnode/constant';
 import { PROVIDER_NAME, TeamEvents } from '@blocklet/constant';
 import { Button } from '@mui/material';
+import RelativeTime from '@arcblock/ux/lib/RelativeTime';
 import Tag from '../../tag';
 import DidAddress from '../../did-address';
 import Permission from '../../permission';
 import { useNodeContext } from '../../contexts/node';
 import { useTeamContext } from '../../contexts/team';
-import { formatError, formatToDatetime, BlockletAdminRoles } from '../../util';
+import { formatError, BlockletAdminRoles } from '../../util';
 import PassportIssuances from './passport-issuances';
 import Passports from './passports';
 import ToggleAccess from './toggle-access';
@@ -35,7 +36,6 @@ import { parseAvatar } from './util';
 import blockletSdk from '../../util/sdk';
 import UserConnections from './connections';
 import { useSessionContext } from '../../contexts/session';
-
 // eslint-disable-next-line react/prop-types
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function VerifiedInfo({
@@ -195,15 +195,23 @@ export default function Member({
     }, {
       name: t('team.member.allowAccess'),
       value: pageState.user.approved ? t('common.yes') : t('common.no')
+    }, {
+      name: t('common.createdAt'),
+      value: pageState.user.createdAt ? /*#__PURE__*/_jsx(RelativeTime, {
+        value: pageState.user.createdAt,
+        type: "all",
+        locale: locale
+      }) : '-'
     }, {
       name: t('team.member.lastLogin'),
-      value: formatToDatetime(pageState.user.lastLoginAt, locale)
+      value: pageState.user.lastLoginAt ? /*#__PURE__*/_jsx(RelativeTime, {
+        value: pageState.user.lastLoginAt,
+        type: "all",
+        locale: locale
+      }) : '-'
     }, {
       name: t('team.member.lastLoginIp'),
       value: pageState.user.lastLoginIp || ''
-    }, {
-      name: t('common.createdAt'),
-      value: formatToDatetime(pageState.user.createdAt, locale)
     }, {
       name: t('common.remark'),
       value: pageState.user.remark || '-'

package/lib/team/members/passports.js

@@ -173,6 +173,41 @@ export default function Passports({
     };
   };
   const filteredPassports = passports.filter(x => !search || x.title.includes(search) || x.name.includes(search));
+  const renderAction = (can, x) => {
+    if (x.status === PASSPORT_STATUS.EXPIRED) {
+      return /*#__PURE__*/_jsx(Button, {
+        variant: "outlined",
+        disabled: true,
+        children: t('common.expired')
+      });
+    }
+    if (revokeInfo(can, x).revokable) {
+      return /*#__PURE__*/_jsxs(Button, {
+        variant: "outlined",
+        color: x.revoked ? 'primary' : 'secondary',
+        onClick: () => confirmToggle(x),
+        children: [x.revoked ? /*#__PURE__*/_jsx(AddIcon, {
+          style: {
+            fontSize: 16,
+            marginRight: 4
+          }
+        }) : /*#__PURE__*/_jsx(RevokeIcon, {
+          style: {
+            height: 16,
+            marginRight: 4
+          }
+        }), x.revoked ? t('common.enable') : t('common.revoke')]
+      });
+    }
+    return /*#__PURE__*/_jsx(Tooltip, {
+      title: revokeInfo(can, x).message,
+      children: /*#__PURE__*/_jsx(ErrorOutlineIcon, {
+        style: {
+          color: theme.palette.grey[600]
+        }
+      })
+    });
+  };
   return /*#__PURE__*/_jsxs(Div, {
     children: [/*#__PURE__*/_jsxs(ListHeader, {
       children: [/*#__PURE__*/_jsx("div", {
@@ -236,29 +271,7 @@ export default function Passports({
               })]
             })
           }), /*#__PURE__*/_jsx(Box, {
-            children: revokeInfo(can, x).revokable ? /*#__PURE__*/_jsxs(Button, {
-              variant: "outlined",
-              color: x.revoked ? 'primary' : 'secondary',
-              onClick: () => confirmToggle(x),
-              children: [x.revoked ? /*#__PURE__*/_jsx(AddIcon, {
-                style: {
-                  fontSize: 16,
-                  marginRight: 4
-                }
-              }) : /*#__PURE__*/_jsx(RevokeIcon, {
-                style: {
-                  height: 16,
-                  marginRight: 4
-                }
-              }), x.revoked ? t('common.enable') : t('common.revoke')]
-            }) : /*#__PURE__*/_jsx(Tooltip, {
-              title: revokeInfo(can, x).message,
-              children: /*#__PURE__*/_jsx(ErrorOutlineIcon, {
-                style: {
-                  color: theme.palette.grey[600]
-                }
-              })
-            })
+            children: renderAction(can, x)
           })]
         })
       }, x.id)), !filteredPassports.length && /*#__PURE__*/_jsx(Empty, {

package/lib/team/passports/new/detail.js

@@ -19,6 +19,7 @@ import Alert from '@mui/material/Alert';
 import Divider from '@mui/material/Divider';
 import dayjs from '@abtnode/util/lib/dayjs';
 import { PASSPORT_LOG_ACTION, PASSPORT_ISSUE_ACTION } from '@abtnode/constant';
+import RelativeTime from '@arcblock/ux/lib/RelativeTime';
 import DidAddress from '../../../did-address';
 import { useTeamContext } from '../../../contexts/team';
 import { useNodeContext } from '../../../contexts/node';
@@ -185,13 +186,25 @@ function BaseInfo({
     title: t('common.timeInfo'),
     items: [{
       label: t('team.passport.issuanceTime'),
-      content: passport.issuanceDate ? formatToDatetime(passport.issuanceDate, locale) : '-'
+      content: passport.issuanceDate ? /*#__PURE__*/_jsx(RelativeTime, {
+        value: passport.issuanceDate,
+        type: "all",
+        locale: locale
+      }) : '-'
     }, {
       label: t('team.member.lastLogin'),
-      content: passport.lastLoginAt ? formatToDatetime(passport.lastLoginAt, locale) : '-'
+      content: passport.lastLoginAt ? /*#__PURE__*/_jsx(RelativeTime, {
+        value: passport.lastLoginAt,
+        type: "all",
+        locale: locale
+      }) : '-'
     }, {
       label: t('common.expires'),
-      content: passport.expirationDate ? formatToDatetime(passport.expirationDate, locale) : '-'
+      content: passport.expirationDate ? /*#__PURE__*/_jsx(RelativeTime, {
+        value: passport.expirationDate,
+        type: "all",
+        locale: locale
+      }) : '-'
     }]
   }, {
     title: t('blocklet.overview.source'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.43",
+  "version": "1.16.44-beta-20250513-030435-c2d99062",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -25,31 +25,31 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.43",
-    "@abtnode/constant": "1.16.43",
-    "@abtnode/docker-utils": "1.16.43",
-    "@abtnode/util": "1.16.43",
+    "@abtnode/auth": "1.16.44-beta-20250513-030435-c2d99062",
+    "@abtnode/constant": "1.16.44-beta-20250513-030435-c2d99062",
+    "@abtnode/docker-utils": "1.16.44-beta-20250513-030435-c2d99062",
+    "@abtnode/util": "1.16.44-beta-20250513-030435-c2d99062",
     "@ahooksjs/use-url-state": "^3.5.1",
     "@arcblock/did": "1.20.8",
-    "@arcblock/did-connect": "^2.13.26",
+    "@arcblock/did-connect": "^2.13.29",
     "@arcblock/did-ext": "^1.20.8",
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.13.26",
-    "@arcblock/nft-display": "^2.13.26",
-    "@arcblock/react-hooks": "^2.13.26",
-    "@arcblock/terminal": "^2.13.26",
-    "@arcblock/ux": "^2.13.26",
+    "@arcblock/icons": "^2.13.29",
+    "@arcblock/nft-display": "^2.13.29",
+    "@arcblock/react-hooks": "^2.13.29",
+    "@arcblock/terminal": "^2.13.29",
+    "@arcblock/ux": "^2.13.29",
     "@arcblock/validator": "1.20.8",
-    "@blocklet/constant": "1.16.43",
+    "@blocklet/constant": "1.16.44-beta-20250513-030435-c2d99062",
     "@blocklet/did-domain-react": "^0.3.117",
     "@blocklet/did-space-react": "^1.0.51",
-    "@blocklet/js-sdk": "1.16.43",
-    "@blocklet/launcher-layout": "^2.13.26",
+    "@blocklet/js-sdk": "1.16.44-beta-20250513-030435-c2d99062",
+    "@blocklet/launcher-layout": "^2.13.29",
     "@blocklet/list": "^0.16.48",
-    "@blocklet/meta": "1.16.43",
-    "@blocklet/theme": "^2.13.26",
-    "@blocklet/ui-react": "^2.13.26",
-    "@blocklet/uploader": "^0.1.89",
+    "@blocklet/meta": "1.16.44-beta-20250513-030435-c2d99062",
+    "@blocklet/theme": "^2.13.29",
+    "@blocklet/ui-react": "^2.13.29",
+    "@blocklet/uploader": "^0.1.90",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@iconify-icons/logos": "^1.2.36",
@@ -127,5 +127,5 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0"
   },
-  "gitHead": "f8fc3d8ca3f4ef070db03d60a51e85f9741d8e87"
+  "gitHead": "c3a3efef44ccf08705abb47875edba6169e76faa"
 }