npm - @ant-design/pro-components - Versions diffs - 2.0.0-experimental.7 → 2.0.0-experimental.8 - Mend

@ant-design/pro-components 2.0.0-experimental.7 → 2.0.0-experimental.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/components.js CHANGED Viewed

@@ -23165,6 +23165,17 @@ __webpack_require__.d(__webpack_exports__, {
   "zhTWIntl": function() { return /* reexport */ zhTWIntl; }
 });
+// NAMESPACE OBJECT: ./packages/utils/es/useStyle/token.js
+var token_namespaceObject = {};
+__webpack_require__.r(token_namespaceObject);
+__webpack_require__.d(token_namespaceObject, {
+  "darkAlgorithm": function() { return darkAlgorithm; },
+  "defaultAlgorithm": function() { return defaultAlgorithm; },
+  "defaultTheme": function() { return defaultTheme; },
+  "token": function() { return token_token; },
+  "useToken": function() { return useToken; }
+});
 ;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
 function defineProperty_defineProperty(obj, key, value) {
   if (key in obj) {
@@ -28972,12 +28983,398 @@ function module_tinycolor(color, opts) {
   return new TinyColor(color, opts);
 }
+;// CONCATENATED MODULE: ./packages/utils/es/useStyle/token.js
+var defaultTheme = {
+  blue: '#1890FF',
+  purple: '#722ED1',
+  cyan: '#13C2C2',
+  green: '#52C41A',
+  magenta: '#EB2F96',
+  pink: '#eb2f96',
+  red: '#F5222D',
+  orange: '#FA8C16',
+  yellow: '#FADB14',
+  volcano: '#FA541C',
+  geekblue: '#2F54EB',
+  gold: '#FAAD14',
+  lime: '#A0D911',
+  colorPrimary: '#1677ff',
+  colorSuccess: '#52c41a',
+  colorWarning: '#faad14',
+  colorError: '#ff4d4f',
+  colorInfo: '#1677FF',
+  colorTextBase: '#000',
+  colorTextLightSolid: '#fff',
+  colorBgBase: '#fff',
+  fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\\n'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\\n'Noto Color Emoji'",
+  fontSizeBase: 14,
+  gridUnit: 4,
+  gridBaseStep: 2,
+  lineWidth: 1,
+  lineType: 'solid',
+  motionUnit: 0.1,
+  motionBase: 0,
+  motionEaseOutCirc: 'cubic-bezier(0.08, 0.82, 0.17, 1)',
+  motionEaseInOutCirc: 'cubic-bezier(0.78, 0.14, 0.15, 0.86)',
+  motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
+  motionEaseInOut: 'cubic-bezier(0.645, 0.045, 0.355, 1)',
+  motionEaseOutBack: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)',
+  motionEaseInQuint: 'cubic-bezier(0.645, 0.045, 0.355, 1)',
+  motionEaseOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',
+  radiusBase: 4,
+  sizeUnit: 4,
+  sizeBaseStep: 4,
+  sizePopupArrow: 11.313708498984761,
+  controlHeight: 32,
+  zIndexBase: 0,
+  zIndexPopupBase: 1000,
+  opacityImage: 1,
+  'blue-1': '#e6f7ff',
+  'blue-2': '#bae7ff',
+  'blue-3': '#91d5ff',
+  'blue-4': '#69c0ff',
+  'blue-5': '#40a9ff',
+  'blue-6': '#1890ff',
+  'blue-7': '#096dd9',
+  'blue-8': '#0050b3',
+  'blue-9': '#003a8c',
+  'blue-10': '#002766',
+  'purple-1': '#f9f0ff',
+  'purple-2': '#efdbff',
+  'purple-3': '#d3adf7',
+  'purple-4': '#b37feb',
+  'purple-5': '#9254de',
+  'purple-6': '#722ed1',
+  'purple-7': '#531dab',
+  'purple-8': '#391085',
+  'purple-9': '#22075e',
+  'purple-10': '#120338',
+  'cyan-1': '#e6fffb',
+  'cyan-2': '#b5f5ec',
+  'cyan-3': '#87e8de',
+  'cyan-4': '#5cdbd3',
+  'cyan-5': '#36cfc9',
+  'cyan-6': '#13c2c2',
+  'cyan-7': '#08979c',
+  'cyan-8': '#006d75',
+  'cyan-9': '#00474f',
+  'cyan-10': '#002329',
+  'green-1': '#f6ffed',
+  'green-2': '#d9f7be',
+  'green-3': '#b7eb8f',
+  'green-4': '#95de64',
+  'green-5': '#73d13d',
+  'green-6': '#52c41a',
+  'green-7': '#389e0d',
+  'green-8': '#237804',
+  'green-9': '#135200',
+  'green-10': '#092b00',
+  'magenta-1': '#fff0f6',
+  'magenta-2': '#ffd6e7',
+  'magenta-3': '#ffadd2',
+  'magenta-4': '#ff85c0',
+  'magenta-5': '#f759ab',
+  'magenta-6': '#eb2f96',
+  'magenta-7': '#c41d7f',
+  'magenta-8': '#9e1068',
+  'magenta-9': '#780650',
+  'magenta-10': '#520339',
+  'pink-1': '#fff0f6',
+  'pink-2': '#ffd6e7',
+  'pink-3': '#ffadd2',
+  'pink-4': '#ff85c0',
+  'pink-5': '#f759ab',
+  'pink-6': '#eb2f96',
+  'pink-7': '#c41d7f',
+  'pink-8': '#9e1068',
+  'pink-9': '#780650',
+  'pink-10': '#520339',
+  'red-1': '#fff1f0',
+  'red-2': '#ffccc7',
+  'red-3': '#ffa39e',
+  'red-4': '#ff7875',
+  'red-5': '#ff4d4f',
+  'red-6': '#f5222d',
+  'red-7': '#cf1322',
+  'red-8': '#a8071a',
+  'red-9': '#820014',
+  'red-10': '#5c0011',
+  'orange-1': '#fff7e6',
+  'orange-2': '#ffe7ba',
+  'orange-3': '#ffd591',
+  'orange-4': '#ffc069',
+  'orange-5': '#ffa940',
+  'orange-6': '#fa8c16',
+  'orange-7': '#d46b08',
+  'orange-8': '#ad4e00',
+  'orange-9': '#873800',
+  'orange-10': '#612500',
+  'yellow-1': '#feffe6',
+  'yellow-2': '#ffffb8',
+  'yellow-3': '#fffb8f',
+  'yellow-4': '#fff566',
+  'yellow-5': '#ffec3d',
+  'yellow-6': '#fadb14',
+  'yellow-7': '#d4b106',
+  'yellow-8': '#ad8b00',
+  'yellow-9': '#876800',
+  'yellow-10': '#614700',
+  'volcano-1': '#fff2e8',
+  'volcano-2': '#ffd8bf',
+  'volcano-3': '#ffbb96',
+  'volcano-4': '#ff9c6e',
+  'volcano-5': '#ff7a45',
+  'volcano-6': '#fa541c',
+  'volcano-7': '#d4380d',
+  'volcano-8': '#ad2102',
+  'volcano-9': '#871400',
+  'volcano-10': '#610b00',
+  'geekblue-1': '#f0f5ff',
+  'geekblue-2': '#d6e4ff',
+  'geekblue-3': '#adc6ff',
+  'geekblue-4': '#85a5ff',
+  'geekblue-5': '#597ef7',
+  'geekblue-6': '#2f54eb',
+  'geekblue-7': '#1d39c4',
+  'geekblue-8': '#10239e',
+  'geekblue-9': '#061178',
+  'geekblue-10': '#030852',
+  'gold-1': '#fffbe6',
+  'gold-2': '#fff1b8',
+  'gold-3': '#ffe58f',
+  'gold-4': '#ffd666',
+  'gold-5': '#ffc53d',
+  'gold-6': '#faad14',
+  'gold-7': '#d48806',
+  'gold-8': '#ad6800',
+  'gold-9': '#874d00',
+  'gold-10': '#613400',
+  'lime-1': '#fcffe6',
+  'lime-2': '#f4ffb8',
+  'lime-3': '#eaff8f',
+  'lime-4': '#d3f261',
+  'lime-5': '#bae637',
+  'lime-6': '#a0d911',
+  'lime-7': '#7cb305',
+  'lime-8': '#5b8c00',
+  'lime-9': '#3f6600',
+  'lime-10': '#254000',
+  colorFill: 'rgba(0, 0, 0, 0.06)',
+  colorFillSecondary: 'rgba(0, 0, 0, 0.04)',
+  colorFillTertiary: 'rgba(0, 0, 0, 0.03)',
+  colorFillQuaternary: 'rgba(0, 0, 0, 0.02)',
+  colorBgLayout: '#f5f5f5',
+  colorBgContainer: '#ffffff',
+  colorBgElevated: '#ffffff',
+  colorBorder: '#d9d9d9',
+  colorBorderSecondary: '#f0f0f0',
+  colorSplit: 'rgba(0, 0, 0, 0.06)',
+  colorText: 'rgba(0, 0, 0, 0.85)',
+  colorTextSecondary: 'rgba(0, 0, 0, 0.45)',
+  colorTextTertiary: 'rgba(0, 0, 0, 0.45)',
+  colorTextQuaternary: 'rgba(0, 0, 0, 0.25)',
+  colorPrimaryBg: '#e6f4ff',
+  colorPrimaryBgHover: '#bae0ff',
+  colorPrimaryBorder: '#91caff',
+  colorPrimaryBorderHover: '#69b1ff',
+  colorPrimaryHover: '#4096ff',
+  colorPrimaryActive: '#0958d9',
+  colorPrimaryTextHover: '#4096ff',
+  colorPrimaryText: '#1677ff',
+  colorPrimaryTextActive: '#0958d9',
+  colorSuccessBg: '#f6ffed',
+  colorSuccessBgHover: '#d9f7be',
+  colorSuccessBorder: '#b7eb8f',
+  colorSuccessBorderHover: '#95de64',
+  colorSuccessHover: '#73d13d',
+  colorSuccessActive: '#389e0d',
+  colorSuccessTextHover: '#73d13d',
+  colorSuccessText: '#52c41a',
+  colorSuccessTextActive: '#389e0d',
+  colorErrorBg: '#fff2f0',
+  colorErrorBgHover: '#fff1f0',
+  colorErrorBorder: '#ffccc7',
+  colorErrorBorderHover: '#ffa39e',
+  colorErrorHover: '#ff7875',
+  colorErrorActive: '#d9363e',
+  colorErrorTextHover: '#ff7875',
+  colorErrorText: '#ff4d4f',
+  colorErrorTextActive: '#d9363e',
+  colorWarningBg: '#fffbe6',
+  colorWarningBgHover: '#fff1b8',
+  colorWarningBorder: '#ffe58f',
+  colorWarningBorderHover: '#ffd666',
+  colorWarningHover: '#ffc53d',
+  colorWarningActive: '#d48806',
+  colorWarningTextHover: '#ffc53d',
+  colorWarningText: '#faad14',
+  colorWarningTextActive: '#d48806',
+  colorInfoBg: '#e6f7ff',
+  colorInfoBgHover: '#bae7ff',
+  colorInfoBorder: '#91d5ff',
+  colorInfoBorderHover: '#69c0ff',
+  colorInfoHover: '#40a9ff',
+  colorInfoActive: '#096dd9',
+  colorInfoTextHover: '#40a9ff',
+  colorInfoText: '#1890ff',
+  colorInfoTextActive: '#096dd9',
+  colorBgMask: 'rgba(0, 0, 0, 0.45)',
+  colorBgSpotlight: 'rgba(0, 0, 0, 0.85)',
+  motionDurationFast: '0.1s',
+  motionDurationMid: '0.2s',
+  motionDurationSlow: '0.3s',
+  fontSizes: [12, 14, 16, 20, 24, 30, 38, 46, 56, 68],
+  lineHeights: [1.6666666666666667, 1.5714285714285714, 1.5, 1.4, 1.3333333333333333, 1.2666666666666666, 1.2105263157894737, 1.173913043478261, 1.1428571428571428, 1.1176470588235294],
+  sizeSpaceSM: 12,
+  sizeSpace: 16,
+  sizeSpaceXS: 8,
+  sizeSpaceXXS: 4,
+  gridSpaceSM: 4,
+  gridSpaceBase: 8,
+  gridSpaceLG: 12,
+  gridSpaceXL: 16,
+  gridSpaceXXL: 28,
+  lineWidthBold: 2,
+  radiusSM: 2,
+  radiusLG: 8,
+  radiusXL: 16,
+  controlHeightSM: 24,
+  controlHeightXS: 16,
+  controlHeightLG: 40,
+  Layout: {
+    colorBgHeader: 'transparent',
+    colorBgBody: 'transparent'
+  },
+  colorLink: '#1677ff',
+  colorLinkHover: '#4096ff',
+  colorLinkActive: '#0958d9',
+  colorFillContent: 'rgba(0, 0, 0, 0.04)',
+  colorFillContentHover: 'rgba(0, 0, 0, 0.06)',
+  colorFillAlter: 'rgba(0, 0, 0, 0.02)',
+  colorBgContainerDisabled: 'rgba(0, 0, 0, 0.03)',
+  colorBorderBg: '#ffffff',
+  colorTextPlaceholder: 'rgba(0, 0, 0, 0.25)',
+  colorTextDisabled: 'rgba(0, 0, 0, 0.25)',
+  colorTextHeading: 'rgba(0, 0, 0, 0.85)',
+  colorTextLabel: 'rgba(0, 0, 0, 0.65)',
+  colorTextDescription: 'rgba(0, 0, 0, 0.65)',
+  colorHighlight: '#ff4d4f',
+  colorIcon: 'rgba(0, 0, 0, 0.45)',
+  colorIconHover: 'rgba(0, 0, 0, 0.85)',
+  colorErrorOutline: '#fff2f0',
+  colorWarningOutline: '#fffbe6',
+  fontSizeSM: 12,
+  fontSize: 14,
+  fontSizeLG: 16,
+  fontSizeXL: 20,
+  fontSizeHeading1: 38,
+  fontSizeHeading2: 30,
+  fontSizeHeading3: 24,
+  fontSizeHeading4: 20,
+  fontSizeHeading5: 16,
+  fontSizeIcon: 12,
+  lineHeight: 1.5714285714285714,
+  lineHeightLG: 1.5,
+  lineHeightSM: 1.6666666666666667,
+  lineHeightHeading1: 1.2105263157894737,
+  lineHeightHeading2: 1.2666666666666666,
+  lineHeightHeading3: 1.3333333333333333,
+  lineHeightHeading4: 1.4,
+  lineHeightHeading5: 1.5,
+  controlLineWidth: 1,
+  controlOutlineWidth: 2,
+  controlInteractiveSize: 16,
+  controlItemBgHover: 'rgba(0, 0, 0, 0.03)',
+  controlItemBgActive: '#e6f4ff',
+  controlItemBgActiveHover: '#bae0ff',
+  controlItemBgActiveDisabled: 'rgba(0, 0, 0, 0.25)',
+  controlTmpOutline: 'rgba(0, 0, 0, 0.02)',
+  controlOutline: '#e6f4ff',
+  controlLineType: 'solid',
+  controlRadius: 4,
+  fontWeightStrong: 600,
+  opacityLoading: 0.65,
+  linkDecoration: 'none',
+  linkHoverDecoration: 'none',
+  linkFocusDecoration: 'none',
+  controlPaddingHorizontal: 12,
+  controlPaddingHorizontalSM: 8,
+  padding: 16,
+  margin: 16,
+  paddingXXS: 4,
+  paddingXS: 8,
+  paddingSM: 12,
+  paddingLG: 24,
+  paddingXL: 32,
+  marginXXS: 4,
+  marginXS: 8,
+  marginSM: 12,
+  marginLG: 24,
+  marginXL: 32,
+  marginXXL: 48,
+  boxShadow: '0 2px 8px -2px rgba(0,0,0,0.05), 0 1px 4px -1px rgba(25,15,15,0.07), 0 0 1px 0 rgba(0,0,0,0.08)',
+  screenXS: 480,
+  screenXSMin: 480,
+  screenXSMax: 479,
+  screenSM: 576,
+  screenSMMin: 576,
+  screenSMMax: 575,
+  screenMD: 768,
+  screenMDMin: 768,
+  screenMDMax: 767,
+  screenLG: 992,
+  screenLGMin: 992,
+  screenLGMax: 991,
+  screenXL: 1200,
+  screenXLMin: 1200,
+  screenXLMax: 1199,
+  screenXXL: 1600,
+  screenXXLMin: 1600,
+  screenXXLMax: 1599,
+  boxShadowPopoverArrow: '3px 3px 7px rgba(0, 0, 0, 0.1)',
+  boxShadowPopoverArrowBottom: '2px 2px 5px rgba(0, 0, 0, 0.1)',
+  boxShadowSegmentedSelectedItem: '0 2px 8px -2px rgba(0, 0, 0, 0.05),0 1px 4px -1px rgba(0, 0, 0, 0.07),0 0 1px 0 rgba(0, 0, 0, 0.08)',
+  boxShadowCard: '0 4px 16px -4px rgba(0,0,0,0.05), 0 2px 8px -2px rgba(25,15,15,0.07), 0 1px 2px 0 rgba(0,0,0,0.08)',
+  boxShadowDrawerRight: '6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05),12px 0 48px 16px rgba(0, 0, 0, 0.03)',
+  boxShadowDrawerLeft: '-6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03)',
+  boxShadowDrawerUp: '0 -6px 16px -8px rgba(0, 0, 0, 0.32), 0 -9px 28px 0 rgba(0, 0, 0, 0.2),0 -12px 48px 16px rgba(0, 0, 0, 0.12)',
+  boxShadowDrawerDown: '0 6px 16px -8px rgba(0, 0, 0, 0.32), 0 9px 28px 0 rgba(0, 0, 0, 0.2), 0 12px 48px 16px rgba(0, 0, 0, 0.12)',
+  boxShadowTabsOverflowLeft: 'inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)',
+  boxShadowTabsOverflowRight: 'inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)',
+  boxShadowTabsOverflowTop: 'inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)',
+  boxShadowTabsOverflowBottom: 'inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)',
+  _tokenKey: '15a20jx',
+  _hashId: 'css-dev-only-do-not-override-5zawe1'
+};
+var token_token = {
+  theme: {
+    id: 0
+  },
+  token: defaultTheme,
+  hashId: ''
+};
+var useToken = function useToken() {
+  var _useState = (0,external_React_.useState)(token_token),
+      _useState2 = slicedToArray_slicedToArray(_useState, 1),
+      stateToken = _useState2[0];
+  return stateToken;
+};
+var darkAlgorithm = function darkAlgorithm() {
+  return defaultTheme;
+};
+var defaultAlgorithm = function defaultAlgorithm() {
+  return defaultTheme;
+};
 ;// CONCATENATED MODULE: ./packages/utils/es/useStyle/index.js
 var setAlpha = function setAlpha(baseColor, alpha) {
   return new TinyColor(baseColor).setAlpha(alpha).toRgbString();
 };
@@ -28985,9 +29382,12 @@ var lighten = function lighten(baseColor, brightness) {
   var instance = new TinyColor(baseColor);
   return instance.lighten(brightness).toHexString();
 };
-var useToken = external_antd_.theme.useToken;
+var _batToken$antdTheme = objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, token_namespaceObject), external_antd_.theme),
+    useStyle_useToken = _batToken$antdTheme.useToken;
 function useStyle(componentName, styleFn) {
-  var _useToken = useToken(),
+  var _useToken = useStyle_useToken(),
       token = _useToken.token,
       hashId = _useToken.hashId,
       theme = _useToken.theme;
@@ -29020,7 +29420,9 @@ var genProStyle = function genProStyle(token) {
   return defineProperty_defineProperty({}, token.componentCls, {
     display: 'flex',
     justifyContent: 'space-between',
-    padding: '16px 16px 16px 8px',
+    paddingBlock: 16,
+    paddingInlineStart: 8,
+    paddingInlineEnd: 16,
     borderTop: "1px solid ".concat(token.colorSplit)
   });
 };
@@ -29587,7 +29989,8 @@ var style_genProStyle = function genProStyle(token) {
     gap: '4px',
     alignItems: 'center',
     height: '30px',
-    padding: '0 4px',
+    paddingBlock: 0,
+    paddingInline: 4,
     fontSize: '@font-size-base',
     lineHeight: '30px',
     borderRadius: '2px',
@@ -29596,7 +29999,8 @@ var style_genProStyle = function genProStyle(token) {
       backgroundColor: 'rgba(0,0,0,0.1)'
     },
     '&-active': defineProperty_defineProperty({
-      padding: '0 12px',
+      paddingBlock: 0,
+      paddingInline: 12,
       backgroundColor: 'rgba(0,0,0,0.04)'
     }, "&".concat(token.componentCls, "-allow-clear:hover:not(").concat(token.componentCls, "-disabled)"), (_$concat$concat = {}, defineProperty_defineProperty(_$concat$concat, "".concat(token.componentCls, "-arrow"), {
       display: 'none'
@@ -29605,16 +30009,18 @@ var style_genProStyle = function genProStyle(token) {
     }), _$concat$concat)),
     '&-icon': defineProperty_defineProperty({
       height: '12px',
-      padding: '1px',
+      paddingBlock: 1,
+      paddingInline: 1,
       color: token.colorIcon,
       fontSize: '12px',
       verticalAlign: 'middle'
     }, "&".concat(token.componentCls, "-close"), {
       display: 'none',
       height: '14px',
-      padding: '3px',
+      paddingBlock: 4,
+      paddingInline: 4,
       color: token.colorBgBase,
-      fontSize: '8px',
+      fontSize: 8,
       backgroundColor: token.colorTextPlaceholder,
       borderRadius: '50%',
       '&:hover': {
@@ -29629,27 +30035,33 @@ var style_genProStyle = function genProStyle(token) {
     }),
     '&-small': (_small = {
       height: '24px',
-      padding: '0 4px',
+      paddingBlock: 0,
+      paddingInline: 4,
       fontSize: token.fontSizeSM,
       lineHeight: '24px'
     }, defineProperty_defineProperty(_small, "&".concat(token.componentCls, "-active"), {
-      padding: '0 8px'
+      paddingBlock: 0,
+      paddingInline: 8
     }), defineProperty_defineProperty(_small, "".concat(token.componentCls, "-icon"), {
-      padding: 0
+      paddingBlock: 0,
+      paddingInline: 0
     }), defineProperty_defineProperty(_small, "".concat(token.componentCls, "-close"), {
-      marginTop: '-2px',
-      padding: '3px',
+      marginBlockStart: '-2px',
+      paddingBlock: 4,
+      paddingInline: 4,
       fontSize: '6px'
     }), _small),
     '&-bordered': {
       height: '32px',
-      padding: '0 12px',
+      paddingBlock: 0,
+      paddingInline: 12,
       border: "".concat(token.controlLineWidth, " solid ").concat(token.colorBorder),
       borderRadius: '@border-radius-base'
     },
     '&-bordered&-small': {
       height: '24px',
-      padding: '0 8px'
+      paddingBlock: 0,
+      paddingInline: 8
     },
     '&-bordered&-active': {
       backgroundColor: token.colorBgBase
@@ -29765,7 +30177,7 @@ var FieldLabel = function FieldLabel(props, ref) {
         },
         children: [prefix, (0,jsx_runtime.jsx)("span", {
           style: {
-            paddingLeft: 4
+            paddingInlineStart: 4
           },
           children: typeof str === 'string' ? str === null || str === void 0 ? void 0 : (_str$toString = str.toString()) === null || _str$toString === void 0 ? void 0 : (_str$toString$substr = _str$toString.substr) === null || _str$toString$substr === void 0 ? void 0 : _str$toString$substr.call(_str$toString, 0, VALUE_MAX_LENGTH) : str
         }), tail]
@@ -29809,14 +30221,16 @@ var FilterDropdown_style_genProStyle = function genProStyle(token) {
     cursor: 'pointer'
   }), defineProperty_defineProperty(_ref, "".concat(token.componentCls, "-overlay"), {
     minWidth: '200px',
-    marginTop: '4px',
+    marginBlockStart: '4px',
     backgroundColor: token.colorBgContainer,
     boxShadow: token.boxShadowCard,
     '*': {
+      fontFamily: token.fontFamily,
       boxSizing: 'border-box'
     }
   }), defineProperty_defineProperty(_ref, "".concat(token.componentCls, "-content"), {
-    padding: '16px'
+    paddingBlock: 16,
+    paddingInline: 16
   }), _ref;
 };
@@ -29926,7 +30340,9 @@ var InlineErrorFormItem_style_genProStyle = function genProStyle(token) {
   var progressBgCls = "".concat(token.antCls, "-progress-bg");
   return defineProperty_defineProperty({}, token.componentCls, {
     '&-multiple': {
-      padding: '6px 8px 12px 8px'
+      paddingBlockStart: 6,
+      paddingBlockEnd: 12,
+      paddingInline: 8
     },
     '&-progress': {
       '&-success': defineProperty_defineProperty({}, progressBgCls, {
@@ -29994,10 +30410,10 @@ var InlineErrorFormItem_excluded = ["label", "rules", "name", "children", "popov
 var FIX_INLINE_STYLE = {
-  marginTop: -5,
-  marginBottom: -5,
-  marginLeft: 0,
-  marginRight: 0
+  marginBlockStart: -5,
+  marginBlockEnd: -5,
+  marginInlineStart: 0,
+  marginInlineEnd: 0
 };
 var InlineErrorFormItem = function InlineErrorFormItem(_ref) {
@@ -30161,7 +30577,7 @@ var LabelIconTip_style_genProStyle = function genProStyle(token) {
     maxWidth: '100%',
     '&-icon': {
       display: 'block',
-      marginLeft: '4px',
+      marginInlineStart: '4px',
       cursor: 'pointer',
       '&:hover': {
         color: token.colorPrimaryBgHover
@@ -30172,7 +30588,7 @@ var LabelIconTip_style_genProStyle = function genProStyle(token) {
       flex: '1'
     },
     '&-subtitle ': {
-      marginLeft: '8px',
+      marginInlineStart: 8,
       color: token.colorTextSecondary,
       fontWeight: 'normal',
       fontSize: token.fontSize,
@@ -32020,7 +32436,7 @@ function SaveEditableAction(_ref) {
     }(),
     children: [loading ? (0,jsx_runtime.jsx)(icons_LoadingOutlined, {
       style: {
-        marginRight: 8
+        marginInlineEnd: 8
       }
     }) : null, children || '保存']
   }, "save");
@@ -32094,7 +32510,7 @@ var DeleteEditableAction = function DeleteEditableAction(_ref2) {
     children: (0,jsx_runtime.jsxs)("a", {
       children: [loading ? (0,jsx_runtime.jsx)(icons_LoadingOutlined, {
         style: {
-          marginRight: 8
+          marginInlineEnd: 8
         }
       }) : null, children || '删除']
     })
@@ -32622,6 +33038,7 @@ function useEditableArray(props) {
 /**
  * 兼容antd@4 和 antd@5 的warning
  * @param messageStr
@@ -32629,7 +33046,7 @@ function useEditableArray(props) {
 var useEditableMap_warning = function warning(messageStr) {
   // @ts-ignore
-  return (message.warn || message.warning)(messageStr);
+  return (external_antd_.message.warn || external_antd_.message.warning)(messageStr);
 };
 /**
  * 使用map 来删除数据，性能一般 但是准确率比较高
@@ -33178,8 +33595,8 @@ var CheckCard_style_genProStyle = function genProStyle(token) {
     position: 'relative',
     display: 'inline-block',
     width: '320px',
-    marginRight: '16px',
-    marginBottom: '16px',
+    marginInlineEnd: '16px',
+    marginBlockEnd: '16px',
     color: token.colorText,
     fontSize: token.fontSizeBase,
     lineHeight: token.lineHeight,
@@ -33189,10 +33606,10 @@ var CheckCard_style_genProStyle = function genProStyle(token) {
     cursor: 'pointer',
     transition: "all 0.3s",
     '&:last-child': {
-      marginRight: 0
+      marginInlineEnd: 0
     },
     '& + &': {
-      marginLeft: '0 !important'
+      marginInlineStart: '0 !important'
     },
     '&-bordered': {
       border: "".concat(token.lineWidth, " solid ").concat(token.colorBorder)
@@ -33204,13 +33621,15 @@ var CheckCard_style_genProStyle = function genProStyle(token) {
       overflow: 'hidden',
       userSelect: 'none',
       '&-content': {
-        padding: "".concat(token.paddingSM, " ").concat(token.padding),
+        paddingInline: token.padding,
+        paddingBlock: token.paddingSM,
         p: {
-          margin: 0
+          marginBlock: 0,
+          marginInline: 0
         },
         '&-block': {
           height: '14px',
-          margin: '4px 0',
+          marginBlock: '4px',
           background: "linear-gradient(90deg, rgba(54, 61, 64, 0.2), rgba(54, 61, 64, 0.4), rgba(54, 61, 64, 0.2))"
         },
         '@keyframes card-loading': {
@@ -33237,7 +33656,8 @@ var CheckCard_style_genProStyle = function genProStyle(token) {
       width: 212
     },
     '&-cover': {
-      padding: token.paddingXXS,
+      paddingInline: token.paddingXXS,
+      paddingBlock: token.paddingXXS,
       img: {
         width: '100%',
         height: '100%',
@@ -33247,19 +33667,20 @@ var CheckCard_style_genProStyle = function genProStyle(token) {
     },
     '&-content': {
       display: 'flex',
-      padding: "".concat(token.paddingSM, " ").concat(token.padding)
+      paddingInline: token.paddingSM,
+      paddingBlock: token.padding
     },
     '&-avatar-header': {
       display: 'flex',
       alignItems: 'center'
     },
     '&-avatar': {
-      paddingRight: 8
+      paddingInlineEnd: 8
     },
     '&-detail': {
       overflow: 'hidden',
       '> div:not(:last-child)': {
-        marginBottom: 4
+        marginBlockEnd: 4
       }
     },
     '&-header': {
@@ -33285,10 +33706,10 @@ var CheckCard_style_genProStyle = function genProStyle(token) {
   }), defineProperty_defineProperty(_token$componentCls, "".concat(token.componentCls, "-checked"), {
     '&::after': {
       position: 'absolute',
-      top: '2px',
-      right: '2px',
-      width: '0',
-      height: '0',
+      insetBlockStart: 2,
+      insetInlineEnd: 2,
+      width: 0,
+      height: 0,
       border: "6px solid ".concat(token.colorPrimary),
       borderBottom: '6px solid transparent',
       borderLeft: '6px solid transparent',
@@ -33540,24 +33961,24 @@ var Statistic_style_genProStyle = function genProStyle(token) {
     display: 'flex',
     fontSize: token.fontSize,
     '& + &': {
-      marginTop: 4
+      marginBlockStart: 4
     },
     '&-tip': {
-      marginLeft: 4
+      marginInlineStart: 4
     },
     '&-wrapper': {
       display: 'flex',
       width: '100%'
     },
     '&-icon': {
-      marginRight: 16
+      marginInlineEnd: 16
     },
     '&-trend-icon': {
-      width: '0',
-      height: '0',
-      borderRight: '3.5px solid transparent',
-      borderBottom: '9px solid #000',
-      borderLeft: '3.5px solid transparent',
+      width: 0,
+      height: 0,
+      borderInlineEnd: '3.5px solid transparent',
+      borderBlockEnd: '9px solid #000',
+      borderInlineStart: '3.5px solid transparent',
       '&-up': {
         transform: 'rotate(0deg)'
       },
@@ -33577,8 +33998,8 @@ var Statistic_style_genProStyle = function genProStyle(token) {
     display: 'inline-flex',
     color: token.colorTextSecondary
   }, defineProperty_defineProperty(_layoutInline, "".concat(token.antCls, "-statistic-title"), {
-    marginRight: '6px',
-    marginBottom: '0'
+    marginInlineEnd: '6px',
+    marginBlockEnd: 0
   }), defineProperty_defineProperty(_layoutInline, "".concat(token.antCls, "-statistic-content"), {
     color: token.colorTextSecondary
   }), defineProperty_defineProperty(_layoutInline, "".concat(token.antCls, "-statistic-title,").concat(token.antCls, "-statistic-content,").concat(token.antCls, "-statistic-content-suffix,").concat(token.antCls, "-statistic-content-prefix,").concat(token.antCls, "-statistic-content-value-decimal"), {
@@ -33587,7 +34008,7 @@ var Statistic_style_genProStyle = function genProStyle(token) {
     display: 'flex',
     justifyContent: 'space-between'
   }, defineProperty_defineProperty(_layoutHorizontal, "".concat(token.antCls, "-statistic-title"), {
-    marginBottom: '0'
+    marginBlockEnd: 0
   }), defineProperty_defineProperty(_layoutHorizontal, "".concat(token.antCls, "-statistic-content-value"), {
     fontWeight: 500
   }), defineProperty_defineProperty(_layoutHorizontal, "".concat(token.antCls, "-statistic-title,").concat(token.antCls, "-statistic-content,").concat(token.antCls, "-statistic-content-suffix,").concat(token.antCls, "-statistic-content-prefix,").concat(token.antCls, "-statistic-content-value-decimal"), {
@@ -33760,8 +34181,10 @@ var genActionsStyle = function genActionsStyle(token) {
   var componentCls = token.componentCls,
       antCls = token.antCls;
   return defineProperty_defineProperty({}, "".concat(componentCls, "-actions"), (_$concat = {
-    margin: 0,
-    padding: 0,
+    marginBlock: 0,
+    marginInline: 0,
+    paddingBlock: 0,
+    paddingInline: 0,
     listStyle: 'none',
     background: token.colorBgContainer,
     borderTop: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
@@ -33771,7 +34194,8 @@ var genActionsStyle = function genActionsStyle(token) {
   }), defineProperty_defineProperty(_$concat, "& > li,\n        ".concat(antCls, "-space-item"), {
     flex: 1,
     float: 'left',
-    margin: "".concat(token.marginSM, "px 0"),
+    marginBlock: token.marginSM,
+    marginInline: 0,
     color: token.colorTextSecondary,
     textAlign: 'center',
     '> a': {
@@ -33881,12 +34305,13 @@ var Loading_style_genProStyle = function genProStyle(token) {
     '&-loading-content': {
       width: '100%',
       p: {
-        margin: 0
+        marginBlock: 0,
+        marginInline: 0
       }
     },
     '&-loading-block': {
       height: '14px',
-      margin: '4px 0',
+      marginBlock: '4px',
       background: "linear-gradient(90deg, rgba(54, 61, 64, 0.2), rgba(54, 61, 64, 0.4), rgba(54, 61, 64, 0.2))",
       backgroundSize: '600% 600%',
       borderRadius: token.radiusBase,
@@ -34166,13 +34591,20 @@ var genProCardStyle = function genProCardStyle(token) {
     flexDirection: 'column',
     boxSizing: 'border-box',
     width: '100%',
-    margin: 0,
-    padding: 0,
+    marginBlock: 0,
+    marginInline: 0,
+    paddingBlock: 0,
+    paddingInline: 0,
     backgroundColor: token.colorBgContainer,
     borderRadius: token.radiusBase
   }, resetComponent === null || resetComponent === void 0 ? void 0 : resetComponent(token)), {}, (_objectSpread2 = {
-    '> *': {
-      boxSizing: 'border-box'
+    '*': {
+      boxSizing: 'border-box',
+      fontFamily: token.fontFamily
+    },
+    '&-box-shadow': {
+      boxShadow: token.boxShadowCard,
+      borderColor: token.cardHoverableHoverBorder
     },
     '&-col': {
       width: '100%'
@@ -34193,7 +34625,7 @@ var genProCardStyle = function genProCardStyle(token) {
     '&-checked': objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, genActiveStyle(token)), {}, {
       '&::after': {
         position: 'absolute',
-        top: 2,
+        insetBlockStart: 2,
         insetInlineEnd: 2,
         width: 0,
         height: 0,
@@ -34207,17 +34639,19 @@ var genProCardStyle = function genProCardStyle(token) {
     '&:focus': objectSpread2_objectSpread2({}, genActiveStyle(token)),
     '&&-size-small': defineProperty_defineProperty({}, componentCls, {
       '&-header': {
-        padding: "".concat(token.paddingXS, "px ").concat(token.paddingSM, "px"),
-        paddingBottom: 0,
+        paddingInline: token.paddingSM,
+        paddingBlock: token.paddingXS,
+        paddingBlockEnd: 0,
         '&-border': {
-          paddingBottom: token.paddingXS
+          paddingBlockEnd: token.paddingXS
         }
       },
       '&-title': {
         fontSize: token.fontSize
       },
       '&-body': {
-        padding: token.paddingSM
+        paddingInline: token.paddingSM,
+        paddingBlock: token.paddingSM
       }
     }),
     '&&-ghost': defineProperty_defineProperty({
@@ -34225,16 +34659,18 @@ var genProCardStyle = function genProCardStyle(token) {
     }, "> ".concat(componentCls), {
       '&-header': {
         paddingInlineEnd: 0,
-        paddingBottom: token.padding,
+        paddingBlockEnd: token.padding,
         paddingInlineStart: 0
       },
       '&-body': {
-        padding: 0,
+        paddingBlock: 0,
+        paddingInline: 0,
         backgroundColor: 'transparent'
       }
     }),
     '&&-split > &-body': {
-      padding: 0
+      paddingBlock: 0,
+      paddingInline: 0
     },
     '&&-contain-card > &-body': {
       display: 'flex'
@@ -34245,7 +34681,7 @@ var genProCardStyle = function genProCardStyle(token) {
     flexWrap: 'wrap'
   }), defineProperty_defineProperty(_objectSpread2, '&&-collapse', defineProperty_defineProperty({}, "> ".concat(componentCls), {
     '&-header': {
-      paddingBottom: token.padding,
+      paddingBlockEnd: token.padding,
       borderBottom: 0
     },
     '&-body': {
@@ -34255,11 +34691,12 @@ var genProCardStyle = function genProCardStyle(token) {
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'space-between',
-    padding: "".concat(token.padding, "px ").concat(token.paddingLG, "px"),
-    paddingBottom: 0,
+    paddingInline: token.paddingLG,
+    paddingBlock: token.padding,
+    paddingBlockEnd: 0,
     '&-border': {
       '&': {
-        paddingBottom: token.padding
+        paddingBlockEnd: token.padding
       },
       borderBottom: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
     },
@@ -34287,7 +34724,8 @@ var genProCardStyle = function genProCardStyle(token) {
     display: 'block',
     boxSizing: 'border-box',
     height: '100%',
-    padding: token.paddingLG,
+    paddingInline: token.paddingLG,
+    paddingBlock: token.paddingLG,
     '&-center': {
       display: 'flex',
       alignItems: 'center',
@@ -34341,7 +34779,7 @@ function Card_style_useStyle(prefixCls) {
-var Card_excluded = ["className", "style", "bodyStyle", "headStyle", "title", "subTitle", "extra", "tip", "wrap", "layout", "loading", "gutter", "tooltip", "split", "headerBordered", "bordered", "children", "size", "actions", "ghost", "hoverable", "direction", "collapsed", "collapsible", "collapsibleIconRender", "defaultCollapsed", "onCollapse", "checked", "onChecked", "tabs", "type"];
+var Card_excluded = ["className", "style", "bodyStyle", "headStyle", "title", "subTitle", "extra", "tip", "wrap", "layout", "loading", "gutter", "tooltip", "split", "headerBordered", "bordered", "boxShadow", "children", "size", "actions", "ghost", "hoverable", "direction", "collapsed", "collapsible", "collapsibleIconRender", "defaultCollapsed", "onCollapse", "checked", "onChecked", "tabs", "type"];
@@ -34379,6 +34817,8 @@ var Card = /*#__PURE__*/external_React_default().forwardRef(function (props, ref
       headerBordered = _props$headerBordered === void 0 ? false : _props$headerBordered,
       _props$bordered = props.bordered,
       bordered = _props$bordered === void 0 ? false : _props$bordered,
+      _props$boxShadow = props.boxShadow,
+      boxShadow = _props$boxShadow === void 0 ? true : _props$boxShadow,
       children = props.children,
       size = props.size,
       actions = props.actions,
@@ -34508,11 +34948,11 @@ var Card = /*#__PURE__*/external_React_default().forwardRef(function (props, ref
       var columnClassName = classnames_default()(["".concat(prefixCls, "-col")], hashId, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-split-vertical"), split === 'vertical' && index !== childrenArray.length - 1), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-split-horizontal"), split === 'horizontal' && index !== childrenArray.length - 1), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-col-").concat(span), typeof span === 'number' && span >= 0 && span <= 24), _classNames));
       return wrapSSR((0,jsx_runtime.jsx)("div", {
         style: objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, colSpanStyle), getStyle(horizonalGutter > 0, {
-          paddingRight: horizonalGutter / 2,
-          paddingLeft: horizonalGutter / 2
+          paddingInlineEnd: horizonalGutter / 2,
+          paddingInlineStart: horizonalGutter / 2
         })), getStyle(verticalGutter > 0, {
-          paddingTop: verticalGutter / 2,
-          paddingBottom: verticalGutter / 2
+          paddingBlockStart: verticalGutter / 2,
+          paddingBlockEnd: verticalGutter / 2
         })),
         className: columnClassName,
         children: /*#__PURE__*/external_React_default().cloneElement(element)
@@ -34521,15 +34961,15 @@ var Card = /*#__PURE__*/external_React_default().forwardRef(function (props, ref
     return element;
   });
-  var cardCls = classnames_default()("".concat(prefixCls), className, hashId, (_classNames2 = {}, defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-border"), bordered), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-contain-card"), containProCard), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-loading"), loading), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-split"), split === 'vertical' || split === 'horizontal'), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-ghost"), ghost), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-hoverable"), hoverable), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-size-").concat(size), size), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-type-").concat(type), type), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-collapse"), collapsed), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-checked"), checked), _classNames2));
+  var cardCls = classnames_default()("".concat(prefixCls), className, hashId, (_classNames2 = {}, defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-border"), bordered), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-box-shadow"), boxShadow), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-contain-card"), containProCard), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-loading"), loading), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-split"), split === 'vertical' || split === 'horizontal'), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-ghost"), ghost), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-hoverable"), hoverable), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-size-").concat(size), size), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-type-").concat(type), type), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-collapse"), collapsed), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-checked"), checked), _classNames2));
   var bodyCls = classnames_default()("".concat(prefixCls, "-body"), (_classNames3 = {}, defineProperty_defineProperty(_classNames3, "".concat(prefixCls, "-body-center"), layout === 'center'), defineProperty_defineProperty(_classNames3, "".concat(prefixCls, "-body-direction-column"), split === 'horizontal' || direction === 'column'), defineProperty_defineProperty(_classNames3, "".concat(prefixCls, "-body-wrap"), wrap && containProCard), _classNames3));
   var cardBodyStyle = objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, getStyle(horizonalGutter > 0, {
-    marginRight: -horizonalGutter / 2,
-    marginLeft: -horizonalGutter / 2
+    marginInlineEnd: -horizonalGutter / 2,
+    marginInlineStart: -horizonalGutter / 2
   })), getStyle(verticalGutter > 0, {
-    marginTop: -verticalGutter / 2,
-    marginBottom: -verticalGutter / 2
+    marginBlockStart: -verticalGutter / 2,
+    marginBlockEnd: -verticalGutter / 2
   })), bodyStyle);
   var loadingDOM = /*#__PURE__*/ /*#__PURE__*/external_React_default().isValidElement(loading) ? loading : (0,jsx_runtime.jsx)(components_Loading, {
@@ -34602,18 +35042,22 @@ var genDividerStyle = function genDividerStyle(token) {
     '&-divider': {
       flex: 'none',
       width: token.lineWidth,
-      margin: "".concat(token.marginLG, "px ").concat(token.marginXS, "px"),
+      marginInline: token.marginXS,
+      marginBlock: token.marginLG,
       backgroundColor: token.colorSplit,
       '&-horizontal': {
         width: 'initial',
         height: token.lineWidth,
-        margin: "".concat(token.marginXS, "px ").concat(token.marginLG, "px")
+        marginInline: token.marginLG,
+        marginBlock: token.marginXS
       }
     },
     '&&-size-small &-divider': {
-      margin: "".concat(token.marginLG, "px ").concat(token.marginXS, "px"),
+      marginBlock: token.marginLG,
+      marginInline: token.marginXS,
       '&-horizontal': {
-        margin: "".concat(token.marginXS, "px ").concat(token.marginLG, "px")
+        marginBlock: token.marginXS,
+        marginInline: token.marginLG
       }
     }
   });
@@ -34669,7 +35113,8 @@ var Operation_style_genProStyle = function genProStyle(token) {
     display: 'flex',
     flexDirection: 'column',
     justifyContent: 'flex-end',
-    margin: "".concat(token.marginLG, " 0"),
+    marginBlock: token.marginLG,
+    marginInline: 0,
     color: 'rgba(0, 0, 0, 0.85)',
     fontWeight: '500',
     fontSize: '20px',
@@ -34726,15 +35171,15 @@ var StatisticCard_style_genProStyle = function genProStyle(token) {
     '&-chart': {
       display: 'flex',
       flexDirection: 'column',
-      marginTop: '8px',
-      marginBottom: '8px',
+      marginBlockStart: 8,
+      marginBlockEnd: 8,
       '&-left': {
-        marginTop: '0',
-        marginRight: '16px'
+        marginBlockStart: 0,
+        marginInlineEnd: '16px'
       },
       '&-right': {
-        marginTop: '0',
-        marginLeft: '16px'
+        marginBlockStart: 0,
+        marginInlineStart: '16px'
       }
     },
     '&-content': {
@@ -34748,8 +35193,8 @@ var StatisticCard_style_genProStyle = function genProStyle(token) {
       })
     },
     '&-footer': {
-      marginTop: '8px',
-      paddingTop: '16px',
+      marginBlockStart: 8,
+      paddingBlockStart: '16px',
       borderTop: "rgba(0, 0, 0, 0.08) solid ".concat(token.colorBorder)
     }
   });
@@ -40026,7 +40471,7 @@ var BaseProFormCaptcha = /*#__PURE__*/external_React_default().forwardRef(functi
           style: {
             flex: 1,
             transition: 'width .3s',
-            marginRight: 8
+            marginInlineEnd: 8
           }
         })), (0,jsx_runtime.jsx)(external_antd_.Button, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
           style: {
@@ -41336,7 +41781,7 @@ var FieldCheckbox = function FieldCheckbox(_ref, ref) {
     return defineProperty_defineProperty({}, ".".concat(layoutClassName), {
       '&-horizontal': defineProperty_defineProperty({}, "".concat(token.antCls, "-checkbox-group-item"), {
         display: 'flex',
-        marginRight: 0
+        marginInlineEnd: 0
       })
     });
   }),
@@ -45424,7 +45869,7 @@ var FieldRadio = function FieldRadio(_ref, ref) {
   var _useStyle = useStyle('checkbox', function (token) {
     return defineProperty_defineProperty({}, ".".concat(layoutClassName, "-horizontal"), defineProperty_defineProperty({}, "".concat(token.antCls, "-radio-wrapper"), {
       display: 'block',
-      marginRight: 0
+      marginInlineEnd: 0
     }));
   }),
       wrapSSR = _useStyle.wrapSSR,
@@ -48154,11 +48599,11 @@ var List_style_genProStyle = function genProStyle(token) {
     '&-action': {
       display: 'flex',
       height: '32px',
-      marginBottom: '24px',
+      marginBlockEnd: '24px',
       lineHeight: '32px'
     },
     '&-action-icon': {
-      marginLeft: '8px',
+      marginInlineStart: 8,
       cursor: 'pointer',
       transition: 'color 0.3s ease-in-out',
       '&:hover': {
@@ -48167,10 +48612,10 @@ var List_style_genProStyle = function genProStyle(token) {
     }
   }, defineProperty_defineProperty(_token$componentCls2, "".concat(token.proComponentsCls, "-card ").concat(token.proComponentsCls, "-card-extra"), defineProperty_defineProperty({}, token.componentCls, {
     '&-action': {
-      marginBottom: 0
+      marginBlockEnd: 0
     }
   })), defineProperty_defineProperty(_token$componentCls2, '&-creator-button-top', {
-    marginBottom: 24
+    marginBlockEnd: 24
   }), _token$componentCls2)), _ref;
 };
@@ -48772,12 +49217,12 @@ var WarpFormItem = function WarpFormItem(_ref) {
               },
               children: [addonBefore ? (0,jsx_runtime.jsx)("div", {
                 style: {
-                  marginRight: 8
+                  marginInlineEnd: 8
                 },
                 children: addonBefore
               }) : null, doms.input, addonAfter ? (0,jsx_runtime.jsx)("div", {
                 style: {
-                  marginLeft: 8
+                  marginInlineStart: 8
                 },
                 children: addonAfter
               }) : null]
@@ -48901,7 +49346,7 @@ var Group_style_genProStyle = function genProStyle(token) {
   return defineProperty_defineProperty({}, token.componentCls, {
     '&-title': {
-      marginBottom: token.marginXL,
+      marginBlockEnd: token.marginXL,
       fontWeight: 'bold'
     },
     '&-container': defineProperty_defineProperty({
@@ -48917,7 +49362,7 @@ var Group_style_genProStyle = function genProStyle(token) {
       width: '100%',
       margin: '8px 0'
     }), defineProperty_defineProperty(_twoLine, "".concat(token.componentCls, "-container"), {
-      paddingLeft: 16
+      paddingInlineStart: 16
     }), defineProperty_defineProperty(_twoLine, "".concat(token.antCls, "-space-item,").concat(token.antCls, "-form-item"), {
       maxWidth: '100%'
     }), defineProperty_defineProperty(_twoLine, "".concat(token.antCls, "-form-item"), {
@@ -49008,7 +49453,7 @@ var Group_Group = /*#__PURE__*/external_React_default().forwardRef(function (pro
   var collapsibleButton = collapsible && (0,jsx_runtime.jsx)(icons_RightOutlined, {
     style: {
-      marginRight: 8
+      marginInlineEnd: 8
     },
     rotate: !collapsed ? 90 : undefined
   });
@@ -49431,51 +49876,53 @@ function DrawerForm(_ref) {
           justifyContent: 'flex-end'
         }
       }),
-      children: (0,jsx_runtime.jsx)(BaseForm, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
-        formComponentType: "DrawerForm",
-        layout: "vertical",
-        formRef: formRef
-      }, rest), {}, {
-        submitter: submitterConfig,
-        onFinish: function () {
-          var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(values) {
-            var _rest$formRef$current, _rest$formRef;
+      children: (0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
+        children: (0,jsx_runtime.jsx)(BaseForm, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
+          formComponentType: "DrawerForm",
+          layout: "vertical",
+          formRef: formRef
+        }, rest), {}, {
+          submitter: submitterConfig,
+          onFinish: function () {
+            var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(values) {
+              var _rest$formRef$current, _rest$formRef;
-            var result, form;
-            return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-              while (1) {
-                switch (_context3.prev = _context3.next) {
-                  case 0:
-                    _context3.next = 2;
-                    return onFinishHandle(values);
+              var result, form;
+              return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+                while (1) {
+                  switch (_context3.prev = _context3.next) {
+                    case 0:
+                      _context3.next = 2;
+                      return onFinishHandle(values);
-                  case 2:
-                    result = _context3.sent;
-                    form = (_rest$formRef$current = (_rest$formRef = rest.formRef) === null || _rest$formRef === void 0 ? void 0 : _rest$formRef.current) !== null && _rest$formRef$current !== void 0 ? _rest$formRef$current : formRef.current; // 返回真值，重置表单
+                    case 2:
+                      result = _context3.sent;
+                      form = (_rest$formRef$current = (_rest$formRef = rest.formRef) === null || _rest$formRef === void 0 ? void 0 : _rest$formRef.current) !== null && _rest$formRef$current !== void 0 ? _rest$formRef$current : formRef.current; // 返回真值，重置表单
-                    if (result && form) {
-                      form.resetFields();
-                    }
+                      if (result && form) {
+                        form.resetFields();
+                      }
-                    return _context3.abrupt("return", result);
+                      return _context3.abrupt("return", result);
-                  case 6:
-                  case "end":
-                    return _context3.stop();
+                    case 6:
+                    case "end":
+                      return _context3.stop();
+                  }
                 }
-              }
-            }, _callee3);
-          }));
+              }, _callee3);
+            }));
-          function onFinish(_x3) {
-            return _onFinish.apply(this, arguments);
-          }
+            function onFinish(_x3) {
+              return _onFinish.apply(this, arguments);
+            }
-          return onFinish;
-        }(),
-        contentRender: contentRender,
-        children: children
-      }))
+            return onFinish;
+          }(),
+          contentRender: contentRender,
+          children: children
+        }))
+      })
     })), triggerDom]
   });
 }
@@ -49530,7 +49977,7 @@ var genLightFilterStyle = function genLightFilterStyle(token) {
     // @see https://yuque.antfin-inc.com/tech-ui/topics/523
     '&::before': {
       display: 'block',
-      height: '0',
+      height: 0,
       visibility: 'hidden',
       content: "'.'"
     },
@@ -49540,22 +49987,22 @@ var genLightFilterStyle = function genLightFilterStyle(token) {
     '&-container': {
       display: 'flex',
       flexWrap: 'wrap',
-      marginTop: '-8px',
-      marginRight: '-4px'
+      marginBlockStart: '-8px',
+      marginInlineEnd: '-4px'
     },
     '&-item': {
       '&:not(:last-child)': {
-        marginRight: '8px'
+        marginInlineEnd: 8
       },
-      marginTop: '8px',
+      marginBlockStart: 8,
       whiteSpace: 'nowrap'
     },
     '&-line': {
       minWidth: '198px'
     },
     '&-line:not(:first-child)': {
-      marginTop: '16px',
-      marginBottom: '8px'
+      marginBlockStart: '16px',
+      marginBlockEnd: 8
     },
     '&-collapse-icon': {
       width: token.controlHeight,
@@ -51538,7 +51985,7 @@ var defaultCollapseRender = function defaultCollapseRender(collapsed, _, intl, h
     return (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
       children: [intl.getMessage('tableForm.collapsed', '展开'), hiddenNum && "(".concat(hiddenNum, ")"), (0,jsx_runtime.jsx)(icons_DownOutlined, {
         style: {
-          marginLeft: '0.5em',
+          marginInlineStart: '0.5em',
           transition: '0.3s all',
           transform: "rotate(".concat(collapsed ? 0 : 0.5, "turn)")
         }
@@ -51549,7 +51996,7 @@ var defaultCollapseRender = function defaultCollapseRender(collapsed, _, intl, h
   return (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [intl.getMessage('tableForm.expand', '收起'), (0,jsx_runtime.jsx)(icons_DownOutlined, {
       style: {
-        marginLeft: '0.5em',
+        marginInlineStart: '0.5em',
         transition: '0.3s all',
         transform: "rotate(".concat(collapsed ? 0 : 0.5, "turn)")
       }
@@ -51801,8 +52248,8 @@ var QueryFilterContent = function QueryFilterContent(props) {
         span: "24",
         children: (0,jsx_runtime.jsx)(external_antd_.Divider, {
           style: {
-            marginTop: -8,
-            marginBottom: 16
+            marginBlockStart: -8,
+            marginBlockEnd: 16
           },
           dashed: true
         })
@@ -51945,7 +52392,7 @@ function QueryFilter(props) {
       groupProps: {
         titleStyle: {
           display: 'inline-block',
-          marginRight: 16
+          marginInlineEnd: 16
         }
       },
       contentRender: function contentRender(items, renderSubmitter, form) {
@@ -52095,7 +52542,7 @@ var genStepsFormStyle = function genStepsFormStyle(token) {
     }),
     '&-step': {
       display: 'none',
-      marginTop: '32px',
+      marginBlockStart: '32px',
       '&-active': {
         display: 'block'
       },
@@ -54273,8 +54720,8 @@ function BaseForm(props) {
   if (!initialData && props.request) {
     return (0,jsx_runtime.jsx)("div", {
       style: {
-        paddingTop: 50,
-        paddingBottom: 50,
+        paddingBlockStart: 50,
+        paddingBlockEnd: 50,
         textAlign: 'center'
       },
       children: (0,jsx_runtime.jsx)(external_antd_.Spin, {})
@@ -54305,9 +54752,10 @@ var LightWrapper_style_genProStyle = function genProStyle(token) {
   var _ref;
   return _ref = {}, defineProperty_defineProperty(_ref, "".concat(token.componentCls, "-collapse-label"), {
-    padding: 1
+    paddingInline: 1,
+    paddingBlock: 1
   }), defineProperty_defineProperty(_ref, "".concat(token.componentCls, "-container"), defineProperty_defineProperty({}, "".concat(token.antCls, "-form-item"), {
-    marginBottom: 0
+    marginBlockEnd: 0
   })), _ref;
 };
@@ -54489,7 +54937,8 @@ var genLoginFormStyle = function genLoginFormStyle(token) {
       flex: '1',
       flexDirection: 'column',
       height: '100%',
-      padding: '32px 0',
+      paddingInline: 32,
+      paddingBlock: 0,
       overflow: 'auto',
       background: 'inherit'
     },
@@ -54508,7 +54957,7 @@ var genLoginFormStyle = function genLoginFormStyle(token) {
     },
     '&-title': {
       position: 'relative',
-      top: '2px',
+      insetBlockStart: '2px',
       color: '@heading-color',
       fontWeight: '600',
       fontSize: '33px'
@@ -54516,15 +54965,15 @@ var genLoginFormStyle = function genLoginFormStyle(token) {
     '&-logo': {
       width: '44px',
       height: '44px',
-      marginRight: '16px',
+      marginInlineEnd: '16px',
       verticalAlign: 'top',
       img: {
         width: '100%'
       }
     },
     '&-desc': {
-      marginTop: '12px',
-      marginBottom: '40px',
+      marginBlockStart: '12px',
+      marginBlockEnd: '40px',
       color: token.colorTextSecondary,
       fontSize: token.fontSize
     },
@@ -54533,13 +54982,15 @@ var genLoginFormStyle = function genLoginFormStyle(token) {
       maxWidth: '500px',
       margin: '0 auto',
       '&-other': {
-        marginTop: '24px',
+        marginBlockStart: '24px',
         lineHeight: '22px',
         textAlign: 'left'
       }
     }
   }), defineProperty_defineProperty(_ref, '@media (min-width: @screen-md-min)', defineProperty_defineProperty({}, "".concat(token.componentCls, "-container"), {
-    padding: '32px 0 24px',
+    paddingInline: 0,
+    paddingBlockStart: 32,
+    paddingBlockEnd: 24,
     backgroundRepeat: 'no-repeat',
     backgroundPosition: 'center 110px',
     backgroundSize: '100%'
@@ -54683,18 +55134,20 @@ var style_genLoginFormStyle = function genLoginFormStyle(token) {
       flex: '1',
       alignItems: 'flex-end',
       '&-activity': {
-        margin: '24px',
-        padding: '24px',
+        marginBlock: 24,
+        marginInline: 24,
+        paddingInline: 24,
+        paddingBlock: 24,
         '&-title': {
           fontWeight: '500',
           fontSize: '28px'
         },
         '&-subTitle': {
-          marginTop: '8px',
+          marginBlockStart: 8,
           fontSize: '16px'
         },
         '&-action': {
-          marginTop: '24px'
+          marginBlockStart: '24px'
         }
       }
     },
@@ -54704,7 +55157,8 @@ var style_genLoginFormStyle = function genLoginFormStyle(token) {
       flexDirection: 'column',
       maxWidth: '550px',
       height: '100%',
-      padding: '32px 0',
+      paddingInline: 0,
+      paddingBlock: 32,
       overflow: 'auto',
       background: token.colorBgContainer
     },
@@ -54723,7 +55177,7 @@ var style_genLoginFormStyle = function genLoginFormStyle(token) {
     },
     '&-title': {
       position: 'relative',
-      top: '2px',
+      tinsetBlockStartop: '2px',
       color: '@heading-color',
       fontWeight: '600',
       fontSize: '33px'
@@ -54731,15 +55185,15 @@ var style_genLoginFormStyle = function genLoginFormStyle(token) {
     '&-logo': {
       width: '44px',
       height: '44px',
-      marginRight: '16px',
+      marginInlineEnd: '16px',
       verticalAlign: 'top',
       img: {
         width: '100%'
       }
     },
     '&-desc': {
-      marginTop: '12px',
-      marginBottom: '40px',
+      marginBlockStart: '12px',
+      marginBlockEnd: '40px',
       color: token.colorTextSecondary,
       fontSize: token.fontSize
     },
@@ -54747,7 +55201,7 @@ var style_genLoginFormStyle = function genLoginFormStyle(token) {
       width: '328px',
       margin: '0 auto',
       '&-other': {
-        marginTop: '24px',
+        marginBlockStart: '24px',
         lineHeight: '22px',
         textAlign: 'left'
       }
@@ -54766,7 +55220,9 @@ var style_genLoginFormStyle = function genLoginFormStyle(token) {
     }
   })), defineProperty_defineProperty(_ref, "@media (min-width: ".concat(token.screenMDMin), defineProperty_defineProperty({}, token.componentCls, {
     '&-container': {
-      padding: '128px 0 24px',
+      paddingInline: 0,
+      paddingBlockStart: 128,
+      paddingBlockEnd: 24,
       backgroundRepeat: 'no-repeat',
       backgroundPosition: 'center 110px',
       backgroundSize: '100%'
@@ -55246,7 +55702,7 @@ var StatisticSkeleton = function StatisticSkeleton(_ref2) {
   return (0,jsx_runtime.jsx)(external_antd_.Card, {
     bordered: false,
     style: {
-      marginBottom: 16
+      marginBlockEnd: 16
     },
     children: (0,jsx_runtime.jsx)("div", {
       style: {
@@ -55258,9 +55714,9 @@ var StatisticSkeleton = function StatisticSkeleton(_ref2) {
         return (0,jsx_runtime.jsxs)("div", {
           style: {
             borderLeft: arraySize > 2 && index === 1 ? '1px solid rgba(0,0,0,0.06)' : undefined,
-            paddingLeft: firstWidth(index),
+            paddingInlineStart: firstWidth(index),
             flex: 1,
-            marginRight: index === 0 ? 16 : 0
+            marginInlineEnd: index === 0 ? 16 : 0
           },
           children: [(0,jsx_runtime.jsx)(external_antd_.Skeleton, {
             active: active,
@@ -55268,7 +55724,7 @@ var StatisticSkeleton = function StatisticSkeleton(_ref2) {
             title: {
               width: 100,
               style: {
-                marginTop: 0
+                marginBlockStart: 0
               }
             }
           }), (0,jsx_runtime.jsx)(external_antd_.Skeleton.Button, {
@@ -55314,7 +55770,7 @@ var ListSkeletonItem = function ListSkeletonItem(_ref3) {
             title: {
               width: 100,
               style: {
-                marginTop: 0
+                marginBlockStart: 0
               }
             },
             paragraph: {
@@ -55329,7 +55785,7 @@ var ListSkeletonItem = function ListSkeletonItem(_ref3) {
           size: "small",
           style: {
             width: 165,
-            marginTop: 12
+            marginBlockStart: 12
           }
         })]
       })
@@ -55385,7 +55841,7 @@ var PageHeaderSkeleton = function PageHeaderSkeleton(_ref5) {
   var active = _ref5.active;
   return (0,jsx_runtime.jsxs)("div", {
     style: {
-      marginBottom: 16
+      marginBlockEnd: 16
     },
     children: [(0,jsx_runtime.jsx)(external_antd_.Skeleton, {
       paragraph: false,
@@ -55413,7 +55869,7 @@ var ListToolbarSkeleton = function ListToolbarSkeleton(_ref6) {
       borderBottomLeftRadius: 0
     },
     bodyStyle: {
-      paddingBottom: 8
+      paddingBlockEnd: 8
     },
     children: (0,jsx_runtime.jsxs)(external_antd_.Space, {
       style: {
@@ -55498,14 +55954,14 @@ var DescriptionsLargeItemSkeleton = function DescriptionsLargeItemSkeleton(_ref)
   var active = _ref.active;
   return (0,jsx_runtime.jsxs)("div", {
     style: {
-      marginTop: 32
+      marginBlockStart: 32
     },
     children: [(0,jsx_runtime.jsx)(external_antd_.Skeleton.Button, {
       active: active,
       size: "small",
       style: {
         width: 100,
-        marginBottom: 16
+        marginBlockEnd: 16
       }
     }), (0,jsx_runtime.jsxs)("div", {
       style: {
@@ -55516,7 +55972,7 @@ var DescriptionsLargeItemSkeleton = function DescriptionsLargeItemSkeleton(_ref)
       children: [(0,jsx_runtime.jsxs)("div", {
         style: {
           flex: 1,
-          marginRight: 24,
+          marginInlineEnd: 24,
           maxWidth: 300
         },
         children: [(0,jsx_runtime.jsx)(external_antd_.Skeleton, {
@@ -55524,7 +55980,7 @@ var DescriptionsLargeItemSkeleton = function DescriptionsLargeItemSkeleton(_ref)
           paragraph: false,
           title: {
             style: {
-              marginTop: 0
+              marginBlockStart: 0
             }
           }
         }), (0,jsx_runtime.jsx)(external_antd_.Skeleton, {
@@ -55532,7 +55988,7 @@ var DescriptionsLargeItemSkeleton = function DescriptionsLargeItemSkeleton(_ref)
           paragraph: false,
           title: {
             style: {
-              marginTop: 8
+              marginBlockStart: 8
             }
           }
         }), (0,jsx_runtime.jsx)(external_antd_.Skeleton, {
@@ -55540,7 +55996,7 @@ var DescriptionsLargeItemSkeleton = function DescriptionsLargeItemSkeleton(_ref)
           paragraph: false,
           title: {
             style: {
-              marginTop: 8
+              marginBlockStart: 8
             }
           }
         })]
@@ -55560,7 +56016,7 @@ var DescriptionsLargeItemSkeleton = function DescriptionsLargeItemSkeleton(_ref)
             paragraph: false,
             title: {
               style: {
-                marginTop: 0
+                marginBlockStart: 0
               }
             }
           }), (0,jsx_runtime.jsx)(external_antd_.Skeleton, {
@@ -55568,7 +56024,7 @@ var DescriptionsLargeItemSkeleton = function DescriptionsLargeItemSkeleton(_ref)
             paragraph: false,
             title: {
               style: {
-                marginTop: 8
+                marginBlockStart: 8
               }
             }
           })]
@@ -55593,15 +56049,15 @@ var DescriptionsItemSkeleton = function DescriptionsItemSkeleton(_ref2) {
       return (0,jsx_runtime.jsxs)("div", {
         style: {
           flex: 1,
-          paddingLeft: index === 0 ? 0 : 24,
-          paddingRight: index === arraySize - 1 ? 0 : 24
+          paddingInlineStart: index === 0 ? 0 : 24,
+          paddingInlineEnd: index === arraySize - 1 ? 0 : 24
         },
         children: [(0,jsx_runtime.jsx)(external_antd_.Skeleton, {
           active: active,
           paragraph: false,
           title: {
             style: {
-              marginTop: 0
+              marginBlockStart: 0
             }
           }
         }), (0,jsx_runtime.jsx)(external_antd_.Skeleton, {
@@ -55609,7 +56065,7 @@ var DescriptionsItemSkeleton = function DescriptionsItemSkeleton(_ref2) {
           paragraph: false,
           title: {
             style: {
-              marginTop: 8
+              marginBlockStart: 8
             }
           }
         }), (0,jsx_runtime.jsx)(external_antd_.Skeleton, {
@@ -55617,7 +56073,7 @@ var DescriptionsItemSkeleton = function DescriptionsItemSkeleton(_ref2) {
           paragraph: false,
           title: {
             style: {
-              marginTop: 8
+              marginBlockStart: 8
             }
           }
         })]
@@ -55649,8 +56105,8 @@ var TableItemSkeleton = function TableItemSkeleton(_ref3) {
         return (0,jsx_runtime.jsx)("div", {
           style: {
             flex: 1,
-            paddingLeft: header && index === 0 ? 0 : 20,
-            paddingRight: 32
+            paddingInlineStart: header && index === 0 ? 0 : 20,
+            paddingInlineEnd: 32
           },
           children: (0,jsx_runtime.jsx)(external_antd_.Skeleton, {
             active: active,
@@ -55667,7 +56123,7 @@ var TableItemSkeleton = function TableItemSkeleton(_ref3) {
       }), (0,jsx_runtime.jsx)("div", {
         style: {
           flex: 3,
-          paddingLeft: 32
+          paddingInlineStart: 32
         },
         children: (0,jsx_runtime.jsx)(external_antd_.Skeleton, {
           active: active,
@@ -55703,7 +56159,7 @@ var TableSkeleton = function TableSkeleton(_ref4) {
       size: "small",
       style: {
         width: 100,
-        marginBottom: 16
+        marginBlockEnd: 16
       }
     }), (0,jsx_runtime.jsx)(TableItemSkeleton, {
       header: true,
@@ -55718,7 +56174,7 @@ var TableSkeleton = function TableSkeleton(_ref4) {
       style: {
         display: 'flex',
         justifyContent: 'flex-end',
-        paddingTop: 16
+        paddingBlockStart: 16
       },
       children: (0,jsx_runtime.jsx)(external_antd_.Skeleton, {
         active: active,
@@ -55748,7 +56204,7 @@ var DescriptionsSkeleton = function DescriptionsSkeleton(_ref5) {
       size: "small",
       style: {
         width: 100,
-        marginBottom: 16
+        marginBlockEnd: 16
       }
     }), (0,jsx_runtime.jsx)(DescriptionsItemSkeleton, {
       active: active
@@ -55806,13 +56262,13 @@ var ResultPageSkeleton = function ResultPageSkeleton(_ref) {
         children: [(0,jsx_runtime.jsx)(external_antd_.Skeleton.Avatar, {
           size: 64,
           style: {
-            marginBottom: 32
+            marginBlockEnd: 32
           }
         }), (0,jsx_runtime.jsx)(external_antd_.Skeleton.Button, {
           active: active,
           style: {
             width: 214,
-            marginBottom: 8
+            marginBlockEnd: 8
           }
         }), (0,jsx_runtime.jsx)(external_antd_.Skeleton.Button, {
           active: active,
@@ -55822,7 +56278,7 @@ var ResultPageSkeleton = function ResultPageSkeleton(_ref) {
           size: "small"
         }), (0,jsx_runtime.jsxs)(external_antd_.Space, {
           style: {
-            marginTop: 24
+            marginBlockStart: 24
           },
           children: [(0,jsx_runtime.jsx)(external_antd_.Skeleton.Button, {
             active: active,
@@ -56095,10 +56551,10 @@ var FieldRender = function FieldRender(props) {
   return (0,jsx_runtime.jsx)("div", {
     style: {
-      marginTop: -5,
-      marginBottom: -5,
-      marginLeft: 0,
-      marginRight: 0
+      marginBlockStart: -5,
+      marginBlockEnd: -5,
+      marginInlineStart: 0,
+      marginInlineEnd: 0
     },
     children: (0,jsx_runtime.jsx)(external_antd_.Form.Item, {
       noStyle: true,
@@ -56419,13 +56875,14 @@ ProDescriptions.Item = ProDescriptionsItem;
 var genFooterToolBarStyle = function genFooterToolBarStyle(token) {
   return defineProperty_defineProperty({}, token.componentCls, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, resetComponent === null || resetComponent === void 0 ? void 0 : resetComponent(token)), {}, {
     position: 'fixed',
-    right: 0,
+    insetInlineEnd: 0,
     bottom: 0,
     zIndex: 99,
     display: 'flex',
     alignItems: 'center',
     width: '100%',
-    padding: '0 24px',
+    paddingInline: 24,
+    paddingBlock: 0,
     boxSizing: 'border-box',
     lineHeight: '64px',
@@ -56439,9 +56896,10 @@ var genFooterToolBarStyle = function genFooterToolBarStyle(token) {
     },
     '&-right': {
       '> *': {
-        marginRight: 8,
+        marginInlineEnd: 8,
         '&:last-child': {
-          margin: 0
+          marginBlock: 0,
+          marginInline: 0
         }
       }
     }
@@ -56651,93 +57109,99 @@ var genPageHeaderStyle = function genPageHeaderStyle(token) {
   return defineProperty_defineProperty({}, token.componentCls, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, resetComponent === null || resetComponent === void 0 ? void 0 : resetComponent(token)), {}, (_objectSpread4 = {
     position: 'relative',
     backgroundColor: token.colorBgContainer,
-    padding: "".concat(token.pageHeaderPaddingVertical, "px ").concat(token.pageHeaderPadding, "px"),
+    paddingBlock: token.pageHeaderPaddingVertical,
+    paddingInline: token.pageHeaderPadding,
     '&-ghost': {
       backgroundColor: token.pageHeaderBgGhost
     },
     '&-has-breadcrumb': {
-      paddingTop: token.pageHeaderPaddingBreadCrumb
+      paddingBlockStart: token.pageHeaderPaddingBreadCrumb
     },
     '&-has-footer': {
-      paddingBottom: 0
+      paddingBlockEnd: 0
     },
     '&-back': defineProperty_defineProperty({
-      marginRight: token.margin,
+      marginInlineEnd: token.margin,
       fontSize: 16,
       lineHeight: 1,
-      '&-button': objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, operationUnit(token)), {}, {
+      '&-button': objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, operationUnit === null || operationUnit === void 0 ? void 0 : operationUnit(token)), {}, {
         color: token.pageHeaderColorBack,
         cursor: 'pointer'
       })
     }, "".concat(token.componentCls, "-rlt &"), {
       float: 'right',
-      marginRight: 0,
-      marginLeft: 0
+      marginInlineEnd: 0,
+      marginInlineStart: 0
     })
   }, defineProperty_defineProperty(_objectSpread4, 'ant'.concat("-divider-vertical"), {
     height: 14,
-    margin: "0 ".concat(token.marginSM, "px"),
+    marginBlock: 0,
+    marginInline: token.marginSM,
     verticalAlign: 'middle'
   }), defineProperty_defineProperty(_objectSpread4, "&-breadcrumb + &-heading", {
-    marginTop: token.marginXS
+    marginBlockStart: token.marginXS
   }), defineProperty_defineProperty(_objectSpread4, '&-heading', {
     display: 'flex',
     justifyContent: 'space-between',
     '&-left': {
       display: 'flex',
       alignItems: 'center',
-      margin: "".concat(token.marginXS / 2, "px 0"),
+      marginBlock: token.marginXS / 2,
+      marginInlineEnd: 0,
+      marginInlineStart: 0,
       overflow: 'hidden'
     },
     '&-title': objectSpread2_objectSpread2(objectSpread2_objectSpread2({
-      marginRight: token.marginSM,
-      marginBottom: 0,
+      marginInlineEnd: token.marginSM,
+      marginBlockEnd: 0,
       color: token.colorTextHeading,
       fontWeight: 600,
       fontSize: token.pageHeaderFontSizeHeaderTitle,
       lineHeight: token.controlHeight + 'px'
     }, textOverflowEllipsis()), {}, defineProperty_defineProperty({}, "".concat(token.componentCls, "-rlt &"), {
-      marginRight: 0,
-      marginLeft: token.marginSM
+      marginInlineEnd: 0,
+      marginInlineStart: token.marginSM
     })),
     '&-avatar': defineProperty_defineProperty({
-      marginRight: token.marginSM
+      marginInlineEnd: token.marginSM
     }, "".concat(token.componentCls, "-rlt &"), {
       float: 'right',
-      marginRight: 0,
-      marginLeft: token.marginSM
+      marginInlineEnd: 0,
+      marginInlineStart: token.marginSM
     }),
     '&-tags': defineProperty_defineProperty({}, "".concat(token.componentCls, "-rlt &"), {
       float: 'right'
     }),
     '&-sub-title': objectSpread2_objectSpread2(objectSpread2_objectSpread2({
-      marginRight: token.marginSM,
+      marginInlineEnd: token.marginSM,
       color: token.colorTextSecondary,
       fontSize: token.pageHeaderFontSizeHeaderSubTitle,
       lineHeight: token.lineHeight
     }, textOverflowEllipsis()), {}, defineProperty_defineProperty({}, "".concat(token.componentCls, "-rlt &"), {
       float: 'right',
-      marginRight: 0,
-      marginLeft: 12
+      marginInlineEnd: 0,
+      marginInlineStart: 12
     })),
     '&-extra': (_extra = {
-      margin: "".concat(token.marginXS / 2, "px 0"),
+      marginBlock: token.marginXS / 2,
+      marginInlineEnd: 0,
+      marginInlineStart: 0,
       whiteSpace: 'nowrap',
       '> *': defineProperty_defineProperty({
         'white-space': 'unset'
       }, "".concat(token.componentCls, "-rlt &"), {
-        marginRight: token.marginSM,
-        marginLeft: 0
+        marginInlineEnd: token.marginSM,
+        marginInlineStart: 0
       })
     }, defineProperty_defineProperty(_extra, "".concat(token.componentCls, "-rlt &"), {
       float: 'left'
     }), defineProperty_defineProperty(_extra, '*:first-child', defineProperty_defineProperty({}, "".concat(token.componentCls, "-rlt &"), {
-      marginRight: 0
+      marginInlineEnd: 0
     })), _extra)
   }), defineProperty_defineProperty(_objectSpread4, '&-content', {
-    paddingTop: token.pageHeaderPaddingContentPadding
+    paddingBlockStart: token.pageHeaderPaddingContentPadding
   }), defineProperty_defineProperty(_objectSpread4, '&-footer', {
-    marginTop: token.margin
+    marginBlockStart: token.margin
   }), defineProperty_defineProperty(_objectSpread4, '&-compact &-heading', {
     flexWrap: 'wrap'
   }), defineProperty_defineProperty(_objectSpread4, '&-rtl', {
@@ -56959,7 +57423,7 @@ var PageLoading = function PageLoading(_ref) {
   return (0,jsx_runtime.jsx)("div", {
     style: {
-      paddingTop: 100,
+      paddingBlockStart: 100,
       textAlign: 'center'
     },
     children: (0,jsx_runtime.jsx)(external_antd_.Spin, objectSpread2_objectSpread2({
@@ -57131,10 +57595,12 @@ var genPageContainerStyle = function genPageContainerStyle(token) {
   return defineProperty_defineProperty({}, token.componentCls, {
     position: 'relative',
     '&-layout-has-margin': {
-      margin: -24
+      marginBlock: -24,
+      marginInline: -24
     },
     '&-children-content': {
-      margin: 24
+      marginBlock: 24,
+      marginInline: 40
     },
     '&-affix': defineProperty_defineProperty({}, "".concat(token.antCls, "-affix"), defineProperty_defineProperty({}, "".concat(token.componentCls, "-warp"), {
       backgroundColor: token.colorBgContainer,
@@ -57143,8 +57609,8 @@ var genPageContainerStyle = function genPageContainerStyle(token) {
     '&-warp': defineProperty_defineProperty({
       backgroundColor: token.pageContainerBgColor
     }, '&-page-header', {
-      paddingLeft: 40,
-      paddingRight: 40
+      paddingInlineStart: 40,
+      paddingInlineEnd: 40
     }),
     '&-detail': defineProperty_defineProperty({
       display: 'flex'
@@ -57167,17 +57633,17 @@ var genPageContainerStyle = function genPageContainerStyle(token) {
     '&-extraContent': (_extraContent = {
       flex: '0 1 auto',
       minWidth: '242px',
-      marginLeft: 88,
-      textAlign: 'right'
+      marginInlineStart: 88,
+      textAlign: 'end'
     }, defineProperty_defineProperty(_extraContent, sm, {
-      marginLeft: 0
+      marginInlineStart: 0
     }), defineProperty_defineProperty(_extraContent, md, {
-      marginLeft: 0,
-      textAlign: 'left'
+      marginInlineStart: 0,
+      textAlign: 'start'
     }), defineProperty_defineProperty(_extraContent, lg, {
-      marginLeft: 20
+      marginInlineStart: 20
     }), defineProperty_defineProperty(_extraContent, xl, {
-      marginLeft: 44
+      marginInlineStart: 44
     }), _extraContent)
   });
 };
@@ -57408,7 +57874,7 @@ var PageContainer = function PageContainer(props) {
       }), value.hasFooterToolbar && (0,jsx_runtime.jsx)("div", {
         style: {
           height: 48,
-          marginTop: 24
+          marginBlockStart: 24
         }
       })]
     }) : null;
@@ -58076,30 +58542,34 @@ var RegionalSetting = function RegionalSetting(_ref) {
 var genSettingDrawerStyle = function genSettingDrawerStyle(token) {
-  return defineProperty_defineProperty({}, token.componentCls, {
-    '&-handle': {
-      position: 'absolute',
-      top: '240px',
-      right: '300px',
-      zIndex: '0',
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      width: '48px',
-      height: '48px',
-      fontSize: '16px',
-      textAlign: 'center',
-      backgroundColor: token.colorPrimary,
-      borderRadius: '4px 0 0 4px',
-      cursor: 'pointer',
-      pointerEvents: 'auto'
-    },
+  var _ref;
+  return _ref = {}, defineProperty_defineProperty(_ref, "".concat(token.componentCls, "-handle"), {
+    position: 'fixed',
+    insetBlockStart: '240px',
+    insetInlineEnd: '0px',
+    zIndex: 0,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '48px',
+    height: '48px',
+    fontSize: '16px',
+    textAlign: 'center',
+    backgroundColor: token.colorPrimary,
+    borderEndStartRadius: token.radiusLG,
+    borderStartStartRadius: token.radiusLG,
+    '-webkit-backdropilter': 'saturate(180%) blur(20px)',
+    backdropFilter: 'saturate(180%) blur(20px)',
+    cursor: 'pointer',
+    pointerEvents: 'auto'
+  }), defineProperty_defineProperty(_ref, token.componentCls, {
     '&-content': {
       position: 'relative',
       minHeight: '100%'
     },
     '&-body-title': {
-      marginBottom: '12px',
+      marginBlockEnd: '12px',
       fontSize: '14px',
       lineHeight: '22px'
     },
@@ -58110,7 +58580,7 @@ var genSettingDrawerStyle = function genSettingDrawerStyle(token) {
         position: 'relative',
         width: '44px',
         height: '36px',
-        marginRight: '16px',
+        marginInlineEnd: '16px',
         overflow: 'hidden',
         backgroundColor: '#f7f8fa',
         borderRadius: '4px',
@@ -58118,8 +58588,8 @@ var genSettingDrawerStyle = function genSettingDrawerStyle(token) {
         cursor: 'pointer',
         '&::before': {
           position: 'absolute',
-          top: '0',
-          left: '0',
+          insetBlockStart: 0,
+          insetInlineStart: 0,
           width: '33%',
           height: '100%',
           backgroundColor: '#fff',
@@ -58127,8 +58597,8 @@ var genSettingDrawerStyle = function genSettingDrawerStyle(token) {
         },
         '&::after': {
           position: 'absolute',
-          top: '0',
-          left: '0',
+          insetBlockStart: 0,
+          insetInlineStart: 0,
           width: '100%',
           height: '25%',
           backgroundColor: '#fff',
@@ -58180,7 +58650,7 @@ var genSettingDrawerStyle = function genSettingDrawerStyle(token) {
       },
       '&-selectIcon': {
         position: 'absolute',
-        right: '6px',
+        insetInlineEnd: '6px',
         bottom: '4px',
         color: token.colorPrimary,
         fontWeight: 'bold',
@@ -58192,14 +58662,14 @@ var genSettingDrawerStyle = function genSettingDrawerStyle(token) {
       }
     },
     '&-theme-color': {
-      marginTop: '16px',
+      marginBlockStart: '16px',
       overflow: 'hidden',
       '&-block': {
         float: 'left',
         width: '20px',
         height: '20px',
-        marginTop: '8px',
-        marginRight: '8px',
+        marginBlockStart: 8,
+        marginInlineEnd: 8,
         color: '#fff',
         fontWeight: 'bold',
         textAlign: 'center',
@@ -58207,7 +58677,7 @@ var genSettingDrawerStyle = function genSettingDrawerStyle(token) {
         cursor: 'pointer'
       }
     }
-  });
+  }), _ref;
 };
 function SettingDrawer_style_useStyle(prefixCls) {
@@ -58306,7 +58776,7 @@ var Body = function Body(_ref) {
       title = _ref.title;
   return (0,jsx_runtime.jsxs)("div", {
     style: {
-      marginBottom: 24
+      marginBlockEnd: 24
     },
     children: [(0,jsx_runtime.jsx)("h3", {
       className: "".concat(prefixCls, "-body-title"),
@@ -58631,16 +59101,8 @@ var SettingDrawer = function SettingDrawer(props) {
   var _useStyle = SettingDrawer_style_useStyle(baseClassName),
       wrapSSR = _useStyle.wrapSSR;
-  return wrapSSR((0,jsx_runtime.jsx)(external_antd_.Drawer, {
-    visible: show,
-    width: 300,
-    closable: false,
-    onClose: function onClose() {
-      return setShow(false);
-    },
-    placement: "right",
-    getContainer: getContainer,
-    handler: (0,jsx_runtime.jsx)("div", {
+  return wrapSSR((0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+    children: [(0,jsx_runtime.jsx)("div", {
       className: "".concat(baseClassName, "-handle"),
       onClick: function onClick() {
         return setShow(!show);
@@ -58656,179 +59118,188 @@ var SettingDrawer = function SettingDrawer(props) {
           fontSize: 20
         }
       })
-    }),
-    style: {
-      zIndex: 999
-    },
-    children: (0,jsx_runtime.jsxs)("div", {
-      className: "".concat(baseClassName, "-content"),
-      children: [(0,jsx_runtime.jsx)(Body, {
-        title: formatMessage({
-          id: 'app.setting.pagestyle',
-          defaultMessage: 'Page style setting'
-        }),
-        prefixCls: baseClassName,
-        children: (0,jsx_runtime.jsx)(BlockCheckbox, {
-          prefixCls: baseClassName,
-          list: [{
-            key: 'light',
-            title: formatMessage({
-              id: 'app.setting.pagestyle.light',
-              defaultMessage: '亮色菜单风格'
-            })
-          }, {
-            key: 'realDark',
-            title: formatMessage({
-              id: 'app.setting.pagestyle.realdark',
-              defaultMessage: '暗色菜单风格'
-            })
-          }].filter(function (item) {
-            if (item.key === 'dark' && settingState.layout === 'mix') return false;
-            if (item.key === 'realDark' && !enableDarkTheme) return false;
-            return true;
-          }),
-          value: navTheme,
-          configType: "theme",
-          onChange: function onChange(value) {
-            return changeSetting('navTheme', value);
-          }
-        }, "navTheme")
-      }), colorList !== false && (0,jsx_runtime.jsx)(Body, {
-        title: formatMessage({
-          id: 'app.setting.themecolor',
-          defaultMessage: 'Theme color'
-        }),
-        prefixCls: baseClassName,
-        children: (0,jsx_runtime.jsx)(ThemeColor, {
-          prefixCls: baseClassName,
-          colorList: colorList,
-          value: genStringToTheme(primaryColor),
-          formatMessage: formatMessage,
-          onChange: function onChange(color) {
-            return changeSetting('primaryColor', color);
-          }
-        })
-      }), !themeOnly && (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-        children: [(0,jsx_runtime.jsx)(external_antd_.Divider, {}), (0,jsx_runtime.jsx)(Body, {
-          prefixCls: baseClassName,
+    }), (0,jsx_runtime.jsx)(external_antd_.Drawer, {
+      visible: show,
+      width: 300,
+      closable: false,
+      onClose: function onClose() {
+        return setShow(false);
+      },
+      placement: "right",
+      getContainer: getContainer,
+      style: {
+        zIndex: 999
+      },
+      children: (0,jsx_runtime.jsxs)("div", {
+        className: "".concat(baseClassName, "-content"),
+        children: [(0,jsx_runtime.jsx)(Body, {
           title: formatMessage({
-            id: 'app.setting.navigationmode'
+            id: 'app.setting.pagestyle',
+            defaultMessage: 'Page style setting'
           }),
+          prefixCls: baseClassName,
           children: (0,jsx_runtime.jsx)(BlockCheckbox, {
             prefixCls: baseClassName,
-            value: layout,
-            configType: "layout",
             list: [{
-              key: 'side',
+              key: 'light',
               title: formatMessage({
-                id: 'app.setting.sidemenu'
+                id: 'app.setting.pagestyle.light',
+                defaultMessage: '亮色菜单风格'
               })
             }, {
-              key: 'top',
+              key: 'realDark',
               title: formatMessage({
-                id: 'app.setting.topmenu'
+                id: 'app.setting.pagestyle.realdark',
+                defaultMessage: '暗色菜单风格'
               })
-            }, {
-              key: 'mix',
-              title: formatMessage({
-                id: 'app.setting.mixmenu'
-              })
-            }],
+            }].filter(function (item) {
+              if (item.key === 'dark' && settingState.layout === 'mix') return false;
+              if (item.key === 'realDark' && !enableDarkTheme) return false;
+              return true;
+            }),
+            value: navTheme,
+            configType: "theme",
             onChange: function onChange(value) {
-              return changeSetting('layout', value);
+              return changeSetting('navTheme', value);
             }
-          }, "layout")
-        }), (0,jsx_runtime.jsx)(LayoutSetting, {
-          settings: settingState,
-          changeSetting: changeSetting
-        }), (0,jsx_runtime.jsx)(external_antd_.Divider, {}), (0,jsx_runtime.jsx)(Body, {
-          prefixCls: baseClassName,
+          }, "navTheme")
+        }), colorList !== false && (0,jsx_runtime.jsx)(Body, {
           title: formatMessage({
-            id: 'app.setting.regionalsettings'
+            id: 'app.setting.themecolor',
+            defaultMessage: 'Theme color'
           }),
-          children: (0,jsx_runtime.jsx)(RegionalSetting, {
-            settings: settingState,
-            changeSetting: changeSetting
-          })
-        }), (0,jsx_runtime.jsx)(external_antd_.Divider, {}), (0,jsx_runtime.jsx)(Body, {
           prefixCls: baseClassName,
-          title: formatMessage({
-            id: 'app.setting.othersettings'
-          }),
-          children: (0,jsx_runtime.jsx)(external_antd_.List, {
-            split: false,
-            renderItem: renderLayoutSettingItem,
-            dataSource: [{
-              title: formatMessage({
-                id: 'app.setting.weakmode'
-              }),
-              action: (0,jsx_runtime.jsx)(external_antd_.Switch, {
-                size: "small",
-                className: "color-weak",
-                checked: !!colorWeak,
-                onChange: function onChange(checked) {
-                  changeSetting('colorWeak', checked);
-                }
-              })
-            }]
+          children: (0,jsx_runtime.jsx)(ThemeColor, {
+            prefixCls: baseClassName,
+            colorList: colorList,
+            value: genStringToTheme(primaryColor),
+            formatMessage: formatMessage,
+            onChange: function onChange(color) {
+              return changeSetting('primaryColor', color);
+            }
           })
-        }), hideHintAlert && hideCopyButton ? null : (0,jsx_runtime.jsx)(external_antd_.Divider, {}), hideHintAlert ? null : (0,jsx_runtime.jsx)(external_antd_.Alert, {
-          type: "warning",
-          message: formatMessage({
-            id: 'app.setting.production.hint'
-          }),
-          icon: (0,jsx_runtime.jsx)(icons_NotificationOutlined, {}),
-          showIcon: true,
-          style: {
-            marginBottom: 16
-          }
-        }), hideCopyButton ? null : (0,jsx_runtime.jsx)(external_antd_.Button, {
-          block: true,
-          icon: (0,jsx_runtime.jsx)(icons_CopyOutlined, {}),
-          style: {
-            marginBottom: 24
-          },
-          onClick: function () {
-            var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-              return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-                while (1) {
-                  switch (_context2.prev = _context2.next) {
-                    case 0:
-                      _context2.prev = 0;
-                      _context2.next = 3;
-                      return navigator.clipboard.writeText(genCopySettingJson(settingState));
+        }), !themeOnly && (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+          children: [(0,jsx_runtime.jsx)(external_antd_.Divider, {}), (0,jsx_runtime.jsx)(Body, {
+            prefixCls: baseClassName,
+            title: formatMessage({
+              id: 'app.setting.navigationmode'
+            }),
+            children: (0,jsx_runtime.jsx)(BlockCheckbox, {
+              prefixCls: baseClassName,
+              value: layout,
+              configType: "layout",
+              list: [{
+                key: 'side',
+                title: formatMessage({
+                  id: 'app.setting.sidemenu'
+                })
+              }, {
+                key: 'top',
+                title: formatMessage({
+                  id: 'app.setting.topmenu'
+                })
+              }, {
+                key: 'mix',
+                title: formatMessage({
+                  id: 'app.setting.mixmenu'
+                })
+              }],
+              onChange: function onChange(value) {
+                return changeSetting('layout', value);
+              }
+            }, "layout")
+          }), (0,jsx_runtime.jsx)(LayoutSetting, {
+            settings: settingState,
+            changeSetting: changeSetting
+          }), (0,jsx_runtime.jsx)(external_antd_.Divider, {}), (0,jsx_runtime.jsx)(Body, {
+            prefixCls: baseClassName,
+            title: formatMessage({
+              id: 'app.setting.regionalsettings'
+            }),
+            children: (0,jsx_runtime.jsx)(RegionalSetting, {
+              settings: settingState,
+              changeSetting: changeSetting
+            })
+          }), (0,jsx_runtime.jsx)(external_antd_.Divider, {}), (0,jsx_runtime.jsx)(Body, {
+            prefixCls: baseClassName,
+            title: formatMessage({
+              id: 'app.setting.othersettings'
+            }),
+            children: (0,jsx_runtime.jsx)(external_antd_.List, {
+              split: false,
+              renderItem: renderLayoutSettingItem,
+              dataSource: [{
+                title: formatMessage({
+                  id: 'app.setting.weakmode'
+                }),
+                action: (0,jsx_runtime.jsx)(external_antd_.Switch, {
+                  size: "small",
+                  className: "color-weak",
+                  checked: !!colorWeak,
+                  onChange: function onChange(checked) {
+                    changeSetting('colorWeak', checked);
+                  }
+                })
+              }]
+            })
+          }), hideHintAlert && hideCopyButton ? null : (0,jsx_runtime.jsx)(external_antd_.Divider, {}), hideHintAlert ? null : (0,jsx_runtime.jsx)(external_antd_.Alert, {
+            type: "warning",
+            message: formatMessage({
+              id: 'app.setting.production.hint'
+            }),
+            icon: (0,jsx_runtime.jsx)(icons_NotificationOutlined, {}),
+            showIcon: true,
+            style: {
+              marginBlockEnd: 16
+            }
+          }), hideCopyButton ? null : (0,jsx_runtime.jsx)(external_antd_.Button, {
+            block: true,
+            icon: (0,jsx_runtime.jsx)(icons_CopyOutlined, {}),
+            style: {
+              marginBlockEnd: 24
+            },
+            onClick: function () {
+              var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+                return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                  while (1) {
+                    switch (_context2.prev = _context2.next) {
+                      case 0:
+                        _context2.prev = 0;
+                        _context2.next = 3;
+                        return navigator.clipboard.writeText(genCopySettingJson(settingState));
-                    case 3:
-                      external_antd_.message.success(formatMessage({
-                        id: 'app.setting.copyinfo'
-                      }));
-                      _context2.next = 8;
-                      break;
+                      case 3:
+                        external_antd_.message.success(formatMessage({
+                          id: 'app.setting.copyinfo'
+                        }));
+                        _context2.next = 8;
+                        break;
-                    case 6:
-                      _context2.prev = 6;
-                      _context2.t0 = _context2["catch"](0);
+                      case 6:
+                        _context2.prev = 6;
+                        _context2.t0 = _context2["catch"](0);
-                    case 8:
-                    case "end":
-                      return _context2.stop();
+                      case 8:
+                      case "end":
+                        return _context2.stop();
+                    }
                   }
-                }
-              }, _callee2, null, [[0, 6]]);
-            }));
+                }, _callee2, null, [[0, 6]]);
+              }));
-            function onClick() {
-              return _onClick.apply(this, arguments);
-            }
+              function onClick() {
+                return _onClick.apply(this, arguments);
+              }
-            return onClick;
-          }(),
-          children: formatMessage({
-            id: 'app.setting.copy'
-          })
+              return onClick;
+            }(),
+            children: formatMessage({
+              id: 'app.setting.copy'
+            })
+          })]
         })]
-      })]
-    })
+      })
+    })]
   }));
 };
@@ -58948,18 +59419,22 @@ var genAppsLogoComponentsDefaultListStyle = function genAppsLogoComponentsDefaul
       '&-list': {
         boxSizing: 'content-box',
         maxWidth: 656,
-        margin: 0,
-        padding: 0,
+        marginBlock: 0,
+        marginInline: 0,
+        paddingBlock: 0,
+        paddingInline: 0,
         listStyle: 'none',
         '> *': {
-          boxSizing: 'border-box'
+          boxSizing: 'border-box',
+          fontFamily: token.fontFamily
         },
         '&-item': {
           position: 'relative',
           display: 'inline-block',
           width: 328,
           height: 72,
-          padding: 16,
+          paddingInline: 16,
+          paddingBlock: 16,
           verticalAlign: 'top',
           listStyleType: 'none',
           transition: 'transform 0.2s cubic-bezier(0.333, 0, 0, 1)',
@@ -58968,7 +59443,8 @@ var genAppsLogoComponentsDefaultListStyle = function genAppsLogoComponentsDefaul
             backgroundColor: 'rgba(0, 0, 0, 0.03)'
           },
           '*': {
-            boxSizing: 'border-box'
+            boxSizing: 'border-box',
+            fontFamily: token.fontFamily
           },
           '* div': resetComponent === null || resetComponent === void 0 ? void 0 : resetComponent(token),
           a: {
@@ -58981,7 +59457,7 @@ var genAppsLogoComponentsDefaultListStyle = function genAppsLogoComponentsDefaul
               height: 40
             },
             '& > div': {
-              marginLeft: 14,
+              marginInlineStart: 14,
               color: token.colorTextHeading,
               fontSize: 14,
               lineHeight: '22px',
@@ -59008,19 +59484,24 @@ var genAppsLogoComponentsSimpleListStyle = function genAppsLogoComponentsSimpleL
       '&-list': {
         boxSizing: 'border-box',
         maxWidth: 376,
-        margin: 0,
-        padding: 0,
+        marginBlock: 0,
+        marginInline: 0,
+        paddingBlock: 0,
+        paddingInline: 0,
         listStyle: 'none',
-        '> *': {
-          boxSizing: 'border-box'
+        '*': {
+          boxSizing: 'border-box',
+          fontFamily: token.fontFamily
         },
         '&-item': {
           position: 'relative',
           display: 'inline-block',
           width: 104,
           height: 104,
-          padding: 24,
-          margin: 8,
+          marginBlock: 8,
+          marginInline: 8,
+          paddingInline: 24,
+          paddingBlock: 24,
           verticalAlign: 'top',
           listStyleType: 'none',
           transition: 'transform 0.2s cubic-bezier(0.333, 0, 0, 1)',
@@ -59051,8 +59532,8 @@ var genAppsLogoComponentsSimpleListStyle = function genAppsLogoComponentsSimpleL
               height: 40
             },
             '& > div': {
-              marginTop: 5,
-              marginLeft: 0,
+              marginBlockStart: 5,
+              marginInlineStart: 0,
               color: token.colorTextHeading,
               fontSize: 14,
               lineHeight: '22px',
@@ -59085,7 +59566,8 @@ var genAppsLogoComponentsStyle = function genAppsLogoComponentsStyle(token) {
       display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center',
-      padding: '0 4px',
+      paddingInline: 4,
+      paddingBlock: 0,
       fontSize: 14,
       lineHeight: '14px',
       height: 28,
@@ -59099,7 +59581,8 @@ var genAppsLogoComponentsStyle = function genAppsLogoComponentsStyle(token) {
     },
     '&-popover': {
       '*': {
-        boxSizing: 'border-box'
+        boxSizing: 'border-box',
+        fontFamily: token.fontFamily
       }
     },
     '&-simple': genAppsLogoComponentsSimpleListStyle(token),
@@ -59555,35 +60038,7 @@ var MenuCounter = createContainer(useMenuCounter);
 ;// CONCATENATED MODULE: ./packages/layout/es/components/SiderMenu/style/menu.js
- // const menuCss = useMemo(() => {
-//     return css`
-//     padding: ${props.isMobile ? 0 : '6px'};
-//     background: transparent;
-//     border:none !important;
-//     .${antPrefixClassName}-menu-title-content{
-//       width: 100%;
-//     }
-//     &.${antPrefixClassName}-layout-sider-collapsed {
-//       flex-direction: column;
-//       padding-bottom: 24px;
-//     }
-//     .${antPrefixClassName}-menu-root {
-//       padding: 8px;
-//     }
-//     .${antPrefixClassName}-menu-sub {
-//       background: transparent;
-//     }
-//     .${prefixCls}-menu-item-divider {
-//       &:last-child {
-//         display: none;
-//       }
-//     }
-//     .${antPrefixClassName}-menu-item-group-title {
-//       color: ${menuDesignToken.menuTextColorSecondary};
-//       font-size: 12px;
-//       line-height: 20px;
-//     }
-//   `;
 var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
   return defineProperty_defineProperty({}, token.componentCls, {
@@ -59593,7 +60048,7 @@ var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
       fontSize: 12,
       color: 'rgba(0, 0, 0, 0.45)',
       '.anticon': {
-        marginRight: 8
+        marginInlineEnd: 8
       }
     }),
     '&-group-divider': {
@@ -59990,7 +60445,7 @@ var BaseMenu = function BaseMenu(props) {
       style: (mode === null || mode === void 0 ? void 0 : mode.includes('inline')) ? {
         padding: 24
       } : {
-        marginTop: 16
+        marginBlockStart: 16
       },
       children: (0,jsx_runtime.jsx)(external_antd_.Skeleton, {
         active: true,
@@ -60058,14 +60513,14 @@ function ArrowSvgIcon() {
 var genSiderMenuStyle = function genSiderMenuStyle(token) {
   return defineProperty_defineProperty({}, token.componentCls, {
     position: 'absolute',
-    top: '18px',
+    insetBlockStart: '18px',
     zIndex: '101',
     width: '24px',
     height: '24px',
     fontSize: ['14px', '16px'],
     textAlign: 'center',
     borderRadius: '40px',
-    right: '-13px',
+    insetInlineEnd: '-13px',
     transition: 'transform 0.3s',
     display: 'flex',
     alignItems: 'center',
@@ -60419,13 +60874,13 @@ var genTopNavHeaderStyle = function genTopNavHeaderStyle(token) {
     '&-main': {
       display: 'flex',
       height: '100%',
-      paddingLeft: '16px',
+      paddingInlineStart: '16px',
       '&-left': defineProperty_defineProperty({
         display: 'flex',
         alignItems: 'center',
         minWidth: '192px'
       }, "".concat(token.proComponentsCls, "-layout-apps-icon"), {
-        marginRight: 16
+        marginInlineEnd: 16
       })
     },
     '&-logo': {
@@ -60433,6 +60888,7 @@ var genTopNavHeaderStyle = function genTopNavHeaderStyle(token) {
       minWidth: '165px',
       display: 'flex',
       height: '100%',
+      alignItems: 'center',
       overflow: 'hidden',
       a: {
         display: 'flex',
@@ -60447,7 +60903,10 @@ var genTopNavHeaderStyle = function genTopNavHeaderStyle(token) {
       },
       h1: {
         display: 'inline-block',
-        margin: '0 0 0 6px',
+        marginBlock: 0,
+        marginInline: 0,
+        lineHeight: '24px',
+        marginInlineStart: 6,
         fontWeight: '600',
         fontSize: '16px',
         color: token === null || token === void 0 ? void 0 : token.proLayoutColorHeaderTitle,
@@ -60455,10 +60914,11 @@ var genTopNavHeaderStyle = function genTopNavHeaderStyle(token) {
       }
     },
     '&-menu': {
-      minWidth: '0',
+      minWidth: 0,
       display: 'flex',
       alignItems: 'center',
-      padding: 6,
+      paddingInline: 6,
+      paddingBlock: 6,
       lineHeight: "".concat(token.proLayoutColorHeader - 12, "px")
     },
     '&-header-actions': {
@@ -60468,12 +60928,14 @@ var genTopNavHeaderStyle = function genTopNavHeaderStyle(token) {
         display: 'inline-flex',
         alignItems: 'center',
         justifyContent: 'center',
-        padding: '0px 6px',
+        paddingBlock: 0,
+        paddingInline: 6,
         fontSize: '16px',
         cursor: 'pointer',
         borderRadius: token.radiusBase,
         '> *': {
-          padding: 6,
+          paddingInline: 6,
+          paddingBlock: 6,
           borderRadius: token.radiusBase,
           ':hover': {
             backgroundColor: 'rgba(0, 0, 0, 0.03)'
@@ -60484,11 +60946,12 @@ var genTopNavHeaderStyle = function genTopNavHeaderStyle(token) {
         display: 'inline-flex',
         alignItems: 'center',
         justifyContent: 'center',
-        paddingLeft: '16px',
-        paddingRight: '16px',
+        paddingInlineStart: '16px',
+        paddingInlineEnd: '16px',
         '> div': {
           height: '44px',
-          padding: '8px',
+          paddingInline: 8,
+          paddingBlock: 8,
           cursor: 'pointer',
           display: 'flex',
           alignItems: 'center',
@@ -60565,7 +61028,7 @@ var RightContent = function RightContent(_ref) {
       key: "avatar"
     })), title ? (0,jsx_runtime.jsx)("span", {
       style: {
-        marginLeft: 8
+        marginInlineStart: 8
       },
       children: title
     }, "name") : undefined];
@@ -60773,14 +61236,18 @@ CopyrightOutlined_CopyrightOutlined.displayName = 'CopyrightOutlined';
 var style_genFooterToolBarStyle = function genFooterToolBarStyle(token) {
   return defineProperty_defineProperty({}, token.componentCls, {
-    margin: '48px 0 24px 0',
-    padding: '0 16px',
+    marginBlock: 0,
+    marginBlockStart: 48,
+    marginBlockEnd: 24,
+    marginInline: 0,
+    paddingBlock: 0,
+    paddingInline: 16,
     textAlign: 'center',
     '&-links': {
-      marginBottom: '8px',
+      marginBlockEnd: 8,
       color: token.colorTextSecondary,
-      '> *:not(:last-child)': {
-        marginRight: 8,
+      '*:not(:last-child)': {
+        marginInlineEnd: 8,
         '&:hover': {
           color: token.colorText
         }
@@ -61068,22 +61535,23 @@ var genGlobalHeaderStyle = function genGlobalHeaderStyle(token) {
     background: 'transparent',
     display: 'flex',
     alignItems: 'center',
-    padding: '0 16px',
+    marginBlock: 0,
+    marginInline: 16,
     height: token.proLayoutHeaderHeight,
     boxSizing: 'border-box',
     '> a': {
       height: '100%'
     }
   }, defineProperty_defineProperty(_token$componentCls, "".concat(token.proComponentsCls, "-layout-apps-icon"), {
-    marginRight: 16
+    marginInlineEnd: 16
   }), defineProperty_defineProperty(_token$componentCls, '&-collapsed-button', {
     minHeight: '22px',
     fontSize: '22px',
-    marginLeft: '16px'
+    marginInlineStart: '16px'
   }), defineProperty_defineProperty(_token$componentCls, '&-logo', {
     position: 'relative',
     minWidth: '154px',
-    marginRight: '16px',
+    marginInlineEnd: '16px',
     a: {
       display: 'flex',
       alignItems: 'center',
@@ -61096,7 +61564,9 @@ var genGlobalHeaderStyle = function genGlobalHeaderStyle(token) {
     },
     h1: {
       height: '32px',
-      margin: '0 0 0 8px',
+      marginBlock: 0,
+      marginInline: 0,
+      marginInlineStart: 8,
       fontWeight: '600',
       color: token.colorTextHeading,
       fontSize: '18px',
@@ -61108,7 +61578,7 @@ var genGlobalHeaderStyle = function genGlobalHeaderStyle(token) {
     }
   }), defineProperty_defineProperty(_token$componentCls, '&-logo-mobile', {
     minWidth: '24px',
-    marginRight: 0
+    marginInlineEnd: 0
   }), _token$componentCls));
 };
@@ -61245,19 +61715,20 @@ var genProLayoutHeaderStyle = function genProLayoutHeaderStyle(token) {
   return defineProperty_defineProperty({}, token.proLayoutCls, defineProperty_defineProperty({}, token.componentCls, {
     height: token.ProLayoutHeaderHeaderHeight,
     lineHeight: "".concat(token.ProLayoutHeaderHeaderHeight, "px"),
-    zIndex: '9',
+    zIndex: 9,
     width: '100%',
-    padding: '0 8px',
+    paddingBlock: 0,
+    paddingInline: 8,
     borderBottom: "1px solid ".concat(token.colorSplit),
     backgroundColor: 'rgba(255, 255, 255, 0.58)',
     WebkitBackdropFilter: 'blur(8px)',
     backdropFilter: 'blur(8px)',
     '&-fixed-header': {
       position: 'fixed',
-      top: 0,
+      insetBlockStart: 0,
       width: '100%',
       zIndex: 100,
-      right: 0
+      insetInlineEnd: 0
     },
     '&-header-actions': {
       display: 'flex',
@@ -61265,7 +61736,8 @@ var genProLayoutHeaderStyle = function genProLayoutHeaderStyle(token) {
       fontSize: '16',
       cursor: 'pointer',
       '&-item': {
-        padding: '0 8px',
+        paddingBlock: 0,
+        paddingInline: 8,
         '&:hover': {
           color: token.colorText
         }
@@ -62804,8 +63276,6 @@ function formatter(props) {
     if (!item) return false;
     if (notNullArray(item[childrenPropsName])) return true;
     if (notNullArray(item.children)) return true;
-    if (item.path === '*') return false;
-    if (item.path === '/*') return false;
     if (item.path) return true;
     if (item.layout) return true; // 重定向
@@ -62836,6 +63306,14 @@ function formatter(props) {
       delete item.name;
     }
+    if (item.path === '*') {
+      item.path = '.';
+    }
+    if (item.path === '/*') {
+      item.path = '.';
+    }
     return item;
   }).map(function () {
     var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
@@ -63256,8 +63734,8 @@ var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
     },
     '&-fixed': {
       position: 'fixed',
-      top: 0,
-      left: 0,
+      insetBlockStart: 0,
+      insetInlineStart: 0,
       zIndex: '100',
       height: '100%'
     }
@@ -63266,14 +63744,16 @@ var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
     display: 'flex',
     flexDirection: 'column',
     height: '100%',
-    padding: 6,
-    borderRight: "1px solid ".concat(token.colorSplit)
+    paddingInline: 6,
+    paddingBlock: 6,
+    borderInlineEnd: "1px solid ".concat(token.colorSplit)
   }), defineProperty_defineProperty(_objectSpread2, '&-logo', {
     position: 'relative',
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'space-between',
-    padding: 16,
+    paddingInline: 16,
+    paddingBlock: 16,
     color: token.proLayoutMenuTextColor,
     cursor: 'pointer',
     borderBottom: "1px solid ".concat(token.proLayoutMenuItemDividerColor),
@@ -63292,7 +63772,9 @@ var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
     h1: {
       display: 'inline-block',
       height: 22,
-      margin: '0 0 0 6px',
+      marginBlock: 0,
+      marginInlineEnd: 0,
+      marginInlineStart: 6,
       color: token.proLayoutMenuTitleTextColor,
       fontWeight: 600,
       fontSize: 16,
@@ -63302,29 +63784,31 @@ var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
     '&-collapsed': defineProperty_defineProperty({
       flexDirection: 'column'
     }, "".concat(token.proComponentsCls, "-layout-apps-icon"), {
-      marginBottom: 8
+      marginBlockEnd: 8
     })
   }), defineProperty_defineProperty(_objectSpread2, '&-actions', {
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'space-between',
-    margin: '4px 0',
-    padding: '0 16px',
+    marginBlock: 4,
+    marginInline: 16,
     color: token.proLayoutMenuTextColor,
     '&-collapsed': {
       flexDirection: 'column-reverse',
-      padding: '0 8px',
+      paddingBlock: 0,
+      paddingInline: 8,
       fontSize: 16,
       transition: 'font-size 0.3s ease-in-out'
     },
     '&-list': {
       color: token.proLayoutMenuTextSecondaryColor,
       '&-collapsed': {
-        marginBottom: 8,
+        marginBlockEnd: 8,
         animation: 'none'
       },
       '&-item': {
-        padding: 6,
+        paddingInline: 6,
+        paddingBlock: 6,
         lineHeight: '16px',
         fontSize: 16,
         cursor: 'pointer',
@@ -63336,9 +63820,10 @@ var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
     },
     '&-avatar': {
       fontSize: 14,
-      padding: 8,
+      paddingInline: 8,
+      paddingBlock: 8,
       borderRadius: token.radiusBase,
-      '& > *': {
+      '& *': {
         cursor: 'pointer'
       },
       '&:hover': {
@@ -63346,16 +63831,17 @@ var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
       }
     }
   }), defineProperty_defineProperty(_objectSpread2, '&-hide-menu-collapsed', {
-    left: "-".concat(token.proLayoutCollapsedWidth - 12, "px"),
+    insetInlineStart: "-".concat(token.proLayoutCollapsedWidth - 12, "px"),
     position: 'absolute'
   }), defineProperty_defineProperty(_objectSpread2, '&-mix', {
     height: "calc(100% - ".concat(token.proLayoutHeaderHeight, "px)"),
-    top: "".concat(token.proLayoutHeaderHeight, "px")
+    insetBlockStart: "".concat(token.proLayoutHeaderHeight, "px")
   }), defineProperty_defineProperty(_objectSpread2, '&-extra', {
-    marginBottom: 16,
-    padding: '0 16px',
+    marginBlockEnd: 16,
+    marginBlock: 0,
+    marginInline: 16,
     '&-no-logo': {
-      marginTop: 16
+      marginBlockStart: 16
     }
   }), defineProperty_defineProperty(_objectSpread2, '&-links', {
     width: '100%',
@@ -63368,7 +63854,7 @@ var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
     background: 'transparent'
   }), defineProperty_defineProperty(_objectSpread2, '&-footer', {
     color: token.colorTextDisabled,
-    paddingBottom: 16,
+    paddingBlockEnd: 16,
     fontSize: token.fontSize
   }), _objectSpread2))));
 };
@@ -63462,7 +63948,6 @@ var SiderMenuWrapper = function SiderMenuWrapper(props) {
       padding: 0,
       height: '100vh'
     }, style),
-    handler: (0,jsx_runtime.jsx)("div", {}),
     closable: false,
     getContainer: getContainer,
     width: siderWidth,
@@ -63600,15 +64085,91 @@ var Logo = function Logo() {
+var defaultMenuToken = {
+  colorItemBg: 'transparent',
+  colorSubItemBg: 'transparent',
+  radiusItem: 4,
+  colorItemBgSelected: 'rgba(0, 0, 0, 0.04)',
+  colorItemBgActive: 'rgba(0, 0, 0, 0.04)',
+  colorItemBgSelectedHorizontal: 'rgba(0, 0, 0, 0.04)',
+  colorActiveBarWidth: 0,
+  colorActiveBarHeight: 0,
+  colorActiveBarBorderSize: 0,
+  colorItemText: 'rgba(0, 0, 0, 0.65)',
+  colorItemTextHover: 'rgba(0, 0, 0, 0.85)',
+  colorItemTextSelected: 'rgba(0, 0, 0, 1)'
+};
+/**
+ * 主要区别：
+ * 需要手动引入 import 'antd/dist/antd.css';
+ * 需要重置 menu 的样式
+ * @param token
+ * @returns
+ */
+var compatibleStyle = function compatibleStyle(token) {
+  var _menuHorizontal, _token$antCls;
+  if (external_antd_.version.startsWith('5')) {
+    return {};
+  }
+  return defineProperty_defineProperty({}, token.componentCls, defineProperty_defineProperty({}, token.antCls, (_token$antCls = {
+    '&-menu': {
+      color: defaultMenuToken.colorItemText
+    },
+    '&-menu-inline': defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-selected::after,").concat(token.antCls, "-menu-item-selected::after"), {
+      display: 'none'
+    })
+  }, defineProperty_defineProperty(_token$antCls, "&-menu-sub".concat(token.antCls, "-menu-inline"), {
+    backgroundColor: 'transparent!important'
+  }), defineProperty_defineProperty(_token$antCls, "&-menu:not(&-menu-horizontal)", defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-item-selected"), {
+    backgroundColor: defaultMenuToken.colorItemBgSelected,
+    borderRadius: 4
+  })), defineProperty_defineProperty(_token$antCls, "&-menu-item-selected", {
+    color: defaultMenuToken.colorItemTextSelected
+  }), defineProperty_defineProperty(_token$antCls, "&-menu-submenu-selected", {
+    color: defaultMenuToken.colorItemTextSelected
+  }), defineProperty_defineProperty(_token$antCls, "&-menu-light", defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-item:hover, \n            ").concat(token.antCls, "-menu-item-active,\n            ").concat(token.antCls, "-menu-submenu-active, \n            ").concat(token.antCls, "-menu-submenu-title:hover"), defineProperty_defineProperty({
+    color: defaultMenuToken.colorItemTextHover
+  }, "".concat(token.antCls, "-menu-submenu-arrow"), {
+    color: defaultMenuToken.colorItemTextHover
+  }))), defineProperty_defineProperty(_token$antCls, "".concat(token.antCls, "-menu:not(").concat(token.antCls, "-menu-inline) ").concat(token.antCls, "-menu-submenu-open"), {
+    color: defaultMenuToken.colorItemTextHover
+  }), defineProperty_defineProperty(_token$antCls, "&-menu-vertical", defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-submenu-selected"), {
+    backgroundColor: defaultMenuToken.colorItemBgSelected,
+    borderRadius: 4,
+    color: defaultMenuToken.colorItemTextHover
+  })), defineProperty_defineProperty(_token$antCls, "&-menu-horizontal", (_menuHorizontal = {}, defineProperty_defineProperty(_menuHorizontal, "".concat(token.antCls, "-menu-item:hover,\n          ").concat(token.antCls, "-menu-submenu:hover,\n          ").concat(token.antCls, "-menu-item-active,\n          ").concat(token.antCls, "-menu-submenu-active"), {
+    backgroundColor: defaultMenuToken.colorItemBgSelected,
+    borderRadius: 4,
+    color: defaultMenuToken.colorItemTextHover
+  }), defineProperty_defineProperty(_menuHorizontal, "".concat(token.antCls, "-menu-item-open,\n          ").concat(token.antCls, "-menu-submenu-open,\n          ").concat(token.antCls, "-menu-item-selected,\n          ").concat(token.antCls, "-menu-submenu-selected"), defineProperty_defineProperty({
+    backgroundColor: defaultMenuToken.colorItemBgSelected,
+    color: defaultMenuToken.colorItemTextSelected,
+    borderRadius: 4
+  }, "".concat(token.antCls, "-menu-submenu-arrow"), {
+    color: defaultMenuToken.colorItemTextHover
+  })), defineProperty_defineProperty(_menuHorizontal, "> ".concat(token.antCls, "-menu-item, > ").concat(token.antCls, "-menu-submenu"), {
+    paddingInline: 16,
+    marginInline: 4
+  }), defineProperty_defineProperty(_menuHorizontal, "> ".concat(token.antCls, "-menu-item::after, > ").concat(token.antCls, "-menu-submenu::after"), {
+    display: 'none'
+  }), _menuHorizontal)), _token$antCls)));
+};
 var genProLayoutStyle = function genProLayoutStyle(token) {
-  var _token$componentCls;
+  var _token$componentCls2;
   return defineProperty_defineProperty({
     body: {
-      padding: 0,
-      margin: 0
+      paddingBlock: 0,
+      paddingInline: 0,
+      marginBlock: 0,
+      marginInline: 0,
+      fontFamily: token.fontFamily
     }
-  }, token.componentCls, (_token$componentCls = {}, defineProperty_defineProperty(_token$componentCls, "".concat(token.componentCls, "-content"), {
+  }, token.componentCls, (_token$componentCls2 = {}, defineProperty_defineProperty(_token$componentCls2, "".concat(token.componentCls, "-content"), {
     display: 'flex',
     flexDirection: 'column',
     width: '100%',
@@ -63616,22 +64177,24 @@ var genProLayoutStyle = function genProLayoutStyle(token) {
     backgroundColor: 'transparent',
     position: 'relative',
     '*': {
-      boxSizing: 'border-box'
+      boxSizing: 'border-box',
+      fontFamily: token.fontFamily
     },
     '&-content-has-margin': {
-      margin: '16px 24px'
+      marginBlock: 16,
+      marginInline: 24
     }
-  }), defineProperty_defineProperty(_token$componentCls, "".concat(token.componentCls, "-bg-list"), {
+  }), defineProperty_defineProperty(_token$componentCls2, "".concat(token.componentCls, "-bg-list"), {
     pointerEvents: 'none',
     position: 'fixed',
     overflow: 'hidden',
-    top: 0,
-    left: 0,
+    insetBlockStart: 0,
+    insetInlineStart: 0,
     zIndex: 0,
     height: '100%',
     width: '100%',
     background: token.proLayoutBg
-  }), _token$componentCls));
+  }), _token$componentCls2));
 };
 function es_style_useStyle(prefixCls) {
@@ -63641,7 +64204,7 @@ function es_style_useStyle(prefixCls) {
       proLayoutBg: 'transparent'
     });
-    return [genProLayoutStyle(proLayoutToken)];
+    return [genProLayoutStyle(proLayoutToken), compatibleStyle(proLayoutToken)];
   });
 }
 ;// CONCATENATED MODULE: ./packages/layout/es/utils/pathTools.js
@@ -64024,7 +64587,7 @@ var defaultPageTitleRender = function defaultPageTitleRender(pageProps, props) {
   return pageTitleInfo;
 };
-var getPaddingLeft = function getPaddingLeft(hasLeftPadding, collapsed, siderWidth) {
+var getpaddingInlineStart = function getpaddingInlineStart(hasLeftPadding, collapsed, siderWidth) {
   if (hasLeftPadding) {
     return collapsed ? 60 : siderWidth;
   }
@@ -64286,7 +64849,7 @@ var BaseProLayout = function BaseProLayout(props) {
   var className = classnames_default()(props.className, hashId, 'ant-design-pro', proLayoutClassName, (_classNames = {}, defineProperty_defineProperty(_classNames, "screen-".concat(colSize), colSize), defineProperty_defineProperty(_classNames, "".concat(proLayoutClassName, "-top-menu"), propsLayout === 'top'), defineProperty_defineProperty(_classNames, "".concat(proLayoutClassName, "-is-children"), isChildrenLayout), defineProperty_defineProperty(_classNames, "".concat(proLayoutClassName, "-fix-siderbar"), fixSiderbar), defineProperty_defineProperty(_classNames, "".concat(proLayoutClassName, "-").concat(propsLayout), propsLayout), _classNames));
   /** 计算 slider 的宽度 */
-  var leftSiderWidth = getPaddingLeft(!!hasLeftPadding, collapsed, siderWidth); // siderMenuDom 为空的时候，不需要 padding
+  var leftSiderWidth = getpaddingInlineStart(!!hasLeftPadding, collapsed, siderWidth); // siderMenuDom 为空的时候，不需要 padding
   var genLayoutStyle = {
     position: 'relative'
@@ -64426,7 +64989,9 @@ var ProLayout_ProLayout = function ProLayout(props) {
     theme: {
       token: {
         radiusBase: 4,
-        colorPrimary: '#1677FF'
+        colorPrimary: '#1677FF',
+        colorError: '#ff4d4f',
+        colorInfo: '#1677FF'
       },
       override: {
         Layout: {
@@ -66162,9 +66727,10 @@ var Alert_style_genProStyle = function genProStyle(token) {
   var _token$componentCls;
   return defineProperty_defineProperty({}, token.componentCls, (_token$componentCls = {
-    marginBottom: 16
+    marginBlockEnd: 16
   }, defineProperty_defineProperty(_token$componentCls, "".concat(token.antCls, "-alert").concat(token.antCls, "-alert-no-icon"), {
-    padding: "".concat(token.paddingSM, " ").concat(token.paddingLG)
+    paddingBlock: token.paddingSM,
+    paddingInline: token.paddingLG
   }), defineProperty_defineProperty(_token$componentCls, '$-info', {
     display: 'flex',
     alignItems: 'center',
@@ -66174,7 +66740,7 @@ var Alert_style_genProStyle = function genProStyle(token) {
     },
     '&-option': {
       minWidth: 48,
-      paddingLeft: 16
+      paddingInlineStart: 16
     }
   }), _token$componentCls));
 };
@@ -67341,12 +67907,14 @@ var ColumnSetting_style_genProStyle = function genProStyle(token) {
     },
     '&-overlay': (_overlay = {
       '*': {
+        fontFamily: token.fontFamily,
         boxSizing: 'border-box'
       }
     }, defineProperty_defineProperty(_overlay, "".concat(token.antCls, "-popover-inner-content"), {
       width: '200px',
-      padding: '0px',
-      paddingBottom: '8px'
+      paddingBlock: 0,
+      paddingInline: 0,
+      paddingBlockEnd: 8
     }), defineProperty_defineProperty(_overlay, "".concat(token.antCls, "-tree-node-content-wrapper:hover"), {
       backgroundColor: 'transparent'
     }), defineProperty_defineProperty(_overlay, "".concat(token.antCls, "-tree-draggable-icon"), {
@@ -67359,21 +67927,22 @@ var ColumnSetting_style_genProStyle = function genProStyle(token) {
         display: 'block'
       })
     }, "".concat(token.antCls, "-tree-checkbox"), {
-      top: '0',
-      margin: '0',
-      marginRight: '4px'
+      insetBlockStart: 0,
+      marginBlock: 0,
+      marginInline: 0,
+      marginInlineEnd: '4px'
     })), _overlay)
   }), defineProperty_defineProperty(_ref, "".concat(token.componentCls, "-list"), (_$concat2 = {
     display: 'flex',
     flexDirection: 'column',
     width: '100%',
-    paddingTop: '8px'
+    paddingBlockStart: 8
   }, defineProperty_defineProperty(_$concat2, "&".concat(token.componentCls, "-list-group"), {
-    paddingTop: 0
+    paddingBlockStart: 0
   }), defineProperty_defineProperty(_$concat2, '&-title', {
-    marginTop: '6px',
-    marginBottom: '6px',
-    paddingLeft: '24px',
+    marginBlockStart: '6px',
+    marginBlockEnd: '6px',
+    paddingInlineStart: '24px',
     color: token.colorTextSecondary,
     fontSize: '12px'
   }), defineProperty_defineProperty(_$concat2, '&-item', {
@@ -67392,7 +67961,7 @@ var ColumnSetting_style_genProStyle = function genProStyle(token) {
         }
       },
       '> span + span': {
-        marginLeft: 8
+        marginInlineStart: 8
       }
     }
   }), _$concat2)), _ref;
@@ -67946,7 +68515,8 @@ var genProListStyle = function genProListStyle(token) {
     '&-container': {
       display: 'flex',
       justifyContent: 'space-between',
-      padding: "".concat(token.padding, " 0"),
+      paddingBlock: token.padding,
+      paddingInline: 0,
       ' &-mobile': {
         flexDirection: 'column'
       }
@@ -67965,7 +68535,8 @@ var genProListStyle = function genProListStyle(token) {
       justifyContent: 'flex-start'
     },
     '&-setting-item': {
-      margin: '0 4px',
+      marginBlock: 0,
+      marginInline: 4,
       color: token.colorIconHover,
       fontSize: token.fontSizeLG,
       cursor: 'pointer',
@@ -67988,21 +68559,23 @@ var genProListStyle = function genProListStyle(token) {
       justifyContent: 'flex-end'
     },
     '&-extra-line': {
-      marginBottom: token.margin
+      marginBlockEnd: token.margin
     },
     '&-filter': defineProperty_defineProperty({
       '&:not(:last-child)': {
-        marginRight: token.margin
+        marginInlineEnd: token.margin
       },
       display: 'flex',
       alignItems: 'center'
     }, "div.$".concat(token.antCls, "-pro-table-search"), {
-      margin: '0',
-      padding: '0'
+      marginBlock: 0,
+      marginInline: 0,
+      paddingBlock: 0,
+      paddingInline: 0
     }),
     '&-inline-menu-item': {
       display: 'inline-block',
-      marginRight: token.marginLG,
+      marginInlineEnd: token.marginLG,
       cursor: 'pointer',
       opacity: '0.75',
       '&-active': {
@@ -68016,14 +68589,14 @@ var genProListStyle = function genProListStyle(token) {
       textAlign: 'center',
       cursor: 'pointer'
     }, "".concat(token.antCls, "-tabs-top > ").concat(token.antCls, "-tabs-nav"), defineProperty_defineProperty({
-      marginBottom: 0,
+      marginBlockEnd: 0,
       '&::before': {
         borderBottom: 0
       }
     }, "".concat(token.antCls, "-tabs-nav-list"), {
-      marginTop: 0,
+      marginBlockStart: 0,
       '${token.antCls}-tabs-tab': {
-        paddingTop: 0
+        paddingBlockStart: 0
       }
     })),
     '@media (max-width: 575px)': defineProperty_defineProperty({}, token.componentCls, {
@@ -68032,7 +68605,7 @@ var genProListStyle = function genProListStyle(token) {
         flexWrap: 'wrap'
       },
       '&-left': {
-        marginBottom: '16px'
+        marginBlockEnd: '16px'
       }
     })
   });
@@ -68839,7 +69412,7 @@ var style_genProListStyle = function genProListStyle(token) {
       background: '@component-background'
     },
     '&-extra': {
-      marginBottom: 16
+      marginBlockEnd: 16
     },
     '&-polling': defineProperty_defineProperty({}, "".concat(token.componentCls, "-list-toolbar-setting-item"), {
       '.anticon.anticon-reload': {
@@ -68853,9 +69426,11 @@ var style_genProListStyle = function genProListStyle(token) {
       }
     }
   }, defineProperty_defineProperty(_token$componentCls, "".concat(token.antCls, "-table").concat(token.antCls, "-table-tbody").concat(token.antCls, "-table-wrapper:only-child").concat(token.antCls, "-table"), {
-    margin: 0
+    marginBlock: 0,
+    marginInline: 0
   }), defineProperty_defineProperty(_token$componentCls, "".concat(token.antCls, "-table").concat(token.antCls, "-table-middle ").concat(token.componentCls), {
-    margin: '-12px -8px'
+    marginBlock: -12,
+    marginInline: -8
   }), _token$componentCls)), defineProperty_defineProperty(_ref, '@keyframes turn', {
     '0%': {
       transform: 'rotate(0deg)'
@@ -68873,23 +69448,28 @@ var style_genProListStyle = function genProListStyle(token) {
       transform: 'rotate(360deg)'
     }
   }), defineProperty_defineProperty(_ref, '&-search', (_search = {
-    marginBottom: '16px',
-    padding: '24px',
-    paddingBottom: '0',
+    marginBlockEnd: '16px',
+    paddingBlock: 24,
+    paddingInline: 24,
+    paddingBlockEnd: 0,
     background: '@component-background',
     '&-ghost': {
       background: 'transparent'
     }
   }, defineProperty_defineProperty(_search, "&".concat(token.componentCls, "-form"), {
-    margin: '0',
-    padding: '0 16px',
+    marginBlock: 0,
+    marginInline: 0,
+    paddingBlock: 0,
+    paddingInline: 16,
     overflow: 'unset'
   }), defineProperty_defineProperty(_search, '&-light', {
-    marginBottom: '0',
-    padding: '16px 0'
+    marginBlockEnd: 0,
+    padding: '16px 0',
+    paddingBlock: 16,
+    paddingInline: 0
   }), defineProperty_defineProperty(_search, '&-form-option', (_formOption = {}, defineProperty_defineProperty(_formOption, "".concat(token.antCls, "-form-item"), {}), defineProperty_defineProperty(_formOption, "".concat(token.antCls, "-form-item-label"), {}), defineProperty_defineProperty(_formOption, "".concat(token.antCls, "-form-item-control-input"), {}), _formOption)), defineProperty_defineProperty(_search, '@media (max-width: 575px)', defineProperty_defineProperty({}, token.componentCls, defineProperty_defineProperty({
     height: 'auto !important',
-    paddingBottom: '24px'
+    paddingBlockEnd: '24px'
   }, "".concat(token.antCls, "-form-item-label"), {
     minWidth: '80px',
     textAlign: 'left'
@@ -68898,7 +69478,8 @@ var style_genProListStyle = function genProListStyle(token) {
     alignItems: 'center',
     justifyContent: 'space-between',
     height: '64px',
-    padding: '0 24px',
+    paddingInline: 24,
+    paddingBlock: 0,
     '&-option': {
       display: 'flex',
       alignItems: 'center',
@@ -68930,13 +69511,14 @@ var style_genProListStyle = function genProListStyle(token) {
     alignItems: 'flex-start',
     justifyContent: 'flex-start',
     height: 'auto',
-    marginBottom: '16px',
-    marginLeft: '16px',
-    padding: '8px',
-    paddingTop: '16px',
+    marginBlockEnd: '16px',
+    marginInlineStart: '16px',
+    paddingBlock: 8,
+    paddingInline: 8,
+    paddingBlockStart: '16px',
     lineHeight: 'normal',
     '&-title': {
-      marginBottom: 16
+      marginBlockEnd: 16
     },
     '&-option': {
       display: 'flex',
@@ -70208,7 +70790,7 @@ function TableRender(props) {
             var loadingProps = props.loading === true ? {} : props.loading;
             return (0,jsx_runtime.jsx)("div", {
               style: {
-                paddingTop: 100,
+                paddingBlockStart: 100,
                 textAlign: 'center'
               },
               children: (0,jsx_runtime.jsx)(external_antd_.Spin, objectSpread2_objectSpread2({
@@ -70231,7 +70813,7 @@ function TableRender(props) {
     ghost: props.ghost,
     bordered: isBordered('table', cardBordered),
     bodyStyle: toolbarDom ? {
-      paddingTop: 0
+      paddingBlockStart: 0
     } : {
       padding: 0
     }
@@ -70917,7 +71499,7 @@ var DragSortTable_style_genProListStyle = function genProListStyle(token) {
       alignItems: 'center'
     },
     '&-icon': {
-      marginRight: '8px',
+      marginInlineEnd: 8,
       color: '#999',
       cursor: 'grab'
     }
@@ -76816,7 +77398,7 @@ function statisticToken(token) {
   };
 }
 ;// CONCATENATED MODULE: ./node_modules/antd/es/version/version.js
-/* harmony default export */ var version = ('5.0.0-experimental.10');
+/* harmony default export */ var version = ('5.0.0-experimental.13');
 ;// CONCATENATED MODULE: ./node_modules/antd/es/version/index.js
 /* eslint import/no-unresolved: 0 */
 // @ts-ignore
@@ -76887,6 +77469,7 @@ var seedToken = extends_extends(extends_extends({}, defaultPresetColors), {
 /* harmony default export */ var seed = (seedToken);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/theme/themes/shared/genColorMapToken.js
 function genColorMapToken(seed, _ref) {
   var generateColorPalettes = _ref.generateColorPalettes,
       generateTextAlphaPalettes = _ref.generateTextAlphaPalettes,
@@ -76913,8 +77496,9 @@ function genColorMapToken(seed, _ref) {
     colorPrimaryHover: primaryColors[5],
     colorPrimary: primaryColors[6],
     colorPrimaryActive: primaryColors[7],
-    colorPrimaryText: primaryColors[8],
-    colorPrimaryTextHover: primaryColors[9],
+    colorPrimaryTextHover: primaryColors[5],
+    colorPrimaryText: primaryColors[6],
+    colorPrimaryTextActive: primaryColors[7],
     colorSuccessBg: successColors[1],
     colorSuccessBgHover: successColors[2],
     colorSuccessBorder: successColors[3],
@@ -76922,8 +77506,9 @@ function genColorMapToken(seed, _ref) {
     colorSuccessHover: successColors[5],
     colorSuccess: successColors[6],
     colorSuccessActive: successColors[7],
-    colorSuccessText: successColors[8],
-    colorSuccessTextHover: successColors[9],
+    colorSuccessTextHover: successColors[5],
+    colorSuccessText: successColors[6],
+    colorSuccessTextActive: successColors[7],
     colorErrorBg: errorColors[1],
     colorErrorBgHover: errorColors[2],
     colorErrorBorder: errorColors[3],
@@ -76931,8 +77516,9 @@ function genColorMapToken(seed, _ref) {
     colorErrorHover: errorColors[5],
     colorError: errorColors[6],
     colorErrorActive: errorColors[7],
-    colorErrorText: errorColors[8],
-    colorErrorTextHover: errorColors[9],
+    colorErrorTextHover: errorColors[5],
+    colorErrorText: errorColors[6],
+    colorErrorTextActive: errorColors[7],
     colorWarningBg: warningColors[1],
     colorWarningBgHover: warningColors[2],
     colorWarningBorder: warningColors[3],
@@ -76940,8 +77526,9 @@ function genColorMapToken(seed, _ref) {
     colorWarningHover: warningColors[5],
     colorWarning: warningColors[6],
     colorWarningActive: warningColors[7],
-    colorWarningText: warningColors[8],
-    colorWarningTextHover: warningColors[9],
+    colorWarningTextHover: warningColors[5],
+    colorWarningText: warningColors[6],
+    colorWarningTextActive: warningColors[7],
     colorInfoBg: infoColors[1],
     colorInfoBgHover: infoColors[2],
     colorInfoBorder: infoColors[3],
@@ -76949,8 +77536,11 @@ function genColorMapToken(seed, _ref) {
     colorInfoHover: infoColors[5],
     colorInfo: infoColors[6],
     colorInfoActive: infoColors[7],
-    colorInfoText: infoColors[8],
-    colorInfoTextHover: infoColors[9]
+    colorInfoTextHover: infoColors[5],
+    colorInfoText: infoColors[6],
+    colorInfoTextActive: infoColors[7],
+    colorBgMask: textColors.colorTextTertiary,
+    colorBgSpotlight: new TinyColor('#000').setAlpha(0.85).toRgbString()
   });
 }
 ;// CONCATENATED MODULE: ./node_modules/antd/es/theme/themes/shared/genFontSizes.js
@@ -77055,7 +77645,10 @@ var generateBgPalettes = function generateBgPalettes(bgBaseColor, textBaseColor)
     colorFillQuaternary: getAlphaColor(textBaseColor, 0.02),
     colorBgLayout: getSolidColor(bgBaseColor, 4),
     colorBgContainer: getSolidColor(bgBaseColor, 0),
-    colorBgElevated: getSolidColor(bgBaseColor, 0)
+    colorBgElevated: getSolidColor(bgBaseColor, 0),
+    colorBorder: getSolidColor(bgBaseColor, 15),
+    colorBorderSecondary: getSolidColor(bgBaseColor, 6),
+    colorSplit: getAlphaColor(textBaseColor, 0.06)
   };
 };
 var generateTextAlphaPalettes = function generateTextAlphaPalettes(textBaseColor) {
@@ -77139,26 +77732,22 @@ function formatToken(derivativeToken) {
   var fontSizeSM = fontSizes[0]; // Generate alias token
   var aliasToken = extends_extends(extends_extends(extends_extends({}, mergedToken), {
-    colorLink: mergedToken.colorPrimary,
-    colorLinkHover: mergedToken.colorPrimaryHover,
+    colorLink: mergedToken.colorPrimaryText,
+    colorLinkHover: mergedToken.colorPrimaryTextHover,
     colorLinkActive: mergedToken.colorPrimaryActive,
     // ============== Background ============== //
     colorFillContent: mergedToken.colorFillSecondary,
     colorFillContentHover: mergedToken.colorFill,
     colorFillAlter: mergedToken.colorFillQuaternary,
     colorBgContainerDisabled: mergedToken.colorFillTertiary,
-    colorBgMask: mergedToken.colorTextTertiary,
-    colorBgSpotlight: mergedToken.colorText,
     // ============== Split ============== //
-    colorBorderBg: mergedToken.colorBgLayout,
-    colorBorder: mergedToken.colorFill,
-    colorBorderSecondary: mergedToken.colorFillSecondary,
-    colorSplit: mergedToken.colorFillSecondary,
+    colorBorderBg: mergedToken.colorBgContainer,
     // ============== Text ============== //
     colorTextPlaceholder: mergedToken.colorTextQuaternary,
     colorTextDisabled: mergedToken.colorTextQuaternary,
     colorTextHeading: mergedToken.colorText,
     colorTextLabel: mergedToken.colorTextSecondary,
+    colorTextDescription: mergedToken.colorTextSecondary,
     colorHighlight: mergedToken.colorError,
     colorIcon: mergedToken.colorTextTertiary,
     colorIconHover: mergedToken.colorText,
@@ -77263,7 +77852,7 @@ function formatToken(derivativeToken) {
-var defaultTheme = createTheme(derivative);
+var theme_defaultTheme = createTheme(derivative);
  // ================================ Context =================================
 var DesignTokenContext = /*#__PURE__*/external_React_default().createContext({
@@ -77281,7 +77870,7 @@ function theme_useToken() {
       theme = _React$useContext.theme;
   var salt = "".concat(saltPrefix, "-").concat(hashed || '');
-  var mergedTheme = theme || defaultTheme;
+  var mergedTheme = theme || theme_defaultTheme;
   var _useCacheToken = useCacheToken(mergedTheme, [seed, rootDesignToken], {
     salt: salt,
@@ -84813,7 +85402,7 @@ var genBaseStyle = function genBaseStyle(token) {
     boxShadow: token.boxShadow
   }, defineProperty_defineProperty(_menuCls, "".concat(menuCls, "-item-group-title"), {
     padding: "".concat(dropdownPaddingVertical, "px ").concat(controlPaddingHorizontal, "px"),
-    color: token.colorTextSecondary,
+    color: token.colorTextDescription,
     transition: "all ".concat(motionDurationSlow)
   }), defineProperty_defineProperty(_menuCls, "".concat(menuCls, "-item"), {
     position: 'relative',
@@ -84881,7 +85470,7 @@ var genBaseStyle = function genBaseStyle(token) {
     insetInlineEnd: token.paddingXS
   }, "".concat(componentCls, "-menu-submenu-arrow-icon"), {
     marginInlineEnd: '0 !important',
-    color: token.colorTextSecondary,
+    color: token.colorTextDescription,
     fontSize: fontSizeIcon,
     fontStyle: 'normal'
   })), _$concat$concat)), defineProperty_defineProperty(_menuCls, "".concat(menuCls, "-item-group-list"), {
@@ -88032,7 +88621,8 @@ var getHorizontalStyle = function getHorizontalStyle(token) {
       colorBorderSecondary = token.colorBorderSecondary,
       lineWidth = token.lineWidth,
       lineType = token.lineType,
-      menuItemPaddingInline = token.menuItemPaddingInline;
+      menuItemPaddingInline = token.menuItemPaddingInline,
+      menuItemMarginInline = token.menuItemMarginInline;
   return defineProperty_defineProperty({}, "".concat(componentCls, "-horizontal"), (_$concat = {
     lineHeight: "".concat(menuHorizontalHeight, "px"),
     border: 0,
@@ -88048,7 +88638,8 @@ var getHorizontalStyle = function getHorizontalStyle(token) {
     position: 'relative',
     display: 'inline-block',
     verticalAlign: 'bottom',
-    paddingInline: menuItemPaddingInline
+    paddingInline: menuItemPaddingInline,
+    marginInline: menuItemMarginInline
   }), defineProperty_defineProperty(_$concat, "> ".concat(componentCls, "-item:hover,\n        > ").concat(componentCls, "-item-active,\n        > ").concat(componentCls, "-submenu ").concat(componentCls, "-submenu-title:hover"), {
     backgroundColor: 'transparent'
   }), defineProperty_defineProperty(_$concat, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), {
@@ -88116,7 +88707,7 @@ var getThemeStyle = function getThemeStyle(token) {
       motionDurationFast = token.motionDurationFast,
       colorItemTextHover = token.colorItemTextHover,
       lineType = token.lineType,
-      colorBorderSecondary = token.colorBorderSecondary,
+      colorSplit = token.colorSplit,
       colorItemTextDisabled = token.colorItemTextDisabled,
       colorDangerItemText = token.colorDangerItemText,
       colorDangerItemTextHover = token.colorDangerItemTextHover,
@@ -88189,7 +88780,7 @@ var getThemeStyle = function getThemeStyle(token) {
       borderBottomColor: colorItemTextSelected
     }
   }), _$concat$concat2))), defineProperty_defineProperty(_componentCls, "&".concat(componentCls, "-root"), defineProperty_defineProperty({}, "&".concat(componentCls, "-inline, &").concat(componentCls, "-vertical"), {
-    borderInlineEnd: "".concat(colorActiveBarBorderSize, "px ").concat(lineType, " ").concat(colorBorderSecondary)
+    borderInlineEnd: "".concat(colorActiveBarBorderSize, "px ").concat(lineType, " ").concat(colorSplit)
   })), defineProperty_defineProperty(_componentCls, "&".concat(componentCls, "-inline"), (_$concat8 = {}, defineProperty_defineProperty(_$concat8, "".concat(componentCls, "-sub").concat(componentCls, "-inline"), {
     background: colorSubItemBg
   }), defineProperty_defineProperty(_$concat8, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), colorActiveBarBorderSize ? {
@@ -88229,9 +88820,8 @@ var getVerticalInlineStyle = function getVerticalInlineStyle(token) {
   var componentCls = token.componentCls,
       menuItemHeight = token.menuItemHeight,
-      marginXS = token.marginXS,
+      menuItemMarginInline = token.menuItemMarginInline,
       padding = token.padding,
-      marginXXS = token.marginXXS,
       menuArrowSize = token.menuArrowSize,
       fontSize = token.fontSize;
   var paddingWithArrow = menuArrowSize + fontSize;
@@ -88240,14 +88830,12 @@ var getVerticalInlineStyle = function getVerticalInlineStyle(token) {
   }), defineProperty_defineProperty(_ref, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), {
     height: menuItemHeight,
     lineHeight: "".concat(menuItemHeight, "px"),
-    marginBlock: marginXXS,
+    marginBlock: menuItemMarginInline,
     paddingInline: padding,
     overflow: 'hidden',
     textOverflow: 'ellipsis'
   }), defineProperty_defineProperty(_ref, "".concat(componentCls, "-submenu"), {
     paddingBottom: 0.02
-  }), defineProperty_defineProperty(_ref, "".concat(componentCls, "-item:not(:last-child)"), {
-    marginBottom: marginXS
   }), defineProperty_defineProperty(_ref, "> ".concat(componentCls, "-item,\n            > ").concat(componentCls, "-submenu > ").concat(componentCls, "-submenu-title"), {
     height: menuItemHeight,
     lineHeight: "".concat(menuItemHeight, "px")
@@ -88572,7 +89160,8 @@ var getBaseStyle = function getBaseStyle(token) {
     var menuToken = statistic_merge(token, {
       menuItemHeight: controlHeightLG,
-      menuItemPaddingInline: controlHeightLG / 2,
+      menuItemPaddingInline: token.margin,
+      menuItemMarginInline: token.marginXXS,
       menuArrowSize: menuArrowSize,
       menuHorizontalHeight: controlHeightLG * 1.15,
       menuArrowOffset: "".concat(menuArrowSize * 0.25, "px"),
@@ -88592,7 +89181,7 @@ var getBaseStyle = function getBaseStyle(token) {
         colorTextDisabled = token.colorTextDisabled,
         colorErrorBg = token.colorErrorBg,
         colorText = token.colorText,
-        colorTextSecondary = token.colorTextSecondary,
+        colorTextDescription = token.colorTextDescription,
         colorBgContainer = token.colorBgContainer,
         colorFillAlter = token.colorFillAlter,
         controlItemBgActive = token.controlItemBgActive,
@@ -88604,7 +89193,7 @@ var getBaseStyle = function getBaseStyle(token) {
       radiusItem: 0,
       colorItemText: colorText,
       colorItemTextHover: colorPrimary,
-      colorGroupTitle: colorTextSecondary,
+      colorGroupTitle: colorTextDescription,
       colorItemTextSelected: colorPrimary,
       colorItemBg: colorBgContainer,
       colorSubItemBg: colorFillAlter,
@@ -90821,7 +91410,7 @@ var ThemedMenu = /*#__PURE__*/(0,external_React_.forwardRef)(function (_a, ref)
     };
   });
   var colorTextLightSolid = token.colorTextLightSolid,
-      colorTextSecondary = token.colorTextSecondary,
+      colorTextDescription = token.colorTextDescription,
       colorPrimary = token.colorPrimary,
       colorError = token.colorError,
       colorErrorHover = token.colorErrorHover;
@@ -90830,7 +91419,7 @@ var ThemedMenu = /*#__PURE__*/(0,external_React_.forwardRef)(function (_a, ref)
       return {
         colorItemText: new TinyColor(colorTextLightSolid).setAlpha(0.65).toRgbString(),
         colorItemTextHover: colorTextLightSolid,
-        colorGroupTitle: colorTextSecondary,
+        colorGroupTitle: colorTextDescription,
         colorItemTextSelected: colorTextLightSolid,
         colorItemBg: '#001529',
         colorSubItemBg: '#000c17',
@@ -92669,7 +93258,7 @@ var es_style_genProListStyle = function genProListStyle(token) {
   return defineProperty_defineProperty({}, token.componentCls, (_token$componentCls = {
     backgroundColor: 'transparent'
   }, defineProperty_defineProperty(_token$componentCls, "".concat(token.proComponentsCls, "-table-alert"), {
-    marginBottom: '16px'
+    marginBlockEnd: '16px'
   }), defineProperty_defineProperty(_token$componentCls, '&-row', (_row = {
     borderBottom: "1px solid ".concat(token.colorSplit),
     '&:last-child': defineProperty_defineProperty({
@@ -92690,20 +93279,24 @@ var es_style_genProListStyle = function genProListStyle(token) {
       display: 'block'
     }), _hover),
     '&-card': defineProperty_defineProperty({
-      margin: '8px 0',
-      padding: '0 8px',
+      marginBlock: 8,
+      marginInline: 0,
+      paddingBlock: 0,
+      paddingInline: 8,
       '&:hover': {
         backgroundColor: 'transparent'
       }
     }, "".concat(token.antCls, "-list-item-meta-title"), {
-      flexShrink: '9',
-      margin: '0',
+      flexShrink: 9,
+      marginBlock: 0,
+      marginInline: 0,
       lineHeight: '22px'
     })
   }, defineProperty_defineProperty(_row, "&".concat(token.componentCls, "-row-editable"), defineProperty_defineProperty({}, "".concat(token.componentCls, "-list-item"), {
     '&-meta': {
       '&-avatar,&-description,&-title': {
-        padding: '6px 0'
+        paddingBlock: 6,
+        paddingInline: 0
       }
     },
     '&-action': {
@@ -92736,21 +93329,22 @@ var es_style_genProListStyle = function genProListStyle(token) {
     alignItems: 'center',
     justifyContent: 'space-between',
     height: '44px',
-    padding: '0 24px',
+    paddingInline: 24,
+    paddingBlock: 0,
     color: token.colorTextSecondary,
     lineHeight: '44px',
     background: 'rgba(0, 0, 0, 0.02)',
     '&-actions': {
       display: 'none'
     },
-    '&-actions > *': {
-      marginInlineEnd: '8px',
+    '&-actions *': {
+      marginInlineEnd: 8,
       '&:last-child': {
         marginInlineEnd: 0
       }
     }
   }), defineProperty_defineProperty(_row, '&-expand-icon', {
-    marginRight: '8px',
+    marginInlineEnd: 8,
     color: token.colorTextSecondary,
     '> .anticon > svg': {
       transition: '0.3s'
@@ -92760,7 +93354,7 @@ var es_style_genProListStyle = function genProListStyle(token) {
       transform: 'rotate(90deg)'
     }
   }), defineProperty_defineProperty(_row, '&-title', {
-    marginRight: '16px',
+    marginInlineEnd: '16px',
     wordBreak: 'break-all',
     cursor: 'pointer',
     '&:hover': {
@@ -92771,11 +93365,12 @@ var es_style_genProListStyle = function genProListStyle(token) {
     display: 'flex',
     flex: '1',
     flexDirection: 'column',
-    margin: '0 32px'
+    marginBlock: 0,
+    marginInline: 32
   }), defineProperty_defineProperty(_row, '&-subTitle', {
     color: 'rgba(0, 0, 0, 0.45)'
   }), defineProperty_defineProperty(_row, '&-description', {
-    marginTop: '4px',
+    marginBlockStart: '4px',
     wordBreak: 'break-all'
   }), defineProperty_defineProperty(_row, '&-avatar', {
     display: 'flex'
@@ -92791,7 +93386,7 @@ var es_style_genProListStyle = function genProListStyle(token) {
     display: 'flex'
   }), defineProperty_defineProperty(_row, '&-checkbox', {
     width: '16px',
-    marginRight: '12px'
+    marginInlineEnd: '12px'
   }), defineProperty_defineProperty(_row, '&-no-split', (_noSplit = {}, defineProperty_defineProperty(_noSplit, "".concat(token.componentCls, "-row"), {
     borderBottom: 'none'
   }), defineProperty_defineProperty(_noSplit, "".concat(token.antCls, "-list ").concat(token.antCls, "-list-item"), {
@@ -92806,13 +93401,14 @@ var es_style_genProListStyle = function genProListStyle(token) {
     alignItems: 'flex-start',
     justifyContent: 'center'
   }), defineProperty_defineProperty(_$concat5, '&-content', {
-    margin: '0'
+    marginBlock: 0,
+    marginInline: 0
   }), defineProperty_defineProperty(_$concat5, '&-subTitle', {
-    marginTop: '8px'
+    marginBlockStart: 8
   }), defineProperty_defineProperty(_$concat5, "".concat(token.antCls, "-list-item-extra"), defineProperty_defineProperty({
     display: 'flex',
     alignItems: 'center',
-    marginLeft: '32px'
+    marginInlineStart: '32px'
   }, "".concat(token.componentCls, "-row-description"), {
     marginBlockStart: 16
   })), defineProperty_defineProperty(_$concat5, "".concat(token.antCls, "-list-bordered ").concat(token.antCls, "-list-item"), {
@@ -92823,21 +93419,25 @@ var es_style_genProListStyle = function genProListStyle(token) {
     marginBlockEnd: token.marginLG
   }), defineProperty_defineProperty(_row, "".concat(token.antCls, "-list-list"), {
     '&-item': {
-      padding: '12px',
-      cursor: 'pointer'
+      cursor: 'pointer',
+      paddingBlock: 12,
+      paddingInline: 12
     }
   }), defineProperty_defineProperty(_row, "".concat(token.antCls, "-list-vertical .").concat(token.proComponentsCls, "-list-row ").concat(token.antCls, "-list"), defineProperty_defineProperty({
     '&-header': {
-      padding: '0',
+      paddingBlock: 0,
+      paddingInline: 0,
       borderBottom: 'none'
     }
   }, "".concat(token.antCls, "-list-item"), {
     width: '100%',
-    padding: '12px 18px 12px 24px',
+    paddingBlock: 12,
+    paddingInlineStart: 24,
+    paddingInlineEnd: 18,
     '&-meta-avatar': {
       display: 'flex',
       alignItems: 'center',
-      marginRight: '8px'
+      marginInlineEnd: 8
     },
     '&-action-split': {
       display: 'none'
@@ -93017,17 +93617,17 @@ function BaseProList(props) {
 /* harmony default export */ var list_es = ((/* unused pure expression or super */ null && (ProList)));
 ;// CONCATENATED MODULE: ./packages/components/src/version.ts
 var version_version = {
-  "@ant-design/pro-card": "2.0.0-experimental.6",
-  "@ant-design/pro-components": "2.0.0-experimental.6",
-  "@ant-design/pro-descriptions": "2.0.0-experimental.6",
-  "@ant-design/pro-field": "2.0.0-experimental.6",
-  "@ant-design/pro-form": "2.0.0-experimental.6",
-  "@ant-design/pro-layout": "7.0.0-experimental.6",
-  "@ant-design/pro-list": "2.0.0-experimental.6",
+  "@ant-design/pro-card": "2.0.0-experimental.7",
+  "@ant-design/pro-components": "2.0.0-experimental.7",
+  "@ant-design/pro-descriptions": "2.0.0-experimental.7",
+  "@ant-design/pro-field": "2.0.0-experimental.7",
+  "@ant-design/pro-form": "2.0.0-experimental.7",
+  "@ant-design/pro-layout": "7.0.0-experimental.7",
+  "@ant-design/pro-list": "2.0.0-experimental.7",
   "@ant-design/pro-provider": "2.0.0-experimental.4",
   "@ant-design/pro-skeleton": "2.0.0-experimental.4",
-  "@ant-design/pro-table": "3.0.0-experimental.6",
-  "@ant-design/pro-utils": "2.0.0-experimental.6"
+  "@ant-design/pro-table": "3.0.0-experimental.7",
+  "@ant-design/pro-utils": "2.0.0-experimental.7"
 };
 ;// CONCATENATED MODULE: ./packages/components/src/index.tsx