@kdcloudjs/kdesign 1.6.19 → 1.6.21

package/lib/input-number/inputNumber.js

@@ -39,6 +39,8 @@ var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
 
 var _big = _interopRequireDefault(require("big.js"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -85,7 +87,8 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
       prefix = inputNumberProps.prefix,
       suffix = inputNumberProps.suffix,
       formatter = inputNumberProps.formatter,
-      others = __rest(inputNumberProps, ["value", "defaultValue", "mustInScope", "decimalLength", "mustInPrecisionScope", "digitLength", "onChange", "symbol", "zeroShow", "showDecimalTailZero", "code", "roundMethod", "mask", "stepOption", "min", "minMark", "max", "maxMark", "prefix", "suffix", "formatter"]);
+      className = inputNumberProps.className,
+      others = __rest(inputNumberProps, ["value", "defaultValue", "mustInScope", "decimalLength", "mustInPrecisionScope", "digitLength", "onChange", "symbol", "zeroShow", "showDecimalTailZero", "code", "roundMethod", "mask", "stepOption", "min", "minMark", "max", "maxMark", "prefix", "suffix", "formatter", "className"]);
 
   var initVal = value === undefined ? defaultValue : value;
 
@@ -372,7 +375,7 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
     onFocus: handleFocus,
     onBlur: handleBlur,
     onKeyDown: handleKeyDown,
-    className: inputPrefixCls
+    className: (0, _classnames.default)(inputPrefixCls, className)
   }));
 };
 

package/lib/menu/style/index.css

@@ -104,6 +104,20 @@
 /* 多行显示省略号 */
 /* 单行显示省略号 */
 /** 浮层箭头样式 **/
+.menu-hidden {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
+          animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
+  -webkit-animation-delay: 0.1s;
+          animation-delay: 0.1s;
+  -webkit-transition: opacity, visibility;
+  transition: opacity, visibility;
+  -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
+          transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+}
 .menu-dark-hover {
   background-color: var(--kd-c-menu-sub-color-background, #121319);
   color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
@@ -520,9 +534,10 @@
 .kd-menu-popper.hidden {
   opacity: 0;
   visibility: hidden;
-  display: none;
   -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
           animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
+  -webkit-animation-delay: 0.1s;
+          animation-delay: 0.1s;
   -webkit-transition: opacity, visibility;
   transition: opacity, visibility;
   -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
@@ -562,6 +577,8 @@
   visibility: hidden;
   -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
           animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
+  -webkit-animation-delay: 0.1s;
+          animation-delay: 0.1s;
   -webkit-transition: opacity, visibility;
   transition: opacity, visibility;
   -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);

package/lib/menu/style/index.less

@@ -187,13 +187,7 @@
   }
 
   &.hidden {
-    opacity: 0;
-    visibility: hidden;
-    display: none;
-    animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
-    transition: opacity, visibility;
-    transition-duration: calc(@menu-motion-duration - 0.1s);
-    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+    .menu-hidden()
   }
 
   .@{submenu-prefix-cls} {
@@ -223,12 +217,7 @@
       }
 
       &-hide {
-        opacity: 0;
-        visibility: hidden;
-        animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
-        transition: opacity, visibility;
-        transition-duration: calc(@menu-motion-duration - 0.1s);
-        transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+        .menu-hidden()
       }
     }
   }

package/lib/menu/style/mixin.less

@@ -78,6 +78,15 @@
   }
 }
 
+.menu-hidden {
+  opacity: 0;
+  visibility: hidden;
+  animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
+  animation-delay: 0.1s;
+  transition: opacity, visibility;
+  transition-duration: calc(@menu-motion-duration - 0.1s);
+  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+}
 
 .menu-dark-hover {
   background-color: @menu-sub-color-background;

package/lib/radio/group.js

@@ -50,23 +50,22 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
 
   React.useEffect(function () {
-    if (props.value) {
+    if (props.value !== undefined) {
       setValue(props.value);
     }
   }, [props.value]);
 
-  var onRadioChange = function onRadioChange(ev) {
+  var onRadioChange = function onRadioChange(ev, checkedValue) {
     var lastValue = value;
-    var val = ev.target.value;
 
     if (!('value' in props)) {
-      setValue(val);
+      setValue(checkedValue);
     }
 
     var onChange = props.onChange;
 
-    if (onChange && val !== lastValue) {
-      onChange(ev);
+    if (onChange && checkedValue !== lastValue) {
+      onChange(ev, checkedValue);
     }
   };
 

package/lib/radio/interface.d.ts

@@ -30,7 +30,7 @@ export interface IRadioGroupProps {
     value?: any;
     className?: string;
     style?: React.CSSProperties;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>, value: RadioValueType) => void;
     size?: SizeType;
     name?: string;
     children?: React.ReactNode;
@@ -40,7 +40,7 @@ export interface IRadioGroupProps {
     optionType?: RadioGroupOptionType;
 }
 export interface IRadioGroupContextProps {
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>, value: RadioValueType) => void;
     value: any;
     disabled?: boolean;
     name?: string;

package/lib/radio/radio.js

@@ -13,10 +13,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 
 var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
@@ -27,12 +27,18 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _isBoolean = _interopRequireDefault(require("lodash/isBoolean"));
 
+var _isNumber = _interopRequireDefault(require("lodash/isNumber"));
+
+var _isString = _interopRequireDefault(require("lodash/isString"));
+
 var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
 
 var _utils = require("../_utils");
 
 var _context = _interopRequireDefault(require("./context"));
 
+var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -70,14 +76,17 @@ var InternalRadio = function InternalRadio(props, ref) {
       children = _a.children,
       className = _a.className,
       radioType = _a.radioType,
+      value = _a.value,
+      disabled = _a.disabled,
       defaultChecked = _a.defaultChecked,
       customPrefixcls = _a.prefixCls,
-      restProps = __rest(_a, ["style", "checked", "children", "className", "radioType", "defaultChecked", "prefixCls"]); // 属性需要合并一遍用户定义的默认属性
+      restProps = __rest(_a, ["style", "checked", "children", "className", "radioType", "value", "disabled", "defaultChecked", "prefixCls"]); // 属性需要合并一遍用户定义的默认属性
 
 
-  var getChecked = function getChecked() {
-    return (0, _isBoolean.default)(checked) ? checked : defaultChecked;
-  };
+  (0, _devwarning.default)(!((0, _isNumber.default)(value) || (0, _isString.default)(value)) && value !== '', 'radio', 'radio `value` type must string or number ');
+  (0, _devwarning.default)(value === '', 'radio', 'radio value type is not empty string ');
+  var mergedDisabled = (context === null || context === void 0 ? void 0 : context.disabled) || restProps.disabled;
+  var initValue = context ? value === context.value : (0, _isBoolean.default)(checked) ? checked : defaultChecked;
 
   var getPrefix = function getPrefix(radioType) {
     return "radio".concat(radioType === 'square' ? "-".concat(radioType) : '');
@@ -85,16 +94,15 @@ var InternalRadio = function InternalRadio(props, ref) {
 
   var radioPrefixCls = getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls(prefixCls, getPrefix(radioType), customPrefixcls); // 样式前缀
 
-  var _React$useState = _react.default.useState(getChecked()),
+  var _React$useState = _react.default.useState(initValue),
       _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
       isChecked = _React$useState2[0],
       setIsChecked = _React$useState2[1];
 
   _react.default.useEffect(function () {
-    checked !== undefined && setIsChecked(checked);
-  }, [checked]);
-
-  var radioProps = (0, _extends2.default)({}, restProps);
+    var checkedValue = context ? value === context.value : (0, _isBoolean.default)(checked) ? checked : defaultChecked;
+    setIsChecked(checkedValue);
+  }, [checked, defaultChecked, context === null || context === void 0 ? void 0 : context.value]);
 
   var onChange = function onChange(e) {
     setIsChecked(e.target.checked);
@@ -104,19 +112,11 @@ var InternalRadio = function InternalRadio(props, ref) {
     }
 
     if (context === null || context === void 0 ? void 0 : context.onChange) {
-      context.onChange(e);
+      context.onChange(e, value);
     }
   };
 
-  radioProps.onChange = onChange;
-
-  if (context) {
-    radioProps.name = context.name;
-    radioProps.checked = String(props.value) === String(context.value);
-    radioProps.disabled = props.disabled || context.disabled;
-  }
-
-  var classString = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(radioPrefixCls), true), (0, _defineProperty2.default)(_classNames, "".concat(radioPrefixCls, "-disabled"), radioProps.disabled), (0, _defineProperty2.default)(_classNames, "".concat(radioPrefixCls, "-checked"), context ? radioProps.checked : isChecked), _classNames), className); // 单选包裹元素class名称
+  var classString = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(radioPrefixCls), true), (0, _defineProperty2.default)(_classNames, "".concat(radioPrefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames, "".concat(radioPrefixCls, "-checked"), isChecked), _classNames), className); // 单选包裹元素class名称
 
   (0, _react.useEffect)(function () {
     var _a;
@@ -147,8 +147,13 @@ var InternalRadio = function InternalRadio(props, ref) {
       ref: mergedRef
     }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
       type: "radio",
-      className: "".concat(radioPrefixCls, "-input")
-    }, radioProps)), children !== undefined ? /*#__PURE__*/_react.default.createElement("span", {
+      className: "".concat(radioPrefixCls, "-input"),
+      checked: isChecked,
+      onChange: onChange,
+      value: value,
+      name: context === null || context === void 0 ? void 0 : context.name,
+      disabled: mergedDisabled
+    }, restProps)), children !== undefined ? /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(radioPrefixCls, "-text")
     }, children) : null)
   );

package/lib/select/select.js

@@ -440,8 +440,8 @@ var InternalSelect = function InternalSelect(props, ref) {
         selectedVal = _multipleRef$current3.selectedVal,
         selectMulOpts = _multipleRef$current3.selectMulOpts;
 
-    if ((realChildren === null || realChildren === void 0 ? void 0 : realChildren.length) !== selectedVal.length) {
-      (0, _map.default)(realChildren).call(realChildren, function (child) {
+    if ((filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) !== selectedVal.length) {
+      (0, _map.default)(filledOptions).call(filledOptions, function (child) {
         var _ref = child.props || child,
             value = _ref.value;
 
@@ -454,6 +454,7 @@ var InternalSelect = function InternalSelect(props, ref) {
         }
       });
       setMulOptions((0, _toConsumableArray2.default)(selectMulOpts));
+      setSearchValue('');
     } else {
       multipleRef.current.selectedVal = selectedVal = [];
       multipleRef.current.selectMulOpts = selectMulOpts = [];
@@ -566,10 +567,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     return (filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) === 0 && /*#__PURE__*/_react.default.createElement("div", {
       className: emptyListCls
     }, emptyContent);
-  }; // const isShowSearch = useCallback(() => {
-  //   return !showSearch ? false : !!searchValue
-  // }, [showSearch, searchValue])
-
+  };
 
   var isShowSearch = (0, _react.useMemo)(function () {
     return (0, _isBoolean.default)(showSearch) ? showSearch : isMultiple;
@@ -600,8 +598,8 @@ var InternalSelect = function InternalSelect(props, ref) {
       height: '30px',
       background: 'none'
     };
-    var indeterminate = mulOptions.length > 0 && mulOptions.length < realChildren.length;
-    var checked = mulOptions.length === realChildren.length;
+    var indeterminate = mulOptions.length > 0 && mulOptions.length < filledOptions.length;
+    var checked = mulOptions.length === filledOptions.length;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: dropDownCls,
       style: dropDownStyle,

package/lib/stepper/stepper.js

@@ -248,6 +248,7 @@ var InternalStepper = function InternalStepper(props, ref) {
 
   return /*#__PURE__*/_react.default.createElement(_inputNumber.default, (0, _extends2.default)({}, (0, _omit.omit)(inputNumberProps, ['step', 'type', 'stepBtnClassName', 'value', 'defaultValue']), {
     ref: inputNumberRef,
+    className: "".concat(inputPrefixCls, "-stepper"),
     stepperrref: stepperrref,
     value: value,
     prefix: getStepPrefix(),

package/lib/stepper/style/index.css

@@ -101,22 +101,22 @@
     普通组件内部自身层级应设置在0-100间
 */
 /* -----------  zIndex  ——————---- end */
-.kd-inputNumber {
+.kd-inputNumber-stepper {
   width: 100px;
-  height: var(--kd-c-stepper-input-middle-sizing-height, 28px);
+  --kd-c-input-sizing-height-middle: 28px;
   --kd-c-input-wrapper-padding-left: 9px;
   --kd-c-input-padding-left: 0;
 }
-.kd-inputNumber input {
+.kd-inputNumber-stepper input {
   text-align: center;
   color: var(--kd-c-stepper-input-color, var(--kd-g-color-text-primary, #212121));
   margin: 0 4px;
   font-size: var(--kd-c-stepper-input-font-size, 12px);
 }
-.kd-inputNumber-icon {
+.kd-inputNumber-stepper-icon {
   font-size: 14px;
 }
-.kd-inputNumber-baseStep {
+.kd-inputNumber-stepper-baseStep {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -131,65 +131,65 @@
   height: 100%;
   cursor: pointer;
 }
-.kd-inputNumber-baseStep-small {
+.kd-inputNumber-stepper-baseStep-small {
   width: var(--kd-c-stepper-input-small-sizing-height, 20px);
 }
-.kd-inputNumber-baseStep-middle {
+.kd-inputNumber-stepper-baseStep-middle {
   width: var(--kd-c-stepper-input-middle-sizing-height, 28px);
 }
-.kd-inputNumber-baseStep-large {
+.kd-inputNumber-stepper-baseStep-large {
   width: var(--kd-c-stepper-input-large-sizing-height, 36px);
 }
-.kd-inputNumber-baseStep .kd-inputNumber-icon {
+.kd-inputNumber-stepper-baseStep .kd-inputNumber-stepper-icon {
   color: var(--kd-c-stepper-icon-color, var(--kd-g-color-text-secondary, #666));
   -webkit-transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, 0.3s));
   transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, 0.3s));
   font-size: 16px;
 }
-.kd-inputNumber-baseStep .kd-inputNumber-icon:hover {
+.kd-inputNumber-stepper-baseStep .kd-inputNumber-stepper-icon:hover {
   color: var(--kd-c-stepper-icon-color-hover, var(--kd-g-color-theme, #5582f3));
 }
-.kd-inputNumber-baseStep:hover:not(.kd-inputNumber-baseStep-disabled) .kd-inputNumber-icon {
+.kd-inputNumber-stepper-baseStep:hover:not(.kd-inputNumber-stepper-baseStep-disabled) .kd-inputNumber-stepper-icon {
   color: var(--kd-c-stepper-icon-color-hover, var(--kd-g-color-theme, #5582f3));
 }
-.kd-inputNumber-baseStep-disabled {
+.kd-inputNumber-stepper-baseStep-disabled {
   cursor: not-allowed;
   color: var(--kd-c-stepper-icon-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
 }
-.kd-inputNumber-baseStep-disabled .kd-inputNumber-icon {
+.kd-inputNumber-stepper-baseStep-disabled .kd-inputNumber-stepper-icon {
   color: unset !important;
 }
-.kd-inputNumber-baseStep-decrease {
+.kd-inputNumber-stepper-baseStep-decrease {
   border-right: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
 }
-.kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-small,
-.kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-small {
+.kd-inputNumber-stepper-baseStep-decrease.kd-inputNumber-stepper-baseStep-small,
+.kd-inputNumber-stepper-baseStep-decrease.kd-inputNumber-stepper-embedStep-small {
   margin-left: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
 }
-.kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-middle,
-.kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-middle {
+.kd-inputNumber-stepper-baseStep-decrease.kd-inputNumber-stepper-baseStep-middle,
+.kd-inputNumber-stepper-baseStep-decrease.kd-inputNumber-stepper-embedStep-middle {
   margin-left: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
 }
-.kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-large,
-.kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-large {
+.kd-inputNumber-stepper-baseStep-decrease.kd-inputNumber-stepper-baseStep-large,
+.kd-inputNumber-stepper-baseStep-decrease.kd-inputNumber-stepper-embedStep-large {
   margin-left: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
 }
-.kd-inputNumber-baseStep-increase {
+.kd-inputNumber-stepper-baseStep-increase {
   border-left: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
 }
-.kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-small,
-.kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-small {
+.kd-inputNumber-stepper-baseStep-increase.kd-inputNumber-stepper-baseStep-small,
+.kd-inputNumber-stepper-baseStep-increase.kd-inputNumber-stepper-embedStep-small {
   margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
 }
-.kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-middle,
-.kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-middle {
+.kd-inputNumber-stepper-baseStep-increase.kd-inputNumber-stepper-baseStep-middle,
+.kd-inputNumber-stepper-baseStep-increase.kd-inputNumber-stepper-embedStep-middle {
   margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
 }
-.kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-large,
-.kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-large {
+.kd-inputNumber-stepper-baseStep-increase.kd-inputNumber-stepper-baseStep-large,
+.kd-inputNumber-stepper-baseStep-increase.kd-inputNumber-stepper-embedStep-large {
   margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
 }
-.kd-inputNumber-embedStep {
+.kd-inputNumber-stepper-embedStep {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -207,19 +207,19 @@
   border-left: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
   border: none;
 }
-.kd-inputNumber-embedStep.kd-inputNumber-baseStep-small,
-.kd-inputNumber-embedStep.kd-inputNumber-embedStep-small {
+.kd-inputNumber-stepper-embedStep.kd-inputNumber-stepper-baseStep-small,
+.kd-inputNumber-stepper-embedStep.kd-inputNumber-stepper-embedStep-small {
   margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
 }
-.kd-inputNumber-embedStep.kd-inputNumber-baseStep-middle,
-.kd-inputNumber-embedStep.kd-inputNumber-embedStep-middle {
+.kd-inputNumber-stepper-embedStep.kd-inputNumber-stepper-baseStep-middle,
+.kd-inputNumber-stepper-embedStep.kd-inputNumber-stepper-embedStep-middle {
   margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
 }
-.kd-inputNumber-embedStep.kd-inputNumber-baseStep-large,
-.kd-inputNumber-embedStep.kd-inputNumber-embedStep-large {
+.kd-inputNumber-stepper-embedStep.kd-inputNumber-stepper-baseStep-large,
+.kd-inputNumber-stepper-embedStep.kd-inputNumber-stepper-embedStep-large {
   margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px));
 }
-.kd-inputNumber-embedStep span {
+.kd-inputNumber-stepper-embedStep span {
   height: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -235,20 +235,20 @@
   cursor: pointer;
   font-size: 12px;
 }
-.kd-inputNumber-embedStep span .kd-inputNumber-icon {
+.kd-inputNumber-stepper-embedStep span .kd-inputNumber-stepper-icon {
   -webkit-transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, 0.3s));
   transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, 0.3s));
 }
-.kd-inputNumber-embedStep span:hover .kd-inputNumber-icon {
+.kd-inputNumber-stepper-embedStep span:hover .kd-inputNumber-stepper-icon {
   color: var(--kd-c-stepper-icon-color-hover, var(--kd-g-color-theme, #5582f3));
 }
-.kd-inputNumber-embedStep span:last-child {
+.kd-inputNumber-stepper-embedStep span:last-child {
   border-bottom: none;
 }
-.kd-inputNumber-embedStep-disabled {
+.kd-inputNumber-stepper-embedStep-disabled {
   cursor: not-allowed !important;
   color: var(--kd-c-stepper-icon-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
 }
-.kd-inputNumber-embedStep-disabled .kd-inputNumber-icon {
+.kd-inputNumber-stepper-embedStep-disabled .kd-inputNumber-stepper-icon {
   color: unset !important;
 }

package/lib/stepper/style/index.less

@@ -1,12 +1,12 @@
 @import '../../style/themes/index';
 @import './mixin.less';
 
-@inputNumber-prefix-cls: ~'@{kd-prefix}-inputNumber';
+@inputNumber-prefix-cls: ~'@{kd-prefix}-inputNumber-stepper';
 @inputWrapper-prefix-cls: ~'@{kd-prefix}-wrapper';
 .@{inputNumber-prefix-cls} {
   width: 100px;
-  height: @stepper-input-middle-sizing-height;
 
+  --kd-c-input-sizing-height-middle: 28px;
   --kd-c-input-wrapper-padding-left: 9px;
   --kd-c-input-padding-left: 0;
   input {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.6.19",
+  "version": "1.6.21",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [
@@ -63,7 +63,8 @@
     "pub:beta": "npm run test:all && npm run build && cross-env PUB_ENV=pub np --no-cleanup --anyBranch --no-tests --tag=beta",
     "prepublishOnly": "node scripts/guard.js",
     "new": "node scripts/create-component.js",
-    "token": "node scripts/generate-token.js"
+    "token": "node scripts/generate-token.js",
+    "preinstall": "npx force-resolutions"
   },
   "browserslist": [
     "last 2 versions",
@@ -102,6 +103,7 @@
     "@babel/preset-react": "^7.10.4",
     "@babel/preset-typescript": "^7.10.4",
     "@commitlint/config-conventional": "^9.1.2",
+    "@types/babel__traverse": "7.17.1",
     "@types/big.js": "^6.0.0",
     "@types/classnames": "^2.2.10",
     "@types/enzyme": "^3.10.7",
@@ -237,5 +239,8 @@
       "path": "./node_modules/cz-customizable"
     }
   },
+  "resolutions": {
+    "@types/babel__traverse": "7.17.1"
+  },
   "license": "Apache-2.0"
 }