@oceanbase/ui 0.4.12 → 0.4.13

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/Ranger.js

@@ -250,7 +250,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,
@@ -382,7 +382,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/Highlight/index.d.ts

@@ -29,7 +29,7 @@ export declare const THEME_DARK = "dark";
 export declare const THEME_LIGHT = "light";
 declare const ThemeTypes: ["dark", "light"];
 export type ThemeType = (typeof ThemeTypes)[number];
-declare const supportedLanguages: ("ruby" | "css" | "go" | "java" | "python" | "sql" | "json" | "javascript" | "typescript" | "groovy" | "bash" | "cpp" | "http" | "markdown" | "nginx" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "go" | "css" | "java" | "json" | "bash" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

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/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/Ranger.js

@@ -230,7 +230,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
@@ -358,7 +358,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/Highlight/index.d.ts

@@ -29,7 +29,7 @@ export declare const THEME_DARK = "dark";
 export declare const THEME_LIGHT = "light";
 declare const ThemeTypes: ["dark", "light"];
 export type ThemeType = (typeof ThemeTypes)[number];
-declare const supportedLanguages: ("ruby" | "css" | "go" | "java" | "python" | "sql" | "json" | "javascript" | "typescript" | "groovy" | "bash" | "cpp" | "http" | "markdown" | "nginx" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "go" | "css" | "java" | "json" | "bash" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "0.4.12",
+  "version": "0.4.13",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "oceanbase",
@@ -71,5 +71,5 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "db83d4b1d50b50813d9751f4e8c1189badf67820"
+  "gitHead": "84305961875cebaf02361d907dc1db3a1871d1f5"
 }