fix(playground): update dependencies and refactor ID generation to use uuid library

Author: gimmyhehe

pnpm-lock.yaml

@@ -17,16 +17,17 @@
     "@opentiny/tiny-robot-kit": "0.3.3",
     "@opentiny/tiny-robot-svgs": "0.3.3",
     "@opentiny/vue": "^3.28.0",
-    "@opentiny/vue-renderless": "^3.28.2",
     "@opentiny/vue-directive": "^3.28.0",
     "@opentiny/vue-icon": "^3.28.0",
+    "@opentiny/vue-renderless": "^3.28.2",
     "@opentiny/vue-theme": "^3.28.0",
+    "ai": "6.0.116",
     "clipboard-copy": "^4.0.1",
     "monaco-editor-vue3": "^1.0.4",
     "schema-renderer-ng-adpater": "workspace:*",
+    "uuid": "11.1.0",
     "vite-commit-hash-plugin": "workspace:*",
-    "vue": "^3.5.18",
-    "ai": "6.0.116"
+    "vue": "^3.5.18"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.1",

sites/playground/web/package.json

@@ -1,32 +1,17 @@
+import { v4 as uuidv4 } from 'uuid';
 /**
  * 通用 ID 生成函数
  *
- * 策略优先级：
- * 1. crypto.randomUUID()  — 安全上下文（HTTPS / localhost / Node.js）
- * 2. Date.now() + random  — 带时间戳，有序，适合日志/排序场景
- *
  * @param length  截取长度，默认 16
  * @param prefix  可选前缀，如 'user_', 'order_'
  */
 export function generateId(length: number = 16, prefix: string = ''): string {
   let id: string;
-
-  // 策略 1：crypto.randomUUID（最安全，需安全上下文）
-  if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
-    let raw = '';
-    while (raw.length < length) {
-      raw += crypto.randomUUID().replace(/-/g, '');
-    }
-    id = raw.substring(0, length);
-  } else {
-    // 兜底策略
-    const timePart = Date.now ? Date.now().toString(36) : '';
-    let raw = timePart;
-    while (raw.length < length) {
-      raw += Math.random().toString(36).slice(2);
-    }
-    id = raw.substring(0, length);
+  let raw = '';
+  while (raw.length < length) {
+    raw += uuidv4().replace(/-/g, '');
   }
+  id = raw.substring(0, length);
 
   return prefix + id;
 }