@jtigernova-npm/tiffany-vue 1.2.1 → 1.2.3

package/out/vue/BaseState.d.ts

@@ -1,15 +1,18 @@
 import { type Ref } from "vue";
-export interface BaseState {
+export interface BaseLoadable {
     allowLoad: Ref<boolean>;
     loading: Ref<boolean>;
     onLoad: () => Promise<void>;
 }
+export interface BaseState extends BaseLoadable {
+    load: () => void;
+}
 export declare function getBaseStateOpts(): {
     allowLoad: Ref<boolean>;
     loading: Ref<boolean>;
     onLoad: () => Promise<void>;
 };
-export declare function getBaseStateHelper(baseState: BaseState): {
+export declare function getBaseStateHelper(loadable: BaseLoadable): {
     load: () => void;
 };
 export interface TrackableScroll {
@@ -17,7 +20,10 @@ export interface TrackableScroll {
     trackScrollTop: (scrollElementID: string, event: any) => void;
     setScrollTop: (scrollElementID: string) => void;
 }
-export declare function getTrackableScrollHelper(): {
+export declare function getTrackableScrollHelper(opts?: {
+    spaceBuffer: 30;
+    onReachedBottom: () => void;
+}): {
     scrollTop: Ref<number>;
     trackScrollTop: (scrollElementID: string, event: any) => void;
     setScrollTop: (scrollElementID: string) => void;

package/out/vue/BaseState.js

@@ -1,10 +1,5 @@
 import { logDebug, logErrorAlways } from "@jtigernova-npm/tiffany";
 import { ref } from "vue";
-// export interface BaseLoadable {
-//   allowLoad: boolean;
-//   loading: Ref<boolean>;
-//   onLoad: () => Promise<void>;
-// }
 export function getBaseStateOpts() {
     return {
         allowLoad: ref(true),
@@ -15,12 +10,12 @@ export function getBaseStateOpts() {
         },
     };
 }
-export function getBaseStateHelper(baseState) {
+export function getBaseStateHelper(loadable) {
     return {
         load() {
-            if (!baseState.allowLoad)
+            if (!loadable.allowLoad)
                 return;
-            baseState
+            loadable
                 .onLoad()
                 .then(() => {
                 logDebug("BaseState.onLoad() done");
@@ -31,7 +26,7 @@ export function getBaseStateHelper(baseState) {
         },
     };
 }
-export function getTrackableScrollHelper() {
+export function getTrackableScrollHelper(opts) {
     const scrollTop = ref(0);
     return {
         scrollTop: scrollTop,
@@ -41,6 +36,11 @@ export function getTrackableScrollHelper() {
             if (scrollElementID == event.target.id) {
                 // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
                 scrollTop.value = event.target.scrollTop;
+                if (!opts)
+                    return;
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+                if (event.target.scrollTop + event.target.clientHeight + opts.spaceBuffer >= event.target.scrollHeight)
+                    opts.onReachedBottom();
             }
         },
         setScrollTop: (scrollElementID) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jtigernova-npm/tiffany-vue",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "module": "out/index.js",
   "type": "module",
   "typings": "index.d.ts",
@@ -12,8 +12,8 @@
     "format": "prettier --write src/**",
     "format-build": "npm run format && npm run build",
     "test": "echo \"Error: no test specified\" && exit 1",
-    "tiffany-prepare": "tsc && npm run lint && npm run format && npm pack",
-    "tiffany-publish": "tsc && npm run lint && npm run format && npm pack && npm publish --access public && rm *.tgz"
+    "tiffany-prepare": "npm i && tsc && npm run lint && npm run format && npm pack",
+    "tiffany-publish": "npm i && tsc && npm run lint && npm run format && npm pack && npm publish --access public && rm *.tgz"
   },
   "keywords": [],
   "author": "JTiger Nova",