betal-fe 4.0.1 → 4.2.0

package/dist/betal-fe.js

@@ -1117,21 +1117,46 @@ function defineComponent({ render, state, onMounted = emptyFunction, onUnmounted
 
 const RouterLink = defineComponent({
   render() {
-    const { to } = this.props;
+    const { to, ...rest } = this.props;
     return h(
       "a",
       {
         href: to,
+        ...rest,
         on: {
           click: (e) => {
             e.preventDefault();
-            this.appContext.router.navigateTo(to);
+            this.handleNavigation(to);
           },
         },
       },
       [hSlot()]
     );
   },
+  handleNavigation(to) {
+    const anchorIndex = to.indexOf('#');
+    if (anchorIndex !== -1 && anchorIndex > 0) {
+      const path = to.substring(0, anchorIndex);
+      const anchor = to.substring(anchorIndex + 1);
+      this.appContext.router.navigateTo(path);
+      setTimeout(() => {
+        this.scrollToAnchor(anchor);
+      }, 0);
+    } else if (anchorIndex === 0) {
+      const anchor = to.substring(1);
+      this.scrollToAnchor(anchor);
+    } else {
+      this.appContext.router.navigateTo(to);
+    }
+  },
+  scrollToAnchor(anchorId) {
+    const element = document.getElementById(anchorId);
+    if (element) {
+      element.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    } else {
+      console.warn(`[RouterLink] Element with id "${anchorId}" not found`);
+    }
+  },
 });
 const RouterOutlet = defineComponent({
   state() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "betal-fe",
-  "version": "4.0.1",
+  "version": "4.2.0",
   "type": "module",
   "main": "dist/betal-fe.js",
   "files": [