ts-glitter 13.7.9 → 13.8.1

package/lowcode/Entry.js

@@ -59,7 +59,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.7.9";
+        glitter.share.editerVersion = "V_13.8.1";
         glitter.share.start = (new Date());
         const vm = {
             appConfig: [],

package/lowcode/Entry.ts

@@ -9,6 +9,7 @@ import {ShareDialog} from "./glitterBundle/dialog/ShareDialog.js";
 
 export class Entry {
     public static onCreate(glitter: Glitter) {
+
         glitter.share.top_inset = 0
         glitter.share.bottom_inset = 0
         glitter.share.reload_code_hash = function () {
@@ -59,7 +60,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.7.9";
+        glitter.share.editerVersion = "V_13.8.1";
         glitter.share.start = (new Date());
         const vm: {
             appConfig: any;

package/lowcode/backend-manager/bg-customer-message.js

@@ -115,18 +115,21 @@ export class BgCustomerMessage {
                              alt="Albert Flores">
                         <div class="d-flex  px-1 text-white align-items-center" style="gap:8px;">
                             <h6 class="mb-0 text-white " style="">一站式客服整合系統</h6>
-                            ${BgWidget.questionButton(gvc.event(() => {
-                                BgWidget.dialog({
-                                    gvc,
-                                    title: '提示',
-                                    innerHTML: () => {
-                                        return `<div class="w-100" style="white-space:normal;word-break: break-all;">${BgWidget.grayNote([`*單一後台即可管理各渠道訊息`, `*前往第三方整合設定，設定Line與Facebook官方訊息串接`, `*為確保訊息同步，請統一透過SHOPNEX後台發送訊息`].map((dd) => {
-                                            return `<div style="letter-spacing: 1.2px;white-space:normal;word-break: break-all;">${dd}</div>`;
-                                        }).join('<div class="my-1"></div>'))}</div>`;
-                                    },
-                                    width: 250
-                                });
-                            }))}
+      ${BgWidget.iconButton({
+                                icon: 'question',
+                                event: gvc.event(() => {
+                                    BgWidget.dialog({
+                                        gvc,
+                                        title: '提示',
+                                        innerHTML: () => {
+                                            return `<div class="w-100" style="white-space:normal;word-break: break-all;">${BgWidget.grayNote([`*單一後台即可管理各渠道訊息`, `*前往第三方整合設定，設定Line與Facebook官方訊息串接`, `*為確保訊息同步，請統一透過SHOPNEX後台發送訊息`].map((dd) => {
+                                                return `<div style="letter-spacing: 1.2px;white-space:normal;word-break: break-all;">${dd}</div>`;
+                                            }).join('<div class="my-1"></div>'))}</div>`;
+                                        },
+                                        width: 250
+                                    });
+                                })
+                            })}
                         </div>
                         <div class="flex-fill" style="flex: 1;"></div>
                         <i class="fa-regular fa-circle-xmark text-white fs-3 " aria-hidden="true"

package/lowcode/backend-manager/bg-customer-message.ts

@@ -131,19 +131,22 @@ export class BgCustomerMessage {
                              alt="Albert Flores">
                         <div class="d-flex  px-1 text-white align-items-center" style="gap:8px;">
                             <h6 class="mb-0 text-white " style="">一站式客服整合系統</h6>
-                            ${BgWidget.questionButton(
-                                gvc.event(() => {
-                                    BgWidget.dialog({
-                                        gvc,
-                                        title: '提示',
-                                        innerHTML: () => {
-                                            return `<div class="w-100" style="white-space:normal;word-break: break-all;">${BgWidget.grayNote([`*單一後台即可管理各渠道訊息`, `*前往第三方整合設定，設定Line與Facebook官方訊息串接`, `*為確保訊息同步，請統一透過SHOPNEX後台發送訊息`].map((dd) => {
-                                                return `<div style="letter-spacing: 1.2px;white-space:normal;word-break: break-all;">${dd}</div>`
-                                            }).join('<div class="my-1"></div>'))}</div>`
-                                        },
-                                        width: 250
-                                    });
-                                })
+      ${BgWidget.iconButton(
+                                {
+                                    icon: 'question',
+                                    event: gvc.event(() => {
+                                        BgWidget.dialog({
+                                            gvc,
+                                            title: '提示',
+                                            innerHTML: () => {
+                                                return  `<div class="w-100" style="white-space:normal;word-break: break-all;">${BgWidget.grayNote([`*單一後台即可管理各渠道訊息`, `*前往第三方整合設定，設定Line與Facebook官方訊息串接`, `*為確保訊息同步，請統一透過SHOPNEX後台發送訊息`].map((dd) => {
+                                                    return `<div style="letter-spacing: 1.2px;white-space:normal;word-break: break-all;">${dd}</div>`
+                                                }).join('<div class="my-1"></div>'))}</div>`
+                                            },
+                                            width: 250
+                                        });
+                                    })
+                                }
                             )}
                         </div>
                         <div class="flex-fill" style="flex: 1;"></div>

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

@@ -1624,8 +1624,8 @@ export class BgGuide {
                             return this.drawBGwithBelowWindow(BG, vm, '.guide5-5', 'productInit', 5, 8, {
                                 width: 332,
                                 height: 209,
-                                title: '販售價格',
-                                content: '輸入商品的販售價格',
+                                title: '售價',
+                                content: '輸入商品的售價',
                                 previewEvent: () => {
                                     this.findIframeDom('.guide5-4').parentElement.parentElement.scrollIntoView();
                                 },
@@ -1637,8 +1637,8 @@ export class BgGuide {
                         return this.drawBGwithBelowWindow(BG, vm, '.guide5-5', 'productInit', 5, 8, {
                             width: 332,
                             height: 209,
-                            title: '販售價格',
-                            content: '輸入商品的販售價格',
+                            title: '售價',
+                            content: '輸入商品的售價',
                             disable: true,
                             previewEvent: () => {
                                 this.findIframeDom('.guide5-4').parentElement.parentElement.scrollIntoView();

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

@@ -1862,8 +1862,8 @@ export class BgGuide {
                             return this.drawBGwithBelowWindow(BG, vm, '.guide5-5', 'productInit', 5, 8, {
                                 width: 332,
                                 height: 209,
-                                title: '販售價格',
-                                content: '輸入商品的販售價格',
+                                title: '售價',
+                                content: '輸入商品的售價',
                                 previewEvent: () => {
                                     this.findIframeDom('.guide5-4').parentElement.parentElement.scrollIntoView();
                                 },
@@ -1877,8 +1877,8 @@ export class BgGuide {
                         return this.drawBGwithBelowWindow(BG, vm, '.guide5-5', 'productInit', 5, 8, {
                             width: 332,
                             height: 209,
-                            title: '販售價格',
-                            content: '輸入商品的販售價格',
+                            title: '售價',
+                            content: '輸入商品的售價',
                             disable: true,
                             previewEvent: () => {
                                 this.findIframeDom('.guide5-4').parentElement.parentElement.scrollIntoView();

package/lowcode/backend-manager/bg-shopping.js

@@ -2295,8 +2295,8 @@ ${EditorElem.editeInput({
                                 html `<div class="w-100 bgf6 d-flex">
                                                                 <div style=" width:calc(100% / 7 - 90px);"></div>
                                                                 <div style=" width:${wi};padding-left:10px; ">子類</div>
-                                                                <div style=" width:${wi}; ">販售價格</div>
-                                                                <div style=" width:${wi}; ">比較價格</div>
+                                                                <div style=" width:${wi}; ">售價</div>
+                                                                <div style=" width:${wi}; ">原價</div>
                                                                 <div style=" width:${wi}; ">存貨數量</div>
                                                                 <div style=" width:${wi};">存貨單位(SKU)</div>
                                                                 <div style=" width:${wi};margin-left: 20px;">運費權重</div>
@@ -2417,7 +2417,7 @@ ${EditorElem.editeInput({
                                                             }),
                                                             EditorElem.editeInput({
                                                                 gvc: obj.gvc,
-                                                                title: '販售價格',
+                                                                title: '售價',
                                                                 default: `${(_b = dd.sale_price) !== null && _b !== void 0 ? _b : 0}`,
                                                                 placeHolder: '',
                                                                 type: 'number',
@@ -2427,7 +2427,7 @@ ${EditorElem.editeInput({
                                                             }),
                                                             EditorElem.editeInput({
                                                                 gvc: obj.gvc,
-                                                                title: '比較價格',
+                                                                title: '原價',
                                                                 default: `${(_c = dd.compare_price) !== null && _c !== void 0 ? _c : 0}`,
                                                                 placeHolder: '',
                                                                 type: 'number',

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

@@ -2502,8 +2502,8 @@ ${EditorElem.editeInput({
                                                             html`<div class="w-100 bgf6 d-flex">
                                                                 <div style=" width:calc(100% / 7 - 90px);"></div>
                                                                 <div style=" width:${wi};padding-left:10px; ">子類</div>
-                                                                <div style=" width:${wi}; ">販售價格</div>
-                                                                <div style=" width:${wi}; ">比較價格</div>
+                                                                <div style=" width:${wi}; ">售價</div>
+                                                                <div style=" width:${wi}; ">原價</div>
                                                                 <div style=" width:${wi}; ">存貨數量</div>
                                                                 <div style=" width:${wi};">存貨單位(SKU)</div>
                                                                 <div style=" width:${wi};margin-left: 20px;">運費權重</div>
@@ -2622,7 +2622,7 @@ ${EditorElem.editeInput({
                                                                                                         }),
                                                                                                         EditorElem.editeInput({
                                                                                                             gvc: obj.gvc,
-                                                                                                            title: '販售價格',
+                                                                                                            title: '售價',
                                                                                                             default: `${dd.sale_price ?? 0}`,
                                                                                                             placeHolder: '',
                                                                                                             type: 'number',
@@ -2632,7 +2632,7 @@ ${EditorElem.editeInput({
                                                                                                         }),
                                                                                                         EditorElem.editeInput({
                                                                                                             gvc: obj.gvc,
-                                                                                                            title: '比較價格',
+                                                                                                            title: '原價',
                                                                                                             default: `${dd.compare_price ?? 0}`,
                                                                                                             placeHolder: '',
                                                                                                             type: 'number',

package/lowcode/backend-manager/bg-sns.js

@@ -1343,7 +1343,22 @@ export class BgSNS {
                                                                     ${gvc.bindView(() => {
                                             return {
                                                 bind: 'total_count',
-                                                view: () => BgWidget.grayNote(`預計每則簡訊花費${pointCount * this.ticket}點`),
+                                                view: () => document.body.clientWidth > 768
+                                                    ? BgWidget.grayNote(`預計每則簡訊花費${pointCount * this.ticket}點`, 'margin-top: 0.25em;')
+                                                    : html ` <div style="margin-top: 0.25em;">
+                                                                                          ${BgWidget.iconButton({
+                                                        icon: 'info',
+                                                        event: gvc.event(() => {
+                                                            BgWidget.jumpAlert({
+                                                                gvc,
+                                                                text: `預計每則簡訊花費${pointCount * this.ticket}點`,
+                                                                justify: 'top',
+                                                                align: 'center',
+                                                                width: 200,
+                                                            });
+                                                        }),
+                                                    })}
+                                                                                      </div>`,
                                             };
                                         })}
                                                                 </div>
@@ -2208,7 +2223,7 @@ export class BgSNS {
                             `);
                     }
                     return BgWidget.container(html `
-                        <div class="title-container ${type === 'select' ? `d-none` : ``}">
+                        <div class="d-flex w-100 align-items-center mb-3 ${type === 'select' ? `d-none` : ``}">
                             ${BgWidget.title('回饋信件')}
                             <div class="flex-fill"></div>
                         </div>
@@ -2527,7 +2542,7 @@ export class BgSNS {
                             `);
                     }
                     return BgWidget.container(html `
-                        <div class="title-container ${type === 'select' ? `d-none` : ``}">
+                        <div class="d-flex w-100 align-items-center mb-3 ${type === 'select' ? `d-none` : ``}">
                             ${BgWidget.title('客服訊息')}
                             <div class="flex-fill"></div>
                             <button

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

@@ -1506,7 +1506,23 @@ export class BgSNS {
                                                                     ${gvc.bindView(() => {
                                                                         return {
                                                                             bind: 'total_count',
-                                                                            view: () => BgWidget.grayNote(`預計每則簡訊花費${pointCount * this.ticket}點`),
+                                                                            view: () =>
+                                                                                document.body.clientWidth > 768
+                                                                                    ? BgWidget.grayNote(`預計每則簡訊花費${pointCount * this.ticket}點`, 'margin-top: 0.25em;')
+                                                                                    : html` <div style="margin-top: 0.25em;">
+                                                                                          ${BgWidget.iconButton({
+                                                                                              icon: 'info',
+                                                                                              event: gvc.event(() => {
+                                                                                                  BgWidget.jumpAlert({
+                                                                                                      gvc,
+                                                                                                      text: `預計每則簡訊花費${pointCount * this.ticket}點`,
+                                                                                                      justify: 'top',
+                                                                                                      align: 'center',
+                                                                                                      width: 200,
+                                                                                                  });
+                                                                                              }),
+                                                                                          })}
+                                                                                      </div>`,
                                                                         };
                                                                     })}
                                                                 </div>
@@ -2460,7 +2476,7 @@ export class BgSNS {
                         );
                     }
                     return BgWidget.container(html`
-                        <div class="title-container ${type === 'select' ? `d-none` : ``}">
+                        <div class="d-flex w-100 align-items-center mb-3 ${type === 'select' ? `d-none` : ``}">
                             ${BgWidget.title('回饋信件')}
                             <div class="flex-fill"></div>
                         </div>
@@ -2811,7 +2827,7 @@ export class BgSNS {
                         );
                     }
                     return BgWidget.container(html`
-                        <div class="title-container ${type === 'select' ? `d-none` : ``}">
+                        <div class="d-flex w-100 align-items-center mb-3 ${type === 'select' ? `d-none` : ``}">
                             ${BgWidget.title('客服訊息')}
                             <div class="flex-fill"></div>
                             <button

package/lowcode/backend-manager/bg-widget.js

@@ -126,6 +126,12 @@ export class BgWidget {
         </button>`;
     }
     static plusButton(obj) {
+        return html ` <div class="w-100 d-flex justify-content-center align-items-center gap-2 cursor_pointer" style="color: #3366BB" onclick="${obj.event}">
+            <div style="font-size: 16px; font-family: Noto Sans; font-weight: 400; word-wrap: break-word">${obj.title}</div>
+            <i class="fa-solid fa-plus"></i>
+        </div>`;
+    }
+    static dropPlusButton(obj) {
         return html `
             <div class="w-100 d-flex align-items-center justify-content-center">
                 <div class="btn-group dropdown">
@@ -157,9 +163,17 @@ export class BgWidget {
             </div>
         `;
     }
-    static questionButton(event, obj) {
+    static iconButton(obj) {
         var _a;
-        return html `<i class="fa-regular fa-circle-question cursor_pointer" style="font-size: ${(_a = obj === null || obj === void 0 ? void 0 : obj.size) !== null && _a !== void 0 ? _a : 18}px" onclick="${event}"></i>`;
+        const iconClass = (() => {
+            switch (obj.icon) {
+                case 'info':
+                    return 'fa-regular fa-circle-info';
+                case 'question':
+                    return 'fa-regular fa-circle-question';
+            }
+        })();
+        return html `<i class="${iconClass} cursor_pointer" style="font-size: ${(_a = obj === null || obj === void 0 ? void 0 : obj.size) !== null && _a !== void 0 ? _a : 18}px" onclick="${obj.event}"></i>`;
     }
     static switchButton(gvc, def, callback) {
         return html ` <div class="form-check form-switch m-0 cursor_pointer" style="margin-top: 10px;">
@@ -207,6 +221,7 @@ export class BgWidget {
                     return '使用AI操作導引';
             }
         })();
+        const size = document.body.clientWidth > 768 ? 24 : 18;
         return html `<div
             class="bt_orange_lin"
             onclick="${obj.gvc.event(() => {
@@ -214,7 +229,11 @@ export class BgWidget {
             window.parent.glitter.share.ai_message.toggle(true);
         })}"
         >
-            <img src="https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/size1440_s*px$_sas0s9s0s1sesas0_1697354801736-Glitterlogo.png" class="me-1" style="width: 24px; height: 24px;" />${text}
+            <img
+                src="https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/size1440_s*px$_sas0s9s0s1sesas0_1697354801736-Glitterlogo.png"
+                class="me-1"
+                style="width: ${size}px; height: ${size}px;"
+            />${text}
         </div>`;
     }
     static primaryInsignia(text) {
@@ -1632,7 +1651,7 @@ ${(_c = obj.default) !== null && _c !== void 0 ? _c : ''}</textarea
         }
         return html `<div class="w-100 alert alert-secondary p-3 mb-0 ${css.class}" style="white-space: normal; word-break: break-all; ${css.style} ">
             <div class="fs-5 mb-0"><strong>${title}</strong></div>
-            ${messageList && messageList.length > 0 ? html `<div class="mt-2" style="white-space: normal;">${h}</div>` : ``}
+            ${messageList && messageList.length > 0 ? `<div class="mt-2" style="white-space: normal; word-break: break-all;">${h}</div>` : ``}
         </div>`;
     }
     static selNavbar(data) {
@@ -1832,13 +1851,14 @@ ${(_c = obj.default) !== null && _c !== void 0 ? _c : ''}</textarea
             divCreate: {},
             onCreate: () => {
                 if (obj.openOnInit) {
-                    setTimeout(() => {
-                        const navs = document.getElementsByClassName(`box-navbar-${text}`);
-                        if (navs.length > 0) {
-                            const nav = navs[0];
-                            nav.click();
+                    const si = setInterval(() => {
+                        const inside = window.document.querySelector(`.box-inside-${text}`);
+                        if (inside) {
+                            const navs = window.document.getElementsByClassName(`box-navbar-${text}`);
+                            navs.length > 0 && navs[0].click();
+                            clearInterval(si);
                         }
-                    }, 200);
+                    }, 300);
                 }
             },
         });
@@ -2429,6 +2449,64 @@ ${(_c = obj.default) !== null && _c !== void 0 ? _c : ''}</textarea
             </div>`;
         }, Tool.randomString(7));
     }
+    static jumpAlert(obj) {
+        var _a, _b;
+        const className = Tool.randomString(5);
+        const fixedStyle = (() => {
+            let style = '';
+            if (obj.justify === 'top') {
+                style += `top: 12px;`;
+            }
+            else if (obj.justify === 'bottom') {
+                style += `bottom: 12px;`;
+            }
+            if (obj.align === 'left') {
+                style += `left: 12px;`;
+            }
+            else if (obj.align === 'center') {
+                style += `left: 50%; right: 50%;`;
+            }
+            else if (obj.align === 'right') {
+                style += `right: 12px;`;
+            }
+            return style;
+        })();
+        const transX = obj.align === 'center' ? '-50%' : '0';
+        obj.gvc.addStyle(`
+            .bounce-effect-${className} {
+                animation: bounce 0.5s alternate;
+                animation-iteration-count: 2;
+                position: fixed;
+                ${fixedStyle}
+                background-color: #393939;
+                opacity: 0.85;
+                color: white;
+                padding: 10px;
+                border-radius: 8px;
+                width: ${(_a = obj.width) !== null && _a !== void 0 ? _a : 120}px;
+                text-align: center;
+                z-index: 11;
+                transform: translateX(${transX});
+            }
+
+            @keyframes bounce {
+                0% {
+                    transform: translate(${transX}, 0);
+                }
+                100% {
+                    transform: translate(${transX}, -6px);
+                }
+            }
+        `);
+        const htmlString = html `<div class="bounce-effect-${className}">${obj.text}</div>`;
+        obj.gvc.glitter.document.body.insertAdjacentHTML('beforeend', htmlString);
+        setTimeout(() => {
+            const element = document.querySelector(`.bounce-effect-${className}`);
+            if (element) {
+                element.remove();
+            }
+        }, (_b = obj.timeout) !== null && _b !== void 0 ? _b : 2000);
+    }
     static arrowDownDataImage(color) {
         color = color.replace('#', '%23');
         return `"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='${color}'%3e%3cpath d='M225.813 48.907L128 146.72 30.187 48.907 0 79.093l128 128 128-128z'/%3e%3c/svg%3e"`;

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

@@ -193,7 +193,14 @@ export class BgWidget {
         </button>`;
     }
 
-    static plusButton(obj: {
+    static plusButton(obj: { title: string; event: string }) {
+        return html` <div class="w-100 d-flex justify-content-center align-items-center gap-2 cursor_pointer" style="color: #3366BB" onclick="${obj.event}">
+            <div style="font-size: 16px; font-family: Noto Sans; font-weight: 400; word-wrap: break-word">${obj.title}</div>
+            <i class="fa-solid fa-plus"></i>
+        </div>`;
+    }
+
+    static dropPlusButton(obj: {
         gvc: GVC;
         title: string;
         options: {
@@ -234,13 +241,16 @@ export class BgWidget {
         `;
     }
 
-    static questionButton(
-        event: string,
-        obj?: {
-            size?: number;
-        }
-    ) {
-        return html`<i class="fa-regular fa-circle-question cursor_pointer" style="font-size: ${obj?.size ?? 18}px" onclick="${event}"></i>`;
+    static iconButton(obj: { icon: 'info' | 'question'; event: string; size?: number }) {
+        const iconClass = (() => {
+            switch (obj.icon) {
+                case 'info':
+                    return 'fa-regular fa-circle-info';
+                case 'question':
+                    return 'fa-regular fa-circle-question';
+            }
+        })();
+        return html`<i class="${iconClass} cursor_pointer" style="font-size: ${obj?.size ?? 18}px" onclick="${obj.event}"></i>`;
     }
 
     static switchButton(gvc: GVC, def: boolean, callback: (value: boolean) => void) {
@@ -300,6 +310,7 @@ export class BgWidget {
                         return '使用AI操作導引';
                 }
             })();
+        const size = document.body.clientWidth > 768 ? 24 : 18;
         return html`<div
             class="bt_orange_lin"
             onclick="${obj.gvc.event(() => {
@@ -307,7 +318,11 @@ export class BgWidget {
                 (window.parent as any).glitter.share.ai_message.toggle(true);
             })}"
         >
-            <img src="https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/size1440_s*px$_sas0s9s0s1sesas0_1697354801736-Glitterlogo.png" class="me-1" style="width: 24px; height: 24px;" />${text}
+            <img
+                src="https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/size1440_s*px$_sas0s9s0s1sesas0_1697354801736-Glitterlogo.png"
+                class="me-1"
+                style="width: ${size}px; height: ${size}px;"
+            />${text}
         </div>`;
     }
 
@@ -1984,7 +1999,7 @@ ${obj.default ?? ''}</textarea
         }
         return html`<div class="w-100 alert alert-secondary p-3 mb-0 ${css.class}" style="white-space: normal; word-break: break-all; ${css.style} ">
             <div class="fs-5 mb-0"><strong>${title}</strong></div>
-            ${messageList && messageList.length > 0 ? html`<div class="mt-2" style="white-space: normal;">${h}</div>` : ``}
+            ${messageList && messageList.length > 0 ? `<div class="mt-2" style="white-space: normal; word-break: break-all;">${h}</div>` : ``}
         </div>`;
     }
 
@@ -2191,13 +2206,14 @@ ${obj.default ?? ''}</textarea
             divCreate: {},
             onCreate: () => {
                 if (obj.openOnInit) {
-                    setTimeout(() => {
-                        const navs = document.getElementsByClassName(`box-navbar-${text}`) as any;
-                        if (navs.length > 0) {
-                            const nav = navs[0];
-                            nav.click();
+                    const si = setInterval(() => {
+                        const inside = window.document.querySelector(`.box-inside-${text}`) as any;
+                        if (inside) {
+                            const navs = window.document.getElementsByClassName(`box-navbar-${text}`) as any;
+                            navs.length > 0 && navs[0].click();
+                            clearInterval(si);
                         }
-                    }, 200);
+                    }, 300);
                 }
             },
         });
@@ -2872,6 +2888,62 @@ ${obj.default ?? ''}</textarea
         }, Tool.randomString(7));
     }
 
+    static jumpAlert(obj: { gvc: GVC; text: string; justify: 'top' | 'bottom'; align: 'left' | 'center' | 'right'; timeout?: number; width?: number }) {
+        const className = Tool.randomString(5);
+        const fixedStyle = (() => {
+            let style = '';
+            if (obj.justify === 'top') {
+                style += `top: 12px;`;
+            } else if (obj.justify === 'bottom') {
+                style += `bottom: 12px;`;
+            }
+            if (obj.align === 'left') {
+                style += `left: 12px;`;
+            } else if (obj.align === 'center') {
+                style += `left: 50%; right: 50%;`;
+            } else if (obj.align === 'right') {
+                style += `right: 12px;`;
+            }
+            return style;
+        })();
+        const transX = obj.align === 'center' ? '-50%' : '0';
+
+        obj.gvc.addStyle(`
+            .bounce-effect-${className} {
+                animation: bounce 0.5s alternate;
+                animation-iteration-count: 2;
+                position: fixed;
+                ${fixedStyle}
+                background-color: #393939;
+                opacity: 0.85;
+                color: white;
+                padding: 10px;
+                border-radius: 8px;
+                width: ${obj.width ?? 120}px;
+                text-align: center;
+                z-index: 11;
+                transform: translateX(${transX});
+            }
+
+            @keyframes bounce {
+                0% {
+                    transform: translate(${transX}, 0);
+                }
+                100% {
+                    transform: translate(${transX}, -6px);
+                }
+            }
+        `);
+        const htmlString = html`<div class="bounce-effect-${className}">${obj.text}</div>`;
+        obj.gvc.glitter.document.body.insertAdjacentHTML('beforeend', htmlString);
+        setTimeout(() => {
+            const element = document.querySelector(`.bounce-effect-${className}`) as HTMLElement;
+            if (element) {
+                element.remove();
+            }
+        }, obj.timeout ?? 2000);
+    }
+
     // 圖片
     static noImageURL = 'https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/1722936949034-default_image.jpg';
 

package/lowcode/cms-plugin/customer-message-user.js

@@ -78,7 +78,7 @@ export class CustomerMessageUser {
                                 user_id: cf.userID,
                                 containerHeight: gvc.glitter.ut.frSize({
                                     sm: (cf.type !== 'preview') ? `826px` : `${($('body').height() + 25)}px`,
-                                }, `${window.innerHeight + 20}px`),
+                                }, $('body').height() + 60 + 'px'),
                                 document: document,
                                 goBack: () => {
                                     vm.viewType = 'robot';

package/lowcode/cms-plugin/customer-message-user.ts

@@ -102,7 +102,7 @@ export class CustomerMessageUser {
                                     {
                                         sm: (cf.type !== 'preview') ? `826px` : `${($('body').height() as any + 25)}px`,
                                     },
-                                    `${window.innerHeight + 20}px`
+                                    ($('body').height() as any) + 60 + 'px',
                                 ),
                                 document: document,
                                 goBack: () => {

package/lowcode/cms-plugin/line-auto-reply.js

@@ -205,8 +205,8 @@ export class AutoReply {
                                 placeHolder: '請輸入寄件者名稱',
                             }),
                             html `
-                                        <div class="d-flex w-100 align-items-center justify-content-between p-0 my-2">
-                                            <div class="d-flex align-items-center gap-2">${EditorElem.h3('簡訊內文')} ${BgWidget.grayNote(`預計每則簡訊花費${pointCount * this.ticket}點`)}</div>
+                                        <div class="d-flex align-items-center justify-content-between p-0 my-2">
+                                            <div class="d-flex align-items-center gap-2">${EditorElem.h3('訊息內容')}</div>
                                             <div>${BgWidget.aiChatButton({ gvc, select: 'writer' })}</div>
                                         </div>
                                     `,