uni-oaview 1.4.1 → 1.4.3

package/components/oa-vconsole/audio.vue

@@ -3,6 +3,7 @@
     <uni-collapse-item
       v-for="meta in audioLogMetas"
       :key="meta.id"
+      :name="meta.id"
       :title="meta.title"
       :class="{
         'uni-collapse-item-error': meta.isError,
@@ -41,7 +42,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { nextTick, onBeforeUnmount, ref, shallowRef } from 'vue';
+  import { nextTick, onBeforeUnmount, ref, shallowRef, watch } from 'vue';
   import awesomeDisplayInfo from './awesome-display-info.vue';
   import { audioSubject, getAudioLogs } from 'uniapp-log-sdk';
 
@@ -88,17 +89,39 @@
     return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}.${milliseconds}`;
   };
 
+  const formatTimeShort = (timestamp: number): string => {
+    const date = new Date(timestamp);
+    const hours = String(date.getHours()).padStart(2, '0');
+    const minutes = String(date.getMinutes()).padStart(2, '0');
+    const seconds = String(date.getSeconds()).padStart(2, '0');
+    return `${hours}:${minutes}:${seconds}`;
+  };
+
+  const extractFileName = (src: string): string => {
+    if (!src) return '(未指定)';
+    // 移除 URL 查询参数和锚点
+    let cleaned = src.split('?')[0];
+    cleaned = cleaned.split('#')[0];
+    // 提取文件名
+    const parts = cleaned.split(/[\/\\]/);
+    const fileName = parts[parts.length - 1];
+    return fileName || src;
+  };
+
   const buildAudioLogId = (log: AudioLog): string => {
     return `${log.id}-${log.timestamp}`;
   };
 
   const buildMetaFromLog = (log: AudioLog): AudioLogMeta => {
     const { id, src, duration, currentTime, action, timestamp, data } = log;
-    const timeStr = formatTime(timestamp);
+    const shortTime = formatTimeShort(timestamp);
+    const shortSrc = extractFileName(src);
     const isError = action === 'error';
+    const durationStr = duration > 0 ? duration.toFixed(2) : '-';
     return {
       id: buildAudioLogId(log),
-      title: `[${timeStr}] ${action} - ${src || '(未指定)'} [${duration > 0 ? duration.toFixed(2) : '-'}s]`,
+      // ✅ 加入 [实例N] 标识，让用户清晰地看出不同实例的日志
+      title: `[实例${id}] [${shortTime}] ${action} - ${shortSrc} (${durationStr}s)`,
       instanceId: id,
       src,
       duration,
@@ -153,20 +176,26 @@
     upsertLogs(data);
   });
 
-  // 展开项变化时刷新 collapse 高度缓存（小程序端必须手动调用，否则内容高度可能为 0）
-  const unwatch = ref(() => {});
-  unwatch.value = (() => {
-    let lastActiveNames = getActiveNameList().join('|');
-    return () => {
-      const currentActiveNames = getActiveNameList().join('|');
-      if (currentActiveNames !== lastActiveNames) {
-        // #ifdef MP
-        nextTick(() => collapseRef.value?.resize?.());
-        // #endif
-        lastActiveNames = currentActiveNames;
-      }
-    };
-  })();
+  // ✅ 展开项变化时刷新 collapse 高度缓存（小程序端必须手动调用，否则内容高度可能为 0）
+  watch(
+    () => getActiveNameList().join('|'),
+    () => {
+      // #ifdef MP
+      nextTick(() => collapseRef.value?.resize?.());
+      // #endif
+    },
+  );
+
+  // ✅ 列表更新时，如果有已展开项（内容高度可能变化），同步刷新高度缓存
+  watch(
+    () => audioLogMetas.value,
+    () => {
+      // #ifdef MP
+      if (getActiveNameList().length) nextTick(() => collapseRef.value?.resize?.());
+      // #endif
+    },
+    { deep: false },
+  );
 
   onBeforeUnmount(() => {
     stop?.unsubscribe();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uni-oaview",
-  "version": "1.4.01",
+  "version": "1.4.03",
   "description": "uniapp小程序组件库",
   "main": "dist/index.esm.js",
   "typings": "dist/index.d.ts",
@@ -51,7 +51,7 @@
     "rollup-plugin-typescript2": "^0.27.2",
     "rollup-plugin-vue": "^6.0.0",
     "typescript": "^4.0.2",
-    "uniapp-log-sdk": "^1.7.00"
+    "uniapp-log-sdk": "^1.7.1"
   },
   "peerDependencies": {
     "@dcloudio/uni-ui": "^1.5.11",