uview-ultra 4.5.46

package/libs/css/components.scss

@@ -0,0 +1,37 @@
+@import "./mixin.scss";
+
+/* #ifndef APP-NVUE */
+// 由于uview-plus是基于nvue环境进行开发的，此环境中普通元素默认为flex-direction: column;
+// 所以在非nvue中，需要对元素进行重置为flex-direction: column; 否则可能会表现异常
+// 2024-04-09由于微信小程序会提示 Some selectors are not allowed in component wxss所以注释以下几行
+// view,
+// scroll-view,
+// swiper-item,
+.u-empty,
+.u-empty__wrap,
+.u-tabs,
+.u-tabs__wrapper,
+.u-tabs__wrapper__scroll-view-wrapper,
+.u-tabs__wrapper__scroll-view,
+.u-tabs__wrapper__nav,
+.u-tabs__wrapper__nav__line,
+.up-empty,
+.up-empty__wrap,
+.up-tabs,
+.up-tabs__wrapper,
+.up-tabs__wrapper__scroll-view-wrapper,
+.up-tabs__wrapper__scroll-view,
+.up-tabs__wrapper__nav,
+.up-tabs__wrapper__nav__line {
+	display: flex;
+	flex-direction: column;
+	flex-shrink: 0;
+	flex-grow: 0;
+	flex-basis: auto;
+	align-items: stretch;
+	align-content: flex-start;
+}
+.w-full {
+	box-sizing: border-box;
+}
+/* #endif */

package/libs/css/flex.scss

@@ -0,0 +1,368 @@
+// .u-flex {
+// 	@include vue-flex(row);
+// }
+
+// .u-flex-x {
+// 	@include vue-flex(row);
+// }
+
+// .u-flex-y {
+// 	@include vue-flex(column);
+// }
+
+// .u-flex-xy-center {
+// 	@include vue-flex(row);
+// 	justify-content: center;
+// 	align-items: center;
+// }
+
+// .u-flex-x-center {
+// 	@include vue-flex(row);
+// 	justify-content: center;
+// }
+
+// .u-flex-y-center {
+// 	@include vue-flex(column);
+// 	justify-content: center;
+// }
+
+
+// flex布局
+.u-flex,
+.u-flex-row,
+.u-flex-x,
+.up-flex,
+.up-flex-row,
+.up-flex-x {
+	@include flex;
+}
+
+.u-flex-y,
+.u-flex-column,
+.up-flex-y,
+.up-flex-column {
+	@include flex(column);
+}
+
+.u-flex-x-center,
+.up-flex-x-center {
+	@include flex;
+	justify-content: center;
+}
+
+.u-flex-xy-center,
+.up-flex-xy-center {
+	@include flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.u-flex-y-center,
+.up-flex-y-center {
+	@include flex;
+	align-items: center;
+}
+
+.u-flex-x-left,
+.up-flex-x-left {
+	@include flex;
+}
+
+.u-flex-x-reverse,
+.u-flex-row-reverse,
+.up-flex-x-reverse,
+.up-flex-row-reverse  {
+	flex-direction: row-reverse;
+}
+
+.u-flex-y-reverse,
+.u-flex-column-reverse,
+.up-flex-y-reverse,
+.up-flex-column-reverse {
+	flex-direction: column-reverse;
+}
+
+/* #ifndef APP-NVUE */
+// 此处为vue版本的简写，因为nvue不支持同时作用于两个类名的样式写法
+// nvue下只能写成class="u-flex-x u-flex-x-reverse的形式"
+.u-flex.u-flex-reverse,
+.u-flex-row.u-flex-reverse,
+.u-flex-x.u-flex-reverse,
+.up-flex.up-flex-reverse,
+.up-flex-row.up-flex-reverse,
+.up-flex-x.up-flex-reverse {
+	flex-direction: row-reverse;
+}
+
+.u-flex-column.u-flex-reverse,
+.u-flex-y.u-flex-reverse,
+.up-flex-column.up-flex-reverse,
+.up-flex-y.up-flex-reverse {
+	flex-direction: column-reverse;
+}
+
+// 自动伸缩
+.u-flex-fill,
+.u-flex-fillp {
+	flex: 1 1 auto;
+}
+
+// 边界自动伸缩
+.u-margin-top-auto,
+.u-m-t-auto,
+.up-margin-top-auto,
+.up-m-t-auto {
+	margin-top: auto !important;
+}
+
+.u-margin-right-auto,
+.u-m-r-auto,
+.up-margin-right-auto,
+.up-m-r-auto {
+	margin-right: auto !important;
+}
+
+.u-margin-bottom-auto,
+.u-m-b-auto,
+.up-margin-bottom-auto,
+.up-m-b-auto {
+	margin-bottom: auto !important;
+}
+
+.u-margin-left-auto,
+.u-m-l-auto,
+.up-margin-left-auto,
+.up-m-l-auto {
+	margin-left: auto !important;
+}
+
+.u-margin-center-auto,
+.u-m-c-auto,
+.up-margin-center-auto,
+.up-m-c-auto {
+	margin-left: auto !important;
+	margin-right: auto !important;
+}
+
+.u-margin-middle-auto,
+.u-m-m-auto,
+.up-margin-middle-auto,
+.up-m-m-auto {
+	margin-top: auto !important;
+	margin-bottom: auto !important;
+}
+/* #endif */
+
+// 换行
+.u-flex-wrap,
+.up-flex-wrap {
+	flex-wrap: wrap;
+}
+
+// 反向换行
+.u-flex-wrap-reverse,
+.up-flex-wrap-reverse {
+	flex-wrap: wrap-reverse;
+}
+
+// 主轴起点对齐
+.u-flex-start,
+.up-flex-start {
+	justify-content: flex-start;
+}
+
+// 主轴中间对齐
+.u-flex-center,
+.up-flex-center {
+	justify-content: center;
+}
+
+// 主轴终点对齐
+.u-flex-end,
+.up-flex-end {
+	justify-content: flex-end;
+}
+
+// 主轴等比间距
+.u-flex-between,
+.up-flex-between {
+	justify-content: space-between;
+}
+
+// 主轴均分间距
+.u-flex-around,
+.up-flex-around {
+	justify-content: space-around;
+}
+
+// 交叉轴起点对齐
+.u-flex-items-start,
+.up-flex-items-start {
+	align-items: flex-start;
+}
+
+// 交叉轴中间对齐
+.u-flex-items-center,
+.up-flex-items-center {
+	align-items: center;
+}
+
+// 交叉轴终点对齐
+.u-flex-items-end,
+.up-flex-items-end {
+	align-items: flex-end;
+}
+
+// 交叉轴第一行文字基线对齐
+.u-flex-items-baseline,
+.up-flex-items-baseline {
+	/* #ifndef APP-NVUE */
+	/* #ifndef UNI-APP-X */
+	align-items: baseline;
+	/* #endif */
+	/* #endif */
+}
+
+// 交叉轴方向拉伸对齐
+.u-flex-items-stretch,
+.up-flex-items-stretch {
+	align-items: stretch;
+}
+
+
+// 以下属于项目(子元素)的类
+
+// 子元素交叉轴起点对齐
+/* #ifndef APP-NVUE */
+.u-flex-self-start,
+.up-flex-self-start {
+	align-self: flex-start;
+}
+
+// 子元素交叉轴居中对齐
+.u-flex-self-center,
+.up-flex-self-center {
+	align-self: center;
+}
+
+// 子元素交叉轴终点对齐
+.u-flex-self-end,
+.up-flex-self-end {
+	align-self: flex-end;
+}
+
+// 子元素交叉轴第一行文字基线对齐
+.u-flex-self-baseline,
+.up-flex-self-baseline {
+	/* #ifndef UNI-APP-X */
+	align-self: baseline;
+	/* #endif */
+}
+
+// 子元素交叉轴方向拉伸对齐
+.u-flex-self-stretch,
+.up-flex-self-stretch {
+	align-self: stretch;
+}
+/* #endif */
+// 多轴交叉时的对齐方式
+
+// 起点对齐
+/* #ifndef APP-NVUE */
+.u-flex-content-start,
+.up-flex-content-start {
+	align-content: flex-start;
+}
+
+// 居中对齐
+.u-flex-content-center,
+.up-flex-content-center {
+	align-content: center;
+}
+
+// 终点对齐
+.u-flex-content-end,
+.up-flex-content-end {
+	align-content: flex-end;
+}
+
+// 两端对齐
+.u-flex-content-between,
+.up-flex-content-between {
+	align-content: space-between;
+}
+
+// 均分间距
+.u-flex-content-around,
+.up-flex-content-around {
+	align-content: space-around;
+}
+
+// 全部居中对齐
+.u-flex-middle,
+.up-flex-middle {
+	justify-content: center;
+	align-items: center;
+	align-self: center;
+	align-content: center;
+}
+
+// 是否可以放大
+.u-flex-grow,
+.up-flex-grow {
+	flex-grow: 1;
+}
+
+// 是否可以缩小
+.u-flex-shrink,
+.up-flex-shrink {
+	flex-shrink: 1;
+}
+
+/* #endif */
+
+// 定义内外边距，历遍1-80
+@for $i from 0 through 80 {
+	// 只要双数和能被5除尽的数
+	@if $i % 2 == 0 or $i % 5 == 0 {
+		// 得出：up-margin-30或者u-m-30
+		.u-margin-#{$i}, .u-m-#{$i},
+		.up-margin-#{$i}, .up-m-#{$i} {
+			margin: $i + rpx!important;
+		}
+		
+		// 得出：up-padding-30或者u-p-30
+		.u-padding-#{$i}, .u-p-#{$i},
+		.up-padding-#{$i}, .up-p-#{$i} {
+			padding: $i + rpx!important;
+		}
+		
+		@each $short, $long in l left, t top, r right, b bottom {
+			// 缩写版，结果如： up-m-l-30
+			// 定义外边距
+			.u-m-#{$short}-#{$i},
+			.up-m-#{$short}-#{$i} {
+				margin-#{$long}: $i + rpx!important;
+			}
+			
+			// 定义内边距
+			.u-p-#{$short}-#{$i},
+			.up-p-#{$short}-#{$i} {
+				padding-#{$long}: $i + rpx!important;
+			}
+			
+			// 完整版，结果如：up-margin-left-30
+			// 定义外边距
+			.u-margin-#{$long}-#{$i},
+			.up-margin-#{$long}-#{$i} {
+				margin-#{$long}: $i + rpx!important;
+			}
+			
+			// 定义内边距
+			.u-padding-#{$long}-#{$i},
+			.up-padding-#{$long}-#{$i} {
+				padding-#{$long}: $i + rpx!important;
+			}
+		}
+	}
+}

package/libs/css/mixin.scss

@@ -0,0 +1,8 @@
+// 通过scss的mixin功能，把原来需要写4行的css，变成一行
+// 目的是保持代码干净整洁，不至于在nvue下，到处都要写display:flex的条件编译
+@mixin flex($direction: row) {
+	/* #ifndef APP-NVUE */
+	display: flex;
+	/* #endif */
+	flex-direction: $direction;
+}

package/libs/css/theme-legacy-bridge.scss

@@ -0,0 +1,6 @@
+@import "../../theme.scss";
+
+@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']");

package/libs/css/theme-vars-core.scss

@@ -0,0 +1,201 @@
+:root,
+page,
+body {
+	--up-main-color: var(--up-light-main-color, #303133);
+	--up-content-color: var(--up-light-content-color, #606266);
+	--up-tips-color: var(--up-light-tips-color, #909193);
+	--up-light-color: var(--up-light-light-color, #c0c4cc);
+	--up-border-color: var(--up-light-border-color, #dadbde);
+	--up-bg-color: var(--up-light-bg-color, #f3f4f6);
+	--up-hover-bg-color: #e7ebf0;
+	--up-page-bg-color: #f3f4f6;
+	--up-card-bg-color: #ffffff;
+	--up-navbar-bg-color: #ffffff;
+	--up-disabled-color: var(--up-light-disabled-color, #c8c9cc);
+
+	--up-primary: var(--up-light-primary, #3c9cff);
+	--up-primary-dark: var(--up-light-primary-dark, #398ade);
+	--up-primary-disabled: var(--up-light-primary-disabled, #9acafc);
+	--up-primary-light: var(--up-light-primary-light, #ecf5ff);
+
+	--up-warning: var(--up-light-warning, #f9ae3d);
+	--up-warning-dark: var(--up-light-warning-dark, #f1a532);
+	--up-warning-disabled: var(--up-light-warning-disabled, #f9d39b);
+	--up-warning-light: var(--up-light-warning-light, #fdf6ec);
+
+	--up-success: var(--up-light-success, #5ac725);
+	--up-success-dark: var(--up-light-success-dark, #53c21d);
+	--up-success-disabled: var(--up-light-success-disabled, #a9e08f);
+	--up-success-light: var(--up-light-success-light, #f5fff0);
+
+	--up-error: var(--up-light-error, #f56c6c);
+	--up-error-dark: var(--up-light-error-dark, #e45656);
+	--up-error-disabled: var(--up-light-error-disabled, #f7b2b2);
+	--up-error-light: var(--up-light-error-light, #fef0f0);
+
+	--up-info: var(--up-light-info, #909399);
+	--up-info-dark: var(--up-light-info-dark, #767a82);
+	--up-info-disabled: var(--up-light-info-disabled, #c4c6c9);
+	--up-info-light: var(--up-light-info-light, #f4f4f5);
+
+	--up-table2-header-bg-color: #f5f7fa;
+	--up-table2-zebra-bg-color: #fafafa;
+	--up-table2-highlight-bg-color: #f5f7fa;
+	--up-gap-bg-color: #f3f4f6;
+	--up-skeleton-bg-color: #f1f2f4;
+	--up-skeleton-shimmer-color: #e6e6e6;
+	--up-swipe-action-button-bg-color: #c7c6cd;
+	--up-index-list-indicator-bg-color: #c9c9c9;
+	--up-calendar-month-mark-color: rgba(231, 232, 234, 0.83);
+}
+
+@media (prefers-color-scheme: dark) {
+	:root,
+	page,
+	body {
+		--up-main-color: #f5f5f5;
+		--up-content-color: #d1d5db;
+		--up-tips-color: #9ca3af;
+		--up-light-color: #6b7280;
+		--up-border-color: #3a3a3c;
+		--up-bg-color: #1f1f1f;
+		--up-hover-bg-color: #343741;
+		--up-page-bg-color: #1f1f1f;
+		--up-card-bg-color: #1c1c1e;
+		--up-navbar-bg-color: #1c1c1e;
+		--up-disabled-color: #4b5563;
+
+		--up-primary: #3c9cff;
+		--up-primary-dark: #5aa8ff;
+		--up-primary-disabled: #4c6f92;
+		--up-primary-light: #10243a;
+
+		--up-warning: #f9ae3d;
+		--up-warning-dark: #ffbf66;
+		--up-warning-disabled: #8a6a3a;
+		--up-warning-light: #3d2f1b;
+
+		--up-success: #5ac725;
+		--up-success-dark: #7ad94b;
+		--up-success-disabled: #5f7f4f;
+		--up-success-light: #1f3316;
+
+		--up-error: #f56c6c;
+		--up-error-dark: #ff8a8a;
+		--up-error-disabled: #8d5858;
+		--up-error-light: #3a2222;
+
+		--up-info: #909399;
+		--up-info-dark: #b0b3b8;
+		--up-info-disabled: #5f6368;
+		--up-info-light: #2f3238;
+
+		--up-table2-header-bg-color: #2a2d33;
+		--up-table2-zebra-bg-color: #23262b;
+		--up-table2-highlight-bg-color: #2f3440;
+		--up-gap-bg-color: #111111;
+		--up-skeleton-bg-color: #2f3135;
+		--up-skeleton-shimmer-color: rgba(255, 255, 255, 0.12);
+		--up-swipe-action-button-bg-color: #4b5563;
+		--up-index-list-indicator-bg-color: #4b5563;
+		--up-calendar-month-mark-color: rgba(255, 255, 255, 0.04);
+	}
+}
+
+[data-up-theme='light'] {
+	--up-main-color: var(--up-light-main-color, #303133);
+	--up-content-color: var(--up-light-content-color, #606266);
+	--up-tips-color: var(--up-light-tips-color, #909193);
+	--up-light-color: var(--up-light-light-color, #c0c4cc);
+	--up-border-color: var(--up-light-border-color, #dadbde);
+	--up-bg-color: var(--up-light-bg-color, #f3f4f6);
+	--up-hover-bg-color: #e7ebf0;
+	--up-page-bg-color: #f3f4f6;
+	--up-card-bg-color: #ffffff;
+	--up-navbar-bg-color: #ffffff;
+	--up-disabled-color: var(--up-light-disabled-color, #c8c9cc);
+
+	--up-primary: var(--up-light-primary, #3c9cff);
+	--up-primary-dark: var(--up-light-primary-dark, #398ade);
+	--up-primary-disabled: var(--up-light-primary-disabled, #9acafc);
+	--up-primary-light: var(--up-light-primary-light, #ecf5ff);
+
+	--up-warning: var(--up-light-warning, #f9ae3d);
+	--up-warning-dark: var(--up-light-warning-dark, #f1a532);
+	--up-warning-disabled: var(--up-light-warning-disabled, #f9d39b);
+	--up-warning-light: var(--up-light-warning-light, #fdf6ec);
+
+	--up-success: var(--up-light-success, #5ac725);
+	--up-success-dark: var(--up-light-success-dark, #53c21d);
+	--up-success-disabled: var(--up-light-success-disabled, #a9e08f);
+	--up-success-light: var(--up-light-success-light, #f5fff0);
+
+	--up-error: var(--up-light-error, #f56c6c);
+	--up-error-dark: var(--up-light-error-dark, #e45656);
+	--up-error-disabled: var(--up-light-error-disabled, #f7b2b2);
+	--up-error-light: var(--up-light-error-light, #fef0f0);
+
+	--up-info: var(--up-light-info, #909399);
+	--up-info-dark: var(--up-light-info-dark, #767a82);
+	--up-info-disabled: var(--up-light-info-disabled, #c4c6c9);
+	--up-info-light: var(--up-light-info-light, #f4f4f5);
+
+	--up-table2-header-bg-color: #f5f7fa;
+	--up-table2-zebra-bg-color: #fafafa;
+	--up-table2-highlight-bg-color: #f5f7fa;
+	--up-gap-bg-color: #f3f4f6;
+	--up-skeleton-bg-color: #f1f2f4;
+	--up-skeleton-shimmer-color: #e6e6e6;
+	--up-swipe-action-button-bg-color: #c7c6cd;
+	--up-index-list-indicator-bg-color: #c9c9c9;
+	--up-calendar-month-mark-color: rgba(231, 232, 234, 0.83);
+}
+
+[data-up-theme='dark'] {
+	--up-main-color: #f5f5f5;
+	--up-content-color: #d1d5db;
+	--up-tips-color: #9ca3af;
+	--up-light-color: #6b7280;
+	--up-border-color: #3a3a3c;
+	--up-bg-color: #1f1f1f;
+	--up-hover-bg-color: #343741;
+	--up-page-bg-color: #1f1f1f;
+	--up-card-bg-color: #1c1c1e;
+	--up-navbar-bg-color: #1c1c1e;
+	--up-disabled-color: #4b5563;
+
+	--up-primary: #3c9cff;
+	--up-primary-dark: #5aa8ff;
+	--up-primary-disabled: #4c6f92;
+	--up-primary-light: #10243a;
+
+	--up-warning: #f9ae3d;
+	--up-warning-dark: #ffbf66;
+	--up-warning-disabled: #8a6a3a;
+	--up-warning-light: #3d2f1b;
+
+	--up-success: #5ac725;
+	--up-success-dark: #7ad94b;
+	--up-success-disabled: #5f7f4f;
+	--up-success-light: #1f3316;
+
+	--up-error: #f56c6c;
+	--up-error-dark: #ff8a8a;
+	--up-error-disabled: #8d5858;
+	--up-error-light: #3a2222;
+
+	--up-info: #909399;
+	--up-info-dark: #b0b3b8;
+	--up-info-disabled: #5f6368;
+	--up-info-light: #2f3238;
+
+	--up-table2-header-bg-color: #2a2d33;
+	--up-table2-zebra-bg-color: #23262b;
+	--up-table2-highlight-bg-color: #2f3440;
+	--up-gap-bg-color: #111111;
+	--up-skeleton-bg-color: #2f3135;
+	--up-skeleton-shimmer-color: rgba(255, 255, 255, 0.12);
+	--up-swipe-action-button-bg-color: #4b5563;
+	--up-index-list-indicator-bg-color: #4b5563;
+	--up-calendar-month-mark-color: rgba(255, 255, 255, 0.04);
+}

package/libs/css/theme-vars.scss

@@ -0,0 +1 @@
+@import "./theme-vars-core.scss";

package/libs/css/vue.scss

@@ -0,0 +1,35 @@
+// 历遍生成4个方向的底部安全区
+@each $d in top, right, bottom, left {
+	.u-safe-area-inset-#{$d},
+    .up-safe-area-inset-#{$d} {
+		padding-#{$d}: 0;
+		// #ifndef UNI-APP-X
+		padding-#{$d}: constant(safe-area-inset-#{$d});  
+		padding-#{$d}: env(safe-area-inset-#{$d});
+		// #endif
+		// #ifdef UNI-APP-X
+		padding-#{$d}: var(--uni-safe-area-inset-#{$d});
+		// #endif
+	}
+}
+
+//提升H5端uni.toast()的层级，避免被uView的modal等遮盖
+/* #ifdef H5 */
+uni-toast {
+    z-index: 10090;
+}
+uni-toast .uni-toast {
+   z-index: 10090;
+}
+/* #endif */
+
+// 隐藏scroll-view的滚动条
+/* #ifdef H5 */
+::-webkit-scrollbar {
+    display: none;  
+    width: 0 !important;  
+    height: 0 !important;  
+    -webkit-appearance: none;  
+    background: transparent;  
+}
+/* #endif */