ant-design-vue/lib/descriptions/Row.js

An enterprise-class UI design language and Vue-based implementation

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _vue = require("vue");

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _Cell = _interopRequireDefault(require("./Cell"));

var _propsUtil = require("../_util/props-util");

var _index = require("./index");

var Row = function Row(props) {
  var renderCells = function renderCells(items, _ref, _ref2) {
    var colon = _ref.colon,
        prefixCls = _ref.prefixCls,
        bordered = _ref.bordered;
    var component = _ref2.component,
        type = _ref2.type,
        showLabel = _ref2.showLabel,
        showContent = _ref2.showContent,
        rootLabelStyle = _ref2.labelStyle,
        rootContentStyle = _ref2.contentStyle;
    return items.map(function (item, index) {
      var _a, _b;

      var _ref3 = item.props || {},
          _ref3$prefixCls = _ref3.prefixCls,
          itemPrefixCls = _ref3$prefixCls === void 0 ? prefixCls : _ref3$prefixCls,
          _ref3$span = _ref3.span,
          span = _ref3$span === void 0 ? 1 : _ref3$span,
          labelStyle = _ref3.labelStyle,
          contentStyle = _ref3.contentStyle,
          _ref3$label = _ref3.label,
          label = _ref3$label === void 0 ? (_b = (_a = item.children) === null || _a === void 0 ? void 0 : _a.label) === null || _b === void 0 ? void 0 : _b.call(_a) : _ref3$label;

      var children = (0, _propsUtil.getSlot)(item);
      var className = (0, _propsUtil.getClass)(item);
      var style = (0, _propsUtil.getStyle)(item);
      var key = item.key;

      if (typeof component === 'string') {
        return (0, _vue.createVNode)(_Cell.default, {
          "key": "".concat(type, "-").concat(String(key) || index),
          "class": className,
          "style": style,
          "labelStyle": (0, _extends2.default)((0, _extends2.default)({}, rootLabelStyle.value), labelStyle),
          "contentStyle": (0, _extends2.default)((0, _extends2.default)({}, rootContentStyle.value), contentStyle),
          "span": span,
          "colon": colon,
          "component": component,
          "itemPrefixCls": itemPrefixCls,
          "bordered": bordered,
          "label": showLabel ? label : null,
          "content": showContent ? children : null
        }, null);
      }

      return [(0, _vue.createVNode)(_Cell.default, {
        "key": "label-".concat(String(key) || index),
        "class": className,
        "style": (0, _extends2.default)((0, _extends2.default)((0, _extends2.default)({}, rootLabelStyle.value), style), labelStyle),
        "span": 1,
        "colon": colon,
        "component": component[0],
        "itemPrefixCls": itemPrefixCls,
        "bordered": bordered,
        "label": label
      }, null), (0, _vue.createVNode)(_Cell.default, {
        "key": "content-".concat(String(key) || index),
        "class": className,
        "style": (0, _extends2.default)((0, _extends2.default)((0, _extends2.default)({}, rootContentStyle.value), style), contentStyle),
        "span": span * 2 - 1,
        "component": component[1],
        "itemPrefixCls": itemPrefixCls,
        "bordered": bordered,
        "content": children
      }, null)];
    });
  };

  var prefixCls = props.prefixCls,
      vertical = props.vertical,
      row = props.row,
      index = props.index,
      bordered = props.bordered;

  var _inject = (0, _vue.inject)(_index.descriptionsContext, {
    labelStyle: (0, _vue.ref)({}),
    contentStyle: (0, _vue.ref)({})
  }),
      labelStyle = _inject.labelStyle,
      contentStyle = _inject.contentStyle;

  if (vertical) {
    return (0, _vue.createVNode)(_vue.Fragment, null, [(0, _vue.createVNode)("tr", {
      "key": "label-".concat(index),
      "class": "".concat(prefixCls, "-row")
    }, [renderCells(row, props, {
      component: 'th',
      type: 'label',
      showLabel: true,
      labelStyle: labelStyle,
      contentStyle: contentStyle
    })]), (0, _vue.createVNode)("tr", {
      "key": "content-".concat(index),
      "class": "".concat(prefixCls, "-row")
    }, [renderCells(row, props, {
      component: 'td',
      type: 'content',
      showContent: true,
      labelStyle: labelStyle,
      contentStyle: contentStyle
    })])]);
  }

  return (0, _vue.createVNode)("tr", {
    "key": index,
    "class": "".concat(prefixCls, "-row")
  }, [renderCells(row, props, {
    component: bordered ? ['th', 'td'] : 'td',
    type: 'item',
    showLabel: true,
    showContent: true,
    labelStyle: labelStyle,
    contentStyle: contentStyle
  })]);
};

var _default = Row;
exports.default = _default;