%PDF-
%PDF-
Mini Shell
Mini Shell
import Vue, { mergeData } from '../../vue'
import { NAME_CARD_IMG_LAZY } from '../../constants/components'
import { makePropsConfigurable } from '../../utils/config'
import { omit } from '../../utils/object'
import { BImgLazy, props as imgLazyProps } from '../image/img-lazy'
// Copy of `<b-img-lazy>` props, and remove conflicting/non-applicable props
// The `omit()` util creates a new object, so we can just pass the original props
const lazyProps = omit(imgLazyProps, [
'left',
'right',
'center',
'block',
'rounded',
'thumbnail',
'fluid',
'fluidGrow'
])
export const props = makePropsConfigurable(
{
...lazyProps,
top: {
type: Boolean,
default: false
},
bottom: {
type: Boolean,
default: false
},
start: {
type: Boolean,
default: false
},
left: {
// alias of 'start'
type: Boolean,
default: false
},
end: {
type: Boolean,
default: false
},
right: {
// alias of 'end'
type: Boolean,
default: false
}
},
NAME_CARD_IMG_LAZY
)
// @vue/component
export const BCardImgLazy = /*#__PURE__*/ Vue.extend({
name: NAME_CARD_IMG_LAZY,
functional: true,
props,
render(h, { props, data }) {
let baseClass = 'card-img'
if (props.top) {
baseClass += '-top'
} else if (props.right || props.end) {
baseClass += '-right'
} else if (props.bottom) {
baseClass += '-bottom'
} else if (props.left || props.start) {
baseClass += '-left'
}
// False out the left/center/right props before passing to b-img-lazy
const lazyProps = { ...props, left: false, right: false, center: false }
return h(
BImgLazy,
mergeData(data, {
class: [baseClass],
props: lazyProps
})
)
}
})
Zerion Mini Shell 1.0