v-nuxt-ui 0.2.10 → 0.2.12

package/dist/module.json

@@ -7,7 +7,7 @@
   "dependencies": [
     "@nuxt/ui"
   ],
-  "version": "0.2.10",
+  "version": "0.2.12",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/AsyncSelect.vue

@@ -40,13 +40,13 @@ const allModels = computed(() => {
       [props.labelField]: "\u65E0"
     });
   }
-  newSearchedModel.push(...currentSelectedModels.value);
-  searchedModel.value.forEach((searchedItem) => {
-    const idx = newSearchedModel.findIndex((item) => item[props.valueField] === searchedItem[props.valueField]);
-    if (idx === -1) {
-      newSearchedModel.push(searchedItem);
+  currentSelectedModels.value.forEach((currentModel) => {
+    const existInSearched = searchedModel.value.some((searched) => searched[props.valueField] === currentModel[props.valueField]);
+    if (!existInSearched) {
+      newSearchedModel.unshift(currentModel);
     }
   });
+  newSearchedModel.push(...searchedModel.value);
   return newSearchedModel;
 });
 const items = computed(() => {
@@ -117,11 +117,14 @@ const onSelect = (values) => {
     };
   }
 };
+const dropdownOpen = ref(false);
 const searchTerm = ref("");
 const onDebounceFetchItems = useDebounceFn(onFetchItems, 512);
 watch(searchTerm, (newVal) => {
-  onDebounceFetchItems(newVal);
-}, { immediate: false });
+  if (dropdownOpen.value) {
+    onDebounceFetchItems(newVal);
+  }
+}, { immediate: true });
 const inputMenuRef = useTemplateRef("inputMenu");
 defineExpose({
   focus: () => {
@@ -133,8 +136,9 @@ defineExpose({
 <template>
   <UInputMenu
     ref="inputMenu"
+    v-model:open="dropdownOpen"
+    v-model:search-term="searchTerm"
     :model-value="modelValue.values"
-    :search-term="searchTerm"
     :items="items"
     :multiple="multiple"
     :size="size"
@@ -143,7 +147,6 @@ defineExpose({
   position: 'top',
   when: 'always'
 }"
-    :reset-search-term-on-select="false"
     color="neutral"
     delete-icon="i-lucide-trash"
     value-key="value"
@@ -154,6 +157,7 @@ defineExpose({
     :disabled="disabled"
     open-on-focus
     trailing
+    ignore-filter
     :ui="{
   root: 'min-w-32',
   base: 'peer',
@@ -168,11 +172,7 @@ defineExpose({
     onFetchItems(searchTerm);
   }
 }"
-    @update:model-value="(newValues) => {
-  console.log(newValues);
-  onSelect(newValues);
-  inputMenuRef?.inputRef.focus();
-}"
+    @update:model-value="onSelect"
     @create="onCreateNew"
   />
 </template>

package/dist/runtime/components/flow/FlowEditor.client.vue

@@ -75,7 +75,7 @@ const {
   effectiveNodeHandleColor,
   effectiveEdgeColor
 } = useFlowStyles();
-const { onConnect, onNodeDragStop, onEdgeUpdate, getSelectedNodes, getSelectedEdges, getViewport, fitView: vueFlowFitView } = useVueFlow();
+const { onConnect, onNodeDragStop, onEdgeUpdate, getSelectedNodes, getSelectedEdges, getViewport, fitView: vueFlowFitView, onNodesInitialized } = useVueFlow();
 const handleResizeEnd = async (nodeId, dimensions) => {
   await updateNodeDimensions(nodeId, dimensions);
 };
@@ -172,9 +172,6 @@ onMounted(() => {
   document.addEventListener("keydown", handleKeyDown, true);
   window.addEventListener("mousemove", handleGlobalMouseMove);
   window.addEventListener("mouseup", handleMouseUp);
-  if (props.fitView) {
-    setTimeout(() => vueFlowFitView({ padding: props.fitViewPadding }), 100);
-  }
   onBeforeUnmount(() => {
     document.removeEventListener("keydown", handleKeyDown, true);
     window.removeEventListener("mousemove", handleGlobalMouseMove);
@@ -224,23 +221,30 @@ const flowContainer = ref(null);
 let resizeObserver = null;
 let prevWidth = 0;
 onMounted(() => {
-  const el = flowContainer.value?.$el ?? flowContainer.value;
-  if (!el) return;
-  prevWidth = el.clientWidth;
-  resizeObserver = new ResizeObserver((entries) => {
-    const entry = entries[0];
-    if (!entry) return;
-    const newWidth = entry.contentRect.width;
-    if (newWidth !== prevWidth) {
-      prevWidth = newWidth;
-      nextTick(() => vueFlowFitView({ padding: props.fitViewPadding }));
-    }
+  onNodesInitialized(() => {
+    const el = flowContainer.value?.$el ?? flowContainer.value;
+    if (!el) return;
+    prevWidth = el.clientWidth;
+    resizeObserver = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (!entry) return;
+      const newWidth = entry.contentRect.width;
+      if (newWidth !== prevWidth) {
+        prevWidth = newWidth;
+        nextTick(() => vueFlowFitView({ padding: props.fitViewPadding }));
+      }
+    });
+    resizeObserver.observe(el);
   });
-  resizeObserver.observe(el);
 });
 onBeforeUnmount(() => {
   resizeObserver?.disconnect();
 });
+onNodesInitialized(() => {
+  if (props.fitView) {
+    vueFlowFitView({ padding: props.fitViewPadding });
+  }
+});
 const isValidConnection = () => true;
 </script>
 

package/dist/runtime/components/simple-table/index.d.vue.ts

@@ -1,6 +1,6 @@
 import type { VTableProps } from '#v/types';
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<Pick<VTableProps<T>, "bizColumns" | "singleRow" | "singleColumn" | "hideLastRowBorder"> & {
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<Pick<VTableProps<T>, "bizColumns" | "singleColumn" | "hideLastRowBorder" | "singleRow"> & {
         data: T[];
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/runtime/components/simple-table/index.vue.d.ts

@@ -1,6 +1,6 @@
 import type { VTableProps } from '#v/types';
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<Pick<VTableProps<T>, "bizColumns" | "singleRow" | "singleColumn" | "hideLastRowBorder"> & {
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<Pick<VTableProps<T>, "bizColumns" | "singleColumn" | "hideLastRowBorder" | "singleRow"> & {
         data: T[];
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/runtime/components/table/query/where/simple/item/opr/index.vue

@@ -62,13 +62,6 @@ defineExpose({
     v-model:where-query-item="whereQueryItem"
     :disabled="fetching"
     :trigger-fetching="triggerFetching"
-    :label="option.label"
-    :list-api="option.listApi"
-    :search-fields="option.searchFields"
-    :label-render-fn="option.labelRenderFn"
-    :label-field="option.labelField"
-    :value-field="option.valueField"
-    :multiple="option.multiple"
-    :placeholder="option.placeholder"
+    v-bind="option"
   />
 </template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "v-nuxt-ui",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "description": "Veken UI Component Library - Reusable Nuxt UI components, composables, and utilities for enterprise applications",
   "type": "module",
   "style": "./dist/runtime/index.css",