ts-glitter 13.8.72 → 13.8.74

package/lowcode/Entry.js

@@ -68,7 +68,7 @@ export class Entry {
         }
         window.renderClock = (_a = window.renderClock) !== null && _a !== void 0 ? _a : clockF();
         console.log(`Entry-time:`, window.renderClock.stop());
-        glitter.share.editerVersion = 'V_13.8.72';
+        glitter.share.editerVersion = 'V_13.8.736';
         glitter.share.start = new Date();
         const vm = {
             appConfig: [],
@@ -167,8 +167,7 @@ export class Entry {
             if (glitter.getUrlParameter('type') === 'editor') {
                 const dialog = new ShareDialog(glitter);
                 dialog.dataLoading({ visible: true, text: '後台載入中' });
-                Entry.toBackendEditor(glitter, () => {
-                });
+                Entry.toBackendEditor(glitter, () => { });
             }
             else if (glitter.getUrlParameter('type') === 'htmlEditor') {
                 Entry.toHtmlEditor(glitter, vm, () => {
@@ -193,7 +192,7 @@ export class Entry {
                                             bind: id,
                                             view: () => {
                                                 return SaasViewModel.createShop(gvc, true);
-                                            }
+                                            },
                                         };
                                     });
                                 }, 'change_app');
@@ -251,7 +250,7 @@ export class Entry {
         }
     }
     static toBackendEditor(glitter, callback) {
-        if ((localStorage.getItem('on-pos') === 'true') && glitter.getUrlParameter('page') !== 'pos') {
+        if (localStorage.getItem('on-pos') === 'true' && glitter.getUrlParameter('page') !== 'pos') {
             localStorage.removeItem('on-pos');
             location.href = glitter.root_path + 'pos?app-id=t_1725992531001';
         }
@@ -346,9 +345,7 @@ export class Entry {
             {
                 src: 'https://kit.fontawesome.com/cccedec0f8.js',
             },
-        ], () => {
-        }, () => {
-        });
+        ], () => { }, () => { });
         glitter.addStyle(`
             @media (prefers-reduced-motion: no-preference) {
                 :root {
@@ -382,9 +379,7 @@ export class Entry {
                 src: `${glitter.htmlGenerate.configureCDN(glitter.htmlGenerate.resourceHook(dd.js))}`,
                 type: 'module',
             };
-        }), () => {
-        }, () => {
-        }, [{ key: 'async', value: 'true' }]);
+        }), () => { }, () => { }, [{ key: 'async', value: 'true' }]);
         glitter.htmlGenerate.loadScript(glitter, window.parent.editerData.setting
             .filter((dd) => {
             return ['widget', 'container', 'code'].indexOf(dd.type) === -1;
@@ -448,8 +443,7 @@ export class Entry {
                 .map((dd) => {
                 return {
                     src: `${glitter.htmlGenerate.configureCDN(glitter.htmlGenerate.resourceHook(dd.js))}`,
-                    callback: () => {
-                    },
+                    callback: () => { },
                 };
             }));
             function authPass() {
@@ -481,14 +475,14 @@ export class Entry {
     }
     static resourceInitial(glitter, vm, callback) {
         glitter.runJsInterFace('getTopInset', {}, (response) => {
-            glitter.share.top_inset = (response.data);
+            glitter.share.top_inset = response.data;
         }, {
             webFunction: () => {
                 return { data: 0 };
             },
         });
         glitter.runJsInterFace('getBottomInset', {}, (response) => {
-            glitter.share.bottom_inset = (response.data);
+            glitter.share.bottom_inset = response.data;
         }, {
             webFunction: () => {
                 return { data: 0 };
@@ -588,7 +582,7 @@ export class Entry {
                                         loopVersion();
                                     }, 1000 * 300);
                                 }
-                            }
+                            },
                         });
                     }
                     else {

package/lowcode/Entry.ts

@@ -1,12 +1,11 @@
 'use strict';
-import {Glitter} from './glitterBundle/Glitter.js';
-import {config} from './config.js';
-import {ApiPageConfig} from './api/pageConfig.js';
-import {BaseApi} from './glitterBundle/api/base.js';
-import {GlobalUser} from './glitter-base/global/global-user.js';
-import {EditorConfig} from './editor-config.js';
-import {ShareDialog} from './glitterBundle/dialog/ShareDialog.js';
-
+import { Glitter } from './glitterBundle/Glitter.js';
+import { config } from './config.js';
+import { ApiPageConfig } from './api/pageConfig.js';
+import { BaseApi } from './glitterBundle/api/base.js';
+import { GlobalUser } from './glitter-base/global/global-user.js';
+import { EditorConfig } from './editor-config.js';
+import { ShareDialog } from './glitterBundle/dialog/ShareDialog.js';
 
 export class Entry {
     public static onCreate(glitter: Glitter) {
@@ -14,7 +13,7 @@ export class Entry {
             (window as any).appName = app_name || (window as any).appName;
             (window as any).glitter_page = page;
             location.reload();
-        }
+        };
         glitter.share.top_inset = 0;
         glitter.share.bottom_inset = 0;
         glitter.share.reload_code_hash = function () {
@@ -69,7 +68,7 @@ export class Entry {
         }
         (window as any).renderClock = (window as any).renderClock ?? clockF();
         console.log(`Entry-time:`, (window as any).renderClock.stop());
-        glitter.share.editerVersion = 'V_13.8.72';
+        glitter.share.editerVersion = 'V_13.8.74';
         glitter.share.start = new Date();
         const vm: {
             appConfig: any;
@@ -88,14 +87,14 @@ export class Entry {
         Entry.resourceInitial(glitter, vm, async (dd) => {
             glitter.addStyle(`
                 ${
-                parseInt((window.parent as any).glitter.share.bottom_inset, 10)
-                    ? `
+                    parseInt((window.parent as any).glitter.share.bottom_inset, 10)
+                        ? `
                               .update-bar-container {
                                   padding-bottom: ${(window.parent as any).glitter.share.bottom_inset}px !important;
                               }
                           `
-                    : ``
-            }
+                        : ``
+                }
 
                 .editorParent .editorChild {
                     display: none;
@@ -176,10 +175,9 @@ export class Entry {
             await Entry.globalStyle(glitter, dd);
             if (glitter.getUrlParameter('type') === 'editor') {
                 const dialog = new ShareDialog(glitter);
-                dialog.dataLoading({visible: true, text: '後台載入中'});
+                dialog.dataLoading({ visible: true, text: '後台載入中' });
                 // 頁面編輯器
-                Entry.toBackendEditor(glitter, () => {
-                });
+                Entry.toBackendEditor(glitter, () => {});
             } else if (glitter.getUrlParameter('type') === 'htmlEditor') {
                 // Iframe預覽區塊
                 Entry.toHtmlEditor(glitter, vm, () => {
@@ -188,14 +186,11 @@ export class Entry {
             } else if (glitter.getUrlParameter('page') === 'backend_manager') {
                 if (!GlobalUser.token) {
                     glitter.setUrlParameter('page', 'login');
-                    location.reload()
+                    location.reload();
                 } else {
                     try {
-                        const appList = (await ApiPageConfig.getAppList(
-                            undefined,
-                            GlobalUser.token
-                        )).response.result;
-                        localStorage.setItem('select_item', '0')
+                        const appList = (await ApiPageConfig.getAppList(undefined, GlobalUser.token)).response.result;
+                        localStorage.setItem('select_item', '0');
                         if (appList.length === 0) {
                             glitter.getModule(new URL('./view-model/saas-view-model.js', location.href).href, (SaasViewModel) => {
                                 glitter.innerDialog((gvc) => {
@@ -204,29 +199,30 @@ export class Entry {
                                         return {
                                             bind: id,
                                             view: () => {
-                                                return SaasViewModel.createShop(gvc, true)
-                                            }
-                                        }
-                                    })
-
-                                }, 'change_app')
-                            })
+                                                return SaasViewModel.createShop(gvc, true);
+                                            },
+                                        };
+                                    });
+                                }, 'change_app');
+                            });
                         } else {
                             let appName = appList[0].appName;
-                            if (appList.find((dd: any) => {
-                                return dd.appName === localStorage.getItem('select_app_name')
-                            })) {
-                                appName = localStorage.getItem('select_app_name')
+                            if (
+                                appList.find((dd: any) => {
+                                    return dd.appName === localStorage.getItem('select_app_name');
+                                })
+                            ) {
+                                appName = localStorage.getItem('select_app_name');
                             }
-                            glitter.setUrlParameter('page', 'index')
-                            glitter.setUrlParameter('type', 'editor')
-                            glitter.setUrlParameter('appName', appName)
-                            glitter.setUrlParameter('function', 'backend-manger')
-                            location.reload()
+                            glitter.setUrlParameter('page', 'index');
+                            glitter.setUrlParameter('type', 'editor');
+                            glitter.setUrlParameter('appName', appName);
+                            glitter.setUrlParameter('function', 'backend-manger');
+                            location.reload();
                         }
                     } catch (e) {
                         glitter.setUrlParameter('page', 'login');
-                        location.reload()
+                        location.reload();
                     }
                 }
             } else {
@@ -265,8 +261,8 @@ export class Entry {
 
     // 跳轉至頁面編輯器
     public static toBackendEditor(glitter: Glitter, callback: () => void) {
-        if ((localStorage.getItem('on-pos') === 'true') && glitter.getUrlParameter('page') !== 'pos') {
-            localStorage.removeItem('on-pos')
+        if (localStorage.getItem('on-pos') === 'true' && glitter.getUrlParameter('page') !== 'pos') {
+            localStorage.removeItem('on-pos');
             location.href = glitter.root_path + 'pos?app-id=t_1725992531001';
         }
         glitter.addStyle(`
@@ -375,10 +371,8 @@ export class Entry {
                     src: 'https://kit.fontawesome.com/cccedec0f8.js',
                 },
             ],
-            () => {
-            },
-            () => {
-            }
+            () => {},
+            () => {}
         );
         glitter.addStyle(`
             @media (prefers-reduced-motion: no-preference) {
@@ -419,11 +413,9 @@ export class Entry {
                     type: 'module',
                 };
             }),
-            () => {
-            },
-            () => {
-            },
-            [{key: 'async', value: 'true'}]
+            () => {},
+            () => {},
+            [{ key: 'async', value: 'true' }]
         );
 
         // Preload page script
@@ -444,7 +436,7 @@ export class Entry {
             return eval(evals);
         };
         setTimeout(() => {
-            (window.parent as any).glitter.share.loading_dialog.dataLoading({text: '', visible: false});
+            (window.parent as any).glitter.share.loading_dialog.dataLoading({ text: '', visible: false });
         }, 2000);
         glitter.htmlGenerate.setHome({
             app_config: vm.appConfig,
@@ -499,8 +491,7 @@ export class Entry {
                     .map((dd: any) => {
                         return {
                             src: `${glitter.htmlGenerate.configureCDN(glitter.htmlGenerate.resourceHook(dd.js))}`,
-                            callback: () => {
-                            },
+                            callback: () => {},
                         };
                     })
             );
@@ -545,11 +536,11 @@ export class Entry {
             'getTopInset',
             {},
             (response: any) => {
-                glitter.share.top_inset = (response.data);
+                glitter.share.top_inset = response.data;
             },
             {
                 webFunction: () => {
-                    return {data: 0};
+                    return { data: 0 };
                 },
             }
         );
@@ -558,11 +549,11 @@ export class Entry {
             'getBottomInset',
             {},
             (response: any) => {
-                glitter.share.bottom_inset = (response.data);
+                glitter.share.bottom_inset = response.data;
             },
             {
                 webFunction: () => {
-                    return {data: 0};
+                    return { data: 0 };
                 },
             }
         );
@@ -593,11 +584,11 @@ export class Entry {
                 glitter.addStyle(`
                     @charset "UTF-8";
                     ${glitter.share.font_theme
-                    .map((dd: any) => {
-                        glitter.share.initial_fonts.push(dd.value);
-                        return `@import url('https://fonts.googleapis.com/css2?family=${dd.value}&display=swap');`;
-                    })
-                    .join('\n')}
+                        .map((dd: any) => {
+                            glitter.share.initial_fonts.push(dd.value);
+                            return `@import url('https://fonts.googleapis.com/css2?family=${dd.value}&display=swap');`;
+                        })
+                        .join('\n')}
                     body {
                         font-family: '${glitter.share.font_theme[0].value}' !important;
                         font-optical-sizing: auto;
@@ -650,32 +641,31 @@ export class Entry {
                 ApiPageConfig.getGlitterVersion().then((res) => {
                     console.log('glitterVersion:', res.response.result);
                     if (!glitter.share.editerVersion.includes(res.response.result)) {
-                        const dialog = new ShareDialog(glitter)
+                        const dialog = new ShareDialog(glitter);
                         dialog.checkYesOrNot({
                             text: '新版本已發佈，是否進行更新?',
                             callback: (response) => {
                                 if (response) {
-                                    location.reload()
+                                    location.reload();
                                 } else {
                                     setTimeout(() => {
-                                        loopVersion()
-                                    }, 1000 * 300)
+                                        loopVersion();
+                                    }, 1000 * 300);
                                 }
-                            }
-                        })
+                            },
+                        });
                     } else {
                         setTimeout(() => {
-                            loopVersion()
-                        }, 1000 * 300)
+                            loopVersion();
+                        }, 1000 * 300);
                     }
-
-                })
+                });
             }
 
             if (glitter.getUrlParameter('type') === 'editor' || glitter.getUrlParameter('page') === 'pos') {
                 setTimeout(() => {
-                    loopVersion()
-                }, 1000 * 300)
+                    loopVersion();
+                }, 1000 * 300);
             }
 
             let countI = dd.response.data.initialList.length;
@@ -736,8 +726,6 @@ export class Entry {
             glitter.setUrlParameter('page', 'login');
         }
     }
-
-
 }
 
 let clockF = () => {

package/lowcode/backend-manager/bg-guide.ts

@@ -5023,6 +5023,9 @@ export class BgGuide {
     }
 
     public drawGuide() {
+        if(document.body.clientWidth<922){
+            return
+        }
         const that = this;
         const timer = setInterval(function () {
             if (document.querySelector('iframe')) {

package/lowcode/editor/search-idea.js

@@ -156,7 +156,7 @@ transform: scale(0.4) translateX(-75%) translateY(-75%);
                 gvc: gvc,
                 type: 'idea'
             }),
-            width: document.body.clientWidth < 768 ? document.body.clientWidth : 800,
+            width: document.body.clientWidth < 992 ? document.body.clientWidth : 800,
         });
     }
     static findTemplate(gvc, def, callback) {
@@ -169,7 +169,7 @@ transform: scale(0.4) translateX(-75%) translateY(-75%);
                 def: def,
                 selectCallback: callback
             }),
-            width: document.body.clientWidth < 768 ? document.body.clientWidth : 800,
+            width: document.body.clientWidth < 992 ? document.body.clientWidth : 800,
         });
     }
 }

package/lowcode/editor/search-idea.ts

@@ -167,7 +167,7 @@ transform: scale(0.4) translateX(-75%) translateY(-75%);
                 gvc: gvc,
                 type:'idea'
             }),
-            width: document.body.clientWidth < 768 ? document.body.clientWidth : 800,
+            width: document.body.clientWidth < 992 ? document.body.clientWidth : 800,
         });
     }
 
@@ -181,7 +181,7 @@ transform: scale(0.4) translateX(-75%) translateY(-75%);
                 def:def,
                 selectCallback:callback
             }),
-            width: document.body.clientWidth < 768 ? document.body.clientWidth : 800,
+            width: document.body.clientWidth < 992 ? document.body.clientWidth : 800,
         });
     }
 }

package/lowcode/glitterBundle/Glitter.js

@@ -540,6 +540,11 @@ export class Glitter {
     set href(value) {
         const link = new URL(value, location.href);
         if ((location.origin) === (link.origin)) {
+            if (link.searchParams.get("page")) {
+                const page = link.searchParams.get("page");
+                link.searchParams.delete("page");
+                link.pathname += page;
+            }
             window.history.replaceState({}, document.title, link.href);
             this.getModule(new URL('../official_event/page/change-page.js', import.meta.url).href, (cl) => {
                 cl.changePage(link.searchParams.get('page') || location.pathname.substring(1), 'page', {});

package/lowcode/glitterBundle/Glitter.ts

@@ -59,6 +59,11 @@ export class Glitter {
     set href(value) {
         const link = new URL(value, location.href);
         if ((location.origin) === (link.origin)) {
+            if(link.searchParams.get("page")) {
+                const page=link.searchParams.get("page")
+                link.searchParams.delete("page");
+                link.pathname+=page
+            }
             window.history.replaceState({}, document.title, link.href);
             this.getModule(new URL('../official_event/page/change-page.js', import.meta.url).href, (cl) => {
                 cl.changePage(link.searchParams.get('page') || location.pathname.substring(1), 'page', {})

package/lowcode/jspage/editor.js

@@ -277,7 +277,7 @@ color: transparent;"
 
                             ${(document.body.clientWidth > 800 || EditorConfig.backend_page() === 'backend-manger') ? `
                              <div
-                                    class="border-end d-flex align-items-center justify-content-center ${(document.body.clientWidth > 800 ? `ms-n2` : ``)} fs-3 d-sm-none"
+                                    class="border-end d-flex align-items-center justify-content-center ${(document.body.clientWidth > 800 ? `ms-n2` : ``)} fs-3 d-lg-none"
                                     style="width:56px;height: 56px;cursor: pointer;"
                                     onclick="${gvc.event(() => {
                 if ((EditorConfig.backend_page() === 'backend-manger')) {
@@ -289,7 +289,6 @@ color: transparent;"
             })}"
                             >
                                 ${((EditorConfig.backend_page() === 'backend-manger')) ? `<i class="fa-solid fa-bars"></i>` : ` <i class="fa-solid fa-arrow-left-from-arc"></i>`}
-                             
                             </div>
                             ` : `
                              <li class="nav-item dropdown">
@@ -360,7 +359,7 @@ ${dd.title}</a></li>`;
                                             AI
                                             </div>
                             `}
-                            <div class="border-end d-none d-sm-block"
+                            <div class="border-end d-none d-lg-block"
                                  style="width:37px;height: 56px; "></div>
 
                             ${(() => {
@@ -1079,7 +1078,7 @@ color:white;
                                 elem: 'main',
                                 class: `docs-container`,
                                 style: `padding-top: ${EditorConfig.getPaddingTop(gvc) + 56}px;
-                           padding-left:${size < 800 ? `0px;` : Storage.select_function === 'user-editor' ? `365px;` : `284px;`}
+                           padding-left:${size < 992 ? `0px;` : Storage.select_function === 'user-editor' ? `365px;` : `284px;`}
                            padding-right:0px;
                           ${Storage.select_function === 'page-editor' ? `overflow:hidden;` : ``}`
                             };

package/lowcode/jspage/editor.ts

@@ -111,7 +111,7 @@ export class Editor {
                 const url = new URL(href);
                 (window.parent as any).glitter.openNewTab(url.href);
             } else if (gvc.glitter.getUrlParameter('device') === 'mobile') {
-                if (document.body.clientWidth < 800) {
+                if (document.body.clientWidth < 920) {
                     glitter.openNewTab(`${glitter.root_path}index-mobile?appName=${(window as any).appName}&device=mobile`);
                 } else {
                     BgWidget.appPreview({
@@ -125,7 +125,7 @@ export class Editor {
                 const url = new URL('', glitter.share.editorViewModel.domain ? `https://${glitter.share.editorViewModel.domain}/?page=index` : location.href);
                 url.searchParams.delete('type');
                 url.searchParams.set('page', glitter.getUrlParameter('page'));
-                if (document.body.clientWidth < 800 && Storage.view_type === 'desktop' && gvc.glitter.deviceType === gvc.glitter.deviceTypeEnum.Ios) {
+                if (document.body.clientWidth < 922 && Storage.view_type === 'desktop' && gvc.glitter.deviceType === gvc.glitter.deviceTypeEnum.Ios) {
                     url.searchParams.set('_preview_width', '1300');
                     url.searchParams.set('_preview_scale', `${(document.body.clientWidth / 1300).toFixed(2)}`);
                 }
@@ -276,9 +276,9 @@ color: transparent;"
                                 >
                             </div>
 
-                            ${(document.body.clientWidth > 800 || EditorConfig.backend_page() === 'backend-manger') ? `
+                            ${(document.body.clientWidth > 922 || EditorConfig.backend_page() === 'backend-manger') ? `
                              <div
-                                    class="border-end d-flex align-items-center justify-content-center ${(document.body.clientWidth>800?`ms-n2`:``)} fs-3 d-sm-none"
+                                    class="border-end d-flex align-items-center justify-content-center ${(document.body.clientWidth>800?`ms-n2`:``)} fs-3 d-lg-none"
                                     style="width:56px;height: 56px;cursor: pointer;"
                                     onclick="${gvc.event(() => {
                                 if ((EditorConfig.backend_page() === 'backend-manger')) {
@@ -289,7 +289,6 @@ color: transparent;"
                             })}"
                             >
                                 ${((EditorConfig.backend_page() === 'backend-manger')) ? `<i class="fa-solid fa-bars"></i>` : ` <i class="fa-solid fa-arrow-left-from-arc"></i>`}
-                             
                             </div>
                             ` : `
                              <li class="nav-item dropdown">
@@ -359,14 +358,14 @@ ${dd.title}</a></li>`
                                             AI
                                             </div>
                             `}
-                            <div class="border-end d-none d-sm-block"
+                            <div class="border-end d-none d-lg-block"
                                  style="width:37px;height: 56px; "></div>
 
                             ${(() => {
                                 if (Storage.select_function === 'backend-manger') {
                                     return html`
                                         <div
-                                                class=" t_39_normal border-end px-4  d-flex align-items-center justify-content-center indexGuideBTN d-none d-sm-flex"
+                                                class=" t_39_normal border-end px-4  d-flex align-items-center justify-content-center indexGuideBTN d-none d-lg-flex"
                                                 style="height: 56px;cursor: pointer;"
                                                 onclick="${gvc.event(() => {
                                                     let bgGuide = new BgGuide(gvc, 0);
@@ -1153,7 +1152,7 @@ color:white;
                                         elem: 'main',
                                         class: `docs-container`,
                                         style: `padding-top: ${EditorConfig.getPaddingTop(gvc) + 56}px;
-                           padding-left:${size < 800 ? `0px;` : Storage.select_function === 'user-editor' ? `365px;` : `284px;`}
+                           padding-left:${size < 992 ? `0px;` : Storage.select_function === 'user-editor' ? `365px;` : `284px;`}
                            padding-right:0px;
                           ${Storage.select_function === 'page-editor' ? `overflow:hidden;` : ``}`
                                     }

package/lowcode/jspage/function-page/main_editor.ts

@@ -1154,7 +1154,7 @@ export class Main_editor {
             frame.style.width = `${frame_width}px`;
             frame.style.height = `${frame_height}px`;
             frame.style.transform = `scale(${(container_width / frame_width).toFixed(2)})`
-            if (document.body.clientWidth > 800 && Storage.view_type === ViewType.mobile) {
+            if (document.body.clientWidth > 992 && Storage.view_type === ViewType.mobile) {
                 frame.style.left = `25%`;
             } else {
                 frame.style.left = `0`;
@@ -1184,7 +1184,7 @@ export class Main_editor {
                             <div class="position-relative w-100 h-100"
                                  style="${(parseInt(gvc.glitter.share.top_inset, 10)) ? `padding-top:${parseInt(gvc.glitter.share.top_inset, 10) + 10}px;` : ``}"
                                  id="editerCenter">
-                                ${(document.body.clientWidth < 800) ? gvc.bindView(() => {
+                                ${(document.body.clientWidth < 992) ? gvc.bindView(() => {
                                     let last_selected = '';
                                     return {
                                         bind: `item-editor-select`,
@@ -1362,7 +1362,7 @@ export class Main_editor {
                             ? `d-flex align-items-center justify-content-center flex-column mx-auto` : `d-flex align-items-center justify-content-center flex-column `,
                         style: (Storage.select_function === 'page-editor' || Storage.select_function === 'user-editor')
                             ? ``
-                            : `width: calc(${(document.body.clientWidth < 800) ? `${document.body.clientWidth}px` : `100%`});height: ${window.innerHeight - EditorConfig.getPaddingTop(gvc) - 56}px;overflow:hidden;`
+                            : `width: calc(${(document.body.clientWidth < 992) ? `${document.body.clientWidth}px` : `100%`});height: ${window.innerHeight - EditorConfig.getPaddingTop(gvc) - 56}px;overflow:hidden;`
                     }
                 }
             }
@@ -1397,7 +1397,7 @@ export class Main_editor {
                         class: Storage.view_type === ViewType.mobile && (Storage.select_function === 'page-editor' || Storage.select_function === 'user-editor')
                             ? `d-flex align-items-center justify-content-center flex-column mx-auto` : `d-flex align-items-center justify-content-center flex-column`,
                         style: Storage.view_type === ViewType.mobile && (Storage.select_function === 'page-editor' || Storage.select_function === 'user-editor')
-                            ? `width: calc(${(document.body.clientWidth < 800) ? `${document.body.clientWidth}px` : `414px`});height: ${window.innerHeight - EditorConfig.getPaddingTop(gvc) - 56}px;` : `width: calc(${(document.body.clientWidth < 800) ? `${document.body.clientWidth}px` : `100%`});height: ${window.innerHeight - EditorConfig.getPaddingTop(gvc) - 56}px;overflow:hidden;`
+                            ? `width: calc(${(document.body.clientWidth < 992) ? `${document.body.clientWidth}px` : `414px`});height: ${window.innerHeight - EditorConfig.getPaddingTop(gvc) - 56}px;` : `width: calc(${(document.body.clientWidth < 800) ? `${document.body.clientWidth}px` : `100%`});height: ${window.innerHeight - EditorConfig.getPaddingTop(gvc) - 56}px;overflow:hidden;`
                     }
                 }
             }

package/lowcode/jspage/function-page/setting_editor.js

@@ -69,7 +69,7 @@ export class Setting_editor {
                     Storage.select_bg_btn = 'custom';
                     return html `
                         <div
-                            class="d-flex p-3 bg-white border-bottom align-items-end d-sm-none"
+                            class="d-flex p-3 bg-white border-bottom align-items-end d-lg-none"
                             style="${parseInt(glitter.share.top_inset, 10) ? `padding-top:${glitter.share.top_inset}px !important;` : ``}"
                         >
                             <img src="https://d3jnmi1tfjgtti.cloudfront.net/file/252530754/1718986163099-logo.svg" />

package/lowcode/jspage/function-page/setting_editor.ts

@@ -701,7 +701,7 @@ export class Setting_editor {
                     Storage.select_bg_btn = 'custom';
                     return html`
                         <div
-                            class="d-flex p-3 bg-white border-bottom align-items-end d-sm-none"
+                            class="d-flex p-3 bg-white border-bottom align-items-end d-lg-none"
                             style="${parseInt(glitter.share.top_inset, 10) ? `padding-top:${glitter.share.top_inset}px !important;` : ``}"
                         >
                             <img src="https://d3jnmi1tfjgtti.cloudfront.net/file/252530754/1718986163099-logo.svg" />

package/lowcode/jspage/main.js

@@ -619,7 +619,7 @@ ${Storage.page_setting_item === `${da.index}` ? `background:${EditorConfig.edito
                                                     return Page_editor.left(gvc, viewModel, editorContainerID, gBundle);
                                             }
                                         })();
-                                        if (document.body.offsetWidth < 800) {
+                                        if (document.body.offsetWidth < 992) {
                                             glitter.setDrawer(`<div class="bg-white vh-120 overflow-auto">${view}</div>`, () => { });
                                             glitter.share.toggle_left_bar = () => {
                                                 glitter.setDrawer(`<div class="bg-white vh-120 overflow-auto">${view}</div>`, () => {

package/lowcode/jspage/main.ts

@@ -236,8 +236,6 @@ init(import.meta.url, (gvc, glitter, gBundle) => {
             },
             async () => {
                 return await new Promise(async (resolve) => {
-
-
                     viewModel.data = await new Promise((resolve, reject) => {
                         ((window as any).glitterInitialHelper).getPageData({
                             tag: glitter.getUrlParameter('page'),
@@ -533,7 +531,6 @@ init(import.meta.url, (gvc, glitter, gBundle) => {
             viewModel.selectContainer = undefined;
             lod();
         };
-
     });
 
     return {
@@ -669,7 +666,7 @@ ${Storage.page_setting_item === `${da.index}` ? `background:${EditorConfig.edito
                                                                             return Page_editor.left(gvc, viewModel, editorContainerID, gBundle);
                                                                     }
                                                                 })();
-                                                                if (document.body.offsetWidth < 800) {
+                                                                if (document.body.offsetWidth < 992) {
                                                                     glitter.setDrawer(`<div class="bg-white vh-120 overflow-auto">${view}</div>`, () => {});
                                                                     glitter.share.toggle_left_bar=()=>{
                                                                         glitter.setDrawer(`<div class="bg-white vh-120 overflow-auto">${view}</div>`, () => {