@ramathibodi/nuxt-commons 4.0.12 → 4.0.14

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

@@ -32,6 +32,12 @@ interface Props extends /* @vue-ignore */ InstanceType<typeof VDataIterator['$pr
     autoRefresh?: number | boolean;
     autoRefreshDefault?: number;
     autoRefreshControl?: boolean;
+    importConcurrency?: number;
+    virtual?: boolean;
+    virtualThreshold?: number;
+    virtualHeight?: number | string;
+    virtualItemHeight?: number;
+    virtualItemsPerRow?: number;
 }
 /**
  * Public props accepted by ModelIterator.
@@ -42,9 +48,9 @@ declare function openDialog(item?: object): void;
 declare var __VLS_15: {
     operation: {
         openDialog: typeof openDialog;
-        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<any>);
-        importItems: ((importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
-        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
+        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
+        importItems: ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
         deleteItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
         reload: (() => Promise<void> | undefined) | (() => Promise<void>);
         setSearch: ((keyword: string) => void) | ((keyword: string) => void);
@@ -79,9 +85,9 @@ declare var __VLS_15: {
     item: import("vuetify/lib/components/VDataIterator/composables/items.mjs").DataIteratorItem<Record<string, any>>;
     operation: {
         openDialog: typeof openDialog;
-        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<any>);
-        importItems: ((importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
-        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
+        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
+        importItems: ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
         deleteItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
         reload: (() => Promise<void> | undefined) | (() => Promise<void>);
         setSearch: ((keyword: string) => void) | ((keyword: string) => void);
@@ -92,16 +98,33 @@ declare var __VLS_15: {
         canDelete: boolean;
         autoRefresh: import("vue").Raw<import("../../composables/autoRefresh.js").UseAutoRefreshHandle>;
     };
-}, __VLS_38: {
+}, __VLS_62: {
+    item: any;
+    operation: {
+        openDialog: typeof openDialog;
+        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
+        importItems: ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
+        deleteItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
+        reload: (() => Promise<void> | undefined) | (() => Promise<void>);
+        setSearch: ((keyword: string) => void) | ((keyword: string) => void);
+        canServerPageable: boolean;
+        canServerSearch: boolean;
+        canCreate: boolean;
+        canUpdate: boolean;
+        canDelete: boolean;
+        autoRefresh: import("vue").Raw<import("../../composables/autoRefresh.js").UseAutoRefreshHandle>;
+    };
+}, __VLS_65: {
     color: string | undefined;
     isActive: boolean;
-}, __VLS_58: {}, __VLS_66: {
+}, __VLS_85: {}, __VLS_93: {
     items: Record<string, any>[];
     operation: {
         openDialog: typeof openDialog;
-        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<any>);
-        importItems: ((importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
-        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
+        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
+        importItems: ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
         deleteItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
         reload: (() => Promise<void> | undefined) | (() => Promise<void>);
         setSearch: ((keyword: string) => void) | ((keyword: string) => void);
@@ -131,9 +154,9 @@ declare var __VLS_15: {
     toggleGroup: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/group.mjs").provideGroupBy>["toggleGroup"];
     itemsCount: number;
     groupedItems: readonly (import("vuetify/lib/components/VDataIterator/composables/items.mjs").DataIteratorItem<Record<string, any>> | import("vuetify/lib/components/VDataTable/composables/group.mjs").Group<import("vuetify/lib/components/VDataIterator/composables/items.mjs").DataIteratorItem<Record<string, any>>> | import("vuetify/lib/components/VDataTable/composables/group.mjs").GroupSummary<import("vuetify/lib/components/VDataIterator/composables/items.mjs").DataIteratorItem<Record<string, any>>>)[];
-}, __VLS_92: {
+}, __VLS_119: {
     reload: () => void;
-}, __VLS_102: {
+}, __VLS_129: {
     enabled: import("vue").ComputedRef<boolean>;
     isActive: import("vue").ComputedRef<boolean>;
     isLoading: import("vue").ComputedRef<boolean>;
@@ -143,13 +166,13 @@ declare var __VLS_15: {
     togglePause: () => void;
     reset: () => void;
     reload: () => void | Promise<void>;
-}, __VLS_115: {
+}, __VLS_142: {
     items: Record<string, any>[];
     operation: {
         openDialog: typeof openDialog;
-        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<any>);
-        importItems: ((importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
-        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
+        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
+        importItems: ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
         deleteItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
         reload: (() => Promise<void> | undefined) | (() => Promise<void>);
         setSearch: ((keyword: string) => void) | ((keyword: string) => void);
@@ -160,13 +183,13 @@ declare var __VLS_15: {
         canDelete: boolean;
         autoRefresh: import("vue").Raw<import("../../composables/autoRefresh.js").UseAutoRefreshHandle>;
     };
-}, __VLS_128: {
+}, __VLS_155: {
     items: Record<string, any>[];
     operation: {
         openDialog: typeof openDialog;
-        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<any>);
-        importItems: ((importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
-        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
+        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
+        importItems: ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
         deleteItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
         reload: (() => Promise<void> | undefined) | (() => Promise<void>);
         setSearch: ((keyword: string) => void) | ((keyword: string) => void);
@@ -177,12 +200,12 @@ declare var __VLS_15: {
         canDelete: boolean;
         autoRefresh: import("vue").Raw<import("../../composables/autoRefresh.js").UseAutoRefreshHandle>;
     };
-}, __VLS_182: never, __VLS_183: {
+}, __VLS_209: never, __VLS_210: {
     operation: {
         openDialog: typeof openDialog;
-        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<any>);
-        importItems: ((importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
-        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
+        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
+        importItems: ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
         deleteItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
         reload: (() => Promise<void> | undefined) | (() => Promise<void>);
         setSearch: ((keyword: string) => void) | ((keyword: string) => void);
@@ -193,12 +216,12 @@ declare var __VLS_15: {
         canDelete: boolean;
         autoRefresh: import("vue").Raw<import("../../composables/autoRefresh.js").UseAutoRefreshHandle>;
     };
-}, __VLS_208: never, __VLS_209: {
+}, __VLS_235: never, __VLS_236: {
     operation: {
         openDialog: typeof openDialog;
-        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<any>);
-        importItems: ((importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
-        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
+        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
+        importItems: ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
         deleteItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
         reload: (() => Promise<void> | undefined) | (() => Promise<void>);
         setSearch: ((keyword: string) => void) | ((keyword: string) => void);
@@ -209,31 +232,60 @@ declare var __VLS_15: {
         canDelete: boolean;
         autoRefresh: import("vue").Raw<import("../../composables/autoRefresh.js").UseAutoRefreshHandle>;
     };
-}, __VLS_277: any;
+}, __VLS_261: never, __VLS_262: {
+    operation: {
+        openDialog: typeof openDialog;
+        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
+        importItems: ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
+        deleteItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
+        reload: (() => Promise<void> | undefined) | (() => Promise<void>);
+        setSearch: ((keyword: string) => void) | ((keyword: string) => void);
+        canServerPageable: boolean;
+        canServerSearch: boolean;
+        canCreate: boolean;
+        canUpdate: boolean;
+        canDelete: boolean;
+        autoRefresh: import("vue").Raw<import("../../composables/autoRefresh.js").UseAutoRefreshHandle>;
+    };
+}, __VLS_330: any, __VLS_332: {
+    isImporting: boolean;
+    total: number;
+    processed: number;
+    succeeded: number;
+    failed: number;
+    percent: number;
+};
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_182>]?: (props: typeof __VLS_183) => any;
+    [K in NonNullable<typeof __VLS_209>]?: (props: typeof __VLS_210) => any;
+} & {
+    [K in NonNullable<typeof __VLS_235>]?: (props: typeof __VLS_236) => any;
 } & {
-    [K in NonNullable<typeof __VLS_208>]?: (props: typeof __VLS_209) => any;
+    [K in NonNullable<typeof __VLS_261>]?: (props: typeof __VLS_262) => any;
 } & {
     default?: (props: typeof __VLS_15) => any;
 } & {
     item?: (props: typeof __VLS_35) => any;
 } & {
-    loader?: (props: typeof __VLS_38) => any;
+    item?: (props: typeof __VLS_62) => any;
 } & {
-    loaderItem?: (props: typeof __VLS_58) => any;
+    loader?: (props: typeof __VLS_65) => any;
 } & {
-    header?: (props: typeof __VLS_66) => any;
+    loaderItem?: (props: typeof __VLS_85) => any;
 } & {
-    title?: (props: typeof __VLS_92) => any;
+    header?: (props: typeof __VLS_93) => any;
 } & {
-    autoRefreshControl?: (props: typeof __VLS_102) => any;
+    title?: (props: typeof __VLS_119) => any;
 } & {
-    search?: (props: typeof __VLS_115) => any;
+    autoRefreshControl?: (props: typeof __VLS_129) => any;
 } & {
-    toolbarItems?: (props: typeof __VLS_128) => any;
+    search?: (props: typeof __VLS_142) => any;
 } & {
-    form?: (props: typeof __VLS_277) => any;
+    toolbarItems?: (props: typeof __VLS_155) => any;
+} & {
+    form?: (props: typeof __VLS_330) => any;
+} & {
+    importProgress?: (props: typeof __VLS_332) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
     noDataText: string;
@@ -260,13 +312,19 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     autoRefresh: boolean;
     autoRefreshDefault: number;
     autoRefreshControl: boolean;
+    importConcurrency: number;
+    virtual: undefined;
+    virtualThreshold: number;
+    virtualHeight: string;
+    virtualItemHeight: number;
+    virtualItemsPerRow: undefined;
 }>>, {
     reload: (() => Promise<void> | undefined) | (() => Promise<void>);
     operation: import("vue").Ref<{
         openDialog: typeof openDialog;
-        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<any>);
-        importItems: ((importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
-        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
+        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
+        importItems: ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
         deleteItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
         reload: (() => Promise<void> | undefined) | (() => Promise<void>);
         setSearch: ((keyword: string) => void) | ((keyword: string) => void);
@@ -278,9 +336,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         autoRefresh: import("vue").Raw<import("../../composables/autoRefresh.js").UseAutoRefreshHandle>;
     }, {
         openDialog: typeof openDialog;
-        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<any>);
-        importItems: ((importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
-        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
+        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
+        importItems: ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
         deleteItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
         reload: (() => Promise<void> | undefined) | (() => Promise<void>);
         setSearch: ((keyword: string) => void) | ((keyword: string) => void);
@@ -292,9 +350,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         autoRefresh: import("vue").Raw<import("../../composables/autoRefresh.js").UseAutoRefreshHandle>;
     } | {
         openDialog: typeof openDialog;
-        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<any>);
-        importItems: ((importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importItemsList: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
-        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
+        createItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
+        importItems: ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void) | ((importData: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void);
+        updateItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, idempotencySalt?: string | number) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>);
         deleteItem: ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>);
         reload: (() => Promise<void> | undefined) | (() => Promise<void>);
         setSearch: ((keyword: string) => void) | ((keyword: string) => void);
@@ -306,6 +364,39 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         autoRefresh: import("vue").Raw<import("../../composables/autoRefresh.js").UseAutoRefreshHandle>;
     }>;
     autoRefresh: import("../../composables/autoRefresh.js").UseAutoRefreshHandle;
+    importProgress: {
+        isImporting: import("vue").Ref<boolean, boolean>;
+        total: import("vue").Ref<number, number>;
+        processed: import("vue").Ref<number, number>;
+        succeeded: import("vue").Ref<number, number>;
+        failed: import("vue").Ref<number, number>;
+        errors: import("vue").Ref<{
+            index: number;
+            item: any;
+            errorType: import("../../composables/importProgress.js").ImportErrorType;
+            message: string;
+            detail?: any;
+        }[], import("../../composables/importProgress.js").ImportError[] | {
+            index: number;
+            item: any;
+            errorType: import("../../composables/importProgress.js").ImportErrorType;
+            message: string;
+            detail?: any;
+        }[]>;
+        percent: import("vue").ComputedRef<number>;
+        resultVisible: import("vue").Ref<boolean, boolean>;
+        reset: () => void;
+        run: <T = any>(items: T[], worker: import("../../composables/importProgress.js").ImportWorker<T>, options?: {
+            concurrency
+            /**
+             * ModelIterator connects model metadata to reusable selection, labeling, iterator, or table UI patterns.
+             * This doc block is consumed by vue-docgen for generated API documentation.
+             */
+            ?: number;
+        }) => Promise<import("../../composables/importProgress.js").ImportSummary>;
+        retry: (indices?: number[]) => Promise<import("../../composables/importProgress.js").ImportSummary>;
+        dismissResult: () => void;
+    };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
     noDataText: string;
     dialogFullscreen: boolean;
@@ -331,6 +422,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     autoRefresh: boolean;
     autoRefreshDefault: number;
     autoRefreshControl: boolean;
+    importConcurrency: number;
+    virtual: undefined;
+    virtualThreshold: number;
+    virtualHeight: string;
+    virtualItemHeight: number;
+    virtualItemsPerRow: undefined;
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -3,7 +3,8 @@ import { computed, nextTick, ref, markRaw, useAttrs, useSlots, watch } from "vue
 import { useModelAutoRefresh } from "../../composables/modelAutoRefresh";
 import { VDataIterator } from "vuetify/components/VDataIterator";
 import { VDataTable } from "vuetify/components/VDataTable";
-import { omit } from "lodash-es";
+import { omit, chunk } from "lodash-es";
+import { shouldVirtualize, itemsPerRowForSpan } from "../../utils/virtualize";
 import { useGraphqlModel } from "../../composables/graphqlModel";
 import { useApiModel } from "../../composables/apiModel";
 import { usePerPagePreference } from "../../composables/perPagePreference";
@@ -43,6 +44,12 @@ const props = defineProps({
   autoRefresh: { type: [Number, Boolean], required: false, default: false },
   autoRefreshDefault: { type: Number, required: false, default: 60 },
   autoRefreshControl: { type: Boolean, required: false, default: true },
+  importConcurrency: { type: Number, required: false, default: 3 },
+  virtual: { type: Boolean, required: false, default: void 0 },
+  virtualThreshold: { type: Number, required: false, default: 500 },
+  virtualHeight: { type: [Number, String], required: false, default: "70vh" },
+  virtualItemHeight: { type: Number, required: false, default: 80 },
+  virtualItemsPerRow: { type: Number, required: false, default: void 0 },
   modelName: { type: String, required: true },
   modelKey: { type: String, required: false, default: "id" },
   modelBy: { type: Object, required: false, default: void 0 },
@@ -116,13 +123,24 @@ const {
   deleteItem,
   loadItems,
   reload,
-  isLoading
+  isLoading,
+  importProgress
 } = props.api ? useApiModel(props) : useGraphqlModel(props);
 const { autoRefresh, manualReload } = useModelAutoRefresh(props, {
   reload,
   isLoading,
   isDialogOpen
 });
+const useVirtual = computed(() => shouldVirtualize(items.value.length, props.virtual, props.virtualThreshold));
+const itemsPerRow = computed(() => {
+  if (props.virtualItemsPerRow && props.virtualItemsPerRow > 0) return props.virtualItemsPerRow;
+  const bp = display.name?.value;
+  const span = (bp === "xxl" && props.xxl !== false ? props.xxl : void 0) ?? (["xxl", "xl"].includes(bp) && props.xl !== false ? props.xl : void 0) ?? (["xxl", "xl", "lg"].includes(bp) && props.lg !== false ? props.lg : void 0) ?? (["xxl", "xl", "lg", "md"].includes(bp) && props.md !== false ? props.md : void 0) ?? (["xxl", "xl", "lg", "md", "sm"].includes(bp) && props.sm !== false ? props.sm : void 0) ?? props.cols;
+  return itemsPerRowForSpan(span);
+});
+function chunkRows(slotItems) {
+  return chunk([...slotItems ?? []], itemsPerRow.value);
+}
 function openDialog(item) {
   currentItem.value = item;
   nextTick(() => {
@@ -178,7 +196,7 @@ const computedSkeletonPerPage = computed(() => {
 watch(() => props.search, () => {
   search.value = props.search;
 }, { immediate: true });
-defineExpose({ reload, operation, autoRefresh });
+defineExpose({ reload, operation, autoRefresh, importProgress });
 </script>
 
 <template>
@@ -191,13 +209,14 @@ defineExpose({ reload, operation, autoRefresh });
       :item-value="modelKey"
       :search="search"
       :loading="isLoading"
+      :transition="false"
     >
       <template #default="defaultProps" v-if="viewType.includes('iterator')">
         <slot
           v-bind="defaultProps"
           :operation="operation"
         >
-          <v-container fluid>
+          <v-container fluid v-if="!useVirtual">
             <v-row>
               <v-col
                 v-for="(item, index) in defaultProps.items"
@@ -217,6 +236,38 @@ defineExpose({ reload, operation, autoRefresh });
               </v-col>
             </v-row>
           </v-container>
+          <v-virtual-scroll
+            v-else
+            :items="chunkRows(defaultProps.items)"
+            :item-height="props.virtualItemHeight"
+            :height="props.virtualHeight"
+          >
+            <template #default="{ item: rowItems }">
+              <!-- pt-0 pb-6: reproduce the grid's 24px row gap as bottom padding so the
+                   measured virtual-row height includes it and VVirtualScroll spaces rows
+                   the same as the non-virtual <v-row gap="24"> grid. -->
+              <v-container fluid class="pt-0 pb-6">
+                <v-row>
+                  <v-col
+                    v-for="(item, index) in rowItems"
+                    :key="index"
+                    :cols="cols"
+                    :sm="sm"
+                    :md="md"
+                    :lg="lg"
+                    :xl="xl"
+                    :xxl="xxl"
+                  >
+                    <slot
+                      name="item"
+                      :item="item"
+                      :operation="operation"
+                    />
+                  </v-col>
+                </v-row>
+              </v-container>
+            </template>
+          </v-virtual-scroll>
         </slot>
       </template>
       <template #loader="loaderProps" v-if="viewType.includes('iterator')">
@@ -339,7 +390,7 @@ defineExpose({ reload, operation, autoRefresh });
         </slot>
         <template v-if="viewType.includes('table')">
           <v-data-table-server
-              v-if="canServerPageable"
+              v-if="canServerPageable && !useVirtual"
               v-bind="plainAttrs"
               color="primary"
               :items="items"
@@ -381,6 +432,49 @@ defineExpose({ reload, operation, autoRefresh });
               />
             </template>
           </v-data-table-server>
+          <v-data-table-virtual
+              v-else-if="useVirtual"
+              v-bind="plainAttrs"
+              color="primary"
+              :items="items"
+              :item-value="props.modelKey"
+              :search="search"
+              :loading="isLoading"
+              :height="props.virtualHeight"
+              fixed-header
+          >
+            <!-- @ts-ignore -->
+            <template
+                v-for="(_, name, index) in tableSlots"
+                :key="index"
+                #[name]="slotData"
+            >
+              <slot
+                  :name="name"
+                  v-bind="slotData || {}"
+                  :operation="operation"
+              />
+            </template>
+            <template
+                v-if="!$slots['item.action']"
+                #item.action="{ item }"
+            >
+              <v-btn
+                  v-if="canUpdate"
+                  variant="flat"
+                  density="compact"
+                  icon="mdi mdi-note-edit"
+                  @click="openDialog(item)"
+              />
+              <v-btn
+                  v-if="canDelete"
+                  variant="flat"
+                  density="compact"
+                  icon="mdi mdi-delete"
+                  @click="deleteItem(item)"
+              />
+            </template>
+          </v-data-table-virtual>
           <v-data-table
               v-else
               v-bind="plainAttrs"
@@ -486,5 +580,35 @@ defineExpose({ reload, operation, autoRefresh });
         />
       </template>
     </FormDialog>
+    <slot
+      name="importProgress"
+      :is-importing="importProgress.isImporting.value"
+      :total="importProgress.total.value"
+      :processed="importProgress.processed.value"
+      :succeeded="importProgress.succeeded.value"
+      :failed="importProgress.failed.value"
+      :percent="importProgress.percent.value"
+    >
+      <DialogImportProgress
+        :model-value="importProgress.isImporting.value"
+        :total="importProgress.total.value"
+        :processed="importProgress.processed.value"
+        :succeeded="importProgress.succeeded.value"
+        :failed="importProgress.failed.value"
+        :percent="importProgress.percent.value"
+      />
+    </slot>
+    <DialogImportResult
+      :model-value="importProgress.resultVisible.value"
+      :errors="importProgress.errors.value"
+      :total="importProgress.total.value"
+      :failed="importProgress.failed.value"
+      :is-importing="importProgress.isImporting.value"
+      @update:model-value="(v) => {
+  if (!v) importProgress.dismissResult();
+}"
+      @retry-all="() => importProgress.retry().then(reload)"
+      @retry="(i) => importProgress.retry([i]).then(reload)"
+    />
   </v-card>
 </template>