@ray-js/components 0.5.8-beta-1 → 0.5.9-beta-1

package/lib/TimePicker/TimePicker.native.js

@@ -1,319 +0,0 @@
-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/View/View.native.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;

package/lib/View/View.native.js

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