@ant-design/pro-components 2.0.4 → 2.1.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 +401 -256
  2. package/dist/components.min.js +1 -1
  3. package/es/version.js +11 -11
  4. package/package.json +11 -11
package/dist/components.js CHANGED
@@ -32732,7 +32732,7 @@ __webpack_require__.d(token_namespaceObject, {
32732
32732
  "defaultAlgorithm": function() { return defaultAlgorithm; },
32733
32733
  "defaultTheme": function() { return defaultTheme; },
32734
32734
  "token": function() { return token_token; },
32735
- "useToken": function() { return useToken; }
32735
+ "useToken": function() { return token_useToken; }
32736
32736
  });
32737
32737
 
32738
32738
  ;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
@@ -35935,6 +35935,7 @@ var useSWR = withArgs(useSWRHandler);
35935
35935
  ;// CONCATENATED MODULE: ./packages/provider/es/index.js
35936
35936
 
35937
35937
 
35938
+ //@ts-ignore
35938
35939
 
35939
35940
 
35940
35941
 
@@ -35964,6 +35965,15 @@ var useSWR = withArgs(useSWRHandler);
35964
35965
 
35965
35966
 
35966
35967
 
35968
+
35969
+ var _ref = external_antd_.theme || {
35970
+ useToken: function useToken() {
35971
+ return {
35972
+ hashId: ''
35973
+ };
35974
+ }
35975
+ },
35976
+ useToken = _ref.useToken;
35967
35977
 
35968
35978
  function get(source, path, defaultValue) {
35969
35979
  // a[3].b -> a.3.b
@@ -36113,13 +36123,16 @@ var CacheClean = function CacheClean() {
36113
36123
  */
36114
36124
 
36115
36125
 
36116
- var ConfigProviderWrap = function ConfigProviderWrap(_ref) {
36117
- var _children = _ref.children,
36118
- _ref$autoClearCache = _ref.autoClearCache,
36119
- autoClearCache = _ref$autoClearCache === void 0 ? false : _ref$autoClearCache;
36126
+ var ConfigProviderWrap = function ConfigProviderWrap(_ref2) {
36127
+ var _children = _ref2.children,
36128
+ _ref2$autoClearCache = _ref2.autoClearCache,
36129
+ autoClearCache = _ref2$autoClearCache === void 0 ? false : _ref2$autoClearCache;
36120
36130
 
36121
36131
  var _useContext = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext),
36122
- locale = _useContext.locale; // 如果 locale 不存在自动注入的 AntdConfigProvider
36132
+ locale = _useContext.locale;
36133
+
36134
+ var _useToken = useToken === null || useToken === void 0 ? void 0 : useToken(),
36135
+ hashId = _useToken.hashId; // 如果 locale 不存在自动注入的 AntdConfigProvider
36123
36136
 
36124
36137
 
36125
36138
  var Provider = locale === undefined ? external_antd_.ConfigProvider : (external_React_default()).Fragment;
@@ -36152,7 +36165,7 @@ var ConfigProviderWrap = function ConfigProviderWrap(_ref) {
36152
36165
 
36153
36166
  if (proProvide.isDeps) return provide;
36154
36167
  return (0,jsx_runtime.jsx)("div", {
36155
- className: classnames_default()('ant-pro'),
36168
+ className: classnames_default()('ant-pro', hashId),
36156
36169
  children: provide
36157
36170
  });
36158
36171
  }
@@ -39092,7 +39105,7 @@ var token_token = {
39092
39105
  token: defaultTheme,
39093
39106
  hashId: ''
39094
39107
  };
39095
- var useToken = function useToken() {
39108
+ var token_useToken = function useToken() {
39096
39109
  var _useState = (0,external_React_.useState)(token_token),
39097
39110
  _useState2 = slicedToArray_slicedToArray(_useState, 1),
39098
39111
  stateToken = _useState2[0];
@@ -39202,9 +39215,8 @@ function useStyle(componentName, styleFn) {
39202
39215
  path: [componentName]
39203
39216
  }, function () {
39204
39217
  return styleFn(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, token), {}, {
39205
- hashId: hashId,
39206
39218
  antCls: '.' + getPrefixCls(),
39207
- proComponentsCls: hashId + proComponentsCls
39219
+ proComponentsCls: proComponentsCls
39208
39220
  }));
39209
39221
  }),
39210
39222
  hashId: hashId
@@ -39222,7 +39234,7 @@ var genProStyle = function genProStyle(token) {
39222
39234
  paddingBlock: 16,
39223
39235
  paddingInlineStart: 8,
39224
39236
  paddingInlineEnd: 16,
39225
- borderTop: "1px solid ".concat(token.colorSplit)
39237
+ borderBlockStart: "1px solid ".concat(token.colorSplit)
39226
39238
  });
39227
39239
  };
39228
39240
 
@@ -43267,8 +43279,31 @@ var transformKeySubmitValue = function transformKeySubmitValue(values, dataForma
43267
43279
  var itemValue = tempValues[entityKey];
43268
43280
  var transformFunction = (0,utils_get["default"])(dataFormatMap, key);
43269
43281
 
43282
+ var _transformArray = function _transformArray(transformFn) {
43283
+ if (!Array.isArray(transformFn)) return entityKey;
43284
+ transformFunction.forEach(function (fn, idx) {
43285
+ if (typeof fn === 'function') {
43286
+ itemValue[idx] = fn(itemValue, entityKey, tempValues);
43287
+ }
43288
+
43289
+ if (typeof_typeof(fn) === 'object' && !Array.isArray(fn)) {
43290
+ Object.keys(fn).forEach(function (curK) {
43291
+ if (typeof fn[curK] === 'function') {
43292
+ var res = fn[curK](tempValues[entityKey][idx][curK], entityKey, tempValues);
43293
+ itemValue[idx][curK] = typeof_typeof(res) === 'object' ? res[curK] : res;
43294
+ }
43295
+ });
43296
+ }
43297
+
43298
+ if (typeof_typeof(fn) === 'object' && Array.isArray(fn)) {
43299
+ _transformArray(fn);
43300
+ }
43301
+ });
43302
+ return entityKey;
43303
+ };
43304
+
43270
43305
  var transform = function transform() {
43271
- var tempKey = typeof transformFunction === 'function' ? transformFunction === null || transformFunction === void 0 ? void 0 : transformFunction(itemValue, entityKey, tempValues) : entityKey; // { [key:string]:any } 数组也能通过编译
43306
+ var tempKey = typeof transformFunction === 'function' ? transformFunction === null || transformFunction === void 0 ? void 0 : transformFunction(itemValue, entityKey, tempValues) : _transformArray(transformFunction); // { [key:string]:any } 数组也能通过编译
43272
43307
 
43273
43308
  if (Array.isArray(tempKey)) {
43274
43309
  result = (0,set/* default */.Z)(result, tempKey, itemValue);
@@ -44892,9 +44927,9 @@ var CheckCard_style_genProStyle = function genProStyle(token) {
44892
44927
  width: 0,
44893
44928
  height: 0,
44894
44929
  border: "6px solid ".concat(token.colorPrimary),
44895
- borderBottom: '6px solid transparent',
44896
- borderLeft: '6px solid transparent',
44897
- borderTopRightRadius: '2px',
44930
+ borderBlockEnd: '6px solid transparent',
44931
+ borderInlineStart: '6px solid transparent',
44932
+ borderBlockStartRightRadius: '2px',
44898
44933
  content: "''"
44899
44934
  }
44900
44935
  }), _token$componentCls));
@@ -45197,11 +45232,11 @@ var Statistic_style_genProStyle = function genProStyle(token) {
45197
45232
  }), _layoutHorizontal)), defineProperty_defineProperty(_layoutInline, '&-trend-up', defineProperty_defineProperty({}, "".concat(token.antCls, "-statistic-content"), defineProperty_defineProperty({
45198
45233
  color: '#f5222d'
45199
45234
  }, "".concat(token.componentCls, "--trend-icon"), {
45200
- borderBottomColor: '#f5222d'
45235
+ borderBlockEndColor: '#f5222d'
45201
45236
  }))), defineProperty_defineProperty(_layoutInline, '&-trend-down', defineProperty_defineProperty({}, "".concat(token.antCls, "-statistic-content"), defineProperty_defineProperty({
45202
45237
  color: '#389e0d'
45203
45238
  }, "".concat(token.componentCls, "--trend-icon"), {
45204
- borderBottomColor: '#52c41a'
45239
+ borderBlockEndColor: '#52c41a'
45205
45240
  }))), _layoutInline)), _token$componentCls));
45206
45241
  };
45207
45242
 
@@ -45368,7 +45403,7 @@ var genActionsStyle = function genActionsStyle(token) {
45368
45403
  paddingInline: 0,
45369
45404
  listStyle: 'none',
45370
45405
  background: token.colorBgContainer,
45371
- borderTop: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
45406
+ borderBlockStart: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
45372
45407
  }, defineProperty_defineProperty(_$concat, "".concat(antCls, "-space"), {
45373
45408
  gap: '0 !important',
45374
45409
  width: '100%'
@@ -45667,7 +45702,7 @@ var genProCardStyle = function genProCardStyle(token) {
45667
45702
  width: 0,
45668
45703
  height: 0,
45669
45704
  border: "6px solid ".concat(token.colorPrimary),
45670
- borderBottom: '6px solid transparent',
45705
+ borderBlockEnd: '6px solid transparent',
45671
45706
  borderInlineStart: '6px solid transparent',
45672
45707
  borderStartEndRadius: 2,
45673
45708
  content: '""'
@@ -45719,7 +45754,7 @@ var genProCardStyle = function genProCardStyle(token) {
45719
45754
  }), defineProperty_defineProperty(_objectSpread2, '&&-collapse', defineProperty_defineProperty({}, "> ".concat(componentCls), {
45720
45755
  '&-header': {
45721
45756
  paddingBlockEnd: token.padding,
45722
- borderBottom: 0
45757
+ borderBlockEnd: 0
45723
45758
  },
45724
45759
  '&-body': {
45725
45760
  display: 'none'
@@ -45735,7 +45770,7 @@ var genProCardStyle = function genProCardStyle(token) {
45735
45770
  '&': {
45736
45771
  paddingBlockEnd: token.padding
45737
45772
  },
45738
- borderBottom: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
45773
+ borderBlockEnd: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
45739
45774
  },
45740
45775
  '&-collapsible': {
45741
45776
  cursor: 'pointer'
@@ -45771,7 +45806,7 @@ var genProCardStyle = function genProCardStyle(token) {
45771
45806
  }), _objectSpread2))), defineProperty_defineProperty(_ref, "".concat(componentCls, "-col"), (_$concat2 = {}, defineProperty_defineProperty(_$concat2, "&".concat(componentCls, "-split-vertical"), {
45772
45807
  borderInlineEnd: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
45773
45808
  }), defineProperty_defineProperty(_$concat2, "&".concat(componentCls, "-split-horizontal"), {
45774
- borderBottom: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
45809
+ borderBlockEnd: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
45775
45810
  }), _$concat2)), defineProperty_defineProperty(_ref, "".concat(componentCls, "-tabs"), (_$concat9 = {}, defineProperty_defineProperty(_$concat9, "".concat(token.antCls, "-tabs-top > ").concat(token.antCls, "-tabs-nav"), defineProperty_defineProperty({
45776
45811
  marginBlockEnd: 0
45777
45812
  }, "".concat(token.antCls, "-tabs-nav-list"), {
@@ -45911,6 +45946,7 @@ var Card = /*#__PURE__*/external_React_default().forwardRef(function (props, ref
45911
45946
 
45912
45947
 
45913
45948
  var responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs']; // 修改组合传给antd tabs的参数
45949
+ // @ts-ignore
45914
45950
 
45915
45951
  var ModifyTabItemsContant = tabs === null || tabs === void 0 ? void 0 : (_tabs$items = tabs.items) === null || _tabs$items === void 0 ? void 0 : _tabs$items.map(function (item) {
45916
45952
  return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, item), {}, {
@@ -46082,6 +46118,7 @@ var Card = /*#__PURE__*/external_React_default().forwardRef(function (props, ref
46082
46118
  children: (0,jsx_runtime.jsx)(external_antd_.Tabs, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
46083
46119
  onChange: tabs.onChange
46084
46120
  }, tabs), {}, {
46121
+ // @ts-ignore
46085
46122
  items: ModifyTabItemsContant,
46086
46123
  children: loading ? loadingDOM : children
46087
46124
  }))
@@ -46260,7 +46297,7 @@ var StatisticCard_style_genProStyle = function genProStyle(token) {
46260
46297
  '&-footer': {
46261
46298
  marginBlockStart: 8,
46262
46299
  paddingBlockStart: '16px',
46263
- borderTop: "rgba(0, 0, 0, 0.08) solid ".concat(token.colorBorder)
46300
+ borderBlockStart: "rgba(0, 0, 0, 0.08) solid ".concat(token.colorBorder)
46264
46301
  }
46265
46302
  });
46266
46303
  };
@@ -59246,8 +59283,8 @@ var FieldDigitRange = function FieldDigitRange(_ref, ref) {
59246
59283
  style: {
59247
59284
  width: separatorWidth,
59248
59285
  textAlign: 'center',
59249
- borderLeft: 0,
59250
- borderRight: 0,
59286
+ borderInlineStart: 0,
59287
+ borderInlineEnd: 0,
59251
59288
  pointerEvents: 'none',
59252
59289
  backgroundColor: '#FFF'
59253
59290
  },
@@ -59258,7 +59295,7 @@ var FieldDigitRange = function FieldDigitRange(_ref, ref) {
59258
59295
  id: id !== null && id !== void 0 ? id : "".concat(id, "-1"),
59259
59296
  style: {
59260
59297
  width: "calc((100% - ".concat(separatorWidth, "px) / 2)"),
59261
- borderLeft: 0
59298
+ borderInlineStart: 0
59262
59299
  },
59263
59300
  value: valuePair === null || valuePair === void 0 ? void 0 : valuePair[1],
59264
59301
  defaultValue: defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue[1],
@@ -60543,7 +60580,7 @@ var FieldMoney = function FieldMoney(_ref2, ref) {
60543
60580
 
60544
60581
  if (type === 'edit' || type === 'update') {
60545
60582
  var getFormateValue = function getFormateValue(value) {
60546
- var reg = new RegExp("\\B(?=(\\d{".concat(3 + (precision - DefaultPrecisionCont), "})+(?!\\d))"), 'g');
60583
+ var reg = new RegExp("\\B(?=(\\d{".concat(3 + Math.max(precision - DefaultPrecisionCont, 0), "})+(?!\\d))"), 'g');
60547
60584
 
60548
60585
  var _String$split = String(value).split('.'),
60549
60586
  _String$split2 = slicedToArray_slicedToArray(_String$split, 2),
@@ -60552,7 +60589,7 @@ var FieldMoney = function FieldMoney(_ref2, ref) {
60552
60589
 
60553
60590
  var resInt = intS.replace(reg, ',');
60554
60591
  var resFloat = '';
60555
- if (floatS) resFloat = ".".concat(floatS.slice(0, precision === undefined ? DefaultPrecisionCont : precision));
60592
+ if (floatS && precision > 0) resFloat = ".".concat(floatS.slice(0, precision === undefined ? DefaultPrecisionCont : precision));
60556
60593
  return "".concat(resInt).concat(resFloat);
60557
60594
  };
60558
60595
 
@@ -68951,16 +68988,30 @@ var Actions_Actions = function Actions(props) {
68951
68988
  var QueryFilter_style_genProStyle = function genProStyle(token) {
68952
68989
  var _token$componentCls;
68953
68990
 
68954
- return defineProperty_defineProperty({}, token.proComponentsCls, defineProperty_defineProperty({}, token.componentCls, (_token$componentCls = {
68991
+ return defineProperty_defineProperty({}, token.componentCls, (_token$componentCls = {
68955
68992
  padding: 24
68956
- }, defineProperty_defineProperty(_token$componentCls, "".concat(token.antCls, "-form-item"), {
68993
+ }, defineProperty_defineProperty(_token$componentCls, "&".concat(token.antCls, "-form-horizontal"), {
68994
+ paddingInline: 0
68995
+ }), defineProperty_defineProperty(_token$componentCls, "".concat(token.antCls, "-form-item"), {
68996
+ marginBlock: 0
68997
+ }), defineProperty_defineProperty(_token$componentCls, "".concat(token.proComponentsCls, "-form-group-title"), {
68957
68998
  marginBlock: 0
68958
68999
  }), defineProperty_defineProperty(_token$componentCls, '&-row', {
68959
- rowGap: 24
69000
+ rowGap: 24,
69001
+ '&-split-line': {
69002
+ '&:after': {
69003
+ position: 'absolute',
69004
+ width: '100%',
69005
+ content: '""',
69006
+ height: 1,
69007
+ insetBlockEnd: -12,
69008
+ borderBlockEnd: '1px dashed ' + token.colorSplit
69009
+ }
69010
+ }
68960
69011
  }), defineProperty_defineProperty(_token$componentCls, '&-collapse-button', {
68961
69012
  display: 'flex',
68962
69013
  alignItems: 'center'
68963
- }), _token$componentCls)));
69014
+ }), _token$componentCls));
68964
69015
  };
68965
69016
 
68966
69017
  function QueryFilter_style_useStyle(prefixCls) {
@@ -69174,25 +69225,18 @@ var QueryFilterContent = function QueryFilterContent(props) {
69174
69225
 
69175
69226
  currentSpan += colSpan;
69176
69227
 
69177
- var colItem = (0,jsx_runtime.jsx)(external_antd_.Col, {
69178
- span: colSpan,
69179
- children: itemDom
69180
- }, itemKey);
69181
-
69182
69228
  if (split && currentSpan % 24 === 0 && index < itemLength - 1) {
69183
- return [colItem, (0,jsx_runtime.jsx)(external_antd_.Col, {
69184
- span: "24",
69185
- children: (0,jsx_runtime.jsx)(external_antd_.Divider, {
69186
- style: {
69187
- marginBlockStart: -8,
69188
- marginBlockEnd: 16
69189
- },
69190
- dashed: true
69191
- })
69192
- }, "line")];
69229
+ return (0,jsx_runtime.jsx)(external_antd_.Col, {
69230
+ span: colSpan,
69231
+ className: "".concat(props.baseClassName, "-row-split-line"),
69232
+ children: itemDom
69233
+ }, itemKey);
69193
69234
  }
69194
69235
 
69195
- return colItem;
69236
+ return (0,jsx_runtime.jsx)(external_antd_.Col, {
69237
+ span: colSpan,
69238
+ children: itemDom
69239
+ }, itemKey);
69196
69240
  });
69197
69241
  var hiddenNum = showHiddenNum && processedList.filter(function (item) {
69198
69242
  return item.hidden;
@@ -69350,6 +69394,7 @@ function QueryFilter(props) {
69350
69394
  submitter: renderSubmitter,
69351
69395
  items: items,
69352
69396
  split: split,
69397
+ baseClassName: baseClassName,
69353
69398
  resetText: props.resetText,
69354
69399
  searchText: props.searchText,
69355
69400
  searchGutter: searchGutter,
@@ -71676,7 +71721,7 @@ function BaseForm(props) {
71676
71721
  },
71677
71722
  autoComplete: "off",
71678
71723
  form: form
71679
- }, omit_js_es(propRest, ['autoFocusFirstInput'])), {}, {
71724
+ }, omit_js_es(propRest, ['labelWidth', 'autoFocusFirstInput'])), {}, {
71680
71725
  // 组合 urlSearch 和 initialValues
71681
71726
  initialValues: syncToUrlAsImportant ? objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, initialData), initialValues), urlParamsMergeInitialValues) : objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, urlParamsMergeInitialValues), initialData), initialValues),
71682
71727
  onValuesChange: function onValuesChange(changedValues, values) {
@@ -75279,7 +75324,7 @@ var StatisticSkeleton = function StatisticSkeleton(_ref2) {
75279
75324
  children: new Array(arraySize).fill(null).map(function (_, index) {
75280
75325
  return (0,jsx_runtime.jsxs)("div", {
75281
75326
  style: {
75282
- borderLeft: arraySize > 2 && index === 1 ? '1px solid rgba(0,0,0,0.06)' : undefined,
75327
+ borderInlineStart: arraySize > 2 && index === 1 ? '1px solid rgba(0,0,0,0.06)' : undefined,
75283
75328
  paddingInlineStart: firstWidth(index),
75284
75329
  flex: 1,
75285
75330
  marginInlineEnd: index === 0 ? 16 : 0
@@ -78148,7 +78193,7 @@ var genFooterToolBarStyle = function genFooterToolBarStyle(token) {
78148
78193
 
78149
78194
  /* A way to reset the style of the component. */
78150
78195
  backgroundColor: 'rgba(255, 255, 255, 0.58)',
78151
- borderTop: "1px solid ".concat(token.colorSplit),
78196
+ borderBlockStart: "1px solid ".concat(token.colorSplit),
78152
78197
  '-webkit-backdrop-filter': 'blur(8px)',
78153
78198
  backdropFilter: 'blur(8px)',
78154
78199
  transition: 'all 0.2s ease 0s',
@@ -78235,10 +78280,10 @@ var FooterToolbar = function FooterToolbar(props) {
78235
78280
 
78236
78281
  var dom = (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
78237
78282
  children: [(0,jsx_runtime.jsx)("div", {
78238
- className: "".concat(baseClassName, "-left"),
78283
+ className: "".concat(baseClassName, "-left ").concat(hashId),
78239
78284
  children: extra
78240
78285
  }), (0,jsx_runtime.jsx)("div", {
78241
- className: "".concat(baseClassName, "-right"),
78286
+ className: "".concat(baseClassName, "-right ").concat(hashId),
78242
78287
  children: children
78243
78288
  })]
78244
78289
  });
@@ -78339,7 +78384,7 @@ var GridContent = function GridContent(props) {
78339
78384
  className: classnames_default()(className, hashId, propsClassName, defineProperty_defineProperty({}, "".concat(className, "-wide"), isWide)),
78340
78385
  style: style,
78341
78386
  children: (0,jsx_runtime.jsx)("div", {
78342
- className: "".concat(prefixCls, "-grid-content-children"),
78387
+ className: "".concat(prefixCls, "-grid-content-children ").concat(hashId),
78343
78388
  children: children
78344
78389
  })
78345
78390
  }));
@@ -78408,10 +78453,13 @@ var defaultToken = getLayoutDesignToken({}, {});
78408
78453
  var ProLayoutContext = /*#__PURE__*/external_React_default().createContext(defaultToken);
78409
78454
  var ProLayoutProvider = function ProLayoutProvider(props) {
78410
78455
  var _useToken = useStyle_useToken(),
78411
- token = _useToken.token;
78456
+ token = _useToken.token,
78457
+ hashId = _useToken.hashId;
78412
78458
 
78413
78459
  return (0,jsx_runtime.jsx)(ProLayoutContext.Provider, {
78414
- value: objectSpread2_objectSpread2({}, getLayoutDesignToken((props === null || props === void 0 ? void 0 : props.token) || {}, token)),
78460
+ value: objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, getLayoutDesignToken((props === null || props === void 0 ? void 0 : props.token) || {}, token)), {}, {
78461
+ hashId: hashId
78462
+ }),
78415
78463
  children: props.children
78416
78464
  });
78417
78465
  };
@@ -78610,6 +78658,7 @@ var getBackIcon = function getBackIcon(props) {
78610
78658
 
78611
78659
  var renderTitle = function renderTitle(prefixCls, props) {
78612
78660
  var direction = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'ltr';
78661
+ var hashId = arguments.length > 3 ? arguments[3] : undefined;
78613
78662
  var title = props.title,
78614
78663
  avatar = props.avatar,
78615
78664
  subTitle = props.subTitle,
@@ -78627,25 +78676,25 @@ var renderTitle = function renderTitle(prefixCls, props) {
78627
78676
  var backIconDom = renderBack(prefixCls, backIcon, onBack);
78628
78677
  var hasTitle = backIconDom || avatar || hasHeading;
78629
78678
  return (0,jsx_runtime.jsxs)("div", {
78630
- className: headingPrefixCls,
78679
+ className: headingPrefixCls + ' ' + hashId,
78631
78680
  children: [hasTitle && (0,jsx_runtime.jsxs)("div", {
78632
- className: "".concat(headingPrefixCls, "-left"),
78681
+ className: "".concat(headingPrefixCls, "-left ").concat(hashId),
78633
78682
  children: [backIconDom, avatar && (0,jsx_runtime.jsx)(external_antd_.Avatar, objectSpread2_objectSpread2({
78634
- className: classnames_default()("".concat(headingPrefixCls, "-avatar"), avatar.className)
78683
+ className: classnames_default()("".concat(headingPrefixCls, "-avatar"), hashId, avatar.className)
78635
78684
  }, avatar)), title && (0,jsx_runtime.jsx)("span", {
78636
- className: "".concat(headingPrefixCls, "-title"),
78685
+ className: "".concat(headingPrefixCls, "-title ").concat(hashId),
78637
78686
  title: typeof title === 'string' ? title : undefined,
78638
78687
  children: title
78639
78688
  }), subTitle && (0,jsx_runtime.jsx)("span", {
78640
- className: "".concat(headingPrefixCls, "-sub-title"),
78689
+ className: "".concat(headingPrefixCls, "-sub-title ").concat(hashId),
78641
78690
  title: typeof subTitle === 'string' ? subTitle : undefined,
78642
78691
  children: subTitle
78643
78692
  }), tags && (0,jsx_runtime.jsx)("span", {
78644
- className: "".concat(headingPrefixCls, "-tags"),
78693
+ className: "".concat(headingPrefixCls, "-tags ").concat(hashId),
78645
78694
  children: tags
78646
78695
  })]
78647
78696
  }), extra && (0,jsx_runtime.jsx)("span", {
78648
- className: "".concat(headingPrefixCls, "-extra"),
78697
+ className: "".concat(headingPrefixCls, "-extra ").concat(hashId),
78649
78698
  children: (0,jsx_runtime.jsx)(external_antd_.Space, {
78650
78699
  children: extra
78651
78700
  })
@@ -78653,10 +78702,10 @@ var renderTitle = function renderTitle(prefixCls, props) {
78653
78702
  });
78654
78703
  };
78655
78704
 
78656
- var renderFooter = function renderFooter(prefixCls, footer) {
78705
+ var renderFooter = function renderFooter(prefixCls, footer, hashId) {
78657
78706
  if (footer) {
78658
78707
  return (0,jsx_runtime.jsx)("div", {
78659
- className: "".concat(prefixCls, "-footer"),
78708
+ className: "".concat(prefixCls, "-footer ").concat(hashId),
78660
78709
  children: footer
78661
78710
  });
78662
78711
  }
@@ -78664,9 +78713,9 @@ var renderFooter = function renderFooter(prefixCls, footer) {
78664
78713
  return null;
78665
78714
  };
78666
78715
 
78667
- var renderChildren = function renderChildren(prefixCls, children) {
78716
+ var renderChildren = function renderChildren(prefixCls, children, hashId) {
78668
78717
  return (0,jsx_runtime.jsx)("div", {
78669
- className: "".concat(prefixCls, "-content"),
78718
+ className: "".concat(prefixCls, "-content ").concat(hashId),
78670
78719
  children: children
78671
78720
  });
78672
78721
  };
@@ -78728,9 +78777,9 @@ var PageHeader = function PageHeader(props) {
78728
78777
  var className = classnames_default()(prefixCls, props.className, customizeClassName, (_classNames = {
78729
78778
  hashId: hashId
78730
78779
  }, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-has-breadcrumb"), !!breadcrumbDom), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-has-footer"), !!footer), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-ghost"), ghost), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-compact"), compact), _classNames));
78731
- var title = renderTitle(prefixCls, props, direction);
78732
- var childDom = children && renderChildren(prefixCls, children);
78733
- var footerDom = renderFooter(prefixCls, footer);
78780
+ var title = renderTitle(prefixCls, props, direction, hashId);
78781
+ var childDom = children && renderChildren(prefixCls, children, hashId);
78782
+ var footerDom = renderFooter(prefixCls, footer, hashId);
78734
78783
 
78735
78784
  if (!breadcrumbDom && !title && !footerDom && !childDom) {
78736
78785
  return null;
@@ -79002,7 +79051,7 @@ function PageContainer_style_useStyle(prefixCls) {
79002
79051
 
79003
79052
 
79004
79053
 
79005
- var PageContainer_excluded = ["title", "content", "pageHeaderRender", "header", "prefixedClassName", "extraContent", "style", "prefixCls", "value", "breadcrumbRender"],
79054
+ var PageContainer_excluded = ["title", "content", "pageHeaderRender", "header", "prefixedClassName", "extraContent", "style", "prefixCls", "hashId", "value", "breadcrumbRender"],
79006
79055
  PageContainer_excluded2 = ["children", "loading", "className", "style", "footer", "affixProps", "fixedHeader", "breadcrumbRender"];
79007
79056
 
79008
79057
 
@@ -79037,13 +79086,14 @@ var PageContainer_renderFooter = function renderFooter(_ref) {
79037
79086
  var tabList = _ref.tabList,
79038
79087
  tabActiveKey = _ref.tabActiveKey,
79039
79088
  onTabChange = _ref.onTabChange,
79089
+ hashId = _ref.hashId,
79040
79090
  tabBarExtraContent = _ref.tabBarExtraContent,
79041
79091
  tabProps = _ref.tabProps,
79042
79092
  prefixedClassName = _ref.prefixedClassName;
79043
79093
 
79044
79094
  if (Array.isArray(tabList) || tabBarExtraContent) {
79045
- return (0,jsx_runtime.jsx)(external_antd_.Tabs, objectSpread2_objectSpread2({
79046
- className: "".concat(prefixedClassName, "-tabs"),
79095
+ return (0,jsx_runtime.jsx)(external_antd_.Tabs, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
79096
+ className: "".concat(prefixedClassName, "-tabs ").concat(hashId),
79047
79097
  activeKey: tabActiveKey,
79048
79098
  onChange: function onChange(key) {
79049
79099
  if (onTabChange) {
@@ -79051,6 +79101,7 @@ var PageContainer_renderFooter = function renderFooter(_ref) {
79051
79101
  }
79052
79102
  },
79053
79103
  tabBarExtraContent: tabBarExtraContent,
79104
+ // @ts-ignore
79054
79105
  items: tabList === null || tabList === void 0 ? void 0 : tabList.map(function (item, index) {
79055
79106
  var _item$key;
79056
79107
 
@@ -79060,28 +79111,34 @@ var PageContainer_renderFooter = function renderFooter(_ref) {
79060
79111
  key: ((_item$key = item.key) === null || _item$key === void 0 ? void 0 : _item$key.toString()) || (index === null || index === void 0 ? void 0 : index.toString())
79061
79112
  });
79062
79113
  })
79063
- }, tabProps));
79114
+ }, tabProps), {}, {
79115
+ children: tabList === null || tabList === void 0 ? void 0 : tabList.map(function (item, index) {
79116
+ return (0,jsx_runtime.jsx)(external_antd_.Tabs.TabPane, objectSpread2_objectSpread2({
79117
+ tab: item.tab
79118
+ }, item), item.key || index);
79119
+ })
79120
+ }));
79064
79121
  }
79065
79122
 
79066
79123
  return null;
79067
79124
  };
79068
79125
 
79069
- var renderPageHeader = function renderPageHeader(content, extraContent, prefixedClassName) {
79126
+ var renderPageHeader = function renderPageHeader(content, extraContent, prefixedClassName, hashId) {
79070
79127
  if (!content && !extraContent) {
79071
79128
  return null;
79072
79129
  }
79073
79130
 
79074
79131
  return (0,jsx_runtime.jsx)("div", {
79075
- className: "".concat(prefixedClassName, "-detail"),
79132
+ className: "".concat(prefixedClassName, "-detail ").concat(hashId),
79076
79133
  children: (0,jsx_runtime.jsx)("div", {
79077
- className: "".concat(prefixedClassName, "-main"),
79134
+ className: "".concat(prefixedClassName, "-main ").concat(hashId),
79078
79135
  children: (0,jsx_runtime.jsxs)("div", {
79079
- className: "".concat(prefixedClassName, "-row"),
79136
+ className: "".concat(prefixedClassName, "-row ").concat(hashId),
79080
79137
  children: [content && (0,jsx_runtime.jsx)("div", {
79081
- className: "".concat(prefixedClassName, "-content"),
79138
+ className: "".concat(prefixedClassName, "-content ").concat(hashId),
79082
79139
  children: content
79083
79140
  }), extraContent && (0,jsx_runtime.jsx)("div", {
79084
- className: "".concat(prefixedClassName, "-extraContent"),
79141
+ className: "".concat(prefixedClassName, "-extraContent ").concat(hashId),
79085
79142
  children: extraContent
79086
79143
  })]
79087
79144
  })
@@ -79119,6 +79176,7 @@ var memoRenderPageHeader = function memoRenderPageHeader(props) {
79119
79176
  extraContent = props.extraContent,
79120
79177
  style = props.style,
79121
79178
  prefixCls = props.prefixCls,
79179
+ hashId = props.hashId,
79122
79180
  value = props.value,
79123
79181
  breadcrumbRender = props.breadcrumbRender,
79124
79182
  restProps = objectWithoutProperties_objectWithoutProperties(props, PageContainer_excluded);
@@ -79151,6 +79209,7 @@ var memoRenderPageHeader = function memoRenderPageHeader(props) {
79151
79209
  title: pageHeaderTitle
79152
79210
  }, restProps), {}, {
79153
79211
  footer: PageContainer_renderFooter(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restProps), {}, {
79212
+ hashId: hashId,
79154
79213
  breadcrumbRender: breadcrumbRender,
79155
79214
  prefixedClassName: prefixedClassName
79156
79215
  }))
@@ -79166,11 +79225,11 @@ var memoRenderPageHeader = function memoRenderPageHeader(props) {
79166
79225
  }
79167
79226
 
79168
79227
  return (0,jsx_runtime.jsx)(PageHeader, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, pageHeaderProps), {}, {
79169
- className: "".concat(prefixedClassName, "-warp-page-header"),
79228
+ className: "".concat(prefixedClassName, "-warp-page-header ").concat(hashId),
79170
79229
  breadcrumb: breadcrumbRender === false ? undefined : objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, pageHeaderProps.breadcrumb), value.breadcrumbProps),
79171
79230
  breadcrumbRender: getBreadcrumbRender(),
79172
79231
  prefixCls: prefixCls,
79173
- children: (header === null || header === void 0 ? void 0 : header.children) || renderPageHeader(content, extraContent, prefixedClassName)
79232
+ children: (header === null || header === void 0 ? void 0 : header.children) || renderPageHeader(content, extraContent, prefixedClassName, hashId)
79174
79233
  }));
79175
79234
  };
79176
79235
 
@@ -79228,6 +79287,7 @@ var PageContainer = function PageContainer(props) {
79228
79287
  var pageHeaderDom = memoRenderPageHeader(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restProps), {}, {
79229
79288
  breadcrumbRender: memoBreadcrumbRender,
79230
79289
  ghost: true,
79290
+ hashId: hashId,
79231
79291
  prefixCls: undefined,
79232
79292
  prefixedClassName: basePageContainer,
79233
79293
  value: value
@@ -79251,7 +79311,7 @@ var PageContainer = function PageContainer(props) {
79251
79311
  var content = (0,external_React_.useMemo)(function () {
79252
79312
  return children ? (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
79253
79313
  children: [(0,jsx_runtime.jsx)("div", {
79254
- className: classnames_default()("".concat(basePageContainer, "-children-content")),
79314
+ className: classnames_default()("".concat(basePageContainer, "-children-content ").concat(hashId)),
79255
79315
  children: children
79256
79316
  }), value.hasFooterToolbar && (0,jsx_runtime.jsx)("div", {
79257
79317
  style: {
@@ -79260,7 +79320,7 @@ var PageContainer = function PageContainer(props) {
79260
79320
  }
79261
79321
  })]
79262
79322
  }) : null;
79263
- }, [children, basePageContainer, value.hasFooterToolbar, pageContainer.marginBlockPageContainerContent]);
79323
+ }, [children, basePageContainer, hashId, value.hasFooterToolbar, pageContainer.marginBlockPageContainerContent]);
79264
79324
  var renderContentDom = (0,external_React_.useMemo)(function () {
79265
79325
  // 只要loadingDom非空我们就渲染loadingDom,否则渲染内容
79266
79326
  var dom = loadingDom || content;
@@ -79285,7 +79345,7 @@ var PageContainer = function PageContainer(props) {
79285
79345
  (0,jsx_runtime.jsx)(external_antd_.Affix, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
79286
79346
  offsetTop: value.hasHeader && value.fixedHeader ? token.header.heightLayoutHeader : 0
79287
79347
  }, affixProps), {}, {
79288
- className: "".concat(basePageContainer, "-affix"),
79348
+ className: "".concat(basePageContainer, "-affix ").concat(hashId),
79289
79349
  children: pageHeaderDom
79290
79350
  })) : pageHeaderDom, renderContentDom && (0,jsx_runtime.jsx)(GridContent, {
79291
79351
  children: renderContentDom
@@ -79300,6 +79360,7 @@ var PageContainer = function PageContainer(props) {
79300
79360
  var ProPageHeader = function ProPageHeader(props) {
79301
79361
  var value = (0,external_React_.useContext)(RouteContext);
79302
79362
  return memoRenderPageHeader(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, props), {}, {
79363
+ hashId: '',
79303
79364
  value: value
79304
79365
  }));
79305
79366
  };
@@ -79413,10 +79474,10 @@ var GlobalFooter = function GlobalFooter(_ref) {
79413
79474
  className: classnames_default()(baseClassName, hashId, className),
79414
79475
  style: style,
79415
79476
  children: [links && (0,jsx_runtime.jsx)("div", {
79416
- className: "".concat(baseClassName, "-list"),
79477
+ className: "".concat(baseClassName, "-list ").concat(hashId),
79417
79478
  children: links.map(function (link) {
79418
79479
  return (0,jsx_runtime.jsx)("a", {
79419
- className: "".concat(baseClassName, "-list-link"),
79480
+ className: "".concat(baseClassName, "-list-link ").concat(hashId),
79420
79481
  title: link.key,
79421
79482
  target: link.blankTarget ? '_blank' : '_self',
79422
79483
  href: link.href,
@@ -79425,7 +79486,7 @@ var GlobalFooter = function GlobalFooter(_ref) {
79425
79486
  }, link.key);
79426
79487
  })
79427
79488
  }), copyright && (0,jsx_runtime.jsx)("div", {
79428
- className: "".concat(baseClassName, "-copyright"),
79489
+ className: "".concat(baseClassName, "-copyright ").concat(hashId),
79429
79490
  children: copyright
79430
79491
  })]
79431
79492
  }));
@@ -79479,7 +79540,7 @@ var genProLayoutHeaderStyle = function genProLayoutHeaderStyle(token) {
79479
79540
  width: '100%',
79480
79541
  paddingBlock: 0,
79481
79542
  paddingInline: 8,
79482
- borderBottom: "1px solid ".concat(token.colorSplit),
79543
+ borderBlockEnd: "1px solid ".concat(token.colorSplit),
79483
79544
  backgroundColor: token.colorBgHeader || 'rgba(255, 255, 255, 0.4)',
79484
79545
  WebkitBackdropFilter: 'blur(8px)',
79485
79546
  backdropFilter: 'blur(8px)',
@@ -79690,14 +79751,15 @@ var AppsLogo = function AppsLogo() {
79690
79751
 
79691
79752
  var DefaultContent = function DefaultContent(props) {
79692
79753
  var appList = props.appList,
79693
- baseClassName = props.baseClassName;
79754
+ baseClassName = props.baseClassName,
79755
+ hashId = props.hashId;
79694
79756
  return (0,jsx_runtime.jsx)("div", {
79695
- className: "".concat(baseClassName, "-content"),
79757
+ className: "".concat(baseClassName, "-content ").concat(hashId),
79696
79758
  children: (0,jsx_runtime.jsx)("ul", {
79697
- className: "".concat(baseClassName, "-content-list"),
79759
+ className: "".concat(baseClassName, "-content-list ").concat(hashId),
79698
79760
  children: appList === null || appList === void 0 ? void 0 : appList.map(function (app, index) {
79699
79761
  return (0,jsx_runtime.jsx)("li", {
79700
- className: "".concat(baseClassName, "-content-list-item"),
79762
+ className: "".concat(baseClassName, "-content-list-item ").concat(hashId),
79701
79763
  children: (0,jsx_runtime.jsxs)("a", {
79702
79764
  href: app.url,
79703
79765
  target: app.target,
@@ -79757,14 +79819,15 @@ var renderLogo = function renderLogo(logo, title) {
79757
79819
  };
79758
79820
  var SimpleContent = function SimpleContent(props) {
79759
79821
  var appList = props.appList,
79760
- baseClassName = props.baseClassName;
79822
+ baseClassName = props.baseClassName,
79823
+ hashId = props.hashId;
79761
79824
  return (0,jsx_runtime.jsx)("div", {
79762
- className: "".concat(baseClassName, "-content"),
79825
+ className: "".concat(baseClassName, "-content ").concat(hashId),
79763
79826
  children: (0,jsx_runtime.jsx)("ul", {
79764
- className: "".concat(baseClassName, "-content-list"),
79827
+ className: "".concat(baseClassName, "-content-list ").concat(hashId),
79765
79828
  children: appList === null || appList === void 0 ? void 0 : appList.map(function (app, index) {
79766
79829
  return (0,jsx_runtime.jsx)("li", {
79767
- className: "".concat(baseClassName, "-content-list-item"),
79830
+ className: "".concat(baseClassName, "-content-list-item ").concat(hashId),
79768
79831
  children: (0,jsx_runtime.jsxs)("a", {
79769
79832
  href: app.url,
79770
79833
  target: app.target,
@@ -79894,7 +79957,7 @@ var genAppsLogoComponentsSimpleListStyle = function genAppsLogoComponentsSimpleL
79894
79957
  fontSize: 22,
79895
79958
  lineHeight: '40px',
79896
79959
  textAlign: 'center',
79897
- backgroundColor: token.colorPrimaryBgHover,
79960
+ backgroundImage: 'linear-gradient(180deg, #E8F0FB 0%, #F6F8FC 100%)',
79898
79961
  borderRadius: token.radiusBase
79899
79962
  },
79900
79963
  '& > img': {
@@ -80027,7 +80090,8 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
80027
80090
  var baseClassName = "".concat(prefixCls, "-layout-apps");
80028
80091
 
80029
80092
  var _useStyle = AppsLogoComponents_style_useStyle(baseClassName),
80030
- wrapSSR = _useStyle.wrapSSR;
80093
+ wrapSSR = _useStyle.wrapSSR,
80094
+ hashId = _useStyle.hashId;
80031
80095
 
80032
80096
  var _useState = (0,external_React_.useState)(false),
80033
80097
  _useState2 = slicedToArray_slicedToArray(_useState, 2),
@@ -80041,16 +80105,18 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
80041
80105
 
80042
80106
  if (isSimple) {
80043
80107
  return (0,jsx_runtime.jsx)(SimpleContent, {
80108
+ hashId: hashId,
80044
80109
  appList: appList,
80045
80110
  baseClassName: "".concat(baseClassName, "-simple")
80046
80111
  });
80047
80112
  }
80048
80113
 
80049
80114
  return (0,jsx_runtime.jsx)(DefaultContent, {
80115
+ hashId: hashId,
80050
80116
  appList: appList,
80051
80117
  baseClassName: "".concat(baseClassName, "-default")
80052
80118
  });
80053
- }, [appList, baseClassName]);
80119
+ }, [appList, baseClassName, hashId]);
80054
80120
  if (!(props === null || props === void 0 ? void 0 : (_props$appList = props.appList) === null || _props$appList === void 0 ? void 0 : _props$appList.length)) return null;
80055
80121
  return wrapSSR((0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
80056
80122
  children: [(0,jsx_runtime.jsx)("div", {
@@ -80061,7 +80127,7 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
80061
80127
  zIndex: 9999,
80062
80128
  arrowPointAtCenter: true,
80063
80129
  onVisibleChange: setVisible,
80064
- overlayClassName: "".concat(baseClassName, "-popover"),
80130
+ overlayClassName: "".concat(baseClassName, "-popover ").concat(hashId),
80065
80131
  content: popoverContent,
80066
80132
  getPopupContainer: function getPopupContainer() {
80067
80133
  return ref.current || document.body;
@@ -80070,7 +80136,7 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
80070
80136
  onClick: function onClick(e) {
80071
80137
  e.stopPropagation();
80072
80138
  },
80073
- className: classnames_default()("".concat(baseClassName, "-icon"), defineProperty_defineProperty({}, "".concat(baseClassName, "-icon-active"), visible)),
80139
+ className: classnames_default()("".concat(baseClassName, "-icon"), hashId, defineProperty_defineProperty({}, "".concat(baseClassName, "-icon-active"), visible)),
80074
80140
  children: (0,jsx_runtime.jsx)(AppsLogo, {})
80075
80141
  })
80076
80142
  })]
@@ -80411,10 +80477,10 @@ var MenuCounter = createContainer(useMenuCounter);
80411
80477
  var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
80412
80478
  var _collapsed, _collapsed2, _$concat2, _$concat4;
80413
80479
 
80414
- return defineProperty_defineProperty({}, token.proComponentsCls, defineProperty_defineProperty({}, "& ".concat(token.componentCls), (_$concat4 = {
80480
+ return defineProperty_defineProperty({}, "".concat(token.componentCls), (_$concat4 = {
80415
80481
  background: 'transparent',
80416
80482
  border: 'none'
80417
- }, defineProperty_defineProperty(_$concat4, "&-collapsed", (_collapsed = {}, defineProperty_defineProperty(_collapsed, "".concat(token.antCls, "-menu-item, \n ").concat(token.antCls, "-menu-item-group > ").concat(token.antCls, "-menu-item-group-list > ").concat(token.antCls, "-menu-item, \n ").concat(token.antCls, "-menu-item-group > ").concat(token.antCls, "-menu-item-group-list > ").concat(token.antCls, "-menu-submenu > ").concat(token.antCls, "-menu-submenu-title, \n ").concat(token.antCls, "-menu-submenu > ").concat(token.antCls, "-menu-submenu-title"), {
80483
+ }, defineProperty_defineProperty(_$concat4, "& &-collapsed", (_collapsed = {}, defineProperty_defineProperty(_collapsed, "".concat(token.antCls, "-menu-item, \n ").concat(token.antCls, "-menu-item-group > ").concat(token.antCls, "-menu-item-group-list > ").concat(token.antCls, "-menu-item, \n ").concat(token.antCls, "-menu-item-group > ").concat(token.antCls, "-menu-item-group-list > ").concat(token.antCls, "-menu-submenu > ").concat(token.antCls, "-menu-submenu-title, \n ").concat(token.antCls, "-menu-submenu > ").concat(token.antCls, "-menu-submenu-title"), {
80418
80484
  paddingInline: '0 !important',
80419
80485
  height: 'auto !important',
80420
80486
  marginBlock: '8px !important'
@@ -80423,7 +80489,7 @@ var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
80423
80489
  borderRadius: token.radiusBase
80424
80490
  }), defineProperty_defineProperty(_collapsed, "".concat(token.componentCls, "-group"), defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-item-group-title"), {
80425
80491
  paddingInline: 0
80426
- })), _collapsed)), defineProperty_defineProperty(_$concat4, '&-item-title', defineProperty_defineProperty({
80492
+ })), _collapsed)), defineProperty_defineProperty(_$concat4, '& &-item-title', defineProperty_defineProperty({
80427
80493
  display: 'flex',
80428
80494
  flexDirection: 'row',
80429
80495
  alignItems: 'center',
@@ -80471,7 +80537,7 @@ var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
80471
80537
  color: token.colorTextSecondary,
80472
80538
  fontSize: 12,
80473
80539
  lineHeight: 20
80474
- }), _$concat4)));
80540
+ }), _$concat4));
80475
80541
  };
80476
80542
 
80477
80543
  function menu_useStyle(prefixCls) {
@@ -80516,6 +80582,7 @@ var IconFont = create({
80516
80582
 
80517
80583
  var getIcon = function getIcon(icon) {
80518
80584
  var iconPrefixes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'icon-';
80585
+ var className = arguments.length > 2 ? arguments[2] : undefined;
80519
80586
 
80520
80587
  if (typeof icon === 'string' && icon !== '') {
80521
80588
  if (isUrl(icon) || isImg(icon)) {
@@ -80524,7 +80591,7 @@ var getIcon = function getIcon(icon) {
80524
80591
  return (0,jsx_runtime.jsx)("img", {
80525
80592
  src: icon,
80526
80593
  alt: "icon",
80527
- className: "ant-pro-sider-menu-icon"
80594
+ className: className
80528
80595
  });
80529
80596
  }
80530
80597
  });
@@ -80584,13 +80651,13 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
80584
80651
  var menuType = isGroup && level === 0 ? 'group' : undefined;
80585
80652
 
80586
80653
  if (Array.isArray(children) && children.length > 0) {
80587
- var _classNames, _designToken$sider;
80654
+ var _this$props2, _this$props3, _classNames, _this$props4, _this$props5, _designToken$sider;
80588
80655
  /** Menu 第一级可以有icon，或者 isGroup 时第二级别也要有 */
80589
80656
 
80590
80657
 
80591
80658
  var shouldHasIcon = level === 0 || isGroup && level === 1; // get defaultTitle by menuItemRender
80592
80659
 
80593
- var iconDom = getIcon(item.icon, iconPrefixes);
80660
+ var iconDom = getIcon(item.icon, iconPrefixes, "".concat(baseClassName, "-icon ").concat((_this$props2 = _this.props) === null || _this$props2 === void 0 ? void 0 : _this$props2.hashId));
80594
80661
  /**
80595
80662
  * 如果没有icon在收起的时候用首字母代替
80596
80663
  */
@@ -80599,12 +80666,12 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
80599
80666
 
80600
80667
  var defaultTitle = (0,jsx_runtime.jsxs)("div", {
80601
80668
  title: name,
80602
- className: classnames_default()("".concat(baseClassName, "-item-title"), (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-item-title-collapsed"), collapsed), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-item-collapsed-show-title"), (menu === null || menu === void 0 ? void 0 : menu.collapsedShowTitle) && collapsed), _classNames)),
80669
+ className: classnames_default()("".concat(baseClassName, "-item-title"), (_this$props3 = _this.props) === null || _this$props3 === void 0 ? void 0 : _this$props3.hashId, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-item-title-collapsed"), collapsed), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-item-collapsed-show-title"), (menu === null || menu === void 0 ? void 0 : menu.collapsedShowTitle) && collapsed), _classNames)),
80603
80670
  children: [menuType === 'group' && collapsed ? null : shouldHasIcon && iconDom ? (0,jsx_runtime.jsx)("span", {
80604
- className: "anticon ".concat(baseClassName, "-item-icon"),
80671
+ className: "anticon ".concat(baseClassName, "-item-icon ").concat((_this$props4 = _this.props) === null || _this$props4 === void 0 ? void 0 : _this$props4.hashId),
80605
80672
  children: iconDom
80606
80673
  }) : defaultIcon, (0,jsx_runtime.jsx)("span", {
80607
- className: classnames_default()("".concat(baseClassName, "-item-text"), defineProperty_defineProperty({}, "".concat(baseClassName, "-item-text-has-icon"), menuType !== 'group' && shouldHasIcon && (iconDom || defaultIcon))),
80674
+ className: classnames_default()("".concat(baseClassName, "-item-text"), (_this$props5 = _this.props) === null || _this$props5 === void 0 ? void 0 : _this$props5.hashId, defineProperty_defineProperty({}, "".concat(baseClassName, "-item-text-has-icon"), menuType !== 'group' && shouldHasIcon && (iconDom || defaultIcon))),
80608
80675
  children: name
80609
80676
  })]
80610
80677
  }); // subMenu only title render
@@ -80635,7 +80702,7 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
80635
80702
  key: (item.key || item.path) + '-group-divider',
80636
80703
  style: {
80637
80704
  padding: 0,
80638
- borderBottom: 0,
80705
+ borderBlockEnd: 0,
80639
80706
  margin: _this.props.collapsed ? '4px' : '6px 16px',
80640
80707
  marginBlockStart: _this.props.collapsed ? 4 : 8,
80641
80708
  borderColor: designToken === null || designToken === void 0 ? void 0 : (_designToken$sider = designToken.sider) === null || _designToken$sider === void 0 ? void 0 : _designToken$sider.colorMenuItemDivider
@@ -80656,9 +80723,9 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
80656
80723
  this.getIntlName = function (item) {
80657
80724
  var name = item.name,
80658
80725
  locale = item.locale;
80659
- var _this$props2 = _this.props,
80660
- menu = _this$props2.menu,
80661
- formatMessage = _this$props2.formatMessage;
80726
+ var _this$props6 = _this.props,
80727
+ menu = _this$props6.menu,
80728
+ formatMessage = _this$props6.formatMessage;
80662
80729
 
80663
80730
  if (locale && (menu === null || menu === void 0 ? void 0 : menu.locale) !== false) {
80664
80731
  return formatMessage === null || formatMessage === void 0 ? void 0 : formatMessage({
@@ -80671,40 +80738,40 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
80671
80738
  };
80672
80739
 
80673
80740
  this.getMenuItemPath = function (item, level) {
80674
- var _classNames3;
80741
+ var _this$props9, _this$props10, _classNames3, _this$props11, _this$props12;
80675
80742
 
80676
80743
  var itemPath = _this.conversionPath(item.path || '/');
80677
80744
 
80678
- var _this$props3 = _this.props,
80679
- _this$props3$location = _this$props3.location,
80680
- location = _this$props3$location === void 0 ? {
80745
+ var _this$props7 = _this.props,
80746
+ _this$props7$location = _this$props7.location,
80747
+ location = _this$props7$location === void 0 ? {
80681
80748
  pathname: '/'
80682
- } : _this$props3$location,
80683
- isMobile = _this$props3.isMobile,
80684
- onCollapse = _this$props3.onCollapse,
80685
- menuItemRender = _this$props3.menuItemRender,
80686
- iconPrefixes = _this$props3.iconPrefixes; // if local is true formatMessage all name。
80749
+ } : _this$props7$location,
80750
+ isMobile = _this$props7.isMobile,
80751
+ onCollapse = _this$props7.onCollapse,
80752
+ menuItemRender = _this$props7.menuItemRender,
80753
+ iconPrefixes = _this$props7.iconPrefixes; // if local is true formatMessage all name。
80687
80754
 
80688
80755
  var name = _this.getIntlName(item);
80689
80756
 
80690
- var _this$props4 = _this.props,
80691
- baseClassName = _this$props4.baseClassName,
80692
- menu = _this$props4.menu,
80693
- collapsed = _this$props4.collapsed;
80757
+ var _this$props8 = _this.props,
80758
+ baseClassName = _this$props8.baseClassName,
80759
+ menu = _this$props8.menu,
80760
+ collapsed = _this$props8.collapsed;
80694
80761
  var isGroup = (menu === null || menu === void 0 ? void 0 : menu.type) === 'group';
80695
80762
  /** Menu 第一级可以有icon，或者 isGroup 时第二级别也要有 */
80696
80763
 
80697
80764
  var hasIcon = level === 0 || isGroup && level === 1;
80698
- var icon = !hasIcon ? null : getIcon(item.icon, iconPrefixes);
80765
+ var icon = !hasIcon ? null : getIcon(item.icon, iconPrefixes, "".concat(baseClassName, "-icon ").concat((_this$props9 = _this.props) === null || _this$props9 === void 0 ? void 0 : _this$props9.hashId));
80699
80766
  var defaultIcon = collapsed && hasIcon ? getMenuTitleSymbol(name) : null;
80700
80767
 
80701
80768
  var defaultItem = (0,jsx_runtime.jsxs)("div", {
80702
- className: classnames_default()("".concat(baseClassName, "-item-title"), (_classNames3 = {}, defineProperty_defineProperty(_classNames3, "".concat(baseClassName, "-item-title-collapsed"), collapsed), defineProperty_defineProperty(_classNames3, "".concat(baseClassName, "-item-collapsed-show-title"), (menu === null || menu === void 0 ? void 0 : menu.collapsedShowTitle) && collapsed), _classNames3)),
80769
+ className: classnames_default()("".concat(baseClassName, "-item-title"), (_this$props10 = _this.props) === null || _this$props10 === void 0 ? void 0 : _this$props10.hashId, (_classNames3 = {}, defineProperty_defineProperty(_classNames3, "".concat(baseClassName, "-item-title-collapsed"), collapsed), defineProperty_defineProperty(_classNames3, "".concat(baseClassName, "-item-collapsed-show-title"), (menu === null || menu === void 0 ? void 0 : menu.collapsedShowTitle) && collapsed), _classNames3)),
80703
80770
  children: [icon ? (0,jsx_runtime.jsx)("span", {
80704
- className: "anticon ".concat(baseClassName, "-item-icon"),
80771
+ className: "anticon ".concat(baseClassName, "-item-icon ").concat((_this$props11 = _this.props) === null || _this$props11 === void 0 ? void 0 : _this$props11.hashId),
80705
80772
  children: icon
80706
80773
  }) : defaultIcon, (0,jsx_runtime.jsx)("span", {
80707
- className: classnames_default()("".concat(baseClassName, "-item-text"), defineProperty_defineProperty({}, "".concat(baseClassName, "-item-text-has-icon"), hasIcon && (icon || defaultIcon))),
80774
+ className: classnames_default()("".concat(baseClassName, "-item-text"), (_this$props12 = _this.props) === null || _this$props12 === void 0 ? void 0 : _this$props12.hashId, defineProperty_defineProperty({}, "".concat(baseClassName, "-item-text-has-icon"), hasIcon && (icon || defaultIcon))),
80708
80775
  children: name
80709
80776
  })]
80710
80777
  });
@@ -80712,7 +80779,7 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
80712
80779
  var isHttpUrl = isUrl(itemPath); // Is it a http link
80713
80780
 
80714
80781
  if (isHttpUrl) {
80715
- var _classNames5;
80782
+ var _this$props13, _classNames5, _this$props14, _this$props15;
80716
80783
 
80717
80784
  defaultItem = (0,jsx_runtime.jsxs)("span", {
80718
80785
  title: name,
@@ -80721,12 +80788,12 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
80721
80788
 
80722
80789
  (_window = window) === null || _window === void 0 ? void 0 : (_window$open = _window.open) === null || _window$open === void 0 ? void 0 : _window$open.call(_window, itemPath, '_blank');
80723
80790
  },
80724
- className: classnames_default()("".concat(baseClassName, "-item-title"), (_classNames5 = {}, defineProperty_defineProperty(_classNames5, "".concat(baseClassName, "-item-title-collapsed"), collapsed), defineProperty_defineProperty(_classNames5, "".concat(baseClassName, "-item-link"), true), defineProperty_defineProperty(_classNames5, "".concat(baseClassName, "-item-collapsed-show-title"), (menu === null || menu === void 0 ? void 0 : menu.collapsedShowTitle) && collapsed), _classNames5)),
80791
+ className: classnames_default()("".concat(baseClassName, "-item-title"), (_this$props13 = _this.props) === null || _this$props13 === void 0 ? void 0 : _this$props13.hashId, (_classNames5 = {}, defineProperty_defineProperty(_classNames5, "".concat(baseClassName, "-item-title-collapsed"), collapsed), defineProperty_defineProperty(_classNames5, "".concat(baseClassName, "-item-link"), true), defineProperty_defineProperty(_classNames5, "".concat(baseClassName, "-item-collapsed-show-title"), (menu === null || menu === void 0 ? void 0 : menu.collapsedShowTitle) && collapsed), _classNames5)),
80725
80792
  children: [icon ? (0,jsx_runtime.jsx)("span", {
80726
- className: "anticon ".concat(baseClassName, "-item-icon"),
80793
+ className: "anticon ".concat(baseClassName, "-item-icon ").concat((_this$props14 = _this.props) === null || _this$props14 === void 0 ? void 0 : _this$props14.hashId),
80727
80794
  children: icon
80728
80795
  }) : defaultIcon, (0,jsx_runtime.jsx)("span", {
80729
- className: classnames_default()("".concat(baseClassName, "-item-text"), defineProperty_defineProperty({}, "".concat(baseClassName, "-item-text-has-icon"), hasIcon && (icon || defaultIcon))),
80796
+ className: classnames_default()("".concat(baseClassName, "-item-text"), (_this$props15 = _this.props) === null || _this$props15 === void 0 ? void 0 : _this$props15.hashId, defineProperty_defineProperty({}, "".concat(baseClassName, "-item-text-has-icon"), hasIcon && (icon || defaultIcon))),
80730
80797
  children: name
80731
80798
  })]
80732
80799
  });
@@ -80883,17 +80950,19 @@ var BaseMenu = function BaseMenu(props) {
80883
80950
  return getOpenKeysProps(openKeys, props);
80884
80951
  }, // eslint-disable-next-line react-hooks/exhaustive-deps
80885
80952
  [openKeys && openKeys.join(','), props.layout, props.collapsed]);
80953
+
80954
+ var _useStyle = menu_useStyle(baseClassName),
80955
+ wrapSSR = _useStyle.wrapSSR,
80956
+ hashId = _useStyle.hashId;
80957
+
80886
80958
  var menuUtils = (0,external_React_.useMemo)(function () {
80887
80959
  return new MenuUtil(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, props), {}, {
80888
80960
  token: designToken,
80889
80961
  menuRenderType: menuRenderType,
80890
- baseClassName: baseClassName
80962
+ baseClassName: baseClassName,
80963
+ hashId: hashId
80891
80964
  }));
80892
- }, [designToken, baseClassName, menuRenderType, props]);
80893
-
80894
- var _useStyle = menu_useStyle(baseClassName),
80895
- wrapSSR = _useStyle.wrapSSR,
80896
- hashId = _useStyle.hashId;
80965
+ }, [props, designToken, menuRenderType, baseClassName, hashId]);
80897
80966
 
80898
80967
  if (menu === null || menu === void 0 ? void 0 : menu.loading) {
80899
80968
  return (0,jsx_runtime.jsx)("div", {
@@ -80956,6 +81025,7 @@ var BaseMenu = function BaseMenu(props) {
80956
81025
 
80957
81026
 
80958
81027
 
81028
+
80959
81029
  var Sider = external_antd_.Layout.Sider;
80960
81030
  /**
80961
81031
  * 渲染 title 和 logo
@@ -81035,6 +81105,10 @@ var SiderMenu = function SiderMenu(props) {
81035
81105
  actionsRender = props.actionsRender,
81036
81106
  onOpenChange = props.onOpenChange,
81037
81107
  logoStyle = props.logoStyle;
81108
+
81109
+ var _useToken = useStyle_useToken(),
81110
+ hashId = _useToken.hashId;
81111
+
81038
81112
  var showSiderExtraDom = (0,external_React_.useMemo)(function () {
81039
81113
  if (isMobile) return false;
81040
81114
  if (layout === 'mix') return false;
@@ -81045,7 +81119,7 @@ var SiderMenu = function SiderMenu(props) {
81045
81119
  var _MenuCounter$useConta = MenuCounter.useContainer(),
81046
81120
  flatMenuKeys = _MenuCounter$useConta.flatMenuKeys;
81047
81121
 
81048
- var siderClassName = classnames_default()("".concat(baseClassName), (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-fixed"), fixSiderbar), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-collapsed"), props.collapsed), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-layout-").concat(layout), layout && !isMobile), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-light"), theme !== 'dark'), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-mix"), layout === 'mix' && !isMobile), _classNames));
81122
+ var siderClassName = classnames_default()("".concat(baseClassName), hashId, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-fixed"), fixSiderbar), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-collapsed"), props.collapsed), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-layout-").concat(layout), layout && !isMobile), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-light"), theme !== 'dark'), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-mix"), layout === 'mix' && !isMobile), _classNames));
81049
81123
  var headerDom = renderLogoAndTitle(props);
81050
81124
  var extraDom = menuExtraRender && menuExtraRender(props);
81051
81125
  var menuDom = (0,external_React_.useMemo)(function () {
@@ -81056,9 +81130,9 @@ var SiderMenu = function SiderMenu(props) {
81056
81130
  style: {
81057
81131
  width: '100%'
81058
81132
  },
81059
- className: "".concat(baseClassName, "-menu")
81133
+ className: "".concat(baseClassName, "-menu ").concat(hashId)
81060
81134
  }));
81061
- }, [baseClassName, flatMenuKeys, menuContentRender, onOpenChange, props]);
81135
+ }, [baseClassName, flatMenuKeys, hashId, menuContentRender, onOpenChange, props]);
81062
81136
  var linksMenuItems = (links || []).map(function (node, index) {
81063
81137
  return {
81064
81138
  className: "".concat(baseClassName, "-link"),
@@ -81086,10 +81160,10 @@ var SiderMenu = function SiderMenu(props) {
81086
81160
  align: "center",
81087
81161
  size: 4,
81088
81162
  direction: collapsed ? 'vertical' : 'horizontal',
81089
- className: classnames_default()(["".concat(baseClassName, "-actions-list"), collapsed && "".concat(baseClassName, "-actions-list-collapsed")]),
81163
+ className: classnames_default()(["".concat(baseClassName, "-actions-list"), collapsed && "".concat(baseClassName, "-actions-list-collapsed"), hashId]),
81090
81164
  children: actionsRender === null || actionsRender === void 0 ? void 0 : actionsRender(props).map(function (item, index) {
81091
81165
  return (0,jsx_runtime.jsx)("div", {
81092
- className: "".concat(baseClassName, "-actions-list-item"),
81166
+ className: "".concat(baseClassName, "-actions-list-item ").concat(hashId),
81093
81167
  children: item
81094
81168
  }, index);
81095
81169
  })
@@ -81122,10 +81196,10 @@ var SiderMenu = function SiderMenu(props) {
81122
81196
  var actionAreaDom = (0,external_React_.useMemo)(function () {
81123
81197
  if (!avatarDom && !actionsDom) return null;
81124
81198
  return (0,jsx_runtime.jsxs)("div", {
81125
- className: classnames_default()("".concat(baseClassName, "-actions"), collapsed && "".concat(baseClassName, "-actions-collapsed")),
81199
+ className: classnames_default()("".concat(baseClassName, "-actions"), hashId, collapsed && "".concat(baseClassName, "-actions-collapsed")),
81126
81200
  children: [avatarDom, actionsDom]
81127
81201
  });
81128
- }, [actionsDom, avatarDom, baseClassName, collapsed]);
81202
+ }, [actionsDom, avatarDom, baseClassName, collapsed, hashId]);
81129
81203
  var collapsedWidth = 60;
81130
81204
  /* Using the useMemo hook to create a CSS class that will hide the menu when the menu is collapsed. */
81131
81205
 
@@ -81143,13 +81217,13 @@ var SiderMenu = function SiderMenu(props) {
81143
81217
 
81144
81218
  var menuDomItems = (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
81145
81219
  children: [headerDom && (0,jsx_runtime.jsxs)("div", {
81146
- className: classnames_default()([classnames_default()("".concat(baseClassName, "-logo"), defineProperty_defineProperty({}, "".concat(baseClassName, "-logo-collapsed"), collapsed))]),
81220
+ className: classnames_default()([classnames_default()("".concat(baseClassName, "-logo"), hashId, defineProperty_defineProperty({}, "".concat(baseClassName, "-logo-collapsed"), collapsed))]),
81147
81221
  onClick: showSiderExtraDom ? onMenuHeaderClick : undefined,
81148
81222
  id: "logo",
81149
81223
  style: logoStyle,
81150
81224
  children: [headerDom, appsDom]
81151
81225
  }), extraDom && (0,jsx_runtime.jsx)("div", {
81152
- className: classnames_default()(["".concat(baseClassName, "-extra"), !headerDom && "".concat(baseClassName, "-extra-no-logo")]),
81226
+ className: classnames_default()(["".concat(baseClassName, "-extra"), !headerDom && "".concat(baseClassName, "-extra-no-logo"), hashId]),
81153
81227
  children: extraDom
81154
81228
  }), (0,jsx_runtime.jsx)("div", {
81155
81229
  style: {
@@ -81159,10 +81233,10 @@ var SiderMenu = function SiderMenu(props) {
81159
81233
  },
81160
81234
  children: menuRenderDom
81161
81235
  }), links ? (0,jsx_runtime.jsx)("div", {
81162
- className: "".concat(baseClassName, "-links"),
81236
+ className: "".concat(baseClassName, "-links ").concat(hashId),
81163
81237
  children: (0,jsx_runtime.jsx)(external_antd_.Menu, {
81164
81238
  inlineIndent: 16,
81165
- className: "".concat(baseClassName, "-link-menu"),
81239
+ className: "".concat(baseClassName, "-link-menu ").concat(hashId),
81166
81240
  selectedKeys: [],
81167
81241
  openKeys: [],
81168
81242
  theme: "light",
@@ -81171,11 +81245,11 @@ var SiderMenu = function SiderMenu(props) {
81171
81245
  })
81172
81246
  }) : null, showSiderExtraDom && (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
81173
81247
  children: [actionAreaDom, rightContentRender ? (0,jsx_runtime.jsx)("div", {
81174
- className: classnames_default()("".concat(baseClassName, "-actions"), defineProperty_defineProperty({}, "".concat(baseClassName, "-actions-collapsed"), collapsed)),
81248
+ className: classnames_default()("".concat(baseClassName, "-actions"), hashId, defineProperty_defineProperty({}, "".concat(baseClassName, "-actions-collapsed"), collapsed)),
81175
81249
  children: rightContentRender === null || rightContentRender === void 0 ? void 0 : rightContentRender(props)
81176
81250
  }) : null]
81177
81251
  }), menuFooterDom && (0,jsx_runtime.jsx)("div", {
81178
- className: classnames_default()(["".concat(baseClassName, "-footer"), defineProperty_defineProperty({}, "".concat(baseClassName, "-footer-collapsed"), collapsed)]),
81252
+ className: classnames_default()(["".concat(baseClassName, "-footer"), hashId, defineProperty_defineProperty({}, "".concat(baseClassName, "-footer-collapsed"), collapsed)]),
81179
81253
  children: menuFooterDom
81180
81254
  })]
81181
81255
  });
@@ -81206,9 +81280,12 @@ var SiderMenu = function SiderMenu(props) {
81206
81280
  style: style,
81207
81281
  theme: theme,
81208
81282
  width: siderWidth,
81209
- className: classnames_default()(siderClassName, hideMenuWhenCollapsedClassName),
81210
- children: [(0,jsx_runtime.jsx)(external_antd_.ConfigProvider, {
81283
+ className: classnames_default()(siderClassName, hashId, hideMenuWhenCollapsedClassName),
81284
+ children: [(0,jsx_runtime.jsx)(external_antd_.ConfigProvider // @ts-ignore
81285
+ , {
81286
+ // @ts-ignore
81211
81287
  theme: {
81288
+ hashed: false,
81212
81289
  override: {
81213
81290
  Menu: {
81214
81291
  radiusItem: 4,
@@ -81226,7 +81303,7 @@ var SiderMenu = function SiderMenu(props) {
81226
81303
  }
81227
81304
  },
81228
81305
  children: hideMenuWhenCollapsedClassName ? (0,jsx_runtime.jsx)("div", {
81229
- className: "".concat(baseClassName, "-hide-when-collapsed"),
81306
+ className: "".concat(baseClassName, "-hide-when-collapsed ").concat(hashId),
81230
81307
  style: {
81231
81308
  height: '100%',
81232
81309
  width: '100%',
@@ -81386,11 +81463,11 @@ var RightContent = function RightContent(_ref) {
81386
81463
  }
81387
81464
 
81388
81465
  return (0,jsx_runtime.jsx)("div", {
81389
- className: classnames_default()("".concat(prefixCls, "-header-actions-item"), defineProperty_defineProperty({}, "".concat(prefixCls, "-header-actions-hover"), !hideHover)),
81466
+ className: classnames_default()("".concat(prefixCls, "-header-actions-item ").concat(hashId), defineProperty_defineProperty({}, "".concat(prefixCls, "-header-actions-hover"), !hideHover)),
81390
81467
  children: dom
81391
81468
  }, index);
81392
81469
  }), avatarDom && (0,jsx_runtime.jsx)("span", {
81393
- className: "".concat(prefixCls, "-header-actions-avatar"),
81470
+ className: "".concat(prefixCls, "-header-actions-avatar ").concat(hashId),
81394
81471
  children: (0,jsx_runtime.jsx)("div", {
81395
81472
  children: avatarDom
81396
81473
  })
@@ -81421,7 +81498,7 @@ var RightContent = function RightContent(_ref) {
81421
81498
  };
81422
81499
  }(), 160);
81423
81500
  return (0,jsx_runtime.jsx)("div", {
81424
- className: "".concat(prefixCls, "-right-content"),
81501
+ className: "".concat(prefixCls, "-right-content ").concat(hashId),
81425
81502
  style: {
81426
81503
  minWidth: rightSize,
81427
81504
  height: '100%'
@@ -81577,7 +81654,9 @@ var TopNavHeader = function TopNavHeader(props) {
81577
81654
  var contentDom = (0,external_React_.useMemo)(function () {
81578
81655
  var _process$env$NODE_ENV, _props$menuProps;
81579
81656
 
81580
- var defaultDom = (0,jsx_runtime.jsx)(external_antd_.ConfigProvider, {
81657
+ var defaultDom = (0,jsx_runtime.jsx)(external_antd_.ConfigProvider // @ts-ignore
81658
+ , {
81659
+ // @ts-ignore
81581
81660
  theme: {
81582
81661
  hashed: ((_process$env$NODE_ENV = "production") === null || _process$env$NODE_ENV === void 0 ? void 0 : _process$env$NODE_ENV.toLowerCase()) !== 'test',
81583
81662
  override: {
@@ -81600,7 +81679,7 @@ var TopNavHeader = function TopNavHeader(props) {
81600
81679
  children: (0,jsx_runtime.jsx)(BaseMenu, objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({
81601
81680
  theme: "light"
81602
81681
  }, props), {}, {
81603
- className: "".concat(prefixCls, "-base-menu")
81682
+ className: "".concat(prefixCls, "-base-menu ").concat(hashId)
81604
81683
  }, props.menuProps), {}, {
81605
81684
  style: objectSpread2_objectSpread2({
81606
81685
  width: '100%'
@@ -81616,18 +81695,18 @@ var TopNavHeader = function TopNavHeader(props) {
81616
81695
  }
81617
81696
 
81618
81697
  return defaultDom;
81619
- }, [header.colorBgMenuItemHover, header.colorBgMenuItemSelected, header.colorTextMenu, header.colorTextMenuActive, header.colorTextMenuSelected, headerContentRender, prefixCls, props]);
81698
+ }, [hashId, header.colorBgMenuItemHover, header.colorBgMenuItemSelected, header.colorTextMenu, header.colorTextMenuActive, header.colorTextMenuSelected, headerContentRender, prefixCls, props]);
81620
81699
  return wrapSSR((0,jsx_runtime.jsx)("div", {
81621
81700
  className: classnames_default()(prefixCls, hashId, propsClassName, defineProperty_defineProperty({}, "".concat(prefixCls, "-light"), true)),
81622
81701
  style: style,
81623
81702
  children: (0,jsx_runtime.jsxs)("div", {
81624
81703
  ref: ref,
81625
- className: classnames_default()("".concat(prefixCls, "-main"), defineProperty_defineProperty({}, "".concat(prefixCls, "-wide"), contentWidth === 'Fixed')),
81704
+ className: classnames_default()("".concat(prefixCls, "-main"), hashId, defineProperty_defineProperty({}, "".concat(prefixCls, "-wide"), contentWidth === 'Fixed')),
81626
81705
  children: [headerDom && (0,jsx_runtime.jsxs)("div", {
81627
- className: classnames_default()("".concat(prefixCls, "-main-left")),
81706
+ className: classnames_default()("".concat(prefixCls, "-main-left ").concat(hashId)),
81628
81707
  onClick: onMenuHeaderClick,
81629
81708
  children: [(0,jsx_runtime.jsx)(AppsLogoComponents, objectSpread2_objectSpread2({}, props)), (0,jsx_runtime.jsx)("div", {
81630
- className: "".concat(prefixCls, "-logo"),
81709
+ className: "".concat(prefixCls, "-logo ").concat(hashId),
81631
81710
  id: "logo",
81632
81711
  children: headerDom
81633
81712
  }, "logo")]
@@ -81635,7 +81714,7 @@ var TopNavHeader = function TopNavHeader(props) {
81635
81714
  style: {
81636
81715
  flex: 1
81637
81716
  },
81638
- className: "".concat(prefixCls, "-menu"),
81717
+ className: "".concat(prefixCls, "-menu ").concat(hashId),
81639
81718
  children: contentDom
81640
81719
  }), (rightContentRender || actionsRender || props.avatarProps) && (0,jsx_runtime.jsx)(RightContent, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
81641
81720
  rightContentRender: rightContentRender
@@ -81797,7 +81876,7 @@ var GlobalHeader = function GlobalHeader(props) {
81797
81876
  }));
81798
81877
  }
81799
81878
 
81800
- var logoClassNames = classnames_default()("".concat(baseClassName, "-logo"), (_classNames2 = {}, defineProperty_defineProperty(_classNames2, "".concat(baseClassName, "-logo-rtl"), direction === 'rtl'), defineProperty_defineProperty(_classNames2, "".concat(baseClassName, "-logo-mix"), layout === 'mix'), defineProperty_defineProperty(_classNames2, "".concat(baseClassName, "-logo-mobile"), isMobile), _classNames2));
81879
+ var logoClassNames = classnames_default()("".concat(baseClassName, "-logo"), hashId, (_classNames2 = {}, defineProperty_defineProperty(_classNames2, "".concat(baseClassName, "-logo-rtl"), direction === 'rtl'), defineProperty_defineProperty(_classNames2, "".concat(baseClassName, "-logo-mix"), layout === 'mix'), defineProperty_defineProperty(_classNames2, "".concat(baseClassName, "-logo-mobile"), isMobile), _classNames2));
81801
81880
 
81802
81881
  var logoDom = (0,jsx_runtime.jsx)("span", {
81803
81882
  className: logoClassNames,
@@ -81810,7 +81889,7 @@ var GlobalHeader = function GlobalHeader(props) {
81810
81889
  className: className,
81811
81890
  style: objectSpread2_objectSpread2({}, style),
81812
81891
  children: [isMobile && GlobalHeader_renderLogo(menuHeaderRender, logoDom), isMobile && (0,jsx_runtime.jsx)("span", {
81813
- className: "".concat(baseClassName, "-collapsed-button"),
81892
+ className: "".concat(baseClassName, "-collapsed-button ").concat(hashId),
81814
81893
  onClick: function onClick() {
81815
81894
  onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(!collapsed);
81816
81895
  },
@@ -81850,7 +81929,7 @@ var GlobalHeader = function GlobalHeader(props) {
81850
81929
  var Header = external_antd_.Layout.Header;
81851
81930
 
81852
81931
  var DefaultHeader = function DefaultHeader(props) {
81853
- var _classNames;
81932
+ var _classNames, _process$env$NODE_ENV;
81854
81933
 
81855
81934
  var isMobile = props.isMobile,
81856
81935
  fixedHeader = props.fixedHeader,
@@ -81907,8 +81986,11 @@ var DefaultHeader = function DefaultHeader(props) {
81907
81986
  var className = classnames_default()(propsClassName, hashId, baseClassName, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-fixed-header"), needFixedHeader), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-mix"), layout === 'mix'), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-fixed-header-action"), !collapsed), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-top-menu"), isTop), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-header"), true), _classNames));
81908
81987
  if (layout === 'side' && !isMobile) return null;
81909
81988
  return wrapSSR((0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
81910
- children: (0,jsx_runtime.jsxs)(external_antd_.ConfigProvider, {
81989
+ children: (0,jsx_runtime.jsxs)(external_antd_.ConfigProvider // @ts-ignore
81990
+ , {
81991
+ // @ts-ignore
81911
81992
  theme: {
81993
+ hashed: ((_process$env$NODE_ENV = "production") === null || _process$env$NODE_ENV === void 0 ? void 0 : _process$env$NODE_ENV.toLowerCase()) !== 'test',
81912
81994
  override: {
81913
81995
  Layout: {
81914
81996
  colorBgHeader: 'transparent',
@@ -82264,24 +82346,25 @@ var BlockCheckbox = function BlockCheckbox(_ref) {
82264
82346
  configType = _ref.configType,
82265
82347
  onChange = _ref.onChange,
82266
82348
  list = _ref.list,
82267
- prefixCls = _ref.prefixCls;
82349
+ prefixCls = _ref.prefixCls,
82350
+ hashId = _ref.hashId;
82268
82351
  var baseClassName = "".concat(prefixCls, "-block-checkbox");
82269
82352
  var dom = (0,external_React_.useMemo)(function () {
82270
82353
  var domList = (list || []).map(function (item) {
82271
82354
  return (0,jsx_runtime.jsx)(external_antd_.Tooltip, {
82272
82355
  title: item.title,
82273
82356
  children: (0,jsx_runtime.jsxs)("div", {
82274
- className: classnames_default()("".concat(baseClassName, "-item"), "".concat(baseClassName, "-item-").concat(item.key), "".concat(baseClassName, "-").concat(configType, "-item")),
82357
+ className: classnames_default()(hashId, "".concat(baseClassName, "-item"), "".concat(baseClassName, "-item-").concat(item.key), "".concat(baseClassName, "-").concat(configType, "-item")),
82275
82358
  onClick: function onClick() {
82276
82359
  return onChange(item.key);
82277
82360
  },
82278
82361
  children: [(0,jsx_runtime.jsx)(icons_CheckOutlined, {
82279
- className: "".concat(baseClassName, "-selectIcon"),
82362
+ className: "".concat(baseClassName, "-selectIcon ").concat(hashId),
82280
82363
  style: {
82281
82364
  display: value === item.key ? 'block' : 'none'
82282
82365
  }
82283
82366
  }), (item === null || item === void 0 ? void 0 : item.icon) ? (0,jsx_runtime.jsx)("div", {
82284
- className: "".concat(baseClassName, "-icon"),
82367
+ className: "".concat(baseClassName, "-icon ").concat(hashId),
82285
82368
  children: item.icon
82286
82369
  }) : null]
82287
82370
  })
@@ -82290,7 +82373,7 @@ var BlockCheckbox = function BlockCheckbox(_ref) {
82290
82373
  return domList; // eslint-disable-next-line react-hooks/exhaustive-deps
82291
82374
  }, [value, list === null || list === void 0 ? void 0 : list.length, onChange]);
82292
82375
  return (0,jsx_runtime.jsx)("div", {
82293
- className: baseClassName,
82376
+ className: classnames_default()(baseClassName, hashId),
82294
82377
  children: dom
82295
82378
  });
82296
82379
  };
@@ -82639,7 +82722,8 @@ var renderLayoutSettingItem = function renderLayoutSettingItem(item) {
82639
82722
  var LayoutSetting = function LayoutSetting(_ref) {
82640
82723
  var _ref$settings = _ref.settings,
82641
82724
  settings = _ref$settings === void 0 ? {} : _ref$settings,
82642
- changeSetting = _ref.changeSetting;
82725
+ changeSetting = _ref.changeSetting,
82726
+ hashId = _ref.hashId;
82643
82727
  var formatMessage = getFormatMessage();
82644
82728
 
82645
82729
  var _ref2 = settings || defaultSettings,
@@ -82659,7 +82743,7 @@ var LayoutSetting = function LayoutSetting(_ref) {
82659
82743
  action: (0,jsx_runtime.jsxs)(external_antd_.Select, {
82660
82744
  value: contentWidth || 'Fixed',
82661
82745
  size: "small",
82662
- className: "content-width",
82746
+ className: "content-width ".concat(hashId),
82663
82747
  onSelect: function onSelect(value) {
82664
82748
  changeSetting('contentWidth', value);
82665
82749
  },
@@ -82739,7 +82823,8 @@ var LayoutSetting = function LayoutSetting(_ref) {
82739
82823
  var RegionalSetting = function RegionalSetting(_ref) {
82740
82824
  var _ref$settings = _ref.settings,
82741
82825
  settings = _ref$settings === void 0 ? {} : _ref$settings,
82742
- changeSetting = _ref.changeSetting;
82826
+ changeSetting = _ref.changeSetting,
82827
+ hashId = _ref.hashId;
82743
82828
  var formatMessage = getFormatMessage();
82744
82829
  var regionalSetting = ['header', 'footer', 'menu', 'menuHeader'];
82745
82830
  return (0,jsx_runtime.jsx)(external_antd_.List, {
@@ -82752,7 +82837,7 @@ var RegionalSetting = function RegionalSetting(_ref) {
82752
82837
  }),
82753
82838
  action: (0,jsx_runtime.jsx)(external_antd_.Switch, {
82754
82839
  size: "small",
82755
- className: "regional-".concat(key),
82840
+ className: "regional-".concat(key, " ").concat(hashId),
82756
82841
  checked: settings["".concat(key, "Render")] || settings["".concat(key, "Render")] === undefined,
82757
82842
  onChange: function onChange(checked) {
82758
82843
  return changeSetting("".concat(key, "Render"), checked === true ? undefined : false);
@@ -82794,12 +82879,14 @@ var genSettingDrawerStyle = function genSettingDrawerStyle(token) {
82794
82879
  }), defineProperty_defineProperty(_ref, token.componentCls, {
82795
82880
  '&-content': {
82796
82881
  position: 'relative',
82797
- minHeight: '100%'
82882
+ minHeight: '100%',
82883
+ color: token.colorText
82798
82884
  },
82799
82885
  '&-body-title': {
82800
82886
  marginBlockEnd: '12px',
82801
82887
  fontSize: '14px',
82802
- lineHeight: '22px'
82888
+ lineHeight: '22px',
82889
+ color: token.colorTextHeading
82803
82890
  },
82804
82891
  '&-block-checkbox': {
82805
82892
  display: 'flex',
@@ -82946,15 +83033,16 @@ var ThemeColor = function ThemeColor(_ref2) {
82946
83033
  colorList = _ref2.colorList,
82947
83034
  onChange = _ref2.onChange,
82948
83035
  prefixCls = _ref2.prefixCls,
82949
- formatMessage = _ref2.formatMessage;
83036
+ formatMessage = _ref2.formatMessage,
83037
+ hashId = _ref2.hashId;
82950
83038
 
82951
83039
  if (!colorList || (colorList === null || colorList === void 0 ? void 0 : colorList.length) < 1) {
82952
83040
  return null;
82953
83041
  }
82954
83042
 
82955
- var baseClassName = prefixCls + '-theme-color';
83043
+ var baseClassName = "".concat(prefixCls, "-theme-color");
82956
83044
  return (0,jsx_runtime.jsx)("div", {
82957
- className: baseClassName,
83045
+ className: "".concat(baseClassName, " ").concat(hashId),
82958
83046
  children: colorList === null || colorList === void 0 ? void 0 : colorList.map(function (_ref3) {
82959
83047
  var key = _ref3.key,
82960
83048
  color = _ref3.color;
@@ -82964,7 +83052,7 @@ var ThemeColor = function ThemeColor(_ref2) {
82964
83052
  id: "app.setting.themecolor.".concat(key)
82965
83053
  }),
82966
83054
  children: (0,jsx_runtime.jsx)(Tag, {
82967
- className: "".concat(baseClassName, "-block"),
83055
+ className: "".concat(baseClassName, "-block ").concat(hashId),
82968
83056
  color: color,
82969
83057
  check: value === color,
82970
83058
  onClick: function onClick() {
@@ -83004,6 +83092,7 @@ var ThemeColor = function ThemeColor(_ref2) {
83004
83092
 
83005
83093
  var Body = function Body(_ref) {
83006
83094
  var children = _ref.children,
83095
+ hashId = _ref.hashId,
83007
83096
  prefixCls = _ref.prefixCls,
83008
83097
  title = _ref.title;
83009
83098
  return (0,jsx_runtime.jsxs)("div", {
@@ -83011,7 +83100,7 @@ var Body = function Body(_ref) {
83011
83100
  marginBlockEnd: 24
83012
83101
  },
83013
83102
  children: [(0,jsx_runtime.jsx)("h3", {
83014
- className: "".concat(prefixCls, "-body-title"),
83103
+ className: "".concat(prefixCls, "-body-title ").concat(hashId),
83015
83104
  children: title
83016
83105
  }), children]
83017
83106
  });
@@ -83369,14 +83458,16 @@ var SettingDrawer = function SettingDrawer(props) {
83369
83458
  zIndex: 999
83370
83459
  },
83371
83460
  children: (0,jsx_runtime.jsxs)("div", {
83372
- className: "".concat(baseClassName, "-drawer-content"),
83461
+ className: "".concat(baseClassName, "-drawer-content ").concat(hashId),
83373
83462
  children: [(0,jsx_runtime.jsx)(Body, {
83374
83463
  title: formatMessage({
83375
83464
  id: 'app.setting.pagestyle',
83376
83465
  defaultMessage: 'Page style setting'
83377
83466
  }),
83467
+ hashId: hashId,
83378
83468
  prefixCls: baseClassName,
83379
83469
  children: (0,jsx_runtime.jsx)(BlockCheckbox, {
83470
+ hashId: hashId,
83380
83471
  prefixCls: baseClassName,
83381
83472
  list: [{
83382
83473
  key: 'light',
@@ -83402,12 +83493,14 @@ var SettingDrawer = function SettingDrawer(props) {
83402
83493
  }
83403
83494
  }, "navTheme")
83404
83495
  }), colorList !== false && (0,jsx_runtime.jsx)(Body, {
83496
+ hashId: hashId,
83405
83497
  title: formatMessage({
83406
83498
  id: 'app.setting.themecolor',
83407
83499
  defaultMessage: 'Theme color'
83408
83500
  }),
83409
83501
  prefixCls: baseClassName,
83410
83502
  children: (0,jsx_runtime.jsx)(ThemeColor, {
83503
+ hashId: hashId,
83411
83504
  prefixCls: baseClassName,
83412
83505
  colorList: colorList,
83413
83506
  value: genStringToTheme(colorPrimary),
@@ -83418,6 +83511,7 @@ var SettingDrawer = function SettingDrawer(props) {
83418
83511
  })
83419
83512
  }), !themeOnly && (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
83420
83513
  children: [(0,jsx_runtime.jsx)(external_antd_.Divider, {}), (0,jsx_runtime.jsx)(Body, {
83514
+ hashId: hashId,
83421
83515
  prefixCls: baseClassName,
83422
83516
  title: formatMessage({
83423
83517
  id: 'app.setting.navigationmode'
@@ -83425,6 +83519,7 @@ var SettingDrawer = function SettingDrawer(props) {
83425
83519
  children: (0,jsx_runtime.jsx)(BlockCheckbox, {
83426
83520
  prefixCls: baseClassName,
83427
83521
  value: layout,
83522
+ hashId: hashId,
83428
83523
  configType: "layout",
83429
83524
  list: [{
83430
83525
  key: 'side',
@@ -83447,6 +83542,7 @@ var SettingDrawer = function SettingDrawer(props) {
83447
83542
  }
83448
83543
  }, "layout")
83449
83544
  }), settingState.layout == 'side' || settingState.layout == 'mix' ? (0,jsx_runtime.jsx)(Body, {
83545
+ hashId: hashId,
83450
83546
  prefixCls: baseClassName,
83451
83547
  title: formatMessage({
83452
83548
  id: 'app.setting.sidermenutype'
@@ -83454,6 +83550,7 @@ var SettingDrawer = function SettingDrawer(props) {
83454
83550
  children: (0,jsx_runtime.jsx)(BlockCheckbox, {
83455
83551
  prefixCls: baseClassName,
83456
83552
  value: siderMenuType,
83553
+ hashId: hashId,
83457
83554
  configType: "siderMenuType",
83458
83555
  list: [{
83459
83556
  key: 'sub',
@@ -83473,18 +83570,22 @@ var SettingDrawer = function SettingDrawer(props) {
83473
83570
  }
83474
83571
  }, "siderMenuType")
83475
83572
  }) : null, (0,jsx_runtime.jsx)(LayoutSetting, {
83573
+ hashId: hashId,
83476
83574
  settings: settingState,
83477
83575
  changeSetting: changeSetting
83478
83576
  }), (0,jsx_runtime.jsx)(external_antd_.Divider, {}), (0,jsx_runtime.jsx)(Body, {
83577
+ hashId: hashId,
83479
83578
  prefixCls: baseClassName,
83480
83579
  title: formatMessage({
83481
83580
  id: 'app.setting.regionalsettings'
83482
83581
  }),
83483
83582
  children: (0,jsx_runtime.jsx)(RegionalSetting, {
83583
+ hashId: hashId,
83484
83584
  settings: settingState,
83485
83585
  changeSetting: changeSetting
83486
83586
  })
83487
83587
  }), (0,jsx_runtime.jsx)(external_antd_.Divider, {}), (0,jsx_runtime.jsx)(Body, {
83588
+ hashId: hashId,
83488
83589
  prefixCls: baseClassName,
83489
83590
  title: formatMessage({
83490
83591
  id: 'app.setting.othersettings'
@@ -85684,7 +85785,7 @@ var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
85684
85785
  paddingBlock: 16,
85685
85786
  color: token.colorTextMenu,
85686
85787
  cursor: 'pointer',
85687
- borderBottom: "1px solid ".concat(token.colorMenuItemDivider),
85788
+ borderBlockEnd: "1px solid ".concat(token.colorMenuItemDivider),
85688
85789
  '> a': {
85689
85790
  display: 'flex',
85690
85791
  alignItems: 'center',
@@ -85917,7 +86018,7 @@ var SiderMenuWrapper = function SiderMenuWrapper(props) {
85917
86018
  */
85918
86019
 
85919
86020
  var compatibleStyle = function compatibleStyle(token) {
85920
- var _$concat$concat, _$concat5, _$concat6, _$concat9, _token$componentCls, _$concat$concat2, _$concat11, _ref;
86021
+ var _$concat$concat, _$concat5, _$concat6, _$concat8, _$concat9, _token$componentCls, _$concat$concat2, _$concat11, _ref;
85921
86022
 
85922
86023
  if (external_antd_.version.startsWith('5')) {
85923
86024
  return {};
@@ -85934,7 +86035,8 @@ var compatibleStyle = function compatibleStyle(token) {
85934
86035
  }, defineProperty_defineProperty(_$concat6, "".concat(token.antCls, "-menu-sub"), {
85935
86036
  color: token.sider.colorTextMenu
85936
86037
  }), defineProperty_defineProperty(_$concat6, "& ".concat(token.antCls, "-layout"), {
85937
- backgroundColor: 'transparent'
86038
+ backgroundColor: 'transparent',
86039
+ width: '100%'
85938
86040
  }), defineProperty_defineProperty(_$concat6, "".concat(token.antCls, "-menu-submenu-expand-icon, ").concat(token.antCls, "-menu-submenu-arrow"), {
85939
86041
  color: 'inherit'
85940
86042
  }), defineProperty_defineProperty(_$concat6, "&".concat(token.antCls, "-menu"), defineProperty_defineProperty({
@@ -85989,12 +86091,16 @@ var compatibleStyle = function compatibleStyle(token) {
85989
86091
  color: token.header.colorTextMenu
85990
86092
  }, "".concat(token.antCls, "-menu-item a"), {
85991
86093
  color: 'inherit'
85992
- })), defineProperty_defineProperty(_$concat9, "&".concat(token.antCls, "-menu-light"), defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-item:hover, \n ").concat(token.antCls, "-menu-item-active,\n ").concat(token.antCls, "-menu-submenu-active, \n ").concat(token.antCls, "-menu-submenu-title:hover"), defineProperty_defineProperty({
86094
+ })), defineProperty_defineProperty(_$concat9, "&".concat(token.antCls, "-menu-light"), (_$concat8 = {}, defineProperty_defineProperty(_$concat8, "".concat(token.antCls, "-menu-item:hover, \n ").concat(token.antCls, "-menu-item-active,\n ").concat(token.antCls, "-menu-submenu-active, \n ").concat(token.antCls, "-menu-submenu-title:hover"), defineProperty_defineProperty({
85993
86095
  color: token.header.colorTextMenuActive,
85994
86096
  borderRadius: token.radiusBase
85995
86097
  }, "".concat(token.antCls, "-menu-submenu-arrow"), {
85996
86098
  color: token.header.colorTextMenuActive
85997
- }))), _$concat9)), _token$componentCls)), defineProperty_defineProperty(_ref, "".concat(token.antCls, "-menu-sub").concat(token.antCls, "-menu-inline"), {
86099
+ })), defineProperty_defineProperty(_$concat8, "".concat(token.antCls, "-menu-item-selected"), {
86100
+ color: token.header.colorTextMenuActive,
86101
+ fontWeight: 'bold',
86102
+ borderRadius: token.radiusBase
86103
+ }), _$concat8)), _$concat9)), _token$componentCls)), defineProperty_defineProperty(_ref, "".concat(token.antCls, "-menu-sub").concat(token.antCls, "-menu-inline"), {
85998
86104
  backgroundColor: 'transparent!important'
85999
86105
  }), defineProperty_defineProperty(_ref, "".concat(token.antCls, "-menu-submenu-popup"), (_$concat11 = {
86000
86106
  backgroundColor: 'rgba(255, 255, 255, 0.42)',
@@ -86006,13 +86112,16 @@ var compatibleStyle = function compatibleStyle(token) {
86006
86112
  }, "".concat(token.antCls, "-menu-item:active, \n ").concat(token.antCls, "-menu-submenu-title:active"), {
86007
86113
  backgroundColor: 'transparent!important'
86008
86114
  })), defineProperty_defineProperty(_$concat11, "".concat(token.antCls, "-menu-item-selected"), {
86009
- color: token.sider.colorTextMenuSelected
86115
+ color: token.sider.colorTextMenuSelected,
86116
+ fontWeight: 'bold'
86010
86117
  }), defineProperty_defineProperty(_$concat11, "".concat(token.antCls, "-menu-submenu-selected"), {
86011
- color: token.sider.colorTextMenuSelected
86118
+ color: token.sider.colorTextMenuSelected,
86119
+ fontWeight: 'bold'
86012
86120
  }), defineProperty_defineProperty(_$concat11, "".concat(token.antCls, "-menu:not(").concat(token.antCls, "-menu-horizontal)"), (_$concat$concat2 = {}, defineProperty_defineProperty(_$concat$concat2, "".concat(token.antCls, "-menu-item-selected"), {
86013
86121
  backgroundColor: 'rgba(0, 0, 0, 0.04)',
86014
86122
  borderRadius: token.radiusBase,
86015
- color: token.sider.colorTextMenuSelected
86123
+ color: token.sider.colorTextMenuSelected,
86124
+ fontWeight: 'bold'
86016
86125
  }), defineProperty_defineProperty(_$concat$concat2, "".concat(token.antCls, "-menu-item:hover, \n ").concat(token.antCls, "-menu-item-active,\n ").concat(token.antCls, "-menu-submenu-title:hover"), defineProperty_defineProperty({
86017
86126
  color: token.sider.colorTextMenuActive,
86018
86127
  borderRadius: token.radiusBase
@@ -86032,9 +86141,12 @@ var genProLayoutStyle = function genProLayoutStyle(token) {
86032
86141
  marginInline: 0,
86033
86142
  fontFamily: token.fontFamily
86034
86143
  }
86035
- }, token.proComponentsCls, (_token$proComponentsC = {}, defineProperty_defineProperty(_token$proComponentsC, "& ".concat(token.componentCls), (_$concat12 = {}, defineProperty_defineProperty(_$concat12, "& ".concat(token.antCls, "-layout"), {
86144
+ }, token.proComponentsCls, (_token$proComponentsC = {}, defineProperty_defineProperty(_token$proComponentsC, "".concat(token.antCls, "-layout"), {
86145
+ backgroundColor: 'transparent !important'
86146
+ }), defineProperty_defineProperty(_token$proComponentsC, "& ".concat(token.componentCls), (_$concat12 = {}, defineProperty_defineProperty(_$concat12, "& ".concat(token.antCls, "-layout"), {
86036
86147
  display: 'flex',
86037
- backgroundColor: 'transparent'
86148
+ backgroundColor: 'transparent',
86149
+ width: '100%'
86038
86150
  }), defineProperty_defineProperty(_$concat12, "".concat(token.componentCls, "-content"), {
86039
86151
  display: 'flex',
86040
86152
  flexDirection: 'column',
@@ -86049,6 +86161,12 @@ var genProLayoutStyle = function genProLayoutStyle(token) {
86049
86161
  '&-has-page-container': {
86050
86162
  margin: 0
86051
86163
  }
86164
+ }), defineProperty_defineProperty(_$concat12, "".concat(token.componentCls, "-container"), {
86165
+ width: '100%',
86166
+ display: 'flex',
86167
+ flexDirection: 'column',
86168
+ minWidth: 0,
86169
+ minHeight: 0
86052
86170
  }), defineProperty_defineProperty(_$concat12, "".concat(token.componentCls, "-bg-list"), {
86053
86171
  pointerEvents: 'none',
86054
86172
  position: 'fixed',
@@ -86283,11 +86401,14 @@ var useCurrentMenuLayoutProps = function useCurrentMenuLayoutProps(currentMenu)
86283
86401
  var WrapContent = function WrapContent(props) {
86284
86402
  var _classNames;
86285
86403
 
86404
+ var _useToken = useStyle_useToken(),
86405
+ hashId = _useToken.hashId;
86406
+
86286
86407
  var style = props.style,
86287
86408
  prefixCls = props.prefixCls,
86288
86409
  children = props.children,
86289
86410
  hasPageContainer = props.hasPageContainer;
86290
- var contentClassName = classnames_default()("".concat(prefixCls, "-content"), (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-has-header"), props.hasHeader), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-content-has-page-container"), hasPageContainer), _classNames));
86411
+ var contentClassName = classnames_default()("".concat(prefixCls, "-content"), hashId, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-has-header"), props.hasHeader), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-content-has-page-container"), hasPageContainer), _classNames));
86291
86412
  var ErrorComponent = props.ErrorBoundary || ErrorBoundary;
86292
86413
  return props.ErrorBoundary === false ? (0,jsx_runtime.jsx)(external_antd_.Layout.Content, {
86293
86414
  className: contentClassName,
@@ -86781,7 +86902,7 @@ var BaseProLayout = function BaseProLayout(props) {
86781
86902
  }, style),
86782
86903
  children: [siderMenuDom, (0,jsx_runtime.jsxs)("div", {
86783
86904
  style: genLayoutStyle,
86784
- className: context.getPrefixCls('layout'),
86905
+ className: "".concat(proLayoutClassName, "-container"),
86785
86906
  children: [headerDom, (0,jsx_runtime.jsx)(WrapContent, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
86786
86907
  hasPageContainer: hasPageContainer,
86787
86908
  isChildrenLayout: isChildrenLayout
@@ -86805,9 +86926,14 @@ BaseProLayout.defaultProps = objectSpread2_objectSpread2(objectSpread2_objectSpr
86805
86926
  });
86806
86927
 
86807
86928
  var ProLayout_ProLayout = function ProLayout(props) {
86929
+ var _process$env$NODE_ENV;
86930
+
86808
86931
  var colorPrimary = props.colorPrimary;
86809
- return (0,jsx_runtime.jsx)(external_antd_.ConfigProvider, {
86932
+ return (0,jsx_runtime.jsx)(external_antd_.ConfigProvider // @ts-ignore
86933
+ , {
86934
+ // @ts-ignore
86810
86935
  theme: {
86936
+ hashed: ((_process$env$NODE_ENV = "production") === null || _process$env$NODE_ENV === void 0 ? void 0 : _process$env$NODE_ENV.toLowerCase()) !== 'test',
86811
86937
  token: {
86812
86938
  radiusBase: 4,
86813
86939
  colorPrimary: colorPrimary || '#1677FF',
@@ -91212,6 +91338,7 @@ function ColumnSetting(props) {
91212
91338
 
91213
91339
 
91214
91340
 
91341
+
91215
91342
  var HeaderMenu = function HeaderMenu(props) {
91216
91343
  var _props$items = props.items,
91217
91344
  items = _props$items === void 0 ? [] : _props$items,
@@ -91252,7 +91379,9 @@ var HeaderMenu = function HeaderMenu(props) {
91252
91379
  }
91253
91380
 
91254
91381
  if (type === 'tab') {
91255
- return (0,jsx_runtime.jsx)(external_antd_.Tabs, {
91382
+ return (0,jsx_runtime.jsx)(external_antd_.Tabs //@ts-ignore
91383
+ , {
91384
+ //@ts-ignore
91256
91385
  items: items.map(function (item) {
91257
91386
  var _item$key;
91258
91387
 
@@ -91263,7 +91392,13 @@ var HeaderMenu = function HeaderMenu(props) {
91263
91392
  activeKey: activeItem.key,
91264
91393
  onTabClick: function onTabClick(key) {
91265
91394
  return setActiveKey(key);
91266
- }
91395
+ },
91396
+ children: items === null || items === void 0 ? void 0 : items.map(function (item, index) {
91397
+ return /*#__PURE__*/(0,external_React_.createElement)(external_antd_.Tabs.TabPane, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, item), {}, {
91398
+ key: item.key || index,
91399
+ tab: item.label
91400
+ }));
91401
+ })
91267
91402
  });
91268
91403
  }
91269
91404
 
@@ -91380,7 +91515,7 @@ var genProListStyle = function genProListStyle(token) {
91380
91515
  }, "".concat(token.antCls, "-tabs-top > ").concat(token.antCls, "-tabs-nav"), defineProperty_defineProperty({
91381
91516
  marginBlockEnd: 0,
91382
91517
  '&::before': {
91383
- borderBottom: 0
91518
+ borderBlockEnd: 0
91384
91519
  }
91385
91520
  }, "".concat(token.antCls, "-tabs-nav-list"), {
91386
91521
  marginBlockStart: 0,
@@ -91421,6 +91556,7 @@ function ListToolBar_style_useStyle(prefixCls) {
91421
91556
 
91422
91557
 
91423
91558
 
91559
+
91424
91560
  /**
91425
91561
  * 获取配置区域 DOM Item
91426
91562
  *
@@ -91460,6 +91596,8 @@ function getSettingItem(setting) {
91460
91596
  }
91461
91597
 
91462
91598
  var ListToolBarTabBar = function ListToolBarTabBar(_ref) {
91599
+ var _tabs$items;
91600
+
91463
91601
  var prefixCls = _ref.prefixCls,
91464
91602
  _ref$tabs = _ref.tabs,
91465
91603
  tabs = _ref$tabs === void 0 ? {} : _ref$tabs,
@@ -91470,6 +91608,7 @@ var ListToolBarTabBar = function ListToolBarTabBar(_ref) {
91470
91608
  className: "".concat(prefixCls, "-extra-line"),
91471
91609
  children: tabs.items && tabs.items.length ? (0,jsx_runtime.jsx)(external_antd_.Tabs, {
91472
91610
  activeKey: tabs.activeKey,
91611
+ //@ts-ignore
91473
91612
  items: tabs.items.map(function (item, index) {
91474
91613
  var _item$key;
91475
91614
 
@@ -91480,7 +91619,13 @@ var ListToolBarTabBar = function ListToolBarTabBar(_ref) {
91480
91619
  });
91481
91620
  }),
91482
91621
  onChange: tabs.onChange,
91483
- tabBarExtraContent: filtersNode
91622
+ tabBarExtraContent: filtersNode,
91623
+ children: (_tabs$items = tabs.items) === null || _tabs$items === void 0 ? void 0 : _tabs$items.map(function (item, index) {
91624
+ return /*#__PURE__*/(0,external_React_.createElement)(external_antd_.Tabs.TabPane, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, item), {}, {
91625
+ key: item.key || index,
91626
+ tab: item.tab
91627
+ }));
91628
+ })
91484
91629
  }) : filtersNode
91485
91630
  });
91486
91631
  };
@@ -113173,39 +113318,39 @@ var es_style_genProListStyle = function genProListStyle(token) {
113173
113318
  }, defineProperty_defineProperty(_token$componentCls, "".concat(token.proComponentsCls, "-table-alert"), {
113174
113319
  marginBlockEnd: '16px'
113175
113320
  }), defineProperty_defineProperty(_token$componentCls, '&-row', (_row = {
113176
- borderBottom: "1px solid ".concat(token.colorSplit),
113177
- '&:last-child': defineProperty_defineProperty({
113178
- borderBottom: 'none'
113179
- }, "".concat(token.antCls, "-list-item"), {
113180
- borderBottom: 'none'
113181
- }),
113182
- '&:hover': (_hover = {
113183
- backgroundColor: 'rgba(0, 0, 0, 0.02)',
113184
- transition: 'background-color 0.3s'
113185
- }, defineProperty_defineProperty(_hover, "".concat(token.antCls, "-list-item-action"), {
113186
- display: 'block'
113187
- }), defineProperty_defineProperty(_hover, "".concat(token.antCls, "-list-item-extra"), {
113188
- display: 'flex'
113189
- }), defineProperty_defineProperty(_hover, "".concat(token.componentCls, "-row-extra"), {
113190
- display: 'block'
113191
- }), defineProperty_defineProperty(_hover, "".concat(token.componentCls, "-row-subheader-actions"), {
113192
- display: 'block'
113193
- }), _hover),
113194
- '&-card': defineProperty_defineProperty({
113195
- marginBlock: 8,
113196
- marginInline: 0,
113197
- paddingBlock: 0,
113198
- paddingInline: 8,
113199
- '&:hover': {
113200
- backgroundColor: 'transparent'
113201
- }
113202
- }, "".concat(token.antCls, "-list-item-meta-title"), {
113203
- flexShrink: 9,
113204
- marginBlock: 0,
113205
- marginInline: 0,
113206
- lineHeight: '22px'
113207
- })
113208
- }, defineProperty_defineProperty(_row, "&".concat(token.componentCls, "-row-editable"), defineProperty_defineProperty({}, "".concat(token.componentCls, "-list-item"), {
113321
+ borderBlockEnd: "1px solid ".concat(token.colorSplit)
113322
+ }, defineProperty_defineProperty(_row, "".concat(token.antCls, "-list-item-meta-title"), {
113323
+ borderBlockEnd: 'none',
113324
+ margin: 0
113325
+ }), defineProperty_defineProperty(_row, '&:last-child', defineProperty_defineProperty({
113326
+ borderBlockEnd: 'none'
113327
+ }, "".concat(token.antCls, "-list-item"), {
113328
+ borderBlockEnd: 'none'
113329
+ })), defineProperty_defineProperty(_row, '&:hover', (_hover = {
113330
+ backgroundColor: 'rgba(0, 0, 0, 0.02)',
113331
+ transition: 'background-color 0.3s'
113332
+ }, defineProperty_defineProperty(_hover, "".concat(token.antCls, "-list-item-action"), {
113333
+ display: 'block'
113334
+ }), defineProperty_defineProperty(_hover, "".concat(token.antCls, "-list-item-extra"), {
113335
+ display: 'flex'
113336
+ }), defineProperty_defineProperty(_hover, "".concat(token.componentCls, "-row-extra"), {
113337
+ display: 'block'
113338
+ }), defineProperty_defineProperty(_hover, "".concat(token.componentCls, "-row-subheader-actions"), {
113339
+ display: 'block'
113340
+ }), _hover)), defineProperty_defineProperty(_row, '&-card', defineProperty_defineProperty({
113341
+ marginBlock: 8,
113342
+ marginInline: 0,
113343
+ paddingBlock: 0,
113344
+ paddingInline: 8,
113345
+ '&:hover': {
113346
+ backgroundColor: 'transparent'
113347
+ }
113348
+ }, "".concat(token.antCls, "-list-item-meta-title"), {
113349
+ flexShrink: 9,
113350
+ marginBlock: 0,
113351
+ marginInline: 0,
113352
+ lineHeight: '22px'
113353
+ })), defineProperty_defineProperty(_row, "&".concat(token.componentCls, "-row-editable"), defineProperty_defineProperty({}, "".concat(token.componentCls, "-list-item"), {
113209
113354
  '&-meta': {
113210
113355
  '&-avatar,&-description,&-title': {
113211
113356
  paddingBlock: 6,
@@ -113301,13 +113446,13 @@ var es_style_genProListStyle = function genProListStyle(token) {
113301
113446
  width: '16px',
113302
113447
  marginInlineEnd: '12px'
113303
113448
  }), defineProperty_defineProperty(_row, '&-no-split', (_noSplit = {}, defineProperty_defineProperty(_noSplit, "".concat(token.componentCls, "-row"), {
113304
- borderBottom: 'none'
113449
+ borderBlockEnd: 'none'
113305
113450
  }), defineProperty_defineProperty(_noSplit, "".concat(token.antCls, "-list ").concat(token.antCls, "-list-item"), {
113306
- borderBottom: 'none'
113451
+ borderBlockEnd: 'none'
113307
113452
  }), _noSplit)), defineProperty_defineProperty(_row, '&-bordered', defineProperty_defineProperty({}, "".concat(token.componentCls, "-toolbar"), {
113308
- borderBottom: "1px solid ".concat(token.colorSplit)
113453
+ borderBlockEnd: "1px solid ".concat(token.colorSplit)
113309
113454
  })), defineProperty_defineProperty(_row, "".concat(token.antCls, "-list-vertical"), (_$concat5 = {}, defineProperty_defineProperty(_$concat5, "".concat(token.componentCls, "-row"), {
113310
- borderBottom: '12px 18px 12px 24px'
113455
+ borderBlockEnd: '12px 18px 12px 24px'
113311
113456
  }), defineProperty_defineProperty(_$concat5, '&-header-title', {
113312
113457
  display: 'flex',
113313
113458
  flexDirection: 'column',
@@ -113340,7 +113485,7 @@ var es_style_genProListStyle = function genProListStyle(token) {
113340
113485
  '&-header': {
113341
113486
  paddingBlock: 0,
113342
113487
  paddingInline: 0,
113343
- borderBottom: 'none'
113488
+ borderBlockEnd: 'none'
113344
113489
  }
113345
113490
  }, "".concat(token.antCls, "-list-item"), {
113346
113491
  width: '100%',
@@ -113531,17 +113676,17 @@ function BaseProList(props) {
113531
113676
  /* harmony default export */ var list_es = ((/* unused pure expression or super */ null && (ProList)));
113532
113677
  ;// CONCATENATED MODULE: ./packages/components/src/version.ts
113533
113678
  var version_version = {
113534
- "@ant-design/pro-card": "2.0.0-experimental.17",
113535
- "@ant-design/pro-components": "2.0.0-experimental.29",
113536
- "@ant-design/pro-descriptions": "2.0.0-experimental.17",
113537
- "@ant-design/pro-field": "2.0.0-experimental.16",
113538
- "@ant-design/pro-form": "2.0.0-experimental.17",
113539
- "@ant-design/pro-layout": "7.0.0-experimental.29",
113540
- "@ant-design/pro-list": "2.0.0-experimental.18",
113541
- "@ant-design/pro-provider": "2.0.0-experimental.10",
113542
- "@ant-design/pro-skeleton": "2.0.0-experimental.8",
113543
- "@ant-design/pro-table": "3.0.0-experimental.18",
113544
- "@ant-design/pro-utils": "2.0.0-experimental.16"
113679
+ "@ant-design/pro-card": "2.0.0-experimental.19",
113680
+ "@ant-design/pro-components": "2.1.0",
113681
+ "@ant-design/pro-descriptions": "2.0.0-experimental.20",
113682
+ "@ant-design/pro-field": "2.0.0-experimental.19",
113683
+ "@ant-design/pro-form": "2.0.0-experimental.20",
113684
+ "@ant-design/pro-layout": "7.0.0-experimental.31",
113685
+ "@ant-design/pro-list": "2.0.0-experimental.21",
113686
+ "@ant-design/pro-provider": "2.0.0-experimental.11",
113687
+ "@ant-design/pro-skeleton": "2.0.0-experimental.9",
113688
+ "@ant-design/pro-table": "3.0.0-experimental.21",
113689
+ "@ant-design/pro-utils": "2.0.0-experimental.18"
113545
113690
  };
113546
113691
  ;// CONCATENATED MODULE: ./packages/components/src/index.tsx
113547
113692