eco-vue-js 0.3.67

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

@@ -0,0 +1,177 @@
+declare const _default: <Data extends DefaultData>(__VLS_props: {
+    useQueryFn: UsePaginatedQuery<Data>;
+    isInvalidPage: (error: unknown) => boolean;
+    queryParams: QueryParams;
+    skeletonLength?: number | undefined;
+    hidePageTitle?: boolean | undefined;
+    headerMargin?: number | undefined;
+    skipScrollTarget?: boolean | undefined;
+    selected?: number[] | undefined;
+    wrap?: boolean | undefined;
+    noGap?: boolean | undefined;
+    transition?: boolean | undefined;
+    pageLength?: number | undefined;
+    scrollingElement?: Element | null | undefined;
+    headerTopIgnore?: boolean | undefined;
+    minHeight?: boolean | undefined;
+    excludeParams?: string[] | undefined;
+    emptyStub?: string | undefined;
+    selectOnly?: boolean | undefined;
+    unselectOnly?: boolean | undefined;
+    reverseSelection?: boolean | undefined;
+    allowPageSelection?: boolean | undefined;
+    pageClass?: string | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
+    props: {
+        useQueryFn: UsePaginatedQuery<Data>;
+        isInvalidPage: (error: unknown) => boolean;
+        queryParams: QueryParams;
+        skeletonLength?: number | undefined;
+        hidePageTitle?: boolean | undefined;
+        headerMargin?: number | undefined;
+        skipScrollTarget?: boolean | undefined;
+        selected?: number[] | undefined;
+        wrap?: boolean | undefined;
+        noGap?: boolean | undefined;
+        transition?: boolean | undefined;
+        pageLength?: number | undefined;
+        scrollingElement?: Element | null | undefined;
+        headerTopIgnore?: boolean | undefined;
+        minHeight?: boolean | undefined;
+        excludeParams?: string[] | undefined;
+        emptyStub?: string | undefined;
+        selectOnly?: boolean | undefined;
+        unselectOnly?: boolean | undefined;
+        reverseSelection?: boolean | undefined;
+        allowPageSelection?: boolean | undefined;
+        pageClass?: string | undefined;
+    };
+    expose(exposed: {
+        resetPage(): void;
+    }): void;
+    attrs: any;
+    slots: {
+        default?: ((props: {
+            item: Data;
+            setter: (newItem?: Data | undefined) => void;
+            skeleton: boolean;
+            refetch: () => void;
+            previous?: Data | undefined;
+            next?: Data | undefined;
+            first: boolean;
+            last: boolean;
+            resetting: boolean;
+        }) => void) | undefined;
+        header?: ((props: Record<string, never>) => void) | undefined;
+    };
+    emit: {
+        (e: 'update:page', value: number | undefined): void;
+        (e: 'update:header-padding', value: number): void;
+        (e: 'update:count', value: number): void;
+        (e: 'update:selected', values: number[]): void;
+    };
+}, "attrs" | "slots" | "emit"> | undefined, __VLS_setup?: {
+    props: {
+        useQueryFn: UsePaginatedQuery<Data>;
+        isInvalidPage: (error: unknown) => boolean;
+        queryParams: QueryParams;
+        skeletonLength?: number | undefined;
+        hidePageTitle?: boolean | undefined;
+        headerMargin?: number | undefined;
+        skipScrollTarget?: boolean | undefined;
+        selected?: number[] | undefined;
+        wrap?: boolean | undefined;
+        noGap?: boolean | undefined;
+        transition?: boolean | undefined;
+        pageLength?: number | undefined;
+        scrollingElement?: Element | null | undefined;
+        headerTopIgnore?: boolean | undefined;
+        minHeight?: boolean | undefined;
+        excludeParams?: string[] | undefined;
+        emptyStub?: string | undefined;
+        selectOnly?: boolean | undefined;
+        unselectOnly?: boolean | undefined;
+        reverseSelection?: boolean | undefined;
+        allowPageSelection?: boolean | undefined;
+        pageClass?: string | undefined;
+    };
+    expose(exposed: {
+        resetPage(): void;
+    }): void;
+    attrs: any;
+    slots: {
+        default?: ((props: {
+            item: Data;
+            setter: (newItem?: Data | undefined) => void;
+            skeleton: boolean;
+            refetch: () => void;
+            previous?: Data | undefined;
+            next?: Data | undefined;
+            first: boolean;
+            last: boolean;
+            resetting: boolean;
+        }) => void) | undefined;
+        header?: ((props: Record<string, never>) => void) | undefined;
+    };
+    emit: {
+        (e: 'update:page', value: number | undefined): void;
+        (e: 'update:header-padding', value: number): void;
+        (e: 'update:count', value: number): void;
+        (e: 'update:selected', values: number[]): void;
+    };
+}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            useQueryFn: UsePaginatedQuery<Data>;
+            isInvalidPage: (error: unknown) => boolean;
+            queryParams: QueryParams;
+            skeletonLength?: number | undefined;
+            hidePageTitle?: boolean | undefined;
+            headerMargin?: number | undefined;
+            skipScrollTarget?: boolean | undefined;
+            selected?: number[] | undefined;
+            wrap?: boolean | undefined;
+            noGap?: boolean | undefined;
+            transition?: boolean | undefined;
+            pageLength?: number | undefined;
+            scrollingElement?: Element | null | undefined;
+            headerTopIgnore?: boolean | undefined;
+            minHeight?: boolean | undefined;
+            excludeParams?: string[] | undefined;
+            emptyStub?: string | undefined;
+            selectOnly?: boolean | undefined;
+            unselectOnly?: boolean | undefined;
+            reverseSelection?: boolean | undefined;
+            allowPageSelection?: boolean | undefined;
+            pageClass?: string | undefined;
+        };
+        expose(exposed: {
+            resetPage(): void;
+        }): void;
+        attrs: any;
+        slots: {
+            default?: ((props: {
+                item: Data;
+                setter: (newItem?: Data | undefined) => void;
+                skeleton: boolean;
+                refetch: () => void;
+                previous?: Data | undefined;
+                next?: Data | undefined;
+                first: boolean;
+                last: boolean;
+                resetting: boolean;
+            }) => void) | undefined;
+            header?: ((props: Record<string, never>) => void) | undefined;
+        };
+        emit: {
+            (e: 'update:page', value: number | undefined): void;
+            (e: 'update:header-padding', value: number): void;
+            (e: 'update:count', value: number): void;
+            (e: 'update:selected', values: number[]): void;
+        };
+    } | undefined;
+};
+export default _default;
+//# sourceMappingURL=WInfiniteList.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WInfiniteList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/WInfiniteList.vue.ts"],"names":[],"mappings":";;2BAmR2B,OAAO,KAAK,OAAO;iBAC7B,WAAW;;;;;;;;;;;;;;;;;;;;;;;+BADD,OAAO,KAAK,OAAO;qBAC7B,WAAW;;;;;;;;;;;;;;;;;;;;;;;QA6BW,IAAI;WACpC,GAAG;;;;oDAvKkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;0BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;YAsJ3C,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;;;;;+BA1BrB,OAAO,KAAK,OAAO;qBAC7B,WAAW;;;;;;;;;;;;;;;;;;;;;;;QA6BW,IAAI;WACpC,GAAG;;;;oDAvKkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;0BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;YAsJ3C,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;;;;;;;;mCA1BrB,OAAO,KAAK,OAAO;yBAC7B,WAAW;;;;;;;;;;;;;;;;;;;;;;;YA6BW,IAAI;eACpC,GAAG;;;;wDAvKkC,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;8BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;gBAsJ3C,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;;;;AAvShD,wBAgTkE"}

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

@@ -0,0 +1,122 @@
+import { defineComponent, ref, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, unref, renderSlot, createVNode, withCtx } from 'vue';
+import { useInfiniteListHeader } from './use/useInfiniteListHeader.js';
+import _sfc_main$1 from './WInfiniteListPages.vue.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WInfiniteList",
+  props: {
+    useQueryFn: {},
+    isInvalidPage: {},
+    queryParams: {},
+    skeletonLength: { default: void 0 },
+    hidePageTitle: { type: Boolean },
+    headerMargin: { default: 0 },
+    skipScrollTarget: { type: Boolean },
+    selected: { default: void 0 },
+    wrap: { type: Boolean },
+    noGap: { type: Boolean },
+    transition: { type: Boolean },
+    pageLength: { default: void 0 },
+    scrollingElement: { default: void 0 },
+    headerTopIgnore: { type: Boolean },
+    minHeight: { type: Boolean },
+    excludeParams: { default: void 0 },
+    emptyStub: { default: void 0 },
+    selectOnly: { type: Boolean },
+    unselectOnly: { type: Boolean },
+    reverseSelection: { type: Boolean },
+    allowPageSelection: { type: Boolean },
+    pageClass: { default: void 0 }
+  },
+  emits: ["update:page", "update:header-padding", "update:count", "update:selected"],
+  setup(__props, { expose: __expose, emit }) {
+    const props = __props;
+    const infiniteList = ref();
+    const updateHeaderPadding = (value) => {
+      emit("update:header-padding", value);
+    };
+    const { indicator, header, headerTop, headerHeight, isIntersecting } = useInfiniteListHeader(props.scrollingElement);
+    watch(isIntersecting, (value) => {
+      if (!value && headerHeight.value) {
+        updateHeaderPadding(headerHeight.value - props.headerMargin);
+      } else {
+        updateHeaderPadding(0);
+      }
+    });
+    onMounted(() => {
+      if (props.queryParams.page && props.queryParams.page > 1) {
+        isIntersecting.value = false;
+      }
+    });
+    onBeforeUnmount(() => {
+      updateHeaderPadding(0);
+    });
+    __expose({
+      resetPage() {
+        infiniteList.value?.resetPage();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", {
+          ref_key: "indicator",
+          ref: indicator
+        }, null, 512),
+        createElementVNode("div", {
+          ref_key: "header",
+          ref: header,
+          class: normalizeClass(["sticky top-[var(--header-height)]", {
+            "z-[1]": unref(isIntersecting),
+            "z-20": !unref(isIntersecting)
+          }])
+        }, [
+          renderSlot(_ctx.$slots, "header")
+        ], 2),
+        createVNode(_sfc_main$1, {
+          "query-params": _ctx.queryParams,
+          "use-query-fn": _ctx.useQueryFn,
+          "is-invalid-page": _ctx.isInvalidPage,
+          "scrolling-element": _ctx.scrollingElement,
+          "skip-scroll-target": _ctx.skipScrollTarget,
+          "skeleton-length": _ctx.skeletonLength,
+          "hide-page-title": _ctx.hidePageTitle,
+          selected: _ctx.selected,
+          wrap: _ctx.wrap,
+          "no-gap": _ctx.noGap,
+          transition: _ctx.transition,
+          "page-length": _ctx.pageLength,
+          "header-top": _ctx.headerTopIgnore ? 0 : unref(headerTop),
+          "header-height": unref(headerHeight),
+          "min-height": _ctx.minHeight,
+          "exclude-params": _ctx.excludeParams,
+          "empty-stub": _ctx.emptyStub,
+          "select-only": _ctx.selectOnly,
+          "unselect-only": _ctx.unselectOnly,
+          "reverse-selection": _ctx.reverseSelection,
+          "allow-page-selection": _ctx.allowPageSelection,
+          "page-class": _ctx.pageClass,
+          "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))
+        }, {
+          default: withCtx(({ item, setter, skeleton, refetch, previous, next, first, last, resetting }) => [
+            renderSlot(_ctx.$slots, "default", {
+              item,
+              setter,
+              skeleton,
+              refetch,
+              previous,
+              next,
+              first,
+              last,
+              resetting
+            })
+          ]),
+          _: 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"])
+      ], 64);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,5 @@
+import _sfc_main from './WInfiniteList.vue.js';
+
+
+
+export { _sfc_main as default };

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

@@ -0,0 +1,171 @@
+declare const _default: <Data extends DefaultData>(__VLS_props: {
+    useQueryFn: UsePaginatedQuery<Data>;
+    isInvalidPage: (error: unknown) => boolean;
+    queryParams: QueryParams;
+    skeletonLength?: number | undefined;
+    hidePageTitle?: boolean | undefined;
+    skipScrollTarget?: boolean | undefined;
+    selected?: number[] | undefined;
+    wrap?: boolean | undefined;
+    noGap?: boolean | undefined;
+    transition?: boolean | undefined;
+    pageLength?: number | undefined;
+    scrollingElement?: Element | null | undefined;
+    headerTop?: number | undefined;
+    headerHeight?: number | undefined;
+    minHeight?: boolean | undefined;
+    excludeParams?: string[] | undefined;
+    emptyStub?: string | undefined;
+    selectOnly?: boolean | undefined;
+    unselectOnly?: boolean | undefined;
+    reverseSelection?: boolean | undefined;
+    allowPageSelection?: boolean | undefined;
+    pageClass?: string | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
+    props: {
+        useQueryFn: UsePaginatedQuery<Data>;
+        isInvalidPage: (error: unknown) => boolean;
+        queryParams: QueryParams;
+        skeletonLength?: number | undefined;
+        hidePageTitle?: boolean | undefined;
+        skipScrollTarget?: boolean | undefined;
+        selected?: number[] | undefined;
+        wrap?: boolean | undefined;
+        noGap?: boolean | undefined;
+        transition?: boolean | undefined;
+        pageLength?: number | undefined;
+        scrollingElement?: Element | null | undefined;
+        headerTop?: number | undefined;
+        headerHeight?: number | undefined;
+        minHeight?: boolean | undefined;
+        excludeParams?: string[] | undefined;
+        emptyStub?: string | undefined;
+        selectOnly?: boolean | undefined;
+        unselectOnly?: boolean | undefined;
+        reverseSelection?: boolean | undefined;
+        allowPageSelection?: boolean | undefined;
+        pageClass?: string | undefined;
+    };
+    expose(exposed: {
+        resetPage: () => void;
+    }): void;
+    attrs: any;
+    slots: {
+        default?: ((props: {
+            item: Data;
+            setter: (newItem?: Data | undefined) => void;
+            skeleton: boolean;
+            refetch: () => void;
+            previous?: Data | undefined;
+            next?: Data | undefined;
+            first: boolean;
+            last: boolean;
+            resetting: boolean;
+        }) => void) | undefined;
+    };
+    emit: {
+        (e: 'update:page', value: number | undefined): void;
+        (e: 'update:count', value: number): void;
+        (e: 'update:selected', values: number[]): void;
+    };
+}, "attrs" | "slots" | "emit"> | undefined, __VLS_setup?: {
+    props: {
+        useQueryFn: UsePaginatedQuery<Data>;
+        isInvalidPage: (error: unknown) => boolean;
+        queryParams: QueryParams;
+        skeletonLength?: number | undefined;
+        hidePageTitle?: boolean | undefined;
+        skipScrollTarget?: boolean | undefined;
+        selected?: number[] | undefined;
+        wrap?: boolean | undefined;
+        noGap?: boolean | undefined;
+        transition?: boolean | undefined;
+        pageLength?: number | undefined;
+        scrollingElement?: Element | null | undefined;
+        headerTop?: number | undefined;
+        headerHeight?: number | undefined;
+        minHeight?: boolean | undefined;
+        excludeParams?: string[] | undefined;
+        emptyStub?: string | undefined;
+        selectOnly?: boolean | undefined;
+        unselectOnly?: boolean | undefined;
+        reverseSelection?: boolean | undefined;
+        allowPageSelection?: boolean | undefined;
+        pageClass?: string | undefined;
+    };
+    expose(exposed: {
+        resetPage: () => void;
+    }): void;
+    attrs: any;
+    slots: {
+        default?: ((props: {
+            item: Data;
+            setter: (newItem?: Data | undefined) => void;
+            skeleton: boolean;
+            refetch: () => void;
+            previous?: Data | undefined;
+            next?: Data | undefined;
+            first: boolean;
+            last: boolean;
+            resetting: boolean;
+        }) => void) | undefined;
+    };
+    emit: {
+        (e: 'update:page', value: number | undefined): void;
+        (e: 'update:count', value: number): void;
+        (e: 'update:selected', values: number[]): void;
+    };
+}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            useQueryFn: UsePaginatedQuery<Data>;
+            isInvalidPage: (error: unknown) => boolean;
+            queryParams: QueryParams;
+            skeletonLength?: number | undefined;
+            hidePageTitle?: boolean | undefined;
+            skipScrollTarget?: boolean | undefined;
+            selected?: number[] | undefined;
+            wrap?: boolean | undefined;
+            noGap?: boolean | undefined;
+            transition?: boolean | undefined;
+            pageLength?: number | undefined;
+            scrollingElement?: Element | null | undefined;
+            headerTop?: number | undefined;
+            headerHeight?: number | undefined;
+            minHeight?: boolean | undefined;
+            excludeParams?: string[] | undefined;
+            emptyStub?: string | undefined;
+            selectOnly?: boolean | undefined;
+            unselectOnly?: boolean | undefined;
+            reverseSelection?: boolean | undefined;
+            allowPageSelection?: boolean | undefined;
+            pageClass?: string | undefined;
+        };
+        expose(exposed: {
+            resetPage: () => void;
+        }): void;
+        attrs: any;
+        slots: {
+            default?: ((props: {
+                item: Data;
+                setter: (newItem?: Data | undefined) => void;
+                skeleton: boolean;
+                refetch: () => void;
+                previous?: Data | undefined;
+                next?: Data | undefined;
+                first: boolean;
+                last: boolean;
+                resetting: boolean;
+            }) => void) | undefined;
+        };
+        emit: {
+            (e: 'update:page', value: number | undefined): void;
+            (e: 'update:count', value: number): void;
+            (e: 'update:selected', values: number[]): void;
+        };
+    } | undefined;
+};
+export default _default;
+//# sourceMappingURL=WInfiniteListPages.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WInfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/WInfiniteListPages.vue.ts"],"names":[],"mappings":";;2BAyb2B,OAAO,KAAK,OAAO;iBAC7B,WAAW;;;;;;;;;;;;;;;;;;;;;;;+BADD,OAAO,KAAK,OAAO;qBAC7B,WAAW;;;;;;;;;;;;;;;;;;;;;;;QA4BW,IAAI;WACpC,GAAG;;;;oDA/OkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;YAgON,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;;+BAzBrB,OAAO,KAAK,OAAO;qBAC7B,WAAW;;;;;;;;;;;;;;;;;;;;;;;QA4BW,IAAI;WACpC,GAAG;;;;oDA/OkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;YAgON,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;;;;;mCAzBrB,OAAO,KAAK,OAAO;yBAC7B,WAAW;;;;;;;;;;;;;;;;;;;;;;;YA4BW,IAAI;eACpC,GAAG;;;;wDA/OkC,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;;;gBAgON,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;gBAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;gBACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;AAxchD,wBAidkE"}