tdesign-react 0.27.1 → 0.29.0

package/es/form/FormItem.js

@@ -1,76 +1,77 @@
 /**
- * tdesign v0.27.1
+ * tdesign v0.29.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-c559390e.js';
-import { _ as _slicedToArray } from '../_chunks/dep-4232d2a7.js';
-import { _ as _typeof } from '../_chunks/dep-21a072aa.js';
+import { _ as _typeof } from '../_chunks/dep-cec87786.js';
+import { _ as _defineProperty } from '../_chunks/dep-78f321a0.js';
+import { _ as _slicedToArray } from '../_chunks/dep-301990d4.js';
 import React, { forwardRef, useState, useRef, useEffect, useImperativeHandle } from 'react';
 import classNames from 'classnames';
-import '../_chunks/dep-5099a517.js';
-import { i as isObject_1 } from '../_chunks/dep-7bf5d52e.js';
-import { _ as _copyObject, k as keysIn_1 } from '../_chunks/dep-4ff5adb0.js';
-import { a as _createAssigner } from '../_chunks/dep-e3f6d1c5.js';
-import { a as _apply } from '../_chunks/dep-368e4a27.js';
-import { a as isPlainObject_1, _ as _baseRest } from '../_chunks/dep-c422ba85.js';
-import { _ as _baseGetTag } from '../_chunks/dep-f47dd9f2.js';
-import { i as isObjectLike_1 } from '../_chunks/dep-07f207ee.js';
-import { _ as _arrayMap, t as toString_1 } from '../_chunks/dep-37a2534f.js';
-import { e as eq_1 } from '../_chunks/dep-f643a128.js';
-import { _ as _isIterateeCall } from '../_chunks/dep-6f799e1f.js';
-import { k as keys_1 } from '../_chunks/dep-9d5261cc.js';
-import { _ as _basePropertyOf } from '../_chunks/dep-c1fc6e05.js';
+import { i as isObject_1 } from '../_chunks/dep-72183a2a.js';
+import '../_chunks/dep-9ab77a39.js';
+import { _ as _copyObject, k as keysIn_1 } from '../_chunks/dep-eb0f021a.js';
+import { a as _createAssigner } from '../_chunks/dep-8b4d9db6.js';
+import { a as _apply } from '../_chunks/dep-db764550.js';
+import { a as isPlainObject_1, _ as _baseRest } from '../_chunks/dep-57f08aea.js';
+import { _ as _baseGetTag } from '../_chunks/dep-b6b2aed8.js';
+import { i as isObjectLike_1 } from '../_chunks/dep-ea5f44a6.js';
+import { _ as _arrayMap, t as toString_1 } from '../_chunks/dep-038c9246.js';
+import { e as eq_1 } from '../_chunks/dep-84011bbc.js';
+import { _ as _isIterateeCall } from '../_chunks/dep-a4eea765.js';
+import { k as keys_1 } from '../_chunks/dep-84980c30.js';
+import { _ as _basePropertyOf } from '../_chunks/dep-39f5cacb.js';
 import { CheckCircleFilledIcon, CloseCircleFilledIcon, ErrorCircleFilledIcon } from 'tdesign-icons-react';
 import useConfig from '../_util/useConfig.js';
 import { Checkbox } from '../checkbox/index.js';
 import { Upload } from '../upload/index.js';
 import { Tag } from '../tag/index.js';
+import renderTNode from '../_util/renderTNode.js';
 import { validate, isValueEmpty } from './formModel.js';
 import { useFormContext } from './FormContext.js';
-import '../_chunks/dep-27fdea65.js';
-import '../_chunks/dep-f6f6c737.js';
-import '../_chunks/dep-fcf18d7f.js';
-import '../_chunks/dep-b548e753.js';
-import '../_chunks/dep-8b85d2d1.js';
-import '../_chunks/dep-1ce426bf.js';
-import '../_chunks/dep-de30b3ee.js';
-import '../_chunks/dep-8f09dacb.js';
-import '../_chunks/dep-1267d825.js';
+import '../_chunks/dep-c7ef814a.js';
+import '../_chunks/dep-9dc44d0a.js';
+import '../_chunks/dep-8aa2c906.js';
+import '../_chunks/dep-8fda4184.js';
+import '../_chunks/dep-a6f7ee47.js';
+import '../_chunks/dep-1f39069a.js';
+import '../_chunks/dep-35137444.js';
+import '../_chunks/dep-2982e386.js';
+import '../_chunks/dep-4c657685.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
-import '../_chunks/dep-d4d4f560.js';
-import '../_chunks/dep-3438b261.js';
-import '../_chunks/dep-966e2c11.js';
-import '../_chunks/dep-7dec3dfe.js';
-import '../_chunks/dep-04d8367e.js';
-import '../_chunks/dep-bcb29a45.js';
+import '../_chunks/dep-65b010db.js';
+import '../_chunks/dep-edee984e.js';
+import '../_chunks/dep-0728d572.js';
+import '../_chunks/dep-e99579d9.js';
+import '../_chunks/dep-87d24f9c.js';
+import '../_chunks/dep-828497b4.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../common/Check.js';
-import '../_chunks/dep-ca1925cf.js';
+import '../_chunks/dep-0c155fb8.js';
 import '../_util/helper.js';
 import '../_util/useDefault.js';
 import '../_util/noop.js';
-import '../_chunks/dep-388a7ab9.js';
+import '../_chunks/dep-b2f93b29.js';
 import './style/css.js';
 import '../checkbox/type.js';
 import '../upload/upload.js';
-import '../_chunks/dep-bdab0056.js';
-import '../_chunks/dep-b916d5f3.js';
-import '../_chunks/dep-e8c92aed.js';
-import '../_chunks/dep-84d15b45.js';
-import '../_chunks/dep-6ae05208.js';
-import '../_chunks/dep-0e3df0f4.js';
-import '../_chunks/dep-94f10945.js';
-import '../_chunks/dep-0f71dbee.js';
-import '../_chunks/dep-f4a96e20.js';
-import '../_chunks/dep-05c8b1bd.js';
+import '../_chunks/dep-eec95819.js';
+import '../_chunks/dep-28ef7e25.js';
+import '../_chunks/dep-ecabbfa7.js';
+import '../_chunks/dep-b19149c6.js';
+import '../_chunks/dep-9bbad855.js';
+import '../_chunks/dep-b0608f92.js';
+import '../_chunks/dep-39d90b75.js';
+import '../_chunks/dep-6f8cc12c.js';
+import '../_chunks/dep-84a2760d.js';
+import '../_chunks/dep-ea3fc641.js';
 import '../dialog/index.js';
 import '../dialog/Dialog.js';
-import '../_chunks/dep-37171ab5.js';
+import '../_chunks/dep-c7ea01f9.js';
 import '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
@@ -119,33 +120,6 @@ import '../tag/Tag.js';
 import '../tag/CheckTag.js';
 import '../tag/type.js';
 
-/**
- * Checks if `value` is `null` or `undefined`.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is nullish, else `false`.
- * @example
- *
- * _.isNil(null);
- * // => true
- *
- * _.isNil(void 0);
- * // => true
- *
- * _.isNil(NaN);
- * // => false
- */
-
-function isNil(value) {
-  return value == null;
-}
-
-var isNil_1 = isNil;
-
 var copyObject = _copyObject,
     createAssigner = _createAssigner,
     keysIn = keysIn_1;
@@ -733,8 +707,8 @@ function getDefaultInitialData(children, initialData) {
   React.Children.forEach(children, function (child) {
     if (!child) return;
 
-    if (_typeof(child.type) === "object") {
-      defaultInitialData = initialDataMap.get(child.type) || initialData;
+    if ( /*#__PURE__*/React.isValidElement(child) && typeof initialData === "undefined") {
+      defaultInitialData = initialDataMap.get(child.type);
     }
   });
   return defaultInitialData;
@@ -746,27 +720,13 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useConfig = useConfig(),
       classPrefix = _useConfig.classPrefix;
 
-  var children = props.children,
-      label = props.label,
-      name = props.name,
-      help = props.help,
-      statusIconFromProp = props.statusIcon,
-      rulesFromProp = props.rules,
-      labelWidth = props.labelWidth,
-      labelAlign = props.labelAlign,
-      initialData = props.initialData,
-      requiredMark = props.requiredMark,
-      successBorder = props.successBorder,
-      className = props.className,
-      formItemStyle = props.style;
-
   var _useFormContext = useFormContext(),
       colon = _useFormContext.colon,
-      requiredMarkFromContext = _useFormContext.requiredMark,
       layout = _useFormContext.layout,
+      requiredMarkFromContext = _useFormContext.requiredMark,
       labelAlignFromContext = _useFormContext.labelAlign,
       labelWidthFromContext = _useFormContext.labelWidth,
-      showErrorMessage = _useFormContext.showErrorMessage,
+      showErrorMessageFromContext = _useFormContext.showErrorMessage,
       disabledFromContext = _useFormContext.disabled,
       resetTypeFromContext = _useFormContext.resetType,
       rulesFromContext = _useFormContext.rules,
@@ -775,6 +735,27 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
       formItemsRef = _useFormContext.formItemsRef,
       onFormItemValueChange = _useFormContext.onFormItemValueChange;
 
+  var children = props.children,
+      style = props.style,
+      label = props.label,
+      name = props.name,
+      help = props.help,
+      initialData = props.initialData,
+      className = props.className,
+      successBorder = props.successBorder,
+      _props$statusIcon = props.statusIcon,
+      statusIcon = _props$statusIcon === void 0 ? statusIconFromContext : _props$statusIcon,
+      _props$rules = props.rules,
+      innerRules = _props$rules === void 0 ? (rulesFromContext === null || rulesFromContext === void 0 ? void 0 : rulesFromContext[name]) || [] : _props$rules,
+      _props$labelWidth = props.labelWidth,
+      labelWidth = _props$labelWidth === void 0 ? labelWidthFromContext : _props$labelWidth,
+      _props$labelAlign = props.labelAlign,
+      labelAlign = _props$labelAlign === void 0 ? labelAlignFromContext : _props$labelAlign,
+      _props$requiredMark = props.requiredMark,
+      requiredMark = _props$requiredMark === void 0 ? requiredMarkFromContext : _props$requiredMark,
+      _props$showErrorMessa = props.showErrorMessage,
+      showErrorMessage = _props$showErrorMessa === void 0 ? showErrorMessageFromContext : _props$showErrorMessa;
+
   var _useState = useState([]),
       _useState2 = _slicedToArray(_useState, 2),
       errorList = _useState2[0],
@@ -811,14 +792,10 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
   var innerFormItemsRef = useRef([]);
   var shouldValidate = useRef(null);
   var isMounted = useRef(false);
-  var innerRules = rulesFromContext && rulesFromContext[name] || rulesFromProp || [];
-  var innerLabelWidth = isNil_1(labelWidth) ? labelWidthFromContext : labelWidth;
-  var innerLabelAlign = isNil_1(labelAlign) ? labelAlignFromContext : labelAlign;
-  var innerRequiredMark = isNil_1(requiredMark) ? requiredMarkFromContext : requiredMark;
   var formItemClass = classNames(className, "".concat(classPrefix, "-form__item"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-form-item__").concat(name), name), _defineProperty(_classNames, "".concat(classPrefix, "-form__item-with-help"), help), _defineProperty(_classNames, "".concat(classPrefix, "-form__item-with-extra"), renderTipsInfo()), _classNames));
-  var formItemLabelClass = classNames("".concat(classPrefix, "-form__label"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "-form__label--required"), innerRequiredMark && innerRules.filter(function (rule) {
+  var formItemLabelClass = classNames("".concat(classPrefix, "-form__label"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "-form__label--required"), requiredMark && 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));
+  }).length > 0), _defineProperty(_classNames2, "".concat(classPrefix, "-form__label--colon"), colon && label), _defineProperty(_classNames2, "".concat(classPrefix, "-form__label--top"), labelAlign === "top" || !labelWidth), _defineProperty(_classNames2, "".concat(classPrefix, "-form__label--left"), labelAlign === "left" && labelWidth), _defineProperty(_classNames2, "".concat(classPrefix, "-form__label--right"), labelAlign === "right" && labelWidth), _classNames2));
 
   var contentClass = function contentClass() {
     var _classNames4;
@@ -840,20 +817,20 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
   var labelStyle = {};
   var contentStyle = {};
 
-  if (innerLabelWidth && innerLabelAlign !== "top") {
-    if (typeof innerLabelWidth === "number") {
+  if (labelWidth && labelAlign !== "top") {
+    if (typeof labelWidth === "number") {
       labelStyle = {
-        width: "".concat(innerLabelWidth, "px")
+        width: "".concat(labelWidth, "px")
       };
       contentStyle = {
-        marginLeft: layout !== "inline" ? "".concat(innerLabelWidth, "px") : ""
+        marginLeft: layout !== "inline" ? "".concat(labelWidth, "px") : ""
       };
     } else {
       labelStyle = {
-        width: innerLabelWidth
+        width: labelWidth
       };
       contentStyle = {
-        marginLeft: layout !== "inline" ? innerLabelWidth : ""
+        marginLeft: layout !== "inline" ? labelWidth : ""
       };
     }
   }
@@ -862,7 +839,7 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
     var helpNode = null;
     if (help) helpNode = /* @__PURE__ */React.createElement("div", {
       className: "".concat(classPrefix, "-form__help")
-    }, help);
+    }, renderTNode(help));
     var list = errorList;
 
     if (showErrorMessage && list && list[0] && list[0].message) {
@@ -881,7 +858,7 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
   }
 
   var renderSuffixIcon = function renderSuffixIcon() {
-    if (statusIconFromProp === false) return null;
+    if (statusIcon === false) return null;
 
     var resultIcon = function resultIcon(iconSlot) {
       return /* @__PURE__ */React.createElement("span", {
@@ -916,22 +893,18 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
       return null;
     };
 
-    if ( /*#__PURE__*/React.isValidElement(statusIconFromProp)) {
-      return resultIcon( /*#__PURE__*/React.cloneElement(statusIconFromProp, _objectSpread({
+    if ( /*#__PURE__*/React.isValidElement(statusIcon)) {
+      return resultIcon( /*#__PURE__*/React.cloneElement(statusIcon, _objectSpread({
         style: {
           color: "unset"
         }
-      }, statusIconFromProp.props)));
+      }, statusIcon.props)));
     }
 
-    if (statusIconFromContext === true) {
+    if (statusIcon === true) {
       return getDefaultIcon();
     }
 
-    if ( /*#__PURE__*/React.isValidElement(statusIconFromContext)) {
-      return resultIcon(statusIconFromProp);
-    }
-
     return null;
   };
 
@@ -996,8 +969,8 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
   }
 
   function getResetValue(resetType) {
-    if (resetType === "initial" && "initialData" in props) {
-      return initialData;
+    if (resetType === "initial") {
+      return getDefaultInitialData(children, initialData);
     }
 
     var emptyValue = "";
@@ -1114,7 +1087,7 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
   });
   return /* @__PURE__ */React.createElement("div", {
     className: formItemClass,
-    style: formItemStyle,
+    style: style,
     ref: ref
   }, label && /* @__PURE__ */React.createElement("div", {
     className: formItemLabelClass,