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

package/es/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/es/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/es/layout/components/Help/ProHelpDrawer.js

@@ -4,6 +4,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["drawerProps"];
 import { useMergedState } from '@rc-component/util';
 import { Drawer } from 'antd';
+import React from 'react';
 import { ProHelpPanel } from "./ProHelpPanel";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -12,6 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @param props 要传递给 ProHelpPanel 组件的属性。
  */
 export var ProHelpDrawer = function ProHelpDrawer(_ref) {
+  var _drawerProps$size;
   var drawerProps = _ref.drawerProps,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useMergedState = useMergedState(false, {
@@ -22,7 +24,6 @@ export var ProHelpDrawer = function ProHelpDrawer(_ref) {
     drawerOpen = _useMergedState2[0],
     setDrawerOpen = _useMergedState2[1];
   return /*#__PURE__*/_jsx(Drawer, _objectSpread(_objectSpread({
-    width: 720,
     closeIcon: null,
     styles: {
       header: {
@@ -34,6 +35,7 @@ export var 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/es/layout/components/Help/ProHelpPopover.js

@@ -21,7 +21,7 @@ export var ProHelpPopover = function ProHelpPopover(props) {
     wrapSSR = _useStyle.wrapSSR;
   return wrapSSR( /*#__PURE__*/_jsx(Popover, _objectSpread(_objectSpread({
     styles: {
-      body: {
+      container: {
         padding: 0
       }
     },

package/es/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/es/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/es/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/es/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/es/layout/components/SettingDrawer/index.js

@@ -289,7 +289,7 @@ export var SettingDrawer = function SettingDrawer(props) {
       })
     }), /*#__PURE__*/_jsx(Drawer, _objectSpread(_objectSpread({
       open: open,
-      width: 300,
+      size: 300,
       onClose: function onClose() {
         return setOpen(false);
       },
@@ -456,7 +456,7 @@ export var SettingDrawer = function SettingDrawer(props) {
             })
           }), hideHintAlert && hideCopyButton ? null : /*#__PURE__*/_jsx(Divider, {}), hideHintAlert ? null : /*#__PURE__*/_jsx(Alert, {
             type: "warning",
-            message: formatMessage({
+            title: formatMessage({
               id: 'app.setting.production.hint'
             }),
             icon: /*#__PURE__*/_jsx(NotificationOutlined, {}),

package/es/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/es/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/es/layout/components/SiderMenu/BaseMenu.js

@@ -315,7 +315,7 @@ var getOpenKeysProps = function getOpenKeysProps(openKeys, _ref) {
 var 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,
@@ -346,7 +346,7 @@ var BaseMenu = function BaseMenu(props) {
       return [];
     }, {
       value: propsOpenKeys === false ? undefined : propsOpenKeys,
-      onChange: handleOpenChange
+      onChange: onOpenChange
     }),
     _useMountMergeState4 = _slicedToArray(_useMountMergeState3, 2),
     openKeys = _useMountMergeState4[0],
@@ -438,7 +438,7 @@ var 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/es/layout/components/SiderMenu/SiderMenu.js

@@ -66,7 +66,7 @@ export var renderLogoAndTitle = function renderLogoAndTitle(props) {
   }, "title");
 };
 var 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,
@@ -100,8 +100,8 @@ var 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 = useStylish("".concat(baseClassName, ".").concat(baseClassName, "-stylish"), {
@@ -115,7 +115,7 @@ var SiderMenu = function SiderMenu(props) {
     return menuContentRender !== false && /*#__PURE__*/_createElement(BaseMenu, _objectSpread(_objectSpread({}, props), {}, {
       key: "base-menu",
       mode: collapsed && !isMobile ? 'vertical' : 'inline',
-      handleOpenChange: onOpenChange,
+      onOpenChange: onOpenChange,
       style: {
         width: '100%'
       },
@@ -155,7 +155,7 @@ var SiderMenu = function SiderMenu(props) {
     return /*#__PURE__*/_jsx(Space, {
       align: "center",
       size: 4,
-      direction: collapsed ? 'vertical' : 'horizontal',
+      orientation: collapsed ? 'vertical' : 'horizontal',
       className: classNames(["".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__*/_jsx("div", {
@@ -200,13 +200,13 @@ var 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 = 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__*/_jsxs(_Fragment, {
     children: [headerDom && /*#__PURE__*/_jsxs("div", {

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

@@ -8,7 +8,7 @@ import { SiderMenu } from "./SiderMenu";
 import { useStyle } from "./style/index";
 import { jsx as _jsx } from "react/jsx-runtime";
 var SiderMenuWrapper = function SiderMenuWrapper(props) {
-  var _token$layout;
+  var _props$menu$collapsed, _props$menu, _token$layout;
   var isMobile = props.isMobile,
     siderWidth = props.siderWidth,
     collapsed = props.collapsed,
@@ -29,8 +29,11 @@ var SiderMenuWrapper = function SiderMenuWrapper(props) {
   var omitProps = omit(props, ['className', 'style']);
   var _React$useContext = React.useContext(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 = useStyle("".concat(prefixCls, "-sider"), {
-      proLayoutCollapsedWidth: 64
+      proLayoutCollapsedWidth: collapsedWidth
     }),
     wrapSSR = _useStyle.wrapSSR,
     hashId = _useStyle.hashId;
@@ -42,8 +45,10 @@ var SiderMenuWrapper = function SiderMenuWrapper(props) {
     placement: direction === 'rtl' ? 'right' : 'left',
     className: classNames("".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: _objectSpread({
       padding: 0,
@@ -55,7 +60,7 @@ var SiderMenuWrapper = function SiderMenuWrapper(props) {
     maskClosable: true,
     closable: false,
     getContainer: getContainer || false,
-    width: siderWidth,
+    size: siderWidth,
     styles: {
       body: {
         height: '100vh',
@@ -68,7 +73,7 @@ var SiderMenuWrapper = function SiderMenuWrapper(props) {
     children: /*#__PURE__*/_jsx(SiderMenu, _objectSpread(_objectSpread({}, omitProps), {}, {
       isMobile: true,
       className: siderClassName,
-      collapsed: isMobile ? false : collapsed,
+      collapsed: false,
       splitMenus: false,
       originCollapsed: collapsed
     }))

package/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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>;

package/es/provider/index.js

@@ -81,7 +81,8 @@ var ProConfigContext = /*#__PURE__*/React.createContext({
     proComponentsCls: '.ant-pro',
     antCls: '.ant',
     themeId: 0
-  })
+  }),
+  prefixCls: '.ant-pro'
 });
 var ConfigConsumer = ProConfigContext.Consumer;
 
@@ -164,7 +165,10 @@ var ConfigProviderContainer = function ConfigProviderContainer(props) {
   });
   var _useCacheToken = useCacheToken(tokenContext.theme, [tokenContext.token, finalToken !== null && finalToken !== void 0 ? finalToken : {}], {
       salt: salt,
-      override: finalToken
+      override: finalToken,
+      cssVar: {
+        key: 'pro'
+      }
     }),
     _useCacheToken2 = _slicedToArray(_useCacheToken, 2),
     token = _useCacheToken2[0],
@@ -203,12 +207,13 @@ var ConfigProviderContainer = function ConfigProviderContainer(props) {
   var proConfigContextValue = useMemo(function () {
     return _objectSpread(_objectSpread({}, proProvideValue), {}, {
       valueTypeMap: valueTypeMap || (proProvideValue === null || proProvideValue === void 0 ? void 0 : proProvideValue.valueTypeMap),
-      token: token,
+      token: finalToken,
       theme: tokenContext.theme,
       hashed: hashed,
-      hashId: hashId
+      hashId: hashId,
+      prefixCls: prefixCls
     });
-  }, [proProvideValue, valueTypeMap, token, tokenContext.theme, hashed, hashId]);
+  }, [proProvideValue, valueTypeMap, token, tokenContext.theme, hashed, hashId, prefixCls]);
   var configProviderDom = useMemo(function () {
     return /*#__PURE__*/_jsx(AntdConfigProvider, _objectSpread(_objectSpread({}, restConfig), {}, {
       theme: themeConfig,
@@ -288,7 +293,7 @@ export function useIntl() {
   var _useContext4 = useContext(ProConfigContext),
     intl = _useContext4.intl;
   if (intl && intl.locale !== 'default') {
-    return intl || zhCNIntl;
+    return intl;
   }
   if (locale !== null && locale !== void 0 && locale.locale) {
     return intlMap[findIntlKeyByAntdLocaleKey(locale.locale)] || zhCNIntl;

package/es/provider/useStyle/index.d.ts

@@ -25,6 +25,7 @@ export declare const proTheme: {
         theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/internal").AliasToken>;
         token: import("antd").GlobalToken;
         hashId: string;
+        cssVar: import("antd").GlobalToken;
     };
     defaultAlgorithm: typeof import("antd/es/theme/themes/default").default;
     darkAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/interface").MapToken>;
@@ -67,6 +68,6 @@ export declare const operationUnit: (token: ProAliasToken) => CSSObject;
  * @returns UseStyleResult
  */
 export declare function useStyle(componentName: string, styleFn: (token: ProAliasToken) => CSSInterpolation): {
-    wrapSSR: (node: React.ReactElement<any, string | React.JSXElementConstructor<any>>) => React.JSX.Element;
+    wrapSSR: (node: React.ReactElement) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     hashId: string;
 };

package/es/provider/useStyle/index.js

@@ -67,7 +67,8 @@ export function useStyle(componentName, styleFn) {
   var _useContext = useContext(ProProvider),
     _useContext$token = _useContext.token,
     token = _useContext$token === void 0 ? {} : _useContext$token,
-    hashed = _useContext.hashed;
+    hashed = _useContext.hashed,
+    prefixCls = _useContext.prefixCls;
   var _antdTheme$useToken = antdTheme.useToken(),
     antdToken = _antdTheme$useToken.token,
     hashId = _antdTheme$useToken.hashId,
@@ -82,18 +83,25 @@ export function useStyle(componentName, styleFn) {
   }
   token.proComponentsCls = (_token$proComponentsC = token.proComponentsCls) !== null && _token$proComponentsC !== void 0 ? _token$proComponentsC : ".".concat(getPrefixCls('pro'));
   token.antCls = ".".concat(getPrefixCls());
+
+  // Register styles (side effect only in v2)
+  useStyleRegister({
+    theme: theme,
+    token: token,
+    path: [componentName],
+    nonce: csp === null || csp === void 0 ? void 0 : csp.nonce,
+    layer: {
+      name: 'antd-pro'
+    }
+  }, function () {
+    return styleFn(token);
+  });
+
+  // Return identity wrapper and hashId
   return {
-    wrapSSR: useStyleRegister({
-      theme: theme,
-      token: token,
-      path: [componentName],
-      nonce: csp === null || csp === void 0 ? void 0 : csp.nonce,
-      layer: {
-        name: 'antd-pro'
-      }
-    }, function () {
-      return styleFn(token);
-    }),
+    wrapSSR: function wrapSSR(node) {
+      return node;
+    },
     hashId: hashed ? hashId : ''
   };
 }