@kdcloudjs/kdesign 1.7.39 → 1.7.40

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);
       }));
     });
   };

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

@@ -29,7 +29,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) {
@@ -108,12 +110,18 @@ function Quarter(props) {
         }
       };
       var quarterCls = (0, _classnames3.default)("".concat(prefixCls, "-quarter-item"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-quarter-item-disabled"), disabledDate && disabledDate(quarter)), getRangeCls(quarter));
+      var originNode = /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+        className: getQuarterClassNames(i + 1)
+      }, _props), n);
       return /*#__PURE__*/_react.default.createElement("div", {
         key: n,
         className: quarterCls
-      }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-        className: getQuarterClassNames(i + 1)
-      }, _props), n));
+      }, typeof cellRender === 'function' ? cellRender(i + 1, {
+        originNode: originNode,
+        panelType: 'quarter',
+        range: range,
+        date: quarter
+      }) || originNode : originNode);
     });
   };
   var quarterCls = (0, _classnames3.default)("".concat(prefixCls, "-quarter"));

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

@@ -23,10 +23,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.default),
-    open = _React$useContext.open;
+    open = _React$useContext.open,
+    cellRender = _React$useContext.cellRender,
+    range = _React$useContext.range;
   var ulRef = (0, React.useRef)(null);
   var liRefs = (0, React.useRef)(new _map.default());
   var scrollRef = (0, React.useRef)();
@@ -63,6 +66,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) {
@@ -75,9 +81,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);
   }));
 }
 var _default = TimeUnitColumn;

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

@@ -177,7 +177,8 @@ function TimePanel(props) {
     }
   }
   addColumnNode(showHour, /*#__PURE__*/React.createElement(_timeColumn.default, {
-    key: "hour"
+    key: "hour",
+    subType: 'hour'
   }), hour, hours, function (num) {
     var time = setTime(isPM, num, minute, second);
     if (time) {
@@ -185,7 +186,8 @@ function TimePanel(props) {
     }
   });
   addColumnNode(showMinute, /*#__PURE__*/React.createElement(_timeColumn.default, {
-    key: "minute"
+    key: "minute",
+    subType: 'minute'
   }), minute, minutes, function (num) {
     var time = setTime(isPM, hour, num, second);
     if (time) {
@@ -193,7 +195,8 @@ function TimePanel(props) {
     }
   });
   addColumnNode(showSecond, /*#__PURE__*/React.createElement(_timeColumn.default, {
-    key: "second"
+    key: "second",
+    subType: 'second'
   }), second, seconds, function (num) {
     var time = setTime(isPM, hour, minute, num);
     if (time) {
@@ -205,7 +208,8 @@ function TimePanel(props) {
     PMIndex = isPM ? 1 : 0;
   }
   addColumnNode(use12Hours === true, /*#__PURE__*/React.createElement(_timeColumn.default, {
-    key: "12hours"
+    key: "12hours",
+    subType: '12Hours'
   }), PMIndex, [{
     label: 'AM',
     value: 0,

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

@@ -47,7 +47,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,
@@ -188,8 +190,6 @@ function Week(props) {
       } else {
         now = dateValue || viewDate;
       }
-      // if(hours) {
-      // }
       var dayTime = (0, _dateFns.setTime)(day, {
         hour: (0, _dateFns2.getHours)(now),
         minute: (0, _dateFns2.getMinutes)(now),
@@ -212,18 +212,28 @@ function Week(props) {
           }
         }
       };
-      // console.log('disabledDate', disabledDate)
+      var originNode = /*#__PURE__*/_react.default.createElement("div", {
+        className: getDayClassNames(day)
+      }, date);
       return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
         key: day.valueOf(),
         className: (0, _classnames5.default)("".concat(prefixCls, "-calendar-item"), (_classnames3 = {}, (0, _defineProperty2.default)(_classnames3, "".concat(prefixCls, "-calendar-item-disabled"), disabledDate && disabledDate(day)), (0, _defineProperty2.default)(_classnames3, "".concat(prefixCls, "-calendar-current"), currentMonth === (0, _dateFns.getMonth)(day)), _classnames3), getRangeCls(day))
-      }, _props), /*#__PURE__*/_react.default.createElement("div", {
-        className: getDayClassNames(day)
-      }, date));
+      }, _props), typeof cellRender === 'function' ? cellRender(day, {
+        originNode: originNode,
+        panelType: 'date',
+        range: range,
+        date: day
+      }) || originNode : originNode);
     }));
-    var calenderLineCls = (0, _classnames5.default)((_classnames4 = {}, (0, _defineProperty2.default)(_classnames4, "".concat(prefixCls, "-calendar-line"), picker !== 'week'), (0, _defineProperty2.default)(_classnames4, "".concat(prefixCls, "-calendar-week-line"), picker === 'week'), (0, _defineProperty2.default)(_classnames4, "".concat(prefixCls, "-calendar-week-selected"), picker === 'week' && getWeekSelected(startOfWeek)), _classnames4));
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: calenderLineCls
+    var originNode = /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames5.default)((_classnames4 = {}, (0, _defineProperty2.default)(_classnames4, "".concat(prefixCls, "-calendar-line"), picker !== 'week'), (0, _defineProperty2.default)(_classnames4, "".concat(prefixCls, "-calendar-week-line"), picker === 'week'), (0, _defineProperty2.default)(_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.default.createElement(_react.default.Fragment, null, renderDays());
 }

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

@@ -30,7 +30,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,
@@ -126,12 +128,18 @@ function Year(props) {
           }
         }
       };
+      var originNode = /*#__PURE__*/_react.default.createElement("span", {
+        className: getYearClassNames(y)
+      }, y);
       yearsList.push( /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
         className: (0, _classnames3.default)("".concat(prefixCls, "-year-item"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-year-item-disabled"), disabledDate && disabledDate(year)), getRangeCls(year)),
         key: y
-      }, _props), /*#__PURE__*/_react.default.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/lib/date-picker/range-picker.js

@@ -122,7 +122,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 = (0, _extends2.default)({}, globalLocale.getCompLangMsg({
     componentName: 'DatePicker'
@@ -532,7 +533,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.default.createElement(_context.default.Provider, {
@@ -549,7 +552,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.default.createElement("div", {
@@ -576,7 +581,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/lib/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/lib/index.js

@@ -223,6 +223,12 @@ Object.defineProperty(exports, "Progress", {
     return _progress.default;
   }
 });
+Object.defineProperty(exports, "QRCode", {
+  enumerable: true,
+  get: function get() {
+    return _qrCode.default;
+  }
+});
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
   get: function get() {
@@ -437,6 +443,7 @@ var _link = _interopRequireDefault(require("./link"));
 var _treeSelect = _interopRequireDefault(require("./tree-select"));
 var _colorPicker = _interopRequireDefault(require("./color-picker"));
 var _clipboard = _interopRequireDefault(require("./clipboard"));
+var _qrCode = _interopRequireDefault(require("./qr-code"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /* @remove-on-es-build-begin */

package/lib/modal/modal.d.ts

@@ -43,6 +43,7 @@ export interface IModalProps {
     width?: number;
     showline?: boolean;
     bounds?: DraggableBounds | string | false;
+    overroll?: boolean;
     onDragStart?: DraggableEventHandler;
     onDrag?: DraggableEventHandler;
     onDragStop?: DraggableEventHandler;

package/lib/modal/modal.js

@@ -41,7 +41,7 @@ exports.ConfirmModalTypes = ConfirmModalTypes;
 var ModalTypes = (0, _type.tuple)('confirm', 'warning', 'error', 'normal');
 exports.ModalTypes = ModalTypes;
 var InternalModal = function InternalModal(props, ref) {
-  var _classNames3, _classNames4, _context2, _context3;
+  var _classNames3, _classNames4, _context2, _context3, _context4;
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -84,7 +84,8 @@ var InternalModal = function InternalModal(props, ref) {
     onDrag = modalProps.onDrag,
     onDragStop = modalProps.onDragStop,
     bounds = modalProps.bounds,
-    others = __rest(modalProps, ["body", "bodyClassName", "bodyStyle", "cancelButtonProps", "cancelText", "className", "closable", "closeIcon", "destroyOnClose", "draggable", "focusTriggerAfterClose", "footer", "footerClassName", "footerStyle", "footerBtnOrder", "getContainer", "height", "keyboard", "mask", "maskClosable", "maskStyle", "maskClassName", "okButtonProps", "okText", "onCancel", "onOk", "prefixCls", "title", "titleIcon", "type", "visible", "width", "showline", "onDragStart", "onDrag", "onDragStop", "bounds"]);
+    overroll = modalProps.overroll,
+    others = __rest(modalProps, ["body", "bodyClassName", "bodyStyle", "cancelButtonProps", "cancelText", "className", "closable", "closeIcon", "destroyOnClose", "draggable", "focusTriggerAfterClose", "footer", "footerClassName", "footerStyle", "footerBtnOrder", "getContainer", "height", "keyboard", "mask", "maskClosable", "maskStyle", "maskClassName", "okButtonProps", "okText", "onCancel", "onOk", "prefixCls", "title", "titleIcon", "type", "visible", "width", "showline", "onDragStart", "onDrag", "onDragStop", "bounds", "overroll"]);
   var isForceController = visible !== undefined;
   var _useState = (0, _react.useState)(isForceController ? visible : true),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -92,6 +93,7 @@ var InternalModal = function InternalModal(props, ref) {
     setInnerVisible = _useState2[1]; // 需要根据visible来判断，不能一开始为true再去设置false
   var previousActiveElement = (0, _react.useRef)(null);
   var innerRef = (0, _react.useRef)(null);
+  var wrapperRef = (0, _react.useRef)(null);
   var containerRef = ref || innerRef;
   var modalPrefixCls = getPrefixCls(prefixCls, 'modal', customPrefixcls);
   (0, _devwarning.default)(ModalTypes.indexOf(type) === -1, 'modal', "cannot found modal type '".concat(type, "'"));
@@ -199,11 +201,16 @@ var InternalModal = function InternalModal(props, ref) {
       proxyCloseModal(onCancel);
     }
   }, [proxyCloseModal, onCancel, maskClosable]);
+  var handleWrapperClick = function handleWrapperClick(e) {
+    if (wrapperRef.current === e.target) {
+      handleMaskClick();
+    }
+  };
   var isHidden = !destroyOnClose && !(isForceController ? visible : innerVisible);
   var modalClasses = (0, _classnames.default)(modalPrefixCls, className, (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, "".concat(modalPrefixCls, "-container"), true), (0, _defineProperty2.default)(_classNames3, "".concat(modalPrefixCls, "-container-hidden"), isHidden), (0, _defineProperty2.default)(_classNames3, "".concat(modalPrefixCls, "-container-show"), !isHidden), _classNames3));
   var headerClass = "".concat(modalPrefixCls, "-header");
   var container = /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)((_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, "".concat(modalPrefixCls, "-container-box"), true), (0, _defineProperty2.default)(_classNames4, "".concat(modalPrefixCls, "-has-container-box"), modalContainer), (0, _defineProperty2.default)(_classNames4, "".concat(modalPrefixCls, "-showline"), showline), _classNames4)),
+    className: (0, _classnames.default)((_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, "".concat(modalPrefixCls, "-container-box"), true), (0, _defineProperty2.default)(_classNames4, "".concat(modalPrefixCls, "-has-container-box"), modalContainer && !overroll), (0, _defineProperty2.default)(_classNames4, "".concat(modalPrefixCls, "-showline"), showline), _classNames4)),
     style: {
       width: width,
       height: height
@@ -253,8 +260,18 @@ var InternalModal = function InternalModal(props, ref) {
     onClick: handleMaskClick,
     className: (0, _classnames.default)(maskClassName, (0, _defineProperty2.default)({}, "".concat(modalPrefixCls, "-mask"), true)),
     style: maskStyle
-  }), /*#__PURE__*/_react.default.createElement(_reactDraggable.default, {
-    defaultPosition: defaultPosition,
+  }), overroll ? /*#__PURE__*/_react.default.createElement("div", {
+    tabIndex: -1,
+    className: (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(modalPrefixCls, "-wrapper"), modalContainer && ((isForceController ? visible : innerVisible) || !destroyOnClose))),
+    ref: wrapperRef,
+    onClick: handleWrapperClick
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(modalPrefixCls, "-dialog")
+  }, /*#__PURE__*/_react.default.createElement(_reactDraggable.default, {
+    defaultPosition: {
+      x: 0,
+      y: 0
+    },
     handle: ".".concat(headerClass),
     disabled: !draggable,
     onStart: handleDragStart,
@@ -262,6 +279,15 @@ var InternalModal = function InternalModal(props, ref) {
     onStop: onDragStop,
     bounds: bounds,
     cancel: (0, _concat.default)(_context3 = ".".concat(modalPrefixCls, "-title-container, .")).call(_context3, modalPrefixCls, "-close-icon")
+  }, container))) : /*#__PURE__*/_react.default.createElement(_reactDraggable.default, {
+    defaultPosition: defaultPosition,
+    handle: ".".concat(headerClass),
+    disabled: !draggable,
+    onStart: handleDragStart,
+    onDrag: onDrag,
+    onStop: onDragStop,
+    bounds: bounds,
+    cancel: (0, _concat.default)(_context4 = ".".concat(modalPrefixCls, "-title-container, .")).call(_context4, modalPrefixCls, "-close-icon")
   }, container));
   var renderComp = ((isForceController ? visible : innerVisible) || !destroyOnClose) && comp;
   if (modalContainer && renderComp) return /*#__PURE__*/_reactDom.default.createPortal(renderComp, modalContainer);

package/lib/modal/style/index.css

@@ -252,6 +252,27 @@
 .kd-modal-margin-btn {
   margin-right: var(--kd-c-modal-footer-button-spacing, 12px);
 }
+.kd-modal-wrapper {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: auto;
+  text-align: center;
+}
+.kd-modal-wrapper::before {
+  display: inline-block;
+  width: 0;
+  height: 100%;
+  vertical-align: middle;
+  content: '';
+}
+.kd-modal-dialog {
+  display: inline-block;
+  vertical-align: middle;
+  max-width: calc(100vw);
+}
 .kd-modal-showline .kd-modal-header {
   border-bottom: var(--kd-c-modal-sizing-border, 1px) solid var(--kd-c-modal-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
 }

package/lib/modal/style/index.less

@@ -29,15 +29,13 @@
     }
 
     &-hidden {
-      display: none
+      display: none;
     }
   }
   &-mask {
     .overlay(@modal-mask-color-background, 0);
   }
-  // &-mask + &-container-box {
 
-  // }
   &-has-container-box {
     position: fixed;
     left: 50%;
@@ -116,16 +114,34 @@
       color: @modal-footer-font-color;
       flex-shrink: 0;
     }
-    // each(@modal-footer-type-set, {
-    //   .@{modal-prefix-cls}-@{key}-footer {
-    //     justify-content: @value;
-    //   }
-    // });
   }
 
   &-margin-btn {
     margin-right: @modal-footer-button-spacing;
   }
+
+  &-wrapper {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    overflow: auto;
+    text-align: center;
+
+    &::before {
+      display: inline-block;
+      width: 0;
+      height: 100%;
+      vertical-align: middle;
+      content: '';
+    }
+  }
+  &-dialog {
+    display: inline-block;
+    vertical-align: middle;
+    max-width: calc(100vw);
+  }
 }
 
 .@{modal-prefix-cls}-showline {
@@ -135,4 +151,4 @@
   .@{modal-prefix-cls}-footer {
     border-top: @modal-border-width solid @modal-border-color;
   }
-}
+}

package/lib/qr-code/index.d.ts

@@ -0,0 +1,3 @@
+import QRCode from './qr-code';
+export * from './qr-code';
+export default QRCode;

package/lib/qr-code/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _qrCode = _interopRequireWildcard(require("./qr-code"));
+_Object$keys(_qrCode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _qrCode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _qrCode[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _default = _qrCode.default;
+exports.default = _default;

package/lib/qr-code/qr-code.d.ts

@@ -0,0 +1,42 @@
+import React, { CSSProperties, FunctionComponentElement } from 'react';
+export declare type QRPropsCanvas = QRProps & React.CanvasHTMLAttributes<HTMLCanvasElement>;
+export declare type QRPropsSvg = QRProps & React.SVGAttributes<SVGSVGElement>;
+export declare const QRCodeTypes: ["canvas", "svg"];
+export declare type QRCodeType = typeof QRCodeTypes[number];
+export declare const QRCodeStatus: ["active", "expired", "loading"];
+export declare type QRCodeStatus = typeof QRCodeStatus[number];
+export declare const QRCodeErrorLevels: ["L", "M", "Q", "H"];
+export declare type QRCodeErrorLevel = typeof QRCodeErrorLevels[number];
+interface ImageSettings {
+    src: string;
+    height: number;
+    width: number;
+    excavate: boolean;
+    x?: number;
+    y?: number;
+}
+export interface QRProps {
+    value: string;
+    type?: QRCodeType;
+    size?: number;
+    style?: CSSProperties;
+    color?: string;
+    bgColor?: string;
+    bordered?: boolean;
+    imageSettings?: ImageSettings;
+}
+export interface QRCodeProps extends QRProps {
+    className?: string;
+    prefixCls?: string;
+    icon?: string;
+    iconSize?: number;
+    status?: QRCodeStatus;
+    errorLevel?: QRCodeErrorLevel;
+    children?: React.ReactNode;
+    onRefresh?: () => void;
+}
+declare const QRCode: {
+    (props: QRCodeProps): FunctionComponentElement<QRCodeProps>;
+    displayName: string;
+};
+export default QRCode;