@kdcloudjs/kdesign 1.8.59 → 1.8.61
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/dist/kdesign-complete.less +3 -0
- package/dist/kdesign.css +4 -1
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +9 -5
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +2 -2
- package/dist/kdesign.min.js +9 -9
- package/dist/kdesign.min.js.map +1 -1
- package/es/base-data/base-data.js +4 -3
- package/es/pagination/pagination.js +3 -1
- package/es/pagination/style/index.css +3 -0
- package/es/pagination/style/index.less +3 -0
- package/lib/base-data/base-data.js +4 -3
- package/lib/pagination/pagination.js +3 -1
- package/lib/pagination/style/index.css +3 -0
- package/lib/pagination/style/index.less +3 -0
- package/package.json +1 -1
|
@@ -59,6 +59,7 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
59
59
|
dropdownStyle = advancedSelectortProps.dropdownStyle,
|
|
60
60
|
_advancedSelectortPro7 = advancedSelectortProps.showEmptyOption,
|
|
61
61
|
showEmptyOption = _advancedSelectortPro7 === void 0 ? true : _advancedSelectortPro7,
|
|
62
|
+
totalText = advancedSelectortProps.totalText,
|
|
62
63
|
onChange = advancedSelectortProps.onChange,
|
|
63
64
|
onSearch = advancedSelectortProps.onSearch,
|
|
64
65
|
onSelect = advancedSelectortProps.onSelect,
|
|
@@ -202,7 +203,7 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
202
203
|
if (!isMultiple) return;
|
|
203
204
|
var inputDom = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input;
|
|
204
205
|
if (!inputDom) return;
|
|
205
|
-
if (inputDom.scrollWidth - inputDom.offsetWidth >
|
|
206
|
+
if (inputDom.scrollWidth - inputDom.offsetWidth > 2 && inputValue) {
|
|
206
207
|
setShowTotal(true);
|
|
207
208
|
} else {
|
|
208
209
|
setShowTotal(false);
|
|
@@ -449,7 +450,7 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
449
450
|
}, [onCollect]);
|
|
450
451
|
var isShowDetailBtn = showDetailIcon && !isMultiple && !isFocused;
|
|
451
452
|
var renderAdvancedSelector = function renderAdvancedSelector() {
|
|
452
|
-
var
|
|
453
|
+
var allText = locale.getLangMsg('BaseData', 'total', {
|
|
453
454
|
total: seletedOptions.length
|
|
454
455
|
});
|
|
455
456
|
return React.createElement("div", {
|
|
@@ -471,7 +472,7 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
471
472
|
})), showTotal && !isFocused && isMultiple && React.createElement("span", {
|
|
472
473
|
className: "".concat(advancedSelectorfixCls, "-total"),
|
|
473
474
|
onClick: showInputTotal
|
|
474
|
-
}, totalText), isShowDetailBtn && !disabled && React.createElement("span", {
|
|
475
|
+
}, totalText || allText), isShowDetailBtn && !disabled && React.createElement("span", {
|
|
475
476
|
className: "".concat(advancedSelectorfixCls, "-detail"),
|
|
476
477
|
onClick: handleShowDetail
|
|
477
478
|
}, React.createElement(Icon, {
|
|
@@ -244,7 +244,9 @@ var Pagination = function Pagination(props) {
|
|
|
244
244
|
onVisibleChange: dropdownVisibleChange
|
|
245
245
|
}), React.createElement("button", {
|
|
246
246
|
className: classNames("".concat(prefixCls, "-selector-size"), "".concat(prefixCls, "-options-dropdown"), _defineProperty({}, "".concat(prefixCls, "-options-dropdown-open"), isOpen))
|
|
247
|
-
}, React.createElement("span",
|
|
247
|
+
}, React.createElement("span", {
|
|
248
|
+
className: "".concat(prefixCls, "-options-dropdown-text")
|
|
249
|
+
}, locale.getLangMsg('Pagination', 'perPage', {
|
|
248
250
|
size: size
|
|
249
251
|
})), innerIcon.down))));
|
|
250
252
|
var simplePagination = React.createElement("div", {
|
|
@@ -806,6 +806,9 @@
|
|
|
806
806
|
-webkit-transform: rotate(180deg) translateY(50%);
|
|
807
807
|
transform: rotate(180deg) translateY(50%);
|
|
808
808
|
}
|
|
809
|
+
.kd-pagination-options-dropdown-text {
|
|
810
|
+
white-space: nowrap;
|
|
811
|
+
}
|
|
809
812
|
.kd-pagination-options-dropdown i {
|
|
810
813
|
-webkit-transition: -webkit-transform var(--kd-g-duration, 0.3s);
|
|
811
814
|
transition: -webkit-transform var(--kd-g-duration, 0.3s);
|
|
@@ -71,6 +71,7 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
71
71
|
dropdownStyle = advancedSelectortProps.dropdownStyle,
|
|
72
72
|
_advancedSelectortPro7 = advancedSelectortProps.showEmptyOption,
|
|
73
73
|
showEmptyOption = _advancedSelectortPro7 === void 0 ? true : _advancedSelectortPro7,
|
|
74
|
+
totalText = advancedSelectortProps.totalText,
|
|
74
75
|
onChange = advancedSelectortProps.onChange,
|
|
75
76
|
onSearch = advancedSelectortProps.onSearch,
|
|
76
77
|
onSelect = advancedSelectortProps.onSelect,
|
|
@@ -214,7 +215,7 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
214
215
|
if (!isMultiple) return;
|
|
215
216
|
var inputDom = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input;
|
|
216
217
|
if (!inputDom) return;
|
|
217
|
-
if (inputDom.scrollWidth - inputDom.offsetWidth >
|
|
218
|
+
if (inputDom.scrollWidth - inputDom.offsetWidth > 2 && inputValue) {
|
|
218
219
|
setShowTotal(true);
|
|
219
220
|
} else {
|
|
220
221
|
setShowTotal(false);
|
|
@@ -461,7 +462,7 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
461
462
|
}, [onCollect]);
|
|
462
463
|
var isShowDetailBtn = showDetailIcon && !isMultiple && !isFocused;
|
|
463
464
|
var renderAdvancedSelector = function renderAdvancedSelector() {
|
|
464
|
-
var
|
|
465
|
+
var allText = locale.getLangMsg('BaseData', 'total', {
|
|
465
466
|
total: seletedOptions.length
|
|
466
467
|
});
|
|
467
468
|
return _react.default.createElement("div", {
|
|
@@ -483,7 +484,7 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
483
484
|
})), showTotal && !isFocused && isMultiple && _react.default.createElement("span", {
|
|
484
485
|
className: "".concat(advancedSelectorfixCls, "-total"),
|
|
485
486
|
onClick: showInputTotal
|
|
486
|
-
}, totalText), isShowDetailBtn && !disabled && _react.default.createElement("span", {
|
|
487
|
+
}, totalText || allText), isShowDetailBtn && !disabled && _react.default.createElement("span", {
|
|
487
488
|
className: "".concat(advancedSelectorfixCls, "-detail"),
|
|
488
489
|
onClick: handleShowDetail
|
|
489
490
|
}, _react.default.createElement(_index.Icon, {
|
|
@@ -258,7 +258,9 @@ var Pagination = function Pagination(props) {
|
|
|
258
258
|
onVisibleChange: dropdownVisibleChange
|
|
259
259
|
}), React.createElement("button", {
|
|
260
260
|
className: (0, _classnames.default)("".concat(prefixCls, "-selector-size"), "".concat(prefixCls, "-options-dropdown"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-options-dropdown-open"), isOpen))
|
|
261
|
-
}, React.createElement("span",
|
|
261
|
+
}, React.createElement("span", {
|
|
262
|
+
className: "".concat(prefixCls, "-options-dropdown-text")
|
|
263
|
+
}, locale.getLangMsg('Pagination', 'perPage', {
|
|
262
264
|
size: size
|
|
263
265
|
})), innerIcon.down))));
|
|
264
266
|
var simplePagination = React.createElement("div", {
|
|
@@ -806,6 +806,9 @@
|
|
|
806
806
|
-webkit-transform: rotate(180deg) translateY(50%);
|
|
807
807
|
transform: rotate(180deg) translateY(50%);
|
|
808
808
|
}
|
|
809
|
+
.kd-pagination-options-dropdown-text {
|
|
810
|
+
white-space: nowrap;
|
|
811
|
+
}
|
|
809
812
|
.kd-pagination-options-dropdown i {
|
|
810
813
|
-webkit-transition: -webkit-transform var(--kd-g-duration, 0.3s);
|
|
811
814
|
transition: -webkit-transform var(--kd-g-duration, 0.3s);
|