ts-glitter 21.2.4 → 21.2.6

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

@@ -215,7 +215,7 @@ export class ShoppingSettingBasic {
         html: [
           BgWidget.mainCard(html`
             <div class="d-flex flex-column guide5-4">
-              <div style="font-weight: 700;" class="">
+              <div style="font-weight: 700;">
                 ${cat_title}名稱 ${BgWidget.languageInsignia(vm.language, 'margin-left:5px;')}
               </div>
               ${BgWidget.editeInput({
@@ -383,494 +383,506 @@ export class ShoppingSettingBasic {
               }),
             ].join(BgWidget.mbContainer(12))
           ),
-          BgWidget.mainCard(
-            [
-              obj.gvc.bindView(() => {
-                const vm_this = vm;
-                return (() => {
-                  const vm = {
-                    id: obj.gvc.glitter.getUUID(),
-                    type: 'product-detail',
-                    loading: true,
-                    documents: [],
-                  };
-
-                  language_data.content_array = language_data.content_array ?? [];
-                  language_data.content_json = language_data.content_json ?? [];
-                  if (!vm_this.content_detail) {
-                    ApiUser.getPublicConfig('text-manager', 'manager').then((data: any) => {
-                      vm.documents = data.response.value;
-                      if (!Array.isArray(vm.documents)) {
-                        vm.documents = [];
-                      }
-                      vm_this.content_detail = vm.documents;
-                      vm.loading = false;
-                      gvc.notifyDataChange(vm.id);
-                    });
-                  } else {
-                    vm.documents = vm_this.content_detail;
-                    vm.loading = false;
-                  }
+          obj.postMD.productType.giveaway
+            ? ''
+            : BgWidget.mainCard(
+                [
+                  obj.gvc.bindView(() => {
+                    const vm_this = vm;
+                    return (() => {
+                      const vm = {
+                        id: obj.gvc.glitter.getUUID(),
+                        type: 'product-detail',
+                        loading: true,
+                        documents: [],
+                      };
 
-                  return {
-                    bind: vm.id,
-                    view: async () => {
-                      if (vm.loading) {
-                        return BgWidget.spinner();
-                      }
-                      language_data.content_array = language_data.content_array.filter((id: any) => {
-                        return vm.documents.some((item: any) => item.id === id);
-                      });
-                      language_data.content_json = language_data.content_json.filter((d: any) => {
-                        return vm.documents.some((item: any) => item.id === d.id);
-                      });
+                      language_data.content_array = language_data.content_array ?? [];
+                      language_data.content_json = language_data.content_json ?? [];
 
-                      function formatRichtext(
-                        text: string,
-                        tags: {
-                          key: string;
-                          title: string;
-                          font_size: string;
-                          font_color: string;
-                          font_bgr: string;
-                        }[],
-                        jsonData: {
-                          key: string;
-                          value: string;
-                        }[]
-                      ) {
-                        let gText = `${text}`;
-                        if (tags && tags.length > 0) {
-                          for (const item of tags) {
-                            const data = jsonData.find(j => j.key === item.key);
-                            const textImage =
-                              data && data.value
-                                ? html`<span
-                                    style="font-size: ${item.font_size ?? '14'}px; color: ${item.font_color ??
-                                    '#393939'}; background: ${item.font_bgr ?? '#fff'}"
-                                    >${data.value}</span
-                                  >`
-                                : html`#${item.title}#`;
-                            // : html`<img
-                            //       alt="${item.key}"
-                            //       class="rounded-2"
-                            //       src="https://assets.imgix.net/~text?bg=4d86db&txtclr=f2f2f2&w=${Tool.twenLength(item.title) *
-                            //       20}&h=40&txtsize=12&txt=${item.title}&txtfont=Helvetica&txtalign=middle,center"
-                            //   />`;
-
-                            const regex = new RegExp(`@{{${item.key}}}`, 'g');
-                            gText = gText.replace(regex, textImage);
+                      if (!vm_this.content_detail) {
+                        ApiUser.getPublicConfig('text-manager', 'manager').then((data: any) => {
+                          vm.documents = data.response.value;
+                          if (!Array.isArray(vm.documents)) {
+                            vm.documents = [];
                           }
-                        }
-                        return gText;
+                          vm_this.content_detail = vm.documents;
+                          vm.loading = false;
+                          gvc.notifyDataChange(vm.id);
+                        });
+                      } else {
+                        vm.documents = vm_this.content_detail;
+                        vm.loading = false;
                       }
 
-                      return html` <div class="d-flex align-items-center justify-content-end mb-3">
-                          <div class="d-flex align-items-center gap-2">
-                            <div style="color: #393939; font-weight: 700;">
-                              ${cat_title}詳細描述 ${BgWidget.languageInsignia(sel_lan(), 'margin-left:5px;')}
-                            </div>
-                          </div>
-                          <div class="flex-fill"></div>
-                          <div
-                            class="cursor_pointer"
-                            onclick="${gvc.event(() => {
-                              BgWidget.dialog({
-                                gvc: gvc,
-                                title: '設定',
-                                xmark: () => {
-                                  return new Promise<boolean>(resolve => {
-                                    gvc.notifyDataChange(vm.id);
-                                    resolve(true);
-                                  });
-                                },
-                                innerHTML: gvc => {
-                                  const id = gvc.glitter.getUUID();
-                                  return gvc.bindView(() => {
-                                    return {
-                                      bind: id,
-                                      view: () => {
-                                        return vm.documents
-                                          .map((dd: any) => {
-                                            return html` <li class="w-100 px-2">
-                                              <div class="w-100 d-flex justify-content-between">
-                                                <div class="d-flex justify-content-start align-items-center gap-3">
-                                                  <i class="fa-solid fa-grip-dots-vertical dragItem cursor_pointer"></i>
-                                                  <div class="tx_normal">${dd.title}</div>
-                                                </div>
-                                                ${gvc.bindView(
-                                                  (() => {
-                                                    const iconId = gvc.glitter.getUUID();
-                                                    return {
-                                                      bind: iconId,
-                                                      view: () => {
-                                                        return html` <i
-                                                          class="${language_data.content_array.includes(dd.id)
-                                                            ? 'fa-solid fa-eye'
-                                                            : 'fa-sharp fa-solid fa-eye-slash'} d-flex align-items-center justify-content-center cursor_pointer"
-                                                          onclick="${gvc.event(() => {
-                                                            if (language_data.content_array.includes(dd.id)) {
-                                                              language_data.content_array =
-                                                                language_data.content_array.filter(
-                                                                  (d: any) => d !== dd.id
-                                                                );
-                                                            } else {
-                                                              language_data.content_array.push(dd.id);
-                                                            }
-                                                            gvc.notifyDataChange(iconId);
-                                                          })}"
-                                                        ></i>`;
-                                                      },
-                                                      divCreate: {
-                                                        class: 'd-flex',
-                                                      },
-                                                    };
-                                                  })()
-                                                )}
-                                              </div>
-                                            </li>`;
-                                          })
-                                          .join('');
-                                      },
-                                      divCreate: {
-                                        elem: 'ul',
-                                        class: 'w-100 my-2 d-flex flex-column gap-4',
-                                      },
-                                      onCreate: () => {
-                                        if (!vm.loading) {
-                                          gvc.glitter.addMtScript(
-                                            [
-                                              {
-                                                src: `https://raw.githack.com/SortableJS/Sortable/master/Sortable.js`,
-                                              },
-                                            ],
-                                            () => {},
-                                            () => {}
-                                          );
-                                          const interval = setInterval(() => {
-                                            if ((window as any).Sortable) {
-                                              try {
-                                                gvc.addStyle(`
+                      return {
+                        bind: vm.id,
+                        view: async () => {
+                          if (vm.loading) {
+                            return BgWidget.spinner();
+                          }
+
+                          language_data.content_array = language_data.content_array.filter((id: any) => {
+                            return vm.documents.some((item: any) => item.id === id);
+                          });
+                          language_data.content_json = language_data.content_json.filter((d: any) => {
+                            return vm.documents.some((item: any) => item.id === d.id);
+                          });
+
+                          function formatRichtext(
+                            text: string,
+                            tags: {
+                              key: string;
+                              title: string;
+                              font_size: string;
+                              font_color: string;
+                              font_bgr: string;
+                            }[],
+                            jsonData: {
+                              key: string;
+                              value: string;
+                            }[]
+                          ) {
+                            let gText = `${text}`;
+                            if (tags && tags.length > 0) {
+                              for (const item of tags) {
+                                const data = jsonData.find(j => j.key === item.key);
+                                const textImage =
+                                  data && data.value
+                                    ? html`<span
+                                        style="font-size: ${item.font_size ?? '14'}px; color: ${item.font_color ??
+                                        '#393939'}; background: ${item.font_bgr ?? '#fff'}"
+                                        >${data.value}</span
+                                      >`
+                                    : html`#${item.title}#`;
+                                // : html`<img
+                                //       alt="${item.key}"
+                                //       class="rounded-2"
+                                //       src="https://assets.imgix.net/~text?bg=4d86db&txtclr=f2f2f2&w=${Tool.twenLength(item.title) *
+                                //       20}&h=40&txtsize=12&txt=${item.title}&txtfont=Helvetica&txtalign=middle,center"
+                                //   />`;
+
+                                const regex = new RegExp(`@{{${item.key}}}`, 'g');
+                                gText = gText.replace(regex, textImage);
+                              }
+                            }
+                            return gText;
+                          }
+
+                          return html` <div class="d-flex align-items-center justify-content-end mb-3">
+                              <div class="d-flex align-items-center gap-2">
+                                <div style="color: #393939; font-weight: 700;">
+                                  ${cat_title}詳細描述 ${BgWidget.languageInsignia(sel_lan(), 'margin-left:5px;')}
+                                </div>
+                              </div>
+                              <div class="flex-fill"></div>
+                              <div
+                                class="cursor_pointer"
+                                onclick="${gvc.event(() => {
+                                  BgWidget.dialog({
+                                    gvc: gvc,
+                                    title: '設定',
+                                    xmark: () => {
+                                      return new Promise<boolean>(resolve => {
+                                        gvc.notifyDataChange(vm.id);
+                                        resolve(true);
+                                      });
+                                    },
+                                    innerHTML: gvc => {
+                                      const id = gvc.glitter.getUUID();
+                                      return gvc.bindView(() => {
+                                        return {
+                                          bind: id,
+                                          view: () => {
+                                            return vm.documents
+                                              .map((dd: any) => {
+                                                return html` <li class="w-100 px-2">
+                                                  <div class="w-100 d-flex justify-content-between">
+                                                    <div class="d-flex justify-content-start align-items-center gap-3">
+                                                      <i
+                                                        class="fa-solid fa-grip-dots-vertical dragItem cursor_pointer"
+                                                      ></i>
+                                                      <div class="tx_normal">${dd.title}</div>
+                                                    </div>
+                                                    ${gvc.bindView(
+                                                      (() => {
+                                                        const iconId = gvc.glitter.getUUID();
+                                                        return {
+                                                          bind: iconId,
+                                                          view: () => {
+                                                            return html` <i
+                                                              class="${language_data.content_array.includes(dd.id)
+                                                                ? 'fa-solid fa-eye'
+                                                                : 'fa-sharp fa-solid fa-eye-slash'} d-flex align-items-center justify-content-center cursor_pointer"
+                                                              onclick="${gvc.event(() => {
+                                                                if (language_data.content_array.includes(dd.id)) {
+                                                                  language_data.content_array =
+                                                                    language_data.content_array.filter(
+                                                                      (d: any) => d !== dd.id
+                                                                    );
+                                                                } else {
+                                                                  language_data.content_array.push(dd.id);
+                                                                }
+                                                                gvc.notifyDataChange(iconId);
+                                                              })}"
+                                                            ></i>`;
+                                                          },
+                                                          divCreate: {
+                                                            class: 'd-flex',
+                                                          },
+                                                        };
+                                                      })()
+                                                    )}
+                                                  </div>
+                                                </li>`;
+                                              })
+                                              .join('');
+                                          },
+                                          divCreate: {
+                                            elem: 'ul',
+                                            class: 'w-100 my-2 d-flex flex-column gap-4',
+                                          },
+                                          onCreate: () => {
+                                            if (!vm.loading) {
+                                              gvc.glitter.addMtScript(
+                                                [
+                                                  {
+                                                    src: `https://raw.githack.com/SortableJS/Sortable/master/Sortable.js`,
+                                                  },
+                                                ],
+                                                () => {},
+                                                () => {}
+                                              );
+                                              const interval = setInterval(() => {
+                                                if ((window as any).Sortable) {
+                                                  try {
+                                                    gvc.addStyle(`
                                                   ul {
                                                     list-style: none;
                                                     padding: 0;
                                                   }
                                                 `);
 
-                                                function swapArr(arr: any, t1: number, t2: number) {
-                                                  const data = arr[t1];
-                                                  arr.splice(t1, 1);
-                                                  arr.splice(t2, 0, data);
-                                                }
+                                                    function swapArr(arr: any, t1: number, t2: number) {
+                                                      const data = arr[t1];
+                                                      arr.splice(t1, 1);
+                                                      arr.splice(t2, 0, data);
+                                                    }
 
-                                                let startIndex = 0;
-                                                //@ts-ignore
-                                                Sortable.create(gvc.getBindViewElem(id).get(0), {
-                                                  group: id,
-                                                  animation: 100,
-                                                  handle: '.dragItem',
-                                                  onEnd: (evt: any) => {
-                                                    swapArr(vm.documents, startIndex, evt.newIndex);
-                                                    ApiUser.setPublicConfig({
-                                                      key: 'text-manager',
-                                                      user_id: 'manager',
-                                                      value: vm.documents,
-                                                    }).then(result => {
-                                                      if (!result.response.result) {
-                                                        dialog.errorMessage({ text: '設定失敗' });
-                                                      }
+                                                    let startIndex = 0;
+                                                    //@ts-ignore
+                                                    Sortable.create(gvc.getBindViewElem(id).get(0), {
+                                                      group: id,
+                                                      animation: 100,
+                                                      handle: '.dragItem',
+                                                      onEnd: (evt: any) => {
+                                                        swapArr(vm.documents, startIndex, evt.newIndex);
+                                                        ApiUser.setPublicConfig({
+                                                          key: 'text-manager',
+                                                          user_id: 'manager',
+                                                          value: vm.documents,
+                                                        }).then(result => {
+                                                          if (!result.response.result) {
+                                                            dialog.errorMessage({ text: '設定失敗' });
+                                                          }
+                                                        });
+                                                      },
+                                                      onStart: (evt: any) => {
+                                                        startIndex = evt.oldIndex;
+                                                      },
                                                     });
-                                                  },
-                                                  onStart: (evt: any) => {
-                                                    startIndex = evt.oldIndex;
-                                                  },
-                                                });
-                                              } catch (e) {}
-                                              clearInterval(interval);
+                                                  } catch (e) {}
+                                                  clearInterval(interval);
+                                                }
+                                              }, 100);
                                             }
-                                          }, 100);
-                                        }
-                                      },
-                                    };
+                                          },
+                                        };
+                                      });
+                                    },
                                   });
-                                },
-                              });
-                            })}"
-                          >
-                            設定<i class="fa-regular fa-gear ms-1"></i>
-                          </div>
-                        </div>
-                        <div class="my-3">
-                          ${gvc.bindView(
-                            (() => {
-                              const id = gvc.glitter.getUUID();
-                              return {
-                                bind: id,
-                                view: () => {
-                                  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.content}`;
-                                      BgWidget.fullDialog({
-                                        gvc: gvc,
-                                        title: gvc2 => {
-                                          return html`<div class="d-flex align-items-center" style="gap:10px;">
-                                            ${`${cat_title}描述` +
-                                            BgWidget.aiChatButton({
-                                              gvc: gvc2,
-                                              select: 'writer',
-                                              click: () => {
-                                                ProductAi.generateRichText(gvc, text => {
-                                                  language_data.content += text;
-                                                  gvc.notifyDataChange(vm.id);
-                                                  gvc2.recreateView();
-                                                });
-                                              },
-                                            })}
-                                          </div>`;
-                                        },
-                                        innerHTML: gvc2 => {
-                                          return html` <div>
-                                            ${EditorElem.richText({
-                                              gvc: gvc2,
-                                              def: language_data.content,
-                                              setHeight: '100vh',
-                                              hiddenBorder: true,
-                                              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 => {
-                                                    if (urlArray.length > 0) {
-                                                      const imgHTML = urlArray
-                                                        .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>`
-                                                          )
-                                                      );
-                                                      editor.undo.saveStep();
-                                                    } else {
-                                                      dialog.errorMessage({ text: '請選擇至少一張圖片' });
-                                                    }
+                                })}"
+                              >
+                                設定<i class="fa-regular fa-gear ms-1"></i>
+                              </div>
+                            </div>
+                            <div class="my-3">
+                              ${gvc.bindView(
+                                (() => {
+                                  const id = gvc.glitter.getUUID();
+                                  return {
+                                    bind: id,
+                                    view: () => {
+                                      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.content}`;
+                                          BgWidget.fullDialog({
+                                            gvc: gvc,
+                                            title: gvc2 => {
+                                              return html`<div class="d-flex align-items-center" style="gap:10px;">
+                                                ${`${cat_title}描述` +
+                                                BgWidget.aiChatButton({
+                                                  gvc: gvc2,
+                                                  select: 'writer',
+                                                  click: () => {
+                                                    ProductAi.generateRichText(gvc, text => {
+                                                      language_data.content += text;
+                                                      gvc.notifyDataChange(vm.id);
+                                                      gvc2.recreateView();
+                                                    });
                                                   },
-                                                  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, ''));
-                                                      editor.undo.saveStep();
-                                                    },
-                                                  }
-                                                );
-                                              },
-                                              callback: text => {
-                                                language_data.content = text;
-                                              },
-                                              rich_height: `calc(${(window.parent as any).innerHeight}px - 70px - 58px - 49px - 64px - 40px + ${
-                                                document.body.clientWidth < 800 ? `70` : `0`
-                                              }px)`,
-                                            })}
-                                          </div>`;
-                                        },
-                                        footer_html: (gvc2: GVC) => {
-                                          return [
-                                            BgWidget.cancel(
-                                              gvc2.event(() => {
-                                                language_data.content = originContent;
-                                                gvc2.closeDialog();
-                                              })
-                                            ),
-                                            BgWidget.save(
-                                              gvc2.event(() => {
-                                                gvc2.closeDialog();
-                                                gvc.notifyDataChange(id);
-                                              })
-                                            ),
-                                          ].join('');
-                                        },
-                                        closeCallback: () => {
-                                          language_data.content = originContent;
-                                        },
-                                      });
-                                    })}"
-                                  >
-                                    ${(() => {
-                                      const text = gvc.glitter.utText.removeTag(language_data.content);
-                                      return BgWidget.richTextView(Tool.truncateString(text, 100));
-                                    })()}
-                                  </div>`;
-                                },
-                              };
-                            })()
-                          )}
-                        </div>
-                        ${(vm.documents || [])
-                          .filter((item: any) => {
-                            return language_data.content_array.includes(item.id);
-                          })
-                          .map((item: any, index) => {
-                            return BgWidget.openBoxContainer({
-                              gvc,
-                              tag: 'content_array',
-                              title: item.title,
-                              insideHTML: (() => {
-                                if (item.data.tags && item.data.tags.length > 0) {
-                                  const id = obj.gvc.glitter.getUUID();
-                                  return html` <div
-                                      class="cursor_pointer text-end me-1 mb-2"
-                                      onclick="${gvc.event(() => {
-                                        const originJson = JSON.parse(JSON.stringify(language_data.content_json));
-                                        BgWidget.settingDialog({
-                                          gvc: gvc,
-                                          title: '設定',
-                                          innerHTML: gvc => {
-                                            return html` <div>
-                                              ${item.data.tags
-                                                .map((tag: { key: string; title: string }) => {
-                                                  return html` <div>
-                                                    ${BgWidget.editeInput({
+                                                })}
+                                              </div>`;
+                                            },
+                                            innerHTML: gvc2 => {
+                                              return html` <div>
+                                                ${EditorElem.richText({
+                                                  gvc: gvc2,
+                                                  def: language_data.content,
+                                                  setHeight: '100vh',
+                                                  hiddenBorder: true,
+                                                  insertImageEvent: editor => {
+                                                    const mark = `{{${Tool.randomString(8)}}}`;
+                                                    editor.selection.setAtEnd(editor.$el.get(0));
+                                                    editor.html.insert(mark);
+                                                    editor.undo.saveStep();
+
+                                                    imageLibrary.selectImageLibrary(
                                                       gvc,
-                                                      title: tag.title,
-                                                      default: (() => {
-                                                        const docIndex = language_data.content_json.findIndex(
-                                                          (c: any) => c.id === item.id
-                                                        );
-                                                        if (docIndex === -1) {
-                                                          return '';
-                                                        }
-                                                        if (language_data.content_json[docIndex].list === undefined) {
-                                                          return '';
-                                                        }
-                                                        const keyIndex = language_data.content_json[
-                                                          docIndex
-                                                        ].list.findIndex((l: any) => l.key === tag.key);
-                                                        if (keyIndex === -1) {
-                                                          return '';
+                                                      urlArray => {
+                                                        if (urlArray.length > 0) {
+                                                          const imgHTML = urlArray
+                                                            .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>`
+                                                              )
+                                                          );
+                                                          editor.undo.saveStep();
+                                                        } else {
+                                                          dialog.errorMessage({ text: '請選擇至少一張圖片' });
                                                         }
-                                                        return language_data.content_json[docIndex].list[keyIndex]
-                                                          .value;
-                                                      })(),
-                                                      callback: text => {
-                                                        const docIndex = language_data.content_json.findIndex(
-                                                          (c: any) => c.id === item.id
-                                                        );
-                                                        if (docIndex === -1) {
-                                                          language_data.content_json.push({
-                                                            id: item.id,
-                                                            list: [
-                                                              {
+                                                      },
+                                                      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, ''));
+                                                          editor.undo.saveStep();
+                                                        },
+                                                      }
+                                                    );
+                                                  },
+                                                  callback: text => {
+                                                    language_data.content = text;
+                                                  },
+                                                  rich_height: `calc(${(window.parent as any).innerHeight}px - 70px - 58px - 49px - 64px - 40px + ${
+                                                    document.body.clientWidth < 800 ? `70` : `0`
+                                                  }px)`,
+                                                })}
+                                              </div>`;
+                                            },
+                                            footer_html: (gvc2: GVC) => {
+                                              return [
+                                                BgWidget.cancel(
+                                                  gvc2.event(() => {
+                                                    language_data.content = originContent;
+                                                    gvc2.closeDialog();
+                                                  })
+                                                ),
+                                                BgWidget.save(
+                                                  gvc2.event(() => {
+                                                    gvc2.closeDialog();
+                                                    gvc.notifyDataChange(id);
+                                                  })
+                                                ),
+                                              ].join('');
+                                            },
+                                            closeCallback: () => {
+                                              language_data.content = originContent;
+                                            },
+                                          });
+                                        })}"
+                                      >
+                                        ${(() => {
+                                          const text = gvc.glitter.utText.removeTag(language_data.content);
+                                          return BgWidget.richTextView(Tool.truncateString(text, 100));
+                                        })()}
+                                      </div>`;
+                                    },
+                                  };
+                                })()
+                              )}
+                            </div>
+                            ${(vm.documents || [])
+                              .filter((item: any) => {
+                                return language_data.content_array.includes(item.id);
+                              })
+                              .map((item: any, index) => {
+                                return BgWidget.openBoxContainer({
+                                  gvc,
+                                  tag: 'content_array',
+                                  title: item.title,
+                                  insideHTML: (() => {
+                                    if (item.data.tags && item.data.tags.length > 0) {
+                                      const id = obj.gvc.glitter.getUUID();
+                                      return html` <div
+                                          class="cursor_pointer text-end me-1 mb-2"
+                                          onclick="${gvc.event(() => {
+                                            const originJson = JSON.parse(JSON.stringify(language_data.content_json));
+                                            BgWidget.settingDialog({
+                                              gvc: gvc,
+                                              title: '設定',
+                                              innerHTML: gvc => {
+                                                return html` <div>
+                                                  ${item.data.tags
+                                                    .map((tag: { key: string; title: string }) => {
+                                                      return html` <div>
+                                                        ${BgWidget.editeInput({
+                                                          gvc,
+                                                          title: tag.title,
+                                                          default: (() => {
+                                                            const docIndex = language_data.content_json.findIndex(
+                                                              (c: any) => c.id === item.id
+                                                            );
+                                                            if (docIndex === -1) {
+                                                              return '';
+                                                            }
+                                                            if (
+                                                              language_data.content_json[docIndex].list === undefined
+                                                            ) {
+                                                              return '';
+                                                            }
+                                                            const keyIndex = language_data.content_json[
+                                                              docIndex
+                                                            ].list.findIndex((l: any) => l.key === tag.key);
+                                                            if (keyIndex === -1) {
+                                                              return '';
+                                                            }
+                                                            return language_data.content_json[docIndex].list[keyIndex]
+                                                              .value;
+                                                          })(),
+                                                          callback: text => {
+                                                            const docIndex = language_data.content_json.findIndex(
+                                                              (c: any) => c.id === item.id
+                                                            );
+                                                            if (docIndex === -1) {
+                                                              language_data.content_json.push({
+                                                                id: item.id,
+                                                                list: [
+                                                                  {
+                                                                    key: tag.key,
+                                                                    value: text,
+                                                                  },
+                                                                ],
+                                                              });
+                                                              return;
+                                                            }
+                                                            if (
+                                                              language_data.content_json[docIndex].list === undefined
+                                                            ) {
+                                                              language_data.content_json[docIndex].list = [
+                                                                {
+                                                                  key: tag.key,
+                                                                  value: text,
+                                                                },
+                                                              ];
+                                                              return;
+                                                            }
+                                                            const keyIndex = language_data.content_json[
+                                                              docIndex
+                                                            ].list.findIndex((l: any) => l.key === tag.key);
+                                                            if (keyIndex === -1) {
+                                                              language_data.content_json[docIndex].list.push({
                                                                 key: tag.key,
                                                                 value: text,
-                                                              },
-                                                            ],
-                                                          });
-                                                          return;
-                                                        }
-                                                        if (language_data.content_json[docIndex].list === undefined) {
-                                                          language_data.content_json[docIndex].list = [
-                                                            {
-                                                              key: tag.key,
-                                                              value: text,
-                                                            },
-                                                          ];
-                                                          return;
-                                                        }
-                                                        const keyIndex = language_data.content_json[
-                                                          docIndex
-                                                        ].list.findIndex((l: any) => l.key === tag.key);
-                                                        if (keyIndex === -1) {
-                                                          language_data.content_json[docIndex].list.push({
-                                                            key: tag.key,
-                                                            value: text,
-                                                          });
-                                                          return;
-                                                        }
-                                                        language_data.content_json[docIndex].list[keyIndex].value =
-                                                          text;
-                                                      },
-                                                      placeHolder: '輸入文本標籤',
-                                                    })}
-                                                  </div>`;
-                                                })
-                                                .join(BgWidget.mbContainer(12))}
-                                            </div>`;
-                                          },
-                                          footer_html: (gvc2: GVC) => {
-                                            return [
-                                              BgWidget.cancel(
-                                                gvc2.event(() => {
-                                                  language_data.content_json = originJson;
-                                                  gvc2.closeDialog();
-                                                })
-                                              ),
-                                              BgWidget.save(
-                                                gvc2.event(() => {
-                                                  gvc2.closeDialog();
-                                                  gvc.notifyDataChange(`${id}-${index}`);
-                                                })
-                                              ),
-                                            ].join('');
-                                          },
-                                          closeCallback: () => {
-                                            language_data.content_json = originJson;
-                                          },
-                                        });
-                                      })}"
+                                                              });
+                                                              return;
+                                                            }
+                                                            language_data.content_json[docIndex].list[keyIndex].value =
+                                                              text;
+                                                          },
+                                                          placeHolder: '輸入文本標籤',
+                                                        })}
+                                                      </div>`;
+                                                    })
+                                                    .join(BgWidget.mbContainer(12))}
+                                                </div>`;
+                                              },
+                                              footer_html: (gvc2: GVC) => {
+                                                return [
+                                                  BgWidget.cancel(
+                                                    gvc2.event(() => {
+                                                      language_data.content_json = originJson;
+                                                      gvc2.closeDialog();
+                                                    })
+                                                  ),
+                                                  BgWidget.save(
+                                                    gvc2.event(() => {
+                                                      gvc2.closeDialog();
+                                                      gvc.notifyDataChange(`${id}-${index}`);
+                                                    })
+                                                  ),
+                                                ].join('');
+                                              },
+                                              closeCallback: () => {
+                                                language_data.content_json = originJson;
+                                              },
+                                            });
+                                          })}"
+                                        >
+                                          標籤設值
+                                        </div>
+                                        ${gvc.bindView(
+                                          (() => {
+                                            return {
+                                              bind: `${id}-${index}`,
+                                              view: () => {
+                                                const content = item.data.content || '';
+                                                const tags = item.data.tags;
+                                                const jsonData = language_data.content_json.find(
+                                                  (c: any) => c.id === item.id
+                                                );
+                                                return html` <div
+                                                  style="border: 2px #DDDDDD solid; border-radius: 6px; padding: 12px;"
+                                                >
+                                                  ${tags
+                                                    ? formatRichtext(content, tags, jsonData ? jsonData.list : [])
+                                                    : content}
+                                                </div>`;
+                                              },
+                                            };
+                                          })()
+                                        )}`;
+                                    }
+                                    return html` <div
+                                      style="border: 1px #DDDDDD solid; border-radius: 6px; padding: 12px"
                                     >
-                                      標籤設值
-                                    </div>
-                                    ${gvc.bindView(
-                                      (() => {
-                                        return {
-                                          bind: `${id}-${index}`,
-                                          view: () => {
-                                            const content = item.data.content || '';
-                                            const tags = item.data.tags;
-                                            const jsonData = language_data.content_json.find(
-                                              (c: any) => c.id === item.id
-                                            );
-                                            return html` <div
-                                              style="border: 2px #DDDDDD solid; border-radius: 6px; padding: 12px;"
-                                            >
-                                              ${tags
-                                                ? formatRichtext(content, tags, jsonData ? jsonData.list : [])
-                                                : content}
-                                            </div>`;
-                                          },
-                                        };
-                                      })()
-                                    )}`;
-                                }
-                                return html` <div style="border: 1px #DDDDDD solid; border-radius: 6px; padding: 12px">
-                                  ${item.data.content || ''}
-                                </div>`;
-                              })(),
-                            });
-                          })
-                          .join(BgWidget.mbContainer(8))}`;
-                    },
-                  };
-                })();
-              }),
-            ].join(BgWidget.mbContainer(12))
-          ),
+                                      ${item.data.content || ''}
+                                    </div>`;
+                                  })(),
+                                });
+                              })
+                              .join(BgWidget.mbContainer(8))}`;
+                        },
+                      };
+                    })();
+                  }),
+                ].join(BgWidget.mbContainer(12))
+              ),
           BgWidget.mainCard(html`
             <div
               class="d-flex align-items-center justify-content-between"
@@ -962,7 +974,6 @@ export class ShoppingSettingBasic {
               };
             })}
           `),
-
           (() => {
             if (postMD.variants.length === 1) {
               try {
@@ -1084,7 +1095,7 @@ export class ShoppingSettingBasic {
                                             ${(dd.language_title as any)[sel_lan()] || dd.title}
                                           </div>
                                           ${(() => {
-                                            let returnHTML = ``;
+                                            let returnHTML = '';
                                             dd.option.map((opt: any, index: number) => {
                                               opt.language_title = (opt.language_title ?? ({} as any)) as any;
                                               returnHTML += html`
@@ -1198,7 +1209,7 @@ export class ShoppingSettingBasic {
                                         },
                                       ],
                                       view: () => {
-                                        let returnHTML = html``;
+                                        let returnHTML = '';
                                         let specs_in_line: string[] = [];
                                         temp.option = temp.option ?? [];
                                         specs_in_line.push(
@@ -1309,7 +1320,7 @@ export class ShoppingSettingBasic {
                                 divCreate: { class: `w-100 position-relative` },
                               }),
                               innerHtml: (gvc: GVC) => {
-                                return ``;
+                                return '';
                               },
                               editTitle: `編輯規格`,
                               draggable: editSpectPage[specIndex].type === 'show',
@@ -1514,7 +1525,7 @@ export class ShoppingSettingBasic {
                           <div
                             class="d-flex flex-column"
                             style="font-size: 16px;font-weight: 700;color:#393939;${(postMD as any).shopee_id
-                              ? ``
+                              ? ''
                               : `margin-bottom: 10px;`}"
                           >
                             組合費用
@@ -1603,7 +1614,7 @@ export class ShoppingSettingBasic {
                                 <div
                                   class="d-flex flex-column"
                                   style="font-size: 16px;font-weight: 700;color:#393939;${(postMD as any).shopee_id
-                                    ? ``
+                                    ? ''
                                     : `margin-bottom: 10px;`}"
                                 >
                                   組合費用 ${BgWidget.grayNote('如未輸入庫存數量則不追蹤庫存')}
@@ -1664,7 +1675,7 @@ export class ShoppingSettingBasic {
                   html`
                     <div
                       style="font-size: 16px;font-weight: 700;color:#393939;${(postMD as any).shopee_id
-                        ? ``
+                        ? ''
                         : `margin-bottom: 18px;`}"
                     >
                       <span class="me-2">規格設定</span>
@@ -1673,7 +1684,7 @@ export class ShoppingSettingBasic {
                         : ''}
                     </div>
                     <div
-                      class="w-100 ${(postMD as any).shopee_id ? `` : `d-none`}"
+                      class="w-100 ${(postMD as any).shopee_id ? '' : `d-none`}"
                       style="font-size: 14px;font-weight: 400;color: #8D8D8D;margin-bottom: 18px;"
                     >
                       此商品來源為蝦皮電商平台，將自動同步蝦皮庫存
@@ -2011,7 +2022,7 @@ export class ShoppingSettingBasic {
                                                   style="margin-bottom:18px;padding: 0px 20px;gap:18px;color:#393939;"
                                                 >
                                                   ${(() => {
-                                                    let arrayHTML = ``;
+                                                    let arrayHTML = '';
                                                     postMD.specs[0].option.map((option: any) => {
                                                       option.sortQueue.map((data: any) => {
                                                         if (data.select) {
@@ -2487,7 +2498,7 @@ export class ShoppingSettingBasic {
                                                       </div>
                                                     </div>
                                                   `
-                                                : ``}
+                                                : ''}
                                             </div>
                                           </div>
                                         `;
@@ -3010,7 +3021,7 @@ export class ShoppingSettingBasic {
                                                                     style="width: 100%;height: 40px;padding: 0px 18px;border-radius: 10px;border: 1px solid #DDD;background: #FFF;"
                                                                     value="${(data as any)[dd] ?? 0}"
                                                                     min="0"
-                                                                    ${index === 1 ? `readonly` : ``}
+                                                                    ${index === 1 ? `readonly` : ''}
                                                                     onclick="${gvc.event(() => {
                                                                       if (index === 1) {
                                                                         ProductSetting.showBatchEditDialog({
@@ -3055,19 +3066,19 @@ export class ShoppingSettingBasic {
                                                               >
                                                                 <option
                                                                   value="none"
-                                                                  ${data.shipment_type == 'none' ? `selected` : ``}
+                                                                  ${data.shipment_type == 'none' ? `selected` : ''}
                                                                 >
                                                                   無運費
                                                                 </option>
                                                                 <option
                                                                   value="volume"
-                                                                  ${data.shipment_type == 'volume' ? `selected` : ``}
+                                                                  ${data.shipment_type == 'volume' ? `selected` : ''}
                                                                 >
                                                                   依材積
                                                                 </option>
                                                                 <option
                                                                   value="weight"
-                                                                  ${data.shipment_type == 'weight' ? `selected` : ``}
+                                                                  ${data.shipment_type == 'weight' ? `selected` : ''}
                                                                 >
                                                                   依重量
                                                                 </option>
@@ -3077,7 +3088,7 @@ export class ShoppingSettingBasic {
                                                         `;
                                                       },
                                                       divCreate: {
-                                                        class: `w-100 ${viewID} ${index === 0 && postMD.specs.length > 1 ? `border-top` : ``}`,
+                                                        class: `w-100 ${viewID} ${index === 0 && postMD.specs.length > 1 ? `border-top` : ''}`,
                                                       },
                                                     });
                                                   })
@@ -3105,7 +3116,7 @@ export class ShoppingSettingBasic {
                     })
                 );
               })()
-            : ``,
+            : '',
           BgWidget.mainCard(
             obj.gvc.bindView(() => {
               postMD.seo = postMD.seo ?? {
@@ -3122,7 +3133,7 @@ export class ShoppingSettingBasic {
                         搜尋引擎列表 ${BgWidget.languageInsignia(sel_lan(), 'margin-left:5px;')}
                       </div>
                       ${[
-                        html` <div class="tx_normal fw-normal mb-2" style="">${cat_title}網址</div>`,
+                        html` <div class="tx_normal fw-normal mb-2">${cat_title}網址</div>`,
                         html` <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
@@ -3198,7 +3209,7 @@ ${language_data.seo.content ?? ''}</textarea
             })
           ),
         ]
-          .filter(str => str.length > 0)
+          .filter(Boolean)
           .join(BgWidget.mbContainer(18)),
         ratio: 77,
       },