@kdcloudjs/kdesign 1.7.31 → 1.7.33-stable.10

package/es/_utils/usePopper.d.ts

@@ -27,5 +27,5 @@ export interface PopperProps {
     getPopupContainer?: (locatorNode: HTMLElement) => HTMLElement;
     onTransitionEnd?: (e: React.TransitionEvent) => void;
 }
-declare function usePopper(locatorElement: React.ReactElement, popperElement: React.ReactElement, props: PopperProps): React.JSX.Element;
+declare function usePopper(locatorElement: React.ReactElement, popperElement: React.ReactElement, props: PopperProps): JSX.Element;
 export default usePopper;

package/es/carousel/slidebar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export interface slideProps {
     currentIndex: number;
     dotPosition?: string;
@@ -10,4 +10,4 @@ export interface slideProps {
     parentPrefixCls?: string;
     onClick: (index: number) => void;
 }
-export declare const Slidebar: (props: slideProps) => React.JSX.Element;
+export declare const Slidebar: (props: slideProps) => JSX.Element;

package/es/checkbox/checkbox.js

@@ -20,7 +20,7 @@ import isBoolean from 'lodash/isBoolean';
 import Icon from '../icon';
 import devWarning from '../_utils/devwarning';
 var InternalCheckbox = function InternalCheckbox(props, ref) {
-  var _context, _context2, _context3, _classNames, _context4, _context5, _context6, _context7, _classNames2, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _classNames4, _context16, _context17, _context18, _classNames5, _context19;
+  var _context, _context2, _context3, _classNames, _context4, _context5, _context6, _context7, _classNames2, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _classNames4, _context15, _context16, _context17, _classNames5, _context18;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -67,9 +67,9 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   var getSquareClassName = classNames(className, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(checkboxPrefixCls), true), _defineProperty(_classNames2, _concatInstanceProperty(_context4 = "".concat(checkboxPrefixCls, "-")).call(_context4, mergedCheckboxType), true), _defineProperty(_classNames2, _concatInstanceProperty(_context5 = "".concat(checkboxPrefixCls, "-")).call(_context5, mergedSize), !!children), _defineProperty(_classNames2, _concatInstanceProperty(_context6 = "".concat(checkboxPrefixCls, "-")).call(_context6, mergedCheckboxType, "-disabled"), mergedDisabled), _defineProperty(_classNames2, _concatInstanceProperty(_context7 = "".concat(checkboxPrefixCls, "-")).call(_context7, mergedCheckboxType, "-checked"), selected && !mergedDisabled), _defineProperty(_classNames2, "checked", selected), _classNames2));
   var getRootClassName = isDefaultType() ? getDefaultClassName : getSquareClassName;
   var inputClassName = classNames(_defineProperty({}, "".concat(checkboxPrefixCls, "-input"), true));
-  var checkedWrapperClassName = classNames((_classNames4 = {}, _defineProperty(_classNames4, _concatInstanceProperty(_context8 = "".concat(checkboxPrefixCls, "-")).call(_context8, mergedCheckboxType, "-no-child"), !children), _defineProperty(_classNames4, _concatInstanceProperty(_context9 = "".concat(checkboxPrefixCls, "-")).call(_context9, mergedCheckboxType, "-wrapper"), true), _defineProperty(_classNames4, _concatInstanceProperty(_context10 = "".concat(checkboxPrefixCls, "-")).call(_context10, mergedCheckboxType, "-wrapper-size"), !!children), _defineProperty(_classNames4, _concatInstanceProperty(_context11 = "".concat(checkboxPrefixCls, "-")).call(_context11, mergedCheckboxType, "-margin"), !!children), _defineProperty(_classNames4, _concatInstanceProperty(_context12 = "".concat(checkboxPrefixCls, "-")).call(_context12, mergedCheckboxType, "-checked"), selected), _defineProperty(_classNames4, _concatInstanceProperty(_context13 = "".concat(checkboxPrefixCls, "-")).call(_context13, mergedCheckboxType, "-indeterminate"), getIndeterminate()), _defineProperty(_classNames4, _concatInstanceProperty(_context14 = "".concat(checkboxPrefixCls, "-")).call(_context14, mergedCheckboxType, "-disabled"), mergedDisabled && !selected), _defineProperty(_classNames4, _concatInstanceProperty(_context15 = "".concat(checkboxPrefixCls, "-")).call(_context15, mergedCheckboxType, "-checked-disabled"), mergedDisabled && selected), _classNames4));
-  var triangleClassName = classNames((_classNames5 = {}, _defineProperty(_classNames5, _concatInstanceProperty(_context16 = "".concat(checkboxPrefixCls, "-")).call(_context16, mergedCheckboxType, "-triangle"), !selected), _defineProperty(_classNames5, _concatInstanceProperty(_context17 = "".concat(checkboxPrefixCls, "-")).call(_context17, mergedCheckboxType, "-triangle-checked"), selected), _defineProperty(_classNames5, _concatInstanceProperty(_context18 = "".concat(checkboxPrefixCls, "-")).call(_context18, mergedCheckboxType, "-triangle-disabled"), mergedDisabled), _classNames5));
-  var innerIconClassName = classNames(_defineProperty({}, _concatInstanceProperty(_context19 = "".concat(checkboxPrefixCls, "-")).call(_context19, mergedCheckboxType, "-inner"), true));
+  var checkedWrapperClassName = classNames((_classNames4 = {}, _defineProperty(_classNames4, _concatInstanceProperty(_context8 = "".concat(checkboxPrefixCls, "-")).call(_context8, mergedCheckboxType, "-wrapper"), true), _defineProperty(_classNames4, _concatInstanceProperty(_context9 = "".concat(checkboxPrefixCls, "-")).call(_context9, mergedCheckboxType, "-wrapper-size"), true), _defineProperty(_classNames4, _concatInstanceProperty(_context10 = "".concat(checkboxPrefixCls, "-")).call(_context10, mergedCheckboxType, "-margin"), !!children), _defineProperty(_classNames4, _concatInstanceProperty(_context11 = "".concat(checkboxPrefixCls, "-")).call(_context11, mergedCheckboxType, "-checked"), selected), _defineProperty(_classNames4, _concatInstanceProperty(_context12 = "".concat(checkboxPrefixCls, "-")).call(_context12, mergedCheckboxType, "-indeterminate"), getIndeterminate()), _defineProperty(_classNames4, _concatInstanceProperty(_context13 = "".concat(checkboxPrefixCls, "-")).call(_context13, mergedCheckboxType, "-disabled"), mergedDisabled && !selected), _defineProperty(_classNames4, _concatInstanceProperty(_context14 = "".concat(checkboxPrefixCls, "-")).call(_context14, mergedCheckboxType, "-checked-disabled"), mergedDisabled && selected), _classNames4));
+  var triangleClassName = classNames((_classNames5 = {}, _defineProperty(_classNames5, _concatInstanceProperty(_context15 = "".concat(checkboxPrefixCls, "-")).call(_context15, mergedCheckboxType, "-triangle"), !selected), _defineProperty(_classNames5, _concatInstanceProperty(_context16 = "".concat(checkboxPrefixCls, "-")).call(_context16, mergedCheckboxType, "-triangle-checked"), selected), _defineProperty(_classNames5, _concatInstanceProperty(_context17 = "".concat(checkboxPrefixCls, "-")).call(_context17, mergedCheckboxType, "-triangle-disabled"), mergedDisabled), _classNames5));
+  var innerIconClassName = classNames(_defineProperty({}, _concatInstanceProperty(_context18 = "".concat(checkboxPrefixCls, "-")).call(_context18, mergedCheckboxType, "-inner"), true));
   var handleChange = function handleChange(e) {
     onChange && onChange(e);
     (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange) && (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange(value, e.target.checked, e));
@@ -96,7 +96,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
     };
   }, []);
   var getDefaultCheckbox = function getDefaultCheckbox() {
-    var _context20, _context21;
+    var _context19, _context20;
     var inputProps = {
       type: 'checkbox',
       className: inputClassName,
@@ -121,7 +121,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         className: innerIconClassName
       }, /*#__PURE__*/React.createElement(Icon, {
         type: "right-bold",
-        className: _concatInstanceProperty(_context20 = "".concat(checkboxPrefixCls, "-")).call(_context20, mergedCheckboxType, "-inner-icon")
+        className: _concatInstanceProperty(_context19 = "".concat(checkboxPrefixCls, "-")).call(_context19, mergedCheckboxType, "-inner-icon")
       })) : null, /*#__PURE__*/React.createElement("input", _extends({
         type: "checkbox",
         ref: ref
@@ -133,7 +133,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         className: innerIconClassName
       }, /*#__PURE__*/React.createElement(Icon, {
         type: "right-bold",
-        className: _concatInstanceProperty(_context21 = "".concat(checkboxPrefixCls, "-")).call(_context21, mergedCheckboxType, "-inner-icon")
+        className: _concatInstanceProperty(_context20 = "".concat(checkboxPrefixCls, "-")).call(_context20, mergedCheckboxType, "-inner-icon")
       }))) : null)
     );
   };

package/es/checkbox/style/index.css

@@ -334,10 +334,6 @@
 .kd-checkbox-default-margin {
   margin-right: var(--kd-c-checkbox-default-input-spacing-margin-right, 4px);
 }
-.kd-checkbox-default-no-child {
-  height: 100%;
-  width: 100%;
-}
 .kd-checkbox-default-checked-disabled {
   background-color: var(--kd-c-checkbox-default-color-background-disabled, #e5e5e5) !important;
   border-color: var(--kd-c-checkbox-default-color-background-disabled, #d9d9d9) !important;

package/es/checkbox/style/index.less

@@ -200,10 +200,6 @@
   &-margin {
     margin-right: @checkbox-default-input-margin-right;
   }
-  &-no-child {
-    height: 100%;
-    width: 100%;
-  }
   &-checked-disabled {
     background-color: @checkbox-default-disabled-color-bg !important;
     border-color: @checkbox-default-disabled-color-border !important;

package/es/city-picker/city-picker.js

@@ -5,6 +5,7 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import React, { useContext, useRef, useEffect, useState, useCallback, useMemo } from 'react';
 import { useMergedState } from '../_utils/hooks';
 import classNames from 'classnames';
@@ -302,22 +303,22 @@ var InternalSelect = function InternalSelect(props, ref) {
     var symbol = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ', ';
     if (!data) return null;
     if (isDomestic(type)) {
-      var _context5;
+      var _context6, _context7;
       if (isCommon) {
         var _context3;
-        var _curVal = (data === null || data === void 0 ? void 0 : data.province) ? data === null || data === void 0 ? void 0 : data.province : data === null || data === void 0 ? void 0 : data.country;
+        var _curVal = (data === null || data === void 0 ? void 0 : data.province) ? data === null || data === void 0 ? void 0 : data.province : (data === null || data === void 0 ? void 0 : data.country) || '';
         return _concatInstanceProperty(_context3 = "".concat(flag && _curVal ? symbol : '')).call(_context3, _curVal);
       }
       if (data === null || data === void 0 ? void 0 : data.type) {
-        var _context4;
-        var _curVal2 = data.type === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) : data === null || data === void 0 ? void 0 : data.country;
-        return _concatInstanceProperty(_context4 = "".concat(flag && _curVal2 ? symbol : '')).call(_context4, _curVal2);
+        var _context4, _context5;
+        var _curVal2 = (data.type === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) : _filterInstanceProperty(_context4 = [data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country]).call(_context4, Boolean).join(symbol)) || '';
+        return _concatInstanceProperty(_context5 = "".concat(flag && _curVal2 ? symbol : '')).call(_context5, _curVal2);
       }
-      var curVal = tabsValue === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) : data === null || data === void 0 ? void 0 : data.country;
-      return _concatInstanceProperty(_context5 = "".concat(flag && curVal ? symbol : '')).call(_context5, curVal);
+      var curVal = tabsValue === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) || '' : _filterInstanceProperty(_context6 = [data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country]).call(_context6, Boolean).join(symbol);
+      return _concatInstanceProperty(_context7 = "".concat(flag && curVal ? symbol : '')).call(_context7, curVal);
     } else {
-      var _context6, _context7, _context8;
-      return _concatInstanceProperty(_context6 = _concatInstanceProperty(_context7 = _concatInstanceProperty(_context8 = "".concat(flag && ((data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country)) ? symbol : '')).call(_context8, data === null || data === void 0 ? void 0 : data.province)).call(_context7, (data === null || data === void 0 ? void 0 : data.country) && (data === null || data === void 0 ? void 0 : data.province) ? symbol : '')).call(_context6, data === null || data === void 0 ? void 0 : data.country);
+      var _context8, _context9;
+      return _concatInstanceProperty(_context8 = "".concat(flag && ((data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country)) ? symbol : '')).call(_context8, _filterInstanceProperty(_context9 = [data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country]).call(_context9, Boolean).join(symbol));
     }
   }, [type, tabsValue]);
   var renderSingle = function renderSingle() {

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

@@ -245,7 +245,7 @@ declare const compDefaultProps: {
     RadioGroup: {};
     Rate: {
         allowHalf: boolean;
-        icon: () => React.JSX.Element;
+        icon: () => JSX.Element;
         count: number;
         defaultValue: number;
         disabled: boolean;
@@ -333,7 +333,7 @@ declare const compDefaultProps: {
         disabled: boolean;
         draggable: boolean;
         virtual: boolean;
-        switcherIcon: () => React.JSX.Element;
+        switcherIcon: () => JSX.Element;
         estimatedItemSize: number;
         expandOnClickNode: boolean;
     };
@@ -444,7 +444,7 @@ declare const compDefaultProps: {
         treeExpandOnClickNode: boolean;
         onlyExpandOnClickIcon: boolean;
         showSearch: boolean;
-        switcherIcon: () => React.JSX.Element;
+        switcherIcon: () => JSX.Element;
         expandOnClickNode: boolean;
         listHeight: number;
         virtual: boolean;

package/es/date-picker/calendar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { DateType, PickerMode, SharedTimeProps } from './interface';
 import { RangeShowTimeObject } from './range-picker';
 export interface CalendarProps {
@@ -9,5 +9,5 @@ export interface CalendarProps {
     showTime?: boolean | SharedTimeProps | RangeShowTimeObject;
     disabledDate?: (date: DateType) => boolean;
 }
-declare function Calendar(props: CalendarProps): React.JSX.Element;
+declare function Calendar(props: CalendarProps): JSX.Element;
 export default Calendar;

package/es/date-picker/date-panel.d.ts

@@ -49,5 +49,5 @@ declare type OmitType = Omit<PickerPanelBaseProps, 'picker'> & Omit<PickerPanelD
 interface MergedPickerPanelProps extends OmitType {
     picker?: PickerMode;
 }
-declare function Panel(props: MergedPickerPanelProps): React.JSX.Element;
+declare function Panel(props: MergedPickerPanelProps): JSX.Element;
 export default Panel;

package/es/date-picker/panel/date-time/date-time.d.ts

@@ -8,5 +8,5 @@ export interface DatetimePanelProps extends PanelSharedProps, Omit<CalendarProps
     showTime?: boolean | SharedTimeProps;
     defaultValue?: DateType;
 }
-declare function DatetimePanel(props: DatetimePanelProps): React.JSX.Element;
+declare function DatetimePanel(props: DatetimePanelProps): JSX.Element;
 export default DatetimePanel;

package/es/date-picker/panel/header/header.d.ts

@@ -11,5 +11,5 @@ export interface HeaderProps {
     onSuperPrev?: () => void;
     onSuperNext?: () => void;
 }
-declare function Header(props: HeaderProps): React.JSX.Element;
+declare function Header(props: HeaderProps): JSX.Element;
 export default Header;

package/es/date-picker/panel/month/month.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { DateType } from '../../interface';
 export interface MonthProps {
     showFullMonth?: boolean;
     disabledDate?(date: DateType): boolean;
 }
-declare function Month(props: MonthProps): React.JSX.Element;
+declare function Month(props: MonthProps): JSX.Element;
 export default Month;

package/es/date-picker/panel/quarter/quarter.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 import { DateType } from '../../interface';
 interface QuarterProps {
     disabledDate?: (date: DateType) => boolean;
 }
-declare function Quarter(props: QuarterProps): React.JSX.Element;
+declare function Quarter(props: QuarterProps): JSX.Element;
 export default Quarter;

package/es/date-picker/panel/time/time-column.d.ts

@@ -13,5 +13,5 @@ export interface TimeUnitColumnProps {
     hideDisabledOptions?: boolean;
     onSelect?: (value: number) => void;
 }
-declare function TimeUnitColumn(props: TimeUnitColumnProps): React.JSX.Element;
+declare function TimeUnitColumn(props: TimeUnitColumnProps): JSX.Element;
 export default TimeUnitColumn;

package/es/date-picker/panel/time/time.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { DateType, DisabledTimes, PanelSharedProps, PickerMode } from '../../interface';
 export interface SharedTimeProps extends DisabledTimes {
     format?: string;
@@ -17,5 +17,5 @@ export interface TimePanelProps extends PanelSharedProps, SharedTimeProps {
     format?: string;
     picker?: PickerMode;
 }
-declare function TimePanel(props: TimePanelProps): React.JSX.Element;
+declare function TimePanel(props: TimePanelProps): JSX.Element;
 export default TimePanel;

package/es/date-picker/panel/week/week.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { DateType, PickerMode } from '../../interface';
 export interface WeekProps {
     day: DateType;
@@ -7,5 +7,5 @@ export interface WeekProps {
     showTime?: boolean;
     disabledDate?: (date: DateType) => boolean;
 }
-declare function Week(props: WeekProps): React.JSX.Element;
+declare function Week(props: WeekProps): JSX.Element;
 export default Week;

package/es/date-picker/panel/year/year.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { DateType, PickerMode } from '../../interface';
 export interface YearProps {
     yearItemNumber: number;
@@ -7,5 +7,5 @@ export interface YearProps {
     disabledDate?: (date: DateType) => boolean;
     picker?: PickerMode;
 }
-declare function Year(props: YearProps): React.JSX.Element;
+declare function Year(props: YearProps): JSX.Element;
 export default Year;

package/es/date-picker/utils/get-extra-footer.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { PanelMode } from '../interface';
-export default function getExtraFooter(prefixCls: string, mode: PanelMode, renderExtraFooter?: (mode: PanelMode) => React.ReactNode): React.JSX.Element | null;
+export default function getExtraFooter(prefixCls: string, mode: PanelMode, renderExtraFooter?: (mode: PanelMode) => React.ReactNode): JSX.Element | null;

package/es/date-picker/utils/get-ranges.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { Components, RangeList, InnerLocale } from '../interface';
 export interface RangesProps {
     prefixCls: string;
@@ -11,4 +11,4 @@ export interface RangesProps {
     showNow?: boolean;
     locale: InnerLocale;
 }
-export default function getRanges({ prefixCls, rangeList, components, needConfirmButton, onNow, onOk, okDisabled, showNow, locale, }: RangesProps): React.JSX.Element | null;
+export default function getRanges({ prefixCls, rangeList, components, needConfirmButton, onNow, onOk, okDisabled, showNow, locale, }: RangesProps): JSX.Element | null;

package/es/empty/defaultEmptyImg.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare function DefaultEmptyImg(props: any): React.JSX.Element;
+/// <reference types="react" />
+declare function DefaultEmptyImg(props: any): JSX.Element;
 export default DefaultEmptyImg;

package/es/empty/illustrationEmptyImg.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare function IllustrationEmptyImg(props: any): React.JSX.Element;
+/// <reference types="react" />
+declare function IllustrationEmptyImg(props: any): JSX.Element;
 export default IllustrationEmptyImg;

package/es/input/TextArea.js

@@ -70,6 +70,10 @@ var InternalTextarea = function InternalTextarea(props, ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     showNumberMark = _useState6[0],
     setShowNumberMark = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    numberMarkError = _useState8[0],
+    setNumberMarkError = _useState8[1];
   var resizeTextarea = useCallback(function () {
     if (!autoSize || !textareaRef.current) {
       return;
@@ -117,21 +121,25 @@ var InternalTextarea = function InternalTextarea(props, ref) {
     onChange && onChange(event);
   };
   var renderNumberMark = function renderNumberMark() {
-    var enteredLength = value ? value.length : 0;
-    if (enteredLength >= maxLength) {
-      enteredLength = maxLength;
-    }
-    if (count && showNumberMark && !disabled && maxLength !== '' && maxLength >= 0) {
-      var countClass = classNames("".concat(textAreaPrefixCls, "-textarea-mark"), _defineProperty({}, "".concat(textAreaPrefixCls, "-textarea-mark-inner"), countPosition === 'inner'));
+    if (count && (showNumberMark || numberMarkError) && !disabled && maxLength !== '' && maxLength >= 0) {
+      var _classNames;
+      var countClass = classNames("".concat(textAreaPrefixCls, "-textarea-mark"), (_classNames = {}, _defineProperty(_classNames, "".concat(textAreaPrefixCls, "-textarea-mark-inner"), countPosition === 'inner'), _defineProperty(_classNames, "".concat(textAreaPrefixCls, "-textarea-mark-error"), numberMarkError), _classNames));
       return /*#__PURE__*/React.createElement("div", {
         className: countClass
-      }, enteredLength, "/", maxLength);
+      }, value ? value.length : 0, "/", maxLength);
     }
     return null;
   };
   useEffect(function () {
     resizeTextarea();
   }, [value, resizeTextarea]);
+  useEffect(function () {
+    if (value && maxLength && value.length > maxLength) {
+      setNumberMarkError(true);
+    } else {
+      setNumberMarkError(false);
+    }
+  }, [value]);
   useEffect(function () {
     if (propsValue !== undefined) {
       setValue(propsValue);
@@ -173,7 +181,7 @@ var InternalTextarea = function InternalTextarea(props, ref) {
       ref: textareaRef,
       disabled: disabled,
       style: _extends({}, textareaStyles, hadCount || !!allowClear ? otherStyles : style),
-      className: classNames("".concat(prefixCls, "-textarea"), (_classNames2 = {}, _defineProperty(_classNames2, _concatInstanceProperty(_context = "".concat(prefixCls, "-size-")).call(_context, size), size), _defineProperty(_classNames2, "".concat(prefixCls, "-borderless"), borderType === 'none'), _defineProperty(_classNames2, "".concat(prefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classNames2, "".concat(prefixCls, "-no-resize"), canResize !== true), _defineProperty(_classNames2, "".concat(prefixCls, "-allowClear-spacing"), !!allowClear), _defineProperty(_classNames2, "".concat(prefixCls, "-error"), status === 'error'), _defineProperty(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _classNames2), _defineProperty({}, className, className && !allowClear && !hadCount)),
+      className: classNames("".concat(prefixCls, "-textarea"), (_classNames2 = {}, _defineProperty(_classNames2, _concatInstanceProperty(_context = "".concat(prefixCls, "-size-")).call(_context, size), size), _defineProperty(_classNames2, "".concat(prefixCls, "-borderless"), borderType === 'none'), _defineProperty(_classNames2, "".concat(prefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classNames2, "".concat(prefixCls, "-no-resize"), canResize !== true), _defineProperty(_classNames2, "".concat(prefixCls, "-allowClear-spacing"), !!allowClear), _defineProperty(_classNames2, "".concat(prefixCls, "-error"), status === 'error' || numberMarkError), _defineProperty(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _classNames2), _defineProperty({}, className, className && !allowClear && !hadCount)),
       onChange: handleChange,
       onFocus: !disabled ? handleFocus : undefined,
       onBlur: !disabled ? handleBlur : undefined,

package/es/input/style/index.css

@@ -215,6 +215,9 @@ textarea {
   bottom: 5px;
   right: 8px;
 }
+.kd-input-textarea-mark-error {
+  color: var(--kd-c-input-color-error, var(--kd-g-color-error, #fb2323));
+}
 .kd-input-no-resize {
   resize: none;
 }

package/es/input/style/index.less

@@ -43,12 +43,16 @@ textarea {
       font-size: @input-small-font-size-inner;
       line-height: 18px;
       background-color: #fff;
-    }
 
-    &-mark-inner {
-      top: auto;
-      bottom: 5px;
-      right: 8px;
+      &-inner {
+        top: auto;
+        bottom: 5px;
+        right: 8px;
+      }
+
+      &-error {
+        color: @input-error-color;
+      }
     }
   }
 

package/es/input-number/inputNumber.js

@@ -58,6 +58,14 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
+  var _useState3 = useState(1),
+    _useState4 = _slicedToArray(_useState3, 2),
+    forceUpdate = _useState4[0],
+    setForceUpdate = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    compositionValue = _useState6[0],
+    setCompositionValue = _useState6[1];
   var inputStatus = useRef({
     isHandleChange: false,
     inputFocused: false
@@ -67,6 +75,7 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
   var inputNumberRef = ref || thisInputNumberRef;
   var stepMouseDownDelayTimer = useRef(null);
   var stepMouseDownIntervalTimer = useRef(null);
+  var refIszComposition = useRef(false);
   var isScopeValid = function isScopeValid(value) {
     if (value === '') return true;
     var numberValue = parseFloat(value) || 0;
@@ -108,13 +117,20 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
   };
   var handleChange = function handleChange(event) {
     inputStatus.current.isHandleChange = true;
-    var legalNumber = verifiValue(event.target.value);
-    if (legalNumber === false) {
-      return false;
+    var newValue = event.target.value;
+    if (!refIszComposition.current) {
+      compositionValue && setCompositionValue('');
+      var legalNumber = verifiValue(newValue);
+      if (legalNumber === false) {
+        setForceUpdate(forceUpdate + 1);
+        return false;
+      }
+      value === undefined && setInputValue(legalNumber);
+      onChange && onChange(handleEventAttachValue(event, numberMode ? Number(legalNumber) : legalNumber));
+      updateSelectionRangePosition(event);
+    } else {
+      setCompositionValue(newValue);
     }
-    updateSelectionRangePosition(event);
-    value === undefined && setInputValue(legalNumber);
-    onChange && onChange(handleEventAttachValue(event, numberMode ? Number(legalNumber) : legalNumber));
   };
   var handleFocus = function handleFocus(event) {
     inputStatus.current.inputFocused = true;
@@ -151,23 +167,23 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
       if (decimalValueLength <= decimalLength && integerValueLength <= digitLength - decimalLength) {
         resultNumerical = numerical;
       } else if (integerValueLength > digitLength - decimalLength) {
-        var _context;
-        resultNumerical = _concatInstanceProperty(_context = "".concat(sign)).call(_context, integerValue.substr(0, digitLength - decimalLength));
+        var _context, _context2;
+        resultNumerical = mustInPrecisionScope ? inputValue : _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "".concat(sign)).call(_context2, integerValue.substr(0, digitLength - decimalLength))).call(_context, decimalValue ? '.' + decimalValue : '');
       } else if (decimalValueLength > decimalLength) {
-        var _context2, _context3;
-        resultNumerical = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "".concat(sign)).call(_context3, integerValue, ".")).call(_context2, decimalValue.substr(0, decimalLength));
+        var _context3, _context4;
+        resultNumerical = mustInPrecisionScope ? inputValue : _concatInstanceProperty(_context3 = _concatInstanceProperty(_context4 = "".concat(sign)).call(_context4, integerValue, ".")).call(_context3, decimalValue.substr(0, decimalLength));
       }
     } else if (typeof decimalLength !== 'number' && typeof digitLength === 'number') {
       if (integerValueLength >= digitLength) {
-        var _context4;
-        resultNumerical = _concatInstanceProperty(_context4 = "".concat(sign)).call(_context4, integerValue.substr(0, digitLength));
+        var _context5;
+        resultNumerical = _concatInstanceProperty(_context5 = "".concat(sign)).call(_context5, integerValue.substr(0, digitLength));
       } else {
-        var _context5, _context6, _context7;
-        resultNumerical = decimalValueLength ? _concatInstanceProperty(_context5 = _concatInstanceProperty(_context6 = "".concat(sign)).call(_context6, integerValue, ".")).call(_context5, decimalValue.substr(0, digitLength - integerValueLength)) : _concatInstanceProperty(_context7 = "".concat(sign)).call(_context7, integerValue);
+        var _context6, _context7, _context8;
+        resultNumerical = decimalValueLength ? _concatInstanceProperty(_context6 = _concatInstanceProperty(_context7 = "".concat(sign)).call(_context7, integerValue, ".")).call(_context6, decimalValue.substr(0, digitLength - integerValueLength)) : _concatInstanceProperty(_context8 = "".concat(sign)).call(_context8, integerValue);
       }
     } else if (typeof decimalLength === 'number' && typeof digitLength !== 'number') {
-      var _context8, _context9, _context10;
-      resultNumerical = decimalValueLength ? _concatInstanceProperty(_context8 = _concatInstanceProperty(_context9 = "".concat(sign)).call(_context9, integerValue, ".")).call(_context8, decimalValue.substr(0, decimalLength)) : _concatInstanceProperty(_context10 = "".concat(sign)).call(_context10, integerValue);
+      var _context9, _context10, _context11;
+      resultNumerical = decimalValueLength ? _concatInstanceProperty(_context9 = _concatInstanceProperty(_context10 = "".concat(sign)).call(_context10, integerValue, ".")).call(_context9, decimalValue.substr(0, decimalLength)) : _concatInstanceProperty(_context11 = "".concat(sign)).call(_context11, integerValue);
     } else {
       resultNumerical = numerical;
     }
@@ -197,13 +213,13 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
     });
   };
   var handleKeyDown = function handleKeyDown(event) {
-    var _context11;
+    var _context12;
     onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
     if (!stepOption || props.disabled || props.readOnly) {
       return;
     }
     var keyCode = event.keyCode;
-    if (_includesInstanceProperty(_context11 = [38, 40]).call(_context11, keyCode)) {
+    if (_includesInstanceProperty(_context12 = [38, 40]).call(_context12, keyCode)) {
       event.preventDefault();
       handleStepChang(keyCode === 38 ? 'plus' : 'minus');
     }
@@ -310,11 +326,22 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
   }, [inputValue, formatter]);
   var updateSelectionRangePosition = useSelectionRange({
     inputElement: (_a = inputNumberRef.current) === null || _a === void 0 ? void 0 : _a.input,
-    inputValue: displayedInputValue
+    inputValue: displayedInputValue,
+    forceUpdate: forceUpdate
   });
+  var handleComposition = function handleComposition(e) {
+    refIszComposition.current = e.type !== 'compositionend';
+    if (!refIszComposition.current) {
+      setCompositionValue('');
+      handleChange(e);
+    }
+  };
   return /*#__PURE__*/React.createElement(Input, _extends({}, others, {
+    onCompositionStart: handleComposition,
+    onCompositionUpdate: handleComposition,
+    onCompositionEnd: handleComposition,
     ref: inputNumberRef,
-    value: displayedInputValue,
+    value: compositionValue || displayedInputValue,
     prefix: prefix,
     suffix: suffix,
     onChange: handleChange,

package/es/input-number/useSelectionRange.d.ts

@@ -1,4 +1,5 @@
-export default function useSelectionRange({ inputElement, inputValue, }: {
+export default function useSelectionRange({ inputElement, inputValue, forceUpdate, }: {
     inputElement: HTMLInputElement;
     inputValue: string;
+    forceUpdate: number;
 }): (event: any) => void;

package/es/input-number/useSelectionRange.js

@@ -2,7 +2,8 @@ import { useRef, useLayoutEffect } from 'react';
 import isNumber from 'lodash/isNumber';
 export default function useSelectionRange(_ref) {
   var inputElement = _ref.inputElement,
-    inputValue = _ref.inputValue;
+    inputValue = _ref.inputValue,
+    forceUpdate = _ref.forceUpdate;
   var refSelectionPosition = useRef();
   useLayoutEffect(function () {
     var position = refSelectionPosition.current;
@@ -10,7 +11,7 @@ export default function useSelectionRange(_ref) {
       var start = Math.max(0, inputValue.length - position);
       inputElement.setSelectionRange(start, start);
     }
-  }, [inputValue]);
+  }, [inputValue, forceUpdate]);
   return function (event) {
     var _event$target = event.target,
       end = _event$target.selectionEnd,

package/es/select/select.js

@@ -563,7 +563,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       background: 'none'
     };
     var indeterminate = mulOptions.length > 0 && mulOptions.length < filledOptions.length;
-    var checked = mulOptions.length === filledOptions.length;
+    var checked = mulOptions.length > 0 && mulOptions.length === filledOptions.length;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: dropDownCls,
       style: dropdownStyle,
@@ -577,7 +577,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       onChange: handleSelectAll
     }, "\u5168\u9009"), /*#__PURE__*/React.createElement("span", {
       className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
-    }, "\u5DF2\u9009", /*#__PURE__*/React.createElement("span", null, selectedVal.length), "\u9879")) : null));
+    }, "\u5DF2\u9009", /*#__PURE__*/React.createElement("span", null, selectedVal === null || selectedVal === void 0 ? void 0 : selectedVal.length), "\u9879")) : null));
   };
   // 处理多选tag
   var handleMaxTagHolder = useCallback(function () {
@@ -773,17 +773,11 @@ var InternalSelect = function InternalSelect(props, ref) {
       selectedVal = _multipleRef$current5.selectedVal,
       selectMulOpts = _multipleRef$current5.selectMulOpts;
     // isMultiple
-    if (which === KeyCode.BACKSPACE && !searchValue && isMultiple && selectedVal.length && selectMulOpts.length) {
+    if (which === KeyCode.BACKSPACE && !searchValue && isMultiple && (selectedVal === null || selectedVal === void 0 ? void 0 : selectedVal.length) && selectMulOpts.length) {
       _spliceInstanceProperty(selectedVal).call(selectedVal, -1, 1);
       _spliceInstanceProperty(selectMulOpts).call(selectMulOpts, -1, 1);
       setMulOptions(_toConsumableArray(selectMulOpts));
       onChange && onChange(labelInValue ? selectMulOpts : selectedVal, selectMulOpts);
-      // !isMultiple
-    } else if (which === KeyCode.BACKSPACE && allowClear && !isMultiple) {
-      setInitValue('');
-      onClear && onClear('');
-      setSearchValue('');
-      onChange && onChange(undefined);
     }
     // optionsList: up、down、enter
     if (optionShow) {

package/es/select/style/index.css

@@ -689,7 +689,7 @@
   width: 100%;
   padding: 0 12px;
   height: 40px;
-  line-height: 40px;
+  line-height: 30px;
   border-top: 1px solid #d9d9d9;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -698,14 +698,14 @@
   color: #999999;
   padding-left: 12px;
 }
-.kd-select-multiple-footer-hadSelected-number {
+.kd-select-multiple-footer-hadSelected > span {
   color: var(--kd-c-select-footer-color-text-selected, #0e5fd8);
   padding: 0 2px;
 }
-.kd-select.topLeft.hidden,
-.kd-select.bottomLeft.hidden,
-.kd-select.topRight.hidden,
-.kd-select.bottomRight.hidden {
+.kd-select-dropdown-panel.topLeft.hidden,
+.kd-select-dropdown-panel.bottomLeft.hidden,
+.kd-select-dropdown-panel.topRight.hidden,
+.kd-select-dropdown-panel.bottomRight.hidden {
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);