@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.
@@ -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);
@@ -49,7 +49,6 @@ ${sel(b("dial"))} {
49
49
  width: 100%;
50
50
  height: 100%;
51
51
  overflow: visible;
52
- cursor: pointer;
53
52
  }
54
53
 
55
54
  ${sel(b("trackShadow"))} {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vnejs/plugins.views.scenario.qte",
3
- "version": "0.1.1",
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.1.0",
34
- "@vnejs/contracts.views.scenario.qte": "~0.1.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.1.0",
38
- "@vnejs/module.components": "~0.1.0",
39
- "@vnejs/shared": "~0.1.0",
40
- "@vnejs/uis.react": "~0.1.0",
41
- "@vnejs/uis.utils": "~0.1.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.1.0",
45
- "@vnejs/configs.vitest": "~0.1.0",
46
- "@vnejs/test-utils": "~0.1.0",
47
- "@vnejs/contracts.controls": "~0.1.0",
48
- "@vnejs/contracts.scenario.qte": "~0.1.0",
49
- "@vnejs/contracts.views.scenario.qte": "~0.1.0",
50
- "@vnejs/module.components": "~0.1.0",
51
- "@vnejs/shared": "~0.1.0",
52
- "@vnejs/sources-set": "~0.1.0",
53
- "@vnejs/uis.react": "~0.1.0",
54
- "@vnejs/uis.utils": "~0.1.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
  }
@@ -51,7 +51,6 @@ ${sel(b("dial"))} {
51
51
  width: 100%;
52
52
  height: 100%;
53
53
  overflow: visible;
54
- cursor: pointer;
55
54
  }
56
55
 
57
56
  ${sel(b("trackShadow"))} {
@@ -71,6 +71,7 @@ const Qte = ({ store, onMount, emit, EVENTS, PARAMS }: QteComponentProps) => {
71
71
  className={b("dial")}
72
72
  viewBox={`0 0 ${CIRCLE_SIZE} ${CIRCLE_SIZE}`}
73
73
  onClick={onDialClick}
74
+ vne-cursor-type="pointer"
74
75
  >
75
76
  <circle
76
77
  className={b("trackShadow")}