@ant-design/pro-components 3.1.3-1 → 3.1.4-0

package/lib/form/helpers/grid.js

@@ -103,10 +103,6 @@ const useGridHelpers = props => {
     rowProps: config?.rowProps,
     colProps: config?.colProps || colProps,
     Wrapper: config?.Wrapper
-  }),
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [config?.Wrapper, config.grid, grid,
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  JSON.stringify([colProps, config?.colProps, config?.rowProps])]);
+  }), [config?.Wrapper, config.grid, grid, JSON.stringify([colProps, config?.colProps, config?.rowProps])]);
 };
 exports.useGridHelpers = useGridHelpers;

package/lib/form/layouts/DrawerForm/index.js

@@ -30,9 +30,7 @@ function DrawerForm({
   open: propsOpen,
   ...rest
 }) {
-  noteOnce(
-  // eslint-disable-next-line @typescript-eslint/dot-notation
-  !rest['footer'] || !drawerProps?.footer, 'DrawerForm 是一个 ProForm 的特殊布局，如果想自定义按钮，请使用 submit.render 自定义。');
+  noteOnce(!rest.footer || !drawerProps?.footer, 'DrawerForm 是一个 ProForm 的特殊布局，如果想自定义按钮，请使用 submit.render 自定义。');
   const resizeInfo = _react.default.useMemo(() => {
     const defaultResize = {
       onResize: () => {},
@@ -108,8 +106,6 @@ function DrawerForm({
     if (resizableDrawer) {
       setDrawerWidth(resizeInfo?.minWidth);
     }
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [propsOpen, open, resizableDrawer]);
   (0, _react.useImperativeHandle)(rest.formRef, () => {
     return formRef.current;

package/lib/form/layouts/LightFilter/index.js

@@ -71,7 +71,6 @@ const LightFilterContainer = props => {
       collapseItems: collapseItemsArr,
       outsideItems: outsideItemsArr
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.items]);
   const renderCollapseLabelRender = () => {
     if (collapseLabel) {

package/lib/form/layouts/ModalForm/index.js

@@ -28,9 +28,7 @@ function ModalForm({
   open: propsOpen,
   ...rest
 }) {
-  noteOnce(
-  // eslint-disable-next-line @typescript-eslint/dot-notation
-  !rest['footer'] || !modalProps?.footer, 'ModalForm 是一个 ProForm 的特殊布局，如果想自定义按钮，请使用 submit.render 自定义。');
+  noteOnce(!rest.footer || !modalProps?.footer, 'ModalForm 是一个 ProForm 的特殊布局，如果想自定义按钮，请使用 submit.render 自定义。');
   const context = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
   const [, forceUpdate] = (0, _react.useState)([]);
   const [loading, setLoading] = (0, _react.useState)(false);
@@ -79,7 +77,6 @@ function ModalForm({
     if (propsOpen) {
       onOpenChange?.(true);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [propsOpen]);
   const triggerDom = (0, _react.useMemo)(() => {
     if (!trigger) {

package/lib/form/layouts/ProForm/index.d.ts

@@ -9,7 +9,7 @@ declare namespace ProForm {
     var Group: React.FC<import("src/form").GroupProps>;
     var useForm: typeof import("antd/es/form/Form").useForm;
     var Item: React.FC<import("src/form/components/FormItem").ProFormItemProps>;
-    var useWatch: typeof import("@rc-component/form").useWatch;
+    var useWatch: typeof import("antd/es/form/Form").useWatch;
     var ErrorList: React.FC<import("antd/es/form").ErrorListProps>;
     var Provider: React.FC<import("antd/es/form/context").FormProviderProps>;
     var useFormInstance: typeof import("antd/es/form/hooks/useFormInstance").default;

package/lib/form/layouts/QueryFilter/index.js

@@ -17,8 +17,6 @@ var _BaseForm = require("../../BaseForm");
 var _Actions = _interopRequireDefault(require("./Actions"));
 var _style = require("./style");
 var _jsxRuntime = require("react/jsx-runtime");
-/* eslint-disable no-param-reassign */
-
 const CONFIG_SPAN_BREAKPOINTS = {
   xs: 513,
   sm: 513,

package/lib/form/layouts/StepsForm/StepForm.js

@@ -41,7 +41,6 @@ function StepForm(stepNativeProps) {
     return () => {
       context?.unRegForm(name);
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   if (context && context?.formArrayRef) {
     context.formArrayRef.current[step || 0] = formRef;

package/lib/form/layouts/StepsForm/index.js

@@ -148,8 +148,8 @@ function StepsForm(props) {
     });
   }, [onCurrentChangeCallback]);
   const layoutRender = (0, _react.useMemo)(() => {
-    return StepsLayoutStrategy[stepsProps?.direction || 'horizontal'];
-  }, [stepsProps?.direction]);
+    return StepsLayoutStrategy[stepsProps?.orientation || 'horizontal'];
+  }, [stepsProps?.orientation]);
   const lastStep = (0, _react.useMemo)(() => step === formArray.length - 1, [formArray.length, step]);
 
   /**
@@ -215,22 +215,13 @@ function StepsForm(props) {
         return stepItemProps;
       })
     };
-
-    // Convert deprecated direction to orientation
-    const processedStepsProps = stepsProps ? {
-      ...stepsProps
-    } : {};
-    if ('direction' in processedStepsProps) {
-      processedStepsProps.orientation = processedStepsProps.direction;
-      delete processedStepsProps.direction;
-    }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: `${prefixCls}-steps-container ${hashId}`.trim(),
       style: {
         maxWidth: Math.min(formArray.length * 320, 1160)
       },
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Steps, {
-        ...processedStepsProps,
+        ...stepsProps,
         ...itemsProps,
         current: step,
         onChange: undefined

package/lib/layout/ProLayout.js

@@ -234,7 +234,6 @@ const BaseProLayout = props => {
   });
   (0, _react.useEffect)(() => {
     setMenuLoading(isLoading);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isLoading]);
   const {
     cache
@@ -243,7 +242,6 @@ const BaseProLayout = props => {
     return () => {
       if (cache instanceof Map) cache.delete(defaultId);
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const menuInfoData = (0, _react.useMemo)(() => (0, _getMenuData.getMenuData)(data || route?.children || route?.routes || [], menu, formatMessage, menuDataRender), [formatMessage, menu, menuDataRender, data, route?.children]);
   const {
@@ -406,7 +404,6 @@ const BaseProLayout = props => {
   /** 页面切换的时候触发 */
   (0, _react.useEffect)(() => {
     props.onPageChange?.(props.location);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [location.pathname, location.pathname?.search]);
   const [hasFooterToolbar, setHasFooterToolbar] = (0, _react.useState)(false);
   /**
@@ -467,9 +464,7 @@ const BaseProLayout = props => {
           flexDirection: siderMenuDom ? 'row' : undefined,
           ...style
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider
-        // @ts-ignore
-        , {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider, {
           theme: {
             hashed: (0, _provider.isNeedOpenHash)(),
             token: {

package/lib/layout/components/AppsLogoComponents/style/index.js

@@ -10,6 +10,10 @@ var _simple = require("./simple");
 const genAppsLogoComponentsStyle = token => {
   return {
     [token.componentCls]: {
+      boxSizing: 'border-box',
+      '*, *::before, *::after': {
+        boxSizing: 'border-box'
+      },
       '&-icon': {
         display: 'inline-flex',
         alignItems: 'center',

package/lib/layout/components/FooterToolbar/index.js

@@ -15,8 +15,6 @@ var _index = require("../../index");
 var _style = require("./style");
 var _stylish = require("./style/stylish");
 var _jsxRuntime = require("react/jsx-runtime");
-/* eslint-disable react-hooks/exhaustive-deps */
-
 const FooterToolbar = props => {
   const {
     children,
@@ -52,7 +50,6 @@ const FooterToolbar = props => {
       return '100%';
     }
     return isMobile ? '100%' : `calc(100% - ${siderWidth}px)`;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value.collapsed, value.hasSiderMenu, value.isMobile, value.siderWidth]);
   const containerDom = (0, _react.useMemo)(() => {
     if (typeof window === 'undefined' || typeof document === 'undefined') return null;
@@ -81,7 +78,6 @@ const FooterToolbar = props => {
     return () => {
       value?.setHasFooterToolbar?.(false);
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const renderDom = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _clsx.clsx)(className, hashId, baseClassName, {

package/lib/layout/components/GlobalHeader/ActionsContent.js

@@ -121,7 +121,6 @@ const ActionsContent = ({
           children: contentRender ? contentRender({
             ...props,
             // 测试专用
-            //@ts-ignore
             rightContentSize: rightSize
           }) : null
         })

package/lib/layout/components/Header/index.js

@@ -102,9 +102,7 @@ const DefaultHeader = props => {
   });
   if (layout === 'side' && !isMobile) return null;
   return stylish.wrapSSR(wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.ConfigProvider
-    // @ts-ignore
-    , {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.ConfigProvider, {
       theme: {
         hashed: (0, _provider.isNeedOpenHash)(),
         components: {

package/lib/layout/components/PageContainer/index.js

@@ -196,7 +196,6 @@ const PageContainerBase = props => {
     return () => {
       value?.setHasPageContainer?.(num => num - 1);
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const {
     token

package/lib/layout/components/PageContainer/style/index.js

@@ -9,6 +9,10 @@ const [sm, md, lg, xl] = [576, 768, 992, 1200].map(bp => `@media (max-width: ${b
 const genPageContainerStyle = token => {
   return {
     [token.componentCls]: {
+      boxSizing: 'border-box',
+      '*, *::before, *::after': {
+        boxSizing: 'border-box'
+      },
       position: 'relative',
       '&-children-container': {
         paddingBlockStart: 0,

package/lib/layout/components/SettingDrawer/BlockCheckbox.js

@@ -36,7 +36,6 @@ const BlockCheckbox = ({
       })
     }, item.key));
     return domList;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value, list?.length, onChange]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _clsx.clsx)(baseClassName, hashId),

package/lib/layout/components/SettingDrawer/index.js

@@ -219,7 +219,6 @@ const SettingDrawer = props => {
       passive: true
     });
     return () => window.document.removeEventListener('languagechange', onLanguageChange);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   /**

package/lib/layout/components/SettingDrawer/style/index.js

@@ -8,6 +8,10 @@ var _provider = require("../../../../provider");
 const genSettingDrawerStyle = token => {
   return {
     [`${token.componentCls}-handle`]: {
+      boxSizing: 'border-box',
+      '*, *::before, *::after': {
+        boxSizing: 'border-box'
+      },
       position: 'fixed',
       insetBlockStart: '240px',
       insetInlineEnd: '0px',

package/lib/layout/components/SiderMenu/BaseMenu.js

@@ -163,7 +163,6 @@ class MenuUtil {
       disabled: item.disabled,
       key: item.key || item.path,
       onClick: item.onTitleClick,
-      // eslint-disable-next-line react/no-is-mounted
       label: this.getMenuItemPath(item, level, noGroupLevel)
     };
   };
@@ -381,7 +380,6 @@ const BaseMenu = props => {
       setOpenKeys(matchMenuKeys);
       setSelectedKeys(matchMenuKeys);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [matchMenuKeys.join('-')]);
   (0, _react.useEffect)(() => {
     // reset IconFont
@@ -413,9 +411,7 @@ const BaseMenu = props => {
   },
   // 依赖项加上 props.collapsed，保证折叠时能正确响应
   [matchMenuKeys.join('-'), props.collapsed]);
-  const openKeysProps = (0, _react.useMemo)(() => getOpenKeysProps(openKeys, props),
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [openKeys && openKeys.join(','), props.layout, props.collapsed]);
+  const openKeysProps = (0, _react.useMemo)(() => getOpenKeysProps(openKeys, props), [openKeys && openKeys.join(','), props.layout, props.collapsed]);
   const {
     wrapSSR,
     hashId
@@ -458,7 +454,7 @@ const BaseMenu = props => {
   }
   return wrapSSR( /*#__PURE__*/(0, _react.createElement)(_antd.Menu, {
     ...openKeysProps,
-    _internalDisableMenuItemTitleTooltip: true,
+    tooltip: false,
     key: "Menu",
     mode: mode,
     inlineIndent: 16,

package/lib/layout/components/SiderMenu/SiderMenu.js

@@ -175,9 +175,7 @@ const SiderMenu = props => {
         }, index);
       })
     });
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [actionsRender, baseClassName, collapsed]);
+  }, [actionsRender, baseClassName, collapsed]);
   const appsDom = (0, _react.useMemo)(() => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppsLogoComponents.AppsLogoComponents, {
       onItemClick: props.itemClick,

package/lib/layout/components/SiderMenu/index.js

@@ -32,7 +32,6 @@ const SiderMenuWrapper = props => {
     if (isMobile === true) {
       onCollapse?.(true);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isMobile]);
   const omitProps = (0, _util.omit)(props, ['className', 'style']);
   const {

package/lib/layout/components/TopNavHeader/index.js

@@ -51,8 +51,7 @@ const TopNavHeader = props => {
     token
   } = (0, _react.useContext)(_provider.ProProvider);
   const contentDom = (0, _react.useMemo)(() => {
-    const defaultDom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider // @ts-ignore
-    , {
+    const defaultDom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider, {
       theme: {
         hashed: (0, _provider.isNeedOpenHash)(),
         components: {

package/lib/layout/style/index.js

@@ -11,6 +11,10 @@ const genProLayoutStyle = token => {
       backgroundColor: 'transparent !important'
     },
     [token.componentCls]: {
+      boxSizing: 'border-box',
+      '*, *::before, *::after': {
+        boxSizing: 'border-box'
+      },
       [`& ${token.antCls}-layout`]: {
         display: 'flex',
         backgroundColor: 'transparent',

package/lib/layout/utils/getMenuData.js

@@ -7,7 +7,6 @@ exports.getMenuData = void 0;
 var _routeUtils = require("@umijs/route-utils");
 function fromEntries(iterable) {
   return [...iterable].reduce((obj, [key, val]) => {
-    // eslint-disable-next-line no-param-reassign
     obj[key] = val;
     return obj;
   }, {});

package/lib/list/Item.d.ts

@@ -1,8 +1,8 @@
-import type { ListGridType } from 'antd/lib/list';
 import type { ExpandableConfig } from 'antd/lib/table/interface';
 import React from 'react';
 import type { CheckCardProps } from '../card';
 import type { GetComponentProps } from './index';
+import type { ListGridType } from './ProListBase';
 export type RenderExpandIconProps<RecordType> = {
     prefixCls: string;
     expanded: boolean;
@@ -39,11 +39,8 @@ export type ItemProps<RecordType> = {
     grid?: ListGridType;
     expand?: boolean;
     rowSupportExpand?: boolean;
-    cardActionProps?: 'actions' | 'extra';
     onExpand?: (expand: boolean) => void;
     expandable?: ExpandableConfig<any>;
-    showActions?: 'hover' | 'always';
-    showExtra?: 'hover' | 'always';
     type?: 'new' | 'top' | 'inline' | 'subheader';
     isEditable: boolean;
     recordKey: string | number | undefined;

package/lib/list/Item.js

@@ -13,6 +13,7 @@ var _clsx = require("clsx");
 var _react = _interopRequireWildcard(require("react"));
 var _card = require("../card");
 var _provider = require("../provider");
+var _ProListBase = require("./ProListBase");
 var _jsxRuntime = require("react/jsx-runtime");
 function renderExpandIcon({
   prefixCls,
@@ -45,26 +46,26 @@ function renderExpandIcon({
   });
 }
 function ProListItem(props) {
-  const {
-    prefixCls: customizePrefixCls
-  } = props;
   const {
     getPrefixCls
   } = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
   const {
     hashId
   } = (0, _react.useContext)(_provider.ProProvider);
-  const prefixCls = getPrefixCls('pro-list', customizePrefixCls);
+  const prefixCls = getPrefixCls('pro-list', props.prefixCls);
   const defaultClassName = `${prefixCls}-row`;
   const {
     title,
     subTitle,
     content,
     itemTitleRender,
-    prefixCls: restPrefixCls,
+    prefixCls: _prefixCls,
+    // eslint-disable-line @typescript-eslint/no-unused-vars
     actions,
-    item,
-    recordKey,
+    item: _item,
+    // eslint-disable-line @typescript-eslint/no-unused-vars
+    recordKey: _recordKey,
+    // eslint-disable-line @typescript-eslint/no-unused-vars
     avatar,
     cardProps,
     description,
@@ -77,8 +78,6 @@ function ProListItem(props) {
     onExpand: propsOnExpand,
     expandable: expandableConfig,
     rowSupportExpand,
-    showActions,
-    showExtra,
     type,
     style,
     className: propsClassName = defaultClassName,
@@ -86,7 +85,6 @@ function ProListItem(props) {
     onRow,
     onItem,
     itemHeaderRender,
-    cardActionProps,
     extra,
     ...rest
   } = props;
@@ -107,37 +105,14 @@ function ProListItem(props) {
   }, [propsOnExpand]);
   const className = (0, _clsx.clsx)({
     [`${defaultClassName}-selected`]: !cardProps && selected,
-    [`${defaultClassName}-show-action-hover`]: showActions === 'hover',
     [`${defaultClassName}-type-${type}`]: !!type,
-    [`${defaultClassName}-editable`]: isEditable,
-    [`${defaultClassName}-show-extra-hover`]: showExtra === 'hover'
+    [`${defaultClassName}-editable`]: isEditable
   }, hashId, defaultClassName);
-  const extraClassName = (0, _clsx.clsx)(hashId, {
-    [`${propsClassName}-extra`]: showExtra === 'hover'
-  });
   const needExpanded = expanded || Object.values(expandableConfig || {}).length === 0;
   const expandedRowDom = expandedRowRender && expandedRowRender(record, index, indentSize, expanded);
-  const extraDom = (0, _react.useMemo)(() => {
-    if (!actions || cardActionProps === 'actions') {
-      return undefined;
-    }
-    return [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      onClick: e => e.stopPropagation(),
-      children: actions
-    }, "action")];
-  }, [actions, cardActionProps]);
-  const actionsDom = (0, _react.useMemo)(() => {
-    if (!actions || !cardActionProps || cardActionProps === 'extra') {
-      return undefined;
-    }
-    return [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: `${defaultClassName}-actions ${hashId}`.trim(),
-      onClick: e => e.stopPropagation(),
-      children: actions
-    }, "action")];
-  }, [actions, cardActionProps, defaultClassName, hashId]);
+  const actionsArray = (0, _react.useMemo)(() => actions ? _react.default.Children.toArray(actions) : undefined, [actions]);
   const titleDom = title || subTitle ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: `${defaultClassName}-header-container ${hashId}`.trim(),
+    className: (0, _clsx.clsx)(`${defaultClassName}-header-container`, hashId),
     children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _clsx.clsx)(`${defaultClassName}-title`, hashId, {
         [`${defaultClassName}-title-editable`]: isEditable
@@ -151,41 +126,77 @@ function ProListItem(props) {
     })]
   }) : null;
   const metaTitle = (itemTitleRender && itemTitleRender?.(record, index, titleDom)) ?? titleDom;
-  const metaDom = metaTitle || avatar || subTitle || description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.List.Item.Meta, {
+  const metaDom = metaTitle || avatar || subTitle || description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProListBase.ProListItemMeta, {
     avatar: avatar,
     title: metaTitle,
     description: description && needExpanded && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: `${className}-description ${hashId}`.trim(),
+      className: (0, _clsx.clsx)(`${className}-description`, hashId),
       children: description
     })
   }) : null;
+  const itemProps = onItem?.(record, index);
+  const hasExpandableConfig = Object.keys(expandableConfig || {}).length > 0;
+  const expandedRowClassStr = typeof expandedRowClassName === 'function' ? expandedRowClassName(record, index, indentSize) : expandedRowClassName;
+  const headerDom = typeof itemHeaderRender === 'function' ? itemHeaderRender(record, index, metaDom) : metaDom;
+
+  // 卡片模式渲染
+  if (cardProps) {
+    const cardTitleDom = avatar || title ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [avatar, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _clsx.clsx)(`${prefixCls}-item-meta-title`, hashId),
+        children: title
+      })]
+    }) : null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _clsx.clsx)(hashId, `${className}-card-container`, {
+        [propsClassName]: propsClassName !== defaultClassName
+      }),
+      style: style,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_card.CheckCard, {
+        bordered: true,
+        style: {
+          width: '100%'
+        },
+        className: (0, _clsx.clsx)(`${defaultClassName}-card`, hashId),
+        ...cardProps,
+        title: cardTitleDom,
+        subTitle: subTitle,
+        extra: actionsArray,
+        bodyStyle: {
+          padding: 24,
+          ...cardProps.bodyStyle
+        },
+        ...itemProps,
+        onClick: e => {
+          cardProps?.onClick?.(e);
+          itemProps?.onClick?.(e);
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Skeleton, {
+          avatar: true,
+          title: false,
+          loading: loading,
+          active: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: (0, _clsx.clsx)(`${className}-header`, hashId),
+            children: [typeof itemTitleRender === 'function' && itemTitleRender(record, index, titleDom), content]
+          })
+        })
+      })
+    });
+  }
+
+  // 列表模式渲染
   const rowClassName = (0, _clsx.clsx)(hashId, {
     [`${defaultClassName}-item-has-checkbox`]: checkbox,
     [`${defaultClassName}-item-has-avatar`]: avatar,
     [className]: className
   });
-  const cardTitleDom = (0, _react.useMemo)(() => {
-    if (avatar || title) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [avatar, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: `${getPrefixCls('list-item-meta-title')} ${hashId}`.trim(),
-          children: title
-        })]
-      });
-    }
-    return null;
-  }, [avatar, getPrefixCls, hashId, title]);
-  const itemProps = onItem?.(record, index);
-  const defaultDom = !cardProps ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.List.Item, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProListBase.ProListItem, {
     className: (0, _clsx.clsx)(rowClassName, hashId, {
       [propsClassName]: propsClassName !== defaultClassName
     }),
     ...rest,
-    actions: extraDom,
-    extra: !!extra && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: extraClassName,
-      children: extra
-    }),
+    extra: extra,
     ...onRow?.(record, index),
     ...itemProps,
     onClick: e => {
@@ -201,13 +212,13 @@ function ProListItem(props) {
       loading: loading,
       active: true,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: `${className}-header ${hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${className}-header`, hashId),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: `${className}-header-option ${hashId}`.trim(),
+          className: (0, _clsx.clsx)(`${className}-header-option`, hashId),
           children: [!!checkbox && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${className}-checkbox ${hashId}`.trim(),
+            className: (0, _clsx.clsx)(`${className}-checkbox`, hashId),
             children: checkbox
-          }), Object.values(expandableConfig || {}).length > 0 && rowSupportExpand && renderExpandIcon({
+          }), hasExpandableConfig && rowSupportExpand && renderExpandIcon({
             prefixCls,
             hashId,
             expandIcon,
@@ -215,55 +226,15 @@ function ProListItem(props) {
             expanded,
             record
           })]
-        }), (itemHeaderRender && itemHeaderRender?.(record, index, metaDom)) ?? metaDom]
+        }), headerDom, actionsArray]
       }), needExpanded && (content || expandedRowDom) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: `${className}-content ${hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${className}-content`, hashId),
         children: [content, expandedRowRender && rowSupportExpand && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: expandedRowClassName && typeof expandedRowClassName !== 'string' ? expandedRowClassName(record, index, indentSize) : expandedRowClassName,
+          className: expandedRowClassStr,
           children: expandedRowDom
         })]
       })]
     })
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_card.CheckCard, {
-    bordered: true,
-    style: {
-      width: '100%'
-    },
-    ...cardProps,
-    title: cardTitleDom,
-    subTitle: subTitle,
-    extra: extraDom,
-    actions: actionsDom,
-    bodyStyle: {
-      padding: 24,
-      ...cardProps.bodyStyle
-    },
-    ...itemProps,
-    onClick: e => {
-      cardProps?.onClick?.(e);
-      itemProps?.onClick?.(e);
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Skeleton, {
-      avatar: true,
-      title: false,
-      loading: loading,
-      active: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: `${className}-header ${hashId}`.trim(),
-        children: [itemTitleRender && itemTitleRender?.(record, index, titleDom), content]
-      })
-    })
-  });
-  if (!cardProps) {
-    return defaultDom;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _clsx.clsx)(hashId, {
-      [`${className}-card`]: cardProps,
-      [propsClassName]: propsClassName !== defaultClassName
-    }),
-    style: style,
-    children: defaultDom
   });
 }
 var _default = exports.default = ProListItem;