yootd 0.2.45 → 0.2.46

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 (67) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +43 -43
  3. package/dist/anchor/index.scss +23 -23
  4. package/dist/approval-process/index.scss +95 -95
  5. package/dist/areas/index.scss +21 -21
  6. package/dist/areas/types/types.d.ts +41 -41
  7. package/dist/areas-treeSelect/index.scss +6 -6
  8. package/dist/areas-treeSelect/types/type.d.ts +40 -40
  9. package/dist/aside/components/SortableItem.scss +289 -289
  10. package/dist/aside/index.scss +44 -44
  11. package/dist/aside/types/types.d.ts +82 -82
  12. package/dist/badge/index.scss +5 -5
  13. package/dist/buildings/types/types.d.ts +21 -21
  14. package/dist/button/index.scss +30 -30
  15. package/dist/cascader/index.scss +5 -5
  16. package/dist/courses/types/types.d.ts +18 -18
  17. package/dist/department/index.scss +6 -6
  18. package/dist/department/types/types.d.ts +23 -23
  19. package/dist/description/index.scss +10 -10
  20. package/dist/dictionary/types/types.d.ts +14 -14
  21. package/dist/drawer-modal/index.scss +42 -42
  22. package/dist/drawer-modal/types/types.d.ts +3 -3
  23. package/dist/dropdown/assets/arrow-down.svg +5 -5
  24. package/dist/dropdown-select/index.scss +6 -6
  25. package/dist/dropdown-select/types/type.d.ts +18 -18
  26. package/dist/empty/index.scss +15 -15
  27. package/dist/export/index.scss +6 -6
  28. package/dist/go-back/components/index.scss +5 -5
  29. package/dist/go-back/index.scss +33 -33
  30. package/dist/group-title/index.scss +31 -31
  31. package/dist/holiday/types/types.d.ts +22 -22
  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.d.ts +1 -1
  37. package/dist/modal/index.scss +81 -81
  38. package/dist/pagination/index.scss +47 -47
  39. package/dist/preview/components/preview/phone.scss +7 -7
  40. package/dist/preview/components/reactflow/Controls.d.ts +1 -1
  41. package/dist/preview/components/reactflow/TopPreview.d.ts +1 -1
  42. package/dist/preview/index.scss +35 -35
  43. package/dist/preview/types/type.d.ts +22 -22
  44. package/dist/role/types/types.d.ts +22 -22
  45. package/dist/school/index.scss +21 -21
  46. package/dist/school/types/types.d.ts +85 -85
  47. package/dist/state/index.scss +89 -89
  48. package/dist/steps/index.scss +32 -32
  49. package/dist/student-dropdown/types/types.d.ts +44 -44
  50. package/dist/table/components/primary-header-row/index.scss +67 -67
  51. package/dist/table/components/primary-tbody-row/index.scss +5 -5
  52. package/dist/table/index.scss +58 -58
  53. package/dist/tabs/index.scss +86 -86
  54. package/dist/tag/index.scss +4 -4
  55. package/dist/teacher/types/types.d.ts +33 -33
  56. package/dist/tree/index.scss +34 -34
  57. package/dist/upload/index.scss +115 -115
  58. package/dist/user-dropdown/types/types.d.ts +45 -45
  59. package/dist/video-player/index.js +7 -7
  60. package/dist/video-player/index.scss +339 -339
  61. package/dist/with-search-form/index.scss +11 -11
  62. package/dist/with-search-form/types/type.d.ts +3 -3
  63. package/dist/year-term/index.scss +21 -21
  64. package/dist/year-term/types/types.d.ts +39 -39
  65. package/dist/zones/index.scss +21 -21
  66. package/dist/zones/types/types.d.ts +26 -26
  67. package/package.json +93 -93
@@ -1,67 +1,67 @@
1
- .yot-table {
2
- &-thead {
3
- &-row {
4
- &--primary {
5
- th {
6
- background-color: var(--ant-color-primary) !important;
7
- }
8
- }
9
-
10
- &--header-bg-colored {
11
- th {
12
- background-color: var(--th-bg-color) !important;
13
- }
14
- }
15
-
16
- th {
17
- color: var(--th-text-color) !important;
18
- }
19
- }
20
- }
21
-
22
- &-setting {
23
- width: 48px;
24
-
25
- &-content {
26
- flex: 1;
27
- display: flex;
28
- justify-content: center;
29
- }
30
-
31
- &-checkbox-group {
32
- min-width: 200px;
33
- display: flex;
34
- flex-direction: column;
35
- }
36
-
37
- &__check-all {
38
- margin-bottom: 5px;
39
- }
40
-
41
- &-checkbox {
42
- display: flex;
43
- align-items: center;
44
- margin-bottom: 5px;
45
- }
46
-
47
- &__drag-handler {
48
- margin-right: 20px;
49
- cursor: grab;
50
- }
51
-
52
- &__icon {
53
- cursor: pointer;
54
- path {
55
- fill: var(--th-text-color) !important;
56
- }
57
- }
58
-
59
- &--primary & {
60
- &__icon {
61
- path {
62
- fill: #fff;
63
- }
64
- }
65
- }
66
- }
67
- }
1
+ .yot-table {
2
+ &-thead {
3
+ &-row {
4
+ &--primary {
5
+ th {
6
+ background-color: var(--ant-color-primary) !important;
7
+ }
8
+ }
9
+
10
+ &--header-bg-colored {
11
+ th {
12
+ background-color: var(--th-bg-color) !important;
13
+ }
14
+ }
15
+
16
+ th {
17
+ color: var(--th-text-color) !important;
18
+ }
19
+ }
20
+ }
21
+
22
+ &-setting {
23
+ width: 48px;
24
+
25
+ &-content {
26
+ flex: 1;
27
+ display: flex;
28
+ justify-content: center;
29
+ }
30
+
31
+ &-checkbox-group {
32
+ min-width: 200px;
33
+ display: flex;
34
+ flex-direction: column;
35
+ }
36
+
37
+ &__check-all {
38
+ margin-bottom: 5px;
39
+ }
40
+
41
+ &-checkbox {
42
+ display: flex;
43
+ align-items: center;
44
+ margin-bottom: 5px;
45
+ }
46
+
47
+ &__drag-handler {
48
+ margin-right: 20px;
49
+ cursor: grab;
50
+ }
51
+
52
+ &__icon {
53
+ cursor: pointer;
54
+ path {
55
+ fill: var(--th-text-color) !important;
56
+ }
57
+ }
58
+
59
+ &--primary & {
60
+ &__icon {
61
+ path {
62
+ fill: #fff;
63
+ }
64
+ }
65
+ }
66
+ }
67
+ }
@@ -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,58 +1,58 @@
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
-
19
- &-header {
20
- &:hover {
21
- &__icon {
22
- position: absolute;
23
- right: 16px;
24
- top: 50%;
25
- transform: translateY(-50%);
26
- cursor: pointer;
27
-
28
- path {
29
- fill: var(--ant-color-primary-bg);
30
- }
31
- }
32
- }
33
- }
34
- &-tbody {
35
- &-row {
36
- &--striped {
37
- &--even {
38
- background-color: var(--even-striped-color);
39
- .ant-table-cell-fix-right{
40
- background-color: var(--even-striped-color) !important;
41
- }
42
- .ant-table-cell-fix-left{
43
- background-color: var(--even-striped-color) !important;
44
- }
45
- }
46
- &--odd {
47
- background-color: var(--odd-striped-color);
48
- .ant-table-cell-fix-right{
49
- background-color: var(--odd-striped-color) !important;
50
- }
51
- .ant-table-cell-fix-left{
52
- background-color: var(--odd-striped-color) !important;
53
- }
54
- }
55
- }
56
- }
57
- }
58
- }
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
+
19
+ &-header {
20
+ &:hover {
21
+ &__icon {
22
+ position: absolute;
23
+ right: 16px;
24
+ top: 50%;
25
+ transform: translateY(-50%);
26
+ cursor: pointer;
27
+
28
+ path {
29
+ fill: var(--ant-color-primary-bg);
30
+ }
31
+ }
32
+ }
33
+ }
34
+ &-tbody {
35
+ &-row {
36
+ &--striped {
37
+ &--even {
38
+ background-color: var(--even-striped-color);
39
+ .ant-table-cell-fix-right{
40
+ background-color: var(--even-striped-color) !important;
41
+ }
42
+ .ant-table-cell-fix-left{
43
+ background-color: var(--even-striped-color) !important;
44
+ }
45
+ }
46
+ &--odd {
47
+ background-color: var(--odd-striped-color);
48
+ .ant-table-cell-fix-right{
49
+ background-color: var(--odd-striped-color) !important;
50
+ }
51
+ .ant-table-cell-fix-left{
52
+ background-color: var(--odd-striped-color) !important;
53
+ }
54
+ }
55
+ }
56
+ }
57
+ }
58
+ }
@@ -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,33 +1,33 @@
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
- personalEmail?: string; // 邮箱
22
- }
23
- type LabelOptions =
24
- | 'personalName'
25
- | 'uniqueNumber'
26
- | 'personalMobile'
27
- | 'nationName'
28
- | 'genderName'
29
- | 'personalEmail';
30
- export type TeacherProps = SelectProps & {
31
- label?: LabelOptions[];
32
- connectors?: string;
33
- };
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
+ personalEmail?: string; // 邮箱
22
+ }
23
+ type LabelOptions =
24
+ | 'personalName'
25
+ | 'uniqueNumber'
26
+ | 'personalMobile'
27
+ | 'nationName'
28
+ | 'genderName'
29
+ | 'personalEmail';
30
+ export type TeacherProps = SelectProps & {
31
+ label?: LabelOptions[];
32
+ connectors?: string;
33
+ };
@@ -1,34 +1,34 @@
1
- .yot-tree {
2
- position: relative;
3
- overflow: auto;
4
- height: 100%;
5
- .ant-tree-node-content-wrapper.ant-tree-node-selected {
6
- background-color: var(--ant-color-primary-bg);
7
- .ant-tree-title {
8
- color: var(--ant-color-primary);
9
- }
10
- }
11
- .ant-tree-node-content-wrapper {
12
- .ant-tree-title {
13
- color: var(--ant-color-text-secondary);
14
- }
15
- }
16
- &__icon {
17
- margin-top: 2px;
18
- &.yot-is-selected {
19
- .path-1 {
20
- stroke: var(--ant-color-primary);
21
- }
22
- .path-2,
23
- .rect-1 {
24
- fill: var(--ant-color-primary);
25
- }
26
- }
27
- }
28
- &__search {
29
- position: sticky;
30
- top: 0px;
31
- z-index: 1;
32
- margin-bottom: 10px;
33
- }
34
- }
1
+ .yot-tree {
2
+ position: relative;
3
+ overflow: auto;
4
+ height: 100%;
5
+ .ant-tree-node-content-wrapper.ant-tree-node-selected {
6
+ background-color: var(--ant-color-primary-bg);
7
+ .ant-tree-title {
8
+ color: var(--ant-color-primary);
9
+ }
10
+ }
11
+ .ant-tree-node-content-wrapper {
12
+ .ant-tree-title {
13
+ color: var(--ant-color-text-secondary);
14
+ }
15
+ }
16
+ &__icon {
17
+ margin-top: 2px;
18
+ &.yot-is-selected {
19
+ .path-1 {
20
+ stroke: var(--ant-color-primary);
21
+ }
22
+ .path-2,
23
+ .rect-1 {
24
+ fill: var(--ant-color-primary);
25
+ }
26
+ }
27
+ }
28
+ &__search {
29
+ position: sticky;
30
+ top: 0px;
31
+ z-index: 1;
32
+ margin-bottom: 10px;
33
+ }
34
+ }