@kdcloudjs/kdesign 1.2.1 → 1.3.0

package/es/tooltip/style/index.css

@@ -118,10 +118,10 @@
   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;
@@ -133,7 +133,7 @@
 .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);
@@ -158,7 +158,7 @@
   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,
@@ -167,7 +167,7 @@
   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,
@@ -176,7 +176,7 @@
   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,
@@ -185,5 +185,5 @@
   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));
 }

package/es/tooltip/style/index.less

@@ -11,9 +11,9 @@
   color: @tooltip-color;
   border-radius: @tooltip-border-radius;
   font-size: @tooltip-font-size;
-  line-height: 18px;
+  line-height: 1.5;
   background-color: @tooltip-background-color;
-  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
+  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
   opacity: 1;
   z-index: @z-index-popper;
   visibility: visible;

package/lib/badge/style/index.css

@@ -172,7 +172,6 @@
   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 {
@@ -188,13 +187,13 @@
   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;

package/lib/badge/style/index.less

@@ -74,7 +74,6 @@
       background-color: @badge-color-success;
     }
     &-processing {
-      position: relative;
       background-color: @badge-color-ongoing;
       &::after {
         position: absolute;
@@ -89,13 +88,13 @@
       }
     }
     &-error {
-      background-color: @badge-color-warning;
+      background-color: @badge-color-error;
     }
     &-default {
-      background-color: @badge-color-success;
+      background-color: @badge-color-default;
     }
     &-warning {
-      background-color: @badge-color-error;
+      background-color: @badge-color-warning;
     }
   }
 

package/lib/badge/style/token.less

@@ -21,3 +21,4 @@
 @badge-color-ongoing: var(~'@{badge-prefix}-color-ongoing', @color-ongoing);
 @badge-color-warning: var(~'@{badge-prefix}-color-warning', @color-warning);
 @badge-color-error: var(~'@{badge-prefix}-color-error', @color-error);
+@badge-color-default: var(~'@{badge-prefix}-color-default', #d9d9d9);

package/lib/button/style/index.css

@@ -178,13 +178,13 @@
   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));

package/lib/button/style/token.less

@@ -10,12 +10,12 @@
 @btn-primary-border-color-hover: var(~'@{button-custom-prefix}-primary-color-border-hover', @color-theme-hover); // 基础hover边框颜色
 @btn-primary-background-color-active: var(~'@{button-custom-prefix}-primary-color-background-active', @color-theme-click); // 基础active背景颜色
 @btn-primary-border-color-active: var(~'@{button-custom-prefix}-primary-color-border-active', @color-theme); // 基础active边框颜色
-@btn-primary-background-color-disabled: var(~'@{button-custom-prefix}-primary-color-background-disabled', @color-theme-disabled); // 基础disabled背景颜色   禁用状态
-@btn-primary-border-color-disabled: var(~'@{button-custom-prefix}-primary-color-border-disabled', @color-theme-disabled); // 基础disabled边框颜色
+@btn-primary-background-color-disabled: var(~'@{button-custom-prefix}-primary-color-background-disabled', @color-theme-4); // 基础disabled背景颜色   禁用状态
+@btn-primary-border-color-disabled: var(~'@{button-custom-prefix}-primary-color-border-disabled', @color-theme-4); // 基础disabled边框颜色
 
 @btn-ghost-background-color: var(~'@{button-custom-prefix}-ghost-color-background', transparent); // 幽灵背景颜色
 @btn-ghost-border-color: var(~'@{button-custom-prefix}-ghost-color-border', @color-theme-6); //幽灵边框颜色
-@btn-ghost-font-color: var(~'@{button-custom-prefix}-ghost-color-text', #5582F3); // 幽灵按钮文字颜色
+@btn-ghost-font-color: var(~'@{button-custom-prefix}-ghost-color-text', @color-theme); // 幽灵按钮文字颜色
 @btn-ghost-background-color-hover: var(~'@{button-custom-prefix}-ghost-color-background-hover', @color-theme-5); //幽灵hover背景颜色
 @btn-ghost-border-color-hover: var(~'@{button-custom-prefix}-ghost-color-border-hover', transparent); //幽灵hover边框颜色
 @btn-ghost-font-color-hover: var(~'@{button-custom-prefix}-ghost-color-text-hover',#ffffff); // 幽灵hover按钮文字颜色

package/lib/carousel/displayList.js

@@ -9,24 +9,29 @@ exports.DisplayList = void 0;
 
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var DisplayList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _context;
+
   var items = props.items,
       parentPrefixCls = props.parentPrefixCls,
       currentIndex = props.currentIndex;
 
   var itemRef = _react.default.useRef(null);
 
-  var displayListPrefixCls = "".concat(parentPrefixCls, "-displaylist");
+  var displayListPrefixCls = "".concat(parentPrefixCls, "-list-display");
+  var listPrefixCls = "".concat(parentPrefixCls, "-list");
 
   var renderItems = function renderItems() {
     return (0, _map.default)(items).call(items, function (item, index) {
-      var opacityClassName = index === currentIndex ? "".concat(displayListPrefixCls, "-item-not-hidden") : "".concat(displayListPrefixCls, "-item-hidden");
+      var opacityClassName = index === currentIndex ? "".concat(listPrefixCls, "-item-not-hidden") : "".concat(listPrefixCls, "-item-hidden");
       return /*#__PURE__*/_react.default.createElement("li", {
-        className: (0, _classnames.default)("".concat(displayListPrefixCls, "-item"), opacityClassName),
+        className: (0, _classnames.default)("".concat(listPrefixCls, "-item"), opacityClassName),
         key: index,
         ref: itemRef
       }, item);
@@ -34,7 +39,7 @@ var DisplayList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   };
 
   return /*#__PURE__*/_react.default.createElement("ul", {
-    className: displayListPrefixCls,
+    className: (0, _concat.default)(_context = "".concat(listPrefixCls, " ")).call(_context, displayListPrefixCls),
     ref: ref
   }, renderItems());
 });

package/lib/carousel/fadeList.js

@@ -9,11 +9,15 @@ exports.FadeList = void 0;
 
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var FadeList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _context;
+
   var items = props.items,
       parentPrefixCls = props.parentPrefixCls,
       needAnimation = props.needAnimation,
@@ -22,15 +26,16 @@ var FadeList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   var itemRef = _react.default.useRef(null);
 
-  var fadeListPrefixCls = "".concat(parentPrefixCls, "-fadelist");
+  var fadeListPrefixCls = "".concat(parentPrefixCls, "-list-fade");
+  var listPrefixCls = "".concat(parentPrefixCls, "-list");
 
   var renderItems = function renderItems() {
     return (0, _map.default)(items).call(items, function (item, index) {
-      var opacityClassName = index === currentIndex ? "".concat(fadeListPrefixCls, "-item-not-hidden") : "".concat(fadeListPrefixCls, "-item-hidden");
-      var animationClassName = needAnimation ? "".concat(fadeListPrefixCls, "-item-animation") : "".concat(fadeListPrefixCls, "-item-none-animation");
+      var opacityClassName = index === currentIndex ? "".concat(listPrefixCls, "-item-not-hidden") : "".concat(listPrefixCls, "-item-hidden");
+      var animationClassName = needAnimation ? "".concat(listPrefixCls, "-item-animation") : "".concat(listPrefixCls, "-item-none-animation");
       var posx = -1 * index * itemWidth;
       return /*#__PURE__*/_react.default.createElement("li", {
-        className: (0, _classnames.default)("".concat(fadeListPrefixCls, "-item"), opacityClassName, animationClassName),
+        className: (0, _classnames.default)("".concat(listPrefixCls, "-item"), opacityClassName, animationClassName),
         key: index,
         ref: itemRef,
         style: {
@@ -41,7 +46,7 @@ var FadeList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   };
 
   return /*#__PURE__*/_react.default.createElement("ul", {
-    className: fadeListPrefixCls,
+    className: (0, _concat.default)(_context = "".concat(listPrefixCls, " ")).call(_context, fadeListPrefixCls),
     ref: ref
   }, renderItems());
 });

package/lib/carousel/slideList.js

@@ -16,9 +16,12 @@ var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable
 var _react = _interopRequireDefault(require("react"));
 
 var SlideList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _context2;
+
   var items = props.items,
       parentPrefixCls = props.parentPrefixCls;
-  var slideListPrefixCls = "".concat(parentPrefixCls, "-slidelist");
+  var slideListPrefixCls = "".concat(parentPrefixCls, "-list-slide");
+  var listPrefixCls = "".concat(parentPrefixCls, "-list");
 
   var renderItems = function renderItems() {
     var _context;
@@ -28,14 +31,14 @@ var SlideList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
     return (0, _map.default)(_items).call(_items, function (item, index) {
       return /*#__PURE__*/_react.default.createElement("li", {
-        className: "".concat(slideListPrefixCls, "-item"),
+        className: "".concat(listPrefixCls, "-item"),
         key: index
       }, item);
     });
   };
 
   return /*#__PURE__*/_react.default.createElement("ul", {
-    className: slideListPrefixCls,
+    className: (0, _concat.default)(_context2 = "".concat(listPrefixCls, " ")).call(_context2, slideListPrefixCls),
     ref: ref
   }, renderItems());
 });

package/lib/carousel/style/index.css

@@ -107,7 +107,7 @@
       -ms-flex: 1;
           flex: 1;
 }
-.kd-carousel-slidelist {
+.kd-carousel-list {
   list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -116,78 +116,68 @@
   -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 {

package/lib/carousel/style/index.less

@@ -10,65 +10,73 @@
     overflow: hidden;
     flex: 1;
   }
-  &-slidelist {
-    list-style: none;
-    display: flex;
-    flex-direction: row;
-    width: 100%;
-    &-item {
-      flex-shrink: 0;
-      height: 100%;
-      width: 100%;
-      overflow: hidden;
-      border-radius: @carousel-boder-radius;
-    }
-  }
-  &-fadelist {
+
+  &-list {
     list-style: none;
     display: flex;
     flex-direction: row;
-    flex: 1;
     position: relative;
+
     &-item {
-      opacity: 1;
       position: relative;
       flex-shrink: 0;
       height: 100%;
       width: 100%;
-      &-animation {
-        transition: opacity 0.3s ease;
-      }
-      &-none-animation {
-        transition: none;
-      }
-      &-not-hidden {
+    }
+
+    &-slide {
+      width: 100%;
+      .@{carousel-prefix-cls}-list-item {
         opacity: 1;
+        border-radius: @carousel-boder-radius;
+        &-animation {
+          transition: opacity 0.3s ease;
+        }
+        &-none-animation {
+          transition: none;
+        }
+        &-not-hidden {
+          opacity: 1;
+        }
+        &-hidden {
+          opacity: 0;
+        }
       }
-      &-hidden {
-        opacity: 0;
+    }
+
+    &-fade {
+      flex: 1;
+      .@{carousel-prefix-cls}-list-item {
+        opacity: 1;
+        &-animation {
+          transition: opacity 0.3s ease;
+        }
+        &-none-animation {
+          transition: none;
+        }
+        &-not-hidden {
+          opacity: 1;
+        }
+        &-hidden {
+          opacity: 0;
+        }
       }
     }
-  }
-  &-displaylist {
-    list-style: none;
-    display: flex;
-    flex-direction: row;
-    flex: 1;
-    position: relative;
-    &-item {
-      display: block;
-      position: relative;
-      flex-shrink: 0;
-      height: 100%;
+
+    &-display {
       width: 100%;
-      &-not-hidden {
+      .@{carousel-prefix-cls}-list-item {
         display: block;
-      }
-      &-hidden {
-        display: none;
+        &-not-hidden {
+          display: block;
+        }
+        &-hidden {
+          display: none;
+        }
       }
     }
   }
+
   &-slidebar {
     position: absolute;
     &-left {
@@ -87,7 +95,7 @@
       .horizontal;
       top: @carousel-dots-margin-top;
     }
-    
+
     &-dot > button {
       display: block;
       border-radius: @carousel-dots-boder-radius;

package/lib/checkbox/checkbox.js

@@ -64,7 +64,8 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
       children = CheckboxProps.children,
       style = CheckboxProps.style,
       value = CheckboxProps.value,
-      indeterminate = CheckboxProps.indeterminate;
+      indeterminate = CheckboxProps.indeterminate,
+      name = CheckboxProps.name;
 
   var getChecked = function getChecked() {
     return (0, _isBoolean.default)(checked) ? checked : defaultChecked;
@@ -134,7 +135,8 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         ref: ref,
         value: value,
         checked: selected,
-        disabled: disabled
+        disabled: disabled,
+        name: name
       })), children && /*#__PURE__*/_react.default.createElement("span", {
         className: "".concat(checkboxPrefixCls, "-children")
       }, children), !isDefaultType() && /*#__PURE__*/_react.default.createElement("span", {

package/lib/collapse/panel.js

@@ -123,7 +123,7 @@ var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       className: className
     }, assist && /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(panelPrefixCls, "-assist")
-    }, renderReactNode(assist)), expandIconPosition === 'right' ? renderIcon() : null);
+    }, renderReactNode(assist)));
   };
 
   var renderReactNode = function renderReactNode(reactNode) {

package/lib/config-provider/compDefaultProps.d.ts

@@ -383,6 +383,7 @@ declare const compDefaultProps: {
         minMark: string;
         maxMark: string;
         mustInScope: boolean;
+        zeroShow: boolean;
     };
     BaseData: {
         mode: string;

package/lib/config-provider/compDefaultProps.js

@@ -415,7 +415,8 @@ var compDefaultProps = {
     borderType: 'bordered',
     minMark: '[',
     maxMark: ']',
-    mustInScope: false
+    mustInScope: false,
+    zeroShow: true
   },
   BaseData: {
     mode: 'single',

package/lib/dropdown/style/index.css

@@ -151,7 +151,7 @@
 .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);
@@ -176,7 +176,7 @@
   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,
@@ -185,7 +185,7 @@
   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,
@@ -194,7 +194,7 @@
   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,
@@ -203,7 +203,7 @@
   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);

package/lib/form/Field.d.ts

@@ -3,7 +3,7 @@ import { NamePath, LabelAlign, Rule } from './interface';
 export interface FormItemProps {
     children?: React.ReactNode;
     className?: string;
-    defaultValue?: string;
+    defaultValue?: any;
     disabled?: boolean;
     hidden?: boolean;
     label?: string | number;
@@ -15,6 +15,7 @@ export interface FormItemProps {
     rules?: Rule[];
     validateTrigger?: string | string[];
     wrapperWidth?: string | number;
+    valuePropName?: string;
 }
 declare const Field: React.FC<FormItemProps>;
 export default Field;