@ray-js/components 1.4.0-alpha.3 → 1.4.0-alpha.4

package/lib/ScrollView/ScrollView.js

@@ -1,20 +1,20 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["onScroll", "onScrollToUpper", "onScrollToLower"];
+const _excluded = ["onScroll", "onScrollToUpper", "onScrollToLower"];
 import React from 'react';
 import { useEventListener } from 'ahooks';
 import { ScrollView as ScrollViewDef } from '@ray-js/adapter';
 import handleProps from '../utils/handleProps';
-
-var ScrollView = function (props) {
-  var onScroll = props.onScroll,
-      onScrollToUpper = props.onScrollToUpper,
-      onScrollToLower = props.onScrollToLower,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  var currentNode = React.useRef(null);
-  useEventListener('scroll', function (e) {
+const ScrollView = props => {
+  const {
+      onScroll,
+      onScrollToUpper,
+      onScrollToLower
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const currentNode = React.useRef(null);
+  useEventListener('scroll', e => {
     onScroll === null || onScroll === void 0 ? void 0 : onScroll(_objectSpread(_objectSpread({
       type: 'scroll'
     }, e.detail), {}, {
@@ -23,7 +23,7 @@ var ScrollView = function (props) {
   }, {
     target: currentNode
   });
-  useEventListener('scrolltoupper', function (e) {
+  useEventListener('scrolltoupper', e => {
     onScrollToUpper === null || onScrollToUpper === void 0 ? void 0 : onScrollToUpper(_objectSpread(_objectSpread({
       type: 'scrolltoupper'
     }, e.detail), {}, {
@@ -32,7 +32,7 @@ var ScrollView = function (props) {
   }, {
     target: currentNode
   });
-  useEventListener('scrolltolower', function (e) {
+  useEventListener('scrolltolower', e => {
     onScrollToLower === null || onScrollToLower === void 0 ? void 0 : onScrollToLower(_objectSpread(_objectSpread({
       type: 'scrolltolower'
     }, e.detail), {}, {
@@ -49,6 +49,5 @@ var ScrollView = function (props) {
     }), props.children)
   );
 };
-
 ScrollView.defaultProps = ScrollViewDef.defaultProps;
 export default ScrollView;

package/lib/ScrollView/ScrollView.thing.js

@@ -1,17 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["style"];
+const _excluded = ["style"];
 import * as React from 'react';
 import { inlineStyle } from '@ray-js/framework-shared';
 import { ScrollView as RemaxScrollView } from '@ray-js/adapter';
-
-var ScrollView = function (props) {
-  var style = props.style,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+const ScrollView = props => {
+  const {
+      style
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(RemaxScrollView, _extends({
     style: inlineStyle(style)
   }, restProps));
 };
-
 export default ScrollView;

package/lib/ScrollView/ScrollView.wechat.js

@@ -1,20 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["style"];
+const _excluded = ["style"];
 import * as React from 'react';
 import { inlineStyle } from '@ray-js/framework-shared';
 import { ScrollView as RemaxScrollView } from '@ray-core/wechat';
 import { ScrollView as ScrollViewDef } from '@ray-js/adapter';
-
-var ScrollView = function (props) {
-  var style = props.style,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+const ScrollView = props => {
+  const {
+      style
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(RemaxScrollView, _extends({
     style: inlineStyle(style),
     enhanced: true
   }, restProps));
 };
-
 ScrollView.defaultProps = ScrollViewDef.defaultProps;
 export default ScrollView;

package/lib/Slider/Slider.js

@@ -2,12 +2,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useEventListener } from 'ahooks';
 import handleProps from '../utils/handleProps';
-
-var Slider = function (props) {
-  var currentNode = React.useRef(null);
-  useEventListener('change', function (e) {
+const Slider = props => {
+  const currentNode = React.useRef(null);
+  useEventListener('change', e => {
     var _props$onChange;
-
     (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, {
       type: 'change',
       value: e.detail.value,
@@ -16,9 +14,8 @@ var Slider = function (props) {
   }, {
     target: currentNode
   });
-  useEventListener('changing', function (e) {
+  useEventListener('changing', e => {
     var _props$onChanging;
-
     (_props$onChanging = props.onChanging) === null || _props$onChanging === void 0 ? void 0 : _props$onChanging.call(props, {
       type: 'changing',
       value: e.detail.value,
@@ -35,5 +32,4 @@ var Slider = function (props) {
     }))
   );
 };
-
 export default Slider;

package/lib/Slider/Slider.thing.js

@@ -1,30 +1,30 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "style", "className", "children", "onChange", "onChanging"];
+const _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/adapter';
-
-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);
-
+const Slider = props => {
+  const {
+      id,
+      style,
+      className,
+      children,
+      onChange,
+      onChanging
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(RemaxSlider, _extends({
     id: id,
     style: inlineStyle(style),
-    onChange: function handleChange(e) {
+    onChange: e => {
       typeof onChange === 'function' && onChange({
         type: 'change',
         value: e.detail.value,
         origin: e
       });
     },
-    onChanging: function handleChanging(e) {
+    onChanging: e => {
       typeof onChanging === 'function' && onChanging({
         type: 'changing',
         value: e.detail.value,
@@ -33,5 +33,4 @@ var Slider = function (props) {
     }
   }, restProps));
 };
-
 export default Slider;

package/lib/Slider/Slider.wechat.js

@@ -1,31 +1,31 @@
 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"];
+const _excluded = ["id", "style", "className", "children", "onChange", "onChanging", "activeColor"];
 import * as React from 'react';
 import { inlineStyle } from '@ray-js/framework-shared';
 import { Slider as RemaxSlider } from '@ray-core/wechat';
-
-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);
-
+const Slider = props => {
+  const {
+      id,
+      style,
+      className,
+      children,
+      onChange,
+      onChanging,
+      activeColor
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(RemaxSlider, _extends({
     id: id,
     style: inlineStyle(style),
-    onChange: function handleChange(e) {
+    onChange: e => {
       typeof onChange === 'function' && onChange({
         type: 'change',
         value: e.detail.value,
         origin: e
       });
     },
-    onChanging: function handleChanging(e) {
+    onChanging: e => {
       typeof onChanging === 'function' && onChanging({
         type: 'changing',
         value: e.detail.value,
@@ -36,5 +36,4 @@ var Slider = function (props) {
     activeColor: '#007aff' || activeColor
   }, restProps));
 };
-
 export default Slider;

package/lib/Slider/props.js

@@ -1,4 +1,4 @@
-export var sliderDefault = {
+export const sliderDefault = {
   blockSize: 28,
   activeColor: '#007AFF',
   backgroundColor: 'rgba(0, 0, 0, 0.2)',

package/lib/Swiper/Swiper.js

@@ -1,53 +1,45 @@
 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", "children"];
-import "core-js/modules/es.array.map.js";
+const _excluded = ["id", "style", "className", "current", "dataSource", "onAfterChange", "onChange", "renderItem", "children"];
+import "core-js/modules/web.dom-collections.iterator.js";
 // import clsx from 'clsx';
 import * as React from 'react';
 import handleProps from '../utils/handleProps';
 import { defaultSwiperProps } from './props';
 import { useEventListener } from 'ahooks';
-
 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,
-      children = props.children,
-      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);
-  var currentNode = React.useRef(null);
-  React.useEffect(function () {
+  const {
+      id,
+      style,
+      className,
+      current,
+      dataSource,
+      onAfterChange,
+      onChange,
+      renderItem,
+      children
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const [internalCurrent, setInternalCurrent] = React.useState(current);
+  const bufferCurrent = React.useRef(current);
+  const currentNode = React.useRef(null);
+  React.useEffect(() => {
     if (bufferCurrent.current !== current) {
       setInternalCurrent(current);
     }
   }, [current]);
-
   function handleChange(event) {
     onChange === null || onChange === void 0 ? void 0 : onChange(event === null || event === void 0 ? void 0 : event.detail);
   }
-
   function handleAfterChange(event) {
     onAfterChange === null || onAfterChange === void 0 ? void 0 : onAfterChange(event === null || event === void 0 ? void 0 : event.detail);
   }
-
-  useEventListener('change', function (e) {
+  useEventListener('change', e => {
     handleChange(e);
   }, {
     target: currentNode
   });
-  useEventListener('onanimationend', function (e) {
+  useEventListener('onanimationend', e => {
     handleAfterChange(e);
   }, {
     target: currentNode
@@ -57,18 +49,17 @@ function Swiper(props) {
     // @ts-ignore
     React.createElement("v-swiper", _extends({
       ref: currentNode
-    }, handleProps(restProps)), function renderChildren() {
+    }, handleProps(restProps)), (() => {
       return children;
-    }() || function renderSwiperItem() {
-      return dataSource.map(function (item, index) {
+    })() || (() => {
+      return dataSource.map((item, index) => {
         // @ts-ignore
         return /*#__PURE__*/React.createElement("v-swiper-item", {
           key: index
         }, renderItem(item, index));
       });
-    }())
+    })())
   );
 }
-
 Swiper.defaultProps = defaultSwiperProps;
 export default Swiper;

package/lib/Swiper/Swiper.thing.js

@@ -1,34 +1,29 @@
 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", "children"];
-import "core-js/modules/es.array.map.js";
+const _excluded = ["id", "style", "className", "current", "dataSource", "onAfterChange", "onChange", "renderItem", "children"];
+import "core-js/modules/web.dom-collections.iterator.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/adapter';
 import { propsAlias } from '../core';
 import { SwiperPropsAlias } 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,
-      children = props.children,
-      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 () {
+  const {
+      id,
+      style,
+      className,
+      current,
+      dataSource,
+      onAfterChange,
+      onChange,
+      renderItem,
+      children
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const [internalCurrent, setInternalCurrent] = React.useState(current);
+  const bufferCurrent = React.useRef(current);
+  React.useEffect(() => {
     if (bufferCurrent.current !== current) {
       setInternalCurrent(current);
       bufferCurrent.current = current;
@@ -48,12 +43,11 @@ function Swiper(props) {
   }, propsAlias(restProps, SwiperPropsAlias)), function () {
     return children;
   }() || function () {
-    return dataSource.map(function (item, index) {
+    return dataSource.map((item, index) => {
       return /*#__PURE__*/React.createElement(RemaxSwiperItem, {
         key: index
       }, renderItem(item, index));
     });
   }());
 }
-
 export default Swiper;

package/lib/Swiper/Swiper.wechat.js

@@ -1,34 +1,29 @@
 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", "children"];
-import "core-js/modules/es.array.map.js";
+const _excluded = ["id", "style", "className", "current", "dataSource", "onAfterChange", "onChange", "renderItem", "children"];
+import "core-js/modules/web.dom-collections.iterator.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-core/wechat';
 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,
-      children = props.children,
-      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 () {
+  const {
+      id,
+      style,
+      className,
+      current,
+      dataSource,
+      onAfterChange,
+      onChange,
+      renderItem,
+      children
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const [internalCurrent, setInternalCurrent] = React.useState(current);
+  const bufferCurrent = React.useRef(current);
+  React.useEffect(() => {
     if (bufferCurrent.current !== current) {
       setInternalCurrent(current);
       bufferCurrent.current = current;
@@ -48,13 +43,12 @@ function Swiper(props) {
   }, propsAlias(restProps, SwiperPropsAlias)), function () {
     return children;
   }() || function () {
-    return dataSource.map(function (item, index) {
+    return dataSource.map((item, index) => {
       return /*#__PURE__*/React.createElement(RemaxSwiperItem, {
         key: index
       }, renderItem(item, index));
     });
   }());
 }
-
 Swiper.defaultProps = defaultSwiperProps;
 export default Swiper;

package/lib/Swiper/props.js

@@ -1,4 +1,4 @@
-export var defaultSwiperProps = {
+export const defaultSwiperProps = {
   autoplay: false,
   circular: false,
   current: 0,
@@ -9,7 +9,7 @@ export var defaultSwiperProps = {
   interval: 5000,
   vertical: false
 };
-export var SwiperPropsAlias = {
+export const SwiperPropsAlias = {
   dotActiveColor: 'indicatorActiveColor',
   dotColor: 'indicatorColor',
   dots: 'indicatorDots'

package/lib/SwiperItem/SwiperItem.js

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import handleProps from '../utils/handleProps';
-
-var SwiperItem = function (props) {
-  var children = props.children;
+const SwiperItem = props => {
+  const {
+    children
+  } = props;
   return (
     /*#__PURE__*/
     // @ts-ignore
     React.createElement("v-swiper-item", handleProps(props), children)
   );
 };
-
 SwiperItem.displayName = 'SwiperItem';
 export default SwiperItem;

package/lib/SwiperItem/SwiperItem.thing.js

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

package/lib/SwiperItem/SwiperItem.wechat.js

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

package/lib/Switch/Switch.js

@@ -3,12 +3,10 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import * as React from 'react';
 import { useEventListener } from 'ahooks';
 import handleProps from '../utils/handleProps';
-
-var Switch = function (props) {
-  var currentNode = React.useRef(null);
-  useEventListener('change', function (e) {
+const Switch = props => {
+  const currentNode = React.useRef(null);
+  useEventListener('change', e => {
     var _props$onChange;
-
     (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, _objectSpread(_objectSpread({
       type: 'change'
     }, e.detail), {}, {
@@ -16,12 +14,11 @@ var Switch = function (props) {
     }));
   }, {
     target: currentNode
-  }); // @ts-ignore
-
+  });
+  // @ts-ignore
   return /*#__PURE__*/React.createElement("v-switch", _extends({}, handleProps(props), {
     ref: currentNode
   }));
 };
-
 Switch.displayName = 'Switch';
 export default Switch;

package/lib/Switch/Switch.thing.js

@@ -1,24 +1,23 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "style", "id", "onChange", "type", "color"];
+const _excluded = ["className", "style", "id", "onChange", "type", "color"];
 import clsx from 'clsx';
 import * as React from 'react';
 import { inlineStyle } from '@ray-js/framework-shared';
 import { Switch as RemaxSwitch } from '@ray-js/adapter';
-
-var Switch = function (props) {
-  var className = props.className,
-      style = props.style,
-      id = props.id,
-      onChange = props.onChange,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'switch' : _props$type,
-      color = props.color,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+const Switch = props => {
+  const {
+      className,
+      style,
+      id,
+      onChange,
+      type = 'switch',
+      color
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(RemaxSwitch, _extends({
     id: id,
-    onChange: function handleChange(e) {
+    onChange: e => {
       onChange === null || onChange === void 0 ? void 0 : onChange({
         type: 'change',
         value: e.detail.value,
@@ -31,5 +30,4 @@ var Switch = function (props) {
     type: type
   }, restProps));
 };
-
 export default Switch;