@abtnode/ux 1.16.29-beta-1fedbcdd → 1.16.29-beta-a3a3b40e

package/lib/blocklet/component/blocklet-owner-info.js

@@ -0,0 +1,35 @@
+import { Box } from '@mui/material';
+import DID from '@arcblock/ux/lib/DID';
+import PropTypes from 'prop-types';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function BlockletOwnerInfo({
+  owner,
+  locale
+}) {
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: 1
+    },
+    children: [owner.fullName, owner.did ? /*#__PURE__*/_jsx(DID, {
+      sx: {
+        lineHeight: 'initial',
+        '&::before': {
+          content: '"("'
+        },
+        '&::after': {
+          content: '")"'
+        }
+      },
+      did: owner.did,
+      compact: true,
+      size: 14,
+      locale: locale
+    }) : null]
+  });
+}
+BlockletOwnerInfo.propTypes = {
+  owner: PropTypes.object.isRequired,
+  locale: PropTypes.string.isRequired
+};

package/lib/blocklet/component/component-info-dialog.js

@@ -6,13 +6,15 @@ import { Badge, Box } from '@mui/material';
 import InfoRow from '@arcblock/ux/lib/InfoRow';
 import Dialog from '@arcblock/ux/lib/Dialog';
 import { getDisplayName, hasStartEngine } from '@blocklet/meta/lib/util';
+import { formatPerson } from '@blocklet/meta/lib/fix';
 import { useDeletingBlockletContext } from '../../contexts/deleting-blocklets';
 import Tag from '../../tag';
-import { formatPerson, formatToDatetime } from '../../util';
+import { formatToDatetime } from '../../util';
 import DidAddress from '../../did-address';
 import BlockletSource from '../blocklet-source';
 import BlockletStatus from '../status';
 import BlockletVersion from '../version';
+import BlockletOwnerInfo from './blocklet-owner-info';
 import { jsx as _jsx } from "react/jsx-runtime";
 const isResource = component => !component?.meta?.group;
 const getEngineRows = (engine, t) => {
@@ -171,7 +173,10 @@ export default function ComponentInfoDialog({
     })
   }, {
     name: t('common.author'),
-    value: formatPerson(componentInfo.meta.author)
+    value: componentInfo.meta.owner ? /*#__PURE__*/_jsx(BlockletOwnerInfo, {
+      owner: componentInfo.meta.owner,
+      locale: locale
+    }) : formatPerson(componentInfo.meta.author)
   }, {
     name: t('common.engine'),
     value: getEngineRows(componentInfo.engine, t).map(({

package/lib/blocklet/install-from-url.js

@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
+import { formatPerson } from '@blocklet/meta/lib/fix';
 import Dialog from '@arcblock/ux/lib/Dialog';
 import Spinner from '@mui/material/CircularProgress';
 import DialogContentText from '@mui/material/DialogContentText';
@@ -16,9 +17,10 @@ import Alert from '@mui/material/Alert';
 import { getDisplayName } from '@blocklet/meta/lib/util';
 import { useNodeContext } from '../contexts/node';
 import { useSessionContext } from '../contexts/session';
-import { formatError, formatPerson } from '../util';
+import { formatError } from '../util';
 import { getWalletType } from './util';
 import DidAddress from '../did-address';
+import BlockletOwnerInfo from './component/blocklet-owner-info';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function InstallFromUrl({
   defaultUrl,
@@ -37,7 +39,8 @@ export default function InstallFromUrl({
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState('');
   const {
-    t
+    t,
+    locale
   } = useLocaleContext();
   const initMeta = {
     dist: {}
@@ -134,7 +137,10 @@ export default function InstallFromUrl({
     })
   }, {
     name: t('common.author'),
-    value: formatPerson(meta.author)
+    value: meta.owner ? /*#__PURE__*/_jsx(BlockletOwnerInfo, {
+      owner: meta.owner,
+      locale: locale
+    }) : formatPerson(meta.author)
   }, {
     name: t('blocklet.dist.downloadLink'),
     value: meta.dist.tarball

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

@@ -1,19 +1,19 @@
 import { UNOWNED_DID, WELLKNOWN_SERVICE_PATH_PREFIX } from '@abtnode/constant';
-import { Box, InputAdornment, TextField, Typography, Avatar, IconButton } from '@mui/material';
-import PropTypes from 'prop-types';
-import styled from '@emotion/styled';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Toast from '@arcblock/ux/lib/Toast/index';
-import { useNavigate } from 'react-router-dom';
-import { Suspense, lazy, useRef } from 'react';
+import styled from '@emotion/styled';
 import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';
-import ConnectStoreButton from './connect-store-button';
-import { createMessageId, waitGetConnectedByStudio } from '../utils/wait-connect';
+import { Avatar, Box, IconButton, InputAdornment, TextField, Typography } from '@mui/material';
+import PropTypes from 'prop-types';
+import { Suspense, lazy, useRef } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useNodeContext } from '../../../contexts/node';
+import EmptySpinner from '../../../empty-spinner';
 import usePromiseWindowOpen from '../../../hooks/use-promise-window-open';
 import { formatError } from '../../../util';
-import { useNodeContext } from '../../../contexts/node';
 import useWantToConnectStore from '../hooks/use-want-to-connect-store';
-import EmptySpinner from '../../../empty-spinner';
+import { createMessageId, waitGetConnectedByStudio } from '../utils/wait-connect';
+import ConnectStoreButton from './connect-store-button';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const allowedFileExts = ['.webp', '.jpg', '.jpeg', '.png', '.gif', '.svg'];
 const maxFileSize = 1024 * 1024 * 10; // 10 MB
@@ -72,7 +72,7 @@ function Branding({
       Toast.error(t('blocklet.publish.errorTip.noTitle'));
       return;
     }
-    if (!wantToConnectStore) {
+    if (!wantToConnectStore?.url) {
       Toast.error('No store found');
       return;
     }
@@ -348,6 +348,9 @@ function Branding({
           });
           uploaderScreenshotRef.current.close();
         },
+        installerProps: {
+          disabled: true
+        },
         plugins: ['ImageEditor'],
         apiPathProps: {
           uploader: uploadScreenshotPrefix,

package/lib/blocklet/publish/create-release/connect-store-button.js

@@ -1,24 +1,24 @@
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import { Icon } from '@iconify/react';
 import AddIcon from '@mui/icons-material/Add';
 import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
 import { Box, Button, ButtonGroup, CircularProgress, ClickAwayListener, Divider, Grow, IconButton, MenuItem, MenuList, Paper, Popper, Typography } from '@mui/material';
 import PropTypes from 'prop-types';
-import { Icon } from '@iconify/react';
 import { useRef, useState } from 'react';
-import Toast from '@arcblock/ux/lib/Toast';
 import formatError from '@abtnode/util/lib/format-error';
-import { useSessionContext } from '../../../contexts/session';
-import AddStore from '../../../store/add';
-import { useNodeContext } from '../../../contexts/node';
+import Toast from '@arcblock/ux/lib/Toast';
 import ConfirmDialog from '../../../confirm';
 import { useBlockletContext } from '../../../contexts/blocklet';
+import { useNodeContext } from '../../../contexts/node';
+import { useSessionContext } from '../../../contexts/session';
+import AddStore from '../../../store/add';
 import ShortenLabel from '../../component/shorten-label';
 import canDeleteStore from '../utils/can-delete-store';
 import getStudioStoreList from '../utils/get-studio-store-list';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function ConnectStoreButton({
   blocklet,
-  store,
+  store = {},
   onChangeStore,
   onClick,
   disabled,
@@ -104,7 +104,7 @@ export default function ConnectStoreButton({
           sx: {
             mr: 0.5
           }
-        }), `${t('common.connect')} ${store?.name || ''}`]
+        }), `${t('common.connect')} ${store.name || ''}`]
       }), /*#__PURE__*/_jsx(Button, {
         size: "small",
         "aria-controls": open ? 'split-button-menu' : undefined,
@@ -139,10 +139,11 @@ export default function ConnectStoreButton({
               autoFocusItem: true,
               sx: {
                 maxHeight: 300,
-                overflowY: 'auto'
+                overflowY: 'auto',
+                zIndex: 10
               },
-              children: [storeList.map(option => /*#__PURE__*/_jsxs(MenuItem, {
-                selected: option.id === store.id,
+              children: [storeList?.map(option => /*#__PURE__*/_jsxs(MenuItem, {
+                selected: option.id === store?.id,
                 sx: {
                   height: 56
                 },

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

@@ -6,7 +6,7 @@ import { PROJECT } from '@blocklet/constant';
 import styled from '@emotion/styled';
 import { Icon } from '@iconify/react';
 import CloudUploadRoundedIcon from '@mui/icons-material/CloudUploadRounded';
-import { Box, Breadcrumbs, Button, IconButton, Dialog as MaterialDialog, Typography, useMediaQuery } from '@mui/material';
+import { Box, Breadcrumbs, Button, ButtonGroup, IconButton, Dialog as MaterialDialog, Typography, useMediaQuery } from '@mui/material';
 import Spinner from '@mui/material/CircularProgress';
 import pick from 'lodash/pick';
 import pAll from 'p-all';
@@ -24,6 +24,7 @@ import uploadImageToProject from '../utils/upload-image-to-project';
 import { validateParams } from '../utils/validate-params';
 import { waitGetConnectedStore } from '../utils/wait-connect';
 import ConnectStoreList from './connect-store-list';
+import ProjectSetting from './project-setting';
 import { uploadResource } from './resource-select';
 import UploadedToast from './uploaded-toast';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
@@ -62,6 +63,7 @@ function Header({
   } = useNodeContext();
   const navigate = useNavigate();
   const [showStoreDialog, setShowStoreDialog] = useState(false);
+  const [showSetting, setShowSetting] = useState(false);
   const [installResourceTip, setInstallResourceTip] = useState();
   const isMobile = useMediaQuery(theme => theme.breakpoints.down('md'));
   const releaseType = params?.blockletComponents?.length > 0 ? 'pack' : 'resource';
@@ -198,35 +200,37 @@ function Header({
       }
     });
     const newReleased = lastProject.project.lastReleaseId;
-    await pAll(lastProject.project.connectedStores.map(store => {
-      return async () => {
-        try {
-          // eslint-disable-next-line no-await-in-loop
-          const res = await api.publishToStore({
-            input: {
-              did: blocklet.meta.did,
-              storeId: store.storeId,
+    if (params.autoUpload) {
+      await pAll(lastProject.project.connectedStores.map(store => {
+        return async () => {
+          try {
+            // eslint-disable-next-line no-await-in-loop
+            const res = await api.publishToStore({
+              input: {
+                did: blocklet.meta.did,
+                storeId: store.storeId,
+                storeName: store.storeName,
+                projectId,
+                releaseId: newReleased,
+                type: releaseType
+              }
+            });
+            Toast.success( /*#__PURE__*/_jsx(UploadedToast, {
               storeName: store.storeName,
-              projectId,
-              releaseId: newReleased,
-              type: releaseType
-            }
-          });
-          Toast.success( /*#__PURE__*/_jsx(UploadedToast, {
-            storeName: store.storeName,
-            storeUrl: store.storeUrl,
-            developerDid: store.developerDid,
-            published: res.url === 'published'
-          }), {
-            duration: 10000
-          });
-        } catch (err) {
-          Toast.error(formatError(err));
-        }
-      };
-    }), {
-      concurrency: 4
-    });
+              storeUrl: store.storeUrl,
+              developerDid: store.developerDid,
+              published: res.url === 'published'
+            }), {
+              duration: 10000
+            });
+          } catch (err) {
+            Toast.error(formatError(err));
+          }
+        };
+      }), {
+        concurrency: 1
+      });
+    }
     onPublish?.();
     navigate(`../${projectId}/view/${newReleased}`, {
       replace: true
@@ -242,6 +246,9 @@ function Header({
     await waitGetConnectedStore(api, param);
     getData();
   };
+  const handleShowSetting = () => {
+    setShowSetting(true);
+  };
   let installButton = null;
   if (isPublished && serverEndpoint) {
     const blockletMetaUrl = joinURL(serverEndpoint, `/api/project/${blocklet.meta.did}/${projectId}/${releaseId}/release/blocklet.json`);
@@ -251,6 +258,7 @@ function Header({
       url.searchParams.set('blocklet_meta_url', blockletMetaUrl);
       installButton = isMobile ? /*#__PURE__*/_jsx(IconButton, {
         component: "a",
+        disabled: loading,
         href: url.href,
         target: "_blank",
         rel: "noreferrer",
@@ -264,6 +272,7 @@ function Header({
         })
       }) : /*#__PURE__*/_jsx(Button, {
         href: url.href,
+        disabled: loading,
         target: "_blank",
         rel: "noreferrer",
         variant: "outlined",
@@ -362,20 +371,27 @@ function Header({
           })]
         }), /*#__PURE__*/_jsx(Box, {
           flex: "1"
-        }), !isPublished && /*#__PURE__*/_jsxs(Button, {
-          variant: "contained",
+        }), !isPublished && /*#__PURE__*/_jsxs(ButtonGroup, {
           disabled: loading,
-          style: {
-            marginRight: 12
-          },
-          onClick: () => onRelease(PROJECT.RELEASE_STATUS.published),
-          children: [loading && /*#__PURE__*/_jsx(Spinner, {
-            size: 14,
-            sx: {
-              mr: 0.5
-            },
-            color: "inherit"
-          }), t('blocklet.publish.createRelease')]
+          variant: "contained",
+          children: [/*#__PURE__*/_jsxs(Button, {
+            variant: "contained",
+            onClick: () => onRelease(PROJECT.RELEASE_STATUS.published),
+            children: [loading && /*#__PURE__*/_jsx(Spinner, {
+              size: 14,
+              sx: {
+                mr: 0.5
+              },
+              color: "inherit"
+            }), t('blocklet.publish.createRelease')]
+          }), /*#__PURE__*/_jsx(Button, {
+            variant: "contained",
+            onClick: handleShowSetting,
+            children: /*#__PURE__*/_jsx(Icon, {
+              icon: "mage:settings-fill",
+              fontSize: "16px"
+            })
+          })]
         }), isPublished && /*#__PURE__*/_jsxs(_Fragment, {
           children: [installButton, isMobile ? null : /*#__PURE__*/_jsx(Button, {
             component: "a",
@@ -386,22 +402,32 @@ function Header({
               mr: 1
             },
             children: t('common.download')
-          }), /*#__PURE__*/_jsxs(Button, {
+          }), /*#__PURE__*/_jsxs(ButtonGroup, {
             disabled: loading,
             variant: "contained",
-            onClick: () => setShowStoreDialog(true),
-            children: [loading ? /*#__PURE__*/_jsx(Spinner, {
-              size: 14,
-              sx: {
-                mr: 1
-              },
-              color: "inherit"
-            }) : /*#__PURE__*/_jsx(CloudUploadRoundedIcon, {
-              sx: {
-                fontSize: '1.3em',
-                mr: 1
-              }
-            }), isMobile ? t('common.upload') : t('blocklet.publish.connectOrUpload')]
+            children: [/*#__PURE__*/_jsxs(Button, {
+              variant: "contained",
+              onClick: () => setShowStoreDialog(true),
+              children: [loading ? /*#__PURE__*/_jsx(Spinner, {
+                size: 14,
+                sx: {
+                  mr: 1
+                },
+                color: "inherit"
+              }) : /*#__PURE__*/_jsx(CloudUploadRoundedIcon, {
+                sx: {
+                  fontSize: '1.3em',
+                  mr: 1
+                }
+              }), isMobile ? t('common.upload') : t('blocklet.publish.connectOrUpload')]
+            }), /*#__PURE__*/_jsx(Button, {
+              variant: "contained",
+              onClick: handleShowSetting,
+              children: /*#__PURE__*/_jsx(Icon, {
+                icon: "mage:settings-fill",
+                fontSize: "16px"
+              })
+            })]
           })]
         })]
       })
@@ -425,6 +451,13 @@ function Header({
         connectedStores: params.connectedStores || [],
         publishedStoreIds: release?.publishedStoreIds
       })
+    }), /*#__PURE__*/_jsx(ProjectSetting, {
+      did: blocklet?.meta?.did,
+      params: params,
+      projectId: projectId,
+      open: showSetting,
+      getData: getData,
+      onClose: () => setShowSetting(false)
     })]
   });
 }

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

@@ -54,7 +54,7 @@ const addComponentTabs = ({
   });
 };
 const pickParams = (baseParams, app) => {
-  const params = pick(baseParams, ['blockletVersion', 'blockletTitle', 'blockletDescription', 'blockletLogo', 'blockletIntroduction', 'blockletScreenshots', 'connectedStores', 'blockletComponents', 'lastReleaseId', 'uploadedResource', 'note']);
+  const params = pick(baseParams, ['blockletVersion', 'blockletTitle', 'blockletDescription', 'blockletLogo', 'blockletIntroduction', 'blockletScreenshots', 'connectedStores', 'blockletComponents', 'lastReleaseId', 'uploadedResource', 'autoUpload', 'possibleSameStore', 'note']);
   if (!params.blockletComponents) {
     params.blockletComponents = (app.children || []).map(x => ({
       did: x.meta.did,

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

@@ -0,0 +1,177 @@
+import { UNOWNED_DID } from '@abtnode/constant';
+import Dialog from '@arcblock/ux/lib/Dialog';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import IOSSwitch from '@arcblock/ux/lib/Switch';
+import Toast from '@arcblock/ux/lib/Toast/index';
+import { Icon } from '@iconify/react';
+import { Box, Button, Typography } from '@mui/material';
+import Spinner from '@mui/material/CircularProgress';
+import PropTypes from 'prop-types';
+import { useEffect, useState } from 'react';
+import { useNodeContext } from '../../../contexts/node';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+function ProjectSetting({
+  did,
+  params,
+  projectId,
+  open,
+  onClose,
+  getData
+}) {
+  const {
+    t
+  } = useLocaleContext();
+  const [loading, setLoading] = useState(false);
+  const {
+    api
+  } = useNodeContext();
+  const [autoUpload, setAutoUpload] = useState(false);
+  const [possibleSameStore, setPossibleSameStore] = useState(false);
+  const handleClose = () => {
+    setLoading(false);
+    onClose(false);
+  };
+  const handleSubmit = async () => {
+    setLoading(true);
+    try {
+      await api.updateProject({
+        input: {
+          did,
+          projectId,
+          blockletTitle: params.blockletTitle,
+          blockletDescription: params.blockletDescription,
+          blockletIntroduction: params.blockletIntroduction,
+          autoUpload: !!autoUpload,
+          possibleSameStore: !!possibleSameStore
+        }
+      });
+      await getData();
+      onClose(false);
+    } catch (err) {
+      Toast.error(err.message);
+    }
+    setLoading(false);
+  };
+  useEffect(() => {
+    setAutoUpload(params.autoUpload);
+    setPossibleSameStore(params.possibleSameStore);
+  }, [params]);
+  const hasProject = !!(projectId && projectId !== UNOWNED_DID);
+  return /*#__PURE__*/_jsx(Dialog, {
+    title: t('blocklet.publish.projectSettings'),
+    disableEscapeKeyDown: true,
+    disablePortal: false,
+    fullWidth: true,
+    open: open,
+    onClose: handleClose,
+    actions: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Button, {
+        onClick: e => {
+          e.stopPropagation();
+          onClose();
+        },
+        color: "inherit",
+        children: t('common.cancel')
+      }), hasProject && /*#__PURE__*/_jsxs(Button, {
+        onClick: e => {
+          e.stopPropagation();
+          handleSubmit();
+        },
+        color: "primary",
+        "data-cy": "install-blocklet-next-step",
+        disabled: loading,
+        variant: "contained",
+        autoFocus: true,
+        children: [loading && /*#__PURE__*/_jsx(Spinner, {
+          size: 16
+        }), t('common.confirm')]
+      })]
+    }),
+    children: !hasProject ? /*#__PURE__*/_jsxs(Box, {
+      sx: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center'
+      },
+      children: [/*#__PURE__*/_jsx(Box, {
+        component: Icon,
+        icon: "ph:empty",
+        sx: {
+          fontSize: 40,
+          mb: 3,
+          opacity: 0.6
+        }
+      }), /*#__PURE__*/_jsx(Typography, {
+        variant: "body1",
+        sx: {
+          flex: 1
+        },
+        children: t('blocklet.publish.needProjectId')
+      })]
+    }) : /*#__PURE__*/_jsxs(Box, {
+      component: "label",
+      sx: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 2
+      },
+      children: [/*#__PURE__*/_jsxs(Box, {
+        sx: {
+          display: 'flex',
+          flexDirection: 'row',
+          alignItems: 'center'
+        },
+        children: [/*#__PURE__*/_jsx(Box, {
+          component: Icon,
+          icon: "ph:upload",
+          sx: {
+            fontSize: 24,
+            mr: 2
+          }
+        }), /*#__PURE__*/_jsx(Typography, {
+          variant: "body1",
+          sx: {
+            flex: 1
+          },
+          children: t('blocklet.publish.autoUploadTip')
+        }), /*#__PURE__*/_jsx(IOSSwitch, {
+          checked: autoUpload,
+          onChange: (_, x) => setAutoUpload(x)
+        })]
+      }), /*#__PURE__*/_jsxs(Box, {
+        component: "label",
+        sx: {
+          display: 'flex',
+          flexDirection: 'row',
+          alignItems: 'center'
+        },
+        children: [/*#__PURE__*/_jsx(Box, {
+          component: Icon,
+          icon: "fluent-mdl2:merge-duplicate",
+          sx: {
+            fontSize: 24,
+            mr: 2
+          }
+        }), /*#__PURE__*/_jsx(Typography, {
+          variant: "body1",
+          sx: {
+            flex: 1
+          },
+          children: t('blocklet.publish.possibleSameStoreTip')
+        }), /*#__PURE__*/_jsx(IOSSwitch, {
+          checked: possibleSameStore,
+          onChange: (_, x) => setPossibleSameStore(x)
+        })]
+      })]
+    })
+  });
+}
+ProjectSetting.propTypes = {
+  did: PropTypes.string.isRequired,
+  params: PropTypes.object.isRequired,
+  open: PropTypes.bool.isRequired,
+  onClose: PropTypes.func.isRequired,
+  getData: PropTypes.func.isRequired,
+  projectId: PropTypes.string.isRequired
+};
+export default ProjectSetting;

package/lib/blocklet/publish/hooks/use-want-to-connect-store.js

@@ -27,7 +27,7 @@ function useWantToConnectStore(blocklet) {
       return true;
     });
   }, [blocklet?.settings?.storeList, session?.user?.did]);
-  const wantToConnectStore = _wantToConnectStore || baseStore;
+  const wantToConnectStore = _wantToConnectStore || baseStore || {};
   return [wantToConnectStore, setWantToConnectStore];
 }
 export default useWantToConnectStore;

package/lib/blocklet/publish/utils/get-studio-store-list.js

@@ -6,6 +6,9 @@ const getStudioStoreList = ({
 }) => {
   const teamDid = fromBlocklet ? blocklet?.meta?.did : nodeInfo?.did;
   let storeList = fromBlocklet ? blocklet?.settings?.storeList || [] : nodeInfo?.blockletRegistryList || [];
+  if (!Array.isArray(storeList)) {
+    storeList = [];
+  }
   storeList = storeList.filter(x => x.protected || !x.scope || x.scope === 'studio' || x.scope === userDid);
   return {
     teamDid,

package/lib/blocklet/publish/utils/parse-resource-relate-components.js

@@ -1,5 +1,5 @@
 const parseResourceRelateComponents = (nowBlockletComponents, blocklet, resourceRelateComponents, disabledSelectComponents) => {
-  const blockletComponents = [...nowBlockletComponents];
+  const blockletComponents = nowBlockletComponents ? [...nowBlockletComponents] : [];
   const componentMaps = (blocklet?.children || []).reduce((acc, curr) => {
     acc[curr.meta.did] = true;
     return acc;

package/lib/locales/ar.js

@@ -738,7 +738,11 @@ export default {
       deleteStoreTip: 'هل أنت متأكد أنك تريد إزالة {name} من قائمة متجر الاتصال؟',
       disconnectStoreTip: 'سيتم حذف بلوكليت من المخزن بعد الفصل. هل أنت متأكد من أنك تريد الفصل؟',
       connectOrUpload: 'الاتصال أو التحميل',
-      developerInfo: 'معلومات المطور'
+      developerInfo: 'معلومات المطور',
+      autoUploadTip: 'تحميل البلوكليت تلقائيًا إلى المتجر بعد الإصدار',
+      possibleSameStoreTip: 'حاول حل بلوكليتات الاعتماد في نفس متجر البلوكليت قبل كل تحميل إذا كان ذلك ممكنًا',
+      needProjectId: 'يرجى إنشاء مشروع أولاً',
+      projectSettings: 'إعدادات المشروع'
     },
     titleValidationError: 'يجب أن يكون طول العنوان على الأقل 3 أحرف',
     descriptionValidationError: 'يجب أن تكون طول الوصف بين 3 و 160 حرفًا',

package/lib/locales/de.js

@@ -738,7 +738,11 @@ export default {
       deleteStoreTip: 'Möchten Sie {name} wirklich aus der Verbindungsliste des Stores entfernen?',
       disconnectStoreTip: 'Das Blocklet wird nach dem Trennen aus dem Store entfernt. Möchten Sie wirklich trennen?',
       connectOrUpload: 'Verbinden oder Hochladen',
-      developerInfo: 'Entwicklerinformation'
+      developerInfo: 'Entwicklerinformation',
+      autoUploadTip: 'Blocklet nach Erstellung automatisch im Store hochladen',
+      possibleSameStoreTip: 'Versuchen Sie, Abhängigkeits-Blocklets vor dem Hochladen, wenn möglich, im selben Blocklet-Store aufzulösen',
+      needProjectId: 'Bitte erstellen Sie zuerst ein Projekt',
+      projectSettings: 'Projekteinstellungen'
     },
     titleValidationError: 'Die Länge des Titels muss mindestens 3 Zeichen betragen',
     descriptionValidationError: 'Die Beschreibungslänge muss zwischen 3 und 160 Zeichen liegen',

package/lib/locales/en.js

@@ -660,6 +660,10 @@ export default {
     },
     publish: {
       connectOrUpload: 'Connect or Upload',
+      projectSettings: 'Project Settings',
+      autoUploadTip: 'Upload release to connected Blocklet Stores automatically after creation',
+      possibleSameStoreTip: 'Try resolving dependency blocklets to the same Blocklet Store before each uploading when possible',
+      needProjectId: 'Please create a project first',
       developerInfo: 'Developer Information',
       branding: 'Branding',
       brandingHelp: 'More information about the blocklet will be displayed in the Store',

package/lib/locales/es.js

@@ -738,7 +738,11 @@ export default {
       deleteStoreTip: '¿Estás seguro de que quieres eliminar a {name} de la lista de la tienda Connect?',
       disconnectStoreTip: 'Después de la desconexión, se eliminará el blocklet de la tienda. ¿Seguro que desea desconectar?',
       connectOrUpload: 'Conectar o Subir',
-      developerInfo: 'Información del desarrollador'
+      developerInfo: 'Información del desarrollador',
+      autoUploadTip: 'Cargar automáticamente el blocklet en la tienda después de la versión de creación',
+      possibleSameStoreTip: 'Intenta resolver las dependencias de los blocklets en la misma tienda de blocklets antes de cada carga cuando sea posible',
+      needProjectId: 'Por favor, crea un proyecto primero',
+      projectSettings: 'Configuraciones del Proyecto'
     },
     titleValidationError: 'La longitud del título debe ser de al menos 3 caracteres',
     descriptionValidationError: 'La longitud de la descripción debe estar entre 3 y 160 caracteres',

package/lib/locales/fr.js

@@ -738,7 +738,11 @@ export default {
       deleteStoreTip: 'Êtes-vous sûr de vouloir supprimer {name} de la liste du magasin Connect?',
       disconnectStoreTip: 'Le bloclet sera supprimé du store après sa déconnexion. Êtes-vous sûr de vouloir le déconnecter ?',
       connectOrUpload: 'Connecter ou Télécharger',
-      developerInfo: 'Informations sur le développeur'
+      developerInfo: 'Informations sur le développeur',
+      autoUploadTip: 'Uploader automatiquement le blocklet dans le Store après sa création',
+      possibleSameStoreTip: 'Essayez de résoudre les blocs de dépendance dans le même magasin de blocs avant chaque téléchargement si possible',
+      needProjectId: "Veuillez créer un projet d'abord",
+      projectSettings: 'Paramètres du projet'
     },
     titleValidationError: "La longueur du titre doit être d'au moins 3 caractères",
     descriptionValidationError: 'La longueur de la description doit être comprise entre 3 et 160 caractères',

package/lib/locales/hi.js

@@ -738,7 +738,11 @@ export default {
       deleteStoreTip: 'क्या आप वाकई {name} को कनेक्ट स्टोर से हटाना चाहते हैं?',
       disconnectStoreTip: 'ब्लॉकलेट को डिस्कनेक्ट करने के बाद उसे स्टोर से हटा दिया जाएगा। क्या आप वाकई में उसे डिस्कनेक्ट करना चाहते हैं?',
       connectOrUpload: 'कनेक्ट करें या अपलोड करें',
-      developerInfo: 'डेवलपर सूचना'
+      developerInfo: 'डेवलपर सूचना',
+      autoUploadTip: 'निर्माण रिलीज़ के बाद ब्लॉकलेट को स्टोर पर स्वचालित रूप से अपलोड करें',
+      possibleSameStoreTip: 'पोस्ट करने से पहले संभावना होने पर उसी ब्लॉकलेट स्टोर में डिपेंडेंसी ब्लॉकलेट्स को हल करने की कोशिश करें',
+      needProjectId: 'कृपया पहले एक परियोजना बनाएं',
+      projectSettings: 'परियोजना सेटिंग्स'
     },
     titleValidationError: 'शीर्षक की लंबाई कम से कम 3 अक्षर होनी चाहिए',
     descriptionValidationError: 'विवरण की लंबाई 3 और 160 वर्णों के बीच होनी चाहिए',

package/lib/locales/id.js

@@ -738,7 +738,11 @@ export default {
       deleteStoreTip: 'Apakah Anda yakin ingin menghapus {name} dari daftar Toko Koneksi?',
       disconnectStoreTip: 'Setelah terputus, blocklet akan dihapus dari toko. Apa Anda yakin untuk memutuskan?',
       connectOrUpload: 'Hubungkan atau Unggah',
-      developerInfo: 'Informasi Pengembang'
+      developerInfo: 'Informasi Pengembang',
+      autoUploadTip: 'Mengunggah blocklet ke Store secara otomatis setelah rilis penciptaan',
+      possibleSameStoreTip: 'Coba selesaikan blocklet dependensi ke Toko Blocklet yang sama sebelum mengunggah setiap kali memungkinkan',
+      needProjectId: 'Silakan membuat proyek terlebih dahulu',
+      projectSettings: 'Pengaturan Proyek'
     },
     titleValidationError: 'Panjang judul harus setidaknya 3 karakter',
     descriptionValidationError: 'Panjang deskripsi harus antara 3 dan 160 karakter.',

package/lib/locales/ja.js

@@ -738,7 +738,11 @@ export default {
       deleteStoreTip: '{name}を接続ストアリストから削除してもよろしいですか？',
       disconnectStoreTip: 'ブロックレットの接続を解除すると、ブロックレットはストアから削除されます。接続を解除してもよろしいですか？',
       connectOrUpload: '接続またはアップロード',
-      developerInfo: '開発者情報'
+      developerInfo: '開発者情報',
+      autoUploadTip: 'リリース後、Blockletを自動的にストアにアップロードします',
+      possibleSameStoreTip: '可能な限り、アップロード前に依存ブロックレットを同じ Blocklet ストアに解決してみてください',
+      needProjectId: '最初にプロジェクトを作成してください',
+      projectSettings: 'プロジェクトの設定'
     },
     titleValidationError: 'タイトルの長さは最低3文字以上である必要があります',
     descriptionValidationError: '説明の長さは3から160文字の間でなければなりません',

package/lib/locales/ko.js

@@ -738,7 +738,11 @@ export default {
       deleteStoreTip: '{name}을(를) 연결 스토어 목록에서 제거하시겠습니까?',
       disconnectStoreTip: '연결이 끊어지면 Blocklet이 스토어에서 제거됩니다. 연결을 끊으시겠습니까?',
       connectOrUpload: '연결하거나 업로드',
-      developerInfo: '개발자 정보'
+      developerInfo: '개발자 정보',
+      autoUploadTip: '릴리스 후 블록릿을 자동으로 스토어에 업로드합니다',
+      possibleSameStoreTip: '가능한 경우 업로드하기 전에 종속성 블록렛을 동일한 블록렛 스토어에 해결하려고 시도하십시오',
+      needProjectId: '먼저 프로젝트를 만들어주세요',
+      projectSettings: '프로젝트 설정'
     },
     titleValidationError: '제목 길이는 최소 3자 이상이어야 합니다',
     descriptionValidationError: '설명 길이는 3에서 160자 사이여야 합니다',

package/lib/locales/pt.js

@@ -738,7 +738,11 @@ export default {
       deleteStoreTip: 'Tem certeza de que deseja remover {name} da lista da Loja de Conexão?',
       disconnectStoreTip: 'Após desconectado, o Blocklet será removido da loja. Você tem certeza que deseja desconectar?',
       connectOrUpload: 'Conectar ou Enviar',
-      developerInfo: 'Informações do Desenvolvedor'
+      developerInfo: 'Informações do Desenvolvedor',
+      autoUploadTip: 'Enviar automaticamente o blocklet para a Loja após o lançamento da criação',
+      possibleSameStoreTip: 'Tente resolver blocklets de dependência na mesma Loja de Blocklets antes de fazer o upload sempre que possível',
+      needProjectId: 'Por favor, crie um projeto primeiro',
+      projectSettings: 'Configurações do Projeto'
     },
     titleValidationError: 'O comprimento do título deve ter pelo menos 3 caracteres',
     descriptionValidationError: 'O comprimento da descrição deve estar entre 3 e 160 caracteres.',

package/lib/locales/ru.js

@@ -738,7 +738,11 @@ export default {
       deleteStoreTip: 'Вы уверены, что хотите удалить {name} из списка магазина Connect?',
       disconnectStoreTip: 'Блоклет будет удален из магазина после отключения. Уверены, что хотите отключить?',
       connectOrUpload: 'Подключиться или Загрузить',
-      developerInfo: 'Информация для разработчиков'
+      developerInfo: 'Информация для разработчиков',
+      autoUploadTip: 'Автоматически загрузить блоклет в магазин после выпуска',
+      possibleSameStoreTip: 'Попробуйте разрешить блоклеты зависимостей в том же хранилище блоклетов перед каждой загрузкой, если это возможно',
+      needProjectId: 'Пожалуйста, сначала создайте проект',
+      projectSettings: 'Настройки проекта'
     },
     titleValidationError: 'Длина заголовка должна быть не менее 3 символов',
     descriptionValidationError: 'Длина описания должна быть от 3 до 160 символов',

package/lib/locales/th.js

@@ -738,7 +738,11 @@ export default {
       deleteStoreTip: 'คุณแน่ใจหรือว่าต้องการลบ {name} ออกจากรายการร้านค้าเชื่อมต่อหรือไม่?',
       disconnectStoreTip: 'เมื่อยกเลิกการเชื่อมต่อแล้ว Blocklet จะถูกลบออกจากร้าน คุณแน่ใจไหมว่าต้องการยกเลิกการเชื่อมต่อหรือไม่',
       connectOrUpload: 'เชื่อมต่อหรืออัปโหลด',
-      developerInfo: 'ข้อมูลนักพัฒนา'
+      developerInfo: 'ข้อมูลนักพัฒนา',
+      autoUploadTip: 'อัปโหลดบล็อกเล็ตไปยังร้านหลังจากการสร้างเสร็จ',
+      possibleSameStoreTip: 'ลองแก้ปัญหาบล็อกเล็ตที่ขึ้นอยู่ในร้านค้าเดียวกันก่อนทุกครั้งที่เป็นไปได้',
+      needProjectId: 'โปรดสร้างโปรเจกต์ก่อน',
+      projectSettings: 'การตั้งค่าโปรเจค'
     },
     titleValidationError: 'ความยาวของชื่อต้องมีอย่างน้อย 3 ตัวอักษร',
     descriptionValidationError: 'ความยาวคำอธิบายต้องอยู่ระหว่าง 3 ถึง 160 ตัวอักษร.',

package/lib/locales/vi.js

@@ -738,7 +738,11 @@ export default {
       deleteStoreTip: 'Bạn có chắc chắn muốn xóa {name} khỏi danh sách Cửa hàng Kết nối không?',
       disconnectStoreTip: 'Sau khi ngắt kết nối, Blocklet sẽ bị xóa khỏi cửa hàng. Bạn có chắc chắn muốn ngắt kết nối không?',
       connectOrUpload: 'Kết nối hoặc Tải lên',
-      developerInfo: 'Thông tin nhà phát triển'
+      developerInfo: 'Thông tin nhà phát triển',
+      autoUploadTip: 'Tự động tải lên blocklet lên Cửa hàng sau khi phát hành',
+      possibleSameStoreTip: 'Hãy thử giải quyết các blocklet phụ thuộc trong cùng một Cửa hàng Blocklet trước mỗi khi tải lên khi có thể',
+      needProjectId: 'Vui lòng tạo dự án trước',
+      projectSettings: 'Cài đặt Dự án'
     },
     titleValidationError: 'Độ dài tiêu đề phải ít nhất 3 ký tự',
     descriptionValidationError: 'Chiều dài mô tả phải từ 3 đến 160 ký tự.',

package/lib/locales/zh-tw.js

@@ -738,7 +738,11 @@ export default {
       deleteStoreTip: '您確定要將{name}從連接商店列表中移除嗎？',
       disconnectStoreTip: '斷開連線後，blocklet 將從商店中移除。您確定要斷開連線嗎？',
       connectOrUpload: '連接或上傳',
-      developerInfo: '開發者資訊'
+      developerInfo: '開發者資訊',
+      possibleSameStoreTip: '在可能的情況下，請嘗試解析相依 blocklet 到相同的 Blocklet 商店之前每次上傳',
+      autoUploadTip: '創建發布後自動將 Blocklet 上傳到商店',
+      needProjectId: '請先創建一個專案',
+      projectSettings: '專案設定'
     },
     titleValidationError: '標題長度必須至少為3到40個字符',
     descriptionValidationError: '描述長度必須介於3到160個字符之間',

package/lib/locales/zh.js

@@ -739,7 +739,11 @@ export default {
       deleteStoreTip: '您确定要将{name}从连接商店列表中移除吗？',
       disconnectStoreTip: '断开连接后，blocklet 将从商店中移除。您确定要断开连接吗？',
       connectOrUpload: '连接或上传',
-      developerInfo: '开发者信息'
+      developerInfo: '开发者信息',
+      possibleSameStoreTip: '在可能的情况下，请尝试解决依赖关系块到相同的 Blocklet 存储器之前每次上传',
+      autoUploadTip: '创建发布后自动将 Blocklet 上传到商店',
+      needProjectId: '请先创建一个项目',
+      projectSettings: '项目设置'
     },
     titleValidationError: '标题长度必须至少为3到40个字符',
     descriptionValidationError: '描述长度必须在3到160个字符之间'

package/lib/util/index.js

@@ -226,20 +226,6 @@ export const checkInputByType = (type, value) => {
   return false;
 };
 export const formatUrl = url => humanizeUrl(url.split('?').shift());
-export const formatPerson = person => {
-  if (!person) {
-    return '-';
-  }
-  if (typeof person === 'string') {
-    return person;
-  }
-  const name = person.name || '';
-  const u = person.url || person.web;
-  const url = u ? ` (${u})` : '';
-  const e = person.email || person.mail;
-  const email = e ? ` <${e}>` : '';
-  return name + email + url;
-};
 export const shouldCheckDomainStatus = domain => domain &&
 // eslint-disable-line
 ![DOMAIN_FOR_IP_SITE, DOMAIN_FOR_IP_SITE_REGEXP, DOMAIN_FOR_DEFAULT_SITE, DOMAIN_FOR_INTERNAL_SITE].includes(domain);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.29-beta-1fedbcdd",
+  "version": "1.16.29-beta-a3a3b40e",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -25,25 +25,25 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.29-beta-1fedbcdd",
-    "@abtnode/constant": "1.16.29-beta-1fedbcdd",
-    "@abtnode/util": "1.16.29-beta-1fedbcdd",
+    "@abtnode/auth": "1.16.29-beta-a3a3b40e",
+    "@abtnode/constant": "1.16.29-beta-a3a3b40e",
+    "@abtnode/util": "1.16.29-beta-a3a3b40e",
     "@ahooksjs/use-url-state": "^3.5.1",
     "@arcblock/did": "^1.18.126",
-    "@arcblock/did-connect": "^2.10.7",
+    "@arcblock/did-connect": "^2.10.8",
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.10.7",
-    "@arcblock/nft-display": "2.10.7",
-    "@arcblock/react-hooks": "^2.10.7",
-    "@arcblock/terminal": "^2.10.7",
-    "@arcblock/ux": "^2.10.7",
-    "@blocklet/constant": "1.16.29-beta-1fedbcdd",
-    "@blocklet/js-sdk": "1.16.29-beta-1fedbcdd",
+    "@arcblock/icons": "^2.10.8",
+    "@arcblock/nft-display": "2.10.8",
+    "@arcblock/react-hooks": "^2.10.8",
+    "@arcblock/terminal": "^2.10.8",
+    "@arcblock/ux": "^2.10.8",
+    "@blocklet/constant": "1.16.29-beta-a3a3b40e",
+    "@blocklet/js-sdk": "1.16.29-beta-a3a3b40e",
     "@blocklet/launcher-layout": "2.3.33",
     "@blocklet/list": "^0.13.9",
-    "@blocklet/meta": "1.16.29-beta-1fedbcdd",
-    "@blocklet/ui-react": "^2.10.7",
-    "@blocklet/uploader": "0.1.19",
+    "@blocklet/meta": "1.16.29-beta-a3a3b40e",
+    "@blocklet/ui-react": "^2.10.8",
+    "@blocklet/uploader": "0.1.20",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@iconify-icons/logos": "^1.2.36",
@@ -108,5 +108,5 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0"
   },
-  "gitHead": "e66e220d775e821c85b8bd6286342c202ad143f0"
+  "gitHead": "283c32d9bc91067b15b673a9c438802a6f916fc2"
 }