eco-vue-js 0.10.35 → 0.10.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionsBar/WActionsBar.vue.d.ts +1 -0
- package/dist/components/ActionsBar/WActionsBar.vue.d.ts.map +1 -1
- package/dist/components/ActionsBar/WActionsBar.vue.js +4 -3
- package/dist/components/Button/WButtonAction.vue.d.ts +1 -0
- package/dist/components/Button/WButtonAction.vue.d.ts.map +1 -1
- package/dist/components/Button/WButtonAction.vue.js +17 -6
- package/dist/components/Button/WButtonDropdown.vue.js +0 -2
- package/dist/components/Button/WButtonMore.vue.d.ts.map +1 -1
- package/dist/components/Button/WButtonMore.vue.js +0 -1
- package/dist/components/Button/WButtonSelection.vue.js +1 -1
- package/dist/components/Dropdown/WDropdown.vue.d.ts +6 -11
- package/dist/components/Dropdown/WDropdown.vue.d.ts.map +1 -1
- package/dist/components/Dropdown/WDropdown.vue.js +1 -1
- package/dist/components/Dropdown/types.d.ts +9 -0
- package/dist/components/Dropdown/types.d.ts.map +1 -1
- package/dist/components/DropdownMenu/WDropdownMenu.vue.d.ts +18 -32
- package/dist/components/DropdownMenu/WDropdownMenu.vue.d.ts.map +1 -1
- package/dist/components/DropdownMenu/WDropdownMenu.vue.js +5 -9
- package/dist/components/DropdownMenu/types.d.ts +0 -2
- package/dist/components/DropdownMenu/types.d.ts.map +1 -1
- package/dist/components/Form/WForm.vue.d.ts +4 -0
- package/dist/components/Form/WForm.vue.d.ts.map +1 -1
- package/dist/components/Form/WForm.vue.js +11 -2
- package/dist/components/Form/WFormValidator.vue.d.ts +2 -0
- package/dist/components/Form/WFormValidator.vue.d.ts.map +1 -1
- package/dist/components/Form/WFormValidator.vue.js +24 -25
- package/dist/components/Form/models/injection.d.ts +1 -0
- package/dist/components/Form/models/injection.d.ts.map +1 -1
- package/dist/components/Form/models/injection.js +2 -1
- package/dist/components/Form/use/useFormValueMap.d.ts.map +1 -1
- package/dist/components/Form/use/useFormValueMap.js +2 -6
- package/dist/components/FormAsync/WFormAsyncSelect.vue.js +0 -2
- package/dist/components/FormAsync/WFormAsyncSelectInfiniteSingle.vue.js +0 -2
- package/dist/components/FormAsync/WFormAsyncSelectSingle.vue.js +0 -2
- package/dist/components/FormAsync/WFormAsyncSelectStringified.vue.js +0 -2
- package/dist/components/FormAsync/WFormAsyncToggle.vue.d.ts +3 -1
- package/dist/components/FormAsync/WFormAsyncToggle.vue.d.ts.map +1 -1
- package/dist/components/FormAsync/WFormAsyncToggle.vue.js +10 -2
- package/dist/components/InfiniteList/WInfiniteList.vue.d.ts +0 -1
- package/dist/components/InfiniteList/WInfiniteList.vue.d.ts.map +1 -1
- package/dist/components/InfiniteList/WInfiniteList.vue.js +2 -5
- package/dist/components/InfiniteList/WInfiniteListScrollingElement.vue.d.ts +25 -0
- package/dist/components/InfiniteList/WInfiniteListScrollingElement.vue.d.ts.map +1 -0
- package/dist/components/InfiniteList/WInfiniteListScrollingElement.vue.js +23 -0
- package/dist/components/InfiniteList/WInfiniteListScrollingElement.vue2.js +5 -0
- package/dist/components/InfiniteList/WInfiniteListWrapper.vue.d.ts +0 -1
- package/dist/components/InfiniteList/WInfiniteListWrapper.vue.d.ts.map +1 -1
- package/dist/components/InfiniteList/WInfiniteListWrapper.vue.js +8 -5
- package/dist/components/InfiniteList/components/InfiniteListButton.vue.js +1 -1
- package/dist/components/InfiniteList/components/InfiniteListPage.vue.d.ts +0 -1
- package/dist/components/InfiniteList/components/InfiniteListPage.vue.d.ts.map +1 -1
- package/dist/components/InfiniteList/components/InfiniteListPage.vue.js +5 -4
- package/dist/components/InfiniteList/components/InfiniteListPages.vue.d.ts +0 -1
- package/dist/components/InfiniteList/components/InfiniteListPages.vue.d.ts.map +1 -1
- package/dist/components/InfiniteList/components/InfiniteListPages.vue.js +7 -8
- package/dist/components/InfiniteList/components/InfiniteListScroll.vue.d.ts +3 -6
- package/dist/components/InfiniteList/components/InfiniteListScroll.vue.d.ts.map +1 -1
- package/dist/components/InfiniteList/components/InfiniteListScroll.vue.js +8 -10
- package/dist/components/InfiniteList/models/injection.d.ts +3 -0
- package/dist/components/InfiniteList/models/injection.d.ts.map +1 -0
- package/dist/components/InfiniteList/models/injection.js +3 -0
- package/dist/components/InfiniteList/use/useInfiniteListHeader.d.ts +1 -1
- package/dist/components/InfiniteList/use/useInfiniteListHeader.d.ts.map +1 -1
- package/dist/components/InfiniteList/use/useInfiniteListHeader.js +5 -3
- package/dist/components/Input/WInput.vue.js +1 -1
- package/dist/components/Input/WInputDate.vue.js +0 -2
- package/dist/components/Input/WInputOptions.vue.js +0 -2
- package/dist/components/Input/WInputSuggest.vue.d.ts.map +1 -1
- package/dist/components/Input/WInputSuggest.vue.js +17 -18
- package/dist/components/List/WListCard.vue.d.ts.map +1 -1
- package/dist/components/List/WListCard.vue.js +5 -5
- package/dist/components/List/WListHeader.vue.js +4 -4
- package/dist/components/MenuItem/WMenuItem.vue.d.ts.map +1 -1
- package/dist/components/MenuItem/WMenuItem.vue.js +3 -3
- package/dist/components/Modal/WModal.vue.d.ts.map +1 -1
- package/dist/components/Modal/WModal.vue.js +5 -1
- package/dist/components/Modal/WModalImport.vue.js +2 -2
- package/dist/components/Modal/WModalStepper.vue.d.ts +40 -8
- package/dist/components/Modal/WModalStepper.vue.d.ts.map +1 -1
- package/dist/components/Modal/WModalWrapper.vue.d.ts +8 -2
- package/dist/components/Modal/WModalWrapper.vue.d.ts.map +1 -1
- package/dist/components/Modal/WModalWrapper.vue.js +35 -21
- package/dist/components/Modal/models/injection.d.ts +4 -0
- package/dist/components/Modal/models/injection.d.ts.map +1 -0
- package/dist/components/Modal/models/injection.js +4 -0
- package/dist/components/Progress/WProgressStriped.vue.js +2 -2
- package/dist/components/Select/WSelect.vue.js +0 -2
- package/dist/components/Select/WSelectAsync.vue.js +0 -2
- package/dist/components/Select/WSelectAsyncList.vue.d.ts.map +1 -1
- package/dist/components/Select/WSelectAsyncList.vue.js +41 -41
- package/dist/components/Select/WSelectAsyncSingle.vue.js +0 -2
- package/dist/components/Select/WSelectSingle.vue.js +0 -2
- package/dist/components/Select/WSelectStringified.vue.js +0 -2
- package/dist/components/Select/components/SelectAsyncList.vue.d.ts +0 -1
- package/dist/components/Select/components/SelectAsyncList.vue.d.ts.map +1 -1
- package/dist/components/Select/components/SelectAsyncList.vue.js +1 -3
- package/dist/components/Tabs/WTabs.vue.d.ts +48 -24
- package/dist/components/Tabs/WTabs.vue.d.ts.map +1 -1
- package/dist/components/Tabs/WTabs.vue.js +2 -2
- package/dist/components/Tabs/components/TabItem.vue.d.ts +20 -4
- package/dist/components/Tabs/components/TabItem.vue.d.ts.map +1 -1
- package/dist/components/Toggle/WToggle.vue.d.ts +3 -1
- package/dist/components/Toggle/WToggle.vue.d.ts.map +1 -1
- package/dist/components/Toggle/WToggle.vue.js +10 -6
- package/dist/imports/componentsPlugin.d.ts +2 -1
- package/dist/imports/componentsPlugin.d.ts.map +1 -1
- package/dist/main.js +1 -0
- package/package.json +4 -1
- package/tailwind-base/plugins/default.ts +11 -18
- package/tailwind-base/theme/sizes.ts +5 -0
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"injection.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/models/injection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,KAAK,CAAA;AAErC,eAAO,MAAM,iBAAiB,EAAkC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,CAAA;AAE9H,eAAO,MAAM,wBAAwB,EAAyC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,CAAA;AAE5I,eAAO,MAAM,sBAAsB,EAAuC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,CAAA;AAE7H,eAAO,MAAM,oBAAoB,EAAqC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC,CAAA;AAEhI,eAAO,MAAM,oBAAoB,EAAqC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,YAAY,KAAK,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,CAAA;AAE/K,eAAO,MAAM,sBAAsB,EAAqC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,KAAK,IAAI,KAAK,IAAI,CAAC,CAAA;AAErL,eAAO,MAAM,qBAAqB,EAAsC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC,CAAA;AAE9H,eAAO,MAAM,eAAe,EAAgC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,CAAA"}
|
1
|
+
{"version":3,"file":"injection.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/models/injection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,KAAK,CAAA;AAErC,eAAO,MAAM,iBAAiB,EAAkC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,CAAA;AAE9H,eAAO,MAAM,wBAAwB,EAAyC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,CAAA;AAE5I,eAAO,MAAM,sBAAsB,EAAuC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,CAAA;AAE7H,eAAO,MAAM,oBAAoB,EAAqC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC,CAAA;AAEhI,eAAO,MAAM,oBAAoB,EAAqC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,CAAA;AAEzH,eAAO,MAAM,oBAAoB,EAAqC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,YAAY,KAAK,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,CAAA;AAE/K,eAAO,MAAM,sBAAsB,EAAqC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,KAAK,IAAI,KAAK,IAAI,CAAC,CAAA;AAErL,eAAO,MAAM,qBAAqB,EAAsC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC,CAAA;AAE9H,eAAO,MAAM,eAAe,EAAgC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,CAAA"}
|
@@ -2,9 +2,10 @@ const wFormTitleUpdater = Symbol("wFormTitleUpdater");
|
|
2
2
|
const wFormErrorMessageUpdater = Symbol("wFormErrorMessageUpdater");
|
3
3
|
const wFormHasChangesUpdater = Symbol("wFormHasChangesUpdater");
|
4
4
|
const wFormHasValueUpdater = Symbol("wFormHasValueUpdater");
|
5
|
+
const wFormHasShownUpdater = Symbol("wFormHasShownUpdater");
|
5
6
|
const wFormValidateUpdater = Symbol("wFormValidateUpdater");
|
6
7
|
const wFormInvalidateUpdater = Symbol("wFormValidateUpdater");
|
7
8
|
const wFormInitModelUpdater = Symbol("wFormInitModelUpdater");
|
8
9
|
const wFormUnlistener = Symbol("wFormUnlistener");
|
9
10
|
|
10
|
-
export { wFormErrorMessageUpdater, wFormHasChangesUpdater, wFormHasValueUpdater, wFormInitModelUpdater, wFormInvalidateUpdater, wFormTitleUpdater, wFormUnlistener, wFormValidateUpdater };
|
11
|
+
export { wFormErrorMessageUpdater, wFormHasChangesUpdater, wFormHasShownUpdater, wFormHasValueUpdater, wFormInitModelUpdater, wFormInvalidateUpdater, wFormTitleUpdater, wFormUnlistener, wFormValidateUpdater };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useFormValueMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/use/useFormValueMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAE,KAAK,GAAG,EAAoD,MAAM,KAAK,CAAA;AAElG,eAAO,MAAM,eAAe,GAAI,KAAK,EAAE,WAAW,SAAS,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,EACtK,cAAc,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,EAC/D,MAAM,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,EAC7B,aAAa,WAAW,KACvB;IACD,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;IAC/B,KAAK,EAAE,WAAW,SAAS,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;
|
1
|
+
{"version":3,"file":"useFormValueMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/use/useFormValueMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAE,KAAK,GAAG,EAAoD,MAAM,KAAK,CAAA;AAElG,eAAO,MAAM,eAAe,GAAI,KAAK,EAAE,WAAW,SAAS,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,EACtK,cAAc,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,EAC/D,MAAM,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,EAC7B,aAAa,WAAW,KACvB;IACD,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;IAC/B,KAAK,EAAE,WAAW,SAAS,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;CAoChF,CAAA"}
|
@@ -15,15 +15,11 @@ const useFormValueMap = (injectionKey, name, valueGetter) => {
|
|
15
15
|
const value = isRef(valueGetter) ? valueGetter : valueGetter(map);
|
16
16
|
if (isRef(value)) {
|
17
17
|
watch(value, (value2) => {
|
18
|
-
if (name.value)
|
19
|
-
updaterInjected?.(name.value, value2);
|
20
|
-
}
|
18
|
+
if (name.value) updaterInjected?.(name.value, value2);
|
21
19
|
}, { immediate: true });
|
22
20
|
} else {
|
23
21
|
onBeforeMount(() => {
|
24
|
-
if (name.value)
|
25
|
-
updaterInjected?.(name.value, value);
|
26
|
-
}
|
22
|
+
if (name.value) updaterInjected?.(name.value, value);
|
27
23
|
});
|
28
24
|
}
|
29
25
|
return {
|
@@ -5,7 +5,9 @@ declare const _default: <Model, FieldType extends boolean | null, QueryParams>(_
|
|
5
5
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onSuccess"> & FormAsyncToggleProps<Model, FieldType, QueryParams> & Partial<{}>> & import('vue').PublicProps;
|
6
6
|
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
7
7
|
attrs: any;
|
8
|
-
slots: {
|
8
|
+
slots: {
|
9
|
+
title?(_: {}): any;
|
10
|
+
};
|
9
11
|
emit: (e: "success", value: Model) => void;
|
10
12
|
}>) => import('vue').VNode & {
|
11
13
|
__ctx?: Awaited<typeof __VLS_setup>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WFormAsyncToggle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FormAsync/WFormAsyncToggle.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"WFormAsyncToggle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FormAsync/WFormAsyncToggle.vue"],"names":[],"mappings":"AAkBA;AAAA,OAoCO,KAAK,EAAC,oBAAoB,EAAC,MAAM,SAAS,CAAA;yBAMhC,KAAK,EAAE,SAAS,SAAS,OAAO,GAAG,IAAI,EAAE,WAAW,EACpE,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAiGO,mBAAmB,CAAC;;qMAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBAnCgB,GAAG;;cA3DxB,SAAS,SAAS,KAAK,KAAG,IAAI;EAkGhC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA5GzE,wBA4G4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { defineComponent, createBlock, openBlock, mergeProps, unref } from 'vue';
|
1
|
+
import { defineComponent, createBlock, openBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
|
2
2
|
import _sfc_main$1 from '../Toggle/WToggle.vue.js';
|
3
3
|
import { useFormAsync } from './use/useFormAsync.js';
|
4
4
|
|
@@ -37,7 +37,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
37
37
|
modelValue: unref(modelValue),
|
38
38
|
loading: _ctx.loading || !unref(data) || unref(submitting),
|
39
39
|
disabled: !unref(data) || unref(isLoadingError) || _ctx.disabled
|
40
|
-
}, { "onUpdate:modelValue": unref(showModal) }),
|
40
|
+
}, { "onUpdate:modelValue": unref(showModal) }), createSlots({ _: 2 }, [
|
41
|
+
_ctx.$slots.title ? {
|
42
|
+
name: "title",
|
43
|
+
fn: withCtx(() => [
|
44
|
+
renderSlot(_ctx.$slots, "title")
|
45
|
+
]),
|
46
|
+
key: "0"
|
47
|
+
} : void 0
|
48
|
+
]), 1040, ["onUpdate:modelValue"]);
|
41
49
|
};
|
42
50
|
}
|
43
51
|
});
|
@@ -13,7 +13,6 @@ declare const _default: <Model extends number | string, Data extends DefaultData
|
|
13
13
|
skeletonLength?: number;
|
14
14
|
hidePageTitle?: boolean;
|
15
15
|
transition?: boolean;
|
16
|
-
scrollingElement?: Element | null;
|
17
16
|
headerTopIgnore?: boolean;
|
18
17
|
minHeight?: boolean;
|
19
18
|
lastChild?: boolean;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WInfiniteList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/WInfiniteList.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"WInfiniteList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/WInfiniteList.vue"],"names":[],"mappings":"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"}
|
@@ -12,7 +12,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
12
12
|
skeletonLength: { default: void 0 },
|
13
13
|
hidePageTitle: { type: Boolean },
|
14
14
|
transition: { type: Boolean },
|
15
|
-
scrollingElement: { default: void 0 },
|
16
15
|
headerTopIgnore: { type: Boolean },
|
17
16
|
minHeight: { type: Boolean },
|
18
17
|
lastChild: { type: Boolean },
|
@@ -40,7 +39,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
40
39
|
});
|
41
40
|
return (_ctx, _cache) => {
|
42
41
|
return openBlock(), createBlock(resolveDynamicComponent(_ctx.minHeight ? _sfc_main$1 : _sfc_main$2), {
|
43
|
-
"scrolling-element": _ctx.scrollingElement,
|
44
42
|
"init-is-intersecting": props.queryParams instanceof Object && "page" in props.queryParams && Number.isInteger(props.queryParams.page) && props.queryParams.page > 1 ? false : void 0
|
45
43
|
}, {
|
46
44
|
header: withCtx((headerScope) => [
|
@@ -51,7 +49,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
51
49
|
ref: "infiniteListPages",
|
52
50
|
"query-params": _ctx.queryParams,
|
53
51
|
"use-query-fn": _ctx.useQueryFn,
|
54
|
-
"scrolling-element": _ctx.scrollingElement,
|
55
52
|
"skeleton-length": _ctx.skeletonLength,
|
56
53
|
"hide-page-title": _ctx.hidePageTitle,
|
57
54
|
transition: _ctx.transition,
|
@@ -99,10 +96,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
99
96
|
]),
|
100
97
|
key: "0"
|
101
98
|
} : void 0
|
102
|
-
]), 1032, ["query-params", "use-query-fn", "
|
99
|
+
]), 1032, ["query-params", "use-query-fn", "skeleton-length", "hide-page-title", "transition", "page-length", "header-top", "header-height", "min-height", "last-child", "exclude-params", "empty-stub", "page-class", "max-pages", "refetch-interval", "query-options", "class", "style", "value-getter"])
|
103
100
|
]),
|
104
101
|
_: 3
|
105
|
-
}, 8, ["
|
102
|
+
}, 8, ["init-is-intersecting"]);
|
106
103
|
};
|
107
104
|
}
|
108
105
|
});
|
@@ -0,0 +1,25 @@
|
|
1
|
+
type __VLS_Props = {
|
2
|
+
parent?: boolean;
|
3
|
+
};
|
4
|
+
declare function __VLS_template(): {
|
5
|
+
attrs: Partial<{}>;
|
6
|
+
slots: {
|
7
|
+
default?(_: {}): any;
|
8
|
+
};
|
9
|
+
refs: {
|
10
|
+
element: HTMLDivElement;
|
11
|
+
};
|
12
|
+
rootEl: HTMLDivElement;
|
13
|
+
};
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
16
|
+
element: HTMLDivElement;
|
17
|
+
}, HTMLDivElement>;
|
18
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
19
|
+
export default _default;
|
20
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
21
|
+
new (): {
|
22
|
+
$slots: S;
|
23
|
+
};
|
24
|
+
};
|
25
|
+
//# sourceMappingURL=WInfiniteListScrollingElement.vue.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"WInfiniteListScrollingElement.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/WInfiniteListScrollingElement.vue"],"names":[],"mappings":"AAKA;AA0BA,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAWF,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;kBAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import { defineComponent, useTemplateRef, computed, provide, createElementBlock, openBlock, renderSlot } from 'vue';
|
2
|
+
import { wScrollingElement } from './models/injection.js';
|
3
|
+
|
4
|
+
const _hoisted_1 = { ref: "element" };
|
5
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
6
|
+
__name: "WInfiniteListScrollingElement",
|
7
|
+
props: {
|
8
|
+
parent: { type: Boolean }
|
9
|
+
},
|
10
|
+
setup(__props) {
|
11
|
+
const props = __props;
|
12
|
+
const elementRef = useTemplateRef("element");
|
13
|
+
const elementValue = computed(() => props.parent ? elementRef.value?.parentElement ?? null : elementRef.value);
|
14
|
+
provide(wScrollingElement, elementValue);
|
15
|
+
return (_ctx, _cache) => {
|
16
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
17
|
+
renderSlot(_ctx.$slots, "default")
|
18
|
+
], 512);
|
19
|
+
};
|
20
|
+
}
|
21
|
+
});
|
22
|
+
|
23
|
+
export { _sfc_main as default };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WInfiniteListWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/WInfiniteListWrapper.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"WInfiniteListWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/WInfiniteListWrapper.vue"],"names":[],"mappings":"AAwBA;AAoEA,KAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAC;AA2BF,iBAAS,cAAc;WA8CT,OAAO,IAA6B;;;;YAbtB,GAAG;;;;YACF,GAAG;;;;;;;EAiB/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;OAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
@@ -1,17 +1,18 @@
|
|
1
|
-
import { defineComponent, watch, onUnmounted, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot, normalizeClass, unref, normalizeProps, guardReactiveProps } from 'vue';
|
1
|
+
import { defineComponent, inject, watch, onUnmounted, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot, normalizeClass, unref, normalizeProps, guardReactiveProps } from 'vue';
|
2
2
|
import { useHeader } from '../HeaderBar/use/useHeader.js';
|
3
|
+
import { wIsModal } from '../Modal/models/injection.js';
|
3
4
|
import { useInfiniteListHeader } from './use/useInfiniteListHeader.js';
|
4
5
|
|
5
6
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
6
7
|
__name: "WInfiniteListWrapper",
|
7
8
|
props: {
|
8
|
-
scrollingElement: {},
|
9
9
|
initIsIntersecting: { type: Boolean }
|
10
10
|
},
|
11
11
|
setup(__props) {
|
12
12
|
const props = __props;
|
13
|
+
const isModal = inject(wIsModal, false);
|
13
14
|
const { updateHeaderPadding, headerHeight: headerElementHeight } = useHeader();
|
14
|
-
const { indicator, header, headerTop, headerHeight, isIntersecting, updateHeader } = useInfiniteListHeader(headerElementHeight, props.
|
15
|
+
const { indicator, header, headerTop, headerHeight, isIntersecting, updateHeader } = useInfiniteListHeader(headerElementHeight, props.initIsIntersecting);
|
15
16
|
const updateHeaderHeight = () => {
|
16
17
|
if (!isIntersecting.value && headerHeight.value) {
|
17
18
|
updateHeader();
|
@@ -34,9 +35,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
34
35
|
createElementVNode("div", {
|
35
36
|
ref_key: "header",
|
36
37
|
ref: header,
|
37
|
-
class: normalizeClass(["
|
38
|
+
class: normalizeClass(["sticky print:hidden", {
|
38
39
|
"z-20": !unref(isIntersecting),
|
39
|
-
"z-[2]": unref(isIntersecting)
|
40
|
+
"z-[2]": unref(isIntersecting),
|
41
|
+
"-top--modal-header-height bg-default dark:bg-default-dark": unref(isModal),
|
42
|
+
"-top--header-height": !unref(isModal)
|
40
43
|
}])
|
41
44
|
}, [
|
42
45
|
renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({ updateHeaderHeight })))
|
@@ -2,7 +2,7 @@ import { defineComponent, onMounted, createElementBlock, openBlock, createVNode,
|
|
2
2
|
import _sfc_main$1 from '../../Button/WButton.vue.js';
|
3
3
|
import { SemanticType } from '../../../utils/SemanticType.js';
|
4
4
|
|
5
|
-
const _hoisted_1 = { class: "flex w-full items-center justify-center p-12" };
|
5
|
+
const _hoisted_1 = { class: "sm:-left--left-inner sm:-max-w--width-inner flex w-full items-center justify-center p-12 sm:sticky" };
|
6
6
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
7
7
|
__name: "InfiniteListButton",
|
8
8
|
emits: ["click", "check"],
|
@@ -14,7 +14,6 @@ declare const _default: <Model extends number | string, Data extends DefaultData
|
|
14
14
|
lastChild?: boolean;
|
15
15
|
pageClass?: string;
|
16
16
|
refetchInterval?: number | false;
|
17
|
-
scrollingElement?: Element | null;
|
18
17
|
queryOptions?: Partial<QueryOptions<PaginatedResponse<Data>>>;
|
19
18
|
valueGetter: (data: Data) => Model;
|
20
19
|
} & Partial<{}>> & import('vue').PublicProps;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"InfiniteListPage.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPage.vue"],"names":[],"mappings":"AA0FA;
|
1
|
+
{"version":3,"file":"InfiniteListPage.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPage.vue"],"names":[],"mappings":"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"}
|
@@ -1,14 +1,15 @@
|
|
1
|
-
import { defineComponent, useTemplateRef, ref, toRef, computed, watch, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, renderSlot, unref, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeClass, resolveDynamicComponent, TransitionGroup, normalizeProps, mergeProps, withCtx, renderList, toDisplayString } from 'vue';
|
1
|
+
import { defineComponent, useTemplateRef, ref, inject, toRef, computed, watch, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, renderSlot, unref, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeClass, resolveDynamicComponent, TransitionGroup, normalizeProps, mergeProps, withCtx, renderList, toDisplayString } from 'vue';
|
2
2
|
import _sfc_main$2 from '../../EmptyComponent/WEmptyComponent.vue.js';
|
3
3
|
import { ApiError } from '../../../utils/api.js';
|
4
4
|
import _sfc_main$1 from './InfiniteListPageTitle.vue.js';
|
5
|
+
import { wScrollingElement } from '../models/injection.js';
|
5
6
|
|
6
7
|
const _hoisted_1 = {
|
7
8
|
ref: "element",
|
8
9
|
class: "relative"
|
9
10
|
};
|
10
11
|
const _hoisted_2 = { class: "mt-[--w-list-gap,0] flex" };
|
11
|
-
const _hoisted_3 = { class: "text-accent sm
|
12
|
+
const _hoisted_3 = { class: "text-accent sm:-left--left-inner sm:-max-w--width-inner flex justify-center px-8 py-16 text-center font-normal sm:sticky" };
|
12
13
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
13
14
|
__name: "InfiniteListPage",
|
14
15
|
props: {
|
@@ -25,7 +26,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
25
26
|
lastChild: { type: Boolean },
|
26
27
|
pageClass: { default: void 0 },
|
27
28
|
refetchInterval: { type: [Number, Boolean], default: void 0 },
|
28
|
-
scrollingElement: { default: void 0 },
|
29
29
|
queryOptions: { default: void 0 },
|
30
30
|
valueGetter: {}
|
31
31
|
},
|
@@ -37,6 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
37
37
|
const resultElement = ref([]);
|
38
38
|
const isIntersecting = ref(false);
|
39
39
|
const hasData = ref(false);
|
40
|
+
const scrollingElement = inject(wScrollingElement, null);
|
40
41
|
const { data, error, setData, refetch, isFetching } = props.useQueryFn(
|
41
42
|
toRef(props, "queryParams"),
|
42
43
|
{
|
@@ -122,7 +123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
122
123
|
intersectionObserver = new IntersectionObserver(
|
123
124
|
observerCb,
|
124
125
|
{
|
125
|
-
root:
|
126
|
+
root: scrollingElement?.value,
|
126
127
|
rootMargin: "0px",
|
127
128
|
threshold: 0
|
128
129
|
}
|
@@ -14,7 +14,6 @@ declare const _default: <Model extends number | string, Data extends DefaultData
|
|
14
14
|
hidePageTitle?: boolean;
|
15
15
|
transition?: boolean;
|
16
16
|
pageLength?: number;
|
17
|
-
scrollingElement?: Element | null;
|
18
17
|
headerTop?: number;
|
19
18
|
headerHeight?: number;
|
20
19
|
minHeight?: boolean;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"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"}
|
@@ -1,8 +1,9 @@
|
|
1
|
-
import { defineComponent, useTemplateRef, ref, computed, watch, toRef, createBlock, openBlock, normalizeClass, normalizeStyle, withCtx, createCommentVNode, createElementBlock, unref, Fragment, renderList, nextTick, createSlots, renderSlot, mergeProps } from 'vue';
|
1
|
+
import { defineComponent, useTemplateRef, inject, ref, computed, watch, toRef, createBlock, openBlock, normalizeClass, normalizeStyle, withCtx, createCommentVNode, createElementBlock, unref, Fragment, renderList, nextTick, createSlots, renderSlot, mergeProps } from 'vue';
|
2
2
|
import { isEqualObj } from '../../../utils/utils.js';
|
3
3
|
import _sfc_main$2 from './InfiniteListButton.vue.js';
|
4
4
|
import _sfc_main$3 from './InfiniteListPage.vue.js';
|
5
5
|
import _sfc_main$1 from './InfiniteListScroll.vue.js';
|
6
|
+
import { wScrollingElement } from '../models/injection.js';
|
6
7
|
import { useRefetchNextPages } from '../use/useRefetchNextPages.js';
|
7
8
|
|
8
9
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
@@ -14,7 +15,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
14
15
|
hidePageTitle: { type: Boolean },
|
15
16
|
transition: { type: Boolean },
|
16
17
|
pageLength: { default: 24 },
|
17
|
-
scrollingElement: { default: null },
|
18
18
|
headerTop: { default: 0 },
|
19
19
|
headerHeight: { default: 0 },
|
20
20
|
minHeight: { type: Boolean },
|
@@ -32,6 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
32
32
|
const props = __props;
|
33
33
|
const emit = __emit;
|
34
34
|
const infiniteScrollRef = useTemplateRef("infiniteScroll");
|
35
|
+
const scrollingElement = inject(wScrollingElement, null);
|
35
36
|
const pages = ref([props.queryParams.page ?? 1]);
|
36
37
|
const pagesCount = ref(1);
|
37
38
|
const count = ref(0);
|
@@ -73,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
73
74
|
pages.value.pop();
|
74
75
|
};
|
75
76
|
const updateScroll = (height) => {
|
76
|
-
const element =
|
77
|
+
const element = scrollingElement?.value ?? document.scrollingElement;
|
77
78
|
if (!element || element.scrollTop === 0) return;
|
78
79
|
element.scrollTop = element.scrollTop + height;
|
79
80
|
};
|
@@ -97,7 +98,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
97
98
|
isResettingPage.value = true;
|
98
99
|
emit("update:page", page === 1 ? void 0 : page);
|
99
100
|
pages.value = [];
|
100
|
-
const element =
|
101
|
+
const element = scrollingElement?.value ?? document.scrollingElement;
|
101
102
|
const value = (infiniteScrollRef.value?.$el.offsetTop ?? 0) - props.headerHeight - 60;
|
102
103
|
if (element && element.scrollTop > value) element.scrollTop = value;
|
103
104
|
await nextTick();
|
@@ -120,7 +121,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
120
121
|
return (_ctx, _cache) => {
|
121
122
|
return openBlock(), createBlock(_sfc_main$1, {
|
122
123
|
ref: "infiniteScroll",
|
123
|
-
"scrolling-element": _ctx.scrollingElement,
|
124
124
|
style: normalizeStyle({ "--infinite-list-header-height": _ctx.headerHeight + "px" }),
|
125
125
|
class: normalizeClass({
|
126
126
|
"min-h-[calc(100vh-var(--header-height)-var(--infinite-list-header-height))] pb-16": !_ctx.minHeight,
|
@@ -154,7 +154,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
154
154
|
"last-child": _ctx.lastChild,
|
155
155
|
"page-class": _ctx.pageClass,
|
156
156
|
"refetch-interval": _ctx.refetchInterval,
|
157
|
-
"scrolling-element": _ctx.scrollingElement,
|
158
157
|
"query-options": _ctx.queryOptions,
|
159
158
|
"value-getter": _ctx.valueGetter,
|
160
159
|
"onUpdate:count": _cache[2] || (_cache[2] = ($event) => {
|
@@ -196,7 +195,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
196
195
|
]),
|
197
196
|
key: "0"
|
198
197
|
} : void 0
|
199
|
-
]), 1032, ["query-params", "use-query-fn", "skeleton-length", "first-page", "last-page", "hide-page-title", "transition", "resetting", "empty-stub", "min-height", "last-child", "page-class", "refetch-interval", "
|
198
|
+
]), 1032, ["query-params", "use-query-fn", "skeleton-length", "first-page", "last-page", "hide-page-title", "transition", "resetting", "empty-stub", "min-height", "last-child", "page-class", "refetch-interval", "query-options", "value-getter", "onRefetch"]);
|
200
199
|
}), 128)),
|
201
200
|
count.value !== 0 && nextPage.value ? (openBlock(), createBlock(_sfc_main$2, {
|
202
201
|
key: 1,
|
@@ -205,7 +204,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
205
204
|
})) : createCommentVNode("", true)
|
206
205
|
]),
|
207
206
|
_: 3
|
208
|
-
}, 8, ["
|
207
|
+
}, 8, ["style", "class"]);
|
209
208
|
};
|
210
209
|
}
|
211
210
|
});
|
@@ -1,6 +1,3 @@
|
|
1
|
-
type __VLS_Props = {
|
2
|
-
scrollingElement: Element | null;
|
3
|
-
};
|
4
1
|
declare function __VLS_template(): {
|
5
2
|
attrs: Partial<{}>;
|
6
3
|
slots: {
|
@@ -12,16 +9,16 @@ declare function __VLS_template(): {
|
|
12
9
|
rootEl: HTMLDivElement;
|
13
10
|
};
|
14
11
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
15
|
-
declare const __VLS_component: import('vue').DefineComponent<
|
12
|
+
declare const __VLS_component: import('vue').DefineComponent<{}, {
|
16
13
|
checkIsScrollUp: () => void;
|
17
14
|
checkIsScrollDown: () => void;
|
18
15
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
19
16
|
"scroll:up": () => any;
|
20
17
|
"scroll:down": () => any;
|
21
|
-
}, string, import('vue').PublicProps, Readonly<
|
18
|
+
}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
|
22
19
|
"onScroll:up"?: (() => any) | undefined;
|
23
20
|
"onScroll:down"?: (() => any) | undefined;
|
24
|
-
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions,
|
21
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
25
22
|
container: HTMLDivElement;
|
26
23
|
}, HTMLDivElement>;
|
27
24
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"InfiniteListScroll.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListScroll.vue"],"names":[],"mappings":"AAKA;
|
1
|
+
{"version":3,"file":"InfiniteListScroll.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListScroll.vue"],"names":[],"mappings":"AAKA;AAoIA,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
@@ -1,35 +1,33 @@
|
|
1
|
-
import { defineComponent, useTemplateRef, computed, watch, onMounted, onUnmounted, createElementBlock, openBlock, renderSlot } from 'vue';
|
1
|
+
import { defineComponent, useTemplateRef, inject, computed, watch, onMounted, onUnmounted, createElementBlock, openBlock, renderSlot } from 'vue';
|
2
|
+
import { wScrollingElement } from '../models/injection.js';
|
2
3
|
import { getIsScrollUp, getIsScrollDown } from '../models/utils.js';
|
3
4
|
|
4
5
|
const _hoisted_1 = { ref: "container" };
|
5
6
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
6
7
|
__name: "InfiniteListScroll",
|
7
|
-
props: {
|
8
|
-
scrollingElement: {}
|
9
|
-
},
|
10
8
|
emits: ["scroll:up", "scroll:down"],
|
11
9
|
setup(__props, { expose: __expose, emit: __emit }) {
|
12
|
-
const props = __props;
|
13
10
|
const emit = __emit;
|
14
11
|
const containerRef = useTemplateRef("container");
|
15
|
-
const
|
12
|
+
const scrollingElement = inject(wScrollingElement, null);
|
13
|
+
const element = computed(() => scrollingElement?.value ?? document);
|
16
14
|
const listener = (event) => {
|
17
15
|
if (event.target !== element.value || !containerRef.value) return;
|
18
|
-
if (getIsScrollUp(
|
16
|
+
if (getIsScrollUp(scrollingElement?.value ?? document.scrollingElement, containerRef.value.offsetTop)) {
|
19
17
|
emit("scroll:up");
|
20
18
|
return;
|
21
19
|
}
|
22
|
-
if (getIsScrollDown(
|
20
|
+
if (getIsScrollDown(scrollingElement?.value ?? document.scrollingElement)) {
|
23
21
|
emit("scroll:down");
|
24
22
|
}
|
25
23
|
};
|
26
24
|
const checkIsScrollUp = () => {
|
27
|
-
if (getIsScrollDown(
|
25
|
+
if (getIsScrollDown(scrollingElement?.value ?? document.scrollingElement)) {
|
28
26
|
emit("scroll:down");
|
29
27
|
}
|
30
28
|
};
|
31
29
|
const checkIsScrollDown = () => {
|
32
|
-
if (getIsScrollDown(
|
30
|
+
if (getIsScrollDown(scrollingElement?.value ?? document.scrollingElement)) {
|
33
31
|
emit("scroll:down");
|
34
32
|
}
|
35
33
|
};
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"injection.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/models/injection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAE,GAAG,EAAC,MAAM,KAAK,CAAA;AAE1C,eAAO,MAAM,iBAAiB,EAAkC,YAAY,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAA"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { Ref } from 'vue';
|
2
|
-
export declare const useInfiniteListHeader: (headerElementHeight: Ref<number>,
|
2
|
+
export declare const useInfiniteListHeader: (headerElementHeight: Ref<number>, initIsIntersecting?: boolean) => {
|
3
3
|
indicator: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
|
4
4
|
header: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
|
5
5
|
headerHeight: Ref<number, number>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useInfiniteListHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/use/useInfiniteListHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,GAAG,
|
1
|
+
{"version":3,"file":"useInfiniteListHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/use/useInfiniteListHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,GAAG,EAA0C,MAAM,KAAK,CAAA;AAMrE,eAAO,MAAM,qBAAqB,GAAI,qBAAqB,GAAG,CAAC,MAAM,CAAC,EAAE,4BAAyB;;;;;;;CAsDhG,CAAA"}
|