@kdcloudjs/kdesign 1.8.2 → 1.8.4

package/dist/kdesign-complete.less

@@ -3580,7 +3580,7 @@
       }
 
       &-transparent {
-        flex: 0 0 60px;
+        flex: 0 1 60px;
         height: 28px;
         margin-left: 8px;
         text-align: center;
@@ -3595,6 +3595,24 @@
       grid-row-gap: 8px;
       margin-top: 12px;
 
+      &-ie11 {
+        display: flex;
+        flex-wrap: wrap;
+
+        li {
+          margin-right: 8px;
+          margin-top: 8px;
+
+          &:nth-child(12n) {
+            margin-right: 0;
+          }
+
+          &:nth-child(-n+12) {
+            margin-top: 0;
+          }
+        }
+      }
+
       &-unset-color {
         margin-top: 0;
       }
@@ -8857,7 +8875,7 @@ textarea {
   }
 
   &[data-popper-placement^='top'] .arrow {
-    bottom: calc(0.9 * var(--arrowSize));
+    bottom: calc(1.1 * var(--arrowSize));
 
     &::before {
       left: calc(-1 * var(--arrowSize));
@@ -8867,7 +8885,7 @@ textarea {
   }
 
   &[data-popper-placement^='bottom'] .arrow {
-    top: calc(-0.9 * var(--arrowSize));
+    top: calc(-0.8 * var(--arrowSize));
 
     &::before {
       left: calc(-1 * var(--arrowSize));
@@ -8877,7 +8895,7 @@ textarea {
   }
 
   &[data-popper-placement^='left'] .arrow {
-    right: calc(0.9 * var(--arrowSize));
+    right: calc(1.1 * var(--arrowSize));
 
     &::before {
       top: calc(-1 * var(--arrowSize));
@@ -8887,7 +8905,7 @@ textarea {
   }
 
   &[data-popper-placement^='right'] .arrow {
-    left: calc(-0.9 * var(--arrowSize));
+    left: calc(-0.8 * var(--arrowSize));
 
     &::before {
       top: calc(-1 * var(--arrowSize));
@@ -10983,22 +11001,36 @@ textarea {
 
 .@{signature-prefix-cls} {
   box-sizing: border-box;
-  border: 1px dashed #e5e5e5;
   width: 100%;
   height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  background: @signature-bg-color;
-  color: @signature-color-text;
-  font-size: @signature-font-size;
-  cursor: pointer;
-  border-radius: @signature-border-radius;
-  transition: border-color @signature-transition-duration, background-color @signature-transition-duration;
-  &:hover {
-    border-color: @signature-border-color-hover;
-    background-color: @signature-bg-color-hover;
+  &-image {
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  &-empty {
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    border: 1px dashed #e5e5e5;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background: @signature-bg-color;
+    color: @signature-color-text;
+    font-size: @signature-font-size;
+    cursor: pointer;
+    border-radius: @signature-border-radius;
+    transition: border-color @signature-transition-duration, background-color @signature-transition-duration;
+    &:hover {
+      border-color: @signature-border-color-hover;
+      background-color: @signature-bg-color-hover;
+    }
   }
 }
 .@{signature-prefix-cls}.@{signature-prefix-cls}-disabled {
@@ -12772,8 +12804,8 @@ input,
 textarea,
 select,
 button {
-  font-family: 'Microsoft YaHei', 'PingFangSC-Regular', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB',
-    'WenQuanYi Micro Hei', sans-serif;
+  font-family: 'Roboto', 'San Francisco', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragina Sans GB',
+    'WenQuanYi Micro Hei', 'microsoft yahei ui', 'microsoft yahei', sans-serif;
 }
 
 body {

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.8.1
+ *   @kdcloudjs/kdesign v1.8.3
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -1924,7 +1924,7 @@ input,
 textarea,
 select,
 button {
-  font-family: 'Microsoft YaHei', 'PingFangSC-Regular', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+  font-family: 'Roboto', 'San Francisco', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragina Sans GB', 'WenQuanYi Micro Hei', 'microsoft yahei ui', 'microsoft yahei', sans-serif;
 }
 body {
   -webkit-box-sizing: border-box;
@@ -6708,8 +6708,8 @@ template {
 }
 .kd-color-picker-pop .kd-color-picker-panel-container-transparent {
   -webkit-box-flex: 0;
-      -ms-flex: 0 0 60px;
-          flex: 0 0 60px;
+      -ms-flex: 0 1 60px;
+          flex: 0 1 60px;
   height: 28px;
   margin-left: 8px;
   text-align: center;
@@ -6722,6 +6722,23 @@ template {
   grid-row-gap: 8px;
   margin-top: 12px;
 }
+.kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+.kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 li {
+  margin-right: 8px;
+  margin-top: 8px;
+}
+.kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 li:nth-child(12n) {
+  margin-right: 0;
+}
+.kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-ie11 li:nth-child(-n+12) {
+  margin-top: 0;
+}
 .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-unset-color {
   margin-top: 0;
 }
@@ -13981,7 +13998,7 @@ textarea {
           transform: rotate(45deg);
 }
 .kd-popper[data-popper-placement^='top'] .arrow {
-  bottom: calc(0.9 * var(--arrowSize));
+  bottom: calc(1.1 * var(--arrowSize));
 }
 .kd-popper[data-popper-placement^='top'] .arrow::before {
   left: calc(-1 * var(--arrowSize));
@@ -13989,7 +14006,7 @@ textarea {
   border-left-color: transparent;
 }
 .kd-popper[data-popper-placement^='bottom'] .arrow {
-  top: calc(-0.9 * var(--arrowSize));
+  top: calc(-0.8 * var(--arrowSize));
 }
 .kd-popper[data-popper-placement^='bottom'] .arrow::before {
   left: calc(-1 * var(--arrowSize));
@@ -13997,7 +14014,7 @@ textarea {
   border-right-color: transparent;
 }
 .kd-popper[data-popper-placement^='left'] .arrow {
-  right: calc(0.9 * var(--arrowSize));
+  right: calc(1.1 * var(--arrowSize));
 }
 .kd-popper[data-popper-placement^='left'] .arrow::before {
   top: calc(-1 * var(--arrowSize));
@@ -14005,7 +14022,7 @@ textarea {
   border-bottom-color: transparent;
 }
 .kd-popper[data-popper-placement^='right'] .arrow {
-  left: calc(-0.9 * var(--arrowSize));
+  left: calc(-0.8 * var(--arrowSize));
 }
 .kd-popper[data-popper-placement^='right'] .arrow::before {
   top: calc(-1 * var(--arrowSize));
@@ -16860,9 +16877,25 @@ textarea {
 .kd-signature {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  border: 1px dashed #e5e5e5;
   width: 100%;
   height: 100%;
+}
+.kd-signature-image {
+  width: 100%;
+  height: 100%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.kd-signature-image img {
+  width: 100%;
+  height: 100%;
+}
+.kd-signature-empty {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  border: 1px dashed #e5e5e5;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -16884,7 +16917,7 @@ textarea {
   -webkit-transition: border-color var(--kd-c-signature-motion-duration, var(--kd-g-duration, 0.3s)), background-color var(--kd-c-signature-motion-duration, var(--kd-g-duration, 0.3s));
   transition: border-color var(--kd-c-signature-motion-duration, var(--kd-g-duration, 0.3s)), background-color var(--kd-c-signature-motion-duration, var(--kd-g-duration, 0.3s));
 }
-.kd-signature:hover {
+.kd-signature-empty:hover {
   border-color: var(--kd-c-signature-border-color-hover, var(--kd-g-color-theme-5, #87adff));
   background-color: var(--kd-c-signature-bg-color-hover, var(--kd-g-color-theme-1, #f2f8ff));
 }