@kdcloudjs/kdesign 1.6.3 → 1.6.5-stable.1

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.6.2
+ *   @kdcloudjs/kdesign v1.6.5-stable.0
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -4504,7 +4504,7 @@ template {
   opacity: 0;
   cursor: pointer;
   visibility: hidden;
-  color: var(--kd-c-cascader-color-active, var(--kd-g-color-theme, #5582f3));
+  color: var(--kd-c-cascader-clear-color-text, #666);
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
   -webkit-transform-origin: 50% 50%;
@@ -4512,6 +4512,9 @@ template {
   -webkit-transform: scale(0.9) translateY(-50%);
           transform: scale(0.9) translateY(-50%);
 }
+.kd-cascader-picker-close:hover {
+  color: var(--kd-c-cascader-color-active, var(--kd-g-color-theme, #5582f3));
+}
 .kd-cascader-menus {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -5757,7 +5760,6 @@ template {
 /* 单行显示省略号 */
 /** 浮层箭头样式 **/
 .kd-date-picker {
-  width: var(--kd-c-date-picker-sizing-width, 230px);
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -5766,6 +5768,43 @@ template {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   background-color: var(--kd-c-date-picker-input-color-background, var(--kd-g-color-white, #fff));
+  width: var(--kd-c-date-picker-sizing-width, 230px);
+}
+.kd-date-picker-borderless {
+  border: 0;
+}
+.kd-date-picker-underline {
+  border: none;
+  border-bottom: 1px solid var(--kd-c-date-picker-input-underline-color, #999);
+  border-radius: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.kd-date-picker-disabled {
+  background-color: var(--kd-c-date-picker-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important;
+  border-color: var(--kd-c-date-picker-input-color-border, var(--kd-g-color-border-strong, #d9d9d9)) !important;
+  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2)) !important;
+  cursor: not-allowed !important;
+}
+.kd-date-picker-disabled input {
+  cursor: not-allowed !important;
+}
+.kd-date-picker-underline.kd-date-picker-disabled,
+.kd-date-picker-borderless.kd-date-picker-disabled {
+  background-color: var(--kd-c-date-picker-input-color-background, var(--kd-g-color-white, #fff));
+  border-color: var(--kd-c-date-picker-input-color-border, var(--kd-g-color-border-strong, #d9d9d9));
+}
+.kd-date-picker-focused {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  outline: none;
+  border-color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
+}
+.kd-date-picker:hover {
+  border-color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
+}
+.kd-date-picker:not(.kd-date-picker-disabled) input:focus {
+  color: var(--kd-c-date-picker-input-color-focused, var(--kd-g-color-text-primary, #212121));
 }
 .kd-date-picker-small {
   height: var(--kd-c-date-picker-small-sizing-height, 20px);
@@ -5812,42 +5851,6 @@ template {
 .kd-date-picker-middle.kd-date-picker-range .kd-date-picker-clear {
   right: calc(var(--kd-c-date-picker-middle-font-size, var(--kd-g-font-size-middle, 14px)) + 11px);
 }
-.kd-date-picker-borderless {
-  border: 0;
-}
-.kd-date-picker-underline {
-  border: none;
-  border-bottom: 1px solid var(--kd-c-date-picker-input-underline-color, #999);
-  border-radius: 0;
-  padding-left: 0;
-  padding-right: 0;
-}
-.kd-date-picker-disabled {
-  background-color: var(--kd-c-date-picker-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important;
-  border-color: var(--kd-c-date-picker-input-color-border, var(--kd-g-color-border-strong, #d9d9d9)) !important;
-  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2)) !important;
-  cursor: not-allowed !important;
-}
-.kd-date-picker-disabled input {
-  cursor: not-allowed !important;
-}
-.kd-date-picker-underline.kd-date-picker-disabled,
-.kd-date-picker-borderless.kd-date-picker-disabled {
-  background-color: var(--kd-c-date-picker-input-color-background, var(--kd-g-color-white, #fff));
-  border-color: var(--kd-c-date-picker-input-color-border, var(--kd-g-color-border-strong, #d9d9d9));
-}
-.kd-date-picker-focused {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  outline: none;
-  border-color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
-}
-.kd-date-picker:hover {
-  border-color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
-}
-.kd-date-picker:not(.kd-date-picker-disabled) input:focus {
-  color: var(--kd-c-date-picker-input-color-focused, var(--kd-g-color-text-primary, #212121));
-}
 .kd-date-picker-input {
   position: relative;
   display: -webkit-box;
@@ -5951,10 +5954,10 @@ template {
 .kd-date-picker-suffix > * {
   vertical-align: top;
 }
-.kd-date-picker:hover .kd-date-picker-clear {
+.kd-date-picker:not(.kd-date-picker-disabled):hover .kd-date-picker-clear {
   opacity: 1;
 }
-.kd-date-picker:hover .kd-date-picker-suffix {
+.kd-date-picker:not(.kd-date-picker-disabled):hover .kd-date-picker-suffix {
   color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
 }
 .kd-date-picker-clear {
@@ -5983,7 +5986,7 @@ template {
   border-radius: var(--kd-c-date-picker-panel-radius-border, var(--kd-g-radius-border, 2px));
   background-color: #fff;
   text-align: center;
-  z-index: 999;
+  z-index: var(--kd-c-date-picker-panel-z-index, var(--kd-g-z-index-popper, 1050));
   font-size: var(--kd-c-date-picker-panel-font-size, var(--kd-g-font-size-middle, 14px));
 }
 .kd-date-picker-panel-range {
@@ -9173,7 +9176,7 @@ textarea {
 .kd-input-disabled {
   background-color: var(--kd-c-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
   border-color: var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
-  color: var(--kd-c-input-affix-color-text, var(--kd-g-color-text-primary, #212121));
+  color: var(--kd-c-input-affix-color-text, #666);
   cursor: not-allowed;
 }
 .kd-input-underline.kd-input-disabled {
@@ -9266,7 +9269,7 @@ textarea {
       -ms-flex-pack: center;
           justify-content: center;
   word-break: keep-all;
-  color: var(--kd-c-input-affix-color-text, var(--kd-g-color-text-primary, #212121));
+  color: var(--kd-c-input-affix-color-text, #666);
 }
 .kd-input-wrapper .kd-input-suffix {
   margin-left: 4px;
@@ -9420,7 +9423,7 @@ textarea {
 }
 .kd-input-group-wrapper .kd-input-group .kd-input-group-addon {
   position: relative;
-  color: var(--kd-c-input-affix-color-text, var(--kd-g-color-text-primary, #212121));
+  color: var(--kd-c-input-affix-color-text, #666);
   padding: 0 9px;
   font-weight: 400;
   font-size: 14px;
@@ -11473,7 +11476,7 @@ textarea {
 .kd-pagination .kd-pagination-selector .kd-dropdown-menu-item span {
   white-space: nowrap;
 }
-.kd-pagination.simple {
+.kd-pagination.simple .kd-pagination-action {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -11486,22 +11489,22 @@ textarea {
   border-radius: var(--kd-g-radius-border, 2px);
   border: var(--kd-c-pagination-sizing-border-width, 1px) solid transparent;
 }
-.kd-pagination.simple.bordered {
+.kd-pagination.simple .kd-pagination-action.bordered {
   border-color: var(--kd-c-pagination-color-border, var(--kd-g-color-border-strong, #d9d9d9));
   -webkit-transition: border-color var(--kd-g-duration, 0.3s);
   transition: border-color var(--kd-g-duration, 0.3s);
 }
-.kd-pagination.simple.bordered:active:not(.disabled) {
+.kd-pagination.simple .kd-pagination-action.bordered:active:not(.disabled) {
   border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca));
 }
-.kd-pagination.simple.bordered.disabled,
-.kd-pagination.simple.bordered.disabled > .kd-pagination-item > button {
+.kd-pagination.simple .kd-pagination-action.bordered.disabled,
+.kd-pagination.simple .kd-pagination-action.bordered.disabled > .kd-pagination-item > button {
   background-color: var(--kd-c-pagination-button-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
 }
-.kd-pagination.simple.disabled > .kd-pagination-item {
+.kd-pagination.simple .kd-pagination-action.disabled > .kd-pagination-action-item {
   color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
 }
-.kd-pagination.simple .kd-pagination-item {
+.kd-pagination.simple .kd-pagination-action-item {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   margin: 0;
@@ -11517,26 +11520,29 @@ textarea {
   vertical-align: middle;
   color: var(--kd-g-color-text-primary, #212121);
 }
-.kd-pagination.simple .kd-pagination-item:first-child,
-.kd-pagination.simple .kd-pagination-item:last-child {
+.kd-pagination.simple .kd-pagination-action-item:first-child,
+.kd-pagination.simple .kd-pagination-action-item:last-child {
   margin: 0;
 }
-.kd-pagination.simple .kd-pagination-item .kd-pagination-current {
+.kd-pagination.simple .kd-pagination-action-item .kd-pagination-current {
   margin-right: 2px;
   vertical-align: middle;
 }
-.kd-pagination.simple .kd-pagination-item .kd-pagination-current .kd-pagination-current-input {
+.kd-pagination.simple .kd-pagination-action-item .kd-pagination-current .kd-pagination-current-input {
   margin: 0;
 }
-.kd-pagination.simple .kd-pagination-item .kd-pagination-current .kd-pagination-current-input:disabled {
+.kd-pagination.simple .kd-pagination-action-item .kd-pagination-current .kd-pagination-current-input:disabled {
   color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
   cursor: not-allowed;
 }
-.kd-pagination.simple .kd-pagination-item .kd-pagination-total {
+.kd-pagination.simple .kd-pagination-action-item .kd-pagination-total {
   vertical-align: middle;
   margin-right: 0;
 }
-.kd-pagination.simple .kd-pagination-item button {
+.kd-pagination.simple .kd-pagination-action-item.bordered > button {
+  border: none;
+}
+.kd-pagination.simple .kd-pagination-action-item button {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   position: relative;
@@ -11551,21 +11557,21 @@ textarea {
   -webkit-transition: border-color var(--kd-g-duration, 0.3s);
   transition: border-color var(--kd-g-duration, 0.3s);
 }
-.kd-pagination.simple .kd-pagination-item button:hover:not(:disabled),
-.kd-pagination.simple .kd-pagination-item button:active:not(:disabled) {
+.kd-pagination.simple .kd-pagination-action-item button:hover:not(:disabled),
+.kd-pagination.simple .kd-pagination-action-item button:active:not(:disabled) {
   border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca));
 }
-.kd-pagination.simple .kd-pagination-item button:hover i,
-.kd-pagination.simple .kd-pagination-item button:active i {
+.kd-pagination.simple .kd-pagination-action-item button:hover i,
+.kd-pagination.simple .kd-pagination-action-item button:active i {
   color: var(--kd-c-pagination-color-text-hover, var(--kd-g-color-theme, #5582f3));
 }
-.kd-pagination.simple .kd-pagination-item button:disabled {
+.kd-pagination.simple .kd-pagination-action-item button:disabled {
   cursor: not-allowed;
 }
-.kd-pagination.simple .kd-pagination-item button:disabled i {
+.kd-pagination.simple .kd-pagination-action-item button:disabled i {
   color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
 }
-.kd-pagination.simple .kd-pagination-item button i {
+.kd-pagination.simple .kd-pagination-action-item button i {
   position: absolute;
   top: 0;
   right: 0;
@@ -12974,13 +12980,13 @@ textarea {
       -ms-flex-pack: start;
           justify-content: flex-start;
 }
-.kd-rate-size-large {
+.kd-rate-size-large .kdicon {
   font-size: var(--kd-c-rate-font-size-large, 20px);
 }
-.kd-rate-size-middle {
+.kd-rate-size-middle .kdicon {
   font-size: var(--kd-c-rate-font-size-middle, 16px);
 }
-.kd-rate-size-small {
+.kd-rate-size-small .kdicon {
   font-size: var(--kd-c-rate-font-size-small, 12px);
 }
 .kd-rate-item {
@@ -15865,9 +15871,6 @@ textarea {
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
 }
 .kd-steps-item-iconContainer {
   display: -webkit-box;
@@ -15934,21 +15937,11 @@ textarea {
   line-height: 20px;
   font-size: var(--kd-c-steps-font-size, var(--kd-g-font-size-small, 12px));
   color: var(--kd-c-steps-color-wait, #999);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-word;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
 }
 .kd-steps-item-content .kd-steps-item-description {
   line-height: 20px;
   font-size: var(--kd-c-steps-font-size, var(--kd-g-font-size-small, 12px));
   color: var(--kd-c-steps-color-wait, #999);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-word;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
   width: var(--kd-c-steps-vertical-description-sizing-width, 200px);
 }
 .kd-steps-item-process {
@@ -19100,7 +19093,6 @@ h3.kd-typography,
   visibility: visible;
   -webkit-transform: translateX(0);
           transform: translateX(0);
-  background-color: var(--kd-c-upload-color-background-hover, var(--kd-g-color-hover, #f5f5f5));
 }
 .kd-upload .kd-upload-text-list-item.error i,
 .kd-upload .kd-upload-text-list-item.error .kd-upload-text-list-item-name {
@@ -19127,7 +19119,7 @@ h3.kd-typography,
   padding: 0 var(--kd-c-upload-text-list-item-padding-horizontal, 20px);
   height: var(--kd-c-upload-list-item-height, 44px);
   line-height: var(--kd-c-upload-list-item-height, 44px);
-  background-color: transparent;
+  background: transparent;
   opacity: 0;
   visibility: hidden;
   -webkit-transform: translateX(5px);