eco-vue-js 0.5.0 → 0.5.2

package/dist/components/InfiniteList/WInfiniteList.vue.js

@@ -30,16 +30,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     maxPages: { default: void 0 },
     refetchInterval: { type: [Number, Boolean], default: void 0 },
     valueGetter: { type: Function, default: (item) => item.id },
-    queryOptions: {}
+    queryOptions: { default: void 0 }
   },
   emits: ["update:page", "update:header-padding", "update:count", "update:selected"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const infiniteList = ref();
+    const infiniteListPages = ref();
     const updateHeaderPadding = (value) => {
       emit("update:header-padding", value);
     };
+    const goto = (page, itemIndex) => {
+      infiniteListPages.value?.goto(page, itemIndex);
+    };
     const { indicator, header, headerTop, headerHeight, isIntersecting } = useInfiniteListHeader(props.scrollingElement);
     watch(isIntersecting, (value) => {
       if (!value && headerHeight.value) {
@@ -58,7 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     __expose({
       resetPage() {
-        infiniteList.value?.resetPage();
+        infiniteListPages.value?.resetPage();
       }
     });
     return (_ctx, _cache) => {
@@ -76,10 +79,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "z-20": !unref(isIntersecting)
             }])
           }, [
-            renderSlot(_ctx.$slots, "header")
+            renderSlot(_ctx.$slots, "header", { goto })
           ], 2)
         ], 64)) : createCommentVNode("", true),
         createVNode(_sfc_main$1, {
+          ref_key: "infiniteListPages",
+          ref: infiniteListPages,
           "query-params": _ctx.queryParams,
           "use-query-fn": _ctx.useQueryFn,
           "is-invalid-page": _ctx.isInvalidPage,
@@ -110,7 +115,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:selected", $event)),
           "onUpdate:page": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:page", $event))
         }, {
-          default: withCtx(({ item, setter, skeleton, refetch, previous, next, first, last, resetting }) => [
+          default: withCtx(({ item, setter, skeleton, refetch, previous, next, first, last, resetting, page, index }) => [
             renderSlot(_ctx.$slots, "default", {
               item,
               setter,
@@ -120,7 +125,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               next,
               first,
               last,
-              resetting
+              resetting,
+              page,
+              index
             })
           ]),
           _: 3

package/dist/components/InfiniteList/WInfiniteListPages.vue.d.ts

@@ -41,6 +41,8 @@ declare const _default: <Model extends string | number, Data extends DefaultData
             first: boolean;
             last: boolean;
             resetting: boolean;
+            page: number;
+            index: number;
         }) => void) | undefined;
     }> & {
         default?: ((props: {
@@ -53,6 +55,8 @@ declare const _default: <Model extends string | number, Data extends DefaultData
             first: boolean;
             last: boolean;
             resetting: boolean;
+            page: number;
+            index: number;
         }) => void) | undefined;
     };
     emit: {
@@ -61,7 +65,8 @@ declare const _default: <Model extends string | number, Data extends DefaultData
         (e: 'update:selected', values: Model[]): void;
     };
 } | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{
-    resetPage: () => void;
+    resetPage: (page?: number) => Promise<void>;
+    goto: (page?: number, itemIndex?: number) => Promise<void>;
 }>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
         transition?: boolean | undefined;
@@ -95,7 +100,8 @@ declare const _default: <Model extends string | number, Data extends DefaultData
         excludeParams?: (keyof QueryParams)[] | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
-        resetPage: () => void;
+        resetPage: (page?: number) => Promise<void>;
+        goto: (page?: number, itemIndex?: number) => Promise<void>;
     }>): void;
     attrs: any;
     slots: Readonly<{
@@ -109,6 +115,8 @@ declare const _default: <Model extends string | number, Data extends DefaultData
             first: boolean;
             last: boolean;
             resetting: boolean;
+            page: number;
+            index: number;
         }) => void) | undefined;
     }> & {
         default?: ((props: {
@@ -121,6 +129,8 @@ declare const _default: <Model extends string | number, Data extends DefaultData
             first: boolean;
             last: boolean;
             resetting: boolean;
+            page: number;
+            index: number;
         }) => void) | undefined;
     };
     emit: {
@@ -164,7 +174,8 @@ declare const _default: <Model extends string | number, Data extends DefaultData
             excludeParams?: (keyof QueryParams)[] | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{
-            resetPage: () => void;
+            resetPage: (page?: number) => Promise<void>;
+            goto: (page?: number, itemIndex?: number) => Promise<void>;
         }>): void;
         attrs: any;
         slots: Readonly<{
@@ -178,6 +189,8 @@ declare const _default: <Model extends string | number, Data extends DefaultData
                 first: boolean;
                 last: boolean;
                 resetting: boolean;
+                page: number;
+                index: number;
             }) => void) | undefined;
         }> & {
             default?: ((props: {
@@ -190,6 +203,8 @@ declare const _default: <Model extends string | number, Data extends DefaultData
                 first: boolean;
                 last: boolean;
                 resetting: boolean;
+                page: number;
+                index: number;
             }) => void) | undefined;
         };
         emit: {

package/dist/components/InfiniteList/WInfiniteListPages.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteList/WInfiniteListPages.vue"],"names":[],"mappings":"AA6EA;;;wBA+cwB,IAAI,KAAK,KAAK;;;;;iBAtBrB,WAAW;;;;gBAFZ,kBAAkB,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC;2BACnC,OAAO,KAAK,OAAO;;;;;;;;;;mBAwB3B,QAAQ,WAAW,kBAAkB,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;;;WAQlF,GAAG;;;kBApRA,IAAI;+BACS,IAAI,GAAG,SAAS,KAAK,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;kBATF,IAAI;+BACS,IAAI,GAAG,SAAS,KAAK,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;YA/IN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;;;;OAuZwB,IAAI;;;4BARnD,IAAI,KAAK,KAAK;;;;;qBAtBrB,WAAW;;;;oBAFZ,kBAAkB,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC;+BACnC,OAAO,KAAK,OAAO;;;;;;;;;;uBAwB3B,QAAQ,WAAW,kBAAkB,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;SAOlB,IAAI;WACpE,GAAG;;;kBApRA,IAAI;+BACS,IAAI,GAAG,SAAS,KAAK,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;kBATF,IAAI;+BACS,IAAI,GAAG,SAAS,KAAK,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;YA/IN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;;;;;;;;gCA+YvB,IAAI,KAAK,KAAK;;;;;yBAtBrB,WAAW;;;;wBAFZ,kBAAkB,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC;mCACnC,OAAO,KAAK,OAAO;;;;;;;;;;2BAwB3B,QAAQ,WAAW,kBAAkB,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;aAOlB,IAAI;eACpE,GAAG;;;sBApRA,IAAI;mCACS,IAAI,GAAG,SAAS,KAAK,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;;;sBATF,IAAI;mCACS,IAAI,GAAG,SAAS,KAAK,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;;;gBA/IN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;gBAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;gBACpC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;;;;AArD/C,wBAkd2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteList/WInfiniteListPages.vue"],"names":[],"mappings":"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"}

package/dist/components/InfiniteList/WInfiniteListPages.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, toRef, openBlock, createBlock, normalizeStyle, withCtx, createCommentVNode, createElementBlock, Fragment, renderList, normalizeClass, nextTick, unref, renderSlot } from 'vue';
+import { defineComponent, ref, computed, watch, toRef, openBlock, createBlock, normalizeStyle, withCtx, createCommentVNode, createElementBlock, Fragment, renderList, nextTick, unref, renderSlot } from 'vue';
 import _sfc_main$1 from './components/InfiniteListScroll.vue.js';
 import _sfc_main$3 from './components/InfiniteListPage.vue.js';
 import { useRefetchNextPages } from './use/useRefetchNextPages.js';
@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     maxPages: { default: 5 },
     refetchInterval: { type: [Number, Boolean], default: void 0 },
     valueGetter: {},
-    queryOptions: {}
+    queryOptions: { default: void 0 }
   },
   emits: ["update:page", "update:count", "update:selected"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -116,6 +116,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       element.scrollTop = element.scrollTop + height;
     };
     const removePage = (page) => {
+      if (previousPage.value === page)
+        previousPage.value = null;
+      if (nextPage.value === page)
+        nextPage.value = null;
       const index = pages.value.indexOf(page);
       if (index === -1)
         return;
@@ -124,10 +128,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         pages.value = [1];
       emit("update:page", pages.value[pages.value.length - 1]);
     };
-    const resetPage = () => {
+    const goto = async (page = 1, itemIndex) => {
+      const index = pages.value.indexOf(page);
+      if (index !== -1) {
+        pageComponent.value[index].scrollTo(itemIndex);
+        return;
+      }
+      resetPage(page);
+    };
+    const resetPage = async (page = 1) => {
       isResettingPage.value = true;
-      emit("update:page", void 0);
-      pages.value = [1];
+      emit("update:page", page === 1 ? void 0 : page);
+      pages.value = [];
+      await nextTick();
+      pages.value = [page];
       nextPage.value = null;
       previousPage.value = null;
       if (!props.skipScrollTarget)
@@ -140,7 +154,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     watch(count, (value) => emit("update:count", value), { immediate: true });
     __expose({
-      resetPage
+      resetPage,
+      goto
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
@@ -185,9 +200,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "scrolling-element": _ctx.scrollingElement,
               "value-getter": _ctx.valueGetter,
               "query-options": _ctx.queryOptions,
-              class: normalizeClass({
-                "last:min-h-[calc(100vh-var(--header-height)-var(--infinite-list-header-height))] last:pb-16": !_ctx.minHeight
-              }),
               "onUpdate:count": updateCount,
               "onUpdate:pagesCount": updatePagesCount,
               "onUpdate:nextPage": _cache[1] || (_cache[1] = ($event) => {
@@ -200,12 +212,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }),
               "onUpdate:scroll": updateScroll,
               "onUpdateFromHeader:scroll": _cache[3] || (_cache[3] = ($event) => _ctx.headerTop > 0 && nextTick(() => updateScroll(_ctx.headerTop))),
-              "onError:invalidPage": removePage,
+              "onRemove:page": removePage,
               onRefetch: ($event) => unref(refetchNextPages)(index),
               "onUpdate:selected": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("update:selected", $event)),
               onFetched: _cache[5] || (_cache[5] = ($event) => isResettingPage.value = false)
             }, {
-              default: withCtx(({ item, setter, skeleton, refetch, previous, next, first, last }) => [
+              default: withCtx(({ item, setter, skeleton, refetch, previous, next, first, last, page: itemPage, index: itemIndex }) => [
                 renderSlot(_ctx.$slots, "default", {
                   item,
                   setter,
@@ -215,11 +227,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   next: next ?? unref(pageComponent)[index + 1]?.getFirst() ?? unref(pageComponent)[0]?.getFirst(),
                   first,
                   last,
-                  resetting: isResettingPage.value
+                  resetting: isResettingPage.value,
+                  page: itemPage,
+                  index: itemIndex
                 })
               ]),
               _: 2
-            }, 1032, ["query-params", "use-query-fn", "is-invalid-page", "skeleton-length", "first-page", "last-page", "hide-page-title", "selected", "wrap", "no-gap", "transition", "resetting", "empty-stub", "select-only", "unselect-only", "reverse-selection", "allow-page-selection", "min-height", "page-class", "refetch-interval", "scrolling-element", "value-getter", "query-options", "class", "onRefetch"]);
+            }, 1032, ["query-params", "use-query-fn", "is-invalid-page", "skeleton-length", "first-page", "last-page", "hide-page-title", "selected", "wrap", "no-gap", "transition", "resetting", "empty-stub", "select-only", "unselect-only", "reverse-selection", "allow-page-selection", "min-height", "page-class", "refetch-interval", "scrolling-element", "value-getter", "query-options", "onRefetch"]);
           }), 128)),
           count.value !== 0 && nextPage.value ? (openBlock(), createBlock(_sfc_main$2, {
             key: 1,

package/dist/components/InfiniteList/components/InfiniteListPage.vue.d.ts

@@ -9,11 +9,11 @@ declare const _default: <Model extends string | number, Data extends DefaultData
     selected?: Model[] | undefined;
     selectOnly?: boolean | undefined;
     unselectOnly?: boolean | undefined;
-    "onUpdate:pagesCount"?: ((value: number) => any) | undefined;
-    "onUpdate:nextPage"?: ((value: number | null) => any) | undefined;
-    "onUpdate:previousPage"?: ((value: number | null) => any) | undefined;
+    "onUpdate:pages-count"?: ((value: number) => any) | undefined;
+    "onUpdate:next-page"?: ((value: number | null) => any) | undefined;
+    "onUpdate:previous-page"?: ((value: number | null) => any) | undefined;
     "onUpdate:scroll"?: ((value: number) => any) | undefined;
-    "onError:invalidPage"?: ((value: number) => any) | undefined;
+    "onRemove:page"?: ((value: number) => any) | undefined;
     onRefetch?: (() => any) | undefined;
     "onUpdate-from-header:scroll"?: (() => any) | undefined;
     onFetched?: (() => any) | undefined;
@@ -44,6 +44,8 @@ declare const _default: <Model extends string | number, Data extends DefaultData
             next?: Data | undefined;
             first: boolean;
             last: boolean;
+            page: number;
+            index: number;
         }) => void) | undefined;
     }> & {
         default?: ((props: {
@@ -55,15 +57,17 @@ declare const _default: <Model extends string | number, Data extends DefaultData
             next?: Data | undefined;
             first: boolean;
             last: boolean;
+            page: number;
+            index: number;
         }) => void) | undefined;
     };
     emit: {
         (e: 'update:count', value: number): void;
-        (e: 'update:pagesCount', value: number): void;
-        (e: 'update:nextPage', value: number | null): void;
-        (e: 'update:previousPage', value: number | null): void;
+        (e: 'update:pages-count', value: number): void;
+        (e: 'update:next-page', value: number | null): void;
+        (e: 'update:previous-page', value: number | null): void;
         (e: 'update:scroll', value: number): void;
-        (e: 'error:invalidPage', value: number): void;
+        (e: 'remove:page', value: number): void;
         (e: 'refetch'): void;
         (e: 'update-from-header:scroll'): void;
         (e: 'update:selected', values: Model[]): void;
@@ -73,6 +77,7 @@ declare const _default: <Model extends string | number, Data extends DefaultData
     getFirst: () => Data | undefined;
     getLast: () => Data | undefined;
     refetch: () => Promise<void>;
+    scrollTo: (index?: number) => void;
 }>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
         transition?: boolean | undefined;
@@ -85,11 +90,11 @@ declare const _default: <Model extends string | number, Data extends DefaultData
         selected?: Model[] | undefined;
         selectOnly?: boolean | undefined;
         unselectOnly?: boolean | undefined;
-        "onUpdate:pagesCount"?: ((value: number) => any) | undefined;
-        "onUpdate:nextPage"?: ((value: number | null) => any) | undefined;
-        "onUpdate:previousPage"?: ((value: number | null) => any) | undefined;
+        "onUpdate:pages-count"?: ((value: number) => any) | undefined;
+        "onUpdate:next-page"?: ((value: number | null) => any) | undefined;
+        "onUpdate:previous-page"?: ((value: number | null) => any) | undefined;
         "onUpdate:scroll"?: ((value: number) => any) | undefined;
-        "onError:invalidPage"?: ((value: number) => any) | undefined;
+        "onRemove:page"?: ((value: number) => any) | undefined;
         onRefetch?: (() => any) | undefined;
         "onUpdate-from-header:scroll"?: (() => any) | undefined;
         onFetched?: (() => any) | undefined;
@@ -113,6 +118,7 @@ declare const _default: <Model extends string | number, Data extends DefaultData
         getFirst: () => Data | undefined;
         getLast: () => Data | undefined;
         refetch: () => Promise<void>;
+        scrollTo: (index?: number) => void;
     }>): void;
     attrs: any;
     slots: Readonly<{
@@ -125,6 +131,8 @@ declare const _default: <Model extends string | number, Data extends DefaultData
             next?: Data | undefined;
             first: boolean;
             last: boolean;
+            page: number;
+            index: number;
         }) => void) | undefined;
     }> & {
         default?: ((props: {
@@ -136,15 +144,17 @@ declare const _default: <Model extends string | number, Data extends DefaultData
             next?: Data | undefined;
             first: boolean;
             last: boolean;
+            page: number;
+            index: number;
         }) => void) | undefined;
     };
     emit: {
         (e: 'update:count', value: number): void;
-        (e: 'update:pagesCount', value: number): void;
-        (e: 'update:nextPage', value: number | null): void;
-        (e: 'update:previousPage', value: number | null): void;
+        (e: 'update:pages-count', value: number): void;
+        (e: 'update:next-page', value: number | null): void;
+        (e: 'update:previous-page', value: number | null): void;
         (e: 'update:scroll', value: number): void;
-        (e: 'error:invalidPage', value: number): void;
+        (e: 'remove:page', value: number): void;
         (e: 'refetch'): void;
         (e: 'update-from-header:scroll'): void;
         (e: 'update:selected', values: Model[]): void;
@@ -165,11 +175,11 @@ declare const _default: <Model extends string | number, Data extends DefaultData
             selected?: Model[] | undefined;
             selectOnly?: boolean | undefined;
             unselectOnly?: boolean | undefined;
-            "onUpdate:pagesCount"?: ((value: number) => any) | undefined;
-            "onUpdate:nextPage"?: ((value: number | null) => any) | undefined;
-            "onUpdate:previousPage"?: ((value: number | null) => any) | undefined;
+            "onUpdate:pages-count"?: ((value: number) => any) | undefined;
+            "onUpdate:next-page"?: ((value: number | null) => any) | undefined;
+            "onUpdate:previous-page"?: ((value: number | null) => any) | undefined;
             "onUpdate:scroll"?: ((value: number) => any) | undefined;
-            "onError:invalidPage"?: ((value: number) => any) | undefined;
+            "onRemove:page"?: ((value: number) => any) | undefined;
             onRefetch?: (() => any) | undefined;
             "onUpdate-from-header:scroll"?: (() => any) | undefined;
             onFetched?: (() => any) | undefined;
@@ -193,6 +203,7 @@ declare const _default: <Model extends string | number, Data extends DefaultData
             getFirst: () => Data | undefined;
             getLast: () => Data | undefined;
             refetch: () => Promise<void>;
+            scrollTo: (index?: number) => void;
         }>): void;
         attrs: any;
         slots: Readonly<{
@@ -205,6 +216,8 @@ declare const _default: <Model extends string | number, Data extends DefaultData
                 next?: Data | undefined;
                 first: boolean;
                 last: boolean;
+                page: number;
+                index: number;
             }) => void) | undefined;
         }> & {
             default?: ((props: {
@@ -216,15 +229,17 @@ declare const _default: <Model extends string | number, Data extends DefaultData
                 next?: Data | undefined;
                 first: boolean;
                 last: boolean;
+                page: number;
+                index: number;
             }) => void) | undefined;
         };
         emit: {
             (e: 'update:count', value: number): void;
-            (e: 'update:pagesCount', value: number): void;
-            (e: 'update:nextPage', value: number | null): void;
-            (e: 'update:previousPage', value: number | null): void;
+            (e: 'update:pages-count', value: number): void;
+            (e: 'update:next-page', value: number | null): void;
+            (e: 'update:previous-page', value: number | null): void;
             (e: 'update:scroll', value: number): void;
-            (e: 'error:invalidPage', value: number): void;
+            (e: 'remove:page', value: number): void;
             (e: 'refetch'): void;
             (e: 'update-from-header:scroll'): void;
             (e: 'update:selected', values: Model[]): void;

package/dist/components/InfiniteList/components/InfiniteListPage.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteListPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPage.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"InfiniteListPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPage.vue"],"names":[],"mappings":"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"}

package/dist/components/InfiniteList/components/InfiniteListPage.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, toRef, computed, watch, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, unref, Fragment, createElementVNode, normalizeClass, createBlock, createCommentVNode, TransitionGroup, withCtx, renderList, renderSlot, toDisplayString } from 'vue';
+import { defineComponent, ref, toRef, computed, watch, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref, Fragment, createElementVNode, createBlock, createCommentVNode, TransitionGroup, withCtx, renderList, renderSlot, toDisplayString } from 'vue';
 import _sfc_main$2 from './InfiniteListPageTitle.vue.js';
 import _sfc_main$1 from './InfiniteListPageSelection.vue.js';
 
@@ -29,13 +29,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     refetchInterval: { type: [Number, Boolean], default: void 0 },
     scrollingElement: { default: void 0 },
     valueGetter: {},
-    queryOptions: {}
+    queryOptions: { default: void 0 }
   },
-  emits: ["update:count", "update:pagesCount", "update:nextPage", "update:previousPage", "update:scroll", "error:invalidPage", "refetch", "update-from-header:scroll", "update:selected", "fetched"],
+  emits: ["update:count", "update:pages-count", "update:next-page", "update:previous-page", "update:scroll", "remove:page", "refetch", "update-from-header:scroll", "update:selected", "fetched"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const element = ref();
+    const resultElement = ref([]);
     const isIntersecting = ref(false);
     const { data, error, setData, refetch, isFetching } = props.useQueryFn(
       toRef(props, "queryParams"),
@@ -46,6 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     const nextPage = computed(() => data.value?.next);
     const previousPage = computed(() => data.value?.previous);
+    const page = computed(() => props.queryParams instanceof Object && "page" in props.queryParams && Number.isInteger(props.queryParams.page) ? props.queryParams.page : null);
     const setItem = (index, newItem) => {
       if (!data.value)
         return;
@@ -65,9 +67,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const refetchPage = async () => {
       await refetch();
       if (props.lastPage && nextPage.value !== void 0)
-        emit("update:nextPage", nextPage.value);
+        emit("update:next-page", nextPage.value);
       if (props.firstPage && previousPage.value !== void 0)
-        emit("update:previousPage", previousPage.value);
+        emit("update:previous-page", previousPage.value);
     };
     const getFirst = () => {
       if (!data.value)
@@ -79,19 +81,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return void 0;
       return data.value.results[data.value.results.length - 1];
     };
+    const scrollTo = (index) => {
+      if (index) {
+        if (index !== -1 && resultElement.value[index]) {
+          resultElement.value[index].scrollIntoView({ block: "center", behavior: "smooth" });
+          return;
+        }
+      }
+      element.value?.scrollIntoView({ block: "center", behavior: "smooth" });
+    };
     watch(data, (value) => {
       if (props.firstPage && value?.previous !== void 0)
-        emit("update:previousPage", value.previous);
+        emit("update:previous-page", value.previous);
       if (props.lastPage && value?.next !== void 0)
-        emit("update:nextPage", value.next);
+        emit("update:next-page", value.next);
       if (value?.pages_count !== void 0)
-        emit("update:pagesCount", value.pages_count);
+        emit("update:pages-count", value.pages_count);
       if (value?.count !== void 0)
         emit("update:count", value.count);
     }, { immediate: true });
     watch(error, (error2) => {
-      if (props.isInvalidPage(error2))
-        emit("error:invalidPage", props.queryParams.page ?? 1);
+      if (props.isInvalidPage(error2) && page.value !== null)
+        emit("remove:page", page.value);
     }, { immediate: true });
     watch(isFetching, (value) => {
       if (value)
@@ -125,7 +136,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!props.firstPage)
         return;
       if (props.lastPage) {
-        if (props.queryParams.page !== 1)
+        if (page.value !== 1)
           nextTick().then(() => emit("update-from-header:scroll"));
         return;
       }
@@ -134,6 +145,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onBeforeUnmount(() => {
       intersectionObserver?.disconnect();
       intersectionObserver = void 0;
+      if (page.value !== null)
+        emit("remove:page", page.value);
     });
     watch(data, async (_, oldValue) => {
       if (oldValue)
@@ -151,15 +164,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     __expose({
       getFirst,
       getLast,
-      refetch: refetchPage
+      refetch: refetchPage,
+      scrollTo
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "element",
         ref: element,
-        class: "relative"
+        class: normalizeClass(["relative", {
+          "last:min-h-[calc(100vh-var(--header-height)-var(--infinite-list-header-height))] last:pb-16": !_ctx.minHeight,
+          "last:min-h-full": _ctx.minHeight && !unref(data)
+        }])
       }, [
-        _ctx.queryParams.page && unref(data)?.results.length !== 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        page.value && unref(data)?.results.length !== 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           createElementVNode("div", {
             class: normalizeClass(["flex", {
               "sm:pt-4": (_ctx.selected === void 0 || !_ctx.allowPageSelection) && _ctx.hidePageTitle && !_ctx.noGap
@@ -202,6 +219,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(data).results, (item, index) => {
                     return openBlock(), createElementBlock("div", {
                       key: _ctx.valueGetter(item),
+                      ref_for: true,
+                      ref_key: "resultElement",
+                      ref: resultElement,
                       class: "w-full group"
                     }, [
                       createElementVNode("div", _hoisted_1, [
@@ -213,7 +233,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           next: unref(data)?.results[index + 1],
                           previous: unref(data)?.results[index - 1],
                           first: _ctx.firstPage && index === 0,
-                          last: _ctx.lastPage && index === unref(data).results.length - 1
+                          last: _ctx.lastPage && index === unref(data).results.length - 1,
+                          page: page.value,
+                          index
                         })
                       ])
                     ]);
@@ -230,7 +252,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   next: unref(data)?.results[index + 1],
                   previous: unref(data)?.results[index - 1],
                   first: _ctx.firstPage && index === 0,
-                  last: _ctx.lastPage && index === unref(data).results.length - 1
+                  last: _ctx.lastPage && index === unref(data).results.length - 1,
+                  page: page.value,
+                  index
                 });
               }), 128))
             ], 64)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.skeletonLength, (index) => {
@@ -243,7 +267,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 next: void 0,
                 previous: void 0,
                 first: _ctx.firstPage && index === 1,
-                last: _ctx.lastPage && index === _ctx.skeletonLength
+                last: _ctx.lastPage && index === _ctx.skeletonLength,
+                page: page.value,
+                index
               });
             }), 128))
           ], 2)
@@ -256,7 +282,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           createElementVNode("div", _hoisted_2, toDisplayString(_ctx.emptyStub), 1)
         ], 2))
-      ], 512);
+      ], 2);
     };
   }
 });

package/dist/components/Input/WInputOptions.vue.d.ts

@@ -9,8 +9,8 @@ declare const _default: <Type extends InputType = "text", Option extends Record<
     title?: string | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    modelValue: Type extends "number" ? number : string;
     valueGetter: (option: Option) => Type extends "number" ? number : string;
+    modelValue: Type extends "number" ? number : string;
     icon?: SVGComponent | undefined;
     readonly?: boolean | undefined;
     skeleton?: boolean | undefined;
@@ -53,8 +53,8 @@ declare const _default: <Type extends InputType = "text", Option extends Record<
         title?: string | undefined;
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
-        modelValue: Type extends "number" ? number : string;
         valueGetter: (option: Option) => Type extends "number" ? number : string;
+        modelValue: Type extends "number" ? number : string;
         icon?: SVGComponent | undefined;
         readonly?: boolean | undefined;
         skeleton?: boolean | undefined;
@@ -101,8 +101,8 @@ declare const _default: <Type extends InputType = "text", Option extends Record<
             title?: string | undefined;
             disabled?: boolean | undefined;
             loading?: boolean | undefined;
-            modelValue: Type extends "number" ? number : string;
             valueGetter: (option: Option) => Type extends "number" ? number : string;
+            modelValue: Type extends "number" ? number : string;
             icon?: SVGComponent | undefined;
             readonly?: boolean | undefined;
             skeleton?: boolean | undefined;

package/dist/components/Input/WInputOptions.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInputOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputOptions.vue"],"names":[],"mappings":"AAiFA;AAEA,OAAO,EAAwC,KAAK,SAAS,EAAC,MAAM,KAAK,CAAA;;QAMmB,MAAM;;QAA+B,MAAM;;WA4W9H,IAAI,GAAG,SAAS;;;;;;0BAFD,MAAM;;;;;;;;;;;;;aADnB,MAAM,EAAE;;;gBASoB,MAAM;;;;;;;WAoBtC,GAAG;;uBA/DkB,GAAG;;;;;YACF,GAAG;;cArS1B,oBAAoB,qDAAsB,IAAI;;;;OAkWmB,IAAI;;eAzBlE,IAAI,GAAG,SAAS;;;;;;8BAFD,MAAM;;;;;;;;;;;;;iBADnB,MAAM,EAAE;;;oBASoB,MAAM;;;;;;;;;;SAmB0B,IAAI;WACpE,GAAG;;uBA/DkB,GAAG;;;;;YACF,GAAG;;cArS1B,oBAAoB,qDAAsB,IAAI;;;;;;mBAyU3C,IAAI,GAAG,SAAS;;;;;;kCAFD,MAAM;;;;;;;;;;;;;qBADnB,MAAM,EAAE;;;wBASoB,MAAM;;;;;;;;;;aAmB0B,IAAI;eACpE,GAAG;;2BA/DkB,GAAG;;;;;gBACF,GAAG;;kBArS1B,oBAAoB,qDAAsB,IAAI;;;AAnCpD,wBA2Y2E"}
+{"version":3,"file":"WInputOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputOptions.vue"],"names":[],"mappings":"AAiFA;AAEA,OAAO,EAAwC,KAAK,SAAS,EAAC,MAAM,KAAK,CAAA;;QAMmB,MAAM;;QAA+B,MAAM;;WA4W9H,IAAI,GAAG,SAAS;;;;;0BAFD,MAAM;;;;;;;;;;;;;;aADnB,MAAM,EAAE;;;gBASoB,MAAM;;;;;;;WAoBtC,GAAG;;uBA/DkB,GAAG;;;;;YACF,GAAG;;cArS1B,oBAAoB,qDAAsB,IAAI;;;;OAkWmB,IAAI;;eAzBlE,IAAI,GAAG,SAAS;;;;;8BAFD,MAAM;;;;;;;;;;;;;;iBADnB,MAAM,EAAE;;;oBASoB,MAAM;;;;;;;;;;SAmB0B,IAAI;WACpE,GAAG;;uBA/DkB,GAAG;;;;;YACF,GAAG;;cArS1B,oBAAoB,qDAAsB,IAAI;;;;;;mBAyU3C,IAAI,GAAG,SAAS;;;;;kCAFD,MAAM;;;;;;;;;;;;;;qBADnB,MAAM,EAAE;;;wBASoB,MAAM;;;;;;;;;;aAmB0B,IAAI;eACpE,GAAG;;2BA/DkB,GAAG;;;;;gBACF,GAAG;;kBArS1B,oBAAoB,qDAAsB,IAAI;;;AAnCpD,wBA2Y2E"}