@hlw-uni/mp-vue 2.1.50 → 2.1.51

package/dist/composables/theme/index.d.ts

@@ -7,7 +7,8 @@ export declare const THEME_CHANGE_EVENT = "hlw:theme-change";
 /**
  * 只注入会随主题变化的变量（字号档位、主题色、外观模式）。
  *
- * 语义排版 token（--text-title-size 等）是静态值、不随主题变化，
+ * 语义排版 token（--text-title-size 等）和业务视觉变量（如边框色）
+ * 是静态值、不随主题变化，
  * 放在项目的全局 CSS（static/css/style.scss）里作为 page{} 默认值即可，
  * 让业务侧可以自由 override，不被运行时注入覆盖。
  */

package/dist/index.js

@@ -1485,12 +1485,22 @@ var __publicField = (obj, key, value) => {
     return vars;
   }
   const { varsToStyle } = useColor();
+  const CSS_CONTROLLED_THEME_VARS = /* @__PURE__ */ new Set(["--border-color", "--border-color-light", "--border-color-focus"]);
   const THEME_CHANGE_EVENT = "hlw:theme-change";
+  function omitCssControlledThemeVars(vars) {
+    const next = {};
+    Object.entries(vars).forEach(([name, value]) => {
+      if (!CSS_CONTROLLED_THEME_VARS.has(name)) {
+        next[name] = value;
+      }
+    });
+    return next;
+  }
   function buildThemeStyle() {
     return varsToStyle({
       ...getCurrentFontVars(),
       ...getCurrentThemeVars(),
-      ...getCurrentAppearanceVars()
+      ...omitCssControlledThemeVars(getCurrentAppearanceVars())
     });
   }
   function useThemePageStyle() {

package/dist/index.mjs

@@ -1484,12 +1484,22 @@ function getCurrentTypographyVars() {
   return vars;
 }
 const { varsToStyle } = useColor();
+const CSS_CONTROLLED_THEME_VARS = /* @__PURE__ */ new Set(["--border-color", "--border-color-light", "--border-color-focus"]);
 const THEME_CHANGE_EVENT = "hlw:theme-change";
+function omitCssControlledThemeVars(vars) {
+  const next = {};
+  Object.entries(vars).forEach(([name, value]) => {
+    if (!CSS_CONTROLLED_THEME_VARS.has(name)) {
+      next[name] = value;
+    }
+  });
+  return next;
+}
 function buildThemeStyle() {
   return varsToStyle({
     ...getCurrentFontVars(),
     ...getCurrentThemeVars(),
-    ...getCurrentAppearanceVars()
+    ...omitCssControlledThemeVars(getCurrentAppearanceVars())
   });
 }
 function useThemePageStyle() {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hlw-uni/mp-vue",
-    "version": "2.1.50",
+    "version": "2.1.51",
     "description": "hlw-uni 小程序运行时 — Vue 组件 + composables + theme + http + 工具集（合并自原 mp-core）",
     "main": "dist/index.js",
     "module": "dist/index.mjs",

package/src/composables/theme/index.ts

@@ -7,16 +7,31 @@ import { getCurrentFontVars } from "./font";
 import { getCurrentThemeVars } from "./palette";
 import { getCurrentAppearanceVars } from "./appearance";
 
+const CSS_CONTROLLED_THEME_VARS = new Set(["--border-color", "--border-color-light", "--border-color-focus"]);
+
 /**
  * @deprecated 历史事件名；现已改用 pinia store 响应式驱动，emit 不再有效。
  * 保留 export 仅为不破坏外部 import（不影响功能）。
  */
 export const THEME_CHANGE_EVENT = "hlw:theme-change";
 
+function omitCssControlledThemeVars(vars: Record<string, string>) {
+    const next: Record<string, string> = {};
+
+    Object.entries(vars).forEach(([name, value]) => {
+        if (!CSS_CONTROLLED_THEME_VARS.has(name)) {
+            next[name] = value;
+        }
+    });
+
+    return next;
+}
+
 /**
  * 只注入会随主题变化的变量（字号档位、主题色、外观模式）。
  *
- * 语义排版 token（--text-title-size 等）是静态值、不随主题变化，
+ * 语义排版 token（--text-title-size 等）和业务视觉变量（如边框色）
+ * 是静态值、不随主题变化，
  * 放在项目的全局 CSS（static/css/style.scss）里作为 page{} 默认值即可，
  * 让业务侧可以自由 override，不被运行时注入覆盖。
  */
@@ -24,7 +39,7 @@ export function buildThemeStyle(): string {
     return varsToStyle({
         ...getCurrentFontVars(),
         ...getCurrentThemeVars(),
-        ...getCurrentAppearanceVars(),
+        ...omitCssControlledThemeVars(getCurrentAppearanceVars()),
     });
 }