v-nuxt-ui 0.2.11 → 0.2.13

package/dist/module.json

@@ -7,7 +7,7 @@
   "dependencies": [
     "@nuxt/ui"
   ],
-  "version": "0.2.11",
+  "version": "0.2.13",
   "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/EChart.client.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { use } from "echarts/core";
 import { CanvasRenderer } from "echarts/renderers";
-import { BarChart, PieChart, LineChart } from "echarts/charts";
+import { BarChart, PieChart, LineChart, RadarChart } from "echarts/charts";
 import {
   TitleComponent,
   TooltipComponent,
@@ -34,6 +34,9 @@ const componentsToUse = [
 if (props.useGrid) {
   componentsToUse.push(GridComponent);
 }
+if (props.useRadar) {
+  componentsToUse.push(RadarComponent);
+}
 if (props.useBar) {
   chartsToUse.push(BarChart);
 }
@@ -44,7 +47,7 @@ if (props.useLine) {
   chartsToUse.push(LineChart);
 }
 if (props.useRadar) {
-  chartsToUse.push(RadarComponent);
+  chartsToUse.push(RadarChart);
 }
 use([...chartsToUse, ...componentsToUse]);
 const theme = useTheme();

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,7 +221,7 @@ const flowContainer = ref(null);
 let resizeObserver = null;
 let prevWidth = 0;
 onMounted(() => {
-  setTimeout(() => {
+  onNodesInitialized(() => {
     const el = flowContainer.value?.$el ?? flowContainer.value;
     if (!el) return;
     prevWidth = el.clientWidth;
@@ -238,11 +235,16 @@ onMounted(() => {
       }
     });
     resizeObserver.observe(el);
-  }, 200);
+  });
 });
 onBeforeUnmount(() => {
   resizeObserver?.disconnect();
 });
+onNodesInitialized(() => {
+  if (props.fitView) {
+    vueFlowFitView({ padding: props.fitViewPadding });
+  }
+});
 const isValidConnection = () => true;
 </script>
 

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.11",
+  "version": "0.2.13",
   "description": "Veken UI Component Library - Reusable Nuxt UI components, composables, and utilities for enterprise applications",
   "type": "module",
   "style": "./dist/runtime/index.css",