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

package/lib/Icon/props.d.ts

@@ -20,4 +20,4 @@ export interface IconProps extends BaseProps {
     color?: string;
 }
 export declare const defaultIconProps: IconProps;
-export declare type IconFontName = 'icon-warning' | 'icon-right' | 'icon-up' | 'icon-down' | 'icon-right-copy' | 'icon-right-copy1' | 'icon-a-cloudsunboltfill' | 'icon-a-cloudhailfill' | 'icon-a-cloudrainfill' | 'icon-deskclock' | 'icon-a-cloudsleetfill' | 'icon-a-arrowtrianglecapsulepath' | 'icon-a-cloudfogfill' | 'icon-a-clouddrizzlefill' | 'icon-a-cloudsunrainfill' | 'icon-a-crownfill' | 'icon-a-deskclockfill' | 'icon-a-envelopeopenfill' | 'icon-a-desktopcomputerandarrowdown' | 'icon-a-ferryfill' | 'icon-a-dropfill' | 'icon-a-cloudmoonfill' | 'icon-a-icloudandarrowdownfill' | 'icon-a-heartfill' | 'icon-a-icloudcirclefill' | 'icon-a-giftfill' | 'icon-a-handpointupleftfill' | 'icon-icon' | 'icon-a-exclamationmarkicloudfill' | 'icon-a-facesmilingfill' | 'icon-a-cloudsunfill' | 'icon-a-figurewalk' | 'icon-a-envelopebadge' | 'icon-a-locationnorthfill' | 'icon-a-minussquarefill' | 'icon-a-icloudslashfill' | 'icon-a-lockicloudfill' | 'icon-a-flamefill' | 'icon-left' | 'icon-a-linkicloudfill' | 'icon-a-micfill' | 'icon-icon-2' | 'icon-a-latch2casefill' | 'icon-a-exclamationmarkbubblefill' | 'icon-a-pausefill' | 'icon-a-paintbrushfill' | 'icon-a-moonfill' | 'icon-a-keyicloudfill' | 'icon-a-messagefill' | 'icon-a-envelopefill' | 'icon-a-moonstarsfill' | 'icon-a-icloudandarrowupfill' | 'icon-checkmark-3' | 'icon-a-locationcirclefill' | 'icon-a-forwardendaltfill' | 'icon-a-clockfill' | 'icon-bonjour' | 'icon-a-icloudcircle' | 'icon-a-leaffill' | 'icon-a-paintbrushpointedfill' | 'icon-a-cloudsnowfill' | 'icon-a-playfill' | 'icon-a-plussquarefill' | 'icon-a-minuscirclefill' | 'icon-a-personicloudfill' | 'icon-a-phonefill' | 'icon-a-pawprintfill' | 'icon-plus' | 'icon-a-scribblevariable' | 'icon-a-phoneandwaveformfill' | 'icon-a-phonedownfill' | 'icon-a-pluscirclefill' | 'icon-a-repeat1' | 'icon-a-printerfillandpaperfill' | 'icon-a-scrollfill' | 'icon-snow' | 'icon-a-speakerwave1fill' | 'icon-scissors' | 'icon-a-playrectanglefill' | 'icon-a-globeamericasfill' | 'icon-a-dotradiowavesleftandright' | 'icon-minus' | 'icon-a-stopfill' | 'icon-a-suitcasefill' | 'icon-a-sunrisefill' | 'icon-a-thermometersunfill' | 'icon-a-trainsidefrontcar' | 'icon-a-speakerwave3fill' | 'icon-a-cloudheavyrainfill' | 'icon-a-eyedropperhalffull' | 'icon-a-sunminfill' | 'icon-a-sunsetfill' | 'icon-a-timersquare' | 'icon-stopwatch' | 'icon-thermometer' | 'icon-repeat' | 'icon-a-stopwatchfill' | 'icon-a-sunmaxfill' | 'icon-a-icloudfill' | 'icon-a-tramfill' | 'icon-tornado' | 'icon-a-videoslashfill' | 'icon-personalhotspot' | 'icon-a-thermometersnowflake' | 'icon-a-sunhazefill' | 'icon-a-videofill' | 'icon-sparkles' | 'icon-a-facemaskfill' | 'icon-a-wave3backwardcirclefill' | 'icon-a-wave3leftcirclefill' | 'icon-a-wandandstarsinverse' | 'icon-a-wave3rightcirclefill' | 'icon-xmark' | 'icon-a-wave3right' | 'icon-a-waveformandmic' | 'icon-a-wifiexclamationmark' | 'icon-wifi' | 'icon-a-xmarkicloudfill' | 'icon-wind' | 'icon-timer' | 'icon-a-wrenchandscrewdriverfill' | 'icon-a-wave3forwardcirclefill' | 'icon-a-lockfill' | 'icon-a-wifislash' | 'icon-a-windsnow' | 'icon-a-wave3forward' | 'icon-cancel' | 'icon-a-arrowbackward' | 'icon-a-arrowdown' | 'icon-alarm' | 'icon-a-alarmfill' | 'icon-a-airplanedeparture' | 'icon-a-arrowlefttolinealt' | 'icon-a-arrowforward' | 'icon-airplane' | 'icon-a-arrow2squarepath' | 'icon-a-antennaradiowavesleftandright' | 'icon-a-arrowshapeturnuprightfill' | 'icon-a-arrowcounterclockwise' | 'icon-a-arrowturndownleft' | 'icon-a-arrowturnupleft' | 'icon-a-airplanearrival' | 'icon-a-boltfill' | 'icon-a-arrowturnrightup' | 'icon-a-arrowcounterclockwiseicloudfill' | 'icon-a-bellfill' | 'icon-a-arrowupanddownandarrowleftandright' | 'icon-a-beddoublefill' | 'icon-a-arrowshapeturnupleft2fill' | 'icon-a-arrowtrianglerightfillandlineverticalandarr' | 'icon-a-bolthorizontalicloudfill' | 'icon-a-boltheartfill' | 'icon-a-arrowupleftanddownrightandarrowuprightan' | 'icon-a-arrowclockwiseicloudfill' | 'icon-a-arrowupbackwardandarrowdownforward' | 'icon-a-arrowturndownright' | 'icon-bold' | 'icon-a-arrowleftarrowright' | 'icon-a-bolthorizontalfill' | 'icon-checkmark' | 'icon-a-arrowrighttolinealt' | 'icon-a-bubblerightfill' | 'icon-checkmark-2' | 'icon-clock' | 'icon-a-carfill' | 'icon-a-backwardendaltfill' | 'icon-checkmark-4' | 'icon-a-chevronright2' | 'icon-a-cloudboltrainfill' | 'icon-a-bolthorizontalcirclefill' | 'icon-a-chevronleft2' | 'icon-a-chevroncompactdown' | 'icon-a-briefcasefill' | 'icon-a-arrowturnupright' | 'icon-a-cloudboltfill' | 'icon-a-cloudfill' | 'icon-a-bubbleleftandbubblerightfill' | 'icon-a-bellbadgefill' | 'icon-checkmark-1' | 'icon-a-cloudmoonrainfill' | 'icon-a-chevroncompactright' | 'icon-a-crossfill' | 'icon-a-busfill' | 'icon-a-arrowturnleftup' | 'icon-a-cloudmoonboltfill' | 'icon-a-arrowtriangleleftfillandlineverticalandarro' | 'icon-a-checkmarkicloudfill';
+export type IconFontName = 'icon-warning' | 'icon-right' | 'icon-up' | 'icon-down' | 'icon-right-copy' | 'icon-right-copy1' | 'icon-a-cloudsunboltfill' | 'icon-a-cloudhailfill' | 'icon-a-cloudrainfill' | 'icon-deskclock' | 'icon-a-cloudsleetfill' | 'icon-a-arrowtrianglecapsulepath' | 'icon-a-cloudfogfill' | 'icon-a-clouddrizzlefill' | 'icon-a-cloudsunrainfill' | 'icon-a-crownfill' | 'icon-a-deskclockfill' | 'icon-a-envelopeopenfill' | 'icon-a-desktopcomputerandarrowdown' | 'icon-a-ferryfill' | 'icon-a-dropfill' | 'icon-a-cloudmoonfill' | 'icon-a-icloudandarrowdownfill' | 'icon-a-heartfill' | 'icon-a-icloudcirclefill' | 'icon-a-giftfill' | 'icon-a-handpointupleftfill' | 'icon-icon' | 'icon-a-exclamationmarkicloudfill' | 'icon-a-facesmilingfill' | 'icon-a-cloudsunfill' | 'icon-a-figurewalk' | 'icon-a-envelopebadge' | 'icon-a-locationnorthfill' | 'icon-a-minussquarefill' | 'icon-a-icloudslashfill' | 'icon-a-lockicloudfill' | 'icon-a-flamefill' | 'icon-left' | 'icon-a-linkicloudfill' | 'icon-a-micfill' | 'icon-icon-2' | 'icon-a-latch2casefill' | 'icon-a-exclamationmarkbubblefill' | 'icon-a-pausefill' | 'icon-a-paintbrushfill' | 'icon-a-moonfill' | 'icon-a-keyicloudfill' | 'icon-a-messagefill' | 'icon-a-envelopefill' | 'icon-a-moonstarsfill' | 'icon-a-icloudandarrowupfill' | 'icon-checkmark-3' | 'icon-a-locationcirclefill' | 'icon-a-forwardendaltfill' | 'icon-a-clockfill' | 'icon-bonjour' | 'icon-a-icloudcircle' | 'icon-a-leaffill' | 'icon-a-paintbrushpointedfill' | 'icon-a-cloudsnowfill' | 'icon-a-playfill' | 'icon-a-plussquarefill' | 'icon-a-minuscirclefill' | 'icon-a-personicloudfill' | 'icon-a-phonefill' | 'icon-a-pawprintfill' | 'icon-plus' | 'icon-a-scribblevariable' | 'icon-a-phoneandwaveformfill' | 'icon-a-phonedownfill' | 'icon-a-pluscirclefill' | 'icon-a-repeat1' | 'icon-a-printerfillandpaperfill' | 'icon-a-scrollfill' | 'icon-snow' | 'icon-a-speakerwave1fill' | 'icon-scissors' | 'icon-a-playrectanglefill' | 'icon-a-globeamericasfill' | 'icon-a-dotradiowavesleftandright' | 'icon-minus' | 'icon-a-stopfill' | 'icon-a-suitcasefill' | 'icon-a-sunrisefill' | 'icon-a-thermometersunfill' | 'icon-a-trainsidefrontcar' | 'icon-a-speakerwave3fill' | 'icon-a-cloudheavyrainfill' | 'icon-a-eyedropperhalffull' | 'icon-a-sunminfill' | 'icon-a-sunsetfill' | 'icon-a-timersquare' | 'icon-stopwatch' | 'icon-thermometer' | 'icon-repeat' | 'icon-a-stopwatchfill' | 'icon-a-sunmaxfill' | 'icon-a-icloudfill' | 'icon-a-tramfill' | 'icon-tornado' | 'icon-a-videoslashfill' | 'icon-personalhotspot' | 'icon-a-thermometersnowflake' | 'icon-a-sunhazefill' | 'icon-a-videofill' | 'icon-sparkles' | 'icon-a-facemaskfill' | 'icon-a-wave3backwardcirclefill' | 'icon-a-wave3leftcirclefill' | 'icon-a-wandandstarsinverse' | 'icon-a-wave3rightcirclefill' | 'icon-xmark' | 'icon-a-wave3right' | 'icon-a-waveformandmic' | 'icon-a-wifiexclamationmark' | 'icon-wifi' | 'icon-a-xmarkicloudfill' | 'icon-wind' | 'icon-timer' | 'icon-a-wrenchandscrewdriverfill' | 'icon-a-wave3forwardcirclefill' | 'icon-a-lockfill' | 'icon-a-wifislash' | 'icon-a-windsnow' | 'icon-a-wave3forward' | 'icon-cancel' | 'icon-a-arrowbackward' | 'icon-a-arrowdown' | 'icon-alarm' | 'icon-a-alarmfill' | 'icon-a-airplanedeparture' | 'icon-a-arrowlefttolinealt' | 'icon-a-arrowforward' | 'icon-airplane' | 'icon-a-arrow2squarepath' | 'icon-a-antennaradiowavesleftandright' | 'icon-a-arrowshapeturnuprightfill' | 'icon-a-arrowcounterclockwise' | 'icon-a-arrowturndownleft' | 'icon-a-arrowturnupleft' | 'icon-a-airplanearrival' | 'icon-a-boltfill' | 'icon-a-arrowturnrightup' | 'icon-a-arrowcounterclockwiseicloudfill' | 'icon-a-bellfill' | 'icon-a-arrowupanddownandarrowleftandright' | 'icon-a-beddoublefill' | 'icon-a-arrowshapeturnupleft2fill' | 'icon-a-arrowtrianglerightfillandlineverticalandarr' | 'icon-a-bolthorizontalicloudfill' | 'icon-a-boltheartfill' | 'icon-a-arrowupleftanddownrightandarrowuprightan' | 'icon-a-arrowclockwiseicloudfill' | 'icon-a-arrowupbackwardandarrowdownforward' | 'icon-a-arrowturndownright' | 'icon-bold' | 'icon-a-arrowleftarrowright' | 'icon-a-bolthorizontalfill' | 'icon-checkmark' | 'icon-a-arrowrighttolinealt' | 'icon-a-bubblerightfill' | 'icon-checkmark-2' | 'icon-clock' | 'icon-a-carfill' | 'icon-a-backwardendaltfill' | 'icon-checkmark-4' | 'icon-a-chevronright2' | 'icon-a-cloudboltrainfill' | 'icon-a-bolthorizontalcirclefill' | 'icon-a-chevronleft2' | 'icon-a-chevroncompactdown' | 'icon-a-briefcasefill' | 'icon-a-arrowturnupright' | 'icon-a-cloudboltfill' | 'icon-a-cloudfill' | 'icon-a-bubbleleftandbubblerightfill' | 'icon-a-bellbadgefill' | 'icon-checkmark-1' | 'icon-a-cloudmoonrainfill' | 'icon-a-chevroncompactright' | 'icon-a-crossfill' | 'icon-a-busfill' | 'icon-a-arrowturnleftup' | 'icon-a-cloudmoonboltfill' | 'icon-a-arrowtriangleleftfillandlineverticalandarro' | 'icon-a-checkmarkicloudfill';

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.d.ts

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

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.d.ts

@@ -1,2 +1,3 @@
-declare const Iframe: () => JSX.Element;
+import React from 'react';
+declare const Iframe: () => React.JSX.Element;
 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

@@ -1,6 +1,6 @@
 import { BaseProps } from '../types';
 import { GenericEvent as WxEvent } from '@ray-core/wechat';
-export declare type InputType = 'text' | 'number' | 'digit' | 'idcard';
+export type InputType = 'text' | 'number' | 'digit' | 'idcard';
 export interface InputProps extends BaseProps {
     /**
      * @description.en content
@@ -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,12 +44,6 @@ 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'时生效
@@ -51,23 +51,13 @@ export interface InputProps extends BaseProps {
      */
     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
+     * @description 输入框内容左侧内容缩进，仅在涂鸦小程序有效
      */
-    selectionStart?: number;
+    indentStart?: string | 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
+     * @description 输入框内容右侧内容缩进，仅在涂鸦小程序有效
      */
-    cursor?: number;
+    indentEnd?: string | 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'