yootd 0.0.4 → 0.0.6

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.
@@ -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
+ }
@@ -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,5 +1,5 @@
1
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- var _excluded = ["type", "label", "connectors", "loading", "onChange", "onSearch", "showSearch", "optionFilterProp", "head_teacher_id"];
2
+ var _excluded = ["type", "label", "connectors", "loading", "onChange", "onSearch", "showSearch", "optionFilterProp", "teacher_id"];
3
3
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
4
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
5
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -32,7 +32,7 @@ export var UserDropdown = function UserDropdown(_ref) {
32
32
  showSearch = _ref$showSearch === void 0 ? true : _ref$showSearch,
33
33
  _ref$optionFilterProp = _ref.optionFilterProp,
34
34
  optionFilterProp = _ref$optionFilterProp === void 0 ? 'label' : _ref$optionFilterProp,
35
- head_teacher_id = _ref.head_teacher_id,
35
+ teacher_id = _ref.teacher_id,
36
36
  rest = _objectWithoutProperties(_ref, _excluded);
37
37
  var request = useRequest();
38
38
  // 输入框中输入的内容
@@ -48,7 +48,7 @@ export var UserDropdown = function UserDropdown(_ref) {
48
48
  params: {
49
49
  user_type: type,
50
50
  name_or_no: value,
51
- head_teacher_id: head_teacher_id
51
+ teacher_id: teacher_id
52
52
  }
53
53
  });
54
54
  },
@@ -24,7 +24,7 @@ export type UserDropdownProps = SelectProps & {
24
24
  type?: number; // 1:学生2:教师3:职工
25
25
  label?: LabelOptions[];
26
26
  connectors?: string;
27
- head_teacher_id?: number;
27
+ teacher_id?: number;
28
28
  };
29
29
  export interface IuserItem {
30
30
  userId: string; // ID
@@ -1,21 +1,21 @@
1
- .yot-YearTerm {
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-YearTerm {
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,28 +1,28 @@
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 IYearItem {
12
- id: number; // ID
13
- yearName: string; // 学年名称
14
- }
15
- // 查询学期返回的数据类型
16
- export interface ITermItem {
17
- termId: number; // ID
18
- termName: string; // 学期名称
19
- }
20
- type YearTermProps = {
21
- type?: 'yearTerm' | 'year' | 'term';
22
- style?: React.CSSProperties;
23
- showSearch?: boolean;
24
- value?: Record<string, number>;
25
- onChange?: (record: Record<string, number | undefined>) => void;
26
- allowClear?: boolean;
27
- placeholder?: string[];
28
- };
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 IYearItem {
12
+ id: number; // ID
13
+ yearName: string; // 学年名称
14
+ }
15
+ // 查询学期返回的数据类型
16
+ export interface ITermItem {
17
+ termId: number; // ID
18
+ termName: string; // 学期名称
19
+ }
20
+ type YearTermProps = {
21
+ type?: 'yearTerm' | 'year' | 'term';
22
+ style?: React.CSSProperties;
23
+ showSearch?: boolean;
24
+ value?: Record<string, number>;
25
+ onChange?: (record: Record<string, number | undefined>) => void;
26
+ allowClear?: boolean;
27
+ placeholder?: string[];
28
+ };
@@ -1,23 +1,23 @@
1
- .content {
2
- border: var(--ant-line-width) var(--ant-line-type) var(--ant-color-border);
3
- border-radius: var(--ant-border-radius);
4
- :global {
5
- .zone-select::after {
6
- content: '';
7
- position: absolute;
8
- right: 0;
9
- top: 50%; /* 从中间开始 */
10
- width: 1px; /* 边框宽度 */
11
- height: 50%; /* 设为盒子高度的百分之五十 */
12
- background-color: var(--ant-color-border); /* 边框颜色 */
13
- transform: translateY(-50%);
14
- }
15
- .ant-select.ant-select-outlined.css-var-yootd.ant-select-css-var.ant-select-single.ant-select-show-arrow {
16
- .ant-select-selector {
17
- padding-left: var(--ant-padding);
18
- padding-right: var(--ant-padding);
19
- border: 0;
20
- }
21
- }
22
- }
23
- }
1
+ .content {
2
+ border: var(--ant-line-width) var(--ant-line-type) var(--ant-color-border);
3
+ border-radius: var(--ant-border-radius);
4
+ :global {
5
+ .zone-select::after {
6
+ content: '';
7
+ position: absolute;
8
+ right: 0;
9
+ top: 50%; /* 从中间开始 */
10
+ width: 1px; /* 边框宽度 */
11
+ height: 50%; /* 设为盒子高度的百分之五十 */
12
+ background-color: var(--ant-color-border); /* 边框颜色 */
13
+ transform: translateY(-50%);
14
+ }
15
+ .ant-select.ant-select-outlined.css-var-yootd.ant-select-css-var.ant-select-single.ant-select-show-arrow {
16
+ .ant-select-selector {
17
+ padding-left: var(--ant-padding);
18
+ padding-right: var(--ant-padding);
19
+ border: 0;
20
+ }
21
+ }
22
+ }
23
+ }