tntd 3.0.77 → 3.0.79

package/es/tntd-checkbox-select/index.js

@@ -1,40 +1,13 @@
-"use strict";
-
-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"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _prevLocale = require("../prev-locale");
-var _rcVirtualList = _interopRequireDefault(require("rc-virtual-list"));
-var _tntdRcSelect = _interopRequireDefault(require("../tntd-rc-select"));
-var _icon = _interopRequireDefault(require("../icon"));
-var _tag = _interopRequireDefault(require("../tag"));
-var _checkbox = _interopRequireDefault(require("../checkbox"));
-var _empty = _interopRequireDefault(require("../empty"));
-var _ellipsis = _interopRequireDefault(require("../ellipsis"));
-require("./index.less");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-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 _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 _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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
 /*
  * @Descripttion: antd3 select 增加checkbox
@@ -43,221 +16,140 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
  * @LastEditors: 郑泳健
  * @LastEditTime: 2025-08-12 14:25:38
  */
-
-var all = (0, _prevLocale.getText)('all', (0, _prevLocale.getLanguage)());
-var TntdCheckboxSelect = function TntdCheckboxSelect(_a) {
-  var mode = _a.mode,
-    value = _a.value,
-    onChange = _a.onChange,
-    options = _a.options,
-    dropdownClassName = _a.dropdownClassName,
-    _a$filterOption = _a.filterOption,
-    filterOption = _a$filterOption === void 0 ? function (inputValue, option) {
-      var _a;
-      return (_a = option === null || option === void 0 ? void 0 : option.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase());
-    } : _a$filterOption,
-    restProps = __rest(_a, ["mode", "value", "onChange", "options", "dropdownClassName", "filterOption"]);
-  // 搜索
-  var _useState = (0, _react.useState)(undefined),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchValue = _useState2[0],
-    setSearchValue = _useState2[1];
-  /** 根据搜索过滤，dropDown的渲染数据 */
-  var renderData = (0, _react.useMemo)(function () {
-    if (!Array.isArray(options)) {
-      return [];
-    }
-    if (['', undefined, null].includes(searchValue)) {
-      return options;
-    }
-    return options.filter(function (item) {
-      return filterOption(searchValue, item);
-    });
-  }, [options, filterOption, searchValue]);
-  /** 全选中 */
-  var checkedAll = (0, _react.useMemo)(function () {
-    if (!Array.isArray(value) || !Array.isArray(value)) {
-      return false;
-    }
-    // 过滤掉disabled的选中情况
-    var filterDisabled = renderData.filter(function (item) {
-      return !item.disabled;
-    });
-    return filterDisabled.every(function (i) {
-      return value.includes(i.value);
-    });
-  }, [value, renderData]);
-  /** 半选中 */
-  var indeterminate = (0, _react.useMemo)(function () {
-    if (!Array.isArray(value) || !Array.isArray(value)) {
-      return false;
-    } // 过滤掉disabled的选中情况
-    var filterDisabled = renderData.filter(function (item) {
-      return !item.disabled;
-    });
-    /** 非disable既有选中的，也有没选中的 */
-    return filterDisabled.some(function (i) {
-      return value.includes(i.value);
-    }) && filterDisabled.some(function (i) {
-      return !value.includes(i.value);
-    });
-  }, [value, renderData]);
-  var handleSearch = function handleSearch(val) {
-    setSearchValue(val);
-  };
-  /** 全选情况 */
-  var handleAllClick = function handleAllClick(item, checked) {
-    // 筛选出非disabled的数组
-    var noDisabledChoosedList = Array.isArray(renderData) ? renderData.reduce(function (total, item) {
-      if (!item.disabled) {
-        total.push(item.value);
-      }
-      return total;
-    }, []) : [];
-    if (checked) {
-      // 这里加value的原因是有可能是搜索的时候点击了全选
-      var list = Array.isArray(value) ? Array.from(new Set([].concat(_toConsumableArray(value), _toConsumableArray(noDisabledChoosedList)))) : _toConsumableArray(noDisabledChoosedList);
-      onChange(list);
-    } else {
-      var _list = Array.isArray(value) ? value.filter(function (i) {
-        return !noDisabledChoosedList.includes(i);
-      }) : [];
-      onChange(_list);
-    }
-    setSearchValue(undefined);
-  };
-  var handleClick = function handleClick(item, checked) {
-    if (!Array.isArray(value)) {
-      value = [];
-    }
-    if (checked) {
-      onChange([].concat(_toConsumableArray(value), [item.value]));
-    } else {
-      onChange(value.filter(function (v) {
-        return v !== item.value;
-      }));
-    }
-    setSearchValue(undefined);
-  };
-  var handleStopPropagation = function handleStopPropagation(e) {
-    var _a;
-    (_a = e === null || e === void 0 ? void 0 : e.nativeEvent) === null || _a === void 0 ? void 0 : _a.stopImmediatePropagation();
-    e === null || e === void 0 ? void 0 : e.stopPropagation();
-    e === null || e === void 0 ? void 0 : e.preventDefault();
-  };
-  return _react["default"].createElement(_tntdRcSelect["default"], Object.assign({
-    showSearch: true,
-    searchValue: searchValue,
-    onSearch: handleSearch,
-    tagRender: function tagRender(item) {
-      var onClose = item.onClose,
-        value = item.value;
-      var _ref = Array.isArray(options) ? options.find(function (opt) {
-          return opt.value === value;
-        }) || {} : {},
-        label = _ref.label,
-        disabled = _ref.disabled;
-      return _react["default"].createElement(_tag["default"], {
-        size: "small",
-        className: "tntd-checkbox-select-item-tag"
-      }, _react["default"].createElement("div", {
-        className: 'tntd-checkbox-select-item-tag-label'
-      }, _react["default"].createElement(_ellipsis["default"], {
-        title: label,
-        widthLimit: "100%"
-      })), !disabled ? _react["default"].createElement(_icon["default"], {
-        type: "close",
-        onClick: onClose
-      }) : '');
-    },
-    value: value,
-    onChange: onChange
-  }, restProps, {
-    mode: mode || 'multiple',
-    dropdownClassName: "".concat(dropdownClassName || '', " tntd-checkbox-select-dropdown-wrap"),
-    dropdownRender: function dropdownRender() {
-      if (!Array.isArray(renderData) || !(renderData === null || renderData === void 0 ? void 0 : renderData.length)) {
-        return _react["default"].createElement("div", {
-          className: "tntd-checkbox-select-dropdown-render-wrapper"
-        }, _react["default"].createElement(_empty["default"], {
-          className: "tntd-rc-select-item-empty",
-          size: "mini"
-        }));
-      }
-      var renderList = [{
-        label: all,
-        value: 'all',
-        isAll: true
-      }].concat(_toConsumableArray(renderData));
-      return _react["default"].createElement("div", {
-        className: "tntd-checkbox-select-dropdown-render-wrapper",
-        onClick: function onClick(e) {
-          return handleStopPropagation(e);
+import React, { useState, useMemo } from 'react';
+import { getLanguage, getText } from '../prev-locale';
+import List from 'rc-virtual-list';
+import Select from '../tntd-rc-select';
+import Icon from '../icon';
+import Tag from '../tag';
+import Checkbox from '../checkbox';
+import Empty from '../empty';
+import Ellipsis from '../ellipsis';
+import './index.less';
+const all = getText('all', getLanguage());
+const TntdCheckboxSelect = (_a) => {
+    var { mode, value, onChange, options, dropdownClassName, filterOption = (inputValue, option) => {
+        var _a;
+        return (_a = option === null || option === void 0 ? void 0 : option.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase());
+    } } = _a, restProps = __rest(_a, ["mode", "value", "onChange", "options", "dropdownClassName", "filterOption"]);
+    // 搜索
+    const [searchValue, setSearchValue] = useState(undefined);
+    /** 根据搜索过滤，dropDown的渲染数据 */
+    const renderData = useMemo(() => {
+        if (!Array.isArray(options)) {
+            return [];
         }
-      }, _react["default"].createElement(_rcVirtualList["default"], {
-        height: renderData.length > 8 ? 250 : 'auto',
-        itemHeight: 32,
-        data: renderList,
-        itemKey: 'value'
-      }, function (item) {
-        var isAll = item.isAll,
-          disabled = item.disabled;
-        // 是否全部disabled
-        var allDisabled = renderData.filter(function (i) {
-          return i.disabled;
-        }).length === renderData.length;
-        var checked = Array.isArray(value) ? value.includes(item.value) : false;
-        if (isAll) {
-          return _react["default"].createElement("div", {
-            className: "tntd-checkbox-select-item ".concat(checkedAll ? 'tntd-checkbox-select-item_choosed' : '', " ").concat(allDisabled ? 'tntd-checkbox-select-item_disabled' : ''),
-            onMouseDown: function onMouseDown(e) {
-              handleStopPropagation(e);
-            },
-            onClick: function onClick() {
-              if (!allDisabled) {
-                handleAllClick(item, !checkedAll);
-              }
-            }
-          }, _react["default"].createElement(_checkbox["default"], {
-            disabled: allDisabled,
-            size: "small",
-            indeterminate: indeterminate,
-            checked: checkedAll,
-            onChange: function onChange(e) {
-              handleStopPropagation(e);
-            }
-          }), _react["default"].createElement("div", {
-            className: "tntd-checkbox-select-content"
-          }, _react["default"].createElement(_ellipsis["default"], {
-            title: item.label,
-            widthLimit: "100%"
-          })));
+        if (['', undefined, null].includes(searchValue)) {
+            return options;
+        }
+        return options.filter((item) => filterOption(searchValue, item));
+    }, [options, filterOption, searchValue]);
+    /** 全选中 */
+    const checkedAll = useMemo(() => {
+        if (!Array.isArray(value) || !Array.isArray(value)) {
+            return false;
+        }
+        // 过滤掉disabled的选中情况
+        const filterDisabled = renderData.filter((item) => !item.disabled);
+        return filterDisabled.every((i) => value.includes(i.value));
+    }, [value, renderData]);
+    /** 半选中 */
+    const indeterminate = useMemo(() => {
+        if (!Array.isArray(value) || !Array.isArray(value)) {
+            return false;
+        } // 过滤掉disabled的选中情况
+        const filterDisabled = renderData.filter((item) => !item.disabled);
+        /** 非disable既有选中的，也有没选中的 */
+        return filterDisabled.some((i) => value.includes(i.value)) && filterDisabled.some((i) => !value.includes(i.value));
+    }, [value, renderData]);
+    const handleSearch = (val) => {
+        setSearchValue(val);
+    };
+    /** 全选情况 */
+    const handleAllClick = (item, checked) => {
+        // 筛选出非disabled的数组
+        const noDisabledChoosedList = Array.isArray(renderData)
+            ? renderData.reduce((total, item) => {
+                if (!item.disabled) {
+                    total.push(item.value);
+                }
+                return total;
+            }, [])
+            : [];
+        if (checked) {
+            // 这里加value的原因是有可能是搜索的时候点击了全选
+            const list = Array.isArray(value) ? Array.from(new Set([...value, ...noDisabledChoosedList])) : [...noDisabledChoosedList];
+            onChange(list);
+        }
+        else {
+            const list = Array.isArray(value) ? value.filter((i) => !noDisabledChoosedList.includes(i)) : [];
+            onChange(list);
+        }
+        setSearchValue(undefined);
+    };
+    const handleClick = (item, checked) => {
+        if (!Array.isArray(value)) {
+            value = [];
+        }
+        if (checked) {
+            onChange([...value, item.value]);
+        }
+        else {
+            onChange(value.filter((v) => v !== item.value));
         }
-        return _react["default"].createElement("div", {
-          className: "tntd-checkbox-select-item ".concat(checked ? 'tntd-checkbox-select-item_choosed' : '', " ").concat(disabled ? 'tntd-checkbox-select-item_disabled' : ''),
-          onMouseDown: function onMouseDown(e) {
-            handleStopPropagation(e);
-          },
-          onClick: function onClick() {
-            if (!disabled) {
-              handleClick(item, !checked);
+        setSearchValue(undefined);
+    };
+    const handleStopPropagation = (e) => {
+        var _a;
+        (_a = e === null || e === void 0 ? void 0 : e.nativeEvent) === null || _a === void 0 ? void 0 : _a.stopImmediatePropagation();
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+    };
+    return (React.createElement(Select, Object.assign({ showSearch: true, searchValue: searchValue, onSearch: handleSearch, tagRender: (item) => {
+            const { onClose, value } = item;
+            const { label, disabled } = Array.isArray(options) ? options.find((opt) => opt.value === value) || {} : {};
+            return (React.createElement(Tag, { size: "small", className: "tntd-checkbox-select-item-tag" },
+                React.createElement("div", { className: 'tntd-checkbox-select-item-tag-label' },
+                    React.createElement(Ellipsis, { title: label, widthLimit: "100%" })),
+                !disabled ? React.createElement(Icon, { type: "close", onClick: onClose }) : ''));
+        }, value: value, onChange: onChange }, restProps, { mode: mode || 'multiple', dropdownClassName: `${dropdownClassName || ''} tntd-checkbox-select-dropdown-wrap`, dropdownRender: () => {
+            if (!Array.isArray(renderData) || !(renderData === null || renderData === void 0 ? void 0 : renderData.length)) {
+                return (React.createElement("div", { className: "tntd-checkbox-select-dropdown-render-wrapper" },
+                    React.createElement(Empty, { className: "tntd-rc-select-item-empty", size: "mini" })));
             }
-          }
-        }, _react["default"].createElement(_checkbox["default"], {
-          disabled: disabled,
-          size: "small",
-          checked: checked,
-          onChange: function onChange(e) {
-            return handleStopPropagation(e);
-          }
-        }), _react["default"].createElement("div", {
-          className: "tntd-checkbox-select-content"
-        }, _react["default"].createElement(_ellipsis["default"], {
-          title: item.label,
-          widthLimit: "100%"
-        })));
-      }));
-    }
-  }));
+            const renderList = [{ label: all, value: 'all', isAll: true }, ...renderData];
+            return (React.createElement("div", { className: "tntd-checkbox-select-dropdown-render-wrapper", onClick: (e) => handleStopPropagation(e) },
+                React.createElement(List, { height: renderData.length > 8 ? 250 : 'auto', itemHeight: 32, data: renderList, itemKey: 'value' }, (item) => {
+                    const { isAll, disabled } = item;
+                    // 是否全部disabled
+                    const allDisabled = renderData.filter((i) => i.disabled).length === renderData.length;
+                    const checked = Array.isArray(value) ? value.includes(item.value) : false;
+                    if (isAll) {
+                        return (React.createElement("div", { className: `tntd-checkbox-select-item ${checkedAll ? 'tntd-checkbox-select-item_choosed' : ''} ${allDisabled ? 'tntd-checkbox-select-item_disabled' : ''}`, onMouseDown: (e) => {
+                                handleStopPropagation(e);
+                            }, onClick: () => {
+                                if (!allDisabled) {
+                                    handleAllClick(item, !checkedAll);
+                                }
+                            } },
+                            React.createElement(Checkbox, { disabled: allDisabled, size: "small", indeterminate: indeterminate, checked: checkedAll, onChange: (e) => {
+                                    handleStopPropagation(e);
+                                } }),
+                            React.createElement("div", { className: "tntd-checkbox-select-content" },
+                                React.createElement(Ellipsis, { title: item.label, widthLimit: "100%" }))));
+                    }
+                    return (React.createElement("div", { className: `tntd-checkbox-select-item ${checked ? 'tntd-checkbox-select-item_choosed' : ''} ${disabled ? 'tntd-checkbox-select-item_disabled' : ''}`, onMouseDown: (e) => {
+                            handleStopPropagation(e);
+                        }, onClick: () => {
+                            if (!disabled) {
+                                handleClick(item, !checked);
+                            }
+                        } },
+                        React.createElement(Checkbox, { disabled: disabled, size: "small", checked: checked, onChange: (e) => handleStopPropagation(e) }),
+                        React.createElement("div", { className: "tntd-checkbox-select-content" },
+                            React.createElement(Ellipsis, { title: item.label, widthLimit: "100%" }))));
+                })));
+        } })));
 };
-var _default = exports["default"] = TntdCheckboxSelect;
+export default TntdCheckboxSelect;
+//# sourceMappingURL=index.js.map

package/es/tntd-form/ErrorList.js

@@ -1,104 +1,53 @@
-"use strict";
-
-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
-  };
+import classNames from 'classnames';
+import CSSMotion, { CSSMotionList } from 'rc-motion';
+import * as React from 'react';
+import { ConfigContext } from '../config-provider';
+import collapseMotion from '../_util/motion';
+import { FormItemPrefixContext } from './context';
+import useDebounce from './hooks/useDebounce';
+const EMPTY_LIST = [];
+function toErrorEntity(error, errorStatus, prefix, index = 0) {
+    return {
+        key: typeof error === 'string' ? error : `${prefix}-${index}`,
+        error,
+        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')];
+export default function ErrorList({ help, helpStatus, errors = EMPTY_LIST, warnings = EMPTY_LIST, className: rootClassName, fieldId, onVisibleChanged, }) {
+    const { prefixCls } = React.useContext(FormItemPrefixContext);
+    // TODO
+    // @ts-ignore
+    const { getPrefixCls } = React.useContext(ConfigContext);
+    const baseClassName = `${prefixCls}-item-explain`;
+    // TODO:
+    // @ts-ignore
+    const 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
+    const debounceErrors = useDebounce(errors);
+    const debounceWarnings = useDebounce(warnings);
+    const fullKeyList = React.useMemo(() => {
+        if (help !== undefined && help !== null) {
+            return [toErrorEntity(help, helpStatus, 'help')];
+        }
+        return [
+            ...debounceErrors.map((error, index) => toErrorEntity(error, 'error', 'error', index)),
+            ...debounceWarnings.map((warning, index) => toErrorEntity(warning, 'warning', 'warning', index)),
+        ];
+    }, [help, helpStatus, debounceErrors, debounceWarnings]);
+    const helpProps = {};
+    if (fieldId) {
+        helpProps.id = `${fieldId}_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);
+    return (React.createElement(CSSMotion, { motionDeadline: collapseMotion.motionDeadline, motionName: `${rootPrefixCls}-show-help`, visible: !!fullKeyList.length, onVisibleChanged: onVisibleChanged }, (holderProps) => {
+        const { className: holderClassName, style: holderStyle } = holderProps;
+        return (React.createElement("div", Object.assign({}, helpProps, { className: classNames(baseClassName, holderClassName, rootClassName), style: holderStyle, role: "alert" }),
+            React.createElement(CSSMotionList, Object.assign({ keys: fullKeyList }, collapseMotion, { motionName: `${rootPrefixCls}-show-help-item`, component: false }), (itemProps) => {
+                const { key, error, errorStatus, className: itemClassName, style: itemStyle, } = itemProps;
+                return (React.createElement("div", { key: key, className: classNames(itemClassName, {
+                        [`${baseClassName}-${errorStatus}`]: errorStatus,
+                    }), style: itemStyle }, error));
+            })));
     }));
-  });
-}
+}
+//# sourceMappingURL=ErrorList.js.map