@douyinfe/semi-ui 2.28.0 → 2.28.2

package/dist/umd/semi-ui.js

@@ -50560,10 +50560,13 @@ class foundation_DatePickerFoundation extends foundation {
 
     const result = this.parseWithTimezone(_value, timeZone, prevTimeZone);
 
-    this._adapter.updatePrevTimezone(prevTimeZone);
+    this._adapter.updatePrevTimezone(prevTimeZone); // reset input value when value update
+
 
     this._adapter.updateInputValue(null);
 
+    this._adapter.updateInsetInputValue(null);
+
     this._adapter.updateValue(result);
 
     this.resetCachedSelectedValue(result);
@@ -53482,7 +53485,7 @@ class monthsGridFoundation_MonthsGridFoundation extends foundation {
       rangeEnd
     } = this.getStates();
 
-    if (values && values.length) {
+    if (values && (values === null || values === void 0 ? void 0 : values.length)) {
       switch (type) {
         case 'date':
           this._initDatePickerFromValue(values, refreshPicker);
@@ -53594,8 +53597,25 @@ class monthsGridFoundation_MonthsGridFoundation extends foundation {
       pickerDate: values[1] || monthRight.pickerDate
     }));
 
-    this.handleShowDateAndTime(datePicker_constants_strings.PANEL_TYPE_LEFT, adjustResult.monthLeft.pickerDate);
-    this.handleShowDateAndTime(datePicker_constants_strings.PANEL_TYPE_RIGHT, adjustResult.monthRight.pickerDate); // init range
+    const validValue = Array.isArray(values) && values.filter(item => item).length > 1;
+
+    if (validValue) {
+      this.handleShowDateAndTime(datePicker_constants_strings.PANEL_TYPE_LEFT, adjustResult.monthLeft.pickerDate);
+      this.handleShowDateAndTime(datePicker_constants_strings.PANEL_TYPE_RIGHT, adjustResult.monthRight.pickerDate);
+    } else {
+      const selectedDate = values.find(item => item); // 如果日期不完整且输入日期不在面板范围内，则更新面板
+
+      if (selectedDate) {
+        const notLeftPanelDate = Math.abs(differenceInCalendarMonths(selectedDate, monthLeft.pickerDate)) > 0;
+        const notRightPanelDate = Math.abs(differenceInCalendarMonths(selectedDate, monthRight.pickerDate)) > 0;
+
+        if (notLeftPanelDate && notRightPanelDate) {
+          this.handleShowDateAndTime(datePicker_constants_strings.PANEL_TYPE_LEFT, adjustResult.monthLeft.pickerDate);
+          this.handleShowDateAndTime(datePicker_constants_strings.PANEL_TYPE_RIGHT, adjustResult.monthRight.pickerDate);
+        }
+      }
+    } // init range
+
 
     const formatToken = withTime ? datePicker_constants_strings.FORMAT_DATE_TIME : datePicker_constants_strings.FORMAT_FULL_DATE;
     let rangeStart = values[0] && format_format(values[0], formatToken);
@@ -57833,7 +57853,7 @@ class monthsGrid_MonthsGrid extends baseComponent_BaseComponent {
 }
 monthsGrid_MonthsGrid.propTypes = {
   type: prop_types_default.a.oneOf(datePicker_constants_strings.TYPE_SET),
-  defaultValue: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.number, prop_types_default.a.object, prop_types_default.a.array]),
+  defaultValue: prop_types_default.a.array,
   defaultPickerValue: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.number, prop_types_default.a.object, prop_types_default.a.array]),
   multiple: prop_types_default.a.bool,
   max: prop_types_default.a.number,
@@ -58154,36 +58174,12 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
         density,
         topSlot,
         bottomSlot,
-        insetInput,
-        type,
-        format,
-        rangeSeparator,
-        defaultPickerValue,
         presetPosition
       } = this.props;
-      const {
-        insetInputValue,
-        value
-      } = this.state;
       const wrapCls = classnames_default()(datePicker_constants_cssClasses.PREFIX, {
         [datePicker_constants_cssClasses.PANEL_YAM]: this.adapter.typeIsYearOrMonth(),
         [`${datePicker_constants_cssClasses.PREFIX}-compact`]: density === 'compact'
       }, dropdownClassName);
-      const insetInputProps = {
-        dateFnsLocale,
-        format,
-        insetInputValue,
-        rangeSeparator,
-        type,
-        value: value,
-        handleInsetDateFocus: this.handleInsetDateFocus,
-        handleInsetTimeFocus: this.handleInsetTimeFocus,
-        onInsetInputChange: this.handleInsetInputChange,
-        rangeInputStartRef: this.rangeInputStartRef,
-        rangeInputEndRef: this.rangeInputEndRef,
-        density,
-        defaultPickerValue
-      };
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         ref: this.panelRef,
         className: wrapCls,
@@ -67234,6 +67230,7 @@ class resizeObserver_ReactResizeObserver extends baseComponent_BaseComponent {
     if (this.observer) {
       this.observer.disconnect();
       this.observer = null;
+      this.element = null;
     }
   }
 
@@ -67241,6 +67238,10 @@ class resizeObserver_ReactResizeObserver extends baseComponent_BaseComponent {
     let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     const element = this.getElement();
 
+    if (!this.observer) {
+      this.observer = new ResizeObserver_es["a" /* default */](this.props.onResize);
+    }
+
     if (!(element && element instanceof Element)) {
       // stop everything if not defined
       this.observer.disconnect();