vlite3 0.3.4 → 0.3.7

package/components/Screen/Screen.vue.js

@@ -0,0 +1,411 @@
+import { defineComponent as M, computed as V, ref as h, provide as E, watch as S, resolveComponent as X, openBlock as a, createElementBlock as i, createElementVNode as r, renderSlot as B, toDisplayString as u, createCommentVNode as g, createBlock as o, normalizeClass as F, unref as T, createVNode as c, resolveDynamicComponent as N, Fragment as P, mergeProps as m, withCtx as s, createTextVNode as v } from "vue";
+import Y from "../Input.vue.js";
+import f from "../Button.vue.js";
+import R from "../Icon.vue.js";
+import H from "../Modal.vue.js";
+import Z from "../ConfirmationModal.vue.js";
+import p from "../Pagination/Pagination.vue.js";
+import _ from "./ScreenFilter.vue.js";
+import { usePersistentState as ee } from "../../utils/usePersistentState.js";
+const te = { class: "flex flex-col w-full space-y-8" }, ae = {
+  key: 0,
+  class: "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"
+}, ne = { class: "flex flex-col shrink-0" }, le = {
+  key: 0,
+  class: "text-fs-7.5 font-bold text-foreground"
+}, de = {
+  key: 0,
+  class: "text-sm text-gray-700 mt-1 md:max-w-[450px]"
+}, ie = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-2.5 w-full justify-end" }, oe = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none justify-start sm:justify-end" }, se = {
+  key: 1,
+  class: "flex items-center p-1 rounded-md border border-border shrink-0"
+}, re = {
+  key: 4,
+  class: "w-full md:w-60! max-sm:order-last"
+}, ue = { class: "flex items-center gap-3 max-sm:w-full sm:w-auto max-sm:order-last" }, ce = ["href", "target"], fe = { class: "flex-1 w-full relative min-h-[300px]" }, me = { class: "flex flex-col items-center justify-center py-16 px-4 text-center bg-card border border-border rounded-lg shadow-sm" }, ge = { class: "flex h-16 w-16 items-center justify-center rounded-full bg-muted mb-4" }, ve = { class: "text-lg font-semibold text-foreground" }, ye = { class: "mt-2 text-sm text-muted-foreground max-w-sm" }, he = { class: "mt-6" }, Be = ["href", "target"], be = {
+  key: 1,
+  class: "p-8 text-center text-muted-foreground border border-dashed border-border rounded-lg"
+}, we = {
+  key: 2,
+  class: "-mt-2"
+}, Se = /* @__PURE__ */ M({
+  __name: "Screen",
+  props: {
+    name: { default: "" },
+    title: { default: "" },
+    description: { default: "" },
+    pageInfo: {},
+    data: { default: () => [] },
+    loading: { type: Boolean, default: !1 },
+    refetch: {},
+    paginationProps: { default: () => ({
+      alignment: "end",
+      navType: "icon",
+      showItemsPerPage: !1,
+      itemsPerPageOptions: [10, 25, 50, 100]
+    }) },
+    emptyTitle: { default: "No records found" },
+    emptyDescription: { default: "We could not find any records matching your criteria." },
+    emptyIcon: { default: "lucide:inbox" },
+    addComponent: {},
+    addBtn: {},
+    list: {},
+    table: {},
+    customHeader: { type: Boolean, default: !1 },
+    canSearch: { type: Boolean, default: !0 },
+    canAdd: { type: Boolean, default: !0 },
+    pagination: { type: Boolean, default: !0 },
+    filterSchema: { default: () => [] },
+    filterType: { default: "modal" },
+    showRefresh: { type: Boolean, default: !1 }
+  },
+  emits: ["add", "delete"],
+  setup(e, { emit: L }) {
+    const l = e, j = L, K = V(() => l.name || l.title || "default-screen"), w = ee(
+      `view-mode-${K.value}`,
+      l.table ? "table" : "list"
+    ), C = h(""), D = h({}), b = h(l.pageInfo?.currentPage || 1), $ = h(l.pageInfo?.itemsPerPage || l.paginationProps?.itemsPerPage || 10), y = h([]), U = h([]), k = h(!1);
+    E("screen-selected-rows", y), E("screen-request-delete", (t) => I(t));
+    const I = (t) => {
+      U.value = t, k.value = !0;
+    }, O = () => {
+      j("delete", U.value), k.value = !1, y.value = [];
+    }, Q = (t) => {
+      j("delete", t), y.value = [];
+    };
+    S(
+      () => l.pageInfo?.currentPage,
+      (t) => {
+        t && (b.value = t);
+      }
+    ), S(
+      () => l.pageInfo?.itemsPerPage,
+      (t) => {
+        t && ($.value = t);
+      }
+    );
+    let A = null;
+    S(C, (t) => {
+      A && clearTimeout(A), A = setTimeout(() => {
+        b.value = 1, x();
+      }, 300);
+    });
+    const W = (t) => {
+      b.value = t, x();
+    }, G = (t) => {
+      $.value = t, b.value = 1, x();
+    }, x = () => {
+      const t = {
+        pageinfo: {
+          page: b.value,
+          limit: $.value
+        },
+        pagination: {
+          page: b.value,
+          limit: $.value
+        },
+        search: C.value,
+        filter: D.value
+      };
+      l.refetch && l.refetch(t);
+    }, z = V(() => w.value === "table" && l.table ? l.table : l.list), J = V(() => l.data && l.data.length > 0);
+    return (t, n) => {
+      const q = X("router-link");
+      return a(), i("div", te, [
+        e.customHeader ? B(t.$slots, "custom-header", { key: 1 }) : (a(), i("div", ae, [
+          r("div", ne, [
+            B(t.$slots, "title", {}, () => [
+              e.title ? (a(), i("h1", le, u(e.title), 1)) : g("", !0)
+            ]),
+            B(t.$slots, "description", {}, () => [
+              e.description ? (a(), i("p", de, u(e.description), 1)) : g("", !0)
+            ])
+          ]),
+          r("div", ie, [
+            r("div", oe, [
+              y.value.length > 0 ? (a(), o(f, {
+                key: 0,
+                variant: "outline",
+                class: "hover:bg-destructive/10 shrink-0 h-9! w-9!",
+                icon: "lucide:trash-2",
+                title: "Delete Selected",
+                onClick: n[0] || (n[0] = (d) => I(y.value))
+              })) : g("", !0),
+              e.table && e.list ? (a(), i("div", se, [
+                r("button", {
+                  onClick: n[1] || (n[1] = (d) => w.value = "list"),
+                  class: F(["p-1.5 rounded", [
+                    T(w) === "list" ? "bg-secondary/85 dark:bg-gray-250 shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
+                  ]]),
+                  title: "List View"
+                }, [
+                  c(R, {
+                    icon: "lucide:layout-grid",
+                    class: "w-4 h-4"
+                  })
+                ], 2),
+                r("button", {
+                  onClick: n[2] || (n[2] = (d) => w.value = "table"),
+                  class: F(["p-1.5 rounded", [
+                    T(w) === "table" ? "bg-secondary/85 dark:bg-gray-250 shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
+                  ]]),
+                  title: "Table View"
+                }, [
+                  c(R, {
+                    icon: "lucide:list",
+                    class: "w-4 h-4"
+                  })
+                ], 2)
+              ])) : g("", !0),
+              B(t.$slots, "before-search"),
+              e.showRefresh ? (a(), o(f, {
+                key: 2,
+                variant: "outline",
+                icon: "lucide:refresh-cw",
+                size: "lg",
+                class: "shrink-0 h-9! w-9!",
+                title: "Refresh",
+                disabled: e.loading,
+                onClick: x
+              }, null, 8, ["disabled"])) : g("", !0),
+              e.filterSchema && e.filterSchema.length > 0 ? (a(), o(_, {
+                key: 3,
+                schema: e.filterSchema,
+                type: e.filterType,
+                modelValue: D.value,
+                "onUpdate:modelValue": n[3] || (n[3] = (d) => D.value = d),
+                onChange: x
+              }, null, 8, ["schema", "type", "modelValue"])) : g("", !0),
+              e.canSearch ? (a(), i("div", re, [
+                c(Y, {
+                  lazy: "",
+                  modelValue: C.value,
+                  "onUpdate:modelValue": n[4] || (n[4] = (d) => C.value = d),
+                  icon: "lucide:search",
+                  placeholder: "Search...",
+                  variant: "outline",
+                  class: "bg-background w-full",
+                  "show-clear-button": !0
+                }, null, 8, ["modelValue"])
+              ])) : g("", !0)
+            ]),
+            r("div", ue, [
+              B(t.$slots, "actions", {}, () => [
+                e.addComponent ? (a(), o(N(e.addComponent), { key: 0 })) : e.canAdd ? (a(), i(P, { key: 1 }, [
+                  e.addBtn ? (a(), i(P, { key: 0 }, [
+                    e.addBtn.modal ? (a(), o(H, m({
+                      key: 0,
+                      body: e.addBtn.modal
+                    }, e.addBtn.modalProps, {
+                      refetch: e.refetch,
+                      data: e.data,
+                      triggerClass: "w-full",
+                      loading: e.loading
+                    }), {
+                      trigger: s(() => [
+                        c(f, m({
+                          class: "w-full",
+                          icon: e.addBtn.icon || "fluent:add-16-filled",
+                          variant: e.addBtn.variant || "primary"
+                        }, e.addBtn.buttonProps), {
+                          default: s(() => [
+                            v(u(e.addBtn.label || "Add"), 1)
+                          ]),
+                          _: 1
+                        }, 16, ["icon", "variant"])
+                      ]),
+                      _: 1
+                    }, 16, ["body", "refetch", "data", "loading"])) : e.addBtn.to ? (a(), o(q, {
+                      key: 1,
+                      to: e.addBtn.to,
+                      class: "inline-flex w-full sm:w-auto"
+                    }, {
+                      default: s(() => [
+                        c(f, m({
+                          class: "w-full",
+                          icon: e.addBtn.icon || "fluent:add-16-filled",
+                          variant: e.addBtn.variant || "primary"
+                        }, e.addBtn.buttonProps), {
+                          default: s(() => [
+                            v(u(e.addBtn.label || "Add"), 1)
+                          ]),
+                          _: 1
+                        }, 16, ["icon", "variant"])
+                      ]),
+                      _: 1
+                    }, 8, ["to"])) : e.addBtn.href ? (a(), i("a", {
+                      key: 2,
+                      href: e.addBtn.href,
+                      target: e.addBtn.target,
+                      class: "inline-flex w-full sm:w-auto"
+                    }, [
+                      c(f, m({
+                        class: "w-full",
+                        icon: e.addBtn.icon || "fluent:add-16-filled",
+                        variant: e.addBtn.variant || "primary"
+                      }, e.addBtn.buttonProps), {
+                        default: s(() => [
+                          v(u(e.addBtn.label || "Add"), 1)
+                        ]),
+                        _: 1
+                      }, 16, ["icon", "variant"])
+                    ], 8, ce)) : (a(), o(f, m({
+                      key: 3,
+                      class: "w-full sm:w-auto",
+                      icon: e.addBtn.icon || "fluent:add-16-filled",
+                      variant: e.addBtn.variant || "primary"
+                    }, e.addBtn.buttonProps, {
+                      onClick: n[5] || (n[5] = (d) => e.addBtn.onClick ? e.addBtn.onClick() : t.$emit("add"))
+                    }), {
+                      default: s(() => [
+                        v(u(e.addBtn.label || "Add"), 1)
+                      ]),
+                      _: 1
+                    }, 16, ["icon", "variant"]))
+                  ], 64)) : (a(), o(f, {
+                    key: 1,
+                    class: "w-full sm:w-auto",
+                    icon: "fluent:add-16-filled",
+                    variant: "primary",
+                    onClick: n[6] || (n[6] = (d) => t.$emit("add"))
+                  }, {
+                    default: s(() => [...n[12] || (n[12] = [
+                      v(" Add ", -1)
+                    ])]),
+                    _: 1
+                  }))
+                ], 64)) : g("", !0)
+              ]),
+              B(t.$slots, "after-add")
+            ])
+          ])
+        ])),
+        r("div", fe, [
+          !J.value && !e.loading ? B(t.$slots, "empty", { key: 0 }, () => [
+            r("div", me, [
+              r("div", ge, [
+                c(R, {
+                  icon: e.emptyIcon,
+                  class: "h-8 w-8 text-muted-foreground"
+                }, null, 8, ["icon"])
+              ]),
+              r("h3", ve, u(e.emptyTitle), 1),
+              r("p", ye, u(e.emptyDescription), 1),
+              r("div", he, [
+                e.addComponent ? (a(), o(N(e.addComponent), { key: 0 })) : e.canAdd ? (a(), i(P, { key: 1 }, [
+                  e.addBtn ? (a(), i(P, { key: 0 }, [
+                    e.addBtn.modal ? (a(), o(H, m({
+                      key: 0,
+                      body: e.addBtn.modal
+                    }, e.addBtn.modalProps), {
+                      trigger: s(() => [
+                        c(f, m({
+                          icon: e.addBtn.icon || "fluent:add-16-filled",
+                          variant: e.addBtn.variant || "outline"
+                        }, e.addBtn.buttonProps), {
+                          default: s(() => [
+                            v(u(e.addBtn.label || "Add New"), 1)
+                          ]),
+                          _: 1
+                        }, 16, ["icon", "variant"])
+                      ]),
+                      _: 1
+                    }, 16, ["body"])) : e.addBtn.to ? (a(), o(q, {
+                      key: 1,
+                      to: e.addBtn.to,
+                      class: "inline-flex"
+                    }, {
+                      default: s(() => [
+                        c(f, m({
+                          icon: e.addBtn.icon || "fluent:add-16-filled",
+                          variant: e.addBtn.variant || "outline"
+                        }, e.addBtn.buttonProps), {
+                          default: s(() => [
+                            v(u(e.addBtn.label || "Add New"), 1)
+                          ]),
+                          _: 1
+                        }, 16, ["icon", "variant"])
+                      ]),
+                      _: 1
+                    }, 8, ["to"])) : e.addBtn.href ? (a(), i("a", {
+                      key: 2,
+                      href: e.addBtn.href,
+                      target: e.addBtn.target,
+                      class: "inline-flex"
+                    }, [
+                      c(f, m({
+                        icon: e.addBtn.icon || "lucide:plus",
+                        variant: e.addBtn.variant || "outline"
+                      }, e.addBtn.buttonProps), {
+                        default: s(() => [
+                          v(u(e.addBtn.label || "Add New"), 1)
+                        ]),
+                        _: 1
+                      }, 16, ["icon", "variant"])
+                    ], 8, Be)) : (a(), o(f, m({
+                      key: 3,
+                      icon: e.addBtn.icon || "lucide:plus",
+                      variant: e.addBtn.variant || "outline"
+                    }, e.addBtn.buttonProps, {
+                      onClick: n[7] || (n[7] = (d) => e.addBtn.onClick ? e.addBtn.onClick() : t.$emit("add"))
+                    }), {
+                      default: s(() => [
+                        v(u(e.addBtn.label || "Add New"), 1)
+                      ]),
+                      _: 1
+                    }, 16, ["icon", "variant"]))
+                  ], 64)) : (a(), o(f, {
+                    key: 1,
+                    icon: "lucide:plus",
+                    variant: "outline",
+                    onClick: n[8] || (n[8] = (d) => t.$emit("add"))
+                  }, {
+                    default: s(() => [...n[13] || (n[13] = [
+                      v(" Add New ", -1)
+                    ])]),
+                    _: 1
+                  }))
+                ], 64)) : g("", !0)
+              ])
+            ])
+          ]) : (a(), i(P, { key: 1 }, [
+            z.value ? (a(), o(N(z.value), {
+              key: 0,
+              data: e.data,
+              loading: e.loading,
+              refetch: e.refetch,
+              selectedRows: y.value,
+              "onUpdate:selectedRows": n[9] || (n[9] = (d) => y.value = d),
+              delete: I,
+              onDelete: Q
+            }, null, 40, ["data", "loading", "refetch", "selectedRows"])) : (a(), i("div", be, " Please provide a `:list` or `:table` component. "))
+          ], 64))
+        ]),
+        e.pagination && e.pageInfo && e.pageInfo.totalPages > 1 ? (a(), i("div", we, [
+          c(T(p), m({
+            "current-page": e.pageInfo.currentPage,
+            "total-pages": e.pageInfo.totalPages,
+            "total-items": e.pageInfo.totalItems
+          }, e.paginationProps, {
+            onChange: W,
+            "onUpdate:itemsPerPage": G
+          }), null, 16, ["current-page", "total-pages", "total-items"])
+        ])) : g("", !0),
+        c(Z, {
+          show: k.value,
+          "onUpdate:show": n[10] || (n[10] = (d) => k.value = d),
+          title: "Confirm Deletion",
+          description: "Are you sure you want to delete the selected items? This action cannot be undone.",
+          "confirm-text": "Delete",
+          "cancel-text": "Cancel",
+          variant: "danger",
+          onConfirm: O,
+          onCancel: n[11] || (n[11] = (d) => k.value = !1)
+        }, null, 8, ["show"])
+      ]);
+    };
+  }
+});
+export {
+  Se as default
+};

package/components/Screen/Screen.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Screen.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    schema: any[];
+    modelValue: Record<string, any>;
+    type?: 'modal' | 'dropdown';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (val: Record<string, any>) => any;
+    change: (val: Record<string, any>) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: (val: Record<string, any>) => any;
+    onChange?: (val: Record<string, any>) => any;
+}>, {
+    type: "modal" | "dropdown";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/components/Screen/ScreenFilter.vue.js

@@ -0,0 +1,169 @@
+import { defineComponent as b, ref as V, computed as F, openBlock as r, createBlock as a, withCtx as s, createElementVNode as t, createVNode as n, unref as v, toDisplayString as w, withModifiers as k } from "vue";
+import p from "../Button.vue.js";
+import C from "../Modal.vue.js";
+import O from "../Dropdown/Dropdown.vue.js";
+import f from "../Icon.vue.js";
+import x from "../Form/Form.vue.js";
+/* empty css                  */
+import "v-datepicker-lite";
+import "v-datepicker-lite/style.css";
+import "@jaames/iro";
+import "@vueuse/core";
+/* empty css                           */
+import "iconify-icon-picker";
+import "iconify-icon-picker/style.css";
+/* empty css                        */
+/* empty css                      */
+import "../../core/config.js";
+const $ = { class: "" }, S = { class: "py-3 px-3.5 w-[300px] sm:w-[320px] max-h-[85vh] overflow-y-auto bg-card rounded-md border border-border shadow-lg text-left" }, P = /* @__PURE__ */ b({
+  __name: "ScreenFilter",
+  props: {
+    schema: {},
+    modelValue: {},
+    type: { default: "modal" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(i, { emit: y }) {
+    const m = i, c = y, l = V(!1), d = F(() => m.modelValue ? Object.keys(m.modelValue).filter(
+      (o) => m.modelValue[o] !== "" && m.modelValue[o] !== null && m.modelValue[o] !== void 0
+    ).length : 0), h = (o) => {
+      c("update:modelValue", o.values), c("change", o.values), l.value = !1;
+    }, g = () => {
+      c("update:modelValue", {}), c("change", {});
+    };
+    return (o, e) => i.type === "modal" ? (r(), a(C, {
+      key: 0,
+      title: "Filters",
+      show: l.value,
+      "onUpdate:show": e[2] || (e[2] = (u) => l.value = u),
+      "max-width": "sm:max-w-md"
+    }, {
+      trigger: s(() => [
+        d.value > 0 ? (r(), a(p, {
+          key: 0,
+          variant: "secondary",
+          class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0",
+          onClick: e[0] || (e[0] = (u) => l.value = !0)
+        }, {
+          default: s(() => [
+            n(f, {
+              icon: "ci:filter",
+              class: "w-4 h-4"
+            }),
+            t("span", null, "Filters (" + w(d.value) + ")", 1),
+            t("div", {
+              onClick: k(g, ["stop"]),
+              class: "ml-1 p-1 hover:bg-black/10 dark:hover:bg-white/10 rounded-full transition-colors cursor-pointer"
+            }, [
+              n(f, {
+                icon: "lucide:x",
+                class: "w-4 h-4"
+              })
+            ])
+          ]),
+          _: 1
+        })) : (r(), a(p, {
+          key: 1,
+          variant: "outline",
+          onClick: e[1] || (e[1] = (u) => l.value = !0),
+          title: "Filter",
+          size: "lg",
+          asIcon: "",
+          class: "shrink-0 h-9! w-9!"
+        }, {
+          default: s(() => [...e[4] || (e[4] = [
+            t("div", { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }, [
+              t("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "1.132em",
+                height: "1.132em",
+                viewBox: "0 0 24 24"
+              }, [
+                t("path", {
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: "M20.67 7c.083-.182.127-.374.16-.627c.202-1.572.303-2.358-.158-2.866C20.212 3 19.396 3 17.766 3H6.234c-1.63 0-2.445 0-2.906.507c-.461.508-.36 1.294-.158 2.866c.06.459.158.72.457 1.076c.969 1.15 2.742 3.197 5.23 5.057c.228.17.377.448.402.755c.28 3.425.537 5.765.674 6.917c.071.604.741 1.069 1.293.678c.927-.655 2.66-1.39 2.888-2.612c.108-.577.267-1.585.445-3.244M17.5 8v7m3.5-3.5h-7"
+                })
+              ])
+            ], -1)
+          ])]),
+          _: 1
+        }))
+      ]),
+      default: s(() => [
+        t("div", $, [
+          n(v(x), {
+            schema: i.schema,
+            values: i.modelValue,
+            "submit-text": "Apply Filters",
+            onOnSubmit: h
+          }, null, 8, ["schema", "values"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["show"])) : (r(), a(v(O), {
+      key: 1,
+      isOpen: l.value,
+      "onUpdate:isOpen": e[3] || (e[3] = (u) => l.value = u),
+      "close-on-select": !1,
+      position: "bottom-end",
+      class: "w-auto"
+    }, {
+      trigger: s(() => [
+        d.value > 0 ? (r(), a(p, {
+          key: 0,
+          variant: "secondary",
+          class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0 bg-gray-150! hover:bg-gray-100!",
+          style: { "pointer-events": "auto" }
+        }, {
+          default: s(() => [
+            n(f, {
+              icon: "ci:filter",
+              class: "w-4 h-4"
+            }),
+            t("span", null, "Filters (" + w(d.value) + ")", 1),
+            t("div", {
+              onClick: k(g, ["stop"]),
+              class: "ml-1 p-1 hover:bg-black/10 dark:hover:bg-white/10 rounded-full transition-colors cursor-pointer"
+            }, [
+              n(f, {
+                icon: "lucide:x",
+                class: "w-4 h-4"
+              })
+            ])
+          ]),
+          _: 1
+        })) : (r(), a(p, {
+          key: 1,
+          variant: "outline",
+          icon: "hugeicons:filter-add",
+          title: "Filter",
+          size: "lg",
+          class: "shrink-0 h-9! w-9!"
+        }))
+      ]),
+      default: s(() => [
+        t("div", S, [
+          n(v(x), {
+            schema: i.schema,
+            values: i.modelValue,
+            "submit-text": "Apply Filters",
+            "submit-props": {
+              size: "sm",
+              class: "w-full",
+              textClass: "-text-fs-1!"
+            },
+            onOnSubmit: h
+          }, null, 8, ["schema", "values"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["isOpen"]));
+  }
+});
+export {
+  P as default
+};

package/components/Screen/ScreenFilter.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ScreenFilter.vue.js";
+export {
+  f as default
+};

package/components/Screen/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Screen } from './Screen.vue';
+export { default as ScreenFilter } from './ScreenFilter.vue';
+export * from './types';

package/components/Screen/types.d.ts

@@ -0,0 +1,53 @@
+import { Component } from 'vue';
+import { PageInfo, PaginationProps } from '../Pagination';
+import { ButtonVariant } from '../../types';
+import { IForm } from '../Form';
+export interface ScreenPaginationProps extends Omit<PaginationProps, 'currentPage' | 'totalPages'> {
+}
+export interface AddBtnConfig {
+    label?: string;
+    icon?: string;
+    variant?: ButtonVariant;
+    to?: string | Record<string, any>;
+    href?: string;
+    target?: string;
+    onClick?: () => void;
+    modal?: Component | any;
+    modalProps?: Record<string, any>;
+    buttonProps?: Record<string, any>;
+}
+export interface ScreenProps {
+    name?: string;
+    title?: string;
+    description?: string;
+    pageInfo?: PageInfo;
+    data?: any[];
+    loading?: boolean;
+    refetch?: (payload: {
+        pageinfo: {
+            page: number;
+            limit: number;
+        };
+        pagination: {
+            page: number;
+            limit: number;
+        };
+        search: string;
+        filter: Record<string, any>;
+    }) => void;
+    paginationProps?: ScreenPaginationProps;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    emptyIcon?: string;
+    addComponent?: Component | any;
+    addBtn?: AddBtnConfig;
+    list?: Component | any;
+    table?: Component | any;
+    customHeader?: boolean;
+    canSearch?: boolean;
+    canAdd?: boolean;
+    pagination?: boolean;
+    filterSchema?: IForm[];
+    filterType?: 'modal' | 'dropdown';
+    showRefresh?: boolean;
+}

package/index.d.ts

@@ -56,3 +56,4 @@ export { GoogleSignInPlugin };
 export * from './utils';
 export * from './types';
 export * from './components/DataList';
+export * from './components/Screen';