uview-plus 3.7.36 → 3.8.18

package/package.json

@@ -2,7 +2,7 @@
   "id": "uview-plus",
   "name": "uview-plus",
   "displayName": "零云®uview-plus3.0重磅发布，全面的Vue3鸿蒙跨端移动组件库，组件丰富维护更新稳定。",
-  "version": "3.7.36",
+  "version": "3.8.18",
   "description": "零云®uview-plus已兼容vue3支持多语言，120+全面的组件和便捷的工具会让您信手拈来。近期新增拖动排序、条码、图片裁剪、下拉刷新、虚拟列表、签名、Markdown等。",
   "keywords": [
     "uview",
@@ -77,7 +77,8 @@
             "jd": "-",
             "harmony": "√",
             "qq": "√",
-            "lark": "-"
+            "lark": "-",
+            "xhs": "-"
           },
           "quickapp": {
             "huawei": "-",

package/theme.scss

@@ -2,38 +2,119 @@
 // uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中，造成微信程序包太大，
 // 故uni.scss只建议放scss变量名相关样式，其他的样式可以通过main.js或者App.vue引入
 
-$u-main-color: #303133;
-$u-content-color: #606266;
-$u-tips-color: #909193;
-$u-light-color: #c0c4cc;
-$u-border-color: #dadbde;
-$u-bg-color: #f3f4f6;
-$u-disabled-color: #c8c9cc;
-
-$u-primary: #3c9cff;
-$u-primary-dark: #398ade;
-$u-primary-disabled: #9acafc;
-$u-primary-light: #ecf5ff;
-
-$u-warning: #f9ae3d;
-$u-warning-dark: #f1a532;
-$u-warning-disabled: #f9d39b;
-$u-warning-light: #fdf6ec;
-
-$u-success: #5ac725;
-$u-success-dark: #53c21d;
-$u-success-disabled: #a9e08f;
-$u-success-light: #f5fff0;
-
-$u-error: #f56c6c;
-$u-error-dark: #e45656;
-$u-error-disabled: #f7b2b2;
-$u-error-light: #fef0f0;
-
-$u-info: #909399;
-$u-info-dark: #767a82;
-$u-info-disabled: #c4c6c9;
-$u-info-light: #f4f4f5;
+/* #ifdef APP-NVUE */
+$u-main-color: var(--up-main-color, var(--u-main-color, #303133)) !default;
+$u-content-color: var(--up-content-color, var(--u-content-color, #606266)) !default;
+$u-tips-color: var(--up-tips-color, var(--u-tips-color, #909193)) !default;
+$u-light-color: var(--up-light-color, var(--u-light-color, #c0c4cc)) !default;
+$u-border-color: var(--up-border-color, var(--u-border-color, #dadbde)) !default;
+$u-bg-color: var(--up-bg-color, var(--u-bg-color, #f3f4f6)) !default;
+$u-disabled-color: var(--up-disabled-color, var(--u-disabled-color, #c8c9cc)) !default;
+
+$u-primary: var(--up-primary, var(--u-primary, #3c9cff)) !default;
+$u-primary-dark: var(--up-primary-dark, var(--u-primary-dark, #398ade)) !default;
+$u-primary-disabled: var(--up-primary-disabled, var(--u-primary-disabled, #9acafc)) !default;
+$u-primary-light: var(--up-primary-light, var(--u-primary-light, #ecf5ff)) !default;
+
+$u-warning: var(--up-warning, var(--u-warning, #f9ae3d)) !default;
+$u-warning-dark: var(--up-warning-dark, var(--u-warning-dark, #f1a532)) !default;
+$u-warning-disabled: var(--up-warning-disabled, var(--u-warning-disabled, #f9d39b)) !default;
+$u-warning-light: var(--up-warning-light, var(--u-warning-light, #fdf6ec)) !default;
+
+$u-success: var(--up-success, var(--u-success, #5ac725)) !default;
+$u-success-dark: var(--up-success-dark, var(--u-success-dark, #53c21d)) !default;
+$u-success-disabled: var(--up-success-disabled, var(--u-success-disabled, #a9e08f)) !default;
+$u-success-light: var(--up-success-light, var(--u-success-light, #f5fff0)) !default;
+
+$u-error: var(--up-error, var(--u-error, #f56c6c)) !default;
+$u-error-dark: var(--up-error-dark, var(--u-error-dark, #e45656)) !default;
+$u-error-disabled: var(--up-error-disabled, var(--u-error-disabled, #f7b2b2)) !default;
+$u-error-light: var(--up-error-light, var(--u-error-light, #fef0f0)) !default;
+
+$u-info: var(--up-info, var(--u-info, #909399)) !default;
+$u-info-dark: var(--up-info-dark, var(--u-info-dark, #767a82)) !default;
+$u-info-disabled: var(--up-info-disabled, var(--u-info-disabled, #c4c6c9)) !default;
+$u-info-light: var(--up-info-light, var(--u-info-light, #f4f4f5)) !default;
+/* #endif */
+
+/* #ifndef APP-NVUE */
+$u-main-color: var(--up-main-color, var(--u-main-color, #303133)) !default;
+$u-content-color: var(--up-content-color, var(--u-content-color, #606266)) !default;
+$u-tips-color: var(--up-tips-color, var(--u-tips-color, #909193)) !default;
+$u-light-color: var(--up-light-color, var(--u-light-color, #c0c4cc)) !default;
+$u-border-color: var(--up-border-color, var(--u-border-color, #dadbde)) !default;
+$u-bg-color: var(--up-bg-color, var(--u-bg-color, #f3f4f6)) !default;
+$u-disabled-color: var(--up-disabled-color, var(--u-disabled-color, #c8c9cc)) !default;
+
+$u-primary: var(--up-primary, var(--u-primary, #3c9cff)) !default;
+$u-primary-dark: var(--up-primary-dark, var(--u-primary-dark, #398ade)) !default;
+$u-primary-disabled: var(--up-primary-disabled, var(--u-primary-disabled, #9acafc)) !default;
+$u-primary-light: var(--up-primary-light, var(--u-primary-light, #ecf5ff)) !default;
+
+$u-warning: var(--up-warning, var(--u-warning, #f9ae3d)) !default;
+$u-warning-dark: var(--up-warning-dark, var(--u-warning-dark, #f1a532)) !default;
+$u-warning-disabled: var(--up-warning-disabled, var(--u-warning-disabled, #f9d39b)) !default;
+$u-warning-light: var(--up-warning-light, var(--u-warning-light, #fdf6ec)) !default;
+
+$u-success: var(--up-success, var(--u-success, #5ac725)) !default;
+$u-success-dark: var(--up-success-dark, var(--u-success-dark, #53c21d)) !default;
+$u-success-disabled: var(--up-success-disabled, var(--u-success-disabled, #a9e08f)) !default;
+$u-success-light: var(--up-success-light, var(--u-success-light, #f5fff0)) !default;
+
+$u-error: var(--up-error, var(--u-error, #f56c6c)) !default;
+$u-error-dark: var(--up-error-dark, var(--u-error-dark, #e45656)) !default;
+$u-error-disabled: var(--up-error-disabled, var(--u-error-disabled, #f7b2b2)) !default;
+$u-error-light: var(--up-error-light, var(--u-error-light, #fef0f0)) !default;
+
+$u-info: var(--up-info, var(--u-info, #909399)) !default;
+$u-info-dark: var(--up-info-dark, var(--u-info-dark, #767a82)) !default;
+$u-info-disabled: var(--up-info-disabled, var(--u-info-disabled, #c4c6c9)) !default;
+$u-info-light: var(--up-info-light, var(--u-info-light, #f4f4f5)) !default;
+/* #endif */
+
+$up-legacy-light-theme-map: (
+	'main-color': $u-main-color,
+	'content-color': $u-content-color,
+	'tips-color': $u-tips-color,
+	'light-color': $u-light-color,
+	'border-color': $u-border-color,
+	'bg-color': $u-bg-color,
+	'disabled-color': $u-disabled-color,
+	'primary': $u-primary,
+	'primary-dark': $u-primary-dark,
+	'primary-disabled': $u-primary-disabled,
+	'primary-light': $u-primary-light,
+	'warning': $u-warning,
+	'warning-dark': $u-warning-dark,
+	'warning-disabled': $u-warning-disabled,
+	'warning-light': $u-warning-light,
+	'success': $u-success,
+	'success-dark': $u-success-dark,
+	'success-disabled': $u-success-disabled,
+	'success-light': $u-success-light,
+	'error': $u-error,
+	'error-dark': $u-error-dark,
+	'error-disabled': $u-error-disabled,
+	'error-light': $u-error-light,
+	'info': $u-info,
+	'info-dark': $u-info-dark,
+	'info-disabled': $u-info-disabled,
+	'info-light': $u-info-light
+);
+
+@mixin up-export-legacy-light-vars($selector) {
+	#{$selector} {
+		@each $name, $value in $up-legacy-light-theme-map {
+			--up-light-#{$name}: #{$value};
+			--u-light-#{$name}: #{$value};
+		}
+	}
+}
+
+@include up-export-legacy-light-vars(':root');
+@include up-export-legacy-light-vars('page');
+@include up-export-legacy-light-vars('body');
+@include up-export-legacy-light-vars("[data-up-theme='light']");
 
 // scss混入，为了少写几行#ifndef
 @mixin flex($direction: row) {

package/types/index.d.ts

@@ -45,7 +45,8 @@ declare module 'uview-plus' {
 		 */
 		customIcons: {
 			[key: string]: string
-		}
+		},
+		themeMode?: 'light' | 'dark'
 	}
 	interface Color {
 		primary: string,
@@ -58,7 +59,9 @@ declare module 'uview-plus' {
 		contentColor: string,
 		tipsColor: string,
 		lightColor: string,
-		borderColor: string
+		borderColor: string,
+		bgColor?: string,
+		disabledColor?: string
 	}
 	interface GlobalConfig {
 		config: Partial<Config>;
@@ -85,6 +88,42 @@ declare module 'uview-plus' {
 		props: {},
 		color: Color;
 		platform: string;
+		theme: {
+			preference: 'system' | 'light' | 'dark';
+			mode: 'light' | 'dark';
+			version: number;
+			vars: Record<string, string>;
+		};
+		setTheme: (mode?: 'light' | 'dark') => void;
+		setThemePreference: (mode?: 'system' | 'light' | 'dark') => void;
+		getThemePreference: () => 'system' | 'light' | 'dark';
+		getSystemTheme: () => 'light' | 'dark';
+		getThemeVars: (mode?: 'light' | 'dark') => Record<string, string>;
+		/**
+		 * 调用Root根组件中的全局Toast（内部封装了up-toast）
+		 * - 传字符串时等价于 { message: 'xxx' }
+		 */
+		rootToast: (options: string | {
+			message?: string;
+			title?: string;
+			duration?: number;
+			[key: string]: any;
+		}) => void;
+		/** @internal Root根组件用于注册全局Toast引用 */
+		setRootToastRef: (ref?: any) => void;
+		/**
+		 * 调用Root根组件中的全局Notify（内部封装了up-notify）
+		 * - 传字符串时等价于 { message: 'xxx' }
+		 */
+		rootNotify: (options: string | {
+			message?: string;
+			title?: string;
+			duration?: number;
+			type?: 'primary' | 'success' | 'warning' | 'error';
+			[key: string]: any;
+		}) => void;
+		/** @internal Root根组件用于注册全局Notify引用 */
+		setRootNotifyRef: (ref?: any) => void;
 	}
 
 	export function setConfig(config: Partial<GlobalConfig>): void;