th-design 1.0.8 → 1.0.9

package/dist/esm/components/ThSelect/index.js

@@ -24,7 +24,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * @Author: luohq luohq@2345.com
  * @Date: 2025-10-14 14:02:00
  * @LastEditors: luohq luohq@2345.com
- * @LastEditTime: 2026-01-20 14:47:07
+ * @LastEditTime: 2026-01-20 15:31:42
  * @FilePath: /tellhowComponent/src/components/ThSelect/index.tsx
  * @Description: 选择器组件
  */
@@ -194,6 +194,7 @@ var ThSelect = function ThSelect(props) {
   var initValueRef = useRef(null);
   var scopeKey = location.pathname;
   var prevScopeKeyRef = useRef(scopeKey);
+  var prevPathRef = useRef(window.location.pathname + window.location.hash);
   var _useState29 = useState(false),
     _useState30 = _slicedToArray(_useState29, 2),
     isEditing = _useState30[0],
@@ -217,19 +218,65 @@ var ThSelect = function ThSelect(props) {
   var isFirstRender = useRef(true);
   useEffect(function () {
     return function () {
-      // 组件卸载，自动清除该组件缓存
       if (cacheKey && scopeKey) {
         customSelectCache.clearEntry(scopeKey, cacheKey);
       }
     };
   }, [cacheKey, scopeKey]);
   useEffect(function () {
-    // 路由切换，清除上一个路由的缓存
     if (cacheKey && prevScopeKeyRef.current !== scopeKey) {
       customSelectCache.clearEntry(prevScopeKeyRef.current, cacheKey);
     }
     prevScopeKeyRef.current = scopeKey;
   }, [cacheKey, scopeKey]);
+  useEffect(function () {
+    var onRouteChange = function onRouteChange() {
+      var nextPath = window.location.pathname + window.location.hash;
+      if (cacheKey && prevPathRef.current !== nextPath) {
+        customSelectCache.clearEntry(prevPathRef.current, cacheKey);
+      }
+      prevPathRef.current = nextPath;
+    };
+    var patchHistory = function patchHistory() {
+      var win = window;
+      if (!win.__th_route_patched__) {
+        win.__th_route_patched__ = true;
+        win.__th_route_original_push__ = history.pushState;
+        win.__th_route_original_replace__ = history.replaceState;
+        history.pushState = function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          win.__th_route_original_push__.apply(history, args);
+          window.dispatchEvent(new Event('th-route-change'));
+        };
+        history.replaceState = function () {
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          win.__th_route_original_replace__.apply(history, args);
+          window.dispatchEvent(new Event('th-route-change'));
+        };
+      }
+      win.__th_route_patch_count__ = (win.__th_route_patch_count__ || 0) + 1;
+    };
+    patchHistory();
+    window.addEventListener('popstate', onRouteChange);
+    window.addEventListener('hashchange', onRouteChange);
+    window.addEventListener('th-route-change', onRouteChange);
+    return function () {
+      window.removeEventListener('popstate', onRouteChange);
+      window.removeEventListener('hashchange', onRouteChange);
+      window.removeEventListener('th-route-change', onRouteChange);
+      var win = window;
+      win.__th_route_patch_count__ = Math.max((win.__th_route_patch_count__ || 1) - 1, 0);
+      if (win.__th_route_patch_count__ === 0 && win.__th_route_patched__) {
+        history.pushState = win.__th_route_original_push__;
+        history.replaceState = win.__th_route_original_replace__;
+        win.__th_route_patched__ = false;
+      }
+    };
+  }, [cacheKey]);
   useEffect(function () {
     if (typeof value === 'string') {
       if (name && value) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "th-design",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "tellhow component library",
   "author": "luohq",
   "keywords": [