@abtnode/ux 1.16.17-beta-5d4664f8 → 1.16.17-beta-2ac96448

package/es/blocklet/configuration.js

@@ -1,14 +1,17 @@
-import React, { useState, useContext } from 'react';
+import React, { useState, useContext, lazy, useRef } from 'react';
 import styled from '@emotion/styled';
 import PropTypes from 'prop-types';
 import get from 'lodash/get';
 import isEqual from 'lodash/isEqual';
+import classnames from 'classnames';
+import joinUrl from 'url-join';
 import Box from '@mui/material/Box';
 import Switch from '@mui/material/Switch';
 import Divider from '@mui/material/Divider';
 import { LocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Button from '@arcblock/ux/lib/Button';
 import LoopIcon from '@mui/icons-material/Loop';
+import Avatar from '@mui/material/Avatar';
 import { EVENTS } from '@abtnode/constant';
 import { BLOCKLET_CONFIGURABLE_KEY, SUPPORTED_LANGUAGES } from '@blocklet/constant';
 import { getWhoCanAccess } from '@blocklet/meta/lib/util';
@@ -22,19 +25,34 @@ import Permission, { withPermission } from '../permission';
 import ClearCache from '../clear-cache';
 import AppSk from './preferences/app-sk';
 import TransferOwner from './transfer-owner';
+import useAppLogo from '../hooks/use-app-logo';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const languages = Object.keys(SUPPORTED_LANGUAGES).map(x => ({
   code: x,
   name: SUPPORTED_LANGUAGES[x].nativeName
 }));
+
+// eslint-disable-next-line import/no-unresolved
+const UploaderComponent = /*#__PURE__*/lazy(() => import('@blocklet/uploader/react').then(res => ({
+  default: res.Uploader
+})));
+const uploadPrefix = '/blocklet/logo/upload';
 function BlockletEnvironment({
   blocklet,
   onUpdate,
   hasPermission,
   ...rest
 }) {
-  const node = useNodeContext();
+  const {
+    api,
+    inService,
+    prefix,
+    getSessionInHeader,
+    ws: {
+      useSubscription
+    }
+  } = useNodeContext();
   const {
     t
   } = useContext(LocaleContext);
@@ -44,12 +62,28 @@ function BlockletEnvironment({
   const whoCanAccess = getWhoCanAccess(blocklet);
   const publicToStore = blocklet?.settings?.publicToStore;
   const disabled = loading || !hasPermission;
+  const uploaderLogoRef = useRef(null);
   const {
-    inService,
-    ws: {
-      useSubscription
+    logoUrl,
+    rectLogoUrl,
+    faviconUrl
+  } = useAppLogo({
+    blocklet
+  });
+  const [apiPathProps, setApiPathProps] = useState();
+  const uploadLogoPrefix = joinUrl(prefix, uploadPrefix, 'square', blocklet.meta.did);
+  const uploadLogoRectPrefix = joinUrl(prefix, uploadPrefix, 'rect', blocklet.meta.did);
+  const uploadLogoFaviconPrefix = joinUrl(prefix, uploadPrefix, 'favicon', blocklet.meta.did);
+  const openUploader = uploaderPrefix => {
+    if (!hasPermission) {
+      return;
     }
-  } = node;
+    setApiPathProps({
+      uploader: uploaderPrefix,
+      disableMediaKitPrefix: true
+    });
+    uploaderLogoRef.current.open();
+  };
   const {
     did
   } = blocklet.meta;
@@ -71,10 +105,6 @@ function BlockletEnvironment({
   const deletable = !customDelete || customDelete.value === 'yes';
   const customLanguages = blocklet.environments.find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LANGUAGES);
   const customUrl = blocklet.environments.find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_URL);
-  const customLogoSquare = blocklet.environments.find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE);
-  const customLogoRect = blocklet.environments.find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_RECT);
-  const customLogoFavicon = blocklet.environments.find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_FAVICON);
-  const customLogoDeprecated = blocklet.environments.find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO);
   const copyrightOwner = blocklet.environments.find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_COPYRIGHT_OWNER);
   const copyrightYear = blocklet.environments.find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_COPYRIGHT_YEAR);
   const configurableEnvs = [{
@@ -89,22 +119,6 @@ function BlockletEnvironment({
     key: BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_URL,
     description: t('blocklet.config.appUrl'),
     value: customUrl ? customUrl.value : ''
-  }, {
-    key: BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE,
-    description: t('blocklet.config.logoSquare'),
-    value: customLogoSquare ? customLogoSquare.value : ''
-  }, {
-    key: BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_RECT,
-    description: t('blocklet.config.logoRect'),
-    value: customLogoRect ? customLogoRect.value : ''
-  }, {
-    key: BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_FAVICON,
-    description: t('blocklet.config.logoFavicon'),
-    value: customLogoFavicon ? customLogoFavicon.value : ''
-  }, {
-    key: BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO,
-    description: t('blocklet.config.logo'),
-    value: customLogoDeprecated ? customLogoDeprecated.value : ''
   }, {
     key: BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_COPYRIGHT_OWNER,
     description: t('blocklet.config.copyrightOwner'),
@@ -135,7 +149,7 @@ function BlockletEnvironment({
       } = e.target;
       const {
         blocklet: data
-      } = await node.api.configPublicToStore({
+      } = await api.configPublicToStore({
         input: {
           did: blocklet.meta.did,
           publicToStore: checked
@@ -167,7 +181,7 @@ function BlockletEnvironment({
       setLoading(true);
       const {
         blocklet: data
-      } = await node.api.configBlocklet({
+      } = await api.configBlocklet({
         input: {
           did: blocklet.meta.did,
           configs: params
@@ -191,7 +205,7 @@ function BlockletEnvironment({
       } = e.target;
       const {
         blocklet: data
-      } = await node.api.configBlocklet({
+      } = await api.configBlocklet({
         input: {
           did: blocklet.meta.did,
           configs: [{
@@ -216,7 +230,7 @@ function BlockletEnvironment({
     try {
       setLoading(true);
       const corsAllowedOrigins = newValue.length ? newValue : ['__none__'];
-      await node.api.updateRoutingSite({
+      await api.updateRoutingSite({
         input: {
           id: site.id,
           corsAllowedOrigins,
@@ -239,7 +253,7 @@ function BlockletEnvironment({
     try {
       const {
         blocklet: data
-      } = await node.api.configBlocklet({
+      } = await api.configBlocklet({
         input: {
           did: blocklet.meta.did,
           configs: [{
@@ -255,6 +269,11 @@ function BlockletEnvironment({
       setLoading(false);
     }
   };
+  const uploaderStyle = {
+    '&::after': {
+      content: `"${t('common.switch')}"`
+    }
+  };
   return /*#__PURE__*/_jsxs(Div, {
     ...rest,
     children: [configurableEnvs.map(item => /*#__PURE__*/_jsxs(Box, {
@@ -275,6 +294,95 @@ function BlockletEnvironment({
         onSubmit: value => onSubmitConfig(item.key, value)
       })]
     })), /*#__PURE__*/_jsx(Box, {
+      className: "config-form",
+      component: Divider,
+      my: 3
+    }), /*#__PURE__*/_jsx(Box, {
+      className: "config-label",
+      fontSize: 14,
+      mb: 1,
+      sx: {
+        flexGrow: 0,
+        width: 'auto'
+      },
+      children: t('blocklet.config.logoSquare')
+    }), /*#__PURE__*/_jsx(Box, {
+      className: classnames('uploader-wrapper', hasPermission && 'enabled'),
+      sx: uploaderStyle,
+      onClick: () => openUploader(uploadLogoPrefix),
+      children: /*#__PURE__*/_jsx(Avatar, {
+        sx: {
+          height: 80,
+          width: 80
+        },
+        variant: "square",
+        alt: "Blocklet Logo",
+        src: logoUrl
+      })
+    }), /*#__PURE__*/_jsx(Box, {
+      className: "config-label",
+      fontSize: 14,
+      mt: 4,
+      children: t('blocklet.config.logoRect')
+    }), /*#__PURE__*/_jsx(Box, {
+      mb: 1.5,
+      className: "config-desc",
+      children: t('blocklet.config.logoRectDesc')
+    }), /*#__PURE__*/_jsx(Box, {
+      className: classnames('uploader-wrapper', hasPermission && 'enabled'),
+      sx: uploaderStyle,
+      onClick: () => openUploader(uploadLogoRectPrefix),
+      children: /*#__PURE__*/_jsx("img", {
+        alt: "Blocklet Rect Logo",
+        src: rectLogoUrl,
+        style: {
+          height: '80px'
+        }
+      })
+    }), /*#__PURE__*/_jsx(Box, {
+      className: "config-label",
+      fontSize: 14,
+      mt: 4,
+      children: t('blocklet.config.logoFavicon')
+    }), /*#__PURE__*/_jsx(Box, {
+      mb: 1.5,
+      className: "config-desc",
+      children: t('blocklet.config.logoFaviconDesc')
+    }), /*#__PURE__*/_jsx(Box, {
+      sx: {
+        display: 'inline-flex',
+        cursor: hasPermission ? 'pointer' : 'default'
+      },
+      onClick: () => openUploader(uploadLogoFaviconPrefix),
+      children: /*#__PURE__*/_jsx(Avatar, {
+        variant: "square",
+        sx: {
+          width: 20,
+          height: 20
+        },
+        alt: "Blocklet Favicon Logo",
+        src: faviconUrl
+      })
+    }), /*#__PURE__*/_jsx(UploaderComponent, {
+      id: "\u200Buploader-logo",
+      ref: uploaderLogoRef,
+      popup: true,
+      onUploadFinish: () => {
+        uploaderLogoRef.current.close();
+      },
+      plugins: [],
+      apiPathProps: apiPathProps,
+      coreProps: {
+        restrictions: {
+          allowedFileTypes: ['image/*', '.jpg', '.jpeg', '.png', '.gif', '.svg'],
+          maxFileSize: 1024 * 1024 * 10,
+          maxNumberOfFiles: 1
+        }
+      },
+      tusProps: {
+        headers: getSessionInHeader
+      }
+    }, "uploader-logo"), /*#__PURE__*/_jsx(Box, {
       className: "config-form",
       children: whoCanAccess === 'all' && blocklet.source === 'registry' && /*#__PURE__*/_jsxs(Box, {
         className: "config-item",
@@ -485,7 +593,6 @@ const Div = styled.div`
       flex-shrink: 0;
       padding: 0 24px;
       transform: translate(0, 0);
-      max-height: 60vh;
     }
   }
 
@@ -509,4 +616,34 @@ const Div = styled.div`
   .form-item {
     margin-top: 0;
   }
+
+  .uploader-wrapper {
+    display: inline-flex;
+    position: relative;
+    font-size: 0px;
+    &.enabled {
+      cursor: pointer;
+    }
+    &::after {
+      display: none;
+    }
+    &.enabled::after {
+      display: block;
+      opacity: 0;
+      position: absolute;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.2);
+      left: 0;
+      right: 0;
+      height: 2.2em;
+      color: white;
+      text-align: center;
+      font-size: 12px;
+      line-height: 2em;
+      transition: opacity 0.3s ease;
+    }
+    &:hover::after {
+      opacity: 1;
+    }
+  }
 `;

package/es/blocklet/publish/create-release.js

@@ -582,7 +582,7 @@ export default function CreateRelease({
               maxNumberOfFiles: 1
             }
           }
-        }, "uploader-screenshot"), /*#__PURE__*/_jsx(UploaderComponent, {
+        }, "uploader-logo"), /*#__PURE__*/_jsx(UploaderComponent, {
           id: "\u200Buploader-screenshot",
           ref: uploaderScreenshotRef,
           popup: true,

package/es/blocklet/storage/auto-backup.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import { Typography } from '@mui/material';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import Toast from '@arcblock/ux/lib/Toast';
+import SwitchControl from '../component/switch-control';
+import { useBlockletStorageContext } from '../../contexts/blocklet-storage';
+
+/**
+ * @description
+ * @param {{
+ *  style: import('react').CSSProperties
+ * }} {...rest}
+ * @return {*}
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+function AutoBackup({
+  ...rest
+}) {
+  const {
+    t
+  } = useLocaleContext();
+  const {
+    autoBackup,
+    updateAutoBackup
+  } = useBlockletStorageContext();
+  const configAutoBackup = async () => {
+    try {
+      const enabled = !autoBackup.enabled;
+      await updateAutoBackup({
+        enabled
+      });
+      Toast.success(enabled ? t('storage.spaces.autoBackup.enabled') : t('storage.spaces.autoBackup.disabled'));
+    } catch (error) {
+      Toast.error(error.message);
+    }
+  };
+  return /*#__PURE__*/_jsx(SwitchControl, {
+    checked: Boolean(autoBackup?.enabled),
+    onChange: configAutoBackup,
+    name: "enableWelcomePage",
+    labelProps: {
+      label: /*#__PURE__*/_jsx(Typography, {
+        marginRight: "8px",
+        children: /*#__PURE__*/_jsx("span", {
+          children: t('storage.spaces.autoBackup.title')
+        })
+      })
+    },
+    style: {
+      ...rest.style
+    }
+  });
+}
+AutoBackup.propTypes = {};
+export default AutoBackup;

package/es/blocklet/storage/connected.js

@@ -9,6 +9,7 @@ import { useBlockletContext } from '../../contexts/blocklet';
 import { useNodeContext } from '../../contexts/node';
 import DiskInfo from '../disk-info';
 import { useBlockletStorageContext } from '../../contexts/blocklet-storage';
+import AutoBackup from './auto-backup';
 
 /**
  * @typedef {{
@@ -72,7 +73,12 @@ function Connected() {
       children: [/*#__PURE__*/_jsx(Typography, {
         fontSize: "1.2rem",
         fontWeight: "bold",
+        flexGrow: 1,
         children: t('storage.spaces.connected.title')
+      }), /*#__PURE__*/_jsx(AutoBackup, {
+        style: {
+          marginRight: '32px'
+        }
       }), /*#__PURE__*/_jsx(ConnectTo, {})]
     }), /*#__PURE__*/_jsx(Box, {
       children: shouldShowLoading ? /*#__PURE__*/_jsx(Box, {

package/es/contexts/blocklet-storage.js

@@ -9,10 +9,12 @@ import useSpaceGateways from '../hooks/use-space-gateways';
 import { useNodeContext } from './node';
 import useBackupProgress from '../hooks/use-backup-progress';
 import useBackups from '../hooks/use-backups';
+import { useAutoBackup } from '../hooks/use-auto-backup';
 
 /**
  * @typedef {import('../blocklet/storage/connected').SpaceGateway} SpaceGateway
  * @typedef {import('@abtnode/client').Backup} Backup
+ * @typedef {import('@abtnode/client').AutoBackup} AutoBackup
  */
 
 /**
@@ -25,12 +27,14 @@ import useBackups from '../hooks/use-backups';
  *  refreshSpaceGateways: () => void,
  *  spaceGatewaysLoading: boolean,
  *  spaceGatewayIsSelected: (spaceGateway: SpaceGateway) => boolean,
+ *  updateAutoBackup: (autoBackup: { enabled: boolean }) => Promise<void>,
  *
  *  backupEndpoint: string,
  *  backupProgress: any,
  *  backups: Backup[],
  *  backupsLoading: boolean,
  *  refreshBackupEndpoint: () => void,
+ *  autoBackup: AutoBackup,
  * }} BlockletStorageContextType
  */
 
@@ -78,6 +82,10 @@ function BlockletStorageProvider({
     setLoading: setBackupsLoading
   });
   const [selectedSpaceGateway, setSelectedSpaceGateway] = useState(spaceGateways?.find(x => x.endpoint === backupEndpoint));
+  const [autoBackupRefresh, setAutoBackupRefresh] = useState(false);
+  const autoBackup = useAutoBackup({
+    deps: [autoBackupRefresh]
+  });
 
   /**
    * @description
@@ -172,9 +180,26 @@ function BlockletStorageProvider({
    * @param {SpaceGateway} spaceGateway
    */
   const spaceGatewayIsSelected = spaceGateway => spaceGateway?.endpoint === backupEndpoint;
+
+  /**
+   * @description
+   * @param {AutoBackup} value
+   */
+  const updateAutoBackup = async value => {
+    await api.updateAutoBackup({
+      input: {
+        did: blocklet.meta.did,
+        autoBackup: value
+      }
+    });
+    refreshAutoBackup();
+  };
   const refreshBackupEndpoint = () => {
     setBackupEndpointRefresh(p => !p);
   };
+  const refreshAutoBackup = () => {
+    setAutoBackupRefresh(x => !x);
+  };
   return /*#__PURE__*/_jsx(Provider, {
     value: {
       spaceGateways,
@@ -185,11 +210,13 @@ function BlockletStorageProvider({
       refreshSpaceGateways,
       spaceGatewaysLoading,
       spaceGatewayIsSelected,
+      updateAutoBackup,
       backupEndpoint,
       backupProgress,
       backups,
       backupsLoading,
-      refreshBackupEndpoint
+      refreshBackupEndpoint,
+      autoBackup
     },
     children: children
   });

package/es/hooks/use-app-logo.js

@@ -1,16 +1,32 @@
 import joinUrl from 'url-join';
+import { BLOCKLET_CONFIGURABLE_KEY } from '@blocklet/constant';
 import { useNodeContext } from '../contexts/node';
-import { isInstalling } from '../util';
+import { isInstalling, getLogoHash } from '../util';
+const getSearch = (blocklet, customLogo) => {
+  let search = '?v=';
+  if (customLogo) {
+    search += getLogoHash(customLogo);
+  } else {
+    search += `${blocklet?.meta?.version}${isInstalling(blocklet?.status) ? '~' : ''}`;
+  }
+  return search;
+};
 export default function useAppLogo({
   blocklet
 }) {
   const {
     inService
   } = useNodeContext();
+  const customLogo = (blocklet?.environments || []).find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE)?.value;
+  const customRectLogo = (blocklet?.environments || []).find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_RECT)?.value;
+  const customFavicon = (blocklet?.environments || []).find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_FAVICON)?.value;
   const prefix = window.env?.apiPrefix || '/';
-  const search = `?v=${blocklet?.meta?.version}${isInstalling(blocklet?.status) ? '~' : ''}`;
-  const logoUrl = joinUrl(prefix, `/blocklet/logo/${inService ? '' : blocklet.meta.did}`, search);
+  const logoUrl = joinUrl(prefix, `/blocklet/logo/${inService ? '' : blocklet.meta.did}`, getSearch(blocklet, customLogo));
+  const rectLogoUrl = joinUrl(prefix, `/blocklet/logo-rect/${inService ? '' : blocklet.meta.did}`, getSearch(blocklet, customRectLogo));
+  const faviconUrl = joinUrl(prefix, `/blocklet/logo-favicon/${inService ? '' : blocklet.meta.did}`, getSearch(blocklet, customFavicon));
   return {
-    logoUrl
+    logoUrl,
+    rectLogoUrl,
+    faviconUrl
   };
 }

package/es/hooks/use-auto-backup.js

@@ -0,0 +1,33 @@
+/* eslint-disable import/prefer-default-export */
+import { useAsyncEffect } from 'ahooks';
+import { useState } from 'react';
+import { useBlockletContext } from '../contexts/blocklet';
+import { useNodeContext } from '../contexts/node';
+export function useAutoBackup({
+  deps
+} = {
+  deps: []
+}) {
+  /** @type {{ blocklet: import('@abtnode/client').BlockletState }} */
+  const {
+    blocklet
+  } = useBlockletContext();
+  /** @type {{api: import('@abtnode/client')}} */
+  const {
+    api
+  } = useNodeContext();
+  const [autoBackup, setAutoBackup] = useState(null);
+  useAsyncEffect(async () => {
+    if (blocklet?.meta?.did) {
+      const {
+        autoBackup: data
+      } = await api.getAutoBackup({
+        input: {
+          did: blocklet.meta.did
+        }
+      });
+      setAutoBackup(data);
+    }
+  }, [blocklet?.meta?.did].concat(deps));
+  return autoBackup;
+}

package/es/locales/en.js

@@ -278,6 +278,7 @@ module.exports = {
     succeeded: 'Succeeded',
     subscription: 'Subscription',
     support: 'Support',
+    switch: 'Switch',
     team: 'Team',
     the: 'The',
     timeAgo: '{time} ago',
@@ -391,10 +392,11 @@ module.exports = {
       name: 'Blocklet Name',
       description: 'Blocklet Description',
       sk: 'Secret key for the blocklet wallet',
-      logo: '(Deprecated) Logo URL or path for the blocklet',
-      logoSquare: 'Square logo URL or path for the blocklet (optional, default to logo from blocklet store)',
-      logoRect: 'Horizontal logo URL or path for the blocklet (optional)',
-      logoFavicon: 'favicon URL or path for the blocklet (optional, default to square logo)',
+      logoSquare: 'App Logo',
+      logoRect: 'Rect logo',
+      logoRectDesc: 'Usually displayed at the top of the page, default to app logo',
+      logoFavicon: 'Favicon',
+      logoFaviconDesc: "Usually displayed in the browser's address bar or tab page, default to app logo",
       clusterSize: 'Instance count when run this blocklet in cluster mode',
       copyrightOwner: 'Copyright Owner (Display in footer)',
       copyrightYear: 'Copyright Year (Display in footer)',
@@ -1437,6 +1439,11 @@ module.exports = {
         title: 'Backup',
         records: 'Backup Records'
       },
+      autoBackup: {
+        title: 'Auto backup',
+        enabled: 'Automatic backup is on',
+        disabled: 'Automatic backup is off'
+      },
       backupSuccessfully: 'Backup successfully',
       restore: 'Restore',
       restoreSuccessfully: 'Restore successfully',

package/es/locales/zh.js

@@ -283,6 +283,7 @@ module.exports = {
     succeeded: '成功',
     subscription: '订阅',
     support: '服务支持',
+    switch: '切换',
     team: '团队',
     the: '此',
     timeAgo: '{time}前',
@@ -395,10 +396,11 @@ module.exports = {
       name: '应用名称',
       description: '应用描述',
       sk: '应用账户私钥',
-      logo: '（即将废弃）应用 Logo 地址或路径',
-      logoSquare: '正方形 Logo 地址或路径 (可选，默认使用发布到 Store 的应用Logo)',
-      logoRect: '横版 Logo 地址或路径 (可选)',
-      logoFavicon: 'favicon 地址或路径 (可选，默认和正方形 Logo 相同)',
+      logoSquare: '应用 Logo',
+      logoRect: '横版 Logo',
+      logoRectDesc: '通常显示在页面顶部，默认和应用 Logo 相同',
+      logoFavicon: 'Favicon',
+      logoFaviconDesc: '通常显示在浏览器的地址栏或标签页中，默认和应用 Logo 相同',
       clusterSize: '以 Cluster 模式启动时的实例数量',
       copyrightOwner: '版权所有者 (展示在页脚中)',
       copyrightYear: '版权年份 (展示在页脚中)',
@@ -1441,6 +1443,11 @@ module.exports = {
         title: '备份',
         records: '备份记录'
       },
+      autoBackup: {
+        title: '自动备份',
+        enabled: '自动备份已开启',
+        disabled: '自动备份已关闭'
+      },
       backupSuccessfully: '备份成功',
       restore: '还原',
       restoreSuccessfully: '还原成功',

package/es/util/index.js

@@ -614,4 +614,5 @@ export const getSubscriptionURL = async ({
   return joinUrl(baseUrl, `/${nftId}/subscription?locale=${locale}&return-url=${encodeURIComponent(window.location.href)}`);
 };
 export const nanoid = (length = 16) => [...Array(length)].map(() => Math.random().toString(36)[2]).join('');
-export const getSystemDomains = domains => domains.filter(x => x.isProtected);
+export const getSystemDomains = domains => domains.filter(x => x.isProtected);
+export const getLogoHash = logo => encodeURIComponent((logo || '').split('/').slice(-1)[0].slice(0, 7));