@ramathibodi/nuxt-commons 4.0.12 → 4.0.13

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.
@@ -43,7 +49,7 @@ 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);
+        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) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => 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>);
@@ -80,7 +86,7 @@ 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);
+        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) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => 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>);
@@ -92,15 +98,32 @@ 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) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => 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) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => 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);
+        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) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => 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>);
@@ -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,12 +166,12 @@ 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);
+        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) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => 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>);
@@ -160,12 +183,12 @@ 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);
+        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) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => 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>);
@@ -177,11 +200,11 @@ 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);
+        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) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => 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>);
@@ -193,11 +216,11 @@ 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);
+        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) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => 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>);
@@ -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) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => 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) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => 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_208>]?: (props: typeof __VLS_209) => any;
+    [K in NonNullable<typeof __VLS_235>]?: (props: typeof __VLS_236) => 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;
+} & {
+    loader?: (props: typeof __VLS_65) => any;
 } & {
-    loaderItem?: (props: typeof __VLS_58) => any;
+    loaderItem?: (props: typeof __VLS_85) => any;
 } & {
-    header?: (props: typeof __VLS_66) => any;
+    header?: (props: typeof __VLS_93) => any;
 } & {
-    title?: (props: typeof __VLS_92) => any;
+    title?: (props: typeof __VLS_119) => any;
 } & {
-    autoRefreshControl?: (props: typeof __VLS_102) => any;
+    autoRefreshControl?: (props: typeof __VLS_129) => any;
 } & {
-    search?: (props: typeof __VLS_115) => any;
+    search?: (props: typeof __VLS_142) => any;
 } & {
-    toolbarItems?: (props: typeof __VLS_128) => any;
+    toolbarItems?: (props: typeof __VLS_155) => any;
 } & {
-    form?: (props: typeof __VLS_277) => 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,12 +312,18 @@ 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);
+        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) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => 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>);
@@ -279,7 +337,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     }, {
         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);
+        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) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => 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>);
@@ -293,7 +351,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     } | {
         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);
+        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) => Promise<void>) | ((item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => 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>);
@@ -306,6 +364,30 @@ 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;
+            message: string;
+        }[], import("../../composables/importProgress.js").ImportError[] | {
+            index: number;
+            message: string;
+        }[]>;
+        percent: import("vue").ComputedRef<number>;
+        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>;
+    };
 }, {}, {}, {}, 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 +413,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/apiModel.d.ts

@@ -31,10 +31,29 @@ export declare function useApiModel<T extends ApiModelComposableProps>(props: T)
     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;
+    importItems: (importData: Record<string, any>[], callback?: FormDialogCallback) => void;
     updateItem: (item: Record<string, any>, callback?: FormDialogCallback) => 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;
+            message: string;
+        }[], import("./importProgress.js").ImportError[] | {
+            index: number;
+            message: string;
+        }[]>;
+        percent: import("vue").ComputedRef<number>;
+        reset: () => void;
+        run: <T_1 = any>(items: T_1[], worker: import("./importProgress.js").ImportWorker<T_1>, options?: {
+            concurrency?: number;
+        }) => Promise<import("./importProgress.js").ImportSummary>;
+    };
 };

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;
   }
@@ -60,27 +61,33 @@ 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) => {
+      const createAsNew = () => createItem(Object.assign({}, props.initialData, item), void 0, true);
+      return item[props.modelKey || "id"] ? updateItem(item, void 0).then((result) => {
+        if (!result) return createAsNew();
+      }) : createAsNew();
+    };
+    importProgress.run(importData, worker, { concurrency: props.importConcurrency }).then(({ succeeded, failed }) => {
+      if (failed > 0) {
+        alert?.addAlert({ alertType: "warning", message: `\u0E19\u0E33\u0E40\u0E02\u0E49\u0E32\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08 ${succeeded} \u0E23\u0E32\u0E22\u0E01\u0E32\u0E23, \u0E25\u0E49\u0E21\u0E40\u0E2B\u0E25\u0E27 ${failed} \u0E23\u0E32\u0E22\u0E01\u0E32\u0E23` });
+      } 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();
@@ -180,6 +187,7 @@ export function useApiModel(props) {
     deleteItem,
     loadItems,
     reload,
-    isLoading
+    isLoading,
+    importProgress
   };
 }

package/dist/runtime/composables/document/template.d.ts

@@ -13,6 +13,26 @@ export interface DocumentTemplateItem {
     retrievedValue?: string;
     customClass?: string;
     customStyle?: string;
+    /**
+     * Print/docx-only hook attributes appended to the generated `{{placeholder}}`
+     * by the backend docx renderer (rama-spring-starter `DocumentTemplateJsonRenderer`).
+     * Ignored by the Vue form renderer ({@link useDocumentTemplate}).
+     *
+     * Two accepted shapes:
+     *  - object map — each entry becomes a placeholder attribute
+     *    (`{ width: 2 }` → `;width=2`); a `true`/blank value becomes a bare flag
+     *    (`{ qrcode: true }` → `;qrcode`). Entry order is preserved.
+     *  - raw string — appended verbatim as attributes
+     *    (`"format=dd/MM/yyyy"` → `;format=dd/MM/yyyy`).
+     *
+     * See {@link printConfigToAttributes} for the exact append semantics.
+     */
+    printConfig?: Record<string, string | number | boolean> | string;
+}
+/** A single key/value row of a {@link DocumentTemplateItem.printConfig} object map, used by the builder editor. */
+export interface PrintConfigRow {
+    key: string;
+    value: string | number | boolean;
 }
 export interface ChoiceItem {
     label: string;
@@ -23,5 +43,46 @@ export declare function useDocumentTemplate(items: string | object, parentTempla
 export declare function templateItemToString(inputItem: DocumentTemplateItem, parentTemplates: string | string[], dataVariable?: string): string;
 export declare function optionStringToChoiceObject(option: string | object): ChoiceItem[];
 export declare function escapeObjectForInlineBinding(obj: object): string;
+/**
+ * Explode a {@link DocumentTemplateItem.printConfig} object map into ordered
+ * key/value rows for the builder editor. Returns an empty array for the
+ * raw-string form or any non-object value (those are edited as a plain string).
+ */
+export declare function printConfigToRows(printConfig: DocumentTemplateItem['printConfig'] | undefined): PrintConfigRow[];
+/**
+ * Collapse builder rows back into a `printConfig` object map. Blank keys are
+ * dropped; string values are coerced so the stored JSON matches the backend's
+ * expected primitives: `'true'`/`'false'` → boolean, numeric strings → number,
+ * and a blank value → `true` (a bare flag). Entry order is preserved.
+ */
+export declare function rowsToPrintConfig(rows: PrintConfigRow[] | undefined): Record<string, string | number | boolean>;
+/**
+ * Parse a human raw-attribute string (`"width=2; qrcode; locale=th_TH"`, an
+ * optional leading `;` is tolerated) into builder rows. Each `;`-separated
+ * token splits on the first `=`; a token without `=` becomes a bare-flag row
+ * (blank value). Blank tokens and blank keys are dropped. Inverse of
+ * {@link rowsToConfigString}; used when toggling the builder from raw-string to
+ * key/value mode.
+ */
+export declare function configStringToRows(configString: string | undefined): PrintConfigRow[];
+/**
+ * Render builder rows into a human raw-attribute string
+ * (`"width=2; qrcode"`). A `true`/blank value becomes a bare flag. Inverse of
+ * {@link configStringToRows}; used when toggling the builder from key/value to
+ * raw-string mode.
+ */
+export declare function rowsToConfigString(rows: PrintConfigRow[] | undefined): string;
+/**
+ * Resolve a {@link DocumentTemplateItem.printConfig} to the attribute string the
+ * backend docx renderer appends to a `{{placeholder}}`. This is the single
+ * source of truth for the append semantics (object map and raw string).
+ *
+ * - object map — `{ width: 2 }` → `;width=2`; a `true`/blank value becomes a
+ *   bare flag (`{ qrcode: true }` → `;qrcode`); a `false` value is omitted.
+ * - raw string — appended verbatim with exactly one leading `;`.
+ *
+ * The Vue form renderer never calls this — `printConfig` is print-target-only.
+ */
+export declare function printConfigToAttributes(printConfig: DocumentTemplateItem['printConfig'] | undefined): string;
 export declare function buildValidationRules(validationString: string): string;
 export declare function processDefaultTemplate(item: DocumentTemplateItem, insideTemplate?: string, optionString?: string, validationRules?: string, dataVariable?: string): string;

package/dist/runtime/composables/document/template.js

@@ -130,6 +130,65 @@ export function optionStringToChoiceObject(option) {
 export function escapeObjectForInlineBinding(obj) {
   return JSON.stringify(obj).replace(/'/g, "'");
 }
+export function printConfigToRows(printConfig) {
+  if (!printConfig || typeof printConfig !== "object" || Array.isArray(printConfig)) return [];
+  return Object.entries(printConfig).map(([key, value]) => ({ key, value }));
+}
+export function rowsToPrintConfig(rows) {
+  const out = {};
+  for (const row of rows || []) {
+    const key = typeof row?.key === "string" ? row.key.trim() : "";
+    if (!key) continue;
+    out[key] = coercePrintConfigValue(row.value);
+  }
+  return out;
+}
+function coercePrintConfigValue(value) {
+  if (typeof value === "boolean" || typeof value === "number") return value;
+  const str = typeof value === "string" ? value.trim() : "";
+  if (str === "") return true;
+  if (str === "true") return true;
+  if (str === "false") return false;
+  if (/^-?\d+(\.\d+)?$/.test(str)) return Number(str);
+  return str;
+}
+export function configStringToRows(configString) {
+  if (typeof configString !== "string") return [];
+  const rows = [];
+  for (const token of configString.split(";")) {
+    const trimmed = token.trim();
+    if (!trimmed) continue;
+    const eq = trimmed.indexOf("=");
+    const key = (eq === -1 ? trimmed : trimmed.slice(0, eq)).trim();
+    if (!key) continue;
+    rows.push({ key, value: eq === -1 ? "" : trimmed.slice(eq + 1).trim() });
+  }
+  return rows;
+}
+export function rowsToConfigString(rows) {
+  return (rows || []).map((row) => {
+    const key = typeof row?.key === "string" ? row.key.trim() : "";
+    if (!key) return "";
+    return row.value === true || row.value === "" ? key : `${key}=${row.value}`;
+  }).filter(Boolean).join("; ");
+}
+export function printConfigToAttributes(printConfig) {
+  if (!printConfig) return "";
+  if (typeof printConfig === "string") {
+    const trimmed = printConfig.trim();
+    return trimmed ? `;${trimmed.replace(/^;+/, "")}` : "";
+  }
+  if (typeof printConfig !== "object" || Array.isArray(printConfig)) return "";
+  let attributes = "";
+  for (const [key, value] of Object.entries(printConfig)) {
+    const name = String(key).trim();
+    if (!name) continue;
+    if (value === false) continue;
+    if (value === true || value === "") attributes += `;${name}`;
+    else attributes += `;${name}=${value}`;
+  }
+  return attributes;
+}
 export function buildValidationRules(validationString) {
   validationString = validationString.replace(/^\[|]$/g, "").trim();
   if (!validationRulesRegex.test(validationString)) return "";

package/dist/runtime/composables/document/validateTemplate.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Validation for Document Template JSON — the array of `DocumentTemplateItem`
+ * objects consumed by {@link useDocumentTemplate} and produced by
+ * `<DocumentTemplateBuilder>`.
+ *
+ * The validator reuses the renderer's own single-sources-of-truth so it can
+ * never drift from runtime behaviour:
+ *
+ *  - `validationRulesRegex` — the exact gate the runtime (`buildValidationRules`)
+ *    and the builder UI both apply to `validationRules`.
+ *  - the choice-format regex `^[^'",]+(,[^'",]+)*$` — the same one
+ *    `optionStringToChoiceObject` and the builder's `ruleOptions` use.
+ *  - the built-in input-type registry — for per-type flags (`requiresOptions`,
+ *    `needsVariableName`, `needsLabel`, `needsWidth`, `optionsAsChoice`,
+ *    `hasSpecificOptionEditor`).
+ *
+ * Two strictness levels share one core via the `strict` option:
+ *
+ *  - `error`   — render-breaking. Invalid in both modes.
+ *  - `warning` — builder-unsafe, but the runtime still renders without crashing.
+ *                Promoted to `error` when `strict: true`.
+ *  - `info`    — advisory only; never affects `valid`.
+ *
+ * This doc block is consumed by vue-docgen for generated API documentation.
+ */
+import { type ComputedRef, type MaybeRefOrGetter } from 'vue';
+export type ValidationSeverity = 'error' | 'warning' | 'info';
+export interface ValidationIssue {
+    /** JSON-ish path to the offending node, e.g. `[2].inputOptions.formTemplate[0].variableName`. */
+    path: string;
+    /** Stable machine code, e.g. `INPUT_TYPE_MISSING`. */
+    code: string;
+    /** Human-readable explanation. */
+    message: string;
+    /** Effective severity (already reflects `strict` promotion). */
+    severity: ValidationSeverity;
+}
+export interface ValidationResult {
+    valid: boolean;
+    errors: ValidationIssue[];
+    warnings: ValidationIssue[];
+    infos: ValidationIssue[];
+    /** All issues in document order. */
+    issues: ValidationIssue[];
+}
+export interface ValidateOptions {
+    /** Promote builder-unsafe `warning`s to `error`s. Default `false`. */
+    strict?: boolean;
+    /** Forwarded ancestor-template context (advisory; mirrors `useDocumentTemplate`). */
+    parentTemplates?: string | string[];
+}
+/**
+ * Validate a Document Template. Accepts the same inputs as `useDocumentTemplate`:
+ * a JSON string or an already-parsed array of items.
+ */
+export declare function validateDocumentTemplate(items: string | object, options?: ValidateOptions): ValidationResult;
+/**
+ * Reactive wrapper. Re-validates whenever `source` (a ref, getter, JSON string,
+ * or item array) changes. Use in `<DocumentTemplateBuilder>`-adjacent UIs to
+ * surface per-field issues live.
+ */
+export declare function useDocumentTemplateValidate(source: MaybeRefOrGetter<string | object>, options?: ValidateOptions): ComputedRef<ValidationResult>;