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

package/lib/IpcPlayer/IpcPlayer.d.ts

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

package/lib/IpcPlayer/IpcPlayer.js

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

package/lib/IpcPlayer/IpcPlayer.thing.js

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

package/lib/IpcPlayer/IpcPlayer.wechat.d.ts

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

package/lib/IpcPlayer/IpcPlayer.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 IpcPlayer() {
   return /*#__PURE__*/React.createElement(View, null, "\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F\u7AEF\u6682\u672A\u5B9E\u73B0");
 }
-
 export default IpcPlayer;

package/lib/Label/Label.js

@@ -1,17 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["htmlFor"];
+const _excluded = ["htmlFor"];
 import * as React from 'react';
 import handleProps from '../utils/handleProps';
-
-var Label = function (props) {
-  var htmlFor = props.htmlFor,
-      restProps = _objectWithoutProperties(props, _excluded); // @ts-ignore
-
-
+const Label = props => {
+  const {
+      htmlFor
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  // @ts-ignore
   return /*#__PURE__*/React.createElement("v-label", _extends({
     for: htmlFor
   }, handleProps(restProps)));
 };
-
 export default Label;

package/lib/Label/Label.thing.js

@@ -3,13 +3,14 @@ import clsx from 'clsx';
 import { inlineStyle } from '@ray-js/framework-shared';
 import { Label as RemaxLabel } from '@ray-js/adapter';
 import styles from './index.module.less';
-
-var Label = function (props) {
-  var id = props.id,
-      style = props.style,
-      className = props.className,
-      htmlFor = props.htmlFor,
-      children = props.children;
+const Label = props => {
+  const {
+    id,
+    style,
+    className,
+    htmlFor,
+    children
+  } = props;
   return /*#__PURE__*/React.createElement(RemaxLabel, {
     for: htmlFor,
     id: id,
@@ -17,5 +18,4 @@ var Label = function (props) {
     className: clsx('ray-label', styles.label, className)
   }, children);
 };
-
 export default Label;

package/lib/Label/Label.wechat.js

@@ -3,13 +3,14 @@ import clsx from 'clsx';
 import { inlineStyle } from '@ray-js/framework-shared';
 import { Label as RemaxLabel } from '@ray-core/wechat';
 import styles from './index.module.less';
-
-var Label = function (props) {
-  var id = props.id,
-      style = props.style,
-      className = props.className,
-      htmlFor = props.htmlFor,
-      children = props.children;
+const Label = props => {
+  const {
+    id,
+    style,
+    className,
+    htmlFor,
+    children
+  } = props;
   return /*#__PURE__*/React.createElement(RemaxLabel, {
     for: htmlFor,
     id: id,
@@ -17,5 +18,4 @@ var Label = function (props) {
     className: clsx('ray-label', styles.label, className)
   }, children);
 };
-
 export default Label;

package/lib/Map/Map.js

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

package/lib/Map/Map.thing.js

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

package/lib/Map/Map.wechat.js

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

package/lib/Modal/index.js

@@ -1,6 +1,8 @@
 import { usePageInstance, createPortal } from '@ray-js/runtime';
 export default function Modal(_ref) {
-  var children = _ref.children;
-  var inst = usePageInstance();
+  let {
+    children
+  } = _ref;
+  const inst = usePageInstance();
   return createPortal(children, inst.modalContainer);
 }

package/lib/Modal/index.web.js

@@ -1,11 +1,13 @@
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 export default function Modal(_ref) {
-  var children = _ref.children;
-  var domNode = React.useRef(document.createElement('div'));
-  React.useEffect(function () {
+  let {
+    children
+  } = _ref;
+  const domNode = React.useRef(document.createElement('div'));
+  React.useEffect(() => {
     document.body.appendChild(domNode.current);
-    return function () {
+    return () => {
       document.body.removeChild(domNode.current);
     };
   }, []);

package/lib/MovableArea/MovableArea.js

@@ -1,10 +1,11 @@
-import "core-js/modules/es.object.assign.js";
+import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import handleProps from '../utils/handleProps';
 import { MovableArea as RemaxMovableArea } from '@ray-js/adapter';
-export var MovableArea = function (props) {
-  var restProps = Object.assign({}, props); // @ts-ignore
-
+export const MovableArea = props => {
+  const restProps = _extends({}, (_objectDestructuringEmpty(props), props));
+  // @ts-ignore
   return /*#__PURE__*/React.createElement("v-movable-area", handleProps(restProps));
 };
 MovableArea.defaultProps = RemaxMovableArea.defaultProps;

package/lib/MovableArea/MovableArea.thing.js

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

package/lib/MovableArea/MovableArea.wechat.js

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

package/lib/MovableView/MovableView.js

@@ -1,18 +1,19 @@
 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 = ["onChange", "onScale"];
+const _excluded = ["onChange", "onScale"];
 import React from 'react';
 import { useEventListener } from 'ahooks';
 import handleProps from '../utils/handleProps';
 import { MovableView as RemaxMovableView } from '@ray-js/adapter';
-export var MovableView = function (props) {
-  var onChange = props.onChange,
-      onScale = props.onScale,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  var currentNode = React.useRef(null);
-  useEventListener('change', function (e) {
+export const MovableView = props => {
+  const {
+      onChange,
+      onScale
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const currentNode = React.useRef(null);
+  useEventListener('change', e => {
     onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({
       type: 'change'
     }, e.detail), {}, {
@@ -21,7 +22,7 @@ export var MovableView = function (props) {
   }, {
     target: currentNode
   });
-  useEventListener('scale', function (e) {
+  useEventListener('scale', e => {
     onScale === null || onScale === void 0 ? void 0 : onScale(_objectSpread(_objectSpread({
       type: 'scale'
     }, e.detail), {}, {
@@ -29,8 +30,8 @@ export var MovableView = function (props) {
     }));
   }, {
     target: currentNode
-  }); // @ts-ignore
-
+  });
+  // @ts-ignore
   return /*#__PURE__*/React.createElement("v-movable-view", _extends({
     ref: currentNode
   }, handleProps(restProps)));

package/lib/MovableView/MovableView.thing.js

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

package/lib/MovableView/MovableView.wechat.js

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

package/lib/NativeVideo/NativeVideo.d.ts

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

package/lib/NativeVideo/NativeVideo.js

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

package/lib/NativeVideo/NativeVideo.thing.js

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

package/lib/NativeVideo/NativeVideo.wechat.d.ts

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

package/lib/NativeVideo/NativeVideo.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 NativeVideo() {
   return /*#__PURE__*/React.createElement(View, null, "\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F\u7AEF\u6682\u672A\u5B9E\u73B0");
 }
-
 export default NativeVideo;

package/lib/PageContainer/PageContainer.js

@@ -3,13 +3,13 @@ import React, { useRef } from 'react';
 import { useEventListener } from 'ahooks';
 import { defaultPageContainerProps } from './props';
 import handleProps from '../utils/handleProps';
-
-var PageContainer = function (props) {
-  var children = props.children;
-  var currentNode = useRef(null);
-  useEventListener('clickoverlay', function (e) {
+const PageContainer = props => {
+  const {
+    children
+  } = props;
+  const currentNode = useRef(null);
+  useEventListener('clickoverlay', e => {
     var _props$onClickOverlay;
-
     (_props$onClickOverlay = props.onClickOverlay) === null || _props$onClickOverlay === void 0 ? void 0 : _props$onClickOverlay.call(props, {
       type: 'clickoverlay',
       origin: e
@@ -17,9 +17,8 @@ var PageContainer = function (props) {
   }, {
     target: currentNode
   });
-  useEventListener('beforeenter', function (e) {
+  useEventListener('beforeenter', e => {
     var _props$onBeforeEnter;
-
     (_props$onBeforeEnter = props.onBeforeEnter) === null || _props$onBeforeEnter === void 0 ? void 0 : _props$onBeforeEnter.call(props, {
       type: 'beforeenter',
       origin: e
@@ -27,9 +26,8 @@ var PageContainer = function (props) {
   }, {
     target: currentNode
   });
-  useEventListener('enter', function (e) {
+  useEventListener('enter', e => {
     var _props$onEnter;
-
     (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 ? void 0 : _props$onEnter.call(props, {
       type: 'enter',
       origin: e
@@ -37,9 +35,8 @@ var PageContainer = function (props) {
   }, {
     target: currentNode
   });
-  useEventListener('afterenter', function (e) {
+  useEventListener('afterenter', e => {
     var _props$onAfterEnter;
-
     (_props$onAfterEnter = props.onAfterEnter) === null || _props$onAfterEnter === void 0 ? void 0 : _props$onAfterEnter.call(props, {
       type: 'afterenter',
       origin: e
@@ -47,9 +44,8 @@ var PageContainer = function (props) {
   }, {
     target: currentNode
   });
-  useEventListener('beforeleave', function (e) {
+  useEventListener('beforeleave', e => {
     var _props$onBeforeLeave;
-
     (_props$onBeforeLeave = props.onBeforeLeave) === null || _props$onBeforeLeave === void 0 ? void 0 : _props$onBeforeLeave.call(props, {
       type: 'beforeleave',
       origin: e
@@ -57,9 +53,8 @@ var PageContainer = function (props) {
   }, {
     target: currentNode
   });
-  useEventListener('leave', function (e) {
+  useEventListener('leave', e => {
     var _props$onLeave;
-
     (_props$onLeave = props.onLeave) === null || _props$onLeave === void 0 ? void 0 : _props$onLeave.call(props, {
       type: 'leave',
       origin: e
@@ -67,9 +62,8 @@ var PageContainer = function (props) {
   }, {
     target: currentNode
   });
-  useEventListener('afterleave', function (e) {
+  useEventListener('afterleave', e => {
     var _props$onAfterLeave;
-
     (_props$onAfterLeave = props.onAfterLeave) === null || _props$onAfterLeave === void 0 ? void 0 : _props$onAfterLeave.call(props, {
       type: 'afterleave',
       origin: e
@@ -85,6 +79,5 @@ var PageContainer = function (props) {
     }), children)
   );
 };
-
 PageContainer.defaultProps = defaultPageContainerProps;
 export default PageContainer;

package/lib/PageContainer/PageContainer.thing.d.ts

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

package/lib/PageContainer/PageContainer.thing.js

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

package/lib/PageContainer/PageContainer.wechat.d.ts

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

package/lib/PageContainer/PageContainer.wechat.js

@@ -1,8 +1,6 @@
 import * as React from 'react';
 import { PageContainer as RemaxPageContainer } from '@ray-core/wechat';
-
 function PageContainer(props) {
   return /*#__PURE__*/React.createElement(RemaxPageContainer, props);
 }
-
 export default PageContainer;

package/lib/PageContainer/props.d.ts

@@ -1,12 +1,12 @@
 import { BaseProps } from '../types';
 import * as React from 'react';
 import { BaseEvent } from '@ray-js/adapter/esm/types/component';
-export declare type PageContainerEventType = {
+export type PageContainerEventType = {
     type: string;
     value?: any;
     origin: BaseEvent;
 };
-export declare type PageContainerProps = BaseProps & {
+export type PageContainerProps = BaseProps & {
     /** 文本是否可选 */
     show?: boolean;
     duration?: number;

package/lib/PageContainer/props.js

@@ -1,9 +1,9 @@
-export var defaultPageContainerProps = {
+export const defaultPageContainerProps = {
   show: false,
   duration: 300,
   zIndex: 100,
   overlay: true,
   position: 'bottom',
-  round: false // closeOnSlideDown: false,
-
+  round: false
+  // closeOnSlideDown: false,
 };

package/lib/Picker/Picker.js

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "core-js/modules/web.dom-collections.iterator.js";
 import * as React from 'react';
 import { useTouch } from '@ray-js/framework-shared';
 import { useEventListener } from 'ahooks';
 import handleProps from '../utils/handleProps';
-var countArr = 1;
-
-var Picker = function (props) {
-  var onTouchStart = props.onTouchStart,
-      onTouchMove = props.onTouchMove,
-      onTouchEnd = props.onTouchEnd,
-      onTouchCancel = props.onTouchCancel,
-      onClick = props.onClick,
-      children = props.children;
-  var currentNode = React.useRef(null);
-  useEventListener('change', function (e) {
+let countArr = 1;
+const Picker = props => {
+  const {
+    onTouchStart,
+    onTouchMove,
+    onTouchEnd,
+    onTouchCancel,
+    onClick,
+    children
+  } = 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,
@@ -25,9 +25,8 @@ var Picker = function (props) {
   }, {
     target: currentNode
   });
-  useEventListener('cancel', function (e) {
+  useEventListener('cancel', e => {
     var _props$onCancel;
-
     (_props$onCancel = props.onCancel) === null || _props$onCancel === void 0 ? void 0 : _props$onCancel.call(props, {
       type: 'cancel',
       origin: e
@@ -35,29 +34,23 @@ var Picker = function (props) {
   }, {
     target: currentNode
   });
-
-  var _useTouch = useTouch({
-    onTouchStart: onTouchStart,
-    onTouchMove: onTouchMove,
-    onTouchEnd: onTouchEnd,
-    onTouchCancel: onTouchCancel,
-    onClick: onClick
-  }),
-      _useTouch2 = _slicedToArray(_useTouch, 2),
-      handlers = _useTouch2[1];
-
-  var multiarr = function (arr) {
-    for (var i = 0; i < arr.length; i++) {
+  const [, handlers] = useTouch({
+    onTouchStart,
+    onTouchMove,
+    onTouchEnd,
+    onTouchCancel,
+    onClick
+  });
+  const multiarr = arr => {
+    for (let i = 0; i < arr.length; i++) {
       if (arr[i] instanceof Array) {
         countArr++;
         arr = arr[i];
         multiarr(arr);
       }
     }
-
     return countArr;
   };
-
   return (
     /*#__PURE__*/
     // @ts-ignore
@@ -67,6 +60,5 @@ var Picker = function (props) {
     }), children)
   );
 };
-
 Picker.displayName = 'Picker';
 export default Picker;