@abtnode/ux 1.16.14-beta-c2843ec5 → 1.16.14-beta-be739405

package/lib/blocklet/actions.js

@@ -106,7 +106,7 @@ function BlockletActions(_ref) {
               _Toast.default.error(t('blocklet.noComponent'));
               return;
             }
-            if (!inService && !skipSetup && !((_blocklet$settings = blocklet.settings) !== null && _blocklet$settings !== void 0 && _blocklet$settings.initialized)) {
+            if (!inService && !skipSetup && !((_blocklet$settings = blocklet.settings) !== null && _blocklet$settings !== void 0 && _blocklet$settings.initialized) && blocklet.mode !== _constant.BLOCKLET_MODES.DEVELOPMENT) {
               // 跳转到 setup 流程界面时携带 serverUrl 查询参数
               const serverUrl = (0, _util3.getServerUrl)(node.info);
               const url = new URL(recommendedUrl);

package/lib/blocklet/component/configuration.js

@@ -31,10 +31,9 @@ function ComponentConfiguration(_ref) {
   const {
     t
   } = (0, _context.useLocaleContext)();
-  const isRoot = !ancestors.map(x => x.meta.did)[0];
-  const isLevel1 = ancestors.length === 1;
+  const isComponent = !!ancestors.length;
   const [tab, setTab] = (0, _react.useState)('settings');
-  const name = ancestors.concat(blocklet).slice(1).map(x => (0, _util.getDisplayName)(x, true)).join(' / ');
+  const name = isComponent ? (0, _util.getDisplayName)(blocklet, true) : t('blocklet.component.container');
   if ((0, _util2.isInstalling)(blocklet.status)) {
     return null;
   }
@@ -98,7 +97,7 @@ function ComponentConfiguration(_ref) {
         minHeight: 'auto'
       }
     },
-    children: isRoot || isLevel1 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+    children: isComponent ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
       mt: 1,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
         tabs: tabs,

package/lib/blocklet/component/index.js

@@ -20,15 +20,14 @@ var _SettingsOutlined = _interopRequireDefault(require("@mui/icons-material/Sett
 var _InfoOutlined = _interopRequireDefault(require("@mui/icons-material/InfoOutlined"));
 var _Launch = _interopRequireDefault(require("@mui/icons-material/Launch"));
 var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
-var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
 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 _Replay = _interopRequireDefault(require("@mui/icons-material/Replay"));
 var _Autorenew = _interopRequireDefault(require("@mui/icons-material/Autorenew"));
 var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
 var _react2 = require("@iconify/react");
 var _constant = require("@abtnode/constant");
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
@@ -139,7 +138,7 @@ const getComponentName = (componentId, app) => {
   return names.join(' / ');
 };
 function ComponentItem(_ref) {
-  var _blocklet$dependents, _blocklet$dependents2, _blocklet$dependents3, _blocklet$children;
+  var _blocklet$dependents, _blocklet$dependents2, _blocklet$dependents3;
   let {
     blocklet,
     ancestors,
@@ -156,7 +155,6 @@ function ComponentItem(_ref) {
     t,
     locale
   } = (0, _react.useContext)(_context.LocaleContext);
-  const [expand, setExpand] = (0, _react.useState)(true);
   const [componentInfo, setComponentInfo] = (0, _react.useState)();
   const [showDeleteConfirm, setShowDeleteConfirm] = (0, _react.useState)(false);
   const [loading, setLoading] = (0, _react.useState)(false);
@@ -167,21 +165,10 @@ function ComponentItem(_ref) {
   let {
     status
   } = blocklet;
-  if (depth <= 1 && deletingComponents.includes(blocklet.meta.did)) {
+  if (depth === 1 && deletingComponents.includes(blocklet.meta.did)) {
     status = 'deleting';
   }
-  const mountPoint = "/".concat(ancestors.slice(1) // ignore mountPoint of root component
-  .map(x => x.mountPoint || '/').join('/'), "/").concat(blocklet.mountPoint || '/').replace(/\/+/g, '/');
-  const canExpand = depth > 0 && blocklet.children.length > 0;
-  const expandIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
-    size: "small",
-    children: expand ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {
-      fontSize: "inherit"
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChevronRight.default, {
-      fontSize: "inherit"
-    })
-  });
-  const root = ancestors[0] || blocklet;
+  const mountPoint = "/".concat(blocklet.mountPoint || '/').replace(/\/+/g, '/');
   const href = getComponentUrl(mountPoint);
   const renderRows = rows => rows.map(row => {
     if (row.name === t('common.did') || row.name === t('blocklet.appId')) {
@@ -272,10 +259,10 @@ function ComponentItem(_ref) {
       }))
     })
   } : null].filter(Boolean) : [];
+  const appInProgress = (0, _util.isInProgress)(app.status);
+  const componentInProgress = (0, _util.isInProgress)(blocklet.status);
   let deleteDisabledTip = '';
-  if (depth !== 1) {
-    deleteDisabledTip = t('blocklet.component.tip.notDynamic');
-  } else if ((0, _util.isInProgress)(root.status) || depth === 1 && deletingComponents.includes(blocklet.meta.did)) {
+  if (appInProgress || componentInProgress || depth === 1 && deletingComponents.includes(blocklet.meta.did)) {
     deleteDisabledTip = t('blocklet.component.tip.stopBlocklet');
   } else if ((_blocklet$dependents2 = blocklet.dependents) !== null && _blocklet$dependents2 !== void 0 && _blocklet$dependents2.length) {
     const requires = blocklet.dependents.filter(x => x.required);
@@ -286,29 +273,21 @@ function ComponentItem(_ref) {
       });
     }
   }
-  const appInProgress = (0, _util.isInProgress)(root.status);
-  const componentInProgress = (0, _util.isInProgress)(blocklet.status);
-  return [(depth > 0 || blocklet.meta.group !== 'gateway') && /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledComponentRow, {
+  return [/*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledComponentRow, {
     display: "flex",
     py: 2,
     className: "component-item",
     justifyContent: "space-between",
     alignItems: "center",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-      pl: Math.max((depth - 1) * 2, 0),
+      pl: 2,
       width: {
         xs: 300,
         md: 400
       },
       display: "flex",
       alignItems: "center",
-      style: {
-        cursor: canExpand ? 'pointer' : 'cursor'
-      },
-      onClick: () => canExpand && setExpand(!expand),
-      children: [canExpand ? expandIcon : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-        width: 28
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bundleAvatar.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bundleAvatar.default, {
         blocklet: blocklet,
         ancestors: ancestors
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
@@ -414,11 +393,11 @@ function ComponentItem(_ref) {
           }, "config");
         }
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_start.default, {
-        blocklet: root,
+        blocklet: app,
         component: blocklet,
         onStart: onStart,
         onStop: onStop,
-        disabled: root.status !== 'starting' && (0, _util.isInProgress)(root.status)
+        disabled: app.status !== 'starting' && (0, _util.isInProgress)(app.status)
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_actions.default, {
         "data-cy": "component-actions",
         actions: [{
@@ -460,27 +439,14 @@ function ComponentItem(_ref) {
           onClick: () => {
             setShowDeleteConfirm(true);
           },
-          disabled: appInProgress || componentInProgress
+          disabled: appInProgress || componentInProgress || !!deleteDisabledTip,
+          tip: deleteDisabledTip
         }]
       })]
     }, "actions")]
   }, "group-not-gateway-box"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_line.default, {
-    depth: depth
-  }), (_blocklet$children = blocklet.children) !== null && _blocklet$children !== void 0 && _blocklet$children.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Collapse.default, {
-    in: expand,
-    children: blocklet.children.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentItem, {
-      blocklet: x,
-      ancestors: [...ancestors, blocklet],
-      depth: depth + 1,
-      onRemove: onRemove,
-      onStart: onStart,
-      onStop: onStop,
-      onRestart: onRestart,
-      onReload: onReload,
-      getComponentUrl: getComponentUrl,
-      app: app
-    }, "".concat(depth + 1, "-").concat(x.meta.did)))
-  }, "blocklet-collapse") : null, !!componentInfo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
+    depth: 2
+  }), !!componentInfo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
     open: true,
     fullWidth: true,
     maxWidth: "md",
@@ -496,7 +462,7 @@ function ComponentItem(_ref) {
       })]
     }, "dialog-wrapper")
   }, "base-info-dialog"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_delete.default, {
-    blocklet: root,
+    blocklet: app,
     component: blocklet,
     remove: async function remove() {
       setLoading(true);
@@ -509,8 +475,6 @@ function ComponentItem(_ref) {
       setShowDeleteConfirm(false);
     },
     onCancel: () => setShowDeleteConfirm(false),
-    disabled: !!deleteDisabledTip,
-    tip: deleteDisabledTip,
     hideBtn: true,
     showConfirm: showDeleteConfirm
   }), confirmSetting && /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, {
@@ -570,6 +534,8 @@ function BlockletComponent(_ref4) {
   } = (0, _deletingBlocklets.useDeletingBlockletContext)();
   const [loading, setLoading] = (0, _react.useState)(false);
   const [updateConfirm, setUpdateConfirm] = (0, _react.useState)(null);
+  const [showSettings, setShowSettings] = (0, _react.useState)(null);
+  const [showContainer, setShowContainer] = (0, _react.useState)(false);
   const needMigration = blocklet && blocklet.structVersion !== _constant.APP_STRUCT_VERSION;
 
   // update dot is not used but maybe useful in the further
@@ -836,16 +802,37 @@ function BlockletComponent(_ref4) {
                 }), t('blocklet.component.add')]
               });
             }
+          }), !needMigration && /*#__PURE__*/(0, _jsxRuntime.jsx)(_configuration.default, {
+            blocklet: blocklet,
+            ancestors: [],
+            children: _ref9 => {
+              let {
+                open
+              } = _ref9;
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+                title: "".concat(t('blocklet.component.container')).concat(t('common.config')),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+                  onClick: open,
+                  size: "small",
+                  color: "primary",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsOutlined.default, {
+                    style: {
+                      fontSize: 18
+                    }
+                  })
+                })
+              }, "config");
+            }
           })]
         })
       })]
-    }), components && components.length ? [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+    }), components && components.length ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
       mt: 2,
       ml: {
         xs: '-12px',
         md: '-24px'
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentItem, {
+      children: [blocklet.meta.group !== 'gateway' && /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentItem, {
         blocklet: blocklet,
         app: blocklet,
         onRemove: removeComponent,
@@ -854,8 +841,19 @@ function BlockletComponent(_ref4) {
         onReload: reloadComponent,
         onRestart: restartComponent,
         getComponentUrl: getComponentUrl
-      }, "0-".concat(blocklet.meta.did))
-    }, "top-blocklet-".concat(blocklet.meta.did))] : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      }, "0-".concat(blocklet.meta.did)), blocklet.children.map(component => /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentItem, {
+        depth: 1,
+        blocklet: component,
+        ancestors: [blocklet],
+        app: blocklet,
+        onRemove: removeComponent,
+        onStart: startComponent,
+        onStop: stopComponent,
+        onReload: reloadComponent,
+        onRestart: restartComponent,
+        getComponentUrl: getComponentUrl
+      }, "1-".concat(component.meta.did)))]
+    }, "top-blocklet-".concat(blocklet.meta.did)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       mt: 8,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Empty.default, {
         children: t('blocklet.component.noComponent')
@@ -947,6 +945,27 @@ function BlockletComponent(_ref4) {
           })]
         })]
       })
+    }), !!showSettings && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
+      open: true,
+      fullWidth: true,
+      onClose: () => setShowSettings(false),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        paddingY: 1.5,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogTitle.default, {
+          children: t('common.configuration')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContent.default, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+            py: 2,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlLabel.default, {
+              control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, {
+                checked: showContainer,
+                onChange: e => setShowContainer(!!e.target.checked)
+              }),
+              label: t('blocklet.component.showContainer')
+            })
+          })
+        })]
+      })
     })]
   }));
 }

package/lib/blocklet/preferences/index.js

@@ -23,6 +23,7 @@ var _context = require("@arcblock/ux/lib/Locale/context");
 var _Tabs = _interopRequireDefault(require("@arcblock/ux/lib/Tabs"));
 var _util = require("@blocklet/meta/lib/util");
 var _bundleAvatar = _interopRequireDefault(require("../bundle-avatar"));
+var _appAvatar = _interopRequireDefault(require("../app-avatar"));
 var _configuration = _interopRequireDefault(require("../configuration"));
 var _notification = _interopRequireDefault(require("../notification"));
 var _index = _interopRequireDefault(require("../access/index"));
@@ -42,47 +43,59 @@ 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 _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; }
-const addComponentTabs = function addComponentTabs(tabs, blocklet) {
-  let ancestors = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  let depth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+const addComponentTabs = _ref => {
+  let {
+    tabs,
+    blocklet,
+    ancestors = [],
+    depth = 1,
+    t
+  } = _ref;
   const key = [...ancestors.map(x => x.meta.did), blocklet.meta.did].join('/');
   const isContainer = !(ancestors !== null && ancestors !== void 0 && ancestors.length);
-  if (!isContainer) {
-    tabs.push({
-      label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
-        pl: Math.max(1, depth - 1) * 2,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "flex-start",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bundleAvatar.default, {
-          size: 24,
-          blocklet: blocklet,
-          ancestors: ancestors
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-          ml: "16px",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-            style: {
-              color: '#222'
-            },
-            children: (0, _util.getDisplayName)(blocklet, true)
-          })
-        })]
-      }, key),
-      value: key
-    });
-  }
+  tabs.push({
+    label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      pl: Math.max(1, depth - 1) * 2,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      children: [isContainer ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appAvatar.default, {
+        size: 24,
+        blocklet: blocklet
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_bundleAvatar.default, {
+        size: 24,
+        blocklet: blocklet,
+        ancestors: ancestors
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        ml: "16px",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          style: {
+            color: '#222'
+          },
+          children: isContainer ? t('blocklet.component.container') : (0, _util.getDisplayName)(blocklet, true)
+        })
+      })]
+    }, key),
+    value: key
+  });
   if (blocklet.children.length > 0) {
     blocklet.children.forEach(x => {
-      addComponentTabs(tabs, x, [...ancestors, blocklet], depth + 1);
+      addComponentTabs({
+        tabs,
+        blocklet: x,
+        ancestors: [...ancestors, blocklet],
+        depth: depth + 1,
+        t
+      });
     });
   }
 };
-function BlockletPreferences(_ref) {
+function BlockletPreferences(_ref2) {
   let {
       blocklet,
       onUpdate
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+    } = _ref2,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   const {
     t
   } = (0, _react.useContext)(_context.LocaleContext);
@@ -205,7 +218,11 @@ function BlockletPreferences(_ref) {
     value: 'preference'
   }];
   if (expandPref) {
-    addComponentTabs(tabs, blocklet);
+    addComponentTabs({
+      tabs,
+      blocklet,
+      t
+    });
   }
   const onTabChange = x => {
     if (x === 'preference') {

package/lib/locales/en.js

@@ -500,6 +500,8 @@ module.exports = {
       star: 'Star'
     },
     component: {
+      container: 'Global Config',
+      showContainer: 'Show Global Config',
       didSpaceConfig: 'Configure DID Spaces',
       didSpaceConfigTip: 'Complete the following authorize process to store application data in DID Spaces',
       didSpaceConnected: 'Storage being authorized to: {endpoint}',

package/lib/locales/zh.js

@@ -507,6 +507,8 @@ module.exports = {
       star: '收藏数'
     },
     component: {
+      container: '全局配置',
+      showContainer: '显示全局配置',
       didSpaceConfig: '配置 DID Spaces',
       didSpaceConfigTip: '完成以下授权流程，即可将应用数据存储到 DID Spaces 中',
       didSpaceConnected: '正在授权存储到：{endpoint}',

package/lib/team/members/index.js

@@ -67,21 +67,18 @@ const isFromExternal = (user, appIdList) => {
   });
 };
 function SimpleInfo(_ref) {
-  var _window$blocklet, _window$blocklet$capa;
   let {
     user
   } = _ref;
   const {
     t
   } = (0, _react.useContext)(_context.LocaleContext);
-  const hasImageService = ((_window$blocklet = window.blocklet) === null || _window$blocklet === void 0 ? void 0 : (_window$blocklet$capa = _window$blocklet.capabilities) === null || _window$blocklet$capa === void 0 ? void 0 : _window$blocklet$capa.httpImageFilter) || false;
-  const avatar = hasImageService ? "".concat(user.avatar, "/resize?w=48&h=48") : user.avatar;
   const main = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "member-block",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "member-avatar",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
-        src: avatar,
+        src: "".concat(user.avatar, "?imageFilter=resize&w=48&h=48"),
         size: 24,
         did: user.did,
         shape: "circle",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.14-beta-c2843ec5",
+  "version": "1.16.14-beta-be739405",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -23,23 +23,23 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.14-beta-c2843ec5",
-    "@abtnode/constant": "1.16.14-beta-c2843ec5",
-    "@abtnode/util": "1.16.14-beta-c2843ec5",
+    "@abtnode/auth": "1.16.14-beta-be739405",
+    "@abtnode/constant": "1.16.14-beta-be739405",
+    "@abtnode/util": "1.16.14-beta-be739405",
     "@ahooksjs/use-url-state": "^3.5.1",
     "@arcblock/did": "^1.18.87",
-    "@arcblock/did-connect": "^2.6.2",
+    "@arcblock/did-connect": "^2.6.5",
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.6.2",
-    "@arcblock/nft-display": "2.6.2",
-    "@arcblock/react-hooks": "^2.6.2",
-    "@arcblock/terminal": "^2.6.2",
-    "@arcblock/ux": "^2.6.2",
-    "@blocklet/constant": "1.16.14-beta-c2843ec5",
-    "@blocklet/launcher-layout": "2.1.72",
-    "@blocklet/list": "^0.12.15",
-    "@blocklet/meta": "1.16.14-beta-c2843ec5",
-    "@blocklet/ui-react": "^2.6.2",
+    "@arcblock/icons": "^2.6.5",
+    "@arcblock/nft-display": "2.6.5",
+    "@arcblock/react-hooks": "^2.6.5",
+    "@arcblock/terminal": "^2.6.5",
+    "@arcblock/ux": "^2.6.5",
+    "@blocklet/constant": "1.16.14-beta-be739405",
+    "@blocklet/launcher-layout": "2.1.80",
+    "@blocklet/list": "^0.12.20",
+    "@blocklet/meta": "1.16.14-beta-be739405",
+    "@blocklet/ui-react": "^2.6.5",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@iconify/react": "^4.0.0",
@@ -97,5 +97,5 @@
     "@babel/preset-react": "^7.18.6",
     "babel-plugin-inline-react-svg": "^1.1.2"
   },
-  "gitHead": "968bfad93779a21dd1374eede3ac7d4d6d40822b"
+  "gitHead": "4a7be8e8a321f8be5b172c10c09c32af216a1c73"
 }