@kdcloudjs/kdesign 1.8.11 → 1.8.13

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

@@ -36,14 +36,12 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _usePopper = _interopRequireDefault(require("../_utils/usePopper"));
 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; }
-// 范围时间顺序错误时重新排序
 function reorderValues(values) {
   if (values && values[0] && values[1] && (0, _dateFns.isAfter)(values[0], values[1])) {
     return [values[1], values[0]];
   }
   return values;
 }
-// 是否可以切换选择器
 function canValueTrigger(value, index, disabled, allowEmpty) {
   if (value) {
     return true;
@@ -121,7 +119,6 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
   var datePickerLang = (0, _datePicker.mergeDateLocale)(globalLocale.getCompLangMsg({
     componentName: 'DatePicker'
   }), locale || {});
-  // ref
   var panelDivRef = (0, _react.useRef)(null);
   var defaultRef = (0, _react.useRef)(null);
   var inputDivRef = ref || defaultRef;
@@ -140,14 +137,10 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     return [disabled || false, disabled || false];
   }, [disabled]);
   var _format = (0, _utils2.getDefaultFormat)(format, picker, showTime, use12Hours);
-  // Active picker
-  var _useMergedState = (0, _hooks.useMergedState)(0, {
-      // value: activePickerIndex,
-    }),
+  var _useMergedState = (0, _hooks.useMergedState)(0, {}),
     _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
     mergedActivePickerIndex = _useMergedState2[0],
     setMergedActivePickerIndex = _useMergedState2[1];
-  // 原始数据
   var _useMergedState3 = (0, _hooks.useMergedState)(null, {
       value: value,
       defaultValue: defaultValue
@@ -155,7 +148,6 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     _useMergedState4 = (0, _slicedToArray2.default)(_useMergedState3, 2),
     dateValue = _useMergedState4[0],
     setInnerValue = _useMergedState4[1];
-  // 选中的数据
   var _useMergedState5 = (0, _hooks.useMergedState)(null, {
       defaultValue: dateValue,
       postState: function postState(values) {
@@ -163,7 +155,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 = (0, _utils2.getValue)(postValues, i);
           if (mergedDisabled[i] && !v && !(0, _utils2.getValue)(allowEmpty, i)) {
@@ -207,7 +198,6 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       disabledTimePanel = true;
     }
   }
-  // 面板展示日期
   var _useRangeViewDates = (0, _useRangeViewDates3.default)({
       values: dateValue,
       picker: picker,
@@ -216,7 +206,6 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     _useRangeViewDates2 = (0, _slicedToArray2.default)(_useRangeViewDates, 2),
     getViewDate = _useRangeViewDates2[0],
     setViewDate = _useRangeViewDates2[1];
-  // text
   var startValueTexts = (0, _useValueTexts.default)((0, _utils2.getValue)(selectedValue, 0), {
     format: _format
   });
@@ -241,7 +230,6 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       }
     }
   };
-  // input 展示
   var _useTextValueMapping = (0, _useTextValueMapping5.default)({
       valueText: startValueTexts,
       onTextChange: function onTextChange(newText) {
@@ -326,7 +314,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);
       }
@@ -342,7 +329,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) {
@@ -454,19 +440,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
   (0, _react.useEffect)(function () {
     setSelectedValue(dateValue);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [startStr, endStr]);
   var renderPanel = function renderPanel() {
     var panelProps = (0, _extends2.default)((0, _extends2.default)({}, datePickerProps), {
       mergedActivePickerIndex: mergedActivePickerIndex,
       disabledDate: mergedActivePickerIndex === 0 ? disabledStartDate : disabledEndDate
     });
-    var panelNode = /*#__PURE__*/_react.default.createElement(_datePanel.default, (0, _extends2.default)({}, panelProps));
+    var panelNode = _react.default.createElement(_datePanel.default, (0, _extends2.default)({}, panelProps));
     if (panelRender) {
       panelNode = panelRender(panelNode);
     }
@@ -481,10 +464,8 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       range: mergedActivePickerIndex === 0 ? 'start' : 'end'
     })),
     locale: datePickerLang,
-    // rangeList,
     onOk: function onOk() {
       if ((0, _utils2.getValue)(selectedValue, mergedActivePickerIndex)) {
-        // triggerChangeOld(selectedValue);
         triggerChange(selectedValue, mergedActivePickerIndex);
         if (_onOk) {
           _onOk(selectedValue);
@@ -492,13 +473,12 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       }
     }
   });
-  // 渲染日期选择表盘
   var renderPanels = function renderPanels() {
     var panels;
     var viewDate = getViewDate(mergedActivePickerIndex);
     if (picker !== 'time' && !showTime) {
       var nextViewDate = (0, _utils2.getClosingViewDate)(viewDate, picker, 1, yearItemNumber);
-      var leftPanel = /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
+      var leftPanel = _react.default.createElement(_context.default.Provider, {
         value: {
           hoverRangedValue: hoverRangedValue,
           panelPosition: 'left',
@@ -517,7 +497,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
           range: mergedActivePickerIndex === 0 ? 'start' : 'end'
         }
       }, renderPanel());
-      var rightPanel = /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
+      var rightPanel = _react.default.createElement(_context.default.Provider, {
         value: {
           hoverRangedValue: hoverRangedValue,
           panelPosition: 'right',
@@ -536,11 +516,11 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
           range: mergedActivePickerIndex === 0 ? 'start' : 'end'
         }
       }, renderPanel());
-      panels = /*#__PURE__*/_react.default.createElement("div", {
+      panels = _react.default.createElement("div", {
         className: (0, _classnames.default)("".concat(datePickerPrefixCls, "-container-date"))
       }, leftPanel, innerPicker === undefined ? rightPanel : null);
     } else {
-      panels = /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
+      panels = _react.default.createElement(_context.default.Provider, {
         value: {
           hours: hours,
           minutes: minutes,
@@ -568,13 +548,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) {
@@ -654,12 +631,12 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
         }
       });
       if (rangeArray.length) {
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return _react.default.createElement("div", {
           className: (0, _classnames.default)("".concat(datePickerPrefixCls, "-ranges"))
         }, (0, _map.default)(rangeArray).call(rangeArray, function (_ref) {
           var key = _ref.key,
             newValue = _ref.newValue;
-          return /*#__PURE__*/_react.default.createElement("div", {
+          return _react.default.createElement("div", {
             className: (0, _classnames.default)("".concat(datePickerPrefixCls, "-ranges-item")),
             key: key,
             onClick: function onClick() {
@@ -675,17 +652,17 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     }
     return null;
   };
-  return (0, _usePopper.default)( /*#__PURE__*/_react.default.createElement(_inputRange.default, (0, _extends2.default)({
+  return (0, _usePopper.default)(_react.default.createElement(_inputRange.default, (0, _extends2.default)({
     ref: inputDivRef
-  }, inputProps)), /*#__PURE__*/_react.default.createElement("div", {
+  }, inputProps)), _react.default.createElement("div", {
     ref: popperRef,
     onMouseDown: function onMouseDown(e) {
       e.preventDefault();
     },
     className: (0, _classnames.default)("".concat(datePickerPrefixCls, "-container"))
-  }, /*#__PURE__*/_react.default.createElement("div", null, renderPanels(), extraNode || rangesNode ? /*#__PURE__*/_react.default.createElement("div", {
+  }, _react.default.createElement("div", null, renderPanels(), extraNode || rangesNode ? _react.default.createElement("div", {
     className: "".concat(datePickerPrefixCls, "-footer")
-  }, extraNode, rangesNode) : null), /*#__PURE__*/_react.default.createElement("div", null, renderConfig())), {
+  }, extraNode, rangesNode) : null), _react.default.createElement("div", null, renderConfig())), {
     trigger: 'click',
     prefixCls: "".concat(datePickerPrefixCls, "-panel"),
     arrow: false,
@@ -696,7 +673,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     getPopupContainer: getPopupContainer
   });
 };
-var RangePicker = /*#__PURE__*/(0, _react.forwardRef)(InternalRangePicker);
+var RangePicker = (0, _react.forwardRef)(InternalRangePicker);
 RangePicker.displayName = 'RangePicker';
 var _default = RangePicker;
 exports.default = _default;

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

@@ -69,7 +69,7 @@ function InputDate(props, ref) {
   var placeholder = (0, _utils.getPlaceholder)(picker, locale, propsPlaceholder);
   var getSuffixNode = function getSuffixNode() {
     if (isMouseEnter && (hoverValue || text) && allowClear && !disabled) {
-      return /*#__PURE__*/_react.default.createElement("span", {
+      return _react.default.createElement("span", {
         onMouseUp: function onMouseUp(e) {
           e.stopPropagation();
         },
@@ -79,13 +79,13 @@ function InputDate(props, ref) {
           triggerOpen(false);
         },
         className: "".concat(prefixCls, "-clear")
-      }, clearIcon || /*#__PURE__*/_react.default.createElement(_index.Icon, {
+      }, clearIcon || _react.default.createElement(_index.Icon, {
         type: "close-solid"
       }));
     }
-    return /*#__PURE__*/_react.default.createElement("span", {
+    return _react.default.createElement("span", {
       className: "".concat(prefixCls, "-suffix")
-    }, suffixIcon || /*#__PURE__*/_react.default.createElement(_index.Icon, {
+    }, suffixIcon || _react.default.createElement(_index.Icon, {
       type: picker === 'time' ? 'waiting' : 'date'
     }));
   };
@@ -127,7 +127,6 @@ function InputDate(props, ref) {
       open: open,
       value: text,
       triggerOpen: triggerOpen,
-      // forwardKeyDown,
       isClickOutside: function isClickOutside(target) {
         return !(0, _utils.elementsContains)([panelDivRef.current, ref.current], target);
       },
@@ -154,7 +153,7 @@ function InputDate(props, ref) {
     focused = _usePickerInput2$.focused,
     typing = _usePickerInput2$.typing;
   var borderClass = (0, _classnames4.default)((_classnames = {}, (0, _defineProperty2.default)(_classnames, "".concat(prefixCls, "-underline"), borderType === 'underline'), (0, _defineProperty2.default)(_classnames, "".concat(prefixCls, "-borderless"), borderType === 'none'), _classnames));
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return _react.default.createElement("div", (0, _extends2.default)({
     ref: ref,
     className: (0, _classnames4.default)(prefixCls, className, borderClass, (_classnames2 = {}, (0, _defineProperty2.default)(_classnames2, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classnames2, "".concat(prefixCls, "-focused"), focused), (0, _defineProperty2.default)(_classnames2, (0, _concat.default)(_context = "".concat(prefixCls, "-")).call(_context, size), size), (0, _defineProperty2.default)(_classnames2, "".concat(prefixCls, "-error"), status === 'error'), _classnames2)),
     style: style,
@@ -164,22 +163,17 @@ function InputDate(props, ref) {
     onMouseLeave: mouseLeaveHandle,
     onContextMenu: onContextMenu,
     onClick: onClick
-  }, dataOrAriaProps), /*#__PURE__*/_react.default.createElement("div", {
+  }, dataOrAriaProps), _react.default.createElement("div", {
     className: (0, _classnames4.default)("".concat(prefixCls, "-input"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-input-placeholder"), !!hoverValue))
-  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
-    // className={classnames({
-    //   [`${prefixCls}-input-${size}`]: size,
-    // })}
+  }, _react.default.createElement("input", (0, _extends2.default)({
     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
@@ -187,5 +181,5 @@ function InputDate(props, ref) {
     size: (0, _utils.getInputSize)(picker, format)
   })), getSuffixNode()));
 }
-var _default = /*#__PURE__*/_react.default.forwardRef(InputDate);
+var _default = _react.default.forwardRef(InputDate);
 exports.default = _default;

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

@@ -257,13 +257,9 @@ var _toDate = _interopRequireDefault(require("date-fns/toDate"));
 var _parse = _interopRequireDefault(require("date-fns/parse"));
 var _parseISO = _interopRequireDefault(require("date-fns/parseISO"));
 var DEFAULT_YEAR_ITEM_NUMBER = 12;
-// ** Date Constructors **
 exports.DEFAULT_YEAR_ITEM_NUMBER = DEFAULT_YEAR_ITEM_NUMBER;
 function parseWeek(text) {
-  // parse Wo
-  // 只处理 yyyy-wo 格式
   var matchText = text.match(/[-\d]+/g);
-  // 存在后缀
   if (!matchText || matchText[0] !== text) {
     return null;
   }
@@ -294,13 +290,6 @@ function isNullEqual(value1, value2) {
   }
   return undefined;
 }
-/**
- * @description 接受一个参数（若没有，返回当前），返回一个Date
- *
- * @export
- * @param {DateType} value
- * @returns
- */
 function newDate(value) {
   var d = value ? typeof value === 'string' || value instanceof String ? (0, _parseISO.default)(value) : (0, _toDate.default)(value) : new Date();
   return isValid(d) ? d : null;
@@ -322,23 +311,15 @@ function parseDate(value, dateFormat) {
   }
   return isValid(parsedDate) && strictParsingValueMatch ? parsedDate : null;
 }
-// ** Date "Reflection" **
-
 function isValid(date) {
-  // 1000 年以后为有效值
   return (0, _isValid.default)(date) && (0, _isAfter.default)(date, new Date('1/1/1000'));
 }
-// ** Date Formatting **
 function formatDate(date, _format, _locale) {
   if (!isValid(date)) {
     return null;
   }
-  // if (typeof _format === 'function') {
-  //   return _format(date)
-  // }
   return (0, _format2.default)(date, localeParse(_format));
 }
-// ** Date Setters **
 function setTime(date, _ref) {
   var _ref$hour = _ref.hour,
     hour = _ref$hour === void 0 ? 0 : _ref$hour,
@@ -351,15 +332,12 @@ function setTime(date, _ref) {
 function getWeek(date) {
   return (0, _getWeek.default)(date);
 }
-// *** Start of ***
 function getStartOfDay(date) {
   return (0, _startOfDay.default)(date);
 }
 function getStartOfWeek(date) {
   return (0, _startOfWeek.default)(date);
-  // return startOfWeek(date)
 }
-
 function getStartOfMonth(date) {
   return (0, _startOfMonth.default)(date);
 }
@@ -369,13 +347,9 @@ function getStartOfYear(date) {
 function getStartOfQuarter(date) {
   return (0, _startOfQuarter.default)(date);
 }
-// *** End of ***
 function getEndOfWeek(date) {
   return (0, _endOfWeek.default)(date);
 }
-// ** Date Math **
-// *** Addition ***
-
 function isSameYear(date1, date2) {
   var equal = isNullEqual(date1, date2);
   if (typeof equal === 'boolean') {
@@ -445,14 +419,6 @@ function getMonthShortInLocale(month, locale) {
 function getQuarterShortInLocale(quarter, locale) {
   return formatDate((0, _setQuarter.default)(newDate(), quarter), 'QQQ', locale);
 }
-/**
- * @description 根据传入时间，展示年份数自动生成年份范围
- *
- * @export
- * @param {DateType} date
- * @param { number} yearItemNumber
- * @returns
- */
 function getYearsPeriod(date, yearItemNumber) {
   var endPeriod = Math.ceil((0, _getYear.default)(date) / yearItemNumber) * yearItemNumber;
   var startPeriod = endPeriod - (yearItemNumber - 1);

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

@@ -14,7 +14,7 @@ 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/lib/date-picker/utils/get-ranges.js

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

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

@@ -59,7 +59,6 @@ function getClosingViewDate(viewDate, picker) {
       return (0, _dateFns.addMonths)(viewDate, offset);
   }
 }
-// ===================== Format =====================
 function getDefaultFormat(format, picker, showTime, use12Hours) {
   var mergedFormat = format;
   if (!mergedFormat) {
@@ -250,12 +249,10 @@ function waitElementReady(element, callback) {
   };
 }
 var scrollIds = new _map.default();
-/* eslint-disable no-param-reassign */
 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/lib/divider/divider.js

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

package/lib/drawer/drawer.js

@@ -26,28 +26,12 @@ var _hooks = require("../_utils/hooks");
 var _reactChildren = require("../_utils/react-children");
 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; }
-// import { usePrevious } from '../_utils/hooks'
-
 var PlacementTypes = (0, _type.tuple)('top', 'right', 'bottom', 'left');
 exports.PlacementTypes = PlacementTypes;
 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;
@@ -55,7 +39,7 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps;
-  var drawerProps = (0, _utils.getCompProps)('Drawer', userDefaultProps, props); // 属性需要合并一遍用户定义的默认属性
+  var drawerProps = (0, _utils.getCompProps)('Drawer', userDefaultProps, props);
   var className = drawerProps.className,
     closable = drawerProps.closable,
     closeIcon = drawerProps.closeIcon,
@@ -93,9 +77,7 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     currentWidth = _useState4[0],
     setCurrentWidth = _useState4[1];
-  // const previousWidthRef = usePrevious(currentWidth)
-  // const previousHeightRef = usePrevious(currentHeight)
-  var containerRef = ref || /*#__PURE__*/(0, _react.createRef)();
+  var containerRef = ref || (0, _react.createRef)();
   var contentRef = (0, _react.useRef)(null);
   (0, _devwarning.default)(PlacementTypes.indexOf(placement) === -1, 'drawer', "cannot found drawer type '".concat(placement, "'"));
   var drawerContainer = typeof getContainer === 'function' ? getContainer() : getContainer;
@@ -115,8 +97,6 @@ var InternalDrawer = function InternalDrawer(props, ref) {
   (0, _react.useEffect)(function () {
     var node = null;
     var portalNode = containerRef.current;
-    // 应该只有可见才能影响
-    // 但是这样会有闪烁的问题
     if (!isBody && drawerContainer) {
       node = drawerContainer;
     } else if (isAtOriginalPlace) {
@@ -130,11 +110,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);
     }
@@ -144,7 +120,6 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     return drawerContainer || ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.parentNode);
   }, handleContainerResize);
   (0, _hooks.useOverflowHidden)(drawerContainer || ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.parentNode), visible && mask, disableScroll);
-  // 为了单测
   (0, _react.useEffect)(function () {
     setCurrentWidth(width);
   }, [width]);
@@ -154,7 +129,6 @@ var InternalDrawer = function InternalDrawer(props, ref) {
   }, [onClose, destroyOnClose]);
   var escapeToCloseModal = (0, _react.useCallback)(function (evt) {
     var _context;
-    // In Internet Explorer 9 and Firefox 36 and earlier, the Esc key returns "Esc" instead of "Escape"
     if ((0, _includes.default)(_context = ['Escape', 'Esc']).call(_context, evt.key)) {
       closeDrawer();
     }
@@ -207,26 +181,26 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     height: height,
     transform: transform
   });
-  var container = /*#__PURE__*/_react.default.createElement("div", {
+  var container = _react.default.createElement("div", {
     className: (0, _classnames.default)((_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "".concat(drawerPrefixCls, "-container-box"), true), (0, _defineProperty2.default)(_classNames2, "".concat(drawerPrefixCls, "-has-container-box"), drawerContainer), (0, _defineProperty2.default)(_classNames2, (0, _concat.default)(_context3 = "".concat(drawerPrefixCls, "-container-")).call(_context3, placement), true), _classNames2)),
     style: containerStyle,
     ref: contentRef
-  }, (title || closable) && /*#__PURE__*/_react.default.createElement("div", {
+  }, (title || closable) && _react.default.createElement("div", {
     className: (0, _classnames.default)(headerClass, headerClassName),
     style: headerStyle
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, _react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(drawerPrefixCls, "-title"), titleClassName),
     style: titleStyle
-  }, title), closable && /*#__PURE__*/_react.default.createElement("div", {
+  }, title), closable && _react.default.createElement("div", {
     className: "".concat(drawerPrefixCls, "-close-icon"),
     onClick: function onClick() {
       return closeDrawer();
     }
-  }, closeIcon || /*#__PURE__*/_react.default.createElement(_index.Icon, {
+  }, closeIcon || _react.default.createElement(_index.Icon, {
     type: "close"
-  }))), /*#__PURE__*/_react.default.createElement("div", {
+  }))), _react.default.createElement("div", {
     className: "".concat(drawerPrefixCls, "-body")
-  }, (showChildren || visible) && (0, _reactChildren.toArray)(children)), footer && /*#__PURE__*/_react.default.createElement("div", {
+  }, (showChildren || visible) && (0, _reactChildren.toArray)(children)), footer && _react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(drawerPrefixCls, "-footer"), footerClassName),
     style: footerStyle
   }, footer));
@@ -238,23 +212,23 @@ var InternalDrawer = function InternalDrawer(props, ref) {
   var noneMaskStyle = !mask ? {
     width: containerStyle.width
   } : {};
-  var comp = /*#__PURE__*/_react.default.createElement("div", {
+  var comp = _react.default.createElement("div", {
     className: drawerClasses,
     style: (0, _extends3.default)((0, _extends3.default)({
       zIndex: zindex || 'auto'
     }, noneMaskStyle), opposition ? (0, _defineProperty2.default)({}, opposition, 'unset') : {}),
     ref: containerRef
-  }, mask && /*#__PURE__*/_react.default.createElement("div", {
+  }, mask && _react.default.createElement("div", {
     onClick: handleMaskClick,
     className: (0, _classnames.default)("".concat(drawerPrefixCls, "-mask"), maskClassName),
     style: maskStyle
   }), container);
-  if (drawerContainer instanceof HTMLElement) return /*#__PURE__*/_reactDom.default.createPortal(comp, drawerContainer);else if (drawerContainer !== false) {
-    return /*#__PURE__*/_reactDom.default.createPortal(comp, documentBody);
+  if (drawerContainer instanceof HTMLElement) return _reactDom.default.createPortal(comp, drawerContainer);else if (drawerContainer !== false) {
+    return _reactDom.default.createPortal(comp, documentBody);
   }
   return comp;
 };
-var Drawer = /*#__PURE__*/_react.default.forwardRef(InternalDrawer);
+var Drawer = _react.default.forwardRef(InternalDrawer);
 Drawer.displayName = 'Drawer';
 var _default = Drawer;
 exports.default = _default;