@mantou/gem 1.6.5 → 1.6.11

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"}

package/elements/base/route.d.ts

@@ -0,0 +1,78 @@
+import { GemElement, TemplateResult } from '../../lib/element';
+import { Emitter } from '../../lib/decorators';
+import { Store } from '../../lib/store';
+import { UpdateHistoryParams } from '../../lib/history';
+import { QueryString } from '../../lib/utils';
+declare type Params = Record<string, string>;
+export declare function matchPath(pattern: string, path: string): Params | null;
+export interface RouteItem<T = unknown> {
+    pattern: string;
+    redirect?: string;
+    content?: TemplateResult;
+    getContent?: (params: Params) => TemplateResult | Promise<TemplateResult>;
+    title?: string;
+    data?: T;
+}
+declare type RoutesObject = Record<string, RouteItem>;
+export interface RouteOptions extends Omit<UpdateHistoryParams, 'path'> {
+    params?: Params;
+}
+export declare function createPath(route: RouteItem, options?: RouteOptions): string;
+export declare function createHistoryParams(route: RouteItem, options?: RouteOptions): UpdateHistoryParams;
+interface ConstructorOptions {
+    isLight?: boolean;
+    routes?: RouteItem[] | RoutesObject;
+}
+declare type State = {
+    content?: TemplateResult;
+};
+/**
+ * @attr inert 暂停路由更新
+ * @fires routechange
+ * @fires error
+ * @fires loading
+ */
+export declare class GemRouteElement extends GemElement<State> {
+    #private;
+    routes?: RouteItem[] | RoutesObject;
+    /**
+     * @example
+     * const locationStore = GemRouteElement.createLocationStore()
+     * html`<gem-route .locationStore=${locationStore}>`
+     */
+    locationStore?: Store<{
+        path: string;
+        params: Params;
+        query: QueryString;
+        data?: any;
+    }>;
+    key: any;
+    routechange: Emitter<RouteItem | null>;
+    loading: Emitter<RouteItem>;
+    error: Emitter<any>;
+    currentRoute: RouteItem | null;
+    currentParams: Params;
+    static createLocationStore: () => Store<{
+        path: string;
+        query: (string | QueryString | undefined) & QueryString;
+        data: any;
+        params: Record<string, string>;
+    }>;
+    static findRoute: (target: RoutesObject | RouteItem<unknown>[] | undefined, path: string) => {
+        route: RouteItem<unknown>;
+        params: Params;
+    } | {
+        route: RouteItem<unknown> | null;
+        params?: undefined;
+    };
+    constructor({ isLight, routes }?: ConstructorOptions);
+    state: State;
+    mounted(): void;
+    shouldUpdate(): boolean;
+    render(): TemplateResult;
+}
+export declare class GemLightRouteElement extends GemRouteElement {
+    constructor(options?: ConstructorOptions);
+}
+export {};
+//# sourceMappingURL=route.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../src/elements/base/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAmC,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAA4B,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAuB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAyB9C,aAAK,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAIrC,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,iBAWtD;AAED,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,OAAO;IAKpC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,CAAC,CAAC;CACV;AAED,aAAK,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAG9C,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,YAAY,UASlE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,YAAY,GAAG,mBAAmB,CAMjG;AAED,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,YAAY,CAAC;CACrC;AAED,aAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEF;;;;;GAKG;AACH,qBACa,eAAgB,SAAQ,UAAU,CAAC,KAAK,CAAC;;IAC1C,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,YAAY,CAAC;IAC9C;;;;OAIG;IACO,aAAa,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,WAAW,CAAC;QAAC,IAAI,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;IACxF,GAAG,EAAE,GAAG,CAAC;IACV,WAAW,EAAE,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC;IACvC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC5B,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IAE7B,YAAY,EAAE,SAAS,GAAG,IAAI,CAAC;IAE/B,aAAa,EAAE,MAAM,CAAM;IAI3B,MAAM,CAAC,mBAAmB;;;;;OAGxB;IAEF,MAAM,CAAC,SAAS,kEAAmD,MAAM;;;;;;MAmBvE;gBAEU,EAAE,OAAO,EAAE,MAAM,EAAE,GAAE,kBAAuB;IAKxD,KAAK,EAAE,KAAK,CAEV;IAuBF,OAAO;IAuCP,YAAY;IAKZ,MAAM;CAcP;AAED,qBAAa,oBAAqB,SAAQ,eAAe;gBAC3C,OAAO,GAAE,kBAAuB;CAG7C"}

package/elements/base/route.js

@@ -0,0 +1,220 @@
+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;
+};
+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 __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 _GemRouteElement_lastLoader, _GemRouteElement_updateLocationStore, _GemRouteElement_setContent;
+var GemRouteElement_1;
+import { GemElement, html } from '../../lib/element';
+import { property, connectStore, emitter } from '../../lib/decorators';
+import { createStore, updateStore } from '../../lib/store';
+import { titleStore, history } from '../../lib/history';
+// TODO: use `URLPattern`
+class ParamsRegExp extends RegExp {
+    constructor(pattern) {
+        const namePosition = {};
+        let i = 0;
+        super(`^${pattern
+            .replace(/:([^/$]+)/g, (_m, name) => {
+            namePosition[name] = i++;
+            return `([^/]+)`;
+        })
+            .replace('*', '.*')}$`, 'i');
+        this.namePosition = namePosition;
+    }
+}
+// `/a/b/:c/:d` `/a/b/1/2`
+// 匹配成功时返回 params
+export function matchPath(pattern, path) {
+    const reg = new ParamsRegExp(pattern);
+    const matchResult = path.match(reg) || `${path}/`.match(reg);
+    if (!matchResult)
+        return null;
+    const params = {};
+    if (matchResult) {
+        Object.keys(reg.namePosition).forEach((name) => {
+            params[name] = matchResult[reg.namePosition[name] + 1];
+        });
+    }
+    return params;
+}
+// 从路由创建路径
+// 不包含 basePath
+export function createPath(route, options) {
+    let path = route.pattern;
+    const params = options === null || options === void 0 ? void 0 : options.params;
+    if (params) {
+        Object.keys(params).forEach((key) => {
+            path = path.replace(new RegExp(`:${key}`, 'g'), params[key]);
+        });
+    }
+    return path;
+}
+export function createHistoryParams(route, options) {
+    const path = createPath(route, options);
+    return {
+        path,
+        ...options,
+    };
+}
+/**
+ * @attr inert 暂停路由更新
+ * @fires routechange
+ * @fires error
+ * @fires loading
+ */
+let GemRouteElement = GemRouteElement_1 = class GemRouteElement extends GemElement {
+    constructor({ isLight, routes } = {}) {
+        super({ isLight });
+        // 当前匹配的路由的 params
+        this.currentParams = {};
+        _GemRouteElement_lastLoader.set(this, void 0);
+        this.state = {
+            content: undefined,
+        };
+        _GemRouteElement_updateLocationStore.set(this, () => {
+            if (this.locationStore) {
+                const { path, query, data } = history.getParams();
+                updateStore(this.locationStore, {
+                    path,
+                    params: this.currentParams,
+                    query,
+                    data,
+                });
+            }
+        });
+        _GemRouteElement_setContent.set(this, (route, params, content) => {
+            __classPrivateFieldSet(this, _GemRouteElement_lastLoader, undefined, "f");
+            this.currentRoute = route;
+            this.currentParams = params;
+            this.setState({ content });
+            this.routechange(this.currentRoute);
+            __classPrivateFieldGet(this, _GemRouteElement_updateLocationStore, "f").call(this);
+        });
+        this.routes = routes;
+    }
+    mounted() {
+        this.effect(([key, path], old) => {
+            // 只有查询参数改变
+            if (old && key === old[0] && path === old[1]) {
+                __classPrivateFieldGet(this, _GemRouteElement_updateLocationStore, "f").call(this);
+                return;
+            }
+            const { route, params = {} } = GemRouteElement_1.findRoute(this.routes, path);
+            const { redirect, content, getContent } = route || {};
+            if (redirect) {
+                history.replace({ path: redirect });
+                return;
+            }
+            const title = route === null || route === void 0 ? void 0 : route.title;
+            if (title)
+                updateStore(titleStore, { title });
+            const contentOrLoader = content || (getContent === null || getContent === void 0 ? void 0 : getContent(params));
+            if (contentOrLoader instanceof Promise) {
+                this.loading(route);
+                __classPrivateFieldSet(this, _GemRouteElement_lastLoader, contentOrLoader, "f");
+                const isSomeLoader = () => __classPrivateFieldGet(this, _GemRouteElement_lastLoader, "f") === contentOrLoader;
+                contentOrLoader
+                    .then((content) => {
+                    if (isSomeLoader())
+                        __classPrivateFieldGet(this, _GemRouteElement_setContent, "f").call(this, route, params, content);
+                })
+                    .catch((err) => {
+                    if (isSomeLoader())
+                        this.error(err);
+                });
+                return;
+            }
+            __classPrivateFieldGet(this, _GemRouteElement_setContent, "f").call(this, route, params, contentOrLoader);
+        }, () => {
+            const { path } = history.getParams();
+            return [this.key, path, location.search];
+        });
+    }
+    shouldUpdate() {
+        if (this.inert)
+            return false;
+        return true;
+    }
+    render() {
+        const { content } = this.state;
+        if (!this.shadowRoot)
+            return html `${content}`;
+        return html `
+      <style>
+        :host,
+        :not(:defined) {
+          display: contents;
+        }
+      </style>
+      ${content !== null && content !== void 0 ? content : html `<slot></slot>`}
+    `;
+    }
+};
+_GemRouteElement_lastLoader = new WeakMap(), _GemRouteElement_updateLocationStore = new WeakMap(), _GemRouteElement_setContent = new WeakMap();
+GemRouteElement.createLocationStore = () => {
+    const { path, query, data } = history.getParams();
+    return createStore({ path, query, data, params: {} });
+};
+GemRouteElement.findRoute = (target = [], path) => {
+    let defaultRoute = null;
+    let routes;
+    if (target instanceof Array) {
+        routes = target;
+    }
+    else {
+        routes = Object.values(target);
+    }
+    for (const route of routes) {
+        if ('*' === route.pattern) {
+            defaultRoute = route;
+        }
+        else {
+            const params = matchPath(route.pattern, path);
+            if (params) {
+                return { route, params };
+            }
+        }
+    }
+    return { route: defaultRoute };
+};
+__decorate([
+    property
+], GemRouteElement.prototype, "routes", void 0);
+__decorate([
+    property
+], GemRouteElement.prototype, "locationStore", void 0);
+__decorate([
+    property
+], GemRouteElement.prototype, "key", void 0);
+__decorate([
+    emitter
+], GemRouteElement.prototype, "routechange", void 0);
+__decorate([
+    emitter
+], GemRouteElement.prototype, "loading", void 0);
+__decorate([
+    emitter
+], GemRouteElement.prototype, "error", void 0);
+GemRouteElement = GemRouteElement_1 = __decorate([
+    connectStore(history.store)
+], GemRouteElement);
+export { GemRouteElement };
+export class GemLightRouteElement extends GemRouteElement {
+    constructor(options = {}) {
+        super({ ...options, isLight: true });
+    }
+}
+//# sourceMappingURL=route.js.map

package/elements/base/route.js.map

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

package/elements/base/title.d.ts

@@ -0,0 +1,30 @@
+/**
+ * 标题显示在：
+ *
+ * - 桌面端 Tab 的 title
+ * - 移动端 Appbar 的 title
+ *
+ * 修改标题：
+ *
+ * - `<gem-route>` 匹配路由时自动设置 `route.title`
+ * - `<gem-link>` 的 `doc-title` 属性和 `route.title`
+ * - 修改路径时，`history` 默认设置 `title` 为空
+ * - 数据获取后，手动调用 `Title.setTitle`
+ * - `<gem-title>` 作为默认值设置
+ */
+import { GemElement } from '../../lib/element';
+/**
+ * 允许声明式设置 `document.title`
+ * @attr suffix
+ */
+export declare class GemTitleElement extends GemElement {
+    static title: string;
+    static defaultTitle: string;
+    static defaultSuffix: string;
+    static setTitle(title: string): void;
+    static updateTitle(str?: string, suffix?: string): void;
+    suffix: string;
+    constructor();
+    render(): import("lit-html/lib/template-result").TemplateResult;
+}
+//# sourceMappingURL=title.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../src/elements/base/title.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,mBAAmB,CAAC;AAKrD;;;GAGG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAE7C,MAAM,CAAC,KAAK,SAAkB;IAC9B,MAAM,CAAC,YAAY,SAAkB;IACrC,MAAM,CAAC,aAAa,SAA0B;IAE9C,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM;IAI7B,MAAM,CAAC,WAAW,CAAC,GAAG,SAAK,EAAE,MAAM,SAAK;IAc7B,MAAM,EAAE,MAAM,CAAC;;IAO1B,MAAM;CASP"}

package/elements/base/title.js

@@ -0,0 +1,74 @@
+/**
+ * 标题显示在：
+ *
+ * - 桌面端 Tab 的 title
+ * - 移动端 Appbar 的 title
+ *
+ * 修改标题：
+ *
+ * - `<gem-route>` 匹配路由时自动设置 `route.title`
+ * - `<gem-link>` 的 `doc-title` 属性和 `route.title`
+ * - 修改路径时，`history` 默认设置 `title` 为空
+ * - 数据获取后，手动调用 `Title.setTitle`
+ * - `<gem-title>` 作为默认值设置
+ */
+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;
+};
+var GemTitleElement_1;
+import { GemElement, html } from '../../lib/element';
+import { attribute, connectStore } from '../../lib/decorators';
+import { updateStore, connect } from '../../lib/store';
+import { titleStore } from '../../lib/history';
+/**
+ * 允许声明式设置 `document.title`
+ * @attr suffix
+ */
+let GemTitleElement = GemTitleElement_1 = class GemTitleElement extends GemElement {
+    constructor() {
+        super();
+        new MutationObserver(() => this.update()).observe(this, { childList: true, characterData: true, subtree: true });
+    }
+    static setTitle(title) {
+        updateStore(titleStore, { title });
+    }
+    static updateTitle(str = '', suffix = '') {
+        const { title } = titleStore;
+        if (title && title !== GemTitleElement_1.defaultTitle) {
+            GemTitleElement_1.title = title;
+            document.title = GemTitleElement_1.title + suffix;
+        }
+        else if (str) {
+            GemTitleElement_1.title = str;
+            document.title = GemTitleElement_1.title + suffix;
+        }
+        else {
+            GemTitleElement_1.title = GemTitleElement_1.defaultTitle;
+            document.title = GemTitleElement_1.title;
+        }
+    }
+    render() {
+        // 多个 <gem-title> 时，最终 document.title 按执行顺序决定
+        GemTitleElement_1.updateTitle(this.textContent || '', this.suffix);
+        if (this.hidden) {
+            return html ``;
+        }
+        return html `${GemTitleElement_1.title}`;
+    }
+};
+// 没有后缀的标题
+GemTitleElement.title = document.title;
+GemTitleElement.defaultTitle = document.title;
+GemTitleElement.defaultSuffix = ` - ${document.title}`;
+__decorate([
+    attribute
+], GemTitleElement.prototype, "suffix", void 0);
+GemTitleElement = GemTitleElement_1 = __decorate([
+    connectStore(titleStore)
+], GemTitleElement);
+export { GemTitleElement };
+connect(titleStore, GemTitleElement.updateTitle);
+//# sourceMappingURL=title.js.map

package/elements/base/title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"title.js","sourceRoot":"","sources":["../../src/elements/base/title.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C;;;GAGG;AAEH,IAAa,eAAe,uBAA5B,MAAa,eAAgB,SAAQ,UAAU;IA0B7C;QACE,KAAK,EAAE,CAAC;QACR,IAAI,gBAAgB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACnH,CAAC;IAvBD,MAAM,CAAC,QAAQ,CAAC,KAAa;QAC3B,WAAW,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;IACrC,CAAC;IAED,MAAM,CAAC,WAAW,CAAC,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE;QACtC,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC;QAC7B,IAAI,KAAK,IAAI,KAAK,KAAK,iBAAe,CAAC,YAAY,EAAE;YACnD,iBAAe,CAAC,KAAK,GAAG,KAAK,CAAC;YAC9B,QAAQ,CAAC,KAAK,GAAG,iBAAe,CAAC,KAAK,GAAG,MAAM,CAAC;SACjD;aAAM,IAAI,GAAG,EAAE;YACd,iBAAe,CAAC,KAAK,GAAG,GAAG,CAAC;YAC5B,QAAQ,CAAC,KAAK,GAAG,iBAAe,CAAC,KAAK,GAAG,MAAM,CAAC;SACjD;aAAM;YACL,iBAAe,CAAC,KAAK,GAAG,iBAAe,CAAC,YAAY,CAAC;YACrD,QAAQ,CAAC,KAAK,GAAG,iBAAe,CAAC,KAAK,CAAC;SACxC;IACH,CAAC;IASD,MAAM;QACJ,6CAA6C;QAC7C,iBAAe,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAEjE,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,OAAO,IAAI,CAAA,EAAE,CAAC;SACf;QACD,OAAO,IAAI,CAAA,GAAG,iBAAe,CAAC,KAAK,EAAE,CAAC;IACxC,CAAC;CACF,CAAA;AAvCC,UAAU;AACH,qBAAK,GAAG,QAAQ,CAAC,KAAK,CAAC;AACvB,4BAAY,GAAG,QAAQ,CAAC,KAAK,CAAC;AAC9B,6BAAa,GAAG,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;AAoBnC;IAAV,SAAS;+CAAgB;AAxBf,eAAe;IAD3B,YAAY,CAAC,UAAU,CAAC;GACZ,eAAe,CAwC3B;SAxCY,eAAe;AA0C5B,OAAO,CAAC,UAAU,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC"}

package/elements/base/unsafe.d.ts

@@ -0,0 +1,14 @@
+import { GemElement } from '../../lib/element';
+/**
+ * 直接写会被解释成固定属性，需要使用变量赋值
+ *
+ * @attr content
+ * @attr contentcss
+ */
+export declare class GemUnsafeElement extends GemElement {
+    content: string;
+    contentcss: string;
+    constructor();
+    render(): undefined;
+}
+//# sourceMappingURL=unsafe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"unsafe.d.ts","sourceRoot":"","sources":["../../src/elements/base/unsafe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C;;;;;GAKG;AACH,qBAAa,gBAAiB,SAAQ,UAAU;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;;IAsB9B,MAAM;CAGP"}

package/elements/base/unsafe.js

@@ -0,0 +1,42 @@
+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 { attribute } from '../../lib/decorators';
+/**
+ * 直接写会被解释成固定属性，需要使用变量赋值
+ *
+ * @attr content
+ * @attr contentcss
+ */
+export class GemUnsafeElement extends GemElement {
+    constructor() {
+        super();
+        this.effect(() => {
+            if (this.shadowRoot) {
+                this.shadowRoot.innerHTML = `
+            <style>
+              :host {
+                display: contents;
+              }
+              ${this.contentcss}
+            </style>
+            ${this.content}
+          `;
+            }
+        }, () => [this.content, this.contentcss]);
+    }
+    render() {
+        return undefined;
+    }
+}
+__decorate([
+    attribute
+], GemUnsafeElement.prototype, "content", void 0);
+__decorate([
+    attribute
+], GemUnsafeElement.prototype, "contentcss", void 0);
+//# sourceMappingURL=unsafe.js.map

package/elements/base/unsafe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unsafe.js","sourceRoot":"","sources":["../../src/elements/base/unsafe.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAI9C;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,MAAM,CACT,GAAG,EAAE;YACH,IAAI,IAAI,CAAC,UAAU,EAAE;gBACnB,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;;;;;gBAKtB,IAAI,CAAC,UAAU;;cAEjB,IAAI,CAAC,OAAO;WACf,CAAC;aACH;QACH,CAAC,EACD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,CACtC,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,SAAS,CAAC;IACnB,CAAC;CACF;AA1BY;IAAV,SAAS;iDAAiB;AAChB;IAAV,SAAS;oDAAoB"}

package/elements/base/use.d.ts

@@ -0,0 +1,19 @@
+import { GemElement } from '../../lib/element';
+/**
+ * svg 中的 `<use>` 不能穿透 ShadowDOM,
+ * 此元素用来模拟 `<use>`,
+ * 由于是复制元素，所以不能像 `<use>` 一样自动更新
+ *
+ * slot 支持为 icon 添加效果，如涟漪，徽章
+ *
+ * @attr selector
+ */
+export declare class GemUseElement extends GemElement {
+    selector: string;
+    root?: HTMLElement | Document | ShadowRoot;
+    element?: string | DocumentFragment | Element;
+    active: boolean;
+    private getContent;
+    render(): import("lit-html/lib/template-result").TemplateResult;
+}
+//# sourceMappingURL=use.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../src/elements/base/use.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,mBAAmB,CAAC;AAIrD;;;;;;;;GAQG;AACH,qBAAa,aAAc,SAAQ,UAAU;IAChC,QAAQ,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC3C,OAAO,CAAC,EAAE,MAAM,GAAG,gBAAgB,GAAG,OAAO,CAAC;IAEjD,MAAM,EAAE,OAAO,CAAC;IAEvB,OAAO,CAAC,UAAU;IAiBlB,MAAM;CAmBP"}

package/elements/base/use.js

@@ -0,0 +1,70 @@
+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, property, state } from '../../lib/decorators';
+const eleCache = new Map();
+/**
+ * svg 中的 `<use>` 不能穿透 ShadowDOM,
+ * 此元素用来模拟 `<use>`,
+ * 由于是复制元素，所以不能像 `<use>` 一样自动更新
+ *
+ * slot 支持为 icon 添加效果，如涟漪，徽章
+ *
+ * @attr selector
+ */
+export class GemUseElement extends GemElement {
+    getContent() {
+        const ele = this.element || (this.selector ? (this.root || document).querySelector(this.selector) : null);
+        if (typeof ele === 'string') {
+            let temp = eleCache.get(ele);
+            if (!temp) {
+                temp = document.createElement('template');
+                temp.innerHTML = ele;
+                eleCache.set(ele, temp);
+            }
+            return temp.content.cloneNode(true);
+        }
+        else if (ele instanceof HTMLTemplateElement) {
+            return ele.content.cloneNode(true);
+        }
+        else {
+            return ele === null || ele === void 0 ? void 0 : ele.cloneNode(true);
+        }
+    }
+    render() {
+        return html `
+      <style>
+        :host {
+          position: relative;
+        }
+        :host(:not([hidden])) {
+          display: inline-flex;
+          align-items: center;
+        }
+        svg {
+          width: 100%;
+          height: 100%;
+        }
+      </style>
+      ${this.getContent()}
+      <slot></slot>
+    `;
+    }
+}
+__decorate([
+    attribute
+], GemUseElement.prototype, "selector", void 0);
+__decorate([
+    property
+], GemUseElement.prototype, "root", void 0);
+__decorate([
+    property
+], GemUseElement.prototype, "element", void 0);
+__decorate([
+    state
+], GemUseElement.prototype, "active", void 0);
+//# sourceMappingURL=use.js.map

package/elements/base/use.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use.js","sourceRoot":"","sources":["../../src/elements/base/use.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElE,MAAM,QAAQ,GAAG,IAAI,GAAG,EAA+B,CAAC;AACxD;;;;;;;;GAQG;AACH,MAAM,OAAO,aAAc,SAAQ,UAAU;IAOnC,UAAU;QAChB,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAC1G,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;YAC3B,IAAI,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YAC7B,IAAI,CAAC,IAAI,EAAE;gBACT,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;gBAC1C,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC;gBACrB,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;aACzB;YACD,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;SACrC;aAAM,IAAI,GAAG,YAAY,mBAAmB,EAAE;YAC7C,OAAO,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;SACpC;aAAM;YACL,OAAO,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,SAAS,CAAC,IAAI,CAAC,CAAC;SAC7B;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;QAcP,IAAI,CAAC,UAAU,EAAE;;KAEpB,CAAC;IACJ,CAAC;CACF;AA1CY;IAAV,SAAS;+CAAkB;AAClB;IAAT,QAAQ;2CAA4C;AAC3C;IAAT,QAAQ;8CAA+C;AAEjD;IAAN,KAAK;6CAAiB"}