@abtnode/ux 1.16.29-beta-87e06e1c → 1.16.29-beta-2eaf40bc

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.29-beta-87e06e1c",
+  "version": "1.16.29-beta-2eaf40bc",
   "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-2eaf40bc",
+    "@abtnode/constant": "1.16.29-beta-2eaf40bc",
+    "@abtnode/util": "1.16.29-beta-2eaf40bc",
     "@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-2eaf40bc",
+    "@blocklet/js-sdk": "1.16.29-beta-2eaf40bc",
+    "@blocklet/launcher-layout": "2.3.30",
+    "@blocklet/list": "^0.13.9",
+    "@blocklet/meta": "1.16.29-beta-2eaf40bc",
+    "@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": "d723d07ca8914468fc1b53af23aa53dc343e0a8c"
 }