taro-ui 3.1.0 → 3.2.0-beta.0

package/dist/index.esm.js

@@ -99,11 +99,14 @@ function __read(o, n) {
     return ar;
 }
 
-/** @deprecated */
-function __spread() {
-    for (var ar = [], i = 0; i < arguments.length; i++)
-        ar = ar.concat(__read(arguments[i]));
-    return ar;
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 }
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -114,9 +117,9 @@ function createCommonjsModule(fn, module) {
 
 var classnames = createCommonjsModule(function (module) {
 /*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
+  Copyright (c) 2017 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
 */
 /* global define */
 
@@ -124,7 +127,7 @@ var classnames = createCommonjsModule(function (module) {
 
 	var hasOwn = {}.hasOwnProperty;
 
-	function classNames() {
+	function classNames () {
 		var classes = [];
 
 		for (var i = 0; i < arguments.length; i++) {
@@ -135,19 +138,12 @@ var classnames = createCommonjsModule(function (module) {
 
 			if (argType === 'string' || argType === 'number') {
 				classes.push(arg);
-			} else if (Array.isArray(arg)) {
-				if (arg.length) {
-					var inner = classNames.apply(null, arg);
-					if (inner) {
-						classes.push(inner);
-					}
+			} else if (Array.isArray(arg) && arg.length) {
+				var inner = classNames.apply(null, arg);
+				if (inner) {
+					classes.push(inner);
 				}
 			} else if (argType === 'object') {
-				if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
-					classes.push(arg.toString());
-					continue;
-				}
-
 				for (var key in arg) {
 					if (hasOwn.call(arg, key) && arg[key]) {
 						classes.push(key);
@@ -520,22 +516,16 @@ var objectAssign = shouldUseNative() ? Object.assign : function (target, source)
  * LICENSE file in the root directory of this source tree.
  */
 
-var ReactPropTypesSecret$2 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-
-var ReactPropTypesSecret_1 = ReactPropTypesSecret$2;
-
-var has$2 = Function.call.bind(Object.prototype.hasOwnProperty);
+var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
 
-var ReactPropTypesSecret$1 = ReactPropTypesSecret_1;
-
-var has$1 = has$2;
+var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
 
 var printWarning$1 = function() {};
 
 if (process.env.NODE_ENV !== 'production') {
-  var ReactPropTypesSecret = ReactPropTypesSecret$1;
+  var ReactPropTypesSecret = ReactPropTypesSecret_1;
   var loggedTypeFailures = {};
-  var has = has$1;
+  var has$1 = Function.call.bind(Object.prototype.hasOwnProperty);
 
   printWarning$1 = function(text) {
     var message = 'Warning: ' + text;
@@ -547,7 +537,7 @@ if (process.env.NODE_ENV !== 'production') {
       // This error was thrown as a convenience so that you can use this stack
       // to find the callsite that caused this warning to fire.
       throw new Error(message);
-    } catch (x) { /**/ }
+    } catch (x) {}
   };
 }
 
@@ -562,10 +552,10 @@ if (process.env.NODE_ENV !== 'production') {
  * @param {?Function} getStack Returns the component stack.
  * @private
  */
-function checkPropTypes$1(typeSpecs, values, location, componentName, getStack) {
+function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
   if (process.env.NODE_ENV !== 'production') {
     for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
+      if (has$1(typeSpecs, typeSpecName)) {
         var error;
         // Prop type validation may throw. In case they do, we don't want to
         // fail the render phase where it didn't fail before. So we log it.
@@ -576,8 +566,7 @@ function checkPropTypes$1(typeSpecs, values, location, componentName, getStack)
           if (typeof typeSpecs[typeSpecName] !== 'function') {
             var err = Error(
               (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
-              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +
-              'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'
+              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.'
             );
             err.name = 'Invariant Violation';
             throw err;
@@ -617,16 +606,15 @@ function checkPropTypes$1(typeSpecs, values, location, componentName, getStack)
  *
  * @private
  */
-checkPropTypes$1.resetWarningCache = function() {
+checkPropTypes.resetWarningCache = function() {
   if (process.env.NODE_ENV !== 'production') {
     loggedTypeFailures = {};
   }
 };
 
-var checkPropTypes_1 = checkPropTypes$1;
-
-var checkPropTypes = checkPropTypes_1;
+var checkPropTypes_1 = checkPropTypes;
 
+var has = Function.call.bind(Object.prototype.hasOwnProperty);
 var printWarning = function() {};
 
 if (process.env.NODE_ENV !== 'production') {
@@ -727,7 +715,6 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
   // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
   var ReactPropTypes = {
     array: createPrimitiveTypeChecker('array'),
-    bigint: createPrimitiveTypeChecker('bigint'),
     bool: createPrimitiveTypeChecker('boolean'),
     func: createPrimitiveTypeChecker('function'),
     number: createPrimitiveTypeChecker('number'),
@@ -773,9 +760,8 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
    * is prohibitively expensive if they are created too often, such as what
    * happens in oneOfType() for any type before the one that matched.
    */
-  function PropTypeError(message, data) {
+  function PropTypeError(message) {
     this.message = message;
-    this.data = data && typeof data === 'object' ? data: {};
     this.stack = '';
   }
   // Make `instanceof Error` still work for returned errors.
@@ -790,7 +776,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
       componentName = componentName || ANONYMOUS;
       propFullName = propFullName || propName;
 
-      if (secret !== ReactPropTypesSecret$1) {
+      if (secret !== ReactPropTypesSecret_1) {
         if (throwOnDirectAccess) {
           // New behavior only for users of `prop-types` package
           var err = new Error(
@@ -810,7 +796,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
           ) {
             printWarning(
               'You are manually calling a React.PropTypes validation ' +
-              'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
+              'function for the `' + propFullName + '` prop on `' + componentName  + '`. This is deprecated ' +
               'and will throw in the standalone `prop-types` package. ' +
               'You may be seeing this warning due to a third-party PropTypes ' +
               'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
@@ -849,10 +835,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
         // 'of type `object`'.
         var preciseType = getPreciseType(propValue);
 
-        return new PropTypeError(
-          'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'),
-          {expectedType: expectedType}
-        );
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
       }
       return null;
     }
@@ -874,7 +857,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
       }
       for (var i = 0; i < propValue.length; i++) {
-        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret$1);
+        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret_1);
         if (error instanceof Error) {
           return error;
         }
@@ -966,8 +949,8 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
       }
       for (var key in propValue) {
-        if (has$1(propValue, key)) {
-          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1);
+        if (has(propValue, key)) {
+          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
           if (error instanceof Error) {
             return error;
           }
@@ -996,19 +979,14 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     }
 
     function validate(props, propName, componentName, location, propFullName) {
-      var expectedTypes = [];
       for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
         var checker = arrayOfTypeCheckers[i];
-        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret$1);
-        if (checkerResult == null) {
+        if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret_1) == null) {
           return null;
         }
-        if (checkerResult.data && has$1(checkerResult.data, 'expectedType')) {
-          expectedTypes.push(checkerResult.data.expectedType);
-        }
       }
-      var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
-      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
+
+      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
     }
     return createChainableTypeChecker(validate);
   }
@@ -1023,13 +1001,6 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     return createChainableTypeChecker(validate);
   }
 
-  function invalidValidatorError(componentName, location, propFullName, key, type) {
-    return new PropTypeError(
-      (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
-      'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
-    );
-  }
-
   function createShapeTypeChecker(shapeTypes) {
     function validate(props, propName, componentName, location, propFullName) {
       var propValue = props[propName];
@@ -1039,10 +1010,10 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
       }
       for (var key in shapeTypes) {
         var checker = shapeTypes[key];
-        if (typeof checker !== 'function') {
-          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+        if (!checker) {
+          continue;
         }
-        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1);
+        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
         if (error) {
           return error;
         }
@@ -1059,21 +1030,19 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
       if (propType !== 'object') {
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
       }
-      // We need to check all keys in case some are required but missing from props.
+      // We need to check all keys in case some are required but missing from
+      // props.
       var allKeys = objectAssign({}, props[propName], shapeTypes);
       for (var key in allKeys) {
         var checker = shapeTypes[key];
-        if (has$1(shapeTypes, key) && typeof checker !== 'function') {
-          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
-        }
         if (!checker) {
           return new PropTypeError(
             'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
             '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
-            '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
+            '\nValid keys: ' +  JSON.stringify(Object.keys(shapeTypes), null, '  ')
           );
         }
-        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1);
+        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
         if (error) {
           return error;
         }
@@ -1215,8 +1184,8 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     return propValue.constructor.name;
   }
 
-  ReactPropTypes.checkPropTypes = checkPropTypes;
-  ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
+  ReactPropTypes.checkPropTypes = checkPropTypes_1;
+  ReactPropTypes.resetWarningCache = checkPropTypes_1.resetWarningCache;
   ReactPropTypes.PropTypes = ReactPropTypes;
 
   return ReactPropTypes;
@@ -1228,7 +1197,7 @@ emptyFunctionWithReset.resetWarningCache = emptyFunction;
 
 var factoryWithThrowingShims = function() {
   function shim(props, propName, componentName, location, propFullName, secret) {
-    if (secret === ReactPropTypesSecret$1) {
+    if (secret === ReactPropTypesSecret_1) {
       // It is still safe when called from React.
       return;
     }
@@ -1246,7 +1215,6 @@ var factoryWithThrowingShims = function() {
   // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
   var ReactPropTypes = {
     array: shim,
-    bigint: shim,
     bool: shim,
     func: shim,
     number: shim,
@@ -1275,10 +1243,6 @@ var factoryWithThrowingShims = function() {
   return ReactPropTypes;
 };
 
-var require$$1 = factoryWithTypeCheckers;
-
-var require$$2 = factoryWithThrowingShims;
-
 var propTypes = createCommonjsModule(function (module) {
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -1293,16 +1257,14 @@ if (process.env.NODE_ENV !== 'production') {
   // By explicitly using `prop-types` you are opting into new development behavior.
   // http://fb.me/prop-types-in-prod
   var throwOnDirectAccess = true;
-  module.exports = require$$1(ReactIs.isElement, throwOnDirectAccess);
+  module.exports = factoryWithTypeCheckers(ReactIs.isElement, throwOnDirectAccess);
 } else {
   // By explicitly using `prop-types` you are opting into new production behavior.
   // http://fb.me/prop-types-in-prod
-  module.exports = require$$2();
+  module.exports = factoryWithThrowingShims();
 }
 });
 
-var PropTypes = propTypes;
-
 var AtActionSheetBody = /** @class */ (function (_super) {
     __extends(AtActionSheetBody, _super);
     function AtActionSheetBody() {
@@ -1326,7 +1288,7 @@ var AtActionSheetFooter = /** @class */ (function (_super) {
                 args[_i] = arguments[_i];
             }
             if (typeof _this.props.onClick === 'function') {
-                (_a = _this.props).onClick.apply(_a, __spread(args));
+                (_a = _this.props).onClick.apply(_a, __spreadArray([], __read(args), false));
             }
         };
         return _this;
@@ -1338,7 +1300,7 @@ var AtActionSheetFooter = /** @class */ (function (_super) {
     return AtActionSheetFooter;
 }(React.Component));
 AtActionSheetFooter.propTypes = {
-    onClick: PropTypes.func
+    onClick: propTypes.func
 };
 
 var AtActionSheetHeader = /** @class */ (function (_super) {
@@ -1413,11 +1375,11 @@ AtActionSheet.defaultProps = {
     isOpened: false
 };
 AtActionSheet.propTypes = {
-    title: PropTypes.string,
-    onClose: PropTypes.func,
-    onCancel: PropTypes.func,
-    isOpened: PropTypes.bool.isRequired,
-    cancelText: PropTypes.string
+    title: propTypes.string,
+    onClose: propTypes.func,
+    onCancel: propTypes.func,
+    isOpened: propTypes.bool.isRequired,
+    cancelText: propTypes.string
 };
 
 var AtActionSheetItem = /** @class */ (function (_super) {
@@ -1438,7 +1400,7 @@ var AtActionSheetItem = /** @class */ (function (_super) {
     return AtActionSheetItem;
 }(React.Component));
 AtActionSheetItem.propTypes = {
-    onClick: PropTypes.func
+    onClick: propTypes.func
 };
 
 var ENV$4 = Taro.getEnv();
@@ -1591,7 +1553,7 @@ function handleTouchScroll(flag) {
         // 使body脱离文档流
         document.body.classList.add('at-frozen');
         // 把脱离文档流的body拉上去！否则页面会回到顶部！
-        document.body.style.top = -scrollTop + "px";
+        document.body.style.top = "".concat(-scrollTop, "px");
     }
     else {
         document.body.style.top = '';
@@ -1608,14 +1570,14 @@ function pxTransform(size) {
         750: 1,
         828: 1.81 / 2
     };
-    return size / deviceRatio[designWidth] + "rpx";
+    return "".concat(size / deviceRatio[designWidth], "rpx");
 }
 function objectToString$2(style) {
     if (style && typeof style === 'object') {
         var styleStr_1 = '';
         Object.keys(style).forEach(function (key) {
             var lowerCaseKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();
-            styleStr_1 += lowerCaseKey + ":" + style[key] + ";";
+            styleStr_1 += "".concat(lowerCaseKey, ":").concat(style[key], ";");
         });
         return styleStr_1;
     }
@@ -1638,6 +1600,18 @@ function mergeStyle(style1, style2) {
         return Object.assign({}, style1, style2);
     }
     return objectToString$2(style1) + objectToString$2(style2);
+}
+/**
+ * 自定义验证器，用于验证参数是否是 JSX.Element
+ * @param {any} props
+ * @param {string} propName
+ * @param {string} componentName
+ * @returns
+ */
+function isJSXElement(props, propName, componentName) {
+    if (!React.isValidElement(props[propName])) {
+        return new Error("Invalid prop ".concat(propName, " supplied to ").concat(componentName, ". It must be a valid JSX element."));
+    }
 }
 
 var AtLoading = /** @class */ (function (_super) {
@@ -1649,12 +1623,12 @@ var AtLoading = /** @class */ (function (_super) {
         var _a = this.props, color = _a.color, size = _a.size;
         var loadingSize = typeof size === 'string' ? size : String(size);
         var sizeStyle = {
-            width: size ? "" + pxTransform(parseInt(loadingSize)) : '',
-            height: size ? "" + pxTransform(parseInt(loadingSize)) : ''
+            width: size ? "".concat(pxTransform(parseInt(loadingSize))) : '',
+            height: size ? "".concat(pxTransform(parseInt(loadingSize))) : ''
         };
         var colorStyle = {
-            border: color ? "1px solid " + color : '',
-            borderColor: color ? color + " transparent transparent transparent" : ''
+            border: color ? "1px solid ".concat(color) : '',
+            borderColor: color ? "".concat(color, " transparent transparent transparent") : ''
         };
         var ringStyle = Object.assign({}, colorStyle, sizeStyle);
         return (React.createElement(View, { className: 'at-loading', style: sizeStyle },
@@ -1669,8 +1643,8 @@ AtLoading.defaultProps = {
     color: ''
 };
 AtLoading.propTypes = {
-    size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    color: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+    size: propTypes.oneOfType([propTypes.string, propTypes.number]),
+    color: propTypes.oneOfType([propTypes.string, propTypes.number])
 };
 
 var AtActivityIndicator = /** @class */ (function (_super) {
@@ -1700,12 +1674,12 @@ AtActivityIndicator.defaultProps = {
     isOpened: true
 };
 AtActivityIndicator.propTypes = {
-    size: PropTypes.number,
-    mode: PropTypes.string,
-    color: PropTypes.string,
-    content: PropTypes.string,
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    isOpened: PropTypes.bool
+    size: propTypes.number,
+    mode: propTypes.string,
+    color: propTypes.string,
+    content: propTypes.string,
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    isOpened: propTypes.bool
 };
 
 var SIZE_CLASS$2 = {
@@ -1728,7 +1702,7 @@ var AtAvatar = /** @class */ (function (_super) {
         var rootClassName = ['at-avatar'];
         var iconSize = SIZE_CLASS$2[size || 'normal'];
         var classObject = (_a = {},
-            _a["at-avatar--" + iconSize] = iconSize,
+            _a["at-avatar--".concat(iconSize)] = iconSize,
             _a['at-avatar--circle'] = circle,
             _a);
         var letter = '';
@@ -1757,13 +1731,13 @@ AtAvatar.defaultProps = {
     className: ''
 };
 AtAvatar.propTypes = {
-    size: PropTypes.oneOf(['large', 'normal', 'small']),
-    circle: PropTypes.bool,
-    text: PropTypes.string,
-    image: PropTypes.string,
-    openData: PropTypes.object,
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
+    size: propTypes.oneOf(['large', 'normal', 'small']),
+    circle: propTypes.bool,
+    text: propTypes.string,
+    image: propTypes.string,
+    openData: propTypes.object,
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string])
 };
 
 var AtBadge = /** @class */ (function (_super) {
@@ -1780,7 +1754,7 @@ var AtBadge = /** @class */ (function (_super) {
         if (Number.isNaN(numValue)) {
             return value;
         }
-        return numValue > maxValue ? maxValue + "+" : numValue;
+        return numValue > maxValue ? "".concat(maxValue, "+") : numValue;
     };
     AtBadge.prototype.render = function () {
         var _a = this.props, dot = _a.dot, value = _a.value, _b = _a.maxValue, maxValue = _b === void 0 ? 99 : _b, customStyle = _a.customStyle;
@@ -1800,11 +1774,11 @@ AtBadge.defaultProps = {
     className: ''
 };
 AtBadge.propTypes = {
-    dot: PropTypes.bool,
-    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    maxValue: PropTypes.number,
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
+    dot: propTypes.bool,
+    value: propTypes.oneOfType([propTypes.string, propTypes.number]),
+    maxValue: propTypes.number,
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string])
 };
 
 var SIZE_CLASS$1 = {
@@ -1852,9 +1826,9 @@ var AtButton = /** @class */ (function (_super) {
         var _e = this.state, isWEAPP = _e.isWEAPP, isALIPAY = _e.isALIPAY, isWEB = _e.isWEB;
         var rootClassName = ['at-button'];
         var classObject = (_a = {},
-            _a["at-button--" + SIZE_CLASS$1[size]] = SIZE_CLASS$1[size],
+            _a["at-button--".concat(SIZE_CLASS$1[size])] = SIZE_CLASS$1[size],
             _a['at-button--disabled'] = disabled,
-            _a["at-button--" + type] = TYPE_CLASS$1[type],
+            _a["at-button--".concat(type)] = TYPE_CLASS$1[type],
             _a['at-button--circle'] = circle,
             _a['at-button--full'] = full,
             _a);
@@ -1894,16 +1868,16 @@ AtButton.defaultProps = {
     appParameter: ''
 };
 AtButton.propTypes = {
-    size: PropTypes.oneOf(['normal', 'small']),
-    type: PropTypes.oneOf(['primary', 'secondary', '']),
-    circle: PropTypes.bool,
-    full: PropTypes.bool,
-    loading: PropTypes.bool,
-    disabled: PropTypes.bool,
-    onClick: PropTypes.func,
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    formType: PropTypes.oneOf(['submit', 'reset', '']),
-    openType: PropTypes.oneOf([
+    size: propTypes.oneOf(['normal', 'small']),
+    type: propTypes.oneOf(['primary', 'secondary', '']),
+    circle: propTypes.bool,
+    full: propTypes.bool,
+    loading: propTypes.bool,
+    disabled: propTypes.bool,
+    onClick: propTypes.func,
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    formType: propTypes.oneOf(['submit', 'reset', '']),
+    openType: propTypes.oneOf([
         'contact',
         'share',
         'getUserInfo',
@@ -1916,18 +1890,18 @@ AtButton.propTypes = {
         'contactShare',
         ''
     ]),
-    lang: PropTypes.string,
-    sessionFrom: PropTypes.string,
-    sendMessageTitle: PropTypes.string,
-    sendMessagePath: PropTypes.string,
-    sendMessageImg: PropTypes.string,
-    showMessageCard: PropTypes.bool,
-    appParameter: PropTypes.string,
-    onGetUserInfo: PropTypes.func,
-    onContact: PropTypes.func,
-    onGetPhoneNumber: PropTypes.func,
-    onError: PropTypes.func,
-    onOpenSetting: PropTypes.func
+    lang: propTypes.string,
+    sessionFrom: propTypes.string,
+    sendMessageTitle: propTypes.string,
+    sendMessagePath: propTypes.string,
+    sendMessageImg: propTypes.string,
+    showMessageCard: propTypes.bool,
+    appParameter: propTypes.string,
+    onGetUserInfo: propTypes.func,
+    onContact: propTypes.func,
+    onGetPhoneNumber: propTypes.func,
+    onError: propTypes.func,
+    onOpenSetting: propTypes.func
 };
 
 var AtCard = /** @class */ (function (_super) {
@@ -1950,12 +1924,12 @@ var AtCard = /** @class */ (function (_super) {
         var iconClass = classnames((_a = {
                 'at-icon': true
             },
-            _a["at-icon-" + (icon && icon.value)] = icon && icon.value,
+            _a["at-icon-".concat(icon && icon.value)] = icon && icon.value,
             _a['at-card__header-icon'] = true,
             _a));
         var iconStyle = {
             color: (icon && icon.color) || '',
-            fontSize: (icon && icon.size + "px") || ''
+            fontSize: (icon && "".concat(icon.size, "px")) || ''
         };
         return (React.createElement(View, { onClick: this.handleClick, className: rootClass },
             React.createElement(View, { className: 'at-card__header' },
@@ -1964,7 +1938,7 @@ var AtCard = /** @class */ (function (_super) {
                 renderIcon || '',
                 !thumb && icon && icon.value && (React.createElement(Text, { className: iconClass, style: iconStyle })),
                 React.createElement(Text, { className: 'at-card__header-title' }, title),
-                extra && (React.createElement(Text, { style: __assign({}, extraStyle), className: 'at-card__header-extra' }, extra))),
+                extra && (React.createElement(View, { style: __assign({}, extraStyle), className: 'at-card__header-extra' }, extra))),
             React.createElement(View, { className: 'at-card__content' },
                 React.createElement(View, { className: 'at-card__content-info' }, this.props.children),
                 note && React.createElement(View, { className: 'at-card__content-note' }, note))));
@@ -1976,19 +1950,18 @@ AtCard.defaultProps = {
     isFull: false,
     thumb: '',
     title: '',
-    extra: '',
     extraStyle: {}
 };
 AtCard.propTypes = {
-    note: PropTypes.string,
-    isFull: PropTypes.bool,
-    thumb: PropTypes.string,
-    title: PropTypes.string,
-    extra: PropTypes.string,
-    icon: PropTypes.object,
-    onClick: PropTypes.func,
-    renderIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    extraStyle: PropTypes.object // 自定义extra样式
+    note: propTypes.string,
+    isFull: propTypes.bool,
+    thumb: propTypes.string,
+    title: propTypes.string,
+    extra: propTypes.oneOfType([propTypes.string, propTypes.element]),
+    icon: propTypes.object,
+    onClick: propTypes.func,
+    renderIcon: propTypes.oneOfType([propTypes.string, propTypes.element]),
+    extraStyle: propTypes.object // 自定义extra样式
 };
 
 var AtCheckbox = /** @class */ (function (_super) {
@@ -2009,7 +1982,7 @@ var AtCheckbox = /** @class */ (function (_super) {
         else {
             selectedSet.delete(value);
         }
-        this.props.onChange(__spread(selectedSet));
+        this.props.onChange(__spreadArray([], __read(selectedSet), false));
     };
     AtCheckbox.prototype.render = function () {
         var _this = this;
@@ -2041,11 +2014,11 @@ AtCheckbox.defaultProps = {
     onChange: function () { }
 };
 AtCheckbox.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    options: PropTypes.array,
-    selectedList: PropTypes.array,
-    onChange: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    options: propTypes.array,
+    selectedList: propTypes.array,
+    onChange: propTypes.func
 };
 
 var AtList = /** @class */ (function (_super) {
@@ -2065,7 +2038,7 @@ AtList.defaultProps = {
     hasBorder: true
 };
 AtList.propTypes = {
-    hasBorder: PropTypes.bool
+    hasBorder: propTypes.bool
 };
 
 var AtListItem = /** @class */ (function (_super) {
@@ -2089,29 +2062,37 @@ var AtListItem = /** @class */ (function (_super) {
         e.stopPropagation();
     };
     AtListItem.prototype.render = function () {
-        var _a;
-        var _b = this.props, note = _b.note, arrow = _b.arrow, thumb = _b.thumb, iconInfo = _b.iconInfo, disabled = _b.disabled, isSwitch = _b.isSwitch, hasBorder = _b.hasBorder, extraThumb = _b.extraThumb, switchColor = _b.switchColor, switchIsCheck = _b.switchIsCheck;
-        var _c = this.props, extraText = _c.extraText, title = _c.title;
-        extraText = String(extraText);
-        title = String(title);
+        var _a = this.props, note = _a.note, arrow = _a.arrow, thumb = _a.thumb, iconInfo = _a.iconInfo, disabled = _a.disabled, isSwitch = _a.isSwitch, hasBorder = _a.hasBorder, extraThumb = _a.extraThumb, switchColor = _a.switchColor, switchIsCheck = _a.switchIsCheck, icon = _a.icon;
+        var _b = this.props, extraText = _b.extraText, title = _b.title;
         var rootClass = classnames('at-list__item', {
             'at-list__item--thumb': thumb,
             'at-list__item--multiple': note,
             'at-list__item--disabled': disabled,
             'at-list__item--no-border': !hasBorder
         }, this.props.className);
-        var iconClass = classnames((iconInfo && iconInfo.prefixClass) || 'at-icon', (_a = {},
-            _a[((iconInfo && iconInfo.prefixClass) || 'at-icon') + "-" + (iconInfo && iconInfo.value)] = iconInfo && iconInfo.value,
-            _a), iconInfo && iconInfo.className);
-        return (React.createElement(View, { className: rootClass, onClick: this.handleClick },
-            React.createElement(View, { className: 'at-list__item-container' },
-                thumb && (React.createElement(View, { className: 'at-list__item-thumb item-thumb' },
-                    React.createElement(Image, { className: 'item-thumb__info', mode: 'scaleToFill', src: thumb }))),
-                iconInfo && iconInfo.value && (React.createElement(View, { className: 'at-list__item-icon item-icon' },
+        var renderIcon = function () {
+            var _a;
+            if (icon) {
+                return React.createElement(View, { className: 'item-icon' }, icon);
+            }
+            else if (iconInfo === null || iconInfo === void 0 ? void 0 : iconInfo.value) {
+                var iconClass = classnames((iconInfo && iconInfo.prefixClass) || 'at-icon', (_a = {},
+                    _a["".concat((iconInfo && iconInfo.prefixClass) || 'at-icon', "-").concat(iconInfo && iconInfo.value)] = iconInfo && iconInfo.value,
+                    _a), iconInfo && iconInfo.className);
+                return (React.createElement(View, { className: 'at-list__item-icon item-icon' },
                     React.createElement(Text, { className: iconClass, style: mergeStyle({
                             color: iconInfo.color || '',
-                            fontSize: (iconInfo.size || 24) + "px"
-                        }, iconInfo.customStyle || '') }))),
+                            fontSize: "".concat(iconInfo.size || 24, "px")
+                        }, iconInfo.customStyle || '') })));
+            }
+            else if (thumb) {
+                return (React.createElement(View, { className: 'at-list__item-thumb item-thumb' },
+                    React.createElement(Image, { className: 'item-thumb__info', mode: 'scaleToFill', src: thumb })));
+            }
+        };
+        return (React.createElement(View, { className: rootClass, onClick: this.handleClick },
+            React.createElement(View, { className: 'at-list__item-container' },
+                renderIcon(),
                 React.createElement(View, { className: 'at-list__item-content item-content' },
                     React.createElement(View, { className: 'item-content__info' },
                         React.createElement(View, { className: 'item-content__info-title' }, title),
@@ -2123,7 +2104,7 @@ var AtListItem = /** @class */ (function (_super) {
                     isSwitch && !extraThumb && !extraText && (React.createElement(View, { className: 'item-extra__switch', onClick: this.handleSwitchClick },
                         React.createElement(Switch, { color: switchColor, disabled: disabled, checked: switchIsCheck, onChange: this.handleSwitchChange }))),
                     arrow ? (React.createElement(View, { className: 'item-extra__icon' },
-                        React.createElement(Text, { className: "at-icon item-extra__icon-arrow at-icon-chevron-" + arrow }))) : null))));
+                        React.createElement(Text, { className: "at-icon item-extra__icon-arrow at-icon-chevron-".concat(arrow) }))) : null))));
     };
     return AtListItem;
 }(React.Component));
@@ -2141,26 +2122,26 @@ AtListItem.defaultProps = {
     iconInfo: { value: '' }
 };
 AtListItem.propTypes = {
-    note: PropTypes.string,
-    disabled: PropTypes.bool,
-    title: PropTypes.string,
-    thumb: PropTypes.string,
-    onClick: PropTypes.func,
-    isSwitch: PropTypes.bool,
-    hasBorder: PropTypes.bool,
-    switchColor: PropTypes.string,
-    switchIsCheck: PropTypes.bool,
-    extraText: PropTypes.string,
-    extraThumb: PropTypes.string,
-    onSwitchChange: PropTypes.func,
-    arrow: PropTypes.oneOf(['up', 'down', 'right']),
-    iconInfo: PropTypes.shape({
-        size: PropTypes.number,
-        value: PropTypes.string,
-        color: PropTypes.string,
-        prefixClass: PropTypes.string,
-        customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-        className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
+    note: isJSXElement,
+    disabled: propTypes.bool,
+    title: isJSXElement,
+    thumb: propTypes.string,
+    onClick: propTypes.func,
+    isSwitch: propTypes.bool,
+    hasBorder: propTypes.bool,
+    switchColor: propTypes.string,
+    switchIsCheck: propTypes.bool,
+    extraText: isJSXElement,
+    extraThumb: propTypes.string,
+    onSwitchChange: propTypes.func,
+    arrow: propTypes.oneOf(['up', 'down', 'right']),
+    iconInfo: propTypes.shape({
+        size: propTypes.number,
+        value: propTypes.string,
+        color: propTypes.string,
+        prefixClass: propTypes.string,
+        customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+        className: propTypes.oneOfType([propTypes.array, propTypes.string])
     })
 };
 
@@ -2238,7 +2219,7 @@ var AtDrawer = /** @class */ (function (_super) {
         };
         return _show ? (React.createElement(View, { className: classnames(rootClassName, classObject, this.props.className) },
             React.createElement(View, { className: 'at-drawer__mask', style: maskStyle, onClick: this.onMaskClick.bind(this) }),
-            React.createElement(View, { className: 'at-drawer__content', style: listStyle }, !!items && items.length ? (React.createElement(AtList, null, items.map(function (name, index) { return (React.createElement(AtListItem, { key: name + "-" + index, "data-index": index, onClick: _this.onItemClick.bind(_this, index), title: name, arrow: 'right' })); }))) : (this.props.children)))) : (React.createElement(View, null));
+            React.createElement(View, { className: 'at-drawer__content', style: listStyle }, !!items && items.length ? (React.createElement(AtList, null, items.map(function (name, index) { return (React.createElement(AtListItem, { key: "".concat(name, "-").concat(index), "data-index": index, onClick: _this.onItemClick.bind(_this, index), title: name, arrow: 'right' })); }))) : (this.props.children)))) : (React.createElement(View, null));
     };
     return AtDrawer;
 }(React.Component));
@@ -2250,30 +2231,27 @@ AtDrawer.defaultProps = {
     items: []
 };
 AtDrawer.propTypes = {
-    show: PropTypes.bool,
-    mask: PropTypes.bool,
-    width: PropTypes.string,
-    items: PropTypes.arrayOf(PropTypes.string),
-    onItemClick: PropTypes.func,
-    onClose: PropTypes.func
+    show: propTypes.bool,
+    mask: propTypes.bool,
+    width: propTypes.string,
+    items: propTypes.arrayOf(propTypes.string),
+    onItemClick: propTypes.func,
+    onClose: propTypes.func
 };
 
 var AtFloatLayout = /** @class */ (function (_super) {
     __extends(AtFloatLayout, _super);
     function AtFloatLayout(props) {
         var _this = _super.call(this, props) || this;
-        _this.handleClose = function () {
+        _this.handleClose = function (e) {
             if (typeof _this.props.onClose === 'function') {
-                // TODO: Fix typings
-                // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                // @ts-ignore
-                _this.props.onClose();
+                _this.props.onClose(e);
             }
         };
-        _this.close = function () {
+        _this.close = function (e) {
             _this.setState({
                 _isOpened: false
-            }, _this.handleClose);
+            }, function () { return _this.handleClose(e); });
         };
         _this.handleTouchMove = function (e) {
             e.stopPropagation();
@@ -2308,16 +2286,7 @@ var AtFloatLayout = /** @class */ (function (_super) {
                     React.createElement(Text, { className: 'layout-header__title' }, title),
                     React.createElement(View, { className: 'layout-header__btn-close', onClick: this.close }))) : null,
                 React.createElement(View, { className: 'layout-body' },
-                    React.createElement(ScrollView, { scrollY: scrollY, scrollX: scrollX, scrollTop: scrollTop, scrollLeft: scrollLeft, upperThreshold: upperThreshold, lowerThreshold: lowerThreshold, scrollWithAnimation: scrollWithAnimation, 
-                        // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                        // @ts-ignore // TODO: Fix typings
-                        onScroll: this.props.onScroll, 
-                        // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                        // @ts-ignore // TODO: Fix typings
-                        onScrollToLower: this.props.onScrollToLower, 
-                        // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                        // @ts-ignore // TODO: Fix typings
-                        onScrollToUpper: this.props.onScrollToUpper, className: 'layout-body__content' }, this.props.children)))));
+                    React.createElement(ScrollView, { scrollY: scrollY, scrollX: scrollX, scrollTop: scrollTop, scrollLeft: scrollLeft, upperThreshold: upperThreshold, lowerThreshold: lowerThreshold, scrollWithAnimation: scrollWithAnimation, onScroll: this.props.onScroll, onScrollToLower: this.props.onScrollToLower, onScrollToUpper: this.props.onScrollToUpper, className: 'layout-body__content' }, this.props.children)))));
     };
     return AtFloatLayout;
 }(React.Component));
@@ -2329,19 +2298,19 @@ AtFloatLayout.defaultProps = {
     scrollWithAnimation: false
 };
 AtFloatLayout.propTypes = {
-    title: PropTypes.string,
-    isOpened: PropTypes.bool,
-    scrollY: PropTypes.bool,
-    scrollX: PropTypes.bool,
-    scrollTop: PropTypes.number,
-    scrollLeft: PropTypes.number,
-    upperThreshold: PropTypes.number,
-    lowerThreshold: PropTypes.number,
-    scrollWithAnimation: PropTypes.bool,
-    onClose: PropTypes.func,
-    onScroll: PropTypes.func,
-    onScrollToLower: PropTypes.func,
-    onScrollToUpper: PropTypes.func
+    title: propTypes.string,
+    isOpened: propTypes.bool,
+    scrollY: propTypes.bool,
+    scrollX: propTypes.bool,
+    scrollTop: propTypes.number,
+    scrollLeft: propTypes.number,
+    upperThreshold: propTypes.number,
+    lowerThreshold: propTypes.number,
+    scrollWithAnimation: propTypes.bool,
+    onClose: propTypes.func,
+    onScroll: propTypes.func,
+    onScrollToLower: propTypes.func,
+    onScrollToUpper: propTypes.func
 };
 
 var AtForm = /** @class */ (function (_super) {
@@ -2368,11 +2337,11 @@ AtForm.defaultProps = {
     reportSubmit: false
 };
 AtForm.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    reportSubmit: PropTypes.bool,
-    onSubmit: PropTypes.func,
-    onReset: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    reportSubmit: propTypes.bool,
+    onSubmit: propTypes.func,
+    onReset: propTypes.func
 };
 
 /**
@@ -2742,44 +2711,6 @@ function isIterateeCall(value, index, object) {
 
 var _isIterateeCall = isIterateeCall;
 
-/** Used to match a single whitespace character. */
-var reWhitespace = /\s/;
-
-/**
- * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
- * character of `string`.
- *
- * @private
- * @param {string} string The string to inspect.
- * @returns {number} Returns the index of the last non-whitespace character.
- */
-function trimmedEndIndex(string) {
-  var index = string.length;
-
-  while (index-- && reWhitespace.test(string.charAt(index))) {}
-  return index;
-}
-
-var _trimmedEndIndex = trimmedEndIndex;
-
-/** Used to match leading whitespace. */
-var reTrimStart = /^\s+/;
-
-/**
- * The base implementation of `_.trim`.
- *
- * @private
- * @param {string} string The string to trim.
- * @returns {string} Returns the trimmed string.
- */
-function baseTrim(string) {
-  return string
-    ? string.slice(0, _trimmedEndIndex(string) + 1).replace(reTrimStart, '')
-    : string;
-}
-
-var _baseTrim = baseTrim;
-
 /**
  * Checks if `value` is object-like. A value is object-like if it's not `null`
  * and has a `typeof` result of "object".
@@ -2840,6 +2771,9 @@ var isSymbol_1 = isSymbol;
 /** Used as references for various `Number` constants. */
 var NAN = 0 / 0;
 
+/** Used to match leading and trailing whitespace. */
+var reTrim = /^\s+|\s+$/g;
+
 /** Used to detect bad signed hexadecimal string values. */
 var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
 
@@ -2889,7 +2823,7 @@ function toNumber(value) {
   if (typeof value != 'string') {
     return value === 0 ? value : +value;
   }
-  value = _baseTrim(value);
+  value = value.replace(reTrim, '');
   var isBinary = reIsBinary.test(value);
   return (isBinary || reIsOctal.test(value))
     ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
@@ -3041,26 +2975,25 @@ var AtGrid = /** @class */ (function (_super) {
             return null;
         }
         var gridGroup = chunk_1(data, columnNum);
-        var bodyClass = classnames(['at-grid__flex-item', 'at-grid-item', "at-grid-item--" + mode], {
+        var bodyClass = classnames(['at-grid__flex-item', 'at-grid-item', "at-grid-item--".concat(mode)], {
             'at-grid-item--no-border': !hasBorder
         });
-        return (React.createElement(View, { className: classnames('at-grid', this.props.className) }, gridGroup.map(function (item, i) { return (React.createElement(View, { className: 'at-grid__flex', key: "at-grid-group-" + i }, item.map(function (childItem, index) {
+        return (React.createElement(View, { className: classnames('at-grid', this.props.className) }, gridGroup.map(function (item, i) { return (React.createElement(View, { className: 'at-grid__flex', key: "at-grid-group-".concat(i) }, item.map(function (childItem, index) {
             var _a;
-            return (React.createElement(View, { key: "at-grid-item-" + index, className: classnames(bodyClass, {
+            return (React.createElement(View, { key: "at-grid-item-".concat(index), className: classnames(bodyClass, {
                     'at-grid-item--last': index === columnNum - 1
                 }), onClick: _this.handleClick.bind(_this, childItem, index, i), style: {
-                    flex: "0 0 " + 100 / columnNum + "%"
+                    flex: "0 0 ".concat(100 / columnNum, "%")
                 } },
                 React.createElement(View, { className: 'at-grid-item__content' },
                     React.createElement(View, { className: 'at-grid-item__content-inner' },
                         React.createElement(View, { className: 'content-inner__icon' },
                             childItem.image && (React.createElement(Image, { className: 'content-inner__img', src: childItem.image, mode: 'scaleToFill' })),
                             childItem.iconInfo && !childItem.image && (React.createElement(Text, { className: classnames(childItem.iconInfo.prefixClass || 'at-icon', (_a = {},
-                                    _a[(childItem.iconInfo.prefixClass || 'at-icon') + "-" + childItem.iconInfo.value] = childItem
-                                        .iconInfo.value,
+                                    _a["".concat(childItem.iconInfo.prefixClass || 'at-icon', "-").concat(childItem.iconInfo.value)] = childItem.iconInfo.value,
                                     _a), childItem.iconInfo.className), style: mergeStyle({
                                     color: childItem.iconInfo.color,
-                                    fontSize: (childItem.iconInfo.size || 24) + "px"
+                                    fontSize: "".concat(childItem.iconInfo.size || 24, "px")
                                 }, 
                                 // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                                 childItem.iconInfo.customStyle) }))),
@@ -3076,20 +3009,20 @@ AtGrid.defaultProps = {
     hasBorder: true
 };
 AtGrid.propTypes = {
-    mode: PropTypes.string,
-    onClick: PropTypes.func,
-    hasBorder: PropTypes.bool,
-    columnNum: PropTypes.number,
-    data: PropTypes.arrayOf(PropTypes.shape({
-        image: PropTypes.string,
-        value: PropTypes.string,
-        iconInfo: PropTypes.shape({
-            size: PropTypes.number,
-            value: PropTypes.string,
-            color: PropTypes.string,
-            prefixClass: PropTypes.string,
-            customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-            className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
+    mode: propTypes.string,
+    onClick: propTypes.func,
+    hasBorder: propTypes.bool,
+    columnNum: propTypes.number,
+    data: propTypes.arrayOf(propTypes.shape({
+        image: propTypes.string,
+        value: propTypes.string,
+        iconInfo: propTypes.shape({
+            size: propTypes.number,
+            value: propTypes.string,
+            color: propTypes.string,
+            prefixClass: propTypes.string,
+            customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+            className: propTypes.oneOfType([propTypes.array, propTypes.string])
         })
     }))
 };
@@ -3105,10 +3038,10 @@ var AtIcon = /** @class */ (function (_super) {
     AtIcon.prototype.render = function () {
         var _a = this.props, _b = _a.customStyle, customStyle = _b === void 0 ? {} : _b, className = _a.className, prefixClass = _a.prefixClass, value = _a.value, size = _a.size, color = _a.color;
         var rootStyle = {
-            fontSize: "" + pxTransform(parseInt(String(size)) * 2),
+            fontSize: "".concat(pxTransform(parseInt(String(size)) * 2)),
             color: color
         };
-        var iconName = value ? prefixClass + "-" + value : '';
+        var iconName = value ? "".concat(prefixClass, "-").concat(value) : '';
         return (React.createElement(Text, { className: classnames(prefixClass, iconName, className), style: mergeStyle(rootStyle, customStyle), onClick: this.handleClick.bind(this) }));
     };
     return AtIcon;
@@ -3122,13 +3055,13 @@ AtIcon.defaultProps = {
     size: 24
 };
 AtIcon.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    prefixClass: PropTypes.string,
-    value: PropTypes.string,
-    color: PropTypes.string,
-    size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    onClick: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    prefixClass: propTypes.string,
+    value: propTypes.string,
+    color: propTypes.string,
+    size: propTypes.oneOfType([propTypes.string, propTypes.number]),
+    onClick: propTypes.func
 };
 
 function getInputProps(props) {
@@ -3223,11 +3156,8 @@ var AtInput = /** @class */ (function (_super) {
         return (React.createElement(View, { className: rootCls, style: customStyle },
             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, disabled: disabled, password: password, placeholderStyle: placeholderStyle, placeholderClass: placeholderCls, placeholder: placeholder, cursorSpacing: cursorSpacing, maxlength: maxLength, autoFocus: autoFocus }, (focus ? { 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 })),
+                title && (React.createElement(Label, { className: "at-input__title ".concat(required && 'at-input__title--required'), for: name }, title)),
+                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: 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, onKeyboardHeightChange: this.handleKeyboardHeightChange })),
                 clear && value && (React.createElement(View, { className: 'at-input__icon', onTouchEnd: this.handleClearValue },
                     React.createElement(Text, { className: 'at-icon at-icon-close-circle at-input__icon-close' }))),
                 error && (React.createElement(View, { className: 'at-input__icon', onTouchStart: this.handleErrorClick },
@@ -3266,37 +3196,37 @@ AtInput.defaultProps = {
     onChange: function () { }
 };
 AtInput.propTypes = {
-    className: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-    customStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    name: PropTypes.string,
-    placeholder: PropTypes.string,
-    placeholderStyle: PropTypes.string,
-    placeholderClass: PropTypes.string,
-    title: PropTypes.string,
-    confirmType: PropTypes.string,
-    cursor: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    selectionStart: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    selectionEnd: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    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,
-    editable: PropTypes.bool,
-    error: PropTypes.bool,
-    clear: PropTypes.bool,
-    autoFocus: PropTypes.bool,
-    focus: PropTypes.bool,
-    onChange: PropTypes.func,
-    onFocus: PropTypes.func,
-    onBlur: PropTypes.func,
-    onConfirm: PropTypes.func,
-    onErrorClick: PropTypes.func,
-    onClick: PropTypes.func,
-    required: PropTypes.bool
+    className: propTypes.oneOfType([propTypes.string, propTypes.array]),
+    customStyle: propTypes.oneOfType([propTypes.string, propTypes.object]),
+    value: propTypes.oneOfType([propTypes.string, propTypes.number]),
+    name: propTypes.string,
+    placeholder: propTypes.string,
+    placeholderStyle: propTypes.string,
+    placeholderClass: propTypes.string,
+    title: propTypes.string,
+    confirmType: propTypes.string,
+    cursor: propTypes.oneOfType([propTypes.string, propTypes.number]),
+    selectionStart: propTypes.oneOfType([propTypes.string, propTypes.number]),
+    selectionEnd: propTypes.oneOfType([propTypes.string, propTypes.number]),
+    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,
+    editable: propTypes.bool,
+    error: propTypes.bool,
+    clear: propTypes.bool,
+    autoFocus: propTypes.bool,
+    focus: propTypes.bool,
+    onChange: propTypes.func,
+    onFocus: propTypes.func,
+    onBlur: propTypes.func,
+    onConfirm: propTypes.func,
+    onErrorClick: propTypes.func,
+    onClick: propTypes.func,
+    required: propTypes.bool
 };
 
 /**
@@ -3446,14 +3376,14 @@ var AtInputNumber = /** @class */ (function (_super) {
             var _a = _this.props, _b = _a.max, max = _b === void 0 ? 100 : _b, _c = _a.min, min = _c === void 0 ? 0 : _c;
             var resultValue = value === '' ? min : value;
             // 此处不能使用 Math.max，会是字符串变数字，并丢失 .
-            if (resultValue > max) {
+            if (Number(resultValue) > max) {
                 resultValue = max;
                 _this.handleError({
                     type: 'OVER',
                     errorValue: resultValue
                 });
             }
-            if (resultValue < min) {
+            if (Number(resultValue) < min) {
                 resultValue = min;
                 _this.handleError({
                     type: 'LOW',
@@ -3492,8 +3422,8 @@ var AtInputNumber = /** @class */ (function (_super) {
     }
     AtInputNumber.prototype.handleClick = function (clickType, e) {
         var _a = this.props, disabled = _a.disabled, value = _a.value, _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 100 : _c, _d = _a.step, step = _d === void 0 ? 1 : _d;
-        var lowThanMin = clickType === 'minus' && value <= min;
-        var overThanMax = clickType === 'plus' && value >= max;
+        var lowThanMin = clickType === 'minus' && Number(value) <= min;
+        var overThanMax = clickType === 'plus' && Number(value) >= max;
         if (lowThanMin || overThanMax || disabled) {
             var deltaValue_1 = clickType === 'minus' ? -step : step;
             var errorValue = addNum(Number(value), deltaValue_1);
@@ -3519,7 +3449,7 @@ var AtInputNumber = /** @class */ (function (_super) {
     AtInputNumber.prototype.render = function () {
         var _a = this.props, customStyle = _a.customStyle, className = _a.className, width = _a.width, disabled = _a.disabled, value = _a.value, type = _a.type, _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 100 : _c, size = _a.size, disabledInput = _a.disabledInput;
         var inputStyle = {
-            width: width ? "" + pxTransform(width) : ''
+            width: width ? "".concat(pxTransform(width)) : ''
         };
         var inputValue = Number(this.handleValue(value));
         var rootCls = classnames('at-input-number', {
@@ -3556,20 +3486,20 @@ AtInputNumber.defaultProps = {
     onChange: function () { }
 };
 AtInputNumber.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    type: PropTypes.oneOf(['number', 'digit']),
-    disabled: PropTypes.bool,
-    width: PropTypes.number,
-    min: PropTypes.number,
-    max: PropTypes.number,
-    step: PropTypes.number,
-    size: PropTypes.oneOf(['normal', 'large']),
-    disabledInput: PropTypes.bool,
-    onChange: PropTypes.func,
-    onBlur: PropTypes.func,
-    onErrorInput: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    value: propTypes.oneOfType([propTypes.number, propTypes.string]),
+    type: propTypes.oneOf(['number', 'digit']),
+    disabled: propTypes.bool,
+    width: propTypes.number,
+    min: propTypes.number,
+    max: propTypes.number,
+    step: propTypes.number,
+    size: propTypes.oneOf(['normal', 'large']),
+    disabledInput: propTypes.bool,
+    onChange: propTypes.func,
+    onBlur: propTypes.func,
+    onErrorInput: propTypes.func
 };
 
 var AtModalAction = /** @class */ (function (_super) {
@@ -3590,7 +3520,7 @@ AtModalAction.defaultProps = {
     isSimple: false
 };
 AtModalAction.propTypes = {
-    isSimple: PropTypes.bool
+    isSimple: propTypes.bool
 };
 
 var AtModalContent = /** @class */ (function (_super) {
@@ -3679,13 +3609,7 @@ var AtModal = /** @class */ (function (_super) {
                     title && (React.createElement(AtModalHeader, null,
                         React.createElement(Text, null, title))),
                     content && (React.createElement(AtModalContent, null,
-                        React.createElement(View, { className: 'content-simple' }, isWEB ? (React.createElement(Text
-                        // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                        // @ts-ignore
-                        , { 
-                            // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                            // @ts-ignore
-                            dangerouslySetInnerHTML: {
+                        React.createElement(View, { className: 'content-simple' }, isWEB ? (React.createElement(Text, { dangerouslySetInnerHTML: {
                                 __html: content.replace(/\\n/g, '<br/>')
                             } })) : (React.createElement(Text, null, content))))),
                     isRenderAction && (React.createElement(AtModalAction, { isSimple: true },
@@ -3703,15 +3627,15 @@ AtModal.defaultProps = {
     closeOnClickOverlay: true
 };
 AtModal.propTypes = {
-    title: PropTypes.string,
-    isOpened: PropTypes.bool,
-    onCancel: PropTypes.func,
-    onConfirm: PropTypes.func,
-    onClose: PropTypes.func,
-    content: PropTypes.string,
-    closeOnClickOverlay: PropTypes.bool,
-    cancelText: PropTypes.string,
-    confirmText: PropTypes.string
+    title: propTypes.string,
+    isOpened: propTypes.bool,
+    onCancel: propTypes.func,
+    onConfirm: propTypes.func,
+    onClose: propTypes.func,
+    content: propTypes.string,
+    closeOnClickOverlay: propTypes.bool,
+    cancelText: propTypes.string,
+    confirmText: propTypes.string
 };
 
 var AtNavBar = /** @class */ (function (_super) {
@@ -3746,17 +3670,17 @@ var AtNavBar = /** @class */ (function (_super) {
         var leftIconInfo = leftIconType instanceof Object
             ? __assign(__assign({}, defaultIconInfo), leftIconType) : __assign(__assign({}, defaultIconInfo), { value: leftIconType });
         var leftIconClass = classnames(leftIconInfo.prefixClass, (_a = {},
-            _a[leftIconInfo.prefixClass + "-" + leftIconInfo.value] = leftIconInfo.value,
+            _a["".concat(leftIconInfo.prefixClass, "-").concat(leftIconInfo.value)] = leftIconInfo.value,
             _a), leftIconInfo.className);
         var rightFirstIconInfo = rightFirstIconType instanceof Object
             ? __assign(__assign({}, defaultIconInfo), rightFirstIconType) : __assign(__assign({}, defaultIconInfo), { value: rightFirstIconType });
         var rightFirstIconClass = classnames(rightFirstIconInfo.prefixClass, (_b = {},
-            _b[rightFirstIconInfo.prefixClass + "-" + rightFirstIconInfo.value] = rightFirstIconInfo.value,
+            _b["".concat(rightFirstIconInfo.prefixClass, "-").concat(rightFirstIconInfo.value)] = rightFirstIconInfo.value,
             _b), rightFirstIconInfo.className);
         var rightSecondIconInfo = rightSecondIconType instanceof Object
             ? __assign(__assign({}, defaultIconInfo), rightSecondIconType) : __assign(__assign({}, defaultIconInfo), { value: rightSecondIconType });
         var rightSecondIconClass = classnames(rightSecondIconInfo.prefixClass, (_c = {},
-            _c[rightSecondIconInfo.prefixClass + "-" + rightSecondIconInfo.value] = rightSecondIconInfo.value,
+            _c["".concat(rightSecondIconInfo.prefixClass, "-").concat(rightSecondIconInfo.value)] = rightSecondIconInfo.value,
             _c), rightSecondIconInfo.className);
         return (React.createElement(View, { className: classnames({
                 'at-nav-bar': true,
@@ -3766,7 +3690,7 @@ var AtNavBar = /** @class */ (function (_super) {
             React.createElement(View, { className: 'at-nav-bar__left-view', onClick: this.handleClickLeftView.bind(this), style: linkStyle },
                 leftIconType && (React.createElement(Text, { className: leftIconClass, style: mergeStyle({
                         color: leftIconInfo.color,
-                        fontSize: "" + pxTransform(parseInt(leftIconInfo.size.toString()) * 2)
+                        fontSize: "".concat(pxTransform(parseInt(leftIconInfo.size.toString()) * 2))
                     }, leftIconInfo.customStyle) })),
                 React.createElement(Text, { className: 'at-nav-bar__text' }, leftText)),
             React.createElement(View, { className: 'at-nav-bar__title', onClick: this.handleClickTitle.bind(this) }, title || this.props.children),
@@ -3776,14 +3700,14 @@ var AtNavBar = /** @class */ (function (_super) {
                         'at-nav-bar__container--hide': !rightSecondIconType
                     }), style: linkStyle, onClick: this.handleClickNd.bind(this) }, rightSecondIconType && (React.createElement(Text, { className: rightSecondIconClass, style: mergeStyle({
                         color: rightSecondIconInfo.color,
-                        fontSize: "" + pxTransform(parseInt(rightSecondIconInfo.size.toString()) * 2)
+                        fontSize: "".concat(pxTransform(parseInt(rightSecondIconInfo.size.toString()) * 2))
                     }, rightSecondIconInfo.customStyle) }))),
                 React.createElement(View, { className: classnames({
                         'at-nav-bar__container': true,
                         'at-nav-bar__container--hide': !rightFirstIconType
                     }), style: linkStyle, onClick: this.handleClickSt.bind(this) }, rightFirstIconType && (React.createElement(Text, { className: rightFirstIconClass, style: mergeStyle({
                         color: rightFirstIconInfo.color,
-                        fontSize: "" + pxTransform(parseInt(rightFirstIconInfo.size.toString()) * 2)
+                        fontSize: "".concat(pxTransform(parseInt(rightFirstIconInfo.size.toString()) * 2))
                     }, rightFirstIconInfo.customStyle) }))))));
     };
     return AtNavBar;
@@ -3801,30 +3725,30 @@ AtNavBar.defaultProps = {
     rightSecondIconType: ''
 };
 AtNavBar.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    fixed: PropTypes.bool,
-    border: PropTypes.bool,
-    color: PropTypes.string,
-    leftIconType: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-    leftText: PropTypes.string,
-    title: PropTypes.string,
-    rightFirstIconType: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-    rightSecondIconType: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    fixed: propTypes.bool,
+    border: propTypes.bool,
+    color: propTypes.string,
+    leftIconType: propTypes.oneOfType([propTypes.string, propTypes.object]),
+    leftText: propTypes.string,
+    title: propTypes.string,
+    rightFirstIconType: propTypes.oneOfType([propTypes.string, propTypes.object]),
+    rightSecondIconType: propTypes.oneOfType([
+        propTypes.string,
+        propTypes.object
     ]),
-    onClickLeftIcon: PropTypes.func,
-    onClickRgIconSt: PropTypes.func,
-    onClickRgIconNd: PropTypes.func,
-    onClickTitle: PropTypes.func
+    onClickLeftIcon: propTypes.func,
+    onClickRgIconSt: propTypes.func,
+    onClickRgIconNd: propTypes.func,
+    onClickTitle: propTypes.func
 };
 
 var AtNoticebar = /** @class */ (function (_super) {
     __extends(AtNoticebar, _super);
     function AtNoticebar(props) {
         var _this = _super.call(this, props) || this;
-        var animElemId = "J_" + Math.ceil(Math.random() * 10e5).toString(36);
+        var animElemId = "J_".concat(Math.ceil(Math.random() * 10e5).toString(36));
         _this.state = {
             show: true,
             animElemId: animElemId,
@@ -3861,13 +3785,11 @@ var AtNoticebar = /** @class */ (function (_super) {
     AtNoticebar.prototype.initAnimation = function () {
         var _this = this;
         var _a = this.state, isWEAPP = _a.isWEAPP, isALIPAY = _a.isALIPAY;
-        // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-        // @ts-ignore
         this.timeout = setTimeout(function () {
             _this.timeout = null;
             if (_this.state.isWEB) {
                 var _a = _this.props.speed, speed = _a === void 0 ? 100 : _a;
-                var elem = document.querySelector("." + _this.state.animElemId);
+                var elem = document.querySelector(".".concat(_this.state.animElemId));
                 if (!elem)
                     return;
                 var width = elem.getBoundingClientRect().width;
@@ -3877,7 +3799,7 @@ var AtNoticebar = /** @class */ (function (_super) {
             else if (isWEAPP || isALIPAY) {
                 var query = Taro.createSelectorQuery();
                 query
-                    .select("." + _this.state.animElemId)
+                    .select(".".concat(_this.state.animElemId))
                     .boundingClientRect()
                     .exec(function (res) {
                     var queryRes = res[0];
@@ -3915,8 +3837,6 @@ var AtNoticebar = /** @class */ (function (_super) {
                         }, 900);
                     };
                     animBody();
-                    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                    // @ts-ignore
                     _this.interval = setInterval(animBody, dura * 1000 + 1000);
                 });
             }
@@ -3933,7 +3853,7 @@ var AtNoticebar = /** @class */ (function (_super) {
         var innerClassName = ['at-noticebar__content-inner'];
         if (marquee) {
             close = false;
-            style['animation-duration'] = dura + "s";
+            style['animation-duration'] = "".concat(dura, "s");
             innerClassName.push(animElemId);
         }
         var classObject = {
@@ -3943,7 +3863,7 @@ var AtNoticebar = /** @class */ (function (_super) {
         };
         var iconClass = ['at-icon'];
         if (icon)
-            iconClass.push("at-icon-" + icon);
+            iconClass.push("at-icon-".concat(icon));
         return (show && (React.createElement(View, { className: classnames(rootClassName, classObject, className), style: customStyle },
             close && (React.createElement(View, { className: 'at-noticebar__close', onClick: this.onClose.bind(this) },
                 React.createElement(Text, { className: 'at-icon at-icon-close' }))),
@@ -3970,16 +3890,16 @@ AtNoticebar.defaultProps = {
     customStyle: {}
 };
 AtNoticebar.propTypes = {
-    close: PropTypes.bool,
-    single: PropTypes.bool,
-    marquee: PropTypes.bool,
-    speed: PropTypes.number,
-    moreText: PropTypes.string,
-    showMore: PropTypes.bool,
-    icon: PropTypes.string,
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    onClose: PropTypes.func,
-    onGotoMore: PropTypes.func
+    close: propTypes.bool,
+    single: propTypes.bool,
+    marquee: propTypes.bool,
+    speed: propTypes.number,
+    moreText: propTypes.string,
+    showMore: propTypes.bool,
+    icon: propTypes.string,
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    onClose: propTypes.func,
+    onGotoMore: propTypes.func
 };
 
 var MIN_MAXPAGE = 1;
@@ -4088,12 +4008,12 @@ AtPagination.defaultProps = {
     customStyle: {}
 };
 AtPagination.propTypes = {
-    current: PropTypes.number,
-    total: PropTypes.number,
-    pageSize: PropTypes.number,
-    icon: PropTypes.bool,
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    onPageChange: PropTypes.func
+    current: propTypes.number,
+    total: propTypes.number,
+    pageSize: propTypes.number,
+    icon: propTypes.bool,
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    onPageChange: propTypes.func
 };
 
 var AtProgress = /** @class */ (function (_super) {
@@ -4116,31 +4036,31 @@ var AtProgress = /** @class */ (function (_super) {
             percent = 100;
         }
         var rootClass = classnames('at-progress', (_a = {},
-            _a["at-progress--" + status] = !!status,
+            _a["at-progress--".concat(status)] = !!status,
             _a), this.props.className);
         var iconClass = classnames('at-icon', {
             'at-icon-close-circle': status === 'error',
             'at-icon-check-circle': status === 'success'
         });
         var progressStyle = {
-            width: percent && +percent + "%",
-            height: strokeWidth && +strokeWidth + "px",
+            width: percent && "".concat(+percent, "%"),
+            height: strokeWidth && "".concat(+strokeWidth, "px"),
             backgroundColor: color
         };
         return (React.createElement(View, { className: rootClass },
             React.createElement(View, { className: 'at-progress__outer' },
                 React.createElement(View, { className: 'at-progress__outer-inner' },
                     React.createElement(View, { className: 'at-progress__outer-inner-background', style: progressStyle }))),
-            !isHidePercent && (React.createElement(View, { className: 'at-progress__content' }, !status || status === 'progress' ? (percent + "%") : (React.createElement(Text, { className: iconClass }))))));
+            !isHidePercent && (React.createElement(View, { className: 'at-progress__content' }, !status || status === 'progress' ? ("".concat(percent, "%")) : (React.createElement(Text, { className: iconClass }))))));
     };
     return AtProgress;
 }(React.Component));
 AtProgress.propTypes = {
-    color: PropTypes.string,
-    status: PropTypes.string,
-    percent: PropTypes.number,
-    strokeWidth: PropTypes.number,
-    isHidePercent: PropTypes.bool
+    color: propTypes.string,
+    status: propTypes.string,
+    percent: propTypes.number,
+    strokeWidth: propTypes.number,
+    isHidePercent: propTypes.bool
 };
 
 var AtRadio = /** @class */ (function (_super) {
@@ -4181,11 +4101,11 @@ AtRadio.defaultProps = {
     onClick: function () { }
 };
 AtRadio.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    value: PropTypes.string,
-    options: PropTypes.array,
-    onClick: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    value: propTypes.string,
+    options: propTypes.array,
+    onClick: propTypes.func
 };
 
 var AtRate = /** @class */ (function (_super) {
@@ -4203,7 +4123,7 @@ var AtRate = /** @class */ (function (_super) {
             marginRight: pxTransform(margin)
         };
         var starIconStyle = {
-            fontSize: size ? size + "px" : ''
+            fontSize: size ? "".concat(size, "px") : ''
         };
         // 生成星星颜色 className 数组，方便在jsx中直接map
         var classNameArr = [];
@@ -4220,7 +4140,7 @@ var AtRate = /** @class */ (function (_super) {
                 classNameArr.push('at-rate__icon at-rate__icon--off');
             }
         }
-        return (React.createElement(View, { className: classnames('at-rate', className), style: customStyle }, classNameArr.map(function (cls, i) { return (React.createElement(View, { className: cls, key: "at-rate-star-" + i, style: iconStyle, onClick: _this.handleClick.bind(_this, i + 1) },
+        return (React.createElement(View, { className: classnames('at-rate', className), style: customStyle }, classNameArr.map(function (cls, i) { return (React.createElement(View, { className: cls, key: "at-rate-star-".concat(i), style: iconStyle, onClick: _this.handleClick.bind(_this, i + 1) },
             React.createElement(Text, { className: 'at-icon at-icon-star-2', style: starIconStyle }),
             React.createElement(View, { className: 'at-rate__left' },
                 React.createElement(Text, { className: 'at-icon at-icon-star-2', style: starIconStyle })))); })));
@@ -4236,13 +4156,13 @@ AtRate.defaultProps = {
     margin: 5
 };
 AtRate.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    value: PropTypes.number,
-    max: PropTypes.number,
-    margin: PropTypes.number,
-    onChange: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    size: propTypes.oneOfType([propTypes.string, propTypes.number]),
+    value: propTypes.number,
+    max: propTypes.number,
+    margin: propTypes.number,
+    onChange: propTypes.func
 };
 
 var AtSegmentedControl = /** @class */ (function (_super) {
@@ -4295,14 +4215,14 @@ AtSegmentedControl.defaultProps = {
     onClick: function () { }
 };
 AtSegmentedControl.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    current: PropTypes.number,
-    color: PropTypes.string,
-    fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    disabled: PropTypes.bool,
-    values: PropTypes.array,
-    onClick: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    current: propTypes.number,
+    color: propTypes.string,
+    fontSize: propTypes.oneOfType([propTypes.string, propTypes.number]),
+    disabled: propTypes.bool,
+    values: propTypes.array,
+    onClick: propTypes.func
 };
 
 var AtSwitch = /** @class */ (function (_super) {
@@ -4342,14 +4262,14 @@ AtSwitch.defaultProps = {
     checked: false
 };
 AtSwitch.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    title: PropTypes.string,
-    color: PropTypes.string,
-    checked: PropTypes.bool,
-    border: PropTypes.bool,
-    disabled: PropTypes.bool,
-    onChange: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    title: propTypes.string,
+    color: propTypes.string,
+    checked: propTypes.bool,
+    border: propTypes.bool,
+    disabled: propTypes.bool,
+    onChange: propTypes.func
 };
 
 var AtTabBar = /** @class */ (function (_super) {
@@ -4386,14 +4306,14 @@ var AtTabBar = /** @class */ (function (_super) {
             color: selectedColor || ''
         };
         var titleStyle = {
-            fontSize: fontSize ? fontSize + "px" : ''
+            fontSize: fontSize ? "".concat(fontSize, "px") : ''
         };
         var rootStyle = {
             backgroundColor: backgroundColor || ''
         };
         var imgStyle = {
-            width: iconSize + "px",
-            height: iconSize + "px"
+            width: "".concat(iconSize, "px"),
+            height: "".concat(iconSize, "px")
         };
         return (React.createElement(View, { className: classnames({
                 'at-tab-bar': true,
@@ -4403,15 +4323,15 @@ var AtTabBar = /** @class */ (function (_super) {
             var _a;
             return (React.createElement(View, { className: classnames('at-tab-bar__item', {
                     'at-tab-bar__item--active': current === i
-                }), style: current === i ? selectedStyle : defaultStyle, key: item.title, onClick: _this.handleClick.bind(_this, i) },
+                }), style: current === i ? selectedStyle : defaultStyle, key: i, onClick: _this.handleClick.bind(_this, i) },
                 item.iconType ? (React.createElement(AtBadge, { dot: !!item.dot, value: item.text, maxValue: Number(item.max) },
                     React.createElement(View, { className: 'at-tab-bar__icon' },
-                        React.createElement(Text, { className: classnames("" + (item.iconPrefixClass || 'at-icon'), (_a = {},
-                                _a[(item.iconPrefixClass || 'at-icon') + "-" + item.selectedIconType] = current === i && item.selectedIconType,
-                                _a[(item.iconPrefixClass || 'at-icon') + "-" + item.iconType] = !(current === i && item.selectedIconType),
+                        React.createElement(Text, { className: classnames("".concat(item.iconPrefixClass || 'at-icon'), (_a = {},
+                                _a["".concat(item.iconPrefixClass || 'at-icon', "-").concat(item.selectedIconType)] = current === i && item.selectedIconType,
+                                _a["".concat(item.iconPrefixClass || 'at-icon', "-").concat(item.iconType)] = !(current === i && item.selectedIconType),
                                 _a)), style: {
                                 color: current === i ? selectedColor : color,
-                                fontSize: iconSize ? iconSize + "px" : ''
+                                fontSize: iconSize ? "".concat(iconSize, "px") : ''
                             } })))) : null,
                 item.image ? (React.createElement(AtBadge, { dot: !!item.dot, value: item.text, maxValue: Number(item.max) },
                     React.createElement(View, { className: 'at-tab-bar__icon' },
@@ -4438,17 +4358,17 @@ AtTabBar.defaultProps = {
     onClick: function () { }
 };
 AtTabBar.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    fixed: PropTypes.bool,
-    backgroundColor: PropTypes.string,
-    current: PropTypes.number,
-    iconSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    color: PropTypes.string,
-    selectedColor: PropTypes.string,
-    tabList: PropTypes.array,
-    onClick: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    fixed: propTypes.bool,
+    backgroundColor: propTypes.string,
+    current: propTypes.number,
+    iconSize: propTypes.oneOfType([propTypes.number, propTypes.string]),
+    fontSize: propTypes.oneOfType([propTypes.number, propTypes.string]),
+    color: propTypes.string,
+    selectedColor: propTypes.string,
+    tabList: propTypes.array,
+    onClick: propTypes.func
 };
 
 var ENV$3 = Taro.getEnv();
@@ -4467,7 +4387,7 @@ var AtTabs = /** @class */ (function (_super) {
                     case Taro.ENV_TYPE.SWAN: {
                         var index = Math.max(idx - 1, 0);
                         _this.setState({
-                            _scrollIntoView: "tab" + _this._tabId + index
+                            _scrollIntoView: "tab".concat(_this._tabId).concat(index)
                         });
                         break;
                     }
@@ -4515,8 +4435,6 @@ var AtTabs = /** @class */ (function (_super) {
         // 获取触摸时的原点
         this._touchDot = e.touches[0].pageX;
         // 使用js计时器记录时间
-        // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-        // @ts-ignore
         this._timer = setInterval(function () {
             _this._interval++;
         }, 100);
@@ -4547,7 +4465,7 @@ var AtTabs = /** @class */ (function (_super) {
         var _a = this.props, swipeable = _a.swipeable, tabDirection = _a.tabDirection;
         if (!swipeable || tabDirection === 'vertical')
             return;
-        clearInterval(this._timer);
+        this._timer && clearInterval(this._timer);
         this._interval = 0;
         this._isMoving = false;
     };
@@ -4578,13 +4496,13 @@ var AtTabs = /** @class */ (function (_super) {
         var _d = this.state, _scrollLeft = _d._scrollLeft, _scrollTop = _d._scrollTop, _scrollIntoView = _d._scrollIntoView;
         var heightStyle = { height: height };
         var underlineStyle = {
-            height: tabDirection === 'vertical' ? tabList.length * 100 + "%" : '1PX',
-            width: tabDirection === 'horizontal' ? tabList.length * 100 + "%" : '1PX'
+            height: tabDirection === 'vertical' ? "".concat(tabList.length * 100, "%") : '1PX',
+            width: tabDirection === 'horizontal' ? "".concat(tabList.length * 100, "%") : '1PX'
         };
         var bodyStyle = {};
-        var transformStyle = "translate3d(0px, -" + current * 100 + "%, 0px)";
+        var transformStyle = "translate3d(0px, -".concat(current * 100, "%, 0px)");
         if (tabDirection === 'horizontal') {
-            transformStyle = "translate3d(-" + current * 100 + "%, 0px, 0px)";
+            transformStyle = "translate3d(-".concat(current * 100, "%, 0px, 0px)");
         }
         Object.assign(bodyStyle, {
             transform: transformStyle,
@@ -4598,7 +4516,7 @@ var AtTabs = /** @class */ (function (_super) {
                 'at-tabs__item': true,
                 'at-tabs__item--active': current === idx
             });
-            return (React.createElement(View, { className: itemCls, id: "tab" + _this._tabId + idx, key: "at-tabs-item-" + idx, onClick: _this.handleClick.bind(_this, idx) },
+            return (React.createElement(View, { className: itemCls, id: "tab".concat(_this._tabId).concat(idx), key: "at-tabs-item-".concat(idx), onClick: _this.handleClick.bind(_this, idx) },
                 item.title,
                 React.createElement(View, { className: 'at-tabs__item-underline' })));
         });
@@ -4606,8 +4524,8 @@ var AtTabs = /** @class */ (function (_super) {
                 'at-tabs': true,
                 'at-tabs--scroll': scroll
             },
-            _a["at-tabs--" + tabDirection] = true,
-            _a["at-tabs--" + ENV$3] = true,
+            _a["at-tabs--".concat(tabDirection)] = true,
+            _a["at-tabs--".concat(ENV$3)] = true,
             _a), className);
         var scrollX = tabDirection === 'horizontal';
         var scrollY = tabDirection === 'vertical';
@@ -4633,16 +4551,16 @@ AtTabs.defaultProps = {
     onClick: function () { }
 };
 AtTabs.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    height: PropTypes.string,
-    tabDirection: PropTypes.oneOf(['horizontal', 'vertical']),
-    current: PropTypes.number,
-    swipeable: PropTypes.bool,
-    scroll: PropTypes.bool,
-    animated: PropTypes.bool,
-    tabList: PropTypes.array,
-    onClick: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    height: propTypes.string,
+    tabDirection: propTypes.oneOf(['horizontal', 'vertical']),
+    current: propTypes.number,
+    swipeable: propTypes.bool,
+    scroll: propTypes.bool,
+    animated: propTypes.bool,
+    tabList: propTypes.array,
+    onClick: propTypes.func
 };
 
 var AtTabsPane = /** @class */ (function (_super) {
@@ -4669,11 +4587,11 @@ AtTabsPane.defaultProps = {
     current: 0
 };
 AtTabsPane.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    tabDirection: PropTypes.oneOf(['horizontal', 'vertical']),
-    index: PropTypes.number,
-    current: PropTypes.number
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    tabDirection: propTypes.oneOf(['horizontal', 'vertical']),
+    index: propTypes.number,
+    current: propTypes.number
 };
 
 var SIZE_CLASS = {
@@ -4703,8 +4621,8 @@ var AtTag = /** @class */ (function (_super) {
         var _b = this.props, _c = _b.size, size = _c === void 0 ? 'normal' : _c, _d = _b.type, type = _d === void 0 ? '' : _d, _e = _b.circle, circle = _e === void 0 ? false : _e, _f = _b.disabled, disabled = _f === void 0 ? false : _f, _g = _b.active, active = _g === void 0 ? false : _g, customStyle = _b.customStyle;
         var rootClassName = ['at-tag'];
         var classObject = (_a = {},
-            _a["at-tag--" + SIZE_CLASS[size]] = SIZE_CLASS[size],
-            _a["at-tag--" + type] = TYPE_CLASS[type],
+            _a["at-tag--".concat(SIZE_CLASS[size])] = SIZE_CLASS[size],
+            _a["at-tag--".concat(type)] = TYPE_CLASS[type],
             _a['at-tag--disabled'] = disabled,
             _a['at-tag--active'] = active,
             _a['at-tag--circle'] = circle,
@@ -4723,14 +4641,14 @@ AtTag.defaultProps = {
     customStyle: {}
 };
 AtTag.propTypes = {
-    size: PropTypes.oneOf(['normal', 'small']),
-    type: PropTypes.oneOf(['', 'primary']),
-    name: PropTypes.string,
-    circle: PropTypes.bool,
-    active: PropTypes.bool,
-    disabled: PropTypes.bool,
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    onClick: PropTypes.func
+    size: propTypes.oneOf(['normal', 'small']),
+    type: propTypes.oneOf(['', 'primary']),
+    name: propTypes.string,
+    circle: propTypes.bool,
+    active: propTypes.bool,
+    disabled: propTypes.bool,
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    onClick: propTypes.func
 };
 
 function getMaxLength(maxLength, textOverflowForbidden) {
@@ -4765,8 +4683,8 @@ var AtTextarea = /** @class */ (function (_super) {
         var _a = this.props, customStyle = _a.customStyle, className = _a.className, value = _a.value, cursorSpacing = _a.cursorSpacing, placeholder = _a.placeholder, placeholderStyle = _a.placeholderStyle, placeholderClass = _a.placeholderClass, _b = _a.maxLength, maxLength = _b === void 0 ? 200 : _b, count = _a.count, disabled = _a.disabled, autoFocus = _a.autoFocus, focus = _a.focus, showConfirmBar = _a.showConfirmBar, selectionStart = _a.selectionStart, selectionEnd = _a.selectionEnd, fixed = _a.fixed, _c = _a.textOverflowForbidden, textOverflowForbidden = _c === void 0 ? true : _c, height = _a.height;
         var _maxLength = parseInt(maxLength.toString());
         var actualMaxLength = getMaxLength(_maxLength, textOverflowForbidden);
-        var textareaStyle = height ? "height:" + pxTransform(Number(height)) : '';
-        var rootCls = classnames('at-textarea', "at-textarea--" + ENV$2, {
+        var textareaStyle = height ? "height:".concat(pxTransform(Number(height))) : '';
+        var rootCls = classnames('at-textarea', "at-textarea--".concat(ENV$2), {
             'at-textarea--error': _maxLength < value.length
         }, className);
         var placeholderCls = classnames('placeholder', placeholderClass);
@@ -4800,29 +4718,29 @@ AtTextarea.defaultProps = {
     onChange: function () { }
 };
 AtTextarea.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    value: PropTypes.string.isRequired,
-    cursorSpacing: PropTypes.number,
-    maxLength: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    placeholderClass: PropTypes.string,
-    placeholderStyle: PropTypes.string,
-    placeholder: PropTypes.string,
-    disabled: PropTypes.bool,
-    autoFocus: PropTypes.bool,
-    focus: PropTypes.bool,
-    showConfirmBar: PropTypes.bool,
-    selectionStart: PropTypes.number,
-    selectionEnd: PropTypes.number,
-    count: PropTypes.bool,
-    textOverflowForbidden: PropTypes.bool,
-    fixed: PropTypes.bool,
-    height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    onLinechange: PropTypes.func,
-    onChange: PropTypes.func.isRequired,
-    onFocus: PropTypes.func,
-    onBlur: PropTypes.func,
-    onConfirm: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    value: propTypes.string.isRequired,
+    cursorSpacing: propTypes.number,
+    maxLength: propTypes.oneOfType([propTypes.string, propTypes.number]),
+    placeholderClass: propTypes.string,
+    placeholderStyle: propTypes.string,
+    placeholder: propTypes.string,
+    disabled: propTypes.bool,
+    autoFocus: propTypes.bool,
+    focus: propTypes.bool,
+    showConfirmBar: propTypes.bool,
+    selectionStart: propTypes.number,
+    selectionEnd: propTypes.number,
+    count: propTypes.bool,
+    textOverflowForbidden: propTypes.bool,
+    fixed: propTypes.bool,
+    height: propTypes.oneOfType([propTypes.string, propTypes.number]),
+    onLinechange: propTypes.func,
+    onChange: propTypes.func.isRequired,
+    onFocus: propTypes.func,
+    onBlur: propTypes.func,
+    onConfirm: propTypes.func
 };
 
 var AtTimeline = /** @class */ (function (_super) {
@@ -4831,7 +4749,7 @@ var AtTimeline = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     AtTimeline.prototype.render = function () {
-        var _a = this.props, pending = _a.pending, items = _a.items, customStyle = _a.customStyle;
+        var _a = this.props, pending = _a.pending, items = _a.items, customStyle = _a.customStyle, onClickItem = _a.onClickItem;
         var rootClassName = ['at-timeline'];
         if (pending)
             rootClassName.push('at-timeline--pending');
@@ -4844,11 +4762,11 @@ var AtTimeline = /** @class */ (function (_super) {
             var iconClass = classnames((_a = {
                     'at-icon': true
                 },
-                _a["at-icon-" + icon] = icon,
+                _a["at-icon-".concat(icon)] = icon,
                 _a));
             var itemRootClassName = ['at-timeline-item'];
             if (color)
-                itemRootClassName.push("at-timeline-item--" + color);
+                itemRootClassName.push("at-timeline-item--".concat(color));
             var dotClass = [];
             if (icon) {
                 dotClass.push('at-timeline-item__icon');
@@ -4856,7 +4774,10 @@ var AtTimeline = /** @class */ (function (_super) {
             else {
                 dotClass.push('at-timeline-item__dot');
             }
-            return (React.createElement(View, { className: classnames(itemRootClassName), key: "at-timeline-item-" + index },
+            var handleItemClick = function (index, e) {
+                onClickItem === null || onClickItem === void 0 ? void 0 : onClickItem(index, e);
+            };
+            return (React.createElement(View, { className: classnames(itemRootClassName), key: "at-timeline-item-".concat(index), onClick: function (e) { return handleItemClick(index, e); } },
                 React.createElement(View, { className: 'at-timeline-item__tail' }),
                 React.createElement(View, { className: classnames(dotClass) }, icon && React.createElement(Text, { className: iconClass })),
                 React.createElement(View, { className: 'at-timeline-item__content' },
@@ -4873,9 +4794,9 @@ AtTimeline.defaultProps = {
     customStyle: {}
 };
 AtTimeline.propTypes = {
-    pending: PropTypes.bool,
-    items: PropTypes.arrayOf(PropTypes.object),
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string])
+    pending: propTypes.bool,
+    items: propTypes.arrayOf(propTypes.object),
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string])
 };
 
 var error = "data:image/png;base64,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";
@@ -4922,8 +4843,6 @@ var AtToast = /** @class */ (function (_super) {
         if (duration === 0) {
             return;
         }
-        // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-        // @ts-ignore
         this._timer = setTimeout(function () {
             _this.close();
         }, +duration);
@@ -4973,10 +4892,10 @@ var AtToast = /** @class */ (function (_super) {
                 'at-toast__body--custom-image': image,
                 'toast-body--text': !realImg && !icon
             },
-            _a["at-toast__body--" + status] = !!status,
+            _a["at-toast__body--".concat(status)] = !!status,
             _a));
         var iconClass = classnames('at-icon', (_b = {},
-            _b["at-icon-" + icon] = icon,
+            _b["at-icon-".concat(icon)] = icon,
             _b));
         return _isOpened ? (React.createElement(View, { className: classnames('at-toast', this.props.className) },
             hasMask && React.createElement(View, { className: 'at-toast__overlay' }),
@@ -4996,15 +4915,15 @@ AtToast.defaultProps = {
     isOpened: false
 };
 AtToast.propTypes = {
-    text: PropTypes.string,
-    icon: PropTypes.string,
-    hasMask: PropTypes.bool,
-    image: PropTypes.string,
-    isOpened: PropTypes.bool,
-    duration: PropTypes.number,
-    status: PropTypes.oneOf(['', 'error', 'loading', 'success']),
-    onClick: PropTypes.func,
-    onClose: PropTypes.func
+    text: propTypes.string,
+    icon: propTypes.string,
+    hasMask: propTypes.bool,
+    image: propTypes.string,
+    isOpened: propTypes.bool,
+    duration: propTypes.number,
+    status: propTypes.oneOf(['', 'error', 'loading', 'success']),
+    onClick: propTypes.func,
+    onClose: propTypes.func
 };
 
 var AtAccordion = /** @class */ (function (_super) {
@@ -5020,6 +4939,7 @@ var AtAccordion = /** @class */ (function (_super) {
         _this.isCompleted = true;
         _this.startOpen = false;
         _this.state = {
+            componentId: uuid(),
             wrapperHeight: 0
         };
         return _this;
@@ -5027,10 +4947,11 @@ var AtAccordion = /** @class */ (function (_super) {
     AtAccordion.prototype.toggleWithAnimation = function () {
         var _this = this;
         var _a = this.props, open = _a.open, isAnimation = _a.isAnimation;
+        var componentId = this.state.componentId;
         if (!this.isCompleted || !isAnimation)
             return;
         this.isCompleted = false;
-        delayQuerySelector('.at-accordion__body', 0).then(function (rect) {
+        delayQuerySelector("#at-accordion__body-".concat(componentId), 0).then(function (rect) {
             var height = parseInt(rect[0].height.toString());
             var startHeight = open ? height : 0;
             var endHeight = open ? 0 : height;
@@ -5065,7 +4986,7 @@ var AtAccordion = /** @class */ (function (_super) {
         var prefixClass = (icon && icon.prefixClass) || 'at-icon';
         var iconCls = classnames((_a = {},
             _a[prefixClass] = true,
-            _a[prefixClass + "-" + (icon && icon.value)] = icon && icon.value,
+            _a["".concat(prefixClass, "-").concat(icon && icon.value)] = icon && icon.value,
             _a['at-accordion__icon'] = true,
             _a));
         var headerCls = classnames('at-accordion__header', {
@@ -5079,12 +5000,13 @@ var AtAccordion = /** @class */ (function (_super) {
         });
         var iconStyle = {
             color: (icon && icon.color) || '',
-            fontSize: (icon && icon.size + "px") || ''
+            fontSize: (icon && "".concat(icon.size, "px")) || ''
         };
-        var contentStyle = { height: wrapperHeight + "px" };
+        var contentStyle = { height: "".concat(wrapperHeight, "px") };
         if (this.isCompleted) {
             contentStyle.height = '';
         }
+        var componentId = this.state.componentId;
         return (React.createElement(View, { className: rootCls, style: customStyle },
             React.createElement(View, { className: headerCls, onClick: this.handleClick },
                 icon && icon.value && (React.createElement(Text, { className: iconCls, style: iconStyle })),
@@ -5094,7 +5016,7 @@ var AtAccordion = /** @class */ (function (_super) {
                 React.createElement(View, { className: arrowCls },
                     React.createElement(Text, { className: 'at-icon at-icon-chevron-down' }))),
             React.createElement(View, { style: contentStyle, className: contentCls },
-                React.createElement(View, { className: 'at-accordion__body' }, this.props.children))));
+                React.createElement(View, { id: "at-accordion__body-".concat(componentId), className: 'at-accordion__body' }, this.props.children))));
     };
     return AtAccordion;
 }(React.Component));
@@ -5109,15 +5031,15 @@ AtAccordion.defaultProps = {
     isAnimation: true
 };
 AtAccordion.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    open: PropTypes.bool,
-    isAnimation: PropTypes.bool,
-    title: PropTypes.string,
-    note: PropTypes.string,
-    icon: PropTypes.object,
-    hasBorder: PropTypes.bool,
-    onClick: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    open: propTypes.bool,
+    isAnimation: propTypes.bool,
+    title: propTypes.string,
+    note: propTypes.string,
+    icon: propTypes.object,
+    hasBorder: propTypes.bool,
+    onClick: propTypes.func
 };
 
 var AtSlider = /** @class */ (function (_super) {
@@ -5161,7 +5083,7 @@ var AtSlider = /** @class */ (function (_super) {
             }, className), style: customStyle },
             React.createElement(View, { className: 'at-slider__inner' },
                 React.createElement(Slider, { min: min, max: max, step: step, value: _value, disabled: disabled, activeColor: activeColor, backgroundColor: backgroundColor, blockSize: blockSize, blockColor: blockColor, onChanging: this.handleChanging.bind(this), onChange: this.handleChange.bind(this) })),
-            showValue && React.createElement(View, { className: 'at-slider__text' }, "" + _value)));
+            showValue && React.createElement(View, { className: 'at-slider__text' }, "".concat(_value))));
     };
     return AtSlider;
 }(React.Component));
@@ -5180,20 +5102,20 @@ AtSlider.defaultProps = {
     showValue: false
 };
 AtSlider.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    min: PropTypes.number,
-    max: PropTypes.number,
-    step: PropTypes.number,
-    value: PropTypes.number,
-    disabled: PropTypes.bool,
-    activeColor: PropTypes.string,
-    backgroundColor: PropTypes.string,
-    blockSize: PropTypes.number,
-    blockColor: PropTypes.string,
-    showValue: PropTypes.bool,
-    onChange: PropTypes.func,
-    onChanging: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    min: propTypes.number,
+    max: propTypes.number,
+    step: propTypes.number,
+    value: propTypes.number,
+    disabled: propTypes.bool,
+    activeColor: propTypes.string,
+    backgroundColor: propTypes.string,
+    blockSize: propTypes.number,
+    blockColor: propTypes.string,
+    showValue: propTypes.bool,
+    onChange: propTypes.func,
+    onChanging: propTypes.func
 };
 
 var AtSwipeActionOptions = /** @class */ (function (_super) {
@@ -5203,7 +5125,7 @@ var AtSwipeActionOptions = /** @class */ (function (_super) {
     }
     AtSwipeActionOptions.prototype.render = function () {
         var rootClass = classnames('at-swipe-action__options', this.props.className);
-        return (React.createElement(View, { id: "swipeActionOptions-" + this.props.componentId, className: rootClass, style: this.props.customStyle }, this.props.children));
+        return (React.createElement(View, { id: "swipeActionOptions-".concat(this.props.componentId), className: rootClass, style: this.props.customStyle }, this.props.children));
     };
     return AtSwipeActionOptions;
 }(React.Component));
@@ -5325,7 +5247,7 @@ var AtSwipeAction = /** @class */ (function (_super) {
                     case 0:
                         componentId = this.state.componentId;
                         return [4 /*yield*/, delayGetClientRect({
-                                selectorStr: "#swipeActionOptions-" + componentId
+                                selectorStr: "#swipeActionOptions-".concat(componentId)
                             })];
                     case 1:
                         actionOptionsRect = _a.sent();
@@ -5371,19 +5293,19 @@ var AtSwipeAction = /** @class */ (function (_super) {
         var _a = this.state, componentId = _a.componentId, maxOffsetSize = _a.maxOffsetSize, eleWidth = _a.eleWidth, offsetSize = _a.offsetSize;
         var _b = this.props, options = _b.options, disabled = _b.disabled;
         var rootClass = classnames('at-swipe-action', this.props.className);
-        return (React.createElement(View, { id: "swipeAction-" + componentId, className: rootClass, style: {
-                width: eleWidth + "px"
+        return (React.createElement(View, { id: "swipeAction-".concat(componentId), className: rootClass, style: {
+                width: "".concat(eleWidth, "px")
             } },
             React.createElement(MovableArea, { className: 'at-swipe-action__area', style: {
-                    width: eleWidth + "px"
+                    width: "".concat(eleWidth, "px")
                 } },
                 React.createElement(MovableView, { className: 'at-swipe-action__content', direction: 'horizontal', damping: 50, x: offsetSize, onTouchEnd: this.onTouchEnd, onChange: this.onChange, disabled: disabled, style: {
-                        width: eleWidth + maxOffsetSize + "px"
+                        width: "".concat(eleWidth + maxOffsetSize, "px")
                     } },
                     this.props.children,
                     Array.isArray(options) && options.length > 0 ? (React.createElement(AtSwipeActionOptions, { options: options, componentId: componentId, customStyle: {
                             opacity: maxOffsetSize ? 1 : 0
-                        } }, options.map(function (item, key) { return (React.createElement(View, { key: item.text + "-" + key, style: item.style, onClick: function (e) { return _this.handleClick(item, key, e); }, className: classnames('at-swipe-action__option', item.className) },
+                        } }, options.map(function (item, key) { return (React.createElement(View, { key: "".concat(item.text, "-").concat(key), style: item.style, onClick: function (e) { return _this.handleClick(item, key, e); }, className: classnames('at-swipe-action__option', item.className) },
                         React.createElement(Text, { className: 'option__text' }, item.text))); }))) : null))));
     };
     return AtSwipeAction;
@@ -5397,21 +5319,21 @@ AtSwipeAction.defaultProps = {
     areaWidth: 0
 };
 AtSwipeAction.propTypes = {
-    isOpened: PropTypes.bool,
-    disabled: PropTypes.bool,
-    autoClose: PropTypes.bool,
-    options: PropTypes.arrayOf(PropTypes.shape({
-        text: PropTypes.string,
-        style: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-        className: PropTypes.oneOfType([
-            PropTypes.object,
-            PropTypes.string,
-            PropTypes.array
+    isOpened: propTypes.bool,
+    disabled: propTypes.bool,
+    autoClose: propTypes.bool,
+    options: propTypes.arrayOf(propTypes.shape({
+        text: propTypes.string,
+        style: propTypes.oneOfType([propTypes.object, propTypes.string]),
+        className: propTypes.oneOfType([
+            propTypes.object,
+            propTypes.string,
+            propTypes.array
         ])
     })),
-    onClick: PropTypes.func,
-    onOpened: PropTypes.func,
-    onClosed: PropTypes.func
+    onClick: propTypes.func,
+    onOpened: propTypes.func,
+    onClosed: propTypes.func
 };
 
 var AtSearchBar = /** @class */ (function (_super) {
@@ -5475,7 +5397,7 @@ var AtSearchBar = /** @class */ (function (_super) {
         else if (!isFocus && !value) {
             placeholderWrapStyle.flexGrow = 1;
             actionStyle.opacity = 0;
-            actionStyle.marginRight = "-" + ((actionName.length + 1) * fontSize + fontSize / 2 + 10) + "px";
+            actionStyle.marginRight = "-".concat((actionName.length + 1) * fontSize + fontSize / 2 + 10, "px");
         }
         if (showActionButton) {
             actionStyle.opacity = 1;
@@ -5492,7 +5414,9 @@ var AtSearchBar = /** @class */ (function (_super) {
                 React.createElement(View, { className: 'at-search-bar__placeholder-wrap', style: placeholderWrapStyle },
                     React.createElement(Text, { className: 'at-icon at-icon-search' }),
                     React.createElement(Text, { className: 'at-search-bar__placeholder', style: placeholderStyle }, isFocus ? '' : placeholder)),
-                React.createElement(Input, { className: 'at-search-bar__input', type: inputType, confirmType: 'search', value: value, focus: isFocus, disabled: disabled, maxlength: maxLength, enableNative: enableNative, onInput: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onConfirm: this.handleConfirm }),
+                React.createElement(Input, { className: 'at-search-bar__input', type: inputType, confirmType: 'search', value: value, focus: isFocus, disabled: disabled, maxlength: maxLength, 
+                    // @ts-ignore ci 上面这个检查不通过, 暂时跳过ts检查
+                    enableNative: enableNative, onInput: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onConfirm: this.handleConfirm }),
                 React.createElement(View, { className: 'at-search-bar__clear', style: clearIconStyle, onTouchStart: this.handleClear },
                     React.createElement(Text, { className: 'at-icon at-icon-close-circle' }))),
             React.createElement(View, { className: 'at-search-bar__action', style: actionStyle, onClick: this.handleActionClick }, actionName)));
@@ -5514,22 +5438,22 @@ AtSearchBar.defaultProps = {
     enableNative: true
 };
 AtSearchBar.propTypes = {
-    value: PropTypes.string,
-    placeholder: PropTypes.string,
-    maxLength: PropTypes.number,
-    fixed: PropTypes.bool,
-    focus: PropTypes.bool,
-    disabled: PropTypes.bool,
-    showActionButton: PropTypes.bool,
-    actionName: PropTypes.string,
-    inputType: PropTypes.oneOf(['text', 'number', 'idcard', 'digit']),
-    onChange: PropTypes.func,
-    onFocus: PropTypes.func,
-    onBlur: PropTypes.func,
-    onConfirm: PropTypes.func,
-    onActionClick: PropTypes.func,
-    onClear: PropTypes.func,
-    enableNative: PropTypes.bool
+    value: propTypes.string,
+    placeholder: propTypes.string,
+    maxLength: propTypes.number,
+    fixed: propTypes.bool,
+    focus: propTypes.bool,
+    disabled: propTypes.bool,
+    showActionButton: propTypes.bool,
+    actionName: propTypes.string,
+    inputType: propTypes.oneOf(['text', 'number', 'idcard', 'digit']),
+    onChange: propTypes.func,
+    onFocus: propTypes.func,
+    onBlur: propTypes.func,
+    onConfirm: propTypes.func,
+    onActionClick: propTypes.func,
+    onClear: propTypes.func,
+    enableNative: propTypes.bool
 };
 
 var AtLoadMore = /** @class */ (function (_super) {
@@ -5568,15 +5492,15 @@ AtLoadMore.defaultProps = {
     noMoreText: '没有更多'
 };
 AtLoadMore.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    noMoreTextStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    moreBtnStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    status: PropTypes.oneOf(['more', 'loading', 'noMore']),
-    loadingText: PropTypes.string,
-    moreText: PropTypes.string,
-    noMoreText: PropTypes.string,
-    onClick: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    noMoreTextStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    moreBtnStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    status: propTypes.oneOf(['more', 'loading', 'noMore']),
+    loadingText: propTypes.string,
+    moreText: propTypes.string,
+    noMoreText: propTypes.string,
+    onClick: propTypes.func
 };
 
 var AtDivider = /** @class */ (function (_super) {
@@ -5587,11 +5511,11 @@ var AtDivider = /** @class */ (function (_super) {
     AtDivider.prototype.render = function () {
         var _a = this.props, className = _a.className, customStyle = _a.customStyle, content = _a.content, height = _a.height, fontColor = _a.fontColor, fontSize = _a.fontSize, lineColor = _a.lineColor;
         var rootStyle = {
-            height: height ? "" + pxTransform(Number(height)) : ''
+            height: height ? "".concat(pxTransform(Number(height))) : ''
         };
         var fontStyle = {
             color: fontColor,
-            'fontSize': fontSize ? "" + pxTransform(Number(fontSize)) : ''
+            fontSize: fontSize ? "".concat(pxTransform(Number(fontSize))) : ''
         };
         var lineStyle = {
             backgroundColor: lineColor
@@ -5610,13 +5534,13 @@ AtDivider.defaultProps = {
     lineColor: ''
 };
 AtDivider.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    content: PropTypes.string,
-    height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    fontColor: PropTypes.string,
-    fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    lineColor: PropTypes.string
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    content: propTypes.string,
+    height: propTypes.oneOfType([propTypes.number, propTypes.string]),
+    fontColor: propTypes.string,
+    fontSize: propTypes.oneOfType([propTypes.number, propTypes.string]),
+    lineColor: propTypes.string
 };
 
 var AtCountdownItem = /** @class */ (function (_super) {
@@ -5625,7 +5549,7 @@ var AtCountdownItem = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     AtCountdownItem.prototype.formatNum = function (num) {
-        return num <= 9 ? "0" + num : "" + num;
+        return num <= 9 ? "0".concat(num) : "".concat(num);
     };
     AtCountdownItem.prototype.render = function () {
         var _a = this.props, num = _a.num, separator = _a.separator;
@@ -5641,8 +5565,8 @@ AtCountdownItem.defaultProps = {
     separator: ':'
 };
 AtCountdownItem.propTypes = {
-    num: PropTypes.number.isRequired,
-    separator: PropTypes.string
+    num: propTypes.number.isRequired,
+    separator: propTypes.string
 };
 
 var toSeconds = function (day, hours, minutes, seconds) { return day * 60 * 60 * 24 + hours * 60 * 60 + minutes * 60 + seconds; };
@@ -5668,6 +5592,7 @@ var AtCountdown = /** @class */ (function (_super) {
     AtCountdown.prototype.clearTimer = function () {
         if (this.timer) {
             clearTimeout(this.timer);
+            this.timer = 0;
         }
     };
     AtCountdown.prototype.calculateTime = function () {
@@ -5711,7 +5636,7 @@ var AtCountdown = /** @class */ (function (_super) {
     AtCountdown.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
         if (JSON.stringify(this.props) === JSON.stringify(nextProps))
             return;
-        var day = nextProps.day, hours = nextProps.hours, minutes = nextProps.minutes, seconds = nextProps.seconds;
+        var _a = nextProps.day, day = _a === void 0 ? 0 : _a, _b = nextProps.hours, hours = _b === void 0 ? 0 : _b, _c = nextProps.minutes, minutes = _c === void 0 ? 0 : _c, _d = nextProps.seconds, seconds = _d === void 0 ? 0 : _d;
         this.seconds = toSeconds(day, hours, minutes, seconds);
         this.clearTimer();
         this.setTimer();
@@ -5729,16 +5654,21 @@ var AtCountdown = /** @class */ (function (_super) {
         this.setTimer();
     };
     AtCountdown.prototype.render = function () {
-        var _a = this.props, className = _a.className, customStyle = _a.customStyle, format = _a.format, isShowDay = _a.isShowDay, isCard = _a.isCard, isShowHour = _a.isShowHour;
-        var _b = this.state, _day = _b._day, _hours = _b._hours, _minutes = _b._minutes, _seconds = _b._seconds;
+        var _a = this.props, className = _a.className, customStyle = _a.customStyle, _b = _a.format, format = _b === void 0 ? {
+            day: '天',
+            hours: '时',
+            minutes: '分',
+            seconds: '秒'
+        } : _b, isShowDay = _a.isShowDay, isCard = _a.isCard, isShowHour = _a.isShowHour;
+        var _c = this.state, _day = _c._day, _hours = _c._hours, _minutes = _c._minutes, _seconds = _c._seconds;
         return (React.createElement(View, { className: classnames({
                 'at-countdown': true,
                 'at-countdown--card': isCard
             }, className), style: customStyle },
-            isShowDay && React.createElement(AtCountdownItem, { num: _day, separator: format.day }),
-            isShowHour && (React.createElement(AtCountdownItem, { num: _hours, separator: format.hours })),
-            React.createElement(AtCountdownItem, { num: _minutes, separator: format.minutes }),
-            React.createElement(AtCountdownItem, { num: _seconds, separator: format.seconds })));
+            isShowDay && (React.createElement(AtCountdownItem, { num: _day, separator: (format === null || format === void 0 ? void 0 : format.day) || '天' })),
+            isShowHour && (React.createElement(AtCountdownItem, { num: _hours, separator: (format === null || format === void 0 ? void 0 : format.hours) || '' })),
+            React.createElement(AtCountdownItem, { num: _minutes, separator: (format === null || format === void 0 ? void 0 : format.minutes) || '' }),
+            React.createElement(AtCountdownItem, { num: _seconds, separator: (format === null || format === void 0 ? void 0 : format.seconds) || '' })));
     };
     return AtCountdown;
 }(React.Component));
@@ -5760,17 +5690,17 @@ AtCountdown.defaultProps = {
     seconds: 0
 };
 AtCountdown.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    isCard: PropTypes.bool,
-    isShowDay: PropTypes.bool,
-    isShowHour: PropTypes.bool,
-    format: PropTypes.object,
-    day: PropTypes.number,
-    hours: PropTypes.number,
-    minutes: PropTypes.number,
-    seconds: PropTypes.number,
-    onTimeUp: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    isCard: propTypes.bool,
+    isShowDay: propTypes.bool,
+    isShowHour: propTypes.bool,
+    format: propTypes.object,
+    day: propTypes.number,
+    hours: propTypes.number,
+    minutes: propTypes.number,
+    seconds: propTypes.number,
+    onTimeUp: propTypes.func
 };
 
 var AtSteps = /** @class */ (function (_super) {
@@ -5802,7 +5732,7 @@ var AtSteps = /** @class */ (function (_super) {
                                 'at-steps__single-icon--success': item.status === 'success',
                                 'at-steps__single-icon--error': item.status === 'error'
                             }) })) : (React.createElement(View, { className: 'at-steps__circular' }, item.icon ? (React.createElement(Text, { className: classnames('at-icon', (_a = {},
-                                _a["at-icon-" + item.icon.value] = item.icon.value,
+                                _a["at-icon-".concat(item.icon.value)] = item.icon.value,
                                 _a['at-steps__circle-icon'] = true,
                                 _a)) })) : (React.createElement(Text, { className: 'at-steps__num' }, i + 1)))),
                         i !== items.length - 1 && (React.createElement(View, { className: 'at-steps__right-line' }))),
@@ -5821,11 +5751,11 @@ AtSteps.defaultProps = {
     onChange: function () { }
 };
 AtSteps.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    current: PropTypes.number,
-    items: PropTypes.array,
-    onChange: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    current: propTypes.number,
+    items: propTypes.array,
+    onChange: propTypes.func
 };
 
 var AtCurtain = /** @class */ (function (_super) {
@@ -5850,7 +5780,7 @@ var AtCurtain = /** @class */ (function (_super) {
         var btnCloseClass = classnames((_a = {
                 'at-curtain__btn-close': true
             },
-            _a["at-curtain__btn-close--" + closeBtnPosition] = closeBtnPosition,
+            _a["at-curtain__btn-close--".concat(closeBtnPosition)] = closeBtnPosition,
             _a));
         return (React.createElement(View, { className: curtainClass, style: customStyle, onClick: this._stopPropagation },
             React.createElement(View, { className: 'at-curtain__container' },
@@ -5869,11 +5799,11 @@ AtCurtain.defaultProps = {
     onClose: function () { }
 };
 AtCurtain.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    isOpened: PropTypes.bool,
-    closeBtnPosition: PropTypes.string,
-    onClose: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    isOpened: propTypes.bool,
+    closeBtnPosition: propTypes.string,
+    onClose: propTypes.func
 };
 
 var AtMessage = /** @class */ (function (_super) {
@@ -5931,7 +5861,7 @@ var AtMessage = /** @class */ (function (_super) {
             'at-message': true,
             'at-message--show': _isOpened,
             'at-message--hidden': !_isOpened
-        }, "at-message--" + _type, className);
+        }, "at-message--".concat(_type), className);
         return (React.createElement(View, { className: rootCls, style: customStyle }, _message));
     };
     return AtMessage;
@@ -5941,8 +5871,8 @@ AtMessage.defaultProps = {
     className: ''
 };
 AtMessage.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string])
 };
 
 // 生成 jsx 二维矩阵
@@ -6034,9 +5964,10 @@ var AtImagePicker = /** @class */ (function (_super) {
             return item.url ? (React.createElement(View, { className: 'at-image-picker__flex-item', key: i * length + j },
                 React.createElement(View, { className: 'at-image-picker__item' },
                     React.createElement(View, { className: 'at-image-picker__remove-btn', onClick: _this.handleRemoveImg.bind(_this, i * length + j) }),
-                    React.createElement(Image, { className: 'at-image-picker__preview-img', mode: mode, src: item.url, onClick: _this.handleImageClick.bind(_this, i * length + j) })))) : (React.createElement(View, { className: 'at-image-picker__flex-item', key: 'empty_' + i * length + j }, item.type === 'btn' && (React.createElement(View, { className: 'at-image-picker__item at-image-picker__choose-btn', onClick: _this.chooseFile },
-                React.createElement(View, { className: 'add-bar' }),
-                React.createElement(View, { className: 'add-bar' })))));
+                    React.createElement(Image, { className: 'at-image-picker__preview-img', mode: mode, src: item.url, onClick: _this.handleImageClick.bind(_this, i * length + j) })))) : (React.createElement(View, { className: 'at-image-picker__flex-item', key: "empty_".concat(i * length).concat(j) }, item.type === 'btn' && (React.createElement(View, { onClick: _this.chooseFile }, _this.props.children
+                || React.createElement(View, { className: 'at-image-picker__item at-image-picker__choose-btn' },
+                    React.createElement(View, { className: 'add-bar' }),
+                    React.createElement(View, { className: 'add-bar' }))))));
         }))); })));
     };
     return AtImagePicker;
@@ -6053,10 +5984,10 @@ AtImagePicker.defaultProps = {
     onChange: function () { }
 };
 AtImagePicker.propTypes = {
-    className: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-    customStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-    files: PropTypes.array,
-    mode: PropTypes.oneOf([
+    className: propTypes.oneOfType([propTypes.string, propTypes.array]),
+    customStyle: propTypes.oneOfType([propTypes.string, propTypes.object]),
+    files: propTypes.array,
+    mode: propTypes.oneOf([
         'scaleToFill',
         'aspectFit',
         'aspectFill',
@@ -6071,15 +6002,15 @@ AtImagePicker.propTypes = {
         'bottom left',
         'bottom right'
     ]),
-    showAddBtn: PropTypes.bool,
-    multiple: PropTypes.bool,
-    length: PropTypes.number,
-    onChange: PropTypes.func,
-    onImageClick: PropTypes.func,
-    onFail: PropTypes.func,
-    count: PropTypes.number,
-    sizeType: PropTypes.array,
-    sourceType: PropTypes.array
+    showAddBtn: propTypes.bool,
+    multiple: propTypes.bool,
+    length: propTypes.number,
+    onChange: propTypes.func,
+    onImageClick: propTypes.func,
+    onFail: propTypes.func,
+    count: propTypes.number,
+    sizeType: propTypes.array,
+    sourceType: propTypes.array
 };
 
 var AtRange = /** @class */ (function (_super) {
@@ -6164,39 +6095,40 @@ var AtRange = /** @class */ (function (_super) {
         });
     };
     AtRange.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
-        var value = nextProps.value;
+        var _a, _b;
+        var _c = nextProps.value, value = _c === void 0 ? [] : _c;
         this.updatePos();
-        if (this.props.value[0] !== value[0] ||
-            this.props.value[1] !== value[1]) {
+        if (((_a = this.props.value) === null || _a === void 0 ? void 0 : _a[0]) !== (value === null || value === void 0 ? void 0 : value[0]) ||
+            ((_b = this.props.value) === null || _b === void 0 ? void 0 : _b[1]) !== (value === null || value === void 0 ? void 0 : value[1])) {
             this.setValue(value);
         }
     };
     AtRange.prototype.componentDidMount = function () {
-        var value = this.props.value;
+        var _a = this.props.value, value = _a === void 0 ? [] : _a;
         this.updatePos();
         this.setValue(value);
     };
     AtRange.prototype.render = function () {
-        var _a = this.props, className = _a.className, customStyle = _a.customStyle, sliderStyle = _a.sliderStyle, railStyle = _a.railStyle, trackStyle = _a.trackStyle, blockSize = _a.blockSize, disabled = _a.disabled;
+        var _a = this.props, className = _a.className, customStyle = _a.customStyle, _b = _a.sliderStyle, sliderStyle = _b === void 0 ? {} : _b, _c = _a.railStyle, railStyle = _c === void 0 ? {} : _c, _d = _a.trackStyle, trackStyle = _d === void 0 ? {} : _d, blockSize = _a.blockSize, disabled = _a.disabled;
         var rootCls = classnames('at-range', {
             'at-range--disabled': disabled
         }, className);
-        var _b = this.state, aX = _b.aX, bX = _b.bX;
+        var _e = this.state, aX = _e.aX, bX = _e.bX;
         var sliderCommonStyle = {
-            width: blockSize ? blockSize + "PX" : '',
-            height: blockSize ? blockSize + "PX" : '',
-            marginLeft: blockSize ? -blockSize / 2 + "PX" : ''
+            width: blockSize ? "".concat(blockSize, "PX") : '',
+            height: blockSize ? "".concat(blockSize, "PX") : '',
+            marginLeft: blockSize ? "".concat(-blockSize / 2, "PX") : ''
         };
-        var sliderAStyle = __assign(__assign({}, sliderCommonStyle), { left: aX + "%" });
-        var sliderBStyle = __assign(__assign({}, sliderCommonStyle), { left: bX + "%" });
+        var sliderAStyle = __assign(__assign({}, sliderCommonStyle), { left: "".concat(aX, "%") });
+        var sliderBStyle = __assign(__assign({}, sliderCommonStyle), { left: "".concat(bX, "%") });
         var containerStyle = {
-            height: blockSize ? blockSize + "PX" : ''
+            height: blockSize ? "".concat(blockSize, "PX") : ''
         };
         var smallerX = Math.min(aX, bX);
         var deltaX = Math.abs(aX - bX);
         var atTrackStyle = {
-            left: smallerX + "%",
-            width: deltaX + "%"
+            left: "".concat(smallerX, "%"),
+            width: "".concat(deltaX, "%")
         };
         return (React.createElement(View, { className: rootCls, style: customStyle, onClick: this.handleClick },
             React.createElement(View, { className: 'at-range__container', style: containerStyle },
@@ -6220,18 +6152,18 @@ AtRange.defaultProps = {
     blockSize: 0
 };
 AtRange.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    sliderStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    railStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    trackStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    value: PropTypes.array,
-    min: PropTypes.number,
-    max: PropTypes.number,
-    disabled: PropTypes.bool,
-    blockSize: PropTypes.number,
-    onChange: PropTypes.func,
-    onAfterChange: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    sliderStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    railStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    trackStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    value: propTypes.array,
+    min: propTypes.number,
+    max: propTypes.number,
+    disabled: propTypes.bool,
+    blockSize: propTypes.number,
+    onChange: propTypes.func,
+    onAfterChange: propTypes.func
 };
 
 var ENV = Taro.getEnv();
@@ -6251,7 +6183,7 @@ var AtIndexes = /** @class */ (function (_super) {
             if (index >= 0 && index <= list.length && _this.currentIndex !== index) {
                 _this.currentIndex = index;
                 var key = index > 0 ? list[index - 1].key : 'top';
-                var touchView = "at-indexes__list-" + key;
+                var touchView = "at-indexes__list-".concat(key);
                 _this.jumpTarget(touchView, index);
             }
         };
@@ -6273,7 +6205,7 @@ var AtIndexes = /** @class */ (function (_super) {
         _this.itemHeight = 0;
         // 当前索引
         _this.currentIndex = -1;
-        _this.listId = isTest() ? 'indexes-list-AOTU2018' : "list-" + uuid();
+        _this.listId = isTest() ? 'indexes-list-AOTU2018' : "list-".concat(uuid());
         return _this;
     }
     AtIndexes.prototype.jumpTarget = function (_scrollIntoView, idx) {
@@ -6301,7 +6233,7 @@ var AtIndexes = /** @class */ (function (_super) {
         var list = this.props.list;
         // const index = _findIndex(list, ['key', key])
         var index = list.findIndex(function (item) { return item.key === key; });
-        var targetView = "at-indexes__list-" + key;
+        var targetView = "at-indexes__list-".concat(key);
         this.jumpTarget(targetView, index + 1);
     };
     AtIndexes.prototype.updateState = function (state) {
@@ -6369,10 +6301,10 @@ var AtIndexes = /** @class */ (function (_super) {
         var rootCls = classnames('at-indexes', className);
         var menuList = list.map(function (dataList, i) {
             var key = dataList.key;
-            var targetView = "at-indexes__list-" + key;
+            var targetView = "at-indexes__list-".concat(key);
             return (React.createElement(View, { className: 'at-indexes__menu-item', key: key, onClick: _this.jumpTarget.bind(_this, targetView, i + 1) }, key));
         });
-        var indexesList = list.map(function (dataList) { return (React.createElement(View, { id: "at-indexes__list-" + dataList.key, className: 'at-indexes__list', key: dataList.key },
+        var indexesList = list.map(function (dataList) { return (React.createElement(View, { id: "at-indexes__list-".concat(dataList.key), className: 'at-indexes__list', key: dataList.key },
             React.createElement(View, { className: 'at-indexes__list-title' }, dataList.title),
             React.createElement(AtList, null, dataList.items &&
                 dataList.items.map(function (item) { return (React.createElement(AtListItem, { key: item.name, title: item.name, onClick: _this.handleClick.bind(_this, item) })); })))); });
@@ -6390,15 +6322,15 @@ var AtIndexes = /** @class */ (function (_super) {
     return AtIndexes;
 }(React.Component));
 AtIndexes.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    animation: PropTypes.bool,
-    isVibrate: PropTypes.bool,
-    isShowToast: PropTypes.bool,
-    topKey: PropTypes.string,
-    list: PropTypes.array,
-    onClick: PropTypes.func,
-    onScrollIntoView: PropTypes.func
+    customStyle: propTypes.oneOfType([propTypes.object, propTypes.string]),
+    className: propTypes.oneOfType([propTypes.array, propTypes.string]),
+    animation: propTypes.bool,
+    isVibrate: propTypes.bool,
+    isShowToast: propTypes.bool,
+    topKey: propTypes.string,
+    list: propTypes.array,
+    onClick: propTypes.func,
+    onScrollIntoView: propTypes.func
 };
 AtIndexes.defaultProps = {
     customStyle: '',
@@ -6411,7 +6343,7 @@ AtIndexes.defaultProps = {
 };
 
 var dayjs_min = createCommonjsModule(function (module, exports) {
-!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p=function(t){return t instanceof _},S=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),l=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(h){case c:return r?l(1,0):l(31,11);case f:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),l=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,l=this;r=Number(r);var $=O.p(h),y=function(t){var e=w(l);return O.w(e.date(e.date()+Math.round(t*r)),l)};if($===f)return this.set(f,this.$M+r);if($===c)return this.set(c,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},$={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||$[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,v=this-M,g=O.m(this,M);return g=($={},$[c]=g/12,$[f]=g,$[h]=g/3,$[o]=(v-m)/6048e5,$[a]=(v-m)/864e5,$[u]=v/n,$[s]=v/e,$[i]=v/t,$)[y]||v,l?g:O.a(g)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),T=_.prototype;return w.prototype=T,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){T[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[g],w.Ls=D,w.p={},w}));
+!function(t,e){module.exports=e();}(commonjsGlobal,function(){var t="millisecond",e="second",n="minute",r="hour",s="day",i="week",a="month",u="year",c=/^(\d{4})-?(\d{1,2})-?(\d{0,2})(.*?(\d{1,2}):(\d{1,2}):(\d{1,2}))?.?(\d{1,3})?$/,o=/\[.*?\]|Y{2,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,h={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},d=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},f={padStart:d,padZoneStr:function(t){var e=Math.abs(t),n=Math.floor(e/60),r=e%60;return (t<=0?"+":"-")+d(n,2,"0")+":"+d(r,2,"0")},monthDiff:function(t,e){var n=12*(e.year()-t.year())+(e.month()-t.month()),r=t.clone().add(n,"months"),s=e-r<0,i=t.clone().add(n+(s?-1:1),"months");return Number(-(n+(e-r)/(s?r-i:i-r)))},absFloor:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},prettyUnit:function(c){return {M:a,y:u,w:i,d:s,h:r,m:n,s:e,ms:t}[c]||String(c||"").toLowerCase().replace(/s$/,"")},isUndefined:function(t){return void 0===t}},$="en",l={};l[$]=h;var m=function(t){return t instanceof D},y=function(t,e,n){var r;if(!t)return null;if("string"==typeof t)l[t]&&(r=t),e&&(l[t]=e,r=t);else {var s=t.name;l[s]=t,r=s;}return n||($=r),r},M=function(t,e){if(m(t))return t.clone();var n=e||{};return n.date=t,new D(n)},S=function(t,e){return M(t,{locale:e.$L})},p=f;p.parseLocale=y,p.isDayjs=m,p.wrapper=S;var D=function(){function h(t){this.parse(t);}var d=h.prototype;return d.parse=function(t){var e,n;this.$d=null===(e=t.date)?new Date(NaN):p.isUndefined(e)?new Date:e instanceof Date?e:"string"==typeof e&&/.*[^Z]$/i.test(e)&&(n=e.match(c))?new Date(n[1],n[2]-1,n[3]||1,n[5]||0,n[6]||0,n[7]||0,n[8]||0):new Date(e),this.init(t);},d.init=function(t){this.$y=this.$d.getFullYear(),this.$M=this.$d.getMonth(),this.$D=this.$d.getDate(),this.$W=this.$d.getDay(),this.$H=this.$d.getHours(),this.$m=this.$d.getMinutes(),this.$s=this.$d.getSeconds(),this.$ms=this.$d.getMilliseconds(),this.$L=this.$L||y(t.locale,null,!0)||$;},d.$utils=function(){return p},d.isValid=function(){return !("Invalid Date"===this.$d.toString())},d.$compare=function(t){return this.valueOf()-M(t).valueOf()},d.isSame=function(t){return 0===this.$compare(t)},d.isBefore=function(t){return this.$compare(t)<0},d.isAfter=function(t){return this.$compare(t)>0},d.year=function(){return this.$y},d.month=function(){return this.$M},d.day=function(){return this.$W},d.date=function(){return this.$D},d.hour=function(){return this.$H},d.minute=function(){return this.$m},d.second=function(){return this.$s},d.millisecond=function(){return this.$ms},d.unix=function(){return Math.floor(this.valueOf()/1e3)},d.valueOf=function(){return this.$d.getTime()},d.startOf=function(t,c){var o=this,h=!!p.isUndefined(c)||c,d=function(t,e){var n=S(new Date(o.$y,e,t),o);return h?n:n.endOf(s)},f=function(t,e){return S(o.toDate()[t].apply(o.toDate(),h?[0,0,0,0].slice(e):[23,59,59,999].slice(e)),o)};switch(p.prettyUnit(t)){case u:return h?d(1,0):d(31,11);case a:return h?d(1,this.$M):d(0,this.$M+1);case i:return d(h?this.$D-this.$W:this.$D+(6-this.$W),this.$M);case s:case"date":return f("setHours",0);case r:return f("setMinutes",1);case n:return f("setSeconds",2);case e:return f("setMilliseconds",3);default:return this.clone()}},d.endOf=function(t){return this.startOf(t,!1)},d.$set=function(i,c){switch(p.prettyUnit(i)){case s:this.$d.setDate(this.$D+(c-this.$W));break;case"date":this.$d.setDate(c);break;case a:this.$d.setMonth(c);break;case u:this.$d.setFullYear(c);break;case r:this.$d.setHours(c);break;case n:this.$d.setMinutes(c);break;case e:this.$d.setSeconds(c);break;case t:this.$d.setMilliseconds(c);}return this.init(),this},d.set=function(t,e){return this.clone().$set(t,e)},d.add=function(t,c){var o=this;t=Number(t);var h,d=p.prettyUnit(c),f=function(e,n){var r=o.set("date",1).set(e,n+t);return r.set("date",Math.min(o.$D,r.daysInMonth()))},$=function(e){var n=new Date(o.$d);return n.setDate(n.getDate()+e*t),S(n,o)};if(d===a)return f(a,this.$M);if(d===u)return f(u,this.$y);if(d===s)return $(1);if(d===i)return $(7);switch(d){case n:h=6e4;break;case r:h=36e5;break;case e:h=1e3;break;default:h=1;}var l=this.valueOf()+t*h;return S(l,this)},d.subtract=function(t,e){return this.add(-1*t,e)},d.format=function(t){var e=this,n=t||"YYYY-MM-DDTHH:mm:ssZ",r=p.padZoneStr(this.$d.getTimezoneOffset()),s=this.$locale(),i=s.weekdays,a=s.months,u=function(t,e,n,r){return t&&t[e]||n[e].substr(0,r)};return n.replace(o,function(t){if(t.indexOf("[")>-1)return t.replace(/\[|\]/g,"");switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return String(e.$y);case"M":return String(e.$M+1);case"MM":return p.padStart(e.$M+1,2,"0");case"MMM":return u(s.monthsShort,e.$M,a,3);case"MMMM":return a[e.$M];case"D":return String(e.$D);case"DD":return p.padStart(e.$D,2,"0");case"d":return String(e.$W);case"dd":return u(s.weekdaysMin,e.$W,i,2);case"ddd":return u(s.weekdaysShort,e.$W,i,3);case"dddd":return i[e.$W];case"H":return String(e.$H);case"HH":return p.padStart(e.$H,2,"0");case"h":case"hh":return 0===e.$H?12:p.padStart(e.$H<13?e.$H:e.$H-12,"hh"===t?2:1,"0");case"a":return e.$H<12?"am":"pm";case"A":return e.$H<12?"AM":"PM";case"m":return String(e.$m);case"mm":return p.padStart(e.$m,2,"0");case"s":return String(e.$s);case"ss":return p.padStart(e.$s,2,"0");case"SSS":return p.padStart(e.$ms,3,"0");case"Z":return r;default:return r.replace(":","")}})},d.diff=function(t,c,o){var h=p.prettyUnit(c),d=M(t),f=this-d,$=p.monthDiff(this,d);switch(h){case u:$/=12;break;case a:break;case"quarter":$/=3;break;case i:$=f/6048e5;break;case s:$=f/864e5;break;case r:$=f/36e5;break;case n:$=f/6e4;break;case e:$=f/1e3;break;default:$=f;}return o?$:p.absFloor($)},d.daysInMonth=function(){return this.endOf(a).$D},d.$locale=function(){return l[this.$L]},d.locale=function(t,e){var n=this.clone();return n.$L=y(t,e,!0),n},d.clone=function(){return S(this.toDate(),this)},d.toDate=function(){return new Date(this.$d)},d.toArray=function(){return [this.$y,this.$M,this.$D,this.$H,this.$m,this.$s,this.$ms]},d.toJSON=function(){return this.toISOString()},d.toISOString=function(){return this.toDate().toISOString()},d.toObject=function(){return {years:this.$y,months:this.$M,date:this.$D,hours:this.$H,minutes:this.$m,seconds:this.$s,milliseconds:this.$ms}},d.toString=function(){return this.$d.toUTCString()},h}();return M.extend=function(t,e){return t(e,D,M),M},M.locale=y,M.isDayjs=m,M.unix=function(t){return M(1e3*t)},M.en=l[$],M});
 });
 
 /** Built-in value references. */
@@ -7749,7 +7681,8 @@ function handleActive(args, item) {
     var dayjsEnd = dayjs_min(end);
     var dayjsStart = start ? dayjs_min(start) : dayjsEnd;
     item.isSelected =
-        (_value === null || _value === void 0 ? void 0 : _value.isSame(dayjsEnd)) || (_value === null || _value === void 0 ? void 0 : _value.isSame(dayjsStart)) ||
+        (_value === null || _value === void 0 ? void 0 : _value.isSame(dayjsEnd)) ||
+            (_value === null || _value === void 0 ? void 0 : _value.isSame(dayjsStart)) ||
             ((_value === null || _value === void 0 ? void 0 : _value.isAfter(dayjsStart)) && (_value === null || _value === void 0 ? void 0 : _value.isBefore(dayjsEnd)));
     item.isSelectedHead = _value === null || _value === void 0 ? void 0 : _value.isSame(dayjsStart);
     item.isSelectedTail = _value === null || _value === void 0 ? void 0 : _value.isSame(dayjsEnd);
@@ -7761,7 +7694,7 @@ function handleMarks(args, item) {
     var _value = item._value;
     var marks = options.marks;
     var markList = marks.filter(function (mark) {
-        return dayjs_min(mark.value).startOf('day').isSame(_value);
+        return _value ? dayjs_min(mark.value).startOf('day').isSame(_value) : false;
     });
     item.marks = markList.slice(0, 1);
     return item;
@@ -7805,7 +7738,7 @@ function handleValid(args, item) {
     var validDates = options.validDates;
     if (!isEmpty_1(validDates)) {
         var isInclude = validDates.some(function (date) {
-            return dayjs_min(date.value).startOf('day').isSame(_value);
+            return _value ? dayjs_min(date.value).startOf('day').isSame(_value) : false;
         });
         item.isDisabled = !isInclude;
     }
@@ -7817,9 +7750,11 @@ var plugins = [handleActive, handleMarks, handleDisabled, handleValid];
 var TOTAL = 7 * 6;
 function getFullItem(item, options, selectedDate, isShowStatus) {
     if (options.marks.find(function (x) { return x.value === item.value; })) {
-        item.marks = [{
+        item.marks = [
+            {
                 value: item.value
-            }];
+            }
+        ];
     }
     if (!isShowStatus)
         return item;
@@ -7917,7 +7852,7 @@ var AtCalendarList = /** @class */ (function (_super) {
         var list = this.props.list;
         if (!list || list.length === 0)
             return null;
-        return (React.createElement(View, { className: 'at-calendar__list flex' }, list.map(function (item) { return (React.createElement(View, { key: "list-item-" + item.value, onClick: _this.handleClick.bind(_this, item), onLongPress: _this.handleLongClick.bind(_this, item), className: classnames('flex__item', "flex__item--" + MAP[item.type], {
+        return (React.createElement(View, { className: 'at-calendar__list flex' }, list.map(function (item) { return (React.createElement(View, { key: "list-item-".concat(item.value), onClick: _this.handleClick.bind(_this, item), onLongPress: _this.handleLongClick.bind(_this, item), className: classnames('flex__item', "flex__item--".concat(MAP[item.type]), {
                 'flex__item--today': item.isToday,
                 'flex__item--active': item.isActive,
                 'flex__item--selected': item.isSelected,
@@ -8017,7 +7952,7 @@ var AtCalendarBody = /** @class */ (function (_super) {
                     _this.setState({
                         isAnimate: false
                     }, function () {
-                        callback && callback();
+                        callback === null || callback === void 0 ? void 0 : callback();
                     });
                 }, ANIMTE_DURATION);
             });
@@ -8106,7 +8041,7 @@ var AtCalendarBody = /** @class */ (function (_super) {
         var isSwiper = this.props.isSwiper;
         var _a = this.state, isAnimate = _a.isAnimate, offsetSize = _a.offsetSize, listGroup = _a.listGroup;
         if (!isSwiper) {
-            return (React.createElement(View, { className: classnames('main', 'at-calendar-slider__main', "at-calendar-slider__main--" + process.env.TARO_ENV) },
+            return (React.createElement(View, { className: classnames('main', 'at-calendar-slider__main', "at-calendar-slider__main--".concat(process.env.TARO_ENV)) },
                 React.createElement(AtCalendarHeader, null),
                 React.createElement(View, { className: 'main__body body' },
                     React.createElement(View, { className: 'body__slider body__slider--now' },
@@ -8114,17 +8049,17 @@ var AtCalendarBody = /** @class */ (function (_super) {
         }
         /* 需要 Taro 组件库维护 Swiper 使 小程序 和 H5 的表现保持一致  */
         if (process.env.TARO_ENV === 'h5') {
-            return (React.createElement(View, { className: classnames('main', 'at-calendar-slider__main', "at-calendar-slider__main--" + process.env.TARO_ENV), onTouchEnd: this.handleTouchEnd, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart },
+            return (React.createElement(View, { className: classnames('main', 'at-calendar-slider__main', "at-calendar-slider__main--".concat(process.env.TARO_ENV)), onTouchEnd: this.handleTouchEnd, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart },
                 React.createElement(AtCalendarHeader, null),
                 React.createElement(View, { className: classnames('main__body  body', {
                         'main__body--slider': isSwiper,
                         'main__body--animate': isAnimate
                     }), style: {
                         transform: isSwiper
-                            ? "translateX(-100%) translate3d(" + offsetSize + ",0,0)"
+                            ? "translateX(-100%) translate3d(".concat(offsetSize, ",0,0)")
                             : '',
                         WebkitTransform: isSwiper
-                            ? "translateX(-100%) translate3d(" + offsetSize + "px,0,0)"
+                            ? "translateX(-100%) translate3d(".concat(offsetSize, "px,0,0)")
                             : ''
                     } },
                     React.createElement(View, { className: 'body__slider body__slider--pre' },
@@ -8134,7 +8069,7 @@ var AtCalendarBody = /** @class */ (function (_super) {
                     React.createElement(View, { className: 'body__slider body__slider--next' },
                         React.createElement(AtCalendarList, { list: listGroup[2].list })))));
         }
-        return (React.createElement(View, { className: classnames('main', 'at-calendar-slider__main', "at-calendar-slider__main--" + process.env.TARO_ENV) },
+        return (React.createElement(View, { className: classnames('main', 'at-calendar-slider__main', "at-calendar-slider__main--".concat(process.env.TARO_ENV)) },
             React.createElement(AtCalendarHeader, null),
             React.createElement(Swiper, { circular: true, current: 1, skipHiddenItemLayout: true, className: classnames('main__body'), onChange: this.handleChange, vertical: this.props.isVertical, onAnimationFinish: this.handleAnimateFinish, onTouchEnd: this.handleSwipeTouchEnd, onTouchStart: this.handleSwipeTouchStart }, listGroup.map(function (item, key) { return (React.createElement(SwiperItem, { key: key, itemId: key.toString() },
                 React.createElement(AtCalendarList, { list: item.list, onClick: _this.props.onDayClick, onLongClick: _this.props.onLongClick }))); }))));
@@ -8392,15 +8327,15 @@ var AtFab = /** @class */ (function (_super) {
         var _a;
         var _b = this.props, size = _b.size, className = _b.className, children = _b.children;
         var rootClass = classnames('at-fab', className, (_a = {},
-            _a["at-fab--" + size] = size,
+            _a["at-fab--".concat(size)] = size,
             _a));
         return (React.createElement(View, { className: rootClass, onClick: this.onClick.bind(this) }, children));
     };
     return AtFab;
 }(React.Component));
 AtFab.propTypes = {
-    size: PropTypes.oneOf(['normal', 'small']),
-    onClick: PropTypes.func
+    size: propTypes.oneOf(['normal', 'small']),
+    onClick: propTypes.func
 };
 AtFab.defaultProps = {
     size: 'normal'
@@ -8411,7 +8346,7 @@ var objectToString = function (style) {
         var styleStr_1 = '';
         Object.keys(style).forEach(function (key) {
             var lowerCaseKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();
-            styleStr_1 += lowerCaseKey + ":" + style[key] + ";";
+            styleStr_1 += "".concat(lowerCaseKey, ":").concat(style[key], ";");
         });
         return styleStr_1;
     }