ts-glitter 13.3.4 → 13.3.7

package/lowcode/cms-plugin/ai-points.js

@@ -7,29 +7,30 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { BgWidget } from "../backend-manager/bg-widget.js";
-import { AiPointsApi } from "../glitter-base/route/ai-points-api.js";
-import { ShareDialog } from "../glitterBundle/dialog/ShareDialog.js";
-import { ApiUser } from "../glitter-base/route/user.js";
+import { BgWidget } from '../backend-manager/bg-widget.js';
+import { AiPointsApi } from '../glitter-base/route/ai-points-api.js';
+import { ShareDialog } from '../glitterBundle/dialog/ShareDialog.js';
+import { ApiUser } from '../glitter-base/route/user.js';
 const html = String.raw;
 export class AiPoints {
     static main(gvc) {
-        return [BgWidget.container([
+        return [
+            BgWidget.container([
                 BgWidget.mainCard([
                     BgWidget.title('AI Points'),
-                    BgWidget.grayNote([`*透過AI Points來使用各種 AI 輔助功能`, `*1塊台幣可以換取10點AI Points`, `*最少儲值金額500元`, `*AI Points購買後無法退費，請購買前瞭解會員權益需知`].map((dd) => {
+                    BgWidget.grayNote([`*透過AI Points來使用各種 AI 輔助功能`, `*1塊台幣可以換取10點AI Points`, `*最少儲值金額500元`, `*AI Points購買後無法退費，請購買前瞭解會員權益需知`]
+                        .map((dd) => {
                         return `<div style="letter-spacing: 1.2px;">${dd}</div>`;
-                    }).join('')),
-                    html `
-                    <div class="d-flex align-items-center rounded-3" style="height:35px;width:100%;max-width: 500px;">
-                        <div style="height:100%;background:var(--main-black-hover)"
-                             class="d-flex align-items-center justify-content-center text-white px-3">目前 AI Points
-                        </div>
-                        <div class="bgf6 d-flex align-items-center flex-fill h-100 ps-3 pe-2">${gvc.bindView(() => {
+                    })
+                        .join('')),
+                    html ` <div class="d-flex align-items-center rounded-3" style="height:35px;width:100%;max-width: 500px;">
+                                <div style="height:100%;background:var(--main-black-hover)" class="d-flex align-items-center justify-content-center text-white px-3">目前 AI Points</div>
+                                <div class="bgf6 d-flex align-items-center flex-fill h-100 ps-3 pe-2">
+                                    ${gvc.bindView(() => {
                         const id = gvc.glitter.getUUID();
                         const vm = {
                             loading: true,
-                            sum: 0
+                            sum: 0,
                         };
                         AiPointsApi.getSum({}).then((res) => {
                             vm.sum = parseInt(res.response.sum, 10);
@@ -40,22 +41,24 @@ export class AiPoints {
                             bind: id,
                             view: () => {
                                 if (vm.loading) {
-                                    return `<div class="h-100 d-flex align-items-center"><div class="spinner-border" style="height:20px;width: 20px;"></div></div>`;
+                                    return html `<div class="h-100 d-flex align-items-center"><div class="spinner-border" style="height:20px;width: 20px;"></div></div>`;
                                 }
                                 else {
                                     return `${vm.sum.toLocaleString()}`;
                                 }
-                            }
+                            },
                         };
                     })}
-                            <div class="flex-fill"></div>
-                            ${BgWidget.blueNote('儲值', gvc.event(() => {
+                                    <div class="flex-fill"></div>
+                                    ${BgWidget.blueNote('儲值', gvc.event(() => {
                         AiPoints.store(gvc);
                     }))}
-                        </div>
-                    </div>`
-                ].join(`<div class="my-2"></div>`))
-            ].join(''), BgWidget.getContainerWidth()), AiPoints.walletList(gvc)].join('');
+                                </div>
+                            </div>`,
+                ].join(`<div class="my-2"></div>`)),
+            ].join(''), BgWidget.getContainerWidth()),
+            AiPoints.walletList(gvc),
+        ].join('');
     }
     static walletList(gvc) {
         const glitter = gvc.glitter;
@@ -64,7 +67,7 @@ export class AiPoints {
             data: {},
             dataList: undefined,
             query: '',
-            select: 'all'
+            select: 'all',
         };
         const filterID = gvc.glitter.getUUID();
         return gvc.bindView(() => {
@@ -79,35 +82,34 @@ export class AiPoints {
                 view: () => {
                     if (vm.type === 'list') {
                         return BgWidget.container(BgWidget.card(html `
-                            ${BgWidget.tab([
+                                ${BgWidget.tab([
                             { title: '紀錄總覽', key: 'all' },
                             { title: '使用紀錄', key: 'cost' },
-                            { title: '儲值紀錄', key: 'income' }
+                            { title: '儲值紀錄', key: 'income' },
                         ], gvc, vm.select, (text) => {
                             vm.select = text;
                             gvc.notifyDataChange(id);
                         })}
-                            <div class="border-bottom mb-2 w-100"></div>
-                            ${BgWidget.tableV2({
+                                <div class="border-bottom mb-2 w-100"></div>
+                                ${BgWidget.tableV3({
                             gvc: gvc,
                             getData: (vmi) => {
+                                const limit = 20;
                                 AiPointsApi.get({
                                     page: vmi.page - 1,
-                                    limit: 20,
+                                    limit: limit,
                                     search: vm.query || undefined,
                                     type: (() => {
                                         switch (vm.select) {
-                                            case "all":
+                                            case 'all':
                                                 return undefined;
-                                            case "cost":
+                                            case 'cost':
                                                 return 'minus';
-                                            case "income":
+                                            case 'income':
                                                 return 'plus';
                                         }
-                                    })()
+                                    })(),
                                 }).then((data) => {
-                                    vmi.pageSize = Math.ceil(data.response.total / 20);
-                                    vm.dataList = data.response.data;
                                     function getDatalist() {
                                         return data.response.data.map((dd) => {
                                             var _a;
@@ -122,7 +124,7 @@ export class AiPoints {
                                                 },
                                                 {
                                                     key: '異動金額',
-                                                    value: `${dd.money > 0 ? `<span class="fs-7 text-success">+ ${dd.money}</span>` : `<span class="fs-7 text-danger">- ${dd.money * -1}</span>`}`,
+                                                    value: dd.money > 0 ? `<span class="fs-7 text-success">+ ${dd.money}</span>` : `<span class="fs-7 text-danger">- ${dd.money * -1}</span>`,
                                                 },
                                                 {
                                                     key: '異動原因',
@@ -135,16 +137,18 @@ export class AiPoints {
                                             ];
                                         });
                                     }
-                                    vmi.data = getDatalist();
+                                    vm.dataList = data.response.data;
+                                    vmi.pageSize = Math.ceil(data.response.total / limit);
+                                    vmi.originalData = vm.dataList;
+                                    vmi.tableData = getDatalist();
                                     vmi.loading = false;
                                     vmi.callback();
                                 });
                             },
-                            rowClick: (data, index) => {
-                            },
-                            filter: ``
+                            rowClick: () => { },
+                            filter: [],
                         })}
-                        `), BgWidget.getContainerWidth());
+                            `), BgWidget.getContainerWidth());
                     }
                     else if (vm.type == 'replace') {
                         return ``;
@@ -154,8 +158,8 @@ export class AiPoints {
                     }
                 },
                 divCreate: {
-                    class: `mt-n4`
-                }
+                    class: `mt-n4`,
+                },
             };
         });
     }
@@ -171,11 +175,11 @@ export class AiPoints {
                     email: '',
                     invoice_type: 'me',
                     company: '',
-                    gui_number: ''
-                }
+                    gui_number: '',
+                },
             };
             vm.user_info.email = vm.user_info.email || '';
-            const dd = (yield ApiUser.getPublicConfig('ai-points-store', 'manager'));
+            const dd = yield ApiUser.getPublicConfig('ai-points-store', 'manager');
             if (dd.response.value) {
                 vm.user_info = dd.response.value;
             }
@@ -196,9 +200,9 @@ export class AiPoints {
                                 { key: '500', value: '5,000點 ( NT.500 )' },
                                 { key: '1000', value: '10,000點 ( NT.1,000 )' },
                                 { key: '1500', value: '15,000點 ( NT.1,500 )' },
-                                { key: '2000', value: '20,000點 ( NT.2,000 )' }
+                                { key: '2000', value: '20,000點 ( NT.2,000 )' },
                             ],
-                            default: `${vm.total}`
+                            default: `${vm.total}`,
                         }),
                         ...(() => {
                             if (vm.total) {
@@ -210,7 +214,8 @@ export class AiPoints {
                         })(),
                         ...(() => {
                             if (gvc.glitter.deviceType !== gvc.glitter.deviceTypeEnum.Ios) {
-                                return [BgWidget.editeInput({
+                                return [
+                                    BgWidget.editeInput({
                                         gvc: gvc,
                                         title: `發票寄送電子信箱`,
                                         placeHolder: '請輸入發票寄送電子信箱',
@@ -218,25 +223,33 @@ export class AiPoints {
                                             vm.user_info.email = text;
                                         },
                                         type: 'email',
-                                        default: vm.user_info.email
+                                        default: vm.user_info.email,
                                     }),
-                                    `<div class="tx_normal fw-normal" >發票開立方式</div>`,
+                                    html `<div class="tx_normal fw-normal">發票開立方式</div>`,
                                     BgWidget.select({
-                                        gvc: gvc, callback: (text) => {
+                                        gvc: gvc,
+                                        callback: (text) => {
                                             vm.user_info.invoice_type = text;
                                             gvc.recreateView();
-                                        }, options: [
+                                        },
+                                        options: [
                                             { key: 'me', value: '個人單位' },
-                                            { key: 'company', value: '公司行號' }
-                                        ], default: vm.user_info.invoice_type
+                                            { key: 'company', value: '公司行號' },
+                                        ],
+                                        default: vm.user_info.invoice_type,
                                     }),
                                     ...(() => {
                                         if (vm.user_info.invoice_type === 'company') {
                                             return [
                                                 BgWidget.editeInput({
-                                                    gvc: gvc, title: `發票抬頭`, placeHolder: '請輸入發票抬頭', callback: (text) => {
+                                                    gvc: gvc,
+                                                    title: `發票抬頭`,
+                                                    placeHolder: '請輸入發票抬頭',
+                                                    callback: (text) => {
                                                         vm.user_info.company = text;
-                                                    }, type: 'text', default: `${vm.user_info.company}`
+                                                    },
+                                                    type: 'text',
+                                                    default: `${vm.user_info.company}`,
                                                 }),
                                                 BgWidget.editeInput({
                                                     gvc: gvc,
@@ -246,25 +259,28 @@ export class AiPoints {
                                                         vm.user_info.gui_number = text;
                                                     },
                                                     type: 'number',
-                                                    default: `${vm.user_info.gui_number}`
-                                                })
+                                                    default: `${vm.user_info.gui_number}`,
+                                                }),
                                             ];
                                         }
                                         else {
                                             return [];
                                         }
-                                    })()];
+                                    })(),
+                                ];
                             }
                             else {
                                 return [];
                             }
-                        })()
+                        })(),
                     ].join(`<div class="my-2"></div>`)}</div>`;
                 },
                 footer_html: (gvc) => {
-                    return [BgWidget.cancel(gvc.event(() => {
+                    return [
+                        BgWidget.cancel(gvc.event(() => {
                             gvc.closeDialog();
-                        })), BgWidget.save(gvc.event(() => __awaiter(this, void 0, void 0, function* () {
+                        })),
+                        BgWidget.save(gvc.event(() => __awaiter(this, void 0, void 0, function* () {
                             if (vm.user_info.invoice_type !== 'company') {
                                 vm.user_info.company = '';
                                 vm.user_info.gui_number = '';
@@ -297,12 +313,12 @@ export class AiPoints {
                                 user_id: 'manager',
                             });
                             vm.note = {
-                                invoice_data: vm.user_info
+                                invoice_data: vm.user_info,
                             };
                             dialog.dataLoading({ visible: true });
                             if (gvc.glitter.deviceType === gvc.glitter.deviceTypeEnum.Ios) {
-                                gvc.glitter.runJsInterFace("in_app_product", {
-                                    total: `ai_points_${vm.total}`
+                                gvc.glitter.runJsInterFace('in_app_product', {
+                                    total: `ai_points_${vm.total}`,
                                 }, (res) => __awaiter(this, void 0, void 0, function* () {
                                     console.log(`res.receipt_data=>`, res.receipt_data);
                                     if (res.receipt_data) {
@@ -328,8 +344,9 @@ export class AiPoints {
                                     }
                                 }));
                             }
-                        })))].join('');
-                }
+                        }))),
+                    ].join('');
+                },
             });
             return;
         });