%PDF-
%PDF-
Mini Shell
Mini Shell
import { NAME_TABLE } from '../../../constants/components';
import { makePropsConfigurable } from '../../../utils/config';
import { htmlOrText } from '../../../utils/html';
export default {
props: makePropsConfigurable({
// `caption-top` is part of table-render mixin (styling)
// captionTop: {
// type: Boolean,
// default: false
// },
caption: {
type: String // default: null
},
captionHtml: {
type: String
}
}, NAME_TABLE),
computed: {
captionId: function captionId() {
// Even though `this.safeId` looks like a method, it is a computed prop
// that returns a new function if the underlying ID changes
return this.isStacked ? this.safeId('_caption_') : null;
}
},
methods: {
renderCaption: function renderCaption() {
var caption = this.caption,
captionHtml = this.captionHtml;
var h = this.$createElement;
var $caption = h();
var hasCaptionSlot = this.hasNormalizedSlot('table-caption');
if (hasCaptionSlot || caption || captionHtml) {
$caption = h('caption', {
key: 'caption',
attrs: {
id: this.captionId
},
domProps: hasCaptionSlot ? {} : htmlOrText(captionHtml, caption)
}, this.normalizeSlot('table-caption'));
}
return $caption;
}
}
};
Zerion Mini Shell 1.0