@kdcloudjs/kdesign 1.8.21 → 1.8.22

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.
@@ -156,9 +156,7 @@ declare const compDefaultProps: {
156
156
  labelAlign: string;
157
157
  size: string;
158
158
  };
159
- Icon: {
160
- prefix: string;
161
- };
159
+ Icon: {};
162
160
  Input: {
163
161
  type: string;
164
162
  size: string;
@@ -166,9 +166,7 @@ var compDefaultProps = {
166
166
  labelAlign: 'left',
167
167
  size: 'middle'
168
168
  },
169
- Icon: {
170
- prefix: 'kdicon'
171
- },
169
+ Icon: {},
172
170
  Input: {
173
171
  type: 'text',
174
172
  size: 'middle',
package/lib/icon/icon.js CHANGED
@@ -29,12 +29,14 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
29
29
  var InternalIcon = function InternalIcon(props, ref) {
30
30
  var _context, _classNames;
31
31
  var _useContext = (0, _react.useContext)(_ConfigContext.default),
32
- userDefaultProps = _useContext.compDefaultProps;
32
+ getPrefixCls = _useContext.getPrefixCls,
33
+ userDefaultProps = _useContext.compDefaultProps,
34
+ prefixCls = _useContext.prefixCls;
33
35
  var iconProps = (0, _utils.getCompProps)('Icon', userDefaultProps, props);
34
36
  var type = iconProps.type,
35
37
  spin = iconProps.spin,
36
38
  style = iconProps.style,
37
- prefix = iconProps.prefix,
39
+ customPrefixcls = iconProps.prefix,
38
40
  className = iconProps.className,
39
41
  rotate = iconProps.rotate,
40
42
  onClick = iconProps.onClick,
@@ -43,8 +45,9 @@ var InternalIcon = function InternalIcon(props, ref) {
43
45
  others = __rest(iconProps, ["type", "spin", "style", "prefix", "className", "rotate", "onClick", "onMouseEnter", "onMouseLeave"]);
44
46
  var innerRef = _react.default.useRef();
45
47
  var iconRef = ref || innerRef;
46
- var iconPrefix = prefix || iconProps.iconPrefix;
47
- var iconClass = (0, _classnames.default)(iconPrefix, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(iconPrefix, "-")).call(_context, type), type), (0, _defineProperty2.default)(_classNames, "icon-spin", spin), _classNames));
48
+ var iconPrefix = getPrefixCls(prefixCls, 'icon', customPrefixcls);
49
+ var iconPrefixCls = iconPrefix.replace(/-/g, '');
50
+ var iconClass = (0, _classnames.default)(iconPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(iconPrefixCls, "-")).call(_context, type), type), (0, _defineProperty2.default)(_classNames, "icon-spin", spin), _classNames));
48
51
  var handleClick = function handleClick(e) {
49
52
  onClick && onClick(e);
50
53
  };
@@ -1,8 +1,8 @@
1
1
 
2
2
  @import '../../style/themes/index';
3
- @icon-prefix-cls: ~'@{icon-css-prefix}';
3
+ @icon-prefix-cls: ~'@{kd-prefix}icon';
4
4
 
5
- [class^="kdicon"] {
5
+ [class^="@{icon-prefix-cls}"] {
6
6
  display: inline-block;
7
7
  text-align: center;
8
8
  vertical-align: middle;
@@ -0,0 +1,231 @@
1
+ @icon-prefix-cls: ~'@{kd-prefix}icon';
2
+
3
+ @font-face {
4
+ font-family: "kdicon";
5
+ src: url("kdicon.woff?t=1668600442688") format("woff")
6
+ }
7
+ .@{icon-prefix-cls} {
8
+ font-family: "kdicon" !important;
9
+ font-style:normal;
10
+ -webkit-font-smoothing: antialiased;
11
+ -moz-osx-font-smoothing: grayscale;
12
+ }
13
+ .@{icon-prefix-cls}-add-child:before { content: "\e6c0"; }
14
+ .@{icon-prefix-cls}-add-indentation:before { content: "\e6a7"; }
15
+ .@{icon-prefix-cls}-add-line:before { content: "\e6c5"; }
16
+ .@{icon-prefix-cls}-add-solid:before { content: "\e643"; }
17
+ .@{icon-prefix-cls}-add-word:before { content: "\e6ed"; }
18
+ .@{icon-prefix-cls}-add:before { content: "\e628"; }
19
+ .@{icon-prefix-cls}-address:before { content: "\e6cc"; }
20
+ .@{icon-prefix-cls}-align-center:before { content: "\e69a"; }
21
+ .@{icon-prefix-cls}-align-left:before { content: "\e6af"; }
22
+ .@{icon-prefix-cls}-align-right:before { content: "\e67a"; }
23
+ .@{icon-prefix-cls}-all-border:before { content: "\e677"; }
24
+ .@{icon-prefix-cls}-allowance-workbench:before { content: "\e714"; }
25
+ .@{icon-prefix-cls}-analysis:before { content: "\e6ce"; }
26
+ .@{icon-prefix-cls}-arrow-down-solid:before { content: "\e656"; }
27
+ .@{icon-prefix-cls}-arrow-down:before { content: "\e627"; }
28
+ .@{icon-prefix-cls}-arrow-left-circle-solid:before { content: "\e720"; }
29
+ .@{icon-prefix-cls}-arrow-left-solid:before { content: "\e657"; }
30
+ .@{icon-prefix-cls}-arrow-left:before { content: "\e63f"; }
31
+ .@{icon-prefix-cls}-arrow-right-circle-solid:before { content: "\e71f"; }
32
+ .@{icon-prefix-cls}-arrow-right-solid:before { content: "\e655"; }
33
+ .@{icon-prefix-cls}-arrow-right:before { content: "\e62c"; }
34
+ .@{icon-prefix-cls}-arrow-up-solid:before { content: "\e654"; }
35
+ .@{icon-prefix-cls}-arrow-up:before { content: "\e62b"; }
36
+ .@{icon-prefix-cls}-arrow:before { content: "\e69c"; }
37
+ .@{icon-prefix-cls}-attachment:before { content: "\e694"; }
38
+ .@{icon-prefix-cls}-avatar-default:before { content: "\e717"; }
39
+ .@{icon-prefix-cls}-avatar-head-default:before { content: "\e718"; }
40
+ .@{icon-prefix-cls}-avatar-solid:before { content: "\e711"; }
41
+ .@{icon-prefix-cls}-back:before { content: "\e6cd"; }
42
+ .@{icon-prefix-cls}-bankcard:before { content: "\e705"; }
43
+ .@{icon-prefix-cls}-bellOutlined:before { content: "\e71a"; }
44
+ .@{icon-prefix-cls}-bold-solid:before { content: "\e668"; }
45
+ .@{icon-prefix-cls}-border:before { content: "\e6f9"; }
46
+ .@{icon-prefix-cls}-bottom-border:before { content: "\e704"; }
47
+ .@{icon-prefix-cls}-business-type:before { content: "\e716"; }
48
+ .@{icon-prefix-cls}-cancel:before { content: "\e68f"; }
49
+ .@{icon-prefix-cls}-cell:before { content: "\e692"; }
50
+ .@{icon-prefix-cls}-change:before { content: "\e6e2"; }
51
+ .@{icon-prefix-cls}-chart-display:before { content: "\e710"; }
52
+ .@{icon-prefix-cls}-chart:before { content: "\e6d0"; }
53
+ .@{icon-prefix-cls}-classify:before { content: "\e6d4"; }
54
+ .@{icon-prefix-cls}-close-bold:before { content: "\e647"; }
55
+ .@{icon-prefix-cls}-close-full-screen:before { content: "\e679"; }
56
+ .@{icon-prefix-cls}-close-solid:before { content: "\e644"; }
57
+ .@{icon-prefix-cls}-close:before { content: "\e62f"; }
58
+ .@{icon-prefix-cls}-cn:before { content: "\e6b5"; }
59
+ .@{icon-prefix-cls}-code:before { content: "\e6ca"; }
60
+ .@{icon-prefix-cls}-collect:before { content: "\e6ec"; }
61
+ .@{icon-prefix-cls}-comment:before { content: "\e6bc"; }
62
+ .@{icon-prefix-cls}-communication-solid:before { content: "\e65e"; }
63
+ .@{icon-prefix-cls}-contract:before { content: "\e69f"; }
64
+ .@{icon-prefix-cls}-cooperation:before { content: "\e6fb"; }
65
+ .@{icon-prefix-cls}-copy-code:before { content: "\e6e1"; }
66
+ .@{icon-prefix-cls}-copy:before { content: "\e678"; }
67
+ .@{icon-prefix-cls}-counterclockwise:before { content: "\e6e5"; }
68
+ .@{icon-prefix-cls}-customize:before { content: "\e707"; }
69
+ .@{icon-prefix-cls}-dashboard:before { content: "\e71c"; }
70
+ .@{icon-prefix-cls}-date-selection:before { content: "\e70f"; }
71
+ .@{icon-prefix-cls}-date:before { content: "\e6eb"; }
72
+ .@{icon-prefix-cls}-delete-indentation:before { content: "\e697"; }
73
+ .@{icon-prefix-cls}-delete-line:before { content: "\e68c"; }
74
+ .@{icon-prefix-cls}-delete-solid:before { content: "\e667"; }
75
+ .@{icon-prefix-cls}-delete:before { content: "\e6ee"; }
76
+ .@{icon-prefix-cls}-detail:before { content: "\e6c4"; }
77
+ .@{icon-prefix-cls}-detect:before { content: "\e68e"; }
78
+ .@{icon-prefix-cls}-division-solid:before { content: "\e65a"; }
79
+ .@{icon-prefix-cls}-double-arrow-left:before { content: "\e64a"; }
80
+ .@{icon-prefix-cls}-double-arrow-right:before { content: "\e649"; }
81
+ .@{icon-prefix-cls}-download:before { content: "\e70a"; }
82
+ .@{icon-prefix-cls}-edit-border:before { content: "\e6c8"; }
83
+ .@{icon-prefix-cls}-edit-view:before { content: "\e6c7"; }
84
+ .@{icon-prefix-cls}-edit:before { content: "\e6a6"; }
85
+ .@{icon-prefix-cls}-education:before { content: "\e69d"; }
86
+ .@{icon-prefix-cls}-eliminate-solid:before { content: "\e659"; }
87
+ .@{icon-prefix-cls}-en:before { content: "\e6b6"; }
88
+ .@{icon-prefix-cls}-enlarge:before { content: "\e6d5"; }
89
+ .@{icon-prefix-cls}-equal:before { content: "\e6a3"; }
90
+ .@{icon-prefix-cls}-exclamatory:before { content: "\e64e"; }
91
+ .@{icon-prefix-cls}-expand:before { content: "\e651"; }
92
+ .@{icon-prefix-cls}-experience:before { content: "\e6ff"; }
93
+ .@{icon-prefix-cls}-fail:before { content: "\e6a5"; }
94
+ .@{icon-prefix-cls}-feedback:before { content: "\e6d6"; }
95
+ .@{icon-prefix-cls}-female:before { content: "\e684"; }
96
+ .@{icon-prefix-cls}-filter-solid:before { content: "\e66a"; }
97
+ .@{icon-prefix-cls}-filter-switch:before { content: "\e6b1"; }
98
+ .@{icon-prefix-cls}-filter:before { content: "\e6a0"; }
99
+ .@{icon-prefix-cls}-finish:before { content: "\e6dc"; }
100
+ .@{icon-prefix-cls}-first:before { content: "\e630"; }
101
+ .@{icon-prefix-cls}-fixed-shrink:before { content: "\e693"; }
102
+ .@{icon-prefix-cls}-fixed-solid:before { content: "\e65f"; }
103
+ .@{icon-prefix-cls}-fixed-window:before { content: "\e6d1"; }
104
+ .@{icon-prefix-cls}-fixed:before { content: "\e6e3"; }
105
+ .@{icon-prefix-cls}-fold:before { content: "\e71d"; }
106
+ .@{icon-prefix-cls}-foldmenu:before { content: "\e70e"; }
107
+ .@{icon-prefix-cls}-font-background-solid:before { content: "\e673"; }
108
+ .@{icon-prefix-cls}-font-color-solid:before { content: "\e674"; }
109
+ .@{icon-prefix-cls}-forbid:before { content: "\e69b"; }
110
+ .@{icon-prefix-cls}-git:before { content: "\e6c1"; }
111
+ .@{icon-prefix-cls}-graffiti:before { content: "\e6fe"; }
112
+ .@{icon-prefix-cls}-greater-equal:before { content: "\e6d7"; }
113
+ .@{icon-prefix-cls}-have-attachment:before { content: "\e6a8"; }
114
+ .@{icon-prefix-cls}-hide:before { content: "\e6a9"; }
115
+ .@{icon-prefix-cls}-hyperlink:before { content: "\e6c9"; }
116
+ .@{icon-prefix-cls}-image:before { content: "\e687"; }
117
+ .@{icon-prefix-cls}-import:before { content: "\e6cb"; }
118
+ .@{icon-prefix-cls}-international:before { content: "\e719"; }
119
+ .@{icon-prefix-cls}-job-info:before { content: "\e68d"; }
120
+ .@{icon-prefix-cls}-last:before { content: "\e631"; }
121
+ .@{icon-prefix-cls}-left-border:before { content: "\e708"; }
122
+ .@{icon-prefix-cls}-left-extension:before { content: "\e6ae"; }
123
+ .@{icon-prefix-cls}-left-unfold-solid:before { content: "\e675"; }
124
+ .@{icon-prefix-cls}-left-unfold:before { content: "\e709"; }
125
+ .@{icon-prefix-cls}-like:before { content: "\e67f"; }
126
+ .@{icon-prefix-cls}-list:before { content: "\e6e6"; }
127
+ .@{icon-prefix-cls}-little-k:before { content: "\e700"; }
128
+ .@{icon-prefix-cls}-loadding-circle:before { content: "\e645"; }
129
+ .@{icon-prefix-cls}-loadding:before { content: "\e62d"; }
130
+ .@{icon-prefix-cls}-location-solid:before { content: "\e640"; }
131
+ .@{icon-prefix-cls}-location:before { content: "\e695"; }
132
+ .@{icon-prefix-cls}-lock-solid:before { content: "\e66b"; }
133
+ .@{icon-prefix-cls}-lock:before { content: "\e68b"; }
134
+ .@{icon-prefix-cls}-male:before { content: "\e683"; }
135
+ .@{icon-prefix-cls}-material:before { content: "\e6db"; }
136
+ .@{icon-prefix-cls}-medical-report:before { content: "\e703"; }
137
+ .@{icon-prefix-cls}-menu:before { content: "\e6d8"; }
138
+ .@{icon-prefix-cls}-merge-cell:before { content: "\e6f3"; }
139
+ .@{icon-prefix-cls}-more-info-solid:before { content: "\e660"; }
140
+ .@{icon-prefix-cls}-more-info:before { content: "\e6e4"; }
141
+ .@{icon-prefix-cls}-more-item:before { content: "\e6f4"; }
142
+ .@{icon-prefix-cls}-more:before { content: "\e6a1"; }
143
+ .@{icon-prefix-cls}-mosaic-solid:before { content: "\e663"; }
144
+ .@{icon-prefix-cls}-multiply:before { content: "\e65b"; }
145
+ .@{icon-prefix-cls}-my-receipt:before { content: "\e715"; }
146
+ .@{icon-prefix-cls}-no-border:before { content: "\e6f8"; }
147
+ .@{icon-prefix-cls}-not-equal:before { content: "\e6dd"; }
148
+ .@{icon-prefix-cls}-notice:before { content: "\e658"; }
149
+ .@{icon-prefix-cls}-oblique-solid:before { content: "\e66e"; }
150
+ .@{icon-prefix-cls}-operating-element:before { content: "\e6a4"; }
151
+ .@{icon-prefix-cls}-order-facet:before { content: "\e713"; }
152
+ .@{icon-prefix-cls}-order:before { content: "\e6d2"; }
153
+ .@{icon-prefix-cls}-ordered-list:before { content: "\e6fa"; }
154
+ .@{icon-prefix-cls}-person-solid:before { content: "\e669"; }
155
+ .@{icon-prefix-cls}-phone:before { content: "\e6d3"; }
156
+ .@{icon-prefix-cls}-platform:before { content: "\e6f1"; }
157
+ .@{icon-prefix-cls}-preview-view:before { content: "\e6ba"; }
158
+ .@{icon-prefix-cls}-preview:before { content: "\e6ac"; }
159
+ .@{icon-prefix-cls}-print:before { content: "\e690"; }
160
+ .@{icon-prefix-cls}-processing-solid:before { content: "\e665"; }
161
+ .@{icon-prefix-cls}-project:before { content: "\e681"; }
162
+ .@{icon-prefix-cls}-push-down:before { content: "\e702"; }
163
+ .@{icon-prefix-cls}-put-bottom:before { content: "\e6b4"; }
164
+ .@{icon-prefix-cls}-put-off:before { content: "\e685"; }
165
+ .@{icon-prefix-cls}-put-on:before { content: "\e6bd"; }
166
+ .@{icon-prefix-cls}-put-top:before { content: "\e6b3"; }
167
+ .@{icon-prefix-cls}-qrcode:before { content: "\e6df"; }
168
+ .@{icon-prefix-cls}-qualification-info:before { content: "\e6b2"; }
169
+ .@{icon-prefix-cls}-quit:before { content: "\e6fc"; }
170
+ .@{icon-prefix-cls}-quote-solid:before { content: "\e66d"; }
171
+ .@{icon-prefix-cls}-reduce:before { content: "\e696"; }
172
+ .@{icon-prefix-cls}-reduction:before { content: "\e6f2"; }
173
+ .@{icon-prefix-cls}-refresh-solid:before { content: "\e642"; }
174
+ .@{icon-prefix-cls}-refresh:before { content: "\e629"; }
175
+ .@{icon-prefix-cls}-report-form:before { content: "\e712"; }
176
+ .@{icon-prefix-cls}-reset:before { content: "\e6b9"; }
177
+ .@{icon-prefix-cls}-resign-report:before { content: "\e699"; }
178
+ .@{icon-prefix-cls}-return:before { content: "\e6e0"; }
179
+ .@{icon-prefix-cls}-right-bold:before { content: "\e648"; }
180
+ .@{icon-prefix-cls}-right-border:before { content: "\e67c"; }
181
+ .@{icon-prefix-cls}-right-extension:before { content: "\e6aa"; }
182
+ .@{icon-prefix-cls}-right-solid:before { content: "\e641"; }
183
+ .@{icon-prefix-cls}-right-unfold-solid:before { content: "\e672"; }
184
+ .@{icon-prefix-cls}-right-unfold:before { content: "\e6ab"; }
185
+ .@{icon-prefix-cls}-right:before { content: "\e62e"; }
186
+ .@{icon-prefix-cls}-rough-border:before { content: "\e6de"; }
187
+ .@{icon-prefix-cls}-save:before { content: "\e6c2"; }
188
+ .@{icon-prefix-cls}-scanning:before { content: "\e67d"; }
189
+ .@{icon-prefix-cls}-search-border:before { content: "\e6da"; }
190
+ .@{icon-prefix-cls}-search:before { content: "\e62a"; }
191
+ .@{icon-prefix-cls}-setting:before { content: "\e652"; }
192
+ .@{icon-prefix-cls}-share:before { content: "\e6cf"; }
193
+ .@{icon-prefix-cls}-shoppingcart:before { content: "\e6bf"; }
194
+ .@{icon-prefix-cls}-shrink:before { content: "\e6fd"; }
195
+ .@{icon-prefix-cls}-shutdown:before { content: "\e686"; }
196
+ .@{icon-prefix-cls}-sigma:before { content: "\e71b"; }
197
+ .@{icon-prefix-cls}-spin:before { content: "\e6f7"; }
198
+ .@{icon-prefix-cls}-split:before { content: "\e6c3"; }
199
+ .@{icon-prefix-cls}-star:before { content: "\e653"; }
200
+ .@{icon-prefix-cls}-stop:before { content: "\e691"; }
201
+ .@{icon-prefix-cls}-strike-solid:before { content: "\e664"; }
202
+ .@{icon-prefix-cls}-sun-solid:before { content: "\e670"; }
203
+ .@{icon-prefix-cls}-switch-down:before { content: "\e698"; }
204
+ .@{icon-prefix-cls}-switch-up:before { content: "\e680"; }
205
+ .@{icon-prefix-cls}-switch:before { content: "\e6e7"; }
206
+ .@{icon-prefix-cls}-table-setting:before { content: "\e6c6"; }
207
+ .@{icon-prefix-cls}-task-process:before { content: "\e6ea"; }
208
+ .@{icon-prefix-cls}-timezone-solid:before { content: "\e662"; }
209
+ .@{icon-prefix-cls}-tips-solid:before { content: "\e66c"; }
210
+ .@{icon-prefix-cls}-tips:before { content: "\e650"; }
211
+ .@{icon-prefix-cls}-title-solid:before { content: "\e65c"; }
212
+ .@{icon-prefix-cls}-top-border:before { content: "\e6ef"; }
213
+ .@{icon-prefix-cls}-two-window:before { content: "\e6f6"; }
214
+ .@{icon-prefix-cls}-underline-solid:before { content: "\e671"; }
215
+ .@{icon-prefix-cls}-unfold-all:before { content: "\e6ad"; }
216
+ .@{icon-prefix-cls}-unfold:before { content: "\e71e"; }
217
+ .@{icon-prefix-cls}-unfoldmenu:before { content: "\e70d"; }
218
+ .@{icon-prefix-cls}-unlock-solid:before { content: "\e666"; }
219
+ .@{icon-prefix-cls}-unlock:before { content: "\e69e"; }
220
+ .@{icon-prefix-cls}-upload-cloud:before { content: "\e632"; }
221
+ .@{icon-prefix-cls}-upload:before { content: "\e70b"; }
222
+ .@{icon-prefix-cls}-user-info:before { content: "\e682"; }
223
+ .@{icon-prefix-cls}-vertical-center:before { content: "\e6f5"; }
224
+ .@{icon-prefix-cls}-voice:before { content: "\e6d9"; }
225
+ .@{icon-prefix-cls}-waiting:before { content: "\e64b"; }
226
+ .@{icon-prefix-cls}-warning-solid:before { content: "\e64c"; }
227
+ .@{icon-prefix-cls}-warning:before { content: "\e64d"; }
228
+ .@{icon-prefix-cls}-workbench:before { content: "\e64f"; }
229
+ .@{icon-prefix-cls}-wrap:before { content: "\e6b0"; }
230
+ .@{icon-prefix-cls}-yunzhijia:before { content: "\e706"; }
231
+ .@{icon-prefix-cls}-zoom:before { content: "\e70c"; }