Cell.js 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  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 = void 0;
  9. var React = _interopRequireWildcard(require("react"));
  10. var _classnames = _interopRequireDefault(require("classnames"));
  11. var _DescriptionsContext = _interopRequireDefault(require("./DescriptionsContext"));
  12. function notEmpty(val) {
  13. return val !== undefined && val !== null;
  14. }
  15. const Cell = props => {
  16. const {
  17. itemPrefixCls,
  18. component,
  19. span,
  20. className,
  21. style,
  22. labelStyle,
  23. contentStyle,
  24. bordered,
  25. label,
  26. content,
  27. colon,
  28. type,
  29. styles
  30. } = props;
  31. const Component = component;
  32. const descContext = React.useContext(_DescriptionsContext.default);
  33. const {
  34. classNames: descriptionsClassNames
  35. } = descContext;
  36. if (bordered) {
  37. return /*#__PURE__*/React.createElement(Component, {
  38. className: (0, _classnames.default)({
  39. [`${itemPrefixCls}-item-label`]: type === 'label',
  40. [`${itemPrefixCls}-item-content`]: type === 'content',
  41. [`${descriptionsClassNames === null || descriptionsClassNames === void 0 ? void 0 : descriptionsClassNames.label}`]: type === 'label',
  42. [`${descriptionsClassNames === null || descriptionsClassNames === void 0 ? void 0 : descriptionsClassNames.content}`]: type === 'content'
  43. }, className),
  44. style: style,
  45. colSpan: span
  46. }, notEmpty(label) && /*#__PURE__*/React.createElement("span", {
  47. style: Object.assign(Object.assign({}, labelStyle), styles === null || styles === void 0 ? void 0 : styles.label)
  48. }, label), notEmpty(content) && /*#__PURE__*/React.createElement("span", {
  49. style: Object.assign(Object.assign({}, labelStyle), styles === null || styles === void 0 ? void 0 : styles.content)
  50. }, content));
  51. }
  52. return /*#__PURE__*/React.createElement(Component, {
  53. className: (0, _classnames.default)(`${itemPrefixCls}-item`, className),
  54. style: style,
  55. colSpan: span
  56. }, /*#__PURE__*/React.createElement("div", {
  57. className: `${itemPrefixCls}-item-container`
  58. }, (label || label === 0) && (/*#__PURE__*/React.createElement("span", {
  59. className: (0, _classnames.default)(`${itemPrefixCls}-item-label`, descriptionsClassNames === null || descriptionsClassNames === void 0 ? void 0 : descriptionsClassNames.label, {
  60. [`${itemPrefixCls}-item-no-colon`]: !colon
  61. }),
  62. style: Object.assign(Object.assign({}, labelStyle), styles === null || styles === void 0 ? void 0 : styles.label)
  63. }, label)), (content || content === 0) && (/*#__PURE__*/React.createElement("span", {
  64. className: (0, _classnames.default)(`${itemPrefixCls}-item-content`, descriptionsClassNames === null || descriptionsClassNames === void 0 ? void 0 : descriptionsClassNames.content),
  65. style: Object.assign(Object.assign({}, contentStyle), styles === null || styles === void 0 ? void 0 : styles.content)
  66. }, content))));
  67. };
  68. var _default = exports.default = Cell;