element-plus/lib/components/descriptions/src/descriptions-row.vue2.js

A Component Library for Vue 3

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var descriptionsRow = require('./descriptions-row.js');
var vue = require('vue');
var descriptionsCell = require('./descriptions-cell.js');
var token = require('./token.js');

const _hoisted_1 = { key: 1 };
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...{
    name: "ElDescriptionsRow"
  },
  __name: "descriptions-row",
  props: descriptionsRow.descriptionsRowProps,
  setup(__props) {
    const descriptions = vue.inject(token.descriptionsKey, {});
    return (_ctx, _cache) => {
      return vue.unref(descriptions).direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(
        vue.Fragment,
        { key: 0 },
        [
          vue.createElementVNode("tr", null, [
            (vue.openBlock(true), vue.createElementBlock(
              vue.Fragment,
              null,
              vue.renderList(__props.row, (cell, _index) => {
                return vue.openBlock(), vue.createBlock(vue.unref(descriptionsCell.default), {
                  key: `tr1-${_index}`,
                  cell,
                  tag: "th",
                  type: "label"
                }, null, 8, ["cell"]);
              }),
              128
              /* KEYED_FRAGMENT */
            ))
          ]),
          vue.createElementVNode("tr", null, [
            (vue.openBlock(true), vue.createElementBlock(
              vue.Fragment,
              null,
              vue.renderList(__props.row, (cell, _index) => {
                return vue.openBlock(), vue.createBlock(vue.unref(descriptionsCell.default), {
                  key: `tr2-${_index}`,
                  cell,
                  tag: "td",
                  type: "content"
                }, null, 8, ["cell"]);
              }),
              128
              /* KEYED_FRAGMENT */
            ))
          ])
        ],
        64
        /* STABLE_FRAGMENT */
      )) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1, [
        (vue.openBlock(true), vue.createElementBlock(
          vue.Fragment,
          null,
          vue.renderList(__props.row, (cell, _index) => {
            return vue.openBlock(), vue.createElementBlock(
              vue.Fragment,
              {
                key: `tr3-${_index}`
              },
              [
                vue.unref(descriptions).border ? (vue.openBlock(), vue.createElementBlock(
                  vue.Fragment,
                  { key: 0 },
                  [
                    vue.createVNode(vue.unref(descriptionsCell.default), {
                      cell,
                      tag: "td",
                      type: "label"
                    }, null, 8, ["cell"]),
                    vue.createVNode(vue.unref(descriptionsCell.default), {
                      cell,
                      tag: "td",
                      type: "content"
                    }, null, 8, ["cell"])
                  ],
                  64
                  /* STABLE_FRAGMENT */
                )) : (vue.openBlock(), vue.createBlock(vue.unref(descriptionsCell.default), {
                  key: 1,
                  cell,
                  tag: "td",
                  type: "both"
                }, null, 8, ["cell"]))
              ],
              64
              /* STABLE_FRAGMENT */
            );
          }),
          128
          /* KEYED_FRAGMENT */
        ))
      ]));
    };
  }
});

exports.default = _sfc_main;
//# sourceMappingURL=descriptions-row.vue2.js.map