@oceanbase/ui 0.2.35 → 0.2.37

package/es/FooterToolbar/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 = ["portalDom", "prefixCls"];
+var _excluded = ["portalDom", "prefixCls", "children"];
 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; }
@@ -9,22 +9,39 @@ 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 React, { useContext } from 'react';
 import { FooterToolbar as AntFooterToolbar } from '@ant-design/pro-components';
-import { ConfigProvider } from '@oceanbase/design';
+import { ConfigProvider, theme } from '@oceanbase/design';
 import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var FooterToolbar = function FooterToolbar(_ref) {
   var _ref$portalDom = _ref.portalDom,
     portalDom = _ref$portalDom === void 0 ? false : _ref$portalDom,
     customizePrefixCls = _ref.prefixCls,
+    children = _ref.children,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useContext = useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('pro-footer-bar', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
-  return wrapSSR( /*#__PURE__*/_jsx(AntFooterToolbar, _objectSpread({
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token;
+  return wrapSSR( /*#__PURE__*/_jsx(AntFooterToolbar, _objectSpread(_objectSpread({
     portalDom: portalDom,
     prefixCls: customizePrefixCls
-  }, restProps)));
+  }, restProps), {}, {
+    children: /*#__PURE__*/_jsx(ConfigProvider
+    // large size component
+    , {
+      componentSize: "large"
+      // middle font size
+      ,
+      theme: {
+        token: {
+          fontSizeLG: token.fontSize
+        }
+      },
+      children: children
+    })
+  })));
 };
 export default FooterToolbar;

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

@@ -1,6 +1,8 @@
 /// <reference types="react" />
+import type { CSSObject } from '@ant-design/cssinjs';
 import type { FooterToolBarToken } from '@ant-design/pro-layout/es/components/FooterToolbar/style';
-import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { FullToken, GenerateStyle } from '@oceanbase/design/es/theme';
+export declare const genOperationStyle: (token: FullToken<any>) => CSSObject;
 export declare const genFooterToolbarStyle: GenerateStyle<FooterToolBarToken>;
 declare const _default: (prefixCls: string) => {
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;

package/es/FooterToolbar/style/index.js

@@ -1,31 +1,33 @@
 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; }
 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 genFooterToolbarStyle = function genFooterToolbarStyle(token) {
-  var _$concat;
+export var genOperationStyle = function genOperationStyle(token) {
+  var _ref;
   var antCls = token.antCls,
-    componentCls = token.componentCls,
+    controlHeightLG = token.controlHeightLG;
+  return _ref = {}, _defineProperty(_ref, "".concat(antCls, "-btn"), {
+    minWidth: controlHeightLG
+  }), _defineProperty(_ref, "".concat(antCls, "-picker-large"), {
+    height: controlHeightLG
+  }), _ref;
+};
+export var genFooterToolbarStyle = function genFooterToolbarStyle(token) {
+  var componentCls = token.componentCls,
     colorBgBase = token.colorBgBase,
     borderRadius = token.borderRadius,
     boxShadowSecondary = token.boxShadowSecondary,
     controlHeightLG = token.controlHeightLG;
-  var height = controlHeightLG;
-  var lineHeight = "".concat(controlHeightLG, "px");
-  return _defineProperty({}, "".concat(componentCls), (_$concat = {
+  return _defineProperty({}, "".concat(componentCls), _objectSpread({
     width: '100%',
     backgroundColor: colorBgBase,
     borderRadius: borderRadius,
     boxShadow: boxShadowSecondary,
     borderBlockStart: 'none'
-  }, _defineProperty(_$concat, "".concat(antCls, "-btn:not(").concat(antCls, "-input-search-button)"), {
-    minWidth: 68,
-    height: height
-  }), _defineProperty(_$concat, "".concat(antCls, "-radio-button-wrapper"), {
-    height: height,
-    lineHeight: lineHeight
-  }), _$concat));
+  }, genOperationStyle(token)));
 };
 export default (function (prefixCls) {
   var useStyle = genComponentStyleHook('FooterToolbar', function (token) {

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" | "java" | "json" | "bash" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "css" | "bash" | "json" | "java" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "tsx" | "jsx")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

package/es/Highlight/index.js

@@ -262,10 +262,7 @@ var HighlightWrapper = function HighlightWrapper(props) {
   return /*#__PURE__*/_jsx(Highlight, _objectSpread({}, props));
 };
 HighlightWrapper.Diff = DiffView;
-
-// export default HighlightWrapper;
-
 export default LocaleWrapper({
-  componentName: 'HighlightWrapper',
+  componentName: 'Highlight',
   defaultLocale: zhCN
 })(HighlightWrapper);

package/es/PageContainer/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 = ["prefixCls", "className", "header", "content", "extraContent", "tabList", "tabBarExtraContent", "footerToolBarProps", "locale"];
+var _excluded = ["prefixCls", "className", "header", "content", "extraContent", "tabList", "tabBarExtraContent", "footer", "footerToolBarProps", "locale"];
 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; }
@@ -12,7 +12,7 @@ import { PageContainer as AntPageContainer } from '@ant-design/pro-components';
 import classNames from 'classnames';
 import { isObject } from 'lodash';
 import React, { useContext } from 'react';
-import { ConfigProvider, Space, Tooltip } from '@oceanbase/design';
+import { ConfigProvider, Space, Tooltip, theme } from '@oceanbase/design';
 import LocaleWrapper from "../locale/LocaleWrapper";
 import ItemRender from "./ItemRender";
 import zhCN from "./locale/zh-CN";
@@ -27,6 +27,7 @@ var PageContainer = function PageContainer(_ref) {
     extraContent = _ref.extraContent,
     tabList = _ref.tabList,
     tabBarExtraContent = _ref.tabBarExtraContent,
+    footer = _ref.footer,
     footerToolBarProps = _ref.footerToolBarProps,
     locale = _ref.locale,
     restProps = _objectWithoutProperties(_ref, _excluded);
@@ -36,10 +37,13 @@ var PageContainer = function PageContainer(_ref) {
   var prefixCls = getPrefixCls('pro-page-container', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token;
   var _ref2 = header || {},
     reload = _ref2.reload,
     subTitle = _ref2.subTitle,
-    breadcrumb = _ref2.breadcrumb;
+    breadcrumb = _ref2.breadcrumb,
+    extra = _ref2.extra;
   var reloadProps = isObject(reload) && ! /*#__PURE__*/React.isValidElement(reload) ? reload : {};
   var reloadCls = classNames("".concat(rootPrefixCls, "-page-header-heading-reload"), reloadProps.className);
   var newSubTitle = (reload || subTitle) && /*#__PURE__*/_jsxs(Space, {
@@ -51,7 +55,23 @@ var PageContainer = function PageContainer(_ref) {
       }))
     }), subTitle]
   });
+  var newExtra = React.Children.map(extra, function (item) {
+    return /*#__PURE__*/_jsx(ConfigProvider
+    // large size component
+    , {
+      componentSize: "large"
+      // middle font size
+      ,
+      theme: {
+        token: {
+          fontSizeLG: token.fontSize
+        }
+      },
+      children: item
+    });
+  });
   var newHeader = header && _objectSpread(_objectSpread({}, header), {}, {
+    extra: newExtra,
     subTitle: newSubTitle,
     breadcrumb: breadcrumb && _objectSpread({
       itemRender: function itemRender(route, params, routes, paths) {
@@ -76,6 +96,21 @@ var PageContainer = function PageContainer(_ref) {
     extraContent: extraContent,
     tabList: tabList,
     tabBarExtraContent: tabBarExtraContent,
+    footer: React.Children.map(footer, function (item) {
+      return /*#__PURE__*/_jsx(ConfigProvider
+      // large size component
+      , {
+        componentSize: "large"
+        // middle font size
+        ,
+        theme: {
+          token: {
+            fontSizeLG: token.fontSize
+          }
+        },
+        children: item
+      });
+    }),
     footerToolBarProps: _objectSpread({
       // render footer under parent instead of body by default
       portalDom: false

package/es/PageContainer/style/index.js

@@ -5,16 +5,13 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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";
-import { genFooterToolbarStyle } from "../../FooterToolbar/style";
+import { genOperationStyle, genFooterToolbarStyle } from "../../FooterToolbar/style";
 export var genPageContainerStyle = function genPageContainerStyle(token) {
-  var _$concat, _$concat$concat, _$concat2, _objectSpread2;
+  var _$concat$concat, _$concat2, _objectSpread2;
   var antCls = token.antCls,
     proComponentsCls = token.proComponentsCls,
     componentCls = token.componentCls,
     colorBgLayout = token.colorBgLayout,
-    colorBgBase = token.colorBgBase,
-    borderRadius = token.borderRadius,
-    boxShadowSecondary = token.boxShadowSecondary,
     fontSizeHeading3 = token.fontSizeHeading3,
     controlHeightLG = token.controlHeightLG,
     padding = token.padding,
@@ -39,25 +36,20 @@ export var genPageContainerStyle = function genPageContainerStyle(token) {
     fontSize: fontSizeHeading3
   }), _defineProperty(_$concat$concat, "".concat(antCls, "-page-header-heading-reload"), {
     cursor: 'pointer'
-  }), _defineProperty(_$concat$concat, "".concat(antCls, "-page-header-heading-extra"), (_$concat = {
+  }), _defineProperty(_$concat$concat, "".concat(antCls, "-page-header-heading-extra"), _objectSpread({
     height: height,
     lineHeight: lineHeight,
     marginBlock: 0
-  }, _defineProperty(_$concat, "".concat(antCls, "-btn:not(").concat(antCls, "-input-search-button)"), {
-    minWidth: controlHeightLG,
-    height: height
-  }), _defineProperty(_$concat, "".concat(antCls, "-radio-button-wrapper"), {
-    height: height,
-    lineHeight: lineHeight
-  }), _defineProperty(_$concat, "".concat(antCls, "-input-wrapper"), {
-    lineHeight: lineHeight
-  }), _$concat)), _defineProperty(_$concat$concat, "".concat(antCls, "-page-header-footer"), {
+  }, genOperationStyle(token))), _defineProperty(_$concat$concat, "".concat(antCls, "-page-header-footer"), {
     marginBlockStart: 0
-  }), _$concat$concat)), _defineProperty(_$concat2, "".concat(componentCls, "-children-container"), {
+  }), _$concat$concat)), _defineProperty(_$concat2, "".concat(componentCls, "-children-container"), _defineProperty({
     paddingInline: paddingLG,
     paddingBlockStart: 0,
     paddingBlockEnd: paddingLG
-  }), _defineProperty(_$concat2, "".concat(antCls, "-page-header:not(").concat(antCls, "-page-header-has-breadcrumb)"), _defineProperty({}, "".concat(antCls, "-page-header-heading"), {
+  }, "& > ".concat(antCls, "-tabs-top:not(").concat(antCls, "-tabs-card):first-child"), {
+    // equal to page header paddingBlockEnd
+    marginTop: -padding
+  })), _defineProperty(_$concat2, "".concat(antCls, "-page-header:not(").concat(antCls, "-page-header-has-breadcrumb)"), _defineProperty({}, "".concat(antCls, "-page-header-heading"), {
     paddingBlockStart: 0
   })), _$concat2)), _defineProperty(_objectSpread2, "".concat(componentCls, "-no-page-header"), _defineProperty({}, "".concat(componentCls, "-children-container"), {
     paddingBlockStart: paddingLG

package/es/Password/index.js

@@ -81,10 +81,7 @@ var Password = function Password(_ref) {
     setIsValidating(false);
     setFieldError(newFieldError);
     onValidate === null || onValidate === void 0 || onValidate(newFieldError.length === 0);
-    // 先触发 onValidate，再异步触发 onChange，以便在 antd3 Form 的类组件场景下，校验规则 validator 能获取到最新的 passed 值。
-    setTimeout(function () {
-      onChange === null || onChange === void 0 || onChange(newValue);
-    }, 0);
+    onChange === null || onChange === void 0 || onChange(newValue);
   };
 
   // 根据正则表达式获取符合要求的随机密码

package/es/locale/en-US.js

@@ -12,6 +12,7 @@ import Dialog from "../Dialog/locale/en-US";
 import DocDialog from "../DocDialog/locale/en-US";
 import FullscreenBox from "../FullscreenBox/locale/en-US";
 import GraphToolbar from "../GraphToolbar/locale/en-US";
+import Highlight from "../Highlight/locale/en-US";
 import Login from "../Login/locale/en-US";
 import PageContainer from "../PageContainer/locale/en-US";
 import Password from "../Password/locale/en-US";
@@ -33,6 +34,7 @@ export default _objectSpread(_objectSpread({}, enUS), {}, {
   Dialog: Dialog,
   SideTip: SideTip,
   DocDialog: DocDialog,
+  Highlight: Highlight,
   FullscreenBox: FullscreenBox,
   BatchOperationBar: BatchOperationBar
 });

package/es/locale/zh-TW.js

@@ -10,6 +10,7 @@ import BatchOperationBar from "../BatchOperationBar/locale/zh-TW";
 import Dialog from "../Dialog/locale/zh-TW";
 import DocDialog from "../DocDialog/locale/zh-TW";
 import GraphToolbar from "../GraphToolbar/locale/zh-TW";
+import Highlight from "../Highlight/locale/zh-TW";
 import Login from "../Login/locale/zh-TW";
 import PageContainer from "../PageContainer/locale/zh-TW";
 import { default as Boundary, default as Password } from "../Password/locale/zh-TW";
@@ -28,6 +29,7 @@ export default _objectSpread(_objectSpread({}, zhTW), {}, {
   Password: Password,
   Boundary: Boundary,
   Dialog: Dialog,
+  Highlight: Highlight,
   DocDialog: DocDialog,
   BatchOperationBar: BatchOperationBar
 });

package/lib/FooterToolbar/index.js

@@ -40,13 +40,26 @@ var FooterToolbar = ({
   // render footer under parent instead of body by default
   portalDom = false,
   prefixCls: customizePrefixCls,
+  children,
   ...restProps
 }) => {
   const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls("pro-footer-bar", customizePrefixCls);
   const { wrapSSR } = (0, import_style.default)(prefixCls);
+  const { token } = import_design.theme.useToken();
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(import_pro_components.FooterToolbar, { portalDom, prefixCls: customizePrefixCls, ...restProps })
+    /* @__PURE__ */ import_react.default.createElement(import_pro_components.FooterToolbar, { portalDom, prefixCls: customizePrefixCls, ...restProps }, /* @__PURE__ */ import_react.default.createElement(
+      import_design.ConfigProvider,
+      {
+        componentSize: "large",
+        theme: {
+          token: {
+            fontSizeLG: token.fontSize
+          }
+        }
+      },
+      children
+    ))
   );
 };
 var FooterToolbar_default = FooterToolbar;

package/lib/FooterToolbar/style/index.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
+import type { CSSObject } from '@ant-design/cssinjs';
 import type { FooterToolBarToken } from '@ant-design/pro-layout/es/components/FooterToolbar/style';
-import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { FullToken, GenerateStyle } from '@oceanbase/design/es/theme';
+export declare const genOperationStyle: (token: FullToken<any>) => CSSObject;
 export declare const genFooterToolbarStyle: GenerateStyle<FooterToolBarToken>;
 declare const _default: (prefixCls: string) => {
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;

package/lib/FooterToolbar/style/index.js

@@ -20,14 +20,26 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var style_exports = {};
 __export(style_exports, {
   default: () => style_default,
-  genFooterToolbarStyle: () => genFooterToolbarStyle
+  genFooterToolbarStyle: () => genFooterToolbarStyle,
+  genOperationStyle: () => genOperationStyle
 });
 module.exports = __toCommonJS(style_exports);
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genOperationStyle = (token) => {
+  const { antCls, controlHeightLG } = token;
+  return {
+    // limit min width for icon button
+    [`${antCls}-btn`]: {
+      minWidth: controlHeightLG
+    },
+    // set large DatePicker, TimePicker and RangePicker height when font-size is 14px
+    [`${antCls}-picker-large`]: {
+      height: controlHeightLG
+    }
+  };
+};
 var genFooterToolbarStyle = (token) => {
-  const { antCls, componentCls, colorBgBase, borderRadius, boxShadowSecondary, controlHeightLG } = token;
-  const height = controlHeightLG;
-  const lineHeight = `${controlHeightLG}px`;
+  const { componentCls, colorBgBase, borderRadius, boxShadowSecondary, controlHeightLG } = token;
   return {
     [`${componentCls}`]: {
       width: "100%",
@@ -35,15 +47,7 @@ var genFooterToolbarStyle = (token) => {
       borderRadius,
       boxShadow: boxShadowSecondary,
       borderBlockStart: "none",
-      // 设置底部操作栏的组件高度
-      [`${antCls}-btn:not(${antCls}-input-search-button)`]: {
-        minWidth: 68,
-        height
-      },
-      [`${antCls}-radio-button-wrapper`]: {
-        height,
-        lineHeight
-      }
+      ...genOperationStyle(token)
     }
   };
 };
@@ -55,5 +59,6 @@ var style_default = (prefixCls) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  genFooterToolbarStyle
+  genFooterToolbarStyle,
+  genOperationStyle
 });

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" | "java" | "json" | "bash" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "css" | "bash" | "json" | "java" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "tsx" | "jsx")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

package/lib/Highlight/index.js

@@ -252,7 +252,7 @@ var HighlightWrapper = (props) => {
 };
 HighlightWrapper.Diff = import_DiffView.default;
 var Highlight_default = (0, import_LocaleWrapper.default)({
-  componentName: "HighlightWrapper",
+  componentName: "Highlight",
   defaultLocale: import_zh_CN.default
 })(HighlightWrapper);
 // Annotate the CommonJS export names for ESM import in node:

package/lib/PageContainer/index.js

@@ -50,6 +50,7 @@ var PageContainer = ({
   extraContent,
   tabList,
   tabBarExtraContent,
+  footer,
   footerToolBarProps,
   locale,
   ...restProps
@@ -58,15 +59,29 @@ var PageContainer = ({
   const rootPrefixCls = getPrefixCls();
   const prefixCls = getPrefixCls("pro-page-container", customizePrefixCls);
   const { wrapSSR } = (0, import_style.default)(prefixCls);
-  const { reload, subTitle, breadcrumb } = header || {};
+  const { token } = import_design.theme.useToken();
+  const { reload, subTitle, breadcrumb, extra } = header || {};
   const reloadProps = (0, import_lodash.isObject)(reload) && !import_react.default.isValidElement(reload) ? reload : {};
   const reloadCls = (0, import_classnames.default)(
     `${rootPrefixCls}-page-header-heading-reload`,
     reloadProps.className
   );
   const newSubTitle = (reload || subTitle) && /* @__PURE__ */ import_react.default.createElement(import_design.Space, { size: 12 }, reload && /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { title: locale.reload }, (0, import_lodash.isObject)(reload) && import_react.default.isValidElement(reload) ? reload : /* @__PURE__ */ import_react.default.createElement(import_icons.SyncOutlined, { ...reloadProps, className: reloadCls })), subTitle);
+  const newExtra = import_react.default.Children.map(extra, (item) => /* @__PURE__ */ import_react.default.createElement(
+    import_design.ConfigProvider,
+    {
+      componentSize: "large",
+      theme: {
+        token: {
+          fontSizeLG: token.fontSize
+        }
+      }
+    },
+    item
+  ));
   const newHeader = header && {
     ...header,
+    extra: newExtra,
     subTitle: newSubTitle,
     breadcrumb: breadcrumb && {
       itemRender: (route, params, routes, paths) => /* @__PURE__ */ import_react.default.createElement(import_ItemRender.default, { route, params, routes, paths }),
@@ -93,6 +108,18 @@ var PageContainer = ({
         extraContent,
         tabList,
         tabBarExtraContent,
+        footer: import_react.default.Children.map(footer, (item) => /* @__PURE__ */ import_react.default.createElement(
+          import_design.ConfigProvider,
+          {
+            componentSize: "large",
+            theme: {
+              token: {
+                fontSizeLG: token.fontSize
+              }
+            }
+          },
+          item
+        )),
         footerToolBarProps: {
           // render footer under parent instead of body by default
           portalDom: false,

package/lib/PageContainer/style/index.js

@@ -31,9 +31,6 @@ var genPageContainerStyle = (token) => {
     proComponentsCls,
     componentCls,
     colorBgLayout,
-    colorBgBase,
-    borderRadius,
-    boxShadowSecondary,
     fontSizeHeading3,
     controlHeightLG,
     padding,
@@ -68,18 +65,8 @@ var genPageContainerStyle = (token) => {
           height,
           lineHeight,
           marginBlock: 0,
-          // 设置页容器右上角的组件高度
-          [`${antCls}-btn:not(${antCls}-input-search-button)`]: {
-            minWidth: controlHeightLG,
-            height
-          },
-          [`${antCls}-radio-button-wrapper`]: {
-            height,
-            lineHeight
-          },
-          [`${antCls}-input-wrapper`]: {
-            lineHeight
-          }
+          // extra operation style
+          ...(0, import_style.genOperationStyle)(token)
         },
         [`${antCls}-page-header-footer`]: {
           marginBlockStart: 0
@@ -88,7 +75,12 @@ var genPageContainerStyle = (token) => {
       [`${componentCls}-children-container`]: {
         paddingInline: paddingLG,
         paddingBlockStart: 0,
-        paddingBlockEnd: paddingLG
+        paddingBlockEnd: paddingLG,
+        // set top tabs style when it is PageContainer's first child
+        [`& > ${antCls}-tabs-top:not(${antCls}-tabs-card):first-child`]: {
+          // equal to page header paddingBlockEnd
+          marginTop: -padding
+        }
       },
       // remove paddingBlockStart for page header without breadcrumb
       [`${antCls}-page-header:not(${antCls}-page-header-has-breadcrumb)`]: {

package/lib/Password/index.js

@@ -84,9 +84,7 @@ var Password = ({
     setIsValidating(false);
     setFieldError(newFieldError);
     onValidate == null ? void 0 : onValidate(newFieldError.length === 0);
-    setTimeout(() => {
-      onChange == null ? void 0 : onChange(newValue);
-    }, 0);
+    onChange == null ? void 0 : onChange(newValue);
   };
   const getRandomPassword = () => {
     const newValue = new import_randexp.default(generatePasswordRegex).gen();

package/lib/locale/en-US.js

@@ -40,28 +40,30 @@ var import_en_US5 = __toESM(require("../Dialog/locale/en-US"));
 var import_en_US6 = __toESM(require("../DocDialog/locale/en-US"));
 var import_en_US7 = __toESM(require("../FullscreenBox/locale/en-US"));
 var import_en_US8 = __toESM(require("../GraphToolbar/locale/en-US"));
-var import_en_US9 = __toESM(require("../Login/locale/en-US"));
-var import_en_US10 = __toESM(require("../PageContainer/locale/en-US"));
-var import_en_US11 = __toESM(require("../Password/locale/en-US"));
-var import_en_US12 = __toESM(require("../Ranger/locale/en-US"));
-var import_en_US13 = __toESM(require("../SideTip/locale/en-US"));
-var import_en_US14 = __toESM(require("../TaskGraph/locale/en-US"));
-var import_en_US15 = __toESM(require("../Welcome/locale/en-US"));
+var import_en_US9 = __toESM(require("../Highlight/locale/en-US"));
+var import_en_US10 = __toESM(require("../Login/locale/en-US"));
+var import_en_US11 = __toESM(require("../PageContainer/locale/en-US"));
+var import_en_US12 = __toESM(require("../Password/locale/en-US"));
+var import_en_US13 = __toESM(require("../Ranger/locale/en-US"));
+var import_en_US14 = __toESM(require("../SideTip/locale/en-US"));
+var import_en_US15 = __toESM(require("../TaskGraph/locale/en-US"));
+var import_en_US16 = __toESM(require("../Welcome/locale/en-US"));
 var en_US_default = {
   ...import_en_US.default,
   // 业务组件
   BasicLayout: import_en_US2.default,
-  PageContainer: import_en_US10.default,
-  Login: import_en_US9.default,
-  Welcome: import_en_US15.default,
+  PageContainer: import_en_US11.default,
+  Login: import_en_US10.default,
+  Welcome: import_en_US16.default,
   GraphToolbar: import_en_US8.default,
-  TaskGraph: import_en_US14.default,
-  Ranger: import_en_US12.default,
-  Password: import_en_US11.default,
+  TaskGraph: import_en_US15.default,
+  Ranger: import_en_US13.default,
+  Password: import_en_US12.default,
   Boundary: import_en_US4.default,
   Dialog: import_en_US5.default,
-  SideTip: import_en_US13.default,
+  SideTip: import_en_US14.default,
   DocDialog: import_en_US6.default,
+  Highlight: import_en_US9.default,
   FullscreenBox: import_en_US7.default,
   BatchOperationBar: import_en_US3.default
 };

package/lib/locale/zh-TW.js

@@ -38,25 +38,27 @@ var import_zh_TW3 = __toESM(require("../BatchOperationBar/locale/zh-TW"));
 var import_zh_TW4 = __toESM(require("../Dialog/locale/zh-TW"));
 var import_zh_TW5 = __toESM(require("../DocDialog/locale/zh-TW"));
 var import_zh_TW6 = __toESM(require("../GraphToolbar/locale/zh-TW"));
-var import_zh_TW7 = __toESM(require("../Login/locale/zh-TW"));
-var import_zh_TW8 = __toESM(require("../PageContainer/locale/zh-TW"));
-var import_zh_TW9 = __toESM(require("../Password/locale/zh-TW"));
-var import_zh_TW10 = __toESM(require("../Ranger/locale/zh-TW"));
-var import_zh_TW11 = __toESM(require("../TaskGraph/locale/zh-TW"));
-var import_zh_TW12 = __toESM(require("../Welcome/locale/zh-TW"));
+var import_zh_TW7 = __toESM(require("../Highlight/locale/zh-TW"));
+var import_zh_TW8 = __toESM(require("../Login/locale/zh-TW"));
+var import_zh_TW9 = __toESM(require("../PageContainer/locale/zh-TW"));
+var import_zh_TW10 = __toESM(require("../Password/locale/zh-TW"));
+var import_zh_TW11 = __toESM(require("../Ranger/locale/zh-TW"));
+var import_zh_TW12 = __toESM(require("../TaskGraph/locale/zh-TW"));
+var import_zh_TW13 = __toESM(require("../Welcome/locale/zh-TW"));
 var zh_TW_default = {
   ...import_zh_TW.default,
   // 业务组件
   BasicLayout: import_zh_TW2.default,
-  PageContainer: import_zh_TW8.default,
-  Login: import_zh_TW7.default,
-  Welcome: import_zh_TW12.default,
+  PageContainer: import_zh_TW9.default,
+  Login: import_zh_TW8.default,
+  Welcome: import_zh_TW13.default,
   GraphToolbar: import_zh_TW6.default,
-  TaskGraph: import_zh_TW11.default,
-  Ranger: import_zh_TW10.default,
-  Password: import_zh_TW9.default,
-  Boundary: import_zh_TW9.default,
+  TaskGraph: import_zh_TW12.default,
+  Ranger: import_zh_TW11.default,
+  Password: import_zh_TW10.default,
+  Boundary: import_zh_TW10.default,
   Dialog: import_zh_TW4.default,
+  Highlight: import_zh_TW7.default,
   DocDialog: import_zh_TW5.default,
   BatchOperationBar: import_zh_TW3.default
 };