@oceanbase/ui 1.0.0-alpha.10 → 1.0.0-alpha.11

package/lib/Login/LoginForm.js

@@ -1,44 +1,19 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Login/LoginForm.tsx
-var LoginForm_exports = {};
-__export(LoginForm_exports, {
-  default: () => LoginForm_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(LoginForm_exports);
-var import_icons = require("@oceanbase/icons");
-var import_design = require("@oceanbase/design");
-var import_classnames = __toESM(require("classnames"));
-var import_react = require("react");
-var import_design2 = require("@oceanbase/design");
-var import_jsx_runtime = require("react/jsx-runtime");
-var Login = ({
+exports.default = void 0;
+var _icons = require("@oceanbase/icons");
+var _design = require("@oceanbase/design");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use client";
+const Login = ({
   loading,
   locale,
   errorMessage,
@@ -51,152 +26,142 @@ var Login = ({
   passwordOptional = false,
   ...restProps
 }) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_design2.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("login");
-  const { token } = import_design2.theme.useToken();
-  const [focusInput, setFocusInput] = (0, import_react.useState)("");
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_design.Form,
-    {
-      layout: "vertical",
-      hideRequiredMark: true,
-      className: `${prefixCls}-form`,
-      style: { paddingLeft: showAuthCode ? 96 : 0 },
-      ...restProps,
-      "data-testid": "login.form",
-      children: [
-        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_design.Alert,
-          {
-            type: "error",
-            showIcon: true,
-            className: `${prefixCls}-alert`,
-            message: errorMessage
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_design.Form.Item,
-          {
-            name: "username",
-            rules: [
-              {
-                required: true,
-                message: locale.usernameMessage
-              }
-            ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_design.Input,
-              {
-                size: "large",
-                prefix: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.UserOutlined, { style: { color: token.colorIcon } }),
-                placeholder: locale.usernamePlaceholder,
-                onFocus: () => {
-                  setFocusInput("username");
-                },
-                onBlur: () => {
-                  setFocusInput("");
-                },
-                className: (0, import_classnames.default)({
-                  [`${prefixCls}-form-focus-input`]: focusInput === "username"
-                }),
-                ...(componentProps == null ? void 0 : componentProps.username) || {}
-              }
-            )
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_design.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('login');
+  const {
+    token
+  } = _design.theme.useToken();
+  const [focusInput, setFocusInput] = (0, _react.useState)('');
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_design.Form, {
+    layout: "vertical",
+    hideRequiredMark: true,
+    className: `${prefixCls}-form`,
+    style: {
+      paddingLeft: showAuthCode ? 96 : 0
+    },
+    ...restProps,
+    "data-testid": "login.form",
+    children: [errorMessage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Alert, {
+      type: "error",
+      showIcon: true,
+      className: `${prefixCls}-alert`,
+      message: errorMessage
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Form.Item, {
+      name: "username",
+      rules: [{
+        required: true,
+        message: locale.usernameMessage
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Input, {
+        size: "large",
+        prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.UserOutlined, {
+          style: {
+            color: token.colorIcon
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_design.Form.Item,
-          {
-            name: "password",
-            rules: passwordOptional ? [] : [
-              {
-                required: true,
-                message: locale.passwordMessage
-              }
-            ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_design.Input.Password,
-              {
-                size: "large",
-                visibilityToggle: true,
-                autoComplete: "current-password",
-                prefix: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LockOutlined, { style: { color: token.colorIcon } }),
-                placeholder: locale.passwordPlaceholder,
-                onFocus: () => {
-                  setFocusInput("password");
-                },
-                onBlur: () => {
-                  setFocusInput("");
-                },
-                className: focusInput === "password" ? `${prefixCls}-form-focus-input` : "",
-                ...(componentProps == null ? void 0 : componentProps.password) || {}
-              }
-            )
+        }),
+        placeholder: locale.usernamePlaceholder,
+        onFocus: () => {
+          setFocusInput('username');
+        },
+        onBlur: () => {
+          setFocusInput('');
+        },
+        className: (0, _classnames.default)({
+          [`${prefixCls}-form-focus-input`]: focusInput === 'username'
+        }),
+        ...(componentProps?.username || {})
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Form.Item, {
+      name: "password",
+      rules: passwordOptional ? [] : [{
+        required: true,
+        message: locale.passwordMessage
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Input.Password, {
+        size: "large",
+        visibilityToggle: true,
+        autoComplete: "current-password",
+        prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LockOutlined, {
+          style: {
+            color: token.colorIcon
           }
-        ),
-        showAuthCode && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Space, { className: `${prefixCls}-auth-code`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_design.Form.Item,
-            {
-              name: "authCode",
-              rules: [
-                {
-                  required: true,
-                  message: "验证码不能为空"
-                }
-              ],
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_design.Input,
-                {
-                  size: "large",
-                  prefix: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SafetyCertificateOutlined, { style: { color: token.colorIcon } }),
-                  placeholder: "请输入验证码",
-                  onFocus: () => {
-                    setFocusInput("authCode");
-                  },
-                  onBlur: () => {
-                    setFocusInput("");
-                  },
-                  className: (0, import_classnames.default)({
-                    [`${prefixCls}-form-focus-input`]: focusInput === "authCode"
-                  }),
-                  ...(componentProps == null ? void 0 : componentProps.authCode) || {}
-                }
-              )
+        }),
+        placeholder: locale.passwordPlaceholder,
+        onFocus: () => {
+          setFocusInput('password');
+        },
+        onBlur: () => {
+          setFocusInput('');
+        },
+        className: focusInput === 'password' ? `${prefixCls}-form-focus-input` : '',
+        ...(componentProps?.password || {})
+      })
+    }), showAuthCode && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_design.Space, {
+      className: `${prefixCls}-auth-code`,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Form.Item, {
+        name: "authCode",
+        rules: [{
+          required: true,
+          message: '验证码不能为空'
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Input, {
+          size: "large",
+          prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SafetyCertificateOutlined, {
+            style: {
+              color: token.colorIcon
             }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_classnames.default)(`${prefixCls}-code-btn`), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: authCodeImg, alt: "", width: "96", height: "38" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-code-mask`, onClick: onAuthCodeImgChange, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SyncOutlined, {}) })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_design.Button,
-          {
-            htmlType: "submit",
-            size: "large",
-            loading,
-            type: "primary",
-            block: true,
-            className: `${prefixCls}-submit-btn`,
-            children: locale.loginText
-          }
-        ) }),
-        showOtherLoginButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_design.Button,
-          {
-            htmlType: "button",
-            size: "large",
-            loading: otherLoginProps.loading,
-            type: "primary",
-            block: true,
-            onClick: otherLoginProps.onFinish,
-            className: `${prefixCls}-submit-btn`,
-            children: locale.otherLoginText
-          }
-        ) })
-      ]
-    }
-  );
+          }),
+          placeholder: "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801",
+          onFocus: () => {
+            setFocusInput('authCode');
+          },
+          onBlur: () => {
+            setFocusInput('');
+          },
+          className: (0, _classnames.default)({
+            [`${prefixCls}-form-focus-input`]: focusInput === 'authCode'
+          }),
+          ...(componentProps?.authCode || {})
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames.default)(`${prefixCls}-code-btn`),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: authCodeImg,
+          alt: "",
+          width: "96",
+          height: "38"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${prefixCls}-code-mask`,
+          onClick: onAuthCodeImgChange,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SyncOutlined, {})
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Form.Item, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Button
+      // 按下回车键，即可触发点击事件
+      , {
+        htmlType: "submit",
+        size: "large",
+        loading: loading,
+        type: "primary",
+        block: true,
+        className: `${prefixCls}-submit-btn`,
+        children: locale.loginText
+      })
+    }), showOtherLoginButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Form.Item, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Button, {
+        htmlType: "button",
+        size: "large",
+        loading: otherLoginProps.loading,
+        type: "primary",
+        block: true,
+        onClick: otherLoginProps.onFinish,
+        className: `${prefixCls}-submit-btn`,
+        children: locale.otherLoginText
+      })
+    })]
+  });
 };
-var LoginForm_default = Login;
+var _default = exports.default = Login;

package/lib/Login/RegisterForm.js

@@ -1,34 +1,22 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Login/RegisterForm.tsx
-var RegisterForm_exports = {};
-__export(RegisterForm_exports, {
-  PASSWORD_REGEX: () => PASSWORD_REGEX,
-  default: () => RegisterForm_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(RegisterForm_exports);
-var import_design = require("@oceanbase/design");
-var import_lodash = require("lodash");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var PASSWORD_REGEX = /^(?=(.*[a-z]){2,})(?=(.*[A-Z]){2,})(?=(.*\d){2,})(?=(.*[ !"#\$%&'\(\)\*\+,-\./:;<=>\?@\[\\\]\^_`\{\|\}~]){2,})[A-Za-z\d !"#\$%&'\(\)\*\+,-\./:;<=>\?@\[\\\]\^_`\{\|\}~]{8,32}$/;
-var Register = ({
+exports.default = exports.PASSWORD_REGEX = void 0;
+var _design = require("@oceanbase/design");
+var _lodash = require("lodash");
+var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+"use client";
+/**
+ * 冗余的转义符可以增强正则的可读性
+ */
+// eslint-disable-next-line
+const PASSWORD_REGEX = exports.PASSWORD_REGEX = /^(?=(.*[a-z]){2,})(?=(.*[A-Z]){2,})(?=(.*\d){2,})(?=(.*[ !"#\$%&'\(\)\*\+,-\./:;<=>\?@\[\\\]\^_`\{\|\}~]){2,})[A-Za-z\d !"#\$%&'\(\)\*\+,-\./:;<=>\?@\[\\\]\^_`\{\|\}~]{8,32}$/;
+const Register = ({
   isUserExists,
   locale,
   loading,
@@ -36,143 +24,114 @@ var Register = ({
   errorMessage,
   ...restProps
 }) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("login");
-  const [form] = import_design.Form.useForm();
-  const handleValidateAccount = (0, import_react.useCallback)(
-    async (rule, value) => {
-      if (!value || !(0, import_lodash.isFunction)(isUserExists)) {
-        return;
-      }
-      const isExists = await isUserExists(value);
-      if (isExists) {
-        throw new Error(locale.userExistMessage);
-      }
-    },
-    [isUserExists]
-  );
-  const handleValidateConfirmPassword = (0, import_react.useCallback)(
-    (rule, value, callback) => {
-      if (!form) {
-        callback();
-        return;
-      }
-      const pwd = form.getFieldValue("password");
-      if ((0, import_lodash.toString)(value) !== (0, import_lodash.toString)(pwd)) {
-        callback(locale.samePasswordMessage);
-        return;
-      }
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_design.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('login');
+  const [form] = _design.Form.useForm();
+  const handleValidateAccount = (0, _react.useCallback)(async (rule, value) => {
+    if (!value || !(0, _lodash.isFunction)(isUserExists)) {
+      return;
+    }
+    const isExists = await isUserExists(value);
+    if (isExists) {
+      throw new Error(locale.userExistMessage);
+    }
+  }, [isUserExists]);
+  const handleValidateConfirmPassword = (0, _react.useCallback)((rule, value, callback) => {
+    if (!form) {
       callback();
-    },
-    [form]
-  );
+      return;
+    }
+    const pwd = form.getFieldValue('password');
+    if ((0, _lodash.toString)(value) !== (0, _lodash.toString)(pwd)) {
+      callback(locale.samePasswordMessage);
+      return;
+    }
+    callback();
+  }, [form]);
   const passwordRegexpRule = passwordRule || {
     pattern: PASSWORD_REGEX,
     message: locale.passwordHelp
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_design.Form,
-    {
-      layout: "vertical",
-      requiredMark: false,
-      className: `${prefixCls}-form`,
-      form,
-      ...restProps,
-      "data-testid": "login.register",
-      children: [
-        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_design.Alert,
-          {
-            type: "error",
-            showIcon: true,
-            className: `${prefixCls}-alert`,
-            message: errorMessage
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_design.Form.Item,
-          {
-            name: "username",
-            label: locale.usernameLabel,
-            extra: locale.usernameHelp,
-            validateFirst: true,
-            rules: [
-              {
-                required: true,
-                whitespace: true,
-                message: locale.usernameMessage
-              },
-              {
-                min: 4,
-                max: 48,
-                message: locale.usernameLengthMessage
-              },
-              {
-                pattern: /^[a-zA-Z0-9_.+@#$%]+$/,
-                message: locale.usernameFormatMessage
-              },
-              {
-                validator: handleValidateAccount
-              }
-            ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Input, { size: "large", autoComplete: "new-account", autoFocus: true })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_design.Form.Item,
-          {
-            name: "password",
-            label: locale.passwordLabel,
-            dependencies: ["confirmPassword"],
-            help: passwordRegexpRule.message,
-            validateFirst: true,
-            rules: [
-              {
-                required: true,
-                message: locale.passwordMessage
-              },
-              passwordRegexpRule
-            ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Input.Password, { size: "large", visibilityToggle: true, autoComplete: "new-password" })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_design.Form.Item,
-          {
-            name: "confirmPassword",
-            label: locale.confirmPwdLabel,
-            dependencies: ["password"],
-            validateFirst: true,
-            rules: [
-              {
-                required: true,
-                message: locale.confirmPwdMessage
-              },
-              {
-                validator: handleValidateConfirmPassword
-              }
-            ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Input.Password, { size: "large", visibilityToggle: true, autoComplete: "new-password" })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_design.Button,
-          {
-            htmlType: "submit",
-            size: "large",
-            loading,
-            type: "primary",
-            block: true,
-            className: `${prefixCls}-submit-btn`,
-            children: locale.registerBtn
-          }
-        )
-      ]
-    }
-  );
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_design.Form, {
+    layout: "vertical",
+    requiredMark: false,
+    className: `${prefixCls}-form`,
+    form: form,
+    ...restProps,
+    "data-testid": "login.register",
+    children: [errorMessage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Alert, {
+      type: "error",
+      showIcon: true,
+      className: `${prefixCls}-alert`,
+      message: errorMessage
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Form.Item, {
+      name: "username",
+      label: locale.usernameLabel,
+      extra: locale.usernameHelp,
+      validateFirst: true,
+      rules: [{
+        required: true,
+        whitespace: true,
+        message: locale.usernameMessage
+      }, {
+        min: 4,
+        max: 48,
+        message: locale.usernameLengthMessage
+      }, {
+        pattern: /^[a-zA-Z0-9_.+@#$%]+$/,
+        message: locale.usernameFormatMessage
+      }, {
+        validator: handleValidateAccount
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Input, {
+        size: "large",
+        autoComplete: "new-account",
+        autoFocus: true
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Form.Item, {
+      name: "password",
+      label: locale.passwordLabel,
+      dependencies: ['confirmPassword'],
+      help: passwordRegexpRule.message,
+      validateFirst: true,
+      rules: [{
+        required: true,
+        message: locale.passwordMessage
+      }, passwordRegexpRule],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Input.Password, {
+        size: "large",
+        visibilityToggle: true,
+        autoComplete: "new-password"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Form.Item, {
+      name: "confirmPassword",
+      label: locale.confirmPwdLabel,
+      dependencies: ['password'],
+      validateFirst: true,
+      rules: [{
+        required: true,
+        message: locale.confirmPwdMessage
+      }, {
+        validator: handleValidateConfirmPassword
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Input.Password, {
+        size: "large",
+        visibilityToggle: true,
+        autoComplete: "new-password"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Button
+    // 按下回车键，即可触发点击事件
+    , {
+      htmlType: "submit",
+      size: "large",
+      loading: loading,
+      type: "primary",
+      block: true,
+      className: `${prefixCls}-submit-btn`,
+      children: locale.registerBtn
+    })]
+  });
 };
-var RegisterForm_default = Register;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  PASSWORD_REGEX
-});
+var _default = exports.default = Register;