@kdcloudjs/kdesign 1.5.2 → 1.5.3
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.
- package/CHANGELOG.md +23 -0
- package/dist/kdesign-complete.less +5 -0
- package/dist/kdesign.css +6 -1
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +6 -6
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +2 -2
- package/dist/kdesign.min.js +2 -2
- package/dist/kdesign.min.js.map +1 -1
- package/es/input/ClearableLabeledInput.js +5 -5
- package/es/input/style/index.css +5 -0
- package/es/input/style/index.less +5 -0
- package/lib/input/ClearableLabeledInput.js +5 -5
- package/lib/input/style/index.css +5 -0
- package/lib/input/style/index.less +5 -0
- package/package.json +1 -1
|
@@ -46,13 +46,13 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
46
46
|
};
|
|
47
47
|
|
|
48
48
|
var renderSuffix = function renderSuffix() {
|
|
49
|
-
if (
|
|
50
|
-
return
|
|
49
|
+
if (suffix || !disabled && allowClear) {
|
|
50
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
51
|
+
className: "".concat(prefixCls, "-suffix")
|
|
52
|
+
}, renderClearIcon(), suffix);
|
|
51
53
|
}
|
|
52
54
|
|
|
53
|
-
return
|
|
54
|
-
className: "".concat(prefixCls, "-suffix")
|
|
55
|
-
}, !disabled && renderClearIcon(), suffix);
|
|
55
|
+
return null;
|
|
56
56
|
};
|
|
57
57
|
|
|
58
58
|
var renderInputWithFixNode = function renderInputWithFixNode(originElement) {
|
package/es/input/style/index.css
CHANGED
|
@@ -365,6 +365,10 @@ textarea {
|
|
|
365
365
|
border-color: var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
|
|
366
366
|
cursor: not-allowed;
|
|
367
367
|
}
|
|
368
|
+
.kd-input-wrapper-disabled .kd-input-suffix,
|
|
369
|
+
.kd-input-wrapper-disabled .kd-input-prefix {
|
|
370
|
+
color: var(--kd-c-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
|
|
371
|
+
}
|
|
368
372
|
.kd-input-wrapper-textarea {
|
|
369
373
|
width: 100%;
|
|
370
374
|
min-width: 0;
|
|
@@ -508,6 +512,7 @@ textarea {
|
|
|
508
512
|
.kd-input-group-wrapper .kd-input-group .kd-input-group-addon-disabled {
|
|
509
513
|
background-color: var(--kd-c-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
|
|
510
514
|
border-color: var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
|
|
515
|
+
color: var(--kd-c-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
|
|
511
516
|
cursor: not-allowed;
|
|
512
517
|
}
|
|
513
518
|
.kd-input-group-wrapper .kd-input-group-size-small .kd-input-group-addon {
|
|
@@ -131,6 +131,10 @@ textarea {
|
|
|
131
131
|
background-color: @input-background-color-disabled-inner;
|
|
132
132
|
border-color: @input-border-color-disabled-inner;
|
|
133
133
|
cursor: not-allowed;
|
|
134
|
+
|
|
135
|
+
.@{input-prefix-cls}-suffix, .@{input-prefix-cls}-prefix {
|
|
136
|
+
color: @input-color-disabled-inner;
|
|
137
|
+
}
|
|
134
138
|
}
|
|
135
139
|
}
|
|
136
140
|
&-wrapper-textarea {
|
|
@@ -225,6 +229,7 @@ textarea {
|
|
|
225
229
|
&-disabled {
|
|
226
230
|
background-color: @input-background-color-disabled-inner;
|
|
227
231
|
border-color: @input-border-color-disabled-inner;
|
|
232
|
+
color: @input-color-disabled-inner;
|
|
228
233
|
cursor: not-allowed;
|
|
229
234
|
}
|
|
230
235
|
}
|
|
@@ -63,13 +63,13 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
63
63
|
};
|
|
64
64
|
|
|
65
65
|
var renderSuffix = function renderSuffix() {
|
|
66
|
-
if (
|
|
67
|
-
return
|
|
66
|
+
if (suffix || !disabled && allowClear) {
|
|
67
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
|
68
|
+
className: "".concat(prefixCls, "-suffix")
|
|
69
|
+
}, renderClearIcon(), suffix);
|
|
68
70
|
}
|
|
69
71
|
|
|
70
|
-
return
|
|
71
|
-
className: "".concat(prefixCls, "-suffix")
|
|
72
|
-
}, !disabled && renderClearIcon(), suffix);
|
|
72
|
+
return null;
|
|
73
73
|
};
|
|
74
74
|
|
|
75
75
|
var renderInputWithFixNode = function renderInputWithFixNode(originElement) {
|
|
@@ -365,6 +365,10 @@ textarea {
|
|
|
365
365
|
border-color: var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
|
|
366
366
|
cursor: not-allowed;
|
|
367
367
|
}
|
|
368
|
+
.kd-input-wrapper-disabled .kd-input-suffix,
|
|
369
|
+
.kd-input-wrapper-disabled .kd-input-prefix {
|
|
370
|
+
color: var(--kd-c-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
|
|
371
|
+
}
|
|
368
372
|
.kd-input-wrapper-textarea {
|
|
369
373
|
width: 100%;
|
|
370
374
|
min-width: 0;
|
|
@@ -508,6 +512,7 @@ textarea {
|
|
|
508
512
|
.kd-input-group-wrapper .kd-input-group .kd-input-group-addon-disabled {
|
|
509
513
|
background-color: var(--kd-c-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
|
|
510
514
|
border-color: var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
|
|
515
|
+
color: var(--kd-c-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
|
|
511
516
|
cursor: not-allowed;
|
|
512
517
|
}
|
|
513
518
|
.kd-input-group-wrapper .kd-input-group-size-small .kd-input-group-addon {
|
|
@@ -131,6 +131,10 @@ textarea {
|
|
|
131
131
|
background-color: @input-background-color-disabled-inner;
|
|
132
132
|
border-color: @input-border-color-disabled-inner;
|
|
133
133
|
cursor: not-allowed;
|
|
134
|
+
|
|
135
|
+
.@{input-prefix-cls}-suffix, .@{input-prefix-cls}-prefix {
|
|
136
|
+
color: @input-color-disabled-inner;
|
|
137
|
+
}
|
|
134
138
|
}
|
|
135
139
|
}
|
|
136
140
|
&-wrapper-textarea {
|
|
@@ -225,6 +229,7 @@ textarea {
|
|
|
225
229
|
&-disabled {
|
|
226
230
|
background-color: @input-background-color-disabled-inner;
|
|
227
231
|
border-color: @input-border-color-disabled-inner;
|
|
232
|
+
color: @input-color-disabled-inner;
|
|
228
233
|
cursor: not-allowed;
|
|
229
234
|
}
|
|
230
235
|
}
|