@ray-js/components 1.4.0 → 1.4.3

package/lib/ScrollView/index.md

@@ -0,0 +1,37 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 视图容器
+---
+
+# ScrollView
+
+滚动容器
+
+## 代码演示
+
+<code src="./demos/VerticalScroll.tsx" title="纵向滚动" background="#f2f4f6" />
+<code src="./demos/HorizontalScroll.tsx" title="横向滚动" background="#f2f4f6" />
+
+## 导入
+
+```js
+import { ScrollView } from '@ray-js/components';
+```
+
+## Props
+
+| 属性 | 类型 | 默认值 | 说明 | 支持平台 |
+| --- | --- | --- | --- | --- |
+| scrollX | boolean | false | 允许横向滚动 | 涂鸦、微信、RN |
+| scrollY | boolean | false | 允许纵向滚动 | 涂鸦、微信、RN |
+| scrollTop | number |  | 设置竖向滚动条位置 | 涂鸦、微信、RN |
+| scrollLeft | number |  | 设置横向滚动条位置 | 涂鸦、微信、RN |
+| scrollWithAnimation | boolean |  | 在设置滚动条位置时使用动画过渡 | 涂鸦、微信、RN |
+| upperThreshold | number | 50 | 距顶部/左边多远时，触发 onScrollToUpper 事件 | 涂鸦、微信、RN |
+| lowerThreshold | number | 50 | 距底部/右边多远时，触发 onScrollToLower 事件 | 涂鸦、微信、RN |
+| onScrollToUpper | func(event: { type: 'scrolltoupper'; direction: 'top' or'left'; origin: any }) |  | 滚动到顶部/左边时触发 | 涂鸦、微信、RN |
+| onScrollToLower | func(event: { type: 'scrolltolower'; direction: 'bottom' or 'right'; origin: any }) |  | 滚动到底部/右边时触发 | 涂鸦、微信、RN |
+| onScroll | func(vent: { type: 'scroll'; scrollLeft: number; scrollTop: number; scrollHeight: number; scrollWidth: number; deltaX: number; deltaY: number; origin: any }) |  | 滚动时触发 | 涂鸦、微信、RN |

package/lib/ScrollView/index.tuya.js

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

package/lib/ScrollView/index.web.js

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

package/lib/ScrollView/index.wechat.js

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

package/lib/ScrollView/props.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultScrollViewProps=void 0;var defaultScrollViewProps={scrollX:false,scrollY:false,scrollWithAnimation:false};exports.defaultScrollViewProps=defaultScrollViewProps;

package/lib/ScrollView/props.d.ts

@@ -0,0 +1,43 @@
+import { BaseProps } from '../types';
+import { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';
+import { GenericEvent as WxScrollEvent } from '@remax/wechat';
+export interface ScrollViewProps extends BaseProps {
+    /** (default: false) 允许横向滚动 1.0.0 */
+    scrollX?: boolean;
+    /** (default: false) 允许纵向滚动 1.0.0 */
+    scrollY?: boolean;
+    /** 设置竖向滚动条位置 1.0.0 */
+    scrollTop?: number;
+    /** 设置横向滚动条位置 1.0.0 */
+    scrollLeft?: number;
+    /** (default: 50) 距顶部/左边多远时，触发 onScrollToUpper 事件 1.0.0 */
+    upperThreshold?: number;
+    /** (default: 50) 距底部/右边多远时，触发 onScrollToLower 事件 1.0.0 */
+    lowerThreshold?: number;
+    /** (default: false) 在设置滚动条位置时使用动画过渡 1.0.0 */
+    scrollWithAnimation?: boolean;
+    /** 滚动时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY} 1.0.0 */
+    onScroll?: (event: {
+        type: 'scroll';
+        scrollLeft: number;
+        scrollTop: number;
+        scrollHeight: number;
+        scrollWidth: number;
+        deltaX: number;
+        deltaY: number;
+        origin: NativeSyntheticEvent<NativeScrollEvent> | WxScrollEvent;
+    }) => any;
+    /** 滚动到顶部/左边时触发 1.0.0 */
+    onScrollToUpper?: (event: {
+        type: 'scrolltoupper';
+        direction: 'top' | 'left';
+        origin: NativeSyntheticEvent<NativeScrollEvent> | WxScrollEvent | Event;
+    }) => any;
+    /** 滚动到底部/右边时触发 1.0.0 */
+    onScrollToLower?: (event: {
+        type: 'scrolltolower';
+        direction: 'bottom' | 'right';
+        origin: NativeSyntheticEvent<NativeScrollEvent> | WxScrollEvent | Event;
+    }) => any;
+}
+export declare const defaultScrollViewProps: ScrollViewProps;

package/lib/ScrollView/props.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultScrollViewProps=void 0;var defaultScrollViewProps={scrollX:false,scrollY:false,scrollWithAnimation:false};exports.defaultScrollViewProps=defaultScrollViewProps;

package/lib/ScrollView/props.js

@@ -0,0 +1,5 @@
+export var defaultScrollViewProps = {
+  scrollX: false,
+  scrollY: false,
+  scrollWithAnimation: false
+};

package/lib/ScrollView/props.tuya.js

@@ -0,0 +1,5 @@
+export var defaultScrollViewProps = {
+  scrollX: false,
+  scrollY: false,
+  scrollWithAnimation: false
+};

package/lib/ScrollView/props.web.js

@@ -0,0 +1,5 @@
+export var defaultScrollViewProps = {
+  scrollX: false,
+  scrollY: false,
+  scrollWithAnimation: false
+};

package/lib/ScrollView/props.wechat.js

@@ -0,0 +1,5 @@
+export var defaultScrollViewProps = {
+  scrollX: false,
+  scrollY: false,
+  scrollWithAnimation: false
+};

package/lib/Slider/Slider.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 _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));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 _slider=_interopRequireDefault(require("tuya-panel-slider/lib/slider"));var _props=require("./props");var _jsxFileName="/Users/noyobo/home/gitlab/godzilla/ray/packages/components/src/Slider/Slider.native.tsx";var _excluded=["min","max","step","backgroundColor","activeColor","blockSize","blockColor","onChange","onChanging","showValue"];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 Slider=function(_React$Component){(0,_inherits2.default)(Slider,_React$Component);var _super=_createSuper(Slider);function Slider(props){var _this;(0,_classCallCheck2.default)(this,Slider);_this=_super.call(this,props);_this.state={currentValue:props.value};return _this;}(0,_createClass2.default)(Slider,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){if(prevProps.value!==this.props.value){this.setState({currentValue:this.props.value});}}},{key:"render",value:function render(){var _this2=this;var _this$props=this.props,min=_this$props.min,max=_this$props.max,step=_this$props.step,backgroundColor=_this$props.backgroundColor,activeColor=_this$props.activeColor,blockSize=_this$props.blockSize,blockColor=_this$props.blockColor,onChange=_this$props.onChange,onChanging=_this$props.onChanging,showValue=_this$props.showValue,rest=(0,_objectWithoutProperties2.default)(_this$props,_excluded);return _react.default.createElement(_reactNative.View,{style:[{flexDirection:'row',alignItems:'center'}],__self:this,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:12}},_react.default.createElement(_slider.default,(0,_extends2.default)({trackStyle:{width:312,height:4}},rest,{minimumValue:min,maximumValue:max,stepValue:step,maximumTrackTintColor:backgroundColor,minimumTrackTintColor:activeColor,thumbTouchSize:{width:blockSize,height:blockSize},thumbTintColor:blockColor,onSlidingComplete:function onSlidingComplete(value){_this2.setState({currentValue:value});typeof onChange==='function'&&onChange({type:'change',value:value,origin:undefined});},onValueChange:function onValueChange(value){_this2.setState({currentValue:value});typeof onChanging==='function'&&onChanging({type:'changing',value:value,origin:undefined});},__self:this,__source:{fileName:_jsxFileName,lineNumber:45,columnNumber:9}})),showValue&&_react.default.createElement(_reactNative.Text,{style:[{marginLeft:15}],__self:this,__source:{fileName:_jsxFileName,lineNumber:70,columnNumber:23}},this.state.currentValue));}}]);return Slider;}(_react.default.Component);exports.default=Slider;Slider.defaultProps=_props.sliderDefault;

package/lib/Slider/Slider.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 _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));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 _slider=_interopRequireDefault(require("tuya-panel-slider/lib/slider"));var _props=require("./props");var _jsxFileName="/Users/noyobo/home/gitlab/godzilla/ray/packages/components/src/Slider/Slider.native.tsx";var _excluded=["min","max","step","backgroundColor","activeColor","blockSize","blockColor","onChange","onChanging","showValue"];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 Slider=function(_React$Component){(0,_inherits2.default)(Slider,_React$Component);var _super=_createSuper(Slider);function Slider(props){var _this;(0,_classCallCheck2.default)(this,Slider);_this=_super.call(this,props);_this.state={currentValue:props.value};return _this;}(0,_createClass2.default)(Slider,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){if(prevProps.value!==this.props.value){this.setState({currentValue:this.props.value});}}},{key:"render",value:function render(){var _this2=this;var _this$props=this.props,min=_this$props.min,max=_this$props.max,step=_this$props.step,backgroundColor=_this$props.backgroundColor,activeColor=_this$props.activeColor,blockSize=_this$props.blockSize,blockColor=_this$props.blockColor,onChange=_this$props.onChange,onChanging=_this$props.onChanging,showValue=_this$props.showValue,rest=(0,_objectWithoutProperties2.default)(_this$props,_excluded);return _react.default.createElement(_reactNative.View,{style:[{flexDirection:'row',alignItems:'center'}],__self:this,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:12}},_react.default.createElement(_slider.default,(0,_extends2.default)({trackStyle:{width:312,height:4}},rest,{minimumValue:min,maximumValue:max,stepValue:step,maximumTrackTintColor:backgroundColor,minimumTrackTintColor:activeColor,thumbTouchSize:{width:blockSize,height:blockSize},thumbTintColor:blockColor,onSlidingComplete:function onSlidingComplete(value){_this2.setState({currentValue:value});typeof onChange==='function'&&onChange({type:'change',value:value,origin:undefined});},onValueChange:function onValueChange(value){_this2.setState({currentValue:value});typeof onChanging==='function'&&onChanging({type:'changing',value:value,origin:undefined});},__self:this,__source:{fileName:_jsxFileName,lineNumber:45,columnNumber:9}})),showValue&&_react.default.createElement(_reactNative.Text,{style:[{marginLeft:15}],__self:this,__source:{fileName:_jsxFileName,lineNumber:70,columnNumber:23}},this.state.currentValue));}}]);return Slider;}(_react.default.Component);exports.default=Slider;Slider.defaultProps=_props.sliderDefault;

package/lib/Slider/Slider.native.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { SliderProps } from './props';
+export default class Slider extends React.Component<SliderProps> {
+    static defaultProps: {
+        blockSize: number;
+        activeColor: string;
+        backgroundColor: string;
+        blockColor: string;
+        min: number;
+        max: number;
+        disabled: boolean;
+        value: number;
+        step: number;
+    };
+    constructor(props: SliderProps);
+    componentDidUpdate(prevProps: SliderProps): void;
+    state: {
+        currentValue: number;
+    };
+    render(): JSX.Element;
+}

package/lib/Slider/Slider.tuya.d.ts

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

package/lib/Slider/Slider.tuya.js

@@ -0,0 +1,37 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "style", "className", "children", "onChange", "onChanging"];
+import * as React from 'react';
+import { inlineStyle } from '@ray-js/framework-shared';
+import { Slider as RemaxSlider } from '@ray-js/remax-tuya';
+
+var Slider = function (props) {
+  var id = props.id,
+      style = props.style,
+      className = props.className,
+      children = props.children,
+      onChange = props.onChange,
+      onChanging = props.onChanging,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(RemaxSlider, _extends({
+    id: id,
+    style: inlineStyle(style),
+    onChange: function handleChange(e) {
+      typeof onChange === 'function' && onChange({
+        type: 'change',
+        value: e.detail.value,
+        origin: e
+      });
+    },
+    onChanging: function handleChanging(e) {
+      typeof onChanging === 'function' && onChanging({
+        type: 'changing',
+        value: e.detail.value,
+        origin: e
+      });
+    }
+  }, restProps));
+};
+
+export default Slider;

package/lib/Slider/Slider.web.js

@@ -0,0 +1,20 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "style", "className", "children"];
+import * as React from 'react';
+
+var Slider = function (props) {
+  var id = props.id,
+      style = props.style,
+      className = props.className,
+      children = props.children,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(Slider, _extends({
+    id: id,
+    style: style,
+    className: className
+  }, restProps), children);
+};
+
+export default Slider;

package/lib/Slider/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 _Slider=_interopRequireDefault(require("./Slider"));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=_Slider.default;exports.default=_default;

package/lib/Slider/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 _Slider=_interopRequireDefault(require("./Slider"));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=_Slider.default;exports.default=_default;

package/lib/Slider/index.md

@@ -0,0 +1,63 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 表单组件
+---
+
+# Slider
+
+滑动选择器
+
+## 导入
+
+```js
+import { Slider } from '@ray-js/components';
+```
+
+## 代码演示
+
+```js
+import React from 'react';
+import { Slider } from '@ray-js/components';
+
+export default function HorizontalScroll() {
+  return (
+    <Slider
+      activeColor='orange'
+      blockColor='pink'
+      min={50}
+      max={200}
+      step={5}
+      showValue
+      onChange={(e) => {
+        console.log('SliderChange', e);
+      }}
+    />
+  );
+}
+```
+
+<!-- <code src="./demos/basic.tsx" title="基本用法" background="#f2f4f6" /> -->
+<!-- <code src="./demos/color.tsx" title="设置颜色" background="#f2f4f6" /> -->
+<!-- <code src="./demos/step.tsx" title="设置步长" background="#f2f4f6" /> -->
+<!-- <code src="./demos/value.tsx" title="设置数值" background="#f2f4f6" /> -->
+<!-- <code src="./demos/max.tsx" title="最大值" background="#f2f4f6" />  -->
+
+## Props
+
+| 属性名 | 类型 | 默认值 | 必填 | 说明 | 支持平台 |
+| --- | --- | --- | --- | --- | --- |
+| min | number | 0 | 否 | 最小值 | RN、涂鸦、微信 |
+| max | number | 100 | 否 | 最大值 | RN、涂鸦、微信 |
+| step | number | 1 | 否 | 步长，取值必须大于 0，并且可被(max - min)整除 | RN、涂鸦、微信 |
+| disabled | boolean | false | 否 | 是否禁用 | RN、涂鸦、微信 |
+| value | number | 0 | 否 | 当前取值 | RN、涂鸦、微信 |
+| activeColor | color | #007aff | 否 | 已选择的颜色 | RN、涂鸦、微信 |
+| backgroundColor | color | rgba(0,0,0,.2) | 否 | 背景条的颜色 | RN、涂鸦、微信 |
+| blockSize | number | 28 | 否 | 滑块的大小，取值范围为 12 - 28 | RN、涂鸦、微信 |
+| blockColor | color | #ffffff | 否 | 滑块的颜色 | RN、涂鸦、微信 |
+| showValue | boolean | false | 否 | 是否显示当前 value | RN、涂鸦、微信 |
+| onChange | eventhandle |  | 否 | 完成一次拖动后触发的事件，event.detail = {value} | RN、涂鸦、微信 |
+| onChanging | eventhandle |  | 否 | 拖动过程中触发的事件，event.detail = {value} | RN、涂鸦、微信 |

package/lib/Slider/index.tuya.js

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

package/lib/Slider/index.web.js

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

package/lib/Slider/index.wechat.js

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

package/lib/Slider/props.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.sliderDefault=void 0;var sliderDefault={blockSize:28,activeColor:'#007AFF',backgroundColor:'rgba(0, 0, 0, 0.2)',blockColor:'#FFF',min:0,max:100,disabled:false,value:0,step:1};exports.sliderDefault=sliderDefault;

package/lib/Slider/props.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.sliderDefault=void 0;var sliderDefault={blockSize:28,activeColor:'#007AFF',backgroundColor:'rgba(0, 0, 0, 0.2)',blockColor:'#FFF',min:0,max:100,disabled:false,value:0,step:1};exports.sliderDefault=sliderDefault;

package/lib/Slider/props.tuya.js

@@ -0,0 +1,11 @@
+export var sliderDefault = {
+  blockSize: 28,
+  activeColor: '#007AFF',
+  backgroundColor: 'rgba(0, 0, 0, 0.2)',
+  blockColor: '#FFF',
+  min: 0,
+  max: 100,
+  disabled: false,
+  value: 0,
+  step: 1
+};

package/lib/Slider/props.web.js

@@ -0,0 +1,11 @@
+export var sliderDefault = {
+  blockSize: 28,
+  activeColor: '#007AFF',
+  backgroundColor: 'rgba(0, 0, 0, 0.2)',
+  blockColor: '#FFF',
+  min: 0,
+  max: 100,
+  disabled: false,
+  value: 0,
+  step: 1
+};

package/lib/Slider/props.wechat.js

@@ -0,0 +1,11 @@
+export var sliderDefault = {
+  blockSize: 28,
+  activeColor: '#007AFF',
+  backgroundColor: 'rgba(0, 0, 0, 0.2)',
+  blockColor: '#FFF',
+  min: 0,
+  max: 100,
+  disabled: false,
+  value: 0,
+  step: 1
+};

package/lib/Swiper/Swiper.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 _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNativeSwiper=_interopRequireDefault(require("react-native-swiper"));var _props=require("./props");var _excluded=["style","vertical","circular","autoplay","current","dotActiveColor","dotColor","dots","interval","dataSource","renderItem","onAfterChange","onchange"],_excluded2=["width","height"];var _this=this,_jsxFileName="/Users/noyobo/home/gitlab/godzilla/ray/packages/components/src/Swiper/Swiper.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;}var Swiper=function(props){var style=props.style,vertical=props.vertical,circular=props.circular,autoplay=props.autoplay,current=props.current,dotActiveColor=props.dotActiveColor,dotColor=props.dotColor,dots=props.dots,interval=props.interval,dataSource=props.dataSource,renderItem=props.renderItem,onAfterChange=props.onAfterChange,onchange=props.onchange,rest=(0,_objectWithoutProperties2.default)(props,_excluded);var width=style.width,height=style.height,restStyle=(0,_objectWithoutProperties2.default)(style,_excluded2);if(!dataSource||dataSource.length===0||!renderItem)return null;return _react.default.createElement(_reactNativeSwiper.default,(0,_extends2.default)({},rest,{style:[_objectSpread({},restStyle)],width:width,height:height,showsButtons:false,horizontal:!vertical,loop:circular,autoplay:autoplay,index:current,activeDotColor:dotActiveColor,dotColor:dotColor,showsPagination:dots,autoplayTimeout:interval/1000,onIndexChanged:function _handleIndexChange(index){typeof onchange==='function'&&onchange({type:'change',current:index,origin:null});},onMomentumScrollEnd:function _handleIndexChangeEnd(event,state){var index=state.index;typeof onAfterChange==='function'&&onAfterChange({type:'afterchange',current:index,origin:null});},__self:_this,__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:10}}),dataSource.map(function(item,index){if(renderItem){return renderItem(item,index);}}));};Swiper.defaultProps=_props.defaultSwiperProps;var _default=Swiper;exports.default=_default;

package/lib/Swiper/Swiper.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 _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNativeSwiper=_interopRequireDefault(require("react-native-swiper"));var _props=require("./props");var _excluded=["style","vertical","circular","autoplay","current","dotActiveColor","dotColor","dots","interval","dataSource","renderItem","onAfterChange","onchange"],_excluded2=["width","height"];var _this=this,_jsxFileName="/Users/noyobo/home/gitlab/godzilla/ray/packages/components/src/Swiper/Swiper.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;}var Swiper=function(props){var style=props.style,vertical=props.vertical,circular=props.circular,autoplay=props.autoplay,current=props.current,dotActiveColor=props.dotActiveColor,dotColor=props.dotColor,dots=props.dots,interval=props.interval,dataSource=props.dataSource,renderItem=props.renderItem,onAfterChange=props.onAfterChange,onchange=props.onchange,rest=(0,_objectWithoutProperties2.default)(props,_excluded);var width=style.width,height=style.height,restStyle=(0,_objectWithoutProperties2.default)(style,_excluded2);if(!dataSource||dataSource.length===0||!renderItem)return null;return _react.default.createElement(_reactNativeSwiper.default,(0,_extends2.default)({},rest,{style:[_objectSpread({},restStyle)],width:width,height:height,showsButtons:false,horizontal:!vertical,loop:circular,autoplay:autoplay,index:current,activeDotColor:dotActiveColor,dotColor:dotColor,showsPagination:dots,autoplayTimeout:interval/1000,onIndexChanged:function _handleIndexChange(index){typeof onchange==='function'&&onchange({type:'change',current:index,origin:null});},onMomentumScrollEnd:function _handleIndexChangeEnd(event,state){var index=state.index;typeof onAfterChange==='function'&&onAfterChange({type:'afterchange',current:index,origin:null});},__self:_this,__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:10}}),dataSource.map(function(item,index){if(renderItem){return renderItem(item,index);}}));};Swiper.defaultProps=_props.defaultSwiperProps;var _default=Swiper;exports.default=_default;

package/lib/Swiper/Swiper.native.d.ts

@@ -0,0 +1,6 @@
+import { SwiperProps } from './props';
+declare const Swiper: {
+    (props: any): JSX.Element | null;
+    defaultProps: Partial<SwiperProps<any>>;
+};
+export default Swiper;

package/lib/Swiper/Swiper.tuya.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { SwiperProps } from './props';
+declare function Swiper<I, C extends React.FC>(props: SwiperProps<I>): JSX.Element;
+declare namespace Swiper {
+    var defaultProps: Partial<SwiperProps<any>>;
+}
+export default Swiper;

package/lib/Swiper/Swiper.tuya.js

@@ -0,0 +1,54 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "style", "className", "current", "dataSource", "onAfterChange", "onChange", "renderItem"];
+import "core-js/modules/es.array.map.js";
+import clsx from 'clsx';
+import * as React from 'react';
+import { inlineStyle } from '@ray-js/framework-shared';
+import { Swiper as RemaxSwiper, SwiperItem as RemaxSwiperItem } from '@ray-js/remax-tuya';
+import { propsAlias } from '../core';
+import { SwiperPropsAlias, defaultSwiperProps } from './props';
+
+function Swiper(props) {
+  var id = props.id,
+      style = props.style,
+      className = props.className,
+      current = props.current,
+      dataSource = props.dataSource,
+      onAfterChange = props.onAfterChange,
+      onChange = props.onChange,
+      renderItem = props.renderItem,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var _React$useState = React.useState(current),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      internalCurrent = _React$useState2[0],
+      setInternalCurrent = _React$useState2[1];
+
+  var bufferCurrent = React.useRef(current);
+  React.useEffect(function () {
+    if (bufferCurrent.current !== current) {
+      setInternalCurrent(current);
+    }
+  }, [current]);
+  return /*#__PURE__*/React.createElement(RemaxSwiper, _extends({
+    id: id,
+    style: inlineStyle(style),
+    className: clsx('ray-swiper', className),
+    onChange: function (event) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(event);
+    },
+    onAnimationFinish: function (event) {
+      onAfterChange === null || onAfterChange === void 0 ? void 0 : onAfterChange(event);
+    },
+    current: internalCurrent
+  }, propsAlias(restProps, SwiperPropsAlias)), dataSource.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(RemaxSwiperItem, {
+      key: index
+    }, renderItem(item, index));
+  }));
+}
+
+Swiper.defaultProps = defaultSwiperProps;
+export default Swiper;

package/lib/Swiper/Swiper.web.js

@@ -0,0 +1,10 @@
+// import clsx from 'clsx';
+import * as React from 'react';
+import { defaultSwiperProps } from './props';
+
+function Swiper() {
+  return /*#__PURE__*/React.createElement("div", null, "\u6682\u672A\u5B9E\u73B0");
+}
+
+Swiper.defaultProps = defaultSwiperProps;
+export default Swiper;

package/lib/Swiper/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 _Swiper=_interopRequireDefault(require("./Swiper"));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=_Swiper.default;exports.default=_default;

package/lib/Swiper/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 _Swiper=_interopRequireDefault(require("./Swiper"));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=_Swiper.default;exports.default=_default;

package/lib/Swiper/index.md

@@ -0,0 +1,44 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 视图容器
+---
+
+# Swiper
+
+幻灯片、轮播容器，使用时必须指定整体高度
+
+## 代码演示
+
+## 导入
+
+```js
+import { Swiper } from '@ray-js/components';
+```
+
+## 代码演示
+
+<code src="./demos/autoplay.tsx" title="自动轮播" background="#f2f4f6" />
+<code src="./demos/circular.tsx" title="衔接滑动" background="#f2f4f6" />
+<code src="./demos/vertical.tsx" title="纵向" background="#f2f4f6" />
+<code src="./demos/nested.tsx" title="嵌套" background="#f2f4f6" />
+
+## Props
+
+| 属性 | 类型 | 默认值 | 说明 | 支持平台 |
+| --- | --- | --- | --- | --- |
+| autoplay | boolean | false | 是否自动切换 | RN、涂鸦、微信 |
+| circular | boolean | false | 是否采用衔接滑动 | RN、涂鸦、微信 |
+| current | number | 0 | 当前所在滑块的 index | RN、涂鸦、微信 |
+| dotActiveColor | string | #666666 | 当前选中的指示点颜色 | RN、涂鸦、微信 |
+| dotColor | string | #333333 | 指示点颜色 | RN、涂鸦、微信 |
+| dots | boolean | false | 是否显示面板指示点 | RN、涂鸦、微信 |
+| duration | number | 500 | 滑动动画时长 | 涂鸦、微信 |
+| interval | number | 5000 | 自动切换时间间隔 | RN、涂鸦、微信 |
+| vertical | boolean | false | 滑动方向是否为纵向 | RN、涂鸦、微信 |
+| dataSource | P[] |  | 数据源 | RN、涂鸦、微信 |
+| renderItem | func(P) |  | 渲染数据成员 | RN、涂鸦、微信 |
+| onChange | func(event) |  | current 改变时, event.detail = {current, source} | RN、涂鸦、微信 |
+| onAfterChange | func(event) |  | 动画结束时触发，event.detail 同上 | RN、涂鸦、微信 |

package/lib/Swiper/index.tuya.js

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

package/lib/Swiper/index.web.js

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

package/lib/Swiper/index.wechat.js

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

package/lib/Swiper/props.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultSwiperProps=exports.SwiperPropsAlias=void 0;var defaultSwiperProps={autoplay:false,circular:false,current:0,dotActiveColor:'#000',dotColor:'rgba(0,0,0,0.3)',dots:false,duration:500,interval:5000,vertical:false};exports.defaultSwiperProps=defaultSwiperProps;var SwiperPropsAlias={dotActiveColor:'indicatorActiveColor',dotColor:'indicatorColor',dots:'indicatorDots'};exports.SwiperPropsAlias=SwiperPropsAlias;

package/lib/Swiper/props.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultSwiperProps=exports.SwiperPropsAlias=void 0;var defaultSwiperProps={autoplay:false,circular:false,current:0,dotActiveColor:'#000',dotColor:'rgba(0,0,0,0.3)',dots:false,duration:500,interval:5000,vertical:false};exports.defaultSwiperProps=defaultSwiperProps;var SwiperPropsAlias={dotActiveColor:'indicatorActiveColor',dotColor:'indicatorColor',dots:'indicatorDots'};exports.SwiperPropsAlias=SwiperPropsAlias;

package/lib/Swiper/props.tuya.js

@@ -0,0 +1,16 @@
+export var defaultSwiperProps = {
+  autoplay: false,
+  circular: false,
+  current: 0,
+  dotActiveColor: '#000',
+  dotColor: 'rgba(0,0,0,0.3)',
+  dots: false,
+  duration: 500,
+  interval: 5000,
+  vertical: false
+};
+export var SwiperPropsAlias = {
+  dotActiveColor: 'indicatorActiveColor',
+  dotColor: 'indicatorColor',
+  dots: 'indicatorDots'
+};

package/lib/Swiper/props.web.js

@@ -0,0 +1,16 @@
+export var defaultSwiperProps = {
+  autoplay: false,
+  circular: false,
+  current: 0,
+  dotActiveColor: '#000',
+  dotColor: 'rgba(0,0,0,0.3)',
+  dots: false,
+  duration: 500,
+  interval: 5000,
+  vertical: false
+};
+export var SwiperPropsAlias = {
+  dotActiveColor: 'indicatorActiveColor',
+  dotColor: 'indicatorColor',
+  dots: 'indicatorDots'
+};

package/lib/Swiper/props.wechat.js

@@ -0,0 +1,16 @@
+export var defaultSwiperProps = {
+  autoplay: false,
+  circular: false,
+  current: 0,
+  dotActiveColor: '#000',
+  dotColor: 'rgba(0,0,0,0.3)',
+  dots: false,
+  duration: 500,
+  interval: 5000,
+  vertical: false
+};
+export var SwiperPropsAlias = {
+  dotActiveColor: 'indicatorActiveColor',
+  dotColor: 'indicatorColor',
+  dots: 'indicatorDots'
+};

package/lib/Switch/Switch.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 _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));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 _switch=_interopRequireDefault(require("tuya-panel-switch/lib/switch"));var _Checkbox=_interopRequireDefault(require("../Checkbox"));var _props=require("./props");var _jsxFileName="/Users/noyobo/home/gitlab/godzilla/ray/packages/components/src/Switch/Switch.native.tsx";var _excluded=["style","color","disabled","type"];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 _Switch=function(_React$Component){(0,_inherits2.default)(_Switch,_React$Component);var _super=_createSuper(_Switch);function _Switch(){var _this;(0,_classCallCheck2.default)(this,_Switch);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.default.createRef();_this.state={checked:!!_this.props.checked};_this._simulateNativePress=function(evt){var type=_this.props.type;if(type==='checkbox'){var node=_this.$touchable.current;node&&node._simulateNativePress(evt);}else{_this.setState({checked:!_this.state.checked});}};_this.onCheckedChange=function(event){var checked=event.checked;var onChange=_this.props.onChange;typeof onChange==='function'&&onChange({type:'change',value:checked});_this.setState({checked:checked});};_this.onSwitchChange=function(isChecked){var onChange=_this.props.onChange;typeof onChange==='function'&&onChange({type:'change',value:isChecked});_this.setState({checked:isChecked});};return _this;}(0,_createClass2.default)(_Switch,[{key:"render",value:function render(){var _this$props=this.props,style=_this$props.style,color=_this$props.color,disabled=_this$props.disabled,type=_this$props.type,rest=(0,_objectWithoutProperties2.default)(_this$props,_excluded);var checked=this.state.checked;if(type==='checkbox'){return _react.default.createElement(_Checkbox.default,{checked:this.state.checked,style:style,disabled:disabled,onChange:this.onCheckedChange,ref:this.$touchable,__self:this,__source:{fileName:_jsxFileName,lineNumber:76,columnNumber:14}});}return _react.default.createElement(_switch.default,(0,_extends2.default)({size:{width:50,height:30,activeSize:26,margin:2},thumbTintColor:"#FFFFFF",tintColor:'rgba(0,0,0,0.12)'},rest,{value:checked,onValueChange:this.onSwitchChange,style:style,onTintColor:color,disabled:disabled,ref:this.$touchable,__self:this,__source:{fileName:_jsxFileName,lineNumber:79,columnNumber:12}}));}}]);return _Switch;}(_react.default.Component);exports.default=_Switch;_Switch.displayName='Switch';_Switch.defaultProps=_props.defaultSwitchProps;