@ucloud-pccl/react-components
Version:
UCloud pccl react components
666 lines (665 loc) • 29.5 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _react = _interopRequireDefault(require("react"));
var _reactDom = _interopRequireDefault(require("react-dom"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames2 = _interopRequireDefault(require("classnames"));
var _getScrollBarSize = _interopRequireDefault(require("rc-util/lib/getScrollBarSize"));
var _KeyCode = _interopRequireDefault(require("rc-util/lib/KeyCode"));
var _utils = require("./utils");
var _this13 = void 0;
var _excluded = ["wrapperClassName", "className", "children", "style", "width", "height", "defaultOpen", "firstEnter", "open", "prefixCls", "placement", "level", "levelMove", "ease", "duration", "getContainer", "handler", "onChange", "afterVisibleChange", "onMaskClick", "onHandleClick", "showMask", "maskStyle", "keyboard", "closeHandler"];
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
var currentDrawer = {};
var windowIsUndefined = !(typeof window !== 'undefined' && window.document && window.document.createElement);
var Drawer = /*#__PURE__*/function (_React$PureComponent) {
function Drawer(_props) {
var _this2 = this;
var _this;
(0, _classCallCheck2.default)(this, Drawer);
_this = _callSuper(this, Drawer, [_props]);
_this.onMaskTouchEnd = function (e) {
(0, _newArrowCheck2.default)(this, _this2);
var onMaskClick = _this.props.onMaskClick;
if (onMaskClick) {
onMaskClick(e);
}
_this.onTouchEnd(e, true);
}.bind(this);
_this.onIconTouchEnd = function (e) {
(0, _newArrowCheck2.default)(this, _this2);
var onHandleClick = _this.props.onHandleClick;
if (onHandleClick) {
onHandleClick(e);
}
_this.onTouchEnd(e);
}.bind(this);
_this.onTouchEnd = function (e, close) {
var _this3 = this;
(0, _newArrowCheck2.default)(this, _this2);
if (_this.props.open !== undefined) {
return;
}
var open = close || _this.state.open;
_this.isOpenChange = true;
_this.setState({
open: !open
}, function () {
(0, _newArrowCheck2.default)(this, _this3);
_this.domFocus(!open);
}.bind(this));
}.bind(this);
_this.onKeyDown = function (e) {
(0, _newArrowCheck2.default)(this, _this2);
if (e.keyCode === _KeyCode.default.ESC) {
var _this$props = _this.props,
onMaskClick = _this$props.onMaskClick,
onHandleClick = _this$props.onHandleClick;
e.stopPropagation();
var onClose = onHandleClick || onMaskClick;
if (onClose) {
onClose(e);
} else {
_this.onTouchEnd(e, true);
}
}
}.bind(this);
_this.onWrapperTransitionEnd = function (e) {
(0, _newArrowCheck2.default)(this, _this2);
if (e.target === _this.contentWrapper && e.propertyName.match(/transform$/)) {
_this.dom.style.transition = '';
if (!_this.state.open && _this.getCurrentDrawerSome()) {
document.body.style.overflowX = '';
if (_this.maskDom) {
_this.maskDom.style.left = '';
_this.maskDom.style.width = '';
}
}
var afterVisibleChange = _this.props.afterVisibleChange;
var open = _this.state.open;
afterVisibleChange(open);
}
}.bind(this);
_this.getDefault = function (props) {
(0, _newArrowCheck2.default)(this, _this2);
_this.getParentAndLevelDom(props);
if (props.getContainer || props.parent) {
_this.container = _this.defaultGetContainer();
}
}.bind(this);
_this.getCurrentDrawerSome = function () {
var _this4 = this;
(0, _newArrowCheck2.default)(this, _this2);
return !Object.keys(currentDrawer).some(function (key) {
(0, _newArrowCheck2.default)(this, _this4);
return currentDrawer[key];
}.bind(this));
}.bind(this);
_this.getContainer = function () {
(0, _newArrowCheck2.default)(this, _this2);
return _this.container;
}.bind(this);
_this.getParentAndLevelDom = function (props) {
var _this5 = this;
(0, _newArrowCheck2.default)(this, _this2);
if (windowIsUndefined) {
return;
}
var level = props.level,
getContainer = props.getContainer;
_this.levelDom = [];
if (getContainer) {
if (typeof getContainer === 'string') {
var dom = document.querySelectorAll(getContainer)[0];
_this.parent = dom;
}
if (typeof getContainer === 'function') {
_this.parent = getContainer();
}
if ((0, _typeof2.default)(getContainer) === 'object' && getContainer instanceof window.HTMLElement) {
_this.parent = getContainer;
}
}
if (!getContainer && _this.container) {
_this.parent = _this.container.parentNode;
}
if (level === 'all') {
var children = Array.prototype.slice.call(_this.parent.children);
children.forEach(function (child) {
(0, _newArrowCheck2.default)(this, _this5);
if (child.nodeName !== 'SCRIPT' && child.nodeName !== 'STYLE' && child.nodeName !== 'LINK' && child !== _this.container) {
_this.levelDom.push(child);
}
}.bind(this));
} else if (level) {
(0, _utils.dataToArray)(level).forEach(function (key) {
var _this6 = this;
(0, _newArrowCheck2.default)(this, _this5);
document.querySelectorAll(key).forEach(function (item) {
(0, _newArrowCheck2.default)(this, _this6);
_this.levelDom.push(item);
}.bind(this));
}.bind(this));
}
}.bind(this);
_this.setLevelDomTransform = function (open, openTransition, placementName, value) {
var _this7 = this;
(0, _newArrowCheck2.default)(this, _this2);
var _this$props2 = _this.props,
placement = _this$props2.placement,
levelMove = _this$props2.levelMove,
duration = _this$props2.duration,
ease = _this$props2.ease,
onChange = _this$props2.onChange,
getContainer = _this$props2.getContainer,
showMask = _this$props2.showMask;
if (!windowIsUndefined) {
var right = document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) && window.innerWidth > document.body.offsetWidth ? (0, _getScrollBarSize.default)(1) : 0;
_this.levelDom.forEach(function (dom) {
(0, _newArrowCheck2.default)(this, _this7);
if (_this.isOpenChange || openTransition) {
/* eslint no-param-reassign: "error" */
dom.style.transition = "transform ".concat(duration, " ").concat(ease);
(0, _utils.addEventListener)(dom, _utils.transitionEnd, _this.transitionEnd);
var levelValue = open ? value : 0;
if (levelMove) {
var $levelMove = (0, _utils.transformArguments)(levelMove, {
target: dom,
open: open
});
levelValue = open ? $levelMove[0] : $levelMove[1] || 0;
}
var $value = typeof levelValue === 'number' ? "".concat(levelValue, "px") : levelValue;
var placementPos = placement === 'left' || placement === 'top' ? $value : "-".concat($value);
var mark = placement === 'left' || placement === 'top' ? '-' : '+';
placementPos = showMask && (placement === 'left' || placement === 'right') && right ? "calc(".concat(placementPos, " ").concat(mark, " ").concat(right, "px)") : placementPos;
dom.style.transform = levelValue ? "".concat(placementName, "(").concat(placementPos, ")") : '';
dom.style.msTransform = levelValue ? "".concat(placementName, "(").concat(placementPos, ")") : '';
}
}.bind(this));
// 处理 body 滚动
if (getContainer === 'body' && showMask) {
var eventArray = ['touchstart'];
var domArray = [document.body, _this.maskDom, _this.handlerDom, _this.contentDom];
var widthTransition = "width ".concat(duration, " ").concat(ease);
var transformTransition = "transform ".concat(duration, " ").concat(ease);
if (open && document.body.style.overflow !== 'hidden') {
document.body.style.overflow = 'hidden';
document.body.style.touchAction = 'none';
if (right) {
document.body.style.position = 'relative';
document.body.style.width = "calc(100% - ".concat(right, "px)");
_this.dom.style.transition = 'none';
switch (placement) {
case 'right':
_this.dom.style.transform = "translateX(-".concat(right, "px)");
_this.dom.style.msTransform = "translateX(-".concat(right, "px)");
break;
case 'top':
case 'bottom':
_this.dom.style.width = "calc(100% - ".concat(right, "px)");
_this.dom.style.transform = 'translateZ(0)';
break;
default:
break;
}
clearTimeout(_this.timeout);
_this.timeout = setTimeout(function () {
(0, _newArrowCheck2.default)(this, _this7);
_this.dom.style.transition = "".concat(transformTransition, ",").concat(widthTransition);
_this.dom.style.width = '';
_this.dom.style.transform = '';
_this.dom.style.msTransform = '';
}.bind(this));
}
// 手机禁滚
domArray.forEach(function (item, i) {
(0, _newArrowCheck2.default)(this, _this7);
if (!item) {
return;
}
(0, _utils.addEventListener)(item, eventArray[i] || 'touchmove', i ? _this.removeMoveHandler : _this.removeStartHandler, _this.passive);
}.bind(this));
} else if (_this.getCurrentDrawerSome()) {
document.body.style.overflow = '';
document.body.style.touchAction = '';
if ((_this.isOpenChange || openTransition) && right) {
document.body.style.position = '';
document.body.style.width = '';
if (_utils.transitionStr) {
document.body.style.overflowX = 'hidden';
}
_this.dom.style.transition = 'none';
var heightTransition;
switch (placement) {
case 'right':
{
_this.dom.style.transform = "translateX(".concat(right, "px)");
_this.dom.style.msTransform = "translateX(".concat(right, "px)");
_this.dom.style.width = '100%';
widthTransition = "width 0s ".concat(ease, " ").concat(duration);
if (_this.maskDom) {
_this.maskDom.style.left = "-".concat(right, "px");
_this.maskDom.style.width = "calc(100% + ".concat(right, "px)");
}
break;
}
case 'top':
case 'bottom':
{
_this.dom.style.width = "calc(100% + ".concat(right, "px)");
_this.dom.style.height = '100%';
_this.dom.style.transform = 'translateZ(0)';
heightTransition = "height 0s ".concat(ease, " ").concat(duration);
break;
}
default:
break;
}
clearTimeout(_this.timeout);
_this.timeout = setTimeout(function () {
(0, _newArrowCheck2.default)(this, _this7);
_this.dom.style.transition = "".concat(transformTransition, ",").concat(heightTransition ? "".concat(heightTransition, ",") : '').concat(widthTransition);
_this.dom.style.transform = '';
_this.dom.style.msTransform = '';
_this.dom.style.width = '';
_this.dom.style.height = '';
}.bind(this));
}
domArray.forEach(function (item, i) {
(0, _newArrowCheck2.default)(this, _this7);
if (!item) {
return;
}
(0, _utils.removeEventListener)(item, eventArray[i] || 'touchmove', i ? _this.removeMoveHandler : _this.removeStartHandler, _this.passive);
}.bind(this));
}
}
}
if (_this.isOpenChange && _this.firstEnter) {
onChange(open);
_this.isOpenChange = false;
}
}.bind(this);
_this.getChildToRender = function (open) {
var _this8 = this;
(0, _newArrowCheck2.default)(this, _this2);
/* eslint-disable no-unused-vars */
var _this$props3 = _this.props,
$wrapperClass = _this$props3.wrapperClassName,
className = _this$props3.className,
children = _this$props3.children,
style = _this$props3.style,
width = _this$props3.width,
height = _this$props3.height,
defaultOpen = _this$props3.defaultOpen,
firstEnter = _this$props3.firstEnter,
$open = _this$props3.open,
prefixCls = _this$props3.prefixCls,
placement = _this$props3.placement,
level = _this$props3.level,
levelMove = _this$props3.levelMove,
ease = _this$props3.ease,
duration = _this$props3.duration,
getContainer = _this$props3.getContainer,
handler = _this$props3.handler,
onChange = _this$props3.onChange,
afterVisibleChange = _this$props3.afterVisibleChange,
onMaskClick = _this$props3.onMaskClick,
onHandleClick = _this$props3.onHandleClick,
showMask = _this$props3.showMask,
maskStyle = _this$props3.maskStyle,
keyboard = _this$props3.keyboard,
closeHandler = _this$props3.closeHandler,
props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
/* eslint-enable no-unused-vars */
var wrapperClassName = (0, _classnames2.default)(prefixCls, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-").concat(placement), true), "".concat(prefixCls, "-open"), open), className, !!className), 'no-mask', !showMask));
var isOpenChange = _this.isOpenChange;
var isHorizontal = placement === 'left' || placement === 'right';
var placementName = "translate".concat(isHorizontal ? 'X' : 'Y');
// 百分比与像素动画不同步，第一次打用后全用像素动画。
// const defaultValue = !this.contentDom || !level ? '100%' : `${value}px`;
var placementPos = placement === 'left' || placement === 'top' ? '-100%' : '100%';
var transform = open ? '' : "".concat(placementName, "(").concat(placementPos, ")");
if (isOpenChange === undefined || isOpenChange) {
var contentValue = _this.contentDom ? _this.contentDom.getBoundingClientRect()[isHorizontal ? 'width' : 'height'] : 0;
var value = (isHorizontal ? width : height) || contentValue;
_this.setLevelDomTransform(open, false, placementName, value);
}
var handlerChildren = handler && /*#__PURE__*/_react.default.cloneElement(handler, {
onClick: function onClick(e) {
(0, _newArrowCheck2.default)(this, _this8);
if (handler.props.onClick) {
handler.props.onClick();
}
_this.onIconTouchEnd(e);
}.bind(this),
ref: function ref(c) {
(0, _newArrowCheck2.default)(this, _this8);
_this.handlerDom = c;
}.bind(this)
});
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
tabIndex: -1,
className: wrapperClassName,
style: style,
ref: function (c) {
(0, _newArrowCheck2.default)(this, _this8);
_this.dom = c;
}.bind(this),
onKeyDown: open && keyboard ? _this.onKeyDown : null,
onTransitionEnd: _this.onWrapperTransitionEnd
}), showMask && /*#__PURE__*/_react.default.createElement("div", {
className: "".concat(prefixCls, "-mask"),
onClick: _this.onMaskTouchEnd,
style: maskStyle,
ref: function (c) {
(0, _newArrowCheck2.default)(this, _this8);
_this.maskDom = c;
}.bind(this)
}), /*#__PURE__*/_react.default.createElement("div", {
className: "".concat(prefixCls, "-content-wrapper"),
style: {
transform: transform,
msTransform: transform,
width: (0, _utils.isNumeric)(width) ? "".concat(width, "px") : width,
height: (0, _utils.isNumeric)(height) ? "".concat(height, "px") : height
},
ref: function (c) {
(0, _newArrowCheck2.default)(this, _this8);
_this.contentWrapper = c;
}.bind(this)
}, /*#__PURE__*/_react.default.createElement("div", {
className: "".concat(prefixCls, "-content"),
ref: function (c) {
(0, _newArrowCheck2.default)(this, _this8);
_this.contentDom = c;
}.bind(this),
onTouchStart: open && showMask ? _this.removeStartHandler : null // 跑用例用
,
onTouchMove: open && showMask ? _this.removeMoveHandler : null // 跑用例用
}, children), closeHandler, handlerChildren));
}.bind(this);
_this.getOpen = function () {
(0, _newArrowCheck2.default)(this, _this2);
return _this.props.open !== undefined ? _this.props.open : _this.state.open;
}.bind(this);
_this.getTouchParentScroll = function (root, currentTarget, differX, differY) {
(0, _newArrowCheck2.default)(this, _this2);
if (!currentTarget || currentTarget === document) {
return false;
}
// root 为 drawer-content 设定了 overflow, 判断为 root 的 parent 时结束滚动；
if (currentTarget === root.parentNode) {
return true;
}
var isY = Math.max(Math.abs(differX), Math.abs(differY)) === Math.abs(differY);
var isX = Math.max(Math.abs(differX), Math.abs(differY)) === Math.abs(differX);
var scrollY = currentTarget.scrollHeight - currentTarget.clientHeight;
var scrollX = currentTarget.scrollWidth - currentTarget.clientWidth;
/**
* <div style="height: 300px">
* <div style="height: 900px"></div>
* </div>
* 在没设定 overflow: auto 或 scroll 时，currentTarget 里获取不到 scrollTop 或 scrollLeft,
* 预先用 scrollTo 来滚动，如果取出的值跟滚动前取出不同，则 currnetTarget 被设定了 overflow; 否则就是上面这种。
*/
var t = currentTarget.scrollTop;
var l = currentTarget.scrollLeft;
currentTarget.scrollTop += 1;
currentTarget.scrollLeft += 1;
var currentT = currentTarget.scrollTop;
var currentL = currentTarget.scrollLeft;
currentTarget.scrollTop -= 1;
currentTarget.scrollLeft -= 1;
if (isY && (!scrollY || !(currentT - t) || scrollY && (currentTarget.scrollTop >= scrollY && differY < 0 || currentTarget.scrollTop <= 0 && differY > 0)) || isX && (!scrollX || !(currentL - l) || scrollX && (currentTarget.scrollLeft >= scrollX && differX < 0 || currentTarget.scrollLeft <= 0 && differX > 0))) {
return _this.getTouchParentScroll(root, currentTarget.parentNode, differX, differY);
}
return false;
}.bind(this);
_this.domFocus = function (focus) {
(0, _newArrowCheck2.default)(this, _this2);
if (_this.dom && focus) {
_this.dom.focus();
}
}.bind(this);
_this.removeStartHandler = function (e) {
(0, _newArrowCheck2.default)(this, _this2);
if (e.touches.length > 1) {
return;
}
_this.startPos = {
x: e.touches[0].clientX,
y: e.touches[0].clientY
};
}.bind(this);
_this.removeMoveHandler = function (e) {
(0, _newArrowCheck2.default)(this, _this2);
if (e.changedTouches.length > 1) {
return;
}
var currentTarget = e.currentTarget;
var differX = e.changedTouches[0].clientX - _this.startPos.x;
var differY = e.changedTouches[0].clientY - _this.startPos.y;
if (currentTarget === _this.maskDom || currentTarget === _this.handlerDom || currentTarget === _this.contentDom && _this.getTouchParentScroll(currentTarget, e.target, differX, differY)) {
e.preventDefault();
}
}.bind(this);
_this.transitionEnd = function (e) {
(0, _newArrowCheck2.default)(this, _this2);
(0, _utils.removeEventListener)(e.target, _utils.transitionEnd, _this.transitionEnd);
e.target.style.transition = '';
}.bind(this);
_this.defaultGetContainer = function () {
var _this9 = this;
(0, _newArrowCheck2.default)(this, _this2);
if (windowIsUndefined) {
return null;
}
if (_this.container) return _this.container;
var container = document.createElement('div');
_this.parent.appendChild(container);
if (_this.props.wrapperClassName) {
container.className = _this.props.wrapperClassName;
}
var parent = _this.parent;
_this.removeContainer = function () {
(0, _newArrowCheck2.default)(this, _this9);
return parent.removeChild(container);
}.bind(this);
return container;
}.bind(this);
_this.levelDom = [];
_this.contentDom = null;
_this.maskDom = null;
_this.handlerDom = null;
_this.firstEnter = _props.firstEnter; // 记录首次进入.
_this.timeout = null;
_this.drawerId = Number((Date.now() + Math.random()).toString().replace('.', Math.round(Math.random() * 9))).toString(16);
var _open = _props.open !== undefined ? _props.open : !!_props.defaultOpen;
currentDrawer[_this.drawerId] = _open;
_this.state = {
open: _open
};
return _this;
}
(0, _inherits2.default)(Drawer, _React$PureComponent);
return (0, _createClass2.default)(Drawer, [{
key: "componentDidMount",
value: function componentDidMount() {
var _this10 = this;
if (!windowIsUndefined) {
var passiveSupported = false;
window.addEventListener('test', null, Object.defineProperty({}, 'passive', {
get: function get() {
(0, _newArrowCheck2.default)(this, _this10);
passiveSupported = true;
return null;
}.bind(this)
}));
this.passive = passiveSupported ? {
passive: false
} : false;
}
var open = this.getOpen();
if (this.props.handler || open || this.firstEnter) {
this.getDefault(this.props);
if (open) {
this.isOpenChange = true;
}
this.forceUpdate();
}
}
}, {
key: "componentWillReceiveProps",
value: function componentWillReceiveProps(nextProps) {
var _this11 = this;
var open = nextProps.open,
placement = nextProps.placement,
getContainer = nextProps.getContainer;
if (open !== undefined && open !== this.props.open) {
this.isOpenChange = true;
// 没渲染 dom 时，获取默认数据;
var getContainerBool = typeof getContainer === 'function' && typeof this.props.getContainer === 'function' ? this.props.getContainer() === getContainer() : this.props.getContainer === getContainer;
if (!this.container || !getContainerBool) {
this.getDefault(nextProps);
}
var focus = open && !this.props.open;
this.setState({
open: open
}, function () {
(0, _newArrowCheck2.default)(this, _this11);
this.domFocus(focus);
}.bind(this));
}
if (placement !== this.props.placement) {
// test 的 bug, 有动画过场，删除 dom
this.contentDom = null;
}
if (this.props.level !== nextProps.level) {
this.getParentAndLevelDom(nextProps);
}
}
}, {
key: "componentDidUpdate",
value: function componentDidUpdate() {
// dom 没渲染时，重走一遍。
if (!this.firstEnter && this.container) {
this.forceUpdate();
this.firstEnter = true;
}
}
}, {
key: "componentWillUnmount",
value: function componentWillUnmount() {
delete currentDrawer[this.drawerId];
delete this.isOpenChange;
if (this.container) {
if (this.state.open) {
this.setLevelDomTransform(false, true);
}
document.body.style.overflow = '';
}
if (this.removeContainer) {
this.removeContainer();
}
this.firstEnter = false;
clearTimeout(this.timeout);
}
}, {
key: "render",
value: function render() {
var _this12 = this;
var _this$props4 = this.props,
getContainer = _this$props4.getContainer,
wrapperClassName = _this$props4.wrapperClassName;
var open = this.getOpen();
currentDrawer[this.drawerId] = open ? this.container : open;
var children = this.getChildToRender(this.firstEnter ? open : false);
if (!getContainer) {
return /*#__PURE__*/_react.default.createElement("div", {
className: wrapperClassName,
ref: function (c) {
(0, _newArrowCheck2.default)(this, _this12);
if (this.props.getContainer) {
return;
}
this.container = c;
}.bind(this)
}, children);
}
if (!this.container || !open && !this.firstEnter) {
return null;
}
return /*#__PURE__*/_reactDom.default.createPortal(children, this.getContainer());
}
}]);
}(_react.default.PureComponent);
Drawer.propTypes = {
wrapperClassName: _propTypes.default.string,
className: _propTypes.default.string,
children: _propTypes.default.node,
style: _propTypes.default.object,
width: _propTypes.default.any,
height: _propTypes.default.any,
defaultOpen: _propTypes.default.bool,
firstEnter: _propTypes.default.bool,
open: _propTypes.default.bool,
prefixCls: _propTypes.default.string,
placement: _propTypes.default.string,
level: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
levelMove: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.func, _propTypes.default.array]),
ease: _propTypes.default.string,
duration: _propTypes.default.string,
getContainer: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func, _propTypes.default.object, _propTypes.default.bool]),
handler: _propTypes.default.any,
onChange: _propTypes.default.func,
afterVisibleChange: _propTypes.default.func,
onMaskClick: _propTypes.default.func,
onHandleClick: _propTypes.default.func,
showMask: _propTypes.default.bool,
maskStyle: _propTypes.default.object,
keyboard: _propTypes.default.bool,
closeHandler: _propTypes.default.node
};
Drawer.defaultProps = {
prefixCls: 'drawer',
placement: 'left',
getContainer: 'body',
level: 'all',
duration: '.3s',
ease: 'cubic-bezier(0.78, 0.14, 0.15, 0.86)',
onChange: function onChange() {
(0, _newArrowCheck2.default)(this, _this13);
}.bind(void 0),
afterVisibleChange: function afterVisibleChange() {
(0, _newArrowCheck2.default)(this, _this13);
}.bind(void 0),
handler: /*#__PURE__*/_react.default.createElement("div", {
className: "drawer-handle"
}, /*#__PURE__*/_react.default.createElement("i", {
className: "drawer-handle-icon"
})),
firstEnter: false,
showMask: true,
maskStyle: {},
wrapperClassName: '',
className: '',
keyboard: true
};
var _default = exports.default = Drawer;