yootd 0.0.10 → 0.0.11

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 (59) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +43 -43
  3. package/dist/Preview/components/preview/phone.scss +8 -8
  4. package/dist/Preview/index.scss +35 -35
  5. package/dist/Preview/types/type.d.ts +21 -21
  6. package/dist/anchor/index.scss +23 -23
  7. package/dist/approval-process/index.scss +95 -95
  8. package/dist/areas/index.scss +21 -21
  9. package/dist/areas/types/types.d.ts +39 -39
  10. package/dist/aside/components/SortableItem.scss +93 -93
  11. package/dist/aside/index.scss +25 -25
  12. package/dist/aside/types/types.d.ts +44 -44
  13. package/dist/badge/index.scss +5 -5
  14. package/dist/buildings/types/types.d.ts +21 -21
  15. package/dist/button/index.scss +30 -30
  16. package/dist/cascader/index.scss +5 -5
  17. package/dist/config-provider/context.d.ts +0 -1
  18. package/dist/config-provider/index.d.ts +0 -1
  19. package/dist/config-provider/index.js +1 -3
  20. package/dist/courses/types/types.d.ts +18 -18
  21. package/dist/dictionary/index.js +1 -2
  22. package/dist/dictionary/types/types.d.ts +14 -14
  23. package/dist/drawer-modal/index.scss +39 -39
  24. package/dist/drawer-modal/types/types.d.ts +3 -3
  25. package/dist/dropdown/assets/arrow-down.svg +5 -5
  26. package/dist/empty/index.scss +15 -15
  27. package/dist/group-title/index.scss +31 -31
  28. package/dist/image/index.scss +26 -26
  29. package/dist/index.d.ts +0 -2
  30. package/dist/index.js +1 -2
  31. package/dist/input/index.scss +5 -5
  32. package/dist/modal/index.scss +65 -65
  33. package/dist/pagination/index.scss +47 -47
  34. package/dist/school/index.scss +21 -21
  35. package/dist/state/index.scss +89 -89
  36. package/dist/steps/index.scss +32 -32
  37. package/dist/student-dropdown/types/types.d.ts +44 -44
  38. package/dist/table/components/primary-header-row/index.scss +58 -58
  39. package/dist/table/components/primary-tbody-row/index.scss +5 -5
  40. package/dist/table/index.module.scss +9 -9
  41. package/dist/table/index.scss +33 -33
  42. package/dist/tabs/index.scss +81 -81
  43. package/dist/tag/index.scss +4 -4
  44. package/dist/teacher/types/types.d.ts +31 -31
  45. package/dist/tree/index.scss +25 -25
  46. package/dist/upload/index.scss +115 -115
  47. package/dist/user-dropdown/types/types.d.ts +45 -45
  48. package/dist/year-term/index.scss +21 -21
  49. package/dist/year-term/types/types.d.ts +28 -28
  50. package/dist/zones/index.module.scss +23 -23
  51. package/dist/zones/types/types.d.ts +26 -26
  52. package/package.json +3 -8
  53. package/dist/hooks/useOSS.d.ts +0 -1
  54. package/dist/hooks/useOSS.js +0 -11
  55. package/dist/video-player/assets/control-background.png +0 -0
  56. package/dist/video-player/assets/player-icon.svg +0 -1
  57. package/dist/video-player/index.d.ts +0 -70
  58. package/dist/video-player/index.js +0 -875
  59. package/dist/video-player/index.scss +0 -310
@@ -1,310 +0,0 @@
1
- .yot-video-player {
2
- display: flex;
3
- justify-content: center;
4
- align-items: center;
5
-
6
- &-container {
7
- width: 100%;
8
- height: 100%;
9
- position: relative;
10
- overflow: hidden;
11
- display: flex;
12
- justify-content: center;
13
- align-items: center;
14
- flex-shrink: 0;
15
-
16
- &:hover & {
17
- &__progress {
18
- visibility: visible;
19
- }
20
-
21
- &__controls-bottom-progress__bar {
22
- visibility: hidden;
23
- }
24
- }
25
-
26
- &__video {
27
- width: 100%;
28
- height: 100%;
29
- object-fit: fill;
30
- }
31
-
32
- &__controls {
33
- position: absolute;
34
- left: 0;
35
- bottom: 0;
36
- width: 100%;
37
- height: 55px;
38
- display: flex;
39
- flex-direction: column;
40
- justify-content: flex-end;
41
- z-index: 10;
42
- }
43
-
44
- &__mask {
45
- width: 100%;
46
- height: 100px;
47
- background-repeat: repeat-x;
48
- background-position: bottom;
49
- position: absolute;
50
- left: 0;
51
- bottom: 0;
52
- }
53
-
54
- &__progress {
55
- height: 16px;
56
- padding: 6px 0px;
57
- margin: 0px 6px;
58
- overflow: hidden;
59
- position: relative;
60
- box-sizing: border-box;
61
- cursor: pointer;
62
- visibility: hidden;
63
- }
64
-
65
- &__progress-bar {
66
- width: 100%;
67
- height: 3px;
68
- background-color: #e1e1e133;
69
- position: absolute;
70
- }
71
-
72
- &__controls-content {
73
- width: 100%;
74
- height: 100%;
75
- display: flex;
76
- align-items: center;
77
- box-sizing: border-box;
78
- padding: 0px 6px;
79
- user-select: none;
80
- position: relative;
81
- z-index: 10;
82
- }
83
-
84
- &__controls-icon {
85
- width: 16px;
86
- height: 16px;
87
- cursor: pointer;
88
- margin-right: 20px;
89
- }
90
-
91
- &__controls-text {
92
- margin-right: 20px;
93
- font-size: 12px;
94
- white-space: nowrap;
95
- }
96
-
97
- &__controls-speed {
98
- margin-left: auto;
99
- margin-right: 20px;
100
- font-size: 12px;
101
- cursor: pointer;
102
- white-space: nowrap;
103
- position: relative;
104
-
105
- &--disabled {
106
- pointer-events: none;
107
- color: gray;
108
- }
109
- }
110
-
111
- &__controls-speed-picker-container {
112
- position: absolute;
113
- left: 50%;
114
- bottom: 24px;
115
- width: 70px;
116
- margin-left: -35px;
117
- border-radius: 4px;
118
- }
119
-
120
- &__controls-speeds {
121
- height: 36px;
122
- display: flex;
123
- justify-content: center;
124
- align-items: center;
125
- color: white;
126
-
127
- &--selected {
128
- color: #00aeec;
129
- }
130
- }
131
-
132
- &__controls-volume {
133
- position: relative;
134
- margin-right: 20px;
135
- display: flex;
136
- align-items: center;
137
-
138
- &__icon {
139
- width: 16px;
140
- height: 16px;
141
- cursor: pointer;
142
-
143
- &--disabled {
144
- pointer-events: none;
145
- }
146
- }
147
-
148
- &__slider {
149
- position: absolute;
150
- left: 50%;
151
- bottom: 24px;
152
- width: 30px;
153
- height: 100px;
154
- margin-left: -15px;
155
- padding-bottom: 5px;
156
- display: flex;
157
- flex-direction: column;
158
- align-items: center;
159
- overflow: hidden;
160
- background-color: rgba(0, 0, 0, 0.8);
161
- color: white;
162
- overflow: hidden;
163
-
164
- &__number {
165
- height: 28px;
166
- display: flex;
167
- justify-content: center;
168
- align-items: center;
169
-
170
- &__text {
171
- font-size: 12px;
172
- }
173
- }
174
-
175
- &__progress-bar {
176
- display: flex;
177
- flex: 1;
178
- position: relative;
179
- flex-direction: column;
180
- align-items: center;
181
- padding-bottom: 4px;
182
-
183
- &__line {
184
- background-color: white;
185
- width: 4px;
186
- height: 100%;
187
- border-radius: 4px;
188
- position: relative;
189
- overflow: hidden;
190
-
191
- &__button-1 {
192
- position: absolute;
193
- width: 4px;
194
- height: 100%;
195
- background-color: #00aeec;
196
- }
197
- }
198
-
199
- &__button-2 {
200
- position: absolute;
201
- width: 10px;
202
- height: 10px;
203
- border-radius: 50%;
204
- background-color: #00aeec;
205
- }
206
- }
207
- }
208
- }
209
-
210
- &__controls-capture {
211
- position: relative;
212
- margin-right: 20px;
213
- display: flex;
214
- align-items: center;
215
-
216
- svg {
217
- width: 16px;
218
- height: 16px;
219
- cursor: pointer;
220
- }
221
- }
222
-
223
- &__controls-setting {
224
- position: relative;
225
- margin-right: 20px;
226
- display: flex;
227
- align-items: center;
228
-
229
- svg {
230
- width: 16px;
231
- height: 16px;
232
- cursor: pointer;
233
- }
234
-
235
- &__panel {
236
- background-color: rgba(0, 0, 0, 0.8);
237
- width: 96px;
238
- left: 50%;
239
- margin-left: -48px;
240
- margin-bottom: 24px;
241
- bottom: 0;
242
- position: absolute;
243
- font-size: 12px;
244
- padding: 0 12px;
245
- border-radius: 4px;
246
-
247
- &__item {
248
- color: white;
249
- width: 100%;
250
- height: 40px;
251
- display: flex;
252
- align-items: center;
253
-
254
- &__checkbox {
255
- margin-left: 8px;
256
- cursor: pointer;
257
- }
258
- }
259
- }
260
- }
261
-
262
- &__controls-full-screen {
263
- width: 16px;
264
- height: 16px;
265
- cursor: pointer;
266
- }
267
-
268
- &__controls-bottom-progress {
269
- &__bar {
270
- position: relative;
271
- left: 0px;
272
- bottom: 0px;
273
- width: 100%;
274
- height: 2px;
275
- z-index: 10;
276
-
277
- &__item-1 {
278
- width: 100%;
279
- height: 100%;
280
- background-color: #e1e1e133;
281
- position: absolute;
282
- }
283
-
284
- &__item-2 {
285
- position: absolute;
286
- height: 100%;
287
- background-color: #e1e1e14d;
288
- }
289
-
290
- &__item-3 {
291
- height: 100%;
292
- background-color: #00aeec;
293
- position: absolute;
294
- }
295
- }
296
- }
297
-
298
- &__canvas {
299
- position: absolute;
300
- transform-origin: center;
301
- }
302
- }
303
-
304
- &--full-screened {
305
- transform: rotate(90deg);
306
- transform-origin: center;
307
- width: 100vh !important;
308
- height: 100vw !important;
309
- }
310
- }