@kdcloudjs/kdesign 1.6.19 → 1.6.20

package/dist/kdesign-complete.less

@@ -10107,12 +10107,12 @@ textarea {
 
 
 
-@inputNumber-prefix-cls: ~'@{kd-prefix}-inputNumber';
+@inputNumber-prefix-cls: ~'@{kd-prefix}-inputNumber-stepper';
 @inputWrapper-prefix-cls: ~'@{kd-prefix}-wrapper';
 .@{inputNumber-prefix-cls} {
   width: 100px;
-  height: @stepper-input-middle-sizing-height;
 
+  --kd-c-input-sizing-height-middle: 28px;
   --kd-c-input-wrapper-padding-left: 9px;
   --kd-c-input-padding-left: 0;
   input {

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.6.18
+ *   @kdcloudjs/kdesign v1.6.19
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -15679,22 +15679,22 @@ textarea {
     普通组件内部自身层级应设置在0-100间
 */
 /* -----------  zIndex  ——————---- end */
-.kd-inputNumber {
+.kd-inputNumber-stepper {
   width: 100px;
-  height: var(--kd-c-stepper-input-middle-sizing-height, 28px);
+  --kd-c-input-sizing-height-middle: 28px;
   --kd-c-input-wrapper-padding-left: 9px;
   --kd-c-input-padding-left: 0;
 }
-.kd-inputNumber input {
+.kd-inputNumber-stepper input {
   text-align: center;
   color: var(--kd-c-stepper-input-color, var(--kd-g-color-text-primary, #212121));
   margin: 0 4px;
   font-size: var(--kd-c-stepper-input-font-size, 12px);
 }
-.kd-inputNumber-icon {
+.kd-inputNumber-stepper-icon {
   font-size: 14px;
 }
-.kd-inputNumber-baseStep {
+.kd-inputNumber-stepper-baseStep {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -15709,65 +15709,65 @@ textarea {
   height: 100%;
   cursor: pointer;
 }
-.kd-inputNumber-baseStep-small {
+.kd-inputNumber-stepper-baseStep-small {
   width: var(--kd-c-stepper-input-small-sizing-height, 20px);
 }
-.kd-inputNumber-baseStep-middle {
+.kd-inputNumber-stepper-baseStep-middle {
   width: var(--kd-c-stepper-input-middle-sizing-height, 28px);
 }
-.kd-inputNumber-baseStep-large {
+.kd-inputNumber-stepper-baseStep-large {
   width: var(--kd-c-stepper-input-large-sizing-height, 36px);
 }
-.kd-inputNumber-baseStep .kd-inputNumber-icon {
+.kd-inputNumber-stepper-baseStep .kd-inputNumber-stepper-icon {
   color: var(--kd-c-stepper-icon-color, var(--kd-g-color-text-secondary, #666));
   -webkit-transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, 0.3s));
   transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, 0.3s));
   font-size: 16px;
 }
-.kd-inputNumber-baseStep .kd-inputNumber-icon:hover {
+.kd-inputNumber-stepper-baseStep .kd-inputNumber-stepper-icon:hover {
   color: var(--kd-c-stepper-icon-color-hover, var(--kd-g-color-theme, #5582f3));
 }
-.kd-inputNumber-baseStep:hover:not(.kd-inputNumber-baseStep-disabled) .kd-inputNumber-icon {
+.kd-inputNumber-stepper-baseStep:hover:not(.kd-inputNumber-stepper-baseStep-disabled) .kd-inputNumber-stepper-icon {
   color: var(--kd-c-stepper-icon-color-hover, var(--kd-g-color-theme, #5582f3));
 }
-.kd-inputNumber-baseStep-disabled {
+.kd-inputNumber-stepper-baseStep-disabled {
   cursor: not-allowed;
   color: var(--kd-c-stepper-icon-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
 }
-.kd-inputNumber-baseStep-disabled .kd-inputNumber-icon {
+.kd-inputNumber-stepper-baseStep-disabled .kd-inputNumber-stepper-icon {
   color: unset !important;
 }
-.kd-inputNumber-baseStep-decrease {
+.kd-inputNumber-stepper-baseStep-decrease {
   border-right: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
 }
-.kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-small,
-.kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-small {
+.kd-inputNumber-stepper-baseStep-decrease.kd-inputNumber-stepper-baseStep-small,
+.kd-inputNumber-stepper-baseStep-decrease.kd-inputNumber-stepper-embedStep-small {
   margin-left: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
 }
-.kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-middle,
-.kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-middle {
+.kd-inputNumber-stepper-baseStep-decrease.kd-inputNumber-stepper-baseStep-middle,
+.kd-inputNumber-stepper-baseStep-decrease.kd-inputNumber-stepper-embedStep-middle {
   margin-left: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
 }
-.kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-large,
-.kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-large {
+.kd-inputNumber-stepper-baseStep-decrease.kd-inputNumber-stepper-baseStep-large,
+.kd-inputNumber-stepper-baseStep-decrease.kd-inputNumber-stepper-embedStep-large {
   margin-left: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
 }
-.kd-inputNumber-baseStep-increase {
+.kd-inputNumber-stepper-baseStep-increase {
   border-left: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
 }
-.kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-small,
-.kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-small {
+.kd-inputNumber-stepper-baseStep-increase.kd-inputNumber-stepper-baseStep-small,
+.kd-inputNumber-stepper-baseStep-increase.kd-inputNumber-stepper-embedStep-small {
   margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
 }
-.kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-middle,
-.kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-middle {
+.kd-inputNumber-stepper-baseStep-increase.kd-inputNumber-stepper-baseStep-middle,
+.kd-inputNumber-stepper-baseStep-increase.kd-inputNumber-stepper-embedStep-middle {
   margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
 }
-.kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-large,
-.kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-large {
+.kd-inputNumber-stepper-baseStep-increase.kd-inputNumber-stepper-baseStep-large,
+.kd-inputNumber-stepper-baseStep-increase.kd-inputNumber-stepper-embedStep-large {
   margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
 }
-.kd-inputNumber-embedStep {
+.kd-inputNumber-stepper-embedStep {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -15785,19 +15785,19 @@ textarea {
   border-left: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
   border: none;
 }
-.kd-inputNumber-embedStep.kd-inputNumber-baseStep-small,
-.kd-inputNumber-embedStep.kd-inputNumber-embedStep-small {
+.kd-inputNumber-stepper-embedStep.kd-inputNumber-stepper-baseStep-small,
+.kd-inputNumber-stepper-embedStep.kd-inputNumber-stepper-embedStep-small {
   margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
 }
-.kd-inputNumber-embedStep.kd-inputNumber-baseStep-middle,
-.kd-inputNumber-embedStep.kd-inputNumber-embedStep-middle {
+.kd-inputNumber-stepper-embedStep.kd-inputNumber-stepper-baseStep-middle,
+.kd-inputNumber-stepper-embedStep.kd-inputNumber-stepper-embedStep-middle {
   margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
 }
-.kd-inputNumber-embedStep.kd-inputNumber-baseStep-large,
-.kd-inputNumber-embedStep.kd-inputNumber-embedStep-large {
+.kd-inputNumber-stepper-embedStep.kd-inputNumber-stepper-baseStep-large,
+.kd-inputNumber-stepper-embedStep.kd-inputNumber-stepper-embedStep-large {
   margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
 }
-.kd-inputNumber-embedStep span {
+.kd-inputNumber-stepper-embedStep span {
   height: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -15813,21 +15813,21 @@ textarea {
   cursor: pointer;
   font-size: 12px;
 }
-.kd-inputNumber-embedStep span .kd-inputNumber-icon {
+.kd-inputNumber-stepper-embedStep span .kd-inputNumber-stepper-icon {
   -webkit-transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, 0.3s));
   transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, 0.3s));
 }
-.kd-inputNumber-embedStep span:hover .kd-inputNumber-icon {
+.kd-inputNumber-stepper-embedStep span:hover .kd-inputNumber-stepper-icon {
   color: var(--kd-c-stepper-icon-color-hover, var(--kd-g-color-theme, #5582f3));
 }
-.kd-inputNumber-embedStep span:last-child {
+.kd-inputNumber-stepper-embedStep span:last-child {
   border-bottom: none;
 }
-.kd-inputNumber-embedStep-disabled {
+.kd-inputNumber-stepper-embedStep-disabled {
   cursor: not-allowed !important;
   color: var(--kd-c-stepper-icon-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
 }
-.kd-inputNumber-embedStep-disabled .kd-inputNumber-icon {
+.kd-inputNumber-stepper-embedStep-disabled .kd-inputNumber-stepper-icon {
   color: unset !important;
 }