@mantou/gem 2.1.1 → 2.2.1
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 +2082 -2153
- package/dist/gem.umd.js +25 -199
- package/elements/base/dialog.d.ts +1 -5
- package/elements/base/dialog.d.ts.map +1 -1
- package/elements/base/dialog.js +2 -6
- package/elements/base/dialog.js.map +1 -1
- package/elements/base/gesture.d.ts +6 -15
- package/elements/base/gesture.d.ts.map +1 -1
- package/elements/base/gesture.js +38 -34
- package/elements/base/gesture.js.map +1 -1
- package/elements/base/link.d.ts +1 -17
- package/elements/base/link.d.ts.map +1 -1
- package/elements/base/link.js +12 -37
- package/elements/base/link.js.map +1 -1
- package/elements/base/modal-factory.d.ts +48 -38
- package/elements/base/modal-factory.d.ts.map +1 -1
- package/elements/base/modal-factory.js +14 -14
- package/elements/base/modal-factory.js.map +1 -1
- package/elements/base/reflect.d.ts +1 -5
- package/elements/base/reflect.d.ts.map +1 -1
- package/elements/base/reflect.js +8 -13
- package/elements/base/reflect.js.map +1 -1
- package/elements/base/route.d.ts +17 -17
- package/elements/base/route.d.ts.map +1 -1
- package/elements/base/route.js +15 -27
- package/elements/base/route.js.map +1 -1
- package/elements/base/title.d.ts +1 -6
- package/elements/base/title.d.ts.map +1 -1
- package/elements/base/title.js +3 -8
- package/elements/base/title.js.map +1 -1
- package/elements/base/unsafe.d.ts +1 -6
- package/elements/base/unsafe.d.ts.map +1 -1
- package/elements/base/unsafe.js +3 -9
- package/elements/base/unsafe.js.map +1 -1
- package/elements/base/use.d.ts +1 -4
- package/elements/base/use.d.ts.map +1 -1
- package/elements/base/use.js +4 -11
- package/elements/base/use.js.map +1 -1
- package/elements/link.js +1 -1
- package/elements/link.js.map +1 -1
- package/elements/route.js +1 -1
- package/elements/route.js.map +1 -1
- package/helper/hmr.d.ts +11 -0
- package/helper/hmr.d.ts.map +1 -0
- package/helper/hmr.js +255 -0
- package/helper/hmr.js.map +1 -0
- package/helper/i18n.d.ts +2 -2
- package/helper/i18n.d.ts.map +1 -1
- package/helper/i18n.js +5 -4
- package/helper/i18n.js.map +1 -1
- package/helper/logger.d.ts +1 -1
- package/helper/logger.d.ts.map +1 -1
- package/helper/logger.js +8 -5
- package/helper/logger.js.map +1 -1
- package/helper/mediaquery.js +1 -1
- package/helper/mediaquery.js.map +1 -1
- package/helper/ssr-shim.d.ts.map +1 -1
- package/helper/ssr-shim.js +2 -0
- package/helper/ssr-shim.js.map +1 -1
- package/helper/theme.d.ts +4 -5
- package/helper/theme.d.ts.map +1 -1
- package/helper/theme.js +3 -3
- package/helper/theme.js.map +1 -1
- package/index.d.ts +1 -3
- package/index.d.ts.map +1 -1
- package/index.js +1 -4
- package/index.js.map +1 -1
- package/lib/decorators.d.ts +9 -16
- package/lib/decorators.d.ts.map +1 -1
- package/lib/decorators.js +84 -71
- package/lib/decorators.js.map +1 -1
- package/lib/directive.d.ts +65 -0
- package/lib/directive.d.ts.map +1 -0
- package/lib/directive.js +58 -0
- package/lib/directive.js.map +1 -0
- package/lib/element.d.ts +10 -153
- package/lib/element.d.ts.map +1 -1
- package/lib/element.js +19 -480
- package/lib/element.js.map +1 -1
- package/lib/history.d.ts +67 -9
- package/lib/history.d.ts.map +1 -1
- package/lib/history.js +12 -12
- package/lib/history.js.map +1 -1
- package/lib/lit-html.d.ts +232 -0
- package/lib/lit-html.d.ts.map +1 -0
- package/lib/lit-html.js +987 -0
- package/lib/lit-html.js.map +1 -0
- package/lib/reactive.d.ts +123 -0
- package/lib/reactive.d.ts.map +1 -0
- package/lib/reactive.js +478 -0
- package/lib/reactive.js.map +1 -0
- package/lib/repeat.d.ts +126 -0
- package/lib/repeat.d.ts.map +1 -0
- package/lib/repeat.js +533 -0
- package/lib/repeat.js.map +1 -0
- package/lib/store.d.ts +13 -2
- package/lib/store.d.ts.map +1 -1
- package/lib/store.js +5 -4
- package/lib/store.js.map +1 -1
- package/lib/utils.d.ts +24 -15
- package/lib/utils.d.ts.map +1 -1
- package/lib/utils.js +25 -30
- package/lib/utils.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +8 -9
- package/src/dist.ts +6 -8
- package/src/elements/base/dialog.ts +2 -6
- package/src/elements/base/gesture.ts +35 -36
- package/src/elements/base/link.ts +20 -46
- package/src/elements/base/modal-factory.ts +14 -14
- package/src/elements/base/reflect.ts +2 -6
- package/src/elements/base/route.ts +22 -33
- package/src/elements/base/title.ts +4 -9
- package/src/elements/base/unsafe.ts +4 -9
- package/src/elements/base/use.ts +4 -11
- package/src/elements/link.ts +1 -1
- package/src/elements/route.ts +1 -1
- package/src/helper/hmr.ts +305 -0
- package/src/helper/i18n.ts +7 -7
- package/src/helper/logger.ts +9 -5
- package/src/helper/mediaquery.ts +1 -1
- package/src/helper/ssr-shim.ts +3 -0
- package/src/helper/theme.ts +6 -6
- package/src/index.ts +1 -5
- package/src/lib/decorators.ts +101 -100
- package/src/lib/directive.ts +137 -0
- package/src/lib/element.ts +26 -614
- package/src/lib/history.ts +14 -15
- package/src/lib/lit-html.ts +1269 -0
- package/src/lib/reactive.ts +596 -0
- package/src/lib/repeat.ts +580 -0
- package/src/lib/store.ts +5 -4
- package/src/lib/utils.ts +40 -46
- package/src/lib/version.ts +1 -1
- package/src/test/elements/link.test.ts +2 -3
- package/src/test/elements/reflect.test.ts +13 -3
- package/src/test/elements/title.test.ts +2 -3
- package/src/test/gem-element/advance.test.ts +22 -14
- package/src/test/gem-element/basic.test.ts +23 -11
- package/src/test/gem-element/decorators.test.ts +14 -17
- package/src/test/gem-element/multi.test.ts +20 -11
- package/src/test/history.test.ts +1 -2
- package/src/test/store.test.ts +3 -4
- package/src/test/utils.test.ts +12 -14
- package/src/test/utils.ts +22 -0
- package/lib/directives.d.ts +0 -4
- package/lib/directives.d.ts.map +0 -1
- package/lib/directives.js +0 -5
- package/lib/directives.js.map +0 -1
- package/src/lib/directives.ts +0 -6
package/lib/utils.d.ts
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
|
-
export declare function addMicrotask(func: () => void): void;
|
|
2
|
-
|
|
1
|
+
export declare function addMicrotask(func: () => void, isNodeForceMicrotask?: boolean): void;
|
|
2
|
+
type OverrideFn = {
|
|
3
|
+
name: never;
|
|
4
|
+
apply: never;
|
|
5
|
+
call: never;
|
|
6
|
+
bind: never;
|
|
7
|
+
toString: never;
|
|
8
|
+
prototype: never;
|
|
9
|
+
length: never;
|
|
10
|
+
arguments: never;
|
|
11
|
+
caller: never;
|
|
12
|
+
[Symbol.hasInstance]: never;
|
|
13
|
+
[Symbol.metadata]: never;
|
|
14
|
+
};
|
|
15
|
+
export declare function createUpdater<T, Fn = (payload?: Partial<T>) => any>(initState: T, fn: Fn): Fn & Omit<OverrideFn, keyof T> & T;
|
|
3
16
|
export declare function absoluteLocation(currentPath?: string, relativePath?: string): string;
|
|
4
17
|
export type NonPrimitive = object;
|
|
5
18
|
export declare function addListener<T extends EventTarget, A extends Parameters<T['addEventListener']>>(target: T, type: A[0], listener: A[1], options?: A[2]): () => void;
|
|
@@ -20,8 +33,14 @@ export declare class LinkedList<T = any> extends EventTarget {
|
|
|
20
33
|
get last(): LinkedListItem<T> | undefined;
|
|
21
34
|
isSuperLinkOf(subLink: LinkedList<T>): boolean;
|
|
22
35
|
find(value: T): LinkedListItem<T> | undefined;
|
|
36
|
+
/**
|
|
37
|
+
* 添加到尾部,已存在时会删除老的项目
|
|
38
|
+
* 如果是添加第一个,start 事件会在添加前触发,避免处理事件重复的逻辑
|
|
39
|
+
*/
|
|
23
40
|
add(value: T): void;
|
|
41
|
+
/** 删除这个元素后没有其他元素时立即出发 end 事件 */
|
|
24
42
|
delete(value: T): LinkedListItem<T> | undefined;
|
|
43
|
+
/** 获取头部元素,会从链表删除 */
|
|
25
44
|
get(): T | undefined;
|
|
26
45
|
}
|
|
27
46
|
export declare class PropProxyMap<T extends NonPrimitive, V = unknown> extends WeakMap<T, Record<string, V>> {
|
|
@@ -29,7 +48,6 @@ export declare class PropProxyMap<T extends NonPrimitive, V = unknown> extends W
|
|
|
29
48
|
}
|
|
30
49
|
export declare class QueryString extends URLSearchParams {
|
|
31
50
|
#private;
|
|
32
|
-
constructor(param?: any);
|
|
33
51
|
concat(param: any): void;
|
|
34
52
|
setAny(key: string, value: any): void;
|
|
35
53
|
getAny(key: string): any;
|
|
@@ -43,11 +61,8 @@ export declare class QueryString extends URLSearchParams {
|
|
|
43
61
|
* 不同于 lit-html 的 `html` 模版函数,写 attribute 时必须手动写引号并自行进行 html 编码
|
|
44
62
|
*/
|
|
45
63
|
export declare function raw(arr: TemplateStringsArray, ...args: any[]): string;
|
|
46
|
-
export declare const
|
|
64
|
+
export declare const styled: typeof raw;
|
|
47
65
|
export declare function randomStr(len?: number): string;
|
|
48
|
-
export declare const styled: {
|
|
49
|
-
class: typeof raw;
|
|
50
|
-
};
|
|
51
66
|
export declare function camelToKebabCase(str: string): string;
|
|
52
67
|
export declare function kebabToCamelCase(str: string): string;
|
|
53
68
|
export declare function cleanObject<T extends Record<string, unknown>>(o: T): T;
|
|
@@ -55,18 +70,12 @@ export declare class GemError extends Error {
|
|
|
55
70
|
constructor(msg: string);
|
|
56
71
|
}
|
|
57
72
|
export declare function isArrayChange(newValues: any[], oldValues: any[]): boolean;
|
|
58
|
-
export declare function objectMapToString<T = any>(object: Record<string, T>, separate: string,
|
|
59
|
-
type StyleProp = keyof CSSStyleDeclaration | `--${string}` | '
|
|
73
|
+
export declare function objectMapToString<T = any>(object: Record<string, T>, separate: string, toStr: (key: string, value: T) => string): string;
|
|
74
|
+
type StyleProp = keyof CSSStyleDeclaration | `--${string}` | 'positionAnchor' | 'anchorDefault' | 'anchorName';
|
|
60
75
|
export type StyleObject = Partial<Record<StyleProp, string | number | false | undefined | null>>;
|
|
61
76
|
export declare function styleMap(object: StyleObject): string;
|
|
62
77
|
export declare function classMap(object: Record<string, string | number | boolean | undefined | null>): string;
|
|
63
78
|
export declare const partMap: typeof classMap;
|
|
64
79
|
export declare function exportPartsMap(object: Record<string, string | boolean | undefined | null>): string;
|
|
65
|
-
declare global {
|
|
66
|
-
interface PropertyIndexedKeyframes extends StyleObject {
|
|
67
|
-
}
|
|
68
|
-
interface Keyframe extends StyleObject {
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
80
|
export {};
|
|
72
81
|
//# sourceMappingURL=utils.d.ts.map
|
package/lib/utils.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/lib/utils.ts"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/lib/utils.ts"],"names":[],"mappings":"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"}
|
package/lib/utils.js
CHANGED
|
@@ -1,22 +1,30 @@
|
|
|
1
|
-
const { assign,
|
|
1
|
+
const { assign, fromEntries, entries, keys } = Object;
|
|
2
2
|
const microtaskSet = new Set();
|
|
3
|
-
export function addMicrotask(func) {
|
|
3
|
+
export function addMicrotask(func, isNodeForceMicrotask) {
|
|
4
4
|
if (microtaskSet.has(func))
|
|
5
5
|
return;
|
|
6
|
-
|
|
6
|
+
const next = () => {
|
|
7
7
|
microtaskSet.delete(func);
|
|
8
8
|
func();
|
|
9
|
-
}
|
|
9
|
+
};
|
|
10
|
+
if (isNodeForceMicrotask) {
|
|
11
|
+
process.nextTick(next);
|
|
12
|
+
}
|
|
13
|
+
else {
|
|
14
|
+
Promise.resolve().then(next);
|
|
15
|
+
}
|
|
10
16
|
microtaskSet.add(func);
|
|
11
17
|
}
|
|
12
18
|
// 注意 typeof state === 'function' 但是没有 Function 的方法和属性
|
|
13
19
|
export function createUpdater(initState, fn) {
|
|
14
20
|
const state = fn;
|
|
15
|
-
|
|
21
|
+
// https://github.com/vitejs/vite/issues/18540 现在覆盖 call 也一样会报错
|
|
22
|
+
// setPrototypeOf(state, null);
|
|
16
23
|
delete state.name;
|
|
17
24
|
delete state.length;
|
|
18
25
|
assign(state, initState);
|
|
19
|
-
//
|
|
26
|
+
// ts 不允许直接 Omit 掉 Fn 上的属性
|
|
27
|
+
// 只能利用 ts plugin 移除多余的自动完成项
|
|
20
28
|
return state;
|
|
21
29
|
}
|
|
22
30
|
// 不编码 hash 用于比较
|
|
@@ -76,8 +84,10 @@ export class LinkedList extends EventTarget {
|
|
|
76
84
|
find(value) {
|
|
77
85
|
return this.#map.get(value);
|
|
78
86
|
}
|
|
79
|
-
|
|
80
|
-
|
|
87
|
+
/**
|
|
88
|
+
* 添加到尾部,已存在时会删除老的项目
|
|
89
|
+
* 如果是添加第一个,start 事件会在添加前触发,避免处理事件重复的逻辑
|
|
90
|
+
*/
|
|
81
91
|
add(value) {
|
|
82
92
|
if (!this.#lastItem) {
|
|
83
93
|
this.dispatchEvent(new CustomEvent('start'));
|
|
@@ -94,7 +104,7 @@ export class LinkedList extends EventTarget {
|
|
|
94
104
|
}
|
|
95
105
|
this.#map.set(value, item);
|
|
96
106
|
}
|
|
97
|
-
|
|
107
|
+
/** 删除这个元素后没有其他元素时立即出发 end 事件 */
|
|
98
108
|
delete(value) {
|
|
99
109
|
const deleteItem = this.#delete(value);
|
|
100
110
|
if (!this.#firstItem) {
|
|
@@ -102,8 +112,7 @@ export class LinkedList extends EventTarget {
|
|
|
102
112
|
}
|
|
103
113
|
return deleteItem;
|
|
104
114
|
}
|
|
105
|
-
|
|
106
|
-
// 会从链表删除
|
|
115
|
+
/** 获取头部元素,会从链表删除 */
|
|
107
116
|
get() {
|
|
108
117
|
const firstItem = this.#firstItem;
|
|
109
118
|
if (!firstItem)
|
|
@@ -123,9 +132,6 @@ export class PropProxyMap extends WeakMap {
|
|
|
123
132
|
}
|
|
124
133
|
}
|
|
125
134
|
export class QueryString extends URLSearchParams {
|
|
126
|
-
constructor(param) {
|
|
127
|
-
super(param);
|
|
128
|
-
}
|
|
129
135
|
// support `{ key: ObjectValue }`
|
|
130
136
|
concat(param) {
|
|
131
137
|
let query;
|
|
@@ -184,8 +190,8 @@ export class QueryString extends URLSearchParams {
|
|
|
184
190
|
export function raw(arr, ...args) {
|
|
185
191
|
return arr.reduce((prev, current, index) => prev + (args[index - 1] ?? '') + current);
|
|
186
192
|
}
|
|
187
|
-
//
|
|
188
|
-
export const
|
|
193
|
+
// 在 html 中引用 class 时使用,仅提供高亮功能
|
|
194
|
+
export const styled = raw;
|
|
189
195
|
export function randomStr(len = 5) {
|
|
190
196
|
const str = Math.random()
|
|
191
197
|
.toString(36)
|
|
@@ -194,19 +200,8 @@ export function randomStr(len = 5) {
|
|
|
194
200
|
return str + randomStr(len - str.length);
|
|
195
201
|
return str;
|
|
196
202
|
}
|
|
197
|
-
// 写 css 文本,在 CSSStyleSheet 中使用,使用 styed-components 高亮
|
|
198
|
-
//
|
|
199
|
-
// createCSSSheet({
|
|
200
|
-
// red: styled.class`
|
|
201
|
-
// background: red;
|
|
202
|
-
// &:hover {
|
|
203
|
-
// background: blue;
|
|
204
|
-
// }
|
|
205
|
-
// `,
|
|
206
|
-
// });
|
|
207
|
-
export const styled = { class: raw };
|
|
208
203
|
export function camelToKebabCase(str) {
|
|
209
|
-
return str.replace(/[A-Z]/g,
|
|
204
|
+
return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
|
|
210
205
|
}
|
|
211
206
|
export function kebabToCamelCase(str) {
|
|
212
207
|
return str.replace(/-(.)/g, (_substr, $1) => $1.toUpperCase());
|
|
@@ -233,10 +228,10 @@ export function isArrayChange(newValues, oldValues) {
|
|
|
233
228
|
}
|
|
234
229
|
return false;
|
|
235
230
|
}
|
|
236
|
-
export function objectMapToString(object, separate,
|
|
231
|
+
export function objectMapToString(object, separate, toStr) {
|
|
237
232
|
let result = separate;
|
|
238
233
|
for (const key in object) {
|
|
239
|
-
const s =
|
|
234
|
+
const s = toStr(key, object[key]);
|
|
240
235
|
result += s ? s + separate : '';
|
|
241
236
|
}
|
|
242
237
|
return result;
|
package/lib/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/lib/utils.ts"],"names":[],"mappings":"AAAA,MAAM,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/lib/utils.ts"],"names":[],"mappings":"AAAA,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;AAEtD,MAAM,YAAY,GAAG,IAAI,GAAG,EAAc,CAAC;AAC3C,MAAM,UAAU,YAAY,CAAC,IAAgB,EAAE,oBAA8B;IAC3E,IAAI,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC;QAAE,OAAO;IACnC,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC1B,IAAI,EAAE,CAAC;IACT,CAAC,CAAC;IACF,IAAI,oBAAoB,EAAE,CAAC;QACzB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IACD,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AACzB,CAAC;AAgBD,sDAAsD;AACtD,MAAM,UAAU,aAAa,CAAwC,SAAY,EAAE,EAAM;IACvF,MAAM,KAAK,GAAQ,EAAE,CAAC;IACtB,+DAA+D;IAC/D,+BAA+B;IAC/B,OAAO,KAAK,CAAC,IAAI,CAAC;IAClB,OAAO,KAAK,CAAC,MAAM,CAAC;IACpB,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IACzB,0BAA0B;IAC1B,4BAA4B;IAC5B,OAAO,KAA2C,CAAC;AACrD,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,gBAAgB,CAAC,WAAW,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE;IAClE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;IACxF,OAAO,QAAQ,GAAG,MAAM,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;AACtD,CAAC;AAID,MAAM,UAAU,WAAW,CACzB,MAAS,EACT,IAAU,EACV,QAAc,EACd,OAAc;IAEd,MAAM,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACjD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AACnE,CAAC;AAYD,MAAM,OAAO,UAAoB,SAAQ,WAAW;IAOlD,IAAI,GAAG,IAAI,GAAG,EAAwB,CAAC;IACvC,UAAU,CAAqB;IAC/B,SAAS,CAAqB;IAE9B,OAAO,CAAC,KAAQ;QACd,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACvC,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;gBACnB,SAAS,CAAC,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC;YACvC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC,IAAI,CAAC;YACnC,CAAC;YACD,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;gBACnB,SAAS,CAAC,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC;YACvC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC;YAClC,CAAC;YACD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;IACxB,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,aAAa,CAAC,OAAsB;QAClC,IAAI,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC1B,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACpC,OAAO,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,EAAE,CAAC;YAC5C,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;YACvB,IAAI,CAAC,OAAO;gBAAE,OAAO,IAAI,CAAC;YAC1B,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACnB,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,CAAC,KAAQ;QACX,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED;;;OAGG;IACH,GAAG,CAAC,KAAQ;QACV,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;QAC/C,CAAC;QACD,MAAM,IAAI,GAAsB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;QACjE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;QAC3B,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACxB,CAAC;QACD,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACzB,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,gCAAgC;IAChC,MAAM,CAAC,KAAQ;QACb,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACvC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;QAC7C,CAAC;QACD,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,oBAAoB;IACpB,GAAG;QACD,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;QAClC,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAC7B,OAAO,SAAS,CAAC,KAAK,CAAC;IACzB,CAAC;CACF;AAED,MAAM,OAAO,YAAkD,SAAQ,OAA6B;IAClG,GAAG,CAAC,GAAM;QACR,IAAI,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAC3B,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,KAAK,GAAG,EAAE,CAAC;YACX,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACvB,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;CACF;AAED,MAAM,OAAO,WAAY,SAAQ,eAAe;IAC9C,iCAAiC;IACjC,MAAM,CAAC,KAAU;QACf,IAAI,KAAU,CAAC;QACf,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,KAAK,GAAG,WAAW,CAAC,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;QAC5D,CAAC;aAAM,CAAC;YACN,KAAK,GAAG,KAAK,CAAC;QAChB,CAAC;QACD,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACtC,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,UAAU,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IAEzF,MAAM,CAAC,GAAW,EAAE,KAAU;QAC5B,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACjB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,MAAM,GAAG,CAAC,KAAU,EAAE,EAAE;QACtB,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QACxB,IAAI,CAAC;YACH,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,CAAC,GAAW;QAChB,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC;IAED,SAAS,CAAC,GAAW;QACnB,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;aACpB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;aACvB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC;IAED,QAAQ;QACN,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;QAChC,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;IACzB,CAAC;CACF;AAED;;;;GAIG;AACH,MAAM,UAAU,GAAG,CAAC,GAAyB,EAAE,GAAG,IAAW;IAC3D,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC;AACxF,CAAC;AAED,+BAA+B;AAC/B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;AAE1B,MAAM,UAAU,SAAS,CAAC,GAAG,GAAG,CAAC;IAC/B,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE;SACtB,QAAQ,CAAC,EAAE,CAAC;SACZ,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC;IACrB,IAAI,GAAG,CAAC,MAAM,GAAG,GAAG;QAAE,OAAO,GAAG,GAAG,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;IAC/D,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,GAAW;IAC1C,OAAO,GAAG,CAAC,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;AAClE,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,GAAW;IAC1C,OAAO,GAAG,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAU,EAAE,EAAE,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC;AACzE,CAAC;AAED,MAAM,UAAU,WAAW,CAAoC,CAAI;IACjE,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAY,EAAE,EAAE;QAC/B,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC;IAChB,CAAC,CAAC,CAAC;IACH,OAAO,CAAC,CAAC;AACX,CAAC;AAED,MAAM,OAAO,QAAS,SAAQ,KAAK;IACjC,YAAY,GAAW;QACrB,KAAK,CAAC,GAAG,CAAC,CAAC;QACX,IAAI,CAAC,OAAO,GAAG,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;IACxC,CAAC;CACF;AAED,MAAM,UAAU,aAAa,CAAC,SAAgB,EAAE,SAAgB;IAC9D,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;IAChC,IAAI,SAAS,CAAC,MAAM,KAAK,MAAM;QAAE,OAAO,IAAI,CAAC;IAC7C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAChC,IAAI,SAAS,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC;YAAE,OAAO,IAAI,CAAC;IACjD,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,MAAyB,EACzB,QAAgB,EAChB,KAAwC;IAExC,IAAI,MAAM,GAAG,QAAQ,CAAC;IACtB,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;QACzB,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QAClC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAClC,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAOD,gBAAgB;AAChB,MAAM,UAAU,QAAQ,CAAC,MAAmB;IAC1C,OAAO,iBAAiB,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CACnD,KAAK,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAChE,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,MAAoE;IAC3F,OAAO,iBAAiB,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5E,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC;AAEhC,kFAAkF;AAClF,MAAM,UAAU,cAAc,CAAC,MAA2D;IACxF,OAAO,iBAAiB,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CACnD,KAAK,KAAK,IAAI,IAAI,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CACvE,CAAC;AACJ,CAAC"}
|
package/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const version = "2.
|
|
1
|
+
export declare const version = "2.2.1";
|
|
2
2
|
//# sourceMappingURL=version.d.ts.map
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const version = '2.
|
|
1
|
+
export const version = '2.2.1';
|
|
2
2
|
//# sourceMappingURL=version.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mantou/gem",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.1",
|
|
4
4
|
"description": "💎 使用自定义元素的轻量级 WebApp 开发框架",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"frontend",
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
"exports": {
|
|
18
18
|
".": "./index.js",
|
|
19
19
|
"./lib/*": "./lib/*.js",
|
|
20
|
+
"./test/*": "./test/*.js",
|
|
20
21
|
"./elements/*": "./elements/*.js",
|
|
21
22
|
"./helper/*": "./helper/*.js"
|
|
22
23
|
},
|
|
@@ -30,25 +31,23 @@
|
|
|
30
31
|
],
|
|
31
32
|
"typings": "index.d.ts",
|
|
32
33
|
"scripts": {
|
|
33
|
-
"docs": "GEM_BOOK_REPLACE=true gem-book docs",
|
|
34
|
+
"docs": "cross-env GEM_BOOK_REPLACE=true gem-book docs",
|
|
34
35
|
"docs:remote": "pnpm run docs",
|
|
35
36
|
"build:docs": "pnpm run docs --build",
|
|
36
37
|
"build:module": "tsc -p tsconfig.build.json",
|
|
37
38
|
"build:lib": "vite build",
|
|
38
39
|
"build": "pnpm build:module && pnpm build:lib",
|
|
39
40
|
"start": "pnpm build:module --watch",
|
|
40
|
-
"test": "cross-env
|
|
41
|
-
},
|
|
42
|
-
"dependencies": {
|
|
43
|
-
"lit-html": "^1.4.1"
|
|
41
|
+
"test": "cross-env wtr"
|
|
44
42
|
},
|
|
45
43
|
"devDependencies": {
|
|
46
|
-
"@
|
|
47
|
-
"@
|
|
48
|
-
"@open-wc/testing": "^2.5.33",
|
|
44
|
+
"@gemjs/config": "^2.1.1",
|
|
45
|
+
"@types/chai": "^5.0.0",
|
|
49
46
|
"@types/mocha": "^10.0.7",
|
|
47
|
+
"@types/trusted-types": "^2.0.7",
|
|
50
48
|
"@web/dev-server-esbuild": "^1.0.2",
|
|
51
49
|
"@web/test-runner": "^0.18.1",
|
|
50
|
+
"chai": "^5.1.1",
|
|
52
51
|
"rimraf": "^3.0.2",
|
|
53
52
|
"typescript": "^5.6.2",
|
|
54
53
|
"vite": "^5.2.10"
|
package/src/dist.ts
CHANGED
|
@@ -1,20 +1,18 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* 导出所有内容,包括 gem 元素
|
|
3
3
|
*/
|
|
4
|
+
|
|
5
|
+
export * from '.';
|
|
6
|
+
export * from './elements/base/dialog';
|
|
7
|
+
export * from './elements/base/modal-factory';
|
|
4
8
|
export * from './elements/link';
|
|
9
|
+
export * from './elements/reflect';
|
|
5
10
|
export * from './elements/route';
|
|
6
11
|
export * from './elements/title';
|
|
7
|
-
export * from './elements/use';
|
|
8
12
|
export * from './elements/unsafe';
|
|
9
|
-
export * from './elements/
|
|
10
|
-
|
|
11
|
-
export * from './elements/base/modal-factory';
|
|
12
|
-
export * from './elements/base/dialog';
|
|
13
|
-
|
|
13
|
+
export * from './elements/use';
|
|
14
14
|
export * from './helper/i18n';
|
|
15
15
|
export * from './helper/logger';
|
|
16
16
|
export * from './helper/mediaquery';
|
|
17
17
|
export * from './helper/request';
|
|
18
18
|
export * from './helper/theme';
|
|
19
|
-
|
|
20
|
-
export * from '.';
|
|
@@ -1,16 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { attribute, state, connectStore, aria, willMount } from '../../lib/decorators';
|
|
1
|
+
import { aria, attribute, connectStore, state, willMount } from '../../lib/decorators';
|
|
3
2
|
import { history } from '../../lib/history';
|
|
3
|
+
import { GemElement } from '../../lib/reactive';
|
|
4
4
|
|
|
5
5
|
const final = Symbol();
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* 在模版中声明的 dialog,使用 `open` 方法 打开;
|
|
9
9
|
* 模拟 top layer:https://github.com/whatwg/html/issues/4633.
|
|
10
|
-
*
|
|
11
|
-
* @attr label
|
|
12
|
-
* @fires open
|
|
13
|
-
* @fires close
|
|
14
10
|
*/
|
|
15
11
|
@connectStore(history.store)
|
|
16
12
|
@aria({ role: 'dialog', ariaModal: 'true' })
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { createCSSSheet, GemElement } from '../../lib/element';
|
|
2
1
|
import type { Emitter } from '../../lib/decorators';
|
|
3
|
-
import { adoptedStyle, attribute, emitter, mounted } from '../../lib/decorators';
|
|
4
|
-
import { css } from '../../lib/
|
|
2
|
+
import { adoptedStyle, attribute, emitter, mounted, state } from '../../lib/decorators';
|
|
3
|
+
import { css, GemElement } from '../../lib/reactive';
|
|
5
4
|
|
|
6
5
|
export type PanEventDetail = {
|
|
7
6
|
// movement
|
|
@@ -45,28 +44,20 @@ function angleAB(
|
|
|
45
44
|
);
|
|
46
45
|
}
|
|
47
46
|
|
|
48
|
-
const style =
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
47
|
+
const style = css`
|
|
48
|
+
@layer {
|
|
49
|
+
:scope:where(:not([hidden])) {
|
|
50
|
+
display: block;
|
|
51
|
+
user-select: none;
|
|
52
|
+
touch-action: attr(touch-action, none);
|
|
53
|
+
}
|
|
53
54
|
}
|
|
54
|
-
|
|
55
|
+
`;
|
|
55
56
|
|
|
56
57
|
/**
|
|
57
58
|
* 块级元素,如果要设置成 `contents`,则内容块要设置 `touch-action: none`
|
|
58
59
|
* https://javascript.info/pointer-events#event-pointercancel
|
|
59
60
|
* 在移动端上,必须设置 `touch-action` 以允许滚动等原生动作
|
|
60
|
-
*
|
|
61
|
-
* @customElement gem-gesture
|
|
62
|
-
* @event pan
|
|
63
|
-
* @event pinch
|
|
64
|
-
* @event rotate
|
|
65
|
-
* @event swipe
|
|
66
|
-
* @event press
|
|
67
|
-
* @event end
|
|
68
|
-
*
|
|
69
|
-
* @attr touch-action
|
|
70
61
|
*/
|
|
71
62
|
@adoptedStyle(style)
|
|
72
63
|
export class GemGestureElement extends GemElement {
|
|
@@ -74,18 +65,20 @@ export class GemGestureElement extends GemElement {
|
|
|
74
65
|
@emitter pinch: Emitter<PinchEventDetail>;
|
|
75
66
|
@emitter rotate: Emitter<RotateEventDetail>;
|
|
76
67
|
@emitter swipe: Emitter<SwipeEventDetail>;
|
|
77
|
-
@emitter press: Emitter<
|
|
78
|
-
@emitter end: Emitter<
|
|
68
|
+
@emitter press: Emitter<PointerEvent>;
|
|
69
|
+
@emitter end: Emitter<PointerEvent>;
|
|
79
70
|
|
|
80
71
|
@attribute touchAction: string;
|
|
81
72
|
|
|
73
|
+
@state grabbing: boolean;
|
|
74
|
+
|
|
82
75
|
#pressed = false; // 触发 press 之后不触发其他事件
|
|
83
|
-
#pressTimer = 0;
|
|
76
|
+
#pressTimer: ReturnType<typeof setTimeout> | number = 0;
|
|
84
77
|
|
|
85
78
|
#startEventMap: Map<number, PointerEvent> = new Map();
|
|
86
79
|
|
|
87
80
|
#getMoves = (pointerId: number) => {
|
|
88
|
-
return this.
|
|
81
|
+
return this.movesMap.get(pointerId) || [];
|
|
89
82
|
};
|
|
90
83
|
|
|
91
84
|
#getStartEvent = (pointerId: number) => {
|
|
@@ -93,7 +86,7 @@ export class GemGestureElement extends GemElement {
|
|
|
93
86
|
};
|
|
94
87
|
|
|
95
88
|
#getOtherLastMove = (pointerId: number) => {
|
|
96
|
-
for (const id of this.
|
|
89
|
+
for (const id of this.movesMap.keys()) {
|
|
97
90
|
if (id !== pointerId) {
|
|
98
91
|
const moves = this.#getMoves(id);
|
|
99
92
|
return moves[moves.length - 1] || this.#getStartEvent(id);
|
|
@@ -134,14 +127,15 @@ export class GemGestureElement extends GemElement {
|
|
|
134
127
|
};
|
|
135
128
|
|
|
136
129
|
#onStart = (evt: PointerEvent) => {
|
|
130
|
+
this.grabbing = true;
|
|
137
131
|
evt.stopPropagation();
|
|
138
132
|
this.setPointerCapture(evt.pointerId);
|
|
139
|
-
this.
|
|
133
|
+
this.movesMap.set(evt.pointerId, []);
|
|
140
134
|
this.#startEventMap.set(evt.pointerId, evt);
|
|
141
135
|
if (evt.isPrimary) {
|
|
142
136
|
this.#pressed = false;
|
|
143
|
-
this.#pressTimer =
|
|
144
|
-
this.press(
|
|
137
|
+
this.#pressTimer = setTimeout(() => {
|
|
138
|
+
this.press(evt);
|
|
145
139
|
this.#pressed = true;
|
|
146
140
|
}, 251);
|
|
147
141
|
}
|
|
@@ -153,6 +147,8 @@ export class GemGestureElement extends GemElement {
|
|
|
153
147
|
const moves = this.#getMoves(pointerId);
|
|
154
148
|
const startEvent = this.#getStartEvent(pointerId);
|
|
155
149
|
const lastMove = moves[moves.length - 1] || startEvent;
|
|
150
|
+
// Firefox contextmenu after trigger
|
|
151
|
+
if (!lastMove) return;
|
|
156
152
|
// https://bugs.webkit.org/show_bug.cgi?id=220194
|
|
157
153
|
// https://bugs.chromium.org/p/chromium/issues/detail?id=1092358
|
|
158
154
|
const movementX = clientX - lastMove.clientX;
|
|
@@ -169,7 +165,7 @@ export class GemGestureElement extends GemElement {
|
|
|
169
165
|
moves.push(move);
|
|
170
166
|
this.pan(move);
|
|
171
167
|
|
|
172
|
-
if (this.
|
|
168
|
+
if (this.movesMap.size !== 1) {
|
|
173
169
|
const secondaryPoint = this.#getOtherLastMove(pointerId) as PanEventDetail;
|
|
174
170
|
const moveLen = Math.sqrt(movementX ** 2 + movementY ** 2);
|
|
175
171
|
const distanceLen = Math.sqrt(
|
|
@@ -191,7 +187,7 @@ export class GemGestureElement extends GemElement {
|
|
|
191
187
|
Math.abs(move.clientX - startEvent.clientX) > accuracy ||
|
|
192
188
|
Math.abs(move.clientY - startEvent.clientY) > accuracy
|
|
193
189
|
) {
|
|
194
|
-
|
|
190
|
+
clearTimeout(this.#pressTimer);
|
|
195
191
|
}
|
|
196
192
|
}
|
|
197
193
|
};
|
|
@@ -206,13 +202,14 @@ export class GemGestureElement extends GemElement {
|
|
|
206
202
|
}
|
|
207
203
|
};
|
|
208
204
|
|
|
209
|
-
#onEnd = (evt: PointerEvent) => {
|
|
205
|
+
#onEnd = async (evt: PointerEvent) => {
|
|
210
206
|
evt.stopPropagation();
|
|
211
207
|
const { pointerId } = evt;
|
|
212
|
-
|
|
208
|
+
clearTimeout(this.#pressTimer);
|
|
213
209
|
|
|
214
|
-
if (this.
|
|
215
|
-
this.
|
|
210
|
+
if (this.movesMap.size === 1) {
|
|
211
|
+
this.grabbing = false;
|
|
212
|
+
this.end(evt);
|
|
216
213
|
}
|
|
217
214
|
|
|
218
215
|
// auto release: https://javascript.info/pointer-events#pointer-capturing
|
|
@@ -245,8 +242,10 @@ export class GemGestureElement extends GemElement {
|
|
|
245
242
|
}
|
|
246
243
|
}
|
|
247
244
|
|
|
248
|
-
this._movesMap.delete(pointerId);
|
|
249
245
|
this.#startEventMap.delete(pointerId);
|
|
246
|
+
// 确保外部 end 事件处理器中可以读取到
|
|
247
|
+
await Promise.resolve();
|
|
248
|
+
this.movesMap.delete(pointerId);
|
|
250
249
|
};
|
|
251
250
|
|
|
252
251
|
#preventDefault = (evt: Event) => evt.preventDefault();
|
|
@@ -263,6 +262,6 @@ export class GemGestureElement extends GemElement {
|
|
|
263
262
|
this.addEventListener('dragstart', this.#preventDefault);
|
|
264
263
|
};
|
|
265
264
|
|
|
266
|
-
/**
|
|
267
|
-
|
|
265
|
+
/** 一次手势的指针移动事件记录 */
|
|
266
|
+
movesMap: Map<number, PanEventDetail[]> = new Map();
|
|
268
267
|
}
|
|
@@ -1,30 +1,28 @@
|
|
|
1
|
-
import { createCSSSheet, GemElement, html } from '../../lib/element';
|
|
2
1
|
import {
|
|
2
|
+
adoptedStyle,
|
|
3
|
+
aria,
|
|
3
4
|
attribute,
|
|
4
|
-
|
|
5
|
-
state,
|
|
6
|
-
part,
|
|
5
|
+
boolattribute,
|
|
7
6
|
connectStore,
|
|
8
|
-
shadow,
|
|
9
|
-
aria,
|
|
10
|
-
adoptedStyle,
|
|
11
|
-
mounted,
|
|
12
7
|
effect,
|
|
13
|
-
|
|
8
|
+
mounted,
|
|
9
|
+
part,
|
|
10
|
+
property,
|
|
11
|
+
shadow,
|
|
12
|
+
state,
|
|
14
13
|
template,
|
|
15
14
|
} from '../../lib/decorators';
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
|
|
15
|
+
import { css, GemElement, html } from '../../lib/element';
|
|
16
|
+
import { basePathStore, history } from '../../lib/history';
|
|
17
|
+
import { absoluteLocation } from '../../lib/utils';
|
|
20
18
|
import type { RouteItem, RouteOptions } from './route';
|
|
21
|
-
import {
|
|
19
|
+
import { createHistoryParams, createPath, matchPath } from './route';
|
|
22
20
|
|
|
23
21
|
function isExternal(path: string) {
|
|
24
22
|
return !path.startsWith('/');
|
|
25
23
|
}
|
|
26
24
|
|
|
27
|
-
const styles =
|
|
25
|
+
const styles = css`
|
|
28
26
|
:host {
|
|
29
27
|
/* link default style */
|
|
30
28
|
cursor: pointer;
|
|
@@ -38,21 +36,10 @@ const styles = createCSSSheet(css`
|
|
|
38
36
|
a:visited {
|
|
39
37
|
color: unset;
|
|
40
38
|
}
|
|
41
|
-
|
|
39
|
+
`;
|
|
42
40
|
|
|
43
41
|
/**
|
|
44
|
-
*
|
|
45
|
-
* @attr href
|
|
46
|
-
* @attr target
|
|
47
|
-
* @attr doc-title
|
|
48
|
-
* @attr path
|
|
49
|
-
* @attr query
|
|
50
|
-
* @attr hash
|
|
51
|
-
* @attr pattern
|
|
52
|
-
* @attr hint
|
|
53
|
-
* @part link
|
|
54
|
-
*
|
|
55
|
-
* Bug: print `<link>` https://github.com/mantou132/gem/issues/36
|
|
42
|
+
* Bug: [can't print `<link>`](https://github.com/mantou132/gem/issues/36)
|
|
56
43
|
*/
|
|
57
44
|
@connectStore(basePathStore)
|
|
58
45
|
@adoptedStyle(styles)
|
|
@@ -85,7 +72,9 @@ export class GemLinkElement extends GemElement {
|
|
|
85
72
|
return this.hint || 'on';
|
|
86
73
|
}
|
|
87
74
|
|
|
88
|
-
#onClick = async () => {
|
|
75
|
+
#onClick = async (e: MouseEvent) => {
|
|
76
|
+
e.preventDefault();
|
|
77
|
+
|
|
89
78
|
const locationString = this._getLocationString();
|
|
90
79
|
|
|
91
80
|
if (!locationString) return;
|
|
@@ -134,8 +123,6 @@ export class GemLinkElement extends GemElement {
|
|
|
134
123
|
}
|
|
135
124
|
};
|
|
136
125
|
|
|
137
|
-
#preventDefault = (e: MouseEvent) => e.preventDefault();
|
|
138
|
-
|
|
139
126
|
#getHint = () => {
|
|
140
127
|
const locationString = this._getLocationString();
|
|
141
128
|
return isExternal(locationString)
|
|
@@ -158,16 +145,8 @@ export class GemLinkElement extends GemElement {
|
|
|
158
145
|
|
|
159
146
|
@template()
|
|
160
147
|
#content = () => {
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
part=${this.link}
|
|
164
|
-
@click=${this.#preventDefault}
|
|
165
|
-
href=${ifDefined(this.#hint === 'off' ? undefined : this.#getHint())}
|
|
166
|
-
tabindex="-1"
|
|
167
|
-
>
|
|
168
|
-
<slot></slot>
|
|
169
|
-
</a>
|
|
170
|
-
`;
|
|
148
|
+
const href = this.#hint === 'off' ? null : this.#getHint();
|
|
149
|
+
return html`<a part=${this.link} href=${href} tabindex="-1"><slot></slot></a>`;
|
|
171
150
|
};
|
|
172
151
|
|
|
173
152
|
/**
|
|
@@ -194,11 +173,6 @@ export class GemLinkElement extends GemElement {
|
|
|
194
173
|
}
|
|
195
174
|
}
|
|
196
175
|
|
|
197
|
-
/**
|
|
198
|
-
* @customElement gem-active-link
|
|
199
|
-
* @attr pattern
|
|
200
|
-
* @state active
|
|
201
|
-
*/
|
|
202
176
|
@connectStore(history.store)
|
|
203
177
|
export class GemActiveLinkElement extends GemLinkElement {
|
|
204
178
|
@attribute pattern: string; // 使用匹配模式设定 active
|