add nova

nova/resources/js/fields/Index/MultiSelectField.vue

@@ -0,0 +1,41 @@
+<template>
+  <div>
+    <template v-if="hasValues">
+      <span
+        v-for="item in fieldValues"
+        v-text="item"
+        class="inline-block text-sm mb-1 mr-2 px-2 py-0 bg-primary-500 text-white dark:text-gray-900 rounded"
+      />
+    </template>
+    <p v-else>&mdash;</p>
+  </div>
+</template>
+
+<script>
+import { FieldValue } from '@/mixins'
+import forEach from 'lodash/forEach'
+
+export default {
+  mixins: [FieldValue],
+
+  props: ['resourceName', 'field'],
+
+  computed: {
+    hasValues() {
+      return this.fieldValues.length > 0
+    },
+
+    fieldValues() {
+      let selected = []
+
+      forEach(this.field.options, option => {
+        if (this.isEqualsToValue(option.value)) {
+          selected.push(option.label)
+        }
+      })
+
+      return selected
+    },
+  },
+}
+</script>