npm - ts-glitter - Versions diffs - 19.9.8 → 19.9.9 - Mend

ts-glitter 19.9.8 → 19.9.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (113) hide show

package/lowcode/Entry.js CHANGED Viewed

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

package/lowcode/Entry.ts CHANGED Viewed

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

package/lowcode/cms-plugin/app-release.js CHANGED Viewed

@@ -15,12 +15,17 @@ export class AppRelease {
         const saasConfig = window.parent.saasConfig;
         const cId = gvc.glitter.getUUID();
         const html = String.raw;
+        let toggle = [];
         let loading = true;
         let postMDRefer = {
             name: '',
             logo: '',
             status: 'no',
             landing_page: '',
+            ios_google_redirect_uri: '',
+            ios_google_client_id: '',
+            ios_app_bundle_id: '',
+            android_app_bundle_id: '',
             store_name: '',
             store_sub_title: '',
             promote_img: '',
@@ -115,10 +120,10 @@ export class AppRelease {
                         return BgWidget.spinner();
                     }
                     return BgWidget.container([
-                        html `<div class="title-container">
-                                ${BgWidget.title(html `<div class="d-flex align-items-center" style="gap: 10px;">
-                                    APP管理
-                                    ${(() => {
+                        html ` <div class="title-container">
+                ${BgWidget.title(html ` <div class="d-flex align-items-center" style="gap: 10px;">
+                    APP管理
+                    ${(() => {
                             switch (postMDRefer.status) {
                                 case 'no':
                                     return ``;
@@ -130,8 +135,8 @@ export class AppRelease {
                                     return BgWidget.warningInsignia('審核中');
                             }
                         })()}
-                                </div>`)}
-                            </div>`,
+                  </div>`)}
+              </div>`,
                         `<div class="mx-2 mx-lg-0">${BgWidget.warningInsignia(`審核通過時間約莫在7-14天，請確實填寫所有內容，已加快審核進度`)}</div>`,
                         BgWidget.card(gvc.bindView(() => {
                             const id = gvc.glitter.getUUID();
@@ -147,17 +152,17 @@ export class AppRelease {
                                         });
                                     });
                                     return html `
-                  <div class="d-flex flex-column" style="gap:5px;">
-                    ${[
+                        <div class="d-flex flex-column" style="gap:5px;">
+                          ${[
                                         `<div class="tx_normal fs-5 fw-500">APP佈景主題</div>`,
                                         `<div class="tx_normal fs-sm fw-500 text-body" style="white-space: nowrap;">上次更新時間: ${gvc.glitter.ut.dateFormat(new Date(template.updated_time), 'MM-dd hh:mm')}</div>`,
                                         ``,
                                     ].join('')}
-                  </div>
-                  <div class="flex-fill"></div>
-                  <div class="d-flex w-100" style="gap:10px;">
-                      <div class="flex-fill"></div>
-                    ${[
+                        </div>
+                        <div class="flex-fill"></div>
+                        <div class="d-flex w-100" style="gap:10px;">
+                          <div class="flex-fill"></div>
+                          ${[
                                         BgWidget.save(gvc.event(() => {
                                             window.parent.glitter.setUrlParameter('function', 'user-editor');
                                             window.parent.glitter.setUrlParameter('device', 'mobile');
@@ -165,19 +170,19 @@ export class AppRelease {
                                             window.parent.location.reload();
                                         }), '主題設計'),
                                     ].join('')}
-                  </div>
-                `;
+                        </div>
+                      `;
                                 }),
                                 divCreate: {
                                     class: `d-flex flex-column flex-lg-row align-items-lg-center `,
-                                }
+                                },
                             };
                         })),
                         [
                             {
                                 title: '品牌內容',
                                 editor: (() => {
-                                    let postMD = JSON.parse(JSON.stringify(postMDRefer));
+                                    let postMD = postMDRefer;
                                     const dialog = new ShareDialog(gvc.glitter);
                                     const id = gvc.glitter.getUUID();
                                     const html = String.raw;
@@ -188,34 +193,38 @@ export class AppRelease {
                                                 return [
                                                     BgWidget.editeInput({
                                                         gvc: gvc,
-                                                        title: html `<div class="d-flex flex-column" style="gap:3px;">
-                                                                App 名稱 ${BgWidget.grayNote('將展示於APP Logo下方，建議不要超過14個字元')}
-                                                            </div>`,
+                                                        title: html ` <div class="d-flex flex-column" style="gap:3px;">
+                                App 名稱 ${BgWidget.grayNote('將展示於APP Logo下方，建議不要超過14個字元')}
+                              </div>`,
                                                         default: postMD.name || '',
                                                         placeHolder: '請輸入APP名稱',
-                                                        callback: (text) => {
+                                                        callback: text => {
                                                             postMD.name = text;
                                                         },
                                                     }),
-                                                    html `<div class="w-100">
-                                                            <div class="d-flex flex-column mb-2" style="gap:3px;">APP Logo ${BgWidget.grayNote('圖片上傳尺寸為1024 * 1024')}</div>
-                                                            ${BgWidget.imageSelector(gvc, postMD.logo, (text) => {
+                                                    html ` <div class="w-100">
+                              <div class="d-flex flex-column mb-2" style="gap:3px;">
+                                APP Logo ${BgWidget.grayNote('圖片上傳尺寸為1024 * 1024')}
+                              </div>
+                              ${BgWidget.imageSelector(gvc, postMD.logo, text => {
                                                         postMD.logo = text;
                                                         gvc.notifyDataChange(id);
                                                     })}
-                                                        </div>`,
-                                                    html `<div class="w-100">
-                                                            <div class="d-flex flex-column mb-2" style="gap:3px;">APP啟動畫面 ${BgWidget.grayNote('圖片上傳尺寸為1080 * 2400')}</div>
-                                                            ${BgWidget.imageSelector(gvc, postMD.landing_page, (text) => {
+                            </div>`,
+                                                    html ` <div class="w-100">
+                              <div class="d-flex flex-column mb-2" style="gap:3px;">
+                                APP啟動畫面 ${BgWidget.grayNote('圖片上傳尺寸為1080 * 2400')}
+                              </div>
+                              ${BgWidget.imageSelector(gvc, postMD.landing_page, text => {
                                                         postMD.landing_page = text;
                                                         gvc.notifyDataChange(id);
                                                     })}
-                                                        </div>`,
+                            </div>`,
                                                     html ` <div class="w-100 d-flex align-items-center justify-content-end">
-                                                            ${BgWidget.save(gvc.event(() => {
-                                                        save(false, postMD, (result) => { });
+                              ${BgWidget.save(gvc.event(() => {
+                                                        save(false, postMD, result => { });
                                                     }), '儲存')}
-                                                        </div>`,
+                            </div>`,
                                                 ].join(`<div class="my-3"></div>`);
                                             },
                                             divCreate: {
@@ -228,7 +237,7 @@ export class AppRelease {
                             {
                                 title: '上架資訊',
                                 editor: (() => {
-                                    let postMD = JSON.parse(JSON.stringify(postMDRefer));
+                                    let postMD = postMDRefer;
                                     const id = gvc.glitter.getUUID();
                                     return [
                                         gvc.bindView(() => {
@@ -238,113 +247,105 @@ export class AppRelease {
                                                     return [
                                                         BgWidget.editeInput({
                                                             gvc: gvc,
-                                                            title: html `<div class="d-flex flex-column" style="gap:3px;">
-                                                                    App 名稱 ${BgWidget.grayNote('顯示在 Apple Store 與 Google Play 商城上的APP名稱')}
-                                                                </div>`,
+                                                            title: html ` <div class="d-flex flex-column" style="gap:3px;">
+                                  App 名稱 ${BgWidget.grayNote('顯示在 Apple Store 與 Google Play 商城上的APP名稱')}
+                                </div>`,
                                                             default: postMD.store_name || '',
                                                             placeHolder: '請輸入APP名稱',
-                                                            callback: (text) => {
+                                                            callback: text => {
                                                                 postMD.store_name = text;
                                                             },
                                                         }),
                                                         BgWidget.editeInput({
                                                             gvc: gvc,
-                                                            title: html `<div class="d-flex flex-column" style="gap:3px;">App 副標題 ${BgWidget.grayNote('請輸入APP副標題')}</div>`,
+                                                            title: html ` <div class="d-flex flex-column" style="gap:3px;">
+                                  App 副標題 ${BgWidget.grayNote('請輸入APP副標題')}
+                                </div>`,
                                                             default: postMD.store_sub_title || '',
                                                             placeHolder: '請輸入副標題',
-                                                            callback: (text) => {
+                                                            callback: text => {
                                                                 postMD.store_sub_title = text;
                                                             },
                                                         }),
-                                                        html `<div class="w-100">
-                                                                <div class="d-flex flex-column mb-2" style="gap:3px;">應用程式商店宣傳圖片 ${BgWidget.grayNote('圖片上傳尺寸為1024 * 500')}</div>
-                                                                <div class="position-relative">
-                                                                    ${BgWidget.imageSelector(gvc, postMD.promote_img, (text) => {
+                                                        html ` <div class="w-100">
+                                <div class="d-flex flex-column mb-2" style="gap:3px;">
+                                  應用程式商店宣傳圖片 ${BgWidget.grayNote('圖片上傳尺寸為1024 * 500')}
+                                </div>
+                                <div class="position-relative">
+                                  ${BgWidget.imageSelector(gvc, postMD.promote_img, text => {
                                                             postMD.promote_img = text;
                                                             gvc.notifyDataChange(id);
                                                         })}
-                                                                </div>
-                                                            </div>`,
-                                                        BgWidget.textArea({
-                                                            gvc: gvc,
-                                                            title: html `<div class="d-flex flex-column" style="gap:3px; ">
-                                                                    Google Play 簡短說明
-                                                                    ${BgWidget.grayNote('「App 的簡短說明」是使用者在 Play 商店瀏覽應用程式時首先看到的文字介紹，讓他們快速了解您的 App 特點。使用者可點擊展開以閱讀完整說明，深入了解更多細節。')}
-                                                                </div>`,
-                                                            default: postMD.google_play_promote || '',
-                                                            placeHolder: '請輸入説明內文',
-                                                            callback: (text) => {
-                                                                postMD.google_play_promote = text;
-                                                            },
-                                                        }),
+                                </div>
+                              </div>`,
                                                         BgWidget.textArea({
                                                             gvc: gvc,
-                                                            title: html `<div class="d-flex flex-column" style="gap:3px; ">
-                                                                    APP Store 簡短說明
-                                                                    ${BgWidget.grayNote('「App 的簡短說明」是使用者在 App Store 瀏覽應用程式詳情時首先看到的文字介紹，讓他們快速了解您的 App 核心功能。使用者可以點擊展開以閱讀完整說明，獲取更多資訊。')}
-                                                                </div>`,
+                                                            title: html ` <div class="d-flex flex-column" style="gap:3px; ">
+                                  APP簡短說明
+                                  ${BgWidget.grayNote('「App 的簡短說明」是使用者在 App Store 與 Google Play 瀏覽應用程式詳情時首先看到的文字介紹，讓他們快速了解您的 App 核心功能。使用者可以點擊展開以閱讀完整說明，獲取更多資訊。')}
+                                </div>`,
                                                             default: postMD.app_store_promote || '',
                                                             placeHolder: '請輸入説明內文',
-                                                            callback: (text) => {
+                                                            callback: text => {
                                                                 postMD.app_store_promote = text;
                                                             },
                                                         }),
                                                         BgWidget.textArea({
                                                             gvc: gvc,
-                                                            title: html `<div class="d-flex flex-column" style="gap:3px; ">
-                                                                    描述
-                                                                    ${BgWidget.grayNote('此段描述將用來詳細介紹 App 的特性和功能，幫助使用者更好地了解您的應用程式提供的價值。請確保內容為純文字格式，無法支援 HTML 標籤或格式化功能。')}
-                                                                </div>`,
+                                                            title: html ` <div class="d-flex flex-column" style="gap:3px; ">
+                                  描述
+                                  ${BgWidget.grayNote('此段描述將用來詳細介紹 App 的特性和功能，幫助使用者更好地了解您的應用程式提供的價值。請確保內容為純文字格式，無法支援 HTML 標籤或格式化功能。')}
+                                </div>`,
                                                             default: postMD.description || '',
                                                             placeHolder: '請輸入描述',
-                                                            callback: (text) => {
+                                                            callback: text => {
                                                                 postMD.description = text;
                                                             },
                                                         }),
                                                         BgWidget.editeInput({
                                                             gvc: gvc,
-                                                            title: html `<div class="d-flex flex-column" style="gap:3px;">
-                                                                    版權標示
-                                                                    ${BgWidget.grayNote('請提供擁有 App 專有權的個人或公司名稱，格式為獲得專有權的年份加上名稱（例如：“2024 SHOPNEX, Inc.”）。版權符號將會自動添加。')}
-                                                                </div>`,
+                                                            title: html ` <div class="d-flex flex-column" style="gap:3px;">
+                                  版權標示
+                                  ${BgWidget.grayNote('請提供擁有 App 專有權的個人或公司名稱，格式為獲得專有權的年份加上名稱（例如：“2024 SHOPNEX, Inc.”）。版權符號將會自動添加。')}
+                                </div>`,
                                                             default: postMD.copy_right || '',
                                                             placeHolder: '版權內容',
-                                                            callback: (text) => {
+                                                            callback: text => {
                                                                 postMD.copy_right = text;
                                                             },
                                                         }),
                                                         BgWidget.editeInput({
                                                             gvc: gvc,
-                                                            title: html `<div class="d-flex flex-column" style="gap:3px;">
-                                                                    應用程式搜尋關鍵詞
-                                                                    ${BgWidget.grayNote('請輸入描述 App 的一個或多個關鍵詞（每個關鍵詞至少包含兩個字符），並以逗號分隔。應注意，App 名稱和公司名稱已可被應用程式商店搜尋，因此無需在關鍵字中重複新增。此外，請避免使用其他 App 或公司的名稱。')}
-                                                                </div>`,
+                                                            title: html ` <div class="d-flex flex-column" style="gap:3px;">
+                                  應用程式搜尋關鍵詞
+                                  ${BgWidget.grayNote('請輸入描述 App 的一個或多個關鍵詞（每個關鍵詞至少包含兩個字符），並以逗號分隔。應注意，App 名稱和公司名稱已可被應用程式商店搜尋，因此無需在關鍵字中重複新增。此外，請避免使用其他 App 或公司的名稱。')}
+                                </div>`,
                                                             default: postMD.keywords || '',
                                                             placeHolder: '請輸入關鍵詞',
-                                                            callback: (text) => {
+                                                            callback: text => {
                                                                 postMD.keywords = text;
                                                             },
                                                         }),
                                                         BgWidget.editeInput({
                                                             gvc: gvc,
-                                                            title: html `<div class="d-flex flex-column" style="gap:3px;">
-                                                                    App 支援網址（URL）
-                                                                    ${BgWidget.grayNote('如有疑問，用戶可透過提供的支援網站獲取幫助。該網站應包含真實聯絡資訊，方便用戶就 App 的問題、使用回饋或功能優化提出建議。請提供包含協議的完整網址（例如：http://support.shopnex.tw）。此支援網址將顯示給已購買此 App 的用戶，並僅在 App Store 中顯示。')}
-                                                                </div>`,
+                                                            title: html ` <div class="d-flex flex-column" style="gap:3px;">
+                                  App 支援網址（URL）
+                                  ${BgWidget.grayNote('如有疑問，用戶可透過提供的支援網站獲取幫助。該網站應包含真實聯絡資訊，方便用戶就 App 的問題、使用回饋或功能優化提出建議。請提供包含協議的完整網址（例如：http://support.shopnex.tw）。此支援網址將顯示給已下載此 App 的用戶，並僅在 商店 中顯示。')}
+                                </div>`,
                                                             default: postMD.support_url || '',
                                                             placeHolder: '請輸入網址',
-                                                            callback: (text) => {
+                                                            callback: text => {
                                                                 postMD.support_url = text;
                                                             },
                                                         }),
                                                         BgWidget.editeInput({
                                                             gvc: gvc,
-                                                            title: html `<div class="d-flex flex-column" style="gap:3px;">
-                                                                    隱私政策網址（URL） ${BgWidget.grayNote('連結到你公司隱私政策的網址（URL）')}
-                                                                </div>`,
+                                                            title: html ` <div class="d-flex flex-column" style="gap:3px;">
+                                  隱私政策網址（URL） ${BgWidget.grayNote('連結到你公司隱私政策的網址（URL）')}
+                                </div>`,
                                                             default: postMD.privacy_url || '',
                                                             placeHolder: '請輸入網址',
-                                                            callback: (text) => {
+                                                            callback: text => {
                                                                 postMD.privacy_url = text;
                                                             },
                                                         }),
@@ -355,18 +356,78 @@ export class AppRelease {
                                                 },
                                             };
                                         }),
-                                        html `<div class="mt-3 w-100 d-flex align-items-center justify-content-end">
-                                                ${BgWidget.save(gvc.event(() => {
-                                            save(false, postMD, (result) => { });
+                                        html ` <div class="mt-3 w-100 d-flex align-items-center justify-content-end">
+                        ${BgWidget.save(gvc.event(() => {
+                                            save(false, postMD, result => { });
+                                        }), '儲存')}
+                      </div>`,
+                                    ].join(``);
+                                })(),
+                            },
+                            {
+                                title: 'IOS應用設定',
+                                editor: (() => {
+                                    let postMD = postMDRefer;
+                                    const id = gvc.glitter.getUUID();
+                                    return [
+                                        gvc.bindView(() => {
+                                            return {
+                                                bind: id,
+                                                view: () => {
+                                                    return [
+                                                        BgWidget.editeInput({
+                                                            gvc: gvc,
+                                                            title: html ` <div class="d-flex flex-column" style="gap:3px;">
+                                  App 專案包名 ${BgWidget.grayNote('為空則預設為網域路徑')}
+                                </div>`,
+                                                            default: postMD.ios_app_bundle_id || '',
+                                                            placeHolder: `${window.parent.glitter.share.editorViewModel.domain}`,
+                                                            callback: text => {
+                                                                postMD.ios_app_bundle_id = text;
+                                                                gvc.notifyDataChange(id);
+                                                            },
+                                                        }),
+                                                        `<div
+                                                        onclick="${gvc.event(() => {
+                                                            const dialog = new ShareDialog(gvc.glitter);
+                                                            navigator.clipboard.writeText(postMD.ios_app_bundle_id ||
+                                                                window.parent.glitter.share.editorViewModel
+                                                                    .domain);
+                                                            dialog.successMessage({ text: '已複製至剪貼簿' });
+                                                        })}"
+                                                    >
+                                                        ${BgWidget.editeInput({
+                                                            readonly: true,
+                                                            gvc: gvc,
+                                                            title: html ` <div class="d-flex flex-column" style="gap:5px;">
+                                                            LINE登入
+                                                            ${BgWidget.grayNote('點擊複製專案ID至LINE開發者後台的『 iOS bundle ID 』欄位')}
+                                                          </div>`,
+                                                            default: postMD.ios_app_bundle_id ||
+                                                                window.parent.glitter.share.editorViewModel.domain,
+                                                            placeHolder: '',
+                                                            callback: text => { },
+                                                        })}
+                                                    </div>`,
+                                                    ].join(`<div class="my-3"></div>`);
+                                                },
+                                                divCreate: {
+                                                    class: ``,
+                                                },
+                                            };
+                                        }),
+                                        html ` <div class="mt-3 w-100 d-flex align-items-center justify-content-end">
+                        ${BgWidget.save(gvc.event(() => {
+                                            save(false, postMD, result => { });
                                         }), '儲存')}
-                                            </div>`,
+                      </div>`,
                                     ].join(``);
                                 })(),
                             },
                             {
                                 title: '聯絡資訊',
                                 editor: (() => {
-                                    let postMD = JSON.parse(JSON.stringify(postMDRefer));
+                                    let postMD = postMDRefer;
                                     const dialog = new ShareDialog(gvc.glitter);
                                     const id = gvc.glitter.getUUID();
                                     return [
@@ -377,10 +438,12 @@ export class AppRelease {
                                                     return [
                                                         BgWidget.editeInput({
                                                             gvc: gvc,
-                                                            title: html `<div class="d-flex flex-column" style="gap:3px;">聯絡信箱 ${BgWidget.grayNote('承辦人員會透過此信箱與您聯絡')}</div>`,
+                                                            title: html ` <div class="d-flex flex-column" style="gap:3px;">
+                                  聯絡信箱 ${BgWidget.grayNote('承辦人員會透過此信箱與您聯絡')}
+                                </div>`,
                                                             default: postMD.contact_email || '',
                                                             placeHolder: '請輸入信箱',
-                                                            callback: (text) => {
+                                                            callback: text => {
                                                                 function isValidEmail(email) {
                                                                     const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
                                                                     return emailPattern.test(email);
@@ -396,10 +459,12 @@ export class AppRelease {
                                                         }),
                                                         BgWidget.editeInput({
                                                             gvc: gvc,
-                                                            title: html `<div class="d-flex flex-column" style="gap:3px;">聯絡電話 ${BgWidget.grayNote('承辦人員會透過此電話與您聯絡')}</div>`,
+                                                            title: html ` <div class="d-flex flex-column" style="gap:3px;">
+                                  聯絡電話 ${BgWidget.grayNote('承辦人員會透過此電話與您聯絡')}
+                                </div>`,
                                                             default: postMD.contact_phone || '',
                                                             placeHolder: '請輸入電話',
-                                                            callback: (text) => {
+                                                            callback: text => {
                                                                 function isValidUSPhoneNumber(phoneNumber) {
                                                                     const phonePattern = /^(\+1-?)?(\d{3})?-?\d{3}-?\d{4}$/;
                                                                     return phonePattern.test(phoneNumber);
@@ -420,28 +485,77 @@ export class AppRelease {
                                                 },
                                             };
                                         }),
-                                        html `<div class="mt-3 w-100 d-flex align-items-center justify-content-end">
-                                                ${BgWidget.save(gvc.event(() => {
-                                            save(false, postMD, (result) => { });
+                                        html ` <div class="mt-3 w-100 d-flex align-items-center justify-content-end">
+                        ${BgWidget.save(gvc.event(() => {
+                                            save(false, postMD, result => { });
                                         }), '儲存')}
-                                            </div>`,
+                      </div>`,
                                     ].join('');
                                 })(),
                             },
                         ]
-                            .map((dd) => {
-                            return BgWidget.card(html `<div class="d-flex flex-column">
-                                        ${BgWidget.title(dd.title, 'font-size:20px;')}
-                                        <div class="flex-fill"></div>
-                                        <div class="my-3">${dd.editor}</div>
-                                    </div>`);
+                            .map(dd => {
+                            if (toggle.find(d1 => {
+                                return d1 === dd.title;
+                            })) {
+                                return BgWidget.card(html ` <div class="d-flex flex-column">
+                        <div
+                          class="d-flex w-100 align-items-center"
+                          style="cursor: pointer;"
+                          onclick="${gvc.event(() => {
+                                    if (toggle.find(d1 => {
+                                        return d1 === dd.title;
+                                    })) {
+                                        toggle = toggle.filter(d1 => {
+                                            return d1 !== dd.title;
+                                        });
+                                    }
+                                    else {
+                                        toggle.push(dd.title);
+                                    }
+                                    gvc.notifyDataChange(cId);
+                                })}"
+                        >
+                          ${BgWidget.title(dd.title, 'font-size:20px;')}
+                          <div class="flex-fill"></div>
+                          <div class="d-flex flex-column align-items-center justify-content-center" style="">
+                            <i class="fa-solid fa-caret-up fw-bold fs-2"></i>
+                            <div class="fw-bold" style="font-size: 14px;margin-top: -5px;">收合</div>
+                          </div>
+                        </div>
+                        <div class="flex-fill"></div>
+                        <div class="my-3">${dd.editor}</div>
+                      </div>`);
+                            }
+                            else {
+                                return BgWidget.card(`  <div class="d-flex w-100 align-items-center" style="cursor: pointer;" onclick="${gvc.event(() => {
+                                    if (toggle.find(d1 => {
+                                        return d1 === dd.title;
+                                    })) {
+                                        toggle = toggle.filter(d1 => {
+                                            return d1 !== dd.title;
+                                        });
+                                    }
+                                    else {
+                                        toggle.push(dd.title);
+                                    }
+                                    gvc.notifyDataChange(cId);
+                                })}">
+                                            ${BgWidget.title(dd.title, 'font-size:20px;')}
+                                            <div class="flex-fill"></div>
+                                            <div class="d-flex flex-column align-items-center justify-content-center" style="" >
+                                                <i class="fa-solid fa-caret-down fw-bold fs-2"></i>
+                                                <div  class="fw-bold" style="font-size: 14px;margin-top: -5px;">展開</div>
+                                            </div>
+                                        </div>`);
+                            }
                         })
                             .join(BgWidget.mbContainer(24)),
-                        html `<div class="update-bar-container">
-                                ${BgWidget.save(gvc.event(() => {
+                        html ` <div class="update-bar-container">
+                ${BgWidget.save(gvc.event(() => {
                             save(true, postMDRefer, () => { });
                         }), '將APP提交審查')}
-                            </div>`,
+              </div>`,
                         BgWidget.mbContainer(120),
                     ].join(`<div class="my-3"></div>`));
                 },