@abtnode/ux 1.16.28-next-5a717317 → 1.16.28

package/lib/blocklet/component/did-space/connect-to.js

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import Button from '@arcblock/ux/lib/Button';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import DidConnect from '@arcblock/did-connect/lib/Connect';
-import joinUrl from 'url-join';
+import { joinURL } from 'ufo';
 import toast from '@arcblock/ux/lib/Toast';
 import SplitButton from '@arcblock/ux/lib/SplitButton';
 import Dialog from '@arcblock/ux/lib/Dialog';
@@ -62,7 +62,7 @@ function ConnectTo({
     checkTimeout: 1000 * 300,
     prefix: '/api/did',
     checkFn: axios.create({
-      baseURL: joinUrl(window.location.origin, getPathPrefix())
+      baseURL: joinURL(window.location.origin, getPathPrefix())
     }).get,
     messages: {
       title: t('storage.spaces.provideNFT.title', {
@@ -191,10 +191,10 @@ function ConnectTo({
       setAuthorizeConnect(preValue => ({
         ...preValue,
         open: true,
-        prefix: joinUrl(didSpacesCoreUrl, 'space/api/did'),
+        prefix: joinURL(didSpacesCoreUrl, 'space/api/did'),
         baseUrl: new URL(didSpacesCoreUrl).origin,
         checkFn: axios.create({
-          baseURL: joinUrl(didSpacesCoreUrl, 'space')
+          baseURL: joinURL(didSpacesCoreUrl, 'space')
         }).get,
         extraParams: {
           appDid: blockletInfo.appDid,

package/lib/blocklet/component/index.js

@@ -7,11 +7,10 @@ import DialogContent from '@mui/material/DialogContent';
 import DialogTitle from '@mui/material/DialogTitle';
 import DialogActions from '@mui/material/DialogActions';
 import UpdateIcon from '@mui/icons-material/Update';
-import IconButton from '@mui/material/IconButton';
 import AddIcon from '@mui/icons-material/Add';
+import { Icon } from '@iconify/react';
 import SettingsOutlinedIcon from '@mui/icons-material/SettingsOutlined';
 import Grid from '@mui/material/Grid';
-import Tooltip from '@mui/material/Tooltip';
 import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
 import Checkbox from '@mui/material/Checkbox';
 import FormControlLabel from '@mui/material/FormControlLabel';
@@ -37,6 +36,7 @@ import useGetInstallComponentByUrl from '../../hooks/use-install-component-by-ur
 import ComponentCell, { StyledBadge, StyledComponentRow } from './component-cell';
 import OptionalComponentCell from './optional-component-cell';
 import AddComponentDialog from './add-component/add-component-dialog';
+import Actions from '../../actions';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function BlockletComponent({
   blocklet,
@@ -61,6 +61,8 @@ export default function BlockletComponent({
   const [updateConfirm, setUpdateConfirm] = useState(null);
   const [showSettings, setShowSettings] = useState(null);
   const [showContainer, setShowContainer] = useState(false);
+  const [showAddRule, setShowAddRule] = useState(false);
+  const [showComponentConfiguration, setShowComponentConfiguration] = useState(false);
   const [installComponentMeta, setInstallComponentMeta] = useState(null);
   const needMigration = blocklet && blocklet.structVersion !== APP_STRUCT_VERSION;
 
@@ -283,24 +285,7 @@ export default function BlockletComponent({
         children: /*#__PURE__*/_jsxs(Box, {
           display: "flex",
           alignItems: "center",
-          children: [/*#__PURE__*/_jsx(AddRule, {
-            children: ({
-              open
-            }) => /*#__PURE__*/_jsxs(Button, {
-              disabled: loading || isInProgress(blocklet.status),
-              variant: "text",
-              color: "primary",
-              "data-cy": "add-rule",
-              className: "sm-hide-icon",
-              onClick: open,
-              children: [/*#__PURE__*/_jsx(AddIcon, {
-                style: {
-                  fontSize: '1.3em',
-                  marginRight: 4
-                }
-              }), t('router.rule.add.title')]
-            })
-          }), !needMigration && /*#__PURE__*/_jsx(AddComponentButton, {
+          children: [!needMigration && /*#__PURE__*/_jsx(AddComponentButton, {
             blocklet: blocklet,
             serverVersion: info.version,
             children: ({
@@ -319,24 +304,20 @@ export default function BlockletComponent({
                 }
               }), t('blocklet.component.add')]
             })
-          }), !needMigration && /*#__PURE__*/_jsx(ComponentConfiguration, {
-            blocklet: blocklet,
-            ancestors: [],
-            children: ({
-              open
-            }) => /*#__PURE__*/_jsx(Tooltip, {
-              title: `${t('blocklet.component.container')}${t('common.config')}`,
-              children: /*#__PURE__*/_jsx(IconButton, {
-                onClick: open,
-                size: "small",
-                color: "primary",
-                children: /*#__PURE__*/_jsx(SettingsOutlinedIcon, {
-                  style: {
-                    fontSize: 18
-                  }
-                })
-              })
-            }, "config")
+          }), /*#__PURE__*/_jsx(Actions, {
+            "data-cy": "component-actions",
+            actions: [{
+              icon: /*#__PURE__*/_jsx(Icon, {
+                icon: "fluent:link-20-filled"
+              }),
+              onClick: () => setShowAddRule(true),
+              text: t('router.rule.add.title'),
+              disabled: loading || isInProgress(blocklet.status)
+            }, !needMigration && {
+              icon: /*#__PURE__*/_jsx(SettingsOutlinedIcon, {}),
+              text: `${t('blocklet.component.container')}`,
+              onClick: () => setShowComponentConfiguration(true)
+            }].filter(Boolean)
           })]
         })
       })]
@@ -490,6 +471,16 @@ export default function BlockletComponent({
       blocklet: blocklet,
       showDialog: !!parseInstallComponentMeta,
       setShowDialog: () => setInstallComponentMeta(null)
+    }), showAddRule && /*#__PURE__*/_jsx(AddRule, {
+      hiddenChildren: true,
+      open: true,
+      onClose: () => setShowAddRule(false)
+    }), showComponentConfiguration && /*#__PURE__*/_jsx(ComponentConfiguration, {
+      open: true,
+      onClose: () => setShowComponentConfiguration(false),
+      hiddenChildren: true,
+      blocklet: blocklet,
+      ancestors: []
     })]
   });
 }

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

@@ -23,8 +23,7 @@ import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRe
 import { Controller, useForm } from 'react-hook-form';
 import { Icon, loadIcon } from '@iconify/react';
 import { isMatchSection, checkLink, flattenNavigation } from '@blocklet/meta/lib/parse-navigation-from-blocklet';
-import urljoin from 'url-join';
-import { withoutTrailingSlash } from 'ufo/dist/index.mjs';
+import { joinURL, withoutTrailingSlash } from 'ufo';
 import isAbsoluteUrl from 'is-absolute-url';
 import { SUPPORTED_LANGUAGES } from '@blocklet/constant';
 import LocaleTabs from './locale-tabs';
@@ -169,7 +168,7 @@ const NavigationDialog = /*#__PURE__*/forwardRef(function NavigationDialog({
         return withoutTrailingSlash(stringLink);
       }
       const selectedLink = isObject(selectedOption.link) ? selectedOption.link[state.locale] : selectedOption.link;
-      return withoutTrailingSlash(urljoin(stringLink, selectedLink || '/'));
+      return withoutTrailingSlash(joinURL(stringLink, selectedLink || '/'));
     }
     return null;
   }, [components, state.locale, selectedOption, watchComponent]);

package/lib/blocklet/component/space-connector.js

@@ -4,7 +4,7 @@ import { LocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { BLOCKLET_CONFIGURABLE_KEY, DID_SPACES } from '@blocklet/constant';
 import axios from 'axios';
 import PropTypes from 'prop-types';
-import joinUrl from 'url-join';
+import { joinURL } from 'ufo';
 import { isEmpty } from 'lodash';
 import Typography from '@mui/material/Typography';
 import Toast from '@arcblock/ux/lib/Toast';
@@ -118,10 +118,10 @@ const SpaceConnector = /*#__PURE__*/forwardRef(({
       ...preValue,
       action: 'one-click-authorization',
       checkTimeout: 1000 * 300,
-      prefix: joinUrl(gatewayUrl, 'space/api/did'),
+      prefix: joinURL(gatewayUrl, 'space/api/did'),
       baseUrl: new URL(gatewayUrl).origin,
       checkFn: axios.create({
-        baseURL: joinUrl(gatewayUrl, 'space')
+        baseURL: joinURL(gatewayUrl, 'space')
       }).get,
       extraParams: {
         appDid: blocklet.appDid,

package/lib/blocklet/component/space-selector.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
-import joinUrl from 'url-join';
+import { joinURL } from 'ufo';
 import isUrl from 'is-url';
 import useLocalStorage from 'react-use/lib/useLocalStorage';
 import Button from '@arcblock/ux/lib/Button';
@@ -40,7 +40,7 @@ function SpaceSelector({
   } = useSessionContext();
   useEffect(() => {
     if (gatewayUrl && !gatewayList.find(x => x.value === gatewayUrl)) {
-      api.get(joinUrl(gatewayUrl, '/__blocklet__.js?type=json')).then(res => {
+      api.get(joinURL(gatewayUrl, '/__blocklet__.js?type=json')).then(res => {
         // FIXME: @wangshijun handle mountPoint
         setGatewayList([...gatewayList, {
           value: gatewayUrl,

package/lib/blocklet/component/store-blocklet-list.js

@@ -3,7 +3,7 @@
 import { useEffect, useState } from 'react';
 import styled from '@emotion/styled';
 import PropTypes from 'prop-types';
-import joinUrl from 'url-join';
+import { joinURL } from 'ufo';
 import Link from '@mui/material/Link';
 import { ErrorFallback } from '@arcblock/ux/lib/ErrorBoundary';
 import { ErrorBoundary } from 'react-error-boundary';
@@ -20,7 +20,7 @@ import { formatRegistryLogoPath } from '../../util';
 import { useBlockletContext } from '../../contexts/blocklet';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const getStoreDetail = (meta, endpoint) => {
-  return joinUrl(endpoint, `/blocklets/${meta.did}`);
+  return joinURL(endpoint, `/blocklets/${meta.did}`);
 };
 const displayAttributes = ({
   blocklet,
@@ -42,7 +42,7 @@ function BlockletItem({
   const {
     t
   } = useLocaleContext();
-  let logoUrl = joinUrl(endpoint, formatRegistryLogoPath(blocklet.did, blocklet.logo || ''));
+  let logoUrl = joinURL(endpoint, formatRegistryLogoPath(blocklet.did, blocklet.logo || ''));
   try {
     const tempURL = new URL(logoUrl);
     tempURL.searchParams.set('v', blocklet.version || +new Date());

package/lib/blocklet/logo-uploader.js

@@ -1,6 +1,6 @@
 import React, { lazy, useRef } from 'react';
 import PropTypes from 'prop-types';
-import joinUrl from 'url-join';
+import { joinURL } from 'ufo';
 import styled from '@emotion/styled';
 import noop from 'lodash/noop';
 import Box from '@mui/material/Box';
@@ -52,7 +52,7 @@ export default function LogoUploader({
         disabled: true
       },
       apiPathProps: {
-        uploader: joinUrl(prefix, uploadPrefix, type, did),
+        uploader: joinURL(prefix, uploadPrefix, type, did),
         disableMediaKitPrefix: true
       },
       coreProps: {

package/lib/blocklet/notification/push-kit.js

@@ -85,7 +85,7 @@ function NotificationPushKit() {
       await api.sendPush({
         input: {
           did,
-          receiver: 'z1b9wxs47TXpA5s6VMoGFBk933tF7ujzFDt',
+          receiver: pageState.testReceiver,
           notification: JSON.stringify({
             title: 'Test push-kit notification',
             body: 'This is message from push-kit config test',

package/lib/blocklet/preferences/index.js

@@ -2,7 +2,7 @@ import React, { useState, useContext } from 'react';
 import styled from '@emotion/styled';
 import PropTypes from 'prop-types';
 import Iframe from 'react-iframe';
-import joinUrl from 'url-join';
+import { joinURL } from 'ufo';
 import { WELLKNOWN_SERVICE_PATH_PREFIX } from '@abtnode/constant';
 import { Grid, Box } from '@mui/material';
 import GeneralIcon from '@mui/icons-material/TuneRounded';
@@ -236,9 +236,9 @@ export default function BlockletPreferences({
     if (!inService) {
       urlSearchParams.set('authKey', '__sst');
     }
-    urlSearchParams.set('schemaKey', joinUrl(window.location.origin, pathPrefix, `/api/preferences?id=${encodeURIComponent(current)}`));
+    urlSearchParams.set('schemaKey', joinURL(window.location.origin, pathPrefix, `/api/preferences?id=${encodeURIComponent(current)}`));
     content = /*#__PURE__*/_jsx(Iframe, {
-      url: `${joinUrl(window.location.origin, pathPrefix, '/hosted/form-collector/')}?${urlSearchParams.toString()}`,
+      url: `${joinURL(window.location.origin, pathPrefix, '/hosted/form-collector/')}?${urlSearchParams.toString()}`,
       width: "100%",
       height: "100%",
       frameBorder: 0,

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

@@ -19,7 +19,7 @@ import ConnectStoreList from './connect-store-list';
 import { validateParams } from '../utils/validate-params';
 import { waitGetConnectedStore } from '../utils/wait-connect';
 import uploadImageToProject from '../utils/upload-image-to-project';
-import { uploadResource } from './resources';
+import { uploadResource } from './resource-select';
 import ClickToCopy from '../../../click-to-copy';
 import { formatError } from '../../../util';
 import { useNodeContext } from '../../../contexts/node';
@@ -44,7 +44,7 @@ function Header({
   resourceRelateComponents,
   disabledSelectComponents,
   saveSelectedEventsRef,
-  isSelectedResources,
+  hasSelectedResources,
   initLogoUrl,
   setLoading,
   releaseUsedLast,
@@ -72,7 +72,7 @@ function Header({
   const onRelease = async status => {
     const errors = validateParams({
       params,
-      isSelectedResources,
+      hasSelectedResources,
       projectId,
       status,
       t
@@ -140,32 +140,37 @@ function Header({
         return;
       }
     }
-    const saveKeys = Object.keys(saveSelectedEventsRef.current);
-    try {
-      await pAll(saveKeys.map(x => {
-        return () => {
-          const item = saveSelectedEventsRef.current[x];
-          return uploadResource({
-            api,
-            locale,
-            projectId,
-            releaseId: releaseUsedLast ? '' : releaseId,
-            appDid: blocklet.meta.did,
-            component: item.component,
-            resources: item.resources,
-            initUrl
-          });
-        };
-      }), {
-        concurrency: 2
-      });
-    } catch (err) {
-      Toast.error(err?.response?.data?.error?.message || err.message);
-      setLoading(false);
-      setParamsErrTip({
-        resources: 'Invalid save the resource'
-      });
-      return;
+    if (params.resourceFromSelect) {
+      _params.uploadedResource = '';
+      try {
+        const saveKeys = Object.keys(saveSelectedEventsRef.current);
+        await pAll(saveKeys.map(x => {
+          return () => {
+            const item = saveSelectedEventsRef.current[x];
+            return uploadResource({
+              api,
+              locale,
+              projectId,
+              releaseId: releaseUsedLast ? '' : releaseId,
+              appDid: blocklet.meta.did,
+              component: item.component,
+              resources: item.resources,
+              initUrl
+            });
+          };
+        }), {
+          concurrency: 2
+        });
+      } catch (err) {
+        Toast.error(err?.response?.data?.error?.message || err.message);
+        setLoading(false);
+        setParamsErrTip({
+          resources: 'Invalid save the resource'
+        });
+        return;
+      }
+    } else {
+      _params.blockletComponents = [];
     }
     _params.blockletTitle = (_params.blockletTitle || '').trim();
     _params.blockletDescription = (_params.blockletDescription || '').trim();
@@ -345,7 +350,7 @@ function Header({
               mr: 0.5
             },
             color: "inherit"
-          }), t('common.release')]
+          }), t('blocklet.publish.createRelease')]
         }), isPublished && /*#__PURE__*/_jsxs(_Fragment, {
           children: [installButton, /*#__PURE__*/_jsx("a", {
             href: joinURL(`${WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${blocklet.meta.did}/${projectId}/${releaseId}/download/${(release.files || [])[0]}`),
@@ -406,7 +411,7 @@ Header.propTypes = {
   resourceRelateComponents: PropTypes.object.isRequired,
   disabledSelectComponents: PropTypes.bool.isRequired,
   saveSelectedEventsRef: PropTypes.object.isRequired,
-  isSelectedResources: PropTypes.bool.isRequired,
+  hasSelectedResources: PropTypes.bool.isRequired,
   initLogoUrl: PropTypes.string.isRequired,
   setLoading: PropTypes.func.isRequired,
   releaseUsedLast: PropTypes.bool.isRequired,

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

@@ -4,10 +4,10 @@ import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Tabs from '@arcblock/ux/lib/Tabs';
 import Toast from '@arcblock/ux/lib/Toast';
 import styled from '@emotion/styled';
-import { Box, Tooltip, Typography, useMediaQuery } from '@mui/material';
+import { Box, FormControlLabel, Radio, RadioGroup, Tooltip, Typography, useMediaQuery } from '@mui/material';
 import pick from 'lodash/pick';
 import PropTypes from 'prop-types';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useParams } from 'react-router-dom';
 import useSetState from 'react-use/lib/useSetState';
 import semver from 'semver';
@@ -17,14 +17,15 @@ import { useNodeContext } from '../../../contexts/node';
 import EmptySpinner from '../../../empty-spinner';
 import { formatError } from '../../../util';
 import Blocklets from './blocklets';
-import Resources from './resources';
+import ResourceSelect from './resource-select';
 import Branding from './branding';
 import Header from './header';
 import Introduction from './introduction';
 import ReleaseStepper from './release-stepper';
 import StopBox from './stop-box';
 import Version from './version';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ResourceUpload from './resource-upload';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const addComponentTabs = ({
   tabs,
   blocklet,
@@ -52,7 +53,7 @@ const addComponentTabs = ({
   });
 };
 const pickParams = (baseParams, app) => {
-  const params = pick(baseParams, ['blockletVersion', 'blockletTitle', 'blockletDescription', 'blockletLogo', 'blockletIntroduction', 'blockletScreenshots', 'connectedStores', 'blockletComponents', 'lastReleaseId', 'note']);
+  const params = pick(baseParams, ['blockletVersion', 'blockletTitle', 'blockletDescription', 'blockletLogo', 'blockletIntroduction', 'blockletScreenshots', 'connectedStores', 'blockletComponents', 'lastReleaseId', 'uploadedResource', 'note']);
   if (!params.blockletComponents) {
     params.blockletComponents = (app.children || []).map(x => ({
       did: x.meta.did,
@@ -65,6 +66,7 @@ const pickParams = (baseParams, app) => {
       included: true
     }));
   }
+  params.resourceFromSelect = !params.uploadedResource;
   return params;
 };
 const stepsToLabel = {
@@ -100,7 +102,9 @@ export default function CreateRelease({
   const [params, setParams] = useSetState({
     blockletScreenshots: [],
     publishedStoreIds: [],
-    connectedStores: []
+    connectedStores: [],
+    uploadedResource: '',
+    resourceFromSelect: true
   });
   const [paramsErrTip, setParamsErrTip] = useSetState({});
   const [loading, setLoading] = useState(false);
@@ -272,7 +276,7 @@ export default function CreateRelease({
       }
     }
   }, [setParams, projectId, initUrl, mode]);
-  const isSelectedResources = useMemo(() => {
+  const hasSelectedResources = useMemo(() => {
     return !!Object.keys(selectedResourceIds).find(key => {
       if (selectedResourceIds[key].length) {
         return true;
@@ -339,7 +343,7 @@ export default function CreateRelease({
       resourceRelateComponents: resourceRelateComponents,
       resourceItem: resourceItem,
       saveSelectedEventsRef: saveSelectedEventsRef,
-      isSelectedResources: isSelectedResources,
+      hasSelectedResources: hasSelectedResources,
       releaseUsedLast: releaseUsedLast,
       setReleaseUsedLast: setReleaseUsedLast,
       setRelease: setRelease
@@ -361,7 +365,7 @@ export default function CreateRelease({
           steps: steps,
           viewMode: mode === 'view',
           params: params,
-          isSelectedResources: isSelectedResources,
+          hasSelectedResources: hasSelectedResources || params.uploadedResource,
           paramsErrTip: paramsErrTip,
           activeStep: activeStep,
           setActiveStep: setActiveStep,
@@ -455,17 +459,38 @@ export default function CreateRelease({
                 sx: {
                   flex: 1
                 },
-                children: [!componentDid && /*#__PURE__*/_jsx(Tabs, {
-                  tabs: tabs,
-                  current: tab,
-                  onChange: onTabChange,
-                  sx: {
-                    ml: -2,
-                    mt: -1.5,
-                    maxWidth: isMobile ? window.innerWidth - 24 : '100%'
-                  }
-                }), /*#__PURE__*/_jsx(Box, {
-                  children: /*#__PURE__*/_jsx(Resources, {
+                children: [/*#__PURE__*/_jsxs(RadioGroup, {
+                  onChange: () => setParams({
+                    resourceFromSelect: !params.resourceFromSelect
+                  }),
+                  children: [/*#__PURE__*/_jsx(FormControlLabel, {
+                    value: "select",
+                    disabled: readOnly,
+                    control: /*#__PURE__*/_jsx(Radio, {
+                      size: "small",
+                      checked: params.resourceFromSelect
+                    }),
+                    label: t('blocklet.publish.resourceSelect')
+                  }), /*#__PURE__*/_jsx(FormControlLabel, {
+                    value: "select",
+                    disabled: readOnly,
+                    control: /*#__PURE__*/_jsx(Radio, {
+                      size: "small",
+                      checked: !params.resourceFromSelect
+                    }),
+                    label: t('blocklet.publish.resourceUpload')
+                  })]
+                }), params.resourceFromSelect && /*#__PURE__*/_jsxs(_Fragment, {
+                  children: [!componentDid && /*#__PURE__*/_jsx(Tabs, {
+                    tabs: tabs,
+                    current: tab,
+                    onChange: onTabChange,
+                    sx: {
+                      ml: -2,
+                      mt: 2,
+                      maxWidth: isMobile ? window.innerWidth - 24 : '100%'
+                    }
+                  }), /*#__PURE__*/_jsx(ResourceSelect, {
                     loading: loading,
                     initialResources: initialResources,
                     saveSelectedEventsRef: saveSelectedEventsRef,
@@ -478,13 +503,21 @@ export default function CreateRelease({
                     component: resourceItem,
                     componentDid: componentDid,
                     initUrl: initUrl,
+                    params: params,
+                    setParams: setParams,
                     projectId: projectId === UNOWNED_DID ? '' : projectId,
                     releaseUsedLast: releaseUsedLast,
                     release: {
                       ...release,
                       id: releaseId
                     }
-                  })
+                  })]
+                }), !params.resourceFromSelect && /*#__PURE__*/_jsx(ResourceUpload, {
+                  app: blocklet,
+                  readOnly: readOnly,
+                  projectId: projectId === UNOWNED_DID ? '' : projectId,
+                  params: params,
+                  setParams: setParams
                 })]
               })
             })

package/lib/blocklet/publish/create-release/keep-now-resources.js

@@ -0,0 +1,15 @@
+function keepNowResources(trees, list) {
+  const listSet = new Set(list || []);
+  const result = [];
+  function traverse(tree) {
+    if (listSet.has(tree?.id)) {
+      result.push(tree?.id);
+    }
+    if (tree?.children) {
+      tree.children.forEach(traverse);
+    }
+  }
+  (trees || []).forEach(traverse);
+  return result;
+}
+export default keepNowResources;

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

@@ -8,7 +8,7 @@ export default function ReleaseStepper({
   steps,
   activeStep,
   setActiveStep,
-  isSelectedResources,
+  hasSelectedResources,
   params,
   loading,
   paramsErrTip,
@@ -37,7 +37,7 @@ export default function ReleaseStepper({
     return '';
   };
   const readOnly = viewMode || validateParams({
-    isSelectedResources,
+    hasSelectedResources,
     params,
     projectId,
     t
@@ -57,7 +57,7 @@ export default function ReleaseStepper({
       children: steps.map((step, index) => {
         const labelProps = {};
         const ok = loading || !validateParamsStep({
-          isSelectedResources,
+          hasSelectedResources,
           params,
           projectId,
           step: index,
@@ -149,7 +149,7 @@ ReleaseStepper.propTypes = {
   viewMode: PropTypes.string.isRequired,
   loading: PropTypes.bool.isRequired,
   projectId: PropTypes.string.isRequired,
-  isSelectedResources: PropTypes.bool.isRequired,
+  hasSelectedResources: PropTypes.bool.isRequired,
   paramsErrTip: PropTypes.shape({
     projectId: PropTypes.string,
     blockletVersion: PropTypes.string,