yootd 0.0.8 → 0.0.9

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 (56) 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/courses/types/types.d.ts +18 -18
  18. package/dist/dictionary/types/types.d.ts +14 -14
  19. package/dist/drawer-modal/index.scss +39 -39
  20. package/dist/drawer-modal/types/types.d.ts +3 -3
  21. package/dist/dropdown/assets/arrow-down.svg +5 -5
  22. package/dist/empty/index.scss +15 -15
  23. package/dist/group-title/index.scss +31 -31
  24. package/dist/image/index.scss +26 -26
  25. package/dist/index.d.ts +2 -0
  26. package/dist/index.js +2 -1
  27. package/dist/input/index.scss +5 -5
  28. package/dist/modal/index.scss +65 -65
  29. package/dist/pagination/index.scss +47 -47
  30. package/dist/school/index.scss +21 -21
  31. package/dist/school/types/types.d.ts +84 -84
  32. package/dist/state/index.scss +89 -89
  33. package/dist/steps/index.scss +32 -32
  34. package/dist/student-dropdown/types/types.d.ts +44 -44
  35. package/dist/table/components/primary-header-row/index.scss +58 -58
  36. package/dist/table/components/primary-tbody-row/index.scss +5 -5
  37. package/dist/table/index.module.scss +9 -9
  38. package/dist/table/index.scss +33 -33
  39. package/dist/tabs/index.scss +81 -81
  40. package/dist/tag/index.scss +4 -4
  41. package/dist/teacher/types/types.d.ts +31 -31
  42. package/dist/tree/index.scss +25 -25
  43. package/dist/upload/components/fileUpload.d.ts +1 -1
  44. package/dist/upload/components/imageUpload.d.ts +1 -1
  45. package/dist/upload/index.scss +115 -115
  46. package/dist/user-dropdown/types/types.d.ts +45 -45
  47. package/dist/video-player/assets/control-background.png +0 -0
  48. package/dist/video-player/assets/player-icon.svg +1 -0
  49. package/dist/video-player/index.d.ts +70 -0
  50. package/dist/video-player/index.js +874 -0
  51. package/dist/video-player/index.scss +309 -0
  52. package/dist/year-term/index.scss +21 -21
  53. package/dist/year-term/types/types.d.ts +28 -28
  54. package/dist/zones/index.module.scss +23 -23
  55. package/dist/zones/types/types.d.ts +26 -26
  56. package/package.json +8 -3
@@ -1,89 +1,89 @@
1
- .yot-state {
2
- &--circle {
3
- .ant-badge.success {
4
- .ant-badge-status-success {
5
- background-color: var(--ant-color-success);
6
- }
7
- .ant-badge-status-text {
8
- color: var(--ant-color-success);
9
- }
10
- }
11
- .ant-badge.error {
12
- .ant-badge-status-error {
13
- background-color: var(--ant-color-error);
14
- }
15
- .ant-badge-status-text {
16
- color: var(--ant-color-error);
17
- }
18
- }
19
- .ant-badge.warning {
20
- .ant-badge-status-warning {
21
- background-color: var(--ant-color-warning);
22
- }
23
- .ant-badge-status-text {
24
- color: var(--ant-color-warning);
25
- }
26
- }
27
- .ant-badge.default {
28
- .ant-badge-status-default {
29
- background-color: var(--ant-color-text-placeholder);
30
- }
31
- .ant-badge-status-text {
32
- color: var(--ant-color-text-placeholder);
33
- }
34
- }
35
- .ant-badge.processing {
36
- .ant-badge-status-processing {
37
- background-color: var(--ant-color-primary);
38
- }
39
- .ant-badge-status-text {
40
- color: var(--ant-color-primary);
41
- }
42
- }
43
- }
44
- &--card {
45
- .ant-tag.ant-tag-success {
46
- background-color: var(--ant-color-success);
47
- color: var(--ant-color-white);
48
- }
49
- .ant-tag.ant-tag-error {
50
- background-color: var(--ant-color-error);
51
- color: var(--ant-color-white);
52
- }
53
- .ant-tag.ant-tag-warning {
54
- background-color: var(--ant-color-warning);
55
- color: var(--ant-color-white);
56
- }
57
- .ant-tag.ant-tag-default {
58
- background-color: var(--ant-color-text-placeholder);
59
- color: var(--ant-color-white);
60
- }
61
- .ant-tag.ant-tag-processing {
62
- background-color: var(--ant-color-primary);
63
- color: var(--ant-color-white);
64
- }
65
- }
66
-
67
- &--process {
68
- .ant-tag.ant-tag-success {
69
- background-color: var(--ant-color-success-bg);
70
- color: var(--ant-color-success);
71
- }
72
- .ant-tag.ant-tag-error {
73
- background-color: var(--ant-color-error-bg);
74
- color: var(--ant-color-error);
75
- }
76
- .ant-tag.ant-tag-warning {
77
- background-color: var(--ant-color-warning-bg);
78
- color: var(--ant-color-warning);
79
- }
80
- .ant-tag.ant-tag-default {
81
- background-color: var(--ant-color-border-secondary);
82
- color: var(--ant-color-border);
83
- }
84
- .ant-tag.ant-tag-processing {
85
- background-color: var(--ant-color-primary-bg);
86
- color: var(--ant-color-primary);
87
- }
88
- }
89
- }
1
+ .yot-state {
2
+ &--circle {
3
+ .ant-badge.success {
4
+ .ant-badge-status-success {
5
+ background-color: var(--ant-color-success);
6
+ }
7
+ .ant-badge-status-text {
8
+ color: var(--ant-color-success);
9
+ }
10
+ }
11
+ .ant-badge.error {
12
+ .ant-badge-status-error {
13
+ background-color: var(--ant-color-error);
14
+ }
15
+ .ant-badge-status-text {
16
+ color: var(--ant-color-error);
17
+ }
18
+ }
19
+ .ant-badge.warning {
20
+ .ant-badge-status-warning {
21
+ background-color: var(--ant-color-warning);
22
+ }
23
+ .ant-badge-status-text {
24
+ color: var(--ant-color-warning);
25
+ }
26
+ }
27
+ .ant-badge.default {
28
+ .ant-badge-status-default {
29
+ background-color: var(--ant-color-text-placeholder);
30
+ }
31
+ .ant-badge-status-text {
32
+ color: var(--ant-color-text-placeholder);
33
+ }
34
+ }
35
+ .ant-badge.processing {
36
+ .ant-badge-status-processing {
37
+ background-color: var(--ant-color-primary);
38
+ }
39
+ .ant-badge-status-text {
40
+ color: var(--ant-color-primary);
41
+ }
42
+ }
43
+ }
44
+ &--card {
45
+ .ant-tag.ant-tag-success {
46
+ background-color: var(--ant-color-success);
47
+ color: var(--ant-color-white);
48
+ }
49
+ .ant-tag.ant-tag-error {
50
+ background-color: var(--ant-color-error);
51
+ color: var(--ant-color-white);
52
+ }
53
+ .ant-tag.ant-tag-warning {
54
+ background-color: var(--ant-color-warning);
55
+ color: var(--ant-color-white);
56
+ }
57
+ .ant-tag.ant-tag-default {
58
+ background-color: var(--ant-color-text-placeholder);
59
+ color: var(--ant-color-white);
60
+ }
61
+ .ant-tag.ant-tag-processing {
62
+ background-color: var(--ant-color-primary);
63
+ color: var(--ant-color-white);
64
+ }
65
+ }
66
+
67
+ &--process {
68
+ .ant-tag.ant-tag-success {
69
+ background-color: var(--ant-color-success-bg);
70
+ color: var(--ant-color-success);
71
+ }
72
+ .ant-tag.ant-tag-error {
73
+ background-color: var(--ant-color-error-bg);
74
+ color: var(--ant-color-error);
75
+ }
76
+ .ant-tag.ant-tag-warning {
77
+ background-color: var(--ant-color-warning-bg);
78
+ color: var(--ant-color-warning);
79
+ }
80
+ .ant-tag.ant-tag-default {
81
+ background-color: var(--ant-color-border-secondary);
82
+ color: var(--ant-color-border);
83
+ }
84
+ .ant-tag.ant-tag-processing {
85
+ background-color: var(--ant-color-primary-bg);
86
+ color: var(--ant-color-primary);
87
+ }
88
+ }
89
+ }
@@ -1,32 +1,32 @@
1
- .yot-steps{
2
- &-content{
3
- .ant-steps-item.ant-steps-item-finish{
4
- .ant-steps-item-icon{
5
- background-color: var(--ant-color-primary);
6
- .ant-steps-finish-icon{
7
- svg{
8
- fill: var(--ant-color-white);
9
- }
10
- }
11
- }
12
- }
13
- .ant-steps-item{
14
- .ant-steps-item-container{
15
- .ant-steps-item-content{
16
- .ant-steps-item-title::after{
17
- background: repeating-linear-gradient(to right, var(--ant-color-fill), var(--ant-color-fill) 3px, transparent 3px, transparent 6px);
18
- }
19
- }
20
- }
21
- }
22
- .ant-steps-item.ant-steps-item-finish{
23
- .ant-steps-item-container{
24
- .ant-steps-item-content{
25
- .ant-steps-item-title::after{
26
- background: repeating-linear-gradient(to right, var(--ant-color-fill), var(--ant-color-fill) 3px, transparent 3px, transparent 6px);
27
- }
28
- }
29
- }
30
- }
31
- }
32
- }
1
+ .yot-steps{
2
+ &-content{
3
+ .ant-steps-item.ant-steps-item-finish{
4
+ .ant-steps-item-icon{
5
+ background-color: var(--ant-color-primary);
6
+ .ant-steps-finish-icon{
7
+ svg{
8
+ fill: var(--ant-color-white);
9
+ }
10
+ }
11
+ }
12
+ }
13
+ .ant-steps-item{
14
+ .ant-steps-item-container{
15
+ .ant-steps-item-content{
16
+ .ant-steps-item-title::after{
17
+ background: repeating-linear-gradient(to right, var(--ant-color-fill), var(--ant-color-fill) 3px, transparent 3px, transparent 6px);
18
+ }
19
+ }
20
+ }
21
+ }
22
+ .ant-steps-item.ant-steps-item-finish{
23
+ .ant-steps-item-container{
24
+ .ant-steps-item-content{
25
+ .ant-steps-item-title::after{
26
+ background: repeating-linear-gradient(to right, var(--ant-color-fill), var(--ant-color-fill) 3px, transparent 3px, transparent 6px);
27
+ }
28
+ }
29
+ }
30
+ }
31
+ }
32
+ }
@@ -1,44 +1,44 @@
1
- import { SelectProps } from 'yootd';
2
-
3
- export interface PageData<T> {
4
- content: T[];
5
- page: {
6
- number: number;
7
- size: number;
8
- totalElements: number;
9
- totalPages: number;
10
- };
11
- }
12
- type LabelOptions =
13
- | 'uniqueNumber'
14
- | 'personalName'
15
- | 'majorName'
16
- | 'collegeMajorName'
17
- | 'className'
18
- | 'gradeName'
19
- | 'genderName'
20
- | 'deptName'
21
- | 'credentialsNo'
22
- | 'personalMobile';
23
- export type StudentDropdownProps = SelectProps & {
24
- label?: LabelOptions[];
25
- connectors?: string;
26
- teacher_id: number;
27
- };
28
- export interface IuserItem {
29
- userId: string; // ID
30
- uniqueNumber?: string; // 学号/工号
31
- personalName: string; // 姓名
32
- personalPhoto?: string; // 照片
33
- userFaceType?: number; // 人脸类型(1白名单2黑名单3红名单)
34
- majorName?: string; // 专业名称
35
- collegeMajorName?: string; // 院系名称
36
- className?: string; // 班级名称
37
- gradeName?: string; // 年级名称
38
- genderName?: string; // 性别
39
- deptId?: number; // 部门ID
40
- deptName?: string; // 部门名称
41
- gender?: number; // 性别
42
- credentialsNo?: string; // 证件号
43
- personalMobile?: string; // 手机号
44
- }
1
+ import { SelectProps } from 'yootd';
2
+
3
+ export interface PageData<T> {
4
+ content: T[];
5
+ page: {
6
+ number: number;
7
+ size: number;
8
+ totalElements: number;
9
+ totalPages: number;
10
+ };
11
+ }
12
+ type LabelOptions =
13
+ | 'uniqueNumber'
14
+ | 'personalName'
15
+ | 'majorName'
16
+ | 'collegeMajorName'
17
+ | 'className'
18
+ | 'gradeName'
19
+ | 'genderName'
20
+ | 'deptName'
21
+ | 'credentialsNo'
22
+ | 'personalMobile';
23
+ export type StudentDropdownProps = SelectProps & {
24
+ label?: LabelOptions[];
25
+ connectors?: string;
26
+ teacher_id: number;
27
+ };
28
+ export interface IuserItem {
29
+ userId: string; // ID
30
+ uniqueNumber?: string; // 学号/工号
31
+ personalName: string; // 姓名
32
+ personalPhoto?: string; // 照片
33
+ userFaceType?: number; // 人脸类型(1白名单2黑名单3红名单)
34
+ majorName?: string; // 专业名称
35
+ collegeMajorName?: string; // 院系名称
36
+ className?: string; // 班级名称
37
+ gradeName?: string; // 年级名称
38
+ genderName?: string; // 性别
39
+ deptId?: number; // 部门ID
40
+ deptName?: string; // 部门名称
41
+ gender?: number; // 性别
42
+ credentialsNo?: string; // 证件号
43
+ personalMobile?: string; // 手机号
44
+ }
@@ -1,58 +1,58 @@
1
- .yot-table {
2
- &-thead {
3
- &-row {
4
- &--primary {
5
- th {
6
- background-color: var(--ant-color-primary) !important;
7
- color: #fff !important;
8
- }
9
- }
10
- }
11
- }
12
-
13
- &-setting {
14
- width: 48px;
15
-
16
- &-content {
17
- flex: 1;
18
- display: flex;
19
- justify-content: center;
20
- }
21
-
22
- &-checkbox-group {
23
- min-width: 200px;
24
- display: flex;
25
- flex-direction: column;
26
- }
27
-
28
- &__check-all {
29
- margin-bottom: 5px;
30
- }
31
-
32
- &-checkbox {
33
- display: flex;
34
- align-items: center;
35
- margin-bottom: 5px;
36
- }
37
-
38
- &__drag-handler {
39
- margin-right: 20px;
40
- cursor: grab;
41
- }
42
-
43
- &__icon {
44
- cursor: pointer;
45
- path {
46
- fill: var(--ant-color-text-tertiary);
47
- }
48
- }
49
-
50
- &--primary & {
51
- &__icon {
52
- path {
53
- fill: #fff;
54
- }
55
- }
56
- }
57
- }
58
- }
1
+ .yot-table {
2
+ &-thead {
3
+ &-row {
4
+ &--primary {
5
+ th {
6
+ background-color: var(--ant-color-primary) !important;
7
+ color: #fff !important;
8
+ }
9
+ }
10
+ }
11
+ }
12
+
13
+ &-setting {
14
+ width: 48px;
15
+
16
+ &-content {
17
+ flex: 1;
18
+ display: flex;
19
+ justify-content: center;
20
+ }
21
+
22
+ &-checkbox-group {
23
+ min-width: 200px;
24
+ display: flex;
25
+ flex-direction: column;
26
+ }
27
+
28
+ &__check-all {
29
+ margin-bottom: 5px;
30
+ }
31
+
32
+ &-checkbox {
33
+ display: flex;
34
+ align-items: center;
35
+ margin-bottom: 5px;
36
+ }
37
+
38
+ &__drag-handler {
39
+ margin-right: 20px;
40
+ cursor: grab;
41
+ }
42
+
43
+ &__icon {
44
+ cursor: pointer;
45
+ path {
46
+ fill: var(--ant-color-text-tertiary);
47
+ }
48
+ }
49
+
50
+ &--primary & {
51
+ &__icon {
52
+ path {
53
+ fill: #fff;
54
+ }
55
+ }
56
+ }
57
+ }
58
+ }
@@ -1,5 +1,5 @@
1
- .yot-table {
2
- &-setting {
3
- width: 48px;
4
- }
5
- }
1
+ .yot-table {
2
+ &-setting {
3
+ width: 48px;
4
+ }
5
+ }
@@ -1,9 +1,9 @@
1
- .primary-container {
2
- :global {
3
-
4
- }
5
- }
6
-
7
- .icon {
8
-
9
- }
1
+ .primary-container {
2
+ :global {
3
+
4
+ }
5
+ }
6
+
7
+ .icon {
8
+
9
+ }
@@ -1,33 +1,33 @@
1
- .yot-table {
2
- // .yot-table {
3
- // &--primary {
4
- // .ant-table-container {
5
- // .ant-table-content {
6
- // thead {
7
- // tr {
8
- // th {
9
- // background-color: var(--ant-color-primary);
10
- // color: var(--ant-color-bg-base);
11
- // }
12
- // }
13
- // }
14
- // }
15
- // }
16
- // }
17
-
18
- &-header {
19
- &:hover {
20
- &__icon {
21
- position: absolute;
22
- right: 16px;
23
- top: 50%;
24
- transform: translateY(-50%);
25
- cursor: pointer;
26
-
27
- path {
28
- fill: var(--ant-color-primary-bg);
29
- }
30
- }
31
- }
32
- }
33
- }
1
+ .yot-table {
2
+ // .yot-table {
3
+ // &--primary {
4
+ // .ant-table-container {
5
+ // .ant-table-content {
6
+ // thead {
7
+ // tr {
8
+ // th {
9
+ // background-color: var(--ant-color-primary);
10
+ // color: var(--ant-color-bg-base);
11
+ // }
12
+ // }
13
+ // }
14
+ // }
15
+ // }
16
+ // }
17
+
18
+ &-header {
19
+ &:hover {
20
+ &__icon {
21
+ position: absolute;
22
+ right: 16px;
23
+ top: 50%;
24
+ transform: translateY(-50%);
25
+ cursor: pointer;
26
+
27
+ path {
28
+ fill: var(--ant-color-primary-bg);
29
+ }
30
+ }
31
+ }
32
+ }
33
+ }