uni-oaview 1.9.13 → 1.9.14

package/components/oa-page/oa-page.vue

@@ -43,6 +43,8 @@
           secretArray.push(count);
           if (secretArray.join('') === secret) {
             showLog.value = true;
+            /** 如果秘钥正确则进入调试模式 */
+            uni.setStorageSync('isDebug', true);
           }
         } else {
           clickCount = 0;

package/components/oa-vconsole/native-event.vue

@@ -38,6 +38,7 @@
 <script lang="ts" setup>
   import { computed, onBeforeUnmount, ref, shallowRef } from 'vue';
   import awesomeDisplayInfo from './awesome-display-info.vue';
+  import { stringifyForSearch } from './utils';
   import { nativeEventSubject, getNativeEventLogs } from 'uniapp-log-sdk';
 
   interface NativeEventLog {
@@ -125,20 +126,10 @@
 
   const normalizeKeyword = (value: string): string => value.trim().toLowerCase();
 
-  const safeStringify = (value: unknown): string => {
-    if (value === null || value === undefined) return '';
-    if (typeof value === 'string') return value;
-    try {
-      return JSON.stringify(value);
-    } catch (error) {
-      return String(value);
-    }
-  };
-
   const matchesKeyword = (meta: NativeEventLogMeta, keywordValue: string): boolean => {
     if (!keywordValue) return true;
     const detail = getNativeEventDetail(meta.id);
-    const searchText = `${meta.title} ${meta.key} ${safeStringify(detail?.params)} ${safeStringify(
+    const searchText = `${meta.title} ${meta.key} ${stringifyForSearch(detail?.params)} ${stringifyForSearch(
       detail?.response,
     )}`.toLowerCase();
     return searchText.includes(keywordValue);

package/components/oa-vconsole/utils.ts

@@ -1,12 +1,121 @@
 const MAX_DEPTH = 10;
 const MAX_ARRAY_LENGTH = 100;
-const MAX_STRING_LENGTH = 10000;
+const MAX_OBJECT_KEYS = 100;
+const MAX_STRING_LENGTH = 200;
+const MAX_READABLE_PREVIEW_LENGTH = 200;
+const MAX_UNREADABLE_PREVIEW_LENGTH = 50;
+const MAX_SEARCH_DEPTH = 4;
+const MAX_SEARCH_ARRAY_LENGTH = 20;
+const MAX_SEARCH_OBJECT_KEYS = 20;
 
 interface RichTextNode {
-  type: string;
+  type: 'text';
   text: string;
 }
 
+const isPlainObject = (value: unknown): value is Record<string, unknown> => {
+  return Object.prototype.toString.call(value) === '[object Object]';
+};
+
+const isLikelyEncodedText = (value: string): boolean => {
+  if (value.length < 32 || /\s/.test(value)) {
+    return false;
+  }
+
+  return /^[A-Za-z0-9+/=_-]+$/.test(value);
+};
+
+const getControlCharacterCount = (value: string): number => {
+  let count = 0;
+  for (let index = 0; index < value.length; index += 1) {
+    const code = value.charCodeAt(index);
+    const isControlChar = (code >= 0 && code <= 8) || (code >= 14 && code <= 31) || code === 127;
+    if (isControlChar) {
+      count += 1;
+    }
+  }
+  return count;
+};
+
+const isHumanReadableString = (value: string): boolean => {
+  if (!value) {
+    return true;
+  }
+
+  if (isLikelyEncodedText(value)) {
+    return false;
+  }
+
+  const controlCharacterCount = getControlCharacterCount(value);
+  if (controlCharacterCount === 0) {
+    return true;
+  }
+
+  return controlCharacterCount / value.length < 0.05;
+};
+
+const buildStringPreview = (value: string): string => {
+  const previewLength = isHumanReadableString(value) ? MAX_READABLE_PREVIEW_LENGTH : MAX_UNREADABLE_PREVIEW_LENGTH;
+
+  if (value.length <= previewLength) {
+    return value;
+  }
+
+  return `${value.slice(0, previewLength)}...`;
+};
+
+const formatString = (value: string): string => {
+  const preview = buildStringPreview(value);
+  if (preview === value) {
+    return `"${value}"`;
+  }
+
+  return `"${preview}" (长度 ${value.length})`;
+};
+
+const buildSearchText = (value: unknown, depth = 0): string => {
+  if (value === null || value === undefined) {
+    return '';
+  }
+
+  if (typeof value === 'string') {
+    return buildStringPreview(value);
+  }
+
+  if (typeof value === 'number' || typeof value === 'boolean' || typeof value === 'bigint') {
+    return String(value);
+  }
+
+  if (depth >= MAX_SEARCH_DEPTH) {
+    return '[...]';
+  }
+
+  if (Array.isArray(value)) {
+    const items = value.slice(0, MAX_SEARCH_ARRAY_LENGTH).map((item) => buildSearchText(item, depth + 1));
+    const suffix = value.length > MAX_SEARCH_ARRAY_LENGTH ? ` ...(${value.length})` : '';
+    return `[${items.join(', ')}${suffix}]`;
+  }
+
+  if (isPlainObject(value)) {
+    const keys = Object.keys(value);
+    const items = keys
+      .slice(0, MAX_SEARCH_OBJECT_KEYS)
+      .map((key) => `${key}:${buildSearchText(value[key], depth + 1)}`);
+    const suffix = keys.length > MAX_SEARCH_OBJECT_KEYS ? ` ...(${keys.length})` : '';
+    return `{${items.join(', ')}${suffix}}`;
+  }
+
+  try {
+    return String(value);
+  } catch (error) {
+    return '[unserializable]';
+  }
+};
+
+export const stringifyForSearch = (value: unknown): string => {
+  return buildSearchText(value);
+};
+
 export const formatJson = (data: any, indent = 0): RichTextNode[] => {
   const indentStr = ' '.repeat(indent);
 
@@ -62,13 +171,23 @@ const formatArray = (data: any[], indent: number, indentStr: string): RichTextNo
 const formatObject = (data: Record<string, any>, indent: number, indentStr: string): RichTextNode[] => {
   let formatted: RichTextNode[] = [{ type: 'text', text: '{\n' }];
   const keys = Object.keys(data);
-  keys.forEach((key, index) => {
+  const displayKeys = keys.slice(0, MAX_OBJECT_KEYS);
+
+  displayKeys.forEach((key, index) => {
     formatted.push({ type: 'text', text: indentStr + ' '.repeat(4) + key + ': ' });
     formatted.push(...formatJson(data[key], indent + 4));
-    if (index < keys.length - 1) {
+    if (index < displayKeys.length - 1 || keys.length > MAX_OBJECT_KEYS) {
       formatted.push({ type: 'text', text: ',\n' });
     }
   });
+
+  if (keys.length > MAX_OBJECT_KEYS) {
+    formatted.push({
+      type: 'text',
+      text: indentStr + `    ... (共 ${keys.length} 个键，显示 ${displayKeys.length} 个)\n`,
+    });
+  }
+
   formatted.push({ type: 'text', text: '\n' + indentStr + '}' });
 
   return formatted;
@@ -76,14 +195,8 @@ const formatObject = (data: Record<string, any>, indent: number, indentStr: stri
 
 const formatPrimitive = (data: any): RichTextNode[] => {
   if (typeof data === 'string') {
-    // 字符串超过长度限制时截断
-    if (data.length > MAX_STRING_LENGTH) {
-      return [
-        {
-          type: 'text',
-          text: `"${data.slice(0, MAX_STRING_LENGTH)}..." (长度 ${data.length})`,
-        },
-      ];
+    if (data.length > MAX_STRING_LENGTH || !isHumanReadableString(data)) {
+      return [{ type: 'text', text: formatString(data) }];
     }
     return [{ type: 'text', text: `"${data}"` }];
   } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uni-oaview",
-  "version": "1.9.13",
+  "version": "1.9.14",
   "description": "uniapp小程序组件库",
   "main": "dist/index.esm.js",
   "typings": "dist/index.d.ts",