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.
1017 lines
45 KiB
1017 lines
45 KiB
"use strict";
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[66516],{
|
|
|
|
/***/ 26554:
|
|
/*!*******************************************************************!*\
|
|
!*** ./node_modules/@ant-design/icons-svg/es/asn/LeftOutlined.js ***!
|
|
\*******************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__) {
|
|
|
|
// 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 */ __webpack_exports__["Z"] = (LeftOutlined);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 50756:
|
|
/*!********************************************************************!*\
|
|
!*** ./node_modules/@ant-design/icons-svg/es/asn/RightOutlined.js ***!
|
|
\********************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__) {
|
|
|
|
// 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 */ __webpack_exports__["Z"] = (RightOutlined);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 10130:
|
|
/*!**********************************************************!*\
|
|
!*** ./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/defineProperty.js
|
|
var defineProperty = __webpack_require__(4942);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
|
|
var slicedToArray = __webpack_require__(97685);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(1413);
|
|
// 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/antd/node_modules/@ant-design/icons/es/components/AntdIcon.js + 3 modules
|
|
var AntdIcon = __webpack_require__(93771);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/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,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, props), {}, {
|
|
ref: ref,
|
|
icon: asn_BarsOutlined
|
|
}));
|
|
};
|
|
BarsOutlined_BarsOutlined.displayName = 'BarsOutlined';
|
|
/* harmony default export */ var icons_BarsOutlined = (/*#__PURE__*/react.forwardRef(BarsOutlined_BarsOutlined));
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/LeftOutlined.js
|
|
var LeftOutlined = __webpack_require__(97454);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/RightOutlined.js
|
|
var RightOutlined = __webpack_require__(62994);
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__(94184);
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/omit.js
|
|
var omit = __webpack_require__(98423);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/context.js
|
|
var context = __webpack_require__(53124);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/_util/isNumeric.js
|
|
var isNumeric = function isNumeric(value) {
|
|
return !isNaN(parseFloat(value)) && isFinite(value);
|
|
};
|
|
/* harmony default export */ var _util_isNumeric = (isNumeric);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/layout/layout.js
|
|
var layout = __webpack_require__(2897);
|
|
;// 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;
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var dimensionMaxMap = {
|
|
xs: '479.98px',
|
|
sm: '575.98px',
|
|
md: '767.98px',
|
|
lg: '991.98px',
|
|
xl: '1199.98px',
|
|
xxl: '1599.98px'
|
|
};
|
|
var SiderContext = /*#__PURE__*/react.createContext({});
|
|
var generateId = function () {
|
|
var i = 0;
|
|
return function () {
|
|
var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
i += 1;
|
|
return "".concat(prefix).concat(i);
|
|
};
|
|
}();
|
|
var Sider = /*#__PURE__*/react.forwardRef(function (_a, ref) {
|
|
var customizePrefixCls = _a.prefixCls,
|
|
className = _a.className,
|
|
trigger = _a.trigger,
|
|
children = _a.children,
|
|
_a$defaultCollapsed = _a.defaultCollapsed,
|
|
defaultCollapsed = _a$defaultCollapsed === void 0 ? false : _a$defaultCollapsed,
|
|
_a$theme = _a.theme,
|
|
theme = _a$theme === void 0 ? 'dark' : _a$theme,
|
|
_a$style = _a.style,
|
|
style = _a$style === void 0 ? {} : _a$style,
|
|
_a$collapsible = _a.collapsible,
|
|
collapsible = _a$collapsible === void 0 ? false : _a$collapsible,
|
|
_a$reverseArrow = _a.reverseArrow,
|
|
reverseArrow = _a$reverseArrow === void 0 ? false : _a$reverseArrow,
|
|
_a$width = _a.width,
|
|
width = _a$width === void 0 ? 200 : _a$width,
|
|
_a$collapsedWidth = _a.collapsedWidth,
|
|
collapsedWidth = _a$collapsedWidth === void 0 ? 80 : _a$collapsedWidth,
|
|
zeroWidthTriggerStyle = _a.zeroWidthTriggerStyle,
|
|
breakpoint = _a.breakpoint,
|
|
onCollapse = _a.onCollapse,
|
|
onBreakpoint = _a.onBreakpoint,
|
|
props = __rest(_a, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]);
|
|
var _useContext = (0,react.useContext)(layout/* LayoutContext */.Gs),
|
|
siderHook = _useContext.siderHook;
|
|
var _useState = (0,react.useState)('collapsed' in props ? props.collapsed : defaultCollapsed),
|
|
_useState2 = (0,slicedToArray/* default */.Z)(_useState, 2),
|
|
collapsed = _useState2[0],
|
|
setCollapsed = _useState2[1];
|
|
var _useState3 = (0,react.useState)(false),
|
|
_useState4 = (0,slicedToArray/* default */.Z)(_useState3, 2),
|
|
below = _useState4[0],
|
|
setBelow = _useState4[1];
|
|
(0,react.useEffect)(function () {
|
|
if ('collapsed' in props) {
|
|
setCollapsed(props.collapsed);
|
|
}
|
|
}, [props.collapsed]);
|
|
var handleSetCollapsed = function handleSetCollapsed(value, type) {
|
|
if (!('collapsed' in props)) {
|
|
setCollapsed(value);
|
|
}
|
|
onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(value, type);
|
|
};
|
|
// ========================= Responsive =========================
|
|
var responsiveHandlerRef = (0,react.useRef)();
|
|
responsiveHandlerRef.current = function (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 () {
|
|
function responsiveHandler(mql) {
|
|
return responsiveHandlerRef.current(mql);
|
|
}
|
|
var mql;
|
|
if (typeof window !== 'undefined') {
|
|
var _window = window,
|
|
matchMedia = _window.matchMedia;
|
|
if (matchMedia && breakpoint && breakpoint in dimensionMaxMap) {
|
|
mql = matchMedia("(max-width: ".concat(dimensionMaxMap[breakpoint], ")"));
|
|
try {
|
|
mql.addEventListener('change', responsiveHandler);
|
|
} catch (error) {
|
|
mql.addListener(responsiveHandler);
|
|
}
|
|
responsiveHandler(mql);
|
|
}
|
|
}
|
|
return function () {
|
|
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)(function () {
|
|
var uniqueId = generateId('ant-sider-');
|
|
siderHook.addSider(uniqueId);
|
|
return function () {
|
|
return siderHook.removeSider(uniqueId);
|
|
};
|
|
}, []);
|
|
var toggle = function toggle() {
|
|
handleSetCollapsed(!collapsed, 'clickTrigger');
|
|
};
|
|
var _useContext2 = (0,react.useContext)(context/* ConfigContext */.E_),
|
|
getPrefixCls = _useContext2.getPrefixCls;
|
|
var renderSider = function renderSider() {
|
|
var _classNames;
|
|
var prefixCls = getPrefixCls('layout-sider', customizePrefixCls);
|
|
var divProps = (0,omit/* default */.Z)(props, ['collapsed']);
|
|
var rawWidth = collapsed ? collapsedWidth : width;
|
|
// use "px" as fallback unit for width
|
|
var siderWidth = _util_isNumeric(rawWidth) ? "".concat(rawWidth, "px") : String(rawWidth);
|
|
// special trigger when collapsedWidth == 0
|
|
var zeroWidthTrigger = parseFloat(String(collapsedWidth || 0)) === 0 ? /*#__PURE__*/react.createElement("span", {
|
|
onClick: toggle,
|
|
className: classnames_default()("".concat(prefixCls, "-zero-width-trigger"), "".concat(prefixCls, "-zero-width-trigger-").concat(reverseArrow ? 'right' : 'left')),
|
|
style: zeroWidthTriggerStyle
|
|
}, trigger || /*#__PURE__*/react.createElement(icons_BarsOutlined, null)) : null;
|
|
var 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)
|
|
};
|
|
var status = collapsed ? 'collapsed' : 'expanded';
|
|
var defaultTrigger = iconObj[status];
|
|
var triggerDom = trigger !== null ? zeroWidthTrigger || /*#__PURE__*/react.createElement("div", {
|
|
className: "".concat(prefixCls, "-trigger"),
|
|
onClick: toggle,
|
|
style: {
|
|
width: siderWidth
|
|
}
|
|
}, trigger || defaultTrigger) : null;
|
|
var divStyle = (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({}, style), {
|
|
flex: "0 0 ".concat(siderWidth),
|
|
maxWidth: siderWidth,
|
|
minWidth: siderWidth,
|
|
width: siderWidth
|
|
});
|
|
var siderCls = classnames_default()(prefixCls, "".concat(prefixCls, "-").concat(theme), (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-collapsed"), !!collapsed), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-has-trigger"), collapsible && trigger !== null && !zeroWidthTrigger), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-below"), !!below), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-zero-width"), parseFloat(siderWidth) === 0), _classNames), className);
|
|
return /*#__PURE__*/react.createElement("aside", (0,esm_extends/* default */.Z)({
|
|
className: siderCls
|
|
}, divProps, {
|
|
style: divStyle,
|
|
ref: ref
|
|
}), /*#__PURE__*/react.createElement("div", {
|
|
className: "".concat(prefixCls, "-children")
|
|
}, children), collapsible || below && zeroWidthTrigger ? triggerDom : null);
|
|
};
|
|
var contextValue = react.useMemo(function () {
|
|
return {
|
|
siderCollapsed: collapsed
|
|
};
|
|
}, [collapsed]);
|
|
return /*#__PURE__*/react.createElement(SiderContext.Provider, {
|
|
value: contextValue
|
|
}, renderSider());
|
|
});
|
|
if (false) {}
|
|
/* harmony default export */ var layout_Sider = (Sider);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 2897:
|
|
/*!***********************************************!*\
|
|
!*** ./node_modules/antd/es/layout/layout.js ***!
|
|
\***********************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "$_": function() { return /* binding */ Footer; },
|
|
/* harmony export */ "Gs": function() { return /* binding */ LayoutContext; },
|
|
/* harmony export */ "VY": function() { return /* binding */ Content; },
|
|
/* harmony export */ "h4": function() { return /* binding */ Header; }
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ 74902);
|
|
/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ 4942);
|
|
/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ 97685);
|
|
/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ 87462);
|
|
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ 94184);
|
|
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ 67294);
|
|
/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../config-provider */ 53124);
|
|
|
|
|
|
|
|
|
|
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;
|
|
};
|
|
|
|
|
|
|
|
var LayoutContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createContext({
|
|
siderHook: {
|
|
addSider: function addSider() {
|
|
return null;
|
|
},
|
|
removeSider: function removeSider() {
|
|
return null;
|
|
}
|
|
}
|
|
});
|
|
function generator(_ref) {
|
|
var suffixCls = _ref.suffixCls,
|
|
tagName = _ref.tagName,
|
|
displayName = _ref.displayName;
|
|
return function (BasicComponent) {
|
|
var Adapter = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.forwardRef(function (props, ref) {
|
|
var _React$useContext = react__WEBPACK_IMPORTED_MODULE_1__.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_2__/* .ConfigContext */ .E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls;
|
|
var customizePrefixCls = props.prefixCls;
|
|
var prefixCls = getPrefixCls(suffixCls, customizePrefixCls);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(BasicComponent, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)({
|
|
ref: ref,
|
|
prefixCls: prefixCls,
|
|
tagName: tagName
|
|
}, props));
|
|
});
|
|
if (false) {}
|
|
return Adapter;
|
|
};
|
|
}
|
|
var Basic = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.forwardRef(function (props, ref) {
|
|
var prefixCls = props.prefixCls,
|
|
className = props.className,
|
|
children = props.children,
|
|
tagName = props.tagName,
|
|
others = __rest(props, ["prefixCls", "className", "children", "tagName"]);
|
|
var classString = classnames__WEBPACK_IMPORTED_MODULE_0___default()(prefixCls, className);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(tagName, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)({
|
|
className: classString
|
|
}, others), {
|
|
ref: ref
|
|
}), children);
|
|
});
|
|
var BasicLayout = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.forwardRef(function (props, ref) {
|
|
var _classNames;
|
|
var _React$useContext2 = react__WEBPACK_IMPORTED_MODULE_1__.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_2__/* .ConfigContext */ .E_),
|
|
direction = _React$useContext2.direction;
|
|
var _React$useState = react__WEBPACK_IMPORTED_MODULE_1__.useState([]),
|
|
_React$useState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(_React$useState, 2),
|
|
siders = _React$useState2[0],
|
|
setSiders = _React$useState2[1];
|
|
var prefixCls = props.prefixCls,
|
|
className = props.className,
|
|
children = props.children,
|
|
hasSider = props.hasSider,
|
|
Tag = props.tagName,
|
|
others = __rest(props, ["prefixCls", "className", "children", "hasSider", "tagName"]);
|
|
var classString = classnames__WEBPACK_IMPORTED_MODULE_0___default()(prefixCls, (_classNames = {}, (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-has-sider"), typeof hasSider === 'boolean' ? hasSider : siders.length > 0), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className);
|
|
var contextValue = react__WEBPACK_IMPORTED_MODULE_1__.useMemo(function () {
|
|
return {
|
|
siderHook: {
|
|
addSider: function addSider(id) {
|
|
setSiders(function (prev) {
|
|
return [].concat((0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)(prev), [id]);
|
|
});
|
|
},
|
|
removeSider: function removeSider(id) {
|
|
setSiders(function (prev) {
|
|
return prev.filter(function (currentId) {
|
|
return currentId !== id;
|
|
});
|
|
});
|
|
}
|
|
}
|
|
};
|
|
}, []);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(LayoutContext.Provider, {
|
|
value: contextValue
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(Tag, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)({
|
|
ref: ref,
|
|
className: classString
|
|
}, others), children));
|
|
});
|
|
var Layout = generator({
|
|
suffixCls: 'layout',
|
|
tagName: 'section',
|
|
displayName: 'Layout'
|
|
})(BasicLayout);
|
|
var Header = generator({
|
|
suffixCls: 'layout-header',
|
|
tagName: 'header',
|
|
displayName: 'Header'
|
|
})(Basic);
|
|
var Footer = generator({
|
|
suffixCls: 'layout-footer',
|
|
tagName: 'footer',
|
|
displayName: 'Footer'
|
|
})(Basic);
|
|
var Content = generator({
|
|
suffixCls: 'layout-content',
|
|
tagName: 'main',
|
|
displayName: 'Content'
|
|
})(Basic);
|
|
|
|
/* harmony default export */ __webpack_exports__["ZP"] = (Layout);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 76529:
|
|
/*!******************************************************!*\
|
|
!*** ./node_modules/antd/es/menu/OverrideContext.js ***!
|
|
\******************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "J": function() { return /* binding */ OverrideProvider; }
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ 87462);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 67294);
|
|
|
|
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;
|
|
};
|
|
|
|
/** @internal Only used for Dropdown component. Do not use this in your production. */
|
|
var OverrideContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createContext(null);
|
|
/** @internal Only used for Dropdown component. Do not use this in your production. */
|
|
var OverrideProvider = function OverrideProvider(_a) {
|
|
var children = _a.children,
|
|
restProps = __rest(_a, ["children"]);
|
|
var override = react__WEBPACK_IMPORTED_MODULE_0__.useContext(OverrideContext);
|
|
var context = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function () {
|
|
return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)({}, override), restProps);
|
|
}, [override, restProps.prefixCls,
|
|
// restProps.expandIcon, Not mark as deps since this is a ReactNode
|
|
restProps.mode, restProps.selectable
|
|
// restProps.validator, Not mark as deps since this is a function
|
|
]);
|
|
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(OverrideContext.Provider, {
|
|
value: context
|
|
}, children);
|
|
};
|
|
/* harmony default export */ __webpack_exports__["Z"] = (OverrideContext);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 66516:
|
|
/*!********************************************************!*\
|
|
!*** ./node_modules/antd/es/menu/index.js + 5 modules ***!
|
|
\********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ menu; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
|
|
var classCallCheck = __webpack_require__(15671);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
|
|
var createClass = __webpack_require__(43144);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
|
|
var inherits = __webpack_require__(60136);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js + 1 modules
|
|
var createSuper = __webpack_require__(51630);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/EllipsisOutlined.js
|
|
var EllipsisOutlined = __webpack_require__(48001);
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__(94184);
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
// EXTERNAL MODULE: ./node_modules/rc-menu/es/index.js + 24 modules
|
|
var es = __webpack_require__(97868);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/hooks/useEvent.js
|
|
var useEvent = __webpack_require__(66680);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/omit.js
|
|
var omit = __webpack_require__(98423);
|
|
// 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/layout/Sider.js + 3 modules
|
|
var Sider = __webpack_require__(10130);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/_util/motion.js
|
|
var motion = __webpack_require__(33603);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/_util/reactNode.js
|
|
var reactNode = __webpack_require__(96159);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
|
|
var esm_typeof = __webpack_require__(71002);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__(4942);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/menu/MenuDivider.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;
|
|
};
|
|
|
|
|
|
|
|
|
|
var MenuDivider = function MenuDivider(_a) {
|
|
var customizePrefixCls = _a.prefixCls,
|
|
className = _a.className,
|
|
dashed = _a.dashed,
|
|
restProps = __rest(_a, ["prefixCls", "className", "dashed"]);
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls;
|
|
var prefixCls = getPrefixCls('menu', customizePrefixCls);
|
|
var classString = classnames_default()((0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-item-divider-dashed"), !!dashed), className);
|
|
return /*#__PURE__*/react.createElement(es/* Divider */.iz, (0,esm_extends/* default */.Z)({
|
|
className: classString
|
|
}, restProps));
|
|
};
|
|
/* harmony default export */ var menu_MenuDivider = (MenuDivider);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/Children/toArray.js
|
|
var toArray = __webpack_require__(50344);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/tooltip/index.js + 3 modules
|
|
var tooltip = __webpack_require__(84908);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/menu/MenuContext.js
|
|
|
|
var MenuContext = /*#__PURE__*/(0,react.createContext)({
|
|
prefixCls: '',
|
|
firstLevel: true,
|
|
inlineCollapsed: false
|
|
});
|
|
/* harmony default export */ var menu_MenuContext = (MenuContext);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/menu/MenuItem.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var MenuItem_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;
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var MenuItem = /*#__PURE__*/function (_React$Component) {
|
|
(0,inherits/* default */.Z)(MenuItem, _React$Component);
|
|
var _super = (0,createSuper/* default */.Z)(MenuItem);
|
|
function MenuItem() {
|
|
var _this;
|
|
(0,classCallCheck/* default */.Z)(this, MenuItem);
|
|
_this = _super.apply(this, arguments);
|
|
_this.renderItem = function (_ref) {
|
|
var _classNames;
|
|
var siderCollapsed = _ref.siderCollapsed;
|
|
var _a;
|
|
var _this$context = _this.context,
|
|
prefixCls = _this$context.prefixCls,
|
|
firstLevel = _this$context.firstLevel,
|
|
inlineCollapsed = _this$context.inlineCollapsed,
|
|
direction = _this$context.direction,
|
|
disableMenuItemTitleTooltip = _this$context.disableMenuItemTitleTooltip;
|
|
var _this$props = _this.props,
|
|
className = _this$props.className,
|
|
children = _this$props.children;
|
|
var _b = _this.props,
|
|
title = _b.title,
|
|
icon = _b.icon,
|
|
danger = _b.danger,
|
|
rest = MenuItem_rest(_b, ["title", "icon", "danger"]);
|
|
var tooltipTitle = title;
|
|
if (typeof title === 'undefined') {
|
|
tooltipTitle = firstLevel ? children : '';
|
|
} else if (title === false) {
|
|
tooltipTitle = '';
|
|
}
|
|
var tooltipProps = {
|
|
title: tooltipTitle
|
|
};
|
|
if (!siderCollapsed && !inlineCollapsed) {
|
|
tooltipProps.title = null;
|
|
// Reset `open` to fix control mode tooltip display not correct
|
|
// ref: https://github.com/ant-design/ant-design/issues/16742
|
|
tooltipProps.open = false;
|
|
}
|
|
var childrenLength = (0,toArray/* default */.Z)(children).length;
|
|
var returnNode = /*#__PURE__*/react.createElement(es/* Item */.ck, (0,esm_extends/* default */.Z)({}, rest, {
|
|
className: classnames_default()((_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-item-danger"), danger), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-item-only-child"), (icon ? childrenLength + 1 : childrenLength) === 1), _classNames), className),
|
|
title: typeof title === 'string' ? title : undefined
|
|
}), (0,reactNode/* cloneElement */.Tm)(icon, {
|
|
className: classnames_default()((0,reactNode/* isValidElement */.l$)(icon) ? (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className : '', "".concat(prefixCls, "-item-icon"))
|
|
}), _this.renderItemChildren(inlineCollapsed));
|
|
if (!disableMenuItemTitleTooltip) {
|
|
returnNode = /*#__PURE__*/react.createElement(tooltip/* default */.Z, (0,esm_extends/* default */.Z)({}, tooltipProps, {
|
|
placement: direction === 'rtl' ? 'left' : 'right',
|
|
overlayClassName: "".concat(prefixCls, "-inline-collapsed-tooltip")
|
|
}), returnNode);
|
|
}
|
|
return returnNode;
|
|
};
|
|
return _this;
|
|
}
|
|
(0,createClass/* default */.Z)(MenuItem, [{
|
|
key: "renderItemChildren",
|
|
value: function renderItemChildren(inlineCollapsed) {
|
|
var _this$context2 = this.context,
|
|
prefixCls = _this$context2.prefixCls,
|
|
firstLevel = _this$context2.firstLevel;
|
|
var _this$props2 = this.props,
|
|
icon = _this$props2.icon,
|
|
children = _this$props2.children;
|
|
var wrapNode = /*#__PURE__*/react.createElement("span", {
|
|
className: "".concat(prefixCls, "-title-content")
|
|
}, children);
|
|
// inline-collapsed.md demo 依赖 span 来隐藏文字,有 icon 属性，则内部包裹一个 span
|
|
// ref: https://github.com/ant-design/ant-design/pull/23456
|
|
if (!icon || (0,reactNode/* isValidElement */.l$)(children) && children.type === 'span') {
|
|
if (children && inlineCollapsed && firstLevel && typeof children === 'string') {
|
|
return /*#__PURE__*/react.createElement("div", {
|
|
className: "".concat(prefixCls, "-inline-collapsed-noicon")
|
|
}, children.charAt(0));
|
|
}
|
|
}
|
|
return wrapNode;
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
return /*#__PURE__*/react.createElement(Sider/* SiderContext.Consumer */.D.Consumer, null, this.renderItem);
|
|
}
|
|
}]);
|
|
return MenuItem;
|
|
}(react.Component);
|
|
|
|
MenuItem.contextType = menu_MenuContext;
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/menu/SubMenu.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function SubMenu(props) {
|
|
var _a;
|
|
var popupClassName = props.popupClassName,
|
|
icon = props.icon,
|
|
title = props.title,
|
|
theme = props.theme;
|
|
var context = react.useContext(menu_MenuContext);
|
|
var prefixCls = context.prefixCls,
|
|
inlineCollapsed = context.inlineCollapsed,
|
|
antdMenuTheme = context.antdMenuTheme;
|
|
var parentPath = (0,es/* useFullPath */.Xl)();
|
|
var titleNode;
|
|
if (!icon) {
|
|
titleNode = inlineCollapsed && !parentPath.length && title && typeof title === 'string' ? /*#__PURE__*/react.createElement("div", {
|
|
className: "".concat(prefixCls, "-inline-collapsed-noicon")
|
|
}, title.charAt(0)) : /*#__PURE__*/react.createElement("span", {
|
|
className: "".concat(prefixCls, "-title-content")
|
|
}, title);
|
|
} else {
|
|
// inline-collapsed.md demo 依赖 span 来隐藏文字,有 icon 属性，则内部包裹一个 span
|
|
// ref: https://github.com/ant-design/ant-design/pull/23456
|
|
var titleIsSpan = (0,reactNode/* isValidElement */.l$)(title) && title.type === 'span';
|
|
titleNode = /*#__PURE__*/react.createElement(react.Fragment, null, (0,reactNode/* cloneElement */.Tm)(icon, {
|
|
className: classnames_default()((0,reactNode/* isValidElement */.l$)(icon) ? (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className : '', "".concat(prefixCls, "-item-icon"))
|
|
}), titleIsSpan ? title : /*#__PURE__*/react.createElement("span", {
|
|
className: "".concat(prefixCls, "-title-content")
|
|
}, title));
|
|
}
|
|
var contextValue = react.useMemo(function () {
|
|
return (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({}, context), {
|
|
firstLevel: false
|
|
});
|
|
}, [context]);
|
|
return /*#__PURE__*/react.createElement(menu_MenuContext.Provider, {
|
|
value: contextValue
|
|
}, /*#__PURE__*/react.createElement(es/* SubMenu */.Wd, (0,esm_extends/* default */.Z)({}, (0,omit/* default */.Z)(props, ['icon']), {
|
|
title: titleNode,
|
|
popupClassName: classnames_default()(prefixCls, "".concat(prefixCls, "-").concat(theme || antdMenuTheme), popupClassName)
|
|
})));
|
|
}
|
|
/* harmony default export */ var menu_SubMenu = (SubMenu);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/menu/hooks/useItems.js
|
|
|
|
|
|
var useItems_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;
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
function convertItemsToNodes(list) {
|
|
return (list || []).map(function (opt, index) {
|
|
if (opt && (0,esm_typeof/* default */.Z)(opt) === 'object') {
|
|
var _a = opt,
|
|
label = _a.label,
|
|
children = _a.children,
|
|
key = _a.key,
|
|
type = _a.type,
|
|
restProps = useItems_rest(_a, ["label", "children", "key", "type"]);
|
|
var mergedKey = key !== null && key !== void 0 ? key : "tmp-".concat(index);
|
|
// MenuItemGroup & SubMenuItem
|
|
if (children || type === 'group') {
|
|
if (type === 'group') {
|
|
// Group
|
|
return /*#__PURE__*/react.createElement(es/* ItemGroup */.BW, (0,esm_extends/* default */.Z)({
|
|
key: mergedKey
|
|
}, restProps, {
|
|
title: label
|
|
}), convertItemsToNodes(children));
|
|
}
|
|
// Sub Menu
|
|
return /*#__PURE__*/react.createElement(menu_SubMenu, (0,esm_extends/* default */.Z)({
|
|
key: mergedKey
|
|
}, restProps, {
|
|
title: label
|
|
}), convertItemsToNodes(children));
|
|
}
|
|
// MenuItem & Divider
|
|
if (type === 'divider') {
|
|
return /*#__PURE__*/react.createElement(menu_MenuDivider, (0,esm_extends/* default */.Z)({
|
|
key: mergedKey
|
|
}, restProps));
|
|
}
|
|
return /*#__PURE__*/react.createElement(MenuItem, (0,esm_extends/* default */.Z)({
|
|
key: mergedKey
|
|
}, restProps), label);
|
|
}
|
|
return null;
|
|
}).filter(function (opt) {
|
|
return opt;
|
|
});
|
|
}
|
|
// FIXME: Move logic here in v5
|
|
/**
|
|
* We simply convert `items` to ReactNode for reuse origin component logic. But we need move all the
|
|
* logic from component into this hooks when in v5
|
|
*/
|
|
function useItems(items) {
|
|
return react.useMemo(function () {
|
|
if (!items) {
|
|
return items;
|
|
}
|
|
return convertItemsToNodes(items);
|
|
}, [items]);
|
|
}
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/menu/OverrideContext.js
|
|
var OverrideContext = __webpack_require__(76529);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/menu/index.js
|
|
|
|
|
|
|
|
|
|
|
|
var menu_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;
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var InternalMenu = /*#__PURE__*/(0,react.forwardRef)(function (props, ref) {
|
|
var _a;
|
|
var override = react.useContext(OverrideContext/* default */.Z) || {};
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
getPopupContainer = _React$useContext.getPopupContainer,
|
|
direction = _React$useContext.direction;
|
|
var rootPrefixCls = getPrefixCls();
|
|
var customizePrefixCls = props.prefixCls,
|
|
className = props.className,
|
|
_props$theme = props.theme,
|
|
theme = _props$theme === void 0 ? 'light' : _props$theme,
|
|
expandIcon = props.expandIcon,
|
|
_internalDisableMenuItemTitleTooltip = props._internalDisableMenuItemTitleTooltip,
|
|
inlineCollapsed = props.inlineCollapsed,
|
|
siderCollapsed = props.siderCollapsed,
|
|
items = props.items,
|
|
children = props.children,
|
|
mode = props.mode,
|
|
selectable = props.selectable,
|
|
onClick = props.onClick,
|
|
restProps = menu_rest(props, ["prefixCls", "className", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "items", "children", "mode", "selectable", "onClick"]);
|
|
var passedProps = (0,omit/* default */.Z)(restProps, ['collapsedWidth']);
|
|
// ========================= Items ===========================
|
|
var mergedChildren = useItems(items) || children;
|
|
// ======================== Warning ==========================
|
|
false ? 0 : void 0;
|
|
false ? 0 : void 0;
|
|
false ? 0 : void 0;
|
|
(_a = override.validator) === null || _a === void 0 ? void 0 : _a.call(override, {
|
|
mode: mode
|
|
});
|
|
// ========================== Click ==========================
|
|
// Tell dropdown that item clicked
|
|
var onItemClick = (0,useEvent/* default */.Z)(function () {
|
|
var _a;
|
|
onClick === null || onClick === void 0 ? void 0 : onClick.apply(void 0, arguments);
|
|
(_a = override === null || override === void 0 ? void 0 : override.onClick) === null || _a === void 0 ? void 0 : _a.call(override);
|
|
});
|
|
// ========================== Mode ===========================
|
|
var mergedMode = override.mode || mode;
|
|
// ======================= Selectable ========================
|
|
var mergedSelectable = selectable !== null && selectable !== void 0 ? selectable : override.selectable;
|
|
// ======================== Collapsed ========================
|
|
// Inline Collapsed
|
|
var mergedInlineCollapsed = react.useMemo(function () {
|
|
if (siderCollapsed !== undefined) {
|
|
return siderCollapsed;
|
|
}
|
|
return inlineCollapsed;
|
|
}, [inlineCollapsed, siderCollapsed]);
|
|
var defaultMotions = {
|
|
horizontal: {
|
|
motionName: "".concat(rootPrefixCls, "-slide-up")
|
|
},
|
|
inline: motion/* default */.ZP,
|
|
other: {
|
|
motionName: "".concat(rootPrefixCls, "-zoom-big")
|
|
}
|
|
};
|
|
var prefixCls = getPrefixCls('menu', customizePrefixCls || override.prefixCls);
|
|
var menuClassName = classnames_default()("".concat(prefixCls, "-").concat(theme), className);
|
|
// ====================== Expand Icon ========================
|
|
var mergedExpandIcon;
|
|
if (typeof expandIcon === 'function') {
|
|
mergedExpandIcon = expandIcon;
|
|
} else {
|
|
mergedExpandIcon = (0,reactNode/* cloneElement */.Tm)(expandIcon || override.expandIcon, {
|
|
className: "".concat(prefixCls, "-submenu-expand-icon")
|
|
});
|
|
}
|
|
// ======================== Context ==========================
|
|
var contextValue = react.useMemo(function () {
|
|
return {
|
|
prefixCls: prefixCls,
|
|
inlineCollapsed: mergedInlineCollapsed || false,
|
|
antdMenuTheme: theme,
|
|
direction: direction,
|
|
firstLevel: true,
|
|
disableMenuItemTitleTooltip: _internalDisableMenuItemTitleTooltip
|
|
};
|
|
}, [prefixCls, mergedInlineCollapsed, theme, direction, _internalDisableMenuItemTitleTooltip]);
|
|
// ========================= Render ==========================
|
|
return /*#__PURE__*/react.createElement(OverrideContext/* default.Provider */.Z.Provider, {
|
|
value: null
|
|
}, /*#__PURE__*/react.createElement(menu_MenuContext.Provider, {
|
|
value: contextValue
|
|
}, /*#__PURE__*/react.createElement(es/* default */.ZP, (0,esm_extends/* default */.Z)({
|
|
getPopupContainer: getPopupContainer,
|
|
overflowedIndicator: /*#__PURE__*/react.createElement(EllipsisOutlined/* default */.Z, null),
|
|
overflowedIndicatorPopupClassName: "".concat(prefixCls, "-").concat(theme),
|
|
mode: mergedMode,
|
|
selectable: mergedSelectable,
|
|
onClick: onItemClick
|
|
}, passedProps, {
|
|
inlineCollapsed: mergedInlineCollapsed,
|
|
className: menuClassName,
|
|
prefixCls: prefixCls,
|
|
direction: direction,
|
|
defaultMotions: defaultMotions,
|
|
expandIcon: mergedExpandIcon,
|
|
ref: ref
|
|
}), mergedChildren)));
|
|
});
|
|
// We should keep this as ref-able
|
|
var Menu = /*#__PURE__*/function (_React$Component) {
|
|
(0,inherits/* default */.Z)(Menu, _React$Component);
|
|
var _super = (0,createSuper/* default */.Z)(Menu);
|
|
function Menu() {
|
|
var _this;
|
|
(0,classCallCheck/* default */.Z)(this, Menu);
|
|
_this = _super.apply(this, arguments);
|
|
_this.focus = function (options) {
|
|
var _a;
|
|
(_a = _this.menu) === null || _a === void 0 ? void 0 : _a.focus(options);
|
|
};
|
|
return _this;
|
|
}
|
|
(0,createClass/* default */.Z)(Menu, [{
|
|
key: "render",
|
|
value: function render() {
|
|
var _this2 = this;
|
|
return /*#__PURE__*/react.createElement(Sider/* SiderContext.Consumer */.D.Consumer, null, function (context) {
|
|
return /*#__PURE__*/react.createElement(InternalMenu, (0,esm_extends/* default */.Z)({
|
|
ref: function ref(node) {
|
|
_this2.menu = node;
|
|
}
|
|
}, _this2.props, context));
|
|
});
|
|
}
|
|
}]);
|
|
return Menu;
|
|
}(react.Component);
|
|
Menu.Divider = menu_MenuDivider;
|
|
Menu.Item = MenuItem;
|
|
Menu.SubMenu = menu_SubMenu;
|
|
Menu.ItemGroup = es/* ItemGroup */.BW;
|
|
/* harmony default export */ var menu = (Menu);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 97454:
|
|
/*!***********************************************************************************!*\
|
|
!*** ./node_modules/antd/node_modules/@ant-design/icons/es/icons/LeftOutlined.js ***!
|
|
\***********************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ 1413);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 67294);
|
|
/* harmony import */ var _ant_design_icons_svg_es_asn_LeftOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/LeftOutlined */ 26554);
|
|
/* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ 93771);
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
var LeftOutlined = function LeftOutlined(props, ref) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)({}, props), {}, {
|
|
ref: ref,
|
|
icon: _ant_design_icons_svg_es_asn_LeftOutlined__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z
|
|
}));
|
|
};
|
|
LeftOutlined.displayName = 'LeftOutlined';
|
|
/* harmony default export */ __webpack_exports__["Z"] = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(LeftOutlined));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 62994:
|
|
/*!************************************************************************************!*\
|
|
!*** ./node_modules/antd/node_modules/@ant-design/icons/es/icons/RightOutlined.js ***!
|
|
\************************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ 1413);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 67294);
|
|
/* harmony import */ var _ant_design_icons_svg_es_asn_RightOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/RightOutlined */ 50756);
|
|
/* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ 93771);
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
var RightOutlined = function RightOutlined(props, ref) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)({}, props), {}, {
|
|
ref: ref,
|
|
icon: _ant_design_icons_svg_es_asn_RightOutlined__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z
|
|
}));
|
|
};
|
|
RightOutlined.displayName = 'RightOutlined';
|
|
/* harmony default export */ __webpack_exports__["Z"] = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(RightOutlined));
|
|
|
|
/***/ })
|
|
|
|
}]); |