@abtnode/ux 1.16.13-beta-ef672597 → 1.16.13-beta-0086a35d

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

@@ -18,9 +18,9 @@ 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"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable react-hooks/exhaustive-deps */
 /* eslint-disable react/jsx-no-bind */
 
 const defaultLocale = 'en';
@@ -30,6 +30,7 @@ function LocaleTabs(_ref) {
     onAdd,
     onChange: _onChange,
     locales,
+    localeMap,
     onRemoveLocale
   } = _ref;
   const {
@@ -53,8 +54,8 @@ function LocaleTabs(_ref) {
     return defaultLocale;
   }, [locales, state.currentLocale]);
   const localeOptions = (0, _react.useMemo)(() => {
-    return Object.keys((0, _lodash.omit)(_locales.default, [...state.localeList, defaultLocale])).map(locale => ({
-      title: _locales.default[locale],
+    return Object.keys((0, _lodash.omit)(localeMap, [...state.localeList, defaultLocale])).map(locale => ({
+      title: localeMap[locale],
       value: locale
     }));
   }, [state.localeList]);
@@ -134,14 +135,14 @@ function LocaleTabs(_ref) {
         _onChange(value);
       },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
-        label: "Default (".concat(_locales.default[defaultLocale], ")"),
+        label: "Default (".concat(localeMap[defaultLocale], ")"),
         value: "en"
       }), 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)(_IconButton.default, {
+          children: [localeMap[item], /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
             size: "small",
             color: "inherit",
             sx: {
@@ -219,6 +220,7 @@ LocaleTabs.propTypes = {
   onAdd: _propTypes.default.func,
   onChange: _propTypes.default.func,
   onRemoveLocale: _propTypes.default.func,
+  localeMap: _propTypes.default.object,
   locales: _propTypes.default.array
 };
 LocaleTabs.defaultProps = {
@@ -226,6 +228,7 @@ LocaleTabs.defaultProps = {
   onAdd: () => {},
   onChange: () => {},
   onRemoveLocale: () => {},
+  localeMap: {},
   locales: []
 };
 var _default = LocaleTabs;

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

@@ -32,9 +32,11 @@ var _parseNavigationFromBlocklet = require("@blocklet/meta/lib/parse-navigation-
 var _urlJoin = _interopRequireDefault(require("url-join"));
 var _index = require("ufo/dist/index.mjs");
 var _isAbsoluteUrl = _interopRequireDefault(require("is-absolute-url"));
+var _constant = require("@blocklet/constant");
 var _localeTabs = _interopRequireDefault(require("./locale-tabs"));
 var _simpleSelect = _interopRequireDefault(require("./simple-select"));
 var _team = require("../../../contexts/team");
+var _blocklet = require("../../../contexts/blocklet");
 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; }
@@ -94,6 +96,15 @@ const NavigationDialog = /*#__PURE__*/(0, _react.forwardRef)(function Navigation
     t,
     locale
   } = (0, _context.useLocaleContext)();
+  const {
+    blocklet
+  } = (0, _blocklet.useBlockletContext)();
+  const config = blocklet.environments.find(x => x.key === 'BLOCKLET_APP_LANGUAGES');
+  const languages = config ? config.value.split(',') : ['en', 'zh'];
+  const localeMap = languages.filter(x => _constant.SUPPORTED_LANGUAGES[x]).reduce((acc, x) => {
+    acc[x] = _constant.SUPPORTED_LANGUAGES[x].nativeName;
+    return acc;
+  }, {});
   const saveFn = (0, _react.useRef)(() => {});
   const [show, {
     setFalse,
@@ -426,6 +437,7 @@ const NavigationDialog = /*#__PURE__*/(0, _react.forwardRef)(function Navigation
       onAdd: handleAddLocale,
       onChange: handleChangeLocale,
       onRemoveLocale: handleRemoveLocale,
+      localeMap: localeMap,
       locales: state.localeList
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
       noValidate: true,

package/lib/form/form-select-input.js

@@ -101,7 +101,7 @@ function FormSelectInput(_ref) {
         display: 'flex',
         flexWrap: 'wrap'
       },
-      children: selected.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+      children: selected.filter(x => options.some(o => o.code === x)).map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
         label: options.find(o => o.code === x).name,
         style: {
           marginRight: 8
@@ -122,7 +122,7 @@ function FormSelectInput(_ref) {
     style: {
       whiteSpace: 'pre-wrap'
     },
-    children: value.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+    children: value.filter(x => options.some(o => o.code === x)).map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
       label: options.find(o => o.code === x).name,
       style: {
         marginRight: 8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.13-beta-ef672597",
+  "version": "1.16.13-beta-0086a35d",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -23,9 +23,9 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.13-beta-ef672597",
-    "@abtnode/constant": "1.16.13-beta-ef672597",
-    "@abtnode/util": "1.16.13-beta-ef672597",
+    "@abtnode/auth": "1.16.13-beta-0086a35d",
+    "@abtnode/constant": "1.16.13-beta-0086a35d",
+    "@abtnode/util": "1.16.13-beta-0086a35d",
     "@ahooksjs/use-url-state": "^3.5.1",
     "@arcblock/did": "^1.18.84",
     "@arcblock/did-connect": "^2.5.54",
@@ -34,10 +34,10 @@
     "@arcblock/react-hooks": "^2.5.54",
     "@arcblock/terminal": "^2.5.54",
     "@arcblock/ux": "^2.5.54",
-    "@blocklet/constant": "1.16.13-beta-ef672597",
+    "@blocklet/constant": "1.16.13-beta-0086a35d",
     "@blocklet/launcher-layout": "2.1.26",
     "@blocklet/list": "^0.12.4",
-    "@blocklet/meta": "1.16.13-beta-ef672597",
+    "@blocklet/meta": "1.16.13-beta-0086a35d",
     "@blocklet/ui-react": "^2.5.54",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
@@ -95,5 +95,5 @@
     "@babel/preset-react": "^7.18.6",
     "babel-plugin-inline-react-svg": "^1.1.2"
   },
-  "gitHead": "ed5abea5072dee26860ed43139bfee17461b19a1"
+  "gitHead": "cbf5c99e7cadf9fef4d77673cb45b44ef26436cf"
 }

package/lib/util/locales.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-// https://www.maigoo.com/top/393790.html
-// https://zh.wikipedia.org/zh-my/ISO_639-1代码表
-var _default = {
-  en: 'English',
-  zh: '中文',
-  fr: 'Français',
-  // 法语
-  ru: 'Russian',
-  // 俄语
-  ar: 'العربية',
-  //  阿拉伯语
-  es: 'Español',
-  // 西班牙语
-  de: 'Deutsch',
-  // 德语
-  pt: 'Português do Brasil',
-  // 葡萄牙语
-  ja: '日本語',
-  // 日语
-  hi: 'हिन्दी' // 印地语
-};
-exports.default = _default;