@abtnode/ux 1.16.29-beta-87e06e1c → 1.16.29-beta-112566d5

package/lib/blocklet/component/add-component/step-connect.js

@@ -59,7 +59,7 @@ const StepContent = /*#__PURE__*/forwardRef(({
       }) : null,
       stepTip: t('blocklet.component.add'),
       children: /*#__PURE__*/_jsx(RightContent, {
-        children: step?.body && typeof step.body === 'function' ? step.body() : step.body
+        children: typeof step?.body === 'function' ? step.body() : step?.body
       })
     })
   });
@@ -113,8 +113,6 @@ const ContentWrapper = styled(Box)`
         }
       }
 
-
-
       // content-panel
       .root-header + div{
         padding-top: 0;

package/lib/blocklet/component/component-cell.js

@@ -320,6 +320,9 @@ export const StyledBadge = styled(Badge)`
   }
 `;
 export const StyledComponentRow = styled(Box)`
+  &:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
   .component-header {
     display: flex;
     align-items: center;

package/lib/blocklet/component/domain-list.js

@@ -1,7 +1,8 @@
 import Button from '@arcblock/ux/lib/Button';
 import styled from '@emotion/styled';
 import PropTypes from 'prop-types';
-import React, { Fragment, useMemo, useState } from 'react';
+import trim from 'lodash/trim';
+import React, { Fragment, useCallback, useMemo, useState } from 'react';
 import AddIcon from '@mui/icons-material/Add';
 import DiamondIcon from '@mui/icons-material/Diamond';
 import ExpandLess from '@mui/icons-material/ExpandLess';
@@ -16,13 +17,14 @@ import Tooltip from '@mui/material/Tooltip';
 import Typography from '@mui/material/Typography';
 import useTheme from '@mui/material/styles/useTheme';
 import useMediaQuery from '@mui/material/useMediaQuery';
+import Spinner from '@mui/material/CircularProgress';
 import { encode as encodeBase32 } from '@abtnode/util/lib/base32';
 import { isDidDomain } from '@abtnode/util/lib/url-evaluation';
 import LockIcon from '@arcblock/icons/lib/LockIcon';
 import Empty from '@arcblock/ux/lib/Empty';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { isAccessible, isInProgress } from '@blocklet/meta/lib/util';
-import Spinner from '@mui/material/CircularProgress';
+import { CopyButton } from '@arcblock/ux/lib/ClickToCopy';
 import { useBlockletContext } from '../../contexts/blocklet';
 import { useNodeContext } from '../../contexts/node';
 import DidAddress from '../../did-address';
@@ -278,16 +280,30 @@ function DomainLink({
   ...rest
 }) {
   const {
-    t
+    t,
+    locale
   } = useLocaleContext();
   const {
     href,
-    accessibility
+    accessibility,
+    value: domainValue
   } = domain;
+  const renderCopyButton = useCallback(() => {
+    return /*#__PURE__*/_jsx(CopyButton, {
+      content: trim(domainValue),
+      locale: locale,
+      style: {
+        marginLeft: '4px',
+        color: '#999',
+        fontSize: '0.8em',
+        verticalAlign: 'bottom'
+      }
+    });
+  }, [domainValue, locale]);
   if (!accessibility || accessibility.loading) {
     return /*#__PURE__*/_jsxs(LinkDiv, {
       ...rest,
-      children: [children, /*#__PURE__*/_jsx(Tooltip, {
+      children: [children, renderCopyButton(), /*#__PURE__*/_jsx(Tooltip, {
         title: t('blocklet.router.checkUrlAccessible'),
         placement: "top-end",
         children: /*#__PURE__*/_jsx("span", {
@@ -300,25 +316,26 @@ function DomainLink({
     });
   }
   if (!accessibility.accessible) {
-    return /*#__PURE__*/_jsx(LinkDiv, {
+    return /*#__PURE__*/_jsxs(LinkDiv, {
       ...rest,
-      children: /*#__PURE__*/_jsx(Tooltip, {
+      children: [/*#__PURE__*/_jsx(Tooltip, {
         title: t('blocklet.router.urlInaccessible'),
         placement: "top-end",
         children: /*#__PURE__*/_jsx("span", {
           children: children
         })
-      })
+      }), renderCopyButton()]
     });
   }
-  return /*#__PURE__*/_jsx(LinkDiv, {
+  return /*#__PURE__*/_jsxs(LinkDiv, {
     ...rest,
-    children: /*#__PURE__*/_jsx("a", {
+    children: [/*#__PURE__*/_jsx(Box, {
+      component: "a",
       href: href,
       target: "_blank",
       rel: "noopener noreferrer",
       children: children
-    })
+    }), renderCopyButton()]
   });
 }
 DomainLink.propTypes = {
@@ -330,6 +347,9 @@ const LinkDiv = styled.span`
   & > * {
     color: #222;
     font-size: 18px;
+  }
+
+  & > * {
     word-break: break-all;
   }
 
@@ -409,6 +429,7 @@ function InnerAddDomain({
         onMouseEnter: handlePopoverOpen,
         onMouseLeave: handlePopoverClose,
         style: {
+          marginTop: '0.2em',
           cursor: 'pointer',
           fill: theme.palette.primary.main
         }

package/lib/blocklet/storage/delete.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { ListItemIcon, ListItemText, MenuItem } from '@mui/material';
+import { ListItemIcon, ListItemText, MenuItem, Typography } from '@mui/material';
 import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';
 import Confirm from '@arcblock/ux/lib/Dialog/confirm';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
@@ -73,8 +73,11 @@ function DeleteDIDSpacesGateWay({
         children: t('common.delete')
       })]
     }), /*#__PURE__*/_jsx(Confirm, {
-      title: t('common.delConfirmDescription', {
-        data: `${spaceGateway?.name}`
+      title: /*#__PURE__*/_jsx(Typography, {
+        variant: "h6",
+        children: t('common.delConfirmDescription', {
+          data: `${spaceGateway?.name}`
+        })
       }),
       open: open,
       confirmButton: {

package/lib/blocklet/storage/disconnect.js

@@ -219,7 +219,7 @@ function Disconnect() {
       alignContent: "center",
       children: [/*#__PURE__*/_jsx(EmptySpacesNFT, {
         style: {
-          width: 200,
+          width: 250,
           height: 250
         }
       }), /*#__PURE__*/_jsx(Typography, {

package/lib/blocklet/storage/index.js

@@ -1,16 +1,29 @@
 import React from 'react';
+import isEmpty from 'lodash/isEmpty';
+import Center from '@arcblock/ux/lib/Center';
+import { CircularProgress } from '@mui/material';
 import Disconnect from './disconnect';
 import Connected from './connected';
-import { useBlockletStorageContext } from '../../contexts/blocklet-storage';
+import { BlockletStorageProvider, useBlockletStorageContext } from '../../contexts/blocklet-storage';
 import { jsx as _jsx } from "react/jsx-runtime";
-function NewStorage() {
+function StoragePage() {
   const {
-    backupEndpoint
+    spaceGatewaysLoading,
+    spaceGateways
   } = useBlockletStorageContext();
-  if (backupEndpoint) {
-    return /*#__PURE__*/_jsx(Connected, {});
+  if (spaceGatewaysLoading) {
+    return /*#__PURE__*/_jsx(Center, {
+      relative: "parent",
+      children: /*#__PURE__*/_jsx(CircularProgress, {})
+    });
   }
-  return /*#__PURE__*/_jsx(Disconnect, {});
+  if (isEmpty(spaceGateways)) {
+    return /*#__PURE__*/_jsx(Disconnect, {});
+  }
+  return /*#__PURE__*/_jsx(Connected, {});
 }
-NewStorage.propTypes = {};
-export default NewStorage;
+export default function Storage() {
+  return /*#__PURE__*/_jsx(BlockletStorageProvider, {
+    children: /*#__PURE__*/_jsx(StoragePage, {})
+  });
+}

package/lib/contexts/blocklet-storage.js

@@ -104,6 +104,20 @@ function BlockletStorageProvider({
     setAutoCheckUpdateRefresh(x => !x);
   };
 
+  /**
+   * @description
+   * @param {AutoBackup} value
+   */
+  const updateAutoBackup = async value => {
+    await api.updateAutoBackup({
+      input: {
+        did: blocklet.meta.did,
+        autoBackup: value
+      }
+    });
+    refreshAutoBackup();
+  };
+
   /**
    * @description
    * @param {SpaceGateway} spaceGateway
@@ -144,6 +158,22 @@ function BlockletStorageProvider({
     if (!spaceGateway) {
       return;
     }
+    if (spaceGateway.endpoint === backupEndpoint) {
+      await api.configBlocklet({
+        input: {
+          did: [blocklet.meta.did],
+          configs: [{
+            key: BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_BACKUP_ENDPOINT,
+            value: ''
+          }]
+        }
+      });
+      if (autoBackup?.enabled) {
+        await updateAutoBackup({
+          enabled: false
+        });
+      }
+    }
     await api.deleteBlockletSpaceGateway({
       input: {
         did: blocklet.meta.did,
@@ -190,20 +220,6 @@ 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 updateAutoCheckUpdate = async value => {
     await api.updateAutoCheckUpdate({
       input: {

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

@@ -3,6 +3,13 @@ import { useAsyncEffect } from 'ahooks';
 import { useState } from 'react';
 import { useBlockletContext } from '../contexts/blocklet';
 import { useNodeContext } from '../contexts/node';
+
+/**
+ * @description
+ * @export
+ * @param {*} [{ deps }={ deps: [] }]
+ * @return {import('@abtnode/client').AutoBackup | null}
+ */
 export function useAutoBackup({
   deps
 } = {

package/lib/hooks/use-space-gateways.js

@@ -23,10 +23,7 @@ export default function useSpaceGateways({
 } = {}) {
   /** @type {{ blocklet: import('@abtnode/client').BlockletState }} */
   const {
-    blocklet,
-    actions: {
-      refreshBlocklet
-    }
+    blocklet
   } = useBlockletContext();
   const blockletDid = blocklet?.meta?.did;
   const [spaceGateways, setSpaceGateways] = useState([]);
@@ -59,7 +56,7 @@ export default function useSpaceGateways({
     } finally {
       setLoading?.(false);
     }
-  }, [blockletDid, refreshBlocklet, refresh]);
+  }, [blockletDid, refresh]);
   return {
     spaceGateways
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.29-beta-87e06e1c",
+  "version": "1.16.29-beta-112566d5",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -25,24 +25,24 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.29-beta-87e06e1c",
-    "@abtnode/constant": "1.16.29-beta-87e06e1c",
-    "@abtnode/util": "1.16.29-beta-87e06e1c",
+    "@abtnode/auth": "1.16.29-beta-112566d5",
+    "@abtnode/constant": "1.16.29-beta-112566d5",
+    "@abtnode/util": "1.16.29-beta-112566d5",
     "@ahooksjs/use-url-state": "^3.5.1",
     "@arcblock/did": "^1.18.126",
-    "@arcblock/did-connect": "^2.10.3",
+    "@arcblock/did-connect": "^2.10.5",
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.10.3",
-    "@arcblock/nft-display": "2.10.3",
-    "@arcblock/react-hooks": "^2.10.3",
-    "@arcblock/terminal": "^2.10.3",
-    "@arcblock/ux": "^2.10.3",
-    "@blocklet/constant": "1.16.29-beta-87e06e1c",
-    "@blocklet/js-sdk": "1.16.29-beta-87e06e1c",
-    "@blocklet/launcher-layout": "2.3.28",
-    "@blocklet/list": "^0.13.8",
-    "@blocklet/meta": "1.16.29-beta-87e06e1c",
-    "@blocklet/ui-react": "^2.10.3",
+    "@arcblock/icons": "^2.10.5",
+    "@arcblock/nft-display": "2.10.5",
+    "@arcblock/react-hooks": "^2.10.5",
+    "@arcblock/terminal": "^2.10.5",
+    "@arcblock/ux": "^2.10.5",
+    "@blocklet/constant": "1.16.29-beta-112566d5",
+    "@blocklet/js-sdk": "1.16.29-beta-112566d5",
+    "@blocklet/launcher-layout": "2.3.30",
+    "@blocklet/list": "^0.13.9",
+    "@blocklet/meta": "1.16.29-beta-112566d5",
+    "@blocklet/ui-react": "^2.10.5",
     "@blocklet/uploader": "0.1.19",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
@@ -108,5 +108,5 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0"
   },
-  "gitHead": "e6a32801bc392566448d4df00c2ae68717f39822"
+  "gitHead": "4c6213560b79dc862b0b5e48b50f65c39de54aef"
 }