@ray-js/components 1.3.21 → 1.3.23

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;

package/lib/Switch/Switch.wechat.js

@@ -1,25 +1,24 @@
 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-core/wechat';
 import './index.module.less';
-
-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,
@@ -32,5 +31,4 @@ var Switch = function (props) {
     color: color || '#007AFF'
   }, restProps));
 };
-
 export default Switch;

package/lib/Switch/props.js

@@ -1,4 +1,4 @@
-export var defaultSwitchProps = {
+export const defaultSwitchProps = {
   type: 'switch',
   color: '#007AFF',
   disabled: false

package/lib/Text/Text.js

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

package/lib/Text/Text.thing.js

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

package/lib/Text/Text.wechat.js

@@ -1,33 +1,27 @@
 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 = ["onClick", "onLongClick", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart"];
+const _excluded = ["onClick", "onLongClick", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart"];
 import * as React from 'react';
 import { Text as RemaxText } from '@ray-core/wechat';
 import { useTouch } from '@ray-js/framework-shared';
-
-var Text = function (props) {
-  var onClick = props.onClick,
-      onLongClick = props.onLongClick,
-      onTouchCancel = props.onTouchCancel,
-      onTouchEnd = props.onTouchEnd,
-      onTouchMove = props.onTouchMove,
-      onTouchStart = props.onTouchStart,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  var _useTouch = useTouch({
-    onLongClick: onLongClick,
-    onTouchStart: onTouchStart,
-    onTouchMove: onTouchMove,
-    onTouchEnd: onTouchEnd,
-    onTouchCancel: onTouchCancel,
-    onClick: onClick
-  }),
-      _useTouch2 = _slicedToArray(_useTouch, 2),
-      touching = _useTouch2[0],
-      handlers = _useTouch2[1];
-
+const Text = props => {
+  const {
+      onClick,
+      onLongClick,
+      onTouchCancel,
+      onTouchEnd,
+      onTouchMove,
+      onTouchStart
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const [touching, handlers] = useTouch({
+    onLongClick,
+    onTouchStart,
+    onTouchMove,
+    onTouchEnd,
+    onTouchCancel,
+    onClick
+  });
   return /*#__PURE__*/React.createElement(RemaxText, _extends({}, restProps, handlers));
 };
-
 export default Text;

package/lib/Textarea/Textarea.js

@@ -1,21 +1,21 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "onInput", "onFocus", "onBlur"];
+const _excluded = ["className", "onInput", "onFocus", "onBlur"];
 import * as React from 'react';
 import clsx from 'clsx';
 import { useEventListener } from 'ahooks';
 import styles from './index.module.less';
 import handleProps from '../utils/handleProps';
-
-var Textarea = function (props) {
-  var className = props.className,
-      onInput = props.onInput,
-      onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  var currentNode = React.useRef(null);
-  useEventListener('input', function (e) {
+const Textarea = props => {
+  const {
+      className,
+      onInput,
+      onFocus,
+      onBlur
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const currentNode = React.useRef(null);
+  useEventListener('input', e => {
     onInput === null || onInput === void 0 ? void 0 : onInput({
       type: 'input',
       value: e.detail.value,
@@ -24,7 +24,7 @@ var Textarea = function (props) {
   }, {
     target: currentNode
   });
-  useEventListener('focus', function (e) {
+  useEventListener('focus', e => {
     onFocus === null || onFocus === void 0 ? void 0 : onFocus({
       type: 'focus',
       value: e.detail.value,
@@ -33,7 +33,7 @@ var Textarea = function (props) {
   }, {
     target: currentNode
   });
-  useEventListener('blur', function (e) {
+  useEventListener('blur', e => {
     onBlur === null || onBlur === void 0 ? void 0 : onBlur({
       type: 'blur',
       value: e.detail.value,
@@ -51,6 +51,5 @@ var Textarea = function (props) {
     }))
   );
 };
-
 Textarea.displayName = 'Textarea';
 export default Textarea;

package/lib/Textarea/Textarea.thing.js

@@ -1,31 +1,32 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "className", "style", "value", "placeholderStyle", "placeholder", "onInput", "onFocus", "onLinechange", "onBlur", "maxLength", "disabled", "name", "autoHeight"];
+const _excluded = ["id", "className", "style", "value", "placeholderStyle", "placeholder", "onInput", "onFocus", "onLinechange", "onBlur", "maxLength", "disabled", "name", "autoHeight"];
 import * as React from 'react';
 import clsx from 'clsx';
 import { inlineStyle } from '@ray-js/framework-shared';
 import { Textarea as RemaxTextarea } from '@ray-js/adapter';
 import styles from './index.module.less';
-var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var id = props.id,
-      className = props.className,
-      style = props.style,
-      value = props.value,
-      placeholderStyle = props.placeholderStyle,
-      placeholder = props.placeholder,
-      onInput = props.onInput,
-      onFocus = props.onFocus,
-      onLinechange = props.onLinechange,
-      onBlur = props.onBlur,
-      _props$maxLength = props.maxLength,
-      maxLength = _props$maxLength === void 0 ? 140 : _props$maxLength,
-      disabled = props.disabled,
-      name = props.name,
-      autoHeight = props.autoHeight,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+      id,
+      className,
+      style,
+      value,
+      placeholderStyle,
+      placeholder,
+      onInput,
+      onFocus,
+      onLinechange,
+      onBlur,
+      maxLength = 140,
+      disabled,
+      name,
+      autoHeight
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(RemaxTextarea, _extends({
-    name: name // @ts-ignore
+    name: name
+    // @ts-ignore
     ,
     ref: ref,
     id: id,
@@ -39,9 +40,11 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onLinechange: onLinechange,
     onFocus: onFocus,
     onInput: function (e) {
-      var value = e.detail.value;
+      const {
+        value
+      } = e.detail;
       onInput === null || onInput === void 0 ? void 0 : onInput({
-        value: value
+        value
       });
     },
     placeholder: placeholder,

package/lib/Textarea/Textarea.wechat.js

@@ -1,31 +1,32 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "className", "style", "value", "placeholderStyle", "placeholder", "onInput", "onFocus", "onBlur", "onLinechange", "maxLength", "disabled", "name", "autoHeight"];
+const _excluded = ["id", "className", "style", "value", "placeholderStyle", "placeholder", "onInput", "onFocus", "onBlur", "onLinechange", "maxLength", "disabled", "name", "autoHeight"];
 import * as React from 'react';
 import clsx from 'clsx';
 import { inlineStyle } from '@ray-js/framework-shared';
 import { Textarea as RemaxTextarea } from '@ray-core/wechat';
 import styles from './index.module.less';
-var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var id = props.id,
-      className = props.className,
-      style = props.style,
-      value = props.value,
-      placeholderStyle = props.placeholderStyle,
-      placeholder = props.placeholder,
-      onInput = props.onInput,
-      onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      onLinechange = props.onLinechange,
-      _props$maxLength = props.maxLength,
-      maxLength = _props$maxLength === void 0 ? 140 : _props$maxLength,
-      disabled = props.disabled,
-      name = props.name,
-      autoHeight = props.autoHeight,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+      id,
+      className,
+      style,
+      value,
+      placeholderStyle,
+      placeholder,
+      onInput,
+      onFocus,
+      onBlur,
+      onLinechange,
+      maxLength = 140,
+      disabled,
+      name,
+      autoHeight
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(RemaxTextarea, _extends({
-    name: name // @ts-ignore
+    name: name
+    // @ts-ignore
     ,
     ref: ref,
     id: id,
@@ -38,9 +39,11 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onBlur: onBlur,
     onFocus: onFocus,
     onInput: function (e) {
-      var value = e.detail.value;
+      const {
+        value
+      } = e.detail;
       onInput === null || onInput === void 0 ? void 0 : onInput({
-        value: value
+        value
       });
     },
     onLinechange: onLinechange,

package/lib/Textarea/props.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BaseProps, FormEvent } from '../types';
-export declare type TextareaEvent = FormEvent<{
+export type TextareaEvent = FormEvent<{
     value: string;
 }>;
 export interface TextareaProps extends BaseProps {

package/lib/View/View.js

@@ -1,7 +1,6 @@
 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", "className", "style", "children", "hoverClassName", "hoverStartTime", "hoverStayTime", "hoverable", "onClick", "onLongClick", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart", "onTransitionEnd"];
+const _excluded = ["id", "className", "style", "children", "hoverClassName", "hoverStartTime", "hoverStayTime", "hoverable", "onClick", "onLongClick", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart", "onTransitionEnd"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -9,38 +8,35 @@ import handleProps from '../utils/handleProps';
 import { filterProps, inlineStyle, useTouch } from '@ray-js/framework-shared';
 import { defaultViewProps } from './props';
 import styles from './index.module.less';
-var View = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var id = props.id,
-      className = props.className,
-      style = props.style,
-      children = props.children,
-      hoverClassName = props.hoverClassName,
-      hoverStartTime = props.hoverStartTime,
-      hoverStayTime = props.hoverStayTime,
-      hoverable = props.hoverable,
-      onClick = props.onClick,
-      onLongClick = props.onLongClick,
-      onTouchCancel = props.onTouchCancel,
-      onTouchEnd = props.onTouchEnd,
-      onTouchMove = props.onTouchMove,
-      onTouchStart = props.onTouchStart,
-      onTransitionEnd = props.onTransitionEnd,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  var _useTouch = useTouch({
+const View = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+      id,
+      className,
+      style,
+      children,
+      hoverClassName,
+      hoverStartTime,
+      hoverStayTime,
+      hoverable,
+      onClick,
+      onLongClick,
+      onTouchCancel,
+      onTouchEnd,
+      onTouchMove,
+      onTouchStart,
+      onTransitionEnd
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const [touching, handlers] = useTouch({
     hoverDelay: hoverStartTime,
     hoverDuration: hoverStayTime,
-    onLongClick: onLongClick,
-    onTouchStart: onTouchStart,
-    onTouchMove: onTouchMove,
-    onTouchEnd: onTouchEnd,
-    onTouchCancel: onTouchCancel,
-    onClick: onClick
-  }),
-      _useTouch2 = _slicedToArray(_useTouch, 2),
-      touching = _useTouch2[0],
-      handlers = _useTouch2[1];
-
+    onLongClick,
+    onTouchStart,
+    onTouchMove,
+    onTouchEnd,
+    onTouchCancel,
+    onClick
+  });
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("v-view", _extends({}, handleProps(props), {
     ref: ref,
     id: id,

package/lib/View/View.thing.js

@@ -1,53 +1,51 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "className", "style", "hoverClassName", "hoverStartTime", "hoverStayTime", "children", "onLongClick", "onTouchStart", "onTouchMove", "onTouchEnd", "onTouchCancel", "onClick", "hoverable", "onTransitionEnd"];
+const _excluded = ["id", "className", "style", "hoverClassName", "hoverStartTime", "hoverStayTime", "children", "onLongClick", "onTouchStart", "onTouchMove", "onTouchEnd", "onTouchCancel", "onClick", "hoverable", "onTransitionEnd"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import { inlineStyle, useTouch } from '@ray-js/framework-shared';
 import { View as RemaxView } from '@ray-js/adapter';
 import styles from './index.module.less';
-var View = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var id = props.id,
-      className = props.className,
-      style = props.style,
-      hoverClassName = props.hoverClassName,
-      hoverStartTime = props.hoverStartTime,
-      hoverStayTime = props.hoverStayTime,
-      children = props.children,
-      onLongClick = props.onLongClick,
-      onTouchStart = props.onTouchStart,
-      onTouchMove = props.onTouchMove,
-      onTouchEnd = props.onTouchEnd,
-      onTouchCancel = props.onTouchCancel,
-      onClick = props.onClick,
-      hoverable = props.hoverable,
-      onTransitionEnd = props.onTransitionEnd,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  var _useTouch = useTouch({
+const View = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+      id,
+      className,
+      style,
+      hoverClassName,
+      hoverStartTime,
+      hoverStayTime,
+      children,
+      onLongClick,
+      onTouchStart,
+      onTouchMove,
+      onTouchEnd,
+      onTouchCancel,
+      onClick,
+      hoverable,
+      onTransitionEnd
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const [touching, handlers] = useTouch({
     hoverDelay: hoverStartTime,
     hoverDuration: hoverStayTime,
-    onLongClick: onLongClick,
-    onTouchStart: onTouchStart,
-    onTouchMove: onTouchMove,
-    onTouchEnd: onTouchEnd,
-    onTouchCancel: onTouchCancel,
-    onClick: onClick
-  }),
-      _useTouch2 = _slicedToArray(_useTouch, 2),
-      touching = _useTouch2[0],
-      handlers = _useTouch2[1];
-
-  return /*#__PURE__*/React.createElement(RemaxView // @ts-ignore
+    onLongClick,
+    onTouchStart,
+    onTouchMove,
+    onTouchEnd,
+    onTouchCancel,
+    onClick
+  });
+  return /*#__PURE__*/React.createElement(RemaxView
+  // @ts-ignore
   , _extends({
     ref: ref,
     id: id,
     className: className,
     style: inlineStyle(style),
-    hoverClassName: clsx(_defineProperty({}, styles.hover, hoverable), hoverClassName),
+    hoverClassName: clsx({
+      [styles.hover]: hoverable
+    }, hoverClassName),
     hoverStartTime: hoverStartTime,
     hoverStayTime: hoverStayTime,
     onTransitionEnd: onTransitionEnd