@ant-design/pro-components 2.2.0 → 2.3.1

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
  1. package/dist/components.js +345 -265
  2. package/dist/components.min.js +1 -1
  3. package/es/version.js +10 -10
  4. package/package.json +9 -9
package/dist/components.js CHANGED
@@ -32112,7 +32112,7 @@ var FieldLabelFunction = function FieldLabelFunction(props, ref) {
32112
32112
  children: [getTextByValue(label, value), (value || value === 0) && allowClear && (0,jsx_runtime.jsx)(icons_CloseOutlined, {
32113
32113
  role: "button",
32114
32114
  title: "\u6E05\u9664",
32115
- className: classnames_default()("".concat(prefixCls, "-icon"), "".concat(prefixCls, "-close")),
32115
+ className: classnames_default()("".concat(prefixCls, "-icon"), hashId, "".concat(prefixCls, "-close")),
32116
32116
  onClick: function onClick(e) {
32117
32117
  if (onClear && !disabled) {
32118
32118
  onClear();
@@ -32483,38 +32483,55 @@ var operationUnit_operationUnit = function operationUnit(token) {
32483
32483
  };
32484
32484
  };
32485
32485
  ;// CONCATENATED MODULE: ./node_modules/antd/es/style/roundedArrow.js
32486
- var roundedArrow = function roundedArrow(width, innerRadius, outerRadius, bgColor) {
32487
- var cornerHeight = outerRadius * (1 - 1 / Math.sqrt(2));
32488
- var ax = width - cornerHeight;
32489
- var ay = 2 * width + cornerHeight;
32490
- var bx = ax + outerRadius * (1 / Math.sqrt(2));
32491
- var by = 2 * width;
32492
- var cx = 2 * width - innerRadius;
32493
- var cy = 2 * width;
32494
- var dx = 2 * width;
32495
- var dy = 2 * width - innerRadius;
32496
- var fx = 2 * width + cornerHeight;
32497
- var fy = width - cornerHeight;
32498
- var ex = 2 * width;
32499
- var ey = fy + outerRadius * (1 / Math.sqrt(2));
32486
+ var roundedArrow = function roundedArrow(width, innerRadius, outerRadius, bgColor, boxShadow) {
32487
+ var unitWidth = width / 2;
32488
+ var ax = unitWidth - outerRadius * (Math.sqrt(2) - 1);
32489
+ var ay = unitWidth;
32490
+ var bx = unitWidth + outerRadius * (1 - 1 / Math.sqrt(2));
32491
+ var by = unitWidth - outerRadius * (1 - 1 / Math.sqrt(2));
32492
+ var cx = 2 * unitWidth - innerRadius * (1 / Math.sqrt(2));
32493
+ var cy = innerRadius * (1 / Math.sqrt(2));
32494
+ var dx = 4 * unitWidth - cx;
32495
+ var dy = cy;
32496
+ var ex = 4 * unitWidth - bx;
32497
+ var ey = by;
32498
+ var fx = 4 * unitWidth - ax;
32499
+ var fy = ay;
32500
32500
  return {
32501
32501
  borderRadius: {
32502
32502
  _skip_check_: true,
32503
- value: "0 0 2px"
32503
+ value: "0 0 ".concat(innerRadius, "px")
32504
32504
  },
32505
32505
  pointerEvents: 'none',
32506
+ width: width * 2,
32507
+ height: width * 2,
32508
+ overflow: 'hidden',
32509
+ '&::after': {
32510
+ content: '""',
32511
+ position: 'absolute',
32512
+ width: width / Math.sqrt(2),
32513
+ height: width / Math.sqrt(2),
32514
+ bottom: 0,
32515
+ insetInline: 0,
32516
+ margin: 'auto',
32517
+ borderRadius: {
32518
+ _skip_check_: true,
32519
+ value: "0 0 ".concat(innerRadius, "px 0")
32520
+ },
32521
+ transform: 'translateY(50%) rotate(-135deg)',
32522
+ boxShadow: boxShadow,
32523
+ zIndex: 0,
32524
+ background: 'transparent'
32525
+ },
32506
32526
  '&::before': {
32507
32527
  position: 'absolute',
32508
- top: -width,
32509
- insetInlineStart: -width,
32510
- width: width * 3,
32511
- height: width * 3,
32528
+ bottom: 0,
32529
+ insetInlineStart: 0,
32530
+ width: width * 2,
32531
+ height: width / 2,
32512
32532
  background: bgColor,
32513
- // Hack firefox: https://github.com/ant-design/ant-design/pull/33710#issuecomment-1015287825
32514
- backgroundRepeat: 'no-repeat',
32515
- backgroundPosition: "".concat(Math.ceil(-width + 1), "px ").concat(Math.ceil(-width + 1), "px"),
32516
- content: '""',
32517
- clipPath: "path('M ".concat(ax, " ").concat(ay, " A ").concat(outerRadius, " ").concat(outerRadius, " 0 0 1 ").concat(bx, " ").concat(by, " L ").concat(cx, " ").concat(cy, " A ").concat(innerRadius, " ").concat(innerRadius, " 0 0 0 ").concat(dx, " ").concat(dy, " L ").concat(ex, " ").concat(ey, " A ").concat(outerRadius, " ").concat(outerRadius, " 0 0 1 ").concat(fx, " ").concat(fy, " Z')")
32533
+ clipPath: "path('M ".concat(ax, " ").concat(ay, " A ").concat(outerRadius, " ").concat(outerRadius, " 0 0 0 ").concat(bx, " ").concat(by, " L ").concat(cx, " ").concat(cy, " A ").concat(innerRadius, " ").concat(innerRadius, " 0 0 1 ").concat(dx, " ").concat(dy, " L ").concat(ex, " ").concat(ey, " A ").concat(outerRadius, " ").concat(outerRadius, " 0 0 0 ").concat(fx, " ").concat(fy, " Z')"),
32534
+ content: '""'
32518
32535
  }
32519
32536
  };
32520
32537
  };
@@ -32648,7 +32665,7 @@ function withConfigConsumer(config) {
32648
32665
  };
32649
32666
  }
32650
32667
  ;// CONCATENATED MODULE: ./node_modules/antd/es/version/version.js
32651
- /* harmony default export */ var version = ('5.0.0-experimental.20');
32668
+ /* harmony default export */ var version = ('5.0.0-experimental.22');
32652
32669
  ;// CONCATENATED MODULE: ./node_modules/antd/es/version/index.js
32653
32670
  /* eslint import/no-unresolved: 0 */
32654
32671
  // @ts-ignore
@@ -32674,7 +32691,7 @@ var defaultPresetColors = {
32674
32691
 
32675
32692
  var seedToken = extends_extends(extends_extends({}, defaultPresetColors), {
32676
32693
  // Color
32677
- colorPrimary: '#1890ff',
32694
+ colorPrimary: '#1677ff',
32678
32695
  colorSuccess: '#52c41a',
32679
32696
  colorWarning: '#faad14',
32680
32697
  colorError: '#ff4d4f',
@@ -32706,7 +32723,7 @@ var seedToken = extends_extends(extends_extends({}, defaultPresetColors), {
32706
32723
  // Size
32707
32724
  sizeUnit: 4,
32708
32725
  sizeBaseStep: 4,
32709
- sizePopupArrow: 8 * Math.sqrt(2),
32726
+ sizePopupArrow: 16,
32710
32727
  // Control Base
32711
32728
  controlHeight: 32,
32712
32729
  // zIndex
@@ -32881,9 +32898,12 @@ var generateColorPalettes = function generateColorPalettes(baseColor) {
32881
32898
  5: colors[4],
32882
32899
  6: colors[5],
32883
32900
  7: colors[6],
32884
- 8: colors[7],
32885
- 9: colors[8],
32886
- 10: colors[9]
32901
+ 8: colors[4],
32902
+ 9: colors[5],
32903
+ 10: colors[6] // 8: colors[7],
32904
+ // 9: colors[8],
32905
+ // 10: colors[9],
32906
+
32887
32907
  };
32888
32908
  };
32889
32909
  var generateNeutralColorPalettes = function generateNeutralColorPalettes(bgBaseColor, textBaseColor) {
@@ -32896,9 +32916,9 @@ var generateNeutralColorPalettes = function generateNeutralColorPalettes(bgBaseC
32896
32916
  colorTextSecondary: getAlphaColor(colorTextBase, 0.65),
32897
32917
  colorTextTertiary: getAlphaColor(colorTextBase, 0.45),
32898
32918
  colorTextQuaternary: getAlphaColor(colorTextBase, 0.25),
32899
- colorFill: getAlphaColor(colorTextBase, 0.06),
32900
- colorFillSecondary: getAlphaColor(colorTextBase, 0.04),
32901
- colorFillTertiary: getAlphaColor(colorTextBase, 0.03),
32919
+ colorFill: getAlphaColor(colorTextBase, 0.12),
32920
+ colorFillSecondary: getAlphaColor(colorTextBase, 0.06),
32921
+ colorFillTertiary: getAlphaColor(colorTextBase, 0.04),
32902
32922
  colorFillQuaternary: getAlphaColor(colorTextBase, 0.02),
32903
32923
  colorBgLayout: getSolidColor(colorBgBase, 4),
32904
32924
  colorBgContainer: getSolidColor(colorBgBase, 0),
@@ -33043,13 +33063,16 @@ function formatToken(derivativeToken) {
33043
33063
  paddingSM: 12,
33044
33064
  paddingLG: 24,
33045
33065
  paddingXL: 32,
33066
+ paddingTmp: 20,
33046
33067
  marginXXS: 4,
33047
33068
  marginXS: 8,
33048
33069
  marginSM: 12,
33049
33070
  marginLG: 24,
33050
33071
  marginXL: 32,
33051
33072
  marginXXL: 48,
33052
- boxShadow: "\n 0 3px 6px -4px rgba(0, 0, 0, 0.12),\n 0 6px 16px 0 rgba(0, 0, 0, 0.08),\n 0 9px 28px 8px rgba(0, 0, 0, 0.05)\n ",
33073
+ marginTmp: 20,
33074
+ boxShadow: "\n 0 1px 2px 0 rgba(0, 0, 0, 0.03),\n 0 1px 6px -1px rgba(0, 0, 0, 0.02),\n 0 2px 4px 0 rgba(0, 0, 0, 0.02)\n ",
33075
+ boxShadowSecondary: "\n 0 6px 16px 0 rgba(0, 0, 0, 0.08),\n 0 3px 6px -4px rgba(0, 0, 0, 0.12),\n 0 9px 28px 8px rgba(0, 0, 0, 0.05)\n ",
33053
33076
  screenXS: screenXS,
33054
33077
  screenXSMin: screenXS,
33055
33078
  screenXSMax: screenXS - 1,
@@ -33070,13 +33093,11 @@ function formatToken(derivativeToken) {
33070
33093
  screenXXLMax: screenXXL - 1,
33071
33094
  // FIXME: component box-shadow, should be removed
33072
33095
  boxShadowPopoverArrow: "3px 3px 7px rgba(0, 0, 0, 0.1)",
33073
- boxShadowPopoverArrowBottom: "2px 2px 5px rgba(0, 0, 0, 0.1)",
33074
- boxShadowSegmentedSelectedItem: ["0 2px 8px -2px ".concat(new TinyColor('#000').setAlpha(0.05).toRgbString()), "0 1px 4px -1px ".concat(new TinyColor('#000').setAlpha(0.07).toRgbString()), "0 0 1px 0 ".concat(new TinyColor('#000').setAlpha(0.08).toRgbString())].join(','),
33075
33096
  boxShadowCard: "\n 0 1px 2px -2px ".concat(new TinyColor('rgba(0, 0, 0, 0.16)').toRgbString(), ",\n 0 3px 6px 0 ").concat(new TinyColor('rgba(0, 0, 0, 0.12)').toRgbString(), ",\n 0 5px 12px 4px ").concat(new TinyColor('rgba(0, 0, 0, 0.09)').toRgbString(), "\n "),
33076
- 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)',
33077
- 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)',
33078
- 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)',
33079
- 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)',
33097
+ boxShadowDrawerRight: "\n -6px 0 16px 0 rgba(0, 0, 0, 0.08),\n -3px 0 6px -4px rgba(0, 0, 0, 0.12),\n -9px 0 28px 8px rgba(0, 0, 0, 0.05)\n ",
33098
+ boxShadowDrawerLeft: "\n 6px 0 16px 0 rgba(0, 0, 0, 0.08),\n 3px 0 6px -4px rgba(0, 0, 0, 0.12),\n 9px 0 28px 8px rgba(0, 0, 0, 0.05)\n ",
33099
+ boxShadowDrawerUp: "\n 0 6px 16px 0 rgba(0, 0, 0, 0.08),\n 0 3px 6px -4px rgba(0, 0, 0, 0.12),\n 0 9px 28px 8px rgba(0, 0, 0, 0.05)\n ",
33100
+ boxShadowDrawerDown: "\n 0 -6px 16px 0 rgba(0, 0, 0, 0.08),\n 0 -3px 6px -4px rgba(0, 0, 0, 0.12),\n 0 -9px 28px 8px rgba(0, 0, 0, 0.05)\n ",
33080
33101
  boxShadowTabsOverflowLeft: "inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)",
33081
33102
  boxShadowTabsOverflowRight: "inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)",
33082
33103
  boxShadowTabsOverflowTop: "inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)",
@@ -33251,7 +33272,7 @@ function genComponentStyleHook_genComponentStyleHook(component, styleFn, getDefa
33251
33272
  theme: theme,
33252
33273
  token: token,
33253
33274
  hashId: hashId,
33254
- path: [component, prefixCls]
33275
+ path: [component, prefixCls, iconPrefixCls]
33255
33276
  }, function () {
33256
33277
  var _statisticToken = statisticToken(token),
33257
33278
  proxyToken = _statisticToken.token,
@@ -33358,7 +33379,8 @@ var genBaseStyle = function genBaseStyle(token) {
33358
33379
  colorTextDisabled = token.colorTextDisabled,
33359
33380
  fontSizeIcon = token.fontSizeIcon,
33360
33381
  controlPaddingHorizontal = token.controlPaddingHorizontal,
33361
- colorBgElevated = token.colorBgElevated;
33382
+ colorBgElevated = token.colorBgElevated,
33383
+ boxShadowPopoverArrow = token.boxShadowPopoverArrow;
33362
33384
  return [defineProperty_defineProperty({}, componentCls, extends_extends(extends_extends({}, style_resetComponent(token)), (_extends2 = {
33363
33385
  position: 'absolute',
33364
33386
  top: -9999,
@@ -33394,19 +33416,16 @@ var genBaseStyle = function genBaseStyle(token) {
33394
33416
  }), defineProperty_defineProperty(_extends2, "".concat(componentCls, "-arrow"), extends_extends({
33395
33417
  position: 'absolute',
33396
33418
  zIndex: 1,
33397
- display: 'block',
33398
- width: sizePopupArrow,
33399
- height: sizePopupArrow
33400
- }, roundedArrow(sizePopupArrow, token.radiusXS, token.radiusOuter, colorBgElevated))), defineProperty_defineProperty(_extends2, "\n &-placement-top > ".concat(componentCls, "-arrow,\n &-placement-topLeft > ").concat(componentCls, "-arrow,\n &-placement-topRight > ").concat(componentCls, "-arrow\n "), {
33401
- bottom: sizePopupArrow * Math.sqrt(1 / 2) + 2,
33402
- boxShadow: token.boxShadowPopoverArrow,
33403
- transform: 'rotate(45deg)'
33419
+ display: 'block'
33420
+ }, roundedArrow(sizePopupArrow, token.radiusXS, token.radiusOuter, colorBgElevated, boxShadowPopoverArrow))), defineProperty_defineProperty(_extends2, "\n &-placement-top > ".concat(componentCls, "-arrow,\n &-placement-topLeft > ").concat(componentCls, "-arrow,\n &-placement-topRight > ").concat(componentCls, "-arrow\n "), {
33421
+ bottom: dropdownArrowDistance,
33422
+ transform: 'translateY(100%) rotate(180deg)'
33404
33423
  }), defineProperty_defineProperty(_extends2, "&-placement-top > ".concat(componentCls, "-arrow"), {
33405
33424
  left: {
33406
33425
  _skip_check_: true,
33407
33426
  value: '50%'
33408
33427
  },
33409
- transform: 'translateX(-50%) rotate(45deg)'
33428
+ transform: 'translateX(-50%) translateY(100%) rotate(180deg)'
33410
33429
  }), defineProperty_defineProperty(_extends2, "&-placement-topLeft > ".concat(componentCls, "-arrow"), {
33411
33430
  left: {
33412
33431
  _skip_check_: true,
@@ -33418,16 +33437,14 @@ var genBaseStyle = function genBaseStyle(token) {
33418
33437
  value: dropdownArrowOffset
33419
33438
  }
33420
33439
  }), defineProperty_defineProperty(_extends2, "\n &-placement-bottom > ".concat(componentCls, "-arrow,\n &-placement-bottomLeft > ").concat(componentCls, "-arrow,\n &-placement-bottomRight > ").concat(componentCls, "-arrow\n "), {
33421
- top: (sizePopupArrow + 2) * Math.sqrt(1 / 2),
33422
- boxShadow: token.boxShadowPopoverArrowBottom,
33423
- transform: "rotate(-135deg) translateY(-0.5px)" // FIXME: hardcode
33424
-
33440
+ top: dropdownArrowDistance,
33441
+ transform: "translateY(-100%)"
33425
33442
  }), defineProperty_defineProperty(_extends2, "&-placement-bottom > ".concat(componentCls, "-arrow"), {
33426
33443
  left: {
33427
33444
  _skip_check_: true,
33428
33445
  value: '50%'
33429
33446
  },
33430
- transform: "translateX(-50%) rotate(-135deg) translateY(-0.5px)"
33447
+ transform: "translateY(-100%) translateX(-50%)"
33431
33448
  }), defineProperty_defineProperty(_extends2, "&-placement-bottomLeft > ".concat(componentCls, "-arrow"), {
33432
33449
  left: {
33433
33450
  _skip_check_: true,
@@ -33468,7 +33485,7 @@ var genBaseStyle = function genBaseStyle(token) {
33468
33485
  backgroundClip: 'padding-box',
33469
33486
  borderRadius: token.controlRadiusLG,
33470
33487
  outline: 'none',
33471
- boxShadow: token.boxShadow
33488
+ boxShadow: token.boxShadowSecondary
33472
33489
  }, defineProperty_defineProperty(_menuCls, "".concat(menuCls, "-item-group-title"), {
33473
33490
  padding: "".concat(dropdownPaddingVertical, "px ").concat(controlPaddingHorizontal, "px"),
33474
33491
  color: token.colorTextDescription,
@@ -33625,7 +33642,7 @@ var FilterDropdown = function FilterDropdown(props) {
33625
33642
  overlay: (0,jsx_runtime.jsxs)("div", {
33626
33643
  className: "".concat(prefixCls, "-overlay ").concat(hashId),
33627
33644
  children: [(0,jsx_runtime.jsx)("div", {
33628
- className: "".concat(prefixCls, "-content"),
33645
+ className: "".concat(prefixCls, "-content ").concat(hashId),
33629
33646
  children: children
33630
33647
  }), footer && (0,jsx_runtime.jsx)(DropdownFooter, objectSpread2_objectSpread2({
33631
33648
  disabled: disabled,
@@ -33633,7 +33650,7 @@ var FilterDropdown = function FilterDropdown(props) {
33633
33650
  }, footer))]
33634
33651
  }),
33635
33652
  children: (0,jsx_runtime.jsx)("span", {
33636
- className: "".concat(prefixCls, "-label"),
33653
+ className: "".concat(prefixCls, "-label ").concat(hashId),
33637
33654
  children: label
33638
33655
  })
33639
33656
  }));
@@ -34019,14 +34036,14 @@ var LabelIconTip = /*#__PURE__*/external_React_default().memo(function (props) {
34019
34036
  return e.stopPropagation();
34020
34037
  },
34021
34038
  children: [(0,jsx_runtime.jsx)("div", {
34022
- className: classnames_default()("".concat(className, "-title"), defineProperty_defineProperty({}, "".concat(className, "-title-ellipsis"), ellipsis)),
34039
+ className: classnames_default()("".concat(className, "-title"), hashId, defineProperty_defineProperty({}, "".concat(className, "-title-ellipsis"), ellipsis)),
34023
34040
  children: label
34024
34041
  }), subTitle && (0,jsx_runtime.jsx)("div", {
34025
- className: "".concat(className, "-subtitle"),
34042
+ className: "".concat(className, "-subtitle ").concat(hashId),
34026
34043
  children: subTitle
34027
34044
  }), tooltip && (0,jsx_runtime.jsx)(external_antd_.Tooltip, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, tooltipProps), {}, {
34028
34045
  children: (0,jsx_runtime.jsx)("span", {
34029
- className: "".concat(className, "-icon"),
34046
+ className: "".concat(className, "-icon ").concat(hashId),
34030
34047
  children: icon
34031
34048
  })
34032
34049
  }))]
@@ -37197,7 +37214,7 @@ var CheckCard = function CheckCard(props) {
37197
37214
  bordered = _checkCardProps$borde === void 0 ? true : _checkCardProps$borde,
37198
37215
  checked = checkCardProps.checked;
37199
37216
  var sizeCls = getSizeCls(size);
37200
- var classString = classnames_default()(prefixCls, className, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-loading"), cardLoading), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-").concat(sizeCls), sizeCls), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-checked"), checked), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-multiple"), multiple), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-disabled"), disabled), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-bordered"), bordered), defineProperty_defineProperty(_classNames, "hashId", hashId), _classNames));
37217
+ var classString = classnames_default()(prefixCls, className, hashId, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-loading"), cardLoading), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-").concat(sizeCls), sizeCls), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-checked"), checked), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-multiple"), multiple), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-disabled"), disabled), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-bordered"), bordered), defineProperty_defineProperty(_classNames, "hashId", hashId), _classNames));
37201
37218
  var metaDom = (0,external_React_.useMemo)(function () {
37202
37219
  if (cardLoading) {
37203
37220
  return (0,jsx_runtime.jsx)(CardLoading, {
@@ -37210,7 +37227,7 @@ var CheckCard = function CheckCard(props) {
37210
37227
  }
37211
37228
 
37212
37229
  var avatarDom = avatar ? (0,jsx_runtime.jsx)("div", {
37213
- className: "".concat(prefixCls, "-avatar"),
37230
+ className: "".concat(prefixCls, "-avatar ").concat(hashId),
37214
37231
  children: typeof avatar === 'string' ? (0,jsx_runtime.jsx)(external_antd_.Avatar, {
37215
37232
  size: 48,
37216
37233
  shape: "square",
@@ -37219,29 +37236,29 @@ var CheckCard = function CheckCard(props) {
37219
37236
  }) : null;
37220
37237
 
37221
37238
  var headerDom = (title || extra) && (0,jsx_runtime.jsxs)("div", {
37222
- className: "".concat(prefixCls, "-header"),
37239
+ className: "".concat(prefixCls, "-header ").concat(hashId),
37223
37240
  children: [(0,jsx_runtime.jsx)("div", {
37224
- className: "".concat(prefixCls, "-title"),
37241
+ className: "".concat(prefixCls, "-title ").concat(hashId),
37225
37242
  children: title
37226
37243
  }), extra && (0,jsx_runtime.jsx)("div", {
37227
- className: "".concat(prefixCls, "-extra"),
37244
+ className: "".concat(prefixCls, "-extra ").concat(hashId),
37228
37245
  children: extra
37229
37246
  })]
37230
37247
  });
37231
37248
 
37232
37249
  var descriptionDom = description ? (0,jsx_runtime.jsx)("div", {
37233
- className: "".concat(prefixCls, "-description"),
37250
+ className: "".concat(prefixCls, "-description ").concat(hashId),
37234
37251
  children: description
37235
37252
  }) : null;
37236
- var metaClass = classnames_default()("".concat(prefixCls, "-content"), defineProperty_defineProperty({}, "".concat(prefixCls, "-avatar-header"), avatarDom && headerDom && !descriptionDom));
37253
+ var metaClass = classnames_default()("".concat(prefixCls, "-content"), hashId, defineProperty_defineProperty({}, "".concat(prefixCls, "-avatar-header"), avatarDom && headerDom && !descriptionDom));
37237
37254
  return (0,jsx_runtime.jsxs)("div", {
37238
37255
  className: metaClass,
37239
37256
  children: [avatarDom, headerDom || descriptionDom ? (0,jsx_runtime.jsxs)("div", {
37240
- className: "".concat(prefixCls, "-detail"),
37257
+ className: "".concat(prefixCls, "-detail ").concat(hashId),
37241
37258
  children: [headerDom, descriptionDom]
37242
37259
  }) : null]
37243
37260
  });
37244
- }, [avatar, cardLoading, cover, description, extra, prefixCls, title]);
37261
+ }, [avatar, cardLoading, cover, description, extra, hashId, prefixCls, title]);
37245
37262
  return wrapSSR((0,jsx_runtime.jsx)("div", {
37246
37263
  className: classString,
37247
37264
  style: style,
@@ -37431,11 +37448,11 @@ var Statistic = function Statistic(props) {
37431
37448
  var tipDom = tip && (0,jsx_runtime.jsx)(external_antd_.Tooltip, {
37432
37449
  title: tip,
37433
37450
  children: (0,jsx_runtime.jsx)(icons_QuestionCircleOutlined, {
37434
- className: "".concat(prefixCls, "-tip")
37451
+ className: "".concat(prefixCls, "-tip ").concat(hashId)
37435
37452
  })
37436
37453
  });
37437
37454
 
37438
- var trendIconClassName = classnames_default()("".concat(prefixCls, "-trend-icon"), defineProperty_defineProperty({}, "".concat(prefixCls, "-trend-icon-").concat(trend), trend));
37455
+ var trendIconClassName = classnames_default()("".concat(prefixCls, "-trend-icon"), hashId, defineProperty_defineProperty({}, "".concat(prefixCls, "-trend-icon-").concat(trend), trend));
37439
37456
 
37440
37457
  var trendDom = trend && (0,jsx_runtime.jsx)("div", {
37441
37458
  className: trendIconClassName
@@ -37470,7 +37487,7 @@ var Statistic = function Statistic(props) {
37470
37487
  }),
37471
37488
  className: statisticClassName
37472
37489
  }, others)), description && (0,jsx_runtime.jsx)("div", {
37473
- className: "".concat(prefixCls, "-description"),
37490
+ className: "".concat(prefixCls, "-description ").concat(hashId),
37474
37491
  children: description
37475
37492
  })]
37476
37493
  })]
@@ -38195,7 +38212,7 @@ var Card = /*#__PURE__*/external_React_default().forwardRef(function (props, ref
38195
38212
  return element;
38196
38213
  });
38197
38214
  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));
38198
- 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));
38215
+ var bodyCls = classnames_default()("".concat(prefixCls, "-body"), hashId, (_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));
38199
38216
 
38200
38217
  var cardBodyStyle = objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, getStyle(horizonalGutter > 0, {
38201
38218
  marginInlineEnd: -horizonalGutter / 2,
@@ -38216,7 +38233,7 @@ var Card = /*#__PURE__*/external_React_default().forwardRef(function (props, ref
38216
38233
  collapsed: collapsed
38217
38234
  }) : (0,jsx_runtime.jsx)(icons_RightOutlined, {
38218
38235
  rotate: !collapsed ? 90 : undefined,
38219
- className: "".concat(prefixCls, "-collapsible-icon")
38236
+ className: "".concat(prefixCls, "-collapsible-icon ").concat(hashId)
38220
38237
  }));
38221
38238
  return wrapSSR((0,jsx_runtime.jsxs)("div", objectSpread2_objectSpread2(objectSpread2_objectSpread2({
38222
38239
  className: cardCls,
@@ -38230,24 +38247,24 @@ var Card = /*#__PURE__*/external_React_default().forwardRef(function (props, ref
38230
38247
  }
38231
38248
  }, omit_js_es(rest, ['prefixCls', 'colSpan'])), {}, {
38232
38249
  children: [(title || extra || collapsibleButton) && (0,jsx_runtime.jsxs)("div", {
38233
- className: classnames_default()("".concat(prefixCls, "-header"), (_classNames4 = {}, defineProperty_defineProperty(_classNames4, "".concat(prefixCls, "-header-border"), headerBordered || type === 'inner'), defineProperty_defineProperty(_classNames4, "".concat(prefixCls, "-header-collapsible"), collapsibleButton), _classNames4)),
38250
+ className: classnames_default()("".concat(prefixCls, "-header"), hashId, (_classNames4 = {}, defineProperty_defineProperty(_classNames4, "".concat(prefixCls, "-header-border"), headerBordered || type === 'inner'), defineProperty_defineProperty(_classNames4, "".concat(prefixCls, "-header-collapsible"), collapsibleButton), _classNames4)),
38234
38251
  style: headStyle,
38235
38252
  onClick: function onClick() {
38236
38253
  if (collapsibleButton) setCollapsed(!collapsed);
38237
38254
  },
38238
38255
  children: [(0,jsx_runtime.jsxs)("div", {
38239
- className: "".concat(prefixCls, "-title"),
38256
+ className: "".concat(prefixCls, "-title ").concat(hashId),
38240
38257
  children: [collapsibleButton, (0,jsx_runtime.jsx)(LabelIconTip, {
38241
38258
  label: title,
38242
38259
  tooltip: tooltip || tip,
38243
38260
  subTitle: subTitle
38244
38261
  })]
38245
38262
  }), extra && (0,jsx_runtime.jsx)("div", {
38246
- className: "".concat(prefixCls, "-extra"),
38263
+ className: "".concat(prefixCls, "-extra ").concat(hashId),
38247
38264
  children: extra
38248
38265
  })]
38249
38266
  }), tabs ? (0,jsx_runtime.jsx)("div", {
38250
- className: "".concat(prefixCls, "-tabs"),
38267
+ className: "".concat(prefixCls, "-tabs ").concat(hashId),
38251
38268
  children: (0,jsx_runtime.jsx)(external_antd_.Tabs, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
38252
38269
  onChange: tabs.onChange
38253
38270
  }, tabs), {}, {
@@ -38666,14 +38683,14 @@ var StatisticCard = function StatisticCard(props) {
38666
38683
  layout: "vertical"
38667
38684
  }, statistic));
38668
38685
 
38669
- var chartCls = classnames_default()("".concat(prefixCls, "-chart"), (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-chart-left"), chartPlacement === 'left' && chart && statistic), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-chart-right"), chartPlacement === 'right' && chart && statistic), _classNames));
38686
+ var chartCls = classnames_default()("".concat(prefixCls, "-chart"), hashId, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-chart-left"), chartPlacement === 'left' && chart && statistic), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-chart-right"), chartPlacement === 'right' && chart && statistic), _classNames));
38670
38687
 
38671
38688
  var chartDom = chart && (0,jsx_runtime.jsx)("div", {
38672
38689
  className: chartCls,
38673
38690
  children: chart
38674
38691
  });
38675
38692
 
38676
- var contentCls = classnames_default()("".concat(prefixCls, "-content"), defineProperty_defineProperty({}, "".concat(prefixCls, "-content-horizontal"), chartPlacement === 'left' || chartPlacement === 'right')); // 默认上下结构
38693
+ var contentCls = classnames_default()("".concat(prefixCls, "-content "), hashId, defineProperty_defineProperty({}, "".concat(prefixCls, "-content-horizontal"), chartPlacement === 'left' || chartPlacement === 'right')); // 默认上下结构
38677
38694
 
38678
38695
  var contentDom = (chartDom || statisticDom) && (chartPlacement === 'left' ? (0,jsx_runtime.jsxs)("div", {
38679
38696
  className: contentCls,
@@ -38684,7 +38701,7 @@ var StatisticCard = function StatisticCard(props) {
38684
38701
  }));
38685
38702
 
38686
38703
  var footerDom = footer && (0,jsx_runtime.jsx)("div", {
38687
- className: "".concat(prefixCls, "-footer"),
38704
+ className: "".concat(prefixCls, "-footer ").concat(hashId),
38688
38705
  children: footer
38689
38706
  });
38690
38707
 
@@ -38712,8 +38729,47 @@ StatisticCard.Group = StatisticCard_Group;
38712
38729
  ;// CONCATENATED MODULE: ./packages/card/es/components/TabPane/index.js
38713
38730
 
38714
38731
 
38715
- var TabPane = function TabPane() {
38716
- return (0,jsx_runtime.jsx)(jsx_runtime.Fragment, {});
38732
+ var TabPane_excluded = ["key", "tab", "tabKey", "disabled", "destroyInactiveTabPane", "children", "className", "style", "cardProps"];
38733
+
38734
+
38735
+
38736
+
38737
+
38738
+
38739
+ var TabPane = function TabPane(props) {
38740
+ var _useContext = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext),
38741
+ getPrefixCls = _useContext.getPrefixCls; // 如果是antd v5 则返回为空
38742
+
38743
+
38744
+ if (external_antd_.version.startsWith('5')) {
38745
+ return (0,jsx_runtime.jsx)(jsx_runtime.Fragment, {});
38746
+ } else {
38747
+ var key = props.key,
38748
+ tab = props.tab,
38749
+ tabKey = props.tabKey,
38750
+ disabled = props.disabled,
38751
+ destroyInactiveTabPane = props.destroyInactiveTabPane,
38752
+ children = props.children,
38753
+ className = props.className,
38754
+ style = props.style,
38755
+ cardProps = props.cardProps,
38756
+ rest = objectWithoutProperties_objectWithoutProperties(props, TabPane_excluded);
38757
+
38758
+ var prefixCls = getPrefixCls('pro-card-tabpane');
38759
+ var tabPaneClassName = classnames_default()(prefixCls, className);
38760
+ return (0,jsx_runtime.jsx)(external_antd_.Tabs.TabPane, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
38761
+ tabKey: tabKey,
38762
+ tab: tab,
38763
+ className: tabPaneClassName,
38764
+ style: style,
38765
+ disabled: disabled,
38766
+ destroyInactiveTabPane: destroyInactiveTabPane
38767
+ }, rest), {}, {
38768
+ children: (0,jsx_runtime.jsx)(components_Card, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, cardProps), {}, {
38769
+ children: children
38770
+ }))
38771
+ }), key);
38772
+ }
38717
38773
  };
38718
38774
 
38719
38775
  if (false) {}
@@ -38938,12 +38994,15 @@ var genCardStyle = function genCardStyle(token) {
38938
38994
  cardHeadHeight = token.cardHeadHeight,
38939
38995
  cardHeadPadding = token.cardHeadPadding,
38940
38996
  cardPaddingBase = token.cardPaddingBase,
38941
- colorBorderSecondary = token.colorBorderSecondary;
38997
+ colorBorderSecondary = token.colorBorderSecondary,
38998
+ boxShadow = token.boxShadow;
38942
38999
  return _ref3 = {}, defineProperty_defineProperty(_ref3, componentCls, extends_extends(extends_extends({}, style_resetComponent(token)), (_extends3 = {
38943
39000
  position: 'relative',
38944
39001
  background: token.colorBgContainer,
38945
39002
  borderRadius: token.radiusLG
38946
- }, defineProperty_defineProperty(_extends3, "".concat(componentCls, "-head"), genCardHeadStyle(token)), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-extra"), {
39003
+ }, defineProperty_defineProperty(_extends3, "&:not(".concat(componentCls, "-bordered)"), {
39004
+ boxShadow: boxShadow
39005
+ }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-head"), genCardHeadStyle(token)), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-extra"), {
38947
39006
  // https://stackoverflow.com/a/22429853/3040605
38948
39007
  marginInlineStart: 'auto',
38949
39008
  padding: '',
@@ -45092,7 +45151,7 @@ var genSingleStyle = function genSingleStyle(token) {
45092
45151
  backgroundColor: token.colorBgElevated,
45093
45152
  borderRadius: token.controlRadiusLG,
45094
45153
  outline: 'none',
45095
- boxShadow: token.boxShadow
45154
+ boxShadow: token.boxShadowSecondary
45096
45155
  }, defineProperty_defineProperty(_extends2, "\n &".concat(antCls, "-slide-up-enter").concat(antCls, "-slide-up-enter-active&-placement-bottomLeft,\n &").concat(antCls, "-slide-up-appear").concat(antCls, "-slide-up-appear-active&-placement-bottomLeft\n "), {
45097
45156
  animationName: slideUpIn
45098
45157
  }), defineProperty_defineProperty(_extends2, "\n &".concat(antCls, "-slide-up-enter").concat(antCls, "-slide-up-enter-active&-placement-topLeft,\n &").concat(antCls, "-slide-up-appear").concat(antCls, "-slide-up-appear-active&-placement-topLeft\n "), {
@@ -50540,7 +50599,8 @@ var genPickerStyle = function genPickerStyle(token) {
50540
50599
  var _$concat6, _$concat8, _range, _$concat9, _$concat10, _$concat11, _extends3, _rtl2, _extends4;
50541
50600
 
50542
50601
  var componentCls = token.componentCls,
50543
- antCls = token.antCls;
50602
+ antCls = token.antCls,
50603
+ boxShadowPopoverArrow = token.boxShadowPopoverArrow;
50544
50604
  return defineProperty_defineProperty({}, componentCls, extends_extends(extends_extends(extends_extends({}, style_resetComponent(token)), genPikerPadding(token, token.controlHeight, token.fontSize, token.inputPaddingHorizontal)), (_extends4 = {
50545
50605
  position: 'relative',
50546
50606
  display: 'inline-flex',
@@ -50677,14 +50737,14 @@ var genPickerStyle = function genPickerStyle(token) {
50677
50737
  display: 'none'
50678
50738
  },
50679
50739
  '&&-placement-bottomLeft': defineProperty_defineProperty({}, "".concat(componentCls, "-range-arrow"), {
50680
- top: "".concat(token.sizePopupArrow / 2 - token.sizePopupArrow / 3 + 0.7, "px"),
50740
+ top: 0,
50681
50741
  display: 'block',
50682
- transform: 'rotate(-135deg) translateY(1px)'
50742
+ transform: 'translateY(-100%)'
50683
50743
  }),
50684
50744
  '&&-placement-topLeft': defineProperty_defineProperty({}, "".concat(componentCls, "-range-arrow"), {
50685
- bottom: "".concat(token.sizePopupArrow / 2 - token.sizePopupArrow / 3 + 0.7, "px"),
50745
+ bottom: 0,
50686
50746
  display: 'block',
50687
- transform: 'rotate(45deg)'
50747
+ transform: 'translateY(100%) rotate(180deg)'
50688
50748
  })
50689
50749
  }, defineProperty_defineProperty(_extends3, "&".concat(antCls, "-slide-up-enter").concat(antCls, "-slide-up-enter-active&-placement-topLeft,\n &").concat(antCls, "-slide-up-enter").concat(antCls, "-slide-up-enter-active&-placement-topRight,\n &").concat(antCls, "-slide-up-appear").concat(antCls, "-slide-up-appear-active&-placement-topLeft,\n &").concat(antCls, "-slide-up-appear").concat(antCls, "-slide-up-appear-active&-placement-topRight"), {
50690
50750
  animationName: slideDownIn
@@ -50716,27 +50776,28 @@ var genPickerStyle = function genPickerStyle(token) {
50716
50776
  }), defineProperty_defineProperty(_$concat9, "".concat(componentCls, "-ok"), {
50717
50777
  marginInlineStart: 'auto'
50718
50778
  }), _$concat9)), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-range-wrapper"), {
50719
- display: 'flex'
50779
+ display: 'flex',
50780
+ position: 'relative'
50720
50781
  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-range-arrow"), extends_extends({
50721
50782
  position: 'absolute',
50722
50783
  zIndex: 1,
50723
50784
  display: 'none',
50724
- width: token.sizePopupArrow,
50725
- height: token.sizePopupArrow,
50726
50785
  marginInlineStart: token.inputPaddingHorizontal * 1.5,
50727
- boxShadow: token.boxShadowPopoverArrowBottom,
50728
50786
  transition: "left ".concat(token.motionDurationSlow, " ease-out")
50729
- }, roundedArrow(token.sizePopupArrow, token.radiusXS, token.radiusOuter, token.colorBgElevated))), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-panel-container"), (_$concat11 = {
50787
+ }, roundedArrow(token.sizePopupArrow, token.radiusXS, token.radiusOuter, token.colorBgElevated, boxShadowPopoverArrow))), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-panel-container"), (_$concat11 = {
50730
50788
  overflow: 'hidden',
50731
50789
  verticalAlign: 'top',
50732
50790
  background: token.colorBgElevated,
50733
50791
  borderRadius: token.controlRadiusLG,
50734
- boxShadow: token.boxShadow,
50792
+ boxShadow: token.boxShadowSecondary,
50735
50793
  transition: "margin ".concat(token.motionDurationSlow)
50736
50794
  }, defineProperty_defineProperty(_$concat11, "".concat(componentCls, "-panels"), {
50737
50795
  display: 'inline-flex',
50738
50796
  flexWrap: 'nowrap',
50739
- direction: 'ltr'
50797
+ direction: 'ltr',
50798
+ '&:last-child': defineProperty_defineProperty({}, "".concat(componentCls, "-panel"), {
50799
+ borderWidth: 0
50800
+ })
50740
50801
  }), defineProperty_defineProperty(_$concat11, "".concat(componentCls, "-panel"), (_$concat10 = {
50741
50802
  verticalAlign: 'top',
50742
50803
  background: 'transparent',
@@ -51833,8 +51894,9 @@ var genModalStyle = function genModalStyle(token) {
51833
51894
  backgroundClip: 'padding-box',
51834
51895
  border: 0,
51835
51896
  borderRadius: token.radiusLG,
51836
- boxShadow: token.boxShadow,
51837
- pointerEvents: 'auto'
51897
+ boxShadow: token.boxShadowSecondary,
51898
+ pointerEvents: 'auto',
51899
+ padding: "".concat(token.paddingTmp, "px ").concat(token.paddingLG, "px")
51838
51900
  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-close"), {
51839
51901
  position: 'absolute',
51840
51902
  top: 0,
@@ -51866,22 +51928,18 @@ var genModalStyle = function genModalStyle(token) {
51866
51928
  textDecoration: 'none'
51867
51929
  }
51868
51930
  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-header"), {
51869
- padding: token.modalHeaderPadding,
51870
51931
  color: token.colorText,
51871
51932
  background: token.modalHeaderBg,
51872
- borderBottom: "".concat(token.modalHeaderBorderWidth, "px ").concat(token.modalHeaderBorderStyle, " ").concat(token.modalHeaderBorderColorSplit),
51873
- borderRadius: "".concat(token.radiusLG, "px ").concat(token.radiusLG, "px 0 0")
51933
+ borderRadius: "".concat(token.radiusLG, "px ").concat(token.radiusLG, "px 0 0"),
51934
+ marginBottom: token.marginXS
51874
51935
  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-body"), {
51875
- padding: token.modalBodyPadding,
51876
51936
  fontSize: token.fontSizeBase,
51877
51937
  lineHeight: token.lineHeight,
51878
51938
  wordWrap: 'break-word'
51879
51939
  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-footer"), defineProperty_defineProperty({
51880
- padding: "".concat(token.modalFooterPaddingVertical, "px ").concat(token.modalFooterPaddingHorizontal, "px"),
51881
51940
  textAlign: 'end',
51882
51941
  background: token.modalFooterBg,
51883
- borderTop: "".concat(token.modalFooterBorderWidth, "px ").concat(token.modalFooterBorderStyle, " ").concat(token.modalFooterBorderColorSplit),
51884
- borderRadius: "0 0 ".concat(token.radiusLG, "px ").concat(token.radiusLG, "px")
51942
+ marginTop: token.marginSM
51885
51943
  }, "".concat(token.antCls, "-btn + ").concat(token.antCls, "-btn:not(").concat(token.antCls, "-dropdown-trigger)"), {
51886
51944
  marginBottom: 0,
51887
51945
  marginInlineStart: token.marginXS
@@ -51905,8 +51963,6 @@ var genModalConfirmStyle = function genModalConfirmStyle(token) {
51905
51963
  }
51906
51964
  }, defineProperty_defineProperty(_confirmComponentCls, "".concat(token.antCls, "-modal-header"), {
51907
51965
  display: 'none'
51908
- }), defineProperty_defineProperty(_confirmComponentCls, "".concat(token.antCls, "-modal-body"), {
51909
- padding: "".concat(token.padding * 2, "px ").concat(token.padding * 2, "px ").concat(token.paddingLG, "px")
51910
51966
  }), defineProperty_defineProperty(_confirmComponentCls, "".concat(confirmComponentCls, "-body-wrapper"), extends_extends({}, clearFix())), defineProperty_defineProperty(_confirmComponentCls, "".concat(confirmComponentCls, "-body"), (_$concat7 = {
51911
51967
  display: 'flex',
51912
51968
  flexWrap: 'wrap',
@@ -51926,15 +51982,15 @@ var genModalConfirmStyle = function genModalConfirmStyle(token) {
51926
51982
  fontSize: token.fontSizeBase
51927
51983
  }), defineProperty_defineProperty(_$concat7, "> ".concat(token.iconCls), defineProperty_defineProperty({
51928
51984
  flex: 'none',
51929
- marginInlineEnd: token.margin,
51985
+ marginInlineEnd: token.marginSM,
51930
51986
  fontSize: token.modalConfirmIconSize
51931
51987
  }, "+ ".concat(confirmComponentCls, "-title + ").concat(confirmComponentCls, "-content"), {
51932
- marginInlineStart: token.modalConfirmIconSize + token.margin,
51988
+ marginInlineStart: token.modalConfirmIconSize + token.marginSM,
51933
51989
  marginBlockStart: token.marginXS,
51934
51990
  flexBasis: '100%'
51935
51991
  })), _$concat7)), defineProperty_defineProperty(_confirmComponentCls, "".concat(confirmComponentCls, "-btns"), defineProperty_defineProperty({
51936
51992
  textAlign: 'end',
51937
- marginTop: token.marginLG
51993
+ marginTop: token.marginSM
51938
51994
  }, "".concat(token.antCls, "-btn + ").concat(token.antCls, "-btn"), {
51939
51995
  marginBottom: 0,
51940
51996
  marginInlineStart: token.marginXS
@@ -52316,36 +52372,35 @@ function connectArrowCls(classList) {
52316
52372
  }).join(',');
52317
52373
  }
52318
52374
 
52319
- function getArrowStyle(token, colorBg, showArrowCls) {
52375
+ function getArrowStyle(token, colorBg, showArrowCls, arrowMargin) {
52320
52376
  var _componentCls;
52321
52377
 
52322
52378
  var componentCls = token.componentCls,
52323
52379
  sizePopupArrow = token.sizePopupArrow,
52324
52380
  marginXXS = token.marginXXS,
52325
52381
  radiusXS = token.radiusXS,
52326
- radiusOuter = token.radiusOuter;
52327
- var dropdownArrowOffset = sizePopupArrow / Math.sqrt(2) * 2;
52382
+ radiusOuter = token.radiusOuter,
52383
+ boxShadowPopoverArrow = token.boxShadowPopoverArrow,
52384
+ marginXS = token.marginXS;
52385
+ var dropdownArrowOffset = arrowMargin !== null && arrowMargin !== void 0 ? arrowMargin : marginXS;
52328
52386
  var dropdownArrowDistance = sizePopupArrow + marginXXS;
52329
52387
  return defineProperty_defineProperty({}, componentCls, (_componentCls = {}, defineProperty_defineProperty(_componentCls, "".concat(componentCls, "-arrow"), [extends_extends(extends_extends({
52330
52388
  position: 'absolute',
52331
52389
  zIndex: 1,
52332
- display: 'block',
52333
- width: sizePopupArrow,
52334
- height: sizePopupArrow
52335
- }, roundedArrow(sizePopupArrow, radiusXS, radiusOuter, colorBg)), {
52390
+ display: 'block'
52391
+ }, roundedArrow(sizePopupArrow, radiusXS, radiusOuter, colorBg, boxShadowPopoverArrow)), {
52336
52392
  '&:before': {
52337
52393
  background: colorBg
52338
52394
  }
52339
52395
  })]), defineProperty_defineProperty(_componentCls, ["&-placement-top ".concat(componentCls, "-arrow"), "&-placement-topLeft ".concat(componentCls, "-arrow"), "&-placement-topRight ".concat(componentCls, "-arrow")].join(','), {
52340
52396
  bottom: 0,
52341
- boxShadow: token.boxShadowPopoverArrow,
52342
- transform: 'translateY(50%) rotate(45deg)'
52397
+ transform: 'translateY(100%) rotate(180deg)'
52343
52398
  }), defineProperty_defineProperty(_componentCls, "&-placement-top ".concat(componentCls, "-arrow"), {
52344
52399
  left: {
52345
52400
  _skip_check_: true,
52346
52401
  value: '50%'
52347
52402
  },
52348
- transform: 'translateX(-50%) translateY(50%) rotate(45deg)'
52403
+ transform: 'translateX(-50%) translateY(100%) rotate(180deg)'
52349
52404
  }), defineProperty_defineProperty(_componentCls, "&-placement-topLeft ".concat(componentCls, "-arrow"), {
52350
52405
  left: {
52351
52406
  _skip_check_: true,
@@ -52358,14 +52413,13 @@ function getArrowStyle(token, colorBg, showArrowCls) {
52358
52413
  }
52359
52414
  }), defineProperty_defineProperty(_componentCls, ["&-placement-bottom ".concat(componentCls, "-arrow"), "&-placement-bottomLeft ".concat(componentCls, "-arrow"), "&-placement-bottomRight ".concat(componentCls, "-arrow")].join(','), {
52360
52415
  top: 0,
52361
- boxShadow: token.boxShadowPopoverArrowBottom,
52362
- transform: "translateY(-50%) rotate(-135deg)"
52416
+ transform: "translateY(-100%)"
52363
52417
  }), defineProperty_defineProperty(_componentCls, "&-placement-bottom ".concat(componentCls, "-arrow"), {
52364
52418
  left: {
52365
52419
  _skip_check_: true,
52366
52420
  value: '50%'
52367
52421
  },
52368
- transform: "translateX(-50%) translateY(-50%) rotate(-135deg)"
52422
+ transform: "translateX(-50%) translateY(-100%)"
52369
52423
  }), defineProperty_defineProperty(_componentCls, "&-placement-bottomLeft ".concat(componentCls, "-arrow"), {
52370
52424
  left: {
52371
52425
  _skip_check_: true,
@@ -52381,14 +52435,13 @@ function getArrowStyle(token, colorBg, showArrowCls) {
52381
52435
  _skip_check_: true,
52382
52436
  value: 0
52383
52437
  },
52384
- boxShadow: token.boxShadowPopoverArrow,
52385
- transform: 'translateX(50%) rotate(-45deg)'
52438
+ transform: 'translateX(100%) rotate(90deg)'
52386
52439
  }), defineProperty_defineProperty(_componentCls, "&-placement-left ".concat(componentCls, "-arrow"), {
52387
52440
  top: {
52388
52441
  _skip_check_: true,
52389
52442
  value: '50%'
52390
52443
  },
52391
- transform: 'translateY(-50%) translateX(50%) rotate(-45deg)'
52444
+ transform: 'translateY(-50%) translateX(100%) rotate(90deg)'
52392
52445
  }), defineProperty_defineProperty(_componentCls, "&-placement-leftTop ".concat(componentCls, "-arrow"), {
52393
52446
  top: dropdownArrowOffset
52394
52447
  }), defineProperty_defineProperty(_componentCls, "&-placement-leftBottom ".concat(componentCls, "-arrow"), {
@@ -52398,14 +52451,13 @@ function getArrowStyle(token, colorBg, showArrowCls) {
52398
52451
  _skip_check_: true,
52399
52452
  value: 0
52400
52453
  },
52401
- boxShadow: token.boxShadowPopoverArrow,
52402
- transform: 'translateX(-50%) rotate(135deg)'
52454
+ transform: 'translateX(-100%) rotate(-90deg)'
52403
52455
  }), defineProperty_defineProperty(_componentCls, "&-placement-right ".concat(componentCls, "-arrow"), {
52404
52456
  top: {
52405
52457
  _skip_check_: true,
52406
52458
  value: '50%'
52407
52459
  },
52408
- transform: 'translateY(-50%) translateX(-50%) rotate(135deg)'
52460
+ transform: 'translateY(-50%) translateX(-100%) rotate(-90deg)'
52409
52461
  }), defineProperty_defineProperty(_componentCls, "&-placement-rightTop ".concat(componentCls, "-arrow"), {
52410
52462
  top: dropdownArrowOffset
52411
52463
  }), defineProperty_defineProperty(_componentCls, "&-placement-rightBottom ".concat(componentCls, "-arrow"), {
@@ -52441,18 +52493,13 @@ var popover_style_genBaseStyle = function genBaseStyle(token) {
52441
52493
  popoverBg = token.popoverBg,
52442
52494
  popoverColor = token.popoverColor,
52443
52495
  width = token.width,
52444
- popoverPaddingHorizontal = token.popoverPaddingHorizontal,
52445
- popoverTitlePaddingBlockTop = token.popoverTitlePaddingBlockTop,
52446
- popoverTitlePaddingBlockBottom = token.popoverTitlePaddingBlockBottom,
52447
- lineWidth = token.lineWidth,
52448
- lineType = token.lineType,
52449
52496
  fontWeightStrong = token.fontWeightStrong,
52450
- boxShadow = token.boxShadow,
52451
- colorSplit = token.colorSplit,
52497
+ popoverPadding = token.popoverPadding,
52498
+ boxShadowSecondary = token.boxShadowSecondary,
52452
52499
  colorTextHeading = token.colorTextHeading,
52453
52500
  borderRadius = token.radiusLG,
52454
- paddingSM = token.paddingSM,
52455
- zIndexPopup = token.zIndexPopup;
52501
+ zIndexPopup = token.zIndexPopup,
52502
+ marginXS = token.marginXS;
52456
52503
  return [defineProperty_defineProperty({}, componentCls, extends_extends(extends_extends({}, style_resetComponent(token)), (_extends2 = {
52457
52504
  position: 'absolute',
52458
52505
  top: 0,
@@ -52475,16 +52522,14 @@ var popover_style_genBaseStyle = function genBaseStyle(token) {
52475
52522
  backgroundColor: popoverBg,
52476
52523
  backgroundClip: 'padding-box',
52477
52524
  borderRadius: borderRadius,
52478
- boxShadow: boxShadow
52525
+ boxShadow: boxShadowSecondary,
52526
+ padding: popoverPadding
52479
52527
  }), defineProperty_defineProperty(_extends2, "".concat(componentCls, "-title"), {
52480
52528
  minWidth: width,
52481
- margin: 0,
52482
- padding: "".concat(popoverTitlePaddingBlockTop, "px ").concat(popoverPaddingHorizontal, "px ").concat(popoverTitlePaddingBlockBottom, "px"),
52529
+ marginBottom: marginXS,
52483
52530
  color: colorTextHeading,
52484
- fontWeight: fontWeightStrong,
52485
- borderBottom: "".concat(lineWidth, "px ").concat(lineType, " ").concat(colorSplit)
52531
+ fontWeight: fontWeightStrong
52486
52532
  }), defineProperty_defineProperty(_extends2, "".concat(componentCls, "-inner-content"), {
52487
- padding: "".concat(paddingSM, "px ").concat(popoverPaddingHorizontal, "px"),
52488
52533
  color: popoverColor
52489
52534
  }), _extends2))), // Arrow Style
52490
52535
  getArrowStyle(token, token.colorBgElevated), // Pure Render
@@ -52514,18 +52559,13 @@ var genColorStyle = function genColorStyle(token) {
52514
52559
  };
52515
52560
 
52516
52561
  /* harmony default export */ var popover_style = (genComponentStyleHook_genComponentStyleHook('Popover', function (token) {
52517
- var controlHeight = token.controlHeight,
52518
- fontSize = token.fontSize,
52519
- lineHeight = token.lineHeight,
52520
- lineWidth = token.lineWidth,
52521
- colorBgElevated = token.colorBgElevated;
52522
- var titlePaddingBlockDist = controlHeight - Math.round(fontSize * lineHeight);
52562
+ var colorBgElevated = token.colorBgElevated,
52563
+ colorText = token.colorText,
52564
+ paddingSM = token.paddingSM;
52523
52565
  var popoverToken = merge(token, {
52524
52566
  popoverBg: colorBgElevated,
52525
- popoverColor: token.colorText,
52526
- popoverTitlePaddingBlockTop: titlePaddingBlockDist / 2,
52527
- popoverTitlePaddingBlockBottom: titlePaddingBlockDist / 2 - lineWidth,
52528
- popoverPaddingHorizontal: token.padding
52567
+ popoverColor: colorText,
52568
+ popoverPadding: paddingSM
52529
52569
  });
52530
52570
  return [popover_style_genBaseStyle(popoverToken), genColorStyle(popoverToken), initZoomMotion(popoverToken, 'zoom-big')];
52531
52571
  }, function (_ref5) {
@@ -57195,6 +57235,7 @@ var ListItem_excluded = ["creatorButtonProps", "deleteIconProps", "copyIconProps
57195
57235
 
57196
57236
 
57197
57237
 
57238
+
57198
57239
  /** Antd 自带的toArray 不支持方法，所以需要自己搞一个 */
57199
57240
 
57200
57241
  var listToArray = function listToArray(children) {
@@ -57235,6 +57276,9 @@ var ProFormListItem = function ProFormListItem(props) {
57235
57276
  count = props.count,
57236
57277
  rest = objectWithoutProperties_objectWithoutProperties(props, ListItem_excluded);
57237
57278
 
57279
+ var _useToken = useStyle_useToken(),
57280
+ hashId = _useToken.hashId;
57281
+
57238
57282
  var listContext = (0,external_React_.useContext)(FormListContext);
57239
57283
  var unmountedRef = (0,external_React_.useRef)(false);
57240
57284
 
@@ -57301,7 +57345,7 @@ var ProFormListItem = function ProFormListItem(props) {
57301
57345
  children: (0,jsx_runtime.jsx)(external_antd_.Spin, {
57302
57346
  spinning: loadingCopy,
57303
57347
  children: (0,jsx_runtime.jsx)(Icon, {
57304
- className: "".concat(prefixCls, "-action-icon action-copy"),
57348
+ className: "".concat(prefixCls, "-action-icon action-copy ").concat(hashId),
57305
57349
  onClick: function () {
57306
57350
  var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
57307
57351
  return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -57334,7 +57378,7 @@ var ProFormListItem = function ProFormListItem(props) {
57334
57378
  })
57335
57379
  })
57336
57380
  }, "copy");
57337
- }, [copyIconProps, max, count, loadingCopy, prefixCls, action, formInstance, listContext.listName, rest.name, field.name]);
57381
+ }, [copyIconProps, max, count, loadingCopy, prefixCls, hashId, action, formInstance, listContext.listName, rest.name, field.name]);
57338
57382
  var deleteIcon = (0,external_React_.useMemo)(function () {
57339
57383
  if (deleteIconProps === false || min === count) return null;
57340
57384
  var _deleteIconProps$Icon = deleteIconProps.Icon,
@@ -57345,7 +57389,7 @@ var ProFormListItem = function ProFormListItem(props) {
57345
57389
  children: (0,jsx_runtime.jsx)(external_antd_.Spin, {
57346
57390
  spinning: loadingRemove,
57347
57391
  children: (0,jsx_runtime.jsx)(Icon, {
57348
- className: "".concat(prefixCls, "-action-icon action-remove"),
57392
+ className: "".concat(prefixCls, "-action-icon action-remove ").concat(hashId),
57349
57393
  onClick: function () {
57350
57394
  var _onClick2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
57351
57395
  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
@@ -57378,7 +57422,7 @@ var ProFormListItem = function ProFormListItem(props) {
57378
57422
  })
57379
57423
  })
57380
57424
  }, "delete");
57381
- }, [deleteIconProps, min, count, loadingRemove, prefixCls, setLoadingRemove, action, field.name]);
57425
+ }, [deleteIconProps, min, count, loadingRemove, prefixCls, hashId, action, field.name]);
57382
57426
  var defaultActionDom = (0,external_React_.useMemo)(function () {
57383
57427
  return [copyIcon, deleteIcon].filter(function (item) {
57384
57428
  return item !== null && item !== undefined;
@@ -57386,7 +57430,7 @@ var ProFormListItem = function ProFormListItem(props) {
57386
57430
  }, [copyIcon, deleteIcon]);
57387
57431
  var actions = (actionRender === null || actionRender === void 0 ? void 0 : actionRender(field, action, defaultActionDom, count)) || defaultActionDom;
57388
57432
  var dom = actions.length > 0 ? (0,jsx_runtime.jsx)("div", {
57389
- className: "".concat(prefixCls, "-action"),
57433
+ className: "".concat(prefixCls, "-action ").concat(hashId),
57390
57434
  children: actions
57391
57435
  }) : null;
57392
57436
  var options = {
@@ -57408,7 +57452,7 @@ var ProFormListItem = function ProFormListItem(props) {
57408
57452
 
57409
57453
  var contentDom = (itemRender === null || itemRender === void 0 ? void 0 : itemRender({
57410
57454
  listDom: (0,jsx_runtime.jsx)("div", {
57411
- className: "".concat(prefixCls, "-container"),
57455
+ className: "".concat(prefixCls, "-container ").concat(hashId),
57412
57456
  style: {
57413
57457
  width: grid ? '100%' : undefined
57414
57458
  },
@@ -57416,13 +57460,13 @@ var ProFormListItem = function ProFormListItem(props) {
57416
57460
  }),
57417
57461
  action: dom
57418
57462
  }, options)) || (0,jsx_runtime.jsxs)("div", {
57419
- className: "".concat(prefixCls, "-item ").concat(alwaysShowItemLabel ? "".concat(prefixCls, "-item-show-label") : ''),
57463
+ className: "".concat(prefixCls, "-item ").concat(hashId, " ").concat(alwaysShowItemLabel ? "".concat(prefixCls, "-item-show-label ").concat(hashId) : ''),
57420
57464
  style: {
57421
57465
  display: 'flex',
57422
57466
  alignItems: 'flex-end'
57423
57467
  },
57424
57468
  children: [(0,jsx_runtime.jsx)("div", {
57425
- className: "".concat(prefixCls, "-container"),
57469
+ className: "".concat(prefixCls, "-container ").concat(hashId),
57426
57470
  style: {
57427
57471
  width: grid ? '100%' : undefined
57428
57472
  },
@@ -57472,6 +57516,10 @@ var ProFormListContainer = function ProFormListContainer(props) {
57472
57516
  containerStyle = props.containerStyle,
57473
57517
  onAfterAdd = props.onAfterAdd,
57474
57518
  onAfterRemove = props.onAfterRemove;
57519
+
57520
+ var _useToken = useStyle_useToken(),
57521
+ hashId = _useToken.hashId;
57522
+
57475
57523
  var fieldKeyMap = (0,external_React_.useRef)(new Map());
57476
57524
 
57477
57525
  var _useState = (0,external_React_.useState)(false),
@@ -57658,7 +57706,7 @@ var ProFormListContainer = function ProFormListContainer(props) {
57658
57706
  creatorButtonText = _ref5$creatorButtonTe === void 0 ? intl.getMessage('editableTable.action.add', '添加一行数据') : _ref5$creatorButtonTe;
57659
57707
 
57660
57708
  return (0,jsx_runtime.jsx)(external_antd_.Button, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
57661
- className: "".concat(prefixCls, "-creator-button-").concat(position),
57709
+ className: "".concat(prefixCls, "-creator-button-").concat(position, " ").concat(hashId),
57662
57710
  type: "dashed",
57663
57711
  loading: loading,
57664
57712
  block: true,
@@ -57698,7 +57746,7 @@ var ProFormListContainer = function ProFormListContainer(props) {
57698
57746
  }(),
57699
57747
  children: creatorButtonText
57700
57748
  }));
57701
- }, [creatorButtonProps, uuidFields.length, max, intl, prefixCls, loading, wrapperAction, creatorRecord]);
57749
+ }, [creatorButtonProps, uuidFields.length, max, intl, prefixCls, hashId, loading, wrapperAction, creatorRecord]);
57702
57750
 
57703
57751
  var defaultStyle = objectSpread2_objectSpread2({
57704
57752
  width: 'max-content',
@@ -58546,7 +58594,7 @@ var Group_style_genProStyle = function genProStyle(token) {
58546
58594
  }), defineProperty_defineProperty(_twoLine, "".concat(token.componentCls, "-container"), {
58547
58595
  paddingInlineStart: 16
58548
58596
  }), defineProperty_defineProperty(_twoLine, "".concat(token.antCls, "-space-item,").concat(token.antCls, "-form-item"), {
58549
- maxWidth: '100%'
58597
+ width: '100%'
58550
58598
  }), defineProperty_defineProperty(_twoLine, "".concat(token.antCls, "-form-item"), {
58551
58599
  '&-control': {
58552
58600
  display: 'flex',
@@ -58650,7 +58698,7 @@ var Group_Group = /*#__PURE__*/external_React_default().forwardRef(function (pro
58650
58698
  var Wrapper = (0,external_React_.useCallback)(function (_ref) {
58651
58699
  var dom = _ref.children;
58652
58700
  return (0,jsx_runtime.jsx)(external_antd_.Space, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, spaceProps), {}, {
58653
- className: classnames_default()("".concat(className, "-container"), spaceProps === null || spaceProps === void 0 ? void 0 : spaceProps.className),
58701
+ className: classnames_default()("".concat(className, "-container ").concat(hashId), spaceProps === null || spaceProps === void 0 ? void 0 : spaceProps.className),
58654
58702
  size: size,
58655
58703
  align: align,
58656
58704
  direction: direction,
@@ -58659,7 +58707,7 @@ var Group_Group = /*#__PURE__*/external_React_default().forwardRef(function (pro
58659
58707
  }, spaceProps === null || spaceProps === void 0 ? void 0 : spaceProps.style),
58660
58708
  children: dom
58661
58709
  }));
58662
- }, [align, className, direction, size, spaceProps]);
58710
+ }, [align, className, direction, hashId, size, spaceProps]);
58663
58711
  var titleDom = titleRender ? titleRender(label, props) : label;
58664
58712
 
58665
58713
  var _useMemo = (0,external_React_.useMemo)(function () {
@@ -58700,7 +58748,7 @@ var Group_Group = /*#__PURE__*/external_React_default().forwardRef(function (pro
58700
58748
  style: style,
58701
58749
  ref: ref,
58702
58750
  children: [hiddenDoms, (title || tooltip || extra) && (0,jsx_runtime.jsx)("div", {
58703
- className: "".concat(className, "-title"),
58751
+ className: "".concat(className, "-title ").concat(hashId),
58704
58752
  style: titleStyle,
58705
58753
  onClick: function onClick() {
58706
58754
  setCollapsed(!collapsed);
@@ -59071,6 +59119,14 @@ function DrawerForm(_ref) {
59071
59119
  resetFields();
59072
59120
  drawerProps === null || drawerProps === void 0 ? void 0 : (_drawerProps$afterOpe = drawerProps.afterOpenChange) === null || _drawerProps$afterOpe === void 0 ? void 0 : _drawerProps$afterOpe.call(drawerProps, e);
59073
59121
  },
59122
+ //@ts-expect-error
59123
+ afterVisibleChange: function afterVisibleChange(e) {
59124
+ var _drawerProps$afterVis;
59125
+
59126
+ if (!e) resetFields(); //@ts-expect-error
59127
+
59128
+ drawerProps === null || drawerProps === void 0 ? void 0 : (_drawerProps$afterVis = drawerProps.afterVisibleChange) === null || _drawerProps$afterVis === void 0 ? void 0 : _drawerProps$afterVis.call(drawerProps, e);
59129
+ },
59074
59130
  footer: rest.submitter !== false && (0,jsx_runtime.jsx)("div", {
59075
59131
  ref: footerDomRef,
59076
59132
  style: {
@@ -59303,7 +59359,7 @@ var LightFilterContainer = function LightFilterContainer(props) {
59303
59359
 
59304
59360
  if (collapse) {
59305
59361
  return (0,jsx_runtime.jsx)(icons_FilterOutlined, {
59306
- className: "".concat(lightFilterClassName, "-collapse-icon")
59362
+ className: "".concat(lightFilterClassName, "-collapse-icon ").concat(hashId)
59307
59363
  });
59308
59364
  }
59309
59365
 
@@ -59319,13 +59375,13 @@ var LightFilterContainer = function LightFilterContainer(props) {
59319
59375
  return values[key];
59320
59376
  }))),
59321
59377
  children: (0,jsx_runtime.jsxs)("div", {
59322
- className: "".concat(lightFilterClassName, "-container"),
59378
+ className: "".concat(lightFilterClassName, "-container ").concat(hashId),
59323
59379
  children: [outsideItems.map(function (child, index) {
59324
59380
  var key = child.key;
59325
59381
  var fieldProps = child.props.fieldProps;
59326
59382
  var newPlacement = (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placement) ? fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placement : placement;
59327
59383
  return (0,jsx_runtime.jsx)("div", {
59328
- className: "".concat(lightFilterClassName, "-item"),
59384
+ className: "".concat(lightFilterClassName, "-item ").concat(hashId),
59329
59385
  children: /*#__PURE__*/external_React_default().cloneElement(child, {
59330
59386
  fieldProps: objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, child.props.fieldProps), {}, {
59331
59387
  placement: newPlacement
@@ -59340,7 +59396,7 @@ var LightFilterContainer = function LightFilterContainer(props) {
59340
59396
  })
59341
59397
  }, key || index);
59342
59398
  }), collapseItems.length ? (0,jsx_runtime.jsx)("div", {
59343
- className: "".concat(lightFilterClassName, "-item"),
59399
+ className: "".concat(lightFilterClassName, "-item ").concat(hashId),
59344
59400
  children: (0,jsx_runtime.jsx)(FilterDropdown, {
59345
59401
  padding: 24,
59346
59402
  onVisibleChange: setOpen,
@@ -59381,7 +59437,7 @@ var LightFilterContainer = function LightFilterContainer(props) {
59381
59437
 
59382
59438
  var newPlacement = (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placement) ? fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placement : placement;
59383
59439
  return (0,jsx_runtime.jsx)("div", {
59384
- className: "".concat(lightFilterClassName, "-line"),
59440
+ className: "".concat(lightFilterClassName, "-line ").concat(hashId),
59385
59441
  children: /*#__PURE__*/external_React_default().cloneElement(child, {
59386
59442
  fieldProps: objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, newFieldProps), {}, {
59387
59443
  placement: newPlacement
@@ -61225,12 +61281,16 @@ var Actions_Actions = function Actions(props) {
61225
61281
  getPrefixCls = _useContext.getPrefixCls;
61226
61282
 
61227
61283
  var intl = useIntl();
61284
+
61285
+ var _useToken = useStyle_useToken(),
61286
+ hashId = _useToken.hashId;
61287
+
61228
61288
  var collapseRender = omitBoolean(props.collapseRender) || defaultCollapseRender;
61229
61289
  return (0,jsx_runtime.jsxs)(external_antd_.Space, {
61230
61290
  style: style,
61231
61291
  size: 16,
61232
61292
  children: [submitter, props.collapseRender !== false && (0,jsx_runtime.jsx)("a", {
61233
- className: getPrefixCls('pro-query-filter-collapse-button'),
61293
+ className: "".concat(getPrefixCls('pro-query-filter-collapse-button'), " ").concat(hashId),
61234
61294
  onClick: function onClick() {
61235
61295
  return setCollapsed(!collapsed);
61236
61296
  },
@@ -61368,6 +61428,10 @@ var flatMapItems = function flatMapItems(items, ignoreRules) {
61368
61428
 
61369
61429
  var QueryFilterContent = function QueryFilterContent(props) {
61370
61430
  var intl = useIntl();
61431
+
61432
+ var _useToken = useStyle_useToken(),
61433
+ hashId = _useToken.hashId;
61434
+
61371
61435
  var resetText = props.resetText || intl.getMessage('tableForm.reset', '重置');
61372
61436
  var searchText = props.searchText || intl.getMessage('tableForm.search', '搜索');
61373
61437
 
@@ -61486,7 +61550,7 @@ var QueryFilterContent = function QueryFilterContent(props) {
61486
61550
  if (split && currentSpan % 24 === 0 && index < itemLength - 1) {
61487
61551
  return (0,jsx_runtime.jsx)(external_antd_.Col, {
61488
61552
  span: colSpan,
61489
- className: "".concat(props.baseClassName, "-row-split-line"),
61553
+ className: "".concat(props.baseClassName, "-row-split-line ").concat(hashId),
61490
61554
  children: itemDom
61491
61555
  }, itemKey);
61492
61556
  }
@@ -61516,7 +61580,7 @@ var QueryFilterContent = function QueryFilterContent(props) {
61516
61580
  var baseClassName = context.getPrefixCls('pro-query-filter');
61517
61581
  return (0,jsx_runtime.jsxs)(external_antd_.Row, {
61518
61582
  gutter: searchGutter,
61519
- className: "".concat(baseClassName, "-row"),
61583
+ className: "".concat(baseClassName, "-row ").concat(hashId),
61520
61584
  justify: "start",
61521
61585
  children: [doms, submitter && (0,jsx_runtime.jsx)(external_antd_.Col, {
61522
61586
  span: spanSize.span,
@@ -61527,7 +61591,7 @@ var QueryFilterContent = function QueryFilterContent(props) {
61527
61591
  children: (0,jsx_runtime.jsx)(external_antd_.Form.Item, {
61528
61592
  label: " ",
61529
61593
  colon: false,
61530
- className: "".concat(baseClassName, "-actions"),
61594
+ className: "".concat(baseClassName, "-actions ").concat(hashId),
61531
61595
  children: (0,jsx_runtime.jsx)(QueryFilter_Actions, {
61532
61596
  hiddenNum: hiddenNum,
61533
61597
  collapsed: collapsed,
@@ -62051,7 +62115,7 @@ function StepsForm(props) {
62051
62115
  }(), [lastStep, onFinish, setLoading, setStep]);
62052
62116
  var stepsDom = (0,external_React_.useMemo)(function () {
62053
62117
  return (0,jsx_runtime.jsx)("div", {
62054
- className: "".concat(prefixCls, "-steps-container"),
62118
+ className: "".concat(prefixCls, "-steps-container ").concat(hashId),
62055
62119
  style: {
62056
62120
  maxWidth: Math.min(formArray.length * 320, 1160)
62057
62121
  },
@@ -62066,7 +62130,7 @@ function StepsForm(props) {
62066
62130
  })
62067
62131
  }))
62068
62132
  });
62069
- }, [formArray, prefixCls, step, stepsProps]);
62133
+ }, [formArray, hashId, prefixCls, step, stepsProps]);
62070
62134
  var onSubmit = useRefFunction(function () {
62071
62135
  var _from$current;
62072
62136
 
@@ -62166,7 +62230,7 @@ function StepsForm(props) {
62166
62230
  submitter: false
62167
62231
  } : {};
62168
62232
  return (0,jsx_runtime.jsx)("div", {
62169
- className: classnames_default()("".concat(prefixCls, "-step"), defineProperty_defineProperty({}, "".concat(prefixCls, "-step-active"), isShow)),
62233
+ className: classnames_default()("".concat(prefixCls, "-step"), hashId, defineProperty_defineProperty({}, "".concat(prefixCls, "-step-active"), isShow)),
62170
62234
  children: /*#__PURE__*/external_React_default().cloneElement(item, objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, config), formProps), itemProps), {}, {
62171
62235
  name: name,
62172
62236
  step: index,
@@ -62174,7 +62238,7 @@ function StepsForm(props) {
62174
62238
  }))
62175
62239
  }, name);
62176
62240
  });
62177
- }, [formProps, prefixCls, props.children, step, stepFormRender]);
62241
+ }, [formProps, hashId, prefixCls, props.children, step, stepFormRender]);
62178
62242
  var finalStepsDom = (0,external_React_.useMemo)(function () {
62179
62243
  if (stepsRender) {
62180
62244
  return stepsRender(formArray.map(function (item) {
@@ -62191,13 +62255,13 @@ function StepsForm(props) {
62191
62255
  }, [formArray, stepsDom, stepsRender]);
62192
62256
  var formContainer = (0,external_React_.useMemo)(function () {
62193
62257
  return (0,jsx_runtime.jsxs)("div", {
62194
- className: "".concat(prefixCls, "-container"),
62258
+ className: "".concat(prefixCls, "-container ").concat(hashId),
62195
62259
  style: containerStyle,
62196
62260
  children: [formDom, stepsFormRender ? null : (0,jsx_runtime.jsx)(external_antd_.Space, {
62197
62261
  children: submitterDom
62198
62262
  })]
62199
62263
  });
62200
- }, [containerStyle, formDom, prefixCls, stepsFormRender, submitterDom]);
62264
+ }, [containerStyle, formDom, hashId, prefixCls, stepsFormRender, submitterDom]);
62201
62265
  var stepsFormDom = (0,external_React_.useMemo)(function () {
62202
62266
  var doms = {
62203
62267
  stepsDom: finalStepsDom,
@@ -64327,13 +64391,13 @@ function LoginForm(props) {
64327
64391
  var context = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext);
64328
64392
  var baseClassName = context.getPrefixCls('pro-form-login');
64329
64393
 
64330
- var getCls = function getCls(className) {
64331
- return "".concat(baseClassName, "-").concat(className);
64332
- };
64333
-
64334
64394
  var _useStyle = LoginForm_style_useStyle(baseClassName),
64335
64395
  wrapSSR = _useStyle.wrapSSR,
64336
64396
  hashId = _useStyle.hashId;
64397
+
64398
+ var getCls = function getCls(className) {
64399
+ return "".concat(baseClassName, "-").concat(className, " ").concat(hashId);
64400
+ };
64337
64401
  /** 生成logo 的dom，如果是string 设置为图片 如果是个 dom 就原样保留 */
64338
64402
 
64339
64403
 
@@ -64351,9 +64415,9 @@ function LoginForm(props) {
64351
64415
  return wrapSSR((0,jsx_runtime.jsxs)("div", {
64352
64416
  className: classnames_default()(getCls('container'), hashId),
64353
64417
  children: [(0,jsx_runtime.jsxs)("div", {
64354
- className: getCls('top'),
64418
+ className: "".concat(getCls('top'), " ").concat(hashId),
64355
64419
  children: [title || logoDom ? (0,jsx_runtime.jsxs)("div", {
64356
- className: getCls('header'),
64420
+ className: "".concat(getCls('header')),
64357
64421
  children: [logoDom ? (0,jsx_runtime.jsx)("span", {
64358
64422
  className: getCls('logo'),
64359
64423
  children: logoDom
@@ -64570,7 +64634,7 @@ function LoginFormPage(props) {
64570
64634
  hashId = _useStyle.hashId;
64571
64635
 
64572
64636
  var getCls = function getCls(className) {
64573
- return "".concat(baseClassName, "-").concat(className);
64637
+ return "".concat(baseClassName, "-").concat(className, " ").concat(hashId);
64574
64638
  };
64575
64639
  /** 生成logo 的dom，如果是string 设置为图片 如果是个 dom 就原样保留 */
64576
64640
 
@@ -64807,7 +64871,7 @@ var genDrawerStyle = function genDrawerStyle(token) {
64807
64871
  _skip_check_: true,
64808
64872
  value: 0
64809
64873
  },
64810
- boxShadow: token.boxShadowDrawerRight
64874
+ boxShadow: token.boxShadowDrawerLeft
64811
64875
  }), defineProperty_defineProperty(_componentCls, "&-right > ".concat(wrapperCls), {
64812
64876
  top: 0,
64813
64877
  right: {
@@ -64815,15 +64879,15 @@ var genDrawerStyle = function genDrawerStyle(token) {
64815
64879
  value: 0
64816
64880
  },
64817
64881
  bottom: 0,
64818
- boxShadow: token.boxShadowDrawerLeft
64882
+ boxShadow: token.boxShadowDrawerRight
64819
64883
  }), defineProperty_defineProperty(_componentCls, "&-top > ".concat(wrapperCls), {
64820
64884
  top: 0,
64821
64885
  insetInline: 0,
64822
- boxShadow: token.boxShadowDrawerDown
64886
+ boxShadow: token.boxShadowDrawerUp
64823
64887
  }), defineProperty_defineProperty(_componentCls, "&-bottom > ".concat(wrapperCls), {
64824
64888
  bottom: 0,
64825
64889
  insetInline: 0,
64826
- boxShadow: token.boxShadowDrawerUp
64890
+ boxShadow: token.boxShadowDrawerDown
64827
64891
  }), defineProperty_defineProperty(_componentCls, "".concat(componentCls, "-content"), {
64828
64892
  width: '100%',
64829
64893
  height: '100%',
@@ -69847,11 +69911,11 @@ var getVerticalStyle = function getVerticalStyle(token) {
69847
69911
  fontSizeLG = token.fontSizeLG,
69848
69912
  motionDurationSlow = token.motionDurationSlow,
69849
69913
  paddingXS = token.paddingXS,
69850
- boxShadow = token.boxShadow;
69914
+ boxShadowSecondary = token.boxShadowSecondary;
69851
69915
  return [(_ref2 = {}, defineProperty_defineProperty(_ref2, componentCls, defineProperty_defineProperty({}, "&-inline, &-vertical", extends_extends(defineProperty_defineProperty({}, "&".concat(componentCls, "-root"), {
69852
69916
  boxShadow: 'none'
69853
69917
  }), getVerticalInlineStyle(token)))), defineProperty_defineProperty(_ref2, "".concat(componentCls, "-submenu-popup"), defineProperty_defineProperty({}, "".concat(componentCls, "-vertical"), extends_extends(extends_extends({}, getVerticalInlineStyle(token)), {
69854
- boxShadow: boxShadow
69918
+ boxShadow: boxShadowSecondary
69855
69919
  }))), _ref2), // Vertical only
69856
69920
  defineProperty_defineProperty({}, "".concat(componentCls, "-submenu-popup ").concat(componentCls, "-vertical").concat(componentCls, "-sub"), {
69857
69921
  minWidth: dropdownWidth,
@@ -70216,7 +70280,7 @@ var genMessageStyle = function genMessageStyle(token) {
70216
70280
 
70217
70281
  var componentCls = token.componentCls,
70218
70282
  iconCls = token.iconCls,
70219
- boxShadow = token.boxShadow,
70283
+ boxShadowSecondary = token.boxShadowSecondary,
70220
70284
  colorBgElevated = token.colorBgElevated,
70221
70285
  colorSuccess = token.colorSuccess,
70222
70286
  colorError = token.colorError,
@@ -70296,7 +70360,7 @@ var genMessageStyle = function genMessageStyle(token) {
70296
70360
  padding: messageNoticeContentPadding,
70297
70361
  background: colorBgElevated,
70298
70362
  borderRadius: radiusLG,
70299
- boxShadow: boxShadow,
70363
+ boxShadow: boxShadowSecondary,
70300
70364
  pointerEvents: 'all'
70301
70365
  }), defineProperty_defineProperty(_$concat, "".concat(componentCls, "-success ").concat(iconCls), {
70302
70366
  color: colorSuccess
@@ -70317,7 +70381,7 @@ var genMessageStyle = function genMessageStyle(token) {
70317
70381
  /* harmony default export */ var message_style = (genComponentStyleHook_genComponentStyleHook('Message', function (token) {
70318
70382
  // Gen-style functions here
70319
70383
  var combinedToken = merge(token, {
70320
- messageNoticeContentPadding: "".concat((token.controlHeightLG - token.fontSize * token.lineHeight) / 2, "px ").concat(token.padding, "px")
70384
+ messageNoticeContentPadding: "".concat((token.controlHeightLG - token.fontSize * token.lineHeight) / 2, "px ").concat(token.paddingSM, "px")
70321
70385
  });
70322
70386
  return [genMessageStyle(combinedToken)];
70323
70387
  }, function (token) {
@@ -70343,7 +70407,6 @@ var generatorTooltipPresetColor = function generatorTooltipPresetColor(token) {
70343
70407
  previousValue["&".concat(componentCls, "-").concat(currentValue)] = (_previousValue$$conc = {}, defineProperty_defineProperty(_previousValue$$conc, "".concat(componentCls, "-inner"), {
70344
70408
  backgroundColor: lightColor
70345
70409
  }), defineProperty_defineProperty(_previousValue$$conc, "".concat(componentCls, "-arrow"), {
70346
- background: lightColor,
70347
70410
  '--antd-arrow-background-color': lightColor
70348
70411
  }), _previousValue$$conc);
70349
70412
  return previousValue;
@@ -70360,7 +70423,7 @@ var genTooltipStyle = function genTooltipStyle(token) {
70360
70423
  tooltipBorderRadius = token.tooltipBorderRadius,
70361
70424
  zIndexPopup = token.zIndexPopup,
70362
70425
  controlHeight = token.controlHeight,
70363
- boxShadow = token.boxShadow,
70426
+ boxShadowSecondary = token.boxShadowSecondary,
70364
70427
  paddingSM = token.paddingSM,
70365
70428
  paddingXS = token.paddingXS;
70366
70429
  return [defineProperty_defineProperty({}, componentCls, extends_extends(extends_extends(extends_extends(extends_extends({}, style_resetComponent(token)), (_extends2 = {
@@ -70388,7 +70451,7 @@ var genTooltipStyle = function genTooltipStyle(token) {
70388
70451
  wordWrap: 'break-word',
70389
70452
  backgroundColor: tooltipBg,
70390
70453
  borderRadius: tooltipBorderRadius,
70391
- boxShadow: boxShadow
70454
+ boxShadow: boxShadowSecondary
70392
70455
  }), defineProperty_defineProperty(_extends2, "".concat(componentCls, "-content"), {
70393
70456
  position: 'relative'
70394
70457
  }), _extends2)), generatorTooltipPresetColor(token)), {
@@ -70399,7 +70462,7 @@ var genTooltipStyle = function genTooltipStyle(token) {
70399
70462
  })), // Arrow Style
70400
70463
  getArrowStyle(merge(token, {
70401
70464
  radiusOuter: 5
70402
- }), 'var(--antd-arrow-background-color)', ''), // Pure Render
70465
+ }), 'var(--antd-arrow-background-color)', '', 0), // Pure Render
70403
70466
  defineProperty_defineProperty({}, "".concat(componentCls, "-pure"), {
70404
70467
  position: 'relative',
70405
70468
  maxWidth: 'none'
@@ -79165,7 +79228,7 @@ var BaseProLayout = function BaseProLayout(props) {
79165
79228
  }) : (0,jsx_runtime.jsxs)("div", {
79166
79229
  className: className,
79167
79230
  children: [(0,jsx_runtime.jsx)("div", {
79168
- className: "".concat(proLayoutClassName, "-bg-list"),
79231
+ className: "".concat(proLayoutClassName, "-bg-list ").concat(hashId),
79169
79232
  children: bgImgStyleList
79170
79233
  }), (0,jsx_runtime.jsxs)(external_antd_.Layout, {
79171
79234
  style: objectSpread2_objectSpread2({
@@ -79173,7 +79236,7 @@ var BaseProLayout = function BaseProLayout(props) {
79173
79236
  }, style),
79174
79237
  children: [siderMenuDom, (0,jsx_runtime.jsxs)("div", {
79175
79238
  style: genLayoutStyle,
79176
- className: "".concat(proLayoutClassName, "-container"),
79239
+ className: "".concat(proLayoutClassName, "-container ").concat(hashId),
79177
79240
  children: [headerDom, (0,jsx_runtime.jsx)(WrapContent, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
79178
79241
  hasPageContainer: hasPageContainer,
79179
79242
  isChildrenLayout: isChildrenLayout
@@ -83922,6 +83985,16 @@ var ListToolBar = function ListToolBar(_ref2) {
83922
83985
  _ref2$tabs = _ref2.tabs,
83923
83986
  tabs = _ref2$tabs === void 0 ? {} : _ref2$tabs,
83924
83987
  menu = _ref2.menu;
83988
+
83989
+ var _useContext = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext),
83990
+ getPrefixCls = _useContext.getPrefixCls;
83991
+
83992
+ var prefixCls = getPrefixCls('pro-table-list-toolbar', customizePrefixCls);
83993
+
83994
+ var _useStyle = ListToolBar_style_useStyle(prefixCls),
83995
+ wrapSSR = _useStyle.wrapSSR,
83996
+ hashId = _useStyle.hashId;
83997
+
83925
83998
  var intl = useIntl();
83926
83999
  var colSize = use_media_antd_query_es();
83927
84000
  var isMobile = colSize === 'sm' || colSize === 'xs';
@@ -83959,20 +84032,15 @@ var ListToolBar = function ListToolBar(_ref2) {
83959
84032
  }
83960
84033
  }));
83961
84034
  }, [placeholder, _onSearch, search]);
83962
-
83963
- var _useContext = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext),
83964
- getPrefixCls = _useContext.getPrefixCls;
83965
-
83966
- var prefixCls = getPrefixCls('pro-table-list-toolbar', customizePrefixCls);
83967
84035
  /** 轻量筛选组件 */
83968
84036
 
83969
84037
  var filtersNode = (0,external_React_.useMemo)(function () {
83970
84038
  if (filter) return (0,jsx_runtime.jsx)("div", {
83971
- className: "".concat(prefixCls, "-filter"),
84039
+ className: "".concat(prefixCls, "-filter ").concat(hashId),
83972
84040
  children: filter
83973
84041
  });
83974
84042
  return null;
83975
- }, [filter, prefixCls]);
84043
+ }, [filter, hashId, prefixCls]);
83976
84044
  /** 有没有 title，需要结合多个场景判断 */
83977
84045
 
83978
84046
  var hasTitle = (0,external_React_.useMemo)(function () {
@@ -84016,16 +84084,16 @@ var ListToolBar = function ListToolBar(_ref2) {
84016
84084
  // 保留dom是为了占位，不然 right 就变到左边了
84017
84085
  if (!hasLeft && hasRight) {
84018
84086
  return (0,jsx_runtime.jsx)("div", {
84019
- className: "".concat(prefixCls, "-left")
84087
+ className: "".concat(prefixCls, "-left ").concat(hashId)
84020
84088
  });
84021
84089
  } // 减少 space 的dom，渲染的时候能节省点性能
84022
84090
 
84023
84091
 
84024
84092
  if (!menu && (hasTitle || !searchNode)) {
84025
84093
  return (0,jsx_runtime.jsx)("div", {
84026
- className: "".concat(prefixCls, "-left"),
84094
+ className: "".concat(prefixCls, "-left ").concat(hashId),
84027
84095
  children: (0,jsx_runtime.jsx)("div", {
84028
- className: "".concat(prefixCls, "-title"),
84096
+ className: "".concat(prefixCls, "-title ").concat(hashId),
84029
84097
  children: (0,jsx_runtime.jsx)(LabelIconTip, {
84030
84098
  tooltip: tooltip,
84031
84099
  label: title,
@@ -84036,9 +84104,9 @@ var ListToolBar = function ListToolBar(_ref2) {
84036
84104
  }
84037
84105
 
84038
84106
  return (0,jsx_runtime.jsxs)(external_antd_.Space, {
84039
- className: "".concat(prefixCls, "-left"),
84107
+ className: "".concat(prefixCls, "-left ").concat(hashId),
84040
84108
  children: [hasTitle && !menu && (0,jsx_runtime.jsx)("div", {
84041
- className: "".concat(prefixCls, "-title"),
84109
+ className: "".concat(prefixCls, "-title ").concat(hashId),
84042
84110
  children: (0,jsx_runtime.jsx)(LabelIconTip, {
84043
84111
  tooltip: tooltip,
84044
84112
  label: title,
@@ -84047,50 +84115,45 @@ var ListToolBar = function ListToolBar(_ref2) {
84047
84115
  }), menu && (0,jsx_runtime.jsx)(ListToolBar_HeaderMenu, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, menu), {}, {
84048
84116
  prefixCls: prefixCls
84049
84117
  })), !hasTitle && searchNode ? (0,jsx_runtime.jsx)("div", {
84050
- className: "".concat(prefixCls, "-search"),
84118
+ className: "".concat(prefixCls, "-search ").concat(hashId),
84051
84119
  children: searchNode
84052
84120
  }) : null]
84053
84121
  });
84054
- }, [hasLeft, hasRight, hasTitle, menu, prefixCls, searchNode, subTitle, title, tooltip]);
84122
+ }, [hasLeft, hasRight, hasTitle, hashId, menu, prefixCls, searchNode, subTitle, title, tooltip]);
84055
84123
  var rightTitleDom = (0,external_React_.useMemo)(function () {
84056
84124
  if (!hasRight) return null;
84057
84125
  return (0,jsx_runtime.jsxs)(external_antd_.Space, {
84058
- className: "".concat(prefixCls, "-right"),
84126
+ className: "".concat(prefixCls, "-right ").concat(hashId),
84059
84127
  direction: isMobile ? 'vertical' : 'horizontal',
84060
84128
  size: 16,
84061
84129
  align: isMobile ? 'end' : 'center',
84062
84130
  children: [hasTitle && searchNode ? (0,jsx_runtime.jsx)("div", {
84063
- className: "".concat(prefixCls, "-search"),
84131
+ className: "".concat(prefixCls, "-search ").concat(hashId),
84064
84132
  children: searchNode
84065
84133
  }) : null, !multipleLine ? filtersNode : null, actionDom, (settings === null || settings === void 0 ? void 0 : settings.length) ? (0,jsx_runtime.jsx)(external_antd_.Space, {
84066
84134
  size: 12,
84067
84135
  align: "center",
84068
- className: "".concat(prefixCls, "-setting-items"),
84136
+ className: "".concat(prefixCls, "-setting-items ").concat(hashId),
84069
84137
  children: settings.map(function (setting, index) {
84070
84138
  var settingItem = getSettingItem(setting);
84071
84139
  return (// eslint-disable-next-line react/no-array-index-key
84072
84140
  (0,jsx_runtime.jsx)("div", {
84073
- className: "".concat(prefixCls, "-setting-item"),
84141
+ className: "".concat(prefixCls, "-setting-item ").concat(hashId),
84074
84142
  children: settingItem
84075
84143
  }, index)
84076
84144
  );
84077
84145
  })
84078
84146
  }) : null]
84079
84147
  });
84080
- }, [actionDom, isMobile, filtersNode, hasRight, hasTitle, multipleLine, prefixCls, searchNode, settings]);
84148
+ }, [hasRight, prefixCls, hashId, isMobile, hasTitle, searchNode, multipleLine, filtersNode, actionDom, settings]);
84081
84149
  var titleNode = (0,external_React_.useMemo)(function () {
84082
84150
  if (!hasRight && !hasLeft) return null;
84083
- var containerClassName = classnames_default()("".concat(prefixCls, "-container"), defineProperty_defineProperty({}, "".concat(prefixCls, "-container-mobile"), isMobile));
84151
+ var containerClassName = classnames_default()("".concat(prefixCls, "-container"), hashId, defineProperty_defineProperty({}, "".concat(prefixCls, "-container-mobile"), isMobile));
84084
84152
  return (0,jsx_runtime.jsxs)("div", {
84085
84153
  className: containerClassName,
84086
84154
  children: [leftTitleDom, rightTitleDom]
84087
84155
  });
84088
- }, [hasLeft, hasRight, isMobile, leftTitleDom, prefixCls, rightTitleDom]);
84089
-
84090
- var _useStyle = ListToolBar_style_useStyle(prefixCls),
84091
- wrapSSR = _useStyle.wrapSSR,
84092
- hashId = _useStyle.hashId;
84093
-
84156
+ }, [hasLeft, hasRight, hashId, isMobile, leftTitleDom, prefixCls, rightTitleDom]);
84094
84157
  return wrapSSR((0,jsx_runtime.jsxs)("div", {
84095
84158
  style: style,
84096
84159
  className: classnames_default()(prefixCls, hashId, className),
@@ -98279,7 +98342,7 @@ function cssVariables_getStyle(globalPrefixCls, theme) {
98279
98342
  variables["".concat(type, "-color")] = formatColor(baseColor);
98280
98343
  variables["".concat(type, "-color-disabled")] = colorPalettes[1];
98281
98344
  variables["".concat(type, "-color-hover")] = colorPalettes[4];
98282
- variables["".concat(type, "-color-active")] = colorPalettes[7];
98345
+ variables["".concat(type, "-color-active")] = colorPalettes[6];
98283
98346
  variables["".concat(type, "-color-outline")] = baseColor.clone().setAlpha(0.2).toRgbString();
98284
98347
  variables["".concat(type, "-color-deprecated-bg")] = colorPalettes[1];
98285
98348
  variables["".concat(type, "-color-deprecated-border")] = colorPalettes[3];
@@ -98520,6 +98583,7 @@ var ProviderChildren = function ProviderChildren(props) {
98520
98583
  virtual: virtual,
98521
98584
  dropdownMatchSelectWidth: dropdownMatchSelectWidth,
98522
98585
  getPrefixCls: getPrefixCls,
98586
+ iconPrefixCls: iconPrefixCls !== null && iconPrefixCls !== void 0 ? iconPrefixCls : context_defaultIconPrefixCls,
98523
98587
  theme: mergedTheme
98524
98588
  }); // Pass the props used by `useContext` directly with child component.
98525
98589
  // These props should merged into `config`.
@@ -99616,8 +99680,10 @@ var genPrimaryButtonStyle = function genPrimaryButtonStyle(token) {
99616
99680
  backgroundColor: token.colorPrimary,
99617
99681
  boxShadow: "0 ".concat(token.controlOutlineWidth, "px 0 ").concat(token.controlOutline)
99618
99682
  }), genHoverActiveButtonStyle({
99683
+ color: token.colorTextLightSolid,
99619
99684
  backgroundColor: token.colorPrimaryHover
99620
99685
  }, {
99686
+ color: token.colorTextLightSolid,
99621
99687
  backgroundColor: token.colorPrimaryActive
99622
99688
  })), genGhostButtonStyle(token.componentCls, token.colorPrimary, token.colorPrimary, token.colorTextDisabled, token.colorBorder)), defineProperty_defineProperty({}, "&".concat(token.componentCls, "-dangerous"), extends_extends(extends_extends(extends_extends({
99623
99689
  backgroundColor: token.colorError,
@@ -99656,12 +99722,18 @@ var genLinkButtonStyle = function genLinkButtonStyle(token) {
99656
99722
 
99657
99723
  var genTextButtonStyle = function genTextButtonStyle(token) {
99658
99724
  return extends_extends(extends_extends(extends_extends({}, genHoverActiveButtonStyle({
99725
+ color: token.colorText,
99659
99726
  backgroundColor: token.colorBgTextHover
99660
99727
  }, {
99728
+ color: token.colorText,
99661
99729
  backgroundColor: token.colorBgTextActive
99662
- })), genPureDisabledButtonStyle(token)), defineProperty_defineProperty({}, "&".concat(token.componentCls, "-dangerous"), extends_extends({
99730
+ })), genPureDisabledButtonStyle(token)), defineProperty_defineProperty({}, "&".concat(token.componentCls, "-dangerous"), extends_extends(extends_extends({
99731
+ color: token.colorError
99732
+ }, genPureDisabledButtonStyle(token)), genHoverActiveButtonStyle({
99663
99733
  color: token.colorError
99664
- }, genPureDisabledButtonStyle(token))));
99734
+ }, {
99735
+ color: token.colorError
99736
+ }))));
99665
99737
  };
99666
99738
 
99667
99739
  var genTypeButtonStyle = function genTypeButtonStyle(token) {
@@ -105082,6 +105154,7 @@ var es_Item_excluded = ["title", "subTitle", "content", "itemTitleRender", "pref
105082
105154
 
105083
105155
 
105084
105156
 
105157
+
105085
105158
  function Item_renderExpandIcon(_ref) {
105086
105159
  var _classNames;
105087
105160
 
@@ -105122,6 +105195,9 @@ function ProListItem(props) {
105122
105195
  var _useContext = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext),
105123
105196
  getPrefixCls = _useContext.getPrefixCls;
105124
105197
 
105198
+ var _useToken = useStyle_useToken(),
105199
+ hashId = _useToken.hashId;
105200
+
105125
105201
  var prefixCls = getPrefixCls('pro-list', customizePrefixCls);
105126
105202
  var defaultClassName = "".concat(prefixCls, "-row");
105127
105203
 
@@ -105175,8 +105251,8 @@ function ProListItem(props) {
105175
105251
  expanded = _useMergedState2[0],
105176
105252
  onExpand = _useMergedState2[1];
105177
105253
 
105178
- var className = classnames_default()((_classNames2 = {}, defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-selected"), !cardProps && selected), defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-show-action-hover"), showActions === 'hover'), defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-type-").concat(type), !!type), defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-editable"), isEditable), defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-show-extra-hover"), showExtra === 'hover'), _classNames2), defaultClassName);
105179
- var extraClassName = classnames_default()(defineProperty_defineProperty({}, "".concat(propsClassName, "-extra"), showExtra === 'hover'));
105254
+ var className = classnames_default()((_classNames2 = {}, defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-selected"), !cardProps && selected), defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-show-action-hover"), showActions === 'hover'), defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-type-").concat(type), !!type), defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-editable"), isEditable), defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-show-extra-hover"), showExtra === 'hover'), _classNames2), hashId, defaultClassName);
105255
+ var extraClassName = classnames_default()(hashId, defineProperty_defineProperty({}, "".concat(propsClassName, "-extra"), showExtra === 'hover'));
105180
105256
  var needExpanded = expanded || Object.values(expandableConfig || {}).length === 0;
105181
105257
  var expandedRowDom = expandedRowRender && expandedRowRender(record, index, indentSize, expanded);
105182
105258
  var extraDom = (0,external_React_.useMemo)(function () {
@@ -105204,12 +105280,12 @@ function ProListItem(props) {
105204
105280
  }, "action")];
105205
105281
  }, [actions, cardActionProps]);
105206
105282
  var titleDom = title || subTitle ? (0,jsx_runtime.jsxs)("div", {
105207
- className: "".concat(className, "-header-title"),
105283
+ className: "".concat(className, "-header-title ").concat(hashId),
105208
105284
  children: [title && (0,jsx_runtime.jsx)("div", {
105209
- className: "".concat(className, "-title"),
105285
+ className: "".concat(className, "-title ").concat(hashId),
105210
105286
  children: title
105211
105287
  }), subTitle && (0,jsx_runtime.jsx)("div", {
105212
- className: "".concat(className, "-subTitle"),
105288
+ className: "".concat(className, "-subTitle ").concat(hashId),
105213
105289
  children: subTitle
105214
105290
  })]
105215
105291
  }) : null;
@@ -105218,27 +105294,27 @@ function ProListItem(props) {
105218
105294
  avatar: avatar,
105219
105295
  title: metaTitle,
105220
105296
  description: description && needExpanded && (0,jsx_runtime.jsx)("div", {
105221
- className: "".concat(className, "-description"),
105297
+ className: "".concat(className, "-description ").concat(hashId),
105222
105298
  children: description
105223
105299
  })
105224
105300
  }) : null;
105225
- var rowClassName = classnames_default()((_classNames4 = {}, defineProperty_defineProperty(_classNames4, "".concat(className, "-item-has-checkbox"), checkbox), defineProperty_defineProperty(_classNames4, "".concat(className, "-item-has-avatar"), avatar), defineProperty_defineProperty(_classNames4, className, className), _classNames4));
105301
+ var rowClassName = classnames_default()(hashId, (_classNames4 = {}, defineProperty_defineProperty(_classNames4, "".concat(className, "-item-has-checkbox"), checkbox), defineProperty_defineProperty(_classNames4, "".concat(className, "-item-has-avatar"), avatar), defineProperty_defineProperty(_classNames4, className, className), _classNames4));
105226
105302
  var cardTitleDom = (0,external_React_.useMemo)(function () {
105227
105303
  if (avatar || title) {
105228
105304
  return (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
105229
105305
  children: [avatar && (0,jsx_runtime.jsx)(external_antd_.Avatar, {
105230
105306
  size: 22,
105231
105307
  src: avatar,
105232
- className: getPrefixCls('list-item-meta-avatar')
105308
+ className: "".concat(getPrefixCls('list-item-meta-avatar'), " ").concat(hashId)
105233
105309
  }), (0,jsx_runtime.jsx)("span", {
105234
- className: getPrefixCls('list-item-meta-title'),
105310
+ className: "".concat(getPrefixCls('list-item-meta-title'), " ").concat(hashId),
105235
105311
  children: title
105236
105312
  })]
105237
105313
  });
105238
105314
  }
105239
105315
 
105240
105316
  return null;
105241
- }, [avatar, getPrefixCls, title]);
105317
+ }, [avatar, getPrefixCls, hashId, title]);
105242
105318
  var defaultDom = !cardProps ? (0,jsx_runtime.jsx)(external_antd_.List.Item, objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({
105243
105319
  className: classnames_default()(rowClassName, defineProperty_defineProperty({}, propsClassName, propsClassName !== defaultClassName))
105244
105320
  }, rest), {}, {
@@ -105264,11 +105340,11 @@ function ProListItem(props) {
105264
105340
  loading: loading,
105265
105341
  active: true,
105266
105342
  children: [(0,jsx_runtime.jsxs)("div", {
105267
- className: "".concat(className, "-header"),
105343
+ className: "".concat(className, "-header ").concat(hashId),
105268
105344
  children: [(0,jsx_runtime.jsxs)("div", {
105269
- className: "".concat(className, "-header-option"),
105345
+ className: "".concat(className, "-header-option ").concat(hashId),
105270
105346
  children: [!!checkbox && (0,jsx_runtime.jsx)("div", {
105271
- className: "".concat(className, "-checkbox"),
105347
+ className: "".concat(className, "-checkbox ").concat(hashId),
105272
105348
  children: checkbox
105273
105349
  }), Object.values(expandableConfig || {}).length > 0 && rowSupportExpand && Item_renderExpandIcon({
105274
105350
  prefixCls: prefixCls,
@@ -105279,7 +105355,7 @@ function ProListItem(props) {
105279
105355
  })]
105280
105356
  }), (_ref4 = itemHeaderRender && (itemHeaderRender === null || itemHeaderRender === void 0 ? void 0 : itemHeaderRender(record, index, metaDom))) !== null && _ref4 !== void 0 ? _ref4 : metaDom]
105281
105357
  }), needExpanded && (content || expandedRowDom) && (0,jsx_runtime.jsxs)("div", {
105282
- className: "".concat(className, "-content"),
105358
+ className: "".concat(className, "-content ").concat(hashId),
105283
105359
  children: [content, expandedRowRender && rowSupportExpand && (0,jsx_runtime.jsx)("div", {
105284
105360
  className: expandedRowClassName && expandedRowClassName(record, index, indentSize),
105285
105361
  children: expandedRowDom
@@ -105305,7 +105381,7 @@ function ProListItem(props) {
105305
105381
  loading: loading,
105306
105382
  active: true,
105307
105383
  children: (0,jsx_runtime.jsxs)("div", {
105308
- className: "".concat(className, "-header"),
105384
+ className: "".concat(className, "-header ").concat(hashId),
105309
105385
  children: [itemTitleRender && (itemTitleRender === null || itemTitleRender === void 0 ? void 0 : itemTitleRender(record, index, titleDom)), content]
105310
105386
  })
105311
105387
  })
@@ -105316,7 +105392,7 @@ function ProListItem(props) {
105316
105392
  }
105317
105393
 
105318
105394
  return (0,jsx_runtime.jsx)("div", {
105319
- className: classnames_default()((_classNames6 = {}, defineProperty_defineProperty(_classNames6, "".concat(className, "-card"), cardProps), defineProperty_defineProperty(_classNames6, propsClassName, propsClassName !== defaultClassName), _classNames6)),
105395
+ className: classnames_default()(hashId, (_classNames6 = {}, defineProperty_defineProperty(_classNames6, "".concat(className, "-card"), cardProps), defineProperty_defineProperty(_classNames6, propsClassName, propsClassName !== defaultClassName), _classNames6)),
105320
105396
  style: style,
105321
105397
  children: defaultDom
105322
105398
  });
@@ -105340,6 +105416,7 @@ var ListView_excluded = ["dataSource", "columns", "rowKey", "showActions", "show
105340
105416
 
105341
105417
 
105342
105418
 
105419
+
105343
105420
  function ListView(props) {
105344
105421
  var dataSource = props.dataSource,
105345
105422
  columns = props.columns,
@@ -105360,6 +105437,9 @@ function ListView(props) {
105360
105437
  rowClassName = props.rowClassName,
105361
105438
  rest = objectWithoutProperties_objectWithoutProperties(props, ListView_excluded);
105362
105439
 
105440
+ var _useToken = useStyle_useToken(),
105441
+ hashId = _useToken.hashId;
105442
+
105363
105443
  var _useContext = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext),
105364
105444
  getPrefixCls = _useContext.getPrefixCls;
105365
105445
 
@@ -105473,7 +105553,7 @@ function ListView(props) {
105473
105553
 
105474
105554
  var selectItemDom = selectItemRender([])[0];
105475
105555
  return (0,jsx_runtime.jsx)(external_antd_.List, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, rest), {}, {
105476
- className: classnames_default()(getPrefixCls('pro-list-container', customizePrefixCls), rest.className),
105556
+ className: classnames_default()(getPrefixCls('pro-list-container', customizePrefixCls), hashId, rest.className),
105477
105557
  dataSource: pageData,
105478
105558
  pagination: pagination && mergedPagination,
105479
105559
  renderItem: function renderItem(item, index) {
@@ -105924,17 +106004,17 @@ function BaseProList(props) {
105924
106004
  /* harmony default export */ var list_es = ((/* unused pure expression or super */ null && (ProList)));
105925
106005
  ;// CONCATENATED MODULE: ./packages/components/src/version.ts
105926
106006
  var version_version = {
105927
- "@ant-design/pro-card": "2.0.0-experimental.21",
105928
- "@ant-design/pro-components": "2.1.2",
105929
- "@ant-design/pro-descriptions": "2.0.0-experimental.22",
105930
- "@ant-design/pro-field": "2.0.0-experimental.21",
105931
- "@ant-design/pro-form": "2.0.0-experimental.22",
105932
- "@ant-design/pro-layout": "7.0.0-experimental.33",
105933
- "@ant-design/pro-list": "2.0.0-experimental.23",
105934
- "@ant-design/pro-provider": "2.0.0-experimental.13",
106007
+ "@ant-design/pro-card": "2.0.0-experimental.24",
106008
+ "@ant-design/pro-components": "2.3.0",
106009
+ "@ant-design/pro-descriptions": "2.0.0-experimental.25",
106010
+ "@ant-design/pro-field": "2.0.0-experimental.24",
106011
+ "@ant-design/pro-form": "2.0.0-experimental.25",
106012
+ "@ant-design/pro-layout": "7.0.0-experimental.36",
106013
+ "@ant-design/pro-list": "2.0.0-experimental.26",
106014
+ "@ant-design/pro-provider": "2.0.0-experimental.14",
105935
106015
  "@ant-design/pro-skeleton": "2.0.0-experimental.9",
105936
- "@ant-design/pro-table": "3.0.0-experimental.23",
105937
- "@ant-design/pro-utils": "2.0.0-experimental.20"
106016
+ "@ant-design/pro-table": "3.0.0-experimental.26",
106017
+ "@ant-design/pro-utils": "2.0.0-experimental.23"
105938
106018
  };
105939
106019
  ;// CONCATENATED MODULE: ./packages/components/src/index.tsx
105940
106020