@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.
- package/dist/components.js +397 -256
- package/dist/components.min.js +1 -1
- package/es/version.js +10 -10
- package/package.json +11 -11
package/dist/components.js
CHANGED
|
@@ -32732,7 +32732,7 @@ __webpack_require__.d(token_namespaceObject, {
|
|
|
32732
32732
|
"defaultAlgorithm": function() { return defaultAlgorithm; },
|
|
32733
32733
|
"defaultTheme": function() { return defaultTheme; },
|
|
32734
32734
|
"token": function() { return token_token; },
|
|
32735
|
-
"useToken": function() { return
|
|
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(
|
|
36117
|
-
var _children =
|
|
36118
|
-
|
|
36119
|
-
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;
|
|
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
|
|
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:
|
|
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
|
-
|
|
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) :
|
|
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
|
-
|
|
44896
|
-
|
|
44897
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
59250
|
-
|
|
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
|
-
|
|
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 || '
|
|
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.
|
|
68987
|
+
return defineProperty_defineProperty({}, token.componentCls, (_token$componentCls = {
|
|
68955
68988
|
padding: 24
|
|
68956
|
-
}, defineProperty_defineProperty(_token$componentCls, "".concat(token.antCls, "-form-
|
|
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
|
|
69184
|
-
span:
|
|
69185
|
-
|
|
69186
|
-
|
|
69187
|
-
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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({},
|
|
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:
|
|
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
|
-
|
|
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$
|
|
80660
|
-
menu = _this$
|
|
80661
|
-
formatMessage = _this$
|
|
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$
|
|
80679
|
-
_this$
|
|
80680
|
-
location = _this$
|
|
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$
|
|
80683
|
-
isMobile = _this$
|
|
80684
|
-
onCollapse = _this$
|
|
80685
|
-
menuItemRender = _this$
|
|
80686
|
-
iconPrefixes = _this$
|
|
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$
|
|
80691
|
-
baseClassName = _this$
|
|
80692
|
-
menu = _this$
|
|
80693
|
-
collapsed = _this$
|
|
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
|
-
}, [
|
|
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
|
|
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
|
-
|
|
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"),
|
|
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
|
-
}))
|
|
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, "
|
|
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:
|
|
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
|
-
|
|
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
|
-
|
|
113177
|
-
|
|
113178
|
-
|
|
113179
|
-
|
|
113180
|
-
|
|
113181
|
-
|
|
113182
|
-
|
|
113183
|
-
|
|
113184
|
-
|
|
113185
|
-
|
|
113186
|
-
|
|
113187
|
-
|
|
113188
|
-
|
|
113189
|
-
|
|
113190
|
-
|
|
113191
|
-
|
|
113192
|
-
|
|
113193
|
-
|
|
113194
|
-
'
|
|
113195
|
-
|
|
113196
|
-
|
|
113197
|
-
|
|
113198
|
-
|
|
113199
|
-
|
|
113200
|
-
|
|
113201
|
-
|
|
113202
|
-
}
|
|
113203
|
-
|
|
113204
|
-
|
|
113205
|
-
|
|
113206
|
-
|
|
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
|
-
|
|
113445
|
+
borderBlockEnd: 'none'
|
|
113305
113446
|
}), defineProperty_defineProperty(_noSplit, "".concat(token.antCls, "-list ").concat(token.antCls, "-list-item"), {
|
|
113306
|
-
|
|
113447
|
+
borderBlockEnd: 'none'
|
|
113307
113448
|
}), _noSplit)), defineProperty_defineProperty(_row, '&-bordered', defineProperty_defineProperty({}, "".concat(token.componentCls, "-toolbar"), {
|
|
113308
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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.
|
|
113535
|
-
"@ant-design/pro-components": "2.0.
|
|
113536
|
-
"@ant-design/pro-descriptions": "2.0.0-experimental.
|
|
113537
|
-
"@ant-design/pro-field": "2.0.0-experimental.
|
|
113538
|
-
"@ant-design/pro-form": "2.0.0-experimental.
|
|
113539
|
-
"@ant-design/pro-layout": "7.0.0-experimental.
|
|
113540
|
-
"@ant-design/pro-list": "2.0.0-experimental.
|
|
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.
|
|
113543
|
-
"@ant-design/pro-table": "3.0.0-experimental.
|
|
113544
|
-
"@ant-design/pro-utils": "2.0.0-experimental.
|
|
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
|
|