@kdcloudjs/kdesign 1.2.1 → 1.3.0

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.2.0
+ *   @kdcloudjs/kdesign v1.2.3
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -2954,7 +2954,6 @@ template {
   background-color: var(--kd-c-badge-color-success, var(--kd-g-color-success, #1ba854));
 }
 .kd-badge-status-processing {
-  position: relative;
   background-color: var(--kd-c-badge-color-ongoing, var(--kd-g-color-ongoing, #276ff5));
 }
 .kd-badge-status-processing::after {
@@ -2970,13 +2969,13 @@ template {
   content: '';
 }
 .kd-badge-status-error {
-  background-color: var(--kd-c-badge-color-warning, var(--kd-g-color-warning, #ff991c));
+  background-color: var(--kd-c-badge-color-error, var(--kd-g-color-error, #fb2323));
 }
 .kd-badge-status-default {
-  background-color: var(--kd-c-badge-color-success, var(--kd-g-color-success, #1ba854));
+  background-color: var(--kd-c-badge-color-default, #d9d9d9);
 }
 .kd-badge-status-warning {
-  background-color: var(--kd-c-badge-color-error, var(--kd-g-color-error, #fb2323));
+  background-color: var(--kd-c-badge-color-warning, var(--kd-g-color-warning, #ff991c));
 }
 .kd-badge-not-a-wrapper:not(.kd-badge-status) {
   vertical-align: middle;
@@ -3491,13 +3490,13 @@ template {
   background-color: var(--kd-c-button-primary-color-background-active, var(--kd-g-color-theme-7, #375cca));
 }
 .kd-btn-primary:disabled {
-  background-color: var(--kd-c-button-primary-color-background-disabled, var(--kd-g-color-theme-3, #e3eeff)) !important;
-  border-color: var(--kd-c-button-primary-color-border-disabled, var(--kd-g-color-theme-3, #e3eeff)) !important;
+  background-color: var(--kd-c-button-primary-color-background-disabled, var(--kd-g-color-theme-4, #b5cfff)) !important;
+  border-color: var(--kd-c-button-primary-color-border-disabled, var(--kd-g-color-theme-4, #b5cfff)) !important;
 }
 .kd-btn-ghost {
   border-color: var(--kd-c-button-ghost-color-border, var(--kd-g-color-theme-6, #5582f3));
   background-color: var(--kd-c-button-ghost-color-background, transparent);
-  color: var(--kd-c-button-ghost-color-text, #5582F3);
+  color: var(--kd-c-button-ghost-color-text, var(--kd-g-color-theme, #5582f3));
 }
 .kd-btn-ghost:hover:not(.kd-btn-loading) {
   background-color: var(--kd-c-button-ghost-color-background-hover, var(--kd-g-color-theme-5, #87adff));
@@ -4045,7 +4044,7 @@ template {
       -ms-flex: 1;
           flex: 1;
 }
-.kd-carousel-slidelist {
+.kd-carousel-list {
   list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -4054,78 +4053,68 @@ template {
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
-  width: 100%;
+  position: relative;
 }
-.kd-carousel-slidelist-item {
+.kd-carousel-list-item {
+  position: relative;
   -ms-flex-negative: 0;
       flex-shrink: 0;
   height: 100%;
   width: 100%;
-  overflow: hidden;
+}
+.kd-carousel-list-slide {
+  width: 100%;
+}
+.kd-carousel-list-slide .kd-carousel-list-item {
+  opacity: 1;
   border-radius: var(--kd-c-carousel-border-radius, 0px);
 }
-.kd-carousel-fadelist {
-  list-style: none;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
+.kd-carousel-list-slide .kd-carousel-list-item-animation {
+  -webkit-transition: opacity 0.3s ease;
+  transition: opacity 0.3s ease;
+}
+.kd-carousel-list-slide .kd-carousel-list-item-none-animation {
+  -webkit-transition: none;
+  transition: none;
+}
+.kd-carousel-list-slide .kd-carousel-list-item-not-hidden {
+  opacity: 1;
+}
+.kd-carousel-list-slide .kd-carousel-list-item-hidden {
+  opacity: 0;
+}
+.kd-carousel-list-fade {
   -webkit-box-flex: 1;
       -ms-flex: 1;
           flex: 1;
-  position: relative;
 }
-.kd-carousel-fadelist-item {
+.kd-carousel-list-fade .kd-carousel-list-item {
   opacity: 1;
-  position: relative;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  height: 100%;
-  width: 100%;
 }
-.kd-carousel-fadelist-item-animation {
+.kd-carousel-list-fade .kd-carousel-list-item-animation {
   -webkit-transition: opacity 0.3s ease;
   transition: opacity 0.3s ease;
 }
-.kd-carousel-fadelist-item-none-animation {
+.kd-carousel-list-fade .kd-carousel-list-item-none-animation {
   -webkit-transition: none;
   transition: none;
 }
-.kd-carousel-fadelist-item-not-hidden {
+.kd-carousel-list-fade .kd-carousel-list-item-not-hidden {
   opacity: 1;
 }
-.kd-carousel-fadelist-item-hidden {
+.kd-carousel-list-fade .kd-carousel-list-item-hidden {
   opacity: 0;
 }
-.kd-carousel-displaylist {
-  list-style: none;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
-  position: relative;
+.kd-carousel-list-display {
+  width: 100%;
 }
-.kd-carousel-displaylist-item {
+.kd-carousel-list-display .kd-carousel-list-item {
   display: block;
-  position: relative;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  height: 100%;
-  width: 100%;
 }
-.kd-carousel-displaylist-item-not-hidden {
+.kd-carousel-list-display .kd-carousel-list-item-not-hidden {
   display: block;
 }
-.kd-carousel-displaylist-item-hidden {
+.kd-carousel-list-display .kd-carousel-list-item-hidden {
   display: none;
 }
 .kd-carousel-slidebar {
@@ -6879,7 +6868,7 @@ template {
 .kd-dropdown.arrow::before {
   position: absolute;
   z-index: -2;
-  background: transparent;
+  background: var(--kd-g-color-background, #fff);
   border-style: solid;
   border-width: var(--arrowSize);
   -webkit-transform: rotate(45deg);
@@ -6904,7 +6893,7 @@ template {
   top: var(--arrowSpill);
   -webkit-box-shadow: -2px -2px calc(10px - 1px) rgba(0, 0, 0, 0.1);
           box-shadow: -2px -2px calc(10px - 1px) rgba(0, 0, 0, 0.1);
-  border-color: var(--kd-g-color-white, #fff) transparent transparent var(--kd-g-color-white, #fff);
+  border-color: var(--kd-g-color-background, #fff) transparent transparent var(--kd-g-color-background, #fff);
 }
 .kd-dropdown.arrow.topLeft::before,
 .kd-dropdown.arrow.top::before,
@@ -6913,7 +6902,7 @@ template {
   bottom: var(--arrowSpill);
   -webkit-box-shadow: 3px 3px calc(10px + 1px) rgba(0, 0, 0, 0.15);
           box-shadow: 3px 3px calc(10px + 1px) rgba(0, 0, 0, 0.15);
-  border-color: transparent var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff) transparent;
+  border-color: transparent var(--kd-g-color-background, #fff) var(--kd-g-color-background, #fff) transparent;
 }
 .kd-dropdown.arrow.leftTop::before,
 .kd-dropdown.arrow.left::before,
@@ -6922,7 +6911,7 @@ template {
   right: var(--arrowSpill);
   -webkit-box-shadow: 3px 0 10px rgba(0, 0, 0, 0.12), 0 -2px 10px rgba(204, 149, 149, 0.12);
           box-shadow: 3px 0 10px rgba(0, 0, 0, 0.12), 0 -2px 10px rgba(204, 149, 149, 0.12);
-  border-color: var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff) transparent transparent;
+  border-color: var(--kd-g-color-background, #fff) var(--kd-g-color-background, #fff) transparent transparent;
 }
 .kd-dropdown.arrow.rightTop::before,
 .kd-dropdown.arrow.right::before,
@@ -6931,7 +6920,7 @@ template {
   left: var(--arrowSpill);
   -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), -2px 0 10px rgba(0, 0, 0, 0.1);
           box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), -2px 0 10px rgba(0, 0, 0, 0.1);
-  border-color: transparent transparent var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff);
+  border-color: transparent transparent var(--kd-g-color-background, #fff) var(--kd-g-color-background, #fff);
 }
 .kd-dropdown-menu {
   max-height: var(--kd-c-dropdown-menu-sizing-max-height, 336px);
@@ -11851,7 +11840,7 @@ textarea {
 .kd-popconfirm.arrow::before {
   position: absolute;
   z-index: -2;
-  background: transparent;
+  background: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
   border-style: solid;
   border-width: var(--arrowSize);
   -webkit-transform: rotate(45deg);
@@ -11876,7 +11865,7 @@ textarea {
   top: var(--arrowSpill);
   -webkit-box-shadow: -2px -2px calc(16px - 1px) rgba(0, 0, 0, 0.1);
           box-shadow: -2px -2px calc(16px - 1px) rgba(0, 0, 0, 0.1);
-  border-color: var(--kd-g-color-white, #fff) transparent transparent var(--kd-g-color-white, #fff);
+  border-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) transparent transparent var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
 }
 .kd-popconfirm.arrow.topLeft::before,
 .kd-popconfirm.arrow.top::before,
@@ -11885,7 +11874,7 @@ textarea {
   bottom: var(--arrowSpill);
   -webkit-box-shadow: 3px 3px calc(16px + 1px) rgba(0, 0, 0, 0.15);
           box-shadow: 3px 3px calc(16px + 1px) rgba(0, 0, 0, 0.15);
-  border-color: transparent var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff) transparent;
+  border-color: transparent var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) transparent;
 }
 .kd-popconfirm.arrow.leftTop::before,
 .kd-popconfirm.arrow.left::before,
@@ -11894,7 +11883,7 @@ textarea {
   right: var(--arrowSpill);
   -webkit-box-shadow: 3px 0 16px rgba(0, 0, 0, 0.12), 0 -2px 16px rgba(204, 149, 149, 0.12);
           box-shadow: 3px 0 16px rgba(0, 0, 0, 0.12), 0 -2px 16px rgba(204, 149, 149, 0.12);
-  border-color: var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff) transparent transparent;
+  border-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) transparent transparent;
 }
 .kd-popconfirm.arrow.rightTop::before,
 .kd-popconfirm.arrow.right::before,
@@ -11903,7 +11892,7 @@ textarea {
   left: var(--arrowSpill);
   -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1), -2px 0 16px rgba(0, 0, 0, 0.1);
           box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1), -2px 0 16px rgba(0, 0, 0, 0.1);
-  border-color: transparent transparent var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff);
+  border-color: transparent transparent var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
 }
 .kd-popconfirm-content {
   -webkit-box-sizing: border-box;
@@ -12314,13 +12303,12 @@ textarea {
   list-style: none;
   -webkit-font-feature-settings: 'tnum';
           font-feature-settings: 'tnum';
-  overflow: hidden;
-  text-overflow: ellipsis;
   position: relative;
   display: inline-block;
   padding-left: var(--kd-c-radio-square-sizing-width-height, 14px);
   margin-right: var(--kd-c-radio-spacing-margin-right, 8px);
   white-space: nowrap;
+  text-overflow: ellipsis;
   cursor: pointer;
   vertical-align: middle;
   color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
@@ -12380,8 +12368,8 @@ textarea {
   border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
 }
 .kd-radio-checked:focus-within::before {
-  -webkit-box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
-          box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
+  -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
+          box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
 }
 .kd-radio-checked::after {
   position: absolute;
@@ -12494,8 +12482,8 @@ textarea {
   border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
 }
 .kd-radio-square-checked:focus-within {
-  -webkit-box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
-          box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
+  -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
+          box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
 }
 .kd-radio-square-checked::after {
   position: absolute;
@@ -12603,8 +12591,8 @@ textarea {
   background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
 }
 .kd-radio-button-checked:focus-within {
-  -webkit-box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
-          box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
+  -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
+          box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
 }
 .kd-radio-button-checked:hover {
   color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));
@@ -13853,7 +13841,7 @@ textarea {
   transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
 }
 .kd-select-icon-arrow-focus {
-  color: #3761ca;
+  color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3));
 }
 .kd-select-icon-clear {
   opacity: 0;
@@ -13887,7 +13875,7 @@ textarea {
   border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
 }
 .kd-select-placeholder {
-  color: var(--kd-c-select-placeholder-color-text, var(--kd-g-color-text-third, #999));
+  color: var(--kd-c-select-placeholder-color-text, #b2b2b2);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -14050,12 +14038,15 @@ textarea {
   border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
 }
 .kd-select-single-disabled {
-  background-color: #f5f5f5;
-  color: #b2b2b2;
+  background-color: var(--kd-c-select-color-background-disabled, #f5f5f5);
+  color: var(--kd-c-select-color-text-disabled, #212121);
 }
 .kd-select-single-disabled:hover {
   cursor: not-allowed;
 }
+.kd-select-single-disabled .kd-select-suffix {
+  color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2);
+}
 .kd-select-single:hover .kd-select-icon-clear {
   opacity: 1;
 }
@@ -14066,7 +14057,7 @@ textarea {
   text-overflow: ellipsis;
 }
 .kd-select-single-disabled-text {
-  color: #b2b2b2;
+  color: var(--kd-c-select-color-text-disabled, #212121);
 }
 .kd-select .kd-select-selection-item {
   display: -webkit-inline-box;
@@ -14139,8 +14130,11 @@ textarea {
 }
 .kd-select-multiple-disabled {
   cursor: not-allowed;
-  background-color: #f5f5f5;
-  color: #b2b2b2;
+  background-color: var(--kd-c-select-color-background-disabled, #f5f5f5);
+  color: var(--kd-c-select-color-text-disabled, #212121);
+}
+.kd-select-multiple-disabled .kd-select-suffix {
+  color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2);
 }
 .kd-select-multiple:hover .kd-select-icon-clear {
   opacity: 1;
@@ -17645,10 +17639,10 @@ textarea {
   color: var(--kd-c-tooltip-color-text, var(--kd-g-color-text-primary, #212121));
   border-radius: var(--kd-c-tooltip-radius-border, var(--kd-g-radius-border, 2px));
   font-size: var(--kd-c-tooltip-color-text, var(--kd-g-font-size-small, 12px));
-  line-height: 18px;
+  line-height: 1.5;
   background-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
-  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
-          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
+  -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);
   opacity: 1;
   z-index: var(--kd-g-z-index-popper, 1050);
   visibility: visible;
@@ -17660,7 +17654,7 @@ textarea {
 .kd-tooltip.arrow::before {
   position: absolute;
   z-index: -2;
-  background: transparent;
+  background: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
   border-style: solid;
   border-width: var(--arrowSize);
   -webkit-transform: rotate(45deg);
@@ -17685,7 +17679,7 @@ textarea {
   top: var(--arrowSpill);
   -webkit-box-shadow: -2px -2px calc(6px - 1px) rgba(0, 0, 0, 0.1);
           box-shadow: -2px -2px calc(6px - 1px) rgba(0, 0, 0, 0.1);
-  border-color: var(--kd-g-color-white, #fff) transparent transparent var(--kd-g-color-white, #fff);
+  border-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) transparent transparent var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
 }
 .kd-tooltip.arrow.topLeft::before,
 .kd-tooltip.arrow.top::before,
@@ -17694,7 +17688,7 @@ textarea {
   bottom: var(--arrowSpill);
   -webkit-box-shadow: 3px 3px calc(6px + 1px) rgba(0, 0, 0, 0.15);
           box-shadow: 3px 3px calc(6px + 1px) rgba(0, 0, 0, 0.15);
-  border-color: transparent var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff) transparent;
+  border-color: transparent var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) transparent;
 }
 .kd-tooltip.arrow.leftTop::before,
 .kd-tooltip.arrow.left::before,
@@ -17703,7 +17697,7 @@ textarea {
   right: var(--arrowSpill);
   -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.12), 0 -2px 6px rgba(204, 149, 149, 0.12);
           box-shadow: 3px 0 6px rgba(0, 0, 0, 0.12), 0 -2px 6px rgba(204, 149, 149, 0.12);
-  border-color: var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff) transparent transparent;
+  border-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) transparent transparent;
 }
 .kd-tooltip.arrow.rightTop::before,
 .kd-tooltip.arrow.right::before,
@@ -17712,7 +17706,7 @@ textarea {
   left: var(--arrowSpill);
   -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), -2px 0 6px rgba(0, 0, 0, 0.1);
           box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), -2px 0 6px rgba(0, 0, 0, 0.1);
-  border-color: transparent transparent var(--kd-g-color-white, #fff) var(--kd-g-color-white, #fff);
+  border-color: transparent transparent var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
 }
 
 /* -----------  color  ——————---- start */