@kdcloudjs/kdesign 1.7.39 → 1.7.41

package/es/qr-code/qr-code.js

@@ -0,0 +1,80 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import React, { useContext } from 'react';
+import classNames from 'classnames';
+import ConfigContext from '../config-provider/ConfigContext';
+import { getCompProps } from '../_utils';
+import { QRCodeCanvas, QRCodeSVG } from 'qrcode.react';
+import Spin from '../spin';
+import Button from '../button';
+import Icon from '../icon';
+import devWarning from '../_utils/devwarning';
+import { tuple } from '../_utils/type';
+export var QRCodeTypes = tuple('canvas', 'svg');
+export var QRCodeStatus = tuple('active', 'expired', 'loading');
+export var QRCodeErrorLevels = tuple('L', 'M', 'Q', 'H');
+var QRCode = function QRCode(props) {
+  var _useContext = useContext(ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
+  var qrCodeProps = getCompProps('QRCode', userDefaultProps, props);
+  var value = qrCodeProps.value,
+    size = qrCodeProps.size,
+    status = qrCodeProps.status,
+    style = qrCodeProps.style,
+    type = qrCodeProps.type,
+    errorLevel = qrCodeProps.errorLevel,
+    color = qrCodeProps.color,
+    onRefresh = qrCodeProps.onRefresh,
+    icon = qrCodeProps.icon,
+    _qrCodeProps$iconSize = qrCodeProps.iconSize,
+    iconSize = _qrCodeProps$iconSize === void 0 ? 24 : _qrCodeProps$iconSize,
+    bgColor = qrCodeProps.bgColor,
+    _qrCodeProps$bordered = qrCodeProps.bordered,
+    bordered = _qrCodeProps$bordered === void 0 ? true : _qrCodeProps$bordered;
+  var className = qrCodeProps.className,
+    customPrefixcls = qrCodeProps.prefixCls;
+  var qrCodePrefixCls = getPrefixCls(prefixCls, 'qrcode', customPrefixcls);
+  var qrCodeClass = classNames(qrCodePrefixCls, className, _defineProperty({}, "".concat(qrCodePrefixCls, "-borderless"), !bordered));
+  var gap = 8;
+  var containerSize = size + gap * 2 + 2;
+  devWarning(!value === false, 'QRCode', 'need to receive `value` props');
+  devWarning(icon && errorLevel === 'L', 'QRCode', 'ErrorLevel `L` is not recommended to be used with `icon`, for scanning result would be affected by low level.');
+  var imageSettings = {
+    src: icon,
+    x: undefined,
+    y: undefined,
+    height: iconSize,
+    width: iconSize,
+    excavate: true
+  };
+  var codeProps = {
+    value: value,
+    size: size,
+    level: errorLevel,
+    fgColor: color,
+    imageSettings: icon ? imageSettings : undefined
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: qrCodeClass,
+    style: _extends(_extends({}, style), {
+      width: "".concat(containerSize, "px"),
+      height: "".concat(containerSize, "px"),
+      backgroundColor: bgColor
+    })
+  }, status !== 'active' && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(qrCodePrefixCls, "-mask")
+  }, status === 'loading' && /*#__PURE__*/React.createElement(Spin, null), status === 'expired' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
+    className: "".concat(qrCodePrefixCls, "-expired")
+  }, "\u4E8C\u7EF4\u7801\u8FC7\u671F"), onRefresh && /*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      type: "refresh"
+    }),
+    type: "text",
+    onClick: onRefresh,
+    size: "middle"
+  }, "\u70B9\u51FB\u5237\u65B0"))), type === 'canvas' ? /*#__PURE__*/React.createElement(QRCodeCanvas, _extends({}, codeProps)) : /*#__PURE__*/React.createElement(QRCodeSVG, _extends({}, codeProps)));
+};
+QRCode.displayName = 'QRCode';
+export default QRCode;

package/es/qr-code/style/css.js

@@ -0,0 +1,2 @@
+import '../../style/index.css';
+import './index.css';

package/es/qr-code/style/index.css

@@ -0,0 +1,154 @@
+/* -----------  color  ——————---- start */
+/* -----------  color  ——————---- end */
+/* -----------  motion  ——————---- start */
+/* -----------  motion  ——————---- end */
+/* -----------  transition  ——————---- start */
+/* -----------  transition  ——————---- end */
+/* -----------  font  ——————---- start */
+/* -----------  font  ——————---- end */
+/* -----------  zIndex  ——————---- start */
+/*
+    普通组件内部自身层级应设置在0-100间
+*/
+/* -----------  zIndex  ——————---- end */
+/* -----------  Button  ——————---- start */
+/* -----------  Button  ——————---- end */
+/* -----------  Collapse  ——————---- start */
+/* -----------  Collapse  ——————---- end */
+/* -----------  Card  ——————---- start */
+/* -----------  Card  ——————---- end */
+/* -----------  Carousel  ——————---- start */
+/* -----------  Carousel  ——————---- end */
+/* -----------  Cascader  ——————---- start */
+/* -----------  Cascader  ——————---- end */
+/* -----------  Switch  ——————---- start */
+/* -----------  Switch  ——————---- end */
+/* -----------  Input  ——————---- start */
+/* -----------  Input  ——————---- end */
+/* -----------  InputNumber  ——————---- start */
+/* -----------  InputNumber  ——————---- end */
+/* -----------  checkbox  ——————---- start */
+/* -----------  checkbox  ——————---- start */
+/* -----------  checkbox  ——————---- end */
+/* -----------  Radio  ——————---- start */
+/* -----------  Radio  ——————---- end */
+/* -----------  icon  ——————---- start */
+/* -----------  icon  ——————---- end */
+/* -----------  Popconfirm  ——————---- start */
+/* -----------  Popconfirm  ——————---- end */
+/* -----------  Progress  ——————---- start */
+/* -----------  Progress  ——————---- end */
+/* -----------  Pagination  ——————---- start */
+/* -----------  Pagination  ——————---- end */
+/* -----------  Timeline  ——————---- start */
+/* -----------  Timeline  ——————---- end */
+/* -----------  Tabs  ——————---- start */
+/* -----------  Tabs  ——————---- end */
+/* -----------  Select  ——————---- start */
+/* -----------  Select  ——————---- end */
+/* -----------  Rate  ——————---- start */
+/* -----------  Rate  ——————---- end */
+/* -----------  Dropdown  ——————---- start */
+/* -----------  Dropdown  ——————---- end */
+/* -----------  Tooltip  ——————---- start */
+/* -----------  Tooltip  ——————---- end */
+/* -----------  Transfer  ——————---- start */
+/* -----------  Transfer  ——————---- end */
+/* -----------  DatePicker  ——————---- start */
+/* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
+/* -----------  Tree  ——————---- start */
+/* -----------  Tree  ——————---- end */
+/* -----------  Alert  ——————---- start */
+/* -----------  Alert  ——————---- end */
+/* -----------  Split-Panel ——————---- start */
+/* -----------  Split-Panel ——————---- end */
+/* -----------  Modal  ——————---- start */
+/* -----------  Modal  ——————---- end */
+/* -----------  Steps  ——————---- start */
+/* -----------  Steps  ——————---- end */
+/* -----------  Form  ——————---- start */
+/* -----------  Form  ——————---- end */
+/* -----------  Tag ——————---- start */
+/* -----------  Tag ——————---- end */
+/* -----------  Menu  ——————---- start */
+/* -----------  Menu  ——————---- end */
+/* -----------  notice  ——————---- start */
+/* -----------  message  ——————---- end */
+/* -----------  Spin  ——————---- start */
+/* -----------  Spin  ——————---- end */
+/* -----------  Spin  ——————---- start */
+/* -----------  Spin  ——————---- end */
+/* -----------  Layout  ——————---- start */
+/* -----------  Layout  ——————---- end */
+/* -----------  Typography  ——————---- start */
+/* -----------  Typography  ——————---- start */
+/* -----------  Search  ——————---- start */
+/* -----------  Search  ——————---- start */
+/* -----------  Badge  ——————---- start */
+/* -----------  Badge  ——————---- end */
+/* -----------  Anchor  ——————---- start */
+/* -----------  Anchor  ——————---- end */
+/* -----------  Avatar  ——————---- start */
+/* -----------  Avatar  ——————---- end */
+/* -----------  AdvancedSelector  ——————---- start */
+/* -----------  AdvancedSelector  ——————---- end */
+/* -----------  motion  ——————---- start */
+/* -----------  motion  ——————---- end */
+/* -----------  transition  ——————---- start */
+/* -----------  transition  ——————---- end */
+/* -----------  zIndex  ——————---- start */
+/*
+    普通组件内部自身层级应设置在0-100间
+*/
+/* -----------  zIndex  ——————---- end */
+.kd-qrcode {
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin: 0;
+  border-radius: var(--kd-c-qrcode-border-radius, 2px);
+  border: var(--kd-c-qrcode-size-border, 1px) solid var(--kd-c-qrcode-color-border, rgba(5, 5, 5, 0.06));
+  padding: var(--kd-c-qrcode-spacing-padding-horizontal, 8px);
+  font-size: var(--kd-c-qrcode-font-size, 12px);
+  list-style: none;
+  overflow: hidden;
+}
+.kd-qrcode-expired {
+  margin-bottom: var(--kd-c-qrcode-spacing-margin-vertical, 4px);
+}
+.kd-qrcode-mask {
+  position: absolute;
+  z-index: 10;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+  height: 100%;
+  color: var(--kd-c-qrcode-color-text, #111111);
+  background: var(--kd-c-qrcode-color-background, rgba(255, 255, 255, 0.96));
+  text-align: center;
+}
+.kd-qrcode-borderless {
+  border: none;
+}

package/es/qr-code/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/qr-code/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/qr-code/style/index.less

@@ -0,0 +1,42 @@
+@import '../../style/themes/index';
+@import './mixin.less';
+@qrcode-prefix-cls: ~'@{kd-prefix}-qrcode';
+@qrcode-prefix-icon-cls: ~'@{kd-prefix}-icon';
+@--kd-c-spin-page-dot-spin-sizing-square: 30px;
+
+.@{qrcode-prefix-cls} {
+  .qrcode;
+  position: relative;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  border-radius: @qrcode-border-radius;
+  border: @qrcode-size-boder solid @qrcode-color-border;
+  padding: @qrcode-spacing-padding-horizontal;
+  font-size: @qrcode-font-size;
+  list-style: none;
+  overflow: hidden;
+
+  &-expired{
+    margin-bottom: @qrcode-spacing-margin-vertical;
+  }
+
+  &-mask{
+    position: absolute;
+    z-index: 10;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    color: @qrcode-color-text;
+    background: @qrcode-color-background;
+    text-align: center;
+  }
+  &-borderless{
+    border: none;
+  }
+}

package/es/qr-code/style/mixin.less

@@ -0,0 +1,6 @@
+@import './token.less';
+
+.qrcode() {
+  // color: @qrcode-color-text;
+  // font-size: @qrcode-font-size;
+}

package/es/qr-code/style/token.less

@@ -0,0 +1,24 @@
+@import '../../style/themes/token.less';
+@qrcode-custom-prefix: ~'--@{kd-prefix}-c-qrcode';
+// color
+@qrcode-color-text: var(~'@{qrcode-custom-prefix}-color-text', #111111);
+@qrcode-color-border: var(~'@{qrcode-custom-prefix}-color-border',rgba(5, 5, 5, 0.06));
+@qrcode-color-background: var(~'@{qrcode-custom-prefix}-color-background',rgba(255, 255, 255, 0.96));
+// font
+@qrcode-font-size: var(~'@{qrcode-custom-prefix}-font-size', 12px); // 组件级token
+
+// line-height
+
+// motion
+
+// radius
+@qrcode-border-radius: var(~'@{qrcode-custom-prefix}-border-radius', 2px);
+// shadow
+
+// sizing
+@qrcode-size-boder: var(~'@{qrcode-custom-prefix}-size-border',1px);
+@qrcode-size-spin: var(--kd-c-spin-page-dot-spin-sizing-square,28px);
+// spacing
+@qrcode-spacing-padding-horizontal: var(~'@{qrcode-custom-prefix}-spacing-padding-horizontal', 8px);
+@qrcode-spacing-margin-vertical: var(~'@{qrcode-custom-prefix}-spacing-margin-vertical',4px);
+// z-index

package/es/search/search-panel.d.ts

@@ -17,7 +17,7 @@ interface ItypeProps {
     label?: string;
     code?: string | number;
 }
-interface resultProps {
+export interface resultProps {
     title?: string;
     typeName?: string;
     subTitle?: string;

package/es/select/index.d.ts

@@ -5,4 +5,5 @@ interface CompoundedComponent extends React.ForwardRefExoticComponent<ISelectPro
     Option: typeof Option;
 }
 declare const Select: CompoundedComponent;
+export * from './interface';
 export default Select;

package/es/select/index.js

@@ -2,4 +2,5 @@ import InternalSelect from './select';
 import Option from './option';
 var Select = InternalSelect;
 Select.Option = Option;
+export * from './interface';
 export default Select;

package/es/tree/tree.js

@@ -142,7 +142,7 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
       setSearchStatus('NONE');
     }
   }, [filterValue]);
-  var _useExpand = useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchStatus),
+  var _useExpand = useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchStatus, filterValue),
     _useExpand2 = _slicedToArray(_useExpand, 2),
     expandedKeys = _useExpand2[0],
     setExpandedKeys = _useExpand2[1];
@@ -159,7 +159,7 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setHalfCheckedKeys = _useChecked2[3];
   var filterData = React.useMemo(function () {
     return getFilterData(spreadAttrData, filterTreeNode, isSearching, posData, keysData);
-  }, [spreadAttrData, isSearching, posData, keysData]);
+  }, [spreadAttrData, isSearching, posData, keysData, filterValue]);
   useEffect(function () {
     var _a, _b;
     if (typeof scrollKey === 'undefined') {

package/es/tree/treeHooks.d.ts

@@ -4,6 +4,6 @@ export declare const useViewportHeight: (height: number, listRef: React.RefObjec
 export declare const useVisibleDataMemo: (virtual: boolean, filterData: TreeNodeData[], viewportHeight: number, estimatedItemSize: number, start: number) => TreeNodeData[][];
 export declare const usePlantomHeightEffect: (plantomRef: React.RefObject<HTMLElement>, filterData: TreeNodeData[], estimatedItemSize: number) => void;
 export declare const useChecked: (checkStrictly: boolean, checkedKeysProps: string[], defaultCheckedKeys: string[], _flattenAllData: any[], _maxLevel: number, checkable: boolean, keysData: KeysDataType) => readonly [string[], string[], React.Dispatch<React.SetStateAction<string[]>>, React.Dispatch<React.SetStateAction<string[]>>];
-export declare const useExpand: (flattenAllData: any[], expandedKeysProps: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, scrollKey: string, isInit: boolean, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType, searchStatus: SearchStatus) => readonly [string[], React.Dispatch<React.SetStateAction<string[]>>];
+export declare const useExpand: (flattenAllData: any[], expandedKeysProps: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, scrollKey: string, isInit: boolean, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType, searchStatus: SearchStatus, filterValue: string) => readonly [string[], React.Dispatch<React.SetStateAction<string[]>>];
 export declare const useScrollToKey: (scrollKey: string, index: number, estimatedItemSize: number, scrollRef: any, viewportHeight: number, treeNodePrefixCls: string) => void;
 export declare const useSelect: (selectedKeysProps: string[], defaultSelectedKeys: string[]) => readonly [string[], React.Dispatch<React.SetStateAction<string[]>>];

package/es/tree/treeHooks.js

@@ -59,7 +59,7 @@ export var useChecked = function useChecked(checkStrictly, checkedKeysProps, def
   }, [nextHalfCheckedKeys]);
   return [checkedKeys, halfCheckedKeys, setCheckedKeys, setHalfCheckedKeys];
 };
-export var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchStatus) {
+export var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchStatus, filterValue) {
   var expandScrollkeys = [];
   if (scrollKey) {
     var pos = getPos(flattenAllData, scrollKey);
@@ -74,7 +74,7 @@ export var useExpand = function useExpand(flattenAllData, expandedKeysProps, def
     setExpandedKeys = _React$useState8[1];
   React.useEffect(function () {
     setExpandedKeys(initialExpandedKeys);
-  }, [flattenAllData, expandedKeysProps, defaultExpandAll, defaultExpandedKeys, defaultExpandRoot, defaultExpandParent, scrollKey, searchStatus]);
+  }, [flattenAllData, expandedKeysProps, defaultExpandAll, defaultExpandedKeys, defaultExpandRoot, defaultExpandParent, scrollKey, searchStatus, filterValue]);
   return [expandedKeys, setExpandedKeys];
 };
 export var useScrollToKey = function useScrollToKey(scrollKey, index, estimatedItemSize, scrollRef, viewportHeight, treeNodePrefixCls) {

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/config-provider/compDefaultProps.js

@@ -206,7 +206,9 @@ var compDefaultProps = {
     draggable: true,
     cancelButtonProps: {},
     okButtonProps: {},
-    showline: true
+    showline: true,
+    overroll: false,
+    resizable: false
   },
   Menu: {
     mode: 'vertical',
@@ -495,6 +497,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'
   }
 };
 var _default = compDefaultProps;

package/lib/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/lib/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/lib/date-picker/date-picker.js

@@ -93,7 +93,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.default.useRef(null);
   var inputDivRef = ref || inputDivRefDefault;
   var popperRefDefault = _react.default.useRef(null);
@@ -350,7 +351,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.default.createElement("div", {
       className: "".concat(datePickerPrefixCls, "-footer")

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
@@ -33,7 +33,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) {
@@ -100,12 +102,6 @@ function Month(props) {
       setInnerPicker(undefined);
     }
   };
-  var renderMonthItem = function renderMonthItem(i) {
-    var _context;
-    return /*#__PURE__*/_react.default.createElement("span", {
-      className: getMonthClassNames(i)
-    }, (0, _concat.default)(_context = "".concat(i + 1)).call(_context, locale.month));
-  };
   var renderMonth = function renderMonth() {
     var monthLayout = monthsThreeColumns;
     var monthLineCls = (0, _classnames3.default)("".concat(prefixCls, "-month-line"));
@@ -114,6 +110,7 @@ function Month(props) {
         className: monthLineCls,
         key: i
       }, (0, _map.default)(month).call(month, function (m, j) {
+        var _context;
         var month = (0, _dateFns.setMonth)(viewDate, m);
         var _props = {
           onClick: function onClick() {
@@ -131,10 +128,18 @@ function Month(props) {
           }
         };
         var monthItemCls = (0, _classnames3.default)("".concat(prefixCls, "-month-item"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-month-item-disabled"), disabledDate && disabledDate(month)), getRangeCls(month));
+        var originNode = /*#__PURE__*/_react.default.createElement("span", {
+          className: getMonthClassNames(m)
+        }, (0, _concat.default)(_context = "".concat(m + 1)).call(_context, locale.month));
         return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
           className: monthItemCls,
           key: j
-        }, _props), renderMonthItem(m));
+        }, _props), typeof cellRender === 'function' ? cellRender(m + 1, {
+          originNode: originNode,
+          panelType: 'month',
+          range: range,
+          date: month
+        }) || originNode : originNode);
       }));
     });
   };