@douyinfe/semi-ui 2.23.0-beta.1 → 2.23.0

package/dist/umd/semi-ui.js

@@ -17967,6 +17967,10 @@ var isUndefined_default = /*#__PURE__*/__webpack_require__.n(isUndefined);
 var external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_ = __webpack_require__("faye");
 var external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default = /*#__PURE__*/__webpack_require__.n(external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_);
 
+// EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash/isEqual.js
+var isEqual = __webpack_require__("nnRT");
+var isEqual_default = /*#__PURE__*/__webpack_require__.n(isEqual);
+
 // EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash/isFunction.js
 var isFunction = __webpack_require__("2q8g");
 var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction);
@@ -18219,6 +18223,14 @@ class foundation_Tooltip extends foundation {
       const content = this.getProp('content');
       const trigger = this.getProp('trigger');
       const clickTriggerToHide = this.getProp('clickTriggerToHide');
+      const {
+        visible
+      } = this.getStates();
+
+      if (visible) {
+        return;
+      }
+
       this.clearDelayTimer();
       /**
        * If you emit an event in setState callback, you need to place the event listener function before setState to execute.
@@ -18235,7 +18247,7 @@ class foundation_Tooltip extends foundation {
       });
 
       this._adapter.insertPortal(content, {
-        left: -9990,
+        left: -9999,
         top: -9999
       }); // offscreen rendering
 
@@ -19764,10 +19776,6 @@ const TriangleArrowVertical = props => {
   width: prop_types_default.a.number,
   height: prop_types_default.a.number
 }));
-// EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash/isEqual.js
-var isEqual = __webpack_require__("nnRT");
-var isEqual_default = /*#__PURE__*/__webpack_require__.n(isEqual);
-
 // CONCATENATED MODULE: ./_cssAnimation/index.tsx
 
 
@@ -19906,6 +19914,7 @@ _cssAnimation_CSSAnimation.defaultProps = {
 
 
 
+
 var tooltip_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
 
@@ -20173,6 +20182,10 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
       return mergedEvents;
     };
 
+    this.getPopupId = () => {
+      return this.state.id;
+    };
+
     this.state = {
       visible: false,
 
@@ -20485,7 +20498,7 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
       this.props.visible ? this.foundation.delayShow() : this.foundation.delayHide();
     }
 
-    if (prevProps.rePosKey !== this.props.rePosKey) {
+    if (!isEqual_default()(prevProps.rePosKey, this.props.rePosKey)) {
       this.rePosition();
     }
   }
@@ -56836,7 +56849,6 @@ class yearAndMonth_YearAndMonth extends baseComponent_BaseComponent {
       disabledDate,
       yearAndMonthOpts
     } = this.props;
-    console.log('yearAndMonthOpts', yearAndMonthOpts);
 
     let transform = val => val;
 
@@ -60412,26 +60424,39 @@ class foundation_DropdownFoundation extends foundation {
     this._adapter.setPopVisible(visible);
 
     this._adapter.notifyVisibleChange(visible);
+
+    const {
+      trigger
+    } = this.getProps();
+
+    if (visible && trigger === "click") {
+      const popupId = this._adapter.getPopupId();
+
+      this.setFocusToFirstMenuItem(popupId);
+    }
   }
 
-  getMenuItemNodes(target) {
-    const id = target.attributes['data-popupid'].value;
+  getMenuItemNodes(id) {
     const menuWrapper = document.getElementById(id); // if has dropdown item, the item must wrapped by li
 
     return menuWrapper ? Array.from(menuWrapper.getElementsByTagName('li')).filter(item => item.ariaDisabled === "false") : null;
   }
 
-  setFocusToFirstMenuItem(target) {
-    const menuItemNodes = this.getMenuItemNodes(target);
+  setFocusToFirstMenuItem(id) {
+    const menuItemNodes = this.getMenuItemNodes(id);
     menuItemNodes && setFocusToFirstItem(menuItemNodes);
   }
 
-  setFocusToLastMenuItem(target) {
-    const menuItemNodes = this.getMenuItemNodes(target);
+  setFocusToLastMenuItem(id) {
+    const menuItemNodes = this.getMenuItemNodes(id);
     menuItemNodes && setFocusToLastItem(menuItemNodes);
   }
 
   handleKeyDown(event) {
+    var _a, _b;
+
+    const id = (_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.attributes['data-popupid']) === null || _b === void 0 ? void 0 : _b.value;
+
     switch (event.key) {
       case ' ':
       case 'Enter':
@@ -60441,12 +60466,12 @@ class foundation_DropdownFoundation extends foundation {
         break;
 
       case 'ArrowDown':
-        this.setFocusToFirstMenuItem(event.target);
+        this.setFocusToFirstMenuItem(id);
         handlePrevent(event);
         break;
 
       case 'ArrowUp':
-        this.setFocusToLastMenuItem(event.target);
+        this.setFocusToLastMenuItem(id);
         handlePrevent(event);
         break;
 
@@ -60464,17 +60489,6 @@ class menuFoundation_DropdownMenuFoundation extends foundation {
     super(...arguments);
     this.menuItemNodes = null;
     this.firstChars = [];
-  } // if trigger is click, auto focus to the first menu item
-
-
-  autoFocus(ulElement) {
-    const trigger = this._adapter.getContext('trigger');
-
-    if (trigger === 'click') {
-      // find all non-disabled li under this menu and set focus to the first menu
-      this.menuItemNodes = [...ulElement.getElementsByTagName('li')].filter(item => item.ariaDisabled !== "true");
-      setFocusToFirstItem(this.menuItemNodes);
-    }
   }
 
   handleEscape(menu) {
@@ -60576,7 +60590,6 @@ const dropdownMenu_prefixCls = dropdown_constants_cssClasses.PREFIX;
 class dropdownMenu_DropdownMenu extends baseComponent_BaseComponent {
   constructor(props) {
     super(props);
-    this.menuRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.foundation = new menuFoundation_DropdownMenuFoundation(this.adapter);
   }
 
@@ -60584,10 +60597,6 @@ class dropdownMenu_DropdownMenu extends baseComponent_BaseComponent {
     return Object.assign({}, super.adapter);
   }
 
-  componentDidMount() {
-    this.foundation.autoFocus(this.menuRef.current);
-  }
-
   render() {
     const _a = this.props,
           {
@@ -60599,8 +60608,7 @@ class dropdownMenu_DropdownMenu extends baseComponent_BaseComponent {
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("ul", Object.assign({
       role: "menu",
-      "aria-orientation": "vertical",
-      ref: this.menuRef
+      "aria-orientation": "vertical"
     }, rest, {
       className: classnames_default()("".concat(dropdownMenu_prefixCls, "-menu"), className),
       style: style,
@@ -60833,6 +60841,7 @@ class dropdown_Dropdown extends baseComponent_BaseComponent {
       popVisible: props.visible
     };
     this.foundation = new foundation_DropdownFoundation(this.adapter);
+    this.tooltipRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
   }
 
   get adapter() {
@@ -60840,7 +60849,8 @@ class dropdown_Dropdown extends baseComponent_BaseComponent {
       setPopVisible: popVisible => this.setState({
         popVisible
       }),
-      notifyVisibleChange: visible => this.props.onVisibleChange(visible)
+      notifyVisibleChange: visible => this.props.onVisibleChange(visible),
+      getPopupId: () => this.tooltipRef.current.getPopupId()
     });
   }
 
@@ -60997,7 +61007,8 @@ class dropdown_Dropdown extends baseComponent_BaseComponent {
       trigger: trigger,
       onVisibleChange: this.handleVisibleChange,
       showArrow: false,
-      returnFocusOnClose: true
+      returnFocusOnClose: true,
+      ref: this.tooltipRef
     }, attr), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(children) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(children, {
       //@ts-ignore
       className: classnames_default()(get_default()(children, 'props.className'), {
@@ -72120,7 +72131,7 @@ class select_Select extends baseComponent_BaseComponent {
     } // Add isOptionChanged: There may be cases where the value is unchanged, but the optionList is updated. At this time, the label corresponding to the value may change, and the selected item needs to be updated
 
 
-    if (prevProps.value !== this.props.value || isOptionsChanged) {
+    if (!isEqual_default()(this.props.value, prevProps.value) || isOptionsChanged) {
       if ('value' in this.props) {
         this.foundation.handleValueChange(this.props.value);
       } else {