ts-glitter 13.3.4 → 13.3.7

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

@@ -1,60 +1,68 @@
-import {GVC} from "../glitterBundle/GVController.js";
-import {FormSetting} from "./form-setting.js";
-import {BgWidget} from "../backend-manager/bg-widget.js";
-import {TriggerEvent} from "../glitterBundle/plugins/trigger-event.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 {AiPointsList} from "./ai-points-list.js";
-import {EditorElem} from "../glitterBundle/plugins/editor-elem.js";
-import {UserList} from "./user-list.js";
+import { GVC } from '../glitterBundle/GVController.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
+const html = String.raw;
 
 export class AiPoints {
     public static main(gvc: GVC) {
-        return [BgWidget.container([
-            BgWidget.mainCard([
-                BgWidget.title('AI Points'),
-                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(() => {
-                            const id = gvc.glitter.getUUID()
-                            const vm = {
-                                loading: true,
-                                sum: 0
-                            }
-                            AiPointsApi.getSum({}).then((res) => {
-                                vm.sum = parseInt(res.response.sum, 10)
-                                vm.loading = false
+        return [
+            BgWidget.container(
+                [
+                    BgWidget.mainCard(
+                        [
+                            BgWidget.title('AI Points'),
+                            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(() => {
+                                        const id = gvc.glitter.getUUID();
+                                        const vm = {
+                                            loading: true,
+                                            sum: 0,
+                                        };
+                                        AiPointsApi.getSum({}).then((res) => {
+                                            vm.sum = parseInt(res.response.sum, 10);
+                                            vm.loading = false;
 
-                                gvc.notifyDataChange(id)
-                            })
-                            return {
-                                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>`
-                                    } else {
-                                        return `${vm.sum.toLocaleString()}`
-                                    }
-                                }
-                            }
-                        })}
-                            <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('')
+                                            gvc.notifyDataChange(id);
+                                        });
+                                        return {
+                                            bind: id,
+                                            view: () => {
+                                                if (vm.loading) {
+                                                    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(() => {
+                                            AiPoints.store(gvc);
+                                        })
+                                    )}
+                                </div>
+                            </div>`,
+                        ].join(`<div class="my-2"></div>`)
+                    ),
+                ].join(''),
+                BgWidget.getContainerWidth()
+            ),
+            AiPoints.walletList(gvc),
+        ].join('');
     }
 
     //紀錄列表
@@ -65,13 +73,13 @@ export class AiPoints {
             data: any;
             dataList: any;
             query?: string;
-            select: 'all' | 'cost' | 'income'
+            select: 'all' | 'cost' | 'income';
         } = {
             type: 'list',
             data: {},
             dataList: undefined,
             query: '',
-            select: 'all'
+            select: 'all',
         };
         const filterID = gvc.glitter.getUUID();
 
@@ -85,105 +93,112 @@ export class AiPoints {
 
             return {
                 bind: id,
-                dataList: [{obj: vm, key: 'type'}],
+                dataList: [{ obj: vm, key: 'type' }],
                 view: () => {
                     if (vm.type === 'list') {
-                        return BgWidget.container(BgWidget.card(html`
-                            ${BgWidget.tab([
-                                {title: '紀錄總覽', key: 'all'},
-                                {title: '使用紀錄', key: 'cost'},
-                                {title: '儲值紀錄', key: 'income'}
-                            ], gvc, vm.select, (text) => {
-                                vm.select = text as any
-                                gvc.notifyDataChange(id)
-                            })}
-                            <div class="border-bottom mb-2 w-100"></div>
-                            ${BgWidget.tableV2({
-                                gvc: gvc,
-                                getData: (vmi) => {
-                                    AiPointsApi.get({
-                                        page: vmi.page - 1,
-                                        limit: 20,
-                                        search: vm.query || undefined,
-                                        type: (() => {
-                                            switch (vm.select) {
-                                                case "all":
-                                                    return undefined
-                                                case "cost":
-                                                    return 'minus'
-                                                case "income":
-                                                    return 'plus'
+                        return BgWidget.container(
+                            BgWidget.card(html`
+                                ${BgWidget.tab(
+                                    [
+                                        { title: '紀錄總覽', key: 'all' },
+                                        { title: '使用紀錄', key: 'cost' },
+                                        { title: '儲值紀錄', key: 'income' },
+                                    ],
+                                    gvc,
+                                    vm.select,
+                                    (text) => {
+                                        vm.select = text as any;
+                                        gvc.notifyDataChange(id);
+                                    }
+                                )}
+                                <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: limit,
+                                            search: vm.query || undefined,
+                                            type: (() => {
+                                                switch (vm.select) {
+                                                    case 'all':
+                                                        return undefined;
+                                                    case 'cost':
+                                                        return 'minus';
+                                                    case 'income':
+                                                        return 'plus';
+                                                }
+                                            })(),
+                                        }).then((data) => {
+                                            function getDatalist() {
+                                                return data.response.data.map((dd: any) => {
+                                                    return [
+                                                        {
+                                                            key: '用戶名稱',
+                                                            value: `<span class="fs-7">${(dd.userData && dd.userData.name) ?? '資料異常'}</span>`,
+                                                        },
+                                                        {
+                                                            key: '金流單號',
+                                                            value: `<span class="fs-7">${dd.status === 2 ? `手動新增` : dd.orderID}</span>`,
+                                                        },
+                                                        {
+                                                            key: '異動金額',
+                                                            value: dd.money > 0 ? `<span class="fs-7 text-success">+ ${dd.money}</span>` : `<span class="fs-7 text-danger">- ${dd.money * -1}</span>`,
+                                                        },
+                                                        {
+                                                            key: '異動原因',
+                                                            value: `${dd.money > 0 ? `加值服務` : `使用AI智能助手`}`,
+                                                        },
+                                                        {
+                                                            key: '異動時間',
+                                                            value: `<span class="fs-7">${glitter.ut.dateFormat(new Date(dd.created_time), 'yyyy-MM-dd hh:mm')}</span>`,
+                                                        },
+                                                    ];
+                                                });
                                             }
-                                        })()
-                                    }).then((data) => {
-                                        vmi.pageSize = Math.ceil(data.response.total / 20);
-                                        vm.dataList = data.response.data;
 
-                                        function getDatalist() {
-                                            return data.response.data.map((dd: any) => {
-                                                return [
-                                                    {
-                                                        key: '用戶名稱',
-                                                        value: `<span class="fs-7">${(dd.userData && dd.userData.name) ?? '資料異常'}</span>`,
-                                                    },
-                                                    {
-                                                        key: '金流單號',
-                                                        value: `<span class="fs-7">${dd.status === 2 ? `手動新增` : dd.orderID}</span>`,
-                                                    },
-                                                    {
-                                                        key: '異動金額',
-                                                        value: `${dd.money > 0 ? `<span class="fs-7 text-success">+ ${dd.money}</span>` : `<span class="fs-7 text-danger">- ${dd.money * -1}</span>`}`,
-                                                    },
-                                                    {
-                                                        key: '異動原因',
-                                                        value: `${dd.money > 0 ? `加值服務` : `使用AI智能助手`}`,
-                                                    },
-                                                    {
-                                                        key: '異動時間',
-                                                        value: `<span class="fs-7">${glitter.ut.dateFormat(new Date(dd.created_time), 'yyyy-MM-dd hh:mm')}</span>`,
-                                                    },
-                                                ];
-                                            });
-                                        }
-
-                                        vmi.data = getDatalist();
-                                        vmi.loading = false;
-                                        vmi.callback();
-                                    });
-                                },
-                                rowClick: (data, index) => {
-
-                                },
-                                filter: ``
-                            })}
-                        `), BgWidget.getContainerWidth());
+                                            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: () => {},
+                                    filter: [],
+                                })}
+                            `),
+                            BgWidget.getContainerWidth()
+                        );
                     } else if (vm.type == 'replace') {
-                        return ``
+                        return ``;
                     } else {
                         return ``;
                     }
                 },
                 divCreate: {
-                    class: `mt-n4`
-                }
+                    class: `mt-n4`,
+                },
             };
         });
     }
 
     //儲值
     public static async store(gvc: GVC) {
-        const dialog = new ShareDialog(gvc.glitter)
-        dialog.dataLoading({visible: true})
+        const dialog = new ShareDialog(gvc.glitter);
+        dialog.dataLoading({ visible: true });
         const vm: {
-            total: number,
-            note: any,
-            return_url: string,
+            total: number;
+            note: any;
+            return_url: string;
             user_info: {
-                email: string,
-                invoice_type: 'me' | 'company' | 'donate',
-                company: string,
-                gui_number: string
-            }
+                email: string;
+                invoice_type: 'me' | 'company' | 'donate';
+                company: string;
+                gui_number: string;
+            };
         } = {
             total: 500,
             note: {},
@@ -192,15 +207,15 @@ export class AiPoints {
                 email: '',
                 invoice_type: 'me',
                 company: '',
-                gui_number: ''
-            }
-        }
+                gui_number: '',
+            },
+        };
         vm.user_info.email = vm.user_info.email || '';
-        const dd = (await ApiUser.getPublicConfig('ai-points-store', 'manager'))
+        const dd = await ApiUser.getPublicConfig('ai-points-store', 'manager');
         if (dd.response.value) {
-            vm.user_info = dd.response.value
+            vm.user_info = dd.response.value;
         }
-        dialog.dataLoading({visible: false});
+        dialog.dataLoading({ visible: false });
         BgWidget.settingDialog({
             gvc: gvc,
             title: '設定儲值金額',
@@ -210,144 +225,162 @@ export class AiPoints {
                     BgWidget.select({
                         gvc: gvc,
                         callback: (text) => {
-                            vm.total = parseInt(text)
-                            gvc.recreateView()
+                            vm.total = parseInt(text);
+                            gvc.recreateView();
                         },
                         options: [
-                            {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: '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 )' },
                         ],
-                        default: `${vm.total}`
+                        default: `${vm.total}`,
                     }),
                     ...(() => {
                         if (vm.total) {
-                            return [BgWidget.greenNote(`此次儲值可獲得AI Points『 ${(vm.total * 10).toLocaleString()} 』`)]
+                            return [BgWidget.greenNote(`此次儲值可獲得AI Points『 ${(vm.total * 10).toLocaleString()} 』`)];
                         } else {
-                            return []
+                            return [];
                         }
                     })(),
-                    ...(()=>{
-                        if(gvc.glitter.deviceType !== gvc.glitter.deviceTypeEnum.Ios){
-                            return [ BgWidget.editeInput({
-                                gvc: gvc,
-                                title: `發票寄送電子信箱`,
-                                placeHolder: '請輸入發票寄送電子信箱',
-                                callback: (text) => {
-                                    vm.user_info.email = text
-                                },
-                                type: 'email',
-                                default: vm.user_info.email
-                            }),
-                                `<div class="tx_normal fw-normal" >發票開立方式</div>`,
+                    ...(() => {
+                        if (gvc.glitter.deviceType !== gvc.glitter.deviceTypeEnum.Ios) {
+                            return [
+                                BgWidget.editeInput({
+                                    gvc: gvc,
+                                    title: `發票寄送電子信箱`,
+                                    placeHolder: '請輸入發票寄送電子信箱',
+                                    callback: (text) => {
+                                        vm.user_info.email = text;
+                                    },
+                                    type: 'email',
+                                    default: vm.user_info.email,
+                                }),
+                                html`<div class="tx_normal fw-normal">發票開立方式</div>`,
                                 BgWidget.select({
-                                    gvc: gvc, callback: (text) => {
-                                        vm.user_info.invoice_type = text
-                                        gvc.recreateView()
-                                    }, options: [
-                                        {key: 'me', value: '個人單位'},
-                                        {key: 'company', value: '公司行號'}
-                                    ], default: vm.user_info.invoice_type
+                                    gvc: gvc,
+                                    callback: (text) => {
+                                        vm.user_info.invoice_type = text;
+                                        gvc.recreateView();
+                                    },
+                                    options: [
+                                        { key: 'me', value: '個人單位' },
+                                        { 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) => {
-                                                    vm.user_info.company = text
-                                                }, type: 'text', default: `${vm.user_info.company}`
+                                                gvc: gvc,
+                                                title: `發票抬頭`,
+                                                placeHolder: '請輸入發票抬頭',
+                                                callback: (text) => {
+                                                    vm.user_info.company = text;
+                                                },
+                                                type: 'text',
+                                                default: `${vm.user_info.company}`,
                                             }),
                                             BgWidget.editeInput({
                                                 gvc: gvc,
                                                 title: `公司統一編號`,
                                                 placeHolder: '請輸入統一編號',
                                                 callback: (text) => {
-                                                    vm.user_info.gui_number = text
+                                                    vm.user_info.gui_number = text;
                                                 },
                                                 type: 'number',
-                                                default: `${vm.user_info.gui_number}`
-                                            })
-                                        ]
+                                                default: `${vm.user_info.gui_number}`,
+                                            }),
+                                        ];
                                     } else {
-                                        return []
+                                        return [];
                                     }
-                                })()]
-                        }else{
-                            return  []
+                                })(),
+                            ];
+                        } else {
+                            return [];
                         }
-                    })()
-                ].join(`<div class="my-2"></div>`)}</div>`
+                    })(),
+                ].join(`<div class="my-2"></div>`)}</div>`;
             },
             footer_html: (gvc: GVC) => {
-                return [BgWidget.cancel(gvc.event(() => {
-                    gvc.closeDialog()
-                })), BgWidget.save(gvc.event(async () => {
-                    if (vm.user_info.invoice_type !== 'company') {
-                        vm.user_info.company = ''
-                        vm.user_info.gui_number = ''
-                    }
-                    if(gvc.glitter.deviceType !== gvc.glitter.deviceTypeEnum.Ios){
-                        if (vm.user_info.invoice_type === 'company' && !vm.user_info.company) {
-                            dialog.errorMessage({text: '請確實填寫發票抬頭'})
-                            return
-                        } else if (vm.user_info.invoice_type === 'company' && !vm.user_info.gui_number) {
-                            dialog.errorMessage({text: '請確實填寫統一編號'})
-                            return
-                        } else if (!vm.user_info.email) {
-                            dialog.errorMessage({text: '請確實填寫信箱'})
-                            return
-                        } else if (!BgWidget.isValidEmail(vm.user_info.email)) {
-                            dialog.errorMessage({text: '請輸入有效信箱'})
-                            return
-                        } else if (vm.user_info.invoice_type === 'company' && !BgWidget.isValidNumbers(vm.user_info.gui_number)) {
-                            dialog.errorMessage({text: '請輸入有效統一編號'})
-                            return
-                        }
-                    }
-
-                    await ApiUser.setPublicConfig({
-                        key: 'ai-points-store',
-                        value: vm.user_info,
-                        user_id: 'manager',
-                    })
-                    vm.note = {
-                        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}`
-                        }, async (res) => {
-                            console.log(`res.receipt_data=>`, res.receipt_data);
-                            if (res.receipt_data) {
-                                await AiPointsApi.apple_webhook(res.receipt_data);
-                                window.parent.location.reload();
-                            } else {
-                                dialog.dataLoading({visible: false});
-                                dialog.errorMessage({text:'儲值失敗'})
-                            }
+                return [
+                    BgWidget.cancel(
+                        gvc.event(() => {
+                            gvc.closeDialog();
                         })
-                    } else {
-                        AiPointsApi.store(vm).then(async (res) => {
-                            dialog.dataLoading({visible: false})
-                            if (res.response.form) {
-                                const id = gvc.glitter.getUUID();
-                                (window.parent as any).$('body').append(`<div id="${id}" style="display: none;">${res.response.form}</div>`);
-                                (window.parent as any).document.querySelector(`#${id} #submit`).click();
+                    ),
+                    BgWidget.save(
+                        gvc.event(async () => {
+                            if (vm.user_info.invoice_type !== 'company') {
+                                vm.user_info.company = '';
+                                vm.user_info.gui_number = '';
+                            }
+                            if (gvc.glitter.deviceType !== gvc.glitter.deviceTypeEnum.Ios) {
+                                if (vm.user_info.invoice_type === 'company' && !vm.user_info.company) {
+                                    dialog.errorMessage({ text: '請確實填寫發票抬頭' });
+                                    return;
+                                } else if (vm.user_info.invoice_type === 'company' && !vm.user_info.gui_number) {
+                                    dialog.errorMessage({ text: '請確實填寫統一編號' });
+                                    return;
+                                } else if (!vm.user_info.email) {
+                                    dialog.errorMessage({ text: '請確實填寫信箱' });
+                                    return;
+                                } else if (!BgWidget.isValidEmail(vm.user_info.email)) {
+                                    dialog.errorMessage({ text: '請輸入有效信箱' });
+                                    return;
+                                } else if (vm.user_info.invoice_type === 'company' && !BgWidget.isValidNumbers(vm.user_info.gui_number)) {
+                                    dialog.errorMessage({ text: '請輸入有效統一編號' });
+                                    return;
+                                }
+                            }
+
+                            await ApiUser.setPublicConfig({
+                                key: 'ai-points-store',
+                                value: vm.user_info,
+                                user_id: 'manager',
+                            });
+                            vm.note = {
+                                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}`,
+                                    },
+                                    async (res) => {
+                                        console.log(`res.receipt_data=>`, res.receipt_data);
+                                        if (res.receipt_data) {
+                                            await AiPointsApi.apple_webhook(res.receipt_data);
+                                            window.parent.location.reload();
+                                        } else {
+                                            dialog.dataLoading({ visible: false });
+                                            dialog.errorMessage({ text: '儲值失敗' });
+                                        }
+                                    }
+                                );
                             } else {
-                                dialog.errorMessage({text: '發生錯誤'})
+                                AiPointsApi.store(vm).then(async (res) => {
+                                    dialog.dataLoading({ visible: false });
+                                    if (res.response.form) {
+                                        const id = gvc.glitter.getUUID();
+                                        (window.parent as any).$('body').append(`<div id="${id}" style="display: none;">${res.response.form}</div>`);
+                                        (window.parent as any).document.querySelector(`#${id} #submit`).click();
+                                    } else {
+                                        dialog.errorMessage({ text: '發生錯誤' });
+                                    }
+                                });
                             }
                         })
-                    }
-
-                }))].join('')
-            }
-        })
-        return
-
+                    ),
+                ].join('');
+            },
+        });
+        return;
     }
 }
 
-
-(window as any).glitter.setModule(import.meta.url, AiPoints);
+(window as any).glitter.setModule(import.meta.url, AiPoints);