@abtnode/ux 1.16.17-beta-d282d63e → 1.16.17-beta-4f13d99d

package/es/blocklet/publish/create-project.js

@@ -4,13 +4,13 @@ import MenuItem from '@mui/material/MenuItem';
 import TextField from '@mui/material/TextField';
 import Typography from '@mui/material/Typography';
 import Breadcrumbs from '@mui/material/Breadcrumbs';
+import InputAdornment from '@mui/material/InputAdornment';
 import styled from '@emotion/styled';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Box from '@mui/material/Box';
 import Button from '@arcblock/ux/lib/Button';
 import DidConnect from '@arcblock/did-connect/lib/Connect';
 import Toast from '@arcblock/ux/lib/Toast';
-import DidAddress from '../../did-address';
 import { useNodeContext } from '../../contexts/node';
 import { useBlockletContext } from '../../contexts/blocklet';
 import { useSessionContext } from '../../contexts/session';
@@ -66,6 +66,14 @@ export default function CreateProject({
     setOpenConnect(false);
   };
   const onCreate = () => {
+    if (!blockletDid) {
+      Toast.error(t('blocklet.publish.errorTip.noDid'));
+      return;
+    }
+    if (!blockletTitle) {
+      Toast.error(t('blocklet.publish.errorTip.noTitle'));
+      return;
+    }
     setLoading(true);
     api.createProject({
       input: {
@@ -100,26 +108,29 @@ export default function CreateProject({
       style: {
         maxWidth: 500
       },
-      children: [/*#__PURE__*/_jsxs(Box, {
+      children: [/*#__PURE__*/_jsx(TextField, {
+        required: true,
         sx: {
-          mb: 3
+          mb: 4
         },
-        display: "flex",
-        alignItems: "center",
-        children: [/*#__PURE__*/_jsxs(Typography, {
-          variant: "h6",
-          sx: {
-            mr: 3
-          },
-          children: ["Blocklet DID:", ' ']
-        }), blockletDid ? /*#__PURE__*/_jsx(DidAddress, {
-          size: 14,
-          responsive: true,
-          did: blockletDid
-        }) : /*#__PURE__*/_jsx(Button, {
-          onClick: () => setOpenConnect(true),
-          children: t('blocklet.publish.createBlockletDid')
-        })]
+        label: "Blocklet DID",
+        fullWidth: true,
+        readonly: true,
+        autoComplete: "off",
+        variant: "outlined",
+        onClick: () => !blockletDid && setOpenConnect(true),
+        InputProps: {
+          'data-cy': 'export-blocklet-did',
+          endAdornment: /*#__PURE__*/_jsx(InputAdornment, {
+            position: "end",
+            children: /*#__PURE__*/_jsx(Button, {
+              onClick: () => setOpenConnect(true),
+              children: t(blockletDid ? 'common.update' : 'common.create')
+            })
+          })
+        },
+        helperText: "",
+        value: blockletDid || ''
       }), openConnect && /*#__PURE__*/_jsx(DidConnect, {
         open: true,
         popup: true,
@@ -142,10 +153,11 @@ export default function CreateProject({
           success: t('blocklet.publish.connect.success')
         }
       }), /*#__PURE__*/_jsx(TextField, {
+        required: true,
         label: `Blocklet ${t('common.title')}`,
         autoComplete: "off",
         variant: "outlined",
-        inputProps: {
+        InputProps: {
           'data-cy': 'export-blocklet-title'
         },
         fullWidth: true,
@@ -173,7 +185,7 @@ export default function CreateProject({
       })]
     }), /*#__PURE__*/_jsx(Button, {
       variant: "contained",
-      disabled: loading || !blockletDid || !blockletTitle,
+      disabled: loading,
       onClick: onCreate,
       children: t('common.create')
     })]

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

@@ -12,6 +12,7 @@ import Breadcrumbs from '@mui/material/Breadcrumbs';
 import Box from '@mui/material/Box';
 import IconButton from '@mui/material/IconButton';
 import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';
+import InputAdornment from '@mui/material/InputAdornment';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Button from '@arcblock/ux/lib/Button';
 import Toast from '@arcblock/ux/lib/Toast';
@@ -23,15 +24,53 @@ import BlockletBundleAvatar from '../bundle-avatar';
 import { useNodeContext } from '../../contexts/node';
 import { useBlockletContext } from '../../contexts/blocklet';
 import EmptySpinner from '../../empty-spinner';
+import { formatError } from '../../util';
 import Resource from './resource';
-
-// eslint-disable-next-line import/no-unresolved
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
+const allowedFileTypes = ['image/*', '.jpg', '.jpeg', '.png', '.gif', '.svg'];
+const maxFileSize = 1024 * 1024 * 10; // 10 MB
+
+// eslint-disable-next-line import/no-unresolved
 const UploaderComponent = /*#__PURE__*/lazy(() => import('@blocklet/uploader/react').then(res => ({
   default: res.Uploader
 })));
+const validateParams = (params, status, t) => {
+  const errors = [];
+  if (!params.blockletTitle) {
+    errors.push({
+      param: 'blockletTitle',
+      message: t('blocklet.publish.errorTip.noTitle')
+    });
+  }
+  if (!params.blockletVersion) {
+    errors.push({
+      param: 'blockletVersion',
+      message: t('blocklet.publish.errorTip.noVersion')
+    });
+  } else if (!semver.valid(params.blockletVersion)) {
+    errors.push({
+      param: 'blockletVersion',
+      message: 'Invalid Blocklet Version'
+    });
+  }
+  if (status === PROJECT.RELEASE_STATUS.published) {
+    if (!params.blockletDescription) {
+      errors.push({
+        param: 'blockletDescription',
+        message: t('blocklet.publish.errorTip.noDescription')
+      });
+    }
+    if (!params.note) {
+      errors.push({
+        param: 'note',
+        message: t('blocklet.publish.errorTip.noNote')
+      });
+    }
+  }
+  return errors.length ? errors : null;
+};
 const addComponentTabs = ({
   tabs,
   blocklet,
@@ -59,7 +98,11 @@ const addComponentTabs = ({
     value: key
   });
 };
-const pickParams = release => pick(release, ['blockletVersion', 'blockletTitle', 'blockletDescription', 'blockletLogo', 'blockletIntroduction', 'blockletScreenshots', 'note']);
+const pickParams = release => {
+  const params = pick(release, ['blockletVersion', 'blockletTitle', 'blockletDescription', 'blockletLogo', 'blockletIntroduction', 'blockletScreenshots', 'note']);
+  params.blockletScreenshots ||= [];
+  return params;
+};
 export default function CreateRelease({
   ...rest
 }) {
@@ -75,6 +118,7 @@ export default function CreateRelease({
     blocklet
   } = useBlockletContext();
   const [params, setParams] = useSetState(null);
+  const [paramsErrTip, setParamsErrTip] = useState({});
   const [loading, setLoading] = useState(false);
   const [release, setRelease] = useState(null);
   const {
@@ -114,7 +158,7 @@ export default function CreateRelease({
       setParams(pickParams(data));
     }).catch(err => {
       setLoading(false);
-      Toast.error(err.message);
+      Toast.error(formatError(err));
     });
   };
   const getRelease = () => {
@@ -130,7 +174,7 @@ export default function CreateRelease({
       setRelease(res?.release);
     }).catch(err => {
       setLoading(false);
-      Toast.error(err.message);
+      Toast.error(formatError(err));
     });
   };
   const getData = () => {
@@ -150,30 +194,24 @@ export default function CreateRelease({
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
   const onRelease = status => {
-    if (!params.blockletTitle) {
-      Toast.error(t('blocklet.publish.errorTip.noTitle'));
-      return;
-    }
-    if (!params.blockletVersion) {
-      Toast.error(t('blocklet.publish.errorTip.noVersion'));
+    const errors = validateParams(params, status, t);
+    if (errors) {
+      Toast.error(errors.map(x => x.message).join('; '));
+      setParamsErrTip(errors.reduce((acc, x) => ({
+        ...acc,
+        [x.param]: x.message
+      }), {}));
       return;
     }
-    if (status === PROJECT.RELEASE_STATUS.published) {
-      if (!params.blockletDescription) {
-        Toast.error(t('blocklet.publish.errorTip.noDescription'));
-        return;
-      }
-      if (!params.note) {
-        Toast.error(t('blocklet.publish.errorTip.noNote'));
-        return;
-      }
-    }
     const _params = {
       ...params
     };
     _params.blockletVersion = semver.valid(_params.blockletVersion);
     if (!_params.blockletVersion) {
       Toast.error('Invalid Blocklet Version');
+      setParamsErrTip({
+        blockletVersion: 'Invalid Blocklet Version'
+      });
       return;
     }
     _params.blockletTitle = (_params.blockletTitle || '').trim();
@@ -203,7 +241,7 @@ export default function CreateRelease({
         });
       }
     }).catch(err => {
-      Toast.error(err.message);
+      Toast.error(formatError(err));
     });
   };
   if (!params && loading) {
@@ -295,7 +333,7 @@ export default function CreateRelease({
           children: [/*#__PURE__*/_jsx(TextField, {
             label: `Blocklet ${t('common.title')}`,
             placeholder: `Blocklet ${t('common.title')}`,
-            inputProps: {
+            InputProps: {
               'data-cy': 'blocklet-title',
               readOnly
             },
@@ -304,14 +342,19 @@ export default function CreateRelease({
             fullWidth: true,
             value: params.blockletTitle || '',
             onChange: e => {
+              setParamsErrTip({
+                blockletTitle: ''
+              });
               setParams({
                 blockletTitle: e.target.value
               });
-            }
+            },
+            error: !!paramsErrTip.blockletTitle,
+            helperText: paramsErrTip.blockletTitle || ''
           }), /*#__PURE__*/_jsx(TextField, {
             label: `Blocklet ${t('common.description')}`,
             placeholder: `Blocklet ${t('common.description')}`,
-            inputProps: {
+            InputProps: {
               'data-cy': 'blocklet-description',
               readOnly
             },
@@ -320,31 +363,45 @@ export default function CreateRelease({
             fullWidth: true,
             value: params.blockletDescription || '',
             onChange: e => {
+              setParamsErrTip({
+                blockletDescription: ''
+              });
               setParams({
                 blockletDescription: e.target.value
               });
             },
+            error: !!paramsErrTip.blockletDescription,
+            helperText: paramsErrTip.blockletDescription || '',
             sx: {
               mt: 3
             }
           }), /*#__PURE__*/_jsx(TextField, {
             label: `Blocklet ${t('common.introduction')}`,
             placeholder: `Blocklet ${t('common.introduction')}`,
-            inputProps: {
+            InputProps: {
               'data-cy': 'export-blocklet-introduction',
-              readOnly
+              readOnly,
+              endAdornment: /*#__PURE__*/_jsxs(InputAdornment, {
+                position: "end",
+                children: [params?.blockletIntroduction?.length || 0, " / ", PROJECT.MAX_INTRO_LENGTH]
+              })
             },
             autoComplete: "off",
             variant: "outlined",
             fullWidth: true,
             multiline: true,
-            rows: 4,
+            minRows: 4,
             value: params.blockletIntroduction || '',
             onChange: e => {
+              setParamsErrTip({
+                blockletIntroduction: ''
+              });
               setParams({
-                blockletIntroduction: e.target.value
+                blockletIntroduction: e.target.value.slice(0, PROJECT.MAX_INTRO_LENGTH)
               });
             },
+            error: !!paramsErrTip.blockletIntroduction,
+            helperText: paramsErrTip.blockletIntroduction || '',
             sx: {
               mt: 3
             }
@@ -365,7 +422,7 @@ export default function CreateRelease({
           children: [/*#__PURE__*/_jsx(TextField, {
             label: `Blocklet ${t('common.version')}`,
             placeholder: `Blocklet ${t('common.version')}`,
-            inputProps: {
+            InputProps: {
               'data-cy': 'blocklet-version',
               readOnly
             },
@@ -374,27 +431,41 @@ export default function CreateRelease({
             fullWidth: true,
             value: params.blockletVersion,
             onChange: e => {
+              setParamsErrTip({
+                blockletVersion: ''
+              });
               setParams({
                 blockletVersion: e.target.value
               });
-            }
+            },
+            error: !!paramsErrTip.blockletVersion,
+            helperText: paramsErrTip.blockletVersion || ''
           }), /*#__PURE__*/_jsx(TextField, {
             label: t('blocklet.publish.releaseNote'),
             autoComplete: "off",
             variant: "outlined",
-            inputProps: {
+            InputProps: {
               'data-cy': 'release-note',
-              readOnly
+              readOnly,
+              endAdornment: /*#__PURE__*/_jsxs(InputAdornment, {
+                position: "end",
+                children: [params?.note?.length || 0, " / ", PROJECT.MAX_NOTE_LENGTH]
+              })
             },
             fullWidth: true,
             multiline: true,
-            rows: 4,
+            minRows: 4,
             value: params.note,
             onChange: e => {
+              setParamsErrTip({
+                note: ''
+              });
               setParams({
-                note: e.target.value
+                note: e.target.value.slice(0, PROJECT.MAX_NOTE_LENGTH)
               });
             },
+            error: !!paramsErrTip.note,
+            helperText: paramsErrTip.note || '',
             sx: {
               mt: 3
             }
@@ -494,11 +565,19 @@ export default function CreateRelease({
             setParams({
               blockletLogo: result.data.filename
             });
+            uploaderLogoRef.current.close();
           },
-          plugins: ['ImageEditor', 'Url', 'Webcam'],
+          plugins: [],
           apiPathProps: {
             uploader: uploadLogoPrefix,
             disableMediaKitPrefix: true
+          },
+          coreProps: {
+            restrictions: {
+              allowedFileTypes,
+              maxFileSize,
+              maxNumberOfFiles: 1
+            }
           }
         }, "uploader-screenshot"), /*#__PURE__*/_jsx(UploaderComponent, {
           id: "\u200Buploader-screenshot",
@@ -510,11 +589,19 @@ export default function CreateRelease({
             setParams({
               blockletScreenshots
             });
+            uploaderScreenshotRef.current.close();
           },
-          plugins: ['ImageEditor', 'Url', 'Webcam'],
+          plugins: [],
           apiPathProps: {
             uploader: uploadScreenshotPrefix,
             disableMediaKitPrefix: true
+          },
+          coreProps: {
+            restrictions: {
+              allowedFileTypes,
+              maxFileSize,
+              maxNumberOfFiles: 5 - screenshotUrls.length
+            }
           }
         }, "uploader-screenshot")]
       }), /*#__PURE__*/_jsxs(Box, {
@@ -640,4 +727,11 @@ const Main = styled.div`
       color: inherit;
     }
   }
+  .MuiInputBase-multiline .MuiInputAdornment-positionEnd {
+    align-self: flex-end;
+    .MuiTypography-root {
+      font-size: 0.8rem;
+    }
+    font-size: 0.8rem;
+  }
 `;

package/es/blocklet/publish/project-list.js

@@ -9,6 +9,8 @@ import DeleteIcon from '@mui/icons-material/Delete';
 import Datatable from '@arcblock/ux/lib/Datatable';
 import Button from '@arcblock/ux/lib/Button';
 import Toast from '@arcblock/ux/lib/Toast';
+import Tag from '@arcblock/ux/lib/Tag';
+import RelativeTime from '@arcblock/ux/lib/RelativeTime';
 import { useBlockletContext } from '../../contexts/blocklet';
 import { useNodeContext } from '../../contexts/node';
 import EmptySpinner from '../../empty-spinner';
@@ -104,7 +106,7 @@ export default function ProjectList() {
     });
   }
   const columns = [{
-    label: t('common.name'),
+    label: 'Blocklet',
     name: 'blockletTitle',
     options: {
       customBodyRenderLite: rawIndex => {
@@ -116,7 +118,7 @@ export default function ProjectList() {
       }
     }
   }, {
-    label: t('common.address'),
+    label: 'DID',
     name: 'blockletDid',
     options: {
       customBodyRender: e => {
@@ -127,6 +129,28 @@ export default function ProjectList() {
         });
       }
     }
+  }, {
+    label: 'Version',
+    name: 'blockletVersion',
+    options: {
+      customBodyRender: value => {
+        return value ? /*#__PURE__*/_jsx(Tag, {
+          type: "success",
+          children: value
+        }) : '';
+      }
+    }
+  }, {
+    label: t('common.updatedAt'),
+    name: 'updatedAt',
+    options: {
+      customBodyRender: value => {
+        return /*#__PURE__*/_jsx(RelativeTime, {
+          value: Number(value),
+          locale: locale
+        });
+      }
+    }
   }, {
     label: t('common.actions'),
     name: 'actions',

package/es/blocklet/publish/release-list.js

@@ -16,6 +16,8 @@ import { WELLKNOWN_SERVICE_PATH_PREFIX } from '@abtnode/constant';
 import Button from '@arcblock/ux/lib/Button';
 import Toast from '@arcblock/ux/lib/Toast';
 import Tag from '@arcblock/ux/lib/Tag';
+import RelativeTime from '@arcblock/ux/lib/RelativeTime';
+import { PROJECT } from '@blocklet/constant';
 import { useBlockletContext } from '../../contexts/blocklet';
 import { useNodeContext } from '../../contexts/node';
 import EmptySpinner from '../../empty-spinner';
@@ -187,6 +189,21 @@ export default function ReleaseList() {
         });
       }
     }
+  }, {
+    label: t('common.lastPublishedAt'),
+    name: 'updatedAt',
+    options: {
+      customBodyRenderLite: rawIndex => {
+        const release = releases[rawIndex];
+        if (release.status !== PROJECT.RELEASE_STATUS.published) {
+          return '';
+        }
+        return /*#__PURE__*/_jsx(RelativeTime, {
+          value: Number(release.updatedAt),
+          locale: locale
+        });
+      }
+    }
   }, {
     label: t('common.actions'),
     name: 'actions',
@@ -195,11 +212,15 @@ export default function ReleaseList() {
         const release = releases[rawIndex];
         return /*#__PURE__*/_jsxs(Box, {
           display: "flex",
+          alignItems: "center",
           children: [/*#__PURE__*/_jsx(IconButton, {
             color: "primary",
             "aria-label": "download",
             disabled: release.status !== 'published',
             children: release.status === 'published' ? /*#__PURE__*/_jsx("a", {
+              style: {
+                display: 'flex'
+              },
               href: joinUrl(`${WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${blocklet.meta.did}/${project.id}/${release.id}/download/${(release.files || [])[0]}`),
               children: /*#__PURE__*/_jsx(DownloadIcon, {
                 sx: {

package/es/blocklet/router/util.js

@@ -2,6 +2,7 @@
 import { ROUTING_RULE_TYPES, DEFAULT_IP_DOMAIN_SUFFIX, DOMAIN_FOR_IP_SITE_REGEXP, DOMAIN_FOR_DEFAULT_SITE, DOMAIN_FOR_IP_SITE } from '@abtnode/constant';
 import isPathPrefixEqual from '@abtnode/util/lib/is-path-prefix-equal';
 import { BLOCKLET_DYNAMIC_PATH_PREFIX } from '@blocklet/constant';
+import hasStartEngine from '@blocklet/meta/lib/has-start-engine';
 const validateRuleByServiceType = (params, localeContext) => {
   if (params.type === ROUTING_RULE_TYPES.REDIRECT) {
     if (!params.url) {
@@ -74,7 +75,7 @@ export const validatePathPrefix = ({
 }) => {
   // validate children
   if (curBlocklet) {
-    let exist = (curBlocklet.children || []).find(x => isPathPrefixEqual(x.mountPoint, params.pathPrefix));
+    let exist = (curBlocklet.children || []).find(x => hasStartEngine(x.meta) && isPathPrefixEqual(x.mountPoint, params.pathPrefix));
     if (curBlocklet.meta.group !== 'gateway' && params.pathPrefix === '/') {
       exist = '/';
     }

package/es/locales/en.js

@@ -632,6 +632,7 @@ module.exports = {
       saveDraft: 'Save Draft',
       releaseNote: 'Release Note',
       errorTip: {
+        noDid: 'Blocklet DID is required',
         noTitle: 'Blocklet Title is required',
         noVersion: 'Blocklet Version is required',
         noDescription: 'Blocklet Description is required',
@@ -1313,7 +1314,8 @@ module.exports = {
       launchFailed: 'Failed to launch the app, please try again',
       installedButStopped: 'The app is installed successfully, but cannot be started. You can start it manually after resolving blocking issues',
       installedButError: 'The app is successfully installed, but failed to start',
-      restoreFailed: 'Failed to restore app, please try again'
+      restoreFailed: 'Failed to restore app, please try again',
+      resourceBlocklet: 'Resource Blocklet cannot be installed as an application, you can mount this blocklet into existing applications.'
     },
     steps: {
       introduction: 'Introduction',

package/es/locales/zh.js

@@ -639,6 +639,7 @@ module.exports = {
       saveDraft: '保存草稿',
       releaseNote: '发布说明',
       errorTip: {
+        noDid: '请填写 Blocklet DID',
         noTitle: '请填写 Blocklet 名称',
         noVersion: '请填写 Blocklet 版本号',
         noDescription: '请填写 Blocklet 描述',
@@ -1318,7 +1319,8 @@ module.exports = {
       launchFailed: '启动应用失败，请重试',
       installedButStopped: '应用安装成功，但是无法启动，解决启动问题之后后可手动启动',
       installedButError: '应用已经安装，但是运行出错了',
-      restoreFailed: '还原应用失败,请重试'
+      restoreFailed: '还原应用失败,请重试',
+      resourceBlocklet: '资源 Blocklet 无法作为应用被安装，你可以将该 Blocklet 挂载到现有的应用中。'
     },
     steps: {
       introduction: '简介',

package/es/team/members/toggle-user-approval.js

@@ -2,6 +2,7 @@ import { useState } from 'react';
 import PropTypes from 'prop-types';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Toast from '@arcblock/ux/lib/Toast';
+import { hasActiveOwnerPassport } from '@abtnode/util/lib/passport';
 import Confirm from '../../confirm';
 import { useNodeContext } from '../../contexts/node';
 import { useTeamContext } from '../../contexts/team';
@@ -82,7 +83,9 @@ export default function ToggleUserApproval({
     color: user.approved ? 'error' : 'primary'
   };
   let can;
-  if (!inService) {
+  if (hasActiveOwnerPassport(user)) {
+    can = false;
+  } else if (!inService) {
     can = nodeInfo.nodeOwner && !isNodeOwner(nodeInfo, user.did) && !isSelf(session.user, user.did);
   } else {
     can = !isSelf(session.user, user.did);

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

@@ -10,13 +10,13 @@ var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _Breadcrumbs = _interopRequireDefault(require("@mui/material/Breadcrumbs"));
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
-var _didAddress = _interopRequireDefault(require("../../did-address"));
 var _node = require("../../contexts/node");
 var _blocklet = require("../../contexts/blocklet");
 var _session = require("../../contexts/session");
@@ -80,6 +80,14 @@ function CreateProject(_ref) {
     setOpenConnect(false);
   };
   const onCreate = () => {
+    if (!blockletDid) {
+      _Toast.default.error(t('blocklet.publish.errorTip.noDid'));
+      return;
+    }
+    if (!blockletTitle) {
+      _Toast.default.error(t('blocklet.publish.errorTip.noTitle'));
+      return;
+    }
     setLoading(true);
     api.createProject({
       input: {
@@ -113,26 +121,29 @@ function CreateProject(_ref) {
       style: {
         maxWidth: 500
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+        required: true,
         sx: {
-          mb: 3
+          mb: 4
         },
-        display: "flex",
-        alignItems: "center",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
-          variant: "h6",
-          sx: {
-            mr: 3
-          },
-          children: ["Blocklet DID:", ' ']
-        }), blockletDid ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
-          size: 14,
-          responsive: true,
-          did: blockletDid
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-          onClick: () => setOpenConnect(true),
-          children: t('blocklet.publish.createBlockletDid')
-        })]
+        label: "Blocklet DID",
+        fullWidth: true,
+        readonly: true,
+        autoComplete: "off",
+        variant: "outlined",
+        onClick: () => !blockletDid && setOpenConnect(true),
+        InputProps: {
+          'data-cy': 'export-blocklet-did',
+          endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputAdornment.default, {
+            position: "end",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+              onClick: () => setOpenConnect(true),
+              children: t(blockletDid ? 'common.update' : 'common.create')
+            })
+          })
+        },
+        helperText: "",
+        value: blockletDid || ''
       }), openConnect && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
         open: true,
         popup: true,
@@ -155,10 +166,11 @@ function CreateProject(_ref) {
           success: t('blocklet.publish.connect.success')
         }
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+        required: true,
         label: "Blocklet ".concat(t('common.title')),
         autoComplete: "off",
         variant: "outlined",
-        inputProps: {
+        InputProps: {
           'data-cy': 'export-blocklet-title'
         },
         fullWidth: true,
@@ -186,7 +198,7 @@ function CreateProject(_ref) {
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       variant: "contained",
-      disabled: loading || !blockletDid || !blockletTitle,
+      disabled: loading,
       onClick: onCreate,
       children: t('common.create')
     })]

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

@@ -18,6 +18,7 @@ var _Breadcrumbs = _interopRequireDefault(require("@mui/material/Breadcrumbs"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _DeleteOutline = _interopRequireDefault(require("@mui/icons-material/DeleteOutline"));
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
@@ -29,6 +30,7 @@ var _bundleAvatar = _interopRequireDefault(require("../bundle-avatar"));
 var _node = require("../../contexts/node");
 var _blocklet = require("../../contexts/blocklet");
 var _emptySpinner = _interopRequireDefault(require("../../empty-spinner"));
+var _util = require("../../util");
 var _resource = _interopRequireDefault(require("./resource"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
@@ -41,10 +43,49 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } // eslint-disable-next-line import/no-unresolved
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const allowedFileTypes = ['image/*', '.jpg', '.jpeg', '.png', '.gif', '.svg'];
+const maxFileSize = 1024 * 1024 * 10; // 10 MB
+
+// eslint-disable-next-line import/no-unresolved
 const UploaderComponent = /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('@blocklet/uploader/react'))).then(res => ({
   default: res.Uploader
 })));
+const validateParams = (params, status, t) => {
+  const errors = [];
+  if (!params.blockletTitle) {
+    errors.push({
+      param: 'blockletTitle',
+      message: t('blocklet.publish.errorTip.noTitle')
+    });
+  }
+  if (!params.blockletVersion) {
+    errors.push({
+      param: 'blockletVersion',
+      message: t('blocklet.publish.errorTip.noVersion')
+    });
+  } else if (!_semver.default.valid(params.blockletVersion)) {
+    errors.push({
+      param: 'blockletVersion',
+      message: 'Invalid Blocklet Version'
+    });
+  }
+  if (status === _constant.PROJECT.RELEASE_STATUS.published) {
+    if (!params.blockletDescription) {
+      errors.push({
+        param: 'blockletDescription',
+        message: t('blocklet.publish.errorTip.noDescription')
+      });
+    }
+    if (!params.note) {
+      errors.push({
+        param: 'note',
+        message: t('blocklet.publish.errorTip.noNote')
+      });
+    }
+  }
+  return errors.length ? errors : null;
+};
 const addComponentTabs = _ref => {
   let {
     tabs,
@@ -73,9 +114,13 @@ const addComponentTabs = _ref => {
     value: key
   });
 };
-const pickParams = release => (0, _pick.default)(release, ['blockletVersion', 'blockletTitle', 'blockletDescription', 'blockletLogo', 'blockletIntroduction', 'blockletScreenshots', 'note']);
+const pickParams = release => {
+  const params = (0, _pick.default)(release, ['blockletVersion', 'blockletTitle', 'blockletDescription', 'blockletLogo', 'blockletIntroduction', 'blockletScreenshots', 'note']);
+  params.blockletScreenshots || (params.blockletScreenshots = []);
+  return params;
+};
 function CreateRelease(_ref2) {
-  var _tabs$;
+  var _tabs$, _params$blockletIntro, _params$note;
   let rest = Object.assign({}, (_objectDestructuringEmpty(_ref2), _ref2));
   const navigate = (0, _reactRouterDom.useNavigate)();
   const {
@@ -89,6 +134,7 @@ function CreateRelease(_ref2) {
     blocklet
   } = (0, _blocklet.useBlockletContext)();
   const [params, setParams] = (0, _useSetState.default)(null);
+  const [paramsErrTip, setParamsErrTip] = (0, _react.useState)({});
   const [loading, setLoading] = (0, _react.useState)(false);
   const [release, setRelease] = (0, _react.useState)(null);
   const {
@@ -128,7 +174,7 @@ function CreateRelease(_ref2) {
       setParams(pickParams(data));
     }).catch(err => {
       setLoading(false);
-      _Toast.default.error(err.message);
+      _Toast.default.error((0, _util.formatError)(err));
     });
   };
   const getRelease = () => {
@@ -144,7 +190,7 @@ function CreateRelease(_ref2) {
       setRelease(res === null || res === void 0 ? void 0 : res.release);
     }).catch(err => {
       setLoading(false);
-      _Toast.default.error(err.message);
+      _Toast.default.error((0, _util.formatError)(err));
     });
   };
   const getData = () => {
@@ -164,28 +210,21 @@ function CreateRelease(_ref2) {
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
   const onRelease = status => {
-    if (!params.blockletTitle) {
-      _Toast.default.error(t('blocklet.publish.errorTip.noTitle'));
+    const errors = validateParams(params, status, t);
+    if (errors) {
+      _Toast.default.error(errors.map(x => x.message).join('; '));
+      setParamsErrTip(errors.reduce((acc, x) => _objectSpread(_objectSpread({}, acc), {}, {
+        [x.param]: x.message
+      }), {}));
       return;
     }
-    if (!params.blockletVersion) {
-      _Toast.default.error(t('blocklet.publish.errorTip.noVersion'));
-      return;
-    }
-    if (status === _constant.PROJECT.RELEASE_STATUS.published) {
-      if (!params.blockletDescription) {
-        _Toast.default.error(t('blocklet.publish.errorTip.noDescription'));
-        return;
-      }
-      if (!params.note) {
-        _Toast.default.error(t('blocklet.publish.errorTip.noNote'));
-        return;
-      }
-    }
     const _params = _objectSpread({}, params);
     _params.blockletVersion = _semver.default.valid(_params.blockletVersion);
     if (!_params.blockletVersion) {
       _Toast.default.error('Invalid Blocklet Version');
+      setParamsErrTip({
+        blockletVersion: 'Invalid Blocklet Version'
+      });
       return;
     }
     _params.blockletTitle = (_params.blockletTitle || '').trim();
@@ -214,7 +253,7 @@ function CreateRelease(_ref2) {
         });
       }
     }).catch(err => {
-      _Toast.default.error(err.message);
+      _Toast.default.error((0, _util.formatError)(err));
     });
   };
   if (!params && loading) {
@@ -304,7 +343,7 @@ function CreateRelease(_ref2) {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
             label: "Blocklet ".concat(t('common.title')),
             placeholder: "Blocklet ".concat(t('common.title')),
-            inputProps: {
+            InputProps: {
               'data-cy': 'blocklet-title',
               readOnly
             },
@@ -313,14 +352,19 @@ function CreateRelease(_ref2) {
             fullWidth: true,
             value: params.blockletTitle || '',
             onChange: e => {
+              setParamsErrTip({
+                blockletTitle: ''
+              });
               setParams({
                 blockletTitle: e.target.value
               });
-            }
+            },
+            error: !!paramsErrTip.blockletTitle,
+            helperText: paramsErrTip.blockletTitle || ''
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
             label: "Blocklet ".concat(t('common.description')),
             placeholder: "Blocklet ".concat(t('common.description')),
-            inputProps: {
+            InputProps: {
               'data-cy': 'blocklet-description',
               readOnly
             },
@@ -329,31 +373,45 @@ function CreateRelease(_ref2) {
             fullWidth: true,
             value: params.blockletDescription || '',
             onChange: e => {
+              setParamsErrTip({
+                blockletDescription: ''
+              });
               setParams({
                 blockletDescription: e.target.value
               });
             },
+            error: !!paramsErrTip.blockletDescription,
+            helperText: paramsErrTip.blockletDescription || '',
             sx: {
               mt: 3
             }
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
             label: "Blocklet ".concat(t('common.introduction')),
             placeholder: "Blocklet ".concat(t('common.introduction')),
-            inputProps: {
+            InputProps: {
               'data-cy': 'export-blocklet-introduction',
-              readOnly
+              readOnly,
+              endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_InputAdornment.default, {
+                position: "end",
+                children: [(params === null || params === void 0 ? void 0 : (_params$blockletIntro = params.blockletIntroduction) === null || _params$blockletIntro === void 0 ? void 0 : _params$blockletIntro.length) || 0, " / ", _constant.PROJECT.MAX_INTRO_LENGTH]
+              })
             },
             autoComplete: "off",
             variant: "outlined",
             fullWidth: true,
             multiline: true,
-            rows: 4,
+            minRows: 4,
             value: params.blockletIntroduction || '',
             onChange: e => {
+              setParamsErrTip({
+                blockletIntroduction: ''
+              });
               setParams({
-                blockletIntroduction: e.target.value
+                blockletIntroduction: e.target.value.slice(0, _constant.PROJECT.MAX_INTRO_LENGTH)
               });
             },
+            error: !!paramsErrTip.blockletIntroduction,
+            helperText: paramsErrTip.blockletIntroduction || '',
             sx: {
               mt: 3
             }
@@ -374,7 +432,7 @@ function CreateRelease(_ref2) {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
             label: "Blocklet ".concat(t('common.version')),
             placeholder: "Blocklet ".concat(t('common.version')),
-            inputProps: {
+            InputProps: {
               'data-cy': 'blocklet-version',
               readOnly
             },
@@ -383,27 +441,41 @@ function CreateRelease(_ref2) {
             fullWidth: true,
             value: params.blockletVersion,
             onChange: e => {
+              setParamsErrTip({
+                blockletVersion: ''
+              });
               setParams({
                 blockletVersion: e.target.value
               });
-            }
+            },
+            error: !!paramsErrTip.blockletVersion,
+            helperText: paramsErrTip.blockletVersion || ''
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
             label: t('blocklet.publish.releaseNote'),
             autoComplete: "off",
             variant: "outlined",
-            inputProps: {
+            InputProps: {
               'data-cy': 'release-note',
-              readOnly
+              readOnly,
+              endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_InputAdornment.default, {
+                position: "end",
+                children: [(params === null || params === void 0 ? void 0 : (_params$note = params.note) === null || _params$note === void 0 ? void 0 : _params$note.length) || 0, " / ", _constant.PROJECT.MAX_NOTE_LENGTH]
+              })
             },
             fullWidth: true,
             multiline: true,
-            rows: 4,
+            minRows: 4,
             value: params.note,
             onChange: e => {
+              setParamsErrTip({
+                note: ''
+              });
               setParams({
-                note: e.target.value
+                note: e.target.value.slice(0, _constant.PROJECT.MAX_NOTE_LENGTH)
               });
             },
+            error: !!paramsErrTip.note,
+            helperText: paramsErrTip.note || '',
             sx: {
               mt: 3
             }
@@ -503,11 +575,19 @@ function CreateRelease(_ref2) {
             setParams({
               blockletLogo: result.data.filename
             });
+            uploaderLogoRef.current.close();
           },
-          plugins: ['ImageEditor', 'Url', 'Webcam'],
+          plugins: [],
           apiPathProps: {
             uploader: uploadLogoPrefix,
             disableMediaKitPrefix: true
+          },
+          coreProps: {
+            restrictions: {
+              allowedFileTypes,
+              maxFileSize,
+              maxNumberOfFiles: 1
+            }
           }
         }, "uploader-screenshot"), /*#__PURE__*/(0, _jsxRuntime.jsx)(UploaderComponent, {
           id: "\u200Buploader-screenshot",
@@ -520,11 +600,19 @@ function CreateRelease(_ref2) {
             setParams({
               blockletScreenshots
             });
+            uploaderScreenshotRef.current.close();
           },
-          plugins: ['ImageEditor', 'Url', 'Webcam'],
+          plugins: [],
           apiPathProps: {
             uploader: uploadScreenshotPrefix,
             disableMediaKitPrefix: true
+          },
+          coreProps: {
+            restrictions: {
+              allowedFileTypes,
+              maxFileSize,
+              maxNumberOfFiles: 5 - screenshotUrls.length
+            }
           }
         }, "uploader-screenshot")]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
@@ -559,7 +647,7 @@ function CreateRelease(_ref2) {
 }
 CreateRelease.propTypes = {};
 CreateRelease.defaultProps = {};
-const Main = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .sticky-header {\n    margin-top: -12px;\n    padding: 12px 0;\n    position: sticky;\n    top: 0;\n    z-index: 99;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: #fff;\n    padding-bottom: 12px;\n    border-bottom: ", ";\n  }\n  .screenshot {\n    margin-bottom: 16px;\n    max-width: 200px;\n    max-height: 140px;\n    width: 200px;\n    height: 140px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #eee;\n    margin-right: 16px;\n    position: relative;\n    .action {\n      visibility: hidden;\n      position: absolute;\n      top: 0px;\n      right: 0px;\n      background-color: rgba(0, 0, 0, 0.2);\n      color: rgba(255, 255, 255, 0.8);\n    }\n    &:hover .action {\n      visibility: visible;\n    }\n  }\n  .screenshot img {\n    width: 100%; /* \u56FE\u50CF\u5BBD\u5EA6\u586B\u5145\u5BB9\u5668 */\n    height: auto; /* \u56FE\u50CF\u9AD8\u5EA6\u81EA\u9002\u5E94 */\n  }\n  .section {\n    max-width: 800px;\n    &.full-width {\n      max-width: 100%;\n    }\n    .MuiTypography-h3 {\n      font-size: 1.1rem;\n      font-weight: 700;\n    }\n    .left {\n      flex-shrink: 0;\n      width: 140px;\n    }\n    .MuiTabs-root {\n      margin-top: 8px;\n      transform: translateX(-16px);\n      .MuiButtonBase-root .text {\n        color: ", ";\n      }\n      .MuiButtonBase-root.Mui-selected .text {\n        color: ", ";\n      }\n    }\n    .MuiTabs-indicator {\n      display: none;\n    }\n    .MuiTypography-subtitle1 {\n      width: 120px;\n      font-weight: 700;\n      font-size: 1rem;\n      ", " {\n        width: 80px;\n      }\n    }\n  }\n  .MuiButtonBase-root {\n    a {\n      color: inherit;\n    }\n  }\n"])), _ref3 => {
+const Main = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .sticky-header {\n    margin-top: -12px;\n    padding: 12px 0;\n    position: sticky;\n    top: 0;\n    z-index: 99;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: #fff;\n    padding-bottom: 12px;\n    border-bottom: ", ";\n  }\n  .screenshot {\n    margin-bottom: 16px;\n    max-width: 200px;\n    max-height: 140px;\n    width: 200px;\n    height: 140px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #eee;\n    margin-right: 16px;\n    position: relative;\n    .action {\n      visibility: hidden;\n      position: absolute;\n      top: 0px;\n      right: 0px;\n      background-color: rgba(0, 0, 0, 0.2);\n      color: rgba(255, 255, 255, 0.8);\n    }\n    &:hover .action {\n      visibility: visible;\n    }\n  }\n  .screenshot img {\n    width: 100%; /* \u56FE\u50CF\u5BBD\u5EA6\u586B\u5145\u5BB9\u5668 */\n    height: auto; /* \u56FE\u50CF\u9AD8\u5EA6\u81EA\u9002\u5E94 */\n  }\n  .section {\n    max-width: 800px;\n    &.full-width {\n      max-width: 100%;\n    }\n    .MuiTypography-h3 {\n      font-size: 1.1rem;\n      font-weight: 700;\n    }\n    .left {\n      flex-shrink: 0;\n      width: 140px;\n    }\n    .MuiTabs-root {\n      margin-top: 8px;\n      transform: translateX(-16px);\n      .MuiButtonBase-root .text {\n        color: ", ";\n      }\n      .MuiButtonBase-root.Mui-selected .text {\n        color: ", ";\n      }\n    }\n    .MuiTabs-indicator {\n      display: none;\n    }\n    .MuiTypography-subtitle1 {\n      width: 120px;\n      font-weight: 700;\n      font-size: 1rem;\n      ", " {\n        width: 80px;\n      }\n    }\n  }\n  .MuiButtonBase-root {\n    a {\n      color: inherit;\n    }\n  }\n  .MuiInputBase-multiline .MuiInputAdornment-positionEnd {\n    align-self: flex-end;\n    .MuiTypography-root {\n      font-size: 0.8rem;\n    }\n    font-size: 0.8rem;\n  }\n"])), _ref3 => {
   let {
     theme
   } = _ref3;

package/lib/blocklet/publish/project-list.js

@@ -14,6 +14,8 @@ var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
 var _Datatable = _interopRequireDefault(require("@arcblock/ux/lib/Datatable"));
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _Tag = _interopRequireDefault(require("@arcblock/ux/lib/Tag"));
+var _RelativeTime = _interopRequireDefault(require("@arcblock/ux/lib/RelativeTime"));
 var _blocklet = require("../../contexts/blocklet");
 var _node = require("../../contexts/node");
 var _emptySpinner = _interopRequireDefault(require("../../empty-spinner"));
@@ -114,7 +116,7 @@ function ProjectList() {
     });
   }
   const columns = [{
-    label: t('common.name'),
+    label: 'Blocklet',
     name: 'blockletTitle',
     options: {
       customBodyRenderLite: rawIndex => {
@@ -126,7 +128,7 @@ function ProjectList() {
       }
     }
   }, {
-    label: t('common.address'),
+    label: 'DID',
     name: 'blockletDid',
     options: {
       customBodyRender: e => {
@@ -137,6 +139,28 @@ function ProjectList() {
         });
       }
     }
+  }, {
+    label: 'Version',
+    name: 'blockletVersion',
+    options: {
+      customBodyRender: value => {
+        return value ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
+          type: "success",
+          children: value
+        }) : '';
+      }
+    }
+  }, {
+    label: t('common.updatedAt'),
+    name: 'updatedAt',
+    options: {
+      customBodyRender: value => {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RelativeTime.default, {
+          value: Number(value),
+          locale: locale
+        });
+      }
+    }
   }, {
     label: t('common.actions'),
     name: 'actions',

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

@@ -21,6 +21,8 @@ var _constant = require("@abtnode/constant");
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
 var _Tag = _interopRequireDefault(require("@arcblock/ux/lib/Tag"));
+var _RelativeTime = _interopRequireDefault(require("@arcblock/ux/lib/RelativeTime"));
+var _constant2 = require("@blocklet/constant");
 var _blocklet = require("../../contexts/blocklet");
 var _node = require("../../contexts/node");
 var _emptySpinner = _interopRequireDefault(require("../../empty-spinner"));
@@ -196,6 +198,21 @@ function ReleaseList() {
         });
       }
     }
+  }, {
+    label: t('common.lastPublishedAt'),
+    name: 'updatedAt',
+    options: {
+      customBodyRenderLite: rawIndex => {
+        const release = releases[rawIndex];
+        if (release.status !== _constant2.PROJECT.RELEASE_STATUS.published) {
+          return '';
+        }
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RelativeTime.default, {
+          value: Number(release.updatedAt),
+          locale: locale
+        });
+      }
+    }
   }, {
     label: t('common.actions'),
     name: 'actions',
@@ -204,11 +221,15 @@ function ReleaseList() {
         const release = releases[rawIndex];
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
           display: "flex",
+          alignItems: "center",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
             color: "primary",
             "aria-label": "download",
             disabled: release.status !== 'published',
             children: release.status === 'published' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              style: {
+                display: 'flex'
+              },
               href: (0, _urlJoin.default)("".concat(_constant.WELLKNOWN_SERVICE_PATH_PREFIX, "/api/project/").concat(blocklet.meta.did, "/").concat(project.id, "/").concat(release.id, "/download/").concat((release.files || [])[0])),
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Download.default, {
                 sx: {

package/lib/blocklet/router/util.js

@@ -7,6 +7,7 @@ exports.validateSite = exports.validateRule = exports.validatePathPrefix = expor
 var _constant = require("@abtnode/constant");
 var _isPathPrefixEqual = _interopRequireDefault(require("@abtnode/util/lib/is-path-prefix-equal"));
 var _constant2 = require("@blocklet/constant");
+var _hasStartEngine = _interopRequireDefault(require("@blocklet/meta/lib/has-start-engine"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /* eslint-disable import/prefer-default-export */
 
@@ -86,7 +87,7 @@ const validatePathPrefix = _ref => {
   } = _ref;
   // validate children
   if (curBlocklet) {
-    let exist = (curBlocklet.children || []).find(x => (0, _isPathPrefixEqual.default)(x.mountPoint, params.pathPrefix));
+    let exist = (curBlocklet.children || []).find(x => (0, _hasStartEngine.default)(x.meta) && (0, _isPathPrefixEqual.default)(x.mountPoint, params.pathPrefix));
     if (curBlocklet.meta.group !== 'gateway' && params.pathPrefix === '/') {
       exist = '/';
     }

package/lib/locales/en.js

@@ -634,6 +634,7 @@ module.exports = {
       saveDraft: 'Save Draft',
       releaseNote: 'Release Note',
       errorTip: {
+        noDid: 'Blocklet DID is required',
         noTitle: 'Blocklet Title is required',
         noVersion: 'Blocklet Version is required',
         noDescription: 'Blocklet Description is required',
@@ -1315,7 +1316,8 @@ module.exports = {
       launchFailed: 'Failed to launch the app, please try again',
       installedButStopped: 'The app is installed successfully, but cannot be started. You can start it manually after resolving blocking issues',
       installedButError: 'The app is successfully installed, but failed to start',
-      restoreFailed: 'Failed to restore app, please try again'
+      restoreFailed: 'Failed to restore app, please try again',
+      resourceBlocklet: 'Resource Blocklet cannot be installed as an application, you can mount this blocklet into existing applications.'
     },
     steps: {
       introduction: 'Introduction',

package/lib/locales/zh.js

@@ -641,6 +641,7 @@ module.exports = {
       saveDraft: '保存草稿',
       releaseNote: '发布说明',
       errorTip: {
+        noDid: '请填写 Blocklet DID',
         noTitle: '请填写 Blocklet 名称',
         noVersion: '请填写 Blocklet 版本号',
         noDescription: '请填写 Blocklet 描述',
@@ -1320,7 +1321,8 @@ module.exports = {
       launchFailed: '启动应用失败，请重试',
       installedButStopped: '应用安装成功，但是无法启动，解决启动问题之后后可手动启动',
       installedButError: '应用已经安装，但是运行出错了',
-      restoreFailed: '还原应用失败,请重试'
+      restoreFailed: '还原应用失败,请重试',
+      resourceBlocklet: '资源 Blocklet 无法作为应用被安装，你可以将该 Blocklet 挂载到现有的应用中。'
     },
     steps: {
       introduction: '简介',

package/lib/team/members/toggle-user-approval.js

@@ -8,6 +8,7 @@ var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _passport = require("@abtnode/util/lib/passport");
 var _confirm = _interopRequireDefault(require("../../confirm"));
 var _node = require("../../contexts/node");
 var _team = require("../../contexts/team");
@@ -88,7 +89,9 @@ function ToggleUserApproval(_ref) {
     color: user.approved ? 'error' : 'primary'
   };
   let can;
-  if (!inService) {
+  if ((0, _passport.hasActiveOwnerPassport)(user)) {
+    can = false;
+  } else if (!inService) {
     can = nodeInfo.nodeOwner && !isNodeOwner(nodeInfo, user.did) && !isSelf(session.user, user.did);
   } else {
     can = !isSelf(session.user, user.did);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.17-beta-d282d63e",
+  "version": "1.16.17-beta-4f13d99d",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -27,24 +27,24 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.17-beta-d282d63e",
-    "@abtnode/constant": "1.16.17-beta-d282d63e",
-    "@abtnode/util": "1.16.17-beta-d282d63e",
+    "@abtnode/auth": "1.16.17-beta-4f13d99d",
+    "@abtnode/constant": "1.16.17-beta-4f13d99d",
+    "@abtnode/util": "1.16.17-beta-4f13d99d",
     "@ahooksjs/use-url-state": "^3.5.1",
-    "@arcblock/did": "^1.18.91",
-    "@arcblock/did-connect": "^2.7.25",
+    "@arcblock/did": "^1.18.92",
+    "@arcblock/did-connect": "^2.7.27",
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.7.25",
-    "@arcblock/nft-display": "2.7.25",
-    "@arcblock/react-hooks": "^2.7.25",
-    "@arcblock/terminal": "^2.7.25",
-    "@arcblock/ux": "^2.7.25",
-    "@blocklet/constant": "1.16.17-beta-d282d63e",
-    "@blocklet/launcher-layout": "2.2.19",
+    "@arcblock/icons": "^2.7.27",
+    "@arcblock/nft-display": "2.7.27",
+    "@arcblock/react-hooks": "^2.7.27",
+    "@arcblock/terminal": "^2.7.27",
+    "@arcblock/ux": "^2.7.27",
+    "@blocklet/constant": "1.16.17-beta-4f13d99d",
+    "@blocklet/launcher-layout": "2.2.21",
     "@blocklet/list": "^0.12.45",
-    "@blocklet/meta": "1.16.17-beta-d282d63e",
-    "@blocklet/ui-react": "^2.7.25",
-    "@blocklet/uploader": "^0.0.24",
+    "@blocklet/meta": "1.16.17-beta-4f13d99d",
+    "@blocklet/ui-react": "^2.7.27",
+    "@blocklet/uploader": "^0.0.26",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@iconify/react": "^4.0.0",
@@ -54,7 +54,7 @@
     "@mui/material": "^5.14.10",
     "@mui/styles": "^5.14.10",
     "@mui/x-date-pickers": "^6.14.0",
-    "@ocap/client": "1.18.91",
+    "@ocap/client": "1.18.92",
     "@uiw/react-markdown-preview": "4.0.6",
     "ahooks": "^3.7.1",
     "axios": "^0.27.2",
@@ -100,7 +100,7 @@
     "babel-plugin-inline-react-svg": "^1.1.2",
     "glob": "^10.3.3"
   },
-  "gitHead": "b675be55d76903e8b92d98cfca7d960fcfedd98f",
+  "gitHead": "005478c4b14448f2ae896ae363972afbde1d7e7b",
   "exports": {
     ".": {
       "import": "./es/index.js",