vlite3 1.2.1 → 1.2.4

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

@@ -0,0 +1,62 @@
+type __VLS_Props = {
+    selectedRows: any[];
+    hideSelectable?: boolean;
+    hideDeleteBtn?: boolean;
+    txtDeleteSelected: string;
+    hasMultipleViews: boolean;
+    activeView: string;
+    resolvedViews: any[];
+    showRefresh?: boolean;
+    loading?: boolean;
+    txtRefresh: string;
+    filterSchema?: any[];
+    filterType?: string;
+    activeFilters: any;
+    canSearch?: boolean;
+    searchQuery: string;
+    txtSearch: string;
+    canAdd?: boolean;
+    addComponent?: any;
+    addBtn?: any;
+    data?: any[];
+    refetch?: any;
+    hasExportOrImport?: boolean;
+    exportProps?: any;
+    importProps?: any;
+    screenState: any;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'before-search'?(_: any): any;
+        actions?(_: any): any;
+        'after-add'?(_: any): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    delete: (items: any[]) => any;
+    add: () => any;
+    "update:activeView": (val: string) => any;
+    "update:activeFilters": (val: any) => any;
+    "update:searchQuery": (val: string) => any;
+    refresh: () => any;
+    "select-dropdown": (opt: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: (items: any[]) => any;
+    onAdd?: () => any;
+    "onUpdate:activeView"?: (val: string) => any;
+    "onUpdate:activeFilters"?: (val: any) => any;
+    "onUpdate:searchQuery"?: (val: string) => any;
+    onRefresh?: () => any;
+    "onSelect-dropdown"?: (opt: any) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Screen/components/ScreenToolbar.vue.js

@@ -0,0 +1,116 @@
+import { defineComponent as h, openBlock as o, createElementBlock as m, createElementVNode as u, createBlock as d, createCommentVNode as i, renderSlot as n, normalizeProps as r, guardReactiveProps as s, createVNode as c } from "vue";
+import f from "../../Button.vue.js";
+import v from "../../Input.vue.js";
+/* empty css               */
+import w from "./ScreenViewToggle.vue.js";
+import y from "../ScreenFilter.vue.js";
+import $ from "./ScreenAddAction.vue.js";
+import S from "./ScreenOptionsDropdown.vue.js";
+const g = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none justify-start sm:justify-end" }, B = {
+  key: 4,
+  class: "w-full md:w-60! max-sm:order-last"
+}, k = { class: "flex items-center gap-3 max-sm:w-full sm:w-auto max-sm:order-last" }, E = /* @__PURE__ */ h({
+  __name: "ScreenToolbar",
+  props: {
+    selectedRows: {},
+    hideSelectable: { type: Boolean },
+    hideDeleteBtn: { type: Boolean },
+    txtDeleteSelected: {},
+    hasMultipleViews: { type: Boolean },
+    activeView: {},
+    resolvedViews: {},
+    showRefresh: { type: Boolean },
+    loading: { type: Boolean },
+    txtRefresh: {},
+    filterSchema: {},
+    filterType: {},
+    activeFilters: {},
+    canSearch: { type: Boolean },
+    searchQuery: {},
+    txtSearch: {},
+    canAdd: { type: Boolean },
+    addComponent: {},
+    addBtn: {},
+    data: {},
+    refetch: {},
+    hasExportOrImport: { type: Boolean },
+    exportProps: {},
+    importProps: {},
+    screenState: {}
+  },
+  emits: ["update:activeView", "update:activeFilters", "update:searchQuery", "delete", "refresh", "add", "select-dropdown"],
+  setup(e) {
+    return (l, t) => (o(), m("div", null, [
+      u("div", g, [
+        e.selectedRows.length > 0 && !e.hideSelectable && !e.hideDeleteBtn ? (o(), d(f, {
+          key: 0,
+          variant: "outline",
+          class: "hover:bg-destructive/10 shrink-0 h-9! w-9!",
+          icon: "lucide:trash-2",
+          title: e.txtDeleteSelected,
+          onClick: t[0] || (t[0] = (a) => l.$emit("delete", e.selectedRows))
+        }, null, 8, ["title"])) : i("", !0),
+        e.hasMultipleViews ? (o(), d(w, {
+          key: 1,
+          "model-value": e.activeView,
+          "onUpdate:modelValue": t[1] || (t[1] = (a) => l.$emit("update:activeView", a)),
+          views: e.resolvedViews
+        }, null, 8, ["model-value", "views"])) : i("", !0),
+        n(l.$slots, "before-search", r(s(e.screenState))),
+        e.showRefresh ? (o(), d(f, {
+          key: 2,
+          variant: "outline",
+          icon: "lucide:refresh-cw",
+          size: "lg",
+          class: "shrink-0 h-9! w-9!",
+          title: e.txtRefresh,
+          disabled: e.loading,
+          onClick: t[2] || (t[2] = (a) => l.$emit("refresh"))
+        }, null, 8, ["title", "disabled"])) : i("", !0),
+        e.filterSchema && e.filterSchema.length > 0 ? (o(), d(y, {
+          key: 3,
+          schema: e.filterSchema,
+          type: e.filterType,
+          "model-value": e.activeFilters,
+          "onUpdate:modelValue": t[3] || (t[3] = (a) => l.$emit("update:activeFilters", a)),
+          onChange: t[4] || (t[4] = (a) => l.$emit("refresh"))
+        }, null, 8, ["schema", "type", "model-value"])) : i("", !0),
+        e.canSearch ? (o(), m("div", B, [
+          c(v, {
+            lazy: "",
+            "model-value": e.searchQuery,
+            "onUpdate:modelValue": t[5] || (t[5] = (a) => l.$emit("update:searchQuery", String(a))),
+            icon: "lucide:search",
+            placeholder: e.txtSearch,
+            variant: "outline",
+            class: "bg-background w-full",
+            "show-clear-button": !0
+          }, null, 8, ["model-value", "placeholder"])
+        ])) : i("", !0)
+      ]),
+      u("div", k, [
+        n(l.$slots, "actions", r(s(e.screenState)), () => [
+          c($, {
+            "can-add": e.canAdd,
+            "add-component": e.addComponent,
+            "add-btn": e.addBtn,
+            loading: e.loading,
+            data: e.data,
+            refetch: e.refetch,
+            onAdd: t[6] || (t[6] = (a) => l.$emit("add"))
+          }, null, 8, ["can-add", "add-component", "add-btn", "loading", "data", "refetch"])
+        ]),
+        e.hasExportOrImport ? (o(), d(S, {
+          key: 0,
+          "export-props": e.exportProps,
+          "import-props": e.importProps,
+          onSelect: t[7] || (t[7] = (a) => l.$emit("select-dropdown", a))
+        }, null, 8, ["export-props", "import-props"])) : i("", !0),
+        n(l.$slots, "after-add", r(s(e.screenState)))
+      ])
+    ]));
+  }
+});
+export {
+  E as default
+};

package/components/Screen/components/ScreenToolbar.vue2.js

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

package/components/Screen/types.d.ts

@@ -5,6 +5,7 @@ import { IForm } from '../Form';
 import { ExportField } from '../ExportData/types';
 import { ImportField } from '../ImportData/types';
 import { TabesVariant } from '../Tabes';
+import { StatItemSchema, StatsProps } from '../Stats/types';
 export interface ScreenPaginationProps extends Omit<PaginationProps, 'currentPage' | 'totalPages'> {
 }
 export interface AddBtnConfig {
@@ -69,6 +70,9 @@ export interface ScreenProps {
     pageInfo?: PageInfo;
     data?: any[];
     loading?: boolean;
+    variant?: 'one' | 'two';
+    stats?: StatItemSchema[] | any[];
+    statsProps?: Partial<StatsProps>;
     /**
      * Called on every search, filter, pagination, sort, or quick-filter change.
      * Standard payload shape: { pagination, search, sort, filter }
@@ -139,7 +143,12 @@ export interface ScreenProps {
     filterType?: 'modal' | 'dropdown';
     showRefresh?: boolean;
     containerClass?: string;
+    mainContainerClass?: string;
     headerClass?: string;
+    topHeaderClass?: string;
+    bottomHeaderClass?: string;
+    filtersContainerClass?: string;
+    actionsContainerClass?: string;
     titleClass?: string;
     descriptionClass?: string;
     viewProps?: Record<string, any>;

package/components/SidebarMenu/SidebarMenu.vue.js

@@ -25,7 +25,7 @@ const ue = {
     compactIconSize: { default: "21px" },
     labelClass: { default: "text-sm" },
     compactLabelClass: { default: "text-[11.5px] mt-1" },
-    itemPadding: { default: "py-1.5 px-2" },
+    itemPadding: { default: "py-2 px-2" },
     compactItemPadding: { default: "py-2 px-1" },
     nestedMenuWidth: { default: "220px" },
     nestedMenuMaxHeight: { default: "300px" },

package/components/SidebarMenu/SidebarMenuItem.vue.d.ts

@@ -7,5 +7,7 @@ interface Props {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     depth: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    itemRef: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;