@ramathibodi/nuxt-commons 4.0.1 → 4.0.3

package/dist/runtime/components/model/Select.vue

@@ -1,6 +1,7 @@
 <script setup>
-import { VCombobox } from "vuetify/components/VCombobox";
+import { VSelect } from "vuetify/components/VSelect";
 import { useLookupList } from "../../composables/lookupList";
+import { useApiLookupList } from "../../composables/apiLookupList";
 import { useLocalStorageModel } from "../../composables/localStorageModel";
 const props = defineProps({
   fuzzy: { type: Boolean, required: false, default: false },
@@ -28,36 +29,30 @@ const props = defineProps({
   persistTtl: { type: Number, required: false },
   persistEncrypt: { type: Boolean, required: false },
   persistSecret: { type: String, required: false },
-  persistAlwaysHydrate: { type: Boolean, required: false }
+  persistAlwaysHydrate: { type: Boolean, required: false },
+  api: { type: Boolean, required: false, default: false }
 });
 const emit = defineEmits(["update:selectedObject"]);
 const selectedItems = defineModel({ type: null });
 useLocalStorageModel(selectedItems, props);
 const {
   computedItems,
-  computedFilterKeys,
-  computedPlaceholder,
   computedNoDataText,
   isLoading,
   isErrorLoading,
-  searchData,
   onUpdateModelValue
-  // ✅ from composable
-} = useLookupList(props, emit, selectedItems);
+} = props.api ? useApiLookupList(props, emit, selectedItems) : useLookupList(props, emit, selectedItems);
 </script>
 
 <template>
-  <v-combobox
+  <v-select
       :model-value="selectedItems"
       @update:model-value="onUpdateModelValue"
-      v-model:search="searchData"
       v-bind="$attrs"
       :items="computedItems"
-      :filter-keys="computedFilterKeys"
       :item-title="props.itemTitle"
       :item-value="props.itemValue"
       :loading="isLoading"
-      :placeholder="computedPlaceholder"
       :no-data-text="computedNoDataText"
       :multiple="props.multiple"
       :return-object="false"
@@ -68,16 +63,16 @@ const {
       <slot :name="name" v-bind="slotData || {}" />
     </template>
 
-    <template v-if="!$slots.item" #item="{ props: itemProps, item }">
-      <v-list-item v-bind="itemProps" :title="(props.showCode ? item.value + '-' : '') + item.title" />
+    <template v-if="!$slots.item" #item="{ props: itemProps }">
+      <v-list-item v-bind="itemProps" :title="(props.showCode ? itemProps.value + '-' : '') + itemProps.title" />
     </template>
 
-    <template v-if="!$slots.selection && props.showCode" #selection="{ item }">
-      {{ item.value + "-" + item.title }}
+    <template v-if="!$slots.selection && props.showCode" #selection="{ internalItem }">
+      {{ internalItem.value + "-" + internalItem.title }}
     </template>
 
     <template v-if="isErrorLoading" #append>
       <v-icon color="error">mdi mdi-alert</v-icon>
     </template>
-  </v-combobox>
+  </v-select>
 </template>

package/dist/runtime/components/model/Select.vue.d.ts

@@ -2,16 +2,19 @@
  * ModelSelect connects model metadata to reusable selection, labeling, iterator, or table UI patterns.
  * This doc block is consumed by vue-docgen for generated API documentation.
  */
-import { VCombobox } from 'vuetify/components/VCombobox';
+import { VSelect } from 'vuetify/components/VSelect';
 import { type StaticLookupProps } from '../../composables/lookupList.js';
 import { type PersistSlimProps } from '../../composables/localStorageModel.js';
-interface Props extends /* @vue-ignore */ InstanceType<typeof VCombobox['$props']> {
+interface Props extends /* @vue-ignore */ InstanceType<typeof VSelect['$props']> {
 }
 /**
  * Public props accepted by ModelSelect.
  * Document each prop field with intent, defaults, and side effects for clear generated docs.
  */
-type __VLS_Props = Props & StaticLookupProps & PersistSlimProps;
+interface ApiProp {
+    api?: boolean;
+}
+type __VLS_Props = Props & StaticLookupProps & PersistSlimProps & ApiProp;
 type __VLS_ModelProps = {
     modelValue?: any;
 };
@@ -28,6 +31,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     activeValue: string;
     hideInactiveInList: boolean;
     preventSelectingInactive: boolean;
+    api: boolean;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any) => any;
 } & {
@@ -40,6 +44,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     activeValue: string;
     hideInactiveInList: boolean;
     preventSelectingInactive: boolean;
+    api: boolean;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     "onUpdate:selectedObject"?: ((object: any) => any) | undefined;

package/dist/runtime/components/model/Table.d.vue.ts

@@ -20,6 +20,7 @@ interface Props extends /* @vue-ignore */ InstanceType<typeof VDataTable['$props
     stringFields?: Array<string>;
     onlyOwnerEdit?: boolean;
     onlyOwnerOverridePermission?: string | string[];
+    api?: boolean;
 }
 /**
  * Public props accepted by ModelTable.
@@ -33,12 +34,12 @@ declare var __VLS_8: {
     operation: {
         openDialog: typeof openDialog;
         openDialogReadonly: typeof openDialogReadonly;
-        createItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>;
-        importItems: (importItems: Record<string, any>[], callback?: FormDialogCallback) => void;
-        updateItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>;
-        deleteItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>;
-        reload: () => void;
-        setSearch: (keyword: string) => void;
+        createItem: ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<any>);
+        importItems: ((importItems: Record<string, any>[], callback?: FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>);
+        deleteItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<unknown>);
+        reload: (() => void) | (() => void);
+        setSearch: ((keyword: string) => void) | ((keyword: string) => void);
         canServerPageable: boolean;
         canServerSearch: boolean;
         canCreate: boolean;
@@ -49,18 +50,18 @@ declare var __VLS_8: {
         onlyOwnerOverridePermission: string | string[] | undefined;
     };
 }, __VLS_34: {
-    reload: () => void;
+    reload: (() => void) | (() => void);
 }, __VLS_50: {
     items: Record<string, any>[];
     operation: {
         openDialog: typeof openDialog;
         openDialogReadonly: typeof openDialogReadonly;
-        createItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>;
-        importItems: (importItems: Record<string, any>[], callback?: FormDialogCallback) => void;
-        updateItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>;
-        deleteItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>;
-        reload: () => void;
-        setSearch: (keyword: string) => void;
+        createItem: ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<any>);
+        importItems: ((importItems: Record<string, any>[], callback?: FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>);
+        deleteItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<unknown>);
+        reload: (() => void) | (() => void);
+        setSearch: ((keyword: string) => void) | ((keyword: string) => void);
         canServerPageable: boolean;
         canServerSearch: boolean;
         canCreate: boolean;
@@ -75,12 +76,12 @@ declare var __VLS_8: {
     operation: {
         openDialog: typeof openDialog;
         openDialogReadonly: typeof openDialogReadonly;
-        createItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>;
-        importItems: (importItems: Record<string, any>[], callback?: FormDialogCallback) => void;
-        updateItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>;
-        deleteItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>;
-        reload: () => void;
-        setSearch: (keyword: string) => void;
+        createItem: ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<any>);
+        importItems: ((importItems: Record<string, any>[], callback?: FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>);
+        deleteItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<unknown>);
+        reload: (() => void) | (() => void);
+        setSearch: ((keyword: string) => void) | ((keyword: string) => void);
         canServerPageable: boolean;
         canServerSearch: boolean;
         canCreate: boolean;
@@ -94,12 +95,12 @@ declare var __VLS_8: {
     operation: {
         openDialog: typeof openDialog;
         openDialogReadonly: typeof openDialogReadonly;
-        createItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>;
-        importItems: (importItems: Record<string, any>[], callback?: FormDialogCallback) => void;
-        updateItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>;
-        deleteItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>;
-        reload: () => void;
-        setSearch: (keyword: string) => void;
+        createItem: ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<any>);
+        importItems: ((importItems: Record<string, any>[], callback?: FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>);
+        deleteItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<unknown>);
+        reload: (() => void) | (() => void);
+        setSearch: ((keyword: string) => void) | ((keyword: string) => void);
         canServerPageable: boolean;
         canServerSearch: boolean;
         canCreate: boolean;
@@ -113,12 +114,12 @@ declare var __VLS_8: {
     operation: {
         openDialog: typeof openDialog;
         openDialogReadonly: typeof openDialogReadonly;
-        createItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>;
-        importItems: (importItems: Record<string, any>[], callback?: FormDialogCallback) => void;
-        updateItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>;
-        deleteItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>;
-        reload: () => void;
-        setSearch: (keyword: string) => void;
+        createItem: ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<any>);
+        importItems: ((importItems: Record<string, any>[], callback?: FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>);
+        deleteItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<unknown>);
+        reload: (() => void) | (() => void);
+        setSearch: ((keyword: string) => void) | ((keyword: string) => void);
         canServerPageable: boolean;
         canServerSearch: boolean;
         canCreate: boolean;
@@ -162,17 +163,18 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     fields: () => never[];
     stringFields: () => never[];
     onlyOwnerEdit: boolean;
+    api: boolean;
 }>>, {
-    reload: () => void;
+    reload: (() => void) | (() => void);
     operation: import("vue").Ref<{
         openDialog: typeof openDialog;
         openDialogReadonly: typeof openDialogReadonly;
-        createItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>;
-        importItems: (importItems: Record<string, any>[], callback?: FormDialogCallback) => void;
-        updateItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>;
-        deleteItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>;
-        reload: () => void;
-        setSearch: (keyword: string) => void;
+        createItem: ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<any>);
+        importItems: ((importItems: Record<string, any>[], callback?: FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>);
+        deleteItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<unknown>);
+        reload: (() => void) | (() => void);
+        setSearch: ((keyword: string) => void) | ((keyword: string) => void);
         canServerPageable: boolean;
         canServerSearch: boolean;
         canCreate: boolean;
@@ -184,12 +186,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     }, {
         openDialog: typeof openDialog;
         openDialogReadonly: typeof openDialogReadonly;
-        createItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>;
-        importItems: (importItems: Record<string, any>[], callback?: FormDialogCallback) => void;
-        updateItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>;
-        deleteItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>;
-        reload: () => void;
-        setSearch: (keyword: string) => void;
+        createItem: ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<any>);
+        importItems: ((importItems: Record<string, any>[], callback?: FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>);
+        deleteItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<unknown>);
+        reload: (() => void) | (() => void);
+        setSearch: ((keyword: string) => void) | ((keyword: string) => void);
         canServerPageable: import("vue").ComputedRef<boolean>;
         canServerSearch: import("vue").ComputedRef<boolean>;
         canCreate: import("vue").ComputedRef<boolean>;
@@ -201,12 +203,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     } | {
         openDialog: typeof openDialog;
         openDialogReadonly: typeof openDialogReadonly;
-        createItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>;
-        importItems: (importItems: Record<string, any>[], callback?: FormDialogCallback) => void;
-        updateItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>;
-        deleteItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>;
-        reload: () => void;
-        setSearch: (keyword: string) => void;
+        createItem: ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<any>);
+        importItems: ((importItems: Record<string, any>[], callback?: FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>);
+        deleteItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<unknown>);
+        reload: (() => void) | (() => void);
+        setSearch: ((keyword: string) => void) | ((keyword: string) => void);
         canServerPageable: boolean;
         canServerSearch: boolean;
         canCreate: boolean;
@@ -219,8 +221,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     items: import("vue").Ref<Record<string, any>[], Record<string, any>[]>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     delete: (...args: any[]) => void;
-    update: (...args: any[]) => void;
     create: (...args: any[]) => void;
+    update: (...args: any[]) => void;
     "open:dialog": (...args: any[]) => void;
     "close:dialog": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
@@ -237,10 +239,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     fields: () => never[];
     stringFields: () => never[];
     onlyOwnerEdit: boolean;
+    api: boolean;
 }>>> & Readonly<{
     onDelete?: ((...args: any[]) => any) | undefined;
-    onUpdate?: ((...args: any[]) => any) | undefined;
     onCreate?: ((...args: any[]) => any) | undefined;
+    onUpdate?: ((...args: any[]) => any) | undefined;
     "onOpen:dialog"?: ((...args: any[]) => any) | undefined;
     "onClose:dialog"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/model/Table.vue

@@ -3,6 +3,7 @@ import { computed, watch, nextTick, ref, useAttrs } from "vue";
 import { VDataTable } from "vuetify/components/VDataTable";
 import { clone } from "lodash-es";
 import { useGraphqlModel } from "../../composables/graphqlModel";
+import { useApiModel } from "../../composables/apiModel";
 import { useDialog } from "../../composables/dialog";
 import { useUserPermission } from "../../composables/userPermission";
 import { useState } from "#imports";
@@ -28,6 +29,7 @@ const props = defineProps({
   stringFields: { type: Array, required: false, default: () => [] },
   onlyOwnerEdit: { type: Boolean, required: false, default: false },
   onlyOwnerOverridePermission: { type: [String, Array], required: false },
+  api: { type: Boolean, required: false, default: false },
   modelName: { type: String, required: true },
   modelKey: { type: String, required: false, default: "id" },
   modelBy: { type: Object, required: false, default: void 0 },
@@ -72,7 +74,7 @@ const {
   loadItems,
   reload,
   isLoading
-} = useGraphqlModel(props);
+} = props.api ? useApiModel(props) : useGraphqlModel(props);
 function openDialog(item) {
   isDialogReadonly.value = false;
   currentItem.value = item;

package/dist/runtime/components/model/Table.vue.d.ts

@@ -20,6 +20,7 @@ interface Props extends /* @vue-ignore */ InstanceType<typeof VDataTable['$props
     stringFields?: Array<string>;
     onlyOwnerEdit?: boolean;
     onlyOwnerOverridePermission?: string | string[];
+    api?: boolean;
 }
 /**
  * Public props accepted by ModelTable.
@@ -33,12 +34,12 @@ declare var __VLS_8: {
     operation: {
         openDialog: typeof openDialog;
         openDialogReadonly: typeof openDialogReadonly;
-        createItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>;
-        importItems: (importItems: Record<string, any>[], callback?: FormDialogCallback) => void;
-        updateItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>;
-        deleteItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>;
-        reload: () => void;
-        setSearch: (keyword: string) => void;
+        createItem: ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<any>);
+        importItems: ((importItems: Record<string, any>[], callback?: FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>);
+        deleteItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<unknown>);
+        reload: (() => void) | (() => void);
+        setSearch: ((keyword: string) => void) | ((keyword: string) => void);
         canServerPageable: boolean;
         canServerSearch: boolean;
         canCreate: boolean;
@@ -49,18 +50,18 @@ declare var __VLS_8: {
         onlyOwnerOverridePermission: string | string[] | undefined;
     };
 }, __VLS_34: {
-    reload: () => void;
+    reload: (() => void) | (() => void);
 }, __VLS_50: {
     items: Record<string, any>[];
     operation: {
         openDialog: typeof openDialog;
         openDialogReadonly: typeof openDialogReadonly;
-        createItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>;
-        importItems: (importItems: Record<string, any>[], callback?: FormDialogCallback) => void;
-        updateItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>;
-        deleteItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>;
-        reload: () => void;
-        setSearch: (keyword: string) => void;
+        createItem: ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<any>);
+        importItems: ((importItems: Record<string, any>[], callback?: FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>);
+        deleteItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<unknown>);
+        reload: (() => void) | (() => void);
+        setSearch: ((keyword: string) => void) | ((keyword: string) => void);
         canServerPageable: boolean;
         canServerSearch: boolean;
         canCreate: boolean;
@@ -75,12 +76,12 @@ declare var __VLS_8: {
     operation: {
         openDialog: typeof openDialog;
         openDialogReadonly: typeof openDialogReadonly;
-        createItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>;
-        importItems: (importItems: Record<string, any>[], callback?: FormDialogCallback) => void;
-        updateItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>;
-        deleteItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>;
-        reload: () => void;
-        setSearch: (keyword: string) => void;
+        createItem: ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<any>);
+        importItems: ((importItems: Record<string, any>[], callback?: FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>);
+        deleteItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<unknown>);
+        reload: (() => void) | (() => void);
+        setSearch: ((keyword: string) => void) | ((keyword: string) => void);
         canServerPageable: boolean;
         canServerSearch: boolean;
         canCreate: boolean;
@@ -94,12 +95,12 @@ declare var __VLS_8: {
     operation: {
         openDialog: typeof openDialog;
         openDialogReadonly: typeof openDialogReadonly;
-        createItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>;
-        importItems: (importItems: Record<string, any>[], callback?: FormDialogCallback) => void;
-        updateItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>;
-        deleteItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>;
-        reload: () => void;
-        setSearch: (keyword: string) => void;
+        createItem: ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<any>);
+        importItems: ((importItems: Record<string, any>[], callback?: FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>);
+        deleteItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<unknown>);
+        reload: (() => void) | (() => void);
+        setSearch: ((keyword: string) => void) | ((keyword: string) => void);
         canServerPageable: boolean;
         canServerSearch: boolean;
         canCreate: boolean;
@@ -113,12 +114,12 @@ declare var __VLS_8: {
     operation: {
         openDialog: typeof openDialog;
         openDialogReadonly: typeof openDialogReadonly;
-        createItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>;
-        importItems: (importItems: Record<string, any>[], callback?: FormDialogCallback) => void;
-        updateItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>;
-        deleteItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>;
-        reload: () => void;
-        setSearch: (keyword: string) => void;
+        createItem: ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<any>);
+        importItems: ((importItems: Record<string, any>[], callback?: FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>);
+        deleteItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<unknown>);
+        reload: (() => void) | (() => void);
+        setSearch: ((keyword: string) => void) | ((keyword: string) => void);
         canServerPageable: boolean;
         canServerSearch: boolean;
         canCreate: boolean;
@@ -162,17 +163,18 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     fields: () => never[];
     stringFields: () => never[];
     onlyOwnerEdit: boolean;
+    api: boolean;
 }>>, {
-    reload: () => void;
+    reload: (() => void) | (() => void);
     operation: import("vue").Ref<{
         openDialog: typeof openDialog;
         openDialogReadonly: typeof openDialogReadonly;
-        createItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>;
-        importItems: (importItems: Record<string, any>[], callback?: FormDialogCallback) => void;
-        updateItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>;
-        deleteItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>;
-        reload: () => void;
-        setSearch: (keyword: string) => void;
+        createItem: ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<any>);
+        importItems: ((importItems: Record<string, any>[], callback?: FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>);
+        deleteItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<unknown>);
+        reload: (() => void) | (() => void);
+        setSearch: ((keyword: string) => void) | ((keyword: string) => void);
         canServerPageable: boolean;
         canServerSearch: boolean;
         canCreate: boolean;
@@ -184,12 +186,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     }, {
         openDialog: typeof openDialog;
         openDialogReadonly: typeof openDialogReadonly;
-        createItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>;
-        importItems: (importItems: Record<string, any>[], callback?: FormDialogCallback) => void;
-        updateItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>;
-        deleteItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>;
-        reload: () => void;
-        setSearch: (keyword: string) => void;
+        createItem: ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<any>);
+        importItems: ((importItems: Record<string, any>[], callback?: FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>);
+        deleteItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<unknown>);
+        reload: (() => void) | (() => void);
+        setSearch: ((keyword: string) => void) | ((keyword: string) => void);
         canServerPageable: import("vue").ComputedRef<boolean>;
         canServerSearch: import("vue").ComputedRef<boolean>;
         canCreate: import("vue").ComputedRef<boolean>;
@@ -201,12 +203,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     } | {
         openDialog: typeof openDialog;
         openDialogReadonly: typeof openDialogReadonly;
-        createItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>;
-        importItems: (importItems: Record<string, any>[], callback?: FormDialogCallback) => void;
-        updateItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>;
-        deleteItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>;
-        reload: () => void;
-        setSearch: (keyword: string) => void;
+        createItem: ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<any>);
+        importItems: ((importItems: Record<string, any>[], callback?: FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>);
+        deleteItem: ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: FormDialogCallback) => Promise<unknown>);
+        reload: (() => void) | (() => void);
+        setSearch: ((keyword: string) => void) | ((keyword: string) => void);
         canServerPageable: boolean;
         canServerSearch: boolean;
         canCreate: boolean;
@@ -219,8 +221,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     items: import("vue").Ref<Record<string, any>[], Record<string, any>[]>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     delete: (...args: any[]) => void;
-    update: (...args: any[]) => void;
     create: (...args: any[]) => void;
+    update: (...args: any[]) => void;
     "open:dialog": (...args: any[]) => void;
     "close:dialog": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
@@ -237,10 +239,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     fields: () => never[];
     stringFields: () => never[];
     onlyOwnerEdit: boolean;
+    api: boolean;
 }>>> & Readonly<{
     onDelete?: ((...args: any[]) => any) | undefined;
-    onUpdate?: ((...args: any[]) => any) | undefined;
     onCreate?: ((...args: any[]) => any) | undefined;
+    onUpdate?: ((...args: any[]) => any) | undefined;
     "onOpen:dialog"?: ((...args: any[]) => any) | undefined;
     "onClose:dialog"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;