@quicktvui/quicktvui3 1.2.0-beta.21 → 1.2.0-beta.22
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/index.css +452 -452
- package/dist/index.js +5 -5
- package/dist/src/canvas/Gradient.d.ts +37 -0
- package/dist/src/canvas/QTCanvasView.d.ts +3 -0
- package/dist/src/canvas/QTICanvasView.d.ts +50 -0
- package/dist/src/canvas/QtCanvasViewAPI.d.ts +54 -0
- package/dist/src/index.d.ts +6 -5
- package/package.json +27 -27
- package/web-types.json +1 -1
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export type GradientType = 'linear' | 'radial' | string;
|
|
2
|
+
export interface Position2D {
|
|
3
|
+
x: number;
|
|
4
|
+
y: number;
|
|
5
|
+
}
|
|
6
|
+
export interface Position2DWithRadius extends Position2D {
|
|
7
|
+
r: number;
|
|
8
|
+
}
|
|
9
|
+
export interface GradientStop {
|
|
10
|
+
pos: number;
|
|
11
|
+
color: string;
|
|
12
|
+
}
|
|
13
|
+
export interface LinearGradient {
|
|
14
|
+
type: 'linear';
|
|
15
|
+
start_pos: Position2D;
|
|
16
|
+
end_pos: Position2D;
|
|
17
|
+
stop_count: number;
|
|
18
|
+
stops: GradientStop[];
|
|
19
|
+
}
|
|
20
|
+
export interface RadialGradient {
|
|
21
|
+
type: 'radial';
|
|
22
|
+
start_pos: Position2DWithRadius;
|
|
23
|
+
end_pos: Position2DWithRadius;
|
|
24
|
+
stop_count: number;
|
|
25
|
+
stops: GradientStop[];
|
|
26
|
+
}
|
|
27
|
+
export type GradientInput = LinearGradient | RadialGradient | string;
|
|
28
|
+
declare class CanvasGradient {
|
|
29
|
+
start_pos: Position2D | Position2DWithRadius;
|
|
30
|
+
end_pos: Position2D | Position2DWithRadius;
|
|
31
|
+
type: GradientType;
|
|
32
|
+
stop_count: number;
|
|
33
|
+
stops: GradientStop[];
|
|
34
|
+
constructor(x0: number, y0: number, x1: number, y1?: number, r0?: number, r1?: number);
|
|
35
|
+
addColorStop(pos: number, color: string): void;
|
|
36
|
+
}
|
|
37
|
+
export default CanvasGradient;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { QTIView } from '../view/QTIView';
|
|
2
|
+
export interface QTICanvasView extends QTIView {
|
|
3
|
+
destoryView(): void;
|
|
4
|
+
drawAction(str: string): void;
|
|
5
|
+
drawFinish(): void;
|
|
6
|
+
fillStyle(color: string): void;
|
|
7
|
+
fillRect(left: number, top: number, right: number, bottom: number): void;
|
|
8
|
+
rec(left: number, top: number, right: number, bottom: number): void;
|
|
9
|
+
strokeStyle(str: string): void;
|
|
10
|
+
strokeRect(left: number, top: number, right: number, bottom: number): void;
|
|
11
|
+
clearRect(left: number, top: number, right: number, bottom: number): void;
|
|
12
|
+
shadowBlur(value: number): void;
|
|
13
|
+
shadowColor(color: number): void;
|
|
14
|
+
shadowOffsetX(x: number): void;
|
|
15
|
+
shadowOffsetY(y: number): void;
|
|
16
|
+
lineDashOffset(offset: number): void;
|
|
17
|
+
lineWidth(lineWidth: number): void;
|
|
18
|
+
setLineDash(a: number, b: number): void;
|
|
19
|
+
textBaseline(str: string): void;
|
|
20
|
+
textAlign(str: string): void;
|
|
21
|
+
fillText(text: string, x: number, y: number): void;
|
|
22
|
+
strokeText(text: string, x: number, y: number): void;
|
|
23
|
+
font(text: string): void;
|
|
24
|
+
beginPath(): void;
|
|
25
|
+
moveTo(x: number, y: number): void;
|
|
26
|
+
arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise: boolean): void;
|
|
27
|
+
clip(): void;
|
|
28
|
+
lineTo(x: number, y: number): void;
|
|
29
|
+
closePath(): void;
|
|
30
|
+
stroke(): void;
|
|
31
|
+
fill(): void;
|
|
32
|
+
save(): void;
|
|
33
|
+
restore(): void;
|
|
34
|
+
lineCap(str: string): void;
|
|
35
|
+
lineJoin(type: string): void;
|
|
36
|
+
quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
|
|
37
|
+
bezierCurveTo(cpx1: number, cpy1: number, cpx2: number, cpy2: number, x: number, y: number): void;
|
|
38
|
+
globalAlpha(value: number): void;
|
|
39
|
+
globalCompositeOperation(value: string): void;
|
|
40
|
+
translate(tx: number, ty: number): void;
|
|
41
|
+
rotate(angle: number): void;
|
|
42
|
+
scale(sx: number, sy: number): void;
|
|
43
|
+
transform(scaleX: number, skewY: number, skewX: number, scaleY: number, translateX: number, translateY: number): void;
|
|
44
|
+
setTransform(scaleX: number, skewY: number, skewX: number, scaleY: number, translateX: number, translateY: number): void;
|
|
45
|
+
drawImage(url: string, x: number, y: number): void;
|
|
46
|
+
drawImageWithWH(url: string, x: number, y: number, width: number, height: number): void;
|
|
47
|
+
drawImageSlice(url: string, sx: number, sy: number, sWidth: number, sHeight: number, dx: number, dy: number, dWidth: number, dHeight: number): void;
|
|
48
|
+
setVersion(version: string): any;
|
|
49
|
+
setCurrentDensity(density: string): any;
|
|
50
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { Ref } from '@vue/reactivity';
|
|
2
|
+
import { QTICanvasView } from './QTICanvasView';
|
|
3
|
+
import { QtBaseViewAPI } from '../base/QtBaseViewAPI';
|
|
4
|
+
import CanvasGradient from './Gradient';
|
|
5
|
+
export interface QtCanvasViewAPI extends QtBaseViewAPI {
|
|
6
|
+
destoryView(instance: string | Ref<QTICanvasView | undefined>): void;
|
|
7
|
+
drawAction(instance: string | Ref<QTICanvasView | undefined>, str: string): void;
|
|
8
|
+
drawFinish(instance: string | Ref<QTICanvasView | undefined>): void;
|
|
9
|
+
fillStyle(instance: string | Ref<QTICanvasView | undefined>, input: CanvasGradient): void;
|
|
10
|
+
fillRect(instance: string | Ref<QTICanvasView | undefined>, left: number, top: number, right: number, bottom: number): void;
|
|
11
|
+
rec(instance: string | Ref<QTICanvasView | undefined>, left: number, top: number, right: number, bottom: number): void;
|
|
12
|
+
strokeStyle(instance: string | Ref<QTICanvasView | undefined>, string: CanvasGradient): void;
|
|
13
|
+
strokeRect(instance: string | Ref<QTICanvasView | undefined>, left: number, top: number, right: number, bottom: number): void;
|
|
14
|
+
clearRect(instance: string | Ref<QTICanvasView | undefined>, left: number, top: number, right: number, bottom: number): void;
|
|
15
|
+
shadowBlur(instance: string | Ref<QTICanvasView | undefined>, value: number): void;
|
|
16
|
+
shadowColor(instance: string | Ref<QTICanvasView | undefined>, color: number): void;
|
|
17
|
+
shadowOffsetX(instance: string | Ref<QTICanvasView | undefined>, x: number): void;
|
|
18
|
+
shadowOffsetY(instance: string | Ref<QTICanvasView | undefined>, y: number): void;
|
|
19
|
+
lineDashOffset(instance: string | Ref<QTICanvasView | undefined>, offset: number): void;
|
|
20
|
+
lineWidth(instance: string | Ref<QTICanvasView | undefined>, lineWidth: number): void;
|
|
21
|
+
setLineDash(instance: string | Ref<QTICanvasView | undefined>, a: number, b: number): void;
|
|
22
|
+
textBaseline(instance: string | Ref<QTICanvasView | undefined>, str: string): void;
|
|
23
|
+
textAlign(instance: string | Ref<QTICanvasView | undefined>, str: string): void;
|
|
24
|
+
fillText(instance: string | Ref<QTICanvasView | undefined>, text: string, x: number, y: number): void;
|
|
25
|
+
strokeText(instance: string | Ref<QTICanvasView | undefined>, text: string, x: number, y: number): void;
|
|
26
|
+
font(instance: string | Ref<QTICanvasView | undefined>, text: string): void;
|
|
27
|
+
beginPath(instance: string | Ref<QTICanvasView | undefined>): void;
|
|
28
|
+
moveTo(instance: string | Ref<QTICanvasView | undefined>, x: number, y: number): void;
|
|
29
|
+
arc(instance: string | Ref<QTICanvasView | undefined>, x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise: boolean): void;
|
|
30
|
+
clip(instance: string | Ref<QTICanvasView | undefined>): void;
|
|
31
|
+
lineTo(instance: string | Ref<QTICanvasView | undefined>, x: number, y: number): void;
|
|
32
|
+
closePath(instance: string | Ref<QTICanvasView | undefined>): void;
|
|
33
|
+
stroke(instance: string | Ref<QTICanvasView | undefined>): void;
|
|
34
|
+
fill(instance: string | Ref<QTICanvasView | undefined>): void;
|
|
35
|
+
save(instance: string | Ref<QTICanvasView | undefined>): void;
|
|
36
|
+
restore(instance: string | Ref<QTICanvasView | undefined>): void;
|
|
37
|
+
lineCap(instance: string | Ref<QTICanvasView | undefined>, str: string): void;
|
|
38
|
+
lineJoin(instance: string | Ref<QTICanvasView | undefined>, type: string): void;
|
|
39
|
+
quadraticCurveTo(instance: string | Ref<QTICanvasView | undefined>, cpx: number, cpy: number, x: number, y: number): void;
|
|
40
|
+
bezierCurveTo(instance: string | Ref<QTICanvasView | undefined>, cpx1: number, cpy1: number, cpx2: number, cpy2: number, x: number, y: number): void;
|
|
41
|
+
globalAlpha(instance: string | Ref<QTICanvasView | undefined>, value: number): void;
|
|
42
|
+
globalCompositeOperation(instance: string | Ref<QTICanvasView | undefined>, value: string): void;
|
|
43
|
+
translate(instance: string | Ref<QTICanvasView | undefined>, tx: number, ty: number): void;
|
|
44
|
+
rotate(instance: string | Ref<QTICanvasView | undefined>, angle: number): void;
|
|
45
|
+
scale(instance: string | Ref<QTICanvasView | undefined>, sx: number, sy: number): void;
|
|
46
|
+
transform(instance: string | Ref<QTICanvasView | undefined>, scaleX: number, skewY: number, skewX: number, scaleY: number, translateX: number, translateY: number): void;
|
|
47
|
+
setTransform(instance: string | Ref<QTICanvasView | undefined>, scaleX: number, skewY: number, skewX: number, scaleY: number, translateX: number, translateY: number): void;
|
|
48
|
+
drawImage(instance: string | Ref<QTICanvasView | undefined>, url: string, x: number, y: number): void;
|
|
49
|
+
drawImageWithWH(instance: string | Ref<QTICanvasView | undefined>, url: string, x: number, y: number, width: number, height: number): void;
|
|
50
|
+
drawImageSlice(instance: string | Ref<QTICanvasView | undefined>, url: string, sx: number, sy: number, sWidth: number, sHeight: number, dx: number, dy: number, dWidth: number, dHeight: number): void;
|
|
51
|
+
setVersion(instance: string | Ref<QTICanvasView | undefined>, version: string): any;
|
|
52
|
+
setCurrentDensity(instance: string | Ref<QTICanvasView | undefined>, density: string): any;
|
|
53
|
+
}
|
|
54
|
+
export declare function createQtCanvasViewAPI(viewAPI: QtBaseViewAPI): QtCanvasViewAPI;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { arrangeChildren4ListView } from
|
|
2
|
-
export { qtRef, qtWatchAll, qtGetParent, qtTabsRef, parseChildUpdate, qtDiff } from
|
|
3
|
-
export type { IQtTabDatas } from
|
|
4
|
-
import { QtAPI } from
|
|
1
|
+
import { arrangeChildren4ListView } from './utils/utils';
|
|
2
|
+
export { qtRef, qtWatchAll, qtGetParent, qtTabsRef, parseChildUpdate, qtDiff, } from './qtListen/index';
|
|
3
|
+
export type { IQtTabDatas } from './qtListen/index';
|
|
4
|
+
import { QtAPI } from './qt/QtAPI';
|
|
5
5
|
declare global {
|
|
6
6
|
var qt: QtAPI;
|
|
7
7
|
}
|
|
@@ -95,7 +95,7 @@ export { QTSeekBarTickMarkGravity } from './seekbar/QTSeekBarTickMarkGravity';
|
|
|
95
95
|
export { QTSeekBarTickMarkLayoutGravity } from './seekbar/QTSeekBarTickMarkLayoutGravity';
|
|
96
96
|
export type { QTIProgressBar } from './progressbar/QTIProgressBar';
|
|
97
97
|
export type { QTIAnimation } from './animation/QTIAnimation';
|
|
98
|
-
export { QTAnimationInterpolatorType, QTAnimationPropertyName, QTAnimationRepeatMode, QTAnimationValueType } from './animation/types';
|
|
98
|
+
export { QTAnimationInterpolatorType, QTAnimationPropertyName, QTAnimationRepeatMode, QTAnimationValueType, } from './animation/types';
|
|
99
99
|
export type { QTAnimationInterpolator, QTAnimatorId } from './animation/types';
|
|
100
100
|
export type { QTIMediaSeries } from './series/QTIMediaSeries';
|
|
101
101
|
export type { QTMediaSeries } from './series/QTMediaSeries';
|
|
@@ -132,3 +132,4 @@ export type { QTIText } from './text/QTIText';
|
|
|
132
132
|
export type { QTIAppIcon } from './app/QTIAppIcon';
|
|
133
133
|
export type { QTIPluginView, QTPluginViewEvent } from './plugin/QTIPluginView';
|
|
134
134
|
export { VirtualView } from './utils/VirtualView';
|
|
135
|
+
export type { QTICanvasView } from './canvas/QTICanvasView';
|
package/package.json
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@quicktvui/quicktvui3",
|
|
3
|
-
"version": "1.2.0-beta.
|
|
4
|
-
"description": "ExtScreen framework",
|
|
5
|
-
"author": "ExtScreen Team",
|
|
6
|
-
"homepage": "http://extscreen.com",
|
|
7
|
-
"license": "Apache-2.0",
|
|
8
|
-
"entry": "dist/index.js",
|
|
9
|
-
"main": "dist/index.js",
|
|
10
|
-
"module": "dist/index.js",
|
|
11
|
-
"types": "dist/src/index.d.ts",
|
|
12
|
-
"keywords": [
|
|
13
|
-
"native",
|
|
14
|
-
"web",
|
|
15
|
-
"framework",
|
|
16
|
-
"compiler"
|
|
17
|
-
],
|
|
18
|
-
"peerDependencies": {
|
|
19
|
-
"@extscreen/es3-core": "^1.1.24",
|
|
20
|
-
"@extscreen/es3-router": "^1.1.14"
|
|
21
|
-
},
|
|
22
|
-
"files": [
|
|
23
|
-
"dist",
|
|
24
|
-
"web-types.json"
|
|
25
|
-
],
|
|
26
|
-
"web-types": "web-types.json"
|
|
27
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@quicktvui/quicktvui3",
|
|
3
|
+
"version": "1.2.0-beta.22",
|
|
4
|
+
"description": "ExtScreen framework",
|
|
5
|
+
"author": "ExtScreen Team",
|
|
6
|
+
"homepage": "http://extscreen.com",
|
|
7
|
+
"license": "Apache-2.0",
|
|
8
|
+
"entry": "dist/index.js",
|
|
9
|
+
"main": "dist/index.js",
|
|
10
|
+
"module": "dist/index.js",
|
|
11
|
+
"types": "dist/src/index.d.ts",
|
|
12
|
+
"keywords": [
|
|
13
|
+
"native",
|
|
14
|
+
"web",
|
|
15
|
+
"framework",
|
|
16
|
+
"compiler"
|
|
17
|
+
],
|
|
18
|
+
"peerDependencies": {
|
|
19
|
+
"@extscreen/es3-core": "^1.1.24",
|
|
20
|
+
"@extscreen/es3-router": "^1.1.14"
|
|
21
|
+
},
|
|
22
|
+
"files": [
|
|
23
|
+
"dist",
|
|
24
|
+
"web-types.json"
|
|
25
|
+
],
|
|
26
|
+
"web-types": "web-types.json"
|
|
27
|
+
}
|