ts-glitter 21.4.7 → 21.4.8

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.4.7';
+            glitter.share.editerVersion = 'V_21.4.8';
             glitter.share.start = new Date();
             const vm = { appConfig: [] };
             window.saasConfig = {
@@ -552,6 +552,7 @@ export class Entry {
         })) {
             const og_path = glitter.getUrlParameter('page_refer') || glitter.getUrlParameter('page');
             window.page_refer = og_path;
+            (glitter.share).is_shop = true;
             setInterval(() => {
                 if (glitter.getUrlParameter('page') === 'index') {
                     glitter.href = '/' + og_path;

package/lowcode/Entry.ts

@@ -150,7 +150,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.4.7';
+      glitter.share.editerVersion = 'V_21.4.8';
       glitter.share.start = new Date();
       const vm = { appConfig: [] };
       (window as any).saasConfig = {
@@ -602,7 +602,7 @@ export class Entry {
     })){
       const og_path=glitter.getUrlParameter('page_refer') || glitter.getUrlParameter('page');
       (window as any).page_refer=og_path;
-
+      (glitter.share).is_shop=true
       setInterval(()=>{
         if(glitter.getUrlParameter('page')==='index'){
           glitter.href='/'+og_path

package/lowcode/api/pageConfig.js

@@ -165,11 +165,13 @@ export class ApiPageConfig {
         });
     }
     static setPage(data) {
+        const glitter = window.glitter;
         if (data.tag === 'c_header' && ['pages/', 'hidden/', 'shop/'].find((dd) => {
             return window.parent.glitter.getUrlParameter('page').startsWith(dd);
         })) {
             return new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
                 data.config[0].is_customer_header = true;
+                data.config[0].data.menu_refer = glitter.share.menu_refer;
                 yield ApiUser.setPublicConfig({
                     key: 'c_header_' + window.parent.glitter.getUrlParameter('page'),
                     value: data.config,

package/lowcode/api/pageConfig.ts

@@ -204,12 +204,14 @@ export class ApiPageConfig {
     }):Promise<{
       result: boolean
     }> {
-
+const glitter=(window as any).glitter;
       if(data.tag==='c_header' && ['pages/','hidden/','shop/'].find((dd)=>{
         return (window.parent as any).glitter.getUrlParameter('page').startsWith(dd)
       })){
        return  new Promise(async (resolve,reject)=>{
-         (data.config as any)[0].is_customer_header=true
+         (data.config as any)[0].is_customer_header=true;
+         (data.config as any)[0].data.menu_refer=glitter.share.menu_refer;
+
          await ApiUser.setPublicConfig({
            key: 'c_header_'+(window.parent as any).glitter.getUrlParameter('page'),
            value: data.config,

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

@@ -200,9 +200,8 @@ export class MenusSetting {
                     vm.link[a] = (_a = vm.link[a]) !== null && _a !== void 0 ? _a : [];
                     clearNoNeedData(vm.link[a]);
                 }
-                cf.widget.event('loading', {
-                    title: '儲存中...',
-                });
+                const dialog = new ShareDialog(gvc.glitter);
+                dialog.dataLoading({ visible: true });
                 let menu_all = (yield ApiUser.getPublicConfig('menu-setting-list', 'manager')).response.value;
                 menu_all.list = (_b = menu_all.list) !== null && _b !== void 0 ? _b : [];
                 const find_ = menu_all.list.find((d1) => { return d1.tag === cf.key; });
@@ -218,12 +217,8 @@ export class MenusSetting {
                     user_id: 'manager',
                 }).then(data => {
                     setTimeout(() => {
-                        cf.widget.event('loading', {
-                            visible: false,
-                        });
-                        cf.widget.event('success', {
-                            title: '儲存成功',
-                        });
+                        dialog.dataLoading({ visible: false });
+                        dialog.successMessage({ text: '儲存成功' });
                     }, 1000);
                 });
             });

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

@@ -247,9 +247,8 @@ export class MenusSetting {
         clearNoNeedData((vm.link as any)[a]);
       }
 
-      cf.widget.event('loading', {
-        title: '儲存中...',
-      });
+     const dialog=new ShareDialog(gvc.glitter)
+      dialog.dataLoading({visible:true})
       let menu_all=(await ApiUser.getPublicConfig('menu-setting-list','manager')).response.value;
       menu_all.list=menu_all.list ?? []
       const find_=menu_all.list.find((d1:any)=>{return d1.tag===cf.key});
@@ -265,12 +264,8 @@ export class MenusSetting {
         user_id: 'manager',
       }).then(data => {
         setTimeout(() => {
-          cf.widget.event('loading', {
-            visible: false,
-          });
-          cf.widget.event('success', {
-            title: '儲存成功',
-          });
+          dialog.dataLoading({visible:false})
+          dialog.successMessage({text:'儲存成功'})
         }, 1000);
       });
     }

package/lowcode/editor/normal-page-editor.js

@@ -65,14 +65,14 @@ export class NormalPageEditor {
         return html ` <div
                 id="norView"
                 class="vw-100 vh-100 position-fixed top-0 d-none"
-                style="z-index: 99999;background: rgba(0,0,0,0.5);"
+                style="z-index: 999999;background: rgba(0,0,0,0.5);"
                 onclick="${gvc.event(() => {
             NormalPageEditor.toggle({
                 visible: false,
             });
         })}"
             ></div>
-            <div id="norViewHover" class="position-fixed top-0 h-100 bg-white shadow-lg scroll-out" style="width:350px; z-index: 99999;max-width: 100vw;display: none;">${NormalPageEditor.view(gvc)}</div>`;
+            <div id="norViewHover" class="position-fixed top-0 h-100 bg-white shadow-lg scroll-out" style="width:350px; z-index: 999999;max-width: 100vw;display: none;">${NormalPageEditor.view(gvc)}</div>`;
     }
     static toggle(cf) {
         try {

package/lowcode/editor/normal-page-editor.ts

@@ -73,14 +73,14 @@ export class NormalPageEditor {
         return html` <div
                 id="norView"
                 class="vw-100 vh-100 position-fixed top-0 d-none"
-                style="z-index: 99999;background: rgba(0,0,0,0.5);"
+                style="z-index: 999999;background: rgba(0,0,0,0.5);"
                 onclick="${gvc.event(() => {
                     NormalPageEditor.toggle({
                         visible: false,
                     });
                 })}"
             ></div>
-            <div id="norViewHover" class="position-fixed top-0 h-100 bg-white shadow-lg scroll-out" style="width:350px; z-index: 99999;max-width: 100vw;display: none;">${NormalPageEditor.view(gvc)}</div>`;
+            <div id="norViewHover" class="position-fixed top-0 h-100 bg-white shadow-lg scroll-out" style="width:350px; z-index: 999999;max-width: 100vw;display: none;">${NormalPageEditor.view(gvc)}</div>`;
     }
 
     public static viewArray: any = [];

package/lowcode/glitter-base/route/api-cart.ts

@@ -1,4 +1,5 @@
 import {ApiTrack} from "./api-track.js";
+import { PdClass } from '../../public-components/product/pd-class.js';
 
 type Product = {
     id: number;

package/lowcode/glitterBundle/html-component/global-widget.js

@@ -9,6 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { Storage } from '../helper/storage.js';
 import { ApiPageConfig } from '../../api/pageConfig.js';
+import { ApiUser } from '../../glitter-base/route/user.js';
 var ViewType;
 (function (ViewType) {
     ViewType["mobile"] = "mobile";
@@ -228,6 +229,9 @@ export class GlobalWidget {
                     const is_sub_page = ['pages/', 'hidden/', 'shop/'].find(dd => {
                         return (obj.gvc.glitter.getUrlParameter('page') || '').startsWith(dd);
                     });
+                    const is_shop = ['hidden/', 'shop/'].find(dd => {
+                        return (obj.gvc.glitter.getUrlParameter('page') || '').startsWith(dd);
+                    });
                     if (!glitter.share.c_header_list) {
                         glitter.share.c_header_list = (yield ApiPageConfig.getPageTemplate({
                             template_from: 'all',
@@ -265,9 +269,81 @@ export class GlobalWidget {
                             window.parent.document.querySelector('.' + outer_id).outerHTML = civ.join('');
                             return;
                         }
-                        else {
+                        else if (!is_shop) {
+                            civ.push(`<div class="my-2"></div>`);
+                            civ.push([
+                                `<div class="fs-6 mb-2" style="color: black;">選單參照內容</div>`,
+                                gvc.bindView(() => {
+                                    const bi = gvc.glitter.getUUID();
+                                    return {
+                                        bind: bi,
+                                        view: () => __awaiter(this, void 0, void 0, function* () {
+                                            var _a, _b;
+                                            const vm = {
+                                                tab: 'menu',
+                                                dataList: []
+                                            };
+                                            const tag = vm.tab === 'menu' ? 'menu-setting' : 'footer-setting';
+                                            let menu_all = (yield ApiUser.getPublicConfig('menu-setting-list', 'manager')).response.value;
+                                            menu_all.list = (_a = menu_all.list) !== null && _a !== void 0 ? _a : [];
+                                            vm.dataList = [
+                                                { tag: tag, title: `系統預設
+                        ` },
+                                                ...menu_all.list.filter((d1) => {
+                                                    return d1.tab === tag;
+                                                })
+                                            ];
+                                            return [
+                                                this.select({
+                                                    gvc: gvc,
+                                                    callback: (text) => {
+                                                        obj.widget.data.refer_form_data['menu_refer'] = text;
+                                                        glitter.share.refresh_global();
+                                                    },
+                                                    default: (_b = obj.widget.data.refer_form_data['menu_refer']) !== null && _b !== void 0 ? _b : tag,
+                                                    options: vm.dataList.map((dd) => {
+                                                        return {
+                                                            key: dd.tag,
+                                                            value: dd.title
+                                                        };
+                                                    })
+                                                }),
+                                                this.grayButton('設定', gvc.event(() => {
+                                                    gvc.glitter.getModule(`${gvc.glitter.root_path}cms-plugin/menus-setting.js`, menu => {
+                                                        gvc.glitter.innerDialog((gvc) => {
+                                                            return html `
+                          <div class="vw-100 vh-100 bg-white">
+                            <div class="d-flex align-items-center" style="height: 60px;width: 100vw;border-bottom: solid 1px #DDD;font-size: 16px;font-style: normal;font-weight: 700;color: #393939;">
+                              <div class="d-flex" style="padding:19px 32px;gap:8px;cursor: pointer;border-right: solid 1px #DDD;" onclick="${gvc.event(() => {
+                                                                gvc.closeDialog();
+                                                            })}">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+                                  <path d="M13.7859 4.96406L8.02969 10.7203C7.69219 11.0578 7.5 11.5219 7.5 12C7.5 12.4781 7.69219 12.9422 8.02969 13.2797L13.7859 19.0359C14.0859 19.3359 14.4891 19.5 14.9109 19.5C15.7875 19.5 16.5 18.7875 16.5 17.9109V15H22.5C23.3297 15 24 14.3297 24 13.5V10.5C24 9.67031 23.3297 9 22.5 9H16.5V6.08906C16.5 5.2125 15.7875 4.5 14.9109 4.5C14.4891 4.5 14.0859 4.66875 13.7859 4.96406ZM7.5 19.5H4.5C3.67031 19.5 3 18.8297 3 18V6C3 5.17031 3.67031 4.5 4.5 4.5H7.5C8.32969 4.5 9 3.82969 9 3C9 2.17031 8.32969 1.5 7.5 1.5H4.5C2.01562 1.5 0 3.51562 0 6V18C0 20.4844 2.01562 22.5 4.5 22.5H7.5C8.32969 22.5 9 21.8297 9 21C9 20.1703 8.32969 19.5 7.5 19.5Z" fill="#393939"></path>
+                                </svg>
+                                返回
+                              </div>
+                              <div class="flex-fill" style="padding: 19px 32px;">編輯選單內容</div>
+                            </div>
+                            <div class="w-100">${menu.main(gvc, obj.widget)}</div>
+                          </div>
+`;
+                                                        }, 'menus-setting', {
+                                                            dismiss: () => {
+                                                                glitter.share.refresh_global();
+                                                            }
+                                                        });
+                                                    });
+                                                }), {})
+                                            ].join('');
+                                        }),
+                                        divCreate: {
+                                            class: `d-flex align-items-center`, style: `gap:5px;`
+                                        }
+                                    };
+                                })
+                            ].join(''));
                         }
-                        civ.push(`<div class="mx-n2 border-top my-2"></div>`);
+                        civ.push(`<div class="mx-n2 border-top mb-2 mt-3"></div>`);
                     }
                     civ.push((() => {
                         GlobalWidget.glitter_view_type = ViewType.desktop;

package/lowcode/glitterBundle/html-component/global-widget.ts

@@ -1,6 +1,7 @@
 import { GVC } from '../GVController.js';
 import { Storage } from '../helper/storage.js';
 import { ApiPageConfig } from '../../api/pageConfig.js';
+import { ApiUser } from '../../glitter-base/route/user.js';
 
 enum ViewType {
   mobile = 'mobile',
@@ -257,6 +258,9 @@ export class GlobalWidget {
           const is_sub_page = ['pages/', 'hidden/', 'shop/'].find(dd => {
             return (obj.gvc.glitter.getUrlParameter('page') || '').startsWith(dd);
           });
+          const is_shop= [ 'hidden/', 'shop/'].find(dd => {
+            return (obj.gvc.glitter.getUrlParameter('page') || '').startsWith(dd);
+          });
           if (!glitter.share.c_header_list) {
             glitter.share.c_header_list = (
               await ApiPageConfig.getPageTemplate({
@@ -300,23 +304,89 @@ export class GlobalWidget {
             if (glitter.share.header_refer === 'def') {
               (window.parent as any).document.querySelector('.' + outer_id).outerHTML = civ.join('');
               return;
-            } else {
-              // civ.push(`<div class="my-2"></div>`);
-              // civ.push(
-              //   this.grayButton(
-              //     '標頭選單參照',
-              //     gvc.event(() => {
-              //       gvc.glitter.getModule(`${gvc.glitter.root_path}cms-plugin/menus-setting.ts`, menu => {
-              //         gvc.glitter.innerDialog(menu.main(gvc, obj.widget), 'menus-setting');
-              //       });
-              //     }),
-              //     {
-              //       class: 'w-100',
-              //     }
-              //   )
-              // );
+            } else if(!is_shop){
+              civ.push(`<div class="my-2"></div>`);
+              civ.push(
+                [
+                  `<div class="fs-6 mb-2" style="color: black;">選單參照內容</div>`,
+                   gvc.bindView(()=>{
+                    const bi=gvc.glitter.getUUID()
+                    return {
+                      bind:bi,
+                      view:async ()=>{
+                        const vm:any={
+                          tab:'menu',
+                          dataList:[]
+                        }
+                        const tag=vm.tab==='menu' ? 'menu-setting':'footer-setting';
+                        let menu_all= (await ApiUser.getPublicConfig('menu-setting-list','manager')).response.value;
+                        menu_all.list = menu_all.list ?? [];
+                        vm.dataList = [
+                          { tag: tag, title: `系統預設
+                        ` },
+                          ...menu_all.list.filter((d1:any)=>{
+                            return d1.tab===tag
+                          })
+                        ];
+                        return  [
+                          this.select({
+                            gvc: gvc,
+                            callback: (text: any) => {
+                              obj.widget.data.refer_form_data['menu_refer']=text
+                              glitter.share.refresh_global();
+                            },
+                            default: obj.widget.data.refer_form_data['menu_refer'] ?? tag,
+                            options: vm.dataList.map((dd:any)=>{
+                              return {
+                                key:dd.tag,
+                                value:dd.title
+                              }
+                            })
+                          }),
+                          this.grayButton(
+                            '設定',
+                            gvc.event(() => {
+                              gvc.glitter.getModule(`${gvc.glitter.root_path}cms-plugin/menus-setting.js`, menu => {
+                                gvc.glitter.innerDialog((gvc)=>{
+                                  return html`
+                          <div class="vw-100 vh-100 bg-white">
+                            <div class="d-flex align-items-center" style="height: 60px;width: 100vw;border-bottom: solid 1px #DDD;font-size: 16px;font-style: normal;font-weight: 700;color: #393939;">
+                              <div class="d-flex" style="padding:19px 32px;gap:8px;cursor: pointer;border-right: solid 1px #DDD;" onclick="${gvc.event(()=>{
+                                    gvc.closeDialog()
+                                  })}">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+                                  <path d="M13.7859 4.96406L8.02969 10.7203C7.69219 11.0578 7.5 11.5219 7.5 12C7.5 12.4781 7.69219 12.9422 8.02969 13.2797L13.7859 19.0359C14.0859 19.3359 14.4891 19.5 14.9109 19.5C15.7875 19.5 16.5 18.7875 16.5 17.9109V15H22.5C23.3297 15 24 14.3297 24 13.5V10.5C24 9.67031 23.3297 9 22.5 9H16.5V6.08906C16.5 5.2125 15.7875 4.5 14.9109 4.5C14.4891 4.5 14.0859 4.66875 13.7859 4.96406ZM7.5 19.5H4.5C3.67031 19.5 3 18.8297 3 18V6C3 5.17031 3.67031 4.5 4.5 4.5H7.5C8.32969 4.5 9 3.82969 9 3C9 2.17031 8.32969 1.5 7.5 1.5H4.5C2.01562 1.5 0 3.51562 0 6V18C0 20.4844 2.01562 22.5 4.5 22.5H7.5C8.32969 22.5 9 21.8297 9 21C9 20.1703 8.32969 19.5 7.5 19.5Z" fill="#393939"></path>
+                                </svg>
+                                返回
+                              </div>
+                              <div class="flex-fill" style="padding: 19px 32px;">編輯選單內容</div>
+                            </div>
+                            <div class="w-100">${
+                                    menu.main(gvc, obj.widget)
+                                  }</div>
+                          </div>
+`
+                                }, 'menus-setting',{
+                                  dismiss:()=>{
+                                    glitter.share.refresh_global();
+                                  }
+                                });
+                              });
+                            }),
+                            {
+                            }
+                          )
+                        ].join('')
+                      },
+                      divCreate:{
+                        class:`d-flex align-items-center`,style:`gap:5px;`
+                      }
+                    }
+                  })
+                ].join('')
+              );
             }
-            civ.push(`<div class="mx-n2 border-top my-2"></div>`);
+            civ.push(`<div class="mx-n2 border-top mb-2 mt-3"></div>`);
           }
           civ.push(
             (() => {

package/lowcode/jspage/main.js

@@ -237,6 +237,7 @@ init(import.meta.url, (gvc, glitter, gBundle) => {
                                             content.config = content.language_data[glitter.getUrlParameter('language')].config;
                                         }
                                         ;
+                                        const header = (yield ApiUser.getPublicConfig('c_header_' + window.parent.glitter.getUrlParameter('page'), 'manager')).response.value;
                                         if (!content.config.find((dd) => {
                                             return dd.data.tag === 'c_header';
                                         })) {
@@ -271,7 +272,7 @@ init(import.meta.url, (gvc, glitter, gBundle) => {
                                                     "type": "component",
                                                     "class": "",
                                                     "index": 0,
-                                                    "label": "標頭",
+                                                    "label": "標頭1234",
                                                     "style": "",
                                                     "global": [],
                                                     "mobile": { "data": {}, "refer": "custom" },
@@ -295,8 +296,15 @@ init(import.meta.url, (gvc, glitter, gBundle) => {
                                                 }
                                             ].concat(content.config);
                                         }
-                                        glitter.share.header_refer = 'custom';
+                                        if (header && header.length) {
+                                            glitter.share.header_refer = 'custom';
+                                        }
+                                        else {
+                                            glitter.share.header_refer = 'def';
+                                        }
                                         d2.response.result[0].config = content.config;
+                                        const og_path = glitter.getUrlParameter('page_refer') || glitter.getUrlParameter('page');
+                                        window.page_refer = og_path;
                                         resolve(d2.response.result[0]);
                                     }));
                                 }

package/lowcode/jspage/main.ts

@@ -266,6 +266,11 @@ init(import.meta.url, (gvc, glitter, gBundle) => {
                   ) {
                     content.config = content.language_data[glitter.getUrlParameter('language')].config;
                   };
+                  const header=(await ApiUser.getPublicConfig(
+                    'c_header_'+(window.parent as any).glitter.getUrlParameter('page'),
+                    'manager',
+                  )).response.value;
+
                   if(!content.config.find((dd:any)=>{
                     return dd.data.tag==='c_header'
                   })){
@@ -300,7 +305,7 @@ init(import.meta.url, (gvc, glitter, gBundle) => {
                         "type": "component",
                         "class": "",
                         "index": 0,
-                        "label": "標頭",
+                        "label": "標頭1234",
                         "style": "",
                         "global": [],
                         "mobile": {"data": {}, "refer": "custom"},
@@ -324,8 +329,15 @@ init(import.meta.url, (gvc, glitter, gBundle) => {
                       }
                     ].concat(content.config);
                   }
-                  glitter.share.header_refer='custom'
+                  if(header && header.length){
+                    glitter.share.header_refer='custom'
+                  }else{
+                    glitter.share.header_refer='def'
+                  }
+
                   d2.response.result[0].config = content.config;
+                  const og_path=glitter.getUrlParameter('page_refer') || glitter.getUrlParameter('page');
+                  (window as any).page_refer=og_path;
                   resolve(d2.response.result[0]);
                 });
               } else {

package/lowcode/official_view_component/official/component.js

@@ -971,6 +971,10 @@ export const component = Plugin.createComponent(import.meta.url, (glitter, editM
                                                                                                                     subData.editor_updated_callback &&
                                                                                                                         subData.editor_updated_callback(oWidget);
                                                                                                                 }
+                                                                                                                glitter.share.refer_form = refer_form;
+                                                                                                                glitter.share.refresh_global = (() => {
+                                                                                                                    refresh(widget, type);
+                                                                                                                });
                                                                                                                 function getItemsVisibility(dd) {
                                                                                                                     const descriptor = Object.getOwnPropertyDescriptor(refer_form, dd.key);
                                                                                                                     const custom = !oWidget[`${type}_editable`] ||

package/lowcode/official_view_component/official/component.ts

@@ -1079,7 +1079,10 @@ export const component = Plugin.createComponent(import.meta.url, (glitter: Glitt
                                                               subData.editor_updated_callback &&
                                                                 subData.editor_updated_callback(oWidget);
                                                             }
-
+                                                            glitter.share.refer_form=refer_form
+                                                            glitter.share.refresh_global=(()=>{
+                                                              refresh(widget,type)
+                                                            })
                                                             //設定顯示編輯與否
                                                             function getItemsVisibility(dd: any) {
                                                               const descriptor = Object.getOwnPropertyDescriptor(

package/lowcode/public-components/headers/header-class.js

@@ -162,7 +162,9 @@ export class HeaderClass {
               type="button"
               onclick="${gvc.event(() => {
                     window.drawer.close();
-                    ApiCart.toCheckOutPage(id);
+                    setTimeout(() => {
+                        document.querySelector('.check_out_cart_data').scrollIntoView();
+                    }, 100);
                 })}"
             >
               ${Language.text('proceed_to_checkout')}

package/lowcode/public-components/headers/header-class.ts

@@ -189,7 +189,10 @@ export class HeaderClass {
               type="button"
               onclick="${gvc.event(() => {
                 (window as any).drawer.close();
-                ApiCart.toCheckOutPage(id);
+                setTimeout(()=>{
+                  document.querySelector('.check_out_cart_data')!!.scrollIntoView()
+                },100)
+                // ApiCart.toCheckOutPage(id);
               })}"
             >
               ${Language.text('proceed_to_checkout')}

package/lowcode/public-components/headers/sy-02.js

@@ -8,6 +8,7 @@ import { LanguageView } from '../public/language-view.js';
 import { HeaderClass } from './header-class.js';
 import { HeadInitial } from './head-initial.js';
 import { HeaderMobile } from './header-mobile.js';
+import { PdClass } from '../product/pd-class.js';
 const html = String.raw;
 export class Sy02 {
     static main(gvc, widget, subData) {
@@ -37,7 +38,7 @@ export class Sy02 {
                     <div class="d-flex align-items-center justify-content-center h-100 w-100 gap-2">
                         <!--手機版選單-->
                         <div
-                            class="d-flex align-items-center justify-content-center"
+                            class="${PdClass.isShoppingPage() ? `d-none` : `d-flex d-lg-none`} align-items-center justify-content-center"
                             style="width:40px !important;height:40px !important;"
                             onclick="${gvc.event(() => {
                     gvc.glitter.setDrawer(gvc.bindView(() => {
@@ -111,7 +112,7 @@ export class Sy02 {
                                     const vm = {
                                         data: [],
                                     };
-                                    ApiUser.getPublicConfig('menu-setting', 'manager', window.appName).then(res => {
+                                    ApiUser.getPublicConfig(widget.formData.menu_refer || 'menu-setting', 'manager', window.appName).then(res => {
                                         vm.data = res.response.value[Language.getLanguage()];
                                         gvc.notifyDataChange(id);
                                     });
@@ -129,6 +130,9 @@ export class Sy02 {
                                                 loop(vm.data);
                                             }
                                             function loopItems(data, show_border) {
+                                                if (PdClass.isShoppingPage()) {
+                                                    return ``;
+                                                }
                                                 return data
                                                     .map((dd) => {
                                                     var _a, _b, _c, _d, _e;
@@ -245,7 +249,7 @@ background: ${(_a = colors.bgr) !== null && _a !== void 0 ? _a : '#000'};overflo
                     const vm = {
                         data: [],
                     };
-                    ApiUser.getPublicConfig('menu-setting', 'manager', window.appName).then(res => {
+                    ApiUser.getPublicConfig(widget.formData.menu_refer || 'menu-setting', 'manager', window.appName).then(res => {
                         vm.data = res.response.value[Language.getLanguage()];
                         gvc.notifyDataChange(id);
                     });
@@ -253,6 +257,9 @@ background: ${(_a = colors.bgr) !== null && _a !== void 0 ? _a : '#000'};overflo
                         bind: id,
                         view: () => {
                             function loopItems(data) {
+                                if (PdClass.isShoppingPage()) {
+                                    return ``;
+                                }
                                 return data
                                     .map((dd) => {
                                     var _a, _b;
@@ -351,6 +358,9 @@ padding-bottom: 2px;
                             bind: vm.id,
                             view: () => {
                                 var _a, _b;
+                                if (PdClass.isShoppingPage()) {
+                                    return ``;
+                                }
                                 if (!vm.toggle) {
                                     return html `<i
                                               class="fa-regular fa-magnifying-glass"