ts-glitter 22.5.6 → 22.5.8

package/lowcode/cms-plugin/cms-router.js

@@ -1,73 +1,76 @@
-import { BgWidget } from "../backend-manager/bg-widget.js";
+import { BgWidget } from '../backend-manager/bg-widget.js';
+const html = String.raw;
 export class CmsRouter {
     static main(gvc) {
         return gvc.bindView(() => {
             const id = gvc.glitter.getUUID();
             return {
                 bind: id,
-                view: () => { return ``; },
+                view: () => {
+                    return '';
+                },
                 divCreate: {
                     class: `${id}`,
                 },
                 onCreate: () => {
-                    new Promise((resolve, reject) => {
+                    new Promise(resolve => {
                         switch (gvc.glitter.getUrlParameter('page')) {
                             case 'blog_tag_setting':
-                                gvc.glitter.getModule(new URL('./backend-manager/bg-blog.js', gvc.glitter.root_path).href, (cl) => {
+                                gvc.glitter.getModule(new URL('./backend-manager/bg-blog.js', gvc.glitter.root_path).href, cl => {
                                     resolve(cl.setCollection({
                                         gvc: gvc,
-                                        key: 'blog_collection'
+                                        key: 'blog_collection',
                                     }));
                                 });
                                 break;
                             case 'blog_global_setting':
-                                gvc.glitter.getModule(new URL('./cms-plugin/seo-blog.js', gvc.glitter.root_path).href, (cl) => {
+                                gvc.glitter.getModule(new URL('./cms-plugin/seo-blog.js', gvc.glitter.root_path).href, cl => {
                                     resolve(cl.main(gvc));
                                 });
                                 break;
                             case 'fb_live':
                             case 'ig_live':
                             case 'line_plus':
-                                resolve(`<div class="d-flex w-100 align-items-center justify-content-center">
-<div class="insignia insignia-warning">功能優化中，預計於6月1號重新開放!</div>
-</div>`);
+                                resolve(html `<div class="d-flex w-100 align-items-center justify-content-center">
+                    <div class="insignia insignia-warning">功能優化中，預計於6月1號重新開放!</div>
+                  </div>`);
                                 break;
                             case 'shipment_list':
                             case 'shipment_list_archive':
-                                gvc.glitter.getModule(new URL('./cms-plugin/shopping-order-manager.js', gvc.glitter.root_path).href, (cl) => {
+                                gvc.glitter.getModule(new URL('./cms-plugin/shopping-order-manager.js', gvc.glitter.root_path).href, cl => {
                                     resolve(cl.main(gvc, {
                                         isShipment: true,
-                                        isArchived: gvc.glitter.getUrlParameter('page') === 'shipment_list_archive'
+                                        isArchived: gvc.glitter.getUrlParameter('page') === 'shipment_list_archive',
                                     }));
                                 });
                                 break;
                             case 'reconciliation_area':
-                                gvc.glitter.getModule(new URL('./cms-plugin/reconciliation-area.js', gvc.glitter.root_path).href, (cl) => {
+                                gvc.glitter.getModule(new URL('./cms-plugin/reconciliation-area.js', gvc.glitter.root_path).href, cl => {
                                     resolve(cl.main(gvc));
                                 });
                                 break;
                             case 'app-design':
-                                gvc.glitter.getModule(new URL('./cms-plugin/app-design.js', gvc.glitter.root_path).href, (cl) => {
+                                gvc.glitter.getModule(new URL('./cms-plugin/app-design.js', gvc.glitter.root_path).href, cl => {
                                     resolve(cl.main(gvc));
                                 });
                                 break;
                             case 'pos_setting':
-                                gvc.glitter.getModule(new URL('./cms-plugin/pos-config-setting.js', gvc.glitter.root_path).href, (cl) => {
+                                gvc.glitter.getModule(new URL('./cms-plugin/pos-config-setting.js', gvc.glitter.root_path).href, cl => {
                                     resolve(cl.main(gvc));
                                 });
                                 break;
                             case 'auto_fcm_push':
-                                gvc.glitter.getModule(new URL('./cms-plugin/auto-fcm-push.js', gvc.glitter.root_path).href, (cl) => {
+                                gvc.glitter.getModule(new URL('./cms-plugin/auto-fcm-push.js', gvc.glitter.root_path).href, cl => {
                                     resolve(cl.main(gvc));
                                 });
                                 break;
                             case 'auto_fcm_history':
-                                gvc.glitter.getModule(new URL('./cms-plugin/auto-fcm-history.js', gvc.glitter.root_path).href, (cl) => {
+                                gvc.glitter.getModule(new URL('./cms-plugin/auto-fcm-history.js', gvc.glitter.root_path).href, cl => {
                                     resolve(cl.emailHistory(gvc));
                                 });
                                 break;
                             case 'auto_fcm_advertise':
-                                gvc.glitter.getModule(new URL('./cms-plugin/auto-fcm-advertise.js', gvc.glitter.root_path).href, (cl) => {
+                                gvc.glitter.getModule(new URL('./cms-plugin/auto-fcm-advertise.js', gvc.glitter.root_path).href, cl => {
                                     resolve(cl.main(gvc));
                                 });
                                 break;
@@ -75,11 +78,14 @@ export class CmsRouter {
                                 resolve('no page');
                         }
                     }).then((dd) => {
-                        document.querySelector(`.${id}`).outerHTML = `<div class="vw-100 py-3" style="background-color: #f5f5f5 !important;min-height: 100vh;">
-${BgWidget.container(dd, {})}
-</div>`;
+                        document.querySelector(`.${id}`).outerHTML = html `<div
+              class="vw-100"
+              style="background-color: #f5f5f5 !important; min-height: 100vh;"
+            >
+              ${BgWidget.container(dd, {})}
+            </div>`;
                     });
-                }
+                },
             };
         });
     }

package/lowcode/cms-plugin/cms-router.ts

@@ -1,105 +1,120 @@
-import {GVC} from "../glitterBundle/GVController.js";
-import {BgWidget} from "../backend-manager/bg-widget.js";
+import { GVC } from '../glitterBundle/GVController.js';
+import { BgWidget } from '../backend-manager/bg-widget.js';
 
-export class CmsRouter{
-    public static main(gvc:GVC){
-       return gvc.bindView(()=>{
-           const id=gvc.glitter.getUUID()
-           return {
-               bind:id,
-               view:()=>{return ``},
-               divCreate:{
-                   class:`${id}`,
-               },
-               onCreate:()=>{
+const html = String.raw;
 
-
-                   new Promise((resolve, reject)=>{
-                       switch (gvc.glitter.getUrlParameter('page')){
-                           case 'blog_tag_setting':
-                               gvc.glitter.getModule(new URL('./backend-manager/bg-blog.js', gvc.glitter.root_path).href, (cl) => {
-                                   resolve(cl.setCollection({
-                                       gvc: gvc,
-                                       key: 'blog_collection'
-                                   }))
-                               });
-
-                               break
-                           case 'blog_global_setting':
-                               gvc.glitter.getModule(new URL('./cms-plugin/seo-blog.js', gvc.glitter.root_path).href, (cl) => {
-                                   resolve(cl.main(gvc))
-                               });
-                               break
-                           case 'fb_live':
-                           case 'ig_live':
-                           case 'line_plus':
-                               resolve(`<div class="d-flex w-100 align-items-center justify-content-center">
-<div class="insignia insignia-warning">功能優化中，預計於6月1號重新開放!</div>
-</div>`)
-                               break
-                           // case 'fb_live':
-                           //     gvc.glitter.getModule(new URL('./cms-plugin/live_capture.js', gvc.glitter.root_path).href, (cl) => {
-                           //         resolve(cl.main(gvc,false))
-                           //     });
-                           //     break
-                           // case 'ig_live':
-                           // case 'line_plus':
-                           //     gvc.glitter.getModule(new URL('./cms-plugin/live_capture.js', gvc.glitter.root_path).href, (cl) => {
-                           //         resolve(cl.main(gvc,true))
-                           //     });
-                           //     break
-                           case 'shipment_list':
-                           case 'shipment_list_archive':
-                               gvc.glitter.getModule(new URL('./cms-plugin/shopping-order-manager.js', gvc.glitter.root_path).href, (cl) => {
-                                   resolve(cl.main(gvc,{
-                                       isShipment:true,
-                                       isArchived:gvc.glitter.getUrlParameter('page')==='shipment_list_archive'
-                                   }))
-                               });
-                               break
-                           case 'reconciliation_area':
-                               gvc.glitter.getModule(new URL('./cms-plugin/reconciliation-area.js', gvc.glitter.root_path).href, (cl) => {
-                                   resolve(cl.main(gvc))
-                               })
-                               break
-                           case 'app-design':
-                               gvc.glitter.getModule(new URL('./cms-plugin/app-design.js', gvc.glitter.root_path).href, (cl) => {
-                                   resolve(cl.main(gvc))
-                               })
-                               break
-                           case 'pos_setting':
-                               gvc.glitter.getModule(new URL('./cms-plugin/pos-config-setting.js', gvc.glitter.root_path).href, (cl) => {
-                                   resolve(cl.main(gvc))
-                               })
-                               break
-                           case 'auto_fcm_push':
-                               gvc.glitter.getModule(new URL('./cms-plugin/auto-fcm-push.js', gvc.glitter.root_path).href, (cl) => {
-                                   resolve(cl.main(gvc))
-                               })
-                               break
-                           case 'auto_fcm_history':
-                               // resolve('12345')
-                               gvc.glitter.getModule(new URL('./cms-plugin/auto-fcm-history.js', gvc.glitter.root_path).href, (cl) => {
-                                   resolve(cl.emailHistory(gvc))
-                               })
-                               break
-                           case 'auto_fcm_advertise':
-                               gvc.glitter.getModule(new URL('./cms-plugin/auto-fcm-advertise.js', gvc.glitter.root_path).href, (cl) => {
-                                   resolve(cl.main(gvc))
-                               })
-                               break
-                           default:
-                               resolve('no page')
-                       }
-                   }).then((dd:any)=>{
-                       (document.querySelector(`.${id}`) as any).outerHTML=`<div class="vw-100 py-3" style="background-color: #f5f5f5 !important;min-height: 100vh;">
-${BgWidget.container(dd,{})}
-</div>`
-                   })
-               }
-           }
-       })
-    }
+export class CmsRouter {
+  public static main(gvc: GVC) {
+    return gvc.bindView(() => {
+      const id = gvc.glitter.getUUID();
+      return {
+        bind: id,
+        view: () => {
+          return '';
+        },
+        divCreate: {
+          class: `${id}`,
+        },
+        onCreate: () => {
+          new Promise(resolve => {
+            switch (gvc.glitter.getUrlParameter('page')) {
+              case 'blog_tag_setting':
+                gvc.glitter.getModule(new URL('./backend-manager/bg-blog.js', gvc.glitter.root_path).href, cl => {
+                  resolve(
+                    cl.setCollection({
+                      gvc: gvc,
+                      key: 'blog_collection',
+                    })
+                  );
+                });
+                break;
+              case 'blog_global_setting':
+                gvc.glitter.getModule(new URL('./cms-plugin/seo-blog.js', gvc.glitter.root_path).href, cl => {
+                  resolve(cl.main(gvc));
+                });
+                break;
+              case 'fb_live':
+              case 'ig_live':
+              case 'line_plus':
+                resolve(
+                  html`<div class="d-flex w-100 align-items-center justify-content-center">
+                    <div class="insignia insignia-warning">功能優化中，預計於6月1號重新開放!</div>
+                  </div>`
+                );
+                break;
+              // case 'fb_live':
+              //   gvc.glitter.getModule(new URL('./cms-plugin/live_capture.js', gvc.glitter.root_path).href, cl => {
+              //     resolve(cl.main(gvc, false));
+              //   });
+              //   break;
+              // case 'ig_live':
+              // case 'line_plus':
+              //   gvc.glitter.getModule(new URL('./cms-plugin/live_capture.js', gvc.glitter.root_path).href, cl => {
+              //     resolve(cl.main(gvc, true));
+              //   });
+              //   break;
+              case 'shipment_list':
+              case 'shipment_list_archive':
+                gvc.glitter.getModule(
+                  new URL('./cms-plugin/shopping-order-manager.js', gvc.glitter.root_path).href,
+                  cl => {
+                    resolve(
+                      cl.main(gvc, {
+                        isShipment: true,
+                        isArchived: gvc.glitter.getUrlParameter('page') === 'shipment_list_archive',
+                      })
+                    );
+                  }
+                );
+                break;
+              case 'reconciliation_area':
+                gvc.glitter.getModule(
+                  new URL('./cms-plugin/reconciliation-area.js', gvc.glitter.root_path).href,
+                  cl => {
+                    resolve(cl.main(gvc));
+                  }
+                );
+                break;
+              case 'app-design':
+                gvc.glitter.getModule(new URL('./cms-plugin/app-design.js', gvc.glitter.root_path).href, cl => {
+                  resolve(cl.main(gvc));
+                });
+                break;
+              case 'pos_setting':
+                gvc.glitter.getModule(new URL('./cms-plugin/pos-config-setting.js', gvc.glitter.root_path).href, cl => {
+                  resolve(cl.main(gvc));
+                });
+                break;
+              case 'auto_fcm_push':
+                gvc.glitter.getModule(new URL('./cms-plugin/auto-fcm-push.js', gvc.glitter.root_path).href, cl => {
+                  resolve(cl.main(gvc));
+                });
+                break;
+              case 'auto_fcm_history':
+                gvc.glitter.getModule(new URL('./cms-plugin/auto-fcm-history.js', gvc.glitter.root_path).href, cl => {
+                  resolve(cl.emailHistory(gvc));
+                });
+                break;
+              case 'auto_fcm_advertise':
+                gvc.glitter.getModule(new URL('./cms-plugin/auto-fcm-advertise.js', gvc.glitter.root_path).href, cl => {
+                  resolve(cl.main(gvc));
+                });
+                break;
+              default:
+                resolve('no page');
+            }
+          }).then((dd: any) => {
+            (document.querySelector(`.${id}`) as any).outerHTML = html`<div
+              class="vw-100"
+              style="background-color: #f5f5f5 !important; min-height: 100vh;"
+            >
+              ${BgWidget.container(dd, {})}
+            </div>`;
+          });
+        },
+      };
+    });
+  }
 }
 
-(window as any).glitter.setModule(import.meta.url,CmsRouter)
+(window as any).glitter.setModule(import.meta.url, CmsRouter);

package/lowcode/cms-plugin/filter-options.js

@@ -150,6 +150,17 @@ export class FilterOptions {
     static getOrderFunnel() {
         return __awaiter(this, void 0, void 0, function* () {
             const levelData = yield this.getLevelData();
+            const supportPayment = yield PaymentConfig.getSupportPayment(true);
+            const paymentMethod = supportPayment
+                .sort((a, b) => (a.type === 'pos' ? 1 : -1) - (b.type === 'pos' ? 1 : -1))
+                .map(payment => {
+                if (payment.type === 'pos' && !payment.name.includes('POS')) {
+                    payment.name = html `<div class="d-flex gap-2">
+            ${[BgWidget.warningInsignia('POS', { size: 'sm' }), payment.name].join('')}
+          </div>`;
+                }
+                return payment;
+            });
             return [
                 { key: 'orderStatus', type: 'multi_checkbox', name: '訂單狀態', data: this.orderStatusOptions },
                 { key: 'payload', type: 'multi_checkbox', name: '付款狀態', data: this.payloadStatusOptions },
@@ -158,22 +169,14 @@ export class FilterOptions {
                     key: 'payment_select',
                     type: 'multi_checkbox',
                     name: '付款方式',
-                    data: (yield PaymentConfig.getSupportPayment()).map(dd => {
-                        if (dd.type === 'pos' && !dd.name.includes('POS')) {
-                            const name = dd.name;
-                            dd.name = html `<div class="d-flex">
-              ${[BgWidget.warningInsignia('POS'), name].join(html `<div class="mx-1"></div>`)}
-            </div>`;
-                        }
-                        return dd;
-                    }),
+                    data: paymentMethod,
                 },
                 { key: 'progress', type: 'multi_checkbox', name: '出貨狀況', data: this.progressOptions },
                 {
                     key: 'shipment',
                     type: 'multi_checkbox',
                     name: '運送方式',
-                    data: yield ShipmentConfig.shipmentMethod({ type: 'support' }),
+                    data: yield ShipmentConfig.shipmentMethod({ type: 'all' }),
                 },
                 {
                     key: 'created_time',
@@ -236,6 +239,17 @@ export class FilterOptions {
                 .concat(((_c = configData.custom_delivery) !== null && _c !== void 0 ? _c : []).map((dd) => {
                 return { key: dd.id, name: dd.name };
             }));
+            const supportPayment = yield PaymentConfig.getSupportPayment(true);
+            const paymentMethod = supportPayment
+                .sort((a, b) => (a.type === 'pos' ? 1 : -1) - (b.type === 'pos' ? 1 : -1))
+                .map(payment => {
+                if (payment.type === 'pos' && !payment.name.includes('POS')) {
+                    payment.name = html `<div class="d-flex gap-2">
+            ${[BgWidget.warningInsignia('POS', { size: 'sm' }), payment.name].join('')}
+          </div>`;
+                }
+                return payment;
+            });
             return [
                 { key: 'orderStatus', type: 'multi_checkbox', name: '訂單狀態', data: this.orderStatusOptions },
                 { key: 'reconciliation_status', type: 'multi_checkbox', name: '對帳狀態', data: this.reconciliationOptions },
@@ -243,13 +257,7 @@ export class FilterOptions {
                     key: 'payment_select',
                     type: 'multi_checkbox',
                     name: '付款方式',
-                    data: (yield PaymentConfig.getSupportPayment()).map(dd => {
-                        if (dd.type === 'pos' && !dd.name.includes('POS')) {
-                            const name = dd.name;
-                            dd.name = `<div class="d-flex">${[BgWidget.warningInsignia('POS'), name].join(`<div class="mx-1"></div>`)}</div>`;
-                        }
-                        return dd;
-                    }),
+                    data: paymentMethod,
                 },
                 { key: 'progress', type: 'multi_checkbox', name: '出貨狀況', data: this.progressOptions },
                 { key: 'shipment', type: 'multi_checkbox', name: '運送方式', data: shipmentOptions },

package/lowcode/cms-plugin/filter-options.ts

@@ -244,6 +244,18 @@ export class FilterOptions {
   static async getOrderFunnel() {
     const levelData = await this.getLevelData();
 
+    const supportPayment = await PaymentConfig.getSupportPayment(true);
+    const paymentMethod = supportPayment
+      .sort((a, b) => (a.type === 'pos' ? 1 : -1) - (b.type === 'pos' ? 1 : -1))
+      .map(payment => {
+        if (payment.type === 'pos' && !payment.name.includes('POS')) {
+          payment.name = html`<div class="d-flex gap-2">
+            ${[BgWidget.warningInsignia('POS', { size: 'sm' }), payment.name].join('')}
+          </div>`;
+        }
+        return payment;
+      });
+
     return [
       { key: 'orderStatus', type: 'multi_checkbox', name: '訂單狀態', data: this.orderStatusOptions },
       { key: 'payload', type: 'multi_checkbox', name: '付款狀態', data: this.payloadStatusOptions },
@@ -252,22 +264,14 @@ export class FilterOptions {
         key: 'payment_select',
         type: 'multi_checkbox',
         name: '付款方式',
-        data: (await PaymentConfig.getSupportPayment()).map(dd => {
-          if (dd.type === 'pos' && !dd.name.includes('POS')) {
-            const name = dd.name;
-            dd.name = html`<div class="d-flex">
-              ${[BgWidget.warningInsignia('POS'), name].join(html`<div class="mx-1"></div>`)}
-            </div>`;
-          }
-          return dd;
-        }),
+        data: paymentMethod,
       },
       { key: 'progress', type: 'multi_checkbox', name: '出貨狀況', data: this.progressOptions },
       {
         key: 'shipment',
         type: 'multi_checkbox',
         name: '運送方式',
-        data: await ShipmentConfig.shipmentMethod({ type: 'support' }),
+        data: await ShipmentConfig.shipmentMethod({ type: 'all' }),
       },
       {
         key: 'created_time',
@@ -336,6 +340,18 @@ export class FilterOptions {
         })
       );
 
+    const supportPayment = await PaymentConfig.getSupportPayment(true);
+    const paymentMethod = supportPayment
+      .sort((a, b) => (a.type === 'pos' ? 1 : -1) - (b.type === 'pos' ? 1 : -1))
+      .map(payment => {
+        if (payment.type === 'pos' && !payment.name.includes('POS')) {
+          payment.name = html`<div class="d-flex gap-2">
+            ${[BgWidget.warningInsignia('POS', { size: 'sm' }), payment.name].join('')}
+          </div>`;
+        }
+        return payment;
+      });
+
     return [
       { key: 'orderStatus', type: 'multi_checkbox', name: '訂單狀態', data: this.orderStatusOptions },
       { key: 'reconciliation_status', type: 'multi_checkbox', name: '對帳狀態', data: this.reconciliationOptions },
@@ -343,13 +359,7 @@ export class FilterOptions {
         key: 'payment_select',
         type: 'multi_checkbox',
         name: '付款方式',
-        data: (await PaymentConfig.getSupportPayment()).map(dd => {
-          if (dd.type === 'pos' && !dd.name.includes('POS')) {
-            const name = dd.name;
-            dd.name = `<div class="d-flex">${[BgWidget.warningInsignia('POS'), name].join(`<div class="mx-1"></div>`)}</div>`;
-          }
-          return dd;
-        }),
+        data: paymentMethod,
       },
       { key: 'progress', type: 'multi_checkbox', name: '出貨狀況', data: this.progressOptions },
       { key: 'shipment', type: 'multi_checkbox', name: '運送方式', data: shipmentOptions },

package/lowcode/cms-plugin/module/product-excel.js

@@ -798,6 +798,8 @@ export class ProductExcel {
                                 limit: 250,
                                 productType: pageType,
                                 product_category: vm.support,
+                                show_hidden: pageType === 'hidden',
+                                filter_visible: pageType !== 'hidden',
                             };
                             const { search, searchType, orderBy, status, collection, accurate_search_collection } = apiJSON;
                             const formDataMap = {

package/lowcode/cms-plugin/module/product-excel.ts

@@ -987,6 +987,8 @@ export class ProductExcel {
                   limit: 250,
                   productType: pageType,
                   product_category: vm.support,
+                  show_hidden: pageType === 'hidden',
+                  filter_visible: pageType !== 'hidden',
                 };
 
                 const { search, searchType, orderBy, status, collection, accurate_search_collection } = apiJSON;

package/lowcode/cms-plugin/module/product-setting.js

@@ -283,31 +283,32 @@ export class ProductSetting {
                                                             if (!data['stockList'][item.id]) {
                                                                 data['stockList'][item.id] = { count: 0 };
                                                             }
-                                                            return html ` <div
-                                                    class="flex-shrink-0"
-                                                    style="color:#393939;font-size: 16px;font-weight: 400;width:${elementLength}px;"
-                                                  >
-                                                    <input
-                                                      style="width: 100%;height: 40px;padding: 0px 18px;border-radius: 10px;border: 1px solid #DDD;background: #FFF;"
-                                                      value="${(_a = data['stockList'][item.id].count) !== null && _a !== void 0 ? _a : 0}"
-                                                      min="0"
-                                                      oninput="${gvc.event(e => {
+                                                            const inputHTML = html `<input
+                                                    style="width: 100%;height: 40px;padding: 0px 18px;border-radius: 10px;border: 1px solid #DDD;background: #FFF;"
+                                                    value="${(_a = data['stockList'][item.id].count) !== null && _a !== void 0 ? _a : 0}"
+                                                    min="0"
+                                                    oninput="${gvc.event(e => {
                                                                 const regex = /^[0-9]*$/;
                                                                 if (!regex.test(e.value)) {
                                                                     e.value = e.value.replace(/[^0-9]/g, '').replace(/e/gi, '');
                                                                 }
                                                             })}"
-                                                      onchange="${gvc.event(e => {
+                                                    onchange="${gvc.event(e => {
                                                                 data['stockList'][item.id].count = Number(e.value);
                                                                 let count = 0;
                                                                 Object.values(data['stockList']).map((stock) => {
                                                                     count += parseInt(stock.count, 10);
                                                                 });
                                                                 data['stock'] = count;
-                                                                console.log("data -- ", data);
+                                                                console.log('data -- ', data);
                                                                 gvc.notifyDataChange(vm.id);
                                                             })}"
-                                                    />
+                                                  />`;
+                                                            return html ` <div
+                                                    class="flex-shrink-0 text-center"
+                                                    style="color:#393939;font-size: 16px;font-weight: 400;width:${elementLength}px;"
+                                                  >
+                                                    ${data.show_understocking === 'false' ? '－' : inputHTML}
                                                   </div>`;
                                                         })
                                                             .join('');

package/lowcode/cms-plugin/module/product-setting.ts

@@ -313,32 +313,35 @@ export class ProductSetting {
                                                   if (!(data as any)['stockList'][item.id]) {
                                                     (data as any)['stockList'][item.id] = { count: 0 };
                                                   }
+
+                                                  const inputHTML = html`<input
+                                                    style="width: 100%;height: 40px;padding: 0px 18px;border-radius: 10px;border: 1px solid #DDD;background: #FFF;"
+                                                    value="${(data as any)['stockList'][item.id].count ?? 0}"
+                                                    min="0"
+                                                    oninput="${gvc.event(e => {
+                                                      const regex = /^[0-9]*$/;
+                                                      if (!regex.test(e.value)) {
+                                                        e.value = e.value.replace(/[^0-9]/g, '').replace(/e/gi, '');
+                                                      }
+                                                    })}"
+                                                    onchange="${gvc.event(e => {
+                                                      (data as any)['stockList'][item.id].count = Number(e.value);
+                                                      let count = 0;
+                                                      Object.values((data as any)['stockList']).map((stock: any) => {
+                                                        count += parseInt(stock.count, 10);
+                                                      });
+
+                                                      data['stock'] = count;
+                                                      console.log('data -- ', data);
+                                                      gvc.notifyDataChange(vm.id);
+                                                    })}"
+                                                  />`;
+
                                                   return html` <div
-                                                    class="flex-shrink-0"
+                                                    class="flex-shrink-0 text-center"
                                                     style="color:#393939;font-size: 16px;font-weight: 400;width:${elementLength}px;"
                                                   >
-                                                    <input
-                                                      style="width: 100%;height: 40px;padding: 0px 18px;border-radius: 10px;border: 1px solid #DDD;background: #FFF;"
-                                                      value="${(data as any)['stockList'][item.id].count ?? 0}"
-                                                      min="0"
-                                                      oninput="${gvc.event(e => {
-                                                        const regex = /^[0-9]*$/;
-                                                        if (!regex.test(e.value)) {
-                                                          e.value = e.value.replace(/[^0-9]/g, '').replace(/e/gi, '');
-                                                        }
-                                                      })}"
-                                                      onchange="${gvc.event(e => {
-                                                        (data as any)['stockList'][item.id].count = Number(e.value);
-                                                        let count = 0;
-                                                        Object.values((data as any)['stockList']).map((stock: any) => {
-                                                          count += parseInt(stock.count, 10);
-                                                        });
-
-                                                        data['stock'] = count;
-                                                        console.log("data -- " , data);
-                                                        gvc.notifyDataChange(vm.id);
-                                                      })}"
-                                                    />
+                                                    ${data.show_understocking === 'false' ? '－' : inputHTML}
                                                   </div>`;
                                                 })
                                                 .join('');