@douyinfe/semi-ui 2.10.2 → 2.11.0

package/dist/umd/semi-ui.js

@@ -26133,6 +26133,9 @@ class foundation_Tooltip extends foundation {
   }
 
   init() {
+    const {
+      wrapperId
+    } = this.getProps();
     this._mounted = true;
 
     this._bindEvent();
@@ -26140,6 +26143,10 @@ class foundation_Tooltip extends foundation {
     this._shouldShow();
 
     this._initContainerPosition();
+
+    if (!wrapperId) {
+      this._adapter.setId();
+    }
   }
 
   destroy() {
@@ -29356,7 +29363,7 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
       placement: props.position || 'top',
       transitionStyle: {},
       isPositionUpdated: false,
-      id: getUuidShort() // auto generate id, will be used by children.aria-describedby & content.id, improve a11y
+      id: props.wrapperId // auto generate id, will be used by children.aria-describedby & content.id, improve a11y
 
     };
     this.foundation = new foundation_Tooltip(this.adapter);
@@ -29625,6 +29632,11 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
       },
       notifyEscKeydown: event => {
         this.props.onEscKeyDown(event);
+      },
+      setId: () => {
+        this.setState({
+          id: getUuidShort()
+        });
       }
     });
   }
@@ -36623,7 +36635,7 @@ class autoComplete_AutoComplete extends baseComponent_BaseComponent {
     this.triggerRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.optionsRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.clickOutsideHandler = null;
-    Object(warning["a" /* default */])('triggerRender' in this.props && typeof this.props.triggerRender === 'function', "[Semi AutoComplete] \n            - If you are using the following props: 'suffix', 'prefix', 'showClear', 'validateStatus', and 'size', \n            please notice that they will be removed in the next major version.\n            Please use 'componentProps' to retrieve these props instead.\n            - If you are using 'onBlur', 'onFocus', please try to avoid using them and look for changes in the future.");
+    Object(warning["a" /* default */])('triggerRender' in this.props && typeof this.props.triggerRender === 'function', "[Semi AutoComplete]\n            - If you are using the following props: 'suffix', 'prefix', 'showClear', 'validateStatus', and 'size',\n            please notice that they will be removed in the next major version.\n            Please use 'componentProps' to retrieve these props instead.\n            - If you are using 'onBlur', 'onFocus', please try to avoid using them and look for changes in the future.");
   }
 
   get adapter() {
@@ -48234,10 +48246,24 @@ const checkbox_constants_numbers = {};
 class checkboxFoundation_CheckboxFoundation extends foundation {
   constructor(adapter) {
     super(assign_default()({}, adapter));
-  } // eslint-disable-next-line @typescript-eslint/no-empty-function
+  }
 
+  init() {
+    const {
+      children,
+      extra,
+      extraId,
+      addonId
+    } = this.getProps();
 
-  init() {}
+    if (children && !addonId) {
+      this._adapter.setAddonId();
+    }
+
+    if (extra && !extraId) {
+      this._adapter.setExtraId();
+    }
+  }
 
   getEvent(checked, e) {
     const props = this.getProps();
@@ -48459,15 +48485,11 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
 
     const checked = false;
     this.state = {
-      checked: props.checked || props.defaultChecked || checked
+      checked: props.checked || props.defaultChecked || checked,
+      addonId: props.addonId,
+      extraId: props.extraId
     };
     this.checkboxEntity = null;
-    this.addonId = getUuidShort({
-      prefix: 'addon'
-    });
-    this.extraId = getUuidShort({
-      prefix: 'extra'
-    });
     this.foundation = new checkboxFoundation(this.adapter);
   }
 
@@ -48489,7 +48511,21 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
       notifyGroupChange: cbContent => {
         this.context.checkboxGroup.onChange(cbContent);
       },
-      getGroupDisabled: () => this.context && this.context.checkboxGroup.disabled
+      getGroupDisabled: () => this.context && this.context.checkboxGroup.disabled,
+      setAddonId: () => {
+        this.setState({
+          addonId: getUuidShort({
+            prefix: 'addon'
+          })
+        });
+      },
+      setExtraId: () => {
+        this.setState({
+          extraId: getUuidShort({
+            prefix: 'extra'
+          })
+        });
+      }
     });
   }
 
@@ -48532,7 +48568,9 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
       id
     } = this.props;
     const {
-      checked
+      checked,
+      addonId,
+      extraId
     } = this.state;
     const props = {
       checked,
@@ -48580,10 +48618,10 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
     });
 
     const renderContent = () => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, children ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-      id: this.addonId,
+      id: addonId,
       className: "".concat(prefix, "-addon")
     }, children) : null, extra ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      id: this.extraId,
+      id: extraId,
       className: extraCls
     }, extra) : null);
 
@@ -56142,6 +56180,27 @@ function compatibleParse(value, formatToken, baseDate, locale) {
 
   return result;
 }
+/**
+ * whether value can be parsed with date-fns `parse`
+ *
+ * @example
+ * isValueParseValid({ value: '2021-01-01', formatToken: 'yyyy-MM-dd' }); // true
+ * isValueParseValid({ value: '2021-01-0', formatToken: 'yyyy-MM-dd' }); // false
+ * isValueParseValid({ value: '2021-01', formatToken: 'yyyy-MM-dd' }); // false
+ */
+
+function isValueParseValid(options) {
+  const {
+    value,
+    locale,
+    formatToken
+  } = options;
+  const baseDate = options.baseDate || new Date();
+  const result = parse(value, formatToken, baseDate, {
+    locale
+  });
+  return isValid(result);
+}
 // CONCATENATED MODULE: ../semi-foundation/datePicker/_utils/getDefaultFormatToken.ts
 
 const defaultFormatTokens = {
@@ -56294,6 +56353,7 @@ function getInsetInputValueFromInsetInputStr(options) {
 
 
 
+
 /* eslint-disable no-nested-ternary */
 
 /* eslint-disable max-len, max-depth,  */
@@ -56412,9 +56472,7 @@ class foundation_DatePickerFoundation extends foundation {
 
     this._adapter.updateValue(result);
 
-    if (this._adapter.needConfirm()) {
-      this._adapter.updateCachedSelectedValue(result);
-    }
+    this.resetCachedSelectedValue(result);
   }
 
   parseWithTimezone(value, timeZone, prevTimeZone) {
@@ -56555,6 +56613,10 @@ class foundation_DatePickerFoundation extends foundation {
       this._adapter.updateInsetInputValue(null);
     }
   }
+  /**
+   * call it when change state value or input value
+   */
+
 
   resetCachedSelectedValue(willUpdateDates) {
     const {
@@ -56587,11 +56649,10 @@ class foundation_DatePickerFoundation extends foundation {
     let dates = arguments.length > 2 ? arguments[2] : undefined;
 
     const {
-      value,
-      cachedSelectedValue
+      value
     } = this._adapter.getStates();
 
-    const willUpdateDates = isNullOrUndefined(dates) ? this._adapter.needConfirm() ? value : cachedSelectedValue : dates;
+    const willUpdateDates = isNullOrUndefined(dates) ? value : dates;
 
     if (!this._isControlledComponent('open')) {
       this._adapter.togglePanel(false);
@@ -56620,7 +56681,10 @@ class foundation_DatePickerFoundation extends foundation {
     const result = this._isMultiple() ? this.parseMultipleInput(input) : this.parseInput(input);
     const {
       value: stateValue
-    } = this.getStates(); // Enter a valid date or empty
+    } = this.getStates();
+
+    this._updateCachedSelectedValueFromInput(input); // Enter a valid date or empty
+
 
     if (result && result.length || input === '') {
       // If you click the clear button
@@ -56636,10 +56700,6 @@ class foundation_DatePickerFoundation extends foundation {
       const changedDates = this._getChangedDates(result);
 
       if (!this._someDateDisabled(changedDates)) {
-        if (this._adapter.needConfirm()) {
-          this._adapter.updateCachedSelectedValue(result);
-        }
-
         if (!isEqual_default()(result, stateValue)) {
           this._notifyChange(result);
         }
@@ -56670,16 +56730,14 @@ class foundation_DatePickerFoundation extends foundation {
       value: stateValue
     } = this.getStates();
 
+    this._updateCachedSelectedValueFromInput(insetInputStr);
+
     if (result && result.length) {
       const changedDates = this._getChangedDates(result);
 
       if (!this._someDateDisabled(changedDates)) {
-        if (this._adapter.needConfirm()) {
-          this._adapter.updateCachedSelectedValue(result);
-        }
-
         if (!isEqual_default()(result, stateValue)) {
-          if (!this._isControlledComponent()) {
+          if (!this._isControlledComponent() && !this._adapter.needConfirm()) {
             this._adapter.updateValue(result);
           }
 
@@ -56694,6 +56752,20 @@ class foundation_DatePickerFoundation extends foundation {
 
     this._adapter.updateInsetInputValue(insetInputValue);
   }
+  /**
+   * when input change we reset cached selected value
+   */
+
+
+  _updateCachedSelectedValueFromInput(input) {
+    const looseResult = this.getLooseDateFromInput(input);
+
+    const changedLooseResult = this._getChangedDates(looseResult);
+
+    if (!this._someDateDisabled(changedLooseResult)) {
+      this.resetCachedSelectedValue(looseResult);
+    }
+  }
   /**
    * Input box blur
    * @param {String} input
@@ -56715,6 +56787,20 @@ class foundation_DatePickerFoundation extends foundation {
     } else {
       this._updateValueAndInput(stateValue);
     }
+    /**
+     * 当不是范围类型且不需要确认时，使用 stateValue 重置 cachedSelectedValue
+     * 这样做的目的是，在输入非法值时，使用上次选中的值作为已选值
+     * needConfirm 或者 range type 时，我们在 close panel 时调用 resetCachedSelectedValue，这里不用重复调用
+     *
+     * Use stateValue to reset cachedSelectedValue when it is not a range type and does not require confirmation
+     * The purpose of this is to use the last selected value as the selected value when an invalid value is entered
+     * When needConfirm or range type, we call resetCachedSelectedValue when close panel, no need to call repeatedly here
+     */
+
+
+    if (!this._adapter.needConfirm() && !this._isRangeType()) {
+      this.resetCachedSelectedValue(stateValue);
+    }
   }
   /**
    * called when range type rangeEnd input tab press
@@ -56771,9 +56857,7 @@ class foundation_DatePickerFoundation extends foundation {
     if (!this._isControlledComponent('value')) {
       this._updateValueAndInput(value, true, inputValue);
 
-      if (this._adapter.needConfirm()) {
-        this._adapter.updateCachedSelectedValue(value);
-      }
+      this.resetCachedSelectedValue(value);
     }
 
     this._notifyChange(value);
@@ -56877,6 +56961,138 @@ class foundation_DatePickerFoundation extends foundation {
 
     return result;
   }
+  /**
+   * get date which may include null from input
+   */
+
+
+  getLooseDateFromInput(input) {
+    const value = this._isMultiple() ? this.parseMultipleInputLoose(input) : this.parseInputLoose(input);
+    return value;
+  }
+  /**
+   * parse input into `Array<Date|null>`, loose means return value includes `null`
+   *
+   * @example
+   * ```javascript
+   * parseInputLoose('2022-03-15 ~ '); // [Date, null]
+   * parseInputLoose(' ~ 2022-03-15 '); // [null, Date]
+   * parseInputLoose(''); // []
+   * parseInputLoose('2022-03- ~ 2022-0'); // [null, null]
+   * ```
+   */
+
+
+  parseInputLoose() {
+    let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    let result = [];
+    const {
+      dateFnsLocale,
+      rangeSeparator,
+      type,
+      format
+    } = this.getProps();
+
+    if (input && input.length) {
+      const formatToken = format || getDefaultFormatTokenByType(type);
+      let parsedResult, formatedInput;
+      const nowDate = new Date();
+
+      switch (type) {
+        case 'date':
+        case 'dateTime':
+        case 'month':
+          const _parsedResult = compatibleParse(input, formatToken, nowDate, dateFnsLocale);
+
+          if (isValidDate(_parsedResult)) {
+            formatedInput = this.localeFormat(_parsedResult, formatToken);
+
+            if (formatedInput === input) {
+              parsedResult = _parsedResult;
+            }
+          } else {
+            parsedResult = null;
+          }
+
+          result = [parsedResult];
+          break;
+
+        case 'dateRange':
+        case 'dateTimeRange':
+          const separator = rangeSeparator;
+          const values = input.split(separator);
+          parsedResult = values && reduce_default()(values).call(values, (arr, cur) => {
+            let parsedVal = null;
+
+            const _parsedResult = compatibleParse(cur, formatToken, nowDate, dateFnsLocale);
+
+            if (isValidDate(_parsedResult)) {
+              formatedInput = this.localeFormat(_parsedResult, formatToken);
+
+              if (formatedInput === cur) {
+                parsedVal = _parsedResult;
+              }
+            }
+
+            arr.push(parsedVal);
+            return arr;
+          }, []);
+
+          if (is_array_default()(parsedResult) && every_default()(parsedResult).call(parsedResult, item => isValid(item))) {
+            sort_default()(parsedResult).call(parsedResult, (d1, d2) => d1.getTime() - d2.getTime());
+          }
+
+          result = parsedResult;
+          break;
+
+        default:
+          break;
+      }
+    }
+
+    return result;
+  }
+  /**
+   * parse multiple into `Array<Date|null>`, loose means return value includes `null`
+   *
+   * @example
+   * ```javascript
+   * parseMultipleInputLoose('2021-01-01,2021-10-15'); // [Date, Date];
+   * parseMultipleInputLoose('2021-01-01,2021-10-'); // [Date, null];
+   * parseMultipleInputLoose(''); // [];
+   * ```
+   */
+
+
+  parseMultipleInputLoose() {
+    let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    let separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : datePicker_constants_strings.DEFAULT_SEPARATOR_MULTIPLE;
+    let needDedupe = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    const max = this.getProp('max');
+    const inputArr = input.split(separator);
+    const result = [];
+
+    for (const curInput of inputArr) {
+      let tmpParsed = curInput && this.parseInputLoose(curInput);
+      tmpParsed = is_array_default()(tmpParsed) ? tmpParsed : tmpParsed && [tmpParsed];
+
+      if (tmpParsed && tmpParsed.length) {
+        if (needDedupe) {
+          !filter_default()(result).call(result, r => Boolean(find_default()(tmpParsed).call(tmpParsed, tp => isSameSecond(r, tp)))) && result.push(...tmpParsed);
+        } else {
+          result.push(...tmpParsed);
+        }
+      } else {
+        return [];
+      }
+
+      if (max && max > 0 && result.length > max) {
+        return [];
+      }
+    }
+
+    return result;
+  }
   /**
    * Parses the input when multiple is true, if valid,
    *  returns a list of time objects, otherwise returns an array
@@ -57076,10 +57292,6 @@ class foundation_DatePickerFoundation extends foundation {
 
     const needCheckFocusRecord = get_default()(options, 'needCheckFocusRecord', true);
 
-    if (this._adapter.needConfirm()) {
-      this._adapter.updateCachedSelectedValue(value);
-    }
-
     const dates = is_array_default()(value) ? [...value] : value ? [value] : [];
 
     const changedDates = this._getChangedDates(dates);
@@ -57087,6 +57299,7 @@ class foundation_DatePickerFoundation extends foundation {
     let inputValue, insetInputValue;
 
     if (!this._someDateDisabled(changedDates)) {
+      this.resetCachedSelectedValue(dates);
       inputValue = this._isMultiple() ? this.formatMultipleDates(dates) : this.formatDates(dates);
 
       if (insetInput) {
@@ -57623,6 +57836,134 @@ function formatDateValues(values, formatToken) {
 
   return text;
 }
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/date-fns/esm/addMonths/index.js
+
+
+
+/**
+ * @name addMonths
+ * @category Month Helpers
+ * @summary Add the specified number of months to the given date.
+ *
+ * @description
+ * Add the specified number of months to the given date.
+ *
+ * ### v2.0.0 breaking changes:
+ *
+ * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+ *
+ * @param {Date|Number} date - the date to be changed
+ * @param {Number} amount - the amount of months to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
+ * @returns {Date} the new date with the months added
+ * @throws {TypeError} 2 arguments required
+ *
+ * @example
+ * // Add 5 months to 1 September 2014:
+ * const result = addMonths(new Date(2014, 8, 1), 5)
+ * //=> Sun Feb 01 2015 00:00:00
+ */
+
+function addMonths(dirtyDate, dirtyAmount) {
+  requiredArgs(2, arguments);
+  var date = toDate(dirtyDate);
+  var amount = toInteger(dirtyAmount);
+
+  if (isNaN(amount)) {
+    return new Date(NaN);
+  }
+
+  if (!amount) {
+    // If 0 months, no-op to avoid changing times in the hour before end of DST
+    return date;
+  }
+
+  var dayOfMonth = date.getDate(); // The JS Date object supports date math by accepting out-of-bounds values for
+  // month, day, etc. For example, new Date(2020, 0, 0) returns 31 Dec 2019 and
+  // new Date(2020, 13, 1) returns 1 Feb 2021.  This is *almost* the behavior we
+  // want except that dates will wrap around the end of a month, meaning that
+  // new Date(2020, 13, 31) will return 3 Mar 2021 not 28 Feb 2021 as desired. So
+  // we'll default to the end of the desired month by adding 1 to the desired
+  // month and using a date of 0 to back up one day to the end of the desired
+  // month.
+
+  var endOfDesiredMonth = new Date(date.getTime());
+  endOfDesiredMonth.setMonth(date.getMonth() + amount + 1, 0);
+  var daysInMonth = endOfDesiredMonth.getDate();
+
+  if (dayOfMonth >= daysInMonth) {
+    // If we're already at the end of the month, then this is the correct date
+    // and we're done.
+    return endOfDesiredMonth;
+  } else {
+    // Otherwise, we now know that setting the original day-of-month value won't
+    // cause an overflow, so set the desired day-of-month. Note that we can't
+    // just set the date of `endOfDesiredMonth` because that object may have had
+    // its time changed in the unusual case where where a DST transition was on
+    // the last day of the month and its local time was in the hour skipped or
+    // repeated next to a DST transition.  So we use `date` instead which is
+    // guaranteed to still have the original time.
+    date.setFullYear(endOfDesiredMonth.getFullYear(), endOfDesiredMonth.getMonth(), dayOfMonth);
+    return date;
+  }
+}
+// CONCATENATED MODULE: ../semi-foundation/datePicker/_utils/getDefaultPickerDate.ts
+
+
+
+
+
+/**
+ * get left panel picker date and right panel picker date
+ */
+
+function getDefaultPickerDate(options) {
+  const {
+    defaultPickerValue,
+    format,
+    dateFnsLocale
+  } = options;
+  let nowDate = is_array_default()(defaultPickerValue) ? defaultPickerValue[0] : defaultPickerValue;
+  let nextDate = is_array_default()(defaultPickerValue) ? defaultPickerValue[1] : undefined;
+
+  switch (true) {
+    case isValidDate(nowDate):
+      break;
+
+    case isTimestamp(nowDate):
+      nowDate = new Date(nowDate);
+      break;
+
+    case typeof nowDate === 'string':
+      nowDate = compatibleParse(nowDate, format, undefined, dateFnsLocale);
+      break;
+
+    default:
+      nowDate = new Date();
+      break;
+  }
+
+  switch (true) {
+    case isValidDate(nextDate):
+      break;
+
+    case isTimestamp(nextDate):
+      nextDate = new Date(nextDate);
+      break;
+
+    case typeof nextDate === 'string':
+      nextDate = compatibleParse(nextDate, format, undefined, dateFnsLocale);
+      break;
+
+    default:
+      nextDate = addMonths(nowDate, 1);
+      break;
+  }
+
+  return {
+    nowDate: nowDate,
+    nextDate: nextDate
+  };
+}
 // CONCATENATED MODULE: ../semi-foundation/datePicker/inputFoundation.ts
 
 
@@ -57634,6 +57975,13 @@ function formatDateValues(values, formatToken) {
 
 
 
+
+
+
+
+
+
+
 const KEY_CODE_ENTER = 'Enter';
 const KEY_CODE_TAB = 'Tab';
 class inputFoundation_InputFoundation extends foundation {
@@ -57754,8 +58102,13 @@ class inputFoundation_InputFoundation extends foundation {
       format
     });
 
-    const newInsetInputValue = lodash_set_default()(cloneDeep_default()(insetInputValue), valuePath, value);
+    let newInsetInputValue = lodash_set_default()(cloneDeep_default()(insetInputValue), valuePath, value);
 
+    newInsetInputValue = this._autoFillTimeToInsetInputValue({
+      insetInputValue: newInsetInputValue,
+      valuePath,
+      format: insetFormatToken
+    });
     const newInputValue = this.concatInsetInputValue({
       insetInputValue: newInsetInputValue
     });
@@ -57766,6 +58119,74 @@ class inputFoundation_InputFoundation extends foundation {
       insetInputStr: newInputValue
     });
   }
+
+  _autoFillTimeToInsetInputValue(options) {
+    const {
+      valuePath,
+      insetInputValue,
+      format
+    } = options;
+
+    const {
+      type,
+      defaultPickerValue,
+      dateFnsLocale
+    } = this._adapter.getProps();
+
+    const insetInputValueWithTime = cloneDeep_default()(insetInputValue);
+
+    const {
+      nowDate,
+      nextDate
+    } = getDefaultPickerDate({
+      defaultPickerValue,
+      format,
+      dateFnsLocale
+    });
+
+    if (includes_default()(type).call(type, 'Time')) {
+      let timeStr = '';
+
+      const dateFormatToken = get_default()(format.split(' '), '0', datePicker_constants_strings.FORMAT_FULL_DATE);
+
+      const timeFormatToken = get_default()(format.split(' '), '1', datePicker_constants_strings.FORMAT_TIME_PICKER);
+
+      switch (valuePath) {
+        case 'monthLeft.dateInput':
+          const dateLeftStr = insetInputValueWithTime.monthLeft.dateInput;
+
+          if (!insetInputValueWithTime.monthLeft.timeInput && dateLeftStr.length === dateFormatToken.length) {
+            const dateLeftParsed = compatibleParse(insetInputValueWithTime.monthLeft.dateInput, dateFormatToken);
+
+            if (isValidDate(dateLeftParsed)) {
+              timeStr = format_format(nowDate, timeFormatToken);
+              insetInputValueWithTime.monthLeft.timeInput = timeStr;
+            }
+          }
+
+          break;
+
+        case 'monthRight.dateInput':
+          const dateRightStr = insetInputValueWithTime.monthRight.dateInput;
+
+          if (!insetInputValueWithTime.monthRight.timeInput && dateRightStr.length === dateFormatToken.length) {
+            const dateRightParsed = compatibleParse(dateRightStr, dateFormatToken);
+
+            if (isValidDate(dateRightParsed)) {
+              timeStr = format_format(nextDate, timeFormatToken);
+              insetInputValueWithTime.monthRight.timeInput = timeStr;
+            }
+          }
+
+          break;
+
+        default:
+          break;
+      }
+    }
+
+    return insetInputValueWithTime;
+  }
   /**
    * 只有传入的 format 符合 formatReg 时，才会使用用户传入的 format
    * 否则会使用默认的 format 作为 placeholder
@@ -58361,9 +58782,10 @@ class dateInput_DateInput extends baseComponent_BaseComponent {
       rangeInputFocus,
       rangeSeparator,
       insetInput,
-      insetInputValue
+      insetInputValue,
+      defaultPickerValue
     } = _a,
-          rest = dateInput_rest(_a, ["placeholder", "type", "value", "inputValue", "inputStyle", "disabled", "showClear", "inputReadOnly", "insetLabel", "validateStatus", "block", "prefixCls", "multiple", "dateFnsLocale", "onBlur", "onClear", "onFocus", "prefix", "autofocus", "size", "rangeInputStartRef", "rangeInputEndRef", "onRangeClear", "onRangeBlur", "onRangeEndTabPress", "rangeInputFocus", "rangeSeparator", "insetInput", "insetInputValue"]);
+          rest = dateInput_rest(_a, ["placeholder", "type", "value", "inputValue", "inputStyle", "disabled", "showClear", "inputReadOnly", "insetLabel", "validateStatus", "block", "prefixCls", "multiple", "dateFnsLocale", "onBlur", "onClear", "onFocus", "prefix", "autofocus", "size", "rangeInputStartRef", "rangeInputEndRef", "onRangeClear", "onRangeBlur", "onRangeEndTabPress", "rangeInputFocus", "rangeSeparator", "insetInput", "insetInputValue", "defaultPickerValue"]);
 
     const dateIcon = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconCalendar, {
       "aria-hidden": true
@@ -58447,7 +58869,8 @@ dateInput_DateInput.propTypes = {
   rangeInputEndRef: prop_types_default.a.object,
   rangeSeparator: prop_types_default.a.string,
   insetInput: prop_types_default.a.bool,
-  insetInputValue: prop_types_default.a.object
+  insetInputValue: prop_types_default.a.object,
+  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])
 };
 dateInput_DateInput.defaultProps = {
   showClear: true,
@@ -58535,76 +58958,6 @@ function differenceInCalendarYears(dirtyDateLeft, dirtyDateRight) {
   var dateRight = toDate(dirtyDateRight);
   return dateLeft.getFullYear() - dateRight.getFullYear();
 }
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/date-fns/esm/addMonths/index.js
-
-
-
-/**
- * @name addMonths
- * @category Month Helpers
- * @summary Add the specified number of months to the given date.
- *
- * @description
- * Add the specified number of months to the given date.
- *
- * ### v2.0.0 breaking changes:
- *
- * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
- *
- * @param {Date|Number} date - the date to be changed
- * @param {Number} amount - the amount of months to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
- * @returns {Date} the new date with the months added
- * @throws {TypeError} 2 arguments required
- *
- * @example
- * // Add 5 months to 1 September 2014:
- * const result = addMonths(new Date(2014, 8, 1), 5)
- * //=> Sun Feb 01 2015 00:00:00
- */
-
-function addMonths(dirtyDate, dirtyAmount) {
-  requiredArgs(2, arguments);
-  var date = toDate(dirtyDate);
-  var amount = toInteger(dirtyAmount);
-
-  if (isNaN(amount)) {
-    return new Date(NaN);
-  }
-
-  if (!amount) {
-    // If 0 months, no-op to avoid changing times in the hour before end of DST
-    return date;
-  }
-
-  var dayOfMonth = date.getDate(); // The JS Date object supports date math by accepting out-of-bounds values for
-  // month, day, etc. For example, new Date(2020, 0, 0) returns 31 Dec 2019 and
-  // new Date(2020, 13, 1) returns 1 Feb 2021.  This is *almost* the behavior we
-  // want except that dates will wrap around the end of a month, meaning that
-  // new Date(2020, 13, 31) will return 3 Mar 2021 not 28 Feb 2021 as desired. So
-  // we'll default to the end of the desired month by adding 1 to the desired
-  // month and using a date of 0 to back up one day to the end of the desired
-  // month.
-
-  var endOfDesiredMonth = new Date(date.getTime());
-  endOfDesiredMonth.setMonth(date.getMonth() + amount + 1, 0);
-  var daysInMonth = endOfDesiredMonth.getDate();
-
-  if (dayOfMonth >= daysInMonth) {
-    // If we're already at the end of the month, then this is the correct date
-    // and we're done.
-    return endOfDesiredMonth;
-  } else {
-    // Otherwise, we now know that setting the original day-of-month value won't
-    // cause an overflow, so set the desired day-of-month. Note that we can't
-    // just set the date of `endOfDesiredMonth` because that object may have had
-    // its time changed in the unusual case where where a DST transition was on
-    // the last day of the month and its local time was in the hour skipped or
-    // repeated next to a DST transition.  So we use `date` instead which is
-    // guaranteed to still have the original time.
-    date.setFullYear(endOfDesiredMonth.getFullYear(), endOfDesiredMonth.getMonth(), dayOfMonth);
-    return date;
-  }
-}
 // CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/date-fns/esm/subMonths/index.js
 
 
@@ -59143,10 +59496,10 @@ class monthsGridFoundation_MonthsGridFoundation extends foundation {
     const newSelected = new set_default.a();
 
     if (!this._isMultiple()) {
-      newSelected.add(format_format(values[0], datePicker_constants_strings.FORMAT_FULL_DATE));
+      values[0] && newSelected.add(format_format(values[0], datePicker_constants_strings.FORMAT_FULL_DATE));
     } else {
       for_each_default()(values).call(values, date => {
-        newSelected.add(format_format(date, datePicker_constants_strings.FORMAT_FULL_DATE));
+        date && newSelected.add(format_format(date, datePicker_constants_strings.FORMAT_FULL_DATE));
       });
     }
 
@@ -62762,64 +63115,6 @@ yearAndMonth_YearAndMonth.defaultProps = {
   onSelect: noop_default.a
 };
 /* harmony default export */ var yearAndMonth = (yearAndMonth_YearAndMonth);
-// CONCATENATED MODULE: ../semi-foundation/datePicker/_utils/getDefaultPickerDate.ts
-
-
-
-
-
-/**
- * get left panel picker date and right panel picker date
- */
-
-function getDefaultPickerDate(options) {
-  const {
-    defaultPickerValue,
-    format,
-    dateFnsLocale
-  } = options;
-  let nowDate = is_array_default()(defaultPickerValue) ? defaultPickerValue[0] : defaultPickerValue;
-  let nextDate = is_array_default()(defaultPickerValue) ? defaultPickerValue[1] : undefined;
-
-  switch (true) {
-    case isValidDate(nowDate):
-      break;
-
-    case isTimestamp(nowDate):
-      nowDate = new Date(nowDate);
-      break;
-
-    case typeof nowDate === 'string':
-      nowDate = compatibleParse(nowDate, format, undefined, dateFnsLocale);
-      break;
-
-    default:
-      nowDate = new Date();
-      break;
-  }
-
-  switch (true) {
-    case isValidDate(nextDate):
-      break;
-
-    case isTimestamp(nextDate):
-      nextDate = new Date(nextDate);
-      break;
-
-    case typeof nextDate === 'string':
-      nextDate = compatibleParse(nextDate, format, undefined, dateFnsLocale);
-      break;
-
-    default:
-      nextDate = addMonths(nowDate, 1);
-      break;
-  }
-
-  return {
-    nowDate: nowDate,
-    nextDate: nextDate
-  };
-}
 // CONCATENATED MODULE: ./datePicker/monthsGrid.tsx
 
 
@@ -63053,7 +63348,8 @@ class monthsGrid_MonthsGrid extends baseComponent_BaseComponent {
     } = this.props;
 
     if (prevProps.defaultValue !== defaultValue) {
-      this.foundation.updateSelectedFromProps(defaultValue, false);
+      // we should always update panel state when value changes
+      this.foundation.updateSelectedFromProps(defaultValue);
     }
 
     if (prevProps.defaultPickerValue !== defaultPickerValue) {
@@ -63756,7 +64052,8 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
         insetInput,
         type,
         format,
-        rangeSeparator
+        rangeSeparator,
+        defaultPickerValue
       } = this.props;
       const {
         insetInputValue,
@@ -63778,7 +64075,8 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
         onInsetInputChange: this.handleInsetInputChange,
         rangeInputStartRef: this.rangeInputStartRef,
         rangeInputEndRef: this.rangeInputEndRef,
-        density
+        density,
+        defaultPickerValue
       };
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         ref: this.panelRef,
@@ -64149,18 +64447,11 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
       insetInput
     } = this.props;
     const {
-      value,
       cachedSelectedValue,
       motionEnd,
       rangeInputFocus
-    } = this.state; // const cachedSelectedValue = this.adapter.getCache('cachedSelectedValue');
-
-    let defaultValue = value;
-
-    if (this.adapter.needConfirm()) {
-      defaultValue = cachedSelectedValue;
-    }
-
+    } = this.state;
+    const defaultValue = cachedSelectedValue;
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(monthsGrid_MonthsGrid, {
       ref: this.monthGrid,
       locale: locale,
@@ -64232,7 +64523,8 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
       size,
       inputReadOnly,
       rangeSeparator,
-      insetInput
+      insetInput,
+      defaultPickerValue
     } = this.props;
     const {
       value,
@@ -64258,6 +64550,7 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
       disabled: inputDisabled,
       inputValue,
       value: value,
+      defaultPickerValue,
       onChange: this.handleInputChange,
       onEnterPress: this.handleInputComplete,
       // TODO: remove in next major version
@@ -79713,6 +80006,23 @@ class radioGroupFoundation_RadioGroupFoundation extends foundation {
 // CONCATENATED MODULE: ../semi-foundation/radio/radioFoundation.ts
 
 class radioFoundation_RadioFoundation extends foundation {
+  init() {
+    const {
+      children,
+      extra,
+      extraId,
+      addonId
+    } = this._adapter.getProps();
+
+    if (children && !addonId) {
+      this._adapter.setAddonId();
+    }
+
+    if (extra && !extraId) {
+      this._adapter.setExtraId();
+    }
+  }
+
   setHover(hover) {
     this._adapter.setHover(hover);
   }
@@ -79959,16 +80269,12 @@ class radio_Radio extends baseComponent_BaseComponent {
     };
 
     this.state = {
-      hover: false
+      hover: false,
+      addonId: props.addonId,
+      extraId: props.extraId
     };
     this.foundation = new radioFoundation_RadioFoundation(this.adapter);
     this.radioEntity = null;
-    this.addonId = getUuidShort({
-      prefix: 'addon'
-    });
-    this.extraId = getUuidShort({
-      prefix: 'extra'
-    });
   }
 
   get adapter() {
@@ -79977,6 +80283,20 @@ class radio_Radio extends baseComponent_BaseComponent {
         this.setState({
           hover
         });
+      },
+      setAddonId: () => {
+        this.setState({
+          addonId: getUuidShort({
+            prefix: 'addon'
+          })
+        });
+      },
+      setExtraId: () => {
+        this.setState({
+          extraId: getUuidShort({
+            prefix: 'extra'
+          })
+        });
       }
     });
   }
@@ -80013,7 +80333,11 @@ class radio_Radio extends baseComponent_BaseComponent {
       value: propValue
     } = this.props;
     let realChecked, isDisabled, realMode, isButtonRadioGroup, isCardRadioGroup, isPureCardRadioGroup, isButtonRadioComponent, buttonSize, realPrefixCls;
-    const isHover = this.state.hover;
+    const {
+      hover: isHover,
+      addonId,
+      extraId
+    } = this.state;
     let props = {};
 
     if (this.isInGroup()) {
@@ -80066,10 +80390,10 @@ class radio_Radio extends baseComponent_BaseComponent {
     const renderContent = () => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, children ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       className: addonCls,
       style: addonStyle,
-      id: this.addonId
+      id: addonId
     }, children) : null, extra && !isButtonRadio ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(prefix, "-extra"),
-      id: this.extraId
+      id: extraId
     }, extra) : null);
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("label", {
@@ -80086,8 +80410,8 @@ class radio_Radio extends baseComponent_BaseComponent {
       ref: ref => {
         this.radioEntity = ref;
       },
-      addonId: children && this.addonId,
-      extraId: extra && this.extraId
+      addonId: children && addonId,
+      extraId: extra && extraId
     })), isCardRadioGroup ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(prefix, "-isCardRadioGroup_content")
     }, renderContent()) : renderContent());