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

package/lib/Button/Button.js

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

package/lib/Button/Button.thing.js

@@ -1,30 +1,29 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["style", "id", "className", "disabled", "loading", "onClick", "hoverClassName", "size", "formType"];
+const _excluded = ["style", "id", "className", "disabled", "loading", "onClick", "hoverClassName", "size", "formType"];
 import * as React from 'react';
 import clsx from 'clsx';
 import { inlineStyle } from '@ray-js/framework-shared';
 import { Button as RemaxButton } from '@ray-js/adapter';
-
-var Button = function (props) {
-  var style = props.style,
-      id = props.id,
-      className = props.className,
-      disabled = props.disabled,
-      loading = props.loading,
-      onClick = props.onClick,
-      hoverClassName = props.hoverClassName,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'default' : _props$size,
-      formType = props.formType,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+const Button = props => {
+  const {
+      style,
+      id,
+      className,
+      disabled,
+      loading,
+      onClick,
+      hoverClassName,
+      size = 'default',
+      formType
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(RemaxButton, _extends({
     id: id,
     style: inlineStyle(style),
     className: clsx(className),
     hoverClassName: hoverClassName,
-    onClick: function handleTap(event) {
+    onClick: event => {
       if (disabled) return;
       if (loading) return;
       onClick === null || onClick === void 0 ? void 0 : onClick(event);
@@ -35,6 +34,5 @@ var Button = function (props) {
     formType: formType
   }, restProps));
 };
-
 Button.displayName = 'Button';
 export default Button;

package/lib/Button/Button.wechat.js

@@ -1,32 +1,31 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["style", "id", "className", "disabled", "loading", "onClick", "hoverClassName", "size", "formType"];
+const _excluded = ["style", "id", "className", "disabled", "loading", "onClick", "hoverClassName", "size", "formType"];
 import * as React from 'react';
 import clsx from 'clsx';
 import { inlineStyle } from '@ray-js/framework-shared';
 import { Button as RemaxButton } from '@ray-core/wechat';
 import { defaultButtonProps } from './props';
 import styles from './index.module.less';
-
-var Button = function (props) {
-  var style = props.style,
-      id = props.id,
-      className = props.className,
-      disabled = props.disabled,
-      loading = props.loading,
-      onClick = props.onClick,
-      hoverClassName = props.hoverClassName,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'default' : _props$size,
-      formType = props.formType,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+const Button = props => {
+  const {
+      style,
+      id,
+      className,
+      disabled,
+      loading,
+      onClick,
+      hoverClassName,
+      size = 'default',
+      formType
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(RemaxButton, _extends({
     id: id,
     style: inlineStyle(style),
     className: clsx('ray-button', styles.button, className),
     hoverClassName: clsx(styles['button-hover'], hoverClassName),
-    onClick: function handleTap(event) {
+    onClick: event => {
       if (disabled) return;
       if (loading) return;
       onClick === null || onClick === void 0 ? void 0 : onClick(event);
@@ -37,7 +36,6 @@ var Button = function (props) {
     size: size
   }, restProps));
 };
-
 Button.defaultProps = defaultButtonProps;
 Button.displayName = 'Button';
 export default Button;

package/lib/Button/props.js

@@ -1,4 +1,4 @@
-export var defaultButtonProps = {
+export const defaultButtonProps = {
   size: 'default',
   type: 'default',
   hoverStyle: {

package/lib/Camera/Camera.d.ts

@@ -1,2 +1,3 @@
-declare const Camera: () => JSX.Element;
+import React from 'react';
+declare const Camera: () => React.JSX.Element;
 export default Camera;

package/lib/Camera/Camera.js

@@ -1,7 +1,7 @@
-import React from 'react'; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+import React from 'react';
 
-var Camera = function () {
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+const Camera = () => {
   return /*#__PURE__*/React.createElement("div", null, "web\u7AEF\u6682\u672A\u5B9E\u73B0");
 };
-
 export default Camera;

package/lib/Camera/Camera.thing.js

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

package/lib/Camera/Camera.wechat.d.ts

@@ -1,2 +1,3 @@
-declare function Camera(): JSX.Element;
+import * as React from 'react';
+declare function Camera(): React.JSX.Element;
 export default Camera;

package/lib/Camera/Camera.wechat.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { View } from '@ray-js/components'; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+import { View } from '@ray-js/components';
 
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 function Camera() {
   return /*#__PURE__*/React.createElement(View, null, "\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F\u7AEF\u6682\u672A\u5B9E\u73B0");
 }
-
 export default Camera;

package/lib/Checkbox/Checkbox.js

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

package/lib/Checkbox/Checkbox.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 { Checkbox as RemaxCheckbox } from '@ray-js/adapter';
-
-var Checkbox = function (props) {
-  var className = props.className,
-      style = props.style,
-      id = props.id,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+const Checkbox = props => {
+  const {
+      className,
+      style,
+      id
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(RemaxCheckbox, _extends({
     id: id,
     style: inlineStyle(style),
     className: clsx('ray-checkbox', className)
   }, restProps));
 };
-
 export default Checkbox;

package/lib/Checkbox/Checkbox.wechat.js

@@ -1,18 +1,18 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "style", "id", "color"];
+const _excluded = ["className", "style", "id", "color"];
 import clsx from 'clsx';
 import * as React from 'react';
 import { inlineStyle } from '@ray-js/framework-shared';
 import { Checkbox as RemaxCheckbox } from '@ray-core/wechat';
-
-var Checkbox = function (props) {
-  var className = props.className,
-      style = props.style,
-      id = props.id,
-      color = props.color,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+const Checkbox = props => {
+  const {
+      className,
+      style,
+      id,
+      color
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(RemaxCheckbox, _extends({
     id: id,
     style: inlineStyle(style),
@@ -20,5 +20,4 @@ var Checkbox = function (props) {
     className: clsx('ray-checkbox', className)
   }, restProps));
 };
-
 export default Checkbox;

package/lib/CheckboxGroup/CheckboxGroup.js

@@ -1,23 +1,21 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import handleProps from '../utils/handleProps';
 import Label from '../Label';
 import CheckBox from '../Checkbox';
 import { useEventListener } from 'ahooks';
-
-var CheckboxGroup = 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;
-  var currentNode = React.useRef(null);
-  useEventListener('clickoverlay', function (e) {
-    var _props$onChange2;
-
-    (_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 ? void 0 : _props$onChange2.call(props, {
+const CheckboxGroup = props => {
+  const {
+    options,
+    name,
+    disabled,
+    onChange = () => {},
+    children
+  } = props;
+  const currentNode = React.useRef(null);
+  useEventListener('clickoverlay', e => {
+    var _props$onChange;
+    (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, {
       type: e.type,
       value: e.detail.value,
       origin: e
@@ -30,10 +28,9 @@ var CheckboxGroup = function (props) {
     // @ts-ignore
     React.createElement("v-checkbox-group", _extends({
       ref: currentNode
-    }, handleProps(props)), children || function renderOptions() {
-      return options.map(function (item, index) {
+    }, handleProps(props)), children || (() => {
+      return options.map((item, index) => {
         var _item$checked;
-
         return /*#__PURE__*/React.createElement(Label, {
           key: index + '_' + item.value
         }, /*#__PURE__*/React.createElement(CheckBox, {
@@ -43,9 +40,8 @@ var CheckboxGroup = function (props) {
           color: item.color
         }), item.label);
       });
-    }())
+    })())
   );
 };
-
 CheckboxGroup.displayName = 'CheckboxGroup';
 export default CheckboxGroup;

package/lib/CheckboxGroup/CheckboxGroup.thing.js

@@ -1,27 +1,23 @@
-import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import { CheckboxGroup as RemaxCheckboxGroup } from '@ray-js/adapter';
 import Checkbox from '../Checkbox';
 import Label from '../Label';
-
-var CheckboxGroup = 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 CheckboxGroup = props => {
+  const {
+    options,
+    name,
+    disabled,
+    onChange = () => {},
+    children
+  } = props;
   return /*#__PURE__*/React.createElement(RemaxCheckboxGroup, {
     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(Checkbox, {
@@ -31,7 +27,6 @@ var CheckboxGroup = function (props) {
         color: item.color
       }), item.label);
     });
-  }());
+  })());
 };
-
 export default CheckboxGroup;

package/lib/CheckboxGroup/CheckboxGroup.wechat.js

@@ -1,27 +1,23 @@
-import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import { CheckboxGroup as RemaxCheckboxGroup } from '@ray-core/wechat';
 import Checkbox from '../Checkbox';
 import Label from '../Label';
-
-var CheckboxGroup = 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 CheckboxGroup = props => {
+  const {
+    options,
+    name,
+    disabled,
+    onChange = () => {},
+    children
+  } = props;
   return /*#__PURE__*/React.createElement(RemaxCheckboxGroup, {
     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(Checkbox, {
@@ -31,7 +27,6 @@ var CheckboxGroup = function (props) {
         color: item.color
       }), item.label);
     });
-  }());
+  })());
 };
-
 export default CheckboxGroup;

package/lib/CheckboxGroup/props.d.ts

@@ -1,6 +1,6 @@
 import { BaseProps } from '../types';
 import { CheckboxProps } from '../Checkbox/props';
-export declare type CheckboxGroupOption = CheckboxProps & {
+export type CheckboxGroupOption = CheckboxProps & {
     label: string;
 };
 export interface CheckboxGroupProps extends BaseProps {

package/lib/CoverView/CoverView.js

@@ -1,7 +1,5 @@
 import React from 'react';
-
-var CoverView = function () {
+const CoverView = () => {
   return /*#__PURE__*/React.createElement("div", null, "web\u7AEF\u6682\u672A\u5B9E\u73B0");
 };
-
 export default CoverView;

package/lib/CoverView/CoverView.thing.js

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

package/lib/CoverView/CoverView.wechat.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { CoverViewProps } from './props';
-declare function CoverView(props: CoverViewProps): JSX.Element;
+declare function CoverView(props: CoverViewProps): React.JSX.Element;
 export default CoverView;

package/lib/CoverView/CoverView.wechat.js

@@ -1,8 +1,6 @@
 import * as React from 'react';
 import { View } from '@ray-js/components';
-
 function CoverView() {
   return /*#__PURE__*/React.createElement(View, null, "\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F\u7AEF\u6682\u672A\u5B9E\u73B0");
 }
-
 export default CoverView;

package/lib/CoverView/props.d.ts

@@ -1,5 +1,5 @@
 import { BaseProps } from '../types';
-export declare type CoverViewProps = BaseProps & {
+export type CoverViewProps = BaseProps & {
     children?: any;
 };
 export declare const defaultCoverViewProps: Partial<CoverViewProps>;

package/lib/CoverView/props.js

@@ -1 +1 @@
-export var defaultCoverViewProps = {};
+export const defaultCoverViewProps = {};

package/lib/Form/Form.js

@@ -1,18 +1,18 @@
 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 = ["onSubmit", "onReset"];
+const _excluded = ["onSubmit", "onReset"];
 import * as React from 'react';
 import handleProps from '../utils/handleProps';
 import { useEventListener } from 'ahooks';
-
-var Form = function (props) {
-  var onSubmit = props.onSubmit,
-      onReset = props.onReset,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  var currentNode = React.useRef(null);
-  useEventListener('submit', function (e) {
+const Form = props => {
+  const {
+      onSubmit,
+      onReset
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const currentNode = React.useRef(null);
+  useEventListener('submit', e => {
     onSubmit(_objectSpread(_objectSpread({}, e.detail || {}), {}, {
       origin: e,
       type: 'submit'
@@ -20,18 +20,18 @@ var Form = function (props) {
   }, {
     target: currentNode
   });
-  useEventListener('reset', function (e) {
+  useEventListener('reset', e => {
     onReset(_objectSpread(_objectSpread({}, e.detail || {}), {}, {
       origin: e,
       type: 'reset'
     }));
   }, {
     target: currentNode
-  }); // @ts-ignore
+  });
 
+  // @ts-ignore
   return /*#__PURE__*/React.createElement("v-form", _extends({
     ref: currentNode
   }, handleProps(restProps)));
 };
-
 export default Form;

package/lib/Form/Form.thing.js

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

package/lib/Form/Form.wechat.js

@@ -1,33 +1,28 @@
 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 "core-js/modules/web.dom-collections.iterator.js";
 import * as React from 'react';
 import { Form as RemaxForm } from '@ray-core/wechat';
 import { useTouch } from '@ray-js/framework-shared';
-
-var Form = 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 Form = 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(RemaxForm, _extends({}, restProps, handlers));
 };
-
 export default Form;

package/lib/Form/props.d.ts

@@ -1,5 +1,5 @@
 import { BaseProps } from '../types';
-export declare type FormProps = BaseProps & {
+export type FormProps = BaseProps & {
     /**
      * @description.en Trigger the Submit event with the data in the form
      * @description.zh 携带 form 中的数据触发 submit 事件

package/lib/Icon/Icon.js

@@ -3,12 +3,13 @@ import * as React from 'react';
 import { Text } from '@ray-js/components';
 import { defaultIconProps } from './props';
 import './index.less';
-
-var Icon = function (props) {
-  var type = props.type,
-      size = props.size,
-      color = props.color,
-      style = props.style;
+const Icon = props => {
+  const {
+    type,
+    size,
+    color,
+    style
+  } = props;
   return /*#__PURE__*/React.createElement(Text, {
     className: "iconfont ".concat(type),
     style: _objectSpread(_objectSpread({}, style), {}, {
@@ -17,7 +18,6 @@ var Icon = function (props) {
     })
   });
 };
-
 Icon.defaultProps = defaultIconProps;
 Icon.displayName = 'Icon';
 export default Icon;