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,33 +1,33 @@
1
- .yot-goback {
2
- height: 59px;
3
- background-color: #ffffff;
4
- border-radius: 8px;
5
- box-sizing: border-box;
6
- padding: 0 24px;
7
- display: flex;
8
- align-items: center;
9
-
10
- &-content {
11
- width: fit-content;
12
- height: 100%;
13
- display: flex;
14
- align-items: center;
15
- cursor: pointer;
16
- overflow: hidden;
17
- &-title {
18
- font-size: 18px;
19
- margin-left: 5px;
20
- font-weight: bold;
21
- white-space: nowrap;
22
- text-overflow: ellipsis;
23
- overflow: hidden;
24
- }
25
- &-icon {
26
- width: 16px;
27
- height: 100%;
28
- display: flex;
29
- justify-content: center;
30
- align-items: center;
31
- }
32
- }
33
- }
1
+ .yot-goback {
2
+ height: 59px;
3
+ background-color: #ffffff;
4
+ border-radius: 8px;
5
+ box-sizing: border-box;
6
+ padding: 0 24px;
7
+ display: flex;
8
+ align-items: center;
9
+
10
+ &-content {
11
+ width: fit-content;
12
+ height: 100%;
13
+ display: flex;
14
+ align-items: center;
15
+ cursor: pointer;
16
+ overflow: hidden;
17
+ &-title {
18
+ font-size: 18px;
19
+ margin-left: 5px;
20
+ font-weight: bold;
21
+ white-space: nowrap;
22
+ text-overflow: ellipsis;
23
+ overflow: hidden;
24
+ }
25
+ &-icon {
26
+ width: 16px;
27
+ height: 100%;
28
+ display: flex;
29
+ justify-content: center;
30
+ align-items: center;
31
+ }
32
+ }
33
+ }
@@ -1,31 +1,31 @@
1
- .yot-group-title {
2
- background-color: var(--yot-group-color-secondary);
3
- border-radius: 4px;
4
- height: 42px;
5
- position: relative;
6
-
7
- &__content::before {
8
- content: '';
9
- position: absolute;
10
- width: 4px;
11
- height: 16px;
12
- top: 13px;
13
- left: 16px;
14
- background: var(--yot-group-color-primary);
15
- border-radius: 2px 2px 2px 2px
16
- }
17
-
18
- &-title {
19
- display: flex;
20
- padding: 0px 26px;
21
- line-height: 42px;
22
-
23
- &__title-text {
24
- font-family: Source Han Sans CN, Source Han Sans CN;
25
- font-weight: 550;
26
- font-size: 16px;
27
- text-align: left;
28
- }
29
- }
30
-
31
- }
1
+ .yot-group-title {
2
+ background-color: var(--yot-group-color-secondary);
3
+ border-radius: 4px;
4
+ height: 42px;
5
+ position: relative;
6
+
7
+ &__content::before {
8
+ content: '';
9
+ position: absolute;
10
+ width: 4px;
11
+ height: 16px;
12
+ top: 13px;
13
+ left: 16px;
14
+ background: var(--yot-group-color-primary);
15
+ border-radius: 2px 2px 2px 2px
16
+ }
17
+
18
+ &-title {
19
+ display: flex;
20
+ padding: 0px 26px;
21
+ line-height: 42px;
22
+
23
+ &__title-text {
24
+ font-family: Source Han Sans CN, Source Han Sans CN;
25
+ font-weight: 550;
26
+ font-size: 16px;
27
+ text-align: left;
28
+ }
29
+ }
30
+
31
+ }
@@ -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 IHolidayItem {
19
- vacationId: number;
20
- vacationName: string;
21
- }
22
- export type HolidayProps = 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 IHolidayItem {
19
+ vacationId: number;
20
+ vacationName: string;
21
+ }
22
+ export type HolidayProps = SelectProps;
@@ -71,16 +71,16 @@ var Bem = /*#__PURE__*/function () {
71
71
  }]);
72
72
  return Bem;
73
73
  }();
74
- /**
75
- * 自定义 Hook,用于创建并缓存 BEM 命名实例
76
- * @param namespace - BEM 命名的命名空间,用于生成基础类名
77
- * @returns {Bem} 返回一个 Bem 实例,用于生成 BEM 格式的类名
78
- *
79
- * 使用示例:
80
- * const b = useBem('button');
81
- * b.toString(); // => 'yot-button'
82
- * b.e('icon').toString(); // => 'yot-button__icon'
83
- * b.m('primary').toString(); // => 'yot-button--primary'
74
+ /**
75
+ * 自定义 Hook,用于创建并缓存 BEM 命名实例
76
+ * @param namespace - BEM 命名的命名空间,用于生成基础类名
77
+ * @returns {Bem} 返回一个 Bem 实例,用于生成 BEM 格式的类名
78
+ *
79
+ * 使用示例:
80
+ * const b = useBem('button');
81
+ * b.toString(); // => 'yot-button'
82
+ * b.e('icon').toString(); // => 'yot-button__icon'
83
+ * b.m('primary').toString(); // => 'yot-button--primary'
84
84
  */
85
85
  export var useBem = function useBem(namespace) {
86
86
  // 使用 useRef 存储 Bem 实例,确保在组件重渲染时保持实例不变
@@ -1,27 +1,27 @@
1
- .yot-image {
2
- &-content {
3
- display: flex;
4
- justify-content: center;
5
- align-items: center;
6
- background-color: #f5f5f5;
7
- border-radius: 4px;
8
- position: relative;
9
-
10
- .ant-image-mask-info {
11
- display: none;
12
- }
13
-
14
- .ant-image-mask::after {
15
- content: '';
16
- position: absolute;
17
- top: 50%;
18
- left: 50%;
19
- background-image: url('./assets/eye.png');
20
- background-repeat: no-repeat;
21
- background-size: cover;
22
- width: 16px;
23
- height: 16px;
24
- transform: translate(-50%, -50%);
25
- }
26
- }
1
+ .yot-image {
2
+ &-content {
3
+ display: flex;
4
+ justify-content: center;
5
+ align-items: center;
6
+ background-color: #f5f5f5;
7
+ border-radius: 4px;
8
+ position: relative;
9
+
10
+ .ant-image-mask-info {
11
+ display: none;
12
+ }
13
+
14
+ .ant-image-mask::after {
15
+ content: '';
16
+ position: absolute;
17
+ top: 50%;
18
+ left: 50%;
19
+ background-image: url('./assets/eye.png');
20
+ background-repeat: no-repeat;
21
+ background-size: cover;
22
+ width: 16px;
23
+ height: 16px;
24
+ transform: translate(-50%, -50%);
25
+ }
26
+ }
27
27
  }
@@ -1,5 +1,5 @@
1
- .yot-input {
2
- height: 32px;
3
- padding-left: var(--ant-padding-sm);
4
- padding-right: var(--ant-padding-sm);
5
- }
1
+ .yot-input {
2
+ height: 32px;
3
+ padding-left: var(--ant-padding-sm);
4
+ padding-right: var(--ant-padding-sm);
5
+ }
@@ -1,17 +1,17 @@
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
- export type JobTitleProps = 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
+ export type JobTitleProps = SelectProps;
@@ -9,6 +9,6 @@ export declare const Modal: React.FC<ModalProps> & ModalStaticFunctions & Pick<R
9
9
  destroyAll: () => void;
10
10
  config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
11
11
  _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/modal/PurePanel").PurePanelProps) => React.JSX.Element;
12
- }, "_InternalPanelDoNotUseOrYouWillBeFired" | "config" | "useModal" | "destroyAll"> & {
12
+ }, "_InternalPanelDoNotUseOrYouWillBeFired" | "useModal" | "destroyAll" | "config"> & {
13
13
  AntdModal: typeof AntModal;
14
14
  };
@@ -1,81 +1,81 @@
1
- .yot-modal {
2
- padding-top: 13px;
3
- position: relative;
4
- max-width: calc(2 / 3 * 100vw) !important;
5
-
6
- & > div:first-child {
7
- box-sizing: border-box;
8
- padding: 4px;
9
- background: linear-gradient(180deg, #3a8cff 0%, #c4ddff 100%);
10
- border-radius: 24px;
11
- }
12
-
13
- .ant-modal-header {
14
- width: 100%;
15
- position: absolute;
16
- left: 0;
17
- top: -13px;
18
- background-color: transparent;
19
- }
20
-
21
- .ant-modal-content {
22
- padding: var(--ant-margin-xl);
23
- padding-top: 71px;
24
- border-radius: 24px;
25
- }
26
-
27
- .ant-modal-body {
28
- max-height: 529px;
29
- overflow-y: auto;
30
- }
31
- @media (max-width: 1366px) {
32
- .ant-modal-body {
33
- max-height: 400px;
34
- overflow-y: auto;
35
- }
36
- }
37
- .ant-modal-footer {
38
- margin-top: 40px;
39
- }
40
-
41
- &-title {
42
- &-content {
43
- width: 100%;
44
- display: flex;
45
- justify-content: center;
46
- align-items: center;
47
-
48
- &__body {
49
- position: absolute;
50
- color: var(--ant-color-bg-base);
51
- font-size: var(--ant-font-size-heading-3);
52
- }
53
-
54
- &__icon {
55
- .path-1 {
56
- fill: var(--yot-modal-color-tertiary);
57
- }
58
- .path-2 {
59
- fill: var(--yot-modal-color-tertiary);
60
- }
61
- .stop-color-1 {
62
- stop-color: var(--yot-modal-color-secondary);
63
- }
64
- .stop-color-2 {
65
- stop-color: var(--yot-modal-color-primary);
66
- }
67
- }
68
- }
69
- }
70
- &__color-defs {
71
- position: fixed;
72
- top: -1000px;
73
- left: -1000px;
74
- .stop-color-1 {
75
- stop-color: var(--yot-modal-color-secondary);
76
- }
77
- .stop-color-2 {
78
- stop-color: var(--yot-modal-color-primary);
79
- }
80
- }
81
- }
1
+ .yot-modal {
2
+ padding-top: 13px;
3
+ position: relative;
4
+ max-width: calc(2 / 3 * 100vw) !important;
5
+
6
+ & > div:first-child {
7
+ box-sizing: border-box;
8
+ padding: 4px;
9
+ background: linear-gradient(180deg, var(--yot-modal-color-quaternary) 0%, var(--yot-modal-color-quinary) 100%);
10
+ border-radius: 24px;
11
+ }
12
+
13
+ .ant-modal-header {
14
+ width: 100%;
15
+ position: absolute;
16
+ left: 0;
17
+ top: -13px;
18
+ background-color: transparent;
19
+ }
20
+
21
+ .ant-modal-content {
22
+ padding: var(--ant-margin-xl);
23
+ padding-top: 71px;
24
+ border-radius: 24px;
25
+ }
26
+
27
+ .ant-modal-body {
28
+ max-height: 529px;
29
+ overflow-y: auto;
30
+ }
31
+ @media (max-width: 1366px) {
32
+ .ant-modal-body {
33
+ max-height: 400px;
34
+ overflow-y: auto;
35
+ }
36
+ }
37
+ .ant-modal-footer {
38
+ margin-top: 40px;
39
+ }
40
+
41
+ &-title {
42
+ &-content {
43
+ width: 100%;
44
+ display: flex;
45
+ justify-content: center;
46
+ align-items: center;
47
+
48
+ &__body {
49
+ position: absolute;
50
+ color: var(--ant-color-bg-base);
51
+ font-size: var(--ant-font-size-heading-3);
52
+ }
53
+
54
+ &__icon {
55
+ .path-1 {
56
+ fill: var(--yot-modal-color-tertiary);
57
+ }
58
+ .path-2 {
59
+ fill: var(--yot-modal-color-tertiary);
60
+ }
61
+ .stop-color-1 {
62
+ stop-color: var(--yot-modal-color-secondary);
63
+ }
64
+ .stop-color-2 {
65
+ stop-color: var(--yot-modal-color-primary);
66
+ }
67
+ }
68
+ }
69
+ }
70
+ &__color-defs {
71
+ position: fixed;
72
+ top: -1000px;
73
+ left: -1000px;
74
+ .stop-color-1 {
75
+ stop-color: var(--yot-modal-color-secondary);
76
+ }
77
+ .stop-color-2 {
78
+ stop-color: var(--yot-modal-color-primary);
79
+ }
80
+ }
81
+ }
@@ -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,7 +1,7 @@
1
- .yot-preview-phone {
2
- width: 398px;
3
- height: 829px;
4
- background-size: 100% 100%;
5
- padding: 96px 36px 20px 36px;
6
- box-sizing: border-box;
7
- }
1
+ .yot-preview-phone {
2
+ width: 398px;
3
+ height: 829px;
4
+ background-size: 100% 100%;
5
+ padding: 96px 36px 20px 36px;
6
+ box-sizing: border-box;
7
+ }
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { ControlsProps } from "../../types/type";
2
+ import { ControlsProps } from '../../types/type';
3
3
  import '../../index.scss';
4
4
  declare const Controls: FC<ControlsProps>;
5
5
  export default Controls;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { TopPreviewProps } from "../../types/type";
2
+ import { TopPreviewProps } from '../../types/type';
3
3
  import '../../index.scss';
4
4
  declare const TopPreview: FC<TopPreviewProps>;
5
5
  export default TopPreview;
@@ -1,35 +1,35 @@
1
- .yot-preview {
2
- &-controls {
3
- display: flex;
4
- justify-content: center;
5
- align-items: center;
6
- z-index: 100;
7
- position: absolute;
8
- bottom: 10px;
9
- right: 10px;
10
- background-color: #ffffff;
11
- border-radius: 8px;
12
- box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
13
- .ant-btn.css-var-yootd.ant-btn-default.ant-btn-color-default.ant-btn-variant-outlined {
14
- background-color: transparent;
15
- border: none;
16
- &:hover .ant-btn-icon svg path {
17
- fill: var(--ant-color-primary);
18
- }
19
- &:hover .ant-btn-icon svg #rect-stroke {
20
- stroke: var(--ant-color-primary);
21
- }
22
- &:hover .ant-btn-icon svg #reset-icon-rect {
23
- fill: var(--ant-color-primary);
24
- }
25
- }
26
- &--zoom {
27
- width: 64px;
28
- background-color: transparent;
29
- border: none;
30
- }
31
- }
32
- .react-flow__panel.center {
33
- transform: translateX(-63%);
34
- }
35
- }
1
+ .yot-preview {
2
+ &-controls {
3
+ display: flex;
4
+ justify-content: center;
5
+ align-items: center;
6
+ z-index: 100;
7
+ position: absolute;
8
+ bottom: 10px;
9
+ right: 10px;
10
+ background-color: #ffffff;
11
+ border-radius: 8px;
12
+ box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
13
+ .ant-btn.css-var-yootd.ant-btn-default.ant-btn-color-default.ant-btn-variant-outlined {
14
+ background-color: transparent;
15
+ border: none;
16
+ &:hover .ant-btn-icon svg path {
17
+ fill: var(--ant-color-primary);
18
+ }
19
+ &:hover .ant-btn-icon svg #rect-stroke {
20
+ stroke: var(--ant-color-primary);
21
+ }
22
+ &:hover .ant-btn-icon svg #reset-icon-rect {
23
+ fill: var(--ant-color-primary);
24
+ }
25
+ }
26
+ &--zoom {
27
+ width: 64px;
28
+ background-color: transparent;
29
+ border: none;
30
+ }
31
+ }
32
+ .react-flow__panel.center {
33
+ transform: translateX(-63%);
34
+ }
35
+ }