tntd 2.7.27 → 2.7.29

package/es/tntd-cascader/rc-cascader/hooks/useSearchOptions.js

@@ -1,46 +1,56 @@
 import * as React from 'react';
 export const SEARCH_MARK = '__rc_cascader_search_mark__';
-const defaultFilter = (search, options, { label }) => options.some((opt) => String(opt[label]).toLowerCase().includes(search.toLowerCase()));
-const defaultRender = (inputValue, path, prefixCls, fieldNames) => path.map((opt) => opt[fieldNames.label]).join(' / ');
-export default (search, options, fieldNames, prefixCls, config, changeOnSelect) => {
-    const { filter = defaultFilter, render = defaultRender, limit = false, sort } = config;
-    return React.useMemo(() => {
-        const filteredOptions = [];
-        if (!search) {
-            return [];
+const defaultFilter = (search, options, {
+  label
+}) => options.some(opt => String(opt[label]).toLowerCase().includes(search.toLowerCase()));
+const defaultRender = (inputValue, path, prefixCls, fieldNames) => path.map(opt => opt[fieldNames.label]).join(' / ');
+export default ((search, options, fieldNames, prefixCls, config, changeOnSelect) => {
+  const {
+    filter = defaultFilter,
+    render = defaultRender,
+    limit = false,
+    sort
+  } = config;
+  return React.useMemo(() => {
+    const filteredOptions = [];
+    if (!search) {
+      return [];
+    }
+    function dig(list, pathOptions) {
+      list.forEach(option => {
+        // Perf saving when `sort` is disabled and `limit` is provided
+        if (!sort && limit > 0 && filteredOptions.length >= limit) {
+          return;
         }
-        function dig(list, pathOptions) {
-            list.forEach((option) => {
-                // Perf saving when `sort` is disabled and `limit` is provided
-                if (!sort && limit > 0 && filteredOptions.length >= limit) {
-                    return;
-                }
-                const connectedPathOptions = [...pathOptions, option];
-                const children = option[fieldNames.children];
-                // If current option is filterable
-                if (
-                // If is leaf option
-                !children ||
-                    children.length === 0 ||
-                    // If is changeOnSelect
-                    changeOnSelect) {
-                    if (filter(search, connectedPathOptions, { label: fieldNames.label })) {
-                        filteredOptions.push(Object.assign(Object.assign({}, option), { [fieldNames.label]: render(search, connectedPathOptions, prefixCls, fieldNames), [SEARCH_MARK]: connectedPathOptions }));
-                    }
-                }
-                if (children) {
-                    dig(option[fieldNames.children], connectedPathOptions);
-                }
-            });
+        const connectedPathOptions = [...pathOptions, option];
+        const children = option[fieldNames.children];
+        // If current option is filterable
+        if (
+        // If is leaf option
+        !children || children.length === 0 ||
+        // If is changeOnSelect
+        changeOnSelect) {
+          if (filter(search, connectedPathOptions, {
+            label: fieldNames.label
+          })) {
+            filteredOptions.push(Object.assign(Object.assign({}, option), {
+              [fieldNames.label]: render(search, connectedPathOptions, prefixCls, fieldNames),
+              [SEARCH_MARK]: connectedPathOptions
+            }));
+          }
         }
-        dig(options, []);
-        // Do sort
-        if (sort) {
-            filteredOptions.sort((a, b) => {
-                return sort(a[SEARCH_MARK], b[SEARCH_MARK], search, fieldNames);
-            });
+        if (children) {
+          dig(option[fieldNames.children], connectedPathOptions);
         }
-        return limit > 0 ? filteredOptions.slice(0, limit) : filteredOptions;
-    }, [search, options, fieldNames, prefixCls, render, changeOnSelect, filter, sort, limit]);
-};
-//# sourceMappingURL=useSearchOptions.js.map
+      });
+    }
+    dig(options, []);
+    // Do sort
+    if (sort) {
+      filteredOptions.sort((a, b) => {
+        return sort(a[SEARCH_MARK], b[SEARCH_MARK], search, fieldNames);
+      });
+    }
+    return limit > 0 ? filteredOptions.slice(0, limit) : filteredOptions;
+  }, [search, options, fieldNames, prefixCls, render, changeOnSelect, filter, sort, limit]);
+});

package/es/tntd-cascader/rc-cascader/index.js

@@ -1,3 +1,2 @@
 import Cascader from './Cascader';
-export default Cascader;
-//# sourceMappingURL=index.js.map
+export default Cascader;

package/es/tntd-cascader/rc-cascader/utils/commonUtil.js

@@ -2,40 +2,46 @@ export const VALUE_SPLIT = '__RC_CASCADER_SPLIT__';
 export const SHOW_PARENT = 'SHOW_PARENT';
 export const SHOW_CHILD = 'SHOW_CHILD';
 export function toPathKey(value) {
-    return value.join(VALUE_SPLIT);
+  return value.join(VALUE_SPLIT);
 }
 export function toPathKeys(value) {
-    return value.map(toPathKey);
+  return value.map(toPathKey);
 }
 export function toPathValueStr(pathKey) {
-    return pathKey.split(VALUE_SPLIT);
+  return pathKey.split(VALUE_SPLIT);
 }
 export function fillFieldNames(fieldNames) {
-    const { label, value, children } = fieldNames || {};
-    const val = value || 'value';
-    return {
-        label: label || 'label',
-        value: val,
-        key: val,
-        children: children || 'children',
-    };
+  const {
+    label,
+    value,
+    children
+  } = fieldNames || {};
+  const val = value || 'value';
+  return {
+    label: label || 'label',
+    value: val,
+    key: val,
+    children: children || 'children'
+  };
 }
 export function isLeaf(option, fieldNames) {
-    var _a, _b;
-    // @ts-ignore
-    return (_a = option.isLeaf) !== null && _a !== void 0 ? _a : !((_b = option[fieldNames.children]) === null || _b === void 0 ? void 0 : _b.length);
+  var _a, _b;
+  // @ts-ignore
+  return (_a = option.isLeaf) !== null && _a !== void 0 ? _a : !((_b = option[fieldNames.children]) === null || _b === void 0 ? void 0 : _b.length);
 }
 export function scrollIntoParentView(element) {
-    const parent = element.parentElement;
-    if (!parent) {
-        return;
-    }
-    const elementToParent = element.offsetTop - parent.offsetTop; // offsetParent may not be parent.
-    if (elementToParent - parent.scrollTop < 0) {
-        parent.scrollTo({ top: elementToParent });
-    }
-    else if (elementToParent + element.offsetHeight - parent.scrollTop > parent.offsetHeight) {
-        parent.scrollTo({ top: elementToParent + element.offsetHeight - parent.offsetHeight });
-    }
-}
-//# sourceMappingURL=commonUtil.js.map
+  const parent = element.parentElement;
+  if (!parent) {
+    return;
+  }
+  const elementToParent = element.offsetTop - parent.offsetTop; // offsetParent may not be parent.
+  if (elementToParent - parent.scrollTop < 0) {
+    parent.scrollTo({
+      top: elementToParent
+    });
+  } else if (elementToParent + element.offsetHeight - parent.scrollTop > parent.offsetHeight) {
+    parent.scrollTo({
+      top: elementToParent + element.offsetHeight - parent.offsetHeight
+    });
+  }
+}

package/es/tntd-cascader/rc-cascader/utils/treeUtil.js

@@ -1,37 +1,34 @@
 import { SHOW_CHILD } from './commonUtil';
 export function formatStrategyValues(pathKeys, getKeyPathEntities, showCheckedStrategy) {
-    const valueSet = new Set(pathKeys);
-    const keyPathEntities = getKeyPathEntities();
-    return pathKeys.filter((key) => {
-        const entity = keyPathEntities[key];
-        const parent = entity ? entity.parent : null;
-        const children = entity ? entity.children : null;
-        return showCheckedStrategy === SHOW_CHILD
-            ? !(children && children.some((child) => child.key && valueSet.has(child.key)))
-            : !(parent && !parent.node.disabled && valueSet.has(parent.key));
-    });
+  const valueSet = new Set(pathKeys);
+  const keyPathEntities = getKeyPathEntities();
+  return pathKeys.filter(key => {
+    const entity = keyPathEntities[key];
+    const parent = entity ? entity.parent : null;
+    const children = entity ? entity.children : null;
+    return showCheckedStrategy === SHOW_CHILD ? !(children && children.some(child => child.key && valueSet.has(child.key))) : !(parent && !parent.node.disabled && valueSet.has(parent.key));
+  });
 }
-export function toPathOptions(valueCells, options, fieldNames, 
+export function toPathOptions(valueCells, options, fieldNames,
 // Used for loadingKeys which saved loaded keys as string
 stringMode = false) {
-    var _a;
-    let currentList = options;
-    const valueOptions = [];
-    for (let i = 0; i < valueCells.length; i += 1) {
-        const valueCell = valueCells[i];
-        const foundIndex = currentList === null || currentList === void 0 ? void 0 : currentList.findIndex((option) => {
-            const val = option[fieldNames.value];
-            return stringMode ? String(val) === String(valueCell) : val === valueCell;
-        });
-        const foundOption = foundIndex !== -1 ? currentList === null || currentList === void 0 ? void 0 : currentList[foundIndex] : null;
-        valueOptions.push({
-            value: (_a = foundOption === null || foundOption === void 0 ? void 0 : foundOption[fieldNames.value]) !== null && _a !== void 0 ? _a : valueCell,
-            index: foundIndex,
-            // @ts-ignore
-            option: foundOption,
-        });
-        currentList = foundOption === null || foundOption === void 0 ? void 0 : foundOption[fieldNames.children];
-    }
-    return valueOptions;
-}
-//# sourceMappingURL=treeUtil.js.map
+  var _a;
+  let currentList = options;
+  const valueOptions = [];
+  for (let i = 0; i < valueCells.length; i += 1) {
+    const valueCell = valueCells[i];
+    const foundIndex = currentList === null || currentList === void 0 ? void 0 : currentList.findIndex(option => {
+      const val = option[fieldNames.value];
+      return stringMode ? String(val) === String(valueCell) : val === valueCell;
+    });
+    const foundOption = foundIndex !== -1 ? currentList === null || currentList === void 0 ? void 0 : currentList[foundIndex] : null;
+    valueOptions.push({
+      value: (_a = foundOption === null || foundOption === void 0 ? void 0 : foundOption[fieldNames.value]) !== null && _a !== void 0 ? _a : valueCell,
+      index: foundIndex,
+      // @ts-ignore
+      option: foundOption
+    });
+    currentList = foundOption === null || foundOption === void 0 ? void 0 : foundOption[fieldNames.children];
+  }
+  return valueOptions;
+}

package/es/tntd-cascader/rc-cascader/utils/warningPropsUtil.js

@@ -1,30 +1,33 @@
 // @ts-nocheck
 import warning from 'rc-util/lib/warning';
 function warningProps(props) {
-    const { onPopupVisibleChange, popupVisible, popupClassName, popupPlacement } = props;
-    warning(!onPopupVisibleChange, '`onPopupVisibleChange` is deprecated. Please use `onDropdownVisibleChange` instead.');
-    warning(popupVisible === undefined, '`popupVisible` is deprecated. Please use `open` instead.');
-    warning(popupClassName === undefined, '`popupClassName` is deprecated. Please use `dropdownClassName` instead.');
-    warning(popupPlacement === undefined, '`popupPlacement` is deprecated. Please use `placement` instead.');
+  const {
+    onPopupVisibleChange,
+    popupVisible,
+    popupClassName,
+    popupPlacement
+  } = props;
+  warning(!onPopupVisibleChange, '`onPopupVisibleChange` is deprecated. Please use `onDropdownVisibleChange` instead.');
+  warning(popupVisible === undefined, '`popupVisible` is deprecated. Please use `open` instead.');
+  warning(popupClassName === undefined, '`popupClassName` is deprecated. Please use `dropdownClassName` instead.');
+  warning(popupPlacement === undefined, '`popupPlacement` is deprecated. Please use `placement` instead.');
 }
 // value in Cascader options should not be null
 export function warningNullOptions(options, fieldNames) {
-    if (options) {
-        const recursiveOptions = (optionsList) => {
-            for (let i = 0; i < optionsList.length; i++) {
-                const option = optionsList[i];
-                if (option[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value] === null) {
-                    warning(false, '`value` in Cascader options should not be `null`.');
-                    return true;
-                }
-                if (Array.isArray(option[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children]) &&
-                    recursiveOptions(option[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children])) {
-                    return true;
-                }
-            }
-        };
-        recursiveOptions(options);
-    }
+  if (options) {
+    const recursiveOptions = optionsList => {
+      for (let i = 0; i < optionsList.length; i++) {
+        const option = optionsList[i];
+        if (option[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value] === null) {
+          warning(false, '`value` in Cascader options should not be `null`.');
+          return true;
+        }
+        if (Array.isArray(option[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children]) && recursiveOptions(option[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children])) {
+          return true;
+        }
+      }
+    };
+    recursiveOptions(options);
+  }
 }
-export default warningProps;
-//# sourceMappingURL=warningPropsUtil.js.map
+export default warningProps;

package/es/tntd-form/ErrorList.js

@@ -2,52 +2,86 @@ 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 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,
-    };
+  return {
+    key: typeof error === 'string' ? error : `${prefix}-${index}`,
+    error,
+    errorStatus
+  };
 }
-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`;
+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 (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));
-            })));
+    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 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
+  });
+}

package/es/tntd-form/ErrorList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorList.js","sourceRoot":"","sources":["../../src/tntd-form/ErrorList.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport CSSMotion, { CSSMotionList } from 'rc-motion'\nimport * as React from 'react'\nimport { ConfigContext } from '../config-provider'\nimport collapseMotion from './_util/motion'\nimport { FormItemPrefixContext } from './context'\nimport useDebounce from './hooks/useDebounce'\nimport type { ValidateStatus } from './FormItem'\n\nconst EMPTY_LIST: React.ReactNode[] = []\n\ninterface ErrorEntity {\n  error: React.ReactNode\n  errorStatus?: ValidateStatus\n  key: string\n}\n\nfunction toErrorEntity(\n  error: React.ReactNode,\n  errorStatus: ValidateStatus | undefined,\n  prefix: string,\n  index: number = 0\n): ErrorEntity {\n  return {\n    key: typeof error === 'string' ? error : `${prefix}-${index}`,\n    error,\n    errorStatus,\n  }\n}\n\nexport interface ErrorListProps {\n  fieldId?: string\n  help?: React.ReactNode\n  helpStatus?: ValidateStatus\n  errors?: React.ReactNode[]\n  warnings?: React.ReactNode[]\n  className?: string\n  onVisibleChanged?: (visible: boolean) => void\n}\n\nexport default function ErrorList({\n  help,\n  helpStatus,\n  errors = EMPTY_LIST,\n  warnings = EMPTY_LIST,\n  className: rootClassName,\n  fieldId,\n  onVisibleChanged,\n}: ErrorListProps) {\n  const { prefixCls } = React.useContext(FormItemPrefixContext)\n  // TODO\n  // @ts-ignore\n  const { getPrefixCls } = React.useContext(ConfigContext)\n\n  const baseClassName = `${prefixCls}-item-explain`\n  // TODO:\n  // @ts-ignore\n  const rootPrefixCls = getPrefixCls()\n\n  // We have to debounce here again since somewhere use ErrorList directly still need no shaking\n  // ref: https://github.com/ant-design/ant-design/issues/36336\n  const debounceErrors = useDebounce(errors)\n  const debounceWarnings = useDebounce(warnings)\n\n  const fullKeyList = React.useMemo(() => {\n    if (help !== undefined && help !== null) {\n      return [toErrorEntity(help, helpStatus, 'help')]\n    }\n\n    return [\n      ...debounceErrors.map((error, index) => toErrorEntity(error, 'error', 'error', index)),\n      ...debounceWarnings.map((warning, index) =>\n        toErrorEntity(warning, 'warning', 'warning', index)\n      ),\n    ]\n  }, [help, helpStatus, debounceErrors, debounceWarnings])\n\n  const helpProps: { id?: string } = {}\n\n  if (fieldId) {\n    helpProps.id = `${fieldId}_help`\n  }\n\n  return (\n    <CSSMotion\n      motionDeadline={collapseMotion.motionDeadline}\n      motionName={`${rootPrefixCls}-show-help`}\n      visible={!!fullKeyList.length}\n      onVisibleChanged={onVisibleChanged}\n    >\n      {(holderProps) => {\n        const { className: holderClassName, style: holderStyle } = holderProps\n\n        return (\n          <div\n            {...helpProps}\n            className={classNames(baseClassName, holderClassName, rootClassName)}\n            style={holderStyle}\n            role=\"alert\"\n          >\n            <CSSMotionList\n              keys={fullKeyList}\n              {...collapseMotion}\n              motionName={`${rootPrefixCls}-show-help-item`}\n              component={false}\n            >\n              {(itemProps) => {\n                const {\n                  key,\n                  error,\n                  errorStatus,\n                  className: itemClassName,\n                  style: itemStyle,\n                } = itemProps\n\n                return (\n                  <div\n                    key={key}\n                    className={classNames(itemClassName, {\n                      [`${baseClassName}-${errorStatus}`]: errorStatus,\n                    })}\n                    style={itemStyle}\n                  >\n                    {error}\n                  </div>\n                )\n              }}\n            </CSSMotionList>\n          </div>\n        )\n      }}\n    </CSSMotion>\n  )\n}\n"]}
+{"version":3,"file":"ErrorList.js","sourceRoot":"","sources":["../../src/tntd-form/ErrorList.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport CSSMotion, { CSSMotionList } from 'rc-motion'\nimport * as React from 'react'\nimport { ConfigContext } from '../config-provider'\nimport collapseMotion from '../_util/motion'\nimport { FormItemPrefixContext } from './context'\nimport useDebounce from './hooks/useDebounce'\nimport type { ValidateStatus } from './FormItem'\n\nconst EMPTY_LIST: React.ReactNode[] = []\n\ninterface ErrorEntity {\n  error: React.ReactNode\n  errorStatus?: ValidateStatus\n  key: string\n}\n\nfunction toErrorEntity(\n  error: React.ReactNode,\n  errorStatus: ValidateStatus | undefined,\n  prefix: string,\n  index: number = 0\n): ErrorEntity {\n  return {\n    key: typeof error === 'string' ? error : `${prefix}-${index}`,\n    error,\n    errorStatus,\n  }\n}\n\nexport interface ErrorListProps {\n  fieldId?: string\n  help?: React.ReactNode\n  helpStatus?: ValidateStatus\n  errors?: React.ReactNode[]\n  warnings?: React.ReactNode[]\n  className?: string\n  onVisibleChanged?: (visible: boolean) => void\n}\n\nexport default function ErrorList({\n  help,\n  helpStatus,\n  errors = EMPTY_LIST,\n  warnings = EMPTY_LIST,\n  className: rootClassName,\n  fieldId,\n  onVisibleChanged,\n}: ErrorListProps) {\n  const { prefixCls } = React.useContext(FormItemPrefixContext)\n  // TODO\n  // @ts-ignore\n  const { getPrefixCls } = React.useContext(ConfigContext)\n\n  const baseClassName = `${prefixCls}-item-explain`\n  // TODO:\n  // @ts-ignore\n  const rootPrefixCls = getPrefixCls()\n\n  // We have to debounce here again since somewhere use ErrorList directly still need no shaking\n  // ref: https://github.com/ant-design/ant-design/issues/36336\n  const debounceErrors = useDebounce(errors)\n  const debounceWarnings = useDebounce(warnings)\n\n  const fullKeyList = React.useMemo(() => {\n    if (help !== undefined && help !== null) {\n      return [toErrorEntity(help, helpStatus, 'help')]\n    }\n\n    return [\n      ...debounceErrors.map((error, index) => toErrorEntity(error, 'error', 'error', index)),\n      ...debounceWarnings.map((warning, index) =>\n        toErrorEntity(warning, 'warning', 'warning', index)\n      ),\n    ]\n  }, [help, helpStatus, debounceErrors, debounceWarnings])\n\n  const helpProps: { id?: string } = {}\n\n  if (fieldId) {\n    helpProps.id = `${fieldId}_help`\n  }\n\n  return (\n    <CSSMotion\n      motionDeadline={collapseMotion.motionDeadline}\n      motionName={`${rootPrefixCls}-show-help`}\n      visible={!!fullKeyList.length}\n      onVisibleChanged={onVisibleChanged}\n    >\n      {(holderProps) => {\n        const { className: holderClassName, style: holderStyle } = holderProps\n\n        return (\n          <div\n            {...helpProps}\n            className={classNames(baseClassName, holderClassName, rootClassName)}\n            style={holderStyle}\n            role=\"alert\"\n          >\n            <CSSMotionList\n              keys={fullKeyList}\n              {...collapseMotion}\n              motionName={`${rootPrefixCls}-show-help-item`}\n              component={false}\n            >\n              {(itemProps) => {\n                const {\n                  key,\n                  error,\n                  errorStatus,\n                  className: itemClassName,\n                  style: itemStyle,\n                } = itemProps\n\n                return (\n                  <div\n                    key={key}\n                    className={classNames(itemClassName, {\n                      [`${baseClassName}-${errorStatus}`]: errorStatus,\n                    })}\n                    style={itemStyle}\n                  >\n                    {error}\n                  </div>\n                )\n              }}\n            </CSSMotionList>\n          </div>\n        )\n      }}\n    </CSSMotion>\n  )\n}\n"]}