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.
869 lines
32 KiB
869 lines
32 KiB
"use strict";
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[18562],{
|
|
|
|
/***/ 18562:
|
|
/*!***************************************************************!*\
|
|
!*** ./node_modules/antd/es/dropdown/dropdown.js + 1 modules ***!
|
|
\***************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ dropdown; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// 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);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
|
|
var slicedToArray = __webpack_require__(97685);
|
|
// 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-dropdown/es/index.js + 3 modules
|
|
var es = __webpack_require__(60057);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/hooks/useEvent.js
|
|
var useEvent = __webpack_require__(66680);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/hooks/useMergedState.js
|
|
var useMergedState = __webpack_require__(21770);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/menu/index.js + 5 modules
|
|
var es_menu = __webpack_require__(66516);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/context.js
|
|
var context = __webpack_require__(53124);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/menu/OverrideContext.js
|
|
var OverrideContext = __webpack_require__(76529);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/_util/placements.js
|
|
var placements = __webpack_require__(80636);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/_util/reactNode.js
|
|
var reactNode = __webpack_require__(96159);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/_util/type.js
|
|
var type = __webpack_require__(93355);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/EllipsisOutlined.js
|
|
var EllipsisOutlined = __webpack_require__(48001);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/button/index.js
|
|
var es_button = __webpack_require__(71577);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/space/Compact.js
|
|
var Compact = __webpack_require__(4173);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/space/index.js + 1 modules
|
|
var space = __webpack_require__(26713);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/dropdown/dropdown-button.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 DropdownButton = function DropdownButton(props) {
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getContextPopupContainer = _React$useContext.getPopupContainer,
|
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
direction = _React$useContext.direction;
|
|
var customizePrefixCls = props.prefixCls,
|
|
_props$type = props.type,
|
|
type = _props$type === void 0 ? 'default' : _props$type,
|
|
danger = props.danger,
|
|
disabled = props.disabled,
|
|
loading = props.loading,
|
|
onClick = props.onClick,
|
|
htmlType = props.htmlType,
|
|
children = props.children,
|
|
className = props.className,
|
|
menu = props.menu,
|
|
arrow = props.arrow,
|
|
autoFocus = props.autoFocus,
|
|
overlay = props.overlay,
|
|
trigger = props.trigger,
|
|
align = props.align,
|
|
visible = props.visible,
|
|
open = props.open,
|
|
onVisibleChange = props.onVisibleChange,
|
|
onOpenChange = props.onOpenChange,
|
|
placement = props.placement,
|
|
getPopupContainer = props.getPopupContainer,
|
|
href = props.href,
|
|
_props$icon = props.icon,
|
|
icon = _props$icon === void 0 ? /*#__PURE__*/react.createElement(EllipsisOutlined/* default */.Z, null) : _props$icon,
|
|
title = props.title,
|
|
_props$buttonsRender = props.buttonsRender,
|
|
buttonsRender = _props$buttonsRender === void 0 ? function (buttons) {
|
|
return buttons;
|
|
} : _props$buttonsRender,
|
|
mouseEnterDelay = props.mouseEnterDelay,
|
|
mouseLeaveDelay = props.mouseLeaveDelay,
|
|
overlayClassName = props.overlayClassName,
|
|
overlayStyle = props.overlayStyle,
|
|
destroyPopupOnHide = props.destroyPopupOnHide,
|
|
restProps = __rest(props, ["prefixCls", "type", "danger", "disabled", "loading", "onClick", "htmlType", "children", "className", "menu", "arrow", "autoFocus", "overlay", "trigger", "align", "visible", "open", "onVisibleChange", "onOpenChange", "placement", "getPopupContainer", "href", "icon", "title", "buttonsRender", "mouseEnterDelay", "mouseLeaveDelay", "overlayClassName", "overlayStyle", "destroyPopupOnHide"]);
|
|
var prefixCls = getPrefixCls('dropdown-button', customizePrefixCls);
|
|
var dropdownProps = {
|
|
menu: menu,
|
|
arrow: arrow,
|
|
autoFocus: autoFocus,
|
|
align: align,
|
|
disabled: disabled,
|
|
trigger: disabled ? [] : trigger,
|
|
onOpenChange: onOpenChange || onVisibleChange,
|
|
getPopupContainer: getPopupContainer || getContextPopupContainer,
|
|
mouseEnterDelay: mouseEnterDelay,
|
|
mouseLeaveDelay: mouseLeaveDelay,
|
|
overlayClassName: overlayClassName,
|
|
overlayStyle: overlayStyle,
|
|
destroyPopupOnHide: destroyPopupOnHide
|
|
};
|
|
var _useCompactItemContex = (0,Compact/* useCompactItemContext */.ri)(prefixCls, direction),
|
|
compactSize = _useCompactItemContex.compactSize,
|
|
compactItemClassnames = _useCompactItemContex.compactItemClassnames;
|
|
var classes = classnames_default()(prefixCls, compactItemClassnames, className);
|
|
if ('overlay' in props) {
|
|
dropdownProps.overlay = overlay;
|
|
}
|
|
if ('open' in props) {
|
|
dropdownProps.open = open;
|
|
} else if ('visible' in props) {
|
|
dropdownProps.open = visible;
|
|
}
|
|
if ('placement' in props) {
|
|
dropdownProps.placement = placement;
|
|
} else {
|
|
dropdownProps.placement = direction === 'rtl' ? 'bottomLeft' : 'bottomRight';
|
|
}
|
|
var leftButton = /*#__PURE__*/react.createElement(es_button/* default */.Z, {
|
|
type: type,
|
|
danger: danger,
|
|
disabled: disabled,
|
|
loading: loading,
|
|
onClick: onClick,
|
|
htmlType: htmlType,
|
|
href: href,
|
|
title: title
|
|
}, children);
|
|
var rightButton = /*#__PURE__*/react.createElement(es_button/* default */.Z, {
|
|
type: type,
|
|
danger: danger,
|
|
icon: icon
|
|
});
|
|
var _buttonsRender = buttonsRender([leftButton, rightButton]),
|
|
_buttonsRender2 = (0,slicedToArray/* default */.Z)(_buttonsRender, 2),
|
|
leftButtonToRender = _buttonsRender2[0],
|
|
rightButtonToRender = _buttonsRender2[1];
|
|
return /*#__PURE__*/react.createElement(space/* default.Compact */.Z.Compact, (0,esm_extends/* default */.Z)({
|
|
className: classes,
|
|
size: compactSize,
|
|
block: true
|
|
}, restProps), leftButtonToRender, /*#__PURE__*/react.createElement(dropdown, (0,esm_extends/* default */.Z)({}, dropdownProps), rightButtonToRender));
|
|
};
|
|
DropdownButton.__ANT_BUTTON = true;
|
|
/* harmony default export */ var dropdown_button = (DropdownButton);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/dropdown/dropdown.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Placements = (0,type/* tuple */.b)('topLeft', 'topCenter', 'topRight', 'bottomLeft', 'bottomCenter', 'bottomRight', 'top', 'bottom');
|
|
var Dropdown = function Dropdown(props) {
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getContextPopupContainer = _React$useContext.getPopupContainer,
|
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
direction = _React$useContext.direction;
|
|
// Warning for deprecated usage
|
|
if (false) {}
|
|
var getTransitionName = function getTransitionName() {
|
|
var rootPrefixCls = getPrefixCls();
|
|
var _props$placement = props.placement,
|
|
placement = _props$placement === void 0 ? '' : _props$placement,
|
|
transitionName = props.transitionName;
|
|
if (transitionName !== undefined) {
|
|
return transitionName;
|
|
}
|
|
if (placement.includes('top')) {
|
|
return "".concat(rootPrefixCls, "-slide-down");
|
|
}
|
|
return "".concat(rootPrefixCls, "-slide-up");
|
|
};
|
|
var getPlacement = function getPlacement() {
|
|
var placement = props.placement;
|
|
if (!placement) {
|
|
return direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
|
|
}
|
|
if (placement.includes('Center')) {
|
|
var newPlacement = placement.slice(0, placement.indexOf('Center'));
|
|
false ? 0 : void 0;
|
|
return newPlacement;
|
|
}
|
|
return placement;
|
|
};
|
|
var menu = props.menu,
|
|
arrow = props.arrow,
|
|
customizePrefixCls = props.prefixCls,
|
|
children = props.children,
|
|
trigger = props.trigger,
|
|
disabled = props.disabled,
|
|
dropdownRender = props.dropdownRender,
|
|
getPopupContainer = props.getPopupContainer,
|
|
overlayClassName = props.overlayClassName,
|
|
visible = props.visible,
|
|
open = props.open,
|
|
onVisibleChange = props.onVisibleChange,
|
|
onOpenChange = props.onOpenChange,
|
|
_props$mouseEnterDela = props.mouseEnterDelay,
|
|
mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0.15 : _props$mouseEnterDela,
|
|
_props$mouseLeaveDela = props.mouseLeaveDelay,
|
|
mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,
|
|
_props$autoAdjustOver = props.autoAdjustOverflow,
|
|
autoAdjustOverflow = _props$autoAdjustOver === void 0 ? true : _props$autoAdjustOver;
|
|
var prefixCls = getPrefixCls('dropdown', customizePrefixCls);
|
|
var child = react.Children.only(children);
|
|
var dropdownTrigger = (0,reactNode/* cloneElement */.Tm)(child, {
|
|
className: classnames_default()("".concat(prefixCls, "-trigger"), (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'), child.props.className),
|
|
disabled: disabled
|
|
});
|
|
var triggerActions = disabled ? [] : trigger;
|
|
var alignPoint;
|
|
if (triggerActions && triggerActions.includes('contextMenu')) {
|
|
alignPoint = true;
|
|
}
|
|
// =========================== Visible ============================
|
|
var _useMergedState = (0,useMergedState/* default */.Z)(false, {
|
|
value: open !== undefined ? open : visible
|
|
}),
|
|
_useMergedState2 = (0,slicedToArray/* default */.Z)(_useMergedState, 2),
|
|
mergedOpen = _useMergedState2[0],
|
|
setOpen = _useMergedState2[1];
|
|
var onInnerOpenChange = (0,useEvent/* default */.Z)(function (nextOpen) {
|
|
onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(nextOpen);
|
|
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen);
|
|
setOpen(nextOpen);
|
|
});
|
|
// =========================== Overlay ============================
|
|
var overlayClassNameCustomized = classnames_default()(overlayClassName, (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'));
|
|
var builtinPlacements = (0,placements/* default */.Z)({
|
|
arrowPointAtCenter: (0,esm_typeof/* default */.Z)(arrow) === 'object' && arrow.pointAtCenter,
|
|
autoAdjustOverflow: autoAdjustOverflow
|
|
});
|
|
var onMenuClick = react.useCallback(function () {
|
|
setOpen(false);
|
|
}, []);
|
|
var renderOverlay = function renderOverlay() {
|
|
// rc-dropdown already can process the function of overlay, but we have check logic here.
|
|
// So we need render the element to check and pass back to rc-dropdown.
|
|
var overlay = props.overlay;
|
|
var overlayNode;
|
|
if (menu === null || menu === void 0 ? void 0 : menu.items) {
|
|
overlayNode = /*#__PURE__*/react.createElement(es_menu/* default */.Z, (0,esm_extends/* default */.Z)({}, menu));
|
|
} else if (typeof overlay === 'function') {
|
|
overlayNode = overlay();
|
|
} else {
|
|
overlayNode = overlay;
|
|
}
|
|
if (dropdownRender) {
|
|
overlayNode = dropdownRender(overlayNode);
|
|
}
|
|
overlayNode = react.Children.only(typeof overlayNode === 'string' ? /*#__PURE__*/react.createElement("span", null, overlayNode) : overlayNode);
|
|
return /*#__PURE__*/react.createElement(OverrideContext/* OverrideProvider */.J, {
|
|
prefixCls: "".concat(prefixCls, "-menu"),
|
|
expandIcon: /*#__PURE__*/react.createElement("span", {
|
|
className: "".concat(prefixCls, "-menu-submenu-arrow")
|
|
}, /*#__PURE__*/react.createElement(RightOutlined/* default */.Z, {
|
|
className: "".concat(prefixCls, "-menu-submenu-arrow-icon")
|
|
})),
|
|
mode: "vertical",
|
|
selectable: false,
|
|
onClick: onMenuClick,
|
|
validator: function validator(_ref3) {
|
|
var mode = _ref3.mode;
|
|
// Warning if use other mode
|
|
false ? 0 : void 0;
|
|
}
|
|
}, /*#__PURE__*/react.createElement(Compact/* NoCompactStyle */.BR, null, overlayNode));
|
|
};
|
|
// ============================ Render ============================
|
|
return /*#__PURE__*/react.createElement(es/* default */.Z, (0,esm_extends/* default */.Z)({
|
|
alignPoint: alignPoint
|
|
}, props, {
|
|
mouseEnterDelay: mouseEnterDelay,
|
|
mouseLeaveDelay: mouseLeaveDelay,
|
|
visible: mergedOpen,
|
|
builtinPlacements: builtinPlacements,
|
|
arrow: !!arrow,
|
|
overlayClassName: overlayClassNameCustomized,
|
|
prefixCls: prefixCls,
|
|
getPopupContainer: getPopupContainer || getContextPopupContainer,
|
|
transitionName: getTransitionName(),
|
|
trigger: triggerActions,
|
|
overlay: renderOverlay,
|
|
placement: getPlacement(),
|
|
onVisibleChange: onInnerOpenChange
|
|
}), dropdownTrigger);
|
|
};
|
|
Dropdown.Button = dropdown_button;
|
|
/* harmony default export */ var dropdown = (Dropdown);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 26713:
|
|
/*!*********************************************************!*\
|
|
!*** ./node_modules/antd/es/space/index.js + 1 modules ***!
|
|
\*********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"u": function() { return /* binding */ SpaceContext; },
|
|
"Z": function() { return /* binding */ space; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__(4942);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
|
|
var slicedToArray = __webpack_require__(97685);
|
|
// 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/Children/toArray.js
|
|
var toArray = __webpack_require__(50344);
|
|
// 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/_util/hooks/useFlexGapSupport.js
|
|
var useFlexGapSupport = __webpack_require__(98082);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/space/Item.js
|
|
|
|
|
|
|
|
|
|
function Item(_ref) {
|
|
var className = _ref.className,
|
|
direction = _ref.direction,
|
|
index = _ref.index,
|
|
marginDirection = _ref.marginDirection,
|
|
children = _ref.children,
|
|
split = _ref.split,
|
|
wrap = _ref.wrap;
|
|
var _React$useContext = react.useContext(SpaceContext),
|
|
horizontalSize = _React$useContext.horizontalSize,
|
|
verticalSize = _React$useContext.verticalSize,
|
|
latestIndex = _React$useContext.latestIndex,
|
|
supportFlexGap = _React$useContext.supportFlexGap;
|
|
var style = {};
|
|
if (!supportFlexGap) {
|
|
if (direction === 'vertical') {
|
|
if (index < latestIndex) {
|
|
style = {
|
|
marginBottom: horizontalSize / (split ? 2 : 1)
|
|
};
|
|
}
|
|
} else {
|
|
style = (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({}, index < latestIndex && (0,defineProperty/* default */.Z)({}, marginDirection, horizontalSize / (split ? 2 : 1))), wrap && {
|
|
paddingBottom: verticalSize
|
|
});
|
|
}
|
|
}
|
|
if (children === null || children === undefined) {
|
|
return null;
|
|
}
|
|
return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
|
|
className: className,
|
|
style: style
|
|
}, children), index < latestIndex && split && /*#__PURE__*/react.createElement("span", {
|
|
className: "".concat(className, "-split"),
|
|
style: style
|
|
}, split));
|
|
}
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/space/Compact.js
|
|
var Compact = __webpack_require__(4173);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/space/index.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 SpaceContext = /*#__PURE__*/react.createContext({
|
|
latestIndex: 0,
|
|
horizontalSize: 0,
|
|
verticalSize: 0,
|
|
supportFlexGap: false
|
|
});
|
|
var spaceSize = {
|
|
small: 8,
|
|
middle: 16,
|
|
large: 24
|
|
};
|
|
function getNumberSize(size) {
|
|
return typeof size === 'string' ? spaceSize[size] : size || 0;
|
|
}
|
|
var Space = function Space(props) {
|
|
var _classNames;
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
space = _React$useContext.space,
|
|
directionConfig = _React$useContext.direction;
|
|
var _props$size = props.size,
|
|
size = _props$size === void 0 ? (space === null || space === void 0 ? void 0 : space.size) || 'small' : _props$size,
|
|
align = props.align,
|
|
className = props.className,
|
|
children = props.children,
|
|
_props$direction = props.direction,
|
|
direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
|
|
customizePrefixCls = props.prefixCls,
|
|
split = props.split,
|
|
style = props.style,
|
|
_props$wrap = props.wrap,
|
|
wrap = _props$wrap === void 0 ? false : _props$wrap,
|
|
otherProps = __rest(props, ["size", "align", "className", "children", "direction", "prefixCls", "split", "style", "wrap"]);
|
|
var supportFlexGap = (0,useFlexGapSupport/* default */.Z)();
|
|
var _React$useMemo = react.useMemo(function () {
|
|
return (Array.isArray(size) ? size : [size, size]).map(function (item) {
|
|
return getNumberSize(item);
|
|
});
|
|
}, [size]),
|
|
_React$useMemo2 = (0,slicedToArray/* default */.Z)(_React$useMemo, 2),
|
|
horizontalSize = _React$useMemo2[0],
|
|
verticalSize = _React$useMemo2[1];
|
|
var childNodes = (0,toArray/* default */.Z)(children, {
|
|
keepEmpty: true
|
|
});
|
|
var mergedAlign = align === undefined && direction === 'horizontal' ? 'center' : align;
|
|
var prefixCls = getPrefixCls('space', customizePrefixCls);
|
|
var cn = classnames_default()(prefixCls, "".concat(prefixCls, "-").concat(direction), (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-rtl"), directionConfig === 'rtl'), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-align-").concat(mergedAlign), mergedAlign), _classNames), className);
|
|
var itemClassName = "".concat(prefixCls, "-item");
|
|
var marginDirection = directionConfig === 'rtl' ? 'marginLeft' : 'marginRight';
|
|
// Calculate latest one
|
|
var latestIndex = 0;
|
|
var nodes = childNodes.map(function (child, i) {
|
|
if (child !== null && child !== undefined) {
|
|
latestIndex = i;
|
|
}
|
|
var key = child && child.key || "".concat(itemClassName, "-").concat(i);
|
|
return /*#__PURE__*/react.createElement(Item, {
|
|
className: itemClassName,
|
|
key: key,
|
|
direction: direction,
|
|
index: i,
|
|
marginDirection: marginDirection,
|
|
split: split,
|
|
wrap: wrap
|
|
}, child);
|
|
});
|
|
var spaceContext = react.useMemo(function () {
|
|
return {
|
|
horizontalSize: horizontalSize,
|
|
verticalSize: verticalSize,
|
|
latestIndex: latestIndex,
|
|
supportFlexGap: supportFlexGap
|
|
};
|
|
}, [horizontalSize, verticalSize, latestIndex, supportFlexGap]);
|
|
// =========================== Render ===========================
|
|
if (childNodes.length === 0) {
|
|
return null;
|
|
}
|
|
var gapStyle = {};
|
|
if (wrap) {
|
|
gapStyle.flexWrap = 'wrap';
|
|
// Patch for gap not support
|
|
if (!supportFlexGap) {
|
|
gapStyle.marginBottom = -verticalSize;
|
|
}
|
|
}
|
|
if (supportFlexGap) {
|
|
gapStyle.columnGap = horizontalSize;
|
|
gapStyle.rowGap = verticalSize;
|
|
}
|
|
return /*#__PURE__*/react.createElement("div", (0,esm_extends/* default */.Z)({
|
|
className: cn,
|
|
style: (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({}, gapStyle), style)
|
|
}, otherProps), /*#__PURE__*/react.createElement(SpaceContext.Provider, {
|
|
value: spaceContext
|
|
}, nodes));
|
|
};
|
|
var CompoundedSpace = Space;
|
|
CompoundedSpace.Compact = Compact/* default */.ZP;
|
|
/* harmony default export */ var space = (CompoundedSpace);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 60057:
|
|
/*!**********************************************************!*\
|
|
!*** ./node_modules/rc-dropdown/es/index.js + 3 modules ***!
|
|
\**********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ rc_dropdown_es; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__(4942);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(1413);
|
|
// 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/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__(45987);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
// EXTERNAL MODULE: ./node_modules/rc-trigger/es/index.js + 15 modules
|
|
var es = __webpack_require__(81263);
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__(94184);
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-dropdown/es/placements.js
|
|
var autoAdjustOverflow = {
|
|
adjustX: 1,
|
|
adjustY: 1
|
|
};
|
|
var targetOffset = [0, 0];
|
|
var placements = {
|
|
topLeft: {
|
|
points: ['bl', 'tl'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, -4],
|
|
targetOffset: targetOffset
|
|
},
|
|
topCenter: {
|
|
points: ['bc', 'tc'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, -4],
|
|
targetOffset: targetOffset
|
|
},
|
|
topRight: {
|
|
points: ['br', 'tr'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, -4],
|
|
targetOffset: targetOffset
|
|
},
|
|
bottomLeft: {
|
|
points: ['tl', 'bl'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, 4],
|
|
targetOffset: targetOffset
|
|
},
|
|
bottomCenter: {
|
|
points: ['tc', 'bc'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, 4],
|
|
targetOffset: targetOffset
|
|
},
|
|
bottomRight: {
|
|
points: ['tr', 'br'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, 4],
|
|
targetOffset: targetOffset
|
|
}
|
|
};
|
|
/* harmony default export */ var es_placements = (placements);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/KeyCode.js
|
|
var KeyCode = __webpack_require__(15105);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/raf.js
|
|
var raf = __webpack_require__(75164);
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/Dom/focus.js
|
|
var Dom_focus = __webpack_require__(88603);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-dropdown/es/hooks/useAccessibility.js
|
|
|
|
|
|
|
|
|
|
var ESC = KeyCode/* default.ESC */.Z.ESC,
|
|
TAB = KeyCode/* default.TAB */.Z.TAB;
|
|
function useAccessibility(_ref) {
|
|
var visible = _ref.visible,
|
|
setTriggerVisible = _ref.setTriggerVisible,
|
|
triggerRef = _ref.triggerRef,
|
|
onVisibleChange = _ref.onVisibleChange,
|
|
autoFocus = _ref.autoFocus;
|
|
var focusMenuRef = react.useRef(false);
|
|
|
|
var handleCloseMenuAndReturnFocus = function handleCloseMenuAndReturnFocus() {
|
|
if (visible && triggerRef.current) {
|
|
var _triggerRef$current, _triggerRef$current$t, _triggerRef$current$t2, _triggerRef$current$t3;
|
|
|
|
(_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$t = _triggerRef$current.triggerRef) === null || _triggerRef$current$t === void 0 ? void 0 : (_triggerRef$current$t2 = _triggerRef$current$t.current) === null || _triggerRef$current$t2 === void 0 ? void 0 : (_triggerRef$current$t3 = _triggerRef$current$t2.focus) === null || _triggerRef$current$t3 === void 0 ? void 0 : _triggerRef$current$t3.call(_triggerRef$current$t2);
|
|
setTriggerVisible(false);
|
|
|
|
if (typeof onVisibleChange === 'function') {
|
|
onVisibleChange(false);
|
|
}
|
|
}
|
|
};
|
|
|
|
var focusMenu = function focusMenu() {
|
|
var _triggerRef$current2, _triggerRef$current2$, _triggerRef$current2$2, _triggerRef$current2$3;
|
|
|
|
var elements = (0,Dom_focus/* getFocusNodeList */.tS)((_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : (_triggerRef$current2$ = _triggerRef$current2.popupRef) === null || _triggerRef$current2$ === void 0 ? void 0 : (_triggerRef$current2$2 = _triggerRef$current2$.current) === null || _triggerRef$current2$2 === void 0 ? void 0 : (_triggerRef$current2$3 = _triggerRef$current2$2.getElement) === null || _triggerRef$current2$3 === void 0 ? void 0 : _triggerRef$current2$3.call(_triggerRef$current2$2));
|
|
var firstElement = elements[0];
|
|
|
|
if (firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus) {
|
|
firstElement.focus();
|
|
focusMenuRef.current = true;
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
};
|
|
|
|
var handleKeyDown = function handleKeyDown(event) {
|
|
switch (event.keyCode) {
|
|
case ESC:
|
|
handleCloseMenuAndReturnFocus();
|
|
break;
|
|
|
|
case TAB:
|
|
{
|
|
var focusResult = false;
|
|
|
|
if (!focusMenuRef.current) {
|
|
focusResult = focusMenu();
|
|
}
|
|
|
|
if (focusResult) {
|
|
event.preventDefault();
|
|
} else {
|
|
handleCloseMenuAndReturnFocus();
|
|
}
|
|
|
|
break;
|
|
}
|
|
}
|
|
};
|
|
|
|
react.useEffect(function () {
|
|
if (visible) {
|
|
window.addEventListener('keydown', handleKeyDown);
|
|
|
|
if (autoFocus) {
|
|
// FIXME: hack with raf
|
|
(0,raf/* default */.Z)(focusMenu, 3);
|
|
}
|
|
|
|
return function () {
|
|
window.removeEventListener('keydown', handleKeyDown);
|
|
focusMenuRef.current = false;
|
|
};
|
|
}
|
|
|
|
return function () {
|
|
focusMenuRef.current = false;
|
|
};
|
|
}, [visible]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
}
|
|
;// CONCATENATED MODULE: ./node_modules/rc-dropdown/es/Dropdown.js
|
|
|
|
|
|
|
|
|
|
var _excluded = ["arrow", "prefixCls", "transitionName", "animation", "align", "placement", "placements", "getPopupContainer", "showAction", "hideAction", "overlayClassName", "overlayStyle", "visible", "trigger", "autoFocus"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function Dropdown(props, ref) {
|
|
var _props$arrow = props.arrow,
|
|
arrow = _props$arrow === void 0 ? false : _props$arrow,
|
|
_props$prefixCls = props.prefixCls,
|
|
prefixCls = _props$prefixCls === void 0 ? 'rc-dropdown' : _props$prefixCls,
|
|
transitionName = props.transitionName,
|
|
animation = props.animation,
|
|
align = props.align,
|
|
_props$placement = props.placement,
|
|
placement = _props$placement === void 0 ? 'bottomLeft' : _props$placement,
|
|
_props$placements = props.placements,
|
|
placements = _props$placements === void 0 ? es_placements : _props$placements,
|
|
getPopupContainer = props.getPopupContainer,
|
|
showAction = props.showAction,
|
|
hideAction = props.hideAction,
|
|
overlayClassName = props.overlayClassName,
|
|
overlayStyle = props.overlayStyle,
|
|
visible = props.visible,
|
|
_props$trigger = props.trigger,
|
|
trigger = _props$trigger === void 0 ? ['hover'] : _props$trigger,
|
|
autoFocus = props.autoFocus,
|
|
otherProps = (0,objectWithoutProperties/* default */.Z)(props, _excluded);
|
|
|
|
var _React$useState = react.useState(),
|
|
_React$useState2 = (0,slicedToArray/* default */.Z)(_React$useState, 2),
|
|
triggerVisible = _React$useState2[0],
|
|
setTriggerVisible = _React$useState2[1];
|
|
|
|
var mergedVisible = 'visible' in props ? visible : triggerVisible;
|
|
var triggerRef = react.useRef(null);
|
|
react.useImperativeHandle(ref, function () {
|
|
return triggerRef.current;
|
|
});
|
|
useAccessibility({
|
|
visible: mergedVisible,
|
|
setTriggerVisible: setTriggerVisible,
|
|
triggerRef: triggerRef,
|
|
onVisibleChange: props.onVisibleChange,
|
|
autoFocus: autoFocus
|
|
});
|
|
|
|
var getOverlayElement = function getOverlayElement() {
|
|
var overlay = props.overlay;
|
|
var overlayElement;
|
|
|
|
if (typeof overlay === 'function') {
|
|
overlayElement = overlay();
|
|
} else {
|
|
overlayElement = overlay;
|
|
}
|
|
|
|
return overlayElement;
|
|
};
|
|
|
|
var onClick = function onClick(e) {
|
|
var onOverlayClick = props.onOverlayClick;
|
|
setTriggerVisible(false);
|
|
|
|
if (onOverlayClick) {
|
|
onOverlayClick(e);
|
|
}
|
|
};
|
|
|
|
var onVisibleChange = function onVisibleChange(newVisible) {
|
|
var onVisibleChangeProp = props.onVisibleChange;
|
|
setTriggerVisible(newVisible);
|
|
|
|
if (typeof onVisibleChangeProp === 'function') {
|
|
onVisibleChangeProp(newVisible);
|
|
}
|
|
};
|
|
|
|
var getMenuElement = function getMenuElement() {
|
|
var overlayElement = getOverlayElement();
|
|
return /*#__PURE__*/react.createElement(react.Fragment, null, arrow && /*#__PURE__*/react.createElement("div", {
|
|
className: "".concat(prefixCls, "-arrow")
|
|
}), overlayElement);
|
|
};
|
|
|
|
var getMenuElementOrLambda = function getMenuElementOrLambda() {
|
|
var overlay = props.overlay;
|
|
|
|
if (typeof overlay === 'function') {
|
|
return getMenuElement;
|
|
}
|
|
|
|
return getMenuElement();
|
|
};
|
|
|
|
var getMinOverlayWidthMatchTrigger = function getMinOverlayWidthMatchTrigger() {
|
|
var minOverlayWidthMatchTrigger = props.minOverlayWidthMatchTrigger,
|
|
alignPoint = props.alignPoint;
|
|
|
|
if ('minOverlayWidthMatchTrigger' in props) {
|
|
return minOverlayWidthMatchTrigger;
|
|
}
|
|
|
|
return !alignPoint;
|
|
};
|
|
|
|
var getOpenClassName = function getOpenClassName() {
|
|
var openClassName = props.openClassName;
|
|
|
|
if (openClassName !== undefined) {
|
|
return openClassName;
|
|
}
|
|
|
|
return "".concat(prefixCls, "-open");
|
|
};
|
|
|
|
var renderChildren = function renderChildren() {
|
|
var children = props.children;
|
|
var childrenProps = children.props ? children.props : {};
|
|
var childClassName = classnames_default()(childrenProps.className, getOpenClassName());
|
|
return mergedVisible && children ? /*#__PURE__*/react.cloneElement(children, {
|
|
className: childClassName
|
|
}) : children;
|
|
};
|
|
|
|
var triggerHideAction = hideAction;
|
|
|
|
if (!triggerHideAction && trigger.indexOf('contextMenu') !== -1) {
|
|
triggerHideAction = ['click'];
|
|
}
|
|
|
|
return /*#__PURE__*/react.createElement(es/* default */.Z, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({
|
|
builtinPlacements: placements
|
|
}, otherProps), {}, {
|
|
prefixCls: prefixCls,
|
|
ref: triggerRef,
|
|
popupClassName: classnames_default()(overlayClassName, (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-show-arrow"), arrow)),
|
|
popupStyle: overlayStyle,
|
|
action: trigger,
|
|
showAction: showAction,
|
|
hideAction: triggerHideAction || [],
|
|
popupPlacement: placement,
|
|
popupAlign: align,
|
|
popupTransitionName: transitionName,
|
|
popupAnimation: animation,
|
|
popupVisible: mergedVisible,
|
|
stretch: getMinOverlayWidthMatchTrigger() ? 'minWidth' : '',
|
|
popup: getMenuElementOrLambda(),
|
|
onPopupVisibleChange: onVisibleChange,
|
|
onPopupClick: onClick,
|
|
getPopupContainer: getPopupContainer
|
|
}), renderChildren());
|
|
}
|
|
|
|
/* harmony default export */ var es_Dropdown = (/*#__PURE__*/react.forwardRef(Dropdown));
|
|
;// CONCATENATED MODULE: ./node_modules/rc-dropdown/es/index.js
|
|
|
|
/* harmony default export */ var rc_dropdown_es = (es_Dropdown);
|
|
|
|
/***/ })
|
|
|
|
}]); |