ts-glitter 20.6.8 → 20.6.9

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

@@ -18,11 +18,11 @@ import { BaseApi } from '../glitterBundle/api/base.js';
 import { BgProduct } from './bg-product.js';
 import { CheckInput } from '../modules/checkInput.js';
 import { Template_refer } from '../cms-plugin/template_refer.js';
-import { LanguageBackend } from "../cms-plugin/language-backend.js";
-import { ProductAi } from "../cms-plugin/ai-generator/product-ai.js";
-import { Tool } from "../modules/tool.js";
-import { imageLibrary } from "../modules/image-library.js";
-import { Language } from "../glitter-base/global/language.js";
+import { LanguageBackend } from '../cms-plugin/language-backend.js';
+import { ProductAi } from '../cms-plugin/ai-generator/product-ai.js';
+import { Tool } from '../modules/tool.js';
+import { imageLibrary } from '../modules/image-library.js';
+import { Language } from '../glitter-base/global/language.js';
 const html = String.raw;
 export class BgBlog {
     static setCollection(cf) {
@@ -38,10 +38,8 @@ export class BgBlog {
                 vm.link = data.response.value;
                 if (cf.select_module) {
                     function setCheck(link) {
-                        link.map((dd, value) => {
-                            if (cf.select_module.def.find((d1) => {
-                                return d1 === dd.link;
-                            })) {
+                        link.map(dd => {
+                            if (cf.select_module.def.find(d1 => d1 === dd.link)) {
                                 dd.selected = true;
                             }
                             setCheck(dd.items);
@@ -53,7 +51,7 @@ export class BgBlog {
             }
         });
         function clearNoNeedData(items) {
-            items.map((dd) => {
+            items.map(dd => {
                 dd.selected = undefined;
                 clearNoNeedData(dd.items || []);
             });
@@ -61,7 +59,7 @@ export class BgBlog {
         function save() {
             let select_list = [];
             function check_select(items) {
-                items.map((dd) => {
+                items.map(dd => {
                     if (dd.selected) {
                         select_list.push(dd.link);
                     }
@@ -74,7 +72,7 @@ export class BgBlog {
                 key: cf.key,
                 value: vm.link,
                 user_id: 'manager',
-            }).then((data) => {
+            }).then(data => {
                 setTimeout(() => {
                     dialog.dataLoading({ visible: false });
                     if (cf.select_module) {
@@ -88,14 +86,14 @@ export class BgBlog {
         }
         function selectAll(array) {
             array.selected = true;
-            array.items.map((dd) => {
+            array.items.map(dd => {
                 dd.selected = true;
                 selectAll(dd);
             });
         }
         function clearAll(array) {
             array.selected = false;
-            array.items.map((dd) => {
+            array.items.map(dd => {
                 dd.selected = false;
                 clearAll(dd);
             });
@@ -116,7 +114,7 @@ export class BgBlog {
             return count;
         }
         function deleteSelect(items) {
-            return items.filter((d1) => {
+            return items.filter(d1 => {
                 d1.items = deleteSelect(d1.items || []);
                 return !d1.selected;
             });
@@ -125,7 +123,7 @@ export class BgBlog {
             let exists_count = -1;
             let title_exists_count = -1;
             function check(it, items) {
-                items.map((d1) => {
+                items.map(d1 => {
                     if (d1.link === it.link) {
                         exists_count++;
                     }
@@ -158,81 +156,83 @@ export class BgBlog {
             return {
                 bind: vm.id,
                 view: () => {
-                    return html `
-                    <div class="title-container">
-                        ${cf.goBack ? BgWidget.goBack(cf.gvc.event(() => {
-                        cf.goBack();
-                    })) : ``}
-                        ${BgWidget.title('分類設定')}
-                    </div>
-                    ${BgWidget.container(html `
-                        <div
-                                style="width:100%; padding: 20px; background: white; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); border-radius: 10px; overflow: hidden; justify-content: center; align-items: center; display: inline-flex"
-                        >
-                            <div style="width: 100%;  position: relative">
-                                <div style="width: 100%;  left: 0px; top: 0px;  flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex">
-                                    <div
-                                            class="w-100  ${getSelectCount({
+                    return html ` <div class="title-container">
+              ${cf.goBack
+                        ? BgWidget.goBack(cf.gvc.event(() => {
+                            cf.goBack();
+                        }))
+                        : ''}
+              ${BgWidget.title('分類設定')}
+            </div>
+            ${BgWidget.container(html ` <div
+                style="width:100%; padding: 20px; background: white; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); border-radius: 10px; overflow: hidden; justify-content: center; align-items: center; display: inline-flex"
+              >
+                <div style="width: 100%;  position: relative">
+                  <div
+                    style="width: 100%;  left: 0px; top: 0px;  flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex"
+                  >
+                    <div
+                      class="w-100  ${getSelectCount({
                         items: vm.link,
                     }) > 0
-                        ? ``
+                        ? ''
                         : `d-none`}"
-                                            style="height: 40px; padding: 12px 18px;background: #F7F7F7; border-radius: 10px; justify-content: flex-end; align-items: center; gap: 8px; display: inline-flex"
-                                    >
-                                        <div style="flex: 1 1 0; color: #393939; font-size: 14px; font-family: Noto Sans; font-weight: 700; word-wrap: break-word">
-                                                已選取${getSelectCount({
+                      style="height: 40px; padding: 12px 18px;background: #F7F7F7; border-radius: 10px; justify-content: flex-end; align-items: center; gap: 8px; display: inline-flex"
+                    >
+                      <div
+                        style="flex: 1 1 0; color: #393939; font-size: 14px; font-family: Noto Sans; font-weight: 700; word-wrap: break-word"
+                      >
+                        已選取${getSelectCount({
                         items: vm.link,
                     })}項
-                                        </div>
-                                        <div
-                                                style="cursor:pointer;padding: 4px 14px;background: white; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10); border-radius: 20px; border: 1px #DDDDDD solid; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex"
-                                        >
-                                            <div
-                                                    style="color: #393939; font-size: 14px; font-family: Noto Sans; font-weight: 400; word-wrap: break-word"
-                                                    onclick="${gvc.event(() => {
+                      </div>
+                      <div
+                        style="cursor:pointer;padding: 4px 14px;background: white; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10); border-radius: 20px; border: 1px #DDDDDD solid; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex"
+                      >
+                        <div
+                          style="color: #393939; font-size: 14px; font-family: Noto Sans; font-weight: 400; word-wrap: break-word"
+                          onclick="${gvc.event(() => {
                         vm.link = deleteSelect(vm.link);
                         gvc.notifyDataChange(vm.id);
                     })}"
-                                            >
-                                                刪除
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="d-flex align-items-center"
-                                         style="width: 100%; height: 22px; position: relative;gap:29px;">
-                                        <div
-                                                class="${allSelect({
+                        >
+                          刪除
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="d-flex align-items-center"
+                      style="width: 100%; height: 22px; position: relative;gap:29px;"
+                    >
+                      <div
+                        class="${allSelect({
                         items: vm.link,
-                        selected: !vm.link.find((dd) => {
-                            return !dd.selected;
-                        }),
+                        selected: !vm.link.find(dd => !dd.selected),
                     })
                         ? `fa-solid fa-square-check`
                         : `fa-regular fa-square`}"
-                                                style="color:#393939;width: 16px; height: 16px;cursor: pointer;"
-                                                onclick="${cf.gvc.event((e, event) => {
+                        style="color:#393939;width: 16px; height: 16px;cursor: pointer;"
+                        onclick="${cf.gvc.event((e, event) => {
                         event.stopPropagation();
-                        if (vm.link.find((dd) => {
-                            return !dd.selected;
-                        })) {
-                            selectAll({
-                                items: vm.link,
-                            });
+                        if (vm.link.find(dd => !dd.selected)) {
+                            selectAll({ items: vm.link });
                         }
                         else {
-                            clearAll({
-                                items: vm.link,
-                            });
+                            clearAll({ items: vm.link });
                         }
                         gvc.notifyDataChange(vm.id);
                     })}"
-                                        ></div>
-                                        <div style="left: 61px; top: 0px;  color: #393939; font-size: 16px; font-family: Noto Sans; font-weight: 700; word-wrap: break-word">
-                                            分類名稱
-                                        </div>
-                                    </div>
-                                    <div style="align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 18px; display: flex">
-                                        ${(() => {
+                      ></div>
+                      <div
+                        style="left: 61px; top: 0px;  color: #393939; font-size: 16px; font-family: Noto Sans; font-weight: 700; word-wrap: break-word"
+                      >
+                        分類名稱
+                      </div>
+                    </div>
+                    <div
+                      style="align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 18px; display: flex"
+                    >
+                      ${(() => {
                         function renderItems(array) {
                             const id = gvc.glitter.getUUID();
                             return (gvc.bindView(() => {
@@ -243,20 +243,22 @@ export class BgBlog {
                                             .map((dd, index) => {
                                             dd.items;
                                             const list = html `
-                                                                                    <div
-                                                                                            class=" w-100 "
-                                                                                            style="width: 100%; justify-content: flex-start; align-items: center; gap: 5px; display: inline-flex;cursor: pointer;"
-                                                                                            onclick="${cf.gvc.event(() => {
+                                        <div
+                                          class=" w-100 "
+                                          style="width: 100%; justify-content: flex-start; align-items: center; gap: 5px; display: inline-flex;cursor: pointer;"
+                                          onclick="${cf.gvc.event(() => {
                                                 if (dd.items && dd.items.length > 0) {
                                                     dd.toggle = !dd.toggle;
                                                     gvc.notifyDataChange(vm.id);
                                                 }
                                             })}"
-                                                                                    >
-                                                                                        <div
-                                                                                                class="${allSelect(dd) ? `fa-solid fa-square-check` : `fa-regular fa-square`}"
-                                                                                                style="color:#393939;width: 16px; height: 16px;"
-                                                                                                onclick="${cf.gvc.event((e, event) => {
+                                        >
+                                          <div
+                                            class="${allSelect(dd)
+                                                ? `fa-solid fa-square-check`
+                                                : `fa-regular fa-square`}"
+                                            style="color:#393939;width: 16px; height: 16px;"
+                                            onclick="${cf.gvc.event((_, event) => {
                                                 event.stopPropagation();
                                                 dd.selected = !dd.selected;
                                                 if (dd.selected) {
@@ -267,45 +269,57 @@ export class BgBlog {
                                                 }
                                                 gvc.notifyDataChange(vm.id);
                                             })}"
-                                                                                        ></div>
-                                                                                        <div class="hoverF2 pe-2"
-                                                                                             style="width: 100%;  justify-content: flex-start; align-items: center; gap: 8px; display: flex">
-                                                                                            <i
-                                                                                                    class="ms-2 fa-solid fa-grip-dots-vertical color39 dragItem hoverBtn d-flex align-items-center justify-content-center"
-                                                                                                    style="cursor: pointer;width:25px;height: 25px;"
-                                                                                            ></i>
-                                                                                            <div style="flex-direction: column; justify-content: center; align-items: flex-start; gap: 2px; display: inline-flex">
-                                                                                                <div style="justify-content: flex-start; align-items: center; gap: 8px; display: inline-flex">
-                                                                                                    <div style="color: #393939; font-size: 16px; font-family: Noto Sans; font-weight: 400; word-wrap: break-word">
-                                                                                                        ${dd.title}
-                                                                                                    </div>
-                                                                                                    ${dd.items && dd.items.length > 0
+                                          ></div>
+                                          <div
+                                            class="hoverF2 pe-2"
+                                            style="width: 100%;  justify-content: flex-start; align-items: center; gap: 8px; display: flex"
+                                          >
+                                            <i
+                                              class="ms-2 fa-solid fa-grip-dots-vertical color39 dragItem hoverBtn d-flex align-items-center justify-content-center"
+                                              style="cursor: pointer;width:25px;height: 25px;"
+                                            ></i>
+                                            <div
+                                              style="flex-direction: column; justify-content: center; align-items: flex-start; gap: 2px; display: inline-flex"
+                                            >
+                                              <div
+                                                style="justify-content: flex-start; align-items: center; gap: 8px; display: inline-flex"
+                                              >
+                                                <div
+                                                  style="color: #393939; font-size: 16px; font-family: Noto Sans; font-weight: 400; word-wrap: break-word"
+                                                >
+                                                  ${dd.title}
+                                                </div>
+                                                ${dd.items && dd.items.length > 0
                                                 ? !dd.toggle
                                                     ? `<i class="fa-solid fa-angle-down color39"></i>`
                                                     : `<i class="fa-solid fa-angle-up color39"></i>`
-                                                : ``}
-                                                                                                </div>
-                                                                                                <div style="justify-content: flex-start; align-items: center; gap: 8px; display: inline-flex">
-                                                                                                    <div
-                                                                                                            style="color: #3366BB; font-size: 14px; font-family: Noto Sans; font-weight: 400; line-height: 14px; word-wrap: break-word"
-                                                                                                    >
-                                                                                                        ${dd.title}
-                                                                                                    </div>
-                                                                                                    <div style="color: #159240; font-size: 14px; font-family: Noto Sans; font-weight: 400; word-wrap: break-word">
-                                                                                                        ${dd.link}
-                                                                                                    </div>
-                                                                                                </div>
-                                                                                            </div>
-                                                                                            <div class="flex-fill"></div>
-                                                                                            <div
-                                                                                                    class="child me-2"
-                                                                                                    onclick="${cf.gvc.event((e, event) => {
+                                                : ''}
+                                              </div>
+                                              <div
+                                                style="justify-content: flex-start; align-items: center; gap: 8px; display: inline-flex"
+                                              >
+                                                <div
+                                                  style="color: #3366BB; font-size: 14px; font-family: Noto Sans; font-weight: 400; line-height: 14px; word-wrap: break-word"
+                                                >
+                                                  ${dd.title}
+                                                </div>
+                                                <div
+                                                  style="color: #159240; font-size: 14px; font-family: Noto Sans; font-weight: 400; word-wrap: break-word"
+                                                >
+                                                  ${dd.link}
+                                                </div>
+                                              </div>
+                                            </div>
+                                            <div class="flex-fill"></div>
+                                            <div
+                                              class="child me-2"
+                                              onclick="${cf.gvc.event((_, event) => {
                                                 event.stopPropagation();
                                                 MenusSetting.collectionEvent({
                                                     link: '',
                                                     title: '',
                                                     items: [],
-                                                }, (data) => {
+                                                }, data => {
                                                     dd.items = dd.items || [];
                                                     dd.items.push(data);
                                                     if (checkLinkExists(data, vm.link)) {
@@ -318,16 +332,15 @@ export class BgBlog {
                                                     }
                                                 });
                                             })}"
-                                                                                            >
-                                                                                                <i class="fa-solid fa-plus d-none"
-                                                                                                   style="color:#393939;"></i>
-                                                                                            </div>
-                                                                                            <div
-                                                                                                    class="child"
-                                                                                                    onclick="${cf.gvc.event((e, event) => {
+                                            >
+                                              <i class="fa-solid fa-plus d-none" style="color:#393939;"></i>
+                                            </div>
+                                            <div
+                                              class="child"
+                                              onclick="${cf.gvc.event((_, event) => {
                                                 event.stopPropagation();
                                                 const og = JSON.parse(JSON.stringify(dd));
-                                                MenusSetting.collectionEvent(dd, (data) => {
+                                                MenusSetting.collectionEvent(dd, data => {
                                                     if (checkLinkExists(data, vm.link)) {
                                                         array[index] = data;
                                                         gvc.notifyDataChange(vm.id);
@@ -340,23 +353,23 @@ export class BgBlog {
                                                     }
                                                 });
                                             })}"
-                                                                                            >
-                                                                                                <i class="fa-solid fa-pencil"
-                                                                                                   style="color:#393939;"></i>
-                                                                                            </div>
-                                                                                        </div>
-                                                                                    </div>
-                                                                                    ${dd.items && dd.items.length > 0
+                                            >
+                                              <i class="fa-solid fa-pencil" style="color:#393939;"></i>
+                                            </div>
+                                          </div>
+                                        </div>
+                                        ${dd.items && dd.items.length > 0
                                                 ? html `
-                                                                                                <div class=" w-100 ${dd.toggle ? `` : `d-none`}"
-                                                                                                     style="padding-left: 35px;">
-                                                                                                    ${renderItems(dd.items)}
-                                                                                                </div>
-                                                                                            `
-                                                : ``}
-                                                                                `;
-                                            return html `
-                                                                                    <li class="w-100 ">${list}</li>`;
+                                              <div
+                                                class=" w-100 ${dd.toggle ? '' : `d-none`}"
+                                                style="padding-left: 35px;"
+                                              >
+                                                ${renderItems(dd.items)}
+                                              </div>
+                                            `
+                                                : ''}
+                                      `;
+                                            return html ` <li class="w-100 ">${list}</li>`;
                                         })
                                             .join('');
                                     },
@@ -370,18 +383,16 @@ export class BgBlog {
                                             {
                                                 src: `https://raw.githack.com/SortableJS/Sortable/master/Sortable.js`,
                                             },
-                                        ], () => {
-                                        }, () => {
-                                        });
+                                        ], () => { }, () => { });
                                         const interval = setInterval(() => {
                                             if (window.Sortable) {
                                                 try {
                                                     gvc.addStyle(`
-                                                                            ul {
-                                                                                list-style: none;
-                                                                                padding: 0;
-                                                                            }
-                                                                        `);
+                                          ul {
+                                            list-style: none;
+                                            padding: 0;
+                                          }
+                                        `);
                                                     function swapArr(arr, index1, index2) {
                                                         const data = arr[index1];
                                                         arr.splice(index1, 1);
@@ -392,8 +403,7 @@ export class BgBlog {
                                                         group: id,
                                                         animation: 100,
                                                         handle: '.dragItem',
-                                                        onChange: function (evt) {
-                                                        },
+                                                        onChange: function (evt) { },
                                                         onEnd: (evt) => {
                                                             swapArr(array, startIndex, evt.newIndex);
                                                             gvc.notifyDataChange(id);
@@ -403,24 +413,21 @@ export class BgBlog {
                                                         },
                                                     });
                                                 }
-                                                catch (e) {
-                                                }
+                                                catch (e) { }
                                                 clearInterval(interval);
                                             }
                                         }, 100);
                                     },
                                 };
                             }) +
-                                html `
-                                                            <div
-                                                                    class=""
-                                                                    style="cursor:pointer;align-self: stretch; height: 50px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex"
-                                                                    onclick="${cf.gvc.event(() => {
+                                html ` <div
+                              style="cursor:pointer;align-self: stretch; height: 50px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex"
+                              onclick="${cf.gvc.event(() => {
                                     MenusSetting.collectionEvent({
                                         link: '',
                                         title: '',
                                         items: [],
-                                    }, (data) => {
+                                    }, data => {
                                         array.push(data);
                                         if (checkLinkExists(data, vm.link)) {
                                             gvc.notifyDataChange(vm.id);
@@ -432,32 +439,35 @@ export class BgBlog {
                                         }
                                     });
                                 })}"
-                                                            >
-                                                                <div
-                                                                        style="align-self: stretch; height: 54px; border-radius: 10px; border: 1px #DDDDDD solid; justify-content: center; align-items: center; gap: 6px; display: inline-flex"
-                                                                >
-                                                                    <i class="fa-solid fa-plus"
-                                                                       style="color: #3366BB;font-size: 16px; "></i>
-                                                                    <div style="color: #3366BB; font-size: 16px; font-family: Noto Sans; font-weight: 400; word-wrap: break-word">
-                                                                        新增分類
-                                                                    </div>
-                                                                </div>
-                                                            </div>`);
+                            >
+                              <div
+                                style="align-self: stretch; height: 54px; border-radius: 10px; border: 1px #DDDDDD solid; justify-content: center; align-items: center; gap: 6px; display: inline-flex"
+                              >
+                                <i class="fa-solid fa-plus" style="color: #3366BB;font-size: 16px; "></i>
+                                <div
+                                  style="color: #3366BB; font-size: 16px; font-family: Noto Sans; font-weight: 400; word-wrap: break-word"
+                                >
+                                  新增分類
+                                </div>
+                              </div>
+                            </div>`);
                         }
                         return renderItems(vm.link);
                     })()}
-                                    </div>
-                                </div>
-                            </div>
-                        </div>`)}
-                    <div class="update-bar-container">
-                        ${cf.goBack ? BgWidget.cancel(gvc.event(() => {
-                        cf.goBack();
-                    })) : ''}
-                        ${BgWidget.save(gvc.event(() => {
+                    </div>
+                  </div>
+                </div>
+              </div>`)}
+            <div class="update-bar-container">
+              ${cf.goBack
+                        ? BgWidget.cancel(gvc.event(() => {
+                            cf.goBack();
+                        }))
+                        : ''}
+              ${BgWidget.save(gvc.event(() => {
                         save();
                     }), cf.goBack ? '確認' : `儲存`)}
-                    </div>`;
+            </div>`;
                 },
                 divCreate: {
                     style: `padding-bottom:60px;`,
@@ -465,8 +475,7 @@ export class BgBlog {
             };
         });
     }
-    static contentManager(gvc, type = 'list', callback = () => {
-    }, is_page, widget, page_tab) {
+    static contentManager(gvc, type = 'list', callback = () => { }, is_page, widget, page_tab) {
         const html = String.raw;
         const glitter = gvc.glitter;
         const vm = {
@@ -490,16 +499,15 @@ export class BgBlog {
                     },
                     {
                         key: '發布時間',
-                        value: html `<span
-                                class="fs-7">${glitter.ut.dateFormat(new Date(dd.created_time), 'yyyy-MM-dd')}</span>`,
+                        value: html `<span class="fs-7">${glitter.ut.dateFormat(new Date(dd.created_time), 'yyyy-MM-dd')}</span>`,
                     },
                     {
                         key: '預覽',
                         value: html `
-                            <div
-                                    class="d-flex align-items-center justify-content-center hoverBtn me-2 border"
-                                    style="height:28px;width:28px;border-radius:5px;cursor:pointer;color:#151515;"
-                                    onclick="${gvc.event((e, event) => {
+              <div
+                class="d-flex align-items-center justify-content-center hoverBtn me-2 border"
+                style="height:28px;width:28px;border-radius:5px;cursor:pointer;color:#151515;"
+                onclick="${gvc.event((e, event) => {
                             const href = (() => {
                                 return `https://${window.parent.glitter.share.editorViewModel.domain}/${is_page
                                     ? (() => {
@@ -517,10 +525,10 @@ export class BgBlog {
                             window.parent.glitter.openNewTab(href);
                             event.stopPropagation();
                         })}"
-                            >
-                                <i class="fa-regular fa-eye" aria-hidden="true"></i>
-                            </div>
-                        `,
+              >
+                <i class="fa-regular fa-eye" aria-hidden="true"></i>
+              </div>
+            `,
                     },
                 ];
             });
@@ -542,25 +550,20 @@ export class BgBlog {
                 dataList: [{ obj: vm, key: 'type' }],
                 view: () => {
                     if (window.parent.glitter.getUrlParameter('page-id') && vm.type !== 'replace') {
-                        return ``;
+                        return '';
                     }
+                    const pageTabMap = {
+                        hidden: '隱形賣場',
+                        page: '自訂頁面',
+                        shopping: '一頁商店',
+                        blog: '網誌文章',
+                    };
                     if (vm.type === 'list') {
                         return BgWidget.container(html `
-                                <div class="title-container flex-column flex-sm-row w-100 ${type === 'select' ? `d-none` : ``}">
-                                    <div class="d-flex flex-column w-100" style="gap:5px;">
-                                        ${BgWidget.title(is_page
-                            ? (() => {
-                                switch (page_tab) {
-                                    case 'hidden':
-                                        return '隱形賣場';
-                                    case 'page':
-                                        return '自訂頁面';
-                                    case 'shopping':
-                                        return '一頁商店';
-                                }
-                            })()
-                            : '網誌文章')}
-                                        ${BgWidget.grayNote(is_page
+              <div class="title-container flex-column flex-sm-row w-100 ${type === 'select' ? `d-none` : ''}">
+                <div class="d-flex flex-column w-100" style="gap:5px;">
+                  ${BgWidget.title(is_page ? pageTabMap[page_tab] : pageTabMap.blog)}
+                  ${BgWidget.grayNote(is_page
                             ? (() => {
                                 switch (page_tab) {
                                     case 'hidden':
@@ -572,31 +575,30 @@ export class BgBlog {
                                 }
                             })()
                             : '快速分享商店最新資訊的好功能')}
-                                    </div>
-                                    <div class="flex-fill my-2 my-sm-0"></div>
-                                    <div class=" ${(document.body.clientWidth < 800) ? `w-100` : ``}"
-                                         style="display: flex; gap: 12px;">
-                                        <div class="flex-fill d-flex d-sm-none"></div>
-                                        ${is_page
+                </div>
+                <div class="flex-fill my-2 my-sm-0"></div>
+                <div class=" ${document.body.clientWidth < 800 ? `w-100` : ''}" style="display: flex; gap: 12px;">
+                  <div class="flex-fill d-flex d-sm-none"></div>
+                  ${is_page
                             ? ''
                             : BgWidget.grayButton('網誌分類', gvc.event(() => {
                                 vm.type = 'collection';
                                 gvc.notifyDataChange(id);
                             }))}
-                                        ${BgWidget.darkButton(`新增${is_page ? `頁面` : `網誌`}`, gvc.event(() => {
+                  ${BgWidget.darkButton(`新增${is_page ? `頁面` : `網誌`}`, gvc.event(() => {
                             vm.data = { content: {} };
                             vm.type = 'add';
                         }))}
-                                    </div>
-                                </div>
-                                ${BgWidget.container(BgWidget.mainCard([
-                            BgWidget.searchPlace(gvc.event((e) => {
+                </div>
+              </div>
+              ${BgWidget.container(BgWidget.mainCard([
+                            BgWidget.searchPlace(gvc.event(e => {
                                 vm.query = e.value;
                                 gvc.notifyDataChange(id);
                             }), vm.query || '', '搜尋所有文章'),
                             BgWidget.tableV3({
                                 gvc: gvc,
-                                getData: (vd) => {
+                                getData: vd => {
                                     vmi = vd;
                                     const limit = 20;
                                     Article.get({
@@ -606,7 +608,7 @@ export class BgBlog {
                                         for_index: is_page ? `false` : `true`,
                                         status: '0,1',
                                         page_type: page_tab,
-                                    }).then((data) => {
+                                    }).then(data => {
                                         vm.dataList = data.response.data;
                                         vmi.pageSize = Math.ceil(data.response.total / limit);
                                         vmi.originalData = vm.dataList;
@@ -620,9 +622,7 @@ export class BgBlog {
                                         vm.dataList[index].checked = !vm.dataList[index].checked;
                                         vmi.data = getDatalist();
                                         vmi.callback();
-                                        callback(vm.dataList.filter((dd) => {
-                                            return dd.checked;
-                                        }));
+                                        callback(vm.dataList.filter((dd) => dd.checked));
                                     }
                                     else {
                                         vm.data = vm.dataList[index];
@@ -632,20 +632,16 @@ export class BgBlog {
                                 filter: [
                                     {
                                         name: '批量移除',
-                                        event: (checkedData) => {
+                                        event: checkedData => {
                                             const dialog = new ShareDialog(glitter);
                                             dialog.checkYesOrNot({
                                                 text: '是否確認刪除所選項目？',
-                                                callback: (response) => {
+                                                callback: response => {
                                                     if (response) {
                                                         dialog.dataLoading({ visible: true });
                                                         Article.deleteV2({
-                                                            id: checkedData
-                                                                .map((dd) => {
-                                                                return dd.id;
-                                                            })
-                                                                .join(`,`),
-                                                        }).then((res) => {
+                                                            id: checkedData.map((dd) => dd.id).join(`,`),
+                                                        }).then(res => {
                                                             dialog.dataLoading({ visible: false });
                                                             if (res.result) {
                                                                 vm.dataList = undefined;
@@ -663,7 +659,7 @@ export class BgBlog {
                                 ],
                             }),
                         ].join('')))}
-                            `);
+            `);
                     }
                     else if (vm.type == 'replace') {
                         window.parent.glitter.setUrlParameter('page-id', vm.data.id);
@@ -703,27 +699,25 @@ export class BgBlog {
             search: '',
         };
         gvc.addStyle(`
-            .hoverHidden div {
-                display: none;
-            }
-            .hoverHidden:hover div {
-                display: flex;
-            }
-        `);
-        const containerID = gvc.glitter.getUUID();
+      .hoverHidden div {
+        display: none;
+      }
+      .hoverHidden:hover div {
+        display: flex;
+      }
+    `);
         return html `
-            <div class="title-container">
-                ${BgWidget.goBack(gvc.event(() => {
+      <div class="title-container">
+        ${BgWidget.goBack(gvc.event(() => {
             callback(undefined);
         }))}
-                <div>${[BgWidget.title('選擇模板'), BgWidget.grayNote('請選擇一個符合您需求的模板')].join('')}</div>
-            </div>
-            ${[
-            html `
-                    <div class="my-3"></div>`,
+        <div>${[BgWidget.title('選擇模板'), BgWidget.grayNote('請選擇一個符合您需求的模板')].join('')}</div>
+      </div>
+      ${[
+            html ` <div class="my-3"></div>`,
             BgWidget.mainCard(gvc.bindView(() => {
                 return {
-                    bind: containerID,
+                    bind: gvc.glitter.getUUID(),
                     view: () => {
                         return gvc.bindView(() => {
                             let data = undefined;
@@ -732,12 +726,12 @@ export class BgBlog {
                                 Article.get({
                                     page: 0,
                                     limit: 20,
-                                    search: ``,
+                                    search: '',
                                     for_index: `false`,
                                     status: '0,1',
                                     page_type: page_tab,
                                     app_name: 't_1726217714800',
-                                }).then((dd) => {
+                                }).then(dd => {
                                     data = {
                                         response: {
                                             result: {
@@ -755,7 +749,9 @@ export class BgBlog {
                                                             tag: ['頁面範例'],
                                                             desc: '',
                                                             name: '空白內容',
-                                                            image: ['https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/1709282671899-BLANK PAGE.jpg'],
+                                                            image: [
+                                                                'https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/1709282671899-BLANK PAGE.jpg',
+                                                            ],
                                                             status: 'wait',
                                                             post_to: 'all',
                                                             version: '1.0',
@@ -794,7 +790,7 @@ export class BgBlog {
                                 });
                             }
                             else {
-                                ApiPageConfig.getTemplateList().then((res) => {
+                                ApiPageConfig.getTemplateList().then(res => {
                                     data = {
                                         response: {
                                             result: {
@@ -812,7 +808,9 @@ export class BgBlog {
                                                             tag: ['頁面範例'],
                                                             desc: '',
                                                             name: '極簡模板',
-                                                            image: ['https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/1709282671899-BLANK PAGE.jpg'],
+                                                            image: [
+                                                                'https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/1709282671899-BLANK PAGE.jpg',
+                                                            ],
                                                             status: 'wait',
                                                             post_to: 'all',
                                                             version: '1.0',
@@ -860,28 +858,34 @@ export class BgBlog {
                                             if (data.response.result.data.length === 0) {
                                                 if (!vm.search) {
                                                     return html `
-                                                                    <div class="d-flex align-items-center justify-content-center flex-column w-100 py-4"
-                                                                         style="width:700px;gap:10px;">
-                                                                        <img src="./img/box-open-solid.svg"/>
-                                                                        <span class="color39 text-center">尚未自製任何模塊<br/>請前往開發者模式自製專屬模塊</span>
-                                                                    </div>
-                                                                `;
+                                <div
+                                  class="d-flex align-items-center justify-content-center flex-column w-100 py-4"
+                                  style="width:700px;gap:10px;"
+                                >
+                                  <img src="./img/box-open-solid.svg" />
+                                  <span class="color39 text-center"
+                                    >尚未自製任何模塊<br />請前往開發者模式自製專屬模塊</span
+                                  >
+                                </div>
+                              `;
                                                 }
                                                 else {
                                                     return html `
-                                                                    <div class="d-flex align-items-center justify-content-center flex-column w-100 py-4"
-                                                                         style="width:700px;gap:10px;">
-                                                                        <img src="./img/box-open-solid.svg"/>
-                                                                        <span class="color39 text-center">查無相關模塊</span>
-                                                                    </div>
-                                                                `;
+                                <div
+                                  class="d-flex align-items-center justify-content-center flex-column w-100 py-4"
+                                  style="width:700px;gap:10px;"
+                                >
+                                  <img src="./img/box-open-solid.svg" />
+                                  <span class="color39 text-center">查無相關模塊</span>
+                                </div>
+                              `;
                                                 }
                                             }
                                             else {
                                                 return html `
-                                                                <div class="w-100" style="overflow-y: auto;">
-                                                                    <div class="row m-0 pt-2 w-100">
-                                                                        ${data.response.result.data
+                              <div class="w-100" style="overflow-y: auto;">
+                                <div class="row m-0 pt-2 w-100">
+                                  ${data.response.result.data
                                                     .sort((a, b) => {
                                                     if (a.tag === 'empty' || b.tag === 'empty') {
                                                         return b.tag === 'empty' ? 1 : -1;
@@ -897,32 +901,33 @@ export class BgBlog {
                                                 })
                                                     .map((dd, index) => {
                                                     var _a;
-                                                    return html `
-                                                                                        <div class="col-6 col-sm-3 mb-3 rounded-3">
-                                                                                            <div class="d-flex flex-column justify-content-center w-100 "
-                                                                                                 style="gap:5px;cursor:pointer;">
-                                                                                                <div
-                                                                                                        class="card w-100 position-relative rounded hoverHidden bgf6 rounded-3"
-                                                                                                        style="padding-bottom: ${(800 / 600) * 100}%;"
-                                                                                                >
-                                                                                                    <div
-                                                                                                            class="position-absolute w-100 h-100 d-flex align-items-center justify-content-center rounded-3"
-                                                                                                            style="overflow: hidden;"
-                                                                                                    >
-                                                                                                        <img
-                                                                                                                class="w-100 "
-                                                                                                                src="${(_a = dd.template_config.image[0]) !== null && _a !== void 0 ? _a : 'https://d3jnmi1tfjgtti.cloudfront.net/file/252530754/1713445383494-未命名(1080x1080像素).jpg'}"
-                                                                                                        />
-                                                                                                    </div>
+                                                    return html ` <div class="col-6 col-sm-3 mb-3 rounded-3">
+                                        <div
+                                          class="d-flex flex-column justify-content-center w-100 "
+                                          style="gap:5px;cursor:pointer;"
+                                        >
+                                          <div
+                                            class="card w-100 position-relative rounded hoverHidden bgf6 rounded-3"
+                                            style="padding-bottom: ${(800 / 600) * 100}%;"
+                                          >
+                                            <div
+                                              class="position-absolute w-100 h-100 d-flex align-items-center justify-content-center rounded-3"
+                                              style="overflow: hidden;"
+                                            >
+                                              <img
+                                                class="w-100 "
+                                                src="${(_a = dd.template_config.image[0]) !== null && _a !== void 0 ? _a : 'https://d3jnmi1tfjgtti.cloudfront.net/file/252530754/1713445383494-未命名(1080x1080像素).jpg'}"
+                                              />
+                                            </div>
 
-                                                                                                    <div
-                                                                                                            class="position-absolute w-100 h-100  align-items-center justify-content-center rounded fs-6 flex-column"
-                                                                                                            style="background: rgba(0,0,0,0.5);gap:5px;"
-                                                                                                    >
-                                                                                                        <button
-                                                                                                                class="btn btn-secondary d-flex align-items-center "
-                                                                                                                style="height: 28px;width: 75px;gap:5px;"
-                                                                                                                onclick="${gvc.event(() => {
+                                            <div
+                                              class="position-absolute w-100 h-100  align-items-center justify-content-center rounded fs-6 flex-column"
+                                              style="background: rgba(0,0,0,0.5);gap:5px;"
+                                            >
+                                              <button
+                                                class="btn btn-secondary d-flex align-items-center "
+                                                style="height: 28px;width: 75px;gap:5px;"
+                                                onclick="${gvc.event(() => {
                                                         if (dd.tag === 'empty') {
                                                             if (['hidden', 'shopping'].includes(page_tab)) {
                                                                 const a = [
@@ -948,7 +953,7 @@ export class BgBlog {
                                                                 BaseApi.create({
                                                                     url: `${window.glitterBackend}/api/v1/template?appName=${dd.appName}&tag=${dd.tag}`,
                                                                     type: 'get',
-                                                                }).then((res) => {
+                                                                }).then(res => {
                                                                     res.response.result[0].config.name = dd.template_config.name;
                                                                     res.response.result[0].config.splice(0, 1);
                                                                     res.response.result[0].config.splice(res.response.result[0].config.length - 1, 1);
@@ -958,17 +963,19 @@ export class BgBlog {
                                                             }
                                                         }
                                                     })}"
-                                                                                                        >
-                                                                                                            選擇
-                                                                                                        </button>
-                                                                                                    </div>
-                                                                                                </div>
-                                                                                                <h3 class="fs-6 mb-0 d-flex justify-content-between align-items-center fw-500 mt-1">
-                                                                                                    ${dd.template_config.name}
-                                                                                                    <i
-                                                                                                            class="fa-solid fa-eye ${dd.tag === 'empty' ? `d-none` : ``}"
-                                                                                                            style="cursor:pointer;"
-                                                                                                            onclick="${gvc.event(() => {
+                                              >
+                                                選擇
+                                              </button>
+                                            </div>
+                                          </div>
+                                          <h3
+                                            class="fs-6 mb-0 d-flex justify-content-between align-items-center fw-500 mt-1"
+                                          >
+                                            ${dd.template_config.name}
+                                            <i
+                                              class="fa-solid fa-eye ${dd.tag === 'empty' ? `d-none` : ''}"
+                                              style="cursor:pointer;"
+                                              onclick="${gvc.event(() => {
                                                         if (page_tab !== 'page') {
                                                             window.parent.glitter.openNewTab(`https://${dd.domain}/index`);
                                                         }
@@ -976,40 +983,38 @@ export class BgBlog {
                                                             window.parent.glitter.openNewTab(`${gvc.glitter.root_path}pages/${dd.tag}?appName=${dd.appName}`);
                                                         }
                                                     })}"
-                                                                                                    ></i>
-                                                                                                </h3>
-                                                                                            </div>
-                                                                                        </div>`;
+                                            ></i>
+                                          </h3>
+                                        </div>
+                                      </div>`;
                                                 })
                                                     .join('')}
-                                                                    </div>
-                                                                </div>
-                                                            `;
+                                </div>
+                              </div>
+                            `;
                                             }
                                         })();
                                     }
                                     else {
-                                        return html `
-                                                        <div class="w-100 p-3 d-flex align-items-center justify-content-center flex-column"
-                                                             style="gap: 10px;">
-                                                            <div class="spinner-border fs-5"></div>
-                                                            <div class="fs-6 fw-500">載入中...</div>
-                                                        </div>`;
+                                        return html ` <div
+                          class="w-100 p-3 d-flex align-items-center justify-content-center flex-column"
+                          style="gap: 10px;"
+                        >
+                          <div class="spinner-border fs-5"></div>
+                          <div class="fs-6 fw-500">載入中...</div>
+                        </div>`;
                                     }
                                 },
-                                divCreate: {
-                                    style: '',
-                                },
                             };
                         });
                     },
-                    divCreate: {},
                 };
             })),
         ].join('')}
-        `;
+    `;
     }
 }
+let language = window.parent.store_info.language_setting.def;
 function editor(cf) {
     var _a;
     const vm = cf.vm;
@@ -1044,7 +1049,7 @@ function editor(cf) {
                                 gvc.notifyDataChange(cVm.id);
                             },
                             select_module: {
-                                callback: (data) => {
+                                callback: data => {
                                     vm.data.content.collection = data;
                                     cVm.type = 'detail';
                                     gvc.notifyDataChange(cVm.id);
@@ -1057,28 +1062,27 @@ function editor(cf) {
                     case 'template':
                         return template_select(gvc, cf, vm, cVm, cf.page_tab);
                     default:
-                        return ``;
+                        return '';
                 }
             },
-            divCreate: {},
         };
     }));
 }
 function initialData(content) {
+    function empty() {
+        return {
+            name: '',
+            seo: {
+                domain: '',
+                title: '',
+                content: '',
+                keywords: '',
+            },
+            text: '',
+            config: '',
+        };
+    }
     if (!content.language_data) {
-        function empty() {
-            return {
-                name: '',
-                seo: {
-                    domain: '',
-                    title: '',
-                    content: '',
-                    keywords: '',
-                },
-                text: '',
-                config: ''
-            };
-        }
         content.language_data = {
             'en-US': empty(),
             'zh-CN': empty(),
@@ -1086,12 +1090,11 @@ function initialData(content) {
                 name: content.name,
                 seo: content.seo,
                 text: content.text,
-                config: content.config
-            }
+                config: content.config,
+            },
         };
     }
 }
-let language = window.parent.store_info.language_setting.def;
 function detail(gvc, cf, vm, cVm, page_tab) {
     vm.data.content.tag = vm.data.content.tag || `${new Date().getTime()}`;
     if (!vm.data.id && cf.is_page) {
@@ -1100,7 +1103,7 @@ function detail(gvc, cf, vm, cVm, page_tab) {
             vm.data.content.template = 'article';
             gvc.notifyDataChange(cVm.id);
         }, 100);
-        return ``;
+        return '';
     }
     initialData(vm.data.content);
     const domainPrefix = `${cf.is_page
@@ -1122,9 +1125,9 @@ function detail(gvc, cf, vm, cVm, page_tab) {
         function refreshProductPage() {
             gvc.notifyDataChange(id);
         }
-        let origin = (JSON.stringify(vm.data));
+        let origin = JSON.stringify(vm.data);
         setTimeout(() => {
-            origin = (JSON.stringify(vm.data));
+            origin = JSON.stringify(vm.data);
         }, 400);
         function checkSwitchToUiEditor() {
             function next() {
@@ -1137,9 +1140,9 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                 const dialog = new ShareDialog(gvc.glitter);
                 dialog.checkYesOrNot({
                     text: '偵測到內容變更，是否保留更改?',
-                    callback: (response) => {
+                    callback: response => {
                         if (response) {
-                            saveData(gvc, cf, vm, cVm, false).then((res) => {
+                            saveData(gvc, cf, vm, cVm, false).then(res => {
                                 if (res) {
                                     next();
                                 }
@@ -1151,7 +1154,7 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                         else {
                             next();
                         }
-                    }
+                    },
                 });
             }
             else {
@@ -1162,58 +1165,58 @@ function detail(gvc, cf, vm, cVm, page_tab) {
             bind: id,
             view: () => {
                 const language_data = vm.data.content.language_data[language];
+                const pageTabMap = {
+                    hidden: '隱形賣場',
+                    page: '自訂頁面',
+                    shopping: '一頁商店',
+                    blog: '編輯網誌',
+                };
                 return html `
-                    <div class="title-container d-flex flex-column flex-sm-row w-100 align-items-start align-items-sm-center">
-                        <div class="d-flex align-items-center w-100">
-                            ${BgWidget.goBack(gvc.event(() => {
+          <div class="title-container d-flex flex-column flex-sm-row w-100 align-items-start align-items-sm-center">
+            <div class="d-flex align-items-center w-100">
+              ${BgWidget.goBack(gvc.event(() => {
                     window.parent.glitter.setUrlParameter('page-id', undefined);
                     vm.type = 'list';
                 }))}
-                            ${BgWidget.title(cf.is_page
-                    ? (() => {
-                        switch (page_tab) {
-                            case 'hidden':
-                                return '隱形賣場';
-                            case 'page':
-                                return '自訂頁面';
-                            case 'shopping':
-                                return '一頁商店';
-                        }
-                    })()
-                    : '編輯網誌')}
-                            <div class="flex-fill"></div>
-                            <div class="${cf.is_page ? `d-none` : ``}"> ${LanguageBackend.switchBtn({
+              <div class="d-flex align-items-center gap-2">
+                ${BgWidget.title(language_data.name)}
+                <div class="mt-1">${BgWidget.successInsignia(cf.is_page ? pageTabMap[page_tab] : pageTabMap.blog)}</div>
+              </div>
+
+              <div class="flex-fill"></div>
+              <div class="${cf.is_page ? `d-none` : ''}">
+                ${LanguageBackend.switchBtn({
                     gvc: gvc,
                     language: language,
-                    callback: (lan) => {
+                    callback: lan => {
                         language = lan;
                         refreshProductPage();
-                    }
+                    },
                 })}
-                            </div>
-                        </div>
-                        <div class="flex-fill my-2 ${cf.is_page ? `` : `d-none`}"></div>
-                        <div class="d-flex ${cf.is_page ? `` : `d-none`}  ${(document.body.clientWidth < 800) ? `w-100` : ``}">
-                            ${LanguageBackend.switchBtn({
+              </div>
+            </div>
+            <div class="flex-fill my-2 ${cf.is_page ? '' : `d-none`}"></div>
+            <div class="d-flex ${cf.is_page ? '' : `d-none`}  ${document.body.clientWidth < 800 ? `w-100` : ''}">
+              ${LanguageBackend.switchBtn({
                     gvc: gvc,
                     language: language,
-                    callback: (lan) => {
+                    callback: lan => {
                         language = lan;
                         refreshProductPage();
-                    }
+                    },
                 })}
-                            <div class="mx-1"></div>
-                            ${BgWidget.grayButton('套用模板', gvc.event(() => {
+              <div class="mx-1"></div>
+              ${BgWidget.grayButton('套用模板', gvc.event(() => {
                     cVm.type = 'template';
                     gvc.notifyDataChange(cVm.id);
                 }))}
-                            <div class="mx-1"></div>
-                            ${BgWidget.grayButton('前往設計', gvc.event(() => {
+              <div class="mx-1"></div>
+              ${BgWidget.grayButton('前往設計', gvc.event(() => {
                     checkSwitchToUiEditor();
                 }))}
-                        </div>
-                    </div>
-                    ${BgWidget.container1x2({
+            </div>
+          </div>
+          ${BgWidget.container1x2({
                     html: [
                         gvc.bindView(() => {
                             var _a;
@@ -1241,48 +1244,48 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                 : 'blogs'}/`;
                                             return [
                                                 BgWidget.title('基本設定', 'font-size: 16px;'),
-                                                html `
-                                                                        <div style="display: flex; align-items: center; gap: 4px; margin: 18px 0;">
-                                                                            <div class="tx_normal">網頁啟用</div>
-                                                                            ${BgWidget.switchButton(gvc, vm.data.status, (bool) => {
+                                                html ` <div style="display: flex; align-items: center; gap: 4px; margin: 18px 0;">
+                                <div class="tx_normal">網頁啟用</div>
+                                ${BgWidget.switchButton(gvc, vm.data.status, bool => {
                                                     vm.data.status = bool ? 1 : 0;
                                                     gvc.notifyDataChange(id);
                                                 })}
-                                                                        </div>`,
+                              </div>`,
                                                 BgWidget.editeInput({
                                                     gvc: gvc,
                                                     title: '網頁名稱' + BgWidget.languageInsignia(language, 'margin-left:5px;'),
                                                     default: language_data.name || '',
                                                     placeHolder: '請輸入網頁名稱',
-                                                    callback: (text) => {
+                                                    callback: text => {
                                                         language_data.name = text;
                                                     },
                                                 }),
-                                                html `
-                                                                        <div>
-                                                                            <div class="tx_normal fw-normal mb-2">
-                                                                                自訂網址
-                                                                            </div>
-                                                                            <div
-                                                                                    style="justify-content: flex-start; align-items: center; display: inline-flex;border:1px solid #EAEAEA;border-radius: 10px;overflow: hidden; ${document
+                                                html ` <div>
+                                <div class="tx_normal fw-normal mb-2">自訂網址</div>
+                                <div
+                                  style="justify-content: flex-start; align-items: center; display: inline-flex;border:1px solid #EAEAEA;border-radius: 10px;overflow: hidden; ${document
                                                     .body.clientWidth > 768
                                                     ? 'gap: 18px; '
                                                     : 'flex-direction: column; gap: 0px; '}"
-                                                                                    class="w-100"
-                                                                            >
-                                                                                <div style="width:100%;padding: 9px 18px;background: #EAEAEA; justify-content: flex-start; align-items: center; gap: 5px; display: flex">
-                                                                                    <div style="text-align: right; color: #393939; font-size: 16px; font-family: Noto Sans; font-weight: 400; word-wrap: break-word">
-                                                                                        ${prefixURL}
-                                                                                    </div>
-                                                                                </div>
-                                                                                <input
-                                                                                        class="flex-fill"
-                                                                                        style="width:100%;border:none;background:none;text-align: start; color: #393939; font-size: 16px; font-family: Noto Sans; font-weight: 400; word-wrap: break-word; ${document
+                                  class="w-100"
+                                >
+                                  <div
+                                    style="width:100%;padding: 9px 18px;background: #EAEAEA; justify-content: flex-start; align-items: center; gap: 5px; display: flex"
+                                  >
+                                    <div
+                                      style="text-align: right; color: #393939; font-size: 16px; font-family: Noto Sans; font-weight: 400; word-wrap: break-word"
+                                    >
+                                      ${prefixURL}
+                                    </div>
+                                  </div>
+                                  <input
+                                    class="flex-fill"
+                                    style="width:100%;border:none;background:none;text-align: start; color: #393939; font-size: 16px; font-family: Noto Sans; font-weight: 400; word-wrap: break-word; ${document
                                                     .body.clientWidth > 768
                                                     ? ''
                                                     : 'padding: 9px 18px;'}"
-                                                                                        value="${vm.data.content.tag || ''}"
-                                                                                        onchange="${gvc.event((e) => {
+                                    value="${vm.data.content.tag || ''}"
+                                    onchange="${gvc.event(e => {
                                                     let text = e.value;
                                                     if (!CheckInput.isEnglishNumberHyphen(text)) {
                                                         const dialog = new ShareDialog(gvc.glitter);
@@ -1294,16 +1297,15 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                         gvc.notifyDataChange(id);
                                                     }
                                                 })}"
-                                                                                />
-                                                                            </div>
-                                                                        </div>`,
-                                                html `
-                                                                        <div class="mt-2 mb-1">
-                                                                            <span class="tx_normal me-2">網址預覽</span>${BgWidget.greenNote(prefixURL + ((_a = vm.data.content.tag) !== null && _a !== void 0 ? _a : ''), gvc.event(() => {
+                                  />
+                                </div>
+                              </div>`,
+                                                html ` <div class="mt-2 mb-1">
+                                <span class="tx_normal me-2">網址預覽</span>${BgWidget.greenNote(prefixURL + ((_a = vm.data.content.tag) !== null && _a !== void 0 ? _a : ''), gvc.event(() => {
                                                     var _a;
                                                     gvc.glitter.openNewTab(prefixURL + ((_a = vm.data.content.tag) !== null && _a !== void 0 ? _a : ''));
                                                 }))}
-                                                                        </div>`,
+                              </div>`,
                                                 ...(() => {
                                                     return [
                                                         BgWidget.editeInput({
@@ -1311,7 +1313,7 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                             title: 'SEO標題' + BgWidget.languageInsignia(language, 'margin-left:5px;'),
                                                             default: language_data.seo.title,
                                                             placeHolder: `請輸入SEO標題`,
-                                                            callback: (text) => {
+                                                            callback: text => {
                                                                 language_data.title = text;
                                                                 language_data.seo.title = text;
                                                                 gvc.notifyDataChange(id);
@@ -1322,25 +1324,22 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                             title: 'SEO描述' + BgWidget.languageInsignia(language, 'margin-left:5px;'),
                                                             default: language_data.seo.content,
                                                             placeHolder: `請輸入中繼描述`,
-                                                            callback: (text) => {
+                                                            callback: text => {
                                                                 language_data.description = text;
                                                                 language_data.seo.content = text;
                                                                 gvc.notifyDataChange(id);
                                                             },
                                                         }),
-                                                        html `
-                                                                                <div>
-                                                                                    <div class="tx_normal">
-                                                                                        社群分享縮圖${BgWidget.languageInsignia(language, 'margin-left:5px;')}
-                                                                                    </div>
-                                                                                    <div class="mt-1 mb-2">
-                                                                                        ${BgWidget.grayNote('建議尺寸為 200px * 200px 以上')}
-                                                                                    </div>
-                                                                                    ${BgWidget.imageSelector(gvc, language_data.seo.image || '', (text) => {
+                                                        html ` <div>
+                                    <div class="tx_normal">
+                                      社群分享縮圖${BgWidget.languageInsignia(language, 'margin-left:5px;')}
+                                    </div>
+                                    <div class="mt-1 mb-2">${BgWidget.grayNote('建議尺寸為 200px * 200px 以上')}</div>
+                                    ${BgWidget.imageSelector(gvc, language_data.seo.image || '', text => {
                                                             language_data.seo.image = text;
                                                             gvc.notifyDataChange(id);
                                                         })}
-                                                                                </div>`,
+                                  </div>`,
                                                         ,
                                                     ];
                                                 })(),
@@ -1348,79 +1347,81 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                     if (`${vm.data.content.for_index}` === 'true') {
                                                         return [
                                                             [
-                                                                html `
-                                                                                        <div class="d-flex w-100 align-items-center justify-content-between p-0 my-2">
-                                                                                            <div class="tx_normal fw-normal">
-                                                                                                    網誌內文${BgWidget.languageInsignia(language, 'margin-left:5px;')}
-                                                                                            </div>
-                                                                                        </div>`,
+                                                                html ` <div
+                                        class="d-flex w-100 align-items-center justify-content-between p-0 my-2"
+                                      >
+                                        <div class="tx_normal fw-normal">
+                                          網誌內文${BgWidget.languageInsignia(language, 'margin-left:5px;')}
+                                        </div>
+                                      </div>`,
                                                                 gvc.bindView((() => {
                                                                     const id = gvc.glitter.getUUID();
                                                                     return {
                                                                         bind: id,
                                                                         view: () => {
                                                                             try {
-                                                                                return html `
-                                                                                                                <div
-                                                                                                                        class="d-flex justify-content-between align-items-center gap-3 mb-1"
-                                                                                                                        style="cursor: pointer;"
-                                                                                                                        onclick="${gvc.event(() => {
+                                                                                return html ` <div
+                                                  class="d-flex justify-content-between align-items-center gap-3 mb-1"
+                                                  style="cursor: pointer;"
+                                                  onclick="${gvc.event(() => {
                                                                                     const originContent = `${language_data.text}`;
                                                                                     BgWidget.fullDialog({
                                                                                         gvc: gvc,
-                                                                                        title: (gvc2) => {
-                                                                                            return `<div class="d-flex align-items-center" style="gap:10px;">${'網誌內文' + BgWidget.aiChatButton({
-                                                                                                gvc: gvc2,
-                                                                                                select: 'writer',
-                                                                                                click: () => {
-                                                                                                    ProductAi.generateRichText(gvc, (text) => {
-                                                                                                        language_data.text += text;
-                                                                                                        gvc.notifyDataChange(vm.id);
-                                                                                                        gvc2.recreateView();
-                                                                                                    });
-                                                                                                }
-                                                                                            })}</div>`;
+                                                                                        title: gvc2 => {
+                                                                                            return html `<div
+                                                          class="d-flex align-items-center"
+                                                          style="gap:10px;"
+                                                        >
+                                                          ${'網誌內文' +
+                                                                                                BgWidget.aiChatButton({
+                                                                                                    gvc: gvc2,
+                                                                                                    select: 'writer',
+                                                                                                    click: () => {
+                                                                                                        ProductAi.generateRichText(gvc, text => {
+                                                                                                            language_data.text += text;
+                                                                                                            gvc.notifyDataChange(vm.id);
+                                                                                                            gvc2.recreateView();
+                                                                                                        });
+                                                                                                    },
+                                                                                                })}
+                                                        </div>`;
                                                                                         },
-                                                                                        innerHTML: (gvc2) => {
-                                                                                            return html `
-                                                                                                                                        <div>
-                                                                                                                                            ${EditorElem.richText({
+                                                                                        innerHTML: gvc2 => {
+                                                                                            return html ` <div>
+                                                          ${EditorElem.richText({
                                                                                                 gvc: gvc2,
                                                                                                 def: language_data.text,
                                                                                                 setHeight: '100vh',
                                                                                                 hiddenBorder: true,
-                                                                                                insertImageEvent: (editor) => {
+                                                                                                insertImageEvent: editor => {
                                                                                                     const mark = `{{${Tool.randomString(8)}}}`;
                                                                                                     editor.selection.setAtEnd(editor.$el.get(0));
                                                                                                     editor.html.insert(mark);
                                                                                                     editor.undo.saveStep();
-                                                                                                    imageLibrary.selectImageLibrary(gvc, (urlArray) => {
+                                                                                                    imageLibrary.selectImageLibrary(gvc, urlArray => {
                                                                                                         if (urlArray.length > 0) {
                                                                                                             const imgHTML = urlArray
-                                                                                                                .map((url) => {
-                                                                                                                return html `
-                                                                                                                                                                                    <img src="${url.data}"/>`;
+                                                                                                                .map(url => {
+                                                                                                                return html ` <img src="${url.data}" />`;
                                                                                                             })
                                                                                                                 .join('');
                                                                                                             editor.html.set(editor.html
                                                                                                                 .get(0)
-                                                                                                                .replace(mark, html `
-                                                                                                                                                                                                <div class="d-flex flex-column">
-                                                                                                                                                                                                    ${imgHTML}
-                                                                                                                                                                                                </div>`));
+                                                                                                                .replace(mark, html ` <div class="d-flex flex-column">
+                                                                            ${imgHTML}
+                                                                          </div>`));
                                                                                                             editor.undo.saveStep();
                                                                                                         }
                                                                                                         else {
                                                                                                             const dialog = new ShareDialog(gvc.glitter);
                                                                                                             dialog.errorMessage({ text: '請選擇至少一張圖片' });
                                                                                                         }
-                                                                                                    }, html `
-                                                                                                                                                                <div
-                                                                                                                                                                        class="d-flex flex-column"
-                                                                                                                                                                        style="border-radius: 10px 10px 0px 0px;background: #F2F2F2;"
-                                                                                                                                                                >
-                                                                                                                                                                    圖片庫
-                                                                                                                                                                </div>`, {
+                                                                                                    }, html ` <div
+                                                                  class="d-flex flex-column"
+                                                                  style="border-radius: 10px 10px 0px 0px;background: #F2F2F2;"
+                                                                >
+                                                                  圖片庫
+                                                                </div>`, {
                                                                                                         mul: true,
                                                                                                         cancelEvent: () => {
                                                                                                             editor.html.set(editor.html.get(0).replace(mark, ''));
@@ -1428,12 +1429,12 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                                                                         },
                                                                                                     });
                                                                                                 },
-                                                                                                callback: (text) => {
+                                                                                                callback: text => {
                                                                                                     language_data.text = text;
                                                                                                 },
                                                                                                 rich_height: `calc(${window.parent.innerHeight}px - 70px - 58px - 49px - 64px - 40px + ${document.body.clientWidth < 800 ? `70` : `0`}px)`,
                                                                                             })}
-                                                                                                                                        </div>`;
+                                                        </div>`;
                                                                                         },
                                                                                         footer_html: (gvc2) => {
                                                                                             return [
@@ -1452,20 +1453,19 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                                                         },
                                                                                     });
                                                                                 })}"
-                                                                                                                >
-                                                                                                                    ${(() => {
+                                                >
+                                                  ${(() => {
                                                                                     language_data.text = language_data.text || '';
                                                                                     const text = gvc.glitter.utText.removeTag(language_data.text);
                                                                                     return BgWidget.richTextView(Tool.truncateString(text, 100));
                                                                                 })()}
-                                                                                                                </div>`;
+                                                </div>`;
                                                                             }
                                                                             catch (e) {
                                                                                 console.log(`error=>`, e);
-                                                                                return ``;
+                                                                                return '';
                                                                             }
                                                                         },
-                                                                        divCreate: {},
                                                                     };
                                                                 })()),
                                                             ].join(BgWidget.mbContainer(12)),
@@ -1507,8 +1507,7 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                         .map((d1, index) => {
                                                         return BgWidget.mainCard([
                                                             BgWidget.title(html `商品顯示區塊 ${index + 1}`, 'font-size: 16px;'),
-                                                            html `
-                                                                                            <div class="my-2"></div>`,
+                                                            html ` <div class="my-2"></div>`,
                                                             [
                                                                 html `${(() => {
                                                                     return gvc.bindView(() => {
@@ -1534,16 +1533,15 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                                                     return BgWidget.spinner();
                                                                                 }
                                                                                 return html `
-                                                                                                                <div class="d-flex flex-column p-2"
-                                                                                                                     style="gap: 18px;">
-                                                                                                                    <div class="d-flex align-items-center gray-bottom-line-18 "
-                                                                                                                         style="gap: 24px; justify-content: space-between;">
-                                                                                                                        <div class="form-check-label c_updown_label">
-                                                                                                                            <div class="tx_normal">
-                                                                                                                                產品列表
-                                                                                                                            </div>
-                                                                                                                        </div>
-                                                                                                                        ${BgWidget.grayButton('搜尋商品', gvc.event(() => {
+                                                  <div class="d-flex flex-column p-2" style="gap: 18px;">
+                                                    <div
+                                                      class="d-flex align-items-center gray-bottom-line-18 "
+                                                      style="gap: 24px; justify-content: space-between;"
+                                                    >
+                                                      <div class="form-check-label c_updown_label">
+                                                        <div class="tx_normal">產品列表</div>
+                                                      </div>
+                                                      ${BgWidget.grayButton('搜尋商品', gvc.event(() => {
                                                                                     BgProduct.productsDialog({
                                                                                         default: d1.value,
                                                                                         gvc: gvc,
@@ -1554,40 +1552,40 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                                                         filter_visible: page_tab === 'hidden' ? 'false' : 'true',
                                                                                     });
                                                                                 }), { textStyle: 'font-weight: 400;' })}
-                                                                                                                    </div>
-                                                                                                                    ${dataList
+                                                    </div>
+                                                    ${dataList
                                                                                     .map((opt, index) => {
-                                                                                    return `<div class="d-flex align-items-center form-check-label c_updown_label px-1"
-                                                                 style="justify-content: space-between"
-                                                                 data-index="${opt.key}">
-                                                                <div class="d-flex align-items-center gap-3 cursor_move">
-                                                                    <i class="fa-solid fa-grip-dots-vertical dragItem"></i>
-                                                                    ${BgWidget.validImageBox({
+                                                                                    return html `<div
+                                                          class="d-flex align-items-center form-check-label c_updown_label px-1"
+                                                          style="justify-content: space-between"
+                                                          data-index="${opt.key}"
+                                                        >
+                                                          <div class="d-flex align-items-center gap-3 cursor_move">
+                                                            <i class="fa-solid fa-grip-dots-vertical dragItem"></i>
+                                                            ${BgWidget.validImageBox({
                                                                                         gvc,
                                                                                         image: opt.image,
                                                                                         width: 40,
                                                                                     })}
-                                                                    <div class="tx_normal ${opt.note ? 'mb-1' : ''}">
-                                                                        ${opt.value}
-                                                                    </div>
-                                                                </div>
-                                                                <i
-                                                                        class="fa-regular fa-trash cursor_pointer"
-                                                                        onclick="${gvc.event(() => {
+                                                            <div class="tx_normal ${opt.note ? 'mb-1' : ''}">
+                                                              ${opt.value}
+                                                            </div>
+                                                          </div>
+                                                          <i
+                                                            class="fa-regular fa-trash cursor_pointer"
+                                                            onclick="${gvc.event(() => {
                                                                                         d1.value = d1.value.filter((id) => {
                                                                                             return id !== opt.key;
                                                                                         });
                                                                                         dataList.splice(index, 1);
                                                                                         gvc.notifyDataChange(subVM.id);
                                                                                     })}"
-                                                                ></i>
-                                                            </div>`;
+                                                          ></i>
+                                                        </div>`;
                                                                                 })
                                                                                     .join('')}
-                                                                                                                </div>
-                                                                                                            `;
-                                                                            },
-                                                                            onCreate: () => {
+                                                  </div>
+                                                `;
                                                                             },
                                                                         };
                                                                     });
@@ -1599,12 +1597,10 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                     BgWidget.mbContainer(24),
                                                     BgWidget.mainCard([
                                                         BgWidget.title(html `預設加入購物車
-                                                                                    <div class="badge ms-2"
-                                                                                         style="background:#eaeaea;color:#393939;">
-                                                                                        以下設定的商品與規格會自動加入購物車
-                                                                                    </div>`, 'font-size: 16px;'),
-                                                        html `
-                                                                                <div class="my-2"></div>`,
+                                      <div class="badge ms-2" style="background:#eaeaea;color:#393939;">
+                                        以下設定的商品與規格會自動加入購物車
+                                      </div>`, 'font-size: 16px;'),
+                                                        html ` <div class="my-2"></div>`,
                                                         [
                                                             html `${(() => {
                                                                 return gvc.bindView(() => {
@@ -1620,16 +1616,15 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                                                 return BgWidget.spinner();
                                                                             }
                                                                             return html `
-                                                                                                    <div class="d-flex flex-column p-2"
-                                                                                                         style="gap: 18px;">
-                                                                                                        <div class="d-flex align-items-center gray-bottom-line-18 "
-                                                                                                             style="gap: 24px; justify-content: space-between;">
-                                                                                                            <div class="form-check-label c_updown_label">
-                                                                                                                <div class="tx_normal">
-                                                                                                                    產品列表
-                                                                                                                </div>
-                                                                                                            </div>
-                                                                                                            ${BgWidget.grayButton('搜尋商品', gvc.event(() => {
+                                              <div class="d-flex flex-column p-2" style="gap: 18px;">
+                                                <div
+                                                  class="d-flex align-items-center gray-bottom-line-18 "
+                                                  style="gap: 24px; justify-content: space-between;"
+                                                >
+                                                  <div class="form-check-label c_updown_label">
+                                                    <div class="tx_normal">產品列表</div>
+                                                  </div>
+                                                  ${BgWidget.grayButton('搜尋商品', gvc.event(() => {
                                                                                 BgProduct.productsDialog({
                                                                                     gvc: gvc,
                                                                                     default: vm.data.content.relative_data.map((dd) => {
@@ -1638,53 +1633,64 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                                                     with_variants: true,
                                                                                     callback: (value) => __awaiter(this, void 0, void 0, function* () {
                                                                                         var _a;
-                                                                                        vm.data.content.relative_data = (_a = vm.data.content.relative_data) !== null && _a !== void 0 ? _a : [];
-                                                                                        vm.data.content.relative_data = vm.data.content.relative_data.concat(value.map((dd) => {
-                                                                                            return {
-                                                                                                variant: {
-                                                                                                    spec: dd.split('-').filter((dd, index) => {
-                                                                                                        return index > 0;
-                                                                                                    })
-                                                                                                },
-                                                                                                product_id: dd.split('-')[0],
-                                                                                            };
-                                                                                        }));
+                                                                                        vm.data.content.relative_data =
+                                                                                            (_a = vm.data.content.relative_data) !== null && _a !== void 0 ? _a : [];
+                                                                                        vm.data.content.relative_data =
+                                                                                            vm.data.content.relative_data.concat(value.map((dd) => {
+                                                                                                return {
+                                                                                                    variant: {
+                                                                                                        spec: dd
+                                                                                                            .split('-')
+                                                                                                            .filter((_, index) => index > 0),
+                                                                                                    },
+                                                                                                    product_id: dd.split('-')[0],
+                                                                                                };
+                                                                                            }));
                                                                                         subVM.loading = true;
                                                                                         gvc.notifyDataChange(subVM.id);
                                                                                     }),
                                                                                 });
                                                                             }), { textStyle: 'font-weight: 400;' })}
-                                                                                                        </div>
-                                                                                                        ${subVM.dataList
+                                                </div>
+                                                ${subVM.dataList
                                                                                 .map((opt, index) => {
                                                                                 return html `
-                                                                                                                        <div class="d-flex align-items-center form-check-label c_updown_label gap-3">
-                                                                                                                        <span class="tx_normal"
-                                                                                                                              style="min-width: 20px;">${index + 1} .</span>
-                                                                                                                            ${BgWidget.validImageBox({
+                                                      <div
+                                                        class="d-flex align-items-center form-check-label c_updown_label gap-3"
+                                                      >
+                                                        <span class="tx_normal" style="min-width: 20px;"
+                                                          >${index + 1} .</span
+                                                        >
+                                                        ${BgWidget.validImageBox({
                                                                                     gvc: gvc,
                                                                                     image: opt.image,
                                                                                     width: 40,
                                                                                 })}
-                                                                                                                            <div class="tx_normal ${opt.note ? 'mb-1' : ''} d-flex flex-column">
-                                                                                                                                ${opt.value}
-                                                                                                                                ${opt.note ? html `
-                                                                                                                                    <div class="tx_gray_12">
-                                                                                                                                        ${opt.note}
-                                                                                                                                    </div> ` : ''}
-                                                                                                                            </div>
-                                                                                                                            <div class="flex-fill"></div>
-                                                                                                                            ${BgWidget.cancel(gvc.event(() => {
+                                                        <div
+                                                          class="tx_normal ${opt.note ? 'mb-1' : ''} d-flex flex-column"
+                                                        >
+                                                          ${opt.value}
+                                                          ${opt.note
+                                                                                    ? html ` <div class="tx_gray_12">${opt.note}</div> `
+                                                                                    : ''}
+                                                        </div>
+                                                        <div class="flex-fill"></div>
+                                                        ${BgWidget.cancel(gvc.event(() => {
                                                                                     vm.data.content.relative_data.splice(index, 1);
                                                                                     subVM.dataList.splice(index, 1);
                                                                                     gvc.notifyDataChange(subVM.id);
                                                                                 }), '移除')}
-                                                                                                                        </div>
-                                                                                                                    `;
+                                                      </div>
+                                                    `;
                                                                             })
-                                                                                .join('') || `<div class="w-100 d-flex align-content-center justify-content-center">尚未加入任何賣場商品</div>`}
-                                                                                                    </div>
-                                                                                                `;
+                                                                                .join('') ||
+                                                                                html `<div
+                                                  class="w-100 d-flex align-content-center justify-content-center"
+                                                >
+                                                  尚未加入任何賣場商品
+                                                </div>`}
+                                              </div>
+                                            `;
                                                                         },
                                                                         onCreate: () => {
                                                                             if (subVM.loading) {
@@ -1701,19 +1707,19 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                                                             return dd.product_id;
                                                                                         }));
                                                                                         vm.data.content.relative_data = vm.data.content.relative_data.filter((dd) => {
-                                                                                            return products_data.find((d1) => {
+                                                                                            return products_data.find(d1 => {
                                                                                                 return `${dd.product_id}` === `${d1.key}`;
                                                                                             });
                                                                                         });
                                                                                         subVM.dataList = vm.data.content.relative_data.map((dd) => {
-                                                                                            const product = JSON.parse(JSON.stringify(products_data.find((d1) => {
+                                                                                            const product = JSON.parse(JSON.stringify(products_data.find(d1 => {
                                                                                                 return `${dd.product_id}` === `${d1.key}`;
                                                                                             })));
                                                                                             product.note = dd.variant.spec.join(' / ');
                                                                                             return product;
                                                                                         });
                                                                                         resolve(subVM.dataList);
-                                                                                    })).then((data) => {
+                                                                                    })).then(data => {
                                                                                         subVM.dataList = data;
                                                                                         subVM.loading = false;
                                                                                         gvc.notifyDataChange(subVM.id);
@@ -1728,9 +1734,7 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                     ].join('')),
                                                 ].join('');
                                             }
-                                            else {
-                                                return [].join('');
-                                            }
+                                            return '';
                                         }
                                         catch (e) {
                                             console.log(e);
@@ -1754,7 +1758,7 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                 var _a;
                                 return [
                                     cf.is_page
-                                        ? ``
+                                        ? ''
                                         : EditorElem.select({
                                             title: '啟用狀態',
                                             gvc: gvc,
@@ -1774,10 +1778,12 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                 gvc.notifyDataChange(id);
                                             },
                                         }),
-                                    EditorElem.pageSelect(gvc, '選擇佈景主題', (_a = vm.data.content.template) !== null && _a !== void 0 ? _a : '', (data) => {
+                                    EditorElem.pageSelect(gvc, '選擇佈景主題', (_a = vm.data.content.template) !== null && _a !== void 0 ? _a : '', data => {
                                         vm.data.content.template = data;
-                                    }, (dd) => {
-                                        const filter_result = dd.group !== 'glitter-article' && dd.page_type === 'article' && dd.page_config.template_type === 'blog';
+                                    }, dd => {
+                                        const filter_result = dd.group !== 'glitter-article' &&
+                                            dd.page_type === 'article' &&
+                                            dd.page_config.template_type === 'blog';
                                         if (filter_result && !vm.data.content.template) {
                                             vm.data.content.template = dd.tag;
                                             gvc.notifyDataChange(id);
@@ -1793,13 +1799,10 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                         bind: id,
                                                         view: () => {
                                                             let array = [
-                                                                html `
-                                                                                        <div class="tx_normal fw-normal mt-2">
-                                                                                            檢視權限
-                                                                                        </div>`,
+                                                                html ` <div class="tx_normal fw-normal mt-2">檢視權限</div>`,
                                                                 BgWidget.select({
                                                                     gvc: gvc,
-                                                                    callback: (text) => {
+                                                                    callback: text => {
                                                                         vm.data.content.show_auth.auth = text;
                                                                         if (vm.data.content.show_auth.auth === 'member_type') {
                                                                             vm.data.content.show_auth.value = [];
@@ -1812,15 +1815,15 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                                     options: [
                                                                         {
                                                                             key: 'all',
-                                                                            value: '知道鏈結的所有人'
+                                                                            value: '知道鏈結的所有人',
                                                                         },
                                                                         {
                                                                             key: 'member_type',
-                                                                            value: '會員等級'
+                                                                            value: '會員等級',
                                                                         },
                                                                         {
                                                                             key: 'password',
-                                                                            value: '輸入密碼'
+                                                                            value: '輸入密碼',
                                                                         },
                                                                     ],
                                                                     default: vm.data.content.show_auth.auth,
@@ -1832,7 +1835,7 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                                     title: '設定瀏覽密碼',
                                                                     placeHolder: `請輸入瀏覽密碼`,
                                                                     default: vm.data.content.show_auth.value,
-                                                                    callback: (text) => {
+                                                                    callback: text => {
                                                                         vm.data.content.show_auth.value = text;
                                                                     },
                                                                 }));
@@ -1899,7 +1902,7 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                     title: '作者名稱',
                                                     default: vm.data.content.author,
                                                     placeHolder: '請輸入作者名稱',
-                                                    callback: (text) => {
+                                                    callback: text => {
                                                         vm.data.content.author = text;
                                                     },
                                                 }),
@@ -1913,43 +1916,41 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                             view: () => {
                                                 var _a;
                                                 if (cf.is_page) {
-                                                    return ``;
+                                                    return '';
                                                 }
                                                 vm.data.content.collection = (_a = vm.data.content.collection) !== null && _a !== void 0 ? _a : [];
                                                 return [
-                                                    html `
-                                                                            <div class="d-flex align-items-center my-3"
-                                                                                 style="gap: 10px;">
-                                                                                ${EditorElem.h3('預覽圖')}
-                                                                                ${BgWidget.grayButton('添加檔案', gvc.event(() => {
+                                                    html ` <div class="d-flex align-items-center my-3" style="gap: 10px;">
+                                  ${EditorElem.h3('預覽圖')}
+                                  ${BgWidget.grayButton('添加檔案', gvc.event(() => {
                                                         EditorElem.uploadFileFunction({
                                                             gvc: gvc,
-                                                            callback: (text) => {
+                                                            callback: text => {
                                                                 vm.data.content.preview_image = text;
                                                                 gvc.notifyDataChange(id);
                                                             },
                                                             type: `image/*, video/*`,
                                                         });
                                                     }))}
-                                                                            </div>`,
+                                </div>`,
                                                     EditorElem.flexMediaManager({
                                                         gvc: gvc,
                                                         data: vm.data.content.preview_image ? [vm.data.content.preview_image] : [],
                                                     }),
                                                     (() => {
                                                         if (cf.is_page) {
-                                                            return ``;
+                                                            return '';
                                                         }
                                                         return html `
-                                                                                ${EditorElem.h3('文章分類')}
-                                                                                ${gvc.bindView(() => {
+                                    ${EditorElem.h3('文章分類')}
+                                    ${gvc.bindView(() => {
                                                             const tagID = gvc.glitter.getUUID();
                                                             let listTag = [];
                                                             ApiUser.getPublicConfig('blog_collection', 'manager').then((data) => {
                                                                 if (data.response.value) {
                                                                     vm.link = data.response.value;
                                                                     function setCheck(link) {
-                                                                        link.map((dd) => {
+                                                                        link.map(dd => {
                                                                             const it = vm.data.content.collection.find((d1) => {
                                                                                 return d1 === dd.link;
                                                                             });
@@ -1966,10 +1967,7 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                                 view: () => {
                                                                     return listTag
                                                                         .map((dd) => {
-                                                                        return html `
-                                                                                                            <div class="badge bg_orange  mt-2 me-2 fs-sm">
-                                                                                                                ${dd}
-                                                                                                            </div>`;
+                                                                        return html ` <div class="badge bg_orange mt-2 me-2 fs-sm">${dd}</div>`;
                                                                     })
                                                                         .join('');
                                                                 },
@@ -1978,22 +1976,20 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                                                 },
                                                             };
                                                         })}
-                                                                                <div
-                                                                                        class="cursor_pointer bt_c39 ms-2 p-1 mt-3"
-                                                                                        onclick="${gvc.event(() => {
+                                    <div
+                                      class="cursor_pointer bt_c39 ms-2 p-1 mt-3"
+                                      onclick="${gvc.event(() => {
                                                             cVm.type = 'collection';
                                                             gvc.notifyDataChange(cVm.id);
                                                         })}"
-                                                                                >
-                                                                                    <i class="fa-solid fa-plus me-2"
-                                                                                       aria-hidden="true"></i>
-                                                                                    添加與編輯分類
-                                                                                </div>
-                                                                            `;
+                                    >
+                                      <i class="fa-solid fa-plus me-2" aria-hidden="true"></i>
+                                      添加與編輯分類
+                                    </div>
+                                  `;
                                                     })(),
                                                 ].join(`<div class="my-2"></div>`);
                                             },
-                                            divCreate: {},
                                         };
                                     }),
                                 ].join('');
@@ -2002,9 +1998,9 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                     })),
                     ratio: 25,
                 })}
-                    ${BgWidget.mbContainer(240)}
-                    <div class="update-bar-container">
-                        ${vm.data.id
+          ${BgWidget.mbContainer(240)}
+          <div class="update-bar-container">
+            ${vm.data.id
                     ? BgWidget.redButton(`刪除${cf.is_page ? '頁面' : '網誌'}`, gvc.event(() => {
                         const dialog = new ShareDialog(gvc.glitter);
                         dialog.checkYesOrNot({
@@ -2037,7 +2033,7 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                         });
                     }))
                     : ''}
-                        ${BgWidget.cancel(gvc.event(() => {
+            ${BgWidget.cancel(gvc.event(() => {
                     if (!vm.data.id) {
                         cf.widget.event('error', {
                             title: '請先儲存',
@@ -2055,7 +2051,7 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                                         case 'page':
                                             return 'pages';
                                     }
-                                    return ``;
+                                    return '';
                                 })()
                                 : `blogs`}/${vm.data.content.tag}?preview=true&appName=${window.parent.appName}`;
                         })();
@@ -2064,41 +2060,41 @@ function detail(gvc, cf, vm, cVm, page_tab) {
                         window.parent.glitter.openNewTab(href);
                     }
                 }), '預覽')}
-                        ${BgWidget.cancel(gvc.event(() => {
+            ${BgWidget.cancel(gvc.event(() => {
                     vm.type = 'list';
                 }), '取消')}
-                        ${BgWidget.save(gvc.event(() => __awaiter(this, void 0, void 0, function* () {
-                    saveData(gvc, cf, vm, cVm, false).then((res) => {
+            ${BgWidget.save(gvc.event(() => __awaiter(this, void 0, void 0, function* () {
+                    saveData(gvc, cf, vm, cVm, false).then(res => {
                         if (!res) {
                             gvc.notifyDataChange(id);
                         }
                     });
                 })))}
-                    </div>
-                `;
+          </div>
+        `;
             },
-            divCreate: {}
         };
     });
 }
 function saveData(gvc, cf, vm, cVm, silence, pass_check = false) {
-    return new Promise((res_, reject) => __awaiter(this, void 0, void 0, function* () {
+    return new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
         if (!vm.data.content.tag) {
             yield cf.widget.event('error', {
                 title: '請設定連結',
             });
-            res_(false);
+            resolve(false);
         }
         else if (window.parent.store_info.language_setting.support.find((d1) => {
-            return !(vm.data.content.language_data[d1].name);
-        }) && !pass_check) {
+            return !vm.data.content.language_data[d1].name;
+        }) &&
+            !pass_check) {
             language = window.parent.store_info.language_setting.support.find((d1) => {
-                return !(vm.data.content.language_data[d1].name);
+                return !vm.data.content.language_data[d1].name;
             });
             yield cf.widget.event('error', {
                 title: '請設定名稱',
             });
-            res_(false);
+            resolve(false);
         }
         else {
             if (!silence) {
@@ -2116,13 +2112,13 @@ function saveData(gvc, cf, vm, cVm, silence, pass_check = false) {
                         yield cf.widget.event('success', {
                             title: '設定成功',
                         });
-                        res_(true);
+                        resolve(true);
                     }
                     else {
                         yield cf.widget.event('error', {
                             title: '此連結已被使用',
                         });
-                        res_(false);
+                        resolve(false);
                     }
                 }));
             }
@@ -2144,13 +2140,13 @@ function saveData(gvc, cf, vm, cVm, silence, pass_check = false) {
                         }
                         cVm.type = 'detail';
                         gvc.notifyDataChange(cVm.id);
-                        res_(true);
+                        resolve(true);
                     }
                     else {
                         yield cf.widget.event('error', {
                             title: '此連結已被使用',
                         });
-                        res_(false);
+                        resolve(false);
                     }
                 }));
             }
@@ -2158,7 +2154,7 @@ function saveData(gvc, cf, vm, cVm, silence, pass_check = false) {
     }));
 }
 function template_select(gvc, cf, vm, cVm, page_type) {
-    return BgBlog.template_select(gvc, (c2) => {
+    return BgBlog.template_select(gvc, c2 => {
         if (c2) {
             vm.data.content.config = c2;
             vm.data.content.name = c2.name;
@@ -2180,7 +2176,7 @@ function template_select(gvc, cf, vm, cVm, page_type) {
 function loopFindProducts(config) {
     let product_select = [];
     function loop(array, container_cf) {
-        array.map((dd, index) => {
+        array.map((dd) => {
             if (dd.type === 'component' && dd.data.tag === 'SY00-normal-products') {
                 if (dd.data.refer_form_data.product_select.select !== 'product') {
                     dd.data.refer_form_data.product_select.select = 'product';