@abtnode/ux 1.8.48 → 1.8.49

package/lib/blocklet/access/index.js

@@ -23,7 +23,7 @@ var _blocklet = require("../../contexts/blocklet");
 var _team = require("../../contexts/team");
 var _util2 = require("../../util");
 var _line = _interopRequireDefault(require("../component/line"));
-var _avatar = _interopRequireDefault(require("../avatar"));
+var _bundleAvatar = _interopRequireDefault(require("../bundle-avatar"));
 var _configAccess = _interopRequireWildcard(require("./config-access"));
 var _config = _interopRequireDefault(require("../../who-can-access/config"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -111,7 +111,7 @@ function ComponentItem(_ref) {
       onClick: () => canExpand && setExpand(!expand),
       children: [canExpand ? expandIcon : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
         width: 28
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.default, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bundleAvatar.default, {
         blocklet: blocklet,
         ancestors: ancestors
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {

package/lib/blocklet/app-avatar.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletAppAvatar;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
+var _Avatar2 = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar"));
+var _useAppLogo = _interopRequireDefault(require("../hooks/use-app-logo"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["blocklet", "style", "size"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function BlockletAppAvatar(_ref) {
+  let {
+      blocklet,
+      style,
+      size
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const {
+    logoUrl
+  } = (0, _useAppLogo.default)({
+    blocklet
+  });
+  const {
+    variant
+  } = rest;
+  let imgEle = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+    src: logoUrl,
+    alt: "",
+    style: {
+      width: size
+    }
+  });
+  if (!blocklet.meta.logo) {
+    imgEle = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar2.default, {
+      did: blocklet.meta.did || '',
+      responsive: true
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, _objectSpread(_objectSpread({
+    variant: variant || 'square',
+    style: Object.assign({
+      backgroundColor: 'transparent',
+      width: size,
+      height: size,
+      borderRadius: 10
+    }, style)
+  }, rest), {}, {
+    children: imgEle
+  }));
+}
+BlockletAppAvatar.propTypes = {
+  blocklet: _propTypes.default.object.isRequired,
+  style: _propTypes.default.object,
+  size: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
+};
+BlockletAppAvatar.defaultProps = {
+  style: {},
+  size: 40
+};

package/lib/blocklet/{avatar.js → bundle-avatar.js}

@@ -7,7 +7,7 @@ exports.default = BlockletAvatar;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
 var _Avatar2 = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar"));
-var _useAvatar = _interopRequireDefault(require("../hooks/use-avatar"));
+var _useBundleLogo = _interopRequireDefault(require("../hooks/use-bundle-logo"));
 var _node = require("../contexts/node");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["blocklet", "style", "size", "ancestors"];
@@ -29,7 +29,7 @@ function BlockletAvatar(_ref) {
   const {
     logoUrl,
     inService
-  } = (0, _useAvatar.default)({
+  } = (0, _useBundleLogo.default)({
     blocklet,
     ancestors
   });

package/lib/blocklet/component/index.js

@@ -26,6 +26,7 @@ var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _ArrowForward = _interopRequireDefault(require("@mui/icons-material/ArrowForward"));
 var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
 var _ChevronRight = _interopRequireDefault(require("@mui/icons-material/ChevronRight"));
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
 var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
 var _InfoRow = _interopRequireDefault(require("@arcblock/ux/lib/InfoRow"));
 var _context = require("@arcblock/ux/lib/Locale/context");
@@ -43,7 +44,7 @@ var _version = _interopRequireDefault(require("../version"));
 var _node = require("../../contexts/node");
 var _util2 = require("../../util");
 var _permission = _interopRequireDefault(require("../../permission"));
-var _avatar = _interopRequireDefault(require("../avatar"));
+var _bundleAvatar = _interopRequireDefault(require("../bundle-avatar"));
 var _mode = _interopRequireDefault(require("../mode"));
 var _configuration = _interopRequireDefault(require("./configuration"));
 var _delete = _interopRequireDefault(require("./delete"));
@@ -256,7 +257,7 @@ function ComponentItem(_ref) {
       onClick: () => canExpand && setExpand(!expand),
       children: [canExpand ? expandIcon : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
         width: 28
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.default, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bundleAvatar.default, {
         blocklet: blocklet,
         ancestors: ancestors
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
@@ -321,7 +322,6 @@ function ComponentItem(_ref) {
           target: "_blank",
           href: href,
           rel: "noopener noreferrer",
-          title: href,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Launch.default, {})
           })
@@ -508,19 +508,33 @@ function BlockletComponent(_ref4) {
         const updateItem = updateList.find(x => x.id === id);
         if (updateItem) {
           const name = ancestors.slice(1).concat(b).map(x => x.meta.title || x.meta.name).join(' / ');
+
+          // groupId 为一级组件的 id
+          const groupId = (ancestors[1] || b).meta.did;
           list.push({
+            groupId,
             name,
             version: b.meta.version,
             newVersion: updateItem.meta.version
           });
         }
       });
+      const checks = {};
+      list.forEach(x => {
+        if (!checks[x.groupId]) {
+          checks[x.groupId] = true;
+        } else {
+          x.disabled = true;
+        }
+      });
       setUpdateConfirm({
-        type: 'child',
+        type: 'component',
         params: {
           updateId
         },
-        list
+        list,
+        checks,
+        hasChecks: true
       });
     } catch (err) {
       setLoading(false);
@@ -542,9 +556,11 @@ function BlockletComponent(_ref4) {
       };
     } else {
       fn = api.upgradeComponents.bind(api);
+      const selectedComponents = Object.keys(updateConfirm.checks).filter(x => updateConfirm.checks[x]);
       input = {
         updateId: updateConfirm.params.updateId,
-        rootDid: blocklet.meta.did
+        rootDid: blocklet.meta.did,
+        selectedComponents
       };
     }
     try {
@@ -576,6 +592,23 @@ function BlockletComponent(_ref4) {
       removeDeletingDid(d.meta.did);
     }
   };
+  const onUpdateChecksChange = (e, groupId) => {
+    const {
+      checked: newValue
+    } = e.target;
+    setUpdateConfirm(x => {
+      const checks = Object.entries(x.checks).reduce((o, _ref6) => {
+        let [key, oldValue] = _ref6;
+        o[key] = groupId === key ? newValue : oldValue;
+        return o;
+      }, {});
+      const hasChecks = Object.values(checks).includes(true);
+      return _objectSpread(_objectSpread({}, x), {}, {
+        checks,
+        hasChecks
+      });
+    });
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, _objectSpread(_objectSpread({
     component: "div"
   }, rest), {}, {
@@ -623,10 +656,10 @@ function BlockletComponent(_ref4) {
           display: "flex",
           alignItems: "center",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_addRule.default, {
-            children: _ref6 => {
+            children: _ref7 => {
               let {
                 open
-              } = _ref6;
+              } = _ref7;
               return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
                 disabled: loading || (0, _util2.isInProgress)(blocklet.status),
                 variant: "text",
@@ -643,10 +676,10 @@ function BlockletComponent(_ref4) {
             }
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_add.default, {
             blocklet: blocklet,
-            children: _ref7 => {
+            children: _ref8 => {
               let {
                 open
-              } = _ref7;
+              } = _ref8;
               return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
                 disabled: loading || (0, _util2.isInProgress)(blocklet.status),
                 variant: "text",
@@ -693,44 +726,57 @@ function BlockletComponent(_ref4) {
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
         paddingY: 1.5,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogTitle.default, {
-          children: t('blocklet.component.updateTitle')
+          children: updateConfirm.type === 'component' ? t('blocklet.component.updateTitle') : t('blocklet.component.updateAppTitle')
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
           component: _DialogContent.default,
           py: 4,
-          ml: 4,
+          ml: updateConfirm.type === 'component' ? 0 : 4,
           children: updateConfirm.list.map(x => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-            mt: 3,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-              item: true,
-              xs: 5,
-              children: x.name
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.default, {
-              fontSize: "h6.fontSize",
-              container: true,
-              spacing: 3,
-              alignItems: "center",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
-                item: true,
-                xs: 2,
-                children: x.version
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
-                item: true,
-                xs: 1,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowForward.default, {
-                  style: {
-                    fontSize: '0.9em'
-                  }
-                })
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+            display: "flex",
+            alignItems: "center",
+            children: [updateConfirm.type === 'component' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+              checked: updateConfirm.checks[x.groupId],
+              onChange: e => onUpdateChecksChange(e, x.groupId),
+              style: {
+                marginLeft: x.disabled ? 16 : 0
+              },
+              defaultChecked: true,
+              disabled: x.disabled
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+              flexGrow: 1,
+              mt: 3,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
                 item: true,
-                xs: 2,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-                  color: "secondary.main",
-                  children: x.newVersion
-                })
+                xs: 8,
+                children: x.name
+              }), x.version && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.default, {
+                fontSize: "h6.fontSize",
+                container: true,
+                spacing: 2,
+                alignItems: "center",
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+                  item: true,
+                  xs: 3,
+                  children: x.version
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+                  item: true,
+                  xs: 1,
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowForward.default, {
+                    style: {
+                      fontSize: '0.9em'
+                    }
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+                  item: true,
+                  xs: 3,
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+                    color: "secondary.main",
+                    children: x.newVersion
+                  })
+                })]
               })]
-            })]
-          }, "".concat(x.name, "-").concat(x.newVersion)))
+            }, "".concat(x.name, "-").concat(x.newVersion))]
+          }))
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DialogActions.default, {
           style: {
             padding: '8px 24px 24px'
@@ -746,7 +792,7 @@ function BlockletComponent(_ref4) {
               onConfirmUpdate();
             },
             color: "primary",
-            disabled: loading,
+            disabled: loading || updateConfirm.type === 'component' && !updateConfirm.hasChecks,
             variant: "contained",
             autoFocus: true,
             children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {

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

@@ -12,7 +12,7 @@ var _linkBlocker = _interopRequireDefault(require("@blocklet/ui-react/lib/common
 var _material = require("@mui/material");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _blocklet = require("../../../contexts/blocklet");
-var _useAvatar = _interopRequireDefault(require("../../../hooks/use-avatar"));
+var _useAppLogo = _interopRequireDefault(require("../../../hooks/use-app-logo"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -27,7 +27,7 @@ function NavigationPreview(_ref) {
   } = (0, _blocklet.useBlockletContext)();
   const {
     logoUrl
-  } = (0, _useAvatar.default)({
+  } = (0, _useAppLogo.default)({
     blocklet
   });
   const blockletInfo = {

package/lib/blocklet/configuration.js

@@ -101,8 +101,10 @@ function BlockletEnvironment(_ref) {
   const customDelete = blocklet.environments.find(x => x.key === 'BLOCKLET_DELETABLE');
   const deletable = !customDelete || customDelete.value === 'yes';
   const customUrl = blocklet.environments.find(x => x.key === 'BLOCKLET_APP_URL');
-  const customLogo = blocklet.environments.find(x => x.key === 'BLOCKLET_APP_LOGO');
   const customLogoSquare = blocklet.environments.find(x => x.key === 'BLOCKLET_APP_LOGO_SQUARE');
+  const customLogoRect = blocklet.environments.find(x => x.key === 'BLOCKLET_APP_LOGO_RECT');
+  const customLogoFavicon = blocklet.environments.find(x => x.key === 'BLOCKLET_APP_LOGO_FAVICON');
+  const customLogoDeprecated = blocklet.environments.find(x => x.key === 'BLOCKLET_APP_LOGO');
   const configurableEnvs = [{
     key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_NAME,
     description: t('blocklet.config.name'),
@@ -115,14 +117,22 @@ function BlockletEnvironment(_ref) {
     key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_URL,
     description: t('blocklet.config.appUrl'),
     value: customUrl ? customUrl.value : ''
-  }, {
-    key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO,
-    description: t('blocklet.config.logo'),
-    value: customLogo ? customLogo.value : ''
   }, {
     key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE,
     description: t('blocklet.config.logoSquare'),
     value: customLogoSquare ? customLogoSquare.value : ''
+  }, {
+    key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_RECT,
+    description: t('blocklet.config.logoRect'),
+    value: customLogoRect ? customLogoRect.value : ''
+  }, {
+    key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_FAVICON,
+    description: t('blocklet.config.logoFavicon'),
+    value: customLogoFavicon ? customLogoFavicon.value : ''
+  }, {
+    key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO,
+    description: t('blocklet.config.logo'),
+    value: customLogoDeprecated ? customLogoDeprecated.value : ''
   }];
   if (clusterMode) {
     const exist = blocklet.configs.find(x => x.key === _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_CLUSTER_SIZE);

package/lib/blocklet/preferences/index.js

@@ -19,7 +19,7 @@ var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Tabs = _interopRequireDefault(require("@arcblock/ux/lib/Tabs"));
 var _util = require("@blocklet/meta/lib/util");
-var _avatar = _interopRequireDefault(require("../avatar"));
+var _bundleAvatar = _interopRequireDefault(require("../bundle-avatar"));
 var _configuration = _interopRequireDefault(require("../configuration"));
 var _index = _interopRequireDefault(require("../access/index"));
 var _node = require("../../contexts/node");
@@ -45,7 +45,7 @@ const addComponentTabs = function addComponentTabs(tabs, blocklet) {
       display: "flex",
       alignItems: "center",
       justifyContent: "flex-start",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bundleAvatar.default, {
         size: 24,
         blocklet: blocklet,
         ancestors: ancestors

package/lib/hooks/use-app-logo.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useAppLogo;
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _node = require("../contexts/node");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function useAppLogo(_ref) {
+  var _window$env, _blocklet$meta;
+  let {
+    blocklet
+  } = _ref;
+  const {
+    inService
+  } = (0, _node.useNodeContext)();
+  const prefix = ((_window$env = window.env) === null || _window$env === void 0 ? void 0 : _window$env.apiPrefix) || '/';
+  const search = "?v=".concat(blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta = blocklet.meta) === null || _blocklet$meta === void 0 ? void 0 : _blocklet$meta.version);
+  const logoUrl = (0, _urlJoin.default)(prefix, "/blocklet/logo/".concat(inService ? '' : blocklet.meta.did), search);
+  return {
+    logoUrl
+  };
+}

package/lib/hooks/{use-avatar.js → use-bundle-logo.js}

@@ -19,15 +19,15 @@ function useAvatar(_ref) {
   const {
     inService
   } = node;
-  const search = "?version=".concat(blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta = blocklet.meta) === null || _blocklet$meta === void 0 ? void 0 : _blocklet$meta.version);
-  let logoUrl = inService ? (0, _urlJoin.default)(_util.APP_PREFIX, _constant.WELLKNOWN_SERVICE_PATH_PREFIX, '/blocklet/logo', search) : (0, _urlJoin.default)(node.prefix, 'blocklet.png');
+  const search = "?v=".concat(blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta = blocklet.meta) === null || _blocklet$meta === void 0 ? void 0 : _blocklet$meta.version);
+  let logoUrl = inService ? (0, _urlJoin.default)(_util.APP_PREFIX, _constant.WELLKNOWN_SERVICE_PATH_PREFIX, '/blocklet/logo-bundle', search) : (0, _urlJoin.default)(node.prefix, 'blocklet.png');
   if (blocklet.source === 'registry' && blocklet.deployedFrom && blocklet.meta.logo) {
     logoUrl = (0, _urlJoin.default)(blocklet.deployedFrom, (0, _util.formatRegistryLogoPath)(blocklet.meta.bundleDid, blocklet.meta.logo), search);
   } else {
     const prefix = window.env.apiPrefix || '/';
     const components = ancestors.concat(blocklet);
     const list = inService ? components.slice(1) : components;
-    logoUrl = (0, _urlJoin.default)(prefix, "/blocklet/logo".concat(list.map(x => "/".concat(x.meta.did)).join('')), search);
+    logoUrl = (0, _urlJoin.default)(prefix, "/blocklet/logo-bundle".concat(list.map(x => "/".concat(x.meta.did)).join('')), search);
   }
   return {
     logoUrl,

package/lib/locales/en.js

@@ -336,8 +336,10 @@ module.exports = {
       name: 'Blocklet Name',
       description: 'Blocklet Description',
       sk: 'Secret key for the blocklet wallet',
-      logo: 'Logo URL or path for the blocklet (optional, default to logo from blocklet store)',
-      logoSquare: 'Square logo URL or path for the blocklet (optional, default to logo)',
+      logo: '(Deprecated) Logo URL or path for the blocklet',
+      logoSquare: 'Square logo URL or path for the blocklet (optional, default to logo from blocklet store)',
+      logoRect: 'Horizontal logo URL or path for the blocklet (optional)',
+      logoFavicon: 'favicon URL or path for the blocklet (optional, default to square logo)',
       clusterSize: 'Instance count when run this blocklet in cluster mode',
       deletable: {
         name: 'Delete Protection',
@@ -437,6 +439,7 @@ module.exports = {
     component: {
       checkUpdateTitle: 'Check for Updates',
       updateTitle: 'Update Components',
+      updateAppTitle: 'Update Blocklet',
       noUpdate: 'No components to update',
       add: 'Add Component',
       selectComponent: 'Select Component',

package/lib/locales/zh.js

@@ -341,8 +341,10 @@ module.exports = {
       name: '应用名称',
       description: '应用描述',
       sk: '应用账户私钥',
-      logo: '应用 Logo 地址或路径 (可选，默认使用发布到 Store 的 Blocklet Logo)',
-      logoSquare: '正方形 Logo 地址或路径 (可选，默认和 Logo 相同)',
+      logo: '（即将废弃）应用 Logo 地址或路径',
+      logoSquare: '正方形 Logo 地址或路径 (可选，默认使用发布到 Store 的 Blocklet Logo)',
+      logoRect: '横版 Logo 地址或路径 (可选)',
+      logoFavicon: 'favicon 地址或路径 (可选，默认和正方形 Logo 相同)',
       clusterSize: '以 Cluster 模式启动时的实例数量',
       deletable: {
         name: '删除保护',
@@ -445,6 +447,7 @@ module.exports = {
     component: {
       checkUpdateTitle: '检查更新',
       updateTitle: '更新组件',
+      updateAppTitle: '更新 Blocklet',
       noUpdate: '没有需要更新的组件',
       add: '添加组件',
       selectComponent: '选择组件',

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.8.48",
+  "version": "1.8.49",
   "description": "UX components shared across abtnode packages",
   "main": "lib/index.js",
   "files": [
@@ -21,19 +21,19 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "MIT",
   "dependencies": {
-    "@abtnode/auth": "1.8.48",
-    "@abtnode/constant": "1.8.48",
-    "@abtnode/util": "1.8.48",
-    "@arcblock/did-connect": "^2.4.58",
+    "@abtnode/auth": "1.8.49",
+    "@abtnode/constant": "1.8.49",
+    "@abtnode/util": "1.8.49",
+    "@arcblock/did-connect": "^2.4.61",
     "@arcblock/did-motif": "^1.1.10",
-    "@arcblock/icons": "^2.4.58",
-    "@arcblock/terminal": "^2.4.58",
-    "@arcblock/ux": "^2.4.58",
-    "@blocklet/constant": "1.8.48",
-    "@blocklet/launcher-layout": "^1.9.24",
+    "@arcblock/icons": "^2.4.61",
+    "@arcblock/terminal": "^2.4.61",
+    "@arcblock/ux": "^2.4.61",
+    "@blocklet/constant": "1.8.49",
+    "@blocklet/launcher-layout": "^1.9.28",
     "@blocklet/list": "^0.10.43",
-    "@blocklet/meta": "1.8.48",
-    "@blocklet/ui-react": "^2.4.58",
+    "@blocklet/meta": "1.8.49",
+    "@blocklet/ui-react": "^2.4.61",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@iconify/react": "^4.0.0",
@@ -84,5 +84,5 @@
     "@babel/preset-react": "^7.18.6",
     "babel-plugin-inline-react-svg": "^1.1.2"
   },
-  "gitHead": "39979d7a059d5f97442ac7d46604391e6656ac8d"
+  "gitHead": "627ac4fb21957fcbaf7c2c21e77de0f51ef9e30d"
 }