Drop Vue dynamic lookup as not supported by Vue v3 Fomantic-UI

Author: mvorisek

js/src/vue-components/share/atk-lookup.js

@@ -5,7 +5,6 @@ import atk from 'atk';
  *
  * Properties:
  * config:
- * url: the callback URL. Callback should return model data in form of { key: modelId, text: modelTitle, value: modelId }
  * reference: the reference field name associate with model or hasOne name. This field name will be sent along with URL callback parameter as of 'field=name'.
  * Note: The remaining config object may contain any or SuiDropdown { props: value } pair.
  *
@@ -19,9 +18,7 @@ export default {
             v-bind="dropdownProps"
             ref="drop"
             :modelValue="getDropdownValue(modelValue)"
-            ` /* :loading="isLoading" */
-            + `@update:modelValue="onUpdate"
-            @filtered="onFiltered"
+            @update:modelValue="onUpdate"
         ></SuiDropdown>`,
     props: ['config', 'modelValue', 'optionalValue'],
     data: function () {
@@ -33,7 +30,6 @@ export default {
         return {
             dropdownProps: otherConfig,
             url: url || null,
-            isLoading: false,
             field: reference,
             query: '',
             temp: '',
@@ -51,44 +47,6 @@ export default {
         },
         onUpdate: function (value) {
             this.$emit('update:modelValue', value.value);
-        },
-        /**
-         * Receive user input text for search.
-         */
-        onFiltered: function (inputValue) {
-            if (inputValue) {
-                this.isLoading = true;
-            }
-
-            if (!this.onFiltered.debouncedFx) {
-                this.onFiltered.debouncedFx = atk.createDebouncedFx(() => {
-                    this.onFiltered.debouncedFx = null;
-                    if (this.query !== this.temp) {
-                        this.query = this.temp;
-                        if (this.query) {
-                            this.fetchItems(this.query);
-                        }
-                    }
-                }, 250);
-            }
-            this.temp = inputValue;
-            this.onFiltered.debouncedFx(this);
-        },
-        /**
-         * Fetch new data from server.
-         */
-        fetchItems: async function (q) {
-            try {
-                const data = { atkVueLookupQuery: q, atkVueLookupField: this.field };
-                const response = await atk.apiService.suiFetch(this.url, { method: 'get', data: data });
-                if (response.success) {
-                    this.dropdownProps.options = response.results;
-                }
-            } catch (e) {
-                console.error(e);
-            } finally {
-                this.isLoading = false;
-            }
-        },
-    },
+        }
+    }
 };