@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.1-alpha.0

package/lib/cjs/datePicker/dateInput.js

@@ -4,93 +4,61 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _inputFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/datePicker/inputFoundation"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/datePicker/constants");
-
 var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
-
 var _isNullOrUndefined = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isNullOrUndefined"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _index = _interopRequireDefault(require("../input/index"));
-
 var _insetInput = require("./insetInput");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
 /* eslint-disable jsx-a11y/click-events-have-key-events */
-
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-
 /* eslint-disable max-lines-per-function */
-
 /* eslint-disable no-unused-vars */
-
-
 // eslint-disable-next-line @typescript-eslint/ban-types
 class DateInput extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.handleChange = (value, e) => this.foundation.handleChange(value, e);
-
     this.handleEnterPress = e => this.foundation.handleInputComplete(e);
-
     this.handleInputClear = e => this.foundation.handleInputClear(e);
-
     this.handleRangeInputChange = (rangeStart, rangeEnd, e) => {
       const rangeInputValue = this.getRangeInputValue(rangeStart, rangeEnd);
       this.foundation.handleChange(rangeInputValue, e);
     };
-
     this.handleRangeInputClear = e => {
       this.foundation.handleRangeInputClear(e);
     };
-
     this.handleRangeInputEnterPress = (e, rangeStart, rangeEnd) => {
       const rangeInputValue = this.getRangeInputValue(rangeStart, rangeEnd);
       this.foundation.handleRangeInputEnterPress(e, rangeInputValue);
     };
-
     this.handleRangeInputEndKeyPress = e => {
       this.foundation.handleRangeInputEndKeyPress(e);
     };
-
     this.handleRangeInputFocus = (e, rangeType) => {
       this.foundation.handleRangeInputFocus(e, rangeType);
     };
-
     this.handleRangeStartFocus = e => {
       this.handleRangeInputFocus(e, 'rangeStart');
     };
-
     this.handleInsetInputChange = options => {
       this.foundation.handleInsetInputChange(options);
     };
-
     this.getRangeInputValue = (rangeStart, rangeEnd) => {
       const {
         rangeSeparator
@@ -98,13 +66,10 @@ class DateInput extends _baseComponent.default {
       const rangeInputValue = `${rangeStart}${rangeSeparator}${rangeEnd}`;
       return rangeInputValue;
     };
-
     this.foundation = new _inputFoundation.default(this.adapter);
   }
-
   get adapter() {
     var _this = this;
-
     return Object.assign(Object.assign({}, super.adapter), {
       updateIsFocusing: isFocusing => this.setState({
         isFocusing
@@ -139,20 +104,16 @@ class DateInput extends _baseComponent.default {
       notifyInsetInputChange: options => this.props.onInsetInputChange(options)
     });
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   formatText(value) {
     // eslint-disable-next-line max-len
     return value && value.length ? this.foundation.formatShowText(value) : '';
   }
-
   renderRangePrefix() {
     const {
       prefix,
@@ -168,7 +129,6 @@ class DateInput extends _baseComponent.default {
       "x-semi-prop": "prefix,insetLabel"
     }, labelNode) : null;
   }
-
   renderRangeSeparator(rangeStart, rangeEnd) {
     const {
       disabled,
@@ -183,7 +143,6 @@ class DateInput extends _baseComponent.default {
       className: separatorCls
     }, rangeSeparator);
   }
-
   renderRangeClearBtn(rangeStart, rangeEnd) {
     const {
       showClear,
@@ -202,7 +161,6 @@ class DateInput extends _baseComponent.default {
       "aria-hidden": true
     })) : null;
   }
-
   renderRangeSuffix(suffix) {
     const {
       prefixCls,
@@ -215,7 +173,6 @@ class DateInput extends _baseComponent.default {
     }, suffix) : null;
     return rangeSuffix;
   }
-
   renderRangeInput(rangeProps) {
     const {
       // this.props
@@ -288,15 +245,13 @@ class DateInput extends _baseComponent.default {
       ref: rangeInputEndRef
     })), this.renderRangeClearBtn(rangeStart, rangeEnd), this.renderRangeSuffix(suffix));
   }
-
   isRenderMultipleInputs() {
     const {
       type
-    } = this.props; // isRange and not monthRange render multiple inputs
-
+    } = this.props;
+    // isRange and not monthRange render multiple inputs
     return type.includes('Range') && type !== 'monthRange';
   }
-
   renderInputInset() {
     const {
       type,
@@ -363,64 +318,58 @@ class DateInput extends _baseComponent.default {
       onFocus: handleInsetTimeFocus
     })));
   }
-
   renderTriggerInput() {
     const _a = this.props,
-          {
-      placeholder,
-      type,
-      value,
-      inputValue,
-      inputStyle,
-      disabled,
-      showClear,
-      inputReadOnly,
-      insetLabel,
-      validateStatus,
-      block,
-      prefixCls,
-      multiple,
-      // Whether to allow multiple values for email and file types
-      dateFnsLocale,
-      // No need to pass to input
-      onBlur,
-      onClear,
-      onFocus,
-      prefix,
-      autofocus,
-      size,
-      inputRef,
-      // range input support props, no need passing to not range type
-      rangeInputStartRef,
-      rangeInputEndRef,
-      onRangeClear,
-      onRangeBlur,
-      onRangeEndTabPress,
-      rangeInputFocus,
-      rangeSeparator,
-      insetInput,
-      insetInputValue,
-      defaultPickerValue
-    } = _a,
-          rest = __rest(_a, ["placeholder", "type", "value", "inputValue", "inputStyle", "disabled", "showClear", "inputReadOnly", "insetLabel", "validateStatus", "block", "prefixCls", "multiple", "dateFnsLocale", "onBlur", "onClear", "onFocus", "prefix", "autofocus", "size", "inputRef", "rangeInputStartRef", "rangeInputEndRef", "onRangeClear", "onRangeBlur", "onRangeEndTabPress", "rangeInputFocus", "rangeSeparator", "insetInput", "insetInputValue", "defaultPickerValue"]);
-
+      {
+        placeholder,
+        type,
+        value,
+        inputValue,
+        inputStyle,
+        disabled,
+        showClear,
+        inputReadOnly,
+        insetLabel,
+        validateStatus,
+        block,
+        prefixCls,
+        multiple,
+        // Whether to allow multiple values for email and file types
+        dateFnsLocale,
+        // No need to pass to input
+        onBlur,
+        onClear,
+        onFocus,
+        prefix,
+        autofocus,
+        size,
+        inputRef,
+        // range input support props, no need passing to not range type
+        rangeInputStartRef,
+        rangeInputEndRef,
+        onRangeClear,
+        onRangeBlur,
+        onRangeEndTabPress,
+        rangeInputFocus,
+        rangeSeparator,
+        insetInput,
+        insetInputValue,
+        defaultPickerValue
+      } = _a,
+      rest = __rest(_a, ["placeholder", "type", "value", "inputValue", "inputStyle", "disabled", "showClear", "inputReadOnly", "insetLabel", "validateStatus", "block", "prefixCls", "multiple", "dateFnsLocale", "onBlur", "onClear", "onFocus", "prefix", "autofocus", "size", "inputRef", "rangeInputStartRef", "rangeInputEndRef", "onRangeClear", "onRangeBlur", "onRangeEndTabPress", "rangeInputFocus", "rangeSeparator", "insetInput", "insetInputValue", "defaultPickerValue"]);
     const dateIcon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconCalendar, {
       "aria-hidden": true
     });
-
     const dateTimeIcon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconCalendarClock, {
       "aria-hidden": true
     });
-
     const suffix = type.includes('Time') ? dateTimeIcon : dateIcon;
     let text = '';
-
     if (!(0, _isNullOrUndefined.default)(inputValue)) {
       text = inputValue;
     } else if (value) {
       text = this.formatText(value);
     }
-
     const inputCls = (0, _classnames.default)({
       [`${prefixCls}-input-readonly`]: inputReadOnly,
       [`${prefixCls}-monthRange-input`]: type === 'monthRange'
@@ -453,16 +402,13 @@ class DateInput extends _baseComponent.default {
       onFocus: onFocus
     }));
   }
-
   render() {
     const {
       insetInput
     } = this.props;
     return insetInput ? this.renderInputInset() : this.renderTriggerInput();
   }
-
 }
-
 exports.default = DateInput;
 DateInput.propTypes = {
   borderless: _propTypes.default.bool,

package/lib/cjs/datePicker/datePicker.d.ts

@@ -48,7 +48,7 @@ export interface DatePickerProps extends DatePickerFoundationProps {
     yearAndMonthOpts?: ScrollItemProps<any>;
     dropdownMargin?: PopoverProps['margin'];
 }
-export declare type DatePickerState = DatePickerFoundationState;
+export type DatePickerState = DatePickerFoundationState;
 export default class DatePicker extends BaseComponent<DatePickerProps, DatePickerState> {
     static contextType: React.Context<ContextValue>;
     static propTypes: {