@blocklet/did-space-react 0.5.60 → 0.5.62

package/README.md

@@ -12,7 +12,7 @@ function Demo() {
     <>
       {/* Basic use*/}
       <SpaceCard endpoint={endpoint} selected />
-      {/* Compat layout */}
+      {/* Compat Layout */}
       <SpaceCard endpoint={endpoint} selected compat />
       {/* With Action */}
       <SpaceCard

package/dist/cjs/components/base-connect-to/stories/basic.d.ts

@@ -0,0 +1,2 @@
+declare function Basic(): import("react/jsx-runtime").JSX.Element;
+export default Basic;

package/dist/cjs/components/space-card/stories/basic.d.ts

@@ -0,0 +1,2 @@
+declare function Basic(): import("react/jsx-runtime").JSX.Element;
+export default Basic;

package/dist/es/components/base-connect-to/stories/basic.d.ts

@@ -0,0 +1,2 @@
+declare function Basic(): import("react/jsx-runtime").JSX.Element;
+export default Basic;

package/dist/es/components/space-card/stories/basic.d.ts

@@ -0,0 +1,2 @@
+declare function Basic(): import("react/jsx-runtime").JSX.Element;
+export default Basic;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/did-space-react",
-  "version": "0.5.60",
+  "version": "0.5.62",
   "description": "Reusable react components for did space",
   "keywords": [
     "react",
@@ -10,12 +10,16 @@
   "author": "wangshijun<wangshijun2010@gmail.com>",
   "homepage": "https://github.com/ArcBlock/did-spaces#readme",
   "license": "Apache-2.0",
-  "main": "lib/index.js",
-  "module": "es/index.js",
+  "main": "dist/cjs/index.js",
+  "module": "dist/es/index.js",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ArcBlock/did-spaces.git"
   },
+  "files": [
+    "dist",
+    "package.json"
+  ],
   "scripts": {
     "lint": "tsc --noEmit && eslint src tests --ext js --ext jsx --ext ts --ext tsx",
     "lint:fix": "npm run lint -- --fix",
@@ -28,55 +32,55 @@
     "coverage": "vitest run --coverage",
     "start": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "cpfiles": "copyfiles -u 1 './src/**/*.css' lib/ && copyfiles -u 1 './src/**/*.css' es/"
+    "cpfiles": "copyfiles -u 1 './src/**/*.css' dist/cjs/ && copyfiles -u 1 './src/**/*.css' dist/es/"
   },
   "bugs": {
     "url": "https://github.com/ArcBlock/did-spaces/issues"
   },
   "exports": {
     ".": {
-      "import": "./es/index.js",
-      "require": "./lib/index.js"
+      "import": "./dist/es/index.js",
+      "require": "./dist/cjs/index.js"
     },
-    "./lib/hooks/*": {
-      "import": "./es/hooks/*.js",
-      "require": "./lib/hooks/*.js"
+    "./hooks/*": {
+      "import": "./dist/es/hooks/*.js",
+      "require": "./dist/cjs/hooks/*.js"
     },
-    "./lib/libs/*": {
-      "import": "./es/libs/*.js",
-      "require": "./lib/libs/*.js"
+    "./libs/*": {
+      "import": "./dist/es/libs/*.js",
+      "require": "./dist/cjs/libs/*.js"
     },
-    "./lib/components/auth-connect-to": {
-      "import": "./es/components/auth-connect-to/index.js",
-      "require": "./lib/components/auth-connect-to/index.js"
+    "./components/auth-connect-to": {
+      "import": "./dist/es/components/auth-connect-to/index.js",
+      "require": "./dist/cjs/components/auth-connect-to/index.js"
     },
-    "./lib/components/base-connect-to": {
-      "import": "./es/components/base-connect-to/index.js",
-      "require": "./lib/components/base-connect-to/index.js"
+    "./components/base-connect-to": {
+      "import": "./dist/es/components/base-connect-to/index.js",
+      "require": "./dist/cjs/components/base-connect-to/index.js"
     },
-    "./lib/components/preview-space-nft": {
-      "import": "./es/components/preview-space-nft/index.js",
-      "require": "./lib/components/preview-space-nft/index.js"
+    "./components/preview-space-nft": {
+      "import": "./dist/es/components/preview-space-nft/index.js",
+      "require": "./dist/cjs/components/preview-space-nft/index.js"
     },
-    "./lib/components/session-connect-to": {
-      "import": "./es/components/session-connect-to/index.js",
-      "require": "./lib/components/session-connect-to/index.js"
+    "./components/session-connect-to": {
+      "import": "./dist/es/components/session-connect-to/index.js",
+      "require": "./dist/cjs/components/session-connect-to/index.js"
     },
-    "./lib/components/space-card": {
-      "import": "./es/components/space-card/index.js",
-      "require": "./lib/components/space-card/index.js"
+    "./components/space-card": {
+      "import": "./dist/es/components/space-card/index.js",
+      "require": "./dist/cjs/components/space-card/index.js"
     },
-    "./lib/icons": {
-      "import": "./es/icons/index.js",
-      "require": "./lib/icons/index.js"
+    "./icons": {
+      "import": "./dist/es/icons/index.js",
+      "require": "./dist/cjs/icons/index.js"
     },
-    "./lib/locales": {
-      "import": "./es/locales/index.js",
-      "require": "./lib/locales/index.js"
+    "./locales": {
+      "import": "./dist/es/locales/index.js",
+      "require": "./dist/cjs/locales/index.js"
     },
-    "./lib/types": {
-      "import": "./es/types/index.js",
-      "require": "./lib/types/index.js"
+    "./types": {
+      "import": "./dist/es/types/index.js",
+      "require": "./dist/cjs/types/index.js"
     }
   },
   "dependencies": {
@@ -141,5 +145,5 @@
     "vite-plugin-node-polyfills": "^0.22.0",
     "vitest": "^2.1.4"
   },
-  "gitHead": "0a607ef667ccc6c8aad74ffd780afc95bf9e2ab4"
+  "gitHead": "af553c5e349d53fd87ac5368cc6c88bda69bd378"
 }

package/.turbo/turbo-build.log

@@ -1,69 +0,0 @@
-
-> @blocklet/did-space-react@0.5.59 build /home/runner/work/did-spaces/did-spaces/packages/react
-> unbuild && node tools/auto-exports.js && npm run cpfiles && node tools/build-types.js
-
-[info] Building did-space-react
-[info] Cleaning dist directory: `./lib`
-[success] Build succeeded for did-space-react
-[log]   dist/index.js (total size: 2.72 kB, chunk size: 2.72 kB, exports: AuthConnectTo, BaseConnectTo, EmptySpacesNFTIcon, GatewayAuth, PreviewSpaceNft, ReConnect, SessionConnectTo, SpaceCard, SpaceConnectErrorIcon, SpaceDisconnectedIcon, SpaceStatus, SpacesConnectedIcon, WalletAuth, api, classNames, decryptSpaceGateway, extraDIDSpacesCoreUrl, getDIDSpaceDidFromEndpoint, getDIDSpaceUrlFromEndpoint, getSpaceDidFromEndpoint, getSpaceDidFromGatewayUrl, getSpaceGatewayUrl, getSpaceGatewayUrlFromEndpoint, getSpaceNftDisplayUrlFromEndpoint, isValidSpaceGatewayUrl, translations, useLocale, useMobile, useSpaceInfo)
-  └─ dist/libs/api.js
-  └─ dist/hooks/use-mobile.js
-  └─ dist/hooks/use-space-info.js
-  └─ dist/hooks/use-locale.js
-  └─ dist/components/space-card/index.js
-  └─ dist/components/preview-space-nft/index.js
-  └─ dist/components/base-connect-to/index.js
-  └─ dist/components/auth-connect-to/index.js
-  └─ dist/components/session-connect-to/index.js
-  └─ dist/libs/util.js
-  └─ dist/libs/gateway.js
-  └─ dist/locales/index.js
-  └─ dist/types/index.js
-  └─ dist/icons/index.js
-  └─ dist/icons/empty-space-nft.svg.js
-  └─ dist/icons/space-connected.svg.js
-  └─ dist/icons/space-disconnect.svg.js
-  └─ dist/icons/space-connect-error.svg.js
-  └─ dist/components/auth-connect-to/base-auth.js
-  └─ dist/components/auth-connect-to/gateway-auth.js
-  └─ dist/components/session-connect-to/re-connect.js
-
-Σ Total dist size (byte size): 2.72 kB
-[log]
-[warn] Build is done with some warnings:
-
-- Potential missing package.json files: es/index.js, es/hooks, es/libs, es/components/auth-connect-to/index.js, es/components/base-connect-to/index.js, es/components/preview-space-nft/index.js, es/components/session-connect-to/index.js, es/components/space-card/index.js, es/icons/index.js, es/locales/index.js, es/types/index.js
-[info] Building did-space-react
-[info] Cleaning dist directory: `./es`
-[success] Build succeeded for did-space-react
-[log]   dist/index.js (total size: 1.63 kB, chunk size: 1.63 kB, exports: AuthConnectTo, BaseConnectTo, EmptySpacesNFTIcon, GatewayAuth, PreviewSpaceNft, ReConnect, SessionConnectTo, SpaceCard, SpaceConnectErrorIcon, SpaceDisconnectedIcon, SpaceStatus, SpacesConnectedIcon, WalletAuth, api, classNames, decryptSpaceGateway, extraDIDSpacesCoreUrl, getDIDSpaceDidFromEndpoint, getDIDSpaceUrlFromEndpoint, getSpaceDidFromEndpoint, getSpaceDidFromGatewayUrl, getSpaceGatewayUrl, getSpaceGatewayUrlFromEndpoint, getSpaceNftDisplayUrlFromEndpoint, isValidSpaceGatewayUrl, translations, useLocale, useMobile, useSpaceInfo)
-  └─ dist/libs/api.js
-  └─ dist/hooks/use-mobile.js
-  └─ dist/hooks/use-space-info.js
-  └─ dist/hooks/use-locale.js
-  └─ dist/components/space-card/index.js
-  └─ dist/components/preview-space-nft/index.js
-  └─ dist/components/base-connect-to/index.js
-  └─ dist/components/auth-connect-to/index.js
-  └─ dist/components/session-connect-to/index.js
-  └─ dist/libs/util.js
-  └─ dist/libs/gateway.js
-  └─ dist/locales/index.js
-  └─ dist/types/index.js
-  └─ dist/icons/index.js
-  └─ dist/icons/empty-space-nft.svg.js
-  └─ dist/icons/space-connected.svg.js
-  └─ dist/icons/space-disconnect.svg.js
-  └─ dist/icons/space-connect-error.svg.js
-  └─ dist/components/auth-connect-to/base-auth.js
-  └─ dist/components/auth-connect-to/gateway-auth.js
-  └─ dist/components/session-connect-to/re-connect.js
-
-Σ Total dist size (byte size): 1.63 kB
-[log]
-
-> @blocklet/did-space-react@0.5.59 cpfiles
-> copyfiles -u 1 './src/**/*.css' lib/ && copyfiles -u 1 './src/**/*.css' es/
-
-tsc --declaration --emitDeclarationOnly --outDir lib --rootDir /home/runner/work/did-spaces/did-spaces/packages/react/src
-tsc --declaration --emitDeclarationOnly --outDir es --rootDir /home/runner/work/did-spaces/did-spaces/packages/react/src

package/.turbo/turbo-lint$colon$fix.log

@@ -1,8 +0,0 @@
-
-> @blocklet/did-space-react@0.5.60 lint:fix /home/runner/work/did-spaces/did-spaces/packages/react
-> npm run lint -- --fix
-
-
-> @blocklet/did-space-react@0.5.60 lint
-> tsc --noEmit && eslint src tests --ext js --ext jsx --ext ts --ext tsx --fix
-

package/build.config.ts

@@ -1,47 +0,0 @@
-import { defineBuildConfig } from 'unbuild';
-import svgr from '@svgr/rollup';
-import type { BuildConfig } from 'unbuild';
-
-const createConfig = (format: 'cjs' | 'esm'): BuildConfig => ({
-  failOnWarn: false,
-  entries: [
-    {
-      builder: 'rollup',
-      input: './src/index',
-      outDir: format === 'cjs' ? './lib' : './es',
-    },
-  ],
-  clean: true,
-  externals: ['@abtnode/client'],
-  rollup: {
-    esbuild: {
-      jsx: 'automatic',
-    },
-    output: {
-      dir: format === 'cjs' ? './lib' : './es',
-      preserveModules: true,
-      preserveModulesRoot: 'src',
-      entryFileNames: '[name].js',
-      format,
-    },
-  },
-  hooks: {
-    'rollup:options'(_ctx, options) {
-      // @ts-ignore
-      options.plugins.push(
-        svgr({
-          svgoConfig: {
-            plugins: [
-              {
-                name: 'removeViewBox',
-                active: false,
-              },
-            ],
-          },
-        })
-      );
-    },
-  },
-});
-
-export default defineBuildConfig([createConfig('cjs'), createConfig('esm')]);

package/src/components/auth-connect-to/base-auth.tsx

@@ -1,64 +0,0 @@
-import { Typography } from '@mui/material';
-import DidConnect from '@arcblock/did-connect/lib/Connect';
-import { RELAY_SOCKET_PREFIX } from '@arcblock/ux/lib/Util/constant';
-import { joinURL } from 'ufo';
-import { createAxios } from '@blocklet/js-sdk';
-import useLocale from '../../hooks/use-locale';
-import { AUTHORIZE } from '../../libs/constants';
-import type { BaseAuthOptions } from '../../types';
-
-export interface BaseAuthProps extends BaseAuthOptions, Record<string, any> {
-  open: boolean;
-}
-
-export function BaseAuth({ open, extraParams, onSuccess, onClose, ...rest }: BaseAuthProps) {
-  const { t, locale } = useLocale();
-
-  const finalExtraParams = {
-    appPid: window.blocklet?.appPid,
-    appDid: window.blocklet?.appId,
-    appName: window.blocklet?.appName,
-    appDescription: window.blocklet?.appDescription,
-    appUrl: window.blocklet?.appUrl,
-    referrer: window.location.href,
-    scopes: AUTHORIZE.DEFAULT_SCOPE,
-    ...extraParams,
-  };
-
-  const {
-    action = 'connect-to-did-spaces',
-    prefix = '/api/did',
-    baseUrl = joinURL(window.location.origin, RELAY_SOCKET_PREFIX),
-    checkFn = createAxios({ baseURL: joinURL(window.location.origin, RELAY_SOCKET_PREFIX) }).get,
-    webWalletUrl = window.blocklet?.webWalletUrl,
-    checkTimeout = 1e3 * 300,
-    messages = {
-      title: t('storage.spaces.provideNFT.title', { appName: finalExtraParams.appName }),
-      scan: t('storage.spaces.provideNFT.scan', { appName: finalExtraParams.appName }),
-      confirm: '',
-      success: <Typography gutterBottom>{t('storage.spaces.provideNFT.success')}</Typography>,
-    },
-    ...restOptions
-  } = rest;
-
-  return (
-    <DidConnect
-      {...restOptions}
-      open={open}
-      action={action}
-      prefix={prefix}
-      baseUrl={baseUrl}
-      checkFn={checkFn}
-      webWalletUrl={webWalletUrl}
-      messages={messages}
-      checkTimeout={checkTimeout}
-      extraParams={finalExtraParams}
-      forceConnected={false}
-      saveConnect={false}
-      popup
-      locale={locale}
-      onSuccess={onSuccess}
-      onClose={onClose}
-    />
-  );
-}

package/src/components/auth-connect-to/gateway-auth.tsx

@@ -1,53 +0,0 @@
-import { joinURL } from 'ufo';
-import { createAxios } from '@blocklet/js-sdk';
-import { Typography } from '@mui/material';
-import useLocale from '../../hooks/use-locale';
-import type { GatewayAuthOptions } from '../../types';
-import { BaseAuth } from './base-auth';
-
-export interface GatewayAuthProps extends GatewayAuthOptions {
-  open: boolean;
-}
-
-export function GatewayAuth({
-  open,
-  spaceDid,
-  spaceGatewayUrl,
-  extraParams = {},
-  onSuccess,
-  onClose,
-}: GatewayAuthProps) {
-  const { t } = useLocale();
-
-  if (!spaceGatewayUrl || !spaceDid) {
-    return null;
-  }
-
-  const { appName = window.blocklet?.appName } = extraParams;
-  const prefix = joinURL(spaceGatewayUrl, 'space/api/did');
-  const baseUrl = new URL(spaceGatewayUrl).origin;
-  const checkFn = createAxios({ baseURL: joinURL(spaceGatewayUrl, 'space') }).get;
-  const messages = {
-    title: t('storage.spaces.authorize.title', { appName }),
-    scan: t('storage.spaces.authorize.scan', { appName }),
-    confirm: '',
-    success: <Typography gutterBottom>{t('storage.spaces.authorize.success')}</Typography>,
-  };
-
-  return (
-    <BaseAuth
-      open={open}
-      action="one-click-authorization"
-      prefix={prefix}
-      baseUrl={baseUrl}
-      checkFn={checkFn}
-      messages={messages}
-      extraParams={{
-        ...extraParams,
-        spaceDid,
-      }}
-      onSuccess={onSuccess}
-      onClose={onClose}
-    />
-  );
-}

package/src/components/auth-connect-to/index.tsx

@@ -1,71 +0,0 @@
-import { useState } from 'react';
-import { BaseConnectTo, type BaseConnectToProps } from '../base-connect-to';
-import { GatewayAuth, type GatewayAuthProps } from './gateway-auth';
-import { BaseAuth, type BaseAuthProps } from './base-auth';
-import { BaseAuthOptions } from '../../types';
-
-export interface Options extends BaseAuthOptions, Record<string, any> {}
-
-export interface AuthConnectToProps extends BaseConnectToProps {
-  options?: Options;
-  onSuccess?: (response: Record<string, string>, decrypt: Function) => Promise<void>;
-}
-
-/** Space 连接组件, 内置 Auth 验证流程 */
-export function AuthConnectTo({ options, onSuccess, ...rest }: AuthConnectToProps) {
-  const [walletOptions, setWalletOptions] = useState({
-    open: false,
-  });
-  const [gatewayOptions, setGatewayOptions] = useState({
-    open: false,
-    spaceDid: '',
-    spaceGatewayUrl: '',
-  });
-
-  const onWalletClick = () => setWalletOptions((pre) => ({ ...pre, open: true }));
-
-  const onGatewayConfirm = ({ spaceDid, spaceGatewayUrl }: { spaceDid: string; spaceGatewayUrl: string }) => {
-    setGatewayOptions((pre) => ({
-      ...pre,
-      open: true,
-      spaceDid,
-      spaceGatewayUrl,
-    }));
-  };
-
-  const handleSuccess = async (response: Record<string, string>, decrypt: Function) => {
-    await onSuccess?.(response, decrypt);
-    setWalletOptions((pre) => ({
-      ...pre,
-      open: false,
-    }));
-    setGatewayOptions((pre) => ({
-      ...pre,
-      open: false,
-    }));
-  };
-
-  return (
-    <>
-      <BaseConnectTo {...rest} onWalletClick={onWalletClick} onGatewayConfirm={onGatewayConfirm} />
-      <BaseAuth
-        {...options}
-        {...walletOptions}
-        onSuccess={handleSuccess}
-        onClose={() => setWalletOptions((pre) => ({ ...pre, open: false }))}
-      />
-      <GatewayAuth
-        {...options}
-        {...gatewayOptions}
-        onSuccess={handleSuccess}
-        onClose={() => setGatewayOptions((pre) => ({ ...pre, open: false }))}
-      />
-    </>
-  );
-}
-
-AuthConnectTo.WalletAuth = BaseAuth;
-AuthConnectTo.GatewayAuth = GatewayAuth;
-
-export { BaseAuth as WalletAuth, type BaseAuthProps as WalletAuthProps };
-export { GatewayAuth, type GatewayAuthProps };

package/src/components/base-connect-to/base-connect-to.stories.tsx

@@ -1,11 +0,0 @@
-import Basic from './stories/basic';
-
-export default {
-  title: 'Connect/BaseConnectTo',
-  parameters: {
-    layout: 'padded',
-  },
-  tags: ['autodocs'],
-};
-
-export { Basic };

package/src/components/base-connect-to/index.tsx

@@ -1,160 +0,0 @@
-import { useState } from 'react';
-import { isValid as isValidDid } from '@arcblock/did';
-import { CircularProgress, DialogContentText, Link, TextField, Tooltip, Typography } from '@mui/material';
-import HelpOutlineIcon from '@mui/icons-material/HelpOutline';
-import Button from '@arcblock/ux/lib/Button';
-import SplitButton, { SplitButtonProps } from '@arcblock/ux/lib/SplitButton';
-import Dialog from '@arcblock/ux/lib/Dialog';
-
-import { withQuery } from 'ufo';
-import { copyGatewayPageUrl } from '../../libs/constants';
-import { extraDIDSpacesCoreUrl, getSpaceDidFromGatewayUrl } from '../../libs/util';
-import { getSpaceGatewayUrl, isValidSpaceGatewayUrl } from '../../libs/gateway';
-import useLocale from '../../hooks/use-locale';
-
-export interface BaseConnectToProps extends Omit<SplitButtonProps, 'menu' | 'onClick'> {
-  onWalletClick?: () => void;
-  onGatewayConfirm?: (params: { spaceDid: string; spaceGatewayUrl: string }) => void;
-}
-
-/** 基础连接按钮组件，只负责前端 ux */
-export function BaseConnectTo({ style, onWalletClick, onGatewayConfirm, ...rest }: BaseConnectToProps) {
-  const { t, locale } = useLocale();
-  const [url, setUrl] = useState('');
-  const [loading, setLoading] = useState(false);
-  const [open, setOpen] = useState(false);
-  const [errorMessage, setErrorMessage] = useState('');
-
-  const onGatewayChange = async () => {
-    try {
-      setLoading(true);
-
-      const spaceGatewayUrl = await getSpaceGatewayUrl(url);
-      const didSpacesCoreUrl = extraDIDSpacesCoreUrl(spaceGatewayUrl);
-      const spaceDid = getSpaceDidFromGatewayUrl(url);
-
-      if (!isValidDid(spaceDid!) || !(await isValidSpaceGatewayUrl(didSpacesCoreUrl))) {
-        throw new Error(t('storage.spaces.gateway.add.invalidUrl'));
-      }
-
-      onGatewayConfirm?.({
-        spaceDid: spaceDid!,
-        spaceGatewayUrl: didSpacesCoreUrl,
-      });
-      setOpen(false);
-    } catch (err) {
-      console.error(err);
-      setErrorMessage((err as Error).message);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const onGatewayClick = () => {
-    setErrorMessage('');
-    setUrl('');
-    setOpen(true);
-  };
-
-  return (
-    <>
-      <SplitButton
-        menu={[
-          // @ts-expect-error
-          <SplitButton.Item
-            sx={{
-              textTransform: 'none',
-            }}
-            key="1"
-            size="small"
-            onClick={onGatewayClick}
-          >
-            {t('storage.spaces.connect.useSpaceGateway')}
-          </SplitButton.Item>,
-        ]}
-        color="primary"
-        // @ts-expect-error
-        style={{ textTransform: 'none !important', fontSize: '1rem', ...style }}
-        size="small"
-        {...rest}
-        onClick={onWalletClick}
-      >
-        <Typography sx={{ fontWeight: 'bold', textTransform: 'none' }}>
-          {t('storage.spaces.connect.useWallet')}
-        </Typography>
-      </SplitButton>
-      <Dialog
-        title={t('storage.spaces.gateway.add.title')}
-        fullWidth
-        maxWidth="md"
-        open={open}
-        onClose={() => setOpen(false)}
-        PaperProps={{ style: { minHeight: 'auto' } }}
-        actions={
-          <>
-            <Button
-              variant="outlined"
-              onClick={(e) => {
-                e.stopPropagation();
-                setOpen(false);
-              }}
-              color="inherit"
-            >
-              {t('common.cancel')}
-            </Button>
-            <Button onClick={onGatewayChange} color="primary" disabled={loading || !url} variant="contained" autoFocus>
-              {loading && <CircularProgress size={16} />}
-              {t('common.confirm')}
-            </Button>
-          </>
-        }
-      >
-        <div style={{ paddingTop: 12, overflowY: 'hidden' }}>
-          <DialogContentText component="div">
-            <Typography component="div">
-              <TextField
-                label={t('storage.spaces.gateway.add.label')}
-                autoComplete="off"
-                variant="outlined"
-                name="url"
-                fullWidth
-                value={url}
-                onChange={(e) => {
-                  setErrorMessage('');
-                  setUrl(e.target.value);
-                }}
-                disabled={loading}
-                error={Boolean(errorMessage)}
-                helperText={errorMessage}
-                onKeyDown={async (e) => {
-                  if (e.key === 'Enter') {
-                    await onGatewayChange();
-                  }
-                }}
-                autoFocus
-                InputProps={{
-                  endAdornment: (
-                    <Tooltip title={t('storage.spaces.connect.howToGetGatewayUrl')} placement="top">
-                      {/* 打开如何复制网关地址 */}
-                      <Link href={withQuery(copyGatewayPageUrl, { locale })} target="_blank">
-                        <HelpOutlineIcon
-                          sx={{
-                            ml: 0.5,
-                            color: 'text.secondary',
-                            cursor: 'pointer',
-                            fontSize: '18px',
-                            verticalAlign: '-2px',
-                          }}
-                        />
-                      </Link>
-                    </Tooltip>
-                  ),
-                }}
-              />
-            </Typography>
-          </DialogContentText>
-        </div>
-      </Dialog>
-    </>
-  );
-}