duoyun-ui 0.0.33 → 0.0.34
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/elements/input-capture.d.ts +2 -0
- package/elements/input-capture.d.ts.map +1 -1
- package/elements/input-capture.js +16 -5
- package/elements/input-capture.js.map +1 -1
- package/elements/keyboard-access.d.ts +3 -1
- package/elements/keyboard-access.d.ts.map +1 -1
- package/elements/keyboard-access.js +27 -25
- package/elements/keyboard-access.js.map +1 -1
- package/package.json +2 -1
|
@@ -9,6 +9,8 @@ declare type State = {
|
|
|
9
9
|
*/
|
|
10
10
|
export declare class DuoyunInputCaptureElement extends GemElement<State> {
|
|
11
11
|
#private;
|
|
12
|
+
static container: string;
|
|
13
|
+
static kbd: string;
|
|
12
14
|
state: State;
|
|
13
15
|
mounted: () => void;
|
|
14
16
|
render: () => import("lit-html/lib/template-result").TemplateResult;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-capture.d.ts","sourceRoot":"","sources":["../src/elements/input-capture.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AAO3D,OAAO,aAAa,CAAC;AAkCrB,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,aAAa,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CAChC,CAAC;AAEF;;GAEG;AACH,qBAEa,yBAA0B,SAAQ,UAAU,CAAC,KAAK,CAAC;;
|
|
1
|
+
{"version":3,"file":"input-capture.d.ts","sourceRoot":"","sources":["../src/elements/input-capture.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AAO3D,OAAO,aAAa,CAAC;AAkCrB,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,aAAa,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CAChC,CAAC;AAEF;;GAEG;AACH,qBAEa,yBAA0B,SAAQ,UAAU,CAAC,KAAK,CAAC;;IACxD,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC;IAEzB,KAAK,EAAE,KAAK,CAGV;IAeF,OAAO,aAaL;IAEF,MAAM,8DAuBJ;CACH"}
|
|
@@ -10,7 +10,8 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
|
|
|
10
10
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
11
11
|
};
|
|
12
12
|
var _DuoyunInputCaptureElement_onClear, _DuoyunInputCaptureElement_onKeydown, _DuoyunInputCaptureElement_onPointerdown, _DuoyunInputCaptureElement_onPointermove, _DuoyunInputCaptureElement_onPointerup;
|
|
13
|
-
|
|
13
|
+
var DuoyunInputCaptureElement_1;
|
|
14
|
+
import { adoptedStyle, customElement, part } from '@mantou/gem/lib/decorators';
|
|
14
15
|
import { GemElement, html } from '@mantou/gem/lib/element';
|
|
15
16
|
import { createCSSSheet, css } from '@mantou/gem/lib/utils';
|
|
16
17
|
import { theme } from '../lib/theme';
|
|
@@ -51,7 +52,7 @@ const style = createCSSSheet(css `
|
|
|
51
52
|
/**
|
|
52
53
|
* @customElement dy-input-capture
|
|
53
54
|
*/
|
|
54
|
-
let DuoyunInputCaptureElement = class DuoyunInputCaptureElement extends GemElement {
|
|
55
|
+
let DuoyunInputCaptureElement = DuoyunInputCaptureElement_1 = class DuoyunInputCaptureElement extends GemElement {
|
|
55
56
|
constructor() {
|
|
56
57
|
super(...arguments);
|
|
57
58
|
this.state = {
|
|
@@ -62,7 +63,7 @@ let DuoyunInputCaptureElement = class DuoyunInputCaptureElement extends GemEleme
|
|
|
62
63
|
this.setState({ keys: [] });
|
|
63
64
|
}, 1000));
|
|
64
65
|
_DuoyunInputCaptureElement_onKeydown.set(this, (evt) => {
|
|
65
|
-
this.setState({ keys: [...this.state.keys, getDisplayKey(evt.code)] });
|
|
66
|
+
this.setState({ keys: [...this.state.keys.slice(-5), getDisplayKey(evt.code)] });
|
|
66
67
|
__classPrivateFieldGet(this, _DuoyunInputCaptureElement_onClear, "f").call(this);
|
|
67
68
|
});
|
|
68
69
|
_DuoyunInputCaptureElement_onPointerdown.set(this, (evt) => this.setState({ mousePosition: [evt.clientX, evt.clientY] }));
|
|
@@ -86,7 +87,11 @@ let DuoyunInputCaptureElement = class DuoyunInputCaptureElement extends GemEleme
|
|
|
86
87
|
const { keys, mousePosition } = this.state;
|
|
87
88
|
return html `
|
|
88
89
|
${keys.length
|
|
89
|
-
? html
|
|
90
|
+
? html `
|
|
91
|
+
<dy-paragraph part=${DuoyunInputCaptureElement_1.container} class="container">
|
|
92
|
+
${keys.map((key) => html `<kbd part=${DuoyunInputCaptureElement_1.kbd} class="kbd">${key}</kbd>`)}
|
|
93
|
+
</dy-paragraph>
|
|
94
|
+
`
|
|
90
95
|
: ''}
|
|
91
96
|
${mousePosition
|
|
92
97
|
? html `
|
|
@@ -105,7 +110,13 @@ let DuoyunInputCaptureElement = class DuoyunInputCaptureElement extends GemEleme
|
|
|
105
110
|
}
|
|
106
111
|
};
|
|
107
112
|
_DuoyunInputCaptureElement_onClear = new WeakMap(), _DuoyunInputCaptureElement_onKeydown = new WeakMap(), _DuoyunInputCaptureElement_onPointerdown = new WeakMap(), _DuoyunInputCaptureElement_onPointermove = new WeakMap(), _DuoyunInputCaptureElement_onPointerup = new WeakMap();
|
|
108
|
-
|
|
113
|
+
__decorate([
|
|
114
|
+
part
|
|
115
|
+
], DuoyunInputCaptureElement, "container", void 0);
|
|
116
|
+
__decorate([
|
|
117
|
+
part
|
|
118
|
+
], DuoyunInputCaptureElement, "kbd", void 0);
|
|
119
|
+
DuoyunInputCaptureElement = DuoyunInputCaptureElement_1 = __decorate([
|
|
109
120
|
customElement('dy-input-capture'),
|
|
110
121
|
adoptedStyle(style)
|
|
111
122
|
], DuoyunInputCaptureElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-capture.js","sourceRoot":"","sources":["../src/elements/input-capture.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"input-capture.js","sourceRoot":"","sources":["../src/elements/input-capture.ts"],"names":[],"mappings":"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"}
|
|
@@ -10,14 +10,16 @@ declare type State = {
|
|
|
10
10
|
active: boolean;
|
|
11
11
|
waiting: boolean;
|
|
12
12
|
keydownHandles: HotKeyHandles;
|
|
13
|
-
deepQuerySelectorAll?: (selector: string) => HTMLElement[];
|
|
14
13
|
focusableElements?: FocusableElement[];
|
|
15
14
|
};
|
|
16
15
|
/**
|
|
17
16
|
* @customElement dy-keyboard-access
|
|
17
|
+
* Firefox cross origin open popup allow: about:config -> dom.popup_allowed_events add `keydown`
|
|
18
18
|
*/
|
|
19
19
|
export declare class DuoyunKeyboardAccessElement extends GemElement<State> {
|
|
20
20
|
#private;
|
|
21
|
+
static kbd: string;
|
|
22
|
+
activekey: string;
|
|
21
23
|
state: State;
|
|
22
24
|
mounted: () => () => void;
|
|
23
25
|
render: () => import("lit-html/lib/template-result").TemplateResult;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keyboard-access.d.ts","sourceRoot":"","sources":["../src/elements/keyboard-access.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"keyboard-access.d.ts","sourceRoot":"","sources":["../src/elements/keyboard-access.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AAK3D,OAAO,EAAW,aAAa,EAAU,MAAM,gBAAgB,CAAC;AAMhE,OAAO,aAAa,CAAC;AAwBrB,aAAK,gBAAgB,GAAG;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,aAAa,CAAC;IAC9B,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACxC,CAAC;AAWF;;;GAGG;AACH,qBAEa,2BAA4B,SAAQ,UAAU,CAAC,KAAK,CAAC;;IAC1D,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAM7B,KAAK,EAAE,KAAK,CAIV;IAiHF,OAAO,mBAoBL;IAEF,MAAM,8DAuBJ;CACH"}
|
|
@@ -9,10 +9,12 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
|
|
|
9
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
10
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
11
11
|
};
|
|
12
|
-
var _DuoyunKeyboardAccessElement_instances, _DuoyunKeyboardAccessElement_preventEvent, _DuoyunKeyboardAccessElement_handler, _DuoyunKeyboardAccessElement_isInputTarget, _DuoyunKeyboardAccessElement_onActive, _DuoyunKeyboardAccessElement_onInavtive, _DuoyunKeyboardAccessElement_onCancal, _DuoyunKeyboardAccessElement_onKeydown;
|
|
12
|
+
var _DuoyunKeyboardAccessElement_instances, _DuoyunKeyboardAccessElement_activekey_get, _DuoyunKeyboardAccessElement_preventEvent, _DuoyunKeyboardAccessElement_handler, _DuoyunKeyboardAccessElement_isInputTarget, _DuoyunKeyboardAccessElement_onActive, _DuoyunKeyboardAccessElement_onInavtive, _DuoyunKeyboardAccessElement_onCancal, _DuoyunKeyboardAccessElement_onKeydown;
|
|
13
|
+
var DuoyunKeyboardAccessElement_1;
|
|
13
14
|
import { GemElement, html } from '@mantou/gem/lib/element';
|
|
14
|
-
import { adoptedStyle, customElement } from '@mantou/gem/lib/decorators';
|
|
15
|
+
import { adoptedStyle, customElement, attribute, part } from '@mantou/gem/lib/decorators';
|
|
15
16
|
import { createCSSSheet, css, styleMap } from '@mantou/gem/lib/utils';
|
|
17
|
+
import { deepQuerySelectorAll } from 'deep-query-selector';
|
|
16
18
|
import { hotkeys, unlock } from '../lib/hotkeys';
|
|
17
19
|
import { isNotNullish } from '../lib/types';
|
|
18
20
|
import { theme } from '../lib/theme';
|
|
@@ -34,6 +36,7 @@ const style = createCSSSheet(css `
|
|
|
34
36
|
.key {
|
|
35
37
|
position: absolute;
|
|
36
38
|
background: yellow;
|
|
39
|
+
color: black;
|
|
37
40
|
border-color: #0002;
|
|
38
41
|
text-transform: uppercase;
|
|
39
42
|
}
|
|
@@ -49,8 +52,9 @@ function getChars(index) {
|
|
|
49
52
|
}
|
|
50
53
|
/**
|
|
51
54
|
* @customElement dy-keyboard-access
|
|
55
|
+
* Firefox cross origin open popup allow: about:config -> dom.popup_allowed_events add `keydown`
|
|
52
56
|
*/
|
|
53
|
-
let DuoyunKeyboardAccessElement = class DuoyunKeyboardAccessElement extends GemElement {
|
|
57
|
+
let DuoyunKeyboardAccessElement = DuoyunKeyboardAccessElement_1 = class DuoyunKeyboardAccessElement extends GemElement {
|
|
54
58
|
constructor() {
|
|
55
59
|
super(...arguments);
|
|
56
60
|
_DuoyunKeyboardAccessElement_instances.add(this);
|
|
@@ -70,8 +74,8 @@ let DuoyunKeyboardAccessElement = class DuoyunKeyboardAccessElement extends GemE
|
|
|
70
74
|
_DuoyunKeyboardAccessElement_onActive.set(this, (evt) => {
|
|
71
75
|
if (__classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_instances, "m", _DuoyunKeyboardAccessElement_isInputTarget).call(this, evt))
|
|
72
76
|
return;
|
|
73
|
-
const {
|
|
74
|
-
if (
|
|
77
|
+
const { active } = this.state;
|
|
78
|
+
if (active)
|
|
75
79
|
return;
|
|
76
80
|
const eles = deepQuerySelectorAll('>>> :is([tabindex],input,textarea,button,select,area,a[href])');
|
|
77
81
|
if (!eles.length) {
|
|
@@ -91,7 +95,6 @@ let DuoyunKeyboardAccessElement = class DuoyunKeyboardAccessElement extends GemE
|
|
|
91
95
|
keydownHandles,
|
|
92
96
|
focusableElements: eles
|
|
93
97
|
.map((element) => {
|
|
94
|
-
const root = element.getRootNode();
|
|
95
98
|
const { top, left, right, bottom, width, height } = element.getBoundingClientRect();
|
|
96
99
|
if (element.disabeld ||
|
|
97
100
|
element.inert ||
|
|
@@ -104,17 +107,12 @@ let DuoyunKeyboardAccessElement = class DuoyunKeyboardAccessElement extends GemE
|
|
|
104
107
|
top > innerHeight) {
|
|
105
108
|
return;
|
|
106
109
|
}
|
|
107
|
-
//
|
|
108
|
-
|
|
109
|
-
const
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
eleFromLeftTop !== root.host &&
|
|
114
|
-
eleFromRightBottom !== root.host &&
|
|
115
|
-
// ligth dom
|
|
116
|
-
(eleFromLeftTop === null || eleFromLeftTop === void 0 ? void 0 : eleFromLeftTop.parentElement) !== element &&
|
|
117
|
-
(eleFromRightBottom === null || eleFromRightBottom === void 0 ? void 0 : eleFromRightBottom.parentElement) !== element) {
|
|
110
|
+
// https://bugzilla.mozilla.org/show_bug.cgi?id=1750907
|
|
111
|
+
// https://bugs.chromium.org/p/chromium/issues/detail?id=1188919&q=elementFromPoint&can=2
|
|
112
|
+
const root = element.getRootNode();
|
|
113
|
+
const elesFromLeftTop = root.elementsFromPoint(left + 2, top + 2);
|
|
114
|
+
const elesFromRightBottom = root.elementsFromPoint(left + width - 2, top + height - 2);
|
|
115
|
+
if (!elesFromLeftTop.includes(element) && !elesFromRightBottom.includes(element)) {
|
|
118
116
|
return;
|
|
119
117
|
}
|
|
120
118
|
const key = getChars(index);
|
|
@@ -150,7 +148,7 @@ let DuoyunKeyboardAccessElement = class DuoyunKeyboardAccessElement extends GemE
|
|
|
150
148
|
if (__classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_instances, "m", _DuoyunKeyboardAccessElement_isInputTarget).call(this, evt))
|
|
151
149
|
return;
|
|
152
150
|
hotkeys({
|
|
153
|
-
|
|
151
|
+
[__classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_instances, "a", _DuoyunKeyboardAccessElement_activekey_get)]: __classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_onActive, "f"),
|
|
154
152
|
j: () => document.body.scrollBy(0, -innerHeight / 3),
|
|
155
153
|
k: () => document.body.scrollBy(0, innerHeight / 3),
|
|
156
154
|
h: () => document.body.scrollBy(0, -innerHeight),
|
|
@@ -169,11 +167,6 @@ let DuoyunKeyboardAccessElement = class DuoyunKeyboardAccessElement extends GemE
|
|
|
169
167
|
};
|
|
170
168
|
}
|
|
171
169
|
}, () => [this.state.active]);
|
|
172
|
-
this.effect(async () => {
|
|
173
|
-
const url = 'https://cdn.skypack.dev/deep-query-selector@1.0.1';
|
|
174
|
-
const { deepQuerySelectorAll } = await import(/* @vite-ignore */ /* webpackIgnore: true */ `${url}?min`);
|
|
175
|
-
this.setState({ deepQuerySelectorAll });
|
|
176
|
-
}, () => []);
|
|
177
170
|
addEventListener('keydown', __classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_onKeydown, "f"), { capture: true });
|
|
178
171
|
addEventListener('pointerdown', __classPrivateFieldGet(this, _DuoyunKeyboardAccessElement_onCancal, "f"));
|
|
179
172
|
return () => {
|
|
@@ -189,6 +182,7 @@ let DuoyunKeyboardAccessElement = class DuoyunKeyboardAccessElement extends GemE
|
|
|
189
182
|
<dy-paragraph class="contaner">
|
|
190
183
|
${focusableElements.map(({ key, left, top }) => html `
|
|
191
184
|
<kbd
|
|
185
|
+
part=${DuoyunKeyboardAccessElement_1.kbd}
|
|
192
186
|
class="key"
|
|
193
187
|
style=${styleMap({
|
|
194
188
|
left: `${left}px`,
|
|
@@ -204,7 +198,9 @@ let DuoyunKeyboardAccessElement = class DuoyunKeyboardAccessElement extends GemE
|
|
|
204
198
|
};
|
|
205
199
|
}
|
|
206
200
|
};
|
|
207
|
-
_DuoyunKeyboardAccessElement_preventEvent = new WeakMap(), _DuoyunKeyboardAccessElement_handler = new WeakMap(), _DuoyunKeyboardAccessElement_onActive = new WeakMap(), _DuoyunKeyboardAccessElement_onInavtive = new WeakMap(), _DuoyunKeyboardAccessElement_onCancal = new WeakMap(), _DuoyunKeyboardAccessElement_onKeydown = new WeakMap(), _DuoyunKeyboardAccessElement_instances = new WeakSet(),
|
|
201
|
+
_DuoyunKeyboardAccessElement_preventEvent = new WeakMap(), _DuoyunKeyboardAccessElement_handler = new WeakMap(), _DuoyunKeyboardAccessElement_onActive = new WeakMap(), _DuoyunKeyboardAccessElement_onInavtive = new WeakMap(), _DuoyunKeyboardAccessElement_onCancal = new WeakMap(), _DuoyunKeyboardAccessElement_onKeydown = new WeakMap(), _DuoyunKeyboardAccessElement_instances = new WeakSet(), _DuoyunKeyboardAccessElement_activekey_get = function _DuoyunKeyboardAccessElement_activekey_get() {
|
|
202
|
+
return this.activekey || 'f';
|
|
203
|
+
}, _DuoyunKeyboardAccessElement_isInputTarget = function _DuoyunKeyboardAccessElement_isInputTarget(evt) {
|
|
208
204
|
const originElement = evt.composedPath()[0];
|
|
209
205
|
if (originElement.isContentEditable ||
|
|
210
206
|
originElement instanceof HTMLInputElement ||
|
|
@@ -212,7 +208,13 @@ _DuoyunKeyboardAccessElement_preventEvent = new WeakMap(), _DuoyunKeyboardAccess
|
|
|
212
208
|
return true;
|
|
213
209
|
}
|
|
214
210
|
};
|
|
215
|
-
|
|
211
|
+
__decorate([
|
|
212
|
+
attribute
|
|
213
|
+
], DuoyunKeyboardAccessElement.prototype, "activekey", void 0);
|
|
214
|
+
__decorate([
|
|
215
|
+
part
|
|
216
|
+
], DuoyunKeyboardAccessElement, "kbd", void 0);
|
|
217
|
+
DuoyunKeyboardAccessElement = DuoyunKeyboardAccessElement_1 = __decorate([
|
|
216
218
|
customElement('dy-keyboard-access'),
|
|
217
219
|
adoptedStyle(style)
|
|
218
220
|
], DuoyunKeyboardAccessElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keyboard-access.js","sourceRoot":"","sources":["../src/elements/keyboard-access.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"keyboard-access.js","sourceRoot":"","sources":["../src/elements/keyboard-access.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "duoyun-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.34",
|
|
4
4
|
"description": "WebComponts UI",
|
|
5
5
|
"exports": {
|
|
6
6
|
"./elements/*": "./elements/*.js",
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"d3-geo": "^3.0.1",
|
|
26
|
+
"deep-query-selector": "^1.0.1",
|
|
26
27
|
"elkjs": "^0.7.1"
|
|
27
28
|
},
|
|
28
29
|
"peerDependencies": {
|