@ray-js/components 1.4.1 → 1.4.3

package/lib/Modal/Modal.native.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { ITYModalProps } from './props';
+export interface IProps extends Omit<ITYModalProps, 'overlayStyle' | 'customStyle'> {
+    overlayStyle?: StyleProp<ViewStyle>;
+    customStyle?: StyleProp<ViewStyle>;
+}
+export interface ITYModalState {
+    visible: boolean;
+}
+declare class TYModal extends React.Component<IProps, ITYModalState> {
+    static defaultProps: {
+        position: string;
+        onClickOverlay: null;
+        overlayStyle: null;
+        overlay: boolean;
+        customStyle: null;
+    };
+    constructor(props: IProps);
+    componentDidUpdate(prevProps: Readonly<IProps>): void;
+    _handleMaskPress: () => void;
+    render(): React.ReactNode;
+}
+export default TYModal;

package/lib/Modal/Modal.tuya.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IModalProps } from './props';
+declare const Modal: React.FC<IModalProps>;
+export default Modal;

package/lib/Modal/Modal.tuya.js

@@ -0,0 +1,75 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import * as React from 'react';
+import clsx from 'clsx';
+import { inlineStyle } from '@ray-js/framework-shared';
+import View from '../View';
+import styles from './index.module.less';
+var DURATION = 300; // Modal动画时长，不可props更改
+
+var Modal = function (props) {
+  var _clsx;
+
+  var isPreShow = React.useRef(false);
+  var id = props.id,
+      _props$show = props.show,
+      show = _props$show === void 0 ? false : _props$show,
+      _props$overlay = props.overlay,
+      overlay = _props$overlay === void 0 ? false : _props$overlay,
+      _props$onClickOverlay = props.onClickOverlay,
+      onClickOverlay = _props$onClickOverlay === void 0 ? function () {} : _props$onClickOverlay,
+      overlayStyle = props.overlayStyle,
+      customStyle = props.customStyle,
+      _props$position = props.position,
+      position = _props$position === void 0 ? 'top' : _props$position;
+
+  var _React$useState = React.useState(show),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isShowModalOpacity = _React$useState2[0],
+      setIsShowOpacity = _React$useState2[1];
+
+  var _React$useState3 = React.useState(show),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      isShowModalDisplay = _React$useState4[0],
+      setIsShowDisplay = _React$useState4[1];
+
+  React.useEffect(function () {
+    if (show) {
+      isPreShow.current = true;
+      setIsShowDisplay(true);
+      setTimeout(function () {
+        setIsShowOpacity(true);
+      }, 10);
+    } else if (isPreShow.current) {
+      isPreShow.current = false;
+      setTimeout(function () {
+        setIsShowDisplay(false);
+      }, DURATION);
+      setIsShowOpacity(false);
+    }
+  }, [show]);
+
+  var stopPropagation = function (e) {
+    e.origin.stopPropagation();
+  };
+
+  return /*#__PURE__*/React.createElement(View, {
+    id: id,
+    className: clsx(styles.modalWrp, styles[position], (_clsx = {}, _defineProperty(_clsx, styles.showModalOpacity, isShowModalOpacity), _defineProperty(_clsx, styles.hideModalOpacity, !isShowModalOpacity), _defineProperty(_clsx, styles.showModalDisplay, isShowModalDisplay), _defineProperty(_clsx, styles.hideModalDisplay, !isShowModalDisplay), _defineProperty(_clsx, styles.opacityOverlay, !overlay), _clsx)),
+    style: inlineStyle(_objectSpread({}, overlayStyle)),
+    onClick: function handleMaskClick(e) {
+      e.origin.stopPropagation();
+      onClickOverlay({
+        type: 'clickoverlay'
+      });
+    },
+    onTouchMove: stopPropagation
+  }, isShowModalOpacity && /*#__PURE__*/React.createElement(View, {
+    className: clsx(styles.container),
+    onClick: stopPropagation
+  }, props.children));
+};
+
+Modal.displayName = 'Modal';
+export default Modal;

package/lib/Modal/Modal.web.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+// import styles from './index.module.less';
+var Modal = function () {
+  // const { disabled, className, style } = props;
+  return /*#__PURE__*/React.createElement("div", null, "\u6682\u672A\u5B9E\u73B0");
+};
+
+Modal.displayName = 'Modal';
+export default Modal;

package/lib/Modal/Modal.wechat.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IModalProps } from './props';
+declare const Modal: React.FC<IModalProps>;
+export default Modal;

package/lib/Modal/Modal.wechat.js

@@ -0,0 +1,75 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import * as React from 'react';
+import clsx from 'clsx';
+import { inlineStyle } from '@ray-js/framework-shared';
+import View from '../View';
+import styles from './index.module.less';
+var DURATION = 300; // Modal动画时长，不可props更改
+
+var Modal = function (props) {
+  var _clsx;
+
+  var isPreShow = React.useRef(false);
+  var id = props.id,
+      _props$show = props.show,
+      show = _props$show === void 0 ? false : _props$show,
+      _props$overlay = props.overlay,
+      overlay = _props$overlay === void 0 ? false : _props$overlay,
+      _props$onClickOverlay = props.onClickOverlay,
+      onClickOverlay = _props$onClickOverlay === void 0 ? function () {} : _props$onClickOverlay,
+      overlayStyle = props.overlayStyle,
+      customStyle = props.customStyle,
+      _props$position = props.position,
+      position = _props$position === void 0 ? 'top' : _props$position;
+
+  var _React$useState = React.useState(show),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isShowModalOpacity = _React$useState2[0],
+      setIsShowOpacity = _React$useState2[1];
+
+  var _React$useState3 = React.useState(show),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      isShowModalDisplay = _React$useState4[0],
+      setIsShowDisplay = _React$useState4[1];
+
+  React.useEffect(function () {
+    if (show) {
+      isPreShow.current = true;
+      setIsShowDisplay(true);
+      setTimeout(function () {
+        setIsShowOpacity(true);
+      }, 10);
+    } else if (isPreShow.current) {
+      isPreShow.current = false;
+      setTimeout(function () {
+        setIsShowDisplay(false);
+      }, DURATION);
+      setIsShowOpacity(false);
+    }
+  }, [show]);
+
+  var stopPropagation = function (e) {
+    e.origin.stopPropagation();
+  };
+
+  return /*#__PURE__*/React.createElement(View, {
+    id: id,
+    className: clsx(styles.modalWrp, styles[position], (_clsx = {}, _defineProperty(_clsx, styles.showModalOpacity, isShowModalOpacity), _defineProperty(_clsx, styles.hideModalOpacity, !isShowModalOpacity), _defineProperty(_clsx, styles.showModalDisplay, isShowModalDisplay), _defineProperty(_clsx, styles.hideModalDisplay, !isShowModalDisplay), _defineProperty(_clsx, styles.opacityOverlay, !overlay), _clsx)),
+    style: inlineStyle(_objectSpread({}, overlayStyle)),
+    onTouchMove: stopPropagation,
+    onClick: function handleMaskClick(e) {
+      e.origin.stopPropagation();
+      onClickOverlay({
+        type: 'clickoverlay'
+      });
+    }
+  }, isShowModalOpacity && /*#__PURE__*/React.createElement(View, {
+    className: clsx(styles.container),
+    onClick: stopPropagation
+  }, props.children));
+};
+
+Modal.displayName = 'Modal';
+export default Modal;

package/lib/Modal/index.android.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={};exports.default=void 0;var _Modal=_interopRequireDefault(require("./Modal"));var _props=require("./props");Object.keys(_props).forEach(function(key){if(key==="default"||key==="__esModule")return;if(Object.prototype.hasOwnProperty.call(_exportNames,key))return;if(key in exports&&exports[key]===_props[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function get(){return _props[key];}});});var _default=_Modal.default;exports.default=_default;

package/lib/Modal/index.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={};exports.default=void 0;var _Modal=_interopRequireDefault(require("./Modal"));var _props=require("./props");Object.keys(_props).forEach(function(key){if(key==="default"||key==="__esModule")return;if(Object.prototype.hasOwnProperty.call(_exportNames,key))return;if(key in exports&&exports[key]===_props[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function get(){return _props[key];}});});var _default=_Modal.default;exports.default=_default;

package/lib/Modal/index.md

@@ -0,0 +1,32 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 视图容器
+---
+
+# Modal
+
+遮罩弹框
+
+## 导入
+
+```js
+import { Modal } from '@ray-js/components';
+```
+
+## 示例代码
+
+<code src="./demos/bottom.tsx" title="基本使用" background="#f2f4f6"/>
+
+## Props
+
+| 属性 | 类型 | 默认值 | 说明 | 支持平台 |
+| --- | --- | --- | --- | --- |
+| show | boolean | false | 是否显示弹框 | RN、涂鸦、微信 |
+| overlay | boolean | true | 是否显示遮罩 | RN、涂鸦、微信 |
+| position | 'top' or 'center' or 'bottom' | 'center' | 弹出层弹出位置 | RN、涂鸦、微信 |
+| overlayStyle | React.CSSProperties |  | 自定义遮罩层样式 | RN、涂鸦、微信 |
+| customStyle | React.CSSProperties |  | 自定义弹出层样式 | RN、涂鸦、微信 |
+| onClickOverlay | (event: { type: 'clickoverlay' }) => void |  | 点击蒙层触发事件 | RN、涂鸦、微信 |

package/lib/Modal/index.module.less

@@ -0,0 +1,46 @@
+.modalWrp {
+  position: fixed;
+  display: flex;
+  z-index: 500;
+  top: 0;
+  left: 0;
+  width: 100vh;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.5);
+  pointer-events: auto;
+  flex-direction: column;
+  transition: opacity 0.3s;
+  &.opacityOverlay {
+    background: transparent;
+    pointer-events: none;
+  }
+  &.top {
+    justify-content: flex-start;
+  }
+  &.center {
+    justify-content: center;
+  }
+  &.bottom {
+    justify-content: flex-end;
+  }
+  &.showModalDisplay {
+    display: flex;
+  }
+  &.hideModalDisplay {
+    display: none;
+  }
+  &.showModalOpacity {
+    opacity: 1;
+  }
+  &.hideModalOpacity {
+    opacity: 0;
+  }
+}
+.container {
+  position: fixed;
+  z-index: 200;
+  width: 100vw;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

package/lib/Modal/index.tuya.js

@@ -0,0 +1,3 @@
+import Modal from './Modal';
+export * from './props';
+export default Modal;

package/lib/Modal/index.wechat.js

@@ -0,0 +1,3 @@
+import Modal from './Modal';
+export * from './props';
+export default Modal;

package/lib/Modal/props.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/Modal/props.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { BaseProps } from '../types';
+export interface ITYModalProps extends IModalProps {
+    activeIdx: number;
+    children: JSX.Element[];
+}
+export interface IModalProps extends BaseProps {
+    show: boolean;
+    overlay?: boolean;
+    onClickOverlay?: (event: {
+        type: 'clickoverlay';
+    }) => void;
+    overlayStyle?: React.CSSProperties;
+    customStyle?: React.CSSProperties;
+    position?: 'top' | 'center' | 'bottom';
+}

package/lib/Modal/props.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/Modal/props.js

@@ -0,0 +1 @@
+export {};

package/lib/Modal/props.tuya.js

@@ -0,0 +1 @@
+export {};

package/lib/Modal/props.web.js

@@ -0,0 +1 @@
+export {};

package/lib/Modal/props.wechat.js

@@ -0,0 +1 @@
+export {};

package/lib/Motion/Fade/index.android.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _tuyaPanelMotion=_interopRequireDefault(require("tuya-panel-motion"));var Fade=_tuyaPanelMotion.default.Fade;var _default=Fade;exports.default=_default;

package/lib/Motion/Fade/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default class Fade extends React.Component {
+    render(): JSX.Element;
+}

package/lib/Motion/Fade/index.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _tuyaPanelMotion=_interopRequireDefault(require("tuya-panel-motion"));var Fade=_tuyaPanelMotion.default.Fade;var _default=Fade;exports.default=_default;

package/lib/Motion/Fade/index.js

@@ -0,0 +1,28 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React from 'react';
+
+var Fade = /*#__PURE__*/function (_React$Component) {
+  _inherits(Fade, _React$Component);
+
+  var _super = _createSuper(Fade);
+
+  function Fade() {
+    _classCallCheck(this, Fade);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(Fade, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("text", null, "\u672A\u5B9E\u73B0"));
+    }
+  }]);
+
+  return Fade;
+}(React.Component);
+
+export { Fade as default };

package/lib/Motion/Fade/index.native.d.ts

@@ -0,0 +1,2 @@
+declare const Fade: typeof import("tuya-panel-motion/lib/fade").default;
+export default Fade;

package/lib/Motion/Fade/index.tuya.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { MotionFadeProps } from '../props';
+declare const Fade: React.FC<MotionFadeProps>;
+export default Fade;

package/lib/Motion/Fade/index.tuya.js

@@ -0,0 +1,78 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import * as React from 'react';
+import { inlineStyle } from '@ray-js/framework-shared';
+import { View } from '@ray-js/components';
+import { defaultMotionFadeProps } from '../props';
+
+var Fade = function (props) {
+  var isPreShow = React.useRef(false);
+  var id = props.id,
+      style = props.style,
+      className = props.className,
+      children = props.children,
+      show = props.show,
+      onShow = props.onShow,
+      onHide = props.onHide,
+      showDuration = props.showDuration,
+      hideDuration = props.hideDuration,
+      fadeOpacity = props.fadeOpacity,
+      delay = props.delay;
+
+  var _React$useState = React.useState(undefined),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      anim = _React$useState2[0],
+      setAnim = _React$useState2[1];
+
+  var _React$useState3 = React.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      isAddNode = _React$useState4[0],
+      setIsAddNode = _React$useState4[1]; // 是否将节点渲染到页面上
+
+
+  var animationRef = React.useRef(null);
+  var isFirstRenderRef = React.useRef(true);
+  React.useEffect(function () {
+    animationRef.current = ty.createAnimation({
+      duration: 0,
+      timingFunction: 'ease'
+    });
+  }, []);
+  React.useEffect(function () {
+    if (show) {
+      isPreShow.current = true;
+      setIsAddNode(true);
+    } else if (isPreShow.current) {
+      isPreShow.current = false;
+      setTimeout(function () {
+        setIsAddNode(false);
+      }, delay + hideDuration);
+    }
+
+    if (isFirstRenderRef.current) {
+      isFirstRenderRef.current = false;
+      animationRef.current.opacity(show ? fadeOpacity : 0).step({
+        duration: 0
+      });
+    } else {
+      animationRef.current.opacity(show ? fadeOpacity : 0).step({
+        duration: show ? showDuration : hideDuration,
+        delay: delay
+      });
+    }
+
+    var temp = animationRef.current.export();
+    setTimeout(function () {
+      setAnim(temp);
+    }, 20);
+    show && typeof onShow === 'function' && onShow();
+    !show && typeof onHide === 'function' && onHide();
+  }, [show]);
+  return isAddNode && /*#__PURE__*/React.createElement(View, {
+    animation: anim,
+    style: inlineStyle(style),
+    className: className
+  }, children);
+};
+
+Fade.defaultProps = defaultMotionFadeProps;
+export default Fade;

package/lib/Motion/Fade/index.web.js

@@ -0,0 +1,28 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React from 'react';
+
+var Fade = /*#__PURE__*/function (_React$Component) {
+  _inherits(Fade, _React$Component);
+
+  var _super = _createSuper(Fade);
+
+  function Fade() {
+    _classCallCheck(this, Fade);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(Fade, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("text", null, "\u672A\u5B9E\u73B0"));
+    }
+  }]);
+
+  return Fade;
+}(React.Component);
+
+export { Fade as default };

package/lib/Motion/Fade/index.wechat.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { MotionFadeProps } from '../props';
+declare const Fade: React.FC<MotionFadeProps>;
+export default Fade;

package/lib/Motion/Fade/index.wechat.js

@@ -0,0 +1,78 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import * as React from 'react';
+import { inlineStyle } from '@ray-js/framework-shared';
+import { View } from '@ray-js/components';
+import { defaultMotionFadeProps } from '../props';
+
+var Fade = function (props) {
+  var isPreShow = React.useRef(false);
+  var id = props.id,
+      style = props.style,
+      className = props.className,
+      children = props.children,
+      show = props.show,
+      onShow = props.onShow,
+      onHide = props.onHide,
+      showDuration = props.showDuration,
+      hideDuration = props.hideDuration,
+      fadeOpacity = props.fadeOpacity,
+      delay = props.delay;
+
+  var _React$useState = React.useState(undefined),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      anim = _React$useState2[0],
+      setAnim = _React$useState2[1];
+
+  var _React$useState3 = React.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      isAddNode = _React$useState4[0],
+      setIsAddNode = _React$useState4[1]; // 是否将节点渲染到页面上
+
+
+  var animationRef = React.useRef(null);
+  var isFirstRenderRef = React.useRef(true);
+  React.useEffect(function () {
+    animationRef.current = wx.createAnimation({
+      duration: 0,
+      timingFunction: 'ease'
+    });
+  }, []);
+  React.useEffect(function () {
+    if (show) {
+      isPreShow.current = true;
+      setIsAddNode(true);
+    } else if (isPreShow.current) {
+      isPreShow.current = false;
+      setTimeout(function () {
+        setIsAddNode(false);
+      }, delay + hideDuration);
+    }
+
+    if (isFirstRenderRef.current) {
+      isFirstRenderRef.current = false;
+      animationRef.current.opacity(show ? fadeOpacity : 0).step({
+        duration: 0
+      });
+    } else {
+      animationRef.current.opacity(show ? fadeOpacity : 0).step({
+        duration: show ? showDuration : hideDuration,
+        delay: delay
+      });
+    }
+
+    var temp = animationRef.current.export();
+    setTimeout(function () {
+      setAnim(temp);
+    }, 20);
+    show && typeof onShow === 'function' && onShow();
+    !show && typeof onHide === 'function' && onHide();
+  }, [show]);
+  return isAddNode && /*#__PURE__*/React.createElement(View, {
+    animation: anim,
+    style: inlineStyle(style),
+    className: className
+  }, children);
+};
+
+Fade.defaultProps = defaultMotionFadeProps;
+export default Fade;

package/lib/Motion/PullUp/index.android.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _tuyaPanelMotion=_interopRequireDefault(require("tuya-panel-motion"));var PullUp=_tuyaPanelMotion.default.PullUp;var _default=PullUp;exports.default=_default;

package/lib/Motion/PullUp/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default class Fade extends React.Component {
+    render(): JSX.Element;
+}

package/lib/Motion/PullUp/index.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _tuyaPanelMotion=_interopRequireDefault(require("tuya-panel-motion"));var PullUp=_tuyaPanelMotion.default.PullUp;var _default=PullUp;exports.default=_default;

package/lib/Motion/PullUp/index.js

@@ -0,0 +1,28 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React from 'react';
+
+var Fade = /*#__PURE__*/function (_React$Component) {
+  _inherits(Fade, _React$Component);
+
+  var _super = _createSuper(Fade);
+
+  function Fade() {
+    _classCallCheck(this, Fade);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(Fade, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("text", null, "\u672A\u5B9E\u73B0"));
+    }
+  }]);
+
+  return Fade;
+}(React.Component);
+
+export { Fade as default };

package/lib/Motion/PullUp/index.native.d.ts

@@ -0,0 +1,2 @@
+declare const PullUp: typeof import("tuya-panel-motion/lib/pull-up").default;
+export default PullUp;

package/lib/Motion/PullUp/index.tuya.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { MotionPullUpProps } from '../props';
+declare const PullUp: React.FC<MotionPullUpProps>;
+export default PullUp;