@ray-js/ipc-player-integration 0.0.1-beta-21 → 0.0.1-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.
Files changed (64) hide show
  1. package/lib/ctx/ctx.composition.js +19 -9
  2. package/lib/ctx/ctx.d.ts +5 -3
  3. package/lib/ctx/ctx.js +43 -22
  4. package/lib/ctx/store.d.ts +1 -1
  5. package/lib/ctx/store.js +1 -1
  6. package/lib/i18n/index.d.ts +12 -0
  7. package/lib/i18n/strings.d.ts +6 -0
  8. package/lib/i18n/strings.js +8 -2
  9. package/lib/interface.d.ts +11 -7
  10. package/lib/plugins/battery/battery.composition.d.ts +47 -5
  11. package/lib/plugins/battery/battery.composition.js +4 -0
  12. package/lib/plugins/battery/battery.js +9 -9
  13. package/lib/plugins/battery/battery.less +4 -14
  14. package/lib/plugins/battery/batteryFull.d.ts +13 -0
  15. package/lib/plugins/battery/batteryFull.js +46 -0
  16. package/lib/plugins/fullScreen/fullScreen.js +11 -7
  17. package/lib/plugins/fullScreen/fullScreen.less +7 -7
  18. package/lib/plugins/fullScreen/verticalScreen.d.ts +1 -1
  19. package/lib/plugins/fullScreen/verticalScreen.js +8 -5
  20. package/lib/plugins/fullScreen/verticalScreen.less +7 -12
  21. package/lib/plugins/index.d.ts +3 -1
  22. package/lib/plugins/index.js +6 -2
  23. package/lib/plugins/muted/muted.js +4 -4
  24. package/lib/plugins/muted/muted.less +8 -1
  25. package/lib/plugins/ptz/ptz.js +5 -21
  26. package/lib/plugins/ptz/ptz.less +1 -1
  27. package/lib/plugins/ptz/ptzControl.js +1 -3
  28. package/lib/plugins/recordVideo/recordVideo.js +8 -7
  29. package/lib/plugins/recordVideo/recordVideo.less +2 -2
  30. package/lib/plugins/resolution/fullResolutionControl.js +0 -1
  31. package/lib/plugins/resolution/resolution.js +6 -3
  32. package/lib/plugins/resolution/resolution.less +4 -3
  33. package/lib/plugins/screenshot/screenshot.js +40 -16
  34. package/lib/plugins/screenshot/screenshot.less +28 -23
  35. package/lib/plugins/smallIntercom/index.d.ts +1 -0
  36. package/lib/plugins/smallIntercom/index.js +1 -0
  37. package/lib/plugins/smallIntercom/smallIntercom.d.ts +6 -0
  38. package/lib/plugins/smallIntercom/smallIntercom.js +49 -0
  39. package/lib/plugins/smallIntercom/smallIntercom.less +50 -0
  40. package/lib/plugins/tempHumidity/tempHumidity.d.ts +1 -1
  41. package/lib/plugins/tempHumidity/tempHumidity.js +12 -4
  42. package/lib/plugins/videoBitKBP/index.d.ts +1 -0
  43. package/lib/plugins/videoBitKBP/index.js +1 -0
  44. package/lib/plugins/{videoBitKbps/videoBitKbps.d.ts → videoBitKBP/videoBitKBP.d.ts} +2 -2
  45. package/lib/plugins/{videoBitKbps/videoBitKbps.js → videoBitKBP/videoBitKBP.js} +14 -7
  46. package/lib/plugins/{videoBitKbps/videoBitKbps.less → videoBitKBP/videoBitKBP.less} +4 -5
  47. package/lib/ui/bottomLeftContent.d.ts +8 -0
  48. package/lib/ui/{topContent.js → bottomLeftContent.js} +10 -9
  49. package/lib/ui/bottomRightContent.d.ts +8 -0
  50. package/lib/ui/bottomRightContent.js +33 -0
  51. package/lib/ui/constant.d.ts +1 -0
  52. package/lib/ui/constant.js +2 -1
  53. package/lib/ui/hooks.d.ts +1 -1
  54. package/lib/ui/hooks.js +4 -3
  55. package/lib/ui/{bottomContent.d.ts → topLeftContent.d.ts} +2 -2
  56. package/lib/ui/topLeftContent.js +37 -0
  57. package/lib/ui/{topContent.d.ts → topRightContent.d.ts} +2 -2
  58. package/lib/ui/{bottomContent.js → topRightContent.js} +10 -9
  59. package/lib/ui/ui.d.ts +3 -0
  60. package/lib/ui/ui.js +97 -37
  61. package/lib/ui/ui.less +162 -25
  62. package/package.json +6 -8
  63. package/lib/plugins/videoBitKbps/index.d.ts +0 -1
  64. package/lib/plugins/videoBitKbps/index.js +0 -1
package/lib/ui/ui.less CHANGED
@@ -2,48 +2,185 @@
2
2
  position: relative;
3
3
  overflow: hidden;
4
4
 
5
- .ipc-player-top-content-warp {
5
+ // 左上角容器样式
6
+ .ipc-player-top-left-content-wrap {
6
7
  position: absolute;
7
- width: 100%;
8
8
  left: 0;
9
9
  top: 0;
10
10
  z-index: 100;
11
11
  }
12
-
13
- .ipc-player-bottom-content-warp {
12
+ // 右上角容器样式
13
+ .ipc-player-top-right-content-wrap {
14
+ position: absolute;
15
+ right: 0;
16
+ top: 0;
17
+ z-index: 100;
18
+ }
19
+ // 左下角容器样式
20
+ .ipc-player-bottom-left-content-wrap {
14
21
  position: absolute;
15
22
  z-index: 100;
16
- width: 100%;
17
23
  left: 0;
18
24
  bottom: 0;
25
+ display: flex;
26
+ flex-direction: row;
19
27
  }
20
-
21
- .ipc-player-content-item {
22
- --height: 48px;
23
- --gap: 10px;
28
+ // 右下角容器样式
29
+ .ipc-player-bottom-right-content-wrap {
30
+ position: absolute;
31
+ z-index: 100;
32
+ right: 0;
33
+ bottom: 0;
24
34
  display: flex;
25
- width: 100%;
26
- height: calc(var(--height) * var(--ipc-player-size-scale, 1));
27
- align-items: center;
28
- gap: calc(var(--gap) * var(--ipc-player-size-scale, 1));
29
- padding: 0 calc(16px * var(--ipc-player-size-scale, 1));
35
+ flex-direction: row;
36
+ }
37
+
38
+
39
+ // 左上角隐藏
40
+ .ipc-player-top-left-content-show {
41
+ transform: translate(0, 0);
42
+ transition: transform ease-in 0.3s;
43
+ }
44
+
45
+ .ipc-player-top-left-content-hide {
46
+ transform: translate(0, -110%);
47
+ transition: transform 0.3s ease-in-out;
48
+ }
49
+
50
+ // 右上角隐藏
51
+ .ipc-player-top-right-content-show {
30
52
  transform: translate(0, 0);
31
53
  transition: transform ease-in 0.3s;
54
+ }
55
+
56
+ .ipc-player-top-right-content-hide {
57
+ transform: translate(0, -110%);
58
+ transition: transform 0.3s ease-in-out;
59
+ }
60
+
61
+
62
+ // 左下角隐藏
63
+ .ipc-player-bottom-left-content-hide {
64
+ transform: translate(0, 110%);
65
+ transition: transform 0.3s ease-in-out;
66
+ }
67
+
68
+ .ipc-player-bottom-left-content-show {
69
+ transform: translate(0, 0);
70
+ transition: transform ease-in 0.3s;
71
+ }
72
+
73
+ // 右下角隐藏
74
+ .ipc-player-bottom-right-content-hide {
75
+ transform: translate(0, 110%);
76
+ transition: transform 0.3s ease-in-out;
77
+ }
78
+
79
+ .ipc-player-bottom-right-content-show {
80
+ transform: translate(0, 0);
81
+ transition: transform ease-in 0.3s;
82
+ }
83
+
84
+
85
+ // 左上角子元素内容区域样式
86
+ .ipc-player-top-left-content-container {
87
+ display: flex;
88
+ flex-direction: inherit;
89
+ }
32
90
 
33
- &.ipc-player-top-content {
34
- justify-content: flex-end;
91
+ // 右上角子元素内容区域样式
92
+ .ipc-player-top-right-content-container {
93
+ display: flex;
94
+ flex-direction: inherit;
95
+ }
96
+
97
+ // 左下角子元素内容区域样式
98
+ .ipc-player-bottom-left-content-container {
99
+ display: flex;
100
+ flex-direction: inherit;
101
+ }
35
102
 
36
- &.ipc-player-top-content-hide {
37
- transform: translate(0, -110%);
38
- }
39
- }
103
+ // 右下角子元素内容区域样式
104
+ .ipc-player-bottom-right-content-container {
105
+ display: flex;
106
+ flex-direction: inherit;
107
+ }
40
108
 
41
- &.ipc-player-bottom-content {
42
- &.ipc-player-bottom-content-hide {
43
- transform: translate(0, 110%)
44
- }
45
- }
109
+ .ipc-player-bottom-right-content-wrap {
110
+ position: absolute;
111
+ z-index: 100;
112
+ right: 0;
113
+ bottom: 0;
114
+ }
115
+
116
+ .ipc-player-bottom-right-item-container {
117
+ padding: 0 8px;
118
+ height: 100%;
119
+ display: flex;
120
+ justify-content: center;
121
+ align-items: center;
122
+ }
123
+
124
+
125
+ // 左上角子元素容器
126
+ .top-left-item-container {
127
+ padding: 0 8px;
128
+ }
129
+ .top-left-item-container:first-of-type {
130
+ padding: 0 8px 0 16px;
131
+ }
132
+ .top-left-item-container:last-of-type {
133
+ padding: 0 0 0 8px;
134
+ }
135
+ .top-left-item-container:only-of-type {
136
+ padding: 0 0 0 16px;
137
+ }
138
+
139
+
140
+ // 右上角子元素容器
141
+ .top-right-item-container {
142
+ padding: 0 8px;
143
+ }
144
+ .top-right-item-container:first-of-type {
145
+ padding: 0 8px 0 0;
146
+ }
147
+ .top-right-item-container:last-of-type {
148
+ padding: 0 16px 0 8px;
149
+ }
150
+ .top-right-item-container:only-of-type {
151
+ padding: 0 16px 0 0;
152
+ }
153
+
154
+ // 左下角子元素容器
155
+ .bottom-left-item-container {
156
+ padding: 0 8px;
157
+ }
158
+
159
+ .bottom-left-item-container:first-of-type {
160
+ padding: 0 8px 0 16px;
161
+ }
162
+ .bottom-left-item-container:last-of-type {
163
+ padding: 0 0 0 8px;
164
+ }
165
+ .bottom-left-item-container:only-of-type{
166
+ padding: 0 0 0 16px;
167
+ }
168
+
169
+ // 右下角子元素容器
170
+ .bottom-right-item-container {
171
+ padding: 0 8px;
172
+ }
173
+
174
+ .bottom-right-item-container:first-of-type {
175
+ padding: 0 8px 0 0;
176
+ }
177
+ .bottom-right-item-container:last-of-type {
178
+ padding: 0 16px 0 8px;
179
+ }
180
+ .bottom-right-item-container:only-of-type {
181
+ padding: 0 16px 0 0;
46
182
  }
183
+
47
184
  }
48
185
 
49
186
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ray-js/ipc-player-integration",
3
- "version": "0.0.1-beta-21",
3
+ "version": "0.0.1-beta-22",
4
4
  "description": "IPC 播放器功能集成",
5
5
  "main": "lib/index",
6
6
  "files": [
@@ -31,21 +31,19 @@
31
31
  "release-it": "standard-version",
32
32
  "test": "yarn jest"
33
33
  },
34
- "peerDependencies": {
35
- "@ray-js/ray": "^1.4.9"
36
- },
34
+ "peerDependencies": {},
37
35
  "dependencies": {
38
- "@ray-js/ray-ipc-player": "2.0.18-beta-3",
36
+ "@ray-js/ray-ipc-player": "2.0.19-beta-beta-1",
39
37
  "@ray-js/ray-ipc-utils": "1.1.0-beta-12",
40
38
  "@ray-js/ipc-ptz-zoom": "0.0.2-beta-1",
41
39
  "clsx": "^1.2.1",
42
- "jotai": "^2.10.2"
40
+ "jotai": "^2.10.2",
41
+ "@ray-js/panel-sdk": "^1.13.1"
43
42
  },
44
43
  "devDependencies": {
45
44
  "@commitlint/cli": "^7.2.1",
46
45
  "@commitlint/config-conventional": "^9.0.1",
47
46
  "@ray-js/cli": "^1.4.9",
48
- "@ray-js/panel-sdk": "^1.13.0-storage.7",
49
47
  "@ray-js/ray": "^1.4.9",
50
48
  "@testing-library/react-hooks": "^8.0.1",
51
49
  "@types/jest": "^29.5.14",
@@ -56,7 +54,7 @@
56
54
  "standard-version": "9.3.2"
57
55
  },
58
56
  "resolutions": {
59
- "@ray-js/builder-mp": "1.5.37"
57
+ "@ray-js/builder-mp": "1.6.2"
60
58
  },
61
59
  "husky": {
62
60
  "hooks": {
package/lib/plugins/videoBitKbps/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './videoBitKbps';
package/lib/plugins/videoBitKbps/index.js DELETED
@@ -1 +0,0 @@
1
- export * from './videoBitKbps';