yootd 0.0.37 → 0.0.39

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 (54) 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 +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/date-interval/index.d.ts +1 -0
  19. package/dist/date-interval/index.js +33 -30
  20. package/dist/date-range/index.d.ts +1 -0
  21. package/dist/date-range/index.js +5 -4
  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/input/index.scss +5 -5
  30. package/dist/modal/index.scss +3 -0
  31. package/dist/pagination/index.scss +47 -47
  32. package/dist/school/index.scss +21 -21
  33. package/dist/school/types/types.d.ts +85 -85
  34. package/dist/state/index.scss +89 -89
  35. package/dist/steps/index.scss +32 -32
  36. package/dist/student-dropdown/types/types.d.ts +44 -44
  37. package/dist/table/components/primary-header-row/index.scss +58 -58
  38. package/dist/table/components/primary-tbody-row/index.scss +5 -5
  39. package/dist/table/index.module.scss +9 -9
  40. package/dist/table/index.scss +33 -33
  41. package/dist/tabs/index.scss +86 -86
  42. package/dist/tag/index.scss +4 -4
  43. package/dist/teacher/types/types.d.ts +31 -31
  44. package/dist/tree/index.js +5 -4
  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/video-player/index.js +20 -20
  49. package/dist/video-player/index.scss +310 -310
  50. package/dist/year-term/index.scss +21 -21
  51. package/dist/year-term/types/types.d.ts +28 -28
  52. package/dist/zones/index.module.scss +23 -23
  53. package/dist/zones/types/types.d.ts +26 -26
  54. package/package.json +1 -1
@@ -1,86 +1,86 @@
1
- .yot-tabs {
2
- // 覆盖 ant 默认样式
3
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
4
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
5
- bottom: 1px;
6
- }
7
- &-large {
8
- .ant-tabs-tab.ant-tabs-tab-active {
9
- color: var(--ant-color-primary);
10
- }
11
- .ant-tabs-tab-btn {
12
- font-size: var(--ant-font-size-lg);
13
- }
14
- .ant-tabs-nav-wrap {
15
- background-color: white;
16
- padding-left: 1.5rem;
17
- padding-right: 1.5rem;
18
- }
19
- .ant-tabs-nav::before {
20
- content: '';
21
- position: absolute;
22
- right: 1.5rem;
23
- left: 1.5rem;
24
- z-index: 10;
25
- border-bottom-width: var(--ant-line-width);
26
- border-bottom-style: solid;
27
- border-bottom-color: #e5e5e5;
28
- }
29
- }
30
- &-small {
31
- .ant-tabs-tab.ant-tabs-tab-active {
32
- color: var(--ant-color-primary);
33
- }
34
- .ant-tabs-tab-btn {
35
- font-size: var(--ant-font-size);
36
- }
37
- .ant-tabs-nav-wrap {
38
- background-color: white;
39
- padding-left: 1.5rem;
40
- padding-right: 1.5rem;
41
- }
42
- .ant-tabs-nav::before {
43
- content: '';
44
- position: absolute;
45
- right: 1.5rem;
46
- left: 1.5rem;
47
- z-index: 10;
48
- border-bottom-width: var(--ant-line-width);
49
- border-bottom-style: solid;
50
- border-bottom-color: #e5e5e5;
51
- }
52
- }
53
- &-capsule {
54
- &__content {
55
- padding-top: var(--ant-margin);
56
- padding-bottom: var(--ant-margin);
57
- box-sizing: border-box;
58
- background-color: white;
59
- padding-left: var(--ant-padding-lg);
60
- padding-right: var(--ant-padding-lg);
61
- }
62
- .ant-radio-button-wrapper.ant-radio-button-wrapper-checked.css-var-r4.ant-radio-css-var {
63
- padding-left: var(--ant-padding);
64
- padding-right: var(--ant-padding);
65
- box-sizing: border-box;
66
- font-size: var(--ant-font-size);
67
- color: var(--ant-color-primary);
68
- }
69
- .ant-radio-button.ant-radio-button-checked {
70
- font-size: var(--ant-font-size);
71
- color: var(--ant-color-primary);
72
- }
73
- &__value {
74
- font-size: 14px;
75
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
76
- 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
77
- 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
78
- color: #000000e0;
79
- }
80
- }
81
- &-istabmargin {
82
- .ant-tabs-nav {
83
- margin-bottom: 0;
84
- }
85
- }
86
- }
1
+ .yot-tabs {
2
+ // 覆盖 ant 默认样式
3
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
4
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
5
+ bottom: 1px;
6
+ }
7
+ &-large {
8
+ .ant-tabs-tab.ant-tabs-tab-active {
9
+ color: var(--ant-color-primary);
10
+ }
11
+ .ant-tabs-tab-btn {
12
+ font-size: var(--ant-font-size-lg);
13
+ }
14
+ .ant-tabs-nav-wrap {
15
+ background-color: white;
16
+ padding-left: 1.5rem;
17
+ padding-right: 1.5rem;
18
+ }
19
+ .ant-tabs-nav::before {
20
+ content: '';
21
+ position: absolute;
22
+ right: 1.5rem;
23
+ left: 1.5rem;
24
+ z-index: 10;
25
+ border-bottom-width: var(--ant-line-width);
26
+ border-bottom-style: solid;
27
+ border-bottom-color: #e5e5e5;
28
+ }
29
+ }
30
+ &-small {
31
+ .ant-tabs-tab.ant-tabs-tab-active {
32
+ color: var(--ant-color-primary);
33
+ }
34
+ .ant-tabs-tab-btn {
35
+ font-size: var(--ant-font-size);
36
+ }
37
+ .ant-tabs-nav-wrap {
38
+ background-color: white;
39
+ padding-left: 1.5rem;
40
+ padding-right: 1.5rem;
41
+ }
42
+ .ant-tabs-nav::before {
43
+ content: '';
44
+ position: absolute;
45
+ right: 1.5rem;
46
+ left: 1.5rem;
47
+ z-index: 10;
48
+ border-bottom-width: var(--ant-line-width);
49
+ border-bottom-style: solid;
50
+ border-bottom-color: #e5e5e5;
51
+ }
52
+ }
53
+ &-capsule {
54
+ &__content {
55
+ padding-top: var(--ant-margin);
56
+ padding-bottom: var(--ant-margin);
57
+ box-sizing: border-box;
58
+ background-color: white;
59
+ padding-left: var(--ant-padding-lg);
60
+ padding-right: var(--ant-padding-lg);
61
+ }
62
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-checked.css-var-r4.ant-radio-css-var {
63
+ padding-left: var(--ant-padding);
64
+ padding-right: var(--ant-padding);
65
+ box-sizing: border-box;
66
+ font-size: var(--ant-font-size);
67
+ color: var(--ant-color-primary);
68
+ }
69
+ .ant-radio-button.ant-radio-button-checked {
70
+ font-size: var(--ant-font-size);
71
+ color: var(--ant-color-primary);
72
+ }
73
+ &__value {
74
+ font-size: 14px;
75
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
76
+ 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
77
+ 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
78
+ color: #000000e0;
79
+ }
80
+ }
81
+ &-istabmargin {
82
+ .ant-tabs-nav {
83
+ margin-bottom: 0;
84
+ }
85
+ }
86
+ }
@@ -1,5 +1,5 @@
1
- .yot-tag {
2
- &__text {
3
- font-weight: bold;
4
- }
1
+ .yot-tag {
2
+ &__text {
3
+ font-weight: bold;
4
+ }
5
5
  }
@@ -1,31 +1,31 @@
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 IteacherItem {
14
- [key: string]: string | number;
15
- userId: number; // 老师ID
16
- personalName: string; // 老师姓名
17
- personalMobile?: string; // 手机号
18
- uniqueNumber?: string; // 工号
19
- nationName?: string; // 民族
20
- gender?: number; // 性别
21
- }
22
- type LabelOptions =
23
- | 'personalName'
24
- | 'uniqueNumber'
25
- | 'personalMobile'
26
- | 'nationName'
27
- | 'genderName';
28
- export type TeacherProps = SelectProps & {
29
- label?: LabelOptions[];
30
- connectors?: string;
31
- };
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 IteacherItem {
14
+ [key: string]: string | number;
15
+ userId: number; // 老师ID
16
+ personalName: string; // 老师姓名
17
+ personalMobile?: string; // 手机号
18
+ uniqueNumber?: string; // 工号
19
+ nationName?: string; // 民族
20
+ gender?: number; // 性别
21
+ }
22
+ type LabelOptions =
23
+ | 'personalName'
24
+ | 'uniqueNumber'
25
+ | 'personalMobile'
26
+ | 'nationName'
27
+ | 'genderName';
28
+ export type TeacherProps = SelectProps & {
29
+ label?: LabelOptions[];
30
+ connectors?: string;
31
+ };
@@ -200,15 +200,16 @@ export var Tree = /*#__PURE__*/forwardRef(function (_ref, ref) {
200
200
  setExpandedKeys(function (prevKeys) {
201
201
  return [].concat(_toConsumableArray(prevKeys), [node.key]);
202
202
  });
203
- if (node.children) {
203
+ //@ts-ignore
204
+ if (node.children && (node.areaLevel <= 1 || node.deptLevel <= 1)) {
204
205
  expandAllNodes(node.children);
205
206
  }
206
207
  });
207
208
  };
208
- if (defaultData.length > 0) {
209
- expandAllNodes(defaultData);
209
+ if (treeData != null && treeData.length > 0) {
210
+ expandAllNodes(treeData);
210
211
  }
211
- }, [defaultData]);
212
+ }, [treeData]);
212
213
  return /*#__PURE__*/React.createElement("div", null, showSearch ? /*#__PURE__*/React.createElement(Search, {
213
214
  style: {
214
215
  marginBottom: 8
@@ -1,25 +1,25 @@
1
- .yot-tree {
2
- .ant-tree-node-content-wrapper.ant-tree-node-selected {
3
- background-color: var(--ant-color-primary-bg);
4
- .ant-tree-title {
5
- color: var(--ant-color-primary);
6
- }
7
- }
8
- .ant-tree-node-content-wrapper {
9
- .ant-tree-title {
10
- color: var(--ant-color-text-secondary);
11
- }
12
- }
13
- &__icon {
14
- margin-top: 2px;
15
- &.yot-is-selected {
16
- .path-1 {
17
- stroke: var(--ant-color-primary);
18
- }
19
- .path-2,
20
- .rect-1 {
21
- fill: var(--ant-color-primary);
22
- }
23
- }
24
- }
25
- }
1
+ .yot-tree {
2
+ .ant-tree-node-content-wrapper.ant-tree-node-selected {
3
+ background-color: var(--ant-color-primary-bg);
4
+ .ant-tree-title {
5
+ color: var(--ant-color-primary);
6
+ }
7
+ }
8
+ .ant-tree-node-content-wrapper {
9
+ .ant-tree-title {
10
+ color: var(--ant-color-text-secondary);
11
+ }
12
+ }
13
+ &__icon {
14
+ margin-top: 2px;
15
+ &.yot-is-selected {
16
+ .path-1 {
17
+ stroke: var(--ant-color-primary);
18
+ }
19
+ .path-2,
20
+ .rect-1 {
21
+ fill: var(--ant-color-primary);
22
+ }
23
+ }
24
+ }
25
+ }
@@ -1,115 +1,115 @@
1
- .yot-upload {
2
- .ant-upload-list-item {
3
- padding: 0;
4
- }
5
- .ant-upload-list-item.ant-upload-list-item-done {
6
- .ant-upload-icon {
7
- .anticon.anticon-paper-clip {
8
- color: var(--ant-color-primary);
9
- }
10
- }
11
- }
12
- .ant-upload-list-item-name {
13
- display: flex;
14
- align-items: center;
15
- }
16
-
17
- &-file {
18
- &-btn {
19
- &__icon {
20
- width: 16px;
21
- height: 16px;
22
- }
23
- &:hover &{
24
- &__icon {
25
- .path-1 {
26
- fill: var(--ant-color-primary);
27
- width: 20px;
28
- }
29
- }
30
- }
31
- }
32
- }
33
- &__icon {
34
- &--success {
35
- width: 16px;
36
- height: 16px;
37
- position: absolute;
38
- top: 0px;
39
- right: 24px;
40
- }
41
- &--again {
42
- width: 16px;
43
- height: 16px;
44
- position: absolute;
45
- top: 0px;
46
- right: 24px;
47
- }
48
- &--delete {
49
- width: 16px;
50
- height: 16px;
51
- position: absolute;
52
- top: 0px;
53
- right: 2px;
54
- }
55
- }
56
-
57
- &-image {
58
- &-btn {
59
- width: 100px;
60
- height: 100px;
61
- border-radius: 8px;
62
- background-color: var(--ant-color-border-secondary);
63
- display: flex;
64
- align-items: center;
65
- justify-content: center;
66
- flex-direction: column;
67
- &__text {
68
- font-size: 12px;
69
- color: var(--ant-color-text-quaternary);
70
- margin-top: 8px;
71
- }
72
- }
73
- }
74
- &-video {
75
- &-content {
76
- position: relative;
77
- width: 102px;
78
- height: 102px;
79
- border-radius: 4px;
80
- cursor: pointer;
81
- padding: 8px;
82
- box-sizing: border-box;
83
- border: 1px solid var(--ant-color-border-secondary);
84
- &__video {
85
- width: 100%;
86
- height: 100%;
87
- }
88
- &:hover &{
89
- &-icon {
90
- z-index: 10;
91
- transition: all;
92
- box-sizing: border-box;
93
- position: absolute;
94
- top: 8px;
95
- left: 8px;
96
- height: 86px;
97
- width: 86px;
98
- /* 这里的背景色根据需求设置 */
99
- background: rgba(0, 0, 0, 0.6) !important;
100
- background-color: #000;
101
- filter: Alpha(Opacity=60);
102
- opacity: 0.6;
103
- &--delete {
104
- width: 16px;
105
- height: 16px;
106
- position: absolute;
107
- top: 36px;
108
- left: 40%;
109
- cursor: pointer;
110
- }
111
- }
112
- }
113
- }
114
- }
115
- }
1
+ .yot-upload {
2
+ .ant-upload-list-item {
3
+ padding: 0;
4
+ }
5
+ .ant-upload-list-item.ant-upload-list-item-done {
6
+ .ant-upload-icon {
7
+ .anticon.anticon-paper-clip {
8
+ color: var(--ant-color-primary);
9
+ }
10
+ }
11
+ }
12
+ .ant-upload-list-item-name {
13
+ display: flex;
14
+ align-items: center;
15
+ }
16
+
17
+ &-file {
18
+ &-btn {
19
+ &__icon {
20
+ width: 16px;
21
+ height: 16px;
22
+ }
23
+ &:hover &{
24
+ &__icon {
25
+ .path-1 {
26
+ fill: var(--ant-color-primary);
27
+ width: 20px;
28
+ }
29
+ }
30
+ }
31
+ }
32
+ }
33
+ &__icon {
34
+ &--success {
35
+ width: 16px;
36
+ height: 16px;
37
+ position: absolute;
38
+ top: 0px;
39
+ right: 24px;
40
+ }
41
+ &--again {
42
+ width: 16px;
43
+ height: 16px;
44
+ position: absolute;
45
+ top: 0px;
46
+ right: 24px;
47
+ }
48
+ &--delete {
49
+ width: 16px;
50
+ height: 16px;
51
+ position: absolute;
52
+ top: 0px;
53
+ right: 2px;
54
+ }
55
+ }
56
+
57
+ &-image {
58
+ &-btn {
59
+ width: 100px;
60
+ height: 100px;
61
+ border-radius: 8px;
62
+ background-color: var(--ant-color-border-secondary);
63
+ display: flex;
64
+ align-items: center;
65
+ justify-content: center;
66
+ flex-direction: column;
67
+ &__text {
68
+ font-size: 12px;
69
+ color: var(--ant-color-text-quaternary);
70
+ margin-top: 8px;
71
+ }
72
+ }
73
+ }
74
+ &-video {
75
+ &-content {
76
+ position: relative;
77
+ width: 102px;
78
+ height: 102px;
79
+ border-radius: 4px;
80
+ cursor: pointer;
81
+ padding: 8px;
82
+ box-sizing: border-box;
83
+ border: 1px solid var(--ant-color-border-secondary);
84
+ &__video {
85
+ width: 100%;
86
+ height: 100%;
87
+ }
88
+ &:hover &{
89
+ &-icon {
90
+ z-index: 10;
91
+ transition: all;
92
+ box-sizing: border-box;
93
+ position: absolute;
94
+ top: 8px;
95
+ left: 8px;
96
+ height: 86px;
97
+ width: 86px;
98
+ /* 这里的背景色根据需求设置 */
99
+ background: rgba(0, 0, 0, 0.6) !important;
100
+ background-color: #000;
101
+ filter: Alpha(Opacity=60);
102
+ opacity: 0.6;
103
+ &--delete {
104
+ width: 16px;
105
+ height: 16px;
106
+ position: absolute;
107
+ top: 36px;
108
+ left: 40%;
109
+ cursor: pointer;
110
+ }
111
+ }
112
+ }
113
+ }
114
+ }
115
+ }
@@ -1,45 +1,45 @@
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 UserDropdownProps = SelectProps & {
24
- type?: number; // 1:学生2:教师3:职工
25
- label?: LabelOptions[];
26
- connectors?: string;
27
- teacher_id?: number;
28
- };
29
- export interface IuserItem {
30
- userId: string; // ID
31
- uniqueNumber?: string; // 学号/工号
32
- personalName: string; // 姓名
33
- personalPhoto?: string; // 照片
34
- userFaceType?: number; // 人脸类型(1白名单2黑名单3红名单)
35
- majorName?: string; // 专业名称
36
- collegeMajorName?: string; // 院系名称
37
- className?: string; // 班级名称
38
- gradeName?: string; // 年级名称
39
- genderName?: string; // 性别
40
- deptId?: number; // 部门ID
41
- deptName?: string; // 部门名称
42
- gender?: number; // 性别
43
- credentialsNo?: string; // 证件号
44
- personalMobile?: string; // 手机号
45
- }
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 UserDropdownProps = SelectProps & {
24
+ type?: number; // 1:学生2:教师3:职工
25
+ label?: LabelOptions[];
26
+ connectors?: string;
27
+ teacher_id?: number;
28
+ };
29
+ export interface IuserItem {
30
+ userId: string; // ID
31
+ uniqueNumber?: string; // 学号/工号
32
+ personalName: string; // 姓名
33
+ personalPhoto?: string; // 照片
34
+ userFaceType?: number; // 人脸类型(1白名单2黑名单3红名单)
35
+ majorName?: string; // 专业名称
36
+ collegeMajorName?: string; // 院系名称
37
+ className?: string; // 班级名称
38
+ gradeName?: string; // 年级名称
39
+ genderName?: string; // 性别
40
+ deptId?: number; // 部门ID
41
+ deptName?: string; // 部门名称
42
+ gender?: number; // 性别
43
+ credentialsNo?: string; // 证件号
44
+ personalMobile?: string; // 手机号
45
+ }