@4399ywkf/core 5.0.19 → 5.0.20

package/dist/index.js

@@ -3594,12 +3594,18 @@ var themePlugin = createPlugin((options = {}) => ({
       order: 10,
     }`;
         if (code.includes("providers: []")) {
-          code = code.replace("providers: []", `providers: [
+          code = code.replace(
+            "providers: []",
+            `providers: [
 ${providerEntry},
-  ]`);
+  ]`
+          );
         } else if (code.includes("providers: [")) {
-          code = code.replace("providers: [", `providers: [
-${providerEntry},`);
+          code = code.replace(
+            "providers: [",
+            `providers: [
+${providerEntry},`
+          );
         }
         if (!code.includes("import React")) {
           code = code.replace(
@@ -3629,13 +3635,23 @@ function generateThemeProvider(opts) {
   sections.push(`// \u6B64\u6587\u4EF6\u7531 @4399ywkf/plugin-theme v3 \u81EA\u52A8\u751F\u6210\uFF0C\u8BF7\u52FF\u624B\u52A8\u4FEE\u6539`);
   sections.push(buildImports({ globalReset, cssVar }));
   sections.push(TYPES_CODE);
-  sections.push(buildStoreCode({ defaultAppearance, primaryColor, neutralColor }));
+  sections.push(
+    buildStoreCode({ defaultAppearance, primaryColor, neutralColor })
+  );
   sections.push(HOOKS_CODE);
   if (globalReset) sections.push(GLOBAL_RESET_CODE);
-  if (cssVar) sections.push(CSS_VAR_SYNC_CODE);
+  if (cssVar) sections.push(buildCssVarSyncCode());
   if (darkMode) sections.push(APPEARANCE_SYNC_CODE);
   if (externalTheme) sections.push(EXTERNAL_THEME_CODE);
-  sections.push(buildWrapperCode({ darkMode, cssVar, globalReset, externalTheme, prefixCls }));
+  sections.push(
+    buildWrapperCode({
+      darkMode,
+      cssVar,
+      globalReset,
+      externalTheme,
+      prefixCls
+    })
+  );
   return sections.join("\n");
 }
 function buildImports(opts) {
@@ -3777,10 +3793,15 @@ const GlobalReset = createGlobalStyle(({ theme }) => css\`
     -webkit-text-fill-color: unset !important;
   }
 \`);`;
-var CSS_VAR_SYNC_CODE = `
+function buildCssVarSyncCode() {
+  return `
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CSS Variable Sync \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 
-const CSS_VAR_PREFIX = "css-var-";
+const CSS_VAR_CLASS_RE = /(^|-)css-var(-|$)/;
+
+function isCssVarClassName(className: string): boolean {
+  return CSS_VAR_CLASS_RE.test(className);
+}
 
 function useCssVarSync(ref: React.RefObject<HTMLDivElement | null>) {
   useLayoutEffect(() => {
@@ -3791,18 +3812,28 @@ function useCssVarSync(ref: React.RefObject<HTMLDivElement | null>) {
     let currentClasses: string[] = [];
 
     const sync = () => {
-      for (const cls of currentClasses) htmlEl.classList.remove(cls);
+      for (const cls of currentClasses) {
+        htmlEl.classList.remove(cls);
+      }
 
-      const next: string[] = [];
+      const nextSet = new Set<string>();
       let el: HTMLElement | null = node;
+
       while (el && el !== htmlEl) {
         for (const cls of el.classList) {
-          if (cls.startsWith(CSS_VAR_PREFIX)) next.push(cls);
+          if (isCssVarClassName(cls)) {
+            nextSet.add(cls);
+          }
         }
         el = el.parentElement;
       }
 
-      for (const cls of next) htmlEl.classList.add(cls);
+      const next = Array.from(nextSet);
+
+      for (const cls of next) {
+        htmlEl.classList.add(cls);
+      }
+
       currentClasses = next;
     };
 
@@ -3817,10 +3848,13 @@ function useCssVarSync(ref: React.RefObject<HTMLDivElement | null>) {
 
     return () => {
       observer.disconnect();
-      for (const cls of currentClasses) htmlEl.classList.remove(cls);
+      for (const cls of currentClasses) {
+        htmlEl.classList.remove(cls);
+      }
     };
   }, []);
 }`;
+}
 var APPEARANCE_SYNC_CODE = `
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 Appearance Sync \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550