ts-glitter 21.5.2 → 21.5.4

package/lowcode/public-components/user-manager/um-rebate.js

@@ -33,7 +33,7 @@ export class UMRebate {
             view: true,
         };
         let changePage = (index, type, subData) => { };
-        gvc.glitter.getModule(new URL('./official_event/page/change-page.js', gvc.glitter.root_path).href, (cl) => {
+        gvc.glitter.getModule(new URL('./official_event/page/change-page.js', gvc.glitter.root_path).href, cl => {
             changePage = cl.changePage;
         });
         return gvc.bindView({
@@ -44,51 +44,66 @@ export class UMRebate {
                 }
                 else {
                     const isWebsite = document.body.clientWidth > 768;
-                    vm.rebateConfig.title = CheckInput.isEmpty(vm.rebateConfig.title) ? Language.text('shopping_credit') : vm.rebateConfig.title;
+                    vm.rebateConfig.title = CheckInput.isEmpty(vm.rebateConfig.title)
+                        ? Language.text('shopping_credit')
+                        : vm.rebateConfig.title;
                     return html `
-                        <div class="mx-auto p-0">
-                            <div class="w-100  align-items-center d-flex py-3 pb-lg-3 pt-lg-0" style="gap:10px;">
-
-                                <div  class="d-none d-lg-flex" style="background: #FF9705;background: #FF9705;width:4px;height: 20px;" onclick="${gvc.event(() => {
-                        gvc.glitter.getModule(new URL(gvc.glitter.root_path + 'official_event/page/change-page.js', import.meta.url).href, (cl) => {
+            <div class="mx-auto p-0">
+              <div class="w-100  align-items-center d-flex py-3 pb-lg-3 pt-lg-0" style="gap:10px;">
+                <div
+                  class="d-none d-lg-flex"
+                  style="background: #FF9705;background: #FF9705;width:4px;height: 20px;"
+                  onclick="${gvc.event(() => {
+                        gvc.glitter.getModule(new URL(gvc.glitter.root_path + 'official_event/page/change-page.js', import.meta.url).href, cl => {
                             cl.changePage('account_userinfo', 'home', {});
                         });
-                    })}"></div>
-                                <div class="d-flex d-lg-none align-items-center justify-content-center" style="width:20px;height: 20px;" onclick="${gvc.event(() => {
-                        gvc.glitter.getModule(new URL(gvc.glitter.root_path + 'official_event/page/change-page.js', import.meta.url).href, (cl) => {
+                    })}"
+                ></div>
+                <div
+                  class="d-flex d-lg-none align-items-center justify-content-center"
+                  style="width:20px;height: 20px;"
+                  onclick="${gvc.event(() => {
+                        gvc.glitter.getModule(new URL(gvc.glitter.root_path + 'official_event/page/change-page.js', import.meta.url).href, cl => {
                             cl.changePage('account_userinfo', 'home', {});
                         });
-                    })}">
-                                    <i class="fa-solid fa-angle-left fs-4"></i>
-                                </div>
-                                <div class="um-info-title fw-bold " style="font-size: 24px;">${`${Language.text('my')}${glitter.share.rebateConfig.title || Language.text('shopping_credit')}`}</div>
-                            </div>
-                            <div class="col-12  p-4 px-lg-5 mx-auto d-flex um-rb-bgr ${isWebsite ? '' : 'flex-column'}">
-                                <div class="d-flex ${isWebsite ? 'gap-4' : 'gap-3'}">
-                                    <div class="fa-duotone fa-coins fs-1 d-flex align-items-center justify-content-center"></div>
-                                    <div class="${isWebsite ? '' : 'd-flex align-items-center gap-2'}">
-                                        <div class="fw-500 fs-6">${vm.rebateConfig.title}</div>
-                                        <div class="fw-bold mt-0 mt-md-1 mb-1 um-rb-amount">${vm.amount.toLocaleString()}</div>
-                                    </div>
-                                </div>
-                                <div class="d-flex align-items-center">
-                                    <div class="d-flex align-items-center gap-3">${vm.oldestText.replace(`@{{rebate_title}}`, vm.rebateConfig.title)}</div>
-                                </div>
-                            </div>
-                            <div class="col-12 mt-2" style="min-height: 500px;">
-                                <div class="mx-auto orderList pt-md-3 mb-4">
-                                    ${(() => {
+                    })}"
+                >
+                  <i class="fa-solid fa-angle-left fs-4"></i>
+                </div>
+                <div class="um-info-title fw-bold " style="font-size: 24px;">
+                  ${`${Language.text('my')}${glitter.share.rebateConfig.title || Language.text('shopping_credit')}`}
+                </div>
+              </div>
+              <div class="col-12  p-4 px-lg-5 mx-auto d-flex um-rb-bgr ${isWebsite ? '' : 'flex-column'}">
+                <div class="d-flex ${isWebsite ? 'gap-4' : 'gap-3'}">
+                  <div class="fa-duotone fa-coins fs-1 d-flex align-items-center justify-content-center"></div>
+                  <div class="${isWebsite ? '' : 'd-flex align-items-center gap-2'}">
+                    <div class="fw-500 fs-6">${vm.rebateConfig.title}</div>
+                    <div class="fw-bold mt-0 mt-md-1 mb-1 um-rb-amount">${vm.amount.toLocaleString()}</div>
+                  </div>
+                </div>
+                <div class="d-flex align-items-center">
+                  <div class="d-flex align-items-center gap-3">
+                    ${vm.oldestText.replace(`@{{rebate_title}}`, vm.rebateConfig.title)}
+                  </div>
+                </div>
+              </div>
+              <div class="col-12 mt-2" style="min-height: 500px;">
+                <div class="mx-auto orderList pt-md-3 mb-4">
+                  ${(() => {
                         if (vm.dataList.length === 0) {
-                            return html `<div class="d-flex align-items-center justify-content-center flex-column w-100 mx-auto">
-                                                <lottie-player
-                                                    style="max-width: 100%;width: 300px;"
-                                                    src="https://assets10.lottiefiles.com/packages/lf20_rc6CDU.json"
-                                                    speed="1"
-                                                    loop="true"
-                                                    background="transparent"
-                                                ></lottie-player>
-                                                <span class="mb-5 fs-5">${Language.text('no_current_obtain')} ${vm.rebateConfig.title}</span>
-                                            </div>`;
+                            return html `<div
+                        class="d-flex align-items-center justify-content-center flex-column w-100 mx-auto"
+                      >
+                        <lottie-player
+                          style="max-width: 100%;width: 300px;"
+                          src="https://assets10.lottiefiles.com/packages/lf20_rc6CDU.json"
+                          speed="1"
+                          loop="true"
+                          background="transparent"
+                        ></lottie-player>
+                        <span class="mb-5 fs-5">${Language.text('no_current_obtain')} ${vm.rebateConfig.title}</span>
+                      </div>`;
                         }
                         const header = [
                             {
@@ -119,88 +134,95 @@ export class UMRebate {
                                 glitter.ut.dateFormat(new Date(item.created_time), 'yyyy/MM/dd hh:mm'),
                                 (() => {
                                     if (item.money <= 0) {
-                                        return `-`;
+                                        return '-';
                                     }
                                     else if (item.deadline.includes('2999')) {
                                         return Language.text('no_expiry');
                                     }
                                     else {
                                         return html `${glitter.ut.dateFormat(new Date(item.deadline), 'yyyy/MM/dd hh:mm')}
-                                                        ${threeDayLater(item.deadline) && item.remain && item.remain > 0
-                                            ? html `<span class="badge bg-faded-danger text-danger ms-1">${Language.text('about_to_expire')}</span>`
+                            ${threeDayLater(item.deadline) && item.remain && item.remain > 0
+                                            ? html `<span class="badge bg-faded-danger text-danger ms-1"
+                                  >${Language.text('about_to_expire')}</span
+                                >`
                                             : ''}`;
                                     }
                                 })(),
                                 (() => {
-                                    if (item.orderID) {
-                                        const orderLink = UmClass.style_components.blueNote(item.orderID, gvc.event(() => {
-                                            gvc.glitter.setUrlParameter('cart_token', item.orderID);
-                                            changePage('order_detail', 'page', {});
-                                        }), 'font-size: 16px;');
-                                        const moneyText = item.money > 0 ? Language.text('obtain') : Language.text('use');
-                                        return `${Language.text('order')}『 ${orderLink} 』${moneyText} ${vm.rebateConfig.title}`;
-                                    }
-                                    else {
-                                        return (item.note ||
-                                            `${Language.text('manual_adjustment')} ${vm.rebateConfig.title}`);
+                                    if (!item.orderID) {
+                                        return item.note || `${Language.text('manual_adjustment')} ${vm.rebateConfig.title}`;
                                     }
+                                    const orderLink = UmClass.style_components.blueNote(`#${item.orderID}`, gvc.event(() => {
+                                        gvc.glitter.setUrlParameter('cart_token', item.orderID);
+                                        changePage('order_detail', 'page', {});
+                                    }), 'font-size: 16px;');
+                                    const moneyText = item.money > 0 ? Language.text('obtain') : Language.text('use');
+                                    return `${Language.text('order')}「${orderLink}」${moneyText} ${vm.rebateConfig.title}`;
                                 })(),
-                                item.money.toLocaleString(),
-                                item.money > 0 ? item.remain.toLocaleString() : '-',
+                                html `<span class="fw-bold ${item.money > 0 ? 'text-success' : 'text-danger'}"
+                          >${item.money.toLocaleString()}</span
+                        >`,
+                                item.money > 0
+                                    ? html `<span class="fw-bold ${item.remain > 0 ? 'text-success' : ''}"
+                              >${item.remain.toLocaleString()}</span
+                            >`
+                                    : '-',
                             ];
                         }
                         if (isWebsite) {
-                            const flexList = [1.2, 1.2, 1.2, 0.6, 0.4];
+                            const flexList = [0.8, 0.8, 1.8, 0.6, 0.4];
                             return html `
-                                                <div class="w-100 d-sm-flex py-4 um-th-bar">
-                                                    ${header
+                        <div class="w-100 d-sm-flex py-4 um-th-bar">
+                          ${header
                                 .map((item, index) => {
                                 return html `<div class="um-th" style="flex: ${flexList[index]};">${item.title}</div>`;
                             })
                                 .join('')}
-                                                </div>
-                                                ${vm.dataList
-                                .map((item) => {
+                        </div>
+                        ${vm.dataList
+                                .map(item => {
                                 return html `<div class="w-100 d-sm-flex py-5 um-td-bar">
-                                                            ${formatText(item)
+                              ${formatText(item)
                                     .map((dd, index) => {
-                                    return html `<div class="um-td" style="flex: ${flexList[index]};font-size:16px;word-break: break-word;">${dd}</div>`;
+                                    return html `<div
+                                    class="um-td"
+                                    style="flex: ${flexList[index]};font-size:16px;word-break: break-word;"
+                                  >
+                                    ${dd}
+                                  </div>`;
                                 })
                                     .join('')}
-                                                        </div>`;
+                            </div>`;
                             })
                                 .join('')}
-                                            `;
+                      `;
                         }
                         return html `<div class="w-100 d-sm-none mb-3 s162413">
-                                            ${vm.dataList
-                            .map((item) => {
+                      ${vm.dataList
+                            .map(item => {
                             return html `<div class="um-mobile-area">
-                                                        ${formatText(item)
+                            ${formatText(item)
                                 .map((dd, index) => {
                                 return html `<div class="um-mobile-text">${header[index].title}: ${dd}</div>`;
                             })
                                 .join('')}
-                                                    </div>`;
+                          </div>`;
                         })
                             .join('')}
-                                        </div> `;
+                    </div> `;
                     })()}
-                                </div>
-                            </div>
-                        </div>
-                    `;
+                </div>
+              </div>
+            </div>
+          `;
                 }
             },
-            divCreate: {
-                class: '',
-            },
             onCreate: () => {
                 if (loadings.view) {
                     gvc.addMtScript([{ src: `${gvc.glitter.root_path}/jslib/lottie-player.js` }], () => {
                         Promise.all([
                             UmClass.getRebateInfo(),
-                            new Promise((resolve) => {
+                            new Promise(resolve => {
                                 ApiShop.getRebate({}).then((res) => __awaiter(this, void 0, void 0, function* () {
                                     if (res.result && res.response.sum) {
                                         resolve(res.response.sum);
@@ -210,7 +232,7 @@ export class UMRebate {
                                     }
                                 }));
                             }),
-                            new Promise((resolve) => {
+                            new Promise(resolve => {
                                 ApiWallet.getRebate({
                                     type: 'me',
                                     limit: 10000,
@@ -233,7 +255,7 @@ export class UMRebate {
                                     resolve(text[Language.getLanguage()]);
                                 }));
                             }),
-                            new Promise((resolve) => {
+                            new Promise(resolve => {
                                 ApiWallet.getRebate({
                                     type: 'me',
                                     limit: 10000,
@@ -247,7 +269,7 @@ export class UMRebate {
                                     }
                                 }));
                             }),
-                        ]).then((dataList) => {
+                        ]).then(dataList => {
                             vm.rebateConfig = dataList[0];
                             vm.amount = dataList[1];
                             vm.oldestText = dataList[2];