tdesign-react 0.25.1 → 0.26.0

package/esm/form/FormItem.js

@@ -1,15 +1,26 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _typeof } from '../_chunks/dep-c869a7bd.js';
-import { _ as _defineProperty } from '../_chunks/dep-7b5ee09e.js';
-import { _ as _slicedToArray } from '../_chunks/dep-bce0ce39.js';
+import { _ as _typeof } from '../_chunks/dep-87647568.js';
+import { _ as _defineProperty } from '../_chunks/dep-ada514b9.js';
+import { _ as _slicedToArray } from '../_chunks/dep-e9eb270f.js';
 import React, { forwardRef, useState, useRef, useEffect, useImperativeHandle } from 'react';
 import classNames from 'classnames';
-import '../_chunks/dep-f9242fec.js';
+import '../_chunks/dep-c5e6a539.js';
+import { _ as _copyObject, k as keysIn_1 } from '../_chunks/dep-8fea0649.js';
+import { a as _createAssigner } from '../_chunks/dep-a8619fd7.js';
+import { a as _apply } from '../_chunks/dep-4506ade7.js';
+import { a as isPlainObject_1, _ as _baseRest } from '../_chunks/dep-6ef661cb.js';
+import { _ as _baseGetTag } from '../_chunks/dep-76bc9a8e.js';
+import { i as isObjectLike_1 } from '../_chunks/dep-456d7444.js';
+import { _ as _arrayMap, t as toString_1 } from '../_chunks/dep-9c495ff4.js';
+import { e as eq_1 } from '../_chunks/dep-f81e5642.js';
+import { _ as _isIterateeCall } from '../_chunks/dep-2f1a6244.js';
+import { k as keys_1 } from '../_chunks/dep-16ace5a1.js';
+import { _ as _basePropertyOf } from '../_chunks/dep-bce15148.js';
 import { CheckCircleFilledIcon, CloseCircleFilledIcon, ErrorCircleFilledIcon } from 'tdesign-icons-react';
 import useConfig from '../_util/useConfig.js';
 import { Checkbox } from '../checkbox/index.js';
@@ -17,65 +28,55 @@ import { Upload } from '../upload/index.js';
 import { Tag } from '../tag/index.js';
 import { validate, isValueEmpty } from './formModel.js';
 import { useFormContext } from './FormContext.js';
-import '../_chunks/dep-f7f44030.js';
-import '../_chunks/dep-b327e031.js';
-import '../_chunks/dep-e3baf9a5.js';
-import '../_chunks/dep-bb55dd2f.js';
-import '../_chunks/dep-8823a92e.js';
-import '../_chunks/dep-4979c2b8.js';
-import '../_chunks/dep-fd49ee45.js';
-import '../_chunks/dep-c008b410.js';
-import '../_chunks/dep-c50b5bb9.js';
-import '../_chunks/dep-a7731315.js';
-import '../_chunks/dep-a180486a.js';
-import '../_chunks/dep-90eb9c48.js';
-import '../_chunks/dep-65c1d541.js';
-import '../_chunks/dep-ff79fb39.js';
-import '../_chunks/dep-3f70a0f5.js';
-import '../_chunks/dep-72e1bd13.js';
-import '../_chunks/dep-491ab1c7.js';
+import '../_chunks/dep-722fe6eb.js';
+import '../_chunks/dep-96268fc3.js';
+import '../_chunks/dep-08a538d7.js';
+import '../_chunks/dep-cfa4c989.js';
+import '../_chunks/dep-5e81ed02.js';
+import '../_chunks/dep-b52934ba.js';
+import '../_chunks/dep-d945c24c.js';
+import '../_chunks/dep-43841bc9.js';
+import '../_chunks/dep-a3b25bd0.js';
 import '../locale/zh_CN.js';
 import '../_common/js/locale/zh_CN.js';
-import '../config-provider/defaultConfig.js';
-import '../_chunks/dep-36516db7.js';
+import '../config-provider/zh_CN_config.js';
+import '../_chunks/dep-6a9e2ff5.js';
+import '../_chunks/dep-a3e8ed28.js';
+import '../_chunks/dep-b0d60167.js';
+import '../_chunks/dep-b59a613a.js';
+import '../_chunks/dep-1f097e5c.js';
+import '../_chunks/dep-bd1de886.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../common/Check.js';
-import '../_chunks/dep-c0b93c23.js';
+import '../_chunks/dep-9f6be541.js';
 import '../_util/helper.js';
-import '../_chunks/dep-0ff35b5e.js';
-import '../_chunks/dep-360d6135.js';
-import '../_chunks/dep-6d5c2511.js';
-import '../_chunks/dep-427158bb.js';
-import '../_chunks/dep-9b59ab07.js';
 import '../_util/useDefault.js';
 import '../_util/noop.js';
-import '../_chunks/dep-aa302200.js';
+import '../_chunks/dep-2a49e378.js';
 import '../checkbox/style/index.js';
 import '../checkbox/type.js';
 import '../upload/upload.js';
-import '../_chunks/dep-46120f73.js';
-import '../_chunks/dep-2f489a35.js';
-import '../_chunks/dep-611402ed.js';
-import '../_chunks/dep-c5782559.js';
-import '../_chunks/dep-deeece0d.js';
-import '../_chunks/dep-bfd83090.js';
-import '../_chunks/dep-1d476548.js';
-import '../_chunks/dep-896efa92.js';
-import '../_chunks/dep-09442174.js';
-import '../_chunks/dep-8f43c3b0.js';
-import '../_chunks/dep-f3331392.js';
-import '../_chunks/dep-2e56daa5.js';
-import '../_chunks/dep-91fd8fa6.js';
+import '../_chunks/dep-27f0aed6.js';
+import '../_chunks/dep-d08c8845.js';
+import '../_chunks/dep-fad90f7c.js';
+import '../_chunks/dep-8d8a59c5.js';
+import '../_chunks/dep-17843c23.js';
+import '../_chunks/dep-f93431de.js';
+import '../_chunks/dep-4e3754ac.js';
+import '../_chunks/dep-e1cc480b.js';
+import '../_chunks/dep-3d0febec.js';
+import '../_chunks/dep-a1b98045.js';
 import '../dialog/index.js';
 import '../dialog/Dialog.js';
-import '../_chunks/dep-35ecd49c.js';
+import '../_chunks/dep-f5031153.js';
 import '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
 import '../button/index.js';
 import '../button/Button.js';
 import '../_util/useRipple.js';
+import '../_util/useAnimation.js';
 import '../_util/setStyle.js';
 import '../_util/dom.js';
 import 'raf';
@@ -88,18 +89,19 @@ import '../loading/gradient.js';
 import '../_common/js/loading/circle-adapter.js';
 import '../_common/js/utils/set-style.js';
 import '../_common/js/utils/helper.js';
+import '../loading/plugin.js';
 import '../loading/style/index.js';
 import '../loading/type.js';
-import '../loading/plugin.js';
 import '../button/style/index.js';
 import '../button/type.js';
 import '../dialog/RenderDialog.js';
 import 'react-transition-group';
 import '../_util/useLayoutEffect.js';
+import '../_util/useDialogEsc.js';
 import '../_util/useSetState.js';
+import '../dialog/plugin.js';
 import '../dialog/style/index.js';
 import '../dialog/type.js';
-import '../dialog/plugin.js';
 import '../upload/dragger.js';
 import '../upload/themes/dragger-progress.js';
 import '../upload/util.js';
@@ -148,23 +150,586 @@ function isNil(value) {
 
 var isNil_1 = isNil;
 
+var copyObject = _copyObject,
+    createAssigner = _createAssigner,
+    keysIn = keysIn_1;
+/**
+ * This method is like `_.assignIn` except that it accepts `customizer`
+ * which is invoked to produce the assigned values. If `customizer` returns
+ * `undefined`, assignment is handled by the method instead. The `customizer`
+ * is invoked with five arguments: (objValue, srcValue, key, object, source).
+ *
+ * **Note:** This method mutates `object`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @alias extendWith
+ * @category Object
+ * @param {Object} object The destination object.
+ * @param {...Object} sources The source objects.
+ * @param {Function} [customizer] The function to customize assigned values.
+ * @returns {Object} Returns `object`.
+ * @see _.assignWith
+ * @example
+ *
+ * function customizer(objValue, srcValue) {
+ *   return _.isUndefined(objValue) ? srcValue : objValue;
+ * }
+ *
+ * var defaults = _.partialRight(_.assignInWith, customizer);
+ *
+ * defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 });
+ * // => { 'a': 1, 'b': 2 }
+ */
+
+var assignInWith$1 = createAssigner(function (object, source, srcIndex, customizer) {
+  copyObject(source, keysIn(source), object, customizer);
+});
+var assignInWith_1 = assignInWith$1;
+
+var baseGetTag = _baseGetTag,
+    isObjectLike = isObjectLike_1,
+    isPlainObject = isPlainObject_1;
+/** `Object#toString` result references. */
+
+var domExcTag = '[object DOMException]',
+    errorTag = '[object Error]';
+/**
+ * Checks if `value` is an `Error`, `EvalError`, `RangeError`, `ReferenceError`,
+ * `SyntaxError`, `TypeError`, or `URIError` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an error object, else `false`.
+ * @example
+ *
+ * _.isError(new Error);
+ * // => true
+ *
+ * _.isError(Error);
+ * // => false
+ */
+
+function isError$2(value) {
+  if (!isObjectLike(value)) {
+    return false;
+  }
+
+  var tag = baseGetTag(value);
+  return tag == errorTag || tag == domExcTag || typeof value.message == 'string' && typeof value.name == 'string' && !isPlainObject(value);
+}
+
+var isError_1 = isError$2;
+
+var apply = _apply,
+    baseRest = _baseRest,
+    isError$1 = isError_1;
+/**
+ * Attempts to invoke `func`, returning either the result or the caught error
+ * object. Any additional arguments are provided to `func` when it's invoked.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category Util
+ * @param {Function} func The function to attempt.
+ * @param {...*} [args] The arguments to invoke `func` with.
+ * @returns {*} Returns the `func` result or error object.
+ * @example
+ *
+ * // Avoid throwing errors for invalid selectors.
+ * var elements = _.attempt(function(selector) {
+ *   return document.querySelectorAll(selector);
+ * }, '>_>');
+ *
+ * if (_.isError(elements)) {
+ *   elements = [];
+ * }
+ */
+
+var attempt$1 = baseRest(function (func, args) {
+  try {
+    return apply(func, undefined, args);
+  } catch (e) {
+    return isError$1(e) ? e : new Error(e);
+  }
+});
+var attempt_1 = attempt$1;
+
+var arrayMap = _arrayMap;
+/**
+ * The base implementation of `_.values` and `_.valuesIn` which creates an
+ * array of `object` property values corresponding to the property names
+ * of `props`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {Array} props The property names to get values for.
+ * @returns {Object} Returns the array of property values.
+ */
+
+function baseValues$1(object, props) {
+  return arrayMap(props, function (key) {
+    return object[key];
+  });
+}
+
+var _baseValues = baseValues$1;
+
+var eq = eq_1;
+/** Used for built-in method references. */
+
+var objectProto$1 = Object.prototype;
+/** Used to check objects for own properties. */
+
+var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+/**
+ * Used by `_.defaults` to customize its `_.assignIn` use to assign properties
+ * of source objects to the destination object for all destination properties
+ * that resolve to `undefined`.
+ *
+ * @private
+ * @param {*} objValue The destination value.
+ * @param {*} srcValue The source value.
+ * @param {string} key The key of the property to assign.
+ * @param {Object} object The parent object of `objValue`.
+ * @returns {*} Returns the value to assign.
+ */
+
+function customDefaultsAssignIn$1(objValue, srcValue, key, object) {
+  if (objValue === undefined || eq(objValue, objectProto$1[key]) && !hasOwnProperty$1.call(object, key)) {
+    return srcValue;
+  }
+
+  return objValue;
+}
+
+var _customDefaultsAssignIn = customDefaultsAssignIn$1;
+
+/** Used to escape characters for inclusion in compiled string literals. */
+var stringEscapes = {
+  '\\': '\\',
+  "'": "'",
+  '\n': 'n',
+  '\r': 'r',
+  "\u2028": 'u2028',
+  "\u2029": 'u2029'
+};
+/**
+ * Used by `_.template` to escape characters for inclusion in compiled string literals.
+ *
+ * @private
+ * @param {string} chr The matched character to escape.
+ * @returns {string} Returns the escaped character.
+ */
+
+function escapeStringChar$1(chr) {
+  return '\\' + stringEscapes[chr];
+}
+
+var _escapeStringChar = escapeStringChar$1;
+
+/** Used to match template delimiters. */
+var reInterpolate$2 = /<%=([\s\S]+?)%>/g;
+var _reInterpolate = reInterpolate$2;
+
+var basePropertyOf = _basePropertyOf;
+/** Used to map characters to HTML entities. */
+
+var htmlEscapes = {
+  '&': '&amp;',
+  '<': '&lt;',
+  '>': '&gt;',
+  '"': '&quot;',
+  "'": '&#39;'
+};
+/**
+ * Used by `_.escape` to convert characters to HTML entities.
+ *
+ * @private
+ * @param {string} chr The matched character to escape.
+ * @returns {string} Returns the escaped character.
+ */
+
+var escapeHtmlChar$1 = basePropertyOf(htmlEscapes);
+var _escapeHtmlChar = escapeHtmlChar$1;
+
+var escapeHtmlChar = _escapeHtmlChar,
+    toString$1 = toString_1;
+/** Used to match HTML entities and HTML characters. */
+
+var reUnescapedHtml = /[&<>"']/g,
+    reHasUnescapedHtml = RegExp(reUnescapedHtml.source);
+/**
+ * Converts the characters "&", "<", ">", '"', and "'" in `string` to their
+ * corresponding HTML entities.
+ *
+ * **Note:** No other characters are escaped. To escape additional
+ * characters use a third-party library like [_he_](https://mths.be/he).
+ *
+ * Though the ">" character is escaped for symmetry, characters like
+ * ">" and "/" don't need escaping in HTML and have no special meaning
+ * unless they're part of a tag or unquoted attribute value. See
+ * [Mathias Bynens's article](https://mathiasbynens.be/notes/ambiguous-ampersands)
+ * (under "semi-related fun fact") for more details.
+ *
+ * When working with HTML you should always
+ * [quote attribute values](http://wonko.com/post/html-escaping) to reduce
+ * XSS vectors.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category String
+ * @param {string} [string=''] The string to escape.
+ * @returns {string} Returns the escaped string.
+ * @example
+ *
+ * _.escape('fred, barney, & pebbles');
+ * // => 'fred, barney, &amp; pebbles'
+ */
+
+function escape$1(string) {
+  string = toString$1(string);
+  return string && reHasUnescapedHtml.test(string) ? string.replace(reUnescapedHtml, escapeHtmlChar) : string;
+}
+
+var _escape = escape$1;
+
+/** Used to match template delimiters. */
+var reEscape$1 = /<%-([\s\S]+?)%>/g;
+var _reEscape = reEscape$1;
+
+/** Used to match template delimiters. */
+var reEvaluate$1 = /<%([\s\S]+?)%>/g;
+var _reEvaluate = reEvaluate$1;
+
+var escape = _escape,
+    reEscape = _reEscape,
+    reEvaluate = _reEvaluate,
+    reInterpolate$1 = _reInterpolate;
+/**
+ * By default, the template delimiters used by lodash are like those in
+ * embedded Ruby (ERB) as well as ES2015 template strings. Change the
+ * following template settings to use alternative delimiters.
+ *
+ * @static
+ * @memberOf _
+ * @type {Object}
+ */
+
+var templateSettings$1 = {
+  /**
+   * Used to detect `data` property values to be HTML-escaped.
+   *
+   * @memberOf _.templateSettings
+   * @type {RegExp}
+   */
+  'escape': reEscape,
+
+  /**
+   * Used to detect code to be evaluated.
+   *
+   * @memberOf _.templateSettings
+   * @type {RegExp}
+   */
+  'evaluate': reEvaluate,
+
+  /**
+   * Used to detect `data` property values to inject.
+   *
+   * @memberOf _.templateSettings
+   * @type {RegExp}
+   */
+  'interpolate': reInterpolate$1,
+
+  /**
+   * Used to reference the data object in the template text.
+   *
+   * @memberOf _.templateSettings
+   * @type {string}
+   */
+  'variable': '',
+
+  /**
+   * Used to import variables into the compiled template.
+   *
+   * @memberOf _.templateSettings
+   * @type {Object}
+   */
+  'imports': {
+    /**
+     * A reference to the `lodash` function.
+     *
+     * @memberOf _.templateSettings.imports
+     * @type {Function}
+     */
+    '_': {
+      'escape': escape
+    }
+  }
+};
+var templateSettings_1 = templateSettings$1;
+
+var assignInWith = assignInWith_1,
+    attempt = attempt_1,
+    baseValues = _baseValues,
+    customDefaultsAssignIn = _customDefaultsAssignIn,
+    escapeStringChar = _escapeStringChar,
+    isError = isError_1,
+    isIterateeCall = _isIterateeCall,
+    keys = keys_1,
+    reInterpolate = _reInterpolate,
+    templateSettings = templateSettings_1,
+    toString = toString_1;
+/** Error message constants. */
+
+var INVALID_TEMPL_VAR_ERROR_TEXT = 'Invalid `variable` option passed into `_.template`';
+/** Used to match empty string literals in compiled template source. */
+
+var reEmptyStringLeading = /\b__p \+= '';/g,
+    reEmptyStringMiddle = /\b(__p \+=) '' \+/g,
+    reEmptyStringTrailing = /(__e\(.*?\)|\b__t\)) \+\n'';/g;
+/**
+ * Used to validate the `validate` option in `_.template` variable.
+ *
+ * Forbids characters which could potentially change the meaning of the function argument definition:
+ * - "()," (modification of function parameters)
+ * - "=" (default value)
+ * - "[]{}" (destructuring of function parameters)
+ * - "/" (beginning of a comment)
+ * - whitespace
+ */
+
+var reForbiddenIdentifierChars = /[()=,{}\[\]\/\s]/;
+/**
+ * Used to match
+ * [ES template delimiters](http://ecma-international.org/ecma-262/7.0/#sec-template-literal-lexical-components).
+ */
+
+var reEsTemplate = /\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g;
+/** Used to ensure capturing order of template delimiters. */
+
+var reNoMatch = /($^)/;
+/** Used to match unescaped characters in compiled string literals. */
+
+var reUnescapedString = /['\n\r\u2028\u2029\\]/g;
+/** Used for built-in method references. */
+
+var objectProto = Object.prototype;
+/** Used to check objects for own properties. */
+
+var hasOwnProperty = objectProto.hasOwnProperty;
+/**
+ * Creates a compiled template function that can interpolate data properties
+ * in "interpolate" delimiters, HTML-escape interpolated data properties in
+ * "escape" delimiters, and execute JavaScript in "evaluate" delimiters. Data
+ * properties may be accessed as free variables in the template. If a setting
+ * object is given, it takes precedence over `_.templateSettings` values.
+ *
+ * **Note:** In the development build `_.template` utilizes
+ * [sourceURLs](http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/#toc-sourceurl)
+ * for easier debugging.
+ *
+ * For more information on precompiling templates see
+ * [lodash's custom builds documentation](https://lodash.com/custom-builds).
+ *
+ * For more information on Chrome extension sandboxes see
+ * [Chrome's extensions documentation](https://developer.chrome.com/extensions/sandboxingEval).
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category String
+ * @param {string} [string=''] The template string.
+ * @param {Object} [options={}] The options object.
+ * @param {RegExp} [options.escape=_.templateSettings.escape]
+ *  The HTML "escape" delimiter.
+ * @param {RegExp} [options.evaluate=_.templateSettings.evaluate]
+ *  The "evaluate" delimiter.
+ * @param {Object} [options.imports=_.templateSettings.imports]
+ *  An object to import into the template as free variables.
+ * @param {RegExp} [options.interpolate=_.templateSettings.interpolate]
+ *  The "interpolate" delimiter.
+ * @param {string} [options.sourceURL='templateSources[n]']
+ *  The sourceURL of the compiled template.
+ * @param {string} [options.variable='obj']
+ *  The data object variable name.
+ * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+ * @returns {Function} Returns the compiled template function.
+ * @example
+ *
+ * // Use the "interpolate" delimiter to create a compiled template.
+ * var compiled = _.template('hello <%= user %>!');
+ * compiled({ 'user': 'fred' });
+ * // => 'hello fred!'
+ *
+ * // Use the HTML "escape" delimiter to escape data property values.
+ * var compiled = _.template('<b><%- value %></b>');
+ * compiled({ 'value': '<script>' });
+ * // => '<b>&lt;script&gt;</b>'
+ *
+ * // Use the "evaluate" delimiter to execute JavaScript and generate HTML.
+ * var compiled = _.template('<% _.forEach(users, function(user) { %><li><%- user %></li><% }); %>');
+ * compiled({ 'users': ['fred', 'barney'] });
+ * // => '<li>fred</li><li>barney</li>'
+ *
+ * // Use the internal `print` function in "evaluate" delimiters.
+ * var compiled = _.template('<% print("hello " + user); %>!');
+ * compiled({ 'user': 'barney' });
+ * // => 'hello barney!'
+ *
+ * // Use the ES template literal delimiter as an "interpolate" delimiter.
+ * // Disable support by replacing the "interpolate" delimiter.
+ * var compiled = _.template('hello ${ user }!');
+ * compiled({ 'user': 'pebbles' });
+ * // => 'hello pebbles!'
+ *
+ * // Use backslashes to treat delimiters as plain text.
+ * var compiled = _.template('<%= "\\<%- value %\\>" %>');
+ * compiled({ 'value': 'ignored' });
+ * // => '<%- value %>'
+ *
+ * // Use the `imports` option to import `jQuery` as `jq`.
+ * var text = '<% jq.each(users, function(user) { %><li><%- user %></li><% }); %>';
+ * var compiled = _.template(text, { 'imports': { 'jq': jQuery } });
+ * compiled({ 'users': ['fred', 'barney'] });
+ * // => '<li>fred</li><li>barney</li>'
+ *
+ * // Use the `sourceURL` option to specify a custom sourceURL for the template.
+ * var compiled = _.template('hello <%= user %>!', { 'sourceURL': '/basic/greeting.jst' });
+ * compiled(data);
+ * // => Find the source of "greeting.jst" under the Sources tab or Resources panel of the web inspector.
+ *
+ * // Use the `variable` option to ensure a with-statement isn't used in the compiled template.
+ * var compiled = _.template('hi <%= data.user %>!', { 'variable': 'data' });
+ * compiled.source;
+ * // => function(data) {
+ * //   var __t, __p = '';
+ * //   __p += 'hi ' + ((__t = ( data.user )) == null ? '' : __t) + '!';
+ * //   return __p;
+ * // }
+ *
+ * // Use custom template delimiters.
+ * _.templateSettings.interpolate = /{{([\s\S]+?)}}/g;
+ * var compiled = _.template('hello {{ user }}!');
+ * compiled({ 'user': 'mustache' });
+ * // => 'hello mustache!'
+ *
+ * // Use the `source` property to inline compiled templates for meaningful
+ * // line numbers in error messages and stack traces.
+ * fs.writeFileSync(path.join(process.cwd(), 'jst.js'), '\
+ *   var JST = {\
+ *     "main": ' + _.template(mainText).source + '\
+ *   };\
+ * ');
+ */
+
+function template(string, options, guard) {
+  // Based on John Resig's `tmpl` implementation
+  // (http://ejohn.org/blog/javascript-micro-templating/)
+  // and Laura Doktorova's doT.js (https://github.com/olado/doT).
+  var settings = templateSettings.imports._.templateSettings || templateSettings;
+
+  if (guard && isIterateeCall(string, options, guard)) {
+    options = undefined;
+  }
+
+  string = toString(string);
+  options = assignInWith({}, options, settings, customDefaultsAssignIn);
+  var imports = assignInWith({}, options.imports, settings.imports, customDefaultsAssignIn),
+      importsKeys = keys(imports),
+      importsValues = baseValues(imports, importsKeys);
+  var isEscaping,
+      isEvaluating,
+      index = 0,
+      interpolate = options.interpolate || reNoMatch,
+      source = "__p += '"; // Compile the regexp to match each delimiter.
+
+  var reDelimiters = RegExp((options.escape || reNoMatch).source + '|' + interpolate.source + '|' + (interpolate === reInterpolate ? reEsTemplate : reNoMatch).source + '|' + (options.evaluate || reNoMatch).source + '|$', 'g'); // Use a sourceURL for easier debugging.
+  // The sourceURL gets injected into the source that's eval-ed, so be careful
+  // to normalize all kinds of whitespace, so e.g. newlines (and unicode versions of it) can't sneak in
+  // and escape the comment, thus injecting code that gets evaled.
+
+  var sourceURL = hasOwnProperty.call(options, 'sourceURL') ? '//# sourceURL=' + (options.sourceURL + '').replace(/\s/g, ' ') + '\n' : '';
+  string.replace(reDelimiters, function (match, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset) {
+    interpolateValue || (interpolateValue = esTemplateValue); // Escape characters that can't be included in string literals.
+
+    source += string.slice(index, offset).replace(reUnescapedString, escapeStringChar); // Replace delimiters with snippets.
+
+    if (escapeValue) {
+      isEscaping = true;
+      source += "' +\n__e(" + escapeValue + ") +\n'";
+    }
+
+    if (evaluateValue) {
+      isEvaluating = true;
+      source += "';\n" + evaluateValue + ";\n__p += '";
+    }
+
+    if (interpolateValue) {
+      source += "' +\n((__t = (" + interpolateValue + ")) == null ? '' : __t) +\n'";
+    }
+
+    index = offset + match.length; // The JS engine embedded in Adobe products needs `match` returned in
+    // order to produce the correct `offset` value.
+
+    return match;
+  });
+  source += "';\n"; // If `variable` is not specified wrap a with-statement around the generated
+  // code to add the data object to the top of the scope chain.
+
+  var variable = hasOwnProperty.call(options, 'variable') && options.variable;
+
+  if (!variable) {
+    source = 'with (obj) {\n' + source + '\n}\n';
+  } // Throw an error if a forbidden character was found in `variable`, to prevent
+  // potential command injection attacks.
+  else if (reForbiddenIdentifierChars.test(variable)) {
+    throw new Error(INVALID_TEMPL_VAR_ERROR_TEXT);
+  } // Cleanup code by stripping empty strings.
+
+
+  source = (isEvaluating ? source.replace(reEmptyStringLeading, '') : source).replace(reEmptyStringMiddle, '$1').replace(reEmptyStringTrailing, '$1;'); // Frame code as the function body.
+
+  source = 'function(' + (variable || 'obj') + ') {\n' + (variable ? '' : 'obj || (obj = {});\n') + "var __t, __p = ''" + (isEscaping ? ', __e = _.escape' : '') + (isEvaluating ? ', __j = Array.prototype.join;\n' + "function print() { __p += __j.call(arguments, '') }\n" : ';\n') + source + 'return __p\n}';
+  var result = attempt(function () {
+    return Function(importsKeys, sourceURL + 'return ' + source).apply(undefined, importsValues);
+  }); // Provide the compiled function's source by its `toString` method or
+  // the `source` property as a convenience for inlining compiled templates.
+
+  result.source = source;
+
+  if (isError(result)) {
+    throw result;
+  }
+
+  return result;
+}
+
+var template_1 = template;
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var ValidateStatus = /* @__PURE__ */function (ValidateStatus2) {
-  ValidateStatus2["TO_BE_VALIDATED"] = "not";
-  ValidateStatus2["SUCCESS"] = "success";
-  ValidateStatus2["FAIL"] = "fail";
-  return ValidateStatus2;
-}(ValidateStatus || {});
+var VALIDATE_STATUS = /* @__PURE__ */function (VALIDATE_STATUS2) {
+  VALIDATE_STATUS2["TO_BE_VALIDATED"] = "not";
+  VALIDATE_STATUS2["SUCCESS"] = "success";
+  VALIDATE_STATUS2["FAIL"] = "fail";
+  return VALIDATE_STATUS2;
+}(VALIDATE_STATUS || {});
 
 var ctrlKeyMap = /* @__PURE__ */new Map();
 ctrlKeyMap.set(Checkbox, "checked");
 ctrlKeyMap.set(Tag.CheckTag, "checked");
-ctrlKeyMap.set(Upload, "file");
+ctrlKeyMap.set(Upload, "files");
 var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _classNames, _classNames2, _classNames3;
+  var _classNames, _classNames2;
 
   var _useConfig = useConfig(),
       classPrefix = _useConfig.classPrefix;
@@ -179,6 +744,7 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
       labelAlign = props.labelAlign,
       initialData = props.initialData,
       requiredMark = props.requiredMark,
+      successBorder = props.successBorder,
       className = props.className,
       formItemStyle = props.style;
 
@@ -193,6 +759,7 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
       resetTypeFromContext = _useFormContext.resetType,
       rulesFromContext = _useFormContext.rules,
       statusIconFromContext = _useFormContext.statusIcon,
+      errorMessage = _useFormContext.errorMessage,
       formItemsRef = _useFormContext.formItemsRef,
       onFormItemValueChange = _useFormContext.onFormItemValueChange;
 
@@ -240,7 +807,24 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
   var formItemLabelClass = classNames("".concat(classPrefix, "-form__label"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "-form__label--required"), innerRequiredMark && innerRules.filter(function (rule) {
     return rule.required;
   }).length > 0), _defineProperty(_classNames2, "".concat(classPrefix, "-form__label--colon"), colon && label), _defineProperty(_classNames2, "".concat(classPrefix, "-form__label--top"), innerLabelAlign === "top" || !innerLabelWidth), _defineProperty(_classNames2, "".concat(classPrefix, "-form__label--left"), innerLabelAlign === "left" && innerLabelWidth), _defineProperty(_classNames2, "".concat(classPrefix, "-form__label--right"), innerLabelAlign === "right" && innerLabelWidth), _classNames2));
-  var contentClasses = classNames("".concat(classPrefix, "-form__controls"), (_classNames3 = {}, _defineProperty(_classNames3, "".concat(classPrefix, "-is-success"), showErrorMessage && verifyStatus === "success"), _defineProperty(_classNames3, "".concat(classPrefix, "-is-warning"), showErrorMessage && errorList.length && errorList[0].type === "warning"), _defineProperty(_classNames3, "".concat(classPrefix, "-is-error"), showErrorMessage && errorList.length && errorList[0].type === "error"), _classNames3));
+
+  var contentClass = function contentClass() {
+    var _classNames4;
+
+    var controlCls = "".concat(classPrefix, "-form__controls");
+    if (!showErrorMessage) return controlCls;
+    var isSuccess = verifyStatus === "success"
+    /* SUCCESS */
+    ;
+
+    if (isSuccess) {
+      return classNames(controlCls, "".concat(classPrefix, "-is-success"), _defineProperty({}, "".concat(classPrefix, "-form--success-border"), successBorder));
+    }
+
+    var firstErrorType = errorList.length && (errorList[0].type || "error");
+    return classNames(controlCls, (_classNames4 = {}, _defineProperty(_classNames4, "".concat(classPrefix, "-is-warning"), firstErrorType === "warning"), _defineProperty(_classNames4, "".concat(classPrefix, "-is-error"), firstErrorType === "error"), _classNames4));
+  };
+
   var labelStyle = {};
   var contentStyle = {};
 
@@ -267,11 +851,12 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
     if (help) helpNode = /* @__PURE__ */React.createElement("div", {
       className: "".concat(classPrefix, "-form__help")
     }, help);
+    var list = errorList;
 
-    if (showErrorMessage && errorList.length && errorList[0].message) {
+    if (showErrorMessage && list && list[0] && list[0].message) {
       return /* @__PURE__ */React.createElement("p", {
         className: "".concat(classPrefix, "-input__extra")
-      }, errorList[0].message);
+      }, list[0].message);
     }
 
     if (successList.length) {
@@ -353,6 +938,17 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
       validate(formValue, rules).then(function (r) {
         var filterErrorList = r.filter(function (item) {
           return item.result !== true;
+        }).map(function (item) {
+          Object.keys(item).forEach(function (key) {
+            if (!item.message && errorMessage[key]) {
+              var compiled = template_1(errorMessage[key]);
+              item.message = compiled({
+                name: label,
+                validate: item[key]
+              });
+            }
+          });
+          return item;
         });
         setErrorList(filterErrorList);
         setSuccessList(r.filter(function (item) {
@@ -446,9 +1042,25 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }
 
+  function setValidateMessage(validateMessage) {
+    if (!validateMessage || !Array.isArray(validateMessage)) return;
+
+    if (validateMessage.length === 0) {
+      setErrorList([]);
+      setVerifyStatus("success"
+      /* SUCCESS */
+      );
+      return;
+    }
+
+    setErrorList(validateMessage);
+    setVerifyStatus("fail"
+    /* FAIL */
+    );
+  }
+
   useEffect(function () {
     if (isMounted.current) {
-      if (!name) console.warn("FormItem prop name is required.");
       name && onFormItemValueChange(_defineProperty({}, name, formValue));
     }
 
@@ -483,6 +1095,7 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
       setField: setField,
       validate: validate$1,
       resetField: resetField,
+      setValidateMessage: setValidateMessage,
       resetValidate: resetHandler
     };
   });
@@ -496,7 +1109,7 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
   }, /* @__PURE__ */React.createElement("label", {
     htmlFor: props === null || props === void 0 ? void 0 : props["for"]
   }, label)), /* @__PURE__ */React.createElement("div", {
-    className: contentClasses,
+    className: contentClass(),
     style: contentStyle
   }, /* @__PURE__ */React.createElement("div", {
     className: "".concat(classPrefix, "-form__controls-content")
@@ -537,9 +1150,9 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
         ctrlKey = ctrlKeyMap.get(child.type) || "value";
       }
 
-      return /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, (_objectSpread2 = {
+      return /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({
         disabled: disabledFromContext
-      }, _defineProperty(_objectSpread2, ctrlKey, formValue), _defineProperty(_objectSpread2, "onChange", function onChange(value) {
+      }, child.props), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, ctrlKey, formValue), _defineProperty(_objectSpread2, "onChange", function onChange(value) {
         onChangeFromProps.call(null, value);
         setFormValue(value);
       }), _defineProperty(_objectSpread2, "onBlur", function onBlur(value) {