@oceanbase/ui 0.2.19 → 0.2.21

package/es/IconFont/index.d.ts

@@ -5,5 +5,5 @@ interface IconFontProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare const IconFont: (props: IconFontProps) => React.JSX.Element;
+declare const IconFont: (props: IconFontProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default IconFont;

package/es/IconFont/index.js

@@ -1,10 +1,16 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["type", "className"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { createFromIconfontCN } from '@oceanbase/icons';
 import React from 'react';
 import "./font/iconfont.css";
+import { jsx as _jsx } from "react/jsx-runtime";
 var CustomIcon = createFromIconfontCN({
   // 在 iconfont.cn 上生成
   scriptUrl: '//at.alicdn.com/t/a/font_3786261_ifhixq9j5c.js'
@@ -15,10 +21,10 @@ var IconFont = function IconFont(props) {
     className = props.className,
     restProps = _objectWithoutProperties(props, _excluded);
   // TODO: 后续建议统一使用 iconfont.cn 上的图标，这里先兼容两种用法
-  return iconfontList.includes(type) ? /*#__PURE__*/React.createElement(CustomIcon, _extends({
+  return iconfontList.includes(type) ? /*#__PURE__*/_jsx(CustomIcon, _objectSpread({
     type: type,
     className: className
-  }, restProps)) : /*#__PURE__*/React.createElement("i", _extends({
+  }, restProps)) : /*#__PURE__*/_jsx("i", _objectSpread({
     className: "iconfont ".concat(type, " ").concat(className)
   }, restProps));
 };

package/es/LocaleDropdown/index.js

@@ -1,5 +1,10 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["locales", "showLabel"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { GlobalOutlined } from '@oceanbase/icons';
@@ -8,40 +13,47 @@ import { Dropdown, Menu, Space } from '@oceanbase/design';
 import React from 'react';
 import { LOCALE_LIST } from "../constant";
 import { getLocale, getPrefix, setLocale } from "../_util";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var prefix = getPrefix('layout-header');
 var LocaleDropdown = function LocaleDropdown(_ref) {
   var locales = _ref.locales,
     showLabel = _ref.showLabel,
     restProps = _objectWithoutProperties(_ref, _excluded);
   // 语言切换菜单
-  var localeMenu = /*#__PURE__*/React.createElement(Menu, {
+  var localeMenu = /*#__PURE__*/_jsx(Menu, {
     onClick: function onClick(_ref2) {
       var key = _ref2.key;
       setLocale(key);
-    }
-  }, LOCALE_LIST.filter(function (item) {
-    return !locales || locales.includes(item.value);
-  }).map(function (item) {
-    return /*#__PURE__*/React.createElement(Menu.Item, {
-      key: item.value
-    }, item.label);
-  }));
-  return /*#__PURE__*/React.createElement(Dropdown, _extends({
+    },
+    children: LOCALE_LIST.filter(function (item) {
+      return !locales || locales.includes(item.value);
+    }).map(function (item) {
+      return /*#__PURE__*/_jsx(Menu.Item, {
+        children: item.label
+      }, item.value);
+    })
+  });
+  return /*#__PURE__*/_jsx(Dropdown, _objectSpread(_objectSpread({
     overlay: localeMenu
-  }, restProps), showLabel ? /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: 'inline-block',
-      width: 28,
-      height: 28,
-      fontSize: 12,
-      fontWeight: 500,
-      lineHeight: '28px',
-      textAlign: 'center',
-      border: '0.88px solid #ced4e1',
-      borderRadius: 14
-    }
-  }, findByValue(LOCALE_LIST, getLocale()).minLabel) : /*#__PURE__*/React.createElement(Space, {
-    className: "".concat(prefix, "-extra-item")
-  }, /*#__PURE__*/React.createElement(GlobalOutlined, null), findByValue(LOCALE_LIST, getLocale()).shortLabel));
+  }, restProps), {}, {
+    children: showLabel ? /*#__PURE__*/_jsx("span", {
+      style: {
+        display: 'inline-block',
+        width: 28,
+        height: 28,
+        fontSize: 12,
+        fontWeight: 500,
+        lineHeight: '28px',
+        textAlign: 'center',
+        border: '0.88px solid #ced4e1',
+        borderRadius: 14
+      },
+      children: findByValue(LOCALE_LIST, getLocale()).minLabel
+    }) : /*#__PURE__*/_jsxs(Space, {
+      className: "".concat(prefix, "-extra-item"),
+      children: [/*#__PURE__*/_jsx(GlobalOutlined, {}), findByValue(LOCALE_LIST, getLocale()).shortLabel]
+    })
+  }));
 };
 export default LocaleDropdown;

package/es/Login/ActivateForm.js

@@ -1,5 +1,10 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["locale", "loading", "passwordRule", "errorMessage", "goBack"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -14,6 +19,8 @@ import React, { useCallback } from 'react';
 import { getPrefix } from "../_util";
 import "./index.less";
 import { PASSWORD_REGEX } from "./RegisterForm";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var prefix = getPrefix('login');
 var Activate = function Activate(_ref) {
   var locale = _ref.locale,
@@ -41,58 +48,64 @@ var Activate = function Activate(_ref) {
     pattern: PASSWORD_REGEX,
     message: locale.passwordHelp
   };
-  return /*#__PURE__*/React.createElement(Form, _extends({
+  return /*#__PURE__*/_jsxs(Form, _objectSpread(_objectSpread({
     layout: "vertical",
     requiredMark: false,
     className: "".concat(prefix, "-form"),
     form: form
-  }, restProps, {
-    "data-testid": "login.register"
-  }), errorMessage && /*#__PURE__*/React.createElement(Alert, {
-    type: "error",
-    showIcon: true,
-    className: "".concat(prefix, "-alert"),
-    message: errorMessage
-  }), /*#__PURE__*/React.createElement(Form.Item, {
-    name: "password",
-    label: locale.passwordLabel,
-    dependencies: ['confirmPassword'],
-    help: passwordRegexpRule.message,
-    validateFirst: true,
-    rules: [{
-      required: true,
-      message: locale.passwordMessage
-    }, passwordRegexpRule]
-  }, /*#__PURE__*/React.createElement(Input.Password, {
-    visibilityToggle: true,
-    autoComplete: "new-password"
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    name: "confirmPassword",
-    label: locale.confirmPwdLabel,
-    dependencies: ['password'],
-    validateFirst: true,
-    rules: [{
-      required: true,
-      message: locale.confirmPwdMessage
-    }, {
-      validator: handleValidateConfirmPassword
-    }]
-  }, /*#__PURE__*/React.createElement(Input.Password, {
-    visibilityToggle: true,
-    autoComplete: "new-password"
-  })), /*#__PURE__*/React.createElement(Button
-  // 按下回车键，即可触发点击事件
-  , {
-    htmlType: "submit",
-    loading: loading,
-    type: "primary",
-    block: true,
-    className: "".concat(prefix, "-submit-btn")
-  }, locale.activeSubmitBtn), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-switch-btn")
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "link",
-    onClick: goBack
-  }, locale.activeBackBtn)));
+  }, restProps), {}, {
+    "data-testid": "login.register",
+    children: [errorMessage && /*#__PURE__*/_jsx(Alert, {
+      type: "error",
+      showIcon: true,
+      className: "".concat(prefix, "-alert"),
+      message: errorMessage
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      name: "password",
+      label: locale.passwordLabel,
+      dependencies: ['confirmPassword'],
+      help: passwordRegexpRule.message,
+      validateFirst: true,
+      rules: [{
+        required: true,
+        message: locale.passwordMessage
+      }, passwordRegexpRule],
+      children: /*#__PURE__*/_jsx(Input.Password, {
+        visibilityToggle: true,
+        autoComplete: "new-password"
+      })
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      name: "confirmPassword",
+      label: locale.confirmPwdLabel,
+      dependencies: ['password'],
+      validateFirst: true,
+      rules: [{
+        required: true,
+        message: locale.confirmPwdMessage
+      }, {
+        validator: handleValidateConfirmPassword
+      }],
+      children: /*#__PURE__*/_jsx(Input.Password, {
+        visibilityToggle: true,
+        autoComplete: "new-password"
+      })
+    }), /*#__PURE__*/_jsx(Button
+    // 按下回车键，即可触发点击事件
+    , {
+      htmlType: "submit",
+      loading: loading,
+      type: "primary",
+      block: true,
+      className: "".concat(prefix, "-submit-btn"),
+      children: locale.activeSubmitBtn
+    }), /*#__PURE__*/_jsx("div", {
+      className: "".concat(prefix, "-switch-btn"),
+      children: /*#__PURE__*/_jsx(Button, {
+        type: "link",
+        onClick: goBack,
+        children: locale.activeBackBtn
+      })
+    })]
+  }));
 };
 export default Activate;

package/es/Login/LoginForm.js

@@ -1,6 +1,7 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["loading", "locale", "errorMessage", "showAuthCode", "showOtherLoginButton", "authCodeImg", "otherLoginProps", "onAuthCodeImgChange"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -19,6 +20,8 @@ import React, { useState } from 'react';
 import { token } from '@oceanbase/design';
 import { getPrefix } from "../_util";
 import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var prefix = getPrefix('login');
 var Login = function Login(_ref) {
   var loading = _ref.loading,
@@ -34,109 +37,122 @@ var Login = function Login(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     focusInput = _useState2[0],
     setFocusInput = _useState2[1];
-  return /*#__PURE__*/React.createElement(Form, _extends({
+  return /*#__PURE__*/_jsxs(Form, _objectSpread(_objectSpread({
     layout: "vertical",
     hideRequiredMark: true,
     className: "".concat(prefix, "-form"),
     style: {
       paddingLeft: showAuthCode ? 96 : 0
     }
-  }, restProps, {
-    "data-testid": "login.form"
-  }), errorMessage && /*#__PURE__*/React.createElement(Alert, {
-    type: "error",
-    showIcon: true,
-    className: "".concat(prefix, "-alert"),
-    message: errorMessage
-  }), /*#__PURE__*/React.createElement(Form.Item, {
-    name: "username",
-    rules: [{
-      required: true,
-      message: locale.usernameMessage
-    }]
-  }, /*#__PURE__*/React.createElement(Input, {
-    prefix: /*#__PURE__*/React.createElement(UserOutlined, {
-      style: {
-        color: token.colorIcon
-      }
-    }),
-    placeholder: locale.usernamePlaceholder,
-    onFocus: function onFocus() {
-      setFocusInput('username');
-    },
-    onBlur: function onBlur() {
-      setFocusInput('');
-    },
-    className: classNames(_defineProperty({}, "".concat(prefix, "-focus-input"), focusInput === 'username'))
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    name: "password",
-    rules: [{
-      required: true,
-      message: locale.passwordMessage
-    }]
-  }, /*#__PURE__*/React.createElement(Input.Password, {
-    visibilityToggle: true,
-    autoComplete: "current-password",
-    prefix: /*#__PURE__*/React.createElement(LockOutlined, {
-      style: {
-        color: token.colorIcon
-      }
-    }),
-    placeholder: locale.passwordPlaceholder,
-    onFocus: function onFocus() {
-      setFocusInput('password');
-    },
-    onBlur: function onBlur() {
-      setFocusInput('');
-    },
-    className: focusInput === 'password' ? "".concat(prefix, "-focus-input") : ''
-  })), showAuthCode && /*#__PURE__*/React.createElement(Space, {
-    className: "".concat(prefix, "-auth-code")
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    name: "authCode",
-    rules: [{
-      required: true,
-      message: '验证码不能为空'
-    }]
-  }, /*#__PURE__*/React.createElement(Input, {
-    prefix: /*#__PURE__*/React.createElement(SafetyCertificateOutlined, {
-      style: {
-        color: token.colorIcon
-      }
-    }),
-    placeholder: "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801",
-    onFocus: function onFocus() {
-      setFocusInput('authCode');
-    },
-    onBlur: function onBlur() {
-      setFocusInput('');
-    },
-    className: classNames(_defineProperty({}, "".concat(prefix, "-focus-input"), focusInput === 'authCode'))
-  })), /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "-code-btn"))
-  }, /*#__PURE__*/React.createElement("img", {
-    src: authCodeImg,
-    alt: "",
-    width: "96",
-    height: "38"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-code-mask"),
-    onClick: onAuthCodeImgChange
-  }, /*#__PURE__*/React.createElement(SyncOutlined, null)))), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Button
-  // 按下回车键，即可触发点击事件
-  , {
-    htmlType: "submit",
-    loading: loading,
-    type: "primary",
-    block: true,
-    className: "".concat(prefix, "-submit-btn")
-  }, locale.loginText)), showOtherLoginButton && /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Button, {
-    htmlType: "button",
-    loading: otherLoginProps.loading,
-    type: "primary",
-    block: true,
-    onClick: otherLoginProps.onFinish,
-    className: "".concat(prefix, "-submit-btn")
-  }, locale.otherLoginText)));
+  }, restProps), {}, {
+    "data-testid": "login.form",
+    children: [errorMessage && /*#__PURE__*/_jsx(Alert, {
+      type: "error",
+      showIcon: true,
+      className: "".concat(prefix, "-alert"),
+      message: errorMessage
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      name: "username",
+      rules: [{
+        required: true,
+        message: locale.usernameMessage
+      }],
+      children: /*#__PURE__*/_jsx(Input, {
+        prefix: /*#__PURE__*/_jsx(UserOutlined, {
+          style: {
+            color: token.colorIcon
+          }
+        }),
+        placeholder: locale.usernamePlaceholder,
+        onFocus: function onFocus() {
+          setFocusInput('username');
+        },
+        onBlur: function onBlur() {
+          setFocusInput('');
+        },
+        className: classNames(_defineProperty({}, "".concat(prefix, "-focus-input"), focusInput === 'username'))
+      })
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      name: "password",
+      rules: [{
+        required: true,
+        message: locale.passwordMessage
+      }],
+      children: /*#__PURE__*/_jsx(Input.Password, {
+        visibilityToggle: true,
+        autoComplete: "current-password",
+        prefix: /*#__PURE__*/_jsx(LockOutlined, {
+          style: {
+            color: token.colorIcon
+          }
+        }),
+        placeholder: locale.passwordPlaceholder,
+        onFocus: function onFocus() {
+          setFocusInput('password');
+        },
+        onBlur: function onBlur() {
+          setFocusInput('');
+        },
+        className: focusInput === 'password' ? "".concat(prefix, "-focus-input") : ''
+      })
+    }), showAuthCode && /*#__PURE__*/_jsxs(Space, {
+      className: "".concat(prefix, "-auth-code"),
+      children: [/*#__PURE__*/_jsx(Form.Item, {
+        name: "authCode",
+        rules: [{
+          required: true,
+          message: '验证码不能为空'
+        }],
+        children: /*#__PURE__*/_jsx(Input, {
+          prefix: /*#__PURE__*/_jsx(SafetyCertificateOutlined, {
+            style: {
+              color: token.colorIcon
+            }
+          }),
+          placeholder: "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801",
+          onFocus: function onFocus() {
+            setFocusInput('authCode');
+          },
+          onBlur: function onBlur() {
+            setFocusInput('');
+          },
+          className: classNames(_defineProperty({}, "".concat(prefix, "-focus-input"), focusInput === 'authCode'))
+        })
+      }), /*#__PURE__*/_jsxs("div", {
+        className: classNames("".concat(prefix, "-code-btn")),
+        children: [/*#__PURE__*/_jsx("img", {
+          src: authCodeImg,
+          alt: "",
+          width: "96",
+          height: "38"
+        }), /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-code-mask"),
+          onClick: onAuthCodeImgChange,
+          children: /*#__PURE__*/_jsx(SyncOutlined, {})
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      children: /*#__PURE__*/_jsx(Button
+      // 按下回车键，即可触发点击事件
+      , {
+        htmlType: "submit",
+        loading: loading,
+        type: "primary",
+        block: true,
+        className: "".concat(prefix, "-submit-btn"),
+        children: locale.loginText
+      })
+    }), showOtherLoginButton && /*#__PURE__*/_jsx(Form.Item, {
+      children: /*#__PURE__*/_jsx(Button, {
+        htmlType: "button",
+        loading: otherLoginProps.loading,
+        type: "primary",
+        block: true,
+        onClick: otherLoginProps.onFinish,
+        className: "".concat(prefix, "-submit-btn"),
+        children: locale.otherLoginText
+      })
+    })]
+  }));
 };
 export default Login;