@douyinfe/semi-ui 2.45.3-alpha.0 → 2.45.3

package/dist/umd/semi-ui.js

@@ -17962,9 +17962,6 @@ Typography.propTypes = {
   className: (prop_types_default()).string
 };
 /* harmony default export */ const typography_typography = (Typography);
-// EXTERNAL MODULE: ../../node_modules/lodash/isFunction.js
-var isFunction = __webpack_require__("2q8g");
-var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction);
 // EXTERNAL MODULE: ../../node_modules/lodash/isNull.js
 var isNull = __webpack_require__("R7V3");
 var isNull_default = /*#__PURE__*/__webpack_require__.n(isNull);
@@ -17983,6 +17980,9 @@ var isUndefined_default = /*#__PURE__*/__webpack_require__.n(isUndefined);
 // EXTERNAL MODULE: ../../node_modules/lodash/isEqual.js
 var isEqual = __webpack_require__("nnRT");
 var isEqual_default = /*#__PURE__*/__webpack_require__.n(isEqual);
+// EXTERNAL MODULE: ../../node_modules/lodash/isFunction.js
+var isFunction = __webpack_require__("2q8g");
+var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction);
 // EXTERNAL MODULE: ../../node_modules/lodash/isEmpty.js
 var isEmpty = __webpack_require__("MwrP");
 var isEmpty_default = /*#__PURE__*/__webpack_require__.n(isEmpty);
@@ -23676,7 +23676,6 @@ ReactResizeObserver.defaultProps = {
 
 
 
-
 var base_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -23767,7 +23766,6 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
       return updateOverflow;
     };
     this.showTooltip = () => {
-      var _a, _b;
       const {
         isOverflowed,
         isTruncated,
@@ -23785,7 +23783,8 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
         return show;
       }
       const defaultOpts = {
-        type: 'tooltip'
+        type: 'tooltip',
+        opts: {}
       };
       if (typeof showTooltip === 'object') {
         if (showTooltip.type && showTooltip.type.toLowerCase() === 'popover') {
@@ -23794,14 +23793,7 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
               // style: { width: '240px' },
               showArrow: true
             }
-          }, showTooltip, {
-            opts: {
-              className: classnames_default()({
-                [`${base_prefixCls}-ellipsis-popover`]: true,
-                [(_a = showTooltip === null || showTooltip === void 0 ? void 0 : showTooltip.opts) === null || _a === void 0 ? void 0 : _a.className]: Boolean((_b = showTooltip === null || showTooltip === void 0 ? void 0 : showTooltip.opts) === null || _b === void 0 ? void 0 : _b.className)
-              })
-            }
-          });
+          }, showTooltip);
         }
         return Object.assign(Object.assign({}, defaultOpts), showTooltip);
       }
@@ -24203,12 +24195,9 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
     if (showTooltip) {
       const {
         type,
-        opts,
-        renderTooltip
+        opts
       } = showTooltip;
-      if (isFunction_default()(renderTooltip)) {
-        return renderTooltip(children, content);
-      } else if (type.toLowerCase() === 'popover') {
+      if (type.toLowerCase() === 'popover') {
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(popover_0, Object.assign({
           content: children,
           position: "top"
@@ -37008,6 +36997,8 @@ class CascaderFoundation extends foundation {
   init() {
     const isOpen = this.getProp('open') || this.getProp('defaultOpen');
     this.collectOptions(true);
+    this._adapter.updateLoadingKeyRefValue(new Set());
+    this._adapter.updateLoadedKeyRefValue(new Set());
     if (isOpen && !this._isDisabled()) {
       this.open();
     }
@@ -37194,11 +37185,11 @@ class CascaderFoundation extends foundation {
     } = this.getProps();
     const {
       activeKeys,
-      loadingKeys,
       loading,
       keyEntities: keyEntityState,
       selectedKeys: selectedKeysState
     } = this.getStates();
+    const loadingKeys = this._adapter.getLoadingKeyRefValue();
     const filterable = this._isFilterable();
     const loadingActive = [...activeKeys].filter(i => loadingKeys.has(i));
     const valuePath = onChangeWithObject ? util_normalizedArr(value).map(i => i.value) : util_normalizedArr(value);
@@ -37446,17 +37437,18 @@ class CascaderFoundation extends foundation {
       data,
       key
     } = item;
-    const {
-      loadedKeys: prevLoadedKeys,
-      loadingKeys: prevLoadingKeys
-    } = this.getCopyFromState(['loadedKeys', 'loadingKeys']);
+    const prevLoadingKeys = cloneDeep_default()(this._adapter.getLoadingKeyRefValue());
+    const prevLoadedKeys = cloneDeep_default()(this._adapter.getLoadedKeyRefValue());
     const newLoadedKeys = prevLoadedKeys.add(key);
     const newLoadingKeys = new Set([...prevLoadingKeys]);
     newLoadingKeys.delete(key);
     // onLoad should trigger before internal setState to avoid `loadData` trigger twice.
     this._adapter.notifyOnLoad(newLoadedKeys, data);
+    this._adapter.updateLoadingKeyRefValue(newLoadingKeys);
+    this._adapter.updateLoadedKeyRefValue(newLoadedKeys);
     this._adapter.updateStates({
-      loadingKeys: newLoadingKeys
+      loadingKeys: newLoadingKeys,
+      loadedKeys: newLoadedKeys
     });
   }
   notifyIfLoadData(item) {
@@ -37468,10 +37460,8 @@ class CascaderFoundation extends foundation {
       loading: false
     });
     if (!data.isLeaf && !data.children && this.getProp('loadData')) {
-      const {
-        loadedKeys,
-        loadingKeys
-      } = this.getCopyFromState(['loadedKeys', 'loadingKeys']);
+      const loadedKeys = this._adapter.getLoadedKeyRefValue();
+      const loadingKeys = cloneDeep_default()(this._adapter.getLoadingKeyRefValue());
       if (loadedKeys.has(key) || loadingKeys.has(key)) {
         return;
       }
@@ -37482,8 +37472,10 @@ class CascaderFoundation extends foundation {
         keyEntities
       } = this.getStates();
       const optionPath = this.getItemPropPath(key, [], keyEntities);
+      const newLoadingKeys = loadingKeys.add(key);
+      this._adapter.updateLoadingKeyRefValue(newLoadingKeys);
       this._adapter.updateStates({
-        loadingKeys: loadingKeys.add(key)
+        loadingKeys: newLoadingKeys
       });
       this._adapter.notifyLoadData(optionPath, this.handleNodeLoad.bind(this, item));
     }
@@ -47979,6 +47971,8 @@ class Cascader extends BaseComponent {
     this.optionsRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
     this.clickOutsideHandler = null;
     this.foundation = new CascaderFoundation(this.adapter);
+    this.loadingKeysRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
+    this.loadedKeysRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
   }
   get adapter() {
     var _this = this;
@@ -48124,6 +48118,18 @@ class Cascader extends BaseComponent {
         this.setState({
           isFocus
         });
+      },
+      updateLoadingKeyRefValue: keys => {
+        this.loadingKeysRef.current = keys;
+      },
+      getLoadingKeyRefValue: () => {
+        return this.loadingKeysRef.current;
+      },
+      updateLoadedKeyRefValue: keys => {
+        this.loadedKeysRef.current = keys;
+      },
+      getLoadedKeyRefValue: () => {
+        return this.loadedKeysRef.current;
       }
     });
   }
@@ -69890,6 +69896,7 @@ class SelectFoundation extends foundation {
     delete newOption._show;
     delete newOption._selected;
     delete newOption._scrollIndex;
+    delete newOption._keyInJsx;
     if ('_keyInOptionList' in newOption) {
       newOption.key = newOption._keyInOptionList;
       delete newOption._keyInOptionList;
@@ -70275,7 +70282,7 @@ const generateOption = (child, parent, index) => {
   }
   const option = Object.assign(Object.assign({
     value: childProps.value,
-    // Drop-down menu rendering priority label value, children, value in turn downgrade
+    // Dropdown menu rendering priority label value, children, value in turn downgrade
     label: childProps.label || childProps.children || childProps.value,
     _show: true,
     _selected: false,
@@ -70283,6 +70290,10 @@ const generateOption = (child, parent, index) => {
   }, childProps), {
     _parentGroup: parent
   });
+  // Props are collected from ReactNode, after React.Children.toArray
+  // no need to determine whether the key exists in child
+  // Even if the user does not explicitly declare it, React will always generate a key.
+  option._keyInJsx = child.key;
   return option;
 };
 const getOptionsFromGroup = selectChildren => {
@@ -71080,7 +71091,7 @@ class Select extends BaseComponent {
         focused: isFocused,
         onMouseEnter: () => this.onOptionHover(optionIndex),
         style: optionStyle,
-        key: option.key || option.label + option.value + optionIndex,
+        key: option._keyInOptionList || option._keyInJsx || option.label + option.value + optionIndex,
         renderOptionItem: renderOptionItem,
         inputValue: inputValue,
         semiOptionId: `${this.selectID}-option-${optionIndex}`
@@ -90411,7 +90422,7 @@ class TreeSelect extends BaseComponent {
         } = item && treeNodeLabelProp in item ? renderSelectedItem(item, {
           index,
           onClose
-        }) : null;
+        }) : {};
         if (isNull_default()(content) || isUndefined_default()(content)) {
           return;
         }
@@ -90707,7 +90718,7 @@ class TreeSelect extends BaseComponent {
         } = item && treeNodeLabelProp in item ? renderSelectedItem(item, {
           index: idx,
           onClose
-        }) : null;
+        }) : {};
         if (isRenderInTag) {
           return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(Tag, Object.assign({}, tagProps), content);
         } else {