|
|
|
|
@ -1,5 +1,5 @@
|
|
|
|
|
"use strict";
|
|
|
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[50812],{
|
|
|
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[69362],{
|
|
|
|
|
|
|
|
|
|
/***/ 13826:
|
|
|
|
|
/*!****************************************************************!*\
|
|
|
|
|
@ -163,16 +163,16 @@ const initSlideMotion = (token, motionName) => {
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1439:
|
|
|
|
|
/***/ 11780:
|
|
|
|
|
/*!*****************************************************************************!*\
|
|
|
|
|
!*** ./node_modules/_rc-overflow@1.3.2@rc-overflow/es/index.js + 6 modules ***!
|
|
|
|
|
!*** ./node_modules/_rc-overflow@1.4.1@rc-overflow/es/index.js + 6 modules ***!
|
|
|
|
|
\*****************************************************************************/
|
|
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// EXPORTS
|
|
|
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
|
|
|
Z: function() { return /* binding */ _rc_overflow_1_3_2_rc_overflow_es; }
|
|
|
|
|
Z: function() { return /* binding */ _rc_overflow_1_4_1_rc_overflow_es; }
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.26.0@@babel/runtime/helpers/esm/extends.js
|
|
|
|
|
@ -192,7 +192,7 @@ var _classnames_2_5_1_classnames_default = /*#__PURE__*/__webpack_require__.n(_c
|
|
|
|
|
var es = __webpack_require__(29301);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_rc-util@5.44.3@rc-util/es/hooks/useLayoutEffect.js
|
|
|
|
|
var useLayoutEffect = __webpack_require__(28800);
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-overflow@1.3.2@rc-overflow/es/Item.js
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-overflow@1.4.1@rc-overflow/es/Item.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -220,6 +220,7 @@ function InternalItem(props, ref) {
|
|
|
|
|
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);
|
|
|
|
|
@ -229,8 +230,11 @@ function InternalItem(props, ref) {
|
|
|
|
|
internalRegisterSize(null);
|
|
|
|
|
};
|
|
|
|
|
}, []);
|
|
|
|
|
|
|
|
|
|
// ================================ Render ================================
|
|
|
|
|
var childNode = renderItem && item !== UNDEFINED ? renderItem(item) : children;
|
|
|
|
|
var childNode = renderItem && item !== UNDEFINED ? renderItem(item, {
|
|
|
|
|
index: order
|
|
|
|
|
}) : children;
|
|
|
|
|
var overflowStyle;
|
|
|
|
|
if (!invalidate) {
|
|
|
|
|
overflowStyle = {
|
|
|
|
|
@ -272,7 +276,7 @@ var useEvent = __webpack_require__(8107);
|
|
|
|
|
var _react_dom_17_0_2_react_dom = __webpack_require__(4676);
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_rc-util@5.44.3@rc-util/es/raf.js
|
|
|
|
|
var raf = __webpack_require__(23073);
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-overflow@1.3.2@rc-overflow/es/hooks/channelUpdate.js
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-overflow@1.4.1@rc-overflow/es/hooks/channelUpdate.js
|
|
|
|
|
|
|
|
|
|
function channelUpdate(callback) {
|
|
|
|
|
if (typeof MessageChannel === 'undefined') {
|
|
|
|
|
@ -285,7 +289,7 @@ function channelUpdate(callback) {
|
|
|
|
|
channel.port2.postMessage(undefined);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-overflow@1.3.2@rc-overflow/es/hooks/useEffectState.js
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-overflow@1.4.1@rc-overflow/es/hooks/useEffectState.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -297,6 +301,7 @@ function channelUpdate(callback) {
|
|
|
|
|
function useBatcher() {
|
|
|
|
|
// Updater Trigger
|
|
|
|
|
var updateFuncRef = _react_17_0_2_react.useRef(null);
|
|
|
|
|
|
|
|
|
|
// Notify update
|
|
|
|
|
var notifyEffectUpdate = function notifyEffectUpdate(callback) {
|
|
|
|
|
if (!updateFuncRef.current) {
|
|
|
|
|
@ -314,6 +319,7 @@ function useBatcher() {
|
|
|
|
|
};
|
|
|
|
|
return notifyEffectUpdate;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Trigger state update by `useLayoutEffect` to save perf.
|
|
|
|
|
*/
|
|
|
|
|
@ -323,6 +329,7 @@ function useEffectState(notifyEffectUpdate, defaultValue) {
|
|
|
|
|
_React$useState2 = (0,slicedToArray/* default */.Z)(_React$useState, 2),
|
|
|
|
|
stateValue = _React$useState2[0],
|
|
|
|
|
setStateValue = _React$useState2[1];
|
|
|
|
|
|
|
|
|
|
// Set State
|
|
|
|
|
var setEffectVal = (0,useEvent/* default */.Z)(function (nextValue) {
|
|
|
|
|
notifyEffectUpdate(function () {
|
|
|
|
|
@ -331,10 +338,10 @@ function useEffectState(notifyEffectUpdate, defaultValue) {
|
|
|
|
|
});
|
|
|
|
|
return [stateValue, setEffectVal];
|
|
|
|
|
}
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-overflow@1.3.2@rc-overflow/es/context.js
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-overflow@1.4.1@rc-overflow/es/context.js
|
|
|
|
|
|
|
|
|
|
var OverflowContext = /*#__PURE__*/_react_17_0_2_react.createContext(null);
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-overflow@1.3.2@rc-overflow/es/RawItem.js
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-overflow@1.4.1@rc-overflow/es/RawItem.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var RawItem_excluded = ["component"],
|
|
|
|
|
@ -346,6 +353,7 @@ var RawItem_excluded = ["component"],
|
|
|
|
|
|
|
|
|
|
var InternalRawItem = function InternalRawItem(props, ref) {
|
|
|
|
|
var context = _react_17_0_2_react.useContext(OverflowContext);
|
|
|
|
|
|
|
|
|
|
// Render directly when context not provided
|
|
|
|
|
if (!context) {
|
|
|
|
|
var _props$component = props.component,
|
|
|
|
|
@ -359,6 +367,7 @@ var InternalRawItem = function InternalRawItem(props, ref) {
|
|
|
|
|
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_17_0_2_react.createElement(OverflowContext.Provider, {
|
|
|
|
|
value: null
|
|
|
|
|
@ -370,7 +379,7 @@ var InternalRawItem = function InternalRawItem(props, ref) {
|
|
|
|
|
var RawItem = /*#__PURE__*/_react_17_0_2_react.forwardRef(InternalRawItem);
|
|
|
|
|
RawItem.displayName = 'RawItem';
|
|
|
|
|
/* harmony default export */ var es_RawItem = (RawItem);
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-overflow@1.3.2@rc-overflow/es/Overflow.js
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-overflow@1.4.1@rc-overflow/es/Overflow.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -455,12 +464,15 @@ function Overflow(props, ref) {
|
|
|
|
|
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
|
|
|
|
|
*/
|
|
|
|
|
@ -484,6 +496,7 @@ function Overflow(props, ref) {
|
|
|
|
|
}
|
|
|
|
|
return data.slice(mergedData.length);
|
|
|
|
|
}, [data, mergedData, shouldResponsive, mergedDisplayCount]);
|
|
|
|
|
|
|
|
|
|
// ================================= Item =================================
|
|
|
|
|
var getKey = (0,_react_17_0_2_react.useCallback)(function (item, index) {
|
|
|
|
|
var _ref;
|
|
|
|
|
@ -505,12 +518,13 @@ function Overflow(props, ref) {
|
|
|
|
|
setDisplayCount(count);
|
|
|
|
|
if (!notReady) {
|
|
|
|
|
setRestReady(count < data.length - 1);
|
|
|
|
|
onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(count);
|
|
|
|
|
onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(count);
|
|
|
|
|
}
|
|
|
|
|
if (suffixFixedStartVal !== undefined) {
|
|
|
|
|
setSuffixFixedStart(suffixFixedStartVal);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// ================================= Size =================================
|
|
|
|
|
function onOverflowResize(_, element) {
|
|
|
|
|
setContainerWidth(element.clientWidth);
|
|
|
|
|
@ -533,6 +547,7 @@ function Overflow(props, ref) {
|
|
|
|
|
function registerSuffixSize(_, width) {
|
|
|
|
|
setSuffixWidth(width);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// ================================ Effect ================================
|
|
|
|
|
function getItemWidth(index) {
|
|
|
|
|
return itemWidths.get(getKey(mergedData[index], index));
|
|
|
|
|
@ -542,6 +557,7 @@ function Overflow(props, ref) {
|
|
|
|
|
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);
|
|
|
|
|
@ -549,15 +565,18 @@ function Overflow(props, ref) {
|
|
|
|
|
}
|
|
|
|
|
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 (
|
|
|
|
|
@ -579,6 +598,7 @@ function Overflow(props, ref) {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}, [mergedContainerWidth, itemWidths, restWidth, suffixWidth, getKey, mergedData]);
|
|
|
|
|
|
|
|
|
|
// ================================ Render ================================
|
|
|
|
|
var displayRest = restReady && !!omittedItems.length;
|
|
|
|
|
var suffixStyle = {};
|
|
|
|
|
@ -595,6 +615,7 @@ function Overflow(props, ref) {
|
|
|
|
|
component: itemComponent,
|
|
|
|
|
invalidate: invalidate
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// >>>>> Choice render fun by `renderRawItem`
|
|
|
|
|
var internalRenderItemNode = renderRawItem ? function (item, index) {
|
|
|
|
|
var key = getKey(item, index);
|
|
|
|
|
@ -620,22 +641,18 @@ function Overflow(props, ref) {
|
|
|
|
|
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_17_0_2_react.createElement(es_Item, (0,esm_extends/* default */.Z)({}, itemSharedProps, restContextProps), typeof mergedRenderRest === 'function' ? mergedRenderRest(omittedItems) : mergedRenderRest);
|
|
|
|
|
} else if (renderRawRest) {
|
|
|
|
|
restNode = /*#__PURE__*/_react_17_0_2_react.createElement(OverflowContext.Provider, {
|
|
|
|
|
value: (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, itemSharedProps), restContextProps)
|
|
|
|
|
}, renderRawRest(omittedItems));
|
|
|
|
|
}
|
|
|
|
|
var mergedRenderRest = renderRest || defaultRenderRest;
|
|
|
|
|
var restNode = renderRawRest ? /*#__PURE__*/_react_17_0_2_react.createElement(OverflowContext.Provider, {
|
|
|
|
|
value: (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, itemSharedProps), restContextProps)
|
|
|
|
|
}, renderRawRest(omittedItems)) : /*#__PURE__*/_react_17_0_2_react.createElement(es_Item, (0,esm_extends/* default */.Z)({}, itemSharedProps, restContextProps), typeof mergedRenderRest === 'function' ? mergedRenderRest(omittedItems) : mergedRenderRest);
|
|
|
|
|
var overflowNode = /*#__PURE__*/_react_17_0_2_react.createElement(Component, (0,esm_extends/* default */.Z)({
|
|
|
|
|
className: _classnames_2_5_1_classnames_default()(!invalidate && prefixCls, className),
|
|
|
|
|
style: style,
|
|
|
|
|
@ -649,24 +666,22 @@ function Overflow(props, ref) {
|
|
|
|
|
display: true,
|
|
|
|
|
style: suffixStyle
|
|
|
|
|
}), suffix));
|
|
|
|
|
if (isResponsive) {
|
|
|
|
|
overflowNode = /*#__PURE__*/_react_17_0_2_react.createElement(es/* default */.Z, {
|
|
|
|
|
onResize: onOverflowResize,
|
|
|
|
|
disabled: !shouldResponsive
|
|
|
|
|
}, overflowNode);
|
|
|
|
|
}
|
|
|
|
|
return overflowNode;
|
|
|
|
|
return isResponsive ? /*#__PURE__*/_react_17_0_2_react.createElement(es/* default */.Z, {
|
|
|
|
|
onResize: onOverflowResize,
|
|
|
|
|
disabled: !shouldResponsive
|
|
|
|
|
}, overflowNode) : overflowNode;
|
|
|
|
|
}
|
|
|
|
|
var ForwardOverflow = /*#__PURE__*/_react_17_0_2_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@1.3.2@rc-overflow/es/index.js
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-overflow@1.4.1@rc-overflow/es/index.js
|
|
|
|
|
|
|
|
|
|
/* harmony default export */ var _rc_overflow_1_3_2_rc_overflow_es = (es_Overflow);
|
|
|
|
|
/* harmony default export */ var _rc_overflow_1_4_1_rc_overflow_es = (es_Overflow);
|
|
|
|
|
|
|
|
|
|
/***/ })
|
|
|
|
|
|