@douyinfe/semi-foundation 2.2.0 → 2.3.0

package/lib/es/checkbox/checkboxFoundation.js

@@ -1,6 +1,7 @@
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import BaseFoundation from '../base/foundation';
+import isEnterPress from '../utils/isEnterPress';
 
 class CheckboxFoundation extends BaseFoundation {
   constructor(adapter) {
@@ -86,6 +87,12 @@ class CheckboxFoundation extends BaseFoundation {
     this._adapter.notifyGroupChange(event);
   }
 
+  handleEnterPress(e) {
+    if (isEnterPress(e)) {
+      this.handleChange(e);
+    }
+  }
+
   setChecked(checked) {
     this._adapter.setNativeControlChecked(checked);
   } // eslint-disable-next-line @typescript-eslint/no-empty-function

package/lib/es/datePicker/datePicker.css

@@ -98,6 +98,12 @@
   text-align: right;
   background-color: var(--semi-color-fill-0);
 }
+.semi-datepicker-footer .semi-button:first-of-type {
+  margin-right: 12px;
+}
+.semi-datepicker-footer .semi-button:nth-of-type(2) {
+  margin-right: 8px;
+}
 .semi-datepicker-yam {
   position: absolute;
   top: 0;
@@ -705,6 +711,16 @@
   padding-left: 8px;
   text-align: left;
 }
+.semi-rtl .semi-datepicker-footer .semi-button:first-of-type,
+.semi-portal-rtl .semi-datepicker-footer .semi-button:first-of-type {
+  margin-left: 0;
+  margin-right: 0;
+}
+.semi-rtl .semi-datepicker-footer .semi-button:nth-of-type(2),
+.semi-portal-rtl .semi-datepicker-footer .semi-button:nth-of-type(2) {
+  margin-right: 12px;
+  margin-left: 0;
+}
 .semi-rtl .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main,
 .semi-portal-rtl .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
   border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
@@ -740,12 +756,20 @@
   margin-right: 8px;
 }
 .semi-rtl .semi-datepicker-navigation .semi-icon-chevron_left,
-.semi-rtl .semi-datepicker-navigation .semi-icon-chevron_right, .semi-rtl .semi-datepicker-yam .semi-icon-chevron_left,
+.semi-rtl .semi-datepicker-navigation .semi-icon-chevron_right,
+.semi-rtl .semi-datepicker-navigation .semi-icon-double_chevron_left,
+.semi-rtl .semi-datepicker-navigation .semi-icon-double_chevron_right, .semi-rtl .semi-datepicker-yam .semi-icon-chevron_left,
 .semi-rtl .semi-datepicker-yam .semi-icon-chevron_right,
+.semi-rtl .semi-datepicker-yam .semi-icon-double_chevron_left,
+.semi-rtl .semi-datepicker-yam .semi-icon-double_chevron_right,
 .semi-portal-rtl .semi-datepicker-navigation .semi-icon-chevron_left,
 .semi-portal-rtl .semi-datepicker-navigation .semi-icon-chevron_right,
+.semi-portal-rtl .semi-datepicker-navigation .semi-icon-double_chevron_left,
+.semi-portal-rtl .semi-datepicker-navigation .semi-icon-double_chevron_right,
 .semi-portal-rtl .semi-datepicker-yam .semi-icon-chevron_left,
-.semi-portal-rtl .semi-datepicker-yam .semi-icon-chevron_right {
+.semi-portal-rtl .semi-datepicker-yam .semi-icon-chevron_right,
+.semi-portal-rtl .semi-datepicker-yam .semi-icon-double_chevron_left,
+.semi-portal-rtl .semi-datepicker-yam .semi-icon-double_chevron_right {
   transform: scaleX(-1);
 }
 .semi-rtl .semi-datepicker-range-input-prefix,

package/lib/es/datePicker/datePicker.scss

@@ -140,6 +140,17 @@ $module: #{$prefix}-datepicker;
         padding-bottom: $spacing-datepicker_footer-paddingBottom;
         text-align: right;
         background-color: $color-datepicker_footer-bg-default;
+
+        .#{$prefix}-button {
+            // cancel button
+            &:first-of-type {
+                margin-right: $spacing-datepicker_footer_cancel_button-marginRight;
+            }
+            // confirm button
+            &:nth-of-type(2) {
+                margin-right: $spacing-datepicker_footer_confirm_button-marginRight;
+            }
+        }
     }
 
     // 年月选择

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

@@ -201,10 +201,13 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
      *   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
-     * @param {String} inputValue
-     * @param {Date[]} dates
      */
-    rangeTypeSideEffectsWhenClosePanel(inputValue: string, dates: Date[]): void;
+    rangeTypeSideEffectsWhenClosePanel(inputValue: string, willUpdateDates: Date[]): void;
+    /**
+     * clear input value when selected date is not confirmed
+     */
+    needConfirmSideEffectsWhenClosePanel(willUpdateDates: Date[] | null | undefined): void;
+    resetCachedSelectedValue(willUpdateDates?: Date[]): void;
     /**
      * timing to call closePanel
      *  1. click confirm button

package/lib/es/datePicker/foundation.js

@@ -58,12 +58,10 @@ export default class DatePickerFoundation extends BaseFoundation {
     };
 
     this._isRangeValueComplete = value => {
-      let result = true;
+      let result = false;
 
       if (_Array$isArray(value)) {
         result = !_someInstanceProperty(value).call(value, date => isNullOrUndefined(date));
-      } else {
-        result = false;
       }
 
       return result;
@@ -212,12 +210,10 @@ export default class DatePickerFoundation extends BaseFoundation {
    *   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
-   * @param {String} inputValue
-   * @param {Date[]} dates
    */
 
 
-  rangeTypeSideEffectsWhenClosePanel(inputValue, dates) {
+  rangeTypeSideEffectsWhenClosePanel(inputValue, willUpdateDates) {
     if (this._isRangeType()) {
       this._adapter.setRangeInputFocus(false);
       /**
@@ -227,17 +223,36 @@ export default class DatePickerFoundation extends BaseFoundation {
 
 
       this.handleInputBlur(inputValue);
+      this.resetCachedSelectedValue(willUpdateDates);
+    }
+  }
+  /**
+   * clear input value when selected date is not confirmed
+   */
 
-      const {
-        value,
-        cachedSelectedValue
-      } = this._adapter.getStates();
 
-      const newCachedSelectedValue = _Array$isArray(dates) && dates.length ? dates : value;
+  needConfirmSideEffectsWhenClosePanel(willUpdateDates) {
+    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);
 
-      if (!_isEqual(newCachedSelectedValue, cachedSelectedValue)) {
-        this._adapter.updateCachedSelectedValue(newCachedSelectedValue);
-      }
+      this.resetCachedSelectedValue(willUpdateDates);
+    }
+  }
+
+  resetCachedSelectedValue(willUpdateDates) {
+    const {
+      value,
+      cachedSelectedValue
+    } = this._adapter.getStates();
+
+    const newCachedSelectedValue = _Array$isArray(willUpdateDates) ? willUpdateDates : value;
+
+    if (!_isEqual(newCachedSelectedValue, cachedSelectedValue)) {
+      this._adapter.updateCachedSelectedValue(newCachedSelectedValue);
     }
   }
   /**
@@ -256,7 +271,14 @@ export default class DatePickerFoundation extends BaseFoundation {
 
   closePanel(e) {
     let inputValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    let dates = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+    let dates = arguments.length > 2 ? arguments[2] : undefined;
+
+    const {
+      value,
+      cachedSelectedValue
+    } = this._adapter.getStates();
+
+    const willUpdateDates = isNullOrUndefined(dates) ? this._adapter.needConfirm() ? value : cachedSelectedValue : dates;
 
     if (!this._isControlledComponent('open')) {
       this._adapter.togglePanel(false);
@@ -265,7 +287,8 @@ export default class DatePickerFoundation extends BaseFoundation {
     } // range type picker, closing panel requires the following side effects
 
 
-    this.rangeTypeSideEffectsWhenClosePanel(inputValue, dates);
+    this.rangeTypeSideEffectsWhenClosePanel(inputValue, willUpdateDates);
+    this.needConfirmSideEffectsWhenClosePanel(willUpdateDates);
 
     this._adapter.notifyOpenChange(false);
 
@@ -327,7 +350,8 @@ export default class DatePickerFoundation extends BaseFoundation {
     if (parsedResult && parsedResult.length) {
       this._updateValueAndInput(parsedResult, input === '');
     } else if (input === '') {
-      this._updateValueAndInput('', true);
+      // if clear input, set input to `''`
+      this._updateValueAndInput('', true, '');
     } else {
       this._updateValueAndInput(stateValue);
     }
@@ -695,7 +719,7 @@ export default class DatePickerFoundation extends BaseFoundation {
 
     if (!this._someDateDisabled(changedDates)) {
       inputValue = this._isMultiple() ? this.formatMultipleDates(dates) : this.formatDates(dates);
-      const isRangeTypeAndInputIncomplete = this._isRangeType() && (isNullOrUndefined(dates[0]) || isNullOrUndefined(dates[1]));
+      const isRangeTypeAndInputIncomplete = this._isRangeType() && !this._isRangeValueComplete(dates);
       /**
        * If the input is incomplete when under control, the notifyChange is not triggered because
        * You need to update the value of the input box, otherwise there will be a problem that a date is selected but the input box does not show the date #1357

package/lib/es/datePicker/inputFoundation.js

@@ -40,6 +40,9 @@ export default class InputFoundation extends BaseFoundation {
   }
 
   handleRangeInputClear(e) {
+    // prevent trigger click outside
+    this.stopPropagation(e);
+
     this._adapter.notifyRangeInputClear(e);
   }
 

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

@@ -53,6 +53,7 @@ export interface MonthsGridFoundationProps extends MonthsGridElementProps {
     setRangeInputFocus?: (rangeInputFocus: 'rangeStart' | 'rangeEnd') => void;
     isAnotherPanelHasOpened?: (currentRangeInput: 'rangeStart' | 'rangeEnd') => boolean;
     focusRecordsRef?: any;
+    triggerRender?: (props: Record<string, any>) => any;
 }
 export interface MonthInfo {
     pickerDate: Date;
@@ -245,6 +246,6 @@ export default class MonthsGridFoundation extends BaseFoundation<MonthsGridAdapt
      *  - When yam open type is 'left' or 'right', weeks minHeight should be set
      *    If the minHeight is not set, the change of the number of weeks will cause the scrollList to be unstable
      */
-    getYAMOpenType(): "left" | "right" | "none" | "both";
+    getYAMOpenType(): "left" | "right" | "both" | "none";
 }
 export {};

package/lib/es/datePicker/monthsGridFoundation.js

@@ -1,3 +1,4 @@
+import _isFunction from "lodash/isFunction";
 import _isEqual from "lodash/isEqual";
 import _isSet from "lodash/isSet";
 import _includes from "lodash/includes";
@@ -704,13 +705,16 @@ export default class MonthsGridFoundation extends BaseFoundation {
       rangeStart,
       rangeEnd
     } = this.getStates();
+
     const {
       startDateOffset,
       endDateOffset,
       type,
       dateFnsLocale,
-      rangeInputFocus
-    } = this.getProps();
+      rangeInputFocus,
+      triggerRender
+    } = this._adapter.getProps();
+
     const {
       fullDate
     } = day;
@@ -791,9 +795,17 @@ export default class MonthsGridFoundation extends BaseFoundation {
           date = [start, end];
         }
       }
+      /**
+       * no need to check focus then
+       *  - dateRange and isDateRangeAndHasOffset
+       *  - dateRange and triggerRender
+       */
+
+
+      const needCheckFocusRecord = !(type === 'dateRange' && (isDateRangeAndHasOffset || _isFunction(triggerRender)));
 
       this._adapter.notifySelectedChange(date, {
-        needCheckFocusRecord: !(type === 'dateRange' && isDateRangeAndHasOffset)
+        needCheckFocusRecord
       });
     }
   }

package/lib/es/datePicker/rtl.scss

@@ -9,6 +9,18 @@ $module: #{$prefix}-datepicker;
             padding-right: 0;
             padding-left: $spacing-datepicker_footer-paddingRight;
             text-align: left;
+
+            .#{$prefix}-button {
+                &:first-of-type {
+                    margin-left: 0;
+                    margin-right: 0;
+                }
+                // confirm button
+                &:nth-of-type(2) {
+                    margin-right: $spacing-datepicker_footer_cancel_button-marginRight;
+                    margin-left: 0;
+                }
+            }
         }
 
         &-day {
@@ -66,7 +78,9 @@ $module: #{$prefix}-datepicker;
         &-yam {
             // rtl 对箭头进行翻转
             .#{$prefix}-icon-chevron_left,
-            .#{$prefix}-icon-chevron_right {
+            .#{$prefix}-icon-chevron_right,
+            .#{$prefix}-icon-double_chevron_left,
+            .#{$prefix}-icon-double_chevron_right {
                 transform: scaleX(-1);
             }
         }

package/lib/es/datePicker/variables.scss

@@ -33,6 +33,8 @@ $spacing-datepicker_scrolllist_body-padding: 0; // 时间选择滚动菜单内
 $spacing-datepicker_footer-paddingTop: 10px; // 确认选择 footer 顶部内边距
 $spacing-datepicker_footer-paddingBottom: 10px; // 确认选择 footer 底部内边距
 $spacing-datepicker_footer-paddingRight: 8px; // 确认选择 footer 右侧内边距
+$spacing-datepicker_footer_cancel_button-marginRight: 12px; // 确认选择 footer 取消按钮右外边距
+$spacing-datepicker_footer_confirm_button-marginRight: 8px; // 确认选择 footer 确认按钮右外边距
 $spacing-datepicker_navigation-paddingY: $spacing-base-tight; // 年月切换 header 垂直内边距
 $spacing-datepicker_navigation-paddingX: $spacing-base; // 年月切换 header 水平内边距
 $spacing-datepicker_month-padding: $spacing-base; 

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

@@ -19,6 +19,19 @@ export default class FormFoundation extends BaseFoundation<BaseFormAdapter> {
     _formValidate(): Promise<unknown>;
     _fieldsValidate(fieldPaths: Array<string>): Promise<unknown>;
     submit(): void;
+    /**
+     * Case A：
+     *      All fields: a[0]、a[1]、b.type、b.name[2]、b.name[0]
+     *      input => output:
+     *           a  => a[0]、a[1]
+     *           b  => b.type、b.name[0]、b.name[2]
+     *
+     * Case B：
+     *      All fields: activity.a[0]、activity.a[1]、activity.c、activity.d、other
+     *      input => output:
+     *           activity.a => activity.a[0]、activity.a[1]
+     *
+     */
     _getNestedField(path: string): Map<string, FieldStaff>;
     _getOperateFieldMap(fieldPaths?: Array<string>): Map<string, FieldStaff>;
     reset(fieldPaths?: Array<string>): void;

package/lib/es/form/foundation.js

@@ -8,6 +8,7 @@ import _valuesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _everyInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/every";
 import _keysInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/keys";
 import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
 
@@ -285,10 +286,20 @@ export default class FormFoundation extends BaseFoundation {
 
       this._adapter.notifySubmitFail(_errors, _values);
     });
-  } // All fields: a[0]、a[1]、b.type、b.name[2]、b.name[0]
-  // input => output:
-  //      a  => a[0]、a[1]
-  //      b  => b.type、b.name[3]、b.name[2]
+  }
+  /**
+   * Case A：
+   *      All fields: a[0]、a[1]、b.type、b.name[2]、b.name[0]
+   *      input => output:
+   *           a  => a[0]、a[1]
+   *           b  => b.type、b.name[0]、b.name[2]
+   *
+   * Case B：
+   *      All fields: activity.a[0]、activity.a[1]、activity.c、activity.d、other
+   *      input => output:
+   *           activity.a => activity.a[0]、activity.a[1]
+   *
+   */
 
 
   _getNestedField(path) {
@@ -305,7 +316,7 @@ export default class FormFoundation extends BaseFoundation {
 
       let targetPath = _toPath(path);
 
-      if (itemPath[0] === targetPath[0]) {
+      if (_everyInstanceProperty(targetPath).call(targetPath, (path, i) => targetPath[i] === itemPath[i])) {
         const realField = allRegisterField.get(item);
         nestedFieldPath.set(item, realField);
       }
@@ -583,7 +594,11 @@ export default class FormFoundation extends BaseFoundation {
           _forEachInstanceProperty(nestedFields).call(nestedFields, fieldStaff => {
             let fieldPath = fieldStaff.field;
             let newFieldVal = ObjectUtil.get(_valuesInstanceProperty(this.data), fieldPath);
-            fieldStaff.fieldApi.setValue(newFieldVal, opts);
+            let nestedBatchUpdateOpts = {
+              notNotify: true,
+              notUpdate: true
+            };
+            fieldStaff.fieldApi.setValue(newFieldVal, nestedBatchUpdateOpts);
           });
         } // If the reset happens to be, then update the updateKey corresponding to ArrayField to render it again
 
@@ -612,7 +627,11 @@ export default class FormFoundation extends BaseFoundation {
           _forEachInstanceProperty(nestedFields).call(nestedFields, fieldStaff => {
             let fieldPath = fieldStaff.field;
             let newFieldError = ObjectUtil.get(this.data.errors, fieldPath);
-            fieldStaff.fieldApi.setError(newFieldError, opts);
+            let nestedBatchUpdateOpts = {
+              notNotify: true,
+              notUpdate: true
+            };
+            fieldStaff.fieldApi.setError(newFieldError, nestedBatchUpdateOpts);
           });
         }
 
@@ -638,7 +657,11 @@ export default class FormFoundation extends BaseFoundation {
           _forEachInstanceProperty(nestedFields).call(nestedFields, fieldStaff => {
             let fieldPath = fieldStaff.field;
             let newFieldTouch = ObjectUtil.get(this.data.touched, fieldPath);
-            fieldStaff.fieldApi.setTouched(newFieldTouch, opts);
+            let nestedBatchUpdateOpts = {
+              notNotify: true,
+              notUpdate: true
+            };
+            fieldStaff.fieldApi.setTouched(newFieldTouch, nestedBatchUpdateOpts);
           });
         }
 

package/lib/es/form/utils.d.ts

@@ -49,4 +49,5 @@ export declare function mergeProps(props: any): {
     extraTextPosition: any;
     pure: any;
     rest: any;
+    id: any;
 };

package/lib/es/form/utils.js

@@ -156,9 +156,10 @@ export function mergeProps(props) {
     helpText,
     extraText,
     extraTextPosition,
-    pure
+    pure,
+    id
   } = _a,
-      rest = __rest(_a, ["field", "label", "labelPosition", "labelWidth", "labelAlign", "labelCol", "wrapperCol", "initValue", "validate", "validateStatus", "trigger", "allowEmptyString", "allowEmpty", "emptyValue", "rules", "onChange", "keepState", "transform", "name", "fieldClassName", "fieldStyle", "noLabel", "noErrorMessage", "isInInputGroup", "stopValidateWithError", "convert", "showValidateIcon", "helpText", "extraText", "extraTextPosition", "pure"]); // Form中的任何类型组件，初始值都统一通过initValue字段来传入，同时将可能会导致组件行为错误的props抽取出来，防止透传到组件中
+      rest = __rest(_a, ["field", "label", "labelPosition", "labelWidth", "labelAlign", "labelCol", "wrapperCol", "initValue", "validate", "validateStatus", "trigger", "allowEmptyString", "allowEmpty", "emptyValue", "rules", "onChange", "keepState", "transform", "name", "fieldClassName", "fieldStyle", "noLabel", "noErrorMessage", "isInInputGroup", "stopValidateWithError", "convert", "showValidateIcon", "helpText", "extraText", "extraTextPosition", "pure", "id"]); // Form中的任何类型组件，初始值都统一通过initValue字段来传入，同时将可能会导致组件行为错误的props抽取出来，防止透传到组件中
   // For any type of field component in Form, the initial value is uniformly passed in through the initValue field.
   // At the same time, the props that may cause component behavior errors are extracted to prevent transparent transmission to the component.
 
@@ -206,7 +207,8 @@ export function mergeProps(props) {
     extraText,
     extraTextPosition,
     pure,
-    rest
+    rest,
+    id
   };
 }
 

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

@@ -75,5 +75,13 @@ declare class InputFoundation extends BaseFoundation<InputAdapter> {
      * @param {Event} e
      */
     handlePreventMouseDown(e: any): void;
+    /**
+     * A11y: simulate clear button click
+     */
+    handleClearEnterPress(e: any): void;
+    /**
+     * A11y: simulate password button click
+     */
+    handleModeEnterPress(e: any): void;
 }
 export default InputFoundation;

package/lib/es/input/foundation.js

@@ -7,7 +7,8 @@ import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign"
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import BaseFoundation from '../base/foundation';
 import { strings } from './constants';
-const ENTER_KEY_CODE = 'Enter';
+import isEnterPress from '../utils/isEnterPress';
+import { ENTER_KEY } from './../utils/keyCode';
 
 class InputFoundation extends BaseFoundation {
   constructor(adapter) {
@@ -303,7 +304,7 @@ class InputFoundation extends BaseFoundation {
   handleKeyPress(e) {
     this._adapter.notifyKeyPress(e);
 
-    if (e.key === ENTER_KEY_CODE) {
+    if (e.key === ENTER_KEY) {
       this._adapter.notifyEnterPress(e);
     }
   }
@@ -352,6 +353,26 @@ class InputFoundation extends BaseFoundation {
       e.preventDefault();
     }
   }
+  /**
+   * A11y: simulate clear button click
+   */
+
+
+  handleClearEnterPress(e) {
+    if (isEnterPress(e)) {
+      this.handleClear(e);
+    }
+  }
+  /**
+   * A11y: simulate password button click
+   */
+
+
+  handleModeEnterPress(e) {
+    if (isEnterPress(e)) {
+      this.handleClickEye(e);
+    }
+  }
 
 }
 

package/lib/es/input/textareaFoundation.d.ts

@@ -55,9 +55,13 @@ export default class TextAreaFoundation extends BaseFoundation<TextAreaAdpter> {
     handleFocus(e: any): void;
     handleBlur(e: any): void;
     handleKeyDown(e: any): void;
-    resizeTextarea: (cb: any) => void;
+    resizeTextarea: (cb?: any) => void;
     handleMouseEnter(e: any): void;
     handleMouseLeave(e: any): void;
     isAllowClear(): boolean;
     handleClear(e: any): void;
+    /**
+     * A11y: simulate clear button click
+     */
+    handleClearEnterPress(e: any): void;
 }

package/lib/es/input/textareaFoundation.js

@@ -7,6 +7,7 @@ import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instan
 import BaseFoundation from '../base/foundation';
 import calculateNodeHeight from './util/calculateNodeHeight';
 import getSizingData from './util/getSizingData';
+import isEnterPress from '../utils/isEnterPress';
 export default class TextAreaFoundation extends BaseFoundation {
   constructor(adapter) {
     super(_Object$assign(_Object$assign({}, TextAreaFoundation.textAreaDefaultAdapter), adapter));
@@ -272,5 +273,15 @@ export default class TextAreaFoundation extends BaseFoundation {
 
     this.stopPropagation(e);
   }
+  /**
+   * A11y: simulate clear button click
+   */
+
+
+  handleClearEnterPress(e) {
+    if (isEnterPress(e)) {
+      this.handleClear(e);
+    }
+  }
 
 }

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

@@ -63,11 +63,11 @@ declare class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
     _adjustPrec(num: string | number): string;
     /**
      * format number to string
-     * @param {number} value
+     * @param {string|number} value
      * @param {boolean} needAdjustPrec
      * @returns {string}
      */
-    doFormat(value?: number, needAdjustPrec?: boolean): string;
+    doFormat(value?: string | number, needAdjustPrec?: boolean): string;
     /**
      *
      * @param {number} current

package/lib/es/inputNumber/foundation.js

@@ -116,6 +116,8 @@ class InputNumberFoundation extends BaseFoundation {
 
     this._adapter.setFocusing(true, null);
 
+    this._adapter.setClickUpOrDown(false);
+
     this._adapter.notifyFocus(e);
   }
   /**
@@ -454,7 +456,7 @@ class InputNumberFoundation extends BaseFoundation {
   }
   /**
    * format number to string
-   * @param {number} value
+   * @param {string|number} value
    * @param {boolean} needAdjustPrec
    * @returns {string}
    */

package/lib/es/modal/modalContentFoundation.d.ts

@@ -10,6 +10,7 @@ export interface ModalContentProps extends ModalProps {
 }
 export interface ModalContentState {
     dialogMouseDown: boolean;
+    prevFocusElement: HTMLElement;
 }
 export interface ModalContentAdapter extends DefaultAdapter<ModalContentProps, ModalContentState> {
     notifyClose: (e: any) => void;
@@ -18,6 +19,9 @@ export interface ModalContentAdapter extends DefaultAdapter<ModalContentProps, M
     addKeyDownEventListener: () => void;
     removeKeyDownEventListener: () => void;
     getMouseState: () => boolean;
+    modalDialogFocus: () => void;
+    modalDialogBlur: () => void;
+    prevFocusElementReFocus: () => void;
 }
 export default class ModalContentFoundation extends BaseFoundation<ModalContentAdapter> {
     constructor(adapter: ModalContentAdapter);
@@ -30,4 +34,7 @@ export default class ModalContentFoundation extends BaseFoundation<ModalContentA
     getMouseState(): void;
     handleMaskClick(e: any): void;
     close(e: any): void;
+    modalDialogFocus(): void;
+    modalDialogBlur(): void;
+    prevFocusElementReFocus(): void;
 }

package/lib/es/modal/modalContentFoundation.js

@@ -8,6 +8,8 @@ export default class ModalContentFoundation extends BaseFoundation {
 
   destroy() {
     this.handleKeyDownEventListenerUnmount();
+    this.modalDialogBlur();
+    this.prevFocusElementReFocus();
   }
 
   handleDialogMouseDown() {
@@ -56,4 +58,16 @@ export default class ModalContentFoundation extends BaseFoundation {
     this._adapter.notifyClose(e);
   }
 
+  modalDialogFocus() {
+    this._adapter.modalDialogFocus();
+  }
+
+  modalDialogBlur() {
+    this._adapter.modalDialogBlur();
+  }
+
+  prevFocusElementReFocus() {
+    this._adapter.prevFocusElementReFocus();
+  }
+
 }