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

package/es/list/ProListBase.js

@@ -0,0 +1,350 @@
+/**
+ * 内部 List 容器与 List.Item / List.Item.Meta 实现，用于替代 antd List（antd List 已停止维护）
+ * 保持与 antd List 相同的 DOM 结构及类名，以便复用 antd 的 list 样式
+ */
+import { ConfigProvider, Empty, Pagination } from 'antd';
+import { clsx } from 'clsx';
+import React, { useContext, useMemo } from 'react';
+import { useBreakpoint } from "../utils/useMediaQuery";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export const ProListContext = /*#__PURE__*/React.createContext({});
+export const ProListItemMeta = ({
+  prefixCls: customizePrefixCls,
+  className,
+  avatar,
+  title,
+  description,
+  ...rest
+}) => {
+  const {
+    getPrefixCls
+  } = useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('pro-list', customizePrefixCls);
+  const classString = clsx(`${prefixCls}-item-meta`, className);
+  const content = title || description ? /*#__PURE__*/_jsxs("div", {
+    className: `${prefixCls}-item-meta-content`,
+    children: [title && /*#__PURE__*/_jsx("h4", {
+      className: `${prefixCls}-item-meta-title`,
+      children: title
+    }), description && /*#__PURE__*/_jsx("div", {
+      className: `${prefixCls}-item-meta-description`,
+      children: description
+    })]
+  }) : null;
+  return /*#__PURE__*/_jsxs("div", {
+    ...rest,
+    className: classString,
+    children: [avatar && /*#__PURE__*/_jsx("div", {
+      className: `${prefixCls}-item-meta-avatar`,
+      children: avatar
+    }), content]
+  });
+};
+const InternalProListItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    prefixCls: customizePrefixCls,
+    children,
+    actions,
+    extra,
+    className,
+    colStyle,
+    ...rest
+  } = props;
+  const {
+    grid,
+    itemLayout
+  } = useContext(ProListContext);
+  const {
+    getPrefixCls
+  } = useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('pro-list', customizePrefixCls);
+  const actionsContent = actions && actions.length > 0 ? /*#__PURE__*/_jsx("div", {
+    className: `${prefixCls}-item-action`,
+    onClick: e => e.stopPropagation(),
+    children: actions.map((action, i) => /*#__PURE__*/_jsx("div", {
+      className: `${prefixCls}-item-action-item`,
+      children: action
+    }, i))
+  }, "actions") : null;
+  const itemChildren = /*#__PURE__*/_jsx("div", {
+    ...rest,
+    className: clsx(`${prefixCls}-item`, className),
+    children: itemLayout === 'vertical' && extra ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: `${prefixCls}-item-main`,
+        children: [children, actionsContent]
+      }, "content"), /*#__PURE__*/_jsx("div", {
+        className: `${prefixCls}-item-extra`,
+        children: extra
+      }, "extra")]
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [children, actionsContent, extra != null && /*#__PURE__*/_jsx(React.Fragment, {
+        children: extra
+      }, "extra")]
+    })
+  });
+  if (grid) {
+    return /*#__PURE__*/_jsx("div", {
+      ref: ref,
+      style: {
+        width: '100%',
+        ...colStyle
+      },
+      children: itemChildren
+    });
+  }
+  return itemChildren;
+});
+InternalProListItem.displayName = 'ProListItem';
+export const ProListItem = InternalProListItem;
+ProListItem.Meta = ProListItemMeta;
+function getRowKey(item, index, rowKey) {
+  if (typeof rowKey === 'function') {
+    return rowKey(item);
+  }
+  if (rowKey && typeof item === 'object' && item !== null && rowKey in item) {
+    return item[rowKey];
+  }
+  if (typeof item === 'object' && item !== null && 'key' in item) {
+    return item.key;
+  }
+  return `list-item-${index}`;
+}
+const defaultPaginationProps = {
+  current: 1,
+  total: 0,
+  position: 'bottom'
+};
+const ProListContainerInner = /*#__PURE__*/React.forwardRef(function ProListContainerInner(props, ref) {
+  const {
+    pagination = false,
+    prefixCls: customizePrefixCls,
+    variant = 'borderless',
+    split = true,
+    className,
+    rootClassName,
+    style,
+    children,
+    itemLayout,
+    loadMore,
+    grid,
+    dataSource = [],
+    size: customizeSize = 'default',
+    header,
+    footer,
+    loading = false,
+    rowKey,
+    renderItem,
+    locale,
+    hashId: propHashId,
+    ...rest
+  } = props;
+  const {
+    getPrefixCls
+  } = useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('pro-list', customizePrefixCls);
+  const paginationObj = pagination && typeof pagination === 'object' ? pagination : {};
+  const [paginationCurrent, setPaginationCurrent] = React.useState(paginationObj.defaultCurrent ?? 1);
+  const [paginationSize, setPaginationSize] = React.useState(paginationObj.defaultPageSize ?? 10);
+  const sizeCls = customizeSize === 'large' ? 'lg' : customizeSize === 'small' ? 'sm' : '';
+  const isSomethingAfterLastItem = !!(loadMore || pagination || footer);
+  const paginationProps = useMemo(() => ({
+    ...defaultPaginationProps,
+    total: dataSource.length,
+    current: paginationCurrent,
+    pageSize: paginationSize,
+    ...(pagination && typeof pagination === 'object' ? pagination : {})
+  }), [dataSource.length, pagination, paginationCurrent, paginationSize]);
+  const largestPage = Math.ceil(paginationProps.total / (paginationProps.pageSize || 10));
+  const currentPage = Math.min(paginationProps.current ?? 1, Math.max(1, largestPage));
+  const splitDataSource = useMemo(() => {
+    if (!pagination || !dataSource.length) {
+      return dataSource;
+    }
+    const pageSize = paginationProps.pageSize ?? 10;
+    const total = paginationProps.total ?? 0;
+    // 父组件已分页（如 ListView 传入 pageData）时不再二次 slice
+    if (total > 0 && dataSource.length <= pageSize && total > dataSource.length) {
+      return dataSource;
+    }
+    const start = (currentPage - 1) * pageSize;
+    return dataSource.slice(start, start + pageSize);
+  }, [dataSource, pagination, currentPage, paginationProps.pageSize, paginationProps.total]);
+  const renderInternalItem = (item, index) => {
+    if (!renderItem) return null;
+    const key = getRowKey(item, index, rowKey);
+    return /*#__PURE__*/_jsx(React.Fragment, {
+      children: renderItem(item, index, null)
+    }, key);
+  };
+  const breakpoint = useBreakpoint();
+
+  /**
+   * 根据当前断点获取列数
+   */
+  const getResponsiveColumn = useMemo(() => {
+    if (!grid) return 1;
+    const breakpoints = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
+    const currentBreakpoint = breakpoint || 'md';
+    const startIndex = breakpoints.indexOf(currentBreakpoint);
+
+    // 从当前断点开始，向下查找第一个已定义的列数
+    for (let i = startIndex; i < breakpoints.length; i++) {
+      const bp = breakpoints[i];
+      const colCount = grid[bp];
+      if (colCount !== undefined) {
+        return colCount;
+      }
+    }
+
+    // 最后使用 column 默认值，确保不为 0（避免除以零）
+    return grid.column || 1;
+  }, [grid, breakpoint]);
+
+  /**
+   * 计算 grid 容器样式（flex 布局）
+   */
+  const gridContainerStyle = useMemo(() => {
+    if (!grid) return undefined;
+    const style = {
+      display: 'flex',
+      flexWrap: 'wrap'
+    };
+
+    // 处理 gutter
+    if (grid.gutter) {
+      const [horizontal, vertical] = Array.isArray(grid.gutter) ? grid.gutter : [grid.gutter, 0];
+      const h = Number(horizontal) || 0;
+      const v = Number(vertical) || 0;
+
+      // flex 容器使用负 margin 来抵消子元素的 padding
+      style.marginLeft = -h / 2;
+      style.marginRight = -h / 2;
+      style.marginTop = -v / 2;
+      style.marginBottom = -v / 2;
+    }
+    return style;
+  }, [grid?.gutter]);
+
+  /**
+   * 计算每个 item 的样式（flex 子项）
+   */
+  const colStyle = useMemo(() => {
+    if (!grid) return undefined;
+    const {
+      gutter
+    } = grid;
+    const column = getResponsiveColumn;
+    const style = {
+      display: 'flex'
+    };
+
+    // 处理 gutter
+    if (gutter) {
+      const [horizontal, vertical] = Array.isArray(gutter) ? gutter : [gutter, 0];
+      const h = Number(horizontal) || 0;
+      const v = Number(vertical) || 0;
+      style.paddingLeft = h / 2;
+      style.paddingRight = h / 2;
+      style.paddingTop = v / 2;
+      style.paddingBottom = v / 2;
+    }
+
+    // 计算每列的宽度（确保 column 有效，避免除以零）
+    if (column > 0) {
+      // 使用 flex-basis 和 max-width 确保准确的宽度
+      const percentage = 100 / column;
+      style.flexBasis = `${percentage}%`;
+      style.maxWidth = `${percentage}%`;
+    }
+    return style;
+  }, [grid?.gutter, getResponsiveColumn]);
+  const {
+    renderEmpty
+  } = useContext(ConfigProvider.ConfigContext);
+  let childrenContent;
+  const isLoading = typeof loading === 'boolean' ? loading : !!loading?.spinning;
+  if (splitDataSource.length > 0) {
+    const items = splitDataSource.map((item, idx) => renderInternalItem(item, idx));
+    childrenContent = grid ? /*#__PURE__*/_jsx("div", {
+      style: gridContainerStyle,
+      children: items.map((child, idx) => /*#__PURE__*/_jsx("div", {
+        style: colStyle,
+        children: child
+      }, child?.key ?? idx))
+    }) : /*#__PURE__*/_jsx("ul", {
+      className: `${prefixCls}-items`,
+      children: items
+    });
+  } else if (!children && !isLoading) {
+    const emptyContent = locale?.emptyText ?? (typeof renderEmpty === 'function' ? renderEmpty('List') : null) ?? /*#__PURE__*/_jsx(Empty, {
+      description: "\u6682\u65E0\u6570\u636E"
+    });
+    childrenContent = /*#__PURE__*/_jsx("div", {
+      className: `${prefixCls}-empty-text`,
+      children: emptyContent
+    });
+  } else if (isLoading) {
+    childrenContent = /*#__PURE__*/_jsx("div", {
+      style: {
+        minHeight: 53
+      }
+    });
+  } else {
+    childrenContent = children;
+  }
+  const paginationPosition = paginationProps.position ?? 'bottom';
+  const showPaginationTop = pagination && (paginationPosition === 'top' || paginationPosition === 'both');
+  const showPaginationBottom = pagination && (paginationPosition === 'bottom' || paginationPosition === 'both');
+  const paginationNode = pagination && /*#__PURE__*/_jsx("div", {
+    className: `${prefixCls}-pagination`,
+    children: /*#__PURE__*/_jsx(Pagination, {
+      align: "end",
+      ...paginationProps,
+      current: currentPage,
+      onChange: (page, pageSize) => {
+        setPaginationCurrent(page);
+        setPaginationSize(pageSize ?? 10);
+        pagination?.onChange?.(page, pageSize ?? 10);
+      },
+      onShowSizeChange: (current, size) => {
+        setPaginationCurrent(current);
+        setPaginationSize(size);
+        pagination?.onShowSizeChange?.(current, size);
+      }
+    })
+  });
+  const contextValue = useMemo(() => ({
+    grid,
+    itemLayout
+  }), [JSON.stringify(grid), itemLayout]);
+  const classString = clsx(prefixCls, {
+    [`${prefixCls}-vertical`]: itemLayout === 'vertical',
+    [`${prefixCls}-${sizeCls}`]: sizeCls,
+    [`${prefixCls}-split`]: split,
+    [`${prefixCls}-${variant}`]: variant,
+    [`${prefixCls}-loading`]: isLoading,
+    [`${prefixCls}-grid`]: !!grid,
+    [`${prefixCls}-something-after-last-item`]: isSomethingAfterLastItem
+  }, propHashId, className, rootClassName);
+  return /*#__PURE__*/_jsx(ProListContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsxs("div", {
+      ref: ref,
+      style: style,
+      className: classString,
+      ...rest,
+      children: [showPaginationTop && paginationNode, header && /*#__PURE__*/_jsx("div", {
+        className: `${prefixCls}-header`,
+        children: header
+      }), childrenContent, children, footer && /*#__PURE__*/_jsx("div", {
+        className: `${prefixCls}-footer`,
+        children: footer
+      }), loadMore, showPaginationBottom && paginationNode]
+    })
+  });
+});
+ProListContainerInner.displayName = 'ProListContainer';
+export const ProListContainer = ProListContainerInner;

package/es/list/constants.d.ts

@@ -1,3 +1,3 @@
-declare const PRO_LIST_KEYS: string[];
-declare const PRO_LIST_KEYS_MAP: Map<any, any>;
+declare const PRO_LIST_KEYS: readonly ["title", "subTitle", "avatar", "description", "extra", "aside", "content", "actions", "type"];
+declare const PRO_LIST_KEYS_MAP: Set<string>;
 export { PRO_LIST_KEYS, PRO_LIST_KEYS_MAP };

package/es/list/constants.js

@@ -1,6 +1,3 @@
-const PRO_LIST_KEYS = ['title', 'subTitle', 'avatar', 'description', 'extra', 'content', 'actions', 'type'];
-const PRO_LIST_KEYS_MAP = PRO_LIST_KEYS.reduce((pre, next) => {
-  pre.set(next, true);
-  return pre;
-}, new Map());
+const PRO_LIST_KEYS = ['title', 'subTitle', 'avatar', 'description', 'extra', 'aside', 'content', 'actions', 'type'];
+const PRO_LIST_KEYS_MAP = new Set(PRO_LIST_KEYS);
 export { PRO_LIST_KEYS, PRO_LIST_KEYS_MAP };

package/es/list/index.d.ts

@@ -1,22 +1,15 @@
-import type { ListProps } from 'antd';
-import type { LabelTooltipType } from 'antd/lib/form/FormItemLabel';
 import React from 'react';
 import type { CheckCardProps } from '../card';
 import type { ProColumnType, ProTableProps } from '../table';
+import type { LabelTooltipType } from '../utils';
 import type { ItemProps } from './Item';
+import { type ProListItemRender } from './ListView';
+import type { ListProps } from './ProListBase';
 export type AntdListProps<RecordType> = Omit<ListProps<RecordType>, 'rowKey'>;
 export type ProListMeta<T> = Pick<ProColumnType<T>, 'dataIndex' | 'valueType' | 'render' | 'search' | 'title' | 'valueEnum' | 'editable' | 'fieldProps' | 'formItemProps' | 'formItemRender'> & {
     key?: React.Key;
 };
-type ProListMetaAction<T> = ProListMeta<T> & {
-    /**
-     * @example
-     *   `cardActionProps = 'actions';`;
-     *
-     * @name 选择映射到 card 上的 props，默认为extra
-     */
-    cardActionProps?: 'extra' | 'actions';
-};
+type ProListMetaAction<T> = ProListMeta<T>;
 type IfAny<T, Y, N> = 0 extends 1 & T ? Y : N;
 type IsAny<T> = IfAny<T, true, false>;
 export type BaseProListMetas<T = any> = {
@@ -29,25 +22,42 @@ export type BaseProListMetas<T = any> = {
     content?: ProListMeta<T>;
     actions?: ProListMetaAction<T>;
 };
+/**
+ * @deprecated 推荐使用 columns + listSlot 的方式，与 ProTable 共用同一套 API
+ */
 export type ProListMetas<T = any> = BaseProListMetas<T> & {
     [key in keyof T]?: IsAny<T> extends true ? ProListMetaAction<T> : ProListMeta<T>;
 };
 export type GetComponentProps<RecordType> = (record: RecordType, index: number) => React.HTMLAttributes<HTMLElement>;
 export type ProListProps<RecordType = any, Params = Record<string, any>, ValueType = 'text'> = Omit<ProTableProps<RecordType, Params, ValueType>, 'size' | 'footer'> & AntdListProps<RecordType> & {
     tooltip?: LabelTooltipType | string;
+    /**
+     * @deprecated 推荐使用 columns + listSlot 的方式，与 ProTable 共用同一套 API
+     *
+     * @example 旧 API（metas）
+     * metas={{ title: { dataIndex: 'name' }, avatar: { dataIndex: 'avatar' } }}
+     *
+     * @example 新 API（columns + listSlot）
+     * columns={[
+     *   { title: '名称', dataIndex: 'name', listSlot: 'title' },
+     *   { dataIndex: 'avatar', listSlot: 'avatar' },
+     * ]}
+     */
     metas?: ProListMetas<RecordType>;
-    showActions?: 'hover' | 'always';
-    showExtra?: 'hover' | 'always';
     onRow?: GetComponentProps<RecordType>;
     onItem?: GetComponentProps<RecordType>;
     itemCardProps?: CheckCardProps;
     rowClassName?: string | ((item: RecordType, index: number) => string);
     itemHeaderRender?: ItemProps<RecordType>['itemHeaderRender'];
     itemTitleRender?: ItemProps<RecordType>['itemTitleRender'];
+    /** 自定义列表项渲染，defaultDom 为默认渲染的列表项元素 */
+    itemRender?: ProListItemRender<RecordType>;
 };
 export type Key = React.Key;
 export type TriggerEventHandler<RecordType> = (record: RecordType) => void;
+/** BaseProList 默认隐藏卡片、搜索和工具栏 */
 declare function BaseProList<RecordType extends Record<string, any>, U extends Record<string, any> = Record<string, any>>(props: ProListProps<RecordType, U>): import("react/jsx-runtime").JSX.Element;
 declare function ProList<RecordType extends Record<string, any>, U extends Record<string, any> = Record<string, any>>(props: ProListProps<RecordType, U>): import("react/jsx-runtime").JSX.Element;
+export type { ProListItemRender } from './ListView';
 export { BaseProList, ProList };
 export default ProList;

package/es/list/index.js

@@ -1,15 +1,61 @@
+import { warning } from '@rc-component/util';
 import { ConfigProvider } from 'antd';
 import { clsx } from 'clsx';
-import React, { useContext, useImperativeHandle, useMemo, useRef } from 'react';
+import React, { useContext, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 import { ProConfigProvider } from "../provider";
 import ProTable from "../table";
 import ListView from "./ListView";
 import { useStyle } from "./style/index";
+
+/**
+ * @deprecated 推荐使用 columns + listSlot 的方式，与 ProTable 共用同一套 API
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
-function NoProVideProList(props) {
+/** 根据 listSlot 推导默认的 valueType */
+const DEFAULT_VALUE_TYPE_MAP = {
+  avatar: 'avatar',
+  actions: 'option',
+  description: 'textarea'
+};
+
+/**
+ * 将 metas 对象转换为 columns 数组（向后兼容）
+ */
+function metasToColumns(metas) {
+  return Object.keys(metas).map(key => {
+    const meta = metas[key] || {};
+    const valueType = meta.valueType || DEFAULT_VALUE_TYPE_MAP[key];
+    return {
+      listSlot: key,
+      dataIndex: meta.dataIndex || key,
+      ...meta,
+      valueType
+    };
+  });
+}
+
+/**
+ * 为带有 listSlot 的 columns 填充默认 valueType
+ */
+function enrichColumnsWithDefaults(columns) {
+  return columns.map(col => {
+    const {
+      listSlot
+    } = col;
+    if (!listSlot) return col;
+    const valueType = col.valueType || DEFAULT_VALUE_TYPE_MAP[listSlot];
+    return valueType ? {
+      ...col,
+      valueType
+    } : col;
+  });
+}
+function InternalProList(props) {
   const {
-    metas: metals,
+    metas,
+    columns: propsColumns,
     split,
+    variant,
     footer,
     rowKey,
     tooltip,
@@ -17,12 +63,10 @@ function NoProVideProList(props) {
     options = false,
     search = false,
     expandable,
-    showActions,
-    showExtra,
     rowSelection: propRowSelection = false,
     pagination: propsPagination = false,
     itemLayout,
-    renderItem,
+    itemRender,
     grid,
     itemCardProps,
     onRow,
@@ -35,44 +79,35 @@ function NoProVideProList(props) {
   } = props;
   const actionRef = useRef();
   useImperativeHandle(rest.actionRef, () => actionRef.current, [actionRef.current]);
+
+  // metas 废弃提示，仅在开发环境触发一次
+  useEffect(() => {
+    warning(!metas, '[ProList] `metas` is deprecated. Please use `columns` with `listSlot` instead. ' + 'See: columns={[ { dataIndex: "name", listSlot: "title" } ]}');
+  }, []);
   const {
     getPrefixCls
   } = useContext(ConfigProvider.ConfigContext);
+
+  /**
+   * columns 优先级高于 metas
+   * - 如果传入了 columns（且含有 listSlot），直接使用 columns
+   * - 如果只传入了 metas，将 metas 转换为 columns（向后兼容）
+   */
   const proTableColumns = useMemo(() => {
-    const columns = [];
-    Object.keys(metals || {}).forEach(key => {
-      const meta = metals[key] || {};
-      let {
-        valueType
-      } = meta;
-      if (!valueType) {
-        // 根据 key 给不同的 valueType
-        if (key === 'avatar') {
-          valueType = 'avatar';
-        }
-        if (key === 'actions') {
-          valueType = 'option';
-        }
-        if (key === 'description') {
-          valueType = 'textarea';
-        }
-      }
-      columns.push({
-        listKey: key,
-        dataIndex: meta?.dataIndex || key,
-        ...meta,
-        valueType
-      });
-    });
-    return columns;
-  }, [metals]);
+    if (propsColumns && propsColumns.length > 0) {
+      return enrichColumnsWithDefaults(propsColumns);
+    }
+    if (!metas) return [];
+    return metasToColumns(metas);
+  }, [propsColumns, metas]);
   const prefixCls = getPrefixCls('pro-list', props.prefixCls);
   const {
     wrapSSR,
     hashId
   } = useStyle(prefixCls);
   const listClassName = clsx(prefixCls, hashId, {
-    [`${prefixCls}-no-split`]: !split
+    [`${prefixCls}-no-split`]: !split,
+    [`${prefixCls}-${variant}`]: variant
   });
   return wrapSSR( /*#__PURE__*/_jsx(ProTable, {
     tooltip: tooltip,
@@ -83,7 +118,7 @@ function NoProVideProList(props) {
     rowSelection: propRowSelection,
     search: search,
     options: options,
-    className: clsx(prefixCls, className, listClassName),
+    className: clsx(className, listClassName),
     columns: proTableColumns,
     rowKey: rowKey,
     tableViewRender: ({
@@ -100,17 +135,16 @@ function NoProVideProList(props) {
         itemTitleRender: itemTitleRender,
         prefixCls: props.prefixCls,
         columns: columns,
-        renderItem: renderItem,
+        itemRender: itemRender,
         actionRef: actionRef,
         dataSource: dataSource || [],
         size: size,
         footer: footer,
         split: split,
+        variant: variant,
         rowKey: rowKey,
         expandable: expandable,
         rowSelection: propRowSelection === false ? undefined : rowSelection,
-        showActions: showActions,
-        showExtra: showExtra,
         pagination: pagination,
         itemLayout: itemLayout,
         loading: loading,
@@ -118,15 +152,18 @@ function NoProVideProList(props) {
         onRow: onRow,
         onItem: onItem,
         rowClassName: rowClassName,
-        locale: locale
+        locale: locale,
+        hashId: hashId
       });
     }
   }));
 }
+
+/** BaseProList 默认隐藏卡片、搜索和工具栏 */
 function BaseProList(props) {
   return /*#__PURE__*/_jsx(ProConfigProvider, {
     needDeps: true,
-    children: /*#__PURE__*/_jsx(NoProVideProList, {
+    children: /*#__PURE__*/_jsx(InternalProList, {
       cardProps: false,
       search: false,
       toolBarRender: false,
@@ -137,7 +174,7 @@ function BaseProList(props) {
 function ProList(props) {
   return /*#__PURE__*/_jsx(ProConfigProvider, {
     needDeps: true,
-    children: /*#__PURE__*/_jsx(NoProVideProList, {
+    children: /*#__PURE__*/_jsx(InternalProList, {
       ...props
     })
   });

package/es/list/style/index.d.ts

@@ -3,7 +3,6 @@ import type { ProAliasToken } from '../../provider';
 export interface ProListToken extends ProAliasToken {
     componentCls: string;
 }
-export declare const techUiListActive: any;
 export declare function useStyle(prefixCls: string): {
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;