@abtnode/ux 1.16.0-beta-1d6c582e → 1.16.0-beta-99e016c7

package/lib/blocklet/actions.js

@@ -88,13 +88,9 @@ function BlockletActions(_ref) {
         let isRemoved = false;
         try {
           var _blocklet$settings;
-          const input = {
-            did: blocklet.meta.did
-          };
           if (action === 'remove') {
-            input.keepData = params.removeType === 'keepData';
-          }
-          if (action === 'start' && !inService && !skipSetup && !((_blocklet$settings = blocklet.settings) !== null && _blocklet$settings !== void 0 && _blocklet$settings.initialized)) {
+            await fn(params);
+          } else if (action === 'start' && !inService && !skipSetup && !((_blocklet$settings = blocklet.settings) !== null && _blocklet$settings !== void 0 && _blocklet$settings.initialized)) {
             // 启动 blocklet 并跳转到 setup 流程界面时携带 serverUrl 查询参数
             const serverUrl = (0, _util3.getServerUrl)(node.info);
             const url = new URL(recommendedUrl);
@@ -105,10 +101,14 @@ function BlockletActions(_ref) {
               blocklet
             });
             return;
+          } else {
+            const input = {
+              did: blocklet.meta.did
+            };
+            await fn({
+              input
+            });
           }
-          await fn({
-            input
-          });
           if (action === 'remove') {
             isRemoved = true; // Deleted send request and succeeded
           } else {
@@ -140,25 +140,12 @@ function BlockletActions(_ref) {
         setConfirmSetting(null);
       };
       const name = (0, _util.getDisplayName)(blocklet, true);
-      const removeSetting = blocklet.source === (0, _constant.fromBlockletSource)(_constant.BlockletSource.custom) ? {
-        description: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-          component: "div",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-            gutterBottom: true,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
-              children: t('blocklet.action.forceRemoveDescription')
-            })
-          })
-        }),
-        params: {
-          removeType: 'complete'
-        }
-      } : {
+      const removeSetting = {
         description: (params, setParams) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
           component: "div",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
             gutterBottom: true,
-            children: t('blocklet.action.removeDescription')
+            children: t('blocklet.action.removeApplicationDescription')
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_RadioGroup.default, {
             name: "removeType",
             value: params.removeType,
@@ -166,18 +153,18 @@ function BlockletActions(_ref) {
               removeType: e.target.value
             })),
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlLabel.default, {
-              value: "keepData",
+              value: "backup",
               control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {}),
-              label: t('blocklet.action.removeKeepData')
+              label: t('blocklet.action.removeApplicationAfterBackup')
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlLabel.default, {
               value: "complete",
               control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {}),
-              label: t('blocklet.action.removeComplete')
+              label: t('blocklet.action.removeApplicationComplete')
             })]
           })]
         }),
         params: {
-          removeType: 'keepData'
+          removeType: 'backup'
         }
       };
       const confirmSettings = {
@@ -263,7 +250,25 @@ function BlockletActions(_ref) {
     action: 'remove',
     icon: _icons.default.Remove,
     name: t('common.remove'),
-    handler: createHandler('remove', node.api.deleteBlocklet, true),
+    handler: createHandler('remove', async _ref2 => {
+      let {
+        removeType
+      } = _ref2;
+      if (removeType === 'backup') {
+        await node.api.backupBlocklet({
+          input: {
+            appDid: blocklet.appDid,
+            to: 'disk'
+          }
+        });
+      }
+      await node.api.deleteBlocklet({
+        input: {
+          did: blocklet.meta.did,
+          keepData: false
+        }
+      });
+    }, true),
     disabled: inProgress
   } : null;
   const cancelDownloadAction = !inService ? {

package/lib/blocklet/component/navigation/locale-tabs.js

@@ -9,7 +9,13 @@ var _ahooks = require("ahooks");
 var _lodash = require("lodash");
 var _react = require("react");
 var _react2 = require("@iconify/react");
-var _material = require("@mui/material");
+var _Tabs = _interopRequireDefault(require("@mui/material/Tabs"));
+var _Tab = _interopRequireDefault(require("@mui/material/Tab"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Popover = _interopRequireDefault(require("@mui/material/Popover"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _simpleSelect = _interopRequireDefault(require("./simple-select"));
 var _locales = _interopRequireDefault(require("../../../util/locales"));
@@ -115,21 +121,21 @@ function LocaleTabs(_ref) {
     state.inputLocale = value;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Tabs, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Tabs.default, {
       sx: sx,
       value: state.currentLocale,
       onChange: (e, value) => {
         state.currentLocale = value;
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tab, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
         label: "Default (".concat(_locales.default[defaultLocale], ")"),
         value: "en"
-      }), state.localeList.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tab, {
+      }), state.localeList.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
         sx: {
           position: 'relative'
         },
         label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [_locales.default[item], /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+          children: [_locales.default[item], /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
             size: "small",
             color: "inherit",
             sx: {
@@ -147,7 +153,7 @@ function LocaleTabs(_ref) {
           })]
         }),
         value: item
-      }, item)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+      }, item)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
         color: "primary",
         disableFocusRipple: true,
         sx: {
@@ -160,7 +166,7 @@ function LocaleTabs(_ref) {
           icon: "mdi:plus"
         })
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Popover, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
       open: openChooseLocale,
       anchorEl: addLocaleButtonEl,
       onClose: close,
@@ -168,15 +174,15 @@ function LocaleTabs(_ref) {
         vertical: 'bottom',
         horizontal: 'left'
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
         sx: {
           p: 2,
           width: '270px'
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
           variant: "subtitle2",
           children: t('navigation.form.localePlaceholder')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
           mt: 1,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_simpleSelect.default, {
             required: true,
@@ -188,10 +194,10 @@ function LocaleTabs(_ref) {
             error: !!state.localeError,
             helperText: state.localeError || ' '
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
           display: "flex",
           justifyContent: "flex-end",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
             size: "small",
             variant: "contained",
             onClick: handleAddLocale,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = require("@iconify/react");
-var _material = require("@mui/material");
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _react2 = require("react");
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -50,7 +50,7 @@ function NavigationActions(_ref) {
     className: className,
     children: [!data.parent && ['header', 'footer', 'dashboard'].includes(section) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       title: isUninstalled ? t('navigation.action.noAddSub') : t('navigation.action.addSub'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
         size: "small",
         color: "success",
         onClick: handleClickAdd,
@@ -61,7 +61,7 @@ function NavigationActions(_ref) {
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       title: isUninstalled ? t('navigation.action.noEdit') : t('navigation.action.edit'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
         size: "small",
         color: "primary",
         onClick: handleClickEdit,
@@ -74,7 +74,7 @@ function NavigationActions(_ref) {
       title:
       // eslint-disable-next-line no-nested-ternary
       isUninstalled ? t('navigation.action.noEdit') : data.visible ? t('navigation.action.hide') : t('navigation.action.show'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
         size: "small",
         color: "warning",
         onClick: handleClickToggle,
@@ -87,7 +87,7 @@ function NavigationActions(_ref) {
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       title: isDisabled && !isUninstalled ? t('navigation.action.noDel') : t('navigation.action.del'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
         disabled: isDisabled && !isUninstalled,
         size: "small",
         color: "error",

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

@@ -8,7 +8,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
 var _context = require("@arcblock/ux/lib/Locale/context");
-var _material = require("@mui/material");
+var _Autocomplete = _interopRequireDefault(require("@mui/material/Autocomplete"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _ahooks = require("ahooks");
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
@@ -428,7 +434,7 @@ const NavigationDialog = /*#__PURE__*/(0, _react.forwardRef)(function Navigation
           let {
             field
           } = _ref3;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, _objectSpread({
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, _objectSpread({
             fullWidth: true,
             variant: "outlined",
             margin: "dense",
@@ -451,16 +457,16 @@ const NavigationDialog = /*#__PURE__*/(0, _react.forwardRef)(function Navigation
           let {
             field
           } = _ref4;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, _objectSpread(_objectSpread({
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, _objectSpread(_objectSpread({
             fullWidth: true,
             variant: "outlined",
             margin: "dense",
             placeholder: t('navigation.form.iconPlaceholder'),
             label: t('navigation.form.icon'),
             error: !!(errors !== null && errors !== void 0 && (_errors$icon = errors.icon) !== null && _errors$icon !== void 0 && _errors$icon.message),
-            helperText: (errors === null || errors === void 0 ? void 0 : (_errors$icon2 = errors.icon) === null || _errors$icon2 === void 0 ? void 0 : _errors$icon2.message) || /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+            helperText: (errors === null || errors === void 0 ? void 0 : (_errors$icon2 = errors.icon) === null || _errors$icon2 === void 0 ? void 0 : _errors$icon2.message) || /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
               display: "flex",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
                 component: "a",
                 href: "https://icones.js.org",
                 target: "_blank",
@@ -476,9 +482,9 @@ const NavigationDialog = /*#__PURE__*/(0, _react.forwardRef)(function Navigation
             })
           }, field), {}, {
             InputProps: {
-              endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
+              endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputAdornment.default, {
                 position: "end",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
                   sx: {
                     cursor: 'default'
                   },
@@ -526,10 +532,10 @@ const NavigationDialog = /*#__PURE__*/(0, _react.forwardRef)(function Navigation
           let {
             field
           } = _ref6;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControl, {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControl.default, {
             fullWidth: true,
             margin: "dense",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Autocomplete, _objectSpread(_objectSpread({
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Autocomplete.default, _objectSpread(_objectSpread({
               disablePortal: true,
               freeSolo: true,
               blurOnSelect: true,
@@ -540,7 +546,7 @@ const NavigationDialog = /*#__PURE__*/(0, _react.forwardRef)(function Navigation
               options: autocompleteOptions,
               renderInput: params => {
                 var _errors$link, _errors$link2;
-                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, _objectSpread(_objectSpread({}, params), {}, {
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, _objectSpread(_objectSpread({}, params), {}, {
                   placeholder: t('navigation.form.linkPlaceholder'),
                   label: t('navigation.form.link'),
                   error: !!(errors !== null && errors !== void 0 && (_errors$link = errors.link) !== null && _errors$link !== void 0 && _errors$link.message),
@@ -548,7 +554,7 @@ const NavigationDialog = /*#__PURE__*/(0, _react.forwardRef)(function Navigation
                   // FIXME: 添加了 startAdornment 后，autocomplete 选项无法显示，之后换成 antd 的 autocomplete 可以解决这个问题
                   ,
                   InputProps: {
-                    startAdornment: linkPrefix ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
+                    startAdornment: linkPrefix ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputAdornment.default, {
                       position: "start",
                       sx: {
                         textDecoration: (0, _isAbsoluteUrl.default)(watchLink || '') ? 'line-through' : ''
@@ -558,10 +564,10 @@ const NavigationDialog = /*#__PURE__*/(0, _react.forwardRef)(function Navigation
                   }
                 }));
               },
-              renderOption: (props, option) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, _objectSpread(_objectSpread({
+              renderOption: (props, option) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, _objectSpread(_objectSpread({
                 component: "li"
               }, props), {}, {
-                children: [option.label, /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+                children: [option.label, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
                   marginLeft: 1,
                   component: "span",
                   variant: "body2",

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

@@ -9,7 +9,9 @@ var _Header = _interopRequireDefault(require("@blocklet/ui-react/lib/Header"));
 var _Footer = _interopRequireDefault(require("@blocklet/ui-react/lib/Footer"));
 var _Dashboard = _interopRequireDefault(require("@blocklet/ui-react/lib/Dashboard"));
 var _linkBlocker = _interopRequireDefault(require("@blocklet/ui-react/lib/common/link-blocker"));
-var _material = require("@mui/material");
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
+var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _blocklet = require("../../../contexts/blocklet");
 var _useAppLogo = _interopRequireDefault(require("../../../hooks/use-app-logo"));
@@ -39,11 +41,11 @@ function NavigationPreview(_ref) {
     navigation
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_linkBlocker.default, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
       className: className,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
         meta: blockletInfo
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dashboard.default, {
           meta: blockletInfo,
           invalidPathFallback: () => {},
@@ -52,28 +54,28 @@ function NavigationPreview(_ref) {
               display: 'none'
             }
           },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
             container: true,
             spacing: 2,
             children: new Array(6).fill().map((item, index) => {
               return (
                 /*#__PURE__*/
                 // eslint-disable-next-line react/no-array-index-key
-                (0, _jsxRuntime.jsxs)(_material.Grid, {
+                (0, _jsxRuntime.jsxs)(_Grid.default, {
                   item: true,
                   xs: 4,
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Skeleton, {
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
                     animation: false,
                     variant: "rectangular",
                     width: "100%",
                     height: 120
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
                     sx: {
                       pt: 0.5
                     },
-                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Skeleton, {
+                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
                       animation: false
-                    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Skeleton, {
+                    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
                       width: "60%",
                       animation: false
                     })]

package/lib/blocklet/component/navigation/simple-select.js

@@ -5,7 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _material = require("@mui/material");
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _OutlinedInput = _interopRequireDefault(require("@mui/material/OutlinedInput"));
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["fullWidth", "multiple", "required", "label", "placeholer", "options", "helperText", "error", "margin"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -31,15 +40,15 @@ function SimpleSelect(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   const defaultOption = options.find(item => item.value === rest.value);
   const defaultValue = defaultOption === null || defaultOption === void 0 ? void 0 : defaultOption.title;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FormControl.default, {
     margin: margin,
     fullWidth: fullWidth,
     error: error,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputLabel.default, {
       children: "".concat(label).concat(required ? '*' : '')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Select, _objectSpread(_objectSpread({
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Select.default, _objectSpread(_objectSpread({
       multiple: multiple,
-      input: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.OutlinedInput, {
+      input: /*#__PURE__*/(0, _jsxRuntime.jsx)(_OutlinedInput.default, {
         defaultValue: defaultValue,
         sx: {
           flex: 1
@@ -52,7 +61,7 @@ function SimpleSelect(_ref) {
       }),
       renderValue: selected => {
         if (multiple) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
             sx: {
               display: 'flex',
               flexWrap: 'wrap',
@@ -60,7 +69,7 @@ function SimpleSelect(_ref) {
             },
             children: selected.map(value => {
               const option = options.find(item => item.value === value);
-              return option && option.title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, {
+              return option && option.title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
                 size: "small",
                 label: option.title
               }, value);
@@ -68,11 +77,11 @@ function SimpleSelect(_ref) {
           });
         }
         const option = options.find(item => item.value === selected);
-        return option && option.title && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        return option && option.title && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
             component: "span",
             children: option.title
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
             marginLeft: 1,
             component: "span",
             variant: "body2",
@@ -82,25 +91,25 @@ function SimpleSelect(_ref) {
         });
       }
     }, rest), {}, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
         disabled: true,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("em", {
           children: placeholer
         })
-      }), !multiple && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+      }), !multiple && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
         value: "",
         children: "None"
-      }), options.map(option => option && option.value && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
+      }), options.map(option => option && option.value && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuItem.default, {
         value: option.value,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
           children: option.title
-        }), option.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        }), option.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
           variant: "body2",
           color: "text.secondary",
           children: option.description
         })]
       }, option.value))]
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormHelperText, {
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormHelperText.default, {
       children: helperText
     })]
   });

package/lib/blocklet/component/sortable-tree.js

@@ -12,7 +12,8 @@ var _react2 = require("@iconify/react");
 var _isObject = _interopRequireDefault(require("lodash/isObject"));
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 var _context = require("@arcblock/ux/lib/Locale/context");
-var _material = require("@mui/material");
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _reactDndHtml5Backend = require("react-dnd-html5-backend");
 var _reactDnd = require("react-dnd");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -56,14 +57,14 @@ function TreeTitle(_ref2) {
     if (! /*#__PURE__*/(0, _react.isValidElement)(subtitle) && (0, _isObject.default)(subtitle)) {
       subtitleShow = subtitle[locale];
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
       display: "flex",
       alignItems: "center",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
         variant: "subtitle1",
         fontSize: 16,
         children: titleShow
-      }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
         variant: "body2",
         color: "gray",
         ml: 1.5,

package/lib/blocklet/config-navigation.js

@@ -5,8 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _material = require("@mui/material");
-var _lab = require("@mui/lab");
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _ButtonGroup = _interopRequireDefault(require("@mui/material/ButtonGroup"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _Toolbar = _interopRequireDefault(require("@mui/material/Toolbar"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _LoadingButton = _interopRequireDefault(require("@mui/lab/LoadingButton"));
 var _react2 = require("@iconify/react");
 var _notistack = require("notistack");
 var _ahooks = require("ahooks");
@@ -113,11 +122,11 @@ function ConfigNavigation() {
         variant: 'success'
       });
     } catch (e) {
-      enqueueSnackbar( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      enqueueSnackbar( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
           variant: "subtitle2",
           children: t('navigation.actionFailed')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
           variant: "body1",
           children: (0, _util.formatError)(e) || e.error
         })]
@@ -136,11 +145,11 @@ function ConfigNavigation() {
         variant: 'success'
       });
     } catch (e) {
-      enqueueSnackbar( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      enqueueSnackbar( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
           variant: "subtitle2",
           children: t('navigation.actionFailed')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
           variant: "body1",
           children: (0, _util.formatError)(e) || e.error
         })]
@@ -163,32 +172,32 @@ function ConfigNavigation() {
     };
   }, [blocklet.appDid, pageState.mockRole]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ButtonGroup, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroup.default, {
       variant: "outlined",
       children: Object.keys(navigationTypeMap).map(key => {
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Button, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
           variant: navigationState.activeSection === key ? 'contained' : undefined,
           onClick: () => updateActiveSection(key),
           children: [navigationTypeMap[key], " (".concat(getNavigation(key).length, ")")]
         }, key);
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Toolbar, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Toolbar.default, {
       variant: "dense",
       sx: {
         paddingLeft: '0px !important',
         paddingRight: '0px !important',
         mt: 2
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
         variant: "h6",
         component: "div",
         sx: {
           flexGrow: 1
         },
         children: "Config"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ButtonGroup, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroup.default, {
         variant: "outlined",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lab.LoadingButton, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingButton.default, {
           size: "small",
           variant: "outlined",
           color: "error",
@@ -205,9 +214,9 @@ function ConfigNavigation() {
           },
           children: "\u91CD\u7F6E"
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ButtonGroup, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ButtonGroup.default, {
         variant: "outlined",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
           size: "small",
           variant: "outlined",
           startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
@@ -215,7 +224,7 @@ function ConfigNavigation() {
           }),
           onClick: () => handleAddNavigation(),
           children: "\u65B0\u5EFA"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_lab.LoadingButton, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingButton.default, {
           size: "small",
           variant: "contained",
           startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
@@ -227,14 +236,14 @@ function ConfigNavigation() {
           children: "\u4FDD\u5B58"
         })]
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Paper, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paper.default, {
       variant: "outlined",
       sx: {
         display: 'flex',
         height: 280,
         overflow: 'hidden'
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Paper, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paper.default, {
         elevation: 0,
         sx: {
           flex: 1,
@@ -277,41 +286,41 @@ function ConfigNavigation() {
           }
         })
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Toolbar, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Toolbar.default, {
       variant: "dense",
       sx: {
         paddingLeft: '0px !important',
         paddingRight: '0px !important',
         mt: 3
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
         variant: "h6",
         component: "div",
         sx: {
           flexGrow: 1
         },
         children: "Preview"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FormControl.default, {
         sx: {
           m: 1,
           minWidth: 120
         },
         size: "small",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputLabel.default, {
           children: "Role"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Select, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
           value: pageState.mockRole,
           label: "Role",
           onChange: e => {
             pageState.mockRole = e.target.value;
           },
-          children: roles.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+          children: roles.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
             value: item.name,
             children: item.title
           }, item.name))
         })]
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Paper, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paper.default, {
       variant: "outlined",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Session.SessionContext.Provider, {
         value: sessionCtxValue,

package/lib/blocklet/oauth/auth0.js

@@ -0,0 +1,162 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _pick = _interopRequireDefault(require("lodash/pick"));
+var _ahooks = require("ahooks");
+var _reactHookForm = require("react-hook-form");
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _node = require("../../contexts/node");
+var _blocklet = require("../../contexts/blocklet");
+var _toast = _interopRequireDefault(require("../../toast"));
+var _jsxRuntime = require("react/jsx-runtime");
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+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 OAuthAuth0() {
+  var _blocklet$meta, _blocklet$settings, _blocklet$settings$oa;
+  const {
+    api
+  } = (0, _node.useNodeContext)();
+  const {
+    blocklet
+  } = (0, _blocklet.useBlockletContext)();
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  // TODO: @zhanghan 将来需要换成 permanent did
+  const did = blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta = blocklet.meta) === null || _blocklet$meta === void 0 ? void 0 : _blocklet$meta.did;
+  const auth0 = Object.assign({
+    enabled: false,
+    domain: '',
+    clientId: ''
+  }, (blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$settings = blocklet.settings) === null || _blocklet$settings === void 0 ? void 0 : (_blocklet$settings$oa = _blocklet$settings.oauth) === null || _blocklet$settings$oa === void 0 ? void 0 : _blocklet$settings$oa.auth0) || {});
+  const {
+    handleSubmit,
+    control,
+    formState,
+    watch,
+    reset
+  } = (0, _reactHookForm.useForm)({
+    defaultValues: (0, _pick.default)(auth0, ['domain', 'clientId', 'enabled'])
+  });
+  const enabled = watch('enabled');
+  const onSubmit = (0, _ahooks.useMemoizedFn)(async data => {
+    try {
+      var _blockletChanged$sett, _blockletChanged$sett2;
+      const {
+        blocklet: blockletChanged
+      } = await api.configOAuth({
+        input: {
+          did,
+          oauth: JSON.stringify({
+            auth0: data
+          })
+        }
+      });
+      const defaultValues = Object.assign({
+        enabled: false,
+        domain: '',
+        clientId: ''
+      }, (blockletChanged === null || blockletChanged === void 0 ? void 0 : (_blockletChanged$sett = blockletChanged.settings) === null || _blockletChanged$sett === void 0 ? void 0 : (_blockletChanged$sett2 = _blockletChanged$sett.oauth) === null || _blockletChanged$sett2 === void 0 ? void 0 : _blockletChanged$sett2.auth0) || {});
+      // 将当前表单的默认值重置为新的数据，这样能够修正页面的 isDirty 数据
+      reset(defaultValues);
+      _toast.default.success(t('oauth.saveSuccess'));
+    } catch (err) {
+      _toast.default.success(err.message || t('oauth.saveFailed'));
+    }
+  });
+  const validateDomain = (0, _ahooks.useMemoizedFn)(val => {
+    if (!(val !== null && val !== void 0 && val.trim())) {
+      return t('oauth.auth0.domainDescribe');
+    }
+    return true;
+  });
+  const validateClientId = (0, _ahooks.useMemoizedFn)(val => {
+    if (!(val !== null && val !== void 0 && val.trim())) {
+      return t('oauth.auth0.clientIdDescribe');
+    }
+    return true;
+  });
+  const noop = (0, _ahooks.useMemoizedFn)(() => true);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
+      onSubmit: handleSubmit(onSubmit),
+      disabled: true,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.Controller, {
+        name: "enabled",
+        control: control,
+        render: _ref => {
+          let {
+            field
+          } = _ref;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
+            control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Switch, _objectSpread({
+              checked: field.value
+            }, field)),
+            label: t('oauth.auth0.enable'),
+            sx: {
+              marginBottom: '8px'
+            }
+          });
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.Controller, {
+        name: "domain",
+        control: control,
+        rules: {
+          validate: enabled ? validateDomain : noop
+        },
+        render: _ref2 => {
+          var _formState$errors$fie;
+          let {
+            field
+          } = _ref2;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControl, {
+            fullWidth: true,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, _objectSpread(_objectSpread({}, field), {}, {
+              label: t('oauth.auth0.domain'),
+              error: !!formState.errors[field.name],
+              helperText: ((_formState$errors$fie = formState.errors[field.name]) === null || _formState$errors$fie === void 0 ? void 0 : _formState$errors$fie.message) || '　',
+              disabled: !enabled
+            }))
+          });
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.Controller, {
+        name: "clientId",
+        control: control,
+        rules: {
+          validate: enabled ? validateClientId : noop
+        },
+        render: _ref3 => {
+          var _formState$errors$fie2;
+          let {
+            field
+          } = _ref3;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControl, {
+            fullWidth: true,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, _objectSpread(_objectSpread({}, field), {}, {
+              error: !!formState.errors[field.name],
+              label: t('oauth.auth0.clientId'),
+              helperText: ((_formState$errors$fie2 = formState.errors[field.name]) === null || _formState$errors$fie2 === void 0 ? void 0 : _formState$errors$fie2.message) || '　',
+              disabled: !enabled
+            }))
+          });
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+        type: "submit",
+        variant: "contained",
+        onSubmit: handleSubmit(onSubmit),
+        disabled: !formState.isDirty,
+        children: t('oauth.save')
+      })]
+    })
+  });
+}
+var _default = OAuthAuth0;
+exports.default = _default;

package/lib/blocklet/oauth/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Tabs = _interopRequireDefault(require("@arcblock/ux/lib/Tabs"));
+var _material = require("@mui/material");
+var _ahooks = require("ahooks");
+var _react = require("react");
+var _auth = _interopRequireDefault(require("./auth0"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function OAuth() {
+  const tabs = [{
+    label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      textAlign: "center",
+      width: "100%",
+      children: "Auth0"
+    }),
+    value: 'auth0'
+  }, {
+    label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      textAlign: "center",
+      width: "100%",
+      children: "More"
+    }),
+    value: 'more'
+  }];
+  const [currentTab, setCurrentTab] = (0, _react.useState)(tabs[0].value);
+  const contents = (0, _ahooks.useCreation)(() => ({
+    auth0: /*#__PURE__*/(0, _jsxRuntime.jsx)(_auth.default, {}),
+    more: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      children: "TBD"
+    })
+  }), []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
+      tabs: tabs,
+      current: currentTab,
+      onChange: setCurrentTab
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      marginTop: "10px",
+      children: contents[currentTab]
+    })]
+  });
+}
+var _default = OAuth;
+exports.default = _default;

package/lib/blocklet/preferences/index.js

@@ -13,6 +13,7 @@ var _constant = require("@abtnode/constant");
 var _material = require("@mui/material");
 var _TuneRounded = _interopRequireDefault(require("@mui/icons-material/TuneRounded"));
 var _Key = _interopRequireDefault(require("@mui/icons-material/Key"));
+var _Login = _interopRequireDefault(require("@mui/icons-material/Login"));
 var _SettingsOutlined = _interopRequireDefault(require("@mui/icons-material/SettingsOutlined"));
 var _ChevronRight = _interopRequireDefault(require("@mui/icons-material/ChevronRight"));
 var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
@@ -23,6 +24,7 @@ var _bundleAvatar = _interopRequireDefault(require("../bundle-avatar"));
 var _configuration = _interopRequireDefault(require("../configuration"));
 var _index = _interopRequireDefault(require("../access/index"));
 var _node = require("../../contexts/node");
+var _oauth = _interopRequireDefault(require("../oauth"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 const _excluded = ["blocklet", "onUpdate"];
@@ -124,6 +126,26 @@ function BlockletPreferences(_ref) {
       })]
     }, "access"),
     value: 'access'
+  }, {
+    label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      display: "flex",
+      alignItems: "center",
+      "data-cy": "configuration-tab-oauth",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Login.default, {
+        sx: {
+          fontSize: 24
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        ml: "16px",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          style: {
+            color: '#222'
+          },
+          children: t('common.login')
+        })
+      })]
+    }, "oauth"),
+    value: 'oauth'
   }, {
     label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
       display: "flex",
@@ -173,6 +195,8 @@ function BlockletPreferences(_ref) {
     });
   } else if (current === 'access') {
     content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {});
+  } else if (current === 'oauth') {
+    content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_oauth.default, {});
   } else {
     // eslint-disable-next-line no-nested-ternary
     const pathPrefix = inService ? _constant.WELLKNOWN_SERVICE_PATH_PREFIX : process.env.NODE_ENV === 'production' ? info.routing.adminPath : '';

package/lib/blocklet/storage.js

@@ -83,9 +83,10 @@ function Storage() {
         return;
       }
       setIsLoading(true);
-      await api.backupToSpaces({
+      await api.backupBlocklet({
         input: {
-          appDid: blocklet.appDid
+          appDid: blocklet.appDid,
+          to: 'spaces'
         }
       });
       _toast.default.success(t('storage.spaces.backupSuccessfully'));

package/lib/invitation/invitation-receive.js

@@ -32,9 +32,17 @@ function InvitationReceive(_ref) {
   const {
     getPassportId
   } = (0, _usePassportId.default)();
+  let componentId;
+  if (typeof window !== 'undefined') {
+    var _window, _window$blocklet;
+    componentId = (_window = window) === null || _window === void 0 ? void 0 : (_window$blocklet = _window.blocklet) === null || _window$blocklet === void 0 ? void 0 : _window$blocklet.componentId;
+  }
   const extraParams = {
     passportId: getPassportId(),
-    inviteId: invitation.inviteId
+    inviteId: invitation.inviteId,
+    // 生成 passport 信息需要 baseUrl 字段
+    baseUrl: window.location.origin,
+    componentId
   };
   const onClose = (0, _react.useCallback)(() => {
     setOpen(false);

package/lib/locales/en.js

@@ -290,6 +290,7 @@ module.exports = {
     installFromMarket: 'Install New Blocklets',
     installFromUrl: 'Install From Url',
     installFromCreate: 'Create Blocklet',
+    installFromDiskBackup: 'Restore from this server',
     installedAt: 'Installed At',
     internal: 'Internal',
     startedAt: 'Started At',
@@ -319,14 +320,13 @@ module.exports = {
       stopDescription: 'Stopping the blocklet will make its public interfaces unaccessible, which may cause end user failures',
       confirmStop: 'Yes, Stop It',
       cancelDownloadDescription: 'Cancel download {name} ?',
-      removeDescription: 'Removing the blocklet will erase code and data generated by this blocklet, which is not recoverable if you do not have any backups',
+      removeApplicationDescription: 'Removing the application will erase code and data generated by this application, which is not recoverable if you do not have any backups',
+      removeApplicationAfterBackup: 'Backup and delete the application. You can restore the application from this server if you need',
+      removeApplicationComplete: 'Delete the application directly',
       removeComponentDescription: 'Removing the component will erase code and data generated by this component, which is not recoverable if you do not have any backups',
-      forceRemoveDescription: 'Deleting this Blocklet will delete all data',
-      removeKeepData: 'Keep data for this blocklet, only remove code',
       removeComponentKeepData: 'Keep data for this component, only remove code',
-      removeComplete: 'Remove both code and data for this blocklet',
-      confirmRemove: 'Yes, Remove It',
       removeComponentComplete: 'Remove both code and data for this component',
+      confirmRemove: 'Yes, Remove It',
       confirmComponentRemove: 'Yes, Remove It',
       upgradeDescription: 'Upgrading the blocklet will make it temporarily unavailable, are you sure to continue?',
       confirmUpgrade: 'Yes, Upgrade It',
@@ -921,6 +921,9 @@ module.exports = {
       passports: 'Passports',
       lastLogin: 'Last Login',
       lastLoginIp: 'Last Login IP',
+      source: 'Register Source',
+      source_derived: 'Derived from oauth',
+      source_wallet: 'DID Wallet',
       filter: 'Filter by',
       forbidLogin: 'Forbid Login',
       forbidLoginDescription: 'The user will not be able to connect to this application',
@@ -1243,5 +1246,18 @@ module.exports = {
       1: 'Last 1 Day',
       7: 'Last 1 Week'
     }
+  },
+  oauth: {
+    save: 'Save',
+    saveSuccess: 'Save successfully',
+    saveFailed: 'Save failed',
+    issued: 'Issued',
+    auth0: {
+      enable: 'Enable Auth0 login',
+      domain: 'Domain',
+      domainDescription: "Auth0's domain is required",
+      clientId: 'ClientID',
+      clientIdDescribe: "Auth0's clientId is required"
+    }
   }
 };

package/lib/locales/zh.js

@@ -296,6 +296,7 @@ module.exports = {
     installFromMarket: '从应用商店安装',
     installFromUrl: '通过 URL 安装',
     installFromCreate: '创建基石程序',
+    installFromDiskBackup: '从此 Server 还原',
     installedAt: '安装时间',
     internal: '内部',
     startedAt: '启动时间',
@@ -315,11 +316,10 @@ module.exports = {
       stopDescription: '停止该基石程序将会使页面不可以访问，可能会导致使用它的用户出现错误',
       confirmStop: '是的，停止',
       cancelDownloadDescription: '取消下载 {name} ？',
-      removeDescription: '如果没有备份数据，删除该基石程序将会删除所有数据，包括基石程序运行时产生的所有数据',
+      removeApplicationDescription: '如果没有备份数据，删除应用将会删除所有数据，包括应用运行时产生的所有数据',
+      removeApplicationAfterBackup: '备份和删除该应用。 需要时您可以从此服务器恢复该应用',
+      removeApplicationComplete: '直接删除该应用',
       removeComponentDescription: '如果没有备份数据，删除该组件将会删除所有数据，包括组件运行时产生的所有数据',
-      forceRemoveDescription: '删除该基石程序将会删除所有数据',
-      removeKeepData: '保留该基石程序的数据，只删除基石程序',
-      removeComplete: '删除基石程序和数据',
       removeComponentKeepData: '保留该组件的数据，只删除组件',
       removeComponentComplete: '删除组件和数据',
       confirmRemove: '是的, 删除',
@@ -924,6 +924,9 @@ module.exports = {
       passports: '通行证',
       lastLogin: '上次登录',
       lastLoginIp: '上次登陆 IP',
+      source: '注册来源',
+      source_derived: 'OAuth 账户派生',
+      source_wallet: 'DID Wallet',
       filter: '条件筛选',
       forbidLogin: '禁止登录',
       forbidLoginDescription: '该成员将无法登录此应用',
@@ -1248,5 +1251,18 @@ module.exports = {
       1: '最近 1 天',
       7: '最近 1 周'
     }
+  },
+  oauth: {
+    save: '保存',
+    saveSuccess: '保存成功',
+    saveFailed: '保存失败',
+    issued: '颁发',
+    auth0: {
+      enable: '是否开启 Auth0 登录',
+      domain: 'Domain',
+      domainDescription: '请输入 Auth0 的 Domain',
+      clientId: 'ClientID',
+      clientIdDescribe: '请输入 Auth0 的 ClientID'
+    }
   }
 };

package/lib/team/members/index.js

@@ -272,6 +272,15 @@ function MemberList(_ref2) {
         return e || '-';
       }
     }
+  }, {
+    label: t('team.member.source'),
+    name: 'source',
+    options: {
+      customBodyRender: e => {
+        const source = e || _constant.USER_TYPE.WALLET;
+        return t("team.member.source_".concat(source)) || '-';
+      }
+    }
   }, {
     label: t('common.actions'),
     name: '',

package/lib/team/members/issue-passport.js

@@ -14,6 +14,7 @@ var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _Select = _interopRequireDefault(require("@mui/material/Select"));
 var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
 var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _constant = require("@abtnode/constant");
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _Alert = _interopRequireDefault(require("@arcblock/ux/lib/Alert"));
@@ -25,6 +26,7 @@ function IssuePassport(_ref) {
   let {
     teamDid,
     ownerDid,
+    ownerSource,
     roles,
     onCancel,
     onSuccess,
@@ -92,7 +94,7 @@ function IssuePassport(_ref) {
         "data-cy": "issue-passport-create-btn",
         children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
           size: 16
-        }), t('team.passport.issuance.create.title')]
+        }), ownerSource === _constant.USER_TYPE.DERIVED ? t('oauth.issued') : t('team.passport.issuance.create.title')]
       })]
     }),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContentText.default, {
@@ -142,6 +144,7 @@ function IssuePassport(_ref) {
 IssuePassport.propTypes = {
   teamDid: _propTypes.default.string.isRequired,
   ownerDid: _propTypes.default.string.isRequired,
+  ownerSource: _propTypes.default.oneOf([_constant.USER_TYPE.WALLET, _constant.USER_TYPE.DERIVED, undefined]),
   onCancel: _propTypes.default.func.isRequired,
   onSuccess: _propTypes.default.func.isRequired,
   onError: _propTypes.default.func,
@@ -151,5 +154,6 @@ IssuePassport.propTypes = {
 IssuePassport.defaultProps = {
   onError: () => {},
   roles: [],
-  showOwnerPassport: false
+  showOwnerPassport: false,
+  ownerSource: _constant.USER_TYPE.WALLET
 };

package/lib/team/members/passports.js

@@ -307,6 +307,7 @@ function Passports(_ref2) {
     }), showIssueDialog && /*#__PURE__*/(0, _jsxRuntime.jsx)(_issuePassport.default, {
       teamDid: teamDid,
       ownerDid: user.did,
+      ownerSource: user.source,
       roles: roles,
       onCancel: () => setShowIssueDialog(false),
       onSuccess: () => {

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.16.0-beta-1d6c582e",
+  "version": "1.16.0-beta-99e016c7",
   "description": "UX components shared across abtnode packages",
   "main": "lib/index.js",
   "files": [
@@ -21,20 +21,20 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "MIT",
   "dependencies": {
-    "@abtnode/auth": "1.16.0-beta-1d6c582e",
-    "@abtnode/constant": "1.16.0-beta-1d6c582e",
-    "@abtnode/util": "1.16.0-beta-1d6c582e",
-    "@arcblock/did-connect": "^2.5.14",
+    "@abtnode/auth": "1.16.0-beta-99e016c7",
+    "@abtnode/constant": "1.16.0-beta-99e016c7",
+    "@abtnode/util": "1.16.0-beta-99e016c7",
+    "@arcblock/did-connect": "^2.5.15",
     "@arcblock/did-motif": "^1.1.10",
-    "@arcblock/icons": "^2.5.14",
-    "@arcblock/react-hooks": "^2.5.14",
-    "@arcblock/terminal": "^2.5.14",
-    "@arcblock/ux": "^2.5.14",
-    "@blocklet/constant": "1.16.0-beta-1d6c582e",
+    "@arcblock/icons": "^2.5.15",
+    "@arcblock/react-hooks": "^2.5.15",
+    "@arcblock/terminal": "^2.5.15",
+    "@arcblock/ux": "^2.5.15",
+    "@blocklet/constant": "1.16.0-beta-99e016c7",
     "@blocklet/launcher-layout": "1.9.65",
-    "@blocklet/list": "^0.11.6",
-    "@blocklet/meta": "1.16.0-beta-1d6c582e",
-    "@blocklet/ui-react": "^2.5.14",
+    "@blocklet/list": "^0.11.10",
+    "@blocklet/meta": "1.16.0-beta-99e016c7",
+    "@blocklet/ui-react": "^2.5.15",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@iconify/react": "^4.0.0",
@@ -88,5 +88,5 @@
     "@babel/preset-react": "^7.18.6",
     "babel-plugin-inline-react-svg": "^1.1.2"
   },
-  "gitHead": "209fa1413ae05d8961942b2c21f2d83df66f4b68"
+  "gitHead": "6dcb70e4613c92752d7b5f2662ac4b0e3bc9050b"
 }