@pointcloud/pcloud-components 1.0.1 → 1.0.2

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),
@@ -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]);
@@ -673,7 +668,7 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
       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/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, {