@kdcloudjs/kdesign 1.6.19 → 1.6.21

package/dist/kdesign-complete.less

@@ -6009,13 +6009,7 @@ textarea {
   }
 
   &.hidden {
-    opacity: 0;
-    visibility: hidden;
-    display: none;
-    animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
-    transition: opacity, visibility;
-    transition-duration: calc(@menu-motion-duration - 0.1s);
-    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+    .menu-hidden()
   }
 
   .@{submenu-prefix-cls} {
@@ -6045,12 +6039,7 @@ textarea {
       }
 
       &-hide {
-        opacity: 0;
-        visibility: hidden;
-        animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
-        transition: opacity, visibility;
-        transition-duration: calc(@menu-motion-duration - 0.1s);
-        transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+        .menu-hidden()
       }
     }
   }
@@ -6148,6 +6137,15 @@ textarea {
   }
 }
 
+.menu-hidden {
+  opacity: 0;
+  visibility: hidden;
+  animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
+  animation-delay: 0.1s;
+  transition: opacity, visibility;
+  transition-duration: calc(@menu-motion-duration - 0.1s);
+  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+}
 
 .menu-dark-hover {
   background-color: @menu-sub-color-background;
@@ -10107,12 +10105,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.20
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -10044,6 +10044,20 @@ textarea {
 /* 多行显示省略号 */
 /* 单行显示省略号 */
 /** 浮层箭头样式 **/
+.menu-hidden {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
+          animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
+  -webkit-animation-delay: 0.1s;
+          animation-delay: 0.1s;
+  -webkit-transition: opacity, visibility;
+  transition: opacity, visibility;
+  -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
+          transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+}
 .menu-dark-hover {
   background-color: var(--kd-c-menu-sub-color-background, #121319);
   color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
@@ -10460,9 +10474,10 @@ textarea {
 .kd-menu-popper.hidden {
   opacity: 0;
   visibility: hidden;
-  display: none;
   -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
           animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
+  -webkit-animation-delay: 0.1s;
+          animation-delay: 0.1s;
   -webkit-transition: opacity, visibility;
   transition: opacity, visibility;
   -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
@@ -10502,6 +10517,8 @@ textarea {
   visibility: hidden;
   -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
           animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
+  -webkit-animation-delay: 0.1s;
+          animation-delay: 0.1s;
   -webkit-transition: opacity, visibility;
   transition: opacity, visibility;
   -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
@@ -15679,22 +15696,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 +15726,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 +15802,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 +15830,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;
 }