eoss-ui 0.7.76 → 0.7.77

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 (160) hide show
  1. package/lib/calogin.js +233 -233
  2. package/lib/eoss-ui.common.js +283 -265
  3. package/lib/index.js +1 -1
  4. package/lib/login.js +7 -4
  5. package/lib/main.js +24 -9
  6. package/lib/qr-code.js +13 -13
  7. package/lib/theme-chalk/index.css +1 -1
  8. package/lib/theme-chalk/login.css +1 -1
  9. package/package.json +1 -1
  10. package/packages/button/index.js +5 -5
  11. package/packages/button/src/main.vue +418 -418
  12. package/packages/button-group/index.js +5 -5
  13. package/packages/calendar/index.js +5 -5
  14. package/packages/calogin/index.js +5 -5
  15. package/packages/calogin/src/plugin.js +915 -915
  16. package/packages/card/index.js +5 -5
  17. package/packages/card/src/main.vue +156 -156
  18. package/packages/cascader/index.js +5 -5
  19. package/packages/cascader/src/main.vue +168 -168
  20. package/packages/checkbox-group/index.js +5 -5
  21. package/packages/checkbox-group/src/main.vue +333 -333
  22. package/packages/clients/index.js +5 -5
  23. package/packages/data-table/index.js +5 -5
  24. package/packages/data-table/src/children.vue +39 -39
  25. package/packages/data-table/src/sizer.vue +195 -195
  26. package/packages/data-table-form/index.js +5 -5
  27. package/packages/data-table-form/src/checkbox.vue +101 -101
  28. package/packages/data-table-form/src/colgroup.vue +17 -17
  29. package/packages/data-table-form/src/main.vue +181 -181
  30. package/packages/data-table-form/src/radio.vue +65 -65
  31. package/packages/data-table-form/src/table.vue +233 -233
  32. package/packages/data-table-form/src/tbody.vue +336 -336
  33. package/packages/data-table-form/src/thead.vue +68 -68
  34. package/packages/date-picker/index.js +5 -5
  35. package/packages/date-picker/src/main.vue +236 -236
  36. package/packages/dialog/index.js +5 -5
  37. package/packages/enable-drag/index.js +5 -5
  38. package/packages/enterprise/index.js +5 -5
  39. package/packages/enterprise/src/main.vue +66 -66
  40. package/packages/error-page/index.js +5 -5
  41. package/packages/error-page/src/main.vue +44 -44
  42. package/packages/flow/index.js +5 -5
  43. package/packages/flow/src/component/TimeLimit.vue +190 -190
  44. package/packages/flow/src/table.vue +58 -58
  45. package/packages/flow-group/index.js +5 -5
  46. package/packages/flow-list/index.js +5 -5
  47. package/packages/form/index.js +5 -5
  48. package/packages/handle-user/index.js +5 -5
  49. package/packages/handler/index.js +5 -5
  50. package/packages/icon/index.js +5 -5
  51. package/packages/icons/index.js +5 -5
  52. package/packages/icons/src/main.vue +81 -81
  53. package/packages/input/index.js +5 -5
  54. package/packages/input/src/main.vue +356 -356
  55. package/packages/input-number/index.js +5 -5
  56. package/packages/input-number/src/main.vue +106 -106
  57. package/packages/label/index.js +5 -5
  58. package/packages/label/src/main.vue +457 -457
  59. package/packages/layout/index.js +5 -5
  60. package/packages/layout/src/item.vue +152 -152
  61. package/packages/layout/src/main.vue +31 -31
  62. package/packages/login/index.js +5 -5
  63. package/packages/login/src/main.vue +5 -2
  64. package/packages/main/index.js +5 -5
  65. package/packages/main/src/default/message.vue +249 -249
  66. package/packages/main/src/default/notice.vue +157 -157
  67. package/packages/main/src/simplicity/lists.vue +84 -84
  68. package/packages/main/src/simplicity/router-page.vue +45 -45
  69. package/packages/main/src/simplicityTop/index.vue +12 -1
  70. package/packages/menu/index.js +5 -5
  71. package/packages/nav/index.js +5 -5
  72. package/packages/notify/index.js +5 -5
  73. package/packages/notify/src/main.vue +538 -538
  74. package/packages/page/index.js +5 -5
  75. package/packages/page/src/main.vue +167 -167
  76. package/packages/pagination/index.js +5 -5
  77. package/packages/pagination/src/main.vue +96 -96
  78. package/packages/player/index.js +5 -5
  79. package/packages/player/src/main.vue +194 -194
  80. package/packages/qr-code/index.js +5 -5
  81. package/packages/qr-code/src/main.vue +170 -170
  82. package/packages/radio-group/index.js +6 -6
  83. package/packages/radio-group/src/main.vue +319 -319
  84. package/packages/retrial-auth/index.js +5 -5
  85. package/packages/retrial-auth/src/main.vue +280 -280
  86. package/packages/select/index.js +5 -5
  87. package/packages/select-ganged/index.js +5 -5
  88. package/packages/select-ganged/src/main.vue +724 -724
  89. package/packages/selector/index.js +5 -5
  90. package/packages/selector-panel/index.js +5 -5
  91. package/packages/selector-panel/src/tree.vue +129 -129
  92. package/packages/sizer/index.js +5 -5
  93. package/packages/sizer/src/main.vue +254 -254
  94. package/packages/steps/index.js +5 -5
  95. package/packages/steps/src/main.vue +181 -181
  96. package/packages/switch/index.js +5 -5
  97. package/packages/table-form/index.js +5 -5
  98. package/packages/tabs/index.js +5 -5
  99. package/packages/tabs/src/main.vue +788 -788
  100. package/packages/tabs-panel/index.js +5 -5
  101. package/packages/tabs-panel/src/main.vue +29 -29
  102. package/packages/theme-chalk/lib/index.css +1 -1
  103. package/packages/theme-chalk/lib/login.css +1 -1
  104. package/packages/theme-chalk/src/base.scss +261 -261
  105. package/packages/theme-chalk/src/button-group.scss +176 -176
  106. package/packages/theme-chalk/src/button.scss +24 -24
  107. package/packages/theme-chalk/src/calendar.scss +113 -113
  108. package/packages/theme-chalk/src/card.scss +99 -99
  109. package/packages/theme-chalk/src/checkbox-group.scss +8 -8
  110. package/packages/theme-chalk/src/clients.scss +87 -87
  111. package/packages/theme-chalk/src/data-table-form.scss +67 -67
  112. package/packages/theme-chalk/src/date-picker.scss +7 -7
  113. package/packages/theme-chalk/src/dialog.scss +77 -77
  114. package/packages/theme-chalk/src/enable-drag.scss +181 -181
  115. package/packages/theme-chalk/src/enterprise.scss +5 -5
  116. package/packages/theme-chalk/src/error-page.scss +18 -18
  117. package/packages/theme-chalk/src/flow-group.scss +110 -110
  118. package/packages/theme-chalk/src/flow-list.scss +39 -39
  119. package/packages/theme-chalk/src/handle-user.scss +40 -40
  120. package/packages/theme-chalk/src/icons.scss +99 -99
  121. package/packages/theme-chalk/src/input.scss +9 -9
  122. package/packages/theme-chalk/src/label.scss +24 -24
  123. package/packages/theme-chalk/src/layout.scss +46 -46
  124. package/packages/theme-chalk/src/mixins/color.scss +117 -117
  125. package/packages/theme-chalk/src/nav.scss +111 -111
  126. package/packages/theme-chalk/src/page.scss +3 -3
  127. package/packages/theme-chalk/src/pagination.scss +29 -29
  128. package/packages/theme-chalk/src/player.scss +9 -9
  129. package/packages/theme-chalk/src/qr-code.scss +17 -17
  130. package/packages/theme-chalk/src/radio-group.scss +9 -9
  131. package/packages/theme-chalk/src/retrial-auth.scss +38 -38
  132. package/packages/theme-chalk/src/select-ganged.scss +8 -8
  133. package/packages/theme-chalk/src/select.scss +8 -8
  134. package/packages/theme-chalk/src/selector-panel.scss +204 -204
  135. package/packages/theme-chalk/src/sizer.scss +36 -36
  136. package/packages/theme-chalk/src/steps.scss +88 -88
  137. package/packages/theme-chalk/src/switch.scss +3 -3
  138. package/packages/theme-chalk/src/table-form.scss +1 -1
  139. package/packages/theme-chalk/src/tabs.scss +87 -87
  140. package/packages/theme-chalk/src/tips.scss +7 -7
  141. package/packages/theme-chalk/src/toolbar.scss +179 -179
  142. package/packages/theme-chalk/src/tree-group.scss +72 -72
  143. package/packages/theme-chalk/src/wxlogin.scss +3 -3
  144. package/packages/tips/index.js +5 -5
  145. package/packages/toolbar/index.js +5 -5
  146. package/packages/tree/index.js +5 -5
  147. package/packages/tree-group/index.js +5 -5
  148. package/packages/upload/index.js +5 -5
  149. package/packages/upload/src/picture.js +15 -15
  150. package/packages/wujie/index.js +5 -5
  151. package/packages/wujie/src/main.vue +145 -145
  152. package/packages/wxlogin/index.js +5 -5
  153. package/packages/wxlogin/src/main.vue +128 -128
  154. package/src/config/image.js +2 -2
  155. package/src/index.js +1 -1
  156. package/src/utils/bus.js +3 -3
  157. package/src/utils/date-util.js +312 -312
  158. package/src/utils/http.js +50 -50
  159. package/src/utils/store.js +21 -21
  160. package/src/utils/webSocket.js +107 -107
@@ -1,176 +1,176 @@
1
- @import './common/var.scss';
2
- .es-button-group {
3
- display: flex;
4
- & > .el-dropdown {
5
- margin-left: 10px;
6
- & > .el-button:not(.el-button--text) {
7
- border-color: $--border-color-base;
8
- .el-badge {
9
- vertical-align: unset;
10
-
11
- }
12
- }
13
- }
14
- }
15
-
16
- .el-button-group {
17
- & > .el-button:not(.el-button--text) + .es-button:not(.el-button--text),
18
- & > .es-button:not(.el-button--text) + .el-button:not(.el-button--text),
19
- & > .es-button:not(.el-button--text) + .es-button:not(.el-button--text),
20
- & > .es-button:not(.el-button--text) + .es-selector,
21
- & > .es-button:not(.el-button--text) + .es-upload,
22
- & > .es-button:not(.el-button--text) + .el-dropdown {
23
- margin-left: 0;
24
- }
25
- & > .es-selector {
26
- float: left;
27
- &:first-child {
28
- & > .el-button {
29
- border-top-right-radius: 0;
30
- border-bottom-right-radius: 0;
31
- &.el-button--danger,
32
- &.el-button--info,
33
- &.el-button--primary,
34
- &.el-button--success,
35
- &.el-button--warning {
36
- border-right-color: rgba(255, 255, 255, 0.5);
37
- }
38
- }
39
- }
40
- &:not(:first-child):not(:last-child) {
41
- margin-left: 10px;
42
- & > .el-button {
43
- border-radius: 0;
44
- &.el-button--danger,
45
- &.el-button--info,
46
- &.el-button--primary,
47
- &.el-button--success,
48
- &.el-button--warning {
49
- border-left-color: rgba(255, 255, 255, 0.5);
50
- border-right-color: rgba(255, 255, 255, 0.5);
51
- }
52
- }
53
- }
54
- &:last-child {
55
- & > .el-button {
56
- border-top-left-radius: 0;
57
- border-bottom-left-radius: 0;
58
- &.el-button--danger,
59
- &.el-button--info,
60
- &.el-button--primary,
61
- &.el-button--success,
62
- &.el-button--warning {
63
- border-left-color: rgba(255, 255, 255, 0.5);
64
- }
65
- }
66
- }
67
- &:not(:last-child) {
68
- & > .el-button {
69
- margin-right: -1px;
70
- }
71
- }
72
- & + .el-button--text,
73
- & + .el-dropdown {
74
- margin-left: 10px;
75
- }
76
- }
77
- & > .es-upload {
78
- float: left;
79
- &:first-child {
80
- & > .el-upload--handle > .el-upload {
81
- & > .el-button {
82
- border-top-right-radius: 0;
83
- border-bottom-right-radius: 0;
84
- &.el-button--danger,
85
- &.el-button--info,
86
- &.el-button--primary,
87
- &.el-button--success,
88
- &.el-button--warning {
89
- border-right-color: rgba(255, 255, 255, 0.5);
90
- }
91
- }
92
- }
93
- }
94
- &:not(:first-child):not(:last-child) {
95
- margin-left: 10px;
96
- & > .el-upload--handle > .el-upload {
97
- & > .el-button {
98
- border-radius: 0;
99
- &.el-button--danger,
100
- &.el-button--info,
101
- &.el-button--primary,
102
- &.el-button--success,
103
- &.el-button--warning {
104
- border-left-color: rgba(255, 255, 255, 0.5);
105
- border-right-color: rgba(255, 255, 255, 0.5);
106
- }
107
- }
108
- }
109
- }
110
- &:last-child {
111
- & > .el-upload--handle > .el-upload {
112
- & > .el-button {
113
- border-top-left-radius: 0;
114
- border-bottom-left-radius: 0;
115
- &.el-button--danger,
116
- &.el-button--info,
117
- &.el-button--primary,
118
- &.el-button--success,
119
- &.el-button--warning {
120
- border-left-color: rgba(255, 255, 255, 0.5);
121
- }
122
- }
123
- }
124
- }
125
- &:not(:last-child) {
126
- & > .el-upload--handle > .el-upload {
127
- & > .el-button {
128
- margin-right: -1px;
129
- }
130
- }
131
- }
132
- & + .el-button--text,
133
- & + .el-dropdown {
134
- margin-left: 10px;
135
- }
136
- }
137
- }
138
- .es-dropdown-padding {
139
- padding: 0;
140
- }
141
- .es-dropdown-upload {
142
- & > .el-upload--handle {
143
- display: block;
144
- & > .el-upload {
145
- display: block;
146
- & > .el-button {
147
- display: block;
148
- width: 100%;
149
- text-align: left;
150
- font-size: 14px;
151
- color: rgba(0, 0, 0, 0.75);
152
- padding: 6px 20px;
153
- line-height: 24px;
154
- border: 0;
155
- &:hover {
156
- color: #69c0ff;
157
- }
158
- }
159
- }
160
- }
161
- }
162
- .es-dropdown-selector {
163
- & > .el-button {
164
- display: block;
165
- width: 100%;
166
- text-align: left;
167
- padding: 6px 20px;
168
- line-height: 24px;
169
- font-size: 14px;
170
- color: rgba(0, 0, 0, 0.75);
171
- border: 0;
172
- &:hover {
173
- color: #69c0ff;
174
- }
175
- }
176
- }
1
+ @import './common/var.scss';
2
+ .es-button-group {
3
+ display: flex;
4
+ & > .el-dropdown {
5
+ margin-left: 10px;
6
+ & > .el-button:not(.el-button--text) {
7
+ border-color: $--border-color-base;
8
+ .el-badge {
9
+ vertical-align: unset;
10
+
11
+ }
12
+ }
13
+ }
14
+ }
15
+
16
+ .el-button-group {
17
+ & > .el-button:not(.el-button--text) + .es-button:not(.el-button--text),
18
+ & > .es-button:not(.el-button--text) + .el-button:not(.el-button--text),
19
+ & > .es-button:not(.el-button--text) + .es-button:not(.el-button--text),
20
+ & > .es-button:not(.el-button--text) + .es-selector,
21
+ & > .es-button:not(.el-button--text) + .es-upload,
22
+ & > .es-button:not(.el-button--text) + .el-dropdown {
23
+ margin-left: 0;
24
+ }
25
+ & > .es-selector {
26
+ float: left;
27
+ &:first-child {
28
+ & > .el-button {
29
+ border-top-right-radius: 0;
30
+ border-bottom-right-radius: 0;
31
+ &.el-button--danger,
32
+ &.el-button--info,
33
+ &.el-button--primary,
34
+ &.el-button--success,
35
+ &.el-button--warning {
36
+ border-right-color: rgba(255, 255, 255, 0.5);
37
+ }
38
+ }
39
+ }
40
+ &:not(:first-child):not(:last-child) {
41
+ margin-left: 10px;
42
+ & > .el-button {
43
+ border-radius: 0;
44
+ &.el-button--danger,
45
+ &.el-button--info,
46
+ &.el-button--primary,
47
+ &.el-button--success,
48
+ &.el-button--warning {
49
+ border-left-color: rgba(255, 255, 255, 0.5);
50
+ border-right-color: rgba(255, 255, 255, 0.5);
51
+ }
52
+ }
53
+ }
54
+ &:last-child {
55
+ & > .el-button {
56
+ border-top-left-radius: 0;
57
+ border-bottom-left-radius: 0;
58
+ &.el-button--danger,
59
+ &.el-button--info,
60
+ &.el-button--primary,
61
+ &.el-button--success,
62
+ &.el-button--warning {
63
+ border-left-color: rgba(255, 255, 255, 0.5);
64
+ }
65
+ }
66
+ }
67
+ &:not(:last-child) {
68
+ & > .el-button {
69
+ margin-right: -1px;
70
+ }
71
+ }
72
+ & + .el-button--text,
73
+ & + .el-dropdown {
74
+ margin-left: 10px;
75
+ }
76
+ }
77
+ & > .es-upload {
78
+ float: left;
79
+ &:first-child {
80
+ & > .el-upload--handle > .el-upload {
81
+ & > .el-button {
82
+ border-top-right-radius: 0;
83
+ border-bottom-right-radius: 0;
84
+ &.el-button--danger,
85
+ &.el-button--info,
86
+ &.el-button--primary,
87
+ &.el-button--success,
88
+ &.el-button--warning {
89
+ border-right-color: rgba(255, 255, 255, 0.5);
90
+ }
91
+ }
92
+ }
93
+ }
94
+ &:not(:first-child):not(:last-child) {
95
+ margin-left: 10px;
96
+ & > .el-upload--handle > .el-upload {
97
+ & > .el-button {
98
+ border-radius: 0;
99
+ &.el-button--danger,
100
+ &.el-button--info,
101
+ &.el-button--primary,
102
+ &.el-button--success,
103
+ &.el-button--warning {
104
+ border-left-color: rgba(255, 255, 255, 0.5);
105
+ border-right-color: rgba(255, 255, 255, 0.5);
106
+ }
107
+ }
108
+ }
109
+ }
110
+ &:last-child {
111
+ & > .el-upload--handle > .el-upload {
112
+ & > .el-button {
113
+ border-top-left-radius: 0;
114
+ border-bottom-left-radius: 0;
115
+ &.el-button--danger,
116
+ &.el-button--info,
117
+ &.el-button--primary,
118
+ &.el-button--success,
119
+ &.el-button--warning {
120
+ border-left-color: rgba(255, 255, 255, 0.5);
121
+ }
122
+ }
123
+ }
124
+ }
125
+ &:not(:last-child) {
126
+ & > .el-upload--handle > .el-upload {
127
+ & > .el-button {
128
+ margin-right: -1px;
129
+ }
130
+ }
131
+ }
132
+ & + .el-button--text,
133
+ & + .el-dropdown {
134
+ margin-left: 10px;
135
+ }
136
+ }
137
+ }
138
+ .es-dropdown-padding {
139
+ padding: 0;
140
+ }
141
+ .es-dropdown-upload {
142
+ & > .el-upload--handle {
143
+ display: block;
144
+ & > .el-upload {
145
+ display: block;
146
+ & > .el-button {
147
+ display: block;
148
+ width: 100%;
149
+ text-align: left;
150
+ font-size: 14px;
151
+ color: rgba(0, 0, 0, 0.75);
152
+ padding: 6px 20px;
153
+ line-height: 24px;
154
+ border: 0;
155
+ &:hover {
156
+ color: #69c0ff;
157
+ }
158
+ }
159
+ }
160
+ }
161
+ }
162
+ .es-dropdown-selector {
163
+ & > .el-button {
164
+ display: block;
165
+ width: 100%;
166
+ text-align: left;
167
+ padding: 6px 20px;
168
+ line-height: 24px;
169
+ font-size: 14px;
170
+ color: rgba(0, 0, 0, 0.75);
171
+ border: 0;
172
+ &:hover {
173
+ color: #69c0ff;
174
+ }
175
+ }
176
+ }
@@ -1,24 +1,24 @@
1
- .es-button {
2
- display: inline-block;
3
- }
4
- .es-button + .es-button,
5
- .es-button + .el-button,
6
- .el-button + .es-button,
7
- .el-button + .es-button-badge,
8
- .es-button-badge + .el-button {
9
- margin-left: 10px;
10
- }
11
- .es-button-badge {
12
- vertical-align: unset;
13
- .el-badge__content {
14
- z-index: 9;
15
- }
16
- }
17
- .el-button[float='left'],
18
- .es-button--left {
19
- float: left;
20
- }
21
- .el-button[float='right'],
22
- .es-button--right {
23
- float: left;
24
- }
1
+ .es-button {
2
+ display: inline-block;
3
+ }
4
+ .es-button + .es-button,
5
+ .es-button + .el-button,
6
+ .el-button + .es-button,
7
+ .el-button + .es-button-badge,
8
+ .es-button-badge + .el-button {
9
+ margin-left: 10px;
10
+ }
11
+ .es-button-badge {
12
+ vertical-align: unset;
13
+ .el-badge__content {
14
+ z-index: 9;
15
+ }
16
+ }
17
+ .el-button[float='left'],
18
+ .es-button--left {
19
+ float: left;
20
+ }
21
+ .el-button[float='right'],
22
+ .es-button--right {
23
+ float: left;
24
+ }
@@ -1,113 +1,113 @@
1
- .es-calendar {
2
- background-color: #fff;
3
- .es-calendar-title {
4
- height: 44px;
5
- padding: 12px 30px;
6
- background-color: #ffffff;
7
- font-family: PingFang SC, PingFang SC;
8
- font-weight: 400;
9
- font-size: 14px;
10
- color: #262626;
11
- line-height: 20px;
12
- text-align: center;
13
- position: relative;
14
- display: flex;
15
- justify-content: center;
16
- .es-calendar-prev,
17
- .es-calendar-next {
18
- cursor: pointer;
19
- font-size: 14px;
20
- color: #8c8c8c;
21
- line-height: 20px;
22
- }
23
- .es-calendar-prev {
24
- margin-right: 8px;
25
- }
26
- .es-calendar-next {
27
- margin-left: 8px;
28
- }
29
- .es-title {
30
- .es-calendar-picker {
31
- .el-input__inner {
32
- width: 76px;
33
- height: 20px;
34
- line-height: 20px;
35
- text-align: center;
36
- padding: 0;
37
- border: 0 !important;
38
- box-shadow: none !important;
39
- cursor: pointer;
40
- }
41
- .el-input__prefix,
42
- .el-input__suffix {
43
- display: none;
44
- }
45
- }
46
- }
47
- }
48
- .es-calendar-weeks {
49
- display: flex;
50
- flex-wrap: wrap;
51
- margin-bottom: 4px;
52
- .es-week {
53
- width: (100% / 7);
54
- height: 32px;
55
- text-align: center;
56
- line-height: 32px;
57
- font-weight: 400;
58
- font-size: 14px;
59
- color: #8c8c8c;
60
- font-weight: bold;
61
- }
62
- }
63
- .es-calendar-days {
64
- display: flex;
65
- flex-wrap: wrap;
66
- .es-day {
67
- width: (100% / 7);
68
- height: 32px;
69
- display: flex;
70
- align-items: center;
71
- justify-content: center;
72
- .es-day-item {
73
- width: 28px;
74
- height: 28px;
75
- font-weight: 400;
76
- font-size: 14px;
77
- color: #262626;
78
- text-align: center;
79
- line-height: 28px;
80
- position: relative;
81
- cursor: pointer;
82
- &.es-disabled-day {
83
- color: #bfbfbf;
84
- }
85
- &.es-today {
86
- color: var(--theme-primary-light-7, #2778e5);
87
- border: 1px solid var(--theme-primary-light-7, #2778e5);
88
- line-height: 26px;
89
- border-radius: 15px 15px 15px 15px;
90
- }
91
- &.es-select {
92
- color: #fff;
93
- background-color: var(--theme-primary-light-7, #2778e5);
94
- border-radius: 15px 15px 15px 15px;
95
- }
96
- &.es-disabled {
97
- cursor: not-allowed;
98
- }
99
- }
100
- }
101
- }
102
- .es-calendar-switch {
103
- height: 22px;
104
- line-height: 22px;
105
- font-weight: bold;
106
- text-align: center;
107
- color: #8c8c8c;
108
- .es-switch-icon {
109
- font-size: 14px;
110
- cursor: pointer;
111
- }
112
- }
113
- }
1
+ .es-calendar {
2
+ background-color: #fff;
3
+ .es-calendar-title {
4
+ height: 44px;
5
+ padding: 12px 30px;
6
+ background-color: #ffffff;
7
+ font-family: PingFang SC, PingFang SC;
8
+ font-weight: 400;
9
+ font-size: 14px;
10
+ color: #262626;
11
+ line-height: 20px;
12
+ text-align: center;
13
+ position: relative;
14
+ display: flex;
15
+ justify-content: center;
16
+ .es-calendar-prev,
17
+ .es-calendar-next {
18
+ cursor: pointer;
19
+ font-size: 14px;
20
+ color: #8c8c8c;
21
+ line-height: 20px;
22
+ }
23
+ .es-calendar-prev {
24
+ margin-right: 8px;
25
+ }
26
+ .es-calendar-next {
27
+ margin-left: 8px;
28
+ }
29
+ .es-title {
30
+ .es-calendar-picker {
31
+ .el-input__inner {
32
+ width: 76px;
33
+ height: 20px;
34
+ line-height: 20px;
35
+ text-align: center;
36
+ padding: 0;
37
+ border: 0 !important;
38
+ box-shadow: none !important;
39
+ cursor: pointer;
40
+ }
41
+ .el-input__prefix,
42
+ .el-input__suffix {
43
+ display: none;
44
+ }
45
+ }
46
+ }
47
+ }
48
+ .es-calendar-weeks {
49
+ display: flex;
50
+ flex-wrap: wrap;
51
+ margin-bottom: 4px;
52
+ .es-week {
53
+ width: (100% / 7);
54
+ height: 32px;
55
+ text-align: center;
56
+ line-height: 32px;
57
+ font-weight: 400;
58
+ font-size: 14px;
59
+ color: #8c8c8c;
60
+ font-weight: bold;
61
+ }
62
+ }
63
+ .es-calendar-days {
64
+ display: flex;
65
+ flex-wrap: wrap;
66
+ .es-day {
67
+ width: (100% / 7);
68
+ height: 32px;
69
+ display: flex;
70
+ align-items: center;
71
+ justify-content: center;
72
+ .es-day-item {
73
+ width: 28px;
74
+ height: 28px;
75
+ font-weight: 400;
76
+ font-size: 14px;
77
+ color: #262626;
78
+ text-align: center;
79
+ line-height: 28px;
80
+ position: relative;
81
+ cursor: pointer;
82
+ &.es-disabled-day {
83
+ color: #bfbfbf;
84
+ }
85
+ &.es-today {
86
+ color: var(--theme-primary-light-7, #2778e5);
87
+ border: 1px solid var(--theme-primary-light-7, #2778e5);
88
+ line-height: 26px;
89
+ border-radius: 15px 15px 15px 15px;
90
+ }
91
+ &.es-select {
92
+ color: #fff;
93
+ background-color: var(--theme-primary-light-7, #2778e5);
94
+ border-radius: 15px 15px 15px 15px;
95
+ }
96
+ &.es-disabled {
97
+ cursor: not-allowed;
98
+ }
99
+ }
100
+ }
101
+ }
102
+ .es-calendar-switch {
103
+ height: 22px;
104
+ line-height: 22px;
105
+ font-weight: bold;
106
+ text-align: center;
107
+ color: #8c8c8c;
108
+ .es-switch-icon {
109
+ font-size: 14px;
110
+ cursor: pointer;
111
+ }
112
+ }
113
+ }