@arcblock/ux 2.13.30 → 2.13.31

package/lib/RelativeTime/index.d.ts

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

package/lib/RelativeTime/index.js

@@ -36,10 +36,16 @@ dayjs.updateLocale('zh-cn', {
 setDateTool(dayjs);
 const translations = {
   en: {
-    utc: 'Your Timezone'
+    utc: 'UTC Timezone',
+    local: 'Local Timezone',
+    shortUTC: 'UTC',
+    shortLocal: 'Local'
   },
   zh: {
-    utc: '你所在时区'
+    utc: 'UTC 时区',
+    local: '本地时区',
+    shortUTC: 'UTC',
+    shortLocal: '本地'
   }
 };
 function useRelativeTime({
@@ -134,17 +140,16 @@ function UTCChip({
   sign,
   hoursOffset,
   setIsUtc,
-  showUTCPrefix = true
+  useShortTimezone = true
 }) {
-  const prefix = useMemo(() => {
-    if (showUTCPrefix) {
-      if (isUtc) {
-        return '';
-      }
-      return `${translations[locale].utc}: `;
+  const text = useMemo(() => {
+    const UTC = useShortTimezone ? 'shortUTC' : 'utc';
+    const LOCAL = useShortTimezone ? 'shortLocal' : 'local';
+    if (isUtc) {
+      return `${translations[locale][UTC]}`;
     }
-    return '';
-  }, [locale, showUTCPrefix, isUtc]);
+    return `${translations[locale][LOCAL]}`;
+  }, [locale, useShortTimezone, isUtc]);
   return /*#__PURE__*/_jsx(Box, {
     component: "span",
     sx: {
@@ -158,7 +163,7 @@ function UTCChip({
       lineHeight: 1
     },
     onClick: () => setIsUtc(r => !r),
-    children: `${prefix}${isUtc ? 'UTC' : `UTC${sign}${hoursOffset}`}`
+    children: text
   });
 }
 export default function RelativeTime({
@@ -171,8 +176,8 @@ export default function RelativeTime({
   tz,
   relativeRange,
   enableTooltip = true,
-  showUTCPrefix = true,
-  disableUTC = false,
+  useShortTimezone = false,
+  disableTimezone = false,
   ...rest
 }) {
   const {
@@ -220,7 +225,7 @@ export default function RelativeTime({
             color: 'text.secondary'
           },
           children: relativeString
-        }), !disableUTC && /*#__PURE__*/_jsxs(_Fragment, {
+        }), !disableTimezone && /*#__PURE__*/_jsxs(_Fragment, {
           children: [/*#__PURE__*/_jsx(Box, {
             component: "span",
             sx: {
@@ -233,7 +238,7 @@ export default function RelativeTime({
             sign: sign,
             hoursOffset: hoursOffset,
             setIsUtc: setIsUtc,
-            showUTCPrefix: showUTCPrefix
+            useShortTimezone: useShortTimezone
           })]
         })]
       })
@@ -251,13 +256,13 @@ export default function RelativeTime({
         component: "span",
         ...rest,
         children: innerContent
-      }), type === 'utc' && !disableUTC && /*#__PURE__*/_jsx(UTCChip, {
+      }), type === 'utc' && !disableTimezone && /*#__PURE__*/_jsx(UTCChip, {
         locale: locale,
         isUtc: isUtc,
         sign: sign,
         hoursOffset: hoursOffset,
         setIsUtc: setIsUtc,
-        showUTCPrefix: showUTCPrefix
+        useShortTimezone: useShortTimezone
       })]
     })
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.13.30",
+  "version": "2.13.31",
   "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": "8551352e0bc3feaf46352054993743794ee1f32f",
+  "gitHead": "66ef51b4b217d15985838eb2c058ec833c07e1cd",
   "dependencies": {
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.13.30",
-    "@arcblock/nft-display": "^2.13.30",
-    "@arcblock/react-hooks": "^2.13.30",
+    "@arcblock/icons": "^2.13.31",
+    "@arcblock/nft-display": "^2.13.31",
+    "@arcblock/react-hooks": "^2.13.31",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@blocklet/theme": "^2.13.30",
+    "@blocklet/theme": "^2.13.31",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.0.18",
     "@iconify-icons/logos": "^1.2.36",

package/src/RelativeTime/index.tsx

@@ -36,12 +36,18 @@ dayjs.updateLocale('zh-cn', {
 // FIXME: @@ 此处不能真正的将 relativeTime 设置为支持中文
 setDateTool(dayjs);
 
-const translations: Record<Locale, { utc: string }> = {
+const translations: Record<Locale, { utc: string; local: string; shortUTC: string; shortLocal: string }> = {
   en: {
-    utc: 'Your Timezone',
+    utc: 'UTC Timezone',
+    local: 'Local Timezone',
+    shortUTC: 'UTC',
+    shortLocal: 'Local',
   },
   zh: {
-    utc: '你所在时区',
+    utc: 'UTC 时区',
+    local: '本地时区',
+    shortUTC: 'UTC',
+    shortLocal: '本地',
   },
 };
 
@@ -55,8 +61,8 @@ export interface RelativeTimeProps {
   tz?: string;
   relativeRange?: number;
   enableTooltip?: boolean;
-  showUTCPrefix?: boolean;
-  disableUTC?: boolean;
+  useShortTimezone?: boolean;
+  disableTimezone?: boolean;
 }
 
 function useRelativeTime({
@@ -146,26 +152,25 @@ function UTCChip({
   sign,
   hoursOffset,
   setIsUtc,
-  showUTCPrefix = true,
+  useShortTimezone = true,
 }: {
   locale: Locale;
   isUtc?: boolean;
   sign: string;
   hoursOffset: number;
   setIsUtc: (data: any) => void;
-  showUTCPrefix?: boolean;
+  useShortTimezone?: boolean;
 }) {
-  const prefix = useMemo(() => {
-    if (showUTCPrefix) {
-      if (isUtc) {
-        return '';
-      }
+  const text = useMemo(() => {
+    const UTC = useShortTimezone ? 'shortUTC' : 'utc';
+    const LOCAL = useShortTimezone ? 'shortLocal' : 'local';
 
-      return `${translations[locale].utc}: `;
+    if (isUtc) {
+      return `${translations[locale][UTC]}`;
     }
 
-    return '';
-  }, [locale, showUTCPrefix, isUtc]);
+    return `${translations[locale][LOCAL]}`;
+  }, [locale, useShortTimezone, isUtc]);
 
   return (
     <Box
@@ -181,7 +186,7 @@ function UTCChip({
         lineHeight: 1,
       }}
       onClick={() => setIsUtc((r: any) => !r)}>
-      {`${prefix}${isUtc ? 'UTC' : `UTC${sign}${hoursOffset}`}`}
+      {text}
     </Box>
   );
 }
@@ -196,8 +201,8 @@ export default function RelativeTime({
   tz,
   relativeRange,
   enableTooltip = true,
-  showUTCPrefix = true,
-  disableUTC = false,
+  useShortTimezone = false,
+  disableTimezone = false,
   ...rest
 }: RelativeTimeProps) {
   const { innerContent, popContent, isUtc, setIsUtc, sign, hoursOffset, relativeString } = useRelativeTime({
@@ -227,7 +232,7 @@ export default function RelativeTime({
             {relativeString}
           </Box>
 
-          {!disableUTC && (
+          {!disableTimezone && (
             <>
               <Box component="span" sx={{ color: 'inherit' }}>
                 ·
@@ -239,7 +244,7 @@ export default function RelativeTime({
                 sign={sign}
                 hoursOffset={hoursOffset}
                 setIsUtc={setIsUtc}
-                showUTCPrefix={showUTCPrefix}
+                useShortTimezone={useShortTimezone}
               />
             </>
           )}
@@ -255,14 +260,14 @@ export default function RelativeTime({
           {innerContent}
         </Box>
 
-        {type === 'utc' && !disableUTC && (
+        {type === 'utc' && !disableTimezone && (
           <UTCChip
             locale={locale}
             isUtc={isUtc}
             sign={sign}
             hoursOffset={hoursOffset}
             setIsUtc={setIsUtc}
-            showUTCPrefix={showUTCPrefix}
+            useShortTimezone={useShortTimezone}
           />
         )}
       </Box>