@ray-js/components 0.3.0-beta.1c347991

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

@@ -0,0 +1,83 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["style", "className", "children", "show", "onShow", "onHide", "showDuration", "hideDuration", "delay", "initScale", "finalScale"];
+import * as React from 'react';
+import { inlineStyle } from '@ray-js/framework-shared';
+import { View } from '@ray-js/components';
+import { defaultMotionScaleFadeInProps } from '../props';
+
+var ScaleFadeIn = function (props) {
+  var isPreShow = React.useRef(false);
+
+  var style = props.style,
+      className = props.className,
+      children = props.children,
+      show = props.show,
+      onShow = props.onShow,
+      onHide = props.onHide,
+      showDuration = props.showDuration,
+      hideDuration = props.hideDuration,
+      delay = props.delay,
+      initScale = props.initScale,
+      finalScale = props.finalScale,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isAddNode = _React$useState2[0],
+      setIsAddNode = _React$useState2[1]; // 是否将节点渲染到页面上
+
+
+  var _React$useState3 = React.useState(undefined),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      anim = _React$useState4[0],
+      setAnim = _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.scale(show ? 1 : initScale).opacity(show ? 1 : 0).step({
+        duration: 0
+      });
+    } else {
+      animationRef.current.scale(show ? 1 : finalScale).opacity(show ? 1 : 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, _extends({
+    animation: anim,
+    style: inlineStyle(style),
+    className: className
+  }, restProps), children);
+};
+
+ScaleFadeIn.defaultProps = defaultMotionScaleFadeInProps;
+export default ScaleFadeIn;

package/lib/Motion/ScalePullDown/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 ScalePullDown=_tuyaPanelMotion.default.ScalePullDown;var _default=ScalePullDown;exports.default=_default;

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

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

package/lib/Motion/ScalePullDown/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 ScalePullDown=_tuyaPanelMotion.default.ScalePullDown;var _default=ScalePullDown;exports.default=_default;

package/lib/Motion/ScalePullDown/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/ScalePullDown/index.native.d.ts

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

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

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

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

@@ -0,0 +1,103 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["style", "className", "children", "show", "onShow", "onHide", "showDuration", "hideDuration", "delay", "initScale", "dropHeight"];
+import * as React from 'react';
+import { inlineStyle } from '@ray-js/framework-shared';
+import { View } from '@ray-js/components';
+import { defaultMotionScalePullDownProps } from '../props';
+
+var ScalePullDown = function (props) {
+  var isPreShow = React.useRef(false);
+
+  var style = props.style,
+      className = props.className,
+      children = props.children,
+      show = props.show,
+      onShow = props.onShow,
+      onHide = props.onHide,
+      showDuration = props.showDuration,
+      hideDuration = props.hideDuration,
+      delay = props.delay,
+      initScale = props.initScale,
+      dropHeight = props.dropHeight,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  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.scale(show ? 1 : initScale).opacity(show ? 1 : 0).step({
+        duration: 0
+      });
+      var temp = animationRef.current.export();
+      setAnim(temp);
+    } else {
+      if (show) {
+        animationRef.current.scale(1).opacity(1).step({
+          duration: showDuration,
+          delay: delay
+        });
+
+        var _temp = animationRef.current.export();
+
+        setTimeout(function () {
+          setAnim(_temp);
+        }, 20);
+      } else {
+        animationRef.current.opacity(0).translateY(dropHeight).step({
+          duration: hideDuration,
+          delay: delay
+        });
+
+        var _temp2 = animationRef.current.export();
+
+        setAnim(_temp2);
+        setTimeout(function () {
+          setAnim(animationRef.current.translateY(0).scale(0).step({
+            duration: 0
+          }).export());
+        }, delay + hideDuration);
+      }
+    }
+
+    show && typeof onShow === 'function' && onShow();
+    !show && typeof onHide === 'function' && onHide();
+  }, [show]);
+  return isAddNode && /*#__PURE__*/React.createElement(View, _extends({
+    animation: anim,
+    style: inlineStyle(style),
+    className: className
+  }, restProps), children);
+};
+
+ScalePullDown.defaultProps = defaultMotionScalePullDownProps;
+export default ScalePullDown;

package/lib/Motion/ScalePullDown/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/ScalePullDown/index.wechat.d.ts

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

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

@@ -0,0 +1,103 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["style", "className", "children", "show", "onShow", "onHide", "showDuration", "hideDuration", "delay", "initScale", "dropHeight"];
+import * as React from 'react';
+import { inlineStyle } from '@ray-js/framework-shared';
+import { View } from '@ray-js/components';
+import { defaultMotionScalePullDownProps } from '../props';
+
+var ScalePullDown = function (props) {
+  var isPreShow = React.useRef(false);
+
+  var style = props.style,
+      className = props.className,
+      children = props.children,
+      show = props.show,
+      onShow = props.onShow,
+      onHide = props.onHide,
+      showDuration = props.showDuration,
+      hideDuration = props.hideDuration,
+      delay = props.delay,
+      initScale = props.initScale,
+      dropHeight = props.dropHeight,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  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.scale(show ? 1 : initScale).opacity(show ? 1 : 0).step({
+        duration: 0
+      });
+      var temp = animationRef.current.export();
+      setAnim(temp);
+    } else {
+      if (show) {
+        animationRef.current.scale(1).opacity(1).step({
+          duration: showDuration,
+          delay: delay
+        });
+
+        var _temp = animationRef.current.export();
+
+        setTimeout(function () {
+          setAnim(_temp);
+        }, 20);
+      } else {
+        animationRef.current.opacity(0).translateY(dropHeight).step({
+          duration: hideDuration,
+          delay: delay
+        });
+
+        var _temp2 = animationRef.current.export();
+
+        setAnim(_temp2);
+        setTimeout(function () {
+          setAnim(animationRef.current.translateY(0).scale(0).step({
+            duration: 0
+          }).export());
+        }, delay + hideDuration);
+      }
+    }
+
+    show && typeof onShow === 'function' && onShow();
+    !show && typeof onHide === 'function' && onHide();
+  }, [show]);
+  return isAddNode && /*#__PURE__*/React.createElement(View, _extends({
+    animation: anim,
+    style: inlineStyle(style),
+    className: className
+  }, restProps), children);
+};
+
+ScalePullDown.defaultProps = defaultMotionScalePullDownProps;
+export default ScalePullDown;

package/lib/Motion/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 _Fade=_interopRequireDefault(require("./Fade"));var _PullUp=_interopRequireDefault(require("./PullUp"));var _ScaleFadeIn=_interopRequireDefault(require("./ScaleFadeIn"));var _ScalePullDown=_interopRequireDefault(require("./ScalePullDown"));var _PushDown=_interopRequireDefault(require("./PushDown"));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 Motion={Fade:_Fade.default,PullUp:_PullUp.default,ScaleFadeIn:_ScaleFadeIn.default,ScalePullDown:_ScalePullDown.default,PushDown:_PushDown.default};var _default=Motion;exports.default=_default;

package/lib/Motion/index.d.ts

@@ -0,0 +1,14 @@
+import Fade from './Fade';
+import PullUp from './PullUp';
+import ScaleFadeIn from './ScaleFadeIn';
+import ScalePullDown from './ScalePullDown';
+import PushDown from './PushDown';
+export * from './props';
+declare const Motion: {
+    Fade: typeof Fade;
+    PullUp: typeof PullUp;
+    ScaleFadeIn: typeof ScaleFadeIn;
+    ScalePullDown: typeof ScalePullDown;
+    PushDown: typeof PushDown;
+};
+export default Motion;

package/lib/Motion/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 _Fade=_interopRequireDefault(require("./Fade"));var _PullUp=_interopRequireDefault(require("./PullUp"));var _ScaleFadeIn=_interopRequireDefault(require("./ScaleFadeIn"));var _ScalePullDown=_interopRequireDefault(require("./ScalePullDown"));var _PushDown=_interopRequireDefault(require("./PushDown"));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 Motion={Fade:_Fade.default,PullUp:_PullUp.default,ScaleFadeIn:_ScaleFadeIn.default,ScalePullDown:_ScalePullDown.default,PushDown:_PushDown.default};var _default=Motion;exports.default=_default;

package/lib/Motion/index.js

@@ -0,0 +1,14 @@
+import Fade from './Fade';
+import PullUp from './PullUp';
+import ScaleFadeIn from './ScaleFadeIn';
+import ScalePullDown from './ScalePullDown';
+import PushDown from './PushDown';
+export * from './props';
+var Motion = {
+  Fade: Fade,
+  PullUp: PullUp,
+  ScaleFadeIn: ScaleFadeIn,
+  ScalePullDown: ScalePullDown,
+  PushDown: PushDown
+};
+export default Motion;

package/lib/Motion/index.md

@@ -0,0 +1,68 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 视图容器
+---
+
+# Motion
+
+动效
+
+## 导入
+
+```js
+import { Motion } from '@ray-js/components';
+```
+
+## 示例代码
+
+<code src="./demos/fade.tsx" title="淡入淡出" background="#f2f4f6"  />
+<code src="./demos/pullUp.tsx" title="上拉下滑" background="#f2f4f6" />
+<code src="./demos/scaleFadeIn.tsx" title="放大淡入/缩小淡出" background="#f2f4f6" />
+<code src="./demos/scalePullDown.tsx" title="放大淡入/下滑淡出" background="#f2f4f6" />
+<code src="./demos/pushDown.tsx" title="下拉上推" background="#f2f4f6" />
+
+## 公共 props
+
+| 属性         | 类型        | 默认值 | 必填 | 说明         | 支持平台       |
+| ------------ | ----------- | ------ | ---- | ------------ | -------------- |
+| show         | boolean     | false  | 否   | 是否显示内容 | RN、涂鸦、微信 |
+| showDuration | number      | 300    | 否   | 动画显示时长 | RN、涂鸦、微信 |
+| hideDuration | number      | 300    | 否   | 动画隐藏时长 | RN、涂鸦、微信 |
+| onShow       | () => void; |        | 否   | 动画显示回调 | RN、涂鸦、微信 |
+| onHide       | () => void; |        | 否   | 动画隐藏回调 | RN、涂鸦、微信 |
+| delay        | number      | 0      | 否   | 动画延迟时间 | RN、涂鸦、微信 |
+
+## 淡入淡出 Fade
+
+| 属性        | 类型   | 默认值 | 必填 | 说明       |
+| ----------- | ------ | ------ | ---- | ---------- |
+| fadeOpacity | number | 1      | 否   | 动画透明度 |
+
+## 下拉上滑 PullUp
+
+| 属性       | 类型   | 默认值 | 必填 | 说明     |
+| ---------- | ------ | ------ | ---- | -------- |
+| dropHeight | number | 200    | 否   | 下拉高度 |
+
+## ScaleFadeIn 放大淡入，缩小淡出
+
+| 属性       | 类型   | 默认值 | 必填 | 说明             |
+| ---------- | ------ | ------ | ---- | ---------------- |
+| initScale  | number | 0      | 否   | 初始缩放倍数     |
+| finalScale | number | 0      | 否   | 动画结束缩放倍数 |
+
+## ScalePullDown 放大淡入下滑淡出
+
+| 属性       | 类型   | 默认值 | 必填 | 说明         |
+| ---------- | ------ | ------ | ---- | ------------ |
+| initScale  | number | 0      | 否   | 初始缩放倍数 |
+| dropHeight | number | 200    | 否   | 下拉的高度   |
+
+## PushDown 下拉上推
+
+| 属性       | 类型   | 默认值 | 必填 | 说明       |
+| ---------- | ------ | ------ | ---- | ---------- |
+| dropHeight | number | 200    | 否   | 下拉的高度 |

package/lib/Motion/index.tuya.js

@@ -0,0 +1,14 @@
+import Fade from './Fade';
+import PullUp from './PullUp';
+import ScaleFadeIn from './ScaleFadeIn';
+import ScalePullDown from './ScalePullDown';
+import PushDown from './PushDown';
+export * from './props';
+var Motion = {
+  Fade: Fade,
+  PullUp: PullUp,
+  ScaleFadeIn: ScaleFadeIn,
+  ScalePullDown: ScalePullDown,
+  PushDown: PushDown
+};
+export default Motion;

package/lib/Motion/index.web.js

@@ -0,0 +1,14 @@
+import Fade from './Fade';
+import PullUp from './PullUp';
+import ScaleFadeIn from './ScaleFadeIn';
+import ScalePullDown from './ScalePullDown';
+import PushDown from './PushDown';
+export * from './props';
+var Motion = {
+  Fade: Fade,
+  PullUp: PullUp,
+  ScaleFadeIn: ScaleFadeIn,
+  ScalePullDown: ScalePullDown,
+  PushDown: PushDown
+};
+export default Motion;

package/lib/Motion/index.wechat.js

@@ -0,0 +1,14 @@
+import Fade from './Fade';
+import PullUp from './PullUp';
+import ScaleFadeIn from './ScaleFadeIn';
+import ScalePullDown from './ScalePullDown';
+import PushDown from './PushDown';
+export * from './props';
+var Motion = {
+  Fade: Fade,
+  PullUp: PullUp,
+  ScaleFadeIn: ScaleFadeIn,
+  ScalePullDown: ScalePullDown,
+  PushDown: PushDown
+};
+export default Motion;

package/lib/Motion/props.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultMotionScalePullDownProps=exports.defaultMotionScaleFadeInProps=exports.defaultMotionPushDownProps=exports.defaultMotionPullUpProps=exports.defaultMotionFadeProps=void 0;var defaultMotionFadeProps={show:false,showDuration:300,hideDuration:300,fadeOpacity:1,onShow:function onShow(){},onHide:function onHide(){},delay:0};exports.defaultMotionFadeProps=defaultMotionFadeProps;var defaultMotionPullUpProps={show:false,showDuration:300,hideDuration:300,onShow:function onShow(){},onHide:function onHide(){},delay:0,dropHeight:200};exports.defaultMotionPullUpProps=defaultMotionPullUpProps;var defaultMotionScaleFadeInProps={show:false,showDuration:300,hideDuration:300,onShow:function onShow(){},onHide:function onHide(){},delay:0,initScale:0,finalScale:0};exports.defaultMotionScaleFadeInProps=defaultMotionScaleFadeInProps;var defaultMotionScalePullDownProps={show:false,showDuration:300,hideDuration:300,onShow:function onShow(){},onHide:function onHide(){},delay:0,initScale:0,dropHeight:200};exports.defaultMotionScalePullDownProps=defaultMotionScalePullDownProps;var defaultMotionPushDownProps={show:false,showDuration:300,hideDuration:300,onShow:function onShow(){},onHide:function onHide(){},delay:0,dropHeight:200};exports.defaultMotionPushDownProps=defaultMotionPushDownProps;

package/lib/Motion/props.d.ts

@@ -0,0 +1,92 @@
+import { BaseProps } from '../types';
+export interface MotionProps extends BaseProps {
+    /**
+     * @description.zh 是否显示内容
+     * @description.en Display content?
+     * @default false
+     */
+    show?: boolean;
+    /**
+     * @description.zh 动画显示时长
+     * @description.en Animation display duration
+     * @default 300
+     */
+    showDuration?: number;
+    /**
+     * @description.zh 动画隐藏时长
+     * @description.en Animation hide duration
+     * @default 300
+     */
+    hideDuration?: number;
+    /**
+     * @description.zh 动画显示回调
+     * @description.en Animation display callback
+     * @default () => {}
+     */
+    onShow?: () => void;
+    /**
+     * @description.zh 动画隐藏回调
+     * @description.en Animation hide callback
+     * @default () => {}
+     */
+    onHide?: () => void;
+    delay: number;
+    children: any;
+}
+export interface MotionFadeProps extends MotionProps {
+    /**
+     * @description.zh 动画不透明度
+     * @description.en Animation opacity
+     * @default 1
+     */
+    fadeOpacity?: number;
+}
+export declare const defaultMotionFadeProps: Partial<MotionFadeProps>;
+export interface MotionPullUpProps extends MotionProps {
+    /**
+     * @description.zh 下拉的高度
+     * @description.en Height of pull down
+     * @default 200
+     */
+    dropHeight?: number;
+}
+export declare const defaultMotionPullUpProps: Partial<MotionPullUpProps>;
+export interface MotionScaleFadeInProps extends MotionProps {
+    /**
+     * @description.zh 初始缩放倍数
+     * @description.en Initial zoom factor
+     * @default 0
+     */
+    initScale?: number;
+    /**
+     * @description.zh 动画结束缩放倍数
+     * @description.en Animation end zoom multiple
+     * @default 0
+     */
+    finalScale?: number;
+}
+export declare const defaultMotionScaleFadeInProps: Partial<MotionScaleFadeInProps>;
+export interface MotionScalePullDownProps extends MotionProps {
+    /**
+     * @description.zh 初始缩放倍数
+     * @description.en Initial zoom factor
+     * @default 0
+     */
+    initScale?: number;
+    /**
+     * @description.zh 下拉的高度
+     * @description.en Height of pull down
+     * @default 100
+     */
+    dropHeight?: number;
+}
+export declare const defaultMotionScalePullDownProps: Partial<MotionScalePullDownProps>;
+export interface MotionPushDownProps extends MotionProps {
+    /**
+     * @description.zh 下拉的高度
+     * @description.en Height of pull down
+     * @default 200
+     */
+    dropHeight?: number;
+}
+export declare const defaultMotionPushDownProps: Partial<MotionPushDownProps>;

package/lib/Motion/props.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultMotionScalePullDownProps=exports.defaultMotionScaleFadeInProps=exports.defaultMotionPushDownProps=exports.defaultMotionPullUpProps=exports.defaultMotionFadeProps=void 0;var defaultMotionFadeProps={show:false,showDuration:300,hideDuration:300,fadeOpacity:1,onShow:function onShow(){},onHide:function onHide(){},delay:0};exports.defaultMotionFadeProps=defaultMotionFadeProps;var defaultMotionPullUpProps={show:false,showDuration:300,hideDuration:300,onShow:function onShow(){},onHide:function onHide(){},delay:0,dropHeight:200};exports.defaultMotionPullUpProps=defaultMotionPullUpProps;var defaultMotionScaleFadeInProps={show:false,showDuration:300,hideDuration:300,onShow:function onShow(){},onHide:function onHide(){},delay:0,initScale:0,finalScale:0};exports.defaultMotionScaleFadeInProps=defaultMotionScaleFadeInProps;var defaultMotionScalePullDownProps={show:false,showDuration:300,hideDuration:300,onShow:function onShow(){},onHide:function onHide(){},delay:0,initScale:0,dropHeight:200};exports.defaultMotionScalePullDownProps=defaultMotionScalePullDownProps;var defaultMotionPushDownProps={show:false,showDuration:300,hideDuration:300,onShow:function onShow(){},onHide:function onHide(){},delay:0,dropHeight:200};exports.defaultMotionPushDownProps=defaultMotionPushDownProps;