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

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="/drone/src/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.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/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/Slider.wechat.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.wechat.js

@@ -0,0 +1,40 @@
+import { Slider as _Slider } from "@remax/wechat/esm/hostComponents/Slider/index";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "style", "className", "children", "onChange", "onChanging", "activeColor"];
+import * as React from 'react';
+import { inlineStyle } from '@ray-js/framework-shared';
+
+var Slider = function (props) {
+  var id = props.id,
+      style = props.style,
+      className = props.className,
+      children = props.children,
+      onChange = props.onChange,
+      onChanging = props.onChanging,
+      activeColor = props.activeColor,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(_Slider, _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
+      });
+    },
+    step: 2,
+    activeColor: '#007aff' || activeColor
+  }, restProps));
+};
+
+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.d.ts

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

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.js

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

package/lib/Slider/index.md

@@ -0,0 +1,42 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 表单组件
+---
+
+# Slider
+
+滑动选择器
+
+## 导入
+
+```js
+import { Slider } from '@ray-js/components';
+```
+
+## 代码演示
+
+<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.d.ts

@@ -0,0 +1,34 @@
+import { BaseProps } from '../types';
+export interface SliderProps extends BaseProps {
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    value?: number;
+    activeColor?: string;
+    backgroundColor?: string;
+    blockSize?: number;
+    blockColor?: string;
+    showValue?: boolean;
+    onChange?: (event: {
+        type: string;
+        value: number;
+        origin: any;
+    }) => void;
+    onChanging?: (event: {
+        type: string;
+        value: number;
+        origin: any;
+    }) => void;
+}
+export declare const sliderDefault: {
+    blockSize: number;
+    activeColor: string;
+    backgroundColor: string;
+    blockColor: string;
+    min: number;
+    max: number;
+    disabled: boolean;
+    value: number;
+    step: number;
+};

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.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.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="/drone/src/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.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.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="/drone/src/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.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/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/Swiper.wechat.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.wechat.js

@@ -0,0 +1,55 @@
+import { Swiper as _Swiper } from "@remax/wechat/esm/hostComponents/Swiper/index";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { SwiperItem as _SwiperItem } from "@remax/wechat/esm/hostComponents/SwiperItem/index";
+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 { 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(_Swiper, _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(_SwiperItem, {
+      key: index
+    }, renderItem(item, index));
+  }));
+}
+
+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.d.ts

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

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.js

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

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;