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,47 +1,47 @@
1
- .yot-pagination {
2
- &--small {
3
- .ant-pagination-item-active {
4
- border-color: var(--ant-color-primary);
5
- a {
6
- color: var(--ant-color-primary);
7
- }
8
- }
9
- .ant-select-selection-item {
10
- color: var(--ant-color-text-secondary);
11
- }
12
- .ant-pagination-options-quick-jumper {
13
- color: var(--ant-color-text-secondary);
14
- }
15
- .ant-pagination-item-link {
16
- color: var(--ant-color-text-secondary);
17
- }
18
- }
19
-
20
- &--default {
21
- .ant-pagination-total-text {
22
- color: var(--ant-color-text-secondary);
23
- }
24
- .ant-pagination-item-active {
25
- background-color: var(--ant-color-primary);
26
- border-color: var(--ant-color-primary);
27
- a {
28
- color: var(--ant-color-white);
29
- transition: none;
30
- }
31
- }
32
- .ant-pagination-item-active:hover {
33
- a {
34
- color: var(--ant-color-white);
35
- }
36
- }
37
- .ant-select-selection-item {
38
- color: var(--ant-color-text-secondary);
39
- }
40
- .ant-pagination-options-quick-jumper {
41
- color: var(--ant-color-text-secondary);
42
- }
43
- .ant-pagination-item-link {
44
- color: var(--ant-color-text-secondary);
45
- }
46
- }
47
- }
1
+ .yot-pagination {
2
+ &--small {
3
+ .ant-pagination-item-active {
4
+ border-color: var(--ant-color-primary);
5
+ a {
6
+ color: var(--ant-color-primary);
7
+ }
8
+ }
9
+ .ant-select-selection-item {
10
+ color: var(--ant-color-text-secondary);
11
+ }
12
+ .ant-pagination-options-quick-jumper {
13
+ color: var(--ant-color-text-secondary);
14
+ }
15
+ .ant-pagination-item-link {
16
+ color: var(--ant-color-text-secondary);
17
+ }
18
+ }
19
+
20
+ &--default {
21
+ .ant-pagination-total-text {
22
+ color: var(--ant-color-text-secondary);
23
+ }
24
+ .ant-pagination-item-active {
25
+ background-color: var(--ant-color-primary);
26
+ border-color: var(--ant-color-primary);
27
+ a {
28
+ color: var(--ant-color-white);
29
+ transition: none;
30
+ }
31
+ }
32
+ .ant-pagination-item-active:hover {
33
+ a {
34
+ color: var(--ant-color-white);
35
+ }
36
+ }
37
+ .ant-select-selection-item {
38
+ color: var(--ant-color-text-secondary);
39
+ }
40
+ .ant-pagination-options-quick-jumper {
41
+ color: var(--ant-color-text-secondary);
42
+ }
43
+ .ant-pagination-item-link {
44
+ color: var(--ant-color-text-secondary);
45
+ }
46
+ }
47
+ }
@@ -1,22 +1,22 @@
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
- // 查询职务返回的数据类型
13
- export interface IjobTitleItem {
14
- titleId: number;
15
- titleName: string;
16
- }
17
- // 查询角色返回的数据类型
18
- export interface IRoleItem {
19
- roleId: number;
20
- roleName: string;
21
- }
22
- export type RoleProps = SelectProps;
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
+ // 查询职务返回的数据类型
13
+ export interface IjobTitleItem {
14
+ titleId: number;
15
+ titleName: string;
16
+ }
17
+ // 查询角色返回的数据类型
18
+ export interface IRoleItem {
19
+ roleId: number;
20
+ roleName: string;
21
+ }
22
+ export type RoleProps = SelectProps;
@@ -1,21 +1,21 @@
1
- .yot-School {
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-School {
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,85 +1,85 @@
1
- export interface PageData<T> {
2
- content: T[];
3
- page: {
4
- number: number;
5
- size: number;
6
- totalElements: number;
7
- totalPages: number;
8
- };
9
- }
10
- // 查询班级参数
11
- export interface IQueryClassParams {
12
- college_id?: number;
13
- major_id?: number;
14
- grade_id?: number;
15
- }
16
- // 查询年级返回的数据类型
17
- export interface gradeItem {
18
- deptId: number; // 年级ID
19
- deptName: string; // 年级别名(如一年级)
20
- deptNameShort: string; // 年级名称(如2023级)
21
- }
22
- // 查询系部和专业返回的数据类型
23
- export interface schoolItem {
24
- majorId: number; // 学院或者专业ID
25
- majorType: number; // 类型:1表示学院2表示专业
26
- majorName: string; // 学院或专业名称
27
- majorCode?: string; // 学院或专业编码
28
- children?: Array<{
29
- majorId: number; // 学院或者专业ID
30
- majorType: number; // 类型:1表示学院2表示专业
31
- majorName: string; // 学院或专业名称
32
- majorCode?: string; // 学院或专业编码
33
- }>;
34
- }
35
- export interface classItem {
36
- classId: number; // 班级标识
37
- gradeId: number; // 年级
38
- gradeName: string; // 年级名称
39
- className: string; // 班级名称
40
- classCode: string; // 班级编号通常2020届在这里表达
41
- classPhase: number; // 0普通小学班1普通中学班2职业3大学某专业
42
- classHeadteacher?: number; // 班主任
43
- classAdviser?: number; // 辅导员
44
- classSize?: number; // 学生人数
45
- classFaculty?: number; // 院系
46
- classLocation?: number; // 位置
47
- classCourseNum?: number; // 课程数
48
- classMotto?: string; // 班级宣言
49
- classEmblem?: string; // 班徽
50
- classDesc: string; // 班级描述
51
- }
52
- // 将系部专业处理成大对象形式的数据类型
53
- export interface collegeAndMajorItem {
54
- [key: number]: { label: string; value: number }[];
55
- }
56
- // 接收的onChange参数
57
- export interface onChangeParams {
58
- collegeId?: number;
59
- majorId?: number;
60
- }
61
- // 年级班级树接口返回的数据类型
62
- export interface gradeClassItem {
63
- deptId: number;
64
- deptName: string;
65
- classes: {
66
- classId: number;
67
- className: string;
68
- }[];
69
- }
70
- type SchoolProps = {
71
- type?:
72
- | 'collegeMajor'
73
- | 'gradeClass'
74
- | 'college'
75
- | 'major'
76
- | 'grade'
77
- | 'class';
78
- multiple?: boolean;
79
- style?: React.CSSProperties;
80
- showSearch?: boolean;
81
- value?: Record<string, number>;
82
- onChange?: (record: Record<string, number | undefined>) => void;
83
- allowClear?: boolean;
84
- placeholder?: string[];
85
- };
1
+ export interface PageData<T> {
2
+ content: T[];
3
+ page: {
4
+ number: number;
5
+ size: number;
6
+ totalElements: number;
7
+ totalPages: number;
8
+ };
9
+ }
10
+ // 查询班级参数
11
+ export interface IQueryClassParams {
12
+ college_id?: number;
13
+ major_id?: number;
14
+ grade_id?: number;
15
+ }
16
+ // 查询年级返回的数据类型
17
+ export interface gradeItem {
18
+ deptId: number; // 年级ID
19
+ deptName: string; // 年级别名(如一年级)
20
+ deptNameShort: string; // 年级名称(如2023级)
21
+ }
22
+ // 查询系部和专业返回的数据类型
23
+ export interface schoolItem {
24
+ majorId: number; // 学院或者专业ID
25
+ majorType: number; // 类型:1表示学院2表示专业
26
+ majorName: string; // 学院或专业名称
27
+ majorCode?: string; // 学院或专业编码
28
+ children?: Array<{
29
+ majorId: number; // 学院或者专业ID
30
+ majorType: number; // 类型:1表示学院2表示专业
31
+ majorName: string; // 学院或专业名称
32
+ majorCode?: string; // 学院或专业编码
33
+ }>;
34
+ }
35
+ export interface classItem {
36
+ classId: number; // 班级标识
37
+ gradeId: number; // 年级
38
+ gradeName: string; // 年级名称
39
+ className: string; // 班级名称
40
+ classCode: string; // 班级编号通常2020届在这里表达
41
+ classPhase: number; // 0普通小学班1普通中学班2职业3大学某专业
42
+ classHeadteacher?: number; // 班主任
43
+ classAdviser?: number; // 辅导员
44
+ classSize?: number; // 学生人数
45
+ classFaculty?: number; // 院系
46
+ classLocation?: number; // 位置
47
+ classCourseNum?: number; // 课程数
48
+ classMotto?: string; // 班级宣言
49
+ classEmblem?: string; // 班徽
50
+ classDesc: string; // 班级描述
51
+ }
52
+ // 将系部专业处理成大对象形式的数据类型
53
+ export interface collegeAndMajorItem {
54
+ [key: number]: { label: string; value: number }[];
55
+ }
56
+ // 接收的onChange参数
57
+ export interface onChangeParams {
58
+ collegeId?: number;
59
+ majorId?: number;
60
+ }
61
+ // 年级班级树接口返回的数据类型
62
+ export interface gradeClassItem {
63
+ deptId: number;
64
+ deptName: string;
65
+ classes: {
66
+ classId: number;
67
+ className: string;
68
+ }[];
69
+ }
70
+ type SchoolProps = {
71
+ type?:
72
+ | 'collegeMajor'
73
+ | 'gradeClass'
74
+ | 'college'
75
+ | 'major'
76
+ | 'grade'
77
+ | 'class';
78
+ multiple?: boolean;
79
+ style?: React.CSSProperties;
80
+ showSearch?: boolean;
81
+ value?: Record<string, number>;
82
+ onChange?: (record: Record<string, number | undefined>) => void;
83
+ allowClear?: boolean;
84
+ placeholder?: string[];
85
+ };
@@ -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-text-quaternary);
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-text-quaternary);
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
+ }