vlite3 0.8.11 → 0.9.2

package/components/Navbar/Navbar.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as _, computed as m, ref as w, provide as ee, useSlots as le, onMounted as se, onUnmounted as oe, watch as A, openBlock as r, createElementBlock as i, createVNode as b, Transition as W, withCtx as g, withDirectives as Y, createElementVNode as t, normalizeClass as n, renderSlot as s, createCommentVNode as u, vShow as q, unref as c, createTextVNode as P, normalizeStyle as te, Fragment as x, createBlock as G } from "vue";
+import { defineComponent as _, computed as m, ref as w, provide as ee, useSlots as le, onMounted as se, onUnmounted as oe, watch as A, openBlock as r, createElementBlock as i, createVNode as f, Transition as W, withCtx as g, withDirectives as Y, createElementVNode as t, normalizeClass as n, renderSlot as s, createCommentVNode as u, vShow as q, unref as c, createTextVNode as P, normalizeStyle as te, Fragment as x, createBlock as G } from "vue";
 import { useRoute as ae } from "vue-router";
 import { useLocalStorage as re, onClickOutside as ie, useBreakpoints as ne, breakpointsTailwind as de } from "@vueuse/core";
 import z from "../Icon.vue.js";
@@ -8,19 +8,19 @@ import J from "./NavbarTabs.vue.js";
 import K from "../Breadcrumb/Breadcrumb.vue.js";
 /* empty css                                */
 import { useBreadcrumb as ue } from "../../composables/useBreadcrumb.js";
-const fe = {
+const be = {
   key: 0,
   class: "vlite-app-layout flex flex-row w-full h-full bg-body overflow-hidden"
-}, be = { class: "flex flex-col flex-1 min-w-0 h-full overflow-hidden" }, me = {
+}, fe = { class: "flex flex-col flex-1 min-w-0 h-full overflow-hidden" }, me = {
   key: 0,
   class: "w-full shrink-0 z-20 bg-background"
 }, ce = {
   key: 1,
-  class: "flex-1 overflow-y-auto w-full relative h-full flex flex-col min-h-0"
+  class: "flex-1 overflow-y-auto w-full relative h-full flex flex-col min-h-0 scrollbar-thin scrollbar-stable"
 }, ve = {
   key: 0,
   class: "shrink-0 w-full"
-}, ge = { class: "flex-1 overflow-y-auto w-full relative h-full" }, pe = { class: "flex flex-col h-full" }, he = { class: "flex-1 overflow-y-auto px-3.5 pt-4" }, ye = {
+}, ge = { class: "flex-1 overflow-y-auto w-full relative h-full scrollbar-thin scrollbar-stable" }, he = { class: "flex flex-col h-full" }, pe = { class: "flex-1 overflow-y-auto px-3.5 pt-4 scrollbar-thin scrollbar-stable" }, ye = {
   key: 0,
   class: "mt-auto pt-2 border-t border-border px-3 py-2"
 }, ke = {
@@ -31,25 +31,25 @@ const fe = {
   class: "w-full shrink-0 z-50 flex flex-col relative"
 }, xe = { class: "flex flex-1 w-full overflow-hidden relative" }, $e = { class: "flex items-center gap-4 shrink-0 z-10" }, Ce = {
   key: 0,
-  class: "flex-1 overflow-y-auto w-full relative h-full flex flex-col"
+  class: "flex-1 overflow-y-auto w-full relative h-full flex flex-col scrollbar-thin scrollbar-stable"
 }, Te = {
   key: 0,
   class: "shrink-0 w-full"
-}, ze = { class: "flex-1 overflow-y-auto w-full relative h-full" }, Se = { class: "flex flex-col max-h-[80vh] overflow-y-auto" }, Be = { class: "space-y-1 p-2" }, Ve = { class: "space-y-1 p-2" }, Me = { class: "flex flex-col space-y-6 pt-4 h-full" }, Oe = {
+}, ze = { class: "flex-1 overflow-y-auto w-full relative h-full scrollbar-thin scrollbar-stable" }, Se = { class: "flex flex-col max-h-[80vh] overflow-y-auto scrollbar-thin" }, Be = { class: "space-y-1 p-2" }, Ve = { class: "space-y-1 p-2" }, Me = { class: "flex flex-col space-y-6 pt-4 h-full" }, Oe = {
   key: 0,
   class: "flex flex-col space-y-1"
 }, Ne = {
   key: 1,
-  class: "flex flex-col space-y-4 flex-1 overflow-y-auto px-3.5!"
+  class: "flex flex-col space-y-4 flex-1 overflow-y-auto px-3.5! scrollbar-thin scrollbar-stable"
 }, Pe = {
   key: 2,
   class: "mt-auto pt-2 border-t border-border px-3! py-2!"
-}, Le = { class: "flex items-center gap-4 shrink-0 z-10" }, Re = { class: "flex flex-col max-h-[80vh] overflow-y-auto" }, He = { class: "space-y-1 p-2" }, je = { class: "space-y-1 p-2" }, Ie = { class: "flex flex-col space-y-6 pt-4 h-full" }, Ue = {
+}, Le = { class: "flex items-center gap-4 shrink-0 z-10" }, Re = { class: "flex flex-col max-h-[80vh] overflow-y-auto scrollbar-thin" }, He = { class: "space-y-1 p-2" }, je = { class: "space-y-1 p-2" }, Ie = { class: "flex flex-col space-y-6 pt-4 h-full" }, Ue = {
   key: 0,
   class: "flex flex-col space-y-1"
 }, Ee = {
   key: 1,
-  class: "flex flex-col space-y-4 flex-1 overflow-y-auto px-3.5!"
+  class: "flex flex-col space-y-4 flex-1 overflow-y-auto px-3.5! scrollbar-thin scrollbar-stable"
 }, De = {
   key: 2,
   class: "mt-auto pt-2 border-t border-border px-3! py-2!"
@@ -88,7 +88,7 @@ const fe = {
   },
   emits: ["toggle-mobile"],
   setup(v, { emit: Fe }) {
-    const l = v, h = l.breadcrumb ? ue({
+    const l = v, p = l.breadcrumb ? ue({
       homeIcon: l.breadcrumbHomeIcon,
       labelMap: l.breadcrumbLabels || {}
     }) : { items: m(() => []) }, y = w([]), k = w("");
@@ -104,7 +104,7 @@ const fe = {
         d().push(e).catch(() => {
         });
       }) : k.value = e);
-    }, p = m(() => !!(R.header || R.main)), j = m(() => l.sidebarToggle && p.value), I = () => {
+    }, h = m(() => !!(R.header || R.main)), j = m(() => l.sidebarToggle && h.value), I = () => {
       C.value = !C.value;
     };
     ie(
@@ -124,10 +124,10 @@ const fe = {
     });
     const E = m(() => {
       const e = l.variant === "sidebar", o = {
-        fixed: p.value ? "relative z-40" : "fixed top-0 left-0 z-40",
-        sticky: p.value ? "relative z-40" : "sticky top-0 z-40",
+        fixed: h.value ? "relative z-40" : "fixed top-0 left-0 z-40",
+        sticky: h.value ? "relative z-40" : "sticky top-0 z-40",
         relative: "relative z-10",
-        absolute: p.value ? "relative z-40" : "absolute top-0 left-0 w-full z-40"
+        absolute: h.value ? "relative z-40" : "absolute top-0 left-0 w-full z-40"
       }, d = "bg-body", T = [
         l.glass && (S.value || e || l.floating) ? "backdrop-blur-md bg-background/80 supports-[backdrop-filter]:bg-background/60" : "bg-background",
         l.border && !l.floating ? e ? "border-r border-border" : "border-b border-border" : "",
@@ -138,10 +138,10 @@ const fe = {
         md: "max-md:hidden",
         lg: "max-lg:hidden",
         xl: "max-xl:hidden"
-      }, O = p.value && e ? M[V] : "";
+      }, O = h.value && e ? M[V] : "";
       let N = "";
-      return e ? N = f.value.sidebarLayout : N = `flex items-center gap-4 w-full px-4 sm:px-6 lg:px-8 ${l.height}`, [d, o[l.position], ...T, N, O, l.class].filter(Boolean).join(" ");
-    }), f = m(() => {
+      return e ? N = b.value.sidebarLayout : N = `flex items-center gap-4 w-full px-4 sm:px-6 lg:px-8 ${l.height}`, [d, o[l.position], ...T, N, O, l.class].filter(Boolean).join(" ");
+    }), b = m(() => {
       const e = l.mobileBreakpoint || "md", o = {
         sm: "sm:hidden",
         md: "md:hidden",
@@ -182,7 +182,8 @@ const fe = {
         desktopOnly: O[e]
       };
     }), D = m(() => {
-      if (l.variant === "sidebar") return "flex-1 py-4 overflow-y-auto";
+      if (l.variant === "sidebar")
+        return "flex-1 py-4 overflow-y-auto scrollbar-thin scrollbar-stable";
       if (l.centerPosition === "left")
         return "flex items-center justify-start";
     }), Q = ae();
@@ -196,9 +197,9 @@ const fe = {
     A(X, (e) => {
       e && (a.value = !1);
     });
-    const F = m(() => j.value && !C.value), Z = m(() => p.value && l.variant === "sidebar" && l.layoutMode === "sidebar-first");
-    return (e, o) => Z.value ? (r(), i("div", fe, [
-      b(W, {
+    const F = m(() => j.value && !C.value), Z = m(() => h.value && l.variant === "sidebar" && l.layoutMode === "sidebar-first");
+    return (e, o) => Z.value ? (r(), i("div", be, [
+      f(W, {
         "enter-active-class": "transition-all duration-300 ease-in-out",
         "leave-active-class": "transition-all duration-300 ease-in-out",
         "enter-from-class": "opacity-0 -translate-x-2",
@@ -210,14 +211,14 @@ const fe = {
           Y(t("nav", {
             class: n([
               "shrink-0 h-full flex flex-col bg-background border-r border-border overflow-hidden z-30",
-              f.value.mobileTrigger === "md:hidden" ? "max-md:hidden" : "",
+              b.value.mobileTrigger === "md:hidden" ? "max-md:hidden" : "",
               l.class
             ]),
             role: "navigation",
             "aria-label": "Sidebar"
           }, [
             t("div", {
-              class: n(["flex-1 overflow-y-auto overflow-x-hidden scrollbar-thin", l.contentClass])
+              class: n(["flex-1 overflow-y-auto overflow-x-hidden scrollbar-thin scrollbar-stable", l.contentClass])
             }, [
               s(e.$slots, "default")
             ], 2),
@@ -233,31 +234,31 @@ const fe = {
         ]),
         _: 3
       }),
-      t("div", be, [
+      t("div", fe, [
         e.$slots.header ? (r(), i("header", me, [
           s(e.$slots, "header", {
             isOpen: a.value,
             toggle: () => a.value = !a.value,
             sidebarVisible: c(C),
             toggleSidebar: I,
-            breadcrumbItems: c(h).items.value
+            breadcrumbItems: c(p).items.value
           })
         ])) : u("", !0),
         e.$slots.main ? (r(), i("main", ce, [
           l.renderNestedTabs && y.value.length > 0 ? (r(), i("div", ve, [
-            b(J, {
+            f(J, {
               modelValue: k.value,
               "onUpdate:modelValue": o[0] || (o[0] = (d) => k.value = d),
               onChange: H,
               items: y.value
             }, null, 8, ["modelValue", "items"])
           ])) : u("", !0),
-          l.breadcrumb && l.breadcrumbPosition === "main" && c(h).items.value.length > 1 ? (r(), i("div", {
+          l.breadcrumb && l.breadcrumbPosition === "main" && c(p).items.value.length > 1 ? (r(), i("div", {
             key: 1,
             class: n(["shrink-0 w-full border-b border-border px-6 py-2", l.breadcrumbClass])
           }, [
-            b(c(K), {
-              items: c(h).items.value,
+            f(c(K), {
+              items: c(p).items.value,
               variant: l.breadcrumbVariant,
               separator: l.breadcrumbSeparator,
               size: l.breadcrumbSize
@@ -268,13 +269,13 @@ const fe = {
           ])
         ])) : u("", !0)
       ]),
-      b(L, {
+      f(L, {
         show: a.value,
         "onUpdate:show": o[1] || (o[1] = (d) => a.value = d),
         position: "left",
         size: "sm",
-        triggerClass: f.value.mobileTrigger,
-        class: n(["z-60", f.value.mobileTrigger]),
+        triggerClass: b.value.mobileTrigger,
+        class: n(["z-60", b.value.mobileTrigger]),
         headerClass: "pl-3! pr-4.5! py-3!",
         bodyClass: "p-0!"
       }, {
@@ -284,8 +285,8 @@ const fe = {
           ])
         ]),
         default: g(() => [
-          t("div", pe, [
-            t("div", he, [
+          t("div", he, [
+            t("div", pe, [
               s(e.$slots, "default")
             ]),
             e.$slots.right ? (r(), i("div", ye, [
@@ -295,18 +296,18 @@ const fe = {
         ]),
         _: 3
       }, 8, ["show", "triggerClass", "class"])
-    ])) : p.value ? (r(), i("div", ke, [
+    ])) : h.value ? (r(), i("div", ke, [
       e.$slots.header ? (r(), i("header", we, [
         s(e.$slots, "header", {
           isOpen: a.value,
           toggle: () => a.value = !a.value,
           sidebarVisible: c(C),
           toggleSidebar: I,
-          breadcrumbItems: c(h).items.value
+          breadcrumbItems: c(p).items.value
         })
       ])) : u("", !0),
       t("div", xe, [
-        b(W, {
+        f(W, {
           "enter-active-class": "transition-all duration-300 ease-in-out overflow-hidden",
           "leave-active-class": "transition-all duration-300 ease-in-out overflow-hidden",
           "enter-from-class": "opacity-0",
@@ -330,10 +331,10 @@ const fe = {
                       type: "button",
                       ref_key: "mobileTriggerRef",
                       ref: $,
-                      class: n(["p-2 -ml-2 text-muted-foreground hover:bg-accent rounded-md shrink-0", [f.value.mobileTrigger, l.mobileTriggerClass]]),
+                      class: n(["p-2 -ml-2 text-muted-foreground hover:bg-accent rounded-md shrink-0", [b.value.mobileTrigger, l.mobileTriggerClass]]),
                       onClick: o[2] || (o[2] = (d) => a.value = !a.value)
                     }, [
-                      b(z, {
+                      f(z, {
                         icon: "lucide:menu",
                         class: "w-5 h-5"
                       }),
@@ -342,7 +343,7 @@ const fe = {
                   ]),
                   e.$slots?.left ? (r(), i("div", {
                     key: 0,
-                    class: n(["items-center gap-1 overflow-x-auto no-scrollbar mask-gradient", f.value.desktopContent])
+                    class: n(["items-center gap-1 overflow-x-auto no-scrollbar mask-gradient", b.value.desktopContent])
                   }, [
                     s(e.$slots, "left")
                   ], 2)) : u("", !0)
@@ -364,7 +365,7 @@ const fe = {
               ], 64)) : (r(), i(x, { key: 1 }, [
                 e.$slots.header ? u("", !0) : (r(), i("div", {
                   key: 0,
-                  class: n(f.value.mobileHeader)
+                  class: n(b.value.mobileHeader)
                 }, [
                   s(e.$slots, "mobile-trigger", {
                     isOpen: a.value,
@@ -377,7 +378,7 @@ const fe = {
                       class: n(["p-2 -mr-2 text-muted-foreground hover:bg-accent rounded-md", l.mobileTriggerClass]),
                       onClick: o[3] || (o[3] = (d) => a.value = !a.value)
                     }, [
-                      b(z, {
+                      f(z, {
                         icon: "lucide:menu",
                         class: "w-5 h-5"
                       }),
@@ -386,10 +387,10 @@ const fe = {
                   ])
                 ], 2)),
                 t("div", {
-                  class: n(f.value.desktopSidebar)
+                  class: n(b.value.desktopSidebar)
                 }, [
                   t("div", {
-                    class: n(["flex-1 px-2.5 pt-0 pb-4 overflow-y-auto space-y-4 scrollbar-thin", l.contentClass])
+                    class: n(["flex-1 px-2.5 pt-0 pb-4 overflow-y-auto space-y-4 scrollbar-thin scrollbar-stable", l.contentClass])
                   }, [
                     s(e.$slots, "left"),
                     s(e.$slots, "default"),
@@ -411,19 +412,19 @@ const fe = {
         }),
         e.$slots.main ? (r(), i("main", Ce, [
           l.renderNestedTabs && y.value.length > 0 ? (r(), i("div", Te, [
-            b(J, {
+            f(J, {
               modelValue: k.value,
               "onUpdate:modelValue": o[4] || (o[4] = (d) => k.value = d),
               onChange: H,
               items: y.value
             }, null, 8, ["modelValue", "items"])
           ])) : u("", !0),
-          l.breadcrumb && l.breadcrumbPosition === "main" && c(h).items.value.length > 1 ? (r(), i("div", {
+          l.breadcrumb && l.breadcrumbPosition === "main" && c(p).items.value.length > 1 ? (r(), i("div", {
             key: 1,
             class: n(["shrink-0 w-full border-b border-border px-6 py-2", l.breadcrumbClass])
           }, [
-            b(c(K), {
-              items: c(h).items.value,
+            f(c(K), {
+              items: c(p).items.value,
               variant: l.breadcrumbVariant,
               separator: l.breadcrumbSeparator,
               size: l.breadcrumbSize
@@ -458,8 +459,8 @@ const fe = {
           "onUpdate:show": o[5] || (o[5] = (d) => a.value = d),
           position: "left",
           size: "sm",
-          triggerClass: f.value.mobileTrigger,
-          class: n(["z-60", f.value.mobileTrigger]),
+          triggerClass: b.value.mobileTrigger,
+          class: n(["z-60", b.value.mobileTrigger]),
           headerClass: "pl-3! pr-4.5! py-3!",
           bodyClass: "p-0!"
         }, {
@@ -504,10 +505,10 @@ const fe = {
               type: "button",
               ref_key: "mobileTriggerRef",
               ref: $,
-              class: n(["p-2 -ml-2 text-muted-foreground hover:bg-accent rounded-md shrink-0", [f.value.mobileTrigger, l.mobileTriggerClass]]),
+              class: n(["p-2 -ml-2 text-muted-foreground hover:bg-accent rounded-md shrink-0", [b.value.mobileTrigger, l.mobileTriggerClass]]),
               onClick: o[6] || (o[6] = (d) => a.value = !a.value)
             }, [
-              b(z, {
+              f(z, {
                 icon: "lucide:menu",
                 class: "w-5 h-5"
               }),
@@ -516,7 +517,7 @@ const fe = {
           ]),
           e.$slots?.left ? (r(), i("div", {
             key: 0,
-            class: n(["items-center gap-1 overflow-x-auto no-scrollbar mask-gradient", f.value.desktopContent])
+            class: n(["items-center gap-1 overflow-x-auto no-scrollbar mask-gradient", b.value.desktopContent])
           }, [
             s(e.$slots, "left")
           ], 2)) : u("", !0)
@@ -537,7 +538,7 @@ const fe = {
         ], 2)
       ], 64)) : (r(), i(x, { key: 1 }, [
         t("div", {
-          class: n(f.value.mobileHeader)
+          class: n(b.value.mobileHeader)
         }, [
           s(e.$slots, "mobile-trigger", {
             isOpen: a.value,
@@ -550,7 +551,7 @@ const fe = {
               class: n(["p-2 -mr-2 text-muted-foreground hover:bg-accent rounded-md", l.mobileTriggerClass]),
               onClick: o[7] || (o[7] = (d) => a.value = !a.value)
             }, [
-              b(z, {
+              f(z, {
                 icon: "lucide:menu",
                 class: "w-5 h-5"
               }),
@@ -559,10 +560,10 @@ const fe = {
           ])
         ], 2),
         t("div", {
-          class: n(f.value.desktopSidebar)
+          class: n(b.value.desktopSidebar)
         }, [
           t("div", {
-            class: n(["flex-1 px-2.5 pt-0 pb-4 overflow-y-auto space-y-4 scrollbar-thin", l.contentClass])
+            class: n(["flex-1 px-2.5 pt-0 pb-4 overflow-y-auto space-y-4 scrollbar-thin scrollbar-stable", l.contentClass])
           }, [
             s(e.$slots, "left"),
             s(e.$slots, "default"),
@@ -601,8 +602,8 @@ const fe = {
         "onUpdate:show": o[8] || (o[8] = (d) => a.value = d),
         position: "left",
         size: "sm",
-        triggerClass: f.value.mobileTrigger,
-        class: n(["z-60", f.value.mobileTrigger]),
+        triggerClass: b.value.mobileTrigger,
+        class: n(["z-60", b.value.mobileTrigger]),
         headerClass: "pl-3! pr-4.5! py-3!",
         bodyClass: "p-0!"
       }, {

package/components/Screen/Screen.vue.d.ts

@@ -1,5 +1,117 @@
 import { ScreenProps } from './types';
-declare function __VLS_template(): any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        description?(_: {}): any;
+        'before-search'?(_: {}): any;
+        actions?(_: {}): any;
+        'after-add'?(_: {}): any;
+        'custom-header'?(_: {}): any;
+        'sub-header'?(_: {}): any;
+        empty?(_: {}): any;
+        table?(_: {
+            data: any[];
+            loading: boolean;
+            selectedRows: any[];
+            delete: (items: any[]) => void;
+            updateSelectedRows: (val: any[]) => any[];
+        }): any;
+        list?(_: {
+            data: any[];
+            loading: boolean;
+            selectedRows: any[];
+            delete: (items: any[]) => void;
+            updateSelectedRows: (val: any[]) => any[];
+        }): any;
+        grid?(_: {
+            data: any[];
+            loading: boolean;
+            selectedRows: any[];
+            delete: (items: any[]) => void;
+            updateSelectedRows: (val: any[]) => any[];
+        }): any;
+    };
+    refs: {
+        importDataRef: {
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly title?: string;
+                readonly titleI18n?: string;
+                readonly buttonText?: string;
+                readonly buttonIcon?: string;
+                readonly fields: import('../ImportData').ImportField[];
+                readonly batchSize?: number;
+                readonly processBatch: (payload: import('../ImportData').ImportBatchPayload) => Promise<import('../ImportData').ImportBatchResult>;
+                readonly onComplete?: () => void;
+                readonly show?: boolean;
+                readonly "onUpdate:show"?: (value: boolean) => any;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any>;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "update:show", value: boolean) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('../ImportData').ImportDataProps & {
+                show?: boolean;
+            }> & Readonly<{
+                "onUpdate:show"?: (value: boolean) => any;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                "update:show": (value: boolean) => any;
+            }, string, {
+                title: string;
+                batchSize: number;
+                show: boolean;
+                buttonText: string;
+                buttonIcon: string;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            title: string;
+            batchSize: number;
+            show: boolean;
+            buttonText: string;
+            buttonIcon: string;
+        }> & Omit<Readonly<import('../ImportData').ImportDataProps & {
+            show?: boolean;
+        }> & Readonly<{
+            "onUpdate:show"?: (value: boolean) => any;
+        }>, "title" | "batchSize" | "show" | "buttonText" | "buttonIcon"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                trigger?(_: {}): any;
+            };
+        };
+    };
+    rootEl: HTMLDivElement;
+};
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ScreenProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     delete: (items: any[]) => any;
@@ -11,23 +123,104 @@ declare const __VLS_component: import('vue').DefineComponent<ScreenProps, {}, {}
     data: any[];
     name: string;
     loading: boolean;
-    paginationProps: import('./types').ScreenPaginationProps;
+    exportProps: Record<string, any> | boolean;
+    importProps: Record<string, any> | boolean;
+    canAdd: boolean;
     emptyIcon: string;
+    paginationProps: import('./types').ScreenPaginationProps;
     exportSchema: import('../ExportData').ExportField[] | any[];
     importSchema: import('../ImportData').ImportField[] | any[];
-    exportProps: Record<string, any> | boolean;
-    importProps: Record<string, any> | boolean;
     importType: string;
     customHeader: boolean;
     canSearch: boolean;
-    canAdd: boolean;
     pagination: boolean;
     filterSchema: import('../Form').IForm[];
     filterType: "modal" | "dropdown";
     showRefresh: boolean;
     viewProps: Record<string, any>;
-    canSelectRows: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, any, any>;
+    hideSelectable: boolean;
+    hideDeleteBtn: boolean;
+    quickFilters: import('./types').ScreenQuickFilter[];
+    quickFilterKey: string;
+    quickFilterVariant: import('../Tabes').TabesVariant;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    importDataRef: {
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly title?: string;
+            readonly titleI18n?: string;
+            readonly buttonText?: string;
+            readonly buttonIcon?: string;
+            readonly fields: import('../ImportData').ImportField[];
+            readonly batchSize?: number;
+            readonly processBatch: (payload: import('../ImportData').ImportBatchPayload) => Promise<import('../ImportData').ImportBatchResult>;
+            readonly onComplete?: () => void;
+            readonly show?: boolean;
+            readonly "onUpdate:show"?: (value: boolean) => any;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any>;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "update:show", value: boolean) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('../ImportData').ImportDataProps & {
+            show?: boolean;
+        }> & Readonly<{
+            "onUpdate:show"?: (value: boolean) => any;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "update:show": (value: boolean) => any;
+        }, string, {
+            title: string;
+            batchSize: number;
+            show: boolean;
+            buttonText: string;
+            buttonIcon: string;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        title: string;
+        batchSize: number;
+        show: boolean;
+        buttonText: string;
+        buttonIcon: string;
+    }> & Omit<Readonly<import('../ImportData').ImportDataProps & {
+        show?: boolean;
+    }> & Readonly<{
+        "onUpdate:show"?: (value: boolean) => any;
+    }>, "title" | "batchSize" | "show" | "buttonText" | "buttonIcon"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            trigger?(_: {}): any;
+        };
+    };
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {