@mantou/gem 1.7.1 → 1.7.2

package/elements/base/gesture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gesture.d.ts","sourceRoot":"","sources":["../../src/elements/base/gesture.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAsB,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEnE,oBAAY,cAAc,GAAG;IAE3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AACF,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,gBAAgB;IAE/B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,iBAAiB;IAEhC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,MAAM,EAAE,MAAM,CAAC;CAChB;AAiBD;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,iBAAkB,SAAQ,UAAU;IACtC,GAAG,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC7B,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACjC,MAAM,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACnC,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACrB,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAEjB,WAAW,EAAE,MAAM,CAAC;IAE/B,OAAO,UAAS;IAChB,UAAU,SAAK;IAEf,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAa;IACrD,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,CAAC,CAAa;;IAWpD,QAAQ,CAAC,SAAS,EAAE,MAAM;IAI1B,aAAa,CAAC,SAAS,EAAE,MAAM;IAI/B,gBAAgB,CAAC,SAAS,EAAE,MAAM;IASlC,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAgBjC,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAgBjC,OAAO,CAAC,GAAG,EAAE,YAAY;IAczB,MAAM,CAAC,GAAG,EAAE,YAAY;IAkDxB,KAAK,CAAC,GAAG,EAAE,YAAY;IA2CvB,MAAM;CAYP"}
+{"version":3,"file":"gesture.d.ts","sourceRoot":"","sources":["../../src/elements/base/gesture.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAsB,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEnE,MAAM,MAAM,cAAc,GAAG;IAE3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AACF,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,gBAAgB;IAE/B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,iBAAiB;IAEhC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,MAAM,EAAE,MAAM,CAAC;CAChB;AAiBD;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,iBAAkB,SAAQ,UAAU;;IACtC,GAAG,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC7B,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACjC,MAAM,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACnC,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACrB,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAEjB,WAAW,EAAE,MAAM,CAAC;;IAgB/B,eAAe;IACf,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,CAAC,CAAa;IAkKpD,MAAM;CAYP"}

package/elements/base/gesture.js

@@ -4,6 +4,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _GemGestureElement_pressed, _GemGestureElement_pressTimer, _GemGestureElement_startEventMap, _GemGestureElement_getMoves, _GemGestureElement_getStartEvent, _GemGestureElement_getOtherLastMove, _GemGestureElement_getMovementX, _GemGestureElement_getMovementY, _GemGestureElement_onStart, _GemGestureElement_onMove, _GemGestureElement_onMoveSet, _GemGestureElement_onEnd;
 import { GemElement, html } from '../../lib/element';
 import { attribute, emitter } from '../../lib/decorators';
 function angleAB(a, b, c, { clientX: x1, clientY: y1 }, { clientX: x2, clientY: y2 }, { clientX: x3, clientY: y3 }) {
@@ -31,151 +43,155 @@ function angleAB(a, b, c, { clientX: x1, clientY: y1 }, { clientX: x2, clientY:
 export class GemGestureElement extends GemElement {
     constructor() {
         super();
-        this.pressed = false; // 触发 press 之后不触发其他事件
-        this.pressTimer = 0;
-        this.startEventMap = new Map();
+        _GemGestureElement_pressed.set(this, false); // 触发 press 之后不触发其他事件
+        _GemGestureElement_pressTimer.set(this, 0);
+        _GemGestureElement_startEventMap.set(this, new Map());
+        /** 指针移动事件记录 */
         this.movesMap = new Map();
-        this.addEventListener('pointerdown', this.onStart);
-        this.addEventListener('pointermove', this.onMove);
-        this.addEventListener('pointerup', this.onEnd);
-        this.addEventListener('pointercancel', this.onEnd);
-        this.addEventListener('dragstart', (evt) => evt.preventDefault());
-    }
-    getMoves(pointerId) {
-        return this.movesMap.get(pointerId) || [];
-    }
-    getStartEvent(pointerId) {
-        return this.startEventMap.get(pointerId);
-    }
-    getOtherLastmove(pointerId) {
-        for (const id of this.movesMap.keys()) {
-            if (id !== pointerId) {
-                const moves = this.getMoves(id);
-                return moves[moves.length - 1] || this.getStartEvent(id);
+        _GemGestureElement_getMoves.set(this, (pointerId) => {
+            return this.movesMap.get(pointerId) || [];
+        });
+        _GemGestureElement_getStartEvent.set(this, (pointerId) => {
+            return __classPrivateFieldGet(this, _GemGestureElement_startEventMap, "f").get(pointerId);
+        });
+        _GemGestureElement_getOtherLastMove.set(this, (pointerId) => {
+            for (const id of this.movesMap.keys()) {
+                if (id !== pointerId) {
+                    const moves = __classPrivateFieldGet(this, _GemGestureElement_getMoves, "f").call(this, id);
+                    return moves[moves.length - 1] || __classPrivateFieldGet(this, _GemGestureElement_getStartEvent, "f").call(this, id);
+                }
             }
-        }
-    }
-    getMovementX(x, y) {
-        const touchAction = this.touchAction;
-        if ((touchAction.includes('pan-right') && x > 0) ||
-            (touchAction.includes('pan-left') && x < 0) ||
-            touchAction.includes('pan-x') ||
-            (((touchAction.includes('pan-down') && y > 0) ||
-                (touchAction.includes('pan-up') && y < 0) ||
-                touchAction.includes('pan-y')) &&
-                Math.abs(y) > Math.abs(x)) // horizontally scrolling
-        ) {
-            return 0;
-        }
-        return x;
-    }
-    getMovementY(x, y) {
-        const touchAction = this.touchAction;
-        if ((touchAction.includes('pan-down') && y > 0) ||
-            (touchAction.includes('pan-up') && y < 0) ||
-            touchAction.includes('pan-y') ||
-            (((touchAction.includes('pan-right') && x > 0) ||
+        });
+        _GemGestureElement_getMovementX.set(this, (x, y) => {
+            const touchAction = this.touchAction;
+            if ((touchAction.includes('pan-right') && x > 0) ||
                 (touchAction.includes('pan-left') && x < 0) ||
-                touchAction.includes('pan-x')) &&
-                Math.abs(x) > Math.abs(y)) // vertical scrolling
-        ) {
-            return 0;
-        }
-        return y;
-    }
-    onStart(evt) {
-        evt.stopPropagation();
-        this.setPointerCapture(evt.pointerId);
-        this.movesMap.set(evt.pointerId, []);
-        this.startEventMap.set(evt.pointerId, evt);
-        if (evt.isPrimary) {
-            this.pressed = false;
-            this.pressTimer = window.setTimeout(() => {
-                this.press(null);
-                this.pressed = true;
-            }, 251);
-        }
-    }
-    onMove(evt) {
-        evt.stopPropagation();
-        const { pointerId, clientX, clientY, isPrimary, pointerType, timeStamp } = evt;
-        if (!this.pressed && this.hasPointerCapture(pointerId)) {
-            const moves = this.getMoves(pointerId);
-            const startEvent = this.getStartEvent(pointerId);
-            const lastMove = moves[moves.length - 1] || startEvent;
-            // https://bugs.webkit.org/show_bug.cgi?id=220194
-            // https://bugs.chromium.org/p/chromium/issues/detail?id=1092358
-            const movementX = clientX - lastMove.clientX;
-            const movementY = clientY - lastMove.clientY;
-            const move = {
-                x: this.getMovementX(movementX, movementY),
-                y: this.getMovementY(movementX, movementY),
-                clientX,
-                clientY,
-                timeStamp,
-                isPrimary,
-                pointerId,
-            };
-            moves.push(move);
-            this.pan(move);
-            if (this.movesMap.size !== 1) {
-                const secondaryPoint = this.getOtherLastmove(pointerId);
-                const moveLen = Math.sqrt(movementX ** 2 + movementY ** 2);
-                const distanceLen = Math.sqrt((lastMove.clientX - secondaryPoint.clientX) ** 2 + (lastMove.clientY - secondaryPoint.clientY) ** 2);
-                const newDistanceLen = Math.sqrt((clientX - secondaryPoint.clientX) ** 2 + (clientY - secondaryPoint.clientY) ** 2);
-                const x = (lastMove.clientX + secondaryPoint.clientX) / 2;
-                const y = (lastMove.clientY + secondaryPoint.clientY) / 2;
-                this.pinch({ x, y, scale: newDistanceLen / distanceLen });
-                this.rotate({ x, y, rotate: angleAB(newDistanceLen, distanceLen, moveLen, secondaryPoint, lastMove, move) });
+                touchAction.includes('pan-x') ||
+                (((touchAction.includes('pan-down') && y > 0) ||
+                    (touchAction.includes('pan-up') && y < 0) ||
+                    touchAction.includes('pan-y')) &&
+                    Math.abs(y) > Math.abs(x)) // horizontally scrolling
+            ) {
+                return 0;
             }
-            const accuracy = pointerType === 'touch' ? 5 : 0;
-            if (Math.abs(movementX) > accuracy ||
-                Math.abs(movementY) > accuracy ||
-                Math.abs(move.clientX - startEvent.clientX) > accuracy ||
-                Math.abs(move.clientY - startEvent.clientY) > accuracy) {
-                window.clearTimeout(this.pressTimer);
+            return x;
+        });
+        _GemGestureElement_getMovementY.set(this, (x, y) => {
+            const touchAction = this.touchAction;
+            if ((touchAction.includes('pan-down') && y > 0) ||
+                (touchAction.includes('pan-up') && y < 0) ||
+                touchAction.includes('pan-y') ||
+                (((touchAction.includes('pan-right') && x > 0) ||
+                    (touchAction.includes('pan-left') && x < 0) ||
+                    touchAction.includes('pan-x')) &&
+                    Math.abs(x) > Math.abs(y)) // vertical scrolling
+            ) {
+                return 0;
             }
-        }
-    }
-    onEnd(evt) {
-        evt.stopPropagation();
-        const { pointerId } = evt;
-        window.clearTimeout(this.pressTimer);
-        if (this.movesMap.size === 1) {
-            this.end(null);
-        }
-        // auto release: https://javascript.info/pointer-events#pointer-capturing
-        if (!this.pressed && this.hasPointerCapture(pointerId)) {
-            const moves = this.getMoves(pointerId);
-            if (moves.length > 2) {
-                const { x, y, timeStamp, clientX, clientY } = moves[moves.length - 1];
-                const move2 = moves[moves.length - 3];
-                if (Math.abs(x) > 2) {
-                    if (Math.abs(x) > Math.abs(y)) {
-                        const speed = Math.abs(move2.clientX - clientX) / (timeStamp - move2.timeStamp);
-                        if (x > 0) {
-                            this.swipe({ direction: 'right', speed });
-                        }
-                        else {
-                            this.swipe({ direction: 'left', speed });
-                        }
-                    }
+            return y;
+        });
+        _GemGestureElement_onStart.set(this, (evt) => {
+            evt.stopPropagation();
+            this.setPointerCapture(evt.pointerId);
+            this.movesMap.set(evt.pointerId, []);
+            __classPrivateFieldGet(this, _GemGestureElement_startEventMap, "f").set(evt.pointerId, evt);
+            if (evt.isPrimary) {
+                __classPrivateFieldSet(this, _GemGestureElement_pressed, false, "f");
+                __classPrivateFieldSet(this, _GemGestureElement_pressTimer, window.setTimeout(() => {
+                    this.press(null);
+                    __classPrivateFieldSet(this, _GemGestureElement_pressed, true, "f");
+                }, 251), "f");
+            }
+        });
+        _GemGestureElement_onMove.set(this, (evt) => {
+            const { pointerId, clientX, clientY, isPrimary, pointerType, timeStamp } = evt;
+            if (!__classPrivateFieldGet(this, _GemGestureElement_pressed, "f") && this.hasPointerCapture(pointerId)) {
+                const moves = __classPrivateFieldGet(this, _GemGestureElement_getMoves, "f").call(this, pointerId);
+                const startEvent = __classPrivateFieldGet(this, _GemGestureElement_getStartEvent, "f").call(this, pointerId);
+                const lastMove = moves[moves.length - 1] || startEvent;
+                // https://bugs.webkit.org/show_bug.cgi?id=220194
+                // https://bugs.chromium.org/p/chromium/issues/detail?id=1092358
+                const movementX = clientX - lastMove.clientX;
+                const movementY = clientY - lastMove.clientY;
+                const move = {
+                    x: __classPrivateFieldGet(this, _GemGestureElement_getMovementX, "f").call(this, movementX, movementY),
+                    y: __classPrivateFieldGet(this, _GemGestureElement_getMovementY, "f").call(this, movementX, movementY),
+                    clientX,
+                    clientY,
+                    timeStamp,
+                    isPrimary,
+                    pointerId,
+                };
+                moves.push(move);
+                this.pan(move);
+                if (this.movesMap.size !== 1) {
+                    const secondaryPoint = __classPrivateFieldGet(this, _GemGestureElement_getOtherLastMove, "f").call(this, pointerId);
+                    const moveLen = Math.sqrt(movementX ** 2 + movementY ** 2);
+                    const distanceLen = Math.sqrt((lastMove.clientX - secondaryPoint.clientX) ** 2 + (lastMove.clientY - secondaryPoint.clientY) ** 2);
+                    const newDistanceLen = Math.sqrt((clientX - secondaryPoint.clientX) ** 2 + (clientY - secondaryPoint.clientY) ** 2);
+                    const x = (lastMove.clientX + secondaryPoint.clientX) / 2;
+                    const y = (lastMove.clientY + secondaryPoint.clientY) / 2;
+                    this.pinch({ x, y, scale: newDistanceLen / distanceLen });
+                    this.rotate({ x, y, rotate: angleAB(newDistanceLen, distanceLen, moveLen, secondaryPoint, lastMove, move) });
+                }
+                const accuracy = pointerType === 'touch' ? 5 : 0;
+                if (Math.abs(movementX) > accuracy ||
+                    Math.abs(movementY) > accuracy ||
+                    Math.abs(move.clientX - startEvent.clientX) > accuracy ||
+                    Math.abs(move.clientY - startEvent.clientY) > accuracy) {
+                    window.clearTimeout(__classPrivateFieldGet(this, _GemGestureElement_pressTimer, "f"));
                 }
-                if (Math.abs(y) > 2) {
-                    const speed = Math.abs(move2.clientY - clientY) / (timeStamp - move2.timeStamp);
-                    if (Math.abs(y) > Math.abs(x)) {
-                        if (y > 0) {
-                            this.swipe({ direction: 'bottom', speed });
+            }
+        });
+        _GemGestureElement_onMoveSet.set(this, (evt) => {
+            evt.stopPropagation();
+            evt.getCoalescedEvents().forEach((evt) => __classPrivateFieldGet(this, _GemGestureElement_onMove, "f").call(this, evt));
+        });
+        _GemGestureElement_onEnd.set(this, (evt) => {
+            evt.stopPropagation();
+            const { pointerId } = evt;
+            window.clearTimeout(__classPrivateFieldGet(this, _GemGestureElement_pressTimer, "f"));
+            if (this.movesMap.size === 1) {
+                this.end(null);
+            }
+            // auto release: https://javascript.info/pointer-events#pointer-capturing
+            if (!__classPrivateFieldGet(this, _GemGestureElement_pressed, "f") && this.hasPointerCapture(pointerId)) {
+                const moves = __classPrivateFieldGet(this, _GemGestureElement_getMoves, "f").call(this, pointerId);
+                if (moves.length > 2) {
+                    const { x, y, timeStamp, clientX, clientY } = moves[moves.length - 1];
+                    const move2 = moves[moves.length - 3];
+                    if (Math.abs(x) > 2) {
+                        if (Math.abs(x) > Math.abs(y)) {
+                            const speed = Math.abs(move2.clientX - clientX) / (timeStamp - move2.timeStamp);
+                            if (x > 0) {
+                                this.swipe({ direction: 'right', speed });
+                            }
+                            else {
+                                this.swipe({ direction: 'left', speed });
+                            }
                         }
-                        else {
-                            this.swipe({ direction: 'top', speed });
+                    }
+                    if (Math.abs(y) > 2) {
+                        const speed = Math.abs(move2.clientY - clientY) / (timeStamp - move2.timeStamp);
+                        if (Math.abs(y) > Math.abs(x)) {
+                            if (y > 0) {
+                                this.swipe({ direction: 'bottom', speed });
+                            }
+                            else {
+                                this.swipe({ direction: 'top', speed });
+                            }
                         }
                     }
                 }
             }
-        }
-        this.movesMap.delete(pointerId);
-        this.startEventMap.delete(pointerId);
+            this.movesMap.delete(pointerId);
+            __classPrivateFieldGet(this, _GemGestureElement_startEventMap, "f").delete(pointerId);
+        });
+        this.addEventListener('pointerdown', __classPrivateFieldGet(this, _GemGestureElement_onStart, "f"));
+        this.addEventListener('pointermove', __classPrivateFieldGet(this, _GemGestureElement_onMoveSet, "f"));
+        this.addEventListener('pointerup', __classPrivateFieldGet(this, _GemGestureElement_onEnd, "f"));
+        this.addEventListener('pointercancel', __classPrivateFieldGet(this, _GemGestureElement_onEnd, "f"));
+        this.addEventListener('dragstart', (evt) => evt.preventDefault());
     }
     render() {
         return html `
@@ -190,6 +206,7 @@ export class GemGestureElement extends GemElement {
     `;
     }
 }
+_GemGestureElement_pressed = new WeakMap(), _GemGestureElement_pressTimer = new WeakMap(), _GemGestureElement_startEventMap = new WeakMap(), _GemGestureElement_getMoves = new WeakMap(), _GemGestureElement_getStartEvent = new WeakMap(), _GemGestureElement_getOtherLastMove = new WeakMap(), _GemGestureElement_getMovementX = new WeakMap(), _GemGestureElement_getMovementY = new WeakMap(), _GemGestureElement_onStart = new WeakMap(), _GemGestureElement_onMove = new WeakMap(), _GemGestureElement_onMoveSet = new WeakMap(), _GemGestureElement_onEnd = new WeakMap();
 __decorate([
     emitter
 ], GemGestureElement.prototype, "pan", void 0);

package/elements/base/gesture.js.map

@@ -1 +1 @@
-{"version":3,"file":"gesture.js","sourceRoot":"","sources":["../../src/elements/base/gesture.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"gesture.js","sourceRoot":"","sources":["../../src/elements/base/gesture.ts"],"names":[],"mappings":"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"}

package/elements/base/link.d.ts

@@ -22,18 +22,18 @@ export declare class GemLinkElement extends GemElement {
     hash: string;
     docTitle: string;
     hint: 'on' | 'off';
-    route: RouteItem | undefined;
+    route?: RouteItem;
     /**@deprecated */
-    options: RouteOptions | undefined;
-    routeOptions: RouteOptions | undefined;
-    prepare: (() => void | Promise<void>) | undefined;
+    options?: RouteOptions;
+    routeOptions?: RouteOptions;
+    prepare?: () => void | Promise<void>;
     link: string;
     constructor();
-    getPathInfo(): string;
-    isExternal(pathInfo: string): boolean;
-    clickHandle: (e: MouseEvent) => Promise<void>;
-    preventDefault: (e: MouseEvent) => void;
-    render(pathInfo?: string): import("lit-html/lib/template-result").TemplateResult;
+    render(): import("lit-html/lib/template-result").TemplateResult;
+    /**
+     * 如果该元素是外部链接返回 URL，否则返回路径（不包含 basePath）
+     */
+    getLocationString(): string;
 }
 /**
  * @attr pattern
@@ -42,6 +42,6 @@ export declare class GemLinkElement extends GemElement {
 export declare class GemActiveLinkElement extends GemLinkElement {
     pattern: string;
     active: boolean;
-    render(): import("lit-html/lib/template-result").TemplateResult;
+    constructor();
 }
 //# sourceMappingURL=link.d.ts.map

package/elements/base/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/elements/base/link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,mBAAmB,CAAC;AAKhE,OAAO,EAAa,SAAS,EAAE,YAAY,EAAmC,MAAM,SAAS,CAAC;AAE9F;;;;;;;;;;;;GAYG;AACH,qBACa,cAAe,SAAQ,UAAU;;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC;IAGpB,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IACvC,iBAAiB;IACP,OAAO,EAAE,YAAY,GAAG,SAAS,CAAC;IAClC,YAAY,EAAE,YAAY,GAAG,SAAS,CAAC;IACvC,OAAO,EAAE,CAAC,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC;IAEtD,IAAI,EAAE,MAAM,CAAC;;IAanB,WAAW;IAoBX,UAAU,CAAC,QAAQ,EAAE,MAAM;IAI3B,WAAW,MAAa,UAAU,mBAiDhC;IAEF,cAAc,MAAO,UAAU,UAE7B;IAEF,MAAM,CAAC,QAAQ,SAAqB;CAgCrC;AAED;;;GAGG;AACH,qBACa,oBAAqB,SAAQ,cAAc;IAC3C,OAAO,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAEvB,MAAM;CAWP"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/elements/base/link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,mBAAmB,CAAC;AAKhE,OAAO,EAAa,SAAS,EAAE,YAAY,EAAmC,MAAM,SAAS,CAAC;AAM9F;;;;;;;;;;;;GAYG;AACH,qBACa,cAAe,SAAQ,UAAU;;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC;IAGpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAC5B,iBAAiB;IACP,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEzC,IAAI,EAAE,MAAM,CAAC;;IA4EnB,MAAM;IA2BN;;OAEG;IACH,iBAAiB;CAmBlB;AAED;;;GAGG;AACH,qBACa,oBAAqB,SAAQ,cAAc;IAC3C,OAAO,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;;CAUxB"}

package/elements/base/link.js

@@ -9,12 +9,15 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _GemLinkElement_instances, _GemLinkElement_routeOptions_get;
+var _GemLinkElement_instances, _GemLinkElement_routeOptions_get, _GemLinkElement_hint_get, _GemLinkElement_onClick, _GemLinkElement_preventDefault, _GemLinkElement_getHint;
 import { GemElement, html, ifDefined } from '../../lib/element';
 import { attribute, property, state, part, connectStore } from '../../lib/decorators';
 import { history, basePathStore } from '../../lib/history';
 import { absoluteLocation } from '../../lib/utils';
 import { matchPath, createHistoryParams, createPath } from './route';
+function isExternal(path) {
+    return !path.startsWith('/');
+}
 /**
  * @attr href
  * @attr target
@@ -32,34 +35,33 @@ let GemLinkElement = class GemLinkElement extends GemElement {
     constructor() {
         super();
         _GemLinkElement_instances.add(this);
-        this.clickHandle = async (e) => {
+        _GemLinkElement_onClick.set(this, async () => {
             var _a;
-            const pathInfo = this.getPathInfo();
-            if (!pathInfo)
+            const locationString = this.getLocationString();
+            if (!locationString)
                 return;
             // 外部链接使用 `window.open`
-            if (this.isExternal(pathInfo)) {
+            if (isExternal(locationString)) {
                 switch (this.target) {
                     case '_self':
-                        window.location.href = pathInfo;
+                        window.location.href = locationString;
                         return;
                     case '_parent':
-                        window.parent.location.href = pathInfo;
+                        window.parent.location.href = locationString;
                         return;
                     case '_top':
-                        window.top.location.href = pathInfo;
+                        window.top.location.href = locationString;
                         return;
                     default:
-                        window.open(pathInfo);
+                        window.open(locationString);
                         return;
                 }
             }
             const { path, query, hash } = history.getParams();
-            if (path + query + hash === pathInfo) {
+            if (path + query + hash === locationString) {
                 // 点击当前路由链接时，什么也没做
                 return;
             }
-            e.stopPropagation();
             await ((_a = this.prepare) === null || _a === void 0 ? void 0 : _a.call(this));
             if (this.route) {
                 history.pushIgnoreCloseHandle({
@@ -68,7 +70,7 @@ let GemLinkElement = class GemLinkElement extends GemElement {
                 });
             }
             else if (this.href) {
-                const { pathname, search, hash } = new URL(pathInfo, location.origin);
+                const { pathname, search, hash } = new URL(locationString, location.origin);
                 history.pushIgnoreCloseHandle({
                     path: pathname,
                     query: search,
@@ -79,42 +81,20 @@ let GemLinkElement = class GemLinkElement extends GemElement {
             else {
                 history.pushIgnoreCloseHandle({ path: this.path, query: this.query, hash: this.hash, title: this.docTitle });
             }
-        };
-        this.preventDefault = (e) => {
+        });
+        _GemLinkElement_preventDefault.set(this, (e) => {
             e.preventDefault();
-        };
+        });
+        _GemLinkElement_getHint.set(this, () => {
+            const locationString = this.getLocationString();
+            return isExternal(locationString)
+                ? locationString
+                : new URL(history.basePath + locationString, location.origin).toString();
+        });
         this.tabIndex = 0;
-        this.addEventListener('click', this.clickHandle);
+        this.addEventListener('click', __classPrivateFieldGet(this, _GemLinkElement_onClick, "f"));
     }
-    // 不包含 basePath
-    getPathInfo() {
-        var _a, _b;
-        if (this.route) {
-            const queryProp = ((_a = __classPrivateFieldGet(this, _GemLinkElement_instances, "a", _GemLinkElement_routeOptions_get)) === null || _a === void 0 ? void 0 : _a.query) || '';
-            const hashProp = ((_b = __classPrivateFieldGet(this, _GemLinkElement_instances, "a", _GemLinkElement_routeOptions_get)) === null || _b === void 0 ? void 0 : _b.hash) || '';
-            return createPath(this.route, __classPrivateFieldGet(this, _GemLinkElement_instances, "a", _GemLinkElement_routeOptions_get)) + queryProp + hashProp;
-        }
-        else {
-            const url = this.href || this.path + this.query + this.hash;
-            const { path, query } = history.getParams();
-            if (url.startsWith('#')) {
-                return `${path}${query}${url}`;
-            }
-            else if (url.startsWith('?')) {
-                return `${path}${url}`;
-            }
-            else if (url.startsWith('.')) {
-                return absoluteLocation(path, url);
-            }
-            else {
-                return url;
-            }
-        }
-    }
-    isExternal(pathInfo) {
-        return !pathInfo.startsWith('/');
-    }
-    render(pathInfo = this.getPathInfo()) {
+    render() {
         return html `
       <style>
         :host {
@@ -133,21 +113,51 @@ let GemLinkElement = class GemLinkElement extends GemElement {
       </style>
       <a
         part=${this.link}
-        @click=${this.preventDefault}
-        href=${ifDefined(this.hint === 'off'
-            ? undefined
-            : this.isExternal(pathInfo)
-                ? pathInfo
-                : new URL(history.basePath + pathInfo, location.origin).toString())}
+        @click=${__classPrivateFieldGet(this, _GemLinkElement_preventDefault, "f")}
+        href=${ifDefined(__classPrivateFieldGet(this, _GemLinkElement_instances, "a", _GemLinkElement_hint_get) === 'off' ? undefined : __classPrivateFieldGet(this, _GemLinkElement_getHint, "f").call(this))}
       >
         <slot></slot>
       </a>
     `;
     }
+    /**
+     * 如果该元素是外部链接返回 URL，否则返回路径（不包含 basePath）
+     */
+    getLocationString() {
+        var _a, _b;
+        if (this.route) {
+            const queryProp = ((_a = __classPrivateFieldGet(this, _GemLinkElement_instances, "a", _GemLinkElement_routeOptions_get)) === null || _a === void 0 ? void 0 : _a.query) || '';
+            const hashProp = ((_b = __classPrivateFieldGet(this, _GemLinkElement_instances, "a", _GemLinkElement_routeOptions_get)) === null || _b === void 0 ? void 0 : _b.hash) || '';
+            return createPath(this.route, __classPrivateFieldGet(this, _GemLinkElement_instances, "a", _GemLinkElement_routeOptions_get)) + queryProp + hashProp;
+        }
+        else {
+            const url = this.href || this.path + this.query + this.hash;
+            const { path, query } = history.getParams();
+            if (url.startsWith('#')) {
+                return `${path}${query}${url}`;
+            }
+            else if (url.startsWith('?')) {
+                return `${path}${url}`;
+            }
+            else if (url.startsWith('.')) {
+                return absoluteLocation(path, url);
+            }
+            else {
+                return url;
+            }
+        }
+    }
 };
-_GemLinkElement_instances = new WeakSet(), _GemLinkElement_routeOptions_get = function _GemLinkElement_routeOptions_get() {
+_GemLinkElement_onClick = new WeakMap();
+_GemLinkElement_preventDefault = new WeakMap();
+_GemLinkElement_getHint = new WeakMap();
+_GemLinkElement_instances = new WeakSet();
+_GemLinkElement_routeOptions_get = function _GemLinkElement_routeOptions_get() {
     return this.routeOptions || this.options;
 };
+_GemLinkElement_hint_get = function _GemLinkElement_hint_get() {
+    return this.hint || 'on';
+};
 __decorate([
     attribute
 ], GemLinkElement.prototype, "href", void 0);
@@ -193,17 +203,13 @@ export { GemLinkElement };
  * @state active
  */
 let GemActiveLinkElement = class GemActiveLinkElement extends GemLinkElement {
-    render() {
-        const { path, query, hash } = history.getParams();
-        const isMatchPattern = this.pattern && matchPath(this.pattern, path);
-        const pathInfo = this.getPathInfo();
-        if (isMatchPattern || path + query + hash === pathInfo) {
-            this.active = true;
-        }
-        else {
-            this.active = false;
-        }
-        return super.render(pathInfo);
+    constructor() {
+        super();
+        this.effect(() => {
+            const { path, query, hash } = history.getParams();
+            const isMatchPattern = this.pattern && matchPath(this.pattern, path);
+            this.active = !!isMatchPattern || path + query + hash === this.getLocationString();
+        });
     }
 };
 __decorate([