@kdcloudjs/kdesign 1.8.60 → 1.8.62

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 (23) hide show
  1. package/dist/kdesign-complete.less +4 -0
  2. package/dist/kdesign.css +5 -1
  3. package/dist/kdesign.css.map +1 -1
  4. package/dist/kdesign.js +9 -6
  5. package/dist/kdesign.js.map +1 -1
  6. package/dist/kdesign.min.css +3 -3
  7. package/dist/kdesign.min.js +9 -9
  8. package/dist/kdesign.min.js.map +1 -1
  9. package/es/base-data/base-data.js +3 -2
  10. package/es/dropdown/style/index.css +1 -0
  11. package/es/dropdown/style/index.less +1 -0
  12. package/es/pagination/pagination.js +3 -1
  13. package/es/pagination/style/index.css +3 -0
  14. package/es/pagination/style/index.less +3 -0
  15. package/es/tabs/tabs.js +2 -2
  16. package/lib/base-data/base-data.js +3 -2
  17. package/lib/dropdown/style/index.css +1 -0
  18. package/lib/dropdown/style/index.less +1 -0
  19. package/lib/pagination/pagination.js +3 -1
  20. package/lib/pagination/style/index.css +3 -0
  21. package/lib/pagination/style/index.less +3 -0
  22. package/lib/tabs/tabs.js +2 -2
  23. package/package.json +1 -1
package/es/base-data/base-data.js CHANGED
@@ -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,
@@ -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 totalText = locale.getLangMsg('BaseData', 'total', {
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, {
package/es/dropdown/style/index.css CHANGED
@@ -282,6 +282,7 @@
282
282
  display: -webkit-box;
283
283
  display: -ms-flexbox;
284
284
  display: flex;
285
+ min-width: auto;
285
286
  }
286
287
  .kd-dropdown-mobile .kd-dropdown-menu {
287
288
  -webkit-box-flex: 1;
package/es/dropdown/style/index.less CHANGED
@@ -127,6 +127,7 @@
127
127
  .@{dropdown-prefix-cls}-mobile {
128
128
  max-width: 100vw;
129
129
  display: flex;
130
+ min-width: auto;
130
131
  .@{dropdown-prefix-cls}-menu {
131
132
  flex: 1;
132
133
  .@{dropdown-prefix-cls}-menu-item {
package/es/pagination/pagination.js CHANGED
@@ -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", null, locale.getLangMsg('Pagination', 'perPage', {
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", {
package/es/pagination/style/index.css CHANGED
@@ -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);
package/es/pagination/style/index.less CHANGED
@@ -607,6 +607,9 @@
607
607
  }
608
608
 
609
609
  &-options-dropdown {
610
+ &-text {
611
+ white-space: nowrap;
612
+ }
610
613
  i {
611
614
  transition: transform @duration-promptly;
612
615
  }
package/es/tabs/tabs.js CHANGED
@@ -228,7 +228,7 @@ var Tabs = function Tabs(props) {
228
228
  };
229
229
  var renderLeftArrow = function renderLeftArrow() {
230
230
  var _context5, _classNames3;
231
- if (!showScrollArrow || position === 'left' || ListWidth < boxWidth || !ListWidth || !boxWidth) return null;
231
+ if (!showScrollArrow || position === 'left' || ListWidth <= boxWidth || !ListWidth || !boxWidth) return null;
232
232
  var leftClasses = classNames("".concat(tabsPrefixCls, "-left-arrows"), (_classNames3 = {}, _defineProperty(_classNames3, _concatInstanceProperty(_context5 = "".concat(tabsPrefixCls, "-left-arrows-")).call(_context5, type), type), _defineProperty(_classNames3, "".concat(tabsPrefixCls, "-left-arrows-noshadow"), ListPostion === 0), _classNames3));
233
233
  var handleLeft = function handleLeft() {
234
234
  if (!ListPostion) return;
@@ -245,7 +245,7 @@ var Tabs = function Tabs(props) {
245
245
  };
246
246
  var renderRightArrows = function renderRightArrows(nodes) {
247
247
  var _context6, _context7, _classNames4, _context8;
248
- if (ListWidth < boxWidth || !ListWidth || !boxWidth || _includesInstanceProperty(_context6 = ['left', 'right']).call(_context6, position)) return null;
248
+ if (ListWidth <= boxWidth || !ListWidth || !boxWidth || _includesInstanceProperty(_context6 = ['left', 'right']).call(_context6, position)) return null;
249
249
  var rightClasses = classNames("".concat(tabsPrefixCls, "-right-arrows"), (_classNames4 = {}, _defineProperty(_classNames4, _concatInstanceProperty(_context7 = "".concat(tabsPrefixCls, "-right-arrows-")).call(_context7, type), type), _defineProperty(_classNames4, "".concat(tabsPrefixCls, "-right-arrows-noshadow"), ListWidth + ListPostion === boxWidth), _classNames4));
250
250
  var menu = React.createElement(Dropdown.Menu, {
251
251
  className: classNames(tabsDropdownClassName, _defineProperty({}, "".concat(tabsPrefixCls, "-right-arrows-menu"), needPanelOpration))
package/lib/base-data/base-data.js CHANGED
@@ -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,
@@ -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 totalText = locale.getLangMsg('BaseData', 'total', {
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, {
package/lib/dropdown/style/index.css CHANGED
@@ -282,6 +282,7 @@
282
282
  display: -webkit-box;
283
283
  display: -ms-flexbox;
284
284
  display: flex;
285
+ min-width: auto;
285
286
  }
286
287
  .kd-dropdown-mobile .kd-dropdown-menu {
287
288
  -webkit-box-flex: 1;
package/lib/dropdown/style/index.less CHANGED
@@ -127,6 +127,7 @@
127
127
  .@{dropdown-prefix-cls}-mobile {
128
128
  max-width: 100vw;
129
129
  display: flex;
130
+ min-width: auto;
130
131
  .@{dropdown-prefix-cls}-menu {
131
132
  flex: 1;
132
133
  .@{dropdown-prefix-cls}-menu-item {
package/lib/pagination/pagination.js CHANGED
@@ -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", null, locale.getLangMsg('Pagination', 'perPage', {
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", {
package/lib/pagination/style/index.css CHANGED
@@ -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);
package/lib/pagination/style/index.less CHANGED
@@ -607,6 +607,9 @@
607
607
  }
608
608
 
609
609
  &-options-dropdown {
610
+ &-text {
611
+ white-space: nowrap;
612
+ }
610
613
  i {
611
614
  transition: transform @duration-promptly;
612
615
  }
package/lib/tabs/tabs.js CHANGED
@@ -244,7 +244,7 @@ var Tabs = function Tabs(props) {
244
244
  };
245
245
  var renderLeftArrow = function renderLeftArrow() {
246
246
  var _context5, _classNames3;
247
- if (!showScrollArrow || position === 'left' || ListWidth < boxWidth || !ListWidth || !boxWidth) return null;
247
+ if (!showScrollArrow || position === 'left' || ListWidth <= boxWidth || !ListWidth || !boxWidth) return null;
248
248
  var leftClasses = (0, _classnames.default)("".concat(tabsPrefixCls, "-left-arrows"), (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, (0, _concat.default)(_context5 = "".concat(tabsPrefixCls, "-left-arrows-")).call(_context5, type), type), (0, _defineProperty2.default)(_classNames3, "".concat(tabsPrefixCls, "-left-arrows-noshadow"), ListPostion === 0), _classNames3));
249
249
  var handleLeft = function handleLeft() {
250
250
  if (!ListPostion) return;
@@ -261,7 +261,7 @@ var Tabs = function Tabs(props) {
261
261
  };
262
262
  var renderRightArrows = function renderRightArrows(nodes) {
263
263
  var _context6, _context7, _classNames4, _context8;
264
- if (ListWidth < boxWidth || !ListWidth || !boxWidth || (0, _includes.default)(_context6 = ['left', 'right']).call(_context6, position)) return null;
264
+ if (ListWidth <= boxWidth || !ListWidth || !boxWidth || (0, _includes.default)(_context6 = ['left', 'right']).call(_context6, position)) return null;
265
265
  var rightClasses = (0, _classnames.default)("".concat(tabsPrefixCls, "-right-arrows"), (_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context7 = "".concat(tabsPrefixCls, "-right-arrows-")).call(_context7, type), type), (0, _defineProperty2.default)(_classNames4, "".concat(tabsPrefixCls, "-right-arrows-noshadow"), ListWidth + ListPostion === boxWidth), _classNames4));
266
266
  var menu = _react.default.createElement(_dropdown.default.Menu, {
267
267
  className: (0, _classnames.default)(tabsDropdownClassName, (0, _defineProperty2.default)({}, "".concat(tabsPrefixCls, "-right-arrows-menu"), needPanelOpration))
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kdcloudjs/kdesign",
3
- "version": "1.8.60",
3
+ "version": "1.8.62",
4
4
  "description": "KDesign 金蝶前端react 组件库",
5
5
  "title": "kdesign",
6
6
  "keywords": [