@mantou/gem 1.6.9 → 1.6.10

package/elements/route.d.ts

@@ -1,82 +1,2 @@
-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;
-};
-/**
- * @customElement gem-route
- * @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;
-}
-/**
- * @customElement gem-light-route
- */
-export declare class GemLightRouteElement extends GemRouteElement {
-    constructor(options?: ConstructorOptions);
-}
-export {};
+export * from './base/route';
 //# sourceMappingURL=route.d.ts.map

package/elements/route.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../src/elements/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAkD,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5F,OAAO,EAA4B,KAAK,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAuB,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAyB3C,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;;;;;;GAMG;AACH,qBAEa,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;IAyBF,OAAO;IAqCP,YAAY;IAKZ,MAAM;CAcP;AAED;;GAEG;AACH,qBACa,oBAAqB,SAAQ,eAAe;gBAC3C,OAAO,GAAE,kBAAuB;CAG7C"}
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../src/elements/route.ts"],"names":[],"mappings":"AAEA,cAAc,cAAc,CAAC"}

package/elements/route.js

@@ -1,229 +1,5 @@
-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, customElement, 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,
-    };
-}
-/**
- * @customElement gem-route
- * @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);
-            const title = route === null || route === void 0 ? void 0 : route.title;
-            if (title)
-                updateStore(titleStore, { title });
-            __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 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),
-    customElement('gem-route')
-], GemRouteElement);
-export { GemRouteElement };
-/**
- * @customElement gem-light-route
- */
-let GemLightRouteElement = class GemLightRouteElement extends GemRouteElement {
-    constructor(options = {}) {
-        super({ ...options, isLight: true });
-    }
-};
-GemLightRouteElement = __decorate([
-    customElement('gem-light-route')
-], GemLightRouteElement);
-export { GemLightRouteElement };
+import { GemRouteElement, GemLightRouteElement } from './base/route';
+export * from './base/route';
+customElements.define('gem-route', GemRouteElement);
+customElements.define('gem-light-route', GemLightRouteElement);
 //# sourceMappingURL=route.js.map

package/elements/route.js.map

@@ -1 +1 @@
-{"version":3,"file":"route.js","sourceRoot":"","sources":["../src/elements/route.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../src/elements/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAErE,cAAc,cAAc,CAAC;AAE7B,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AACpD,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,CAAC"}

package/elements/title.d.ts

@@ -1,31 +1,2 @@
-/**
- * 标题显示在：
- *
- * - 桌面端 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`
- * @customElement gem-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;
-}
+export * from './base/title';
 //# sourceMappingURL=title.d.ts.map

package/elements/title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../src/elements/title.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,gBAAgB,CAAC;AAKlD;;;;GAIG;AACH,qBAEa,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"}
+{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../src/elements/title.ts"],"names":[],"mappings":"AAEA,cAAc,cAAc,CAAC"}

package/elements/title.js

@@ -1,76 +1,4 @@
-/**
- * 标题显示在：
- *
- * - 桌面端 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, customElement, connectStore } from '../lib/decorators';
-import { updateStore, connect } from '../lib/store';
-import { titleStore } from '../lib/history';
-/**
- * 允许声明式设置 `document.title`
- * @customElement gem-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),
-    customElement('gem-title')
-], GemTitleElement);
-export { GemTitleElement };
-connect(titleStore, GemTitleElement.updateTitle);
+import { GemTitleElement } from './base/title';
+export * from './base/title';
+customElements.define('gem-title', GemTitleElement);
 //# sourceMappingURL=title.js.map

package/elements/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","sourceRoot":"","sources":["../src/elements/title.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C;;;;GAIG;AAGH,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;IAF3B,YAAY,CAAC,UAAU,CAAC;IACxB,aAAa,CAAC,WAAW,CAAC;GACd,eAAe,CAwC3B;SAxCY,eAAe;AA0C5B,OAAO,CAAC,UAAU,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC"}
+{"version":3,"file":"title.js","sourceRoot":"","sources":["../src/elements/title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,cAAc,cAAc,CAAC;AAE7B,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC"}

package/elements/unsafe.d.ts

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

package/elements/unsafe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unsafe.d.ts","sourceRoot":"","sources":["../src/elements/unsafe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C;;;;;;GAMG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;;IAsB9B,MAAM;CAGP"}
+{"version":3,"file":"unsafe.d.ts","sourceRoot":"","sources":["../src/elements/unsafe.ts"],"names":[],"mappings":"AAEA,cAAc,eAAe,CAAC"}

package/elements/unsafe.js

@@ -1,47 +1,4 @@
-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, customElement } from '../lib/decorators';
-/**
- * 直接写会被解释成固定属性，需要使用变量赋值
- *
- * @customElement gem-unsafe
- * @attr content
- * @attr contentcss
- */
-let GemUnsafeElement = 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);
-GemUnsafeElement = __decorate([
-    customElement('gem-unsafe')
-], GemUnsafeElement);
-export { GemUnsafeElement };
+import { GemUnsafeElement } from './base/unsafe';
+export * from './base/unsafe';
+customElements.define('gem-unsafe', GemUnsafeElement);
 //# sourceMappingURL=unsafe.js.map

package/elements/unsafe.js.map

@@ -1 +1 @@
-{"version":3,"file":"unsafe.js","sourceRoot":"","sources":["../src/elements/unsafe.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE7D;;;;;;GAMG;AAEH,IAAa,gBAAgB,GAA7B,MAAa,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,CAAA;AA1BY;IAAV,SAAS;iDAAiB;AAChB;IAAV,SAAS;oDAAoB;AAFnB,gBAAgB;IAD5B,aAAa,CAAC,YAAY,CAAC;GACf,gBAAgB,CA2B5B;SA3BY,gBAAgB"}
+{"version":3,"file":"unsafe.js","sourceRoot":"","sources":["../src/elements/unsafe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,cAAc,eAAe,CAAC;AAE9B,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC"}

package/elements/use.d.ts

@@ -1,20 +1,2 @@
-import { GemElement } from '../lib/element';
-/**
- * svg 中的 `<use>` 不能穿透 ShadowDOM,
- * 此元素用来模拟 `<use>`,
- * 由于是复制元素，所以不能像 `<use>` 一样自动更新
- *
- * slot 支持为 icon 添加效果，如涟漪，徽章
- *
- * @customElement gem-use
- * @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;
-}
+export * from './base/use';
 //# sourceMappingURL=use.d.ts.map

package/elements/use.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../src/elements/use.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,gBAAgB,CAAC;AAIlD;;;;;;;;;GASG;AACH,qBACa,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"}
+{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../src/elements/use.ts"],"names":[],"mappings":"AAEA,cAAc,YAAY,CAAC"}

package/elements/use.js

@@ -1,75 +1,4 @@
-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, customElement, state } from '../lib/decorators';
-const eleCache = new Map();
-/**
- * svg 中的 `<use>` 不能穿透 ShadowDOM,
- * 此元素用来模拟 `<use>`,
- * 由于是复制元素，所以不能像 `<use>` 一样自动更新
- *
- * slot 支持为 icon 添加效果，如涟漪，徽章
- *
- * @customElement gem-use
- * @attr selector
- */
-let GemUseElement = 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);
-GemUseElement = __decorate([
-    customElement('gem-use')
-], GemUseElement);
-export { GemUseElement };
+import { GemUseElement } from './base/use';
+export * from './base/use';
+customElements.define('gem-use', GemUseElement);
 //# sourceMappingURL=use.js.map

package/elements/use.js.map

@@ -1 +1 @@
-{"version":3,"file":"use.js","sourceRoot":"","sources":["../src/elements/use.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE9E,MAAM,QAAQ,GAAG,IAAI,GAAG,EAA+B,CAAC;AACxD;;;;;;;;;GASG;AAEH,IAAa,aAAa,GAA1B,MAAa,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,CAAA;AA1CY;IAAV,SAAS;+CAAkB;AAClB;IAAT,QAAQ;2CAA4C;AAC3C;IAAT,QAAQ;8CAA+C;AAEjD;IAAN,KAAK;6CAAiB;AALZ,aAAa;IADzB,aAAa,CAAC,SAAS,CAAC;GACZ,aAAa,CA2CzB;SA3CY,aAAa"}
+{"version":3,"file":"use.js","sourceRoot":"","sources":["../src/elements/use.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,cAAc,YAAY,CAAC;AAE3B,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC"}