yootd 0.0.68 → 0.0.70

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 (62) 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 +22 -22
  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 +40 -40
  10. package/dist/areas-treeSelect/index.scss +6 -6
  11. package/dist/areas-treeSelect/types/type.d.ts +39 -39
  12. package/dist/aside/components/SortableItem.scss +111 -111
  13. package/dist/aside/index.scss +46 -46
  14. package/dist/badge/index.scss +5 -5
  15. package/dist/buildings/types/types.d.ts +21 -21
  16. package/dist/button/index.scss +30 -30
  17. package/dist/cascader/index.scss +5 -5
  18. package/dist/courses/types/types.d.ts +18 -18
  19. package/dist/department/index.scss +6 -6
  20. package/dist/department/types/types.d.ts +23 -23
  21. package/dist/dictionary/types/types.d.ts +14 -14
  22. package/dist/drawer-modal/index.scss +42 -42
  23. package/dist/drawer-modal/types/types.d.ts +3 -3
  24. package/dist/dropdown/assets/arrow-down.svg +5 -5
  25. package/dist/dropdown-select/index.scss +6 -6
  26. package/dist/dropdown-select/types/type.d.ts +18 -18
  27. package/dist/empty/index.scss +15 -15
  28. package/dist/export/index.scss +6 -6
  29. package/dist/go-back/components/index.scss +5 -5
  30. package/dist/go-back/index.scss +24 -24
  31. package/dist/group-title/index.scss +31 -31
  32. package/dist/hooks/useBem.js +10 -10
  33. package/dist/image/index.scss +26 -26
  34. package/dist/input/index.scss +5 -5
  35. package/dist/job-title/types/types.d.ts +17 -17
  36. package/dist/modal/index.scss +76 -76
  37. package/dist/pagination/index.scss +47 -47
  38. package/dist/role/types/types.d.ts +22 -22
  39. package/dist/school/index.scss +21 -21
  40. package/dist/school/types/types.d.ts +85 -85
  41. package/dist/state/index.scss +89 -89
  42. package/dist/steps/index.scss +32 -32
  43. package/dist/student-dropdown/types/types.d.ts +44 -44
  44. package/dist/table/components/primary-header-row/index.js +12 -4
  45. package/dist/table/components/primary-header-row/index.scss +67 -58
  46. package/dist/table/components/primary-tbody-row/index.scss +5 -5
  47. package/dist/table/index.d.ts +4 -0
  48. package/dist/table/index.js +6 -2
  49. package/dist/table/index.scss +33 -33
  50. package/dist/tabs/index.scss +86 -86
  51. package/dist/tag/index.scss +4 -4
  52. package/dist/teacher/types/types.d.ts +33 -33
  53. package/dist/tree/index.scss +25 -25
  54. package/dist/upload/index.scss +115 -115
  55. package/dist/user-dropdown/types/types.d.ts +45 -45
  56. package/dist/video-player/index.js +1 -0
  57. package/dist/video-player/index.scss +310 -310
  58. package/dist/year-term/index.scss +21 -21
  59. package/dist/zones/index.module.scss +23 -23
  60. package/dist/zones/types/types.d.ts +26 -26
  61. package/package.json +1 -1
  62. package/dist/table/index.module.scss +0 -9
@@ -1,310 +1,310 @@
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: 40px;
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
- }
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: 40px;
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
+ }
@@ -1,21 +1,21 @@
1
- .yot-YearTerm {
2
- border: var(--ant-line-width) var(--ant-line-type) var(--ant-color-border);
3
- border-radius: var(--ant-border-radius);
4
- &-school-select::after {
5
- content: '';
6
- position: absolute;
7
- right: 0;
8
- top: 50%; /* 从中间开始 */
9
- width: 1px; /* 边框宽度 */
10
- height: 50%; /* 设为盒子高度的百分之五十 */
11
- background-color: var(--ant-color-border); /* 边框颜色 */
12
- transform: translateY(-50%);
13
- }
14
- .ant-select.ant-select-outlined.css-var-yootd.ant-select-css-var.ant-select-single.ant-select-allow-clear.ant-select-show-arrow {
15
- .ant-select-selector {
16
- padding-left: var(--ant-padding);
17
- padding-right: var(--ant-padding);
18
- border: 0;
19
- }
20
- }
21
- }
1
+ .yot-YearTerm {
2
+ border: var(--ant-line-width) var(--ant-line-type) var(--ant-color-border);
3
+ border-radius: var(--ant-border-radius);
4
+ &-school-select::after {
5
+ content: '';
6
+ position: absolute;
7
+ right: 0;
8
+ top: 50%; /* 从中间开始 */
9
+ width: 1px; /* 边框宽度 */
10
+ height: 50%; /* 设为盒子高度的百分之五十 */
11
+ background-color: var(--ant-color-border); /* 边框颜色 */
12
+ transform: translateY(-50%);
13
+ }
14
+ .ant-select.ant-select-outlined.css-var-yootd.ant-select-css-var.ant-select-single.ant-select-allow-clear.ant-select-show-arrow {
15
+ .ant-select-selector {
16
+ padding-left: var(--ant-padding);
17
+ padding-right: var(--ant-padding);
18
+ border: 0;
19
+ }
20
+ }
21
+ }