@kdcloudjs/kdesign 1.5.8 → 1.5.9

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.5.7
+ *   @kdcloudjs/kdesign v1.5.8
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -10892,14 +10892,8 @@ textarea {
   font-size: var(--kd-c-modal-footer-font-size, 14px);
   color: var(--kd-c-modal-footer-text-color, var(--kd-g-color-text-secondary, #666));
 }
-.kd-modal-ok-btn,
-.kd-modal-cancel-btn {
-  min-width: 88px;
-  min-height: 32px;
-  font-size: var(--kd-c-modal-footer-font-size, 14px);
-}
 .kd-modal-margin-btn {
-  margin-right: 20px;
+  margin-right: var(--kd-c-modal-footer-button-spacing, 12px);
 }
 .kd-modal-showline .kd-modal-header {
   border-bottom: var(--kd-c-modal-sizing-border, 1px) solid var(--kd-c-modal-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
@@ -12229,9 +12223,19 @@ textarea {
 }
 .kd-progress-type-line {
   width: 100%;
+  color: var(--kd-c-progress-line-color-font, #212121);
+}
+.kd-progress-type-line .kd-progress-special-text {
+  margin-top: var(--kd-c-progress-line-text-spacing-margin-top, 12px);
+  line-height: 24px;
+}
+.kd-progress-type-circle {
+  color: var(--kd-c-progress-circle-color-font, #666);
 }
 .kd-progress-type-circle .kd-progress-special-text {
+  margin-top: var(--kd-c-progress-circle-text-spacing-margin-top, 8px);
   padding: 0;
+  line-height: 24px;
 }
 .kd-progress-outer {
   display: inline-block;
@@ -12243,9 +12247,9 @@ textarea {
   padding-right: 0;
   font-size: 0;
 }
-.kd-progress-show-info .kd-progress-outer {
-  margin-right: calc(-1 * var(--kd-c-progress-line-text-font-size, 16px) * 3 - 8px);
-  padding-right: calc(var(--kd-c-progress-line-text-font-size, 16px) * 3 + 8px);
+.kd-progress-show-info:not(.kd-progress-position-bottom) .kd-progress-outer {
+  margin-right: calc(-1 * var(--kd-c-progress-line-text-font-size, 16px) * 2 - 8px);
+  padding-right: calc(var(--kd-c-progress-line-text-font-size, 16px) * 2 + 8px);
 }
 .kd-progress-inner {
   position: relative;
@@ -12279,7 +12283,7 @@ textarea {
   display: inline-block;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  width: calc(var(--kd-c-progress-line-text-font-size, 16px)*3);
+  width: calc(var(--kd-c-progress-line-text-font-size, 16px)*2);
   margin-left: var(--kd-c-progress-line-text-spacing-margin-left, 8px);
   white-space: nowrap;
   text-align: left;
@@ -12290,7 +12294,10 @@ textarea {
   font-size: var(--kd-c-progress-line-special-text-font-size, 16px);
   text-align: center;
   overflow: hidden;
-  padding-right: calc(var(--kd-c-progress-line-text-font-size, 16px)*3 + 8px);
+  padding-right: calc(var(--kd-c-progress-line-text-font-size, 16px)*2 + 8px);
+}
+.kd-progress-position-bottom .kd-progress-special-text {
+  padding-right: 0;
 }
 .kd-progress-status-success .kd-progress-bg {
   background-color: var(--kd-c-progress-color-success, var(--kd-g-color-success, #1ba854));
@@ -16489,6 +16496,13 @@ textarea {
 .kd-tabs-left-arrows {
   -webkit-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.08);
           box-shadow: 2px 0 2px rgba(0, 0, 0, 0.08);
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .kd-tabs-left-arrows-line {
   background-color: #fff;
@@ -16500,6 +16514,13 @@ textarea {
 .kd-tabs-right-arrows {
   -webkit-box-shadow: -2px 0 2px rgba(0, 0, 0, 0.08);
           box-shadow: -2px 0 2px rgba(0, 0, 0, 0.08);
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .kd-tabs-right-arrows-line {
   background-color: #fff;
@@ -16525,19 +16546,7 @@ textarea {
 }
 .kd-tabs-left-operations {
   position: relative;
-  line-height: 40px;
-  margin-right: 8px;
-}
-.kd-tabs-left-operations::after {
-  position: absolute;
-  content: '';
-  width: 1px;
-  height: 28px;
-  right: 0;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-  background-color: var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
+  margin-right: 2px;
 }
 .kd-tabs-left-operations-item {
   padding: 0 12px;
@@ -16545,21 +16554,10 @@ textarea {
 }
 .kd-tabs-right-operations {
   position: relative;
-  line-height: 40px;
-}
-.kd-tabs-right-operations::before {
-  position: absolute;
-  content: '';
-  width: 1px;
-  height: 100%;
-  left: 0;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-  background-color: var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
+  padding-right: 18px;
 }
 .kd-tabs-right-operations-item {
-  padding: 0 12px;
+  padding-left: 12px;
   cursor: pointer;
 }
 .kd-tabs-more-btn {
@@ -16567,8 +16565,6 @@ textarea {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   width: 48px;
-  height: 100%;
-  line-height: 46px;
   text-align: center;
   cursor: pointer;
 }
@@ -16601,6 +16597,20 @@ textarea {
   height: var(--kd-c-tabs-sizing-height, 48px);
   border-bottom: var(--kd-c-tabs-sizing-border, 1px) solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
 }
+.kd-tabs-navs-line.kd-tabs-navs-middle {
+  height: var(--kd-c-tabs-pane-type-line-sizing-height-middle, 32px);
+}
+.kd-tabs-navs-line.kd-tabs-navs-small {
+  height: var(--kd-c-tabs-pane-type-line-sizing-height-small, 32px) !important;
+}
+.kd-tabs-navs-line .kd-tab-pane-middle {
+  line-height: var(--kd-c-tabs-pane-type-line-sizing-height-middle, 32px);
+  height: var(--kd-c-tabs-pane-type-line-sizing-height-middle, 32px);
+}
+.kd-tabs-navs-line .kd-tab-pane-small {
+  line-height: var(--kd-c-tabs-pane-type-line-sizing-height-small, 32px);
+  height: var(--kd-c-tabs-pane-type-line-sizing-height-small, 32px);
+}
 .kd-tabs-navs-line.kd-tabs-navs-bottom {
   border-top: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
   border-bottom: unset;
@@ -16680,13 +16690,13 @@ textarea {
 .kd-tabs-navs-dynamic {
   background-color: var(--kd-c-tabs-card-color-background, var(--kd-g-color-background-contain-disabled, #f5f5f5));
   border-bottom: unset;
-  height: 40px;
+  height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px);
 }
 .kd-tabs-navs-dynamic .kd-tabs-tab-wrap {
-  height: 40px;
+  height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px);
 }
 .kd-tabs-navs-dynamic .kd-tabs-more-btn {
-  line-height: 40px;
+  line-height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px);
 }
 .kd-tabs-navs-small:not(.kd-tabs-navs-left):not(.kd-tabs-navs-right) {
   height: 36px;
@@ -16702,8 +16712,7 @@ textarea {
   font-size: var(--kd-c-tabs-pane-font-size, var(--kd-g-font-size-middle, 14px));
   color: var(--kd-c-tabs-color-text, var(--kd-g-color-text-secondary, #666));
   height: var(--kd-c-tabs-pane-sizing-height, 48px);
-  line-height: var(--kd-c-tabs-pane-line-height, 48px);
-  margin-right: var(--kd-c-tabs-pane-spacing-margin-right, 24px);
+  line-height: var(--kd-c-tabs-pane-height, 48px);
   cursor: pointer;
 }
 .kd-tab-pane-text {
@@ -16725,11 +16734,13 @@ textarea {
 .kd-tab-pane-disabled:hover {
   color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
 }
+.kd-tab-pane-type-line {
+  padding: 0 var(--kd-c-tabs-pane-line-paddinng-horizontal, 20px);
+}
 .kd-tab-pane-type-card {
   margin-right: 0;
-}
-.kd-tab-pane-type-card .kd-tab-pane-text {
-  padding: 0 24px;
+  padding: 0 var(--kd-c-tabs-pane-card-paddinng-horizontal, 18px);
+  border: 1px solid transparent;
 }
 .kd-tab-pane-type-card.kd-tab-pane-box-active {
   background-color: #fff;
@@ -16740,25 +16751,14 @@ textarea {
   transition: background-color 0.2s var(--kd-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1));
 }
 .kd-tab-pane-type-card.kd-tab-pane-box-active:first-of-type {
-  border-left: unset;
-}
-.kd-tab-pane-type-card.kd-tab-pane-left,
-.kd-tab-pane-type-card.kd-tab-pane-right {
-  width: 100%;
-  padding: 0;
-  text-align: center;
-  border-top: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
-}
-.kd-tab-pane-type-card.kd-tab-pane-left:last-of-type,
-.kd-tab-pane-type-card.kd-tab-pane-right:last-of-type {
-  border-bottom: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
+  border-left-color: transparent;
 }
 .kd-tab-pane-type-card.kd-tab-pane-left {
-  border-left: 1px solid transparent;
+  border-left: 2px solid transparent;
 }
 .kd-tab-pane-type-card.kd-tab-pane-left.kd-tab-pane-box-active {
-  border-left: 2px solid var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3));
-  border-right: 1px solid transparent;
+  border-left: 2px solid;
+  border-color: var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)) transparent transparent var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3));
 }
 .kd-tab-pane-type-card.kd-tab-pane-right {
   border-right: 1px solid transparent;
@@ -16767,14 +16767,40 @@ textarea {
   border-right: 2px solid var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3));
   border-left: 1px solid transparent;
 }
+.kd-tab-pane-type-card.kd-tab-pane-left,
+.kd-tab-pane-type-card.kd-tab-pane-right {
+  width: 100%;
+  border-top: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
+}
+.kd-tab-pane-type-card.kd-tab-pane-left:last-of-type,
+.kd-tab-pane-type-card.kd-tab-pane-right:last-of-type {
+  border-bottom: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
+}
+.kd-tab-pane-type-card.kd-tab-pane-bottom {
+  border-top: 1px solid transparent;
+  border-bottom: 2px solid transparent;
+}
 .kd-tab-pane-type-card.kd-tab-pane-bottom.kd-tab-pane-box-active {
   border-bottom: 2px solid;
   border-color: transparent var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)) var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3)) var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
 }
+.kd-tab-pane-type-card.kd-tab-pane-bottom.kd-tab-pane-box-active:first-of-type {
+  border-left-color: transparent;
+}
+.kd-tab-pane-type-card.kd-tab-pane-top {
+  border-top: 2px solid transparent;
+}
+.kd-tab-pane-type-card.kd-tab-pane-top.kd-tab-pane-box-active {
+  border-top: 2px solid;
+  border-color: var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3)) var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)) transparent var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
+}
+.kd-tab-pane-type-card.kd-tab-pane-top.kd-tab-pane-box-active:first-of-type {
+  border-left-color: transparent;
+}
 .kd-tab-pane-type-dynamic {
-  height: 40px;
-  line-height: 40px;
-  margin: 0 0 0 8px;
+  height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px);
+  line-height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px);
+  margin: 0 0 0 4px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -16782,17 +16808,17 @@ textarea {
       -ms-flex-align: center;
           align-items: center;
 }
-.kd-tab-pane-type-dynamic:hover .kd-tab-pane-operations span:first-child {
+.kd-tab-pane-type-dynamic:not(.kd-tab-pane-disabled):hover .kd-tab-pane-operations span:first-child {
   opacity: 1;
   cursor: pointer;
 }
 .kd-tab-pane-type-dynamic .kd-tab-pane-operations .kdicon {
-  font-size: 14px;
+  font-size: 16px;
 }
 .kd-tab-pane-type-grid {
   height: 24px;
   line-height: 22px;
-  padding: 0 19px;
+  padding: 0 var(--kd-c-tabs-pane-grid-paddinng-horizontal, 20px);
   border: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
   margin-right: -1px;
 }
@@ -16814,7 +16840,7 @@ textarea {
   color: #fff;
 }
 .kd-tab-pane-type-grid.kd-tab-pane-disabled {
-  background-color: var(--kd-c-tabs-color-background-disabled, var(--kd-g-color-background-2, #f2f2f2));
+  background-color: var(--kd-c-tabs-color-background-disabled, transparent);
 }
 .kd-tab-pane-type-grid:hover {
   color: var(--kd-c-tabs-color-text-active, var(--kd-g-color-theme, #5582f3));
@@ -16823,7 +16849,7 @@ textarea {
   position: relative;
   display: inline-block;
   line-height: 1;
-  padding: 0 18px 0 8px;
+  padding: 0 4px;
 }
 .kd-tab-pane-operations span:first-child {
   display: inline-block;
@@ -16831,18 +16857,6 @@ textarea {
   font-size: 0;
   opacity: 0;
 }
-.kd-tab-pane-operations::after {
-  position: absolute;
-  content: '';
-  width: 1px;
-  height: 14px;
-  background-color: var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
-  right: 0;
-  top: 50%;
-  opacity: 1;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-}
 .kd-tab-pane-small {
   height: 36px;
   line-height: 36px;
@@ -16865,8 +16879,6 @@ textarea {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   width: 48px;
-  height: 100%;
-  line-height: 46px;
   text-align: center;
   cursor: pointer;
 }
@@ -16878,7 +16890,7 @@ textarea {
 }
 .kd-arrow-button-dynamic {
   width: 24px;
-  line-height: 40px;
+  line-height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px);
 }
 .kd-arrow-button-disabled {
   color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
@@ -18390,6 +18402,7 @@ textarea {
           flex-grow: 1;
   font-size: var(--kd-c-tree-font-size, var(--kd-g-font-size-small, 12px));
   color: var(--kd-c-tree-color-text, var(--kd-g-color-text-primary, #212121));
+  margin-left: var(--kd-c-tree-spacing-margin-left, 16px);
 }
 .kd-tree-root {
   min-width: 100%;
@@ -18414,7 +18427,7 @@ textarea {
           align-items: center;
 }
 .kd-tree-node-root .kd-spin-dot-spin {
-  border: none;
+  border: 2px solid transparent;
   width: var(--kd-c-tree-expand-icon-loading-sizing-width, 16px);
   height: var(--kd-c-tree-expand-icon-loading-sizing-height, 16px);
 }
@@ -19024,13 +19037,14 @@ h3.kd-typography,
   list-style: none;
   -webkit-font-feature-settings: 'tnum';
           font-feature-settings: 'tnum';
-  margin-top: 16px;
+  margin-top: var(--kd-c-upload-text-list-margin-top, 16px);
   font-size: var(--kd-c-upload-font-size, var(--kd-g-font-size-middle, 14px));
   border-top: 1px dashed var(--kd-c-upload-division-color, var(--kd-g-color-border-strong, #d9d9d9));
 }
 .kd-upload .kd-upload-text-list-item {
   position: relative;
-  padding: 12px 20px;
+  padding: 0 var(--kd-c-upload-text-list-item-padding-horizontal, 20px);
+  height: var(--kd-c-upload-list-item-height, 44px);
   overflow: hidden;
   white-space: nowrap;
   display: -webkit-box;
@@ -19056,9 +19070,12 @@ h3.kd-typography,
 .kd-upload .kd-upload-text-list-item.error .kd-upload-text-list-item-name {
   color: var(--kd-c-upload-error-color, var(--kd-g-color-error, #fb2323));
 }
+.kd-upload .kd-upload-text-list-item-icon > i {
+  font-size: var(--kd-c-upload-font-size, var(--kd-g-font-size-middle, 14px));
+}
 .kd-upload .kd-upload-text-list-item-name {
   display: inline-block;
-  margin: 0 5px;
+  margin: 0 var(--kd-c-upload-text-list-item-name-padding-right, 8px) 0 var(--kd-c-upload-text-list-item-name-padding-left, 4px);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -19071,7 +19088,9 @@ h3.kd-typography,
   position: absolute;
   top: 0;
   right: 0;
-  padding: 12px 20px;
+  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;
   opacity: 0;
   visibility: hidden;
@@ -19165,7 +19184,8 @@ h3.kd-typography,
   max-height: 100%;
 }
 .kd-upload .kd-upload-picture-list-item.error {
-  border-color: var(--kd-c-upload-color-border-error, var(--kd-g-color-border-error, #ff8088));
+  border-color: var(--kd-c-upload-color-border-error, var(--kd-g-color-border-error, #fc808B));
+  background-color: var(--kd-c-upload-color-background-error, var(--kd-g-color-background-error, #fff2f4));
 }
 .kd-upload .kd-upload-picture-list-item-loading {
   width: 100%;
@@ -19205,7 +19225,7 @@ h3.kd-typography,
           justify-content: center;
 }
 .kd-upload .kd-upload-picture-list-item-error-text {
-  margin-bottom: 5px;
+  margin-bottom: 4px;
   color: var(--kd-c-upload-error-color, var(--kd-g-color-error, #fb2323));
 }
 .kd-upload .kd-upload-picture-list-item-error a {
@@ -19214,6 +19234,10 @@ h3.kd-typography,
 .kd-upload .kd-upload-picture-list-item-error a:not(:first-child) {
   margin-left: 10px;
 }
+.kd-upload .kd-upload-picture-list-item-action > a {
+  color: var(--kd-c-upload-panel-button-color, #0E5FD8);
+  font-size: var(--kd-c-upload-picture-action-font-size, var(--kd-g-font-size-small, 12px));
+}
 
 
 /*# sourceMappingURL=kdesign.css.map*/