@pointcloud/pcloud-components 1.0.1 → 1.0.3

package/dist/esm/AnimatedScrollList/index.js

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React, { useRef, useEffect, useCallback, useContext } from 'react';
+import React, { useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import classNames from 'classnames';
 import { ConfigContext } from "../ConfigProvider";
 import "./styles/index.less";
@@ -286,19 +286,23 @@ function AnimatedScrollList(props) {
   }, [data, renderItem, getItemKey]);
 
   // 容器样式
-  var containerStyle = _objectSpread({
-    height: containerHeight,
-    width: containerWidth,
-    overflow: showScrollbar ? 'auto' : 'hidden',
-    position: 'relative'
-  }, style);
+  var containerStyle = useMemo(function () {
+    return _objectSpread({
+      height: containerHeight,
+      width: containerWidth,
+      overflow: showScrollbar ? 'auto' : 'hidden',
+      position: 'relative'
+    }, style);
+  }, [containerHeight, containerWidth, showScrollbar, style]);
 
   // 内容容器样式
-  var contentStyle = {
-    display: 'flex',
-    flexDirection: isVertical ? 'column' : 'row',
-    willChange: 'transform'
-  };
+  var contentStyle = useMemo(function () {
+    return {
+      display: 'flex',
+      flexDirection: isVertical ? 'column' : 'row',
+      willChange: 'transform'
+    };
+  }, [isVertical]);
   return /*#__PURE__*/_jsxs("div", {
     className: wrapperClass,
     children: [header && /*#__PURE__*/_jsx("div", {

package/dist/esm/CRUD/index.js

@@ -125,14 +125,10 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
     _useState12 = _slicedToArray(_useState11, 2),
     conditionVisible = _useState12[0],
     setConditionVisible = _useState12[1];
-  var _useState13 = useState(0),
+  var _useState13 = useState(props.tableProps || {}),
     _useState14 = _slicedToArray(_useState13, 2),
-    refreshKey = _useState14[0],
-    setRefreshKey = _useState14[1];
-  var _useState15 = useState(props.tableProps || {}),
-    _useState16 = _slicedToArray(_useState15, 2),
-    tablePropsState = _useState16[0],
-    setTablePropsState = _useState16[1];
+    tablePropsState = _useState14[0],
+    setTablePropsState = _useState14[1];
   var originalColumnsRef = useRef(((_props$tableProps = props.tableProps) === null || _props$tableProps === void 0 ? void 0 : _props$tableProps.columns) || []);
   var _DForm$useForm = DForm.useForm(),
     _DForm$useForm2 = _slicedToArray(_DForm$useForm, 1),
@@ -141,7 +137,7 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
     return classNames(_defineProperty({
       fullscreen: fullScreen
     }, "".concat(prefixCls, "-crud"), !!prefixCls), classname, className);
-  }, [fullScreen]);
+  }, [fullScreen, prefixCls, classname, className]);
   var visible = useMemo(function () {
     return conditionVisible ? 'visible' : 'hidden';
   }, [conditionVisible]);
@@ -307,12 +303,11 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
       var _tableRef$current2, _tableRef$current2$re;
       (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 || (_tableRef$current2$re = _tableRef$current2.refreshToPage) === null || _tableRef$current2$re === void 0 || _tableRef$current2$re.call(_tableRef$current2, refreshOptions.targetPage);
     } else if (!finalStrategy.keepPage) {
-      setRefreshKey(function (prev) {
-        return prev + 1;
-      });
-    } else {
       var _tableRef$current3;
-      (_tableRef$current3 = tableRef.current) === null || _tableRef$current3 === void 0 || _tableRef$current3.refresh();
+      (_tableRef$current3 = tableRef.current) === null || _tableRef$current3 === void 0 || _tableRef$current3.refreshToPage(1);
+    } else {
+      var _tableRef$current4;
+      (_tableRef$current4 = tableRef.current) === null || _tableRef$current4 === void 0 || _tableRef$current4.refresh();
     }
     onRefresh === null || onRefresh === void 0 || onRefresh();
   }, [memoizedRefreshStrategy, onRefresh, form]);
@@ -590,6 +585,14 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
       }, modalFormProps === null || modalFormProps === void 0 ? void 0 : modalFormProps.formProps)
     };
   }, [modalConfig, detailData, handleCancel, handleModalOk, modalFormProps, classname]);
+  var onActions = useMemo(function () {
+    return {
+      setFullScreen: setFullScreen,
+      handleRefresh: handleRefresh,
+      onColumnSettingChanged: onColumnSettingChanged,
+      setConditionVisible: setConditionVisible
+    };
+  }, [setFullScreen, handleRefresh, onColumnSettingChanged, setConditionVisible]);
   useImperativeHandle(ref, function () {
     return {
       refresh: function refresh(strategy, refreshOptions) {
@@ -662,18 +665,13 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
         fullScreen: fullScreen,
         conditionVisible: conditionVisible,
         columns: originalColumnsRef.current,
-        onActions: {
-          setFullScreen: setFullScreen,
-          handleRefresh: handleRefresh,
-          onColumnSettingChanged: onColumnSettingChanged,
-          setConditionVisible: setConditionVisible
-        }
+        onActions: onActions
       })]
     }), /*#__PURE__*/_jsx(DTable, _objectSpread(_objectSpread({
       ref: tableRef
     }, tablePropsWithSearch), {}, {
       className: "".concat(classname, "-table")
-    }), refreshKey), mergedModalFormProps && /*#__PURE__*/_jsx(ModalForm, _objectSpread({}, mergedModalFormProps))]
+    })), mergedModalFormProps && /*#__PURE__*/_jsx(ModalForm, _objectSpread({}, mergedModalFormProps))]
   });
 });
 export default forwardCRUD;

package/dist/esm/CRUD/toolbar.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { memo, useState, useRef, useEffect, useMemo } from 'react';
+import { memo, useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import classNames from 'classnames';
 import { Popover, Checkbox, Button } from 'antd';
 import { ReloadOutlined, FullscreenOutlined, FullscreenExitOutlined, BarsOutlined, HolderOutlined, SearchOutlined } from '@ant-design/icons';
@@ -67,18 +67,18 @@ function Toolbar(_ref) {
       setRotating(false);
     }, 500);
   };
-  var handleConfirm = function handleConfirm() {
+  var handleConfirm = useCallback(function () {
     var _onActions$onColumnSe;
     setColumnSettingVisible(false);
     onActions === null || onActions === void 0 || (_onActions$onColumnSe = onActions.onColumnSettingChanged) === null || _onActions$onColumnSe === void 0 || _onActions$onColumnSe.call(onActions, columnSetting.checkedList, columnSetting.sortedColumns);
-  };
-  var handleReset = function handleReset() {
+  }, [columnSetting.checkedList, columnSetting.sortedColumns]);
+  var handleReset = useCallback(function () {
     setColumnSetting({
       sortedColumns: columns,
       checkedList: checkedValues
     });
-  };
-  var onCheckAllChange = function onCheckAllChange(e) {
+  }, [columns, checkedValues]);
+  var onCheckAllChange = useCallback(function (e) {
     var checked = e.target.checked;
     if (checked) {
       // 全选所有列标题
@@ -100,7 +100,7 @@ function Toolbar(_ref) {
         });
       });
     }
-  };
+  }, [columns]);
   useEffect(function () {
     return function () {
       if (timer.current) clearTimeout(timer.current);

package/dist/esm/DForm/DItem/index.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { DItemProps } from './itemType';
 export type { DItemProps };
 declare function DItem(props: DItemProps): JSX.Element;
-export default DItem;
+declare const _default: React.MemoExoticComponent<typeof DItem>;
+export default _default;

package/dist/esm/DForm/DItem/index.js

@@ -1,6 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["formItemProps", "label", "name", "renderType", "render", "children"];
+import React from 'react';
 import itemsRender from "./itemsRender";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -33,4 +34,4 @@ function DItem(props) {
     return /*#__PURE__*/_jsx(_Fragment, {});
   }
 }
-export default DItem;
+export default /*#__PURE__*/React.memo(DItem);

package/dist/esm/DForm/DItem/itemType.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { InputProps, InputNumberProps, AutoCompleteProps, CascaderProps, SelectProps, TreeSelectProps, DatePickerProps, TimePickerProps, MentionProps, CheckboxProps, RadioProps, RateProps, SliderSingleProps, SwitchProps, TransferProps, UploadProps, ButtonProps, DividerProps, FormItemProps, RadioGroupProps, ColProps } from 'antd';
 import { PasswordProps, TextAreaProps } from 'antd/lib/input';
 import { RangePickerProps } from 'antd/lib/date-picker';
@@ -10,21 +10,12 @@ import { DTreeSelectProps } from '../../DTreeSelect';
 import { DUploadProps } from '../../DUpload';
 import { IPAddressProps } from '../../IPAddress';
 import { DRangePickerProps } from '../../DRangePicker/interface';
-export type RenderType = 'custom' | 'dInput' | 'ipAddress' | 'input' | 'textArea' | 'password' | 'inputNumber' | 'autoComplete' | 'dSelect' | 'select' | 'dCascader' | 'cascader' | 'dTreeSelect' | 'treeSelect' | 'datePicker' | 'dRangePicker' | 'timePicker' | 'rangePicker' | 'mentions' | 'checkbox' | 'checkboxGroup' | 'radio' | 'radioGroup' | 'rate' | 'slider' | 'switch' | 'transfer' | 'upload' | 'dUpload' | 'button' | 'divider';
+export type RenderType = 'custom' | 'other' | 'dInput' | 'ipAddress' | 'input' | 'textArea' | 'password' | 'inputNumber' | 'autoComplete' | 'dSelect' | 'select' | 'dCascader' | 'cascader' | 'dTreeSelect' | 'treeSelect' | 'datePicker' | 'dRangePicker' | 'timePicker' | 'rangePicker' | 'mentions' | 'checkbox' | 'checkboxGroup' | 'radio' | 'radioGroup' | 'rate' | 'slider' | 'switch' | 'transfer' | 'upload' | 'dUpload' | 'button' | 'divider';
 export type DItemBaseProps = Pick<FormItemProps, 'label' | 'name'> & {
     formItemProps?: FormItemProps & {
         grid?: Omit<ColProps, 'prefixCls'>;
     };
 };
-/** 自定义渲染的DItem */
-type CustomItemProps = DItemBaseProps & HTMLAttributes<HTMLElement> & {
-    /** 渲染类型 */
-    renderType?: 'custom' | 'other';
-    /** 自定义渲染函数 */
-    render?: (props: any, formItemProps: FormItemProps, allProps?: DItemProps) => ReactNode;
-    children?: ReactNode;
-    [key: string]: any;
-};
 export type DInputItemProps = {
     renderType?: 'dInput';
 } & DItemBaseProps & DInputProps;
@@ -115,5 +106,12 @@ export type ButtonItemProps = {
 export type DividerItemProps = {
     renderType?: 'divider';
 } & DItemBaseProps & DividerProps;
-export type DItemProps = CustomItemProps | DInputItemProps | DIpAddressProps | InputItemProps | TextAreaItemProps | PasswordItemProps | InputNumberItemProps | AutoCompleteItemProps | DSelectItemProps | SelectItemProps | DCascaderItemProps | CascaderItemProps | DTreeSelectItemProps | TreeSelectItemProps | DatePickerItemProps | TimePickerItemProps | RangePickerItemProps | DRangePickerItemProps | MentionItemProps | CheckboxItemProps | CheckboxGroupProps | DCheckboxGroupProps | RadioItemProps | RadioGroupProps | DRadioGorupProps | RateItemProps | SliderItemProps | SwitchItemProps | TransferItemProps | UploadItemProps | DUploadItemProps | ButtonItemProps | DividerItemProps;
-export {};
+export type DItemProps = {
+    renderType?: RenderType;
+    formItemProps?: FormItemProps & {
+        grid?: Omit<ColProps, 'prefixCls'>;
+    };
+    children?: ReactNode;
+    render?: any;
+    [key: string]: any;
+};

package/dist/esm/DForm/index.js

@@ -10,7 +10,7 @@ var _excluded = ["className", "defaultItemProps", "items", "children", "layout",
  * @Description  : 基于antd的Form组件
  */
 
-import React, { forwardRef, useContext, useState, useEffect, useImperativeHandle } from 'react';
+import React, { forwardRef, useContext, useState, useMemo, useEffect, useImperativeHandle } from 'react';
 import { Form, Row, Col } from 'antd';
 import { ConfigContext } from "../ConfigProvider";
 import helper from "./helper";
@@ -69,13 +69,16 @@ function InternalForm(props, ref) {
     getPrefixCls = _useContext.getPrefixCls;
   var _className = "".concat(getPrefixCls('form'), " ").concat(className, " ").concat(['inlineVertical', 'grid'].includes(layout) ? 'inlineVertical' : '');
   var _layout = ['inlineVertical', 'grid'].includes(layout) ? 'inline' : layout;
-  var _useState = useState(getChildren(items, children, defaultItemProps, layout)),
+  var propsDerivedChildren = useMemo(function () {
+    return getChildren(items, children, defaultItemProps, layout);
+  }, [items, children, defaultItemProps, layout]);
+  var _useState = useState(propsDerivedChildren),
     _useState2 = _slicedToArray(_useState, 2),
     itemChildren = _useState2[0],
     setItemChildren = _useState2[1];
   useEffect(function () {
-    setItemChildren(getChildren(items, children, defaultItemProps, layout));
-  }, [items, children, defaultItemProps, layout]);
+    setItemChildren(propsDerivedChildren);
+  }, [propsDerivedChildren]);
   useImperativeHandle(ref, function () {
     return {
       setItems: function setItems(value) {
@@ -93,7 +96,7 @@ function InternalForm(props, ref) {
         }
       }
     };
-  }, [items, children, defaultItemProps]);
+  }, [items, children, defaultItemProps, layout]);
   return /*#__PURE__*/_jsx(Form, _objectSpread(_objectSpread({}, otherProps), {}, {
     className: _className,
     layout: _layout,

package/dist/esm/DInput/index.js

@@ -9,7 +9,7 @@ var _excluded = ["className", "onChange", "onCompositionStart", "onCompositionEn
  * @LastEditTime : 2023-08-16 16:48:52
  * @Description  : 基于antd的Input组件
  */
-import React, { useRef, forwardRef, useState, useEffect, useContext } from 'react';
+import React, { useRef, forwardRef, useState, useEffect, useContext, useCallback } from 'react';
 import { Input } from 'antd';
 import { ConfigContext } from "../ConfigProvider";
 
@@ -53,7 +53,7 @@ function InternalInput(props, ref) {
 
   // debounce: 默认800ms，false或0表示不开启
   var _debounce = getDebounceTime(debounce);
-  var emitChange = function emitChange(_value, e) {
+  var emitChange = useCallback(function (_value, e) {
     if (_debounce > 0) {
       clearTimeout(debounceRef.current);
       debounceRef.current = setTimeout(function () {
@@ -62,7 +62,7 @@ function InternalInput(props, ref) {
     } else {
       onChange === null || onChange === void 0 || onChange(_value, e);
     }
-  };
+  }, [_debounce, onChange]);
 
   // 监听用户onChange事件（如果正在进行合成输入，则不响应用户事件）
   var _onChange = function _onChange(e) {
@@ -88,6 +88,14 @@ function InternalInput(props, ref) {
   useEffect(function () {
     return setValue(initValue);
   }, [initValue]);
+  useEffect(function () {
+    return function () {
+      if (debounceRef.current) {
+        clearTimeout(debounceRef.current);
+        debounceRef.current = null;
+      }
+    };
+  }, []);
   return /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({}, otherProps), {}, {
     className: _className,
     ref: ref,

package/dist/esm/DModal/index.js

@@ -14,16 +14,16 @@ function DModal(props) {
     otherProps = _objectWithoutProperties(props, _excluded);
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
-  var containerRef = useRef();
+  var containerRef = useRef(null);
   var style = useMemo(function () {
     var _otherProps$style;
     return _objectSpread({
-      getContainer: containerRef.current,
+      getContainer: containerRef.current || document.body,
       width: ((_otherProps$style = otherProps.style) === null || _otherProps$style === void 0 ? void 0 : _otherProps$style.width) || '80%',
       centered: true,
       maskClosable: false
     }, otherProps);
-  }, [otherProps]);
+  }, [otherProps.open, otherProps.title, otherProps.wrapClassName, otherProps.style, otherProps.centered, otherProps.width, otherProps.zIndex]);
   useEffect(function () {
     if (otherProps.open) {
       document.body.style.overflow = 'hidden';
@@ -35,17 +35,24 @@ function DModal(props) {
     };
   }, [otherProps.open]);
   useEffect(function () {
-    if (containerRef.current) {
-      if (mode === 'absolute') {
-        containerRef.current.parentElement.style.position = '';
+    var _containerRef$current;
+    var parentElement = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.parentElement;
+    if (parentElement) {
+      if (mode === 'absolute' || mode === 'fixed' || mode === 'panel') {
+        parentElement.style.position = '';
       } else {
-        containerRef.current.parentElement.style.position = 'relative';
+        parentElement.style.position = 'relative';
       }
     }
-  }, [mode, containerRef.current]);
+  }, [mode]);
+  var getContainerClass = function getContainerClass() {
+    if (mode === 'fixed') return 'fixed-modal-container';
+    if (mode === 'absolute' || mode === 'panel') return 'absolute-modal-container';
+    return 'relative-modal-container';
+  };
   return /*#__PURE__*/_jsx("div", {
     ref: containerRef,
-    className: "".concat(getPrefixCls('modal-container'), " ").concat(getPrefixCls(mode === 'absolute' || mode === 'panel' ? 'absolute-modal-container' : 'relative-modal-container')),
+    className: "".concat(getPrefixCls('modal-container'), " ").concat(getPrefixCls(getContainerClass())),
     children: /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({}, style), {}, {
       children: children
     }))

package/dist/esm/DModal/interface.d.ts

@@ -3,6 +3,6 @@ import type { ModalProps } from 'antd';
 type IModalProps = Omit<ModalProps, 'className'>;
 export interface DModalProps extends IModalProps {
     children?: ReactNode | undefined;
-    mode?: 'absolute' | 'relative' | 'panel';
+    mode?: 'absolute' | 'relative' | 'panel' | 'fixed';
 }
 export {};

package/dist/esm/DModal/styles/index.less

@@ -1,27 +1,33 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-modal-container {
-  .ant-modal-wrap {
-    .ant-modal {
-      max-width: unset;
-      height: 100%;
-
-      .ant-modal-content {
-        width: 100%;
-        height: 100%;
-      }
-    }
-  }
-}
-
-.@{prefix}-absolute-modal-container {
-  .ant-modal-wrap {
-    position: fixed;
-  }
-}
-
-.@{prefix}-relative-modal-container {
-  .ant-modal-wrap {
-    position: absolute;
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-modal-container {
+  .ant-modal-wrap {
+    .ant-modal {
+      max-width: unset;
+      height: 100%;
+
+      .ant-modal-content {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+}
+
+.@{prefix}-absolute-modal-container {
+  .ant-modal-wrap {
+    position: fixed;
+  }
+}
+
+.@{prefix}-fixed-modal-container {
+  .ant-modal-wrap {
+    position: fixed;
+  }
+}
+
+.@{prefix}-relative-modal-container {
+  .ant-modal-wrap {
+    position: absolute;
+  }
+}

package/dist/esm/DTable/index.js

@@ -9,7 +9,7 @@ var _excluded = ["loadMore", "defaultColumnProps", "actionColumn", "showErrorMsg
  * @LastEditTime : 2023-08-16 16:45:15
  * @Description  : 基于antd的Table组件
  */
-import React, { forwardRef, useEffect, useRef, useState, useContext, useMemo, useImperativeHandle } from 'react';
+import React, { forwardRef, useEffect, useRef, useState, useContext, useMemo, useImperativeHandle, useCallback } from 'react';
 import { message, Table } from 'antd';
 import { ConfigContext } from "../ConfigProvider";
 import "./index.less";
@@ -131,19 +131,19 @@ function InternalTable(props, ref) {
   // pcf-table 样式中已经包含对_scroll的支持
   var _className = "".concat(getPrefixCls('table'), " ").concat(className || '', " ").concat(_pagination ? 'height-on-page' : '');
 
-  // loading 默认延迟 600ms
+  // loading 默认延迟 300ms
   var _loading = useMemo(function () {
     return typeof loading === 'boolean' ? {
       spinning: loading,
-      delay: 500
+      delay: 300
     } : _objectSpread({
-      delay: 500,
+      delay: 300,
       spinning: false
     }, loading);
   }, [loading]);
 
   // 加载数据
-  var loadData = function loadData(params) {
+  var loadData = useCallback(function (params) {
     if (typeof loadMore === 'function') {
       setTableSource(_objectSpread(_objectSpread({}, tableSource), {}, {
         loading: true
@@ -165,9 +165,11 @@ function InternalTable(props, ref) {
           });
         }
       }).catch(function (err) {
-        setTableSource(_objectSpread(_objectSpread({}, tableSource), {}, {
-          loading: false
-        }));
+        setTableSource(function (prev) {
+          return _objectSpread(_objectSpread({}, prev), {}, {
+            loading: false
+          });
+        });
         if (showErrorMsg) {
           var _err$response;
           var errMsg = (err === null || err === void 0 || (_err$response = err.response) === null || _err$response === void 0 || (_err$response = _err$response.data) === null || _err$response === void 0 ? void 0 : _err$response.msg) || (err === null || err === void 0 ? void 0 : err.msg) || (err === null || err === void 0 ? void 0 : err.message);
@@ -185,16 +187,16 @@ function InternalTable(props, ref) {
         records: dataSource
       });
     }
-  };
+  }, [loadMore, dataSource, _pagination]);
 
   // 手动刷新方法
-  var refresh = function refresh(params) {
+  var refresh = useCallback(function (params) {
     var refreshParams = _objectSpread(_objectSpread({}, tableParams), params);
     loadData(refreshParams);
-  };
+  }, [tableParams, loadData]);
 
   // 监听分页大小变化,如果外部也监听了onChange，则不会触发loadMore，但如果外部onChange返回值为undefined则正常触loadMore
-  var onChange = function onChange(page, pageSize) {
+  var onChange = useCallback(function (page, pageSize) {
     if (_pagination && typeof (_pagination === null || _pagination === void 0 ? void 0 : _pagination.onChange) === 'function') {
       var data = _pagination.onChange(page, pageSize);
       if (data === undefined) loadData(_objectSpread(_objectSpread({}, tableParams), {}, {
@@ -207,7 +209,7 @@ function InternalTable(props, ref) {
         size: pageSize
       }));
     }
-  };
+  }, [tableParams, loadData, _pagination]);
   var _tablePagination = _pagination ? _objectSpread(_objectSpread({}, _pagination), {}, {
     total: tableSource.total,
     current: tableParams.current,

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

@@ -57,6 +57,10 @@ interface ISLProps<T, P> {
      * @description 列表底部提示
      */
     endMessage?: React.ReactNode;
+    /**
+     * @description 列表项点击事件
+     */
+    onItemClick?: (item: P, index: number) => void;
 }
 export type InfiniteScrollListProps<T, P> = ISLProps<T, P>;
 declare const _default: React.MemoExoticComponent<(<T, P>(props: ISLProps<T, P>) => import("react/jsx-runtime").JSX.Element)>;

package/dist/esm/InfiniteScrollList/index.js

@@ -32,7 +32,8 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
     _props$showBackTop = props.showBackTop,
     showBackTop = _props$showBackTop === void 0 ? true : _props$showBackTop,
     endMessage = props.endMessage,
-    _renderItem = props.renderItem;
+    _renderItem = props.renderItem,
+    onItemClick = props.onItemClick;
   var _useContext = useContext(ConfigContext),
     prefixCls = _useContext.prefixCls,
     getPrefixCls = _useContext.getPrefixCls;
@@ -51,6 +52,7 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
     _useState2 = _slicedToArray(_useState, 2),
     listData = _useState2[0],
     setListData = _useState2[1];
+  var listDataRef = useRef(listData);
   var handleLoadMore = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var _yield$loadMore, data, total, records;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -104,12 +106,30 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
       }
     }, _callee, null, [[3, 13, 17, 20]]);
   })), [loadMore]);
+  var handleItemClick = useCallback(function (e) {
+    var _itemElement$dataset, _listDataRef$current;
+    e.stopPropagation();
+    e.preventDefault();
+    var targetElement = e.target;
+    var itemElement = targetElement.closest('[data-key]');
+    var key = itemElement === null || itemElement === void 0 || (_itemElement$dataset = itemElement.dataset) === null || _itemElement$dataset === void 0 ? void 0 : _itemElement$dataset.key;
+    if (key && ((_listDataRef$current = listDataRef.current) === null || _listDataRef$current === void 0 || (_listDataRef$current = _listDataRef$current.data) === null || _listDataRef$current === void 0 ? void 0 : _listDataRef$current.length) > 0) {
+      var _listDataRef$current$;
+      var _index = listDataRef.current.data.findIndex(function (item, index) {
+        return item[itemKey] === key || index === Number(key);
+      });
+      if (_index >= 0 && _index < ((_listDataRef$current$ = listDataRef.current.data) === null || _listDataRef$current$ === void 0 ? void 0 : _listDataRef$current$.length)) {
+        onItemClick === null || onItemClick === void 0 || onItemClick(listDataRef.current.data[_index], _index);
+      }
+    }
+  }, [itemKey, onItemClick]);
   useEffect(function () {
     if (listData.total > 0 && listData.data.length < listData.total) {
       pageParamsRef.current = _objectSpread(_objectSpread({}, pageParamsRef.current), {}, {
         current: pageParamsRef.current.current + 1
       });
     }
+    listDataRef.current = listData;
   }, [listData]);
   useEffect(function () {
     var currentInitialParams = initialParams && _typeof(initialParams) === 'object' ? initialParams : {};
@@ -133,6 +153,7 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
     style: {
       height: containerHeight
     },
+    onClick: handleItemClick,
     children: [/*#__PURE__*/_jsx(InfiniteScroll, {
       className: "".concat(wrapperClass, " ").concat(className),
       style: {
@@ -161,8 +182,9 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
         dataSource: listData.data,
         renderItem: function renderItem(item, index) {
           return /*#__PURE__*/_jsx(List.Item, {
+            "data-key": item[itemKey] || index,
             children: _renderItem(item, index)
-          }, item[itemKey]);
+          }, item[itemKey] || index);
         }
       })
     }), showBackTop && /*#__PURE__*/_jsx(BackTop, {