@ant-design/pro-components 2.0.5 → 2.1.2
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 +316 -182
- package/dist/components.min.js +1 -1
- package/es/version.js +11 -11
- 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
|
|
@@ -33213,9 +33213,6 @@ var localeValues = {
|
|
|
33213
33213
|
}
|
|
33214
33214
|
};
|
|
33215
33215
|
/* harmony default export */ var es_locale_zh_CN = (localeValues);
|
|
33216
|
-
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
33217
|
-
var classnames = __webpack_require__(8266);
|
|
33218
|
-
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
33219
33216
|
// EXTERNAL MODULE: external "React"
|
|
33220
33217
|
var external_React_ = __webpack_require__(1024);
|
|
33221
33218
|
var external_React_default = /*#__PURE__*/__webpack_require__.n(external_React_);
|
|
@@ -35935,6 +35932,7 @@ var useSWR = withArgs(useSWRHandler);
|
|
|
35935
35932
|
;// CONCATENATED MODULE: ./packages/provider/es/index.js
|
|
35936
35933
|
|
|
35937
35934
|
|
|
35935
|
+
//@ts-ignore
|
|
35938
35936
|
|
|
35939
35937
|
|
|
35940
35938
|
|
|
@@ -35964,6 +35962,14 @@ var useSWR = withArgs(useSWRHandler);
|
|
|
35964
35962
|
|
|
35965
35963
|
|
|
35966
35964
|
|
|
35965
|
+
var _ref = external_antd_.theme || {
|
|
35966
|
+
useToken: function useToken() {
|
|
35967
|
+
return {
|
|
35968
|
+
hashId: ''
|
|
35969
|
+
};
|
|
35970
|
+
}
|
|
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:
|
|
36164
|
+
className: "ant-pro ".concat(hashId),
|
|
36156
36165
|
children: provide
|
|
36157
36166
|
});
|
|
36158
36167
|
}
|
|
@@ -36187,6 +36196,9 @@ function useIntl() {
|
|
|
36187
36196
|
}
|
|
36188
36197
|
var ProProvider = es_ConfigContext;
|
|
36189
36198
|
/* harmony default export */ var es = (es_ConfigContext);
|
|
36199
|
+
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
36200
|
+
var classnames = __webpack_require__(8266);
|
|
36201
|
+
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
36190
36202
|
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
|
|
36191
36203
|
function typeof_typeof(obj) {
|
|
36192
36204
|
"@babel/helpers - typeof";
|
|
@@ -39092,7 +39104,7 @@ var token_token = {
|
|
|
39092
39104
|
token: defaultTheme,
|
|
39093
39105
|
hashId: ''
|
|
39094
39106
|
};
|
|
39095
|
-
var
|
|
39107
|
+
var token_useToken = function useToken() {
|
|
39096
39108
|
var _useState = (0,external_React_.useState)(token_token),
|
|
39097
39109
|
_useState2 = slicedToArray_slicedToArray(_useState, 1),
|
|
39098
39110
|
stateToken = _useState2[0];
|
|
@@ -39202,9 +39214,8 @@ function useStyle(componentName, styleFn) {
|
|
|
39202
39214
|
path: [componentName]
|
|
39203
39215
|
}, function () {
|
|
39204
39216
|
return styleFn(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, token), {}, {
|
|
39205
|
-
hashId: hashId,
|
|
39206
39217
|
antCls: '.' + getPrefixCls(),
|
|
39207
|
-
proComponentsCls:
|
|
39218
|
+
proComponentsCls: proComponentsCls
|
|
39208
39219
|
}));
|
|
39209
39220
|
}),
|
|
39210
39221
|
hashId: hashId
|
|
@@ -43267,8 +43278,31 @@ var transformKeySubmitValue = function transformKeySubmitValue(values, dataForma
|
|
|
43267
43278
|
var itemValue = tempValues[entityKey];
|
|
43268
43279
|
var transformFunction = (0,utils_get["default"])(dataFormatMap, key);
|
|
43269
43280
|
|
|
43281
|
+
var _transformArray = function _transformArray(transformFn) {
|
|
43282
|
+
if (!Array.isArray(transformFn)) return entityKey;
|
|
43283
|
+
transformFunction.forEach(function (fn, idx) {
|
|
43284
|
+
if (typeof fn === 'function') {
|
|
43285
|
+
itemValue[idx] = fn(itemValue, entityKey, tempValues);
|
|
43286
|
+
}
|
|
43287
|
+
|
|
43288
|
+
if (typeof_typeof(fn) === 'object' && !Array.isArray(fn)) {
|
|
43289
|
+
Object.keys(fn).forEach(function (curK) {
|
|
43290
|
+
if (typeof fn[curK] === 'function') {
|
|
43291
|
+
var res = fn[curK](tempValues[entityKey][idx][curK], entityKey, tempValues);
|
|
43292
|
+
itemValue[idx][curK] = typeof_typeof(res) === 'object' ? res[curK] : res;
|
|
43293
|
+
}
|
|
43294
|
+
});
|
|
43295
|
+
}
|
|
43296
|
+
|
|
43297
|
+
if (typeof_typeof(fn) === 'object' && Array.isArray(fn)) {
|
|
43298
|
+
_transformArray(fn);
|
|
43299
|
+
}
|
|
43300
|
+
});
|
|
43301
|
+
return entityKey;
|
|
43302
|
+
};
|
|
43303
|
+
|
|
43270
43304
|
var transform = function transform() {
|
|
43271
|
-
var tempKey = typeof transformFunction === 'function' ? transformFunction === null || transformFunction === void 0 ? void 0 : transformFunction(itemValue, entityKey, tempValues) :
|
|
43305
|
+
var tempKey = typeof transformFunction === 'function' ? transformFunction === null || transformFunction === void 0 ? void 0 : transformFunction(itemValue, entityKey, tempValues) : _transformArray(transformFunction); // { [key:string]:any } 数组也能通过编译
|
|
43272
43306
|
|
|
43273
43307
|
if (Array.isArray(tempKey)) {
|
|
43274
43308
|
result = (0,set/* default */.Z)(result, tempKey, itemValue);
|
|
@@ -45911,6 +45945,7 @@ var Card = /*#__PURE__*/external_React_default().forwardRef(function (props, ref
|
|
|
45911
45945
|
|
|
45912
45946
|
|
|
45913
45947
|
var responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs']; // 修改组合传给antd tabs的参数
|
|
45948
|
+
// @ts-ignore
|
|
45914
45949
|
|
|
45915
45950
|
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
45951
|
return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, item), {}, {
|
|
@@ -46082,6 +46117,7 @@ var Card = /*#__PURE__*/external_React_default().forwardRef(function (props, ref
|
|
|
46082
46117
|
children: (0,jsx_runtime.jsx)(external_antd_.Tabs, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
|
|
46083
46118
|
onChange: tabs.onChange
|
|
46084
46119
|
}, tabs), {}, {
|
|
46120
|
+
// @ts-ignore
|
|
46085
46121
|
items: ModifyTabItemsContant,
|
|
46086
46122
|
children: loading ? loadingDOM : children
|
|
46087
46123
|
}))
|
|
@@ -60543,7 +60579,7 @@ var FieldMoney = function FieldMoney(_ref2, ref) {
|
|
|
60543
60579
|
|
|
60544
60580
|
if (type === 'edit' || type === 'update') {
|
|
60545
60581
|
var getFormateValue = function getFormateValue(value) {
|
|
60546
|
-
var reg = new RegExp("\\B(?=(\\d{".concat(3 + (precision - DefaultPrecisionCont), "})+(?!\\d))"), 'g');
|
|
60582
|
+
var reg = new RegExp("\\B(?=(\\d{".concat(3 + Math.max(precision - DefaultPrecisionCont, 0), "})+(?!\\d))"), 'g');
|
|
60547
60583
|
|
|
60548
60584
|
var _String$split = String(value).split('.'),
|
|
60549
60585
|
_String$split2 = slicedToArray_slicedToArray(_String$split, 2),
|
|
@@ -60552,7 +60588,7 @@ var FieldMoney = function FieldMoney(_ref2, ref) {
|
|
|
60552
60588
|
|
|
60553
60589
|
var resInt = intS.replace(reg, ',');
|
|
60554
60590
|
var resFloat = '';
|
|
60555
|
-
if (floatS) resFloat = ".".concat(floatS.slice(0, precision === undefined ? DefaultPrecisionCont : precision));
|
|
60591
|
+
if (floatS && precision > 0) resFloat = ".".concat(floatS.slice(0, precision === undefined ? DefaultPrecisionCont : precision));
|
|
60556
60592
|
return "".concat(resInt).concat(resFloat);
|
|
60557
60593
|
};
|
|
60558
60594
|
|
|
@@ -68953,9 +68989,7 @@ var QueryFilter_style_genProStyle = function genProStyle(token) {
|
|
|
68953
68989
|
|
|
68954
68990
|
return defineProperty_defineProperty({}, token.proComponentsCls, defineProperty_defineProperty({}, token.componentCls, (_token$componentCls = {
|
|
68955
68991
|
padding: 24
|
|
68956
|
-
}, defineProperty_defineProperty(_token$componentCls, "
|
|
68957
|
-
paddingInline: 0
|
|
68958
|
-
}), defineProperty_defineProperty(_token$componentCls, "".concat(token.antCls, "-form-item"), {
|
|
68992
|
+
}, defineProperty_defineProperty(_token$componentCls, "".concat(token.antCls, "-form-item"), {
|
|
68959
68993
|
marginBlock: 0
|
|
68960
68994
|
}), defineProperty_defineProperty(_token$componentCls, "".concat(token.proComponentsCls, "-form-group-title"), {
|
|
68961
68995
|
marginBlock: 0
|
|
@@ -78243,10 +78277,10 @@ var FooterToolbar = function FooterToolbar(props) {
|
|
|
78243
78277
|
|
|
78244
78278
|
var dom = (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
|
|
78245
78279
|
children: [(0,jsx_runtime.jsx)("div", {
|
|
78246
|
-
className: "".concat(baseClassName, "-left"),
|
|
78280
|
+
className: "".concat(baseClassName, "-left ").concat(hashId),
|
|
78247
78281
|
children: extra
|
|
78248
78282
|
}), (0,jsx_runtime.jsx)("div", {
|
|
78249
|
-
className: "".concat(baseClassName, "-right"),
|
|
78283
|
+
className: "".concat(baseClassName, "-right ").concat(hashId),
|
|
78250
78284
|
children: children
|
|
78251
78285
|
})]
|
|
78252
78286
|
});
|
|
@@ -78347,7 +78381,7 @@ var GridContent = function GridContent(props) {
|
|
|
78347
78381
|
className: classnames_default()(className, hashId, propsClassName, defineProperty_defineProperty({}, "".concat(className, "-wide"), isWide)),
|
|
78348
78382
|
style: style,
|
|
78349
78383
|
children: (0,jsx_runtime.jsx)("div", {
|
|
78350
|
-
className: "".concat(prefixCls, "-grid-content-children"),
|
|
78384
|
+
className: "".concat(prefixCls, "-grid-content-children ").concat(hashId),
|
|
78351
78385
|
children: children
|
|
78352
78386
|
})
|
|
78353
78387
|
}));
|
|
@@ -78416,10 +78450,13 @@ var defaultToken = getLayoutDesignToken({}, {});
|
|
|
78416
78450
|
var ProLayoutContext = /*#__PURE__*/external_React_default().createContext(defaultToken);
|
|
78417
78451
|
var ProLayoutProvider = function ProLayoutProvider(props) {
|
|
78418
78452
|
var _useToken = useStyle_useToken(),
|
|
78419
|
-
token = _useToken.token
|
|
78453
|
+
token = _useToken.token,
|
|
78454
|
+
hashId = _useToken.hashId;
|
|
78420
78455
|
|
|
78421
78456
|
return (0,jsx_runtime.jsx)(ProLayoutContext.Provider, {
|
|
78422
|
-
value: objectSpread2_objectSpread2({}, getLayoutDesignToken((props === null || props === void 0 ? void 0 : props.token) || {}, token)),
|
|
78457
|
+
value: objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, getLayoutDesignToken((props === null || props === void 0 ? void 0 : props.token) || {}, token)), {}, {
|
|
78458
|
+
hashId: hashId
|
|
78459
|
+
}),
|
|
78423
78460
|
children: props.children
|
|
78424
78461
|
});
|
|
78425
78462
|
};
|
|
@@ -78618,6 +78655,7 @@ var getBackIcon = function getBackIcon(props) {
|
|
|
78618
78655
|
|
|
78619
78656
|
var renderTitle = function renderTitle(prefixCls, props) {
|
|
78620
78657
|
var direction = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'ltr';
|
|
78658
|
+
var hashId = arguments.length > 3 ? arguments[3] : undefined;
|
|
78621
78659
|
var title = props.title,
|
|
78622
78660
|
avatar = props.avatar,
|
|
78623
78661
|
subTitle = props.subTitle,
|
|
@@ -78635,25 +78673,25 @@ var renderTitle = function renderTitle(prefixCls, props) {
|
|
|
78635
78673
|
var backIconDom = renderBack(prefixCls, backIcon, onBack);
|
|
78636
78674
|
var hasTitle = backIconDom || avatar || hasHeading;
|
|
78637
78675
|
return (0,jsx_runtime.jsxs)("div", {
|
|
78638
|
-
className: headingPrefixCls,
|
|
78676
|
+
className: headingPrefixCls + ' ' + hashId,
|
|
78639
78677
|
children: [hasTitle && (0,jsx_runtime.jsxs)("div", {
|
|
78640
|
-
className: "".concat(headingPrefixCls, "-left"),
|
|
78678
|
+
className: "".concat(headingPrefixCls, "-left ").concat(hashId),
|
|
78641
78679
|
children: [backIconDom, avatar && (0,jsx_runtime.jsx)(external_antd_.Avatar, objectSpread2_objectSpread2({
|
|
78642
|
-
className: classnames_default()("".concat(headingPrefixCls, "-avatar"), avatar.className)
|
|
78680
|
+
className: classnames_default()("".concat(headingPrefixCls, "-avatar"), hashId, avatar.className)
|
|
78643
78681
|
}, avatar)), title && (0,jsx_runtime.jsx)("span", {
|
|
78644
|
-
className: "".concat(headingPrefixCls, "-title"),
|
|
78682
|
+
className: "".concat(headingPrefixCls, "-title ").concat(hashId),
|
|
78645
78683
|
title: typeof title === 'string' ? title : undefined,
|
|
78646
78684
|
children: title
|
|
78647
78685
|
}), subTitle && (0,jsx_runtime.jsx)("span", {
|
|
78648
|
-
className: "".concat(headingPrefixCls, "-sub-title"),
|
|
78686
|
+
className: "".concat(headingPrefixCls, "-sub-title ").concat(hashId),
|
|
78649
78687
|
title: typeof subTitle === 'string' ? subTitle : undefined,
|
|
78650
78688
|
children: subTitle
|
|
78651
78689
|
}), tags && (0,jsx_runtime.jsx)("span", {
|
|
78652
|
-
className: "".concat(headingPrefixCls, "-tags"),
|
|
78690
|
+
className: "".concat(headingPrefixCls, "-tags ").concat(hashId),
|
|
78653
78691
|
children: tags
|
|
78654
78692
|
})]
|
|
78655
78693
|
}), extra && (0,jsx_runtime.jsx)("span", {
|
|
78656
|
-
className: "".concat(headingPrefixCls, "-extra"),
|
|
78694
|
+
className: "".concat(headingPrefixCls, "-extra ").concat(hashId),
|
|
78657
78695
|
children: (0,jsx_runtime.jsx)(external_antd_.Space, {
|
|
78658
78696
|
children: extra
|
|
78659
78697
|
})
|
|
@@ -78661,10 +78699,10 @@ var renderTitle = function renderTitle(prefixCls, props) {
|
|
|
78661
78699
|
});
|
|
78662
78700
|
};
|
|
78663
78701
|
|
|
78664
|
-
var renderFooter = function renderFooter(prefixCls, footer) {
|
|
78702
|
+
var renderFooter = function renderFooter(prefixCls, footer, hashId) {
|
|
78665
78703
|
if (footer) {
|
|
78666
78704
|
return (0,jsx_runtime.jsx)("div", {
|
|
78667
|
-
className: "".concat(prefixCls, "-footer"),
|
|
78705
|
+
className: "".concat(prefixCls, "-footer ").concat(hashId),
|
|
78668
78706
|
children: footer
|
|
78669
78707
|
});
|
|
78670
78708
|
}
|
|
@@ -78672,9 +78710,9 @@ var renderFooter = function renderFooter(prefixCls, footer) {
|
|
|
78672
78710
|
return null;
|
|
78673
78711
|
};
|
|
78674
78712
|
|
|
78675
|
-
var renderChildren = function renderChildren(prefixCls, children) {
|
|
78713
|
+
var renderChildren = function renderChildren(prefixCls, children, hashId) {
|
|
78676
78714
|
return (0,jsx_runtime.jsx)("div", {
|
|
78677
|
-
className: "".concat(prefixCls, "-content"),
|
|
78715
|
+
className: "".concat(prefixCls, "-content ").concat(hashId),
|
|
78678
78716
|
children: children
|
|
78679
78717
|
});
|
|
78680
78718
|
};
|
|
@@ -78736,9 +78774,9 @@ var PageHeader = function PageHeader(props) {
|
|
|
78736
78774
|
var className = classnames_default()(prefixCls, props.className, customizeClassName, (_classNames = {
|
|
78737
78775
|
hashId: hashId
|
|
78738
78776
|
}, 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);
|
|
78777
|
+
var title = renderTitle(prefixCls, props, direction, hashId);
|
|
78778
|
+
var childDom = children && renderChildren(prefixCls, children, hashId);
|
|
78779
|
+
var footerDom = renderFooter(prefixCls, footer, hashId);
|
|
78742
78780
|
|
|
78743
78781
|
if (!breadcrumbDom && !title && !footerDom && !childDom) {
|
|
78744
78782
|
return null;
|
|
@@ -79010,7 +79048,7 @@ function PageContainer_style_useStyle(prefixCls) {
|
|
|
79010
79048
|
|
|
79011
79049
|
|
|
79012
79050
|
|
|
79013
|
-
var PageContainer_excluded = ["title", "content", "pageHeaderRender", "header", "prefixedClassName", "extraContent", "style", "prefixCls", "value", "breadcrumbRender"],
|
|
79051
|
+
var PageContainer_excluded = ["title", "content", "pageHeaderRender", "header", "prefixedClassName", "extraContent", "style", "prefixCls", "hashId", "value", "breadcrumbRender"],
|
|
79014
79052
|
PageContainer_excluded2 = ["children", "loading", "className", "style", "footer", "affixProps", "fixedHeader", "breadcrumbRender"];
|
|
79015
79053
|
|
|
79016
79054
|
|
|
@@ -79045,13 +79083,14 @@ var PageContainer_renderFooter = function renderFooter(_ref) {
|
|
|
79045
79083
|
var tabList = _ref.tabList,
|
|
79046
79084
|
tabActiveKey = _ref.tabActiveKey,
|
|
79047
79085
|
onTabChange = _ref.onTabChange,
|
|
79086
|
+
hashId = _ref.hashId,
|
|
79048
79087
|
tabBarExtraContent = _ref.tabBarExtraContent,
|
|
79049
79088
|
tabProps = _ref.tabProps,
|
|
79050
79089
|
prefixedClassName = _ref.prefixedClassName;
|
|
79051
79090
|
|
|
79052
79091
|
if (Array.isArray(tabList) || tabBarExtraContent) {
|
|
79053
|
-
return (0,jsx_runtime.jsx)(external_antd_.Tabs, objectSpread2_objectSpread2({
|
|
79054
|
-
className: "".concat(prefixedClassName, "-tabs"),
|
|
79092
|
+
return (0,jsx_runtime.jsx)(external_antd_.Tabs, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
|
|
79093
|
+
className: "".concat(prefixedClassName, "-tabs ").concat(hashId),
|
|
79055
79094
|
activeKey: tabActiveKey,
|
|
79056
79095
|
onChange: function onChange(key) {
|
|
79057
79096
|
if (onTabChange) {
|
|
@@ -79059,6 +79098,7 @@ var PageContainer_renderFooter = function renderFooter(_ref) {
|
|
|
79059
79098
|
}
|
|
79060
79099
|
},
|
|
79061
79100
|
tabBarExtraContent: tabBarExtraContent,
|
|
79101
|
+
// @ts-ignore
|
|
79062
79102
|
items: tabList === null || tabList === void 0 ? void 0 : tabList.map(function (item, index) {
|
|
79063
79103
|
var _item$key;
|
|
79064
79104
|
|
|
@@ -79068,28 +79108,34 @@ var PageContainer_renderFooter = function renderFooter(_ref) {
|
|
|
79068
79108
|
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
79109
|
});
|
|
79070
79110
|
})
|
|
79071
|
-
}, tabProps)
|
|
79111
|
+
}, tabProps), {}, {
|
|
79112
|
+
children: tabList === null || tabList === void 0 ? void 0 : tabList.map(function (item, index) {
|
|
79113
|
+
return (0,jsx_runtime.jsx)(external_antd_.Tabs.TabPane, objectSpread2_objectSpread2({
|
|
79114
|
+
tab: item.tab
|
|
79115
|
+
}, item), item.key || index);
|
|
79116
|
+
})
|
|
79117
|
+
}));
|
|
79072
79118
|
}
|
|
79073
79119
|
|
|
79074
79120
|
return null;
|
|
79075
79121
|
};
|
|
79076
79122
|
|
|
79077
|
-
var renderPageHeader = function renderPageHeader(content, extraContent, prefixedClassName) {
|
|
79123
|
+
var renderPageHeader = function renderPageHeader(content, extraContent, prefixedClassName, hashId) {
|
|
79078
79124
|
if (!content && !extraContent) {
|
|
79079
79125
|
return null;
|
|
79080
79126
|
}
|
|
79081
79127
|
|
|
79082
79128
|
return (0,jsx_runtime.jsx)("div", {
|
|
79083
|
-
className: "".concat(prefixedClassName, "-detail"),
|
|
79129
|
+
className: "".concat(prefixedClassName, "-detail ").concat(hashId),
|
|
79084
79130
|
children: (0,jsx_runtime.jsx)("div", {
|
|
79085
|
-
className: "".concat(prefixedClassName, "-main"),
|
|
79131
|
+
className: "".concat(prefixedClassName, "-main ").concat(hashId),
|
|
79086
79132
|
children: (0,jsx_runtime.jsxs)("div", {
|
|
79087
|
-
className: "".concat(prefixedClassName, "-row"),
|
|
79133
|
+
className: "".concat(prefixedClassName, "-row ").concat(hashId),
|
|
79088
79134
|
children: [content && (0,jsx_runtime.jsx)("div", {
|
|
79089
|
-
className: "".concat(prefixedClassName, "-content"),
|
|
79135
|
+
className: "".concat(prefixedClassName, "-content ").concat(hashId),
|
|
79090
79136
|
children: content
|
|
79091
79137
|
}), extraContent && (0,jsx_runtime.jsx)("div", {
|
|
79092
|
-
className: "".concat(prefixedClassName, "-extraContent"),
|
|
79138
|
+
className: "".concat(prefixedClassName, "-extraContent ").concat(hashId),
|
|
79093
79139
|
children: extraContent
|
|
79094
79140
|
})]
|
|
79095
79141
|
})
|
|
@@ -79127,6 +79173,7 @@ var memoRenderPageHeader = function memoRenderPageHeader(props) {
|
|
|
79127
79173
|
extraContent = props.extraContent,
|
|
79128
79174
|
style = props.style,
|
|
79129
79175
|
prefixCls = props.prefixCls,
|
|
79176
|
+
hashId = props.hashId,
|
|
79130
79177
|
value = props.value,
|
|
79131
79178
|
breadcrumbRender = props.breadcrumbRender,
|
|
79132
79179
|
restProps = objectWithoutProperties_objectWithoutProperties(props, PageContainer_excluded);
|
|
@@ -79159,6 +79206,7 @@ var memoRenderPageHeader = function memoRenderPageHeader(props) {
|
|
|
79159
79206
|
title: pageHeaderTitle
|
|
79160
79207
|
}, restProps), {}, {
|
|
79161
79208
|
footer: PageContainer_renderFooter(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restProps), {}, {
|
|
79209
|
+
hashId: hashId,
|
|
79162
79210
|
breadcrumbRender: breadcrumbRender,
|
|
79163
79211
|
prefixedClassName: prefixedClassName
|
|
79164
79212
|
}))
|
|
@@ -79174,11 +79222,11 @@ var memoRenderPageHeader = function memoRenderPageHeader(props) {
|
|
|
79174
79222
|
}
|
|
79175
79223
|
|
|
79176
79224
|
return (0,jsx_runtime.jsx)(PageHeader, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, pageHeaderProps), {}, {
|
|
79177
|
-
className: "".concat(prefixedClassName, "-warp-page-header"),
|
|
79225
|
+
className: "".concat(prefixedClassName, "-warp-page-header ").concat(hashId),
|
|
79178
79226
|
breadcrumb: breadcrumbRender === false ? undefined : objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, pageHeaderProps.breadcrumb), value.breadcrumbProps),
|
|
79179
79227
|
breadcrumbRender: getBreadcrumbRender(),
|
|
79180
79228
|
prefixCls: prefixCls,
|
|
79181
|
-
children: (header === null || header === void 0 ? void 0 : header.children) || renderPageHeader(content, extraContent, prefixedClassName)
|
|
79229
|
+
children: (header === null || header === void 0 ? void 0 : header.children) || renderPageHeader(content, extraContent, prefixedClassName, hashId)
|
|
79182
79230
|
}));
|
|
79183
79231
|
};
|
|
79184
79232
|
|
|
@@ -79236,6 +79284,7 @@ var PageContainer = function PageContainer(props) {
|
|
|
79236
79284
|
var pageHeaderDom = memoRenderPageHeader(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restProps), {}, {
|
|
79237
79285
|
breadcrumbRender: memoBreadcrumbRender,
|
|
79238
79286
|
ghost: true,
|
|
79287
|
+
hashId: hashId,
|
|
79239
79288
|
prefixCls: undefined,
|
|
79240
79289
|
prefixedClassName: basePageContainer,
|
|
79241
79290
|
value: value
|
|
@@ -79259,7 +79308,7 @@ var PageContainer = function PageContainer(props) {
|
|
|
79259
79308
|
var content = (0,external_React_.useMemo)(function () {
|
|
79260
79309
|
return children ? (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
|
|
79261
79310
|
children: [(0,jsx_runtime.jsx)("div", {
|
|
79262
|
-
className: classnames_default()("".concat(basePageContainer, "-children-content")),
|
|
79311
|
+
className: classnames_default()("".concat(basePageContainer, "-children-content ").concat(hashId)),
|
|
79263
79312
|
children: children
|
|
79264
79313
|
}), value.hasFooterToolbar && (0,jsx_runtime.jsx)("div", {
|
|
79265
79314
|
style: {
|
|
@@ -79268,7 +79317,7 @@ var PageContainer = function PageContainer(props) {
|
|
|
79268
79317
|
}
|
|
79269
79318
|
})]
|
|
79270
79319
|
}) : null;
|
|
79271
|
-
}, [children, basePageContainer, value.hasFooterToolbar, pageContainer.marginBlockPageContainerContent]);
|
|
79320
|
+
}, [children, basePageContainer, hashId, value.hasFooterToolbar, pageContainer.marginBlockPageContainerContent]);
|
|
79272
79321
|
var renderContentDom = (0,external_React_.useMemo)(function () {
|
|
79273
79322
|
// 只要loadingDom非空我们就渲染loadingDom,否则渲染内容
|
|
79274
79323
|
var dom = loadingDom || content;
|
|
@@ -79293,7 +79342,7 @@ var PageContainer = function PageContainer(props) {
|
|
|
79293
79342
|
(0,jsx_runtime.jsx)(external_antd_.Affix, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
|
|
79294
79343
|
offsetTop: value.hasHeader && value.fixedHeader ? token.header.heightLayoutHeader : 0
|
|
79295
79344
|
}, affixProps), {}, {
|
|
79296
|
-
className: "".concat(basePageContainer, "-affix"),
|
|
79345
|
+
className: "".concat(basePageContainer, "-affix ").concat(hashId),
|
|
79297
79346
|
children: pageHeaderDom
|
|
79298
79347
|
})) : pageHeaderDom, renderContentDom && (0,jsx_runtime.jsx)(GridContent, {
|
|
79299
79348
|
children: renderContentDom
|
|
@@ -79308,6 +79357,7 @@ var PageContainer = function PageContainer(props) {
|
|
|
79308
79357
|
var ProPageHeader = function ProPageHeader(props) {
|
|
79309
79358
|
var value = (0,external_React_.useContext)(RouteContext);
|
|
79310
79359
|
return memoRenderPageHeader(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, props), {}, {
|
|
79360
|
+
hashId: '',
|
|
79311
79361
|
value: value
|
|
79312
79362
|
}));
|
|
79313
79363
|
};
|
|
@@ -79421,10 +79471,10 @@ var GlobalFooter = function GlobalFooter(_ref) {
|
|
|
79421
79471
|
className: classnames_default()(baseClassName, hashId, className),
|
|
79422
79472
|
style: style,
|
|
79423
79473
|
children: [links && (0,jsx_runtime.jsx)("div", {
|
|
79424
|
-
className: "".concat(baseClassName, "-list"),
|
|
79474
|
+
className: "".concat(baseClassName, "-list ").concat(hashId),
|
|
79425
79475
|
children: links.map(function (link) {
|
|
79426
79476
|
return (0,jsx_runtime.jsx)("a", {
|
|
79427
|
-
className: "".concat(baseClassName, "-list-link"),
|
|
79477
|
+
className: "".concat(baseClassName, "-list-link ").concat(hashId),
|
|
79428
79478
|
title: link.key,
|
|
79429
79479
|
target: link.blankTarget ? '_blank' : '_self',
|
|
79430
79480
|
href: link.href,
|
|
@@ -79433,7 +79483,7 @@ var GlobalFooter = function GlobalFooter(_ref) {
|
|
|
79433
79483
|
}, link.key);
|
|
79434
79484
|
})
|
|
79435
79485
|
}), copyright && (0,jsx_runtime.jsx)("div", {
|
|
79436
|
-
className: "".concat(baseClassName, "-copyright"),
|
|
79486
|
+
className: "".concat(baseClassName, "-copyright ").concat(hashId),
|
|
79437
79487
|
children: copyright
|
|
79438
79488
|
})]
|
|
79439
79489
|
}));
|
|
@@ -79698,14 +79748,15 @@ var AppsLogo = function AppsLogo() {
|
|
|
79698
79748
|
|
|
79699
79749
|
var DefaultContent = function DefaultContent(props) {
|
|
79700
79750
|
var appList = props.appList,
|
|
79701
|
-
baseClassName = props.baseClassName
|
|
79751
|
+
baseClassName = props.baseClassName,
|
|
79752
|
+
hashId = props.hashId;
|
|
79702
79753
|
return (0,jsx_runtime.jsx)("div", {
|
|
79703
|
-
className: "".concat(baseClassName, "-content"),
|
|
79754
|
+
className: "".concat(baseClassName, "-content ").concat(hashId),
|
|
79704
79755
|
children: (0,jsx_runtime.jsx)("ul", {
|
|
79705
|
-
className: "".concat(baseClassName, "-content-list"),
|
|
79756
|
+
className: "".concat(baseClassName, "-content-list ").concat(hashId),
|
|
79706
79757
|
children: appList === null || appList === void 0 ? void 0 : appList.map(function (app, index) {
|
|
79707
79758
|
return (0,jsx_runtime.jsx)("li", {
|
|
79708
|
-
className: "".concat(baseClassName, "-content-list-item"),
|
|
79759
|
+
className: "".concat(baseClassName, "-content-list-item ").concat(hashId),
|
|
79709
79760
|
children: (0,jsx_runtime.jsxs)("a", {
|
|
79710
79761
|
href: app.url,
|
|
79711
79762
|
target: app.target,
|
|
@@ -79765,14 +79816,15 @@ var renderLogo = function renderLogo(logo, title) {
|
|
|
79765
79816
|
};
|
|
79766
79817
|
var SimpleContent = function SimpleContent(props) {
|
|
79767
79818
|
var appList = props.appList,
|
|
79768
|
-
baseClassName = props.baseClassName
|
|
79819
|
+
baseClassName = props.baseClassName,
|
|
79820
|
+
hashId = props.hashId;
|
|
79769
79821
|
return (0,jsx_runtime.jsx)("div", {
|
|
79770
|
-
className: "".concat(baseClassName, "-content"),
|
|
79822
|
+
className: "".concat(baseClassName, "-content ").concat(hashId),
|
|
79771
79823
|
children: (0,jsx_runtime.jsx)("ul", {
|
|
79772
|
-
className: "".concat(baseClassName, "-content-list"),
|
|
79824
|
+
className: "".concat(baseClassName, "-content-list ").concat(hashId),
|
|
79773
79825
|
children: appList === null || appList === void 0 ? void 0 : appList.map(function (app, index) {
|
|
79774
79826
|
return (0,jsx_runtime.jsx)("li", {
|
|
79775
|
-
className: "".concat(baseClassName, "-content-list-item"),
|
|
79827
|
+
className: "".concat(baseClassName, "-content-list-item ").concat(hashId),
|
|
79776
79828
|
children: (0,jsx_runtime.jsxs)("a", {
|
|
79777
79829
|
href: app.url,
|
|
79778
79830
|
target: app.target,
|
|
@@ -79902,7 +79954,7 @@ var genAppsLogoComponentsSimpleListStyle = function genAppsLogoComponentsSimpleL
|
|
|
79902
79954
|
fontSize: 22,
|
|
79903
79955
|
lineHeight: '40px',
|
|
79904
79956
|
textAlign: 'center',
|
|
79905
|
-
|
|
79957
|
+
backgroundImage: 'linear-gradient(180deg, #E8F0FB 0%, #F6F8FC 100%)',
|
|
79906
79958
|
borderRadius: token.radiusBase
|
|
79907
79959
|
},
|
|
79908
79960
|
'& > img': {
|
|
@@ -80035,7 +80087,8 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
|
|
|
80035
80087
|
var baseClassName = "".concat(prefixCls, "-layout-apps");
|
|
80036
80088
|
|
|
80037
80089
|
var _useStyle = AppsLogoComponents_style_useStyle(baseClassName),
|
|
80038
|
-
wrapSSR = _useStyle.wrapSSR
|
|
80090
|
+
wrapSSR = _useStyle.wrapSSR,
|
|
80091
|
+
hashId = _useStyle.hashId;
|
|
80039
80092
|
|
|
80040
80093
|
var _useState = (0,external_React_.useState)(false),
|
|
80041
80094
|
_useState2 = slicedToArray_slicedToArray(_useState, 2),
|
|
@@ -80049,16 +80102,18 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
|
|
|
80049
80102
|
|
|
80050
80103
|
if (isSimple) {
|
|
80051
80104
|
return (0,jsx_runtime.jsx)(SimpleContent, {
|
|
80105
|
+
hashId: hashId,
|
|
80052
80106
|
appList: appList,
|
|
80053
80107
|
baseClassName: "".concat(baseClassName, "-simple")
|
|
80054
80108
|
});
|
|
80055
80109
|
}
|
|
80056
80110
|
|
|
80057
80111
|
return (0,jsx_runtime.jsx)(DefaultContent, {
|
|
80112
|
+
hashId: hashId,
|
|
80058
80113
|
appList: appList,
|
|
80059
80114
|
baseClassName: "".concat(baseClassName, "-default")
|
|
80060
80115
|
});
|
|
80061
|
-
}, [appList, baseClassName]);
|
|
80116
|
+
}, [appList, baseClassName, hashId]);
|
|
80062
80117
|
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
80118
|
return wrapSSR((0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
|
|
80064
80119
|
children: [(0,jsx_runtime.jsx)("div", {
|
|
@@ -80069,7 +80124,7 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
|
|
|
80069
80124
|
zIndex: 9999,
|
|
80070
80125
|
arrowPointAtCenter: true,
|
|
80071
80126
|
onVisibleChange: setVisible,
|
|
80072
|
-
overlayClassName: "".concat(baseClassName, "-popover"),
|
|
80127
|
+
overlayClassName: "".concat(baseClassName, "-popover ").concat(hashId),
|
|
80073
80128
|
content: popoverContent,
|
|
80074
80129
|
getPopupContainer: function getPopupContainer() {
|
|
80075
80130
|
return ref.current || document.body;
|
|
@@ -80078,7 +80133,7 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
|
|
|
80078
80133
|
onClick: function onClick(e) {
|
|
80079
80134
|
e.stopPropagation();
|
|
80080
80135
|
},
|
|
80081
|
-
className: classnames_default()("".concat(baseClassName, "-icon"), defineProperty_defineProperty({}, "".concat(baseClassName, "-icon-active"), visible)),
|
|
80136
|
+
className: classnames_default()("".concat(baseClassName, "-icon"), hashId, defineProperty_defineProperty({}, "".concat(baseClassName, "-icon-active"), visible)),
|
|
80082
80137
|
children: (0,jsx_runtime.jsx)(AppsLogo, {})
|
|
80083
80138
|
})
|
|
80084
80139
|
})]
|
|
@@ -80419,10 +80474,10 @@ var MenuCounter = createContainer(useMenuCounter);
|
|
|
80419
80474
|
var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
|
|
80420
80475
|
var _collapsed, _collapsed2, _$concat2, _$concat4;
|
|
80421
80476
|
|
|
80422
|
-
return defineProperty_defineProperty({},
|
|
80477
|
+
return defineProperty_defineProperty({}, "".concat(token.componentCls), (_$concat4 = {
|
|
80423
80478
|
background: 'transparent',
|
|
80424
80479
|
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"), {
|
|
80480
|
+
}, 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
80481
|
paddingInline: '0 !important',
|
|
80427
80482
|
height: 'auto !important',
|
|
80428
80483
|
marginBlock: '8px !important'
|
|
@@ -80431,7 +80486,7 @@ var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
|
|
|
80431
80486
|
borderRadius: token.radiusBase
|
|
80432
80487
|
}), defineProperty_defineProperty(_collapsed, "".concat(token.componentCls, "-group"), defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-item-group-title"), {
|
|
80433
80488
|
paddingInline: 0
|
|
80434
|
-
})), _collapsed)), defineProperty_defineProperty(_$concat4, '&-item-title', defineProperty_defineProperty({
|
|
80489
|
+
})), _collapsed)), defineProperty_defineProperty(_$concat4, '& &-item-title', defineProperty_defineProperty({
|
|
80435
80490
|
display: 'flex',
|
|
80436
80491
|
flexDirection: 'row',
|
|
80437
80492
|
alignItems: 'center',
|
|
@@ -80479,7 +80534,7 @@ var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
|
|
|
80479
80534
|
color: token.colorTextSecondary,
|
|
80480
80535
|
fontSize: 12,
|
|
80481
80536
|
lineHeight: 20
|
|
80482
|
-
}), _$concat4))
|
|
80537
|
+
}), _$concat4));
|
|
80483
80538
|
};
|
|
80484
80539
|
|
|
80485
80540
|
function menu_useStyle(prefixCls) {
|
|
@@ -80524,6 +80579,7 @@ var IconFont = create({
|
|
|
80524
80579
|
|
|
80525
80580
|
var getIcon = function getIcon(icon) {
|
|
80526
80581
|
var iconPrefixes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'icon-';
|
|
80582
|
+
var className = arguments.length > 2 ? arguments[2] : undefined;
|
|
80527
80583
|
|
|
80528
80584
|
if (typeof icon === 'string' && icon !== '') {
|
|
80529
80585
|
if (isUrl(icon) || isImg(icon)) {
|
|
@@ -80532,7 +80588,7 @@ var getIcon = function getIcon(icon) {
|
|
|
80532
80588
|
return (0,jsx_runtime.jsx)("img", {
|
|
80533
80589
|
src: icon,
|
|
80534
80590
|
alt: "icon",
|
|
80535
|
-
className:
|
|
80591
|
+
className: className
|
|
80536
80592
|
});
|
|
80537
80593
|
}
|
|
80538
80594
|
});
|
|
@@ -80592,13 +80648,13 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
|
|
|
80592
80648
|
var menuType = isGroup && level === 0 ? 'group' : undefined;
|
|
80593
80649
|
|
|
80594
80650
|
if (Array.isArray(children) && children.length > 0) {
|
|
80595
|
-
var _classNames, _designToken$sider;
|
|
80651
|
+
var _this$props2, _this$props3, _classNames, _this$props4, _this$props5, _designToken$sider;
|
|
80596
80652
|
/** Menu 第一级可以有icon,或者 isGroup 时第二级别也要有 */
|
|
80597
80653
|
|
|
80598
80654
|
|
|
80599
80655
|
var shouldHasIcon = level === 0 || isGroup && level === 1; // get defaultTitle by menuItemRender
|
|
80600
80656
|
|
|
80601
|
-
var iconDom = getIcon(item.icon, iconPrefixes);
|
|
80657
|
+
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
80658
|
/**
|
|
80603
80659
|
* 如果没有icon在收起的时候用首字母代替
|
|
80604
80660
|
*/
|
|
@@ -80607,12 +80663,12 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
|
|
|
80607
80663
|
|
|
80608
80664
|
var defaultTitle = (0,jsx_runtime.jsxs)("div", {
|
|
80609
80665
|
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)),
|
|
80666
|
+
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
80667
|
children: [menuType === 'group' && collapsed ? null : shouldHasIcon && iconDom ? (0,jsx_runtime.jsx)("span", {
|
|
80612
|
-
className: "anticon ".concat(baseClassName, "-item-icon"),
|
|
80668
|
+
className: "anticon ".concat(baseClassName, "-item-icon ").concat((_this$props4 = _this.props) === null || _this$props4 === void 0 ? void 0 : _this$props4.hashId),
|
|
80613
80669
|
children: iconDom
|
|
80614
80670
|
}) : 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))),
|
|
80671
|
+
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
80672
|
children: name
|
|
80617
80673
|
})]
|
|
80618
80674
|
}); // subMenu only title render
|
|
@@ -80664,9 +80720,9 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
|
|
|
80664
80720
|
this.getIntlName = function (item) {
|
|
80665
80721
|
var name = item.name,
|
|
80666
80722
|
locale = item.locale;
|
|
80667
|
-
var _this$
|
|
80668
|
-
menu = _this$
|
|
80669
|
-
formatMessage = _this$
|
|
80723
|
+
var _this$props6 = _this.props,
|
|
80724
|
+
menu = _this$props6.menu,
|
|
80725
|
+
formatMessage = _this$props6.formatMessage;
|
|
80670
80726
|
|
|
80671
80727
|
if (locale && (menu === null || menu === void 0 ? void 0 : menu.locale) !== false) {
|
|
80672
80728
|
return formatMessage === null || formatMessage === void 0 ? void 0 : formatMessage({
|
|
@@ -80679,40 +80735,40 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
|
|
|
80679
80735
|
};
|
|
80680
80736
|
|
|
80681
80737
|
this.getMenuItemPath = function (item, level) {
|
|
80682
|
-
var _classNames3;
|
|
80738
|
+
var _this$props9, _this$props10, _classNames3, _this$props11, _this$props12;
|
|
80683
80739
|
|
|
80684
80740
|
var itemPath = _this.conversionPath(item.path || '/');
|
|
80685
80741
|
|
|
80686
|
-
var _this$
|
|
80687
|
-
_this$
|
|
80688
|
-
location = _this$
|
|
80742
|
+
var _this$props7 = _this.props,
|
|
80743
|
+
_this$props7$location = _this$props7.location,
|
|
80744
|
+
location = _this$props7$location === void 0 ? {
|
|
80689
80745
|
pathname: '/'
|
|
80690
|
-
} : _this$
|
|
80691
|
-
isMobile = _this$
|
|
80692
|
-
onCollapse = _this$
|
|
80693
|
-
menuItemRender = _this$
|
|
80694
|
-
iconPrefixes = _this$
|
|
80746
|
+
} : _this$props7$location,
|
|
80747
|
+
isMobile = _this$props7.isMobile,
|
|
80748
|
+
onCollapse = _this$props7.onCollapse,
|
|
80749
|
+
menuItemRender = _this$props7.menuItemRender,
|
|
80750
|
+
iconPrefixes = _this$props7.iconPrefixes; // if local is true formatMessage all name。
|
|
80695
80751
|
|
|
80696
80752
|
var name = _this.getIntlName(item);
|
|
80697
80753
|
|
|
80698
|
-
var _this$
|
|
80699
|
-
baseClassName = _this$
|
|
80700
|
-
menu = _this$
|
|
80701
|
-
collapsed = _this$
|
|
80754
|
+
var _this$props8 = _this.props,
|
|
80755
|
+
baseClassName = _this$props8.baseClassName,
|
|
80756
|
+
menu = _this$props8.menu,
|
|
80757
|
+
collapsed = _this$props8.collapsed;
|
|
80702
80758
|
var isGroup = (menu === null || menu === void 0 ? void 0 : menu.type) === 'group';
|
|
80703
80759
|
/** Menu 第一级可以有icon,或者 isGroup 时第二级别也要有 */
|
|
80704
80760
|
|
|
80705
80761
|
var hasIcon = level === 0 || isGroup && level === 1;
|
|
80706
|
-
var icon = !hasIcon ? null : getIcon(item.icon, iconPrefixes);
|
|
80762
|
+
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
80763
|
var defaultIcon = collapsed && hasIcon ? getMenuTitleSymbol(name) : null;
|
|
80708
80764
|
|
|
80709
80765
|
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)),
|
|
80766
|
+
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
80767
|
children: [icon ? (0,jsx_runtime.jsx)("span", {
|
|
80712
|
-
className: "anticon ".concat(baseClassName, "-item-icon"),
|
|
80768
|
+
className: "anticon ".concat(baseClassName, "-item-icon ").concat((_this$props11 = _this.props) === null || _this$props11 === void 0 ? void 0 : _this$props11.hashId),
|
|
80713
80769
|
children: icon
|
|
80714
80770
|
}) : 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))),
|
|
80771
|
+
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
80772
|
children: name
|
|
80717
80773
|
})]
|
|
80718
80774
|
});
|
|
@@ -80720,7 +80776,7 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
|
|
|
80720
80776
|
var isHttpUrl = isUrl(itemPath); // Is it a http link
|
|
80721
80777
|
|
|
80722
80778
|
if (isHttpUrl) {
|
|
80723
|
-
var _classNames5;
|
|
80779
|
+
var _this$props13, _classNames5, _this$props14, _this$props15;
|
|
80724
80780
|
|
|
80725
80781
|
defaultItem = (0,jsx_runtime.jsxs)("span", {
|
|
80726
80782
|
title: name,
|
|
@@ -80729,12 +80785,12 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
|
|
|
80729
80785
|
|
|
80730
80786
|
(_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
80787
|
},
|
|
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)),
|
|
80788
|
+
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
80789
|
children: [icon ? (0,jsx_runtime.jsx)("span", {
|
|
80734
|
-
className: "anticon ".concat(baseClassName, "-item-icon"),
|
|
80790
|
+
className: "anticon ".concat(baseClassName, "-item-icon ").concat((_this$props14 = _this.props) === null || _this$props14 === void 0 ? void 0 : _this$props14.hashId),
|
|
80735
80791
|
children: icon
|
|
80736
80792
|
}) : 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))),
|
|
80793
|
+
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
80794
|
children: name
|
|
80739
80795
|
})]
|
|
80740
80796
|
});
|
|
@@ -80891,17 +80947,19 @@ var BaseMenu = function BaseMenu(props) {
|
|
|
80891
80947
|
return getOpenKeysProps(openKeys, props);
|
|
80892
80948
|
}, // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
80893
80949
|
[openKeys && openKeys.join(','), props.layout, props.collapsed]);
|
|
80950
|
+
|
|
80951
|
+
var _useStyle = menu_useStyle(baseClassName),
|
|
80952
|
+
wrapSSR = _useStyle.wrapSSR,
|
|
80953
|
+
hashId = _useStyle.hashId;
|
|
80954
|
+
|
|
80894
80955
|
var menuUtils = (0,external_React_.useMemo)(function () {
|
|
80895
80956
|
return new MenuUtil(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, props), {}, {
|
|
80896
80957
|
token: designToken,
|
|
80897
80958
|
menuRenderType: menuRenderType,
|
|
80898
|
-
baseClassName: baseClassName
|
|
80959
|
+
baseClassName: baseClassName,
|
|
80960
|
+
hashId: hashId
|
|
80899
80961
|
}));
|
|
80900
|
-
}, [
|
|
80901
|
-
|
|
80902
|
-
var _useStyle = menu_useStyle(baseClassName),
|
|
80903
|
-
wrapSSR = _useStyle.wrapSSR,
|
|
80904
|
-
hashId = _useStyle.hashId;
|
|
80962
|
+
}, [props, designToken, menuRenderType, baseClassName, hashId]);
|
|
80905
80963
|
|
|
80906
80964
|
if (menu === null || menu === void 0 ? void 0 : menu.loading) {
|
|
80907
80965
|
return (0,jsx_runtime.jsx)("div", {
|
|
@@ -80964,6 +81022,7 @@ var BaseMenu = function BaseMenu(props) {
|
|
|
80964
81022
|
|
|
80965
81023
|
|
|
80966
81024
|
|
|
81025
|
+
|
|
80967
81026
|
var Sider = external_antd_.Layout.Sider;
|
|
80968
81027
|
/**
|
|
80969
81028
|
* 渲染 title 和 logo
|
|
@@ -81043,6 +81102,10 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81043
81102
|
actionsRender = props.actionsRender,
|
|
81044
81103
|
onOpenChange = props.onOpenChange,
|
|
81045
81104
|
logoStyle = props.logoStyle;
|
|
81105
|
+
|
|
81106
|
+
var _useToken = useStyle_useToken(),
|
|
81107
|
+
hashId = _useToken.hashId;
|
|
81108
|
+
|
|
81046
81109
|
var showSiderExtraDom = (0,external_React_.useMemo)(function () {
|
|
81047
81110
|
if (isMobile) return false;
|
|
81048
81111
|
if (layout === 'mix') return false;
|
|
@@ -81053,7 +81116,7 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81053
81116
|
var _MenuCounter$useConta = MenuCounter.useContainer(),
|
|
81054
81117
|
flatMenuKeys = _MenuCounter$useConta.flatMenuKeys;
|
|
81055
81118
|
|
|
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));
|
|
81119
|
+
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
81120
|
var headerDom = renderLogoAndTitle(props);
|
|
81058
81121
|
var extraDom = menuExtraRender && menuExtraRender(props);
|
|
81059
81122
|
var menuDom = (0,external_React_.useMemo)(function () {
|
|
@@ -81064,9 +81127,9 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81064
81127
|
style: {
|
|
81065
81128
|
width: '100%'
|
|
81066
81129
|
},
|
|
81067
|
-
className: "".concat(baseClassName, "-menu")
|
|
81130
|
+
className: "".concat(baseClassName, "-menu ").concat(hashId)
|
|
81068
81131
|
}));
|
|
81069
|
-
}, [baseClassName, flatMenuKeys, menuContentRender, onOpenChange, props]);
|
|
81132
|
+
}, [baseClassName, flatMenuKeys, hashId, menuContentRender, onOpenChange, props]);
|
|
81070
81133
|
var linksMenuItems = (links || []).map(function (node, index) {
|
|
81071
81134
|
return {
|
|
81072
81135
|
className: "".concat(baseClassName, "-link"),
|
|
@@ -81094,10 +81157,10 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81094
81157
|
align: "center",
|
|
81095
81158
|
size: 4,
|
|
81096
81159
|
direction: collapsed ? 'vertical' : 'horizontal',
|
|
81097
|
-
className: classnames_default()(["".concat(baseClassName, "-actions-list"), collapsed && "".concat(baseClassName, "-actions-list-collapsed")]),
|
|
81160
|
+
className: classnames_default()(["".concat(baseClassName, "-actions-list"), collapsed && "".concat(baseClassName, "-actions-list-collapsed"), hashId]),
|
|
81098
81161
|
children: actionsRender === null || actionsRender === void 0 ? void 0 : actionsRender(props).map(function (item, index) {
|
|
81099
81162
|
return (0,jsx_runtime.jsx)("div", {
|
|
81100
|
-
className: "".concat(baseClassName, "-actions-list-item"),
|
|
81163
|
+
className: "".concat(baseClassName, "-actions-list-item ").concat(hashId),
|
|
81101
81164
|
children: item
|
|
81102
81165
|
}, index);
|
|
81103
81166
|
})
|
|
@@ -81130,10 +81193,10 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81130
81193
|
var actionAreaDom = (0,external_React_.useMemo)(function () {
|
|
81131
81194
|
if (!avatarDom && !actionsDom) return null;
|
|
81132
81195
|
return (0,jsx_runtime.jsxs)("div", {
|
|
81133
|
-
className: classnames_default()("".concat(baseClassName, "-actions"), collapsed && "".concat(baseClassName, "-actions-collapsed")),
|
|
81196
|
+
className: classnames_default()("".concat(baseClassName, "-actions"), hashId, collapsed && "".concat(baseClassName, "-actions-collapsed")),
|
|
81134
81197
|
children: [avatarDom, actionsDom]
|
|
81135
81198
|
});
|
|
81136
|
-
}, [actionsDom, avatarDom, baseClassName, collapsed]);
|
|
81199
|
+
}, [actionsDom, avatarDom, baseClassName, collapsed, hashId]);
|
|
81137
81200
|
var collapsedWidth = 60;
|
|
81138
81201
|
/* Using the useMemo hook to create a CSS class that will hide the menu when the menu is collapsed. */
|
|
81139
81202
|
|
|
@@ -81151,13 +81214,13 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81151
81214
|
|
|
81152
81215
|
var menuDomItems = (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
|
|
81153
81216
|
children: [headerDom && (0,jsx_runtime.jsxs)("div", {
|
|
81154
|
-
className: classnames_default()([classnames_default()("".concat(baseClassName, "-logo"), defineProperty_defineProperty({}, "".concat(baseClassName, "-logo-collapsed"), collapsed))]),
|
|
81217
|
+
className: classnames_default()([classnames_default()("".concat(baseClassName, "-logo"), hashId, defineProperty_defineProperty({}, "".concat(baseClassName, "-logo-collapsed"), collapsed))]),
|
|
81155
81218
|
onClick: showSiderExtraDom ? onMenuHeaderClick : undefined,
|
|
81156
81219
|
id: "logo",
|
|
81157
81220
|
style: logoStyle,
|
|
81158
81221
|
children: [headerDom, appsDom]
|
|
81159
81222
|
}), extraDom && (0,jsx_runtime.jsx)("div", {
|
|
81160
|
-
className: classnames_default()(["".concat(baseClassName, "-extra"), !headerDom && "".concat(baseClassName, "-extra-no-logo")]),
|
|
81223
|
+
className: classnames_default()(["".concat(baseClassName, "-extra"), !headerDom && "".concat(baseClassName, "-extra-no-logo"), hashId]),
|
|
81161
81224
|
children: extraDom
|
|
81162
81225
|
}), (0,jsx_runtime.jsx)("div", {
|
|
81163
81226
|
style: {
|
|
@@ -81167,10 +81230,10 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81167
81230
|
},
|
|
81168
81231
|
children: menuRenderDom
|
|
81169
81232
|
}), links ? (0,jsx_runtime.jsx)("div", {
|
|
81170
|
-
className: "".concat(baseClassName, "-links"),
|
|
81233
|
+
className: "".concat(baseClassName, "-links ").concat(hashId),
|
|
81171
81234
|
children: (0,jsx_runtime.jsx)(external_antd_.Menu, {
|
|
81172
81235
|
inlineIndent: 16,
|
|
81173
|
-
className: "".concat(baseClassName, "-link-menu"),
|
|
81236
|
+
className: "".concat(baseClassName, "-link-menu ").concat(hashId),
|
|
81174
81237
|
selectedKeys: [],
|
|
81175
81238
|
openKeys: [],
|
|
81176
81239
|
theme: "light",
|
|
@@ -81179,11 +81242,11 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81179
81242
|
})
|
|
81180
81243
|
}) : null, showSiderExtraDom && (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
|
|
81181
81244
|
children: [actionAreaDom, rightContentRender ? (0,jsx_runtime.jsx)("div", {
|
|
81182
|
-
className: classnames_default()("".concat(baseClassName, "-actions"), defineProperty_defineProperty({}, "".concat(baseClassName, "-actions-collapsed"), collapsed)),
|
|
81245
|
+
className: classnames_default()("".concat(baseClassName, "-actions"), hashId, defineProperty_defineProperty({}, "".concat(baseClassName, "-actions-collapsed"), collapsed)),
|
|
81183
81246
|
children: rightContentRender === null || rightContentRender === void 0 ? void 0 : rightContentRender(props)
|
|
81184
81247
|
}) : null]
|
|
81185
81248
|
}), menuFooterDom && (0,jsx_runtime.jsx)("div", {
|
|
81186
|
-
className: classnames_default()(["".concat(baseClassName, "-footer"), defineProperty_defineProperty({}, "".concat(baseClassName, "-footer-collapsed"), collapsed)]),
|
|
81249
|
+
className: classnames_default()(["".concat(baseClassName, "-footer"), hashId, defineProperty_defineProperty({}, "".concat(baseClassName, "-footer-collapsed"), collapsed)]),
|
|
81187
81250
|
children: menuFooterDom
|
|
81188
81251
|
})]
|
|
81189
81252
|
});
|
|
@@ -81214,9 +81277,12 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81214
81277
|
style: style,
|
|
81215
81278
|
theme: theme,
|
|
81216
81279
|
width: siderWidth,
|
|
81217
|
-
className: classnames_default()(siderClassName, hideMenuWhenCollapsedClassName),
|
|
81218
|
-
children: [(0,jsx_runtime.jsx)(external_antd_.ConfigProvider
|
|
81280
|
+
className: classnames_default()(siderClassName, hashId, hideMenuWhenCollapsedClassName),
|
|
81281
|
+
children: [(0,jsx_runtime.jsx)(external_antd_.ConfigProvider // @ts-ignore
|
|
81282
|
+
, {
|
|
81283
|
+
// @ts-ignore
|
|
81219
81284
|
theme: {
|
|
81285
|
+
hashed: false,
|
|
81220
81286
|
override: {
|
|
81221
81287
|
Menu: {
|
|
81222
81288
|
radiusItem: 4,
|
|
@@ -81234,7 +81300,7 @@ var SiderMenu = function SiderMenu(props) {
|
|
|
81234
81300
|
}
|
|
81235
81301
|
},
|
|
81236
81302
|
children: hideMenuWhenCollapsedClassName ? (0,jsx_runtime.jsx)("div", {
|
|
81237
|
-
className: "".concat(baseClassName, "-hide-when-collapsed"),
|
|
81303
|
+
className: "".concat(baseClassName, "-hide-when-collapsed ").concat(hashId),
|
|
81238
81304
|
style: {
|
|
81239
81305
|
height: '100%',
|
|
81240
81306
|
width: '100%',
|
|
@@ -81394,11 +81460,11 @@ var RightContent = function RightContent(_ref) {
|
|
|
81394
81460
|
}
|
|
81395
81461
|
|
|
81396
81462
|
return (0,jsx_runtime.jsx)("div", {
|
|
81397
|
-
className: classnames_default()("".concat(prefixCls, "-header-actions-item"), defineProperty_defineProperty({}, "".concat(prefixCls, "-header-actions-hover"), !hideHover)),
|
|
81463
|
+
className: classnames_default()("".concat(prefixCls, "-header-actions-item ").concat(hashId), defineProperty_defineProperty({}, "".concat(prefixCls, "-header-actions-hover"), !hideHover)),
|
|
81398
81464
|
children: dom
|
|
81399
81465
|
}, index);
|
|
81400
81466
|
}), avatarDom && (0,jsx_runtime.jsx)("span", {
|
|
81401
|
-
className: "".concat(prefixCls, "-header-actions-avatar"),
|
|
81467
|
+
className: "".concat(prefixCls, "-header-actions-avatar ").concat(hashId),
|
|
81402
81468
|
children: (0,jsx_runtime.jsx)("div", {
|
|
81403
81469
|
children: avatarDom
|
|
81404
81470
|
})
|
|
@@ -81429,7 +81495,7 @@ var RightContent = function RightContent(_ref) {
|
|
|
81429
81495
|
};
|
|
81430
81496
|
}(), 160);
|
|
81431
81497
|
return (0,jsx_runtime.jsx)("div", {
|
|
81432
|
-
className: "".concat(prefixCls, "-right-content"),
|
|
81498
|
+
className: "".concat(prefixCls, "-right-content ").concat(hashId),
|
|
81433
81499
|
style: {
|
|
81434
81500
|
minWidth: rightSize,
|
|
81435
81501
|
height: '100%'
|
|
@@ -81585,7 +81651,9 @@ var TopNavHeader = function TopNavHeader(props) {
|
|
|
81585
81651
|
var contentDom = (0,external_React_.useMemo)(function () {
|
|
81586
81652
|
var _process$env$NODE_ENV, _props$menuProps;
|
|
81587
81653
|
|
|
81588
|
-
var defaultDom = (0,jsx_runtime.jsx)(external_antd_.ConfigProvider
|
|
81654
|
+
var defaultDom = (0,jsx_runtime.jsx)(external_antd_.ConfigProvider // @ts-ignore
|
|
81655
|
+
, {
|
|
81656
|
+
// @ts-ignore
|
|
81589
81657
|
theme: {
|
|
81590
81658
|
hashed: ((_process$env$NODE_ENV = "production") === null || _process$env$NODE_ENV === void 0 ? void 0 : _process$env$NODE_ENV.toLowerCase()) !== 'test',
|
|
81591
81659
|
override: {
|
|
@@ -81608,7 +81676,7 @@ var TopNavHeader = function TopNavHeader(props) {
|
|
|
81608
81676
|
children: (0,jsx_runtime.jsx)(BaseMenu, objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({
|
|
81609
81677
|
theme: "light"
|
|
81610
81678
|
}, props), {}, {
|
|
81611
|
-
className: "".concat(prefixCls, "-base-menu")
|
|
81679
|
+
className: "".concat(prefixCls, "-base-menu ").concat(hashId)
|
|
81612
81680
|
}, props.menuProps), {}, {
|
|
81613
81681
|
style: objectSpread2_objectSpread2({
|
|
81614
81682
|
width: '100%'
|
|
@@ -81624,18 +81692,18 @@ var TopNavHeader = function TopNavHeader(props) {
|
|
|
81624
81692
|
}
|
|
81625
81693
|
|
|
81626
81694
|
return defaultDom;
|
|
81627
|
-
}, [header.colorBgMenuItemHover, header.colorBgMenuItemSelected, header.colorTextMenu, header.colorTextMenuActive, header.colorTextMenuSelected, headerContentRender, prefixCls, props]);
|
|
81695
|
+
}, [hashId, header.colorBgMenuItemHover, header.colorBgMenuItemSelected, header.colorTextMenu, header.colorTextMenuActive, header.colorTextMenuSelected, headerContentRender, prefixCls, props]);
|
|
81628
81696
|
return wrapSSR((0,jsx_runtime.jsx)("div", {
|
|
81629
81697
|
className: classnames_default()(prefixCls, hashId, propsClassName, defineProperty_defineProperty({}, "".concat(prefixCls, "-light"), true)),
|
|
81630
81698
|
style: style,
|
|
81631
81699
|
children: (0,jsx_runtime.jsxs)("div", {
|
|
81632
81700
|
ref: ref,
|
|
81633
|
-
className: classnames_default()("".concat(prefixCls, "-main"), defineProperty_defineProperty({}, "".concat(prefixCls, "-wide"), contentWidth === 'Fixed')),
|
|
81701
|
+
className: classnames_default()("".concat(prefixCls, "-main"), hashId, defineProperty_defineProperty({}, "".concat(prefixCls, "-wide"), contentWidth === 'Fixed')),
|
|
81634
81702
|
children: [headerDom && (0,jsx_runtime.jsxs)("div", {
|
|
81635
|
-
className: classnames_default()("".concat(prefixCls, "-main-left")),
|
|
81703
|
+
className: classnames_default()("".concat(prefixCls, "-main-left ").concat(hashId)),
|
|
81636
81704
|
onClick: onMenuHeaderClick,
|
|
81637
81705
|
children: [(0,jsx_runtime.jsx)(AppsLogoComponents, objectSpread2_objectSpread2({}, props)), (0,jsx_runtime.jsx)("div", {
|
|
81638
|
-
className: "".concat(prefixCls, "-logo"),
|
|
81706
|
+
className: "".concat(prefixCls, "-logo ").concat(hashId),
|
|
81639
81707
|
id: "logo",
|
|
81640
81708
|
children: headerDom
|
|
81641
81709
|
}, "logo")]
|
|
@@ -81643,7 +81711,7 @@ var TopNavHeader = function TopNavHeader(props) {
|
|
|
81643
81711
|
style: {
|
|
81644
81712
|
flex: 1
|
|
81645
81713
|
},
|
|
81646
|
-
className: "".concat(prefixCls, "-menu"),
|
|
81714
|
+
className: "".concat(prefixCls, "-menu ").concat(hashId),
|
|
81647
81715
|
children: contentDom
|
|
81648
81716
|
}), (rightContentRender || actionsRender || props.avatarProps) && (0,jsx_runtime.jsx)(RightContent, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
|
|
81649
81717
|
rightContentRender: rightContentRender
|
|
@@ -81805,7 +81873,7 @@ var GlobalHeader = function GlobalHeader(props) {
|
|
|
81805
81873
|
}));
|
|
81806
81874
|
}
|
|
81807
81875
|
|
|
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));
|
|
81876
|
+
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
81877
|
|
|
81810
81878
|
var logoDom = (0,jsx_runtime.jsx)("span", {
|
|
81811
81879
|
className: logoClassNames,
|
|
@@ -81818,7 +81886,7 @@ var GlobalHeader = function GlobalHeader(props) {
|
|
|
81818
81886
|
className: className,
|
|
81819
81887
|
style: objectSpread2_objectSpread2({}, style),
|
|
81820
81888
|
children: [isMobile && GlobalHeader_renderLogo(menuHeaderRender, logoDom), isMobile && (0,jsx_runtime.jsx)("span", {
|
|
81821
|
-
className: "".concat(baseClassName, "-collapsed-button"),
|
|
81889
|
+
className: "".concat(baseClassName, "-collapsed-button ").concat(hashId),
|
|
81822
81890
|
onClick: function onClick() {
|
|
81823
81891
|
onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(!collapsed);
|
|
81824
81892
|
},
|
|
@@ -81858,7 +81926,7 @@ var GlobalHeader = function GlobalHeader(props) {
|
|
|
81858
81926
|
var Header = external_antd_.Layout.Header;
|
|
81859
81927
|
|
|
81860
81928
|
var DefaultHeader = function DefaultHeader(props) {
|
|
81861
|
-
var _classNames;
|
|
81929
|
+
var _classNames, _process$env$NODE_ENV;
|
|
81862
81930
|
|
|
81863
81931
|
var isMobile = props.isMobile,
|
|
81864
81932
|
fixedHeader = props.fixedHeader,
|
|
@@ -81915,8 +81983,11 @@ var DefaultHeader = function DefaultHeader(props) {
|
|
|
81915
81983
|
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
81984
|
if (layout === 'side' && !isMobile) return null;
|
|
81917
81985
|
return wrapSSR((0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
|
|
81918
|
-
children: (0,jsx_runtime.jsxs)(external_antd_.ConfigProvider
|
|
81986
|
+
children: (0,jsx_runtime.jsxs)(external_antd_.ConfigProvider // @ts-ignore
|
|
81987
|
+
, {
|
|
81988
|
+
// @ts-ignore
|
|
81919
81989
|
theme: {
|
|
81990
|
+
hashed: ((_process$env$NODE_ENV = "production") === null || _process$env$NODE_ENV === void 0 ? void 0 : _process$env$NODE_ENV.toLowerCase()) !== 'test',
|
|
81920
81991
|
override: {
|
|
81921
81992
|
Layout: {
|
|
81922
81993
|
colorBgHeader: 'transparent',
|
|
@@ -82272,24 +82343,25 @@ var BlockCheckbox = function BlockCheckbox(_ref) {
|
|
|
82272
82343
|
configType = _ref.configType,
|
|
82273
82344
|
onChange = _ref.onChange,
|
|
82274
82345
|
list = _ref.list,
|
|
82275
|
-
prefixCls = _ref.prefixCls
|
|
82346
|
+
prefixCls = _ref.prefixCls,
|
|
82347
|
+
hashId = _ref.hashId;
|
|
82276
82348
|
var baseClassName = "".concat(prefixCls, "-block-checkbox");
|
|
82277
82349
|
var dom = (0,external_React_.useMemo)(function () {
|
|
82278
82350
|
var domList = (list || []).map(function (item) {
|
|
82279
82351
|
return (0,jsx_runtime.jsx)(external_antd_.Tooltip, {
|
|
82280
82352
|
title: item.title,
|
|
82281
82353
|
children: (0,jsx_runtime.jsxs)("div", {
|
|
82282
|
-
className: classnames_default()("".concat(baseClassName, "-item"), "".concat(baseClassName, "-item-").concat(item.key), "".concat(baseClassName, "-").concat(configType, "-item")),
|
|
82354
|
+
className: classnames_default()(hashId, "".concat(baseClassName, "-item"), "".concat(baseClassName, "-item-").concat(item.key), "".concat(baseClassName, "-").concat(configType, "-item")),
|
|
82283
82355
|
onClick: function onClick() {
|
|
82284
82356
|
return onChange(item.key);
|
|
82285
82357
|
},
|
|
82286
82358
|
children: [(0,jsx_runtime.jsx)(icons_CheckOutlined, {
|
|
82287
|
-
className: "".concat(baseClassName, "-selectIcon"),
|
|
82359
|
+
className: "".concat(baseClassName, "-selectIcon ").concat(hashId),
|
|
82288
82360
|
style: {
|
|
82289
82361
|
display: value === item.key ? 'block' : 'none'
|
|
82290
82362
|
}
|
|
82291
82363
|
}), (item === null || item === void 0 ? void 0 : item.icon) ? (0,jsx_runtime.jsx)("div", {
|
|
82292
|
-
className: "".concat(baseClassName, "-icon"),
|
|
82364
|
+
className: "".concat(baseClassName, "-icon ").concat(hashId),
|
|
82293
82365
|
children: item.icon
|
|
82294
82366
|
}) : null]
|
|
82295
82367
|
})
|
|
@@ -82298,7 +82370,7 @@ var BlockCheckbox = function BlockCheckbox(_ref) {
|
|
|
82298
82370
|
return domList; // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
82299
82371
|
}, [value, list === null || list === void 0 ? void 0 : list.length, onChange]);
|
|
82300
82372
|
return (0,jsx_runtime.jsx)("div", {
|
|
82301
|
-
className: baseClassName,
|
|
82373
|
+
className: classnames_default()(baseClassName, hashId),
|
|
82302
82374
|
children: dom
|
|
82303
82375
|
});
|
|
82304
82376
|
};
|
|
@@ -82647,7 +82719,8 @@ var renderLayoutSettingItem = function renderLayoutSettingItem(item) {
|
|
|
82647
82719
|
var LayoutSetting = function LayoutSetting(_ref) {
|
|
82648
82720
|
var _ref$settings = _ref.settings,
|
|
82649
82721
|
settings = _ref$settings === void 0 ? {} : _ref$settings,
|
|
82650
|
-
changeSetting = _ref.changeSetting
|
|
82722
|
+
changeSetting = _ref.changeSetting,
|
|
82723
|
+
hashId = _ref.hashId;
|
|
82651
82724
|
var formatMessage = getFormatMessage();
|
|
82652
82725
|
|
|
82653
82726
|
var _ref2 = settings || defaultSettings,
|
|
@@ -82667,7 +82740,7 @@ var LayoutSetting = function LayoutSetting(_ref) {
|
|
|
82667
82740
|
action: (0,jsx_runtime.jsxs)(external_antd_.Select, {
|
|
82668
82741
|
value: contentWidth || 'Fixed',
|
|
82669
82742
|
size: "small",
|
|
82670
|
-
className: "content-width",
|
|
82743
|
+
className: "content-width ".concat(hashId),
|
|
82671
82744
|
onSelect: function onSelect(value) {
|
|
82672
82745
|
changeSetting('contentWidth', value);
|
|
82673
82746
|
},
|
|
@@ -82747,7 +82820,8 @@ var LayoutSetting = function LayoutSetting(_ref) {
|
|
|
82747
82820
|
var RegionalSetting = function RegionalSetting(_ref) {
|
|
82748
82821
|
var _ref$settings = _ref.settings,
|
|
82749
82822
|
settings = _ref$settings === void 0 ? {} : _ref$settings,
|
|
82750
|
-
changeSetting = _ref.changeSetting
|
|
82823
|
+
changeSetting = _ref.changeSetting,
|
|
82824
|
+
hashId = _ref.hashId;
|
|
82751
82825
|
var formatMessage = getFormatMessage();
|
|
82752
82826
|
var regionalSetting = ['header', 'footer', 'menu', 'menuHeader'];
|
|
82753
82827
|
return (0,jsx_runtime.jsx)(external_antd_.List, {
|
|
@@ -82760,7 +82834,7 @@ var RegionalSetting = function RegionalSetting(_ref) {
|
|
|
82760
82834
|
}),
|
|
82761
82835
|
action: (0,jsx_runtime.jsx)(external_antd_.Switch, {
|
|
82762
82836
|
size: "small",
|
|
82763
|
-
className: "regional-".concat(key),
|
|
82837
|
+
className: "regional-".concat(key, " ").concat(hashId),
|
|
82764
82838
|
checked: settings["".concat(key, "Render")] || settings["".concat(key, "Render")] === undefined,
|
|
82765
82839
|
onChange: function onChange(checked) {
|
|
82766
82840
|
return changeSetting("".concat(key, "Render"), checked === true ? undefined : false);
|
|
@@ -82802,12 +82876,14 @@ var genSettingDrawerStyle = function genSettingDrawerStyle(token) {
|
|
|
82802
82876
|
}), defineProperty_defineProperty(_ref, token.componentCls, {
|
|
82803
82877
|
'&-content': {
|
|
82804
82878
|
position: 'relative',
|
|
82805
|
-
minHeight: '100%'
|
|
82879
|
+
minHeight: '100%',
|
|
82880
|
+
color: token.colorText
|
|
82806
82881
|
},
|
|
82807
82882
|
'&-body-title': {
|
|
82808
82883
|
marginBlockEnd: '12px',
|
|
82809
82884
|
fontSize: '14px',
|
|
82810
|
-
lineHeight: '22px'
|
|
82885
|
+
lineHeight: '22px',
|
|
82886
|
+
color: token.colorTextHeading
|
|
82811
82887
|
},
|
|
82812
82888
|
'&-block-checkbox': {
|
|
82813
82889
|
display: 'flex',
|
|
@@ -82954,15 +83030,16 @@ var ThemeColor = function ThemeColor(_ref2) {
|
|
|
82954
83030
|
colorList = _ref2.colorList,
|
|
82955
83031
|
onChange = _ref2.onChange,
|
|
82956
83032
|
prefixCls = _ref2.prefixCls,
|
|
82957
|
-
formatMessage = _ref2.formatMessage
|
|
83033
|
+
formatMessage = _ref2.formatMessage,
|
|
83034
|
+
hashId = _ref2.hashId;
|
|
82958
83035
|
|
|
82959
83036
|
if (!colorList || (colorList === null || colorList === void 0 ? void 0 : colorList.length) < 1) {
|
|
82960
83037
|
return null;
|
|
82961
83038
|
}
|
|
82962
83039
|
|
|
82963
|
-
var baseClassName = prefixCls
|
|
83040
|
+
var baseClassName = "".concat(prefixCls, "-theme-color");
|
|
82964
83041
|
return (0,jsx_runtime.jsx)("div", {
|
|
82965
|
-
className: baseClassName,
|
|
83042
|
+
className: "".concat(baseClassName, " ").concat(hashId),
|
|
82966
83043
|
children: colorList === null || colorList === void 0 ? void 0 : colorList.map(function (_ref3) {
|
|
82967
83044
|
var key = _ref3.key,
|
|
82968
83045
|
color = _ref3.color;
|
|
@@ -82972,7 +83049,7 @@ var ThemeColor = function ThemeColor(_ref2) {
|
|
|
82972
83049
|
id: "app.setting.themecolor.".concat(key)
|
|
82973
83050
|
}),
|
|
82974
83051
|
children: (0,jsx_runtime.jsx)(Tag, {
|
|
82975
|
-
className: "".concat(baseClassName, "-block"),
|
|
83052
|
+
className: "".concat(baseClassName, "-block ").concat(hashId),
|
|
82976
83053
|
color: color,
|
|
82977
83054
|
check: value === color,
|
|
82978
83055
|
onClick: function onClick() {
|
|
@@ -83012,6 +83089,7 @@ var ThemeColor = function ThemeColor(_ref2) {
|
|
|
83012
83089
|
|
|
83013
83090
|
var Body = function Body(_ref) {
|
|
83014
83091
|
var children = _ref.children,
|
|
83092
|
+
hashId = _ref.hashId,
|
|
83015
83093
|
prefixCls = _ref.prefixCls,
|
|
83016
83094
|
title = _ref.title;
|
|
83017
83095
|
return (0,jsx_runtime.jsxs)("div", {
|
|
@@ -83019,7 +83097,7 @@ var Body = function Body(_ref) {
|
|
|
83019
83097
|
marginBlockEnd: 24
|
|
83020
83098
|
},
|
|
83021
83099
|
children: [(0,jsx_runtime.jsx)("h3", {
|
|
83022
|
-
className: "".concat(prefixCls, "-body-title"),
|
|
83100
|
+
className: "".concat(prefixCls, "-body-title ").concat(hashId),
|
|
83023
83101
|
children: title
|
|
83024
83102
|
}), children]
|
|
83025
83103
|
});
|
|
@@ -83377,14 +83455,16 @@ var SettingDrawer = function SettingDrawer(props) {
|
|
|
83377
83455
|
zIndex: 999
|
|
83378
83456
|
},
|
|
83379
83457
|
children: (0,jsx_runtime.jsxs)("div", {
|
|
83380
|
-
className: "".concat(baseClassName, "-drawer-content"),
|
|
83458
|
+
className: "".concat(baseClassName, "-drawer-content ").concat(hashId),
|
|
83381
83459
|
children: [(0,jsx_runtime.jsx)(Body, {
|
|
83382
83460
|
title: formatMessage({
|
|
83383
83461
|
id: 'app.setting.pagestyle',
|
|
83384
83462
|
defaultMessage: 'Page style setting'
|
|
83385
83463
|
}),
|
|
83464
|
+
hashId: hashId,
|
|
83386
83465
|
prefixCls: baseClassName,
|
|
83387
83466
|
children: (0,jsx_runtime.jsx)(BlockCheckbox, {
|
|
83467
|
+
hashId: hashId,
|
|
83388
83468
|
prefixCls: baseClassName,
|
|
83389
83469
|
list: [{
|
|
83390
83470
|
key: 'light',
|
|
@@ -83410,12 +83490,14 @@ var SettingDrawer = function SettingDrawer(props) {
|
|
|
83410
83490
|
}
|
|
83411
83491
|
}, "navTheme")
|
|
83412
83492
|
}), colorList !== false && (0,jsx_runtime.jsx)(Body, {
|
|
83493
|
+
hashId: hashId,
|
|
83413
83494
|
title: formatMessage({
|
|
83414
83495
|
id: 'app.setting.themecolor',
|
|
83415
83496
|
defaultMessage: 'Theme color'
|
|
83416
83497
|
}),
|
|
83417
83498
|
prefixCls: baseClassName,
|
|
83418
83499
|
children: (0,jsx_runtime.jsx)(ThemeColor, {
|
|
83500
|
+
hashId: hashId,
|
|
83419
83501
|
prefixCls: baseClassName,
|
|
83420
83502
|
colorList: colorList,
|
|
83421
83503
|
value: genStringToTheme(colorPrimary),
|
|
@@ -83426,6 +83508,7 @@ var SettingDrawer = function SettingDrawer(props) {
|
|
|
83426
83508
|
})
|
|
83427
83509
|
}), !themeOnly && (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
|
|
83428
83510
|
children: [(0,jsx_runtime.jsx)(external_antd_.Divider, {}), (0,jsx_runtime.jsx)(Body, {
|
|
83511
|
+
hashId: hashId,
|
|
83429
83512
|
prefixCls: baseClassName,
|
|
83430
83513
|
title: formatMessage({
|
|
83431
83514
|
id: 'app.setting.navigationmode'
|
|
@@ -83433,6 +83516,7 @@ var SettingDrawer = function SettingDrawer(props) {
|
|
|
83433
83516
|
children: (0,jsx_runtime.jsx)(BlockCheckbox, {
|
|
83434
83517
|
prefixCls: baseClassName,
|
|
83435
83518
|
value: layout,
|
|
83519
|
+
hashId: hashId,
|
|
83436
83520
|
configType: "layout",
|
|
83437
83521
|
list: [{
|
|
83438
83522
|
key: 'side',
|
|
@@ -83455,6 +83539,7 @@ var SettingDrawer = function SettingDrawer(props) {
|
|
|
83455
83539
|
}
|
|
83456
83540
|
}, "layout")
|
|
83457
83541
|
}), settingState.layout == 'side' || settingState.layout == 'mix' ? (0,jsx_runtime.jsx)(Body, {
|
|
83542
|
+
hashId: hashId,
|
|
83458
83543
|
prefixCls: baseClassName,
|
|
83459
83544
|
title: formatMessage({
|
|
83460
83545
|
id: 'app.setting.sidermenutype'
|
|
@@ -83462,6 +83547,7 @@ var SettingDrawer = function SettingDrawer(props) {
|
|
|
83462
83547
|
children: (0,jsx_runtime.jsx)(BlockCheckbox, {
|
|
83463
83548
|
prefixCls: baseClassName,
|
|
83464
83549
|
value: siderMenuType,
|
|
83550
|
+
hashId: hashId,
|
|
83465
83551
|
configType: "siderMenuType",
|
|
83466
83552
|
list: [{
|
|
83467
83553
|
key: 'sub',
|
|
@@ -83481,18 +83567,22 @@ var SettingDrawer = function SettingDrawer(props) {
|
|
|
83481
83567
|
}
|
|
83482
83568
|
}, "siderMenuType")
|
|
83483
83569
|
}) : null, (0,jsx_runtime.jsx)(LayoutSetting, {
|
|
83570
|
+
hashId: hashId,
|
|
83484
83571
|
settings: settingState,
|
|
83485
83572
|
changeSetting: changeSetting
|
|
83486
83573
|
}), (0,jsx_runtime.jsx)(external_antd_.Divider, {}), (0,jsx_runtime.jsx)(Body, {
|
|
83574
|
+
hashId: hashId,
|
|
83487
83575
|
prefixCls: baseClassName,
|
|
83488
83576
|
title: formatMessage({
|
|
83489
83577
|
id: 'app.setting.regionalsettings'
|
|
83490
83578
|
}),
|
|
83491
83579
|
children: (0,jsx_runtime.jsx)(RegionalSetting, {
|
|
83580
|
+
hashId: hashId,
|
|
83492
83581
|
settings: settingState,
|
|
83493
83582
|
changeSetting: changeSetting
|
|
83494
83583
|
})
|
|
83495
83584
|
}), (0,jsx_runtime.jsx)(external_antd_.Divider, {}), (0,jsx_runtime.jsx)(Body, {
|
|
83585
|
+
hashId: hashId,
|
|
83496
83586
|
prefixCls: baseClassName,
|
|
83497
83587
|
title: formatMessage({
|
|
83498
83588
|
id: 'app.setting.othersettings'
|
|
@@ -85925,7 +86015,7 @@ var SiderMenuWrapper = function SiderMenuWrapper(props) {
|
|
|
85925
86015
|
*/
|
|
85926
86016
|
|
|
85927
86017
|
var compatibleStyle = function compatibleStyle(token) {
|
|
85928
|
-
var _$concat$concat, _$concat5, _$concat6, _$concat9, _token$componentCls, _$concat$concat2, _$concat11, _ref;
|
|
86018
|
+
var _$concat$concat, _$concat5, _$concat6, _$concat8, _$concat9, _token$componentCls, _$concat$concat2, _$concat11, _ref;
|
|
85929
86019
|
|
|
85930
86020
|
if (external_antd_.version.startsWith('5')) {
|
|
85931
86021
|
return {};
|
|
@@ -85942,7 +86032,8 @@ var compatibleStyle = function compatibleStyle(token) {
|
|
|
85942
86032
|
}, defineProperty_defineProperty(_$concat6, "".concat(token.antCls, "-menu-sub"), {
|
|
85943
86033
|
color: token.sider.colorTextMenu
|
|
85944
86034
|
}), defineProperty_defineProperty(_$concat6, "& ".concat(token.antCls, "-layout"), {
|
|
85945
|
-
backgroundColor: 'transparent'
|
|
86035
|
+
backgroundColor: 'transparent',
|
|
86036
|
+
width: '100%'
|
|
85946
86037
|
}), defineProperty_defineProperty(_$concat6, "".concat(token.antCls, "-menu-submenu-expand-icon, ").concat(token.antCls, "-menu-submenu-arrow"), {
|
|
85947
86038
|
color: 'inherit'
|
|
85948
86039
|
}), defineProperty_defineProperty(_$concat6, "&".concat(token.antCls, "-menu"), defineProperty_defineProperty({
|
|
@@ -85997,12 +86088,16 @@ var compatibleStyle = function compatibleStyle(token) {
|
|
|
85997
86088
|
color: token.header.colorTextMenu
|
|
85998
86089
|
}, "".concat(token.antCls, "-menu-item a"), {
|
|
85999
86090
|
color: 'inherit'
|
|
86000
|
-
})), defineProperty_defineProperty(_$concat9, "&".concat(token.antCls, "-menu-light"),
|
|
86091
|
+
})), 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
86092
|
color: token.header.colorTextMenuActive,
|
|
86002
86093
|
borderRadius: token.radiusBase
|
|
86003
86094
|
}, "".concat(token.antCls, "-menu-submenu-arrow"), {
|
|
86004
86095
|
color: token.header.colorTextMenuActive
|
|
86005
|
-
}))
|
|
86096
|
+
})), defineProperty_defineProperty(_$concat8, "".concat(token.antCls, "-menu-item-selected"), {
|
|
86097
|
+
color: token.header.colorTextMenuActive,
|
|
86098
|
+
fontWeight: 'bold',
|
|
86099
|
+
borderRadius: token.radiusBase
|
|
86100
|
+
}), _$concat8)), _$concat9)), _token$componentCls)), defineProperty_defineProperty(_ref, "".concat(token.antCls, "-menu-sub").concat(token.antCls, "-menu-inline"), {
|
|
86006
86101
|
backgroundColor: 'transparent!important'
|
|
86007
86102
|
}), defineProperty_defineProperty(_ref, "".concat(token.antCls, "-menu-submenu-popup"), (_$concat11 = {
|
|
86008
86103
|
backgroundColor: 'rgba(255, 255, 255, 0.42)',
|
|
@@ -86014,13 +86109,16 @@ var compatibleStyle = function compatibleStyle(token) {
|
|
|
86014
86109
|
}, "".concat(token.antCls, "-menu-item:active, \n ").concat(token.antCls, "-menu-submenu-title:active"), {
|
|
86015
86110
|
backgroundColor: 'transparent!important'
|
|
86016
86111
|
})), defineProperty_defineProperty(_$concat11, "".concat(token.antCls, "-menu-item-selected"), {
|
|
86017
|
-
color: token.sider.colorTextMenuSelected
|
|
86112
|
+
color: token.sider.colorTextMenuSelected,
|
|
86113
|
+
fontWeight: 'bold'
|
|
86018
86114
|
}), defineProperty_defineProperty(_$concat11, "".concat(token.antCls, "-menu-submenu-selected"), {
|
|
86019
|
-
color: token.sider.colorTextMenuSelected
|
|
86115
|
+
color: token.sider.colorTextMenuSelected,
|
|
86116
|
+
fontWeight: 'bold'
|
|
86020
86117
|
}), 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
86118
|
backgroundColor: 'rgba(0, 0, 0, 0.04)',
|
|
86022
86119
|
borderRadius: token.radiusBase,
|
|
86023
|
-
color: token.sider.colorTextMenuSelected
|
|
86120
|
+
color: token.sider.colorTextMenuSelected,
|
|
86121
|
+
fontWeight: 'bold'
|
|
86024
86122
|
}), 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
86123
|
color: token.sider.colorTextMenuActive,
|
|
86026
86124
|
borderRadius: token.radiusBase
|
|
@@ -86040,9 +86138,12 @@ var genProLayoutStyle = function genProLayoutStyle(token) {
|
|
|
86040
86138
|
marginInline: 0,
|
|
86041
86139
|
fontFamily: token.fontFamily
|
|
86042
86140
|
}
|
|
86043
|
-
}, token.proComponentsCls, (_token$proComponentsC = {}, defineProperty_defineProperty(_token$proComponentsC, "
|
|
86141
|
+
}, token.proComponentsCls, (_token$proComponentsC = {}, defineProperty_defineProperty(_token$proComponentsC, "".concat(token.antCls, "-layout"), {
|
|
86142
|
+
backgroundColor: 'transparent !important'
|
|
86143
|
+
}), defineProperty_defineProperty(_token$proComponentsC, "& ".concat(token.componentCls), (_$concat12 = {}, defineProperty_defineProperty(_$concat12, "& ".concat(token.antCls, "-layout"), {
|
|
86044
86144
|
display: 'flex',
|
|
86045
|
-
backgroundColor: 'transparent'
|
|
86145
|
+
backgroundColor: 'transparent',
|
|
86146
|
+
width: '100%'
|
|
86046
86147
|
}), defineProperty_defineProperty(_$concat12, "".concat(token.componentCls, "-content"), {
|
|
86047
86148
|
display: 'flex',
|
|
86048
86149
|
flexDirection: 'column',
|
|
@@ -86057,6 +86158,12 @@ var genProLayoutStyle = function genProLayoutStyle(token) {
|
|
|
86057
86158
|
'&-has-page-container': {
|
|
86058
86159
|
margin: 0
|
|
86059
86160
|
}
|
|
86161
|
+
}), defineProperty_defineProperty(_$concat12, "".concat(token.componentCls, "-container"), {
|
|
86162
|
+
width: '100%',
|
|
86163
|
+
display: 'flex',
|
|
86164
|
+
flexDirection: 'column',
|
|
86165
|
+
minWidth: 0,
|
|
86166
|
+
minHeight: 0
|
|
86060
86167
|
}), defineProperty_defineProperty(_$concat12, "".concat(token.componentCls, "-bg-list"), {
|
|
86061
86168
|
pointerEvents: 'none',
|
|
86062
86169
|
position: 'fixed',
|
|
@@ -86291,11 +86398,14 @@ var useCurrentMenuLayoutProps = function useCurrentMenuLayoutProps(currentMenu)
|
|
|
86291
86398
|
var WrapContent = function WrapContent(props) {
|
|
86292
86399
|
var _classNames;
|
|
86293
86400
|
|
|
86401
|
+
var _useToken = useStyle_useToken(),
|
|
86402
|
+
hashId = _useToken.hashId;
|
|
86403
|
+
|
|
86294
86404
|
var style = props.style,
|
|
86295
86405
|
prefixCls = props.prefixCls,
|
|
86296
86406
|
children = props.children,
|
|
86297
86407
|
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));
|
|
86408
|
+
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
86409
|
var ErrorComponent = props.ErrorBoundary || ErrorBoundary;
|
|
86300
86410
|
return props.ErrorBoundary === false ? (0,jsx_runtime.jsx)(external_antd_.Layout.Content, {
|
|
86301
86411
|
className: contentClassName,
|
|
@@ -86789,7 +86899,7 @@ var BaseProLayout = function BaseProLayout(props) {
|
|
|
86789
86899
|
}, style),
|
|
86790
86900
|
children: [siderMenuDom, (0,jsx_runtime.jsxs)("div", {
|
|
86791
86901
|
style: genLayoutStyle,
|
|
86792
|
-
className:
|
|
86902
|
+
className: "".concat(proLayoutClassName, "-container"),
|
|
86793
86903
|
children: [headerDom, (0,jsx_runtime.jsx)(WrapContent, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
|
|
86794
86904
|
hasPageContainer: hasPageContainer,
|
|
86795
86905
|
isChildrenLayout: isChildrenLayout
|
|
@@ -86813,9 +86923,14 @@ BaseProLayout.defaultProps = objectSpread2_objectSpread2(objectSpread2_objectSpr
|
|
|
86813
86923
|
});
|
|
86814
86924
|
|
|
86815
86925
|
var ProLayout_ProLayout = function ProLayout(props) {
|
|
86926
|
+
var _process$env$NODE_ENV;
|
|
86927
|
+
|
|
86816
86928
|
var colorPrimary = props.colorPrimary;
|
|
86817
|
-
return (0,jsx_runtime.jsx)(external_antd_.ConfigProvider
|
|
86929
|
+
return (0,jsx_runtime.jsx)(external_antd_.ConfigProvider // @ts-ignore
|
|
86930
|
+
, {
|
|
86931
|
+
// @ts-ignore
|
|
86818
86932
|
theme: {
|
|
86933
|
+
hashed: ((_process$env$NODE_ENV = "production") === null || _process$env$NODE_ENV === void 0 ? void 0 : _process$env$NODE_ENV.toLowerCase()) !== 'test',
|
|
86819
86934
|
token: {
|
|
86820
86935
|
radiusBase: 4,
|
|
86821
86936
|
colorPrimary: colorPrimary || '#1677FF',
|
|
@@ -91220,6 +91335,7 @@ function ColumnSetting(props) {
|
|
|
91220
91335
|
|
|
91221
91336
|
|
|
91222
91337
|
|
|
91338
|
+
|
|
91223
91339
|
var HeaderMenu = function HeaderMenu(props) {
|
|
91224
91340
|
var _props$items = props.items,
|
|
91225
91341
|
items = _props$items === void 0 ? [] : _props$items,
|
|
@@ -91260,7 +91376,9 @@ var HeaderMenu = function HeaderMenu(props) {
|
|
|
91260
91376
|
}
|
|
91261
91377
|
|
|
91262
91378
|
if (type === 'tab') {
|
|
91263
|
-
return (0,jsx_runtime.jsx)(external_antd_.Tabs
|
|
91379
|
+
return (0,jsx_runtime.jsx)(external_antd_.Tabs //@ts-ignore
|
|
91380
|
+
, {
|
|
91381
|
+
//@ts-ignore
|
|
91264
91382
|
items: items.map(function (item) {
|
|
91265
91383
|
var _item$key;
|
|
91266
91384
|
|
|
@@ -91271,7 +91389,13 @@ var HeaderMenu = function HeaderMenu(props) {
|
|
|
91271
91389
|
activeKey: activeItem.key,
|
|
91272
91390
|
onTabClick: function onTabClick(key) {
|
|
91273
91391
|
return setActiveKey(key);
|
|
91274
|
-
}
|
|
91392
|
+
},
|
|
91393
|
+
children: items === null || items === void 0 ? void 0 : items.map(function (item, index) {
|
|
91394
|
+
return /*#__PURE__*/(0,external_React_.createElement)(external_antd_.Tabs.TabPane, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, item), {}, {
|
|
91395
|
+
key: item.key || index,
|
|
91396
|
+
tab: item.label
|
|
91397
|
+
}));
|
|
91398
|
+
})
|
|
91275
91399
|
});
|
|
91276
91400
|
}
|
|
91277
91401
|
|
|
@@ -91429,6 +91553,7 @@ function ListToolBar_style_useStyle(prefixCls) {
|
|
|
91429
91553
|
|
|
91430
91554
|
|
|
91431
91555
|
|
|
91556
|
+
|
|
91432
91557
|
/**
|
|
91433
91558
|
* 获取配置区域 DOM Item
|
|
91434
91559
|
*
|
|
@@ -91468,6 +91593,8 @@ function getSettingItem(setting) {
|
|
|
91468
91593
|
}
|
|
91469
91594
|
|
|
91470
91595
|
var ListToolBarTabBar = function ListToolBarTabBar(_ref) {
|
|
91596
|
+
var _tabs$items;
|
|
91597
|
+
|
|
91471
91598
|
var prefixCls = _ref.prefixCls,
|
|
91472
91599
|
_ref$tabs = _ref.tabs,
|
|
91473
91600
|
tabs = _ref$tabs === void 0 ? {} : _ref$tabs,
|
|
@@ -91478,6 +91605,7 @@ var ListToolBarTabBar = function ListToolBarTabBar(_ref) {
|
|
|
91478
91605
|
className: "".concat(prefixCls, "-extra-line"),
|
|
91479
91606
|
children: tabs.items && tabs.items.length ? (0,jsx_runtime.jsx)(external_antd_.Tabs, {
|
|
91480
91607
|
activeKey: tabs.activeKey,
|
|
91608
|
+
//@ts-ignore
|
|
91481
91609
|
items: tabs.items.map(function (item, index) {
|
|
91482
91610
|
var _item$key;
|
|
91483
91611
|
|
|
@@ -91488,7 +91616,13 @@ var ListToolBarTabBar = function ListToolBarTabBar(_ref) {
|
|
|
91488
91616
|
});
|
|
91489
91617
|
}),
|
|
91490
91618
|
onChange: tabs.onChange,
|
|
91491
|
-
tabBarExtraContent: filtersNode
|
|
91619
|
+
tabBarExtraContent: filtersNode,
|
|
91620
|
+
children: (_tabs$items = tabs.items) === null || _tabs$items === void 0 ? void 0 : _tabs$items.map(function (item, index) {
|
|
91621
|
+
return /*#__PURE__*/(0,external_React_.createElement)(external_antd_.Tabs.TabPane, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, item), {}, {
|
|
91622
|
+
key: item.key || index,
|
|
91623
|
+
tab: item.tab
|
|
91624
|
+
}));
|
|
91625
|
+
})
|
|
91492
91626
|
}) : filtersNode
|
|
91493
91627
|
});
|
|
91494
91628
|
};
|
|
@@ -113539,17 +113673,17 @@ function BaseProList(props) {
|
|
|
113539
113673
|
/* harmony default export */ var list_es = ((/* unused pure expression or super */ null && (ProList)));
|
|
113540
113674
|
;// CONCATENATED MODULE: ./packages/components/src/version.ts
|
|
113541
113675
|
var version_version = {
|
|
113542
|
-
"@ant-design/pro-card": "2.0.0-experimental.
|
|
113543
|
-
"@ant-design/pro-components": "2.
|
|
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.
|
|
113549
|
-
"@ant-design/pro-provider": "2.0.0-experimental.
|
|
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.
|
|
113676
|
+
"@ant-design/pro-card": "2.0.0-experimental.20",
|
|
113677
|
+
"@ant-design/pro-components": "2.1.1",
|
|
113678
|
+
"@ant-design/pro-descriptions": "2.0.0-experimental.21",
|
|
113679
|
+
"@ant-design/pro-field": "2.0.0-experimental.20",
|
|
113680
|
+
"@ant-design/pro-form": "2.0.0-experimental.21",
|
|
113681
|
+
"@ant-design/pro-layout": "7.0.0-experimental.32",
|
|
113682
|
+
"@ant-design/pro-list": "2.0.0-experimental.22",
|
|
113683
|
+
"@ant-design/pro-provider": "2.0.0-experimental.12",
|
|
113684
|
+
"@ant-design/pro-skeleton": "2.0.0-experimental.9",
|
|
113685
|
+
"@ant-design/pro-table": "3.0.0-experimental.22",
|
|
113686
|
+
"@ant-design/pro-utils": "2.0.0-experimental.19"
|
|
113553
113687
|
};
|
|
113554
113688
|
;// CONCATENATED MODULE: ./packages/components/src/index.tsx
|
|
113555
113689
|
|