yootd 0.0.68 → 0.0.70

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 (62) 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/badge/index.scss +5 -5
  15. package/dist/buildings/types/types.d.ts +21 -21
  16. package/dist/button/index.scss +30 -30
  17. package/dist/cascader/index.scss +5 -5
  18. package/dist/courses/types/types.d.ts +18 -18
  19. package/dist/department/index.scss +6 -6
  20. package/dist/department/types/types.d.ts +23 -23
  21. package/dist/dictionary/types/types.d.ts +14 -14
  22. package/dist/drawer-modal/index.scss +42 -42
  23. package/dist/drawer-modal/types/types.d.ts +3 -3
  24. package/dist/dropdown/assets/arrow-down.svg +5 -5
  25. package/dist/dropdown-select/index.scss +6 -6
  26. package/dist/dropdown-select/types/type.d.ts +18 -18
  27. package/dist/empty/index.scss +15 -15
  28. package/dist/export/index.scss +6 -6
  29. package/dist/go-back/components/index.scss +5 -5
  30. package/dist/go-back/index.scss +24 -24
  31. package/dist/group-title/index.scss +31 -31
  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.scss +76 -76
  37. package/dist/pagination/index.scss +47 -47
  38. package/dist/role/types/types.d.ts +22 -22
  39. package/dist/school/index.scss +21 -21
  40. package/dist/school/types/types.d.ts +85 -85
  41. package/dist/state/index.scss +89 -89
  42. package/dist/steps/index.scss +32 -32
  43. package/dist/student-dropdown/types/types.d.ts +44 -44
  44. package/dist/table/components/primary-header-row/index.js +12 -4
  45. package/dist/table/components/primary-header-row/index.scss +67 -58
  46. package/dist/table/components/primary-tbody-row/index.scss +5 -5
  47. package/dist/table/index.d.ts +4 -0
  48. package/dist/table/index.js +6 -2
  49. package/dist/table/index.scss +33 -33
  50. package/dist/tabs/index.scss +86 -86
  51. package/dist/tag/index.scss +4 -4
  52. package/dist/teacher/types/types.d.ts +33 -33
  53. package/dist/tree/index.scss +25 -25
  54. package/dist/upload/index.scss +115 -115
  55. package/dist/user-dropdown/types/types.d.ts +45 -45
  56. package/dist/video-player/index.js +1 -0
  57. package/dist/video-player/index.scss +310 -310
  58. package/dist/year-term/index.scss +21 -21
  59. package/dist/zones/index.module.scss +23 -23
  60. package/dist/zones/types/types.d.ts +26 -26
  61. package/package.json +1 -1
  62. package/dist/table/index.module.scss +0 -9
@@ -1,42 +1,42 @@
1
- .yot-drawer {
2
- .ant-drawer-content-wrapper {
3
- max-width: 66.67vw;
4
- width: 100%;
5
- }
6
- .ant-drawer-header {
7
- background-color: var(--ant-color-bg-layout);
8
- .ant-drawer-header-title {
9
- font-size: 18px;
10
- font-weight: bold;
11
- .ant-drawer-close {
12
- display: none;
13
- }
14
- }
15
- }
16
- .ant-drawer-body {
17
- padding: 0;
18
- }
19
- .ant-drawer-footer {
20
- padding: 0;
21
- }
22
- .ant-drawer-footer & {
23
- padding-left: 24px;
24
- padding-right: 24px;
25
- &-footer {
26
- padding: 8px 16px;
27
- }
28
- &__foot-confirm {
29
- width: 64px;
30
- height: 32px;
31
- }
32
- &__foot-close {
33
- width: 64px;
34
- height: 32px;
35
- background-color: var(--ant-color-bg-layout);
36
- margin-right: 8px;
37
- }
38
- }
39
- &__close {
40
- cursor: pointer;
41
- }
42
- }
1
+ .yot-drawer {
2
+ .ant-drawer-content-wrapper {
3
+ max-width: 66.67vw;
4
+ width: 100%;
5
+ }
6
+ .ant-drawer-header {
7
+ background-color: var(--ant-color-bg-layout);
8
+ .ant-drawer-header-title {
9
+ font-size: 18px;
10
+ font-weight: bold;
11
+ .ant-drawer-close {
12
+ display: none;
13
+ }
14
+ }
15
+ }
16
+ .ant-drawer-body {
17
+ padding: 0;
18
+ }
19
+ .ant-drawer-footer {
20
+ padding: 0;
21
+ }
22
+ .ant-drawer-footer & {
23
+ padding-left: 24px;
24
+ padding-right: 24px;
25
+ &-footer {
26
+ padding: 8px 16px;
27
+ }
28
+ &__foot-confirm {
29
+ width: 64px;
30
+ height: 32px;
31
+ }
32
+ &__foot-close {
33
+ width: 64px;
34
+ height: 32px;
35
+ background-color: var(--ant-color-bg-layout);
36
+ margin-right: 8px;
37
+ }
38
+ }
39
+ &__close {
40
+ cursor: pointer;
41
+ }
42
+ }
@@ -1,3 +1,3 @@
1
- export interface DrawerModalProps {
2
- onConfirm?: () => void;
3
- }
1
+ export interface DrawerModalProps {
2
+ onConfirm?: () => void;
3
+ }
@@ -1,6 +1,6 @@
1
- <svg t="1729587167155" class="icon" viewBox="0 0 1024 1024" version="1.1"
2
- xmlns="http://www.w3.org/2000/svg" p-id="3741" width="20" height="20">
3
- <path
4
- d="M474.282667 690.176L148.053333 363.904l45.226667-45.226667 318.72 318.72 318.72-318.72 45.226667 45.226667-326.229334 326.272a53.333333 53.333333 0 0 1-75.434666 0z"
5
- p-id="3742" fill="#1f1f1f"></path>
1
+ <svg t="1729587167155" class="icon" viewBox="0 0 1024 1024" version="1.1"
2
+ xmlns="http://www.w3.org/2000/svg" p-id="3741" width="20" height="20">
3
+ <path
4
+ d="M474.282667 690.176L148.053333 363.904l45.226667-45.226667 318.72 318.72 318.72-318.72 45.226667 45.226667-326.229334 326.272a53.333333 53.333333 0 0 1-75.434666 0z"
5
+ p-id="3742" fill="#1f1f1f"></path>
6
6
  </svg>
@@ -1,6 +1,6 @@
1
- .yot-dropdownselect {
2
- .ant-dropdown-menu-item.ant-dropdown-menu-item-active{
3
- background-color: #F0F8FF !important;
4
- }
5
- }
6
-
1
+ .yot-dropdownselect {
2
+ .ant-dropdown-menu-item.ant-dropdown-menu-item-active{
3
+ background-color: #F0F8FF !important;
4
+ }
5
+ }
6
+
@@ -1,18 +1,18 @@
1
- export interface DropdownSelectProps {
2
- defaultValue?: string; // 默认选中的key值
3
- items: MenuItemType[]; // 下拉菜单
4
- onChange?: (value: string) => void; // 选中值改变时触发
5
- arrow?: boolean; // 下拉箭头是否显示
6
- overlayClassName?: string; // 下拉菜单的样式
7
- autoAdjustOverflow?: boolean; // 下拉框被遮挡时自动调整位置
8
- autoFocus?: boolean; // 打开后自动聚焦下拉框
9
- disabled?: boolean; // 菜单是否禁用
10
- destroyPopupOnHide?: boolean; // 关闭后是否销毁 Dropdown
11
- dropdownRender?: (menus: ReactNode) => ReactNode; // 自定义下拉菜单
12
- getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement; // 菜单渲染父节点。默认渲染到 body 上,如果你遇到菜单滚动定位问题,试试修改为滚动的区域,并相对其定位
13
- overlayClassName?: string; // 下拉菜单的样式
14
- overlayStyle?: React.CSSProperties; // 下拉菜单的样式
15
- placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight'; // 菜单弹出位置
16
- trigger?: Array<click | hover | contextMenu>; // 触发下拉的行为
17
- open?: boolean; // 菜单是否显示
18
- }
1
+ export interface DropdownSelectProps {
2
+ defaultValue?: string; // 默认选中的key值
3
+ items: MenuItemType[]; // 下拉菜单
4
+ onChange?: (value: string) => void; // 选中值改变时触发
5
+ arrow?: boolean; // 下拉箭头是否显示
6
+ overlayClassName?: string; // 下拉菜单的样式
7
+ autoAdjustOverflow?: boolean; // 下拉框被遮挡时自动调整位置
8
+ autoFocus?: boolean; // 打开后自动聚焦下拉框
9
+ disabled?: boolean; // 菜单是否禁用
10
+ destroyPopupOnHide?: boolean; // 关闭后是否销毁 Dropdown
11
+ dropdownRender?: (menus: ReactNode) => ReactNode; // 自定义下拉菜单
12
+ getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement; // 菜单渲染父节点。默认渲染到 body 上,如果你遇到菜单滚动定位问题,试试修改为滚动的区域,并相对其定位
13
+ overlayClassName?: string; // 下拉菜单的样式
14
+ overlayStyle?: React.CSSProperties; // 下拉菜单的样式
15
+ placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight'; // 菜单弹出位置
16
+ trigger?: Array<click | hover | contextMenu>; // 触发下拉的行为
17
+ open?: boolean; // 菜单是否显示
18
+ }
@@ -1,15 +1,15 @@
1
- .yot-empty {
2
- &-description {
3
- &-content {
4
- &__title {
5
- font-size: 20px;
6
- font-weight: bold;
7
- color: var(--ant-color-text);
8
- }
9
- &__text {
10
- font-size: 14px;
11
- color: var(--ant-color-text-secondary);
12
- }
13
- }
14
- }
15
- }
1
+ .yot-empty {
2
+ &-description {
3
+ &-content {
4
+ &__title {
5
+ font-size: 20px;
6
+ font-weight: bold;
7
+ color: var(--ant-color-text);
8
+ }
9
+ &__text {
10
+ font-size: 14px;
11
+ color: var(--ant-color-text-secondary);
12
+ }
13
+ }
14
+ }
15
+ }
@@ -1,6 +1,6 @@
1
- .yot-export {
2
- .ant-dropdown-menu-item.ant-dropdown-menu-item-active{
3
- background-color: var(--ant-color-primary-bg-hover) !important;
4
- }
5
- }
6
-
1
+ .yot-export {
2
+ .ant-dropdown-menu-item.ant-dropdown-menu-item-active{
3
+ background-color: var(--ant-color-primary-bg-hover) !important;
4
+ }
5
+ }
6
+
@@ -1,5 +1,5 @@
1
- .yot-goback-icon {
2
- rect {
3
- fill: var(--ant-color-primary);
4
- }
5
- }
1
+ .yot-goback-icon {
2
+ rect {
3
+ fill: var(--ant-color-primary);
4
+ }
5
+ }
@@ -1,24 +1,24 @@
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
- max-width: 60px;
13
- height: 100%;
14
- display: flex;
15
- align-items: center;
16
- cursor: pointer;
17
-
18
- &__title {
19
- font-size: 18px;
20
- margin-left: 5px;
21
- font-weight: bold;
22
- }
23
- }
24
- }
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
+ max-width: 60px;
13
+ height: 100%;
14
+ display: flex;
15
+ align-items: center;
16
+ cursor: pointer;
17
+
18
+ &__title {
19
+ font-size: 18px;
20
+ margin-left: 5px;
21
+ font-weight: bold;
22
+ }
23
+ }
24
+ }
@@ -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
+ }
@@ -76,16 +76,16 @@ var Bem = /*#__PURE__*/function () {
76
76
  }]);
77
77
  return Bem;
78
78
  }();
79
- /**
80
- * 自定义 Hook,用于创建并缓存 BEM 命名实例
81
- * @param namespace - BEM 命名的命名空间,用于生成基础类名
82
- * @returns {Bem} 返回一个 Bem 实例,用于生成 BEM 格式的类名
83
- *
84
- * 使用示例:
85
- * const b = useBem('button');
86
- * b.toString(); // => 'yot-button'
87
- * b.e('icon').toString(); // => 'yot-button__icon'
88
- * b.m('primary').toString(); // => 'yot-button--primary'
79
+ /**
80
+ * 自定义 Hook,用于创建并缓存 BEM 命名实例
81
+ * @param namespace - BEM 命名的命名空间,用于生成基础类名
82
+ * @returns {Bem} 返回一个 Bem 实例,用于生成 BEM 格式的类名
83
+ *
84
+ * 使用示例:
85
+ * const b = useBem('button');
86
+ * b.toString(); // => 'yot-button'
87
+ * b.e('icon').toString(); // => 'yot-button__icon'
88
+ * b.m('primary').toString(); // => 'yot-button--primary'
89
89
  */
90
90
  export var useBem = function useBem(namespace) {
91
91
  // 使用 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;
@@ -1,76 +1,76 @@
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
-
32
- .ant-modal-footer {
33
- margin-top: 40px;
34
- }
35
-
36
- &-title {
37
- &-content {
38
- width: 100%;
39
- display: flex;
40
- justify-content: center;
41
- align-items: center;
42
-
43
- &__body {
44
- position: absolute;
45
- color: var(--ant-color-bg-base);
46
- font-size: var(--ant-font-size-heading-3);
47
- }
48
-
49
- &__icon {
50
- .path-1 {
51
- fill: var(--yot-modal-color-tertiary);
52
- }
53
- .path-2 {
54
- fill: var(--yot-modal-color-tertiary);
55
- }
56
- .stop-color-1 {
57
- stop-color: var(--yot-modal-color-secondary);
58
- }
59
- .stop-color-2 {
60
- stop-color: var(--yot-modal-color-primary);
61
- }
62
- }
63
- }
64
- }
65
- &__color-defs {
66
- position: fixed;
67
- top: -1000px;
68
- left: -1000px;
69
- .stop-color-1 {
70
- stop-color: var(--yot-modal-color-secondary);
71
- }
72
- .stop-color-2 {
73
- stop-color: var(--yot-modal-color-primary);
74
- }
75
- }
76
- }
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
+
32
+ .ant-modal-footer {
33
+ margin-top: 40px;
34
+ }
35
+
36
+ &-title {
37
+ &-content {
38
+ width: 100%;
39
+ display: flex;
40
+ justify-content: center;
41
+ align-items: center;
42
+
43
+ &__body {
44
+ position: absolute;
45
+ color: var(--ant-color-bg-base);
46
+ font-size: var(--ant-font-size-heading-3);
47
+ }
48
+
49
+ &__icon {
50
+ .path-1 {
51
+ fill: var(--yot-modal-color-tertiary);
52
+ }
53
+ .path-2 {
54
+ fill: var(--yot-modal-color-tertiary);
55
+ }
56
+ .stop-color-1 {
57
+ stop-color: var(--yot-modal-color-secondary);
58
+ }
59
+ .stop-color-2 {
60
+ stop-color: var(--yot-modal-color-primary);
61
+ }
62
+ }
63
+ }
64
+ }
65
+ &__color-defs {
66
+ position: fixed;
67
+ top: -1000px;
68
+ left: -1000px;
69
+ .stop-color-1 {
70
+ stop-color: var(--yot-modal-color-secondary);
71
+ }
72
+ .stop-color-2 {
73
+ stop-color: var(--yot-modal-color-primary);
74
+ }
75
+ }
76
+ }