@ramathibodi/nuxt-commons 4.0.12 → 4.0.14

package/dist/runtime/components/model/iterator.vue.d.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/composables/api.d.ts

@@ -64,6 +64,13 @@ export type CacheOption = boolean | number | {
  */
 export interface ApiIdempotencyOption {
     idempotent?: boolean;
+    /**
+     * Optional discriminator folded as a trailing component into the
+     * Idempotency-Key hash: SHA-256(`<second>|<username>|<body>|<salt>`).
+     * Lets legitimately-identical payloads (e.g. duplicate bulk-import rows)
+     * resolve to distinct keys without weakening dedup elsewhere.
+     */
+    idempotencySalt?: string | number;
 }
 export type ApiFetchOptions = UseFetchOptions<unknown> & ApiIdempotencyOption;
 export declare function _resetLegacyHeuristicWarning(): void;

package/dist/runtime/composables/api.js

@@ -101,9 +101,10 @@ export function useApi() {
       const username = (typeof auth.getUsername === "function" ? auth.getUsername() : auth.userProfile?.username) ?? "";
       const second = Math.floor(Date.now() / 1e3).toString();
       const bodyJson = stableStringify(body ?? {});
-      headers[headerName] = await sha256(`${second}|${username}|${bodyJson}`);
+      const salt = options.idempotencySalt != null ? `|${String(options.idempotencySalt)}` : "";
+      headers[headerName] = await sha256(`${second}|${username}|${bodyJson}${salt}`);
     }
-    const { idempotent: _omitIdempotent, ...passThroughOptions } = options;
+    const { idempotent: _omitIdempotent, idempotencySalt: _omitSalt, ...passThroughOptions } = options;
     const baseOptions = {
       method,
       body,

package/dist/runtime/composables/apiModel.d.ts

@@ -30,11 +30,39 @@ export declare function useApiModel<T extends ApiModelComposableProps>(props: T)
     canCreate: import("vue").ComputedRef<boolean>;
     canUpdate: import("vue").ComputedRef<boolean>;
     canDelete: import("vue").ComputedRef<boolean>;
-    createItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean) => Promise<any>;
-    importItems: (importItemsList: Record<string, any>[], callback?: FormDialogCallback) => void;
-    updateItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>;
+    createItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>;
+    importItems: (importData: Record<string, any>[], callback?: FormDialogCallback) => void;
+    updateItem: (item: Record<string, any>, callback?: FormDialogCallback, importing?: boolean, idempotencySalt?: string | number) => Promise<any>;
     deleteItem: (item: Record<string, any>, callback?: FormDialogCallback) => Promise<any>;
     loadItems: (options: any) => Promise<void>;
     reload: () => Promise<void>;
     isLoading: import("vue").Ref<boolean, boolean>;
+    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("./importProgress.js").ImportErrorType;
+            message: string;
+            detail?: any;
+        }[], import("./importProgress.js").ImportError[] | {
+            index: number;
+            item: any;
+            errorType: import("./importProgress.js").ImportErrorType;
+            message: string;
+            detail?: any;
+        }[]>;
+        percent: import("vue").ComputedRef<number>;
+        resultVisible: import("vue").Ref<boolean, boolean>;
+        reset: () => void;
+        run: <T_1 = any>(items: T_1[], worker: import("./importProgress.js").ImportWorker<T_1>, options?: {
+            concurrency?: number;
+        }) => Promise<import("./importProgress.js").ImportSummary>;
+        retry: (indices?: number[]) => Promise<import("./importProgress.js").ImportSummary>;
+        dismissResult: () => void;
+    };
 };

package/dist/runtime/composables/apiModel.js

@@ -3,7 +3,7 @@ import { watchDebounced } from "@vueuse/core";
 import { useAlert } from "./alert.js";
 import { useApiModelOperation } from "./apiModelOperation.js";
 import { arrayWrap } from "../utils/array.js";
-import pLimit from "p-limit";
+import { useImportProgress } from "./importProgress.js";
 export function stripModelByQualifier(modelName) {
   return modelName.split("By")[0].trim();
 }
@@ -20,6 +20,7 @@ export function useApiModel(props) {
   const search = ref();
   const currentOptions = ref();
   const isLoading = ref(false);
+  const importProgress = useImportProgress();
   function setSearch(keyword) {
     search.value = keyword;
   }
@@ -49,9 +50,9 @@ export function useApiModel(props) {
     }
     return [.../* @__PURE__ */ new Set([...fieldsProps, ...tmpFields])];
   });
-  function createItem(item, callback, importing = false) {
+  function createItem(item, callback, importing = false, idempotencySalt) {
     isLoading.value = true;
-    return ops.value.create(item, fields.value).then((result) => {
+    return ops.value.create(item, fields.value, idempotencySalt != null ? { idempotencySalt } : void 0).then((result) => {
       if (canServerPageable.value) {
         if (!importing) loadItems(currentOptions.value);
       } else {
@@ -60,35 +61,41 @@ export function useApiModel(props) {
       if (callback && callback.setData) callback.setData(result);
       return result;
     }).catch((error) => {
+      if (importing) throw error;
       alert?.addAlert({ alertType: "error", message: error?.message || String(error) });
     }).finally(() => {
       if (!importing) isLoading.value = false;
       if (callback) callback.done();
     });
   }
-  function importItems(importItemsList, callback) {
+  function importItems(importData, callback) {
+    if (importProgress.isImporting.value) return;
+    if (importData.length === 0) {
+      if (callback) callback.done();
+      return;
+    }
     isLoading.value = true;
-    const limit = pLimit(50);
-    const importPromises = importItemsList.map(
-      (item) => limit(
-        () => (item[props.modelKey || "id"] ? updateItem(item, void 0).then((result) => {
-          if (!result) {
-            return createItem(Object.assign({}, props.initialData, item), void 0, true);
-          }
-        }) : createItem(Object.assign({}, props.initialData, item), void 0, true)).catch((error) => {
-          alert?.addAlert({ alertType: "error", message: error?.message || String(error) });
-        })
-      )
-    );
-    Promise.all(importPromises).finally(() => {
+    const worker = (item, _index, salt) => {
+      const createAsNew = () => createItem(Object.assign({}, props.initialData, item), void 0, true, salt);
+      return item[props.modelKey || "id"] ? updateItem(item, void 0, true, salt).then((result) => {
+        if (!result) return createAsNew();
+      }) : createAsNew();
+    };
+    importProgress.run(importData, worker, { concurrency: props.importConcurrency }).then(({ succeeded, failed }) => {
+      if (failed > 0) {
+        importProgress.resultVisible.value = true;
+      } else {
+        alert?.addAlert({ alertType: "success", message: `\u0E19\u0E33\u0E40\u0E02\u0E49\u0E32\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08 ${succeeded} \u0E23\u0E32\u0E22\u0E01\u0E32\u0E23` });
+      }
+    }).finally(() => {
       isLoading.value = false;
       reload();
       if (callback) callback.done();
     });
   }
-  function updateItem(item, callback) {
+  function updateItem(item, callback, importing = false, idempotencySalt) {
     isLoading.value = true;
-    return ops.value.update(item, fields.value).then((result) => {
+    return ops.value.update(item, fields.value, idempotencySalt != null ? { idempotencySalt } : void 0).then((result) => {
       if (canServerPageable.value) {
         loadItems(currentOptions.value);
       } else {
@@ -100,9 +107,10 @@ export function useApiModel(props) {
       if (callback && callback.setData) callback.setData(result);
       return result;
     }).catch((error) => {
+      if (importing) throw error;
       alert?.addAlert({ alertType: "error", message: error?.message || String(error) });
     }).finally(() => {
-      isLoading.value = false;
+      if (!importing) isLoading.value = false;
       if (callback) callback.done();
     });
   }
@@ -180,6 +188,7 @@ export function useApiModel(props) {
     deleteItem,
     loadItems,
     reload,
-    isLoading
+    isLoading,
+    importProgress
   };
 }

package/dist/runtime/composables/apiModelOperation.d.ts

@@ -1,3 +1,17 @@
+/**
+ * useApiModelOperation provides a single runtime layer that owns every
+ * URL- and body-building rule for API mode (the REST counterpart to
+ * useGraphQlOperation). Reads preserve the full modelName; mutations
+ * strip the `By<Qualifier>` suffix.
+ *
+ * When the GraphQL bridge has a `graphqlType[modelName]` entry, fields
+ * are expanded via the existing buildFields() helper exactly the way
+ * useGraphQlOperation does for GraphQL queries. Otherwise, fields and
+ * variables pass through verbatim.
+ *
+ * This doc block is consumed by vue-docgen for generated API documentation.
+ */
+import { type ApiIdempotencyOption } from './api.js';
 export interface ApiModelPageable {
     page?: number;
     perPage?: number;
@@ -12,8 +26,8 @@ export interface ApiModelOperationCallables<TItem = any, TInput = any> {
         };
     }>;
     search: <T = TItem>(fields?: Array<string | object>, variables?: Record<string, any>, search?: any) => Promise<T[]>;
-    create: <T = TItem>(input: TInput | Record<string, any>, fields?: Array<string | object>) => Promise<T>;
-    update: <T = TItem>(input: TInput | Record<string, any>, fields?: Array<string | object>) => Promise<T>;
-    delete: <T = any>(input: TInput | Record<string, any>, fields?: Array<string | object>) => Promise<T>;
+    create: <T = TItem>(input: TInput | Record<string, any>, fields?: Array<string | object>, options?: ApiIdempotencyOption) => Promise<T>;
+    update: <T = TItem>(input: TInput | Record<string, any>, fields?: Array<string | object>, options?: ApiIdempotencyOption) => Promise<T>;
+    delete: <T = any>(input: TInput | Record<string, any>, fields?: Array<string | object>, options?: ApiIdempotencyOption) => Promise<T>;
 }
 export declare function useApiModelOperation<TItem = any, TInput = any>(modelName: string): ApiModelOperationCallables<TItem, TInput>;

package/dist/runtime/composables/apiModelOperation.js

@@ -40,17 +40,17 @@ export function useApiModelOperation(modelName) {
         search
       });
     },
-    create: (input, fields) => {
+    create: (input, fields, options) => {
       const endpoint = buildApiEndpoint(stripModelByQualifier(modelName), "create");
-      return api.postPromise(endpoint, { input, fields: prepFields(fields) });
+      return api.postPromise(endpoint, { input, fields: prepFields(fields) }, void 0, options);
     },
-    update: (input, fields) => {
+    update: (input, fields, options) => {
       const endpoint = buildApiEndpoint(stripModelByQualifier(modelName), "update");
-      return api.postPromise(endpoint, { input, fields: prepFields(fields) });
+      return api.postPromise(endpoint, { input, fields: prepFields(fields) }, void 0, options);
     },
-    delete: (input, fields) => {
+    delete: (input, fields, options) => {
       const endpoint = buildApiEndpoint(stripModelByQualifier(modelName), "delete");
-      return api.postPromise(endpoint, { input, fields: prepFields(fields) });
+      return api.postPromise(endpoint, { input, fields: prepFields(fields) }, void 0, options);
     }
   };
 }