@kdcloudjs/kdesign 1.1.3 → 1.2.0

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

@@ -20,6 +20,10 @@ declare const compDefaultProps: {
         size: string;
         bordered: boolean;
     };
+    ButtonGroup: {
+        buttonType: string;
+        type: string;
+    };
     Card: {
         hoverable: boolean;
         selectable: boolean;

package/es/config-provider/compDefaultProps.js

@@ -22,6 +22,10 @@ var compDefaultProps = {
     size: 'middle',
     bordered: true
   },
+  ButtonGroup: {
+    buttonType: 'primary',
+    type: 'basic'
+  },
   Card: {
     hoverable: false,
     selectable: false

package/es/empty/defaultEmptyImg.js

@@ -1,5 +1,6 @@
 import React, { useContext } from 'react';
 import ConfigContext from '../config-provider/ConfigContext';
+import uniqueId from 'lodash/uniqueId';
 
 function DefaultEmptyImg() {
   var _useContext = useContext(ConfigContext),
@@ -7,6 +8,7 @@ function DefaultEmptyImg() {
       prefixCls = _useContext.prefixCls;
 
   var emptyPrefixCls = getPrefixCls(prefixCls, 'empty');
+  var linearGradientId = uniqueId(emptyPrefixCls + '-default-linearGradient');
   return /*#__PURE__*/React.createElement("svg", {
     className: "".concat(emptyPrefixCls, "-image"),
     width: "168px",
@@ -19,7 +21,7 @@ function DefaultEmptyImg() {
     y1: "0%",
     x2: "50%",
     y2: "100%",
-    id: "linearGradient-1"
+    id: linearGradientId
   }, /*#__PURE__*/React.createElement("stop", {
     stopColor: "#D6DCE7",
     offset: "0%"
@@ -69,7 +71,7 @@ function DefaultEmptyImg() {
     height: "6"
   })), /*#__PURE__*/React.createElement("g", {
     transform: "translate(108.000000, 40.000000)",
-    fill: "url(#linearGradient-1)",
+    fill: "url(#".concat(linearGradientId, ")"),
     id: "\u80CC\u666F/\u4E91",
     opacity: "0.300000012"
   }, /*#__PURE__*/React.createElement("g", {
@@ -78,7 +80,7 @@ function DefaultEmptyImg() {
     d: "M3,39 L3,24 C3,15.7157288 9.71572875,9 18,9 C25.4616776,9 31.6508469,14.4482558 32.8063948,21.5836543 C33.797875,21.2064779 34.8748247,21 36,21 C40.9705627,21 45,25.0294373 45,30 L45,39 L3,39 Z"
   }))), /*#__PURE__*/React.createElement("g", {
     transform: "translate(12.000000, 32.000000)",
-    fill: "url(#linearGradient-1)",
+    fill: "url(#".concat(linearGradientId, ")"),
     id: "\u80CC\u666F/\u4E91",
     opacity: "0.300000012"
   }, /*#__PURE__*/React.createElement("g", {

package/es/empty/illustrationEmptyImg.js

@@ -1,5 +1,6 @@
 import React, { useContext } from 'react';
 import ConfigContext from '../config-provider/ConfigContext';
+import uniqueId from 'lodash/uniqueId';
 
 function IllustrationEmptyImg() {
   var _useContext = useContext(ConfigContext),
@@ -7,6 +8,7 @@ function IllustrationEmptyImg() {
       prefixCls = _useContext.prefixCls;
 
   var emptyPrefixCls = getPrefixCls(prefixCls, 'empty');
+  var linearGradientId = uniqueId(emptyPrefixCls + '-illus-linearGradient-');
   return /*#__PURE__*/React.createElement("svg", {
     className: "".concat(emptyPrefixCls, "-image"),
     width: "200px",
@@ -25,7 +27,7 @@ function IllustrationEmptyImg() {
     y1: "0%",
     x2: "50%",
     y2: "100%",
-    id: "linearGradient-3"
+    id: linearGradientId
   }, /*#__PURE__*/React.createElement("stop", {
     stopColor: "#F2F5FA",
     offset: "0%"
@@ -38,7 +40,7 @@ function IllustrationEmptyImg() {
     y1: "0%",
     x2: "50%",
     y2: "100%",
-    id: "linearGradient-4"
+    id: "".concat(linearGradientId, "-1")
   }, /*#__PURE__*/React.createElement("stop", {
     stopColor: "#F2F5FA",
     offset: "0%"
@@ -92,7 +94,7 @@ function IllustrationEmptyImg() {
     transform: "translate(11.428571, 37.050000)"
   }, /*#__PURE__*/React.createElement("g", {
     transform: "translate(34.285714, 34.200000) scale(-1, 1) translate(-34.285714, -34.200000) ",
-    fill: "url(#linearGradient-3)",
+    fill: "url(#".concat(linearGradientId, ")"),
     id: "\u5F62\u72B6\u7ED3\u5408"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M4.28571429,55.575 L4.28571429,34.2535714 C4.28571429,22.4188982 13.8796125,12.825 25.7142857,12.825 C36.3598894,12.825 45.1923741,20.587885 46.8597669,30.7616821 C48.2786739,30.2207368 49.8190861,29.925 51.4285714,29.925 C58.5293754,29.925 64.2857143,35.6813389 64.2857143,42.7821429 L64.2857143,55.575 L4.28571429,55.575 Z"
@@ -101,7 +103,7 @@ function IllustrationEmptyImg() {
     id: "\u80CC\u666F/\u4E91"
   }, /*#__PURE__*/React.createElement("g", {
     transform: "translate(142.857143, 51.300000)",
-    fill: "url(#linearGradient-4)",
+    fill: "url(#".concat(linearGradientId, "-1)"),
     id: "\u5F62\u72B6\u7ED3\u5408"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M17.1428571,8.55 C24.2401777,8.55 30.1286667,13.7256234 31.2399627,20.508509 C32.186033,20.1471098 33.2128549,19.95 34.2857143,19.95 C39.0195836,19.95 42.8571429,23.7875593 42.8571429,28.5214286 L42.8571429,37.05 L31.4281429,37.049 L31.4285714,37.05 L2.85714286,37.05 L2.85714286,22.8357143 C2.85714286,14.9459321 9.253075,8.55 17.1428571,8.55 Z"

package/es/icon/interface.js

@@ -1,5 +1,5 @@
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import { tuple } from '../_utils/type';
-export var BaseIcon = ['arrow-up', 'arrow-down', 'arrow-left', 'arrow-right', 'first', 'last', 'double-arrow-left', 'double-arrow-right', 'push-down', 'put-top', 'put-bottom', 'put-on', 'put-off', 'switch-up', 'switch-down', 'all-border', 'top-border', 'right-border', 'bottom-border', 'left-border', 'left-extension', 'right-extension', 'left-unfold', 'right-unfold', 'unfoldmenu', 'foldmenu', 'enlarge', 'expand', 'close-full-screen', 'split', 'back', 'arrow', 'no-border', 'border', 'rough-border', 'align-left', 'align-right', 'align-center', 'vertical-center', 'delete-indentation', 'equal', 'greater-equal', 'not-equal', 'male', 'female', 'copy', 'print', 'lock', 'scanning', 'like', 'project', 'user-info', 'shutdown', 'image', 'delete-line', 'add-line', 'job-info', 'detect', 'cancel', 'stop', 'cell', 'fixed-shrink', 'attachment', 'location', 'reduce', 'resign-report', 'forbid', 'education', 'unlock', 'contract', 'filter', 'more', 'operating-element', 'fail', 'edit', 'have-attachment', 'hide', 'preview', 'unfold-all', 'wrap', 'filter-switch', 'qualification-info', 'cn', 'en', 'git', 'reset', 'preview-view', 'unfold', 'comment', 'shoppingcart', 'add-child', 'save', 'detail', 'table-setting', 'edit-view', 'edit-border', 'hyperlink', 'code', 'import', 'address', 'analysis', 'share', 'chart', 'fixed-window', 'order', 'phone', 'classify', 'feedback', 'menu', 'voice', 'search-border', 'material', 'finish', 'more-info', 'fixed', 'change', 'copy-code', 'return', 'qrcode', 'counterclockwise', 'list', 'switch', 'task-process', 'add', 'delete', 'add-word', 'two-window', 'spin', 'ordered-list', 'cooperation', 'quit', 'shrink', 'zoom', 'graffiti', 'experience', 'medical-report', 'bankcard', 'yunzhijia', 'customize', 'refresh', 'search', 'loadding', 'loadding-circle', 'right', 'close', 'upload', 'download', 'upload-cloud', 'waiting', 'warning', 'exclamatory', 'tips', 'setting', 'chart-display', 'date', 'more-item', 'international', 'little-k', 'bellOutlined'];
+export var BaseIcon = ['arrow-up', 'arrow-down', 'arrow-left', 'arrow-right', 'first', 'last', 'double-arrow-left', 'double-arrow-right', 'push-down', 'put-top', 'put-bottom', 'put-on', 'put-off', 'switch-up', 'switch-down', 'all-border', 'top-border', 'right-border', 'bottom-border', 'left-border', 'left-extension', 'right-extension', 'left-unfold', 'right-unfold', 'unfoldmenu', 'foldmenu', 'enlarge', 'expand', 'close-full-screen', 'split', 'back', 'arrow', 'no-border', 'border', 'rough-border', 'align-left', 'align-right', 'align-center', 'vertical-center', 'delete-indentation', 'equal', 'greater-equal', 'not-equal', 'male', 'female', 'copy', 'print', 'lock', 'scanning', 'like', 'project', 'user-info', 'shutdown', 'image', 'delete-line', 'add-line', 'job-info', 'detect', 'cancel', 'stop', 'cell', 'fixed-shrink', 'attachment', 'location', 'reduce', 'resign-report', 'forbid', 'education', 'unlock', 'contract', 'filter', 'more', 'operating-element', 'fail', 'edit', 'have-attachment', 'hide', 'preview', 'unfold-all', 'wrap', 'filter-switch', 'qualification-info', 'cn', 'en', 'git', 'reset', 'preview-view', 'unfold', 'comment', 'shoppingcart', 'add-child', 'save', 'detail', 'table-setting', 'edit-view', 'edit-border', 'hyperlink', 'code', 'import', 'address', 'analysis', 'share', 'chart', 'fixed-window', 'order', 'phone', 'classify', 'feedback', 'menu', 'voice', 'search-border', 'material', 'finish', 'more-info', 'fixed', 'change', 'copy-code', 'return', 'qrcode', 'counterclockwise', 'list', 'switch', 'task-process', 'add', 'delete', 'add-word', 'two-window', 'spin', 'ordered-list', 'cooperation', 'quit', 'shrink', 'zoom', 'graffiti', 'experience', 'medical-report', 'bankcard', 'yunzhijia', 'customize', 'refresh', 'search', 'loadding', 'loadding-circle', 'right', 'close', 'upload', 'download', 'upload-cloud', 'waiting', 'warning', 'exclamatory', 'tips', 'setting', 'chart-display', 'date', 'more-item', 'international', 'little-k', 'bellOutlined', 'sigma'];
 export var SolidIcon = ['arrow-up-solid', 'arrow-right-solid', 'arrow-down-solid', 'arrow-left-solid', 'left-unfold-solid', 'right-unfold-solid', 'unlock-solid', 'multiply', 'division-solid', 'title-solid', 'communication-solid', 'fixed-solid', 'more-info-solid', 'timezone-solid', 'mosaic-solid', 'strike-solid', 'lock-solid', 'filter-solid', 'person-solid', 'bold-solid', 'delete-solid', 'processing-solid', 'tips-solid', 'quote-solid', 'oblique-solid', 'sun-solid', 'underline-solid', 'font-background-solid', 'eliminate-solid', 'font-color-solid', 'fx', 'refresh-solid', 'right-solid', 'location-solid', 'add-solid', 'warning-solid', 'close-solid', 'right-bold', 'close-bold', 'workbench', 'star', 'notice'];
 export var IconTypes = tuple.apply(void 0, _concatInstanceProperty(BaseIcon).call(BaseIcon, SolidIcon));

package/es/image/preview.js

@@ -172,7 +172,7 @@ var Preview = function Preview(props) {
   }, operations, /*#__PURE__*/React.createElement("span", {
     onClick: onClose
   }, /*#__PURE__*/React.createElement(Icon, {
-    type: "close"
+    type: "close-solid"
   }), "\u5173\u95ED"))));
   return /*#__PURE__*/ReactDOM.createPortal(peviewContainer, document.body);
 };

package/es/image/style/index.css

@@ -137,8 +137,8 @@
   opacity: 0;
   -webkit-transform: translateY(100%);
           transform: translateY(100%);
-  -webkit-transition: all var(--kd-c-image-action-transition, var(--kd-g-duration-quickly, 0.2s)) ease-out;
-  transition: all var(--kd-c-image-action-transition, var(--kd-g-duration-quickly, 0.2s)) ease-out;
+  -webkit-transition: all 0.2s ease-out;
+  transition: all 0.2s ease-out;
   background-color: var(--kd-c-image-action-color-background, rgba(0, 0, 0, 0.5));
 }
 .kd-image-action > * {
@@ -151,7 +151,7 @@
   margin-left: 20px;
 }
 .kd-image-preview {
-  z-index: var(--kd-c-image-z-index-masker, var(--kd-g-z-index-masker, 3000));
+  z-index: 3000;
   position: fixed;
   top: 0;
   right: 0;
@@ -161,8 +161,8 @@
   -webkit-transform: scale(0.15);
           transform: scale(0.15);
   visibility: hidden;
-  -webkit-transition: all calc(var(--kd-c-image-transition-duration, 0.3s) - 0.1s) var(--kd-c-image-motion-ease-out, var(--kd-g-ease-in, cubic-bezier(0.4, 0, 1, 0.6)));
-  transition: all calc(var(--kd-c-image-transition-duration, 0.3s) - 0.1s) var(--kd-c-image-motion-ease-out, var(--kd-g-ease-in, cubic-bezier(0.4, 0, 1, 0.6)));
+  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 0.6);
+  transition: all 0.2s cubic-bezier(0.4, 0, 1, 0.6);
   -webkit-overflow-scrolling: touch;
 }
 .kd-image-preview.show {
@@ -170,8 +170,8 @@
   -webkit-transform: scale(1);
           transform: scale(1);
   visibility: visible;
-  -webkit-transition: all calc(var(--kd-c-image-transition-duration, 0.3s) - 0.1s) var(--kd-c-image-motion-ease-out, var(--kd-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1)));
-  transition: all calc(var(--kd-c-image-transition-duration, 0.3s) - 0.1s) var(--kd-c-image-motion-ease-out, var(--kd-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1)));
+  -webkit-transition: all 0.2s cubic-bezier(0, 0.4, 0.4, 1);
+  transition: all 0.2s cubic-bezier(0, 0.4, 0.4, 1);
 }
 .kd-image-preview-mask {
   position: fixed;
@@ -255,7 +255,7 @@
 }
 .kd-image-preview-action i {
   color: var(--kd-c-image-icon-color, var(--kd-g-color-white, #fff));
-  font-size: var(--kd-c-image-icon-font-size, 27px);
+  font-size: var(--kd-c-image-icon-font-size, 26px);
   cursor: pointer;
 }
 .kd-image-preview-action i:hover,

package/es/image/style/index.less

@@ -41,7 +41,7 @@
     text-align: center;
     opacity: 0;
     transform: translateY(100%);
-    transition: all @image-action-transition ease-out;
+    transition: all 0.2s ease-out;
     background-color: @image-action-background-color;
 
     >* {
@@ -58,7 +58,7 @@
 }
 
 .@{image-preview-prefix-cls} {
-  z-index: @image-z-index-masker;
+  z-index: 3000;
   position: fixed;
   top: 0;
   right: 0;
@@ -67,14 +67,14 @@
   opacity: 0;
   transform: scale(0.15);
   visibility: hidden;
-  transition: all calc(@image-transition-duration - 0.1s) @image-motion-ease-in;
+  transition: all 0.2s cubic-bezier(0.4,0,1,0.6);
   -webkit-overflow-scrolling: touch;
 
   &.show {
     opacity: 1;
     transform: scale(1);
     visibility: visible;
-    transition: all calc(@image-transition-duration - 0.1s) @image-motion-ease-out;
+    transition: all 0.2s cubic-bezier(0,.4,.4,1);
   }
 
   &-mask {
@@ -104,7 +104,7 @@
 
     &:hover,
     &:active {
-      color: @theme-color;
+      color: #5582f3;
     }
   }
 

package/es/image/style/token.less

@@ -2,31 +2,18 @@
 
 @image-prefix: '--@{kd-prefix}-c-image';
 
-@image-transition-duration: var(~'@{image-prefix}-transition-duration',@transition-duration);
-@image-motion-ease-out: var(~'@{image-prefix}-motion-ease-out',@motion-ease-out);
-@image-motion-ease-in: var(~'@{image-prefix}-motion-ease-out',@motion-ease-in);
-@image-z-index-masker: var(~'@{image-prefix}-z-index-masker',@z-index-masker);
-@image-border-radius: var(~'@{image-prefix}-radius-border',@radius-border);
-@image-action-transition: var(~'@{image-prefix}-action-transition',@duration-quickly);
-
-
-
-
 // color
-@image-icon-color: var(~'@{image-prefix}-icon-color',@color-white);//图片预览 图标颜色
-@image-close-color-background: var(~'@{image-prefix}-close-color-background',#666666);//删除图标 背景色
-@image-action-background-color: var(~'@{image-prefix}-action-color-background',rgba(0, 0, 0, 0.5));
-
-
+@image-icon-color: var(~'@{image-prefix}-icon-color', @color-white); //图片预览 图标颜色
+@image-close-color-background: var(~'@{image-prefix}-close-color-background', #666666); //删除图标 背景色
+@image-action-background-color: var(~'@{image-prefix}-action-color-background', rgba(0, 0, 0, 0.5));
 // font
-@image-icon-font-size: var(~'@{image-prefix}-icon-font-size',27px);//图片预览 图标大小
-@image-preview-close-font-size: var(~'@{image-prefix}-preview-font-size',28px);
-@image-font-size-x-large: var(~'@{image-prefix}-font-size-x-large',@font-size-x-large);
-
+@image-icon-font-size: var(~'@{image-prefix}-icon-font-size', 26px); //图片预览 图标大小
+@image-preview-close-font-size: var(~'@{image-prefix}-preview-font-size', 28px);
+@image-font-size-x-large: var(~'@{image-prefix}-font-size-x-large', @font-size-x-large);
+// radius
+@image-border-radius: var(~'@{image-prefix}-radius-border', @radius-border);
 // sizing
-@image-action-width: var(~'@{image-prefix}-action-sizing-width',100%);
-@image-preview-close-width: var(~'@{image-prefix}-preview-sizing-width',18px);
-@image-preview-close-height: var(~'@{image-prefix}-preview-sizing-height',18px);
-@image-action-height: var(~'@{image-prefix}-action-sizing-height',28px);
-
-
+@image-action-width: var(~'@{image-prefix}-action-sizing-width', 100%);
+@image-preview-close-width: var(~'@{image-prefix}-preview-sizing-width', 18px);
+@image-preview-close-height: var(~'@{image-prefix}-preview-sizing-height', 18px);
+@image-action-height: var(~'@{image-prefix}-action-sizing-height', 28px);

package/es/rate/style/index.css

@@ -121,13 +121,13 @@
           justify-content: flex-start;
 }
 .kd-rate-size-large {
-  font-size: var(--kd-c-rate-font-size-large, var(--kd-g-font-size-large, 16px));
+  font-size: var(--kd-c-rate-font-size-large, 20px);
 }
 .kd-rate-size-middle {
-  font-size: var(--kd-c-rate-font-size-middle, var(--kd-g-font-size-middle, 14px));
+  font-size: var(--kd-c-rate-font-size-middle, 16px);
 }
 .kd-rate-size-small {
-  font-size: var(--kd-c-rate-font-size-small, var(--kd-g-font-size-small, 12px));
+  font-size: var(--kd-c-rate-font-size-small, 12px);
 }
 .kd-rate-item {
   display: -webkit-inline-box;
@@ -141,7 +141,7 @@
       -ms-flex-align: center;
           align-items: center;
   line-height: 100%;
-  margin-right: var(--kd-c-rate-spacing-margin-right, 10px);
+  margin-right: var(--kd-c-rate-spacing-margin-right, 8px);
 }
 .kd-rate-item .kd-rate-icon-view {
   position: relative;
@@ -171,20 +171,20 @@
   left: 0;
   width: 50%;
   overflow: hidden;
-  color: var(--kd-c-rate-color-text-not-selected, #d9d9d9);
+  color: var(--kd-c-rate-color-text-not-selected, #E5E5E5);
   opacity: 1;
   cursor: pointer;
   -webkit-transition: color var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s));
   transition: color var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s));
 }
 .kd-rate-item .kd-rate-icon-first:hover {
-  color: var(--kd-c-rate-color-text-selected, #fdc200);
+  color: var(--kd-c-rate-color-text-selected, #FEC104);
 }
 .kd-rate-item .kd-rate-icon-second {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  color: var(--kd-c-rate-color-text-not-selected, #d9d9d9);
+  color: var(--kd-c-rate-color-text-not-selected, #E5E5E5);
   opacity: 1;
   cursor: pointer;
   -webkit-transition: color var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s));
@@ -196,10 +196,10 @@
   display: inline-flex;
 }
 .kd-rate-item .kd-rate-icon-second:hover {
-  color: var(--kd-c-rate-color-text-selected, #fdc200);
+  color: var(--kd-c-rate-color-text-selected, #FEC104);
 }
 .kd-rate-item .kd-rate-icon-selected {
-  color: var(--kd-c-rate-color-text-selected, #fdc200);
+  color: var(--kd-c-rate-color-text-selected, #FEC104);
   opacity: 1;
 }
 .kd-rate-item:last-child {

package/es/rate/style/token.less

@@ -3,16 +3,16 @@
 @rate-prefix: '--@{kd-prefix}-c-rate';
 
 // color
-@rate-selected-color: var(~'@{rate-prefix}-color-text-selected', #fdc200);
-@rate-not-selected-color: var(~'@{rate-prefix}-color-text-not-selected', #d9d9d9);
+@rate-selected-color: var(~'@{rate-prefix}-color-text-selected', #FEC104); 
+@rate-not-selected-color: var(~'@{rate-prefix}-color-text-not-selected', #E5E5E5);
 
 // font
-@rate-small-font-size: var(~'@{rate-prefix}-font-size-small', @font-size-small);
-@rate-middle-font-size: var(~'@{rate-prefix}-font-size-middle', @font-size-middle);
-@rate-large-font-size: var(~'@{rate-prefix}-font-size-large', @font-size-large);
+@rate-small-font-size: var(~'@{rate-prefix}-font-size-small', 12px);
+@rate-middle-font-size: var(~'@{rate-prefix}-font-size-middle', 16px);
+@rate-large-font-size: var(~'@{rate-prefix}-font-size-large', 20px);
 
 // motion
 @rate-transition-duration: var(~'@{rate-prefix}-motion-duration', @duration-promptly);
 
 // spacing
-@rate-icon-margin: var(~'@{rate-prefix}-spacing-margin-right', 10px);
+@rate-icon-margin: var(~'@{rate-prefix}-spacing-margin-right', 8px);

package/es/stepper/style/index.css

@@ -199,7 +199,7 @@
           justify-content: center;
   height: 100%;
   border-radius: 0 1px 1px 0;
-  background-color: var(--kd-c-stepper-embed-icon-color-background, #f6f7f9);
+  background-color: var(--kd-c-stepper-embed-icon-color-background, transparent);
   overflow: hidden;
   border-left: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
   border: none;

package/es/stepper/style/token.less

@@ -6,7 +6,7 @@
 @stepper-icon-color: var(~'@{stepper-prefix}-icon-color', @color-text-secondary);
 @stepper-icon-color-hover: var(~'@{stepper-prefix}-icon-color-hover', @color-theme);
 @stepper-color-border-strong: var(~'@{stepper-prefix}-color-border-strong', @color-border-strong);
-@stepper-embed-icon-color-background: var(~'@{stepper-prefix}-embed-icon-color-background', #f6f7f9);
+@stepper-embed-icon-color-background: var(~'@{stepper-prefix}-embed-icon-color-background', transparent);
 
 // font
 @stepper-input-font-size: var(~'@{stepper-prefix}-input-font-size', 12px);

package/es/style/icon/kdicon.css

@@ -1,6 +1,6 @@
 @font-face {
   font-family: "kdicon";
-  src: url("kdicon.woff?t=1648879081136") format("woff");
+  src: url("kdicon.woff?t=1649311510226") format("woff");
 }
 .kdicon {
   font-family: 'kdicon' !important;
@@ -187,6 +187,7 @@
 .kdicon-shoppingcart:before { content: "\e6bf"; }
 .kdicon-shrink:before { content: "\e6fd"; }
 .kdicon-shutdown:before { content: "\e686"; }
+.kdicon-sigma:before { content: "\e71b"; }
 .kdicon-spin:before { content: "\e6f7"; }
 .kdicon-split:before { content: "\e6c3"; }
 .kdicon-star:before { content: "\e653"; }

package/es/switch/style/index.css

@@ -107,7 +107,7 @@
   display: inline-block;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  background-color: var(--kd-c-switch-color-off, #999);
+  background-color: var(--kd-c-switch-color-off, #B2B2B2);
   cursor: pointer;
   -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
   transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
@@ -155,11 +155,11 @@
   vertical-align: baseline;
 }
 .kd-switch-disabled {
-  background-color: var(--kd-c-switch-color-background-disabled, var(--kd-g-color-disabled, #b2b2b2));
+  background-color: var(--kd-c-switch-color-off-background-disabled, #D9D9D9);
   cursor: not-allowed;
 }
 .kd-switch-checked {
-  background-color: var(--kd-c-switch-color-on, var(--kd-g-color-theme, #5582f3));
+  background-color: var(--kd-c-switch-color-on, var(--kd-g-color-theme-6, #5582f3));
   text-align: right;
 }
 .kd-switch-checked::after {
@@ -174,7 +174,7 @@
   color: var(--kd-c-switch-color-loading, var(--kd-g-color-ongoing, #276ff5));
 }
 .kd-switch-checked.kd-switch-disabled {
-  opacity: 0.5;
+  background-color: var(--kd-c-switch-color-on-background-disabled, var(--kd-g-color-theme-4, #b5cfff));
 }
 .kd-switch-checked .kd-switch-inner {
   margin: var(--kd-c-switch-inner-spacing-margin-checked, 0 17px 0 5px);
@@ -183,19 +183,19 @@
   margin: var(--kd-c-switch-inner-spacing-margin-large-checked, 0 21px 0 5px);
 }
 .kd-switch-size-small {
-  height: var(--kd-c-switch-small-sizing-height, 14px);
-  min-width: var(--kd-c-switch-small-sizing-width, 28px);
+  height: var(--kd-c-switch-small-sizing-height, 16px);
+  min-width: var(--kd-c-switch-small-sizing-width, 32px);
   line-height: var(--kd-c-switch-small-line-height, 14px);
   font-size: var(--kd-c-switch-small-font-size, var(--kd-g-font-size-small, 12px));
-  border-radius: var(--kd-c-switch-small-radius-border, 7px);
+  border-radius: var(--kd-c-switch-small-radius-border, 8px);
 }
 .kd-switch-size-small::after {
-  width: calc(var(--kd-c-switch-small-sizing-height, 14px) - 2px);
-  height: calc(var(--kd-c-switch-small-sizing-height, 14px) - 2px);
+  width: calc(var(--kd-c-switch-small-sizing-height, 16px) - 2px);
+  height: calc(var(--kd-c-switch-small-sizing-height, 16px) - 2px);
 }
 .kd-switch-size-small .kd-switch-loading-icon {
-  width: calc(var(--kd-c-switch-small-sizing-height, 14px) - 2px);
-  height: calc(var(--kd-c-switch-small-sizing-height, 14px) - 2px);
+  width: calc(var(--kd-c-switch-small-sizing-height, 16px) - 2px);
+  height: calc(var(--kd-c-switch-small-sizing-height, 16px) - 2px);
 }
 .kd-switch-size-large {
   height: var(--kd-c-switch-large-sizing-height, 20px);

package/es/switch/style/index.less

@@ -32,7 +32,7 @@
   }
 
   &-disabled {
-    background-color: @switch-disabled-bg;
+    background-color: @switch-off-disabled-bg;
     cursor: not-allowed;
   }
 
@@ -53,7 +53,7 @@
     }
 
     &.@{switch-prefix-cls}-disabled {
-      opacity: 0.5;
+      background-color: @switch-on-disabled-bg;
     }
 
     .@{switch-prefix-cls}-inner {

package/es/switch/style/token.less

@@ -2,11 +2,11 @@
 
 @switch-prefix: '--@{kd-prefix}-c-switch';
 
-
 // color
-@switch-on-color: var(~'@{switch-prefix}-color-on', @color-theme);
-@switch-off-color: var(~'@{switch-prefix}-color-off', #999);
-@switch-disabled-bg: var(~'@{switch-prefix}-color-background-disabled', @color-disabled);
+@switch-on-color: var(~'@{switch-prefix}-color-on', @color-theme-6);
+@switch-off-color: var(~'@{switch-prefix}-color-off', #B2B2B2);
+@switch-on-disabled-bg: var(~'@{switch-prefix}-color-on-background-disabled', @color-theme-4);
+@switch-off-disabled-bg: var(~'@{switch-prefix}-color-off-background-disabled', #D9D9D9);
 @switch-loading-color: var(~'@{switch-prefix}-color-loading', @color-ongoing);
 @switch-font-color: var(~'@{switch-prefix}-color-font', @color-white);
 
@@ -15,19 +15,16 @@
 @switch-large-font-size: var(~'@{switch-prefix}-large-font-size', @font-size-small);
 @switch-inner-small-font-size: var(~'@{switch-prefix}-inner-font-size-small', @font-size-small);
 
-
 // line-height
 @switch-large-line-height: var(~'@{switch-prefix}-large-line-height', 20px);
 @switch-small-line-height: var(~'@{switch-prefix}-small-line-height', 14px);
 
-
 //radius
-@switch-small-border-radius: var(~'@{switch-prefix}-small-radius-border', 7px);
-
+@switch-small-border-radius: var(~'@{switch-prefix}-small-radius-border', 8px);
 
 // sizing
-@switch-small-height: var(~'@{switch-prefix}-small-sizing-height', 14px);
-@switch-small-min-width: var(~'@{switch-prefix}-small-sizing-width', 28px);
+@switch-small-height: var(~'@{switch-prefix}-small-sizing-height', 16px);
+@switch-small-min-width: var(~'@{switch-prefix}-small-sizing-width', 32px);
 @switch-large-height: var(~'@{switch-prefix}-large-sizing-height', 20px);
 @switch-large-min-width: var(~'@{switch-prefix}-large-sizing-width', 40px);
 @switch-large-border-radius: var(~'@{switch-prefix}-large-sizing-border-radius', 10px);

package/lib/_utils/usePopper.js

@@ -490,7 +490,6 @@ function usePopper(locatorElement, popperElement, props) {
     }
   }, [disabled, exist, onTrigger, visible]);
   var hidePopper = (0, _react.useCallback)(function () {
-    setEvType('');
     props.visible === undefined && setVisible(false);
     onVisibleChange && onVisibleChange(false);
   }, [onVisibleChange, props.visible]);

package/lib/anchor/anchor.js

@@ -364,12 +364,6 @@ var InternalAnchor = function InternalAnchor(props, ref) {
   var handleVisibleChange = function handleVisibleChange(visible) {
     !isLocked && onVisibleChange && onVisibleChange(visible);
     if (props.visible !== undefined) return;
-
-    if (visible) {
-      setOptionShow(visible);
-      return;
-    }
-
     !isLocked && setOptionShow(visible);
   };
 

package/lib/anchor/style/index.css

@@ -180,7 +180,7 @@
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-  padding: 0 6px;
+  padding: 0 4px;
   line-height: 1.5;
   vertical-align: middle;
 }
@@ -194,7 +194,7 @@
 }
 .kd-anchor-advanced-arrows {
   color: var(--kd-c-anchor-advanced-arrows-color-text, #666);
-  font-size: var(--kd-c-anchor-icon-font-size, 16px);
+  font-size: var(--kd-c-anchor-advanced-arrows-font-size, 24px);
   cursor: pointer;
 }
 .kd-anchor-advanced-arrows:hover {
@@ -257,6 +257,9 @@
 .kd-anchor-link {
   padding: var(--kd-c-anchor-spacing-padding, 7px 8px);
 }
+.kd-anchor-link > .kd-anchor-link {
+  padding: var(--kd-c-anchor-secondary-spacing-padding, 12px 8px);
+}
 .kd-anchor-link-title {
   text-decoration: none;
   color: var(--kd-c-anchor-color-text-primary, var(--kd-g-color-text-primary, #212121));

package/lib/anchor/style/index.less

@@ -72,7 +72,7 @@
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
-        padding: 0 6px;
+        padding: 0 4px;
         line-height: 1.5;
         vertical-align: middle;
       }
@@ -90,7 +90,7 @@
 
   &-advanced-arrows {
     color: @anchor-advanced-arrows-color;
-    font-size: @anchor-icon-font-size;
+    font-size: @anchor-advanced-arrows-font-size;
     cursor: pointer;
     &:hover {
       color: @anchor-color-theme;
@@ -154,6 +154,10 @@
   &-link {
     padding: @anchor-link-padding;
 
+    &>.@{anchor-prefix-cls}-link {
+      padding: @anchor-link-secondary-padding;
+    }
+
     &-title {
       text-decoration: none;
       color: @anchor-primary-text-color;

package/lib/anchor/style/token.less

@@ -19,6 +19,7 @@
 @anchor-link-top: var(~'@{anchor-prefix}-spacing-vertical', 7px);
 @anchor-link-left: var(~'@{anchor-prefix}-spacing-horizontal', 7px);
 @anchor-link-padding: var(~'@{anchor-prefix}-spacing-padding', 7px 8px);
+@anchor-link-secondary-padding: var(~'@{anchor-prefix}-secondary-spacing-padding', 12px 8px);
 @anchor-advanced-padding-top: var(~'@{anchor-prefix}-advanced-spacing-padding-top', 8px);
 @anchor-advanced-padding-bottom: var(~'@{anchor-prefix}-advanced-spacing-padding-bottom', 7px);
 @anchor-ink-line-width: var(~'@{anchor-prefix}-ink-line-spacing-width', 1px);
@@ -28,6 +29,6 @@
 @anchor-advanced-lock-size: var(~'@{anchor-prefix}-advanced-lock-font-size', 16px);
 @anchor-font-size: var(~'@{anchor-prefix}-font-size', @font-size-small);
 @anchor-icon-font-size: var(~'@{anchor-prefix}-icon-font-size', 16px);
-
+@anchor-advanced-arrows-font-size: var(~'@{anchor-prefix}-advanced-arrows-font-size', 24px);
 // motion
 @anchor-transition-duration: var(~'@{anchor-prefix}-duration-duration', @duration-promptly);

package/lib/button/button.d.ts

@@ -3,7 +3,7 @@ export declare const ButtonTypes: ["second", "primary", "ghost", "text"];
 export declare type ButtonType = typeof ButtonTypes[number];
 export declare const ButtonSizes: ["large", "middle", "small"];
 export declare type ButtonSize = typeof ButtonSizes[number];
-export declare const ButtonShapes: ["circle", "round"];
+export declare const ButtonShapes: ["circle", "round", "none"];
 export declare type ButtonShape = typeof ButtonShapes[number];
 export declare const ButtonIconPlaces: ["left", "right"];
 export declare type ButtonIconPlace = typeof ButtonIconPlaces[number];