vxe-pc-ui 4.12.0 → 4.12.2

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 (169) hide show
  1. package/es/calendar/src/calendar.js +254 -97
  2. package/es/calendar/style.css +248 -69
  3. package/es/calendar/style.min.css +1 -1
  4. package/es/date-panel/src/date-panel.js +3 -1
  5. package/es/icon/style.css +1 -1
  6. package/es/language/ar-EG.js +4 -0
  7. package/es/language/de-DE.js +4 -0
  8. package/es/language/en-US.js +4 -0
  9. package/es/language/es-ES.js +4 -0
  10. package/es/language/fr-FR.js +4 -0
  11. package/es/language/hu-HU.js +4 -0
  12. package/es/language/hy-AM.js +4 -0
  13. package/es/language/id-ID.js +4 -0
  14. package/es/language/it-IT.js +4 -0
  15. package/es/language/ja-JP.js +4 -0
  16. package/es/language/ko-KR.js +4 -0
  17. package/es/language/ms-MY.js +4 -0
  18. package/es/language/nb-NO.js +4 -0
  19. package/es/language/pt-BR.js +4 -0
  20. package/es/language/ru-RU.js +4 -0
  21. package/es/language/th-TH.js +4 -0
  22. package/es/language/ug-CN.js +4 -0
  23. package/es/language/uk-UA.js +4 -0
  24. package/es/language/uz-UZ.js +4 -0
  25. package/es/language/vi-VN.js +4 -0
  26. package/es/language/zh-CHT.js +4 -0
  27. package/es/language/zh-CN.js +4 -0
  28. package/es/menu/src/menu.js +67 -8
  29. package/es/style.css +1 -1
  30. package/es/style.min.css +1 -1
  31. package/es/tree/src/tree.js +10 -2
  32. package/es/ui/index.js +1 -1
  33. package/es/ui/src/log.js +1 -1
  34. package/es/vxe-calendar/style.css +248 -69
  35. package/es/vxe-calendar/style.min.css +1 -1
  36. package/lib/calendar/src/calendar.js +283 -104
  37. package/lib/calendar/src/calendar.min.js +1 -1
  38. package/lib/calendar/style/style.css +248 -69
  39. package/lib/calendar/style/style.min.css +1 -1
  40. package/lib/date-panel/src/date-panel.js +3 -1
  41. package/lib/date-panel/src/date-panel.min.js +1 -1
  42. package/lib/icon/style/style.css +1 -1
  43. package/lib/icon/style/style.min.css +1 -1
  44. package/lib/index.umd.js +443 -161
  45. package/lib/index.umd.min.js +1 -1
  46. package/lib/language/ar-EG.js +4 -0
  47. package/lib/language/ar-EG.min.js +1 -1
  48. package/lib/language/ar-EG.umd.js +4 -0
  49. package/lib/language/de-DE.js +4 -0
  50. package/lib/language/de-DE.min.js +1 -1
  51. package/lib/language/de-DE.umd.js +4 -0
  52. package/lib/language/en-US.js +4 -0
  53. package/lib/language/en-US.min.js +1 -1
  54. package/lib/language/en-US.umd.js +4 -0
  55. package/lib/language/es-ES.js +4 -0
  56. package/lib/language/es-ES.min.js +1 -1
  57. package/lib/language/es-ES.umd.js +4 -0
  58. package/lib/language/fr-FR.js +4 -0
  59. package/lib/language/fr-FR.min.js +1 -1
  60. package/lib/language/fr-FR.umd.js +4 -0
  61. package/lib/language/hu-HU.js +4 -0
  62. package/lib/language/hu-HU.min.js +1 -1
  63. package/lib/language/hu-HU.umd.js +4 -0
  64. package/lib/language/hy-AM.js +4 -0
  65. package/lib/language/hy-AM.min.js +1 -1
  66. package/lib/language/hy-AM.umd.js +4 -0
  67. package/lib/language/id-ID.js +4 -0
  68. package/lib/language/id-ID.min.js +1 -1
  69. package/lib/language/id-ID.umd.js +4 -0
  70. package/lib/language/it-IT.js +4 -0
  71. package/lib/language/it-IT.min.js +1 -1
  72. package/lib/language/it-IT.umd.js +4 -0
  73. package/lib/language/ja-JP.js +4 -0
  74. package/lib/language/ja-JP.min.js +1 -1
  75. package/lib/language/ja-JP.umd.js +4 -0
  76. package/lib/language/ko-KR.js +4 -0
  77. package/lib/language/ko-KR.min.js +1 -1
  78. package/lib/language/ko-KR.umd.js +4 -0
  79. package/lib/language/ms-MY.js +4 -0
  80. package/lib/language/ms-MY.min.js +1 -1
  81. package/lib/language/ms-MY.umd.js +4 -0
  82. package/lib/language/nb-NO.js +4 -0
  83. package/lib/language/nb-NO.min.js +1 -1
  84. package/lib/language/nb-NO.umd.js +4 -0
  85. package/lib/language/pt-BR.js +4 -0
  86. package/lib/language/pt-BR.min.js +1 -1
  87. package/lib/language/pt-BR.umd.js +4 -0
  88. package/lib/language/ru-RU.js +4 -0
  89. package/lib/language/ru-RU.min.js +1 -1
  90. package/lib/language/ru-RU.umd.js +4 -0
  91. package/lib/language/th-TH.js +4 -0
  92. package/lib/language/th-TH.min.js +1 -1
  93. package/lib/language/th-TH.umd.js +4 -0
  94. package/lib/language/ug-CN.js +4 -0
  95. package/lib/language/ug-CN.min.js +1 -1
  96. package/lib/language/ug-CN.umd.js +4 -0
  97. package/lib/language/uk-UA.js +4 -0
  98. package/lib/language/uk-UA.min.js +1 -1
  99. package/lib/language/uk-UA.umd.js +4 -0
  100. package/lib/language/uz-UZ.js +4 -0
  101. package/lib/language/uz-UZ.min.js +1 -1
  102. package/lib/language/uz-UZ.umd.js +4 -0
  103. package/lib/language/vi-VN.js +4 -0
  104. package/lib/language/vi-VN.min.js +1 -1
  105. package/lib/language/vi-VN.umd.js +4 -0
  106. package/lib/language/zh-CHT.js +4 -0
  107. package/lib/language/zh-CHT.min.js +1 -1
  108. package/lib/language/zh-CHT.umd.js +4 -0
  109. package/lib/language/zh-CN.js +4 -0
  110. package/lib/language/zh-CN.min.js +1 -1
  111. package/lib/language/zh-CN.umd.js +4 -0
  112. package/lib/menu/src/menu.js +89 -10
  113. package/lib/menu/src/menu.min.js +1 -1
  114. package/lib/style.css +1 -1
  115. package/lib/style.min.css +1 -1
  116. package/lib/tree/src/tree.js +62 -44
  117. package/lib/tree/src/tree.min.js +1 -1
  118. package/lib/ui/index.js +1 -1
  119. package/lib/ui/index.min.js +1 -1
  120. package/lib/ui/src/log.js +1 -1
  121. package/lib/ui/src/log.min.js +1 -1
  122. package/lib/vxe-calendar/style/style.css +248 -69
  123. package/lib/vxe-calendar/style/style.min.css +1 -1
  124. package/package.json +1 -1
  125. package/packages/calendar/src/calendar.ts +259 -97
  126. package/packages/date-panel/src/date-panel.ts +3 -1
  127. package/packages/language/ar-EG.ts +4 -0
  128. package/packages/language/de-DE.ts +4 -0
  129. package/packages/language/en-US.ts +4 -0
  130. package/packages/language/es-ES.ts +4 -0
  131. package/packages/language/fr-FR.ts +4 -0
  132. package/packages/language/hu-HU.ts +4 -0
  133. package/packages/language/hy-AM.ts +4 -0
  134. package/packages/language/id-ID.ts +4 -0
  135. package/packages/language/it-IT.ts +4 -0
  136. package/packages/language/ja-JP.ts +4 -0
  137. package/packages/language/ko-KR.ts +4 -0
  138. package/packages/language/ms-MY.ts +4 -0
  139. package/packages/language/nb-NO.ts +4 -0
  140. package/packages/language/pt-BR.ts +4 -0
  141. package/packages/language/ru-RU.ts +4 -0
  142. package/packages/language/th-TH.ts +4 -0
  143. package/packages/language/ug-CN.ts +4 -0
  144. package/packages/language/uk-UA.ts +4 -0
  145. package/packages/language/uz-UZ.ts +4 -0
  146. package/packages/language/vi-VN.ts +4 -0
  147. package/packages/language/zh-CHT.ts +4 -0
  148. package/packages/language/zh-CN.ts +4 -0
  149. package/packages/menu/src/menu.ts +79 -15
  150. package/packages/tree/src/tree.ts +11 -2
  151. package/styles/components/calendar.scss +281 -78
  152. package/types/components/calendar.d.ts +47 -3
  153. package/types/components/form-design.d.ts +106 -21
  154. package/types/components/menu.d.ts +50 -2
  155. package/types/handles/form-design.d.ts +5 -1
  156. package/types/ui/menus.d.ts +54 -5
  157. package/types/ui/renderer.d.ts +2 -1
  158. /package/es/icon/{iconfont.1768384392686.ttf → iconfont.1768473788689.ttf} +0 -0
  159. /package/es/icon/{iconfont.1768384392686.woff → iconfont.1768473788689.woff} +0 -0
  160. /package/es/icon/{iconfont.1768384392686.woff2 → iconfont.1768473788689.woff2} +0 -0
  161. /package/es/{iconfont.1768384392686.ttf → iconfont.1768473788689.ttf} +0 -0
  162. /package/es/{iconfont.1768384392686.woff → iconfont.1768473788689.woff} +0 -0
  163. /package/es/{iconfont.1768384392686.woff2 → iconfont.1768473788689.woff2} +0 -0
  164. /package/lib/icon/style/{iconfont.1768384392686.ttf → iconfont.1768473788689.ttf} +0 -0
  165. /package/lib/icon/style/{iconfont.1768384392686.woff → iconfont.1768473788689.woff} +0 -0
  166. /package/lib/icon/style/{iconfont.1768384392686.woff2 → iconfont.1768473788689.woff2} +0 -0
  167. /package/lib/{iconfont.1768384392686.ttf → iconfont.1768473788689.ttf} +0 -0
  168. /package/lib/{iconfont.1768384392686.woff → iconfont.1768473788689.woff} +0 -0
  169. /package/lib/{iconfont.1768384392686.woff2 → iconfont.1768473788689.woff2} +0 -0
@@ -1,26 +1,13 @@
1
1
  .vxe-calendar {
2
- display: inline-flex;
2
+ color: var(--vxe-ui-font-color);
3
+ display: flex;
3
4
  flex-direction: column;
5
+ flex-shrink: 0;
4
6
  width: 100%;
5
7
  height: 38em;
6
8
  border: 1px solid var(--vxe-ui-base-popup-border-color);
7
9
  border-radius: var(--vxe-ui-base-border-radius);
8
10
  }
9
- .vxe-calendar.type--date .vxe-calendar--body td {
10
- width: 14.28571%;
11
- }
12
- .vxe-calendar.type--week .vxe-calendar--body td {
13
- width: 12%;
14
- }
15
- .vxe-calendar.type--week .vxe-calendar--body td:first-child {
16
- width: 14%;
17
- }
18
- .vxe-calendar.type--quarter .vxe-calendar--body td {
19
- width: 50%;
20
- }
21
- .vxe-calendar.type--month .vxe-calendar--body td, .vxe-calendar.type--year .vxe-calendar--body td {
22
- width: 25%;
23
- }
24
11
 
25
12
  .vxe-calendar--confirm {
26
13
  outline: 0;
@@ -93,107 +80,300 @@
93
80
  table-layout: fixed;
94
81
  }
95
82
 
96
- .vxe-calendar--view-th {
97
- font-weight: 700;
83
+ .vxe-calendar--wrapper {
84
+ border: 0 solid var(--vxe-ui-base-popup-border-color);
85
+ border-radius: var(--vxe-ui-base-border-radius);
86
+ }
87
+
88
+ .vxe-calendar--wrapper {
89
+ display: inline-flex;
90
+ flex-direction: column;
91
+ padding: 0.8em;
92
+ }
93
+
94
+ .vxe-calendar--picker-header {
95
+ display: flex;
96
+ flex-direction: row;
97
+ align-items: center;
98
+ height: 3em;
99
+ padding-bottom: 0.5em;
100
+ }
101
+
102
+ .vxe-calendar--picker-header {
103
+ -webkit-user-select: none;
104
+ -moz-user-select: none;
105
+ user-select: none;
106
+ }
107
+ .vxe-calendar--picker-header .vxe-calendar--picker-type-wrapper {
108
+ flex-grow: 1;
109
+ font-size: 1.1em;
110
+ }
111
+ .vxe-calendar--picker-header .vxe-calendar--picker-btn-wrapper {
112
+ flex-shrink: 0;
113
+ text-align: center;
114
+ }
115
+
116
+ .vxe-calendar--picker-type-wrapper {
117
+ display: flex;
118
+ align-items: center;
119
+ }
120
+ .vxe-calendar--picker-type-wrapper .vxe-calendar--picker-label,
121
+ .vxe-calendar--picker-type-wrapper .vxe-calendar--picker-btn {
122
+ display: inline-block;
123
+ }
124
+
125
+ .vxe-calendar--picker-btn-wrapper {
126
+ display: flex;
127
+ flex-direction: row;
128
+ }
129
+ .vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-prev-btn,
130
+ .vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-current-btn,
131
+ .vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-next-btn {
132
+ height: 2.2em;
133
+ padding: 0 0.5em;
134
+ border-radius: var(--vxe-ui-base-border-radius);
135
+ border: 1px solid var(--vxe-ui-input-border-color);
136
+ margin-left: 0.5em;
137
+ }
138
+ .vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-prev-btn i,
139
+ .vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-current-btn i,
140
+ .vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-next-btn i {
141
+ font-size: 1.2em;
142
+ }
143
+ .vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-btn:not(.is--disabled):active {
144
+ transform: scale(0.9);
145
+ }
146
+
147
+ .vxe-calendar--picker-label,
148
+ .vxe-calendar--picker-btn {
149
+ display: flex;
150
+ align-items: center;
151
+ justify-content: center;
152
+ background-color: var(--vxe-ui-layout-background-color);
153
+ }
154
+
155
+ .vxe-calendar--picker-btn.is--disabled {
156
+ color: var(--vxe-ui-font-disabled-color);
157
+ cursor: no-drop;
158
+ }
159
+ .vxe-calendar--picker-btn:not(.is--disabled) {
160
+ cursor: pointer;
161
+ }
162
+ .vxe-calendar--picker-btn:not(.is--disabled):hover {
163
+ color: var(--vxe-ui-font-primary-color);
164
+ background-color: #fff;
165
+ }
166
+ .vxe-calendar--picker-btn:not(.is--disabled):active {
167
+ background-color: #fff;
168
+ }
169
+
170
+ .vxe-calendar--picker-btns .vxe-calendar--picker-btn {
171
+ margin-left: 0.6em;
172
+ }
173
+ .vxe-calendar--picker-btns .vxe-calendar--picker-btn:first-child {
174
+ margin-left: 0;
175
+ }
176
+
177
+ .vxe-calendar--view-wrapper {
178
+ display: flex;
179
+ flex-direction: column;
180
+ line-height: 1.5;
181
+ height: 100%;
98
182
  }
99
183
 
100
- .vxe-calendar--view-td {
101
- font-weight: normal;
184
+ .vxe-calendar--picker-body {
185
+ border-radius: var(--vxe-ui-base-border-radius);
186
+ border: 1px solid var(--vxe-ui-base-popup-border-color);
102
187
  -webkit-user-select: none;
103
188
  -moz-user-select: none;
104
189
  user-select: none;
105
- transition: all 0.1s ease-in-out;
106
190
  }
107
- .vxe-calendar--view-td.is--prev, .vxe-calendar--view-td.is--next {
191
+
192
+ .vxe-calendar--view-header {
193
+ box-shadow: inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color);
194
+ text-align: center;
195
+ }
196
+
197
+ .vxe-calendar--view-body {
198
+ display: inline-flex;
199
+ flex-direction: column;
200
+ flex-grow: 1;
201
+ width: 100%;
202
+ }
203
+
204
+ .vxe-calendar--view-header .vxe-calendar--view-row {
205
+ height: 100%;
206
+ }
207
+ .vxe-calendar--view-header .vxe-calendar--view-item-label {
208
+ font-weight: 700;
209
+ }
210
+
211
+ .vxe-calendar--view-body .vxe-calendar--view-item {
212
+ cursor: pointer;
213
+ }
214
+ .vxe-calendar--view-body .vxe-calendar--view-item.is--range-disabled, .vxe-calendar--view-body .vxe-calendar--view-item.is--disabled {
215
+ cursor: no-drop;
216
+ }
217
+ .vxe-calendar--view-body .vxe-calendar--view-item.is--over {
218
+ cursor: no-drop;
219
+ }
220
+
221
+ .vxe-calendar--view-row {
222
+ display: flex;
223
+ flex-direction: row;
224
+ }
225
+
226
+ .vxe-calendar--view-item.is--prev .vxe-calendar--view-item-inner, .vxe-calendar--view-item.is--next .vxe-calendar--view-item-inner {
108
227
  color: var(--vxe-ui-font-disabled-color);
109
228
  }
110
- .vxe-calendar--view-td.is--prev .vxe-calendar--date-label,
111
- .vxe-calendar--view-td.is--prev .vxe-calendar--date-festival, .vxe-calendar--view-td.is--next .vxe-calendar--date-label,
112
- .vxe-calendar--view-td.is--next .vxe-calendar--date-festival {
229
+ .vxe-calendar--view-item.is--prev .vxe-calendar--label,
230
+ .vxe-calendar--view-item.is--prev .vxe-calendar--festival, .vxe-calendar--view-item.is--next .vxe-calendar--label,
231
+ .vxe-calendar--view-item.is--next .vxe-calendar--festival {
113
232
  color: var(--vxe-ui-font-disabled-color);
114
233
  }
115
- .vxe-calendar--view-td.is--now:not(.is--selected).is--current {
234
+ .vxe-calendar--view-item.is--now .vxe-calendar--view-item-inner {
235
+ color: var(--vxe-ui-base-popup-border-color);
236
+ }
237
+ .vxe-calendar--view-item.is--now:not(.is--selected).is--current {
116
238
  color: var(--vxe-ui-font-primary-color);
117
239
  }
118
- .vxe-calendar--view-td.is--now:not(.is--selected).is--current .vxe-calendar--date-label,
119
- .vxe-calendar--view-td.is--now:not(.is--selected).is--current .vxe-calendar--date-festival {
240
+ .vxe-calendar--view-item.is--now:not(.is--selected).is--current .vxe-calendar--label,
241
+ .vxe-calendar--view-item.is--now:not(.is--selected).is--current .vxe-calendar--festival {
120
242
  color: var(--vxe-ui-font-primary-color);
121
243
  }
122
- .vxe-calendar--view-td.is--hover {
123
- background-color: var(--vxe-ui-base-hover-background-color);
244
+ .vxe-calendar--view-item.is--hover .vxe-calendar--view-item-inner {
245
+ background-color: var(--vxe-ui-font-primary-tinge-color);
124
246
  }
125
- .vxe-calendar--view-td.is--selected {
126
- color: var(--vxe-ui-calendar-selected-color);
247
+ .vxe-calendar--view-item.is--selected .vxe-calendar--view-item-inner {
248
+ color: var(--vxe-ui-input-date-picker-selected-color);
127
249
  background-color: var(--vxe-ui-font-primary-color);
128
250
  }
129
- .vxe-calendar--view-td.is--selected.is--prev, .vxe-calendar--view-td.is--selected.is--next {
130
- background-color: var(--vxe-ui-font-primary-lighten-color);
251
+ .vxe-calendar--view-item.is--selected.is--hover .vxe-calendar--view-item-inner {
252
+ box-shadow: 0 0px 6px 1px var(--vxe-ui-font-primary-color);
131
253
  }
132
- .vxe-calendar--view-td.is--selected .vxe-calendar--date-label,
133
- .vxe-calendar--view-td.is--selected .vxe-calendar--date-festival {
134
- color: var(--vxe-ui-calendar-festival-selected-color);
254
+ .vxe-calendar--view-item.is--selected.is--prev .vxe-calendar--label,
255
+ .vxe-calendar--view-item.is--selected.is--prev .vxe-calendar--festival, .vxe-calendar--view-item.is--selected.is--next .vxe-calendar--label,
256
+ .vxe-calendar--view-item.is--selected.is--next .vxe-calendar--festival {
257
+ color: var(--vxe-ui-base-popup-border-color);
135
258
  }
136
- .vxe-calendar--view-td.is--selected .vxe-calendar--date-label.is-notice:before {
137
- background-color: var(--vxe-ui-calendar-notice-selected-background-color);
259
+ .vxe-calendar--view-item.is--selected .vxe-calendar--label,
260
+ .vxe-calendar--view-item.is--selected .vxe-calendar--festival {
261
+ color: var(--vxe-ui-input-date-picker-festival-selected-color);
138
262
  }
139
- .vxe-calendar--view-td:not(.is--disabled) {
140
- cursor: pointer;
263
+ .vxe-calendar--view-item.is--selected .vxe-calendar--label.is-notice:before {
264
+ background-color: var(--vxe-ui-input-date-picker-notice-selected-background-color);
141
265
  }
142
- .vxe-calendar--view-td.is--disabled {
143
- cursor: no-drop;
266
+ .vxe-calendar--view-item.is--range-disabled .vxe-calendar--view-item-inner {
267
+ color: var(--vxe-ui-input-disabled-color);
268
+ background-color: inherit;
269
+ }
270
+ .vxe-calendar--view-item.is--disabled .vxe-calendar--view-item-inner {
144
271
  color: var(--vxe-ui-input-disabled-color);
145
272
  background-color: var(--vxe-ui-input-disabled-background-color);
146
273
  }
147
- .vxe-calendar--view-td.is--disabled .vxe-calendar--date-label,
148
- .vxe-calendar--view-td.is--disabled .vxe-calendar--date-festival {
274
+ .vxe-calendar--view-item.is--disabled .vxe-calendar--label,
275
+ .vxe-calendar--view-item.is--disabled .vxe-calendar--festival {
149
276
  color: var(--vxe-ui-input-disabled-color);
150
277
  }
151
278
 
152
- .vxe-calendar--date-label,
153
- .vxe-calendar--date-festival {
279
+ .vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item {
280
+ padding: 0.2em 0;
281
+ }
282
+ .vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item .vxe-calendar--view-item-inner {
283
+ border-radius: 0;
284
+ }
285
+ .vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item:first-child {
286
+ padding: 0.2em 0 0.2em 0.2em;
287
+ border-right: 1px solid var(--vxe-ui-base-popup-border-color);
288
+ }
289
+ .vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item:first-child .vxe-calendar--view-item-inner {
290
+ color: var(--vxe-ui-input-date-festival-color);
291
+ }
292
+ .vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item:last-child {
293
+ padding: 0.2em 0.2em 0.2em 0;
294
+ }
295
+ .vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--hover:first-child .vxe-calendar--view-item-inner, .vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--selected:first-child .vxe-calendar--view-item-inner {
296
+ border-radius: var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);
297
+ }
298
+ .vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--hover:last-child .vxe-calendar--view-item-inner, .vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--selected:last-child .vxe-calendar--view-item-inner {
299
+ border-radius: 0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0;
300
+ }
301
+ .vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--now:not(.is--selected):first-child .vxe-calendar--view-item-inner {
302
+ color: var(--vxe-ui-font-primary-color);
303
+ }
304
+
305
+ .vxe-calendar--view-item-inner {
306
+ display: flex;
307
+ flex-direction: column;
308
+ align-items: center;
309
+ justify-content: center;
310
+ height: 100%;
311
+ width: 100%;
312
+ border: 1px solid transparent;
313
+ border-radius: var(--vxe-ui-base-border-radius);
314
+ overflow: hidden;
315
+ }
316
+
317
+ .vxe-calendar--view-item-label {
318
+ width: 100%;
319
+ overflow: hidden;
320
+ text-overflow: ellipsis;
321
+ white-space: nowrap;
322
+ }
323
+
324
+ .vxe-calendar--label,
325
+ .vxe-calendar--festival {
326
+ width: 100%;
154
327
  display: block;
155
328
  overflow: hidden;
329
+ text-align: center;
156
330
  }
157
331
 
158
- .vxe-calendar--date-label {
332
+ .vxe-calendar--label--number {
333
+ font-size: 1.2em;
334
+ }
335
+
336
+ .vxe-calendar--label {
159
337
  position: relative;
338
+ height: 1.8em;
339
+ line-height: 1.8em;
160
340
  }
161
- .vxe-calendar--date-label.is-notice:before {
341
+ .vxe-calendar--label.is-notice:before {
162
342
  content: "";
163
343
  position: absolute;
164
- width: 4px;
165
- height: 4px;
166
- left: 0.8em;
167
- top: 0.1em;
344
+ width: 0.25em;
345
+ height: 0.25em;
346
+ left: 50%;
347
+ top: 0;
168
348
  transform: translateX(-50%);
169
349
  border-radius: 100%;
170
350
  background-color: var(--vxe-ui-input-date-notice-background-color);
171
351
  }
172
352
 
173
- .vxe-calendar--date-label--extra {
353
+ .vxe-calendar--label--extra {
174
354
  position: absolute;
175
355
  right: 0.1em;
176
- top: -0.2em;
177
- transform: scale(0.9);
356
+ top: -0.4em;
357
+ font-size: 0.85em;
178
358
  color: var(--vxe-ui-input-date-extra-color);
179
359
  }
180
- .vxe-calendar--date-label--extra.is-important {
360
+ .vxe-calendar--label--extra.is-important {
181
361
  color: var(--vxe-ui-input-date-extra-important-color);
182
362
  }
183
363
 
184
- .vxe-calendar--date-festival {
364
+ .vxe-calendar--festival {
185
365
  color: var(--vxe-ui-input-date-festival-color);
186
- height: 14px;
187
- line-height: 1;
366
+ height: 1.2em;
367
+ line-height: 1.2em;
188
368
  overflow: hidden;
189
369
  }
190
- .vxe-calendar--date-festival.is-important {
370
+ .vxe-calendar--festival.is-important {
191
371
  color: var(--vxe-ui-input-date-festival-important-color);
192
372
  }
193
373
 
194
- .vxe-calendar--date-festival--label {
374
+ .vxe-calendar--festival--label {
195
375
  display: block;
196
- transform: scale(0.8);
376
+ font-size: 0.95em;
197
377
  }
198
378
 
199
379
  @keyframes festivalOverlap2 {
@@ -215,20 +395,19 @@
215
395
  transform: translateY(-28px);
216
396
  }
217
397
  }
218
- .vxe-calendar--date-festival--overlap {
398
+ .vxe-calendar--festival--overlap {
219
399
  display: block;
220
- font-size: 12px;
400
+ font-size: 0.86em;
221
401
  }
222
- .vxe-calendar--date-festival--overlap.overlap--2 {
402
+ .vxe-calendar--festival--overlap.overlap--2 {
223
403
  animation: festivalOverlap2 6s infinite ease-in-out;
224
404
  }
225
- .vxe-calendar--date-festival--overlap.overlap--3 {
405
+ .vxe-calendar--festival--overlap.overlap--3 {
226
406
  animation: festivalOverlap3 9s infinite ease-in-out;
227
407
  }
228
- .vxe-calendar--date-festival--overlap > span {
408
+ .vxe-calendar--festival--overlap > span {
229
409
  height: 14px;
230
410
  display: block;
231
- transform: scale(0.8);
232
411
  }
233
412
 
234
413
  .vxe-calendar {
@@ -1 +1 @@
1
- .vxe-calendar{display:inline-flex;flex-direction:column;width:100%;height:38em;border:1px solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-calendar.type--date .vxe-calendar--body td{width:14.28571%}.vxe-calendar.type--week .vxe-calendar--body td{width:12%}.vxe-calendar.type--week .vxe-calendar--body td:first-child{width:14%}.vxe-calendar.type--quarter .vxe-calendar--body td{width:50%}.vxe-calendar.type--month .vxe-calendar--body td,.vxe-calendar.type--year .vxe-calendar--body td{width:25%}.vxe-calendar--confirm{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer;color:var(--vxe-ui-input-date-time-confirm-button-color);border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color);padding:0 .5em}.vxe-calendar--confirm:hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-calendar--confirm:active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-calendar--header{flex-shrink:0;display:flex;flex-direction:row;padding:var(--vxe-ui-layout-padding-default);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-calendar--header .vxe-calendar--type-wrapper{flex-grow:1}.vxe-calendar--header .vxe-calendar--btn-wrapper{flex-shrink:0;text-align:center}.vxe-calendar--btn-wrapper{display:flex;flex-direction:row}.vxe-calendar--btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-calendar--btn:not(.is--disabled){cursor:pointer}.vxe-calendar--btn:not(.is--disabled):hover{background-color:#fff}.vxe-calendar--btn:not(.is--disabled):active{background-color:#fff}.vxe-calendar--body{position:relative;flex-grow:1;overflow:hidden}.vxe-calendar--body table{border:0;width:100%;height:100%;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed}.vxe-calendar--view-th{font-weight:700}.vxe-calendar--view-td{font-weight:400;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .1s ease-in-out}.vxe-calendar--view-td.is--next,.vxe-calendar--view-td.is--prev{color:var(--vxe-ui-font-disabled-color)}.vxe-calendar--view-td.is--next .vxe-calendar--date-festival,.vxe-calendar--view-td.is--next .vxe-calendar--date-label,.vxe-calendar--view-td.is--prev .vxe-calendar--date-festival,.vxe-calendar--view-td.is--prev .vxe-calendar--date-label{color:var(--vxe-ui-font-disabled-color)}.vxe-calendar--view-td.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-calendar--view-td.is--now:not(.is--selected).is--current .vxe-calendar--date-festival,.vxe-calendar--view-td.is--now:not(.is--selected).is--current .vxe-calendar--date-label{color:var(--vxe-ui-font-primary-color)}.vxe-calendar--view-td.is--hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-calendar--view-td.is--selected{color:var(--vxe-ui-calendar-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-calendar--view-td.is--selected.is--next,.vxe-calendar--view-td.is--selected.is--prev{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-calendar--view-td.is--selected .vxe-calendar--date-festival,.vxe-calendar--view-td.is--selected .vxe-calendar--date-label{color:var(--vxe-ui-calendar-festival-selected-color)}.vxe-calendar--view-td.is--selected .vxe-calendar--date-label.is-notice:before{background-color:var(--vxe-ui-calendar-notice-selected-background-color)}.vxe-calendar--view-td:not(.is--disabled){cursor:pointer}.vxe-calendar--view-td.is--disabled{cursor:no-drop;color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-calendar--view-td.is--disabled .vxe-calendar--date-festival,.vxe-calendar--view-td.is--disabled .vxe-calendar--date-label{color:var(--vxe-ui-input-disabled-color)}.vxe-calendar--date-festival,.vxe-calendar--date-label{display:block;overflow:hidden}.vxe-calendar--date-label{position:relative}.vxe-calendar--date-label.is-notice:before{content:"";position:absolute;width:4px;height:4px;left:.8em;top:.1em;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-calendar--date-label--extra{position:absolute;right:.1em;top:-.2em;transform:scale(.9);color:var(--vxe-ui-input-date-extra-color)}.vxe-calendar--date-label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-calendar--date-festival{color:var(--vxe-ui-input-date-festival-color);height:14px;line-height:1;overflow:hidden}.vxe-calendar--date-festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-calendar--date-festival--label{display:block;transform:scale(.8)}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}.vxe-calendar--date-festival--overlap{display:block;font-size:12px}.vxe-calendar--date-festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-calendar--date-festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-calendar--date-festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-calendar{font-size:var(--vxe-ui-font-size-default)}.vxe-calendar.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-calendar.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-calendar.size--mini{font-size:var(--vxe-ui-font-size-mini)}
1
+ .vxe-calendar{color:var(--vxe-ui-font-color);display:flex;flex-direction:column;flex-shrink:0;width:100%;height:38em;border:1px solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-calendar--confirm{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer;color:var(--vxe-ui-input-date-time-confirm-button-color);border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color);padding:0 .5em}.vxe-calendar--confirm:hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-calendar--confirm:active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-calendar--header{flex-shrink:0;display:flex;flex-direction:row;padding:var(--vxe-ui-layout-padding-default);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-calendar--header .vxe-calendar--type-wrapper{flex-grow:1}.vxe-calendar--header .vxe-calendar--btn-wrapper{flex-shrink:0;text-align:center}.vxe-calendar--btn-wrapper{display:flex;flex-direction:row}.vxe-calendar--btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-calendar--btn:not(.is--disabled){cursor:pointer}.vxe-calendar--btn:not(.is--disabled):hover{background-color:#fff}.vxe-calendar--btn:not(.is--disabled):active{background-color:#fff}.vxe-calendar--body{position:relative;flex-grow:1;overflow:hidden}.vxe-calendar--body table{border:0;width:100%;height:100%;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed}.vxe-calendar--wrapper{border:0 solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-calendar--wrapper{display:inline-flex;flex-direction:column;padding:.8em}.vxe-calendar--picker-header{display:flex;flex-direction:row;align-items:center;height:3em;padding-bottom:.5em}.vxe-calendar--picker-header{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-calendar--picker-header .vxe-calendar--picker-type-wrapper{flex-grow:1;font-size:1.1em}.vxe-calendar--picker-header .vxe-calendar--picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-calendar--picker-type-wrapper{display:flex;align-items:center}.vxe-calendar--picker-type-wrapper .vxe-calendar--picker-btn,.vxe-calendar--picker-type-wrapper .vxe-calendar--picker-label{display:inline-block}.vxe-calendar--picker-btn-wrapper{display:flex;flex-direction:row}.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-current-btn,.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-next-btn,.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-prev-btn{height:2.2em;padding:0 .5em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);margin-left:.5em}.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-current-btn i,.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-next-btn i,.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-prev-btn i{font-size:1.2em}.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-btn:not(.is--disabled):active{transform:scale(.9)}.vxe-calendar--picker-btn,.vxe-calendar--picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-calendar--picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-calendar--picker-btn:not(.is--disabled){cursor:pointer}.vxe-calendar--picker-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color);background-color:#fff}.vxe-calendar--picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-calendar--picker-btns .vxe-calendar--picker-btn{margin-left:.6em}.vxe-calendar--picker-btns .vxe-calendar--picker-btn:first-child{margin-left:0}.vxe-calendar--view-wrapper{display:flex;flex-direction:column;line-height:1.5;height:100%}.vxe-calendar--picker-body{border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-calendar--view-header{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color);text-align:center}.vxe-calendar--view-body{display:inline-flex;flex-direction:column;flex-grow:1;width:100%}.vxe-calendar--view-header .vxe-calendar--view-row{height:100%}.vxe-calendar--view-header .vxe-calendar--view-item-label{font-weight:700}.vxe-calendar--view-body .vxe-calendar--view-item{cursor:pointer}.vxe-calendar--view-body .vxe-calendar--view-item.is--disabled,.vxe-calendar--view-body .vxe-calendar--view-item.is--range-disabled{cursor:no-drop}.vxe-calendar--view-body .vxe-calendar--view-item.is--over{cursor:no-drop}.vxe-calendar--view-row{display:flex;flex-direction:row}.vxe-calendar--view-item.is--next .vxe-calendar--view-item-inner,.vxe-calendar--view-item.is--prev .vxe-calendar--view-item-inner{color:var(--vxe-ui-font-disabled-color)}.vxe-calendar--view-item.is--next .vxe-calendar--festival,.vxe-calendar--view-item.is--next .vxe-calendar--label,.vxe-calendar--view-item.is--prev .vxe-calendar--festival,.vxe-calendar--view-item.is--prev .vxe-calendar--label{color:var(--vxe-ui-font-disabled-color)}.vxe-calendar--view-item.is--now .vxe-calendar--view-item-inner{color:var(--vxe-ui-base-popup-border-color)}.vxe-calendar--view-item.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-calendar--view-item.is--now:not(.is--selected).is--current .vxe-calendar--festival,.vxe-calendar--view-item.is--now:not(.is--selected).is--current .vxe-calendar--label{color:var(--vxe-ui-font-primary-color)}.vxe-calendar--view-item.is--hover .vxe-calendar--view-item-inner{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-calendar--view-item.is--selected .vxe-calendar--view-item-inner{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-calendar--view-item.is--selected.is--hover .vxe-calendar--view-item-inner{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-calendar--view-item.is--selected.is--next .vxe-calendar--festival,.vxe-calendar--view-item.is--selected.is--next .vxe-calendar--label,.vxe-calendar--view-item.is--selected.is--prev .vxe-calendar--festival,.vxe-calendar--view-item.is--selected.is--prev .vxe-calendar--label{color:var(--vxe-ui-base-popup-border-color)}.vxe-calendar--view-item.is--selected .vxe-calendar--festival,.vxe-calendar--view-item.is--selected .vxe-calendar--label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-calendar--view-item.is--selected .vxe-calendar--label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-calendar--view-item.is--range-disabled .vxe-calendar--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:inherit}.vxe-calendar--view-item.is--disabled .vxe-calendar--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-calendar--view-item.is--disabled .vxe-calendar--festival,.vxe-calendar--view-item.is--disabled .vxe-calendar--label{color:var(--vxe-ui-input-disabled-color)}.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item{padding:.2em 0}.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item .vxe-calendar--view-item-inner{border-radius:0}.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item:first-child{padding:.2em 0 .2em .2em;border-right:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item:first-child .vxe-calendar--view-item-inner{color:var(--vxe-ui-input-date-festival-color)}.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item:last-child{padding:.2em .2em .2em 0}.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--hover:first-child .vxe-calendar--view-item-inner,.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--selected:first-child .vxe-calendar--view-item-inner{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--hover:last-child .vxe-calendar--view-item-inner,.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--selected:last-child .vxe-calendar--view-item-inner{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--now:not(.is--selected):first-child .vxe-calendar--view-item-inner{color:var(--vxe-ui-font-primary-color)}.vxe-calendar--view-item-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;border:1px solid transparent;border-radius:var(--vxe-ui-base-border-radius);overflow:hidden}.vxe-calendar--view-item-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-calendar--festival,.vxe-calendar--label{width:100%;display:block;overflow:hidden;text-align:center}.vxe-calendar--label--number{font-size:1.2em}.vxe-calendar--label{position:relative;height:1.8em;line-height:1.8em}.vxe-calendar--label.is-notice:before{content:"";position:absolute;width:.25em;height:.25em;left:50%;top:0;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-calendar--label--extra{position:absolute;right:.1em;top:-.4em;font-size:.85em;color:var(--vxe-ui-input-date-extra-color)}.vxe-calendar--label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-calendar--festival{color:var(--vxe-ui-input-date-festival-color);height:1.2em;line-height:1.2em;overflow:hidden}.vxe-calendar--festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-calendar--festival--label{display:block;font-size:.95em}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}.vxe-calendar--festival--overlap{display:block;font-size:.86em}.vxe-calendar--festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-calendar--festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-calendar--festival--overlap>span{height:14px;display:block}.vxe-calendar{font-size:var(--vxe-ui-font-size-default)}.vxe-calendar.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-calendar.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-calendar.size--mini{font-size:var(--vxe-ui-font-size-mini)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vxe-pc-ui",
3
- "version": "4.12.0",
3
+ "version": "4.12.2",
4
4
  "description": "A vue based PC component library",
5
5
  "scripts": {
6
6
  "update": "npm install --legacy-peer-deps",