Merge pull request #701 from actiontech/fix/issue-503-2506.x

[fix](UserCenter): Add validate rule for user name

Author: LZS911

packages/base/src/locale/zh-CN/dmsUserCenter.ts

@@ -19,6 +19,7 @@ export default {
     },
     userForm: {
       username: '用户名',
+      usernameNoSpaces: '用户名不支持空格',
       needUpdatePassWord: '是否需要更新密码',
       passwordConfirm: '确认密码',
       passwordConfirmPlaceholder: '请保持两次密码输入一致',

packages/base/src/page/UserCenter/Drawer/User/UserForm/index.test.tsx

@@ -5,7 +5,7 @@ import {
 import { Form } from 'antd';
 import { IUserFormFields, IUserFormProps } from './index.type';
 import UserForm from '.';
-import { screen } from '@testing-library/react';
+import { screen, fireEvent, act } from '@testing-library/react';
 
 describe('base/UserCenter/Drawer/UserForm', () => {
   const customRender = (
@@ -36,4 +36,22 @@ describe('base/UserCenter/Drawer/UserForm', () => {
     expect(baseElement).toMatchSnapshot();
     expect(screen.queryByLabelText('是否禁用')).not.toBeInTheDocument();
   });
+
+  it('should show error when username contains spaces', async () => {
+    const { result } = superRenderHook(() => Form.useForm<IUserFormFields>());
+    const form = result.current[0];
+
+    superRender(<UserForm form={form} visible={true} />);
+
+    const usernameInput = screen.getByPlaceholderText('请输入用户名');
+
+    fireEvent.change(usernameInput, { target: { value: 'user name' } });
+
+    await act(async () => {
+      const error = await form.validateFields(['username']).catch((err) => err);
+
+      expect(error.errorFields).toHaveLength(1);
+      expect(error.errorFields[0].errors).toContain('用户名不支持空格');
+    });
+  });
 });

packages/base/src/page/UserCenter/Drawer/User/UserForm/index.tsx

@@ -35,6 +35,10 @@ const UserForm: React.FC<IUserFormProps> = (props) => {
             message: t('common.form.rule.require', {
               name: t('dmsUserCenter.user.userForm.username')
             })
+          },
+          {
+            pattern: /^\S*$/,
+            message: t('dmsUserCenter.user.userForm.usernameNoSpaces')
           }
         ]}
       >