taro-ui 3.1.0-beta.2 → 3.1.0-beta.4

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { View, Text, OpenData, Image, Button, Form, Switch, ScrollView, Label, Input, Textarea, Slider, MovableArea, MovableView, Swiper, SwiperItem, Picker } from '@tarojs/components';
+import { View, Text, OpenData, Image, Button, Switch, ScrollView, Form, Label, Input, Textarea, Slider, MovableArea, MovableView, Swiper, SwiperItem, Picker } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 
 /*! *****************************************************************************
@@ -1759,28 +1759,6 @@ var AtButton = /** @class */ (function (_super) {
     AtButton.prototype.onOpenSetting = function (event) {
         this.props.onOpenSetting && this.props.onOpenSetting(event);
     };
-    AtButton.prototype.onSumit = function (event) {
-        if (this.state.isWEAPP || this.state.isWEB) {
-            // TODO: 3.0 this.$scope
-            // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-            // @ts-ignore
-            this.$scope.triggerEvent('submit', event.detail, {
-                bubbles: true,
-                composed: true
-            });
-        }
-    };
-    AtButton.prototype.onReset = function (event) {
-        if (this.state.isWEAPP || this.state.isWEB) {
-            // TODO: 3.0 this.$scope
-            // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-            // @ts-ignore
-            this.$scope.triggerEvent('reset', event.detail, {
-                bubbles: true,
-                composed: true
-            });
-        }
-    };
     AtButton.prototype.render = function () {
         var _a;
         var _b = this.props, _c = _b.size, size = _c === void 0 ? 'normal' : _c, _d = _b.type, type = _d === void 0 ? '' : _d, circle = _b.circle, full = _b.full, loading = _b.loading, disabled = _b.disabled, customStyle = _b.customStyle, formType = _b.formType, openType = _b.openType, lang = _b.lang, sessionFrom = _b.sessionFrom, sendMessageTitle = _b.sendMessageTitle, sendMessagePath = _b.sendMessagePath, sendMessageImg = _b.sendMessageImg, showMessageCard = _b.showMessageCard, appParameter = _b.appParameter;
@@ -1805,7 +1783,7 @@ var AtButton = /** @class */ (function (_super) {
         var button = (React.createElement(Button, { className: 'at-button__wxbutton', formType: formType, openType: openType, lang: lang, sessionFrom: sessionFrom, sendMessageTitle: sendMessageTitle, sendMessagePath: sendMessagePath, sendMessageImg: sendMessageImg, showMessageCard: showMessageCard, appParameter: appParameter, onGetUserInfo: this.onGetUserInfo.bind(this), onGetPhoneNumber: this.onGetPhoneNumber.bind(this), onOpenSetting: this.onOpenSetting.bind(this), onError: this.onError.bind(this), onContact: this.onContact.bind(this) }));
         return (React.createElement(View, { className: classnames(rootClassName, classObject, this.props.className), style: customStyle, onClick: this.onClick.bind(this) },
             isWEB && !disabled && webButton,
-            isWEAPP && !disabled && (React.createElement(Form, { onSubmit: this.onSumit.bind(this), onReset: this.onReset.bind(this) }, button)),
+            isWEAPP && !disabled && button,
             isALIPAY && !disabled && button,
             loadingComponent,
             React.createElement(View, { className: 'at-button__text' }, this.props.children)));
@@ -3069,14 +3047,14 @@ AtIcon.propTypes = {
 function getInputProps(props) {
     var actualProps = {
         type: props.type,
-        maxlength: props.maxlength,
+        maxLength: props.maxLength || props.maxlength,
         disabled: props.disabled,
         password: false
     };
     switch (actualProps.type) {
         case 'phone':
             actualProps.type = 'number';
-            actualProps.maxlength = 11;
+            actualProps.maxLength = 11;
             break;
         case 'password':
             actualProps.type = 'text';
@@ -3141,7 +3119,7 @@ var AtInput = /** @class */ (function (_super) {
     }
     AtInput.prototype.render = function () {
         var _a = this.props, className = _a.className, customStyle = _a.customStyle, name = _a.name, cursorSpacing = _a.cursorSpacing, confirmType = _a.confirmType, cursor = _a.cursor, selectionStart = _a.selectionStart, selectionEnd = _a.selectionEnd, adjustPosition = _a.adjustPosition, border = _a.border, title = _a.title, error = _a.error, clear = _a.clear, placeholder = _a.placeholder, placeholderStyle = _a.placeholderStyle, placeholderClass = _a.placeholderClass, autoFocus = _a.autoFocus, focus = _a.focus, value = _a.value, required = _a.required;
-        var _b = getInputProps(this.props), type = _b.type, maxlength = _b.maxlength, disabled = _b.disabled, password = _b.password;
+        var _b = getInputProps(this.props), type = _b.type, maxLength = _b.maxLength, disabled = _b.disabled, password = _b.password;
         var rootCls = classnames('at-input', {
             'at-input--without-border': !border
         }, className);
@@ -3158,7 +3136,7 @@ var AtInput = /** @class */ (function (_super) {
             React.createElement(View, { className: containerCls },
                 React.createElement(View, { className: overlayCls, onClick: this.handleClick }),
                 title && (React.createElement(Label, { className: "at-input__title " + (required && 'at-input__title--required'), for: name }, title)),
-                React.createElement(Input, __assign({ className: 'at-input__input' }, id, { name: name, type: type, password: password, placeholderStyle: placeholderStyle, placeholderClass: placeholderCls, placeholder: placeholder, cursorSpacing: cursorSpacing, maxlength: maxlength, autoFocus: autoFocus, focus: focus, value: value, confirmType: confirmType, cursor: cursor, selectionStart: selectionStart, selectionEnd: selectionEnd, adjustPosition: adjustPosition, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onConfirm: this.handleConfirm, 
+                React.createElement(Input, __assign({ className: 'at-input__input' }, id, { name: name, type: type, disabled: disabled, password: password, placeholderStyle: placeholderStyle, placeholderClass: placeholderCls, placeholder: placeholder, cursorSpacing: cursorSpacing, maxlength: maxLength, autoFocus: autoFocus, focus: focus, value: value, confirmType: confirmType, cursor: cursor, selectionStart: selectionStart, selectionEnd: selectionEnd, adjustPosition: adjustPosition, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onConfirm: this.handleConfirm, 
                     // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                     // @ts-ignore
                     onKeyboardHeightChange: this.handleKeyboardHeightChange })),
@@ -3186,6 +3164,7 @@ AtInput.defaultProps = {
     selectionEnd: -1,
     adjustPosition: true,
     maxlength: 140,
+    maxLength: 140,
     type: 'text',
     disabled: false,
     border: true,
@@ -3214,6 +3193,7 @@ AtInput.propTypes = {
     adjustPosition: propTypes.bool,
     cursorSpacing: propTypes.oneOfType([propTypes.string, propTypes.number]),
     maxlength: propTypes.oneOfType([propTypes.string, propTypes.number]),
+    maxLength: propTypes.oneOfType([propTypes.string, propTypes.number]),
     type: propTypes.string,
     disabled: propTypes.bool,
     border: propTypes.bool,
@@ -5328,6 +5308,11 @@ var AtSearchBar = /** @class */ (function (_super) {
         };
         return _this;
     }
+    AtSearchBar.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
+        if (nextProps.focus !== this.props.focus) {
+            this.setState({ isFocus: !!nextProps.focus });
+        }
+    };
     AtSearchBar.prototype.render = function () {
         var _a = this.props, value = _a.value, placeholder = _a.placeholder, maxLength = _a.maxLength, fixed = _a.fixed, disabled = _a.disabled, showActionButton = _a.showActionButton, _b = _a.actionName, actionName = _b === void 0 ? '搜索' : _b, inputType = _a.inputType, // 处理issue#464
         className = _a.className, customStyle = _a.customStyle;
@@ -5460,7 +5445,7 @@ var AtDivider = /** @class */ (function (_super) {
         };
         var fontStyle = {
             color: fontColor,
-            'font-size': fontSize ? "" + pxTransform(Number(fontSize)) : ''
+            'fontSize': fontSize ? "" + pxTransform(Number(fontSize)) : ''
         };
         var lineStyle = {
             backgroundColor: lineColor