@ant-design/pro-components 3.0.1-0 → 3.1.0-0

package/lib/form/layouts/LightFilter/style.d.ts

@@ -4,6 +4,6 @@ export interface LightFilterToken extends ProAliasToken {
     componentCls: string;
 }
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/form/layouts/LoginForm/index.d.ts

@@ -45,5 +45,5 @@ export type LoginFormProps<T> = {
     containerStyle?: React.CSSProperties;
     otherStyle?: React.CSSProperties;
 } & Omit<ProFormProps<T>, 'title'>;
-declare function LoginForm<T = Record<string, any>>(props: Partial<LoginFormProps<T>>): React.JSX.Element;
+declare function LoginForm<T = Record<string, any>>(props: Partial<LoginFormProps<T>>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export { LoginForm };

package/lib/form/layouts/LoginForm/style.d.ts

@@ -4,6 +4,6 @@ export interface LoginFormToken extends ProAliasToken {
     componentCls: string;
 }
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/form/layouts/LoginFormPage/index.d.ts

@@ -62,4 +62,4 @@ export type LoginFormPageProps<T> = {
     mainStyle?: React.CSSProperties;
     otherStyle?: React.CSSProperties;
 } & Omit<ProFormProps<T>, 'title'>;
-export declare function LoginFormPage<T = Record<string, any>>(props: Partial<LoginFormPageProps<T>>): React.JSX.Element;
+export declare function LoginFormPage<T = Record<string, any>>(props: Partial<LoginFormPageProps<T>>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/lib/form/layouts/LoginFormPage/style.d.ts

@@ -4,6 +4,6 @@ export interface LoginFormToken extends ProAliasToken {
     componentCls: string;
 }
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/form/layouts/ModalForm/index.js

@@ -62,7 +62,8 @@ function ModalForm(_ref) {
     var _ref2, _rest$form, _rest$formRef;
     var form = (_ref2 = (_rest$form = rest.form) !== null && _rest$form !== void 0 ? _rest$form : (_rest$formRef = rest.formRef) === null || _rest$formRef === void 0 ? void 0 : _rest$formRef.current) !== null && _ref2 !== void 0 ? _ref2 : formRef.current;
     // 重置表单
-    if (form && modalProps !== null && modalProps !== void 0 && modalProps.destroyOnHidden) {
+    // issue: 8858 form.resetFields is not a function
+    if (form && modalProps !== null && modalProps !== void 0 && modalProps.destroyOnHidden && typeof form.resetFields === 'function') {
       form.resetFields();
     }
   }, [modalProps === null || modalProps === void 0 ? void 0 : modalProps.destroyOnHidden, rest.form, rest.formRef]);

package/lib/form/layouts/ProForm/index.d.ts

@@ -9,12 +9,12 @@ declare namespace ProForm {
     var Group: React.FC<import("src/form").GroupProps>;
     var useForm: typeof import("antd/es/form/Form").useForm;
     var Item: React.FC<import("src/form/components/FormItem").ProFormItemProps>;
-    var useWatch: typeof import("rc-field-form").useWatch;
+    var useWatch: typeof import("antd/es/form/Form").useWatch;
     var ErrorList: React.FC<import("antd/es/form").ErrorListProps>;
     var Provider: React.FC<import("antd/es/form/context").FormProviderProps>;
     var useFormInstance: typeof import("antd/es/form/hooks/useFormInstance").default;
     var EditOrReadOnlyContext: React.Context<{
-        mode: "edit" | "read" | "update";
+        mode: "update" | "read" | "edit";
     }>;
 }
 export { ProForm };

package/lib/form/layouts/QueryFilter/index.d.ts

@@ -1,5 +1,6 @@
 import type { ColProps, RowProps } from 'antd';
 import type { FormProps } from 'antd/lib/form/Form';
+import type { ReactElement } from 'react';
 import React from 'react';
 import type { CommonFormProps } from '../../BaseForm';
 import type { ActionsProps } from './Actions';
@@ -107,5 +108,5 @@ export type BaseQueryFilterProps = Omit<ActionsProps, 'submitter' | 'setCollapse
 export type QueryFilterProps<T = Record<string, any>, U = Record<string, any>> = Omit<FormProps<T>, 'onFinish'> & CommonFormProps<T, U> & BaseQueryFilterProps & {
     onReset?: (values: T) => void;
 };
-declare function QueryFilter<T = Record<string, any>>(props: QueryFilterProps<T>): React.JSX.Element;
+declare function QueryFilter<T = Record<string, any>>(props: QueryFilterProps<T>): ReactElement<any, string | React.JSXElementConstructor<any>>;
 export { QueryFilter };

package/lib/form/layouts/QueryFilter/style.d.ts

@@ -4,6 +4,6 @@ export interface ProToken extends ProAliasToken {
     componentCls: string;
 }
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/form/layouts/StepsForm/index.js

@@ -234,18 +234,31 @@ function StepsForm(props) {
     var itemsProps = {
       items: formArray.map(function (item) {
         var itemProps = formMapRef.current.get(item);
-        return (0, _objectSpread2.default)({
+        var stepItemProps = (0, _objectSpread2.default)({
           key: item,
           title: itemProps === null || itemProps === void 0 ? void 0 : itemProps.title
         }, itemProps === null || itemProps === void 0 ? void 0 : itemProps.stepProps);
+        // Convert deprecated description to content
+        if (stepItemProps.description) {
+          stepItemProps.content = stepItemProps.description;
+          delete stepItemProps.description;
+        }
+        return stepItemProps;
       })
     };
+
+    // Convert deprecated direction to orientation
+    var processedStepsProps = stepsProps ? (0, _objectSpread2.default)({}, stepsProps) : {};
+    if ('direction' in processedStepsProps) {
+      processedStepsProps.orientation = processedStepsProps.direction;
+      delete processedStepsProps.direction;
+    }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "".concat(prefixCls, "-steps-container ").concat(hashId).trim(),
       style: {
         maxWidth: Math.min(formArray.length * 320, 1160)
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Steps, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, stepsProps), itemsProps), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Steps, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, processedStepsProps), itemsProps), {}, {
         current: step,
         onChange: undefined
       }))

package/lib/form/layouts/StepsForm/style.d.ts

@@ -4,6 +4,6 @@ export interface StepsFormToken extends ProAliasToken {
     componentCls: string;
 }
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/components/AppsLogoComponents/index.js

@@ -94,7 +94,9 @@ var AppsLogoComponents = exports.AppsLogoComponents = function AppsLogoComponent
       onOpenChange: function onOpenChange(openChange) {
         return setOpen(openChange);
       },
-      overlayClassName: "".concat(baseClassName, "-popover ").concat(hashId).trim(),
+      classNames: {
+        root: "".concat(baseClassName, "-popover ").concat(hashId).trim()
+      },
       content: popoverContent,
       getPopupContainer: function getPopupContainer() {
         return ref.current || document.body;

package/lib/layout/components/AppsLogoComponents/style/index.d.ts

@@ -4,6 +4,6 @@ export interface AppsLogoComponentsToken extends ProAliasToken {
     componentCls: string;
 }
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/components/CollapsedIcon/style.d.ts

@@ -4,6 +4,6 @@ export interface SiderMenuToken extends ProAliasToken {
     componentCls: string;
 }
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

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

@@ -4,6 +4,6 @@ export interface FooterToolBarToken extends ProAliasToken {
     componentCls: string;
 }
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/components/FooterToolbar/style/stylish.d.ts

@@ -6,6 +6,6 @@ export interface stylishToken extends ProAliasToken {
 export declare function useStylish(prefixCls: string, { stylish, }: {
     stylish?: GenerateStyle<stylishToken>;
 }): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/components/GlobalFooter/index.d.ts

@@ -12,5 +12,5 @@ export type GlobalFooterProps = {
     prefixCls?: string;
     className?: string;
 };
-declare const GlobalFooter: ({ className, prefixCls, links, copyright, style, }: GlobalFooterProps) => React.JSX.Element | null;
+declare const GlobalFooter: ({ className, prefixCls, links, copyright, style, }: GlobalFooterProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export { GlobalFooter };

package/lib/layout/components/GlobalFooter/style.d.ts

@@ -5,6 +5,6 @@ export interface GlobalFooterToken extends ProAliasToken {
     probgLayout?: string;
 }
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/components/GlobalHeader/rightContentStyle.d.ts

@@ -4,6 +4,6 @@ export interface ProToken extends ProAliasToken {
     componentCls: string;
 }
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/components/GlobalHeader/style.d.ts

@@ -4,6 +4,6 @@ export interface GlobalHeaderToken extends ProAliasToken {
     componentCls: string;
 }
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/components/GridContent/style.d.ts

@@ -4,6 +4,6 @@ export interface GridContentToken extends ProAliasToken {
     componentCls: string;
 }
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/components/Header/style/header.d.ts

@@ -4,6 +4,6 @@ export interface ProLayoutHeaderToken extends ProAliasToken {
     componentCls: string;
 }
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/components/Header/style/stylish.d.ts

@@ -8,6 +8,6 @@ export declare function useStylish(prefixCls: string, { stylish, proLayoutCollap
     stylish?: GenerateStyle<stylishToken>;
     proLayoutCollapsedWidth: number;
 }): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/components/Help/ProHelpDrawer.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import type { DrawerProps } from 'antd';
+import React from 'react';
 import type { ProHelpPanelProps } from './ProHelpPanel';
 export type ProHelpDrawerProps = {
     /**

package/lib/layout/components/Help/ProHelpDrawer.js

@@ -10,6 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _util = require("@rc-component/util");
 var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
 var _ProHelpPanel = require("./ProHelpPanel");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["drawerProps"];
@@ -19,6 +20,7 @@ var _excluded = ["drawerProps"];
  * @param props 要传递给 ProHelpPanel 组件的属性。
  */
 var ProHelpDrawer = exports.ProHelpDrawer = function ProHelpDrawer(_ref) {
+  var _drawerProps$size;
   var drawerProps = _ref.drawerProps,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useMergedState = (0, _util.useMergedState)(false, {
@@ -29,7 +31,6 @@ var ProHelpDrawer = exports.ProHelpDrawer = function ProHelpDrawer(_ref) {
     drawerOpen = _useMergedState2[0],
     setDrawerOpen = _useMergedState2[1];
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Drawer, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-    width: 720,
     closeIcon: null,
     styles: {
       header: {
@@ -41,6 +42,7 @@ var ProHelpDrawer = exports.ProHelpDrawer = function ProHelpDrawer(_ref) {
     },
     maskClosable: true
   }, drawerProps), {}, {
+    size: (_drawerProps$size = drawerProps.size) !== null && _drawerProps$size !== void 0 ? _drawerProps$size : 720,
     open: drawerOpen,
     onClose: function onClose() {
       return setDrawerOpen(false);

package/lib/layout/components/Help/ProHelpPopover.js

@@ -29,7 +29,7 @@ var ProHelpPopover = exports.ProHelpPopover = function ProHelpPopover(props) {
     wrapSSR = _useStyle.wrapSSR;
   return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popover, (0, _objectSpread2.default)((0, _objectSpread2.default)({
     styles: {
-      body: {
+      container: {
         padding: 0
       }
     },

package/lib/layout/components/Help/style.d.ts

@@ -6,6 +6,6 @@ export interface ProHelpToken extends ProAliasToken {
 }
 export declare const actionsInputAnimal: Keyframes;
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/components/PageContainer/style/index.d.ts

@@ -8,6 +8,6 @@ export type pageContainerToken = {
     paddingBlockPageContainerContent?: number;
 };
 export declare function useStyle(prefixCls: string, componentsToken: pageContainerToken | undefined): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/components/PageContainer/style/stylish.d.ts

@@ -6,6 +6,6 @@ export interface stylishToken extends ProAliasToken {
 export declare function useStylish(prefixCls: string, { stylish, }: {
     stylish?: GenerateStyle<stylishToken>;
 }): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/components/PageHeader/style/index.d.ts

@@ -12,6 +12,6 @@ export interface PageHeaderToken extends ProAliasToken {
     pageHeaderPaddingContentPadding: number;
 }
 export default function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/components/SettingDrawer/index.js

@@ -295,7 +295,7 @@ var SettingDrawer = exports.SettingDrawer = function SettingDrawer(props) {
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Drawer, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       open: open,
-      width: 300,
+      size: 300,
       onClose: function onClose() {
         return setOpen(false);
       },
@@ -462,7 +462,7 @@ var SettingDrawer = exports.SettingDrawer = function SettingDrawer(props) {
             })
           }), hideHintAlert && hideCopyButton ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Divider, {}), hideHintAlert ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Alert, {
             type: "warning",
-            message: formatMessage({
+            title: formatMessage({
               id: 'app.setting.production.hint'
             }),
             icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.NotificationOutlined, {}),

package/lib/layout/components/SettingDrawer/style/index.d.ts

@@ -4,6 +4,6 @@ export interface SettingDrawerToken extends ProAliasToken {
     componentCls: string;
 }
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/components/SiderMenu/BaseMenu.d.ts

@@ -15,7 +15,7 @@ export type BaseMenuProps = {
     mode?: MenuMode;
     onCollapse?: (collapsed: boolean) => void;
     openKeys?: WithFalse<string[]> | undefined;
-    handleOpenChange?: (openKeys: string[]) => void;
+    onOpenChange?: (openKeys: string[]) => void;
     iconPrefixes?: string;
     /** 要给菜单的props, 参考antd-menu的属性。https://ant.design/components/menu-cn/ */
     menuProps?: MenuProps;

package/lib/layout/components/SiderMenu/BaseMenu.js

@@ -321,7 +321,7 @@ var getOpenKeysProps = function getOpenKeysProps(openKeys, _ref) {
 var BaseMenu = exports.BaseMenu = function BaseMenu(props) {
   var mode = props.mode,
     className = props.className,
-    handleOpenChange = props.handleOpenChange,
+    onOpenChange = props.onOpenChange,
     style = props.style,
     menuData = props.menuData,
     prefixCls = props.prefixCls,
@@ -352,7 +352,7 @@ var BaseMenu = exports.BaseMenu = function BaseMenu(props) {
       return [];
     }, {
       value: propsOpenKeys === false ? undefined : propsOpenKeys,
-      onChange: handleOpenChange
+      onChange: onOpenChange
     }),
     _useMountMergeState4 = (0, _slicedToArray2.default)(_useMountMergeState3, 2),
     openKeys = _useMountMergeState4[0],
@@ -444,7 +444,7 @@ var BaseMenu = exports.BaseMenu = function BaseMenu(props) {
   // 这次 openKeys === false 的时候的情况，这种情况下帮用户选中一次
   // 第二此不会使用，所以用了 defaultOpenKeys
   // 这里返回 null，是为了让 defaultOpenKeys 生效
-  if (props.openKeys === false && !props.handleOpenChange) {
+  if (props.openKeys === false && !props.onOpenChange) {
     defaultOpenKeysRef.current = matchMenuKeys;
   }
   var finallyData = props.postMenuData ? props.postMenuData(menuData) : menuData;

package/lib/layout/components/SiderMenu/SiderMenu.js

@@ -71,7 +71,7 @@ var renderLogoAndTitle = exports.renderLogoAndTitle = function renderLogoAndTitl
   }, "title");
 };
 var SiderMenu = exports.SiderMenu = function SiderMenu(props) {
-  var _props$menu2;
+  var _props$menu$collapsed, _props$menu, _props$menu3;
   var collapsed = props.collapsed,
     originCollapsed = props.originCollapsed,
     fixSiderbar = props.fixSiderbar,
@@ -105,8 +105,8 @@ var SiderMenu = exports.SiderMenu = function SiderMenu(props) {
   }, [isMobile, layout]);
   var baseClassName = "".concat(prefixCls, "-sider");
 
-  // 收起的宽度
-  var collapsedWidth = 64;
+  // 收起的宽度，从 menu 配置中读取，默认为 64
+  var collapsedWidth = (_props$menu$collapsed = (_props$menu = props.menu) === null || _props$menu === void 0 ? void 0 : _props$menu.collapsedWidth) !== null && _props$menu$collapsed !== void 0 ? _props$menu$collapsed : 64;
 
   // 之所以这样写是为了提升样式优先级，不然会被sider 自带的覆盖掉
   var stylishClassName = (0, _stylish.useStylish)("".concat(baseClassName, ".").concat(baseClassName, "-stylish"), {
@@ -120,7 +120,7 @@ var SiderMenu = exports.SiderMenu = function SiderMenu(props) {
     return menuContentRender !== false && /*#__PURE__*/(0, _react.createElement)(_BaseMenu.BaseMenu, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
       key: "base-menu",
       mode: collapsed && !isMobile ? 'vertical' : 'inline',
-      handleOpenChange: onOpenChange,
+      onOpenChange: onOpenChange,
       style: {
         width: '100%'
       },
@@ -160,7 +160,7 @@ var SiderMenu = exports.SiderMenu = function SiderMenu(props) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
       align: "center",
       size: 4,
-      direction: collapsed ? 'vertical' : 'horizontal',
+      orientation: collapsed ? 'vertical' : 'horizontal',
       className: (0, _classnames.default)(["".concat(baseClassName, "-actions-list"), collapsed && "".concat(baseClassName, "-actions-list-collapsed"), hashId]),
       children: [actionsRender === null || actionsRender === void 0 ? void 0 : actionsRender(props)].flat(1).map(function (item, index) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -205,13 +205,13 @@ var SiderMenu = exports.SiderMenu = function SiderMenu(props) {
 
   /* Using the useMemo hook to create a CSS class that will hide the menu when the menu is collapsed. */
   var hideMenuWhenCollapsedClassName = (0, _react.useMemo)(function () {
-    var _props$menu;
+    var _props$menu2;
     // 收起时完全隐藏菜单
-    if (props !== null && props !== void 0 && (_props$menu = props.menu) !== null && _props$menu !== void 0 && _props$menu.hideMenuWhenCollapsed && collapsed) {
+    if (props !== null && props !== void 0 && (_props$menu2 = props.menu) !== null && _props$menu2 !== void 0 && _props$menu2.hideMenuWhenCollapsed && collapsed) {
       return "".concat(baseClassName, "-hide-menu-collapsed");
     }
     return null;
-  }, [baseClassName, collapsed, props === null || props === void 0 || (_props$menu2 = props.menu) === null || _props$menu2 === void 0 ? void 0 : _props$menu2.hideMenuWhenCollapsed]);
+  }, [baseClassName, collapsed, props === null || props === void 0 || (_props$menu3 = props.menu) === null || _props$menu3 === void 0 ? void 0 : _props$menu3.hideMenuWhenCollapsed]);
   var menuFooterDom = menuFooterRender && (menuFooterRender === null || menuFooterRender === void 0 ? void 0 : menuFooterRender(props));
   var menuDomItems = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [headerDom && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/layout/components/SiderMenu/index.js

@@ -16,7 +16,7 @@ var _SiderMenu = require("./SiderMenu");
 var _index = require("./style/index");
 var _jsxRuntime = require("react/jsx-runtime");
 var SiderMenuWrapper = exports.SiderMenu = function SiderMenuWrapper(props) {
-  var _token$layout;
+  var _props$menu$collapsed, _props$menu, _token$layout;
   var isMobile = props.isMobile,
     siderWidth = props.siderWidth,
     collapsed = props.collapsed,
@@ -37,8 +37,11 @@ var SiderMenuWrapper = exports.SiderMenu = function SiderMenuWrapper(props) {
   var omitProps = (0, _util.omit)(props, ['className', 'style']);
   var _React$useContext = _react.default.useContext(_antd.ConfigProvider.ConfigContext),
     direction = _React$useContext.direction;
+
+  // 从 menu 配置中读取 collapsedWidth，默认为 64
+  var collapsedWidth = (_props$menu$collapsed = (_props$menu = props.menu) === null || _props$menu === void 0 ? void 0 : _props$menu.collapsedWidth) !== null && _props$menu$collapsed !== void 0 ? _props$menu$collapsed : 64;
   var _useStyle = (0, _index.useStyle)("".concat(prefixCls, "-sider"), {
-      proLayoutCollapsedWidth: 64
+      proLayoutCollapsedWidth: collapsedWidth
     }),
     wrapSSR = _useStyle.wrapSSR,
     hashId = _useStyle.hashId;
@@ -50,8 +53,10 @@ var SiderMenuWrapper = exports.SiderMenu = function SiderMenuWrapper(props) {
     placement: direction === 'rtl' ? 'right' : 'left',
     className: (0, _classnames.default)("".concat(prefixCls, "-drawer-sider"), className),
     open: !collapsed,
-    afterOpenChange: function afterOpenChange() {
-      onCollapse === null || onCollapse === void 0 || onCollapse(true);
+    afterOpenChange: function afterOpenChange(open) {
+      if (!open) {
+        onCollapse === null || onCollapse === void 0 || onCollapse(true);
+      }
     },
     style: (0, _objectSpread2.default)({
       padding: 0,
@@ -63,7 +68,7 @@ var SiderMenuWrapper = exports.SiderMenu = function SiderMenuWrapper(props) {
     maskClosable: true,
     closable: false,
     getContainer: getContainer || false,
-    width: siderWidth,
+    size: siderWidth,
     styles: {
       body: {
         height: '100vh',
@@ -76,7 +81,7 @@ var SiderMenuWrapper = exports.SiderMenu = function SiderMenuWrapper(props) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SiderMenu.SiderMenu, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, omitProps), {}, {
       isMobile: true,
       className: siderClassName,
-      collapsed: isMobile ? false : collapsed,
+      collapsed: false,
       splitMenus: false,
       originCollapsed: collapsed
     }))

package/lib/layout/components/SiderMenu/style/index.d.ts

@@ -8,6 +8,6 @@ export declare const proLayoutTitleHide: any;
 export declare function useStyle(prefixCls: string, { proLayoutCollapsedWidth, }: {
     proLayoutCollapsedWidth: number;
 }): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/components/SiderMenu/style/menu.d.ts

@@ -5,6 +5,6 @@ export interface ProLayoutBaseMenuToken extends ProAliasToken {
     componentCls: string;
 }
 export declare function useStyle(prefixCls: string, mode: MenuMode | undefined): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/components/SiderMenu/style/stylish.d.ts

@@ -8,6 +8,6 @@ export declare function useStylish(prefixCls: string, { stylish, proLayoutCollap
     stylish?: GenerateStyle<SiderMenuToken>;
     proLayoutCollapsedWidth: number;
 }): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/components/TopNavHeader/style.d.ts

@@ -4,6 +4,6 @@ export interface TopNavHeaderToken extends ProAliasToken {
     componentCls: string;
 }
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/defaultSettings.d.ts

@@ -86,6 +86,12 @@ export type PureSettings = {
          * @name 取消自动关闭菜单
          */
         autoClose?: false;
+        /**
+         * @name 菜单收起时的宽度
+         *
+         * @example 设置收起宽度为 80px menu={{ collapsedWidth: 80 }}
+         */
+        collapsedWidth?: number;
     };
     /**
      * 设置为 false，在 layout 中只展示 pageName，而不是 pageName - title

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

@@ -4,6 +4,6 @@ export interface ProLayoutToken extends ProAliasToken {
     componentCls: string;
 }
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

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

@@ -5,6 +5,6 @@ export interface ProListToken extends ProAliasToken {
 }
 export declare const techUiListActive: any;
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/provider/index.d.ts

@@ -100,6 +100,7 @@ export type ConfigContextPropsType = {
     hashId?: string;
     hashed?: boolean;
     dark?: boolean;
+    prefixCls?: string;
 };
 declare const ProConfigContext: React.Context<ConfigContextPropsType>;
 export declare const ConfigConsumer: React.Consumer<ConfigContextPropsType>;