You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1373 lines
47 KiB
1373 lines
47 KiB
"use strict";
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[83062],{
|
|
|
|
/***/ 98787:
|
|
/*!**********************************************!*\
|
|
!*** ./node_modules/antd/es/_util/colors.js ***!
|
|
\**********************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "o2": function() { return /* binding */ isPresetColor; },
|
|
/* harmony export */ "yT": function() { return /* binding */ isPresetStatusColor; }
|
|
/* harmony export */ });
|
|
/* unused harmony export PresetStatusColorTypes */
|
|
/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ 74902);
|
|
/* harmony import */ var _theme_interface__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../theme/interface */ 8796);
|
|
|
|
|
|
const inverseColors = _theme_interface__WEBPACK_IMPORTED_MODULE_0__/* .PresetColors.map */ .i.map(color => `${color}-inverse`);
|
|
const PresetStatusColorTypes = ['success', 'processing', 'error', 'default', 'warning'];
|
|
/**
|
|
* determine if the color keyword belongs to the `Ant Design` {@link PresetColors}.
|
|
* @param color color to be judged
|
|
* @param includeInverse whether to include reversed colors
|
|
*/
|
|
function isPresetColor(color) {
|
|
let includeInverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
if (includeInverse) {
|
|
return [].concat((0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(inverseColors), (0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(_theme_interface__WEBPACK_IMPORTED_MODULE_0__/* .PresetColors */ .i)).includes(color);
|
|
}
|
|
return _theme_interface__WEBPACK_IMPORTED_MODULE_0__/* .PresetColors.includes */ .i.includes(color);
|
|
}
|
|
function isPresetStatusColor(color) {
|
|
return PresetStatusColorTypes.includes(color);
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ 80636:
|
|
/*!**************************************************!*\
|
|
!*** ./node_modules/antd/es/_util/placements.js ***!
|
|
\**************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "Z": function() { return /* binding */ getPlacements; }
|
|
/* harmony export */ });
|
|
/* unused harmony export getOverflowOptions */
|
|
/* harmony import */ var _style_placementArrow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../style/placementArrow */ 97414);
|
|
|
|
function getOverflowOptions(placement, arrowOffset, arrowWidth, autoAdjustOverflow) {
|
|
if (autoAdjustOverflow === false) {
|
|
return {
|
|
adjustX: false,
|
|
adjustY: false
|
|
};
|
|
}
|
|
const overflow = autoAdjustOverflow && typeof autoAdjustOverflow === 'object' ? autoAdjustOverflow : {};
|
|
const baseOverflow = {};
|
|
switch (placement) {
|
|
case 'top':
|
|
case 'bottom':
|
|
baseOverflow.shiftX = arrowOffset.dropdownArrowOffset * 2 + arrowWidth;
|
|
break;
|
|
case 'left':
|
|
case 'right':
|
|
baseOverflow.shiftY = arrowOffset.dropdownArrowOffsetVertical * 2 + arrowWidth;
|
|
break;
|
|
}
|
|
const mergedOverflow = Object.assign(Object.assign({}, baseOverflow), overflow);
|
|
// Support auto shift
|
|
if (!mergedOverflow.shiftX) {
|
|
mergedOverflow.adjustX = true;
|
|
}
|
|
if (!mergedOverflow.shiftY) {
|
|
mergedOverflow.adjustY = true;
|
|
}
|
|
return mergedOverflow;
|
|
}
|
|
const PlacementAlignMap = {
|
|
left: {
|
|
points: ['cr', 'cl']
|
|
},
|
|
right: {
|
|
points: ['cl', 'cr']
|
|
},
|
|
top: {
|
|
points: ['bc', 'tc']
|
|
},
|
|
bottom: {
|
|
points: ['tc', 'bc']
|
|
},
|
|
topLeft: {
|
|
points: ['bl', 'tl']
|
|
},
|
|
leftTop: {
|
|
points: ['tr', 'tl']
|
|
},
|
|
topRight: {
|
|
points: ['br', 'tr']
|
|
},
|
|
rightTop: {
|
|
points: ['tl', 'tr']
|
|
},
|
|
bottomRight: {
|
|
points: ['tr', 'br']
|
|
},
|
|
rightBottom: {
|
|
points: ['bl', 'br']
|
|
},
|
|
bottomLeft: {
|
|
points: ['tl', 'bl']
|
|
},
|
|
leftBottom: {
|
|
points: ['br', 'bl']
|
|
}
|
|
};
|
|
const ArrowCenterPlacementAlignMap = {
|
|
topLeft: {
|
|
points: ['bl', 'tc']
|
|
},
|
|
leftTop: {
|
|
points: ['tr', 'cl']
|
|
},
|
|
topRight: {
|
|
points: ['br', 'tc']
|
|
},
|
|
rightTop: {
|
|
points: ['tl', 'cr']
|
|
},
|
|
bottomRight: {
|
|
points: ['tr', 'bc']
|
|
},
|
|
rightBottom: {
|
|
points: ['bl', 'cr']
|
|
},
|
|
bottomLeft: {
|
|
points: ['tl', 'bc']
|
|
},
|
|
leftBottom: {
|
|
points: ['br', 'cl']
|
|
}
|
|
};
|
|
const DisableAutoArrowList = new Set(['topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom']);
|
|
function getPlacements(config) {
|
|
const {
|
|
arrowWidth,
|
|
autoAdjustOverflow,
|
|
arrowPointAtCenter,
|
|
offset,
|
|
borderRadius,
|
|
visibleFirst
|
|
} = config;
|
|
const halfArrowWidth = arrowWidth / 2;
|
|
const placementMap = {};
|
|
Object.keys(PlacementAlignMap).forEach(key => {
|
|
const template = arrowPointAtCenter && ArrowCenterPlacementAlignMap[key] || PlacementAlignMap[key];
|
|
const placementInfo = Object.assign(Object.assign({}, template), {
|
|
offset: [0, 0]
|
|
});
|
|
placementMap[key] = placementInfo;
|
|
// Disable autoArrow since design is fixed position
|
|
if (DisableAutoArrowList.has(key)) {
|
|
placementInfo.autoArrow = false;
|
|
}
|
|
// Static offset
|
|
switch (key) {
|
|
case 'top':
|
|
case 'topLeft':
|
|
case 'topRight':
|
|
placementInfo.offset[1] = -halfArrowWidth - offset;
|
|
break;
|
|
case 'bottom':
|
|
case 'bottomLeft':
|
|
case 'bottomRight':
|
|
placementInfo.offset[1] = halfArrowWidth + offset;
|
|
break;
|
|
case 'left':
|
|
case 'leftTop':
|
|
case 'leftBottom':
|
|
placementInfo.offset[0] = -halfArrowWidth - offset;
|
|
break;
|
|
case 'right':
|
|
case 'rightTop':
|
|
case 'rightBottom':
|
|
placementInfo.offset[0] = halfArrowWidth + offset;
|
|
break;
|
|
}
|
|
// Dynamic offset
|
|
const arrowOffset = (0,_style_placementArrow__WEBPACK_IMPORTED_MODULE_0__/* .getArrowOffset */ .fS)({
|
|
contentRadius: borderRadius,
|
|
limitVerticalRadius: true
|
|
});
|
|
if (arrowPointAtCenter) {
|
|
switch (key) {
|
|
case 'topLeft':
|
|
case 'bottomLeft':
|
|
placementInfo.offset[0] = -arrowOffset.dropdownArrowOffset - halfArrowWidth;
|
|
break;
|
|
case 'topRight':
|
|
case 'bottomRight':
|
|
placementInfo.offset[0] = arrowOffset.dropdownArrowOffset + halfArrowWidth;
|
|
break;
|
|
case 'leftTop':
|
|
case 'rightTop':
|
|
placementInfo.offset[1] = -arrowOffset.dropdownArrowOffset - halfArrowWidth;
|
|
break;
|
|
case 'leftBottom':
|
|
case 'rightBottom':
|
|
placementInfo.offset[1] = arrowOffset.dropdownArrowOffset + halfArrowWidth;
|
|
break;
|
|
}
|
|
}
|
|
// Overflow
|
|
placementInfo.overflow = getOverflowOptions(key, arrowOffset, arrowWidth, autoAdjustOverflow);
|
|
// VisibleFirst
|
|
if (visibleFirst) {
|
|
placementInfo.htmlRegion = 'visibleFirst';
|
|
}
|
|
});
|
|
return placementMap;
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ 97414:
|
|
/*!******************************************************!*\
|
|
!*** ./node_modules/antd/es/style/placementArrow.js ***!
|
|
\******************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "ZP": function() { return /* binding */ getArrowStyle; },
|
|
/* harmony export */ "fS": function() { return /* binding */ getArrowOffset; },
|
|
/* harmony export */ "qN": function() { return /* binding */ MAX_VERTICAL_CONTENT_RADIUS; }
|
|
/* harmony export */ });
|
|
/* harmony import */ var _roundedArrow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./roundedArrow */ 79511);
|
|
|
|
const MAX_VERTICAL_CONTENT_RADIUS = 8;
|
|
function getArrowOffset(options) {
|
|
const maxVerticalContentRadius = MAX_VERTICAL_CONTENT_RADIUS;
|
|
const {
|
|
contentRadius,
|
|
limitVerticalRadius
|
|
} = options;
|
|
const dropdownArrowOffset = contentRadius > 12 ? contentRadius + 2 : 12;
|
|
const dropdownArrowOffsetVertical = limitVerticalRadius ? maxVerticalContentRadius : dropdownArrowOffset;
|
|
return {
|
|
dropdownArrowOffset,
|
|
dropdownArrowOffsetVertical
|
|
};
|
|
}
|
|
function isInject(valid, code) {
|
|
if (!valid) return {};
|
|
return code;
|
|
}
|
|
function getArrowStyle(token, options) {
|
|
const {
|
|
componentCls,
|
|
sizePopupArrow,
|
|
borderRadiusXS,
|
|
borderRadiusOuter,
|
|
boxShadowPopoverArrow
|
|
} = token;
|
|
const {
|
|
colorBg,
|
|
contentRadius = token.borderRadiusLG,
|
|
limitVerticalRadius,
|
|
arrowDistance = 0,
|
|
arrowPlacement = {
|
|
left: true,
|
|
right: true,
|
|
top: true,
|
|
bottom: true
|
|
}
|
|
} = options;
|
|
const {
|
|
dropdownArrowOffsetVertical,
|
|
dropdownArrowOffset
|
|
} = getArrowOffset({
|
|
contentRadius,
|
|
limitVerticalRadius
|
|
});
|
|
return {
|
|
[componentCls]: Object.assign(Object.assign(Object.assign(Object.assign({
|
|
// ============================ Basic ============================
|
|
[`${componentCls}-arrow`]: [Object.assign(Object.assign({
|
|
position: 'absolute',
|
|
zIndex: 1,
|
|
display: 'block'
|
|
}, (0,_roundedArrow__WEBPACK_IMPORTED_MODULE_0__/* .roundedArrow */ .r)(sizePopupArrow, borderRadiusXS, borderRadiusOuter, colorBg, boxShadowPopoverArrow)), {
|
|
'&:before': {
|
|
background: colorBg
|
|
}
|
|
})]
|
|
}, isInject(!!arrowPlacement.top, {
|
|
[[`&-placement-top ${componentCls}-arrow`, `&-placement-topLeft ${componentCls}-arrow`, `&-placement-topRight ${componentCls}-arrow`].join(',')]: {
|
|
bottom: arrowDistance,
|
|
transform: 'translateY(100%) rotate(180deg)'
|
|
},
|
|
[`&-placement-top ${componentCls}-arrow`]: {
|
|
left: {
|
|
_skip_check_: true,
|
|
value: '50%'
|
|
},
|
|
transform: 'translateX(-50%) translateY(100%) rotate(180deg)'
|
|
},
|
|
[`&-placement-topLeft ${componentCls}-arrow`]: {
|
|
left: {
|
|
_skip_check_: true,
|
|
value: dropdownArrowOffset
|
|
}
|
|
},
|
|
[`&-placement-topRight ${componentCls}-arrow`]: {
|
|
right: {
|
|
_skip_check_: true,
|
|
value: dropdownArrowOffset
|
|
}
|
|
}
|
|
})), isInject(!!arrowPlacement.bottom, {
|
|
[[`&-placement-bottom ${componentCls}-arrow`, `&-placement-bottomLeft ${componentCls}-arrow`, `&-placement-bottomRight ${componentCls}-arrow`].join(',')]: {
|
|
top: arrowDistance,
|
|
transform: `translateY(-100%)`
|
|
},
|
|
[`&-placement-bottom ${componentCls}-arrow`]: {
|
|
left: {
|
|
_skip_check_: true,
|
|
value: '50%'
|
|
},
|
|
transform: `translateX(-50%) translateY(-100%)`
|
|
},
|
|
[`&-placement-bottomLeft ${componentCls}-arrow`]: {
|
|
left: {
|
|
_skip_check_: true,
|
|
value: dropdownArrowOffset
|
|
}
|
|
},
|
|
[`&-placement-bottomRight ${componentCls}-arrow`]: {
|
|
right: {
|
|
_skip_check_: true,
|
|
value: dropdownArrowOffset
|
|
}
|
|
}
|
|
})), isInject(!!arrowPlacement.left, {
|
|
[[`&-placement-left ${componentCls}-arrow`, `&-placement-leftTop ${componentCls}-arrow`, `&-placement-leftBottom ${componentCls}-arrow`].join(',')]: {
|
|
right: {
|
|
_skip_check_: true,
|
|
value: arrowDistance
|
|
},
|
|
transform: 'translateX(100%) rotate(90deg)'
|
|
},
|
|
[`&-placement-left ${componentCls}-arrow`]: {
|
|
top: {
|
|
_skip_check_: true,
|
|
value: '50%'
|
|
},
|
|
transform: 'translateY(-50%) translateX(100%) rotate(90deg)'
|
|
},
|
|
[`&-placement-leftTop ${componentCls}-arrow`]: {
|
|
top: dropdownArrowOffsetVertical
|
|
},
|
|
[`&-placement-leftBottom ${componentCls}-arrow`]: {
|
|
bottom: dropdownArrowOffsetVertical
|
|
}
|
|
})), isInject(!!arrowPlacement.right, {
|
|
[[`&-placement-right ${componentCls}-arrow`, `&-placement-rightTop ${componentCls}-arrow`, `&-placement-rightBottom ${componentCls}-arrow`].join(',')]: {
|
|
left: {
|
|
_skip_check_: true,
|
|
value: arrowDistance
|
|
},
|
|
transform: 'translateX(-100%) rotate(-90deg)'
|
|
},
|
|
[`&-placement-right ${componentCls}-arrow`]: {
|
|
top: {
|
|
_skip_check_: true,
|
|
value: '50%'
|
|
},
|
|
transform: 'translateY(-50%) translateX(-100%) rotate(-90deg)'
|
|
},
|
|
[`&-placement-rightTop ${componentCls}-arrow`]: {
|
|
top: dropdownArrowOffsetVertical
|
|
},
|
|
[`&-placement-rightBottom ${componentCls}-arrow`]: {
|
|
bottom: dropdownArrowOffsetVertical
|
|
}
|
|
}))
|
|
};
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ 79511:
|
|
/*!****************************************************!*\
|
|
!*** ./node_modules/antd/es/style/roundedArrow.js ***!
|
|
\****************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "r": function() { return /* binding */ roundedArrow; }
|
|
/* harmony export */ });
|
|
const roundedArrow = (width, innerRadius, outerRadius, bgColor, boxShadow) => {
|
|
const unitWidth = width / 2;
|
|
const ax = 0;
|
|
const ay = unitWidth;
|
|
const bx = outerRadius * 1 / Math.sqrt(2);
|
|
const by = unitWidth - outerRadius * (1 - 1 / Math.sqrt(2));
|
|
const cx = unitWidth - innerRadius * (1 / Math.sqrt(2));
|
|
const cy = outerRadius * (Math.sqrt(2) - 1) + innerRadius * (1 / Math.sqrt(2));
|
|
const dx = 2 * unitWidth - cx;
|
|
const dy = cy;
|
|
const ex = 2 * unitWidth - bx;
|
|
const ey = by;
|
|
const fx = 2 * unitWidth - ax;
|
|
const fy = ay;
|
|
const shadowWidth = unitWidth * Math.sqrt(2) + outerRadius * (Math.sqrt(2) - 2);
|
|
const polygonOffset = outerRadius * (Math.sqrt(2) - 1);
|
|
return {
|
|
pointerEvents: 'none',
|
|
width,
|
|
height: width,
|
|
overflow: 'hidden',
|
|
'&::before': {
|
|
position: 'absolute',
|
|
bottom: 0,
|
|
insetInlineStart: 0,
|
|
width,
|
|
height: width / 2,
|
|
background: bgColor,
|
|
clipPath: {
|
|
_multi_value_: true,
|
|
value: [`polygon(${polygonOffset}px 100%, 50% ${polygonOffset}px, ${2 * unitWidth - polygonOffset}px 100%, ${polygonOffset}px 100%)`, `path('M ${ax} ${ay} A ${outerRadius} ${outerRadius} 0 0 0 ${bx} ${by} L ${cx} ${cy} A ${innerRadius} ${innerRadius} 0 0 1 ${dx} ${dy} L ${ex} ${ey} A ${outerRadius} ${outerRadius} 0 0 0 ${fx} ${fy} Z')`]
|
|
},
|
|
content: '""'
|
|
},
|
|
'&::after': {
|
|
content: '""',
|
|
position: 'absolute',
|
|
width: shadowWidth,
|
|
height: shadowWidth,
|
|
bottom: 0,
|
|
insetInline: 0,
|
|
margin: 'auto',
|
|
borderRadius: {
|
|
_skip_check_: true,
|
|
value: `0 0 ${innerRadius}px 0`
|
|
},
|
|
transform: 'translateY(50%) rotate(-135deg)',
|
|
boxShadow,
|
|
zIndex: 0,
|
|
background: 'transparent'
|
|
}
|
|
};
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ 9361:
|
|
/*!*********************************************************!*\
|
|
!*** ./node_modules/antd/es/theme/index.js + 6 modules ***!
|
|
\*********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ theme; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/cssinjs/es/index.js + 29 modules
|
|
var es = __webpack_require__(73559);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/theme/themes/default/index.js + 5 modules
|
|
var themes_default = __webpack_require__(67164);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/theme/themes/seed.js
|
|
var seed = __webpack_require__(2790);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/theme/util/alias.js + 1 modules
|
|
var alias = __webpack_require__(1393);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/theme/getDesignToken.js
|
|
|
|
|
|
|
|
|
|
const getDesignToken = config => {
|
|
const theme = (config === null || config === void 0 ? void 0 : config.algorithm) ? (0,es.createTheme)(config.algorithm) : (0,es.createTheme)(themes_default/* default */.Z);
|
|
const mergedToken = Object.assign(Object.assign({}, seed/* default */.Z), config === null || config === void 0 ? void 0 : config.token);
|
|
return (0,es.getComputedToken)(mergedToken, {
|
|
override: config === null || config === void 0 ? void 0 : config.token
|
|
}, theme, alias/* default */.Z);
|
|
};
|
|
/* harmony default export */ var theme_getDesignToken = (getDesignToken);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/theme/useToken.js + 2 modules
|
|
var useToken = __webpack_require__(25976);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/theme/context.js
|
|
var context = __webpack_require__(33083);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/theme/themes/shared/genControlHeight.js
|
|
var genControlHeight = __webpack_require__(372);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/theme/themes/compact/genCompactSizeMapToken.js
|
|
function genSizeMapToken(token) {
|
|
const {
|
|
sizeUnit,
|
|
sizeStep
|
|
} = token;
|
|
const compactSizeStep = sizeStep - 2;
|
|
return {
|
|
sizeXXL: sizeUnit * (compactSizeStep + 10),
|
|
sizeXL: sizeUnit * (compactSizeStep + 6),
|
|
sizeLG: sizeUnit * (compactSizeStep + 2),
|
|
sizeMD: sizeUnit * (compactSizeStep + 2),
|
|
sizeMS: sizeUnit * (compactSizeStep + 1),
|
|
size: sizeUnit * compactSizeStep,
|
|
sizeSM: sizeUnit * compactSizeStep,
|
|
sizeXS: sizeUnit * (compactSizeStep - 1),
|
|
sizeXXS: sizeUnit * (compactSizeStep - 1)
|
|
};
|
|
}
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/theme/themes/shared/genFontMapToken.js + 1 modules
|
|
var genFontMapToken = __webpack_require__(98378);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/theme/themes/compact/index.js
|
|
|
|
|
|
|
|
|
|
const derivative = (token, mapToken) => {
|
|
const mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : (0,themes_default/* default */.Z)(token);
|
|
const fontSize = mergedMapToken.fontSizeSM; // Smaller size font-size as base
|
|
const controlHeight = mergedMapToken.controlHeight - 4;
|
|
return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, mergedMapToken), genSizeMapToken(mapToken !== null && mapToken !== void 0 ? mapToken : token)), (0,genFontMapToken/* default */.Z)(fontSize)), {
|
|
// controlHeight
|
|
controlHeight
|
|
}), (0,genControlHeight/* default */.Z)(Object.assign(Object.assign({}, mergedMapToken), {
|
|
controlHeight
|
|
})));
|
|
};
|
|
/* harmony default export */ var compact = (derivative);
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/colors/es/index.js + 1 modules
|
|
var colors_es = __webpack_require__(16397);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/theme/themes/shared/genColorMapToken.js
|
|
var genColorMapToken = __webpack_require__(57);
|
|
// EXTERNAL MODULE: ./node_modules/@ctrl/tinycolor/dist/module/index.js
|
|
var dist_module = __webpack_require__(10274);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/theme/themes/dark/colorAlgorithm.js
|
|
|
|
const getAlphaColor = (baseColor, alpha) => new dist_module/* TinyColor */.C(baseColor).setAlpha(alpha).toRgbString();
|
|
const getSolidColor = (baseColor, brightness) => {
|
|
const instance = new dist_module/* TinyColor */.C(baseColor);
|
|
return instance.lighten(brightness).toHexString();
|
|
};
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/theme/themes/dark/colors.js
|
|
|
|
|
|
const generateColorPalettes = baseColor => {
|
|
const colors = (0,colors_es.generate)(baseColor, {
|
|
theme: 'dark'
|
|
});
|
|
return {
|
|
1: colors[0],
|
|
2: colors[1],
|
|
3: colors[2],
|
|
4: colors[3],
|
|
5: colors[6],
|
|
6: colors[5],
|
|
7: colors[4],
|
|
8: colors[6],
|
|
9: colors[5],
|
|
10: colors[4]
|
|
// 8: colors[9],
|
|
// 9: colors[8],
|
|
// 10: colors[7],
|
|
};
|
|
};
|
|
|
|
const generateNeutralColorPalettes = (bgBaseColor, textBaseColor) => {
|
|
const colorBgBase = bgBaseColor || '#000';
|
|
const colorTextBase = textBaseColor || '#fff';
|
|
return {
|
|
colorBgBase,
|
|
colorTextBase,
|
|
colorText: getAlphaColor(colorTextBase, 0.85),
|
|
colorTextSecondary: getAlphaColor(colorTextBase, 0.65),
|
|
colorTextTertiary: getAlphaColor(colorTextBase, 0.45),
|
|
colorTextQuaternary: getAlphaColor(colorTextBase, 0.25),
|
|
colorFill: getAlphaColor(colorTextBase, 0.18),
|
|
colorFillSecondary: getAlphaColor(colorTextBase, 0.12),
|
|
colorFillTertiary: getAlphaColor(colorTextBase, 0.08),
|
|
colorFillQuaternary: getAlphaColor(colorTextBase, 0.04),
|
|
colorBgElevated: getSolidColor(colorBgBase, 12),
|
|
colorBgContainer: getSolidColor(colorBgBase, 8),
|
|
colorBgLayout: getSolidColor(colorBgBase, 0),
|
|
colorBgSpotlight: getSolidColor(colorBgBase, 26),
|
|
colorBorder: getSolidColor(colorBgBase, 26),
|
|
colorBorderSecondary: getSolidColor(colorBgBase, 19)
|
|
};
|
|
};
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/theme/themes/dark/index.js
|
|
|
|
|
|
|
|
|
|
|
|
const dark_derivative = (token, mapToken) => {
|
|
const colorPalettes = Object.keys(seed/* defaultPresetColors */.M).map(colorKey => {
|
|
const colors = (0,colors_es.generate)(token[colorKey], {
|
|
theme: 'dark'
|
|
});
|
|
return new Array(10).fill(1).reduce((prev, _, i) => {
|
|
prev[`${colorKey}-${i + 1}`] = colors[i];
|
|
prev[`${colorKey}${i + 1}`] = colors[i];
|
|
return prev;
|
|
}, {});
|
|
}).reduce((prev, cur) => {
|
|
prev = Object.assign(Object.assign({}, prev), cur);
|
|
return prev;
|
|
}, {});
|
|
const mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : (0,themes_default/* default */.Z)(token);
|
|
return Object.assign(Object.assign(Object.assign({}, mergedMapToken), colorPalettes), (0,genColorMapToken/* default */.Z)(token, {
|
|
generateColorPalettes: generateColorPalettes,
|
|
generateNeutralColorPalettes: generateNeutralColorPalettes
|
|
}));
|
|
};
|
|
/* harmony default export */ var dark = (dark_derivative);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/theme/index.js
|
|
'use client';
|
|
|
|
/* eslint-disable import/prefer-default-export */
|
|
|
|
|
|
|
|
|
|
|
|
// ZombieJ: We export as object to user but array in internal.
|
|
// This is used to minimize the bundle size for antd package but safe to refactor as object also.
|
|
// Please do not export internal `useToken` directly to avoid something export unexpected.
|
|
/** Get current context Design Token. Will be different if you are using nest theme config. */
|
|
function theme_useToken() {
|
|
const [theme, token, hashId] = (0,useToken/* default */.Z)();
|
|
return {
|
|
theme,
|
|
token,
|
|
hashId
|
|
};
|
|
}
|
|
/* harmony default export */ var theme = ({
|
|
/** @private Test Usage. Do not use in production. */
|
|
defaultConfig: context/* defaultConfig */.u_,
|
|
/** Default seedToken */
|
|
defaultSeed: context/* defaultConfig.token */.u_.token,
|
|
useToken: theme_useToken,
|
|
defaultAlgorithm: themes_default/* default */.Z,
|
|
darkAlgorithm: dark,
|
|
compactAlgorithm: compact,
|
|
getDesignToken: theme_getDesignToken
|
|
});
|
|
|
|
/***/ }),
|
|
|
|
/***/ 8796:
|
|
/*!**************************************************************!*\
|
|
!*** ./node_modules/antd/es/theme/interface/presetColors.js ***!
|
|
\**************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "i": function() { return /* binding */ PresetColors; }
|
|
/* harmony export */ });
|
|
const PresetColors = ['blue', 'purple', 'cyan', 'green', 'magenta', 'pink', 'red', 'orange', 'yellow', 'volcano', 'geekblue', 'lime', 'gold'];
|
|
|
|
/***/ }),
|
|
|
|
/***/ 98719:
|
|
/*!***********************************************************!*\
|
|
!*** ./node_modules/antd/es/theme/util/genPresetColor.js ***!
|
|
\***********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "Z": function() { return /* binding */ genPresetColor; }
|
|
/* harmony export */ });
|
|
/* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../interface */ 8796);
|
|
|
|
function genPresetColor(token, genCss) {
|
|
return _interface__WEBPACK_IMPORTED_MODULE_0__/* .PresetColors.reduce */ .i.reduce((prev, colorKey) => {
|
|
const lightColor = token[`${colorKey}1`];
|
|
const lightBorderColor = token[`${colorKey}3`];
|
|
const darkColor = token[`${colorKey}6`];
|
|
const textColor = token[`${colorKey}7`];
|
|
return Object.assign(Object.assign({}, prev), genCss(colorKey, {
|
|
lightColor,
|
|
lightBorderColor,
|
|
darkColor,
|
|
textColor
|
|
}));
|
|
}, {});
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ 83062:
|
|
/*!***********************************************************!*\
|
|
!*** ./node_modules/antd/es/tooltip/index.js + 3 modules ***!
|
|
\***********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ tooltip; }
|
|
});
|
|
|
|
// 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-tooltip/es/index.js + 3 modules
|
|
var es = __webpack_require__(92419);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/rc-util/es/hooks/useMergedState.js
|
|
var useMergedState = __webpack_require__(5663);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/_util/motion.js
|
|
var motion = __webpack_require__(33603);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/_util/placements.js
|
|
var placements = __webpack_require__(80636);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/_util/reactNode.js
|
|
var reactNode = __webpack_require__(96159);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/context.js
|
|
var context = __webpack_require__(53124);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/space/Compact.js
|
|
var Compact = __webpack_require__(4173);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/theme/index.js + 6 modules
|
|
var theme = __webpack_require__(9361);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/style/index.js
|
|
var style = __webpack_require__(14747);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/style/motion/zoom.js
|
|
var zoom = __webpack_require__(50438);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/style/placementArrow.js
|
|
var placementArrow = __webpack_require__(97414);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/theme/util/genPresetColor.js
|
|
var genPresetColor = __webpack_require__(98719);
|
|
// 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);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/tooltip/style/index.js
|
|
|
|
|
|
|
|
|
|
const genTooltipStyle = token => {
|
|
const {
|
|
componentCls,
|
|
// ant-tooltip
|
|
tooltipMaxWidth,
|
|
tooltipColor,
|
|
tooltipBg,
|
|
tooltipBorderRadius,
|
|
zIndexPopup,
|
|
controlHeight,
|
|
boxShadowSecondary,
|
|
paddingSM,
|
|
paddingXS,
|
|
tooltipRadiusOuter
|
|
} = token;
|
|
return [{
|
|
[componentCls]: Object.assign(Object.assign(Object.assign(Object.assign({}, (0,style/* resetComponent */.Wf)(token)), {
|
|
position: 'absolute',
|
|
zIndex: zIndexPopup,
|
|
display: 'block',
|
|
width: 'max-content',
|
|
maxWidth: tooltipMaxWidth,
|
|
visibility: 'visible',
|
|
transformOrigin: `var(--arrow-x, 50%) var(--arrow-y, 50%)`,
|
|
'&-hidden': {
|
|
display: 'none'
|
|
},
|
|
'--antd-arrow-background-color': tooltipBg,
|
|
// Wrapper for the tooltip content
|
|
[`${componentCls}-inner`]: {
|
|
minWidth: controlHeight,
|
|
minHeight: controlHeight,
|
|
padding: `${paddingSM / 2}px ${paddingXS}px`,
|
|
color: tooltipColor,
|
|
textAlign: 'start',
|
|
textDecoration: 'none',
|
|
wordWrap: 'break-word',
|
|
backgroundColor: tooltipBg,
|
|
borderRadius: tooltipBorderRadius,
|
|
boxShadow: boxShadowSecondary,
|
|
boxSizing: 'border-box'
|
|
},
|
|
// Limit left and right placement radius
|
|
[[`&-placement-left`, `&-placement-leftTop`, `&-placement-leftBottom`, `&-placement-right`, `&-placement-rightTop`, `&-placement-rightBottom`].join(',')]: {
|
|
[`${componentCls}-inner`]: {
|
|
borderRadius: Math.min(tooltipBorderRadius, placementArrow/* MAX_VERTICAL_CONTENT_RADIUS */.qN)
|
|
}
|
|
},
|
|
[`${componentCls}-content`]: {
|
|
position: 'relative'
|
|
}
|
|
}), (0,genPresetColor/* default */.Z)(token, (colorKey, _ref) => {
|
|
let {
|
|
darkColor
|
|
} = _ref;
|
|
return {
|
|
[`&${componentCls}-${colorKey}`]: {
|
|
[`${componentCls}-inner`]: {
|
|
backgroundColor: darkColor
|
|
},
|
|
[`${componentCls}-arrow`]: {
|
|
'--antd-arrow-background-color': darkColor
|
|
}
|
|
}
|
|
};
|
|
})), {
|
|
// RTL
|
|
'&-rtl': {
|
|
direction: 'rtl'
|
|
}
|
|
})
|
|
},
|
|
// Arrow Style
|
|
(0,placementArrow/* default */.ZP)((0,statistic/* merge */.TS)(token, {
|
|
borderRadiusOuter: tooltipRadiusOuter
|
|
}), {
|
|
colorBg: 'var(--antd-arrow-background-color)',
|
|
contentRadius: tooltipBorderRadius,
|
|
limitVerticalRadius: true
|
|
}),
|
|
// Pure Render
|
|
{
|
|
[`${componentCls}-pure`]: {
|
|
position: 'relative',
|
|
maxWidth: 'none',
|
|
margin: token.sizePopupArrow
|
|
}
|
|
}];
|
|
};
|
|
// ============================== Export ==============================
|
|
/* harmony default export */ var tooltip_style = ((prefixCls, injectStyle) => {
|
|
const useOriginHook = (0,genComponentStyleHook/* default */.Z)('Tooltip', token => {
|
|
// Popover use Tooltip as internal component. We do not need to handle this.
|
|
if (injectStyle === false) {
|
|
return [];
|
|
}
|
|
const {
|
|
borderRadius,
|
|
colorTextLightSolid,
|
|
colorBgDefault,
|
|
borderRadiusOuter
|
|
} = token;
|
|
const TooltipToken = (0,statistic/* merge */.TS)(token, {
|
|
// default variables
|
|
tooltipMaxWidth: 250,
|
|
tooltipColor: colorTextLightSolid,
|
|
tooltipBorderRadius: borderRadius,
|
|
tooltipBg: colorBgDefault,
|
|
tooltipRadiusOuter: borderRadiusOuter > 4 ? 4 : borderRadiusOuter
|
|
});
|
|
return [genTooltipStyle(TooltipToken), (0,zoom/* initZoomMotion */._y)(token, 'zoom-big-fast')];
|
|
}, _ref2 => {
|
|
let {
|
|
zIndexPopupBase,
|
|
colorBgSpotlight
|
|
} = _ref2;
|
|
return {
|
|
zIndexPopup: zIndexPopupBase + 70,
|
|
colorBgDefault: colorBgSpotlight
|
|
};
|
|
}, {
|
|
resetStyle: false
|
|
});
|
|
return useOriginHook(prefixCls);
|
|
});
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/_util/colors.js
|
|
var colors = __webpack_require__(98787);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/tooltip/util.js
|
|
/* eslint-disable import/prefer-default-export */
|
|
|
|
|
|
function parseColor(prefixCls, color) {
|
|
const isInternalColor = (0,colors/* isPresetColor */.o2)(color);
|
|
const className = classnames_default()({
|
|
[`${prefixCls}-${color}`]: color && isInternalColor
|
|
});
|
|
const overlayStyle = {};
|
|
const arrowStyle = {};
|
|
if (color && !isInternalColor) {
|
|
overlayStyle.background = color;
|
|
// @ts-ignore
|
|
arrowStyle['--antd-arrow-background-color'] = color;
|
|
}
|
|
return {
|
|
className,
|
|
overlayStyle,
|
|
arrowStyle
|
|
};
|
|
}
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/tooltip/PurePanel.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// ant-tooltip css-dev-only-do-not-override-w2s56n ant-tooltip-placement-top ant-tooltip-hidden
|
|
function PurePanel(props) {
|
|
const {
|
|
prefixCls: customizePrefixCls,
|
|
className,
|
|
placement = 'top',
|
|
title,
|
|
color,
|
|
overlayInnerStyle
|
|
} = props;
|
|
const {
|
|
getPrefixCls
|
|
} = react.useContext(context/* ConfigContext */.E_);
|
|
const prefixCls = getPrefixCls('tooltip', customizePrefixCls);
|
|
const [wrapSSR, hashId] = tooltip_style(prefixCls, true);
|
|
// Color
|
|
const colorInfo = parseColor(prefixCls, color);
|
|
const formattedOverlayInnerStyle = Object.assign(Object.assign({}, overlayInnerStyle), colorInfo.overlayStyle);
|
|
const arrowContentStyle = colorInfo.arrowStyle;
|
|
return wrapSSR( /*#__PURE__*/react.createElement("div", {
|
|
className: classnames_default()(hashId, prefixCls, `${prefixCls}-pure`, `${prefixCls}-placement-${placement}`, className, colorInfo.className),
|
|
style: arrowContentStyle
|
|
}, /*#__PURE__*/react.createElement("div", {
|
|
className: `${prefixCls}-arrow`
|
|
}), /*#__PURE__*/react.createElement(es/* Popup */.G, Object.assign({}, props, {
|
|
className: hashId,
|
|
prefixCls: prefixCls,
|
|
overlayInnerStyle: formattedOverlayInnerStyle
|
|
}), title)));
|
|
}
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/tooltip/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 {
|
|
useToken
|
|
} = theme/* default */.Z;
|
|
const splitObject = (obj, keys) => {
|
|
const picked = {};
|
|
const omitted = Object.assign({}, obj);
|
|
keys.forEach(key => {
|
|
if (obj && key in obj) {
|
|
picked[key] = obj[key];
|
|
delete omitted[key];
|
|
}
|
|
});
|
|
return {
|
|
picked,
|
|
omitted
|
|
};
|
|
};
|
|
// Fix Tooltip won't hide at disabled button
|
|
// mouse events don't trigger at disabled button in Chrome
|
|
// https://github.com/react-component/tooltip/issues/18
|
|
function getDisabledCompatibleChildren(element, prefixCls) {
|
|
const elementType = element.type;
|
|
if ((elementType.__ANT_BUTTON === true || element.type === 'button') && element.props.disabled || elementType.__ANT_SWITCH === true && (element.props.disabled || element.props.loading) || elementType.__ANT_RADIO === true && element.props.disabled) {
|
|
// Pick some layout related style properties up to span
|
|
// Prevent layout bugs like https://github.com/ant-design/ant-design/issues/5254
|
|
const {
|
|
picked,
|
|
omitted
|
|
} = splitObject(element.props.style, ['position', 'left', 'right', 'top', 'bottom', 'float', 'display', 'zIndex']);
|
|
const spanStyle = Object.assign(Object.assign({
|
|
display: 'inline-block'
|
|
}, picked), {
|
|
cursor: 'not-allowed',
|
|
width: element.props.block ? '100%' : undefined
|
|
});
|
|
const buttonStyle = Object.assign(Object.assign({}, omitted), {
|
|
pointerEvents: 'none'
|
|
});
|
|
const child = (0,reactNode/* cloneElement */.Tm)(element, {
|
|
style: buttonStyle,
|
|
className: null
|
|
});
|
|
return /*#__PURE__*/react.createElement("span", {
|
|
style: spanStyle,
|
|
className: classnames_default()(element.props.className, `${prefixCls}-disabled-compatible-wrapper`)
|
|
}, child);
|
|
}
|
|
return element;
|
|
}
|
|
const Tooltip = /*#__PURE__*/react.forwardRef((props, ref) => {
|
|
var _a, _b;
|
|
const {
|
|
prefixCls: customizePrefixCls,
|
|
openClassName,
|
|
getTooltipContainer,
|
|
overlayClassName,
|
|
color,
|
|
overlayInnerStyle,
|
|
children,
|
|
afterOpenChange,
|
|
afterVisibleChange,
|
|
destroyTooltipOnHide,
|
|
arrow = true,
|
|
title,
|
|
overlay,
|
|
builtinPlacements,
|
|
arrowPointAtCenter = false,
|
|
autoAdjustOverflow = true
|
|
} = props;
|
|
const mergedShowArrow = !!arrow;
|
|
const {
|
|
token
|
|
} = useToken();
|
|
const {
|
|
getPopupContainer: getContextPopupContainer,
|
|
getPrefixCls,
|
|
direction
|
|
} = react.useContext(context/* ConfigContext */.E_);
|
|
// ============================== Ref ===============================
|
|
const tooltipRef = react.useRef(null);
|
|
const forceAlign = () => {
|
|
var _a;
|
|
(_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.forceAlign();
|
|
};
|
|
react.useImperativeHandle(ref, () => ({
|
|
forceAlign,
|
|
forcePopupAlign: () => {
|
|
false ? 0 : void 0;
|
|
forceAlign();
|
|
}
|
|
}));
|
|
// ============================== Warn ==============================
|
|
if (false) {}
|
|
// ============================== Open ==============================
|
|
const [open, setOpen] = (0,useMergedState/* default */.Z)(false, {
|
|
value: (_a = props.open) !== null && _a !== void 0 ? _a : props.visible,
|
|
defaultValue: (_b = props.defaultOpen) !== null && _b !== void 0 ? _b : props.defaultVisible
|
|
});
|
|
const noTitle = !title && !overlay && title !== 0; // overlay for old version compatibility
|
|
const onOpenChange = vis => {
|
|
var _a, _b;
|
|
setOpen(noTitle ? false : vis);
|
|
if (!noTitle) {
|
|
(_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, vis);
|
|
(_b = props.onVisibleChange) === null || _b === void 0 ? void 0 : _b.call(props, vis);
|
|
}
|
|
};
|
|
const tooltipPlacements = react.useMemo(() => {
|
|
var _a, _b;
|
|
let mergedArrowPointAtCenter = arrowPointAtCenter;
|
|
if (typeof arrow === 'object') {
|
|
mergedArrowPointAtCenter = (_b = (_a = arrow.pointAtCenter) !== null && _a !== void 0 ? _a : arrow.arrowPointAtCenter) !== null && _b !== void 0 ? _b : arrowPointAtCenter;
|
|
}
|
|
return builtinPlacements || (0,placements/* default */.Z)({
|
|
arrowPointAtCenter: mergedArrowPointAtCenter,
|
|
autoAdjustOverflow,
|
|
arrowWidth: mergedShowArrow ? token.sizePopupArrow : 0,
|
|
borderRadius: token.borderRadius,
|
|
offset: token.marginXXS,
|
|
visibleFirst: true
|
|
});
|
|
}, [arrowPointAtCenter, arrow, builtinPlacements, token]);
|
|
const memoOverlay = react.useMemo(() => {
|
|
if (title === 0) {
|
|
return title;
|
|
}
|
|
return overlay || title || '';
|
|
}, [overlay, title]);
|
|
const memoOverlayWrapper = /*#__PURE__*/react.createElement(Compact/* NoCompactStyle */.BR, null, typeof memoOverlay === 'function' ? memoOverlay() : memoOverlay);
|
|
const {
|
|
getPopupContainer,
|
|
placement = 'top',
|
|
mouseEnterDelay = 0.1,
|
|
mouseLeaveDelay = 0.1,
|
|
overlayStyle,
|
|
rootClassName
|
|
} = props,
|
|
otherProps = __rest(props, ["getPopupContainer", "placement", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "rootClassName"]);
|
|
const prefixCls = getPrefixCls('tooltip', customizePrefixCls);
|
|
const rootPrefixCls = getPrefixCls();
|
|
const injectFromPopover = props['data-popover-inject'];
|
|
let tempOpen = open;
|
|
// Hide tooltip when there is no title
|
|
if (!('open' in props) && !('visible' in props) && noTitle) {
|
|
tempOpen = false;
|
|
}
|
|
// ============================= Render =============================
|
|
const child = getDisabledCompatibleChildren((0,reactNode/* isValidElement */.l$)(children) && !(0,reactNode/* isFragment */.M2)(children) ? children : /*#__PURE__*/react.createElement("span", null, children), prefixCls);
|
|
const childProps = child.props;
|
|
const childCls = !childProps.className || typeof childProps.className === 'string' ? classnames_default()(childProps.className, {
|
|
[openClassName || `${prefixCls}-open`]: true
|
|
}) : childProps.className;
|
|
// Style
|
|
const [wrapSSR, hashId] = tooltip_style(prefixCls, !injectFromPopover);
|
|
// Color
|
|
const colorInfo = parseColor(prefixCls, color);
|
|
const formattedOverlayInnerStyle = Object.assign(Object.assign({}, overlayInnerStyle), colorInfo.overlayStyle);
|
|
const arrowContentStyle = colorInfo.arrowStyle;
|
|
const customOverlayClassName = classnames_default()(overlayClassName, {
|
|
[`${prefixCls}-rtl`]: direction === 'rtl'
|
|
}, colorInfo.className, rootClassName, hashId);
|
|
return wrapSSR( /*#__PURE__*/react.createElement(es/* default */.Z, Object.assign({}, otherProps, {
|
|
showArrow: mergedShowArrow,
|
|
placement: placement,
|
|
mouseEnterDelay: mouseEnterDelay,
|
|
mouseLeaveDelay: mouseLeaveDelay,
|
|
prefixCls: prefixCls,
|
|
overlayClassName: customOverlayClassName,
|
|
overlayStyle: Object.assign(Object.assign({}, arrowContentStyle), overlayStyle),
|
|
getTooltipContainer: getPopupContainer || getTooltipContainer || getContextPopupContainer,
|
|
ref: tooltipRef,
|
|
builtinPlacements: tooltipPlacements,
|
|
overlay: memoOverlayWrapper,
|
|
visible: tempOpen,
|
|
onVisibleChange: onOpenChange,
|
|
afterVisibleChange: afterOpenChange !== null && afterOpenChange !== void 0 ? afterOpenChange : afterVisibleChange,
|
|
overlayInnerStyle: formattedOverlayInnerStyle,
|
|
arrowContent: /*#__PURE__*/react.createElement("span", {
|
|
className: `${prefixCls}-arrow-content`
|
|
}),
|
|
motion: {
|
|
motionName: (0,motion/* getTransitionName */.mL)(rootPrefixCls, 'zoom-big-fast', props.transitionName),
|
|
motionDeadline: 1000
|
|
},
|
|
destroyTooltipOnHide: !!destroyTooltipOnHide
|
|
}), tempOpen ? (0,reactNode/* cloneElement */.Tm)(child, {
|
|
className: childCls
|
|
}) : child));
|
|
});
|
|
if (false) {}
|
|
Tooltip._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
|
|
/* harmony default export */ var tooltip = (Tooltip);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 92419:
|
|
/*!*********************************************************!*\
|
|
!*** ./node_modules/rc-tooltip/es/index.js + 3 modules ***!
|
|
\*********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"G": function() { return /* reexport */ Popup; },
|
|
"Z": function() { return /* binding */ rc_tooltip_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/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__(45987);
|
|
// EXTERNAL MODULE: ./node_modules/@rc-component/trigger/es/index.js + 42 modules
|
|
var es = __webpack_require__(62709);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-tooltip/es/placements.js
|
|
var autoAdjustOverflowTopBottom = {
|
|
shiftX: 64,
|
|
adjustY: 1
|
|
};
|
|
var autoAdjustOverflowLeftRight = {
|
|
adjustX: 1,
|
|
shiftY: true
|
|
};
|
|
var targetOffset = [0, 0];
|
|
var placements = {
|
|
left: {
|
|
points: ['cr', 'cl'],
|
|
overflow: autoAdjustOverflowLeftRight,
|
|
offset: [-4, 0],
|
|
targetOffset: targetOffset
|
|
},
|
|
right: {
|
|
points: ['cl', 'cr'],
|
|
overflow: autoAdjustOverflowLeftRight,
|
|
offset: [4, 0],
|
|
targetOffset: targetOffset
|
|
},
|
|
top: {
|
|
points: ['bc', 'tc'],
|
|
overflow: autoAdjustOverflowTopBottom,
|
|
offset: [0, -4],
|
|
targetOffset: targetOffset
|
|
},
|
|
bottom: {
|
|
points: ['tc', 'bc'],
|
|
overflow: autoAdjustOverflowTopBottom,
|
|
offset: [0, 4],
|
|
targetOffset: targetOffset
|
|
},
|
|
topLeft: {
|
|
points: ['bl', 'tl'],
|
|
overflow: autoAdjustOverflowTopBottom,
|
|
offset: [0, -4],
|
|
targetOffset: targetOffset
|
|
},
|
|
leftTop: {
|
|
points: ['tr', 'tl'],
|
|
overflow: autoAdjustOverflowLeftRight,
|
|
offset: [-4, 0],
|
|
targetOffset: targetOffset
|
|
},
|
|
topRight: {
|
|
points: ['br', 'tr'],
|
|
overflow: autoAdjustOverflowTopBottom,
|
|
offset: [0, -4],
|
|
targetOffset: targetOffset
|
|
},
|
|
rightTop: {
|
|
points: ['tl', 'tr'],
|
|
overflow: autoAdjustOverflowLeftRight,
|
|
offset: [4, 0],
|
|
targetOffset: targetOffset
|
|
},
|
|
bottomRight: {
|
|
points: ['tr', 'br'],
|
|
overflow: autoAdjustOverflowTopBottom,
|
|
offset: [0, 4],
|
|
targetOffset: targetOffset
|
|
},
|
|
rightBottom: {
|
|
points: ['bl', 'br'],
|
|
overflow: autoAdjustOverflowLeftRight,
|
|
offset: [4, 0],
|
|
targetOffset: targetOffset
|
|
},
|
|
bottomLeft: {
|
|
points: ['tl', 'bl'],
|
|
overflow: autoAdjustOverflowTopBottom,
|
|
offset: [0, 4],
|
|
targetOffset: targetOffset
|
|
},
|
|
leftBottom: {
|
|
points: ['br', 'bl'],
|
|
overflow: autoAdjustOverflowLeftRight,
|
|
offset: [-4, 0],
|
|
targetOffset: targetOffset
|
|
}
|
|
};
|
|
/* harmony default export */ var es_placements = ((/* unused pure expression or super */ null && (placements)));
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__(94184);
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
;// CONCATENATED MODULE: ./node_modules/rc-tooltip/es/Popup.js
|
|
|
|
|
|
function Popup(props) {
|
|
var children = props.children,
|
|
prefixCls = props.prefixCls,
|
|
id = props.id,
|
|
overlayInnerStyle = props.overlayInnerStyle,
|
|
className = props.className,
|
|
style = props.style;
|
|
return /*#__PURE__*/react.createElement("div", {
|
|
className: classnames_default()("".concat(prefixCls, "-content"), className),
|
|
style: style
|
|
}, /*#__PURE__*/react.createElement("div", {
|
|
className: "".concat(prefixCls, "-inner"),
|
|
id: id,
|
|
role: "tooltip",
|
|
style: overlayInnerStyle
|
|
}, typeof children === 'function' ? children() : children));
|
|
}
|
|
;// CONCATENATED MODULE: ./node_modules/rc-tooltip/es/Tooltip.js
|
|
|
|
|
|
|
|
var _excluded = ["overlayClassName", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "prefixCls", "children", "onVisibleChange", "afterVisibleChange", "transitionName", "animation", "motion", "placement", "align", "destroyTooltipOnHide", "defaultVisible", "getTooltipContainer", "overlayInnerStyle", "arrowContent", "overlay", "id", "showArrow"];
|
|
|
|
|
|
|
|
|
|
|
|
var Tooltip = function Tooltip(props, ref) {
|
|
var overlayClassName = props.overlayClassName,
|
|
_props$trigger = props.trigger,
|
|
trigger = _props$trigger === void 0 ? ['hover'] : _props$trigger,
|
|
_props$mouseEnterDela = props.mouseEnterDelay,
|
|
mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0 : _props$mouseEnterDela,
|
|
_props$mouseLeaveDela = props.mouseLeaveDelay,
|
|
mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,
|
|
overlayStyle = props.overlayStyle,
|
|
_props$prefixCls = props.prefixCls,
|
|
prefixCls = _props$prefixCls === void 0 ? 'rc-tooltip' : _props$prefixCls,
|
|
children = props.children,
|
|
onVisibleChange = props.onVisibleChange,
|
|
afterVisibleChange = props.afterVisibleChange,
|
|
transitionName = props.transitionName,
|
|
animation = props.animation,
|
|
motion = props.motion,
|
|
_props$placement = props.placement,
|
|
placement = _props$placement === void 0 ? 'right' : _props$placement,
|
|
_props$align = props.align,
|
|
align = _props$align === void 0 ? {} : _props$align,
|
|
_props$destroyTooltip = props.destroyTooltipOnHide,
|
|
destroyTooltipOnHide = _props$destroyTooltip === void 0 ? false : _props$destroyTooltip,
|
|
defaultVisible = props.defaultVisible,
|
|
getTooltipContainer = props.getTooltipContainer,
|
|
overlayInnerStyle = props.overlayInnerStyle,
|
|
arrowContent = props.arrowContent,
|
|
overlay = props.overlay,
|
|
id = props.id,
|
|
_props$showArrow = props.showArrow,
|
|
showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
|
|
restProps = (0,objectWithoutProperties/* default */.Z)(props, _excluded);
|
|
var triggerRef = (0,react.useRef)(null);
|
|
(0,react.useImperativeHandle)(ref, function () {
|
|
return triggerRef.current;
|
|
});
|
|
var extraProps = (0,objectSpread2/* default */.Z)({}, restProps);
|
|
if ('visible' in props) {
|
|
extraProps.popupVisible = props.visible;
|
|
}
|
|
var getPopupElement = function getPopupElement() {
|
|
return /*#__PURE__*/react.createElement(Popup, {
|
|
key: "content",
|
|
prefixCls: prefixCls,
|
|
id: id,
|
|
overlayInnerStyle: overlayInnerStyle
|
|
}, overlay);
|
|
};
|
|
return /*#__PURE__*/react.createElement(es/* default */.Z, (0,esm_extends/* default */.Z)({
|
|
popupClassName: overlayClassName,
|
|
prefixCls: prefixCls,
|
|
popup: getPopupElement,
|
|
action: trigger,
|
|
builtinPlacements: placements,
|
|
popupPlacement: placement,
|
|
ref: triggerRef,
|
|
popupAlign: align,
|
|
getPopupContainer: getTooltipContainer,
|
|
onPopupVisibleChange: onVisibleChange,
|
|
afterPopupVisibleChange: afterVisibleChange,
|
|
popupTransitionName: transitionName,
|
|
popupAnimation: animation,
|
|
popupMotion: motion,
|
|
defaultPopupVisible: defaultVisible,
|
|
autoDestroy: destroyTooltipOnHide,
|
|
mouseLeaveDelay: mouseLeaveDelay,
|
|
popupStyle: overlayStyle,
|
|
mouseEnterDelay: mouseEnterDelay,
|
|
arrow: showArrow
|
|
}, extraProps), children);
|
|
};
|
|
/* harmony default export */ var es_Tooltip = (/*#__PURE__*/(0,react.forwardRef)(Tooltip));
|
|
;// CONCATENATED MODULE: ./node_modules/rc-tooltip/es/index.js
|
|
|
|
|
|
|
|
/* harmony default export */ var rc_tooltip_es = (es_Tooltip);
|
|
|
|
/***/ })
|
|
|
|
}]); |