ts-glitter 21.1.7 → 21.1.9

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.7';
+            glitter.share.editerVersion = 'V_21.1.9';
             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.7';
+      glitter.share.editerVersion = 'V_21.1.9';
       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-product.js

@@ -151,7 +151,6 @@ export class BgProduct {
                             return {
                                 bind: id,
                                 view: () => {
-                                    var _a;
                                     return html `<input
                                         class="form-check-input mt-0 ${vm.checkClass} cursor_pointer"
                                         type="checkbox"
@@ -184,13 +183,11 @@ export class BgProduct {
                                                 style="text-wrap: auto;"
                                                 onclick="${gvc.event(() => call())}"
                                               >
-                                                ${obj.show_product_type
-                                        ? BgWidget.infoInsignia(ProductConfig.getName(opt.content))
-                                        : ''}${opt.value}
+                                                ${opt.value}
                                               </div>
                                               ${opt.sub_title
                                         ? html `
-                                                    <div class="fw-500" style="color:grey;font-size:13px;">
+                                                    <div class="fw-500" style="color: grey; font-size: 13px;">
                                                       ${opt.sub_title}
                                                     </div>
                                                   `
@@ -199,15 +196,43 @@ export class BgProduct {
                                           </div>
                                           ${(() => {
                                         var _a, _b;
+                                        const isVisibleProduct = opt.content.visible === 'false' && !obj.show_product_type
+                                            ? BgWidget.warningInsignia('隱形商品', { size: 'sm' })
+                                            : '';
+                                        const productCategory = obj.show_product_type
+                                            ? BgWidget.infoInsignia(ProductConfig.getName(opt.content), {
+                                                size: 'sm',
+                                            })
+                                            : '';
                                         const collections = (_b = (_a = opt.content) === null || _a === void 0 ? void 0 : _a.collection) === null || _b === void 0 ? void 0 : _b.filter(Boolean).map((col) => BgWidget.normalInsignia(col, { size: 'sm' })).join('');
-                                        return collections
-                                            ? html `<div class="d-flex flex-wrap gap-1 mt-2">${collections}</div>`
+                                        const renderString = `${isVisibleProduct}${productCategory}${collections}`;
+                                        return renderString
+                                            ? html `<div class="d-flex flex-wrap gap-1 mt-2">${renderString}</div>`
                                             : '';
                                     })()}
                                         </div>
                                         <div class="text-end">
                                           <div class="tx_normal_14">
-                                            $${parseInt(`${(_a = opt.content[vm.orderString || 'min_price']) !== null && _a !== void 0 ? _a : opt.content.variants[0].sale_price}`, 10).toLocaleString()}
+                                            ${(() => {
+                                        const contentMap = {
+                                            price: () => {
+                                                var _a, _b;
+                                                return html `$${parseInt(`${(_a = opt.content[vm.orderString || 'min_price']) !== null && _a !== void 0 ? _a : opt.content.variants[(_b = opt.variant_index) !== null && _b !== void 0 ? _b : 0].sale_price}`, 10).toLocaleString()}`;
+                                            },
+                                            stock: () => {
+                                                var _a, _b;
+                                                const variant = opt.content.variants[(_a = opt.variant_index) !== null && _a !== void 0 ? _a : 0];
+                                                if (variant.show_understocking === 'false') {
+                                                    return '不追蹤庫存';
+                                                }
+                                                const n = Number(opt.content.variants[(_b = opt.variant_index) !== null && _b !== void 0 ? _b : 0].stock);
+                                                return html `庫存 ${(isNaN(n) ? 0 : n).toLocaleString()} 個`;
+                                            },
+                                        };
+                                        return (obj.right_element_type
+                                            ? contentMap[obj.right_element_type]
+                                            : contentMap.price)();
+                                    })()}
                                           </div>
                                           ${opt.note ? html ` <div class="tx_gray_12">${opt.note}</div> ` : ''}
                                         </div>
@@ -215,7 +240,7 @@ export class BgProduct {
                                 },
                                 divCreate: {
                                     class: 'd-flex align-items-center',
-                                    style: 'gap: 24px',
+                                    style: `gap: ${document.body.clientWidth > 800 ? 24 : 12}px`,
                                 },
                             };
                         }) + BgWidget.horizontalLine({ margin: 0.15 }));
@@ -269,18 +294,14 @@ export class BgProduct {
                             data.response.data.map((product) => {
                                 var _a;
                                 const image = (_a = product.content.preview_image[0]) !== null && _a !== void 0 ? _a : BgWidget.noImageURL;
-                                const value = [
-                                    product.content.visible === 'false' ? BgWidget.warningInsignia('隱形商品') : '',
-                                    product.content.title,
-                                ]
-                                    .filter(Boolean)
-                                    .join('');
+                                const title = product.content.title;
                                 if (obj.with_variants) {
-                                    product.content.variants.map((variant) => {
+                                    product.content.variants.map((variant, index) => {
                                         vm.options.push({
                                             key: `${product.content.id}-${variant.spec.join('-')}`,
                                             sub_title: variant.spec.join('-') ? `規格:${variant.spec.join('-')}` : '',
-                                            value: value,
+                                            variant_index: index,
+                                            value: title,
                                             content: product.content,
                                             image: image,
                                         });
@@ -289,7 +310,7 @@ export class BgProduct {
                                 else {
                                     vm.options.push({
                                         key: product.content.id,
-                                        value: value,
+                                        value: title,
                                         content: product.content,
                                         image: image,
                                     });