@kdcloudjs/kdesign 1.7.34 → 1.7.37

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.33
+ *   @kdcloudjs/kdesign v1.7.35
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -5864,6 +5864,197 @@ template {
     普通组件内部自身层级应设置在0-100间
 */
 /* -----------  zIndex  ——————---- end */
+.kd-clipboard {
+  padding: 0;
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  font-weight: var(--kd-c-clipboard-font-weight, var(--kd-g-font-weight, 400));
+  color: #bbbbbb;
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.kd-clipboard:hover {
+  color: #5582f3;
+}
+.kd-clipboard:disabled,
+.kd-clipboard[disabled] {
+  color: #bbbbbb;
+  cursor: not-allowed;
+}
+.kd-clipboard-size-small {
+  height: var(--kd-c-clipboard-sizing-height-small, 24px);
+  padding: var(--kd-c-clipboard-spacing-padding-vertical-small, 3px) var(--kd-c-clipboard-spacing-padding-horizontal-small, 8px);
+  font-size: var(--kd-c-clipboard-font-size-small, var(--kd-g-font-size-small, 12px));
+  line-height: calc(var(--kd-c-clipboard-sizing-height-small, 24px) - (var(--kd-c-clipboard-spacing-padding-vertical-small, 3px)) * 2);
+}
+.kd-clipboard-size-small.kd-clipboard-icon-only {
+  font-size: var(--kd-c-clipboard-icon-font-size-small, 14px);
+  padding: 0 var(--kd-c-clipboard-icon-spacing-padding-horizontal, 4px);
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.kd-clipboard-size-middle {
+  height: var(--kd-c-clipboard-sizing-height-middle, 28px);
+  padding: var(--kd-c-clipboard-spacing-padding-vertical-middle, 5px) var(--kd-c-clipboard-spacing-padding-horizontal-middle, 8px);
+  font-size: var(--kd-c-clipboard-font-size-middle, var(--kd-g-font-size-middle, 14px));
+  line-height: calc(var(--kd-c-clipboard-sizing-height-middle, 28px) - (var(--kd-c-clipboard-spacing-padding-vertical-middle, 5px)) * 2);
+}
+.kd-clipboard-size-middle.kd-clipboard-icon-only {
+  font-size: var(--kd-c-clipboard-icon-font-size-middle, 16px);
+  padding: 0 var(--kd-c-clipboard-icon-spacing-padding-horizontal, 4px);
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.kd-clipboard-size-large {
+  height: var(--kd-c-clipboard-sizing-height-large, 32px);
+  padding: var(--kd-c-clipboard-spacing-padding-vertical-large, 6px) var(--kd-c-clipboard-spacing-padding-horizontal-large, 8px);
+  font-size: var(--kd-c-clipboard-font-size-large, var(--kd-g-font-size-large, 16px));
+  line-height: calc(var(--kd-c-clipboard-sizing-height-large, 32px) - (var(--kd-c-clipboard-spacing-padding-vertical-large, 6px)) * 2);
+}
+.kd-clipboard-size-large.kd-clipboard-icon-only {
+  font-size: var(--kd-c-clipboard-icon-font-size-large, 18px);
+  padding: 0 var(--kd-c-clipboard-icon-spacing-padding-horizontal, 4px);
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.kd-clipboard:not(.kd-clipboard-icon-only) > i:not(:last-child) {
+  margin-right: 2px;
+}
+
+/* -----------  color  ——————---- start */
+/* -----------  color  ——————---- end */
+/* -----------  motion  ——————---- start */
+/* -----------  motion  ——————---- end */
+/* -----------  transition  ——————---- start */
+/* -----------  transition  ——————---- end */
+/* -----------  font  ——————---- start */
+/* -----------  font  ——————---- end */
+/* -----------  zIndex  ——————---- start */
+/*
+    普通组件内部自身层级应设置在0-100间
+*/
+/* -----------  zIndex  ——————---- end */
+/* -----------  Button  ——————---- start */
+/* -----------  Button  ——————---- end */
+/* -----------  Collapse  ——————---- start */
+/* -----------  Collapse  ——————---- end */
+/* -----------  Card  ——————---- start */
+/* -----------  Card  ——————---- end */
+/* -----------  Carousel  ——————---- start */
+/* -----------  Carousel  ——————---- end */
+/* -----------  Cascader  ——————---- start */
+/* -----------  Cascader  ——————---- end */
+/* -----------  Switch  ——————---- start */
+/* -----------  Switch  ——————---- end */
+/* -----------  Input  ——————---- start */
+/* -----------  Input  ——————---- end */
+/* -----------  InputNumber  ——————---- start */
+/* -----------  InputNumber  ——————---- end */
+/* -----------  checkbox  ——————---- start */
+/* -----------  checkbox  ——————---- start */
+/* -----------  checkbox  ——————---- end */
+/* -----------  Radio  ——————---- start */
+/* -----------  Radio  ——————---- end */
+/* -----------  icon  ——————---- start */
+/* -----------  icon  ——————---- end */
+/* -----------  Popconfirm  ——————---- start */
+/* -----------  Popconfirm  ——————---- end */
+/* -----------  Progress  ——————---- start */
+/* -----------  Progress  ——————---- end */
+/* -----------  Pagination  ——————---- start */
+/* -----------  Pagination  ——————---- end */
+/* -----------  Timeline  ——————---- start */
+/* -----------  Timeline  ——————---- end */
+/* -----------  Tabs  ——————---- start */
+/* -----------  Tabs  ——————---- end */
+/* -----------  Select  ——————---- start */
+/* -----------  Select  ——————---- end */
+/* -----------  Rate  ——————---- start */
+/* -----------  Rate  ——————---- end */
+/* -----------  Dropdown  ——————---- start */
+/* -----------  Dropdown  ——————---- end */
+/* -----------  Tooltip  ——————---- start */
+/* -----------  Tooltip  ——————---- end */
+/* -----------  Transfer  ——————---- start */
+/* -----------  Transfer  ——————---- end */
+/* -----------  DatePicker  ——————---- start */
+/* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
+/* -----------  Tree  ——————---- start */
+/* -----------  Tree  ——————---- end */
+/* -----------  Alert  ——————---- start */
+/* -----------  Alert  ——————---- end */
+/* -----------  Split-Panel ——————---- start */
+/* -----------  Split-Panel ——————---- end */
+/* -----------  Modal  ——————---- start */
+/* -----------  Modal  ——————---- end */
+/* -----------  Steps  ——————---- start */
+/* -----------  Steps  ——————---- end */
+/* -----------  Form  ——————---- start */
+/* -----------  Form  ——————---- end */
+/* -----------  Tag ——————---- start */
+/* -----------  Tag ——————---- end */
+/* -----------  Menu  ——————---- start */
+/* -----------  Menu  ——————---- end */
+/* -----------  notice  ——————---- start */
+/* -----------  message  ——————---- end */
+/* -----------  Spin  ——————---- start */
+/* -----------  Spin  ——————---- end */
+/* -----------  Spin  ——————---- start */
+/* -----------  Spin  ——————---- end */
+/* -----------  Layout  ——————---- start */
+/* -----------  Layout  ——————---- end */
+/* -----------  Typography  ——————---- start */
+/* -----------  Typography  ——————---- start */
+/* -----------  Search  ——————---- start */
+/* -----------  Search  ——————---- start */
+/* -----------  Badge  ——————---- start */
+/* -----------  Badge  ——————---- end */
+/* -----------  Anchor  ——————---- start */
+/* -----------  Anchor  ——————---- end */
+/* -----------  Avatar  ——————---- start */
+/* -----------  Avatar  ——————---- end */
+/* -----------  AdvancedSelector  ——————---- start */
+/* -----------  AdvancedSelector  ——————---- end */
+/* -----------  motion  ——————---- start */
+/* -----------  motion  ——————---- end */
+/* -----------  transition  ——————---- start */
+/* -----------  transition  ——————---- end */
+/* -----------  zIndex  ——————---- start */
+/*
+    普通组件内部自身层级应设置在0-100间
+*/
+/* -----------  zIndex  ——————---- end */
 .kd-collapse {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -6126,6 +6317,7 @@ template {
 /* -----------  zIndex  ——————---- end */
 .kd-color-picker-container {
   position: relative;
+  width: var(--kd-c-color-picker-input-sizing-width, 230px);
 }
 .kd-color-picker-container .kd-color-picker-input {
   width: var(--kd-c-color-picker-input-sizing-width, 230px);
@@ -6167,6 +6359,9 @@ template {
   transition: transform 0.2s ease-in-out;
   transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
 }
+.kd-color-picker-pop {
+  width: var(--kd-c-color-picker-panel-sizing-width, 304px);
+}
 .kd-color-picker-pop.topLeft.hidden,
 .kd-color-picker-pop.bottomLeft.hidden,
 .kd-color-picker-pop.topRight.hidden,
@@ -6276,19 +6471,30 @@ template {
   vertical-align: middle;
   margin-right: 9px;
 }
-.kd-color-picker-pop .kd-color-picker-panel-input {
+.kd-color-picker-pop .kd-color-picker-panel-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+  margin-top: 10px;
+}
+.kd-color-picker-pop .kd-color-picker-panel-container-input {
+  -webkit-box-flex: 1;
+      -ms-flex: 1 1 auto;
+          flex: 1 1 auto;
   display: inline-block;
   position: relative;
-  margin-top: 12px;
   font-size: var(--kd-c-color-picker-panel-select-font-size, var(--kd-g-font-size-middle, 14px));
 }
-.kd-color-picker-pop .kd-color-picker-panel-input-no-recommend {
-  margin-bottom: 0;
+.kd-color-picker-pop .kd-color-picker-panel-container-input .kd-select-dropdown-panel {
+  margin: 0 !important;
 }
-.kd-color-picker-pop .kd-color-picker-panel-input .kd-select.bottomLeft,
-.kd-color-picker-pop .kd-color-picker-panel-input .kd-select.topLeft {
+.kd-color-picker-pop .kd-color-picker-panel-container-input .kd-select-dropdown-panel.bottomLeft,
+.kd-color-picker-pop .kd-color-picker-panel-container-input .kd-select-dropdown-panel.topLeft {
   position: absolute;
   width: 60px !important;
+  min-width: unset !important;
   background: #FFFFFF;
   right: 0;
   left: unset !important;
@@ -6296,7 +6502,7 @@ template {
           box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
   border-radius: 2px;
 }
-.kd-color-picker-pop .kd-color-picker-panel-input .kd-select .kd-select-dropdown .kd-select-item-option {
+.kd-color-picker-pop .kd-color-picker-panel-container-input .kd-select-dropdown-panel .kd-select-dropdown .kd-select-item-option {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -6305,21 +6511,23 @@ template {
           justify-content: center;
   min-width: unset;
 }
-.kd-color-picker-pop .kd-color-picker-panel-input .kd-select-bordered {
+.kd-color-picker-pop .kd-color-picker-panel-container-input .kd-select-bordered {
   border-radius: 2px;
   width: var(--kd-c-color-picker-panel-select-sizing-width, 212px);
   height: var(--kd-c-color-picker-panel-select-sizing-height, 28px);
   min-height: 28px;
-  margin-top: -2px;
+  padding: 0 28px 0 0;
 }
-.kd-color-picker-pop .kd-color-picker-panel-input .kd-select-bordered .kd-select-placeholder {
+.kd-color-picker-pop .kd-color-picker-panel-container-input .kd-select-bordered .kd-select-placeholder {
   left: 8px;
 }
-.kd-color-picker-pop .kd-color-picker-panel-input .active-option {
+.kd-color-picker-pop .kd-color-picker-panel-container-input .active-option {
   background-color: var(--kd-c-color-picker-panel-option-color-background-selected, var(--kd-g-color-theme-3, #e3eeff));
 }
-.kd-color-picker-pop .kd-color-picker-panel-transparent {
-  width: 60px;
+.kd-color-picker-pop .kd-color-picker-panel-container-transparent {
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 60px;
+          flex: 0 0 60px;
   height: 28px;
   margin-left: 8px;
   text-align: center;
@@ -15149,7 +15357,7 @@ textarea {
 .kd-select-icon-clear:hover {
   color: var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
 }
-.kd-select-focused {
+.kd-select-focused:not(.kd-select-error) {
   border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
 }
 .kd-select-placeholder {
@@ -15176,7 +15384,7 @@ textarea {
 .kd-select-underline {
   border-bottom: 1px solid var(--kd-c-select-color-border, var(--kd-g-color-input, #999));
 }
-.kd-select-underline:hover:not(.kd-select-multiple-disabled):not(.kd-select-single-disabled) {
+.kd-select-underline:hover:not(.kd-select-multiple-disabled):not(.kd-select-single-disabled):not( .kd-select-error) {
   border-bottom: 1px solid var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-select-bordered {
@@ -15184,7 +15392,7 @@ textarea {
   padding-left: var(--kd-c-select-bordered-spacing-padding-left, 8px) !important;
   border-radius: var(--kd-c-select-bordered-radius-border, 2px);
 }
-.kd-select-bordered:hover:not(.kd-select-multiple-disabled):not(.kd-select-single-disabled) {
+.kd-select-bordered:hover:not(.kd-select-multiple-disabled):not(.kd-select-single-disabled):not( .kd-select-error) {
   border: 1px solid var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-select-bordered .kd-select-suffix {
@@ -15375,7 +15583,7 @@ textarea {
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.kd-select .kd-select-single-focused {
+.kd-select .kd-select-single-focused:not(.kd-select-error) {
   border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
 }
 .kd-select .kd-select-single-disabled {
@@ -15551,14 +15759,17 @@ textarea {
   color: #999999;
   padding-left: 12px;
 }
-.kd-select-multiple-footer-hadSelected > span {
+.kd-select-multiple-footer-hadSelected-number {
   color: var(--kd-c-select-footer-color-text-selected, #0e5fd8);
   padding: 0 2px;
 }
-.kd-select.topLeft.hidden,
-.kd-select.bottomLeft.hidden,
-.kd-select.topRight.hidden,
-.kd-select.bottomRight.hidden {
+.kd-select-error:not(.kd-select-single-disabled):not(.kd-select-multiple-disabled) {
+  border-color: var(--kd-c-select-color-error, var(--kd-g-color-error, #fb2323));
+}
+.kd-select-dropdown-panel.topLeft.hidden,
+.kd-select-dropdown-panel.bottomLeft.hidden,
+.kd-select-dropdown-panel.topRight.hidden,
+.kd-select-dropdown-panel.bottomRight.hidden {
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
@@ -19647,7 +19858,7 @@ textarea {
 .kd-tree-select-icon-clear:hover {
   color: var(--kd-c-tree-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
 }
-.kd-tree-select-focused {
+.kd-tree-select-focused:not(.kd-tree-select-error) {
   border-color: var(--kd-c-tree-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
 }
 .kd-tree-select-placeholder {
@@ -19665,7 +19876,7 @@ textarea {
 .kd-tree-select-underline {
   border-bottom: 1px solid var(--kd-c-tree-select-color-border, var(--kd-g-color-input, #999));
 }
-.kd-tree-select-underline:hover:not(.kd-tree-select-multiple-disabled):not(.kd-tree-select-single-disabled) {
+.kd-tree-select-underline:hover:not(.kd-tree-select-multiple-disabled):not(.kd-tree-select-single-disabled):not( .kd-tree-select-error) {
   border-bottom: 1px solid var(--kd-c-tree-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-tree-select-bordered {
@@ -19673,7 +19884,7 @@ textarea {
   padding-left: var(--kd-c-tree-select-bordered-spacing-padding-left, 8px) !important;
   border-radius: var(--kd-c-tree-select-bordered-radius-border, 2px);
 }
-.kd-tree-select-bordered:hover:not(.kd-tree-select-multiple-disabled):not(.kd-tree-select-single-disabled) {
+.kd-tree-select-bordered:hover:not(.kd-tree-select-multiple-disabled):not(.kd-tree-select-single-disabled):not( .kd-tree-select-error) {
   border: 1px solid var(--kd-c-tree-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-tree-select-bordered .kd-tree-select-suffix {
@@ -19796,7 +20007,7 @@ textarea {
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.kd-tree-select .kd-tree-select-single-focused {
+.kd-tree-select .kd-tree-select-single-focused:not(.kd-tree-select-error) {
   border-color: var(--kd-c-tree-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
 }
 .kd-tree-select .kd-tree-select-single-disabled {
@@ -19979,6 +20190,9 @@ textarea {
   color: var(--kd-c-tree-select-footer-color-text-selected, #0e5fd8);
   padding: 0 2px;
 }
+.kd-tree-select-error:not(.kd-tree-select-single-disabled):not(.kd-tree-select-multiple-disabled) {
+  border-color: var(--kd-c-tree-select-color-error, var(--kd-g-color-error, #fb2323));
+}
 .kd-tree-select.topLeft.hidden,
 .kd-tree-select.bottomLeft.hidden,
 .kd-tree-select.topRight.hidden,
@@ -20134,10 +20348,24 @@ textarea {
   -ms-flex-negative: 0;
       flex-shrink: 0;
 }
-.kd-tree-plantom {
+.kd-tree-show-line .kd-tree-node-indent {
+  position: relative;
+}
+.kd-tree-show-line .kd-tree-node-indent::before {
   position: absolute;
-  min-width: 100%;
-  z-index: -1;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  width: 1px;
+  border-left: 1px solid #d9d9d9;
+  content: '';
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  top: 0;
+  bottom: 0;
+}
+.kd-tree-show-line .kd-tree-node-indent-active::before {
+  border-color: var(--kd-c-tree-color-theme, var(--kd-g-color-theme, #5582f3));
 }
 .kd-tree-node-root {
   position: relative;
@@ -20183,20 +20411,10 @@ textarea {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  width: 1px;
-  border-top: 0;
-  border-left: 11px;
-  border-bottom: 0;
-  border-right: 10px;
-  border-color: white;
-  border-style: solid;
+  width: var(--kd-c-tree-expand-icon-sizing-width, 16px);
+  margin-right: 6px;
   height: 100%;
   cursor: default;
-  opacity: 0;
-}
-.kd-tree-node-indent-line {
-  background-color: black;
-  opacity: 1;
 }
 .kd-tree-node-icon {
   cursor: pointer;
@@ -20307,6 +20525,9 @@ textarea {
   width: 100%;
   height: 100%;
 }
+.kd-tree-node-draggabled.kd-tree-node-dragging .kd-tree-node-indent::before {
+  border-color: transparent;
+}
 .kd-tree-node-drag-over {
   background-color: var(--kd-c-tree-node-drag-over-color-background, #E3EBFF);
   -webkit-box-shadow: inset 0 0 0 2px var(--kd-c-tree-node-drag-over-color-border, #5582f3);