@simsustech/quasar-components 0.9.0 → 0.9.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @simsustech/quasar-components
 
+## 0.9.1
+
+### Patch Changes
+
+- 0bb7339: fix(FilteredModelSelect): fix fetching of missing modelValue id
+
 ## 0.9.0
 
 ### Minor Changes

package/dist/form.js

@@ -1,4 +1,4 @@
-import { ref, defineComponent, useAttrs, withAsyncContext, watch, openBlock, createBlock, unref, mergeProps, normalizeProps, guardReactiveProps, withCtx, createVNode, createTextVNode, toDisplayString, computed, useSlots, renderSlot, createCommentVNode, toRefs, resolveDirective, createElementBlock, Fragment, renderList, resolveDynamicComponent, createElementVNode, withDirectives, onMounted, createSlots } from "vue";
+import { ref, defineComponent, useAttrs, withAsyncContext, watch, openBlock, createBlock, unref, mergeProps, normalizeProps, guardReactiveProps, withCtx, createVNode, createTextVNode, toDisplayString, computed, useSlots, renderSlot, createCommentVNode, toRefs, resolveDirective, createElementBlock, Fragment, renderList, resolveDynamicComponent, createElementVNode, withDirectives, createSlots } from "vue";
 import { useQuasar, QSelect, QItem, QItemSection, QItemLabel, QInput, QDate, QIcon, QTooltip, QBtn, QPopupProxy, QField, QEditor } from "quasar";
 import { e as enUs, n as nl, u as useLang$1 } from "./en-US-BEeILC7o.js";
 const lang$1 = {
@@ -969,16 +969,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const selectRef = ref();
     watch(modelValue, () => {
-      if (!options.value.length)
-        emit("filter", {
-          ids: selectedIds.value,
-          searchPhrase: "",
-          done: () => {
-          }
-        });
-    });
-    onMounted(() => {
-      if (!options.value.length)
+      var _a;
+      if (!((_a = options.value) == null ? void 0 : _a.find((val) => val.value === modelValue.value)))
         emit("filter", {
           ids: selectedIds.value,
           searchPhrase: "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simsustech/quasar-components",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "author": "Stefan van Herwijnen",
   "description": "High level components for Quasar Framework",
   "license": "MIT",

package/src/ui/form/FilteredModelSelect.vue

@@ -37,7 +37,7 @@ export default {
   generic="T extends { id: number; [key: string]: unknown }"
 >
 import { QSelect } from 'quasar'
-import { computed, ref, toRefs, useAttrs, watch, onMounted } from 'vue'
+import { computed, ref, toRefs, useAttrs, watch } from 'vue'
 import { useLang } from './lang/index.js'
 
 interface Props {
@@ -132,7 +132,7 @@ const filterFn: QSelect['$props']['onFilter'] = (val, update, abort) => {
 const selectRef = ref<QSelect>()
 
 watch(modelValue, () => {
-  if (!options.value.length)
+  if (!options.value?.find((val) => val.value === modelValue.value))
     emit('filter', {
       ids: selectedIds.value,
       searchPhrase: '',
@@ -140,12 +140,12 @@ watch(modelValue, () => {
     })
 })
 
-onMounted(() => {
-  if (!options.value.length)
-    emit('filter', {
-      ids: selectedIds.value,
-      searchPhrase: '',
-      done: () => {}
-    })
-})
+// onMounted(() => {
+//   if (!options.value?.find((val) => val.value === modelValue.value))
+//     emit('filter', {
+//       ids: selectedIds.value,
+//       searchPhrase: '',
+//       done: () => {}
+//     })
+// })
 </script>