@nocobase/client 0.7.0-alpha.82 → 0.7.1-alpha.4

package/lib/schema-initializer/utils.d.ts

@@ -81,17 +81,19 @@ export declare const useCurrentSchema: (action: string, key: string, find?: (sch
     exists: boolean;
     remove(): void;
 };
-export declare const useRecordCollectionDataSourceItems: (componentName: any) => ({
+export declare const useRecordCollectionDataSourceItems: (componentName: any, item?: any, collectionName?: any, resourceName?: any) => ({
+    key: string;
     type: string;
     name: string;
     title: string;
-    key?: undefined;
+    item: any;
     children?: undefined;
 } | {
     type: string;
+    key?: undefined;
     name?: undefined;
     title?: undefined;
-    key?: undefined;
+    item?: undefined;
     children?: undefined;
 } | {
     key: string;
@@ -99,6 +101,7 @@ export declare const useRecordCollectionDataSourceItems: (componentName: any) =>
     name: string;
     title: string;
     children: any;
+    item?: undefined;
 })[];
 export declare const useCollectionDataSourceItems: (componentName: any) => {
     key: string;

package/lib/schema-initializer/utils.js

@@ -313,6 +313,10 @@ var useCurrentSchema = function useCurrentSchema(action, key) {
 exports.useCurrentSchema = useCurrentSchema;
 
 var useRecordCollectionDataSourceItems = function useRecordCollectionDataSourceItems(componentName) {
+  var item = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var collectionName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  var resourceName = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
 
@@ -321,8 +325,10 @@ var useRecordCollectionDataSourceItems = function useRecordCollectionDataSourceI
   var _useSchemaTemplateMan = (0, _schemaTemplates.useSchemaTemplateManager)(),
       getTemplatesByCollection = _useSchemaTemplateMan.getTemplatesByCollection;
 
-  var templates = getTemplatesByCollection(collection.name).filter(function (template) {
+  var templates = getTemplatesByCollection(collectionName || collection.name).filter(function (template) {
     return componentName && template.componentName === componentName;
+  }).filter(function (template) {
+    return ['FormItem', 'ReadPrettyFormItem'].includes(componentName) || template.resourceName === resourceName;
   });
 
   if (!templates.length) {
@@ -331,38 +337,42 @@ var useRecordCollectionDataSourceItems = function useRecordCollectionDataSourceI
 
   var index = 0;
   return [{
+    key: "".concat(collectionName || componentName, "_table_blank"),
     type: 'item',
     name: collection.name,
-    title: t('Blank block')
+    title: t('Blank block'),
+    item: item
   }, {
     type: 'divider'
   }, {
-    key: "".concat(componentName, "_table_subMenu_").concat(index, "_copy"),
+    key: "".concat(collectionName || componentName, "_table_subMenu_").concat(index, "_copy"),
     type: 'subMenu',
     name: 'copy',
     title: t('Duplicate template'),
     children: templates.map(function (template) {
-      var templateName = (template === null || template === void 0 ? void 0 : template.componentName) === 'ReadPrettyFormItem' ? "".concat(template === null || template === void 0 ? void 0 : template.name, " ").concat(t('(Fields only)')) : template === null || template === void 0 ? void 0 : template.name;
+      var templateName = ['FormItem', 'ReadPrettyFormItem'].includes(template === null || template === void 0 ? void 0 : template.componentName) ? "".concat(template === null || template === void 0 ? void 0 : template.name, " ").concat(t('(Fields only)')) : template === null || template === void 0 ? void 0 : template.name;
       return {
         type: 'item',
         mode: 'copy',
         name: collection.name,
         template: template,
+        item: item,
         title: templateName || t('Untitled')
       };
     })
   }, {
-    key: "".concat(componentName, "_table_subMenu_").concat(index, "_ref"),
+    key: "".concat(collectionName || componentName, "_table_subMenu_").concat(index, "_ref"),
     type: 'subMenu',
     name: 'ref',
     title: t('Reference template'),
     children: templates.map(function (template) {
-      var templateName = (template === null || template === void 0 ? void 0 : template.componentName) === 'ReadPrettyFormItem' ? "".concat(template === null || template === void 0 ? void 0 : template.name, " ").concat(t('(Fields only)')) : template === null || template === void 0 ? void 0 : template.name;
+      var templateName = ['FormItem', 'ReadPrettyFormItem'].includes(template === null || template === void 0 ? void 0 : template.componentName) ? "".concat(template === null || template === void 0 ? void 0 : template.name, " ").concat(t('(Fields only)')) : template === null || template === void 0 ? void 0 : template.name;
       return {
         type: 'item',
         mode: 'reference',
         name: collection.name,
         template: template,
+        item: item,
         title: templateName || t('Untitled')
       };
     })
@@ -391,7 +401,7 @@ var useCollectionDataSourceItems = function useCollectionDataSourceItems(compone
       return !item.inherit;
     })) === null || _collections$filter === void 0 ? void 0 : _collections$filter.map(function (item, index) {
       var templates = getTemplatesByCollection(item.name).filter(function (template) {
-        return componentName && template.componentName === componentName;
+        return componentName && template.componentName === componentName && (!template.resourceName || template.resourceName === item.name);
       });
 
       if (!templates.length) {
@@ -532,6 +542,7 @@ var createFormBlockSchema = function createFormBlockSchema(options) {
       template = options.template,
       others = _objectWithoutProperties(options, _excluded2);
 
+  console.log('createFormBlockSchema', options);
   var resourceName = resource || association || collection;
   var schema = {
     type: 'void',
@@ -881,7 +892,7 @@ var createKanbanBlockSchema = function createKanbanBlockSchema(options) {
         paginate: false
       }
     }, others),
-    'x-designer': 'KanbanV2.Designer',
+    'x-designer': 'Kanban.Designer',
     'x-component': 'CardItem',
     properties: _defineProperty({
       actions: {
@@ -897,7 +908,7 @@ var createKanbanBlockSchema = function createKanbanBlockSchema(options) {
       }
     }, (0, _shared.uid)(), {
       type: 'array',
-      'x-component': 'KanbanV2',
+      'x-component': 'Kanban',
       'x-component-props': {
         useProps: '{{ useKanbanBlockProps }}'
       },
@@ -906,8 +917,8 @@ var createKanbanBlockSchema = function createKanbanBlockSchema(options) {
           type: 'void',
           'x-read-pretty': true,
           'x-decorator': 'BlockItem',
-          'x-component': 'KanbanV2.Card',
-          'x-designer': 'KanbanV2.Card.Designer',
+          'x-component': 'Kanban.Card',
+          'x-designer': 'Kanban.Card.Designer',
           properties: {
             grid: {
               type: 'void',
@@ -922,7 +933,7 @@ var createKanbanBlockSchema = function createKanbanBlockSchema(options) {
           type: 'void',
           title: '{{ t("View") }}',
           'x-designer': 'Action.Designer',
-          'x-component': 'KanbanV2.CardViewer',
+          'x-component': 'Kanban.CardViewer',
           'x-component-props': {
             openMode: 'drawer'
           },

package/lib/schema-settings/SchemaSettings.js

@@ -25,6 +25,8 @@ var _lodash = require("lodash");
 
 var _react2 = _interopRequireWildcard(require("react"));
 
+var _reactDom = require("react-dom");
+
 var _reactI18next = require("react-i18next");
 
 var _ = require("..");
@@ -40,7 +42,7 @@ var _excluded = ["children", "fieldSchema"],
     _excluded3 = ["title", "options", "value", "onChange"],
     _excluded4 = ["title", "onChange"],
     _excluded5 = ["schema"],
-    _excluded6 = ["title", "onSubmit", "initialValues", "initialSchema", "modalTip"],
+    _excluded6 = ["title", "onSubmit", "initialValues", "initialSchema", "schema", "modalTip", "components"],
     _excluded7 = ["hidden", "title", "components", "scope", "effects", "schema", "onSubmit", "initialValues"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -142,7 +144,8 @@ exports.SchemaSettings = SchemaSettings;
 
 SchemaSettings.Template = function (props) {
   var componentName = props.componentName,
-      collectionName = props.collectionName;
+      collectionName = props.collectionName,
+      resourceName = props.resourceName;
 
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
@@ -265,6 +268,7 @@ SchemaSettings.Template = function (props) {
                 _context3.next = 8;
                 return saveAsTemplate({
                   collectionName: collectionName,
+                  resourceName: resourceName,
                   componentName: componentName,
                   name: values.name,
                   uid: fieldSchema['x-uid']
@@ -343,7 +347,8 @@ SchemaSettings.FormItemTemplate = function (props) {
   var _props$insertAdjacent = props.insertAdjacentPosition,
       insertAdjacentPosition = _props$insertAdjacent === void 0 ? 'afterBegin' : _props$insertAdjacent,
       componentName = props.componentName,
-      collectionName = props.collectionName;
+      collectionName = props.collectionName,
+      resourceName = props.resourceName;
 
   var _useTranslation2 = (0, _reactI18next.useTranslation)(),
       t = _useTranslation2.t;
@@ -450,8 +455,7 @@ SchemaSettings.FormItemTemplate = function (props) {
               case 0:
                 setVisible(false);
                 gridSchema = findGridSchema(fieldSchema);
-                console.log('gridSchema', gridSchema);
-                _context6.next = 5;
+                _context6.next = 4;
                 return (0, _antd.FormDialog)(t('Save as template'), function () {
                   return /*#__PURE__*/_react2.default.createElement(_antd.FormLayout, {
                     layout: 'vertical'
@@ -474,7 +478,7 @@ SchemaSettings.FormItemTemplate = function (props) {
                   }));
                 }).open({});
 
-              case 5:
+              case 4:
                 values = _context6.sent;
                 sdn = (0, _.createDesignable)({
                   t: t,
@@ -483,15 +487,16 @@ SchemaSettings.FormItemTemplate = function (props) {
                   current: gridSchema.parent
                 });
                 sdn.loadAPIClientEvents();
-                _context6.next = 10;
+                _context6.next = 9;
                 return saveAsTemplate({
                   collectionName: collectionName,
+                  resourceName: resourceName,
                   componentName: componentName,
                   name: values.name,
                   uid: gridSchema['x-uid']
                 });
 
-              case 10:
+              case 9:
                 _yield$saveAsTemplate2 = _context6.sent;
                 key = _yield$saveAsTemplate2.key;
                 sdn.removeWithoutEmit(gridSchema);
@@ -503,7 +508,7 @@ SchemaSettings.FormItemTemplate = function (props) {
                   }
                 });
                 fieldSchema['x-template-key'] = key;
-                _context6.next = 17;
+                _context6.next = 16;
                 return api.request({
                   url: "uiSchemas:patch",
                   method: 'post',
@@ -513,7 +518,7 @@ SchemaSettings.FormItemTemplate = function (props) {
                   }
                 });
 
-              case 17:
+              case 16:
               case "end":
                 return _context6.stop();
             }
@@ -686,7 +691,9 @@ SchemaSettings.ActionModalItem = /*#__PURE__*/_react2.default.memo(function (pro
       onSubmit = props.onSubmit,
       initialValues = props.initialValues,
       initialSchema = props.initialSchema,
+      schema = props.schema,
       modalTip = props.modalTip,
+      components = props.components,
       others = _objectWithoutProperties(props, _excluded6);
 
   var _useState7 = (0, _react2.useState)(false),
@@ -712,7 +719,8 @@ SchemaSettings.ActionModalItem = /*#__PURE__*/_react2.default.memo(function (pro
   var api = (0, _.useAPIClient)();
   var form = (0, _react2.useMemo)(function () {
     return (0, _core.createForm)({
-      initialValues: (0, _lodash.cloneDeep)(initialValues)
+      initialValues: (0, _lodash.cloneDeep)(initialValues),
+      values: (0, _lodash.cloneDeep)(initialValues)
     });
   }, []);
 
@@ -720,19 +728,40 @@ SchemaSettings.ActionModalItem = /*#__PURE__*/_react2.default.memo(function (pro
     setVisible(false);
   };
 
-  var submitHandler = function submitHandler() {
-    onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit((0, _lodash.cloneDeep)(form.values));
-    setVisible(false);
-  };
-
-  var openAssignedFieldValueHandler = /*#__PURE__*/function () {
+  var submitHandler = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7() {
       return regeneratorRuntime.wrap(function _callee7$(_context7) {
         while (1) {
           switch (_context7.prev = _context7.next) {
             case 0:
-              if (!(!schemaUid && initialSchema['x-uid'])) {
-                _context7.next = 6;
+              _context7.next = 2;
+              return form.submit();
+
+            case 2:
+              onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit((0, _lodash.cloneDeep)(form.values));
+              setVisible(false);
+
+            case 4:
+            case "end":
+              return _context7.stop();
+          }
+        }
+      }, _callee7);
+    }));
+
+    return function submitHandler() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  var openAssignedFieldValueHandler = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8() {
+      return regeneratorRuntime.wrap(function _callee8$(_context8) {
+        while (1) {
+          switch (_context8.prev = _context8.next) {
+            case 0:
+              if (!(!schemaUid && (initialSchema === null || initialSchema === void 0 ? void 0 : initialSchema['x-uid']))) {
+                _context8.next = 6;
                 break;
               }
 
@@ -740,7 +769,7 @@ SchemaSettings.ActionModalItem = /*#__PURE__*/_react2.default.memo(function (pro
               dn.emit('patch', {
                 schema: fieldSchema
               });
-              _context7.next = 5;
+              _context8.next = 5;
               return api.resource('uiSchemas').insert({
                 values: initialSchema
               });
@@ -754,20 +783,30 @@ SchemaSettings.ActionModalItem = /*#__PURE__*/_react2.default.memo(function (pro
 
             case 8:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
         }
-      }, _callee7);
+      }, _callee8);
     }));
 
     return function openAssignedFieldValueHandler() {
-      return _ref.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
 
   return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement(SchemaSettings.Item, _objectSpread(_objectSpread({}, others), {}, {
-    onClick: openAssignedFieldValueHandler
-  }), props.children || props.title), /*#__PURE__*/_react2.default.createElement(_antd2.Modal, _objectSpread(_objectSpread({
+    onClick: openAssignedFieldValueHandler,
+    onKeyDown: function onKeyDown(e) {
+      return e.stopPropagation();
+    }
+  }), props.children || props.title), /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react2.default.createElement("div", {
+    onClick: function onClick(e) {
+      e.stopPropagation();
+    },
+    onKeyDown: function onKeyDown(e) {
+      e.stopPropagation();
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_antd2.Modal, _objectSpread(_objectSpread({
     width: '50%',
     title: compile(title)
   }, others), {}, {
@@ -786,10 +825,14 @@ SchemaSettings.ActionModalItem = /*#__PURE__*/_react2.default.memo(function (pro
     layout: 'vertical'
   }, modalTip && /*#__PURE__*/_react2.default.createElement(_antd2.Alert, {
     message: modalTip
-  }), modalTip && /*#__PURE__*/_react2.default.createElement("br", null), visible && /*#__PURE__*/_react2.default.createElement(_.RemoteSchemaComponent, {
+  }), modalTip && /*#__PURE__*/_react2.default.createElement("br", null), visible && schemaUid && /*#__PURE__*/_react2.default.createElement(_.RemoteSchemaComponent, {
     noForm: true,
+    components: components,
     uid: schemaUid
-  })))));
+  }), visible && schema && /*#__PURE__*/_react2.default.createElement(_.SchemaComponent, {
+    components: components,
+    schema: schema
+  }))))), document.body));
 });
 
 SchemaSettings.ModalItem = function (props) {
@@ -830,4 +873,47 @@ SchemaSettings.ModalItem = function (props) {
       });
     }
   }), props.children || props.title);
+};
+
+SchemaSettings.BlockTitleItem = function () {
+  var _fieldSchema$xCompon;
+
+  var field = (0, _react.useField)();
+  var fieldSchema = (0, _react.useFieldSchema)();
+
+  var _useDesignable = (0, _.useDesignable)(),
+      dn = _useDesignable.dn;
+
+  var _useTranslation5 = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation5.t;
+
+  return /*#__PURE__*/_react2.default.createElement(SchemaSettings.ModalItem, {
+    title: t('Edit block title'),
+    schema: {
+      type: 'object',
+      title: t('Edit block title'),
+      properties: {
+        title: {
+          title: t('Block title'),
+          type: 'string',
+          default: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon === void 0 ? void 0 : _fieldSchema$xCompon['title'],
+          'x-decorator': 'FormItem',
+          'x-component': 'Input'
+        }
+      }
+    },
+    onSubmit: function onSubmit(_ref3) {
+      var _schema;
+
+      var title = _ref3.title;
+      var componentProps = fieldSchema['x-component-props'] || {};
+      componentProps.title = title;
+      fieldSchema['x-component-props'] = componentProps;
+      field.componentProps.title = title;
+      dn.emit('patch', {
+        schema: (_schema = {}, _defineProperty(_schema, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema, 'x-component-props', fieldSchema['x-component-props']), _schema)
+      });
+      dn.refresh();
+    }
+  });
 };

package/lib/schema-templates/SchemaTemplateManagerProvider.d.ts

@@ -13,6 +13,6 @@ export declare const useSchemaTemplateManager: () => {
     getTemplateBySchema(schema: any): any;
     getTemplateBySchemaId(schemaId: any): any;
     getTemplateById(key: any): any;
-    getTemplatesByCollection(collectionName: string): any;
+    getTemplatesByCollection(collectionName: string, resourceName?: string): any;
 };
 export declare const RemoteSchemaTemplateManagerProvider: React.FC;

package/lib/schema-templates/SchemaTemplateManagerProvider.js

@@ -267,6 +267,7 @@ var useSchemaTemplateManager = function useSchemaTemplateManager() {
     getTemplatesByCollection: function getTemplatesByCollection(collectionName) {
       var _templates$filter;
 
+      var resourceName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
       var items = templates === null || templates === void 0 ? void 0 : (_templates$filter = templates.filter) === null || _templates$filter === void 0 ? void 0 : _templates$filter.call(templates, function (template) {
         return template.collectionName === collectionName;
       });

package/lib/system-settings/SystemSettingsShortcut.js

@@ -21,8 +21,12 @@ var _ = require(".");
 
 var _2 = require("..");
 
+var _locale = _interopRequireDefault(require("../locale"));
+
 var _schemaComponent = require("../schema-component");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -49,6 +53,13 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
+var langs = Object.keys(_locale.default).map(function (lang) {
+  return {
+    label: _locale.default[lang].label,
+    value: lang
+  };
+});
+
 var useCloseAction = function useCloseAction() {
   var _useActionContext = (0, _schemaComponent.useActionContext)(),
       setVisible = _useActionContext.setVisible;
@@ -158,18 +169,22 @@ var schema = {
 
         }
       },
+      enabledLanguages: {
+        type: 'array',
+        title: '{{t("Enabled languages")}}',
+        'x-component': 'Select',
+        'x-component-props': {
+          mode: 'multiple'
+        },
+        'x-decorator': 'FormItem',
+        enum: langs
+      },
       appLang: {
         type: 'string',
-        title: '{{t("Language")}}',
+        title: '{{t("Default language")}}',
         'x-component': 'Select',
         'x-decorator': 'FormItem',
-        enum: [{
-          label: 'English',
-          value: 'en-US'
-        }, {
-          label: '简体中文',
-          value: 'zh-CN'
-        }]
+        enum: langs
       },
       allowSignUp: {
         type: 'boolean',

package/lib/user/ChangePassword.js

@@ -203,6 +203,7 @@ var ChangePassword = function ChangePassword() {
       setVisible: setVisible
     }
   }, /*#__PURE__*/_react2.default.createElement(_antd.Menu.Item, {
+    key: "password",
     eventKey: 'ChangePassword',
     onClick: function onClick() {
       var _ctx$setVisible;

package/lib/user/CurrentUser.js

@@ -17,6 +17,8 @@ var _reactRouterDom = require("react-router-dom");
 
 var _ = require("..");
 
+var _apiClient = require("../api-client");
+
 var _ChangePassword = require("./ChangePassword");
 
 var _EditProfile = require("./EditProfile");
@@ -45,11 +47,30 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+var ApplicationVersion = function ApplicationVersion() {
+  var _data$data;
+
+  var _useRequest = (0, _apiClient.useRequest)({
+    url: 'app:getInfo'
+  }),
+      data = _useRequest.data,
+      loading = _useRequest.loading;
+
+  if (loading) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
+    key: "version",
+    disabled: true
+  }, "Version ", data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.version);
+};
+
 var DropdownVisibleContext = /*#__PURE__*/(0, _react.createContext)(null);
 exports.DropdownVisibleContext = DropdownVisibleContext;
 
 var CurrentUser = function CurrentUser() {
-  var _data$data, _data$data2;
+  var _data$data2, _data$data3;
 
   var history = (0, _reactRouterDom.useHistory)();
   var api = (0, _.useAPIClient)();
@@ -80,9 +101,8 @@ var CurrentUser = function CurrentUser() {
     onVisibleChange: function onVisibleChange(visible) {
       setVisible(visible);
     },
-    overlay: /*#__PURE__*/_react.default.createElement(_antd.Menu, null, /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
-      disabled: true
-    }, "Version ", process.env.VERSION), /*#__PURE__*/_react.default.createElement(_antd.Menu.Divider, null), /*#__PURE__*/_react.default.createElement(_EditProfile.EditProfile, null), /*#__PURE__*/_react.default.createElement(_ChangePassword.ChangePassword, null), /*#__PURE__*/_react.default.createElement(_SwitchRole.SwitchRole, null), /*#__PURE__*/_react.default.createElement(_LanguageSettings.LanguageSettings, null), /*#__PURE__*/_react.default.createElement(_antd.Menu.Divider, null), /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
+    overlay: /*#__PURE__*/_react.default.createElement(_antd.Menu, null, /*#__PURE__*/_react.default.createElement(ApplicationVersion, null), /*#__PURE__*/_react.default.createElement(_antd.Menu.Divider, null), /*#__PURE__*/_react.default.createElement(_EditProfile.EditProfile, null), /*#__PURE__*/_react.default.createElement(_ChangePassword.ChangePassword, null), /*#__PURE__*/_react.default.createElement(_SwitchRole.SwitchRole, null), /*#__PURE__*/_react.default.createElement(_LanguageSettings.LanguageSettings, null), /*#__PURE__*/_react.default.createElement(_antd.Menu.Divider, null), /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
+      key: "signout",
       onClick: function () {
         var _onClick = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
           return regeneratorRuntime.wrap(function _callee$(_context) {
@@ -118,7 +138,7 @@ var CurrentUser = function CurrentUser() {
       padding: '16px',
       color: 'rgba(255, 255, 255, 0.65)'
     }
-  }, (data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.nickname) || (data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.email)))));
+  }, (data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.nickname) || (data === null || data === void 0 ? void 0 : (_data$data3 = data.data) === null || _data$data3 === void 0 ? void 0 : _data$data3.email)))));
 };
 
 exports.CurrentUser = CurrentUser;

package/lib/user/EditProfile.js

@@ -186,6 +186,7 @@ var EditProfile = function EditProfile() {
       setVisible: setVisible
     }
   }, /*#__PURE__*/_react2.default.createElement(_antd.Menu.Item, {
+    key: "profile",
     eventKey: 'EditProfile',
     onClick: function onClick() {
       setVisible(true);

package/lib/user/LanguageSettings.js

@@ -15,6 +15,10 @@ var _reactI18next = require("react-i18next");
 
 var _ = require("..");
 
+var _locale = _interopRequireDefault(require("../locale"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -36,6 +40,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var LanguageSettings = function LanguageSettings() {
+  var _data$data;
+
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t,
       i18n = _useTranslation.i18n;
@@ -47,7 +53,19 @@ var LanguageSettings = function LanguageSettings() {
 
   var api = (0, _.useAPIClient)();
   var ctx = (0, _.useCurrentUserContext)();
+
+  var _useSystemSettings = (0, _.useSystemSettings)(),
+      data = _useSystemSettings.data;
+
+  var enabledLanguages = (data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.enabledLanguages) || [];
+
+  if (enabledLanguages.length < 2) {
+    return null;
+  } // console.log('data', data?.data?.enabledLanguages);
+
+
   return /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
+    key: "language",
     eventKey: 'LanguageSettings',
     onClick: function onClick() {
       setOpen(true);
@@ -61,13 +79,14 @@ var LanguageSettings = function LanguageSettings() {
     onDropdownVisibleChange: function onDropdownVisibleChange(open) {
       setOpen(open);
     },
-    options: [{
-      label: '简体中文',
-      value: 'zh-CN'
-    }, {
-      label: 'English',
-      value: 'en-US'
-    }],
+    options: Object.keys(_locale.default).filter(function (lang) {
+      return enabledLanguages.includes(lang);
+    }).map(function (lang) {
+      return {
+        label: _locale.default[lang].label,
+        value: lang
+      };
+    }),
     value: i18n.language,
     onChange: function () {
       var _onChange = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(lang) {

package/lib/user/SigninPage.d.ts

@@ -1 +1,4 @@
+export declare const useSignin: () => {
+    run(): Promise<void>;
+};
 export declare const SigninPage: () => JSX.Element;