tntd
Version:
tntd是基于 TNT Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。
176 lines (174 loc) • 6.87 kB
JavaScript
;
function _typeof(o) {
"@babel/helpers - typeof";
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
return typeof o;
} : function (o) {
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
}, _typeof(o);
}
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = ErrorList;
var _classnames = _interopRequireDefault(require("classnames"));
var _rcMotion = _interopRequireWildcard(require("rc-motion"));
var React = _interopRequireWildcard(require("react"));
var _configProvider = require("../config-provider");
var _motion = _interopRequireDefault(require("../_util/motion"));
var _context = require("./context");
var _useDebounce = _interopRequireDefault(require("./hooks/useDebounce"));
function _getRequireWildcardCache(e) {
if ("function" != typeof WeakMap) return null;
var r = new WeakMap(),
t = new WeakMap();
return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
return e ? t : r;
})(e);
}
function _interopRequireWildcard(e, r) {
if (!r && e && e.__esModule) return e;
if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
"default": e
};
var t = _getRequireWildcardCache(r);
if (t && t.has(e)) return t.get(e);
var n = {
__proto__: null
},
a = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
}
return n["default"] = e, t && t.set(e, n), n;
}
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
"default": e
};
}
function _defineProperty(e, r, t) {
return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
value: t,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[r] = t, e;
}
function _toPropertyKey(t) {
var i = _toPrimitive(t, "string");
return "symbol" == _typeof(i) ? i : i + "";
}
function _toPrimitive(t, r) {
if ("object" != _typeof(t) || !t) return t;
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r || "default");
if ("object" != _typeof(i)) return i;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
function _toConsumableArray(r) {
return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
}
function _nonIterableSpread() {
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _unsupportedIterableToArray(r, a) {
if (r) {
if ("string" == typeof r) return _arrayLikeToArray(r, a);
var t = {}.toString.call(r).slice(8, -1);
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
}
}
function _iterableToArray(r) {
if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
}
function _arrayWithoutHoles(r) {
if (Array.isArray(r)) return _arrayLikeToArray(r);
}
function _arrayLikeToArray(r, a) {
(null == a || a > r.length) && (a = r.length);
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
return n;
}
var EMPTY_LIST = [];
function toErrorEntity(error, errorStatus, prefix) {
var index = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
return {
key: typeof error === 'string' ? error : "".concat(prefix, "-").concat(index),
error: error,
errorStatus: errorStatus
};
}
function ErrorList(_ref) {
var help = _ref.help,
helpStatus = _ref.helpStatus,
_ref$errors = _ref.errors,
errors = _ref$errors === void 0 ? EMPTY_LIST : _ref$errors,
_ref$warnings = _ref.warnings,
warnings = _ref$warnings === void 0 ? EMPTY_LIST : _ref$warnings,
rootClassName = _ref.className,
fieldId = _ref.fieldId,
onVisibleChanged = _ref.onVisibleChanged;
var _React$useContext = React.useContext(_context.FormItemPrefixContext),
prefixCls = _React$useContext.prefixCls;
// TODO
// @ts-ignore
var _React$useContext2 = React.useContext(_configProvider.ConfigContext),
getPrefixCls = _React$useContext2.getPrefixCls;
var baseClassName = "".concat(prefixCls, "-item-explain");
// TODO:
// @ts-ignore
var rootPrefixCls = getPrefixCls();
// We have to debounce here again since somewhere use ErrorList directly still need no shaking
// ref: https://github.com/ant-design/ant-design/issues/36336
var debounceErrors = (0, _useDebounce["default"])(errors);
var debounceWarnings = (0, _useDebounce["default"])(warnings);
var fullKeyList = React.useMemo(function () {
if (help !== undefined && help !== null) {
return [toErrorEntity(help, helpStatus, 'help')];
}
return [].concat(_toConsumableArray(debounceErrors.map(function (error, index) {
return toErrorEntity(error, 'error', 'error', index);
})), _toConsumableArray(debounceWarnings.map(function (warning, index) {
return toErrorEntity(warning, 'warning', 'warning', index);
})));
}, [help, helpStatus, debounceErrors, debounceWarnings]);
var helpProps = {};
if (fieldId) {
helpProps.id = "".concat(fieldId, "_help");
}
return React.createElement(_rcMotion["default"], {
motionDeadline: _motion["default"].motionDeadline,
motionName: "".concat(rootPrefixCls, "-show-help"),
visible: !!fullKeyList.length,
onVisibleChanged: onVisibleChanged
}, function (holderProps) {
var holderClassName = holderProps.className,
holderStyle = holderProps.style;
return React.createElement("div", Object.assign({}, helpProps, {
className: (0, _classnames["default"])(baseClassName, holderClassName, rootClassName),
style: holderStyle,
role: "alert"
}), React.createElement(_rcMotion.CSSMotionList, Object.assign({
keys: fullKeyList
}, _motion["default"], {
motionName: "".concat(rootPrefixCls, "-show-help-item"),
component: false
}), function (itemProps) {
var key = itemProps.key,
error = itemProps.error,
errorStatus = itemProps.errorStatus,
itemClassName = itemProps.className,
itemStyle = itemProps.style;
return React.createElement("div", {
key: key,
className: (0, _classnames["default"])(itemClassName, _defineProperty({}, "".concat(baseClassName, "-").concat(errorStatus), errorStatus)),
style: itemStyle
}, error);
}));
});
}