@jump-section/vue 1.0.18 → 1.0.20

package/dist/index.d.mts

@@ -6,10 +6,17 @@ declare function provideScrollManager(options?: ScrollOptions): ScrollManager;
 declare function useScrollManager(): ScrollManager;
 declare function useScrollSection(sectionId?: string): {
     registerRef: (element: Element | undefined) => void;
-    scrollTo: (id: string) => void;
+    scrollTo: (id: string) => Promise<void>;
+    scrollToNext: () => Promise<void>;
+    scrollToPrev: () => Promise<void>;
+    scrollToFirst: () => Promise<void>;
+    scrollToLast: () => Promise<void>;
     activeId: Readonly<vue.Ref<string | null, string | null>>;
-    isActive: boolean;
+    isActive: vue.ComputedRef<boolean>;
+    direction: Readonly<vue.Ref<"up" | "down" | null, "up" | "down" | null>>;
 };
+/** 특정 섹션의 스크롤 진행률(0~1)을 추적하는 Vue composable */
+declare function useScrollProgress(sectionId: string): Readonly<vue.Ref<number, number>>;
 declare const ScrollSectionProvider: vue.DefineComponent<vue.ExtractPropTypes<{
     offset: {
         type: NumberConstructor;
@@ -19,6 +26,18 @@ declare const ScrollSectionProvider: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<ScrollBehavior>;
         default: string;
     };
+    hash: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keyboard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    root: {
+        type: PropType<HTMLElement | null>;
+        default: null;
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>[] | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -30,9 +49,24 @@ declare const ScrollSectionProvider: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<ScrollBehavior>;
         default: string;
     };
+    hash: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keyboard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    root: {
+        type: PropType<HTMLElement | null>;
+        default: null;
+    };
 }>> & Readonly<{}>, {
     offset: number;
     behavior: ScrollBehavior;
+    hash: boolean;
+    keyboard: boolean;
+    root: HTMLElement | null;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { ScrollSectionProvider, provideScrollManager, useScrollManager, useScrollSection };
+export { ScrollSectionProvider, provideScrollManager, useScrollManager, useScrollProgress, useScrollSection };

package/dist/index.d.ts

@@ -6,10 +6,17 @@ declare function provideScrollManager(options?: ScrollOptions): ScrollManager;
 declare function useScrollManager(): ScrollManager;
 declare function useScrollSection(sectionId?: string): {
     registerRef: (element: Element | undefined) => void;
-    scrollTo: (id: string) => void;
+    scrollTo: (id: string) => Promise<void>;
+    scrollToNext: () => Promise<void>;
+    scrollToPrev: () => Promise<void>;
+    scrollToFirst: () => Promise<void>;
+    scrollToLast: () => Promise<void>;
     activeId: Readonly<vue.Ref<string | null, string | null>>;
-    isActive: boolean;
+    isActive: vue.ComputedRef<boolean>;
+    direction: Readonly<vue.Ref<"up" | "down" | null, "up" | "down" | null>>;
 };
+/** 특정 섹션의 스크롤 진행률(0~1)을 추적하는 Vue composable */
+declare function useScrollProgress(sectionId: string): Readonly<vue.Ref<number, number>>;
 declare const ScrollSectionProvider: vue.DefineComponent<vue.ExtractPropTypes<{
     offset: {
         type: NumberConstructor;
@@ -19,6 +26,18 @@ declare const ScrollSectionProvider: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<ScrollBehavior>;
         default: string;
     };
+    hash: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keyboard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    root: {
+        type: PropType<HTMLElement | null>;
+        default: null;
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>[] | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -30,9 +49,24 @@ declare const ScrollSectionProvider: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<ScrollBehavior>;
         default: string;
     };
+    hash: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keyboard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    root: {
+        type: PropType<HTMLElement | null>;
+        default: null;
+    };
 }>> & Readonly<{}>, {
     offset: number;
     behavior: ScrollBehavior;
+    hash: boolean;
+    keyboard: boolean;
+    root: HTMLElement | null;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { ScrollSectionProvider, provideScrollManager, useScrollManager, useScrollSection };
+export { ScrollSectionProvider, provideScrollManager, useScrollManager, useScrollProgress, useScrollSection };

package/dist/index.js

@@ -1 +1 @@
-'use strict';var vue=require('vue'),core=require('@jump-section/core');var a=Symbol("ScrollManager");function p(e={}){let r=new core.ScrollManager(e);return vue.provide(a,r),vue.onUnmounted(()=>{r.destroy();}),r}function m(){let e=vue.inject(a);if(!e)throw new Error("useScrollManager must be used within a component that calls provideScrollManager");return e}function y(e){let r=m(),n=vue.ref(null),t;return vue.onMounted(()=>{t=r.onActiveChange(o=>{n.value=o;});}),vue.onUnmounted(()=>{t&&t();}),{registerRef:o=>{o&&e?r.registerSection(e,o):e&&r.unregisterSection(e);},scrollTo:o=>r.scrollTo(o),activeId:vue.readonly(n),isActive:e?n.value===e:false}}var x=vue.defineComponent({name:"ScrollSectionProvider",props:{offset:{type:Number,default:0},behavior:{type:String,default:"smooth"}},setup(e,{slots:r}){return p({offset:e.offset,behavior:e.behavior}),()=>r.default?r.default():null}});exports.ScrollSectionProvider=x;exports.provideScrollManager=p;exports.useScrollManager=m;exports.useScrollSection=y;
+'use strict';var vue=require('vue'),core=require('@jump-section/core');var u=Symbol("ScrollManager");function h(e={}){let o=new core.ScrollManager(e);return vue.provide(u,o),vue.onUnmounted(()=>{o.destroy();}),o}function f(){let e=vue.inject(u);if(!e)throw new Error("useScrollManager must be used within a component that calls provideScrollManager");return e}function x(e){let o=f(),l=vue.ref(null),r=vue.ref(null),t;return vue.onMounted(()=>{t=o.onActiveChange((n,d)=>{l.value=n,r.value=d.direction;});}),vue.onUnmounted(()=>{t==null||t();}),{registerRef:n=>{n&&e?o.registerSection(e,n):e&&o.unregisterSection(e);},scrollTo:n=>o.scrollTo(n),scrollToNext:()=>o.scrollToNext(),scrollToPrev:()=>o.scrollToPrev(),scrollToFirst:()=>o.scrollToFirst(),scrollToLast:()=>o.scrollToLast(),activeId:vue.readonly(l),isActive:vue.computed(()=>e?l.value===e:false),direction:vue.readonly(r)}}function b(e){let o=f(),l=vue.ref(0),r;return vue.onMounted(()=>{r=o.onProgressChange(e,t=>{l.value=t;});}),vue.onUnmounted(()=>{r==null||r();}),vue.readonly(l)}var w=vue.defineComponent({name:"ScrollSectionProvider",props:{offset:{type:Number,default:0},behavior:{type:String,default:"smooth"},hash:{type:Boolean,default:false},keyboard:{type:Boolean,default:false},root:{type:Object,default:null}},setup(e,{slots:o}){return h({offset:e.offset,behavior:e.behavior,hash:e.hash,keyboard:e.keyboard,root:e.root}),()=>o.default?o.default():null}});exports.ScrollSectionProvider=w;exports.provideScrollManager=h;exports.useScrollManager=f;exports.useScrollProgress=b;exports.useScrollSection=x;

package/dist/index.mjs

@@ -1 +1 @@
-import {defineComponent,provide,onUnmounted,inject,ref,readonly,onMounted}from'vue';import {ScrollManager}from'@jump-section/core';var a=Symbol("ScrollManager");function p(e={}){let r=new ScrollManager(e);return provide(a,r),onUnmounted(()=>{r.destroy();}),r}function m(){let e=inject(a);if(!e)throw new Error("useScrollManager must be used within a component that calls provideScrollManager");return e}function y(e){let r=m(),n=ref(null),t;return onMounted(()=>{t=r.onActiveChange(o=>{n.value=o;});}),onUnmounted(()=>{t&&t();}),{registerRef:o=>{o&&e?r.registerSection(e,o):e&&r.unregisterSection(e);},scrollTo:o=>r.scrollTo(o),activeId:readonly(n),isActive:e?n.value===e:false}}var x=defineComponent({name:"ScrollSectionProvider",props:{offset:{type:Number,default:0},behavior:{type:String,default:"smooth"}},setup(e,{slots:r}){return p({offset:e.offset,behavior:e.behavior}),()=>r.default?r.default():null}});export{x as ScrollSectionProvider,p as provideScrollManager,m as useScrollManager,y as useScrollSection};
+import {defineComponent,provide,onUnmounted,inject,ref,readonly,computed,onMounted}from'vue';import {ScrollManager}from'@jump-section/core';var u=Symbol("ScrollManager");function h(e={}){let o=new ScrollManager(e);return provide(u,o),onUnmounted(()=>{o.destroy();}),o}function f(){let e=inject(u);if(!e)throw new Error("useScrollManager must be used within a component that calls provideScrollManager");return e}function x(e){let o=f(),l=ref(null),r=ref(null),t;return onMounted(()=>{t=o.onActiveChange((n,d)=>{l.value=n,r.value=d.direction;});}),onUnmounted(()=>{t==null||t();}),{registerRef:n=>{n&&e?o.registerSection(e,n):e&&o.unregisterSection(e);},scrollTo:n=>o.scrollTo(n),scrollToNext:()=>o.scrollToNext(),scrollToPrev:()=>o.scrollToPrev(),scrollToFirst:()=>o.scrollToFirst(),scrollToLast:()=>o.scrollToLast(),activeId:readonly(l),isActive:computed(()=>e?l.value===e:false),direction:readonly(r)}}function b(e){let o=f(),l=ref(0),r;return onMounted(()=>{r=o.onProgressChange(e,t=>{l.value=t;});}),onUnmounted(()=>{r==null||r();}),readonly(l)}var w=defineComponent({name:"ScrollSectionProvider",props:{offset:{type:Number,default:0},behavior:{type:String,default:"smooth"},hash:{type:Boolean,default:false},keyboard:{type:Boolean,default:false},root:{type:Object,default:null}},setup(e,{slots:o}){return h({offset:e.offset,behavior:e.behavior,hash:e.hash,keyboard:e.keyboard,root:e.root}),()=>o.default?o.default():null}});export{w as ScrollSectionProvider,h as provideScrollManager,f as useScrollManager,b as useScrollProgress,x as useScrollSection};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jump-section/vue",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "description": "Vue composables for jump-section scroll management",
   "keywords": [
     "scroll",
@@ -33,7 +33,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@jump-section/core": "^1.0.1"
+    "@jump-section/core": "workspace:*"
   },
   "scripts": {
     "build": "tsup",