@ray-js/components 0.5.3 → 0.5.5

package/lib/Switch/Switch.wechat.js

@@ -1,10 +1,10 @@
-import { Switch as _Switch } from "@ray-core/wechat/esm/hostComponents/Switch/index";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "style", "id", "onChange", "type", "color"];
 import clsx from 'clsx';
 import * as React from 'react';
 import { inlineStyle } from '@ray-js/framework-shared';
+import { Switch as RemaxSwitch } from '@ray-core/wechat';
 import './index.module.less';
 
 var Switch = function (props) {
@@ -17,7 +17,7 @@ var Switch = function (props) {
       color = props.color,
       restProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(_Switch, _extends({
+  return /*#__PURE__*/React.createElement(RemaxSwitch, _extends({
     id: id,
     onChange: function handleChange(e) {
       onChange === null || onChange === void 0 ? void 0 : onChange({

package/lib/Text/Text.native.js

@@ -0,0 +1,37 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["selectable", "onClick", "style", "children"];
+import React from 'react';
+import { Text } from 'react-native';
+
+var _Text = function (props) {
+  var selectable = props.selectable,
+      onClick = props.onClick,
+      style = props.style,
+      children = props.children,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var clickProps = {
+    onPress: undefined
+  };
+  if (onClick) clickProps.onPress = function onTextClick(event) {
+    var nativeEvent = event.nativeEvent;
+    var timestamp = nativeEvent.timestamp,
+        pageX = nativeEvent.pageX,
+        pageY = nativeEvent.pageY;
+    typeof onClick === 'function' && onClick({
+      type: 'click',
+      timeStamp: timestamp,
+      pageX: pageX,
+      pageY: pageY,
+      origin: event
+    });
+  };
+  return /*#__PURE__*/React.createElement(Text, _extends({
+    selectable: !!selectable,
+    style: style
+  }, rest, clickProps), children);
+};
+
+_Text.displayName = '_Text';
+export default _Text;

package/lib/Text/Text.wechat.js

@@ -1,9 +1,9 @@
-import { Text as _Text } from "@ray-core/wechat/esm/hostComponents/Text/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";
 var _excluded = ["onClick", "onLongClick", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart"];
 import * as React from 'react';
+import { Text as RemaxText } from '@ray-core/wechat';
 import { useTouch } from '@ray-js/framework-shared';
 
 var Text = function (props) {
@@ -27,7 +27,7 @@ var Text = function (props) {
       touching = _useTouch2[0],
       handlers = _useTouch2[1];
 
-  return /*#__PURE__*/React.createElement(_Text, _extends({}, restProps, handlers));
+  return /*#__PURE__*/React.createElement(RemaxText, _extends({}, restProps, handlers));
 };
 
 export default Text;

package/lib/Textarea/Textarea.native.js

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import Input from '../Input';
+import { omit } from '../utils';
+
+var _Textarea = function (props) {
+  var autoHeight = props.autoHeight,
+      onLineChange = props.onLineChange,
+      focus = props.focus,
+      maxLength = props.maxLength;
+  return /*#__PURE__*/React.createElement(Input, _extends({
+    _multiline: true,
+    _autoHeight: autoHeight,
+    _onLineChange: function _handleLineChange(event) {
+      // console
+      typeof onLineChange === 'function' && onLineChange(event);
+    },
+    focus: !!focus,
+    confirmType: "next"
+  }, omit(props, ['type', 'password', 'confirmType', 'confirmHold', 'autoHeight', 'onLineChange', 'maxLength']), {
+    maxLength: maxLength
+  }));
+};
+
+_Textarea.displayName = '_Textarea';
+export default _Textarea;

package/lib/Textarea/Textarea.wechat.js

@@ -1,4 +1,3 @@
-import { Textarea as _Textarea } from "@ray-core/wechat/esm/hostComponents/Textarea/index";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["id", "className", "style", "value", "placeholderStyle", "placeholder", "onInput", "onFocus", "onConfirm", "onBlur", "maxLength", "focus", "disabled", "name", "autoHeight"];
@@ -6,6 +5,7 @@ import "core-js/modules/es.function.name.js";
 import * as React from 'react';
 import clsx from 'clsx';
 import { inlineStyle } from '@ray-js/framework-shared';
+import { Textarea as RemaxTextarea } from '@ray-core/wechat';
 import styles from './index.module.less';
 var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var id = props.id,
@@ -26,7 +26,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
       autoHeight = props.autoHeight,
       restProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(_Textarea, _extends({
+  return /*#__PURE__*/React.createElement(RemaxTextarea, _extends({
     name: name // @ts-ignore
     ,
     ref: ref,

package/lib/TimePicker/TimePicker.native.js

@@ -0,0 +1,319 @@
+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.regexp.exec.js";
+import "core-js/modules/es.string.split.js";
+import "core-js/modules/es.number.constructor.js";
+import "core-js/modules/es.array.index-of.js";
+import "core-js/modules/es.array.concat.js";
+import React from 'react';
+import { View, Text, TouchableOpacity, StyleSheet, Platform } from 'react-native';
+import { IDefaultTimePickerProps } from './props';
+import Modal from '../Modal';
+import PickerView from '../PickerView';
+
+var TimerPicker = /*#__PURE__*/function (_React$Component) {
+  _inherits(TimerPicker, _React$Component);
+
+  var _super = _createSuper(TimerPicker);
+
+  function TimerPicker(props) {
+    var _this;
+
+    _classCallCheck(this, TimerPicker);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "getTimeRange", function () {
+      var _this$props = _this.props,
+          start = _this$props.start,
+          end = _this$props.end;
+      var startArr = start.split(':');
+      var endArr = end.split(':');
+      var startHour = Number(startArr[0]);
+      var startMinute = Number(startArr[1]);
+      var endHour = Number(endArr[0]);
+      var endMinute = Number(endArr[1]);
+      return {
+        startHour: startHour,
+        startMinute: startMinute,
+        endHour: endHour,
+        endMinute: endMinute
+      };
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getRange", function (value) {
+      var rangeObj = {};
+      var range = [];
+      var valueArr = value.split(':');
+      var hour = valueArr[0];
+      var hourRange = [];
+
+      var _this$getTimeRange = _this.getTimeRange(),
+          startHour = _this$getTimeRange.startHour,
+          startMinute = _this$getTimeRange.startMinute,
+          endHour = _this$getTimeRange.endHour,
+          endMinute = _this$getTimeRange.endMinute;
+
+      for (var i = startHour; endMinute === 0 ? i < endHour : i <= endHour; i++) {
+        var minuteRange = [];
+
+        if (i === startHour) {
+          for (var j = startMinute; j <= 59; j++) {
+            minuteRange.push(_this.calculateValue(j));
+          }
+        } else if (i === endHour) {
+          for (var _j = 0; _j <= endMinute; _j++) {
+            minuteRange.push(_this.calculateValue(_j));
+          }
+        } else if (i < endHour && i > startHour) {
+          for (var _j2 = 0; _j2 <= 59; _j2++) {
+            minuteRange.push(_this.calculateValue(_j2));
+          }
+        }
+
+        hourRange.push(_this.calculateValue(i));
+        rangeObj[_this.calculateValue(i)] = minuteRange;
+      }
+
+      range.push(hourRange, rangeObj[hour]);
+      return {
+        range: range,
+        rangeObj: rangeObj
+      };
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "calculateValue", function (value) {
+      if (value < 10) {
+        return "0".concat(value);
+      } else {
+        return "".concat(value);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "valueToIndex", function () {
+      var _this$state = _this.state,
+          changeValue = _this$state.changeValue,
+          range = _this$state.range;
+      var valueArr = changeValue.split(':');
+      var hour = valueArr[0];
+      var Minute = valueArr[1];
+      var hourIndex = range[0].indexOf(hour);
+      var minuteIndex = range[1].indexOf(Minute);
+      return [hourIndex, minuteIndex];
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "_handleCancel", function () {
+      var onCancel = _this.props.onCancel;
+      var value = _this.state.value;
+
+      var _this$getRange = _this.getRange(value),
+          range = _this$getRange.range;
+
+      typeof onCancel === 'function' && onCancel({
+        type: 'cancel',
+        origin: null
+      });
+
+      _this.setState({
+        visible: false,
+        changeValue: value,
+        range: range
+      });
+    });
+
+    _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
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "_handlePickerChange", function (event, range) {
+      var value = event.value,
+          column = event.column; // 滑动之前的时间
+
+      var changeValue = _this.state.changeValue; // 初始时间 - 结束时间的对象{ hour: minute[]}
+
+      var _this$getRange2 = _this.getRange(changeValue),
+          rangeObj = _this$getRange2.rangeObj;
+
+      var valueArr = changeValue.split(':'); // 滑动操作前的小时
+
+      Number(valueArr[0]); // 滑动操作前的分钟
+
+      var beforeMinute = Number(valueArr[1]);
+
+      var _this$getTimeRange2 = _this.getTimeRange(),
+          startHour = _this$getTimeRange2.startHour,
+          startMinute = _this$getTimeRange2.startMinute,
+          endHour = _this$getTimeRange2.endHour,
+          endMinute = _this$getTimeRange2.endMinute; // 滑动后的小时(字符串)
+
+
+      var hourString = range[0][value[0]]; // 滑动后的小时(数字)
+
+      var hour = Number(hourString); // 滑动后的分钟（数字）
+
+      var minute; // 滑动的是小时轴（第一列）
+
+      if (column === 0) {
+        if (hour === startHour) {
+          // 分钟选择 Max[初始时间的分钟, 滑动前的分钟]
+          minute = Math.max(startMinute, beforeMinute);
+        } else if (hour === endHour) {
+          // 分钟选择 Min[结束时间的分钟, 滑动前的分钟]
+          minute = Math.min(endMinute, beforeMinute);
+        } else {
+          minute = beforeMinute;
+        }
+      } else {
+        // 滑动的是分钟轴（第二列）
+        // 滑动后小时对应的分钟数组
+        var minuteArr = rangeObj[range[0][value[0]]];
+        minute = Number(minuteArr[value[1]]);
+      }
+
+      var newValue = "".concat(_this.calculateValue(hour), ":").concat(_this.calculateValue(minute));
+
+      var _this$getRange3 = _this.getRange(newValue),
+          newRange = _this$getRange3.range;
+
+      _this.setState({
+        changeValue: newValue,
+        range: newRange
+      });
+    });
+
+    _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)));
+    });
+
+    var _value = props.value || props.start;
+
+    var _this$getRange4 = _this.getRange(_value),
+        _range = _this$getRange4.range;
+
+    _this.state = {
+      visible: false,
+      value: _value,
+      changeValue: _value,
+      range: _range
+    };
+    return _this;
+  }
+
+  _createClass(TimerPicker, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var value = this.props.value;
+
+      if (value !== prevProps.value) {
+        var _this$getRange5 = this.getRange(value),
+            range = _this$getRange5.range;
+
+        this.setState({
+          value: value,
+          changeValue: value,
+          range: range
+        });
+      }
+    } // 获取开始时间 - 结束时间范围
+
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props3 = this.props,
+          children = _this$props3.children,
+          disabled = _this$props3.disabled;
+      var _this$state2 = this.state,
+          visible = _this$state2.visible,
+          range = _this$state2.range;
+      var newValue = this.valueToIndex();
+      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: newValue,
+        style: {
+          backgroundColor: '#fff'
+        },
+        onChange: function onChange(e) {
+          return _this2._handlePickerChange(e, range);
+        }
+      })));
+    }
+  }]);
+
+  return TimerPicker;
+}(React.Component);
+
+_defineProperty(TimerPicker, "displayName", '_TimerPicker');
+
+_defineProperty(TimerPicker, "defaultProps", IDefaultTimePickerProps);
+
+export { TimerPicker 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/TimePicker/TimePicker.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", "onLongClick", "onTouchStart", "onT
 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 TimePicker = function (props) {
   var className = props.className,
@@ -33,7 +33,7 @@ var TimePicker = function (props) {
       touching = _useTouch2[0],
       handlers = _useTouch2[1];
 
-  return /*#__PURE__*/React.createElement(_Picker, _extends({
+  return /*#__PURE__*/React.createElement(RemaxPicker, _extends({
     mode: "time",
     onChange: function handleChange(e) {
       onChange === null || onChange === void 0 ? void 0 : onChange({

package/lib/View/View.native.js

@@ -0,0 +1,35 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["style"];
+import "core-js/modules/es.array.map.js";
+import React from 'react';
+import { View, Text } from 'react-native';
+import ClickableSimplified from '../ClickableSimplified';
+import { extracteTextStyle } from '../utils';
+
+var stringToText = function (child, props) {
+  return typeof child === 'string' || typeof child === 'number' ? /*#__PURE__*/React.createElement(Text, props, child) : child;
+};
+
+var _View = function (props) {
+  var style = props.style,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var textStyle = extracteTextStyle(props.style);
+  var child = Array.isArray(props.children) ? props.children.map(function (c, i) {
+    return stringToText(c, _objectSpread(_objectSpread({
+      key: i
+    }, props), {}, {
+      style: textStyle
+    }));
+  }) : stringToText(props.children, _objectSpread(_objectSpread({}, props), {}, {
+    style: textStyle
+  }));
+  return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
+    style: style
+  }), child);
+};
+
+_View.displayName = 'View';
+export default ClickableSimplified(_View);

package/lib/View/View.wechat.js

@@ -1,4 +1,3 @@
-import { View as _View } from "@ray-core/wechat/esm/hostComponents/View/index";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
@@ -7,6 +6,7 @@ var _excluded = ["id", "className", "style", "hoverClassName", "hoverStartTime",
 import * as React from 'react';
 import clsx from 'clsx';
 import { inlineStyle, useTouch } from '@ray-js/framework-shared';
+import { View as RemaxView } from '@ray-core/wechat';
 import PropTypes from 'prop-types';
 import { defaultViewProps } from './props';
 import styles from './index.module.less';
@@ -42,8 +42,8 @@ var View = /*#__PURE__*/React.forwardRef(function (props, ref) {
       touching = _useTouch2[0],
       handlers = _useTouch2[1];
 
-  return /*#__PURE__*/React.createElement(_View, _extends({
-    // @ts-ignore
+  return /*#__PURE__*/React.createElement(RemaxView // @ts-ignore
+  , _extends({
     ref: ref,
     id: id,
     className: className,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/components",
-  "version": "0.5.3",
+  "version": "0.5.5",
   "description": "Ray basic components",
   "keywords": [
     "ray"
@@ -24,10 +24,10 @@
     "watch": "ray start --type=component"
   },
   "dependencies": {
-    "@ray-core/macro": "^0.0.4",
-    "@ray-core/wechat": "^0.0.4",
-    "@ray-js/framework-shared": "^0.5.3",
-    "@ray-js/remax-tuya": "^0.5.3",
+    "@ray-core/macro": "^0.0.x",
+    "@ray-core/wechat": "^0.0.x",
+    "@ray-js/framework-shared": "^0.5.5",
+    "@ray-js/remax-tuya": "^0.5.5",
     "antd-mobile": "^5.0.0-beta.17",
     "antd-mobile-icons": "^0.2.2",
     "clsx": "^1.1.1",
@@ -45,7 +45,7 @@
     "tuya-panel-switch": "^0.1.1"
   },
   "devDependencies": {
-    "@ray-js/cli": "^0.5.3"
+    "@ray-js/cli": "^0.5.5"
   },
   "maintainers": [
     {
@@ -53,6 +53,6 @@
       "email": "tuyafe@tuya.com"
     }
   ],
-  "gitHead": "91c1640716664ef0123b9998c6668c4496293595",
+  "gitHead": "a8ddeab1f4782e6b3772dc2deeae3e3e3af0de00",
   "repository": {}
 }

package/lib/Button/Button.android.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _icons=require("../assets/icons");var _props=require("./props");var _utils=require("../utils");var _this=this,_jsxFileName="/drone/src/packages/components/src/Button/Button.native.tsx";function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var Loading=function(props){var rotate=_react.default.useRef(new _reactNative.Animated.Value(0)).current;var tintColor=props.tintColor;_react.default.useEffect(function(){var animation=_reactNative.Animated.loop(_reactNative.Animated.timing(rotate,{toValue:1,duration:1000,easing:_reactNative.Easing.linear,useNativeDriver:true,isInteraction:false}));animation.start();return function(){animation.stop();};},[]);var rotateDeg=rotate.interpolate({inputRange:[0,1],outputRange:['0deg','360deg']});return _react.default.createElement(_reactNative.Animated.View,{style:[styles.loading,{transform:[{rotate:rotateDeg}]}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:10}},_react.default.createElement(_reactNative.Image,{source:_icons.iconList.loading,style:[styles.loadingImg,{tintColor:tintColor}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:42,columnNumber:7}}));};var Button=function(_React$Component){(0,_inherits2.default)(Button,_React$Component);var _super=_createSuper(Button);function Button(){var _this2;(0,_classCallCheck2.default)(this,Button);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this2=_super.call.apply(_super,[this].concat(args));_this2.$touchable=_react.default.createRef();_this2.isTouchEnd=false;_this2.pressInTimer=null;_this2.pressOutTimer=null;_this2.state={isHover:false};_this2.onPress=function(){var _this2$props=_this2.props,disabled=_this2$props.disabled,onClick=_this2$props.onClick;!disabled&&typeof onClick==='function'&&onClick({type:'click'});};_this2.onPressIn=function(){var _this2$props2=_this2.props,hoverStartTime=_this2$props2.hoverStartTime,hoverStyle=_this2$props2.hoverStyle;_this2.isTouchEnd=false;if(hoverStyle){_this2.pressInTimer=setTimeout(function(){_this2.setState({isHover:true},function(){if(_this2.isTouchEnd){_this2.stopHover();}});clearTimeout(_this2.pressInTimer);},hoverStartTime);}};_this2.stopHover=function(){var hoverStayTime=_this2.props.hoverStayTime;_this2.pressOutTimer=setTimeout(function(){_this2.setState({isHover:false});clearTimeout(_this2.pressOutTimer);},hoverStayTime);};_this2.onPressOut=function(){var hoverStyle=_this2.props.hoverStyle;var isHover=_this2.state.isHover;_this2.isTouchEnd=true;if(hoverStyle&&isHover){_this2.stopHover();}};_this2._simulateNativePress=function(evt){var node=_this2.$touchable.current;node&&node.props.onPress&&node.props.onPress(evt);};return _this2;}(0,_createClass2.default)(Button,[{key:"componentWillUnmount",value:function componentWillUnmount(){clearTimeout(this.pressOutTimer);clearTimeout(this.pressInTimer);}},{key:"render",value:function render(){var _this3=this;var _this$props=this.props,loading=_this$props.loading,style=_this$props.style,size=_this$props.size,children=_this$props.children,disabled=_this$props.disabled,type=_this$props.type,plain=_this$props.plain,hoverStyle=_this$props.hoverStyle;var isDefaultSize=size==='default';var isDefaultType=type==='default';var isPrimaryType=type==='primary';var borderColor=isPrimaryType?'#007AFF':isDefaultType?'rgba(0, 0, 0, 0.2)':'#FF4444';var backgroundColor=disabled?'rgba(0, 0, 0, 0.2)':plain?'transparent':isPrimaryType?'#007AFF':'#FFF';var textColor=disabled?'#FFF':plain?borderColor:isDefaultType?'#007AFF':type==='warn'?'#FF4444':'#FFFFFF';var textHoverStyle=this.state.isHover?(0,_utils.extracteTextStyle)(hoverStyle):{};return _react.default.createElement(_reactNative.TouchableWithoutFeedback,{onPress:this.onPress,onLongPress:this.onPress,onPressIn:this.onPressIn,onPressOut:this.onPressOut,ref:this.$touchable,disabled:disabled,__self:this,__source:{fileName:_jsxFileName,lineNumber:147,columnNumber:12}},_react.default.createElement(_reactNative.View,{style:[styles.btn,!isDefaultSize&&styles.btnMini,{backgroundColor:backgroundColor},plain&&{borderWidth:1,borderColor:borderColor},style,this.state.isHover&&hoverStyle],__self:this,__source:{fileName:_jsxFileName,lineNumber:148,columnNumber:9}},loading&&_react.default.createElement(Loading,{tintColor:textColor,__self:this,__source:{fileName:_jsxFileName,lineNumber:151,columnNumber:23}}),Array.isArray(children)?children.map(function(c,i){return _react.default.createElement(_reactNative.Text,{key:i,style:[styles.btnText,!isDefaultSize&&styles.btnTextMini,{color:textColor},textHoverStyle],__self:_this3,__source:{fileName:_jsxFileName,lineNumber:152,columnNumber:76}},c);}):['string','number'].indexOf(typeof children)>-1?_react.default.createElement(_reactNative.Text,{style:[styles.btnText,!isDefaultSize&&styles.btnTextMini,{color:textColor},textHoverStyle],__self:this,__source:{fileName:_jsxFileName,lineNumber:156,columnNumber:79}},children):children));}}]);return Button;}(_react.default.Component);Button.displayName='_Button';Button.defaultProps=_props.defaultButtonProps;var _default=Button;exports.default=_default;var styles=_reactNative.StyleSheet.create({btn:{flexDirection:'row',justifyContent:'center',alignItems:'center',paddingHorizontal:14,height:46,backgroundColor:'#F8F8F8',borderRadius:5},loading:{marginRight:5},loadingImg:{width:20,height:20},btnMini:{height:30},btnText:{fontSize:18,color:'#000'},btnTextMini:{fontSize:13}});

package/lib/Button/Button.ios.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _icons=require("../assets/icons");var _props=require("./props");var _utils=require("../utils");var _this=this,_jsxFileName="/drone/src/packages/components/src/Button/Button.native.tsx";function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var Loading=function(props){var rotate=_react.default.useRef(new _reactNative.Animated.Value(0)).current;var tintColor=props.tintColor;_react.default.useEffect(function(){var animation=_reactNative.Animated.loop(_reactNative.Animated.timing(rotate,{toValue:1,duration:1000,easing:_reactNative.Easing.linear,useNativeDriver:true,isInteraction:false}));animation.start();return function(){animation.stop();};},[]);var rotateDeg=rotate.interpolate({inputRange:[0,1],outputRange:['0deg','360deg']});return _react.default.createElement(_reactNative.Animated.View,{style:[styles.loading,{transform:[{rotate:rotateDeg}]}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:10}},_react.default.createElement(_reactNative.Image,{source:_icons.iconList.loading,style:[styles.loadingImg,{tintColor:tintColor}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:42,columnNumber:7}}));};var Button=function(_React$Component){(0,_inherits2.default)(Button,_React$Component);var _super=_createSuper(Button);function Button(){var _this2;(0,_classCallCheck2.default)(this,Button);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this2=_super.call.apply(_super,[this].concat(args));_this2.$touchable=_react.default.createRef();_this2.isTouchEnd=false;_this2.pressInTimer=null;_this2.pressOutTimer=null;_this2.state={isHover:false};_this2.onPress=function(){var _this2$props=_this2.props,disabled=_this2$props.disabled,onClick=_this2$props.onClick;!disabled&&typeof onClick==='function'&&onClick({type:'click'});};_this2.onPressIn=function(){var _this2$props2=_this2.props,hoverStartTime=_this2$props2.hoverStartTime,hoverStyle=_this2$props2.hoverStyle;_this2.isTouchEnd=false;if(hoverStyle){_this2.pressInTimer=setTimeout(function(){_this2.setState({isHover:true},function(){if(_this2.isTouchEnd){_this2.stopHover();}});clearTimeout(_this2.pressInTimer);},hoverStartTime);}};_this2.stopHover=function(){var hoverStayTime=_this2.props.hoverStayTime;_this2.pressOutTimer=setTimeout(function(){_this2.setState({isHover:false});clearTimeout(_this2.pressOutTimer);},hoverStayTime);};_this2.onPressOut=function(){var hoverStyle=_this2.props.hoverStyle;var isHover=_this2.state.isHover;_this2.isTouchEnd=true;if(hoverStyle&&isHover){_this2.stopHover();}};_this2._simulateNativePress=function(evt){var node=_this2.$touchable.current;node&&node.props.onPress&&node.props.onPress(evt);};return _this2;}(0,_createClass2.default)(Button,[{key:"componentWillUnmount",value:function componentWillUnmount(){clearTimeout(this.pressOutTimer);clearTimeout(this.pressInTimer);}},{key:"render",value:function render(){var _this3=this;var _this$props=this.props,loading=_this$props.loading,style=_this$props.style,size=_this$props.size,children=_this$props.children,disabled=_this$props.disabled,type=_this$props.type,plain=_this$props.plain,hoverStyle=_this$props.hoverStyle;var isDefaultSize=size==='default';var isDefaultType=type==='default';var isPrimaryType=type==='primary';var borderColor=isPrimaryType?'#007AFF':isDefaultType?'rgba(0, 0, 0, 0.2)':'#FF4444';var backgroundColor=disabled?'rgba(0, 0, 0, 0.2)':plain?'transparent':isPrimaryType?'#007AFF':'#FFF';var textColor=disabled?'#FFF':plain?borderColor:isDefaultType?'#007AFF':type==='warn'?'#FF4444':'#FFFFFF';var textHoverStyle=this.state.isHover?(0,_utils.extracteTextStyle)(hoverStyle):{};return _react.default.createElement(_reactNative.TouchableWithoutFeedback,{onPress:this.onPress,onLongPress:this.onPress,onPressIn:this.onPressIn,onPressOut:this.onPressOut,ref:this.$touchable,disabled:disabled,__self:this,__source:{fileName:_jsxFileName,lineNumber:147,columnNumber:12}},_react.default.createElement(_reactNative.View,{style:[styles.btn,!isDefaultSize&&styles.btnMini,{backgroundColor:backgroundColor},plain&&{borderWidth:1,borderColor:borderColor},style,this.state.isHover&&hoverStyle],__self:this,__source:{fileName:_jsxFileName,lineNumber:148,columnNumber:9}},loading&&_react.default.createElement(Loading,{tintColor:textColor,__self:this,__source:{fileName:_jsxFileName,lineNumber:151,columnNumber:23}}),Array.isArray(children)?children.map(function(c,i){return _react.default.createElement(_reactNative.Text,{key:i,style:[styles.btnText,!isDefaultSize&&styles.btnTextMini,{color:textColor},textHoverStyle],__self:_this3,__source:{fileName:_jsxFileName,lineNumber:152,columnNumber:76}},c);}):['string','number'].indexOf(typeof children)>-1?_react.default.createElement(_reactNative.Text,{style:[styles.btnText,!isDefaultSize&&styles.btnTextMini,{color:textColor},textHoverStyle],__self:this,__source:{fileName:_jsxFileName,lineNumber:156,columnNumber:79}},children):children));}}]);return Button;}(_react.default.Component);Button.displayName='_Button';Button.defaultProps=_props.defaultButtonProps;var _default=Button;exports.default=_default;var styles=_reactNative.StyleSheet.create({btn:{flexDirection:'row',justifyContent:'center',alignItems:'center',paddingHorizontal:14,height:46,backgroundColor:'#F8F8F8',borderRadius:5},loading:{marginRight:5},loadingImg:{width:20,height:20},btnMini:{height:30},btnText:{fontSize:18,color:'#000'},btnTextMini:{fontSize:13}});

package/lib/Button/Button.web.js

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { defaultButtonProps } from './props';
-import handleProps from '../utils/handleProps';
-
-var Button = function (props) {
-  return (
-    /*#__PURE__*/
-    // @ts-ignore
-    React.createElement("v-button", handleProps(props), props.children)
-  );
-};
-
-Button.defaultProps = defaultButtonProps;
-Button.displayName = 'Button';
-export default Button;

package/lib/Button/index.android.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={};exports.default=void 0;var _Button=_interopRequireDefault(require("./Button"));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=_Button.default;exports.default=_default;

package/lib/Button/index.ios.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={};exports.default=void 0;var _Button=_interopRequireDefault(require("./Button"));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=_Button.default;exports.default=_default;

package/lib/Button/index.tuya.js

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

package/lib/Button/index.web.js

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

package/lib/Button/index.wechat.js

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

package/lib/Button/props.android.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.defaultButtonProps=void 0;var defaultButtonProps={size:'default',type:'default',hoverStyle:{opacity:0.8},hoverStartTime:20,hoverStayTime:70,disabled:false};exports.defaultButtonProps=defaultButtonProps;

package/lib/Button/props.ios.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.defaultButtonProps=void 0;var defaultButtonProps={size:'default',type:'default',hoverStyle:{opacity:0.8},hoverStartTime:20,hoverStayTime:70,disabled:false};exports.defaultButtonProps=defaultButtonProps;

package/lib/Button/props.tuya.js

@@ -1,10 +0,0 @@
-export var defaultButtonProps = {
-  size: 'default',
-  type: 'default',
-  hoverStyle: {
-    opacity: 0.8
-  },
-  hoverStartTime: 20,
-  hoverStayTime: 70,
-  disabled: false
-};