@abtnode/ux 1.16.27-beta-595ed831 → 1.16.27-beta-74c4e335

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

@@ -1,4 +1,4 @@
-import { useState, useEffect, lazy, useRef, useCallback, useMemo } from 'react';
+import { useState, useEffect, lazy, useRef, useCallback, useMemo, Suspense } from 'react';
 import { Link, useNavigate, useParams } from 'react-router-dom';
 import styled from '@emotion/styled';
 import PropTypes from 'prop-types';
@@ -553,6 +553,7 @@ export default function CreateRelease({
       app: blocklet,
       readOnly: readOnly,
       component: resourceItem,
+      componentDid: componentDid,
       initUrl: initUrl,
       projectId: projectId === UNOWNED_DID ? '' : projectId,
       releaseUsedLast: releaseUsedLast,
@@ -974,55 +975,61 @@ export default function CreateRelease({
               })]
             })]
           })]
-        }), /*#__PURE__*/_jsx(UploaderComponent, {
-          ref: uploaderLogoRef,
-          popup: true,
-          onUploadFinish: result => {
-            setParams({
-              blockletLogo: result.data.filename
-            });
-            setInitLogoUrl('');
-            uploaderLogoRef.current.close();
-          },
-          plugins: ['ImageEditor'],
-          installerProps: {
-            disabled: true
-          },
-          apiPathProps: {
-            uploader: uploadLogoPrefix,
-            disableMediaKitPrefix: true
-          },
-          coreProps: {
-            restrictions: {
-              allowedFileTypes,
-              maxFileSize,
-              maxNumberOfFiles: 1
+        }), /*#__PURE__*/_jsx(Suspense, {
+          fallback: /*#__PURE__*/_jsx(EmptySpinner, {}),
+          children: /*#__PURE__*/_jsx(UploaderComponent, {
+            ref: uploaderLogoRef,
+            popup: true,
+            onUploadFinish: result => {
+              setParams({
+                blockletLogo: result.data.filename
+              });
+              setInitLogoUrl('');
+              uploaderLogoRef.current.close();
+            },
+            plugins: ['ImageEditor'],
+            installerProps: {
+              disabled: true
+            },
+            apiPathProps: {
+              uploader: uploadLogoPrefix,
+              disableMediaKitPrefix: true
+            },
+            coreProps: {
+              restrictions: {
+                allowedFileTypes,
+                maxFileSize,
+                maxNumberOfFiles: 1
+              }
             }
-          }
-        }, "uploader-logo"), /*#__PURE__*/_jsx(UploaderComponent, {
-          ref: uploaderScreenshotRef,
-          popup: true,
-          onUploadFinish: result => {
-            const blockletScreenshots = params.blockletScreenshots || [];
-            blockletScreenshots.push(result.data?.filename);
-            setParams({
-              blockletScreenshots
-            });
-            uploaderScreenshotRef.current.close();
-          },
-          plugins: ['ImageEditor'],
-          apiPathProps: {
-            uploader: uploadScreenshotPrefix,
-            disableMediaKitPrefix: true
-          },
-          coreProps: {
-            restrictions: {
-              allowedFileTypes,
-              maxFileSize,
-              maxNumberOfFiles: 5 - screenshotUrls.length
+          }, "uploader-logo")
+        }), /*#__PURE__*/_jsx(Suspense, {
+          fallback: /*#__PURE__*/_jsx(EmptySpinner, {}),
+          children: /*#__PURE__*/_jsx(UploaderComponent, {
+            ref: uploaderScreenshotRef,
+            popup: true,
+            onUploadFinish: result => {
+              const blockletScreenshots = params.blockletScreenshots || [];
+              blockletScreenshots.push(result.data?.filename);
+              setParams({
+                blockletScreenshots
+              });
+              uploaderScreenshotRef.current.close();
+            },
+            plugins: ['ImageEditor'],
+            apiPathProps: {
+              uploader: uploadScreenshotPrefix,
+              disableMediaKitPrefix: true
+            },
+            coreProps: {
+              restrictions: {
+                allowedFileTypes,
+                maxFileSize,
+                maxNumberOfFiles: 5 - screenshotUrls.length
+              }
             }
-          }
-        }, "uploader-screenshot")]
+          }, "uploader-screenshot")
+        })]
       }), /*#__PURE__*/_jsxs(Box, {
         display: "flex",
         mt: 3,

package/lib/blocklet/publish/resource.js

@@ -8,6 +8,7 @@ import Box from '@mui/material/Box';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Toast from '@arcblock/ux/lib/Toast';
 import pAll from 'p-all';
+import hasStartEngine from '@blocklet/meta/lib/has-start-engine';
 import Tree from './tree';
 import { useNodeContext } from '../../contexts/node';
 import { axios } from '../../util/api';
@@ -95,6 +96,7 @@ export default function Resource({
   error,
   saveSelectedEventsRef,
   readOnly,
+  componentDid,
   initialResources = {},
   setResourceComponentsMap,
   initUrl
@@ -148,18 +150,20 @@ export default function Resource({
     if (releaseId && projectId && !loadedDataRef.current) {
       pAll(app.children.map(child => {
         return async () => {
-          if (!child) {
+          // If it is under a certain tenant, only the data of the current tenant is requested
+          if (componentDid && componentDid !== child.meta.did) {
+            return;
+          }
+          // If the component does not have a mount point or does not start the engine, the resource is not requested
+          if (!child?.mountPoint || !hasStartEngine(child?.meta)) {
             return;
           }
-          let tree;
           try {
-            if (child.mountPoint) {
-              const res = await axios.get(parseUrl(child, projectId, releaseId, locale, initUrl));
-              tree = fillParent(res?.data?.resources || []);
-              setResources({
-                [child?.meta.did]: tree
-              });
-            }
+            const resTree = await axios.get(parseUrl(child, projectId, releaseId, locale, initUrl));
+            const tree = fillParent(resTree?.data?.resources || []);
+            setResources({
+              [child?.meta.did]: tree
+            });
             const res = await api.getSelectedResources({
               input: {
                 did: app.meta.did,
@@ -197,7 +201,7 @@ export default function Resource({
     if (initialResources && Object.keys(initialResources).length) {
       app.children.forEach(child => {
         const list = initialResources[child.meta.did];
-        if (list) {
+        if (list?.length) {
           setSelectedResourceIds({
             [child.meta.did]: list
           });
@@ -252,7 +256,8 @@ Resource.propTypes = {
   }),
   initialResources: PropTypes.object,
   initUrl: PropTypes.object,
-  setResourceComponentsMap: PropTypes.func
+  setResourceComponentsMap: PropTypes.func,
+  componentDid: PropTypes.string
 };
 Resource.defaultProps = {
   error: '',
@@ -262,7 +267,8 @@ Resource.defaultProps = {
   },
   initUrl: null,
   initialResources: {},
-  setResourceComponentsMap: () => {}
+  setResourceComponentsMap: () => {},
+  componentDid: ''
 };
 const Container = styled(Box)`
   border: 1px solid #ccc;

package/lib/blocklet/publish/tree.js

@@ -112,48 +112,55 @@ export default function Tree({
     event.stopPropagation();
   };
   const hadChildren = data.some(node => node.children?.length > 0);
-  const renderTree = node => /*#__PURE__*/_jsx(TreeItem, {
-    nodeId: node.id,
-    label: /*#__PURE__*/_jsx(FormControlLabel, {
-      onClick: stopExpand,
-      control: /*#__PURE__*/_jsx(Checkbox, {
-        size: "small",
-        checked: selectedNodes.indexOf(node.id) !== -1,
-        tabIndex: -1,
-        disableRipple: true,
-        onClick: event => handleNodeSelect(event, node.id),
-        disabled: disabled
-      }),
-      label: /*#__PURE__*/_jsxs(Box, {
-        className: "content",
-        children: [/*#__PURE__*/_jsxs(Box, {
-          display: "flex",
-          alignItems: "center",
-          children: [node.icon && /*#__PURE__*/_jsx(ResourceIcon, {
-            icon: node.icon
-          }), /*#__PURE__*/_jsx(Box, {
-            className: "name",
-            children: node.name
-          }), node.url && /*#__PURE__*/_jsx("a", {
-            href: node.url,
-            target: "_blank",
-            rel: "noreferrer",
-            className: "link",
-            children: /*#__PURE__*/_jsx(OpenInNewIcon, {
-              className: "link-icon"
-            })
+  const renderTree = node => {
+    const checked = selectedNodes.indexOf(node.id) !== -1;
+    const hasChildren = Array.isArray(node.children);
+    const allChild = getAllChild(node.id);
+    const indeterminate = hasChildren && !checked && selectedNodes.some(id => allChild.includes(id));
+    return /*#__PURE__*/_jsx(TreeItem, {
+      nodeId: node.id,
+      label: /*#__PURE__*/_jsx(FormControlLabel, {
+        onClick: stopExpand,
+        control: /*#__PURE__*/_jsx(Checkbox, {
+          size: "small",
+          checked: checked,
+          indeterminate: indeterminate,
+          tabIndex: -1,
+          disableRipple: true,
+          onClick: event => handleNodeSelect(event, node.id),
+          disabled: disabled
+        }),
+        label: /*#__PURE__*/_jsxs(Box, {
+          className: "content",
+          children: [/*#__PURE__*/_jsxs(Box, {
+            display: "flex",
+            alignItems: "center",
+            children: [node.icon && /*#__PURE__*/_jsx(ResourceIcon, {
+              icon: node.icon
+            }), /*#__PURE__*/_jsx(Box, {
+              className: "name",
+              children: node.name
+            }), node.url && /*#__PURE__*/_jsx("a", {
+              href: node.url,
+              target: "_blank",
+              rel: "noreferrer",
+              className: "link",
+              children: /*#__PURE__*/_jsx(OpenInNewIcon, {
+                className: "link-icon"
+              })
+            })]
+          }), !!node.description && /*#__PURE__*/_jsx(Box, {
+            className: "description",
+            children: node.description
+          }), !!node.images?.length && /*#__PURE__*/_jsx(Images, {
+            className: "images",
+            data: node.images
           })]
-        }), !!node.description && /*#__PURE__*/_jsx(Box, {
-          className: "description",
-          children: node.description
-        }), !!node.images?.length && /*#__PURE__*/_jsx(Images, {
-          className: "images",
-          data: node.images
-        })]
-      })
-    }),
-    children: Array.isArray(node.children) ? node.children.map(renderTree) : null
-  }, node.id);
+        })
+      }),
+      children: hasChildren ? node.children.map(renderTree) : null
+    }, node.id);
+  };
   return /*#__PURE__*/_jsx(StyledTreeView, {
     className: classnames(!hadChildren && 'no-children'),
     multiSelect: true,

package/lib/blocklet/router/action/add-domain-alias.js

@@ -141,6 +141,8 @@ function AddDomainAliasComponent({
       params: state.confirmSetting.params,
       onConfirm: state.confirmSetting.onConfirm,
       onCancel: state.confirmSetting.onCancel,
+      showConfirm: false,
+      showCancel: true,
       displayError: false,
       color: "primary",
       loading: state.loading,

package/lib/blocklet/router/add-domain.js

@@ -1,28 +1,30 @@
 import { getDidDomainServiceURL } from '@abtnode/util/lib/did-domain';
 import Connect from '@arcblock/did-connect/lib/Connect';
-import Button from '@arcblock/ux/lib/Button';
 import Center from '@arcblock/ux/lib/Center';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Toast from '@arcblock/ux/lib/Toast';
+import useMobile from '@blocklet/ui-react/lib/hooks/use-mobile';
 import IconInfo from '@mui/icons-material/InfoOutlined';
 import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+import LoadingButton from '@mui/lab/LoadingButton';
 import Box from '@mui/material/Box';
+import CircularProgress from '@mui/material/CircularProgress';
 import Link from '@mui/material/Link';
 import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
 import useTheme from '@mui/material/styles/useTheme';
 import noop from 'lodash/noop';
 import trim from 'lodash/trim';
 import PropTypes from 'prop-types';
-import useSetState from 'react-use/lib/useSetState';
 import useAsync from 'react-use/lib/useAsync';
-import { CircularProgress } from '@mui/material';
+import useSetState from 'react-use/lib/useSetState';
 import { useDomainContext } from '../../contexts/domain';
 import { useNodeContext } from '../../contexts/node';
 import { sleep, validateDomain } from '../../util';
 import { axios } from '../../util/api';
 import DNSTip from './dns-tip';
 import { parseDomainFromURL } from './util';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function AddDomain({
   siteId,
   teamDid,
@@ -47,7 +49,11 @@ export default function AddDomain({
   } = useNodeContext();
   const domainContext = useDomainContext();
   const theme = useTheme();
+  const isMobile = useMobile({
+    key: 'sm'
+  });
   const [state, setState] = useSetState({
+    loading: false,
     domain: defaultCustomDomain,
     error: null,
     type: info?.nftDomainUrl ? 'nftDomain' : 'inputDomain',
@@ -73,6 +79,7 @@ export default function AddDomain({
       })
     });
   }
+  const nftDomainService = nftDomainURLState.value;
   const handleAuthSuccess = async ({
     domain,
     nftDid,
@@ -93,7 +100,6 @@ export default function AddDomain({
       });
       await sleep(2000);
       setState({
-        confirmSetting: null,
         showNFTDomainAuth: false,
         type: 'nftDomain'
       });
@@ -111,14 +117,85 @@ export default function AddDomain({
       });
     }
   };
+  const handleAdd = async () => {
+    try {
+      setState({
+        loading: true
+      });
+      const domain = parseDomainFromURL(state.domain);
+      if (info.nftDomainUrl && nftDomainService) {
+        const result = await api.isDidDomain({
+          input: {
+            domain
+          }
+        });
+        if (result.value === true) {
+          setState({
+            showNFTDomainAuth: true
+          });
+          return;
+        }
+      }
+      await api.addDomainAlias({
+        input: {
+          id: siteId,
+          domainAlias: domain,
+          teamDid
+        }
+      });
+      await sleep(2000);
+      setState({
+        loading: false
+      });
+      onSuccess({
+        domain,
+        type: state.type
+      });
+    } catch (error) {
+      domainContext.setError(error.message);
+      setState({
+        loading: false
+      });
+    }
+  };
   const error = domainContext.error || state.error; // TODO: state error 可能不需要了
 
-  const nftDomainService = nftDomainURLState.value;
   const domainTypes = {
     inputDomain: {
       name: t('router.domainAlias.inputDomain'),
-      component: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(TextField, {
+      component: /*#__PURE__*/_jsxs(Box, {
+        sx: {
+          display: 'flex',
+          flexDirection: 'column',
+          gap: '8px'
+        },
+        children: [info.nftDomainUrl && nftDomainService && /*#__PURE__*/_jsxs(Box, {
+          sx: {
+            maxWidth: '640px',
+            color: theme.palette.text.primary
+          },
+          children: [/*#__PURE__*/_jsx(Typography, {
+            children: t('router.domainAlias.addDomainNFT.tips')
+          }), /*#__PURE__*/_jsxs(Typography, {
+            component: "div",
+            children: [t('router.domainAlias.addDomainNFT.buyTip'), /*#__PURE__*/_jsxs(Link, {
+              href: nftDomainService.base,
+              sx: {
+                display: 'inline-flex',
+                alignItems: 'center'
+              },
+              target: "_blank",
+              children: [/*#__PURE__*/_jsx("i", {
+                children: t('router.domainAlias.addDomainNFT.buy')
+              }), /*#__PURE__*/_jsx(OpenInNewIcon, {
+                fontSize: "small"
+              })]
+            })]
+          })]
+        }), /*#__PURE__*/_jsx(TextField, {
+          sx: {
+            display: 'block'
+          },
           label: t('router.domainAlias.add.domainDescription'),
           helperText: state.type === 'inputDomain' && error || t('router.domainAlias.add.helperText'),
           inputProps: {
@@ -154,6 +231,20 @@ export default function AddDomain({
               domainContext.setError(null);
             }
           }
+        }), /*#__PURE__*/_jsx(Box, {
+          sx: {
+            width: '100%',
+            display: 'flex',
+            justifyContent: 'flex-end'
+          },
+          children: /*#__PURE__*/_jsx(LoadingButton, {
+            "data-cy": "confirm-add-domain",
+            fullWidth: isMobile,
+            variant: "contained",
+            loading: state.loading,
+            onClick: handleAdd,
+            children: t('common.add')
+          })
         }), /*#__PURE__*/_jsxs(Box, {
           sx: {
             cursor: 'pointer',
@@ -161,7 +252,6 @@ export default function AddDomain({
             display: 'flex',
             alignItems: 'center',
             gap: '4px',
-            marginTop: '8px',
             lineHeight: 1,
             color: theme.palette.primary.main
           },
@@ -181,73 +271,6 @@ export default function AddDomain({
       })
     }
   };
-  if (info?.nftDomainUrl && nftDomainService) {
-    domainTypes.nftDomain = {
-      name: t('router.domainAlias.nftDomain'),
-      component: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsxs(Box, {
-          sx: {
-            maxWidth: '640px',
-            color: 'text.secondary',
-            fontSize: '14px'
-          },
-          children: [/*#__PURE__*/_jsx("div", {
-            children: t('router.domainAlias.addDomainNFT.tips')
-          }), /*#__PURE__*/_jsxs("div", {
-            children: [t('router.domainAlias.addDomainNFT.buyTip'), /*#__PURE__*/_jsxs(Link, {
-              href: nftDomainService.base,
-              sx: {
-                fontSize: '14px',
-                display: 'inline-flex',
-                alignItems: 'center'
-              },
-              target: "_blank",
-              children: [/*#__PURE__*/_jsx("i", {
-                children: t('router.domainAlias.addDomainNFT.buy')
-              }), /*#__PURE__*/_jsx(OpenInNewIcon, {
-                fontSize: "small"
-              })]
-            })]
-          })]
-        }), /*#__PURE__*/_jsx(Button, {
-          sx: {
-            marginTop: '8px'
-          },
-          disabled: disabled,
-          onClick: () => setState({
-            showNFTDomainAuth: true
-          }),
-          variant: "contained",
-          children: t('router.domainAlias.addDomainNFT.showNFT')
-        }), /*#__PURE__*/_jsx(Connect, {
-          open: state.showNFTDomainAuth,
-          popup: true,
-          useSocket: false,
-          action: "authorize",
-          baseUrl: nftDomainService.api,
-          checkFn: axios.create({
-            baseURL: nftDomainService.api
-          }).get,
-          extraParams: {
-            delegatee: appId,
-            delegateePk: appPk
-          },
-          onSuccess: handleAuthSuccess,
-          onClose: () => setState({
-            showNFTDomainAuth: false
-          }),
-          checkTimeout: 60 * 5000,
-          showDownload: false,
-          messages: {
-            title: t('router.domainAlias.addDomainNFT.connect.title'),
-            scan: t('router.domainAlias.addDomainNFT.connect.scan'),
-            confirm: t('router.domainAlias.addDomainNFT.connect.confirm'),
-            success: t('router.domainAlias.addDomainNFT.connect.success')
-          }
-        })]
-      })
-    };
-  }
   const inputDomainTypes = Object.keys(domainTypes);
   inputDomainTypes.sort(x => {
     // 优先展示 nft domain
@@ -258,14 +281,14 @@ export default function AddDomain({
   });
   return /*#__PURE__*/_jsx(Box, {
     ...props,
-    children: /*#__PURE__*/_jsx(Box, {
+    children: /*#__PURE__*/_jsxs(Box, {
       sx: {
         display: 'flex',
         flexDirection: 'column',
         justifyContent: 'flex-start',
         gap: '1em'
       },
-      children: inputDomainTypes.map((type, index) => /*#__PURE__*/_jsxs(Box, {
+      children: [inputDomainTypes.map((type, index) => /*#__PURE__*/_jsxs(Box, {
         children: [inputDomainTypes.length > 1 && /*#__PURE__*/_jsx(Box, {
           sx: {
             fontWeight: 700,
@@ -278,7 +301,34 @@ export default function AddDomain({
           },
           children: domainTypes[type]?.component
         })]
-      }, type))
+      }, type)), /*#__PURE__*/_jsx(Connect, {
+        open: state.showNFTDomainAuth,
+        popup: true,
+        useSocket: false,
+        action: "authorize",
+        baseUrl: nftDomainService.api,
+        checkFn: axios.create({
+          baseURL: nftDomainService.api
+        }).get,
+        extraParams: {
+          delegatee: appId,
+          delegateePk: appPk,
+          domain: state.domain
+        },
+        onSuccess: handleAuthSuccess,
+        onClose: () => setState({
+          showNFTDomainAuth: false,
+          loading: false
+        }),
+        checkTimeout: 60 * 5000,
+        showDownload: false,
+        messages: {
+          title: t('router.domainAlias.addDomainNFT.connect.title'),
+          scan: t('router.domainAlias.addDomainNFT.connect.scan'),
+          confirm: t('router.domainAlias.addDomainNFT.connect.confirm'),
+          success: t('router.domainAlias.addDomainNFT.connect.success')
+        }
+      })]
     })
   });
 }

package/lib/confirm.js

@@ -19,6 +19,7 @@ export default function ConfirmDialog({
   title,
   description,
   showCancel,
+  showConfirm,
   cancel,
   confirm,
   color,
@@ -104,7 +105,7 @@ export default function ConfirmDialog({
         color: "inherit",
         "data-cy": "cancel-confirm-dialog",
         children: cancel || changeLocale('common.cancel')
-      }), /*#__PURE__*/_jsxs(Button, {
+      }), showConfirm && /*#__PURE__*/_jsxs(Button, {
         onClick: e => {
           e.stopPropagation();
           onCallback(onConfirm);
@@ -131,6 +132,7 @@ ConfirmDialog.propTypes = {
   description: PropTypes.any.isRequired,
   // can be a function that renders different content based on params
   showCancel: PropTypes.bool,
+  showConfirm: PropTypes.bool,
   cancel: PropTypes.string,
   color: PropTypes.string,
   confirm: PropTypes.string,
@@ -146,6 +148,7 @@ ConfirmDialog.defaultProps = {
   children: undefined,
   onCancel: () => {},
   showCancel: true,
+  showConfirm: true,
   cancel: '',
   confirm: 'Confirm',
   color: 'error',

package/lib/locales/ar.js

@@ -1048,14 +1048,14 @@ export default {
       },
       addDomainNFT: {
         showNFT: 'ضبط النطاق تلقائيًا',
-        tips: 'سيقوم نطاق DID بحل اسم النطاق تلقائيًا، ولا حاجة لتكوينه يدويًا، وسيقوم التطبيق بتحديث سجل القرار لاسم النطاق تلقائيًا عند الحاجة.',
+        tips: 'يمكنك إدخال نطاق تم شراؤه من DID Domain. في حالة اكتشاف نطاق DID، يجب عليك تقديم نطاق DID NFT للاستمرار.',
         connect: {
           title: 'يرجى عرض مجال NFT الخاص بك',
           scan: 'يرجى مسح الرمز الاستجابة السريعة التالي باستخدام محفظة DID الخاصة بك للسماح لـ blocklet باستخدام نطاقك.',
           confirm: 'يرجى التأكيد على محفظتك المعرّفة',
           success: 'تم التفويض بنجاح'
         },
-        buyTip: 'إذا كان لديك نطاق DID Domain NFT بعد ،',
+        buyTip: 'سيقوم تطبيق DID Domain بإجراء حل اسم النطاق تلقائيًا، ولا داعي لتكوينه يدويًا، كما سيقوم التطبيق بتحديث سجل الحل الخاص باسم النطاق تلقائيًا عند الحاجة. في حال لم يكن لديك تطبيق DID Domain NFT حتى الآن،',
         buy: 'اشترِه الآن!'
       },
       delete: {

package/lib/locales/de.js

@@ -1048,14 +1048,14 @@ export default {
       },
       addDomainNFT: {
         showNFT: 'Konfiguriere die Domain automatisch',
-        tips: 'DID-Domain löst den Domainnamen automatisch auf, es ist keine manuelle Konfiguration erforderlich, und die Anwendung aktualisiert den Auflösungsdatensatz des Domainnamens automatisch, wenn nötig.',
+        tips: 'Sie können eine über DID Domain erworbene Domäne eingeben. Wenn eine DID Domain erkannt wird, müssen Sie die DID Domain NFT vorlegen, um fortzufahren.',
         connect: {
           title: 'Bitte zeigen Sie Ihr Domain-NFT',
           scan: 'Scannen Sie den folgenden QR-Code mit Ihrer DID Wallet, um blocklet zu autorisieren, Ihre Domain zu verwenden.',
           confirm: 'Bitte bestätigen Sie in Ihrem DID Wallet',
           success: 'Autorisierung erfolgreich'
         },
-        buyTip: 'Wenn Sie noch keine DID-Domain-NFT haben,',
+        buyTip: 'DID Domain übernimmt die Auflösung des Domänennamens automatisch. Sie müssen ihn nicht manuell konfigurieren, und die Anwendung aktualisiert den Auflösungsdatensatz des Domänennamens bei Bedarf automatisch. Wenn Sie noch keine DID Domain NFT haben,',
         buy: 'Jetzt kaufen!'
       },
       delete: {

package/lib/locales/en.js

@@ -1039,14 +1039,14 @@ export default {
       },
       addDomainNFT: {
         showNFT: 'Configure domain automatically',
-        tips: 'DID Domain will do the domain name resolution automatically, no need to configure it manually, and the application will update the resolution record of the domain name automatically when needed.',
+        tips: 'You can enter a domain purchased from DID Domain. If a DID Domain is detected, you must present the DID Domain NFT to continue.',
         connect: {
           title: 'Please show your Domain NFT',
           scan: 'Scan following QR code with DID Wallet to authorize to blocklet to use your domain',
           confirm: 'Confirm on your DID Wallet',
           success: 'Authorization Successfully'
         },
-        buyTip: "If your don't have DID Domain NFT yet, ",
+        buyTip: "DID Domain will do the domain name resolution automatically, no need to configure it manually, and the application will update the resolution record of the domain name automatically when needed. If your don't have DID Domain NFT yet, ",
         buy: 'buy it now!'
       },
       delete: {

package/lib/locales/es.js

@@ -1048,14 +1048,14 @@ export default {
       },
       addDomainNFT: {
         showNFT: 'Configurar dominio automáticamente',
-        tips: 'El dominio DID realizará la resolución del nombre de dominio automáticamente, no es necesario configurarlo manualmente, y la aplicación actualizará automáticamente el registro de resolución del nombre de dominio cuando sea necesario.',
+        tips: 'Puedes ingresar a un dominio comprado del DID Domain. Si se detecta un DID Domain, debes presentar el NFT DID Domain para continuar.',
         connect: {
           title: 'Por favor muestra tu NFT de dominio',
           scan: 'Escanee el siguiente código QR con DID Wallet para autorizar a Blocklet a usar su dominio',
           confirm: 'Confirma en tu billetera de DID',
           success: 'Autorización Exitosa'
         },
-        buyTip: 'Si aún no tienes un Dominio NFT DID, ',
+        buyTip: 'El dominio DID hará la resolución del nombre del dominio automáticamente, sin necesidad de configurarlo manualmente, y la aplicación actualizará el registro de resolución del nombre de dominio automáticamente cuando sea necesario. Si todavía no tienes NFT de dominio DID,',
         buy: '¡Cómpralo ahora!'
       },
       delete: {

package/lib/locales/fr.js

@@ -1048,14 +1048,14 @@ export default {
       },
       addDomainNFT: {
         showNFT: 'Configurer le domaine automatiquement',
-        tips: "Le domaine DID effectuera automatiquement la résolution du nom de domaine, il n'est pas nécessaire de le configurer manuellement, et l'application mettra à jour automatiquement l'enregistrement de résolution du nom de domaine lorsque nécessaire.",
+        tips: 'Vous pouvez saisir un domaine acheté auprès de DID Domain. Si un domaine DID est détecté, vous devez présenter le domaine DID NFT pour continuer.',
         connect: {
           title: 'Veuillez montrer votre Domaine NFT',
           scan: 'Veuillez numériser le code QR suivant avec votre DID Wallet pour autoriser le blocklet à utiliser votre domaine.',
           confirm: 'Veuillez confirmer sur votre portefeuille DID',
           success: 'Autorisation réussie'
         },
-        buyTip: "Si vous n'avez pas encore de DID Domain NFT,",
+        buyTip: "DID Domain effectuera la résolution du nom de domaine automatiquement, pas besoin de le configurer manuellement, et l'application mettra à jour l'enregistrement de résolution du nom de domaine automatiquement en cas de besoin. Si vous n'avez pas encore de NFT DID Domain,",
         buy: 'Achetez-le maintenant !'
       },
       delete: {

package/lib/locales/hi.js

@@ -1048,14 +1048,14 @@ export default {
       },
       addDomainNFT: {
         showNFT: 'डोमेन को स्वचालित रूप से समाकृत करें',
-        tips: 'DID डोमेन स्वचालित रूप से डोमेन नाम का समाधान करेगा, कोई योग्यता की आवश्यकता नहीं है, और जब जरूरत होती है तो एप्लिकेशन डोमेन नाम के समाधान रिकॉर्ड को स्वचालित रूप से अपडेट करेगा।',
+        tips: 'आप DID Domain से खरीदी गई डोमेन दर्ज कर सकते हैं। यदि कोई DID डोमेन पहचाना जाता है, तो आपको जारी रखने के लिए DID डोमेन NFT प्रस्तुत करना होगा।',
         connect: {
           title: 'कृपया अपने डोमेन NFT दिखाएं',
           scan: 'अपने डोमेन का उपयोग करने के लिए ब्लॉकलेट को अधिकृत करने के लिए DID वॉलेट के साथ निम्नलिखित QR कोड स्कैन करें।',
           confirm: 'अपने डीआईडी वॉलेट पर पुष्टि करें',
           success: 'प्राधिकरण सफलतापूर्वक'
         },
-        buyTip: 'यदि आपके पास अभी तक DID डोमेन NFT नहीं है,',
+        buyTip: 'DID डोमेन डोमेन नाम रिज़ॉल्यूशन अपने आप करेगा, इसे मैन्युअली कॉन्फ़िगर करने की कोई ज़रूरत नहीं है, और एप्लीकेशन ज़रूरत पड़ने पर डोमेन नाम का रिज़ॉल्यूशन रिकॉर्ड खुद ही अपडेट कर देगा। यदि आपके पास अभी तक DID डोमेन NFT नहीं है,',
         buy: 'अभी खरीदें!'
       },
       delete: {

package/lib/locales/id.js

@@ -1048,14 +1048,14 @@ export default {
       },
       addDomainNFT: {
         showNFT: 'Konfigurasi domain secara otomatis',
-        tips: 'DID Domain akan melakukan resolusi nama domain secara otomatis, tidak perlu mengonfigurasinya secara manual, dan aplikasi akan memperbarui catatan resolusi nama domain secara otomatis ketika diperlukan.',
+        tips: 'Anda dapat memasukkan domain yang dibeli dari DID Domain. Jika DID Domain terdeteksi, Anda harus menunjukkan NFT DID Domain untuk melanjutkan.',
         connect: {
           title: 'Tolong tunjukkan NFT Domain Anda',
           scan: 'Pindai kode QR berikut menggunakan Dompet DID untuk mengizinkan Blocklet menggunakan domain Anda',
           confirm: 'Konfirmasi di Dompet Anda DID',
           success: 'Otorisasi Berhasil'
         },
-        buyTip: 'Jika Anda belum memiliki NFT Domain DID',
+        buyTip: 'DID Domain akan melakukan resolusi nama domain secara otomatis, tidak perlu dikonfigurasikan secara manual, dan aplikasi akan memperbarui catatan resolusi nama domain secara otomatis saat diperlukan. Jika Anda belum memiliki NFT DID Domain,',
         buy: 'Beli sekarang!'
       },
       delete: {

package/lib/locales/ja.js

@@ -1048,14 +1048,14 @@ export default {
       },
       addDomainNFT: {
         showNFT: 'ドメインを自動的に設定する',
-        tips: 'DIDドメインはドメイン名の解決を自動的に行います。手動で設定する必要はありません。必要な時にアプリケーションはドメイン名の解決レコードを自動的に更新します。',
+        tips: 'DID ドメインから購入されたドメインを入力できます。DID ドメインが検出された場合は、DID ドメイン NFT を提示して続行する必要があります。',
         connect: {
           title: 'ドメインのNFTを表示してください',
           scan: 'DIDウォレットで次のQRコードをスキャンして、ブロックレットがあなたのドメインを使用することを許可してください',
           confirm: 'あなたのDIDウォレットで確認してください',
           success: '認証が成功しました'
         },
-        buyTip: 'まだDIDドメインNFTを持っていない場合、',
+        buyTip: 'DIDドメインは自動的にドメイン名解決を行い、手動で設定する必要はなく、必要に応じてアプリケーションは自動的にドメイン名の解決レコードを更新します。DIDドメインNFTをまだお持ちでない場合は、',
         buy: '今すぐ購入！'
       },
       delete: {

package/lib/locales/ko.js

@@ -1048,14 +1048,14 @@ export default {
       },
       addDomainNFT: {
         showNFT: '도메인 자동으로 구성하기',
-        tips: 'DID 도메인은 도메인 이름 해결을 자동으로 수행하며 수동으로 구성할 필요가 없으며, 필요할 때 응용 프로그램이 자동으로 도메인 이름의 해결 레코드를 업데이트합니다.',
+        tips: 'DID 도메인에서 구매한 도메인을 입력할 수 있습니다. DID 도메인이 감지되면 계속 진행하려면 DID 도메인 NFT를 제시해야 합니다.',
         connect: {
           title: '도메인 NFT를 보여주세요',
           scan: 'DID 지갑을 사용하여 다음 QR 코드를 스캔하여 블록렛이 도메인을 사용할 수 있도록 인증하세요',
           confirm: 'DID 지갑에서 확인하세요',
           success: '인증 성공'
         },
-        buyTip: '아직 DID 도메인 NFT를 가지고 있지 않다면,',
+        buyTip: 'DID 도메인은 자동으로 도메인 이름 확인을 실행합니다. 수동으로 구성할 필요가 없으며, 애플리케이션은 필요 시 자동으로 도메인 이름 확인 레코드를 업데이트합니다. DID 도메인 NFT가 아직 없는 경우',
         buy: '지금 구매하세요!'
       },
       delete: {

package/lib/locales/pt.js

@@ -1048,14 +1048,14 @@ export default {
       },
       addDomainNFT: {
         showNFT: 'Configure o domínio automaticamente',
-        tips: 'O DID Domain fará a resolução do nome de domínio automaticamente, não sendo necessário configurá-lo manualmente, e o aplicativo atualizará automaticamente o registro de resolução do nome de domínio quando necessário.',
+        tips: 'Você pode inserir um domínio comprado do DID Domain. Se for detectado um DID Domain, você precisará apresentar o NFT do DID Domain para prosseguir.',
         connect: {
           title: 'Por favor, mostre o seu NFT de Domínio',
           scan: 'Escaneie o código QR a seguir com a Carteira DID para autorizar o Blocklet a usar seu domínio',
           confirm: 'Confirme em sua Carteira DID',
           success: 'Autorização Concluída com Sucesso'
         },
-        buyTip: 'Se você ainda não tem um NFT de domínio DID',
+        buyTip: 'O DID Domain faz a resolução de nome de domínio automaticamente, não precisa de ser configurado manualmente e a aplicação atualizará o registro de resolução do nome de domínio automaticamente quando for preciso. Se ainda não tem DID Domain NFT,',
         buy: 'Compre agora!'
       },
       delete: {

package/lib/locales/ru.js

@@ -1048,14 +1048,14 @@ export default {
       },
       addDomainNFT: {
         showNFT: 'Настройте домен автоматически',
-        tips: 'DID-домен автоматически разрешит доменное имя, не требуется ручная настройка, и приложение автоматически обновит запись разрешения доменного имени при необходимости.',
+        tips: 'Вы можете ввести домен, приобретенный у DID Domain. Если обнаружен DID-домен, вы должны предъявить DID-домен NFT, чтобы продолжить.',
         connect: {
           title: 'Пожалуйста, покажите вашу Доменную NFT',
           scan: 'Для авторизации blocklet для использования вашего домена отсканируйте следующий QR-код с помощью DID Wallet.',
           confirm: 'Подтвердите в своем кошельке DID',
           success: 'Успешная авторизация'
         },
-        buyTip: 'Если у вас еще нет DID Domain NFT, ',
+        buyTip: 'DID Domain выполнит разрешение доменного имени автоматически. Вам не нужно настраивать его вручную, и приложение обновит запись разрешения доменного имени автоматически, когда это необходимо. Если у вас еще нет DID Domain NFT, ',
         buy: 'Купите сейчас!'
       },
       delete: {

package/lib/locales/th.js

@@ -1048,14 +1048,14 @@ export default {
       },
       addDomainNFT: {
         showNFT: 'กำหนดค่าโดเมนอัตโนมัติ',
-        tips: 'โดเมน DID จะดำเนินการตีความชื่อโดเมนโดยอัตโนมัติ ไม่จำเป็นต้องกำหนดค่าด้วยตนเอง และแอปพลิเคชันจะอัปเดตบันทึกการตีความชื่อโดเมนโดยอัตโนมัติเมื่อจำเป็น',
+        tips: 'คุณสามารถป้อนโดเมนที่ซื้อจาก DID Domain ได้ หากตรวจพบ DID Domain คุณต้องนำเสนอ NFT ของ DID Domain เพื่อดำเนินการต่อ',
         connect: {
           title: 'กรุณาแสดง NFT โดเมนของคุณ',
           scan: 'สแกนรหัส QR ต่อไปนี้ด้วยกระเป๋าเงินดิจิตอลเพื่อให้ Blocklet เข้าถึงโดเมนของคุณ',
           confirm: 'ยืนยันในกระเป๋าเงินของคุณ DID',
           success: 'อนุญาตสำเร็จ'
         },
-        buyTip: 'หากคุณยังไม่มี DID Domain NFT',
+        buyTip: 'DID Domain จะทำการแก้ไขชื่อโดเมนโดยอัตโนมัติ ไม่ต้องกำหนดค่าด้วยตนเอง และแอปพลิเคชันจะอัปเดตระเบียนการแก้ไขชื่อโดเมนโดยอัตโนมัติเมื่อจำเป็น หากคุณยังไม่มี DID Domain NFT',
         buy: 'ซื้อเดี๋ยวนี้!'
       },
       delete: {

package/lib/locales/vi.js

@@ -1048,14 +1048,14 @@ export default {
       },
       addDomainNFT: {
         showNFT: 'Cấu hình tên miền tự động',
-        tips: 'DID Domain sẽ tự động thực hiện việc giải quyết tên miền, không cần thiết phải cấu hình thủ công và ứng dụng sẽ tự động cập nhật bản ghi giải quyết tên miền khi cần thiết.',
+        tips: 'Bạn có thể nhập một miền được mua từ DID Domain. Nếu phát hiện miền DID Domain, bạn phải trình bày NFT DID Domain để tiếp tục.',
         connect: {
           title: 'Xin vui lòng hiển thị NFT Domain của bạn',
           scan: 'Quét mã QR sau bằng Ví DID để ủy quyền cho Blocklet sử dụng miền của bạn',
           confirm: 'Xác nhận trên Ví DID của bạn',
           success: 'Xác nhận thành công'
         },
-        buyTip: 'Nếu bạn chưa có DID Domain NFT',
+        buyTip: 'DID Domain sẽ thực hiện phân giải tên miền tự động, không cần phải cấu hình thủ công và ứng dụng sẽ tự động cập nhật bản ghi phân giải của tên miền khi cần thiết. Nếu bạn chưa có DID Domain NFT,',
         buy: 'Mua ngay!'
       },
       delete: {

package/lib/locales/zh-tw.js

@@ -1048,14 +1048,14 @@ export default {
       },
       addDomainNFT: {
         showNFT: '自動配置網域',
-        tips: 'DID域名將自動執行域名解析，無需手動配置，當需要時應用程式將自動更新域名的解析記錄。',
+        tips: '您可以輸入從 DID Domain 購買的網域。如果檢測到 DID Domain，您必須出示 DID Domain NFT 才能繼續。',
         connect: {
           title: '請展示你的域名 NFT',
           scan: '使用DID錢包掃描以下QR碼以授權Blocklet使用您的域名',
           confirm: '在您的DID錢包上確認',
           success: '授權成功'
         },
-        buyTip: '如果您還沒有 DID 域名 NFT，',
+        buyTip: 'DID Domain 將自動執行網域名稱解析，無需手動配置，且應用程式將在需要時自動更新網域名稱解析記錄。如果您還沒有 DID Domain NFT，',
         buy: '立即購買！'
       },
       delete: {

package/lib/locales/zh.js

@@ -1052,14 +1052,14 @@ export default {
       addDomainNFT: {
         name: 'NFT 域名',
         showNFT: '自动配置域名',
-        tips: 'DID 域名会自动完成域名解析，无需手动配置，并且应用会在需要的时候自动更新该域名的解析记录。',
+        tips: '您可以输入从 DID Domain 购买的域名。如果检测到 DID Domain，您必须出示 DID Domain NFT 才能继续。',
         connect: {
           title: '请出示域名 NFT',
           scan: '用 DID 钱包扫描下面的二维码, 出示域名 NFT',
           confirm: '在您的 DID 钱包上确认',
           success: '授权成功'
         },
-        buyTip: '如果还没有 DID 域名 NFT, ',
+        buyTip: 'DID Domain 将自动执行域名解析，无需手动配置，并且应用程序将在需要时自动更新域名解析记录。如果您还没有 DID Domain NFT，',
         buy: '现在购买!'
       },
       delete: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.27-beta-595ed831",
+  "version": "1.16.27-beta-74c4e335",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -26,9 +26,9 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.27-beta-595ed831",
-    "@abtnode/constant": "1.16.27-beta-595ed831",
-    "@abtnode/util": "1.16.27-beta-595ed831",
+    "@abtnode/auth": "1.16.27-beta-74c4e335",
+    "@abtnode/constant": "1.16.27-beta-74c4e335",
+    "@abtnode/util": "1.16.27-beta-74c4e335",
     "@ahooksjs/use-url-state": "^3.5.1",
     "@arcblock/did": "^1.18.121",
     "@arcblock/did-connect": "^2.9.89",
@@ -38,10 +38,10 @@
     "@arcblock/react-hooks": "^2.9.89",
     "@arcblock/terminal": "^2.9.89",
     "@arcblock/ux": "^2.9.89",
-    "@blocklet/constant": "1.16.27-beta-595ed831",
+    "@blocklet/constant": "1.16.27-beta-74c4e335",
     "@blocklet/launcher-layout": "2.3.20",
     "@blocklet/list": "^0.12.103",
-    "@blocklet/meta": "1.16.27-beta-595ed831",
+    "@blocklet/meta": "1.16.27-beta-74c4e335",
     "@blocklet/ui-react": "^2.9.89",
     "@blocklet/uploader": "^0.1.6",
     "@emotion/react": "^11.10.4",
@@ -104,9 +104,9 @@
     "@babel/preset-env": "^7.24.4",
     "@babel/preset-react": "^7.24.1",
     "babel-plugin-inline-react-svg": "^2.0.2",
-    "glob": "^10.3.3",
+    "glob": "^10.4.1",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0"
   },
-  "gitHead": "828e0c9511d3c1f69d07afa65fc2c965e568ec81"
+  "gitHead": "67ac72a88d7ae2d18f0db2b9b439d78e4112e082"
 }