![]() Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/vreg/node_modules/bootstrap-vue/src/components/embed/ |
import { Vue, mergeData } from '../../vue' import { NAME_EMBED } from '../../constants/components' import { PROP_TYPE_STRING } from '../../constants/props' import { arrayIncludes } from '../../utils/array' import { omit } from '../../utils/object' import { makeProp, makePropsConfigurable } from '../../utils/props' // --- Constants --- const TYPES = ['iframe', 'embed', 'video', 'object', 'img', 'b-img', 'b-img-lazy'] // --- Props --- export const props = makePropsConfigurable( { aspect: makeProp(PROP_TYPE_STRING, '16by9'), tag: makeProp(PROP_TYPE_STRING, 'div'), type: makeProp(PROP_TYPE_STRING, 'iframe', value => { return arrayIncludes(TYPES, value) }) }, NAME_EMBED ) // --- Main component --- // @vue/component export const BEmbed = /*#__PURE__*/ Vue.extend({ name: NAME_EMBED, functional: true, props, render(h, { props, data, children }) { const { aspect } = props return h( props.tag, { staticClass: 'embed-responsive', class: { [`embed-responsive-${aspect}`]: aspect }, ref: data.ref }, [ h( props.type, mergeData(omit(data, ['ref']), { staticClass: 'embed-responsive-item' }), children ) ] ) } })