@douyinfe/semi-foundation 2.34.1 → 2.34.2

package/datePicker/foundation.ts

@@ -178,7 +178,8 @@ export interface DatePickerFoundationState {
     /** value of trigger input */
     inputValue: string;
     value: Date[];
-    cachedSelectedValue: Date[];
+    // Save last selected date, maybe include null
+    cachedSelectedValue: (Date | null)[];
     prevTimeZone: string | number;
     rangeInputFocus: RangeType;
     autofocus: boolean;
@@ -357,41 +358,6 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
         }
     }
 
-    /**
-     * @deprecated
-     * do these side effects when type is dateRange or dateTimeRange
-     *   1. trigger input blur, if input value is invalid, set input value and state value to previous status
-     *   2. set cachedSelectedValue using given dates(in needConfirm mode)
-     *      - directly closePanel without click confirm will set cachedSelectedValue to state value
-     *      - select one date(which means that the selection value is incomplete) and click confirm also set cachedSelectedValue to state value
-     */
-    // rangeTypeSideEffectsWhenClosePanel(inputValue: string, willUpdateDates: Date[]) {
-    //     if (this._isRangeType()) {
-    //         this._adapter.setRangeInputFocus(false);
-    //         /**
-    //          * inputValue is string when it is not disabled or can't parsed
-    //          * when inputValue is null, picker value will back to last selected value
-    //          */
-    //         this.handleInputBlur(inputValue);
-    //         this.resetCachedSelectedValue(willUpdateDates);
-    //     }
-    // }
-
-    /**
-     * @deprecated
-     * clear input value when selected date is not confirmed
-     */
-    // needConfirmSideEffectsWhenClosePanel(willUpdateDates: Date[] | null | undefined) {
-    //     if (this._adapter.needConfirm() && !this._isRangeType()) {
-    //         /**
-    //          * if `null` input element will show `cachedSelectedValue` formatted value（format in DateInput render）
-    //          * if `` input element will show `` directly
-    //          */
-    //         this._adapter.updateInputValue(null);
-    //         this.resetCachedSelectedValue(willUpdateDates);
-    //     }
-    // }
-
     /**
      * clear inset input value when close panel
      */
@@ -1218,32 +1184,29 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
 
     /**
      * Get the date changed through the date panel or enter
-     * @param {Date[]} dates
-     * @returns {Date[]}
      */
     _getChangedDates(dates: Date[]) {
         const type = this._adapter.getProp('type');
-        const stateValue: Date[] = this._adapter.getState('value');
-
+        const { cachedSelectedValue: lastDate } = this._adapter.getStates();
         const changedDates = [];
 
         switch (type) {
             case 'dateRange':
             case 'dateTimeRange':
-                const [stateStart, stateEnd] = stateValue;
+                const [lastStart, lastEnd] = lastDate;
                 const [start, end] = dates;
-                if (!isDateEqual(start, stateStart)) {
+                if (!isDateEqual(start, lastStart)) {
                     changedDates.push(start);
                 }
-                if (!isDateEqual(end, stateEnd)) {
+                if (!isDateEqual(end, lastEnd)) {
                     changedDates.push(end);
                 }
                 break;
             default:
-                const stateValueSet = new Set<number>();
-                stateValue.forEach(value => stateValueSet.add(isDate(value) && value.valueOf()));
+                const lastValueSet = new Set<number>();
+                lastDate.forEach(value => lastValueSet.add(isDate(value) && value.valueOf()));
                 for (const date of dates) {
-                    if (!stateValueSet.has(isDate(date) && date.valueOf())) {
+                    if (!lastValueSet.has(isDate(date) && date.valueOf())) {
                         changedDates.push(date);
                     }
                 }

package/input/input.scss

@@ -462,6 +462,9 @@ $module: #{$prefix}-input;
     &[type="password"]::-ms-clear {
         display: none;
     }
+    &[type="search"]::-webkit-search-cancel-button {
+        display: none;
+    }
 
     &::placeholder {
         color: $color-input_placeholder-text-default;

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

@@ -147,7 +147,7 @@ export interface DatePickerFoundationState {
     /** value of trigger input */
     inputValue: string;
     value: Date[];
-    cachedSelectedValue: Date[];
+    cachedSelectedValue: (Date | null)[];
     prevTimeZone: string | number;
     rangeInputFocus: RangeType;
     autofocus: boolean;
@@ -231,18 +231,6 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
     destroy(): void;
     initPanelOpenStatus(defaultOpen?: boolean): void;
     openPanel(): void;
-    /**
-     * @deprecated
-     * do these side effects when type is dateRange or dateTimeRange
-     *   1. trigger input blur, if input value is invalid, set input value and state value to previous status
-     *   2. set cachedSelectedValue using given dates(in needConfirm mode)
-     *      - directly closePanel without click confirm will set cachedSelectedValue to state value
-     *      - select one date(which means that the selection value is incomplete) and click confirm also set cachedSelectedValue to state value
-     */
-    /**
-     * @deprecated
-     * clear input value when selected date is not confirmed
-     */
     /**
      * clear inset input value when close panel
      */
@@ -470,8 +458,6 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
     _notifyChange(value: Date[]): void;
     /**
      * Get the date changed through the date panel or enter
-     * @param {Date[]} dates
-     * @returns {Date[]}
      */
     _getChangedDates(dates: Date[]): any[];
     /**

package/lib/cjs/datePicker/foundation.js

@@ -247,41 +247,6 @@ class DatePickerFoundation extends _foundation.default {
       this._adapter.notifyOpenChange(true);
     }
   }
-  /**
-   * @deprecated
-   * do these side effects when type is dateRange or dateTimeRange
-   *   1. trigger input blur, if input value is invalid, set input value and state value to previous status
-   *   2. set cachedSelectedValue using given dates(in needConfirm mode)
-   *      - directly closePanel without click confirm will set cachedSelectedValue to state value
-   *      - select one date(which means that the selection value is incomplete) and click confirm also set cachedSelectedValue to state value
-   */
-  // rangeTypeSideEffectsWhenClosePanel(inputValue: string, willUpdateDates: Date[]) {
-  //     if (this._isRangeType()) {
-  //         this._adapter.setRangeInputFocus(false);
-  //         /**
-  //          * inputValue is string when it is not disabled or can't parsed
-  //          * when inputValue is null, picker value will back to last selected value
-  //          */
-  //         this.handleInputBlur(inputValue);
-  //         this.resetCachedSelectedValue(willUpdateDates);
-  //     }
-  // }
-
-  /**
-   * @deprecated
-   * clear input value when selected date is not confirmed
-   */
-  // needConfirmSideEffectsWhenClosePanel(willUpdateDates: Date[] | null | undefined) {
-  //     if (this._adapter.needConfirm() && !this._isRangeType()) {
-  //         /**
-  //          * if `null` input element will show `cachedSelectedValue` formatted value（format in DateInput render）
-  //          * if `` input element will show `` directly
-  //          */
-  //         this._adapter.updateInputValue(null);
-  //         this.resetCachedSelectedValue(willUpdateDates);
-  //     }
-  // }
-
   /**
    * clear inset input value when close panel
    */
@@ -1304,40 +1269,40 @@ class DatePickerFoundation extends _foundation.default {
   }
   /**
    * Get the date changed through the date panel or enter
-   * @param {Date[]} dates
-   * @returns {Date[]}
    */
 
 
   _getChangedDates(dates) {
     const type = this._adapter.getProp('type');
 
-    const stateValue = this._adapter.getState('value');
+    const {
+      cachedSelectedValue: lastDate
+    } = this._adapter.getStates();
 
     const changedDates = [];
 
     switch (type) {
       case 'dateRange':
       case 'dateTimeRange':
-        const [stateStart, stateEnd] = stateValue;
+        const [lastStart, lastEnd] = lastDate;
         const [start, end] = dates;
 
-        if (!(0, _dateFns.isEqual)(start, stateStart)) {
+        if (!(0, _dateFns.isEqual)(start, lastStart)) {
           changedDates.push(start);
         }
 
-        if (!(0, _dateFns.isEqual)(end, stateEnd)) {
+        if (!(0, _dateFns.isEqual)(end, lastEnd)) {
           changedDates.push(end);
         }
 
         break;
 
       default:
-        const stateValueSet = new Set();
-        stateValue.forEach(value => stateValueSet.add((0, _dateFns.isDate)(value) && value.valueOf()));
+        const lastValueSet = new Set();
+        lastDate.forEach(value => lastValueSet.add((0, _dateFns.isDate)(value) && value.valueOf()));
 
         for (const date of dates) {
-          if (!stateValueSet.has((0, _dateFns.isDate)(date) && date.valueOf())) {
+          if (!lastValueSet.has((0, _dateFns.isDate)(date) && date.valueOf())) {
             changedDates.push(date);
           }
         }

package/lib/cjs/input/input.css

@@ -345,6 +345,9 @@
 .semi-input[type=password]::-ms-reveal, .semi-input[type=password]::-ms-clear {
   display: none;
 }
+.semi-input[type=search]::-webkit-search-cancel-button {
+  display: none;
+}
 .semi-input::placeholder {
   color: var(--semi-color-text-2);
 }

package/lib/cjs/input/input.scss

@@ -462,6 +462,9 @@ $module: #{$prefix}-input;
     &[type="password"]::-ms-clear {
         display: none;
     }
+    &[type="search"]::-webkit-search-cancel-button {
+        display: none;
+    }
 
     &::placeholder {
         color: $color-input_placeholder-text-default;

package/lib/es/datePicker/foundation.d.ts

@@ -147,7 +147,7 @@ export interface DatePickerFoundationState {
     /** value of trigger input */
     inputValue: string;
     value: Date[];
-    cachedSelectedValue: Date[];
+    cachedSelectedValue: (Date | null)[];
     prevTimeZone: string | number;
     rangeInputFocus: RangeType;
     autofocus: boolean;
@@ -231,18 +231,6 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
     destroy(): void;
     initPanelOpenStatus(defaultOpen?: boolean): void;
     openPanel(): void;
-    /**
-     * @deprecated
-     * do these side effects when type is dateRange or dateTimeRange
-     *   1. trigger input blur, if input value is invalid, set input value and state value to previous status
-     *   2. set cachedSelectedValue using given dates(in needConfirm mode)
-     *      - directly closePanel without click confirm will set cachedSelectedValue to state value
-     *      - select one date(which means that the selection value is incomplete) and click confirm also set cachedSelectedValue to state value
-     */
-    /**
-     * @deprecated
-     * clear input value when selected date is not confirmed
-     */
     /**
      * clear inset input value when close panel
      */
@@ -470,8 +458,6 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
     _notifyChange(value: Date[]): void;
     /**
      * Get the date changed through the date panel or enter
-     * @param {Date[]} dates
-     * @returns {Date[]}
      */
     _getChangedDates(dates: Date[]): any[];
     /**

package/lib/es/datePicker/foundation.js

@@ -222,41 +222,6 @@ export default class DatePickerFoundation extends BaseFoundation {
       this._adapter.notifyOpenChange(true);
     }
   }
-  /**
-   * @deprecated
-   * do these side effects when type is dateRange or dateTimeRange
-   *   1. trigger input blur, if input value is invalid, set input value and state value to previous status
-   *   2. set cachedSelectedValue using given dates(in needConfirm mode)
-   *      - directly closePanel without click confirm will set cachedSelectedValue to state value
-   *      - select one date(which means that the selection value is incomplete) and click confirm also set cachedSelectedValue to state value
-   */
-  // rangeTypeSideEffectsWhenClosePanel(inputValue: string, willUpdateDates: Date[]) {
-  //     if (this._isRangeType()) {
-  //         this._adapter.setRangeInputFocus(false);
-  //         /**
-  //          * inputValue is string when it is not disabled or can't parsed
-  //          * when inputValue is null, picker value will back to last selected value
-  //          */
-  //         this.handleInputBlur(inputValue);
-  //         this.resetCachedSelectedValue(willUpdateDates);
-  //     }
-  // }
-
-  /**
-   * @deprecated
-   * clear input value when selected date is not confirmed
-   */
-  // needConfirmSideEffectsWhenClosePanel(willUpdateDates: Date[] | null | undefined) {
-  //     if (this._adapter.needConfirm() && !this._isRangeType()) {
-  //         /**
-  //          * if `null` input element will show `cachedSelectedValue` formatted value（format in DateInput render）
-  //          * if `` input element will show `` directly
-  //          */
-  //         this._adapter.updateInputValue(null);
-  //         this.resetCachedSelectedValue(willUpdateDates);
-  //     }
-  // }
-
   /**
    * clear inset input value when close panel
    */
@@ -1282,40 +1247,40 @@ export default class DatePickerFoundation extends BaseFoundation {
   }
   /**
    * Get the date changed through the date panel or enter
-   * @param {Date[]} dates
-   * @returns {Date[]}
    */
 
 
   _getChangedDates(dates) {
     const type = this._adapter.getProp('type');
 
-    const stateValue = this._adapter.getState('value');
+    const {
+      cachedSelectedValue: lastDate
+    } = this._adapter.getStates();
 
     const changedDates = [];
 
     switch (type) {
       case 'dateRange':
       case 'dateTimeRange':
-        const [stateStart, stateEnd] = stateValue;
+        const [lastStart, lastEnd] = lastDate;
         const [start, end] = dates;
 
-        if (!isDateEqual(start, stateStart)) {
+        if (!isDateEqual(start, lastStart)) {
           changedDates.push(start);
         }
 
-        if (!isDateEqual(end, stateEnd)) {
+        if (!isDateEqual(end, lastEnd)) {
           changedDates.push(end);
         }
 
         break;
 
       default:
-        const stateValueSet = new Set();
-        stateValue.forEach(value => stateValueSet.add(isDate(value) && value.valueOf()));
+        const lastValueSet = new Set();
+        lastDate.forEach(value => lastValueSet.add(isDate(value) && value.valueOf()));
 
         for (const date of dates) {
-          if (!stateValueSet.has(isDate(date) && date.valueOf())) {
+          if (!lastValueSet.has(isDate(date) && date.valueOf())) {
             changedDates.push(date);
           }
         }

package/lib/es/input/input.css

@@ -345,6 +345,9 @@
 .semi-input[type=password]::-ms-reveal, .semi-input[type=password]::-ms-clear {
   display: none;
 }
+.semi-input[type=search]::-webkit-search-cancel-button {
+  display: none;
+}
 .semi-input::placeholder {
   color: var(--semi-color-text-2);
 }

package/lib/es/input/input.scss

@@ -462,6 +462,9 @@ $module: #{$prefix}-input;
     &[type="password"]::-ms-clear {
         display: none;
     }
+    &[type="search"]::-webkit-search-cancel-button {
+        display: none;
+    }
 
     &::placeholder {
         color: $color-input_placeholder-text-default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.34.1",
+    "version": "2.34.2",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "810c998a7c1db1cb824fb3c17353ca94c3df067e",
+    "gitHead": "4b6cad1d1798554e24ca0c5330e1d5ec353b8964",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",