ts-glitter 21.0.9 → 21.1.2

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.0.9';
+            glitter.share.editerVersion = 'V_21.1.2';
             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.0.9';
+      glitter.share.editerVersion = 'V_21.1.2';
       glitter.share.start = new Date();
       const vm = { appConfig: [] };
       (window as any).saasConfig = {

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/data-analyze-orders.js

@@ -35,6 +35,7 @@ export class DataAnalyze {
                             DataAnalyzeModule.salesAmount(gvc, vm),
                             DataAnalyzeModule.orderAmount(gvc, vm),
                             DataAnalyzeModule.orderAverage(gvc, vm),
+                            DataAnalyzeModule.viewPeople(gvc, vm),
                             DataAnalyzeModule.registerPeople(gvc, vm),
                             DataAnalyzeModule.transferRatio(gvc, vm),
                         ]

package/lowcode/cms-plugin/data-analyze-orders.ts

@@ -52,7 +52,7 @@ export class DataAnalyze {
                   DataAnalyzeModule.salesAmount(gvc, vm),
                   DataAnalyzeModule.orderAmount(gvc, vm),
                   DataAnalyzeModule.orderAverage(gvc, vm),
-                  // DataAnalyzeModule.viewPeople(gvc, vm),
+                  DataAnalyzeModule.viewPeople(gvc, vm),
                   DataAnalyzeModule.registerPeople(gvc, vm),
                   DataAnalyzeModule.transferRatio(gvc, vm),
                 ]

package/lowcode/cms-plugin/data-analyze.js

@@ -24,7 +24,7 @@ export class DataAnalyze {
                     src: 'https://d3jnmi1tfjgtti.cloudfront.net/file/252530754/1714105121170-apexcharts.min.js',
                 },
             ], () => { }, () => { });
-            ApiShop.ecDataAnalyze('recent_register_today,order_today,sales_per_month_1_month'.split(',')).then((res) => __awaiter(this, void 0, void 0, function* () {
+            ApiShop.ecDataAnalyze('recent_register_today,order_today,sales_per_month_1_month,active_recent_year,active_recent_2week'.split(',')).then((res) => __awaiter(this, void 0, void 0, function* () {
                 vm.loading = false;
                 vm.data = res.response;
                 gvc.notifyDataChange(id);
@@ -70,6 +70,22 @@ export class DataAnalyze {
                     </div>
                     <div class="row p-0" style="width: 896px; max-width: 100%; gap:15px 0px; ">
                       ${[
+                            {
+                                title: '今日瀏覽人數',
+                                value: html `${vm.data.active_recent_2week.count_array
+                                    .map((dd) => {
+                                    return dd;
+                                })
+                                    .reverse()[0]
+                                    .toLocaleString()}
+                          ${BgWidget.grayNote(`(本月: ${vm.data.active_recent_year.count_array
+                                    .map((dd) => {
+                                    return dd;
+                                })
+                                    .reverse()[0]
+                                    .toLocaleString()})`, 'font-weight: 500;')}`,
+                                icon: 'https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/users-duotone-solid.svg',
+                            },
                             {
                                 title: '今日會員註冊',
                                 value: html `${vm.data.recent_register_today['today'].toLocaleString()}
@@ -157,6 +173,10 @@ export class DataAnalyze {
                                 class: 'col-12 col-lg-4 col-md-6',
                                 event: DataAnalyzeModule.orderAverage(gvc),
                             },
+                            {
+                                class: 'col-12 col-lg-4 col-md-6',
+                                event: DataAnalyzeModule.viewPeople(gvc),
+                            },
                             {
                                 class: 'col-12 col-lg-4 col-md-6',
                                 event: DataAnalyzeModule.registerPeople(gvc),

package/lowcode/cms-plugin/data-analyze.ts

@@ -26,9 +26,8 @@ export class DataAnalyze {
         () => {},
         () => {}
       );
-//active_recent_2week,active_recent_year
       ApiShop.ecDataAnalyze(
-        'recent_register_today,order_today,sales_per_month_1_month'.split(',')
+        'recent_register_today,order_today,sales_per_month_1_month,active_recent_year,active_recent_2week'.split(',')
       ).then(async res => {
         vm.loading = false;
         vm.data = res.response;
@@ -76,25 +75,25 @@ export class DataAnalyze {
                     </div>
                     <div class="row p-0" style="width: 896px; max-width: 100%; gap:15px 0px; ">
                       ${[
-                        // {
-                        //   title: '今日瀏覽人數',
-                        //   value: html`${vm.data.active_recent_2week.count_array
-                        //     .map((dd: any) => {
-                        //       return dd;
-                        //     })
-                        //     .reverse()[0]
-                        //     .toLocaleString()}
-                        //   ${BgWidget.grayNote(
-                        //     `(本月: ${vm.data.active_recent_year.count_array
-                        //       .map((dd: any) => {
-                        //         return dd;
-                        //       })
-                        //       .reverse()[0]
-                        //       .toLocaleString()})`,
-                        //     'font-weight: 500;'
-                        //   )}`,
-                        //   icon: 'https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/users-duotone-solid.svg',
-                        // },
+                        {
+                          title: '今日瀏覽人數',
+                          value: html`${vm.data.active_recent_2week.count_array
+                            .map((dd: any) => {
+                              return dd;
+                            })
+                            .reverse()[0]
+                            .toLocaleString()}
+                          ${BgWidget.grayNote(
+                            `(本月: ${vm.data.active_recent_year.count_array
+                              .map((dd: any) => {
+                                return dd;
+                              })
+                              .reverse()[0]
+                              .toLocaleString()})`,
+                            'font-weight: 500;'
+                          )}`,
+                          icon: 'https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/users-duotone-solid.svg',
+                        },
                         {
                           title: '今日會員註冊',
                           value: html`${vm.data.recent_register_today['today'].toLocaleString()}
@@ -188,10 +187,10 @@ export class DataAnalyze {
                     class: 'col-12 col-lg-4 col-md-6',
                     event: DataAnalyzeModule.orderAverage(gvc),
                   },
-                  // {
-                  //   class: 'col-12 col-lg-4 col-md-6',
-                  //   event: DataAnalyzeModule.viewPeople(gvc),
-                  // },
+                  {
+                    class: 'col-12 col-lg-4 col-md-6',
+                    event: DataAnalyzeModule.viewPeople(gvc),
+                  },
                   {
                     class: 'col-12 col-lg-4 col-md-6',
                     event: DataAnalyzeModule.registerPeople(gvc),

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,
                                                                                                         }));
                                                                                                     });
                                                                                                 });