StackGenVis: Alignment of Data, Algorithms, and Models for Stacking Ensemble Learning Using Performance Metrics
https://doi.org/10.1109/TVCG.2020.3030352
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
1.4 KiB
80 lines
1.4 KiB
import Vue from '../../utils/vue';
|
|
import { mergeData } from 'vue-functional-data-merge';
|
|
export var props = {
|
|
src: {
|
|
type: String,
|
|
default: null,
|
|
required: true
|
|
},
|
|
alt: {
|
|
type: String,
|
|
default: null
|
|
},
|
|
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
|
|
},
|
|
height: {
|
|
type: [Number, String],
|
|
default: null
|
|
},
|
|
width: {
|
|
type: [Number, String],
|
|
default: null
|
|
}
|
|
}; // @vue/component
|
|
|
|
export var BCardImg =
|
|
/*#__PURE__*/
|
|
Vue.extend({
|
|
name: 'BCardImg',
|
|
functional: true,
|
|
props: props,
|
|
render: function render(h, _ref) {
|
|
var props = _ref.props,
|
|
data = _ref.data;
|
|
var 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';
|
|
}
|
|
|
|
return h('img', mergeData(data, {
|
|
class: [baseClass],
|
|
attrs: {
|
|
src: props.src,
|
|
alt: props.alt,
|
|
height: props.height,
|
|
width: props.width
|
|
}
|
|
}));
|
|
}
|
|
}); |