@kdcloudjs/kdesign 1.6.6 → 1.6.8

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.6.5
+ *   @kdcloudjs/kdesign v1.6.7
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -4101,6 +4101,7 @@ template {
 }
 .kd-carousel-list {
   list-style: none;
+  padding: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -4174,6 +4175,8 @@ template {
 }
 .kd-carousel-slidebar {
   position: absolute;
+  list-style: none;
+  padding: 0;
 }
 .kd-carousel-slidebar-left {
   display: -webkit-box;
@@ -4427,15 +4430,15 @@ template {
   cursor: pointer;
 }
 .kd-cascader-picker:focus > .kd-cascader-picker-input {
-  border-color: var(--kd-c-cascader-color-active, var(--kd-g-color-theme, #5582f3));
+  border-color: var(--kd-c-cascader-color-active, #999);
 }
 .kd-cascader-picker:focus > .kd-cascader-picker-input .kd-input-suffix,
 .kd-cascader-picker:focus > .kd-cascader-picker-input i[class*="kdicon"] {
-  color: var(--kd-c-cascader-color-active, var(--kd-g-color-theme, #5582f3));
+  color: var(--kd-c-cascader-color-active, #999);
 }
 .kd-cascader-picker:hover > .kd-cascader-picker-input .kd-input-suffix,
 .kd-cascader-picker:hover > .kd-cascader-picker-input i[class*="kdicon"] {
-  color: var(--kd-c-cascader-color-active, var(--kd-g-color-theme, #5582f3));
+  color: var(--kd-c-cascader-color-active, #999);
 }
 .kd-cascader-picker.disabled .kd-cascader-picker-input {
   cursor: not-allowed;
@@ -4471,10 +4474,10 @@ template {
   cursor: pointer;
 }
 .kd-cascader-picker-input.expand {
-  border-color: var(--kd-c-cascader-color-active, var(--kd-g-color-theme, #5582f3));
+  border-color: var(--kd-c-cascader-color-active, #999);
 }
 .kd-cascader-picker-input.expand i[class*="kdicon"] {
-  color: var(--kd-c-cascader-color-active, var(--kd-g-color-theme, #5582f3));
+  color: var(--kd-c-cascader-color-active, #999);
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
@@ -4504,7 +4507,7 @@ template {
   opacity: 0;
   cursor: pointer;
   visibility: hidden;
-  color: var(--kd-c-cascader-clear-color-text, #666);
+  color: var(--kd-c-cascader-clear-color-text, #d9d9d9);
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
   -webkit-transform-origin: 50% 50%;
@@ -4513,7 +4516,7 @@ template {
           transform: scale(0.9) translateY(-50%);
 }
 .kd-cascader-picker-close:hover {
-  color: var(--kd-c-cascader-color-active, var(--kd-g-color-theme, #5582f3));
+  color: var(--kd-c-cascader-color-active, #999);
 }
 .kd-cascader-menus {
   -webkit-box-sizing: border-box;
@@ -5812,45 +5815,36 @@ template {
   font-size: var(--kd-c-date-picker-small-font-size, var(--kd-g-font-size-small, 12px));
   padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) var(--kd-c-date-picker-small-spacing-padding-horizontal, 9px);
 }
+.kd-date-picker-small.kd-date-picker-underline {
+  padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) 0;
+}
 .kd-date-picker-small input {
   font-size: var(--kd-c-date-picker-small-font-size, var(--kd-g-font-size-small, 12px));
 }
-.kd-date-picker-small .kd-date-picker-clear {
-  right: calc(var(--kd-c-date-picker-small-font-size, var(--kd-g-font-size-small, 12px)) + 1px);
-}
-.kd-date-picker-small.kd-date-picker-range .kd-date-picker-clear {
-  right: calc(var(--kd-c-date-picker-small-font-size, var(--kd-g-font-size-small, 12px)) + 12px);
-}
 .kd-date-picker-large {
   height: var(--kd-c-date-picker-large-sizing-height, 36px);
   line-height: calc(var(--kd-c-date-picker-large-sizing-height, 36px) - (var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) * 2) - 2);
   font-size: var(--kd-c-date-picker-large-font-size, var(--kd-g-font-size-large, 16px));
   padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) var(--kd-c-date-picker-small-spacing-padding-horizontal, 9px);
 }
+.kd-date-picker-large.kd-date-picker-underline {
+  padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) 0;
+}
 .kd-date-picker-large input {
   font-size: var(--kd-c-date-picker-large-font-size, var(--kd-g-font-size-large, 16px));
 }
-.kd-date-picker-large .kd-date-picker-clear {
-  right: calc(var(--kd-c-date-picker-large-font-size, var(--kd-g-font-size-large, 16px)) + 1px);
-}
-.kd-date-picker-large.kd-date-picker-range .kd-date-picker-clear {
-  right: calc(var(--kd-c-date-picker-large-font-size, var(--kd-g-font-size-large, 16px)) + 9px);
-}
 .kd-date-picker-middle {
   height: var(--kd-c-date-picker-middle-sizing-height, 30px);
   line-height: calc(var(--kd-c-date-picker-middle-sizing-height, 30px) - (var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) * 2) - 2);
   font-size: var(--kd-c-date-picker-middle-font-size, var(--kd-g-font-size-middle, 14px));
   padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) var(--kd-c-date-picker-small-spacing-padding-horizontal, 9px);
 }
+.kd-date-picker-middle.kd-date-picker-underline {
+  padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) 0;
+}
 .kd-date-picker-middle input {
   font-size: var(--kd-c-date-picker-middle-font-size, var(--kd-g-font-size-middle, 14px));
 }
-.kd-date-picker-middle .kd-date-picker-clear {
-  right: calc(var(--kd-c-date-picker-middle-font-size, var(--kd-g-font-size-middle, 14px)) + 1px);
-}
-.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-input {
   position: relative;
   display: -webkit-box;
@@ -5921,6 +5915,9 @@ template {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   position: relative;
 }
 .kd-date-picker-range-separator {
@@ -5957,13 +5954,11 @@ template {
 .kd-date-picker:not(.kd-date-picker-disabled):hover .kd-date-picker-clear {
   opacity: 1;
 }
-.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 {
   position: absolute;
   top: 50%;
-  color: var(--kd-c-date-picker-icon-color, var(--kd-g-color-disabled, #b2b2b2));
+  right: 0;
+  color: var(--kd-c-date-picker-icon-color, #d9d9d9);
   line-height: 1;
   background: var(--kd-c-date-picker-clear-color-background, var(--kd-g-color-background, #fff));
   -webkit-transform: translateY(-48%);
@@ -5975,7 +5970,18 @@ template {
   vertical-align: top;
 }
 .kd-date-picker-clear:hover {
-  color: var(--kd-c-date-picker-clear-color-background-hover, var(--kd-g-color-theme-5, #87adff));
+  color: var(--kd-c-date-picker-icon-color-hover, #999);
+}
+.kd-date-picker .kd-date-picker-range-clear {
+  -ms-flex-item-align: center;
+      align-self: center;
+  margin-left: var(--kd-c-date-picker-suffix-spacing-margin-left, 10px);
+  color: var(--kd-c-date-picker-icon-color, #d9d9d9);
+  line-height: 1;
+  cursor: pointer;
+}
+.kd-date-picker .kd-date-picker-range-clear:hover {
+  color: var(--kd-c-date-picker-icon-color-hover, #999);
 }
 .kd-date-picker-focused .kd-date-picker-suffix {
   color: var(--kd-c-date-picker-clear-color-background-focused, var(--kd-g-color-theme, #5582f3));
@@ -6573,6 +6579,7 @@ template {
   line-height: var(--kd-c-date-picker-panel-header-sizing-height, 36px);
   font-size: var(--kd-c-date-picker-container-font-size, var(--kd-g-font-size-small, 12px));
   border-bottom: 0.5px solid var(--kd-c-date-picker-container-color-border, var(--kd-g-color-border-weak, #e5e5e5));
+  cursor: pointer;
 }
 
 /* -----------  color  ——————---- start */
@@ -9314,10 +9321,6 @@ textarea {
 .kd-input-wrapper-focused {
   border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
 }
-.kd-input-wrapper-focused .kd-input-clear-icon,
-.kd-input-wrapper-focused .kd-input-textarea-clear-icon {
-  color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
-}
 .kd-input-wrapper-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));
@@ -9369,22 +9372,23 @@ textarea {
 }
 .kd-input-wrapper-textarea .kd-input-textarea-clear-icon {
   position: absolute;
+  z-index: 2;
   right: 8px;
-  top: -2px;
+  top: 3px;
 }
 .kd-input-clear-icon,
 .kd-input-textarea-clear-icon {
   cursor: pointer;
-  color: var(--kd-c-input-color-border, #999);
+  color: var(--kd-c-input-clear-color, #d9d9d9);
 }
 .kd-input-clear-icon:hover,
 .kd-input-textarea-clear-icon:hover {
-  color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
+  color: var(--kd-c-input-clear-color-hover, #999);
 }
 .kd-input-clear-icon i,
 .kd-input-textarea-clear-icon i {
   vertical-align: middle;
-  font-size: 12px !important;
+  font-size: 16px;
 }
 .kd-input-clear-icon-hidden {
   visibility: hidden;
@@ -13283,6 +13287,7 @@ textarea {
 }
 .kd-search-border {
   border: var(--kd-c-search-sizing-border-width, 1px) solid var(--kd-c-search-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
+  border-radius: var(--kd-c-search-radius-border, var(--kd-g-radius-border, 2px));
 }
 .kd-search-prefix,
 .kd-search-suffix {
@@ -13316,6 +13321,7 @@ textarea {
 }
 .kd-quick-search-border {
   border: var(--kd-c-search-sizing-border-width, 1px) solid var(--kd-c-search-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
+  border-radius: var(--kd-c-search-radius-border, var(--kd-g-radius-border, 2px));
 }
 .kd-quick-search:hover:not(.kd-quick-search-disabled) {
   border-color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3));
@@ -13492,7 +13498,7 @@ textarea {
   font-size: var(--kd-c-search-dropdown-font-size, 12px);
   -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
           box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
-  border-radius: var(--kd-c-search-radius-border, var(--kd-g-radius-border, 2px));
+  border-radius: var(--kd-c-search-dropdown-radius-border, var(--kd-g-radius-border, 2px));
   background: var(--kd-c-search-color-background, var(--kd-g-color-background, #fff));
   overflow: auto;
 }
@@ -14051,6 +14057,9 @@ textarea {
 .kd-select-visible .kd-select-icon-active {
   color: #3761ca;
 }
+.kd-select-visible .kd-select-selection-item {
+  color: var(--kd-c-select-placeholder-color-text, #b2b2b2);
+}
 .kd-select-icon-arrow {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -14081,36 +14090,20 @@ textarea {
 }
 .kd-select-icon-clear {
   opacity: 0;
+  z-index: 1;
+  position: absolute;
+  background: #fff;
   -webkit-transition: opacity 0.15s ease;
   transition: opacity 0.15s ease;
 }
 .kd-select-icon-clear:hover {
   color: var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
 }
-.kd-select-selection-search {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 11px;
-}
-.kd-select-selection-search-input {
-  opacity: 0;
-  margin: 0;
-  padding: 0;
-  background: 0 0;
-  border: none;
-  outline: none;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-}
-.kd-select-selection-search-input:hover {
-  cursor: pointer;
-}
 .kd-select-focused {
   border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
 }
 .kd-select-placeholder {
+  position: absolute;
   color: var(--kd-c-select-placeholder-color-text, #b2b2b2);
   overflow: hidden;
   white-space: nowrap;
@@ -14134,7 +14127,7 @@ textarea {
   border: 1px solid var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-select-bordered .kd-select-suffix {
-  right: 10px;
+  padding-right: 8px;
 }
 .kd-select-wrapper {
   -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -14155,6 +14148,7 @@ textarea {
           box-sizing: border-box;
   overflow-y: auto;
   overflow-x: hidden;
+  position: relative;
 }
 .kd-select-dropdown {
   display: block;
@@ -14236,19 +14230,16 @@ textarea {
 .kd-select-size-small {
   min-height: var(--kd-c-select-sizing-height-small, 24px);
   max-height: calc(var(--kd-c-select-sizing-height-small, 24px) * 3 - 10px);
-  line-height: var(--kd-c-select-line-height-small, 14px);
   font-size: var(--kd-c-select-font-size-small, 12px);
 }
 .kd-select-size-middle {
   min-height: var(--kd-c-select-sizing-height-middle, 30px);
   max-height: calc(var(--kd-c-select-sizing-height-middle, 30px) * 3 - 10px);
-  line-height: var(--kd-c-select-line-height-middle, 22px);
   font-size: var(--kd-c-select-font-size-middle, 14px);
 }
 .kd-select-size-large {
   min-height: var(--kd-c-select-sizing-height-large, 36px);
   max-height: calc(var(--kd-c-select-sizing-height-large, 36px) * 3 - 10px);
-  line-height: var(--kd-c-select-line-height-large, 28px);
   font-size: var(--kd-c-select-font-size-large, 16px);
 }
 .kd-select-suffix {
@@ -14270,6 +14261,20 @@ textarea {
           justify-content: center;
   margin-left: 8px;
 }
+.kd-select-single .kd-select-selection-search {
+  position: absolute;
+  right: 28px;
+  left: 0;
+  height: 100%;
+}
+.kd-select-single .kd-select-selection-search-input {
+  outline: 0;
+  border-radius: 0;
+  border: none;
+  background: transparent;
+  height: 100%;
+  width: 100%;
+}
 .kd-select-single-focused {
   border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
 }
@@ -14286,6 +14291,12 @@ textarea {
 .kd-select-single:hover .kd-select-icon-clear {
   opacity: 1;
 }
+.kd-select-single .kd-select-icon-clear {
+  color: var(--kd-c-select-icon-clear-color-text, #d9d9d9);
+}
+.kd-select-single .kd-select-icon-clear:hover {
+  color: var(--kd-c-select-icon-clear-color-text-hover, #999);
+}
 .kd-select-single-text {
   color: var(--kd-c-select-single-color-text, var(--kd-g-color-text-primary, #212121));
   overflow: hidden;
@@ -14364,6 +14375,25 @@ textarea {
   width: 100%;
   min-width: 20px;
 }
+.kd-select-multiple .kd-select-selection-search {
+  position: relative;
+  max-width: 100%;
+}
+.kd-select-multiple .kd-select-selection-search-input {
+  outline: 0;
+  border-radius: 0;
+  border: none;
+  background: transparent;
+  width: 100%;
+}
+.kd-select-multiple .kd-select-selection-search-mirror {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 999;
+  white-space: pre;
+  visibility: hidden;
+}
 .kd-select-multiple-disabled {
   cursor: not-allowed;
   background-color: var(--kd-c-select-color-background-disabled, #f5f5f5);
@@ -14375,6 +14405,12 @@ textarea {
 .kd-select-multiple:hover .kd-select-icon-clear {
   opacity: 1;
 }
+.kd-select-multiple .kd-select-icon-clear {
+  color: var(--kd-c-select-icon-clear-color-text, #d9d9d9);
+}
+.kd-select-multiple .kd-select-icon-clear:hover {
+  color: var(--kd-c-select-icon-clear-color-text-hover, #999);
+}
 .kd-select-multiple-selector {
   position: relative;
   cursor: text;
@@ -15305,8 +15341,6 @@ textarea {
 .kd-split-panel {
   position: absolute;
   overflow: hidden;
-  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
-  transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
 }
 .kd-split-panel.left-panel,
 .kd-split-panel.right-panel {
@@ -15345,8 +15379,6 @@ textarea {
   -webkit-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
   z-index: 10;
-  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
-  transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
 }
 .kd-split-trigger-con.is-active .kd-split-trigger-arrow {
   border-color: var(--kd-c-split-panel-arrow-color-background, #999);
@@ -15383,8 +15415,6 @@ textarea {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
-  transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   border: var(--kd-c-split-panel-arrow-sizing-border, 1px) solid transparent;
@@ -15878,9 +15908,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;
@@ -15947,21 +15974,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 {