@pointcloud/pcloud-components 0.1.21 → 0.1.24

package/dist/esm/DUpload/helper.js

@@ -1,11 +1,11 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-/*
- * @Author       : wangfeihu
- * @Date         : 2023-06-16 11:25:57
- * @LastEditors  : wangfeihu
- * @LastEditTime : 2023-08-30 11:26:22
- * @Description  : 辅助方法集合
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-16 11:25:57
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-08-30 11:26:22
+ * @Description  : 辅助方法集合
  */
 
 /** 转换base64时的参数 */
@@ -41,12 +41,12 @@ function getType(value) {
   }
 }
 
-/**
- * @description  : 将图像文件转换为Base64格式
- * @param         {Blob} blob 图像文件
- * @param         {CompressProps} options 指定图像压缩参数,其格式为: {width:300,height:200,quality:0.7}
- * @return        {Promise<string>} 包含Base64字符串的Promise对象
- * @example      : imageToBase64(file,{ width: 300, height: 200, quality: 0.7 }).then( url => console.log( url ) )
+/**
+ * @description  : 将图像文件转换为Base64格式
+ * @param         {Blob} blob 图像文件
+ * @param         {CompressProps} options 指定图像压缩参数,其格式为: {width:300,height:200,quality:0.7}
+ * @return        {Promise<string>} 包含Base64字符串的Promise对象
+ * @example      : imageToBase64(file,{ width: 300, height: 200, quality: 0.7 }).then( url => console.log( url ) )
  */
 function imageToBase64(blob, options) {
   return new Promise(function (resolve, reject) {
@@ -97,11 +97,11 @@ function imageToBase64(blob, options) {
   });
 }
 
-/**
- * @description  : 将传入的文件转换为UploadFile数组
- * @param         {any} files 目标文件对象
- * @return        {UploadFile[]} UploadFile数组
- * @example      :
+/**
+ * @description  : 将传入的文件转换为UploadFile数组
+ * @param         {any} files 目标文件对象
+ * @return        {UploadFile[]} UploadFile数组
+ * @example      :
  */
 function getUploadFile(files, maxCount) {
   if (files) {
@@ -114,11 +114,11 @@ function getUploadFile(files, maxCount) {
   return [];
 }
 
-/**
- * @description  : 根据传入的option对象获取缩略图参数
- * @param         {ThumbOptionProps} option 缩略图参数对象
- * @return        {ThumbOptionProps} ThumbOption对象
- * @example      :
+/**
+ * @description  : 根据传入的option对象获取缩略图参数
+ * @param         {ThumbOptionProps} option 缩略图参数对象
+ * @return        {ThumbOptionProps} ThumbOption对象
+ * @example      :
  */
 function getThumbOption(option) {
   var _ref2 = option || {},
@@ -152,12 +152,12 @@ function getThumbOption(option) {
   return _option;
 }
 
-/**
- * @description  : a标签下载文件
- * @param         {Blob | string} url a标签的下载url或文件流
- * @param         {string} fileName 下载文件的名称,如果缺省则尝试从url中获取，默认为: "新建文件"
- * @return        {*}
- * @example      :
+/**
+ * @description  : a标签下载文件
+ * @param         {Blob | string} url a标签的下载url或文件流
+ * @param         {string} fileName 下载文件的名称,如果缺省则尝试从url中获取，默认为: "新建文件"
+ * @return        {*}
+ * @example      :
  */
 function downloadFile(url, fileName) {
   var eLink = document.createElement('a');
@@ -170,11 +170,11 @@ function downloadFile(url, fileName) {
   document.body.removeChild(eLink);
 }
 
-/**
- * @description  : a标签预览文件
- * @param         {Blob | string} url a标签的预览url或文件流
- * @return        {*}
- * @example      :
+/**
+ * @description  : a标签预览文件
+ * @param         {Blob | string} url a标签的预览url或文件流
+ * @return        {*}
+ * @example      :
  */
 function previewFile(url) {
   var eLink = document.createElement('a');
@@ -187,13 +187,13 @@ function previewFile(url) {
   document.body.removeChild(eLink);
 }
 
-/**
- * @description  : 以递归方式深度查找一个对象
- * @param         {Record} object 待查找的对象
- * @param         {function} fn 查找函数,每次递归时执行，如果执行结果为true，则递归过程并返回当前对象
- * @param         {number} maxDepth 递归的最大深度，默认10
- * @return        {*} 查找到的对象,未查找到则返回undefined
- * @example      :
+/**
+ * @description  : 以递归方式深度查找一个对象
+ * @param         {Record} object 待查找的对象
+ * @param         {function} fn 查找函数,每次递归时执行，如果执行结果为true，则递归过程并返回当前对象
+ * @param         {number} maxDepth 递归的最大深度，默认10
+ * @return        {*} 查找到的对象,未查找到则返回undefined
+ * @example      :
  */
 // eslint-disable-next-line no-unused-vars
 function deepFindObject(object, fn) {
@@ -223,13 +223,13 @@ function deepFindObject(object, fn) {
   return recursive(object, undefined, '', fn, {});
 }
 
-/**
- * @description  : 以递归方式深度查找一个Jsx对象
- * @param         {Record} object 待查找的Jsx对象
- * @param         {function} fn 查找函数,每次递归时执行，如果执行结果为true，则停止递归过程并返回当前对象
- * @param         {number} maxDepth 递归的最大深度，默认10
- * @return        {*} 查找到的对象,未查找到则返回undefined
- * @example      :
+/**
+ * @description  : 以递归方式深度查找一个Jsx对象
+ * @param         {Record} object 待查找的Jsx对象
+ * @param         {function} fn 查找函数,每次递归时执行，如果执行结果为true，则停止递归过程并返回当前对象
+ * @param         {number} maxDepth 递归的最大深度，默认10
+ * @return        {*} 查找到的对象,未查找到则返回undefined
+ * @example      :
  */
 // eslint-disable-next-line no-unused-vars
 function deepFindJsx(object, fn) {

package/dist/esm/DUpload/index.less

@@ -1,19 +1,19 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-upload {
-  .preview .ant-upload-list-item-actions a[target='_blank'][rel='noopener noreferrer'] {
-    opacity: initial !important;
-    pointer-events: initial !important;
-  }
-
-  .ant-upload-list.ant-upload-list-picture-card .ant-upload-span {
-    .ant-upload-list-item-thumbnail {
-      height: 46px;
-    }
-
-    .ant-upload-list-item-name {
-      position: absolute;
-      display: initial;
-    }
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-upload {
+  .preview .ant-upload-list-item-actions a[target='_blank'][rel='noopener noreferrer'] {
+    opacity: initial !important;
+    pointer-events: initial !important;
+  }
+
+  .ant-upload-list.ant-upload-list-picture-card .ant-upload-span {
+    .ant-upload-list-item-thumbnail {
+      height: 46px;
+    }
+
+    .ant-upload-list-item-name {
+      position: absolute;
+      display: initial;
+    }
+  }
+}

package/dist/esm/ErrorBoundary/index.less

@@ -1,44 +1,44 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-error-boundary {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: auto;
-  margin: 20px;
-  padding: 15px;
-  background-color: rgb(221, 127, 127);
-  border-radius: 10px;
-
-  .error-text {
-    margin-top: 20px;
-  }
-
-  .error-refresh {
-    width: 140px;
-    height: 40px;
-    color: white;
-    font-weight: bold;
-    line-height: 40px;
-    text-align: center;
-    background-color: #4593ef;
-    border-radius: 5px;
-    cursor: pointer;
-  }
-
-  .errorDetiles {
-    .detilesLink {
-      color: blue;
-    }
-
-    .errordetails {
-      padding: 10px;
-      color: #777;
-      font-size: 80%;
-      background-color: rgb(204, 198, 190);
-      border: 1px solid #777;
-      border-radius: 5px;
-    }
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-error-boundary {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: auto;
+  margin: 20px;
+  padding: 15px;
+  background-color: rgb(221, 127, 127);
+  border-radius: 10px;
+
+  .error-text {
+    margin-top: 20px;
+  }
+
+  .error-refresh {
+    width: 140px;
+    height: 40px;
+    color: white;
+    font-weight: bold;
+    line-height: 40px;
+    text-align: center;
+    background-color: #4593ef;
+    border-radius: 5px;
+    cursor: pointer;
+  }
+
+  .errorDetiles {
+    .detilesLink {
+      color: blue;
+    }
+
+    .errordetails {
+      padding: 10px;
+      color: #777;
+      font-size: 80%;
+      background-color: rgb(204, 198, 190);
+      border: 1px solid #777;
+      border-radius: 5px;
+    }
+  }
+}

package/dist/esm/IPAddress/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './index.less';
+export interface IPAddressProps {
+    className?: string;
+    value?: string;
+    onChange?: (_value: string) => void;
+    onFocus?: (_value: string, _index: number) => void;
+    onBlur?: (_value: string, _index: number) => void;
+    type?: 'IPv4' | 'IPv6';
+    delimiter?: React.ReactNode;
+    readOnly?: boolean;
+    disabled?: boolean;
+    size?: 'small' | 'middle' | 'large';
+    style?: React.CSSProperties;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    autoComplete?: boolean;
+    normalize?: boolean;
+}
+declare const IPAddress: React.FC<IPAddressProps>;
+export default IPAddress;

package/dist/esm/IPAddress/index.js

@@ -0,0 +1,248 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import React, { useState, useEffect, useRef, useCallback, useContext } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from "../ConfigProvider";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+// IPv6 规范化函数
+var normalizeIPv6 = function normalizeIPv6(ipv6) {
+  if (!ipv6) return '';
+  if (ipv6 === '::') return '0000:0000:0000:0000:0000:0000:0000:0000';
+  // 处理开头/结尾的 ::
+  var normalized = ipv6;
+  if (normalized.startsWith('::')) normalized = '0' + normalized;
+  if (normalized.endsWith('::')) normalized = normalized + '0';
+  var parts = normalized.split('::');
+  var leftParts = parts[0].split(':').filter(Boolean);
+  var rightParts = parts.length > 1 ? parts[1].split(':').filter(Boolean) : [];
+  var zeroSegmentsNeeded = 8 - leftParts.length - rightParts.length;
+  var zeroSegments = Array(zeroSegmentsNeeded).fill('0000');
+  return [].concat(_toConsumableArray(leftParts), _toConsumableArray(zeroSegments), _toConsumableArray(rightParts)).map(function (segment) {
+    return segment.padStart(4, '0');
+  }).join(':');
+};
+var getInitialAddress = function getInitialAddress(type, value) {
+  if (!value) {
+    var len = type === 'IPv6' ? 8 : 4;
+    return Array.from({
+      length: len
+    }, function () {
+      return {
+        value: ''
+      };
+    });
+  }
+  if (type === 'IPv6') {
+    var normalized = normalizeIPv6(value);
+    return normalized.split(':').map(function (i) {
+      return {
+        value: i
+      };
+    });
+  } else {
+    var parts = value.split('.').map(function (i) {
+      return {
+        value: i.replace(/\D/g, '')
+      };
+    });
+    while (parts.length < 4) parts.push({
+      value: ''
+    });
+    return parts.slice(0, 4);
+  }
+};
+var IPAddress = function IPAddress(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    value = props.value,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'IPv4' : _props$type,
+    delimiter = props.delimiter,
+    readOnly = props.readOnly,
+    disabled = props.disabled,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'middle' : _props$size,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    inputProps = props.inputProps,
+    _props$autoComplete = props.autoComplete,
+    autoComplete = _props$autoComplete === void 0 ? true : _props$autoComplete,
+    _props$normalize = props.normalize,
+    normalize = _props$normalize === void 0 ? true : _props$normalize,
+    onChange = props.onChange,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur;
+  var _useContext = useContext(ConfigContext),
+    prefixCls = _useContext.prefixCls,
+    getPrefixCls = _useContext.getPrefixCls;
+  var classname = getPrefixCls('ip-address');
+  var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-ip-address"), !!prefixCls), classname);
+  var _useState = useState(function () {
+      return getInitialAddress(type, value);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    address = _useState2[0],
+    setAddress = _useState2[1];
+  var refs = useRef([]);
+  useEffect(function () {
+    setAddress(getInitialAddress(type, value));
+  }, [value, type]);
+  var getValue = useCallback(function (addr) {
+    var vals = addr.map(function (item) {
+      return item.value;
+    });
+    var splitSymbol = type === 'IPv6' ? ':' : '.';
+    if (type !== 'IPv6') return vals.join(splitSymbol);
+    if (normalize) return normalizeIPv6(vals.join(splitSymbol));
+
+    // 1. 去除前导零但保留至少一个0
+    var simplifiedSegments = vals.map(function (seg) {
+      if (seg === '0') return '0';
+      var trimmed = seg.replace(/^0+/, '');
+      return trimmed === '' ? '0' : trimmed;
+    });
+
+    // 2. 查找最长连续0段用于压缩
+    var bestZeroRange = {
+      start: -1,
+      length: 0
+    };
+    var currentZeroStart = -1;
+    simplifiedSegments.forEach(function (seg, i) {
+      if (seg === '0') {
+        if (currentZeroStart === -1) currentZeroStart = i;
+        var currentLength = i - currentZeroStart + 1;
+        if (currentLength > bestZeroRange.length) {
+          bestZeroRange = {
+            start: currentZeroStart,
+            length: currentLength
+          };
+        }
+      } else {
+        currentZeroStart = -1;
+      }
+    });
+
+    // 3. 生成压缩后的地址
+    if (bestZeroRange.length >= 2) {
+      var before = simplifiedSegments.slice(0, bestZeroRange.start);
+      var after = simplifiedSegments.slice(bestZeroRange.start + bestZeroRange.length);
+      var beforeStr = before.join(':');
+      var afterStr = after.join(':');
+
+      // 处理边界情况
+      if (before.length === 0 && after.length === 0) return '::'; // 全零情况
+      if (before.length === 0) return '::' + afterStr; // 开头压缩
+      if (after.length === 0) return beforeStr + '::'; // 结尾压缩
+
+      return beforeStr + '::' + afterStr;
+    }
+    return simplifiedSegments.join(':');
+  }, [type, normalize]);
+  var handleInput = useCallback(function (idx, v) {
+    var nv = v;
+    var maxLen = type === 'IPv6' ? 4 : 3;
+    if (type === 'IPv6') {
+      nv = v.replace(/[^a-fA-F0-9]/g, '').toLowerCase();
+    } else {
+      nv = v.replace(/\D/g, '');
+      if (nv && parseInt(nv, 10) > 255) {
+        nv = '255';
+      }
+    }
+    if (nv.length > maxLen) nv = nv.slice(0, maxLen);
+    var next = address.map(function (item, i) {
+      return i === idx ? {
+        value: nv
+      } : item;
+    });
+    setAddress(next);
+    if (onChange) {
+      onChange(getValue(next));
+    }
+  }, [address, autoComplete, getValue, onChange, type]);
+  // 自动聚焦下一个输入框
+  var handleKeyUp = useCallback(function (idx, value, event) {
+    if (event.key === 'Backspace') return;
+    if (autoComplete && (type === 'IPv4' && value.length === 3 && idx < 3 || type === 'IPv6' && value.length === 4 && idx < 7)) {
+      var _refs$current;
+      (_refs$current = refs.current[idx + 1]) === null || _refs$current === void 0 || _refs$current.focus();
+    }
+  }, [type, autoComplete]);
+  var handleKeyDown = useCallback(function (idx, value, event) {
+    if (event.key === 'Backspace' && value === '' && idx > 0) {
+      var _refs$current2;
+      event.preventDefault();
+      (_refs$current2 = refs.current[idx - 1]) === null || _refs$current2 === void 0 || _refs$current2.focus();
+    }
+  }, []);
+  var handleFocus = function handleFocus(idx, value) {
+    onFocus === null || onFocus === void 0 || onFocus(value, idx);
+  };
+  var handleBlur = function handleBlur(idx, value) {
+    onBlur === null || onBlur === void 0 || onBlur(value, idx);
+  };
+  var renderDelimiter = function renderDelimiter() {
+    if (delimiter) return /*#__PURE__*/_jsx("span", {
+      children: delimiter
+    });
+    return type === 'IPv6' ? /*#__PURE__*/_jsx("span", {
+      style: {
+        margin: '0 2px',
+        color: '#00000060'
+      },
+      children: ":"
+    }) : /*#__PURE__*/_jsx("span", {
+      style: {
+        margin: '0 2px',
+        color: '#00000060'
+      },
+      children: "\xB7"
+    });
+  };
+  return /*#__PURE__*/_jsx("div", {
+    className: "".concat(wrapperClass, " ").concat(className, " ").concat(size, " ").concat(disabled ? 'disabled' : '', " ").concat(readOnly ? 'readonly' : ''),
+    style: style,
+    children: address.map(function (item, idx) {
+      return /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [/*#__PURE__*/_jsx("input", _objectSpread({
+          id: "ip-address-input-".concat(idx),
+          ref: function ref(el) {
+            return refs.current[idx] = el;
+          },
+          type: type === 'IPv4' ? 'number' : 'text',
+          value: item.value || undefined,
+          readOnly: readOnly,
+          disabled: disabled,
+          maxLength: type === 'IPv6' ? 4 : 3,
+          style: _objectSpread({
+            width: type === 'IPv6' ? '4em' : '3em',
+            textAlign: 'center',
+            letterSpacing: type === 'IPv6' ? '0.1em' : undefined,
+            marginRight: idx < address.length - 1 ? 0 : undefined
+          }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.style),
+          onChange: function onChange(e) {
+            return handleInput(idx, e.target.value);
+          },
+          onKeyUp: function onKeyUp(e) {
+            return handleKeyUp(idx, item.value, e);
+          },
+          onKeyDown: function onKeyDown(e) {
+            return handleKeyDown(idx, item.value, e);
+          },
+          onFocus: function onFocus(e) {
+            return handleFocus(idx, e.target.value);
+          },
+          onBlur: function onBlur(e) {
+            return handleBlur(idx, e.target.value);
+          }
+        }, inputProps)), idx < address.length - 1 && renderDelimiter()]
+      }, idx);
+    })
+  });
+};
+export default IPAddress;

package/dist/esm/IPAddress/index.less

@@ -0,0 +1,75 @@
+@import '../commonStyle/index.less';
+
+.@{prefix}-ip-address {
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+  transition: all 0.3s;
+  display: inline-block;
+
+  &.small {
+    height: 24px;
+  }
+
+  &.large {
+    padding: 6.5px 10px;
+  }
+
+  &.middle {
+    padding: 4px 10px;
+  }
+
+  &.disabled {
+    color: rgba(0, 0, 0, 25%);
+    background-color: #f5f5f5;
+    border-color: #d9d9d9;
+    box-shadow: none;
+    cursor: not-allowed;
+    opacity: 1;
+
+    &:hover {
+      border-color: #d9d9d9;
+    }
+  }
+
+  &:hover {
+    border-color: #4d90ff;
+  }
+
+  &:focus-within {
+    border-color: #40a9ff;
+    box-shadow: 0 0 0 2px rgba(24, 144, 255, 20%);
+  }
+
+  input {
+    border: none;
+    background: none;
+    text-align: center;
+    outline: 0;
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+    font-variant: tabular-nums;
+    font-feature-settings: 'tnum';
+    position: relative;
+    display: inline-block;
+    color: #000000d9;
+    font-size: 14px;
+    line-height: 1.5715;
+  }
+
+  input[disabled] {
+    cursor: not-allowed;
+    color: inherit;
+  }
+
+  input[type='number'] {
+    appearance: textfield; /* 移除Firefox的特殊样式 */
+  }
+
+  /* 移除上下箭头 */
+  input[type='number']::-webkit-outer-spin-button,
+  input[type='number']::-webkit-inner-spin-button {
+    appearance: none;
+    margin: 0;
+  }
+}

package/dist/esm/IconFont/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { getTwoToneColor, setTwoToneColor } from '@ant-design/icons';
+declare const setIconfontScriptUrl: (urls: string | string[]) => void;
+export interface IconFontProps {
+    type: string;
+    scriptUrl?: string | string[];
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+}
+interface IconFontType extends React.FC<IconFontProps> {
+    setIconfontScriptUrl: typeof setIconfontScriptUrl;
+    getTWoToneColor: typeof getTwoToneColor;
+    setTwoToneColor: typeof setTwoToneColor;
+}
+declare const IconFont: IconFontType;
+export default IconFont;

package/dist/esm/IconFont/index.js

@@ -0,0 +1,27 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["scriptUrl"];
+import React from 'react';
+import { createFromIconfontCN, getTwoToneColor, setTwoToneColor } from '@ant-design/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+var scriptUrls = [];
+var setIconfontScriptUrl = function setIconfontScriptUrl(urls) {
+  scriptUrls = Array.isArray(urls) ? urls : [urls];
+};
+var IconFont = function IconFont(_ref) {
+  var propScriptUrl = _ref.scriptUrl,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var finalScriptUrls = propScriptUrl ? Array.isArray(propScriptUrl) ? propScriptUrl : [propScriptUrl] : scriptUrls;
+  if (!finalScriptUrls.length) {
+    console.error('IconFont 组件需要配置 scriptUrl，请在项目入口处先调用 setIconfontScriptUrl() 或在组件 props 中传入 scriptUrl');
+    return null;
+  }
+  var IconComponent = createFromIconfontCN({
+    scriptUrl: finalScriptUrls
+  });
+  return /*#__PURE__*/_jsx(IconComponent, _objectSpread({}, restProps));
+};
+IconFont.setIconfontScriptUrl = setIconfontScriptUrl;
+IconFont.getTWoToneColor = getTwoToneColor;
+IconFont.setTwoToneColor = setTwoToneColor;
+export default IconFont;

package/dist/esm/InfiniteScrollList/index.d.ts

@@ -48,6 +48,15 @@ interface ISLProps<T, P> {
      * @default 200
      */
     visibilityHeight?: number;
+    /**
+     * @description 是否显示 BackTop
+     * @default false
+     */
+    showBackTop?: boolean;
+    /**
+     * @description 列表底部提示
+     */
+    endMessage?: React.ReactNode;
 }
 export declare type InfiniteScrollListProps<T, P> = ISLProps<T, P>;
 declare const _default: React.MemoExoticComponent<(<T, P>(props: ISLProps<T, P>) => import("react/jsx-runtime").JSX.Element)>;