types for new features

Author: yyx990803

flow/declarations.js

@@ -27,6 +27,8 @@ declare type NavigationGuard = (
 
 declare type AfterNavigationHook = (to: Route, from: Route) => any
 
+type Position = { x: number, y: number };
+
 declare type RouterOptions = {
   routes?: Array<RouteConfig>;
   mode?: string;
@@ -38,8 +40,8 @@ declare type RouterOptions = {
   scrollBehavior?: (
     to: Route,
     from: Route,
-    savedPosition: ?{ x: number, y: number }
-  ) => { x: number, y: number } | { selector: string } | ?{};
+    savedPosition: ?Position
+  ) => Position | { selector: string, offset?: Position } | ?{};
 }
 
 declare type RedirectOption = RawLocation | ((to: Route) => RawLocation)

types/router.d.ts

@@ -44,9 +44,12 @@ declare class VueRouter {
   static install: PluginFunction<never>;
 }
 
+type Position = { x: number, y: number };
+
 export interface RouterOptions {
   routes?: RouteConfig[];
   mode?: RouterMode;
+  fallback?: boolean;
   base?: string;
   linkActiveClass?: string;
   linkExactActiveClass?: string;
@@ -55,8 +58,8 @@ export interface RouterOptions {
   scrollBehavior?: (
     to: Route,
     from: Route,
-    savedPosition: { x: number, y: number } | undefined
-  ) => { x: number, y: number } | { selector: string } | void;
+    savedPosition: Position | void
+  ) => Position | { selector: string, offset?: Position } | void;
 }
 
 type RoutePropsFunction = (route: Route) => Object;

types/test/index.ts

@@ -40,13 +40,18 @@ const Hook: ComponentOptions<Vue> = {
 const router = new VueRouter({
   mode: "history",
   base: "/",
+  fallback: false,
   linkActiveClass: "active",
   linkExactActiveClass: "exact-active",
   scrollBehavior: (to, from, savedPosition) => {
     if (from.path === "/") {
       return { selector: "#app" };
     }
 
+    if (from.path === "/offset") {
+      return { selector: '#foo', offset: { x: 0, y: 100 }}
+    }
+
     if (to.path === "/child") {
       return;
     }