acud/lib/form/ErrorList.js

acg react 组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = ErrorList;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _useMemo = _interopRequireDefault(require("rc-util/lib/hooks/useMemo"));
var _useCacheErrors3 = _interopRequireDefault(require("./hooks/useCacheErrors"));
var _useForceUpdate = _interopRequireDefault(require("../_util/hooks/useForceUpdate"));
var _context = require("./context");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
/**
 * @file validate failed view
 * @author chenqiang(chenqiang03)
 */

var EMPTY_LIST = [];
function ErrorList(_ref) {
  var _ref$errors = _ref.errors,
    errors = _ref$errors === void 0 ? EMPTY_LIST : _ref$errors,
    help = _ref.help,
    onDomErrorVisibleChange = _ref.onDomErrorVisibleChange;
  var forceUpdate = (0, _useForceUpdate["default"])();
  var _React$useContext = React.useContext(_context.FormItemPrefixContext),
    prefixCls = _React$useContext.prefixCls,
    status = _React$useContext.status;
  var _useCacheErrors = (0, _useCacheErrors3["default"])(errors, function (changedVisible) {
      if (changedVisible) {
        Promise.resolve().then(function () {
          onDomErrorVisibleChange === null || onDomErrorVisibleChange === void 0 ? void 0 : onDomErrorVisibleChange(true);
        });
      }
      forceUpdate();
    }, !!help),
    _useCacheErrors2 = (0, _slicedToArray2["default"])(_useCacheErrors, 2),
    visible = _useCacheErrors2[0],
    cacheErrors = _useCacheErrors2[1];
  var memoErrors = (0, _useMemo["default"])(function () {
    return cacheErrors;
  },
  // eslint-disable-next-line react-hooks/exhaustive-deps
  visible, function (_, nextVisible) {
    return nextVisible;
  });
  // Memo status in same visible
  var _React$useState = React.useState(status),
    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
    innerStatus = _React$useState2[0],
    setInnerStatus = _React$useState2[1];
  React.useEffect(function () {
    if (visible && status) {
      setInnerStatus(status);
    }
  }, [visible, status]);
  var baseClassName = "".concat(prefixCls, "-item-explain");
  return visible && /*#__PURE__*/React.createElement("div", {
    key: "help",
    className: (0, _classnames["default"])(baseClassName, (0, _defineProperty2["default"])({}, "".concat(baseClassName, "-").concat(innerStatus), innerStatus))
  }, memoErrors.map(function (error, index) {
    return (
      /*#__PURE__*/
      // eslint-disable-next-line react/no-array-index-key
      React.createElement("div", {
        key: index,
        role: "alert"
      }, error)
    );
  }));
}