@arcblock/ux 2.13.29 → 2.13.30

package/lib/RelativeTime/index.d.ts

@@ -11,5 +11,6 @@ export interface RelativeTimeProps {
     relativeRange?: number;
     enableTooltip?: boolean;
     showUTCPrefix?: boolean;
+    disableUTC?: boolean;
 }
-export default function RelativeTime({ value, locale, withoutSuffix, from, to, type, tz, relativeRange, enableTooltip, showUTCPrefix, ...rest }: RelativeTimeProps): import("react/jsx-runtime").JSX.Element;
+export default function RelativeTime({ value, locale, withoutSuffix, from, to, type, tz, relativeRange, enableTooltip, showUTCPrefix, disableUTC, ...rest }: RelativeTimeProps): import("react/jsx-runtime").JSX.Element;

package/lib/RelativeTime/index.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Tooltip } from '@mui/material';
-import { useState } from 'react';
+import { useState, useMemo } from 'react';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import dayjs from 'dayjs';
 import 'dayjs/locale/zh-cn';
@@ -136,7 +136,15 @@ function UTCChip({
   setIsUtc,
   showUTCPrefix = true
 }) {
-  const prefix = showUTCPrefix ? `${translations[locale].utc}: ` : '';
+  const prefix = useMemo(() => {
+    if (showUTCPrefix) {
+      if (isUtc) {
+        return '';
+      }
+      return `${translations[locale].utc}: `;
+    }
+    return '';
+  }, [locale, showUTCPrefix, isUtc]);
   return /*#__PURE__*/_jsx(Box, {
     component: "span",
     sx: {
@@ -164,6 +172,7 @@ export default function RelativeTime({
   relativeRange,
   enableTooltip = true,
   showUTCPrefix = true,
+  disableUTC = false,
   ...rest
 }) {
   const {
@@ -190,10 +199,9 @@ export default function RelativeTime({
       placement: "top-end",
       enterTouchDelay: 0,
       children: /*#__PURE__*/_jsxs(Box, {
-        display: "flex",
+        display: "inline-flex",
         alignItems: "center",
         gap: 0.5,
-        width: "max-content",
         ...rest,
         children: [/*#__PURE__*/_jsx(Box, {
           component: "span",
@@ -212,19 +220,21 @@ export default function RelativeTime({
             color: 'text.secondary'
           },
           children: relativeString
-        }), /*#__PURE__*/_jsx(Box, {
-          component: "span",
-          sx: {
-            color: 'inherit'
-          },
-          children: "\xB7"
-        }), /*#__PURE__*/_jsx(UTCChip, {
-          locale: locale,
-          isUtc: isUtc,
-          sign: sign,
-          hoursOffset: hoursOffset,
-          setIsUtc: setIsUtc,
-          showUTCPrefix: showUTCPrefix
+        }), !disableUTC && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Box, {
+            component: "span",
+            sx: {
+              color: 'inherit'
+            },
+            children: "\xB7"
+          }), /*#__PURE__*/_jsx(UTCChip, {
+            locale: locale,
+            isUtc: isUtc,
+            sign: sign,
+            hoursOffset: hoursOffset,
+            setIsUtc: setIsUtc,
+            showUTCPrefix: showUTCPrefix
+          })]
         })]
       })
     });
@@ -234,15 +244,14 @@ export default function RelativeTime({
     placement: "top-end",
     enterTouchDelay: 0,
     children: /*#__PURE__*/_jsxs(Box, {
-      display: "flex",
+      display: "inline-flex",
       alignItems: "center",
       gap: 1,
-      width: "max-content",
       children: [/*#__PURE__*/_jsx(Box, {
         component: "span",
         ...rest,
         children: innerContent
-      }), type === 'utc' && /*#__PURE__*/_jsx(UTCChip, {
+      }), type === 'utc' && !disableUTC && /*#__PURE__*/_jsx(UTCChip, {
         locale: locale,
         isUtc: isUtc,
         sign: sign,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.13.29",
+  "version": "2.13.30",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -71,14 +71,14 @@
     "react": ">=18.2.0",
     "react-router-dom": ">=6.22.3"
   },
-  "gitHead": "98e08de2a4ec51ae6181b57e2c6cf175eabd92ff",
+  "gitHead": "8551352e0bc3feaf46352054993743794ee1f32f",
   "dependencies": {
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.13.29",
-    "@arcblock/nft-display": "^2.13.29",
-    "@arcblock/react-hooks": "^2.13.29",
+    "@arcblock/icons": "^2.13.30",
+    "@arcblock/nft-display": "^2.13.30",
+    "@arcblock/react-hooks": "^2.13.30",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@blocklet/theme": "^2.13.29",
+    "@blocklet/theme": "^2.13.30",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.0.18",
     "@iconify-icons/logos": "^1.2.36",

package/src/RelativeTime/index.tsx

@@ -1,5 +1,5 @@
 import { Box, Tooltip } from '@mui/material';
-import { useState } from 'react';
+import { useState, useMemo } from 'react';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import dayjs from 'dayjs';
 import 'dayjs/locale/zh-cn';
@@ -56,6 +56,7 @@ export interface RelativeTimeProps {
   relativeRange?: number;
   enableTooltip?: boolean;
   showUTCPrefix?: boolean;
+  disableUTC?: boolean;
 }
 
 function useRelativeTime({
@@ -154,7 +155,17 @@ function UTCChip({
   setIsUtc: (data: any) => void;
   showUTCPrefix?: boolean;
 }) {
-  const prefix = showUTCPrefix ? `${translations[locale].utc}: ` : '';
+  const prefix = useMemo(() => {
+    if (showUTCPrefix) {
+      if (isUtc) {
+        return '';
+      }
+
+      return `${translations[locale].utc}: `;
+    }
+
+    return '';
+  }, [locale, showUTCPrefix, isUtc]);
 
   return (
     <Box
@@ -186,6 +197,7 @@ export default function RelativeTime({
   relativeRange,
   enableTooltip = true,
   showUTCPrefix = true,
+  disableUTC = false,
   ...rest
 }: RelativeTimeProps) {
   const { innerContent, popContent, isUtc, setIsUtc, sign, hoursOffset, relativeString } = useRelativeTime({
@@ -202,7 +214,7 @@ export default function RelativeTime({
   if (type === 'all') {
     return (
       <Tooltip title={undefined} placement="top-end" enterTouchDelay={0}>
-        <Box display="flex" alignItems="center" gap={0.5} width="max-content" {...rest}>
+        <Box display="inline-flex" alignItems="center" gap={0.5} {...rest}>
           <Box component="span" {...rest} sx={{}}>
             {innerContent}
           </Box>
@@ -215,18 +227,22 @@ export default function RelativeTime({
             {relativeString}
           </Box>
 
-          <Box component="span" sx={{ color: 'inherit' }}>
-            ·
-          </Box>
+          {!disableUTC && (
+            <>
+              <Box component="span" sx={{ color: 'inherit' }}>
+                ·
+              </Box>
 
-          <UTCChip
-            locale={locale}
-            isUtc={isUtc}
-            sign={sign}
-            hoursOffset={hoursOffset}
-            setIsUtc={setIsUtc}
-            showUTCPrefix={showUTCPrefix}
-          />
+              <UTCChip
+                locale={locale}
+                isUtc={isUtc}
+                sign={sign}
+                hoursOffset={hoursOffset}
+                setIsUtc={setIsUtc}
+                showUTCPrefix={showUTCPrefix}
+              />
+            </>
+          )}
         </Box>
       </Tooltip>
     );
@@ -234,12 +250,12 @@ export default function RelativeTime({
 
   return (
     <Tooltip title={enableTooltip ? popContent : undefined} placement="top-end" enterTouchDelay={0}>
-      <Box display="flex" alignItems="center" gap={1} width="max-content">
+      <Box display="inline-flex" alignItems="center" gap={1}>
         <Box component="span" {...rest}>
           {innerContent}
         </Box>
 
-        {type === 'utc' && (
+        {type === 'utc' && !disableUTC && (
           <UTCChip
             locale={locale}
             isUtc={isUtc}