"use strict"; (self["webpackChunk"] = self["webpackChunk"] || []).push([[15804],{ /***/ 63606: /*!******************************************************************************!*\ !*** ./node_modules/@ant-design/icons/es/icons/CheckOutlined.js + 1 modules ***! \******************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { // EXPORTS __webpack_require__.d(__webpack_exports__, { "Z": function() { return /* binding */ icons_CheckOutlined; } }); // 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/CheckOutlined.js // This icon file is generated automatically. var CheckOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z" } }] }, "name": "check", "theme": "outlined" }; /* harmony default export */ var asn_CheckOutlined = (CheckOutlined); // 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/CheckOutlined.js // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var CheckOutlined_CheckOutlined = function CheckOutlined(props, ref) { return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,esm_extends/* default */.Z)({}, props, { ref: ref, icon: asn_CheckOutlined })); }; if (false) {} /* harmony default export */ var icons_CheckOutlined = (/*#__PURE__*/react.forwardRef(CheckOutlined_CheckOutlined)); /***/ }), /***/ 80882: /*!*****************************************************************************!*\ !*** ./node_modules/@ant-design/icons/es/icons/DownOutlined.js + 1 modules ***! \*****************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { // EXPORTS __webpack_require__.d(__webpack_exports__, { "Z": function() { return /* binding */ icons_DownOutlined; } }); // 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/DownOutlined.js // This icon file is generated automatically. var DownOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, "name": "down", "theme": "outlined" }; /* harmony default export */ var asn_DownOutlined = (DownOutlined); // 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/DownOutlined.js // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var DownOutlined_DownOutlined = function DownOutlined(props, ref) { return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,esm_extends/* default */.Z)({}, props, { ref: ref, icon: asn_DownOutlined })); }; if (false) {} /* harmony default export */ var icons_DownOutlined = (/*#__PURE__*/react.forwardRef(DownOutlined_DownOutlined)); /***/ }), /***/ 8745: /*!*************************************************!*\ !*** ./node_modules/antd/es/_util/PurePanel.js ***! \*************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Z": function() { return /* binding */ genPurePanel; } /* harmony export */ }); /* harmony import */ var rc_util_es_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! rc-util/es/hooks/useMergedState */ 5663); /* 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); /* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config-provider */ 1063); /* istanbul ignore next */ function genPurePanel(Component, defaultPrefixCls, getDropdownCls, postProps) { return function PurePanel(props) { const { prefixCls: customizePrefixCls, style } = props; const holderRef = react__WEBPACK_IMPORTED_MODULE_1__.useRef(null); const [popupHeight, setPopupHeight] = react__WEBPACK_IMPORTED_MODULE_1__.useState(0); const [popupWidth, setPopupWidth] = react__WEBPACK_IMPORTED_MODULE_1__.useState(0); const [open, setOpen] = (0,rc_util_es_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(false, { value: props.open }); const { getPrefixCls } = react__WEBPACK_IMPORTED_MODULE_1__.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_2__/* .ConfigContext */ .E_); const prefixCls = getPrefixCls(defaultPrefixCls || 'select', customizePrefixCls); react__WEBPACK_IMPORTED_MODULE_1__.useEffect(() => { // We do not care about ssr setOpen(true); if (typeof ResizeObserver !== 'undefined') { const resizeObserver = new ResizeObserver(entries => { const element = entries[0].target; setPopupHeight(element.offsetHeight + 8); setPopupWidth(element.offsetWidth); }); const interval = setInterval(() => { var _a; const dropdownCls = getDropdownCls ? `.${getDropdownCls(prefixCls)}` : `.${prefixCls}-dropdown`; const popup = (_a = holderRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(dropdownCls); if (popup) { clearInterval(interval); resizeObserver.observe(popup); } }, 10); return () => { clearInterval(interval); resizeObserver.disconnect(); }; } }, []); let mergedProps = Object.assign(Object.assign({}, props), { style: Object.assign(Object.assign({}, style), { margin: 0 }), open, visible: open, getPopupContainer: () => holderRef.current }); if (postProps) { mergedProps = postProps(mergedProps); } return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_config_provider__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP, { theme: { token: { motion: false } } }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: holderRef, style: { paddingBottom: popupHeight, position: 'relative', minWidth: popupWidth } }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(Component, Object.assign({}, mergedProps)))); }; } /***/ }), /***/ 88258: /*!********************************************************************!*\ !*** ./node_modules/antd/es/config-provider/defaultRenderEmpty.js ***! \********************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 67294); /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! . */ 53124); /* harmony import */ var _empty__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../empty */ 32983); const DefaultRenderEmpty = props => { const { componentName } = props; const { getPrefixCls } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(___WEBPACK_IMPORTED_MODULE_1__/* .ConfigContext */ .E_); const prefix = getPrefixCls('empty'); switch (componentName) { case 'Table': case 'List': return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_empty__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { image: _empty__WEBPACK_IMPORTED_MODULE_2__/* ["default"].PRESENTED_IMAGE_SIMPLE */ .Z.PRESENTED_IMAGE_SIMPLE }); case 'Select': case 'TreeSelect': case 'Cascader': case 'Transfer': case 'Mentions': return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_empty__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { image: _empty__WEBPACK_IMPORTED_MODULE_2__/* ["default"].PRESENTED_IMAGE_SIMPLE */ .Z.PRESENTED_IMAGE_SIMPLE, className: `${prefix}-small` }); /* istanbul ignore next */ default: // Should never hit if we take all the component into consider. return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_empty__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, null); } }; /* harmony default export */ __webpack_exports__["Z"] = (DefaultRenderEmpty); /***/ }), /***/ 32983: /*!*********************************************************!*\ !*** ./node_modules/antd/es/empty/index.js + 3 modules ***! \*********************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { // EXPORTS __webpack_require__.d(__webpack_exports__, { "Z": function() { return /* binding */ es_empty; } }); // EXTERNAL MODULE: ./node_modules/classnames/index.js var classnames = __webpack_require__(94184); var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames); // 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/locale/useLocale.js var useLocale = __webpack_require__(10110); // EXTERNAL MODULE: ./node_modules/@ctrl/tinycolor/dist/module/index.js var dist_module = __webpack_require__(10274); // EXTERNAL MODULE: ./node_modules/antd/es/theme/useToken.js + 2 modules var useToken = __webpack_require__(25976); ;// CONCATENATED MODULE: ./node_modules/antd/es/empty/empty.js const Empty = () => { const [, token] = (0,useToken/* default */.Z)(); const bgColor = new dist_module/* TinyColor */.C(token.colorBgBase); // Dark Theme need more dark of this const themeStyle = bgColor.toHsl().l < 0.5 ? { opacity: 0.65 } : {}; return /*#__PURE__*/react.createElement("svg", { style: themeStyle, width: "184", height: "152", viewBox: "0 0 184 152", xmlns: "http://www.w3.org/2000/svg" }, /*#__PURE__*/react.createElement("g", { fill: "none", fillRule: "evenodd" }, /*#__PURE__*/react.createElement("g", { transform: "translate(24 31.67)" }, /*#__PURE__*/react.createElement("ellipse", { fillOpacity: ".8", fill: "#F5F5F7", cx: "67.797", cy: "106.89", rx: "67.797", ry: "12.668" }), /*#__PURE__*/react.createElement("path", { d: "M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z", fill: "#AEB8C2" }), /*#__PURE__*/react.createElement("path", { d: "M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z", fill: "url(#linearGradient-1)", transform: "translate(13.56)" }), /*#__PURE__*/react.createElement("path", { d: "M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z", fill: "#F5F5F7" }), /*#__PURE__*/react.createElement("path", { d: "M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z", fill: "#DCE0E6" })), /*#__PURE__*/react.createElement("path", { d: "M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z", fill: "#DCE0E6" }), /*#__PURE__*/react.createElement("g", { transform: "translate(149.65 15.383)", fill: "#FFF" }, /*#__PURE__*/react.createElement("ellipse", { cx: "20.654", cy: "3.167", rx: "2.849", ry: "2.815" }), /*#__PURE__*/react.createElement("path", { d: "M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z" })))); }; if (false) {} /* harmony default export */ var empty = (Empty); ;// CONCATENATED MODULE: ./node_modules/antd/es/empty/simple.js const Simple = () => { const [, token] = (0,useToken/* default */.Z)(); const { colorFill, colorFillTertiary, colorFillQuaternary, colorBgContainer } = token; const { borderColor, shadowColor, contentColor } = (0,react.useMemo)(() => ({ borderColor: new dist_module/* TinyColor */.C(colorFill).onBackground(colorBgContainer).toHexShortString(), shadowColor: new dist_module/* TinyColor */.C(colorFillTertiary).onBackground(colorBgContainer).toHexShortString(), contentColor: new dist_module/* TinyColor */.C(colorFillQuaternary).onBackground(colorBgContainer).toHexShortString() }), [colorFill, colorFillTertiary, colorFillQuaternary, colorBgContainer]); return /*#__PURE__*/react.createElement("svg", { width: "64", height: "41", viewBox: "0 0 64 41", xmlns: "http://www.w3.org/2000/svg" }, /*#__PURE__*/react.createElement("g", { transform: "translate(0 1)", fill: "none", fillRule: "evenodd" }, /*#__PURE__*/react.createElement("ellipse", { fill: shadowColor, cx: "32", cy: "33", rx: "32", ry: "7" }), /*#__PURE__*/react.createElement("g", { fillRule: "nonzero", stroke: borderColor }, /*#__PURE__*/react.createElement("path", { d: "M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" }), /*#__PURE__*/react.createElement("path", { d: "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z", fill: contentColor })))); }; if (false) {} /* harmony default export */ var simple = (Simple); // 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/empty/style/index.js // ============================== Shared ============================== const genSharedEmptyStyle = token => { const { componentCls, margin, marginXS, marginXL, fontSize, lineHeight } = token; return { [componentCls]: { marginInline: marginXS, fontSize, lineHeight, textAlign: 'center', // 原来 &-image 没有父子结构，现在为了外层承担我们的hashId，改成父子结果 [`${componentCls}-image`]: { height: token.emptyImgHeight, marginBottom: marginXS, opacity: token.opacityImage, img: { height: '100%' }, svg: { maxWidth: '100%', height: '100%', margin: 'auto' } }, [`${componentCls}-description`]: { color: token.colorText }, // 原来 &-footer 没有父子结构，现在为了外层承担我们的hashId，改成父子结果 [`${componentCls}-footer`]: { marginTop: margin }, '&-normal': { marginBlock: marginXL, color: token.colorTextDisabled, [`${componentCls}-description`]: { color: token.colorTextDisabled }, [`${componentCls}-image`]: { height: token.emptyImgHeightMD } }, '&-small': { marginBlock: marginXS, color: token.colorTextDisabled, [`${componentCls}-image`]: { height: token.emptyImgHeightSM } } } }; }; // ============================== Export ============================== /* harmony default export */ var empty_style = ((0,genComponentStyleHook/* default */.Z)('Empty', token => { const { componentCls, controlHeightLG } = token; const emptyToken = (0,statistic/* merge */.TS)(token, { emptyImgCls: `${componentCls}-img`, emptyImgHeight: controlHeightLG * 2.5, emptyImgHeightMD: controlHeightLG, emptyImgHeightSM: controlHeightLG * 0.875 }); return [genSharedEmptyStyle(emptyToken)]; })); ;// CONCATENATED MODULE: ./node_modules/antd/es/empty/index.js 'use client'; 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 defaultEmptyImg = /*#__PURE__*/react.createElement(empty, null); const simpleEmptyImg = /*#__PURE__*/react.createElement(simple, null); const empty_Empty = _a => { var { className, rootClassName, prefixCls: customizePrefixCls, image = defaultEmptyImg, description, children, imageStyle, style } = _a, restProps = __rest(_a, ["className", "rootClassName", "prefixCls", "image", "description", "children", "imageStyle", "style"]); const { getPrefixCls, direction, empty } = react.useContext(context/* ConfigContext */.E_); const prefixCls = getPrefixCls('empty', customizePrefixCls); const [wrapSSR, hashId] = empty_style(prefixCls); const [locale] = (0,useLocale/* default */.Z)('Empty'); const des = typeof description !== 'undefined' ? description : locale === null || locale === void 0 ? void 0 : locale.description; const alt = typeof des === 'string' ? des : 'empty'; let imageNode = null; if (typeof image === 'string') { imageNode = /*#__PURE__*/react.createElement("img", { alt: alt, src: image }); } else { imageNode = image; } return wrapSSR( /*#__PURE__*/react.createElement("div", Object.assign({ className: classnames_default()(hashId, prefixCls, empty === null || empty === void 0 ? void 0 : empty.className, { [`${prefixCls}-normal`]: image === simpleEmptyImg, [`${prefixCls}-rtl`]: direction === 'rtl' }, className, rootClassName), style: Object.assign(Object.assign({}, empty === null || empty === void 0 ? void 0 : empty.style), style) }, restProps), /*#__PURE__*/react.createElement("div", { className: `${prefixCls}-image`, style: imageStyle }, imageNode), des && /*#__PURE__*/react.createElement("div", { className: `${prefixCls}-description` }, des), children && /*#__PURE__*/react.createElement("div", { className: `${prefixCls}-footer` }, children))); }; empty_Empty.PRESENTED_IMAGE_DEFAULT = defaultEmptyImg; empty_Empty.PRESENTED_IMAGE_SIMPLE = simpleEmptyImg; if (false) {} /* harmony default export */ var es_empty = (empty_Empty); /***/ }), /***/ 87244: /*!****************************************************************!*\ !*** ./node_modules/antd/es/select/style/index.js + 3 modules ***! \****************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { // EXPORTS __webpack_require__.d(__webpack_exports__, { "Z": function() { return /* binding */ select_style; } }); // EXTERNAL MODULE: ./node_modules/antd/es/style/index.js var style = __webpack_require__(14747); // EXTERNAL MODULE: ./node_modules/antd/es/style/compact-item.js var compact_item = __webpack_require__(80110); // EXTERNAL MODULE: ./node_modules/antd/es/theme/util/statistic.js var statistic = __webpack_require__(45503); // EXTERNAL MODULE: ./node_modules/antd/es/theme/util/genComponentStyleHook.js var genComponentStyleHook = __webpack_require__(67968); // EXTERNAL MODULE: ./node_modules/antd/es/style/motion/slide.js var slide = __webpack_require__(67771); // EXTERNAL MODULE: ./node_modules/antd/es/style/motion/move.js var move = __webpack_require__(33297); ;// CONCATENATED MODULE: ./node_modules/antd/es/select/style/dropdown.js const genItemStyle = token => { const { controlPaddingHorizontal } = token; return { position: 'relative', display: 'block', minHeight: token.controlHeight, padding: `${(token.controlHeight - token.fontSize * token.lineHeight) / 2}px ${controlPaddingHorizontal}px`, color: token.colorText, fontWeight: 'normal', fontSize: token.fontSize, lineHeight: token.lineHeight, boxSizing: 'border-box' }; }; const genSingleStyle = token => { const { antCls, componentCls } = token; const selectItemCls = `${componentCls}-item`; return [{ [`${componentCls}-dropdown`]: Object.assign(Object.assign({}, (0,style/* resetComponent */.Wf)(token)), { position: 'absolute', top: -9999, zIndex: token.zIndexPopup, boxSizing: 'border-box', padding: token.paddingXXS, overflow: 'hidden', fontSize: token.fontSize, // Fix select render lag of long text in chrome // https://github.com/ant-design/ant-design/issues/11456 // https://github.com/ant-design/ant-design/issues/11843 fontVariant: 'initial', backgroundColor: token.colorBgElevated, borderRadius: token.borderRadiusLG, outline: 'none', boxShadow: token.boxShadowSecondary, [` &${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-dropdown-placement-bottomLeft, &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-dropdown-placement-bottomLeft `]: { animationName: slide/* slideUpIn */.fJ }, [` &${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-dropdown-placement-topLeft, &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-dropdown-placement-topLeft `]: { animationName: slide/* slideDownIn */.Qt }, [`&${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-dropdown-placement-bottomLeft`]: { animationName: slide/* slideUpOut */.Uw }, [`&${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-dropdown-placement-topLeft`]: { animationName: slide/* slideDownOut */.ly }, '&-hidden': { display: 'none' }, [`${selectItemCls}`]: Object.assign(Object.assign({}, genItemStyle(token)), { cursor: 'pointer', transition: `background ${token.motionDurationSlow} ease`, borderRadius: token.borderRadiusSM, // =========== Group ============ '&-group': { color: token.colorTextDescription, fontSize: token.fontSizeSM, cursor: 'default' }, // =========== Option =========== '&-option': { display: 'flex', '&-content': Object.assign({ flex: 'auto' }, style/* textEllipsis */.vS), '&-state': { flex: 'none', display: 'flex', alignItems: 'center' }, [`&-active:not(${selectItemCls}-option-disabled)`]: { backgroundColor: token.controlItemBgHover }, [`&-selected:not(${selectItemCls}-option-disabled)`]: { color: token.colorText, fontWeight: token.fontWeightStrong, backgroundColor: token.controlItemBgActive, [`${selectItemCls}-option-state`]: { color: token.colorPrimary } }, '&-disabled': { [`&${selectItemCls}-option-selected`]: { backgroundColor: token.colorBgContainerDisabled }, color: token.colorTextDisabled, cursor: 'not-allowed' }, '&-grouped': { paddingInlineStart: token.controlPaddingHorizontal * 2 } } }), // =========================== RTL =========================== '&-rtl': { direction: 'rtl' } }) }, // Follow code may reuse in other components (0,slide/* initSlideMotion */.oN)(token, 'slide-up'), (0,slide/* initSlideMotion */.oN)(token, 'slide-down'), (0,move/* initMoveMotion */.Fm)(token, 'move-up'), (0,move/* initMoveMotion */.Fm)(token, 'move-down')]; }; /* harmony default export */ var dropdown = (genSingleStyle); ;// CONCATENATED MODULE: ./node_modules/antd/es/select/style/multiple.js const FIXED_ITEM_MARGIN = 2; const getSelectItemStyle = _ref => { let { controlHeightSM, controlHeight, lineWidth: borderWidth } = _ref; const selectItemDist = (controlHeight - controlHeightSM) / 2 - borderWidth; const selectItemMargin = Math.ceil(selectItemDist / 2); return [selectItemDist, selectItemMargin]; }; function genSizeStyle(token, suffix) { const { componentCls, iconCls } = token; const selectOverflowPrefixCls = `${componentCls}-selection-overflow`; const selectItemHeight = token.controlHeightSM; const [selectItemDist] = getSelectItemStyle(token); const suffixCls = suffix ? `${componentCls}-${suffix}` : ''; return { [`${componentCls}-multiple${suffixCls}`]: { fontSize: token.fontSize, /** * Do not merge `height` & `line-height` under style with `selection` & `search`, since chrome * may update to redesign with its align logic. */ // =========================== Overflow =========================== [selectOverflowPrefixCls]: { position: 'relative', display: 'flex', flex: 'auto', flexWrap: 'wrap', maxWidth: '100%', '&-item': { flex: 'none', alignSelf: 'center', maxWidth: '100%', display: 'inline-flex' } }, // ========================= Selector ========================= [`${componentCls}-selector`]: { display: 'flex', flexWrap: 'wrap', alignItems: 'center', // Multiple is little different that horizontal is follow the vertical padding: `${selectItemDist - FIXED_ITEM_MARGIN}px ${FIXED_ITEM_MARGIN * 2}px`, borderRadius: token.borderRadius, [`${componentCls}-show-search&`]: { cursor: 'text' }, [`${componentCls}-disabled&`]: { background: token.colorBgContainerDisabled, cursor: 'not-allowed' }, '&:after': { display: 'inline-block', width: 0, margin: `${FIXED_ITEM_MARGIN}px 0`, lineHeight: `${selectItemHeight}px`, visibility: 'hidden', content: '"\\a0"' } }, [` &${componentCls}-show-arrow ${componentCls}-selector, &${componentCls}-allow-clear ${componentCls}-selector `]: { paddingInlineEnd: token.fontSizeIcon + token.controlPaddingHorizontal }, // ======================== Selections ======================== [`${componentCls}-selection-item`]: { position: 'relative', display: 'flex', flex: 'none', boxSizing: 'border-box', maxWidth: '100%', height: selectItemHeight, marginTop: FIXED_ITEM_MARGIN, marginBottom: FIXED_ITEM_MARGIN, lineHeight: `${selectItemHeight - token.lineWidth * 2}px`, background: token.colorFillSecondary, borderRadius: token.borderRadiusSM, cursor: 'default', transition: `font-size ${token.motionDurationSlow}, line-height ${token.motionDurationSlow}, height ${token.motionDurationSlow}`, userSelect: 'none', marginInlineEnd: FIXED_ITEM_MARGIN * 2, paddingInlineStart: token.paddingXS, paddingInlineEnd: token.paddingXS / 2, [`${componentCls}-disabled&`]: { color: token.colorTextDisabled, cursor: 'not-allowed' }, // It's ok not to do this, but 24px makes bottom narrow in view should adjust '&-content': { display: 'inline-block', marginInlineEnd: token.paddingXS / 2, overflow: 'hidden', whiteSpace: 'pre', textOverflow: 'ellipsis' }, '&-remove': Object.assign(Object.assign({}, (0,style/* resetIcon */.Ro)()), { display: 'inline-flex', alignItems: 'center', color: token.colorIcon, fontWeight: 'bold', fontSize: 10, lineHeight: 'inherit', cursor: 'pointer', [`> ${iconCls}`]: { verticalAlign: '-0.2em' }, '&:hover': { color: token.colorIconHover } }) }, // ========================== Input ========================== [`${selectOverflowPrefixCls}-item + ${selectOverflowPrefixCls}-item`]: { [`${componentCls}-selection-search`]: { marginInlineStart: 0 } }, [`${componentCls}-selection-search`]: { display: 'inline-flex', position: 'relative', maxWidth: '100%', marginInlineStart: token.inputPaddingHorizontalBase - selectItemDist, [` &-input, &-mirror `]: { height: selectItemHeight, fontFamily: token.fontFamily, lineHeight: `${selectItemHeight}px`, transition: `all ${token.motionDurationSlow}` }, '&-input': { width: '100%', minWidth: 4.1 // fix search cursor missing }, '&-mirror': { position: 'absolute', top: 0, insetInlineStart: 0, insetInlineEnd: 'auto', zIndex: 999, whiteSpace: 'pre', visibility: 'hidden' } }, // ======================= Placeholder ======================= [`${componentCls}-selection-placeholder `]: { position: 'absolute', top: '50%', insetInlineStart: token.inputPaddingHorizontalBase, insetInlineEnd: token.inputPaddingHorizontalBase, transform: 'translateY(-50%)', transition: `all ${token.motionDurationSlow}` } } }; } const genMultipleStyle = token => { const { componentCls } = token; const smallToken = (0,statistic/* merge */.TS)(token, { controlHeight: token.controlHeightSM, controlHeightSM: token.controlHeightXS, borderRadius: token.borderRadiusSM, borderRadiusSM: token.borderRadiusXS }); const largeToken = (0,statistic/* merge */.TS)(token, { fontSize: token.fontSizeLG, controlHeight: token.controlHeightLG, controlHeightSM: token.controlHeight, borderRadius: token.borderRadiusLG, borderRadiusSM: token.borderRadius }); const [, smSelectItemMargin] = getSelectItemStyle(token); return [genSizeStyle(token), // ======================== Small ======================== genSizeStyle(smallToken, 'sm'), // Padding { [`${componentCls}-multiple${componentCls}-sm`]: { [`${componentCls}-selection-placeholder`]: { insetInline: token.controlPaddingHorizontalSM - token.lineWidth }, // https://github.com/ant-design/ant-design/issues/29559 [`${componentCls}-selection-search`]: { marginInlineStart: smSelectItemMargin } } }, // ======================== Large ======================== genSizeStyle(largeToken, 'lg')]; }; /* harmony default export */ var multiple = (genMultipleStyle); ;// CONCATENATED MODULE: ./node_modules/antd/es/select/style/single.js function single_genSizeStyle(token, suffix) { const { componentCls, inputPaddingHorizontalBase, borderRadius } = token; const selectHeightWithoutBorder = token.controlHeight - token.lineWidth * 2; const selectionItemPadding = Math.ceil(token.fontSize * 1.25); const suffixCls = suffix ? `${componentCls}-${suffix}` : ''; return { [`${componentCls}-single${suffixCls}`]: { fontSize: token.fontSize, // ========================= Selector ========================= [`${componentCls}-selector`]: Object.assign(Object.assign({}, (0,style/* resetComponent */.Wf)(token)), { display: 'flex', borderRadius, [`${componentCls}-selection-search`]: { position: 'absolute', top: 0, insetInlineStart: inputPaddingHorizontalBase, insetInlineEnd: inputPaddingHorizontalBase, bottom: 0, '&-input': { width: '100%' } }, [` ${componentCls}-selection-item, ${componentCls}-selection-placeholder `]: { padding: 0, lineHeight: `${selectHeightWithoutBorder}px`, transition: `all ${token.motionDurationSlow}, visibility 0s`, // Firefox inline-block position calculation is not same as Chrome & Safari. Patch this: '@supports (-moz-appearance: meterbar)': { lineHeight: `${selectHeightWithoutBorder}px` } }, [`${componentCls}-selection-item`]: { position: 'relative', userSelect: 'none' }, [`${componentCls}-selection-placeholder`]: { transition: 'none', pointerEvents: 'none' }, // For common baseline align [['&:after', /* For '' value baseline align */ `${componentCls}-selection-item:after`, /* For undefined value baseline align */ `${componentCls}-selection-placeholder:after`].join(',')]: { display: 'inline-block', width: 0, visibility: 'hidden', content: '"\\a0"' } }), [` &${componentCls}-show-arrow ${componentCls}-selection-item, &${componentCls}-show-arrow ${componentCls}-selection-placeholder `]: { paddingInlineEnd: selectionItemPadding }, // Opacity selection if open [`&${componentCls}-open ${componentCls}-selection-item`]: { color: token.colorTextPlaceholder }, // ========================== Input ========================== // We only change the style of non-customize input which is only support by `combobox` mode. // Not customize [`&:not(${componentCls}-customize-input)`]: { [`${componentCls}-selector`]: { width: '100%', height: token.controlHeight, padding: `0 ${inputPaddingHorizontalBase}px`, [`${componentCls}-selection-search-input`]: { height: selectHeightWithoutBorder }, '&:after': { lineHeight: `${selectHeightWithoutBorder}px` } } }, [`&${componentCls}-customize-input`]: { [`${componentCls}-selector`]: { '&:after': { display: 'none' }, [`${componentCls}-selection-search`]: { position: 'static', width: '100%' }, [`${componentCls}-selection-placeholder`]: { position: 'absolute', insetInlineStart: 0, insetInlineEnd: 0, padding: `0 ${inputPaddingHorizontalBase}px`, '&:after': { display: 'none' } } } } } }; } function single_genSingleStyle(token) { const { componentCls } = token; const inputPaddingHorizontalSM = token.controlPaddingHorizontalSM - token.lineWidth; return [single_genSizeStyle(token), // ======================== Small ======================== // Shared single_genSizeStyle((0,statistic/* merge */.TS)(token, { controlHeight: token.controlHeightSM, borderRadius: token.borderRadiusSM }), 'sm'), // padding { [`${componentCls}-single${componentCls}-sm`]: { [`&:not(${componentCls}-customize-input)`]: { [`${componentCls}-selection-search`]: { insetInlineStart: inputPaddingHorizontalSM, insetInlineEnd: inputPaddingHorizontalSM }, [`${componentCls}-selector`]: { padding: `0 ${inputPaddingHorizontalSM}px` }, // With arrow should provides `padding-right` to show the arrow [`&${componentCls}-show-arrow ${componentCls}-selection-search`]: { insetInlineEnd: inputPaddingHorizontalSM + token.fontSize * 1.5 }, [` &${componentCls}-show-arrow ${componentCls}-selection-item, &${componentCls}-show-arrow ${componentCls}-selection-placeholder `]: { paddingInlineEnd: token.fontSize * 1.5 } } } }, // ======================== Large ======================== // Shared single_genSizeStyle((0,statistic/* merge */.TS)(token, { controlHeight: token.controlHeightLG, fontSize: token.fontSizeLG, borderRadius: token.borderRadiusLG }), 'lg')]; } ;// CONCATENATED MODULE: ./node_modules/antd/es/select/style/index.js // ============================= Selector ============================= const genSelectorStyle = token => { const { componentCls } = token; return { position: 'relative', backgroundColor: token.colorBgContainer, border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`, transition: `all ${token.motionDurationMid} ${token.motionEaseInOut}`, input: { cursor: 'pointer' }, [`${componentCls}-show-search&`]: { cursor: 'text', input: { cursor: 'auto', color: 'inherit' } }, [`${componentCls}-disabled&`]: { color: token.colorTextDisabled, background: token.colorBgContainerDisabled, cursor: 'not-allowed', [`${componentCls}-multiple&`]: { background: token.colorBgContainerDisabled }, input: { cursor: 'not-allowed' } } }; }; // ============================== Status ============================== const genStatusStyle = function (rootSelectCls, token) { let overwriteDefaultBorder = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; const { componentCls, borderHoverColor, outlineColor, antCls } = token; const overwriteStyle = overwriteDefaultBorder ? { [`${componentCls}-selector`]: { borderColor: borderHoverColor } } : {}; return { [rootSelectCls]: { [`&:not(${componentCls}-disabled):not(${componentCls}-customize-input):not(${antCls}-pagination-size-changer)`]: Object.assign(Object.assign({}, overwriteStyle), { [`${componentCls}-focused& ${componentCls}-selector`]: { borderColor: borderHoverColor, boxShadow: `0 0 0 ${token.controlOutlineWidth}px ${outlineColor}`, outline: 0 }, [`&:hover ${componentCls}-selector`]: { borderColor: borderHoverColor } }) } }; }; // ============================== Styles ============================== // /* Reset search input style */ const getSearchInputWithoutBorderStyle = token => { const { componentCls } = token; return { [`${componentCls}-selection-search-input`]: { margin: 0, padding: 0, background: 'transparent', border: 'none', outline: 'none', appearance: 'none', '&::-webkit-search-cancel-button': { display: 'none', '-webkit-appearance': 'none' } } }; }; // =============================== Base =============================== const genBaseStyle = token => { const { componentCls, inputPaddingHorizontalBase, iconCls } = token; return { [componentCls]: Object.assign(Object.assign({}, (0,style/* resetComponent */.Wf)(token)), { position: 'relative', display: 'inline-block', cursor: 'pointer', [`&:not(${componentCls}-customize-input) ${componentCls}-selector`]: Object.assign(Object.assign({}, genSelectorStyle(token)), getSearchInputWithoutBorderStyle(token)), // [`&:not(&-disabled):hover ${selectCls}-selector`]: { // ...genHoverStyle(token), // }, // ======================== Selection ======================== [`${componentCls}-selection-item`]: Object.assign({ flex: 1, fontWeight: 'normal' }, style/* textEllipsis */.vS), // ======================= Placeholder ======================= [`${componentCls}-selection-placeholder`]: Object.assign(Object.assign({}, style/* textEllipsis */.vS), { flex: 1, color: token.colorTextPlaceholder, pointerEvents: 'none' }), // ========================== Arrow ========================== [`${componentCls}-arrow`]: Object.assign(Object.assign({}, (0,style/* resetIcon */.Ro)()), { position: 'absolute', top: '50%', insetInlineStart: 'auto', insetInlineEnd: inputPaddingHorizontalBase, height: token.fontSizeIcon, marginTop: -token.fontSizeIcon / 2, color: token.colorTextQuaternary, fontSize: token.fontSizeIcon, lineHeight: 1, textAlign: 'center', pointerEvents: 'none', display: 'flex', alignItems: 'center', [iconCls]: { verticalAlign: 'top', transition: `transform ${token.motionDurationSlow}`, '> svg': { verticalAlign: 'top' }, [`&:not(${componentCls}-suffix)`]: { pointerEvents: 'auto' } }, [`${componentCls}-disabled &`]: { cursor: 'not-allowed' }, '> *:not(:last-child)': { marginInlineEnd: 8 // FIXME: magic } }), // ========================== Clear ========================== [`${componentCls}-clear`]: { position: 'absolute', top: '50%', insetInlineStart: 'auto', insetInlineEnd: inputPaddingHorizontalBase, zIndex: 1, display: 'inline-block', width: token.fontSizeIcon, height: token.fontSizeIcon, marginTop: -token.fontSizeIcon / 2, color: token.colorTextQuaternary, fontSize: token.fontSizeIcon, fontStyle: 'normal', lineHeight: 1, textAlign: 'center', textTransform: 'none', background: token.colorBgContainer, cursor: 'pointer', opacity: 0, transition: `color ${token.motionDurationMid} ease, opacity ${token.motionDurationSlow} ease`, textRendering: 'auto', '&:before': { display: 'block' }, '&:hover': { color: token.colorTextTertiary } }, '&:hover': { [`${componentCls}-clear`]: { opacity: 1 } } }), // ========================= Feedback ========================== [`${componentCls}-has-feedback`]: { [`${componentCls}-clear`]: { insetInlineEnd: inputPaddingHorizontalBase + token.fontSize + token.paddingXS } } }; }; // ============================== Styles ============================== const genSelectStyle = token => { const { componentCls } = token; return [{ [componentCls]: { // ==================== BorderLess ==================== [`&-borderless ${componentCls}-selector`]: { backgroundColor: `transparent !important`, borderColor: `transparent !important`, boxShadow: `none !important` }, // ==================== In Form ==================== [`&${componentCls}-in-form-item`]: { width: '100%' } } }, // ===================================================== // == LTR == // ===================================================== // Base genBaseStyle(token), // Single single_genSingleStyle(token), // Multiple multiple(token), // Dropdown dropdown(token), // ===================================================== // == RTL == // ===================================================== { [`${componentCls}-rtl`]: { direction: 'rtl' } }, // ===================================================== // == Status == // ===================================================== genStatusStyle(componentCls, (0,statistic/* merge */.TS)(token, { borderHoverColor: token.colorPrimaryHover, outlineColor: token.controlOutline })), genStatusStyle(`${componentCls}-status-error`, (0,statistic/* merge */.TS)(token, { borderHoverColor: token.colorErrorHover, outlineColor: token.colorErrorOutline }), true), genStatusStyle(`${componentCls}-status-warning`, (0,statistic/* merge */.TS)(token, { borderHoverColor: token.colorWarningHover, outlineColor: token.colorWarningOutline }), true), // ===================================================== // == Space Compact == // ===================================================== (0,compact_item/* genCompactItemStyle */.c)(token, { borderElCls: `${componentCls}-selector`, focusElCls: `${componentCls}-focused` })]; }; // ============================== Export ============================== /* harmony default export */ var select_style = ((0,genComponentStyleHook/* default */.Z)('Select', (token, _ref) => { let { rootPrefixCls } = _ref; const selectToken = (0,statistic/* merge */.TS)(token, { rootPrefixCls, inputPaddingHorizontalBase: token.paddingSM - 1 }); return [genSelectStyle(selectToken)]; }, token => ({ zIndexPopup: token.zIndexPopupBase + 50 }))); /***/ }), /***/ 13458: /*!*************************************************************!*\ !*** ./node_modules/antd/es/select/useBuiltinPlacements.js ***! \*************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Z": function() { return /* binding */ useBuiltinPlacements; } /* harmony export */ }); const getBuiltInPlacements = popupOverflow => { const htmlRegion = popupOverflow === 'scroll' ? 'scroll' : 'visible'; const sharedConfig = { overflow: { adjustX: true, adjustY: true, shiftY: true }, htmlRegion, _experimental: { dynamicInset: true } }; return { bottomLeft: Object.assign(Object.assign({}, sharedConfig), { points: ['tl', 'bl'], offset: [0, 4] }), bottomRight: Object.assign(Object.assign({}, sharedConfig), { points: ['tr', 'br'], offset: [0, 4] }), topLeft: Object.assign(Object.assign({}, sharedConfig), { points: ['bl', 'tl'], offset: [0, -4] }), topRight: Object.assign(Object.assign({}, sharedConfig), { points: ['br', 'tr'], offset: [0, -4] }) }; }; function useBuiltinPlacements(buildInPlacements, popupOverflow) { return buildInPlacements || getBuiltInPlacements(popupOverflow); } /***/ }), /***/ 78642: /*!*****************************************************!*\ !*** ./node_modules/antd/es/select/useShowArrow.js ***! \*****************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Z": function() { return /* binding */ useShowArrow; } /* harmony export */ }); /** * Since Select, TreeSelect, Cascader is same Select like component. * We just use same hook to handle this logic. * * If `showArrow` not configured, always show it. */ function useShowArrow(showArrow) { return showArrow !== null && showArrow !== void 0 ? showArrow : true; } /***/ }), /***/ 46163: /*!*******************************************************!*\ !*** ./node_modules/antd/es/select/utils/iconUtil.js ***! \*******************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Z": function() { return /* binding */ getIcons; } /* harmony export */ }); /* harmony import */ var _ant_design_icons_es_icons_CheckOutlined__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons/es/icons/CheckOutlined */ 63606); /* harmony import */ var _ant_design_icons_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ant-design/icons/es/icons/CloseCircleFilled */ 4340); /* harmony import */ var _ant_design_icons_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons/es/icons/CloseOutlined */ 97937); /* harmony import */ var _ant_design_icons_es_icons_DownOutlined__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons/es/icons/DownOutlined */ 80882); /* harmony import */ var _ant_design_icons_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons/es/icons/LoadingOutlined */ 50888); /* harmony import */ var _ant_design_icons_es_icons_SearchOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons/es/icons/SearchOutlined */ 68795); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 67294); function getIcons(_ref) { let { suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loading, multiple, hasFeedback, prefixCls, showArrow, feedbackIcon } = _ref; // Clear Icon const mergedClearIcon = clearIcon !== null && clearIcon !== void 0 ? clearIcon : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ant_design_icons_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, null); // Validation Feedback Icon const getSuffixIconNode = arrowIcon => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, showArrow !== false && arrowIcon, hasFeedback && feedbackIcon); // Arrow item icon let mergedSuffixIcon = null; if (suffixIcon !== undefined) { mergedSuffixIcon = getSuffixIconNode(suffixIcon); } else if (loading) { mergedSuffixIcon = getSuffixIconNode( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ant_design_icons_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { spin: true })); } else { const iconCls = `${prefixCls}-suffix`; mergedSuffixIcon = _ref2 => { let { open, showSearch } = _ref2; if (open && showSearch) { return getSuffixIconNode( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ant_design_icons_es_icons_SearchOutlined__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { className: iconCls })); } return getSuffixIconNode( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ant_design_icons_es_icons_DownOutlined__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, { className: iconCls })); }; } // Checked item icon let mergedItemIcon = null; if (menuItemSelectedIcon !== undefined) { mergedItemIcon = menuItemSelectedIcon; } else if (multiple) { mergedItemIcon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ant_design_icons_es_icons_CheckOutlined__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, null); } else { mergedItemIcon = null; } let mergedRemoveIcon = null; if (removeIcon !== undefined) { mergedRemoveIcon = removeIcon; } else { mergedRemoveIcon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ant_design_icons_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, null); } return { clearIcon: mergedClearIcon, suffixIcon: mergedSuffixIcon, itemIcon: mergedItemIcon, removeIcon: mergedRemoveIcon }; } /***/ }), /***/ 33297: /*!***************************************************!*\ !*** ./node_modules/antd/es/style/motion/move.js ***! \***************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Fm": function() { return /* binding */ initMoveMotion; } /* harmony export */ }); /* unused harmony exports moveDownIn, moveDownOut, moveLeftIn, moveLeftOut, moveRightIn, moveRightOut, moveUpIn, moveUpOut */ /* harmony import */ var _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @ant-design/cssinjs */ 68024); /* harmony import */ var _motion__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./motion */ 53038); const moveDownIn = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('antMoveDownIn', { '0%': { transform: 'translate3d(0, 100%, 0)', transformOrigin: '0 0', opacity: 0 }, '100%': { transform: 'translate3d(0, 0, 0)', transformOrigin: '0 0', opacity: 1 } }); const moveDownOut = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('antMoveDownOut', { '0%': { transform: 'translate3d(0, 0, 0)', transformOrigin: '0 0', opacity: 1 }, '100%': { transform: 'translate3d(0, 100%, 0)', transformOrigin: '0 0', opacity: 0 } }); const moveLeftIn = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('antMoveLeftIn', { '0%': { transform: 'translate3d(-100%, 0, 0)', transformOrigin: '0 0', opacity: 0 }, '100%': { transform: 'translate3d(0, 0, 0)', transformOrigin: '0 0', opacity: 1 } }); const moveLeftOut = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('antMoveLeftOut', { '0%': { transform: 'translate3d(0, 0, 0)', transformOrigin: '0 0', opacity: 1 }, '100%': { transform: 'translate3d(-100%, 0, 0)', transformOrigin: '0 0', opacity: 0 } }); const moveRightIn = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('antMoveRightIn', { '0%': { transform: 'translate3d(100%, 0, 0)', transformOrigin: '0 0', opacity: 0 }, '100%': { transform: 'translate3d(0, 0, 0)', transformOrigin: '0 0', opacity: 1 } }); const moveRightOut = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('antMoveRightOut', { '0%': { transform: 'translate3d(0, 0, 0)', transformOrigin: '0 0', opacity: 1 }, '100%': { transform: 'translate3d(100%, 0, 0)', transformOrigin: '0 0', opacity: 0 } }); const moveUpIn = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('antMoveUpIn', { '0%': { transform: 'translate3d(0, -100%, 0)', transformOrigin: '0 0', opacity: 0 }, '100%': { transform: 'translate3d(0, 0, 0)', transformOrigin: '0 0', opacity: 1 } }); const moveUpOut = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('antMoveUpOut', { '0%': { transform: 'translate3d(0, 0, 0)', transformOrigin: '0 0', opacity: 1 }, '100%': { transform: 'translate3d(0, -100%, 0)', transformOrigin: '0 0', opacity: 0 } }); const moveMotion = { 'move-up': { inKeyframes: moveUpIn, outKeyframes: moveUpOut }, 'move-down': { inKeyframes: moveDownIn, outKeyframes: moveDownOut }, 'move-left': { inKeyframes: moveLeftIn, outKeyframes: moveLeftOut }, 'move-right': { inKeyframes: moveRightIn, outKeyframes: moveRightOut } }; const initMoveMotion = (token, motionName) => { const { antCls } = token; const motionCls = `${antCls}-${motionName}`; const { inKeyframes, outKeyframes } = moveMotion[motionName]; return [(0,_motion__WEBPACK_IMPORTED_MODULE_1__/* .initMotion */ .R)(motionCls, inKeyframes, outKeyframes, token.motionDurationMid), { [` ${motionCls}-enter, ${motionCls}-appear `]: { opacity: 0, animationTimingFunction: token.motionEaseOutCirc }, [`${motionCls}-leave`]: { animationTimingFunction: token.motionEaseInOutCirc } }]; }; /***/ }), /***/ 67771: /*!****************************************************!*\ !*** ./node_modules/antd/es/style/motion/slide.js ***! \****************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Qt": function() { return /* binding */ slideDownIn; }, /* harmony export */ "Uw": function() { return /* binding */ slideUpOut; }, /* harmony export */ "fJ": function() { return /* binding */ slideUpIn; }, /* harmony export */ "ly": function() { return /* binding */ slideDownOut; }, /* harmony export */ "oN": function() { return /* binding */ initSlideMotion; } /* harmony export */ }); /* unused harmony exports slideLeftIn, slideLeftOut, slideRightIn, slideRightOut */ /* harmony import */ var _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @ant-design/cssinjs */ 68024); /* harmony import */ var _motion__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./motion */ 53038); const slideUpIn = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('antSlideUpIn', { '0%': { transform: 'scaleY(0.8)', transformOrigin: '0% 0%', opacity: 0 }, '100%': { transform: 'scaleY(1)', transformOrigin: '0% 0%', opacity: 1 } }); const slideUpOut = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('antSlideUpOut', { '0%': { transform: 'scaleY(1)', transformOrigin: '0% 0%', opacity: 1 }, '100%': { transform: 'scaleY(0.8)', transformOrigin: '0% 0%', opacity: 0 } }); const slideDownIn = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('antSlideDownIn', { '0%': { transform: 'scaleY(0.8)', transformOrigin: '100% 100%', opacity: 0 }, '100%': { transform: 'scaleY(1)', transformOrigin: '100% 100%', opacity: 1 } }); const slideDownOut = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('antSlideDownOut', { '0%': { transform: 'scaleY(1)', transformOrigin: '100% 100%', opacity: 1 }, '100%': { transform: 'scaleY(0.8)', transformOrigin: '100% 100%', opacity: 0 } }); const slideLeftIn = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('antSlideLeftIn', { '0%': { transform: 'scaleX(0.8)', transformOrigin: '0% 0%', opacity: 0 }, '100%': { transform: 'scaleX(1)', transformOrigin: '0% 0%', opacity: 1 } }); const slideLeftOut = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('antSlideLeftOut', { '0%': { transform: 'scaleX(1)', transformOrigin: '0% 0%', opacity: 1 }, '100%': { transform: 'scaleX(0.8)', transformOrigin: '0% 0%', opacity: 0 } }); const slideRightIn = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('antSlideRightIn', { '0%': { transform: 'scaleX(0.8)', transformOrigin: '100% 0%', opacity: 0 }, '100%': { transform: 'scaleX(1)', transformOrigin: '100% 0%', opacity: 1 } }); const slideRightOut = new _ant_design_cssinjs__WEBPACK_IMPORTED_MODULE_0__.Keyframes('antSlideRightOut', { '0%': { transform: 'scaleX(1)', transformOrigin: '100% 0%', opacity: 1 }, '100%': { transform: 'scaleX(0.8)', transformOrigin: '100% 0%', opacity: 0 } }); const slideMotion = { 'slide-up': { inKeyframes: slideUpIn, outKeyframes: slideUpOut }, 'slide-down': { inKeyframes: slideDownIn, outKeyframes: slideDownOut }, 'slide-left': { inKeyframes: slideLeftIn, outKeyframes: slideLeftOut }, 'slide-right': { inKeyframes: slideRightIn, outKeyframes: slideRightOut } }; const initSlideMotion = (token, motionName) => { const { antCls } = token; const motionCls = `${antCls}-${motionName}`; const { inKeyframes, outKeyframes } = slideMotion[motionName]; return [(0,_motion__WEBPACK_IMPORTED_MODULE_1__/* .initMotion */ .R)(motionCls, inKeyframes, outKeyframes, token.motionDurationMid), { [` ${motionCls}-enter, ${motionCls}-appear `]: { transform: 'scale(0)', transformOrigin: '0% 0%', opacity: 0, animationTimingFunction: token.motionEaseOutQuint, [`&-prepare`]: { transform: 'scale(1)' } }, [`${motionCls}-leave`]: { animationTimingFunction: token.motionEaseInQuint } }]; }; /***/ }), /***/ 34243: /*!**********************************************************!*\ !*** ./node_modules/rc-overflow/es/index.js + 4 modules ***! \**********************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { // EXPORTS __webpack_require__.d(__webpack_exports__, { "Z": function() { return /* binding */ rc_overflow_es; } }); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js var esm_extends = __webpack_require__(87462); // 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/classnames/index.js var classnames = __webpack_require__(94184); var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames); // EXTERNAL MODULE: ./node_modules/rc-resize-observer/es/index.js + 4 modules var es = __webpack_require__(48555); // EXTERNAL MODULE: ./node_modules/rc-util/es/hooks/useLayoutEffect.js var useLayoutEffect = __webpack_require__(8410); ;// CONCATENATED MODULE: ./node_modules/rc-overflow/es/Item.js var _excluded = ["prefixCls", "invalidate", "item", "renderItem", "responsive", "responsiveDisabled", "registerSize", "itemKey", "className", "style", "children", "display", "order", "component"]; // Use shared variable to save bundle size var UNDEFINED = undefined; function InternalItem(props, ref) { var prefixCls = props.prefixCls, invalidate = props.invalidate, item = props.item, renderItem = props.renderItem, responsive = props.responsive, responsiveDisabled = props.responsiveDisabled, registerSize = props.registerSize, itemKey = props.itemKey, className = props.className, style = props.style, children = props.children, display = props.display, order = props.order, _props$component = props.component, Component = _props$component === void 0 ? 'div' : _props$component, restProps = (0,objectWithoutProperties/* default */.Z)(props, _excluded); var mergedHidden = responsive && !display; // ================================ Effect ================================ function internalRegisterSize(width) { registerSize(itemKey, width); } react.useEffect(function () { return function () { internalRegisterSize(null); }; }, []); // ================================ Render ================================ var childNode = renderItem && item !== UNDEFINED ? renderItem(item) : children; var overflowStyle; if (!invalidate) { overflowStyle = { opacity: mergedHidden ? 0 : 1, height: mergedHidden ? 0 : UNDEFINED, overflowY: mergedHidden ? 'hidden' : UNDEFINED, order: responsive ? order : UNDEFINED, pointerEvents: mergedHidden ? 'none' : UNDEFINED, position: mergedHidden ? 'absolute' : UNDEFINED }; } var overflowProps = {}; if (mergedHidden) { overflowProps['aria-hidden'] = true; } var itemNode = /*#__PURE__*/react.createElement(Component, (0,esm_extends/* default */.Z)({ className: classnames_default()(!invalidate && prefixCls, className), style: (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, overflowStyle), style) }, overflowProps, restProps, { ref: ref }), childNode); if (responsive) { itemNode = /*#__PURE__*/react.createElement(es/* default */.Z, { onResize: function onResize(_ref) { var offsetWidth = _ref.offsetWidth; internalRegisterSize(offsetWidth); }, disabled: responsiveDisabled }, itemNode); } return itemNode; } var Item = /*#__PURE__*/react.forwardRef(InternalItem); Item.displayName = 'Item'; /* harmony default export */ var es_Item = (Item); // EXTERNAL MODULE: ./node_modules/rc-util/es/raf.js var raf = __webpack_require__(75164); // EXTERNAL MODULE: ./node_modules/rc-util/es/hooks/useState.js var useState = __webpack_require__(30470); ;// CONCATENATED MODULE: ./node_modules/rc-overflow/es/hooks/useBatchFrameState.js /** * State generate. Return a `setState` but it will flush all state with one render to save perf. * This is not a realization of `unstable_batchedUpdates`. */ function useBatchFrameState() { var _useState = (0,useState/* default */.Z)({}), _useState2 = (0,slicedToArray/* default */.Z)(_useState, 2), forceUpdate = _useState2[1]; var statesRef = (0,react.useRef)([]); var walkingIndex = 0; var beforeFrameId = 0; function createState(defaultValue) { var myIndex = walkingIndex; walkingIndex += 1; // Fill value if not exist yet if (statesRef.current.length < myIndex + 1) { statesRef.current[myIndex] = defaultValue; } // Return filled as `setState` var value = statesRef.current[myIndex]; function setValue(val) { statesRef.current[myIndex] = typeof val === 'function' ? val(statesRef.current[myIndex]) : val; raf/* default.cancel */.Z.cancel(beforeFrameId); // Flush with batch beforeFrameId = (0,raf/* default */.Z)(function () { forceUpdate({}, true); }); } return [value, setValue]; } return createState; } ;// CONCATENATED MODULE: ./node_modules/rc-overflow/es/RawItem.js var RawItem_excluded = ["component"], _excluded2 = ["className"], _excluded3 = ["className"]; var InternalRawItem = function InternalRawItem(props, ref) { var context = react.useContext(OverflowContext); // Render directly when context not provided if (!context) { var _props$component = props.component, Component = _props$component === void 0 ? 'div' : _props$component, _restProps = (0,objectWithoutProperties/* default */.Z)(props, RawItem_excluded); return /*#__PURE__*/react.createElement(Component, (0,esm_extends/* default */.Z)({}, _restProps, { ref: ref })); } var contextClassName = context.className, restContext = (0,objectWithoutProperties/* default */.Z)(context, _excluded2); var className = props.className, restProps = (0,objectWithoutProperties/* default */.Z)(props, _excluded3); // Do not pass context to sub item to avoid multiple measure return /*#__PURE__*/react.createElement(OverflowContext.Provider, { value: null }, /*#__PURE__*/react.createElement(es_Item, (0,esm_extends/* default */.Z)({ ref: ref, className: classnames_default()(contextClassName, className) }, restContext, restProps))); }; var RawItem = /*#__PURE__*/react.forwardRef(InternalRawItem); RawItem.displayName = 'RawItem'; /* harmony default export */ var es_RawItem = (RawItem); ;// CONCATENATED MODULE: ./node_modules/rc-overflow/es/Overflow.js var Overflow_excluded = ["prefixCls", "data", "renderItem", "renderRawItem", "itemKey", "itemWidth", "ssr", "style", "className", "maxCount", "renderRest", "renderRawRest", "suffix", "component", "itemComponent", "onVisibleChange"]; var OverflowContext = /*#__PURE__*/react.createContext(null); var RESPONSIVE = 'responsive'; var INVALIDATE = 'invalidate'; function defaultRenderRest(omittedItems) { return "+ ".concat(omittedItems.length, " ..."); } function Overflow(props, ref) { var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? 'rc-overflow' : _props$prefixCls, _props$data = props.data, data = _props$data === void 0 ? [] : _props$data, renderItem = props.renderItem, renderRawItem = props.renderRawItem, itemKey = props.itemKey, _props$itemWidth = props.itemWidth, itemWidth = _props$itemWidth === void 0 ? 10 : _props$itemWidth, ssr = props.ssr, style = props.style, className = props.className, maxCount = props.maxCount, renderRest = props.renderRest, renderRawRest = props.renderRawRest, suffix = props.suffix, _props$component = props.component, Component = _props$component === void 0 ? 'div' : _props$component, itemComponent = props.itemComponent, onVisibleChange = props.onVisibleChange, restProps = (0,objectWithoutProperties/* default */.Z)(props, Overflow_excluded); var createUseState = useBatchFrameState(); var fullySSR = ssr === 'full'; var _createUseState = createUseState(null), _createUseState2 = (0,slicedToArray/* default */.Z)(_createUseState, 2), containerWidth = _createUseState2[0], setContainerWidth = _createUseState2[1]; var mergedContainerWidth = containerWidth || 0; var _createUseState3 = createUseState(new Map()), _createUseState4 = (0,slicedToArray/* default */.Z)(_createUseState3, 2), itemWidths = _createUseState4[0], setItemWidths = _createUseState4[1]; var _createUseState5 = createUseState(0), _createUseState6 = (0,slicedToArray/* default */.Z)(_createUseState5, 2), prevRestWidth = _createUseState6[0], setPrevRestWidth = _createUseState6[1]; var _createUseState7 = createUseState(0), _createUseState8 = (0,slicedToArray/* default */.Z)(_createUseState7, 2), restWidth = _createUseState8[0], setRestWidth = _createUseState8[1]; var _createUseState9 = createUseState(0), _createUseState10 = (0,slicedToArray/* default */.Z)(_createUseState9, 2), suffixWidth = _createUseState10[0], setSuffixWidth = _createUseState10[1]; var _useState = (0,react.useState)(null), _useState2 = (0,slicedToArray/* default */.Z)(_useState, 2), suffixFixedStart = _useState2[0], setSuffixFixedStart = _useState2[1]; var _useState3 = (0,react.useState)(null), _useState4 = (0,slicedToArray/* default */.Z)(_useState3, 2), displayCount = _useState4[0], setDisplayCount = _useState4[1]; var mergedDisplayCount = react.useMemo(function () { if (displayCount === null && fullySSR) { return Number.MAX_SAFE_INTEGER; } return displayCount || 0; }, [displayCount, containerWidth]); var _useState5 = (0,react.useState)(false), _useState6 = (0,slicedToArray/* default */.Z)(_useState5, 2), restReady = _useState6[0], setRestReady = _useState6[1]; var itemPrefixCls = "".concat(prefixCls, "-item"); // Always use the max width to avoid blink var mergedRestWidth = Math.max(prevRestWidth, restWidth); // ================================= Data ================================= var isResponsive = maxCount === RESPONSIVE; var shouldResponsive = data.length && isResponsive; var invalidate = maxCount === INVALIDATE; /** * When is `responsive`, we will always render rest node to get the real width of it for calculation */ var showRest = shouldResponsive || typeof maxCount === 'number' && data.length > maxCount; var mergedData = (0,react.useMemo)(function () { var items = data; if (shouldResponsive) { if (containerWidth === null && fullySSR) { items = data; } else { items = data.slice(0, Math.min(data.length, mergedContainerWidth / itemWidth)); } } else if (typeof maxCount === 'number') { items = data.slice(0, maxCount); } return items; }, [data, itemWidth, containerWidth, maxCount, shouldResponsive]); var omittedItems = (0,react.useMemo)(function () { if (shouldResponsive) { return data.slice(mergedDisplayCount + 1); } return data.slice(mergedData.length); }, [data, mergedData, shouldResponsive, mergedDisplayCount]); // ================================= Item ================================= var getKey = (0,react.useCallback)(function (item, index) { var _ref; if (typeof itemKey === 'function') { return itemKey(item); } return (_ref = itemKey && (item === null || item === void 0 ? void 0 : item[itemKey])) !== null && _ref !== void 0 ? _ref : index; }, [itemKey]); var mergedRenderItem = (0,react.useCallback)(renderItem || function (item) { return item; }, [renderItem]); function updateDisplayCount(count, suffixFixedStartVal, notReady) { // React 18 will sync render even when the value is same in some case. // We take `mergedData` as deps which may cause dead loop if it's dynamic generate. // ref: https://github.com/ant-design/ant-design/issues/36559 if (displayCount === count && (suffixFixedStartVal === undefined || suffixFixedStartVal === suffixFixedStart)) { return; } setDisplayCount(count); if (!notReady) { setRestReady(count < data.length - 1); onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(count); } if (suffixFixedStartVal !== undefined) { setSuffixFixedStart(suffixFixedStartVal); } } // ================================= Size ================================= function onOverflowResize(_, element) { setContainerWidth(element.clientWidth); } function registerSize(key, width) { setItemWidths(function (origin) { var clone = new Map(origin); if (width === null) { clone.delete(key); } else { clone.set(key, width); } return clone; }); } function registerOverflowSize(_, width) { setRestWidth(width); setPrevRestWidth(restWidth); } function registerSuffixSize(_, width) { setSuffixWidth(width); } // ================================ Effect ================================ function getItemWidth(index) { return itemWidths.get(getKey(mergedData[index], index)); } (0,useLayoutEffect/* default */.Z)(function () { if (mergedContainerWidth && mergedRestWidth && mergedData) { var totalWidth = suffixWidth; var len = mergedData.length; var lastIndex = len - 1; // When data count change to 0, reset this since not loop will reach if (!len) { updateDisplayCount(0, null); return; } for (var i = 0; i < len; i += 1) { var currentItemWidth = getItemWidth(i); // Fully will always render if (fullySSR) { currentItemWidth = currentItemWidth || 0; } // Break since data not ready if (currentItemWidth === undefined) { updateDisplayCount(i - 1, undefined, true); break; } // Find best match totalWidth += currentItemWidth; if ( // Only one means `totalWidth` is the final width lastIndex === 0 && totalWidth <= mergedContainerWidth || // Last two width will be the final width i === lastIndex - 1 && totalWidth + getItemWidth(lastIndex) <= mergedContainerWidth) { // Additional check if match the end updateDisplayCount(lastIndex, null); break; } else if (totalWidth + mergedRestWidth > mergedContainerWidth) { // Can not hold all the content to show rest updateDisplayCount(i - 1, totalWidth - currentItemWidth - suffixWidth + restWidth); break; } } if (suffix && getItemWidth(0) + suffixWidth > mergedContainerWidth) { setSuffixFixedStart(null); } } }, [mergedContainerWidth, itemWidths, restWidth, suffixWidth, getKey, mergedData]); // ================================ Render ================================ var displayRest = restReady && !!omittedItems.length; var suffixStyle = {}; if (suffixFixedStart !== null && shouldResponsive) { suffixStyle = { position: 'absolute', left: suffixFixedStart, top: 0 }; } var itemSharedProps = { prefixCls: itemPrefixCls, responsive: shouldResponsive, component: itemComponent, invalidate: invalidate }; // >>>>> Choice render fun by `renderRawItem` var internalRenderItemNode = renderRawItem ? function (item, index) { var key = getKey(item, index); return /*#__PURE__*/react.createElement(OverflowContext.Provider, { key: key, value: (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, itemSharedProps), {}, { order: index, item: item, itemKey: key, registerSize: registerSize, display: index <= mergedDisplayCount }) }, renderRawItem(item, index)); } : function (item, index) { var key = getKey(item, index); return /*#__PURE__*/react.createElement(es_Item, (0,esm_extends/* default */.Z)({}, itemSharedProps, { order: index, key: key, item: item, renderItem: mergedRenderItem, itemKey: key, registerSize: registerSize, display: index <= mergedDisplayCount })); }; // >>>>> Rest node var restNode; var restContextProps = { order: displayRest ? mergedDisplayCount : Number.MAX_SAFE_INTEGER, className: "".concat(itemPrefixCls, "-rest"), registerSize: registerOverflowSize, display: displayRest }; if (!renderRawRest) { var mergedRenderRest = renderRest || defaultRenderRest; restNode = /*#__PURE__*/react.createElement(es_Item, (0,esm_extends/* default */.Z)({}, itemSharedProps, restContextProps), typeof mergedRenderRest === 'function' ? mergedRenderRest(omittedItems) : mergedRenderRest); } else if (renderRawRest) { restNode = /*#__PURE__*/react.createElement(OverflowContext.Provider, { value: (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, itemSharedProps), restContextProps) }, renderRawRest(omittedItems)); } var overflowNode = /*#__PURE__*/react.createElement(Component, (0,esm_extends/* default */.Z)({ className: classnames_default()(!invalidate && prefixCls, className), style: style, ref: ref }, restProps), mergedData.map(internalRenderItemNode), showRest ? restNode : null, suffix && /*#__PURE__*/react.createElement(es_Item, (0,esm_extends/* default */.Z)({}, itemSharedProps, { responsive: isResponsive, responsiveDisabled: !shouldResponsive, order: mergedDisplayCount, className: "".concat(itemPrefixCls, "-suffix"), registerSize: registerSuffixSize, display: true, style: suffixStyle }), suffix)); if (isResponsive) { overflowNode = /*#__PURE__*/react.createElement(es/* default */.Z, { onResize: onOverflowResize, disabled: !shouldResponsive }, overflowNode); } return overflowNode; } var ForwardOverflow = /*#__PURE__*/react.forwardRef(Overflow); ForwardOverflow.displayName = 'Overflow'; ForwardOverflow.Item = es_RawItem; ForwardOverflow.RESPONSIVE = RESPONSIVE; ForwardOverflow.INVALIDATE = INVALIDATE; // Convert to generic type /* harmony default export */ var es_Overflow = (ForwardOverflow); ;// CONCATENATED MODULE: ./node_modules/rc-overflow/es/index.js /* harmony default export */ var rc_overflow_es = (es_Overflow); /***/ }) }]);