@ray-js/components 1.4.0-alpha.1 → 1.4.0-alpha.11

package/lib/RadioGroup/RadioGroup.js

@@ -1,17 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import { useEventListener } from 'ahooks';
 import handleProps from '../utils/handleProps';
-
-var RadioGroup = function (props) {
-  var options = props.options,
-      disabled = props.disabled,
-      children = props.children;
-  var currentNode = React.useRef(null);
-  useEventListener('change', function (e) {
+const RadioGroup = props => {
+  const {
+    options,
+    disabled,
+    children
+  } = props;
+  const currentNode = React.useRef(null);
+  useEventListener('change', e => {
     var _props$onChange;
-
     !disabled && ((_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, {
       type: 'change',
       value: e.detail.value
@@ -24,23 +23,19 @@ var RadioGroup = function (props) {
     // @ts-ignore
     React.createElement("v-radio-group", _extends({}, handleProps(props), {
       ref: currentNode
-    }), children || function renderOptions() {
-      return options.map(function (item, index) {
+    }), children || (() => {
+      return options.map((item, index) => {
         var _item$checked;
-
-        var radioProps = {
+        const radioProps = {
           value: item.value,
           color: item.color
         };
-
         if ((_item$checked = item.checked) !== null && _item$checked !== void 0 ? _item$checked : false) {
           radioProps.checked = true;
         }
-
         if (disabled || item.disabled || false) {
           radioProps.disabled = true;
         }
-
         return (
           /*#__PURE__*/
           // @ts-ignore
@@ -49,9 +44,8 @@ var RadioGroup = function (props) {
           }, /*#__PURE__*/React.createElement("v-radio", radioProps), item.label)
         );
       });
-    }())
+    })())
   );
 };
-
 RadioGroup.displayName = 'RadioGroup';
 export default RadioGroup;

package/lib/RadioGroup/RadioGroup.thing.js

@@ -1,39 +1,34 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["options", "name", "disabled", "onChange", "children", "style"];
-import "core-js/modules/es.array.map.js";
+const _excluded = ["options", "name", "disabled", "onChange", "children", "style"];
 import * as React from 'react';
 import { RadioGroup as RemaxRadioGroup } from '@ray-js/adapter';
 import Radio from '../Radio';
 import Label from '../Label';
 import { inlineStyle } from '@ray-js/framework-shared';
-
-var RadioGroup = function (props) {
+const RadioGroup = props => {
   // eslint-disable-next-line @typescript-eslint/no-empty-function
-  var options = props.options,
-      name = props.name,
-      disabled = props.disabled,
-      _props$onChange = props.onChange,
-      onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
-      children = props.children,
-      style = props.style,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+  const {
+      options,
+      name,
+      disabled,
+      onChange = () => {},
+      children,
+      style
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
   return (
     /*#__PURE__*/
     // @ts-ignore
     React.createElement(RemaxRadioGroup, _extends({
       style: inlineStyle(style),
       name: name,
-      onChange: function handleOnChange(e) {
+      onChange: e => {
         !disabled && onChange(e);
       }
-    }, restProps), function renderChildren() {
-      return children;
-    }() || function renderOptions() {
-      return options.map(function (item, index) {
+    }, restProps), (() => children)() || (() => {
+      return options.map((item, index) => {
         var _item$checked;
-
         return /*#__PURE__*/React.createElement(Label, {
           key: index + '_' + item.value
         }, /*#__PURE__*/React.createElement(Radio, {
@@ -43,8 +38,7 @@ var RadioGroup = function (props) {
           color: item.color
         }), item.label);
       });
-    }())
+    })())
   );
 };
-
 export default RadioGroup;

package/lib/RadioGroup/RadioGroup.wechat.js

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

package/lib/RadioGroup/props.d.ts

@@ -1,6 +1,6 @@
 import { BaseProps } from '../types';
 import { RadioProps } from '../Radio/props';
-export declare type RadioGroupOption = RadioProps & {
+export type RadioGroupOption = RadioProps & {
     label: string;
 };
 export interface RadioGroupProps extends BaseProps {

package/lib/RichText/RichText.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import handleProps from '../utils/handleProps';
-export var RichText = function (props) {
+export const RichText = props => {
   // @ts-ignore
   return /*#__PURE__*/React.createElement("v-rich-text", handleProps(props));
 };

package/lib/RichText/RichText.thing.js

@@ -1,8 +1,6 @@
 import * as React from 'react';
 import { RichText as RemaxRichText } from '@ray-js/adapter';
-
-var RichText = function (props) {
+const RichText = props => {
   return /*#__PURE__*/React.createElement(RemaxRichText, props);
 };
-
 export default RichText;

package/lib/RichText/RichText.wechat.js

@@ -1,8 +1,6 @@
 import * as React from 'react';
 import { RichText as RemaxRichText } from '@ray-js/adapter';
-
-var RichText = function (props) {
+const RichText = props => {
   return /*#__PURE__*/React.createElement(RemaxRichText, props);
 };
-
 export default RichText;

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.d.ts

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

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.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { SwiperProps } from './props';
-declare function Swiper<I, C extends React.FC>(props: SwiperProps<I>): JSX.Element;
+declare function Swiper<I, C extends React.FC>(props: SwiperProps<I>): React.JSX.Element;
 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.d.ts

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