vuetify eingebunden + erster Versuch Combobox

2019-04-17 15:58:15 +02:00
parent 24642ca1a8
commit 56f4a3f940
1846 changed files with 219701 additions and 53848 deletions
@@ -0,0 +1,42 @@
+import '../../stylus/components/_avatars.styl'
+
+// Mixins
+import Colorable from '../../mixins/colorable'
+import { convertToUnit } from '../../util/helpers'
+
+// Types
+import { VNode } from 'vue'
+import mixins from '../../util/mixins'
+
+/* @vue/component */
+export default mixins(Colorable).extend({
+  name: 'v-avatar',
+
+  functional: true,
+
+  props: {
+    // TODO: inherit these
+    color: String,
+
+    size: {
+      type: [Number, String],
+      default: 48
+    },
+    tile: Boolean
+  },
+
+  render (h, { data, props, children }): VNode {
+    data.staticClass = (`v-avatar ${data.staticClass || ''}`).trim()
+
+    if (props.tile) data.staticClass += ' v-avatar--tile'
+
+    const size = convertToUnit(props.size)
+    data.style = {
+      height: size,
+      width: size,
+      ...data.style as object
+    }
+
+    return h('div', Colorable.options.methods.setBackgroundColor(props.color, data), children)
+  }
+})