@abtnode/ux 1.16.17-beta-a8cf4b25 → 1.16.17-beta-d81014f4

package/lib/blocklet/config-navigation.js

@@ -11,6 +11,7 @@ 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 _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
 var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
 var _Select = _interopRequireDefault(require("@mui/material/Select"));
 var _Toolbar = _interopRequireDefault(require("@mui/material/Toolbar"));
@@ -78,6 +79,7 @@ function ConfigNavigation() {
   const {
     roles
   } = (0, _team.useTeamContext)();
+  const isMobile = (0, _useMediaQuery.default)(theme => theme.breakpoints.down('md'));
   const pageState = (0, _ahooks.useReactive)({
     saveLoading: false,
     resetLoading: false,
@@ -148,7 +150,7 @@ function ConfigNavigation() {
     try {
       pageState.resetLoading = true;
       await resetNavigation();
-      _Toast.default.success('重置成功', {
+      _Toast.default.success(t('navigation.action.resetSuccessful'), {
         variant: 'success'
       });
     } catch (e) {
@@ -177,7 +179,16 @@ function ConfigNavigation() {
     };
   }, [blocklet.appDid, pageState.mockRole]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroup.default, {
+    children: [isMobile && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+      fullWidth: true,
+      size: "small",
+      value: navigationState.activeSection,
+      onChange: event => updateActiveSection(event.target.value),
+      children: Object.keys(navigationTypeMap).map(key => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuItem.default, {
+        value: key,
+        children: [navigationTypeMap[key], " (".concat(getNavigation(key).length, ")")]
+      }))
+    }), !isMobile && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroup.default, {
       variant: "outlined",
       children: Object.keys(navigationTypeMap).map(key => {
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
@@ -199,7 +210,7 @@ function ConfigNavigation() {
         sx: {
           flexGrow: 1
         },
-        children: "Config"
+        children: t('common.config')
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroup.default, {
         variant: "outlined",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingButton.default, {
@@ -217,7 +228,7 @@ function ConfigNavigation() {
           onClick: () => {
             pageState.showResetConfirm = true;
           },
-          children: "\u91CD\u7F6E"
+          children: t('navigation.action.reset')
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ButtonGroup.default, {
         variant: "outlined",
@@ -228,7 +239,7 @@ function ConfigNavigation() {
             icon: "mdi:plus"
           }),
           onClick: () => handleAddNavigation(),
-          children: "\u65B0\u5EFA"
+          children: t('navigation.action.new')
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingButton.default, {
           size: "small",
           variant: "contained",
@@ -238,7 +249,7 @@ function ConfigNavigation() {
           loading: pageState.saveLoading,
           loadingPosition: "start",
           onClick: handleSaveNavigation,
-          children: "\u4FDD\u5B58"
+          children: t('common.save')
         })]
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paper.default, {
@@ -304,7 +315,7 @@ function ConfigNavigation() {
         sx: {
           flexGrow: 1
         },
-        children: "Preview"
+        children: t('common.preview')
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FormControl.default, {
         sx: {
           m: 1,
@@ -312,7 +323,7 @@ function ConfigNavigation() {
         },
         size: "small",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputLabel.default, {
-          children: "Role"
+          children: t('common.role')
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
           value: pageState.mockRole,
           label: "Role",
@@ -339,8 +350,21 @@ function ConfigNavigation() {
       components: navigationState.components,
       rawNavigations: navigationState.rawNavigation
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Confirm, {
+      confirmButton: {
+        text: t('common.confirm'),
+        props: {
+          variant: 'contained',
+          color: 'error'
+        }
+      },
+      cancelButton: {
+        text: t('common.cancel'),
+        props: {
+          color: 'primary'
+        }
+      },
       open: pageState.showResetConfirm,
-      title: "\u662F\u5426\u6E05\u7A7A\u6240\u6709\u81EA\u5B9A\u4E49\u5BFC\u822A",
+      title: t('navigation.action.restConfirmTitle'),
       onConfirm: async () => {
         await handleResetNavigation();
         pageState.showResetConfirm = false;
@@ -349,7 +373,7 @@ function ConfigNavigation() {
         pageState.showResetConfirm = false;
       },
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        children: "\u6E05\u7A7A\u540E\uFF0C\u5BFC\u822A\u4F1A\u6062\u590D\u5230 Blocklet \u539F\u6709\u9ED8\u8BA4\u7684\u914D\u7F6E"
+        children: t('navigation.action.restConfirmDesc')
       })
     })]
   });

package/lib/blocklet/router/domain-status.js

@@ -70,7 +70,6 @@ function DomainStatus(_ref) {
         style: {
           color: '#D0021B',
           fontSize: 20,
-          marginLeft: 8,
           cursor: 'pointer'
         }
       })

package/lib/certificate.js

@@ -42,7 +42,6 @@ function Certificate(_ref) {
       style: {
         color: '#44cdc6',
         fontSize: 20,
-        marginLeft: 8,
         cursor: 'pointer'
       }
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {

package/lib/dot.js

@@ -13,6 +13,6 @@ const color = {
   error: '#D0021B'
 };
 const defaultSize = '10px';
-const Dot = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  width: ", ";\n  height: ", ";\n  background: ", ";\n  border-radius: 100%;\n"])), props => props.size || defaultSize, props => props.size || defaultSize, props => color[props.color] || props.color || color.success);
+const Dot = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  min-width: ", ";\n  min-height: ", ";\n  background: ", ";\n  border-radius: 100%;\n"])), props => props.size || defaultSize, props => props.size || defaultSize, props => color[props.color] || props.color || color.success);
 var _default = Dot;
 exports.default = _default;

package/lib/locales/en.js

@@ -233,6 +233,7 @@ module.exports = {
     port: 'Port',
     pre: 'Previous',
     preferences: 'Preferences',
+    preview: 'Preview',
     protected: 'Protected',
     protocol: 'Protocol',
     publish: 'Publish',
@@ -1432,9 +1433,14 @@ module.exports = {
       hide: 'Hide navigation',
       show: 'Show navigation',
       del: 'Delete navigation',
+      new: 'New',
       noAddSub: "Uninstalled component can't add sub navigation",
       noEdit: "Uninstalled component can't edit",
-      noDel: 'Not allowed delete built-in navigation'
+      noDel: 'Not allowed delete built-in navigation',
+      reset: 'Reset',
+      restConfirmTitle: 'Do you want to clear all custom navigation?',
+      restConfirmDesc: "After clearing, the navigation will be restored to Blocklet's original default configuration.",
+      resetSuccessful: 'Reset successful'
     }
   },
   storage: {

package/lib/locales/zh.js

@@ -238,6 +238,7 @@ module.exports = {
     port: '端口',
     pre: '上一步',
     preferences: '偏好',
+    preview: '预览',
     protected: '受保护',
     protocol: '协议',
     publish: '发布',
@@ -1409,8 +1410,8 @@ module.exports = {
     }
   },
   navigation: {
-    navigation: '导航',
     actionFailed: '操作失败',
+    navigation: '导航',
     form: {
       title: '标题',
       titlePlaceholder: '请输入导航标题',
@@ -1437,9 +1438,14 @@ module.exports = {
       hide: '隐藏导航',
       show: '显示导航',
       del: '删除导航',
+      new: '新建',
       noAddSub: '未安装组件无法添加子导航',
       noEdit: '未安装组件的导航无法编辑',
-      noDel: '内置的导航无法删除'
+      noDel: '内置的导航无法删除',
+      reset: '重置',
+      restConfirmTitle: '是否清空所有自定义导航?',
+      restConfirmDesc: '清空后，导航会恢复到 Blocklet 原有默认的配置.',
+      resetSuccessful: '重置成功'
     }
   },
   storage: {

package/lib/team/passports/index.js

@@ -9,6 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _SplitButton = _interopRequireDefault(require("@arcblock/ux/lib/SplitButton"));
@@ -16,7 +17,7 @@ var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularPr
 var _EditIcon = _interopRequireDefault(require("@arcblock/icons/lib/EditIcon"));
 var _LockIcon = _interopRequireDefault(require("@arcblock/icons/lib/LockIcon"));
 var _ExternalIssuerIcon = _interopRequireDefault(require("@arcblock/icons/lib/ExternalIssuerIcon"));
-var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
 var _node = require("../../contexts/node");
 var _team = require("../../contexts/team");
 var _util = require("../../util");
@@ -62,6 +63,7 @@ function PassportList(_ref) {
   const [showTrustedFactories, setShowTrustedFactories] = (0, _react.useState)(false);
   const [search, setSearch] = (0, _react.useState)('');
   const [loading, setLoading] = (0, _react.useState)(false);
+  const isMobile = (0, _useMediaQuery.default)(x => x.breakpoints.down('md'));
   const toggleShowIssue = async e => {
     e.stopPropagation();
     if (loading) {
@@ -186,6 +188,10 @@ function PassportList(_ref) {
       className: "list",
       children: filteredRoles.map(role => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
         "data-cy": "passport-".concat(role.name),
+        sx: {
+          display: 'flex',
+          justifyContent: 'space-between'
+        },
         className: "item",
         display: "flex",
         alignItems: "center",
@@ -215,7 +221,7 @@ function PassportList(_ref) {
             className: "title",
             children: role.title
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        }), !isMobile && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
           className: "description",
           children: role.description
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_permission.default, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.17-beta-a8cf4b25",
+  "version": "1.16.17-beta-d81014f4",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -27,23 +27,23 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.17-beta-a8cf4b25",
-    "@abtnode/constant": "1.16.17-beta-a8cf4b25",
-    "@abtnode/util": "1.16.17-beta-a8cf4b25",
+    "@abtnode/auth": "1.16.17-beta-d81014f4",
+    "@abtnode/constant": "1.16.17-beta-d81014f4",
+    "@abtnode/util": "1.16.17-beta-d81014f4",
     "@ahooksjs/use-url-state": "^3.5.1",
     "@arcblock/did": "^1.18.93",
-    "@arcblock/did-connect": "^2.8.4",
+    "@arcblock/did-connect": "^2.8.5",
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.8.4",
-    "@arcblock/nft-display": "2.8.4",
-    "@arcblock/react-hooks": "^2.8.4",
-    "@arcblock/terminal": "^2.8.4",
-    "@arcblock/ux": "^2.8.4",
-    "@blocklet/constant": "1.16.17-beta-a8cf4b25",
+    "@arcblock/icons": "^2.8.5",
+    "@arcblock/nft-display": "2.8.5",
+    "@arcblock/react-hooks": "^2.8.5",
+    "@arcblock/terminal": "^2.8.5",
+    "@arcblock/ux": "^2.8.5",
+    "@blocklet/constant": "1.16.17-beta-d81014f4",
     "@blocklet/launcher-layout": "2.2.22",
     "@blocklet/list": "^0.12.46",
-    "@blocklet/meta": "1.16.17-beta-a8cf4b25",
-    "@blocklet/ui-react": "^2.8.4",
+    "@blocklet/meta": "1.16.17-beta-d81014f4",
+    "@blocklet/ui-react": "^2.8.5",
     "@blocklet/uploader": "^0.0.32",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
@@ -100,7 +100,7 @@
     "babel-plugin-inline-react-svg": "^1.1.2",
     "glob": "^10.3.3"
   },
-  "gitHead": "df8486ab9a180f0f3fc812821440a995d65bc63d",
+  "gitHead": "0317f39a400a7ee4475e09e9154de5d8f8227b50",
   "exports": {
     ".": {
       "import": "./es/index.js",