@kdcloudjs/kdesign 1.7.39 → 1.7.41

package/es/alert/style/index.css

@@ -193,11 +193,13 @@
   cursor: default;
 }
 .kd-alert-leave {
-  -webkit-transition: min-height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), opacity var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), margin var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), line-height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1);
-  transition: min-height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), opacity var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), margin var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), line-height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1);
+  -webkit-transition: padding var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), opacity var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), margin var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), line-height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1);
+  transition: padding var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), opacity var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), margin var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), line-height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  padding: 0 var(--kd-c-alert-sizing-padding-horizontal, 20px);
+  border-width: 0;
   min-height: 0;
   margin: 0 !important;
   overflow: hidden;

package/es/alert/style/index.less

@@ -81,10 +81,12 @@
     cursor: default;
   }
   &-leave {
-    transition: min-height @duration-promptly @alert-transition-fn, opacity @duration-promptly @alert-transition-fn,
+    transition: padding @duration-promptly @alert-transition-fn, opacity @duration-promptly @alert-transition-fn,
       margin @duration-promptly @alert-transition-fn, height @duration-promptly @alert-transition-fn,
       line-height @duration-promptly @alert-transition-fn;
     display: flex;
+    padding: 0 @alert-padding-horizontal;
+    border-width: 0;
     min-height: 0;
     margin: 0 !important;
     overflow: hidden;

package/es/button/index.d.ts

@@ -3,5 +3,6 @@ import Dropdown from './group';
 declare const Button: import("react").ForwardRefExoticComponent<import("./button").IButtonProps & import("react").RefAttributes<unknown>> & {
     Dropdown: typeof Dropdown;
 };
-export { ButtonType, IButtonProps } from './button';
+export { ButtonType, IButtonProps, ButtonSize, ButtonShape, ButtonIconPlace, ButtonHTMLType } from './button';
+export { OverlayType, ButtonGroupType } from './group';
 export default Button;

package/es/carousel/index.d.ts

@@ -1,7 +1,7 @@
-import Carousel, { CarouselProps } from './carousel';
+import Carousel, { CarouselProps, DotPositionType, EffectType } from './carousel';
 import { Slidebar } from './slidebar';
 import { SlideList } from './slideList';
 import { FadeList } from './fadeList';
 export * from './carousel';
-export { CarouselProps, Slidebar, FadeList, SlideList };
+export { CarouselProps, DotPositionType, EffectType, Slidebar, FadeList, SlideList };
 export default Carousel;

package/es/city-picker/index.d.ts

@@ -1,3 +1,5 @@
 import CityPicker from './city-picker';
+import { City, BorderType, Size, Type, CityList, CityPickerProps, ICityPickerOptionProps } from './interface';
+export { City, BorderType, Size, Type, CityList, CityPickerProps, ICityPickerOptionProps };
 export * from './city-picker';
 export default CityPicker;

package/es/collapse/index.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { CollapseProps } from './collapse';
+import { CollapseProps, IconPositionType } from './collapse';
 import Panel from './panel';
 export { PanelProps } from './panel';
 interface CompoundedComponent extends React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLElement>> {
     Panel: typeof Panel;
 }
 declare const Collapse: CompoundedComponent;
-export { Panel };
+export { Panel, IconPositionType };
 export default Collapse;

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

@@ -191,6 +191,8 @@ declare const compDefaultProps: {
         cancelButtonProps: {};
         okButtonProps: {};
         showline: boolean;
+        overroll: boolean;
+        resizable: boolean;
     };
     Menu: {
         mode: string;
@@ -467,5 +469,13 @@ declare const compDefaultProps: {
         disabled: boolean;
         size: string;
     };
+    QRCode: {
+        value: string;
+        size: number;
+        status: string;
+        type: string;
+        errorLevel: string;
+        color: string;
+    };
 };
 export default compDefaultProps;

package/es/config-provider/compDefaultProps.js

@@ -195,7 +195,9 @@ var compDefaultProps = {
     draggable: true,
     cancelButtonProps: {},
     okButtonProps: {},
-    showline: true
+    showline: true,
+    overroll: false,
+    resizable: false
   },
   Menu: {
     mode: 'vertical',
@@ -484,6 +486,14 @@ var compDefaultProps = {
     action: 'copy',
     disabled: false,
     size: 'middle'
+  },
+  QRCode: {
+    value: 'https://www.kingdee.design/',
+    size: 86,
+    status: 'active',
+    type: 'canvas',
+    errorLevel: 'H',
+    color: '#000000'
   }
 };
 export default compDefaultProps;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { DateType, InnerLocale, RangeValue, TimeUnit } from './interface';
-import { IInnerPicker } from './date-picker';
+import { CellRenderProp, IInnerPicker } from './date-picker';
 export declare type ContextOperationRefProps = {
     onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => boolean;
     onClose?: () => void;
@@ -13,7 +13,7 @@ export interface SingleContextProps {
     dateValue?: DateType | null;
     rangeValue?: RangeValue;
     hoverRangedValue?: RangeValue;
-    panelPosition?: string;
+    panelPosition?: 'right' | 'left';
     open?: boolean;
     originHour?: number;
     minute?: number;
@@ -28,6 +28,8 @@ export interface SingleContextProps {
     onDateMouseLeave: (arg?: boolean) => void;
     innerPicker: IInnerPicker;
     setInnerPicker: (p: IInnerPicker) => void;
+    cellRender?: CellRenderProp;
+    range?: 'start' | 'end';
 }
 declare const Context: React.Context<SingleContextProps>;
 export default Context;

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

@@ -2,6 +2,14 @@ import React from 'react';
 import { DateType } from './interface';
 import { PickerPanelBaseProps, PickerPanelDateProps, PickerPanelTimeProps } from './date-panel';
 import { BorderType, InputSiteType } from '../input/input';
+export declare type CellRenderSubType = 'hour' | 'minute' | 'second' | '12Hours';
+export declare type CellRenderProp = (current: DateType | number, info: {
+    originNode: React.ReactElement;
+    panelType: 'time' | 'date' | 'week' | 'month' | 'quarter' | 'year';
+    date?: DateType;
+    range?: 'start' | 'end';
+    subType?: CellRenderSubType;
+}) => React.ReactNode;
 export interface PickerSharedProps extends React.AriaAttributes {
     dropdownClassName?: string;
     popupStyle?: React.CSSProperties;
@@ -38,6 +46,7 @@ export interface PickerSharedProps extends React.AriaAttributes {
     onClick?: React.MouseEventHandler<HTMLDivElement>;
     onContextMenu?: React.MouseEventHandler<HTMLDivElement>;
     status?: 'error';
+    cellRender?: CellRenderProp;
 }
 declare type OmitPanelProps<Props> = Omit<Props, 'onChange' | 'hideHeader' | 'pickerValue' | 'onPickerValueChange'>;
 export interface PickerBaseProps extends PickerSharedProps, OmitPanelProps<PickerPanelBaseProps> {

package/es/date-picker/date-picker.js

@@ -81,7 +81,8 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     onContextMenu = datePickerProps.onContextMenu,
     onClick = datePickerProps.onClick,
     _onOk = datePickerProps.onOk,
-    status = datePickerProps.status;
+    status = datePickerProps.status,
+    cellRender = datePickerProps.cellRender;
   var inputDivRefDefault = React.useRef(null);
   var inputDivRef = ref || inputDivRefDefault;
   var popperRefDefault = React.useRef(null);
@@ -338,7 +339,8 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
         onDateMouseEnter: onEnter,
         onDateMouseLeave: onLeave,
         innerPicker: innerPicker,
-        setInnerPicker: setInnerPicker
+        setInnerPicker: setInnerPicker,
+        cellRender: cellRender
       }
     }, panelNode, (extraFooter || rangesNode || todayNode) && innerPicker === undefined ? /*#__PURE__*/React.createElement("div", {
       className: "".concat(datePickerPrefixCls, "-footer")

package/es/date-picker/panel/month/month.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { useContext } from 'react';
 import classnames from 'classnames';
 import { getMonth, newDate, getYear, setMonth, isAfter, isBefore, isSameMonth, getStartOfMonth, setYearOrMonthOfDate } from '../../utils/date-fns';
@@ -21,7 +21,9 @@ function Month(props) {
     hoverRangedValue = context.hoverRangedValue,
     locale = context.locale,
     innerPicker = context.innerPicker,
-    setInnerPicker = context.setInnerPicker;
+    setInnerPicker = context.setInnerPicker,
+    cellRender = context.cellRender,
+    range = context.range;
   var disabledDate = props.disabledDate;
   var _dateValue;
   if (panelPosition) {
@@ -88,12 +90,6 @@ function Month(props) {
       setInnerPicker(undefined);
     }
   };
-  var renderMonthItem = function renderMonthItem(i) {
-    var _context;
-    return /*#__PURE__*/React.createElement("span", {
-      className: getMonthClassNames(i)
-    }, _concatInstanceProperty(_context = "".concat(i + 1)).call(_context, locale.month));
-  };
   var renderMonth = function renderMonth() {
     var monthLayout = monthsThreeColumns;
     var monthLineCls = classnames("".concat(prefixCls, "-month-line"));
@@ -102,6 +98,7 @@ function Month(props) {
         className: monthLineCls,
         key: i
       }, _mapInstanceProperty(month).call(month, function (m, j) {
+        var _context;
         var month = setMonth(viewDate, m);
         var _props = {
           onClick: function onClick() {
@@ -119,10 +116,18 @@ function Month(props) {
           }
         };
         var monthItemCls = classnames("".concat(prefixCls, "-month-item"), _defineProperty({}, "".concat(prefixCls, "-month-item-disabled"), disabledDate && disabledDate(month)), getRangeCls(month));
+        var originNode = /*#__PURE__*/React.createElement("span", {
+          className: getMonthClassNames(m)
+        }, _concatInstanceProperty(_context = "".concat(m + 1)).call(_context, locale.month));
         return /*#__PURE__*/React.createElement("div", _extends({
           className: monthItemCls,
           key: j
-        }, _props), renderMonthItem(m));
+        }, _props), typeof cellRender === 'function' ? cellRender(m + 1, {
+          originNode: originNode,
+          panelType: 'month',
+          range: range,
+          date: month
+        }) || originNode : originNode);
       }));
     });
   };

package/es/date-picker/panel/quarter/quarter.js

@@ -17,7 +17,9 @@ function Quarter(props) {
     onDateMouseLeave = context.onDateMouseLeave,
     rangeValue = context.rangeValue,
     panelPosition = context.panelPosition,
-    hoverRangedValue = context.hoverRangedValue;
+    hoverRangedValue = context.hoverRangedValue,
+    cellRender = context.cellRender,
+    range = context.range;
   var disabledDate = props.disabledDate;
   var _dateValue;
   if (panelPosition) {
@@ -96,12 +98,18 @@ function Quarter(props) {
         }
       };
       var quarterCls = classnames("".concat(prefixCls, "-quarter-item"), _defineProperty({}, "".concat(prefixCls, "-quarter-item-disabled"), disabledDate && disabledDate(quarter)), getRangeCls(quarter));
+      var originNode = /*#__PURE__*/React.createElement("div", _extends({
+        className: getQuarterClassNames(i + 1)
+      }, _props), n);
       return /*#__PURE__*/React.createElement("div", {
         key: n,
         className: quarterCls
-      }, /*#__PURE__*/React.createElement("div", _extends({
-        className: getQuarterClassNames(i + 1)
-      }, _props), n));
+      }, typeof cellRender === 'function' ? cellRender(i + 1, {
+        originNode: originNode,
+        panelType: 'quarter',
+        range: range,
+        date: quarter
+      }) || originNode : originNode);
     });
   };
   var quarterCls = classnames("".concat(prefixCls, "-quarter"));

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { DateType } from '../../interface';
+import { CellRenderSubType } from '../../date-picker';
 export interface Unit {
     label: React.ReactText;
     value: number;
@@ -12,6 +13,7 @@ export interface TimeUnitColumnProps {
     selectValue?: DateType;
     hideDisabledOptions?: boolean;
     onSelect?: (value: number) => void;
+    subType?: CellRenderSubType;
 }
 declare function TimeUnitColumn(props: TimeUnitColumnProps): JSX.Element;
 export default TimeUnitColumn;

package/es/date-picker/panel/time/time-column.js

@@ -12,10 +12,13 @@ function TimeUnitColumn(props) {
     onSelect = props.onSelect,
     value = props.value,
     hideDisabledOptions = props.hideDisabledOptions,
-    selectValue = props.selectValue;
+    selectValue = props.selectValue,
+    subType = props.subType;
   var cellPrefixCls = "".concat(prefixCls, "-cell");
   var _React$useContext = React.useContext(Context),
-    open = _React$useContext.open;
+    open = _React$useContext.open,
+    cellRender = _React$useContext.cellRender,
+    range = _React$useContext.range;
   var ulRef = useRef(null);
   var liRefs = useRef(new _Map());
   var scrollRef = useRef();
@@ -52,6 +55,9 @@ function TimeUnitColumn(props) {
     if (hideDisabledOptions && unit.disabled) {
       return null;
     }
+    var originNode = /*#__PURE__*/React.createElement("div", {
+      className: "".concat(cellPrefixCls, "-inner")
+    }, unit.label);
     return /*#__PURE__*/React.createElement("div", {
       key: unit.value,
       ref: function ref(element) {
@@ -64,9 +70,12 @@ function TimeUnitColumn(props) {
         }
         onSelect(unit.value);
       }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(cellPrefixCls, "-inner")
-    }, unit.label));
+    }, typeof cellRender === 'function' ? cellRender(unit.value, {
+      originNode: originNode,
+      panelType: 'time',
+      subType: subType,
+      range: range
+    }) || originNode : originNode);
   }));
 }
 export default TimeUnitColumn;

package/es/date-picker/panel/time/time.js

@@ -165,7 +165,8 @@ function TimePanel(props) {
     }
   }
   addColumnNode(showHour, /*#__PURE__*/React.createElement(TimeColumn, {
-    key: "hour"
+    key: "hour",
+    subType: 'hour'
   }), hour, hours, function (num) {
     var time = setTime(isPM, num, minute, second);
     if (time) {
@@ -173,7 +174,8 @@ function TimePanel(props) {
     }
   });
   addColumnNode(showMinute, /*#__PURE__*/React.createElement(TimeColumn, {
-    key: "minute"
+    key: "minute",
+    subType: 'minute'
   }), minute, minutes, function (num) {
     var time = setTime(isPM, hour, num, second);
     if (time) {
@@ -181,7 +183,8 @@ function TimePanel(props) {
     }
   });
   addColumnNode(showSecond, /*#__PURE__*/React.createElement(TimeColumn, {
-    key: "second"
+    key: "second",
+    subType: 'second'
   }), second, seconds, function (num) {
     var time = setTime(isPM, hour, minute, num);
     if (time) {
@@ -193,7 +196,8 @@ function TimePanel(props) {
     PMIndex = isPM ? 1 : 0;
   }
   addColumnNode(use12Hours === true, /*#__PURE__*/React.createElement(TimeColumn, {
-    key: "12hours"
+    key: "12hours",
+    subType: '12Hours'
   }), PMIndex, [{
     label: 'AM',
     value: 0,

package/es/date-picker/panel/week/week.js

@@ -35,7 +35,9 @@ function Week(props) {
     disabledTimePanel = context.disabledTimePanel,
     onSelect = context.onSelect,
     onDateMouseEnter = context.onDateMouseEnter,
-    onDateMouseLeave = context.onDateMouseLeave;
+    onDateMouseLeave = context.onDateMouseLeave,
+    cellRender = context.cellRender,
+    range = context.range;
   var showWeekNumber = props.showWeekNumber,
     day = props.day,
     picker = props.picker,
@@ -176,8 +178,6 @@ function Week(props) {
       } else {
         now = dateValue || viewDate;
       }
-      // if(hours) {
-      // }
       var dayTime = setTime(day, {
         hour: getHours(now),
         minute: getMinutes(now),
@@ -200,18 +200,28 @@ function Week(props) {
           }
         }
       };
-      // console.log('disabledDate', disabledDate)
+      var originNode = /*#__PURE__*/React.createElement("div", {
+        className: getDayClassNames(day)
+      }, date);
       return /*#__PURE__*/React.createElement("div", _extends({
         key: day.valueOf(),
         className: classnames("".concat(prefixCls, "-calendar-item"), (_classnames3 = {}, _defineProperty(_classnames3, "".concat(prefixCls, "-calendar-item-disabled"), disabledDate && disabledDate(day)), _defineProperty(_classnames3, "".concat(prefixCls, "-calendar-current"), currentMonth === getMonth(day)), _classnames3), getRangeCls(day))
-      }, _props), /*#__PURE__*/React.createElement("div", {
-        className: getDayClassNames(day)
-      }, date));
+      }, _props), typeof cellRender === 'function' ? cellRender(day, {
+        originNode: originNode,
+        panelType: 'date',
+        range: range,
+        date: day
+      }) || originNode : originNode);
     }));
-    var calenderLineCls = classnames((_classnames4 = {}, _defineProperty(_classnames4, "".concat(prefixCls, "-calendar-line"), picker !== 'week'), _defineProperty(_classnames4, "".concat(prefixCls, "-calendar-week-line"), picker === 'week'), _defineProperty(_classnames4, "".concat(prefixCls, "-calendar-week-selected"), picker === 'week' && getWeekSelected(startOfWeek)), _classnames4));
-    return /*#__PURE__*/React.createElement("div", {
-      className: calenderLineCls
+    var originNode = /*#__PURE__*/React.createElement("div", {
+      className: classnames((_classnames4 = {}, _defineProperty(_classnames4, "".concat(prefixCls, "-calendar-line"), picker !== 'week'), _defineProperty(_classnames4, "".concat(prefixCls, "-calendar-week-line"), picker === 'week'), _defineProperty(_classnames4, "".concat(prefixCls, "-calendar-week-selected"), picker === 'week' && getWeekSelected(startOfWeek)), _classnames4))
     }, week);
+    return typeof cellRender === 'function' ? cellRender(weekNumber, {
+      originNode: originNode,
+      panelType: 'week',
+      range: range,
+      date: startOfWeek
+    }) || originNode : originNode;
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, renderDays());
 }

package/es/date-picker/panel/year/year.js

@@ -18,7 +18,9 @@ function Year(props) {
     panelPosition = context.panelPosition,
     hoverRangedValue = context.hoverRangedValue,
     innerPicker = context.innerPicker,
-    setInnerPicker = context.setInnerPicker;
+    setInnerPicker = context.setInnerPicker,
+    cellRender = context.cellRender,
+    range = context.range;
   var yearItemNumber = props.yearItemNumber,
     disabledDate = props.disabledDate,
     _props$picker = props.picker,
@@ -114,12 +116,18 @@ function Year(props) {
           }
         }
       };
+      var originNode = /*#__PURE__*/React.createElement("span", {
+        className: getYearClassNames(y)
+      }, y);
       yearsList.push( /*#__PURE__*/React.createElement("div", _extends({
         className: classnames("".concat(prefixCls, "-year-item"), _defineProperty({}, "".concat(prefixCls, "-year-item-disabled"), disabledDate && disabledDate(year)), getRangeCls(year)),
         key: y
-      }, _props), /*#__PURE__*/React.createElement("span", {
-        className: getYearClassNames(y)
-      }, y)));
+      }, _props), typeof cellRender === 'function' ? cellRender(y, {
+        originNode: originNode,
+        panelType: 'year',
+        range: range,
+        date: year
+      }) || originNode : originNode));
     };
     for (var y = startPeriod; y <= endPeriod; y++) {
       _loop();

package/es/date-picker/range-picker.js

@@ -110,7 +110,8 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     onBlur = datePickerProps.onBlur,
     _onOk = datePickerProps.onOk,
     getPopupContainer = datePickerProps.getPopupContainer,
-    status = datePickerProps.status;
+    status = datePickerProps.status,
+    cellRender = datePickerProps.cellRender;
   var needConfirmButton = picker === 'date' && !!showTime || picker === 'time';
   var datePickerLang = _extends({}, globalLocale.getCompLangMsg({
     componentName: 'DatePicker'
@@ -520,7 +521,9 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
           onDateMouseEnter: onDateMouseEnter,
           onDateMouseLeave: onDateMouseLeave,
           innerPicker: innerPicker,
-          setInnerPicker: setInnerPicker
+          setInnerPicker: setInnerPicker,
+          cellRender: cellRender,
+          range: mergedActivePickerIndex === 0 ? 'start' : 'end'
         }
       }, renderPanel());
       var rightPanel = /*#__PURE__*/React.createElement(Context.Provider, {
@@ -537,7 +540,9 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
           onDateMouseEnter: onDateMouseEnter,
           onDateMouseLeave: onDateMouseLeave,
           innerPicker: innerPicker,
-          setInnerPicker: setInnerPicker
+          setInnerPicker: setInnerPicker,
+          cellRender: cellRender,
+          range: mergedActivePickerIndex === 0 ? 'start' : 'end'
         }
       }, renderPanel());
       panels = /*#__PURE__*/React.createElement("div", {
@@ -564,7 +569,9 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
           onDateMouseEnter: onDateMouseEnter,
           onDateMouseLeave: onDateMouseLeave,
           innerPicker: innerPicker,
-          setInnerPicker: setInnerPicker
+          setInnerPicker: setInnerPicker,
+          cellRender: cellRender,
+          range: mergedActivePickerIndex === 0 ? 'start' : 'end'
         }
       }, renderPanel());
     }

package/es/index.d.ts

@@ -56,3 +56,4 @@ export { default as Link } from './link';
 export { default as TreeSelect } from './tree-select';
 export { default as ColorPicker } from './color-picker';
 export { default as Clipboard } from './clipboard';
+export { default as QRCode } from './qr-code';

package/es/index.js

@@ -55,4 +55,5 @@ export { default as BaseData } from './base-data';
 export { default as Link } from './link';
 export { default as TreeSelect } from './tree-select';
 export { default as ColorPicker } from './color-picker';
-export { default as Clipboard } from './clipboard';
+export { default as Clipboard } from './clipboard';
+export { default as QRCode } from './qr-code';

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/modal/modal.d.ts

@@ -43,6 +43,11 @@ export interface IModalProps {
     width?: number;
     showline?: boolean;
     bounds?: DraggableBounds | string | false;
+    overroll?: boolean;
+    resizable?: boolean;
+    onResizeStart?: (event: MouseEvent) => void;
+    onResize?: (event: MouseEvent) => void;
+    onResizeStop?: (event: MouseEvent) => void;
     onDragStart?: DraggableEventHandler;
     onDrag?: DraggableEventHandler;
     onDragStop?: DraggableEventHandler;