tdesign-react 0.17.0 → 0.18.2

package/cjs/_chunks/dep-95812a03.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-95812a03.js","sources":["../../node_modules/lodash/get.js"],"sourcesContent":["var baseGet = require('./_baseGet');\n\n/**\n * Gets the value at `path` of `object`. If the resolved value is\n * `undefined`, the `defaultValue` is returned in its place.\n *\n * @static\n * @memberOf _\n * @since 3.7.0\n * @category Object\n * @param {Object} object The object to query.\n * @param {Array|string} path The path of the property to get.\n * @param {*} [defaultValue] The value returned for `undefined` resolved values.\n * @returns {*} Returns the resolved value.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c': 3 } }] };\n *\n * _.get(object, 'a[0].b.c');\n * // => 3\n *\n * _.get(object, ['a', '0', 'b', 'c']);\n * // => 3\n *\n * _.get(object, 'a.b.c', 'default');\n * // => 'default'\n */\nfunction get(object, path, defaultValue) {\n  var result = object == null ? undefined : baseGet(object, path);\n  return result === undefined ? defaultValue : result;\n}\n\nmodule.exports = get;\n"],"names":["baseGet","require$$0","get","object","path","defaultValue","result","undefined","get_1"],"mappings":";;;;;;;;;;AAAA,IAAIA,OAAO,GAAGC,iBAAd;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,GAAT,CAAaC,MAAb,EAAqBC,IAArB,EAA2BC,YAA3B,EAAyC;AACvC,MAAIC,MAAM,GAAGH,MAAM,IAAI,IAAV,GAAiBI,SAAjB,GAA6BP,OAAO,CAACG,MAAD,EAASC,IAAT,CAAjD;AACA,SAAOE,MAAM,KAAKC,SAAX,GAAuBF,YAAvB,GAAsCC,MAA7C;AACD;;IAEDE,KAAc,GAAGN;;;;"}

package/cjs/_chunks/dep-aa6874cb.js

@@ -0,0 +1,422 @@
+/**
+ * tdesign v0.18.2
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+var _typeof = require('./dep-7a3bfc35.js');
+var defineProperty = require('./dep-3690810b.js');
+var slicedToArray = require('./dep-7555b3cd.js');
+var React = require('react');
+var classNames = require('classnames');
+var tdesignIconsReact = require('tdesign-icons-react');
+var _util_useConfig = require('../_util/useConfig.js');
+var checkbox_index = require('../checkbox/index.js');
+var upload_index = require('../upload/index.js');
+var tag_index = require('../tag/index.js');
+var form_formModel = require('../form/formModel.js');
+var form_FormContext = require('../form/FormContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+/**
+ * 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;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var ValidateStatus;
+
+(function (ValidateStatus2) {
+  ValidateStatus2["TO_BE_VALIDATED"] = "not";
+  ValidateStatus2["SUCCESS"] = "success";
+  ValidateStatus2["FAIL"] = "fail";
+})(ValidateStatus || (ValidateStatus = {}));
+
+var ctrlKeyMap = new Map();
+ctrlKeyMap.set(checkbox_index.Checkbox, "checked");
+ctrlKeyMap.set(tag_index.Tag.CheckTag, "checked");
+ctrlKeyMap.set(upload_index.Upload, "file");
+var FormItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _classNames, _classNames2, _classNames3;
+
+  var _useConfig = _util_useConfig["default"](),
+      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,
+      className = props.className,
+      formItemStyle = props.style;
+
+  var _useFormContext = form_FormContext.useFormContext(),
+      colon = _useFormContext.colon,
+      requiredMark = _useFormContext.requiredMark,
+      layout = _useFormContext.layout,
+      labelAlignFromContext = _useFormContext.labelAlign,
+      labelWidthFromContext = _useFormContext.labelWidth,
+      showErrorMessage = _useFormContext.showErrorMessage,
+      resetType = _useFormContext.resetType,
+      rulesFromContext = _useFormContext.rules,
+      statusIconFromContext = _useFormContext.statusIcon;
+
+  var _useState = React.useState([]),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      errorList = _useState2[0],
+      setErrorList = _useState2[1];
+
+  var _useState3 = React.useState([]),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      successList = _useState4[0],
+      setSuccessList = _useState4[1];
+
+  var _useState5 = React.useState(ValidateStatus.TO_BE_VALIDATED),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      verifyStatus = _useState6[0],
+      setVerifyStatus = _useState6[1];
+
+  var _useState7 = React.useState(false),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      resetValidating = _useState8[0],
+      setResetValidating = _useState8[1];
+
+  var _useState9 = React.useState(false),
+      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
+      needResetField = _useState10[0],
+      setNeedResetField = _useState10[1];
+
+  var _useState11 = React.useState(initialData),
+      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
+      formValue = _useState12[0],
+      setFormValue = _useState12[1];
+
+  var innerFormItemsRef = React.useRef([]);
+  var shouldValidate = React.useRef(null);
+  var innerRules = rulesFromContext && rulesFromContext[name] || rulesFromProp || [];
+  var innerLabelWidth = isNil_1(labelWidth) ? labelWidthFromContext : labelWidth;
+  var innerLabelAlign = isNil_1(labelAlign) ? labelAlignFromContext : labelAlign;
+  var formItemClass = classNames__default["default"](className, "".concat(classPrefix, "-form__item"), (_classNames = {}, defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-form-item__").concat(name), name), defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-form__item-with-help"), help), defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-form__item-with-extra"), renderTipsInfo()), _classNames));
+  var formItemLabelClass = classNames__default["default"]("".concat(classPrefix, "-form__label"), (_classNames2 = {}, defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-form__label--required"), requiredMark && innerRules.filter(function (rule) {
+    return rule.required;
+  }).length > 0), defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-form__label--colon"), colon && label), defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-form__label--top"), innerLabelAlign === "top" || !innerLabelWidth), defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-form__label--left"), innerLabelAlign === "left" && innerLabelWidth), defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-form__label--right"), innerLabelAlign === "right" && innerLabelWidth), _classNames2));
+  var contentClasses = classNames__default["default"]("".concat(classPrefix, "-form__controls"), (_classNames3 = {}, defineProperty._defineProperty(_classNames3, "".concat(classPrefix, "-is-success"), showErrorMessage && verifyStatus === ValidateStatus.SUCCESS), defineProperty._defineProperty(_classNames3, "".concat(classPrefix, "-is-warning"), showErrorMessage && errorList.length && errorList[0].type === "warning"), defineProperty._defineProperty(_classNames3, "".concat(classPrefix, "-is-error"), showErrorMessage && errorList.length && errorList[0].type === "error"), _classNames3));
+  var labelStyle = {};
+  var contentStyle = {};
+
+  if (innerLabelWidth && innerLabelAlign !== "top") {
+    if (typeof innerLabelWidth === "number") {
+      labelStyle = {
+        width: "".concat(innerLabelWidth, "px")
+      };
+      contentStyle = {
+        marginLeft: layout !== "inline" ? "".concat(innerLabelWidth, "px") : ""
+      };
+    } else {
+      labelStyle = {
+        width: innerLabelWidth
+      };
+      contentStyle = {
+        marginLeft: layout !== "inline" ? innerLabelWidth : ""
+      };
+    }
+  }
+
+  function renderTipsInfo() {
+    var helpNode = null;
+    if (help) helpNode = /* @__PURE__ */React__default["default"].createElement("div", {
+      className: "".concat(classPrefix, "-form__help")
+    }, help);
+
+    if (showErrorMessage && errorList.length && errorList[0].message) {
+      return /* @__PURE__ */React__default["default"].createElement("p", {
+        className: "".concat(classPrefix, "-input__extra")
+      }, errorList[0].message);
+    }
+
+    if (successList.length) {
+      return /* @__PURE__ */React__default["default"].createElement("p", {
+        className: "".concat(classPrefix, "-input__extra")
+      }, successList[0].message);
+    }
+
+    return helpNode;
+  }
+
+  var renderSuffixIcon = function renderSuffixIcon() {
+    if (statusIconFromProp === false) return null;
+
+    var resultIcon = function resultIcon(iconSlot) {
+      return /* @__PURE__ */React__default["default"].createElement("span", {
+        className: "".concat(classPrefix, "-form__status")
+      }, iconSlot);
+    };
+
+    var getDefaultIcon = function getDefaultIcon() {
+      var iconMap = {
+        success: /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.CheckCircleFilledIcon, {
+          size: "25px"
+        }),
+        error: /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.CloseCircleFilledIcon, {
+          size: "25px"
+        }),
+        warning: /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.ErrorCircleFilledIcon, {
+          size: "25px"
+        })
+      };
+
+      if (verifyStatus === ValidateStatus.SUCCESS) {
+        return resultIcon(iconMap[verifyStatus]);
+      }
+
+      if (errorList && errorList[0]) {
+        var type = errorList[0].type || "error";
+        return resultIcon(iconMap[type]);
+      }
+
+      return null;
+    };
+
+    if ( /*#__PURE__*/React__default["default"].isValidElement(statusIconFromProp)) {
+      return resultIcon( /*#__PURE__*/React__default["default"].cloneElement(statusIconFromProp, _objectSpread({
+        style: {
+          color: "unset"
+        }
+      }, statusIconFromProp.props)));
+    }
+
+    if (statusIconFromContext === true) {
+      return getDefaultIcon();
+    }
+
+    if ( /*#__PURE__*/React__default["default"].isValidElement(statusIconFromContext)) {
+      return resultIcon(statusIconFromProp);
+    }
+
+    return null;
+  };
+
+  function validate(trigger) {
+    if (innerFormItemsRef.current.length) {
+      return innerFormItemsRef.current.map(function (innerFormItem) {
+        return innerFormItem === null || innerFormItem === void 0 ? void 0 : innerFormItem.validate();
+      });
+    }
+
+    var rules = trigger === "all" ? innerRules : innerRules.filter(function (item) {
+      return (item.trigger || "change") === trigger;
+    });
+    setResetValidating(true);
+    return new Promise(function (resolve) {
+      form_formModel.validate(formValue, rules).then(function (r) {
+        var filterErrorList = r.filter(function (item) {
+          return item.result !== true;
+        });
+        setErrorList(filterErrorList);
+        setSuccessList(r.filter(function (item) {
+          return item.result === true && item.message && item.type === "success";
+        }));
+        var nextVerifyStatus = filterErrorList.length && rules.length ? ValidateStatus.FAIL : ValidateStatus.SUCCESS;
+
+        if (!rules.some(function (rule) {
+          return rule.required;
+        }) && form_formModel.isValueEmpty(formValue) || !rules.length) {
+          nextVerifyStatus = ValidateStatus.TO_BE_VALIDATED;
+        }
+
+        setVerifyStatus(nextVerifyStatus);
+        needResetField && resetHandler();
+        setResetValidating(false);
+        resolve(defineProperty._defineProperty({}, name, !filterErrorList.length ? true : r));
+      });
+    });
+  }
+
+  function handleItemBlur() {
+    var filterRules = innerRules.filter(function (item) {
+      return item.trigger === "blur";
+    });
+    filterRules.length && validate("blur");
+  }
+
+  React.useEffect(function () {
+    if (!shouldValidate.current) {
+      shouldValidate.current = true;
+      return;
+    }
+
+    var filterRules = innerRules.filter(function (item) {
+      return (item.trigger || "change") === "change";
+    });
+    filterRules.length && validate("change");
+  }, [formValue]);
+
+  function getEmptyValue() {
+    var type = Object.prototype.toString.call(initialData);
+    var emptyValue = "";
+
+    if (type === "[object Array]") {
+      emptyValue = [];
+    }
+
+    if (type === "[object Object]") {
+      emptyValue = {};
+    }
+
+    return emptyValue;
+  }
+
+  function resetField() {
+    if (!name) return;
+
+    if (resetType === "empty") {
+      setFormValue(getEmptyValue());
+    }
+
+    if (resetType === "initial") {
+      setFormValue(initialData);
+    }
+
+    if (resetValidating) {
+      setNeedResetField(true);
+    } else {
+      resetHandler();
+    }
+  }
+
+  function resetHandler() {
+    shouldValidate.current = false;
+    setNeedResetField(false);
+    setErrorList([]);
+    setSuccessList([]);
+    setVerifyStatus(ValidateStatus.TO_BE_VALIDATED);
+  }
+
+  function setField(field) {
+    var value = field.value,
+        status = field.status;
+
+    if (typeof value !== "undefined") {
+      setFormValue(value);
+    }
+
+    if (typeof status !== "undefined") {
+      shouldValidate.current = false;
+      setErrorList([]);
+      setSuccessList([]);
+      setNeedResetField(false);
+      setVerifyStatus(status);
+    }
+  }
+
+  React.useImperativeHandle(ref, function () {
+    return {
+      name: name,
+      value: formValue,
+      setValue: setFormValue,
+      setField: setField,
+      validate: validate,
+      resetField: resetField
+    };
+  });
+  return /* @__PURE__ */React__default["default"].createElement("div", {
+    className: formItemClass,
+    style: formItemStyle,
+    ref: ref
+  }, label && /* @__PURE__ */React__default["default"].createElement("div", {
+    className: formItemLabelClass,
+    style: labelStyle
+  }, /* @__PURE__ */React__default["default"].createElement("label", {
+    htmlFor: props === null || props === void 0 ? void 0 : props["for"]
+  }, label)), /* @__PURE__ */React__default["default"].createElement("div", {
+    className: contentClasses,
+    style: contentStyle
+  }, /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(classPrefix, "-form__controls--content")
+  }, React__default["default"].Children.map(children, function (child, index) {
+    if (!child) return null;
+
+    var onChangeFromProps = function onChangeFromProps() {
+      return {};
+    };
+
+    var onBlurFromProps = function onBlurFromProps() {
+      return {};
+    };
+
+    var ctrlKey = "value";
+
+    if ( /*#__PURE__*/React__default["default"].isValidElement(child)) {
+      var _objectSpread2;
+
+      if (child.type === FormItem) {
+        return /*#__PURE__*/React__default["default"].cloneElement(child, {
+          ref: function ref(el) {
+            if (!el) return;
+            innerFormItemsRef.current[index] = el;
+          }
+        });
+      }
+
+      if (typeof child.props.onChange === "function") {
+        onChangeFromProps = child.props.onChange;
+      }
+
+      if (typeof child.props.onBlur === "function") {
+        onBlurFromProps = child.props.onBlur;
+      }
+
+      if (_typeof._typeof(child.type) === "object") {
+        ctrlKey = ctrlKeyMap.get(child.type) || "value";
+      }
+
+      return /*#__PURE__*/React__default["default"].cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, (_objectSpread2 = {}, defineProperty._defineProperty(_objectSpread2, ctrlKey, formValue), defineProperty._defineProperty(_objectSpread2, "onChange", function onChange(value) {
+        onChangeFromProps.call(null, value);
+        setFormValue(value);
+      }), defineProperty._defineProperty(_objectSpread2, "onBlur", function onBlur(value) {
+        onBlurFromProps.call(null, value);
+        handleItemBlur();
+      }), _objectSpread2)));
+    }
+
+    return child;
+  }), renderSuffixIcon()), renderTipsInfo()));
+});
+
+exports.FormItem = FormItem;
+exports.isNil_1 = isNil_1;
+//# sourceMappingURL=dep-aa6874cb.js.map

package/cjs/_chunks/dep-aa6874cb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-aa6874cb.js","sources":["../../node_modules/lodash/isNil.js","../../src/form/FormItem.tsx"],"sourcesContent":["/**\n * Checks if `value` is `null` or `undefined`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is nullish, else `false`.\n * @example\n *\n * _.isNil(null);\n * // => true\n *\n * _.isNil(void 0);\n * // => true\n *\n * _.isNil(NaN);\n * // => false\n */\nfunction isNil(value) {\n  return value == null;\n}\n\nmodule.exports = isNil;\n","import React, { forwardRef, ReactNode, useState, useImperativeHandle, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport isNil from 'lodash/isNil';\nimport { CheckCircleFilledIcon, CloseCircleFilledIcon, ErrorCircleFilledIcon } from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport { TdFormItemProps, ValueType, FormRule } from '../_type/components/form';\nimport Checkbox from '../checkbox';\nimport Upload from '../upload';\nimport Tag from '../tag';\nimport { StyledProps } from '../_type';\nimport { validate as validateModal, isValueEmpty } from './formModel';\nimport { useFormContext } from './FormContext';\n\nenum ValidateStatus {\n  TO_BE_VALIDATED = 'not',\n  SUCCESS = 'success',\n  FAIL = 'fail',\n}\nexport interface FormItemProps extends TdFormItemProps, StyledProps {\n  // 子节点\n  children?: React.ReactNode;\n}\n\nconst ctrlKeyMap = new Map();\nctrlKeyMap.set(Checkbox, 'checked');\nctrlKeyMap.set(Tag.CheckTag, 'checked');\nctrlKeyMap.set(Upload, 'file');\n\nconst FormItem = forwardRef<HTMLDivElement, FormItemProps>((props, ref) => {\n  const { classPrefix } = useConfig();\n  const {\n    children,\n    label,\n    name,\n    help,\n    statusIcon: statusIconFromProp,\n    rules: rulesFromProp,\n    labelWidth,\n    labelAlign,\n    initialData,\n    className,\n    style: formItemStyle,\n  } = props;\n  const {\n    colon,\n    requiredMark,\n    layout,\n    labelAlign: labelAlignFromContext,\n    labelWidth: labelWidthFromContext,\n    showErrorMessage,\n    resetType,\n    rules: rulesFromContext,\n    statusIcon: statusIconFromContext,\n  } = useFormContext();\n\n  const [errorList, setErrorList] = useState([]);\n  const [successList, setSuccessList] = useState([]);\n  const [verifyStatus, setVerifyStatus] = useState(ValidateStatus.TO_BE_VALIDATED);\n  const [resetValidating, setResetValidating] = useState(false);\n  const [needResetField, setNeedResetField] = useState(false);\n  const [formValue, setFormValue] = useState(initialData);\n\n  const innerFormItemsRef = useRef([]);\n  const shouldValidate = useRef(null);\n\n  const innerRules: FormRule[] = (rulesFromContext && rulesFromContext[name]) || rulesFromProp || [];\n  const innerLabelWidth = isNil(labelWidth) ? labelWidthFromContext : labelWidth;\n  const innerLabelAlign = isNil(labelAlign) ? labelAlignFromContext : labelAlign;\n\n  const formItemClass = classNames(className, `${classPrefix}-form__item`, {\n    [`${classPrefix}-form-item__${name}`]: name,\n    [`${classPrefix}-form__item-with-help`]: help,\n    [`${classPrefix}-form__item-with-extra`]: renderTipsInfo(),\n  });\n  const formItemLabelClass = classNames(`${classPrefix}-form__label`, {\n    [`${classPrefix}-form__label--required`]:\n      requiredMark && innerRules.filter((rule: any) => rule.required).length > 0,\n    [`${classPrefix}-form__label--colon`]: colon && label,\n    [`${classPrefix}-form__label--top`]: innerLabelAlign === 'top' || !innerLabelWidth,\n    [`${classPrefix}-form__label--left`]: innerLabelAlign === 'left' && innerLabelWidth,\n    [`${classPrefix}-form__label--right`]: innerLabelAlign === 'right' && innerLabelWidth,\n  });\n\n  const contentClasses = classNames(`${classPrefix}-form__controls`, {\n    [`${classPrefix}-is-success`]: showErrorMessage && verifyStatus === ValidateStatus.SUCCESS,\n    [`${classPrefix}-is-warning`]: showErrorMessage && errorList.length && errorList[0].type === 'warning',\n    [`${classPrefix}-is-error`]: showErrorMessage && errorList.length && errorList[0].type === 'error',\n  });\n\n  let labelStyle = {};\n  let contentStyle = {};\n  if (innerLabelWidth && innerLabelAlign !== 'top') {\n    if (typeof innerLabelWidth === 'number') {\n      labelStyle = { width: `${innerLabelWidth}px` };\n      contentStyle = { marginLeft: layout !== 'inline' ? `${innerLabelWidth}px` : '' };\n    } else {\n      labelStyle = { width: innerLabelWidth };\n      contentStyle = { marginLeft: layout !== 'inline' ? innerLabelWidth : '' };\n    }\n  }\n\n  function renderTipsInfo() {\n    let helpNode = null;\n    if (help) helpNode = <div className={`${classPrefix}-form__help`}>{help}</div>;\n\n    if (showErrorMessage && errorList.length && errorList[0].message) {\n      return <p className={`${classPrefix}-input__extra`}>{errorList[0].message}</p>;\n    }\n    if (successList.length) {\n      return <p className={`${classPrefix}-input__extra`}>{successList[0].message}</p>;\n    }\n\n    return helpNode;\n  }\n\n  const renderSuffixIcon = () => {\n    if (statusIconFromProp === false) return null;\n\n    const resultIcon = (iconSlot: ReactNode) => <span className={`${classPrefix}-form__status`}>{iconSlot}</span>;\n\n    const getDefaultIcon = () => {\n      const iconMap = {\n        success: <CheckCircleFilledIcon size=\"25px\" />,\n        error: <CloseCircleFilledIcon size=\"25px\" />,\n        warning: <ErrorCircleFilledIcon size=\"25px\" />,\n      };\n      if (verifyStatus === ValidateStatus.SUCCESS) {\n        return resultIcon(iconMap[verifyStatus]);\n      }\n      if (errorList && errorList[0]) {\n        const type = errorList[0].type || 'error';\n        return resultIcon(iconMap[type]);\n      }\n      return null;\n    };\n\n    if (React.isValidElement(statusIconFromProp)) {\n      return resultIcon(\n        React.cloneElement(statusIconFromProp, { style: { color: 'unset' }, ...statusIconFromProp.props }),\n      );\n    }\n    if (statusIconFromContext === true) {\n      return getDefaultIcon();\n    }\n    if (React.isValidElement(statusIconFromContext)) {\n      return resultIcon(statusIconFromProp);\n    }\n\n    return null;\n  };\n\n  function validate(trigger) {\n    if (innerFormItemsRef.current.length) {\n      return innerFormItemsRef.current.map((innerFormItem) => innerFormItem?.validate());\n    }\n    // 过滤不需要校验的规则\n    const rules = trigger === 'all' ? innerRules : innerRules.filter((item) => (item.trigger || 'change') === trigger);\n    setResetValidating(true);\n    // 校验结果，包含正确的校验信息\n    return new Promise((resolve) => {\n      validateModal(formValue, rules).then((r) => {\n        const filterErrorList = r.filter((item) => item.result !== true);\n        setErrorList(filterErrorList);\n        // 仅有自定义校验方法才会存在 successList\n        setSuccessList(r.filter((item) => item.result === true && item.message && item.type === 'success'));\n        let nextVerifyStatus = filterErrorList.length && rules.length ? ValidateStatus.FAIL : ValidateStatus.SUCCESS;\n        // 非 require 且值为空 状态置为默认，无校验规则的都为默认\n        if ((!rules.some((rule) => rule.required) && isValueEmpty(formValue)) || !rules.length) {\n          nextVerifyStatus = ValidateStatus.TO_BE_VALIDATED;\n        }\n        setVerifyStatus(nextVerifyStatus);\n        needResetField && resetHandler();\n        setResetValidating(false);\n\n        resolve({ [name]: !filterErrorList.length ? true : r });\n      });\n    });\n  }\n\n  // blur 下触发校验\n  function handleItemBlur() {\n    const filterRules = innerRules.filter((item) => item.trigger === 'blur');\n\n    filterRules.length && validate('blur');\n  }\n\n  useEffect(() => {\n    // 首次渲染不触发校验 后续判断是否检验也通过此字段控制\n    if (!shouldValidate.current) {\n      shouldValidate.current = true;\n      return;\n    }\n\n    const filterRules = innerRules.filter((item) => (item.trigger || 'change') === 'change');\n\n    filterRules.length && validate('change');\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [formValue]);\n\n  function getEmptyValue(): ValueType {\n    const type = Object.prototype.toString.call(initialData);\n    let emptyValue: ValueType = '';\n    if (type === '[object Array]') {\n      emptyValue = [];\n    }\n    if (type === '[object Object]') {\n      emptyValue = {};\n    }\n    return emptyValue;\n  }\n\n  function resetField() {\n    if (!name) return;\n    if (resetType === 'empty') {\n      setFormValue(getEmptyValue());\n    }\n    if (resetType === 'initial') {\n      setFormValue(initialData);\n    }\n\n    if (resetValidating) {\n      setNeedResetField(true);\n    } else {\n      resetHandler();\n    }\n  }\n\n  function resetHandler() {\n    shouldValidate.current = false;\n    setNeedResetField(false);\n    setErrorList([]);\n    setSuccessList([]);\n    setVerifyStatus(ValidateStatus.TO_BE_VALIDATED);\n  }\n\n  function setField(field: { value?: string; status?: ValidateStatus }) {\n    const { value, status } = field;\n    if (typeof value !== 'undefined') {\n      setFormValue(value);\n    }\n    // 手动设置 status 则不需要校验 交给用户判断\n    if (typeof status !== 'undefined') {\n      shouldValidate.current = false;\n      setErrorList([]);\n      setSuccessList([]);\n      setNeedResetField(false);\n      setVerifyStatus(status);\n    }\n  }\n\n  // 暴露 ref 实例方法\n  useImperativeHandle(ref, (): any => ({\n    name,\n    value: formValue,\n    setValue: setFormValue,\n    setField,\n    validate,\n    resetField,\n  }));\n\n  return (\n    <div className={formItemClass} style={formItemStyle} ref={ref}>\n      {label && (\n        <div className={formItemLabelClass} style={labelStyle}>\n          <label htmlFor={props?.for}>{label}</label>\n        </div>\n      )}\n      <div className={contentClasses} style={contentStyle}>\n        <div className={`${classPrefix}-form__controls--content`}>\n          {React.Children.map(children, (child, index) => {\n            if (!child) return null;\n\n            let onChangeFromProps = () => ({});\n            let onBlurFromProps = () => ({});\n            let ctrlKey = 'value';\n            if (React.isValidElement(child)) {\n              if (child.type === FormItem) {\n                return React.cloneElement(child, {\n                  ref: (el) => {\n                    if (!el) return;\n                    innerFormItemsRef.current[index] = el;\n                  },\n                });\n              }\n              if (typeof child.props.onChange === 'function') {\n                onChangeFromProps = child.props.onChange;\n              }\n              if (typeof child.props.onBlur === 'function') {\n                onBlurFromProps = child.props.onBlur;\n              }\n              if (typeof child.type === 'object') {\n                ctrlKey = ctrlKeyMap.get(child.type) || 'value';\n              }\n              return React.cloneElement(child, {\n                ...child.props,\n                [ctrlKey]: formValue,\n                onChange: (value) => {\n                  onChangeFromProps.call(null, value);\n                  setFormValue(value);\n                },\n                onBlur: (value) => {\n                  onBlurFromProps.call(null, value);\n                  handleItemBlur();\n                },\n              });\n            }\n            return child;\n          })}\n          {renderSuffixIcon()}\n        </div>\n        {renderTipsInfo()}\n      </div>\n    </div>\n  );\n});\n\nexport default FormItem;\n"],"names":["isNil","value","isNil_1","ValidateStatus","ValidateStatus2","ctrlKeyMap","Map","set","Checkbox","Tag","CheckTag","Upload","FormItem","forwardRef","props","ref","useConfig","classPrefix","children","label","name","help","statusIconFromProp","statusIcon","rulesFromProp","rules","labelWidth","labelAlign","initialData","className","formItemStyle","style","useFormContext","colon","requiredMark","layout","labelAlignFromContext","labelWidthFromContext","showErrorMessage","resetType","rulesFromContext","statusIconFromContext","useState","errorList","setErrorList","successList","setSuccessList","TO_BE_VALIDATED","verifyStatus","setVerifyStatus","resetValidating","setResetValidating","needResetField","setNeedResetField","formValue","setFormValue","innerFormItemsRef","useRef","shouldValidate","innerRules","innerLabelWidth","innerLabelAlign","formItemClass","classNames","renderTipsInfo","formItemLabelClass","filter","rule","required","length","contentClasses","SUCCESS","type","labelStyle","contentStyle","width","marginLeft","helpNode","message","renderSuffixIcon","resultIcon","iconSlot","getDefaultIcon","iconMap","success","CheckCircleFilledIcon","size","error","CloseCircleFilledIcon","warning","ErrorCircleFilledIcon","React","isValidElement","cloneElement","color","trigger","current","map","innerFormItem","validate","item","Promise","resolve","then","r","filterErrorList","result","nextVerifyStatus","FAIL","some","isValueEmpty","resetHandler","filterRules","Object","prototype","toString","call","emptyValue","getEmptyValue","field","status","setValue","setField","resetField","htmlFor","Children","child","index","onChangeFromProps","onBlurFromProps","ctrlKey","el","onChange","onBlur","_typeof","get"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,SAASA,KAAT,CAAeC,KAAf,EAAsB;AACpB,SAAOA,KAAK,IAAI,IAAhB;AACD;;IAEDC,OAAc,GAAGF;;;;;ACXjB,IAAKG,cAAL;;AAAA,WAAKC,iBAAL;uCACoB;+BACR;4BACH;CAHT,EAAKD,uCAAL;;AAUA,IAAME,aAAa,IAAIC,GAAJ,EAAnB;AACAD,WAAWE,GAAX,CAAeC,uBAAf,EAAyB,SAAzB;AACAH,WAAWE,GAAX,CAAeE,cAAIC,QAAnB,EAA6B,SAA7B;AACAL,WAAWE,GAAX,CAAeI,mBAAf,EAAuB,MAAvB;IAEMC,wBAAWC,iBAA0C,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA;;mBACjDC;MAAhBC,yBAAAA;;MAENC,WAWEJ,MAXFI;MACAC,QAUEL,MAVFK;MACAC,OASEN,MATFM;MACAC,OAQEP,MARFO;MACYC,qBAOVR,MAPFS;MACOC,gBAMLV,MANFW;MACAC,aAKEZ,MALFY;MACAC,aAIEb,MAJFa;MACAC,cAGEd,MAHFc;MACAC,YAEEf,MAFFe;MACOC,gBACLhB,MADFiB;;wBAYEC;MATFC,wBAAAA;MACAC,+BAAAA;MACAC,yBAAAA;MACYC,wCAAZT;MACYU,wCAAZX;MACAY,mCAAAA;MACAC,4BAAAA;MACOC,mCAAPf;MACYgB,wCAAZlB;;kBAGgCmB,eAAS;;MAApCC;MAAWC;;mBACoBF,eAAS;;MAAxCG;MAAaC;;mBACoBJ,eAASvC,eAAe4C;;MAAzDC;MAAcC;;mBACyBP,eAAS;;MAAhDQ;MAAiBC;;mBACoBT,eAAS;;MAA9CU;MAAgBC;;oBACWX,eAASd;;MAApC0B;MAAWC;;MAEZC,oBAAoBC,aAAO;MAC3BC,iBAAiBD,aAAO;MAExBE,aAA0BnB,oBAAoBA,iBAAiBpB,KAArC,IAA+CI,aAA/C,IAAgE;MAC1FoC,kBAAkB5D,QAAM0B,WAAN,GAAoBW,qBAApB,GAA4CX;MAC9DmC,kBAAkB7D,QAAM2B,WAAN,GAAoBS,qBAApB,GAA4CT;MAE9DmC,gBAAgBC,+BAAWlC,qBAAcZ,sGACzCA,oCAA0BG,OAASA,6DACnCH,uCAAqCI,6DACrCJ,wCAAsC+C;MAEtCC,qBAAqBF,yCAAc9C,yGACnCA,wCACFiB,gBAAgByB,WAAWO,MAAX,CAAkB,UAACC,IAAD;AAAA,WAAeA,KAAKC,QAApB;AAAA,GAAlB,EAAgDC,MAAhD,GAAyD,2DACvEpD,qCAAmCgB,SAASd,+DAC5CF,mCAAiC4C,oBAAoB,KAApB,IAA6B,CAACD,yEAC/D3C,oCAAkC4C,oBAAoB,MAApB,IAA8BD,yEAChE3C,qCAAmC4C,oBAAoB,OAApB,IAA+BD;MAGlEU,iBAAiBP,yCAAc9C,4GAC/BA,6BAA2BqB,oBAAoBU,iBAAiB7C,eAAeoE,iEAC/EtD,6BAA2BqB,oBAAoBK,UAAU0B,MAA9B,IAAwC1B,UAAU,EAAV,CAAa6B,IAAb,KAAsB,mEACzFvD,2BAAyBqB,oBAAoBK,UAAU0B,MAA9B,IAAwC1B,UAAU,EAAV,CAAa6B,IAAb,KAAsB;MAGzFC,aAAa;MACbC,eAAe;;MACfd,mBAAmBC,oBAAoB,OAAO;QAC5C,OAAOD,eAAP,KAA2B,UAAU;mBAC1B;AAAEe,QAAAA,iBAAUf;AAAZ;qBACE;AAAEgB,QAAAA,YAAYzC,WAAW,QAAX,aAAyByB,eAAzB,UAA+C;AAA7D;WACV;mBACQ;AAAEe,QAAAA,OAAOf;AAAT;qBACE;AAAEgB,QAAAA,YAAYzC,WAAW,QAAX,GAAsByB,eAAtB,GAAwC;AAAtD;;;;4BAIO;QACpBiB,WAAW;QACXxD,wEAAkB,OAAD;AAAKQ,MAAAA,qBAAcZ;AAAnB,OAA8CI;;QAE/DiB,oBAAoBK,UAAU0B,MAA9B,IAAwC1B,UAAU,EAAV,CAAamC,SAAS;oEACxD,KAAD;AAAGjD,QAAAA,qBAAcZ;AAAjB,SAA8C0B,UAAU,EAAV,CAAamC;;;QAEhEjC,YAAYwB,QAAQ;oEACd,KAAD;AAAGxC,QAAAA,qBAAcZ;AAAjB,SAA8C4B,YAAY,EAAZ,CAAeiC;;;WAG/DD;;;MAGHE,mBAAmB,SAAnBA,gBAAmB,GAAM;QACzBzD,uBAAuB,cAAc;;QAEnC0D,aAAa,SAAbA,UAAa,CAACC,QAAD;AAAA,oEAA0B,QAAD;AAAMpD,QAAAA,qBAAcZ;AAApB,SAAiDgE,SAA1E;AAAA;;QAEbC,iBAAiB,SAAjBA,cAAiB,GAAM;UACrBC,UAAU;AACdC,QAAAA,gEAAUC,yCAAD;AAAuBC,UAAAA,MAAK;AAA5B,UADK;AAEdC,QAAAA,8DAAQC,yCAAD;AAAuBF,UAAAA,MAAK;AAA5B,UAFO;AAGdG,QAAAA,gEAAUC,yCAAD;AAAuBJ,UAAAA,MAAK;AAA5B;AAHK;;UAKZtC,iBAAiB7C,eAAeoE,SAAS;eACpCS,WAAWG,QAAQnC;;;UAExBL,aAAaA,UAAU,IAAI;YACvB6B,OAAO7B,UAAU,EAAV,CAAa6B,IAAb,IAAqB;eAC3BQ,WAAWG,QAAQX;;;aAErB;;;sBAGLmB,0BAAMC,cAAN,CAAqBtE,kBAArB,GAA0C;aACrC0D,yBACLW,0BAAME,YAAN,CAAmBvE,kBAAnB;AAAyCS,QAAAA,OAAO;AAAE+D,UAAAA,OAAO;AAAT;AAAhD,SAAuExE,mBAAmBR,KAA1F;;;QAGA2B,0BAA0B,MAAM;aAC3ByC;;;sBAELS,0BAAMC,cAAN,CAAqBnD,qBAArB,GAA6C;aACxCuC,WAAW1D;;;WAGb;;;oBAGSyE,SAAS;QACrBvC,kBAAkBwC,OAAlB,CAA0B3B,QAAQ;aAC7Bb,kBAAkBwC,OAAlB,CAA0BC,GAA1B,CAA8B,UAACC,aAAD;AAAA,eAAmBA,aAAnB,aAAmBA,aAAnB,uBAAmBA,cAAeC,QAAf,EAAnB;AAAA,OAA9B;;;QAGH1E,QAAQsE,YAAY,KAAZ,GAAoBpC,UAApB,GAAiCA,WAAWO,MAAX,CAAkB,UAACkC,IAAD;AAAA,aAAW,MAAKL,WAAW,QAAhB,MAA8BA,OAAzC;AAAA,KAAlB;uBAC5B;WAEZ,IAAIM,OAAJ,CAAY,UAACC,OAAD,EAAa;8BAChBhD,WAAW7B,OAAO8E,KAAK,UAACC,CAAD,EAAO;YACpCC,kBAAkBD,EAAEtC,MAAF,CAAS,UAACkC,IAAD;AAAA,iBAAUA,KAAKM,MAAL,KAAgB,IAA1B;AAAA,SAAT;qBACXD;uBAEED,EAAEtC,MAAF,CAAS,UAACkC,IAAD;AAAA,iBAAUA,KAAKM,MAAL,KAAgB,IAAhB,IAAwBN,KAAKtB,OAA7B,IAAwCsB,KAAK5B,IAAL,KAAc,SAAhE;AAAA,SAAT;YACXmC,mBAAmBF,gBAAgBpC,MAAhB,IAA0B5C,MAAM4C,MAAhC,GAAyClE,eAAeyG,IAAxD,GAA+DzG,eAAeoE;;YAEhG,CAAC9C,MAAMoF,IAAN,CAAW,UAAC1C,IAAD;AAAA,iBAAUA,KAAKC,QAAf;AAAA,SAAX,CAAD,IAAwC0C,4BAAaxD,UAArD,IAAoE,CAAC7B,MAAM4C,QAAQ;6BACnElE,eAAe4C;;;wBAEpB4D;0BACEI;2BACC;mDAER3F,MAAO,CAACqF,gBAAgBpC,MAAjB,GAA0B,IAA1B,GAAiCmC;;KAfhD;;;4BAqBiB;QAClBQ,cAAcrD,WAAWO,MAAX,CAAkB,UAACkC,IAAD;AAAA,aAAUA,KAAKL,OAAL,KAAiB,MAA3B;AAAA,KAAlB;gBAER1B,UAAU8B,SAAS;;;kBAGvB,YAAM;QAEV,CAACzC,eAAesC,SAAS;qBACZA,UAAU;;;;QAIrBgB,cAAcrD,WAAWO,MAAX,CAAkB,UAACkC,IAAD;AAAA,aAAW,MAAKL,WAAW,QAAhB,MAA8B,QAAzC;AAAA,KAAlB;gBAER1B,UAAU8B,SAAS;KAE9B,CAAC7C,SAAD;;2BAEiC;QAC5BkB,OAAOyC,OAAOC,SAAP,CAAiBC,QAAjB,CAA0BC,IAA1B,CAA+BxF,WAA/B;QACTyF,aAAwB;;QACxB7C,SAAS,kBAAkB;mBAChB;;;QAEXA,SAAS,mBAAmB;mBACjB;;;WAER6C;;;wBAGa;QAChB,CAACjG;;QACDmB,cAAc,SAAS;mBACZ+E;;;QAEX/E,cAAc,WAAW;mBACdX;;;QAGXsB,iBAAiB;wBACD;WACb;;;;;0BAKe;mBACP8C,UAAU;sBACP;iBACL;mBACE;oBACC7F,eAAe4C;;;oBAGfwE,OAAoD;QAC5DtH,QAAkBsH,MAAlBtH;QAAOuH,SAAWD,MAAXC;;QACX,OAAOvH,KAAP,KAAiB,aAAa;mBACnBA;;;QAGX,OAAOuH,MAAP,KAAkB,aAAa;qBAClBxB,UAAU;mBACZ;qBACE;wBACG;sBACFwB;;;;4BAKAzG,KAAK;AAAA;AACvBK,MAAAA,MAAAA;AACAnB,MAAAA,OAAOqD;AACPmE,MAAAA,UAAUlE;AACVmE,MAAAA,UAAAA;AACAvB,MAAAA,UAAAA;AACAwB,MAAAA,YAAAA;KANuB;AAAA;gEAUtB,OAAD;AAAK9F,IAAAA,WAAWiC,aAAhB;AAA+B/B,IAAAA,OAAOD,aAAtC;AAAqDf,IAAAA,KAAAA;AAArD,KACGI,gEACE,OAAD;AAAKU,IAAAA,WAAWoC,kBAAhB;AAAoClC,IAAAA,OAAO0C;AAA3C,4DACG,SAAD;AAAOmD,IAAAA,SAAS9G,kBAAAA,4BAAAA;AAAhB,KAA6BK,gEAGhC,OAAD;AAAKU,IAAAA,WAAWyC,cAAhB;AAAgCvC,IAAAA,OAAO2C;AAAvC,4DACG,OAAD;AAAK7C,IAAAA,qBAAcZ;AAAnB,KACG0E,0BAAMkC,QAAN,CAAe5B,GAAf,CAAmB/E,QAAnB,EAA6B,UAAC4G,KAAD,EAAQC,KAAR,EAAkB;QAC1C,CAACD,cAAc;;QAEfE,oBAAoB;AAAA,eAAA;AAAA;;QACpBC,kBAAkB;AAAA,eAAA;AAAA;;QAClBC,UAAU;;sBACVvC,0BAAMC,cAAN,CAAqBkC,KAArB,GAA6B;AAAA;;UAC3BA,MAAMtD,IAAN,KAAe5D,UAAU;4BACpB+E,0BAAME,YAAN,CAAmBiC,KAAnB,EAA0B;AAC/B/G,UAAAA,KAAK,aAACoH,EAAD,EAAQ;gBACP,CAACA;8BACanC,QAAQ+B,SAASI;;AAHN,SAA1B;;;UAOL,OAAOL,MAAMhH,KAAN,CAAYsH,QAAnB,KAAgC,YAAY;4BAC1BN,MAAMhH,KAAN,CAAYsH;;;UAE9B,OAAON,MAAMhH,KAAN,CAAYuH,MAAnB,KAA8B,YAAY;0BAC1BP,MAAMhH,KAAN,CAAYuH;;;UAE5BC,gBAAOR,MAAMtD,IAAb,MAAsB,UAAU;kBACxBnE,WAAWkI,GAAX,CAAeT,MAAMtD,IAArB,KAA8B;;;0BAEnCmB,0BAAME,YAAN,CAAmBiC,KAAnB,kCACFA,MAAMhH,KADJ,4EAEJoH,OAFI,EAEM5E,SAFN,8DAGK,kBAACrD,KAAD,EAAW;0BACDmH,KAAK,MAAMnH;qBAChBA;OALV,4DAOG,gBAACA,KAAD,EAAW;wBACDmH,KAAK,MAAMnH;;OARxB;;;WAaF6H;GArCR,GAuCA/C,qBAEFf;;;;;;"}