@oceanbase/ui 0.4.12 → 0.4.14

package/es/Boundary/index.less

@@ -5,37 +5,29 @@
   align-items: center;
   justify-content: center;
   height: 100%;
-  span {
-    color: @colorTextTertiary;
-    font-size: 14px;
-    text-align: center;
-  }
-  .@{prefixCls}-btn-primary {
-    span {
-      color: #fff;
-    }
-  }
+
   .empty {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding-bottom: 60px;
-    img {
+    > img {
       height: 102px;
       margin-bottom: 24px;
     }
-    h4 {
+    > h4 {
       margin: 0;
-      margin-bottom: 8px;
       font-size: 18px;
     }
-    button {
+    > span {
+      margin-top: 8px;
+      color: @colorTextTertiary;
+      font-size: 14px;
+      text-align: center;
+    }
+    > button {
       margin-top: 24px;
-      span {
-        padding: 0 6px;
-        font-size: 14px;
-      }
     }
   }
 }

package/es/DateRanger/PickerPanel.d.ts

@@ -17,6 +17,7 @@ export interface PickerPanelProps {
     onOk: (v: RangeValue) => void;
     isMoment: boolean;
     disabledDate: any;
+    hideSecond?: boolean;
     locale: any;
 }
 declare const InternalPickerPanel: (props: PickerPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/es/DateRanger/PickerPanel.js

@@ -61,7 +61,8 @@ var InternalPickerPanel = function InternalPickerPanel(props) {
     onOk = _props$onOk === void 0 ? noop : _props$onOk,
     _props$onCancel = props.onCancel,
     onCancel = _props$onCancel === void 0 ? noop : _props$onCancel,
-    disabledDate = props.disabledDate;
+    disabledDate = props.disabledDate,
+    hideSecond = props.hideSecond;
   var rootCls = useCSSVarCls(prefixCls);
   var _useStyle = useStyle(prefixCls, rootCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
@@ -247,7 +248,7 @@ var InternalPickerPanel = function InternalPickerPanel(props) {
                   width: '100%'
                 },
                 format: {
-                  format: 'HH:mm:ss',
+                  format: hideSecond ? 'HH:mm' : 'HH:mm:ss',
                   type: 'mask'
                 }
               })
@@ -323,7 +324,7 @@ var InternalPickerPanel = function InternalPickerPanel(props) {
                   width: '100%'
                 },
                 format: {
-                  format: 'HH:mm:ss',
+                  format: hideSecond ? 'HH:mm' : 'HH:mm:ss',
                   type: 'mask'
                 }
               })

package/es/DateRanger/Ranger.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["selects", "value", "defaultValue", "defaultQuickValue", "hasRewind", "hasPlay", "hasSync", "hasForward", "hasZoomOut", "hasTagInPicker", "pastOnly", "simpleMode", "hideYear", "hideSecond", "autoCalcRange", "onChange", "disabledDate", "locale", "size", "stickRangeName", "tooltipProps", "isMoment", "rules", "tip", "autoAdjustOverflow", "overlayClassName", "overlayStyle"];
+var _excluded = ["selects", "value", "defaultValue", "defaultQuickValue", "hasRewind", "hasPlay", "hasSync", "hasForward", "hasZoomOut", "hasTagInPicker", "pastOnly", "simpleMode", "hideYear", "hideSecond", "autoCalcRange", "onChange", "disabledDate", "locale", "size", "stickRangeName", "tooltipProps", "isMoment", "rules", "tip", "autoAdjustOverflow", "overlayClassName", "overlayStyle", "getPopupContainer"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -72,6 +72,7 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     autoAdjustOverflow = props.autoAdjustOverflow,
     overlayClassName = props.overlayClassName,
     overlayStyle = props.overlayStyle,
+    getPopupContainer = props.getPopupContainer,
     rest = _objectWithoutProperties(props, _excluded);
   var _theme$useToken = theme.useToken(),
     token = _theme$useToken.token;
@@ -250,7 +251,7 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return diffMs > differenceMs;
   }) : selects[rangeNameIndex + 1];
   return /*#__PURE__*/_jsxs(Space, {
-    className: classNames(_defineProperty(_defineProperty(_defineProperty({}, prefix, true), "".concat(prefix, "-show-range"), true), "".concat(prefix, "-back-radio-focused"), backRadioFocused)),
+    className: classNames(rest.className, _defineProperty(_defineProperty(_defineProperty({}, prefix, true), "".concat(prefix, "-show-range"), true), "".concat(prefix, "-back-radio-focused"), backRadioFocused)),
     style: rest.style,
     children: [/*#__PURE__*/_jsxs(Space, {
       size: 0,
@@ -260,10 +261,11 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
           trigger: ['click'],
           open: open,
           placement: rest.placement,
-          autoAdjustOverflow: autoAdjustOverflow
+          autoAdjustOverflow: autoAdjustOverflow,
+          getPopupContainer: getPopupContainer
           // 关闭后进行销毁，才可以将 Tooltip 进行同步关闭
           ,
-          destroyPopupOnHide: true
+          destroyOnHidden: true
           // 存在缓存，会锁死里面的值
           ,
           onOpenChange: function onOpenChange(o) {
@@ -272,7 +274,7 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
             }
             setOpen(o);
           },
-          dropdownRender: function dropdownRender(originNode) {
+          popupRender: function popupRender(originNode) {
             return /*#__PURE__*/_jsxs("div", {
               className: classNames("".concat(prefix, "-dropdown-picker"), overlayClassName),
               style: overlayStyle,
@@ -291,6 +293,7 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
                 tip: tip,
                 isMoment: isMoment,
                 rules: rules,
+                hideSecond: hideSecond,
                 onOk: function onOk(vList) {
                   setIsPlay(false);
                   handleNameChange(CUSTOMIZE);
@@ -382,7 +385,7 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
             size: size,
             suffixIcon: null
             // 透传 props 到 antd Ranger
-          }, omit(rest, 'value', 'onChange')), {}, {
+          }, omit(rest, 'value', 'onChange', 'style', 'className')), {}, {
             open: false
           }))
         })]

package/es/DateRanger/index.less

@@ -82,7 +82,7 @@
 
   .@{prefixCls}-dropdown-menu {
     padding: 0;
-    box-shadow: none;
+    box-shadow: none !important;
   }
 
   .@{prefixCls}-picker-time-panel-container {

package/es/Login/LoginForm.d.ts

@@ -1,4 +1,5 @@
-import type { FormProps } from '@oceanbase/design/es/form';
+import type { FormProps, InputProps } from '@oceanbase/design';
+import type { PasswordProps } from '@oceanbase/design/es/input';
 import React from 'react';
 import type { LoginLocale } from '.';
 import './index.less';
@@ -15,6 +16,12 @@ export interface ILoginFormProps extends FormProps {
     authCodeImg?: string;
     otherLoginProps?: any;
     onAuthCodeImgChange?: () => void;
+    passwordOptional?: boolean;
+    componentProps?: {
+        username: InputProps;
+        password: PasswordProps;
+        authCode: InputProps;
+    };
 }
 declare const Login: React.FC<ILoginFormProps>;
 export default Login;

package/es/Login/LoginForm.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["loading", "locale", "errorMessage", "showAuthCode", "showOtherLoginButton", "authCodeImg", "otherLoginProps", "onAuthCodeImgChange"];
+var _excluded = ["loading", "locale", "errorMessage", "showAuthCode", "showOtherLoginButton", "authCodeImg", "otherLoginProps", "onAuthCodeImgChange", "componentProps", "passwordOptional"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -32,6 +32,9 @@ var Login = function Login(_ref) {
     authCodeImg = _ref.authCodeImg,
     otherLoginProps = _ref.otherLoginProps,
     onAuthCodeImgChange = _ref.onAuthCodeImgChange,
+    componentProps = _ref.componentProps,
+    _ref$passwordOptional = _ref.passwordOptional,
+    passwordOptional = _ref$passwordOptional === void 0 ? false : _ref$passwordOptional,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _theme$useToken = theme.useToken(),
     token = _theme$useToken.token;
@@ -59,7 +62,7 @@ var Login = function Login(_ref) {
         required: true,
         message: locale.usernameMessage
       }],
-      children: /*#__PURE__*/_jsx(Input, {
+      children: /*#__PURE__*/_jsx(Input, _objectSpread({
         prefix: /*#__PURE__*/_jsx(UserOutlined, {
           style: {
             color: token.colorIcon
@@ -73,14 +76,14 @@ var Login = function Login(_ref) {
           setFocusInput('');
         },
         className: classNames(_defineProperty({}, "".concat(prefix, "-focus-input"), focusInput === 'username'))
-      })
+      }, (componentProps === null || componentProps === void 0 ? void 0 : componentProps.username) || {}))
     }), /*#__PURE__*/_jsx(Form.Item, {
       name: "password",
-      rules: [{
+      rules: passwordOptional ? [] : [{
         required: true,
         message: locale.passwordMessage
       }],
-      children: /*#__PURE__*/_jsx(Input.Password, {
+      children: /*#__PURE__*/_jsx(Input.Password, _objectSpread({
         visibilityToggle: true,
         autoComplete: "current-password",
         prefix: /*#__PURE__*/_jsx(LockOutlined, {
@@ -96,7 +99,7 @@ var Login = function Login(_ref) {
           setFocusInput('');
         },
         className: focusInput === 'password' ? "".concat(prefix, "-focus-input") : ''
-      })
+      }, (componentProps === null || componentProps === void 0 ? void 0 : componentProps.password) || {}))
     }), showAuthCode && /*#__PURE__*/_jsxs(Space, {
       className: "".concat(prefix, "-auth-code"),
       children: [/*#__PURE__*/_jsx(Form.Item, {
@@ -105,7 +108,7 @@ var Login = function Login(_ref) {
           required: true,
           message: '验证码不能为空'
         }],
-        children: /*#__PURE__*/_jsx(Input, {
+        children: /*#__PURE__*/_jsx(Input, _objectSpread({
           prefix: /*#__PURE__*/_jsx(SafetyCertificateOutlined, {
             style: {
               color: token.colorIcon
@@ -119,7 +122,7 @@ var Login = function Login(_ref) {
             setFocusInput('');
           },
           className: classNames(_defineProperty({}, "".concat(prefix, "-focus-input"), focusInput === 'authCode'))
-        })
+        }, (componentProps === null || componentProps === void 0 ? void 0 : componentProps.authCode) || {}))
       }), /*#__PURE__*/_jsxs("div", {
         className: classNames("".concat(prefix, "-code-btn")),
         children: [/*#__PURE__*/_jsx("img", {

package/es/Login/index.less

@@ -102,7 +102,7 @@
           }
 
           // 覆盖 input:-internal-autofill-selected 自带背景色样式问题
-          .@{prefixCls}-input {
+          .@{prefixCls}-input:not(.@{prefixCls}-input-disabled) {
             box-shadow: inset 0 0 0 1000px white !important;
           }
 

package/es/Password/index.d.ts

@@ -15,6 +15,7 @@ export interface PasswordLocale {
 export interface PasswordProps extends LocaleWrapperProps, Omit<InputPasswordProps, 'onChange'> {
     value?: string;
     onChange?: (value?: string) => void;
+    generatePassword?: () => string;
     rules?: Validator[];
     onValidate?: (passed: boolean) => void;
     generatePasswordRegex?: RegExp;

package/es/Password/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["value", "locale", "rules", "onChange", "onValidate", "generatePasswordRegex"];
+var _excluded = ["value", "locale", "rules", "onChange", "generatePassword", "onValidate", "generatePasswordRegex"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -29,6 +29,7 @@ var Password = function Password(_ref) {
     locale = _ref.locale,
     rules = _ref.rules,
     onChange = _ref.onChange,
+    generatePassword = _ref.generatePassword,
     onValidate = _ref.onValidate,
     generatePasswordRegex = _ref.generatePasswordRegex,
     restProps = _objectWithoutProperties(_ref, _excluded);
@@ -135,7 +136,11 @@ var Password = function Password(_ref) {
         }, restProps))
       }), generatePasswordRegex && /*#__PURE__*/_jsx(Button, {
         onClick: function onClick() {
-          handleChange(getRandomPassword());
+          if (generatePassword instanceof Function) {
+            handleChange(generatePassword());
+          } else {
+            handleChange(getRandomPassword());
+          }
         },
         style: {
           marginLeft: 8

package/lib/Boundary/index.less

@@ -5,37 +5,29 @@
   align-items: center;
   justify-content: center;
   height: 100%;
-  span {
-    color: @colorTextTertiary;
-    font-size: 14px;
-    text-align: center;
-  }
-  .@{prefixCls}-btn-primary {
-    span {
-      color: #fff;
-    }
-  }
+
   .empty {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding-bottom: 60px;
-    img {
+    > img {
       height: 102px;
       margin-bottom: 24px;
     }
-    h4 {
+    > h4 {
       margin: 0;
-      margin-bottom: 8px;
       font-size: 18px;
     }
-    button {
+    > span {
+      margin-top: 8px;
+      color: @colorTextTertiary;
+      font-size: 14px;
+      text-align: center;
+    }
+    > button {
       margin-top: 24px;
-      span {
-        padding: 0 6px;
-        font-size: 14px;
-      }
     }
   }
 }

package/lib/DateRanger/PickerPanel.d.ts

@@ -17,6 +17,7 @@ export interface PickerPanelProps {
     onOk: (v: RangeValue) => void;
     isMoment: boolean;
     disabledDate: any;
+    hideSecond?: boolean;
     locale: any;
 }
 declare const InternalPickerPanel: (props: PickerPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/DateRanger/PickerPanel.js

@@ -72,7 +72,8 @@ var InternalPickerPanel = (props) => {
     required = true,
     onOk = import_lodash.noop,
     onCancel = import_lodash.noop,
-    disabledDate
+    disabledDate,
+    hideSecond
   } = props;
   const rootCls = (0, import_useCSSVarCls.default)(prefixCls);
   const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls, rootCls);
@@ -200,7 +201,7 @@ var InternalPickerPanel = (props) => {
           getPopupContainer: (triggerNode) => triggerNode.parentNode,
           style: { width: "100%" },
           format: {
-            format: "HH:mm:ss",
+            format: hideSecond ? "HH:mm" : "HH:mm:ss",
             type: "mask"
           }
         }
@@ -258,7 +259,7 @@ var InternalPickerPanel = (props) => {
           getPopupContainer: (triggerNode) => triggerNode.parentNode,
           style: { width: "100%" },
           format: {
-            format: "HH:mm:ss",
+            format: hideSecond ? "HH:mm" : "HH:mm:ss",
             type: "mask"
           }
         }

package/lib/DateRanger/Ranger.js

@@ -85,6 +85,7 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
     autoAdjustOverflow,
     overlayClassName,
     overlayStyle,
+    getPopupContainer,
     ...rest
   } = props;
   const { token } = import_design.theme.useToken();
@@ -230,7 +231,7 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
   return /* @__PURE__ */ import_react.default.createElement(
     import_design.Space,
     {
-      className: (0, import_classnames.default)({
+      className: (0, import_classnames.default)(rest.className, {
         [prefix]: true,
         [`${prefix}-show-range`]: true,
         [`${prefix}-back-radio-focused`]: backRadioFocused
@@ -251,14 +252,15 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
           open,
           placement: rest.placement,
           autoAdjustOverflow,
-          destroyPopupOnHide: true,
+          getPopupContainer,
+          destroyOnHidden: true,
           onOpenChange: (o) => {
             if (o === false && refState.current.tooltipOpen) {
               return;
             }
             setOpen(o);
           },
-          dropdownRender: (originNode) => {
+          popupRender: (originNode) => {
             return /* @__PURE__ */ import_react.default.createElement(
               "div",
               {
@@ -276,6 +278,7 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
                   tip,
                   isMoment,
                   rules,
+                  hideSecond,
                   onOk: (vList) => {
                     setIsPlay(false);
                     handleNameChange(import_constant.CUSTOMIZE);
@@ -358,7 +361,7 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
             allowClear: false,
             size,
             suffixIcon: null,
-            ...(0, import_lodash.omit)(rest, "value", "onChange"),
+            ...(0, import_lodash.omit)(rest, "value", "onChange", "style", "className"),
             open: false
           }
         )

package/lib/DateRanger/index.less

@@ -82,7 +82,7 @@
 
   .@{prefixCls}-dropdown-menu {
     padding: 0;
-    box-shadow: none;
+    box-shadow: none !important;
   }
 
   .@{prefixCls}-picker-time-panel-container {

package/lib/Login/LoginForm.d.ts

@@ -1,4 +1,5 @@
-import type { FormProps } from '@oceanbase/design/es/form';
+import type { FormProps, InputProps } from '@oceanbase/design';
+import type { PasswordProps } from '@oceanbase/design/es/input';
 import React from 'react';
 import type { LoginLocale } from '.';
 import './index.less';
@@ -15,6 +16,12 @@ export interface ILoginFormProps extends FormProps {
     authCodeImg?: string;
     otherLoginProps?: any;
     onAuthCodeImgChange?: () => void;
+    passwordOptional?: boolean;
+    componentProps?: {
+        username: InputProps;
+        password: PasswordProps;
+        authCode: InputProps;
+    };
 }
 declare const Login: React.FC<ILoginFormProps>;
 export default Login;

package/lib/Login/LoginForm.js

@@ -49,6 +49,8 @@ var Login = ({
   authCodeImg,
   otherLoginProps,
   onAuthCodeImgChange,
+  componentProps,
+  passwordOptional = false,
   ...restProps
 }) => {
   const { token } = import_design2.theme.useToken();
@@ -88,7 +90,8 @@ var Login = ({
           },
           className: (0, import_classnames.default)({
             [`${prefix}-focus-input`]: focusInput === "username"
-          })
+          }),
+          ...(componentProps == null ? void 0 : componentProps.username) || {}
         }
       )
     ),
@@ -96,7 +99,7 @@ var Login = ({
       import_design.Form.Item,
       {
         name: "password",
-        rules: [
+        rules: passwordOptional ? [] : [
           {
             required: true,
             message: locale.passwordMessage
@@ -116,7 +119,8 @@ var Login = ({
           onBlur: () => {
             setFocusInput("");
           },
-          className: focusInput === "password" ? `${prefix}-focus-input` : ""
+          className: focusInput === "password" ? `${prefix}-focus-input` : "",
+          ...(componentProps == null ? void 0 : componentProps.password) || {}
         }
       )
     ),
@@ -144,7 +148,8 @@ var Login = ({
           },
           className: (0, import_classnames.default)({
             [`${prefix}-focus-input`]: focusInput === "authCode"
-          })
+          }),
+          ...(componentProps == null ? void 0 : componentProps.authCode) || {}
         }
       )
     ), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefix}-code-btn`) }, /* @__PURE__ */ import_react.default.createElement("img", { src: authCodeImg, alt: "", width: "96", height: "38" }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-code-mask`, onClick: onAuthCodeImgChange }, /* @__PURE__ */ import_react.default.createElement(import_icons.SyncOutlined, null)))),

package/lib/Login/index.less

@@ -102,7 +102,7 @@
           }
 
           // 覆盖 input:-internal-autofill-selected 自带背景色样式问题
-          .@{prefixCls}-input {
+          .@{prefixCls}-input:not(.@{prefixCls}-input-disabled) {
             box-shadow: inset 0 0 0 1000px white !important;
           }
 

package/lib/Password/index.d.ts

@@ -15,6 +15,7 @@ export interface PasswordLocale {
 export interface PasswordProps extends LocaleWrapperProps, Omit<InputPasswordProps, 'onChange'> {
     value?: string;
     onChange?: (value?: string) => void;
+    generatePassword?: () => string;
     rules?: Validator[];
     onValidate?: (passed: boolean) => void;
     generatePasswordRegex?: RegExp;

package/lib/Password/index.js

@@ -45,6 +45,7 @@ var Password = ({
   locale,
   rules,
   onChange,
+  generatePassword,
   onValidate,
   generatePasswordRegex,
   ...restProps
@@ -134,7 +135,11 @@ var Password = ({
     import_design.Button,
     {
       onClick: () => {
-        handleChange(getRandomPassword());
+        if (generatePassword instanceof Function) {
+          handleChange(generatePassword());
+        } else {
+          handleChange(getRandomPassword());
+        }
       },
       style: { marginLeft: 8 }
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "0.4.12",
+  "version": "0.4.14",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "oceanbase",
@@ -42,9 +42,9 @@
     "@ant-design/cssinjs": "^1.23.0",
     "@ant-design/pro-components": "^2.8.7",
     "@antv/g6": "3.4.10",
-    "@oceanbase/design": "^0.4.10",
+    "@oceanbase/design": "^0.4.11",
     "@oceanbase/icons": "^0.4.6",
-    "@oceanbase/util": "^0.4.2",
+    "@oceanbase/util": "^0.4.3",
     "ahooks": "^2.10.14",
     "classnames": "^2.5.1",
     "dayjs": "^1.11.13",
@@ -71,5 +71,5 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "db83d4b1d50b50813d9751f4e8c1189badf67820"
+  "gitHead": "c3f287cc3ed59f6483423ca1c1f09d65012b0d8f"
 }