Cell.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
  2. import { createVNode as _createVNode } from "vue";
  3. function notEmpty(val) {
  4. return val !== undefined && val !== null;
  5. }
  6. var Cell = function Cell(props) {
  7. var itemPrefixCls = props.itemPrefixCls,
  8. component = props.component,
  9. span = props.span,
  10. labelStyle = props.labelStyle,
  11. contentStyle = props.contentStyle,
  12. bordered = props.bordered,
  13. label = props.label,
  14. content = props.content,
  15. colon = props.colon;
  16. var Component = component;
  17. if (bordered) {
  18. var _ref;
  19. return _createVNode(Component, {
  20. "class": [(_ref = {}, _defineProperty(_ref, "".concat(itemPrefixCls, "-item-label"), notEmpty(label)), _defineProperty(_ref, "".concat(itemPrefixCls, "-item-content"), notEmpty(content)), _ref)],
  21. "colSpan": span
  22. }, {
  23. default: function _default() {
  24. return [notEmpty(label) && _createVNode("span", {
  25. "style": labelStyle
  26. }, [label]), notEmpty(content) && _createVNode("span", {
  27. "style": contentStyle
  28. }, [content])];
  29. }
  30. });
  31. }
  32. return _createVNode(Component, {
  33. "class": ["".concat(itemPrefixCls, "-item")],
  34. "colSpan": span
  35. }, {
  36. default: function _default() {
  37. return [_createVNode("div", {
  38. "class": "".concat(itemPrefixCls, "-item-container")
  39. }, [label && _createVNode("span", {
  40. "class": ["".concat(itemPrefixCls, "-item-label"), _defineProperty({}, "".concat(itemPrefixCls, "-item-no-colon"), !colon)],
  41. "style": labelStyle
  42. }, [label]), content && _createVNode("span", {
  43. "class": "".concat(itemPrefixCls, "-item-content"),
  44. "style": contentStyle
  45. }, [content])])];
  46. }
  47. });
  48. };
  49. export default Cell;