@mantou/gem 1.7.7 → 1.7.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/gem.es.js +239 -107
- package/dist/gem.umd.js +24 -24
- package/elements/base/dialog.d.ts.map +1 -1
- package/elements/base/dialog.js +1 -1
- package/elements/base/dialog.js.map +1 -1
- package/elements/base/gesture.d.ts.map +1 -1
- package/elements/base/gesture.js +1 -0
- package/elements/base/gesture.js.map +1 -1
- package/elements/base/link.d.ts.map +1 -1
- package/elements/base/link.js +8 -4
- package/elements/base/link.js.map +1 -1
- package/elements/base/modal-factory.d.ts +13 -3
- package/elements/base/modal-factory.d.ts.map +1 -1
- package/elements/base/reflect.d.ts +8 -0
- package/elements/base/reflect.d.ts.map +1 -1
- package/elements/base/reflect.js +36 -9
- package/elements/base/reflect.js.map +1 -1
- package/elements/base/route.d.ts +25 -10
- package/elements/base/route.d.ts.map +1 -1
- package/elements/base/route.js +90 -56
- package/elements/base/route.js.map +1 -1
- package/elements/base/title.d.ts.map +1 -1
- package/elements/base/title.js +8 -2
- package/elements/base/title.js.map +1 -1
- package/helper/i18n.d.ts +8 -1
- package/helper/i18n.d.ts.map +1 -1
- package/helper/i18n.js +6 -2
- package/helper/i18n.js.map +1 -1
- package/helper/logger.d.ts +9 -0
- package/helper/logger.d.ts.map +1 -0
- package/helper/logger.js +16 -0
- package/helper/logger.js.map +1 -0
- package/helper/ssr-shim.d.ts.map +1 -1
- package/helper/ssr-shim.js +12 -4
- package/helper/ssr-shim.js.map +1 -1
- package/lib/element.d.ts +9 -7
- package/lib/element.d.ts.map +1 -1
- package/lib/element.js +47 -21
- package/lib/element.js.map +1 -1
- package/lib/history.d.ts +3 -2
- package/lib/history.d.ts.map +1 -1
- package/lib/history.js +22 -9
- package/lib/history.js.map +1 -1
- package/lib/utils.d.ts +2 -1
- package/lib/utils.d.ts.map +1 -1
- package/lib/utils.js +10 -8
- package/lib/utils.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/src/elements/base/dialog.ts +4 -1
- package/src/elements/base/gesture.ts +1 -0
- package/src/elements/base/link.ts +8 -4
- package/src/elements/base/reflect.ts +43 -9
- package/src/elements/base/route.ts +102 -51
- package/src/elements/base/title.ts +9 -2
- package/src/helper/i18n.ts +11 -3
- package/src/helper/logger.ts +21 -0
- package/src/helper/ssr-shim.ts +14 -4
- package/src/lib/element.ts +57 -26
- package/src/lib/history.ts +30 -12
- package/src/lib/utils.ts +16 -9
- package/src/lib/version.ts +1 -1
- package/src/test/elements/link.test.ts +15 -0
- package/src/test/elements/reflect.test.ts +27 -0
- package/src/test/elements/title.test.ts +25 -0
- package/src/test/gem-element/advance.test.ts +1 -1
- package/src/test/gem-element/decorators.test.ts +2 -2
- package/src/test/utils.test.ts +14 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/elements/base/link.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACtF,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAA2B,mBAAmB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE9F,SAAS,UAAU,CAAC,IAAY;IAC9B,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;AAC/B,CAAC;AAED;;;;;;;;;;;;GAYG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IA0B5C;QACE,KAAK,EAAE,CAAC;;
|
|
1
|
+
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/elements/base/link.ts"],"names":[],"mappings":"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"}
|
|
@@ -60,7 +60,7 @@ export declare function createModalClass<T extends Record<string, unknown>>(opti
|
|
|
60
60
|
"__#3@#initEffect": () => void;
|
|
61
61
|
willMount?(): void | Promise<void>;
|
|
62
62
|
render?(): import("lit-html/lib/template-result").TemplateResult | null | undefined;
|
|
63
|
-
"__#3@#render": () =>
|
|
63
|
+
"__#3@#render": () => void;
|
|
64
64
|
mounted?(): void | Promise<void> | (() => void);
|
|
65
65
|
shouldUpdate?(): boolean;
|
|
66
66
|
"__#3@#shouldUpdate": () => boolean;
|
|
@@ -78,7 +78,7 @@ export declare function createModalClass<T extends Record<string, unknown>>(opti
|
|
|
78
78
|
connectedCallback(): symbol;
|
|
79
79
|
adoptedCallback(): symbol;
|
|
80
80
|
disconnectedCallback(): symbol | undefined;
|
|
81
|
-
"__#3@#
|
|
81
|
+
"__#3@#clearEffect": (list?: {
|
|
82
82
|
callback: (depValues: any, oldDepValues?: any) => any;
|
|
83
83
|
initialized?: boolean | undefined;
|
|
84
84
|
inConstructor?: boolean | undefined;
|
|
@@ -88,7 +88,17 @@ export declare function createModalClass<T extends Record<string, unknown>>(opti
|
|
|
88
88
|
* UI 中执行关闭
|
|
89
89
|
*/
|
|
90
90
|
preCallback?: (() => void) | undefined;
|
|
91
|
-
}) =>
|
|
91
|
+
}[] | undefined) => {
|
|
92
|
+
callback: (depValues: any, oldDepValues?: any) => any;
|
|
93
|
+
initialized?: boolean | undefined;
|
|
94
|
+
inConstructor?: boolean | undefined;
|
|
95
|
+
values?: any;
|
|
96
|
+
getDep?: (() => any) | undefined; /**
|
|
97
|
+
* @final
|
|
98
|
+
* UI 中执行关闭
|
|
99
|
+
*/
|
|
100
|
+
preCallback?: (() => void) | undefined;
|
|
101
|
+
}[] | undefined;
|
|
92
102
|
accessKey: string;
|
|
93
103
|
readonly accessKeyLabel: string;
|
|
94
104
|
autocapitalize: string;
|
|
@@ -1 +1 @@
|
|
|
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;;;;;;;;;;;;;;8CAiD1E;;;eAGG;;;;;;;;8CAHH;;;eAGG;;;;;;;;;;;8CAHH;;;eAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAHH;;;eAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAhDgB,WAAW,EAAE;cACf,UAAU,GAAG,IAAI;IAClC;;;OAGG;;;;IAMH,YAAY;;IAKZ,YAAY;;;;IAKZ;;;;OAIG;eACe,CAAC;IAmBnB;;;OAGG;;IAMH;;;OAGG;;IAQH;;OAEG;;;;;;;;;;;;;EAaN"}
|
|
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;;;;;;;;;;;;;;8CAiD1E;;;eAGG;;;;;;;;8CAHH;;;eAGG;;;;;;;;;;;8CAHH;;;eAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAHH;;;eAGG;;;;;;;8CAHH;;;eAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAhDgB,WAAW,EAAE;cACf,UAAU,GAAG,IAAI;IAClC;;;OAGG;;;;IAMH,YAAY;;IAKZ,YAAY;;;;IAKZ;;;;OAIG;eACe,CAAC;IAmBnB;;;OAGG;;IAMH;;;OAGG;;IAQH;;OAEG;;;;;;;;;;;;;EAaN"}
|
|
@@ -1,3 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* - ref 读取时需要用到 `target` `dataset`
|
|
3
|
+
* - 预渲染可能造成重复的元素，在序列化时可以用正则移除 GemReflectElement 渲染的从开始到结束连续的元素
|
|
4
|
+
* - `replaceAll(/<!--gem-reflect-start-->.*?<!--gem-reflect-end-->/gs, '')`
|
|
5
|
+
*
|
|
6
|
+
* 不能在在顶级代码块中清除这些元素，因为重复加载该代码时会把正常 reflect 元素清除，
|
|
7
|
+
* 比如 duoyun-ui 文档站加载示例元素时把 GemReflectElement 渲染的元素清除
|
|
8
|
+
*/
|
|
1
9
|
import { GemElement } from '../../lib/element';
|
|
2
10
|
export declare class GemReflectElement extends GemElement {
|
|
3
11
|
target: HTMLElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reflect.d.ts","sourceRoot":"","sources":["../../src/elements/base/reflect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"reflect.d.ts","sourceRoot":"","sources":["../../src/elements/base/reflect.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAmB/C,qBAAa,iBAAkB,SAAQ,UAAU;IACrC,MAAM,EAAE,WAAW,CAAiB;;CAgC/C"}
|
package/elements/base/reflect.js
CHANGED
|
@@ -4,23 +4,50 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
4
|
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;
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
+
/**
|
|
8
|
+
* - ref 读取时需要用到 `target` `dataset`
|
|
9
|
+
* - 预渲染可能造成重复的元素，在序列化时可以用正则移除 GemReflectElement 渲染的从开始到结束连续的元素
|
|
10
|
+
* - `replaceAll(/<!--gem-reflect-start-->.*?<!--gem-reflect-end-->/gs, '')`
|
|
11
|
+
*
|
|
12
|
+
* 不能在在顶级代码块中清除这些元素，因为重复加载该代码时会把正常 reflect 元素清除，
|
|
13
|
+
* 比如 duoyun-ui 文档站加载示例元素时把 GemReflectElement 渲染的元素清除
|
|
14
|
+
*/
|
|
7
15
|
import { GemElement } from '../../lib/element';
|
|
8
16
|
import { property } from '../../lib/decorators';
|
|
17
|
+
const START = 'gem-reflect-start';
|
|
18
|
+
const END = 'gem-reflect-end';
|
|
19
|
+
const createReflectFragmentTag = (tag) => new Comment(tag);
|
|
20
|
+
const getReflectFragment = (startNode) => {
|
|
21
|
+
const result = [];
|
|
22
|
+
let node = startNode;
|
|
23
|
+
while (node) {
|
|
24
|
+
result.push(node);
|
|
25
|
+
if (node.nodeValue === END)
|
|
26
|
+
break;
|
|
27
|
+
node = node.nextSibling;
|
|
28
|
+
}
|
|
29
|
+
return result;
|
|
30
|
+
};
|
|
9
31
|
export class GemReflectElement extends GemElement {
|
|
10
32
|
constructor() {
|
|
11
33
|
super({ isLight: true });
|
|
12
34
|
this.target = document.head;
|
|
13
|
-
this.hidden = true;
|
|
14
|
-
this.dataset.gemReflect = '';
|
|
15
35
|
this.effect(() => {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
36
|
+
this.hidden = true;
|
|
37
|
+
this.dataset.gemReflect = '';
|
|
38
|
+
}, () => []);
|
|
39
|
+
const startNode = createReflectFragmentTag(START);
|
|
40
|
+
const endNode = createReflectFragmentTag(END);
|
|
41
|
+
let childNodes;
|
|
42
|
+
this.effect(() => {
|
|
43
|
+
if (!childNodes) {
|
|
44
|
+
[startNode, ...this.childNodes, endNode].forEach((node) => this.target.append(node));
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
childNodes.forEach((node) => this.target.append(node));
|
|
48
|
+
}
|
|
23
49
|
return () => {
|
|
50
|
+
childNodes = getReflectFragment(startNode);
|
|
24
51
|
childNodes.forEach((node) => node.remove());
|
|
25
52
|
};
|
|
26
53
|
}, () => [this.target]);
|
|
@@ -1 +1 @@
|
|
|
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,MAAM,OAAO,iBAAkB,SAAQ,UAAU;IAG/C;QACE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAHjB,WAAM,GAAgB,QAAQ,CAAC,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"reflect.js","sourceRoot":"","sources":["../../src/elements/base/reflect.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,KAAK,GAAG,mBAAmB,CAAC;AAClC,MAAM,GAAG,GAAG,iBAAiB,CAAC;AAE9B,MAAM,wBAAwB,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC;AAEnE,MAAM,kBAAkB,GAAG,CAAC,SAAkB,EAAE,EAAE;IAChD,MAAM,MAAM,GAAgB,EAAE,CAAC;IAC/B,IAAI,IAAI,GAAqB,SAAS,CAAC;IACvC,OAAO,IAAI,EAAE,CAAC;QACZ,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClB,IAAI,IAAI,CAAC,SAAS,KAAK,GAAG;YAAE,MAAM;QAClC,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,OAAO,iBAAkB,SAAQ,UAAU;IAG/C;QACE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAHjB,WAAM,GAAgB,QAAQ,CAAC,IAAI,CAAC;QAK5C,IAAI,CAAC,MAAM,CACT,GAAG,EAAE;YACH,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;YACnB,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,EAAE,CAAC;QAC/B,CAAC,EACD,GAAG,EAAE,CAAC,EAAE,CACT,CAAC;QAEF,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;QAClD,MAAM,OAAO,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;QAC9C,IAAI,UAAmC,CAAC;QAExC,IAAI,CAAC,MAAM,CACT,GAAG,EAAE;YACH,IAAI,CAAC,UAAU,EAAE,CAAC;gBAChB,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;YACvF,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;YACzD,CAAC;YACD,OAAO,GAAG,EAAE;gBACV,UAAU,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;gBAC3C,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;AAhCW;IAAT,QAAQ;iDAAqC"}
|
package/elements/base/route.d.ts
CHANGED
|
@@ -31,6 +31,17 @@ interface ConstructorOptions {
|
|
|
31
31
|
type State = {
|
|
32
32
|
content?: TemplateResult;
|
|
33
33
|
};
|
|
34
|
+
export type RouteTrigger = {
|
|
35
|
+
store: Store<any>;
|
|
36
|
+
replace: (arg: {
|
|
37
|
+
path: string;
|
|
38
|
+
}) => void;
|
|
39
|
+
getParams: () => {
|
|
40
|
+
path: string;
|
|
41
|
+
query?: string | QueryString;
|
|
42
|
+
hash?: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
34
45
|
/**
|
|
35
46
|
* @attr inert 暂停路由更新
|
|
36
47
|
* @fires routechange
|
|
@@ -42,31 +53,34 @@ export declare class GemRouteElement extends GemElement<State> {
|
|
|
42
53
|
transition: boolean;
|
|
43
54
|
routes?: RouteItem[] | RoutesObject;
|
|
44
55
|
/**
|
|
45
|
-
*
|
|
56
|
+
* 路由更新后更新的 store，能从中读取到安全的路由数据
|
|
46
57
|
*
|
|
47
58
|
* @example
|
|
48
59
|
* const locationStore = GemRouteElement.createLocationStore()
|
|
49
60
|
* html`<gem-route .locationStore=${locationStore}>`
|
|
50
61
|
*/
|
|
51
|
-
locationStore?:
|
|
52
|
-
path: string;
|
|
53
|
-
params: Params;
|
|
54
|
-
query: QueryString;
|
|
55
|
-
data?: any;
|
|
56
|
-
}>;
|
|
62
|
+
locationStore?: ReturnType<(typeof GemRouteElement)['createLocationStore']>;
|
|
57
63
|
key?: any;
|
|
64
|
+
loading: Emitter<RouteItem | null>;
|
|
65
|
+
beforeroutechange: Emitter<RouteItem | null>;
|
|
58
66
|
routechange: Emitter<RouteItem | null>;
|
|
59
|
-
loading: Emitter<RouteItem>;
|
|
60
67
|
error: Emitter<any>;
|
|
68
|
+
/**自动让滚动容器恢复滚动位置 */
|
|
69
|
+
scrollContainer?: HTMLElement | (() => HTMLElement);
|
|
70
|
+
/**默认当有 `hash` 时不进行滚动 */
|
|
71
|
+
scrollIgnoreHash?: boolean;
|
|
72
|
+
trigger: RouteTrigger;
|
|
61
73
|
/**当前使用的路由对象 */
|
|
62
74
|
currentRoute: RouteItem | null;
|
|
63
75
|
/**当前匹配的路由的 params */
|
|
64
76
|
currentParams: Params;
|
|
77
|
+
/**不要多个 `<gem-route>` 共享，因为那样会导致后面的元素卸载前触发更新 */
|
|
65
78
|
static createLocationStore: () => Store<{
|
|
66
79
|
path: string;
|
|
67
|
-
query: QueryString
|
|
80
|
+
query: QueryString;
|
|
81
|
+
hash: string;
|
|
68
82
|
data: any;
|
|
69
|
-
params:
|
|
83
|
+
params: Params;
|
|
70
84
|
}>;
|
|
71
85
|
static findRoute: (target: RoutesObject | RouteItem<unknown>[] | undefined, path: string) => {
|
|
72
86
|
route: RouteItem<unknown>;
|
|
@@ -80,6 +94,7 @@ export declare class GemRouteElement extends GemElement<State> {
|
|
|
80
94
|
mounted(): void;
|
|
81
95
|
shouldUpdate(): boolean;
|
|
82
96
|
render(): TemplateResult;
|
|
97
|
+
update: () => void;
|
|
83
98
|
}
|
|
84
99
|
export declare class GemLightRouteElement extends GemRouteElement {
|
|
85
100
|
constructor(options?: ConstructorOptions);
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
1
|
+
{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../src/elements/base/route.ts"],"names":[],"mappings":"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"}
|
package/elements/base/route.js
CHANGED
|
@@ -4,23 +4,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
4
|
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;
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
+
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
|
9
|
+
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");
|
|
10
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
11
|
+
};
|
|
7
12
|
var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
8
13
|
if (kind === "m") throw new TypeError("Private method is not writable");
|
|
9
14
|
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
|
|
10
15
|
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");
|
|
11
16
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
12
17
|
};
|
|
13
|
-
var
|
|
14
|
-
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
|
15
|
-
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");
|
|
16
|
-
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
17
|
-
};
|
|
18
|
-
var _GemRouteElement_lastLoader, _GemRouteElement_updateLocationStore, _GemRouteElement_setContent;
|
|
19
|
-
var GemRouteElement_1;
|
|
18
|
+
var _GemRouteElement_instances, _GemRouteElement_lastLoader, _GemRouteElement_scrollContainer_get, _GemRouteElement_updateLocationStore, _GemRouteElement_updateScrollContainerPosition, _GemRouteElement_setContent;
|
|
20
19
|
import { GemElement, html } from '../../lib/element';
|
|
21
|
-
import { property,
|
|
22
|
-
import { createStore, updateStore } from '../../lib/store';
|
|
20
|
+
import { property, emitter, boolattribute } from '../../lib/decorators';
|
|
21
|
+
import { createStore, updateStore, connect } from '../../lib/store';
|
|
23
22
|
import { titleStore, history } from '../../lib/history';
|
|
23
|
+
import { addListener } from '../../lib/utils';
|
|
24
24
|
class ParamsRegExp extends RegExp {
|
|
25
25
|
constructor(pattern) {
|
|
26
26
|
const namePosition = {};
|
|
@@ -79,15 +79,18 @@ export function createHistoryParams(route, options) {
|
|
|
79
79
|
...options,
|
|
80
80
|
};
|
|
81
81
|
}
|
|
82
|
+
const scrollPositionMap = new Map();
|
|
82
83
|
/**
|
|
83
84
|
* @attr inert 暂停路由更新
|
|
84
85
|
* @fires routechange
|
|
85
86
|
* @fires error
|
|
86
87
|
* @fires loading
|
|
87
88
|
*/
|
|
88
|
-
|
|
89
|
+
export class GemRouteElement extends GemElement {
|
|
89
90
|
constructor({ isLight, routes } = {}) {
|
|
90
91
|
super({ isLight });
|
|
92
|
+
_GemRouteElement_instances.add(this);
|
|
93
|
+
this.trigger = history;
|
|
91
94
|
/**当前匹配的路由的 params */
|
|
92
95
|
this.currentParams = {};
|
|
93
96
|
_GemRouteElement_lastLoader.set(this, void 0);
|
|
@@ -95,57 +98,62 @@ let GemRouteElement = GemRouteElement_1 = class GemRouteElement extends GemEleme
|
|
|
95
98
|
content: undefined,
|
|
96
99
|
};
|
|
97
100
|
_GemRouteElement_updateLocationStore.set(this, () => {
|
|
98
|
-
if (this.locationStore)
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
101
|
+
if (!this.locationStore)
|
|
102
|
+
return;
|
|
103
|
+
const { path, query, hash, data } = history.getParams();
|
|
104
|
+
updateStore(this.locationStore, {
|
|
105
|
+
path,
|
|
106
|
+
params: this.currentParams,
|
|
107
|
+
query,
|
|
108
|
+
hash,
|
|
109
|
+
data,
|
|
110
|
+
});
|
|
111
|
+
});
|
|
112
|
+
_GemRouteElement_updateScrollContainerPosition.set(this, () => {
|
|
113
|
+
if (!__classPrivateFieldGet(this, _GemRouteElement_instances, "a", _GemRouteElement_scrollContainer_get))
|
|
114
|
+
return;
|
|
115
|
+
const scrollTop = scrollPositionMap.get(history.currentKey);
|
|
116
|
+
if (scrollTop) {
|
|
117
|
+
__classPrivateFieldGet(this, _GemRouteElement_instances, "a", _GemRouteElement_scrollContainer_get).scroll(0, scrollTop);
|
|
118
|
+
}
|
|
119
|
+
else if (this.scrollIgnoreHash || !history.getParams().hash) {
|
|
120
|
+
__classPrivateFieldGet(this, _GemRouteElement_instances, "a", _GemRouteElement_scrollContainer_get).scroll(0, 0);
|
|
106
121
|
}
|
|
107
122
|
});
|
|
108
123
|
_GemRouteElement_setContent.set(this, (route, params, content) => {
|
|
124
|
+
this.beforeroutechange(route);
|
|
109
125
|
__classPrivateFieldSet(this, _GemRouteElement_lastLoader, undefined, "f");
|
|
110
126
|
this.currentRoute = route;
|
|
111
127
|
this.currentParams = params;
|
|
112
|
-
const changeContent = () => {
|
|
128
|
+
const changeContent = async () => {
|
|
113
129
|
this.setState({ content });
|
|
114
|
-
|
|
130
|
+
// 要确保新页面能读取到新路由数据
|
|
115
131
|
__classPrivateFieldGet(this, _GemRouteElement_updateLocationStore, "f").call(this);
|
|
132
|
+
// 等待页面渲染完成
|
|
133
|
+
await Promise.resolve();
|
|
134
|
+
__classPrivateFieldGet(this, _GemRouteElement_updateScrollContainerPosition, "f").call(this);
|
|
135
|
+
this.routechange(this.currentRoute);
|
|
116
136
|
};
|
|
117
137
|
if (this.transition && 'startViewTransition' in document) {
|
|
118
|
-
document.startViewTransition(() =>
|
|
119
|
-
changeContent();
|
|
120
|
-
// 等待路由渲染
|
|
121
|
-
return Promise.resolve();
|
|
122
|
-
});
|
|
138
|
+
document.startViewTransition(() => changeContent());
|
|
123
139
|
}
|
|
124
140
|
else {
|
|
125
141
|
changeContent();
|
|
126
142
|
}
|
|
127
143
|
});
|
|
128
|
-
this.
|
|
129
|
-
|
|
130
|
-
mounted() {
|
|
131
|
-
this.effect(([key, path], old) => {
|
|
132
|
-
// 只有查询参数改变
|
|
133
|
-
if (old && key === old[0] && path === old[1]) {
|
|
134
|
-
__classPrivateFieldGet(this, _GemRouteElement_updateLocationStore, "f").call(this);
|
|
135
|
-
return;
|
|
136
|
-
}
|
|
137
|
-
const { route, params = {} } = GemRouteElement_1.findRoute(this.routes, path);
|
|
144
|
+
this.update = () => {
|
|
145
|
+
const { route, params = {} } = GemRouteElement.findRoute(this.routes, this.trigger.getParams().path);
|
|
138
146
|
const { redirect, content, getContent } = route || {};
|
|
139
147
|
if (redirect) {
|
|
140
|
-
|
|
148
|
+
this.trigger.replace({ path: redirect });
|
|
141
149
|
return;
|
|
142
150
|
}
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
151
|
+
if (this.trigger === history) {
|
|
152
|
+
updateStore(titleStore, { title: route === null || route === void 0 ? void 0 : route.title });
|
|
153
|
+
}
|
|
146
154
|
const contentOrLoader = content || (getContent === null || getContent === void 0 ? void 0 : getContent(params));
|
|
155
|
+
this.loading(route);
|
|
147
156
|
if (contentOrLoader instanceof Promise) {
|
|
148
|
-
this.loading(route);
|
|
149
157
|
__classPrivateFieldSet(this, _GemRouteElement_lastLoader, contentOrLoader, "f");
|
|
150
158
|
const isSomeLoader = () => __classPrivateFieldGet(this, _GemRouteElement_lastLoader, "f") === contentOrLoader;
|
|
151
159
|
contentOrLoader
|
|
@@ -160,15 +168,32 @@ let GemRouteElement = GemRouteElement_1 = class GemRouteElement extends GemEleme
|
|
|
160
168
|
return;
|
|
161
169
|
}
|
|
162
170
|
__classPrivateFieldGet(this, _GemRouteElement_setContent, "f").call(this, route, params, contentOrLoader);
|
|
171
|
+
};
|
|
172
|
+
this.routes = routes;
|
|
173
|
+
}
|
|
174
|
+
mounted() {
|
|
175
|
+
this.effect(() => {
|
|
176
|
+
if (!__classPrivateFieldGet(this, _GemRouteElement_instances, "a", _GemRouteElement_scrollContainer_get))
|
|
177
|
+
return;
|
|
178
|
+
return addListener(history, 'beforechange', () => scrollPositionMap.set(history.currentKey, __classPrivateFieldGet(this, _GemRouteElement_instances, "a", _GemRouteElement_scrollContainer_get).scrollTop));
|
|
179
|
+
}, () => [this.scrollContainer]);
|
|
180
|
+
this.effect(
|
|
181
|
+
// 触发 this.#update
|
|
182
|
+
() => connect(this.trigger.store, () => this.setState({})), () => [this.trigger]);
|
|
183
|
+
this.effect(([key, path], old) => {
|
|
184
|
+
// 只有查询参数改变
|
|
185
|
+
if (old && key === old[0] && path === old[1]) {
|
|
186
|
+
__classPrivateFieldGet(this, _GemRouteElement_updateLocationStore, "f").call(this);
|
|
187
|
+
return;
|
|
188
|
+
}
|
|
189
|
+
this.update();
|
|
163
190
|
}, () => {
|
|
164
|
-
const { path } =
|
|
165
|
-
return [this.key, path,
|
|
191
|
+
const { path, query, hash } = this.trigger.getParams();
|
|
192
|
+
return [this.key, path, query, hash];
|
|
166
193
|
});
|
|
167
194
|
}
|
|
168
195
|
shouldUpdate() {
|
|
169
|
-
|
|
170
|
-
return false;
|
|
171
|
-
return true;
|
|
196
|
+
return this.inert ? false : true;
|
|
172
197
|
}
|
|
173
198
|
render() {
|
|
174
199
|
const { content } = this.state;
|
|
@@ -184,13 +209,14 @@ let GemRouteElement = GemRouteElement_1 = class GemRouteElement extends GemEleme
|
|
|
184
209
|
${content !== null && content !== void 0 ? content : html `<slot></slot>`}
|
|
185
210
|
`;
|
|
186
211
|
}
|
|
212
|
+
}
|
|
213
|
+
_GemRouteElement_lastLoader = new WeakMap(), _GemRouteElement_updateLocationStore = new WeakMap(), _GemRouteElement_updateScrollContainerPosition = new WeakMap(), _GemRouteElement_setContent = new WeakMap(), _GemRouteElement_instances = new WeakSet(), _GemRouteElement_scrollContainer_get = function _GemRouteElement_scrollContainer_get() {
|
|
214
|
+
return typeof this.scrollContainer === 'function' ? this.scrollContainer() : this.scrollContainer;
|
|
187
215
|
};
|
|
188
|
-
|
|
189
|
-
_GemRouteElement_updateLocationStore = new WeakMap();
|
|
190
|
-
_GemRouteElement_setContent = new WeakMap();
|
|
216
|
+
/**不要多个 `<gem-route>` 共享，因为那样会导致后面的元素卸载前触发更新 */
|
|
191
217
|
GemRouteElement.createLocationStore = () => {
|
|
192
|
-
const { path, query, data } = history.getParams();
|
|
193
|
-
return createStore({ path, query, data, params: {} });
|
|
218
|
+
const { path, query, hash, data } = history.getParams();
|
|
219
|
+
return createStore({ path, query, hash, data, params: {} });
|
|
194
220
|
};
|
|
195
221
|
GemRouteElement.findRoute = (target = [], path) => {
|
|
196
222
|
let defaultRoute = null;
|
|
@@ -228,17 +254,25 @@ __decorate([
|
|
|
228
254
|
], GemRouteElement.prototype, "key", void 0);
|
|
229
255
|
__decorate([
|
|
230
256
|
emitter
|
|
231
|
-
], GemRouteElement.prototype, "
|
|
257
|
+
], GemRouteElement.prototype, "loading", void 0);
|
|
232
258
|
__decorate([
|
|
233
259
|
emitter
|
|
234
|
-
], GemRouteElement.prototype, "
|
|
260
|
+
], GemRouteElement.prototype, "beforeroutechange", void 0);
|
|
261
|
+
__decorate([
|
|
262
|
+
emitter
|
|
263
|
+
], GemRouteElement.prototype, "routechange", void 0);
|
|
235
264
|
__decorate([
|
|
236
265
|
emitter
|
|
237
266
|
], GemRouteElement.prototype, "error", void 0);
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
], GemRouteElement);
|
|
241
|
-
|
|
267
|
+
__decorate([
|
|
268
|
+
property
|
|
269
|
+
], GemRouteElement.prototype, "scrollContainer", void 0);
|
|
270
|
+
__decorate([
|
|
271
|
+
property
|
|
272
|
+
], GemRouteElement.prototype, "scrollIgnoreHash", void 0);
|
|
273
|
+
__decorate([
|
|
274
|
+
property
|
|
275
|
+
], GemRouteElement.prototype, "trigger", void 0);
|
|
242
276
|
export class GemLightRouteElement extends GemRouteElement {
|
|
243
277
|
constructor(options = {}) {
|
|
244
278
|
super({ ...options, isLight: true });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"route.js","sourceRoot":"","sources":["../../src/elements/base/route.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"route.js","sourceRoot":"","sources":["../../src/elements/base/route.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;AA0BrD,eAAO,MAAM,MAAM,QAAuB,CAAC;AAC3C,eAAO,MAAM,MAAM,QAAuB,CAAC;AAE3C;;;;GAIG;AACH,qBAAa,eAAgB,SAAQ,UAAU;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,OAAO,CAAC;IAG9B,MAAM,CAAC,KAAK,SAAkB;IAE9B,iBAAiB;IACjB,MAAM,CAAC,aAAa,SAAU;IAC9B,iBAAiB;IACjB,MAAM,CAAC,aAAa,SAAU;IAE9B,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM;;IAa7B,OAAO,aAKL;IAEF,MAAM;CAKP"}
|
package/elements/base/title.js
CHANGED
|
@@ -22,17 +22,22 @@ import { GemElement, html } from '../../lib/element';
|
|
|
22
22
|
import { attribute, boolattribute } from '../../lib/decorators';
|
|
23
23
|
import { updateStore, connect } from '../../lib/store';
|
|
24
24
|
import { titleStore } from '../../lib/history';
|
|
25
|
+
import { addMicrotask } from '../../lib/utils';
|
|
25
26
|
const defaultTitle = document.title;
|
|
27
|
+
let documentTitle = '';
|
|
28
|
+
const setTitle = () => (document.title = documentTitle);
|
|
26
29
|
function setDocumentTitle(str, prefix = '', suffix = '') {
|
|
27
30
|
const title = titleStore.title || str;
|
|
28
31
|
if (title && title !== defaultTitle) {
|
|
29
32
|
GemTitleElement.title = title;
|
|
30
|
-
|
|
33
|
+
documentTitle = prefix + GemTitleElement.title + suffix;
|
|
31
34
|
}
|
|
32
35
|
else {
|
|
33
36
|
GemTitleElement.title = defaultTitle;
|
|
34
|
-
|
|
37
|
+
documentTitle = GemTitleElement.title;
|
|
35
38
|
}
|
|
39
|
+
// 避免重定向时的中间状态
|
|
40
|
+
addMicrotask(setTitle);
|
|
36
41
|
}
|
|
37
42
|
connect(titleStore, setDocumentTitle);
|
|
38
43
|
export const PREFIX = `${defaultTitle} | `;
|
|
@@ -53,6 +58,7 @@ export class GemTitleElement extends GemElement {
|
|
|
53
58
|
};
|
|
54
59
|
new MutationObserver(() => this.update()).observe(this, {
|
|
55
60
|
characterData: true,
|
|
61
|
+
childList: true,
|
|
56
62
|
subtree: true,
|
|
57
63
|
});
|
|
58
64
|
}
|
|
@@ -1 +1 @@
|
|
|
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,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEpC,SAAS,gBAAgB,CAAC,GAAmB,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE;IACrE,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,IAAI,GAAG,CAAC;IACtC,IAAI,KAAK,IAAI,KAAK,KAAK,YAAY,EAAE,CAAC;QACpC,eAAe,CAAC,KAAK,GAAG,KAAK,CAAC;QAC9B,
|
|
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,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEpC,IAAI,aAAa,GAAG,EAAE,CAAC;AACvB,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,GAAG,aAAa,CAAC,CAAC;AAExD,SAAS,gBAAgB,CAAC,GAAmB,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE;IACrE,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,IAAI,GAAG,CAAC;IACtC,IAAI,KAAK,IAAI,KAAK,KAAK,YAAY,EAAE,CAAC;QACpC,eAAe,CAAC,KAAK,GAAG,KAAK,CAAC;QAC9B,aAAa,GAAG,MAAM,GAAG,eAAe,CAAC,KAAK,GAAG,MAAM,CAAC;IAC1D,CAAC;SAAM,CAAC;QACN,eAAe,CAAC,KAAK,GAAG,YAAY,CAAC;QACrC,aAAa,GAAG,eAAe,CAAC,KAAK,CAAC;IACxC,CAAC;IACD,cAAc;IACd,YAAY,CAAC,QAAQ,CAAC,CAAC;AACzB,CAAC;AAED,OAAO,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,YAAY,KAAK,CAAC;AAC3C,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,YAAY,EAAE,CAAC;AAE3C;;;;GAIG;AACH,MAAM,OAAO,eAAgB,SAAQ,UAAU;IAa7C,MAAM,CAAC,QAAQ,CAAC,KAAa;QAC3B,WAAW,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;IACrC,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAQV,YAAO,GAAG,GAAG,EAAE;YACb,IAAI,CAAC,MAAM,CACT,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,EACrD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CACnB,CAAC;QACJ,CAAC,CAAC;QAZA,IAAI,gBAAgB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE;YACtD,aAAa,EAAE,IAAI;YACnB,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;IACL,CAAC;IASD,MAAM;;QACJ,6CAA6C;QAC7C,gBAAgB,CAAC,MAAA,IAAI,CAAC,WAAW,0CAAE,IAAI,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACrE,OAAO,IAAI,CAAA,GAAG,eAAe,CAAC,KAAK,EAAE,CAAC;IACxC,CAAC;;AAhCD,YAAY;AACL,qBAAK,GAAG,QAAQ,CAAC,KAAK,AAAjB,CAAkB;AAE9B,iBAAiB;AACV,6BAAa,GAAG,MAAM,AAAT,CAAU;AAC9B,iBAAiB;AACV,6BAAa,GAAG,MAAM,AAAT,CAAU;AAVnB;IAAV,SAAS;+CAAgB;AACf;IAAV,SAAS;+CAAgB;AACX;IAAd,aAAa;8CAAgB"}
|
package/helper/i18n.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Store } from '../lib/store';
|
|
2
2
|
import { TemplateResult } from '../lib/element';
|
|
3
|
+
import type { RouteTrigger } from '../elements/base/route';
|
|
3
4
|
export declare function splice(rawValue: string, ...rest: (((s: string) => TemplateResult) | string)[]): TemplateResult;
|
|
4
5
|
type Msg = {
|
|
5
6
|
message: string;
|
|
@@ -26,7 +27,7 @@ interface I18nOptions<T> {
|
|
|
26
27
|
urlParamsName?: string;
|
|
27
28
|
onChange?: (currentLanguage: string) => void;
|
|
28
29
|
}
|
|
29
|
-
export declare class I18n<T = Record<string, Msg>> {
|
|
30
|
+
export declare class I18n<T = Record<string, Msg>> implements RouteTrigger {
|
|
30
31
|
#private;
|
|
31
32
|
resources: Resources<T>;
|
|
32
33
|
fallbackLanguage: string;
|
|
@@ -37,6 +38,12 @@ export declare class I18n<T = Record<string, Msg>> {
|
|
|
37
38
|
urlParamsName?: string;
|
|
38
39
|
onChange?: (currentLanguage: string) => void;
|
|
39
40
|
store: Store<any>;
|
|
41
|
+
replace: ({ path }: {
|
|
42
|
+
path: string;
|
|
43
|
+
}) => void;
|
|
44
|
+
getParams: () => {
|
|
45
|
+
path: string;
|
|
46
|
+
};
|
|
40
47
|
constructor(options: I18nOptions<T>);
|
|
41
48
|
get(s: keyof T): string;
|
|
42
49
|
get(s: keyof T, ...rest: (((s: string) => TemplateResult) | string)[]): TemplateResult;
|
package/helper/i18n.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/helper/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAQ,cAAc,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/helper/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAQ,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAW3D,wBAAgB,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,cAAc,CAAC,GAAG,MAAM,CAAC,EAAE,kBAW7F;AAID,KAAK,GAAG,GACJ;IACE,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACrB,GACD,MAAM,CAAC;AAEX,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;CACjC,CAAC;AAEF,UAAU,SAAS,CAAC,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;CACpC;AAED,UAAU,WAAW,CAAC,CAAC;IACrB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAG3B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,aAAa,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,qBAAa,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAE,YAAW,YAAY;;IAChE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3B,WAAW,SAAc;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAElB,OAAO;cAAsB,MAAM;eAEjC;IAEF,SAAS;;MAA0C;gBAsCvC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IA6BnC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM;IACvB,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,cAAc,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,cAAc;IAUtF,cAAc;IAUR,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAuDhD,aAAa;IAYb,QAAQ;IAOR,eAAe,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAY9E;;;;;;;;;;OAUG;IACH,MAAM;;;;CAMP"}
|