perf: optimize hash class generation and selector injection logic (#241)

Author: Wxh16144

src/StyleContext.tsx

@@ -23,8 +23,7 @@ export function createCache() {
     const { firstChild } = document.head;
 
     Array.from(styles).forEach((style) => {
-      (style as any)[CSS_IN_JS_INSTANCE] =
-        (style as any)[CSS_IN_JS_INSTANCE] || cssinjsInstanceId;
+      (style as any)[CSS_IN_JS_INSTANCE] ||= cssinjsInstanceId;
 
       // Not force move if no head
       if ((style as any)[CSS_IN_JS_INSTANCE] === cssinjsInstanceId) {

src/hooks/useCacheToken.tsx

@@ -190,7 +190,7 @@ export default function useCacheToken<
       // Optimize for `useStyleRegister` performance
       const mergedSalt = `${salt}_${cssVar.prefix}`;
       const hashId = hash(mergedSalt);
-      const hashCls = `${hashPrefix}-${hash(mergedSalt)}`;
+      const hashCls = `${hashPrefix}-${hashId}`;
       actualToken._tokenKey = token2key(actualToken, mergedSalt);
 
       // Replace token value with css variables

src/hooks/useGlobalCache.tsx

@@ -80,7 +80,7 @@ export default function useGlobalCache<CacheType>(
       onCacheEffect?.(cacheContent);
       effectMap.set(fullPathStr, true);
 
-      // 微任务清理混存，可以认为是单次 batch render 中只触发一次 effect
+      // 微任务清理缓存，可以认为是单次 batch render 中只触发一次 effect
       Promise.resolve().then(() => {
         effectMap.delete(fullPathStr);
       });

src/hooks/useStyleRegister.tsx

@@ -15,7 +15,7 @@ import StyleContext, {
   ATTR_MARK,
   CSS_IN_JS_INSTANCE,
 } from '../StyleContext';
-import { isClientSide, toStyleStr } from '../util';
+import { isClientSide, toStyleStr, where } from '../util';
 import {
   CSS_FILE_STYLE,
   existPath,
@@ -100,15 +100,13 @@ function isCompoundCSSProperty(value: CSSObject[string]) {
 function injectSelectorHash(
   key: string,
   hashId: string,
-  hashPriority?: HashPriority,
+  hashPriority: HashPriority = 'high',
 ) {
   if (!hashId) {
     return key;
   }
 
-  const hashClassName = `.${hashId}`;
-  const hashSelector =
-    hashPriority === 'low' ? `:where(${hashClassName})` : hashClassName;
+  const hashSelector = where({ hashCls: hashId, hashPriority });
 
   // 注入 hashId
   const keys = key.split(',').map((k) => {