vxe-pc-ui 3.3.44 → 3.3.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 (57) hide show
  1. package/es/color-picker/src/color-picker.js +81 -28
  2. package/es/color-picker/style.css +41 -15
  3. package/es/color-picker/style.min.css +1 -1
  4. package/es/form/render/index.js +26 -1
  5. package/es/icon/style.css +1 -1
  6. package/es/number-input/src/number-input.js +35 -5
  7. package/es/rate/src/rate.js +7 -0
  8. package/es/style.css +1 -1
  9. package/es/style.min.css +1 -1
  10. package/es/ui/index.js +3 -1
  11. package/es/ui/src/log.js +1 -1
  12. package/es/vxe-color-picker/style.css +41 -15
  13. package/es/vxe-color-picker/style.min.css +1 -1
  14. package/lib/color-picker/src/color-picker.js +62 -8
  15. package/lib/color-picker/src/color-picker.min.js +1 -1
  16. package/lib/color-picker/style/style.css +41 -15
  17. package/lib/color-picker/style/style.min.css +1 -1
  18. package/lib/form/render/index.js +28 -1
  19. package/lib/form/render/index.min.js +1 -1
  20. package/lib/icon/style/style.css +1 -1
  21. package/lib/icon/style/style.min.css +1 -1
  22. package/lib/index.umd.js +151 -19
  23. package/lib/index.umd.min.js +1 -1
  24. package/lib/number-input/src/number-input.js +47 -5
  25. package/lib/number-input/src/number-input.min.js +1 -1
  26. package/lib/rate/src/rate.js +6 -0
  27. package/lib/rate/src/rate.min.js +1 -1
  28. package/lib/style.css +1 -1
  29. package/lib/style.min.css +1 -1
  30. package/lib/ui/index.js +3 -1
  31. package/lib/ui/index.min.js +1 -1
  32. package/lib/ui/src/log.js +1 -1
  33. package/lib/ui/src/log.min.js +1 -1
  34. package/lib/vxe-color-picker/style/style.css +41 -15
  35. package/lib/vxe-color-picker/style/style.min.css +1 -1
  36. package/package.json +2 -2
  37. package/packages/color-picker/src/color-picker.ts +83 -28
  38. package/packages/form/render/index.ts +26 -1
  39. package/packages/number-input/src/number-input.ts +39 -10
  40. package/packages/rate/src/rate.ts +6 -0
  41. package/packages/ui/index.ts +2 -0
  42. package/styles/components/color-picker.scss +31 -11
  43. package/types/components/color-picker.d.ts +1 -1
  44. package/types/components/icon-picker.d.ts +1 -1
  45. package/types/components/number-input.d.ts +2 -0
  46. /package/es/icon/{iconfont.1734950846147.ttf → iconfont.1735027679703.ttf} +0 -0
  47. /package/es/icon/{iconfont.1734950846147.woff → iconfont.1735027679703.woff} +0 -0
  48. /package/es/icon/{iconfont.1734950846147.woff2 → iconfont.1735027679703.woff2} +0 -0
  49. /package/es/{iconfont.1734950846147.ttf → iconfont.1735027679703.ttf} +0 -0
  50. /package/es/{iconfont.1734950846147.woff → iconfont.1735027679703.woff} +0 -0
  51. /package/es/{iconfont.1734950846147.woff2 → iconfont.1735027679703.woff2} +0 -0
  52. /package/lib/icon/style/{iconfont.1734950846147.ttf → iconfont.1735027679703.ttf} +0 -0
  53. /package/lib/icon/style/{iconfont.1734950846147.woff → iconfont.1735027679703.woff} +0 -0
  54. /package/lib/icon/style/{iconfont.1734950846147.woff2 → iconfont.1735027679703.woff2} +0 -0
  55. /package/lib/{iconfont.1734950846147.ttf → iconfont.1735027679703.ttf} +0 -0
  56. /package/lib/{iconfont.1734950846147.woff → iconfont.1735027679703.woff} +0 -0
  57. /package/lib/{iconfont.1734950846147.woff2 → iconfont.1735027679703.woff2} +0 -0
@@ -1,14 +1,6 @@
1
1
  @use '../helpers/baseMixin.scss';
2
2
 
3
3
  .vxe-color-picker {
4
- position: relative;
5
- display: inline-block;
6
- color: var(--vxe-ui-font-color);
7
- width: 2.4em;
8
- border: 1px solid var(--vxe-ui-input-border-color);
9
- border-radius: var(--vxe-ui-base-border-radius);
10
- background-color: var(--vxe-ui-layout-background-color);
11
- padding: 0.25em;
12
4
  &.is--selected {
13
5
  .vxe-color-picker--inner-color {
14
6
  color: #fff;
@@ -18,6 +10,16 @@
18
10
  border-color: var(--vxe-ui-font-primary-color);
19
11
  }
20
12
  }
13
+ .vxe-color-picker,
14
+ .vxe-color-picker--readonly {
15
+ position: relative;
16
+ display: inline-block;
17
+ width: 2.4em;
18
+ padding: 0.25em;
19
+ border: 1px solid var(--vxe-ui-input-border-color);
20
+ border-radius: var(--vxe-ui-base-border-radius);
21
+ background-color: var(--vxe-ui-layout-background-color);
22
+ }
21
23
 
22
24
  .vxe-color-picker--inner,
23
25
  .vxe-color-picker--preview-btn,
@@ -25,13 +27,29 @@
25
27
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==);
26
28
  }
27
29
 
28
- .vxe-color-picker--inner {
30
+ .vxe-color-picker--inner,
31
+ .vxe-color-picker--readonly-color {
29
32
  width: 100%;
30
33
  height: 100%;
31
34
  background-size: 1em 1em;
32
35
  border-radius: var(--vxe-ui-base-border-radius);
36
+ }
37
+
38
+ .vxe-color-picker--readonly-color {
39
+ border: 1px solid var(--vxe-ui-input-border-color);
40
+ }
41
+
42
+ .vxe-color-picker--inner {
33
43
  cursor: pointer;
34
44
  }
45
+ .vxe-color-picker--input {
46
+ position: absolute;
47
+ z-index: -1;
48
+ width: 1px;
49
+ height: 1px;
50
+ outline: 0;
51
+ border: 0;
52
+ }
35
53
  .vxe-color-picker--inner-color {
36
54
  width: 100%;
37
55
  height: 100%;
@@ -45,6 +63,7 @@
45
63
 
46
64
  .vxe-color-picker--panel-wrapper {
47
65
  position: relative;
66
+ width: 23.4em;
48
67
  border-radius: var(--vxe-ui-base-border-radius);
49
68
  border: 1px solid var(--vxe-ui-base-popup-border-color);
50
69
  box-shadow: var(--vxe-ui-base-popup-box-shadow);
@@ -84,7 +103,6 @@
84
103
  .vxe-color-picker--color-wrapper {
85
104
  position: relative;
86
105
  height: 130px;
87
- width: 23.2em;
88
106
  overflow: hidden;
89
107
  }
90
108
  .vxe-color-picker--white-bg,
@@ -313,7 +331,8 @@
313
331
  padding: 0 0.4em 0.4em 0.4em;
314
332
  }
315
333
 
316
- .vxe-color-picker {
334
+ .vxe-color-picker,
335
+ .vxe-color-picker--readonly {
317
336
  height: var(--vxe-ui-input-height-default);
318
337
  line-height: var(--vxe-ui-input-height-default);
319
338
  &.size--medium {
@@ -331,6 +350,7 @@
331
350
  }
332
351
 
333
352
  .vxe-color-picker,
353
+ .vxe-color-picker--readonly,
334
354
  .vxe-color-picker--panel {
335
355
  font-size: var(--vxe-ui-font-size-default);
336
356
  &.size--medium {
@@ -16,7 +16,7 @@ export interface ColorPickerPrivateRef {
16
16
  export interface VxeColorPickerPrivateRef extends ColorPickerPrivateRef { }
17
17
 
18
18
  export namespace VxeColorPickerPropTypes {
19
- export type ModelValue = string
19
+ export type ModelValue = string | null
20
20
  export type Size = VxeComponentSizeType
21
21
  export type Type = 'rgb' | 'rgba' | 'hex'
22
22
  export type ClassName = string | ((params: { $colorPicker: VxeColorPickerConstructor }) => string)
@@ -16,7 +16,7 @@ export interface IconPickerPrivateRef {
16
16
  export interface VxeIconPickerPrivateRef extends IconPickerPrivateRef { }
17
17
 
18
18
  export namespace VxeIconPickerPropTypes {
19
- export type ModelValue = string
19
+ export type ModelValue = string | null
20
20
  export type Placeholder = string
21
21
  export type Size = VxeComponentSizeType
22
22
  export type ClassName = string | ((params: { $iconPicker: VxeIconPickerConstructor }) => string)
@@ -37,6 +37,7 @@ export namespace VxeNumberInputPropTypes {
37
37
  export type Exponential = boolean
38
38
  export type Controls = boolean
39
39
  export type Digits = string | number
40
+ export type AutoFill = boolean
40
41
  export type PrefixIcon = string
41
42
  export type SuffixIcon = string
42
43
 
@@ -83,6 +84,7 @@ export interface VxeNumberInputProps {
83
84
 
84
85
  // float
85
86
  digits?: VxeNumberInputPropTypes.Digits
87
+ autoFill?: VxeNumberInputPropTypes.AutoFill
86
88
 
87
89
  prefixIcon?: VxeNumberInputPropTypes.PrefixIcon
88
90
  suffixIcon?: VxeNumberInputPropTypes.SuffixIcon