vxe-pc-ui 4.18.12 → 4.18.13

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 (69) hide show
  1. package/dist/all.esm.js +55 -13
  2. package/dist/style.css +1 -1
  3. package/dist/style.min.css +1 -1
  4. package/es/color-picker/src/color-picker.js +8 -0
  5. package/es/date-picker/src/date-picker.js +37 -11
  6. package/es/date-picker/style.css +41 -21
  7. package/es/date-picker/style.min.css +1 -1
  8. package/es/date-range-picker/src/date-range-picker.js +8 -0
  9. package/es/date-range-picker/style.css +41 -21
  10. package/es/date-range-picker/style.min.css +1 -1
  11. package/es/icon/style.css +1 -1
  12. package/es/pulldown/style.css +40 -30
  13. package/es/pulldown/style.min.css +1 -1
  14. package/es/style.css +1 -1
  15. package/es/style.min.css +1 -1
  16. package/es/ui/index.js +1 -1
  17. package/es/ui/src/log.js +1 -1
  18. package/es/vxe-date-picker/style.css +41 -21
  19. package/es/vxe-date-picker/style.min.css +1 -1
  20. package/es/vxe-date-range-picker/style.css +41 -21
  21. package/es/vxe-date-range-picker/style.min.css +1 -1
  22. package/es/vxe-pulldown/style.css +40 -30
  23. package/es/vxe-pulldown/style.min.css +1 -1
  24. package/lib/color-picker/src/color-picker.js +8 -0
  25. package/lib/date-picker/src/date-picker.js +37 -11
  26. package/lib/date-picker/src/date-picker.min.js +1 -1
  27. package/lib/date-picker/style/style.css +41 -21
  28. package/lib/date-picker/style/style.min.css +1 -1
  29. package/lib/date-range-picker/src/date-range-picker.js +8 -0
  30. package/lib/date-range-picker/style/style.css +41 -21
  31. package/lib/date-range-picker/style/style.min.css +1 -1
  32. package/lib/icon/style/style.css +1 -1
  33. package/lib/icon/style/style.min.css +1 -1
  34. package/lib/index.umd.js +55 -13
  35. package/lib/index.umd.min.js +1 -1
  36. package/lib/pulldown/style/style.css +40 -30
  37. package/lib/pulldown/style/style.min.css +1 -1
  38. package/lib/style.css +1 -1
  39. package/lib/style.min.css +1 -1
  40. package/lib/ui/index.js +1 -1
  41. package/lib/ui/index.min.js +1 -1
  42. package/lib/ui/src/log.js +1 -1
  43. package/lib/ui/src/log.min.js +1 -1
  44. package/lib/vxe-date-picker/style/style.css +41 -21
  45. package/lib/vxe-date-picker/style/style.min.css +1 -1
  46. package/lib/vxe-date-range-picker/style/style.css +41 -21
  47. package/lib/vxe-date-range-picker/style/style.min.css +1 -1
  48. package/lib/vxe-pulldown/style/style.css +40 -30
  49. package/lib/vxe-pulldown/style/style.min.css +1 -1
  50. package/package.json +1 -1
  51. package/packages/color-picker/src/color-picker.ts +8 -0
  52. package/packages/date-picker/src/date-picker.ts +36 -11
  53. package/packages/date-range-picker/src/date-range-picker.ts +8 -0
  54. package/styles/components/date-picker.scss +36 -21
  55. package/styles/components/date-range-picker.scss +37 -21
  56. package/styles/components/pulldown.scss +38 -35
  57. package/types/components/date-picker.d.ts +10 -0
  58. /package/es/icon/{iconfont.1789279228951.ttf → iconfont.1789552820055.ttf} +0 -0
  59. /package/es/icon/{iconfont.1789279228951.woff → iconfont.1789552820055.woff} +0 -0
  60. /package/es/icon/{iconfont.1789279228951.woff2 → iconfont.1789552820055.woff2} +0 -0
  61. /package/es/{iconfont.1789279228951.ttf → iconfont.1789552820055.ttf} +0 -0
  62. /package/es/{iconfont.1789279228951.woff → iconfont.1789552820055.woff} +0 -0
  63. /package/es/{iconfont.1789279228951.woff2 → iconfont.1789552820055.woff2} +0 -0
  64. /package/lib/icon/style/{iconfont.1789279228951.ttf → iconfont.1789552820055.ttf} +0 -0
  65. /package/lib/icon/style/{iconfont.1789279228951.woff → iconfont.1789552820055.woff} +0 -0
  66. /package/lib/icon/style/{iconfont.1789279228951.woff2 → iconfont.1789552820055.woff2} +0 -0
  67. /package/lib/{iconfont.1789279228951.ttf → iconfont.1789552820055.ttf} +0 -0
  68. /package/lib/{iconfont.1789279228951.woff → iconfont.1789552820055.woff} +0 -0
  69. /package/lib/{iconfont.1789279228951.woff2 → iconfont.1789552820055.woff2} +0 -0
package/styles/components/date-range-picker.scss CHANGED
@@ -2,6 +2,43 @@
2
2
  @use '../helpers/baseMixin.scss';
3
3
  @use '../helpers/placement.scss';
4
4
 
5
+
6
+ // 局部变量
7
+ .vxe-date-range-picker,
8
+ .vxe-date-range-picker--panel {
9
+ --vxe-ui-date-range-picker-current-font-size: var(--vxe-ui-font-size-default);
10
+ --vxe-ui-date-range-picker-current-height: var(--vxe-ui-input-height-default);
11
+ &.size--xlarge {
12
+ --vxe-ui-date-range-picker-current-font-size: var(--vxe-ui-font-size-xlarge);
13
+ --vxe-ui-date-range-picker-current-height: var(--vxe-ui-input-height-xlarge);
14
+ }
15
+ &.size--large {
16
+ --vxe-ui-date-range-picker-current-font-size: var(--vxe-ui-font-size-large);
17
+ --vxe-ui-date-range-picker-current-height: var(--vxe-ui-input-height-large);
18
+ }
19
+ &.size--medium {
20
+ --vxe-ui-date-range-picker-current-font-size: var(--vxe-ui-font-size-medium);
21
+ --vxe-ui-date-range-picker-current-height: var(--vxe-ui-input-height-medium);
22
+ }
23
+ &.size--small {
24
+ --vxe-ui-date-range-picker-current-font-size: var(--vxe-ui-font-size-small);
25
+ --vxe-ui-date-range-picker-current-height: var(--vxe-ui-input-height-small);
26
+ }
27
+ &.size--mini {
28
+ --vxe-ui-date-range-picker-current-font-size: var(--vxe-ui-font-size-mini);
29
+ --vxe-ui-date-range-picker-current-height: var(--vxe-ui-input-height-mini);
30
+ }
31
+ }
32
+
33
+ .vxe-date-range-picker,
34
+ .vxe-date-range-picker--panel {
35
+ font-size: var(--vxe-ui-date-range-picker-current-font-size);
36
+ }
37
+ .vxe-date-range-picker {
38
+ height: var(--vxe-ui-date-range-picker-current-height);
39
+ line-height: var(--vxe-ui-date-range-picker-current-height);
40
+ }
41
+
5
42
  .vxe-date-range-picker--readonly {
6
43
  color: var(--vxe-ui-font-color);
7
44
  display: inline-flex;
@@ -229,24 +266,3 @@
229
266
  flex-shrink: 0;
230
267
  padding-left: 0.8em;
231
268
  }
232
-
233
- .vxe-date-range-picker {
234
- font-size: var(--vxe-ui-font-size-default);
235
- height: var(--vxe-ui-input-height-default);
236
- line-height: var(--vxe-ui-input-height-default);
237
- &.size--medium {
238
- font-size: var(--vxe-ui-font-size-medium);
239
- height: var(--vxe-ui-input-height-medium);
240
- line-height: var(--vxe-ui-input-height-medium);
241
- }
242
- &.size--small {
243
- font-size: var(--vxe-ui-font-size-small);
244
- height: var(--vxe-ui-input-height-small);
245
- line-height: var(--vxe-ui-input-height-small);
246
- }
247
- &.size--mini {
248
- font-size: var(--vxe-ui-font-size-mini);
249
- height: var(--vxe-ui-input-height-mini);
250
- line-height: var(--vxe-ui-input-height-mini);
251
- }
252
- }
package/styles/components/pulldown.scss CHANGED
@@ -1,6 +1,33 @@
1
1
  @use '../helpers/baseMixin.scss';
2
2
  @use '../helpers/placement.scss';
3
3
 
4
+ // 局部变量
5
+ .vxe-pulldown,
6
+ .vxe-pulldown--panel {
7
+ --vxe-ui-pulldown-current-font-size: var(--vxe-ui-font-size-default);
8
+ --vxe-ui-pulldown-current-option-height: var(--vxe-ui-pulldown-option-height-default);
9
+ &.size--xlarge {
10
+ --vxe-ui-pulldown-current-font-size: var(--vxe-ui-font-size-xlarge);
11
+ --vxe-ui-pulldown-current-option-height: var(--vxe-ui-pulldown-option-height-xlarge);
12
+ }
13
+ &.size--large {
14
+ --vxe-ui-pulldown-current-font-size: var(--vxe-ui-font-size-large);
15
+ --vxe-ui-pulldown-current-option-height: var(--vxe-ui-pulldown-option-height-large);
16
+ }
17
+ &.size--medium {
18
+ --vxe-ui-pulldown-current-font-size: var(--vxe-ui-font-size-medium);
19
+ --vxe-ui-pulldown-current-option-height: var(--vxe-ui-pulldown-option-height-medium);
20
+ }
21
+ &.size--small {
22
+ --vxe-ui-pulldown-current-font-size: var(--vxe-ui-font-size-small);
23
+ --vxe-ui-pulldown-current-option-height: var(--vxe-ui-pulldown-option-height-small);
24
+ }
25
+ &.size--mini {
26
+ --vxe-ui-pulldown-current-font-size: var(--vxe-ui-font-size-mini);
27
+ --vxe-ui-pulldown-current-option-height: var(--vxe-ui-pulldown-option-height-mini);
28
+ }
29
+ }
30
+
4
31
  .vxe-pulldown {
5
32
  position: relative;
6
33
  display: inline-block;
@@ -9,6 +36,17 @@
9
36
  text-align: left;
10
37
  }
11
38
 
39
+ .vxe-pulldown,
40
+ .vxe-pulldown--panel {
41
+ font-size: var(--vxe-ui-pulldown-current-font-size);
42
+ }
43
+
44
+ .vxe-pulldown--panel {
45
+ .vxe-pulldown--panel-item {
46
+ height: var(--vxe-ui-pulldown-current-option-height);
47
+ }
48
+ }
49
+
12
50
  .vxe-pulldown--panel {
13
51
  @include placement.createPlacementPanel();
14
52
  }
@@ -38,38 +76,3 @@
38
76
  }
39
77
  }
40
78
  }
41
-
42
- .vxe-pulldown,
43
- .vxe-pulldown--panel {
44
- font-size: var(--vxe-ui-font-size-default);
45
- &.size--medium {
46
- font-size: var(--vxe-ui-font-size-medium);
47
- }
48
- &.size--small {
49
- font-size: var(--vxe-ui-font-size-small);
50
- }
51
- &.size--mini {
52
- font-size: var(--vxe-ui-font-size-mini);
53
- }
54
- }
55
-
56
- .vxe-pulldown--panel {
57
- .vxe-pulldown--panel-item {
58
- height: var(--vxe-ui-pulldown-option-height-default);
59
- }
60
- &.size--medium {
61
- .vxe-pulldown--panel-item {
62
- height: var(--vxe-ui-pulldown-option-height-medium);
63
- }
64
- }
65
- &.size--small {
66
- .vxe-pulldown--panel-item {
67
- height: var(--vxe-ui-pulldown-option-height-medium);
68
- }
69
- }
70
- &.size--mini {
71
- .vxe-pulldown--panel-item {
72
- height: var(--vxe-ui-pulldown-option-height-medium);
73
- }
74
- }
75
- }
package/types/components/date-picker.d.ts CHANGED
@@ -59,6 +59,12 @@ export namespace VxeDatePickerPropTypes {
59
59
  export type LabelFormat = string
60
60
  export type ValueFormat = string
61
61
  export type TimeFormat = string
62
+ export type ParseMethod = (params: {
63
+ $datePicker: VxeDatePickerConstructor
64
+ inputValue: string
65
+ type: VxeDatePanelPropTypes.Type
66
+ valueFormat: string
67
+ }) => Date | null | undefined | void
62
68
  export type Editable = boolean
63
69
  export type FestivalMethod = VxeDatePanelPropTypes.FestivalMethod
64
70
  export type DisabledMethod = VxeDatePanelPropTypes.DisabledMethod
@@ -179,6 +185,10 @@ export interface VxeDatePickerProps {
179
185
  labelFormat?: VxeDatePickerPropTypes.LabelFormat
180
186
  valueFormat?: VxeDatePickerPropTypes.ValueFormat
181
187
  timeFormat?: VxeDatePickerPropTypes.TimeFormat
188
+ /**
189
+ * 自定义解析方法
190
+ */
191
+ parseMethod?: VxeDatePickerPropTypes.ParseMethod
182
192
  editable?: VxeDatePickerPropTypes.Editable
183
193
  festivalMethod?: VxeDatePickerPropTypes.FestivalMethod
184
194
  disabledMethod?: VxeDatePickerPropTypes.DisabledMethod