inertia-bootstrap-forms 1.0.87 → 1.0.90

package/index.d.ts

@@ -271,7 +271,67 @@ export const MultiQuantityInput: DefineComponent<{}, {}, any>;
 export const PasswordInput: DefineComponent<{}, {}, any>;
 export const PersianDatePickerInput: DefineComponent<{}, {}, any>;
 export const QuantityInput: DefineComponent<{}, {}, any>;
-export const Select2Input: DefineComponent<{}, {}, any>;
+export const Select2Input: DefineComponent<{
+    name: {
+        type: String,
+        required: true,
+    },
+    modelValue: '',
+    label: {
+        type: String,
+        default: 'name',
+    },
+    placeholder: {
+        type: String,
+        default: 'Click to choice',
+    },
+    searchPlaceholder: {
+        type: String,
+        default: 'Type for search...',
+    },
+    multiple: {
+        type: Boolean,
+        default: false,
+    },
+    required: {
+        type: Boolean,
+        default: false,
+    },
+    config: {
+        type: Object,
+        default: {},
+    },
+    locale: {
+        type: String,
+        default: 'en',
+    },
+    options: Array,
+    searchEnabled: {
+        type: Boolean,
+        default: false
+    },
+    hideDropdown: {
+        type: Boolean,
+        default: false
+    },
+    search: {
+        type: Object,
+        default: {
+            url: null,
+        }
+    },
+}, {}, any,
+{},
+{},
+{},
+{},
+{
+    'update:modelValue': (data) => void,
+    'search': (event) => void,
+    'change': (file) => void,
+    'selected': () => void,
+}
+>;
 export const StarRatingInput: DefineComponent<{}, {}, any>;
 export const SubmitButton: DefineComponent<{
     disabled: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "inertia-bootstrap-forms",
-    "version": "1.0.87",
+    "version": "1.0.90",
     "description": "Create bootstrap forms with inertia and twitter bootstrap",
     "main": "dist/inertia-bootstrap-forms.cjs.js",
     "module": "dist/inertia-bootstrap-forms.es.js",

package/src/Select2Input.vue

@@ -13,7 +13,11 @@ export default defineComponent({
     modelValue: '',
     label: {
       type: String,
-      default: 'name',
+      default: null,
+    },
+    key: {
+      type: String,
+      default: null,
     },
     placeholder: {
       type: String,
@@ -108,6 +112,7 @@ export default defineComponent({
         removeItemButton: true,
         placeholderValue: this.placeholder,
         searchPlaceholderValue: this.placeholder,
+        shouldSort: false,
         itemSelectText: null,
         ...this.localeTranslates[this.currentLocale],
         ...this.config
@@ -158,7 +163,7 @@ export default defineComponent({
         await this.choices.setChoices(
             data.map(item => ({
               id: item.id,
-              name: item.name,
+              name: item.name || item.label || item.value,
             })),
             'id',
             'name',
@@ -222,9 +227,9 @@ export default defineComponent({
         :placeholder="placeholder"
         ref="input">
       <option
-          :value="(item.id || item)" v-for="(item, key) in options"
+          :value="((key ? item[key] : item?.name ?? item?.label ?? item?.value) ?? item)" v-for="(item, index) in options"
           :selected="multiple ? (selectedValue || []).includes(item.id || item) : (item?.id?.toString() || item) === modelValue?.toString()">
-        {{ (label ? item[label] : item.name) || item }}
+        {{ (label ? item[label] : item?.name ?? item?.label ?? item?.value) ?? item }}
       </option>
     </select>
   </div>