feat: 更新 Chat 模块，修复 iOS 17.1 后出现的界面兼容性问题，补充低端设备兼容性测试提醒

src/manifest.json

 {
-    "name": "Beta App",
-    "appid": "__UNI__2E9441A",
-    "description": "APP 基础工程",
-    "versionName": "1.0.1",
-    "versionCode": 10001,
-    "transformPx": false,
-    "locale": "zh-Hans",
-    "vueVersion": "3",
+    "name" : "Beta App",
+    "appid" : "__UNI__2E9441A",
+    "description" : "APP 基础工程",
+    "versionName" : "1.0.1",
+    "versionCode" : 10001,
+    "transformPx" : false,
+    "locale" : "zh-Hans",
+    "vueVersion" : "3",
     /* 5+App特有相关 */// 配置文件详细说明
     // https://uniapp.dcloud.net.cn/collocation/manifest-app.html#full-manifest
-    "app-plus": {
-        "usingComponents": true,
-        "nvueCompiler": "uni-app",
-        "nvueStyleCompiler": "uni-app",
-        "nvueLaunchMode": "fast",
-        "compilerVersion": 3,
-        "splashscreen": {
-            "alwaysShowBeforeRender": false,
-            "autoclose": false,
-            "waiting": true
+    "app-plus" : {
+        "usingComponents" : true,
+        "nvueCompiler" : "uni-app",
+        "nvueStyleCompiler" : "uni-app",
+        "nvueLaunchMode" : "fast",
+        "compilerVersion" : 3,
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : false,
+            "autoclose" : false,
+            "waiting" : true
         },
-        "screenOrientation": ["portrait-primary", "landscape-primary"],
-        "compatible": {
+        "screenOrientation" : [ "portrait-primary", "landscape-primary" ],
+        "compatible" : {
             // 忽略版本提示
-            "ignoreVersion": true
+            "ignoreVersion" : true
         },
         /* 模块配置 */
-        "modules": {
-            "Geolocation": {},
-            "Camera": {}
+        "modules" : {
+            "Geolocation" : {},
+            "Camera" : {}
         },
         /* 应用发布信息 */
-        "distribute": {
+        "distribute" : {
             /* android打包配置 */
-            "android": {
-                "permissions": [
+            "android" : {
+                "permissions" : [
                     "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
                     "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
                     "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
@@ -51,97 +51,97 @@
                     "<uses-feature android:name=\"android.hardware.camera\"/>",
                     "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
                 ],
-                "permissionPhoneState": {
+                "permissionPhoneState" : {
                     // app首次启动关闭权限申请
-                    "request": "none"
+                    "request" : "none"
                 },
-                "minSdkVersion": 23,
-                "targetSdkVersion": 30,
-                "abiFilters": ["armeabi-v7a", "arm64-v8a"]
+                "minSdkVersion" : 23,
+                "targetSdkVersion" : 30,
+                "abiFilters" : [ "armeabi-v7a", "arm64-v8a" ]
             },
             /* ios打包配置 */
-            "ios": {
-                "dSYMs": false,
-                "privacyDescription": {
-                    "NSUserTrackingUsageDescription": "请放心，开启权限不会获取您在其他站点的隐私信息，该权限仅用于标识设备并保障服务安全与提示浏览体验",
-                    "NSLocationAlwaysAndWhenInUseUsageDescription": "该应用需要你的地理位置，以便检查你当前位置信息",
-                    "NSLocationAlwaysUsageDescription": "该应用需要你的地理位置，以便检查你当前位置信息",
-                    "NSLocationWhenInUseUsageDescription": "该应用需要你的地理位置，以便检查你当前位置信息",
-                    "NSPhotoLibraryUsageDescription": "请允许访问您的照片图库，以便能够上传应用异常问题的截图"
+            "ios" : {
+                "dSYMs" : false,
+                "privacyDescription" : {
+                    "NSUserTrackingUsageDescription" : "请放心，开启权限不会获取您在其他站点的隐私信息，该权限仅用于标识设备并保障服务安全与提示浏览体验",
+                    "NSLocationAlwaysAndWhenInUseUsageDescription" : "该应用需要你的地理位置，以便检查你当前位置信息",
+                    "NSLocationAlwaysUsageDescription" : "该应用需要你的地理位置，以便检查你当前位置信息",
+                    "NSLocationWhenInUseUsageDescription" : "该应用需要你的地理位置，以便检查你当前位置信息",
+                    "NSPhotoLibraryUsageDescription" : "请允许访问您的照片图库，以便能够上传应用异常问题的截图"
                 }
             },
             /* SDK配置 */
-            "sdkConfigs": {
-                "ad": {},
-                "statics": {},
-                "geolocation": {
-                    "system": {
-                        "__platform__": ["ios", "android"]
+            "sdkConfigs" : {
+                "ad" : {},
+                "statics" : {},
+                "geolocation" : {
+                    "system" : {
+                        "__platform__" : [ "ios", "android" ]
                     }
                 }
             },
-            "icons": {
-                "android": {
-                    "hdpi": "unpackage/res/icons/72x72.png",
-                    "xhdpi": "unpackage/res/icons/96x96.png",
-                    "xxhdpi": "unpackage/res/icons/144x144.png",
-                    "xxxhdpi": "unpackage/res/icons/192x192.png"
+            "icons" : {
+                "android" : {
+                    "hdpi" : "unpackage/res/icons/72x72.png",
+                    "xhdpi" : "unpackage/res/icons/96x96.png",
+                    "xxhdpi" : "unpackage/res/icons/144x144.png",
+                    "xxxhdpi" : "unpackage/res/icons/192x192.png"
                 },
-                "ios": {
-                    "appstore": "unpackage/res/icons/1024x1024.png",
-                    "ipad": {
-                        "app": "unpackage/res/icons/76x76.png",
-                        "app@2x": "unpackage/res/icons/152x152.png",
-                        "notification": "unpackage/res/icons/20x20.png",
-                        "notification@2x": "unpackage/res/icons/40x40.png",
-                        "proapp@2x": "unpackage/res/icons/167x167.png",
-                        "settings": "unpackage/res/icons/29x29.png",
-                        "settings@2x": "unpackage/res/icons/58x58.png",
-                        "spotlight": "unpackage/res/icons/40x40.png",
-                        "spotlight@2x": "unpackage/res/icons/80x80.png"
+                "ios" : {
+                    "appstore" : "unpackage/res/icons/1024x1024.png",
+                    "ipad" : {
+                        "app" : "unpackage/res/icons/76x76.png",
+                        "app@2x" : "unpackage/res/icons/152x152.png",
+                        "notification" : "unpackage/res/icons/20x20.png",
+                        "notification@2x" : "unpackage/res/icons/40x40.png",
+                        "proapp@2x" : "unpackage/res/icons/167x167.png",
+                        "settings" : "unpackage/res/icons/29x29.png",
+                        "settings@2x" : "unpackage/res/icons/58x58.png",
+                        "spotlight" : "unpackage/res/icons/40x40.png",
+                        "spotlight@2x" : "unpackage/res/icons/80x80.png"
                     },
-                    "iphone": {
-                        "app@2x": "unpackage/res/icons/120x120.png",
-                        "app@3x": "unpackage/res/icons/180x180.png",
-                        "notification@2x": "unpackage/res/icons/40x40.png",
-                        "notification@3x": "unpackage/res/icons/60x60.png",
-                        "settings@2x": "unpackage/res/icons/58x58.png",
-                        "settings@3x": "unpackage/res/icons/87x87.png",
-                        "spotlight@2x": "unpackage/res/icons/80x80.png",
-                        "spotlight@3x": "unpackage/res/icons/120x120.png"
+                    "iphone" : {
+                        "app@2x" : "unpackage/res/icons/120x120.png",
+                        "app@3x" : "unpackage/res/icons/180x180.png",
+                        "notification@2x" : "unpackage/res/icons/40x40.png",
+                        "notification@3x" : "unpackage/res/icons/60x60.png",
+                        "settings@2x" : "unpackage/res/icons/58x58.png",
+                        "settings@3x" : "unpackage/res/icons/87x87.png",
+                        "spotlight@2x" : "unpackage/res/icons/80x80.png",
+                        "spotlight@3x" : "unpackage/res/icons/120x120.png"
                     }
                 }
             },
-            "splashscreen": {
-                "useOriginalMsgbox": true
+            "splashscreen" : {
+                "useOriginalMsgbox" : true
             }
         },
-        "uniStatistics": {
-            "enable": true
+        "uniStatistics" : {
+            "enable" : true
         }
     },
-    "uniStatistics": {
-        "enable": true,
-        "version": "2",
-        "debug": true
+    "uniStatistics" : {
+        "enable" : true,
+        "version" : "2",
+        "debug" : true
     },
     /* 快应用特有相关 */
-    "quickapp": {},
+    "quickapp" : {},
     /* 小程序特有相关 */
-    "mp-weixin": {
-        "appid": "",
-        "setting": {
-            "urlCheck": false
+    "mp-weixin" : {
+        "appid" : "",
+        "setting" : {
+            "urlCheck" : false
         },
-        "usingComponents": true
+        "usingComponents" : true
     },
-    "mp-alipay": {
-        "usingComponents": true
+    "mp-alipay" : {
+        "usingComponents" : true
     },
-    "mp-baidu": {
-        "usingComponents": true
+    "mp-baidu" : {
+        "usingComponents" : true
     },
-    "mp-toutiao": {
-        "usingComponents": true
+    "mp-toutiao" : {
+        "usingComponents" : true
     }
 }

src/pages.json

@@ -37,6 +37,11 @@
             "path": "pages/example/chat/index",
             "style": {
                 "navigationStyle": "custom",
+                "backgroundColor": "#ffffff",
+                // #ifdef H5
+                "titleNView": false,
+                // #endif
+                "disableScroll": true,
                 "app-plus": {
                     "titleNView": false,
                     "bounce": "none"

src/pages/example/chat/index.vue

@@ -36,16 +36,31 @@
 
         Message.loading()
         // #ifdef APP-PLUS
+        const system = uni.getSystemInfoSync()
         // 对于不安全或不信任的网站地址或可能触发 plus API 的来源，采用手动创建 webview 的方式打开
         const webview = plus.webview.create(page.link, 'no-security-webview', {
             progress: page.styles.progress,
         })
+
+        // FIXED: 处理 iOS 下意外的高度兼容性问题
+        if (system.platform === 'ios') {
+            webview.setStyle({
+                popGesture: 'none',
+                scrollIndicator: 'none',
+                top: `${system.statusBarHeight}px`,
+                bottom: `${system.safeAreaInsets.bottom}px`,
+                background: 'transparent',
+            })
+        }
+
         webview.addEventListener(
             'loaded',
             () => {
-                let paddingTop = '0px'
-                if (uni.getSystemInfoSync().platform === 'android') {
-                    paddingTop = '30px'
+                // FIX: classId 可能随着每个 Web SDK 版本会更新，需要注意，一旦发生变更可能会丢失部分样式（用户头像）
+                const classId = 'ca5e07ec94ad125e02ca'
+                let paddingTop = `${system.statusBarHeight}px`
+                if (system.platform === 'ios') {
+                    paddingTop = '0px'
                 }
 
                 webview.appendJsFile('_www/static/uni.webview.1.5.6.js')
@@ -65,7 +80,7 @@
                     // 隐藏底部描述和图片上传能力
                     var style = document.createElement('style')
                     style.id = 'no-security-webview-style'
-                    style.innerHTML = 'footer, .semi-upload-add { display: none !important; } .close-btn { position: absolute; right: 12px; top: calc(18px + ${paddingTop}); padding: 8px; } html { padding-top: calc(0px + ${paddingTop}) }'
+                    style.innerHTML = 'footer { display: none !important; } .close-btn { z-index: 99999; position: absolute; right: 12px; top: calc(18px + ${paddingTop}); padding: 8px; } html { padding-top: ${paddingTop}; background: transparent; } .semi-avatar>img { border-radius: 50% !important; } .${classId}-content>div:last-child .semi-avatar-img img { opacity: 0; } .${classId}-content>div:last-child .semi-avatar-img { position: relative; background-image: url(https://hntq.yiring.com/minio/public/system/ai/hntq-ai-user-2.png); background-size: cover; background-position: center; }'
                     document.body.appendChild(style)
 
                     // 添加关闭按钮
@@ -76,6 +91,15 @@
                         uni.navigateBack()
                     }
                     document.body.appendChild(div)
+
+                    window.onerror = function(e) {
+                        var message = JSON.stringify(e)
+                        // alert('页面加载异常：' + message)
+                        if (message.indexOf('ReferenceError') !== -1) {
+                            var ok = confirm('抱歉，发现了不兼容的问题，请您检查系统版本是否过于旧，欢迎升级后再尝试体验，感谢您的支持~')
+                            uni.navigateBack()
+                        }
+                    }
                 `)
             },
             false,
@@ -84,7 +108,7 @@
         const pages = getCurrentPages()
         const currentPage = pages[pages.length - 1]
         const currentWebview = currentPage.$getAppWebview()
-        currentWebview.setStyle({ progress: page.styles.progress })
+        currentWebview.setStyle({ progress: page.styles.progress, popGesture: 'none' })
         currentWebview.append(webview)
         // #endif
         // #ifndef APP-PLUS

src/pages/example/index.vue

@@ -27,7 +27,7 @@
             {
                 name: 'Chat AI 对话',
                 icon: 'emojione-cowboy-hat-face',
-                page: `/pages/example/chat/index?link=${encodeURIComponent('https://api.coze.cn/open-platform/sdk/chatapp?params=%7B%22chatClientId%22%3A%22Hd1w0dc49QzvaAGlDONiA%22%2C%22chatConfig%22%3A%7B%22bot_id%22%3A%227426295021118488587%22%2C%22user%22%3A%22NmAh7FUtuyO6RPrzYMg4v%22%2C%22conversation_id%22%3A%22cqnuKy6c3lmYTdjF0vslj%22%7D%2C%22componentProps%22%3A%7B%22layout%22%3A%22mobile%22%2C%22lang%22%3A%22zh_CN%22%2C%22uploadable%22%3Atrue%2C%22title%22%3A%22%E6%B9%96%E5%8D%97%E5%A4%A9%E6%B0%94%20AI%20%E6%99%BA%E8%83%BD%E5%8A%A9%E7%90%86%22%2C%22icon%22%3A%22https%3A%2F%2Fhntq-res.oss-cn-shenzhen.aliyuncs.com%2Fhntq-ai-logo.png%22%7D%7D')}`,
+                page: `/pages/example/chat/index?link=${encodeURIComponent('https://api.coze.cn/open-platform/sdk/chatapp?params=%7B%22chatClientId%22%3A%22BCsVIvFQTfR6aaoq9rRlj%22%2C%22chatConfig%22%3A%7B%22bot_id%22%3A%227426295021118488587%22%2C%22user%22%3A%22yUDCvvY6bwgJlKOR4z64X%22%2C%22conversation_id%22%3A%22ugG5MOjgpB5QidAIG8Yf1%22%7D%2C%22componentProps%22%3A%7B%22layout%22%3A%22mobile%22%2C%22lang%22%3A%22zh-CN%22%2C%22uploadable%22%3Atrue%2C%22title%22%3A%22%E6%B9%96%E5%8D%97%E5%A4%A9%E6%B0%94%20AI%20%E5%B0%8F%E5%8A%A9%E6%89%8B%22%2C%22icon%22%3A%22https%3A%2F%2Fhntq.yiring.com%2Fminio%2Fpublic%2Fsystem%2Fai%2Fhntq-ai-logo.png%22%7D%7D')}`,
                 animationType: 'slide-in-bottom',
             },
             {