eco-vue-js 0.3.83 → 0.3.85

package/dist/components/Button/WButtonSelection.vue.d.ts

@@ -1,16 +1,16 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     title?: string | undefined;
     selectedLength?: number | undefined;
+    disableMessageMore?: string | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "clear:selected": () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     title?: string | undefined;
     selectedLength?: number | undefined;
+    disableMessageMore?: string | undefined;
 }>>> & {
     "onClear:selected"?: (() => any) | undefined;
-}, {}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -21,9 +21,4 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
 //# sourceMappingURL=WButtonSelection.vue.d.ts.map

package/dist/components/Button/WButtonSelection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonSelection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonSelection.vue"],"names":[],"mappings":"AA8BA;;;;;;;;;;;;;;AA6LA,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"WButtonSelection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonSelection.vue"],"names":[],"mappings":"AAkEA;;;;;;;;;;;;;;AAiSA,wBAWG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/components/Button/WButtonSelection.vue.js

@@ -1,9 +1,14 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, Transition, withCtx, toDisplayString, unref, createCommentVNode } from 'vue';
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createBlock, resolveDynamicComponent, unref, withCtx, createVNode, markRaw, createCommentVNode, Transition, toDisplayString } from 'vue';
 import { numberFormatter } from '../../utils/utils.js';
 import IconCancel from '../../assets/icons/default/IconCancel.svg.js';
+import IconMore from '../../assets/icons/default/IconMore.svg.js';
+import _sfc_main$1 from '../DropdownMenu/WDropdownMenu.vue.js';
+import _sfc_main$2 from './WButtonSelectionAction.vue.js';
+import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
+import _sfc_main$3 from '../ClickOutside/WClickOutside.vue.js';
 
-const _hoisted_1 = { class: "flex h-12 pb-3 w-full" };
-const _hoisted_2 = { class: "flex flex-1" };
+const _hoisted_1 = { class: "grid grid-cols-[1fr,auto] h-12 pb-3 w-full" };
+const _hoisted_2 = { class: "flex" };
 const _hoisted_3 = {
   key: 0,
   class: "flex gap-3 sm-not:gap-1"
@@ -16,14 +21,54 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WButtonSelection",
   props: {
     title: {},
-    selectedLength: {}
+    selectedLength: {},
+    disableMessageMore: {}
   },
   emits: ["clear:selected"],
   setup(__props) {
+    const isOpen = ref(false);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "default")
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots.default?.(), (slot, index) => {
+            return openBlock(), createBlock(resolveDynamicComponent(slot), {
+              key: index,
+              class: "border-r border-solid border-gray-300 dark:border-gray-700 last:border-r-0"
+            });
+          }), 128)),
+          _ctx.$slots.more?.()?.length ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            "is-open": isOpen.value,
+            "max-width": 200,
+            "max-height": 300,
+            "horizontal-align": unref(HorizontalAlign).RIGHT_INNER
+          }, {
+            toggle: withCtx(() => [
+              createVNode(_sfc_main$2, {
+                title: "More",
+                icon: markRaw(unref(IconMore)),
+                "disable-message": _ctx.disableMessageMore,
+                onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
+              }, null, 8, ["icon", "disable-message"])
+            ]),
+            content: withCtx(() => [
+              createVNode(_sfc_main$3, {
+                class: "my-2 grid grid-cols-1 bg-default dark:bg-default-dark shadow-md rounded-xl overflow-hidden dark:outline dark:outline-1 dark:outline-gray-800",
+                onClick: _cache[1] || (_cache[1] = ($event) => isOpen.value = false)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots.more?.(), (slot, index) => {
+                    return openBlock(), createBlock(resolveDynamicComponent(slot), {
+                      key: index,
+                      class: "first:pt-2 last:pb-2"
+                    });
+                  }), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["is-open", "horizontal-align"])) : createCommentVNode("", true)
         ]),
         createVNode(Transition, {
           "enter-active-class": "transition-opacity",
@@ -40,7 +85,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               createElementVNode("div", {
                 class: "relative text-description sm-not:-px--inner-margin px-[1.125rem] flex items-center cursor-pointer select-none w-ripple w-ripple-hover",
-                onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("clear:selected"))
+                onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("clear:selected"))
               }, [
                 createVNode(unref(IconCancel))
               ])

package/dist/components/Button/WButtonSelectionAction.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, createBlock, resolveDynamicComponent, toDisplayString, withCtx, createCommentVNode } from 'vue';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, resolveDynamicComponent, toDisplayString, withCtx, createCommentVNode } from 'vue';
 import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
 
-const _hoisted_1 = { class: "border-r border-solid border-gray-300 dark:border-gray-700 last:border-r-0" };
-const _hoisted_2 = ["disabled"];
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = { class: "px-5 sm:px-[1.125rem] flex gap-2 items-center h-9" };
 const _hoisted_3 = { class: "whitespace-nowrap font-normal text-base sm-not:hidden" };
 const _hoisted_4 = { class: "whitespace-nowrap" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -16,26 +16,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["click"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("button", {
-          disabled: _ctx.disableMessage !== void 0,
-          class: normalizeClass(["relative h-9 flex gap-2 px-5 sm:px-[1.125rem] items-center select-none cursor-pointer no-underline outline-none border-none bg-none disabled:text-description disabled:cursor-not-allowed", {
-            "w-ripple w-ripple-hover before:text-primary-default dark:before:text-primary-dark hover:text-primary-default dark:hover:text-primary-dark": !_ctx.disableMessage,
-            "text-primary-default dark:text-primary-dark": _ctx.active,
-            "text-accent": !_ctx.active
-          }]),
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
-        }, [
+      return openBlock(), createElementBlock("button", {
+        disabled: _ctx.disableMessage !== void 0,
+        class: normalizeClass(["relative select-none cursor-pointer no-underline outline-none bg-none disabled:text-description disabled:cursor-not-allowed", {
+          "w-ripple w-ripple-hover before:text-primary-default dark:before:text-primary-dark hover:text-primary-default dark:hover:text-primary-dark": !_ctx.disableMessage,
+          "text-primary-default dark:text-primary-dark": _ctx.active,
+          "text-accent": !_ctx.active
+        }]),
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
+      }, [
+        createElementVNode("div", _hoisted_2, [
           (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon))),
           createElementVNode("div", _hoisted_3, toDisplayString(_ctx.title), 1)
-        ], 10, _hoisted_2),
+        ]),
         _ctx.disableMessage ? (openBlock(), createBlock(_sfc_main$1, { key: 0 }, {
           default: withCtx(() => [
             createElementVNode("div", _hoisted_4, toDisplayString(_ctx.disableMessage), 1)
           ]),
           _: 1
         })) : createCommentVNode("", true)
-      ]);
+      ], 10, _hoisted_1);
     };
   }
 });

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

@@ -18,6 +18,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
     allowPageSelection?: boolean | undefined;
     minHeight?: boolean | undefined;
     pageClass?: string | undefined;
+    refetchInterval?: number | false | undefined;
     "onUpdate:page"?: ((value: number | undefined) => any) | undefined;
     skipScrollTarget?: boolean | undefined;
     pageLength?: number | undefined;
@@ -84,6 +85,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         allowPageSelection?: boolean | undefined;
         minHeight?: boolean | undefined;
         pageClass?: string | undefined;
+        refetchInterval?: number | false | undefined;
         "onUpdate:page"?: ((value: number | undefined) => any) | undefined;
         skipScrollTarget?: boolean | undefined;
         pageLength?: number | undefined;
@@ -154,6 +156,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
             allowPageSelection?: boolean | undefined;
             minHeight?: boolean | undefined;
             pageClass?: string | undefined;
+            refetchInterval?: number | false | undefined;
             "onUpdate:page"?: ((value: number | undefined) => any) | undefined;
             skipScrollTarget?: boolean | undefined;
             pageLength?: number | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"WInfiniteList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteList/WInfiniteList.vue"],"names":[],"mappings":"AA2DA;;;;;iBAqQiB,WAAW;;;;;;;2BADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;WA6BvC,GAAG;;;;oDA9LkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;0BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;;oDATL,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;0BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;YAvD3C,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,uBAAuB,SAAS,MAAM,GAAG,IAAI;YAC7C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;OAwOuB,IAAI;;;;;qBA3B1D,WAAW;;;;;;;+BADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;;SA4ByB,IAAI;WACpE,GAAG;;;;oDA9LkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;0BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;;oDATL,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;0BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;YAvD3C,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,uBAAuB,SAAS,MAAM,GAAG,IAAI;YAC7C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;;;;;;;yBA6M/B,WAAW;;;;;;;mCADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;;aA4ByB,IAAI;eACpE,GAAG;;;;wDA9LkC,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;8BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;;wDATL,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;8BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;gBAvD3C,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;gBAC/C,uBAAuB,SAAS,MAAM,GAAG,IAAI;gBAC7C,cAAc,SAAS,MAAM,GAAG,IAAI;gBACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;AAjDhD,wBA+R2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInfiniteList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteList/WInfiniteList.vue"],"names":[],"mappings":"AA4DA;;;;;iBAwQiB,WAAW;;;;;;;2BADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;WA8BvC,GAAG;;;;oDAhMkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;0BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;;oDATL,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;0BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;YAvD3C,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,uBAAuB,SAAS,MAAM,GAAG,IAAI;YAC7C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;OA0OuB,IAAI;;;;;qBA5B1D,WAAW;;;;;;;+BADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;;;SA6ByB,IAAI;WACpE,GAAG;;;;oDAhMkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;0BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;;oDATL,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;0BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;YAvD3C,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,uBAAuB,SAAS,MAAM,GAAG,IAAI;YAC7C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;;;;;;;yBA8M/B,WAAW;;;;;;;mCADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;;;aA6ByB,IAAI;eACpE,GAAG;;;;wDAhMkC,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;8BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;;wDATL,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;8BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;gBAvD3C,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;gBAC/C,uBAAuB,SAAS,MAAM,GAAG,IAAI;gBAC7C,cAAc,SAAS,MAAM,GAAG,IAAI;gBACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;AAnDhD,wBAmS2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -27,7 +27,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     reverseSelection: { type: Boolean },
     allowPageSelection: { type: Boolean },
     pageClass: { default: void 0 },
-    maxPages: { default: void 0 }
+    maxPages: { default: void 0 },
+    refetchInterval: { type: [Number, Boolean], default: void 0 }
   },
   emits: ["update:page", "update:header-padding", "update:count", "update:selected"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -98,6 +99,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "allow-page-selection": _ctx.allowPageSelection,
           "page-class": _ctx.pageClass,
           "max-pages": _ctx.maxPages,
+          "refetch-interval": _ctx.refetchInterval,
           "onUpdate:count": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:count", $event)),
           "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:selected", $event)),
           "onUpdate:page": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:page", $event))
@@ -116,7 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             })
           ]),
           _: 3
-        }, 8, ["query-params", "use-query-fn", "is-invalid-page", "scrolling-element", "skip-scroll-target", "skeleton-length", "hide-page-title", "selected", "wrap", "no-gap", "transition", "page-length", "header-top", "header-height", "min-height", "exclude-params", "empty-stub", "select-only", "unselect-only", "reverse-selection", "allow-page-selection", "page-class", "max-pages"])
+        }, 8, ["query-params", "use-query-fn", "is-invalid-page", "scrolling-element", "skip-scroll-target", "skeleton-length", "hide-page-title", "selected", "wrap", "no-gap", "transition", "page-length", "header-top", "header-height", "min-height", "exclude-params", "empty-stub", "select-only", "unselect-only", "reverse-selection", "allow-page-selection", "page-class", "max-pages", "refetch-interval"])
       ], 64);
     };
   }

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

@@ -18,6 +18,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
     allowPageSelection?: boolean | undefined;
     minHeight?: boolean | undefined;
     pageClass?: string | undefined;
+    refetchInterval?: number | false | undefined;
     "onUpdate:page"?: ((value: number | undefined) => any) | undefined;
     skipScrollTarget?: boolean | undefined;
     pageLength?: number | undefined;
@@ -80,6 +81,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         allowPageSelection?: boolean | undefined;
         minHeight?: boolean | undefined;
         pageClass?: string | undefined;
+        refetchInterval?: number | false | undefined;
         "onUpdate:page"?: ((value: number | undefined) => any) | undefined;
         skipScrollTarget?: boolean | undefined;
         pageLength?: number | undefined;
@@ -146,6 +148,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
             allowPageSelection?: boolean | undefined;
             minHeight?: boolean | undefined;
             pageClass?: string | undefined;
+            refetchInterval?: number | false | undefined;
             "onUpdate:page"?: ((value: number | undefined) => any) | undefined;
             skipScrollTarget?: boolean | undefined;
             pageLength?: number | undefined;

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":"AAyEA;;;;;iBAubiB,WAAW;;;;;;;2BADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;WA6BvC,GAAG;;;;oDApRkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;;oDARgC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;YA7IN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;OAsZuB,IAAI;;;;;qBA3B1D,WAAW;;;;;;;+BADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;SA4ByB,IAAI;WACpE,GAAG;;;;oDApRkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;;oDARgC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;YA7IN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;;;;;;;yBA2X/B,WAAW;;;;;;;mCADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;aA4ByB,IAAI;eACpE,GAAG;;;;wDApRkC,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;;;;wDARgC,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;;;gBA7IN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;gBAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;gBACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;AAjDhD,wBA6c2E;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":"AA2EA;;;;;iBA0biB,WAAW;;;;;;;2BADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;WA8BvC,GAAG;;;;oDAtRkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;;oDARgC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;YA7IN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;OAwZuB,IAAI;;;;;qBA5B1D,WAAW;;;;;;;+BADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;;SA6ByB,IAAI;WACpE,GAAG;;;;oDAtRkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;;oDARgC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;YA7IN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;;;;;;;yBA4X/B,WAAW;;;;;;;mCADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;;aA6ByB,IAAI;eACpE,GAAG;;;;wDAtRkC,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;;;;wDARgC,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;;;gBA7IN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;gBAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;gBACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;AAnDhD,wBAid2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -31,7 +31,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     reverseSelection: { type: Boolean },
     allowPageSelection: { type: Boolean },
     pageClass: { default: void 0 },
-    maxPages: { default: 5 }
+    maxPages: { default: 5 },
+    refetchInterval: { type: [Number, Boolean], default: void 0 }
   },
   emits: ["update:page", "update:count", "update:selected"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -177,6 +178,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "allow-page-selection": _ctx.allowPageSelection,
               "min-height": _ctx.minHeight,
               "page-class": _ctx.pageClass,
+              "refetch-interval": _ctx.refetchInterval,
+              "scrolling-element": _ctx.scrollingElement,
               class: normalizeClass({
                 "last:min-h-[calc(100vh-var(--header-height)-var(--infinite-list-header-height))] last:pb-16": !_ctx.minHeight
               }),
@@ -214,7 +217,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })
               ]),
               _: 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", "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", "class", "onRefetch"]);
           }), 128)),
           count.value !== 0 && nextPage.value ? (openBlock(), createBlock(_sfc_main$2, {
             key: 1,

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

@@ -1,6 +1,7 @@
 declare const _default: <Data extends DefaultData>(__VLS_props: {
     transition?: boolean | undefined;
     wrap?: boolean | undefined;
+    scrollingElement?: Element | null | undefined;
     queryParams: QueryParams;
     "onUpdate:selected"?: ((values: number[]) => any) | undefined;
     selected?: number[] | undefined;
@@ -28,6 +29,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
     allowPageSelection?: boolean | undefined;
     minHeight?: boolean | undefined;
     pageClass?: string | undefined;
+    refetchInterval?: number | false | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: Readonly<{
@@ -73,6 +75,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
     props: {
         transition?: boolean | undefined;
         wrap?: boolean | undefined;
+        scrollingElement?: Element | null | undefined;
         queryParams: QueryParams;
         "onUpdate:selected"?: ((values: number[]) => any) | undefined;
         selected?: number[] | undefined;
@@ -100,6 +103,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         allowPageSelection?: boolean | undefined;
         minHeight?: boolean | undefined;
         pageClass?: string | undefined;
+        refetchInterval?: number | false | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         getFirst: () => Data | undefined;
@@ -149,6 +153,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         props: {
             transition?: boolean | undefined;
             wrap?: boolean | undefined;
+            scrollingElement?: Element | null | undefined;
             queryParams: QueryParams;
             "onUpdate:selected"?: ((values: number[]) => any) | undefined;
             selected?: number[] | undefined;
@@ -176,6 +181,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
             allowPageSelection?: boolean | undefined;
             minHeight?: boolean | undefined;
             pageClass?: string | undefined;
+            refetchInterval?: number | false | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{
             getFirst: () => Data | undefined;

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":"AAsHA;;;;iBAibiB,WAAW;;;;;;;;;;;;;;;2BAED,OAAO,KAAK,OAAO;oBAC1B,MAAM;eACX,OAAO;cACR,OAAO;;;;;;;;;;WAqBd,GAAG;;;;oDAhSkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;cACT,IAAI;;;;oDAPgC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;cACT,IAAI;;;YArIN,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,MAAM,GAAG,IAAI;YACzC,iBAAiB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAC9C,qBAAqB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAClD,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,mBAAmB,SAAS,MAAM,GAAG,IAAI;YACzC,SAAS,GAAG,IAAI;YAChB,2BAA2B,GAAG,IAAI;YAClC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;YAC1C,SAAS,GAAG,IAAI;;;;;;OAoZiD,IAAI;;;;qBAzB1D,WAAW;;;;;;;;;;;;;;;+BAED,OAAO,KAAK,OAAO;wBAC1B,MAAM;mBACX,OAAO;kBACR,OAAO;;;;;;;;;;;;;;SAoBkD,IAAI;WACpE,GAAG;;;;oDAhSkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;cACT,IAAI;;;;oDAPgC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;cACT,IAAI;;;YArIN,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,MAAM,GAAG,IAAI;YACzC,iBAAiB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAC9C,qBAAqB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAClD,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,mBAAmB,SAAS,MAAM,GAAG,IAAI;YACzC,SAAS,GAAG,IAAI;YAChB,2BAA2B,GAAG,IAAI;YAClC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;YAC1C,SAAS,GAAG,IAAI;;;;;;;;;yBA2XL,WAAW;;;;;;;;;;;;;;;mCAED,OAAO,KAAK,OAAO;4BAC1B,MAAM;uBACX,OAAO;sBACR,OAAO;;;;;;;;;;;;;;aAoBkD,IAAI;eACpE,GAAG;;;;wDAhSkC,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;kBACT,IAAI;;;;wDAPgC,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;kBACT,IAAI;;;gBArIN,cAAc,SAAS,MAAM,GAAG,IAAI;gBACpC,mBAAmB,SAAS,MAAM,GAAG,IAAI;gBACzC,iBAAiB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;gBAC9C,qBAAqB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;gBAClD,eAAe,SAAS,MAAM,GAAG,IAAI;gBACrC,mBAAmB,SAAS,MAAM,GAAG,IAAI;gBACzC,SAAS,GAAG,IAAI;gBAChB,2BAA2B,GAAG,IAAI;gBAClC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;gBAC1C,SAAS,GAAG,IAAI;;;;AA/CtB,wBAyc2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"InfiniteListPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPage.vue"],"names":[],"mappings":"AAsHA;;;;;iBAwdiB,WAAW;;;;;;;;;;;;;;;2BAED,OAAO,KAAK,OAAO;oBAC1B,MAAM;eACX,OAAO;cACR,OAAO;;;;;;;;;;;WAuBd,GAAG;;;;oDApSkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;cACT,IAAI;;;;oDAPgC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;cACT,IAAI;;;YAtKN,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,MAAM,GAAG,IAAI;YACzC,iBAAiB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAC9C,qBAAqB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAClD,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,mBAAmB,SAAS,MAAM,GAAG,IAAI;YACzC,SAAS,GAAG,IAAI;YAChB,2BAA2B,GAAG,IAAI;YAClC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;YAC1C,SAAS,GAAG,IAAI;;;;;;OAybiD,IAAI;;;;;qBA3B1D,WAAW;;;;;;;;;;;;;;;+BAED,OAAO,KAAK,OAAO;wBAC1B,MAAM;mBACX,OAAO;kBACR,OAAO;;;;;;;;;;;;;;;SAsBkD,IAAI;WACpE,GAAG;;;;oDApSkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;cACT,IAAI;;;;oDAPgC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;cACT,IAAI;;;YAtKN,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,MAAM,GAAG,IAAI;YACzC,iBAAiB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAC9C,qBAAqB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAClD,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,mBAAmB,SAAS,MAAM,GAAG,IAAI;YACzC,SAAS,GAAG,IAAI;YAChB,2BAA2B,GAAG,IAAI;YAClC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;YAC1C,SAAS,GAAG,IAAI;;;;;;;;;;yBA8ZL,WAAW;;;;;;;;;;;;;;;mCAED,OAAO,KAAK,OAAO;4BAC1B,MAAM;uBACX,OAAO;sBACR,OAAO;;;;;;;;;;;;;;;aAsBkD,IAAI;eACpE,GAAG;;;;wDApSkC,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;kBACT,IAAI;;;;wDAPgC,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;kBACT,IAAI;;;gBAtKN,cAAc,SAAS,MAAM,GAAG,IAAI;gBACpC,mBAAmB,SAAS,MAAM,GAAG,IAAI;gBACzC,iBAAiB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;gBAC9C,qBAAqB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;gBAClD,eAAe,SAAS,MAAM,GAAG,IAAI;gBACrC,mBAAmB,SAAS,MAAM,GAAG,IAAI;gBACzC,SAAS,GAAG,IAAI;gBAChB,2BAA2B,GAAG,IAAI;gBAClC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;gBAC1C,SAAS,GAAG,IAAI;;;;AAnDtB,wBAkf2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, toRef, computed, watch, onMounted, nextTick, 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, unref, Fragment, createElementVNode, normalizeClass, 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';
 
@@ -25,14 +25,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     reverseSelection: { type: Boolean },
     allowPageSelection: { type: Boolean },
     minHeight: { type: Boolean },
-    pageClass: { default: void 0 }
+    pageClass: { default: void 0 },
+    refetchInterval: { type: [Number, Boolean], default: void 0 },
+    scrollingElement: { default: void 0 }
   },
   emits: ["update:count", "update:pagesCount", "update:nextPage", "update:previousPage", "update:scroll", "error:invalidPage", "refetch", "update-from-header:scroll", "update:selected", "fetched"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const element = ref();
-    const { data, error, setData, refetch, isFetching } = props.useQueryFn(toRef(props, "queryParams"));
+    const isIntersecting = ref(false);
+    const { data, error, setData, refetch, isFetching } = props.useQueryFn(
+      toRef(props, "queryParams"),
+      {
+        refetchInterval: props.refetchInterval ? computed(() => isIntersecting.value ? props.refetchInterval : void 0) : void 0
+      }
+    );
     const count = computed(() => data.value?.count);
     const pagesCount = computed(() => data.value?.pages_count);
     const nextPage = computed(() => data.value?.next);
@@ -96,7 +104,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("fetched");
     });
     let height = 0;
+    let intersectionObserver;
+    const observerCb = (entries) => {
+      isIntersecting.value = entries.some((entry) => {
+        if (entry.target === element.value) {
+          return entry.isIntersecting;
+        }
+      });
+    };
     onMounted(() => {
+      if (props.refetchInterval && element.value) {
+        intersectionObserver = new IntersectionObserver(
+          observerCb,
+          {
+            root: props.scrollingElement ?? null,
+            rootMargin: "0px",
+            threshold: 0
+          }
+        );
+        intersectionObserver.observe(element.value);
+      }
       height = element.value?.getBoundingClientRect()?.height ?? 0;
       if (height === 0)
         return;
@@ -109,6 +136,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       emit("update:scroll", height);
     });
+    onBeforeUnmount(() => {
+      intersectionObserver?.disconnect();
+      intersectionObserver = void 0;
+    });
     watch(data, async (_, oldValue) => {
       if (oldValue)
         return;

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.3.83",
+  "version": "0.3.85",
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check build-only",