@ohu-mobile/core/lib/DetailItem/DetailItem.js

Mobile UI Toolkit

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _defineComponent = require("../_utils/defineComponent");
var DetailItem = (0, _defineComponent.defineComponent)('detail-item').create({
  props: {
    title: String,
    content: String,
    extra: String,
    unactive: (0, _defineComponent.props)(Boolean).default(false)
  },
  render: function render() {
    var h = arguments[0];
    var title = this.title,
      content = this.content,
      extra = this.extra,
      $slots = this.$slots,
      unactive = this.unactive;
    var contentNode = $slots.default || content;
    var extraNode = $slots.extra || extra;
    var root = this.$rootCls().is(unactive && 'unactive');
    var contentCls = root.element('content');
    return h("div", {
      "class": root
    }, [h("div", {
      "class": root.element('title')
    }, [title]), h("div", {
      "class": contentCls
    }, [h("div", {
      "class": contentCls.element('inner')
    }, [contentNode]), extraNode && h("div", {
      "class": root.element('extra')
    }, [extraNode])])]);
  }
});
var _default = exports.default = DetailItem;