@douyinfe/semi-ui 2.45.2 → 2.45.3-alpha.1

package/dist/umd/semi-ui.js

@@ -36997,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();
     }
@@ -37183,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);
@@ -37435,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) {
@@ -37457,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;
       }
@@ -37471,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));
     }
@@ -47968,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;
@@ -48113,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;
       }
     });
   }