first commit
This commit is contained in:
18
frontend/node_modules/rc-drawer/lib/Drawer.d.ts
generated
vendored
Normal file
18
frontend/node_modules/rc-drawer/lib/Drawer.d.ts
generated
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
import type { PortalProps } from '@rc-component/portal';
|
||||
import * as React from 'react';
|
||||
import type { DrawerPanelAccessibility, DrawerPanelEvents } from './DrawerPanel';
|
||||
import type { DrawerPopupProps } from './DrawerPopup';
|
||||
import type { DrawerClassNames, DrawerStyles } from './inter';
|
||||
export type Placement = 'left' | 'top' | 'right' | 'bottom';
|
||||
export interface DrawerProps extends Omit<DrawerPopupProps, 'prefixCls' | 'inline' | 'scrollLocker'>, DrawerPanelEvents, DrawerPanelAccessibility {
|
||||
prefixCls?: string;
|
||||
open?: boolean;
|
||||
onClose?: (e: React.MouseEvent | React.KeyboardEvent) => void;
|
||||
destroyOnClose?: boolean;
|
||||
getContainer?: PortalProps['getContainer'];
|
||||
panelRef?: React.Ref<HTMLDivElement>;
|
||||
classNames?: DrawerClassNames;
|
||||
styles?: DrawerStyles;
|
||||
}
|
||||
declare const Drawer: React.FC<DrawerProps>;
|
||||
export default Drawer;
|
||||
131
frontend/node_modules/rc-drawer/lib/Drawer.js
generated
vendored
Normal file
131
frontend/node_modules/rc-drawer/lib/Drawer.js
generated
vendored
Normal file
@@ -0,0 +1,131 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
||||
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
||||
var _portal = _interopRequireDefault(require("@rc-component/portal"));
|
||||
var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _context = require("./context");
|
||||
var _DrawerPopup = _interopRequireDefault(require("./DrawerPopup"));
|
||||
var _util = require("./util");
|
||||
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.useState(false),
|
||||
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
||||
animatedVisible = _React$useState2[0],
|
||||
setAnimatedVisible = _React$useState2[1];
|
||||
|
||||
// ============================= Warn =============================
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
(0, _util.warnCheck)(props);
|
||||
}
|
||||
|
||||
// ============================= Open =============================
|
||||
var _React$useState3 = React.useState(false),
|
||||
_React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
|
||||
mounted = _React$useState4[0],
|
||||
setMounted = _React$useState4[1];
|
||||
(0, _useLayoutEffect.default)(function () {
|
||||
setMounted(true);
|
||||
}, []);
|
||||
var mergedOpen = mounted ? open : false;
|
||||
|
||||
// ============================ Focus =============================
|
||||
var popupRef = React.useRef();
|
||||
var lastActiveRef = React.useRef();
|
||||
(0, _useLayoutEffect.default)(function () {
|
||||
if (mergedOpen) {
|
||||
lastActiveRef.current = document.activeElement;
|
||||
}
|
||||
}, [mergedOpen]);
|
||||
|
||||
// ============================= Open =============================
|
||||
var internalAfterOpenChange = function internalAfterOpenChange(nextVisible) {
|
||||
var _popupRef$current;
|
||||
setAnimatedVisible(nextVisible);
|
||||
afterOpenChange === null || afterOpenChange === 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 || _lastActiveRef$curren.focus({
|
||||
preventScroll: true
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// =========================== Context ============================
|
||||
var refContext = 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)((0, _objectSpread2.default)({}, 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.createElement(_context.RefContext.Provider, {
|
||||
value: refContext
|
||||
}, /*#__PURE__*/React.createElement(_portal.default, {
|
||||
open: mergedOpen || forceRender || animatedVisible,
|
||||
autoDestroy: false,
|
||||
getContainer: getContainer,
|
||||
autoLock: mask && (mergedOpen || animatedVisible)
|
||||
}, /*#__PURE__*/React.createElement(_DrawerPopup.default, drawerPopupProps)));
|
||||
};
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
Drawer.displayName = 'Drawer';
|
||||
}
|
||||
var _default = exports.default = Drawer;
|
||||
26
frontend/node_modules/rc-drawer/lib/DrawerPanel.d.ts
generated
vendored
Normal file
26
frontend/node_modules/rc-drawer/lib/DrawerPanel.d.ts
generated
vendored
Normal file
@@ -0,0 +1,26 @@
|
||||
import * as React from 'react';
|
||||
export interface DrawerPanelRef {
|
||||
focus: VoidFunction;
|
||||
}
|
||||
export interface DrawerPanelEvents {
|
||||
onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
|
||||
onMouseOver?: React.MouseEventHandler<HTMLDivElement>;
|
||||
onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
|
||||
onClick?: React.MouseEventHandler<HTMLDivElement>;
|
||||
onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
|
||||
onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;
|
||||
}
|
||||
export type DrawerPanelAccessibility = Pick<React.DialogHTMLAttributes<HTMLDivElement>, keyof React.AriaAttributes>;
|
||||
export interface DrawerPanelProps extends DrawerPanelEvents, DrawerPanelAccessibility {
|
||||
prefixCls: string;
|
||||
className?: string;
|
||||
id?: string;
|
||||
style?: React.CSSProperties;
|
||||
children?: React.ReactNode;
|
||||
containerRef?: React.Ref<HTMLDivElement>;
|
||||
}
|
||||
declare const DrawerPanel: {
|
||||
(props: DrawerPanelProps): React.JSX.Element;
|
||||
displayName: string;
|
||||
};
|
||||
export default DrawerPanel;
|
||||
41
frontend/node_modules/rc-drawer/lib/DrawerPanel.js
generated
vendored
Normal file
41
frontend/node_modules/rc-drawer/lib/DrawerPanel.js
generated
vendored
Normal file
@@ -0,0 +1,41 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
||||
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
||||
var _classnames = _interopRequireDefault(require("classnames"));
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _context = require("./context");
|
||||
var _pickAttrs = _interopRequireDefault(require("rc-util/lib/pickAttrs"));
|
||||
var _ref = require("rc-util/lib/ref");
|
||||
var _excluded = ["prefixCls", "className", "containerRef"];
|
||||
var DrawerPanel = function DrawerPanel(props) {
|
||||
var prefixCls = props.prefixCls,
|
||||
className = props.className,
|
||||
containerRef = props.containerRef,
|
||||
restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
|
||||
var _React$useContext = React.useContext(_context.RefContext),
|
||||
panelRef = _React$useContext.panel;
|
||||
var mergedRef = (0, _ref.useComposeRef)(panelRef, containerRef);
|
||||
|
||||
// =============================== Render ===============================
|
||||
|
||||
return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
|
||||
className: (0, _classnames.default)("".concat(prefixCls, "-content"), className),
|
||||
role: "dialog",
|
||||
ref: mergedRef
|
||||
}, (0, _pickAttrs.default)(props, {
|
||||
aria: true
|
||||
}), {
|
||||
"aria-modal": "true"
|
||||
}, restProps));
|
||||
};
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
DrawerPanel.displayName = 'DrawerPanel';
|
||||
}
|
||||
var _default = exports.default = DrawerPanel;
|
||||
40
frontend/node_modules/rc-drawer/lib/DrawerPopup.d.ts
generated
vendored
Normal file
40
frontend/node_modules/rc-drawer/lib/DrawerPopup.d.ts
generated
vendored
Normal file
@@ -0,0 +1,40 @@
|
||||
import type { CSSMotionProps } from 'rc-motion';
|
||||
import * as React from 'react';
|
||||
import type { DrawerPanelAccessibility, DrawerPanelEvents } from './DrawerPanel';
|
||||
import type { DrawerClassNames, DrawerStyles } from './inter';
|
||||
export type Placement = 'left' | 'right' | 'top' | 'bottom';
|
||||
export interface PushConfig {
|
||||
distance?: number | string;
|
||||
}
|
||||
export interface DrawerPopupProps extends DrawerPanelEvents, DrawerPanelAccessibility {
|
||||
prefixCls: string;
|
||||
open?: boolean;
|
||||
inline?: boolean;
|
||||
push?: boolean | PushConfig;
|
||||
forceRender?: boolean;
|
||||
autoFocus?: boolean;
|
||||
keyboard?: boolean;
|
||||
rootClassName?: string;
|
||||
rootStyle?: React.CSSProperties;
|
||||
zIndex?: number;
|
||||
placement?: Placement;
|
||||
id?: string;
|
||||
className?: string;
|
||||
style?: React.CSSProperties;
|
||||
children?: React.ReactNode;
|
||||
width?: number | string;
|
||||
height?: number | string;
|
||||
mask?: boolean;
|
||||
maskClosable?: boolean;
|
||||
maskClassName?: string;
|
||||
maskStyle?: React.CSSProperties;
|
||||
motion?: CSSMotionProps | ((placement: Placement) => CSSMotionProps);
|
||||
maskMotion?: CSSMotionProps;
|
||||
afterOpenChange?: (open: boolean) => void;
|
||||
onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
|
||||
classNames?: DrawerClassNames;
|
||||
styles?: DrawerStyles;
|
||||
drawerRender?: (node: React.ReactNode) => React.ReactNode;
|
||||
}
|
||||
declare const RefDrawerPopup: React.ForwardRefExoticComponent<DrawerPopupProps & React.RefAttributes<HTMLDivElement>>;
|
||||
export default RefDrawerPopup;
|
||||
276
frontend/node_modules/rc-drawer/lib/DrawerPopup.js
generated
vendored
Normal file
276
frontend/node_modules/rc-drawer/lib/DrawerPopup.js
generated
vendored
Normal file
@@ -0,0 +1,276 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
||||
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
||||
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
||||
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
||||
var _classnames = _interopRequireDefault(require("classnames"));
|
||||
var _rcMotion = _interopRequireDefault(require("rc-motion"));
|
||||
var _KeyCode = _interopRequireDefault(require("rc-util/lib/KeyCode"));
|
||||
var _pickAttrs = _interopRequireDefault(require("rc-util/lib/pickAttrs"));
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _context = _interopRequireDefault(require("./context"));
|
||||
var _DrawerPanel = _interopRequireDefault(require("./DrawerPanel"));
|
||||
var _util = require("./util");
|
||||
var sentinelStyle = {
|
||||
width: 0,
|
||||
height: 0,
|
||||
overflow: 'hidden',
|
||||
outline: 'none',
|
||||
position: 'absolute'
|
||||
};
|
||||
function DrawerPopup(props, ref) {
|
||||
var _ref, _pushConfig$distance, _pushConfig;
|
||||
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,
|
||||
drawerClassNames = props.classNames,
|
||||
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,
|
||||
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,
|
||||
styles = props.styles,
|
||||
drawerRender = props.drawerRender;
|
||||
|
||||
// ================================ Refs ================================
|
||||
var panelRef = React.useRef();
|
||||
var sentinelStartRef = React.useRef();
|
||||
var sentinelEndRef = React.useRef();
|
||||
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.TAB:
|
||||
{
|
||||
if (keyCode === _KeyCode.default.TAB) {
|
||||
if (!shiftKey && document.activeElement === sentinelEndRef.current) {
|
||||
var _sentinelStartRef$cur;
|
||||
(_sentinelStartRef$cur = sentinelStartRef.current) === null || _sentinelStartRef$cur === 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 || _sentinelEndRef$curre.focus({
|
||||
preventScroll: true
|
||||
});
|
||||
}
|
||||
}
|
||||
break;
|
||||
}
|
||||
|
||||
// Close
|
||||
case _KeyCode.default.ESC:
|
||||
{
|
||||
if (onClose && keyboard) {
|
||||
event.stopPropagation();
|
||||
onClose(event);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// ========================== Control ===========================
|
||||
// Auto Focus
|
||||
React.useEffect(function () {
|
||||
if (open && autoFocus) {
|
||||
var _panelRef$current;
|
||||
(_panelRef$current = panelRef.current) === null || _panelRef$current === void 0 || _panelRef$current.focus({
|
||||
preventScroll: true
|
||||
});
|
||||
}
|
||||
}, [open]);
|
||||
|
||||
// ============================ Push ============================
|
||||
var _React$useState = React.useState(false),
|
||||
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
||||
pushed = _React$useState2[0],
|
||||
setPushed = _React$useState2[1];
|
||||
var parentContext = React.useContext(_context.default);
|
||||
|
||||
// Merge push distance
|
||||
var pushConfig;
|
||||
if (typeof push === 'boolean') {
|
||||
pushConfig = push ? {} : {
|
||||
distance: 0
|
||||
};
|
||||
} 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.useMemo(function () {
|
||||
return {
|
||||
pushDistance: pushDistance,
|
||||
push: function push() {
|
||||
setPushed(true);
|
||||
},
|
||||
pull: function pull() {
|
||||
setPushed(false);
|
||||
}
|
||||
};
|
||||
}, [pushDistance]);
|
||||
|
||||
// ========================= ScrollLock =========================
|
||||
// Tell parent to push
|
||||
React.useEffect(function () {
|
||||
if (open) {
|
||||
var _parentContext$push;
|
||||
parentContext === null || parentContext === void 0 || (_parentContext$push = parentContext.push) === null || _parentContext$push === void 0 || _parentContext$push.call(parentContext);
|
||||
} else {
|
||||
var _parentContext$pull;
|
||||
parentContext === null || parentContext === void 0 || (_parentContext$pull = parentContext.pull) === null || _parentContext$pull === void 0 || _parentContext$pull.call(parentContext);
|
||||
}
|
||||
}, [open]);
|
||||
|
||||
// Clean up
|
||||
React.useEffect(function () {
|
||||
return function () {
|
||||
var _parentContext$pull2;
|
||||
parentContext === null || parentContext === void 0 || (_parentContext$pull2 = parentContext.pull) === null || _parentContext$pull2 === void 0 || _parentContext$pull2.call(parentContext);
|
||||
};
|
||||
}, []);
|
||||
|
||||
// ============================ Mask ============================
|
||||
var maskNode = /*#__PURE__*/React.createElement(_rcMotion.default, (0, _extends2.default)({
|
||||
key: "mask"
|
||||
}, maskMotion, {
|
||||
visible: mask && open
|
||||
}), function (_ref2, maskRef) {
|
||||
var motionMaskClassName = _ref2.className,
|
||||
motionMaskStyle = _ref2.style;
|
||||
return /*#__PURE__*/React.createElement("div", {
|
||||
className: (0, _classnames.default)("".concat(prefixCls, "-mask"), motionMaskClassName, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.mask, maskClassName),
|
||||
style: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, motionMaskStyle), maskStyle), styles === null || styles === void 0 ? void 0 : styles.mask),
|
||||
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 = (0, _util.parseWidthHeight)(width);
|
||||
} else {
|
||||
wrapperStyle.height = (0, _util.parseWidthHeight)(height);
|
||||
}
|
||||
var eventHandlers = {
|
||||
onMouseEnter: onMouseEnter,
|
||||
onMouseOver: onMouseOver,
|
||||
onMouseLeave: onMouseLeave,
|
||||
onClick: onClick,
|
||||
onKeyDown: onKeyDown,
|
||||
onKeyUp: onKeyUp
|
||||
};
|
||||
var panelNode = /*#__PURE__*/React.createElement(_rcMotion.default, (0, _extends2.default)({
|
||||
key: "panel"
|
||||
}, motionProps, {
|
||||
visible: open,
|
||||
forceRender: forceRender,
|
||||
onVisibleChanged: function onVisibleChanged(nextVisible) {
|
||||
afterOpenChange === null || afterOpenChange === void 0 || afterOpenChange(nextVisible);
|
||||
},
|
||||
removeOnLeave: false,
|
||||
leavedClassName: "".concat(prefixCls, "-content-wrapper-hidden")
|
||||
}), function (_ref3, motionRef) {
|
||||
var motionClassName = _ref3.className,
|
||||
motionStyle = _ref3.style;
|
||||
var content = /*#__PURE__*/React.createElement(_DrawerPanel.default, (0, _extends2.default)({
|
||||
id: id,
|
||||
containerRef: motionRef,
|
||||
prefixCls: prefixCls,
|
||||
className: (0, _classnames.default)(className, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.content),
|
||||
style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), styles === null || styles === void 0 ? void 0 : styles.content)
|
||||
}, (0, _pickAttrs.default)(props, {
|
||||
aria: true
|
||||
}), eventHandlers), children);
|
||||
return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
|
||||
className: (0, _classnames.default)("".concat(prefixCls, "-content-wrapper"), drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.wrapper, motionClassName),
|
||||
style: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, wrapperStyle), motionStyle), styles === null || styles === void 0 ? void 0 : styles.wrapper)
|
||||
}, (0, _pickAttrs.default)(props, {
|
||||
data: true
|
||||
})), drawerRender ? drawerRender(content) : content);
|
||||
});
|
||||
|
||||
// =========================== Render ===========================
|
||||
var containerStyle = (0, _objectSpread2.default)({}, rootStyle);
|
||||
if (zIndex) {
|
||||
containerStyle.zIndex = zIndex;
|
||||
}
|
||||
return /*#__PURE__*/React.createElement(_context.default.Provider, {
|
||||
value: mergedContext
|
||||
}, /*#__PURE__*/React.createElement("div", {
|
||||
className: (0, _classnames.default)(prefixCls, "".concat(prefixCls, "-").concat(placement), rootClassName, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-open"), open), "".concat(prefixCls, "-inline"), inline)),
|
||||
style: containerStyle,
|
||||
tabIndex: -1,
|
||||
ref: panelRef,
|
||||
onKeyDown: onPanelKeyDown
|
||||
}, maskNode, /*#__PURE__*/React.createElement("div", {
|
||||
tabIndex: 0,
|
||||
ref: sentinelStartRef,
|
||||
style: sentinelStyle,
|
||||
"aria-hidden": "true",
|
||||
"data-sentinel": "start"
|
||||
}), panelNode, /*#__PURE__*/React.createElement("div", {
|
||||
tabIndex: 0,
|
||||
ref: sentinelEndRef,
|
||||
style: sentinelStyle,
|
||||
"aria-hidden": "true",
|
||||
"data-sentinel": "end"
|
||||
})));
|
||||
}
|
||||
var RefDrawerPopup = /*#__PURE__*/React.forwardRef(DrawerPopup);
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
RefDrawerPopup.displayName = 'DrawerPopup';
|
||||
}
|
||||
var _default = exports.default = RefDrawerPopup;
|
||||
12
frontend/node_modules/rc-drawer/lib/context.d.ts
generated
vendored
Normal file
12
frontend/node_modules/rc-drawer/lib/context.d.ts
generated
vendored
Normal file
@@ -0,0 +1,12 @@
|
||||
import * as React from 'react';
|
||||
export interface DrawerContextProps {
|
||||
pushDistance?: number | string;
|
||||
push: VoidFunction;
|
||||
pull: VoidFunction;
|
||||
}
|
||||
declare const DrawerContext: React.Context<DrawerContextProps>;
|
||||
export interface RefContextProps {
|
||||
panel?: React.Ref<HTMLDivElement>;
|
||||
}
|
||||
export declare const RefContext: React.Context<RefContextProps>;
|
||||
export default DrawerContext;
|
||||
11
frontend/node_modules/rc-drawer/lib/context.js
generated
vendored
Normal file
11
frontend/node_modules/rc-drawer/lib/context.js
generated
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = exports.RefContext = void 0;
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var DrawerContext = /*#__PURE__*/React.createContext(null);
|
||||
var RefContext = exports.RefContext = /*#__PURE__*/React.createContext({});
|
||||
var _default = exports.default = DrawerContext;
|
||||
4
frontend/node_modules/rc-drawer/lib/index.d.ts
generated
vendored
Normal file
4
frontend/node_modules/rc-drawer/lib/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
import Drawer from './Drawer';
|
||||
import type { DrawerProps } from './Drawer';
|
||||
export type { DrawerProps };
|
||||
export default Drawer;
|
||||
10
frontend/node_modules/rc-drawer/lib/index.js
generated
vendored
Normal file
10
frontend/node_modules/rc-drawer/lib/index.js
generated
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _Drawer = _interopRequireDefault(require("./Drawer"));
|
||||
// export this package's api
|
||||
var _default = exports.default = _Drawer.default;
|
||||
11
frontend/node_modules/rc-drawer/lib/inter.d.ts
generated
vendored
Normal file
11
frontend/node_modules/rc-drawer/lib/inter.d.ts
generated
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
/// <reference types="react" />
|
||||
export interface DrawerClassNames {
|
||||
mask?: string;
|
||||
wrapper?: string;
|
||||
content?: string;
|
||||
}
|
||||
export interface DrawerStyles {
|
||||
mask?: React.CSSProperties;
|
||||
wrapper?: React.CSSProperties;
|
||||
content?: React.CSSProperties;
|
||||
}
|
||||
5
frontend/node_modules/rc-drawer/lib/inter.js
generated
vendored
Normal file
5
frontend/node_modules/rc-drawer/lib/inter.js
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
3
frontend/node_modules/rc-drawer/lib/util.d.ts
generated
vendored
Normal file
3
frontend/node_modules/rc-drawer/lib/util.d.ts
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
import type { DrawerProps } from './Drawer';
|
||||
export declare function parseWidthHeight(value?: number | string): string | number;
|
||||
export declare function warnCheck(props: DrawerProps): void;
|
||||
21
frontend/node_modules/rc-drawer/lib/util.js
generated
vendored
Normal file
21
frontend/node_modules/rc-drawer/lib/util.js
generated
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.parseWidthHeight = parseWidthHeight;
|
||||
exports.warnCheck = warnCheck;
|
||||
var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
|
||||
var _canUseDom = _interopRequireDefault(require("rc-util/lib/Dom/canUseDom"));
|
||||
function parseWidthHeight(value) {
|
||||
if (typeof value === 'string' && String(Number(value)) === value) {
|
||||
(0, _warning.default)(false, 'Invalid value type of `width` or `height` which should be number type instead.');
|
||||
return Number(value);
|
||||
}
|
||||
return value;
|
||||
}
|
||||
function warnCheck(props) {
|
||||
(0, _warning.default)(!('wrapperClassName' in props), "'wrapperClassName' is removed. Please use 'rootClassName' instead.");
|
||||
(0, _warning.default)((0, _canUseDom.default)() || !props.open, "Drawer with 'open' in SSR is not work since no place to createPortal. Please move to 'useEffect' instead.");
|
||||
}
|
||||
Reference in New Issue
Block a user