@ray-js/components 1.4.3 → 1.4.5-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/components",
-  "version": "1.4.3",
+  "version": "1.4.5-beta.0",
   "description": "Ray basic components",
   "keywords": [
     "ray"
@@ -29,8 +29,8 @@
   "dependencies": {
     "@ray-core/macro": "^0.3.6",
     "@ray-core/wechat": "^0.3.6",
-    "@ray-js/adapter": "^1.4.3",
-    "@ray-js/framework-shared": "^1.4.3",
+    "@ray-js/adapter": "^1.4.5-beta.0",
+    "@ray-js/framework-shared": "^1.4.5-beta.0",
     "ahooks": "^3.7.8",
     "clsx": "^1.2.1",
     "core-js": "^3.32.1",
@@ -40,7 +40,7 @@
     "style-to-object": "^0.3.0"
   },
   "devDependencies": {
-    "@ray-js/cli": "^1.4.3"
+    "@ray-js/cli": "^1.4.5-beta.0"
   },
   "publishConfig": {
     "access": "public",

package/lib/Button/Button.android.js

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

package/lib/Button/Button.ios.js

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

package/lib/Button/Button.native.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="node" />
-import React from 'react';
-import { GestureResponderEvent, TouchableWithoutFeedback } from 'react-native';
-import { ButtonProps } from './props';
-export interface IEvent {
-    timeStamp: number;
-    pageX: number;
-    pageY: number;
-    origin: GestureResponderEvent;
-}
-declare class Button extends React.Component<ButtonProps> {
-    static displayName: string;
-    static defaultProps: ButtonProps;
-    $touchable: React.RefObject<TouchableWithoutFeedback>;
-    isTouchEnd: boolean;
-    pressInTimer: NodeJS.Timeout | null;
-    pressOutTimer: NodeJS.Timeout | null;
-    state: {
-        isHover: boolean;
-    };
-    componentWillUnmount(): void;
-    onPress: () => void;
-    onPressIn: () => void;
-    stopHover: () => void;
-    onPressOut: () => void;
-    _simulateNativePress: (evt: GestureResponderEvent) => void;
-    render(): JSX.Element;
-}
-export default Button;

package/lib/Button/Button.tuya.d.ts

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

package/lib/Button/Button.tuya.js

@@ -1,43 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["style", "id", "className", "disabled", "loading", "onClick", "hoverClassName", "size", "children", "htmlType"];
-import * as React from 'react';
-import clsx from 'clsx';
-import { inlineStyle } from '@ray-js/framework-shared';
-import { Button as RemaxButton } from '@ray-js/remax-tuya';
-import { defaultButtonProps } from './props';
-
-var Button = function (props) {
-  var style = props.style,
-      id = props.id,
-      className = props.className,
-      disabled = props.disabled,
-      loading = props.loading,
-      onClick = props.onClick,
-      hoverClassName = props.hoverClassName,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'default' : _props$size,
-      children = props.children,
-      htmlType = props.htmlType,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(RemaxButton, _extends({
-    id: id,
-    style: inlineStyle(style),
-    className: clsx(className),
-    hoverClassName: hoverClassName,
-    onClick: function handleTap(event) {
-      if (disabled) return;
-      if (loading) return;
-      onClick === null || onClick === void 0 ? void 0 : onClick(event);
-    },
-    disabled: disabled,
-    size: size,
-    loading: loading,
-    formType: htmlType
-  }, restProps), children);
-};
-
-Button.defaultProps = defaultButtonProps;
-Button.displayName = 'Button';
-export default Button;

package/lib/Button/Button.web.js

@@ -1,57 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["style", "className", "hoverClassName", "hoverStartTime", "hoverStayTime", "htmlType", "onClick", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart", "size", "loading", "disabled"];
-import * as React from 'react';
-import clsx from 'clsx';
-import { inlineStyle, useTouch } from '@ray-js/framework-shared';
-import { defaultButtonProps } from './props';
-import styles from './index.module.less';
-
-var Button = function (props) {
-  var style = props.style,
-      className = props.className,
-      _props$hoverClassName = props.hoverClassName,
-      hoverClassName = _props$hoverClassName === void 0 ? styles["button-hover"] : _props$hoverClassName,
-      hoverStartTime = props.hoverStartTime,
-      hoverStayTime = props.hoverStayTime,
-      htmlType = props.htmlType,
-      onClick = props.onClick,
-      onTouchCancel = props.onTouchCancel,
-      onTouchEnd = props.onTouchEnd,
-      onTouchMove = props.onTouchMove,
-      onTouchStart = props.onTouchStart,
-      size = props.size,
-      loading = props.loading,
-      disabled = props.disabled,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  var _useTouch = useTouch({
-    hoverDelay: hoverStartTime,
-    hoverDuration: hoverStayTime,
-    onTouchStart: onTouchStart,
-    onTouchMove: onTouchMove,
-    onTouchEnd: onTouchEnd,
-    onTouchCancel: onTouchCancel
-  }),
-      _useTouch2 = _slicedToArray(_useTouch, 2),
-      touching = _useTouch2[0],
-      handlers = _useTouch2[1];
-
-  return /*#__PURE__*/React.createElement("button", _extends({
-    disabled: disabled,
-    style: inlineStyle(style),
-    className: clsx('ray-button', styles.button, styles["button-".concat(size)], _defineProperty({}, styles['button-loading'], loading), touching && hoverClassName, className),
-    onClick: function (e) {
-      if (disabled) return;
-      if (loading) return;
-      onClick === null || onClick === void 0 ? void 0 : onClick(e);
-    },
-    type: htmlType
-  }, handlers, restProps));
-};
-
-Button.defaultProps = defaultButtonProps;
-Button.displayName = 'Button';
-export default Button;

package/lib/Button/index.android.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={};exports.default=void 0;var _Button=_interopRequireDefault(require("./Button"));var _props=require("./props");Object.keys(_props).forEach(function(key){if(key==="default"||key==="__esModule")return;if(Object.prototype.hasOwnProperty.call(_exportNames,key))return;if(key in exports&&exports[key]===_props[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function get(){return _props[key];}});});var _default=_Button.default;exports.default=_default;

package/lib/Button/index.ios.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={};exports.default=void 0;var _Button=_interopRequireDefault(require("./Button"));var _props=require("./props");Object.keys(_props).forEach(function(key){if(key==="default"||key==="__esModule")return;if(Object.prototype.hasOwnProperty.call(_exportNames,key))return;if(key in exports&&exports[key]===_props[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function get(){return _props[key];}});});var _default=_Button.default;exports.default=_default;

package/lib/Button/index.md

@@ -1,41 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 表单组件
----
-
-# Button
-
-多端按钮基础组件，可用于进行强交互的操作。
-
-## 导入
-
-```js
-import { Button } from '@ray-js/components';
-```
-
-## 示例代码
-
-<code src="./demos/basic.tsx" title="基本使用" background="#f2f4f6"/>
-<code src="./demos/plain.tsx" title="镂空" background="#f2f4f6"/>
-<code src="./demos/size.tsx" title="尺寸" background="#f2f4f6"/>
-<code src="./demos/type.tsx" title="类型" background="#f2f4f6"/>
-
-## Props
-
-| 属性 | 类型 | 默认值 | 必填 | 说明 | 支持平台 |
-| --- | --- | --- | --- | --- | --- |
-| size | keyof Size | default | 否 | 按钮的大小 | RN、涂鸦、微信 |
-| type | keyof Type | default | 否 | 按钮的样式类型 | RN、涂鸦、微信 |
-| plain | boolean | false | 否 | 按钮是否镂空，背景色透明 | RN、涂鸦、微信 |
-| disabled | boolean | false | 否 | 是否禁用 | RN、涂鸦、微信 |
-| loading | boolean | false | 否 | 名称前是否带 loading 图标 | RN、涂鸦、微信 |
-| formType | keyof FormType |  | 否 | 用于 form 组件，点击分别会触发 form 组件的 submit/reset 事件 | 涂鸦、微信 |
-| openType | OpenType |  | 否 | 微信开放能力 | 微信 |
-| hoverClassName | string | button-hover | 否 | 指定按下去的样式类。当 hover-class="none" 时，没有点击态效果 | 涂鸦、微信、RN |
-| hoverStyle | StyleProp ViewStyle | none | 否 | 由于 RN 不支持 Class，故 RN 端的 Button 组件实现了 hoverStyle 属性，写法和 style 类似，只不过 hoverStyle 的样式是指定按下去的样式。 | RN |
-| hoverStopPropagation | boolean | false | 否 | 指定是否阻止本节点的祖先节点出现点击态 | 微信 |
-| hoverStartTime | number | 20 | 否 | 按住后多久出现点击态，单位毫秒 | RN、涂鸦、微信 |
-| hoverStayTime | number | 70 | 否 | 手指松开后点击态保留时间，单位毫秒 | RN、涂鸦、微信 |

package/lib/Button/index.tuya.js

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

package/lib/Button/index.web.js

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

package/lib/Button/index.wechat.js

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

package/lib/Button/props.android.js

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

package/lib/Button/props.ios.js

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

package/lib/Button/props.tuya.js

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

package/lib/Button/props.web.js

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

package/lib/Button/props.wechat.js

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

package/lib/Checkbox/Checkbox.android.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _Icon=_interopRequireDefault(require("../Icon"));var _jsxFileName="/Users/noyobo/home/gitlab/godzilla/ray/packages/components/src/Checkbox/Checkbox.native.tsx";function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var Checkbox=function(_React$Component){(0,_inherits2.default)(Checkbox,_React$Component);var _super=_createSuper(Checkbox);function Checkbox(props){var _this;(0,_classCallCheck2.default)(this,Checkbox);_this=_super.call(this,props);_this.$touchable=_react.default.createRef();_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;var checked=!_this.state.checked;typeof onChange==='function'&&onChange({value:value,checked:checked,type:'change'});_this.setState({checked:checked});};_this.state={checked:props.checked};return _this;}(0,_createClass2.default)(Checkbox,[{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.default.createElement(_reactNative.TouchableWithoutFeedback,{onPress:this.onPress,ref:this.$touchable,__self:this,__source:{fileName:_jsxFileName,lineNumber:71,columnNumber:12}},_react.default.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:72,columnNumber:9}},_react.default.createElement(_Icon.default,{type:"success_no_circle",size:12,color:color,style:[styles.wrapperIcon,checked&&styles.wrapperCheckedIcon],__self:this,__source:{fileName:_jsxFileName,lineNumber:76,columnNumber:11}}),_react.default.createElement(_reactNative.View,{style:[{flexGrow:0}],__self:this,__source:{fileName:_jsxFileName,lineNumber:77,columnNumber:11}},this.props.children)));}}]);return Checkbox;}(_react.default.Component);Checkbox.displayName='_Checkbox';Checkbox.defaultProps={value:'',color:'#FFF'};var _default=Checkbox;exports.default=_default;var styles=_reactNative.StyleSheet.create({wrapper:{alignItems:'center',justifyContent:'center',width:18,height:18,borderWidth:1,borderRadius:4},wrapperIcon:{opacity:0},wrapperCheckedIcon:{opacity:1}});

package/lib/Checkbox/Checkbox.ios.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _Icon=_interopRequireDefault(require("../Icon"));var _jsxFileName="/Users/noyobo/home/gitlab/godzilla/ray/packages/components/src/Checkbox/Checkbox.native.tsx";function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var Checkbox=function(_React$Component){(0,_inherits2.default)(Checkbox,_React$Component);var _super=_createSuper(Checkbox);function Checkbox(props){var _this;(0,_classCallCheck2.default)(this,Checkbox);_this=_super.call(this,props);_this.$touchable=_react.default.createRef();_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;var checked=!_this.state.checked;typeof onChange==='function'&&onChange({value:value,checked:checked,type:'change'});_this.setState({checked:checked});};_this.state={checked:props.checked};return _this;}(0,_createClass2.default)(Checkbox,[{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.default.createElement(_reactNative.TouchableWithoutFeedback,{onPress:this.onPress,ref:this.$touchable,__self:this,__source:{fileName:_jsxFileName,lineNumber:71,columnNumber:12}},_react.default.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:72,columnNumber:9}},_react.default.createElement(_Icon.default,{type:"success_no_circle",size:12,color:color,style:[styles.wrapperIcon,checked&&styles.wrapperCheckedIcon],__self:this,__source:{fileName:_jsxFileName,lineNumber:76,columnNumber:11}}),_react.default.createElement(_reactNative.View,{style:[{flexGrow:0}],__self:this,__source:{fileName:_jsxFileName,lineNumber:77,columnNumber:11}},this.props.children)));}}]);return Checkbox;}(_react.default.Component);Checkbox.displayName='_Checkbox';Checkbox.defaultProps={value:'',color:'#FFF'};var _default=Checkbox;exports.default=_default;var styles=_reactNative.StyleSheet.create({wrapper:{alignItems:'center',justifyContent:'center',width:18,height:18,borderWidth:1,borderRadius:4},wrapperIcon:{opacity:0},wrapperCheckedIcon:{opacity:1}});

package/lib/Checkbox/Checkbox.native.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { TouchableWithoutFeedback, GestureResponderEvent } from 'react-native';
-import { CheckboxProps } from './props';
-export declare type EventOnChange = {
-    value: string;
-    checked: boolean;
-    type: 'change';
-};
-export interface CheckboxNativeProps extends CheckboxProps {
-    onChange?: (evt: EventOnChange) => void;
-}
-export interface CheckboxState {
-    checked: boolean;
-}
-declare class Checkbox extends React.Component<CheckboxNativeProps, CheckboxState> {
-    static displayName: string;
-    static defaultProps: {
-        value: string;
-        color: string;
-    };
-    $touchable: React.RefObject<TouchableWithoutFeedback>;
-    constructor(props: CheckboxNativeProps);
-    componentDidUpdate(prevProps: CheckboxNativeProps): void;
-    _simulateNativePress: (evt: GestureResponderEvent) => void;
-    onPress: () => void;
-    render(): JSX.Element;
-}
-export default Checkbox;

package/lib/Checkbox/Checkbox.tuya.d.ts

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

package/lib/Checkbox/Checkbox.tuya.js

@@ -1,22 +0,0 @@
-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 { Checkbox as RemaxCheckbox } from '@ray-js/remax-tuya';
-
-var Checkbox = function (props) {
-  var className = props.className,
-      style = props.style,
-      id = props.id,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(RemaxCheckbox, _extends({
-    id: id,
-    style: inlineStyle(style),
-    className: clsx('ray-checkbox', className)
-  }, restProps));
-};
-
-export default Checkbox;

package/lib/Checkbox/Checkbox.web.js

@@ -1,36 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import * as React from 'react';
-import clsx from 'clsx';
-import AntdCheckbox from 'antd-mobile/es/components/checkbox';
-import CheckOutline from 'antd-mobile-icons/es/CheckOutline';
-import 'antd-mobile/es/components/checkbox/checkbox.css';
-import { inlineStyle } from '@ray-js/framework-shared';
-import styles from './index.module.less';
-
-var Checkbox = function (props) {
-  var checked = props.checked,
-      disabled = props.disabled,
-      color = props.color,
-      className = props.className,
-      style = props.style;
-  return /*#__PURE__*/React.createElement(AntdCheckbox, {
-    style: inlineStyle(_objectSpread({
-      backgroundColor: disabled ? '#dadada' : '#ffffff'
-    }, style)),
-    disabled: disabled,
-    defaultChecked: checked,
-    className: clsx(styles.checkboxWrapper, className),
-    icon: function icon(checked) {
-      return /*#__PURE__*/React.createElement(CheckOutline, {
-        className: styles.icon,
-        color: color || (disabled ? '#9d9d9d' : '#76c6b8'),
-        style: {
-          visibility: checked ? 'visible' : 'hidden'
-        }
-      });
-    }
-  });
-};
-
-Checkbox.displayName = 'Checkbox';
-export default Checkbox;

package/lib/Checkbox/index.android.js

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

package/lib/Checkbox/index.ios.js

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

package/lib/Checkbox/index.md

@@ -1,33 +0,0 @@
----
-nav:
-  title: 组件
-  path: /components
-group:
-  title: 表单组件
----
-
-# Checkbox
-
-多选项目。
-
-## 导入
-
-```js
-import { Checkbox } from '@ray-js/components';
-```
-
-## 示例代码
-
-<code src="./demos/basic.tsx" title="基本使用" background="#f2f4f6"/>
-<code src="./demos/checkboxGroup.tsx" title="checkboxGroup" background="#f2f4f6"/>
-<code src="./demos/checked.tsx" title="默认选中" background="#f2f4f6"/>
-<code src="./demos/disabled.tsx" title="disabled" background="#f2f4f6"/>
-
-## Props
-
-| 属性 | 类型 | 默认值 | 说明 | 支持平台 |
-| --- | --- | --- | --- | --- |
-| value | string |  | checkbox 标识，选中时触发 checkbox-group 的 change 事件，并携带 checkbox 的 value | RN、微信、涂鸦 |
-| disabled | boolean | false | 是否禁用 | RN、微信、涂鸦 |
-| checked | boolean | false | 当前是否选中，可用来设置默认选中 | RN、微信、涂鸦 |
-| color | string | '#007AFF' | checkbox 的颜色，同 css 的 color | RN、微信、涂鸦 |

package/lib/Checkbox/index.tuya.js

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

package/lib/Checkbox/index.web.js

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

package/lib/Checkbox/index.wechat.js

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

package/lib/Checkbox/props.android.js

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

package/lib/Checkbox/props.ios.js

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

package/lib/Checkbox/props.tuya.js

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

package/lib/Checkbox/props.web.js

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

package/lib/Checkbox/props.wechat.js

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

package/lib/CheckboxGroup/CheckboxGroup.android.js

@@ -1 +0,0 @@
-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 _Checkbox=_interopRequireDefault(require("../Checkbox"));var _jsxFileName="/Users/noyobo/home/gitlab/godzilla/ray/packages/components/src/CheckboxGroup/CheckboxGroup.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 CheckboxGroup=function(_React$Component){(0,_inherits2.default)(CheckboxGroup,_React$Component);var _super=_createSuper(CheckboxGroup);function CheckboxGroup(props){var _this;(0,_classCallCheck2.default)(this,CheckboxGroup);_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)(CheckboxGroup,[{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(_Checkbox.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 CheckboxGroup;}(_react.default.Component);exports.default=CheckboxGroup;

package/lib/CheckboxGroup/CheckboxGroup.ios.js

@@ -1 +0,0 @@
-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 _Checkbox=_interopRequireDefault(require("../Checkbox"));var _jsxFileName="/Users/noyobo/home/gitlab/godzilla/ray/packages/components/src/CheckboxGroup/CheckboxGroup.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 CheckboxGroup=function(_React$Component){(0,_inherits2.default)(CheckboxGroup,_React$Component);var _super=_createSuper(CheckboxGroup);function CheckboxGroup(props){var _this;(0,_classCallCheck2.default)(this,CheckboxGroup);_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)(CheckboxGroup,[{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(_Checkbox.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 CheckboxGroup;}(_react.default.Component);exports.default=CheckboxGroup;

package/lib/CheckboxGroup/CheckboxGroup.native.d.ts

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

package/lib/CheckboxGroup/CheckboxGroup.tuya.d.ts

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

package/lib/CheckboxGroup/CheckboxGroup.tuya.js

@@ -1,35 +0,0 @@
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.array.map.js";
-import * as React from 'react';
-import { CheckboxGroup as RemaxCheckboxGroup } from '@ray-js/remax-tuya';
-import Checkbox from '../Checkbox';
-import Label from '../Label';
-
-var CheckboxGroup = 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(RemaxCheckboxGroup, {
-    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(Checkbox, {
-        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 CheckboxGroup;

package/lib/CheckboxGroup/CheckboxGroup.web.js

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

package/lib/CheckboxGroup/index.android.js

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

package/lib/CheckboxGroup/index.ios.js

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