@kdcloudjs/kdesign 1.8.56 → 1.8.57

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 (19) hide show
  1. package/dist/kdesign-complete.less +11 -19
  2. package/dist/kdesign.css +9 -13
  3. package/dist/kdesign.css.map +1 -1
  4. package/dist/kdesign.js +4 -3
  5. package/dist/kdesign.js.map +1 -1
  6. package/dist/kdesign.min.css +3 -3
  7. package/dist/kdesign.min.js +2 -2
  8. package/dist/kdesign.min.js.map +1 -1
  9. package/es/color-picker/style/index.css +5 -9
  10. package/es/color-picker/style/index.less +7 -16
  11. package/es/select/select.js +3 -2
  12. package/es/select/style/index.css +3 -3
  13. package/es/select/style/index.less +4 -3
  14. package/lib/color-picker/style/index.css +5 -9
  15. package/lib/color-picker/style/index.less +7 -16
  16. package/lib/select/select.js +3 -2
  17. package/lib/select/style/index.css +3 -3
  18. package/lib/select/style/index.less +4 -3
  19. package/package.json +1 -1
package/es/color-picker/style/index.css CHANGED
@@ -425,7 +425,10 @@
425
425
  -webkit-box-pack: center;
426
426
  -ms-flex-pack: center;
427
427
  justify-content: center;
428
+ min-width: auto;
429
+ /* IE */
428
430
  min-width: unset;
431
+ /* 现代浏览器 */
429
432
  }
430
433
  .kd-color-picker-pop .kd-color-picker-panel-container-select .kd-select-bordered {
431
434
  border-radius: 2px;
@@ -562,12 +565,13 @@
562
565
  grid-column-gap: 8px;
563
566
  grid-row-gap: 8px;
564
567
  }
565
- .kd-color-picker-pop .kd-color-picker-panel-color-box-container-ie11 {
568
+ .kd-color-picker-pop .kd-color-picker-panel-color-box-container-ie11 .kd-color-picker-panel-color-box-container {
566
569
  display: -webkit-box;
567
570
  display: -ms-flexbox;
568
571
  display: flex;
569
572
  -ms-flex-wrap: wrap;
570
573
  flex-wrap: wrap;
574
+ width: 100%;
571
575
  }
572
576
  .kd-color-picker-pop .kd-color-picker-panel-color-box-container-ie11 li {
573
577
  margin-right: 8px;
@@ -719,10 +723,6 @@
719
723
  .kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-historical-color-box-container-ie11 li:nth-child(-n + 12) {
720
724
  margin-top: 0;
721
725
  }
722
- .kd-color-picker-rtl.kd-color-picker-container .kd-color-picker-icon-container .kd-color-picker-icon-no-color-line {
723
- -webkit-transform: rotate(-45deg);
724
- transform: rotate(-45deg);
725
- }
726
726
  .kd-color-picker-rtl.kd-color-picker-container-pure .kd-input-wrapper.kd-color-picker-input .kd-input-prefix {
727
727
  margin-left: 0;
728
728
  }
@@ -734,10 +734,6 @@
734
734
  margin-left: 4px;
735
735
  margin-right: 0;
736
736
  }
737
- .kd-color-picker-rtl .kd-color-picker-panel-clear-box::after {
738
- -webkit-transform: rotate(-45deg);
739
- transform: rotate(-45deg);
740
- }
741
737
  .kd-color-picker-rtl .kd-color-picker-panel-container-select .kd-select-dropdown-panel .kd-select-dropdown .kd-select-item {
742
738
  -webkit-box-pack: right;
743
739
  -ms-flex-pack: right;
package/es/color-picker/style/index.less CHANGED
@@ -347,7 +347,8 @@
347
347
  .@{kd-prefix}-select-item-option {
348
348
  display: flex;
349
349
  justify-content: center;
350
- min-width: unset;
350
+ min-width: auto; /* IE */
351
+ min-width: unset; /* 现代浏览器 */
351
352
  }
352
353
  }
353
354
  }
@@ -501,9 +502,11 @@
501
502
  grid-row-gap: 8px;
502
503
 
503
504
  &-ie11 {
504
- display: flex;
505
- flex-wrap: wrap;
506
-
505
+ .@{color-picker-prefix-cls}-panel-color-box-container {
506
+ display: flex;
507
+ flex-wrap: wrap;
508
+ width: 100%;
509
+ }
507
510
  li {
508
511
  margin-right: 8px;
509
512
  margin-top: 8px;
@@ -678,15 +681,6 @@
678
681
  }
679
682
  }
680
683
  }
681
- &.@{color-picker-prefix-cls}-container {
682
- .@{color-picker-prefix-cls}-icon-container {
683
- .@{color-picker-prefix-cls}-icon {
684
- &-no-color-line {
685
- transform: rotate(-45deg);
686
- }
687
- }
688
- }
689
- }
690
684
 
691
685
  &.@{color-picker-prefix-cls}-container-pure {
692
686
  .@{kd-prefix}-input-wrapper.@{color-picker-prefix-cls}-input {
@@ -712,9 +706,6 @@
712
706
  &-box {
713
707
  margin-left: 4px;
714
708
  margin-right: 0;
715
- &::after {
716
- transform: rotate(-45deg);
717
- }
718
709
  }
719
710
  }
720
711
  &-container {
package/es/select/select.js CHANGED
@@ -36,7 +36,8 @@ var InternalSelect = function InternalSelect(props, ref) {
36
36
  prefixCls = _useContext.prefixCls,
37
37
  userDefaultProps = _useContext.compDefaultProps,
38
38
  locale = _useContext.locale,
39
- direction = _useContext.direction;
39
+ direction = _useContext.direction,
40
+ isMobile = _useContext.isMobile;
40
41
  var selectProps = getCompProps('Select', userDefaultProps, props);
41
42
  var selectLangMsg = locale.getCompLangMsg({
42
43
  componentName: 'Select'
@@ -753,7 +754,7 @@ var InternalSelect = function InternalSelect(props, ref) {
753
754
  className: "".concat(selectPrefixCls, "-suffix")
754
755
  }, renderSuffix()));
755
756
  };
756
- var singleCls = classNames(commCls, (_classNames12 = {}, _defineProperty(_classNames12, "".concat(selectPrefixCls, "-single"), true), _defineProperty(_classNames12, "".concat(selectPrefixCls, "-single-disabled"), disabled), _defineProperty(_classNames12, "".concat(selectPrefixCls, "-single-focused"), focusd && !disabled || optionShow), _classNames12));
757
+ var singleCls = classNames(commCls, (_classNames12 = {}, _defineProperty(_classNames12, "".concat(selectPrefixCls, "-single"), true), _defineProperty(_classNames12, "".concat(selectPrefixCls, "-single-isnotMobile"), !isMobile), _defineProperty(_classNames12, "".concat(selectPrefixCls, "-single-disabled"), disabled), _defineProperty(_classNames12, "".concat(selectPrefixCls, "-single-focused"), focusd && !disabled || optionShow), _classNames12));
757
758
  var getActiveIndex = function getActiveIndex(index) {
758
759
  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
759
760
  var len = filledOptions.length;
package/es/select/style/index.css CHANGED
@@ -539,9 +539,6 @@
539
539
  .kd-select .kd-select-single-disabled .kd-select-suffix {
540
540
  color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2);
541
541
  }
542
- .kd-select .kd-select-single:hover .kd-select-icon-clear {
543
- opacity: 1;
544
- }
545
542
  .kd-select .kd-select-single .kd-select-icon-clear {
546
543
  color: var(--kd-c-select-icon-clear-color-text, #666);
547
544
  }
@@ -557,6 +554,9 @@
557
554
  .kd-select .kd-select-single-disabled-text {
558
555
  color: var(--kd-c-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
559
556
  }
557
+ .kd-select .kd-select-single-isnotMobile:hover .kd-select-icon-clear {
558
+ opacity: 1;
559
+ }
560
560
  .kd-select .kd-select-selection-item {
561
561
  display: -webkit-inline-box;
562
562
  display: -ms-inline-flexbox;
package/es/select/style/index.less CHANGED
@@ -285,9 +285,7 @@
285
285
  color: @select-arrow-icon-color-text-disabled;
286
286
  }
287
287
  }
288
- &:hover .@{select-prefix-cls}-icon-clear {
289
- opacity: 1;
290
- }
288
+
291
289
 
292
290
  .@{select-prefix-cls}-icon-clear {
293
291
  color: @select-clear-color;
@@ -303,6 +301,9 @@
303
301
  color: @select-color-text-disabled;
304
302
  }
305
303
  }
304
+ .@{select-prefix-cls}-single-isnotMobile:hover .@{select-prefix-cls}-icon-clear {
305
+ opacity: 1;
306
+ }
306
307
 
307
308
  .@{select-prefix-cls}-selection-item {
308
309
  display: inline-flex;
package/lib/color-picker/style/index.css CHANGED
@@ -425,7 +425,10 @@
425
425
  -webkit-box-pack: center;
426
426
  -ms-flex-pack: center;
427
427
  justify-content: center;
428
+ min-width: auto;
429
+ /* IE */
428
430
  min-width: unset;
431
+ /* 现代浏览器 */
429
432
  }
430
433
  .kd-color-picker-pop .kd-color-picker-panel-container-select .kd-select-bordered {
431
434
  border-radius: 2px;
@@ -562,12 +565,13 @@
562
565
  grid-column-gap: 8px;
563
566
  grid-row-gap: 8px;
564
567
  }
565
- .kd-color-picker-pop .kd-color-picker-panel-color-box-container-ie11 {
568
+ .kd-color-picker-pop .kd-color-picker-panel-color-box-container-ie11 .kd-color-picker-panel-color-box-container {
566
569
  display: -webkit-box;
567
570
  display: -ms-flexbox;
568
571
  display: flex;
569
572
  -ms-flex-wrap: wrap;
570
573
  flex-wrap: wrap;
574
+ width: 100%;
571
575
  }
572
576
  .kd-color-picker-pop .kd-color-picker-panel-color-box-container-ie11 li {
573
577
  margin-right: 8px;
@@ -719,10 +723,6 @@
719
723
  .kd-color-picker-rtl.kd-color-picker-pop .kd-color-picker-panel-historical-color-box-container-ie11 li:nth-child(-n + 12) {
720
724
  margin-top: 0;
721
725
  }
722
- .kd-color-picker-rtl.kd-color-picker-container .kd-color-picker-icon-container .kd-color-picker-icon-no-color-line {
723
- -webkit-transform: rotate(-45deg);
724
- transform: rotate(-45deg);
725
- }
726
726
  .kd-color-picker-rtl.kd-color-picker-container-pure .kd-input-wrapper.kd-color-picker-input .kd-input-prefix {
727
727
  margin-left: 0;
728
728
  }
@@ -734,10 +734,6 @@
734
734
  margin-left: 4px;
735
735
  margin-right: 0;
736
736
  }
737
- .kd-color-picker-rtl .kd-color-picker-panel-clear-box::after {
738
- -webkit-transform: rotate(-45deg);
739
- transform: rotate(-45deg);
740
- }
741
737
  .kd-color-picker-rtl .kd-color-picker-panel-container-select .kd-select-dropdown-panel .kd-select-dropdown .kd-select-item {
742
738
  -webkit-box-pack: right;
743
739
  -ms-flex-pack: right;
package/lib/color-picker/style/index.less CHANGED
@@ -347,7 +347,8 @@
347
347
  .@{kd-prefix}-select-item-option {
348
348
  display: flex;
349
349
  justify-content: center;
350
- min-width: unset;
350
+ min-width: auto; /* IE */
351
+ min-width: unset; /* 现代浏览器 */
351
352
  }
352
353
  }
353
354
  }
@@ -501,9 +502,11 @@
501
502
  grid-row-gap: 8px;
502
503
 
503
504
  &-ie11 {
504
- display: flex;
505
- flex-wrap: wrap;
506
-
505
+ .@{color-picker-prefix-cls}-panel-color-box-container {
506
+ display: flex;
507
+ flex-wrap: wrap;
508
+ width: 100%;
509
+ }
507
510
  li {
508
511
  margin-right: 8px;
509
512
  margin-top: 8px;
@@ -678,15 +681,6 @@
678
681
  }
679
682
  }
680
683
  }
681
- &.@{color-picker-prefix-cls}-container {
682
- .@{color-picker-prefix-cls}-icon-container {
683
- .@{color-picker-prefix-cls}-icon {
684
- &-no-color-line {
685
- transform: rotate(-45deg);
686
- }
687
- }
688
- }
689
- }
690
684
 
691
685
  &.@{color-picker-prefix-cls}-container-pure {
692
686
  .@{kd-prefix}-input-wrapper.@{color-picker-prefix-cls}-input {
@@ -712,9 +706,6 @@
712
706
  &-box {
713
707
  margin-left: 4px;
714
708
  margin-right: 0;
715
- &::after {
716
- transform: rotate(-45deg);
717
- }
718
709
  }
719
710
  }
720
711
  &-container {
package/lib/select/select.js CHANGED
@@ -48,7 +48,8 @@ var InternalSelect = function InternalSelect(props, ref) {
48
48
  prefixCls = _useContext.prefixCls,
49
49
  userDefaultProps = _useContext.compDefaultProps,
50
50
  locale = _useContext.locale,
51
- direction = _useContext.direction;
51
+ direction = _useContext.direction,
52
+ isMobile = _useContext.isMobile;
52
53
  var selectProps = (0, _utils.getCompProps)('Select', userDefaultProps, props);
53
54
  var selectLangMsg = locale.getCompLangMsg({
54
55
  componentName: 'Select'
@@ -765,7 +766,7 @@ var InternalSelect = function InternalSelect(props, ref) {
765
766
  className: "".concat(selectPrefixCls, "-suffix")
766
767
  }, renderSuffix()));
767
768
  };
768
- var singleCls = (0, _classnames.default)(commCls, (_classNames12 = {}, (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single"), true), (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single-disabled"), disabled), (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single-focused"), focusd && !disabled || optionShow), _classNames12));
769
+ var singleCls = (0, _classnames.default)(commCls, (_classNames12 = {}, (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single"), true), (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single-isnotMobile"), !isMobile), (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single-disabled"), disabled), (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single-focused"), focusd && !disabled || optionShow), _classNames12));
769
770
  var getActiveIndex = function getActiveIndex(index) {
770
771
  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
771
772
  var len = filledOptions.length;
package/lib/select/style/index.css CHANGED
@@ -539,9 +539,6 @@
539
539
  .kd-select .kd-select-single-disabled .kd-select-suffix {
540
540
  color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2);
541
541
  }
542
- .kd-select .kd-select-single:hover .kd-select-icon-clear {
543
- opacity: 1;
544
- }
545
542
  .kd-select .kd-select-single .kd-select-icon-clear {
546
543
  color: var(--kd-c-select-icon-clear-color-text, #666);
547
544
  }
@@ -557,6 +554,9 @@
557
554
  .kd-select .kd-select-single-disabled-text {
558
555
  color: var(--kd-c-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
559
556
  }
557
+ .kd-select .kd-select-single-isnotMobile:hover .kd-select-icon-clear {
558
+ opacity: 1;
559
+ }
560
560
  .kd-select .kd-select-selection-item {
561
561
  display: -webkit-inline-box;
562
562
  display: -ms-inline-flexbox;
package/lib/select/style/index.less CHANGED
@@ -285,9 +285,7 @@
285
285
  color: @select-arrow-icon-color-text-disabled;
286
286
  }
287
287
  }
288
- &:hover .@{select-prefix-cls}-icon-clear {
289
- opacity: 1;
290
- }
288
+
291
289
 
292
290
  .@{select-prefix-cls}-icon-clear {
293
291
  color: @select-clear-color;
@@ -303,6 +301,9 @@
303
301
  color: @select-color-text-disabled;
304
302
  }
305
303
  }
304
+ .@{select-prefix-cls}-single-isnotMobile:hover .@{select-prefix-cls}-icon-clear {
305
+ opacity: 1;
306
+ }
306
307
 
307
308
  .@{select-prefix-cls}-selection-item {
308
309
  display: inline-flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kdcloudjs/kdesign",
3
- "version": "1.8.56",
3
+ "version": "1.8.57",
4
4
  "description": "KDesign 金蝶前端react 组件库",
5
5
  "title": "kdesign",
6
6
  "keywords": [