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

package/lib/Modal/Modal.native.js

@@ -1,98 +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 React from 'react';
-import { Modal, StyleSheet, View, TouchableHighlight } from 'react-native';
-var ALIGN = {
-  top: 'flex-start',
-  center: 'center',
-  bottom: 'flex-end'
-};
-
-var TYModal = /*#__PURE__*/function (_React$Component) {
-  _inherits(TYModal, _React$Component);
-
-  var _super = _createSuper(TYModal);
-
-  function TYModal(props) {
-    var _this;
-
-    _classCallCheck(this, TYModal);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "_handleMaskPress", function () {
-      var onClickOverlay = _this.props.onClickOverlay;
-      typeof onClickOverlay === 'function' && onClickOverlay({
-        type: 'clickoverlay'
-      });
-    });
-
-    _this.state = {
-      visible: props.show
-    };
-    return _this;
-  }
-
-  _createClass(TYModal, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var show = this.props.show;
-
-      if (show !== prevProps.show) {
-        this.setState({
-          visible: !!show
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          children = _this$props.children,
-          position = _this$props.position,
-          overlayStyle = _this$props.overlayStyle,
-          customStyle = _this$props.customStyle,
-          overlay = _this$props.overlay;
-      var visible = this.state.visible;
-      var maskColor = overlay ? 'rgba(0, 0, 0, 0.7)' : 'transparent';
-      var maskContainer = [StyleSheet.absoluteFill, position && {
-        justifyContent: ALIGN[position]
-      }, {
-        flex: 1,
-        backgroundColor: maskColor
-      }, overlayStyle];
-      return /*#__PURE__*/React.createElement(Modal, {
-        animationType: "fade",
-        onRequestClose: this._handleMaskPress,
-        visible: visible,
-        transparent: true
-      }, /*#__PURE__*/React.createElement(TouchableHighlight, {
-        style: maskContainer,
-        underlayColor: maskColor,
-        onPress: this._handleMaskPress,
-        activeOpacity: 1
-      }, /*#__PURE__*/React.createElement(View, {
-        onStartShouldSetResponder: function onStartShouldSetResponder() {
-          return true;
-        },
-        style: customStyle
-      }, children)));
-    }
-  }]);
-
-  return TYModal;
-}(React.Component);
-
-_defineProperty(TYModal, "defaultProps", {
-  position: 'center',
-  onClickOverlay: null,
-  overlayStyle: null,
-  overlay: true,
-  customStyle: null
-});
-
-export default TYModal;

package/lib/Motion/Fade/index.native.d.ts

@@ -1,2 +0,0 @@
-declare const Fade: typeof import("tuya-panel-motion/lib/fade").default;
-export default Fade;

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

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

package/lib/Motion/PullUp/index.native.d.ts

@@ -1,2 +0,0 @@
-declare const PullUp: typeof import("tuya-panel-motion/lib/pull-up").default;
-export default PullUp;

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

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

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

@@ -1,2 +0,0 @@
-declare const PushDown: typeof import("tuya-panel-motion/lib/push-down").default;
-export default PushDown;

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

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

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

@@ -1,2 +0,0 @@
-declare const ScaleFadeIn: typeof import("tuya-panel-motion/lib/scale-fade-in").default;
-export default ScaleFadeIn;

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

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

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

@@ -1,2 +0,0 @@
-declare const ScalePullDown: typeof import("tuya-panel-motion/lib/scale-pull-down").default;
-export default ScalePullDown;

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

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

package/lib/Picker/Picker.native.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { PickerProps } from './props';
-interface IState {
-    visible: boolean;
-    value: number | number[];
-    changeValue: number | number[];
-}
-export default class Picker extends React.Component<PickerProps, IState> {
-    static displayName: string;
-    static defaultProps: {
-        cancelText: string;
-        confirmText: string;
-    };
-    constructor(props: PickerProps);
-    componentDidUpdate(prevProps: Readonly<PickerProps>): void;
-    _handleCancel: () => void;
-    _handleConfirm: () => void;
-    _handlePickerChange: (event: any) => void;
-    renderTitleView: () => JSX.Element;
-    render(): JSX.Element;
-}
-export {};

package/lib/Picker/Picker.native.js

@@ -1,181 +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 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/PickerView/PickerView.native.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { PickerViewProps } from './props';
-interface IProps extends Omit<PickerViewProps, 'style'> {
-    style?: StyleProp<ViewStyle>;
-}
-interface IState {
-    selectIdx: number | number[];
-}
-export default class _Picker extends React.Component<IProps, IState> {
-    static displayName: string;
-    static defaultProps: {
-        value: number;
-    };
-    constructor(props: IProps);
-    componentDidUpdate(prevProps: Readonly<IProps>): void;
-    getItem: () => {
-        label: string;
-        value: string;
-    }[] | {
-        label: string;
-        value: string;
-    }[][];
-    onItemSelected: (event: any, isOnly: boolean, index: number) => void;
-    renderPickerItem: (item: {
-        label: string;
-        value: string;
-    }, selectIdx: number | number[], isOnly: boolean, index: number) => JSX.Element;
-    render(): React.ReactNode;
-}
-export {};

package/lib/PickerView/PickerView.native.js

@@ -1,175 +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.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/PickerViewColumn/PickerViewColumn.native.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { PickerViewProps } from './props';
-interface IProps extends Omit<PickerViewProps, 'style'> {
-    style?: StyleProp<ViewStyle>;
-}
-interface IState {
-    selectIdx: number | number[];
-}
-export default class _Picker extends React.Component<IProps, IState> {
-    static displayName: string;
-    static defaultProps: {
-        value: number;
-    };
-    constructor(props: IProps);
-    componentDidUpdate(prevProps: Readonly<IProps>): void;
-    getItem: () => {
-        label: string;
-        value: string;
-    }[] | {
-        label: string;
-        value: string;
-    }[][];
-    onItemSelected: (event: any, isOnly: boolean, index: number) => void;
-    renderPickerItem: (item: {
-        label: string;
-        value: string;
-    }, selectIdx: number | number[], isOnly: boolean, index: number) => JSX.Element;
-    render(): React.ReactNode;
-}
-export {};