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

package/lib/Icon/props.js

@@ -1,4 +1,4 @@
-export var defaultIconProps = {
+export const defaultIconProps = {
   size: 16,
   type: 'icon-warning',
   color: '#333333'

package/lib/Iframe/Iframe.js

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

package/lib/Iframe/Iframe.thing.js

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

package/lib/Iframe/Iframe.wechat.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { View as RemaxView } from '@ray-core/wechat'; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+import { View as RemaxView } from '@ray-core/wechat';
 
-var Iframe = function () {
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+const Iframe = () => {
   return /*#__PURE__*/React.createElement(RemaxView, null, "wechat \u7AEF\u4E0D\u652F\u6301");
 };
-
 export default Iframe;

package/lib/Image/Image.js

@@ -3,26 +3,24 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import * as React from 'react';
 import { useEventListener } from 'ahooks';
 import handleProps from '../utils/handleProps';
-var Image = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var currentNode = ref || React.useRef(null);
-  useEventListener('load', function (e) {
+const Image = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const currentNode = ref || React.useRef(null);
+  useEventListener('load', e => {
     var _props$onLoad;
-
     (_props$onLoad = props.onLoad) === null || _props$onLoad === void 0 ? void 0 : _props$onLoad.call(props, _objectSpread(_objectSpread({
       type: e.type
     }, e.detail), {}, {
-      origin: origin
+      origin
     }));
   }, {
     target: currentNode
   });
-  useEventListener('error', function (e) {
+  useEventListener('error', e => {
     var _props$onError;
-
     (_props$onError = props.onError) === null || _props$onError === void 0 ? void 0 : _props$onError.call(props, _objectSpread(_objectSpread({
       type: e.type
     }, e.detail), {}, {
-      origin: origin
+      origin
     }));
   }, {
     target: currentNode

package/lib/Image/Image.thing.js

@@ -1,23 +1,21 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["style", "className", "mode"];
+const _excluded = ["style", "className", "mode"];
 import clsx from 'clsx';
 import * as React from 'react';
 import { inlineStyle } from '@ray-js/framework-shared';
 import { Image as RemaxImage } from '@ray-js/adapter';
-
-var Image = function (props) {
-  var style = props.style,
-      className = props.className,
-      _props$mode = props.mode,
-      mode = _props$mode === void 0 ? 'scaleToFill' : _props$mode,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+const Image = props => {
+  const {
+      style,
+      className,
+      mode = 'scaleToFill'
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(RemaxImage, _extends({
     style: inlineStyle(style),
     className: clsx('ray-image', className),
     mode: mode
   }, restProps));
 };
-
 export default Image;

package/lib/Image/Image.wechat.js

@@ -1,44 +1,39 @@
 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 = ["style", "className", "onClick", "onLongClick", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart", "onLoad", "onError", "mode"];
+const _excluded = ["style", "className", "onClick", "onLongClick", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart", "onLoad", "onError", "mode"];
+import "core-js/modules/web.dom-collections.iterator.js";
 import clsx from 'clsx';
 import * as React from 'react';
 import { inlineStyle, useTouch } from '@ray-js/framework-shared';
 import { Image as RemaxImage } from '@ray-core/wechat';
-
-var Image = function (props) {
-  var style = props.style,
-      className = props.className,
-      onClick = props.onClick,
-      onLongClick = props.onLongClick,
-      onTouchCancel = props.onTouchCancel,
-      onTouchEnd = props.onTouchEnd,
-      onTouchMove = props.onTouchMove,
-      onTouchStart = props.onTouchStart,
-      onLoad = props.onLoad,
-      onError = props.onError,
-      _props$mode = props.mode,
-      mode = _props$mode === void 0 ? 'scaleToFill' : _props$mode,
-      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 Image = props => {
+  const {
+      style,
+      className,
+      onClick,
+      onLongClick,
+      onTouchCancel,
+      onTouchEnd,
+      onTouchMove,
+      onTouchStart,
+      onLoad,
+      onError,
+      mode = 'scaleToFill'
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const [touching, handlers] = useTouch({
+    onLongClick,
+    onTouchStart,
+    onTouchMove,
+    onTouchEnd,
+    onTouchCancel,
+    onClick
+  });
   return /*#__PURE__*/React.createElement(RemaxImage, _extends({
     style: inlineStyle(style),
     className: clsx('ray-image', className),
     mode: mode,
-    onLoad: function handleOnload(e) {
+    onLoad: e => {
       onLoad === null || onLoad === void 0 ? void 0 : onLoad({
         width: e.detail.width,
         height: e.detail.height,
@@ -47,5 +42,4 @@ var Image = function (props) {
     }
   }, handlers, restProps));
 };
-
 export default Image;

package/lib/Input/Input.js

@@ -1,7 +1,7 @@
 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 = ["placeholderStyle", "className", "maxLength", "onBlur", "onFocus", "onConfirm"];
+const _excluded = ["placeholderStyle", "className", "maxLength", "onBlur", "onFocus", "onConfirm"];
+import "core-js/modules/web.dom-collections.iterator.js";
 import * as React from 'react';
 import clsx from 'clsx';
 import { useEventListener } from 'ahooks';
@@ -9,21 +9,19 @@ import { inlineStyle, useStylesheet } from '@ray-js/framework-shared';
 import { defaultInputProps } from './props';
 import styles from './index.module.less';
 import handleProps from '../utils/handleProps';
-var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var placeholderStyle = props.placeholderStyle,
-      className = props.className,
-      maxLength = props.maxLength,
-      onBlur = props.onBlur,
-      onFocus = props.onFocus,
-      onConfirm = props.onConfirm,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  var _useStylesheet = useStylesheet(inlineStyle(placeholderStyle)),
-      _useStylesheet2 = _slicedToArray(_useStylesheet, 1),
-      placeholderStyleClassName = _useStylesheet2[0];
-
-  var currentNode = ref || React.useRef(null);
-  useEventListener('focus', function (e) {
+const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+      placeholderStyle,
+      className,
+      maxLength,
+      onBlur,
+      onFocus,
+      onConfirm
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const [placeholderStyleClassName] = useStylesheet(inlineStyle(placeholderStyle));
+  const currentNode = ref || React.useRef(null);
+  useEventListener('focus', e => {
     onFocus === null || onFocus === void 0 ? void 0 : onFocus({
       type: 'focus',
       value: e.detail.value,
@@ -32,21 +30,25 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, {
     target: currentNode
   });
-  useEventListener('blur', function (e) {
-    var value = e.target.value;
+  useEventListener('blur', e => {
+    const {
+      value
+    } = e.target;
     onBlur === null || onBlur === void 0 ? void 0 : onBlur({
       type: 'blur',
-      value: value,
+      value,
       origin: e
     });
   }, {
     target: currentNode
   });
-  useEventListener('confirm', function (e) {
-    var value = e.target.value;
+  useEventListener('confirm', e => {
+    const {
+      value
+    } = e.target;
     onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm({
       type: 'confirm',
-      value: value,
+      value,
       origin: e
     });
   }, {
@@ -59,11 +61,12 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
       maxlength: maxLength,
       onInput: function (e) {
         var _props$onInput;
-
-        var value = e.target.value;
+        const {
+          value
+        } = e.target;
         (_props$onInput = props.onInput) === null || _props$onInput === void 0 ? void 0 : _props$onInput.call(props, {
           type: 'input',
-          value: value,
+          value,
           origin: e
         });
       },

package/lib/Input/Input.thing.js

@@ -1,55 +1,52 @@
 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 = ["name", "id", "className", "style", "disabled", "type", "value", "focus", "maxLength", "onBlur", "onConfirm", "onFocus", "onInput", "password", "placeholder", "placeholderStyle"];
+const _excluded = ["name", "id", "className", "style", "disabled", "type", "value", "focus", "maxLength", "onBlur", "onConfirm", "onFocus", "onInput", "password", "placeholder", "placeholderStyle"];
+import "core-js/modules/web.dom-collections.iterator.js";
 import * as React from 'react';
 import clsx from 'clsx';
 import { Input as RemaxInput } from '@ray-js/adapter';
 import { inlineStyle } from '@ray-js/framework-shared';
 import { nextFrame } from '../core';
 import styles from './index.module.less';
-var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var name = props.name,
-      id = props.id,
-      className = props.className,
-      style = props.style,
-      disabled = props.disabled,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'text' : _props$type,
-      value = props.value,
-      focus = props.focus,
-      maxLength = props.maxLength,
-      onBlur = props.onBlur,
-      onConfirm = props.onConfirm,
-      onFocus = props.onFocus,
-      onInput = props.onInput,
-      password = props.password,
-      placeholder = props.placeholder,
-      placeholderStyle = props.placeholderStyle,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  var _React$useState = React.useState(value),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      internalValue = _React$useState2[0],
-      setInternalValue = _React$useState2[1];
-
-  var bufferValue = React.useRef(value);
-  React.useEffect(function () {
+const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+      name,
+      id,
+      className,
+      style,
+      disabled,
+      type = 'text',
+      value,
+      focus,
+      maxLength,
+      onBlur,
+      onConfirm,
+      onFocus,
+      onInput,
+      password,
+      placeholder,
+      placeholderStyle
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const [internalValue, setInternalValue] = React.useState(value);
+  const bufferValue = React.useRef(value);
+  React.useEffect(() => {
     if (value !== bufferValue.current) {
       // HACK: 避免重复设置相同 value 不渲染的问题
       setInternalValue(bufferValue.current);
-      nextFrame(1).then(function () {
+      nextFrame(1).then(() => {
         bufferValue.current = value;
         setInternalValue(value);
       });
     }
   }, [value]);
-  var selection = focus ? {
+  const selection = focus ? {
     selectionStart: (internalValue === null || internalValue === void 0 ? void 0 : internalValue.length) || -1,
     selectionEnd: (internalValue === null || internalValue === void 0 ? void 0 : internalValue.length) || -1
   } : undefined;
   return /*#__PURE__*/React.createElement(RemaxInput, _extends({
-    name: name //@ts-ignore
+    name: name
+    //@ts-ignore
     ,
     ref: ref,
     id: id,
@@ -63,16 +60,19 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     placeholderStyle: inlineStyle(placeholderStyle),
     maxlength: maxLength,
     onInput: function (event) {
-      var value = event.detail.value; // 内部 value 管控
-
+      const {
+        value
+      } = event.detail;
+      // 内部 value 管控
       bufferValue.current = value;
       event.value = value;
       onInput === null || onInput === void 0 ? void 0 : onInput(event);
     },
     onBlur: onBlur,
     onConfirm: function (event) {
-      var _event$detail$value = event.detail.value,
-          value = _event$detail$value === void 0 ? '' : _event$detail$value;
+      const {
+        value = ''
+      } = event.detail;
       setInternalValue(value);
       onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(event);
     },

package/lib/Input/Input.wechat.js

@@ -1,7 +1,7 @@
 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 = ["name", "id", "className", "style", "disabled", "type", "value", "focus", "maxLength", "onBlur", "onConfirm", "onFocus", "onInput", "password", "placeholder", "placeholderStyle"];
+const _excluded = ["name", "id", "className", "style", "disabled", "type", "value", "focus", "maxLength", "onBlur", "onConfirm", "onFocus", "onInput", "password", "placeholder", "placeholderStyle"];
+import "core-js/modules/web.dom-collections.iterator.js";
 import * as React from 'react';
 import clsx from 'clsx';
 import { Input as RemaxInput } from '@ray-core/wechat';
@@ -9,48 +9,45 @@ import { inlineStyle } from '@ray-js/framework-shared';
 import { defaultInputProps } from './props';
 import { nextFrame } from '../core';
 import styles from './index.module.less';
-var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var name = props.name,
-      id = props.id,
-      className = props.className,
-      style = props.style,
-      disabled = props.disabled,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'text' : _props$type,
-      value = props.value,
-      focus = props.focus,
-      maxLength = props.maxLength,
-      onBlur = props.onBlur,
-      onConfirm = props.onConfirm,
-      onFocus = props.onFocus,
-      onInput = props.onInput,
-      password = props.password,
-      placeholder = props.placeholder,
-      placeholderStyle = props.placeholderStyle,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  var _React$useState = React.useState(value),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      internalValue = _React$useState2[0],
-      setInternalValue = _React$useState2[1];
-
-  var bufferValue = React.useRef(value);
-  React.useEffect(function () {
+const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+      name,
+      id,
+      className,
+      style,
+      disabled,
+      type = 'text',
+      value,
+      focus,
+      maxLength,
+      onBlur,
+      onConfirm,
+      onFocus,
+      onInput,
+      password,
+      placeholder,
+      placeholderStyle
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const [internalValue, setInternalValue] = React.useState(value);
+  const bufferValue = React.useRef(value);
+  React.useEffect(() => {
     if (value !== bufferValue.current) {
       // HACK: 避免重复设置相同 value 不渲染的问题
       setInternalValue(bufferValue.current);
-      nextFrame(1).then(function () {
+      nextFrame(1).then(() => {
         bufferValue.current = value;
         setInternalValue(value);
       });
     }
   }, [value]);
-  var selection = focus ? {
+  const selection = focus ? {
     selectionStart: (internalValue === null || internalValue === void 0 ? void 0 : internalValue.length) || -1,
     selectionEnd: (internalValue === null || internalValue === void 0 ? void 0 : internalValue.length) || -1
   } : undefined;
   return /*#__PURE__*/React.createElement(RemaxInput, _extends({
-    name: name //@ts-ignore
+    name: name
+    //@ts-ignore
     ,
     ref: ref,
     id: id,
@@ -64,41 +61,44 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     placeholderStyle: inlineStyle(placeholderStyle),
     maxlength: maxLength,
     onInput: function (event) {
-      var value = event.detail.value; // 内部 value 管控
-
+      const {
+        value
+      } = event.detail;
+      // 内部 value 管控
       bufferValue.current = value;
       onInput === null || onInput === void 0 ? void 0 : onInput({
         type: 'input',
-        value: value,
+        value,
         origin: event
       });
     },
     onBlur: function (event) {
-      var _event$detail$value3 = event.detail.value,
-          value = _event$detail$value3 === void 0 ? '' : _event$detail$value3;
+      const {
+        value = ''
+      } = event.detail;
       onBlur === null || onBlur === void 0 ? void 0 : onBlur({
         type: 'blur',
-        value: value,
+        value,
         origin: event
       });
     },
     onConfirm: function (event) {
-      var _event$detail$value = event.detail.value,
-          value = _event$detail$value === void 0 ? '' : _event$detail$value;
+      const {
+        value = ''
+      } = event.detail;
       setInternalValue(value);
       onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(event);
     },
     onFocus: function (event) {
-      var _event$detail = event.detail,
-          _event$detail$value2 = _event$detail.value,
-          value = _event$detail$value2 === void 0 ? '' : _event$detail$value2,
-          _event$detail$height = _event$detail.height,
-          height = _event$detail$height === void 0 ? 0 : _event$detail$height;
+      const {
+        value = '',
+        height = 0
+      } = event.detail;
       setInternalValue(value);
       onFocus === null || onFocus === void 0 ? void 0 : onFocus({
         type: 'focus',
-        value: value,
-        height: height,
+        value,
+        height,
         origin: event
       });
     },

package/lib/Input/props.d.ts

@@ -26,6 +26,12 @@ export interface InputProps extends BaseProps {
      * @default undefined
      */
     placeholder?: string;
+    /**
+     * @description.en placeholder
+     * @description.zh 占位符的样式
+     * @default undefined
+     */
+    placeholderStyle?: string;
     /**
      * @description.en disabled
      * @description.zh 是否禁用
@@ -38,36 +44,12 @@ export interface InputProps extends BaseProps {
      * @default undefined
      */
     maxLength?: number;
-    /**
-     * @description.en 获Get focus取焦点
-     * @description.zh 获取焦点
-     * @default false
-     */
-    focus?: boolean;
     /**
      * @description.en Set the text of the button in the lower right corner of the keyboard, effective only when type='text'
      * @description.zh 设置键盘右下角按钮的文字，仅在type='text'时生效
      * @default done
      */
     confirmType?: 'send' | 'search' | 'next' | 'go' | 'done';
-    /**
-     * @description.en Start position of the cursor. This parameter is valid for automatic clustering and must be used with Selection End
-     * @description.zh 光标起始位置，自动聚集时有效，需与 selectionEnd 搭配使用
-     * @default -1
-     */
-    selectionStart?: number;
-    /**
-     * @description.en End cursor position. This parameter is valid for automatic clustering and must be used with Selection Start
-     * @description.zh 光标结束位置，自动聚集时有效，需与 selectionStart 搭配使用
-     * @default -1
-     */
-    selectionEnd?: number;
-    /**
-     * @description.en Specifies the cursor position for focus
-     * @description.zh 指定 focus 时的光标位置
-     * @default false
-     */
-    cursor?: number;
     /**
      * @description.en Input events
      * @description.zh 输入事件

package/lib/Input/props.js

@@ -1,6 +1,4 @@
-export var defaultInputProps = {
-  selectionEnd: -1,
-  selectionStart: -1,
+export const defaultInputProps = {
   type: 'text',
   maxLength: 140,
   confirmType: 'done'

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.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;