@kdcloudjs/kdesign 1.2.0 → 1.2.1

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 (56) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/kdesign-complete.less +476 -464
  3. package/dist/kdesign.css +135 -209
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +234 -215
  6. package/dist/kdesign.js.map +1 -1
  7. package/dist/kdesign.min.css +3 -3
  8. package/dist/kdesign.min.js +8 -8
  9. package/dist/kdesign.min.js.map +1 -1
  10. package/es/_utils/usePopper.js +33 -11
  11. package/es/collapse/panel.d.ts +1 -0
  12. package/es/collapse/panel.js +17 -5
  13. package/es/collapse/style/index.css +32 -6
  14. package/es/collapse/style/index.less +24 -1
  15. package/es/collapse/style/token.less +12 -10
  16. package/es/drawer/drawer.d.ts +1 -0
  17. package/es/drawer/drawer.js +56 -21
  18. package/es/radio/radio.js +3 -1
  19. package/es/radio/style/index.css +46 -18
  20. package/es/radio/style/index.less +27 -1
  21. package/es/radio/style/token.less +4 -4
  22. package/es/select/option.js +1 -1
  23. package/es/select/style/index.css +14 -5
  24. package/es/select/style/index.less +374 -368
  25. package/es/select/style/token.less +2 -2
  26. package/es/steps/style/index.css +40 -32
  27. package/es/steps/style/index.less +23 -33
  28. package/es/steps/style/token.less +6 -9
  29. package/es/tag/style/index.css +2 -147
  30. package/es/tag/style/index.less +4 -24
  31. package/es/tag/style/mixin.less +0 -13
  32. package/es/tag/style/token.less +1 -1
  33. package/lib/_utils/usePopper.js +34 -11
  34. package/lib/collapse/panel.d.ts +1 -0
  35. package/lib/collapse/panel.js +17 -5
  36. package/lib/collapse/style/index.css +32 -6
  37. package/lib/collapse/style/index.less +24 -1
  38. package/lib/collapse/style/token.less +12 -10
  39. package/lib/drawer/drawer.d.ts +1 -0
  40. package/lib/drawer/drawer.js +61 -27
  41. package/lib/radio/radio.js +3 -1
  42. package/lib/radio/style/index.css +46 -18
  43. package/lib/radio/style/index.less +27 -1
  44. package/lib/radio/style/token.less +4 -4
  45. package/lib/select/option.js +1 -1
  46. package/lib/select/style/index.css +14 -5
  47. package/lib/select/style/index.less +374 -368
  48. package/lib/select/style/token.less +2 -2
  49. package/lib/steps/style/index.css +40 -32
  50. package/lib/steps/style/index.less +23 -33
  51. package/lib/steps/style/token.less +6 -9
  52. package/lib/tag/style/index.css +2 -147
  53. package/lib/tag/style/index.less +4 -24
  54. package/lib/tag/style/mixin.less +0 -13
  55. package/lib/tag/style/token.less +1 -1
  56. package/package.json +1 -1
package/lib/tag/style/index.less CHANGED
@@ -18,7 +18,7 @@
18
18
  &-size-large {
19
19
  .tag-size(@tag-large-font-size, @tag-large-height, @tag-large-padding-horizontal);
20
20
  }
21
-
21
+
22
22
  transition: all @tag-g-motion-duration;
23
23
  // 状态标签
24
24
  &-shape-status {
@@ -42,16 +42,6 @@
42
42
  // 文本标签
43
43
  &-shape-text {
44
44
  .tag-text-color(@tag-process-color);
45
- .tag-text-padding(@tag-small-padding-horizontal)
46
- }
47
- &-shape-text.@{tag-prefix-cls}-size-small {
48
- .tag-text-padding(@tag-small-padding-horizontal)
49
- }
50
- &-shape-text.@{tag-prefix-cls}-size-middle {
51
- .tag-text-padding(@tag-middle-padding-horizontal)
52
- }
53
- &-shape-text.@{tag-prefix-cls}-size-large {
54
- .tag-text-padding(@tag-large-padding-horizontal)
55
45
  }
56
46
  each(@types, {
57
47
  &-shape-text.@{tag-prefix-cls}-@{value} {
@@ -76,13 +66,13 @@
76
66
  &:not(.@{tag-prefix-cls}-closable-disabled):hover {
77
67
  border-color: @tag-edit-g-color-border-hover;
78
68
  .@{tag-prefix-cls}-closeWrapper {
79
- background-color: @tag-edit-cloesWrapper-g-color-background-hover;
69
+ // background-color: @tag-edit-cloesWrapper-g-color-background-hover;
80
70
  color: @tag-edit-cloesWrapper-g-text-color-hover;
81
71
  }
82
72
  }
83
73
 
84
74
  &.@{tag-prefix-cls}-closable {
85
- padding-right: 0;
75
+ padding-right: 8px;
86
76
  }
87
77
  }
88
78
 
@@ -109,28 +99,18 @@
109
99
  }
110
100
  &-closable.@{tag-prefix-cls}-size-middle {
111
101
  line-height: @tag-middle-height;
112
-
113
- .@{tag-prefix-cls}-closeWrapper {
114
- width: calc(@tag-middle-height - 2px);
115
- height: calc(@tag-middle-height - 2px);
116
- }
117
102
  }
118
103
  &-closable.@{tag-prefix-cls}-size-large {
119
104
  line-height: @tag-large-height;
120
105
  padding-left: @tag-large-padding-horizontal;
121
106
 
122
107
  .@{tag-prefix-cls}-closeWrapper {
123
- width: calc(@tag-large-height - 2px);
124
- height: calc(@tag-large-height - 2px);
125
-
126
108
  .@{tag-prefix-cls}-close-icon {
127
109
  font-size: 14px;
128
110
  }
129
111
  }
130
112
  }
131
113
  &-closeWrapper {
132
- width: calc(@tag-middle-height - 2px);
133
- height: calc(@tag-middle-height - 2px);
134
114
  margin-left: 4px;
135
115
  display: inline-flex;
136
116
  justify-content: center;
@@ -141,4 +121,4 @@
141
121
  cursor: pointer;
142
122
  font-size: 12px;
143
123
  }
144
- }
124
+ }
package/lib/tag/style/mixin.less CHANGED
@@ -29,17 +29,4 @@
29
29
  align-items: center;
30
30
  padding: 0;
31
31
  border-radius: 0;
32
- &::before{
33
- content: '';
34
- display: block;
35
- background-color: @color;
36
- border-radius: 50%;
37
- }
38
- }
39
- .tag-text-padding(@padding) {
40
- &::before{
41
- width: @padding;
42
- height: @padding;
43
- margin-right: @padding;
44
- }
45
32
  }
package/lib/tag/style/token.less CHANGED
@@ -15,7 +15,7 @@
15
15
  @tag-edit-g-text-color: var(~'@{tag-custom-prefix}-edit-color-text', @color-text-primary);
16
16
  @tag-edit-g-color-border-hover: var(~'@{tag-custom-prefix}-edit-color-border-hover', @color-theme);
17
17
  @tag-edit-cloesWrapper-g-color-background-hover: var(~'@{tag-custom-prefix}-edit-cloesWrapper-color-background-hover', @color-theme);
18
- @tag-edit-cloesWrapper-g-text-color-hover: var(~'@{tag-custom-prefix}-edit-cloesWrapper-color-text-hover', @color-white);
18
+ @tag-edit-cloesWrapper-g-text-color-hover: var(~'@{tag-custom-prefix}-edit-cloesWrapper-color-text-hover', @color-theme);
19
19
  @tag-edit-g-color-background-disabled: var(~'@{tag-custom-prefix}-edit-color-background-disabled', @color-background-contain-disabled);
20
20
  @tag-edit-g-color-border-disabled: var(~'@{tag-custom-prefix}-edit-color-background-disabled', @color-border-strong);
21
21
  @tag-edit-g-text-color-disabled: var(~'@{tag-custom-prefix}-edit-color-text-disabled', @color-border-strong);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kdcloudjs/kdesign",
3
- "version": "1.2.0",
3
+ "version": "1.2.1",
4
4
  "description": "KDesign 金蝶前端react 组件库",
5
5
  "title": "kdesign",
6
6
  "keywords": [