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

package/lib/ClickableSimplified/index.native.js

@@ -1,166 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-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";
-
-/**
- * ✔ hoverStyle: Convert hoverClass to hoverStyle.
- * ✔ hoverStartTime
- * ✔ hoverStayTime
- * ✔ onClick
- * ✔ onLongClick
- * ✔ onTouchStart
- * ✔ onTouchEnd
- */
-import React from 'react';
-import { PanResponder } from 'react-native';
-import { omit, getClickEvent, getTouchEvent } from '../utils';
-export default function ClickableSimplified(WrappedComponent) {
-  var _class;
-
-  return _class = /*#__PURE__*/function (_React$Component) {
-    _inherits(_Clickable, _React$Component);
-
-    var _super = _createSuper(_Clickable);
-
-    function _Clickable(props) {
-      var _this;
-
-      _classCallCheck(this, _Clickable);
-
-      _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "startTimestamp", 0);
-
-      _defineProperty(_assertThisInitialized(_this), "setStartTimer", function () {
-        var _this$props = _this.props,
-            hoverStyle = _this$props.hoverStyle,
-            hoverStartTime = _this$props.hoverStartTime;
-
-        if (hoverStyle) {
-          _this.startTimer && clearTimeout(_this.startTimer);
-          _this.startTimer = setTimeout(function () {
-            _this.setState({
-              hoverable: true
-            });
-          }, hoverStartTime);
-        }
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "setStayTimer", function () {
-        var _this$props2 = _this.props,
-            hoverStyle = _this$props2.hoverStyle,
-            hoverStayTime = _this$props2.hoverStayTime;
-
-        if (hoverStyle) {
-          _this.stayTimer && clearTimeout(_this.stayTimer);
-          _this.stayTimer = setTimeout(function () {
-            _this.state.hoverable && _this.setState({
-              hoverable: false
-            });
-          }, hoverStayTime);
-        }
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "handleStartShouldSetPanResponder", function () {
-        var _this$props3 = _this.props,
-            hoverStyle = _this$props3.hoverStyle,
-            onClick = _this$props3.onClick,
-            onLongClick = _this$props3.onLongClick,
-            onTouchStart = _this$props3.onTouchStart,
-            onTouchEnd = _this$props3.onTouchEnd;
-        return !!(hoverStyle || onClick || onLongClick || onTouchStart || onTouchEnd);
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "handlePanResponderGrant", function (evt) {
-        var onTouchStart = _this.props.onTouchStart;
-        onTouchStart && onTouchStart(getTouchEvent(evt, 'touchstart'));
-        _this.startTimestamp = evt.nativeEvent.timestamp;
-
-        _this.setStartTimer();
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "handlePanResponderRelease", function (evt, gestureState) {
-        var _this$props4 = _this.props,
-            onClick = _this$props4.onClick,
-            onLongClick = _this$props4.onLongClick,
-            onTouchEnd = _this$props4.onTouchEnd;
-        onTouchEnd && onTouchEnd(getTouchEvent(evt, 'touchend'));
-        var endTimestamp = evt.nativeEvent.timestamp;
-        var gapTime = endTimestamp - _this.startTimestamp;
-        var hasMove = Math.abs(gestureState.dx) >= 1 || Math.abs(gestureState.dy) >= 1;
-
-        if (!hasMove) {
-          if (gapTime <= 350) {
-            onClick && onClick(getClickEvent(evt, 'click'));
-          } else {
-            onLongClick && onLongClick(getClickEvent(evt, 'longclick'));
-          }
-        }
-
-        _this.setStayTimer();
-      });
-
-      _this.state = {
-        hoverable: false
-      };
-      _this.panResponder = PanResponder.create({
-        onStartShouldSetPanResponder: _this.handleStartShouldSetPanResponder,
-        onShouldBlockNativeResponder: function onShouldBlockNativeResponder() {
-          return false;
-        },
-        onPanResponderGrant: function onPanResponderGrant(evt) {
-          return _this.handlePanResponderGrant(evt);
-        },
-        onPanResponderTerminationRequest: function onPanResponderTerminationRequest() {
-          return true;
-        },
-        onPanResponderRelease: function onPanResponderRelease(evt, gestureState) {
-          return _this.handlePanResponderRelease(evt, gestureState);
-        },
-        onPanResponderTerminate: function onPanResponderTerminate() {
-          _this.setStayTimer();
-        }
-      });
-      return _this;
-    }
-
-    _createClass(_Clickable, [{
-      key: "componentWillUnmount",
-      value: function componentWillUnmount() {
-        this.startTimer && clearTimeout(this.startTimer);
-        this.stayTimer && clearTimeout(this.stayTimer);
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this$props5 = this.props,
-            style = _this$props5.style,
-            hoverStyle = _this$props5.hoverStyle,
-            onClick = _this$props5.onClick,
-            onLongClick = _this$props5.onLongClick,
-            onTouchStart = _this$props5.onTouchStart,
-            onTouchEnd = _this$props5.onTouchEnd;
-        var hoverable = this.state.hoverable;
-
-        if (!hoverStyle && !onClick && !onLongClick && !onTouchStart && !onTouchEnd) {
-          return /*#__PURE__*/React.createElement(WrappedComponent, this.props);
-        }
-
-        return /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, omit(this.props, ['style', 'hoverStyle', 'hoverStartTime', 'hoverStayTime', 'onClick', 'onLongClick', 'onTouchStart', 'onTouchEnd']), this.panResponder.panHandlers, {
-          style: [{
-            backgroundColor: 'transparent'
-          }, style, hoverable && hoverStyle]
-        }));
-      }
-    }]);
-
-    return _Clickable;
-  }(React.Component), _defineProperty(_class, "defaultProps", {
-    hoverStartTime: 20,
-    hoverStayTime: 70
-  }), _class;
-}

package/lib/DatePicker/DatePicker.native.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import { DatePickerProps, IState } from './props';
-export default class DatePicker extends React.Component<DatePickerProps, IState> {
-    static displayName: string;
-    static defaultProps: DatePickerProps;
-    constructor(props: DatePickerProps);
-    componentDidUpdate(prevProps: Readonly<DatePickerProps>): void;
-    format: (time: Date) => {
-        year: number;
-        month: number;
-        day: number;
-    };
-    getDateListArr: () => any[];
-    getCurrentValue: (value: string) => {
-        currentYear: number;
-        currentMonth: number;
-        currentDay: number;
-    };
-    calculateValue: (value: number) => string;
-    getRangeAndValue: (value: string) => {
-        range: any[];
-        currentValue: number[] | number;
-        dateListArr: any[];
-    };
-    _handleCancel: () => void;
-    _handleConfirm: () => void;
-    _handlePickerChange: (event: {
-        column: number;
-        value: number | number[];
-        type: 'change';
-    }) => void;
-    renderTitleView: () => JSX.Element;
-    render(): JSX.Element;
-}

package/lib/DatePicker/DatePicker.native.js

@@ -1,449 +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.object.to-string.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.number.constructor.js";
-import React from 'react';
-import { View, TouchableOpacity, Platform, Text, StyleSheet } from 'react-native';
-import { defaultProps } from './props';
-import Modal from '../Modal';
-import PickerView from '../PickerView';
-
-var DatePicker = /*#__PURE__*/function (_React$Component) {
-  _inherits(DatePicker, _React$Component);
-
-  var _super = _createSuper(DatePicker);
-
-  function DatePicker(props) {
-    var _this;
-
-    _classCallCheck(this, DatePicker);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "format", function (time) {
-      var year = time.getFullYear(); //获取年份。
-
-      var month = time.getMonth() + 1; //获取月份。
-
-      var day = time.getDate(); //获取天
-
-      return {
-        year: year,
-        month: month,
-        day: day
-      };
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "getDateListArr", function () {
-      var _this$props = _this.props,
-          start = _this$props.start,
-          end = _this$props.end; //获取开始时间和结束时间的时间戳
-
-      var startTime = new Date(start).getTime();
-      var endTime = new Date(end).getTime();
-      var dateArr = []; // 存放区间数据的数组
-
-      var stamp;
-
-      for (stamp = startTime; stamp <= endTime;) {
-        dateArr.push(_this.format(new Date(stamp)));
-        stamp += 24 * 60 * 60 * 1000;
-      } //此时的dateArr 格式为[{year: 2020, month: 10, day: 1},{year: 2020, month: 10, day: 2},....]  可以在这里打印下看看
-
-
-      var listArr = []; // 存放转换后的数组  把扁平化的数据转换为 层级结构的
-
-      dateArr.forEach(function (item, index) {
-        if (index === 0) {
-          listArr.push({
-            year: item.year,
-            monthArr: [{
-              yearItem: item.year,
-              month: item.month,
-              dayArr: [item.day]
-            }]
-          });
-        } else {
-          // 不是第一次,就需要两个数组对比如果有一样的就再对比
-          //some()函数  用于检测数组中的元素是否满足指定条件.
-          // 如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测
-          var yearFlag = listArr.some(function (listItem) {
-            // 如果年份相等,就要循环月份数组
-            if (listItem.year == item.year) {
-              // 如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测
-              var monthFlag = listItem.monthArr.some(function (monthItem) {
-                // 如果月份相等,就把天push进去,return true
-                if (monthItem.month == item.month) {
-                  monthItem.dayArr.push(item.day);
-                  return true;
-                }
-              }); //  如果月开关是fasle 就代表月份没有一样的 push就行了
-
-              if (!monthFlag) {
-                listItem.monthArr.push({
-                  yearItem: item.year,
-                  month: item.month,
-                  dayArr: [item.day]
-                });
-              }
-
-              return true;
-            }
-          }); //  如果年开关是fasle 就代表年份没有一样的 push就行了
-
-          if (!yearFlag) {
-            // 如果年份不相等,年份数组push
-            listArr.push({
-              year: item.year,
-              monthArr: [{
-                yearItem: item.year,
-                month: item.month,
-                dayArr: [item.day]
-              }]
-            });
-          }
-        }
-      });
-      return listArr;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "getCurrentValue", function (value) {
-      var valueTime = new Date(value).getTime();
-
-      var _this$format = _this.format(new Date(valueTime)),
-          year = _this$format.year,
-          month = _this$format.month,
-          day = _this$format.day;
-
-      return {
-        currentYear: year,
-        currentMonth: month,
-        currentDay: day
-      };
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "calculateValue", function (value) {
-      if (value < 10) {
-        return "0".concat(value);
-      } else {
-        return "".concat(value);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "getRangeAndValue", function (value) {
-      var fields = _this.props.fields;
-
-      var dateListArr = _this.getDateListArr();
-
-      var _this$getCurrentValue = _this.getCurrentValue(value),
-          currentYear = _this$getCurrentValue.currentYear,
-          currentMonth = _this$getCurrentValue.currentMonth,
-          currentDay = _this$getCurrentValue.currentDay;
-
-      var yearArr = [];
-      var monthArr = [];
-      var dayArr = [];
-      var range = [];
-      dateListArr.forEach(function (item) {
-        yearArr.push("".concat(item.year));
-
-        if (item.year === currentYear) {
-          item.monthArr.forEach(function (monthItem) {
-            monthArr.push(_this.calculateValue(monthItem.month));
-
-            if (monthItem.month === currentMonth) {
-              monthItem.dayArr.forEach(function (dayItem) {
-                dayArr.push(_this.calculateValue(dayItem));
-              });
-            }
-          });
-        }
-      });
-
-      switch (fields) {
-        case 'year':
-          range.push.apply(range, yearArr);
-          return {
-            range: range,
-            currentValue: yearArr.indexOf("".concat(currentYear)),
-            dateListArr: dateListArr
-          };
-
-        case 'month':
-          range.push(yearArr, monthArr);
-          return {
-            range: range,
-            currentValue: [yearArr.indexOf("".concat(currentYear)), monthArr.indexOf(_this.calculateValue(currentMonth))],
-            dateListArr: dateListArr
-          };
-
-        case 'day':
-          range.push(yearArr, monthArr, dayArr);
-          return {
-            range: range,
-            currentValue: [yearArr.indexOf("".concat(currentYear)), monthArr.indexOf(_this.calculateValue(currentMonth)), dayArr.indexOf(_this.calculateValue(currentDay))],
-            dateListArr: dateListArr
-          };
-
-        default:
-          return {
-            range: [],
-            currentValue: [],
-            dateListArr: dateListArr
-          };
-      }
-    });
-
-    _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 _this$state = _this.state,
-          changeValue = _this$state.changeValue,
-          range = _this$state.range;
-      var _this$props2 = _this.props,
-          onChange = _this$props2.onChange,
-          fields = _this$props2.fields;
-      var result = '';
-
-      if (fields === 'day') {
-        result = range[0][changeValue[0]] + '-' + range[1][changeValue[1]] + '-' + range[2][changeValue[2]];
-      } else if (fields === 'month') {
-        result = range[0][changeValue[0]] + '-' + range[1][changeValue[1]];
-      } else {
-        result = range[changeValue];
-      }
-
-      console.log('result', result);
-      typeof onChange === 'function' && onChange({
-        type: 'change',
-        value: result,
-        origin: null
-      });
-
-      _this.setState({
-        visible: false,
-        value: changeValue
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "_handlePickerChange", function (event) {
-      var value = event.value,
-          column = event.column;
-      var fields = _this.props.fields;
-      var range = _this.state.range;
-
-      if (fields === 'year') {
-        _this.setState({
-          changeValue: value
-        });
-      } else if (fields === 'month') {
-        var year = "".concat(range[0][value[0]]);
-        var month = "".concat(range[1][value[1]]);
-        var endYear = range[0][range[0].length - 1];
-
-        var _this$getRangeAndValu = _this.getRangeAndValue(year),
-            newRange = _this$getRangeAndValu.range;
-
-        var monthIndex = newRange[1].indexOf(month);
-        value[1] = monthIndex === -1 ? year === endYear ? newRange[1].length - 1 : 0 : monthIndex;
-
-        if (column === 0) {
-          _this.setState({
-            changeValue: value,
-            range: newRange
-          });
-        } else {
-          _this.setState({
-            changeValue: value,
-            range: newRange
-          });
-        }
-      } else {
-        var _year = "".concat(range[0][value[0]]);
-
-        var _month = "".concat(range[1][value[1]]);
-
-        var day = "".concat(range[2][value[2]]);
-
-        if (column === 0) {
-          var _this$getRangeAndValu2 = _this.getRangeAndValue("".concat(_year, "-").concat(_month, "-").concat(day)),
-              _newRange = _this$getRangeAndValu2.range;
-
-          var _monthIndex = _newRange[1].indexOf(_month);
-
-          var startMonth = _newRange[1][0];
-          value[1] = _monthIndex === -1 ? Number(_month) < Number(startMonth) ? 0 : _newRange[1].length - 1 : _monthIndex; // 订正月份
-
-          _month = "".concat(_newRange[1][value[1]]);
-
-          var _this$getRangeAndValu3 = _this.getRangeAndValue("".concat(_year, "-").concat(_month, "-").concat(day)),
-              modifiedRange = _this$getRangeAndValu3.range;
-
-          var dayIndex = modifiedRange[2].indexOf(day);
-          var startDay = modifiedRange[2][0];
-          value[2] = dayIndex === -1 ? Number(day) < Number(startDay) ? 0 : modifiedRange[2].length - 1 : dayIndex;
-
-          _this.setState({
-            changeValue: value,
-            range: modifiedRange
-          });
-        } else if (column === 1) {
-          var _this$getRangeAndValu4 = _this.getRangeAndValue("".concat(_year, "-").concat(_month)),
-              _newRange2 = _this$getRangeAndValu4.range;
-
-          var _dayIndex = _newRange2[2].indexOf(day);
-
-          var _startDay = _newRange2[2][0];
-          value[2] = _dayIndex === -1 ? Number(day) < Number(_startDay) ? 0 : _newRange2[2].length - 1 : _dayIndex;
-
-          _this.setState({
-            changeValue: value,
-            range: _newRange2
-          });
-        } else {
-          _this.setState({
-            changeValue: value
-          });
-        }
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "renderTitleView", function () {
-      var _this$props3 = _this.props,
-          confirmText = _this$props3.confirmText,
-          cancelText = _this$props3.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 _this$getRangeAndValu5 = _this.getRangeAndValue(props.value || props.start),
-        _range = _this$getRangeAndValu5.range,
-        currentValue = _this$getRangeAndValu5.currentValue,
-        _dateListArr = _this$getRangeAndValu5.dateListArr;
-
-    _this.state = {
-      visible: false,
-      value: currentValue,
-      changeValue: currentValue,
-      dateListArr: _dateListArr,
-      range: _range
-    };
-    return _this;
-  }
-
-  _createClass(DatePicker, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this$props4 = this.props,
-          value = _this$props4.value,
-          start = _this$props4.start;
-
-      var _this$getRangeAndValu6 = this.getRangeAndValue(value || start),
-          range = _this$getRangeAndValu6.range,
-          currentValue = _this$getRangeAndValu6.currentValue;
-
-      if (value !== prevProps.value) {
-        this.setState({
-          value: currentValue,
-          range: range
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props5 = this.props,
-          children = _this$props5.children,
-          disabled = _this$props5.disabled;
-      var _this$state2 = this.state,
-          visible = _this$state2.visible,
-          value = _this$state2.value,
-          range = _this$state2.range;
-      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 DatePicker;
-}(React.Component);
-
-_defineProperty(DatePicker, "displayName", '_DatePicker');
-
-_defineProperty(DatePicker, "defaultProps", defaultProps);
-
-export { DatePicker 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/Form/Form.native.js

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { Text } from 'react-native';
-
-var Form = function () {
-  return /*#__PURE__*/React.createElement(Text, null, "\u6682\u672A\u5B9E\u73B0");
-};
-
-export default Form;

package/lib/Form/Form.thing.d.ts

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

package/lib/Icon/Icon.native.d.ts

@@ -1,15 +0,0 @@
-/**
- * ✔ type
- * ✔ size
- * ✔ color
- */
-import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-export interface IconProps {
-    style?: StyleProp<ViewStyle>;
-    type: string;
-    size?: number;
-    color?: string;
-}
-declare const _Icon: React.FC<IconProps>;
-export default _Icon;