@tarojs/router 3.4.7 → 3.5.0-alpha.0

package/dist/animation.js

@@ -0,0 +1,29 @@
+/**
+ * 插入页面动画需要的样式
+ */
+export function loadAnimateStyle(ms = 300) {
+    const css = `
+.taro_router .taro_page {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+  transform: translate(100%, 0);
+  transition: transform ${ms}ms;
+  z-index: 0;
+}
+
+.taro_router .taro_page.taro_tabbar_page,
+.taro_router .taro_page.taro_page_show.taro_page_stationed {
+  transform: none;
+}
+
+.taro_router .taro_page.taro_page_show {
+  transform: translate(0, 0);
+}`;
+    const style = document.createElement('style');
+    style.innerHTML = css;
+    document.getElementsByTagName('head')[0].appendChild(style);
+}

package/dist/api.js

@@ -0,0 +1,91 @@
+import { parsePath } from 'history';
+import stacks from './router/stack';
+import { history, prependBasename } from './history';
+import { routesAlias, addLeadingSlash } from './utils';
+import { RouterConfig } from './router';
+function processNavigateUrl(option) {
+    const pathPieces = parsePath(option.url);
+    // 处理相对路径
+    if (pathPieces.pathname?.includes('./')) {
+        const parts = routesAlias.getOrigin(history.location.pathname).split('/');
+        parts.pop();
+        pathPieces.pathname.split('/').forEach((item) => {
+            if (item === '.') {
+                return;
+            }
+            item === '..' ? parts.pop() : parts.push(item);
+        });
+        pathPieces.pathname = parts.join('/');
+    }
+    // 处理自定义路由
+    pathPieces.pathname = routesAlias.getAlias(addLeadingSlash(pathPieces.pathname));
+    // 处理 basename
+    pathPieces.pathname = prependBasename(pathPieces.pathname);
+    // hack fix history v5 bug: https://github.com/remix-run/history/issues/814
+    if (!pathPieces.search)
+        pathPieces.search = '';
+    return pathPieces;
+}
+async function navigate(option, method) {
+    return new Promise((resolve, reject) => {
+        const { success, complete, fail } = option;
+        const unListen = history.listen(() => {
+            const res = { errMsg: `${method}:ok` };
+            success?.(res);
+            complete?.(res);
+            resolve(res);
+            unListen();
+        });
+        try {
+            if ('url' in option) {
+                const pathPieces = processNavigateUrl(option);
+                const state = { timestamp: Date.now() };
+                if (method === 'navigateTo') {
+                    history.push(pathPieces, state);
+                }
+                else if (method === 'redirectTo' || method === 'switchTab') {
+                    history.replace(pathPieces, state);
+                }
+                else if (method === 'reLaunch') {
+                    stacks.delta = stacks.length;
+                    history.replace(pathPieces, state);
+                }
+            }
+            else if (method === 'navigateBack') {
+                stacks.delta = option.delta;
+                history.go(-option.delta);
+            }
+        }
+        catch (error) {
+            const res = { errMsg: `${method}:fail ${error.message || error}` };
+            fail?.(res);
+            complete?.(res);
+            reject(res);
+        }
+    });
+}
+export function navigateTo(option) {
+    return navigate(option, 'navigateTo');
+}
+export function redirectTo(option) {
+    return navigate(option, 'redirectTo');
+}
+export function navigateBack(option = { delta: 1 }) {
+    if (!option.delta || option.delta < 1) {
+        option.delta = 1;
+    }
+    return navigate(option, 'navigateBack');
+}
+export function switchTab(option) {
+    return navigate(option, 'switchTab');
+}
+export function reLaunch(option) {
+    return navigate(option, 'reLaunch');
+}
+export function getCurrentPages() {
+    if (process.env.NODE_ENV === 'development' && RouterConfig.mode === 'multi') {
+        console.warn('多页面路由模式不支持使用 getCurrentPages 方法！');
+    }
+    const pages = stacks.get();
+    return pages.map(e => ({ ...e, route: e.path || '' }));
+}

package/dist/events/resize.js

@@ -0,0 +1,13 @@
+let pageResizeFn;
+export function bindPageResize(page) {
+    pageResizeFn && window.removeEventListener('resize', pageResizeFn);
+    pageResizeFn = function () {
+        page.onResize && page.onResize({
+            size: {
+                windowHeight: window.innerHeight,
+                windowWidth: window.innerWidth
+            }
+        });
+    };
+    window.addEventListener('resize', pageResizeFn, false);
+}

package/dist/events/scroll.js

@@ -0,0 +1,30 @@
+let pageScrollFn;
+let pageDOM = window;
+export function bindPageScroll(page, pageEl, distance = 50) {
+    pageScrollFn && pageEl.removeEventListener('scroll', pageScrollFn);
+    pageDOM = pageEl;
+    let isReachBottom = false;
+    pageScrollFn = function () {
+        page.onPageScroll && page.onPageScroll({
+            scrollTop: pageDOM instanceof Window ? window.scrollY : pageDOM.scrollTop
+        });
+        if (isReachBottom && getOffset() > distance) {
+            isReachBottom = false;
+        }
+        if (page.onReachBottom &&
+            !isReachBottom &&
+            getOffset() < distance) {
+            isReachBottom = true;
+            page.onReachBottom();
+        }
+    };
+    pageDOM.addEventListener('scroll', pageScrollFn, false);
+}
+function getOffset() {
+    if (pageDOM instanceof Window) {
+        return document.documentElement.scrollHeight - window.scrollY - window.innerHeight;
+    }
+    else {
+        return pageDOM.scrollHeight - pageDOM.scrollTop - pageDOM.clientHeight;
+    }
+}

package/dist/history.js

@@ -0,0 +1,99 @@
+import { Action, createBrowserHistory, createHashHistory } from 'history';
+import { RouterConfig } from './router';
+export let history;
+let basename = '/';
+class MpaHistory {
+    action;
+    get location() {
+        return {
+            pathname: window.location.pathname,
+            search: window.location.search,
+            hash: window.location.hash,
+            key: `${window.history.length}`,
+            state: window.history.state
+        };
+    }
+    createHref(_to) {
+        throw new Error('Method not implemented.');
+    }
+    parseUrl(to) {
+        let url = to.pathname || '';
+        if (RouterConfig.isPage(url)) {
+            url += '.html';
+        }
+        if (to.search) {
+            url += `?${to.search}`;
+        }
+        if (to.hash) {
+            url += `#${to.hash}`;
+        }
+        return url;
+    }
+    push(to, _state = {}) {
+        window.location.pathname = this.parseUrl(to);
+        // this.pushState(_state, '', this.parseUrl(to))
+    }
+    replace(to, _state = {}) {
+        window.location.replace(this.parseUrl(to));
+        // this.replaceState(_state, '', this.parseUrl(to))
+    }
+    go(delta) {
+        window.history.go(delta);
+    }
+    back = window.history.back;
+    forward = window.history.forward;
+    listen(listener) {
+        function callback(e) {
+            if (e.action === 'pushState') {
+                listener({ action: Action.Push, location: this.location });
+            }
+            else if (e.action === 'replaceState') {
+                listener({ action: Action.Replace, location: this.location });
+            }
+            else {
+                // NOTE: 这里包括 back、forward、go 三种可能，并非是 POP 事件
+                listener({ action: Action.Pop, location: this.location });
+            }
+        }
+        window.addEventListener('popstate', callback);
+        return () => {
+            window.removeEventListener('popstate', callback);
+        };
+    }
+    block(_blocker) {
+        throw new Error('Method not implemented.');
+    }
+    pushState = this.eventState('pushState');
+    replaceState = this.eventState('replaceState');
+    eventState(action) {
+        return (data, unused, url) => {
+            const wrapper = window.history[action](data, unused, url);
+            const evt = new Event(action);
+            evt.action = action;
+            evt.state = data;
+            evt.unused = unused;
+            evt.url = url;
+            window.dispatchEvent(evt);
+            return wrapper;
+        };
+    }
+}
+export function setHistoryMode(mode, base = '/') {
+    const options = {
+        window
+    };
+    basename = base;
+    if (mode === 'browser') {
+        history = createBrowserHistory(options);
+    }
+    else if (mode === 'multi') {
+        history = new MpaHistory();
+    }
+    else {
+        // default is hash
+        history = createHashHistory(options);
+    }
+}
+export function prependBasename(url = '') {
+    return basename.replace(/\/$/, '') + '/' + url.replace(/^\//, '');
+}