@kdcloudjs/kdesign 1.6.20 → 1.6.21

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.
@@ -6009,13 +6009,7 @@ textarea {
6009
6009
  }
6010
6010
 
6011
6011
  &.hidden {
6012
- opacity: 0;
6013
- visibility: hidden;
6014
- display: none;
6015
- animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
6016
- transition: opacity, visibility;
6017
- transition-duration: calc(@menu-motion-duration - 0.1s);
6018
- transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
6012
+ .menu-hidden()
6019
6013
  }
6020
6014
 
6021
6015
  .@{submenu-prefix-cls} {
@@ -6045,12 +6039,7 @@ textarea {
6045
6039
  }
6046
6040
 
6047
6041
  &-hide {
6048
- opacity: 0;
6049
- visibility: hidden;
6050
- animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
6051
- transition: opacity, visibility;
6052
- transition-duration: calc(@menu-motion-duration - 0.1s);
6053
- transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
6042
+ .menu-hidden()
6054
6043
  }
6055
6044
  }
6056
6045
  }
@@ -6148,6 +6137,15 @@ textarea {
6148
6137
  }
6149
6138
  }
6150
6139
 
6140
+ .menu-hidden {
6141
+ opacity: 0;
6142
+ visibility: hidden;
6143
+ animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
6144
+ animation-delay: 0.1s;
6145
+ transition: opacity, visibility;
6146
+ transition-duration: calc(@menu-motion-duration - 0.1s);
6147
+ transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
6148
+ }
6151
6149
 
6152
6150
  .menu-dark-hover {
6153
6151
  background-color: @menu-sub-color-background;
package/dist/kdesign.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  *
3
- * @kdcloudjs/kdesign v1.6.19
3
+ * @kdcloudjs/kdesign v1.6.20
4
4
  *
5
5
  * Copyright 2020-present, Kingdee, Inc.
6
6
  * All rights reserved.
@@ -10044,6 +10044,20 @@ textarea {
10044
10044
  /* 多行显示省略号 */
10045
10045
  /* 单行显示省略号 */
10046
10046
  /** 浮层箭头样式 **/
10047
+ .menu-hidden {
10048
+ opacity: 0;
10049
+ visibility: hidden;
10050
+ -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;
10051
+ 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;
10052
+ -webkit-animation-delay: 0.1s;
10053
+ animation-delay: 0.1s;
10054
+ -webkit-transition: opacity, visibility;
10055
+ transition: opacity, visibility;
10056
+ -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
10057
+ transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
10058
+ -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
10059
+ transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
10060
+ }
10047
10061
  .menu-dark-hover {
10048
10062
  background-color: var(--kd-c-menu-sub-color-background, #121319);
10049
10063
  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
@@ -10460,9 +10474,10 @@ textarea {
10460
10474
  .kd-menu-popper.hidden {
10461
10475
  opacity: 0;
10462
10476
  visibility: hidden;
10463
- display: none;
10464
10477
  -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;
10465
10478
  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;
10479
+ -webkit-animation-delay: 0.1s;
10480
+ animation-delay: 0.1s;
10466
10481
  -webkit-transition: opacity, visibility;
10467
10482
  transition: opacity, visibility;
10468
10483
  -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
@@ -10502,6 +10517,8 @@ textarea {
10502
10517
  visibility: hidden;
10503
10518
  -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;
10504
10519
  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;
10520
+ -webkit-animation-delay: 0.1s;
10521
+ animation-delay: 0.1s;
10505
10522
  -webkit-transition: opacity, visibility;
10506
10523
  transition: opacity, visibility;
10507
10524
  -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);