@tuya/miniapp-smart-ui 2.13.5-beta-0

package/lib/common/validator.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isVideoUrl = exports.isImageUrl = exports.isBoolean = exports.isNumber = exports.isObj = exports.isDef = exports.isPromise = exports.isPlainObject = exports.isFunction = void 0;
+// eslint-disable-next-line @typescript-eslint/ban-types
+function isFunction(val) {
+    return typeof val === 'function';
+}
+exports.isFunction = isFunction;
+function isPlainObject(val) {
+    return val !== null && typeof val === 'object' && !Array.isArray(val);
+}
+exports.isPlainObject = isPlainObject;
+function isPromise(val) {
+    return isPlainObject(val) && isFunction(val.then) && isFunction(val.catch);
+}
+exports.isPromise = isPromise;
+function isDef(value) {
+    return value !== undefined && value !== null;
+}
+exports.isDef = isDef;
+function isObj(x) {
+    var type = typeof x;
+    return x !== null && (type === 'object' || type === 'function');
+}
+exports.isObj = isObj;
+function isNumber(value) {
+    return /^\d+(\.\d+)?$/.test(value);
+}
+exports.isNumber = isNumber;
+function isBoolean(value) {
+    return typeof value === 'boolean';
+}
+exports.isBoolean = isBoolean;
+var IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i;
+var VIDEO_REGEXP = /\.(mp4|mpg|mpeg|dat|asf|avi|rm|rmvb|mov|wmv|flv|mkv)/i;
+function isImageUrl(url) {
+    return IMAGE_REGEXP.test(url);
+}
+exports.isImageUrl = isImageUrl;
+function isVideoUrl(url) {
+    return VIDEO_REGEXP.test(url);
+}
+exports.isVideoUrl = isVideoUrl;

package/lib/common/version.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="miniprogram-api-typings" />
+interface WxWorkSystemInfo extends WechatMiniprogram.SystemInfo {
+    environment?: 'wxwork';
+}
+interface SystemInfo extends WxWorkSystemInfo, WechatMiniprogram.SystemInfo {
+}
+export declare function getSystemInfoSync(): SystemInfo;
+export declare function canIUseModel(): boolean;
+export declare function canIUseFormFieldButton(): boolean;
+export declare function canIUseAnimate(): boolean;
+export declare function canIUseGroupSetData(): boolean;
+export declare function canIUseNextTick(): boolean;
+export declare function canIUseCanvas2d(): boolean;
+export declare function canIUseGetUserProfile(): boolean;
+export {};

package/lib/common/version.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.canIUseGetUserProfile = exports.canIUseCanvas2d = exports.canIUseNextTick = exports.canIUseGroupSetData = exports.canIUseAnimate = exports.canIUseFormFieldButton = exports.canIUseModel = exports.getSystemInfoSync = void 0;
+var systemInfo;
+function getSystemInfoSync() {
+    if (systemInfo == null) {
+        systemInfo = wx.getSystemInfoSync();
+    }
+    return systemInfo;
+}
+exports.getSystemInfoSync = getSystemInfoSync;
+function compareVersion(v1, v2) {
+    v1 = v1.split('.');
+    v2 = v2.split('.');
+    var len = Math.max(v1.length, v2.length);
+    while (v1.length < len) {
+        v1.push('0');
+    }
+    while (v2.length < len) {
+        v2.push('0');
+    }
+    for (var i = 0; i < len; i++) {
+        var num1 = parseInt(v1[i], 10);
+        var num2 = parseInt(v2[i], 10);
+        if (num1 > num2) {
+            return 1;
+        }
+        if (num1 < num2) {
+            return -1;
+        }
+    }
+    return 0;
+}
+function gte(version) {
+    var system = getSystemInfoSync();
+    return compareVersion(system.SDKVersion, version) >= 0;
+}
+function canIUseModel() {
+    return gte('2.9.3');
+}
+exports.canIUseModel = canIUseModel;
+function canIUseFormFieldButton() {
+    return gte('2.10.3');
+}
+exports.canIUseFormFieldButton = canIUseFormFieldButton;
+function canIUseAnimate() {
+    return gte('2.9.0');
+}
+exports.canIUseAnimate = canIUseAnimate;
+function canIUseGroupSetData() {
+    return gte('2.4.0');
+}
+exports.canIUseGroupSetData = canIUseGroupSetData;
+function canIUseNextTick() {
+    try {
+        return wx.canIUse('nextTick');
+    }
+    catch (e) {
+        return gte('2.7.1');
+    }
+}
+exports.canIUseNextTick = canIUseNextTick;
+function canIUseCanvas2d() {
+    return gte('2.9.0');
+}
+exports.canIUseCanvas2d = canIUseCanvas2d;
+function canIUseGetUserProfile() {
+    return !!wx.getUserProfile;
+}
+exports.canIUseGetUserProfile = canIUseGetUserProfile;

package/lib/config-provider/README.md

@@ -0,0 +1,143 @@
+---
+category: 通用
+---
+
+# ConfigProvider 全局配置
+
+### 介绍
+
+用于配置 Smart UI 组件的主题样式。  
+* [ConfigProvider 组件最佳实践](https://github.com/Tuya-Community/miniapp-smart-ui/wiki/ConfigProvider-%E7%BB%84%E4%BB%B6%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5)
+
+### 引入
+
+在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](/material/smartui?comId=help-getting-started&appType=miniapp)。
+
+```json
+"usingComponents": {
+  "smart-config-provider": "@tuya/miniapp-smart-ui/lib/config-provider/index"
+}
+```
+
+## 定制主题
+
+### 介绍
+
+Smart UI 组件通过丰富的 [CSS 变量](https://developer.mozilla.org/zh-CN/docs/Web/CSS/Using_CSS_custom_properties) 来组织样式，通过覆盖这些 CSS 变量，可以实现**定制主题、动态切换主题**等效果。
+
+#### 示例
+
+以 Button 组件为例，查看组件的样式，可以看到 `.smart-button--primary` 类名上存在以下变量：
+
+```css
+.smart-button--primary {
+  color: var(--button-primary-color, #fff);
+  background: var(--button-primary-background-color, #07c160);
+  border: var(--button-border-width, 1px) solid var(
+      --button-primary-border-color,
+      #07c160
+    );
+}
+```
+
+### 自定义 CSS 变量
+
+#### 通过 CSS 覆盖
+
+你可以直接在代码中覆盖这些 CSS 变量，Button 组件的样式会随之发生改变：
+
+```css
+/* 添加这段样式后，Primary Button 会变成红色 */
+page {
+  --button-primary-background-color: red;
+}
+```
+
+#### 通过 ConfigProvider 覆盖
+
+`ConfigProvider` 组件提供了覆盖 CSS 变量的能力，你需要在组件节点外包裹一个 `ConfigProvider` 组件，并通过 `theme-vars` 属性来配置一些主题变量，其入参就是组件的CSS 变量变成驼峰形式。
+
+```html
+<view class="demo-buttons">
+  <smart-button type="primary" data-color="red" color="red" bind:click="onChange">
+    设置为红色
+  </smart-button>
+  <smart-button type="primary" data-color="green" color="green" bind:click="onChange">
+    设置为绿色
+  </smart-button>
+  <smart-button type="primary" data-color="blue" color="blue" bind:click="onChange">
+    设置为蓝色
+  </smart-button>
+</view>
+<smart-config-provider theme-vars="{{ themeVars }}">
+  <smart-button type="primary">主按钮</smart-button>
+</smart-config-provider>
+```
+
+```js
+Page({
+  data: {
+    themeVars: {
+      buttonPrimaryBorderColor: 'red',
+      buttonPrimaryBackgroundColor: 'red',
+    },
+  },
+
+  onChange(event) {
+    const { color } = event.currentTarget.dataset;
+    this.setData({
+      themeVars: {
+        buttonPrimaryBorderColor: color,
+        buttonPrimaryBackgroundColor: color,
+      },
+    });
+  },
+});
+```
+
+### 主题切换 `v2.8.0`
+
+`ConfigProvider` 组件支持通过 `theme` 属性来切换明暗主题，可选值为 `light` 和 `dark`。
+
+```html
+<view class="demo-buttons">
+  <smart-button type="primary" data-theme="light" bind:click="onThemeChange">
+    浅色主题
+  </smart-button>
+  <text>当前主题：{{ currentTheme }}</text>
+  <smart-button type="primary" data-theme="dark" bind:click="onThemeChange">
+    深色主题
+  </smart-button>
+</view>
+<smart-config-provider theme="{{ currentTheme }}">
+  <smart-cell-group>
+    <smart-cell title="标题" value="内容" />
+    <smart-cell title="标题" value="内容" label="详细信息" is-link />
+  </smart-cell-group>
+</smart-config-provider>
+```
+
+```js
+Page({
+  data: {
+    currentTheme: 'light',
+  },
+
+  onThemeChange(event) {
+    const { theme } = event.currentTarget.dataset;
+    this.setData({
+      currentTheme: theme,
+    });
+  },
+});
+```
+
+## API
+
+### Props
+
+| 参数       | 说明           | 类型     | 默认值 |
+| ---------- | -------------- | -------- | ------ |
+| theme-vars | 自定义主题变量 | _object_ | -      |
+| theme   `v2.8.0`      | 主题模式       | _'light'\/'dark'_ | -      |
+

package/lib/config-provider/dark.wxs

@@ -0,0 +1,105 @@
+/* eslint-disable */
+var darkVars = {};
+
+var v0 = "#000";
+var v1 = "rgba(255, 255, 255, 1)";
+var v2 = "rgba(255, 255, 255, 0.7)";
+var v3 = "rgba(255, 255, 255, 0.5)";
+var v4 = "rgba(255, 255, 255, 0.3)";
+var v5 = "rgba(255, 255, 255, 0.2)";
+var v6 = "rgba(255, 255, 255, 0.1)";
+var v7 = "rgba(0, 0, 0, 0.7)";
+var v8 = "rgba(25.5, 25.5, 25.5, 1)";
+var v9 = "rgba(26, 26, 26, 1)";
+
+darkVars["--app-B1"] = v0; // 背景色B1
+darkVars["--app-B1-N1"] = v1; // 背景色 N1 字体色
+darkVars["--app-B1-N2"] = v2; // 背景色 N2 字体色
+darkVars["--app-B1-N3"] = v3; // 背景色 N3 字体色
+darkVars["--app-B1-N4"] = v4; // 背景色 N4 字体色
+darkVars["--app-B1-N5"] = v2; // 背景色 N5 字体色
+darkVars["--app-B1-N6"] = v5; // 背景色 N6 字体色
+darkVars["--app-B1-N7"] = v6; // 背景色 N7 字体色
+darkVars["--app-B1-N8"] = v7; // 背景色 N8 字体色
+darkVars["--app-B1-N9"] = v6; // 背景色 N9 字体色
+
+darkVars["--app-B2"] = v9; // 顶部导航栏B2
+darkVars["--app-B2-N1"] = v1; // 顶部导航栏 N1 字体色
+darkVars["--app-B2-N2"] = v2; // 顶部导航栏 N2 字体色
+darkVars["--app-B2-N3"] = v3; // 顶部导航栏 N3 字体色
+darkVars["--app-B2-N4"] = v4; // 顶部导航栏 N4 字体色
+darkVars["--app-B2-N5"] = v2; // 顶部导航栏 N5 字体色
+darkVars["--app-B2-N6"] = v5; // 顶部导航栏 N6 字体色
+darkVars["--app-B2-N7"] = v6; // 顶部导航栏 N7 字体色
+darkVars["--app-B2-N8"] = v7; // 顶部导航栏 N8 字体色
+darkVars["--app-B2-N9"] = v6; // 顶部导航栏 N9 字体色
+
+darkVars["--app-B3"] = v9; // 卡片B3
+darkVars["--app-B3-N1"] = v1; // 卡片 N1 字体色
+darkVars["--app-B3-N2"] = v2; // 卡片 N2 字体色
+darkVars["--app-B3-N3"] = v3; // 卡片 N3 字体色
+darkVars["--app-B3-N4"] = v4; // 卡片 N4 字体色
+darkVars["--app-B3-N5"] = v2; // 卡片 N5 字体色
+darkVars["--app-B3-N6"] = v5; // 卡片 N6 字体色
+darkVars["--app-B3-N7"] = v6; // 卡片 N7 字体色
+darkVars["--app-B3-N8"] = v7; // 卡片 N8 字体色
+darkVars["--app-B3-N9"] = v6; // 卡片 N9 字体色
+
+darkVars["--app-B4"] = v9; // 弹窗B4
+darkVars["--app-B4-N1"] = v1; // 弹窗 N1 字体色
+darkVars["--app-B4-N2"] = v2; // 弹窗 N2 字体色
+darkVars["--app-B4-N3"] = v3; // 弹窗 N3 字体色
+darkVars["--app-B4-N4"] = v4; // 弹窗 N4 字体色
+darkVars["--app-B4-N5"] = v2; // 弹窗 N5 字体色
+darkVars["--app-B4-N6"] = v5; // 弹窗 N6 字体色
+darkVars["--app-B4-N7"] = v6; // 弹窗 N7 字体色
+darkVars["--app-B4-N8"] = v7; // 弹窗 N8 字体色
+darkVars["--app-B4-N9"] = v6; // 弹窗 N9 字体色
+
+darkVars["--app-B5"] = v9; // 底部导航栏背景B5
+darkVars["--app-B5-N1"] = v1; // 底部导航栏 N1 字体色
+darkVars["--app-B5-N2"] = v2; // 底部导航栏 N2 字体色
+darkVars["--app-B5-N3"] = v3; // 底部导航栏 N3 字体色
+darkVars["--app-B5-N4"] = v4; // 底部导航栏 N4 字体色
+darkVars["--app-B5-N5"] = v2; // 底部导航栏 N5 字体色
+darkVars["--app-B5-N6"] = v5; // 底部导航栏 N6 字体色
+darkVars["--app-B5-N7"] = v6; // 底部导航栏 N7 字体色
+darkVars["--app-B5-N8"] = v7; // 底部导航栏 N8 字体色
+darkVars["--app-B5-N9"] = v6; // 底部导航栏 N9 字体色
+
+darkVars["--app-B6"] = v8; // 列表背景B6
+darkVars["--app-B6-N1"] = v1; // 列表 N1 字体色
+darkVars["--app-B6-N2"] = v2; // 列表 N2 字体色
+darkVars["--app-B6-N3"] = v3; // 列表 N3 字体色
+darkVars["--app-B6-N4"] = v4; // 列表 N4 字体色
+darkVars["--app-B6-N5"] = v2; // 列表 N5 字体色
+darkVars["--app-B6-N6"] = v5; // 列表 N6 字体色
+darkVars["--app-B6-N7"] = v6; // 列表 N7 字体色
+darkVars["--app-B6-N8"] = v7; // 列表 N8 字体色
+darkVars["--app-B6-N9"] = v6; // 列表 N9 字体色
+
+darkVars["--app-M1-N8"] = v7; // 用于按钮、品牌露出 N8 字体色
+darkVars["--app-M1-N9"] = v6; // 用于按钮、品牌露出 N9 字体色
+darkVars["--app-M2-N8"] = v7; // 用于强警告、提示信息 N8 字体色
+darkVars["--app-M2-N9"] = v6; // 用于强警告、提示信息 N9 字体色
+darkVars["--app-M3-N8"] = v7; // 用于成功、开关、推荐等 N8 字体色
+darkVars["--app-M3-N9"] = v6; // 用于成功、开关、推荐等 N9 字体色
+darkVars["--app-M4-N8"] = v7; // 用于正向引导、按钮文字、链接等 N8 字体色
+darkVars["--app-M4-N9"] = v6; // 用于正向引导、按钮文字、链接等 N9 字体色
+darkVars["--app-M5-N8"] = v7; // 用于轻度警告、提示信息 N8 字体色
+darkVars["--app-M5-N9"] = v6; // 用于轻度警告、提示信息 N9 字体色
+
+darkVars["--smart-ui-overlay"] = v7; // 遮罩层
+darkVars["--smart-ui-bottom-sheet-dragger-node-background"] = v4; // 底部导航栏背景
+darkVars["--smart-ui-dialog-background"] = "#333"; // 弹窗背景色
+darkVars["--smart-ui-border-image"] = "linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0))"; // 边框图片
+darkVars["--smart-ui-battery-body-base-background"] = "rgba(255, 255, 255, 0.4)"; // 电池主体背景色
+darkVars["--smart-ui-battery-text-color"] = v1; // 电量文本颜色
+darkVars["--smart-ui-battery-slash-border-color"] = v0; // 电池边框颜色
+darkVars["--smart-ui-toast-background"] = "#3C3C3C"; // Toast 深色面板背景
+darkVars["--smart-ui-toast-border"] = "1px solid rgba(255, 255, 255, 0.05)"; // Toast 描边
+darkVars["--smart-ui-toast-box-shadow"] = "0 8px 24px 0 rgba(0, 0, 0, 0.15)"; // Toast 外投影
+darkVars["--smart-ui-overlay-blur-background"] = "rgba(0, 0, 0, 0.6)"; // Overlay 深色模式毛玻璃/遮罩
+darkVars["--smart-a11y-action-sheet-item-text-color"] = "#fff"; // 无障碍 action sheet item text color
+
+module.exports = darkVars;

package/lib/config-provider/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/config-provider/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+(0, component_1.SmartComponent)({
+    props: {
+        themeVars: {
+            type: Object,
+            value: {},
+        },
+        theme: String,
+    },
+});

package/lib/config-provider/index.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

package/lib/config-provider/index.wxml

@@ -0,0 +1,5 @@
+<wxs src="./index.wxs" module="computed" />
+
+<view class="smart-config-provider custom-class" style="{{ computed.mapThemeVarsToCSSVars({ themeVars: themeVars, theme: theme }) }}">
+  <slot />
+</view>

package/lib/config-provider/index.wxs

@@ -0,0 +1,52 @@
+/* eslint-disable */
+var object = require('../wxs/object.wxs');
+var style = require('../wxs/style.wxs');
+
+var lightVars = require('./light.wxs');
+var darkVars = require('./dark.wxs');
+
+function kebabCase(word) {
+  var newWord = word
+    .replace(getRegExp("[A-Z]", 'g'), function (i) {
+      return '-' + i;
+    })
+    .toLowerCase()
+    .replace(getRegExp("^-"), '');
+
+  return newWord;
+}
+
+function mapThemeVarsToCSSVars(data) {
+  var themeVars = data.themeVars;
+  var theme = data.theme;
+  
+  // 最终的 CSS 变量对象
+  var cssVars = {};
+  
+  // 先处理用户传入的 themeVars（需要转换键名为 kebab-case）
+  if (themeVars) {
+    object.keys(themeVars).forEach(function (key) {
+      var cssVarsKey = '--' + kebabCase(key);
+      cssVars[cssVarsKey] = themeVars[key];
+    });
+  }
+  var themeJSON = {
+    light: lightVars,
+    dark: darkVars
+  };
+
+  // 如果找到了对应的变量，则合并（覆盖用户自定义的相同键）
+  var varsToMerge = themeJSON[theme];
+  if (varsToMerge) {
+    object.keys(varsToMerge).forEach(function (key) {
+      cssVars[key] = varsToMerge[key];
+    });
+  }
+
+  return style(cssVars);
+}
+
+module.exports = {
+  kebabCase: kebabCase,
+  mapThemeVarsToCSSVars: mapThemeVarsToCSSVars,
+};

package/lib/config-provider/light.wxs

@@ -0,0 +1,106 @@
+/* eslint-disable */
+var lightVars = {};
+
+var v0 = "rgba(246, 247, 251, 1)";
+var v1 = "rgba(0, 0, 0, 0.9)";
+var v2 = "rgba(0, 0, 0, 0.7)";
+var v3 = "rgba(0, 0, 0, 0.5)";
+var v4 = "rgba(0, 0, 0, 0.3)";
+var v5 = "rgba(0, 0, 0, 0.2)";
+var v6 = "rgba(0, 0, 0, 0.1)";
+var v7 = "rgba(0, 0, 0, 0.4)";
+var v8 = "rgba(0, 0, 0, 0.03)";
+var v10 = "#fff";
+var v12 = "rgba(255, 255, 255, 0.03)";
+
+lightVars["--app-B1"] = v0; // 背景色B1
+lightVars["--app-B1-N1"] = v1; // 背景色 N1 字体色
+lightVars["--app-B1-N2"] = v2; // 背景色 N2 字体色
+lightVars["--app-B1-N3"] = v3; // 背景色 N3 字体色
+lightVars["--app-B1-N4"] = v4; // 背景色 N4 字体色
+lightVars["--app-B1-N5"] = v2; // 背景色 N5 字体色
+lightVars["--app-B1-N6"] = v5; // 背景色 N6 字体色
+lightVars["--app-B1-N7"] = v6; // 背景色 N7 字体色
+lightVars["--app-B1-N8"] = v7; // 背景色 N8 字体色
+lightVars["--app-B1-N9"] = v8; // 背景色 N9 字体色
+
+lightVars["--app-B2"] = v10; // 顶部导航栏B2
+lightVars["--app-B2-N1"] = v1; // 顶部导航栏 N1 字体色
+lightVars["--app-B2-N2"] = v2; // 顶部导航栏 N2 字体色
+lightVars["--app-B2-N3"] = v3; // 顶部导航栏 N3 字体色
+lightVars["--app-B2-N4"] = v4; // 顶部导航栏 N4 字体色
+lightVars["--app-B2-N5"] = v2; // 顶部导航栏 N5 字体色
+lightVars["--app-B2-N6"] = v5; // 顶部导航栏 N6 字体色
+lightVars["--app-B2-N7"] = v6; // 顶部导航栏 N7 字体色
+lightVars["--app-B2-N8"] = v7; // 顶部导航栏 N8 字体色
+lightVars["--app-B2-N9"] = v8; // 顶部导航栏 N9 字体色
+
+lightVars["--app-B3"] = v10; // 卡片B3
+lightVars["--app-B3-N1"] = v1; // 卡片 N1 字体色
+lightVars["--app-B3-N2"] = v2; // 卡片 N2 字体色
+lightVars["--app-B3-N3"] = v3; // 卡片 N3 字体色
+lightVars["--app-B3-N4"] = v4; // 卡片 N4 字体色
+lightVars["--app-B3-N5"] = v2; // 卡片 N5 字体色
+lightVars["--app-B3-N6"] = v5; // 卡片 N6 字体色
+lightVars["--app-B3-N7"] = v6; // 卡片 N7 字体色
+lightVars["--app-B3-N8"] = v7; // 卡片 N8 字体色
+lightVars["--app-B3-N9"] = v8; // 卡片 N9 字体色
+
+lightVars["--app-B4"] = v10; // 弹窗B4
+lightVars["--app-B4-N1"] = v1; // 弹窗 N1 字体色
+lightVars["--app-B4-N2"] = v2; // 弹窗 N2 字体色
+lightVars["--app-B4-N3"] = v3; // 弹窗 N3 字体色
+lightVars["--app-B4-N4"] = v4; // 弹窗 N4 字体色
+lightVars["--app-B4-N5"] = v2; // 弹窗 N5 字体色
+lightVars["--app-B4-N6"] = v5; // 弹窗 N6 字体色
+lightVars["--app-B4-N7"] = v6; // 弹窗 N7 字体色
+lightVars["--app-B4-N8"] = v7; // 弹窗 N8 字体色
+lightVars["--app-B4-N9"] = v8; // 弹窗 N9 字体色
+
+lightVars["--app-B5"] = v10; // 底部导航栏B5
+lightVars["--app-B5-N1"] = v1; // 底部导航栏 N1 字体色
+lightVars["--app-B5-N2"] = v2; // 底部导航栏 N2 字体色
+lightVars["--app-B5-N3"] = v3; // 底部导航栏 N3 字体色
+lightVars["--app-B5-N4"] = v4; // 底部导航栏 N4 字体色
+lightVars["--app-B5-N5"] = v2; // 底部导航栏 N5 字体色
+lightVars["--app-B5-N6"] = v5; // 底部导航栏 N6 字体色
+lightVars["--app-B5-N7"] = v6; // 底部导航栏 N7 字体色
+lightVars["--app-B5-N8"] = v7; // 底部导航栏 N8 字体色
+lightVars["--app-B5-N9"] = v8; // 底部导航栏 N9 字体色
+
+lightVars["--app-B6"] = v10; // 列表背景B6
+lightVars["--app-B6-N1"] = v1; // 列表 N1 字体色
+lightVars["--app-B6-N2"] = v2; // 列表 N2 字体色
+lightVars["--app-B6-N3"] = v3; // 列表 N3 字体色
+lightVars["--app-B6-N4"] = v4; // 列表 N4 字体色
+lightVars["--app-B6-N5"] = v2; // 列表 N5 字体色
+lightVars["--app-B6-N6"] = v5; // 列表 N6 字体色
+lightVars["--app-B6-N7"] = v6; // 列表 N7 字体色
+lightVars["--app-B6-N8"] = v7; // 列表 N8 字体色
+lightVars["--app-B6-N9"] = v8; // 列表 N9 字体色
+
+lightVars["--app-M1-N8"] = v7; // 用于按钮、品牌露出 N8 字体色
+lightVars["--app-M1-N9"] = v12; // 用于按钮、品牌露出 N9 字体色
+lightVars["--app-M2-N8"] = v7; // 用于强警告、提示信息 N8 字体色
+lightVars["--app-M2-N9"] = v12; // 用于强警告、提示信息 N9 字体色
+lightVars["--app-M3-N8"] = v7; // 用于成功、开关、推荐等 N8 字体色
+lightVars["--app-M3-N9"] = v12; // 用于成功、开关、推荐等 N9 字体色
+lightVars["--app-M4-N8"] = v7; // 用于正向引导、按钮文字、链接等 N8 字体色
+lightVars["--app-M4-N9"] = v12; // 用于正向引导、按钮文字、链接等 N9 字体色
+lightVars["--app-M5-N8"] = v7; // 用于轻度警告、提示信息 N8 字体色
+lightVars["--app-M5-N9"] = v12; // 用于轻度警告、提示信息 N9 字体色
+
+lightVars["--smart-ui-overlay"] = v7; // 遮罩层
+lightVars["--smart-ui-bottom-sheet-dragger-node-background"] = v4; // 底部导航栏背景
+lightVars["--smart-ui-dialog-background"] = v10; // 弹窗背景色
+lightVars["--smart-ui-border-image"] = "linear-gradient(to right,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0))"; // 边框图片
+lightVars["--smart-ui-battery-body-base-background"] = "rgba(0, 0, 0, 0.25)"; // 电池主体背景色
+lightVars["--smart-ui-battery-text-color"] = "rgba(0, 0, 0, 0.6)"; // 电量文本颜色
+lightVars["--smart-ui-battery-slash-border-color"] = v10; // 电池边框颜色
+lightVars["--smart-ui-toast-background"] = "#5C5C5C"; // Toast 浅色面板背景
+lightVars["--smart-ui-toast-border"] = "1px solid rgba(255, 255, 255, 0.05)"; // Toast 描边
+lightVars["--smart-ui-toast-box-shadow"] = "0 4px 12px rgba(0, 0, 0, 0.1), 0 16px 32px rgba(0, 0, 0, 0.12)"; // Toast 外投影
+lightVars["--smart-ui-overlay-blur-background"] = "rgba(40, 44, 53, 0.22)"; // Overlay 毛玻璃/半透明遮罩
+lightVars["--smart-a11y-action-sheet-item-text-color"] = "#000"; // 无障碍 action sheet item text color
+
+module.exports = lightVars;