@mantou/gem 1.6.8 → 1.6.12

package/elements/base/gesture.js

@@ -0,0 +1,214 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+};
+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 }) {
+    // https://en.wikipedia.org/wiki/Law_of_cosines
+    // https://blog.csdn.net/z278930050/article/details/53319091
+    return (Math.sign((x2 - x1) * (y3 - y2) - (y2 - y1) * (x3 - x2)) * Math.acos((a ** 2 + b ** 2 - c ** 2) / (2 * a * b)) * 180);
+}
+/**
+ * 块级元素，如果要设置成 `contents`，则内容块要设置 `touch-action: none`
+ * https://javascript.info/pointer-events#event-pointercancel
+ *
+ * 在移动端上，必须设置 `touch-action` 以允许滚动等原生动作
+ *
+ * 为什么空白区域会自动触发 `pointercancel`?
+ *
+ * @event pan
+ * @event pinch
+ * @event rotate
+ * @event swipe
+ * @event press
+ * @event end
+ *
+ * @attr touch-action
+ */
+export class GemGestureElement extends GemElement {
+    constructor() {
+        super();
+        this.pressed = false; // 触发 press 之后不触发其他事件
+        this.pressTimer = 0;
+        this.startEventMap = 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);
+            }
+        }
+    }
+    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) ||
+                (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) });
+            }
+            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);
+            }
+        }
+    }
+    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 });
+                        }
+                    }
+                }
+                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);
+    }
+    render() {
+        return html `
+      <style>
+        :host {
+          display: block;
+          user-select: none;
+          touch-action: ${this.touchAction || 'none'};
+        }
+      </style>
+      <slot></slot>
+    `;
+    }
+}
+__decorate([
+    emitter
+], GemGestureElement.prototype, "pan", void 0);
+__decorate([
+    emitter
+], GemGestureElement.prototype, "pinch", void 0);
+__decorate([
+    emitter
+], GemGestureElement.prototype, "rotate", void 0);
+__decorate([
+    emitter
+], GemGestureElement.prototype, "swipe", void 0);
+__decorate([
+    emitter
+], GemGestureElement.prototype, "press", void 0);
+__decorate([
+    emitter
+], GemGestureElement.prototype, "end", void 0);
+__decorate([
+    attribute
+], GemGestureElement.prototype, "touchAction", void 0);
+//# sourceMappingURL=gesture.js.map

package/elements/base/gesture.js.map

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

package/elements/base/link.d.ts

@@ -0,0 +1,44 @@
+import { GemElement } from '../../lib/element';
+import { RouteItem, RouteOptions } from './route';
+/**
+ * @attr href
+ * @attr target
+ * @attr doc-title
+ * @attr path
+ * @attr query
+ * @attr hash
+ * @attr pattern
+ * @attr hint
+ * @part link
+ *
+ * print bug: https://github.com/mantou132/gem/issues/36
+ */
+export declare class GemLinkElement extends GemElement {
+    href: string;
+    target: string;
+    path: string;
+    query: string;
+    hash: string;
+    docTitle: string;
+    hint: 'on' | 'off';
+    route: RouteItem | undefined;
+    options: RouteOptions | undefined;
+    prepare: (() => void | Promise<void>) | undefined;
+    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;
+}
+/**
+ * @attr pattern
+ * @state active
+ */
+export declare class GemActiveLinkElement extends GemLinkElement {
+    pattern: string;
+    active: boolean;
+    render(): import("lit-html/lib/template-result").TemplateResult;
+}
+//# sourceMappingURL=link.d.ts.map

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

@@ -0,0 +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;IAC7B,OAAO,EAAE,YAAY,GAAG,SAAS,CAAC;IAClC,OAAO,EAAE,CAAC,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC;IAEtD,IAAI,EAAE,MAAM,CAAC;;IASnB,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"}

package/elements/base/link.js

@@ -0,0 +1,206 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+};
+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';
+/**
+ * @attr href
+ * @attr target
+ * @attr doc-title
+ * @attr path
+ * @attr query
+ * @attr hash
+ * @attr pattern
+ * @attr hint
+ * @part link
+ *
+ * print bug: https://github.com/mantou132/gem/issues/36
+ */
+let GemLinkElement = class GemLinkElement extends GemElement {
+    constructor() {
+        super();
+        this.clickHandle = async (e) => {
+            var _a;
+            const pathInfo = this.getPathInfo();
+            if (!pathInfo)
+                return;
+            // 外部链接使用 `window.open`
+            if (this.isExternal(pathInfo)) {
+                switch (this.target) {
+                    case '_self':
+                        window.location.href = pathInfo;
+                        return;
+                    case '_parent':
+                        window.parent.location.href = pathInfo;
+                        return;
+                    case '_top':
+                        window.top.location.href = pathInfo;
+                        return;
+                    default:
+                        window.open(pathInfo);
+                        return;
+                }
+            }
+            const { path, query, hash } = history.getParams();
+            if (path + query + hash === pathInfo) {
+                // 点击当前路由链接时，什么也没做
+                return;
+            }
+            e.stopPropagation();
+            await ((_a = this.prepare) === null || _a === void 0 ? void 0 : _a.call(this));
+            if (this.route) {
+                history.pushIgnoreCloseHandle({
+                    ...createHistoryParams(this.route, this.options),
+                    title: this.route.title || this.docTitle,
+                });
+            }
+            else if (this.href) {
+                const { pathname, search, hash } = new URL(pathInfo, location.origin);
+                history.pushIgnoreCloseHandle({
+                    path: pathname,
+                    query: search,
+                    hash: hash,
+                    title: this.docTitle,
+                });
+            }
+            else {
+                history.pushIgnoreCloseHandle({ path: this.path, query: this.query, hash: this.hash, title: this.docTitle });
+            }
+        };
+        this.preventDefault = (e) => {
+            e.preventDefault();
+        };
+        this.tabIndex = 0;
+        this.addEventListener('click', this.clickHandle);
+    }
+    // 不包含 basePath
+    getPathInfo() {
+        var _a, _b;
+        if (this.route) {
+            const queryProp = ((_a = this.options) === null || _a === void 0 ? void 0 : _a.query) || '';
+            const hashProp = ((_b = this.options) === null || _b === void 0 ? void 0 : _b.hash) || '';
+            return createPath(this.route, this.options) + 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()) {
+        return html `
+      <style>
+        :host {
+          /* link default style */
+          cursor: pointer;
+          color: blue;
+          text-decoration: underline;
+        }
+        a {
+          all: unset;
+          display: contents;
+        }
+        a:visited {
+          color: unset;
+        }
+      </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())}
+      >
+        <slot></slot>
+      </a>
+    `;
+    }
+};
+__decorate([
+    attribute
+], GemLinkElement.prototype, "href", void 0);
+__decorate([
+    attribute
+], GemLinkElement.prototype, "target", void 0);
+__decorate([
+    attribute
+], GemLinkElement.prototype, "path", void 0);
+__decorate([
+    attribute
+], GemLinkElement.prototype, "query", void 0);
+__decorate([
+    attribute
+], GemLinkElement.prototype, "hash", void 0);
+__decorate([
+    attribute
+], GemLinkElement.prototype, "docTitle", void 0);
+__decorate([
+    attribute
+], GemLinkElement.prototype, "hint", void 0);
+__decorate([
+    property
+], GemLinkElement.prototype, "route", void 0);
+__decorate([
+    property
+], GemLinkElement.prototype, "options", void 0);
+__decorate([
+    property
+], GemLinkElement.prototype, "prepare", void 0);
+__decorate([
+    part
+], GemLinkElement.prototype, "link", void 0);
+GemLinkElement = __decorate([
+    connectStore(basePathStore)
+], GemLinkElement);
+export { GemLinkElement };
+/**
+ * @attr pattern
+ * @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);
+    }
+};
+__decorate([
+    attribute
+], GemActiveLinkElement.prototype, "pattern", void 0);
+__decorate([
+    state
+], GemActiveLinkElement.prototype, "active", void 0);
+GemActiveLinkElement = __decorate([
+    connectStore(history.store)
+], GemActiveLinkElement);
+export { GemActiveLinkElement };
+//# sourceMappingURL=link.js.map

package/elements/base/link.js.map

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

package/elements/{modal-base.d.ts → base/modal-factory.d.ts}

@@ -1,4 +1,4 @@
-import { GemElement } from '../lib/element';
+import { GemElement } from '../../lib/element';
 declare const open: unique symbol;
 /**
  * 需要使用范型，所以导出一个函数，用来*创建*类似 Confirm 元素的基类;
@@ -17,14 +17,20 @@ export declare function createModalClass<T extends Record<string, unknown>>(opti
         "__#3@#isAppendReason"?: boolean | undefined;
         "__#3@#isAsync"?: boolean | undefined;
         "__#3@#effectList"?: {
-            callback: (depValues: any, oldDepValues?: any) => any;
+            callback: (depValues: any, oldDepValues?: any) => any; /**
+             * @final
+             * UI 中执行关闭
+             */
             initialized: boolean;
             values?: any;
             getDep?: (() => any) | undefined;
             preCallback?: (() => void) | undefined;
         }[] | undefined;
         "__#3@#momeList"?: {
-            callback: (depValues: any, oldDepValues?: any) => any;
+            callback: (depValues: any, oldDepValues?: any) => any; /**
+             * @final
+             * UI 中执行关闭
+             */
             initialized: boolean;
             values?: any;
             getDep?: (() => any) | undefined;
@@ -34,7 +40,10 @@ export declare function createModalClass<T extends Record<string, unknown>>(opti
         readonly internals: ElementInternals;
         setState: (payload: Partial<Record<string, unknown>>) => void;
         "__#3@#exec": (list?: {
-            callback: (depValues: any, oldDepValues?: any) => any;
+            callback: (depValues: any, oldDepValues?: any) => any; /**
+             * @final
+             * UI 中执行关闭
+             */
             initialized: boolean;
             values?: any;
             getDep?: (() => any) | undefined;
@@ -370,13 +379,13 @@ export declare function createModalClass<T extends Record<string, unknown>>(opti
      * @final
      * modal 状态，包括内容，是否已经确认关闭等属性
      */
-    store: import("../lib/store").Store<{
+    store: import("../../lib/store").Store<{
         [open]: boolean;
     } & T>;
     /**@final */
     readonly isOpen: boolean;
     /**@final */
-    readonly observedStores: (import("../lib/store").Store<import("../lib/history").HistoryItem> | import("../lib/store").Store<{
+    readonly observedStores: (import("../../lib/store").Store<import("../../lib/history").HistoryState> | import("../../lib/store").Store<{
         [open]: boolean;
     } & T>)[];
     /**
@@ -403,7 +412,7 @@ export declare function createModalClass<T extends Record<string, unknown>>(opti
     booleanAttributes?: Set<string> | undefined;
     numberAttributes?: Set<string> | undefined;
     observedPropertys?: string[] | undefined;
-    adoptedStyleSheets?: import("..").Sheet<unknown>[] | undefined;
+    adoptedStyleSheets?: import("../..").Sheet<unknown>[] | undefined;
     defineEvents?: string[] | undefined;
     defineCSSStates?: string[] | undefined;
     defineRefs?: string[] | undefined;
@@ -412,4 +421,4 @@ export declare function createModalClass<T extends Record<string, unknown>>(opti
     rootElement?: string | undefined;
 };
 export {};
-//# sourceMappingURL=modal-base.d.ts.map
+//# sourceMappingURL=modal-factory.d.ts.map

package/elements/base/modal-factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-factory.d.ts","sourceRoot":"","sources":["../../src/elements/base/modal-factory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,QAAA,MAAM,IAAI,eAAsB,CAAC;AAEjC;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;;;;;;;;;mEA8C1E;;;eAGG;;;;;;;mEAHH;;;eAGG;;;;;;;;;;mEAHH;;;eAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA/CgB,WAAW,EAAE;cACf,UAAU,GAAG,IAAI;IAClC;;;OAGG;;;;IAMH,YAAY;;IAKZ,YAAY;;;;IAKZ;;;;OAIG;eACe,GAAC;IAkBnB;;;OAGG;;IAKH;;;OAGG;;IAOH;;OAEG;;;;;;;;;;;;;EAaN"}

package/elements/{modal-base.js → base/modal-factory.js}

@@ -1,6 +1,6 @@
-import { GemElement } from '../lib/element';
-import { createStore, updateStore } from '../lib/store';
-import { history } from '../lib/history';
+import { GemElement } from '../../lib/element';
+import { createStore, updateStore } from '../../lib/store';
+import { history } from '../../lib/history';
 const open = Symbol('open mark');
 /**
  * 需要使用范型，所以导出一个函数，用来*创建*类似 Confirm 元素的基类;
@@ -85,4 +85,4 @@ export function createModalClass(options) {
         }),
         _a;
 }
-//# sourceMappingURL=modal-base.js.map
+//# sourceMappingURL=modal-factory.js.map

package/elements/base/modal-factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-factory.js","sourceRoot":"","sources":["../../src/elements/base/modal-factory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AAEjC;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB,CAAoC,OAAU;;IAC5E,YAAO,KAAM,SAAQ,UAAU;YAsE7B;gBACE,KAAK,EAAE,CAAC;gBAKV,UAAK,GAAG,EAAE,CAAC;gBAJT,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,aAAa,CAAC;gBACpC,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,MAAM,CAAC;YACpC,CAAC;YA9DD,YAAY;YACZ,MAAM,KAAK,MAAM;gBACf,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAC1B,CAAC;YAED,YAAY;YACZ,MAAM,KAAK,cAAc;gBACvB,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YACrC,CAAC;YAED;;;;eAIG;YACH,MAAM,CAAC,IAAI,CAAC,IAAO;gBACjB,MAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;gBAC5B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;gBACzB,IAAI,CAAC,UAAU,GAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;gBACzF,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC;gBACjD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;gBAC/B,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;gBAC7E,UAAU,CAAC,GAAG,EAAE;oBACd,WAAW,EAAE,CAAC;oBACd,OAAO,CAAC,IAAI,CAAC;wBACX,KAAK,EAAE,QAAQ,CAAC,KAAK;wBACrB,IAAI,EAAE,WAAW;wBACjB,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;wBAClC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;qBACzC,CAAC,CAAC;gBACL,CAAC,EAAE,GAAG,CAAC,CAAC;YACV,CAAC;YAED;;;eAGG;YACH,MAAM,CAAC,KAAK;gBACV,OAAO,CAAC,IAAI,EAAE,CAAC;YACjB,CAAC;YAED;;;eAGG;YACH,MAAM,CAAC,WAAW;;gBAChB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;gBAClD,MAAA,IAAI,CAAC,QAAQ,0CAAE,MAAM,EAAE,CAAC;gBACxB,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;YACzD,CAAC;YAED;;eAEG;YACH,MAAM,CAAC,WAAW;gBAChB,OAAO,IAAI,CAAC;YACd,CAAC;SASF;QA5EQ,aAAU,GAAkB,EAAG;QAC/B,WAAQ,GAAsB,IAAK;QAC1C;;;WAGG;QACI,QAAK,GAAG,WAAW,CAAC;YACzB,CAAC,IAAI,CAAC,EAAE,KAAK;YACb,GAAG,OAAO;SACX,CAAE;WAmEH;AACJ,CAAC"}

package/elements/base/reflect.d.ts

@@ -0,0 +1,6 @@
+import { GemElement } from '../../lib/element';
+export declare class GemReflectElement extends GemElement {
+    target: HTMLElement;
+    constructor();
+}
+//# sourceMappingURL=reflect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reflect.d.ts","sourceRoot":"","sources":["../../src/elements/base/reflect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAM/C,qBAAa,iBAAkB,SAAQ,UAAU;IACrC,MAAM,EAAE,WAAW,CAAiB;;CAsB/C"}

package/elements/base/reflect.js

@@ -0,0 +1,34 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+};
+import { GemElement } from '../../lib/element';
+import { property } from '../../lib/decorators';
+// support prerender
+document.querySelectorAll('[data-reflect]').forEach((e) => e.remove());
+export class GemReflectElement extends GemElement {
+    constructor() {
+        super({ isLight: true });
+        this.target = document.head;
+        this.hidden = true;
+        this.dataset.gemreflect = '';
+        this.effect(() => {
+            const childNodes = [...this.childNodes];
+            childNodes.forEach((node) => {
+                if (node instanceof HTMLElement) {
+                    node.dataset.reflect = '';
+                }
+                this.target.append(node);
+            });
+            return () => {
+                childNodes.forEach((node) => node.remove());
+            };
+        }, () => [this.target]);
+    }
+}
+__decorate([
+    property
+], GemReflectElement.prototype, "target", void 0);
+//# sourceMappingURL=reflect.js.map

package/elements/base/reflect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reflect.js","sourceRoot":"","sources":["../../src/elements/base/reflect.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,oBAAoB;AACpB,QAAQ,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;AAEvE,MAAM,OAAO,iBAAkB,SAAQ,UAAU;IAG/C;QACE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAHjB,WAAM,GAAgB,QAAQ,CAAC,IAAI,CAAC;QAI5C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,EAAE,CAAC;QAC7B,IAAI,CAAC,MAAM,CACT,GAAG,EAAE;YACH,MAAM,UAAU,GAAG,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC;YACxC,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC1B,IAAI,IAAI,YAAY,WAAW,EAAE;oBAC/B,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,EAAE,CAAC;iBAC3B;gBACD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAC3B,CAAC,CAAC,CAAC;YACH,OAAO,GAAG,EAAE;gBACV,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAC9C,CAAC,CAAC;QACJ,CAAC,EACD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,CAAC;IACJ,CAAC;CACF;AAtBW;IAAT,QAAQ;iDAAqC"}