@ray-js/components 0.6.14 → 0.6.15

package/lib/Motion/PushDown/index.thing.js

@@ -1,82 +0,0 @@
-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", "dropHeight", "delay"];
-import * as React from 'react';
-import { inlineStyle } from '@ray-js/framework-shared';
-import { View } from '@ray-js/components';
-import { defaultMotionPushDownProps } from '../props';
-
-var PushDown = 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,
-      dropHeight = props.dropHeight,
-      delay = props.delay,
-      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.translateY(show ? 0 : -dropHeight).step({
-        duration: 0
-      });
-    } else {
-      animationRef.current.translateY(show ? 0 : -dropHeight).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);
-};
-
-PushDown.defaultProps = defaultMotionPushDownProps;
-export default PushDown;

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

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

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

@@ -1,82 +0,0 @@
-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", "dropHeight", "delay"];
-import * as React from 'react';
-import { inlineStyle } from '@ray-js/framework-shared';
-import { View } from '@ray-js/components';
-import { defaultMotionPushDownProps } from '../props';
-
-var PushDown = 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,
-      dropHeight = props.dropHeight,
-      delay = props.delay,
-      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.translateY(show ? 0 : -dropHeight).step({
-        duration: 0
-      });
-    } else {
-      animationRef.current.translateY(show ? 0 : -dropHeight).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);
-};
-
-PushDown.defaultProps = defaultMotionPushDownProps;
-export default PushDown;

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

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

package/lib/Motion/ScaleFadeIn/index.js

@@ -1,28 +0,0 @@
-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("span", null, "\u672A\u5B9E\u73B0"));
-    }
-  }]);
-
-  return Fade;
-}(React.Component);
-
-export { Fade as default };

package/lib/Motion/ScaleFadeIn/index.thing.d.ts

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

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

@@ -1,83 +0,0 @@
-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 = 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
-      });
-    } 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/ScaleFadeIn/index.wechat.d.ts

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

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

@@ -1,83 +0,0 @@
-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.d.ts

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

package/lib/Motion/ScalePullDown/index.js

@@ -1,28 +0,0 @@
-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("span", null, "\u672A\u5B9E\u73B0"));
-    }
-  }]);
-
-  return Fade;
-}(React.Component);
-
-export { Fade as default };

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

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

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

@@ -1,103 +0,0 @@
-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.wechat.d.ts

@@ -1,4 +0,0 @@
-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

@@ -1,103 +0,0 @@
-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.d.ts

@@ -1,14 +0,0 @@
-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.js

@@ -1,14 +0,0 @@
-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;