You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
716 lines
26 KiB
716 lines
26 KiB
"use strict";
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[17845],{
|
|
|
|
/***/ 6171:
|
|
/*!*****************************************************************************!*\
|
|
!*** ./node_modules/@ant-design/icons/es/icons/LeftOutlined.js + 1 modules ***!
|
|
\*****************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ icons_LeftOutlined; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/LeftOutlined.js
|
|
// This icon file is generated automatically.
|
|
var LeftOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" } }] }, "name": "left", "theme": "outlined" };
|
|
/* harmony default export */ var asn_LeftOutlined = (LeftOutlined);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/components/AntdIcon.js + 8 modules
|
|
var AntdIcon = __webpack_require__(74643);
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/icons/LeftOutlined.js
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
|
|
var LeftOutlined_LeftOutlined = function LeftOutlined(props, ref) {
|
|
return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,esm_extends/* default */.Z)({}, props, {
|
|
ref: ref,
|
|
icon: asn_LeftOutlined
|
|
}));
|
|
};
|
|
if (false) {}
|
|
/* harmony default export */ var icons_LeftOutlined = (/*#__PURE__*/react.forwardRef(LeftOutlined_LeftOutlined));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 18073:
|
|
/*!******************************************************************************!*\
|
|
!*** ./node_modules/@ant-design/icons/es/icons/RightOutlined.js + 1 modules ***!
|
|
\******************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ icons_RightOutlined; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/RightOutlined.js
|
|
// This icon file is generated automatically.
|
|
var RightOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, "name": "right", "theme": "outlined" };
|
|
/* harmony default export */ var asn_RightOutlined = (RightOutlined);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/components/AntdIcon.js + 8 modules
|
|
var AntdIcon = __webpack_require__(74643);
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/icons/RightOutlined.js
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
|
|
var RightOutlined_RightOutlined = function RightOutlined(props, ref) {
|
|
return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,esm_extends/* default */.Z)({}, props, {
|
|
ref: ref,
|
|
icon: asn_RightOutlined
|
|
}));
|
|
};
|
|
if (false) {}
|
|
/* harmony default export */ var icons_RightOutlined = (/*#__PURE__*/react.forwardRef(RightOutlined_RightOutlined));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 7293:
|
|
/*!**********************************************************!*\
|
|
!*** ./node_modules/antd/es/layout/Sider.js + 3 modules ***!
|
|
\**********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"D": function() { return /* binding */ SiderContext; },
|
|
"Z": function() { return /* binding */ layout_Sider; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/BarsOutlined.js
|
|
// This icon file is generated automatically.
|
|
var BarsOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "bars", "theme": "outlined" };
|
|
/* harmony default export */ var asn_BarsOutlined = (BarsOutlined);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/components/AntdIcon.js + 8 modules
|
|
var AntdIcon = __webpack_require__(74643);
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/icons/BarsOutlined.js
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
|
|
var BarsOutlined_BarsOutlined = function BarsOutlined(props, ref) {
|
|
return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,esm_extends/* default */.Z)({}, props, {
|
|
ref: ref,
|
|
icon: asn_BarsOutlined
|
|
}));
|
|
};
|
|
if (false) {}
|
|
/* harmony default export */ var icons_BarsOutlined = (/*#__PURE__*/react.forwardRef(BarsOutlined_BarsOutlined));
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/icons/LeftOutlined.js + 1 modules
|
|
var LeftOutlined = __webpack_require__(6171);
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/icons/RightOutlined.js + 1 modules
|
|
var RightOutlined = __webpack_require__(18073);
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__(94184);
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/rc-util/es/omit.js
|
|
var omit = __webpack_require__(10366);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/_util/isNumeric.js
|
|
const isNumeric = value => !isNaN(parseFloat(value)) && isFinite(value);
|
|
/* harmony default export */ var _util_isNumeric = (isNumeric);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/context.js
|
|
var context = __webpack_require__(53124);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/layout/layout.js + 2 modules
|
|
var layout = __webpack_require__(84321);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/layout/Sider.js
|
|
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
var t = {};
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const dimensionMaxMap = {
|
|
xs: '479.98px',
|
|
sm: '575.98px',
|
|
md: '767.98px',
|
|
lg: '991.98px',
|
|
xl: '1199.98px',
|
|
xxl: '1599.98px'
|
|
};
|
|
const SiderContext = /*#__PURE__*/react.createContext({});
|
|
const generateId = (() => {
|
|
let i = 0;
|
|
return function () {
|
|
let prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
i += 1;
|
|
return `${prefix}${i}`;
|
|
};
|
|
})();
|
|
const Sider = /*#__PURE__*/react.forwardRef((props, ref) => {
|
|
const {
|
|
prefixCls: customizePrefixCls,
|
|
className,
|
|
trigger,
|
|
children,
|
|
defaultCollapsed = false,
|
|
theme = 'dark',
|
|
style = {},
|
|
collapsible = false,
|
|
reverseArrow = false,
|
|
width = 200,
|
|
collapsedWidth = 80,
|
|
zeroWidthTriggerStyle,
|
|
breakpoint,
|
|
onCollapse,
|
|
onBreakpoint
|
|
} = props,
|
|
otherProps = __rest(props, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]);
|
|
const {
|
|
siderHook
|
|
} = (0,react.useContext)(layout/* LayoutContext */.Gs);
|
|
const [collapsed, setCollapsed] = (0,react.useState)('collapsed' in props ? props.collapsed : defaultCollapsed);
|
|
const [below, setBelow] = (0,react.useState)(false);
|
|
(0,react.useEffect)(() => {
|
|
if ('collapsed' in props) {
|
|
setCollapsed(props.collapsed);
|
|
}
|
|
}, [props.collapsed]);
|
|
const handleSetCollapsed = (value, type) => {
|
|
if (!('collapsed' in props)) {
|
|
setCollapsed(value);
|
|
}
|
|
onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(value, type);
|
|
};
|
|
// ========================= Responsive =========================
|
|
const responsiveHandlerRef = (0,react.useRef)();
|
|
responsiveHandlerRef.current = mql => {
|
|
setBelow(mql.matches);
|
|
onBreakpoint === null || onBreakpoint === void 0 ? void 0 : onBreakpoint(mql.matches);
|
|
if (collapsed !== mql.matches) {
|
|
handleSetCollapsed(mql.matches, 'responsive');
|
|
}
|
|
};
|
|
(0,react.useEffect)(() => {
|
|
function responsiveHandler(mql) {
|
|
return responsiveHandlerRef.current(mql);
|
|
}
|
|
let mql;
|
|
if (typeof window !== 'undefined') {
|
|
const {
|
|
matchMedia
|
|
} = window;
|
|
if (matchMedia && breakpoint && breakpoint in dimensionMaxMap) {
|
|
mql = matchMedia(`(max-width: ${dimensionMaxMap[breakpoint]})`);
|
|
try {
|
|
mql.addEventListener('change', responsiveHandler);
|
|
} catch (error) {
|
|
mql.addListener(responsiveHandler);
|
|
}
|
|
responsiveHandler(mql);
|
|
}
|
|
}
|
|
return () => {
|
|
try {
|
|
mql === null || mql === void 0 ? void 0 : mql.removeEventListener('change', responsiveHandler);
|
|
} catch (error) {
|
|
mql === null || mql === void 0 ? void 0 : mql.removeListener(responsiveHandler);
|
|
}
|
|
};
|
|
}, [breakpoint]); // in order to accept dynamic 'breakpoint' property, we need to add 'breakpoint' into dependency array.
|
|
(0,react.useEffect)(() => {
|
|
const uniqueId = generateId('ant-sider-');
|
|
siderHook.addSider(uniqueId);
|
|
return () => siderHook.removeSider(uniqueId);
|
|
}, []);
|
|
const toggle = () => {
|
|
handleSetCollapsed(!collapsed, 'clickTrigger');
|
|
};
|
|
const {
|
|
getPrefixCls
|
|
} = (0,react.useContext)(context/* ConfigContext */.E_);
|
|
const renderSider = () => {
|
|
const prefixCls = getPrefixCls('layout-sider', customizePrefixCls);
|
|
const divProps = (0,omit/* default */.Z)(otherProps, ['collapsed']);
|
|
const rawWidth = collapsed ? collapsedWidth : width;
|
|
// use "px" as fallback unit for width
|
|
const siderWidth = _util_isNumeric(rawWidth) ? `${rawWidth}px` : String(rawWidth);
|
|
// special trigger when collapsedWidth == 0
|
|
const zeroWidthTrigger = parseFloat(String(collapsedWidth || 0)) === 0 ? /*#__PURE__*/react.createElement("span", {
|
|
onClick: toggle,
|
|
className: classnames_default()(`${prefixCls}-zero-width-trigger`, `${prefixCls}-zero-width-trigger-${reverseArrow ? 'right' : 'left'}`),
|
|
style: zeroWidthTriggerStyle
|
|
}, trigger || /*#__PURE__*/react.createElement(icons_BarsOutlined, null)) : null;
|
|
const iconObj = {
|
|
expanded: reverseArrow ? /*#__PURE__*/react.createElement(RightOutlined/* default */.Z, null) : /*#__PURE__*/react.createElement(LeftOutlined/* default */.Z, null),
|
|
collapsed: reverseArrow ? /*#__PURE__*/react.createElement(LeftOutlined/* default */.Z, null) : /*#__PURE__*/react.createElement(RightOutlined/* default */.Z, null)
|
|
};
|
|
const status = collapsed ? 'collapsed' : 'expanded';
|
|
const defaultTrigger = iconObj[status];
|
|
const triggerDom = trigger !== null ? zeroWidthTrigger || /*#__PURE__*/react.createElement("div", {
|
|
className: `${prefixCls}-trigger`,
|
|
onClick: toggle,
|
|
style: {
|
|
width: siderWidth
|
|
}
|
|
}, trigger || defaultTrigger) : null;
|
|
const divStyle = Object.assign(Object.assign({}, style), {
|
|
flex: `0 0 ${siderWidth}`,
|
|
maxWidth: siderWidth,
|
|
minWidth: siderWidth,
|
|
width: siderWidth
|
|
});
|
|
const siderCls = classnames_default()(prefixCls, `${prefixCls}-${theme}`, {
|
|
[`${prefixCls}-collapsed`]: !!collapsed,
|
|
[`${prefixCls}-has-trigger`]: collapsible && trigger !== null && !zeroWidthTrigger,
|
|
[`${prefixCls}-below`]: !!below,
|
|
[`${prefixCls}-zero-width`]: parseFloat(siderWidth) === 0
|
|
}, className);
|
|
return /*#__PURE__*/react.createElement("aside", Object.assign({
|
|
className: siderCls
|
|
}, divProps, {
|
|
style: divStyle,
|
|
ref: ref
|
|
}), /*#__PURE__*/react.createElement("div", {
|
|
className: `${prefixCls}-children`
|
|
}, children), collapsible || below && zeroWidthTrigger ? triggerDom : null);
|
|
};
|
|
const contextValue = react.useMemo(() => ({
|
|
siderCollapsed: collapsed
|
|
}), [collapsed]);
|
|
return /*#__PURE__*/react.createElement(SiderContext.Provider, {
|
|
value: contextValue
|
|
}, renderSider());
|
|
});
|
|
if (false) {}
|
|
/* harmony default export */ var layout_Sider = (Sider);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 84321:
|
|
/*!***********************************************************!*\
|
|
!*** ./node_modules/antd/es/layout/layout.js + 2 modules ***!
|
|
\***********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"VY": function() { return /* binding */ Content; },
|
|
"$_": function() { return /* binding */ Footer; },
|
|
"h4": function() { return /* binding */ Header; },
|
|
"Gs": function() { return /* binding */ LayoutContext; },
|
|
"ZP": function() { return /* binding */ layout; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 2 modules
|
|
var toConsumableArray = __webpack_require__(74902);
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__(94184);
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/rc-util/es/omit.js
|
|
var omit = __webpack_require__(10366);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/context.js
|
|
var context = __webpack_require__(53124);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/theme/util/genComponentStyleHook.js
|
|
var genComponentStyleHook = __webpack_require__(67968);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/theme/util/statistic.js
|
|
var statistic = __webpack_require__(45503);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/layout/style/light.js
|
|
const genLayoutLightStyle = token => {
|
|
const {
|
|
componentCls,
|
|
colorBgContainer,
|
|
colorBgBody,
|
|
colorText
|
|
} = token;
|
|
return {
|
|
[`${componentCls}-sider-light`]: {
|
|
background: colorBgContainer,
|
|
[`${componentCls}-sider-trigger`]: {
|
|
color: colorText,
|
|
background: colorBgContainer
|
|
},
|
|
[`${componentCls}-sider-zero-width-trigger`]: {
|
|
color: colorText,
|
|
background: colorBgContainer,
|
|
border: `1px solid ${colorBgBody}`,
|
|
borderInlineStart: 0
|
|
}
|
|
}
|
|
};
|
|
};
|
|
/* harmony default export */ var light = (genLayoutLightStyle);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/layout/style/index.js
|
|
|
|
|
|
const genLayoutStyle = token => {
|
|
const {
|
|
antCls,
|
|
// .ant
|
|
componentCls,
|
|
// .ant-layout
|
|
colorText,
|
|
colorTextLightSolid,
|
|
colorBgHeader,
|
|
colorBgBody,
|
|
colorBgTrigger,
|
|
layoutHeaderHeight,
|
|
layoutHeaderPaddingInline,
|
|
layoutHeaderColor,
|
|
layoutFooterPadding,
|
|
layoutTriggerHeight,
|
|
layoutZeroTriggerSize,
|
|
motionDurationMid,
|
|
motionDurationSlow,
|
|
fontSize,
|
|
borderRadius
|
|
} = token;
|
|
return {
|
|
[componentCls]: Object.assign(Object.assign({
|
|
display: 'flex',
|
|
flex: 'auto',
|
|
flexDirection: 'column',
|
|
/* fix firefox can't set height smaller than content on flex item */
|
|
minHeight: 0,
|
|
background: colorBgBody,
|
|
'&, *': {
|
|
boxSizing: 'border-box'
|
|
},
|
|
[`&${componentCls}-has-sider`]: {
|
|
flexDirection: 'row',
|
|
[`> ${componentCls}, > ${componentCls}-content`]: {
|
|
// https://segmentfault.com/a/1190000019498300
|
|
width: 0
|
|
}
|
|
},
|
|
[`${componentCls}-header, &${componentCls}-footer`]: {
|
|
flex: '0 0 auto'
|
|
},
|
|
[`${componentCls}-sider`]: {
|
|
position: 'relative',
|
|
// fix firefox can't set width smaller than content on flex item
|
|
minWidth: 0,
|
|
background: colorBgHeader,
|
|
transition: `all ${motionDurationMid}, background 0s`,
|
|
'&-children': {
|
|
height: '100%',
|
|
// Hack for fixing margin collapse bug
|
|
// https://github.com/ant-design/ant-design/issues/7967
|
|
// solution from https://stackoverflow.com/a/33132624/3040605
|
|
marginTop: -0.1,
|
|
paddingTop: 0.1,
|
|
[`${antCls}-menu${antCls}-menu-inline-collapsed`]: {
|
|
width: 'auto'
|
|
}
|
|
},
|
|
'&-has-trigger': {
|
|
paddingBottom: layoutTriggerHeight
|
|
},
|
|
'&-right': {
|
|
order: 1
|
|
},
|
|
'&-trigger': {
|
|
position: 'fixed',
|
|
bottom: 0,
|
|
zIndex: 1,
|
|
height: layoutTriggerHeight,
|
|
color: colorTextLightSolid,
|
|
lineHeight: `${layoutTriggerHeight}px`,
|
|
textAlign: 'center',
|
|
background: colorBgTrigger,
|
|
cursor: 'pointer',
|
|
transition: `all ${motionDurationMid}`
|
|
},
|
|
'&-zero-width': {
|
|
'> *': {
|
|
overflow: 'hidden'
|
|
},
|
|
'&-trigger': {
|
|
position: 'absolute',
|
|
top: layoutHeaderHeight,
|
|
insetInlineEnd: -layoutZeroTriggerSize,
|
|
zIndex: 1,
|
|
width: layoutZeroTriggerSize,
|
|
height: layoutZeroTriggerSize,
|
|
color: colorTextLightSolid,
|
|
fontSize: token.fontSizeXL,
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
background: colorBgHeader,
|
|
borderStartStartRadius: 0,
|
|
borderStartEndRadius: borderRadius,
|
|
borderEndEndRadius: borderRadius,
|
|
borderEndStartRadius: 0,
|
|
cursor: 'pointer',
|
|
transition: `background ${motionDurationSlow} ease`,
|
|
'&::after': {
|
|
position: 'absolute',
|
|
inset: 0,
|
|
background: 'transparent',
|
|
transition: `all ${motionDurationSlow}`,
|
|
content: '""'
|
|
},
|
|
'&:hover::after': {
|
|
// FIXME: Hardcode, but seems no need to create a token for this
|
|
background: `rgba(255, 255, 255, 0.2)`
|
|
},
|
|
'&-right': {
|
|
insetInlineStart: -layoutZeroTriggerSize,
|
|
borderStartStartRadius: borderRadius,
|
|
borderStartEndRadius: 0,
|
|
borderEndEndRadius: 0,
|
|
borderEndStartRadius: borderRadius
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}, light(token)), {
|
|
// RTL
|
|
'&-rtl': {
|
|
direction: 'rtl'
|
|
}
|
|
}),
|
|
// ==================== Header ====================
|
|
[`${componentCls}-header`]: {
|
|
height: layoutHeaderHeight,
|
|
paddingInline: layoutHeaderPaddingInline,
|
|
color: layoutHeaderColor,
|
|
lineHeight: `${layoutHeaderHeight}px`,
|
|
background: colorBgHeader,
|
|
// Other components/menu/style/index.less line:686
|
|
// Integration with header element so menu items have the same height
|
|
[`${antCls}-menu`]: {
|
|
lineHeight: 'inherit'
|
|
}
|
|
},
|
|
// ==================== Footer ====================
|
|
[`${componentCls}-footer`]: {
|
|
padding: layoutFooterPadding,
|
|
color: colorText,
|
|
fontSize,
|
|
background: colorBgBody
|
|
},
|
|
// =================== Content ====================
|
|
[`${componentCls}-content`]: {
|
|
flex: 'auto',
|
|
// fix firefox can't set height smaller than content on flex item
|
|
minHeight: 0
|
|
}
|
|
};
|
|
};
|
|
// ============================== Export ==============================
|
|
/* harmony default export */ var layout_style = ((0,genComponentStyleHook/* default */.Z)('Layout', token => {
|
|
const {
|
|
colorText,
|
|
controlHeightSM,
|
|
controlHeight,
|
|
controlHeightLG,
|
|
marginXXS
|
|
} = token;
|
|
const layoutHeaderPaddingInline = controlHeightLG * 1.25;
|
|
const layoutToken = (0,statistic/* merge */.TS)(token, {
|
|
// Layout
|
|
layoutHeaderHeight: controlHeight * 2,
|
|
layoutHeaderPaddingInline,
|
|
layoutHeaderColor: colorText,
|
|
layoutFooterPadding: `${controlHeightSM}px ${layoutHeaderPaddingInline}px`,
|
|
layoutTriggerHeight: controlHeightLG + marginXXS * 2,
|
|
layoutZeroTriggerSize: controlHeightLG
|
|
});
|
|
return [genLayoutStyle(layoutToken)];
|
|
}, token => {
|
|
const {
|
|
colorBgLayout
|
|
} = token;
|
|
return {
|
|
colorBgHeader: '#001529',
|
|
colorBgBody: colorBgLayout,
|
|
colorBgTrigger: '#002140'
|
|
};
|
|
}));
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/layout/layout.js
|
|
|
|
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
var t = {};
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
const LayoutContext = /*#__PURE__*/react.createContext({
|
|
siderHook: {
|
|
addSider: () => null,
|
|
removeSider: () => null
|
|
}
|
|
});
|
|
function generator(_ref) {
|
|
let {
|
|
suffixCls,
|
|
tagName,
|
|
displayName
|
|
} = _ref;
|
|
return BasicComponent => {
|
|
const Adapter = /*#__PURE__*/react.forwardRef((props, ref) => /*#__PURE__*/react.createElement(BasicComponent, Object.assign({
|
|
ref: ref,
|
|
suffixCls: suffixCls,
|
|
tagName: tagName
|
|
}, props)));
|
|
if (false) {}
|
|
return Adapter;
|
|
};
|
|
}
|
|
const Basic = /*#__PURE__*/react.forwardRef((props, ref) => {
|
|
const {
|
|
prefixCls: customizePrefixCls,
|
|
suffixCls,
|
|
className,
|
|
tagName: TagName
|
|
} = props,
|
|
others = __rest(props, ["prefixCls", "suffixCls", "className", "tagName"]);
|
|
const {
|
|
getPrefixCls
|
|
} = react.useContext(context/* ConfigContext */.E_);
|
|
const prefixCls = getPrefixCls('layout', customizePrefixCls);
|
|
const [wrapSSR, hashId] = layout_style(prefixCls);
|
|
const prefixWithSuffixCls = suffixCls ? `${prefixCls}-${suffixCls}` : prefixCls;
|
|
return wrapSSR( /*#__PURE__*/react.createElement(TagName, Object.assign({
|
|
className: classnames_default()(customizePrefixCls || prefixWithSuffixCls, className, hashId),
|
|
ref: ref
|
|
}, others)));
|
|
});
|
|
const BasicLayout = /*#__PURE__*/react.forwardRef((props, ref) => {
|
|
const {
|
|
direction
|
|
} = react.useContext(context/* ConfigContext */.E_);
|
|
const [siders, setSiders] = react.useState([]);
|
|
const {
|
|
prefixCls: customizePrefixCls,
|
|
className,
|
|
rootClassName,
|
|
children,
|
|
hasSider,
|
|
tagName: Tag,
|
|
style
|
|
} = props,
|
|
others = __rest(props, ["prefixCls", "className", "rootClassName", "children", "hasSider", "tagName", "style"]);
|
|
const passedProps = (0,omit/* default */.Z)(others, ['suffixCls']);
|
|
const {
|
|
getPrefixCls,
|
|
layout
|
|
} = react.useContext(context/* ConfigContext */.E_);
|
|
const prefixCls = getPrefixCls('layout', customizePrefixCls);
|
|
const [wrapSSR, hashId] = layout_style(prefixCls);
|
|
const classString = classnames_default()(prefixCls, {
|
|
[`${prefixCls}-has-sider`]: typeof hasSider === 'boolean' ? hasSider : siders.length > 0,
|
|
[`${prefixCls}-rtl`]: direction === 'rtl'
|
|
}, layout === null || layout === void 0 ? void 0 : layout.className, className, rootClassName, hashId);
|
|
const contextValue = react.useMemo(() => ({
|
|
siderHook: {
|
|
addSider: id => {
|
|
setSiders(prev => [].concat((0,toConsumableArray/* default */.Z)(prev), [id]));
|
|
},
|
|
removeSider: id => {
|
|
setSiders(prev => prev.filter(currentId => currentId !== id));
|
|
}
|
|
}
|
|
}), []);
|
|
return wrapSSR( /*#__PURE__*/react.createElement(LayoutContext.Provider, {
|
|
value: contextValue
|
|
}, /*#__PURE__*/react.createElement(Tag, Object.assign({
|
|
ref: ref,
|
|
className: classString,
|
|
style: Object.assign(Object.assign({}, layout === null || layout === void 0 ? void 0 : layout.style), style)
|
|
}, passedProps), children)));
|
|
});
|
|
const Layout = generator({
|
|
tagName: 'section',
|
|
displayName: 'Layout'
|
|
})(BasicLayout);
|
|
const Header = generator({
|
|
suffixCls: 'header',
|
|
tagName: 'header',
|
|
displayName: 'Header'
|
|
})(Basic);
|
|
const Footer = generator({
|
|
suffixCls: 'footer',
|
|
tagName: 'footer',
|
|
displayName: 'Footer'
|
|
})(Basic);
|
|
const Content = generator({
|
|
suffixCls: 'content',
|
|
tagName: 'main',
|
|
displayName: 'Content'
|
|
})(Basic);
|
|
|
|
/* harmony default export */ var layout = (Layout);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 33507:
|
|
/*!*******************************************************!*\
|
|
!*** ./node_modules/antd/es/style/motion/collapse.js ***!
|
|
\*******************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__) {
|
|
|
|
const genCollapseMotion = token => ({
|
|
[token.componentCls]: {
|
|
// For common/openAnimation
|
|
[`${token.antCls}-motion-collapse-legacy`]: {
|
|
overflow: 'hidden',
|
|
'&-active': {
|
|
transition: `height ${token.motionDurationMid} ${token.motionEaseInOut},
|
|
opacity ${token.motionDurationMid} ${token.motionEaseInOut} !important`
|
|
}
|
|
},
|
|
[`${token.antCls}-motion-collapse`]: {
|
|
overflow: 'hidden',
|
|
transition: `height ${token.motionDurationMid} ${token.motionEaseInOut},
|
|
opacity ${token.motionDurationMid} ${token.motionEaseInOut} !important`
|
|
}
|
|
}
|
|
});
|
|
/* harmony default export */ __webpack_exports__["Z"] = (genCollapseMotion);
|
|
|
|
/***/ })
|
|
|
|
}]); |