优化：智能区域默认为 overflow hidden 样式，增加加载中样式

Author: modstart

electron/preload/focusany.ts

@@ -42,16 +42,16 @@ const ipcSendToHost = (type: string, data?: any, hasResult?: boolean): Promise<a
         if (hasResult) {
             const timeoutTimer = setTimeout(() => {
                 executeHook('Log', `${type}.timeout`)
-                ipcRenderer.removeAllListeners(`FocusAny.FastPanel.${id}`)
+                ipcRenderer.removeAllListeners(`FocusAny.View.${id}`)
                 reject(new Error('timeout'))
             }, 60 * 1000)
-            ipcRenderer.once(`FocusAny.FastPanel.${id}`, (_event, result) => {
+            ipcRenderer.once(`FocusAny.View.${id}`, (_event, result) => {
                 executeHook('Log', `${type}.result`, result)
                 clearTimeout(timeoutTimer)
                 resolve(result)
             })
         }
-        ipcRenderer.sendToHost('FocusAny.FastPanel', {
+        ipcRenderer.sendToHost('FocusAny.View', {
             id,
             type,
             data,

src/pages/FastPanel/FastPanelResult.vue

@@ -48,6 +48,9 @@ const {
                              :useragent="`${webUserAgent} PluginAction/${r.fullName}`"
                              webpreferences="contextIsolation=false,sandbox=false"
                              disablewebsecurity></webview>
+                    <div class="view-item-loading" v-if="!r['_webReady']">
+                        <icon-loading/>
+                    </div>
                 </div>
             </div>
         </div>
@@ -134,9 +137,21 @@ const {
     }
 
     .view-item-body {
+        position: relative;
+
         .web {
             transition: height 0.3s;
         }
+
+        .view-item-loading {
+            position: absolute;
+            inset: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            background: rgba(255, 255, 255, 0.8);
+            z-index: 1;
+        }
     }
 
     .action-item-box {

src/pages/Main/Lib/viewOperate.ts

@@ -28,13 +28,15 @@ export const useViewOperate = (type: 'fastPanel' | 'main') => {
             return manager.viewActions.map(a => {
                 a['_web'] = null
                 a['_webInit'] = false
+                a['_webReady'] = false
                 a['_height'] = a.runtime?.view?.heightView || 100
                 return a
             })
         }
         return manager.fastPanelViewActions.map(a => {
             a['_web'] = null
             a['_webInit'] = false
+            a['_webReady'] = false
             a['_height'] = a.runtime?.view?.heightView || 100
             return a
         })
@@ -60,6 +62,8 @@ export const useViewOperate = (type: 'fastPanel' | 'main') => {
             readyData['isView'] = true;
             ((aa) => {
                 aa['_web'].addEventListener('did-finish-load', async () => {
+                    aa['_webReady'] = true
+                    aa['_web'].insertCSS(`body{overflow: hidden;}`)
                     if (setting.shouldDarkMode()) {
                         aa['_web'].executeJavaScript(`
                         document.body.setAttribute('data-theme', 'dark');
@@ -80,15 +84,15 @@ export const useViewOperate = (type: 'fastPanel' | 'main') => {
                     }
                 })
                 aa['_web'].addEventListener('ipc-message', (event) => {
-                    if ('FocusAny.FastPanel' === event.channel) {
+                    if ('FocusAny.View' === event.channel) {
                         const {id, type, data} = event.args[0]
                         switch (type) {
                             case 'view.setHeight':
                                 aa['_height'] = data.height
                                 break
                             case 'view.getHeight':
                                 // console.log('view.getHeight', aa['_height'])
-                                aa['_web'].send(`FocusAny.FastPanel.${id}`, aa['_height'])
+                                aa['_web'].send(`FocusAny.View.${id}`, aa['_height'])
                                 break
                         }
                     }

src/pages/Main/MainResult.vue

@@ -142,6 +142,9 @@
                                          :useragent="`${webUserAgent} PluginAction/${r.fullName}`"
                                          webpreferences="contextIsolation=false,sandbox=false"
                                          disablewebsecurity></webview>
+                                <div class="view-item-loading" v-if="!r['_webReady']">
+                                    <icon-loading/>
+                                </div>
                             </div>
                         </div>
                     </div>
@@ -296,9 +299,21 @@ defineExpose({
             }
 
             .view-item-body {
+                position: relative;
+
                 .web {
                     transition: height 0.3s;
                 }
+
+                .view-item-loading {
+                    position: absolute;
+                    inset: 0;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    background: rgba(255, 255, 255, 0.8);
+                    z-index: 1;
+                }
             }
         }
     }