@ray-js/components 0.3.0-beta.1c347991

package/lib/RadialGradient/props.tuya.js

@@ -0,0 +1,16 @@
+export var defaultRadialGradient = {
+  style: null,
+  rx: '50%',
+  ry: '50%',
+  fx: '50%',
+  fy: '50%',
+  stops: [{
+    offset: '0%',
+    stopColor: '#ff0',
+    stopOpacity: '1'
+  }, {
+    offset: '100%',
+    stopColor: '#00f',
+    stopOpacity: '1'
+  }]
+};

package/lib/RadialGradient/props.web.js

@@ -0,0 +1,16 @@
+export var defaultRadialGradient = {
+  style: null,
+  rx: '50%',
+  ry: '50%',
+  fx: '50%',
+  fy: '50%',
+  stops: [{
+    offset: '0%',
+    stopColor: '#ff0',
+    stopOpacity: '1'
+  }, {
+    offset: '100%',
+    stopColor: '#00f',
+    stopOpacity: '1'
+  }]
+};

package/lib/RadialGradient/props.wechat.js

@@ -0,0 +1,16 @@
+export var defaultRadialGradient = {
+  style: null,
+  rx: '50%',
+  ry: '50%',
+  fx: '50%',
+  fy: '50%',
+  stops: [{
+    offset: '0%',
+    stopColor: '#ff0',
+    stopOpacity: '1'
+  }, {
+    offset: '100%',
+    stopColor: '#00f',
+    stopOpacity: '1'
+  }]
+};

package/lib/Radio/Radio.android.js

@@ -0,0 +1 @@
+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=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Icon=_interopRequireDefault(require("../Icon"));var _jsxFileName="/drone/src/packages/components/src/Radio/Radio.native.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;}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 _Radio=function(_React$Component){(0,_inherits2.default)(_Radio,_React$Component);var _super=_createSuper(_Radio);function _Radio(){var _this;(0,_classCallCheck2.default)(this,_Radio);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_super.call.apply(_super,[this].concat(args));_this.$touchable=React.createRef();_this.state={checked:_this.props.checked};_this._simulateNativePress=function(evt){var node=_this.$touchable.current;node&&node.props.onPress&&node.props.onPress(evt);};_this.onPress=function(){var _this$props=_this.props,disabled=_this$props.disabled,onChange=_this$props.onChange,value=_this$props.value;if(disabled)return;typeof onChange==='function'&&onChange({value:value,checked:!_this.state.checked,type:'change'});_this.setState({checked:!_this.state.checked});};return _this;}(0,_createClass2.default)(_Radio,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){if(prevProps.checked!==this.props.checked){this.setState({checked:this.props.checked});}}},{key:"render",value:function render(){var _this$props2=this.props,style=_this$props2.style,color=_this$props2.color,disabled=_this$props2.disabled;var checked=this.state.checked;return React.createElement(_reactNative.TouchableWithoutFeedback,{onPress:this.onPress,ref:this.$touchable,__self:this,__source:{fileName:_jsxFileName,lineNumber:68,columnNumber:12}},React.createElement(_reactNative.View,{style:styles.container,__self:this,__source:{fileName:_jsxFileName,lineNumber:69,columnNumber:9}},React.createElement(_reactNative.View,{style:[styles.wrapper,{backgroundColor:disabled?'rgba(0,0,0,0.2)':checked?'#007AFF':'#FFF',borderColor:disabled?'rgba(0,0,0,0.2)':checked?'#007AFF':'rgba(0,0,0,0.2)'},style],__self:this,__source:{fileName:_jsxFileName,lineNumber:70,columnNumber:11}},React.createElement(_Icon.default,{type:"success_no_circle",size:12,color:color,style:[styles.wrapperIcon,checked&&styles.wrapperCheckedIcon],__self:this,__source:{fileName:_jsxFileName,lineNumber:74,columnNumber:13}})),React.createElement(_reactNative.View,{style:[{flexGrow:0}],__self:this,__source:{fileName:_jsxFileName,lineNumber:76,columnNumber:11}},this.props.children)));}}]);return _Radio;}(React.Component);_Radio.displayName='_Radio';_Radio.defaultProps={value:'',color:'#FFF',checked:false,disabled:false};var _default=_Radio;exports.default=_default;var styles=_reactNative.StyleSheet.create({wrapper:{alignItems:'center',justifyContent:'center',width:18,height:18,borderWidth:1,borderRadius:9,overflow:'hidden'},wrapperIcon:{opacity:0},wrapperCheckedIcon:{opacity:1},container:{flexDirection:'row',alignItems:'center'}});

package/lib/Radio/Radio.d.ts

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

package/lib/Radio/Radio.ios.js

@@ -0,0 +1 @@
+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=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Icon=_interopRequireDefault(require("../Icon"));var _jsxFileName="/drone/src/packages/components/src/Radio/Radio.native.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;}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 _Radio=function(_React$Component){(0,_inherits2.default)(_Radio,_React$Component);var _super=_createSuper(_Radio);function _Radio(){var _this;(0,_classCallCheck2.default)(this,_Radio);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_super.call.apply(_super,[this].concat(args));_this.$touchable=React.createRef();_this.state={checked:_this.props.checked};_this._simulateNativePress=function(evt){var node=_this.$touchable.current;node&&node.props.onPress&&node.props.onPress(evt);};_this.onPress=function(){var _this$props=_this.props,disabled=_this$props.disabled,onChange=_this$props.onChange,value=_this$props.value;if(disabled)return;typeof onChange==='function'&&onChange({value:value,checked:!_this.state.checked,type:'change'});_this.setState({checked:!_this.state.checked});};return _this;}(0,_createClass2.default)(_Radio,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){if(prevProps.checked!==this.props.checked){this.setState({checked:this.props.checked});}}},{key:"render",value:function render(){var _this$props2=this.props,style=_this$props2.style,color=_this$props2.color,disabled=_this$props2.disabled;var checked=this.state.checked;return React.createElement(_reactNative.TouchableWithoutFeedback,{onPress:this.onPress,ref:this.$touchable,__self:this,__source:{fileName:_jsxFileName,lineNumber:68,columnNumber:12}},React.createElement(_reactNative.View,{style:styles.container,__self:this,__source:{fileName:_jsxFileName,lineNumber:69,columnNumber:9}},React.createElement(_reactNative.View,{style:[styles.wrapper,{backgroundColor:disabled?'rgba(0,0,0,0.2)':checked?'#007AFF':'#FFF',borderColor:disabled?'rgba(0,0,0,0.2)':checked?'#007AFF':'rgba(0,0,0,0.2)'},style],__self:this,__source:{fileName:_jsxFileName,lineNumber:70,columnNumber:11}},React.createElement(_Icon.default,{type:"success_no_circle",size:12,color:color,style:[styles.wrapperIcon,checked&&styles.wrapperCheckedIcon],__self:this,__source:{fileName:_jsxFileName,lineNumber:74,columnNumber:13}})),React.createElement(_reactNative.View,{style:[{flexGrow:0}],__self:this,__source:{fileName:_jsxFileName,lineNumber:76,columnNumber:11}},this.props.children)));}}]);return _Radio;}(React.Component);_Radio.displayName='_Radio';_Radio.defaultProps={value:'',color:'#FFF',checked:false,disabled:false};var _default=_Radio;exports.default=_default;var styles=_reactNative.StyleSheet.create({wrapper:{alignItems:'center',justifyContent:'center',width:18,height:18,borderWidth:1,borderRadius:9,overflow:'hidden'},wrapperIcon:{opacity:0},wrapperCheckedIcon:{opacity:1},container:{flexDirection:'row',alignItems:'center'}});

package/lib/Radio/Radio.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+var Radio = function (props) {
+  var checked = props.checked,
+      disabled = props.disabled,
+      color = props.color,
+      className = props.className,
+      style = props.style;
+  return /*#__PURE__*/React.createElement("div", null, "\u6682\u672A\u5B9E\u73B0");
+};
+
+Radio.displayName = 'Radio';
+export default Radio;

package/lib/Radio/Radio.native.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { TouchableWithoutFeedback, GestureResponderEvent, ViewStyle, StyleProp } from 'react-native';
+import { RadioProps } from './props';
+export interface RadioState {
+    checked: boolean;
+}
+interface IProps extends Omit<RadioProps, 'style'> {
+    onChange?: (event: {
+        value: string;
+        type: 'change';
+        checked: boolean;
+    }) => void;
+    style: StyleProp<ViewStyle>;
+}
+declare class _Radio extends React.Component<IProps, RadioState> {
+    static displayName: string;
+    static defaultProps: {
+        value: string;
+        color: string;
+        checked: boolean;
+        disabled: boolean;
+    };
+    componentDidUpdate(prevProps: IProps): void;
+    $touchable: React.RefObject<TouchableWithoutFeedback>;
+    state: RadioState;
+    _simulateNativePress: (evt: GestureResponderEvent) => void;
+    onPress: () => void;
+    render(): JSX.Element;
+}
+export default _Radio;

package/lib/Radio/Radio.tuya.d.ts

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

package/lib/Radio/Radio.tuya.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "style", "id"];
+import clsx from 'clsx';
+import * as React from 'react';
+import { inlineStyle } from '@ray-js/framework-shared';
+import { Radio as RemaxRadio } from '@ray-js/remax-tuya';
+
+var Radio = function (props) {
+  var className = props.className,
+      style = props.style,
+      id = props.id,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(RemaxRadio, _extends({
+    id: id,
+    style: inlineStyle(style),
+    className: clsx('ray-radio', className)
+  }, restProps));
+};
+
+export default Radio;

package/lib/Radio/Radio.web.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+var Radio = function (props) {
+  var checked = props.checked,
+      disabled = props.disabled,
+      color = props.color,
+      className = props.className,
+      style = props.style;
+  return /*#__PURE__*/React.createElement("div", null, "\u6682\u672A\u5B9E\u73B0");
+};
+
+Radio.displayName = 'Radio';
+export default Radio;

package/lib/Radio/Radio.wechat.d.ts

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

package/lib/Radio/Radio.wechat.js

@@ -0,0 +1,24 @@
+import { Radio as _Radio } from "@remax/wechat/esm/hostComponents/Radio/index";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "style", "id", "color"];
+import clsx from 'clsx';
+import * as React from 'react';
+import { inlineStyle } from '@ray-js/framework-shared';
+
+var Radio = function (props) {
+  var className = props.className,
+      style = props.style,
+      id = props.id,
+      color = props.color,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(_Radio, _extends({
+    id: id,
+    color: color || '#007aff',
+    style: inlineStyle(style),
+    className: clsx('ray-radio', className)
+  }, restProps));
+};
+
+export default Radio;

package/lib/Radio/index.android.js

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

package/lib/Radio/index.d.ts

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

package/lib/Radio/index.ios.js

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

package/lib/Radio/index.js

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

package/lib/Radio/index.md

@@ -0,0 +1,30 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 表单组件
+---
+
+# Radio
+
+单选项目。
+
+## 导入
+
+```js
+import { Radio } from '@ray-js/components';
+```
+
+## 示例代码
+
+<code src="./demos/basic.tsx" title="基本用法" background="#f2f4f6" height="500px" />
+
+## Props
+
+| 属性 | 类型 | 默认值 | 说明 | 属性 |
+| --- | --- | --- | --- | --- |
+| value | string |  | radio 标识。当该 radio 选中时，Radio.Group 的 change 事件会携带 radio 的 value | RN、涂鸦、微信 |
+| checked | boolean | false | 当前是否选中 | RN、涂鸦、微信 |
+| disabled | boolean | false | 是否禁用 | RN、涂鸦、微信 |
+| color | string | '#007AFF' | Radio 的颜色，同 css 的 color | RN、涂鸦、微信 |

package/lib/Radio/index.tuya.js

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

package/lib/Radio/index.web.js

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

package/lib/Radio/index.wechat.js

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

package/lib/Radio/props.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/Radio/props.d.ts

@@ -0,0 +1,7 @@
+import { BaseProps, TouchEventHandler } from '../types';
+export interface RadioProps extends BaseProps, TouchEventHandler {
+    value?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    color?: string;
+}

package/lib/Radio/props.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/Radio/props.js

@@ -0,0 +1 @@
+export {};

package/lib/Radio/props.tuya.js

@@ -0,0 +1 @@
+export {};

package/lib/Radio/props.web.js

@@ -0,0 +1 @@
+export {};

package/lib/Radio/props.wechat.js

@@ -0,0 +1 @@
+export {};

package/lib/RadioGroup/RadioGroup.android.js

@@ -0,0 +1 @@
+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 _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));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 _Radio=_interopRequireDefault(require("../Radio"));var _jsxFileName="/drone/src/packages/components/src/RadioGroup/RadioGroup.native.tsx";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}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 RadioGroup=function(_React$Component){(0,_inherits2.default)(RadioGroup,_React$Component);var _super=_createSuper(RadioGroup);function RadioGroup(props){var _this;(0,_classCallCheck2.default)(this,RadioGroup);_this=_super.call(this,props);_this.getValueData=function(options){return options.filter(function(item){return item.checked;}).map(function(item){return item.value;});};_this._handleChange=function(event,index){var onChange=_this.props.onChange;var options=_this.state.options;var newOptions=options.concat([]);newOptions[index]=_objectSpread(_objectSpread({},newOptions[index]),event);_this.setState({options:newOptions});typeof onChange==='function'&&onChange({type:'change',value:_this.getValueData(newOptions)});};_this.state={options:props.options};return _this;}(0,_createClass2.default)(RadioGroup,[{key:"render",value:function render(){var _this2=this;var _this$props=this.props,style=_this$props.style,disabled=_this$props.disabled;var options=this.state.options;return _react.default.createElement(_reactNative.View,{style:[{flexDirection:'row'},style],__self:this,__source:{fileName:_jsxFileName,lineNumber:53,columnNumber:12}},options.length&&options.map(function(item,index){var data=disabled?_objectSpread(_objectSpread({},item),{},{disabled:disabled}):item;return _react.default.createElement(_reactNative.View,{style:[{flexDirection:'row',alignItems:'center',paddingLeft:index?5:0}],key:Math.random(),__self:_this2,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:16}},_react.default.createElement(_Radio.default,(0,_extends2.default)({},data,{onChange:function onChange(event){return _this2._handleChange(event,index);},__self:_this2,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:17}})),item.label&&_react.default.createElement(_reactNative.Text,{style:[{marginLeft:5}],__self:_this2,__source:{fileName:_jsxFileName,lineNumber:66,columnNumber:32}},item.label));}));}}]);return RadioGroup;}(_react.default.Component);exports.default=RadioGroup;

package/lib/RadioGroup/RadioGroup.d.ts

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

package/lib/RadioGroup/RadioGroup.ios.js

@@ -0,0 +1 @@
+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 _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));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 _Radio=_interopRequireDefault(require("../Radio"));var _jsxFileName="/drone/src/packages/components/src/RadioGroup/RadioGroup.native.tsx";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}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 RadioGroup=function(_React$Component){(0,_inherits2.default)(RadioGroup,_React$Component);var _super=_createSuper(RadioGroup);function RadioGroup(props){var _this;(0,_classCallCheck2.default)(this,RadioGroup);_this=_super.call(this,props);_this.getValueData=function(options){return options.filter(function(item){return item.checked;}).map(function(item){return item.value;});};_this._handleChange=function(event,index){var onChange=_this.props.onChange;var options=_this.state.options;var newOptions=options.concat([]);newOptions[index]=_objectSpread(_objectSpread({},newOptions[index]),event);_this.setState({options:newOptions});typeof onChange==='function'&&onChange({type:'change',value:_this.getValueData(newOptions)});};_this.state={options:props.options};return _this;}(0,_createClass2.default)(RadioGroup,[{key:"render",value:function render(){var _this2=this;var _this$props=this.props,style=_this$props.style,disabled=_this$props.disabled;var options=this.state.options;return _react.default.createElement(_reactNative.View,{style:[{flexDirection:'row'},style],__self:this,__source:{fileName:_jsxFileName,lineNumber:53,columnNumber:12}},options.length&&options.map(function(item,index){var data=disabled?_objectSpread(_objectSpread({},item),{},{disabled:disabled}):item;return _react.default.createElement(_reactNative.View,{style:[{flexDirection:'row',alignItems:'center',paddingLeft:index?5:0}],key:Math.random(),__self:_this2,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:16}},_react.default.createElement(_Radio.default,(0,_extends2.default)({},data,{onChange:function onChange(event){return _this2._handleChange(event,index);},__self:_this2,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:17}})),item.label&&_react.default.createElement(_reactNative.Text,{style:[{marginLeft:5}],__self:_this2,__source:{fileName:_jsxFileName,lineNumber:66,columnNumber:32}},item.label));}));}}]);return RadioGroup;}(_react.default.Component);exports.default=RadioGroup;

package/lib/RadioGroup/RadioGroup.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+var RadioGroup = function (props) {
+  props.onChange;
+  return /*#__PURE__*/React.createElement("div", null, "\u6682\u672A\u5B9E\u73B0");
+};
+
+RadioGroup.displayName = 'RadioGroup';
+export default RadioGroup;

package/lib/RadioGroup/RadioGroup.native.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ViewStyle, StyleProp } from 'react-native';
+import { RadioGroupProps, RadioGroupOption } from './props';
+export interface IProps extends Omit<RadioGroupProps, 'style'> {
+    style?: StyleProp<ViewStyle>;
+}
+export interface IState {
+    options: RadioGroupOption[];
+}
+export default class RadioGroup extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    getValueData: (options: RadioGroupOption[]) => string[];
+    _handleChange: (event: {
+        value: string;
+        checked: boolean;
+    }, index: number) => void;
+    render(): JSX.Element;
+}

package/lib/RadioGroup/RadioGroup.tuya.d.ts

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

package/lib/RadioGroup/RadioGroup.tuya.js

@@ -0,0 +1,35 @@
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.array.map.js";
+import * as React from 'react';
+import { RadioGroup as RemaxRadioGroup } from '@ray-js/remax-tuya';
+import Radio from '../Radio';
+import Label from '../Label';
+
+var RadioGroup = function (props) {
+  var options = props.options,
+      name = props.name,
+      disabled = props.disabled,
+      _props$onChange = props.onChange,
+      onChange = _props$onChange === void 0 ? function () {} : _props$onChange;
+  return /*#__PURE__*/React.createElement(RemaxRadioGroup, {
+    name: name,
+    onChange: function handleOnChange(e) {
+      !disabled && onChange(e);
+    }
+  }, function renderOptions() {
+    return options.map(function (item, index) {
+      var _item$checked;
+
+      return /*#__PURE__*/React.createElement(Label, {
+        key: index + '_' + item.value
+      }, /*#__PURE__*/React.createElement(Radio, {
+        value: item.value,
+        checked: (_item$checked = item.checked) !== null && _item$checked !== void 0 ? _item$checked : false,
+        disabled: disabled || item.disabled || false,
+        color: item.color
+      }), item.label);
+    });
+  }());
+};
+
+export default RadioGroup;

package/lib/RadioGroup/RadioGroup.web.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+var RadioGroup = function (props) {
+  props.onChange;
+  return /*#__PURE__*/React.createElement("div", null, "\u6682\u672A\u5B9E\u73B0");
+};
+
+RadioGroup.displayName = 'RadioGroup';
+export default RadioGroup;

package/lib/RadioGroup/RadioGroup.wechat.d.ts

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

package/lib/RadioGroup/RadioGroup.wechat.js

@@ -0,0 +1,35 @@
+import { RadioGroup as _RadioGroup } from "@remax/wechat/esm/hostComponents/RadioGroup/index";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.array.map.js";
+import * as React from 'react';
+import Radio from '../Radio';
+import Label from '../Label';
+
+var RadioGroup = function (props) {
+  var options = props.options,
+      name = props.name,
+      disabled = props.disabled,
+      _props$onChange = props.onChange,
+      onChange = _props$onChange === void 0 ? function () {} : _props$onChange;
+  return /*#__PURE__*/React.createElement(_RadioGroup, {
+    name: name,
+    onChange: function handleOnChange(e) {
+      !disabled && onChange(e);
+    }
+  }, function renderOptions() {
+    return options.map(function (item, index) {
+      var _item$checked;
+
+      return /*#__PURE__*/React.createElement(Label, {
+        key: index + '_' + item.value
+      }, /*#__PURE__*/React.createElement(Radio, {
+        value: item.value,
+        checked: (_item$checked = item.checked) !== null && _item$checked !== void 0 ? _item$checked : false,
+        disabled: disabled || item.disabled || false,
+        color: item.color
+      }), item.label);
+    });
+  }());
+};
+
+export default RadioGroup;

package/lib/RadioGroup/index.android.js

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

package/lib/RadioGroup/index.d.ts

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

package/lib/RadioGroup/index.ios.js

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

package/lib/RadioGroup/index.js

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

package/lib/RadioGroup/index.md

@@ -0,0 +1,39 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 表单组件
+---
+
+# RadioGroup
+
+多项选择器组，内部由多个 Radio 组成。
+
+## 导入
+
+```js
+import { RadioGroup } from '@ray-js/components';
+```
+
+## 示例代码
+
+<code src="./demos/group.tsx" title="radioGroup" background="#f2f4f6" height="500px" />
+
+## Props
+
+| 属性 | 类型 | 是否必填 | 默认值 | 说明 | 支持平台 |
+| --- | --- | --- | --- | --- | --- |
+| options | RadioOption[] | 是 |  | 组项 | RN、涂鸦、微信 |
+| disabled | boolean | 否 | false | 是否禁用 | RN、涂鸦、微信 |
+| onChange | (event: { type: 'change'; value: string[] }) => void | 否 |  | 选中项发生改变时触发 change 事件 | RN、涂鸦、微信 |
+
+### RadioOption
+
+| 属性     | 类型    | 默认值    | 说明                          |
+| -------- | ------- | --------- | ----------------------------- |
+| label    | string  |           | 跟随文本内容                  |
+| value    | string  |           | radio 的 Value                |
+| checked  | boolean | false     | 当前是否选中                  |
+| disabled | boolean | false     | 是否禁用                      |
+| color    | string  | '#007AFF' | Radio 的颜色，同 css 的 color |

package/lib/RadioGroup/index.tuya.js

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

package/lib/RadioGroup/index.web.js

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

package/lib/RadioGroup/index.wechat.js

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

package/lib/RadioGroup/props.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/RadioGroup/props.d.ts

@@ -0,0 +1,14 @@
+import { BaseProps, TouchEventHandler } from '../types';
+import { RadioProps } from '../Radio/props';
+export declare type RadioGroupOption = RadioProps & {
+    label: string;
+};
+export interface RadioGroupProps extends BaseProps, TouchEventHandler {
+    options: RadioGroupOption[];
+    name?: string;
+    disabled?: boolean;
+    onChange?: (event: {
+        type: 'change';
+        value: string[];
+    }) => void;
+}

package/lib/RadioGroup/props.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/RadioGroup/props.js

@@ -0,0 +1 @@
+export {};

package/lib/RadioGroup/props.tuya.js

@@ -0,0 +1 @@
+export {};

package/lib/RadioGroup/props.web.js

@@ -0,0 +1 @@
+export {};

package/lib/RadioGroup/props.wechat.js

@@ -0,0 +1 @@
+export {};

package/lib/ScrollView/ScrollView.android.js

@@ -0,0 +1 @@
+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 _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));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=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _utils=require("../utils");var _jsxFileName="/drone/src/packages/components/src/ScrollView/ScrollView.native.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;}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}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 _ScrollView=function(_React$Component){(0,_inherits2.default)(_ScrollView,_React$Component);var _super=_createSuper(_ScrollView);function _ScrollView(){var _this;(0,_classCallCheck2.default)(this,_ScrollView);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_super.call.apply(_super,[this].concat(args));_this.state={snapScrollTop:0,snapScrollLeft:0};_this._scrollMetrics={contentLength:0,dOffset:0,dt:10,offset:0,offsetX:0,offsetY:0,timestamp:0,velocity:0,visibleLength:0};_this.$scrollView=React.createRef();_this._sentEndForContentLength=0;_this._scrollEventThrottle=50;_this._hasCallScrollToUpperInRange=true;_this._hasCallScrollToLowerInRange=false;_this._selectLength=function(metrics){var scrollX=_this.props.scrollX;return!scrollX?metrics.height:metrics.width;};_this._selectOffset=function(metrics){var scrollX=_this.props.scrollX;return!scrollX?metrics.y:metrics.x;};_this._maybeCallOnStartReached=function(e){var _this$props=_this.props,onScrollToUpper=_this$props.onScrollToUpper,upperThreshold=_this$props.upperThreshold,scrollX=_this$props.scrollX;var offset=_this._scrollMetrics.offset;if(onScrollToUpper&&offset<=upperThreshold){if(!_this._hasCallScrollToUpperInRange){typeof onScrollToUpper==='function'&&onScrollToUpper({type:'scrolltoupper',direction:scrollX?'left':'top',origin:e});_this._hasCallScrollToUpperInRange=true;}}else{_this._hasCallScrollToUpperInRange=false;}};_this._maybeCallOnEndReached=function(e){var _this$props2=_this.props,onScrollToLower=_this$props2.onScrollToLower,lowerThreshold=_this$props2.lowerThreshold,scrollX=_this$props2.scrollX;var _this$_scrollMetrics=_this._scrollMetrics,contentLength=_this$_scrollMetrics.contentLength,visibleLength=_this$_scrollMetrics.visibleLength,offset=_this$_scrollMetrics.offset;if(onScrollToLower&&contentLength-visibleLength-offset<lowerThreshold){if(!_this._hasCallScrollToLowerInRange){_this._hasDataChangedSinceEndReached=false;_this._hasCallScrollToLowerInRange=true;_this._sentEndForContentLength=_this._scrollMetrics.contentLength;typeof onScrollToLower==='function'&&onScrollToLower({type:'scrolltolower',direction:scrollX?'right':'bottom',origin:e});}}else{_this._hasCallScrollToLowerInRange=false;}};_this._onContentSizeChange=function(width,height){_this._scrollMetrics.contentLength=_this._selectLength({height:height,width:width});};_this._onScrollEndDrag=function(e){var velocity=e.nativeEvent.velocity;if(velocity){_this._scrollMetrics.velocity=_this._selectOffset(velocity);}};_this._onMomentumScrollEnd=function(){_this._scrollMetrics.velocity=0;};_this._onLayout=function(e){_this._scrollMetrics.visibleLength=_this._selectLength(e.nativeEvent.layout);};_this._onScroll=function(e){var onScroll=_this.props.onScroll;var scrollLeft=e.nativeEvent.contentOffset.x;var scrollTop=e.nativeEvent.contentOffset.y;var scrollHeight=e.nativeEvent.contentSize.height;var scrollWidth=e.nativeEvent.contentSize.width;typeof onScroll==='function'&&onScroll({type:'scroll',scrollLeft:scrollLeft,scrollTop:scrollTop,scrollHeight:scrollHeight,scrollWidth:scrollWidth,deltaX:scrollLeft-_this._scrollMetrics.offsetX,deltaY:scrollTop-_this._scrollMetrics.offsetY,origin:e});var timestamp=e.timeStamp;var visibleLength=_this._selectLength(e.nativeEvent.layoutMeasurement);var contentLength=_this._selectLength(e.nativeEvent.contentSize);var offset=_this._selectOffset(e.nativeEvent.contentOffset);var dt=Math.max(1,timestamp-_this._scrollMetrics.timestamp);var dOffset=offset-_this._scrollMetrics.offset;_this._scrollMetrics={contentLength:contentLength,dt:dt,dOffset:dOffset,offset:offset,offsetX:scrollLeft,offsetY:scrollTop,timestamp:timestamp,velocity:dOffset/dt,visibleLength:visibleLength};_this._maybeCallOnStartReached(e);_this._maybeCallOnEndReached(e);};_this.scrollToOffset=function(){var x=arguments.length>0&&arguments[0]!==undefined?arguments[0]:0;var y=arguments.length>1&&arguments[1]!==undefined?arguments[1]:0;var node=_this.$scrollView.current;if(node){node.scrollTo({x:x,y:y,animated:!!_this.props.scrollWithAnimation});}};return _this;}(0,_createClass2.default)(_ScrollView,[{key:"componentDidMount",value:function componentDidMount(){var _this2=this;if(this.state.snapScrollTop||this.state.snapScrollLeft){this._initialScrollIndexTimeout=setTimeout(function(){_this2.scrollToOffset(_this2.state.snapScrollLeft,_this2.state.snapScrollTop);},0);}}},{key:"getSnapshotBeforeUpdate",value:function getSnapshotBeforeUpdate(prevProps,prevState){if(prevProps.scrollTop!==undefined){return this._scrollMetrics.offsetY!==this.state.snapScrollTop||this._scrollMetrics.offsetX!==this.state.snapScrollLeft;}return prevState.snapScrollTop!==this.state.snapScrollTop||prevState.snapScrollLeft!==this.state.snapScrollLeft;}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps,prevState,snapshot){if(snapshot){this.scrollToOffset(this.state.snapScrollLeft,this.state.snapScrollTop);}}},{key:"componentWillUnmount",value:function componentWillUnmount(){this._initialScrollIndexTimeout&&clearTimeout(this._initialScrollIndexTimeout);}},{key:"render",value:function render(){var _this$props3=this.props,children=_this$props3.children,style=_this$props3.style,scrollX=_this$props3.scrollX;var flattenStyle=_reactNative.StyleSheet.flatten(style);var wrapperStyle=(0,_utils.omit)(flattenStyle,['alignItems','justifyContent']);var _contentContainerStyle={};if(flattenStyle){flattenStyle.alignItems&&(_contentContainerStyle.alignItems=flattenStyle.alignItems);flattenStyle.justifyContent&&(_contentContainerStyle.justifyContent=flattenStyle.justifyContent);}var scrollElementProps=_objectSpread(_objectSpread({horizontal:scrollX,onContentSizeChange:this._onContentSizeChange,onLayout:this._onLayout,onScroll:this._onScroll,onScrollEndDrag:this._onScrollEndDrag,onMomentumScrollEnd:this._onMomentumScrollEnd,scrollEventThrottle:this._scrollEventThrottle,style:wrapperStyle,contentContainerStyle:[_contentContainerStyle]},(0,_utils.omit)(this.props,['style','scrollX','upperThreshold','lowerThreshold','scrollTop','scrollLeft','scrollWithAnimation','onScrollToUpper','onScrollToLower','onScroll','contentContainerStyle','horizontal','onContentSizeChange','onLayout','onScroll','onScrollEndDrag','onMomentumScrollEnd','scrollEventThrottle','scrollsToTop','style','contentContainerStyle','data','renderItem','keyExtractor'])),{},{ref:this.$scrollView});return React.createElement(_reactNative.ScrollView,(0,_extends2.default)({},scrollElementProps,{__self:this,__source:{fileName:_jsxFileName,lineNumber:262,columnNumber:12}}),children);}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(props,state){return state.snapScrollTop!==props.scrollTop||state.snapScrollLeft!==props.scrollLeft?{snapScrollTop:props.scrollTop||0,snapScrollLeft:props.scrollLeft||0}:null;}}]);return _ScrollView;}(React.Component);_ScrollView.defaultProps={upperThreshold:50,lowerThreshold:50,scrollX:false};var _default=_ScrollView;exports.default=_default;

package/lib/ScrollView/ScrollView.d.ts

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