v-sistec-features 1.7.1 → 1.8.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "v-sistec-features",
   "private": false,
-  "version": "1.7.1",
+  "version": "1.8.1",
   "author": "Márlon Bento Azevedo (https://github.com/marlon-bento)",
   "repository": {
     "type": "git",
@@ -27,6 +27,10 @@
       "import": "./dist/vDataPage.js",
       "types": "./dist/vDataPage.d.ts"
     },
+    "./Pagination": {
+      "import": "./dist/Pagination.js",
+      "types": "./dist/Pagination.d.ts"
+    },
     "./iframeCommunicator": {
       "import": "./dist/iframeCommunicator.js",
       "types": "./dist/iframeCommunicator.d.ts"

package/src/DataPageVue/components/VDataPage.vue

@@ -58,7 +58,7 @@
         <slot v-if="type_fetch === 'pagination'" name="pagination" :pagination="pagination"
             :tradePage="fetchDataWithDelay" :error="error">
             <div v-if="!error && pagination.count > 0" class="px-3" :class="props.class_pagination">
-                <PaginationDatatable :filtering="true" :pagination="pagination" @tradePage="tradePageEmit" />
+                <Pagination :filtering="true" :page_starts_at="props.page_starts_at" :pagination="pagination" @tradePage="tradePageEmit" />
             </div>
         </slot>
     </div>
@@ -68,7 +68,8 @@
 <script setup lang="ts" generic="T extends Record<string, any>">
 import { readonly, ref, isRef, computed, watch, nextTick, type Ref, type WatchSource } from 'vue';
 import InfiniteLoading from "v3-infinite-loading";
-import PaginationDatatable from './PaginationDatatable.vue';
+import Pagination from '@/Pagination/Pagination.vue';
+
 import type { VDataPageProps, ExposedFunctions, PaginationObject } from '../types/v-data-page.ts';
 // import Search from './SearchDatatable.vue';
 
@@ -206,7 +207,10 @@ watch(response, (newResponse: any) => {
     }
 }, { immediate: true });
 
-
+function reSearch() {
+    pagination.value.current_page = props.page_starts_at;
+    fetchDataWithDelay();
+}
 // =======================================================
 // 6. MÉTODOS
 // =======================================================
@@ -279,25 +283,22 @@ async function initDataInfinite() {
 function set_limit_per_page(newLimit: number): void {
     if (newLimit > 0) {
         pagination.value.limit_per_page = newLimit;
-        pagination.value.current_page = 0;
-        fetchDataWithDelay();
+        reSearch();
     } else {
         console.warn("O limite deve ser um número maior que zero.");
     }
 }
 function set_search(newSearch: string): void {
     pagination.value.search = newSearch;
-    pagination.value.current_page = 0;
-    fetchDataWithDelay();
+    reSearch();
 }
 function set_filter(newFilter: string): void {
     pagination.value.filter = newFilter;
-    pagination.value.current_page = 0;
-    fetchDataWithDelay();
+    reSearch();
 }
 function set_page(newPage: number): void {
-    if (newPage >= 1 && newPage <= Math.ceil(pagination.value.count / pagination.value.limit_per_page)) {
-        pagination.value.current_page = newPage - 1;
+    if (newPage >= 0 && newPage <= Math.ceil(pagination.value.count / pagination.value.limit_per_page)) {
+        pagination.value.current_page = newPage;
         fetchDataWithDelay();
     } else {
         console.warn("Número de página inválido.");
@@ -313,6 +314,7 @@ defineExpose<
     set_search: set_search,
     set_filter: set_filter,
     set_page: set_page,
+    reSearch: reSearch,
     default_params
 });
 
@@ -465,8 +467,7 @@ watch(() => pagination.value.current_page, () => {
 if (watchSources.length > 0) {
     if (props.type_fetch === 'pagination') {
         watch(watchSources, () => {
-            pagination.value.current_page = props.page_starts_at;
-            fetchDataWithDelay();
+            reSearch();
         }, { deep: true });
     } else if (props.type_fetch === 'infinite-scroll') {
         watch(watchSources, () => {
@@ -504,8 +505,7 @@ watch(
             })
         } else {
             if (props.type_fetch === 'pagination') {
-                pagination.value.current_page = props.page_starts_at;
-                fetchDataWithDelay();
+                reSearch();
             } else if (props.type_fetch === 'infinite-scroll') {
                 dadosInicializados.value = false;
                 initDataInfinite();

package/src/DataPageVue/types/v-data-page.ts

@@ -58,7 +58,7 @@ export interface VDataPageProps {
     limit_per_page?: number;
 
     next_page_response_name?: string;
-    page_starts_at: number;
+    page_starts_at?: number;
     element_id?: string;
     watch?: WatchSource[];
 }
@@ -77,6 +77,7 @@ export interface ExposedFunctions {
     set_search: (newSearch: string) => void;
     set_filter: (newFilter: string) => void;
     set_page: (newPage: number) => void;
+    reSearch: () => void;
 
 
 }

package/src/DatatableVue/components/VDataTable.vue

@@ -357,7 +357,7 @@ import type { VDataTableProps, ExposedFunctions, PaginationObject  } from '../ty
 import type { Ref } from 'vue';
 import { readonly, ref, provide, computed, watch, nextTick} from 'vue';
 
-import PaginationDatatable from './PaginationDatatable.vue';
+import PaginationDatatable from '@/Pagination/Pagination.vue';
 import Search from './SearchDatatable.vue';
 import { useImagePreview } from '../composables/useImagePreview';
 import { dataTableApiKey, type ColumnConfiguration } from '../keys';
@@ -731,7 +731,8 @@ function set_filter(newFilter: string): void {
 }
 function set_page(newPage: number): void {
   if (newPage >= 0 && newPage <= Math.ceil(pagination.value.count / pagination.value.limit_per_page)) {
-    reSearch();
+    pagination.value.current_page = newPage;
+    fetchDataWithDelay();
   } else {
     console.warn("Número de página inválido.");
   }

package/src/Pagination/index.ts

@@ -0,0 +1,4 @@
+import Pagination from "./Pagination.vue";
+export {
+    Pagination
+};

package/src/iframeCommunicator/useIframeCommunicator.ts

@@ -4,7 +4,7 @@ import { onMounted, onUnmounted, readonly, ref } from 'vue';
  * Um Composable para gerenciar a comunicação entre um iframe e sua janela pai.
  * @param onMessageReceived - Uma função de callback que será executada quando uma mensagem for recebida do pai.
  */
-export function useIframeCommunicator(onMessageReceived: (event: MessageEvent) => void) {
+export function useIframeCommunicator(onMessageReceived?: (event: MessageEvent) => void) {
 
   // Uma ref reativa para saber se o app está rodando dentro de um iframe
   const isInIframe = ref(window.parent !== window);
@@ -22,12 +22,16 @@ export function useIframeCommunicator(onMessageReceived: (event: MessageEvent) =
 
   // Configura o ouvinte de eventos quando o componente é montado
   onMounted(() => {
-    window.addEventListener('message', onMessageReceived);
+    if (onMessageReceived){
+      window.addEventListener('message', onMessageReceived);
+    }
   });
 
   // Remove o ouvinte de eventos quando o componente é desmontado
   onUnmounted(() => {
-    window.removeEventListener('message', onMessageReceived);
+    if (onMessageReceived){
+      window.removeEventListener('message', onMessageReceived);
+    }
   });
 
   // Retorna os valores e funções que o componente poderá usar

package/dist/DataPageVue/components/PaginationDatatable.vue.d.ts

@@ -1,17 +0,0 @@
-interface PaginationObject {
-    current_page: number;
-    count: number;
-    limit_per_page: number;
-}
-interface PaginationProps {
-    pagination: PaginationObject;
-    filtering?: boolean;
-}
-declare const _default: import('vue').DefineComponent<PaginationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    tradePage: () => any;
-}, string, import('vue').PublicProps, Readonly<PaginationProps> & Readonly<{
-    onTradePage?: (() => any) | undefined;
-}>, {
-    filtering: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/DataPageVue/components/VDataPage.vue.d.ts

@@ -1,45 +0,0 @@
-import { VDataPageProps, ExposedFunctions } from '../types/v-data-page.ts';
-declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onTradePage?: ((...args: any[]) => any) | undefined;
-        readonly onBeforeFetch?: ((...args: any[]) => any) | undefined;
-        readonly onAfterFetch?: ((...args: any[]) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onTradePage" | "onBeforeFetch" | "onAfterFetch"> & VDataPageProps & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<ExposedFunctions>): void;
-    attrs: any;
-    slots: {
-        loading?(_: {
-            n: number;
-        }): any;
-        loading?(_: {}): any;
-        error?(_: {
-            error: any;
-        }): any;
-        empty?(_: {}): any;
-        body?(_: {
-            item: T;
-        }): any;
-        body?(_: {
-            item: T;
-        }): any;
-        'scroll-finish'?(_: {}): any;
-        pagination?(_: {
-            pagination: {
-                current_page: number;
-                count: number;
-                limit_per_page: number;
-                search: string;
-                filter: string;
-            };
-            tradePage: () => Promise<void>;
-            error: any;
-        }): any;
-    };
-    emit: (event: "tradePage" | "beforeFetch" | "afterFetch", ...args: any[]) => void;
-}>) => import('vue').VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/DataPageVue/index.d.ts

@@ -1,2 +0,0 @@
-import { default as VDataPage } from './components/VDataPage.vue';
-export { VDataPage };

package/dist/DataPageVue/types/v-data-page.d.ts

@@ -1,50 +0,0 @@
-import { Ref, Component, WatchSource } from 'vue';
-export interface VDataPageProps {
-    fetch: Function;
-    fetch_name?: string;
-    endpoint: string;
-    type_loading?: 'placeholder' | 'spiner-table' | 'spiner';
-    type_fetch?: 'pagination' | 'infinite-scroll' | 'none';
-    custom_loading?: Component | null;
-    deactivate_default_params?: boolean;
-    filter_param_name?: string;
-    search_param_name?: string;
-    page_param_name?: string;
-    page_size_param_name?: string;
-    add_params?: Object | Function;
-    data_key?: string;
-    total_key?: string;
-    list_filter?: any[];
-    first_text_page_size?: string;
-    second_text_page_size?: string;
-    class_container?: string;
-    class_loading_container?: string;
-    class_pagination?: string;
-    class_filters?: string;
-    min_loading_delay?: number;
-    retry_attempts?: number;
-    retry_delay?: number;
-    use_checkbox?: boolean;
-    item_key?: string;
-    limit_per_page?: number;
-    next_page_response_name?: string;
-    page_starts_at: number;
-    element_id?: string;
-    watch?: WatchSource[];
-}
-export interface PaginationObject {
-    current_page: number;
-    count: number;
-    limit_per_page: number;
-    search: string;
-    filter: string;
-}
-export interface ExposedFunctions {
-    execute: () => void;
-    pagination: Ref<PaginationObject>;
-    default_params: Record<string, any>;
-    set_limit_per_page: (newLimit: number) => void;
-    set_search: (newSearch: string) => void;
-    set_filter: (newFilter: string) => void;
-    set_page: (newPage: number) => void;
-}

package/dist/DatatableVue/components/PaginationDatatable.vue.d.ts

@@ -1,19 +0,0 @@
-interface PaginationObject {
-    current_page: number;
-    count: number;
-    limit_per_page: number;
-}
-interface PaginationProps {
-    pagination: PaginationObject;
-    filtering?: boolean;
-    page_starts_at?: number;
-}
-declare const _default: import('vue').DefineComponent<PaginationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    tradePage: () => any;
-}, string, import('vue').PublicProps, Readonly<PaginationProps> & Readonly<{
-    onTradePage?: (() => any) | undefined;
-}>, {
-    filtering: boolean;
-    page_starts_at: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/DatatableVue/components/SearchDatatable.vue.d.ts

@@ -1,20 +0,0 @@
-interface SearchProps {
-    search: string;
-    filter?: string;
-    list_filter?: any[];
-    item_use?: number[];
-}
-declare const _default: import('vue').DefineComponent<SearchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    search: (...args: any[]) => void;
-    "update:search": (...args: any[]) => void;
-    "update:filter": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<SearchProps> & Readonly<{
-    onSearch?: ((...args: any[]) => any) | undefined;
-    "onUpdate:search"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:filter"?: ((...args: any[]) => any) | undefined;
-}>, {
-    filter: string;
-    list_filter: any[];
-    item_use: number[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/DatatableVue/components/VColumn.vue.d.ts

@@ -1,53 +0,0 @@
-interface VColumnProps {
-    field?: string | null;
-    header: string;
-    type?: 'text' | 'img' | 'date' | 'html';
-    class_column?: string;
-    class_row?: string;
-    class_item?: string;
-    format?: 'complete' | 'simple';
-    deactivate_img_preview?: boolean;
-    limite_text?: number | string | null;
-    transform_function?: ((value: any) => any) | null;
-    click?: Function | null;
-    locked?: boolean;
-    use_ordering?: boolean;
-    param_ordering?: string;
-    decreasing_value?: string;
-    increasing_value?: string;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        body?: () => any;
-    }> & {
-        body?: () => any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<VColumnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<VColumnProps> & Readonly<{}>, {
-    click: Function | null;
-    field: string | null;
-    type: "text" | "img" | "date" | "html";
-    class_column: string;
-    class_row: string;
-    class_item: string;
-    format: "complete" | "simple";
-    deactivate_img_preview: boolean;
-    limite_text: number | string | null;
-    transform_function: ((value: any) => any) | null;
-    locked: boolean;
-    use_ordering: boolean;
-    param_ordering: string;
-    decreasing_value: string;
-    increasing_value: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/DatatableVue/components/VDataTable.vue.d.ts

@@ -1,36 +0,0 @@
-import { VDataTableProps, ExposedFunctions } from '../types/v-data-table.ts';
-declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & VDataTableProps & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<ExposedFunctions<T>>): void;
-    attrs: any;
-    slots: {
-        default?(_: {}): any;
-        pageSize?(_: {
-            changePageSize: (event: Event) => void;
-            limit_per_page: number;
-        }): any;
-        fieldMiddle?(_: {}): any;
-        'item-selected-info'?(_: {
-            selected_items: T[];
-            clearSelection: () => never[];
-        }): any;
-        pagination?(_: {
-            pagination: {
-                current_page: number;
-                count: number;
-                limit_per_page: number;
-                search: string;
-                filter: string;
-            };
-            tradePage: () => void;
-            error: any;
-        }): any;
-    };
-    emit: {};
-}>) => import('vue').VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/DatatableVue/composables/useImagePreview.d.ts

@@ -1,9 +0,0 @@
-import { CSSProperties } from 'vue';
-export declare function useImagePreview(): {
-    isHovering: import('vue').Ref<boolean, boolean>;
-    previewSrc: import('vue').Ref<string, string>;
-    previewStyle: import('vue').ComputedRef<CSSProperties>;
-    handleMouseOver: (event: MouseEvent, src: string) => void;
-    handleMouseMove: (event: MouseEvent) => void;
-    handleMouseLeave: () => void;
-};

package/dist/DatatableVue/index.d.ts

@@ -1,3 +0,0 @@
-import { default as VColumn } from './components/VColumn.vue';
-import { default as VDataTable } from './components/VDataTable.vue';
-export { VDataTable, VColumn };

package/dist/DatatableVue/keys.d.ts

@@ -1,31 +0,0 @@
-import { InjectionKey, Slot } from 'vue';
-export interface ColumnConfiguration {
-    field: string | null;
-    header: string;
-    type: 'text' | 'img' | 'date' | 'html';
-    class_column: string;
-    class_row: string;
-    class_item: string;
-    transform_function: ((value: any) => any) | null;
-    bodySlot?: Slot;
-    limite_text?: number;
-    deactivate_img_preview?: boolean;
-    format?: 'complete' | 'simple';
-    click: Function | null;
-    locked: boolean;
-    use_ordering: boolean;
-    param_ordering: string;
-    decreasing_value: string;
-    increasing_value: string;
-}
-export interface DataTableApi {
-    addColumn: (config: ColumnConfiguration) => void;
-}
-export declare const dataTableApiKey: InjectionKey<DataTableApi>;
-export interface PaginationObject {
-    current_page: number;
-    count: number;
-    limit_per_page: number;
-    search: string;
-    filter: string;
-}

package/dist/DatatableVue/types/v-data-table.d.ts

@@ -1,46 +0,0 @@
-import { Ref, ComputedRef, Component } from 'vue';
-import { PaginationObject } from '../keys';
-export type { PaginationObject } from '../keys';
-export interface VDataTableProps {
-    fetch: Function;
-    fetch_name?: string;
-    endpoint: string;
-    type_loading?: 'placeholder' | 'spiner-table' | 'spiner';
-    custom_loading?: Component | null;
-    deactivate_default_params?: boolean;
-    filter_param_name?: string;
-    search_param_name?: string;
-    page_param_name?: string;
-    page_size_param_name?: string;
-    add_params?: Object | Function;
-    data_key?: string;
-    total_key?: string;
-    list_filter?: any[];
-    first_text_page_size?: string;
-    second_text_page_size?: string;
-    class_table?: string;
-    class_content?: string;
-    class_container?: string;
-    class_pagination?: string;
-    class_filters?: string;
-    min_loading_delay?: number;
-    retry_attempts?: number;
-    retry_delay?: number;
-    use_checkbox?: boolean;
-    item_key?: string;
-    limit_per_page?: number;
-    page_starts_at?: number;
-    deactivate_selected_info?: boolean;
-}
-export interface ExposedFunctions<T extends Record<string, any>> {
-    execute: () => void;
-    reSearch: () => void;
-    pagination: Ref<PaginationObject>;
-    default_params: Record<string, any>;
-    selected_items: Ref<T[]>;
-    atLeastOneSelected: ComputedRef<boolean>;
-    set_limit_per_page: (newLimit: number) => void;
-    set_search: (newSearch: string) => void;
-    set_filter: (newFilter: string) => void;
-    set_page: (newPage: number) => void;
-}

package/dist/_plugin-vue_export-helper-CHgC5LLL.js

@@ -1,9 +0,0 @@
-const s = (t, r) => {
-  const o = t.__vccOpts || t;
-  for (const [c, e] of r)
-    o[c] = e;
-  return o;
-};
-export {
-  s as _
-};

package/dist/core/index.d.ts

@@ -1 +0,0 @@
-export { SistecPlugin } from './plugin';

package/dist/iframeCommunicator/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useIframeCommunicator';
-export * from './useThemeFromParent';

package/dist/iframeCommunicator/useIframeCommunicator.d.ts

@@ -1,8 +0,0 @@
-/**
- * Um Composable para gerenciar a comunicação entre um iframe e sua janela pai.
- * @param onMessageReceived - Uma função de callback que será executada quando uma mensagem for recebida do pai.
- */
-export declare function useIframeCommunicator(onMessageReceived: (event: MessageEvent) => void): {
-    isInIframe: Readonly<import('vue').Ref<boolean, boolean>>;
-    sendMessage: (message: any, targetOrigin?: string) => void;
-};

package/dist/iframeCommunicator/useThemeFromParent.d.ts

@@ -1,5 +0,0 @@
-/**
- * Um composable "tudo-em-um" que configura a comunicação de temas com a janela pai.
- * para usar, bastar importar e chamar useTheme() na raiz do component app do iframe
- */
-export declare function useTheme(): void;

package/dist/toast/components/ToastComponent.vue.d.ts

@@ -1,6 +0,0 @@
-declare const _default: import('vue').DefineComponent<{
-    content?: any;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    content?: any;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-export default _default;

package/dist/toast/index.d.ts

@@ -1 +0,0 @@
-export { useToastStore } from './useToastStore';

package/dist/toast/useToastStore.d.ts

@@ -1,15 +0,0 @@
-/**
- * Define os tipos de toast aceitos.
- * 1 = success
- * 2 = error
- * 3 = info
- */
-type ToastStoreType = 1 | 2 | 3;
-export declare const useToastStore: import('pinia').StoreDefinition<"toastStore", Pick<{
-    showToast: (title: string, body: string, type: ToastStoreType) => void;
-}, never>, Pick<{
-    showToast: (title: string, body: string, type: ToastStoreType) => void;
-}, never>, Pick<{
-    showToast: (title: string, body: string, type: ToastStoreType) => void;
-}, "showToast">>;
-export {};