fix：正确访问已用内存大小bug
This commit is contained in:
parent
7667aadf3a
commit
853b9f30d8
@ -414,7 +414,10 @@
|
||||
"path": "pages/profile/cache-cleanup",
|
||||
"style": {
|
||||
"navigationBarTitleText": "存储空间",
|
||||
"enablePullDownRefresh": true
|
||||
"enablePullDownRefresh": true,
|
||||
"app-plus": {
|
||||
"bounce": "none"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
|
||||
@ -12,37 +12,37 @@
|
||||
<text class="hero-label">Topfans 已用空间</text>
|
||||
<text class="hero-value">{{ formatSize(info.appUsedBytes) }}</text>
|
||||
|
||||
<!-- 嵌套进度条：Topfans 已用空间（蓝）→ 内存缓存空间（紫，叠在蓝内）→ 总内存空间剩余（绿） -->
|
||||
<!-- 嵌套进度条：Topfans 已用空间（蓝）→ 其他 app 使用空间（橙）→ 剩余可用空间（绿） -->
|
||||
<view class="progress-bar">
|
||||
<!-- 绿段：剩余配额（贴在右侧） -->
|
||||
<!-- 绿段：剩余可用空间（贴在右侧） -->
|
||||
<view
|
||||
class="seg-available"
|
||||
:style="{ width: availablePct + '%' }"
|
||||
></view>
|
||||
<!-- 蓝段：完整 Topfans 已用（从左） -->
|
||||
<!-- 蓝段：Topfans 已用空间（从左） -->
|
||||
<view
|
||||
class="seg-app"
|
||||
:style="{ width: appPct + '%' }"
|
||||
class="seg-topfans"
|
||||
:style="{ width: topfansPct + '%' }"
|
||||
></view>
|
||||
<!-- 紫段：缓存（从左、叠在蓝段内；不超过蓝段右边界） -->
|
||||
<!-- 橙段：其他 app 使用空间（从蓝段右边界开始，紧接蓝段） -->
|
||||
<view
|
||||
class="seg-cache"
|
||||
:style="{ width: cachePct + '%' }"
|
||||
class="seg-other"
|
||||
:style="{ left: topfansPct + '%', width: otherPct + '%' }"
|
||||
></view>
|
||||
</view>
|
||||
|
||||
<view class="chips">
|
||||
<view class="chip">
|
||||
<view class="chip-dot dot-app"></view>
|
||||
<view class="chip-dot dot-topfans"></view>
|
||||
<text>Topfans 已用空间</text>
|
||||
</view>
|
||||
<view class="chip">
|
||||
<view class="chip-dot dot-cache"></view>
|
||||
<text>内存缓存空间</text>
|
||||
<view class="chip-dot dot-other"></view>
|
||||
<text>其他 app 使用空间</text>
|
||||
</view>
|
||||
<view class="chip">
|
||||
<view class="chip-dot dot-available"></view>
|
||||
<text>总内存空间</text>
|
||||
<text>剩余可用空间</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -144,25 +144,29 @@ const info = ref({
|
||||
});
|
||||
const loadFailed = ref(false);
|
||||
|
||||
// ── 进度条三段宽度（基于 quotaTotalBytes = 100%）──
|
||||
// ── 进度条三段宽度（基于 deviceTotalBytes = 100%，设备级分布）──
|
||||
// 三段相加 ≤ 100%，不出现负数；任一字段缺失时安全降级为 0
|
||||
// 语义：蓝 = Topfans 全部已用；紫 = 蓝内的缓存（必须 ≤ 蓝）；绿 = 蓝右侧剩余
|
||||
const appPct = computed(() => {
|
||||
const total = info.value.quotaTotalBytes;
|
||||
// 语义：蓝 = Topfans 已用；橙 = 系统+其他 app+已占用的非空闲空间；绿 = 设备剩余可用
|
||||
const topfansPct = computed(() => {
|
||||
const total = info.value.deviceTotalBytes;
|
||||
if (!total) return 0;
|
||||
return Math.min(100, Math.max(0, (info.value.appUsedBytes / total) * 100));
|
||||
});
|
||||
const cachePct = computed(() => {
|
||||
const total = info.value.quotaTotalBytes;
|
||||
const otherPct = computed(() => {
|
||||
const total = info.value.deviceTotalBytes;
|
||||
if (!total) return 0;
|
||||
// 缓存必须落在 Topfans 已用区间内（cache 是 used 的子集）
|
||||
const cache = Math.min(info.value.totalBytes, info.value.appUsedBytes);
|
||||
return Math.min(appPct.value, Math.max(0, (cache / total) * 100));
|
||||
// 其他 app + 系统占用 = deviceTotal - Topfans已用 - 设备剩余
|
||||
// 防御：若 appUsedBytes + deviceFreeBytes 超过 deviceTotalBytes（极端情况），钳到非负
|
||||
const otherBytes = Math.max(
|
||||
0,
|
||||
info.value.deviceTotalBytes - info.value.appUsedBytes - info.value.deviceFreeBytes
|
||||
);
|
||||
return Math.min(100 - topfansPct.value, Math.max(0, (otherBytes / total) * 100));
|
||||
});
|
||||
const availablePct = computed(() => {
|
||||
const total = info.value.quotaTotalBytes;
|
||||
const total = info.value.deviceTotalBytes;
|
||||
if (!total) return 0;
|
||||
return Math.max(0, 100 - appPct.value);
|
||||
return Math.max(0, 100 - topfansPct.value - otherPct.value);
|
||||
});
|
||||
|
||||
// ── 平台判断（仅 APP-PLUS 编译时计算）──
|
||||
@ -182,6 +186,8 @@ async function load() {
|
||||
const result = await Promise.race([
|
||||
getCacheInfo(),
|
||||
new Promise((_, rej) =>
|
||||
// getCacheInfo 正常 < 3s（4 沙盒根 + Native.js + handlers 并行）
|
||||
// 单根 2s 超时兜底后最长 ~2.1s，5s 留 2x 缓冲
|
||||
setTimeout(() => rej(new Error("timeout")), 5000),
|
||||
),
|
||||
]);
|
||||
@ -217,6 +223,8 @@ onPullDownRefresh(async () => {
|
||||
background: #f5f7fa;
|
||||
min-height: 100vh;
|
||||
box-sizing: border-box;
|
||||
/* 关闭 WebView 层回弹（iOS 顶部/底部橡皮筋 + Android 边缘光晕） */
|
||||
overscroll-behavior: none;
|
||||
}
|
||||
|
||||
/* ── Hero 卡片 ── */
|
||||
@ -303,10 +311,9 @@ onPullDownRefresh(async () => {
|
||||
border-radius: 8rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* 三段都用 absolute 定位（蓝、紫从左贴齐；绿从右贴齐），
|
||||
紫叠在蓝之上 → 视觉上"缓存占用 Topfans 已用的一部分" */
|
||||
.seg-app,
|
||||
.seg-cache,
|
||||
/* 三段都用 absolute 定位（蓝、橙从左贴齐→依次拼接；绿从右贴齐） */
|
||||
.seg-topfans,
|
||||
.seg-other,
|
||||
.seg-available {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@ -314,13 +321,16 @@ onPullDownRefresh(async () => {
|
||||
min-width: 0;
|
||||
box-shadow: inset 0 0 0 1rpx rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
.seg-app {
|
||||
.seg-topfans {
|
||||
left: 0;
|
||||
background: #1890ff;
|
||||
/* Topfans 通常 < 0.1% 设备总空间，强制最小可见宽度 2%（保持视觉存在感） */
|
||||
min-width: 2%;
|
||||
}
|
||||
.seg-cache {
|
||||
.seg-other {
|
||||
/* 防御：left 默认 0，inline style 会用 topfansPct% 覆盖 */
|
||||
left: 0;
|
||||
background: #722ed1;
|
||||
background: #fa8c16;
|
||||
}
|
||||
.seg-available {
|
||||
right: 0;
|
||||
@ -349,16 +359,20 @@ onPullDownRefresh(async () => {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.chip-dot {
|
||||
width: 8rpx;
|
||||
height: 8rpx;
|
||||
/* 加大到 12rpx（原 8rpx 像素密度不同设备上太易丢失）；
|
||||
display: inline-block 防御 uniapp 空 <view> 不渲染的极端 case */
|
||||
display: inline-block;
|
||||
width: 12rpx;
|
||||
height: 12rpx;
|
||||
border-radius: 50%;
|
||||
flex-shrink: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.dot-app {
|
||||
.dot-topfans {
|
||||
background: #1890ff;
|
||||
}
|
||||
.dot-cache {
|
||||
background: #722ed1;
|
||||
.dot-other {
|
||||
background: #fa8c16;
|
||||
}
|
||||
.dot-available {
|
||||
background: #52c41a;
|
||||
@ -486,3 +500,16 @@ onPullDownRefresh(async () => {
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style>
|
||||
/* 非 scoped：scoped 会给选择器加 [data-v-xxx] 属性，
|
||||
但 ::-webkit-scrollbar 是伪元素没有 DOM 属性，scoped 匹配不上。
|
||||
这里隐藏整页滚动条（不影响下拉刷新） */
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
width: 0 !important;
|
||||
height: 0 !important;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -368,22 +368,50 @@ async function getAndroidApkSize() {
|
||||
}
|
||||
|
||||
/**
|
||||
* 计算"app 已用空间" = Android APK 安装包大小 + sandbox 运行时数据大小
|
||||
* 在 iOS / H5 上只算 sandbox（iOS bundle 不易从 js 取大小，按 sandbox 估算）
|
||||
* 计算"app 已用空间" = Android APK 安装包大小 + 4 个 sandbox 根目录下所有文件总字节
|
||||
* 在 iOS / H5 上只算 sandbox（iOS .app bundle 沙盒外不可访问，按 sandbox 估算）
|
||||
* 用于 cacheManager.getCacheInfo() 聚合 appUsedBytes
|
||||
*
|
||||
* 4 个 sandbox 根：
|
||||
* PRIVATE_DOC (2) _doc 私有文档（用户数据/缓存）— 主用，绝大多数占用在此
|
||||
* PRIVATE_WWW (1) _www 私有资源（仅 manifest.json 设 runmode=liberate 时才有内容）
|
||||
* PUBLIC_DOCUMENTS (3) _documents 公共文档（多 5+ App 共享）
|
||||
* PUBLIC_DOWNLOADS (4) _downloads 公共下载（多 5+ App 共享）
|
||||
*
|
||||
* PRIVATE_WWW 行为说明：
|
||||
* - 非 liberate 模式：沙盒根不存在 → requestFileSystem 两个回调都不触发 → 2s 超时降级为 0
|
||||
* - liberate 模式：首次启动资源从 APK 解压到 _www → 可正常遍历求和
|
||||
* （注：liberate 模式下 _www 内容是 APK 资源的解压副本，理论上是双倍计数，但用户明确要求保留 4 个根遍历）
|
||||
*
|
||||
* 单个根失败/超时 → 0（不影响其他根）
|
||||
*/
|
||||
export async function getSandboxTotalSize() {
|
||||
// #ifdef APP-PLUS
|
||||
try {
|
||||
// Android: APK 大小 + sandbox doc 目录运行时数据
|
||||
// Android: APK 大小 + 4 个沙盒根目录运行时数据
|
||||
const apkSize = await getAndroidApkSize()
|
||||
let sandboxBytes = 0
|
||||
try {
|
||||
const root = await getSandboxRootDir()
|
||||
sandboxBytes = await _sumDirSize(root)
|
||||
} catch (e) {
|
||||
console.warn('[ioPath] _sumDirSize failed:', e?.message)
|
||||
}
|
||||
const rootTypes = [
|
||||
plus.io.PRIVATE_DOC,
|
||||
plus.io.PRIVATE_WWW,
|
||||
plus.io.PUBLIC_DOCUMENTS,
|
||||
plus.io.PUBLIC_DOWNLOADS,
|
||||
]
|
||||
// 并行遍历 4 个沙盒根（互不依赖），单根失败/超时 → 0
|
||||
// 2s 超时：防御性，PRIVATE_WWW 在非 liberate 模式下挂死靠它兜底
|
||||
const sizes = await Promise.all(
|
||||
rootTypes.map(async (rootType) =>
|
||||
Promise.race([
|
||||
_sumDirSizeByRootType(rootType),
|
||||
new Promise((_, rej) =>
|
||||
setTimeout(() => rej(new Error('rootType timeout')), 2000)
|
||||
),
|
||||
]).catch((e) => {
|
||||
console.warn(`[ioPath] _sumDirSize failed for rootType=${rootType}:`, e?.message)
|
||||
return 0
|
||||
})
|
||||
)
|
||||
)
|
||||
const sandboxBytes = sizes.reduce((sum, s) => sum + s, 0)
|
||||
return apkSize + sandboxBytes
|
||||
} catch (e) {
|
||||
console.warn('[ioPath] getSandboxTotalSize failed:', e?.message)
|
||||
@ -395,6 +423,31 @@ export async function getSandboxTotalSize() {
|
||||
// #endif
|
||||
}
|
||||
|
||||
/**
|
||||
* 取指定 sandbox 根类型对应的 DirectoryEntry，递归求总字节
|
||||
* 不 memoize（每次按需取，避免 4 个根互相干扰；只在 getSandboxTotalSize 单次调用）
|
||||
*/
|
||||
function _sumDirSizeByRootType(rootType) {
|
||||
// #ifdef APP-PLUS
|
||||
return new Promise((resolve, reject) => {
|
||||
plus.io.requestFileSystem(
|
||||
rootType,
|
||||
async (fs) => {
|
||||
try {
|
||||
resolve(await _sumDirSize(fs.root))
|
||||
} catch (e) {
|
||||
reject(e)
|
||||
}
|
||||
},
|
||||
(e) => reject(e)
|
||||
)
|
||||
})
|
||||
// #endif
|
||||
// #ifndef APP-PLUS
|
||||
return Promise.resolve(0)
|
||||
// #endif
|
||||
}
|
||||
|
||||
/**
|
||||
* 扫描 sandbox doc 下"所有业务子目录的 tmp/ 文件总字节数"（不包含白名单 preload/share/image）
|
||||
* 用于 sandboxTmpHandler.computeSize
|
||||
|
||||
Loading…
Reference in New Issue
Block a user