yootd 0.1.9-6.1 → 0.2.1

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 (63) 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/aside/types/types.d.ts +51 -51
  15. package/dist/badge/index.scss +5 -5
  16. package/dist/buildings/types/types.d.ts +21 -21
  17. package/dist/button/index.scss +30 -30
  18. package/dist/cascader/index.scss +5 -5
  19. package/dist/courses/types/types.d.ts +18 -18
  20. package/dist/department/index.scss +6 -6
  21. package/dist/department/types/types.d.ts +23 -23
  22. package/dist/description/index.scss +10 -10
  23. package/dist/dictionary/types/types.d.ts +14 -14
  24. package/dist/drawer-modal/index.scss +42 -42
  25. package/dist/drawer-modal/types/types.d.ts +3 -3
  26. package/dist/dropdown/assets/arrow-down.svg +5 -5
  27. package/dist/dropdown-select/index.scss +6 -6
  28. package/dist/dropdown-select/types/type.d.ts +18 -18
  29. package/dist/empty/index.scss +15 -15
  30. package/dist/export/index.scss +6 -6
  31. package/dist/go-back/components/index.scss +5 -5
  32. package/dist/go-back/index.scss +24 -24
  33. package/dist/group-title/index.scss +31 -31
  34. package/dist/holiday/types/types.d.ts +22 -22
  35. package/dist/hooks/useBem.js +10 -10
  36. package/dist/image/index.scss +26 -26
  37. package/dist/input/index.scss +5 -5
  38. package/dist/job-title/types/types.d.ts +17 -17
  39. package/dist/modal/index.d.ts +8 -4
  40. package/dist/modal/index.js +2 -1
  41. package/dist/modal/index.scss +76 -76
  42. package/dist/pagination/index.scss +47 -47
  43. package/dist/role/types/types.d.ts +22 -22
  44. package/dist/school/index.scss +21 -21
  45. package/dist/school/types/types.d.ts +85 -85
  46. package/dist/state/index.scss +89 -89
  47. package/dist/steps/index.scss +32 -32
  48. package/dist/student-dropdown/types/types.d.ts +44 -44
  49. package/dist/table/components/primary-header-row/index.scss +67 -67
  50. package/dist/table/components/primary-tbody-row/index.scss +5 -5
  51. package/dist/table/index.scss +33 -33
  52. package/dist/tabs/index.scss +86 -86
  53. package/dist/tag/index.scss +4 -4
  54. package/dist/teacher/types/types.d.ts +33 -33
  55. package/dist/tree/index.scss +34 -34
  56. package/dist/upload/index.scss +115 -115
  57. package/dist/user-dropdown/types/types.d.ts +45 -45
  58. package/dist/video-player/index.scss +309 -309
  59. package/dist/year-term/index.scss +21 -21
  60. package/dist/year-term/types/types.d.ts +39 -39
  61. package/dist/zones/index.module.scss +23 -23
  62. package/dist/zones/types/types.d.ts +26 -26
  63. package/package.json +91 -100
@@ -1,39 +1,39 @@
1
- import { TreeSelectProps } from 'antd';
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
- // 查询位置树接口返回的数据类型
14
- export interface AreasTreeData {
15
- areaId: number;
16
- areaLevel: number;
17
- areaLevel1Id: number;
18
- areaName: string;
19
- areaSubType: number;
20
- areaType: number;
21
- children?: AreasTreeData[];
22
- }
23
- // 空间树所需数据类型
24
- export interface AreasTreeOptions {
25
- title: string;
26
- value: number;
27
- key: number;
28
- children?: AreasTreeOptions[];
29
- }
30
- // 空间树选择器props
31
- export interface AreasTreeSelectProps extends TreeSelectProps {
32
- depth?: number; // 树节点深度,不传表示到第五级
33
- areaType?: number; // 筛选楼类型
34
- areaSubType?: number; // 筛选楼类型
35
- showSearch?: boolean; // 是否开启搜索
36
- treeCheckable?: boolean; // 是否开启多选
37
- selectable?: boolean; // 是否强制要求选到最底层
38
- treeDefaultExpandedLevel?: number; // 默认展开的层级
39
- }
1
+ import { TreeSelectProps } from 'antd';
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
+ // 查询位置树接口返回的数据类型
14
+ export interface AreasTreeData {
15
+ areaId: number;
16
+ areaLevel: number;
17
+ areaLevel1Id: number;
18
+ areaName: string;
19
+ areaSubType: number;
20
+ areaType: number;
21
+ children?: AreasTreeData[];
22
+ }
23
+ // 空间树所需数据类型
24
+ export interface AreasTreeOptions {
25
+ title: string;
26
+ value: number;
27
+ key: number;
28
+ children?: AreasTreeOptions[];
29
+ }
30
+ // 空间树选择器props
31
+ export interface AreasTreeSelectProps extends TreeSelectProps {
32
+ depth?: number; // 树节点深度,不传表示到第五级
33
+ areaType?: number; // 筛选楼类型
34
+ areaSubType?: number; // 筛选楼类型
35
+ showSearch?: boolean; // 是否开启搜索
36
+ treeCheckable?: boolean; // 是否开启多选
37
+ selectable?: boolean; // 是否强制要求选到最底层
38
+ treeDefaultExpandedLevel?: number; // 默认展开的层级
39
+ }
@@ -1,111 +1,111 @@
1
- .yot-SortableItem {
2
- &-content {
3
- position: relative;
4
- padding: 12px 16px;
5
- box-sizing: border-box;
6
- cursor: pointer;
7
- background-color: #fff;
8
- &-top {
9
- display: flex;
10
- justify-content: space-between;
11
- align-items: start;
12
- &-top-left {
13
- display: flex;
14
- align-items: start;
15
- &-top-drag-btn-icon {
16
- cursor: move;
17
- &__drag-btn-icon-svg {
18
- display: inline-block;
19
- vertical-align: middle;
20
- }
21
- }
22
- &-top-title-wrap {
23
- display: flex;
24
- align-items: center;
25
- justify-content: center;
26
- &__top-title {
27
- font-size: 16px;
28
- font-weight: 400;
29
- line-height: 1.5em;
30
- overflow: hidden;
31
- display: -webkit-box; //将元素设为盒子伸缩模型显示
32
- -webkit-box-orient: vertical; //伸缩方向设为垂直方向
33
- -webkit-line-clamp: 2; //超出2行隐藏,并显示省略号
34
- line-clamp: 2;
35
- }
36
- }
37
- }
38
- &-top-middle {
39
- display: flex;
40
- align-items: center;
41
- &-top-edit-btn-icon {
42
- cursor: pointer;
43
- &__edit-btn-icon-svg {
44
- display: inline-block;
45
- vertical-align: middle;
46
- }
47
- }
48
- &-top-del-btn-icon {
49
- cursor: pointer;
50
- margin-left: 12px;
51
- &__del-btn-icon-svg {
52
- display: inline-block;
53
- vertical-align: middle;
54
- }
55
- }
56
- }
57
- }
58
- &-bottom {
59
- text-overflow: ellipsis;
60
- overflow: hidden;
61
- white-space: nowrap;
62
- &__extra {
63
- font-size: 12px;
64
- font-weight: 400;
65
- color: rgba(0, 0, 0, 0.45);
66
- }
67
- }
68
- }
69
- &-content:hover {
70
- background-color: var(--ant-color-primary-border);
71
- transition: all 0.05s ease;
72
- }
73
- &-content::before {
74
- content: '';
75
- position: absolute;
76
- bottom: -0.5px;
77
- left: 16px;
78
- right: 16px;
79
- height: 1px;
80
- background-color: #e5e5e5;
81
- z-index: 100;
82
- }
83
- &__content-active {
84
- background-color: var(--ant-color-primary-border);
85
- }
86
- &__content-active::after {
87
- content: '';
88
- position: absolute;
89
- bottom: 0;
90
- left: 0;
91
- width: 4px;
92
- height: 100%;
93
- background-color: var(--ant-color-primary);
94
- }
95
- &-primary {
96
- border: 4px solid var(--ant-color-primary);
97
- z-index: 999;
98
- }
99
- &-success {
100
- border: 4px solid var(--ant-color-success);
101
- z-index: 999;
102
- }
103
- &-warning {
104
- border: 4px solid var(--ant-color-warning);
105
- z-index: 999;
106
- }
107
- &-error {
108
- border: 4px solid var(--ant-color-error);
109
- z-index: 999;
110
- }
111
- }
1
+ .yot-SortableItem {
2
+ &-content {
3
+ position: relative;
4
+ padding: 12px 16px;
5
+ box-sizing: border-box;
6
+ cursor: pointer;
7
+ background-color: #fff;
8
+ &-top {
9
+ display: flex;
10
+ justify-content: space-between;
11
+ align-items: start;
12
+ &-top-left {
13
+ display: flex;
14
+ align-items: start;
15
+ &-top-drag-btn-icon {
16
+ cursor: move;
17
+ &__drag-btn-icon-svg {
18
+ display: inline-block;
19
+ vertical-align: middle;
20
+ }
21
+ }
22
+ &-top-title-wrap {
23
+ display: flex;
24
+ align-items: center;
25
+ justify-content: center;
26
+ &__top-title {
27
+ font-size: 16px;
28
+ font-weight: 400;
29
+ line-height: 1.5em;
30
+ overflow: hidden;
31
+ display: -webkit-box; //将元素设为盒子伸缩模型显示
32
+ -webkit-box-orient: vertical; //伸缩方向设为垂直方向
33
+ -webkit-line-clamp: 2; //超出2行隐藏,并显示省略号
34
+ line-clamp: 2;
35
+ }
36
+ }
37
+ }
38
+ &-top-middle {
39
+ display: flex;
40
+ align-items: center;
41
+ &-top-edit-btn-icon {
42
+ cursor: pointer;
43
+ &__edit-btn-icon-svg {
44
+ display: inline-block;
45
+ vertical-align: middle;
46
+ }
47
+ }
48
+ &-top-del-btn-icon {
49
+ cursor: pointer;
50
+ margin-left: 12px;
51
+ &__del-btn-icon-svg {
52
+ display: inline-block;
53
+ vertical-align: middle;
54
+ }
55
+ }
56
+ }
57
+ }
58
+ &-bottom {
59
+ text-overflow: ellipsis;
60
+ overflow: hidden;
61
+ white-space: nowrap;
62
+ &__extra {
63
+ font-size: 12px;
64
+ font-weight: 400;
65
+ color: rgba(0, 0, 0, 0.45);
66
+ }
67
+ }
68
+ }
69
+ &-content:hover {
70
+ background-color: var(--ant-color-primary-border);
71
+ transition: all 0.05s ease;
72
+ }
73
+ &-content::before {
74
+ content: '';
75
+ position: absolute;
76
+ bottom: -0.5px;
77
+ left: 16px;
78
+ right: 16px;
79
+ height: 1px;
80
+ background-color: #e5e5e5;
81
+ z-index: 100;
82
+ }
83
+ &__content-active {
84
+ background-color: var(--ant-color-primary-border);
85
+ }
86
+ &__content-active::after {
87
+ content: '';
88
+ position: absolute;
89
+ bottom: 0;
90
+ left: 0;
91
+ width: 4px;
92
+ height: 100%;
93
+ background-color: var(--ant-color-primary);
94
+ }
95
+ &-primary {
96
+ border: 4px solid var(--ant-color-primary);
97
+ z-index: 999;
98
+ }
99
+ &-success {
100
+ border: 4px solid var(--ant-color-success);
101
+ z-index: 999;
102
+ }
103
+ &-warning {
104
+ border: 4px solid var(--ant-color-warning);
105
+ z-index: 999;
106
+ }
107
+ &-error {
108
+ border: 4px solid var(--ant-color-error);
109
+ z-index: 999;
110
+ }
111
+ }
@@ -1,46 +1,46 @@
1
- .yot-aside {
2
- background-color: #ffffff;
3
- border-radius: 8px;
4
- box-sizing: border-box;
5
- &-title {
6
- border-bottom: 1px solid #e5e5e5;
7
- padding: 16px 16px;
8
- box-sizing: border-box;
9
- display: flex;
10
- align-items: start;
11
- justify-content: space-between;
12
- background-color: #fff;
13
- position: sticky;
14
- top: 0;
15
- z-index: 999;
16
- &__title-text {
17
- font-size: 18px;
18
- font-weight: bold;
19
- overflow: hidden;
20
- text-overflow: ellipsis;
21
- white-space: nowrap;
22
- }
23
- &__add-btn-icon {
24
- cursor: pointer;
25
- margin-top: 8px;
26
- }
27
- }
28
- }
29
- // 滚动条宽度
30
- .yot-aside::-webkit-scrollbar {
31
- width: 6px;
32
- height: 10px;
33
- }
34
- // 滚动条轨道
35
- .yot-aside::-webkit-scrollbar-track {
36
- background: white;
37
- border-radius: 2px;
38
- height: 10px;
39
- }
40
- // 小滑块
41
- .yot-aside::-webkit-scrollbar-thumb {
42
- background: rgba(0, 0, 0, 0.15);
43
- border-radius: 10px;
44
- height: 10px;
45
- }
46
-
1
+ .yot-aside {
2
+ background-color: #ffffff;
3
+ border-radius: 8px;
4
+ box-sizing: border-box;
5
+ &-title {
6
+ border-bottom: 1px solid #e5e5e5;
7
+ padding: 16px 16px;
8
+ box-sizing: border-box;
9
+ display: flex;
10
+ align-items: start;
11
+ justify-content: space-between;
12
+ background-color: #fff;
13
+ position: sticky;
14
+ top: 0;
15
+ z-index: 999;
16
+ &__title-text {
17
+ font-size: 18px;
18
+ font-weight: bold;
19
+ overflow: hidden;
20
+ text-overflow: ellipsis;
21
+ white-space: nowrap;
22
+ }
23
+ &__add-btn-icon {
24
+ cursor: pointer;
25
+ margin-top: 8px;
26
+ }
27
+ }
28
+ }
29
+ // 滚动条宽度
30
+ .yot-aside::-webkit-scrollbar {
31
+ width: 6px;
32
+ height: 10px;
33
+ }
34
+ // 滚动条轨道
35
+ .yot-aside::-webkit-scrollbar-track {
36
+ background: white;
37
+ border-radius: 2px;
38
+ height: 10px;
39
+ }
40
+ // 小滑块
41
+ .yot-aside::-webkit-scrollbar-thumb {
42
+ background: rgba(0, 0, 0, 0.15);
43
+ border-radius: 10px;
44
+ height: 10px;
45
+ }
46
+
@@ -1,51 +1,51 @@
1
- type IdataItem = {
2
- key: string;
3
- title: string;
4
- extra?: string;
5
- checked?: boolean;
6
- status?: string;
7
- data?: any;
8
- };
9
- export type AsideProps = {
10
- width?: number;
11
- height?: number | string;
12
- style?: React.CSSProperties;
13
- activeKey?: string;
14
- title?: string;
15
- data: IdataItem[];
16
- overflow?: boolean;
17
- titleShow?: boolean;
18
- addBtnIcon?: boolean;
19
- editBtnIcon?: boolean;
20
- delBtnIcon?: boolean;
21
- switchBtnIcon?: boolean;
22
- dragBtnIcon?: boolean;
23
- onClick?: (key: string, e: IdataItem) => void;
24
- onAdd?: () => void;
25
- onEdit?: (key: string, e: IdataItem) => void;
26
- onDel?: (key: string, e: IdataItem) => void;
27
- onSwitch?: (
28
- changeValue: { key: string; checked: boolean },
29
- data: IdataItem[],
30
- ) => void;
31
- onDragEnd?: (data: IdataItem[]) => void;
32
- onScrollBottom?: () => void;
33
- bottomThreshold?: number;
34
- };
35
- export type AsideItemProps = {
36
- activeKey: string;
37
- id: string;
38
- title: string;
39
- editBtnIcon?: boolean;
40
- delBtnIcon?: boolean;
41
- switchBtnIcon?: boolean;
42
- dragBtnIcon?: boolean;
43
- checked?: boolean;
44
- extra?: string;
45
- status?: string;
46
- data?: any;
47
- onClick?: (key: string, e: IdataItem) => void;
48
- onEdit?: (key: string, e: IdataItem) => void;
49
- onDel?: (key: string, e: IdataItem) => void;
50
- onSwitch?: (key: string, e: boolean) => void;
51
- };
1
+ type IdataItem = {
2
+ key: string;
3
+ title: string;
4
+ extra?: string;
5
+ checked?: boolean;
6
+ status?: string;
7
+ data?: any;
8
+ };
9
+ export type AsideProps = {
10
+ width?: number;
11
+ height?: number | string;
12
+ style?: React.CSSProperties;
13
+ activeKey?: string;
14
+ title?: string;
15
+ data: IdataItem[];
16
+ overflow?: boolean;
17
+ titleShow?: boolean;
18
+ addBtnIcon?: boolean;
19
+ editBtnIcon?: boolean;
20
+ delBtnIcon?: boolean;
21
+ switchBtnIcon?: boolean;
22
+ dragBtnIcon?: boolean;
23
+ onClick?: (key: string, e: IdataItem) => void;
24
+ onAdd?: () => void;
25
+ onEdit?: (key: string, e: IdataItem) => void;
26
+ onDel?: (key: string, e: IdataItem) => void;
27
+ onSwitch?: (
28
+ changeValue: { key: string; checked: boolean },
29
+ data: IdataItem[],
30
+ ) => void;
31
+ onDragEnd?: (data: IdataItem[]) => void;
32
+ onScrollBottom?: () => void;
33
+ bottomThreshold?: number;
34
+ };
35
+ export type AsideItemProps = {
36
+ activeKey: string;
37
+ id: string;
38
+ title: string;
39
+ editBtnIcon?: boolean;
40
+ delBtnIcon?: boolean;
41
+ switchBtnIcon?: boolean;
42
+ dragBtnIcon?: boolean;
43
+ checked?: boolean;
44
+ extra?: string;
45
+ status?: string;
46
+ data?: any;
47
+ onClick?: (key: string, e: IdataItem) => void;
48
+ onEdit?: (key: string, e: IdataItem) => void;
49
+ onDel?: (key: string, e: IdataItem) => void;
50
+ onSwitch?: (key: string, e: boolean) => void;
51
+ };
@@ -1,5 +1,5 @@
1
- .yot-badge {
2
- .ant-scroll-number.ant-badge-count {
3
- background-color: var(--ant-color-error);
4
- }
5
- }
1
+ .yot-badge {
2
+ .ant-scroll-number.ant-badge-count {
3
+ background-color: var(--ant-color-error);
4
+ }
5
+ }
@@ -1,21 +1,21 @@
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 IareaItem {
12
- areaId: number;
13
- areaLevel: number;
14
- areaName: string;
15
- areaType: number;
16
- }
17
- export interface IBuildingsProps {
18
- showSearch?: boolean;
19
- areaType?: number;
20
- areaSubType?: number;
21
- }
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 IareaItem {
12
+ areaId: number;
13
+ areaLevel: number;
14
+ areaName: string;
15
+ areaType: number;
16
+ }
17
+ export interface IBuildingsProps {
18
+ showSearch?: boolean;
19
+ areaType?: number;
20
+ areaSubType?: number;
21
+ }
@@ -1,31 +1,31 @@
1
- .yot-button {
2
- &--small {
3
- height: 26px;
4
- padding-left: 16px;
5
- padding-right: 16px;
6
- border-radius: 4px;
7
- font-size: 14px;
8
- }
9
-
10
- &--middle {
11
- height: 32px;
12
- padding-left: 16px;
13
- padding-right: 16px;
14
- border-radius: 4px;
15
- font-size: 14px;
16
- }
17
-
18
- &--large {
19
- height: 40px;
20
- padding-left: 32px;
21
- padding-right: 32px;
22
- border-radius: 8px;
23
- font-size: 16px;
24
- }
25
-
26
- &__link{
27
- padding: 0 !important;
28
- border: 0 !important;
29
- }
30
-
1
+ .yot-button {
2
+ &--small {
3
+ height: 26px;
4
+ padding-left: 16px;
5
+ padding-right: 16px;
6
+ border-radius: 4px;
7
+ font-size: 14px;
8
+ }
9
+
10
+ &--middle {
11
+ height: 32px;
12
+ padding-left: 16px;
13
+ padding-right: 16px;
14
+ border-radius: 4px;
15
+ font-size: 14px;
16
+ }
17
+
18
+ &--large {
19
+ height: 40px;
20
+ padding-left: 32px;
21
+ padding-right: 32px;
22
+ border-radius: 8px;
23
+ font-size: 16px;
24
+ }
25
+
26
+ &__link{
27
+ padding: 0 !important;
28
+ border: 0 !important;
29
+ }
30
+
31
31
  }
@@ -1,5 +1,5 @@
1
- .yot-cascader {
2
- .ant-cascader-menu-item[aria-checked='true'] {
3
- background-color: var(--ant-color-primary-bg);
4
- }
5
- }
1
+ .yot-cascader {
2
+ .ant-cascader-menu-item[aria-checked='true'] {
3
+ background-color: var(--ant-color-primary-bg);
4
+ }
5
+ }
@@ -1,18 +1,18 @@
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 ICourseItem {
12
- courseDefId: number;
13
- courseName: string;
14
- courseNo: string;
15
- }
16
- export interface ICourseProps {
17
- showSearch?: boolean;
18
- }
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 ICourseItem {
12
+ courseDefId: number;
13
+ courseName: string;
14
+ courseNo: string;
15
+ }
16
+ export interface ICourseProps {
17
+ showSearch?: boolean;
18
+ }
@@ -1,6 +1,6 @@
1
- .yot-department {
2
- .ant-select-tree-treenode {
3
- margin-bottom: 0 !important;
4
- padding-bottom: calc(var(--ant-padding-xs) / 2) !important;
5
- }
6
- }
1
+ .yot-department {
2
+ .ant-select-tree-treenode {
3
+ margin-bottom: 0 !important;
4
+ padding-bottom: calc(var(--ant-padding-xs) / 2) !important;
5
+ }
6
+ }