uview-ultra 4.5.53 → 4.5.71

package/components/up-button/up-button.uvue

@@ -72,6 +72,7 @@ import { computed } from 'vue'
 import { addStyle, addUnit, getPx, bem } from '../../libs/function/index'
 import { throttle } from '../../libs/function/throttle'
 import config from '../../libs/config/config'
+	import { upThemeVar } from '../../libs/theme/theme.uts'
 const props = defineProps({
     // 自定义样式
     customStyle: {
@@ -255,7 +256,7 @@ const loadingColor = computed(() => {
         // 如果有设置color值，则用color值，否则使用type主题颜色
         return props.color != ''
             ? props.color
-            : config.getString(`color.up-${props.type}`) as string;
+            : upThemeVar(`--up-${props.type}`, config.getString(`color.up-${props.type}`) as string);
     }
     if (props.type == "info") {
         return "#c9c9c9";
@@ -270,7 +271,7 @@ const textColor = computed((): string => {
     if (props.color != '') return props.color
     if (props.type == 'info') return '#000000'
     if (props.type == 'warning') return config.getString('color.up-error') ?? '#fa3534'
-    const color = config.getString(`color.up-${props.type}`) ?? ''
+    const color = upThemeVar(`--up-${props.type}`, config.getString(`color.up-${props.type}`) ?? '')
     return color == '' ? '#ffffff' : color
 })
 
@@ -402,10 +403,10 @@ $up-button-circle-border-top-right-radius: 100px !default;
 $up-button-circle-border-top-left-radius: 100px !default;
 $up-button-circle-border-bottom-left-radius: 100px !default;
 $up-button-circle-border-bottom-right-radius: 100px !default;
-$up-button-square-border-top-right-radius: 3px !default;
-$up-button-square-border-top-left-radius: 3px !default;
-$up-button-square-border-bottom-left-radius: 3px !default;
-$up-button-square-border-bottom-right-radius: 3px !default;
+$up-button-square-border-top-right-radius: 10px !default;
+$up-button-square-border-top-left-radius: 10px !default;
+$up-button-square-border-bottom-left-radius: 10px !default;
+$up-button-square-border-bottom-right-radius: 10px !default;
 $up-button-icon-min-width: 4px !default;
 $up-button-plain-background-color: transparent !default;
 $up-button-hairline-border-width: 0.5px !default;
@@ -500,8 +501,8 @@ $up-button-plain-up-button-warning-color:$up-error !default;;
 		/* #ifndef APP */
 		color: $up-button-primary-color;
 		/* #endif */
-		background-color: $up-button-primary-background-color !important;
-		border-color: $up-button-primary-border-color !important;
+		background-color: var(--up-primary, $up-button-primary-background-color) !important;
+		border-color: var(--up-primary, $up-button-primary-border-color) !important;
 		border-width: $up-button-primary-border-width !important;
 		border-style: $up-button-primary-border-style !important;
 	}

package/components/up-button/up-button.vue

@@ -315,10 +315,10 @@ $up-button-circle-border-top-right-radius: 100px !default;
 $up-button-circle-border-top-left-radius: 100px !default;
 $up-button-circle-border-bottom-left-radius: 100px !default;
 $up-button-circle-border-bottom-right-radius: 100px !default;
-$up-button-square-border-top-right-radius: 3px !default;
-$up-button-square-border-top-left-radius: 3px !default;
-$up-button-square-border-bottom-left-radius: 3px !default;
-$up-button-square-border-bottom-right-radius: 3px !default;
+$up-button-square-border-top-right-radius: 10px !default;
+$up-button-square-border-top-left-radius: 10px !default;
+$up-button-square-border-bottom-left-radius: 10px !default;
+$up-button-square-border-bottom-right-radius: 10px !default;
 $up-button-icon-min-width: 1em !default;
 $up-button-plain-background-color: transparent !default;
 $up-button-hairline-border-width: 0.5px !default;

package/components/up-cell/props.js

@@ -33,6 +33,12 @@ export const propsCell = defineMixin({
             type: Boolean,
             default: () => defProps.cell.border
         },
+        // 分隔线左侧偏移（px 或带单位字符串）。iOS 标准是线条不顶到图标，
+        // 而是从图标右侧的内容起始处开始；传 0 或不传保持通栏。
+        borderInsetLeft: {
+            type: [String, Number],
+            default: 0
+        },
         // 内容是否垂直居中(主要是针对右侧的value部分)
         center: {
             type: Boolean,

package/components/up-cell/up-cell.uvue

@@ -51,14 +51,21 @@
 				</slot>
 			</view>
 		</view>
-		<up-line v-if="border"></up-line>
+		<!--
+			iOS 标准分隔线：默认通栏；borderInsetLeft 传值后线条从该偏移处开始，
+			对齐「图标右侧内容」的起始位置（= 左 padding + 图标宽 + 图标右距）。
+		-->
+		<view v-if="border" class="up-cell__line-wrap"
+			:style="{ paddingLeft: addUnit(borderInsetLeft) }">
+			<up-line></up-line>
+		</view>
 	</view>
 </template>
 
 <script setup lang="ts">
 	import { computed } from 'vue'
 	import defProps from './cell'
-	import { addStyle } from '../../libs/function/index'
+	import { addStyle, addUnit } from '../../libs/function/index'
 	import { empty as _testEmpty } from '../../libs/function/test'
 	// props
 	const props = defineProps({
@@ -139,6 +146,12 @@
 			type: Boolean,
 			default: defProps.getBoolean('cell.border')
 		},
+		// 分隔线左侧偏移（px 或带单位字符串）。iOS 标准是线条不顶到图标，
+		// 而是从图标右侧的内容起始处开始；传 0 或不传保持通栏。
+		borderInsetLeft: {
+			type: [String, Number],
+			default: 0
+		},
 		disabled: {
 			type: Boolean,
 			default: defProps.getBoolean('cell.disabled')

package/components/up-cell/up-cell.vue

@@ -44,7 +44,14 @@
 				</slot>
 			</view>
 		</view>
-		<up-line v-if="border"></up-line>
+		<!--
+			iOS 标准分隔线：默认通栏；borderInsetLeft 传值后线条从该偏移处开始，
+			对齐「图标右侧内容」的起始位置（= 左 padding + 图标宽 + 图标右距）。
+		-->
+		<view v-if="border" class="up-cell__line-wrap"
+			:style="{ paddingLeft: addUnit(borderInsetLeft) }">
+			<up-line></up-line>
+		</view>
 	</view>
 </template>
 
@@ -52,7 +59,7 @@
 	import { computed, inject } from 'vue'
 	import { propsCell } from './props.js'
 	import { commonProps, useUltraUI } from '../../libs/composable/useUltraUI.js'
-	import { addStyle } from '../../libs/function/index.js'
+	import { addStyle, addUnit } from '../../libs/function/index.js'
 	import test from '../../libs/function/test.js'
 	/**
 	 * cell  单元格

package/components/up-cell-group/up-cell-group.uvue

@@ -51,7 +51,14 @@
 	$up-cell-group-title-line-height: 16px !default;
 	$up-cell-group-title-color: $up-main-color !default;
 
+    /*
+     * 默认 iOS grouped-inset 卡片形制：大圆角 + 裁剪。
+     * 分隔线/子 cell 的直角背景被裁进圆角里；不需要圆角的场合用 customStyle
+     * 传 borderRadius: 0 覆盖（内联样式优先级高于此处类规则）。
+     */
     .up-cell-group {
+        border-radius: 12px;
+        overflow: hidden;
 		
         &__title {
             padding: $up-cell-group-title-padding;

package/components/up-checkbox/up-checkbox.uvue

@@ -38,6 +38,7 @@
 	import { array as testArray } from '../../libs/function/test'
 	import { addStyle, addUnit, deepMerge, formValidate, error } from '../../libs/function/index'
 	import defProps from './checkbox.uts'
+	import { upThemeVar } from '../../libs/theme/theme.uts'
 	import { useUltraUI } from '../../libs/composable/useUltraUI'
 	const { parent, parentData, getParentData } = useUltraUI()
 	const instance = getCurrentInstance()!.proxy!
@@ -193,7 +194,7 @@
 			? props.activeColor
 			: (parentData.value['activeColor'] != null
 				? parentData.value['activeColor'].toString() 
-				: '#2979ff');
+				: upThemeVar('--up-primary', '#2979ff'));
 	})
 	
 	// 组件选未中激活时的颜色
@@ -503,8 +504,8 @@
 
 			&--checked {
 				color: $up-checkbox-icon-wrap-checked-color;
-				background-color: $up-checkbox-icon-wrap-checked-background-color;
-				border-color: $up-checkbox-icon-wrap-checked-border-color;
+				background-color: var(--up-primary, $up-checkbox-icon-wrap-checked-background-color);
+				border-color: var(--up-primary, $up-checkbox-icon-wrap-checked-border-color);
 			}
 
 			&--disabled {

package/components/up-navbar/up-navbar.uvue

@@ -29,7 +29,7 @@
 			<view
 				v-if="showGlass"
 				class="up-navbar__glass"
-				:class="[frostedGlass ? 'up-navbar__glass--frosted' : '']"
+				:class="[frostedGlass ? 'up-navbar__glass--frosted' : '', frostedBorder ? 'up-navbar__glass--border' : '']"
 				:style="glassStyle"
 			></view>
 			<!-- 状态栏占位：高度可被 statusBarInsetTop 覆盖（iOS standalone 传 0） -->
@@ -109,7 +109,7 @@
 	 * @property {Boolean}			safeAreaInsetTop	是否开启顶部安全区适配  （默认 true ）
 	 * @property {Boolean}			placeholder			固定在顶部时，是否生成一个等高元素，以防止塌陷 （默认 false ）
 	 * @property {Boolean}			fixed				导航栏是否固定在顶部 （默认 false ）
-	 * @property {Boolean}			border				导航栏底部是否显示下边框 （默认 false ）
+	 * @property {Boolean}			border				导航栏底部是否显示下边框（磨砂层的分隔线也服从它）（默认 false ）
 	 * @property {String}			leftIcon			左边返回图标的名称，只能为uView自带的图标 （默认 'arrow-left' ）
 	 * @property {String}			leftText			左边的提示文字
 	 * @property {String}			rightText			右边的提示文字
@@ -253,6 +253,30 @@
 	const emit = defineEmits(['leftClick', 'rightClick'])
 	const systemStatusBarHeight = ref(uni.getSystemInfoSync().statusBarHeight ?? 0)
 
+	// #ifdef H5 || WEB
+	// web 端 `statusBarHeight` 恒 0（浏览器视口不含系统状态栏），但 iOS Safari
+	// （viewport-fit=cover，地址栏收起）的页面视口顶部包含状态栏区域——真实占位
+	// 高度是 CSS `env(safe-area-inset-top)` 的像素值。探针元素读一次实际值：
+	// iPhone Safari ≈ 59，桌面 / Android 浏览器 env 为 0、行为不变。App 端原生
+	// statusBarHeight 是准的，不进这段。
+	try {
+		const doc: any = (globalThis as any).document
+		const probe = doc.createElement('div')
+		probe.setAttribute(
+			'style',
+			'position:absolute;visibility:hidden;pointer-events:none;height:env(safe-area-inset-top);padding:0;border:0;'
+		)
+		doc.body.appendChild(probe)
+		const measured = probe.getBoundingClientRect().height
+		doc.body.removeChild(probe)
+		if (typeof measured === 'number' && measured > 0) {
+			systemStatusBarHeight.value = measured
+		}
+	} catch (e) {
+		// 探测失败保持 0：与既有行为一致
+	}
+	// #endif
+
 	/**
 	 * 实际使用的状态栏占位高度。
 	 *
@@ -361,6 +385,17 @@
 		return props.frosted && !isIosMode.value
 	})
 
+	/**
+	 * 磨砂层要不要画底部分隔线。
+	 *
+	 * 与 `border` 同一语义 —— `border` 的描述就是「导航栏底部是否显示下边框」，
+	 * 磨砂层那条线就是下边框，必须服从它。早先这条线写死在磨砂层样式里，
+	 * 调用方明明传了 `:border="false"`，滚动时照样会冒出一条，等于这个开关半失效。
+	 */
+	const frostedBorder = computed((): boolean => {
+		return frostedGlass.value && props.border
+	})
+
 	// iOS 模式：磨砂在前半段走完，为居中标题的出现铺好不透明底。
 	// frosted 模式：按滚动距离从 0 淡入到 1（「半透明」由底色负责，不是靠 opacity）。
 	const glassOpacity = computed((): number => {
@@ -541,14 +576,18 @@
 		}
 
 		// 滚动磨砂（非 iOS 模式）：底色是半透明的卡片色，配合 backdrop-filter 才是
-		// 「高仿 iOS」的材质 —— 不透明底会把背后的模糊完全盖掉。底部细线在内容压到
-		// 导航栏下时给出分隔，随磨砂层一起淡入。
+		// 「高仿 iOS」的材质 —— 不透明底会把背后的模糊完全盖掉。
 		//
 		// 底色走**主题变量**（`theme.uts` 里算好的 rgba），不写 `color-mix`：
 		// uvue App 端不支持 `color-mix`，整条声明会被丢掉；而 App 端也不支持
 		// `backdrop-filter` —— 两层同时失效，滚动时顶栏就跟全透明一样，磨砂等于没开。
 		&__glass--frosted {
 			background-color: var(--up-navbar-glass-bg, rgba(255, 255, 255, 0.75));
+		}
+
+		// 底部分隔线单独一个类，**只在 `border` 为真时**才挂上来。
+		// 早先它写死在 `--frosted` 里，页面传 `:border="false"` 也照样出线。
+		&__glass--border {
 			border-bottom: 1px solid var(--up-navbar-glass-border, rgba(0, 0, 0, 0.08));
 		}
 

package/components/up-navbar/up-navbar.vue

@@ -171,9 +171,22 @@ const isIosMode = computed(() => props.mode === 'ios')
 // 有效大标题行高：title 为空时不渲染大标题行，行高塌陷为 0
 const largeTitleHeight = computed(() => (props.title ? LARGE_TITLE_HEIGHT : 0))
 
+// web 端 `statusBarHeight` 恒 0，但 iOS Safari（viewport-fit=cover，地址栏收起）的
+// 页面视口顶部包含状态栏区域——真实高度是 env(safe-area-inset-top)。探针读一次。
+let envSafeAreaTop = 0
+// #ifdef H5
+try {
+	const probe = document.createElement('div')
+	probe.setAttribute('style', 'position:absolute;visibility:hidden;height:env(safe-area-inset-top);padding:0;border:0;')
+	document.body.appendChild(probe)
+	envSafeAreaTop = probe.getBoundingClientRect().height
+	document.body.removeChild(probe)
+} catch (e) {}
+// #endif
+
 // in-flow 层顶部让位块高度，为固定层腾出空间
 const flowSpacerHeight = computed(() => {
-	const statusBarHeight = props.safeAreaInsetTop ? sys().statusBarHeight : 0
+	const statusBarHeight = props.safeAreaInsetTop ? (sys().statusBarHeight || envSafeAreaTop) : 0
 	return addUnit(getPx(props.height) + statusBarHeight, 'px')
 })
 

package/components/up-popup/props.js

@@ -81,6 +81,16 @@ export const props = defineMixin({
         pageInline: {
             type: Boolean,
             default: () => defProps.popup.pageInline
+        },
+        // bottom 弹层是否支持拖动下滑关闭
+        dragClose: {
+            type: Boolean,
+            default: false
+        },
+        // 拖动下滑关闭的位移阈值，单位px
+        dragCloseThreshold: {
+            type: [String, Number],
+            default: 80
         }
     }
 })

package/components/up-popup/up-popup.uvue

@@ -20,7 +20,11 @@
 		>
 			<view
 				class="up-popup__content"
-				:style="[contentStyle]"
+				:style="[contentStyle, dragStyle]"
+				@touchstart="onDragTouchStart"
+				@touchmove="onDragTouchMove"
+				@touchend="onDragTouchEnd"
+				@touchcancel="onDragTouchEnd"
 				@tap.stop="stopContentTap"
 			>
 				<up-status-bar v-if="safeAreaInsetTop"></up-status-bar>
@@ -69,6 +73,8 @@
 	 * @property {String}			closeIconPos		自定义关闭图标位置（默认 'top-right' ）
 	 * @property {String | Number}	round				圆角值（默认 0）
 	 * @property {Boolean}			zoom				当mode=center时 是否开启缩放（默认 true ）
+	 * @property {Boolean}			dragClose			bottom 弹层是否支持拖动下滑关闭（默认 false；配合弹层顶部的拖拽手柄使用）
+	 * @property {String | Number}	dragCloseThreshold	拖动下滑关闭的位移阈值，单位px（默认 80）
 	 * @property {Object}			customStyle			组件的样式，对象形式
 	 * @event {Function} open 弹出层打开（进场动画结束后）
 	 * @event {Function} close 弹出层收起（关闭动作发生时，离场动画开始前；外部直接将show置为false时也会触发）
@@ -161,6 +167,16 @@
 			type: Boolean,
 			default: defProps.getBoolean('popup.pageInline')
 		},
+		// bottom 弹层是否支持拖动下滑关闭
+		dragClose: {
+			type: Boolean,
+			default: false
+		},
+		// 拖动下滑关闭的位移阈值，单位px
+		dragCloseThreshold: {
+			type: [String, Number],
+			default: 80
+		},
 		customStyle: {
 			type: [Object, String],
 			default: () => ({})
@@ -289,6 +305,78 @@
 		return ''
 	})
 
+	/*
+	 * 拖动下滑关闭（dragClose）。
+	 *
+	 * 仅 bottom 弹层生效：手指按下后向下拖，content 跟手位移；松手时超过阈值
+	 * 走既有 close 流程（update:show=false + close 事件），否则带回弹动画归位。
+	 * 向上拖不拦截，弹层内部滚动不受影响。
+	 */
+	const dragOffset = ref(0)
+	const dragActive = ref(false)
+	let dragStartY = 0
+	let dragTracking = false
+	let dragReleaseTimer = -1
+
+	const dragStyle = computed((): UTSJSONObject => {
+		if (!dragActive.value || dragOffset.value <= 0) {
+			return {} as UTSJSONObject
+		}
+		const style = {
+			transform: `translateY(${dragOffset.value}px)`,
+		} as UTSJSONObject
+		// 跟手阶段不做过渡；松手回弹时加过渡（dragActive 在回弹结束后复位）
+		style["transition"] = dragTracking ? "none" : "transform 0.25s ease-out"
+		return style
+	})
+
+	const dragCloseEnabled = computed((): boolean => {
+		return props.dragClose && props.mode === "bottom" && !props.pageInline
+	})
+
+	const onDragTouchStart = (e: TouchEvent): void => {
+		if (!dragCloseEnabled.value) return
+		if (e.touches.length == 0) return
+		dragStartY = e.touches[0].clientY
+		dragTracking = true
+	}
+
+	const onDragTouchMove = (e: TouchEvent): void => {
+		if (!dragTracking) return
+		if (e.touches.length == 0) return
+		const delta = e.touches[0].clientY - dragStartY
+		if (delta <= 0) {
+			// 向上拖：不进入拖动态，交给内部滚动
+			if (!dragActive.value) return
+			dragOffset.value = 0
+			return
+		}
+		dragActive.value = true
+		dragOffset.value = delta
+	}
+
+	const onDragTouchEnd = (_e: UniEvent): void => {
+		if (!dragTracking) return
+		dragTracking = false
+		const offset = dragOffset.value
+		const thresholdValue = parseInt(props.dragCloseThreshold.toString())
+		const threshold = isNaN(thresholdValue) ? 80 : thresholdValue
+		if (offset >= threshold) {
+			dragActive.value = false
+			dragOffset.value = 0
+			close(_e)
+			return
+		}
+		// 回弹：dragStyle 保留到过渡结束后再卸下，否则回弹动画会被瞬时移除样式截断
+		if (dragReleaseTimer >= 0) {
+			clearTimeout(dragReleaseTimer)
+		}
+		dragReleaseTimer = setTimeout(() => {
+			dragActive.value = false
+			dragOffset.value = 0
+	}, 260)
+	}
+
 	const stopContentTap = (e: UniEvent): void => {
 		e.stopPropagation()
 	}

package/components/up-popup/up-popup.vue

@@ -20,7 +20,11 @@
 		>
 			<view
 				class="up-popup__content"
-				:style="[contentStyle]"
+				:style="[contentStyle, dragStyle]"
+				@touchstart="onDragTouchStart"
+				@touchmove="onDragTouchMove"
+				@touchend="onDragTouchEnd"
+				@touchcancel="onDragTouchEnd"
 				@tap.stop="noop"
 			>
 				<up-status-bar v-if="safeAreaInsetTop"></up-status-bar>
@@ -92,6 +96,70 @@
 	const emit = defineEmits(['open', 'close', 'closed', 'click', 'update:show'])
 	const instance = getCurrentInstance()
 	const { noop } = useUltraUI(props)
+
+	/*
+	 * 拖动下滑关闭（dragClose）。
+	 *
+	 * 仅 bottom 弹层生效：手指按下后向下拖，content 跟手位移；松手时超过阈值
+	 * 走既有 close 流程（update:show=false + close 事件），否则带回弹动画归位。
+	 * 向上拖不拦截，弹层内部滚动不受影响。
+	 */
+	const dragOffset = ref(0)
+	const dragActive = ref(false)
+	let dragStartY = 0
+	let dragTracking = false
+	let dragReleaseTimer = -1
+
+	const dragStyle = computed(() => {
+		if (!dragActive.value || dragOffset.value <= 0) return {}
+		return {
+			transform: `translateY(${dragOffset.value}px)`,
+			transition: dragTracking ? 'none' : 'transform 0.25s ease-out',
+		}
+	})
+
+	const dragCloseEnabled = computed(() => props.dragClose && props.mode === 'bottom' && !props.pageInline)
+
+	const onDragTouchStart = (e) => {
+		if (!dragCloseEnabled.value) return
+		if (!e.touches || e.touches.length === 0) return
+		dragStartY = e.touches[0].clientY
+		dragTracking = true
+	}
+
+	const onDragTouchMove = (e) => {
+		if (!dragTracking) return
+		if (!e.touches || e.touches.length === 0) return
+		const delta = e.touches[0].clientY - dragStartY
+		if (delta <= 0) {
+			// 向上拖：不进入拖动态，交给内部滚动
+			if (!dragActive.value) return
+			dragOffset.value = 0
+			return
+		}
+		dragActive.value = true
+		dragOffset.value = delta
+	}
+
+	const onDragTouchEnd = (_e) => {
+		if (!dragTracking) return
+		dragTracking = false
+		const offset = dragOffset.value
+		const thresholdValue = parseInt(props.dragCloseThreshold)
+		const threshold = isNaN(thresholdValue) ? 80 : thresholdValue
+		if (offset >= threshold) {
+			dragActive.value = false
+			dragOffset.value = 0
+			close(_e)
+			return
+		}
+		// 回弹：dragStyle 保留到过渡结束后再卸下，否则回弹动画会被瞬时移除样式截断
+		if (dragReleaseTimer >= 0) clearTimeout(dragReleaseTimer)
+		dragReleaseTimer = setTimeout(() => {
+			dragActive.value = false
+			dragOffset.value = 0
+		}, 260)
+	}
 	const overlayDuration = ref(props.duration + 50)
 	// close事件是否已由组件内部的关闭动作发出，避免show变化时重复发出
 	const closeEmitted = ref(false)

package/components/up-radio/up-radio.uvue

@@ -39,7 +39,8 @@
 
 <script setup lang="uts">
 	import { computed, getCurrentInstance, nextTick, onMounted, ref } from 'vue';
-	import defProps from './radio.uts';
+	import defProps from './radio.uts'
+	import { upThemeVar } from '../../libs/theme/theme.uts';
 	import { addUnit, addStyle, os, deepMerge, formValidate, error } from '../../libs/function/index.uts';
 	import { useUltraUI } from '../../libs/composable/useUltraUI.uts';
 	/**
@@ -213,7 +214,7 @@
 	const elActiveColor = computed((): string => {
 		return props.activeColor as string != ''
 			? props.activeColor as string
-			: (parentData.value['activeColor'] as string != '' ? parentData.value['activeColor'] as string : '#2979ff')
+			: (parentData.value['activeColor'] as string != '' ? parentData.value['activeColor'] as string : upThemeVar('--up-primary', '#2979ff'))
 	})
 
 	// 组件选未中激活时的颜色
@@ -485,8 +486,9 @@
 
 			&--checked {
 				color: $up-radio-checked-color;
-				background-color: $up-radio-checked-background-color;
-				border-color: $up-radio-checked-border-color;
+				/* 兜底色接主题变量：activeColor 未显式传时（radio-group 默认）随主色走 */
+				background-color: var(--up-primary, $up-radio-checked-background-color);
+				border-color: var(--up-primary, $up-radio-checked-border-color);
 			}
 
 			&--disabled {

package/components/up-radio-group/radioGroup.js

@@ -13,7 +13,7 @@ export default {
         value: '',
         disabled: false,
         shape: 'circle',
-        activeColor: '#2979ff',
+        activeColor: 'var(--up-primary, #2979ff)',
         inactiveColor: '#c8c9cc',
         name: '',
         size: 18,

package/components/up-radio-group/radioGroup.uts

@@ -13,7 +13,7 @@ export default {
         value: '',
         disabled: false,
         shape: 'circle',
-        activeColor: '#2979ff',
+        activeColor: 'var(--up-primary, #2979ff)',
         inactiveColor: '#c8c9cc',
         name: '',
         size: 18,

package/components/up-switch/switch.uts

@@ -15,7 +15,8 @@ export default {
         loading: false,
         disabled: false,
         size: 25,
-        activeColor: '#2979ff',
+        // 与 switch.js 对齐：走主题变量（uvue 端 background 支持 var()，样式隔离 2.0 下变量可继承）
+        activeColor: 'var(--up-switch-active-color, var(--up-primary, #2979ff))',
         inactiveColor: '#ffffff',
         activeValue: true,
         inactiveValue: false,

package/components/up-tag/up-tag.uvue

@@ -275,7 +275,7 @@
 		}
 
 		&--square {
-			border-radius: 3px;
+			border-radius: 8px;
 		}
 
 		&__icon {

package/components/up-tag/up-tag.vue

@@ -183,7 +183,7 @@
 		}
 
 		&--square {
-			border-radius: 3px;
+			border-radius: 8px;
 		}
 
 		&__icon {

package/components/up-transition/up-transition.uvue

@@ -142,6 +142,16 @@ const vueEnter = async (): Promise<void> => {
 	emit('afterEnter')
 	// 赋予组件enter-to类名
 	classes.value = classNames['enter-to']!!.toString()
+	// 动画结束后清理 enter-active / enter-to。
+	// 不清理的话 transition-property 会常驻：进场的 CSS 过渡一旦被页面上任何一次
+	// 重渲染打断，computed transform 就冻结在起点（bottom 弹层 = translateY(100%)，
+	// 整个弹层停在屏幕外），且之后再没有任何样式变化能触发新过渡把它拉回来。
+	// 清掉 active 类后 transition-property 消失，冻结值直接跳到最终态（归位）。
+	setTimeout(() => {
+		if (status.value === 'enter') {
+			classes.value = ''
+		}
+	}, parseInt(props.duration != null ? props.duration.toString() : "0") + 50)
 }
 
 // 动画离场处理

package/components/up-transition/up-transition.vue

@@ -134,6 +134,13 @@ async function vueEnter() {
 		emit('afterEnter')
 		// 赋予组件enter-to类名
 		classes.value = classNames['enter-to']
+		// 动画结束后清理 enter-active / enter-to（避免过渡被打断后 computed transform
+		// 冻结在起点，bottom 弹层停在屏幕外）
+		setTimeout(() => {
+			if (status.value === 'enter') {
+				classes.value = ''
+			}
+		}, parseInt(String(props.duration)) + 50)
 	}
 }