@kdcloudjs/kdesign 1.8.11 → 1.8.13

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

@@ -24,14 +24,12 @@ import getExtraFooter from './utils/get-extra-footer';
 import getRanges from './utils/get-ranges';
 import classNames from 'classnames';
 import usePopper from '../_utils/usePopper';
-// 范围时间顺序错误时重新排序
 function reorderValues(values) {
   if (values && values[0] && values[1] && isAfter(values[0], values[1])) {
     return [values[1], values[0]];
   }
   return values;
 }
-// 是否可以切换选择器
 function canValueTrigger(value, index, disabled, allowEmpty) {
   if (value) {
     return true;
@@ -109,7 +107,6 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
   var datePickerLang = mergeDateLocale(globalLocale.getCompLangMsg({
     componentName: 'DatePicker'
   }), locale || {});
-  // ref
   var panelDivRef = useRef(null);
   var defaultRef = useRef(null);
   var inputDivRef = ref || defaultRef;
@@ -128,14 +125,10 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     return [disabled || false, disabled || false];
   }, [disabled]);
   var _format = getDefaultFormat(format, picker, showTime, use12Hours);
-  // Active picker
-  var _useMergedState = useMergedState(0, {
-      // value: activePickerIndex,
-    }),
+  var _useMergedState = useMergedState(0, {}),
     _useMergedState2 = _slicedToArray(_useMergedState, 2),
     mergedActivePickerIndex = _useMergedState2[0],
     setMergedActivePickerIndex = _useMergedState2[1];
-  // 原始数据
   var _useMergedState3 = useMergedState(null, {
       value: value,
       defaultValue: defaultValue
@@ -143,7 +136,6 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     _useMergedState4 = _slicedToArray(_useMergedState3, 2),
     dateValue = _useMergedState4[0],
     setInnerValue = _useMergedState4[1];
-  // 选中的数据
   var _useMergedState5 = useMergedState(null, {
       defaultValue: dateValue,
       postState: function postState(values) {
@@ -151,7 +143,6 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
         if (mergedDisabled[0] && mergedDisabled[1]) {
           return postValues;
         }
-        // Fill disabled unit
         for (var i = 0; i < 2; i++) {
           var v = getValue(postValues, i);
           if (mergedDisabled[i] && !v && !getValue(allowEmpty, i)) {
@@ -195,7 +186,6 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       disabledTimePanel = true;
     }
   }
-  // 面板展示日期
   var _useRangeViewDates = useRangeViewDates({
       values: dateValue,
       picker: picker,
@@ -204,7 +194,6 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     _useRangeViewDates2 = _slicedToArray(_useRangeViewDates, 2),
     getViewDate = _useRangeViewDates2[0],
     setViewDate = _useRangeViewDates2[1];
-  // text
   var startValueTexts = useValueTexts(getValue(selectedValue, 0), {
     format: _format
   });
@@ -229,7 +218,6 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       }
     }
   };
-  // input 展示
   var _useTextValueMapping = useTextValueMapping({
       valueText: startValueTexts,
       onTextChange: function onTextChange(newText) {
@@ -314,7 +302,6 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       openRecordsRef.current[index] = true;
       setMergedActivePickerIndex(index);
       triggerInnerOpen(newOpen);
-      // Open to reset view date
       if (!mergedOpen) {
         setViewDate(null, index);
       }
@@ -330,7 +317,6 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
   };
   var triggerOpenAndFocus = function triggerOpenAndFocus(index) {
     triggerOpen(true, index);
-    // Use setTimeout to make sure panel DOM exists
     setTimeout(function () {
       var inputRef = [startInputRef, endInputRef][index];
       if (inputRef.current) {
@@ -442,19 +428,16 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     } else {
       setInnerPicker(undefined);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [mergedOpen, startValueTexts, endValueTexts]);
-  // Sync innerValue with control mode
   useEffect(function () {
     setSelectedValue(dateValue);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [startStr, endStr]);
   var renderPanel = function renderPanel() {
     var panelProps = _extends(_extends({}, datePickerProps), {
       mergedActivePickerIndex: mergedActivePickerIndex,
       disabledDate: mergedActivePickerIndex === 0 ? disabledStartDate : disabledEndDate
     });
-    var panelNode = /*#__PURE__*/React.createElement(Panel, _extends({}, panelProps));
+    var panelNode = React.createElement(Panel, _extends({}, panelProps));
     if (panelRender) {
       panelNode = panelRender(panelNode);
     }
@@ -469,10 +452,8 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       range: mergedActivePickerIndex === 0 ? 'start' : 'end'
     })),
     locale: datePickerLang,
-    // rangeList,
     onOk: function onOk() {
       if (getValue(selectedValue, mergedActivePickerIndex)) {
-        // triggerChangeOld(selectedValue);
         triggerChange(selectedValue, mergedActivePickerIndex);
         if (_onOk) {
           _onOk(selectedValue);
@@ -480,13 +461,12 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       }
     }
   });
-  // 渲染日期选择表盘
   var renderPanels = function renderPanels() {
     var panels;
     var viewDate = getViewDate(mergedActivePickerIndex);
     if (picker !== 'time' && !showTime) {
       var nextViewDate = getClosingViewDate(viewDate, picker, 1, yearItemNumber);
-      var leftPanel = /*#__PURE__*/React.createElement(Context.Provider, {
+      var leftPanel = React.createElement(Context.Provider, {
         value: {
           hoverRangedValue: hoverRangedValue,
           panelPosition: 'left',
@@ -505,7 +485,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
           range: mergedActivePickerIndex === 0 ? 'start' : 'end'
         }
       }, renderPanel());
-      var rightPanel = /*#__PURE__*/React.createElement(Context.Provider, {
+      var rightPanel = React.createElement(Context.Provider, {
         value: {
           hoverRangedValue: hoverRangedValue,
           panelPosition: 'right',
@@ -524,11 +504,11 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
           range: mergedActivePickerIndex === 0 ? 'start' : 'end'
         }
       }, renderPanel());
-      panels = /*#__PURE__*/React.createElement("div", {
+      panels = React.createElement("div", {
         className: classNames("".concat(datePickerPrefixCls, "-container-date"))
       }, leftPanel, innerPicker === undefined ? rightPanel : null);
     } else {
-      panels = /*#__PURE__*/React.createElement(Context.Provider, {
+      panels = React.createElement(Context.Provider, {
         value: {
           hours: hours,
           minutes: minutes,
@@ -556,13 +536,10 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     }
     return panels;
   };
-  // 箭头偏移(不展示箭头也需要计算)
   var arrowLeft = 0;
   if (mergedActivePickerIndex && startInputDivRef.current && separatorRef.current) {
-    // Arrow offset
     arrowLeft = startInputDivRef.current.offsetWidth + separatorRef.current.offsetWidth - 10;
   }
-  // input active Bar 宽度 偏移
   var activeBarLeft = -10;
   var activeBarWidth = 0;
   if (startInputDivRef.current && endInputDivRef.current && separatorRef.current) {
@@ -642,12 +619,12 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
         }
       });
       if (rangeArray.length) {
-        return /*#__PURE__*/React.createElement("div", {
+        return React.createElement("div", {
           className: classNames("".concat(datePickerPrefixCls, "-ranges"))
         }, _mapInstanceProperty(rangeArray).call(rangeArray, function (_ref) {
           var key = _ref.key,
             newValue = _ref.newValue;
-          return /*#__PURE__*/React.createElement("div", {
+          return React.createElement("div", {
             className: classNames("".concat(datePickerPrefixCls, "-ranges-item")),
             key: key,
             onClick: function onClick() {
@@ -663,17 +640,17 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     }
     return null;
   };
-  return usePopper( /*#__PURE__*/React.createElement(InputDate, _extends({
+  return usePopper(React.createElement(InputDate, _extends({
     ref: inputDivRef
-  }, inputProps)), /*#__PURE__*/React.createElement("div", {
+  }, inputProps)), React.createElement("div", {
     ref: popperRef,
     onMouseDown: function onMouseDown(e) {
       e.preventDefault();
     },
     className: classNames("".concat(datePickerPrefixCls, "-container"))
-  }, /*#__PURE__*/React.createElement("div", null, renderPanels(), extraNode || rangesNode ? /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", null, renderPanels(), extraNode || rangesNode ? React.createElement("div", {
     className: "".concat(datePickerPrefixCls, "-footer")
-  }, extraNode, rangesNode) : null), /*#__PURE__*/React.createElement("div", null, renderConfig())), {
+  }, extraNode, rangesNode) : null), React.createElement("div", null, renderConfig())), {
     trigger: 'click',
     prefixCls: "".concat(datePickerPrefixCls, "-panel"),
     arrow: false,
@@ -684,6 +661,6 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     getPopupContainer: getPopupContainer
   });
 };
-var RangePicker = /*#__PURE__*/forwardRef(InternalRangePicker);
+var RangePicker = forwardRef(InternalRangePicker);
 RangePicker.displayName = 'RangePicker';
 export default RangePicker;

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

@@ -57,7 +57,7 @@ function InputDate(props, ref) {
   var placeholder = getPlaceholder(picker, locale, propsPlaceholder);
   var getSuffixNode = function getSuffixNode() {
     if (isMouseEnter && (hoverValue || text) && allowClear && !disabled) {
-      return /*#__PURE__*/React.createElement("span", {
+      return React.createElement("span", {
         onMouseUp: function onMouseUp(e) {
           e.stopPropagation();
         },
@@ -67,13 +67,13 @@ function InputDate(props, ref) {
           triggerOpen(false);
         },
         className: "".concat(prefixCls, "-clear")
-      }, clearIcon || /*#__PURE__*/React.createElement(Icon, {
+      }, clearIcon || React.createElement(Icon, {
         type: "close-solid"
       }));
     }
-    return /*#__PURE__*/React.createElement("span", {
+    return React.createElement("span", {
       className: "".concat(prefixCls, "-suffix")
-    }, suffixIcon || /*#__PURE__*/React.createElement(Icon, {
+    }, suffixIcon || React.createElement(Icon, {
       type: picker === 'time' ? 'waiting' : 'date'
     }));
   };
@@ -115,7 +115,6 @@ function InputDate(props, ref) {
       open: open,
       value: text,
       triggerOpen: triggerOpen,
-      // forwardKeyDown,
       isClickOutside: function isClickOutside(target) {
         return !elementsContains([panelDivRef.current, ref.current], target);
       },
@@ -142,7 +141,7 @@ function InputDate(props, ref) {
     focused = _usePickerInput2$.focused,
     typing = _usePickerInput2$.typing;
   var borderClass = classnames((_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classnames, "".concat(prefixCls, "-borderless"), borderType === 'none'), _classnames));
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return React.createElement("div", _extends({
     ref: ref,
     className: classnames(prefixCls, className, borderClass, (_classnames2 = {}, _defineProperty(_classnames2, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_classnames2, "".concat(prefixCls, "-focused"), focused), _defineProperty(_classnames2, _concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, size), size), _defineProperty(_classnames2, "".concat(prefixCls, "-error"), status === 'error'), _classnames2)),
     style: style,
@@ -152,22 +151,17 @@ function InputDate(props, ref) {
     onMouseLeave: mouseLeaveHandle,
     onContextMenu: onContextMenu,
     onClick: onClick
-  }, dataOrAriaProps), /*#__PURE__*/React.createElement("div", {
+  }, dataOrAriaProps), React.createElement("div", {
     className: classnames("".concat(prefixCls, "-input"), _defineProperty({}, "".concat(prefixCls, "-input-placeholder"), !!hoverValue))
-  }, /*#__PURE__*/React.createElement("input", _extends({
-    // className={classnames({
-    //   [`${prefixCls}-input-${size}`]: size,
-    // })}
+  }, React.createElement("input", _extends({
     id: id,
     ref: inputRef,
-    // tabIndex={tabIndex}
     disabled: disabled,
     readOnly: readOnly || typeof format === 'function' || !typing,
     value: hoverValue || text,
     onChange: function onChange(e) {
       triggerTextChange(e.target.value);
     },
-    // eslint-disable-next-line jsx-a11y/no-autofocus
     autoFocus: autoFocus,
     placeholder: placeholder,
     title: text
@@ -175,4 +169,4 @@ function InputDate(props, ref) {
     size: getInputSize(picker, format)
   })), getSuffixNode()));
 }
-export default /*#__PURE__*/React.forwardRef(InputDate);
+export default React.forwardRef(InputDate);

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

@@ -48,12 +48,8 @@ import toDate from 'date-fns/toDate';
 import parse from 'date-fns/parse';
 import parseISO from 'date-fns/parseISO';
 export var DEFAULT_YEAR_ITEM_NUMBER = 12;
-// ** Date Constructors **
 function parseWeek(text) {
-  // parse Wo
-  // 只处理 yyyy-wo 格式
   var matchText = text.match(/[-\d]+/g);
-  // 存在后缀
   if (!matchText || matchText[0] !== text) {
     return null;
   }
@@ -83,13 +79,6 @@ export function isNullEqual(value1, value2) {
   }
   return undefined;
 }
-/**
- * @description 接受一个参数（若没有，返回当前），返回一个Date
- *
- * @export
- * @param {DateType} value
- * @returns
- */
 export function newDate(value) {
   var d = value ? typeof value === 'string' || value instanceof String ? parseISO(value) : toDate(value) : new Date();
   return isValid(d) ? d : null;
@@ -111,23 +100,16 @@ export function parseDate(value, dateFormat) {
   }
   return isValid(parsedDate) && strictParsingValueMatch ? parsedDate : null;
 }
-// ** Date "Reflection" **
 export { isDate };
 export function isValid(date) {
-  // 1000 年以后为有效值
   return isValidDate(date) && isAfter(date, new Date('1/1/1000'));
 }
-// ** Date Formatting **
 export function formatDate(date, _format, _locale) {
   if (!isValid(date)) {
     return null;
   }
-  // if (typeof _format === 'function') {
-  //   return _format(date)
-  // }
   return format(date, localeParse(_format));
 }
-// ** Date Setters **
 export function setTime(date, _ref) {
   var _ref$hour = _ref.hour,
     hour = _ref$hour === void 0 ? 0 : _ref$hour,
@@ -138,20 +120,16 @@ export function setTime(date, _ref) {
   return setHours(setMinutes(setSeconds(date, second), minute), hour);
 }
 export { setMinutes, setHours, setMonth, setQuarter, setYear };
-// ** Date Getters **
 export { getSeconds, getMinutes, getHours, getMonth, getQuarter, getYear, getDay, getDate, getTime };
 export function getWeek(date) {
   return dfgetWeek(date);
 }
-// *** Start of ***
 export function getStartOfDay(date) {
   return startOfDay(date);
 }
 export function getStartOfWeek(date) {
   return startOfWeek(date);
-  // return startOfWeek(date)
 }
-
 export function getStartOfMonth(date) {
   return startOfMonth(date);
 }
@@ -161,16 +139,11 @@ export function getStartOfYear(date) {
 export function getStartOfQuarter(date) {
   return startOfQuarter(date);
 }
-// *** End of ***
 export function getEndOfWeek(date) {
   return endOfWeek(date);
 }
-// ** Date Math **
-// *** Addition ***
 export { addMinutes, addDays, addWeeks, addMonths, addYears, addHours };
-// *** Subtraction ***
 export { subMinutes, subHours, subDays, subWeeks, subMonths, subYears };
-// ** Date Comparison **
 export { isBefore, isAfter };
 export function isSameYear(date1, date2) {
   var equal = isNullEqual(date1, date2);
@@ -241,14 +214,6 @@ export function getMonthShortInLocale(month, locale) {
 export function getQuarterShortInLocale(quarter, locale) {
   return formatDate(setQuarter(newDate(), quarter), 'QQQ', locale);
 }
-/**
- * @description 根据传入时间，展示年份数自动生成年份范围
- *
- * @export
- * @param {DateType} date
- * @param { number} yearItemNumber
- * @returns
- */
 export function getYearsPeriod(date, yearItemNumber) {
   var endPeriod = Math.ceil(getYear(date) / yearItemNumber) * yearItemNumber;
   var startPeriod = endPeriod - (yearItemNumber - 1);

package/es/date-picker/utils/get-extra-footer.js

@@ -3,7 +3,7 @@ export default function getExtraFooter(prefixCls, mode, renderExtraFooter) {
   if (!renderExtraFooter) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return React.createElement("div", {
     className: "".concat(prefixCls, "-footer-extra")
   }, renderExtraFooter(mode));
 }

package/es/date-picker/utils/get-ranges.js

@@ -17,15 +17,15 @@ export default function getRanges(_ref) {
   var okNode;
   if (rangeList.length) {
     var Item = components.rangeItem || 'span';
-    presetNode = /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(rangeList).call(rangeList, function (_ref2) {
+    presetNode = React.createElement(React.Fragment, null, _mapInstanceProperty(rangeList).call(rangeList, function (_ref2) {
       var label = _ref2.label,
         onClick = _ref2.onClick,
         onMouseEnter = _ref2.onMouseEnter,
         onMouseLeave = _ref2.onMouseLeave;
-      return /*#__PURE__*/React.createElement("li", {
+      return React.createElement("li", {
         key: label,
         className: "".concat(prefixCls, "-preset")
-      }, /*#__PURE__*/React.createElement(Item, {
+      }, React.createElement(Item, {
         onClick: onClick,
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave
@@ -35,16 +35,16 @@ export default function getRanges(_ref) {
   if (needConfirmButton) {
     var Button = components.button || 'div';
     if (onNow && !presetNode && showNow !== false) {
-      presetNode = /*#__PURE__*/React.createElement("li", {
+      presetNode = React.createElement("li", {
         className: "".concat(prefixCls, "-now")
-      }, /*#__PURE__*/React.createElement("span", {
+      }, React.createElement("span", {
         className: "".concat(prefixCls, "-now-btn"),
         onClick: onNow
       }, locale.now));
     }
-    okNode = needConfirmButton && /*#__PURE__*/React.createElement("li", {
+    okNode = needConfirmButton && React.createElement("li", {
       className: "".concat(prefixCls, "-ok")
-    }, /*#__PURE__*/React.createElement(Button, {
+    }, React.createElement(Button, {
       onClick: onOk,
       className: classnames("".concat(prefixCls, "-ok-btn"), okDisabled && "".concat(prefixCls, "-btn-disabled"))
     }, locale.confrim));
@@ -52,7 +52,7 @@ export default function getRanges(_ref) {
   if (!presetNode && !okNode) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("ul", {
+  return React.createElement("ul", {
     className: "".concat(prefixCls, "-btns")
   }, presetNode, okNode);
 }

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

@@ -35,7 +35,6 @@ export function getClosingViewDate(viewDate, picker) {
       return addMonths(viewDate, offset);
   }
 }
-// ===================== Format =====================
 export function getDefaultFormat(format, picker, showTime, use12Hours) {
   var mergedFormat = format;
   if (!mergedFormat) {
@@ -226,12 +225,10 @@ export function waitElementReady(element, callback) {
   };
 }
 var scrollIds = new _Map();
-/* eslint-disable no-param-reassign */
 export function scrollTo(element, to, duration) {
   if (scrollIds.get(element)) {
     cancelAnimationFrame(scrollIds.get(element));
   }
-  // jump to target if duration zero
   if (duration <= 0) {
     scrollIds.set(element, requestAnimationFrame(function () {
       element.scrollTop = to;

package/es/divider/divider.js

@@ -55,9 +55,9 @@ var Divider = function Divider(props) {
   useEffect(function () {
     devWarning(isVertical && children, 'divider', '`children` not working in `vertical` mode.');
   }, [children, isVertical]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return React.createElement("div", _extends({
     className: dividerClass
-  }, others), isHorizontal && hasChildren && /*#__PURE__*/React.createElement("div", {
+  }, others), isHorizontal && hasChildren && React.createElement("div", {
     className: innerTextClass,
     style: innerTextStyle
   }, children));

package/es/drawer/drawer.js

@@ -13,27 +13,12 @@ import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
 import devWarning from '../_utils/devwarning';
 import { useResizeObserver, useOverflowHidden } from '../_utils/hooks';
-// import { usePrevious } from '../_utils/hooks'
 import { toArray } from '../_utils/react-children';
 export var PlacementTypes = tuple('top', 'right', 'bottom', 'left');
 var relativePostionTypes = ['relative', 'absolute', 'fixed'];
 var horizontalPlacements = ['left', 'right'];
 var verticalPlacements = ['top', 'bottom'];
 var documentBody = document.body;
-// function transformSize(size: string | number, placement: string) {
-//   if (typeof size === 'string') {
-//     // 只考虑px 或者 %
-//     devWarning(
-//       !(size.endsWith('px') && size.endsWith('%')),
-//       'drawer',
-//       `cannot calculate drawer size: width | height for '${size}' besides px or %`,
-//     )
-//     if (placement === 'right' || placement === 'bottom') return size || 0
-//     return size ? '-' + size : 0
-//   }
-//   if (placement === 'right' || placement === 'bottom') return (size || 0) + 'px'
-//   return ('-' + size || 0) + 'px'
-// }
 var InternalDrawer = function InternalDrawer(props, ref) {
   var _classNames, _context2, _context3, _classNames2;
   var _a;
@@ -41,7 +26,7 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps;
-  var drawerProps = getCompProps('Drawer', userDefaultProps, props); // 属性需要合并一遍用户定义的默认属性
+  var drawerProps = getCompProps('Drawer', userDefaultProps, props);
   var className = drawerProps.className,
     closable = drawerProps.closable,
     closeIcon = drawerProps.closeIcon,
@@ -79,9 +64,7 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     currentWidth = _useState4[0],
     setCurrentWidth = _useState4[1];
-  // const previousWidthRef = usePrevious(currentWidth)
-  // const previousHeightRef = usePrevious(currentHeight)
-  var containerRef = ref || /*#__PURE__*/createRef();
+  var containerRef = ref || createRef();
   var contentRef = useRef(null);
   devWarning(PlacementTypes.indexOf(placement) === -1, 'drawer', "cannot found drawer type '".concat(placement, "'"));
   var drawerContainer = typeof getContainer === 'function' ? getContainer() : getContainer;
@@ -101,8 +84,6 @@ var InternalDrawer = function InternalDrawer(props, ref) {
   useEffect(function () {
     var node = null;
     var portalNode = containerRef.current;
-    // 应该只有可见才能影响
-    // 但是这样会有闪烁的问题
     if (!isBody && drawerContainer) {
       node = drawerContainer;
     } else if (isAtOriginalPlace) {
@@ -116,11 +97,7 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     var containerWidth = _ref.width;
     if (!visible && width === currentWidth) return;
     if (containerWidth < currentWidth) {
-      // 这里改成操作DOM？
       setCurrentWidth(containerWidth);
-      // 这里拿不到正确的之前的宽度
-      //  if (width !== previousWidthRef!)
-      // 会一直触发
     } else {
       setCurrentWidth(width);
     }
@@ -130,7 +107,6 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     return drawerContainer || ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.parentNode);
   }, handleContainerResize);
   useOverflowHidden(drawerContainer || ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.parentNode), visible && mask, disableScroll);
-  // 为了单测
   useEffect(function () {
     setCurrentWidth(width);
   }, [width]);
@@ -140,7 +116,6 @@ var InternalDrawer = function InternalDrawer(props, ref) {
   }, [onClose, destroyOnClose]);
   var escapeToCloseModal = useCallback(function (evt) {
     var _context;
-    // In Internet Explorer 9 and Firefox 36 and earlier, the Esc key returns "Esc" instead of "Escape"
     if (_includesInstanceProperty(_context = ['Escape', 'Esc']).call(_context, evt.key)) {
       closeDrawer();
     }
@@ -193,26 +168,26 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     height: height,
     transform: transform
   });
-  var container = /*#__PURE__*/React.createElement("div", {
+  var container = React.createElement("div", {
     className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(drawerPrefixCls, "-container-box"), true), _defineProperty(_classNames2, "".concat(drawerPrefixCls, "-has-container-box"), drawerContainer), _defineProperty(_classNames2, _concatInstanceProperty(_context3 = "".concat(drawerPrefixCls, "-container-")).call(_context3, placement), true), _classNames2)),
     style: containerStyle,
     ref: contentRef
-  }, (title || closable) && /*#__PURE__*/React.createElement("div", {
+  }, (title || closable) && React.createElement("div", {
     className: classNames(headerClass, headerClassName),
     style: headerStyle
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", {
     className: classNames("".concat(drawerPrefixCls, "-title"), titleClassName),
     style: titleStyle
-  }, title), closable && /*#__PURE__*/React.createElement("div", {
+  }, title), closable && React.createElement("div", {
     className: "".concat(drawerPrefixCls, "-close-icon"),
     onClick: function onClick() {
       return closeDrawer();
     }
-  }, closeIcon || /*#__PURE__*/React.createElement(Icon, {
+  }, closeIcon || React.createElement(Icon, {
     type: "close"
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))), React.createElement("div", {
     className: "".concat(drawerPrefixCls, "-body")
-  }, (showChildren || visible) && toArray(children)), footer && /*#__PURE__*/React.createElement("div", {
+  }, (showChildren || visible) && toArray(children)), footer && React.createElement("div", {
     className: classNames("".concat(drawerPrefixCls, "-footer"), footerClassName),
     style: footerStyle
   }, footer));
@@ -224,22 +199,22 @@ var InternalDrawer = function InternalDrawer(props, ref) {
   var noneMaskStyle = !mask ? {
     width: containerStyle.width
   } : {};
-  var comp = /*#__PURE__*/React.createElement("div", {
+  var comp = React.createElement("div", {
     className: drawerClasses,
     style: _extends(_extends({
       zIndex: zindex || 'auto'
     }, noneMaskStyle), opposition ? _defineProperty({}, opposition, 'unset') : {}),
     ref: containerRef
-  }, mask && /*#__PURE__*/React.createElement("div", {
+  }, mask && React.createElement("div", {
     onClick: handleMaskClick,
     className: classNames("".concat(drawerPrefixCls, "-mask"), maskClassName),
     style: maskStyle
   }), container);
-  if (drawerContainer instanceof HTMLElement) return /*#__PURE__*/ReactDOM.createPortal(comp, drawerContainer);else if (drawerContainer !== false) {
-    return /*#__PURE__*/ReactDOM.createPortal(comp, documentBody);
+  if (drawerContainer instanceof HTMLElement) return ReactDOM.createPortal(comp, drawerContainer);else if (drawerContainer !== false) {
+    return ReactDOM.createPortal(comp, documentBody);
   }
   return comp;
 };
-var Drawer = /*#__PURE__*/React.forwardRef(InternalDrawer);
+var Drawer = React.forwardRef(InternalDrawer);
 Drawer.displayName = 'Drawer';
 export default Drawer;