ts-glitter 13.3.5 → 13.3.7

package/lowcode/cms-plugin/form-setting.ts

@@ -27,43 +27,6 @@ export class FormSetting {
         function getDatalist() {
             return vm.dataList.map((dd: any) => {
                 return [
-                    {
-                        key: EditorElem.checkBoxOnly({
-                            gvc: gvc,
-                            def: !vm.dataList.find((dd: any) => {
-                                return !dd.checked;
-                            }),
-                            callback: (result) => {
-                                vm.dataList.map((dd: any) => {
-                                    dd.checked = result;
-                                });
-                                vmi.data = getDatalist();
-                                vmi.callback();
-                                gvc.notifyDataChange(filterID);
-                                callback(
-                                    vm.dataList.filter((dd: any) => {
-                                        return dd.checked;
-                                    })
-                                );
-                            },
-                        }),
-                        value: EditorElem.checkBoxOnly({
-                            gvc: gvc,
-                            def: dd.checked,
-                            callback: (result) => {
-                                dd.checked = result;
-                                vmi.data = getDatalist();
-                                vmi.callback();
-                                gvc.notifyDataChange(filterID);
-                                callback(
-                                    vm.dataList.filter((dd: any) => {
-                                        return dd.checked;
-                                    })
-                                );
-                            },
-                            style: 'height:25px;',
-                        }),
-                    },
                     {
                         key: '表單標題',
                         value: html`<span class="fs-7">${dd.content.form_title}</span>`,
@@ -107,96 +70,74 @@ export class FormSetting {
                                 </div>
                                 ${BgWidget.container(
                                     BgWidget.mainCard(
-                                        BgWidget.tableV2({
-                                            gvc: gvc,
-                                            getData: (vd) => {
-                                                vmi = vd;
-                                                ApiPost.getManagerPost({
-                                                    page: vmi.page - 1,
-                                                    limit: 20,
-                                                    type: 'form_format_list',
-                                                    search: vm.query ? [`form_title-|>${vm.query}`] : [],
-                                                }).then((data) => {
-                                                    vmi.pageSize = Math.ceil(data.response.total / 20);
-                                                    vm.dataList = data.response.data;
-                                                    vmi.data = getDatalist();
-                                                    vmi.loading = false;
-                                                    vmi.callback();
-                                                });
-                                            },
-                                            rowClick: (data, index) => {
-                                                vm.data = vm.dataList[index];
-                                                vm.type = 'replace';
-                                            },
-                                            filter: html`
-                                                ${BgWidget.searchPlace(
-                                                    gvc.event((e, event) => {
-                                                        vm.query = e.value;
-                                                        gvc.notifyDataChange(id);
-                                                    }),
-                                                    vm.query || '',
-                                                    '搜尋所有表單'
-                                                )}
-                                                ${gvc.bindView(() => {
-                                                    return {
-                                                        bind: filterID,
-                                                        view: () => {
+                                        [
+                                            BgWidget.searchPlace(
+                                                gvc.event((e, event) => {
+                                                    vm.query = e.value;
+                                                    gvc.notifyDataChange(id);
+                                                }),
+                                                vm.query || '',
+                                                '搜尋所有表單'
+                                            ),
+                                            BgWidget.tableV3({
+                                                gvc: gvc,
+                                                getData: (vd) => {
+                                                    vmi = vd;
+                                                    const limit = 20;
+                                                    ApiPost.getManagerPost({
+                                                        page: vmi.page - 1,
+                                                        limit: limit,
+                                                        type: 'form_format_list',
+                                                        search: vm.query ? [`form_title-|>${vm.query}`] : [],
+                                                    }).then((data) => {
+                                                        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) => {
+                                                    vm.data = vm.dataList[index];
+                                                    vm.type = 'replace';
+                                                },
+                                                filter: [
+                                                    {
+                                                        name: '批量移除',
+                                                        event: () => {
                                                             const dialog = new ShareDialog(gvc.glitter);
-                                                            const selCount = vm.dataList.filter((dd: any) => dd.checked).length;
-                                                            return BgWidget.selNavbar({
-                                                                count: selCount,
-                                                                buttonList: [
-                                                                    BgWidget.selEventButton(
-                                                                        '批量移除',
-                                                                        gvc.event(() => {
-                                                                            dialog.checkYesOrNot({
-                                                                                text: '是否確認刪除所選項目？',
-                                                                                callback: (response) => {
-                                                                                    if (response) {
-                                                                                        dialog.dataLoading({ visible: true });
-                                                                                        ApiPost.delete({
-                                                                                            id: vm.dataList
-                                                                                                .filter((dd: any) => {
-                                                                                                    return dd.checked;
-                                                                                                })
-                                                                                                .map((dd: any) => {
-                                                                                                    return dd.id;
-                                                                                                })
-                                                                                                .join(`,`),
-                                                                                        }).then((res) => {
-                                                                                            dialog.dataLoading({ visible: false });
-                                                                                            if (res.result) {
-                                                                                                vm.dataList = undefined;
-                                                                                                gvc.notifyDataChange(id);
-                                                                                            } else {
-                                                                                                dialog.errorMessage({ text: '刪除失敗' });
-                                                                                            }
-                                                                                        });
-                                                                                    }
-                                                                                },
-                                                                            });
-                                                                        })
-                                                                    ),
-                                                                ],
+                                                            dialog.checkYesOrNot({
+                                                                text: '是否確認刪除所選項目？',
+                                                                callback: (response) => {
+                                                                    if (response) {
+                                                                        dialog.dataLoading({ visible: true });
+                                                                        ApiPost.delete({
+                                                                            id: vm.dataList
+                                                                                .filter((dd: any) => {
+                                                                                    return dd.checked;
+                                                                                })
+                                                                                .map((dd: any) => {
+                                                                                    return dd.id;
+                                                                                })
+                                                                                .join(`,`),
+                                                                        }).then((res) => {
+                                                                            dialog.dataLoading({ visible: false });
+                                                                            if (res.result) {
+                                                                                vm.dataList = undefined;
+                                                                                gvc.notifyDataChange(id);
+                                                                            } else {
+                                                                                dialog.errorMessage({ text: '刪除失敗' });
+                                                                            }
+                                                                        });
+                                                                    }
+                                                                },
                                                             });
                                                         },
-                                                        divCreate: () => {
-                                                            return {
-                                                                class: `mt-2 d-flex align-items-center p-2 py-3 ${
-                                                                    !vm.dataList ||
-                                                                    !vm.dataList.find((dd: any) => {
-                                                                        return dd.checked;
-                                                                    })
-                                                                        ? `d-none`
-                                                                        : ``
-                                                                }`,
-                                                                style: ``,
-                                                            };
-                                                        },
-                                                    };
-                                                })}
-                                            `,
-                                        })
+                                                    },
+                                                ],
+                                            }),
+                                        ].join('')
                                     )
                                 )}
                             `,
@@ -236,43 +177,6 @@ export class FormSetting {
         function getDatalist() {
             return vm.dataList.map((dd: any) => {
                 return [
-                    {
-                        key: EditorElem.checkBoxOnly({
-                            gvc: gvc,
-                            def: !vm.dataList.find((dd: any) => {
-                                return !dd.checked;
-                            }),
-                            callback: (result) => {
-                                vm.dataList.map((dd: any) => {
-                                    dd.checked = result;
-                                });
-                                vmi.data = getDatalist();
-                                vmi.callback();
-                                gvc.notifyDataChange(filterID);
-                                callback(
-                                    vm.dataList.filter((dd: any) => {
-                                        return dd.checked;
-                                    })
-                                );
-                            },
-                        }),
-                        value: EditorElem.checkBoxOnly({
-                            gvc: gvc,
-                            def: dd.checked,
-                            callback: (result) => {
-                                dd.checked = result;
-                                vmi.data = getDatalist();
-                                vmi.callback();
-                                gvc.notifyDataChange(filterID);
-                                callback(
-                                    vm.dataList.filter((dd: any) => {
-                                        return dd.checked;
-                                    })
-                                );
-                            },
-                            style: 'height:25px;',
-                        }),
-                    },
                     {
                         key: '表單標題',
                         value: `<span class="fs-7">${dd.content.form_title}</span>`,
@@ -300,28 +204,8 @@ export class FormSetting {
                                 </div>
                                 ${BgWidget.container(
                                     BgWidget.mainCard(
-                                        BgWidget.tableV2({
-                                            gvc: gvc,
-                                            getData: (vd) => {
-                                                vmi = vd;
-                                                ApiPost.getV2({
-                                                    page: vmi.page - 1,
-                                                    limit: 20,
-                                                    type: 'user',
-                                                    search: vm.query ? `form_title-|>${vm.query},type->post-form-config` : `type->post-form-config`,
-                                                }).then((data) => {
-                                                    vmi.pageSize = Math.ceil(data.response.total / 20);
-                                                    vm.dataList = data.response.data;
-                                                    vmi.data = getDatalist();
-                                                    vmi.loading = false;
-                                                    vmi.callback();
-                                                });
-                                            },
-                                            rowClick: (data, index) => {
-                                                vm.data = vm.dataList[index];
-                                                vm.type = 'replace';
-                                            },
-                                            filter: html`
+                                        [
+                                            html`<div class="mb-3 px-2">
                                                 ${BgWidget.searchPlace(
                                                     gvc.event((e, event) => {
                                                         vm.query = e.value;
@@ -330,66 +214,66 @@ export class FormSetting {
                                                     vm.query || '',
                                                     '搜尋所有表單'
                                                 )}
-                                                ${gvc.bindView(() => {
-                                                    return {
-                                                        bind: filterID,
-                                                        view: () => {
+                                            </div>`,
+                                            BgWidget.tableV3({
+                                                gvc: gvc,
+                                                getData: (vd) => {
+                                                    vmi = vd;
+                                                    const limit = 20;
+                                                    ApiPost.getV2({
+                                                        page: vmi.page - 1,
+                                                        limit: limit,
+                                                        type: 'user',
+                                                        search: vm.query ? `form_title-|>${vm.query},type->post-form-config` : `type->post-form-config`,
+                                                    }).then((data) => {
+                                                        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) => {
+                                                    vm.data = vm.dataList[index];
+                                                    vm.type = 'replace';
+                                                },
+                                                filter: [
+                                                    {
+                                                        name: '批量移除',
+                                                        event: () => {
                                                             const dialog = new ShareDialog(gvc.glitter);
-                                                            const selCount = vm.dataList.filter((dd: any) => dd.checked).length;
-                                                            return BgWidget.selNavbar({
-                                                                count: selCount,
-                                                                buttonList: [
-                                                                    BgWidget.selEventButton(
-                                                                        '批量移除',
-                                                                        gvc.event(() => {
-                                                                            dialog.checkYesOrNot({
-                                                                                text: '是否確認刪除所選項目？',
-                                                                                callback: (response) => {
-                                                                                    if (response) {
-                                                                                        dialog.dataLoading({ visible: true });
-                                                                                        ApiPost.deleteUserPost({
-                                                                                            id: vm.dataList
-                                                                                                .filter((dd: any) => {
-                                                                                                    return dd.checked;
-                                                                                                })
-                                                                                                .map((dd: any) => {
-                                                                                                    return dd.id;
-                                                                                                })
-                                                                                                .join(`,`),
-                                                                                        }).then((res) => {
-                                                                                            dialog.dataLoading({ visible: false });
-                                                                                            if (res.result) {
-                                                                                                vm.dataList = undefined;
-                                                                                                gvc.notifyDataChange(id);
-                                                                                            } else {
-                                                                                                dialog.errorMessage({ text: '刪除失敗' });
-                                                                                            }
-                                                                                        });
-                                                                                    }
-                                                                                },
-                                                                            });
-                                                                        })
-                                                                    ),
-                                                                ],
+                                                            dialog.checkYesOrNot({
+                                                                text: '是否確認刪除所選項目？',
+                                                                callback: (response) => {
+                                                                    if (response) {
+                                                                        dialog.dataLoading({ visible: true });
+                                                                        ApiPost.deleteUserPost({
+                                                                            id: vm.dataList
+                                                                                .filter((dd: any) => {
+                                                                                    return dd.checked;
+                                                                                })
+                                                                                .map((dd: any) => {
+                                                                                    return dd.id;
+                                                                                })
+                                                                                .join(`,`),
+                                                                        }).then((res) => {
+                                                                            dialog.dataLoading({ visible: false });
+                                                                            if (res.result) {
+                                                                                vm.dataList = undefined;
+                                                                                gvc.notifyDataChange(id);
+                                                                            } else {
+                                                                                dialog.errorMessage({ text: '刪除失敗' });
+                                                                            }
+                                                                        });
+                                                                    }
+                                                                },
                                                             });
                                                         },
-                                                        divCreate: () => {
-                                                            return {
-                                                                class: `d-flex align-items-center p-2 mt-2 py-3 ${
-                                                                    !vm.dataList ||
-                                                                    !vm.dataList.find((dd: any) => {
-                                                                        return dd.checked;
-                                                                    })
-                                                                        ? `d-none`
-                                                                        : ``
-                                                                }`,
-                                                                style: ``,
-                                                            };
-                                                        },
-                                                    };
-                                                })}
-                                            `,
-                                        })
+                                                    },
+                                                ],
+                                            }),
+                                        ].join('')
                                     )
                                 )}
                             `,

package/lowcode/cms-plugin/line-auto-reply.js

@@ -12,7 +12,7 @@ import { BgWidget } from '../backend-manager/bg-widget.js';
 import { Tool } from '../modules/tool.js';
 import { ApiUser } from '../glitter-base/route/user.js';
 import { EditorElem } from '../glitterBundle/plugins/editor-elem.js';
-import { ShareDialog } from "../dialog/ShareDialog.js";
+import { ShareDialog } from '../dialog/ShareDialog.js';
 const html = String.raw;
 export class AutoReply {
     static main(gvc, widget) {
@@ -23,9 +23,9 @@ export class AutoReply {
             tag: '',
             query: '',
             userData: {
-                userName: "",
-                password: ""
-            }
+                userName: '',
+                password: '',
+            },
         };
         const glitter = gvc.glitter;
         const id = glitter.getUUID();
@@ -104,7 +104,7 @@ export class AutoReply {
                                 ${BgWidget.title('LINE自動發送訊息')}
                                 <div class="flex-fill"></div>
                             </div>
-                            ${BgWidget.container(BgWidget.mainCard(BgWidget.tableV2({
+                            ${BgWidget.container(BgWidget.mainCard(BgWidget.tableV3({
                         gvc: gvc,
                         getData: (vmk) => __awaiter(this, void 0, void 0, function* () {
                             const appData = yield ApiUser.getPublicConfig('store-information', 'manager');
@@ -124,18 +124,17 @@ export class AutoReply {
                                 vm.dataList[index].title = vm.dataList[index].title.replace(/@\{\{app_name\}\}/g, (appData.response.value && appData.response.value.shop_name) || '商店名稱');
                                 index++;
                             }
-                            vmi.data = getDatalist();
+                            vmi.originalData = vm.dataList;
+                            vmi.tableData = getDatalist();
                             vmi.loading = false;
-                            setTimeout(() => {
-                                vmi.callback();
-                            });
+                            vmi.callback();
                         }),
                         rowClick: (data, index) => {
                             vm.tag = vm.dataList[index].tag;
                             vm.type = 'replace';
                             gvc.notifyDataChange(id);
                         },
-                        filter: '',
+                        filter: [],
                     })))}
                             ${BgWidget.mbContainer(240)}
                         `, BgWidget.getContainerWidth());
@@ -206,16 +205,16 @@ export class AutoReply {
                                 placeHolder: '請輸入寄件者名稱',
                             }),
                             html `
-                                        <div class="d-flex mt-3 mb-2" >
+                                        <div class="d-flex mt-3 mb-2">
                                             <div class="d-flex" style="color: #393939;font-size: 15px;">簡訊內容</div>
                                             <div class="d-flex align-items-end ms-3" style="font-size: 12px;color: #8D8D8D">預計每則簡訊花費${pointCount * this.ticket}點</div>
                                         </div>
                                     `,
                             EditorElem.editeText({
                                 gvc: gvc,
-                                title: "",
-                                default: vm.data.content || "",
-                                placeHolder: "",
+                                title: '',
+                                default: vm.data.content || '',
+                                placeHolder: '',
                                 callback: (text) => {
                                     vm.data.content = text;
                                     let totalSize = 0;
@@ -232,11 +231,11 @@ export class AutoReply {
                                         pointCount = 1;
                                     }
                                     else {
-                                        pointCount = Math.ceil(totalSize /= this.longSMS);
+                                        pointCount = Math.ceil((totalSize /= this.longSMS));
                                     }
                                     gvc.notifyDataChange(id);
-                                }
-                            })
+                                },
+                            }),
                         ].join('');
                     },
                 };
@@ -265,7 +264,7 @@ export class AutoReply {
                             });
                         }
                     },
-                    text: `確認無誤後將儲存。`
+                    text: `確認無誤後將儲存。`,
                 });
             }))}
                 </div>`,