ts-glitter 21.1.1 → 21.1.3

package/lowcode/Entry.js

@@ -146,7 +146,7 @@ export class Entry {
             }
             window.renderClock = (_b = window.renderClock) !== null && _b !== void 0 ? _b : createClock();
             console.log(`Entry-time:`, window.renderClock.stop());
-            glitter.share.editerVersion = 'V_21.1.1';
+            glitter.share.editerVersion = 'V_21.1.3';
             glitter.share.start = new Date();
             const vm = { appConfig: [] };
             window.saasConfig = {

package/lowcode/Entry.ts

@@ -149,7 +149,7 @@ export class Entry {
       }
       (window as any).renderClock = (window as any).renderClock ?? createClock();
       console.log(`Entry-time:`, (window as any).renderClock.stop());
-      glitter.share.editerVersion = 'V_21.1.1';
+      glitter.share.editerVersion = 'V_21.1.3';
       glitter.share.start = new Date();
       const vm = { appConfig: [] };
       (window as any).saasConfig = {

package/lowcode/assets/css/theme.css

@@ -13533,7 +13533,7 @@ html:not([dir=rtl]) .range-slider-ui.noUi-horizontal .noUi-handle {
 }
 
 .dropdown-menu li:hover > .dropdown-item {
-  color: var(--main-orange);
+  color: #ffb400;
 }
 .dropdown-menu .active > .dropdown-item {
   color: #ff6c02;

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

@@ -107,7 +107,7 @@ export class BgCustomerMessage {
                     else {
                         let view = [
                             ` <div class="navbar  d-flex align-items-center justify-content-between w-100  p-3 "
-                     style="background: linear-gradient(135deg, var(--main-orange) 0%, #ff6c02 100%);">
+                     style="background: linear-gradient(135deg, #ffb400 0%, #ff6c02 100%);">
                     <div class="d-flex align-items-center pe-3 w-100"
                          style="gap:10px;display: flex;align-items: center;">
                         <img src="https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/size1440_s*px$_sas0s9s0s1sesas0_1697354801736-Glitterlogo.png"

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

@@ -123,7 +123,7 @@ export class BgCustomerMessage {
                     } else {
                         let view = [
                             ` <div class="navbar  d-flex align-items-center justify-content-between w-100  p-3 "
-                     style="background: linear-gradient(135deg, var(--main-orange) 0%, #ff6c02 100%);">
+                     style="background: linear-gradient(135deg, #ffb400 0%, #ff6c02 100%);">
                     <div class="d-flex align-items-center pe-3 w-100"
                          style="gap:10px;display: flex;align-items: center;">
                         <img src="https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/size1440_s*px$_sas0s9s0s1sesas0_1697354801736-Glitterlogo.png"

package/lowcode/cms-plugin/POS-setting.js

@@ -158,7 +158,17 @@ export class POSSetting {
             });
         }));
     }
+    static setSaasBrand() {
+        if (window.location.href.includes('smartshop')) {
+            window.glitterBase = 'hd_saas';
+        }
+        else {
+            window.glitterBase = 'shopnex';
+        }
+        window.saasConfig.config.token = GlobalUser.saas_token;
+    }
     static main(gvc) {
+        this.setSaasBrand();
         const glitter = gvc.glitter;
         const dialog = new ShareDialog(glitter);
         gvc.addStyle(`
@@ -207,12 +217,6 @@ export class POSSetting {
         POSSetting.initialStyle(gvc);
         gvc.glitter.share.NormalPageEditor = NormalPageEditor;
         gvc.glitter.addStyleLink('./css/editor.css');
-        if (window.location.href.includes('smartshop')) {
-            window.glitterBase = 'hd_saas';
-        }
-        else {
-            window.glitterBase = 'shopnex';
-        }
         window.appName = gvc.glitter.getUrlParameter('app-id');
         window.saasConfig.config.token = GlobalUser.saas_token;
         localStorage.setItem('on-pos', 'true');

package/lowcode/cms-plugin/POS-setting.ts

@@ -172,6 +172,8 @@ export class POSSetting {
   }
 
   static initial(gvc: GVC) {
+
+
     gvc.glitter.share.editorViewModel = { app_config_original: {} };
     gvc.glitter.share.shop_config = { shop_name: '' };
 
@@ -188,7 +190,16 @@ export class POSSetting {
     });
   }
 
+  static setSaasBrand(){
+    if (window.location.href.includes('smartshop')) {
+      (window as any).glitterBase = 'hd_saas';
+    } else {
+      (window as any).glitterBase = 'shopnex';
+    }
+    (window as any).saasConfig.config.token = GlobalUser.saas_token;
+  }
   static main(gvc: GVC) {
+    this.setSaasBrand();
     const glitter = gvc.glitter;
     const dialog = new ShareDialog(glitter);
 
@@ -240,11 +251,6 @@ export class POSSetting {
 
     gvc.glitter.share.NormalPageEditor = NormalPageEditor; // 提供給編輯器使用
     gvc.glitter.addStyleLink('./css/editor.css');
-    if (window.location.href.includes('smartshop')) {
-      (window as any).glitterBase = 'hd_saas';
-    } else {
-      (window as any).glitterBase = 'shopnex';
-    }
 
     (window as any).appName = gvc.glitter.getUrlParameter('app-id');
     (window as any).saasConfig.config.token = GlobalUser.saas_token;

package/lowcode/cms-plugin/ai-message.js

@@ -873,7 +873,7 @@ export class AiMessage {
     }
 }
 AiMessage.config = {
-    color: 'linear-gradient(135deg, var(--main-orange) 0%, #ff6c02 100%)',
+    color: 'linear-gradient(135deg, #ffb400 0%, #ff6c02 100%)',
     head: 'https://liondesign-prd.s3.amazonaws.com/file/252530754/1695093945424-Frame 62 (1).png',
     name: '萊恩設計',
     user_data: {

package/lowcode/cms-plugin/ai-message.ts

@@ -13,7 +13,7 @@ import {MemberAi} from "./ai-generator/member-ai.js";
 
 export class AiMessage {
     public static config: any = {
-        color: 'linear-gradient(135deg, var(--main-orange) 0%, #ff6c02 100%)',
+        color: 'linear-gradient(135deg, #ffb400 0%, #ff6c02 100%)',
         head: 'https://liondesign-prd.s3.amazonaws.com/file/252530754/1695093945424-Frame 62 (1).png',
         name: '萊恩設計',
         user_data: {

package/lowcode/cms-plugin/pos-basic-setting.ts

@@ -30,6 +30,7 @@ const dialog=new ShareDialog(gvc.glitter)
             ${[
                         BgWidget.editeInput({
                             gvc: gvc,
+                          
                             title: '商店名稱',
                             default: appData.shop_name || '',
                             placeHolder: '請輸入商店名稱',

package/lowcode/cms-plugin/pos-config-setting.js

@@ -227,6 +227,52 @@ ${BgWidget.customButton({
                         }),
                     }));
                 }
+                function createProductCardLayout(title, description) {
+                    var _a;
+                    vm.data.pos_support_finction = (_a = vm.data.pos_support_finction) !== null && _a !== void 0 ? _a : [];
+                    return createRow(title, description, BgWidget.customButton({
+                        button: { color: 'snow', size: 'md' },
+                        text: { name: '編輯' },
+                        event: gvc.event(() => {
+                            var _a;
+                            vm.data.prdouct_card_layout = (_a = vm.data.prdouct_card_layout) !== null && _a !== void 0 ? _a : '16:9';
+                            BgWidget.settingDialog({
+                                gvc,
+                                title,
+                                width: 600,
+                                innerHTML: gvc => {
+                                    return BgWidget.editeInput({
+                                        gvc: gvc,
+                                        title: '卡片比例',
+                                        default: vm.data.prdouct_card_layout,
+                                        placeHolder: '請輸入卡片比例，範例: 16:9',
+                                        callback: (text) => {
+                                            if (text.split(':').map((dd) => {
+                                                return Number.isFinite(Number(dd));
+                                            }).length === 2) {
+                                                vm.data.prdouct_card_layout = text;
+                                            }
+                                        },
+                                    });
+                                },
+                                footer_html: gvc => {
+                                    return [
+                                        BgWidget.cancel(gvc.event(() => {
+                                            gvc.closeDialog();
+                                        })),
+                                        BgWidget.save(gvc.event(() => __awaiter(this, void 0, void 0, function* () {
+                                            dialog.dataLoading({ visible: true });
+                                            yield vm.save_info();
+                                            dialog.dataLoading({ visible: false });
+                                            dialog.successMessage({ text: '儲存成功' });
+                                            gvc.closeDialog();
+                                        }))),
+                                    ].join('');
+                                },
+                            });
+                        }),
+                    }));
+                }
                 function createCheckoutModeDialog(title, description) {
                     return createRow(title, description, BgWidget.customButton({
                         button: { color: 'snow', size: 'md' },
@@ -308,10 +354,11 @@ ${BgWidget.customButton({
                 const typeMap = {
                     function: () => {
                         var _a;
-                        return [BgWidget.mainCard(html `
-              <div class="d-flex flex-column gap-2">
-                ${createSection('POS功能', '系統將根據您勾選的項目，開放相對應的功能')}
-                ${BgWidget.inlineCheckBox({
+                        return [
+                            BgWidget.mainCard(html `
+                <div class="d-flex flex-column gap-2">
+                  ${createSection('POS功能', '系統將根據您勾選的項目，開放相對應的功能')}
+                  ${BgWidget.inlineCheckBox({
                                 title: '',
                                 gvc,
                                 def: (_a = vm.data.pos_support_finction) !== null && _a !== void 0 ? _a : [],
@@ -326,14 +373,15 @@ ${BgWidget.customButton({
                                 },
                                 type: 'multiple',
                             })}
-                ${createPickUpModeDialog('叫號取餐', `針對特店取餐功能，會自動遞增取餐號碼。`)}
-              </div>
-            `)
+                  ${createPickUpModeDialog('叫號取餐', `針對特店取餐功能，會自動遞增取餐號碼。`)}
+                  ${createProductCardLayout('商品比例', `設定POS商品卡片顯示比例。`)}
+                </div>
+              `),
                         ].join('');
                     },
                     finance: () => {
                         return ShoppingFinanceSetting.main(gvc, true);
-                    }
+                    },
                 };
                 return BgWidget.container(html `
           <div class="title-container">${BgWidget.title('全站設定')}</div>

package/lowcode/cms-plugin/pos-config-setting.ts

@@ -158,7 +158,7 @@ export class PosConfigSetting {
         }
 
         function createPickUpModeDialog(title: string, description: string) {
-          vm.data.pos_support_finction=vm.data.pos_support_finction??[]
+          vm.data.pos_support_finction = vm.data.pos_support_finction ?? [];
           return createRow(
             title,
             description,
@@ -276,6 +276,60 @@ ${BgWidget.customButton({
           );
         }
 
+        function createProductCardLayout(title: string, description: string) {
+          vm.data.pos_support_finction = vm.data.pos_support_finction ?? [];
+          return createRow(
+            title,
+            description,
+            BgWidget.customButton({
+              button: { color: 'snow', size: 'md' },
+              text: { name: '編輯' },
+              event: gvc.event(() => {
+                vm.data.prdouct_card_layout=vm.data.prdouct_card_layout??'16:9'
+                BgWidget.settingDialog({
+                  gvc,
+                  title,
+                  width: 600,
+                  innerHTML: gvc => {
+                    return  BgWidget.editeInput({
+                      gvc: gvc,
+
+                      title: '卡片比例',
+                      default: vm.data.prdouct_card_layout,
+                      placeHolder: '請輸入卡片比例，範例: 16:9',
+                      callback: (text) => {
+                        if(text.split(':').map((dd)=>{
+                          return Number.isFinite(Number(dd))
+                        }).length===2){
+                          vm.data.prdouct_card_layout=text
+                        }
+                      },
+                    });
+                  },
+                  footer_html: gvc => {
+                    return [
+                      BgWidget.cancel(
+                        gvc.event(() => {
+                          gvc.closeDialog();
+                        })
+                      ),
+                      BgWidget.save(
+                        gvc.event(async () => {
+                          dialog.dataLoading({ visible: true });
+                          await vm.save_info();
+                          dialog.dataLoading({ visible: false });
+                          dialog.successMessage({ text: '儲存成功' });
+                          gvc.closeDialog();
+                        })
+                      ),
+                    ].join('');
+                  },
+                });
+              }),
+            })
+          );
+        }
+
         function createCheckoutModeDialog(title: string, description: string) {
           return createRow(
             title,
@@ -367,35 +421,34 @@ ${BgWidget.customButton({
         vm.data.pos_support_finction = vm.data.pos_support_finction ?? [];
         const typeMap: Record<string, () => string> = {
           function: () => {
-            return [BgWidget.mainCard(html`
-              <div class="d-flex flex-column gap-2">
-                ${createSection('POS功能', '系統將根據您勾選的項目，開放相對應的功能')}
-                ${BgWidget.inlineCheckBox({
-              title: '',
-              gvc,
-              def: vm.data.pos_support_finction ?? [],
-              array: [
-                { title: '列印明細', value: 'print_order_detail' },
-                { title: '列印留存聯', value: 'print_order_receipt' },
-                { title: '發票開立', value: 'print_invoice' },
-                { title: '桌號設定', value: 'table_select' },
-              ],
-              callback: (array: any) => {
-                vm.data.pos_support_finction = array;
-              },
-              type: 'multiple',
-            })}
-                ${createPickUpModeDialog(
-              '叫號取餐',
-              `針對特店取餐功能，會自動遞增取餐號碼。`
-            )}
-              </div>
-            `)
+            return [
+              BgWidget.mainCard(html`
+                <div class="d-flex flex-column gap-2">
+                  ${createSection('POS功能', '系統將根據您勾選的項目，開放相對應的功能')}
+                  ${BgWidget.inlineCheckBox({
+                    title: '',
+                    gvc,
+                    def: vm.data.pos_support_finction ?? [],
+                    array: [
+                      { title: '列印明細', value: 'print_order_detail' },
+                      { title: '列印留存聯', value: 'print_order_receipt' },
+                      { title: '發票開立', value: 'print_invoice' },
+                      { title: '桌號設定', value: 'table_select' },
+                    ],
+                    callback: (array: any) => {
+                      vm.data.pos_support_finction = array;
+                    },
+                    type: 'multiple',
+                  })}
+                  ${createPickUpModeDialog('叫號取餐', `針對特店取餐功能，會自動遞增取餐號碼。`)}
+                  ${createProductCardLayout('商品比例', `設定POS商品卡片顯示比例。`)}
+                </div>
+              `),
             ].join('');
           },
-          finance:()=>{
-            return ShoppingFinanceSetting.main(gvc,true)
-          }
+          finance: () => {
+            return ShoppingFinanceSetting.main(gvc, true);
+          },
         };
 
         return BgWidget.container(html`

package/lowcode/cms-plugin/pos-pages/products-page.js

@@ -12,6 +12,7 @@ import { ShareDialog } from '../../glitterBundle/dialog/ShareDialog.js';
 import { POSSetting } from '../POS-setting.js';
 import { Swal } from '../../modules/sweetAlert.js';
 import { PaymentPage } from './payment-page.js';
+import { PayConfig } from './pay-config.js';
 const html = String.raw;
 export class ProductsPage {
     static main(obj) {
@@ -24,7 +25,7 @@ export class ProductsPage {
         const pVM = {
             pageSize: 0,
             pageIndex: 1,
-            limit: 20,
+            limit: 50,
         };
         function loadData() {
             let category = vm.categories.find((category) => category.select == true);
@@ -144,7 +145,17 @@ export class ProductsPage {
                         >
                           <div
                             class="w-100"
-                            style="border-radius: 10px 10px 0 0;;padding-bottom: 116px;background: 50%/cover no-repeat url('${(_b = (_a = data
+                            style="border-radius: 10px 10px 0 0;;padding-bottom: ${(() => {
+                                if (PayConfig.pos_config.prdouct_card_layout) {
+                                    const wi = PayConfig.pos_config.prdouct_card_layout.split(':').map((dd) => {
+                                        return parseInt(dd, 10);
+                                    });
+                                    return parseInt(`${wi[0] / wi[1] * 100}`, 10);
+                                }
+                                else {
+                                    return `56`;
+                                }
+                            })()}%;background: 50%/cover no-repeat url('${(_b = (_a = data
                                 .content.preview_image[0]) !== null && _a !== void 0 ? _a : image) !== null && _b !== void 0 ? _b : image}');"
                           ></div>
                           <div class="d-flex flex-column" style="padding: 12px 10px;gap: 4px;">

package/lowcode/cms-plugin/pos-pages/products-page.ts

@@ -5,6 +5,7 @@ import { ShareDialog } from '../../glitterBundle/dialog/ShareDialog.js';
 import { POSSetting } from '../POS-setting.js';
 import { Swal } from '../../modules/sweetAlert.js';
 import { PaymentPage } from './payment-page.js';
+import { PayConfig } from './pay-config.js';
 
 const html = String.raw;
 
@@ -102,7 +103,7 @@ export class ProductsPage {
     const pVM = {
       pageSize: 0,
       pageIndex: 1,
-      limit: 20,
+      limit: 50,
     };
 
     function loadData() {
@@ -228,7 +229,18 @@ export class ProductsPage {
                         >
                           <div
                             class="w-100"
-                            style="border-radius: 10px 10px 0 0;;padding-bottom: 116px;background: 50%/cover no-repeat url('${data
+                            style="border-radius: 10px 10px 0 0;;padding-bottom: ${
+                              (()=>{
+                                if(PayConfig.pos_config.prdouct_card_layout){
+                                  const wi=PayConfig.pos_config.prdouct_card_layout.split(':').map((dd:any)=>{
+                                    return parseInt(dd,10)
+                                  })
+                                  return  parseInt(`${wi[0] / wi[1] * 100}`,10)
+                                }else{
+                                  return `56`
+                                }
+                              })()
+                            }%;background: 50%/cover no-repeat url('${data
                               .content.preview_image[0] ??
                             image ??
                             image}');"

package/lowcode/editor-components/font-select.js

@@ -0,0 +1 @@
+"use strict";

package/lowcode/editor-components/font-select.ts

@@ -0,0 +1,64 @@
+// import { BgWidget } from '../backend-manager/bg-widget.js';
+// import { EditorElem } from '../glitterBundle/plugins/editor-elem.js';
+// import { ShareDialog } from '../glitterBundle/dialog/ShareDialog.js';
+// import { FontsConfig } from '../setting/fonts-config.js';
+//
+// export class FontSelect {
+//   public static setFont(obj: { index: number; gvc: any; vm_c: any; globalValue: any; dd: any }) {
+//     const { index, gvc, vm_c, globalValue, dd } = obj;
+//     return `<div class="col-12 mb-3" style="cursor: pointer;">
+//                                             <div class="rounded border p-2 d-flex  w-100 flex-column" style="gap:10px;">
+//                                                 ${BgWidget.title(index === 0 ? `預設字型` : dd.value || `字型樣式 ${index}`, 'font-size: 16px;')}
+//                                                 <div class="d-flex align-items-center" style="gap:10px;">
+//                                                     ${EditorElem.searchInputDynamicV2({
+//                                                       title: '',
+//                                                       gvc: gvc,
+//                                                       // default: dd.value,
+//                                                       def: dd.value,
+//                                                       array: vm_c.fonts.map((dd: any, index: number) => {
+//                                                           return dd.title;
+//                                                       }),
+//                                                       callback: text => {
+//                                                         if (
+//                                                           vm_c.fonts.find((dd: any, index: number) => {
+//                                                             return dd.title === text;
+//                                                           })
+//                                                         ) {
+//                                                           dd.title = text;
+//                                                           dd.value = text;
+//                                                           FontsConfig.reInitialFontTheme(globalValue, gvc);
+//                                                         }
+//                                                         gvc.notifyDataChange(vm_c.id);
+//                                                       },
+//                                                       placeHolder: '搜尋字體',
+//                                                       readonly: 'true',
+//                                                     })}
+//                                                     ${
+//                                                       index !== 0
+//                                                         ? BgWidget.cancel(
+//                                                             gvc.event(() => {
+//                                                               const dialog = new ShareDialog(gvc.glitter);
+//                                                               dialog.checkYesOrNot({
+//                                                                 text: '是否確認刪除此字型?',
+//                                                                 callback: response => {
+//                                                                   if (response) {
+//                                                                     globalValue.font_theme.splice(index, 1);
+//                                                                     gvc.notifyDataChange(vm_c.id);
+//                                                                   }
+//                                                                 },
+//                                                               });
+//                                                             }),
+//                                                             '<i class="fa-solid  fa-trash-can"></i>'
+//                                                           )
+//                                                         : ``
+//                                                     }
+//                                                 </div>
+//                                             </div>
+//                                             <div class="d-flex p-2 align-items-center" style="gap:10px;">
+//                                                 <div class="fs-6">預覽字體:</div>
+//                                                 <div class="fs-6 bgf6 p-2" style="font-family: '${dd.value}' !important;">字型</div>
+//                                                 <div class="fs-6 bgf6 p-2" style="font-family: '${dd.value}' !important;">fonts</div>
+//                                             </div>
+//                                         </div>`;
+//   }
+// }

package/lowcode/official_view_component/official/component.js

@@ -33,11 +33,10 @@ export const component = Plugin.createComponent(import.meta.url, (glitter, editM
                     widget[dd].data.refer_app = widget.data.refer_app;
                 });
             }
-            const app_editor = (['index-app'].includes(gvc.glitter.getUrlParameter('page')) || ApplicationConfig.is_application);
+            const app_editor = ['index-app'].includes(gvc.glitter.getUrlParameter('page')) || ApplicationConfig.is_application;
             initialReferData(widget);
             let viewConfig = undefined;
             const html = String.raw;
-            const view_container_id = widget.id;
             return {
                 view: () => {
                     if (app_editor) {
@@ -128,8 +127,14 @@ export const component = Plugin.createComponent(import.meta.url, (glitter, editM
                                             });
                                             function getFormData(ref) {
                                                 var _a, _b;
-                                                ref =
-                                                    window.parent.glitter.share.updated_form_data[`${page_request_config.appName}_${tag}`] || ref;
+                                                ref = (() => {
+                                                    if (window.glitter.getUrlParameter('select_widget') === 'true') {
+                                                        return ref;
+                                                    }
+                                                    else {
+                                                        return window.parent.glitter.share.updated_form_data[`${page_request_config.appName}_${tag}`] || ref;
+                                                    }
+                                                })();
                                                 let formData = JSON.parse(JSON.stringify(ref || {}));
                                                 if (widget.data.refer_app) {
                                                     GlobalWidget.initialShowCaseData({
@@ -1456,7 +1461,7 @@ font-weight: 700;"
                                                                                                     gvc.glitter.getModule(new URL(gvc.glitter.root_path + `public-components/headers/header-mobile.js`).href, res => {
                                                                                                         resolve(res.editor({
                                                                                                             gvc: gvc,
-                                                                                                            widget: widget
+                                                                                                            widget: widget,
                                                                                                         }));
                                                                                                     });
                                                                                                 });

package/lowcode/official_view_component/official/component.ts

@@ -26,20 +26,20 @@ export const component = Plugin.createComponent(import.meta.url, (glitter: Glitt
           widget[dd].data.refer_app = widget.data.refer_app;
         });
       }
-const app_editor=(['index-app'].includes(gvc.glitter.getUrlParameter('page')) || ApplicationConfig.is_application)
+
+      const app_editor =
+        ['index-app'].includes(gvc.glitter.getUrlParameter('page')) || ApplicationConfig.is_application;
       initialReferData(widget);
       let viewConfig: any = undefined;
       const html = String.raw;
-      const view_container_id = widget.id;
       return {
         view: () => {
-          if(app_editor){
-            widget.mobile_editable=[]
+          if (app_editor) {
+            widget.mobile_editable = [];
           }
           let data: any = undefined;
           let tag = widget.data.tag;
           let carryData = widget.data.carryData;
-
           async function getData(document: any) {
             return new Promise(async (resolve, reject) => {
               try {
@@ -116,11 +116,18 @@ const app_editor=(['index-app'].includes(gvc.glitter.getUrlParameter('page')) ||
                     });
 
                     function getFormData(ref: any) {
+
+
                       //判斷是否有上次的更新資料
-                      ref =
-                        (window.parent as any).glitter.share.updated_form_data[
-                          `${page_request_config.appName}_${tag}`
-                        ] || ref;
+                      ref = (()=>{
+                        if((window as any).glitter.getUrlParameter('select_widget') === 'true'){
+                          return ref;
+                        }else{
+                         return (window.parent as any).glitter.share.updated_form_data[
+                            `${page_request_config.appName}_${tag}`
+                            ] || ref
+                        }
+                      })();
                       let formData = JSON.parse(JSON.stringify(ref || {}));
                       if (widget.data.refer_app) {
                         GlobalWidget.initialShowCaseData({
@@ -1314,8 +1321,8 @@ const app_editor=(['index-app'].includes(gvc.glitter.getUrlParameter('page')) ||
                                                                                                                                         </div>`,
                                                                 ` <div class="mx-n3" style="background: #DDD;height: 1px;"></div>`,
                                                               ].join(`<div style="height:18px;"></div>`);
-                                                              if(app_editor){
-                                                                global_setting_view=``
+                                                              if (app_editor) {
+                                                                global_setting_view = ``;
                                                               }
                                                               if (vm.page === 'editor') {
                                                                 const array_items: any = await filterFormat(dd => {
@@ -1682,12 +1689,14 @@ font-weight: 700;"
                                             view: () => {
                                               return new Promise((resolve, reject) => {
                                                 gvc.glitter.getModule(
-                                                  new URL(gvc.glitter.root_path + `public-components/headers/header-mobile.js`).href,
+                                                  new URL(
+                                                    gvc.glitter.root_path + `public-components/headers/header-mobile.js`
+                                                  ).href,
                                                   res => {
                                                     resolve(
                                                       res.editor({
                                                         gvc: gvc,
-                                                        widget:widget
+                                                        widget: widget,
                                                       })
                                                     );
                                                   }