@ant-design/pro-components 2.0.5 → 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 +310 -177
- package/dist/components.min.js +1 -1
- package/es/version.js +10 -10
- package/package.json +10 -10
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
|
|
@@ -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);
|
|
@@ -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
|
}))
|
|
@@ -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
|
|
|
@@ -68951,7 +68984,7 @@ 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
68989
|
}, defineProperty_defineProperty(_token$componentCls, "&".concat(token.antCls, "-form-horizontal"), {
|
|
68957
68990
|
paddingInline: 0
|
|
@@ -68974,7 +69007,7 @@ var QueryFilter_style_genProStyle = function genProStyle(token) {
|
|
|
68974
69007
|
}), defineProperty_defineProperty(_token$componentCls, '&-collapse-button', {
|
|
68975
69008
|
display: 'flex',
|
|
68976
69009
|
alignItems: 'center'
|
|
68977
|
-
}), _token$componentCls))
|
|
69010
|
+
}), _token$componentCls));
|
|
68978
69011
|
};
|
|
68979
69012
|
|
|
68980
69013
|
function QueryFilter_style_useStyle(prefixCls) {
|
|
@@ -78243,10 +78276,10 @@ var FooterToolbar = function FooterToolbar(props) {
|
|
|
78243
78276
|
|
|
78244
78277
|
var dom = (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
|
|
78245
78278
|
children: [(0,jsx_runtime.jsx)("div", {
|
|
78246
|
-
className: "".concat(baseClassName, "-left"),
|
|
78279
|
+
className: "".concat(baseClassName, "-left ").concat(hashId),
|
|
78247
78280
|
children: extra
|
|
78248
78281
|
}), (0,jsx_runtime.jsx)("div", {
|
|
78249
|
-
className: "".concat(baseClassName, "-right"),
|
|
78282
|
+
className: "".concat(baseClassName, "-right ").concat(hashId),
|
|
78250
78283
|
children: children
|
|
78251
78284
|
})]
|
|
78252
78285
|
});
|
|
@@ -78347,7 +78380,7 @@ var GridContent = function GridContent(props) {
|
|
|
78347
78380
|
className: classnames_default()(className, hashId, propsClassName, defineProperty_defineProperty({}, "".concat(className, "-wide"), isWide)),
|
|
78348
78381
|
style: style,
|
|
78349
78382
|
children: (0,jsx_runtime.jsx)("div", {
|
|
78350
|
-
className: "".concat(prefixCls, "-grid-content-children"),
|
|
78383
|
+
className: "".concat(prefixCls, "-grid-content-children ").concat(hashId),
|
|
78351
78384
|
children: children
|
|
78352
78385
|
})
|
|
78353
78386
|
}));
|
|
@@ -78416,10 +78449,13 @@ var defaultToken = getLayoutDesignToken({}, {});
|
|
|
78416
78449
|
var ProLayoutContext = /*#__PURE__*/external_React_default().createContext(defaultToken);
|
|
78417
78450
|
var ProLayoutProvider = function ProLayoutProvider(props) {
|
|
78418
78451
|
var _useToken = useStyle_useToken(),
|
|
78419
|
-
token = _useToken.token
|
|
78452
|
+
token = _useToken.token,
|
|
78453
|
+
hashId = _useToken.hashId;
|
|
78420
78454
|
|
|
78421
78455
|
return (0,jsx_runtime.jsx)(ProLayoutContext.Provider, {
|
|
78422
|
-
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
|
+
}),
|
|
78423
78459
|
children: props.children
|
|
78424
78460
|
});
|
|
78425
78461
|
};
|
|
@@ -78618,6 +78654,7 @@ var getBackIcon = function getBackIcon(props) {
|
|
|
78618
78654
|
|
|
78619
78655
|
var renderTitle = function renderTitle(prefixCls, props) {
|
|
78620
78656
|
var direction = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'ltr';
|
|
78657
|
+
var hashId = arguments.length > 3 ? arguments[3] : undefined;
|
|
78621
78658
|
var title = props.title,
|
|
78622
78659
|
avatar = props.avatar,
|
|
78623
78660
|
subTitle = props.subTitle,
|
|
@@ -78635,25 +78672,25 @@ var renderTitle = function renderTitle(prefixCls, props) {
|
|
|
78635
78672
|
var backIconDom = renderBack(prefixCls, backIcon, onBack);
|
|
78636
78673
|
var hasTitle = backIconDom || avatar || hasHeading;
|
|
78637
78674
|
return (0,jsx_runtime.jsxs)("div", {
|
|
78638
|
-
className: headingPrefixCls,
|
|
78675
|
+
className: headingPrefixCls + ' ' + hashId,
|
|
78639
78676
|
children: [hasTitle && (0,jsx_runtime.jsxs)("div", {
|
|
78640
|
-
className: "".concat(headingPrefixCls, "-left"),
|
|
78677
|
+
className: "".concat(headingPrefixCls, "-left ").concat(hashId),
|
|
78641
78678
|
children: [backIconDom, avatar && (0,jsx_runtime.jsx)(external_antd_.Avatar, objectSpread2_objectSpread2({
|
|
78642
|
-
className: classnames_default()("".concat(headingPrefixCls, "-avatar"), avatar.className)
|
|
78679
|
+
className: classnames_default()("".concat(headingPrefixCls, "-avatar"), hashId, avatar.className)
|
|
78643
78680
|
}, avatar)), title && (0,jsx_runtime.jsx)("span", {
|
|
78644
|
-
className: "".concat(headingPrefixCls, "-title"),
|
|
78681
|
+
className: "".concat(headingPrefixCls, "-title ").concat(hashId),
|
|
78645
78682
|
title: typeof title === 'string' ? title : undefined,
|
|
78646
78683
|
children: title
|
|
78647
78684
|
}), subTitle && (0,jsx_runtime.jsx)("span", {
|
|
78648
|
-
className: "".concat(headingPrefixCls, "-sub-title"),
|
|
78685
|
+
className: "".concat(headingPrefixCls, "-sub-title ").concat(hashId),
|
|
78649
78686
|
title: typeof subTitle === 'string' ? subTitle : undefined,
|
|
78650
78687
|
children: subTitle
|
|
78651
78688
|
}), tags && (0,jsx_runtime.jsx)("span", {
|
|
78652
|
-
className: "".concat(headingPrefixCls, "-tags"),
|
|
78689
|
+
className: "".concat(headingPrefixCls, "-tags ").concat(hashId),
|
|
78653
78690
|
children: tags
|
|
78654
78691
|
})]
|
|
78655
78692
|
}), extra && (0,jsx_runtime.jsx)("span", {
|
|
78656
|
-
className: "".concat(headingPrefixCls, "-extra"),
|
|
78693
|
+
className: "".concat(headingPrefixCls, "-extra ").concat(hashId),
|
|
78657
78694
|
children: (0,jsx_runtime.jsx)(external_antd_.Space, {
|
|
78658
78695
|
children: extra
|
|
78659
78696
|
})
|
|
@@ -78661,10 +78698,10 @@ var renderTitle = function renderTitle(prefixCls, props) {
|
|
|
78661
78698
|
});
|
|
78662
78699
|
};
|
|
78663
78700
|
|
|
78664
|
-
var renderFooter = function renderFooter(prefixCls, footer) {
|
|
78701
|
+
var renderFooter = function renderFooter(prefixCls, footer, hashId) {
|
|
78665
78702
|
if (footer) {
|
|
78666
78703
|
return (0,jsx_runtime.jsx)("div", {
|
|
78667
|
-
className: "".concat(prefixCls, "-footer"),
|
|
78704
|
+
className: "".concat(prefixCls, "-footer ").concat(hashId),
|
|
78668
78705
|
children: footer
|
|
78669
78706
|
});
|
|
78670
78707
|
}
|
|
@@ -78672,9 +78709,9 @@ var renderFooter = function renderFooter(prefixCls, footer) {
|
|
|
78672
78709
|
return null;
|
|
78673
78710
|
};
|
|
78674
78711
|
|
|
78675
|
-
var renderChildren = function renderChildren(prefixCls, children) {
|
|
78712
|
+
var renderChildren = function renderChildren(prefixCls, children, hashId) {
|
|
78676
78713
|
return (0,jsx_runtime.jsx)("div", {
|
|
78677
|
-
className: "".concat(prefixCls, "-content"),
|
|
78714
|
+
className: "".concat(prefixCls, "-content ").concat(hashId),
|
|
78678
78715
|
children: children
|
|
78679
78716
|
});
|
|
78680
78717
|
};
|
|
@@ -78736,9 +78773,9 @@ var PageHeader = function PageHeader(props) {
|
|
|
78736
78773
|
var className = classnames_default()(prefixCls, props.className, customizeClassName, (_classNames = {
|
|
78737
78774
|
hashId: hashId
|
|
78738
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));
|
|
78739
|
-
var title = renderTitle(prefixCls, props, direction);
|
|
78740
|
-
var childDom = children && renderChildren(prefixCls, children);
|
|
78741
|
-
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);
|
|
78742
78779
|
|
|
78743
78780
|
if (!breadcrumbDom && !title && !footerDom && !childDom) {
|
|
78744
78781
|
return null;
|
|
@@ -79010,7 +79047,7 @@ function PageContainer_style_useStyle(prefixCls) {
|
|
|
79010
79047
|
|
|
79011
79048
|
|
|
79012
79049
|
|
|
79013
|
-
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"],
|
|
79014
79051
|
PageContainer_excluded2 = ["children", "loading", "className", "style", "footer", "affixProps", "fixedHeader", "breadcrumbRender"];
|
|
79015
79052
|
|
|
79016
79053
|
|
|
@@ -79045,13 +79082,14 @@ var PageContainer_renderFooter = function renderFooter(_ref) {
|
|
|
79045
79082
|
var tabList = _ref.tabList,
|
|
79046
79083
|
tabActiveKey = _ref.tabActiveKey,
|
|
79047
79084
|
onTabChange = _ref.onTabChange,
|
|
79085
|
+
hashId = _ref.hashId,
|
|
79048
79086
|
tabBarExtraContent = _ref.tabBarExtraContent,
|
|
79049
79087
|
tabProps = _ref.tabProps,
|
|
79050
79088
|
prefixedClassName = _ref.prefixedClassName;
|
|
79051
79089
|
|
|
79052
79090
|
if (Array.isArray(tabList) || tabBarExtraContent) {
|
|
79053
|
-
return (0,jsx_runtime.jsx)(external_antd_.Tabs, objectSpread2_objectSpread2({
|
|
79054
|
-
className: "".concat(prefixedClassName, "-tabs"),
|
|
79091
|
+
return (0,jsx_runtime.jsx)(external_antd_.Tabs, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
|
|
79092
|
+
className: "".concat(prefixedClassName, "-tabs ").concat(hashId),
|
|
79055
79093
|
activeKey: tabActiveKey,
|
|
79056
79094
|
onChange: function onChange(key) {
|
|
79057
79095
|
if (onTabChange) {
|
|
@@ -79059,6 +79097,7 @@ var PageContainer_renderFooter = function renderFooter(_ref) {
|
|
|
79059
79097
|
}
|
|
79060
79098
|
},
|
|
79061
79099
|
tabBarExtraContent: tabBarExtraContent,
|
|
79100
|
+
// @ts-ignore
|
|
79062
79101
|
items: tabList === null || tabList === void 0 ? void 0 : tabList.map(function (item, index) {
|
|
79063
79102
|
var _item$key;
|
|
79064
79103
|
|
|
@@ -79068,28 +79107,34 @@ var PageContainer_renderFooter = function renderFooter(_ref) {
|
|
|
79068
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())
|
|
79069
79108
|
});
|
|
79070
79109
|
})
|
|
79071
|
-
}, 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
|
+
}));
|
|
79072
79117
|
}
|
|
79073
79118
|
|
|
79074
79119
|
return null;
|
|
79075
79120
|
};
|
|
79076
79121
|
|
|
79077
|
-
var renderPageHeader = function renderPageHeader(content, extraContent, prefixedClassName) {
|
|
79122
|
+
var renderPageHeader = function renderPageHeader(content, extraContent, prefixedClassName, hashId) {
|
|
79078
79123
|
if (!content && !extraContent) {
|
|
79079
79124
|
return null;
|
|
79080
79125
|
}
|
|
79081
79126
|
|
|
79082
79127
|
return (0,jsx_runtime.jsx)("div", {
|
|
79083
|
-
className: "".concat(prefixedClassName, "-detail"),
|
|
79128
|
+
className: "".concat(prefixedClassName, "-detail ").concat(hashId),
|
|
79084
79129
|
children: (0,jsx_runtime.jsx)("div", {
|
|
79085
|
-
className: "".concat(prefixedClassName, "-main"),
|
|
79130
|
+
className: "".concat(prefixedClassName, "-main ").concat(hashId),
|
|
79086
79131
|
children: (0,jsx_runtime.jsxs)("div", {
|
|
79087
|
-
className: "".concat(prefixedClassName, "-row"),
|
|
79132
|
+
className: "".concat(prefixedClassName, "-row ").concat(hashId),
|
|
79088
79133
|
children: [content && (0,jsx_runtime.jsx)("div", {
|
|
79089
|
-
className: "".concat(prefixedClassName, "-content"),
|
|
79134
|
+
className: "".concat(prefixedClassName, "-content ").concat(hashId),
|
|
79090
79135
|
children: content
|
|
79091
79136
|
}), extraContent && (0,jsx_runtime.jsx)("div", {
|
|
79092
|
-
className: "".concat(prefixedClassName, "-extraContent"),
|
|
79137
|
+
className: "".concat(prefixedClassName, "-extraContent ").concat(hashId),
|
|
79093
79138
|
children: extraContent
|
|
79094
79139
|
})]
|
|
79095
79140
|
})
|
|
@@ -79127,6 +79172,7 @@ var memoRenderPageHeader = function memoRenderPageHeader(props) {
|
|
|
79127
79172
|
extraContent = props.extraContent,
|
|
79128
79173
|
style = props.style,
|
|
79129
79174
|
prefixCls = props.prefixCls,
|
|
79175
|
+
hashId = props.hashId,
|
|
79130
79176
|
value = props.value,
|
|
79131
79177
|
breadcrumbRender = props.breadcrumbRender,
|
|
79132
79178
|
restProps = objectWithoutProperties_objectWithoutProperties(props, PageContainer_excluded);
|
|
@@ -79159,6 +79205,7 @@ var memoRenderPageHeader = function memoRenderPageHeader(props) {
|
|
|
79159
79205
|
title: pageHeaderTitle
|
|
79160
79206
|
}, restProps), {}, {
|
|
79161
79207
|
footer: PageContainer_renderFooter(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restProps), {}, {
|
|
79208
|
+
hashId: hashId,
|
|
79162
79209
|
breadcrumbRender: breadcrumbRender,
|
|
79163
79210
|
prefixedClassName: prefixedClassName
|
|
79164
79211
|
}))
|
|
@@ -79174,11 +79221,11 @@ var memoRenderPageHeader = function memoRenderPageHeader(props) {
|
|
|
79174
79221
|
}
|
|
79175
79222
|
|
|
79176
79223
|
return (0,jsx_runtime.jsx)(PageHeader, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, pageHeaderProps), {}, {
|
|
79177
|
-
className: "".concat(prefixedClassName, "-warp-page-header"),
|
|
79224
|
+
className: "".concat(prefixedClassName, "-warp-page-header ").concat(hashId),
|
|
79178
79225
|
breadcrumb: breadcrumbRender === false ? undefined : objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, pageHeaderProps.breadcrumb), value.breadcrumbProps),
|
|
79179
79226
|
breadcrumbRender: getBreadcrumbRender(),
|
|
79180
79227
|
prefixCls: prefixCls,
|
|
79181
|
-
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)
|
|
79182
79229
|
}));
|
|
79183
79230
|
};
|
|
79184
79231
|
|
|
@@ -79236,6 +79283,7 @@ var PageContainer = function PageContainer(props) {
|
|
|
79236
79283
|
var pageHeaderDom = memoRenderPageHeader(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restProps), {}, {
|
|
79237
79284
|
breadcrumbRender: memoBreadcrumbRender,
|
|
79238
79285
|
ghost: true,
|
|
79286
|
+
hashId: hashId,
|
|
79239
79287
|
prefixCls: undefined,
|
|
79240
79288
|
prefixedClassName: basePageContainer,
|
|
79241
79289
|
value: value
|
|
@@ -79259,7 +79307,7 @@ var PageContainer = function PageContainer(props) {
|
|
|
79259
79307
|
var content = (0,external_React_.useMemo)(function () {
|
|
79260
79308
|
return children ? (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
|
|
79261
79309
|
children: [(0,jsx_runtime.jsx)("div", {
|
|
79262
|
-
className: classnames_default()("".concat(basePageContainer, "-children-content")),
|
|
79310
|
+
className: classnames_default()("".concat(basePageContainer, "-children-content ").concat(hashId)),
|
|
79263
79311
|
children: children
|
|
79264
79312
|
}), value.hasFooterToolbar && (0,jsx_runtime.jsx)("div", {
|
|
79265
79313
|
style: {
|
|
@@ -79268,7 +79316,7 @@ var PageContainer = function PageContainer(props) {
|
|
|
79268
79316
|
}
|
|
79269
79317
|
})]
|
|
79270
79318
|
}) : null;
|
|
79271
|
-
}, [children, basePageContainer, value.hasFooterToolbar, pageContainer.marginBlockPageContainerContent]);
|
|
79319
|
+
}, [children, basePageContainer, hashId, value.hasFooterToolbar, pageContainer.marginBlockPageContainerContent]);
|
|
79272
79320
|
var renderContentDom = (0,external_React_.useMemo)(function () {
|
|
79273
79321
|
// 只要loadingDom非空我们就渲染loadingDom,否则渲染内容
|
|
79274
79322
|
var dom = loadingDom || content;
|
|
@@ -79293,7 +79341,7 @@ var PageContainer = function PageContainer(props) {
|
|
|
79293
79341
|
(0,jsx_runtime.jsx)(external_antd_.Affix, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
|
|
79294
79342
|
offsetTop: value.hasHeader && value.fixedHeader ? token.header.heightLayoutHeader : 0
|
|
79295
79343
|
}, affixProps), {}, {
|
|
79296
|
-
className: "".concat(basePageContainer, "-affix"),
|
|
79344
|
+
className: "".concat(basePageContainer, "-affix ").concat(hashId),
|
|
79297
79345
|
children: pageHeaderDom
|
|
79298
79346
|
})) : pageHeaderDom, renderContentDom && (0,jsx_runtime.jsx)(GridContent, {
|
|
79299
79347
|
children: renderContentDom
|
|
@@ -79308,6 +79356,7 @@ var PageContainer = function PageContainer(props) {
|
|
|
79308
79356
|
var ProPageHeader = function ProPageHeader(props) {
|
|
79309
79357
|
var value = (0,external_React_.useContext)(RouteContext);
|
|
79310
79358
|
return memoRenderPageHeader(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, props), {}, {
|
|
79359
|
+
hashId: '',
|
|
79311
79360
|
value: value
|
|
79312
79361
|
}));
|
|
79313
79362
|
};
|
|
@@ -79421,10 +79470,10 @@ var GlobalFooter = function GlobalFooter(_ref) {
|
|
|
79421
79470
|
className: classnames_default()(baseClassName, hashId, className),
|
|
79422
79471
|
style: style,
|
|
79423
79472
|
children: [links && (0,jsx_runtime.jsx)("div", {
|
|
79424
|
-
className: "".concat(baseClassName, "-list"),
|
|
79473
|
+
className: "".concat(baseClassName, "-list ").concat(hashId),
|
|
79425
79474
|
children: links.map(function (link) {
|
|
79426
79475
|
return (0,jsx_runtime.jsx)("a", {
|
|
79427
|
-
className: "".concat(baseClassName, "-list-link"),
|
|
79476
|
+
className: "".concat(baseClassName, "-list-link ").concat(hashId),
|
|
79428
79477
|
title: link.key,
|
|
79429
79478
|
target: link.blankTarget ? '_blank' : '_self',
|
|
79430
79479
|
href: link.href,
|
|
@@ -79433,7 +79482,7 @@ var GlobalFooter = function GlobalFooter(_ref) {
|
|
|
79433
79482
|
}, link.key);
|
|
79434
79483
|
})
|
|
79435
79484
|
}), copyright && (0,jsx_runtime.jsx)("div", {
|
|
79436
|
-
className: "".concat(baseClassName, "-copyright"),
|
|
79485
|
+
className: "".concat(baseClassName, "-copyright ").concat(hashId),
|
|
79437
79486
|
children: copyright
|
|
79438
79487
|
})]
|
|
79439
79488
|
}));
|
|
@@ -79698,14 +79747,15 @@ var AppsLogo = function AppsLogo() {
|
|
|
79698
79747
|
|
|
79699
79748
|
var DefaultContent = function DefaultContent(props) {
|
|
79700
79749
|
var appList = props.appList,
|
|
79701
|
-
baseClassName = props.baseClassName
|
|
79750
|
+
baseClassName = props.baseClassName,
|
|
79751
|
+
hashId = props.hashId;
|
|
79702
79752
|
return (0,jsx_runtime.jsx)("div", {
|
|
79703
|
-
className: "".concat(baseClassName, "-content"),
|
|
79753
|
+
className: "".concat(baseClassName, "-content ").concat(hashId),
|
|
79704
79754
|
children: (0,jsx_runtime.jsx)("ul", {
|
|
79705
|
-
className: "".concat(baseClassName, "-content-list"),
|
|
79755
|
+
className: "".concat(baseClassName, "-content-list ").concat(hashId),
|
|
79706
79756
|
children: appList === null || appList === void 0 ? void 0 : appList.map(function (app, index) {
|
|
79707
79757
|
return (0,jsx_runtime.jsx)("li", {
|
|
79708
|
-
className: "".concat(baseClassName, "-content-list-item"),
|
|
79758
|
+
className: "".concat(baseClassName, "-content-list-item ").concat(hashId),
|
|
79709
79759
|
children: (0,jsx_runtime.jsxs)("a", {
|
|
79710
79760
|
href: app.url,
|
|
79711
79761
|
target: app.target,
|
|
@@ -79765,14 +79815,15 @@ var renderLogo = function renderLogo(logo, title) {
|
|
|
79765
79815
|
};
|
|
79766
79816
|
var SimpleContent = function SimpleContent(props) {
|
|
79767
79817
|
var appList = props.appList,
|
|
79768
|
-
baseClassName = props.baseClassName
|
|
79818
|
+
baseClassName = props.baseClassName,
|
|
79819
|
+
hashId = props.hashId;
|
|
79769
79820
|
return (0,jsx_runtime.jsx)("div", {
|
|
79770
|
-
className: "".concat(baseClassName, "-content"),
|
|
79821
|
+
className: "".concat(baseClassName, "-content ").concat(hashId),
|
|
79771
79822
|
children: (0,jsx_runtime.jsx)("ul", {
|
|
79772
|
-
className: "".concat(baseClassName, "-content-list"),
|
|
79823
|
+
className: "".concat(baseClassName, "-content-list ").concat(hashId),
|
|
79773
79824
|
children: appList === null || appList === void 0 ? void 0 : appList.map(function (app, index) {
|
|
79774
79825
|
return (0,jsx_runtime.jsx)("li", {
|
|
79775
|
-
className: "".concat(baseClassName, "-content-list-item"),
|
|
79826
|
+
className: "".concat(baseClassName, "-content-list-item ").concat(hashId),
|
|
79776
79827
|
children: (0,jsx_runtime.jsxs)("a", {
|
|
79777
79828
|
href: app.url,
|
|
79778
79829
|
target: app.target,
|
|
@@ -79902,7 +79953,7 @@ var genAppsLogoComponentsSimpleListStyle = function genAppsLogoComponentsSimpleL
|
|
|
79902
79953
|
fontSize: 22,
|
|
79903
79954
|
lineHeight: '40px',
|
|
79904
79955
|
textAlign: 'center',
|
|
79905
|
-
|
|
79956
|
+
backgroundImage: 'linear-gradient(180deg, #E8F0FB 0%, #F6F8FC 100%)',
|
|
79906
79957
|
borderRadius: token.radiusBase
|
|
79907
79958
|
},
|
|
79908
79959
|
'& > img': {
|
|
@@ -80035,7 +80086,8 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
|
|
|
80035
80086
|
var baseClassName = "".concat(prefixCls, "-layout-apps");
|
|
80036
80087
|
|
|
80037
80088
|
var _useStyle = AppsLogoComponents_style_useStyle(baseClassName),
|
|
80038
|
-
wrapSSR = _useStyle.wrapSSR
|
|
80089
|
+
wrapSSR = _useStyle.wrapSSR,
|
|
80090
|
+
hashId = _useStyle.hashId;
|
|
80039
80091
|
|
|
80040
80092
|
var _useState = (0,external_React_.useState)(false),
|
|
80041
80093
|
_useState2 = slicedToArray_slicedToArray(_useState, 2),
|
|
@@ -80049,16 +80101,18 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
|
|
|
80049
80101
|
|
|
80050
80102
|
if (isSimple) {
|
|
80051
80103
|
return (0,jsx_runtime.jsx)(SimpleContent, {
|
|
80104
|
+
hashId: hashId,
|
|
80052
80105
|
appList: appList,
|
|
80053
80106
|
baseClassName: "".concat(baseClassName, "-simple")
|
|
80054
80107
|
});
|
|
80055
80108
|
}
|
|
80056
80109
|
|
|
80057
80110
|
return (0,jsx_runtime.jsx)(DefaultContent, {
|
|
80111
|
+
hashId: hashId,
|
|
80058
80112
|
appList: appList,
|
|
80059
80113
|
baseClassName: "".concat(baseClassName, "-default")
|
|
80060
80114
|
});
|
|
80061
|
-
}, [appList, baseClassName]);
|
|
80115
|
+
}, [appList, baseClassName, hashId]);
|
|
80062
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;
|
|
80063
80117
|
return wrapSSR((0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
|
|
80064
80118
|
children: [(0,jsx_runtime.jsx)("div", {
|
|
@@ -80069,7 +80123,7 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
|
|
|
80069
80123
|
zIndex: 9999,
|
|
80070
80124
|
arrowPointAtCenter: true,
|
|
80071
80125
|
onVisibleChange: setVisible,
|
|
80072
|
-
overlayClassName: "".concat(baseClassName, "-popover"),
|
|
80126
|
+
overlayClassName: "".concat(baseClassName, "-popover ").concat(hashId),
|
|
80073
80127
|
content: popoverContent,
|
|
80074
80128
|
getPopupContainer: function getPopupContainer() {
|
|
80075
80129
|
return ref.current || document.body;
|
|
@@ -80078,7 +80132,7 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
|
|
|
80078
80132
|
onClick: function onClick(e) {
|
|
80079
80133
|
e.stopPropagation();
|
|
80080
80134
|
},
|
|
80081
|
-
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)),
|
|
80082
80136
|
children: (0,jsx_runtime.jsx)(AppsLogo, {})
|
|
80083
80137
|
})
|
|
80084
80138
|
})]
|
|
@@ -80419,10 +80473,10 @@ var MenuCounter = createContainer(useMenuCounter);
|
|
|
80419
80473
|
var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
|
|
80420
80474
|
var _collapsed, _collapsed2, _$concat2, _$concat4;
|
|
80421
80475
|
|
|
80422
|
-
return defineProperty_defineProperty({},
|
|
80476
|
+
return defineProperty_defineProperty({}, "".concat(token.componentCls), (_$concat4 = {
|
|
80423
80477
|
background: 'transparent',
|
|
80424
80478
|
border: 'none'
|
|
80425
|
-
}, 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"), {
|
|
80426
80480
|
paddingInline: '0 !important',
|
|
80427
80481
|
height: 'auto !important',
|
|
80428
80482
|
marginBlock: '8px !important'
|
|
@@ -80431,7 +80485,7 @@ var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
|
|
|
80431
80485
|
borderRadius: token.radiusBase
|
|
80432
80486
|
}), defineProperty_defineProperty(_collapsed, "".concat(token.componentCls, "-group"), defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-item-group-title"), {
|
|
80433
80487
|
paddingInline: 0
|
|
80434
|
-
})), _collapsed)), defineProperty_defineProperty(_$concat4, '&-item-title', defineProperty_defineProperty({
|
|
80488
|
+
})), _collapsed)), defineProperty_defineProperty(_$concat4, '& &-item-title', defineProperty_defineProperty({
|
|
80435
80489
|
display: 'flex',
|
|
80436
80490
|
flexDirection: 'row',
|
|
80437
80491
|
alignItems: 'center',
|
|
@@ -80479,7 +80533,7 @@ var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
|
|
|
80479
80533
|
color: token.colorTextSecondary,
|
|
80480
80534
|
fontSize: 12,
|
|
80481
80535
|
lineHeight: 20
|
|
80482
|
-
}), _$concat4))
|
|
80536
|
+
}), _$concat4));
|
|
80483
80537
|
};
|
|
80484
80538
|
|
|
80485
80539
|
function menu_useStyle(prefixCls) {
|
|
@@ -80524,6 +80578,7 @@ var IconFont = create({
|
|
|
80524
80578
|
|
|
80525
80579
|
var getIcon = function getIcon(icon) {
|
|
80526
80580
|
var iconPrefixes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'icon-';
|
|
80581
|
+
var className = arguments.length > 2 ? arguments[2] : undefined;
|
|
80527
80582
|
|
|
80528
80583
|
if (typeof icon === 'string' && icon !== '') {
|
|
80529
80584
|
if (isUrl(icon) || isImg(icon)) {
|
|
@@ -80532,7 +80587,7 @@ var getIcon = function getIcon(icon) {
|
|
|
80532
80587
|
return (0,jsx_runtime.jsx)("img", {
|
|
80533
80588
|
src: icon,
|
|
80534
80589
|
alt: "icon",
|
|
80535
|
-
className:
|
|
80590
|
+
className: className
|
|
80536
80591
|
});
|
|
80537
80592
|
}
|
|
80538
80593
|
});
|
|
@@ -80592,13 +80647,13 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
|
|
|
80592
80647
|
var menuType = isGroup && level === 0 ? 'group' : undefined;
|
|
80593
80648
|
|
|
80594
80649
|
if (Array.isArray(children) && children.length > 0) {
|
|
80595
|
-
var _classNames, _designToken$sider;
|
|
80650
|
+
var _this$props2, _this$props3, _classNames, _this$props4, _this$props5, _designToken$sider;
|
|
80596
80651
|
/** Menu 第一级可以有icon,或者 isGroup 时第二级别也要有 */
|
|
80597
80652
|
|
|
80598
80653
|
|
|
80599
80654
|
var shouldHasIcon = level === 0 || isGroup && level === 1; // get defaultTitle by menuItemRender
|
|
80600
80655
|
|
|
80601
|
-
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));
|
|
80602
80657
|
/**
|
|
80603
80658
|
* 如果没有icon在收起的时候用首字母代替
|
|
80604
80659
|
*/
|
|
@@ -80607,12 +80662,12 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
|
|
|
80607
80662
|
|
|
80608
80663
|
var defaultTitle = (0,jsx_runtime.jsxs)("div", {
|
|
80609
80664
|
title: name,
|
|
80610
|
-
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)),
|
|
80611
80666
|
children: [menuType === 'group' && collapsed ? null : shouldHasIcon && iconDom ? (0,jsx_runtime.jsx)("span", {
|
|
80612
|
-
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),
|
|
80613
80668
|
children: iconDom
|
|
80614
80669
|
}) : defaultIcon, (0,jsx_runtime.jsx)("span", {
|
|
80615
|
-
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))),
|
|
80616
80671
|
children: name
|
|
80617
80672
|
})]
|
|
80618
80673
|
}); // subMenu only title render
|
|
@@ -80664,9 +80719,9 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
|
|
|
80664
80719
|
this.getIntlName = function (item) {
|
|
80665
80720
|
var name = item.name,
|
|
80666
80721
|
locale = item.locale;
|
|
80667
|
-
var _this$
|
|
80668
|
-
menu = _this$
|
|
80669
|
-
formatMessage = _this$
|
|
80722
|
+
var _this$props6 = _this.props,
|
|
80723
|
+
menu = _this$props6.menu,
|
|
80724
|
+
formatMessage = _this$props6.formatMessage;
|
|
80670
80725
|
|
|
80671
80726
|
if (locale && (menu === null || menu === void 0 ? void 0 : menu.locale) !== false) {
|
|
80672
80727
|
return formatMessage === null || formatMessage === void 0 ? void 0 : formatMessage({
|
|
@@ -80679,40 +80734,40 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
|
|
|
80679
80734
|
};
|
|
80680
80735
|
|
|
80681
80736
|
this.getMenuItemPath = function (item, level) {
|
|
80682
|
-
var _classNames3;
|
|
80737
|
+
var _this$props9, _this$props10, _classNames3, _this$props11, _this$props12;
|
|
80683
80738
|
|
|
80684
80739
|
var itemPath = _this.conversionPath(item.path || '/');
|
|
80685
80740
|
|
|
80686
|
-
var _this$
|
|
80687
|
-
_this$
|
|
80688
|
-
location = _this$
|
|
80741
|
+
var _this$props7 = _this.props,
|
|
80742
|
+
_this$props7$location = _this$props7.location,
|
|
80743
|
+
location = _this$props7$location === void 0 ? {
|
|
80689
80744
|
pathname: '/'
|
|
80690
|
-
} : _this$
|
|
80691
|
-
isMobile = _this$
|
|
80692
|
-
onCollapse = _this$
|
|
80693
|
-
menuItemRender = _this$
|
|
80694
|
-
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。
|
|
80695
80750
|
|
|
80696
80751
|
var name = _this.getIntlName(item);
|
|
80697
80752
|
|
|
80698
|
-
var _this$
|
|
80699
|
-
baseClassName = _this$
|
|
80700
|
-
menu = _this$
|
|
80701
|
-
collapsed = _this$
|
|
80753
|
+
var _this$props8 = _this.props,
|
|
80754
|
+
baseClassName = _this$props8.baseClassName,
|
|
80755
|
+
menu = _this$props8.menu,
|
|
80756
|
+
collapsed = _this$props8.collapsed;
|
|
80702
80757
|
var isGroup = (menu === null || menu === void 0 ? void 0 : menu.type) === 'group';
|
|
80703
80758
|
/** Menu 第一级可以有icon,或者 isGroup 时第二级别也要有 */
|
|
80704
80759
|
|
|
80705
80760
|
var hasIcon = level === 0 || isGroup && level === 1;
|
|
80706
|
-
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));
|
|
80707
80762
|
var defaultIcon = collapsed && hasIcon ? getMenuTitleSymbol(name) : null;
|
|
80708
80763
|
|
|
80709
80764
|
var defaultItem = (0,jsx_runtime.jsxs)("div", {
|
|
80710
|
-
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)),
|
|
80711
80766
|
children: [icon ? (0,jsx_runtime.jsx)("span", {
|
|
80712
|
-
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),
|
|
80713
80768
|
children: icon
|
|
80714
80769
|
}) : defaultIcon, (0,jsx_runtime.jsx)("span", {
|
|
80715
|
-
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))),
|
|
80716
80771
|
children: name
|
|
80717
80772
|
})]
|
|
80718
80773
|
});
|
|
@@ -80720,7 +80775,7 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
|
|
|
80720
80775
|
var isHttpUrl = isUrl(itemPath); // Is it a http link
|
|
80721
80776
|
|
|
80722
80777
|
if (isHttpUrl) {
|
|
80723
|
-
var _classNames5;
|
|
80778
|
+
var _this$props13, _classNames5, _this$props14, _this$props15;
|
|
80724
80779
|
|
|
80725
80780
|
defaultItem = (0,jsx_runtime.jsxs)("span", {
|
|
80726
80781
|
title: name,
|
|
@@ -80729,12 +80784,12 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
|
|
|
80729
80784
|
|
|
80730
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');
|
|
80731
80786
|
},
|
|
80732
|
-
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)),
|
|
80733
80788
|
children: [icon ? (0,jsx_runtime.jsx)("span", {
|
|
80734
|
-
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),
|
|
80735
80790
|
children: icon
|
|
80736
80791
|
}) : defaultIcon, (0,jsx_runtime.jsx)("span", {
|
|
80737
|
-
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))),
|
|
80738
80793
|
children: name
|
|
80739
80794
|
})]
|
|
80740
80795
|
});
|
|
@@ -80891,17 +80946,19 @@ var BaseMenu = function BaseMenu(props) {
|
|
|
80891
80946
|
return getOpenKeysProps(openKeys, props);
|
|
80892
80947
|
}, // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
80893
80948
|
[openKeys && openKeys.join(','), props.layout, props.collapsed]);
|
|
80949
|
+
|
|
80950
|
+
var _useStyle = menu_useStyle(baseClassName),
|
|
80951
|
+
wrapSSR = _useStyle.wrapSSR,
|
|
80952
|
+
hashId = _useStyle.hashId;
|
|
80953
|
+
|
|
80894
80954
|
var menuUtils = (0,external_React_.useMemo)(function () {
|
|
80895
80955
|
return new MenuUtil(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, props), {}, {
|
|
80896
80956
|
token: designToken,
|
|
80897
80957
|
menuRenderType: menuRenderType,
|
|
80898
|
-
baseClassName: baseClassName
|
|
80958
|
+
baseClassName: baseClassName,
|
|
80959
|
+
hashId: hashId
|
|
80899
80960
|
}));
|
|
80900
|
-
}, [
|
|
80901
|
-
|
|
80902
|
-
var _useStyle = menu_useStyle(baseClassName),
|
|
80903
|
-
wrapSSR = _useStyle.wrapSSR,
|
|
80904
|
-
hashId = _useStyle.hashId;
|
|
80961
|
+
}, [props, designToken, menuRenderType, baseClassName, hashId]);
|
|
80905
80962
|
|
|
80906
80963
|
if (menu === null || menu === void 0 ? void 0 : menu.loading) {
|
|
80907
80964
|
return (0,jsx_runtime.jsx)("div", {
|
|
@@ -80964,6 +81021,7 @@ var BaseMenu = function BaseMenu(props) {
|
|
|
80964
81021
|
|
|
80965
81022
|
|
|
80966
81023
|
|
|
81024
|
+
|
|
80967
81025
|
var Sider = external_antd_.Layout.Sider;
|
|
80968
81026
|
/**
|
|
80969
81027
|
* 渲染 title 和 logo
|
|
@@ -81043,6 +81101,10 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81043
81101
|
actionsRender = props.actionsRender,
|
|
81044
81102
|
onOpenChange = props.onOpenChange,
|
|
81045
81103
|
logoStyle = props.logoStyle;
|
|
81104
|
+
|
|
81105
|
+
var _useToken = useStyle_useToken(),
|
|
81106
|
+
hashId = _useToken.hashId;
|
|
81107
|
+
|
|
81046
81108
|
var showSiderExtraDom = (0,external_React_.useMemo)(function () {
|
|
81047
81109
|
if (isMobile) return false;
|
|
81048
81110
|
if (layout === 'mix') return false;
|
|
@@ -81053,7 +81115,7 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81053
81115
|
var _MenuCounter$useConta = MenuCounter.useContainer(),
|
|
81054
81116
|
flatMenuKeys = _MenuCounter$useConta.flatMenuKeys;
|
|
81055
81117
|
|
|
81056
|
-
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));
|
|
81057
81119
|
var headerDom = renderLogoAndTitle(props);
|
|
81058
81120
|
var extraDom = menuExtraRender && menuExtraRender(props);
|
|
81059
81121
|
var menuDom = (0,external_React_.useMemo)(function () {
|
|
@@ -81064,9 +81126,9 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81064
81126
|
style: {
|
|
81065
81127
|
width: '100%'
|
|
81066
81128
|
},
|
|
81067
|
-
className: "".concat(baseClassName, "-menu")
|
|
81129
|
+
className: "".concat(baseClassName, "-menu ").concat(hashId)
|
|
81068
81130
|
}));
|
|
81069
|
-
}, [baseClassName, flatMenuKeys, menuContentRender, onOpenChange, props]);
|
|
81131
|
+
}, [baseClassName, flatMenuKeys, hashId, menuContentRender, onOpenChange, props]);
|
|
81070
81132
|
var linksMenuItems = (links || []).map(function (node, index) {
|
|
81071
81133
|
return {
|
|
81072
81134
|
className: "".concat(baseClassName, "-link"),
|
|
@@ -81094,10 +81156,10 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81094
81156
|
align: "center",
|
|
81095
81157
|
size: 4,
|
|
81096
81158
|
direction: collapsed ? 'vertical' : 'horizontal',
|
|
81097
|
-
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]),
|
|
81098
81160
|
children: actionsRender === null || actionsRender === void 0 ? void 0 : actionsRender(props).map(function (item, index) {
|
|
81099
81161
|
return (0,jsx_runtime.jsx)("div", {
|
|
81100
|
-
className: "".concat(baseClassName, "-actions-list-item"),
|
|
81162
|
+
className: "".concat(baseClassName, "-actions-list-item ").concat(hashId),
|
|
81101
81163
|
children: item
|
|
81102
81164
|
}, index);
|
|
81103
81165
|
})
|
|
@@ -81130,10 +81192,10 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81130
81192
|
var actionAreaDom = (0,external_React_.useMemo)(function () {
|
|
81131
81193
|
if (!avatarDom && !actionsDom) return null;
|
|
81132
81194
|
return (0,jsx_runtime.jsxs)("div", {
|
|
81133
|
-
className: classnames_default()("".concat(baseClassName, "-actions"), collapsed && "".concat(baseClassName, "-actions-collapsed")),
|
|
81195
|
+
className: classnames_default()("".concat(baseClassName, "-actions"), hashId, collapsed && "".concat(baseClassName, "-actions-collapsed")),
|
|
81134
81196
|
children: [avatarDom, actionsDom]
|
|
81135
81197
|
});
|
|
81136
|
-
}, [actionsDom, avatarDom, baseClassName, collapsed]);
|
|
81198
|
+
}, [actionsDom, avatarDom, baseClassName, collapsed, hashId]);
|
|
81137
81199
|
var collapsedWidth = 60;
|
|
81138
81200
|
/* Using the useMemo hook to create a CSS class that will hide the menu when the menu is collapsed. */
|
|
81139
81201
|
|
|
@@ -81151,13 +81213,13 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81151
81213
|
|
|
81152
81214
|
var menuDomItems = (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
|
|
81153
81215
|
children: [headerDom && (0,jsx_runtime.jsxs)("div", {
|
|
81154
|
-
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))]),
|
|
81155
81217
|
onClick: showSiderExtraDom ? onMenuHeaderClick : undefined,
|
|
81156
81218
|
id: "logo",
|
|
81157
81219
|
style: logoStyle,
|
|
81158
81220
|
children: [headerDom, appsDom]
|
|
81159
81221
|
}), extraDom && (0,jsx_runtime.jsx)("div", {
|
|
81160
|
-
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]),
|
|
81161
81223
|
children: extraDom
|
|
81162
81224
|
}), (0,jsx_runtime.jsx)("div", {
|
|
81163
81225
|
style: {
|
|
@@ -81167,10 +81229,10 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81167
81229
|
},
|
|
81168
81230
|
children: menuRenderDom
|
|
81169
81231
|
}), links ? (0,jsx_runtime.jsx)("div", {
|
|
81170
|
-
className: "".concat(baseClassName, "-links"),
|
|
81232
|
+
className: "".concat(baseClassName, "-links ").concat(hashId),
|
|
81171
81233
|
children: (0,jsx_runtime.jsx)(external_antd_.Menu, {
|
|
81172
81234
|
inlineIndent: 16,
|
|
81173
|
-
className: "".concat(baseClassName, "-link-menu"),
|
|
81235
|
+
className: "".concat(baseClassName, "-link-menu ").concat(hashId),
|
|
81174
81236
|
selectedKeys: [],
|
|
81175
81237
|
openKeys: [],
|
|
81176
81238
|
theme: "light",
|
|
@@ -81179,11 +81241,11 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81179
81241
|
})
|
|
81180
81242
|
}) : null, showSiderExtraDom && (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
|
|
81181
81243
|
children: [actionAreaDom, rightContentRender ? (0,jsx_runtime.jsx)("div", {
|
|
81182
|
-
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)),
|
|
81183
81245
|
children: rightContentRender === null || rightContentRender === void 0 ? void 0 : rightContentRender(props)
|
|
81184
81246
|
}) : null]
|
|
81185
81247
|
}), menuFooterDom && (0,jsx_runtime.jsx)("div", {
|
|
81186
|
-
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)]),
|
|
81187
81249
|
children: menuFooterDom
|
|
81188
81250
|
})]
|
|
81189
81251
|
});
|
|
@@ -81214,9 +81276,12 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81214
81276
|
style: style,
|
|
81215
81277
|
theme: theme,
|
|
81216
81278
|
width: siderWidth,
|
|
81217
|
-
className: classnames_default()(siderClassName, hideMenuWhenCollapsedClassName),
|
|
81218
|
-
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
|
|
81219
81283
|
theme: {
|
|
81284
|
+
hashed: false,
|
|
81220
81285
|
override: {
|
|
81221
81286
|
Menu: {
|
|
81222
81287
|
radiusItem: 4,
|
|
@@ -81234,7 +81299,7 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81234
81299
|
}
|
|
81235
81300
|
},
|
|
81236
81301
|
children: hideMenuWhenCollapsedClassName ? (0,jsx_runtime.jsx)("div", {
|
|
81237
|
-
className: "".concat(baseClassName, "-hide-when-collapsed"),
|
|
81302
|
+
className: "".concat(baseClassName, "-hide-when-collapsed ").concat(hashId),
|
|
81238
81303
|
style: {
|
|
81239
81304
|
height: '100%',
|
|
81240
81305
|
width: '100%',
|
|
@@ -81394,11 +81459,11 @@ var RightContent = function RightContent(_ref) {
|
|
|
81394
81459
|
}
|
|
81395
81460
|
|
|
81396
81461
|
return (0,jsx_runtime.jsx)("div", {
|
|
81397
|
-
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)),
|
|
81398
81463
|
children: dom
|
|
81399
81464
|
}, index);
|
|
81400
81465
|
}), avatarDom && (0,jsx_runtime.jsx)("span", {
|
|
81401
|
-
className: "".concat(prefixCls, "-header-actions-avatar"),
|
|
81466
|
+
className: "".concat(prefixCls, "-header-actions-avatar ").concat(hashId),
|
|
81402
81467
|
children: (0,jsx_runtime.jsx)("div", {
|
|
81403
81468
|
children: avatarDom
|
|
81404
81469
|
})
|
|
@@ -81429,7 +81494,7 @@ var RightContent = function RightContent(_ref) {
|
|
|
81429
81494
|
};
|
|
81430
81495
|
}(), 160);
|
|
81431
81496
|
return (0,jsx_runtime.jsx)("div", {
|
|
81432
|
-
className: "".concat(prefixCls, "-right-content"),
|
|
81497
|
+
className: "".concat(prefixCls, "-right-content ").concat(hashId),
|
|
81433
81498
|
style: {
|
|
81434
81499
|
minWidth: rightSize,
|
|
81435
81500
|
height: '100%'
|
|
@@ -81585,7 +81650,9 @@ var TopNavHeader = function TopNavHeader(props) {
|
|
|
81585
81650
|
var contentDom = (0,external_React_.useMemo)(function () {
|
|
81586
81651
|
var _process$env$NODE_ENV, _props$menuProps;
|
|
81587
81652
|
|
|
81588
|
-
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
|
|
81589
81656
|
theme: {
|
|
81590
81657
|
hashed: ((_process$env$NODE_ENV = "production") === null || _process$env$NODE_ENV === void 0 ? void 0 : _process$env$NODE_ENV.toLowerCase()) !== 'test',
|
|
81591
81658
|
override: {
|
|
@@ -81608,7 +81675,7 @@ var TopNavHeader = function TopNavHeader(props) {
|
|
|
81608
81675
|
children: (0,jsx_runtime.jsx)(BaseMenu, objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({
|
|
81609
81676
|
theme: "light"
|
|
81610
81677
|
}, props), {}, {
|
|
81611
|
-
className: "".concat(prefixCls, "-base-menu")
|
|
81678
|
+
className: "".concat(prefixCls, "-base-menu ").concat(hashId)
|
|
81612
81679
|
}, props.menuProps), {}, {
|
|
81613
81680
|
style: objectSpread2_objectSpread2({
|
|
81614
81681
|
width: '100%'
|
|
@@ -81624,18 +81691,18 @@ var TopNavHeader = function TopNavHeader(props) {
|
|
|
81624
81691
|
}
|
|
81625
81692
|
|
|
81626
81693
|
return defaultDom;
|
|
81627
|
-
}, [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]);
|
|
81628
81695
|
return wrapSSR((0,jsx_runtime.jsx)("div", {
|
|
81629
81696
|
className: classnames_default()(prefixCls, hashId, propsClassName, defineProperty_defineProperty({}, "".concat(prefixCls, "-light"), true)),
|
|
81630
81697
|
style: style,
|
|
81631
81698
|
children: (0,jsx_runtime.jsxs)("div", {
|
|
81632
81699
|
ref: ref,
|
|
81633
|
-
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')),
|
|
81634
81701
|
children: [headerDom && (0,jsx_runtime.jsxs)("div", {
|
|
81635
|
-
className: classnames_default()("".concat(prefixCls, "-main-left")),
|
|
81702
|
+
className: classnames_default()("".concat(prefixCls, "-main-left ").concat(hashId)),
|
|
81636
81703
|
onClick: onMenuHeaderClick,
|
|
81637
81704
|
children: [(0,jsx_runtime.jsx)(AppsLogoComponents, objectSpread2_objectSpread2({}, props)), (0,jsx_runtime.jsx)("div", {
|
|
81638
|
-
className: "".concat(prefixCls, "-logo"),
|
|
81705
|
+
className: "".concat(prefixCls, "-logo ").concat(hashId),
|
|
81639
81706
|
id: "logo",
|
|
81640
81707
|
children: headerDom
|
|
81641
81708
|
}, "logo")]
|
|
@@ -81643,7 +81710,7 @@ var TopNavHeader = function TopNavHeader(props) {
|
|
|
81643
81710
|
style: {
|
|
81644
81711
|
flex: 1
|
|
81645
81712
|
},
|
|
81646
|
-
className: "".concat(prefixCls, "-menu"),
|
|
81713
|
+
className: "".concat(prefixCls, "-menu ").concat(hashId),
|
|
81647
81714
|
children: contentDom
|
|
81648
81715
|
}), (rightContentRender || actionsRender || props.avatarProps) && (0,jsx_runtime.jsx)(RightContent, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
|
|
81649
81716
|
rightContentRender: rightContentRender
|
|
@@ -81805,7 +81872,7 @@ var GlobalHeader = function GlobalHeader(props) {
|
|
|
81805
81872
|
}));
|
|
81806
81873
|
}
|
|
81807
81874
|
|
|
81808
|
-
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));
|
|
81809
81876
|
|
|
81810
81877
|
var logoDom = (0,jsx_runtime.jsx)("span", {
|
|
81811
81878
|
className: logoClassNames,
|
|
@@ -81818,7 +81885,7 @@ var GlobalHeader = function GlobalHeader(props) {
|
|
|
81818
81885
|
className: className,
|
|
81819
81886
|
style: objectSpread2_objectSpread2({}, style),
|
|
81820
81887
|
children: [isMobile && GlobalHeader_renderLogo(menuHeaderRender, logoDom), isMobile && (0,jsx_runtime.jsx)("span", {
|
|
81821
|
-
className: "".concat(baseClassName, "-collapsed-button"),
|
|
81888
|
+
className: "".concat(baseClassName, "-collapsed-button ").concat(hashId),
|
|
81822
81889
|
onClick: function onClick() {
|
|
81823
81890
|
onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(!collapsed);
|
|
81824
81891
|
},
|
|
@@ -81858,7 +81925,7 @@ var GlobalHeader = function GlobalHeader(props) {
|
|
|
81858
81925
|
var Header = external_antd_.Layout.Header;
|
|
81859
81926
|
|
|
81860
81927
|
var DefaultHeader = function DefaultHeader(props) {
|
|
81861
|
-
var _classNames;
|
|
81928
|
+
var _classNames, _process$env$NODE_ENV;
|
|
81862
81929
|
|
|
81863
81930
|
var isMobile = props.isMobile,
|
|
81864
81931
|
fixedHeader = props.fixedHeader,
|
|
@@ -81915,8 +81982,11 @@ var DefaultHeader = function DefaultHeader(props) {
|
|
|
81915
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));
|
|
81916
81983
|
if (layout === 'side' && !isMobile) return null;
|
|
81917
81984
|
return wrapSSR((0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
|
|
81918
|
-
children: (0,jsx_runtime.jsxs)(external_antd_.ConfigProvider
|
|
81985
|
+
children: (0,jsx_runtime.jsxs)(external_antd_.ConfigProvider // @ts-ignore
|
|
81986
|
+
, {
|
|
81987
|
+
// @ts-ignore
|
|
81919
81988
|
theme: {
|
|
81989
|
+
hashed: ((_process$env$NODE_ENV = "production") === null || _process$env$NODE_ENV === void 0 ? void 0 : _process$env$NODE_ENV.toLowerCase()) !== 'test',
|
|
81920
81990
|
override: {
|
|
81921
81991
|
Layout: {
|
|
81922
81992
|
colorBgHeader: 'transparent',
|
|
@@ -82272,24 +82342,25 @@ var BlockCheckbox = function BlockCheckbox(_ref) {
|
|
|
82272
82342
|
configType = _ref.configType,
|
|
82273
82343
|
onChange = _ref.onChange,
|
|
82274
82344
|
list = _ref.list,
|
|
82275
|
-
prefixCls = _ref.prefixCls
|
|
82345
|
+
prefixCls = _ref.prefixCls,
|
|
82346
|
+
hashId = _ref.hashId;
|
|
82276
82347
|
var baseClassName = "".concat(prefixCls, "-block-checkbox");
|
|
82277
82348
|
var dom = (0,external_React_.useMemo)(function () {
|
|
82278
82349
|
var domList = (list || []).map(function (item) {
|
|
82279
82350
|
return (0,jsx_runtime.jsx)(external_antd_.Tooltip, {
|
|
82280
82351
|
title: item.title,
|
|
82281
82352
|
children: (0,jsx_runtime.jsxs)("div", {
|
|
82282
|
-
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")),
|
|
82283
82354
|
onClick: function onClick() {
|
|
82284
82355
|
return onChange(item.key);
|
|
82285
82356
|
},
|
|
82286
82357
|
children: [(0,jsx_runtime.jsx)(icons_CheckOutlined, {
|
|
82287
|
-
className: "".concat(baseClassName, "-selectIcon"),
|
|
82358
|
+
className: "".concat(baseClassName, "-selectIcon ").concat(hashId),
|
|
82288
82359
|
style: {
|
|
82289
82360
|
display: value === item.key ? 'block' : 'none'
|
|
82290
82361
|
}
|
|
82291
82362
|
}), (item === null || item === void 0 ? void 0 : item.icon) ? (0,jsx_runtime.jsx)("div", {
|
|
82292
|
-
className: "".concat(baseClassName, "-icon"),
|
|
82363
|
+
className: "".concat(baseClassName, "-icon ").concat(hashId),
|
|
82293
82364
|
children: item.icon
|
|
82294
82365
|
}) : null]
|
|
82295
82366
|
})
|
|
@@ -82298,7 +82369,7 @@ var BlockCheckbox = function BlockCheckbox(_ref) {
|
|
|
82298
82369
|
return domList; // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
82299
82370
|
}, [value, list === null || list === void 0 ? void 0 : list.length, onChange]);
|
|
82300
82371
|
return (0,jsx_runtime.jsx)("div", {
|
|
82301
|
-
className: baseClassName,
|
|
82372
|
+
className: classnames_default()(baseClassName, hashId),
|
|
82302
82373
|
children: dom
|
|
82303
82374
|
});
|
|
82304
82375
|
};
|
|
@@ -82647,7 +82718,8 @@ var renderLayoutSettingItem = function renderLayoutSettingItem(item) {
|
|
|
82647
82718
|
var LayoutSetting = function LayoutSetting(_ref) {
|
|
82648
82719
|
var _ref$settings = _ref.settings,
|
|
82649
82720
|
settings = _ref$settings === void 0 ? {} : _ref$settings,
|
|
82650
|
-
changeSetting = _ref.changeSetting
|
|
82721
|
+
changeSetting = _ref.changeSetting,
|
|
82722
|
+
hashId = _ref.hashId;
|
|
82651
82723
|
var formatMessage = getFormatMessage();
|
|
82652
82724
|
|
|
82653
82725
|
var _ref2 = settings || defaultSettings,
|
|
@@ -82667,7 +82739,7 @@ var LayoutSetting = function LayoutSetting(_ref) {
|
|
|
82667
82739
|
action: (0,jsx_runtime.jsxs)(external_antd_.Select, {
|
|
82668
82740
|
value: contentWidth || 'Fixed',
|
|
82669
82741
|
size: "small",
|
|
82670
|
-
className: "content-width",
|
|
82742
|
+
className: "content-width ".concat(hashId),
|
|
82671
82743
|
onSelect: function onSelect(value) {
|
|
82672
82744
|
changeSetting('contentWidth', value);
|
|
82673
82745
|
},
|
|
@@ -82747,7 +82819,8 @@ var LayoutSetting = function LayoutSetting(_ref) {
|
|
|
82747
82819
|
var RegionalSetting = function RegionalSetting(_ref) {
|
|
82748
82820
|
var _ref$settings = _ref.settings,
|
|
82749
82821
|
settings = _ref$settings === void 0 ? {} : _ref$settings,
|
|
82750
|
-
changeSetting = _ref.changeSetting
|
|
82822
|
+
changeSetting = _ref.changeSetting,
|
|
82823
|
+
hashId = _ref.hashId;
|
|
82751
82824
|
var formatMessage = getFormatMessage();
|
|
82752
82825
|
var regionalSetting = ['header', 'footer', 'menu', 'menuHeader'];
|
|
82753
82826
|
return (0,jsx_runtime.jsx)(external_antd_.List, {
|
|
@@ -82760,7 +82833,7 @@ var RegionalSetting = function RegionalSetting(_ref) {
|
|
|
82760
82833
|
}),
|
|
82761
82834
|
action: (0,jsx_runtime.jsx)(external_antd_.Switch, {
|
|
82762
82835
|
size: "small",
|
|
82763
|
-
className: "regional-".concat(key),
|
|
82836
|
+
className: "regional-".concat(key, " ").concat(hashId),
|
|
82764
82837
|
checked: settings["".concat(key, "Render")] || settings["".concat(key, "Render")] === undefined,
|
|
82765
82838
|
onChange: function onChange(checked) {
|
|
82766
82839
|
return changeSetting("".concat(key, "Render"), checked === true ? undefined : false);
|
|
@@ -82802,12 +82875,14 @@ var genSettingDrawerStyle = function genSettingDrawerStyle(token) {
|
|
|
82802
82875
|
}), defineProperty_defineProperty(_ref, token.componentCls, {
|
|
82803
82876
|
'&-content': {
|
|
82804
82877
|
position: 'relative',
|
|
82805
|
-
minHeight: '100%'
|
|
82878
|
+
minHeight: '100%',
|
|
82879
|
+
color: token.colorText
|
|
82806
82880
|
},
|
|
82807
82881
|
'&-body-title': {
|
|
82808
82882
|
marginBlockEnd: '12px',
|
|
82809
82883
|
fontSize: '14px',
|
|
82810
|
-
lineHeight: '22px'
|
|
82884
|
+
lineHeight: '22px',
|
|
82885
|
+
color: token.colorTextHeading
|
|
82811
82886
|
},
|
|
82812
82887
|
'&-block-checkbox': {
|
|
82813
82888
|
display: 'flex',
|
|
@@ -82954,15 +83029,16 @@ var ThemeColor = function ThemeColor(_ref2) {
|
|
|
82954
83029
|
colorList = _ref2.colorList,
|
|
82955
83030
|
onChange = _ref2.onChange,
|
|
82956
83031
|
prefixCls = _ref2.prefixCls,
|
|
82957
|
-
formatMessage = _ref2.formatMessage
|
|
83032
|
+
formatMessage = _ref2.formatMessage,
|
|
83033
|
+
hashId = _ref2.hashId;
|
|
82958
83034
|
|
|
82959
83035
|
if (!colorList || (colorList === null || colorList === void 0 ? void 0 : colorList.length) < 1) {
|
|
82960
83036
|
return null;
|
|
82961
83037
|
}
|
|
82962
83038
|
|
|
82963
|
-
var baseClassName = prefixCls
|
|
83039
|
+
var baseClassName = "".concat(prefixCls, "-theme-color");
|
|
82964
83040
|
return (0,jsx_runtime.jsx)("div", {
|
|
82965
|
-
className: baseClassName,
|
|
83041
|
+
className: "".concat(baseClassName, " ").concat(hashId),
|
|
82966
83042
|
children: colorList === null || colorList === void 0 ? void 0 : colorList.map(function (_ref3) {
|
|
82967
83043
|
var key = _ref3.key,
|
|
82968
83044
|
color = _ref3.color;
|
|
@@ -82972,7 +83048,7 @@ var ThemeColor = function ThemeColor(_ref2) {
|
|
|
82972
83048
|
id: "app.setting.themecolor.".concat(key)
|
|
82973
83049
|
}),
|
|
82974
83050
|
children: (0,jsx_runtime.jsx)(Tag, {
|
|
82975
|
-
className: "".concat(baseClassName, "-block"),
|
|
83051
|
+
className: "".concat(baseClassName, "-block ").concat(hashId),
|
|
82976
83052
|
color: color,
|
|
82977
83053
|
check: value === color,
|
|
82978
83054
|
onClick: function onClick() {
|
|
@@ -83012,6 +83088,7 @@ var ThemeColor = function ThemeColor(_ref2) {
|
|
|
83012
83088
|
|
|
83013
83089
|
var Body = function Body(_ref) {
|
|
83014
83090
|
var children = _ref.children,
|
|
83091
|
+
hashId = _ref.hashId,
|
|
83015
83092
|
prefixCls = _ref.prefixCls,
|
|
83016
83093
|
title = _ref.title;
|
|
83017
83094
|
return (0,jsx_runtime.jsxs)("div", {
|
|
@@ -83019,7 +83096,7 @@ var Body = function Body(_ref) {
|
|
|
83019
83096
|
marginBlockEnd: 24
|
|
83020
83097
|
},
|
|
83021
83098
|
children: [(0,jsx_runtime.jsx)("h3", {
|
|
83022
|
-
className: "".concat(prefixCls, "-body-title"),
|
|
83099
|
+
className: "".concat(prefixCls, "-body-title ").concat(hashId),
|
|
83023
83100
|
children: title
|
|
83024
83101
|
}), children]
|
|
83025
83102
|
});
|
|
@@ -83377,14 +83454,16 @@ var SettingDrawer = function SettingDrawer(props) {
|
|
|
83377
83454
|
zIndex: 999
|
|
83378
83455
|
},
|
|
83379
83456
|
children: (0,jsx_runtime.jsxs)("div", {
|
|
83380
|
-
className: "".concat(baseClassName, "-drawer-content"),
|
|
83457
|
+
className: "".concat(baseClassName, "-drawer-content ").concat(hashId),
|
|
83381
83458
|
children: [(0,jsx_runtime.jsx)(Body, {
|
|
83382
83459
|
title: formatMessage({
|
|
83383
83460
|
id: 'app.setting.pagestyle',
|
|
83384
83461
|
defaultMessage: 'Page style setting'
|
|
83385
83462
|
}),
|
|
83463
|
+
hashId: hashId,
|
|
83386
83464
|
prefixCls: baseClassName,
|
|
83387
83465
|
children: (0,jsx_runtime.jsx)(BlockCheckbox, {
|
|
83466
|
+
hashId: hashId,
|
|
83388
83467
|
prefixCls: baseClassName,
|
|
83389
83468
|
list: [{
|
|
83390
83469
|
key: 'light',
|
|
@@ -83410,12 +83489,14 @@ var SettingDrawer = function SettingDrawer(props) {
|
|
|
83410
83489
|
}
|
|
83411
83490
|
}, "navTheme")
|
|
83412
83491
|
}), colorList !== false && (0,jsx_runtime.jsx)(Body, {
|
|
83492
|
+
hashId: hashId,
|
|
83413
83493
|
title: formatMessage({
|
|
83414
83494
|
id: 'app.setting.themecolor',
|
|
83415
83495
|
defaultMessage: 'Theme color'
|
|
83416
83496
|
}),
|
|
83417
83497
|
prefixCls: baseClassName,
|
|
83418
83498
|
children: (0,jsx_runtime.jsx)(ThemeColor, {
|
|
83499
|
+
hashId: hashId,
|
|
83419
83500
|
prefixCls: baseClassName,
|
|
83420
83501
|
colorList: colorList,
|
|
83421
83502
|
value: genStringToTheme(colorPrimary),
|
|
@@ -83426,6 +83507,7 @@ var SettingDrawer = function SettingDrawer(props) {
|
|
|
83426
83507
|
})
|
|
83427
83508
|
}), !themeOnly && (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
|
|
83428
83509
|
children: [(0,jsx_runtime.jsx)(external_antd_.Divider, {}), (0,jsx_runtime.jsx)(Body, {
|
|
83510
|
+
hashId: hashId,
|
|
83429
83511
|
prefixCls: baseClassName,
|
|
83430
83512
|
title: formatMessage({
|
|
83431
83513
|
id: 'app.setting.navigationmode'
|
|
@@ -83433,6 +83515,7 @@ var SettingDrawer = function SettingDrawer(props) {
|
|
|
83433
83515
|
children: (0,jsx_runtime.jsx)(BlockCheckbox, {
|
|
83434
83516
|
prefixCls: baseClassName,
|
|
83435
83517
|
value: layout,
|
|
83518
|
+
hashId: hashId,
|
|
83436
83519
|
configType: "layout",
|
|
83437
83520
|
list: [{
|
|
83438
83521
|
key: 'side',
|
|
@@ -83455,6 +83538,7 @@ var SettingDrawer = function SettingDrawer(props) {
|
|
|
83455
83538
|
}
|
|
83456
83539
|
}, "layout")
|
|
83457
83540
|
}), settingState.layout == 'side' || settingState.layout == 'mix' ? (0,jsx_runtime.jsx)(Body, {
|
|
83541
|
+
hashId: hashId,
|
|
83458
83542
|
prefixCls: baseClassName,
|
|
83459
83543
|
title: formatMessage({
|
|
83460
83544
|
id: 'app.setting.sidermenutype'
|
|
@@ -83462,6 +83546,7 @@ var SettingDrawer = function SettingDrawer(props) {
|
|
|
83462
83546
|
children: (0,jsx_runtime.jsx)(BlockCheckbox, {
|
|
83463
83547
|
prefixCls: baseClassName,
|
|
83464
83548
|
value: siderMenuType,
|
|
83549
|
+
hashId: hashId,
|
|
83465
83550
|
configType: "siderMenuType",
|
|
83466
83551
|
list: [{
|
|
83467
83552
|
key: 'sub',
|
|
@@ -83481,18 +83566,22 @@ var SettingDrawer = function SettingDrawer(props) {
|
|
|
83481
83566
|
}
|
|
83482
83567
|
}, "siderMenuType")
|
|
83483
83568
|
}) : null, (0,jsx_runtime.jsx)(LayoutSetting, {
|
|
83569
|
+
hashId: hashId,
|
|
83484
83570
|
settings: settingState,
|
|
83485
83571
|
changeSetting: changeSetting
|
|
83486
83572
|
}), (0,jsx_runtime.jsx)(external_antd_.Divider, {}), (0,jsx_runtime.jsx)(Body, {
|
|
83573
|
+
hashId: hashId,
|
|
83487
83574
|
prefixCls: baseClassName,
|
|
83488
83575
|
title: formatMessage({
|
|
83489
83576
|
id: 'app.setting.regionalsettings'
|
|
83490
83577
|
}),
|
|
83491
83578
|
children: (0,jsx_runtime.jsx)(RegionalSetting, {
|
|
83579
|
+
hashId: hashId,
|
|
83492
83580
|
settings: settingState,
|
|
83493
83581
|
changeSetting: changeSetting
|
|
83494
83582
|
})
|
|
83495
83583
|
}), (0,jsx_runtime.jsx)(external_antd_.Divider, {}), (0,jsx_runtime.jsx)(Body, {
|
|
83584
|
+
hashId: hashId,
|
|
83496
83585
|
prefixCls: baseClassName,
|
|
83497
83586
|
title: formatMessage({
|
|
83498
83587
|
id: 'app.setting.othersettings'
|
|
@@ -85925,7 +86014,7 @@ var SiderMenuWrapper = function SiderMenuWrapper(props) {
|
|
|
85925
86014
|
*/
|
|
85926
86015
|
|
|
85927
86016
|
var compatibleStyle = function compatibleStyle(token) {
|
|
85928
|
-
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;
|
|
85929
86018
|
|
|
85930
86019
|
if (external_antd_.version.startsWith('5')) {
|
|
85931
86020
|
return {};
|
|
@@ -85942,7 +86031,8 @@ var compatibleStyle = function compatibleStyle(token) {
|
|
|
85942
86031
|
}, defineProperty_defineProperty(_$concat6, "".concat(token.antCls, "-menu-sub"), {
|
|
85943
86032
|
color: token.sider.colorTextMenu
|
|
85944
86033
|
}), defineProperty_defineProperty(_$concat6, "& ".concat(token.antCls, "-layout"), {
|
|
85945
|
-
backgroundColor: 'transparent'
|
|
86034
|
+
backgroundColor: 'transparent',
|
|
86035
|
+
width: '100%'
|
|
85946
86036
|
}), defineProperty_defineProperty(_$concat6, "".concat(token.antCls, "-menu-submenu-expand-icon, ").concat(token.antCls, "-menu-submenu-arrow"), {
|
|
85947
86037
|
color: 'inherit'
|
|
85948
86038
|
}), defineProperty_defineProperty(_$concat6, "&".concat(token.antCls, "-menu"), defineProperty_defineProperty({
|
|
@@ -85997,12 +86087,16 @@ var compatibleStyle = function compatibleStyle(token) {
|
|
|
85997
86087
|
color: token.header.colorTextMenu
|
|
85998
86088
|
}, "".concat(token.antCls, "-menu-item a"), {
|
|
85999
86089
|
color: 'inherit'
|
|
86000
|
-
})), 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({
|
|
86001
86091
|
color: token.header.colorTextMenuActive,
|
|
86002
86092
|
borderRadius: token.radiusBase
|
|
86003
86093
|
}, "".concat(token.antCls, "-menu-submenu-arrow"), {
|
|
86004
86094
|
color: token.header.colorTextMenuActive
|
|
86005
|
-
}))
|
|
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"), {
|
|
86006
86100
|
backgroundColor: 'transparent!important'
|
|
86007
86101
|
}), defineProperty_defineProperty(_ref, "".concat(token.antCls, "-menu-submenu-popup"), (_$concat11 = {
|
|
86008
86102
|
backgroundColor: 'rgba(255, 255, 255, 0.42)',
|
|
@@ -86014,13 +86108,16 @@ var compatibleStyle = function compatibleStyle(token) {
|
|
|
86014
86108
|
}, "".concat(token.antCls, "-menu-item:active, \n ").concat(token.antCls, "-menu-submenu-title:active"), {
|
|
86015
86109
|
backgroundColor: 'transparent!important'
|
|
86016
86110
|
})), defineProperty_defineProperty(_$concat11, "".concat(token.antCls, "-menu-item-selected"), {
|
|
86017
|
-
color: token.sider.colorTextMenuSelected
|
|
86111
|
+
color: token.sider.colorTextMenuSelected,
|
|
86112
|
+
fontWeight: 'bold'
|
|
86018
86113
|
}), defineProperty_defineProperty(_$concat11, "".concat(token.antCls, "-menu-submenu-selected"), {
|
|
86019
|
-
color: token.sider.colorTextMenuSelected
|
|
86114
|
+
color: token.sider.colorTextMenuSelected,
|
|
86115
|
+
fontWeight: 'bold'
|
|
86020
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"), {
|
|
86021
86117
|
backgroundColor: 'rgba(0, 0, 0, 0.04)',
|
|
86022
86118
|
borderRadius: token.radiusBase,
|
|
86023
|
-
color: token.sider.colorTextMenuSelected
|
|
86119
|
+
color: token.sider.colorTextMenuSelected,
|
|
86120
|
+
fontWeight: 'bold'
|
|
86024
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({
|
|
86025
86122
|
color: token.sider.colorTextMenuActive,
|
|
86026
86123
|
borderRadius: token.radiusBase
|
|
@@ -86040,9 +86137,12 @@ var genProLayoutStyle = function genProLayoutStyle(token) {
|
|
|
86040
86137
|
marginInline: 0,
|
|
86041
86138
|
fontFamily: token.fontFamily
|
|
86042
86139
|
}
|
|
86043
|
-
}, 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"), {
|
|
86044
86143
|
display: 'flex',
|
|
86045
|
-
backgroundColor: 'transparent'
|
|
86144
|
+
backgroundColor: 'transparent',
|
|
86145
|
+
width: '100%'
|
|
86046
86146
|
}), defineProperty_defineProperty(_$concat12, "".concat(token.componentCls, "-content"), {
|
|
86047
86147
|
display: 'flex',
|
|
86048
86148
|
flexDirection: 'column',
|
|
@@ -86057,6 +86157,12 @@ var genProLayoutStyle = function genProLayoutStyle(token) {
|
|
|
86057
86157
|
'&-has-page-container': {
|
|
86058
86158
|
margin: 0
|
|
86059
86159
|
}
|
|
86160
|
+
}), defineProperty_defineProperty(_$concat12, "".concat(token.componentCls, "-container"), {
|
|
86161
|
+
width: '100%',
|
|
86162
|
+
display: 'flex',
|
|
86163
|
+
flexDirection: 'column',
|
|
86164
|
+
minWidth: 0,
|
|
86165
|
+
minHeight: 0
|
|
86060
86166
|
}), defineProperty_defineProperty(_$concat12, "".concat(token.componentCls, "-bg-list"), {
|
|
86061
86167
|
pointerEvents: 'none',
|
|
86062
86168
|
position: 'fixed',
|
|
@@ -86291,11 +86397,14 @@ var useCurrentMenuLayoutProps = function useCurrentMenuLayoutProps(currentMenu)
|
|
|
86291
86397
|
var WrapContent = function WrapContent(props) {
|
|
86292
86398
|
var _classNames;
|
|
86293
86399
|
|
|
86400
|
+
var _useToken = useStyle_useToken(),
|
|
86401
|
+
hashId = _useToken.hashId;
|
|
86402
|
+
|
|
86294
86403
|
var style = props.style,
|
|
86295
86404
|
prefixCls = props.prefixCls,
|
|
86296
86405
|
children = props.children,
|
|
86297
86406
|
hasPageContainer = props.hasPageContainer;
|
|
86298
|
-
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));
|
|
86299
86408
|
var ErrorComponent = props.ErrorBoundary || ErrorBoundary;
|
|
86300
86409
|
return props.ErrorBoundary === false ? (0,jsx_runtime.jsx)(external_antd_.Layout.Content, {
|
|
86301
86410
|
className: contentClassName,
|
|
@@ -86789,7 +86898,7 @@ var BaseProLayout = function BaseProLayout(props) {
|
|
|
86789
86898
|
}, style),
|
|
86790
86899
|
children: [siderMenuDom, (0,jsx_runtime.jsxs)("div", {
|
|
86791
86900
|
style: genLayoutStyle,
|
|
86792
|
-
className:
|
|
86901
|
+
className: "".concat(proLayoutClassName, "-container"),
|
|
86793
86902
|
children: [headerDom, (0,jsx_runtime.jsx)(WrapContent, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
|
|
86794
86903
|
hasPageContainer: hasPageContainer,
|
|
86795
86904
|
isChildrenLayout: isChildrenLayout
|
|
@@ -86813,9 +86922,14 @@ BaseProLayout.defaultProps = objectSpread2_objectSpread2(objectSpread2_objectSpr
|
|
|
86813
86922
|
});
|
|
86814
86923
|
|
|
86815
86924
|
var ProLayout_ProLayout = function ProLayout(props) {
|
|
86925
|
+
var _process$env$NODE_ENV;
|
|
86926
|
+
|
|
86816
86927
|
var colorPrimary = props.colorPrimary;
|
|
86817
|
-
return (0,jsx_runtime.jsx)(external_antd_.ConfigProvider
|
|
86928
|
+
return (0,jsx_runtime.jsx)(external_antd_.ConfigProvider // @ts-ignore
|
|
86929
|
+
, {
|
|
86930
|
+
// @ts-ignore
|
|
86818
86931
|
theme: {
|
|
86932
|
+
hashed: ((_process$env$NODE_ENV = "production") === null || _process$env$NODE_ENV === void 0 ? void 0 : _process$env$NODE_ENV.toLowerCase()) !== 'test',
|
|
86819
86933
|
token: {
|
|
86820
86934
|
radiusBase: 4,
|
|
86821
86935
|
colorPrimary: colorPrimary || '#1677FF',
|
|
@@ -91220,6 +91334,7 @@ function ColumnSetting(props) {
|
|
|
91220
91334
|
|
|
91221
91335
|
|
|
91222
91336
|
|
|
91337
|
+
|
|
91223
91338
|
var HeaderMenu = function HeaderMenu(props) {
|
|
91224
91339
|
var _props$items = props.items,
|
|
91225
91340
|
items = _props$items === void 0 ? [] : _props$items,
|
|
@@ -91260,7 +91375,9 @@ var HeaderMenu = function HeaderMenu(props) {
|
|
|
91260
91375
|
}
|
|
91261
91376
|
|
|
91262
91377
|
if (type === 'tab') {
|
|
91263
|
-
return (0,jsx_runtime.jsx)(external_antd_.Tabs
|
|
91378
|
+
return (0,jsx_runtime.jsx)(external_antd_.Tabs //@ts-ignore
|
|
91379
|
+
, {
|
|
91380
|
+
//@ts-ignore
|
|
91264
91381
|
items: items.map(function (item) {
|
|
91265
91382
|
var _item$key;
|
|
91266
91383
|
|
|
@@ -91271,7 +91388,13 @@ var HeaderMenu = function HeaderMenu(props) {
|
|
|
91271
91388
|
activeKey: activeItem.key,
|
|
91272
91389
|
onTabClick: function onTabClick(key) {
|
|
91273
91390
|
return setActiveKey(key);
|
|
91274
|
-
}
|
|
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
|
+
})
|
|
91275
91398
|
});
|
|
91276
91399
|
}
|
|
91277
91400
|
|
|
@@ -91429,6 +91552,7 @@ function ListToolBar_style_useStyle(prefixCls) {
|
|
|
91429
91552
|
|
|
91430
91553
|
|
|
91431
91554
|
|
|
91555
|
+
|
|
91432
91556
|
/**
|
|
91433
91557
|
* 获取配置区域 DOM Item
|
|
91434
91558
|
*
|
|
@@ -91468,6 +91592,8 @@ function getSettingItem(setting) {
|
|
|
91468
91592
|
}
|
|
91469
91593
|
|
|
91470
91594
|
var ListToolBarTabBar = function ListToolBarTabBar(_ref) {
|
|
91595
|
+
var _tabs$items;
|
|
91596
|
+
|
|
91471
91597
|
var prefixCls = _ref.prefixCls,
|
|
91472
91598
|
_ref$tabs = _ref.tabs,
|
|
91473
91599
|
tabs = _ref$tabs === void 0 ? {} : _ref$tabs,
|
|
@@ -91478,6 +91604,7 @@ var ListToolBarTabBar = function ListToolBarTabBar(_ref) {
|
|
|
91478
91604
|
className: "".concat(prefixCls, "-extra-line"),
|
|
91479
91605
|
children: tabs.items && tabs.items.length ? (0,jsx_runtime.jsx)(external_antd_.Tabs, {
|
|
91480
91606
|
activeKey: tabs.activeKey,
|
|
91607
|
+
//@ts-ignore
|
|
91481
91608
|
items: tabs.items.map(function (item, index) {
|
|
91482
91609
|
var _item$key;
|
|
91483
91610
|
|
|
@@ -91488,7 +91615,13 @@ var ListToolBarTabBar = function ListToolBarTabBar(_ref) {
|
|
|
91488
91615
|
});
|
|
91489
91616
|
}),
|
|
91490
91617
|
onChange: tabs.onChange,
|
|
91491
|
-
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
|
+
})
|
|
91492
91625
|
}) : filtersNode
|
|
91493
91626
|
});
|
|
91494
91627
|
};
|
|
@@ -113539,17 +113672,17 @@ function BaseProList(props) {
|
|
|
113539
113672
|
/* harmony default export */ var list_es = ((/* unused pure expression or super */ null && (ProList)));
|
|
113540
113673
|
;// CONCATENATED MODULE: ./packages/components/src/version.ts
|
|
113541
113674
|
var version_version = {
|
|
113542
|
-
"@ant-design/pro-card": "2.0.0-experimental.
|
|
113543
|
-
"@ant-design/pro-components": "2.0.
|
|
113544
|
-
"@ant-design/pro-descriptions": "2.0.0-experimental.
|
|
113545
|
-
"@ant-design/pro-field": "2.0.0-experimental.
|
|
113546
|
-
"@ant-design/pro-form": "2.0.0-experimental.
|
|
113547
|
-
"@ant-design/pro-layout": "7.0.0-experimental.
|
|
113548
|
-
"@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",
|
|
113549
113682
|
"@ant-design/pro-provider": "2.0.0-experimental.10",
|
|
113550
|
-
"@ant-design/pro-skeleton": "2.0.0-experimental.
|
|
113551
|
-
"@ant-design/pro-table": "3.0.0-experimental.
|
|
113552
|
-
"@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"
|
|
113553
113686
|
};
|
|
113554
113687
|
;// CONCATENATED MODULE: ./packages/components/src/index.tsx
|
|
113555
113688
|
|