mirror of
https://github.com/frappe/books.git
synced 2024-12-26 12:28:12 +00:00
44 lines
919 B
Vue
44 lines
919 B
Vue
<script>
|
|
import feather from 'feather-icons';
|
|
|
|
const validIcons = Object.keys(feather.icons);
|
|
|
|
export default {
|
|
props: {
|
|
name: {
|
|
type: String,
|
|
required: true,
|
|
validator(value) {
|
|
const valid = validIcons.includes(value);
|
|
if (!valid) {
|
|
console.warn(
|
|
`name property for feather-icon must be one of `,
|
|
validIcons
|
|
);
|
|
}
|
|
return valid;
|
|
}
|
|
}
|
|
},
|
|
render(h) {
|
|
let icon = feather.icons[this.name];
|
|
return h('svg', {
|
|
attrs: Object.assign({}, icon.attrs, {
|
|
fill: 'none',
|
|
stroke: 'currentColor',
|
|
'stroke-linecap': 'round',
|
|
'stroke-linejoin': 'round',
|
|
'stroke-width': 1.5,
|
|
width: null,
|
|
height: null
|
|
}),
|
|
on: this.$listeners,
|
|
class: [icon.attrs.class],
|
|
domProps: {
|
|
innerHTML: icon.contents
|
|
}
|
|
});
|
|
}
|
|
};
|
|
</script>
|