@kdcloudjs/kdesign 1.5.11 → 1.6.0

package/es/avatar/style/index.css

@@ -124,7 +124,7 @@
   font-size: var(--kd-c-avatar-font-size-base, 22px);
 }
 .kd-avatar.kd-avatar-icon > .kdicon {
-  vertical-align: unset !important;
+  vertical-align: top;
 }
 .kd-avatar-lg {
   width: var(--kd-c-avatar-size-large, 60px);
@@ -142,7 +142,7 @@
   font-size: var(--kd-c-avatar-font-size-large, 36px);
 }
 .kd-avatar-lg.kd-avatar-icon > .kdicon {
-  vertical-align: unset !important;
+  vertical-align: top;
 }
 .kd-avatar-sm {
   width: var(--kd-c-avatar-size-small, 32px);
@@ -160,7 +160,7 @@
   font-size: var(--kd-c-avatar-font-size-small, 18px);
 }
 .kd-avatar-sm.kd-avatar-icon > .kdicon {
-  vertical-align: unset !important;
+  vertical-align: top;
 }
 .kd-avatar-xs {
   width: var(--kd-c-avatar-size-x-small, 24px);
@@ -178,7 +178,7 @@
   font-size: var(--kd-c-avatar-font-size-x-small, 14px);
 }
 .kd-avatar-xs.kd-avatar-icon > .kdicon {
-  vertical-align: unset !important;
+  vertical-align: top;
 }
 .kd-avatar-square {
   border-radius: var(--kd-c-avatar-border-radius, 2px);

package/es/avatar/style/mixin.less

@@ -16,7 +16,7 @@
     font-size: @font-size;
 
     & > .@{icon-prefix-cls} {
-      vertical-align: unset !important;
+      vertical-align: top;
     }
   }
 }

package/es/input/ClearableLabeledInput.d.ts

@@ -6,7 +6,7 @@ interface ClearableInputProps {
     prefixCls: string;
     inputType: typeof ClearableInputType[number];
     value?: any;
-    allowClear?: boolean;
+    allowClear?: boolean | React.ReactNode;
     element: React.ReactElement;
     handleReset?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     className?: string;

package/es/input/ClearableLabeledInput.js

@@ -40,13 +40,13 @@ var ClearableInput = function ClearableInput(props) {
     return /*#__PURE__*/React.createElement("span", {
       onClick: handleReset,
       className: clearIconclasses
-    }, /*#__PURE__*/React.createElement(Icon, {
+    }, typeof allowClear === 'boolean' ? /*#__PURE__*/React.createElement(Icon, {
       type: "close"
-    }));
+    }) : allowClear);
   };
 
   var renderSuffix = function renderSuffix() {
-    if (suffix || !disabled && allowClear) {
+    if (suffix || !disabled && !!allowClear) {
       return /*#__PURE__*/React.createElement("span", {
         className: "".concat(prefixCls, "-suffix")
       }, renderClearIcon(), suffix);

package/es/input/TextArea.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { InputSiteType, BorderType } from './input';
 export interface textAreaProps extends React.TextareaHTMLAttributes<HTMLInputElement> {
-    allowClear?: boolean;
+    allowClear?: boolean | React.ReactNode;
     borderType?: BorderType;
     defaultValue?: string;
     count?: boolean;

package/es/input/TextArea.js

@@ -194,8 +194,8 @@ var InternalTextarea = function InternalTextarea(props, ref) {
     var textarea = /*#__PURE__*/React.createElement("textarea", _extends({
       ref: textareaRef,
       disabled: disabled,
-      style: _extends({}, textareaStyles, hadCount || allowClear ? otherStyles : style),
-      className: classNames("".concat(prefixCls, "-textarea"), (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(prefixCls, "-size-")).call(_context, size), size), _defineProperty(_classNames, "".concat(prefixCls, "-borderless"), borderType === 'none'), _defineProperty(_classNames, "".concat(prefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classNames, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_classNames, "".concat(prefixCls, "-no-resize"), canResize !== true), _defineProperty(_classNames, "".concat(prefixCls, "-allowClear-spacing"), allowClear), _classNames), _defineProperty({}, className, className && !allowClear && !hadCount)),
+      style: _extends({}, textareaStyles, hadCount || !!allowClear ? otherStyles : style),
+      className: classNames("".concat(prefixCls, "-textarea"), (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(prefixCls, "-size-")).call(_context, size), size), _defineProperty(_classNames, "".concat(prefixCls, "-borderless"), borderType === 'none'), _defineProperty(_classNames, "".concat(prefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classNames, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_classNames, "".concat(prefixCls, "-no-resize"), canResize !== true), _defineProperty(_classNames, "".concat(prefixCls, "-allowClear-spacing"), !!allowClear), _classNames), _defineProperty({}, className, className && !allowClear && !hadCount)),
       onChange: handleChange,
       onFocus: !disabled ? handleFocus : undefined,
       onBlur: !disabled ? handleBlur : undefined,

package/es/input/input.d.ts

@@ -10,7 +10,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     size?: InputSiteType;
     defaultValue?: string;
     disabled?: boolean;
-    allowClear?: boolean;
+    allowClear?: boolean | React.ReactNode;
     placeholderTobeValue?: boolean;
     addonAfter?: React.ReactNode;
     addonBefore?: React.ReactNode;

package/es/slider/slider.js

@@ -265,7 +265,7 @@ var InteranalSlider = function InteranalSlider(props, ref) {
   }), /*#__PURE__*/React.createElement(SliderTooltip, {
     ref: handleRef,
     placement: tooltipPlacement,
-    tip: tipFormatter || value,
+    tip: tipFormatter === null || tipFormatter === void 0 ? void 0 : tipFormatter(value),
     visible: disabled ? false : tooltipVisible,
     prefixCls: sliderPrefixCls,
     vertical: vertical,

package/es/slider/sliderTooltip.js

@@ -28,7 +28,8 @@ var SliderTooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
       min = props.min,
       max = props.max,
       bound = props.bound,
-      others = __rest(props, ["visible", "prefixCls", "reverse", "vertical", "min", "max", "bound"]);
+      tip = props.tip,
+      others = __rest(props, ["visible", "prefixCls", "reverse", "vertical", "min", "max", "bound", "tip"]);
 
   var thisTooltipRef = useRef(null);
   var tooltipRef = ref || thisTooltipRef;
@@ -40,8 +41,8 @@ var SliderTooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Tooltip, _extends({
     ref: tooltipRef
   }, others, {
-    tip: bound,
-    visible: visible,
+    tip: tip || bound,
+    visible: tip !== null && visible,
     placement: placement
   }), /*#__PURE__*/React.createElement("div", {
     className: sliderHandleClass,

package/es/steps/Steps.js

@@ -107,7 +107,6 @@ var Steps = function Steps(props) {
       }
     }
 
-    childProps.active = stepNumber === current;
     return /*#__PURE__*/cloneElement(child, childProps);
   }));
 };

package/es/tree/style/index.css

@@ -131,7 +131,7 @@
           flex-grow: 1;
   font-size: var(--kd-c-tree-font-size, var(--kd-g-font-size-small, 12px));
   color: var(--kd-c-tree-color-text, var(--kd-g-color-text-primary, #212121));
-  margin-left: var(--kd-c-tree-spacing-margin-left, 16px);
+  margin-left: var(--kd-c-tree-spacing-margin-left, 0px);
 }
 .kd-tree-root {
   min-width: 100%;

package/es/tree/style/token.less

@@ -22,7 +22,7 @@
 @tree-expand-icon-loading-width: var(~'@{tree-prefix}-expand-icon-loading-sizing-width', 16px);
 @tree-node-icon-height: var(~'@{tree-prefix}-node-icon-sizing-height', 16px);
 @tree-node-icon-width: var(~'@{tree-prefix}-node-icon-sizing-width', 16px);
-@tree-margin-left: var(~'@{tree-prefix}-spacing-margin-left', 16px);
+@tree-margin-left: var(~'@{tree-prefix}-spacing-margin-left', 0px);
 
 // font
 @tree-font-size: var(~'@{tree-prefix}-font-size', @font-size-small);

package/lib/avatar/style/index.css

@@ -124,7 +124,7 @@
   font-size: var(--kd-c-avatar-font-size-base, 22px);
 }
 .kd-avatar.kd-avatar-icon > .kdicon {
-  vertical-align: unset !important;
+  vertical-align: top;
 }
 .kd-avatar-lg {
   width: var(--kd-c-avatar-size-large, 60px);
@@ -142,7 +142,7 @@
   font-size: var(--kd-c-avatar-font-size-large, 36px);
 }
 .kd-avatar-lg.kd-avatar-icon > .kdicon {
-  vertical-align: unset !important;
+  vertical-align: top;
 }
 .kd-avatar-sm {
   width: var(--kd-c-avatar-size-small, 32px);
@@ -160,7 +160,7 @@
   font-size: var(--kd-c-avatar-font-size-small, 18px);
 }
 .kd-avatar-sm.kd-avatar-icon > .kdicon {
-  vertical-align: unset !important;
+  vertical-align: top;
 }
 .kd-avatar-xs {
   width: var(--kd-c-avatar-size-x-small, 24px);
@@ -178,7 +178,7 @@
   font-size: var(--kd-c-avatar-font-size-x-small, 14px);
 }
 .kd-avatar-xs.kd-avatar-icon > .kdicon {
-  vertical-align: unset !important;
+  vertical-align: top;
 }
 .kd-avatar-square {
   border-radius: var(--kd-c-avatar-border-radius, 2px);

package/lib/avatar/style/mixin.less

@@ -16,7 +16,7 @@
     font-size: @font-size;
 
     & > .@{icon-prefix-cls} {
-      vertical-align: unset !important;
+      vertical-align: top;
     }
   }
 }

package/lib/input/ClearableLabeledInput.d.ts

@@ -6,7 +6,7 @@ interface ClearableInputProps {
     prefixCls: string;
     inputType: typeof ClearableInputType[number];
     value?: any;
-    allowClear?: boolean;
+    allowClear?: boolean | React.ReactNode;
     element: React.ReactElement;
     handleReset?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     className?: string;

package/lib/input/ClearableLabeledInput.js

@@ -57,13 +57,13 @@ var ClearableInput = function ClearableInput(props) {
     return /*#__PURE__*/_react.default.createElement("span", {
       onClick: handleReset,
       className: clearIconclasses
-    }, /*#__PURE__*/_react.default.createElement(_index.Icon, {
+    }, typeof allowClear === 'boolean' ? /*#__PURE__*/_react.default.createElement(_index.Icon, {
       type: "close"
-    }));
+    }) : allowClear);
   };
 
   var renderSuffix = function renderSuffix() {
-    if (suffix || !disabled && allowClear) {
+    if (suffix || !disabled && !!allowClear) {
       return /*#__PURE__*/_react.default.createElement("span", {
         className: "".concat(prefixCls, "-suffix")
       }, renderClearIcon(), suffix);

package/lib/input/TextArea.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { InputSiteType, BorderType } from './input';
 export interface textAreaProps extends React.TextareaHTMLAttributes<HTMLInputElement> {
-    allowClear?: boolean;
+    allowClear?: boolean | React.ReactNode;
     borderType?: BorderType;
     defaultValue?: string;
     count?: boolean;

package/lib/input/TextArea.js

@@ -226,8 +226,8 @@ var InternalTextarea = function InternalTextarea(props, ref) {
     var textarea = /*#__PURE__*/_react.default.createElement("textarea", (0, _extends2.default)({
       ref: textareaRef,
       disabled: disabled,
-      style: (0, _extends2.default)({}, textareaStyles, hadCount || allowClear ? otherStyles : style),
-      className: (0, _classnames.default)("".concat(prefixCls, "-textarea"), (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(prefixCls, "-size-")).call(_context, size), size), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-underline"), borderType === 'underline'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-no-resize"), canResize !== true), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-allowClear-spacing"), allowClear), _classNames), (0, _defineProperty2.default)({}, className, className && !allowClear && !hadCount)),
+      style: (0, _extends2.default)({}, textareaStyles, hadCount || !!allowClear ? otherStyles : style),
+      className: (0, _classnames.default)("".concat(prefixCls, "-textarea"), (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(prefixCls, "-size-")).call(_context, size), size), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-underline"), borderType === 'underline'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-no-resize"), canResize !== true), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-allowClear-spacing"), !!allowClear), _classNames), (0, _defineProperty2.default)({}, className, className && !allowClear && !hadCount)),
       onChange: handleChange,
       onFocus: !disabled ? handleFocus : undefined,
       onBlur: !disabled ? handleBlur : undefined,

package/lib/input/input.d.ts

@@ -10,7 +10,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     size?: InputSiteType;
     defaultValue?: string;
     disabled?: boolean;
-    allowClear?: boolean;
+    allowClear?: boolean | React.ReactNode;
     placeholderTobeValue?: boolean;
     addonAfter?: React.ReactNode;
     addonBefore?: React.ReactNode;

package/lib/slider/slider.js

@@ -297,7 +297,7 @@ var InteranalSlider = function InteranalSlider(props, ref) {
   }), /*#__PURE__*/_react.default.createElement(_sliderTooltip.default, {
     ref: handleRef,
     placement: tooltipPlacement,
-    tip: tipFormatter || value,
+    tip: tipFormatter === null || tipFormatter === void 0 ? void 0 : tipFormatter(value),
     visible: disabled ? false : tooltipVisible,
     prefixCls: sliderPrefixCls,
     vertical: vertical,

package/lib/slider/sliderTooltip.js

@@ -52,7 +52,8 @@ var SliderTooltip = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       min = props.min,
       max = props.max,
       bound = props.bound,
-      others = __rest(props, ["visible", "prefixCls", "reverse", "vertical", "min", "max", "bound"]);
+      tip = props.tip,
+      others = __rest(props, ["visible", "prefixCls", "reverse", "vertical", "min", "max", "bound", "tip"]);
 
   var thisTooltipRef = (0, _react.useRef)(null);
   var tooltipRef = ref || thisTooltipRef;
@@ -64,8 +65,8 @@ var SliderTooltip = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   return /*#__PURE__*/_react.default.createElement(_tooltip.default, (0, _extends2.default)({
     ref: tooltipRef
   }, others, {
-    tip: bound,
-    visible: visible,
+    tip: tip || bound,
+    visible: tip !== null && visible,
     placement: placement
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: sliderHandleClass,

package/lib/steps/Steps.js

@@ -136,7 +136,6 @@ var Steps = function Steps(props) {
       }
     }
 
-    childProps.active = stepNumber === current;
     return /*#__PURE__*/(0, _react.cloneElement)(child, childProps);
   }));
 };

package/lib/tree/style/index.css

@@ -131,7 +131,7 @@
           flex-grow: 1;
   font-size: var(--kd-c-tree-font-size, var(--kd-g-font-size-small, 12px));
   color: var(--kd-c-tree-color-text, var(--kd-g-color-text-primary, #212121));
-  margin-left: var(--kd-c-tree-spacing-margin-left, 16px);
+  margin-left: var(--kd-c-tree-spacing-margin-left, 0px);
 }
 .kd-tree-root {
   min-width: 100%;

package/lib/tree/style/token.less

@@ -22,7 +22,7 @@
 @tree-expand-icon-loading-width: var(~'@{tree-prefix}-expand-icon-loading-sizing-width', 16px);
 @tree-node-icon-height: var(~'@{tree-prefix}-node-icon-sizing-height', 16px);
 @tree-node-icon-width: var(~'@{tree-prefix}-node-icon-sizing-width', 16px);
-@tree-margin-left: var(~'@{tree-prefix}-spacing-margin-left', 16px);
+@tree-margin-left: var(~'@{tree-prefix}-spacing-margin-left', 0px);
 
 // font
 @tree-font-size: var(~'@{tree-prefix}-font-size', @font-size-small);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.5.11",
+  "version": "1.6.0",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [
@@ -84,7 +84,7 @@
     "classnames": "^2.2.6",
     "copy-to-clipboard": "^3.3.1",
     "cropperjs": "^1.5.12",
-    "date-fns": "^2.16.1",
+    "date-fns": "2.28.0",
     "lodash": "^4.17.20",
     "react-draggable": "^4.4.3",
     "react-popper": "^2.2.3",