@ant-design/react-native/es/drawer/index.js

基于蚂蚁金服移动设计规范的 React Native 组件库

"use client";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 _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 _DrawerLayout=_interopRequireDefault(require("react-native-gesture-handler/DrawerLayout"));function _callSuper(_this,derived,args){function isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(e){return false;}}derived=(0,_getPrototypeOf2.default)(derived);return(0,_possibleConstructorReturn2.default)(_this,isNativeReflectConstruct()?Reflect.construct(derived,args||[],(0,_getPrototypeOf2.default)(_this).constructor):derived.apply(_this,args));}var __rest=this&&this.__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;};var Drawer=function(_React$Component){function Drawer(){(0,_classCallCheck2.default)(this,Drawer);return _callSuper(this,Drawer,arguments);}(0,_inherits2.default)(Drawer,_React$Component);return(0,_createClass2.default)(Drawer,[{key:"componentDidMount",value:function componentDidMount(){if(this.props.open&&this.drawer){this.drawer.openDrawer();}}},{key:"UNSAFE_componentWillReceiveProps",value:function UNSAFE_componentWillReceiveProps(nextProps){if(nextProps.open!==this.props.open&&this.drawer){this.drawer[nextProps.open?'openDrawer':'closeDrawer']();}}},{key:"onOpenChange",value:function onOpenChange(isOpen){if(this.props.onOpenChange){this.props.onOpenChange(isOpen);}}},{key:"render",value:function render(){var _this2=this;var _a=this.props,sidebar=_a.sidebar,position=_a.position,drawerRef=_a.drawerRef,_a$drawerWidth=_a.drawerWidth,drawerWidth=_a$drawerWidth===void 0?300:_a$drawerWidth,restProps=__rest(_a,["sidebar","position","drawerRef","drawerWidth"]);['onOpenChange','onDrawerOpen','onDrawerClose','drawerPosition','renderNavigationView'].forEach(function(prop){if(restProps.hasOwnProperty(prop)){delete restProps[prop];}});return _react.default.createElement(_DrawerLayout.default,(0,_extends2.default)({ref:function ref(el){if(drawerRef){drawerRef(el);}_this2.drawer=el;},renderNavigationView:function renderNavigationView(){return sidebar;},drawerPosition:position,onDrawerOpen:function onDrawerOpen(){return _this2.onOpenChange(true);},onDrawerClose:function onDrawerClose(){return _this2.onOpenChange(false);},keyboardDismissMode:"on-drag",drawerWidth:drawerWidth},restProps));}}]);}(_react.default.Component);Drawer.defaultProps={position:'left',open:false,drawerWidth:300};var _default=Drawer;exports.default=_default;