v-nuxt-ui 0.1.28 → 0.1.29

package/dist/module.json

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

package/dist/runtime/components/form/field/AsyncObjectSelect.vue

@@ -15,7 +15,10 @@ const props = defineProps({
   disableOprSelector: { type: Boolean, required: false },
   multiple: { type: Boolean, required: false },
   placeholder: { type: String, required: false },
-  size: { type: null, required: false }
+  size: { type: null, required: false },
+  canCreate: { type: Boolean, required: false },
+  createModalComponent: { type: null, required: false },
+  createModalOpenProps: { type: Object, required: false }
 });
 const modelValue = defineModel("modelValue", { type: null, ...{ required: true } });
 const initModelValue = ref(modelValue.value);

package/dist/runtime/components/form/field/AsyncSelect.d.vue.ts

@@ -1,8 +1,12 @@
+import type { Component } from 'vue';
 import type { VFormFieldAsyncSelectProps } 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<(VFormFieldAsyncSelectProps<T> & {
         icon?: string;
         disabled?: boolean;
+        canCreate?: boolean;
+        createModalComponent?: Component;
+        createModalOpenProps?: Record<string, any>;
     } & {
         modelValue: string[] | number[] | number | string | null | undefined;
     }) & {

package/dist/runtime/components/form/field/AsyncSelect.vue

@@ -25,6 +25,9 @@ const props = defineProps({
   multiple: { type: Boolean, required: false },
   placeholder: { type: String, required: false },
   size: { type: null, required: false },
+  canCreate: { type: Boolean, required: false },
+  createModalComponent: { type: void 0, required: false },
+  createModalOpenProps: { type: Object, required: false },
   icon: { type: String, required: false },
   disabled: { type: Boolean, required: false }
 });

package/dist/runtime/components/form/field/AsyncSelect.vue.d.ts

@@ -1,8 +1,12 @@
+import type { Component } from 'vue';
 import type { VFormFieldAsyncSelectProps } 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<(VFormFieldAsyncSelectProps<T> & {
         icon?: string;
         disabled?: boolean;
+        canCreate?: boolean;
+        createModalComponent?: Component;
+        createModalOpenProps?: Record<string, any>;
     } & {
         modelValue: string[] | number[] | number | string | null | undefined;
     }) & {

package/dist/runtime/components/form/field/AsyncTreeSelect.vue

@@ -23,6 +23,9 @@ const props = defineProps({
   multiple: { type: Boolean, required: false },
   placeholder: { type: String, required: false },
   size: { type: null, required: false },
+  canCreate: { type: Boolean, required: false },
+  createModalComponent: { type: null, required: false },
+  createModalOpenProps: { type: Object, required: false },
   icon: { type: String, required: false },
   disabled: { type: Boolean, required: false }
 });

package/dist/runtime/components/form/field/index.vue

@@ -147,6 +147,9 @@ const fieldModelValue = computed({
     :disabled="field.disabled"
     :enable-empty-option="field.enableEmptyOption"
     :extra-search-field-fn="field.extraSearchFieldFn"
+    :can-create="field.canCreate"
+    :create-modal-component="field.createModalComponent"
+    :create-modal-open-props="field.createModalOpenProps"
     @update-init-model-values="field.onUpdateInitModelValues"
   />
   <FormFieldAsyncObjectSelect

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

@@ -22,7 +22,10 @@ const props = defineProps({
   disableOprSelector: { type: Boolean, required: false },
   multiple: { type: Boolean, required: false },
   placeholder: { type: String, required: false },
-  size: { type: null, required: false, default: "sm" }
+  size: { type: null, required: false, default: "sm" },
+  canCreate: { type: Boolean, required: false },
+  createModalComponent: { type: null, required: false },
+  createModalOpenProps: { type: Object, required: false }
 });
 const whereQueryItem = defineModel("whereQueryItem", { type: Object, ...{ required: true } });
 const { fetching, startFetching, endFetching } = useFetching();

package/dist/runtime/composables/table/useTableRowActions.js

@@ -47,35 +47,47 @@ export function useTableRowActions(props) {
         }
       });
     }
-    extraRowActions?.forEach((action) => {
-      actionItems.push({
+    const buildActionItem = (action) => {
+      const item = {
         label: action.label,
         icon: action.icon,
         type: action.type,
-        color: action.color,
-        onClick: async () => {
-          if (action.fn) {
+        color: action.color
+      };
+      if (action.children && action.children.length > 0) {
+        item.children = action.children.map(buildActionItem);
+        return item;
+      }
+      item.onClick = async () => {
+        if (action.fn) {
+          try {
             action.fn(row.original);
-            if (action.refetchAfterFn) {
-              await fetchList();
-            }
+          } catch (e) {
+            console.error("Error in row action fn:", e);
           }
-          if (action.asyncFn) {
-            actionLoadingRowIdxSet.value.add(row.index);
-            try {
-              await action.asyncFn(row.original);
-            } finally {
-              actionLoadingRowIdxSet.value.delete(row.index);
-            }
+          if (action.refetchAfterFn) {
+            await fetchList();
           }
-          if (action.fnWithModal) {
-            const result = await action.fnWithModal(row.original);
-            if (result) {
-              await fetchList();
-            }
+        }
+        if (action.asyncFn) {
+          actionLoadingRowIdxSet.value.add(row.index);
+          try {
+            await action.asyncFn(row.original);
+          } finally {
+            actionLoadingRowIdxSet.value.delete(row.index);
           }
         }
-      });
+        if (action.fnWithModal) {
+          const result = await action.fnWithModal(row.original);
+          if (result) {
+            await fetchList();
+          }
+        }
+      };
+      return item;
+    };
+    extraRowActions?.forEach((action) => {
+      actionItems.push(buildActionItem(action));
     });
     if (!disableRowDeletion) {
       if (actionItems.length > 0) {

package/dist/runtime/types/components/form/field.d.ts

@@ -1,4 +1,4 @@
-import type { VNode, Ref } from 'vue';
+import type { VNode, Ref, Component } from 'vue';
 import type { ButtonProps, FormFieldProps, InputProps, RadioGroupProps, SelectMenuItem, SelectProps, TreeItem } from '@nuxt/ui';
 import type { ZodType } from 'zod';
 import type { PageResult, RequestResult } from '../../request.js';
@@ -20,6 +20,9 @@ export type VFormFieldAsyncSelectProps<T> = {
     multiple?: boolean;
     placeholder?: string;
     size?: SelectProps['size'];
+    canCreate?: boolean;
+    createModalComponent?: Component;
+    createModalOpenProps?: Record<string, any>;
 };
 export type VFormFieldAsyncTreeSelectProps<T> = {
     fetchAll?: boolean;

package/dist/runtime/types/components/table/index.d.ts

@@ -54,6 +54,7 @@ export type RowActionProps<T> = {
     refetchAfterFn?: boolean;
     fnWithModal?: (model: T) => Promise<boolean>;
     asyncFn?: (model: T) => Promise<void>;
+    children?: RowActionProps<T>[];
 };
 export type VTableExportExcelProps<T> = {
     filename: string;

package/package.json

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