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

package/lib/Swiper/Swiper.wechat.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-core/wechat';
 import { propsAlias } from '../core';
 import { SwiperPropsAlias, defaultSwiperProps } 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,13 +43,12 @@ 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));
     });
   }());
 }
-
 Swiper.defaultProps = defaultSwiperProps;
 export default Swiper;

package/lib/Swiper/props.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { BaseProps } from '../types';
 import { GenericEvent as WxEvent } from '@ray-core/wechat';
-export declare type SwiperProps<I> = BaseProps & {
+export type SwiperProps<I> = BaseProps & {
     /**
      * @description.en Whether to display panel points
      * @description.zh 是否显示面板指示点

package/lib/Swiper/props.js

@@ -1,4 +1,4 @@
-export var defaultSwiperProps = {
+export const defaultSwiperProps = {
   autoplay: false,
   circular: false,
   current: 0,
@@ -9,7 +9,7 @@ export var defaultSwiperProps = {
   interval: 5000,
   vertical: false
 };
-export var SwiperPropsAlias = {
+export const SwiperPropsAlias = {
   dotActiveColor: 'indicatorActiveColor',
   dotColor: 'indicatorColor',
   dots: 'indicatorDots'

package/lib/SwiperItem/SwiperItem.js

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

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,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 { 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,22 +1,21 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "onInput", "onConfirm", "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,
-      onConfirm = props.onConfirm,
-      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,
@@ -25,16 +24,7 @@ var Textarea = function (props) {
   }, {
     target: currentNode
   });
-  useEventListener('confirm', function (e) {
-    onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm({
-      type: 'confirm',
-      value: e.detail.value,
-      origin: e
-    });
-  }, {
-    target: currentNode
-  });
-  useEventListener('focus', function (e) {
+  useEventListener('focus', e => {
     onFocus === null || onFocus === void 0 ? void 0 : onFocus({
       type: 'focus',
       value: e.detail.value,
@@ -43,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,
@@ -61,6 +51,5 @@ var Textarea = function (props) {
     }))
   );
 };
-
 Textarea.displayName = 'Textarea';
 export default Textarea;

package/lib/Textarea/Textarea.thing.js

@@ -1,32 +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", "onConfirm", "onBlur", "maxLength", "focus", "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,
-      onConfirm = props.onConfirm,
-      onBlur = props.onBlur,
-      _props$maxLength = props.maxLength,
-      maxLength = _props$maxLength === void 0 ? 140 : _props$maxLength,
-      focus = props.focus,
-      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,
@@ -34,21 +34,17 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: clsx('ray-textarea', styles.textarea, className),
     autoHeight: autoHeight,
     disabled: disabled,
-    focus: focus,
     maxlength: maxLength // 小程序里是 maxlength 小写
     ,
     onBlur: onBlur,
-    onConfirm: function (e) {
-      var value = e.detail.value;
-      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm({
-        value: value
-      });
-    },
+    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,32 +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", "onConfirm", "onBlur", "maxLength", "focus", "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,
-      onConfirm = props.onConfirm,
-      onBlur = props.onBlur,
-      _props$maxLength = props.maxLength,
-      maxLength = _props$maxLength === void 0 ? 140 : _props$maxLength,
-      focus = props.focus,
-      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,
@@ -34,23 +34,19 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: clsx('ray-textarea', styles.textarea, className),
     autoHeight: autoHeight,
     disabled: disabled,
-    focus: focus,
     maxlength: maxLength // 小程序里是 maxlength 小写
     ,
     onBlur: onBlur,
-    onConfirm: function (e) {
-      var value = e.detail.value;
-      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm({
-        value: value
-      });
-    },
     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,
     placeholder: placeholder,
     placeholderStyle: inlineStyle(placeholderStyle),
     value: value

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 {
@@ -40,12 +40,6 @@ export interface TextareaProps extends BaseProps {
      * @default null
      */
     maxLength?: number;
-    /**
-     * @description.en Get focus
-     * @description.zh 获取焦点
-     * @default null
-     */
-    focus?: boolean;
     /**
      * @description.en Automatic increase or not
      * @description.zh 是否自动增高
@@ -71,9 +65,9 @@ export interface TextareaProps extends BaseProps {
      */
     onBlur?: (event: any) => void;
     /**
-     * @description.en Click Finish when triggered
-     * @description.zh 点击完成时， 触发
+     * @description.en Called when the number of lines in the input box changes, event.detail = {height: 0, lineCount: 0}
+     * @description.zh 输入框行数变化时调用，event.detail = {height: 0, lineCount: 0}
      * @default null
      */
-    onConfirm?: (event: any) => void;
+    onLinechange?: (event: any) => void;
 }