|
|
"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 */ 93590);
|
|
|
|
|
|
|
|
|
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
|
|
|
}
|
|
|
}];
|
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 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);
|
|
|
|
|
|
/***/ })
|
|
|
|
|
|
}]); |
