@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

package/lib/list/Item.js

@@ -1,342 +1,250 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/list/Item.tsx
-var Item_exports = {};
-__export(Item_exports, {
-  default: () => Item_default,
-  renderExpandIcon: () => renderExpandIcon
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Item_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_useMergedState = __toESM(require("rc-util/lib/hooks/useMergedState"));
-var import_react = __toESM(require("react"));
-var import_card = require("../card");
-var import_provider = require("../provider");
-function renderExpandIcon({
-  prefixCls,
-  expandIcon = /* @__PURE__ */ import_react.default.createElement(import_icons.RightOutlined, null),
-  onExpand,
-  expanded,
-  record,
-  hashId
-}) {
-  let icon = expandIcon;
-  const expandClassName = `${prefixCls}-row-expand-icon`;
-  const onClick = (event) => {
+exports.default = void 0;
+exports.renderExpandIcon = renderExpandIcon;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _icons = require("@ant-design/icons");
+var _util = require("@rc-component/util");
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _card = require("../card");
+var _provider = require("../provider");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["title", "subTitle", "content", "itemTitleRender", "prefixCls", "actions", "item", "recordKey", "avatar", "cardProps", "description", "isEditable", "checkbox", "index", "selected", "loading", "expand", "onExpand", "expandable", "rowSupportExpand", "showActions", "showExtra", "type", "style", "className", "record", "onRow", "onItem", "itemHeaderRender", "cardActionProps", "extra"];
+function renderExpandIcon(_ref) {
+  var prefixCls = _ref.prefixCls,
+    _ref$expandIcon = _ref.expandIcon,
+    expandIcon = _ref$expandIcon === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.RightOutlined, {}) : _ref$expandIcon,
+    onExpand = _ref.onExpand,
+    expanded = _ref.expanded,
+    record = _ref.record,
+    hashId = _ref.hashId;
+  var icon = expandIcon;
+  var expandClassName = "".concat(prefixCls, "-row-expand-icon");
+  var onClick = function onClick(event) {
     onExpand(!expanded);
     event.stopPropagation();
   };
-  if (typeof expandIcon === "function") {
-    icon = expandIcon({ expanded, onExpand, record });
+  if (typeof expandIcon === 'function') {
+    icon = expandIcon({
+      expanded: expanded,
+      onExpand: onExpand,
+      record: record
+    });
   }
-  return /* @__PURE__ */ import_react.default.createElement(
-    "span",
-    {
-      className: (0, import_classnames.default)(expandClassName, hashId, {
-        [`${prefixCls}-row-expanded`]: expanded,
-        [`${prefixCls}-row-collapsed`]: !expanded
-      }),
-      onClick
-    },
-    icon
-  );
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: (0, _classnames.default)(expandClassName, hashId, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-row-expanded"), expanded), "".concat(prefixCls, "-row-collapsed"), !expanded)),
+    onClick: onClick,
+    children: icon
+  });
 }
 function ProListItem(props) {
-  var _b, _c;
-  const { prefixCls: customizePrefixCls } = props;
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const { hashId } = (0, import_react.useContext)(import_provider.ProProvider);
-  const prefixCls = getPrefixCls("pro-list", customizePrefixCls);
-  const defaultClassName = `${prefixCls}-row`;
-  const _a = props, {
-    title,
-    subTitle,
-    content,
-    itemTitleRender,
-    prefixCls: restPrefixCls,
-    actions,
-    item,
-    recordKey,
-    avatar,
-    cardProps,
-    description,
-    isEditable,
-    checkbox,
-    index,
-    selected,
-    loading,
-    expand: propsExpand,
-    onExpand: propsOnExpand,
-    expandable: expandableConfig,
-    rowSupportExpand,
-    showActions,
-    showExtra,
-    type,
-    style,
-    className: propsClassName = defaultClassName,
-    record,
-    onRow,
-    onItem,
-    itemHeaderRender,
-    cardActionProps,
-    extra
-  } = _a, rest = __objRest(_a, [
-    "title",
-    "subTitle",
-    "content",
-    "itemTitleRender",
-    "prefixCls",
-    "actions",
-    "item",
-    "recordKey",
-    "avatar",
-    "cardProps",
-    "description",
-    "isEditable",
-    "checkbox",
-    "index",
-    "selected",
-    "loading",
-    "expand",
-    "onExpand",
-    "expandable",
-    "rowSupportExpand",
-    "showActions",
-    "showExtra",
-    "type",
-    "style",
-    "className",
-    "record",
-    "onRow",
-    "onItem",
-    "itemHeaderRender",
-    "cardActionProps",
-    "extra"
-  ]);
-  const {
-    expandedRowRender,
-    expandIcon,
-    expandRowByClick,
-    indentSize = 8,
-    expandedRowClassName
-  } = expandableConfig || {};
-  const [expanded, onExpand] = (0, import_useMergedState.default)(!!propsExpand, {
-    value: propsExpand,
-    onChange: propsOnExpand
-  });
-  const className = (0, import_classnames.default)(
-    {
-      [`${defaultClassName}-selected`]: !cardProps && selected,
-      [`${defaultClassName}-show-action-hover`]: showActions === "hover",
-      [`${defaultClassName}-type-${type}`]: !!type,
-      [`${defaultClassName}-editable`]: isEditable,
-      [`${defaultClassName}-show-extra-hover`]: showExtra === "hover"
-    },
-    hashId,
-    defaultClassName
-  );
-  const extraClassName = (0, import_classnames.default)(hashId, {
-    [`${propsClassName}-extra`]: showExtra === "hover"
-  });
-  const needExpanded = expanded || Object.values(expandableConfig || {}).length === 0;
-  const expandedRowDom = expandedRowRender && expandedRowRender(record, index, indentSize, expanded);
-  const extraDom = (0, import_react.useMemo)(() => {
-    if (!actions || cardActionProps === "actions") {
-      return void 0;
+  var _ref3, _ref4;
+  var customizePrefixCls = props.prefixCls;
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var _useContext2 = (0, _react.useContext)(_provider.ProProvider),
+    hashId = _useContext2.hashId;
+  var prefixCls = getPrefixCls('pro-list', customizePrefixCls);
+  var defaultClassName = "".concat(prefixCls, "-row");
+  var title = props.title,
+    subTitle = props.subTitle,
+    content = props.content,
+    itemTitleRender = props.itemTitleRender,
+    restPrefixCls = props.prefixCls,
+    actions = props.actions,
+    item = props.item,
+    recordKey = props.recordKey,
+    avatar = props.avatar,
+    cardProps = props.cardProps,
+    description = props.description,
+    isEditable = props.isEditable,
+    checkbox = props.checkbox,
+    index = props.index,
+    selected = props.selected,
+    loading = props.loading,
+    propsExpand = props.expand,
+    propsOnExpand = props.onExpand,
+    expandableConfig = props.expandable,
+    rowSupportExpand = props.rowSupportExpand,
+    showActions = props.showActions,
+    showExtra = props.showExtra,
+    type = props.type,
+    style = props.style,
+    _props$className = props.className,
+    propsClassName = _props$className === void 0 ? defaultClassName : _props$className,
+    record = props.record,
+    onRow = props.onRow,
+    onItem = props.onItem,
+    itemHeaderRender = props.itemHeaderRender,
+    cardActionProps = props.cardActionProps,
+    extra = props.extra,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _ref2 = expandableConfig || {},
+    expandedRowRender = _ref2.expandedRowRender,
+    expandIcon = _ref2.expandIcon,
+    expandRowByClick = _ref2.expandRowByClick,
+    _ref2$indentSize = _ref2.indentSize,
+    indentSize = _ref2$indentSize === void 0 ? 8 : _ref2$indentSize,
+    expandedRowClassName = _ref2.expandedRowClassName;
+  var _useMergedState = (0, _util.useMergedState)(!!propsExpand, {
+      value: propsExpand,
+      onChange: propsOnExpand
+    }),
+    _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
+    expanded = _useMergedState2[0],
+    onExpand = _useMergedState2[1];
+  var className = (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(defaultClassName, "-selected"), !cardProps && selected), "".concat(defaultClassName, "-show-action-hover"), showActions === 'hover'), "".concat(defaultClassName, "-type-").concat(type), !!type), "".concat(defaultClassName, "-editable"), isEditable), "".concat(defaultClassName, "-show-extra-hover"), showExtra === 'hover'), hashId, defaultClassName);
+  var extraClassName = (0, _classnames.default)(hashId, (0, _defineProperty2.default)({}, "".concat(propsClassName, "-extra"), showExtra === 'hover'));
+  var needExpanded = expanded || Object.values(expandableConfig || {}).length === 0;
+  var expandedRowDom = expandedRowRender && expandedRowRender(record, index, indentSize, expanded);
+  var extraDom = (0, _react.useMemo)(function () {
+    if (!actions || cardActionProps === 'actions') {
+      return undefined;
     }
-    return [
-      /* @__PURE__ */ import_react.default.createElement("div", { key: "action", onClick: (e) => e.stopPropagation() }, actions)
-    ];
+    return [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      children: actions
+    }, "action")];
   }, [actions, cardActionProps]);
-  const actionsDom = (0, import_react.useMemo)(() => {
-    if (!actions || !cardActionProps || cardActionProps === "extra") {
-      return void 0;
+  var actionsDom = (0, _react.useMemo)(function () {
+    if (!actions || !cardActionProps || cardActionProps === 'extra') {
+      return undefined;
     }
-    return [
-      /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          key: "action",
-          className: `${defaultClassName}-actions ${hashId}`.trim(),
-          onClick: (e) => e.stopPropagation()
-        },
-        actions
-      )
-    ];
+    return [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "".concat(defaultClassName, "-actions ").concat(hashId).trim(),
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      children: actions
+    }, "action")];
   }, [actions, cardActionProps, defaultClassName, hashId]);
-  const titleDom = title || subTitle ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${defaultClassName}-header-container ${hashId}`.trim() }, title && /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)(`${defaultClassName}-title`, hashId, {
-        [`${defaultClassName}-title-editable`]: isEditable
-      })
-    },
-    title
-  ), subTitle && /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)(`${defaultClassName}-subTitle`, hashId, {
-        [`${defaultClassName}-subTitle-editable`]: isEditable
-      })
-    },
-    subTitle
-  )) : null;
-  const metaTitle = (_b = itemTitleRender && (itemTitleRender == null ? void 0 : itemTitleRender(record, index, titleDom))) != null ? _b : titleDom;
-  const metaDom = metaTitle || avatar || subTitle || description ? /* @__PURE__ */ import_react.default.createElement(
-    import_antd.List.Item.Meta,
-    {
-      avatar,
-      title: metaTitle,
-      description: description && needExpanded && /* @__PURE__ */ import_react.default.createElement("div", { className: `${className}-description ${hashId}`.trim() }, description)
-    }
-  ) : null;
-  const rowClassName = (0, import_classnames.default)(hashId, {
-    [`${defaultClassName}-item-has-checkbox`]: checkbox,
-    [`${defaultClassName}-item-has-avatar`]: avatar,
-    [className]: className
-  });
-  const cardTitleDom = (0, import_react.useMemo)(() => {
+  var titleDom = title || subTitle ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "".concat(defaultClassName, "-header-container ").concat(hashId).trim(),
+    children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)("".concat(defaultClassName, "-title"), hashId, (0, _defineProperty2.default)({}, "".concat(defaultClassName, "-title-editable"), isEditable)),
+      children: title
+    }), subTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)("".concat(defaultClassName, "-subTitle"), hashId, (0, _defineProperty2.default)({}, "".concat(defaultClassName, "-subTitle-editable"), isEditable)),
+      children: subTitle
+    })]
+  }) : null;
+  var metaTitle = (_ref3 = itemTitleRender && (itemTitleRender === null || itemTitleRender === void 0 ? void 0 : itemTitleRender(record, index, titleDom))) !== null && _ref3 !== void 0 ? _ref3 : titleDom;
+  var metaDom = metaTitle || avatar || subTitle || description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.List.Item.Meta, {
+    avatar: avatar,
+    title: metaTitle,
+    description: description && needExpanded && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "".concat(className, "-description ").concat(hashId).trim(),
+      children: description
+    })
+  }) : null;
+  var rowClassName = (0, _classnames.default)(hashId, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(defaultClassName, "-item-has-checkbox"), checkbox), "".concat(defaultClassName, "-item-has-avatar"), avatar), className, className));
+  var cardTitleDom = (0, _react.useMemo)(function () {
     if (avatar || title) {
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, avatar, /* @__PURE__ */ import_react.default.createElement(
-        "span",
-        {
-          className: `${getPrefixCls(
-            "list-item-meta-title"
-          )} ${hashId}`.trim()
-        },
-        title
-      ));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [avatar, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "".concat(getPrefixCls('list-item-meta-title'), " ").concat(hashId).trim(),
+          children: title
+        })]
+      });
     }
     return null;
   }, [avatar, getPrefixCls, hashId, title]);
-  const itemProps = onItem == null ? void 0 : onItem(record, index);
-  const defaultDom = !cardProps ? /* @__PURE__ */ import_react.default.createElement(
-    import_antd.List.Item,
-    __spreadProps(__spreadValues(__spreadValues(__spreadProps(__spreadValues({
-      className: (0, import_classnames.default)(rowClassName, hashId, {
-        [propsClassName]: propsClassName !== defaultClassName
-      })
-    }, rest), {
-      actions: extraDom,
-      extra: !!extra && /* @__PURE__ */ import_react.default.createElement("div", { className: extraClassName }, extra)
-    }), onRow == null ? void 0 : onRow(record, index)), itemProps), {
-      onClick: (e) => {
-        var _a2, _b2, _c2, _d;
-        (_b2 = (_a2 = onRow == null ? void 0 : onRow(record, index)) == null ? void 0 : _a2.onClick) == null ? void 0 : _b2.call(_a2, e);
-        (_d = (_c2 = onItem == null ? void 0 : onItem(record, index)) == null ? void 0 : _c2.onClick) == null ? void 0 : _d.call(_c2, e);
-        if (expandRowByClick) {
-          onExpand(!expanded);
-        }
-      }
-    }),
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { avatar: true, title: false, loading, active: true }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${className}-header ${hashId}`.trim() }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${className}-header-option ${hashId}`.trim() }, !!checkbox && /* @__PURE__ */ import_react.default.createElement("div", { className: `${className}-checkbox ${hashId}`.trim() }, checkbox), Object.values(expandableConfig || {}).length > 0 && rowSupportExpand && renderExpandIcon({
-      prefixCls,
-      hashId,
-      expandIcon,
-      onExpand,
-      expanded,
-      record
-    })), (_c = itemHeaderRender && (itemHeaderRender == null ? void 0 : itemHeaderRender(record, index, metaDom))) != null ? _c : metaDom), needExpanded && (content || expandedRowDom) && /* @__PURE__ */ import_react.default.createElement("div", { className: `${className}-content ${hashId}`.trim() }, content, expandedRowRender && rowSupportExpand && /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: expandedRowClassName && typeof expandedRowClassName !== "string" ? expandedRowClassName(record, index, indentSize) : expandedRowClassName
-      },
-      expandedRowDom
-    )))
-  ) : /* @__PURE__ */ import_react.default.createElement(
-    import_card.CheckCard,
-    __spreadProps(__spreadValues(__spreadProps(__spreadValues({
-      bordered: true,
-      style: {
-        width: "100%"
-      }
-    }, cardProps), {
-      title: cardTitleDom,
-      subTitle,
-      extra: extraDom,
-      actions: actionsDom,
-      bodyStyle: __spreadValues({
-        padding: 24
-      }, cardProps.bodyStyle)
-    }), itemProps), {
-      onClick: (e) => {
-        var _a2, _b2;
-        (_a2 = cardProps == null ? void 0 : cardProps.onClick) == null ? void 0 : _a2.call(cardProps, e);
-        (_b2 = itemProps == null ? void 0 : itemProps.onClick) == null ? void 0 : _b2.call(itemProps, e);
+  var itemProps = onItem === null || onItem === void 0 ? void 0 : onItem(record, index);
+  var defaultDom = !cardProps ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.List.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+    className: (0, _classnames.default)(rowClassName, hashId, (0, _defineProperty2.default)({}, propsClassName, propsClassName !== defaultClassName))
+  }, rest), {}, {
+    actions: extraDom,
+    extra: !!extra && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: extraClassName,
+      children: extra
+    })
+  }, onRow === null || onRow === void 0 ? void 0 : onRow(record, index)), itemProps), {}, {
+    onClick: function onClick(e) {
+      var _onRow, _onRow$onClick, _onItem, _onItem$onClick;
+      onRow === null || onRow === void 0 || (_onRow = onRow(record, index)) === null || _onRow === void 0 || (_onRow$onClick = _onRow.onClick) === null || _onRow$onClick === void 0 || _onRow$onClick.call(_onRow, e);
+      onItem === null || onItem === void 0 || (_onItem = onItem(record, index)) === null || _onItem === void 0 || (_onItem$onClick = _onItem.onClick) === null || _onItem$onClick === void 0 || _onItem$onClick.call(_onItem, e);
+      if (expandRowByClick) {
+        onExpand(!expanded);
       }
-    }),
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { avatar: true, title: false, loading, active: true }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${className}-header ${hashId}`.trim() }, itemTitleRender && (itemTitleRender == null ? void 0 : itemTitleRender(record, index, titleDom)), content))
-  );
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Skeleton, {
+      avatar: true,
+      title: false,
+      loading: loading,
+      active: true,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "".concat(className, "-header ").concat(hashId).trim(),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "".concat(className, "-header-option ").concat(hashId).trim(),
+          children: [!!checkbox && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "".concat(className, "-checkbox ").concat(hashId).trim(),
+            children: checkbox
+          }), Object.values(expandableConfig || {}).length > 0 && rowSupportExpand && renderExpandIcon({
+            prefixCls: prefixCls,
+            hashId: hashId,
+            expandIcon: expandIcon,
+            onExpand: onExpand,
+            expanded: expanded,
+            record: record
+          })]
+        }), (_ref4 = itemHeaderRender && (itemHeaderRender === null || itemHeaderRender === void 0 ? void 0 : itemHeaderRender(record, index, metaDom))) !== null && _ref4 !== void 0 ? _ref4 : metaDom]
+      }), needExpanded && (content || expandedRowDom) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "".concat(className, "-content ").concat(hashId).trim(),
+        children: [content, expandedRowRender && rowSupportExpand && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: expandedRowClassName && typeof expandedRowClassName !== 'string' ? expandedRowClassName(record, index, indentSize) : expandedRowClassName,
+          children: expandedRowDom
+        })]
+      })]
+    })
+  })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_card.CheckCard, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+    bordered: true,
+    style: {
+      width: '100%'
+    }
+  }, cardProps), {}, {
+    title: cardTitleDom,
+    subTitle: subTitle,
+    extra: extraDom,
+    actions: actionsDom,
+    bodyStyle: (0, _objectSpread2.default)({
+      padding: 24
+    }, cardProps.bodyStyle)
+  }, itemProps), {}, {
+    onClick: function onClick(e) {
+      var _cardProps$onClick, _itemProps$onClick;
+      cardProps === null || cardProps === void 0 || (_cardProps$onClick = cardProps.onClick) === null || _cardProps$onClick === void 0 || _cardProps$onClick.call(cardProps, e);
+      itemProps === null || itemProps === void 0 || (_itemProps$onClick = itemProps.onClick) === null || _itemProps$onClick === void 0 || _itemProps$onClick.call(itemProps, e);
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Skeleton, {
+      avatar: true,
+      title: false,
+      loading: loading,
+      active: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "".concat(className, "-header ").concat(hashId).trim(),
+        children: [itemTitleRender && (itemTitleRender === null || itemTitleRender === void 0 ? void 0 : itemTitleRender(record, index, titleDom)), content]
+      })
+    })
+  }));
   if (!cardProps) {
     return defaultDom;
   }
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)(hashId, {
-        [`${className}-card`]: cardProps,
-        [propsClassName]: propsClassName !== defaultClassName
-      }),
-      style
-    },
-    defaultDom
-  );
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(hashId, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(className, "-card"), cardProps), propsClassName, propsClassName !== defaultClassName)),
+    style: style,
+    children: defaultDom
+  });
 }
-var Item_default = ProListItem;
+var _default = exports.default = ProListItem;