@king-design/vue 2.0.16 → 3.0.0-beta.0

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/components/button/styles.js +2 -2
  2. package/components/card/styles.js +10 -2
  3. package/components/checkbox/styles.js +21 -10
  4. package/components/collapse/styles.js +6 -1
  5. package/components/datepicker/styles.d.ts +1 -1
  6. package/components/datepicker/styles.js +4 -1
  7. package/components/dialog/base.vdt.js +5 -6
  8. package/components/dialog/styles.js +16 -14
  9. package/components/drawer/styles.js +20 -5
  10. package/components/dropdown/styles.js +1 -1
  11. package/components/form/styles.js +1 -1
  12. package/components/icon/index.d.ts +1 -0
  13. package/components/icon/index.js +2 -1
  14. package/components/icon/index.vdt.js +4 -2
  15. package/components/icon/styles.js +10 -2
  16. package/components/input/styles.js +1 -11
  17. package/components/message/message.js +1 -1
  18. package/components/message/message.vdt.js +7 -6
  19. package/components/message/styles.js +8 -8
  20. package/components/pagination/index.vdt.js +8 -8
  21. package/components/pagination/styles.js +11 -2
  22. package/components/radio/styles.js +16 -6
  23. package/components/select/base.vdt.js +5 -6
  24. package/components/select/styles.js +4 -24
  25. package/components/spinner/index.vdt.js +6 -4
  26. package/components/spinner/styles.js +33 -5
  27. package/components/steps/index.d.ts +2 -2
  28. package/components/steps/index.js +2 -2
  29. package/components/steps/index.vdt.js +1 -0
  30. package/components/steps/step.vdt.js +17 -8
  31. package/components/steps/styles.d.ts +1 -1
  32. package/components/steps/styles.js +80 -75
  33. package/components/switch/styles.js +20 -34
  34. package/components/table/styles.js +9 -4
  35. package/components/tabs/index.d.ts +1 -1
  36. package/components/tabs/index.js +1 -1
  37. package/components/tabs/index.vdt.js +1 -1
  38. package/components/tabs/styles.js +68 -22
  39. package/components/tag/base.js +1 -1
  40. package/components/tag/styles.js +15 -10
  41. package/components/tip/index.vdt.js +1 -3
  42. package/components/tip/styles.js +4 -3
  43. package/components/tooltip/content.vdt.js +4 -4
  44. package/components/tooltip/styles.js +12 -7
  45. package/components/transfer/index.vdt.js +3 -1
  46. package/components/transfer/styles.js +1 -1
  47. package/components/transfer/useCheck.d.ts +1 -0
  48. package/components/transfer/useCheck.js +8 -1
  49. package/components/upload/index.vdt.js +21 -20
  50. package/components/upload/styles.js +22 -30
  51. package/i18n/en-US.d.ts +2 -1
  52. package/i18n/en-US.js +2 -1
  53. package/index.d.ts +2 -2
  54. package/index.js +2 -2
  55. package/package.json +1 -1
  56. package/styles/fonts/iconfont.eot +0 -0
  57. package/styles/fonts/iconfont.js +1 -1
  58. package/styles/fonts/iconfont.svg +189 -369
  59. package/styles/fonts/iconfont.ttf +0 -0
  60. package/styles/fonts/iconfont.woff +0 -0
  61. package/styles/theme.d.ts +10 -2
  62. package/styles/theme.js +23 -21
package/styles/fonts/iconfont.ttf CHANGED
Binary file
package/styles/fonts/iconfont.woff CHANGED
Binary file
package/styles/theme.d.ts CHANGED
@@ -30,20 +30,24 @@ export declare function defaultTheme(): {
30
30
  border: string;
31
31
  text: string;
32
32
  ghost: string;
33
+ info: string;
33
34
  bg: string;
34
35
  title: string;
35
36
  darkBorder: string;
36
37
  placeholder: string;
37
38
  readonly link: string;
38
39
  readonly linkHover: string;
39
- readonly hoverBg: string;
40
+ hoverBg: string;
40
41
  disabled: string;
41
42
  disabledBg: string;
42
43
  disabledBorder: string;
43
44
  lightBlack: string;
44
45
  };
45
46
  borderRadius: string;
47
+ largeBorderRadius: string;
46
48
  boxShadow: string;
49
+ middleBoxShadow: string;
50
+ largeBoxShadow: string;
47
51
  fontSize: string;
48
52
  lineHeight: number;
49
53
  maxZIndex: number;
@@ -83,20 +87,24 @@ declare let theme: {
83
87
  border: string;
84
88
  text: string;
85
89
  ghost: string;
90
+ info: string;
86
91
  bg: string;
87
92
  title: string;
88
93
  darkBorder: string;
89
94
  placeholder: string;
90
95
  readonly link: string;
91
96
  readonly linkHover: string;
92
- readonly hoverBg: string;
97
+ hoverBg: string;
93
98
  disabled: string;
94
99
  disabledBg: string;
95
100
  disabledBorder: string;
96
101
  lightBlack: string;
97
102
  };
98
103
  borderRadius: string;
104
+ largeBorderRadius: string;
99
105
  boxShadow: string;
106
+ middleBoxShadow: string;
107
+ largeBoxShadow: string;
100
108
  fontSize: string;
101
109
  lineHeight: number;
102
110
  maxZIndex: number;
package/styles/theme.js CHANGED
@@ -4,12 +4,12 @@ export function defaultTheme() {
4
4
  large: {
5
5
  height: '40px',
6
6
  fontSize: '14px',
7
- padding: '24px'
7
+ padding: '16px'
8
8
  },
9
9
  default: {
10
10
  height: '32px',
11
11
  fontSize: '12px',
12
- padding: '16px'
12
+ padding: '12px'
13
13
  },
14
14
  small: {
15
15
  height: '24px',
@@ -17,22 +17,23 @@ export function defaultTheme() {
17
17
  padding: '8px'
18
18
  },
19
19
  mini: {
20
- height: '16px',
20
+ height: '21px',
21
21
  fontSize: '12px',
22
22
  padding: '8px'
23
23
  },
24
24
  color: {
25
25
  primary: '#0091ea',
26
- warning: '#ff9800',
27
- danger: '#ff4133',
26
+ warning: '#ff9a05',
27
+ danger: '#ff4433',
28
28
  success: '#36b342',
29
- border: '#ccc',
30
- text: '#4c4c4c',
29
+ border: '#d0d5d9',
30
+ text: '#3c4449',
31
31
  ghost: '#737373',
32
- bg: '#f1f1f5',
33
- title: '#333',
34
- darkBorder: '#b2b2b2',
35
- placeholder: '#b2b2b2',
32
+ info: '#0091ea',
33
+ bg: '#f3f5f6',
34
+ title: '#151b1e',
35
+ darkBorder: '#d0d5d9',
36
+ placeholder: '#bec3c5',
36
37
 
37
38
  get link() {
38
39
  return theme.color.primary;
@@ -42,17 +43,18 @@ export function defaultTheme() {
42
43
  return palette(theme.color.primary, -1);
43
44
  },
44
45
 
45
- get hoverBg() {
46
- return palette(theme.color.primary, -4);
47
- },
48
-
49
- disabled: '#ccc',
50
- disabledBg: '#f2f2f2',
51
- disabledBorder: '#ccc',
52
- lightBlack: '#737373'
46
+ hoverBg: '#f3f5f6',
47
+ // get hoverBg() { return palette(theme.color.primary, -4) },
48
+ disabled: '#bec3c5',
49
+ disabledBg: '#f0f2f4',
50
+ disabledBorder: '#d0d5d9',
51
+ lightBlack: '#848f9a'
53
52
  },
54
- borderRadius: '2px',
55
- boxShadow: '0 0 16px 0 rgba(0, 0, 0, .1)',
53
+ borderRadius: '4px',
54
+ largeBorderRadius: '6px',
55
+ boxShadow: '0px 0px 8px rgba(0, 0, 0, 0.08)',
56
+ middleBoxShadow: '0px 2px 16px 2px rgba(0, 0, 0, 0.08)',
57
+ largeBoxShadow: '0px 4px 32px 4px rgba(0, 0, 0, 0.08)',
56
58
  fontSize: '12px',
57
59
  lineHeight: 1.5,
58
60
  maxZIndex: 9999,