"use strict"; (self["webpackChunk"] = self["webpackChunk"] || []).push([[43428],{ /***/ 43428: /*!**********************************************************************!*\ !*** ./node_modules/_antd@5.9.0@antd/es/drawer/index.js + 9 modules ***! \**********************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { // EXPORTS __webpack_require__.d(__webpack_exports__, { Z: function() { return /* binding */ drawer; } }); // EXTERNAL MODULE: ./node_modules/_classnames@2.5.1@classnames/index.js var _classnames_2_5_1_classnames = __webpack_require__(92310); var _classnames_2_5_1_classnames_default = /*#__PURE__*/__webpack_require__.n(_classnames_2_5_1_classnames); // EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/objectSpread2.js var objectSpread2 = __webpack_require__(20439); // EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/slicedToArray.js + 1 modules var slicedToArray = __webpack_require__(50298); // EXTERNAL MODULE: ./node_modules/_@rc-component_portal@1.1.2@@rc-component/portal/es/index.js + 6 modules var es = __webpack_require__(43403); // EXTERNAL MODULE: ./node_modules/_rc-util@5.44.4@rc-util/es/hooks/useLayoutEffect.js var useLayoutEffect = __webpack_require__(34280); // EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js var _react_17_0_2_react = __webpack_require__(59301); ;// CONCATENATED MODULE: ./node_modules/_rc-drawer@6.4.1@rc-drawer/es/context.js var DrawerContext = /*#__PURE__*/_react_17_0_2_react.createContext(null); var RefContext = /*#__PURE__*/_react_17_0_2_react.createContext({}); /* harmony default export */ var context = (DrawerContext); // EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/defineProperty.js var defineProperty = __webpack_require__(4635); // EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/extends.js var esm_extends = __webpack_require__(14809); // EXTERNAL MODULE: ./node_modules/_rc-motion@2.9.5@rc-motion/es/index.js + 13 modules var _rc_motion_2_9_5_rc_motion_es = __webpack_require__(77900); // EXTERNAL MODULE: ./node_modules/_rc-util@5.44.4@rc-util/es/KeyCode.js var KeyCode = __webpack_require__(10228); // EXTERNAL MODULE: ./node_modules/_rc-util@5.44.4@rc-util/es/pickAttrs.js var pickAttrs = __webpack_require__(26112); // EXTERNAL MODULE: ./node_modules/_rc-util@5.44.4@rc-util/es/index.js var _rc_util_5_44_4_rc_util_es = __webpack_require__(70425); ;// CONCATENATED MODULE: ./node_modules/_rc-drawer@6.4.1@rc-drawer/es/DrawerPanel.js var DrawerPanel = function DrawerPanel(props) { var prefixCls = props.prefixCls, className = props.className, style = props.style, children = props.children, containerRef = props.containerRef, id = props.id, onMouseEnter = props.onMouseEnter, onMouseOver = props.onMouseOver, onMouseLeave = props.onMouseLeave, onClick = props.onClick, onKeyDown = props.onKeyDown, onKeyUp = props.onKeyUp; var eventHandlers = { onMouseEnter: onMouseEnter, onMouseOver: onMouseOver, onMouseLeave: onMouseLeave, onClick: onClick, onKeyDown: onKeyDown, onKeyUp: onKeyUp }; var _React$useContext = _react_17_0_2_react.useContext(RefContext), panelRef = _React$useContext.panel; var mergedRef = (0,_rc_util_5_44_4_rc_util_es.useComposeRef)(panelRef, containerRef); // =============================== Render =============================== return /*#__PURE__*/_react_17_0_2_react.createElement(_react_17_0_2_react.Fragment, null, /*#__PURE__*/_react_17_0_2_react.createElement("div", (0,esm_extends/* default */.Z)({ id: id, className: _classnames_2_5_1_classnames_default()("".concat(prefixCls, "-content"), className), style: (0,objectSpread2/* default */.Z)({}, style), "aria-modal": "true", role: "dialog", ref: mergedRef }, eventHandlers), children)); }; if (false) {} /* harmony default export */ var es_DrawerPanel = (DrawerPanel); // EXTERNAL MODULE: ./node_modules/_rc-util@5.44.4@rc-util/es/warning.js var es_warning = __webpack_require__(48736); ;// CONCATENATED MODULE: ./node_modules/_rc-drawer@6.4.1@rc-drawer/es/util.js function parseWidthHeight(value) { if (typeof value === 'string' && String(Number(value)) === value) { (0,es_warning/* default */.ZP)(false, 'Invalid value type of `width` or `height` which should be number type instead.'); return Number(value); } return value; } function warnCheck(props) { warning(!('wrapperClassName' in props), "'wrapperClassName' is removed. Please use 'rootClassName' instead."); warning(canUseDom() || !props.open, "Drawer with 'open' in SSR is not work since no place to createPortal. Please move to 'useEffect' instead."); } ;// CONCATENATED MODULE: ./node_modules/_rc-drawer@6.4.1@rc-drawer/es/DrawerPopup.js var sentinelStyle = { width: 0, height: 0, overflow: 'hidden', outline: 'none', position: 'absolute' }; function DrawerPopup(props, ref) { var _ref, _pushConfig$distance, _pushConfig, _classNames; var prefixCls = props.prefixCls, open = props.open, placement = props.placement, inline = props.inline, push = props.push, forceRender = props.forceRender, autoFocus = props.autoFocus, keyboard = props.keyboard, rootClassName = props.rootClassName, rootStyle = props.rootStyle, zIndex = props.zIndex, className = props.className, id = props.id, style = props.style, motion = props.motion, width = props.width, height = props.height, children = props.children, contentWrapperStyle = props.contentWrapperStyle, mask = props.mask, maskClosable = props.maskClosable, maskMotion = props.maskMotion, maskClassName = props.maskClassName, maskStyle = props.maskStyle, afterOpenChange = props.afterOpenChange, onClose = props.onClose, onMouseEnter = props.onMouseEnter, onMouseOver = props.onMouseOver, onMouseLeave = props.onMouseLeave, onClick = props.onClick, onKeyDown = props.onKeyDown, onKeyUp = props.onKeyUp; // ================================ Refs ================================ var panelRef = _react_17_0_2_react.useRef(); var sentinelStartRef = _react_17_0_2_react.useRef(); var sentinelEndRef = _react_17_0_2_react.useRef(); _react_17_0_2_react.useImperativeHandle(ref, function () { return panelRef.current; }); var onPanelKeyDown = function onPanelKeyDown(event) { var keyCode = event.keyCode, shiftKey = event.shiftKey; switch (keyCode) { // Tab active case KeyCode/* default */.Z.TAB: { if (keyCode === KeyCode/* default */.Z.TAB) { if (!shiftKey && document.activeElement === sentinelEndRef.current) { var _sentinelStartRef$cur; (_sentinelStartRef$cur = sentinelStartRef.current) === null || _sentinelStartRef$cur === void 0 ? void 0 : _sentinelStartRef$cur.focus({ preventScroll: true }); } else if (shiftKey && document.activeElement === sentinelStartRef.current) { var _sentinelEndRef$curre; (_sentinelEndRef$curre = sentinelEndRef.current) === null || _sentinelEndRef$curre === void 0 ? void 0 : _sentinelEndRef$curre.focus({ preventScroll: true }); } } break; } // Close case KeyCode/* default */.Z.ESC: { if (onClose && keyboard) { event.stopPropagation(); onClose(event); } break; } } }; // ========================== Control =========================== // Auto Focus _react_17_0_2_react.useEffect(function () { if (open && autoFocus) { var _panelRef$current; (_panelRef$current = panelRef.current) === null || _panelRef$current === void 0 ? void 0 : _panelRef$current.focus({ preventScroll: true }); } }, [open]); // ============================ Push ============================ var _React$useState = _react_17_0_2_react.useState(false), _React$useState2 = (0,slicedToArray/* default */.Z)(_React$useState, 2), pushed = _React$useState2[0], setPushed = _React$useState2[1]; var parentContext = _react_17_0_2_react.useContext(context); // Merge push distance var pushConfig; if (push === false) { pushConfig = { distance: 0 }; } else if (push === true) { pushConfig = {}; } else { pushConfig = push || {}; } var pushDistance = (_ref = (_pushConfig$distance = (_pushConfig = pushConfig) === null || _pushConfig === void 0 ? void 0 : _pushConfig.distance) !== null && _pushConfig$distance !== void 0 ? _pushConfig$distance : parentContext === null || parentContext === void 0 ? void 0 : parentContext.pushDistance) !== null && _ref !== void 0 ? _ref : 180; var mergedContext = _react_17_0_2_react.useMemo(function () { return { pushDistance: pushDistance, push: function push() { setPushed(true); }, pull: function pull() { setPushed(false); } }; }, [pushDistance]); // ========================= ScrollLock ========================= // Tell parent to push _react_17_0_2_react.useEffect(function () { if (open) { var _parentContext$push; parentContext === null || parentContext === void 0 ? void 0 : (_parentContext$push = parentContext.push) === null || _parentContext$push === void 0 ? void 0 : _parentContext$push.call(parentContext); } else { var _parentContext$pull; parentContext === null || parentContext === void 0 ? void 0 : (_parentContext$pull = parentContext.pull) === null || _parentContext$pull === void 0 ? void 0 : _parentContext$pull.call(parentContext); } }, [open]); // Clean up _react_17_0_2_react.useEffect(function () { return function () { var _parentContext$pull2; parentContext === null || parentContext === void 0 ? void 0 : (_parentContext$pull2 = parentContext.pull) === null || _parentContext$pull2 === void 0 ? void 0 : _parentContext$pull2.call(parentContext); }; }, []); // ============================ Mask ============================ var maskNode = mask && /*#__PURE__*/_react_17_0_2_react.createElement(_rc_motion_2_9_5_rc_motion_es["default"], (0,esm_extends/* default */.Z)({ key: "mask" }, maskMotion, { visible: open }), function (_ref2, maskRef) { var motionMaskClassName = _ref2.className, motionMaskStyle = _ref2.style; return /*#__PURE__*/_react_17_0_2_react.createElement("div", { className: _classnames_2_5_1_classnames_default()("".concat(prefixCls, "-mask"), motionMaskClassName, maskClassName), style: (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, motionMaskStyle), maskStyle), onClick: maskClosable && open ? onClose : undefined, ref: maskRef }); }); // =========================== Panel ============================ var motionProps = typeof motion === 'function' ? motion(placement) : motion; var wrapperStyle = {}; if (pushed && pushDistance) { switch (placement) { case 'top': wrapperStyle.transform = "translateY(".concat(pushDistance, "px)"); break; case 'bottom': wrapperStyle.transform = "translateY(".concat(-pushDistance, "px)"); break; case 'left': wrapperStyle.transform = "translateX(".concat(pushDistance, "px)"); break; default: wrapperStyle.transform = "translateX(".concat(-pushDistance, "px)"); break; } } if (placement === 'left' || placement === 'right') { wrapperStyle.width = parseWidthHeight(width); } else { wrapperStyle.height = parseWidthHeight(height); } var eventHandlers = { onMouseEnter: onMouseEnter, onMouseOver: onMouseOver, onMouseLeave: onMouseLeave, onClick: onClick, onKeyDown: onKeyDown, onKeyUp: onKeyUp }; var panelNode = /*#__PURE__*/_react_17_0_2_react.createElement(_rc_motion_2_9_5_rc_motion_es["default"], (0,esm_extends/* default */.Z)({ key: "panel" }, motionProps, { visible: open, forceRender: forceRender, onVisibleChanged: function onVisibleChanged(nextVisible) { afterOpenChange === null || afterOpenChange === void 0 ? void 0 : afterOpenChange(nextVisible); }, removeOnLeave: false, leavedClassName: "".concat(prefixCls, "-content-wrapper-hidden") }), function (_ref3, motionRef) { var motionClassName = _ref3.className, motionStyle = _ref3.style; return /*#__PURE__*/_react_17_0_2_react.createElement("div", (0,esm_extends/* default */.Z)({ className: _classnames_2_5_1_classnames_default()("".concat(prefixCls, "-content-wrapper"), motionClassName), style: (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, wrapperStyle), motionStyle), contentWrapperStyle) }, (0,pickAttrs/* default */.Z)(props, { data: true })), /*#__PURE__*/_react_17_0_2_react.createElement(es_DrawerPanel, (0,esm_extends/* default */.Z)({ id: id, containerRef: motionRef, prefixCls: prefixCls, className: className, style: style }, eventHandlers), children)); }); // =========================== Render =========================== var containerStyle = (0,objectSpread2/* default */.Z)({}, rootStyle); if (zIndex) { containerStyle.zIndex = zIndex; } return /*#__PURE__*/_react_17_0_2_react.createElement(context.Provider, { value: mergedContext }, /*#__PURE__*/_react_17_0_2_react.createElement("div", { className: _classnames_2_5_1_classnames_default()(prefixCls, "".concat(prefixCls, "-").concat(placement), rootClassName, (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-open"), open), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-inline"), inline), _classNames)), style: containerStyle, tabIndex: -1, ref: panelRef, onKeyDown: onPanelKeyDown }, maskNode, /*#__PURE__*/_react_17_0_2_react.createElement("div", { tabIndex: 0, ref: sentinelStartRef, style: sentinelStyle, "aria-hidden": "true", "data-sentinel": "start" }), panelNode, /*#__PURE__*/_react_17_0_2_react.createElement("div", { tabIndex: 0, ref: sentinelEndRef, style: sentinelStyle, "aria-hidden": "true", "data-sentinel": "end" }))); } var RefDrawerPopup = /*#__PURE__*/_react_17_0_2_react.forwardRef(DrawerPopup); if (false) {} /* harmony default export */ var es_DrawerPopup = (RefDrawerPopup); ;// CONCATENATED MODULE: ./node_modules/_rc-drawer@6.4.1@rc-drawer/es/Drawer.js var Drawer = function Drawer(props) { var _props$open = props.open, open = _props$open === void 0 ? false : _props$open, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? 'rc-drawer' : _props$prefixCls, _props$placement = props.placement, placement = _props$placement === void 0 ? 'right' : _props$placement, _props$autoFocus = props.autoFocus, autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus, _props$keyboard = props.keyboard, keyboard = _props$keyboard === void 0 ? true : _props$keyboard, _props$width = props.width, width = _props$width === void 0 ? 378 : _props$width, _props$mask = props.mask, mask = _props$mask === void 0 ? true : _props$mask, _props$maskClosable = props.maskClosable, maskClosable = _props$maskClosable === void 0 ? true : _props$maskClosable, getContainer = props.getContainer, forceRender = props.forceRender, afterOpenChange = props.afterOpenChange, destroyOnClose = props.destroyOnClose, onMouseEnter = props.onMouseEnter, onMouseOver = props.onMouseOver, onMouseLeave = props.onMouseLeave, onClick = props.onClick, onKeyDown = props.onKeyDown, onKeyUp = props.onKeyUp, panelRef = props.panelRef; var _React$useState = _react_17_0_2_react.useState(false), _React$useState2 = (0,slicedToArray/* default */.Z)(_React$useState, 2), animatedVisible = _React$useState2[0], setAnimatedVisible = _React$useState2[1]; // ============================= Warn ============================= if (false) {} // ============================= Open ============================= var _React$useState3 = _react_17_0_2_react.useState(false), _React$useState4 = (0,slicedToArray/* default */.Z)(_React$useState3, 2), mounted = _React$useState4[0], setMounted = _React$useState4[1]; (0,useLayoutEffect/* default */.Z)(function () { setMounted(true); }, []); var mergedOpen = mounted ? open : false; // ============================ Focus ============================= var popupRef = _react_17_0_2_react.useRef(); var lastActiveRef = _react_17_0_2_react.useRef(); (0,useLayoutEffect/* default */.Z)(function () { if (mergedOpen) { lastActiveRef.current = document.activeElement; } }, [mergedOpen]); // ============================= Open ============================= var internalAfterOpenChange = function internalAfterOpenChange(nextVisible) { var _popupRef$current; setAnimatedVisible(nextVisible); afterOpenChange === null || afterOpenChange === void 0 ? void 0 : afterOpenChange(nextVisible); if (!nextVisible && lastActiveRef.current && !((_popupRef$current = popupRef.current) !== null && _popupRef$current !== void 0 && _popupRef$current.contains(lastActiveRef.current))) { var _lastActiveRef$curren; (_lastActiveRef$curren = lastActiveRef.current) === null || _lastActiveRef$curren === void 0 ? void 0 : _lastActiveRef$curren.focus({ preventScroll: true }); } }; // =========================== Context ============================ var refContext = _react_17_0_2_react.useMemo(function () { return { panel: panelRef }; }, [panelRef]); // ============================ Render ============================ if (!forceRender && !animatedVisible && !mergedOpen && destroyOnClose) { return null; } var eventHandlers = { onMouseEnter: onMouseEnter, onMouseOver: onMouseOver, onMouseLeave: onMouseLeave, onClick: onClick, onKeyDown: onKeyDown, onKeyUp: onKeyUp }; var drawerPopupProps = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, props), {}, { open: mergedOpen, prefixCls: prefixCls, placement: placement, autoFocus: autoFocus, keyboard: keyboard, width: width, mask: mask, maskClosable: maskClosable, inline: getContainer === false, afterOpenChange: internalAfterOpenChange, ref: popupRef }, eventHandlers); return /*#__PURE__*/_react_17_0_2_react.createElement(RefContext.Provider, { value: refContext }, /*#__PURE__*/_react_17_0_2_react.createElement(es/* default */.Z, { open: mergedOpen || forceRender || animatedVisible, autoDestroy: false, getContainer: getContainer, autoLock: mask && (mergedOpen || animatedVisible) }, /*#__PURE__*/_react_17_0_2_react.createElement(es_DrawerPopup, drawerPopupProps))); }; if (false) {} /* harmony default export */ var es_Drawer = (Drawer); ;// CONCATENATED MODULE: ./node_modules/_rc-drawer@6.4.1@rc-drawer/es/index.js // export this package's api /* harmony default export */ var _rc_drawer_6_4_1_rc_drawer_es = (es_Drawer); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/_util/motion.js var motion = __webpack_require__(62892); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/config-provider/context.js var config_provider_context = __webpack_require__(36355); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/form/context.js var form_context = __webpack_require__(32441); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/_util/hooks/useClosable.js var useClosable = __webpack_require__(47729); ;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/drawer/DrawerPanel.js "use client"; const DrawerPanel_DrawerPanel = props => { const { prefixCls, title, footer, extra, closeIcon, closable, onClose, headerStyle, drawerStyle, bodyStyle, footerStyle, children } = props; const customCloseIconRender = _react_17_0_2_react.useCallback(icon => /*#__PURE__*/_react_17_0_2_react.createElement("button", { type: "button", onClick: onClose, "aria-label": "Close", className: `${prefixCls}-close` }, icon), [onClose]); const [mergedClosable, mergedCloseIcon] = (0,useClosable/* default */.Z)(closable, closeIcon, customCloseIconRender, undefined, true); const headerNode = _react_17_0_2_react.useMemo(() => { if (!title && !mergedClosable) { return null; } return /*#__PURE__*/_react_17_0_2_react.createElement("div", { style: headerStyle, className: _classnames_2_5_1_classnames_default()(`${prefixCls}-header`, { [`${prefixCls}-header-close-only`]: mergedClosable && !title && !extra }) }, /*#__PURE__*/_react_17_0_2_react.createElement("div", { className: `${prefixCls}-header-title` }, mergedCloseIcon, title && /*#__PURE__*/_react_17_0_2_react.createElement("div", { className: `${prefixCls}-title` }, title)), extra && /*#__PURE__*/_react_17_0_2_react.createElement("div", { className: `${prefixCls}-extra` }, extra)); }, [mergedClosable, mergedCloseIcon, extra, headerStyle, prefixCls, title]); const footerNode = _react_17_0_2_react.useMemo(() => { if (!footer) { return null; } const footerClassName = `${prefixCls}-footer`; return /*#__PURE__*/_react_17_0_2_react.createElement("div", { className: footerClassName, style: footerStyle }, footer); }, [footer, footerStyle, prefixCls]); return /*#__PURE__*/_react_17_0_2_react.createElement("div", { className: `${prefixCls}-wrapper-body`, style: drawerStyle }, headerNode, /*#__PURE__*/_react_17_0_2_react.createElement("div", { className: `${prefixCls}-body`, style: bodyStyle }, children), footerNode); }; /* harmony default export */ var drawer_DrawerPanel = (DrawerPanel_DrawerPanel); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/space/Compact.js var Compact = __webpack_require__(33234); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/theme/util/genComponentStyleHook.js var genComponentStyleHook = __webpack_require__(83116); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/theme/util/statistic.js var statistic = __webpack_require__(37613); ;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/drawer/style/motion.js const genMotionStyle = token => { const { componentCls, motionDurationSlow } = token; const sharedPanelMotion = { '&-enter, &-appear, &-leave': { '&-start': { transition: 'none' }, '&-active': { transition: `all ${motionDurationSlow}` } } }; return { [componentCls]: { // ======================== Mask ======================== [`${componentCls}-mask-motion`]: { '&-enter, &-appear, &-leave': { '&-active': { transition: `all ${motionDurationSlow}` } }, '&-enter, &-appear': { opacity: 0, '&-active': { opacity: 1 } }, '&-leave': { opacity: 1, '&-active': { opacity: 0 } } }, // ======================= Panel ======================== [`${componentCls}-panel-motion`]: { // Left '&-left': [sharedPanelMotion, { '&-enter, &-appear': { '&-start': { transform: 'translateX(-100%) !important' }, '&-active': { transform: 'translateX(0)' } }, '&-leave': { transform: 'translateX(0)', '&-active': { transform: 'translateX(-100%)' } } }], // Right '&-right': [sharedPanelMotion, { '&-enter, &-appear': { '&-start': { transform: 'translateX(100%) !important' }, '&-active': { transform: 'translateX(0)' } }, '&-leave': { transform: 'translateX(0)', '&-active': { transform: 'translateX(100%)' } } }], // Top '&-top': [sharedPanelMotion, { '&-enter, &-appear': { '&-start': { transform: 'translateY(-100%) !important' }, '&-active': { transform: 'translateY(0)' } }, '&-leave': { transform: 'translateY(0)', '&-active': { transform: 'translateY(-100%)' } } }], // Bottom '&-bottom': [sharedPanelMotion, { '&-enter, &-appear': { '&-start': { transform: 'translateY(100%) !important' }, '&-active': { transform: 'translateY(0)' } }, '&-leave': { transform: 'translateY(0)', '&-active': { transform: 'translateY(100%)' } } }] } } }; }; /* harmony default export */ var style_motion = (genMotionStyle); ;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/drawer/style/index.js // =============================== Base =============================== const genDrawerStyle = token => { const { componentCls, zIndexPopup, colorBgMask, colorBgElevated, motionDurationSlow, motionDurationMid, padding, paddingLG, fontSizeLG, lineHeightLG, lineWidth, lineType, colorSplit, marginSM, colorIcon, colorIconHover, colorText, fontWeightStrong, footerPaddingBlock, footerPaddingInline } = token; const wrapperCls = `${componentCls}-content-wrapper`; return { [componentCls]: { position: 'fixed', inset: 0, zIndex: zIndexPopup, pointerEvents: 'none', '&-pure': { position: 'relative', background: colorBgElevated, [`&${componentCls}-left`]: { boxShadow: token.boxShadowDrawerLeft }, [`&${componentCls}-right`]: { boxShadow: token.boxShadowDrawerRight }, [`&${componentCls}-top`]: { boxShadow: token.boxShadowDrawerUp }, [`&${componentCls}-bottom`]: { boxShadow: token.boxShadowDrawerDown } }, '&-inline': { position: 'absolute' }, // ====================== Mask ====================== [`${componentCls}-mask`]: { position: 'absolute', inset: 0, zIndex: zIndexPopup, background: colorBgMask, pointerEvents: 'auto' }, // ==================== Content ===================== [wrapperCls]: { position: 'absolute', zIndex: zIndexPopup, maxWidth: '100vw', transition: `all ${motionDurationSlow}`, '&-hidden': { display: 'none' } }, // Placement [`&-left > ${wrapperCls}`]: { top: 0, bottom: 0, left: { _skip_check_: true, value: 0 }, boxShadow: token.boxShadowDrawerLeft }, [`&-right > ${wrapperCls}`]: { top: 0, right: { _skip_check_: true, value: 0 }, bottom: 0, boxShadow: token.boxShadowDrawerRight }, [`&-top > ${wrapperCls}`]: { top: 0, insetInline: 0, boxShadow: token.boxShadowDrawerUp }, [`&-bottom > ${wrapperCls}`]: { bottom: 0, insetInline: 0, boxShadow: token.boxShadowDrawerDown }, [`${componentCls}-content`]: { width: '100%', height: '100%', overflow: 'auto', background: colorBgElevated, pointerEvents: 'auto' }, // ===================== Panel ====================== [`${componentCls}-wrapper-body`]: { display: 'flex', flexDirection: 'column', width: '100%', height: '100%' }, // Header [`${componentCls}-header`]: { display: 'flex', flex: 0, alignItems: 'center', padding: `${padding}px ${paddingLG}px`, fontSize: fontSizeLG, lineHeight: lineHeightLG, borderBottom: `${lineWidth}px ${lineType} ${colorSplit}`, '&-title': { display: 'flex', flex: 1, alignItems: 'center', minWidth: 0, minHeight: 0 } }, [`${componentCls}-extra`]: { flex: 'none' }, [`${componentCls}-close`]: { display: 'inline-block', marginInlineEnd: marginSM, color: colorIcon, fontWeight: fontWeightStrong, fontSize: fontSizeLG, fontStyle: 'normal', lineHeight: 1, textAlign: 'center', textTransform: 'none', textDecoration: 'none', background: 'transparent', border: 0, outline: 0, cursor: 'pointer', transition: `color ${motionDurationMid}`, textRendering: 'auto', '&:focus, &:hover': { color: colorIconHover, textDecoration: 'none' } }, [`${componentCls}-title`]: { flex: 1, margin: 0, color: colorText, fontWeight: token.fontWeightStrong, fontSize: fontSizeLG, lineHeight: lineHeightLG }, // Body [`${componentCls}-body`]: { flex: 1, minWidth: 0, minHeight: 0, padding: paddingLG, overflow: 'auto' }, // Footer [`${componentCls}-footer`]: { flexShrink: 0, padding: `${footerPaddingBlock}px ${footerPaddingInline}px`, borderTop: `${lineWidth}px ${lineType} ${colorSplit}` }, // ====================== RTL ======================= '&-rtl': { direction: 'rtl' } } }; }; // ============================== Export ============================== /* harmony default export */ var drawer_style = ((0,genComponentStyleHook/* default */.Z)('Drawer', token => { const drawerToken = (0,statistic/* merge */.TS)(token, {}); return [genDrawerStyle(drawerToken), style_motion(drawerToken)]; }, token => ({ zIndexPopup: token.zIndexPopupBase, footerPaddingBlock: token.paddingXS, footerPaddingInline: token.padding }))); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/watermark/context.js var watermark_context = __webpack_require__(11575); ;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/drawer/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; }; // CSSINJS const SizeTypes = (/* unused pure expression or super */ null && (['default', 'large'])); const defaultPushState = { distance: 180 }; const drawer_Drawer = props => { var _a; const { rootClassName, width, height, size = 'default', mask = true, push = defaultPushState, open, afterOpenChange, onClose, prefixCls: customizePrefixCls, getContainer: customizeGetContainer, style, className, // Deprecated visible, afterVisibleChange } = props, rest = __rest(props, ["rootClassName", "width", "height", "size", "mask", "push", "open", "afterOpenChange", "onClose", "prefixCls", "getContainer", "style", "className", "visible", "afterVisibleChange"]); const { getPopupContainer, getPrefixCls, direction, drawer } = _react_17_0_2_react.useContext(config_provider_context/* ConfigContext */.E_); const prefixCls = getPrefixCls('drawer', customizePrefixCls); // Style const [wrapSSR, hashId] = drawer_style(prefixCls); const getContainer = // 有可能为 false,所以不能直接判断 customizeGetContainer === undefined && getPopupContainer ? () => getPopupContainer(document.body) : customizeGetContainer; const drawerClassName = _classnames_2_5_1_classnames_default()({ 'no-mask': !mask, [`${prefixCls}-rtl`]: direction === 'rtl' }, rootClassName, hashId); // ========================== Warning =========================== if (false) {} // ============================ Size ============================ const mergedWidth = _react_17_0_2_react.useMemo(() => width !== null && width !== void 0 ? width : size === 'large' ? 736 : 378, [width, size]); const mergedHeight = _react_17_0_2_react.useMemo(() => height !== null && height !== void 0 ? height : size === 'large' ? 736 : 378, [height, size]); // =========================== Motion =========================== const maskMotion = { motionName: (0,motion/* getTransitionName */.m)(prefixCls, 'mask-motion'), motionAppear: true, motionEnter: true, motionLeave: true, motionDeadline: 500 }; const panelMotion = motionPlacement => ({ motionName: (0,motion/* getTransitionName */.m)(prefixCls, `panel-motion-${motionPlacement}`), motionAppear: true, motionEnter: true, motionLeave: true, motionDeadline: 500 }); // ============================ Refs ============================ // Select `ant-modal-content` by `panelRef` const panelRef = (0,watermark_context/* usePanelRef */.H)(); // =========================== Render =========================== return wrapSSR( /*#__PURE__*/_react_17_0_2_react.createElement(Compact/* NoCompactStyle */.BR, null, /*#__PURE__*/_react_17_0_2_react.createElement(form_context/* NoFormStyle */.Ux, { status: true, override: true }, /*#__PURE__*/_react_17_0_2_react.createElement(_rc_drawer_6_4_1_rc_drawer_es, Object.assign({ prefixCls: prefixCls, onClose: onClose, maskMotion: maskMotion, motion: panelMotion }, rest, { open: open !== null && open !== void 0 ? open : visible, mask: mask, push: push, width: mergedWidth, height: mergedHeight, style: Object.assign(Object.assign({}, drawer === null || drawer === void 0 ? void 0 : drawer.style), style), className: _classnames_2_5_1_classnames_default()(drawer === null || drawer === void 0 ? void 0 : drawer.className, className), rootClassName: drawerClassName, getContainer: getContainer, afterOpenChange: afterOpenChange !== null && afterOpenChange !== void 0 ? afterOpenChange : afterVisibleChange, panelRef: panelRef }), /*#__PURE__*/_react_17_0_2_react.createElement(drawer_DrawerPanel, Object.assign({ prefixCls: prefixCls }, rest, { onClose: onClose })))))); }; /** @private Internal Component. Do not use in your production. */ const PurePanel = props => { const { prefixCls: customizePrefixCls, style, className, placement = 'right' } = props, restProps = __rest(props, ["prefixCls", "style", "className", "placement"]); const { getPrefixCls } = _react_17_0_2_react.useContext(config_provider_context/* ConfigContext */.E_); const prefixCls = getPrefixCls('drawer', customizePrefixCls); // Style const [wrapSSR, hashId] = drawer_style(prefixCls); const cls = _classnames_2_5_1_classnames_default()(prefixCls, `${prefixCls}-pure`, `${prefixCls}-${placement}`, hashId, className); return wrapSSR( /*#__PURE__*/_react_17_0_2_react.createElement("div", { className: cls, style: style }, /*#__PURE__*/_react_17_0_2_react.createElement(drawer_DrawerPanel, Object.assign({ prefixCls: prefixCls }, restProps)))); }; drawer_Drawer._InternalPanelDoNotUseOrYouWillBeFired = PurePanel; if (false) {} /* harmony default export */ var drawer = (drawer_Drawer); /***/ }) }]);