@oceanbase/design 0.1.0

package/es/Lottie/index.js

@@ -0,0 +1,37 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["mode", "speed", "style"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useEffect, useRef } from 'react';
+import lottie from 'lottie-web';
+import classNames from 'classnames';
+var Lottie = function Lottie(_ref) {
+  var mode = _ref.mode,
+    _ref$speed = _ref.speed,
+    speed = _ref$speed === void 0 ? 1 : _ref$speed,
+    style = _ref.style,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef();
+  useEffect(function () {
+    // ref: https://github.com/airbnb/lottie-web/blob/master/index.d.ts#L81
+    var animation = lottie.loadAnimation(_objectSpread({
+      container: ref.current,
+      renderer: 'svg',
+      loop: false,
+      autoplay: true
+    }, restProps));
+    // ref: https://github.com/airbnb/lottie-web/blob/master/index.d.ts#L6
+    animation.setSpeed(speed);
+  }, []);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref,
+    className: classNames('ob-lottie', _defineProperty({}, 'anticon', mode === 'icon')),
+    style: style
+  });
+};
+export default Lottie;

package/es/Modal/index.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import type { ModalProps as AntModalProps } from 'antd/es/modal';
+export declare type ModalProps = AntModalProps;
+declare const Modal: {
+    ({ prefixCls: customizePrefixCls, className, ...restProps }: ModalProps): JSX.Element;
+    info(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    success(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    error(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    warning(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    confirm(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    useModal: typeof import("antd/es/modal/useModal").default;
+    destroyAll: () => void;
+    config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
+    displayName: string;
+};
+export default Modal;

package/es/Modal/index.js

@@ -0,0 +1,50 @@
+var _excluded = ["prefixCls", "className"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _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';
+import { Modal as AntModal, ConfigProvider } from 'antd';
+import classNames from 'classnames';
+import { modal } from "../StaticFunction";
+import useStyle from "./style";
+var Modal = function Modal(_ref) {
+  var customizePrefixCls = _ref.prefixCls,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('modal', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var modalCls = classNames(className, hashId);
+  return wrapSSR( /*#__PURE__*/React.createElement(AntModal, _extends({
+    prefixCls: customizePrefixCls,
+    className: modalCls
+  }, restProps)));
+};
+
+// 替换 Modal 上的静态方法，支持消费 ConfigProvider 配置
+// 注意: 不能使用 Modal.info = modal.info 进行属性赋值，需要新建函数赋值，否则仍然无法消费 ConfigProvider 配置
+Modal.info = function (props) {
+  return modal.info(props);
+};
+Modal.success = function (props) {
+  return modal.success(props);
+};
+Modal.error = function (props) {
+  return modal.error(props);
+};
+Modal.warning = function (props) {
+  return modal.warning(props);
+};
+Modal.confirm = function (props) {
+  return modal.confirm(props);
+};
+Modal.useModal = AntModal.useModal;
+Modal.destroyAll = AntModal.destroyAll;
+Modal.config = AntModal.config;
+if (process.env.NODE_ENV !== 'production') {
+  Modal.displayName = AntModal.displayName;
+}
+export default Modal;

package/es/Modal/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export declare type ModalToken = FullToken<'Modal'>;
+export declare const genModalStyle: GenerateStyle<ModalToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => JSX.Element;
+    hashId: string;
+};
+export default _default;

package/es/Modal/style/index.js

@@ -0,0 +1,21 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+export var genModalStyle = function genModalStyle(token) {
+  var _ref;
+  var componentCls = token.componentCls,
+    marginLG = token.marginLG;
+  return _ref = {}, _defineProperty(_ref, "".concat(componentCls, ":not(").concat(componentCls, "-confirm"), _defineProperty({}, "".concat(componentCls, "-header"), {
+    marginBottom: marginLG
+  })), _defineProperty(_ref, "".concat(componentCls, ":not(").concat(componentCls, "-confirm"), _defineProperty({}, "".concat(componentCls, "-footer"), {
+    marginTop: marginLG
+  })), _ref;
+};
+export default (function (prefixCls) {
+  var useStyle = genComponentStyleHook('Modal', function (token) {
+    return [genModalStyle(token)];
+  });
+  return useStyle(prefixCls);
+});

package/es/NavMenu/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import './index.less';
+export interface IMenu {
+    key: string;
+    title: string;
+    link: string;
+    disabled?: boolean;
+    openNewTab?: boolean;
+    href?: boolean;
+    id?: string;
+    children?: IMenu[];
+}
+interface MenuProps {
+    menuList: IMenu[];
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const _default: (props: MenuProps) => React.JSX.Element;
+export default _default;

package/es/NavMenu/index.js

@@ -0,0 +1,98 @@
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Menu } from 'antd';
+import React, { useCallback, useEffect, useState } from 'react';
+import { useHistory, useLocation } from 'react-router-dom';
+import { pathToRegexp } from 'path-to-regexp';
+import { isArray } from 'lodash';
+import { getPrefix } from "../_util";
+import "./index.less";
+var prefix = getPrefix('menu');
+export default (function (props) {
+  var menuList = props.menuList,
+    className = props.className,
+    style = props.style;
+  var _useState = useState(['0']),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedKeys = _useState2[0],
+    setSelectedKeys = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    menus = _useState4[0],
+    setMenus = _useState4[1];
+  var location = useLocation();
+  var history = useHistory();
+  var preProcess = useCallback(function (list) {
+    var pathname = location.pathname;
+    for (var i = 0; i < list.length; i++) {
+      var _list$i = list[i],
+        link = _list$i.link,
+        openNewTab = _list$i.openNewTab,
+        href = _list$i.href,
+        key = _list$i.key,
+        children = _list$i.children;
+      if (openNewTab || href) return false;
+      var linkList = isArray(link) ? link : [link];
+      var match = linkList.some(function (lk) {
+        return pathToRegexp(lk).test(pathname);
+      });
+      if (match) {
+        setSelectedKeys([key]);
+        setMenus(list);
+        return;
+      }
+      if (!!(children !== null && children !== void 0 && children.length)) {
+        preProcess(children);
+      }
+    }
+  }, [location]);
+  useEffect(function () {
+    preProcess(menuList);
+  }, [menuList, preProcess]);
+  var onMenuItemSelect = useCallback(function (payload) {
+    var newSelectedKeys = payload.selectedKeys;
+    // 打开新tab类型的不需要设置选中态
+    if (menus.some(function (i) {
+      return i.key === newSelectedKeys[0] && i.openNewTab;
+    })) return;
+    setSelectedKeys(newSelectedKeys);
+  }, [setSelectedKeys, menus]);
+  var onMenuClick = useCallback(function (link) {
+    var linkList = isArray(link) ? link : [link];
+    history.push(linkList[0]);
+  }, [history]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "-container ").concat(className),
+    style: style
+  }, /*#__PURE__*/React.createElement(Menu, {
+    style: {
+      height: '100%',
+      borderRight: 0
+    },
+    defaultSelectedKeys: ['0'],
+    selectedKeys: selectedKeys,
+    onSelect: onMenuItemSelect,
+    mode: "inline",
+    theme: "light"
+  }, menus.map(function (config) {
+    var _config$disabled;
+    return /*#__PURE__*/React.createElement(Menu.Item, {
+      key: config.key,
+      disabled: (_config$disabled = config.disabled) !== null && _config$disabled !== void 0 ? _config$disabled : false
+    }, config.openNewTab ? /*#__PURE__*/React.createElement("a", {
+      id: config.id,
+      href: config.link,
+      target: "_blank",
+      rel: "noreferrer"
+    }, config.title) : /*#__PURE__*/React.createElement("a", {
+      id: config.id,
+      onClick: function onClick() {
+        return onMenuClick(config.link);
+      }
+    }, config.title));
+  })));
+});

package/es/NavMenu/index.less

@@ -0,0 +1,50 @@
+@import '../variable.less';
+
+@prefix: ob-menu;
+
+.@{prefix}-container {
+  margin-top: 21px;
+  background-color: transparent;
+  user-select: none;
+
+  ul {
+    background-color: transparent;
+
+    li {
+      padding-right: 0 !important;
+
+      .@{prefixCls}-menu-title-content {
+        padding: 0 20px;
+        border-radius: 10px;
+        transition: 0.6s;
+
+        &:hover {
+          background-color: #e4e8f5;
+        }
+      }
+    }
+
+    .@{prefixCls}-menu-item:not(.@{prefixCls}-menu-item-selected):hover {
+      background-color: transparent !important;
+    }
+
+    .@{prefixCls}-menu-item-selected {
+      background-color: transparent !important;
+
+      .@{prefixCls}-menu-title-content {
+        background-color: #d7e2fc;
+
+        a {
+          color: transparent;
+          font-family: SourceSansPro-Semibold, SourceSansPro-Regular;
+          background: linear-gradient(-45deg, #002bff 0%, #0080ff 100%);
+          background-clip: text;
+        }
+      }
+
+      &::after {
+        display: none;
+      }
+    }
+  }
+}

package/es/PageContainer/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { IconComponentProps } from '@ant-design/icons/es/components/Icon';
+import type { PageContainerProps as AntPageContainerProps, PageHeaderProps as AntPageHeaderProps } from '@ant-design/pro-components';
+import './index.less';
+export declare type ReloadType = boolean | IconComponentProps | React.ReactNode;
+export interface PageContainerLocale {
+    reload?: string;
+}
+export declare type PageHeaderProps = AntPageHeaderProps & {
+    reload?: ReloadType;
+};
+export interface PageContainerProps extends AntPageContainerProps {
+    header?: PageHeaderProps;
+    locale?: PageContainerLocale;
+}
+declare const _default: any;
+export default _default;

package/es/PageContainer/index.js

@@ -0,0 +1,55 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["header", "locale", "className"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _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 from 'react';
+import { Space } from 'antd';
+import { SyncOutlined } from '@ant-design/icons';
+import { PageContainer as AntPageContainer } from '@ant-design/pro-components';
+import { isObject } from 'lodash';
+import classNames from 'classnames';
+import itemRender from "../_util/itemRender";
+import { globalConfig } from "../ConfigProvider";
+import Tooltip from "../Tooltip";
+import LocaleWrapper from "../locale/LocaleWrapper";
+import zhCN from "./locale/zh-CN";
+import "./index.less";
+var PageContainer = function PageContainer(_ref) {
+  var header = _ref.header,
+    locale = _ref.locale,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var rootPrefixCls = globalConfig().getRootPrefixCls();
+  var _ref2 = header || {},
+    reload = _ref2.reload,
+    subTitle = _ref2.subTitle,
+    breadcrumb = _ref2.breadcrumb;
+  var reloadProps = isObject(reload) && ! /*#__PURE__*/React.isValidElement(reload) ? reload : {};
+  var reloadCls = classNames("".concat(rootPrefixCls, "-page-header-heading-reload"), reloadProps.className);
+  var newSubTitle = /*#__PURE__*/React.createElement(Space, {
+    size: 12
+  }, reload && /*#__PURE__*/React.createElement(Tooltip, {
+    title: locale.reload
+  }, isObject(reload) && /*#__PURE__*/React.isValidElement(reload) ? reload : /*#__PURE__*/React.createElement(SyncOutlined, _extends({}, reloadProps, {
+    className: reloadCls
+  }))), subTitle);
+  var newHeader = header && _objectSpread(_objectSpread({}, header), {}, {
+    subTitle: newSubTitle,
+    breadcrumb: _objectSpread({
+      itemRender: itemRender
+    }, breadcrumb)
+  });
+  return /*#__PURE__*/React.createElement(AntPageContainer, _extends({
+    header: newHeader
+  }, restProps));
+};
+export default LocaleWrapper({
+  componentName: 'PageContainer',
+  defaultLocale: zhCN
+})(PageContainer);

package/es/PageContainer/index.less

@@ -0,0 +1,72 @@
+@import '../variable.less';
+
+.@{prefixCls}-pro-page-container {
+  min-height: calc(100vh - 48px);
+  .@{prefixCls}-pro-grid-content {
+    // pro-components 的实现是 min-height: 100%，但实际上还有 Header 部分，高度不能单纯的设置为父元素的 100%，否则底部会出现多余的白色空间
+    min-height: auto;
+  }
+
+  .@{prefixCls}-page-header {
+    .@{prefixCls}-page-header-breadcrumb {
+      margin-bottom: 6px;
+    }
+    .@{prefixCls}-page-header-heading-title {
+      font-size: 24px;
+    }
+    .@{prefixCls}-page-header-heading-reload {
+      cursor: pointer;
+    }
+    .@{prefixCls}-page-header-heading-extra {
+      height: 40px;
+      line-height: 40px;
+      margin-block: 0;
+      // 页容器右上角的组件高度为 40px，包括 Button、Radio.Button 等
+      .@{prefixCls}-btn:not(.@{prefixCls}-input-search-button) {
+        min-width: 40px;
+        height: 40px;
+      }
+      .@{prefixCls}-radio-button-wrapper {
+        height: 40px;
+        line-height: 40px;
+      }
+      .@{prefixCls}-input-wrapper {
+        line-height: 40px;
+      }
+    }
+    .@{prefixCls}-page-header-footer {
+      margin-block-start: 0;
+    }
+  }
+
+  // 减小内容区左右两侧间距
+  .@{prefixCls}-pro-page-container-warp-page-header {
+    padding-inline: 24px;
+    padding-block: 16px;
+  }
+  .@{prefixCls}-pro-page-container-children-content {
+    padding-inline: 24px !important;
+    padding-block-start: 0 !important;
+    padding-block-end: 24px !important;
+  }
+}
+
+.@{prefixCls}-pro-page-container-with-footer {
+  padding-bottom: 64px;
+}
+
+.@{prefixCls}-pro-footer-bar {
+  background-color: @colorBgBase;
+  border-radius: ~'@{borderRadius}px';
+  box-shadow: @boxShadowSecondary;
+  border-block-start: none;
+  // 底部操作栏的组件高度为 40px，包括 Button、Radio.Button 等
+  .@{prefixCls}-btn:not(.@{prefixCls}-input-search-button) {
+    min-width: 68px;
+    height: 40px;
+  }
+  .@{prefixCls}-radio-button-wrapper {
+    height: 40px;
+    line-height: 40px;
+  }
+}

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

@@ -0,0 +1,4 @@
+declare const _default: {
+    reload: string;
+};
+export default _default;

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

@@ -0,0 +1,3 @@
+export default {
+  reload: 'Reload'
+};

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

@@ -0,0 +1,4 @@
+declare const _default: {
+    reload: string;
+};
+export default _default;

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

@@ -0,0 +1,3 @@
+export default {
+  reload: '刷新'
+};

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

@@ -0,0 +1,4 @@
+declare const _default: {
+    reload: string;
+};
+export default _default;

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

@@ -0,0 +1,3 @@
+export default {
+  reload: '重新加載'
+};

package/es/Password/Content.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface Validator {
+    validate: (value?: string) => boolean;
+    message: string;
+    optional?: boolean;
+}
+declare const Content: React.FC<{
+    rules: Validator[];
+    fieldError: string[];
+    isValidating: boolean;
+    value?: string;
+    isTouched: boolean;
+}>;
+export default Content;

package/es/Password/Content.js

@@ -0,0 +1,92 @@
+import React from 'react';
+import { Space, Progress } from 'antd';
+import { CheckCircleFilled, CloseCircleFilled, LoadingOutlined } from '@ant-design/icons';
+import { token } from "../StaticFunction";
+var Content = function Content(_ref) {
+  var rules = _ref.rules,
+    fieldError = _ref.fieldError,
+    isValidating = _ref.isValidating,
+    value = _ref.value,
+    isTouched = _ref.isTouched;
+  var statusIconMap = {
+    error: /*#__PURE__*/React.createElement(CloseCircleFilled, {
+      style: {
+        color: token.colorError
+      }
+    }),
+    success: /*#__PURE__*/React.createElement(CheckCircleFilled, {
+      style: {
+        color: token.colorSuccess
+      }
+    }),
+    wait: /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: 14,
+        height: 22
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: 6,
+        height: 6,
+        backgroundColor: token.colorTextTertiary,
+        borderRadius: 4
+      }
+    }))
+  };
+  var isRequireFail = rules.filter(function (rule) {
+    return !rule.optional;
+  }).filter(function (rule) {
+    return fieldError.includes(rule.message);
+  }).length > 0;
+  // 密码强度
+  var percent = Math.max(0, Math.min(100, (rules.length - fieldError.length) / rules.length * 100));
+  var strokeColor = '';
+  if (isRequireFail) {
+    strokeColor = token.colorError;
+    if (percent > 50 && percent < 100 && percent !== 100) {
+      strokeColor = token.colorWarning;
+    }
+  } else {
+    strokeColor = token.colorSuccess;
+  }
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Progress, {
+    percent: value ? percent : 0,
+    strokeColor: strokeColor,
+    showInfo: false,
+    size: "small"
+  }), /*#__PURE__*/React.createElement("ul", {
+    style: {
+      margin: 0,
+      marginTop: '10px',
+      listStyle: 'none',
+      padding: '0'
+    }
+  }, rules === null || rules === void 0 ? void 0 : rules.map(function (rule, index) {
+    var isError = fieldError.includes(rule.message);
+    var status = 'wait';
+    if (isError) {
+      status = rule.optional ? 'wait' : 'error';
+    } else {
+      status = 'success';
+    }
+    if (!value) {
+      status = 'error';
+    }
+    if (!isTouched) {
+      status = 'wait';
+    }
+    return /*#__PURE__*/React.createElement("li", {
+      key: index
+    }, /*#__PURE__*/React.createElement(Space, {
+      align: "start"
+    }, isValidating ? /*#__PURE__*/React.createElement(LoadingOutlined, null) : statusIconMap[status], /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: token.colorTextSecondary
+      }
+    }, rule.message)));
+  })));
+};
+export default Content;

package/es/Password/index.d.ts

@@ -0,0 +1,25 @@
+import type { PasswordProps as AntdPasswordProps } from 'antd/es/input';
+import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
+import type { Validator } from './Content';
+export interface PasswordLocale {
+    lengthRuleMessage: string;
+    charRuleMessage: string;
+    strengthRuleMessage: string;
+    placeholder: string;
+    generatePlaceholder: string;
+    randomlyGenerate: string;
+    pleaseKeepYourPasswordIn: string;
+    copySuccessfully: string;
+    copyPassword: string;
+    andKeepItProperly: string;
+}
+export interface PasswordProps extends LocaleWrapperProps, Omit<AntdPasswordProps, 'onChange'> {
+    value?: string;
+    onChange?: (value?: string) => void;
+    rules?: Validator[];
+    onValidate?: (passed: boolean) => void;
+    generatePasswordRegex?: RegExp;
+    locale?: PasswordLocale;
+}
+declare const _default: any;
+export default _default;