@ant-design/pro-components 2.0.3 → 2.1.0

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.
@@ -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,11 @@ var useSWR = withArgs(useSWRHandler);
35964
35965
 
35965
35966
 
35966
35967
 
35968
+
35969
+ var _ref = external_antd_.theme || {
35970
+ useToken: function useToken() {}
35971
+ },
35972
+ useToken = _ref.useToken;
35967
35973
 
35968
35974
  function get(source, path, defaultValue) {
35969
35975
  // a[3].b -> a.3.b
@@ -36113,13 +36119,16 @@ var CacheClean = function CacheClean() {
36113
36119
  */
36114
36120
 
36115
36121
 
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;
36122
+ var ConfigProviderWrap = function ConfigProviderWrap(_ref2) {
36123
+ var _children = _ref2.children,
36124
+ _ref2$autoClearCache = _ref2.autoClearCache,
36125
+ autoClearCache = _ref2$autoClearCache === void 0 ? false : _ref2$autoClearCache;
36120
36126
 
36121
36127
  var _useContext = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext),
36122
- locale = _useContext.locale; // 如果 locale 不存在自动注入的 AntdConfigProvider
36128
+ locale = _useContext.locale;
36129
+
36130
+ var _useToken = useToken === null || useToken === void 0 ? void 0 : useToken(),
36131
+ hashId = _useToken.hashId; // 如果 locale 不存在自动注入的 AntdConfigProvider
36123
36132
 
36124
36133
 
36125
36134
  var Provider = locale === undefined ? external_antd_.ConfigProvider : (external_React_default()).Fragment;
@@ -36152,7 +36161,7 @@ var ConfigProviderWrap = function ConfigProviderWrap(_ref) {
36152
36161
 
36153
36162
  if (proProvide.isDeps) return provide;
36154
36163
  return (0,jsx_runtime.jsx)("div", {
36155
- className: classnames_default()('ant-pro'),
36164
+ className: classnames_default()('ant-pro', hashId),
36156
36165
  children: provide
36157
36166
  });
36158
36167
  }
@@ -39092,7 +39101,7 @@ var token_token = {
39092
39101
  token: defaultTheme,
39093
39102
  hashId: ''
39094
39103
  };
39095
- var useToken = function useToken() {
39104
+ var token_useToken = function useToken() {
39096
39105
  var _useState = (0,external_React_.useState)(token_token),
39097
39106
  _useState2 = slicedToArray_slicedToArray(_useState, 1),
39098
39107
  stateToken = _useState2[0];
@@ -39202,9 +39211,8 @@ function useStyle(componentName, styleFn) {
39202
39211
  path: [componentName]
39203
39212
  }, function () {
39204
39213
  return styleFn(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, token), {}, {
39205
- hashId: hashId,
39206
39214
  antCls: '.' + getPrefixCls(),
39207
- proComponentsCls: hashId + proComponentsCls
39215
+ proComponentsCls: proComponentsCls
39208
39216
  }));
39209
39217
  }),
39210
39218
  hashId: hashId
@@ -39222,7 +39230,7 @@ var genProStyle = function genProStyle(token) {
39222
39230
  paddingBlock: 16,
39223
39231
  paddingInlineStart: 8,
39224
39232
  paddingInlineEnd: 16,
39225
- borderTop: "1px solid ".concat(token.colorSplit)
39233
+ borderBlockStart: "1px solid ".concat(token.colorSplit)
39226
39234
  });
39227
39235
  };
39228
39236
 
@@ -43267,8 +43275,31 @@ var transformKeySubmitValue = function transformKeySubmitValue(values, dataForma
43267
43275
  var itemValue = tempValues[entityKey];
43268
43276
  var transformFunction = (0,utils_get["default"])(dataFormatMap, key);
43269
43277
 
43278
+ var _transformArray = function _transformArray(transformFn) {
43279
+ if (!Array.isArray(transformFn)) return entityKey;
43280
+ transformFunction.forEach(function (fn, idx) {
43281
+ if (typeof fn === 'function') {
43282
+ itemValue[idx] = fn(itemValue, entityKey, tempValues);
43283
+ }
43284
+
43285
+ if (typeof_typeof(fn) === 'object' && !Array.isArray(fn)) {
43286
+ Object.keys(fn).forEach(function (curK) {
43287
+ if (typeof fn[curK] === 'function') {
43288
+ var res = fn[curK](tempValues[entityKey][idx][curK], entityKey, tempValues);
43289
+ itemValue[idx][curK] = typeof_typeof(res) === 'object' ? res[curK] : res;
43290
+ }
43291
+ });
43292
+ }
43293
+
43294
+ if (typeof_typeof(fn) === 'object' && Array.isArray(fn)) {
43295
+ _transformArray(fn);
43296
+ }
43297
+ });
43298
+ return entityKey;
43299
+ };
43300
+
43270
43301
  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 } 数组也能通过编译
43302
+ var tempKey = typeof transformFunction === 'function' ? transformFunction === null || transformFunction === void 0 ? void 0 : transformFunction(itemValue, entityKey, tempValues) : _transformArray(transformFunction); // { [key:string]:any } 数组也能通过编译
43272
43303
 
43273
43304
  if (Array.isArray(tempKey)) {
43274
43305
  result = (0,set/* default */.Z)(result, tempKey, itemValue);
@@ -44892,9 +44923,9 @@ var CheckCard_style_genProStyle = function genProStyle(token) {
44892
44923
  width: 0,
44893
44924
  height: 0,
44894
44925
  border: "6px solid ".concat(token.colorPrimary),
44895
- borderBottom: '6px solid transparent',
44896
- borderLeft: '6px solid transparent',
44897
- borderTopRightRadius: '2px',
44926
+ borderBlockEnd: '6px solid transparent',
44927
+ borderInlineStart: '6px solid transparent',
44928
+ borderBlockStartRightRadius: '2px',
44898
44929
  content: "''"
44899
44930
  }
44900
44931
  }), _token$componentCls));
@@ -45197,11 +45228,11 @@ var Statistic_style_genProStyle = function genProStyle(token) {
45197
45228
  }), _layoutHorizontal)), defineProperty_defineProperty(_layoutInline, '&-trend-up', defineProperty_defineProperty({}, "".concat(token.antCls, "-statistic-content"), defineProperty_defineProperty({
45198
45229
  color: '#f5222d'
45199
45230
  }, "".concat(token.componentCls, "--trend-icon"), {
45200
- borderBottomColor: '#f5222d'
45231
+ borderBlockEndColor: '#f5222d'
45201
45232
  }))), defineProperty_defineProperty(_layoutInline, '&-trend-down', defineProperty_defineProperty({}, "".concat(token.antCls, "-statistic-content"), defineProperty_defineProperty({
45202
45233
  color: '#389e0d'
45203
45234
  }, "".concat(token.componentCls, "--trend-icon"), {
45204
- borderBottomColor: '#52c41a'
45235
+ borderBlockEndColor: '#52c41a'
45205
45236
  }))), _layoutInline)), _token$componentCls));
45206
45237
  };
45207
45238
 
@@ -45368,7 +45399,7 @@ var genActionsStyle = function genActionsStyle(token) {
45368
45399
  paddingInline: 0,
45369
45400
  listStyle: 'none',
45370
45401
  background: token.colorBgContainer,
45371
- borderTop: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
45402
+ borderBlockStart: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
45372
45403
  }, defineProperty_defineProperty(_$concat, "".concat(antCls, "-space"), {
45373
45404
  gap: '0 !important',
45374
45405
  width: '100%'
@@ -45667,7 +45698,7 @@ var genProCardStyle = function genProCardStyle(token) {
45667
45698
  width: 0,
45668
45699
  height: 0,
45669
45700
  border: "6px solid ".concat(token.colorPrimary),
45670
- borderBottom: '6px solid transparent',
45701
+ borderBlockEnd: '6px solid transparent',
45671
45702
  borderInlineStart: '6px solid transparent',
45672
45703
  borderStartEndRadius: 2,
45673
45704
  content: '""'
@@ -45719,7 +45750,7 @@ var genProCardStyle = function genProCardStyle(token) {
45719
45750
  }), defineProperty_defineProperty(_objectSpread2, '&&-collapse', defineProperty_defineProperty({}, "> ".concat(componentCls), {
45720
45751
  '&-header': {
45721
45752
  paddingBlockEnd: token.padding,
45722
- borderBottom: 0
45753
+ borderBlockEnd: 0
45723
45754
  },
45724
45755
  '&-body': {
45725
45756
  display: 'none'
@@ -45735,7 +45766,7 @@ var genProCardStyle = function genProCardStyle(token) {
45735
45766
  '&': {
45736
45767
  paddingBlockEnd: token.padding
45737
45768
  },
45738
- borderBottom: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
45769
+ borderBlockEnd: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
45739
45770
  },
45740
45771
  '&-collapsible': {
45741
45772
  cursor: 'pointer'
@@ -45771,7 +45802,7 @@ var genProCardStyle = function genProCardStyle(token) {
45771
45802
  }), _objectSpread2))), defineProperty_defineProperty(_ref, "".concat(componentCls, "-col"), (_$concat2 = {}, defineProperty_defineProperty(_$concat2, "&".concat(componentCls, "-split-vertical"), {
45772
45803
  borderInlineEnd: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
45773
45804
  }), defineProperty_defineProperty(_$concat2, "&".concat(componentCls, "-split-horizontal"), {
45774
- borderBottom: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
45805
+ borderBlockEnd: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
45775
45806
  }), _$concat2)), defineProperty_defineProperty(_ref, "".concat(componentCls, "-tabs"), (_$concat9 = {}, defineProperty_defineProperty(_$concat9, "".concat(token.antCls, "-tabs-top > ").concat(token.antCls, "-tabs-nav"), defineProperty_defineProperty({
45776
45807
  marginBlockEnd: 0
45777
45808
  }, "".concat(token.antCls, "-tabs-nav-list"), {
@@ -45911,6 +45942,7 @@ var Card = /*#__PURE__*/external_React_default().forwardRef(function (props, ref
45911
45942
 
45912
45943
 
45913
45944
  var responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs']; // 修改组合传给antd tabs的参数
45945
+ // @ts-ignore
45914
45946
 
45915
45947
  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
45948
  return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, item), {}, {
@@ -46082,6 +46114,7 @@ var Card = /*#__PURE__*/external_React_default().forwardRef(function (props, ref
46082
46114
  children: (0,jsx_runtime.jsx)(external_antd_.Tabs, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
46083
46115
  onChange: tabs.onChange
46084
46116
  }, tabs), {}, {
46117
+ // @ts-ignore
46085
46118
  items: ModifyTabItemsContant,
46086
46119
  children: loading ? loadingDOM : children
46087
46120
  }))
@@ -46260,7 +46293,7 @@ var StatisticCard_style_genProStyle = function genProStyle(token) {
46260
46293
  '&-footer': {
46261
46294
  marginBlockStart: 8,
46262
46295
  paddingBlockStart: '16px',
46263
- borderTop: "rgba(0, 0, 0, 0.08) solid ".concat(token.colorBorder)
46296
+ borderBlockStart: "rgba(0, 0, 0, 0.08) solid ".concat(token.colorBorder)
46264
46297
  }
46265
46298
  });
46266
46299
  };
@@ -59246,8 +59279,8 @@ var FieldDigitRange = function FieldDigitRange(_ref, ref) {
59246
59279
  style: {
59247
59280
  width: separatorWidth,
59248
59281
  textAlign: 'center',
59249
- borderLeft: 0,
59250
- borderRight: 0,
59282
+ borderInlineStart: 0,
59283
+ borderInlineEnd: 0,
59251
59284
  pointerEvents: 'none',
59252
59285
  backgroundColor: '#FFF'
59253
59286
  },
@@ -59258,7 +59291,7 @@ var FieldDigitRange = function FieldDigitRange(_ref, ref) {
59258
59291
  id: id !== null && id !== void 0 ? id : "".concat(id, "-1"),
59259
59292
  style: {
59260
59293
  width: "calc((100% - ".concat(separatorWidth, "px) / 2)"),
59261
- borderLeft: 0
59294
+ borderInlineStart: 0
59262
59295
  },
59263
59296
  value: valuePair === null || valuePair === void 0 ? void 0 : valuePair[1],
59264
59297
  defaultValue: defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue[1],
@@ -60543,7 +60576,7 @@ var FieldMoney = function FieldMoney(_ref2, ref) {
60543
60576
 
60544
60577
  if (type === 'edit' || type === 'update') {
60545
60578
  var getFormateValue = function getFormateValue(value) {
60546
- var reg = new RegExp("\\B(?=(\\d{".concat(3 + (precision - DefaultPrecisionCont), "})+(?!\\d))"), 'g');
60579
+ var reg = new RegExp("\\B(?=(\\d{".concat(3 + Math.max(precision - DefaultPrecisionCont, 0), "})+(?!\\d))"), 'g');
60547
60580
 
60548
60581
  var _String$split = String(value).split('.'),
60549
60582
  _String$split2 = slicedToArray_slicedToArray(_String$split, 2),
@@ -60552,7 +60585,7 @@ var FieldMoney = function FieldMoney(_ref2, ref) {
60552
60585
 
60553
60586
  var resInt = intS.replace(reg, ',');
60554
60587
  var resFloat = '';
60555
- if (floatS) resFloat = ".".concat(floatS.slice(0, precision === undefined ? DefaultPrecisionCont : precision));
60588
+ if (floatS && precision > 0) resFloat = ".".concat(floatS.slice(0, precision === undefined ? DefaultPrecisionCont : precision));
60556
60589
  return "".concat(resInt).concat(resFloat);
60557
60590
  };
60558
60591
 
@@ -61785,7 +61818,7 @@ var FieldRadio = function FieldRadio(_ref, ref) {
61785
61818
  var _dom = wrapSSR((0,jsx_runtime.jsx)(external_antd_.Radio.Group, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
61786
61819
  ref: radioRef
61787
61820
  }, rest.fieldProps), {}, {
61788
- className: classnames_default()((_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.className, hashId, "".concat(layoutClassName, "-").concat(rest.fieldProps.layout || 'horizontal')),
61821
+ className: classnames_default()((_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.className, hashId, "".concat(layoutClassName, "-").concat(rest.fieldProps.layout || 'vertical')),
61789
61822
  options: undefined,
61790
61823
  children: options === null || options === void 0 ? void 0 : options.map(function (item) {
61791
61824
  return (0,jsx_runtime.jsx)(RadioComponents, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, item), {}, {
@@ -68951,16 +68984,30 @@ var Actions_Actions = function Actions(props) {
68951
68984
  var QueryFilter_style_genProStyle = function genProStyle(token) {
68952
68985
  var _token$componentCls;
68953
68986
 
68954
- return defineProperty_defineProperty({}, token.proComponentsCls, defineProperty_defineProperty({}, token.componentCls, (_token$componentCls = {
68987
+ return defineProperty_defineProperty({}, token.componentCls, (_token$componentCls = {
68955
68988
  padding: 24
68956
- }, defineProperty_defineProperty(_token$componentCls, "".concat(token.antCls, "-form-item"), {
68989
+ }, defineProperty_defineProperty(_token$componentCls, "&".concat(token.antCls, "-form-horizontal"), {
68990
+ paddingInline: 0
68991
+ }), defineProperty_defineProperty(_token$componentCls, "".concat(token.antCls, "-form-item"), {
68992
+ marginBlock: 0
68993
+ }), defineProperty_defineProperty(_token$componentCls, "".concat(token.proComponentsCls, "-form-group-title"), {
68957
68994
  marginBlock: 0
68958
68995
  }), defineProperty_defineProperty(_token$componentCls, '&-row', {
68959
- rowGap: 24
68996
+ rowGap: 24,
68997
+ '&-split-line': {
68998
+ '&:after': {
68999
+ position: 'absolute',
69000
+ width: '100%',
69001
+ content: '""',
69002
+ height: 1,
69003
+ insetBlockEnd: -12,
69004
+ borderBlockEnd: '1px dashed ' + token.colorSplit
69005
+ }
69006
+ }
68960
69007
  }), defineProperty_defineProperty(_token$componentCls, '&-collapse-button', {
68961
69008
  display: 'flex',
68962
69009
  alignItems: 'center'
68963
- }), _token$componentCls)));
69010
+ }), _token$componentCls));
68964
69011
  };
68965
69012
 
68966
69013
  function QueryFilter_style_useStyle(prefixCls) {
@@ -69174,25 +69221,18 @@ var QueryFilterContent = function QueryFilterContent(props) {
69174
69221
 
69175
69222
  currentSpan += colSpan;
69176
69223
 
69177
- var colItem = (0,jsx_runtime.jsx)(external_antd_.Col, {
69178
- span: colSpan,
69179
- children: itemDom
69180
- }, itemKey);
69181
-
69182
69224
  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")];
69225
+ return (0,jsx_runtime.jsx)(external_antd_.Col, {
69226
+ span: colSpan,
69227
+ className: "".concat(props.baseClassName, "-row-split-line"),
69228
+ children: itemDom
69229
+ }, itemKey);
69193
69230
  }
69194
69231
 
69195
- return colItem;
69232
+ return (0,jsx_runtime.jsx)(external_antd_.Col, {
69233
+ span: colSpan,
69234
+ children: itemDom
69235
+ }, itemKey);
69196
69236
  });
69197
69237
  var hiddenNum = showHiddenNum && processedList.filter(function (item) {
69198
69238
  return item.hidden;
@@ -69350,6 +69390,7 @@ function QueryFilter(props) {
69350
69390
  submitter: renderSubmitter,
69351
69391
  items: items,
69352
69392
  split: split,
69393
+ baseClassName: baseClassName,
69353
69394
  resetText: props.resetText,
69354
69395
  searchText: props.searchText,
69355
69396
  searchGutter: searchGutter,
@@ -71676,7 +71717,7 @@ function BaseForm(props) {
71676
71717
  },
71677
71718
  autoComplete: "off",
71678
71719
  form: form
71679
- }, omit_js_es(propRest, ['autoFocusFirstInput'])), {}, {
71720
+ }, omit_js_es(propRest, ['labelWidth', 'autoFocusFirstInput'])), {}, {
71680
71721
  // 组合 urlSearch 和 initialValues
71681
71722
  initialValues: syncToUrlAsImportant ? objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, initialData), initialValues), urlParamsMergeInitialValues) : objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, urlParamsMergeInitialValues), initialData), initialValues),
71682
71723
  onValuesChange: function onValuesChange(changedValues, values) {
@@ -75279,7 +75320,7 @@ var StatisticSkeleton = function StatisticSkeleton(_ref2) {
75279
75320
  children: new Array(arraySize).fill(null).map(function (_, index) {
75280
75321
  return (0,jsx_runtime.jsxs)("div", {
75281
75322
  style: {
75282
- borderLeft: arraySize > 2 && index === 1 ? '1px solid rgba(0,0,0,0.06)' : undefined,
75323
+ borderInlineStart: arraySize > 2 && index === 1 ? '1px solid rgba(0,0,0,0.06)' : undefined,
75283
75324
  paddingInlineStart: firstWidth(index),
75284
75325
  flex: 1,
75285
75326
  marginInlineEnd: index === 0 ? 16 : 0
@@ -78148,7 +78189,7 @@ var genFooterToolBarStyle = function genFooterToolBarStyle(token) {
78148
78189
 
78149
78190
  /* A way to reset the style of the component. */
78150
78191
  backgroundColor: 'rgba(255, 255, 255, 0.58)',
78151
- borderTop: "1px solid ".concat(token.colorSplit),
78192
+ borderBlockStart: "1px solid ".concat(token.colorSplit),
78152
78193
  '-webkit-backdrop-filter': 'blur(8px)',
78153
78194
  backdropFilter: 'blur(8px)',
78154
78195
  transition: 'all 0.2s ease 0s',
@@ -78235,10 +78276,10 @@ var FooterToolbar = function FooterToolbar(props) {
78235
78276
 
78236
78277
  var dom = (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
78237
78278
  children: [(0,jsx_runtime.jsx)("div", {
78238
- className: "".concat(baseClassName, "-left"),
78279
+ className: "".concat(baseClassName, "-left ").concat(hashId),
78239
78280
  children: extra
78240
78281
  }), (0,jsx_runtime.jsx)("div", {
78241
- className: "".concat(baseClassName, "-right"),
78282
+ className: "".concat(baseClassName, "-right ").concat(hashId),
78242
78283
  children: children
78243
78284
  })]
78244
78285
  });
@@ -78339,7 +78380,7 @@ var GridContent = function GridContent(props) {
78339
78380
  className: classnames_default()(className, hashId, propsClassName, defineProperty_defineProperty({}, "".concat(className, "-wide"), isWide)),
78340
78381
  style: style,
78341
78382
  children: (0,jsx_runtime.jsx)("div", {
78342
- className: "".concat(prefixCls, "-grid-content-children"),
78383
+ className: "".concat(prefixCls, "-grid-content-children ").concat(hashId),
78343
78384
  children: children
78344
78385
  })
78345
78386
  }));
@@ -78408,10 +78449,13 @@ var defaultToken = getLayoutDesignToken({}, {});
78408
78449
  var ProLayoutContext = /*#__PURE__*/external_React_default().createContext(defaultToken);
78409
78450
  var ProLayoutProvider = function ProLayoutProvider(props) {
78410
78451
  var _useToken = useStyle_useToken(),
78411
- token = _useToken.token;
78452
+ token = _useToken.token,
78453
+ hashId = _useToken.hashId;
78412
78454
 
78413
78455
  return (0,jsx_runtime.jsx)(ProLayoutContext.Provider, {
78414
- value: objectSpread2_objectSpread2({}, getLayoutDesignToken((props === null || props === void 0 ? void 0 : props.token) || {}, token)),
78456
+ value: objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, getLayoutDesignToken((props === null || props === void 0 ? void 0 : props.token) || {}, token)), {}, {
78457
+ hashId: hashId
78458
+ }),
78415
78459
  children: props.children
78416
78460
  });
78417
78461
  };
@@ -78610,6 +78654,7 @@ var getBackIcon = function getBackIcon(props) {
78610
78654
 
78611
78655
  var renderTitle = function renderTitle(prefixCls, props) {
78612
78656
  var direction = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'ltr';
78657
+ var hashId = arguments.length > 3 ? arguments[3] : undefined;
78613
78658
  var title = props.title,
78614
78659
  avatar = props.avatar,
78615
78660
  subTitle = props.subTitle,
@@ -78627,25 +78672,25 @@ var renderTitle = function renderTitle(prefixCls, props) {
78627
78672
  var backIconDom = renderBack(prefixCls, backIcon, onBack);
78628
78673
  var hasTitle = backIconDom || avatar || hasHeading;
78629
78674
  return (0,jsx_runtime.jsxs)("div", {
78630
- className: headingPrefixCls,
78675
+ className: headingPrefixCls + ' ' + hashId,
78631
78676
  children: [hasTitle && (0,jsx_runtime.jsxs)("div", {
78632
- className: "".concat(headingPrefixCls, "-left"),
78677
+ className: "".concat(headingPrefixCls, "-left ").concat(hashId),
78633
78678
  children: [backIconDom, avatar && (0,jsx_runtime.jsx)(external_antd_.Avatar, objectSpread2_objectSpread2({
78634
- className: classnames_default()("".concat(headingPrefixCls, "-avatar"), avatar.className)
78679
+ className: classnames_default()("".concat(headingPrefixCls, "-avatar"), hashId, avatar.className)
78635
78680
  }, avatar)), title && (0,jsx_runtime.jsx)("span", {
78636
- className: "".concat(headingPrefixCls, "-title"),
78681
+ className: "".concat(headingPrefixCls, "-title ").concat(hashId),
78637
78682
  title: typeof title === 'string' ? title : undefined,
78638
78683
  children: title
78639
78684
  }), subTitle && (0,jsx_runtime.jsx)("span", {
78640
- className: "".concat(headingPrefixCls, "-sub-title"),
78685
+ className: "".concat(headingPrefixCls, "-sub-title ").concat(hashId),
78641
78686
  title: typeof subTitle === 'string' ? subTitle : undefined,
78642
78687
  children: subTitle
78643
78688
  }), tags && (0,jsx_runtime.jsx)("span", {
78644
- className: "".concat(headingPrefixCls, "-tags"),
78689
+ className: "".concat(headingPrefixCls, "-tags ").concat(hashId),
78645
78690
  children: tags
78646
78691
  })]
78647
78692
  }), extra && (0,jsx_runtime.jsx)("span", {
78648
- className: "".concat(headingPrefixCls, "-extra"),
78693
+ className: "".concat(headingPrefixCls, "-extra ").concat(hashId),
78649
78694
  children: (0,jsx_runtime.jsx)(external_antd_.Space, {
78650
78695
  children: extra
78651
78696
  })
@@ -78653,10 +78698,10 @@ var renderTitle = function renderTitle(prefixCls, props) {
78653
78698
  });
78654
78699
  };
78655
78700
 
78656
- var renderFooter = function renderFooter(prefixCls, footer) {
78701
+ var renderFooter = function renderFooter(prefixCls, footer, hashId) {
78657
78702
  if (footer) {
78658
78703
  return (0,jsx_runtime.jsx)("div", {
78659
- className: "".concat(prefixCls, "-footer"),
78704
+ className: "".concat(prefixCls, "-footer ").concat(hashId),
78660
78705
  children: footer
78661
78706
  });
78662
78707
  }
@@ -78664,9 +78709,9 @@ var renderFooter = function renderFooter(prefixCls, footer) {
78664
78709
  return null;
78665
78710
  };
78666
78711
 
78667
- var renderChildren = function renderChildren(prefixCls, children) {
78712
+ var renderChildren = function renderChildren(prefixCls, children, hashId) {
78668
78713
  return (0,jsx_runtime.jsx)("div", {
78669
- className: "".concat(prefixCls, "-content"),
78714
+ className: "".concat(prefixCls, "-content ").concat(hashId),
78670
78715
  children: children
78671
78716
  });
78672
78717
  };
@@ -78728,9 +78773,9 @@ var PageHeader = function PageHeader(props) {
78728
78773
  var className = classnames_default()(prefixCls, props.className, customizeClassName, (_classNames = {
78729
78774
  hashId: hashId
78730
78775
  }, 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);
78776
+ var title = renderTitle(prefixCls, props, direction, hashId);
78777
+ var childDom = children && renderChildren(prefixCls, children, hashId);
78778
+ var footerDom = renderFooter(prefixCls, footer, hashId);
78734
78779
 
78735
78780
  if (!breadcrumbDom && !title && !footerDom && !childDom) {
78736
78781
  return null;
@@ -79002,7 +79047,7 @@ function PageContainer_style_useStyle(prefixCls) {
79002
79047
 
79003
79048
 
79004
79049
 
79005
- var PageContainer_excluded = ["title", "content", "pageHeaderRender", "header", "prefixedClassName", "extraContent", "style", "prefixCls", "value", "breadcrumbRender"],
79050
+ var PageContainer_excluded = ["title", "content", "pageHeaderRender", "header", "prefixedClassName", "extraContent", "style", "prefixCls", "hashId", "value", "breadcrumbRender"],
79006
79051
  PageContainer_excluded2 = ["children", "loading", "className", "style", "footer", "affixProps", "fixedHeader", "breadcrumbRender"];
79007
79052
 
79008
79053
 
@@ -79037,13 +79082,14 @@ var PageContainer_renderFooter = function renderFooter(_ref) {
79037
79082
  var tabList = _ref.tabList,
79038
79083
  tabActiveKey = _ref.tabActiveKey,
79039
79084
  onTabChange = _ref.onTabChange,
79085
+ hashId = _ref.hashId,
79040
79086
  tabBarExtraContent = _ref.tabBarExtraContent,
79041
79087
  tabProps = _ref.tabProps,
79042
79088
  prefixedClassName = _ref.prefixedClassName;
79043
79089
 
79044
79090
  if (Array.isArray(tabList) || tabBarExtraContent) {
79045
- return (0,jsx_runtime.jsx)(external_antd_.Tabs, objectSpread2_objectSpread2({
79046
- className: "".concat(prefixedClassName, "-tabs"),
79091
+ return (0,jsx_runtime.jsx)(external_antd_.Tabs, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
79092
+ className: "".concat(prefixedClassName, "-tabs ").concat(hashId),
79047
79093
  activeKey: tabActiveKey,
79048
79094
  onChange: function onChange(key) {
79049
79095
  if (onTabChange) {
@@ -79051,6 +79097,7 @@ var PageContainer_renderFooter = function renderFooter(_ref) {
79051
79097
  }
79052
79098
  },
79053
79099
  tabBarExtraContent: tabBarExtraContent,
79100
+ // @ts-ignore
79054
79101
  items: tabList === null || tabList === void 0 ? void 0 : tabList.map(function (item, index) {
79055
79102
  var _item$key;
79056
79103
 
@@ -79060,28 +79107,34 @@ var PageContainer_renderFooter = function renderFooter(_ref) {
79060
79107
  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
79108
  });
79062
79109
  })
79063
- }, tabProps));
79110
+ }, tabProps), {}, {
79111
+ children: tabList === null || tabList === void 0 ? void 0 : tabList.map(function (item, index) {
79112
+ return (0,jsx_runtime.jsx)(external_antd_.Tabs.TabPane, objectSpread2_objectSpread2({
79113
+ tab: item.tab
79114
+ }, item), item.key || index);
79115
+ })
79116
+ }));
79064
79117
  }
79065
79118
 
79066
79119
  return null;
79067
79120
  };
79068
79121
 
79069
- var renderPageHeader = function renderPageHeader(content, extraContent, prefixedClassName) {
79122
+ var renderPageHeader = function renderPageHeader(content, extraContent, prefixedClassName, hashId) {
79070
79123
  if (!content && !extraContent) {
79071
79124
  return null;
79072
79125
  }
79073
79126
 
79074
79127
  return (0,jsx_runtime.jsx)("div", {
79075
- className: "".concat(prefixedClassName, "-detail"),
79128
+ className: "".concat(prefixedClassName, "-detail ").concat(hashId),
79076
79129
  children: (0,jsx_runtime.jsx)("div", {
79077
- className: "".concat(prefixedClassName, "-main"),
79130
+ className: "".concat(prefixedClassName, "-main ").concat(hashId),
79078
79131
  children: (0,jsx_runtime.jsxs)("div", {
79079
- className: "".concat(prefixedClassName, "-row"),
79132
+ className: "".concat(prefixedClassName, "-row ").concat(hashId),
79080
79133
  children: [content && (0,jsx_runtime.jsx)("div", {
79081
- className: "".concat(prefixedClassName, "-content"),
79134
+ className: "".concat(prefixedClassName, "-content ").concat(hashId),
79082
79135
  children: content
79083
79136
  }), extraContent && (0,jsx_runtime.jsx)("div", {
79084
- className: "".concat(prefixedClassName, "-extraContent"),
79137
+ className: "".concat(prefixedClassName, "-extraContent ").concat(hashId),
79085
79138
  children: extraContent
79086
79139
  })]
79087
79140
  })
@@ -79119,6 +79172,7 @@ var memoRenderPageHeader = function memoRenderPageHeader(props) {
79119
79172
  extraContent = props.extraContent,
79120
79173
  style = props.style,
79121
79174
  prefixCls = props.prefixCls,
79175
+ hashId = props.hashId,
79122
79176
  value = props.value,
79123
79177
  breadcrumbRender = props.breadcrumbRender,
79124
79178
  restProps = objectWithoutProperties_objectWithoutProperties(props, PageContainer_excluded);
@@ -79151,6 +79205,7 @@ var memoRenderPageHeader = function memoRenderPageHeader(props) {
79151
79205
  title: pageHeaderTitle
79152
79206
  }, restProps), {}, {
79153
79207
  footer: PageContainer_renderFooter(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restProps), {}, {
79208
+ hashId: hashId,
79154
79209
  breadcrumbRender: breadcrumbRender,
79155
79210
  prefixedClassName: prefixedClassName
79156
79211
  }))
@@ -79166,11 +79221,11 @@ var memoRenderPageHeader = function memoRenderPageHeader(props) {
79166
79221
  }
79167
79222
 
79168
79223
  return (0,jsx_runtime.jsx)(PageHeader, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, pageHeaderProps), {}, {
79169
- className: "".concat(prefixedClassName, "-warp-page-header"),
79224
+ className: "".concat(prefixedClassName, "-warp-page-header ").concat(hashId),
79170
79225
  breadcrumb: breadcrumbRender === false ? undefined : objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, pageHeaderProps.breadcrumb), value.breadcrumbProps),
79171
79226
  breadcrumbRender: getBreadcrumbRender(),
79172
79227
  prefixCls: prefixCls,
79173
- children: (header === null || header === void 0 ? void 0 : header.children) || renderPageHeader(content, extraContent, prefixedClassName)
79228
+ children: (header === null || header === void 0 ? void 0 : header.children) || renderPageHeader(content, extraContent, prefixedClassName, hashId)
79174
79229
  }));
79175
79230
  };
79176
79231
 
@@ -79228,6 +79283,7 @@ var PageContainer = function PageContainer(props) {
79228
79283
  var pageHeaderDom = memoRenderPageHeader(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restProps), {}, {
79229
79284
  breadcrumbRender: memoBreadcrumbRender,
79230
79285
  ghost: true,
79286
+ hashId: hashId,
79231
79287
  prefixCls: undefined,
79232
79288
  prefixedClassName: basePageContainer,
79233
79289
  value: value
@@ -79251,7 +79307,7 @@ var PageContainer = function PageContainer(props) {
79251
79307
  var content = (0,external_React_.useMemo)(function () {
79252
79308
  return children ? (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
79253
79309
  children: [(0,jsx_runtime.jsx)("div", {
79254
- className: classnames_default()("".concat(basePageContainer, "-children-content")),
79310
+ className: classnames_default()("".concat(basePageContainer, "-children-content ").concat(hashId)),
79255
79311
  children: children
79256
79312
  }), value.hasFooterToolbar && (0,jsx_runtime.jsx)("div", {
79257
79313
  style: {
@@ -79260,7 +79316,7 @@ var PageContainer = function PageContainer(props) {
79260
79316
  }
79261
79317
  })]
79262
79318
  }) : null;
79263
- }, [children, basePageContainer, value.hasFooterToolbar, pageContainer.marginBlockPageContainerContent]);
79319
+ }, [children, basePageContainer, hashId, value.hasFooterToolbar, pageContainer.marginBlockPageContainerContent]);
79264
79320
  var renderContentDom = (0,external_React_.useMemo)(function () {
79265
79321
  // 只要loadingDom非空我们就渲染loadingDom,否则渲染内容
79266
79322
  var dom = loadingDom || content;
@@ -79285,7 +79341,7 @@ var PageContainer = function PageContainer(props) {
79285
79341
  (0,jsx_runtime.jsx)(external_antd_.Affix, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
79286
79342
  offsetTop: value.hasHeader && value.fixedHeader ? token.header.heightLayoutHeader : 0
79287
79343
  }, affixProps), {}, {
79288
- className: "".concat(basePageContainer, "-affix"),
79344
+ className: "".concat(basePageContainer, "-affix ").concat(hashId),
79289
79345
  children: pageHeaderDom
79290
79346
  })) : pageHeaderDom, renderContentDom && (0,jsx_runtime.jsx)(GridContent, {
79291
79347
  children: renderContentDom
@@ -79300,6 +79356,7 @@ var PageContainer = function PageContainer(props) {
79300
79356
  var ProPageHeader = function ProPageHeader(props) {
79301
79357
  var value = (0,external_React_.useContext)(RouteContext);
79302
79358
  return memoRenderPageHeader(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, props), {}, {
79359
+ hashId: '',
79303
79360
  value: value
79304
79361
  }));
79305
79362
  };
@@ -79413,10 +79470,10 @@ var GlobalFooter = function GlobalFooter(_ref) {
79413
79470
  className: classnames_default()(baseClassName, hashId, className),
79414
79471
  style: style,
79415
79472
  children: [links && (0,jsx_runtime.jsx)("div", {
79416
- className: "".concat(baseClassName, "-list"),
79473
+ className: "".concat(baseClassName, "-list ").concat(hashId),
79417
79474
  children: links.map(function (link) {
79418
79475
  return (0,jsx_runtime.jsx)("a", {
79419
- className: "".concat(baseClassName, "-list-link"),
79476
+ className: "".concat(baseClassName, "-list-link ").concat(hashId),
79420
79477
  title: link.key,
79421
79478
  target: link.blankTarget ? '_blank' : '_self',
79422
79479
  href: link.href,
@@ -79425,7 +79482,7 @@ var GlobalFooter = function GlobalFooter(_ref) {
79425
79482
  }, link.key);
79426
79483
  })
79427
79484
  }), copyright && (0,jsx_runtime.jsx)("div", {
79428
- className: "".concat(baseClassName, "-copyright"),
79485
+ className: "".concat(baseClassName, "-copyright ").concat(hashId),
79429
79486
  children: copyright
79430
79487
  })]
79431
79488
  }));
@@ -79479,7 +79536,7 @@ var genProLayoutHeaderStyle = function genProLayoutHeaderStyle(token) {
79479
79536
  width: '100%',
79480
79537
  paddingBlock: 0,
79481
79538
  paddingInline: 8,
79482
- borderBottom: "1px solid ".concat(token.colorSplit),
79539
+ borderBlockEnd: "1px solid ".concat(token.colorSplit),
79483
79540
  backgroundColor: token.colorBgHeader || 'rgba(255, 255, 255, 0.4)',
79484
79541
  WebkitBackdropFilter: 'blur(8px)',
79485
79542
  backdropFilter: 'blur(8px)',
@@ -79690,14 +79747,15 @@ var AppsLogo = function AppsLogo() {
79690
79747
 
79691
79748
  var DefaultContent = function DefaultContent(props) {
79692
79749
  var appList = props.appList,
79693
- baseClassName = props.baseClassName;
79750
+ baseClassName = props.baseClassName,
79751
+ hashId = props.hashId;
79694
79752
  return (0,jsx_runtime.jsx)("div", {
79695
- className: "".concat(baseClassName, "-content"),
79753
+ className: "".concat(baseClassName, "-content ").concat(hashId),
79696
79754
  children: (0,jsx_runtime.jsx)("ul", {
79697
- className: "".concat(baseClassName, "-content-list"),
79755
+ className: "".concat(baseClassName, "-content-list ").concat(hashId),
79698
79756
  children: appList === null || appList === void 0 ? void 0 : appList.map(function (app, index) {
79699
79757
  return (0,jsx_runtime.jsx)("li", {
79700
- className: "".concat(baseClassName, "-content-list-item"),
79758
+ className: "".concat(baseClassName, "-content-list-item ").concat(hashId),
79701
79759
  children: (0,jsx_runtime.jsxs)("a", {
79702
79760
  href: app.url,
79703
79761
  target: app.target,
@@ -79757,14 +79815,15 @@ var renderLogo = function renderLogo(logo, title) {
79757
79815
  };
79758
79816
  var SimpleContent = function SimpleContent(props) {
79759
79817
  var appList = props.appList,
79760
- baseClassName = props.baseClassName;
79818
+ baseClassName = props.baseClassName,
79819
+ hashId = props.hashId;
79761
79820
  return (0,jsx_runtime.jsx)("div", {
79762
- className: "".concat(baseClassName, "-content"),
79821
+ className: "".concat(baseClassName, "-content ").concat(hashId),
79763
79822
  children: (0,jsx_runtime.jsx)("ul", {
79764
- className: "".concat(baseClassName, "-content-list"),
79823
+ className: "".concat(baseClassName, "-content-list ").concat(hashId),
79765
79824
  children: appList === null || appList === void 0 ? void 0 : appList.map(function (app, index) {
79766
79825
  return (0,jsx_runtime.jsx)("li", {
79767
- className: "".concat(baseClassName, "-content-list-item"),
79826
+ className: "".concat(baseClassName, "-content-list-item ").concat(hashId),
79768
79827
  children: (0,jsx_runtime.jsxs)("a", {
79769
79828
  href: app.url,
79770
79829
  target: app.target,
@@ -79894,7 +79953,7 @@ var genAppsLogoComponentsSimpleListStyle = function genAppsLogoComponentsSimpleL
79894
79953
  fontSize: 22,
79895
79954
  lineHeight: '40px',
79896
79955
  textAlign: 'center',
79897
- backgroundColor: token.colorPrimaryBgHover,
79956
+ backgroundImage: 'linear-gradient(180deg, #E8F0FB 0%, #F6F8FC 100%)',
79898
79957
  borderRadius: token.radiusBase
79899
79958
  },
79900
79959
  '& > img': {
@@ -80027,7 +80086,8 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
80027
80086
  var baseClassName = "".concat(prefixCls, "-layout-apps");
80028
80087
 
80029
80088
  var _useStyle = AppsLogoComponents_style_useStyle(baseClassName),
80030
- wrapSSR = _useStyle.wrapSSR;
80089
+ wrapSSR = _useStyle.wrapSSR,
80090
+ hashId = _useStyle.hashId;
80031
80091
 
80032
80092
  var _useState = (0,external_React_.useState)(false),
80033
80093
  _useState2 = slicedToArray_slicedToArray(_useState, 2),
@@ -80041,16 +80101,18 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
80041
80101
 
80042
80102
  if (isSimple) {
80043
80103
  return (0,jsx_runtime.jsx)(SimpleContent, {
80104
+ hashId: hashId,
80044
80105
  appList: appList,
80045
80106
  baseClassName: "".concat(baseClassName, "-simple")
80046
80107
  });
80047
80108
  }
80048
80109
 
80049
80110
  return (0,jsx_runtime.jsx)(DefaultContent, {
80111
+ hashId: hashId,
80050
80112
  appList: appList,
80051
80113
  baseClassName: "".concat(baseClassName, "-default")
80052
80114
  });
80053
- }, [appList, baseClassName]);
80115
+ }, [appList, baseClassName, hashId]);
80054
80116
  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
80117
  return wrapSSR((0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
80056
80118
  children: [(0,jsx_runtime.jsx)("div", {
@@ -80061,7 +80123,7 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
80061
80123
  zIndex: 9999,
80062
80124
  arrowPointAtCenter: true,
80063
80125
  onVisibleChange: setVisible,
80064
- overlayClassName: "".concat(baseClassName, "-popover"),
80126
+ overlayClassName: "".concat(baseClassName, "-popover ").concat(hashId),
80065
80127
  content: popoverContent,
80066
80128
  getPopupContainer: function getPopupContainer() {
80067
80129
  return ref.current || document.body;
@@ -80070,7 +80132,7 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
80070
80132
  onClick: function onClick(e) {
80071
80133
  e.stopPropagation();
80072
80134
  },
80073
- className: classnames_default()("".concat(baseClassName, "-icon"), defineProperty_defineProperty({}, "".concat(baseClassName, "-icon-active"), visible)),
80135
+ className: classnames_default()("".concat(baseClassName, "-icon"), hashId, defineProperty_defineProperty({}, "".concat(baseClassName, "-icon-active"), visible)),
80074
80136
  children: (0,jsx_runtime.jsx)(AppsLogo, {})
80075
80137
  })
80076
80138
  })]
@@ -80411,10 +80473,10 @@ var MenuCounter = createContainer(useMenuCounter);
80411
80473
  var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
80412
80474
  var _collapsed, _collapsed2, _$concat2, _$concat4;
80413
80475
 
80414
- return defineProperty_defineProperty({}, token.proComponentsCls, defineProperty_defineProperty({}, "& ".concat(token.componentCls), (_$concat4 = {
80476
+ return defineProperty_defineProperty({}, "".concat(token.componentCls), (_$concat4 = {
80415
80477
  background: 'transparent',
80416
80478
  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"), {
80479
+ }, 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
80480
  paddingInline: '0 !important',
80419
80481
  height: 'auto !important',
80420
80482
  marginBlock: '8px !important'
@@ -80423,7 +80485,7 @@ var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
80423
80485
  borderRadius: token.radiusBase
80424
80486
  }), defineProperty_defineProperty(_collapsed, "".concat(token.componentCls, "-group"), defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-item-group-title"), {
80425
80487
  paddingInline: 0
80426
- })), _collapsed)), defineProperty_defineProperty(_$concat4, '&-item-title', defineProperty_defineProperty({
80488
+ })), _collapsed)), defineProperty_defineProperty(_$concat4, '& &-item-title', defineProperty_defineProperty({
80427
80489
  display: 'flex',
80428
80490
  flexDirection: 'row',
80429
80491
  alignItems: 'center',
@@ -80471,7 +80533,7 @@ var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
80471
80533
  color: token.colorTextSecondary,
80472
80534
  fontSize: 12,
80473
80535
  lineHeight: 20
80474
- }), _$concat4)));
80536
+ }), _$concat4));
80475
80537
  };
80476
80538
 
80477
80539
  function menu_useStyle(prefixCls) {
@@ -80516,6 +80578,7 @@ var IconFont = create({
80516
80578
 
80517
80579
  var getIcon = function getIcon(icon) {
80518
80580
  var iconPrefixes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'icon-';
80581
+ var className = arguments.length > 2 ? arguments[2] : undefined;
80519
80582
 
80520
80583
  if (typeof icon === 'string' && icon !== '') {
80521
80584
  if (isUrl(icon) || isImg(icon)) {
@@ -80524,7 +80587,7 @@ var getIcon = function getIcon(icon) {
80524
80587
  return (0,jsx_runtime.jsx)("img", {
80525
80588
  src: icon,
80526
80589
  alt: "icon",
80527
- className: "ant-pro-sider-menu-icon"
80590
+ className: className
80528
80591
  });
80529
80592
  }
80530
80593
  });
@@ -80584,13 +80647,13 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
80584
80647
  var menuType = isGroup && level === 0 ? 'group' : undefined;
80585
80648
 
80586
80649
  if (Array.isArray(children) && children.length > 0) {
80587
- var _classNames, _designToken$sider;
80650
+ var _this$props2, _this$props3, _classNames, _this$props4, _this$props5, _designToken$sider;
80588
80651
  /** Menu 第一级可以有icon,或者 isGroup 时第二级别也要有 */
80589
80652
 
80590
80653
 
80591
80654
  var shouldHasIcon = level === 0 || isGroup && level === 1; // get defaultTitle by menuItemRender
80592
80655
 
80593
- var iconDom = getIcon(item.icon, iconPrefixes);
80656
+ 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
80657
  /**
80595
80658
  * 如果没有icon在收起的时候用首字母代替
80596
80659
  */
@@ -80599,12 +80662,12 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
80599
80662
 
80600
80663
  var defaultTitle = (0,jsx_runtime.jsxs)("div", {
80601
80664
  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)),
80665
+ 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
80666
  children: [menuType === 'group' && collapsed ? null : shouldHasIcon && iconDom ? (0,jsx_runtime.jsx)("span", {
80604
- className: "anticon ".concat(baseClassName, "-item-icon"),
80667
+ className: "anticon ".concat(baseClassName, "-item-icon ").concat((_this$props4 = _this.props) === null || _this$props4 === void 0 ? void 0 : _this$props4.hashId),
80605
80668
  children: iconDom
80606
80669
  }) : 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))),
80670
+ 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
80671
  children: name
80609
80672
  })]
80610
80673
  }); // subMenu only title render
@@ -80635,7 +80698,7 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
80635
80698
  key: (item.key || item.path) + '-group-divider',
80636
80699
  style: {
80637
80700
  padding: 0,
80638
- borderBottom: 0,
80701
+ borderBlockEnd: 0,
80639
80702
  margin: _this.props.collapsed ? '4px' : '6px 16px',
80640
80703
  marginBlockStart: _this.props.collapsed ? 4 : 8,
80641
80704
  borderColor: designToken === null || designToken === void 0 ? void 0 : (_designToken$sider = designToken.sider) === null || _designToken$sider === void 0 ? void 0 : _designToken$sider.colorMenuItemDivider
@@ -80656,9 +80719,9 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
80656
80719
  this.getIntlName = function (item) {
80657
80720
  var name = item.name,
80658
80721
  locale = item.locale;
80659
- var _this$props2 = _this.props,
80660
- menu = _this$props2.menu,
80661
- formatMessage = _this$props2.formatMessage;
80722
+ var _this$props6 = _this.props,
80723
+ menu = _this$props6.menu,
80724
+ formatMessage = _this$props6.formatMessage;
80662
80725
 
80663
80726
  if (locale && (menu === null || menu === void 0 ? void 0 : menu.locale) !== false) {
80664
80727
  return formatMessage === null || formatMessage === void 0 ? void 0 : formatMessage({
@@ -80671,40 +80734,40 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
80671
80734
  };
80672
80735
 
80673
80736
  this.getMenuItemPath = function (item, level) {
80674
- var _classNames3;
80737
+ var _this$props9, _this$props10, _classNames3, _this$props11, _this$props12;
80675
80738
 
80676
80739
  var itemPath = _this.conversionPath(item.path || '/');
80677
80740
 
80678
- var _this$props3 = _this.props,
80679
- _this$props3$location = _this$props3.location,
80680
- location = _this$props3$location === void 0 ? {
80741
+ var _this$props7 = _this.props,
80742
+ _this$props7$location = _this$props7.location,
80743
+ location = _this$props7$location === void 0 ? {
80681
80744
  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。
80745
+ } : _this$props7$location,
80746
+ isMobile = _this$props7.isMobile,
80747
+ onCollapse = _this$props7.onCollapse,
80748
+ menuItemRender = _this$props7.menuItemRender,
80749
+ iconPrefixes = _this$props7.iconPrefixes; // if local is true formatMessage all name。
80687
80750
 
80688
80751
  var name = _this.getIntlName(item);
80689
80752
 
80690
- var _this$props4 = _this.props,
80691
- baseClassName = _this$props4.baseClassName,
80692
- menu = _this$props4.menu,
80693
- collapsed = _this$props4.collapsed;
80753
+ var _this$props8 = _this.props,
80754
+ baseClassName = _this$props8.baseClassName,
80755
+ menu = _this$props8.menu,
80756
+ collapsed = _this$props8.collapsed;
80694
80757
  var isGroup = (menu === null || menu === void 0 ? void 0 : menu.type) === 'group';
80695
80758
  /** Menu 第一级可以有icon,或者 isGroup 时第二级别也要有 */
80696
80759
 
80697
80760
  var hasIcon = level === 0 || isGroup && level === 1;
80698
- var icon = !hasIcon ? null : getIcon(item.icon, iconPrefixes);
80761
+ 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
80762
  var defaultIcon = collapsed && hasIcon ? getMenuTitleSymbol(name) : null;
80700
80763
 
80701
80764
  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)),
80765
+ 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
80766
  children: [icon ? (0,jsx_runtime.jsx)("span", {
80704
- className: "anticon ".concat(baseClassName, "-item-icon"),
80767
+ className: "anticon ".concat(baseClassName, "-item-icon ").concat((_this$props11 = _this.props) === null || _this$props11 === void 0 ? void 0 : _this$props11.hashId),
80705
80768
  children: icon
80706
80769
  }) : 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))),
80770
+ 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
80771
  children: name
80709
80772
  })]
80710
80773
  });
@@ -80712,7 +80775,7 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
80712
80775
  var isHttpUrl = isUrl(itemPath); // Is it a http link
80713
80776
 
80714
80777
  if (isHttpUrl) {
80715
- var _classNames5;
80778
+ var _this$props13, _classNames5, _this$props14, _this$props15;
80716
80779
 
80717
80780
  defaultItem = (0,jsx_runtime.jsxs)("span", {
80718
80781
  title: name,
@@ -80721,12 +80784,12 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
80721
80784
 
80722
80785
  (_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
80786
  },
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)),
80787
+ 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
80788
  children: [icon ? (0,jsx_runtime.jsx)("span", {
80726
- className: "anticon ".concat(baseClassName, "-item-icon"),
80789
+ className: "anticon ".concat(baseClassName, "-item-icon ").concat((_this$props14 = _this.props) === null || _this$props14 === void 0 ? void 0 : _this$props14.hashId),
80727
80790
  children: icon
80728
80791
  }) : 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))),
80792
+ 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
80793
  children: name
80731
80794
  })]
80732
80795
  });
@@ -80883,17 +80946,19 @@ var BaseMenu = function BaseMenu(props) {
80883
80946
  return getOpenKeysProps(openKeys, props);
80884
80947
  }, // eslint-disable-next-line react-hooks/exhaustive-deps
80885
80948
  [openKeys && openKeys.join(','), props.layout, props.collapsed]);
80949
+
80950
+ var _useStyle = menu_useStyle(baseClassName),
80951
+ wrapSSR = _useStyle.wrapSSR,
80952
+ hashId = _useStyle.hashId;
80953
+
80886
80954
  var menuUtils = (0,external_React_.useMemo)(function () {
80887
80955
  return new MenuUtil(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, props), {}, {
80888
80956
  token: designToken,
80889
80957
  menuRenderType: menuRenderType,
80890
- baseClassName: baseClassName
80958
+ baseClassName: baseClassName,
80959
+ hashId: hashId
80891
80960
  }));
80892
- }, [designToken, baseClassName, menuRenderType, props]);
80893
-
80894
- var _useStyle = menu_useStyle(baseClassName),
80895
- wrapSSR = _useStyle.wrapSSR,
80896
- hashId = _useStyle.hashId;
80961
+ }, [props, designToken, menuRenderType, baseClassName, hashId]);
80897
80962
 
80898
80963
  if (menu === null || menu === void 0 ? void 0 : menu.loading) {
80899
80964
  return (0,jsx_runtime.jsx)("div", {
@@ -80956,6 +81021,7 @@ var BaseMenu = function BaseMenu(props) {
80956
81021
 
80957
81022
 
80958
81023
 
81024
+
80959
81025
  var Sider = external_antd_.Layout.Sider;
80960
81026
  /**
80961
81027
  * 渲染 title 和 logo
@@ -81035,6 +81101,10 @@ var SiderMenu = function SiderMenu(props) {
81035
81101
  actionsRender = props.actionsRender,
81036
81102
  onOpenChange = props.onOpenChange,
81037
81103
  logoStyle = props.logoStyle;
81104
+
81105
+ var _useToken = useStyle_useToken(),
81106
+ hashId = _useToken.hashId;
81107
+
81038
81108
  var showSiderExtraDom = (0,external_React_.useMemo)(function () {
81039
81109
  if (isMobile) return false;
81040
81110
  if (layout === 'mix') return false;
@@ -81045,7 +81115,7 @@ var SiderMenu = function SiderMenu(props) {
81045
81115
  var _MenuCounter$useConta = MenuCounter.useContainer(),
81046
81116
  flatMenuKeys = _MenuCounter$useConta.flatMenuKeys;
81047
81117
 
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));
81118
+ 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
81119
  var headerDom = renderLogoAndTitle(props);
81050
81120
  var extraDom = menuExtraRender && menuExtraRender(props);
81051
81121
  var menuDom = (0,external_React_.useMemo)(function () {
@@ -81056,9 +81126,9 @@ var SiderMenu = function SiderMenu(props) {
81056
81126
  style: {
81057
81127
  width: '100%'
81058
81128
  },
81059
- className: "".concat(baseClassName, "-menu")
81129
+ className: "".concat(baseClassName, "-menu ").concat(hashId)
81060
81130
  }));
81061
- }, [baseClassName, flatMenuKeys, menuContentRender, onOpenChange, props]);
81131
+ }, [baseClassName, flatMenuKeys, hashId, menuContentRender, onOpenChange, props]);
81062
81132
  var linksMenuItems = (links || []).map(function (node, index) {
81063
81133
  return {
81064
81134
  className: "".concat(baseClassName, "-link"),
@@ -81086,10 +81156,10 @@ var SiderMenu = function SiderMenu(props) {
81086
81156
  align: "center",
81087
81157
  size: 4,
81088
81158
  direction: collapsed ? 'vertical' : 'horizontal',
81089
- className: classnames_default()(["".concat(baseClassName, "-actions-list"), collapsed && "".concat(baseClassName, "-actions-list-collapsed")]),
81159
+ className: classnames_default()(["".concat(baseClassName, "-actions-list"), collapsed && "".concat(baseClassName, "-actions-list-collapsed"), hashId]),
81090
81160
  children: actionsRender === null || actionsRender === void 0 ? void 0 : actionsRender(props).map(function (item, index) {
81091
81161
  return (0,jsx_runtime.jsx)("div", {
81092
- className: "".concat(baseClassName, "-actions-list-item"),
81162
+ className: "".concat(baseClassName, "-actions-list-item ").concat(hashId),
81093
81163
  children: item
81094
81164
  }, index);
81095
81165
  })
@@ -81122,10 +81192,10 @@ var SiderMenu = function SiderMenu(props) {
81122
81192
  var actionAreaDom = (0,external_React_.useMemo)(function () {
81123
81193
  if (!avatarDom && !actionsDom) return null;
81124
81194
  return (0,jsx_runtime.jsxs)("div", {
81125
- className: classnames_default()("".concat(baseClassName, "-actions"), collapsed && "".concat(baseClassName, "-actions-collapsed")),
81195
+ className: classnames_default()("".concat(baseClassName, "-actions"), hashId, collapsed && "".concat(baseClassName, "-actions-collapsed")),
81126
81196
  children: [avatarDom, actionsDom]
81127
81197
  });
81128
- }, [actionsDom, avatarDom, baseClassName, collapsed]);
81198
+ }, [actionsDom, avatarDom, baseClassName, collapsed, hashId]);
81129
81199
  var collapsedWidth = 60;
81130
81200
  /* Using the useMemo hook to create a CSS class that will hide the menu when the menu is collapsed. */
81131
81201
 
@@ -81143,13 +81213,13 @@ var SiderMenu = function SiderMenu(props) {
81143
81213
 
81144
81214
  var menuDomItems = (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
81145
81215
  children: [headerDom && (0,jsx_runtime.jsxs)("div", {
81146
- className: classnames_default()([classnames_default()("".concat(baseClassName, "-logo"), defineProperty_defineProperty({}, "".concat(baseClassName, "-logo-collapsed"), collapsed))]),
81216
+ className: classnames_default()([classnames_default()("".concat(baseClassName, "-logo"), hashId, defineProperty_defineProperty({}, "".concat(baseClassName, "-logo-collapsed"), collapsed))]),
81147
81217
  onClick: showSiderExtraDom ? onMenuHeaderClick : undefined,
81148
81218
  id: "logo",
81149
81219
  style: logoStyle,
81150
81220
  children: [headerDom, appsDom]
81151
81221
  }), extraDom && (0,jsx_runtime.jsx)("div", {
81152
- className: classnames_default()(["".concat(baseClassName, "-extra"), !headerDom && "".concat(baseClassName, "-extra-no-logo")]),
81222
+ className: classnames_default()(["".concat(baseClassName, "-extra"), !headerDom && "".concat(baseClassName, "-extra-no-logo"), hashId]),
81153
81223
  children: extraDom
81154
81224
  }), (0,jsx_runtime.jsx)("div", {
81155
81225
  style: {
@@ -81159,10 +81229,10 @@ var SiderMenu = function SiderMenu(props) {
81159
81229
  },
81160
81230
  children: menuRenderDom
81161
81231
  }), links ? (0,jsx_runtime.jsx)("div", {
81162
- className: "".concat(baseClassName, "-links"),
81232
+ className: "".concat(baseClassName, "-links ").concat(hashId),
81163
81233
  children: (0,jsx_runtime.jsx)(external_antd_.Menu, {
81164
81234
  inlineIndent: 16,
81165
- className: "".concat(baseClassName, "-link-menu"),
81235
+ className: "".concat(baseClassName, "-link-menu ").concat(hashId),
81166
81236
  selectedKeys: [],
81167
81237
  openKeys: [],
81168
81238
  theme: "light",
@@ -81171,11 +81241,11 @@ var SiderMenu = function SiderMenu(props) {
81171
81241
  })
81172
81242
  }) : null, showSiderExtraDom && (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
81173
81243
  children: [actionAreaDom, rightContentRender ? (0,jsx_runtime.jsx)("div", {
81174
- className: classnames_default()("".concat(baseClassName, "-actions"), defineProperty_defineProperty({}, "".concat(baseClassName, "-actions-collapsed"), collapsed)),
81244
+ className: classnames_default()("".concat(baseClassName, "-actions"), hashId, defineProperty_defineProperty({}, "".concat(baseClassName, "-actions-collapsed"), collapsed)),
81175
81245
  children: rightContentRender === null || rightContentRender === void 0 ? void 0 : rightContentRender(props)
81176
81246
  }) : null]
81177
81247
  }), menuFooterDom && (0,jsx_runtime.jsx)("div", {
81178
- className: classnames_default()(["".concat(baseClassName, "-footer"), defineProperty_defineProperty({}, "".concat(baseClassName, "-footer-collapsed"), collapsed)]),
81248
+ className: classnames_default()(["".concat(baseClassName, "-footer"), hashId, defineProperty_defineProperty({}, "".concat(baseClassName, "-footer-collapsed"), collapsed)]),
81179
81249
  children: menuFooterDom
81180
81250
  })]
81181
81251
  });
@@ -81206,9 +81276,12 @@ var SiderMenu = function SiderMenu(props) {
81206
81276
  style: style,
81207
81277
  theme: theme,
81208
81278
  width: siderWidth,
81209
- className: classnames_default()(siderClassName, hideMenuWhenCollapsedClassName),
81210
- children: [(0,jsx_runtime.jsx)(external_antd_.ConfigProvider, {
81279
+ className: classnames_default()(siderClassName, hashId, hideMenuWhenCollapsedClassName),
81280
+ children: [(0,jsx_runtime.jsx)(external_antd_.ConfigProvider // @ts-ignore
81281
+ , {
81282
+ // @ts-ignore
81211
81283
  theme: {
81284
+ hashed: false,
81212
81285
  override: {
81213
81286
  Menu: {
81214
81287
  radiusItem: 4,
@@ -81226,7 +81299,7 @@ var SiderMenu = function SiderMenu(props) {
81226
81299
  }
81227
81300
  },
81228
81301
  children: hideMenuWhenCollapsedClassName ? (0,jsx_runtime.jsx)("div", {
81229
- className: "".concat(baseClassName, "-hide-when-collapsed"),
81302
+ className: "".concat(baseClassName, "-hide-when-collapsed ").concat(hashId),
81230
81303
  style: {
81231
81304
  height: '100%',
81232
81305
  width: '100%',
@@ -81386,11 +81459,11 @@ var RightContent = function RightContent(_ref) {
81386
81459
  }
81387
81460
 
81388
81461
  return (0,jsx_runtime.jsx)("div", {
81389
- className: classnames_default()("".concat(prefixCls, "-header-actions-item"), defineProperty_defineProperty({}, "".concat(prefixCls, "-header-actions-hover"), !hideHover)),
81462
+ className: classnames_default()("".concat(prefixCls, "-header-actions-item ").concat(hashId), defineProperty_defineProperty({}, "".concat(prefixCls, "-header-actions-hover"), !hideHover)),
81390
81463
  children: dom
81391
81464
  }, index);
81392
81465
  }), avatarDom && (0,jsx_runtime.jsx)("span", {
81393
- className: "".concat(prefixCls, "-header-actions-avatar"),
81466
+ className: "".concat(prefixCls, "-header-actions-avatar ").concat(hashId),
81394
81467
  children: (0,jsx_runtime.jsx)("div", {
81395
81468
  children: avatarDom
81396
81469
  })
@@ -81421,7 +81494,7 @@ var RightContent = function RightContent(_ref) {
81421
81494
  };
81422
81495
  }(), 160);
81423
81496
  return (0,jsx_runtime.jsx)("div", {
81424
- className: "".concat(prefixCls, "-right-content"),
81497
+ className: "".concat(prefixCls, "-right-content ").concat(hashId),
81425
81498
  style: {
81426
81499
  minWidth: rightSize,
81427
81500
  height: '100%'
@@ -81577,7 +81650,9 @@ var TopNavHeader = function TopNavHeader(props) {
81577
81650
  var contentDom = (0,external_React_.useMemo)(function () {
81578
81651
  var _process$env$NODE_ENV, _props$menuProps;
81579
81652
 
81580
- var defaultDom = (0,jsx_runtime.jsx)(external_antd_.ConfigProvider, {
81653
+ var defaultDom = (0,jsx_runtime.jsx)(external_antd_.ConfigProvider // @ts-ignore
81654
+ , {
81655
+ // @ts-ignore
81581
81656
  theme: {
81582
81657
  hashed: ((_process$env$NODE_ENV = "production") === null || _process$env$NODE_ENV === void 0 ? void 0 : _process$env$NODE_ENV.toLowerCase()) !== 'test',
81583
81658
  override: {
@@ -81600,7 +81675,7 @@ var TopNavHeader = function TopNavHeader(props) {
81600
81675
  children: (0,jsx_runtime.jsx)(BaseMenu, objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({
81601
81676
  theme: "light"
81602
81677
  }, props), {}, {
81603
- className: "".concat(prefixCls, "-base-menu")
81678
+ className: "".concat(prefixCls, "-base-menu ").concat(hashId)
81604
81679
  }, props.menuProps), {}, {
81605
81680
  style: objectSpread2_objectSpread2({
81606
81681
  width: '100%'
@@ -81616,18 +81691,18 @@ var TopNavHeader = function TopNavHeader(props) {
81616
81691
  }
81617
81692
 
81618
81693
  return defaultDom;
81619
- }, [header.colorBgMenuItemHover, header.colorBgMenuItemSelected, header.colorTextMenu, header.colorTextMenuActive, header.colorTextMenuSelected, headerContentRender, prefixCls, props]);
81694
+ }, [hashId, header.colorBgMenuItemHover, header.colorBgMenuItemSelected, header.colorTextMenu, header.colorTextMenuActive, header.colorTextMenuSelected, headerContentRender, prefixCls, props]);
81620
81695
  return wrapSSR((0,jsx_runtime.jsx)("div", {
81621
81696
  className: classnames_default()(prefixCls, hashId, propsClassName, defineProperty_defineProperty({}, "".concat(prefixCls, "-light"), true)),
81622
81697
  style: style,
81623
81698
  children: (0,jsx_runtime.jsxs)("div", {
81624
81699
  ref: ref,
81625
- className: classnames_default()("".concat(prefixCls, "-main"), defineProperty_defineProperty({}, "".concat(prefixCls, "-wide"), contentWidth === 'Fixed')),
81700
+ className: classnames_default()("".concat(prefixCls, "-main"), hashId, defineProperty_defineProperty({}, "".concat(prefixCls, "-wide"), contentWidth === 'Fixed')),
81626
81701
  children: [headerDom && (0,jsx_runtime.jsxs)("div", {
81627
- className: classnames_default()("".concat(prefixCls, "-main-left")),
81702
+ className: classnames_default()("".concat(prefixCls, "-main-left ").concat(hashId)),
81628
81703
  onClick: onMenuHeaderClick,
81629
81704
  children: [(0,jsx_runtime.jsx)(AppsLogoComponents, objectSpread2_objectSpread2({}, props)), (0,jsx_runtime.jsx)("div", {
81630
- className: "".concat(prefixCls, "-logo"),
81705
+ className: "".concat(prefixCls, "-logo ").concat(hashId),
81631
81706
  id: "logo",
81632
81707
  children: headerDom
81633
81708
  }, "logo")]
@@ -81635,7 +81710,7 @@ var TopNavHeader = function TopNavHeader(props) {
81635
81710
  style: {
81636
81711
  flex: 1
81637
81712
  },
81638
- className: "".concat(prefixCls, "-menu"),
81713
+ className: "".concat(prefixCls, "-menu ").concat(hashId),
81639
81714
  children: contentDom
81640
81715
  }), (rightContentRender || actionsRender || props.avatarProps) && (0,jsx_runtime.jsx)(RightContent, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
81641
81716
  rightContentRender: rightContentRender
@@ -81797,7 +81872,7 @@ var GlobalHeader = function GlobalHeader(props) {
81797
81872
  }));
81798
81873
  }
81799
81874
 
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));
81875
+ 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
81876
 
81802
81877
  var logoDom = (0,jsx_runtime.jsx)("span", {
81803
81878
  className: logoClassNames,
@@ -81810,7 +81885,7 @@ var GlobalHeader = function GlobalHeader(props) {
81810
81885
  className: className,
81811
81886
  style: objectSpread2_objectSpread2({}, style),
81812
81887
  children: [isMobile && GlobalHeader_renderLogo(menuHeaderRender, logoDom), isMobile && (0,jsx_runtime.jsx)("span", {
81813
- className: "".concat(baseClassName, "-collapsed-button"),
81888
+ className: "".concat(baseClassName, "-collapsed-button ").concat(hashId),
81814
81889
  onClick: function onClick() {
81815
81890
  onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(!collapsed);
81816
81891
  },
@@ -81850,7 +81925,7 @@ var GlobalHeader = function GlobalHeader(props) {
81850
81925
  var Header = external_antd_.Layout.Header;
81851
81926
 
81852
81927
  var DefaultHeader = function DefaultHeader(props) {
81853
- var _classNames;
81928
+ var _classNames, _process$env$NODE_ENV;
81854
81929
 
81855
81930
  var isMobile = props.isMobile,
81856
81931
  fixedHeader = props.fixedHeader,
@@ -81907,8 +81982,11 @@ var DefaultHeader = function DefaultHeader(props) {
81907
81982
  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
81983
  if (layout === 'side' && !isMobile) return null;
81909
81984
  return wrapSSR((0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
81910
- children: (0,jsx_runtime.jsxs)(external_antd_.ConfigProvider, {
81985
+ children: (0,jsx_runtime.jsxs)(external_antd_.ConfigProvider // @ts-ignore
81986
+ , {
81987
+ // @ts-ignore
81911
81988
  theme: {
81989
+ hashed: ((_process$env$NODE_ENV = "production") === null || _process$env$NODE_ENV === void 0 ? void 0 : _process$env$NODE_ENV.toLowerCase()) !== 'test',
81912
81990
  override: {
81913
81991
  Layout: {
81914
81992
  colorBgHeader: 'transparent',
@@ -82264,24 +82342,25 @@ var BlockCheckbox = function BlockCheckbox(_ref) {
82264
82342
  configType = _ref.configType,
82265
82343
  onChange = _ref.onChange,
82266
82344
  list = _ref.list,
82267
- prefixCls = _ref.prefixCls;
82345
+ prefixCls = _ref.prefixCls,
82346
+ hashId = _ref.hashId;
82268
82347
  var baseClassName = "".concat(prefixCls, "-block-checkbox");
82269
82348
  var dom = (0,external_React_.useMemo)(function () {
82270
82349
  var domList = (list || []).map(function (item) {
82271
82350
  return (0,jsx_runtime.jsx)(external_antd_.Tooltip, {
82272
82351
  title: item.title,
82273
82352
  children: (0,jsx_runtime.jsxs)("div", {
82274
- className: classnames_default()("".concat(baseClassName, "-item"), "".concat(baseClassName, "-item-").concat(item.key), "".concat(baseClassName, "-").concat(configType, "-item")),
82353
+ className: classnames_default()(hashId, "".concat(baseClassName, "-item"), "".concat(baseClassName, "-item-").concat(item.key), "".concat(baseClassName, "-").concat(configType, "-item")),
82275
82354
  onClick: function onClick() {
82276
82355
  return onChange(item.key);
82277
82356
  },
82278
82357
  children: [(0,jsx_runtime.jsx)(icons_CheckOutlined, {
82279
- className: "".concat(baseClassName, "-selectIcon"),
82358
+ className: "".concat(baseClassName, "-selectIcon ").concat(hashId),
82280
82359
  style: {
82281
82360
  display: value === item.key ? 'block' : 'none'
82282
82361
  }
82283
82362
  }), (item === null || item === void 0 ? void 0 : item.icon) ? (0,jsx_runtime.jsx)("div", {
82284
- className: "".concat(baseClassName, "-icon"),
82363
+ className: "".concat(baseClassName, "-icon ").concat(hashId),
82285
82364
  children: item.icon
82286
82365
  }) : null]
82287
82366
  })
@@ -82290,7 +82369,7 @@ var BlockCheckbox = function BlockCheckbox(_ref) {
82290
82369
  return domList; // eslint-disable-next-line react-hooks/exhaustive-deps
82291
82370
  }, [value, list === null || list === void 0 ? void 0 : list.length, onChange]);
82292
82371
  return (0,jsx_runtime.jsx)("div", {
82293
- className: baseClassName,
82372
+ className: classnames_default()(baseClassName, hashId),
82294
82373
  children: dom
82295
82374
  });
82296
82375
  };
@@ -82639,7 +82718,8 @@ var renderLayoutSettingItem = function renderLayoutSettingItem(item) {
82639
82718
  var LayoutSetting = function LayoutSetting(_ref) {
82640
82719
  var _ref$settings = _ref.settings,
82641
82720
  settings = _ref$settings === void 0 ? {} : _ref$settings,
82642
- changeSetting = _ref.changeSetting;
82721
+ changeSetting = _ref.changeSetting,
82722
+ hashId = _ref.hashId;
82643
82723
  var formatMessage = getFormatMessage();
82644
82724
 
82645
82725
  var _ref2 = settings || defaultSettings,
@@ -82659,7 +82739,7 @@ var LayoutSetting = function LayoutSetting(_ref) {
82659
82739
  action: (0,jsx_runtime.jsxs)(external_antd_.Select, {
82660
82740
  value: contentWidth || 'Fixed',
82661
82741
  size: "small",
82662
- className: "content-width",
82742
+ className: "content-width ".concat(hashId),
82663
82743
  onSelect: function onSelect(value) {
82664
82744
  changeSetting('contentWidth', value);
82665
82745
  },
@@ -82739,7 +82819,8 @@ var LayoutSetting = function LayoutSetting(_ref) {
82739
82819
  var RegionalSetting = function RegionalSetting(_ref) {
82740
82820
  var _ref$settings = _ref.settings,
82741
82821
  settings = _ref$settings === void 0 ? {} : _ref$settings,
82742
- changeSetting = _ref.changeSetting;
82822
+ changeSetting = _ref.changeSetting,
82823
+ hashId = _ref.hashId;
82743
82824
  var formatMessage = getFormatMessage();
82744
82825
  var regionalSetting = ['header', 'footer', 'menu', 'menuHeader'];
82745
82826
  return (0,jsx_runtime.jsx)(external_antd_.List, {
@@ -82752,7 +82833,7 @@ var RegionalSetting = function RegionalSetting(_ref) {
82752
82833
  }),
82753
82834
  action: (0,jsx_runtime.jsx)(external_antd_.Switch, {
82754
82835
  size: "small",
82755
- className: "regional-".concat(key),
82836
+ className: "regional-".concat(key, " ").concat(hashId),
82756
82837
  checked: settings["".concat(key, "Render")] || settings["".concat(key, "Render")] === undefined,
82757
82838
  onChange: function onChange(checked) {
82758
82839
  return changeSetting("".concat(key, "Render"), checked === true ? undefined : false);
@@ -82794,12 +82875,14 @@ var genSettingDrawerStyle = function genSettingDrawerStyle(token) {
82794
82875
  }), defineProperty_defineProperty(_ref, token.componentCls, {
82795
82876
  '&-content': {
82796
82877
  position: 'relative',
82797
- minHeight: '100%'
82878
+ minHeight: '100%',
82879
+ color: token.colorText
82798
82880
  },
82799
82881
  '&-body-title': {
82800
82882
  marginBlockEnd: '12px',
82801
82883
  fontSize: '14px',
82802
- lineHeight: '22px'
82884
+ lineHeight: '22px',
82885
+ color: token.colorTextHeading
82803
82886
  },
82804
82887
  '&-block-checkbox': {
82805
82888
  display: 'flex',
@@ -82946,15 +83029,16 @@ var ThemeColor = function ThemeColor(_ref2) {
82946
83029
  colorList = _ref2.colorList,
82947
83030
  onChange = _ref2.onChange,
82948
83031
  prefixCls = _ref2.prefixCls,
82949
- formatMessage = _ref2.formatMessage;
83032
+ formatMessage = _ref2.formatMessage,
83033
+ hashId = _ref2.hashId;
82950
83034
 
82951
83035
  if (!colorList || (colorList === null || colorList === void 0 ? void 0 : colorList.length) < 1) {
82952
83036
  return null;
82953
83037
  }
82954
83038
 
82955
- var baseClassName = prefixCls + '-theme-color';
83039
+ var baseClassName = "".concat(prefixCls, "-theme-color");
82956
83040
  return (0,jsx_runtime.jsx)("div", {
82957
- className: baseClassName,
83041
+ className: "".concat(baseClassName, " ").concat(hashId),
82958
83042
  children: colorList === null || colorList === void 0 ? void 0 : colorList.map(function (_ref3) {
82959
83043
  var key = _ref3.key,
82960
83044
  color = _ref3.color;
@@ -82964,7 +83048,7 @@ var ThemeColor = function ThemeColor(_ref2) {
82964
83048
  id: "app.setting.themecolor.".concat(key)
82965
83049
  }),
82966
83050
  children: (0,jsx_runtime.jsx)(Tag, {
82967
- className: "".concat(baseClassName, "-block"),
83051
+ className: "".concat(baseClassName, "-block ").concat(hashId),
82968
83052
  color: color,
82969
83053
  check: value === color,
82970
83054
  onClick: function onClick() {
@@ -83004,6 +83088,7 @@ var ThemeColor = function ThemeColor(_ref2) {
83004
83088
 
83005
83089
  var Body = function Body(_ref) {
83006
83090
  var children = _ref.children,
83091
+ hashId = _ref.hashId,
83007
83092
  prefixCls = _ref.prefixCls,
83008
83093
  title = _ref.title;
83009
83094
  return (0,jsx_runtime.jsxs)("div", {
@@ -83011,7 +83096,7 @@ var Body = function Body(_ref) {
83011
83096
  marginBlockEnd: 24
83012
83097
  },
83013
83098
  children: [(0,jsx_runtime.jsx)("h3", {
83014
- className: "".concat(prefixCls, "-body-title"),
83099
+ className: "".concat(prefixCls, "-body-title ").concat(hashId),
83015
83100
  children: title
83016
83101
  }), children]
83017
83102
  });
@@ -83369,14 +83454,16 @@ var SettingDrawer = function SettingDrawer(props) {
83369
83454
  zIndex: 999
83370
83455
  },
83371
83456
  children: (0,jsx_runtime.jsxs)("div", {
83372
- className: "".concat(baseClassName, "-drawer-content"),
83457
+ className: "".concat(baseClassName, "-drawer-content ").concat(hashId),
83373
83458
  children: [(0,jsx_runtime.jsx)(Body, {
83374
83459
  title: formatMessage({
83375
83460
  id: 'app.setting.pagestyle',
83376
83461
  defaultMessage: 'Page style setting'
83377
83462
  }),
83463
+ hashId: hashId,
83378
83464
  prefixCls: baseClassName,
83379
83465
  children: (0,jsx_runtime.jsx)(BlockCheckbox, {
83466
+ hashId: hashId,
83380
83467
  prefixCls: baseClassName,
83381
83468
  list: [{
83382
83469
  key: 'light',
@@ -83402,12 +83489,14 @@ var SettingDrawer = function SettingDrawer(props) {
83402
83489
  }
83403
83490
  }, "navTheme")
83404
83491
  }), colorList !== false && (0,jsx_runtime.jsx)(Body, {
83492
+ hashId: hashId,
83405
83493
  title: formatMessage({
83406
83494
  id: 'app.setting.themecolor',
83407
83495
  defaultMessage: 'Theme color'
83408
83496
  }),
83409
83497
  prefixCls: baseClassName,
83410
83498
  children: (0,jsx_runtime.jsx)(ThemeColor, {
83499
+ hashId: hashId,
83411
83500
  prefixCls: baseClassName,
83412
83501
  colorList: colorList,
83413
83502
  value: genStringToTheme(colorPrimary),
@@ -83418,6 +83507,7 @@ var SettingDrawer = function SettingDrawer(props) {
83418
83507
  })
83419
83508
  }), !themeOnly && (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
83420
83509
  children: [(0,jsx_runtime.jsx)(external_antd_.Divider, {}), (0,jsx_runtime.jsx)(Body, {
83510
+ hashId: hashId,
83421
83511
  prefixCls: baseClassName,
83422
83512
  title: formatMessage({
83423
83513
  id: 'app.setting.navigationmode'
@@ -83425,6 +83515,7 @@ var SettingDrawer = function SettingDrawer(props) {
83425
83515
  children: (0,jsx_runtime.jsx)(BlockCheckbox, {
83426
83516
  prefixCls: baseClassName,
83427
83517
  value: layout,
83518
+ hashId: hashId,
83428
83519
  configType: "layout",
83429
83520
  list: [{
83430
83521
  key: 'side',
@@ -83447,6 +83538,7 @@ var SettingDrawer = function SettingDrawer(props) {
83447
83538
  }
83448
83539
  }, "layout")
83449
83540
  }), settingState.layout == 'side' || settingState.layout == 'mix' ? (0,jsx_runtime.jsx)(Body, {
83541
+ hashId: hashId,
83450
83542
  prefixCls: baseClassName,
83451
83543
  title: formatMessage({
83452
83544
  id: 'app.setting.sidermenutype'
@@ -83454,6 +83546,7 @@ var SettingDrawer = function SettingDrawer(props) {
83454
83546
  children: (0,jsx_runtime.jsx)(BlockCheckbox, {
83455
83547
  prefixCls: baseClassName,
83456
83548
  value: siderMenuType,
83549
+ hashId: hashId,
83457
83550
  configType: "siderMenuType",
83458
83551
  list: [{
83459
83552
  key: 'sub',
@@ -83473,18 +83566,22 @@ var SettingDrawer = function SettingDrawer(props) {
83473
83566
  }
83474
83567
  }, "siderMenuType")
83475
83568
  }) : null, (0,jsx_runtime.jsx)(LayoutSetting, {
83569
+ hashId: hashId,
83476
83570
  settings: settingState,
83477
83571
  changeSetting: changeSetting
83478
83572
  }), (0,jsx_runtime.jsx)(external_antd_.Divider, {}), (0,jsx_runtime.jsx)(Body, {
83573
+ hashId: hashId,
83479
83574
  prefixCls: baseClassName,
83480
83575
  title: formatMessage({
83481
83576
  id: 'app.setting.regionalsettings'
83482
83577
  }),
83483
83578
  children: (0,jsx_runtime.jsx)(RegionalSetting, {
83579
+ hashId: hashId,
83484
83580
  settings: settingState,
83485
83581
  changeSetting: changeSetting
83486
83582
  })
83487
83583
  }), (0,jsx_runtime.jsx)(external_antd_.Divider, {}), (0,jsx_runtime.jsx)(Body, {
83584
+ hashId: hashId,
83488
83585
  prefixCls: baseClassName,
83489
83586
  title: formatMessage({
83490
83587
  id: 'app.setting.othersettings'
@@ -85684,7 +85781,7 @@ var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
85684
85781
  paddingBlock: 16,
85685
85782
  color: token.colorTextMenu,
85686
85783
  cursor: 'pointer',
85687
- borderBottom: "1px solid ".concat(token.colorMenuItemDivider),
85784
+ borderBlockEnd: "1px solid ".concat(token.colorMenuItemDivider),
85688
85785
  '> a': {
85689
85786
  display: 'flex',
85690
85787
  alignItems: 'center',
@@ -85917,7 +86014,7 @@ var SiderMenuWrapper = function SiderMenuWrapper(props) {
85917
86014
  */
85918
86015
 
85919
86016
  var compatibleStyle = function compatibleStyle(token) {
85920
- var _$concat$concat, _$concat5, _$concat6, _$concat9, _token$componentCls, _$concat$concat2, _$concat11, _ref;
86017
+ var _$concat$concat, _$concat5, _$concat6, _$concat8, _$concat9, _token$componentCls, _$concat$concat2, _$concat11, _ref;
85921
86018
 
85922
86019
  if (external_antd_.version.startsWith('5')) {
85923
86020
  return {};
@@ -85934,7 +86031,8 @@ var compatibleStyle = function compatibleStyle(token) {
85934
86031
  }, defineProperty_defineProperty(_$concat6, "".concat(token.antCls, "-menu-sub"), {
85935
86032
  color: token.sider.colorTextMenu
85936
86033
  }), defineProperty_defineProperty(_$concat6, "& ".concat(token.antCls, "-layout"), {
85937
- backgroundColor: 'transparent'
86034
+ backgroundColor: 'transparent',
86035
+ width: '100%'
85938
86036
  }), defineProperty_defineProperty(_$concat6, "".concat(token.antCls, "-menu-submenu-expand-icon, ").concat(token.antCls, "-menu-submenu-arrow"), {
85939
86037
  color: 'inherit'
85940
86038
  }), defineProperty_defineProperty(_$concat6, "&".concat(token.antCls, "-menu"), defineProperty_defineProperty({
@@ -85989,12 +86087,16 @@ var compatibleStyle = function compatibleStyle(token) {
85989
86087
  color: token.header.colorTextMenu
85990
86088
  }, "".concat(token.antCls, "-menu-item a"), {
85991
86089
  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({
86090
+ })), 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
86091
  color: token.header.colorTextMenuActive,
85994
86092
  borderRadius: token.radiusBase
85995
86093
  }, "".concat(token.antCls, "-menu-submenu-arrow"), {
85996
86094
  color: token.header.colorTextMenuActive
85997
- }))), _$concat9)), _token$componentCls)), defineProperty_defineProperty(_ref, "".concat(token.antCls, "-menu-sub").concat(token.antCls, "-menu-inline"), {
86095
+ })), defineProperty_defineProperty(_$concat8, "".concat(token.antCls, "-menu-item-selected"), {
86096
+ color: token.header.colorTextMenuActive,
86097
+ fontWeight: 'bold',
86098
+ borderRadius: token.radiusBase
86099
+ }), _$concat8)), _$concat9)), _token$componentCls)), defineProperty_defineProperty(_ref, "".concat(token.antCls, "-menu-sub").concat(token.antCls, "-menu-inline"), {
85998
86100
  backgroundColor: 'transparent!important'
85999
86101
  }), defineProperty_defineProperty(_ref, "".concat(token.antCls, "-menu-submenu-popup"), (_$concat11 = {
86000
86102
  backgroundColor: 'rgba(255, 255, 255, 0.42)',
@@ -86006,13 +86108,16 @@ var compatibleStyle = function compatibleStyle(token) {
86006
86108
  }, "".concat(token.antCls, "-menu-item:active, \n ").concat(token.antCls, "-menu-submenu-title:active"), {
86007
86109
  backgroundColor: 'transparent!important'
86008
86110
  })), defineProperty_defineProperty(_$concat11, "".concat(token.antCls, "-menu-item-selected"), {
86009
- color: token.sider.colorTextMenuSelected
86111
+ color: token.sider.colorTextMenuSelected,
86112
+ fontWeight: 'bold'
86010
86113
  }), defineProperty_defineProperty(_$concat11, "".concat(token.antCls, "-menu-submenu-selected"), {
86011
- color: token.sider.colorTextMenuSelected
86114
+ color: token.sider.colorTextMenuSelected,
86115
+ fontWeight: 'bold'
86012
86116
  }), 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
86117
  backgroundColor: 'rgba(0, 0, 0, 0.04)',
86014
86118
  borderRadius: token.radiusBase,
86015
- color: token.sider.colorTextMenuSelected
86119
+ color: token.sider.colorTextMenuSelected,
86120
+ fontWeight: 'bold'
86016
86121
  }), 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
86122
  color: token.sider.colorTextMenuActive,
86018
86123
  borderRadius: token.radiusBase
@@ -86032,9 +86137,12 @@ var genProLayoutStyle = function genProLayoutStyle(token) {
86032
86137
  marginInline: 0,
86033
86138
  fontFamily: token.fontFamily
86034
86139
  }
86035
- }, token.proComponentsCls, (_token$proComponentsC = {}, defineProperty_defineProperty(_token$proComponentsC, "& ".concat(token.componentCls), (_$concat12 = {}, defineProperty_defineProperty(_$concat12, "& ".concat(token.antCls, "-layout"), {
86140
+ }, token.proComponentsCls, (_token$proComponentsC = {}, defineProperty_defineProperty(_token$proComponentsC, "".concat(token.antCls, "-layout"), {
86141
+ backgroundColor: 'transparent !important'
86142
+ }), defineProperty_defineProperty(_token$proComponentsC, "& ".concat(token.componentCls), (_$concat12 = {}, defineProperty_defineProperty(_$concat12, "& ".concat(token.antCls, "-layout"), {
86036
86143
  display: 'flex',
86037
- backgroundColor: 'transparent'
86144
+ backgroundColor: 'transparent',
86145
+ width: '100%'
86038
86146
  }), defineProperty_defineProperty(_$concat12, "".concat(token.componentCls, "-content"), {
86039
86147
  display: 'flex',
86040
86148
  flexDirection: 'column',
@@ -86049,6 +86157,12 @@ var genProLayoutStyle = function genProLayoutStyle(token) {
86049
86157
  '&-has-page-container': {
86050
86158
  margin: 0
86051
86159
  }
86160
+ }), defineProperty_defineProperty(_$concat12, "".concat(token.componentCls, "-container"), {
86161
+ width: '100%',
86162
+ display: 'flex',
86163
+ flexDirection: 'column',
86164
+ minWidth: 0,
86165
+ minHeight: 0
86052
86166
  }), defineProperty_defineProperty(_$concat12, "".concat(token.componentCls, "-bg-list"), {
86053
86167
  pointerEvents: 'none',
86054
86168
  position: 'fixed',
@@ -86283,11 +86397,14 @@ var useCurrentMenuLayoutProps = function useCurrentMenuLayoutProps(currentMenu)
86283
86397
  var WrapContent = function WrapContent(props) {
86284
86398
  var _classNames;
86285
86399
 
86400
+ var _useToken = useStyle_useToken(),
86401
+ hashId = _useToken.hashId;
86402
+
86286
86403
  var style = props.style,
86287
86404
  prefixCls = props.prefixCls,
86288
86405
  children = props.children,
86289
86406
  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));
86407
+ 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
86408
  var ErrorComponent = props.ErrorBoundary || ErrorBoundary;
86292
86409
  return props.ErrorBoundary === false ? (0,jsx_runtime.jsx)(external_antd_.Layout.Content, {
86293
86410
  className: contentClassName,
@@ -86781,7 +86898,7 @@ var BaseProLayout = function BaseProLayout(props) {
86781
86898
  }, style),
86782
86899
  children: [siderMenuDom, (0,jsx_runtime.jsxs)("div", {
86783
86900
  style: genLayoutStyle,
86784
- className: context.getPrefixCls('layout'),
86901
+ className: "".concat(proLayoutClassName, "-container"),
86785
86902
  children: [headerDom, (0,jsx_runtime.jsx)(WrapContent, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
86786
86903
  hasPageContainer: hasPageContainer,
86787
86904
  isChildrenLayout: isChildrenLayout
@@ -86805,9 +86922,14 @@ BaseProLayout.defaultProps = objectSpread2_objectSpread2(objectSpread2_objectSpr
86805
86922
  });
86806
86923
 
86807
86924
  var ProLayout_ProLayout = function ProLayout(props) {
86925
+ var _process$env$NODE_ENV;
86926
+
86808
86927
  var colorPrimary = props.colorPrimary;
86809
- return (0,jsx_runtime.jsx)(external_antd_.ConfigProvider, {
86928
+ return (0,jsx_runtime.jsx)(external_antd_.ConfigProvider // @ts-ignore
86929
+ , {
86930
+ // @ts-ignore
86810
86931
  theme: {
86932
+ hashed: ((_process$env$NODE_ENV = "production") === null || _process$env$NODE_ENV === void 0 ? void 0 : _process$env$NODE_ENV.toLowerCase()) !== 'test',
86811
86933
  token: {
86812
86934
  radiusBase: 4,
86813
86935
  colorPrimary: colorPrimary || '#1677FF',
@@ -91212,6 +91334,7 @@ function ColumnSetting(props) {
91212
91334
 
91213
91335
 
91214
91336
 
91337
+
91215
91338
  var HeaderMenu = function HeaderMenu(props) {
91216
91339
  var _props$items = props.items,
91217
91340
  items = _props$items === void 0 ? [] : _props$items,
@@ -91252,7 +91375,9 @@ var HeaderMenu = function HeaderMenu(props) {
91252
91375
  }
91253
91376
 
91254
91377
  if (type === 'tab') {
91255
- return (0,jsx_runtime.jsx)(external_antd_.Tabs, {
91378
+ return (0,jsx_runtime.jsx)(external_antd_.Tabs //@ts-ignore
91379
+ , {
91380
+ //@ts-ignore
91256
91381
  items: items.map(function (item) {
91257
91382
  var _item$key;
91258
91383
 
@@ -91263,7 +91388,13 @@ var HeaderMenu = function HeaderMenu(props) {
91263
91388
  activeKey: activeItem.key,
91264
91389
  onTabClick: function onTabClick(key) {
91265
91390
  return setActiveKey(key);
91266
- }
91391
+ },
91392
+ children: items === null || items === void 0 ? void 0 : items.map(function (item, index) {
91393
+ return /*#__PURE__*/(0,external_React_.createElement)(external_antd_.Tabs.TabPane, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, item), {}, {
91394
+ key: item.key || index,
91395
+ tab: item.label
91396
+ }));
91397
+ })
91267
91398
  });
91268
91399
  }
91269
91400
 
@@ -91380,7 +91511,7 @@ var genProListStyle = function genProListStyle(token) {
91380
91511
  }, "".concat(token.antCls, "-tabs-top > ").concat(token.antCls, "-tabs-nav"), defineProperty_defineProperty({
91381
91512
  marginBlockEnd: 0,
91382
91513
  '&::before': {
91383
- borderBottom: 0
91514
+ borderBlockEnd: 0
91384
91515
  }
91385
91516
  }, "".concat(token.antCls, "-tabs-nav-list"), {
91386
91517
  marginBlockStart: 0,
@@ -91421,6 +91552,7 @@ function ListToolBar_style_useStyle(prefixCls) {
91421
91552
 
91422
91553
 
91423
91554
 
91555
+
91424
91556
  /**
91425
91557
  * 获取配置区域 DOM Item
91426
91558
  *
@@ -91460,6 +91592,8 @@ function getSettingItem(setting) {
91460
91592
  }
91461
91593
 
91462
91594
  var ListToolBarTabBar = function ListToolBarTabBar(_ref) {
91595
+ var _tabs$items;
91596
+
91463
91597
  var prefixCls = _ref.prefixCls,
91464
91598
  _ref$tabs = _ref.tabs,
91465
91599
  tabs = _ref$tabs === void 0 ? {} : _ref$tabs,
@@ -91470,6 +91604,7 @@ var ListToolBarTabBar = function ListToolBarTabBar(_ref) {
91470
91604
  className: "".concat(prefixCls, "-extra-line"),
91471
91605
  children: tabs.items && tabs.items.length ? (0,jsx_runtime.jsx)(external_antd_.Tabs, {
91472
91606
  activeKey: tabs.activeKey,
91607
+ //@ts-ignore
91473
91608
  items: tabs.items.map(function (item, index) {
91474
91609
  var _item$key;
91475
91610
 
@@ -91480,7 +91615,13 @@ var ListToolBarTabBar = function ListToolBarTabBar(_ref) {
91480
91615
  });
91481
91616
  }),
91482
91617
  onChange: tabs.onChange,
91483
- tabBarExtraContent: filtersNode
91618
+ tabBarExtraContent: filtersNode,
91619
+ children: (_tabs$items = tabs.items) === null || _tabs$items === void 0 ? void 0 : _tabs$items.map(function (item, index) {
91620
+ return /*#__PURE__*/(0,external_React_.createElement)(external_antd_.Tabs.TabPane, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, item), {}, {
91621
+ key: item.key || index,
91622
+ tab: item.tab
91623
+ }));
91624
+ })
91484
91625
  }) : filtersNode
91485
91626
  });
91486
91627
  };
@@ -113173,39 +113314,39 @@ var es_style_genProListStyle = function genProListStyle(token) {
113173
113314
  }, defineProperty_defineProperty(_token$componentCls, "".concat(token.proComponentsCls, "-table-alert"), {
113174
113315
  marginBlockEnd: '16px'
113175
113316
  }), 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"), {
113317
+ borderBlockEnd: "1px solid ".concat(token.colorSplit)
113318
+ }, defineProperty_defineProperty(_row, "".concat(token.antCls, "-list-item-meta-title"), {
113319
+ borderBlockEnd: 'none',
113320
+ margin: 0
113321
+ }), defineProperty_defineProperty(_row, '&:last-child', defineProperty_defineProperty({
113322
+ borderBlockEnd: 'none'
113323
+ }, "".concat(token.antCls, "-list-item"), {
113324
+ borderBlockEnd: 'none'
113325
+ })), defineProperty_defineProperty(_row, '&:hover', (_hover = {
113326
+ backgroundColor: 'rgba(0, 0, 0, 0.02)',
113327
+ transition: 'background-color 0.3s'
113328
+ }, defineProperty_defineProperty(_hover, "".concat(token.antCls, "-list-item-action"), {
113329
+ display: 'block'
113330
+ }), defineProperty_defineProperty(_hover, "".concat(token.antCls, "-list-item-extra"), {
113331
+ display: 'flex'
113332
+ }), defineProperty_defineProperty(_hover, "".concat(token.componentCls, "-row-extra"), {
113333
+ display: 'block'
113334
+ }), defineProperty_defineProperty(_hover, "".concat(token.componentCls, "-row-subheader-actions"), {
113335
+ display: 'block'
113336
+ }), _hover)), defineProperty_defineProperty(_row, '&-card', defineProperty_defineProperty({
113337
+ marginBlock: 8,
113338
+ marginInline: 0,
113339
+ paddingBlock: 0,
113340
+ paddingInline: 8,
113341
+ '&:hover': {
113342
+ backgroundColor: 'transparent'
113343
+ }
113344
+ }, "".concat(token.antCls, "-list-item-meta-title"), {
113345
+ flexShrink: 9,
113346
+ marginBlock: 0,
113347
+ marginInline: 0,
113348
+ lineHeight: '22px'
113349
+ })), defineProperty_defineProperty(_row, "&".concat(token.componentCls, "-row-editable"), defineProperty_defineProperty({}, "".concat(token.componentCls, "-list-item"), {
113209
113350
  '&-meta': {
113210
113351
  '&-avatar,&-description,&-title': {
113211
113352
  paddingBlock: 6,
@@ -113301,13 +113442,13 @@ var es_style_genProListStyle = function genProListStyle(token) {
113301
113442
  width: '16px',
113302
113443
  marginInlineEnd: '12px'
113303
113444
  }), defineProperty_defineProperty(_row, '&-no-split', (_noSplit = {}, defineProperty_defineProperty(_noSplit, "".concat(token.componentCls, "-row"), {
113304
- borderBottom: 'none'
113445
+ borderBlockEnd: 'none'
113305
113446
  }), defineProperty_defineProperty(_noSplit, "".concat(token.antCls, "-list ").concat(token.antCls, "-list-item"), {
113306
- borderBottom: 'none'
113447
+ borderBlockEnd: 'none'
113307
113448
  }), _noSplit)), defineProperty_defineProperty(_row, '&-bordered', defineProperty_defineProperty({}, "".concat(token.componentCls, "-toolbar"), {
113308
- borderBottom: "1px solid ".concat(token.colorSplit)
113449
+ borderBlockEnd: "1px solid ".concat(token.colorSplit)
113309
113450
  })), defineProperty_defineProperty(_row, "".concat(token.antCls, "-list-vertical"), (_$concat5 = {}, defineProperty_defineProperty(_$concat5, "".concat(token.componentCls, "-row"), {
113310
- borderBottom: '12px 18px 12px 24px'
113451
+ borderBlockEnd: '12px 18px 12px 24px'
113311
113452
  }), defineProperty_defineProperty(_$concat5, '&-header-title', {
113312
113453
  display: 'flex',
113313
113454
  flexDirection: 'column',
@@ -113340,7 +113481,7 @@ var es_style_genProListStyle = function genProListStyle(token) {
113340
113481
  '&-header': {
113341
113482
  paddingBlock: 0,
113342
113483
  paddingInline: 0,
113343
- borderBottom: 'none'
113484
+ borderBlockEnd: 'none'
113344
113485
  }
113345
113486
  }, "".concat(token.antCls, "-list-item"), {
113346
113487
  width: '100%',
@@ -113531,17 +113672,17 @@ function BaseProList(props) {
113531
113672
  /* harmony default export */ var list_es = ((/* unused pure expression or super */ null && (ProList)));
113532
113673
  ;// CONCATENATED MODULE: ./packages/components/src/version.ts
113533
113674
  var version_version = {
113534
- "@ant-design/pro-card": "2.0.0-experimental.16",
113535
- "@ant-design/pro-components": "2.0.0-experimental.28",
113536
- "@ant-design/pro-descriptions": "2.0.0-experimental.16",
113537
- "@ant-design/pro-field": "2.0.0-experimental.16",
113538
- "@ant-design/pro-form": "2.0.0-experimental.16",
113539
- "@ant-design/pro-layout": "7.0.0-experimental.28",
113540
- "@ant-design/pro-list": "2.0.0-experimental.17",
113675
+ "@ant-design/pro-card": "2.0.0-experimental.18",
113676
+ "@ant-design/pro-components": "2.0.5",
113677
+ "@ant-design/pro-descriptions": "2.0.0-experimental.19",
113678
+ "@ant-design/pro-field": "2.0.0-experimental.18",
113679
+ "@ant-design/pro-form": "2.0.0-experimental.19",
113680
+ "@ant-design/pro-layout": "7.0.0-experimental.30",
113681
+ "@ant-design/pro-list": "2.0.0-experimental.20",
113541
113682
  "@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.17",
113544
- "@ant-design/pro-utils": "2.0.0-experimental.16"
113683
+ "@ant-design/pro-skeleton": "2.0.0-experimental.9",
113684
+ "@ant-design/pro-table": "3.0.0-experimental.20",
113685
+ "@ant-design/pro-utils": "2.0.0-experimental.17"
113545
113686
  };
113546
113687
  ;// CONCATENATED MODULE: ./packages/components/src/index.tsx
113547
113688