@tuya-miniapp/smart-ui 1.2.2 → 1.3.0-beta-2

package/lib/config-provider/index.wxs

@@ -1,6 +1,7 @@
 /* eslint-disable */
 var object = require('../wxs/object.wxs');
 var style = require('../wxs/style.wxs');
+var utils = require('../wxs/utils.wxs');
 
 function kebabCase(word) {
   var newWord = word
@@ -16,8 +17,12 @@ function kebabCase(word) {
 function mapThemeVarsToCSSVars(themeVars) {
   var cssVars = {};
   object.keys(themeVars).forEach(function (key) {
-    var cssVarsKey = '--' + kebabCase(key);
-    cssVars[cssVarsKey] = themeVars[key];
+    if (utils.isAppThemeVar(key)) {
+      cssVars[key] = themeVars[key];
+    } else {
+      var cssVarsKey = '--' + kebabCase(key);
+      cssVars[cssVarsKey] = themeVars[key];
+    }
   });
 
   return style(cssVars);

package/lib/wxs/is-app-theme-var.wxs

@@ -0,0 +1,8 @@
+/**
+ * 是否为 App 主题变量
+ */
+function isAppThemeVar(key) {
+  return key.indexOf('--app') === 0;
+}
+
+module.exports = isAppThemeVar;

package/lib/wxs/style.wxs

@@ -1,4 +1,5 @@
 /* eslint-disable */
+var utils = require('./utils.wxs');
 var object = require('./object.wxs');
 var array = require('./array.wxs');
 
@@ -31,6 +32,9 @@ function style(styles) {
         return styles[key] != null && styles[key] !== '';
       })
       .map(function (key) {
+        if (utils.isAppThemeVar(key)) {
+          return [key, styles[key]].join(':');
+        }
         return [kebabCase(key), [styles[key]]].join(':');
       })
       .join(';');

package/lib/wxs/utils.wxs

@@ -2,9 +2,11 @@
 var bem = require('./bem.wxs');
 var memoize = require('./memoize.wxs');
 var addUnit = require('./add-unit.wxs');
+var isAppThemeVar = require('./is-app-theme-var.wxs');
 
 module.exports = {
   bem: memoize(bem),
   memoize: memoize,
-  addUnit: addUnit
+  addUnit: addUnit,
+  isAppThemeVar: isAppThemeVar,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuya-miniapp/smart-ui",
-  "version": "1.2.2",
+  "version": "1.3.0-beta-2",
   "author": "MiniApp Team",
   "license": "MIT",
   "miniprogram": "lib",