refs #6280 feat VnLocation approach

@@ -0,0 +72,4 @@
+
+</script>
+
+<template>

@@ -222,2 +137,2 @@
-                            v-model="data.countryFk"
-                        />
+                            v-model="data.location"
+                        @update:model-value="(data)=> console.log(data)"

@@ -0,0 +79,4 @@
+        @on-fetch="(data) => (postcodesOptions = data)"
+        auto-load
+    />
+    <FetchData

@@ -0,0 +105,4 @@
+        map-options
+        use-input
+        :filter-options="['code','town.name']"
+        :filter-rules="['val.length>2']"

@@ -0,0 +108,4 @@
+        :filter-rules="['val.length>2']"
+        clearable
+        hide-selected
+        fill-input

@@ -0,0 +84,4 @@
+        ref="postcodesRef"
+        url="Postcodes/filter"
+        @on-fetch="(data) =>handleFetch(data)"
+        auto-load

@@ -0,0 +95,4 @@
+        :placeholder="t('Search by postalCode, town, province or country')"
+        @input-value="locationFilter"
+        :default-filter="false"
+        :input-debounce="100"

@@ -0,0 +1,14 @@
+export async function deepFind(obj, path) {

@@ -0,0 +83,4 @@
+    <FetchData
+        ref="postcodesRef"
+        url="Postcodes/filter"
+        @on-fetch="(data) =>handleFetch(data)"

@@ -0,0 +81,4 @@
+    postcodesOptions.value = data;
+}
+
+async function onPostcodeCreated(){

@@ -0,0 +111,4 @@
+        fill-input
+    >
+        <template #form>
+            <CreateNewPostcode @on-data-saved="onPostcodeCreated($event)" />

@@ -13,3 +13,3 @@
     },
     optionLabel: {
-        type: String,
+        type: [String, Function],

@@ -17,3 +17,3 @@
     },
     filterOptions: {
-        type: Array,
+        type: [Array, Function],

@@ -20,0 +19,4 @@
+        type: [Array, Function],
+        default: () => [],
+    },
+    filterRules: {

@@ -52,3 +57,4 @@
     const search = val.toString().toLowerCase();
 
     if (!search) return options;
+    if($props.filterRules.length) {

@@ -0,0 +8,4 @@
+        cy.waitForElement('.q-card');
+    });
+
+    // it('Show all options', function() {