@blocklet/ui-react 2.12.64 → 2.12.71

package/src/common/notification-addon.jsx

@@ -1,7 +1,6 @@
 import Badge from '@mui/material/Badge';
 import PropTypes from 'prop-types';
 import { useCallback, useEffect } from 'react';
-import { temp as colors } from '@arcblock/ux/lib/Colors';
 import { IconButton } from '@mui/material';
 import { useSnackbar } from 'notistack';
 // eslint-disable-next-line import/no-extraneous-dependencies
@@ -105,7 +104,6 @@ export default function NotificationAddon({ session = {} }) {
       variant="outlined"
       href={viewAllUrl}
       sx={{
-        borderColor: colors.lineBorderStrong,
         '&:hover': {
           borderRadius: '50%',
         },

package/lib/UserCenter/components/user-info/clock.d.ts

@@ -1,3 +0,0 @@
-export default function Clock({ value }: {
-    value: string;
-}): import("react").JSX.Element;

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

@@ -1,50 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import Tooltip from "@mui/material/Tooltip";
-import Typography from "@mui/material/Typography";
-import Box from "@mui/material/Box";
-import { translate } from "@arcblock/ux/lib/Locale/util";
-import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
-import { useMemoizedFn } from "ahooks";
-import { translations } from "../../libs/locales.js";
-import { useClock } from "../../../hooks/use-clock.js";
-export default function Clock({ value }) {
-  const { locale } = useLocaleContext();
-  const t = useMemoizedFn((key, data = {}) => {
-    return translate(translations, key, locale, "en", data);
-  });
-  const timeInfo = useClock(value, locale);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      sx: {
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis"
-      },
-      display: "flex",
-      alignItems: "center",
-      gap: 1,
-      children: [
-        /* @__PURE__ */ jsx(Typography, { children: value }),
-        /* @__PURE__ */ jsx(
-          Tooltip,
-          {
-            title: /* @__PURE__ */ jsxs("span", { children: [
-              t("profile.localTime"),
-              " ",
-              timeInfo.fullDateTime
-            ] }),
-            placement: "top",
-            arrow: true,
-            children: /* @__PURE__ */ jsxs(Typography, { component: "span", fontSize: 14, children: [
-              "(",
-              locale === "zh" ? `${t(`profile.timezonePhase.${timeInfo.phase}`)} ` : "",
-              timeInfo.formattedTime,
-              ")"
-            ] })
-          }
-        )
-      ]
-    }
-  );
-}

package/lib/hooks/use-clock.d.ts

@@ -1,9 +0,0 @@
-import 'dayjs/locale/zh-cn';
-import 'dayjs/locale/en';
-export declare function useClock(timezone?: any, locale?: string): {
-    formattedTime: any;
-    fullDateTime: any;
-    phase: string;
-    icon: string;
-    rawTime: any;
-};

package/lib/hooks/use-clock.js

@@ -1,49 +0,0 @@
-import { useState, useEffect, useCallback } from "react";
-import dayjs from "dayjs";
-import utc from "dayjs/plugin/utc";
-import timezonePlugin from "dayjs/plugin/timezone";
-import localizedFormat from "dayjs/plugin/localizedFormat";
-import { formatToDatetime } from "@arcblock/ux/lib/Util";
-import "dayjs/locale/zh-cn";
-import "dayjs/locale/en";
-dayjs.extend(utc);
-dayjs.extend(timezonePlugin);
-dayjs.extend(localizedFormat);
-const currentTimezone = dayjs.tz.guess();
-const getTimePhase = (hour) => {
-  if (hour >= 0 && hour < 6)
-    return { phase: "dawn", icon: "\u{1F312}" };
-  if (hour >= 6 && hour < 12)
-    return { phase: "morning", icon: "\u{1F31E}" };
-  if (hour >= 12 && hour < 18)
-    return { phase: "afternoon", icon: "\u{1F31E}" };
-  return { phase: "night", icon: "\u{1F312}" };
-};
-export function useClock(timezone = currentTimezone, locale = "zh") {
-  const getLatestTimeInfo = useCallback(() => {
-    const currentLocale = locale === "zh" ? "zh-cn" : "en";
-    const localeOption = locale === "zh" ? "zh-cn" : "en-us";
-    dayjs.locale(currentLocale);
-    const now = dayjs().tz(timezone);
-    const hour = now.hour();
-    const { phase, icon } = getTimePhase(hour);
-    return {
-      formattedTime: now.format("LT"),
-      fullDateTime: formatToDatetime(now.toDate(), { tz: timezone, locale: localeOption }),
-      phase,
-      icon,
-      rawTime: now
-    };
-  }, [timezone, locale]);
-  const [timeInfo, setTimeInfo] = useState(getLatestTimeInfo());
-  useEffect(() => {
-    setTimeInfo(getLatestTimeInfo());
-    const timerId = setInterval(() => {
-      setTimeInfo(getLatestTimeInfo());
-    }, 6e3);
-    return () => {
-      clearInterval(timerId);
-    };
-  }, [timezone, locale, getLatestTimeInfo]);
-  return timeInfo;
-}

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

@@ -1,43 +0,0 @@
-import Tooltip from '@mui/material/Tooltip';
-import Typography from '@mui/material/Typography';
-import Box from '@mui/material/Box';
-import { translate } from '@arcblock/ux/lib/Locale/util';
-import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
-import { useMemoizedFn } from 'ahooks';
-import { translations } from '../../libs/locales';
-import { useClock } from '../../../hooks/use-clock';
-
-export default function Clock({ value }: { value: string }) {
-  const { locale } = useLocaleContext();
-  const t = useMemoizedFn((key, data = {}) => {
-    return translate(translations, key, locale, 'en', data);
-  });
-  const timeInfo = useClock(value, locale);
-
-  return (
-    <Box
-      sx={{
-        whiteSpace: 'nowrap',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-      }}
-      display="flex"
-      alignItems="center"
-      gap={1}>
-      <Typography>{value}</Typography>
-      <Tooltip
-        title={
-          <span>
-            {t('profile.localTime')} {timeInfo.fullDateTime}
-          </span>
-        }
-        placement="top"
-        arrow>
-        <Typography component="span" fontSize={14}>
-          ({locale === 'zh' ? `${t(`profile.timezonePhase.${timeInfo.phase}`)} ` : ''}
-          {timeInfo.formattedTime})
-        </Typography>
-      </Tooltip>
-    </Box>
-  );
-}

package/src/hooks/use-clock.tsx

@@ -1,61 +0,0 @@
-import { useState, useEffect, useCallback } from 'react';
-import dayjs from 'dayjs';
-import utc from 'dayjs/plugin/utc';
-import timezonePlugin from 'dayjs/plugin/timezone';
-import localizedFormat from 'dayjs/plugin/localizedFormat';
-import { formatToDatetime } from '@arcblock/ux/lib/Util';
-import 'dayjs/locale/zh-cn';
-import 'dayjs/locale/en';
-
-dayjs.extend(utc);
-dayjs.extend(timezonePlugin);
-dayjs.extend(localizedFormat);
-
-const currentTimezone = dayjs.tz.guess();
-
-// 获取时间段
-const getTimePhase = (hour: number) => {
-  if (hour >= 0 && hour < 6) return { phase: 'dawn', icon: '🌒' }; // 凌晨 00:00-05:59
-  if (hour >= 6 && hour < 12) return { phase: 'morning', icon: '🌞' }; // 上午 06:00-11:59
-  if (hour >= 12 && hour < 18) return { phase: 'afternoon', icon: '🌞' }; // 下午 12:00-17:59
-  return { phase: 'night', icon: '🌒' }; // 晚上 18:00-23:59
-};
-
-export function useClock(timezone = currentTimezone, locale = 'zh') {
-  const getLatestTimeInfo = useCallback(() => {
-    const currentLocale = locale === 'zh' ? 'zh-cn' : 'en';
-    const localeOption = locale === 'zh' ? 'zh-cn' : 'en-us';
-    dayjs.locale(currentLocale);
-
-    const now = dayjs().tz(timezone);
-    const hour = now.hour();
-    const { phase, icon } = getTimePhase(hour);
-
-    return {
-      formattedTime: now.format('LT'),
-      fullDateTime: formatToDatetime(now.toDate(), { tz: timezone, locale: localeOption }),
-      phase,
-      icon,
-      rawTime: now,
-    };
-  }, [timezone, locale]);
-
-  const [timeInfo, setTimeInfo] = useState(getLatestTimeInfo());
-
-  useEffect(() => {
-    // 立即更新一次，确保初始状态是最新的
-    setTimeInfo(getLatestTimeInfo());
-
-    // 设置定时器
-    const timerId = setInterval(() => {
-      setTimeInfo(getLatestTimeInfo());
-    }, 6000);
-
-    // 清理函数
-    return () => {
-      clearInterval(timerId);
-    };
-  }, [timezone, locale, getLatestTimeInfo]);
-
-  return timeInfo;
-}