Item.js 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. "use strict";
  2. "use client";
  3. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
  4. var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
  5. Object.defineProperty(exports, "__esModule", {
  6. value: true
  7. });
  8. exports.default = exports.Meta = void 0;
  9. var _react = _interopRequireWildcard(require("react"));
  10. var _classnames = _interopRequireDefault(require("classnames"));
  11. var _reactNode = require("../_util/reactNode");
  12. var _configProvider = require("../config-provider");
  13. var _grid = require("../grid");
  14. var _context = require("./context");
  15. var __rest = void 0 && (void 0).__rest || function (s, e) {
  16. var t = {};
  17. for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  18. if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
  19. if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  20. }
  21. return t;
  22. };
  23. const Meta = _a => {
  24. var {
  25. prefixCls: customizePrefixCls,
  26. className,
  27. avatar,
  28. title,
  29. description
  30. } = _a,
  31. others = __rest(_a, ["prefixCls", "className", "avatar", "title", "description"]);
  32. const {
  33. getPrefixCls
  34. } = (0, _react.useContext)(_configProvider.ConfigContext);
  35. const prefixCls = getPrefixCls('list', customizePrefixCls);
  36. const classString = (0, _classnames.default)(`${prefixCls}-item-meta`, className);
  37. const content = /*#__PURE__*/_react.default.createElement("div", {
  38. className: `${prefixCls}-item-meta-content`
  39. }, title && /*#__PURE__*/_react.default.createElement("h4", {
  40. className: `${prefixCls}-item-meta-title`
  41. }, title), description && /*#__PURE__*/_react.default.createElement("div", {
  42. className: `${prefixCls}-item-meta-description`
  43. }, description));
  44. return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, others, {
  45. className: classString
  46. }), avatar && /*#__PURE__*/_react.default.createElement("div", {
  47. className: `${prefixCls}-item-meta-avatar`
  48. }, avatar), (title || description) && content);
  49. };
  50. exports.Meta = Meta;
  51. const InternalItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
  52. const {
  53. prefixCls: customizePrefixCls,
  54. children,
  55. actions,
  56. extra,
  57. styles,
  58. className,
  59. classNames: customizeClassNames,
  60. colStyle
  61. } = props,
  62. others = __rest(props, ["prefixCls", "children", "actions", "extra", "styles", "className", "classNames", "colStyle"]);
  63. const {
  64. grid,
  65. itemLayout
  66. } = (0, _react.useContext)(_context.ListContext);
  67. const {
  68. getPrefixCls,
  69. list
  70. } = (0, _react.useContext)(_configProvider.ConfigContext);
  71. const moduleClass = moduleName => {
  72. var _a, _b;
  73. return (0, _classnames.default)((_b = (_a = list === null || list === void 0 ? void 0 : list.item) === null || _a === void 0 ? void 0 : _a.classNames) === null || _b === void 0 ? void 0 : _b[moduleName], customizeClassNames === null || customizeClassNames === void 0 ? void 0 : customizeClassNames[moduleName]);
  74. };
  75. const moduleStyle = moduleName => {
  76. var _a, _b;
  77. return Object.assign(Object.assign({}, (_b = (_a = list === null || list === void 0 ? void 0 : list.item) === null || _a === void 0 ? void 0 : _a.styles) === null || _b === void 0 ? void 0 : _b[moduleName]), styles === null || styles === void 0 ? void 0 : styles[moduleName]);
  78. };
  79. const isItemContainsTextNodeAndNotSingular = () => {
  80. let result = false;
  81. _react.Children.forEach(children, element => {
  82. if (typeof element === 'string') {
  83. result = true;
  84. }
  85. });
  86. return result && _react.Children.count(children) > 1;
  87. };
  88. const isFlexMode = () => {
  89. if (itemLayout === 'vertical') {
  90. return !!extra;
  91. }
  92. return !isItemContainsTextNodeAndNotSingular();
  93. };
  94. const prefixCls = getPrefixCls('list', customizePrefixCls);
  95. const actionsContent = actions && actions.length > 0 && (/*#__PURE__*/_react.default.createElement("ul", {
  96. className: (0, _classnames.default)(`${prefixCls}-item-action`, moduleClass('actions')),
  97. key: "actions",
  98. style: moduleStyle('actions')
  99. }, actions.map((action, i) => (
  100. /*#__PURE__*/
  101. // eslint-disable-next-line react/no-array-index-key
  102. _react.default.createElement("li", {
  103. key: `${prefixCls}-item-action-${i}`
  104. }, action, i !== actions.length - 1 && /*#__PURE__*/_react.default.createElement("em", {
  105. className: `${prefixCls}-item-action-split`
  106. }))))));
  107. const Element = grid ? 'div' : 'li';
  108. const itemChildren = /*#__PURE__*/_react.default.createElement(Element, Object.assign({}, others, !grid ? {
  109. ref
  110. } : {}, {
  111. className: (0, _classnames.default)(`${prefixCls}-item`, {
  112. [`${prefixCls}-item-no-flex`]: !isFlexMode()
  113. }, className)
  114. }), itemLayout === 'vertical' && extra ? [/*#__PURE__*/_react.default.createElement("div", {
  115. className: `${prefixCls}-item-main`,
  116. key: "content"
  117. }, children, actionsContent), /*#__PURE__*/_react.default.createElement("div", {
  118. className: (0, _classnames.default)(`${prefixCls}-item-extra`, moduleClass('extra')),
  119. key: "extra",
  120. style: moduleStyle('extra')
  121. }, extra)] : [children, actionsContent, (0, _reactNode.cloneElement)(extra, {
  122. key: 'extra'
  123. })]);
  124. return grid ? (/*#__PURE__*/_react.default.createElement(_grid.Col, {
  125. ref: ref,
  126. flex: 1,
  127. style: colStyle
  128. }, itemChildren)) : itemChildren;
  129. });
  130. const Item = InternalItem;
  131. Item.Meta = Meta;
  132. var _default = exports.default = Item;