@oceanbase/ui 1.0.0-alpha.8 → 1.0.0

package/es/PageContainer/index.js

@@ -1,10 +1,17 @@
+"use client";
 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 = ["prefixCls", "className", "title", "header", "content", "extraContent", "tabList", "tabBarExtraContent", "footerToolBarProps", "locale", "loading"];
+var _excluded = ["prefixCls", "className", "title", "subTitle", "onBack", "backIcon", "breadcrumb", "extra", "header", "content", "extraContent", "tabList", "tabBarExtraContent", "footerToolBarProps", "locale", "loading"];
 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; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 { useUniqueInlineId } from '@inline-svg-unique-id/react';
@@ -12,12 +19,13 @@ import { ArrowLeftOutlined, SyncOutlined } from '@oceanbase/icons';
 import { PageContainer as AntPageContainer } from '@ant-design/pro-components';
 import classNames from 'classnames';
 import { isObject } from 'lodash';
-import React, { useContext } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Button, ConfigProvider, Divider, Space, Tooltip, theme } from '@oceanbase/design';
+import { useSize } from 'ahooks';
 import LocaleWrapper from "../locale/LocaleWrapper";
+import zhCN from "./locale/zh-CN";
 import ItemRender from "./ItemRender";
 import PageLoading from "../PageLoading";
-import zhCN from "./locale/zh-CN";
 import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -52,9 +60,15 @@ var DocumentIcon = function DocumentIcon(_ref) {
   });
 };
 var PageContainer = function PageContainer(_ref2) {
+  var _restProps$style;
   var customizePrefixCls = _ref2.prefixCls,
     className = _ref2.className,
-    title = _ref2.title,
+    titleProp = _ref2.title,
+    subTitleProp = _ref2.subTitle,
+    onBackProp = _ref2.onBack,
+    backIconProp = _ref2.backIcon,
+    breadcrumbProp = _ref2.breadcrumb,
+    extraProp = _ref2.extra,
     header = _ref2.header,
     content = _ref2.content,
     extraContent = _ref2.extraContent,
@@ -72,18 +86,44 @@ var PageContainer = function PageContainer(_ref2) {
     wrapSSR = _useStyle.wrapSSR;
   var _theme$useToken = theme.useToken(),
     token = _theme$useToken.token;
+
+  // Avoid SSR issue: only get container element on client (e.g. Next.js)
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    containerEl = _useState2[0],
+    setContainerEl = _useState2[1];
+  useEffect(function () {
+    if (typeof window !== 'undefined' && window.document) {
+      setContainerEl(window.document.querySelector(".".concat(prefixCls)));
+    }
+  }, [prefixCls]);
+
+  // TODO: PageContainer should support ref to get the width of the container
+  var size = useSize(containerEl);
+  var width = size === null || size === void 0 ? void 0 : size.width;
+  var maxWidthValue = (_restProps$style = restProps.style) === null || _restProps$style === void 0 ? void 0 : _restProps$style.maxWidth;
+  var maxWidth = typeof maxWidthValue === 'number' ? maxWidthValue : maxWidthValue !== null && maxWidthValue !== void 0 && maxWidthValue.includes('px') ? parseInt(maxWidthValue) : undefined;
+  var isOverflow = width && width >= maxWidth;
   var _ref3 = header || {},
     reload = _ref3.reload,
-    subTitle = _ref3.subTitle,
-    document = _ref3.document,
-    breadcrumb = _ref3.breadcrumb,
+    _ref3$title = _ref3.title,
+    title = _ref3$title === void 0 ? titleProp : _ref3$title,
+    _ref3$subTitle = _ref3.subTitle,
+    subTitle = _ref3$subTitle === void 0 ? subTitleProp : _ref3$subTitle,
+    _ref3$onBack = _ref3.onBack,
+    onBack = _ref3$onBack === void 0 ? onBackProp : _ref3$onBack,
     _ref3$backIcon = _ref3.backIcon,
-    backIcon = _ref3$backIcon === void 0 ? /*#__PURE__*/_jsx(Button, {
+    backIcon = _ref3$backIcon === void 0 ? backIconProp || /*#__PURE__*/_jsx(Button, {
       style: {
         fontSize: token.fontSizeLG
       },
       icon: /*#__PURE__*/_jsx(ArrowLeftOutlined, {})
-    }) : _ref3$backIcon;
+    }) : _ref3$backIcon,
+    document = _ref3.document,
+    _ref3$breadcrumb = _ref3.breadcrumb,
+    breadcrumb = _ref3$breadcrumb === void 0 ? breadcrumbProp : _ref3$breadcrumb,
+    _ref3$extra = _ref3.extra,
+    extra = _ref3$extra === void 0 ? extraProp : _ref3$extra;
   var reloadProps = isObject(reload) && ! /*#__PURE__*/React.isValidElement(reload) ? reload : {};
   var reloadCls = classNames("".concat(rootPrefixCls, "-page-header-heading-reload"), reloadProps.className);
   var documentLink = typeof document === 'string' ? document : undefined;
@@ -98,23 +138,26 @@ var PageContainer = function PageContainer(_ref2) {
       children: [/*#__PURE__*/_jsx(Divider, {
         type: "vertical",
         className: "".concat(rootPrefixCls, "-page-header-heading-document-divider")
-      }), documentLink || documentClick ? /*#__PURE__*/_jsx(Tooltip, {
+      }), /*#__PURE__*/_jsx(Tooltip, {
         title: locale.viewDocument,
         children: /*#__PURE__*/_jsx("a", {
           href: documentLink,
           target: "_blank",
           rel: "noopener noreferrer",
           onClick: documentClick,
-          children: /*#__PURE__*/_jsx("span", {
-            className: "".concat(rootPrefixCls, "-page-header-heading-document-icon"),
-            children: /*#__PURE__*/_jsx(DocumentIcon, {})
-          })
+          className: "".concat(rootPrefixCls, "-page-header-heading-document-icon"),
+          children: documentLink || documentClick ? /*#__PURE__*/_jsx(DocumentIcon, {
+            className: "".concat(rootPrefixCls, "-page-header-heading-document-default-icon")
+          }) : document
         })
-      }) : document]
+      })]
     })]
   });
-  var newHeader = header && _objectSpread(_objectSpread({}, header), {}, {
+  var newHeader = (header || title || newSubTitle || onBack || breadcrumb || extra) && _objectSpread(_objectSpread({}, header), {}, {
+    title: title,
     subTitle: newSubTitle,
+    onBack: onBack,
+    backIcon: backIcon,
     breadcrumb: breadcrumb && _objectSpread({
       itemRender: function itemRender(route, params, routes, paths) {
         return /*#__PURE__*/_jsx(ItemRender, {
@@ -125,12 +168,12 @@ var PageContainer = function PageContainer(_ref2) {
         });
       }
     }, breadcrumb),
-    backIcon: backIcon
+    extra: extra
   });
-  var noHasHeader = !title && ['title', 'subTitle', 'extra', 'tags', 'avatar', 'backIcon', 'breadcrumb'].every(function (item) {
+  var noHasHeader = ['title', 'subTitle', 'onBack', 'breadcrumb', 'extra', 'tags', 'avatar'].every(function (item) {
     return !(newHeader !== null && newHeader !== void 0 && newHeader[item]);
   }) && !content && !extraContent && !tabList && !tabBarExtraContent;
-  var pageContainerCls = classNames(_defineProperty({}, "".concat(prefixCls, "-no-page-header"), noHasHeader), className);
+  var pageContainerCls = classNames(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-no-page-header"), noHasHeader), "".concat(prefixCls, "-max-width"), isOverflow), className);
   return wrapSSR( /*#__PURE__*/_jsx(AntPageContainer, _objectSpread({
     prefixCls: customizePrefixCls,
     className: pageContainerCls,

package/es/PageContainer/style/index.js

@@ -7,6 +7,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 import { genFooterToolbarStyle } from "../../FooterToolbar/style";
 export var genPageContainerStyle = function genPageContainerStyle(token) {
+  var _$concat$concat$conca;
   var antCls = token.antCls,
     proComponentsCls = token.proComponentsCls,
     componentCls = token.componentCls,
@@ -14,18 +15,18 @@ export var genPageContainerStyle = function genPageContainerStyle(token) {
     fontSizeHeading2 = token.fontSizeHeading2,
     padding = token.padding,
     paddingLG = token.paddingLG;
-  return _objectSpread(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty({
+  return _objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty({
     minHeight: '100vh',
     backgroundColor: colorBgLayout
   }, "".concat(proComponentsCls, "-grid-content"), {
     minHeight: 'auto'
-  }), "".concat(componentCls, "-warp-page-header,").concat(componentCls, "-wrap-page-header"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  }), "".concat(antCls, "-page-header").concat(componentCls, "-warp-page-header, ").concat(antCls, "-page-header").concat(componentCls, "-wrap-page-header"), (_$concat$concat$conca = {
     // 减小内容区左右两侧间距
-    paddingInlineStart: "".concat(token.paddingXL, "px !important"),
-    paddingInlineEnd: "".concat(token.paddingXL, "px !important"),
-    paddingBlockStart: "".concat(paddingLG, "px !important"),
-    paddingBlockEnd: "".concat(padding, "px !important")
-  }, "".concat(antCls, "-page-header-breadcrumb"), {
+    paddingInlineStart: "".concat(token.paddingXL, "px"),
+    paddingInlineEnd: "".concat(token.paddingXL, "px"),
+    paddingBlockStart: "".concat(paddingLG, "px"),
+    paddingBlockEnd: "".concat(padding, "px")
+  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_$concat$concat$conca, "".concat(antCls, "-page-header-breadcrumb"), {
     // overwritten pro-components style
     paddingBlockStart: 0
   }), "".concat(antCls, "-page-header-heading"), {
@@ -34,6 +35,8 @@ export var genPageContainerStyle = function genPageContainerStyle(token) {
     fontSize: fontSizeHeading2,
     fontWeight: token.fontWeightStrong,
     marginInlineEnd: token.marginXS
+  }), "".concat(antCls, "-page-header-heading-sub-title"), {
+    fontSize: token.fontSize
   }), "".concat(antCls, "-page-header-heading-reload"), {
     cursor: 'pointer',
     fontSize: token.fontSizeLG,
@@ -44,7 +47,7 @@ export var genPageContainerStyle = function genPageContainerStyle(token) {
   }), "".concat(antCls, "-page-header-heading-document-icon"), {
     display: 'inline-block',
     color: token.colorIcon,
-    marginTop: (token.controlHeight - token.fontSizeLG) / 2,
+    fontSize: token.fontSizeLG,
     cursor: 'pointer',
     '&:hover': {
       color: token.colorLinkHover
@@ -52,24 +55,36 @@ export var genPageContainerStyle = function genPageContainerStyle(token) {
     '&:active': {
       color: token.colorLinkActive
     }
+  }), "".concat(antCls, "-page-header-heading-document-default-icon"), {
+    marginBottom: -3
   }), "".concat(antCls, "-page-header-heading-left"), {
     marginBlock: 0
   }), "".concat(antCls, "-page-header-heading-extra"), {
     marginBlock: 0
-  }), "".concat(antCls, "-page-header-footer"), {
+  }), _defineProperty(_$concat$concat$conca, "".concat(antCls, "-page-header-footer"), _defineProperty({
     marginBlockStart: 0
-  })), "".concat(componentCls, "-children-container"), _defineProperty({
+  }, "".concat(antCls, "-tabs-top > ").concat(antCls, "-tabs-nav::before"), {
+    borderBottom: "1px solid ".concat(token.colorBorderSecondary)
+  })))), "".concat(componentCls, "-children-container"), _defineProperty(_defineProperty({
     paddingInline: token.paddingXL,
     paddingBlockStart: 0,
     paddingBlockEnd: padding
   }, "& > ".concat(antCls, "-tabs-top:not(").concat(antCls, "-tabs-card):first-child"), {
     // equal to page header paddingBlockEnd
     marginTop: -padding
+  }), "& > ".concat(antCls, "-tabs-top > ").concat(antCls, "-tabs-nav::before"), {
+    borderBottom: "1px solid ".concat(token.colorBorderSecondary)
   }))), "".concat(componentCls, "-no-page-header"), _defineProperty({}, "".concat(componentCls, "-children-container"), {
     paddingBlockStart: paddingLG
   })), "".concat(componentCls, "-with-footer "), {
     paddingBottom: 64
-  }), genFooterToolbarStyle(_objectSpread(_objectSpread({}, token), {}, {
+  }), "".concat(componentCls, ":not(").concat(componentCls, "-max-width)"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-warp-page-header,").concat(componentCls, "-wrap-page-header"), _defineProperty({}, "".concat(antCls, "-page-header-footer"), _defineProperty({}, "".concat(antCls, "-tabs-top > ").concat(antCls, "-tabs-nav::before"), {
+    left: -token.paddingXL,
+    right: -token.paddingXL
+  }))), "".concat(componentCls, "-children-container"), _defineProperty({}, "& > ".concat(antCls, "-tabs-top > ").concat(antCls, "-tabs-nav::before"), {
+    left: -token.paddingXL,
+    right: -token.paddingXL
+  }))), genFooterToolbarStyle(_objectSpread(_objectSpread({}, token), {}, {
     componentCls: "".concat(proComponentsCls, "-footer-bar")
   })));
 };

package/es/PageLoading/index.js

@@ -1,3 +1,4 @@
+"use client";
 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 = ["prefixCls", "style", "matchWrapperHeight"];
 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; }

package/es/Password/Content.d.ts

@@ -10,5 +10,7 @@ declare const Content: React.FC<{
     isValidating: boolean;
     value?: string;
     isTouched: boolean;
+    rulesRegionId?: string;
+    rulesAriaLabel?: string;
 }>;
 export default Content;

package/es/Password/Content.js

@@ -1,3 +1,4 @@
+"use client";
 import { CheckCircleFilled, CloseCircleFilled, LoadingOutlined } from '@oceanbase/icons';
 import { Progress, Space } from '@oceanbase/design';
 import React from 'react';
@@ -9,7 +10,9 @@ var Content = function Content(_ref) {
     fieldError = _ref.fieldError,
     isValidating = _ref.isValidating,
     value = _ref.value,
-    isTouched = _ref.isTouched;
+    isTouched = _ref.isTouched,
+    rulesRegionId = _ref.rulesRegionId,
+    rulesAriaLabel = _ref.rulesAriaLabel;
   var _theme$useToken = theme.useToken(),
     token = _theme$useToken.token;
   var statusIconMap = {
@@ -57,10 +60,14 @@ var Content = function Content(_ref) {
     strokeColor = token.colorSuccess;
   }
   return /*#__PURE__*/_jsxs("div", {
+    id: rulesRegionId,
+    role: "region",
+    "aria-label": rulesAriaLabel,
     children: [/*#__PURE__*/_jsx(Progress, {
       percent: value ? percent : 0,
       strokeColor: strokeColor,
-      showInfo: false
+      showInfo: false,
+      "aria-hidden": true
     }), /*#__PURE__*/_jsx("ul", {
       style: {
         margin: 0,
@@ -89,7 +96,9 @@ var Content = function Content(_ref) {
             children: /*#__PURE__*/_jsxs(Space, {
               size: status === 'wait' ? 14 : 8,
               align: "start",
-              children: [isValidating ? /*#__PURE__*/_jsx(LoadingOutlined, {}) : statusIconMap[status], /*#__PURE__*/_jsx("span", {
+              children: [isValidating ? /*#__PURE__*/_jsx(LoadingOutlined, {
+                "aria-hidden": true
+              }) : statusIconMap[status], /*#__PURE__*/_jsx("span", {
                 children: rule.message
               })]
             })

package/es/Password/index.d.ts

@@ -11,6 +11,7 @@ export interface PasswordLocale {
     pleaseRememberYourPassword: string;
     copySuccessfully: string;
     copyPassword: string;
+    passwordStrengthRules: string;
 }
 export interface PasswordProps extends LocaleWrapperProps, Omit<InputPasswordProps, 'onChange'> {
     value?: string;

package/es/Password/index.js

@@ -1,3 +1,4 @@
+"use client";
 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", "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; }
@@ -15,7 +16,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 { Button, Input, Popover, Space, Typography } from '@oceanbase/design';
 import RandExp from 'randexp';
-import React, { useState } from 'react';
+import React, { useId, useState } from 'react';
 import { theme } from '@oceanbase/design';
 import { CheckOutlined, CopyOutlined } from '@oceanbase/icons';
 import LocaleWrapper from "../locale/LocaleWrapper";
@@ -47,10 +48,7 @@ var Password = function Password(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     isTouched = _useState6[0],
     setIsTouched = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    copyHover = _useState8[0],
-    setCopyHover = _useState8[1];
+  var strengthRulesId = useId();
   var defaultRules = [{
     validate: function validate(val) {
       return (val === null || val === void 0 ? void 0 : val.length) >= 8 && (val === null || val === void 0 ? void 0 : val.length) <= 32;
@@ -117,7 +115,9 @@ var Password = function Password(_ref) {
           value: value,
           isValidating: isValidating,
           rules: newRules,
-          fieldError: fieldError
+          fieldError: fieldError,
+          rulesRegionId: strengthRulesId,
+          rulesAriaLabel: locale.passwordStrengthRules
         }),
         overlayStyle: {
           maxWidth: 400
@@ -128,6 +128,8 @@ var Password = function Password(_ref) {
         children: /*#__PURE__*/_jsx(Input.Password, _objectSpread({
           value: value,
           autoComplete: "new-password",
+          "aria-haspopup": "dialog",
+          "aria-describedby": strengthRulesId,
           onChange: function onChange(e) {
             var _e$target;
             handleChange(e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
@@ -149,9 +151,8 @@ var Password = function Password(_ref) {
       })]
     }), value && (fieldError === null || fieldError === void 0 ? void 0 : fieldError.length) === 0 && /*#__PURE__*/_jsxs("div", {
       style: {
-        fontSize: 14,
-        color: token.colorTextTertiary,
-        lineHeight: '22px',
+        fontSize: token.fontSizeSM,
+        color: token.colorTextDescription,
         marginTop: token.marginXXS
       },
       children: [locale.pleaseRememberYourPassword, /*#__PURE__*/_jsx(Typography.Text, {
@@ -159,19 +160,23 @@ var Password = function Password(_ref) {
           text: value,
           icon: [/*#__PURE__*/_jsxs(Space, {
             size: token.marginXXS,
-            children: [/*#__PURE__*/_jsx(CopyOutlined, {}), /*#__PURE__*/_jsx("a", {
+            children: [/*#__PURE__*/_jsx(CopyOutlined, {
+              "aria-hidden": true
+            }), /*#__PURE__*/_jsx("a", {
               children: locale.copyPassword
             })]
           }, "copy"), /*#__PURE__*/_jsxs(Space, {
             size: token.marginXXS,
-            children: [/*#__PURE__*/_jsx(CheckOutlined, {}), /*#__PURE__*/_jsx("a", {
+            children: [/*#__PURE__*/_jsx(CheckOutlined, {
+              "aria-hidden": true
+            }), /*#__PURE__*/_jsx("a", {
               children: locale.copyPassword
             })]
           }, "copy-success")],
-          tooltips: ['', locale.copySuccessfully]
+          tooltips: [locale.copyPassword, locale.copySuccessfully]
         },
         style: {
-          marginLeft: token.marginXS
+          marginLeft: token.marginXXS
         }
       })]
     })]

package/es/Password/locale/en-US.d.ts

@@ -8,5 +8,6 @@ declare const _default: {
     pleaseRememberYourPassword: string;
     copySuccessfully: string;
     copyPassword: string;
+    passwordStrengthRules: string;
 };
 export default _default;

package/es/Password/locale/en-US.js

@@ -7,5 +7,6 @@ export default {
   randomlyGenerate: 'Randomly generate',
   pleaseRememberYourPassword: 'Please remember and keep your password.',
   copySuccessfully: 'Copied',
-  copyPassword: 'Copy Password'
+  copyPassword: 'Copy Password',
+  passwordStrengthRules: 'Password strength rules'
 };

package/es/Password/locale/ja-JP.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
     pleaseRememberYourPassword: string;
     copySuccessfully: string;
     copyPassword: string;
+    passwordStrengthRules: string;
     andKeepItProperly: string;
 };
 export default _default;

package/es/Password/locale/ja-JP.js

@@ -8,5 +8,6 @@ export default {
   pleaseRememberYourPassword: 'パスワードを必ず保存してください',
   copySuccessfully: 'コピー成功',
   copyPassword: 'パスワードをコピーし',
+  passwordStrengthRules: 'パスワード強度ルール',
   andKeepItProperly: '適切に保管してください'
 };

package/es/Password/locale/zh-CN.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
     pleaseRememberYourPassword: string;
     copySuccessfully: string;
     copyPassword: string;
+    passwordStrengthRules: string;
     andKeepItProperly: string;
 };
 export default _default;

package/es/Password/locale/zh-CN.js

@@ -8,5 +8,6 @@ export default {
   pleaseRememberYourPassword: '请牢记并妥善保存密码',
   copySuccessfully: '复制成功',
   copyPassword: '复制密码',
+  passwordStrengthRules: '密码强度规则',
   andKeepItProperly: '并妥善保存'
 };

package/es/Password/locale/zh-TW.d.ts

@@ -8,5 +8,6 @@ declare const _default: {
     pleaseRememberYourPassword: string;
     copySuccessfully: string;
     copyPassword: string;
+    passwordStrengthRules: string;
 };
 export default _default;

package/es/Password/locale/zh-TW.js

@@ -7,5 +7,6 @@ export default {
   randomlyGenerate: '隨機生成',
   pleaseRememberYourPassword: '請牢記並妥善保存密碼',
   copySuccessfully: '複製成功',
-  copyPassword: '複製密碼'
+  copyPassword: '複製密碼',
+  passwordStrengthRules: '密碼強度規則'
 };

package/es/ProCard/index.js

@@ -1,3 +1,4 @@
+"use client";
 var _excluded = ["loading", "bordered", "ghost", "title", "tabs", "headerBordered", "bodyStyle", "prefixCls", "className", "style"];
 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; }

package/es/ProCard/style/index.js

@@ -7,6 +7,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { Card, Tabs } from '@oceanbase/design';
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 export var genProCardStyle = function genProCardStyle(token, outerComponentCls) {
+  var _token$Table, _ref;
   var innerComponentCls = token.componentCls,
     antCls = token.antCls,
     prefixCls = token.prefixCls;
@@ -14,9 +15,13 @@ export var genProCardStyle = function genProCardStyle(token, outerComponentCls)
   var tableComponentCls = "".concat(antCls, "-table");
   var tabsComponentCls = "".concat(antCls, "-tabs");
   var tabsPrefixCls = "".concat(prefixCls, "-tabs");
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "div".concat(componentCls), {
+  return _ref = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "div".concat(componentCls), {
     borderRadius: token.borderRadiusLG
-  }), "".concat(componentCls).concat(componentCls, "-border"), {
+  }), "".concat(componentCls).concat(componentCls, "-no-divider"), _defineProperty({}, "".concat(componentCls, "-header"), {
+    paddingBlockStart: token.paddingLG
+  })), "".concat(componentCls).concat(componentCls, "-size-small").concat(componentCls, "-no-divider"), _defineProperty({}, "".concat(componentCls, "-header"), {
+    paddingBlockStart: token.paddingSM
+  })), "".concat(componentCls).concat(componentCls, "-border"), {
     border: "".concat(token.lineWidth, "px solid ").concat(token.colorBorderSecondary)
   }), "".concat(componentCls, ":not(").concat(componentCls, "-border):not(").concat(componentCls, "-ghost)"), {
     boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.03),0 1px 6px -1px rgba(0, 0, 0, 0.02),0 2px 4px 0 rgba(0, 0, 0, 0.02)'
@@ -30,12 +35,12 @@ export var genProCardStyle = function genProCardStyle(token, outerComponentCls)
     paddingBlock: 0,
     paddingInline: 0
   })), "&".concat(componentCls, "-has-title").concat(componentCls, "-no-divider:not(").concat(componentCls, "-contain-tabs)"), _defineProperty({}, "".concat(componentCls, "-body"), _defineProperty({}, "& > ".concat(tableComponentCls, "-wrapper ").concat(tableComponentCls, ":not(").concat(tableComponentCls, "-bordered):first-child"), {
-    marginTop: -token.marginSM
+    marginTop: -((_token$Table = token.Table) === null || _token$Table === void 0 ? void 0 : _token$Table.cellPaddingBlock)
   }))), "".concat(componentCls).concat(componentCls, "-no-body-horizontal-padding:not(").concat(componentCls, "-contain-tabs)"), _objectSpread(_defineProperty({}, "".concat(componentCls, "-header"), {
     paddingBlockEnd: token.padding
   }), Card.genTableStyle(token.paddingLG, token))), "".concat(componentCls).concat(componentCls, "-no-body-horizontal-padding").concat(componentCls, "-size-small:not(").concat(componentCls, "-contain-tabs)"), _objectSpread(_defineProperty({}, "".concat(componentCls, "-header"), {
     paddingBlockEnd: token.paddingXS
-  }), Card.genTableStyle(token.paddingSM, token))), "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-tabs"), _objectSpread(_defineProperty({}, "".concat(tabsComponentCls, "-top, ").concat(tabsComponentCls, "-bottom"), _defineProperty({}, ">".concat(tabsComponentCls, "-nav ").concat(tabsComponentCls, "-nav-list"), {
+  }), Card.genTableStyle(token.paddingSM, token))), _defineProperty(_ref, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-tabs"), _objectSpread(_defineProperty({}, "".concat(tabsComponentCls, "-top, ").concat(tabsComponentCls, "-bottom"), _defineProperty({}, ">".concat(tabsComponentCls, "-nav ").concat(tabsComponentCls, "-nav-list"), {
     marginBlockStart: 0,
     paddingInlineStart: token.marginLG
   })), Tabs.genTabsStyle(_objectSpread(_objectSpread({}, token), {}, {

package/es/ProTable/index.js

@@ -1,3 +1,4 @@
+"use client";
 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 = ["form", "headerTitle", "options", "optionsRender", "toolbar", "toolBarRender", "size", "bordered", "innerBordered", "cardBordered", "expandable", "rowSelection", "pagination", "footer", "locale", "cardProps", "prefixCls", "tableClassName", "className"],
   _excluded2 = ["emptyText"];
@@ -6,6 +7,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 React, { useContext } from 'react';
@@ -46,7 +53,8 @@ function ProTable(_ref) {
   // customize Table style
   var tablePrefixCls = getPrefixCls('table', customizePrefixCls);
   var _Table$useStyle = Table.useStyle(tablePrefixCls),
-    tableWrapSSR = _Table$useStyle.wrapSSR;
+    _Table$useStyle2 = _slicedToArray(_Table$useStyle, 1),
+    tableWrapCSSVar = _Table$useStyle2[0];
   var pagination = Table.useDefaultPagination(customPagination);
   var tableCls = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(tablePrefixCls, "-expandable"), !isEmpty(expandable)), "".concat(tablePrefixCls, "-selectable"), !!rowSelection), "".concat(tablePrefixCls, "-has-footer"), !!footer), "".concat(tablePrefixCls, "-inner-bordered"), innerBordered), tableClassName);
 
@@ -66,7 +74,7 @@ function ProTable(_ref) {
     restLocale = _objectWithoutProperties(_ref2, _excluded2);
   var cardProps = merge({}, contextCard, typeof outerCardProps === 'boolean' ? {} : outerCardProps);
   var proCardCls = getPrefixCls('pro-card', customizePrefixCls);
-  return tableWrapSSR(lightFilterWrapSSR(wrapSSR( /*#__PURE__*/_jsx(AntProTable
+  return tableWrapCSSVar(lightFilterWrapSSR(wrapSSR( /*#__PURE__*/_jsx(AntProTable
   // default size change to `large` as same as Table
   , _objectSpread({
     defaultSize: "large",

package/es/Ranger/QuickPicker.js

@@ -1,3 +1,4 @@
+"use client";
 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", "onChange", "value", "customable", "locale"],
   _excluded2 = ["selects", "onChange", "value", "customable", "locale", "size"],

package/es/Ranger/Ranger.js

@@ -1,3 +1,4 @@
+"use client";
 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", "mode", "quickType", "pastOnly", "onChange", "disabledDate", "locale", "size", "stickRangeName", "quickPickerProps"];
 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; }

package/es/Ranger/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { LAST_MONTH, LAST_QUARTER, LAST_WEEK, LAST_YEAR, NEAR_10_MINUTES, NEAR_1_HOURS, NEAR_1_MINUTES, NEAR_20_MINUTES, NEAR_2_HOURS, NEAR_30_MINUTES, NEAR_3_HOURS, NEAR_5_MINUTES, NEAR_6_HOURS, NEXT_MONTH, NEXT_QUARTER, NEXT_WEEK, NEXT_YEAR, THIS_MONTH, THIS_QUARTER, THIS_WEEK, THIS_YEAR, TODAY, TOMORROW, YESTERDAY } from "./constant";
 import QuickPicker from "./QuickPicker";
 import InternalRanger from "./Ranger";

package/es/Ranger/style/index.js

@@ -24,7 +24,7 @@ export var genRangerStyle = function genRangerStyle(token) {
     }
   }), "".concat(antCls, "-select-arrow"), {
     zIndex: 1
-  }))), "".concat(componentCls, "-show-range"), _defineProperty({}, "".concat(componentCls, "-quick-picker.").concat(componentCls, "-quick-picker-select"), _defineProperty(_defineProperty({
+  }))), "".concat(componentCls, "-show-range"), _defineProperty({}, "".concat(componentCls, "-quick-picker").concat(componentCls, "-quick-picker-select"), _defineProperty(_defineProperty({
     marginRight: -1
   }, "".concat(antCls, "-select-selector"), {
     borderTopRightRadius: '0 !important',

package/es/SideTip/Dragger.js

@@ -1,3 +1,4 @@
+"use client";
 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); }
 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; }
@@ -184,8 +185,9 @@ var Draggable = /*#__PURE__*/function (_React$Component) {
 
       // 非组件左键点按之后的事件不处理
       if (dragged) {
+        var _e$target, _e$target$closest;
         var interval = new Date().getTime() - _this.intervalStart;
-        if (interval < 200 && e.target.id !== 'ui-mini-hide') {
+        if (interval < 200 && !((_e$target = e.target) !== null && _e$target !== void 0 && (_e$target$closest = _e$target.closest) !== null && _e$target$closest !== void 0 && _e$target$closest.call(_e$target, '#ui-mini-hide'))) {
           _this.props.onClick(e);
           _this.setState({
             dragged: false

package/es/SideTip/IconLoading.js

@@ -1,3 +1,4 @@
+"use client";
 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); }
 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; }