@kdcloudjs/kdesign 1.6.34 → 1.6.36

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

@@ -1,153 +1,118 @@
 "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 _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames4 = _interopRequireDefault(require("classnames"));
-
 var _index = require("../../index");
-
 var _usePickerInput3 = _interopRequireDefault(require("../hooks/use-picker-input"));
-
 var _utils = require("../utils");
-
 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 InputDate(props, ref) {
   var _classnames, _context, _classnames2;
-
   var inputRef = props.inputRef,
-      panelDivRef = props.panelDivRef,
-      id = props.id,
-      autoFocus = props.autoFocus,
-      allowClear = props.allowClear,
-      className = props.className,
-      borderType = props.borderType,
-      disabled = props.disabled,
-      hoverValue = props.hoverValue,
-      picker = props.picker,
-      propsPlaceholder = props.placeholder,
-      style = props.style,
-      size = props.size,
-      text = props.text,
-      needConfirmButton = props.needConfirmButton,
-      dateValue = props.dateValue,
-      selectedValue = props.selectedValue,
-      suffixIcon = props.suffixIcon,
-      clearIcon = props.clearIcon,
-      format = props.format,
-      open = props.open,
-      readOnly = props.readOnly,
-      prefixCls = props.prefixCls,
-      locale = props.locale,
-      dataOrAriaProps = props.dataOrAriaProps,
-      disabledDate = props.disabledDate,
-      onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      onMouseDown = props.onMouseDown,
-      onMouseUp = props.onMouseUp,
-      onMouseEnter = props.onMouseEnter,
-      onMouseLeave = props.onMouseLeave,
-      onContextMenu = props.onContextMenu,
-      onClick = props.onClick,
-      resetText = props.resetText,
-      setSelectedValue = props.setSelectedValue,
-      triggerTextChange = props.triggerTextChange,
-      triggerOpen = props.triggerOpen,
-      triggerChange = props.triggerChange;
+    panelDivRef = props.panelDivRef,
+    id = props.id,
+    autoFocus = props.autoFocus,
+    allowClear = props.allowClear,
+    className = props.className,
+    borderType = props.borderType,
+    disabled = props.disabled,
+    hoverValue = props.hoverValue,
+    picker = props.picker,
+    propsPlaceholder = props.placeholder,
+    style = props.style,
+    size = props.size,
+    text = props.text,
+    needConfirmButton = props.needConfirmButton,
+    dateValue = props.dateValue,
+    selectedValue = props.selectedValue,
+    suffixIcon = props.suffixIcon,
+    clearIcon = props.clearIcon,
+    format = props.format,
+    open = props.open,
+    readOnly = props.readOnly,
+    prefixCls = props.prefixCls,
+    locale = props.locale,
+    dataOrAriaProps = props.dataOrAriaProps,
+    disabledDate = props.disabledDate,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onMouseDown = props.onMouseDown,
+    onMouseUp = props.onMouseUp,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave,
+    onContextMenu = props.onContextMenu,
+    onClick = props.onClick,
+    resetText = props.resetText,
+    setSelectedValue = props.setSelectedValue,
+    triggerTextChange = props.triggerTextChange,
+    triggerOpen = props.triggerOpen,
+    triggerChange = props.triggerChange;
   var preventBlurRef = (0, _react.useRef)(false);
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isMouseEnter = _useState2[0],
-      setIsMouseEnter = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isMouseEnter = _useState2[0],
+    setIsMouseEnter = _useState2[1];
   var placeholder = (0, _utils.getPlaceholder)(picker, locale, propsPlaceholder);
-
   var getSuffixNode = function getSuffixNode() {
-    if (isMouseEnter && (hoverValue || text) && allowClear) {
-      return null;
+    if (isMouseEnter && (hoverValue || text) && allowClear && !disabled) {
+      return /*#__PURE__*/_react.default.createElement("span", {
+        onMouseUp: function onMouseUp(e) {
+          e.stopPropagation();
+        },
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          triggerChange(null);
+          triggerOpen(false);
+        },
+        className: "".concat(prefixCls, "-clear")
+      }, clearIcon || /*#__PURE__*/_react.default.createElement(_index.Icon, {
+        type: "close-solid"
+      }));
     }
-
     return /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(prefixCls, "-suffix")
     }, suffixIcon || /*#__PURE__*/_react.default.createElement(_index.Icon, {
       type: picker === 'time' ? 'waiting' : 'date'
     }));
   };
-
   var mouseEnterHandle = function mouseEnterHandle(e) {
     setIsMouseEnter(true);
-
     if (typeof onMouseEnter === 'function') {
       onMouseEnter(e);
     }
   };
-
   var mouseLeaveHandle = function mouseLeaveHandle(e) {
     setIsMouseEnter(false);
-
     if (typeof onMouseLeave === 'function') {
       onMouseLeave(e);
     }
   };
-
-  var clearNode;
-
-  if (allowClear && dateValue && !disabled) {
-    clearNode = /*#__PURE__*/_react.default.createElement("span", {
-      onMouseUp: function onMouseUp(e) {
-        e.stopPropagation();
-      },
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        triggerChange(null);
-        triggerOpen(false);
-      },
-      className: "".concat(prefixCls, "-clear")
-    }, clearIcon || /*#__PURE__*/_react.default.createElement(_index.Icon, {
-      type: "close-solid"
-    }));
-  }
-
   var onInternalMouseUp = function onInternalMouseUp() {
     if (onMouseUp) {
       onMouseUp.apply(void 0, arguments);
     }
-
     if (inputRef.current) {
       inputRef.current.focus();
       triggerOpen(true);
     }
   };
-
   var onInternalonMouseDown = function onInternalonMouseDown() {
     if (onMouseDown) {
       onMouseDown.apply(void 0, arguments);
     }
-
     if (open) {
       preventBlurRef.current = true;
       requestAnimationFrame(function () {
@@ -155,41 +120,38 @@ function InputDate(props, ref) {
       });
     }
   };
-
   var _usePickerInput = (0, _usePickerInput3.default)({
-    preventBlurRef: preventBlurRef,
-    blurToCancel: needConfirmButton,
-    open: open,
-    value: text,
-    triggerOpen: triggerOpen,
-    // forwardKeyDown,
-    isClickOutside: function isClickOutside(target) {
-      return !(0, _utils.elementsContains)([panelDivRef.current, ref.current], target);
-    },
-    onSubmit: function onSubmit() {
-      if (selectedValue && disabledDate && disabledDate(selectedValue)) {
-        return false;
-      }
-
-      triggerChange(selectedValue);
-      triggerOpen(false);
-      resetText();
-      return true;
-    },
-    onCancel: function onCancel() {
-      triggerOpen(false);
-      setSelectedValue(dateValue);
-      resetText();
-    },
-    onFocus: onFocus,
-    onBlur: onBlur
-  }),
-      _usePickerInput2 = (0, _slicedToArray2.default)(_usePickerInput, 2),
-      inputProps = _usePickerInput2[0],
-      _usePickerInput2$ = _usePickerInput2[1],
-      focused = _usePickerInput2$.focused,
-      typing = _usePickerInput2$.typing;
-
+      preventBlurRef: preventBlurRef,
+      blurToCancel: needConfirmButton,
+      open: open,
+      value: text,
+      triggerOpen: triggerOpen,
+      // forwardKeyDown,
+      isClickOutside: function isClickOutside(target) {
+        return !(0, _utils.elementsContains)([panelDivRef.current, ref.current], target);
+      },
+      onSubmit: function onSubmit() {
+        if (selectedValue && disabledDate && disabledDate(selectedValue)) {
+          return false;
+        }
+        triggerChange(selectedValue);
+        triggerOpen(false);
+        resetText();
+        return true;
+      },
+      onCancel: function onCancel() {
+        triggerOpen(false);
+        setSelectedValue(dateValue);
+        resetText();
+      },
+      onFocus: onFocus,
+      onBlur: onBlur
+    }),
+    _usePickerInput2 = (0, _slicedToArray2.default)(_usePickerInput, 2),
+    inputProps = _usePickerInput2[0],
+    _usePickerInput2$ = _usePickerInput2[1],
+    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)({
     ref: ref,
@@ -222,9 +184,7 @@ function InputDate(props, ref) {
     title: text
   }, inputProps, {
     size: (0, _utils.getInputSize)(picker, format)
-  })), getSuffixNode(), clearNode));
+  })), getSuffixNode()));
 }
-
 var _default = /*#__PURE__*/_react.default.forwardRef(InputDate);
-
 exports.default = _default;