@ray-js/components 0.5.4 → 0.5.6-beta-1

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

@@ -0,0 +1,3 @@
+import Motion from 'tuya-panel-motion';
+var Fade = Motion.Fade;
+export default Fade;

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

@@ -0,0 +1,3 @@
+import Motion from 'tuya-panel-motion';
+var PullUp = Motion.PullUp;
+export default PullUp;

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

@@ -0,0 +1,3 @@
+import Motion from 'tuya-panel-motion';
+var PushDown = Motion.PushDown;
+export default PushDown;

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

@@ -0,0 +1,3 @@
+import Motion from 'tuya-panel-motion';
+var ScaleFadeIn = Motion.ScaleFadeIn;
+export default ScaleFadeIn;

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

@@ -0,0 +1,3 @@
+import Motion from 'tuya-panel-motion';
+var ScalePullDown = Motion.ScalePullDown;
+export default ScalePullDown;

package/lib/PageContainer/PageContainer.js

@@ -1 +1,90 @@
-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 _react=_interopRequireWildcard(require("react"));var _ahooks=require("ahooks");var _props=require("./props");var _handleProps=_interopRequireDefault(require("../utils/handleProps"));var _this=this,_jsxFileName="/drone/src/packages/components/src/PageContainer/PageContainer.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var PageContainer=function(props){var children=props.children;var currentNode=(0,_react.useRef)(null);(0,_ahooks.useEventListener)('clickoverlay',function(e){var _props$onClickOverlay;(_props$onClickOverlay=props.onClickOverlay)===null||_props$onClickOverlay===void 0?void 0:_props$onClickOverlay.call(props,{type:'clickoverlay',origin:e});},{target:currentNode});(0,_ahooks.useEventListener)('beforeenter',function(e){var _props$onBeforeEnter;(_props$onBeforeEnter=props.onBeforeEnter)===null||_props$onBeforeEnter===void 0?void 0:_props$onBeforeEnter.call(props,{type:'beforeenter',origin:e});},{target:currentNode});(0,_ahooks.useEventListener)('enter',function(e){var _props$onEnter;(_props$onEnter=props.onEnter)===null||_props$onEnter===void 0?void 0:_props$onEnter.call(props,{type:'enter',origin:e});},{target:currentNode});(0,_ahooks.useEventListener)('afterenter',function(e){var _props$onAfterEnter;(_props$onAfterEnter=props.onAfterEnter)===null||_props$onAfterEnter===void 0?void 0:_props$onAfterEnter.call(props,{type:'afterenter',origin:e});},{target:currentNode});(0,_ahooks.useEventListener)('beforeleave',function(e){var _props$onBeforeLeave;(_props$onBeforeLeave=props.onBeforeLeave)===null||_props$onBeforeLeave===void 0?void 0:_props$onBeforeLeave.call(props,{type:'beforeleave',origin:e});},{target:currentNode});(0,_ahooks.useEventListener)('leave',function(e){var _props$onLeave;(_props$onLeave=props.onLeave)===null||_props$onLeave===void 0?void 0:_props$onLeave.call(props,{type:'leave',origin:e});},{target:currentNode});(0,_ahooks.useEventListener)('afterleave',function(e){var _props$onAfterLeave;(_props$onAfterLeave=props.onAfterLeave)===null||_props$onAfterLeave===void 0?void 0:_props$onAfterLeave.call(props,{type:'afterleave',origin:e});},{target:currentNode});return _react.default.createElement("v-page-container",(0,_extends2.default)({},(0,_handleProps.default)(props),{ref:currentNode,__self:_this,__source:{fileName:_jsxFileName,lineNumber:69,columnNumber:5}}),children);};PageContainer.defaultProps=_props.defaultPageContainerProps;var _default=PageContainer;exports.default=_default;
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useRef } from 'react';
+import { useEventListener } from 'ahooks';
+import { defaultPageContainerProps } from './props';
+import handleProps from '../utils/handleProps';
+
+var PageContainer = function (props) {
+  var children = props.children;
+  var currentNode = useRef(null);
+  useEventListener('clickoverlay', function (e) {
+    var _props$onClickOverlay;
+
+    (_props$onClickOverlay = props.onClickOverlay) === null || _props$onClickOverlay === void 0 ? void 0 : _props$onClickOverlay.call(props, {
+      type: 'clickoverlay',
+      origin: e
+    });
+  }, {
+    target: currentNode
+  });
+  useEventListener('beforeenter', function (e) {
+    var _props$onBeforeEnter;
+
+    (_props$onBeforeEnter = props.onBeforeEnter) === null || _props$onBeforeEnter === void 0 ? void 0 : _props$onBeforeEnter.call(props, {
+      type: 'beforeenter',
+      origin: e
+    });
+  }, {
+    target: currentNode
+  });
+  useEventListener('enter', function (e) {
+    var _props$onEnter;
+
+    (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 ? void 0 : _props$onEnter.call(props, {
+      type: 'enter',
+      origin: e
+    });
+  }, {
+    target: currentNode
+  });
+  useEventListener('afterenter', function (e) {
+    var _props$onAfterEnter;
+
+    (_props$onAfterEnter = props.onAfterEnter) === null || _props$onAfterEnter === void 0 ? void 0 : _props$onAfterEnter.call(props, {
+      type: 'afterenter',
+      origin: e
+    });
+  }, {
+    target: currentNode
+  });
+  useEventListener('beforeleave', function (e) {
+    var _props$onBeforeLeave;
+
+    (_props$onBeforeLeave = props.onBeforeLeave) === null || _props$onBeforeLeave === void 0 ? void 0 : _props$onBeforeLeave.call(props, {
+      type: 'beforeleave',
+      origin: e
+    });
+  }, {
+    target: currentNode
+  });
+  useEventListener('leave', function (e) {
+    var _props$onLeave;
+
+    (_props$onLeave = props.onLeave) === null || _props$onLeave === void 0 ? void 0 : _props$onLeave.call(props, {
+      type: 'leave',
+      origin: e
+    });
+  }, {
+    target: currentNode
+  });
+  useEventListener('afterleave', function (e) {
+    var _props$onAfterLeave;
+
+    (_props$onAfterLeave = props.onAfterLeave) === null || _props$onAfterLeave === void 0 ? void 0 : _props$onAfterLeave.call(props, {
+      type: 'afterleave',
+      origin: e
+    });
+  }, {
+    target: currentNode
+  });
+  return (
+    /*#__PURE__*/
+    // @ts-ignore
+    React.createElement("v-page-container", _extends({}, handleProps(props), {
+      ref: currentNode
+    }), children)
+  );
+};
+
+PageContainer.defaultProps = defaultPageContainerProps;
+export default PageContainer;

package/lib/PageContainer/PageContainer.wechat.js

@@ -1,8 +1,8 @@
-import { PageContainer as _PageContainer } from "@ray-core/wechat/esm/hostComponents/PageContainer/index";
 import * as React from 'react';
+import { PageContainer as RemaxPageContainer } from '@ray-core/wechat';
 
 function PageContainer(props) {
-  return /*#__PURE__*/React.createElement(_PageContainer, props);
+  return /*#__PURE__*/React.createElement(RemaxPageContainer, props);
 }
 
 export default PageContainer;

package/lib/Picker/Picker.native.js

@@ -0,0 +1,181 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React from 'react';
+import { View, Text, TouchableOpacity, StyleSheet, Platform } from 'react-native';
+import { IDefaultPickerProps } from './props';
+import Modal from '../Modal';
+import PickerView from '../PickerView';
+import { isTwoArray } from '../utils';
+
+var Picker = /*#__PURE__*/function (_React$Component) {
+  _inherits(Picker, _React$Component);
+
+  var _super = _createSuper(Picker);
+
+  function Picker(props) {
+    var _this;
+
+    _classCallCheck(this, Picker);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "_handleCancel", function () {
+      var onCancel = _this.props.onCancel;
+      typeof onCancel === 'function' && onCancel({
+        type: 'cancel',
+        origin: null
+      });
+
+      _this.setState({
+        visible: false
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "_handleConfirm", function () {
+      var onChange = _this.props.onChange;
+      var changeValue = _this.state.changeValue;
+      typeof onChange === 'function' && onChange({
+        type: 'change',
+        value: changeValue,
+        origin: null
+      });
+
+      _this.setState({
+        visible: false,
+        value: changeValue
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "_handlePickerChange", function (event) {
+      var value = event.value,
+          column = event.column;
+      var _this$props = _this.props,
+          range = _this$props.range,
+          onColumnChange = _this$props.onColumnChange;
+      var isOnly = !isTwoArray(range);
+
+      if (!isOnly) {
+        typeof onColumnChange === 'function' && onColumnChange({
+          type: 'columnchange',
+          value: value[column],
+          column: column,
+          origin: null
+        });
+      }
+
+      _this.setState({
+        changeValue: value
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "renderTitleView", function () {
+      var _this$props2 = _this.props,
+          confirmText = _this$props2.confirmText,
+          cancelText = _this$props2.cancelText;
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.title
+      }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+        style: styles.button,
+        activeOpacity: 0.8,
+        onPress: _this._handleCancel
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: styles.text
+      }, cancelText)), /*#__PURE__*/React.createElement(TouchableOpacity, {
+        style: styles.button,
+        activeOpacity: 0.8,
+        onPress: _this._handleConfirm
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: [styles.text, {
+          color: '#007AFF'
+        }]
+      }, confirmText)));
+    });
+
+    _this.state = {
+      visible: false,
+      value: props.value,
+      changeValue: props.value
+    };
+    return _this;
+  }
+
+  _createClass(Picker, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (this.props.value !== prevProps.value) {
+        this.setState({
+          value: this.props.value,
+          changeValue: this.props.value
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props3 = this.props,
+          children = _this$props3.children,
+          range = _this$props3.range,
+          disabled = _this$props3.disabled;
+      var _this$state = this.state,
+          visible = _this$state.visible,
+          value = _this$state.value;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
+        onPress: function onPress() {
+          return _this2.setState({
+            visible: true
+          });
+        },
+        disabled: disabled,
+        activeOpacity: 0.8
+      }, children), /*#__PURE__*/React.createElement(Modal, {
+        show: visible,
+        position: 'bottom'
+      }, this.renderTitleView(), Platform.OS === 'android' && /*#__PURE__*/React.createElement(View, {
+        style: {
+          backgroundColor: '#fff',
+          height: 2
+        }
+      }), /*#__PURE__*/React.createElement(PickerView, {
+        range: range,
+        value: value,
+        style: {
+          backgroundColor: '#fff'
+        },
+        onChange: this._handlePickerChange
+      })));
+    }
+  }]);
+
+  return Picker;
+}(React.Component);
+
+_defineProperty(Picker, "displayName", '_Picker');
+
+_defineProperty(Picker, "defaultProps", IDefaultPickerProps);
+
+export { Picker as default };
+var styles = StyleSheet.create({
+  button: {
+    height: 54,
+    width: 68,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  title: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    backgroundColor: '#fff',
+    borderBottomColor: 'rgba(0, 0, 0, 0.05)',
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  text: {
+    fontSize: 18,
+    color: '#333'
+  }
+});

package/lib/Picker/Picker.wechat.js

@@ -1,4 +1,3 @@
-import { Picker as _Picker } from "@ray-core/wechat/esm/hostComponents/Picker/index";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
@@ -6,6 +5,7 @@ var _excluded = ["className", "style", "id", "onChange", "onLongClick", "onTouch
 import clsx from 'clsx';
 import * as React from 'react';
 import { inlineStyle, useTouch } from '@ray-js/framework-shared';
+import { Picker as RemaxPicker } from '@ray-core/wechat';
 var countArr = 1;
 
 var Picker = function (props) {
@@ -46,7 +46,7 @@ var Picker = function (props) {
     return countArr;
   };
 
-  return /*#__PURE__*/React.createElement(_Picker, _extends({
+  return /*#__PURE__*/React.createElement(RemaxPicker, _extends({
     onChange: function handleChange(e) {
       onChange === null || onChange === void 0 ? void 0 : onChange({
         type: e.type,

package/lib/PickerView/PickerView.native.js

@@ -0,0 +1,175 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.concat.js";
+import * as React from 'react';
+import { Platform, requireNativeComponent, processColor, View } from 'react-native';
+import { RatioUtils } from '@ray-js/ray-panel-utils';
+import { isTwoArray } from '../utils';
+var width = RatioUtils.width;
+var TYRCTPicker = requireNativeComponent('TYRCTPicker');
+var WheelPickerView = requireNativeComponent('TYRCTWheelViewManager');
+
+var _Picker = /*#__PURE__*/function (_React$Component) {
+  _inherits(_Picker, _React$Component);
+
+  var _super = _createSuper(_Picker);
+
+  function _Picker(props) {
+    var _this;
+
+    _classCallCheck(this, _Picker);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "getItem", function () {
+      var range = _this.props.range;
+      var isOnly = !isTwoArray(range);
+
+      if (isOnly) {
+        return range.map(function (item) {
+          return {
+            label: item,
+            value: item
+          };
+        });
+      }
+
+      return range.map(function (item) {
+        return item.map(function (data) {
+          return {
+            label: data,
+            value: data
+          };
+        });
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onItemSelected", function (event, isOnly, index) {
+      var newIndex = event.nativeEvent.newIndex;
+      var onChange = _this.props.onChange;
+
+      if (isOnly) {
+        _this.setState({
+          selectIdx: newIndex
+        });
+
+        typeof onChange === 'function' && onChange({
+          type: 'change',
+          value: newIndex
+        });
+      } else {
+        var selectIdx = _this.state.selectIdx;
+        var newSelectArr = selectIdx.concat([]);
+        newSelectArr[index] = newIndex;
+        typeof onChange === 'function' && onChange({
+          type: 'change',
+          value: newSelectArr,
+          column: index
+        });
+
+        _this.setState({
+          selectIdx: newSelectArr
+        });
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "renderPickerItem", function (item, selectIdx, isOnly, index) {
+      var _this$props = _this.props,
+          style = _this$props.style,
+          fontSize = _this$props.fontSize;
+
+      var items = _this.getItem();
+
+      var theme = {
+        dividerColor: 'rgba(0, 0, 0, 0.05)',
+        fontColor: 'rgba(0,0,0,0.9)',
+        fontSize: fontSize || isOnly ? 24 : items.length < 3 ? 24 : 20
+      };
+      var length = isOnly ? 1 : items.length;
+      return Platform.OS === 'android' ? /*#__PURE__*/React.createElement(WheelPickerView, {
+        key: index,
+        style: [{
+          width: width / length,
+          height: 216
+        }, style],
+        items: item,
+        itemTextColor: theme.fontColor,
+        selectedItemTextColor: theme.fontColor,
+        dividerColor: theme.dividerColor,
+        visibleItemCount: 5,
+        itemAlign: 'center',
+        selectedIndex: selectIdx,
+        textSize: theme.fontSize,
+        loop: false,
+        onChange: function onChange(e) {
+          return _this.onItemSelected(e, isOnly, index);
+        }
+      }) : /*#__PURE__*/React.createElement(TYRCTPicker, {
+        key: index,
+        style: [{
+          width: width / length,
+          height: 216
+        }, style],
+        items: item,
+        itemPadding: 14,
+        selectedIndex: selectIdx,
+        separatorColor: processColor(theme.dividerColor),
+        color: processColor(theme.fontColor),
+        textAlign: 1,
+        fontSize: theme.fontSize,
+        fontWeight: 'normal',
+        onChange: function onChange(e) {
+          return _this.onItemSelected(e, isOnly, index);
+        }
+      });
+    });
+
+    _this.state = {
+      selectIdx: props.value
+    };
+    return _this;
+  }
+
+  _createClass(_Picker, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.value !== this.props.value) {
+        this.setState({
+          selectIdx: this.props.value
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var selectIdx = this.state.selectIdx;
+      var items = this.getItem();
+      var isOnly = !isTwoArray(items);
+      return isOnly ? this.renderPickerItem(items, selectIdx, isOnly, 0) : /*#__PURE__*/React.createElement(View, {
+        style: {
+          flexDirection: 'row',
+          overflow: 'hidden'
+        }
+      }, items.map(function (item, idx) {
+        return _this2.renderPickerItem(item, selectIdx[idx], isOnly, idx);
+      }));
+    }
+  }]);
+
+  return _Picker;
+}(React.Component);
+
+_defineProperty(_Picker, "displayName", '_PickerView');
+
+_defineProperty(_Picker, "defaultProps", {
+  value: 0
+});
+
+export { _Picker as default };

package/lib/PickerView/PickerView.wechat.js

@@ -1,6 +1,4 @@
-import { PickerView as _PickerView } from "@ray-core/wechat/esm/hostComponents/PickerView/index";
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { PickerViewColumn as _PickerViewColumn } from "@ray-core/wechat/esm/hostComponents/PickerViewColumn/index";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "style", "id", "onChange", "range", "children"];
 import "core-js/modules/es.array.map.js";
@@ -8,6 +6,7 @@ import clsx from 'clsx';
 import * as React from 'react';
 import { inlineStyle } from '@ray-js/framework-shared';
 import { View } from '@ray-js/components';
+import { PickerView as RemaxPickerView, PickerViewColumn as RemaxPickerViewColumn } from '@ray-core/wechat';
 import styles from './index.module.less';
 
 var Picker = function (props) {
@@ -37,7 +36,7 @@ var Picker = function (props) {
     return multiarr(array);
   };
 
-  return /*#__PURE__*/React.createElement(_PickerView, _extends({
+  return /*#__PURE__*/React.createElement(RemaxPickerView, _extends({
     onChange: function handleChange(e) {
       onChange === null || onChange === void 0 ? void 0 : onChange({
         type: 'change',
@@ -52,7 +51,7 @@ var Picker = function (props) {
   }() || function renderPickerColumn() {
     if (countArray(props.range) > 1) {
       return props.range.map(function (item, index) {
-        return /*#__PURE__*/React.createElement(_PickerViewColumn, {
+        return /*#__PURE__*/React.createElement(RemaxPickerViewColumn, {
           key: index
         }, item.map(function (i, id) {
           return /*#__PURE__*/React.createElement(View, {
@@ -62,7 +61,7 @@ var Picker = function (props) {
         }));
       });
     } else {
-      return /*#__PURE__*/React.createElement(_PickerViewColumn, null, range.map(function (item, index) {
+      return /*#__PURE__*/React.createElement(RemaxPickerViewColumn, null, range.map(function (item, index) {
         return /*#__PURE__*/React.createElement(View, {
           key: index,
           className: styles.pcWrp