@abtnode/ux 1.16.13-beta-d17a7de4 → 1.16.13-beta-90ded76f

package/lib/{blocklet/monitor.js → insights/runtime.js}

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = BlockletMonitor;
-var _react = require("react");
+exports.default = RuntimeInsight;
+var _react = _interopRequireWildcard(require("react"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _filesize = _interopRequireDefault(require("filesize"));
 var _prettyMsI18n = _interopRequireDefault(require("pretty-ms-i18n"));
@@ -15,14 +15,15 @@ var _util = require("@blocklet/meta/lib/util");
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _blocklet = require("../contexts/blocklet");
 var _util2 = require("../util");
-var _runtimeInfo = _interopRequireDefault(require("./runtime-info"));
-var _diskInfo = _interopRequireDefault(require("./disk-info"));
-var _bundleAvatar = _interopRequireDefault(require("./bundle-avatar"));
+var _runtimeInfo = _interopRequireDefault(require("../blocklet/runtime-info"));
+var _bundleAvatar = _interopRequireDefault(require("../blocklet/bundle-avatar"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function BlockletMonitor() {
+function RuntimeInsight() {
   const {
     t,
     locale
@@ -140,14 +141,16 @@ function BlockletMonitor() {
   }];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
     component: "div",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-      mt: 0,
-      display: "flex",
-      alignItems: "center",
-      className: "title",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-        children: t('common.runtimeInfo')
-      })
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      component: "h3",
+      variant: "h5",
+      color: "textPrimary",
+      style: {
+        fontSize: 18,
+        fontWeight: 'bold'
+      },
+      mb: 2,
+      children: t('insights.trend')
     }), blocklet.status === 'running' ? [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_runtimeInfo.default, {
         blocklet: blocklet,
@@ -157,11 +160,11 @@ function BlockletMonitor() {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       mt: 3,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Datatable.default, {
+        title: t('insights.detail'),
         className: "monitor-table",
         locale: locale,
         data: monitList,
         columns: monitorColumns,
-        title: "",
         options: {
           search: false,
           download: false,
@@ -174,13 +177,8 @@ function BlockletMonitor() {
       })
     })] : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
       children: t('blocklet.runtimeInfo.noRunning')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "title",
-      children: t('common.dataStorage')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_diskInfo.default, {
-      blocklet: blocklet
     })]
   });
 }
-BlockletMonitor.propTypes = {};
-const Div = (0, _styled.default)(_Typography.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .title {\n    font-size: 1.2rem;\n    font-weight: bold;\n    margin-top: ", ";\n    margin-bottom: ", ";\n    &.first {\n      margin-top: 0;\n    }\n  }\n"])), props => props.theme.spacing(5), props => props.theme.spacing(3));
+RuntimeInsight.propTypes = {};
+const Div = (0, _styled.default)(_Typography.default)(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));

package/lib/insights/traffic.js

@@ -0,0 +1,204 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TrafficInsights;
+var _react = require("react");
+var _dayjs = _interopRequireDefault(require("@abtnode/util/lib/dayjs"));
+var _nthArg = _interopRequireDefault(require("lodash/nthArg"));
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _filesize = _interopRequireDefault(require("filesize"));
+var _useAsyncRetry = _interopRequireDefault(require("react-use/lib/useAsyncRetry"));
+var _reactIframe = _interopRequireDefault(require("react-iframe"));
+var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _Popover = _interopRequireDefault(require("@mui/material/Popover"));
+var _muiDaterangePicker = require("mui-daterange-picker");
+var _xDatePickers = require("@mui/x-date-pickers");
+var _AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
+var _LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _constant = require("@abtnode/constant");
+var _util = require("../util");
+var _node = require("../contexts/node");
+var _chart = _interopRequireDefault(require("./chart"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable react/prop-types */ /* eslint-disable react-hooks/exhaustive-deps */
+const noop = (0, _nthArg.default)(0);
+function TrafficInsights(_ref) {
+  let {
+    client,
+    did
+  } = _ref;
+  const maxDate = (0, _dayjs.default)().subtract(1, 'day').toDate();
+  const {
+    info,
+    inService
+  } = (0, _node.useNodeContext)();
+  const {
+    t,
+    locale
+  } = (0, _context.useLocaleContext)();
+  const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
+  const [date, setDate] = (0, _react.useState)(maxDate);
+  const [dateRange, setDateRange] = (0, _react.useState)({
+    startDate: (0, _dayjs.default)().subtract(30, 'day').toDate(),
+    endDate: maxDate
+  });
+  const data = (0, _useAsyncRetry.default)(async () => {
+    const result = await client.getTrafficInsights({
+      input: {
+        did,
+        startDate: (0, _dayjs.default)(dateRange.startDate).format('YYYY-MM-DD'),
+        endDate: (0, _dayjs.default)(dateRange.endDate).format('YYYY-MM-DD')
+      }
+    });
+    return result.list;
+  });
+  (0, _react.useEffect)(() => {
+    if (data.loading) {
+      return;
+    }
+    if (dateRange.startDate && dateRange.endDate) {
+      data.retry();
+    }
+  }, [dateRange]);
+  const onTriggerClick = e => {
+    if (anchorEl) {
+      setAnchorEl(null);
+    } else {
+      setAnchorEl(e.currentTarget);
+    }
+  };
+  const list = data.value || [];
+  const {
+    loading,
+    error
+  } = data;
+  if (!list.length && loading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {});
+  }
+  if (error) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+      severity: "error",
+      children: (0, _util.formatError)(error)
+    });
+  }
+  const metrics = {
+    totalRequests: noop,
+    validRequests: noop,
+    failedRequests: noop,
+    uniqueVisitors: noop,
+    uniqueFiles: noop,
+    uniqueReferrers: noop,
+    uniqueNotFound: noop,
+    uniqueStaticFiles: noop,
+    logSize: _filesize.default,
+    bandwidth: _filesize.default
+  };
+  const charts = Object.keys(metrics).map(key => ({
+    id: "".concat(key, "_chart"),
+    title: t("insights.traffic.".concat(key)),
+    current: list.length ? metrics[key](list[0][key]) : 0,
+    data: list.map(v => ({
+      date: v.date,
+      value: v[key]
+    })).reverse(),
+    dateFn: noop,
+    valueFn: metrics[key]
+  }));
+  const open = Boolean(anchorEl);
+  const id = open ? 'date-range-picker-popover' : undefined;
+
+  // eslint-disable-next-line no-nested-ternary
+  const pathPrefix = inService ? _constant.WELLKNOWN_SERVICE_PATH_PREFIX : process.env.NODE_ENV === 'production' ? info.routing.adminPath : '';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+      component: "div",
+      variant: "h5",
+      className: "page-header",
+      color: "textPrimary",
+      style: {
+        fontSize: 18,
+        fontWeight: 'bold'
+      },
+      mb: 2,
+      children: [t('insights.trend'), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+        onClick: onTriggerClick,
+        variant: "outlined",
+        size: "small",
+        color: "secondary",
+        children: [(0, _util.formatToDate)(dateRange.startDate, locale), " - ", (0, _util.formatToDate)(dateRange.endDate, locale)]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
+      id: id,
+      open: open,
+      anchorEl: anchorEl,
+      onClose: onTriggerClick,
+      anchorOrigin: {
+        vertical: 'bottom',
+        horizontal: 'left'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_muiDaterangePicker.DateRangePicker, {
+        open: true,
+        toggle: onTriggerClick,
+        maxDate: maxDate,
+        onChange: v => setDateRange(v)
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+      container: true,
+      spacing: 4,
+      children: charts.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+        item: true,
+        lg: 3,
+        md: 6,
+        sm: 6,
+        xs: 12,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_chart.default, _objectSpread({}, x))
+      }, x.id))
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+      component: "div",
+      variant: "h5",
+      className: "page-header",
+      color: "textPrimary",
+      style: {
+        fontSize: 18,
+        fontWeight: 'bold'
+      },
+      mt: 4,
+      mb: 1,
+      children: [t('insights.detail'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LocalizationProvider.LocalizationProvider, {
+        dateAdapter: _AdapterDayjs.AdapterDayjs,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDatePickers.DatePicker, {
+          disableFuture: true,
+          format: "ll",
+          value: (0, _dayjs.default)(date),
+          onChange: newValue => setDate(newValue.toDate()),
+          slotProps: {
+            textField: {
+              size: 'small'
+            }
+          }
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIframe.default, {
+      url: (0, _urlJoin.default)(window.location.origin, pathPrefix, "/api/insights/traffic?date=".concat((0, _dayjs.default)(date).format('YYYY-MM-DD'), "&did=").concat(did)),
+      width: "100%",
+      height: "100%",
+      frameBorder: 0,
+      styles: {
+        border: 0,
+        minHeight: '400vh'
+      }
+    })]
+  });
+}

package/lib/invitation/invitation-receive.js

@@ -71,7 +71,7 @@ function InvitationReceive(_ref) {
         children: t('invite.receive')
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "invite-receive__until",
-        children: [t('invite.validUntil'), (0, _util.formatDateTime)(invitation.expireDate)]
+        children: [t('invite.validUntil'), (0, _util.formatDateTime)(invitation.expireDate, locale)]
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
       popup: true,

package/lib/locales/en.js

@@ -131,7 +131,7 @@ module.exports = {
     createdAt: 'Created At',
     createdBy: 'Created By',
     dAddress: 'Decentralized Identifiers (DID)',
-    dataStorage: 'Data Storage',
+    dataStorage: 'Storage on Local Disk',
     delConfirm: 'Delete',
     delConfirmDescription: 'Confirm delete {data}?',
     delete: 'Delete',
@@ -203,6 +203,9 @@ module.exports = {
     memory: 'Memory',
     meta: 'Meta Data',
     monitor: 'Monitor',
+    insights: 'Insights',
+    runtime: 'Runtime',
+    traffic: 'Traffic',
     more: 'More',
     mountPoint: 'MountPoint',
     name: 'Name',
@@ -1461,5 +1464,21 @@ module.exports = {
     },
     loading: 'Load subscription...',
     loadFailed: 'Failed to load subscription info, please retry!'
+  },
+  insights: {
+    trend: 'Trends',
+    detail: 'Breakdown',
+    traffic: {
+      totalRequests: 'Total Requests',
+      validRequests: 'Success Requests',
+      failedRequests: 'Failed Requests',
+      uniqueVisitors: 'Unique Visitors',
+      uniqueFiles: 'Unique URLs',
+      uniqueReferrers: 'Unique Referrers',
+      uniqueNotFound: 'Unique 404',
+      uniqueStaticFiles: 'Unique Static Files',
+      logSize: 'Log Size',
+      bandwidth: 'Bandwidth'
+    }
   }
 };

package/lib/locales/zh.js

@@ -134,7 +134,7 @@ module.exports = {
     createdAt: '创建时间',
     createdBy: '创建人',
     dAddress: '去中心化地址(DID)',
-    dataStorage: '数据存储',
+    dataStorage: '本地数据存储',
     delConfirm: '删除',
     delConfirmDescription: '确认删除 {data}？',
     delete: '删除',
@@ -208,6 +208,9 @@ module.exports = {
     memory: '内存',
     meta: '元数据',
     monitor: '监控',
+    insights: '洞见',
+    runtime: '运行监控',
+    traffic: '流量分析',
     more: '更多',
     mountPoint: '挂载点',
     name: '名称',
@@ -1464,5 +1467,21 @@ module.exports = {
     },
     loadFailed: '加载订阅信息失败，请重试!',
     loading: '加载订阅信息...'
+  },
+  insights: {
+    trend: '趋势',
+    detail: '探究',
+    traffic: {
+      totalRequests: '总请求数',
+      validRequests: '成功请求数',
+      failedRequests: '失败请求数',
+      uniqueVisitors: '访客数量',
+      uniqueFiles: '网址数量',
+      uniqueReferrers: '来源数量',
+      uniqueNotFound: '404 数量',
+      uniqueStaticFiles: '静态资源数量',
+      logSize: '日志大小',
+      bandwidth: '带宽消耗'
+    }
   }
 };

package/lib/logs/download.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = DownloadLog;
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _dayjs = _interopRequireDefault(require("dayjs"));
+var _dayjs = _interopRequireDefault(require("@abtnode/util/lib/dayjs"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _Download = _interopRequireDefault(require("@mui/icons-material/Download"));
 var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));

package/lib/relative-time.js

@@ -31,7 +31,7 @@ function RelativeTime(_ref) {
   if (valTime > now) {
     const time = (0, _prettyMsI18n.default)(valTime - now, prettyOption);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
-      title: (0, _util.formatToDatetime)(value),
+      title: (0, _util.formatToDatetime)(value, locale),
       placement: "top-end",
       enterTouchDelay: 0,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -43,7 +43,7 @@ function RelativeTime(_ref) {
   }
   const time = (0, _prettyMsI18n.default)(now - valTime, prettyOption);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
-    title: (0, _util.formatToDatetime)(value),
+    title: (0, _util.formatToDatetime)(value, locale),
     placement: "top-end",
     enterTouchDelay: 0,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

package/lib/subscription.js

@@ -10,7 +10,7 @@ var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _Popover = _interopRequireDefault(require("@mui/material/Popover"));
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _dayjs = _interopRequireDefault(require("dayjs"));
+var _dayjs = _interopRequireDefault(require("@abtnode/util/lib/dayjs"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = require("react");
 var _useAsyncRetry = _interopRequireDefault(require("react-use/lib/useAsyncRetry"));

package/lib/team/members/invite-member.js

@@ -41,7 +41,8 @@ function InviteMember(_ref) {
   const [loading, setLoading] = (0, _react.useState)(false);
   const [error, setError] = (0, _react.useState)('');
   const {
-    t
+    t,
+    locale
   } = (0, _context.useLocaleContext)();
   const [activeStep, setActiveStep] = (0, _react.useState)(0);
   const [inviteInfo, setInviteInfo] = (0, _react.useState)('');
@@ -150,7 +151,7 @@ function InviteMember(_ref) {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Bold, {
           children: t('team.member.inviteDialog.createSuccessTip', {
-            expireDate: (0, _util.formatToDatetime)(inviteInfo.expireDate)
+            expireDate: (0, _util.formatToDatetime)(inviteInfo.expireDate, locale)
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           style: {

package/lib/team/members/member.js

@@ -106,7 +106,8 @@ function Member(_ref3) {
     enablePassportIssuance
   } = (0, _team.useTeamContext)();
   const {
-    t
+    t,
+    locale
   } = (0, _context.useLocaleContext)();
   const pageState = (0, _ahooks.useReactive)({
     user: null,
@@ -191,13 +192,13 @@ function Member(_ref3) {
       value: pageState.user.approved ? t('common.yes') : t('common.no')
     }, {
       name: t('team.member.lastLogin'),
-      value: (0, _util.formatToDatetime)(pageState.user.lastLoginAt)
+      value: (0, _util.formatToDatetime)(pageState.user.lastLoginAt, locale)
     }, {
       name: t('team.member.lastLoginIp'),
       value: pageState.user.lastLoginIp || ''
     }, {
       name: t('common.createdAt'),
-      value: (0, _util.formatToDatetime)(pageState.user.createdAt)
+      value: (0, _util.formatToDatetime)(pageState.user.createdAt, locale)
     }, {
       name: t('common.remark'),
       value: pageState.user.remark || '--'

package/lib/team/members/passport-issuances.js

@@ -33,7 +33,8 @@ function PassportIssuances(_ref) {
     inService
   } = (0, _node.useNodeContext)();
   const {
-    t
+    t,
+    locale
   } = (0, _react.useContext)(_context.LocaleContext);
   const [delConfirm, setDelConfirm] = (0, _react.useState)(null);
   const [loading, setLoading] = (0, _react.useState)(false);
@@ -113,7 +114,7 @@ function PassportIssuances(_ref) {
           style: {
             color: '#999'
           },
-          children: [t('common.expires'), ":\xA0", (0, _util.formatToDatetime)(d.expireDate)]
+          children: [t('common.expires'), ":\xA0", (0, _util.formatToDatetime)(d.expireDate, locale)]
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
         mt: 2,

package/lib/team/members/transfer-node.js

@@ -44,12 +44,10 @@ function TransferMember(_ref) {
   } = (0, _react.useContext)(_session.SessionContext);
   const [loading, setLoading] = (0, _react.useState)(false);
   const {
+    t,
     locale
   } = (0, _context.useLocaleContext)();
   const [error, setError] = (0, _react.useState)('');
-  const {
-    t
-  } = (0, _context.useLocaleContext)();
   const [openTransferNFTAuth, setOpenTransferNFTAuth] = (0, _react.useState)(false);
   const [activeStep, setActiveStep] = (0, _react.useState)(0);
   const [inviteInfo, setInviteInfo] = (0, _react.useState)('');
@@ -203,7 +201,7 @@ function TransferMember(_ref) {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Bold, {
           children: t('team.transferNode.inviteDialog.createSuccessTip', {
-            expireDate: (0, _util.formatToDatetime)(inviteInfo.expireDate)
+            expireDate: (0, _util.formatToDatetime)(inviteInfo.expireDate, locale)
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           style: {

package/lib/util/index.js

@@ -17,8 +17,6 @@ Object.defineProperty(exports, "formatError", {
 exports.formatFactoryPrice = formatFactoryPrice;
 exports.formatRegistryScreenshotPath = exports.formatRegistryLogoPath = exports.formatPerson = exports.formatMountPoint = exports.formatLocale = void 0;
 exports.formatTime = formatTime;
-exports.formatTimeFromNow = formatTimeFromNow;
-exports.formatTimestamp = formatTimestamp;
 exports.formatToDate = formatToDate;
 exports.formatToDatetime = formatToDatetime;
 exports.formatUrl = void 0;
@@ -32,9 +30,7 @@ exports.getBlockletUrl = getBlockletUrl;
 exports.getBlockletUrlParams = void 0;
 exports.getBlockletUrls = getBlockletUrls;
 exports.getExplorerLink = getExplorerLink;
-exports.getPathPrefix = exports.getIssuePassportLink = exports.getInviteLink = void 0;
-exports.getRelativeTime = getRelativeTime;
-exports.getTransferAppLink = exports.getSubscriptionURL = exports.getStoreList = exports.getRenewBlockletURL = void 0;
+exports.getTransferAppLink = exports.getSubscriptionURL = exports.getStoreList = exports.getRenewBlockletURL = exports.getPathPrefix = exports.getIssuePassportLink = exports.getInviteLink = void 0;
 exports.getWebWalletUrl = getWebWalletUrl;
 exports.isNewStoreUrl = exports.isInstalling = exports.isDownloading = exports.isChrome = exports.isCertificateMatch = exports.isBlockletDev = void 0;
 exports.isProtectedRole = isProtectedRole;
@@ -46,11 +42,8 @@ exports.shouldCheckDomainStatus = void 0;
 exports.sleep = sleep;
 exports.validateDomain = exports.toSlotDomain = exports.stringSortHandlerAsc = exports.sortDomains = void 0;
 var _constant = require("@abtnode/constant");
-var _dayjs = _interopRequireDefault(require("dayjs"));
-require("moment/locale/zh-cn");
 var _querystring = _interopRequireDefault(require("querystring"));
 var _isUrl = _interopRequireDefault(require("is-url"));
-var _moment = _interopRequireDefault(require("moment"));
 var _humanizeUrl = _interopRequireDefault(require("humanize-url"));
 var _filesize = _interopRequireDefault(require("filesize"));
 var _urlJoin = _interopRequireDefault(require("url-join"));
@@ -64,6 +57,7 @@ var _axios = _interopRequireDefault(require("@abtnode/util/lib/axios"));
 var _normalizePathPrefix = _interopRequireDefault(require("@abtnode/util/lib/normalize-path-prefix"));
 var _urlPathFriendly = _interopRequireDefault(require("@blocklet/meta/lib/url-path-friendly"));
 var _formatError = _interopRequireDefault(require("@abtnode/util/lib/format-error"));
+var _dayjs = _interopRequireDefault(require("@abtnode/util/lib/dayjs"));
 var _window$env;
 /* eslint-disable max-len */
 /* eslint-disable implicit-arrow-linebreak */
@@ -229,54 +223,36 @@ function patchJsxToLocale(rawStr) {
     return item;
   }).filter(Boolean);
 }
-function formatTimestamp(ts) {
-  if (!ts) {
-    return '-';
-  }
-  let date;
-  if (Number(ts).toString() === ts) {
-    date = new Date();
-    date.setTime(ts);
-  } else {
-    date = new Date(ts);
-  }
-  return date.toLocaleString();
-}
 function formatToDate(date) {
+  let locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en';
   if (!date) {
     return '-';
   }
-  return (0, _moment.default)(date).format('ll');
+  return (0, _dayjs.default)(date).locale(formatLocale(locale)).format('ll');
 }
 function formatToDatetime(date) {
+  let locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en';
   if (!date) {
     return '-';
   }
-  return (0, _moment.default)(date).format('lll');
-}
-function formatTimeFromNow(date) {
-  if (!date) {
-    return '-';
-  }
-  const startDate = (0, _moment.default)(date);
-  const endDate = (0, _moment.default)();
-  const diffDay = endDate.diff(startDate, 'day');
-  return diffDay > 3 ? formatToDate(date) : startDate.fromNow();
+  return (0, _dayjs.default)(date).locale(formatLocale(locale)).format('lll');
 }
 function formatTime(date) {
   let format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'lll';
+  let locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en';
   if (!date) {
     return '-';
   }
-  return (0, _moment.default)(date).format(format);
+  return (0, _dayjs.default)(date).locale(formatLocale(locale)).format(format);
 }
 function formatDateTime(date) {
-  return (0, _dayjs.default)(date).format('YYYY-MM-DD HH:mm');
+  let locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en';
+  return (0, _dayjs.default)(date).locale(formatLocale(locale)).format('YYYY-MM-DD HH:mm');
 }
 const formatLocale = function formatLocale() {
   let locale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'en';
-  if (locale === 'zh') {
-    return 'zh_CN';
+  if (locale === 'tw') {
+    return 'zh';
   }
   return locale;
 };
@@ -614,10 +590,6 @@ async function getAsset(chainHost, address) {
 function getAssetExpiration(asset) {
   return (0, _last.default)((0, _get.default)(asset, 'data.value.expirationDate', []));
 }
-function getRelativeTime(datetime) {
-  let locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en';
-  return (0, _moment.default)(datetime).locale(formatLocale(locale)).fromNow().toString();
-}
 
 /**
  * 检查url是否 未添加到 store list 中