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

package/es/schema-initializer/utils.js

@@ -271,6 +271,10 @@ export var useCurrentSchema = function useCurrentSchema(action, key) {
   };
 };
 export 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 = useTranslation(),
       t = _useTranslation.t;
 
@@ -279,8 +283,10 @@ export var useRecordCollectionDataSourceItems = function useRecordCollectionData
   var _useSchemaTemplateMan = 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) {
@@ -289,38 +295,42 @@ export var useRecordCollectionDataSourceItems = function useRecordCollectionData
 
   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')
       };
     })
@@ -346,7 +356,7 @@ export var useCollectionDataSourceItems = function useCollectionDataSourceItems(
       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) {
@@ -481,6 +491,7 @@ export 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',
@@ -815,7 +826,7 @@ export var createKanbanBlockSchema = function createKanbanBlockSchema(options) {
         paginate: false
       }
     }, others),
-    'x-designer': 'KanbanV2.Designer',
+    'x-designer': 'Kanban.Designer',
     'x-component': 'CardItem',
     properties: _defineProperty({
       actions: {
@@ -831,7 +842,7 @@ export var createKanbanBlockSchema = function createKanbanBlockSchema(options) {
       }
     }, uid(), {
       type: 'array',
-      'x-component': 'KanbanV2',
+      'x-component': 'Kanban',
       'x-component-props': {
         useProps: '{{ useKanbanBlockProps }}'
       },
@@ -840,8 +851,8 @@ export 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',
@@ -856,7 +867,7 @@ export 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/es/schema-settings/SchemaSettings.js

@@ -5,7 +5,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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
@@ -39,14 +39,15 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { css } from '@emotion/css';
 import { FormDialog, FormItem, FormLayout, Input } from '@formily/antd';
 import { createForm } from '@formily/core';
-import { SchemaOptionsContext, useFieldSchema } from '@formily/react';
+import { SchemaOptionsContext, useField, useFieldSchema } from '@formily/react';
 import { uid } from '@formily/shared';
 import { Alert, Button, Dropdown, Menu, Modal, Select, Space, Switch } from 'antd';
 import classNames from 'classnames';
 import { cloneDeep } from 'lodash';
 import React, { createContext, useContext, useMemo, useState } from 'react';
+import { createPortal } from 'react-dom';
 import { useTranslation } from 'react-i18next';
-import { ActionContext, createDesignable, FormProvider, RemoteSchemaComponent, SchemaComponent, SchemaComponentOptions, useActionContext, useAPIClient, useCollection, useCompile } from '..';
+import { ActionContext, createDesignable, FormProvider, RemoteSchemaComponent, SchemaComponent, SchemaComponentOptions, useActionContext, useAPIClient, useCollection, useCompile, useDesignable } from '..';
 import { useSchemaTemplateManager } from '../schema-templates';
 import { useBlockTemplateContext } from '../schema-templates/BlockTemplate';
 var SchemaSettingsContext = /*#__PURE__*/createContext(null);
@@ -105,7 +106,8 @@ export var SchemaSettings = function SchemaSettings(props) {
 
 SchemaSettings.Template = function (props) {
   var componentName = props.componentName,
-      collectionName = props.collectionName;
+      collectionName = props.collectionName,
+      resourceName = props.resourceName;
 
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
@@ -228,6 +230,7 @@ SchemaSettings.Template = function (props) {
                 _context3.next = 8;
                 return saveAsTemplate({
                   collectionName: collectionName,
+                  resourceName: resourceName,
                   componentName: componentName,
                   name: values.name,
                   uid: fieldSchema['x-uid']
@@ -306,7 +309,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 = useTranslation(),
       t = _useTranslation2.t;
@@ -413,8 +417,7 @@ SchemaSettings.FormItemTemplate = function (props) {
               case 0:
                 setVisible(false);
                 gridSchema = findGridSchema(fieldSchema);
-                console.log('gridSchema', gridSchema);
-                _context6.next = 5;
+                _context6.next = 4;
                 return FormDialog(t('Save as template'), function () {
                   return /*#__PURE__*/React.createElement(FormLayout, {
                     layout: 'vertical'
@@ -437,7 +440,7 @@ SchemaSettings.FormItemTemplate = function (props) {
                   }));
                 }).open({});
 
-              case 5:
+              case 4:
                 values = _context6.sent;
                 sdn = createDesignable({
                   t: t,
@@ -446,15 +449,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);
@@ -466,7 +470,7 @@ SchemaSettings.FormItemTemplate = function (props) {
                   }
                 });
                 fieldSchema['x-template-key'] = key;
-                _context6.next = 17;
+                _context6.next = 16;
                 return api.request({
                   url: "uiSchemas:patch",
                   method: 'post',
@@ -476,7 +480,7 @@ SchemaSettings.FormItemTemplate = function (props) {
                   }
                 });
 
-              case 17:
+              case 16:
               case "end":
                 return _context6.stop();
             }
@@ -649,7 +653,9 @@ SchemaSettings.ActionModalItem = /*#__PURE__*/React.memo(function (props) {
       onSubmit = props.onSubmit,
       initialValues = props.initialValues,
       initialSchema = props.initialSchema,
+      schema = props.schema,
       modalTip = props.modalTip,
+      components = props.components,
       others = _objectWithoutProperties(props, _excluded6);
 
   var _useState7 = useState(false),
@@ -675,7 +681,8 @@ SchemaSettings.ActionModalItem = /*#__PURE__*/React.memo(function (props) {
   var api = useAPIClient();
   var form = useMemo(function () {
     return createForm({
-      initialValues: cloneDeep(initialValues)
+      initialValues: cloneDeep(initialValues),
+      values: cloneDeep(initialValues)
     });
   }, []);
 
@@ -683,19 +690,40 @@ SchemaSettings.ActionModalItem = /*#__PURE__*/React.memo(function (props) {
     setVisible(false);
   };
 
-  var submitHandler = function submitHandler() {
-    onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(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(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;
               }
 
@@ -703,7 +731,7 @@ SchemaSettings.ActionModalItem = /*#__PURE__*/React.memo(function (props) {
               dn.emit('patch', {
                 schema: fieldSchema
               });
-              _context7.next = 5;
+              _context8.next = 5;
               return api.resource('uiSchemas').insert({
                 values: initialSchema
               });
@@ -717,20 +745,30 @@ SchemaSettings.ActionModalItem = /*#__PURE__*/React.memo(function (props) {
 
             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__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SchemaSettings.Item, _objectSpread(_objectSpread({}, others), {}, {
-    onClick: openAssignedFieldValueHandler
-  }), props.children || props.title), /*#__PURE__*/React.createElement(Modal, _objectSpread(_objectSpread({
+    onClick: openAssignedFieldValueHandler,
+    onKeyDown: function onKeyDown(e) {
+      return e.stopPropagation();
+    }
+  }), props.children || props.title), /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick(e) {
+      e.stopPropagation();
+    },
+    onKeyDown: function onKeyDown(e) {
+      e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(Modal, _objectSpread(_objectSpread({
     width: '50%',
     title: compile(title)
   }, others), {}, {
@@ -749,10 +787,14 @@ SchemaSettings.ActionModalItem = /*#__PURE__*/React.memo(function (props) {
     layout: 'vertical'
   }, modalTip && /*#__PURE__*/React.createElement(Alert, {
     message: modalTip
-  }), modalTip && /*#__PURE__*/React.createElement("br", null), visible && /*#__PURE__*/React.createElement(RemoteSchemaComponent, {
+  }), modalTip && /*#__PURE__*/React.createElement("br", null), visible && schemaUid && /*#__PURE__*/React.createElement(RemoteSchemaComponent, {
     noForm: true,
+    components: components,
     uid: schemaUid
-  })))));
+  }), visible && schema && /*#__PURE__*/React.createElement(SchemaComponent, {
+    components: components,
+    schema: schema
+  }))))), document.body));
 });
 
 SchemaSettings.ModalItem = function (props) {
@@ -793,4 +835,47 @@ SchemaSettings.ModalItem = function (props) {
       });
     }
   }), props.children || props.title);
+};
+
+SchemaSettings.BlockTitleItem = function () {
+  var _fieldSchema$xCompon;
+
+  var field = useField();
+  var fieldSchema = useFieldSchema();
+
+  var _useDesignable = useDesignable(),
+      dn = _useDesignable.dn;
+
+  var _useTranslation5 = useTranslation(),
+      t = _useTranslation5.t;
+
+  return /*#__PURE__*/React.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/es/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/es/schema-templates/SchemaTemplateManagerProvider.js

@@ -239,6 +239,7 @@ export 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/es/system-settings/SystemSettingsShortcut.js

@@ -27,7 +27,14 @@ import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useSystemSettings } from '.';
 import { PluginManager, useAPIClient, useRequest } from '..';
+import locale from '../locale';
 import { ActionContext, SchemaComponent, useActionContext } from '../schema-component';
+var langs = Object.keys(locale).map(function (lang) {
+  return {
+    label: locale[lang].label,
+    value: lang
+  };
+});
 
 var useCloseAction = function useCloseAction() {
   var _useActionContext = useActionContext(),
@@ -138,18 +145,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/es/user/ChangePassword.js

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

package/es/user/CurrentUser.js

@@ -19,13 +19,34 @@ import React, { createContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useHistory } from 'react-router-dom';
 import { useAPIClient, useCurrentUserContext } from '..';
+import { useRequest } from '../api-client';
 import { ChangePassword } from './ChangePassword';
 import { EditProfile } from './EditProfile';
 import { LanguageSettings } from './LanguageSettings';
 import { SwitchRole } from './SwitchRole';
+
+var ApplicationVersion = function ApplicationVersion() {
+  var _data$data;
+
+  var _useRequest = useRequest({
+    url: 'app:getInfo'
+  }),
+      data = _useRequest.data,
+      loading = _useRequest.loading;
+
+  if (loading) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(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);
+};
+
 export var DropdownVisibleContext = /*#__PURE__*/createContext(null);
 export var CurrentUser = function CurrentUser() {
-  var _data$data, _data$data2;
+  var _data$data2, _data$data3;
 
   var history = useHistory();
   var api = useAPIClient();
@@ -56,9 +77,8 @@ export var CurrentUser = function CurrentUser() {
     onVisibleChange: function onVisibleChange(visible) {
       setVisible(visible);
     },
-    overlay: /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Item, {
-      disabled: true
-    }, "Version ", process.env.VERSION), /*#__PURE__*/React.createElement(Menu.Divider, null), /*#__PURE__*/React.createElement(EditProfile, null), /*#__PURE__*/React.createElement(ChangePassword, null), /*#__PURE__*/React.createElement(SwitchRole, null), /*#__PURE__*/React.createElement(LanguageSettings, null), /*#__PURE__*/React.createElement(Menu.Divider, null), /*#__PURE__*/React.createElement(Menu.Item, {
+    overlay: /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(ApplicationVersion, null), /*#__PURE__*/React.createElement(Menu.Divider, null), /*#__PURE__*/React.createElement(EditProfile, null), /*#__PURE__*/React.createElement(ChangePassword, null), /*#__PURE__*/React.createElement(SwitchRole, null), /*#__PURE__*/React.createElement(LanguageSettings, null), /*#__PURE__*/React.createElement(Menu.Divider, null), /*#__PURE__*/React.createElement(Menu.Item, {
+      key: "signout",
       onClick: function () {
         var _onClick = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
           return regeneratorRuntime.wrap(function _callee$(_context) {
@@ -94,5 +114,5 @@ export 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)))));
 };

package/es/user/EditProfile.js

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

package/es/user/LanguageSettings.js

@@ -17,8 +17,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Menu, Select } from 'antd';
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useAPIClient, useCurrentUserContext } from '..';
+import { useAPIClient, useCurrentUserContext, useSystemSettings } from '..';
+import locale from '../locale';
 export var LanguageSettings = function LanguageSettings() {
+  var _data$data;
+
   var _useTranslation = useTranslation(),
       t = _useTranslation.t,
       i18n = _useTranslation.i18n;
@@ -30,7 +33,19 @@ export var LanguageSettings = function LanguageSettings() {
 
   var api = useAPIClient();
   var ctx = useCurrentUserContext();
+
+  var _useSystemSettings = 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.createElement(Menu.Item, {
+    key: "language",
     eventKey: 'LanguageSettings',
     onClick: function onClick() {
       setOpen(true);
@@ -44,13 +59,14 @@ export var LanguageSettings = function LanguageSettings() {
     onDropdownVisibleChange: function onDropdownVisibleChange(open) {
       setOpen(open);
     },
-    options: [{
-      label: '简体中文',
-      value: 'zh-CN'
-    }, {
-      label: 'English',
-      value: 'en-US'
-    }],
+    options: Object.keys(locale).filter(function (lang) {
+      return enabledLanguages.includes(lang);
+    }).map(function (lang) {
+      return {
+        label: locale[lang].label,
+        value: lang
+      };
+    }),
     value: i18n.language,
     onChange: function () {
       var _onChange = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(lang) {

package/es/user/SigninPage.d.ts

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

package/es/user/SigninPage.js

@@ -10,7 +10,7 @@ import { SchemaComponent, useAPIClient, useCurrentDocumentTitle, useSystemSettin
 var schema = {
   type: 'object',
   name: uid(),
-  'x-component': 'Form',
+  'x-component': 'FormV2',
   properties: {
     email: {
       type: 'string',
@@ -71,8 +71,7 @@ var schema = {
     }
   }
 };
-
-var useSignin = function useSignin() {
+export var useSignin = function useSignin() {
   var _location$query;
 
   var location = useLocation();
@@ -107,7 +106,6 @@ var useSignin = function useSignin() {
     }
   };
 };
-
 export var SigninPage = function SigninPage() {
   var _ctx$data, _ctx$data$data;
 

package/es/user/SignupPage.d.ts

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

package/es/user/SignupPage.js

@@ -11,7 +11,7 @@ import { SchemaComponent, useAPIClient, useCurrentDocumentTitle, useSystemSettin
 var schema = {
   type: 'object',
   name: uid(),
-  'x-component': 'Form',
+  'x-component': 'FormV2',
   properties: {
     email: {
       type: 'string',
@@ -98,8 +98,7 @@ var schema = {
     }
   }
 };
-
-var useSignup = function useSignup() {
+export var useSignup = function useSignup() {
   var history = useHistory();
   var form = useForm();
   var api = useAPIClient();
@@ -135,7 +134,6 @@ var useSignup = function useSignup() {
     }
   };
 };
-
 export var SignupPage = function SignupPage() {
   var _ctx$data, _ctx$data$data;