uview-ultra 4.5.53 → 4.5.74

package/changelog.md

@@ -1,3 +1,217 @@
+## 4.5.74
+fix: 对齐 uview-plus 3.8.129 ~ 3.8.137 的上游修复
+
+逐条核对 3.8.129 起的 16 个提交后，把 ultra 侧缺失的部分移植过来；已在 ultra 具备或架构上不适用的项在末尾说明。
+
+修复：
+- up-form 校验触发（#726）：未配置 trigger 的规则视为任意触发方式执行，不再被静默跳过（此前 `[].concat(undefined)` 得到的数组不含事件名，规则永远不生效）；errorType=toast 的提示统一移入 validateField，输入 / 失焦等自动触发的校验同样能弹提示，validate() 不再重复弹窗
+- up-form-item 跟随 form 的 borderBottom（#614）：新增 resolvedBorderBottom，未在 form-item 上显式设置时跟随 up-form 的同名属性；此前 form 级 borderBottom 完全不生效，分隔线永远不显示。注意升级后未显式设置的表单会开始显示分隔线，不需要时传 :borderBottom="false"
+- up-input 首次程序化赋值不触发校验（#726）：modelValue watcher 的早退分支补 firstChange 复位，修复弹窗选择回填首次赋值时不走 valueChange 与表单验证；doBlur 对原生节点引用补类型判断，避免小程序端 blur undefined
+- up-sticky 吸顶间隙（#1063）：cssSticky 分支的 addUnit 显式钉死 px。stickyTop 由 getPx 换算而来已是 px 数值，省略单位会跟随全局 unit 配置（如 rpx）二次换算，在非 375px 宽度设备上产生偏移
+- up-select 面板位置（#1061）：打开时在同一个更新周期内先复位对齐再挂载面板，避免复位产生的二次 setData 与节点查询竞态；溢出判断改用「触发区左缘 + 面板宽度」推算，与查询瞬间面板所处对齐状态无关，并补 else 分支复位，修复奇偶次打开位置交替、以及一旦溢出就永久贴右。.uvue 侧另补一次面板自身宽度测量，修复选项文字比触发区宽时右侧被裁掉
+- up-number-keyboard 退格键短按无效：去掉退格键 @touchstart 上的 .stop（编译成微信小程序 catchtouchstart 后会吞掉同一节点上的 tap，短按再也删不掉、只剩长按有效）；补 @touchcancel 清理长按定时器
+- up-cropper 导出与安全区：新增 fileType 属性（默认 png，可选 jpg），quality 只在 jpg 下生效——此前 5 处 toTempFilePath 把 fileType 硬编码成 png，PNG 无质量档位导致 quality 形同虚设；quality 归一化由 parseInt 改 parseFloat 并夹取 0~1；safeAreaInsets 取值补兜底；底部操作栏高度改为 50px + 安全区并用 padding-bottom 让出，修复 iOS 上画布与操作栏之间露出一条页面背景、页面浮动元素透出的问题
+- up-upload 选择媒体文件：新增 mediaType 属性（默认 ['image', 'video']），accept="media" 时透传给 chooseMedia 控制可选类型；chooseMedia 不再按平台编译判断，改为运行时检测接口是否存在，不存在时回退 chooseImage，修复部分平台 accept="media" 直接报错
+- up-icon App 本地字体：构建插件原按 uni_modules/uview-ultra/... 绝对路径严格匹配，npm / pnpm 安装到 node_modules 时永远不命中，App 端远程 @font-face 不被剥离、本地图标字体不生效；改为按包内相对路径后缀匹配
+- up-root（Vue3 侧）：root.js 误写了 UTS 类型断言 as UTSJSONObject，导致该文件无法被 JS 解析、up-root 的默认配置在 uni-app Vue3 链路加载失败，已移除
+
+说明：
+- up-navbar 的 avoidCapsule、up-text 移除 v-bind="$attrs"、up-goods-sku 的 defaultSku / safeAreaInsetBottom 与 close() 笔误、up-toast 的 overlay、up-barcode 画布引用时序在 ultra 侧已具备，本次未重复改动
+- calc.div 改用 digit.divide：ultra 的 calc.div 引用的是本地 mul，不存在上游 xyutil is not defined 的崩溃，故未改
+- 父子组件 children 时序守卫（#1065）：ultra 的 children 在 setup 顶部即 ref([]) 初始化，不会出现上游 options API 里「watch 早于 created、children 尚未赋值」的 undefined，架构上已规避
+- u-lottie 为独立新组件，涉及 H5 / 小程序 / 鸿蒙三套渲染引擎，不在本次移植范围
+
+## 4.5.73 (2026-10-30)
+更新示例工程
+## 4.5.72 (2026-10-30)
+累积更新：运行时主题能力增强、弹层交互、iOS 风格打磨、主色覆盖系列修复
+【新增】
+1. up-navbar 新增 frosted：滚过阈值后淡入一层半透明磨砂（高仿 iOS 材质），供 H5 / Android 等无系统玻璃带的端使用，与 ios 模式共用同一套淡入曲线；新增 statusBarInsetTop 状态栏占位覆盖（-1 用系统值、0 不占位，iOS standalone / PWA 下传 0）；同时修复 App 端开 placeholder 后内容仍顶到导航行下、uvue App 端磨砂底色 color-mix 不生效「看似没开」（改用主题变量 --up-navbar-glass-bg / --up-navbar-glass-border）等问题
+2. up-empty 新增 bottom 具名插槽（按钮等操作区），对齐 uview-plus 3.x 接口——此前业务侧 template #bottom 静默不渲染（default 插槽不受影响）
+3. up-popup 新增 dragClose / dragCloseThreshold（默认 80px）：bottom 弹层支持按住内容下拉跟手位移，松手超过阈值走既有 close 流程（update:show=false + close 事件），否则回弹归位；仅 bottom 模式且非 pageInline 生效，向上拖不拦截，弹层内部滚动不受影响
+4. 运行时主色（品牌色）切换 API：setThemePrimaryColor(color) / getThemePrimaryColor() / 响应式 upThemePrimaryColor。写入 storage 并立即刷新整张变量表，所有 var(--up-primary) / upThemeVar 消费点当前页即时生效；优先级：运行时品牌色 > config.color 覆盖（含 light/dark 后缀）> 主题表默认，传空串清除覆盖；启动时先加载持久化值再建首张变量表，避免首屏默认色跳变
+5. 新增 upThemeColorAlpha(varName, alpha, fallback)：把当前主题色解析为 rgba(r, g, b, a)，用于「主色 12% 浅底」（图标底衬、选中态背景、发光阴影）等场景，随主题切换与运行时品牌色联动；注意 --up-primary-light 是主题表独立浅色档（浅 #ecf5ff / 深 #10243a），不随主色计算，不能当「主色 + alpha」用
+6. config.uts 的 color 支持 up-<token>-light / up-<token>-dark 模式后缀键（优先于单值键）：「浅色主色换黑系、深色保持原主色」只需在 config.color 写两个键，无需写 JS
+7. 主题变量新增 --up-tabbar-active-bg（底栏激活块底色），当前默认浅色 #e9e9eb / 深色 #2c2c2e（iOS 27 选中项浅灰风格；期间尝试的「由主色派生」方案因与底栏 Lottie 图标对比不足已撤回）；应用侧激活文字需同步改深色（浅灰底上白字不可读）
+8. up-cell-group 默认改为 iOS grouped-inset 卡片形制（border-radius 12px + overflow hidden，子 cell 直角背景与分隔线裁进圆角；不需要圆角时 customStyle 传 borderRadius: 0）；up-cell 新增 borderInsetLeft（默认 0 保持通栏）：分隔线支持 iOS 标准左缩进（线条不顶到图标、从内容起始处开始）
+9. up-button / up-tag 默认（square）圆角改 iOS 风格：up-button 3px → 10px，up-tag 3px → 8px（circle 胶囊不变；显式 customStyle 圆角仍可覆盖）
+【修复】
+10. up-transition / 弹层「弹不出来」系列修复：进场动画结束后清理 enter-active / enter-to 类，修复 CSS 过渡被页面任意重渲染（字体 / lottie / 列表刷新）打断后弹层冻结在屏幕外；为 fade / zoom / fade-up/down/left/right / slide-up/down/left/right 十组动画补显式 enter-to 终态规则，修复蒸汽模式 web 端弹层被钉在起点；修复进场清理误引用 durationValue 导致的 ReferenceError
+11. up-navbar web 端状态栏高度改用 env(safe-area-inset-top) 探针探测，修复 iOS Safari 网页模式「状态栏与导航割裂成两块、导航有磨砂状态栏没有」；桌面 / Android 浏览器（env 为 0）与 App 端（原生 statusBarHeight）行为不变
+12. 主色覆盖后组件仍为默认蓝的系列修复：up-button type=primary 背景/边框接入 var(--up-primary)（.uvue / .vue 双实现，修复编译期色 + !important 压过内联样式的问题）；up-radio / up-checkbox / up-switch 选中色接入主题变量；up-radio-group 默认 activeColor 改 var(--up-primary, #2979ff)。显式传色仍优先，行为不变
+13. 主题存储 key 统一 up- 前缀：u-theme-primary → up-theme-primary、u-theme-mode → up-theme-mode（.uts / .js 双实现），首次读取自动迁移旧值并删除旧 key，已有用户的主题模式与品牌色偏好不丢
+【变更】
+14. up-cell 默认内距 10px 15px → 14px（large 13px → 16px），left-icon-wrap margin-right 4px → 10px；外部如有依赖旧内距的布局请自查
+## 4.5.71
+feat: 底栏激活块底色改 iOS 27 浅灰风格
+
+- `--up-tabbar-active-bg`：浅色 #1c1c1f → **#e9e9eb**（iOS 27 选中项浅灰块），
+  深色 #3a3a3c → **#2c2c2e**（比深色底栏微亮一档）
+- 应用侧激活文字需同步改深色（浅灰底上白字不可读）
+
+## 4.5.70
+revert: 撤回 4.5.69「底栏激活块底色由主色派生」，恢复固定值
+
+- `--up-tabbar-active-bg` 恢复主题表固定值：浅 #1c1c1f / 深 #3a3a3c
+- 原因：底栏 Lottie 图标是固定的蓝青双色填充，激活块改为「主色配套深色」后，
+  彩色主色（如蓝/青）的派生底与固定蓝青图标对比不足（最差 3.02 贴线），
+  且彩色底块与图标同框时色调打架；应用方决定撤回
+
+## 4.5.68
+feat: 新增 upThemeColorAlpha，把主题色算成带透明度的 rgba
+
+- `upThemeColorAlpha(varName, alpha, fallback)`：读当前主题色 → 解析 → 返回
+  `rgba(r, g, b, a)`。用于「主色 12% 浅底」这类场景（图标底衬、选中态背景、
+  发光阴影），随主题切换与运行时品牌色一起变化
+- 澄清：`--up-primary-light` 是主题表里独立的浅色档（浅 #ecf5ff / 深 #10243a），
+  **不随主色计算**，不能当「主色 + alpha」用——这正是业务侧此前只能硬编码
+  rgba 蓝的原因
+
+## 4.5.67
+fix: 主题存储 key 统一 `up-` 前缀，并迁移旧 key
+
+- `u-theme-primary`（4.5.66 首版）→ **`up-theme-primary`**；顺带把 fork 时代遗留的
+  `u-theme-mode` → **`up-theme-mode`**（`.uts` / `.js` 双实现）
+- 首次读取时自动迁移旧 key（读到旧值写入新 key 并删除旧 key），已有用户的
+  主题模式与品牌色偏好不会丢
+
+## 4.5.66
+feat: 运行时主色（品牌色）切换 API
+
+- theme.uts 新增 `setThemePrimaryColor(color)` / `getThemePrimaryColor()` /
+  响应式 `upThemePrimaryColor`：写 storage（key `u-theme-primary`）+ 立即刷新
+  整张变量表（`applyTheme`），所有 `var(--up-primary)` / `upThemeVar` 消费点
+  当前页即时生效
+- 优先级：**运行时品牌色 > `config.color` 覆盖（含 light/dark 后缀）> 主题表默认**；
+  传空串清除覆盖回到 config 默认
+- `initThemeSystem` 启动时先加载持久化值再建首张变量表，避免首屏默认色跳变
+- 只覆盖主色单值；「浅色黑系、深色默认蓝」这类按模式区分的场景仍走 config 后缀键
+
+## 4.5.65
+feat: up-button / up-tag 默认（square）圆角改为 iOS 风格
+
+- up-button 默认 `shape: 'square'` 的圆角 3px → **10px**（`.uvue` / `.vue`
+  双实现，四个方向变量同步）；`shape: 'circle'` 仍为 100px 胶囊，不受影响
+- up-tag 默认（square）圆角 3px → **8px**（尺寸比按钮小一档，视觉节奏一致）；
+  `shape: 'circle'` 不变
+- 显式传 `customStyle` 圆角仍可覆盖（内联优先级更高）
+
+## 4.5.64
+fix: up-radio-group 默认 activeColor 接入主题变量（4.5.63 未覆盖到的一条）
+
+- 4.5.63 改了 up-radio 自身的兜底色，但 **radio-group 的 `activeColor` 默认值本身
+  就是 `#2979ff`**——子 radio 判定「父组件已指定颜色」，永远走不到 upThemeVar 兜底，
+  选中态仍是蓝
+- `radioGroup.uts` / `radioGroup.js` 的默认值改 `var(--up-primary, #2979ff)`
+  （显式传 activeColor 仍覆盖，行为不变）
+
+## 4.5.63
+fix: up-radio / up-checkbox / up-switch 的选中色接入主题变量
+
+单选、复选、开关的选中色此前是**硬编码 #2979ff**（props 兜底 + scss 编译期色 +
+`switch.uts` 默认值），完全不读主题变量——应用把主色覆盖为黑系后它们仍是蓝。
+
+- up-radio：`elActiveColor` 兜底改 `upThemeVar('--up-primary', '#2979ff')`；
+  scss `&--checked` 的 background/border 改 `var(--up-primary, 编译期值)`
+  （显式传 `activeColor` 走内联 style，优先级更高，行为不变）
+- up-checkbox：同款兜底与 scss 处理
+- up-switch：`switch.uts` 的 `activeColor` 默认值与 `switch.js` 对齐为
+  `var(--up-switch-active-color, var(--up-primary, #2979ff))`
+  （蒸汽端走 .uts，此前只有 js 端接入了变量）
+
+## 4.5.62
+fix: up-button 的 type=primary 接入主题变量，修复主色覆盖后按钮仍为默认蓝
+
+- up-button（.uvue / .vue 双实现）此前 type 色走两条**编译期/静态**路径：
+  scss `$up-button-primary-background-color`（编译期 #2979ff，且带 !important
+  压过内联样式）与 `.uvue` 的 `config.getString('color.up-primary')`（config
+  单值键，light/dark 模式后缀键覆盖不生效）——应用把主色覆盖为黑系后按钮依旧蓝
+- `.uvue`：`typeColor` / plain `textColor` 改 `upThemeVar(--up-<type>)`（响应式、
+  随主题与模式后缀覆盖刷新，回退 config 单值）；scss 背景与边框改
+  `var(--up-primary, 编译期值)`
+- `.vue`：scss 背景/边框同样 var 化
+- 其余 37 个组件的 scss `$up-primary` 消费（alert/badge/calendar/keyboard 等）
+  列入后续清单
+
+## 4.5.61
+fix: up-navbar web 端状态栏高度改用 env(safe-area-inset-top) 探测，修复 Safari 网页模式顶栏割裂
+
+- H5 端 `uni.getSystemInfoSync().statusBarHeight` 恒 0，而 iOS Safari
+  （viewport-fit=cover，地址栏收起）的页面视口顶部包含状态栏区域：navbar 只有
+  46px 钉在视口顶，状态栏段（约 59px）无导航、无磨砂，滚动内容直接穿过——
+  「状态栏与导航割裂成两块、导航有磨砂状态栏没有」
+- up-navbar（.uvue / .vue）在 web 端用探针元素读 `env(safe-area-inset-top)`
+  实际像素作为状态栏占位（iPhone ≈ 59；桌面 / Android 浏览器 env 为 0、行为
+  不变；App 端原生 statusBarHeight 准确，不进探测）
+- standalone（PWA）分档不受影响：应用传 `statusBarInsetTop=0` 并由系统画带
+
+## 4.5.60
+feat: config.uts color 支持 up-primary-light / up-primary-dark 按主题模式覆盖主色
+
+- `configColorOverride` 支持模式后缀键（`up-<token>-light` / `up-<token>-dark`，
+  优先于单值键）：应用要「浅色主色换黑系、深色保持原主色」时在 config.color 写两个键即可，
+  无需写 JS
+- 修正 4.5.59 的 `--up-tabbar-active-bg` 浅色默认：#000000 → #1c1c1f（应用原意是
+  「把主色覆盖为原底栏激活色」，激活块本身不该被改动）
+
+## 4.5.59
+feat: 主题变量新增 --up-tabbar-active-bg（底栏激活块底色）
+
+- theme.uts 的 light / dark 扩展变量表各加一项 `--up-tabbar-active-bg`
+  （浅色默认 #000000——应用方要求底栏激活块为黑色；深色 #3a3a3c，纯黑会融进
+  深色底栏）。此前该色硬编码在应用侧底栏组件里，无法随主题配置
+- 底栏组件以 `var(--up-tabbar-active-bg, ...)` 消费（应用侧自行接线）
+
+## 4.5.58
+feat: up-cell-group 默认圆角 + up-cell 分隔线支持 iOS 标准左缩进
+
+- up-cell-group（.uvue / .vue）：默认 iOS grouped-inset 卡片形制——根节点
+  `border-radius: 12px; overflow: hidden`，子 cell 的直角背景与分隔线被裁进
+  圆角；不需要圆角的场合用 customStyle 传 `borderRadius: 0` 覆盖
+- up-cell（.uvue / .vue / props.js）新增 `borderInsetLeft`（默认 0，保持通栏）：
+  分隔线包进 `up-cell__line-wrap` 并按值加 `padding-left`，用于 iOS 标准的
+  「线条不顶到图标、从图标右侧内容起始处开始」形制；业务侧按
+  「左 padding + 图标宽 + 图标右距」取值
+
+## 4.5.57
+fix: 修复 4.5.55 引入的 durationValue 未定义（up-transition 进场清理报 ReferenceError）
+
+- vueEnter 的 setTimeout 清理误引用了不存在的 `durationValue` computed，弹层每次
+  进场即抛 `ReferenceError: durationValue is not defined`；改为与 vueLeave 同款的
+  `parseInt(props.duration)` 解析
+
+## 4.5.56
+fix: up-transition 补齐各模式 enter-to 显式终态，修复蒸汽 web 端弹层卡在起点
+
+- vue.ani-style.scss：fade / zoom / fade-up / fade-down / fade-left / fade-right /
+  slide-up / slide-down / slide-left / slide-right 十组动画此前只定义了 enter（起点）
+  规则，「归位」依赖 enter 类被移除后无 transform 的隐式状态。uni-app x 蒸汽模式的
+  web 渲染器对类名做包含式匹配（enter-to 含 enter 子串），起点规则持续命中，bottom
+  弹层被钉在 translateY(100%)（屏幕之外），表现为「弹层弹不出来」
+- 为十组模式补显式 `*-enter-to` 终态规则（transform: 0 / opacity: 1），规则顺序在
+  起点规则之后，显式覆盖；同时保留 4.5.55 的动画类清理
+
+## 4.5.55
+fix: up-transition 进场动画结束后清理动画类，修复 bottom 弹层偶发卡在屏幕外
+
+- up-transition（.uvue / .vue 双实现）：`vueEnter` 完成（duration + 50ms）后清掉
+  `enter-active` / `enter-to`。此前这两个类常驻，`transition-property: transform`
+  一直在场——进场的 CSS 过渡一旦被页面上任何一次重渲染打断（字体/lottie/列表刷新
+  都可能触发），computed transform 就冻结在起点：bottom 弹层停在 `translateY(100%)`
+  即屏幕之外，且之后再无样式变化能触发新过渡把它拉回来，表现为「弹层弹不出来」
+- 清掉 active 类后 transition-property 消失，被冻结的值直接跳到最终态归位；
+  对 fade/zoom 等其它模式同样免疫打断
+
+## 4.5.54
+feat: up-popup 新增 dragClose，bottom 弹层支持拖动下滑关闭
+
+- up-popup（.uvue / .vue 双实现 + props.js）新增 `dragClose`（默认 false，不改变既有行为）
+  与 `dragCloseThreshold`（默认 80px）：bottom 弹层按住内容向下拖时跟手位移，松手超过
+  阈值走既有 close 流程（update:show=false + close 事件），否则带回弹动画归位
+- 仅 bottom 模式且非 pageInline 生效；向上拖不拦截，弹层内部滚动不受影响
+- 动机：业务侧底部弹层（连接表单 / 主机选择器）顶部画了拖拽手柄，但组件一直没有
+  拖动关闭能力，用户按手柄下拉毫无反应（「拖动失效」）
+
 ## 4.5.53
 feat: up-navbar 支持滚动磨砂与状态栏占位覆盖，磨砂底色改用主题变量；up-empty 补齐 bottom 具名插槽
 

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 {