ts-glitter 21.1.8 → 21.2.0

package/lowcode/Entry.js

@@ -146,7 +146,7 @@ export class Entry {
             }
             window.renderClock = (_b = window.renderClock) !== null && _b !== void 0 ? _b : createClock();
             console.log(`Entry-time:`, window.renderClock.stop());
-            glitter.share.editerVersion = 'V_21.1.8';
+            glitter.share.editerVersion = 'V_21.2.0';
             glitter.share.start = new Date();
             const vm = { appConfig: [] };
             window.saasConfig = {
@@ -547,6 +547,19 @@ export class Entry {
         callback();
     }
     static toNormalRender(glitter, vm, callback) {
+        ApiUser.getUserData(GlobalUser.token, 'me').then((r) => __awaiter(this, void 0, void 0, function* () {
+            try {
+                if (!r.result) {
+                    GlobalUser.token = '';
+                }
+                else {
+                    GlobalUser.userInfo = r.response;
+                    GlobalUser.updateUserData = JSON.parse(JSON.stringify(r.response));
+                }
+            }
+            catch (e) {
+            }
+        }));
         glitter.addStyleLink([`https://cdn.jsdelivr.net/npm/froala-editor@latest/css/froala_editor.pkgd.min.css`]);
         glitter.addMtScript([
             {

package/lowcode/Entry.ts

@@ -11,6 +11,7 @@ import { PayConfig } from './cms-plugin/pos-pages/pay-config.js';
 import { ApiCart } from './glitter-base/route/api-cart.js';
 import { ApiUser } from './glitter-base/route/user.js';
 import { ApplicationConfig } from './application-config.js';
+import { TriggerEvent } from './glitterBundle/plugins/trigger-event.js';
 
 export class Entry {
   // 建立初始函式
@@ -149,7 +150,7 @@ export class Entry {
       }
       (window as any).renderClock = (window as any).renderClock ?? createClock();
       console.log(`Entry-time:`, (window as any).renderClock.stop());
-      glitter.share.editerVersion = 'V_21.1.8';
+      glitter.share.editerVersion = 'V_21.2.0';
       glitter.share.start = new Date();
       const vm = { appConfig: [] };
       (window as any).saasConfig = {
@@ -595,6 +596,17 @@ export class Entry {
 
   // 跳轉至一般頁面
   public static toNormalRender(glitter: Glitter, vm: any, callback: () => void) {
+    ApiUser.getUserData(GlobalUser.token,'me').then(async (r) => {
+      try {
+        if (!r.result) {
+          GlobalUser.token = ''
+        } else {
+          GlobalUser.userInfo = r.response
+          GlobalUser.updateUserData = JSON.parse(JSON.stringify(r.response))
+         }
+      } catch (e) {
+       }
+    })
     glitter.addStyleLink([`https://cdn.jsdelivr.net/npm/froala-editor@latest/css/froala_editor.pkgd.min.css`]);
     glitter.addMtScript(
       [

package/lowcode/backend-manager/bg-line.js

@@ -20,6 +20,7 @@ import { ShoppingDiscountSetting } from '../cms-plugin/shopping-discount-setting
 import { BgListComponent } from './bg-list-component.js';
 import { Tool } from '../modules/tool.js';
 import { ApiLineMessage } from '../glitter-base/route/line.js';
+import { TableStorage } from '../cms-plugin/module/table-storage.js';
 const html = String.raw;
 const inputStyle = 'font-size: 16px; height: 40px; width: 300px;';
 export class BgLine {
@@ -263,6 +264,7 @@ export class BgLine {
             query: '',
             queryType: 'email',
             filter: {},
+            listLimit: TableStorage.getLimit(),
         };
         return gvc.bindView(() => {
             const ListComp = new BgListComponent(gvc, vm, FilterOptions.emailFilterFrame);
@@ -288,17 +290,23 @@ export class BgLine {
                                                 gvc,
                                                 callback: (value) => {
                                                     vm.queryType = value;
-                                                    gvc.notifyDataChange(vm.tableId);
-                                                    gvc.notifyDataChange(id);
+                                                    gvc.notifyDataChange([vm.tableId, id]);
                                                 },
                                                 default: vm.queryType || 'email',
                                                 options: FilterOptions.snsSelect,
                                             }),
                                             BgWidget.searchFilter(gvc.event(e => {
                                                 vm.query = `${e.value}`.trim();
-                                                gvc.notifyDataChange(vm.tableId);
-                                                gvc.notifyDataChange(id);
+                                                gvc.notifyDataChange([vm.tableId, id]);
                                             }), vm.query || '', '搜尋所有訊息內容'),
+                                            BgWidget.countingFilter({
+                                                gvc,
+                                                callback: value => {
+                                                    vm.listLimit = value;
+                                                    gvc.notifyDataChange([vm.tableId, id]);
+                                                },
+                                                default: vm.listLimit,
+                                            }),
                                             BgWidget.funnelFilter({
                                                 gvc,
                                                 callback: () => {
@@ -318,10 +326,9 @@ export class BgLine {
                                         gvc: gvc,
                                         getData: vmi => {
                                             var _a, _b;
-                                            const limit = 20;
                                             ApiLineMessage.history({
                                                 page: vmi.page - 1,
-                                                limit: limit,
+                                                limit: vm.listLimit,
                                                 search: (_a = vm.query) !== null && _a !== void 0 ? _a : '',
                                                 searchType: (_b = vm.queryType) !== null && _b !== void 0 ? _b : 'email',
                                                 sendTime: undefined,
@@ -392,7 +399,7 @@ export class BgLine {
                                                         });
                                                     }
                                                     vm.dataList = data.response.data;
-                                                    vmi.pageSize = Math.ceil(data.response.total / limit);
+                                                    vmi.pageSize = Math.ceil(data.response.total / vm.listLimit);
                                                     vmi.originalData = vm.dataList;
                                                     vmi.tableData = getDatalist();
                                                     vmi.loading = false;
@@ -795,7 +802,7 @@ export class BgLine {
                         ApiUser.getUserList({
                             page: 0,
                             limit: 99999,
-                            only_id: true
+                            only_id: true,
                         }).then(dd => {
                             dd.response.data.map((user) => {
                                 if (user.userData.lineID) {
@@ -1144,7 +1151,7 @@ export class BgLine {
                                                 ApiUser.getUserList({
                                                     page: 0,
                                                     limit: 99999,
-                                                    only_id: true
+                                                    only_id: true,
                                                 }).then(dd => {
                                                     if (dd.response.data) {
                                                         const ids = [];
@@ -1195,7 +1202,8 @@ export class BgLine {
                                                             ApiUser.getUserList({
                                                                 page: 0,
                                                                 limit: 99999,
-                                                                search: data.query, only_id: true,
+                                                                search: data.query,
+                                                                only_id: true,
                                                             }).then(dd => {
                                                                 if (dd.response.data) {
                                                                     vm.dataList = dd.response.data

package/lowcode/backend-manager/bg-line.ts

@@ -12,6 +12,7 @@ import { ShoppingDiscountSetting } from '../cms-plugin/shopping-discount-setting
 import { BgListComponent } from './bg-list-component.js';
 import { Tool } from '../modules/tool.js';
 import { ApiLineMessage } from '../glitter-base/route/line.js';
+import { TableStorage } from '../cms-plugin/module/table-storage.js';
 
 const html = String.raw;
 
@@ -318,6 +319,7 @@ export class BgLine {
       query?: string;
       queryType?: string;
       filter?: any;
+      listLimit: number;
     } = {
       id: glitter.getUUID(),
       tableId: glitter.getUUID(),
@@ -327,6 +329,7 @@ export class BgLine {
       query: '',
       queryType: 'email',
       filter: {},
+      listLimit: TableStorage.getLimit(),
     };
     return gvc.bindView(() => {
       const ListComp = new BgListComponent(gvc, vm, FilterOptions.emailFilterFrame);
@@ -354,8 +357,7 @@ export class BgLine {
                               gvc,
                               callback: (value: any) => {
                                 vm.queryType = value;
-                                gvc.notifyDataChange(vm.tableId);
-                                gvc.notifyDataChange(id);
+                                gvc.notifyDataChange([vm.tableId, id]);
                               },
                               default: vm.queryType || 'email',
                               options: FilterOptions.snsSelect,
@@ -363,12 +365,19 @@ export class BgLine {
                             BgWidget.searchFilter(
                               gvc.event(e => {
                                 vm.query = `${e.value}`.trim();
-                                gvc.notifyDataChange(vm.tableId);
-                                gvc.notifyDataChange(id);
+                                gvc.notifyDataChange([vm.tableId, id]);
                               }),
                               vm.query || '',
                               '搜尋所有訊息內容'
                             ),
+                            BgWidget.countingFilter({
+                              gvc,
+                              callback: value => {
+                                vm.listLimit = value;
+                                gvc.notifyDataChange([vm.tableId, id]);
+                              },
+                              default: vm.listLimit,
+                            }),
                             BgWidget.funnelFilter({
                               gvc,
                               callback: () => {
@@ -388,10 +397,9 @@ export class BgLine {
                         return BgWidget.tableV3({
                           gvc: gvc,
                           getData: vmi => {
-                            const limit = 20;
                             ApiLineMessage.history({
                               page: vmi.page - 1,
-                              limit: limit,
+                              limit: vm.listLimit,
                               search: vm.query ?? '',
                               searchType: vm.queryType ?? 'email',
                               sendTime: undefined,
@@ -466,7 +474,7 @@ export class BgLine {
                                 }
 
                                 vm.dataList = data.response.data;
-                                vmi.pageSize = Math.ceil(data.response.total / limit);
+                                vmi.pageSize = Math.ceil(data.response.total / vm.listLimit);
                                 vmi.originalData = vm.dataList;
                                 vmi.tableData = getDatalist();
                                 vmi.loading = false;
@@ -900,7 +908,7 @@ export class BgLine {
             ApiUser.getUserList({
               page: 0,
               limit: 99999,
-              only_id:true
+              only_id: true,
             }).then(dd => {
               dd.response.data.map((user: any) => {
                 if (user.userData.lineID) {
@@ -1272,7 +1280,7 @@ export class BgLine {
                                   ApiUser.getUserList({
                                     page: 0,
                                     limit: 99999,
-                                    only_id:true
+                                    only_id: true,
                                   }).then(dd => {
                                     if (dd.response.data) {
                                       const ids: number[] = [];
@@ -1339,7 +1347,8 @@ export class BgLine {
                                           ApiUser.getUserList({
                                             page: 0,
                                             limit: 99999,
-                                            search: data.query,  only_id:true,
+                                            search: data.query,
+                                            only_id: true,
                                           }).then(dd => {
                                             if (dd.response.data) {
                                               vm.dataList = dd.response.data

package/lowcode/backend-manager/bg-list-component.js

@@ -379,7 +379,6 @@ export class BgListComponent {
         });
     }
     static listBarRWD(filterList, filterTags) {
-        var _a, _b, _c;
         if (document.body.clientWidth > 768) {
             return html ` <div style="display: flex; align-items: center; gap: 10px;">${filterList.join('')}</div>
         <div>${filterTags}</div>`;
@@ -388,7 +387,7 @@ export class BgListComponent {
         style="display: flex; align-items: center; gap: 10px; width: 100%; justify-content: space-between"
       >
         <div>${filterList[0]}</div>
-        <div style="display: flex; gap: 4px;">${(_a = filterList[2]) !== null && _a !== void 0 ? _a : ''} ${(_b = filterList[3]) !== null && _b !== void 0 ? _b : ''} ${(_c = filterList[4]) !== null && _c !== void 0 ? _c : ''}</div>
+        <div style="display: flex; gap: 4px;">${filterList.slice(2, filterList.length).filter(Boolean).join('')}</div>
       </div>
       <div style="display: flex; margin-top: 8px;">${filterList[1]}</div>
       <div>${filterTags}</div>`;

package/lowcode/backend-manager/bg-list-component.ts

@@ -457,7 +457,7 @@ export class BgListComponent {
         style="display: flex; align-items: center; gap: 10px; width: 100%; justify-content: space-between"
       >
         <div>${filterList[0]}</div>
-        <div style="display: flex; gap: 4px;">${filterList[2] ?? ''} ${filterList[3] ?? ''} ${filterList[4] ?? ''}</div>
+        <div style="display: flex; gap: 4px;">${filterList.slice(2, filterList.length).filter(Boolean).join('')}</div>
       </div>
       <div style="display: flex; margin-top: 8px;">${filterList[1]}</div>
       <div>${filterTags}</div>`;

package/lowcode/backend-manager/bg-notify.js

@@ -20,6 +20,7 @@ import { ShoppingDiscountSetting } from '../cms-plugin/shopping-discount-setting
 import { ApiSmtp } from '../glitter-base/route/smtp.js';
 import { BgListComponent } from './bg-list-component.js';
 import { Tool } from '../modules/tool.js';
+import { TableStorage } from '../cms-plugin/module/table-storage.js';
 const html = String.raw;
 const inputStyle = 'font-size: 16px; height:40px; width:300px;';
 export class BgNotify {
@@ -262,6 +263,7 @@ export class BgNotify {
             query: '',
             queryType: 'email',
             filter: {},
+            listLimit: TableStorage.getLimit(),
         };
         return gvc.bindView(() => {
             const ListComp = new BgListComponent(gvc, vm, FilterOptions.emailFilterFrame);
@@ -287,17 +289,23 @@ export class BgNotify {
                                                 gvc,
                                                 callback: (value) => {
                                                     vm.queryType = value;
-                                                    gvc.notifyDataChange(vm.tableId);
-                                                    gvc.notifyDataChange(id);
+                                                    gvc.notifyDataChange([vm.tableId, id]);
                                                 },
                                                 default: vm.queryType || 'email',
                                                 options: FilterOptions.emailSelect,
                                             }),
                                             BgWidget.searchFilter(gvc.event(e => {
                                                 vm.query = `${e.value}`.trim();
-                                                gvc.notifyDataChange(vm.tableId);
-                                                gvc.notifyDataChange(id);
+                                                gvc.notifyDataChange([vm.tableId, id]);
                                             }), vm.query || '', '搜尋所有信件內容'),
+                                            BgWidget.countingFilter({
+                                                gvc,
+                                                callback: value => {
+                                                    vm.listLimit = value;
+                                                    gvc.notifyDataChange([vm.tableId, id]);
+                                                },
+                                                default: vm.listLimit,
+                                            }),
                                             BgWidget.funnelFilter({
                                                 gvc,
                                                 callback: () => {
@@ -317,10 +325,9 @@ export class BgNotify {
                                         gvc: gvc,
                                         getData: vmi => {
                                             var _a, _b;
-                                            const limit = 20;
                                             ApiSmtp.history({
                                                 page: vmi.page - 1,
-                                                limit: limit,
+                                                limit: vm.listLimit,
                                                 search: (_a = vm.query) !== null && _a !== void 0 ? _a : '',
                                                 searchType: (_b = vm.queryType) !== null && _b !== void 0 ? _b : 'email',
                                                 sendTime: undefined,
@@ -391,7 +398,7 @@ export class BgNotify {
                                                         });
                                                     }
                                                     vm.dataList = data.response.data;
-                                                    vmi.pageSize = Math.ceil(data.response.total / limit);
+                                                    vmi.pageSize = Math.ceil(data.response.total / vm.listLimit);
                                                     vmi.originalData = vm.dataList;
                                                     vmi.tableData = getDatalist();
                                                     vmi.loading = false;
@@ -855,7 +862,7 @@ export class BgNotify {
                         ApiUser.getUserList({
                             page: 0,
                             limit: 99999,
-                            only_id: true
+                            only_id: true,
                         }).then(dd => {
                             dd.response.data.map((user) => {
                                 if (user.userData.email && user.userData.email.length > 0) {
@@ -1189,7 +1196,7 @@ export class BgNotify {
                                                 ApiUser.getUserList({
                                                     page: 0,
                                                     limit: 99999,
-                                                    only_id: true
+                                                    only_id: true,
                                                 }).then(dd => {
                                                     if (dd.response.data) {
                                                         const ids = [];
@@ -1241,7 +1248,7 @@ export class BgNotify {
                                                                 page: 0,
                                                                 limit: 99999,
                                                                 only_id: true,
-                                                                search: data.query
+                                                                search: data.query,
                                                             }).then(dd => {
                                                                 if (dd.response.data) {
                                                                     vm.dataList = dd.response.data

package/lowcode/backend-manager/bg-notify.ts

@@ -12,6 +12,7 @@ import { ShoppingDiscountSetting } from '../cms-plugin/shopping-discount-setting
 import { ApiSmtp } from '../glitter-base/route/smtp.js';
 import { BgListComponent } from './bg-list-component.js';
 import { Tool } from '../modules/tool.js';
+import { TableStorage } from '../cms-plugin/module/table-storage.js';
 
 const html = String.raw;
 
@@ -312,6 +313,7 @@ export class BgNotify {
       query?: string;
       queryType?: string;
       filter?: any;
+      listLimit: number;
     } = {
       id: glitter.getUUID(),
       tableId: glitter.getUUID(),
@@ -321,6 +323,7 @@ export class BgNotify {
       query: '',
       queryType: 'email',
       filter: {},
+      listLimit: TableStorage.getLimit(),
     };
     return gvc.bindView(() => {
       const ListComp = new BgListComponent(gvc, vm, FilterOptions.emailFilterFrame);
@@ -348,8 +351,7 @@ export class BgNotify {
                               gvc,
                               callback: (value: any) => {
                                 vm.queryType = value;
-                                gvc.notifyDataChange(vm.tableId);
-                                gvc.notifyDataChange(id);
+                                gvc.notifyDataChange([vm.tableId, id]);
                               },
                               default: vm.queryType || 'email',
                               options: FilterOptions.emailSelect,
@@ -357,12 +359,19 @@ export class BgNotify {
                             BgWidget.searchFilter(
                               gvc.event(e => {
                                 vm.query = `${e.value}`.trim();
-                                gvc.notifyDataChange(vm.tableId);
-                                gvc.notifyDataChange(id);
+                                gvc.notifyDataChange([vm.tableId, id]);
                               }),
                               vm.query || '',
                               '搜尋所有信件內容'
                             ),
+                            BgWidget.countingFilter({
+                              gvc,
+                              callback: value => {
+                                vm.listLimit = value;
+                                gvc.notifyDataChange([vm.tableId, id]);
+                              },
+                              default: vm.listLimit,
+                            }),
                             BgWidget.funnelFilter({
                               gvc,
                               callback: () => {
@@ -382,10 +391,9 @@ export class BgNotify {
                         return BgWidget.tableV3({
                           gvc: gvc,
                           getData: vmi => {
-                            const limit = 20;
                             ApiSmtp.history({
                               page: vmi.page - 1,
-                              limit: limit,
+                              limit: vm.listLimit,
                               search: vm.query ?? '',
                               searchType: vm.queryType ?? 'email',
                               sendTime: undefined,
@@ -463,7 +471,7 @@ export class BgNotify {
                                 }
 
                                 vm.dataList = data.response.data;
-                                vmi.pageSize = Math.ceil(data.response.total / limit);
+                                vmi.pageSize = Math.ceil(data.response.total / vm.listLimit);
                                 vmi.originalData = vm.dataList;
                                 vmi.tableData = getDatalist();
                                 vmi.loading = false;
@@ -958,7 +966,7 @@ export class BgNotify {
             ApiUser.getUserList({
               page: 0,
               limit: 99999,
-              only_id:true
+              only_id: true,
             }).then(dd => {
               dd.response.data.map((user: any) => {
                 if (user.userData.email && user.userData.email.length > 0) {
@@ -1309,7 +1317,7 @@ export class BgNotify {
                                   ApiUser.getUserList({
                                     page: 0,
                                     limit: 99999,
-                                    only_id:true
+                                    only_id: true,
                                   }).then(dd => {
                                     if (dd.response.data) {
                                       const ids: number[] = [];
@@ -1361,8 +1369,8 @@ export class BgNotify {
                                           ApiUser.getUserList({
                                             page: 0,
                                             limit: 99999,
-                                            only_id:true,
-                                            search: data.query
+                                            only_id: true,
+                                            search: data.query,
                                           }).then(dd => {
                                             if (dd.response.data) {
                                               vm.dataList = dd.response.data

package/lowcode/backend-manager/bg-recommend.js

@@ -18,6 +18,7 @@ import { Tool } from '../modules/tool.js';
 import { BgProduct } from './bg-product.js';
 import { CheckInput } from '../modules/checkInput.js';
 import { ShoppingOrderManager } from '../cms-plugin/shopping-order-manager.js';
+import { TableStorage } from '../cms-plugin/module/table-storage.js';
 export class BgRecommend {
     static linkList(gvc, widget) {
         const html = String.raw;
@@ -284,6 +285,7 @@ export class BgRecommend {
             group: { type: 'level', title: '', tag: '' },
             filter: {},
             orderString: 'default',
+            listLimit: TableStorage.getLimit(),
         };
         const ListComp = new BgListComponent(gvc, vm, FilterOptions.recommendUserFilterFrame);
         vm.filter = ListComp.getFilterObject();
@@ -343,23 +345,28 @@ export class BgRecommend {
                                                 gvc,
                                                 callback: (value) => {
                                                     vm.queryType = value;
-                                                    gvc.notifyDataChange(vm.tableId);
-                                                    gvc.notifyDataChange(fvm.id);
+                                                    gvc.notifyDataChange([vm.tableId, fvm.id]);
                                                 },
                                                 default: vm.queryType || 'name',
                                                 options: FilterOptions.recommendUserSelect,
                                             }),
                                             BgWidget.searchFilter(gvc.event(e => {
                                                 vm.query = `${e.value}`.trim();
-                                                gvc.notifyDataChange(vm.tableId);
-                                                gvc.notifyDataChange(fvm.id);
+                                                gvc.notifyDataChange([vm.tableId, fvm.id]);
                                             }), vm.query || '', '搜尋推薦人'),
+                                            BgWidget.countingFilter({
+                                                gvc,
+                                                callback: value => {
+                                                    vm.listLimit = value;
+                                                    gvc.notifyDataChange([vm.tableId, fvm.id]);
+                                                },
+                                                default: vm.listLimit,
+                                            }),
                                             BgWidget.updownFilter({
                                                 gvc,
                                                 callback: (value) => {
                                                     vm.orderString = value;
-                                                    gvc.notifyDataChange(vm.tableId);
-                                                    gvc.notifyDataChange(fvm.id);
+                                                    gvc.notifyDataChange([vm.tableId, fvm.id]);
                                                 },
                                                 default: vm.orderString || 'default',
                                                 options: FilterOptions.recommendUserOrderBy,
@@ -387,10 +394,9 @@ export class BgRecommend {
                                         gvc: gvc,
                                         getData: (vd) => __awaiter(this, void 0, void 0, function* () {
                                             vmi = vd;
-                                            const limit = 15;
                                             ApiRecommend.getUsers({
                                                 data: {},
-                                                limit: limit,
+                                                limit: vm.listLimit,
                                                 page: vmi.page - 1,
                                                 token: window.parent.config.token,
                                                 search: vm.query,
@@ -398,7 +404,7 @@ export class BgRecommend {
                                                 orderBy: vm.orderString,
                                             }).then(data => {
                                                 vm.dataList = data.response.data;
-                                                vmi.pageSize = Math.ceil(data.response.total / limit);
+                                                vmi.pageSize = Math.ceil(data.response.total / vm.listLimit);
                                                 vmi.originalData = vm.dataList;
                                                 vmi.tableData = getDatalist();
                                                 vmi.loading = false;

package/lowcode/backend-manager/bg-recommend.ts

@@ -10,6 +10,7 @@ import { Tool } from '../modules/tool.js';
 import { BgProduct } from './bg-product.js';
 import { CheckInput } from '../modules/checkInput.js';
 import { ShoppingOrderManager } from '../cms-plugin/shopping-order-manager.js';
+import { TableStorage } from '../cms-plugin/module/table-storage.js';
 
 export type OptionsItem = {
   key: number | string;
@@ -354,6 +355,7 @@ export class BgRecommend {
       group: { type: string; title: string; tag: string };
       filter: any;
       orderString: string;
+      listLimit: number;
     } = {
       id: glitter.getUUID(),
       tableId: glitter.getUUID(),
@@ -366,6 +368,7 @@ export class BgRecommend {
       group: { type: 'level', title: '', tag: '' },
       filter: {},
       orderString: 'default',
+      listLimit: TableStorage.getLimit(),
     };
 
     const ListComp = new BgListComponent(gvc, vm, FilterOptions.recommendUserFilterFrame);
@@ -433,8 +436,7 @@ export class BgRecommend {
                               gvc,
                               callback: (value: any) => {
                                 vm.queryType = value;
-                                gvc.notifyDataChange(vm.tableId);
-                                gvc.notifyDataChange(fvm.id);
+                                gvc.notifyDataChange([vm.tableId, fvm.id]);
                               },
                               default: vm.queryType || 'name',
                               options: FilterOptions.recommendUserSelect,
@@ -442,18 +444,24 @@ export class BgRecommend {
                             BgWidget.searchFilter(
                               gvc.event(e => {
                                 vm.query = `${e.value}`.trim();
-                                gvc.notifyDataChange(vm.tableId);
-                                gvc.notifyDataChange(fvm.id);
+                                gvc.notifyDataChange([vm.tableId, fvm.id]);
                               }),
                               vm.query || '',
                               '搜尋推薦人'
                             ),
+                            BgWidget.countingFilter({
+                              gvc,
+                              callback: value => {
+                                vm.listLimit = value;
+                                gvc.notifyDataChange([vm.tableId, fvm.id]);
+                              },
+                              default: vm.listLimit,
+                            }),
                             BgWidget.updownFilter({
                               gvc,
                               callback: (value: any) => {
                                 vm.orderString = value;
-                                gvc.notifyDataChange(vm.tableId);
-                                gvc.notifyDataChange(fvm.id);
+                                gvc.notifyDataChange([vm.tableId, fvm.id]);
                               },
                               default: vm.orderString || 'default',
                               options: FilterOptions.recommendUserOrderBy,
@@ -482,10 +490,9 @@ export class BgRecommend {
                           gvc: gvc,
                           getData: async vd => {
                             vmi = vd;
-                            const limit = 15;
                             ApiRecommend.getUsers({
                               data: {},
-                              limit: limit,
+                              limit: vm.listLimit,
                               page: vmi.page - 1,
                               token: (window.parent as any).config.token,
                               search: vm.query,
@@ -493,7 +500,7 @@ export class BgRecommend {
                               orderBy: vm.orderString,
                             }).then(data => {
                               vm.dataList = data.response.data;
-                              vmi.pageSize = Math.ceil(data.response.total / limit);
+                              vmi.pageSize = Math.ceil(data.response.total / vm.listLimit);
                               vmi.originalData = vm.dataList;
                               vmi.tableData = getDatalist();
                               vmi.loading = false;