@vnejs/plugins.views.scenario.qte 0.1.1 → 0.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/view/index.js +1 -1
- package/dist/view/index.styles.js +0 -1
- package/package.json +19 -19
- package/src/view/index.styles.ts +0 -1
- package/src/view/index.tsx +1 -0
package/dist/view/index.js
CHANGED
|
@@ -31,6 +31,6 @@ const Qte = ({ store, onMount, emit, EVENTS, PARAMS }) => {
|
|
|
31
31
|
const isPointerPaused = phase === "resolved" || phase === "outro";
|
|
32
32
|
const onDialClick = useCallback(() => void emit(EVENTS.QTE_VIEW.ACTION), [emit, EVENTS.QTE_VIEW.ACTION]);
|
|
33
33
|
const propsScreen = useMemo(() => ({ ...propsView.screen, isDisableAutoread: true, isIgnoreOnScreenshot: true, isShow, isForce: isRealForce, transition }), [isShow, isRealForce, propsView.screen, transition]);
|
|
34
|
-
return (_jsx(Screen, { ...propsScreen, children: _jsx(PositionBox, { ...propsView.position, children: _jsx("div", { className: b("shell", { phase }), style: { ["--qte-intro-transition"]: `${introTransition}ms` }, children: _jsxs("div", { className: b("arena"), children: [_jsxs("svg", { className: b("dial"), viewBox: `0 0 ${CIRCLE_SIZE} ${CIRCLE_SIZE}`, onClick: onDialClick, children: [_jsx("circle", { className: b("trackShadow"), cx: CENTER, cy: CENTER, r: RADIUS }), _jsx("circle", { className: b("track"), cx: CENTER, cy: CENTER, r: RADIUS }), _jsx("path", { className: b("sector"), d: sectorPath })] }), _jsx("div", { className: b("pointerSpin", { spinning: isPointerSpinning, paused: isPointerPaused }), style: { ["--qte-duration"]: `${duration}ms` }, children: _jsx("div", { className: b("pointer") }) }), _jsx("div", { className: b("status"), "aria-live": "polite", children: locs[result] ?? "" })] }) }) }) }));
|
|
34
|
+
return (_jsx(Screen, { ...propsScreen, children: _jsx(PositionBox, { ...propsView.position, children: _jsx("div", { className: b("shell", { phase }), style: { ["--qte-intro-transition"]: `${introTransition}ms` }, children: _jsxs("div", { className: b("arena"), children: [_jsxs("svg", { className: b("dial"), viewBox: `0 0 ${CIRCLE_SIZE} ${CIRCLE_SIZE}`, onClick: onDialClick, "vne-cursor-type": "pointer", children: [_jsx("circle", { className: b("trackShadow"), cx: CENTER, cy: CENTER, r: RADIUS }), _jsx("circle", { className: b("track"), cx: CENTER, cy: CENTER, r: RADIUS }), _jsx("path", { className: b("sector"), d: sectorPath })] }), _jsx("div", { className: b("pointerSpin", { spinning: isPointerSpinning, paused: isPointerPaused }), style: { ["--qte-duration"]: `${duration}ms` }, children: _jsx("div", { className: b("pointer") }) }), _jsx("div", { className: b("status"), "aria-live": "polite", children: locs[result] ?? "" })] }) }) }) }));
|
|
35
35
|
};
|
|
36
36
|
export const render = createRenderFunc(Qte);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vnejs/plugins.views.scenario.qte",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -30,27 +30,27 @@
|
|
|
30
30
|
"author": "",
|
|
31
31
|
"license": "ISC",
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@vnejs/contracts.scenario.qte": "~0.
|
|
34
|
-
"@vnejs/contracts.views.scenario.qte": "~0.
|
|
33
|
+
"@vnejs/contracts.scenario.qte": "~0.2.0",
|
|
34
|
+
"@vnejs/contracts.views.scenario.qte": "~0.2.0"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
|
-
"@vnejs/contracts.controls": "~0.
|
|
38
|
-
"@vnejs/module.components": "~0.
|
|
39
|
-
"@vnejs/shared": "~0.
|
|
40
|
-
"@vnejs/uis.react": "~0.
|
|
41
|
-
"@vnejs/uis.utils": "~0.
|
|
37
|
+
"@vnejs/contracts.controls": "~0.2.0",
|
|
38
|
+
"@vnejs/module.components": "~0.2.0",
|
|
39
|
+
"@vnejs/shared": "~0.2.0",
|
|
40
|
+
"@vnejs/uis.react": "~0.2.0",
|
|
41
|
+
"@vnejs/uis.utils": "~0.2.0"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@vnejs/configs.ts-common": "~0.
|
|
45
|
-
"@vnejs/configs.vitest": "~0.
|
|
46
|
-
"@vnejs/test-utils": "~0.
|
|
47
|
-
"@vnejs/contracts.controls": "~0.
|
|
48
|
-
"@vnejs/contracts.scenario.qte": "~0.
|
|
49
|
-
"@vnejs/contracts.views.scenario.qte": "~0.
|
|
50
|
-
"@vnejs/module.components": "~0.
|
|
51
|
-
"@vnejs/shared": "~0.
|
|
52
|
-
"@vnejs/sources-set": "~0.
|
|
53
|
-
"@vnejs/uis.react": "~0.
|
|
54
|
-
"@vnejs/uis.utils": "~0.
|
|
44
|
+
"@vnejs/configs.ts-common": "~0.2.0",
|
|
45
|
+
"@vnejs/configs.vitest": "~0.2.0",
|
|
46
|
+
"@vnejs/test-utils": "~0.2.0",
|
|
47
|
+
"@vnejs/contracts.controls": "~0.2.0",
|
|
48
|
+
"@vnejs/contracts.scenario.qte": "~0.2.0",
|
|
49
|
+
"@vnejs/contracts.views.scenario.qte": "~0.2.0",
|
|
50
|
+
"@vnejs/module.components": "~0.2.0",
|
|
51
|
+
"@vnejs/shared": "~0.2.0",
|
|
52
|
+
"@vnejs/sources-set": "~0.2.0",
|
|
53
|
+
"@vnejs/uis.react": "~0.2.0",
|
|
54
|
+
"@vnejs/uis.utils": "~0.2.0"
|
|
55
55
|
}
|
|
56
56
|
}
|
package/src/view/index.styles.ts
CHANGED
package/src/view/index.tsx
CHANGED