@douyinfe/semi-ui 2.17.1 → 2.18.0-beta.0

package/dist/umd/semi-ui.js

@@ -30711,6 +30711,9 @@ const local = {
     clearSelectAll: '取消全选',
     total: '共 ${total} 项',
     selected: '已选 ${total} 项'
+  },
+  Form: {
+    optional: '（可选）'
   }
 }; // 中文
 
@@ -34286,10 +34289,14 @@ class link_Link extends baseComponent_BaseComponent {
       } = this.props;
 
       if (!this.context.autoCollapse) {
-        return this.props.children;
+        return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+          role: "list"
+        }, children);
       }
 
-      return activeLink === href || childMap[href] && childMap[href].has(activeLink) ? children : null;
+      return activeLink === href || childMap[href] && childMap[href].has(activeLink) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        role: "list"
+      }, children) : null;
     };
 
     this.foundation = new linkFoundation_LinkFoundation(this.adapter);
@@ -34365,8 +34372,7 @@ class link_Link extends baseComponent_BaseComponent {
       ["".concat(link_prefixCls, "-link-title-disabled")]: disabled
     });
     const ariaProps = {
-      'aria-disabled': disabled,
-      'aria-label': href
+      'aria-disabled': disabled
     };
 
     if (active) {
@@ -34379,7 +34385,8 @@ class link_Link extends baseComponent_BaseComponent {
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: linkCls,
-      style: style
+      style: style,
+      role: "listitem"
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({
       role: "link",
       tabIndex: 0
@@ -34683,7 +34690,8 @@ class anchor_Anchor extends baseComponent_BaseComponent {
         top: slideBarTop
       }
     })), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: anchorWrapper
+      className: anchorWrapper,
+      role: "list"
     }, children)));
   }
 
@@ -34751,7 +34759,9 @@ const VALIDATE_STATUS = ['default', 'error', 'warning', 'success']; // const VAL
 
 
 const autoComplete_constants_cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-autocomplete")
+  PREFIX: "".concat(BASE_CLASS_PREFIX, "-autocomplete"),
+  PREFIX_OPTION: "".concat(BASE_CLASS_PREFIX, "-autoComplete-option"),
+  PREFIX_GROUP: "".concat(BASE_CLASS_PREFIX, "-autoComplete-group")
 };
 const autoComplete_constants_strings = {
   SIZE: ['small', 'large', 'default'],
@@ -36529,27 +36539,7 @@ trigger_Trigger.propTypes = {
   style: prop_types_default.a.object
 };
 /* harmony default export */ var trigger_0 = (trigger_Trigger);
-// CONCATENATED MODULE: ../semi-foundation/select/constants.ts
-
-
-const select_constants_cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-select"),
-  PREFIX_OPTION: "".concat(BASE_CLASS_PREFIX, "-select-option"),
-  PREFIX_GROUP: "".concat(BASE_CLASS_PREFIX, "-select-group")
-};
-const select_constants_strings = {
-  SIZE_SET: ['small', 'large', 'default'],
-  POSITION_SET: tooltip_constants_strings.POSITION_SET,
-  MODE_SELECT: 'select',
-  MODE_AUTOCOMPLETE: 'autoComplete',
-  // MODE_TAGS: 'tags',
-  STATUS: VALIDATE_STATUS
-};
-const select_constants_numbers = {
-  LIST_HEIGHT: 300
-};
-
-// CONCATENATED MODULE: ./select/option.tsx
+// CONCATENATED MODULE: ./autoComplete/option.tsx
 
 
 
@@ -36631,10 +36621,9 @@ class option_Option extends external_root_React_commonjs2_react_commonjs_react_a
       onMouseEnter,
       prefixCls,
       renderOptionItem,
-      inputValue,
-      id
+      inputValue
     } = _a,
-          rest = option_rest(_a, ["children", "disabled", "value", "selected", "label", "empty", "emptyContent", "onSelect", "focused", "showTick", "className", "style", "onMouseEnter", "prefixCls", "renderOptionItem", "inputValue", "id"]);
+          rest = option_rest(_a, ["children", "disabled", "value", "selected", "label", "empty", "emptyContent", "onSelect", "focused", "showTick", "className", "style", "onMouseEnter", "prefixCls", "renderOptionItem", "inputValue"]);
 
     const optionClassName = classnames_default()(prefixCls, {
       ["".concat(prefixCls, "-disabled")]: disabled,
@@ -36698,7 +36687,6 @@ class option_Option extends external_root_React_commonjs2_react_commonjs_react_a
         },
         onMouseEnter: e => onMouseEnter && onMouseEnter(e),
         role: "option",
-        id: id,
         "aria-selected": selected ? "true" : "false",
         "aria-disabled": disabled ? "true" : "false",
         style: style
@@ -36737,9 +36725,9 @@ option_Option.propTypes = {
   inputValue: prop_types_default.a.string
 };
 option_Option.defaultProps = {
-  prefixCls: select_constants_cssClasses.PREFIX_OPTION
+  prefixCls: autoComplete_constants_cssClasses.PREFIX_OPTION
 };
-/* harmony default export */ var select_option = (option_Option);
+/* harmony default export */ var autoComplete_option = (option_Option);
 // EXTERNAL MODULE: ../semi-foundation/autoComplete/autoComplete.scss
 var autoComplete = __webpack_require__("t64S");
 
@@ -37000,7 +36988,7 @@ class autoComplete_AutoComplete extends baseComponent_BaseComponent {
       focusIndex
     } = this.state;
     const isFocused = optionIndex === focusIndex;
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(select_option, assign_default()({
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(autoComplete_option, assign_default()({
       showTick: false,
       onSelect: (v, e) => this.onSelect(v, optionIndex, e),
       // selected={selection.has(option.label)}
@@ -37135,7 +37123,7 @@ autoComplete_AutoComplete.propTypes = {
   validateStatus: prop_types_default.a.oneOf(autoComplete_statusSet),
   zIndex: prop_types_default.a.number
 };
-autoComplete_AutoComplete.Option = select_option;
+autoComplete_AutoComplete.Option = autoComplete_option;
 autoComplete_AutoComplete.defaultProps = {
   stopPropagation: true,
   motion: true,
@@ -43568,7 +43556,10 @@ const calcRangeData = (value, start, rangeLen, mode, locale) => {
 const calcWeekData = function (value) {
   let mode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'week';
   let locale = arguments.length > 2 ? arguments[2] : undefined;
-  const start = startOfWeek(value);
+  let weekStartsOn = arguments.length > 3 ? arguments[3] : undefined;
+  const start = startOfWeek(value, {
+    weekStartsOn
+  });
   return calcRangeData(value, start, 7, mode, locale);
 };
 /**
@@ -43834,6 +43825,7 @@ const renderDailyEvent = event => {
 
 
 
+
 class foundation_CalendarFoundation extends foundation {
   constructor(adapter) {
     super(assign_default()({}, adapter));
@@ -43936,7 +43928,10 @@ class foundation_CalendarFoundation extends foundation {
     data.month = format_format(value, 'LLL', {
       locale: dateFnsLocale
     });
-    data.week = calcWeekData(value, 'week', dateFnsLocale);
+    const {
+      weekStartsOn
+    } = this.getProps();
+    data.week = calcWeekData(value, 'week', dateFnsLocale, weekStartsOn);
 
     this._adapter.setWeeklyData(data);
 
@@ -43964,10 +43959,13 @@ class foundation_CalendarFoundation extends foundation {
 
     const monthStart = startOfMonth(value);
     const data = {};
+    const {
+      weekStartsOn
+    } = this.getProps();
     const numberOfWeek = getWeeksInMonth(value);
 
     map_default()(_context = [...instance_keys_default()(_context2 = Array(numberOfWeek)).call(_context2)]).call(_context, ind => {
-      data[ind] = calcWeekData(addDays(monthStart, ind * 7), 'month', dateFnsLocale);
+      data[ind] = calcWeekData(addDays(monthStart, ind * 7), 'month', dateFnsLocale, weekStartsOn);
     });
 
     this._adapter.setMonthlyData(data);
@@ -45898,6 +45896,7 @@ calendar_Calendar.propTypes = {
   })),
   mode: prop_types_default.a.string,
   showCurrTime: prop_types_default.a.bool,
+  weekStartsOn: prop_types_default.a.number,
   scrollTop: prop_types_default.a.number,
   onClick: prop_types_default.a.func,
   renderTimeDisplay: prop_types_default.a.func,
@@ -45914,7 +45913,8 @@ calendar_Calendar.defaultProps = {
   mode: 'week',
   markWeekend: false,
   height: 600,
-  scrollTop: 400
+  scrollTop: 400,
+  weekStartsOn: 0
 };
 
 /* harmony default export */ var calendar_0 = (calendar_Calendar);
@@ -46643,7 +46643,7 @@ class foundation_CarouselFoundation extends foundation {
 
     this._adapter.setIsReverse(stateActiveIndex > targetIndex);
 
-    if (this.getIsControledComponent()) {
+    if (this.getIsControlledComponent()) {
       this._notifyChange(targetIndex);
     } else {
       this._notifyChange(targetIndex);
@@ -46660,7 +46660,7 @@ class foundation_CarouselFoundation extends foundation {
 
     this._adapter.setIsReverse(false);
 
-    if (this.getIsControledComponent()) {
+    if (this.getIsControlledComponent()) {
       this._notifyChange(targetIndex);
     } else {
       this._notifyChange(targetIndex);
@@ -46677,7 +46677,7 @@ class foundation_CarouselFoundation extends foundation {
 
     this._adapter.setIsReverse(true);
 
-    if (this.getIsControledComponent()) {
+    if (this.getIsControlledComponent()) {
       this._notifyChange(targetIndex);
     } else {
       this._notifyChange(targetIndex);
@@ -46739,7 +46739,7 @@ class foundation_CarouselFoundation extends foundation {
     return speed;
   }
 
-  getIsControledComponent() {
+  getIsControlledComponent() {
     return this._isInProps('activeIndex');
   }
 
@@ -46773,7 +46773,7 @@ class foundation_CarouselFoundation extends foundation {
 
     this._notifyChange(activeIndex);
 
-    if (!this.getIsControledComponent()) {
+    if (!this.getIsControlledComponent()) {
       this.handleNewActiveIndex(activeIndex);
     }
   }
@@ -47066,7 +47066,7 @@ class carousel_Carousel extends baseComponent_BaseComponent {
     };
 
     this.handleAutoPlay = () => {
-      if (!this.foundation.getIsControledComponent()) {
+      if (!this.foundation.getIsControlledComponent()) {
         this.foundation.handleAutoPlay();
       }
     };
@@ -47086,7 +47086,7 @@ class carousel_Carousel extends baseComponent_BaseComponent {
         autoPlay
       } = this.props;
 
-      if ((typeof autoPlay !== 'object' || autoPlay.hoverToPause) && !this.foundation.getIsControledComponent()) {
+      if ((typeof autoPlay !== 'object' || autoPlay.hoverToPause) && !this.foundation.getIsControlledComponent()) {
         this.foundation.handleAutoPlay();
       }
     };
@@ -50624,13 +50624,13 @@ class tag_Tag extends external_root_React_commonjs2_react_commonjs_react_amd_rea
     }
   }
 
-  close(e, value) {
+  close(e, value, tagKey) {
     const {
       onClose
     } = this.props;
     e.stopPropagation();
     e.nativeEvent.stopImmediatePropagation();
-    onClose && onClose(value, e); // when user call e.preventDefault() in onClick callback, tag will not hidden
+    onClose && onClose(value, e, tagKey); // when user call e.preventDefault() in onClick callback, tag will not hidden
 
     if (e.defaultPrevented) {
       return;
@@ -50649,7 +50649,7 @@ class tag_Tag extends external_root_React_commonjs2_react_commonjs_react_amd_rea
     switch (event.key) {
       case "Backspace":
       case "Delete":
-        closable && this.close(event, this.props.children);
+        closable && this.close(event, this.props.children, this.props.tagKey);
         handlePrevent(event);
         break;
 
@@ -50686,6 +50686,7 @@ class tag_Tag extends external_root_React_commonjs2_react_commonjs_react_amd_rea
 
     const _a = this.props,
           {
+      tagKey,
       children,
       size,
       color,
@@ -50699,7 +50700,7 @@ class tag_Tag extends external_root_React_commonjs2_react_commonjs_react_amd_rea
       avatarShape,
       tabIndex
     } = _a,
-          attr = tag_rest(_a, ["children", "size", "color", "closable", "visible", "onClose", "onClick", "className", "type", "avatarSrc", "avatarShape", "tabIndex"]);
+          attr = tag_rest(_a, ["tagKey", "children", "size", "color", "closable", "visible", "onClose", "onClick", "className", "type", "avatarSrc", "avatarShape", "tabIndex"]);
 
     const {
       visible: isVisible
@@ -50732,7 +50733,7 @@ class tag_Tag extends external_root_React_commonjs2_react_commonjs_react_amd_rea
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events
     external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(tag_prefixCls, "-close"),
-      onClick: e => this.close(e, children)
+      onClick: e => this.close(e, children, tagKey)
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, {
       size: "small"
     })) : null;
@@ -50758,6 +50759,7 @@ tag_Tag.defaultProps = {
 };
 tag_Tag.propTypes = {
   children: prop_types_default.a.node,
+  tagKey: prop_types_default.a.oneOf([prop_types_default.a.string, prop_types_default.a.number]),
   size: prop_types_default.a.oneOf(tagSize),
   color: prop_types_default.a.oneOf(tagColors),
   type: prop_types_default.a.oneOf(tagType),
@@ -69416,7 +69418,10 @@ class ModalContent_ModalContent extends baseComponent_BaseComponent {
     }, this.getMaskElement(), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       role: "none",
       tabIndex: -1,
-      className: "".concat(modal_constants_cssClasses.DIALOG, "-wrap"),
+      className: classnames_default()({
+        ["".concat(modal_constants_cssClasses.DIALOG, "-wrap")]: true,
+        ["".concat(modal_constants_cssClasses.DIALOG, "-wrap-center")]: this.props.centered
+      }),
       onClick: maskClosable ? this.onMaskClick : null,
       onMouseUp: maskClosable ? this.onMaskMouseUp : null
     }, this.getDialogElement())); // eslint-disable-next-line max-len
@@ -69906,14 +69911,6 @@ class Modal_Modal extends baseComponent_BaseComponent {
       let style = styleFromProps;
       const maskStyle = maskStyleFromProps;
       const renderFooter = 'footer' in this.props ? footer : this.renderFooter();
-
-      if (this.props.centered) {
-        style = assign_default()({
-          transform: 'translateY(-50%)',
-          top: '50%'
-        }, style);
-      }
-
       let wrapperStyle = {
         zIndex
       };
@@ -71861,6 +71858,7 @@ const form_constants_numbers = {};
 
 
 
+
 const label_prefixCls = form_constants_cssClasses.PREFIX;
 class label_Label extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
   render() {
@@ -71875,7 +71873,8 @@ class label_Label extends external_root_React_commonjs2_react_commonjs_react_amd
       style,
       className,
       extra,
-      id
+      id,
+      optional
     } = this.props;
     const labelCls = classnames_default()(className, {
       ["".concat(label_prefixCls, "-field-label")]: true,
@@ -71887,10 +71886,15 @@ class label_Label extends external_root_React_commonjs2_react_commonjs_react_amd
     });
     const labelStyle = style ? style : {};
     width ? labelStyle.width = width : null;
+    const optionalText = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(localeConsumer_LocaleConsumer, {
+      componentName: "Form"
+    }, locale => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+      className: "".concat(label_prefixCls, "-field-label-optional-text")
+    }, locale.optional));
     const textContent = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(label_prefixCls, "-field-label-text"),
       "x-semi-prop": "label"
-    }, typeof text !== 'undefined' ? text : children);
+    }, typeof text !== 'undefined' ? text : children, optional ? optionalText : null);
     const contentWithExtra = /*#__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, textContent, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(label_prefixCls, "-field-label-extra")
     }, extra));
@@ -71907,7 +71911,8 @@ label_Label.defaultProps = {
   required: false,
   name: '',
   align: 'left',
-  className: ''
+  className: '',
+  optional: false
 };
 label_Label.propTypes = {
   id: prop_types_default.a.string,
@@ -71920,7 +71925,8 @@ label_Label.propTypes = {
   width: prop_types_default.a.oneOfType([prop_types_default.a.number, prop_types_default.a.string]),
   style: prop_types_default.a.object,
   className: prop_types_default.a.string,
-  extra: prop_types_default.a.node
+  extra: prop_types_default.a.node,
+  optional: prop_types_default.a.bool
 };
 // CONCATENATED MODULE: ./input/inputGroup.tsx
 
@@ -81530,6 +81536,26 @@ class foundation_SelectFoundation extends foundation {
   }
 
 }
+// CONCATENATED MODULE: ../semi-foundation/select/constants.ts
+
+
+const select_constants_cssClasses = {
+  PREFIX: "".concat(BASE_CLASS_PREFIX, "-select"),
+  PREFIX_OPTION: "".concat(BASE_CLASS_PREFIX, "-select-option"),
+  PREFIX_GROUP: "".concat(BASE_CLASS_PREFIX, "-select-group")
+};
+const select_constants_strings = {
+  SIZE_SET: ['small', 'large', 'default'],
+  POSITION_SET: tooltip_constants_strings.POSITION_SET,
+  MODE_SELECT: 'select',
+  MODE_AUTOCOMPLETE: 'autoComplete',
+  // MODE_TAGS: 'tags',
+  STATUS: VALIDATE_STATUS
+};
+const select_constants_numbers = {
+  LIST_HEIGHT: 300
+};
+
 // CONCATENATED MODULE: ./tag/group.tsx
 
 
@@ -81605,10 +81631,11 @@ class group_TagGroup extends external_root_React_commonjs2_react_commonjs_react_
       tagList,
       size,
       mode,
-      avatarShape
+      avatarShape,
+      onTagClose
     } = this.props;
 
-    const renderTags = map_default()(tagList).call(tagList, (tag, index) => {
+    const renderTags = map_default()(tagList).call(tagList, tag => {
       if (mode === 'custom') {
         return tag;
       }
@@ -81621,9 +81648,24 @@ class group_TagGroup extends external_root_React_commonjs2_react_commonjs_react_
         tag.avatarShape = avatarShape;
       }
 
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(tag_Tag, assign_default()({
-        key: "".concat(index, "-tag")
-      }, tag));
+      if (!tag.tagKey) {
+        if (typeof tag.children === 'string' || typeof tag.children === 'number') {
+          tag.tagKey = tag.children;
+        } else {
+          tag.tagKey = Math.random();
+        }
+      }
+
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(tag_Tag, assign_default()({}, tag, {
+        key: tag.tagKey,
+        onClose: (tagChildren, e, tagKey) => {
+          if (tag.onClose) {
+            tag.onClose(tagChildren, e, tagKey);
+          }
+
+          onTagClose && onTagClose(tagChildren, e, tagKey);
+        }
+      }));
     });
 
     return renderTags;
@@ -81655,7 +81697,8 @@ group_TagGroup.defaultProps = {
   style: {},
   className: '',
   size: group_tagSize[0],
-  avatarShape: 'square'
+  avatarShape: 'square',
+  onTagClose: () => undefined
 };
 group_TagGroup.propTypes = {
   children: prop_types_default.a.node,
@@ -81666,6 +81709,7 @@ group_TagGroup.propTypes = {
   tagList: prop_types_default.a.array,
   size: prop_types_default.a.oneOf(group_tagSize),
   mode: prop_types_default.a.string,
+  onTagClose: prop_types_default.a.func,
   showPopover: prop_types_default.a.bool,
   popoverProps: prop_types_default.a.object,
   avatarShape: prop_types_default.a.oneOf(group_avatarShapeSet)
@@ -81791,6 +81835,197 @@ const VirtualRow = _ref => {
 };
 
 /* harmony default export */ var virtualRow = (VirtualRow);
+// CONCATENATED MODULE: ./select/option.tsx
+
+
+
+
+
+var select_option_rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && index_of_default()(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof get_own_property_symbols_default.a === "function") for (var i = 0, p = get_own_property_symbols_default()(s); i < p.length; i++) {
+    if (index_of_default()(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+/* eslint-disable max-len */
+
+
+
+
+
+
+
+
+
+
+class select_option_Option extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
+  onClick(_a, event) {
+    var {
+      value,
+      label,
+      children
+    } = _a,
+        rest = select_option_rest(_a, ["value", "label", "children"]);
+
+    const {
+      props
+    } = this;
+    const isDisabled = props.disabled;
+
+    if (!isDisabled) {
+      props.onSelect(assign_default()(assign_default()({}, rest), {
+        value,
+        label: label || children
+      }), event);
+    }
+  }
+
+  renderOptionContent(_ref) {
+    let {
+      config,
+      children,
+      inputValue,
+      prefixCls
+    } = _ref;
+
+    if (isString_default()(children) && inputValue) {
+      return Object(_utils["d" /* getHighLightTextHTML */])(config);
+    }
+
+    return children;
+  }
+
+  render() {
+    const _a = this.props,
+          {
+      children,
+      disabled,
+      value,
+      selected,
+      label,
+      empty,
+      emptyContent,
+      onSelect,
+      focused,
+      showTick,
+      className,
+      style,
+      onMouseEnter,
+      prefixCls,
+      renderOptionItem,
+      inputValue,
+      id
+    } = _a,
+          rest = select_option_rest(_a, ["children", "disabled", "value", "selected", "label", "empty", "emptyContent", "onSelect", "focused", "showTick", "className", "style", "onMouseEnter", "prefixCls", "renderOptionItem", "inputValue", "id"]);
+
+    const optionClassName = classnames_default()(prefixCls, {
+      ["".concat(prefixCls, "-disabled")]: disabled,
+      ["".concat(prefixCls, "-selected")]: selected,
+      ["".concat(prefixCls, "-focused")]: focused,
+      ["".concat(prefixCls, "-empty")]: empty,
+      [className]: className
+    });
+    const selectedIconClassName = classnames_default()(["".concat(prefixCls, "-icon")]);
+
+    if (empty) {
+      if (emptyContent === null) {
+        return null;
+      }
+
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(localeConsumer_LocaleConsumer, {
+        componentName: "Select"
+      }, locale => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: optionClassName,
+        "x-semi-prop": "emptyContent"
+      }, emptyContent || locale.emptyText));
+    } // Since there are empty, locale and other logic, the custom renderOptionItem is directly converged to the internal option instead of being placed in Select/index
+
+
+    if (typeof renderOptionItem === 'function') {
+      return renderOptionItem(assign_default()({
+        disabled,
+        focused,
+        selected,
+        style,
+        label,
+        value,
+        inputValue,
+        onMouseEnter: e => onMouseEnter(e),
+        onClick: e => this.onClick(assign_default()({
+          value,
+          label,
+          children
+        }, rest), e)
+      }, rest));
+    }
+
+    const config = {
+      searchWords: inputValue,
+      sourceString: children,
+      option: {
+        highlightClassName: "".concat(prefixCls, "-keyword")
+      }
+    };
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/interactive-supports-focus,jsx-a11y/click-events-have-key-events
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: optionClassName,
+        onClick: e => {
+          this.onClick(assign_default()({
+            value,
+            label,
+            children
+          }, rest), e);
+        },
+        onMouseEnter: e => onMouseEnter && onMouseEnter(e),
+        role: "option",
+        id: id,
+        "aria-selected": selected ? "true" : "false",
+        "aria-disabled": disabled ? "true" : "false",
+        style: style
+      }, showTick ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: selectedIconClassName
+      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconTick, null)) : null, isString_default()(children) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(prefixCls, "-text")
+      }, this.renderOptionContent({
+        children,
+        config,
+        inputValue,
+        prefixCls
+      })) : children)
+    );
+  }
+
+}
+
+select_option_Option.isSelectOption = true;
+select_option_Option.propTypes = {
+  children: prop_types_default.a.node,
+  disabled: prop_types_default.a.bool,
+  value: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.number]),
+  selected: prop_types_default.a.bool,
+  label: prop_types_default.a.node,
+  empty: prop_types_default.a.bool,
+  emptyContent: prop_types_default.a.node,
+  onSelect: prop_types_default.a.func,
+  focused: prop_types_default.a.bool,
+  showTick: prop_types_default.a.bool,
+  className: prop_types_default.a.string,
+  style: prop_types_default.a.object,
+  onMouseEnter: prop_types_default.a.func,
+  prefixCls: prop_types_default.a.string,
+  renderOptionItem: prop_types_default.a.func,
+  inputValue: prop_types_default.a.string
+};
+select_option_Option.defaultProps = {
+  prefixCls: select_constants_cssClasses.PREFIX_OPTION
+};
+/* harmony default export */ var select_option = (select_option_Option);
 // CONCATENATED MODULE: ./select/optionGroup.tsx
 
 
@@ -89870,9 +90105,9 @@ class foundation_SwitchFoundation extends foundation {
 
   handleChange(checked, e) {
     const propChecked = this.getProps().checked;
-    const isControledComponent = typeof propChecked !== 'undefined';
+    const isControlledComponent = typeof propChecked !== 'undefined';
 
-    if (isControledComponent) {
+    if (isControlledComponent) {
       this._adapter.notifyChange(checked, e);
     } else {
       this._adapter.setNativeControlChecked(checked);
@@ -102811,6 +103046,7 @@ var tree = __webpack_require__("Q8Yr");
 
 
 
+
 /* eslint-disable max-lines-per-function */
 
 
@@ -102843,6 +103079,25 @@ class tree_Tree extends baseComponent_BaseComponent {
       this.foundation.handleInputChange(value);
     };
 
+    this.scrollTo = scrollData => {
+      var _a;
+
+      const {
+        key,
+        align = 'center'
+      } = scrollData;
+      const {
+        flattenNodes
+      } = this.state;
+
+      if (key) {
+        const index = flattenNodes === null || flattenNodes === void 0 ? void 0 : find_index_default()(flattenNodes).call(flattenNodes, node => {
+          return node.key === key;
+        });
+        index >= 0 && ((_a = this.virtualizedListRef.current) === null || _a === void 0 ? void 0 : _a.scrollToItem(index, align));
+      }
+    };
+
     this.renderEmpty = () => {
       const {
         emptyContent
@@ -103004,6 +103259,7 @@ class tree_Tree extends baseComponent_BaseComponent {
     this.optionsRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.foundation = new foundation_TreeFoundation(this.adapter);
     this.dragNode = null;
+    this.virtualizedListRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
   }
   /**
    * Process of getDerivedStateFromProps was inspired by rc-tree
@@ -103376,6 +103632,7 @@ class tree_Tree extends baseComponent_BaseComponent {
         width
       } = _ref4;
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(FixedSizeList, {
+        ref: this.virtualizedListRef,
         itemCount: flattenNodes.length,
         itemSize: virtualize.itemSize,
         height: height,
@@ -111040,7 +111297,8 @@ function withField(Component, opts) {
       if (arrayFieldState) {
         initVal = arrayFieldState.shouldUseInitValue && typeof initValue !== 'undefined' ? initValue : initValueInFormOpts;
       }
-    } catch (err) {}
+    } catch (err) {} // FIXME typeof initVal
+
 
     const [value, setValue, getVal] = useStateWithGetter(typeof initVal !== undefined ? initVal : null);