ts-glitter 21.5.9 → 21.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (204) hide show
  1. package/lib/glitterBundle/html-component/editor.ts +5 -5
  2. package/lib/glitterBundle/html-component/widget.ts +1 -1
  3. package/lib/glitterBundle/plugins/add_item_dia.ts +3 -3
  4. package/lib/glitterBundle/plugins/dialog-style-editor.ts +4 -4
  5. package/lib/glitterBundle/plugins/editor-elem.ts +8 -8
  6. package/lib/glitterBundle/plugins/editor.ts +3 -3
  7. package/lowcode/Entry.js +1 -1
  8. package/lowcode/Entry.ts +1 -1
  9. package/lowcode/backend-manager/bg-customer-message.js +4 -4
  10. package/lowcode/backend-manager/bg-customer-message.ts +4 -4
  11. package/lowcode/backend-manager/bg-global-event.js +1 -1
  12. package/lowcode/backend-manager/bg-global-event.ts +1 -1
  13. package/lowcode/backend-manager/bg-guide.js +21 -21
  14. package/lowcode/backend-manager/bg-guide.ts +22 -22
  15. package/lowcode/backend-manager/bg-mobile-guide.js +4 -4
  16. package/lowcode/backend-manager/bg-mobile-guide.ts +4 -4
  17. package/lowcode/backend-manager/bg-seo.js +1 -1
  18. package/lowcode/backend-manager/bg-seo.ts +1 -1
  19. package/lowcode/backend-manager/bg-shopping.js +6 -6
  20. package/lowcode/backend-manager/bg-shopping.ts +6 -6
  21. package/lowcode/backend-manager/bg-wallet.js +3 -3
  22. package/lowcode/backend-manager/bg-wallet.ts +3 -3
  23. package/lowcode/backend-manager/bg-widget.js +6 -0
  24. package/lowcode/backend-manager/bg-widget.ts +7 -0
  25. package/lowcode/cms-plugin/POS-setting.js +1 -1
  26. package/lowcode/cms-plugin/POS-setting.ts +1 -1
  27. package/lowcode/cms-plugin/ai-generator/member-ai.js +2 -2
  28. package/lowcode/cms-plugin/ai-generator/member-ai.ts +2 -2
  29. package/lowcode/cms-plugin/ai-generator/product-ai.js +2 -2
  30. package/lowcode/cms-plugin/ai-generator/product-ai.ts +2 -2
  31. package/lowcode/cms-plugin/ai-message.js +2 -2
  32. package/lowcode/cms-plugin/ai-message.ts +2 -2
  33. package/lowcode/cms-plugin/ai-points-list.js +2 -2
  34. package/lowcode/cms-plugin/ai-points-list.ts +2 -2
  35. package/lowcode/cms-plugin/app-design.js +3 -3
  36. package/lowcode/cms-plugin/app-design.ts +3 -3
  37. package/lowcode/cms-plugin/app-release.js +2 -2
  38. package/lowcode/cms-plugin/app-release.ts +2 -2
  39. package/lowcode/cms-plugin/customer-message-user.js +5 -5
  40. package/lowcode/cms-plugin/customer-message-user.ts +5 -5
  41. package/lowcode/cms-plugin/data-analyze-module.js +3 -3
  42. package/lowcode/cms-plugin/data-analyze-module.ts +3 -3
  43. package/lowcode/cms-plugin/domain-setting.js +2 -2
  44. package/lowcode/cms-plugin/domain-setting.ts +2 -2
  45. package/lowcode/cms-plugin/live_capture.js +17 -17
  46. package/lowcode/cms-plugin/live_capture.ts +17 -17
  47. package/lowcode/cms-plugin/member-type-list.js +4 -4
  48. package/lowcode/cms-plugin/member-type-list.ts +4 -4
  49. package/lowcode/cms-plugin/module/form-module.js +1 -1
  50. package/lowcode/cms-plugin/module/form-module.ts +1 -1
  51. package/lowcode/cms-plugin/permission-setting.js +5 -5
  52. package/lowcode/cms-plugin/permission-setting.ts +5 -5
  53. package/lowcode/cms-plugin/pos-basic-setting.js +1 -1
  54. package/lowcode/cms-plugin/pos-basic-setting.ts +2 -2
  55. package/lowcode/cms-plugin/pos-checkout-setting.js +3 -3
  56. package/lowcode/cms-plugin/pos-checkout-setting.ts +4 -4
  57. package/lowcode/cms-plugin/pos-pages/payment-page.js +449 -232
  58. package/lowcode/cms-plugin/pos-pages/payment-page.ts +501 -278
  59. package/lowcode/cms-plugin/pos-pages/pos-function.js +3 -2
  60. package/lowcode/cms-plugin/pos-pages/pos-function.ts +4 -3
  61. package/lowcode/cms-plugin/pos-pages/pos-home-page.js +9 -9
  62. package/lowcode/cms-plugin/pos-pages/pos-home-page.ts +9 -9
  63. package/lowcode/cms-plugin/pos-pages/pos-summary.js +2 -2
  64. package/lowcode/cms-plugin/pos-pages/pos-summary.ts +2 -2
  65. package/lowcode/cms-plugin/pos-pages/products-page.js +6 -180
  66. package/lowcode/cms-plugin/pos-pages/products-page.ts +6 -185
  67. package/lowcode/cms-plugin/product-service.js +4 -4
  68. package/lowcode/cms-plugin/product-service.ts +4 -5
  69. package/lowcode/cms-plugin/reconciliation-area.js +24 -24
  70. package/lowcode/cms-plugin/reconciliation-area.ts +24 -24
  71. package/lowcode/cms-plugin/seo-blog.js +2 -2
  72. package/lowcode/cms-plugin/seo-blog.ts +2 -2
  73. package/lowcode/cms-plugin/seo-setting-v2.js +5 -5
  74. package/lowcode/cms-plugin/seo-setting-v2.ts +5 -5
  75. package/lowcode/cms-plugin/shopping-allowance-manager.js +4 -4
  76. package/lowcode/cms-plugin/shopping-allowance-manager.ts +4 -4
  77. package/lowcode/cms-plugin/shopping-collections.js +6 -6
  78. package/lowcode/cms-plugin/shopping-collections.ts +6 -6
  79. package/lowcode/cms-plugin/shopping-invoice-manager.js +11 -11
  80. package/lowcode/cms-plugin/shopping-invoice-manager.ts +11 -11
  81. package/lowcode/cms-plugin/shopping-order-manager.js +21 -13
  82. package/lowcode/cms-plugin/shopping-order-manager.ts +21 -13
  83. package/lowcode/cms-plugin/shopping-product-setting.js +1 -1
  84. package/lowcode/cms-plugin/shopping-product-setting.ts +1 -1
  85. package/lowcode/cms-plugin/shopping-product-text.js +5 -5
  86. package/lowcode/cms-plugin/shopping-product-text.ts +5 -5
  87. package/lowcode/cms-plugin/shopping-setting-basic.js +5 -6
  88. package/lowcode/cms-plugin/shopping-setting-basic.ts +5 -6
  89. package/lowcode/cms-plugin/shopping-shipment-setting.js +2 -2
  90. package/lowcode/cms-plugin/shopping-shipment-setting.ts +2 -2
  91. package/lowcode/cms-plugin/stock-history.js +7 -7
  92. package/lowcode/cms-plugin/stock-history.ts +7 -7
  93. package/lowcode/cms-plugin/stock-stores.js +2 -2
  94. package/lowcode/cms-plugin/stock-stores.ts +2 -2
  95. package/lowcode/cms-plugin/stock-vendors.js +2 -2
  96. package/lowcode/cms-plugin/stock-vendors.ts +2 -2
  97. package/lowcode/cms-plugin/third-party-google.js +1 -1
  98. package/lowcode/cms-plugin/third-party-google.ts +1 -1
  99. package/lowcode/cms-plugin/user-list.js +6 -2
  100. package/lowcode/cms-plugin/user-list.ts +7 -2
  101. package/lowcode/cms-plugin/user-login-setting.js +1 -1
  102. package/lowcode/cms-plugin/user-login-setting.ts +1 -1
  103. package/lowcode/cms-plugin/wallet-list.js +3 -3
  104. package/lowcode/cms-plugin/wallet-list.ts +3 -3
  105. package/lowcode/dialog/addTemplate.js +9 -9
  106. package/lowcode/dialog/addTemplate.ts +9 -9
  107. package/lowcode/dialog/dialog.js +1 -1
  108. package/lowcode/dialog/dialog.ts +1 -1
  109. package/lowcode/dialog/dialog_setting.js +1 -1
  110. package/lowcode/dialog/dialog_setting.ts +1 -1
  111. package/lowcode/dialog/image-preview.js +2 -2
  112. package/lowcode/dialog/image-preview.ts +2 -2
  113. package/lowcode/editor/add-component.js +4 -4
  114. package/lowcode/editor/add-component.ts +9 -9
  115. package/lowcode/editor/add-page.js +1 -1
  116. package/lowcode/editor/add-page.ts +1 -1
  117. package/lowcode/editor/page-code-setting.js +1 -1
  118. package/lowcode/editor/page-code-setting.ts +1 -1
  119. package/lowcode/editor/page-editor.js +15 -15
  120. package/lowcode/editor/page-editor.ts +15 -15
  121. package/lowcode/editor/page-setting-view.js +6 -6
  122. package/lowcode/editor/page-setting-view.ts +6 -6
  123. package/lowcode/editor/preview-app.js +1 -1
  124. package/lowcode/editor/preview-app.ts +1 -1
  125. package/lowcode/editor/search-idea.js +2 -2
  126. package/lowcode/editor/search-idea.ts +2 -2
  127. package/lowcode/editor/set-global-value.js +9 -9
  128. package/lowcode/editor/set-global-value.ts +9 -9
  129. package/lowcode/editor-bridge/trigger-event.js +1 -1
  130. package/lowcode/editor-bridge/trigger-event.ts +1 -1
  131. package/lowcode/editor-components/global-widget/global-widget.js +1 -1
  132. package/lowcode/editor-components/global-widget/global-widget.ts +1 -1
  133. package/lowcode/editor-config.js +1 -1
  134. package/lowcode/editor-config.ts +1 -1
  135. package/lowcode/form-view/e-commerce/path-select.js +1 -1
  136. package/lowcode/form-view/e-commerce/path-select.ts +1 -1
  137. package/lowcode/form-view/e-commerce/product-select.js +1 -1
  138. package/lowcode/form-view/e-commerce/product-select.ts +1 -1
  139. package/lowcode/form-view/editor/color-theme-selector.js +2 -2
  140. package/lowcode/form-view/editor/color-theme-selector.ts +2 -2
  141. package/lowcode/form-view/editor/image-selector.js +5 -5
  142. package/lowcode/form-view/editor/image-selector.ts +5 -5
  143. package/lowcode/glitterBundle/html-component/custom-style.js +6 -6
  144. package/lowcode/glitterBundle/html-component/custom-style.ts +6 -6
  145. package/lowcode/glitterBundle/html-component/global-widget.js +2 -2
  146. package/lowcode/glitterBundle/html-component/global-widget.ts +2 -2
  147. package/lowcode/glitterBundle/html-component/widget.js +1 -1
  148. package/lowcode/glitterBundle/html-component/widget.ts +1 -1
  149. package/lowcode/glitterBundle/module/html-generate.js +2 -2
  150. package/lowcode/glitterBundle/module/html-generate.ts +2 -2
  151. package/lowcode/glitterBundle/plugins/add_item_dia.js +7 -7
  152. package/lowcode/glitterBundle/plugins/add_item_dia.ts +7 -7
  153. package/lowcode/glitterBundle/plugins/editor.js +3 -3
  154. package/lowcode/glitterBundle/plugins/editor.ts +3 -3
  155. package/lowcode/glitterBundle/plugins/style-editor.js +5 -5
  156. package/lowcode/glitterBundle/plugins/style-editor.ts +5 -5
  157. package/lowcode/jspage/editor.js +3 -3
  158. package/lowcode/jspage/editor.ts +3 -3
  159. package/lowcode/jspage/function-page/main_editor.js +6 -6
  160. package/lowcode/jspage/function-page/main_editor.ts +6 -6
  161. package/lowcode/jspage/function-page/page_editor.js +4 -4
  162. package/lowcode/jspage/function-page/page_editor.ts +4 -4
  163. package/lowcode/jspage/function-page/server-editor/router/domain-manager.js +3 -3
  164. package/lowcode/jspage/function-page/server-editor/router/domain-manager.ts +3 -3
  165. package/lowcode/jspage/function-page/tool-setting.js +2 -2
  166. package/lowcode/jspage/function-page/tool-setting.ts +2 -2
  167. package/lowcode/landing-page/about-us.js +5 -5
  168. package/lowcode/landing-page/about-us.ts +5 -5
  169. package/lowcode/modules/file-system.js +2 -2
  170. package/lowcode/modules/file-system.ts +2 -2
  171. package/lowcode/modules/image-library-clone.js +4 -4
  172. package/lowcode/modules/image-library-clone.ts +4 -4
  173. package/lowcode/modules/image-library.js +2 -2
  174. package/lowcode/modules/image-library.ts +2 -2
  175. package/lowcode/official_view_component/official/component.js +1 -1
  176. package/lowcode/official_view_component/official/component.ts +1 -1
  177. package/lowcode/official_view_component/official/widget.js +1 -1
  178. package/lowcode/official_view_component/official/widget.ts +1 -1
  179. package/lowcode/public-components/banner/first-banner.js +1 -1
  180. package/lowcode/public-components/banner/first-banner.ts +1 -1
  181. package/lowcode/public-components/blogs/list.js +1 -1
  182. package/lowcode/public-components/blogs/list.ts +1 -1
  183. package/lowcode/public-components/headers/sy-02.js +4 -4
  184. package/lowcode/public-components/headers/sy-02.ts +4 -4
  185. package/lowcode/public-components/headers/sy-03.js +1 -1
  186. package/lowcode/public-components/headers/sy-03.ts +1 -1
  187. package/lowcode/public-components/headers/sy-04.js +2 -2
  188. package/lowcode/public-components/headers/sy-04.ts +2 -2
  189. package/lowcode/public-components/headers/sy-05.js +1 -1
  190. package/lowcode/public-components/headers/sy-05.ts +1 -1
  191. package/lowcode/public-components/user-manager/um-order.js +2 -2
  192. package/lowcode/public-components/user-manager/um-order.ts +2 -2
  193. package/lowcode/setting/appSetting.js +4 -4
  194. package/lowcode/setting/appSetting.ts +4 -4
  195. package/lowcode/setting/initialStyle.js +2 -2
  196. package/lowcode/setting/initialStyle.ts +2 -2
  197. package/lowcode/setting/pageManager.js +6 -6
  198. package/lowcode/setting/pageManager.ts +6 -6
  199. package/lowcode/view-model/saas-view-model.js +2 -2
  200. package/lowcode/view-model/saas-view-model.ts +2 -2
  201. package/package.json +1 -1
  202. package/src/services/system-schedule.js +1 -1
  203. package/src/services/system-schedule.js.map +1 -1
  204. package/src/services/system-schedule.ts +1 -1
@@ -527,7 +527,9 @@ export class PosFunction {
527
527
  .join('<div style="border-top: 1px #DDDDDD solid; height: 1px; width: 100%;"></div>')}
528
528
  </div>
529
529
  </div>
530
- <div>${BgWidget.save(gvc.event(saveEvent), '確認')}</div>
530
+ <div class="d-flex gap-2">
531
+ ${[BgWidget.cancel(gvc.event(closeEvent)), BgWidget.save(gvc.event(saveEvent))].join('')}
532
+ </div>
531
533
  </div>
532
534
  `;
533
535
  },
@@ -594,7 +596,6 @@ export class PosFunction {
594
596
  }
595
597
  };
596
598
  const handlePaymentAmountClick = (method, id, gvc, dialog) => {
597
- console.log(method);
598
599
  if (method.paied) {
599
600
  dialog.errorMessage({ text: '此付款金額已結清,無法進行調整' });
600
601
  return;
@@ -476,7 +476,7 @@ export class PosFunction {
476
476
  }
477
477
 
478
478
  // SetMoney
479
- public static setMoney(gvc: GVC, def: string|number, callback: (money: number) => void, title?: string) {
479
+ public static setMoney(gvc: GVC, def: string | number, callback: (money: number) => void, title?: string) {
480
480
  gvc.glitter.innerDialog(gvc => {
481
481
  const c_vm = {
482
482
  id: gvc.glitter.getUUID(),
@@ -576,7 +576,9 @@ export class PosFunction {
576
576
  .join('<div style="border-top: 1px #DDDDDD solid; height: 1px; width: 100%;"></div>')}
577
577
  </div>
578
578
  </div>
579
- <div>${BgWidget.save(gvc.event(saveEvent), '確認')}</div>
579
+ <div class="d-flex gap-2">
580
+ ${[BgWidget.cancel(gvc.event(closeEvent)), BgWidget.save(gvc.event(saveEvent))].join('')}
581
+ </div>
580
582
  </div>
581
583
  `;
582
584
  },
@@ -657,7 +659,6 @@ export class PosFunction {
657
659
  };
658
660
 
659
661
  const handlePaymentAmountClick = (method: any, id: string, gvc: GVC, dialog: ShareDialog) => {
660
- console.log(method);
661
662
  if (method.paied) {
662
663
  dialog.errorMessage({ text: '此付款金額已結清,無法進行調整' });
663
664
  return;
@@ -43,9 +43,9 @@ export class PosHomePage {
43
43
  class="d-flex flex-column flex-xl-row"
44
44
  style="align-self: stretch; flex: 1 1 0; justify-content: flex-start; align-items: center; gap: 20px; display: inline-flex;"
45
45
  >
46
- <div class="" style="flex: 1 1 0; align-self: stretch; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; display: inline-flex;">
47
- <div class="" style="align-self: stretch; color: #393939; font-size: 20px; font-weight: 700; word-wrap: break-word;">營運狀況總覽</div>
48
- <div class="" style="align-self: stretch; color: #8D8D8D; font-size: 16px; font-weight: 400; word-wrap: break-word;">查看目前的業務情形</div>
46
+ <div style="flex: 1 1 0; align-self: stretch; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; display: inline-flex;">
47
+ <div style="align-self: stretch; color: #393939; font-size: 20px; font-weight: 700; word-wrap: break-word;">營運狀況總覽</div>
48
+ <div style="align-self: stretch; color: #8D8D8D; font-size: 16px; font-weight: 400; word-wrap: break-word;">查看目前的業務情形</div>
49
49
  </div>
50
50
  <div
51
51
  class="d-flex flex-column flex-sm-row"
@@ -74,25 +74,25 @@ export class PosHomePage {
74
74
  },
75
75
  ]
76
76
  .map((dd) => {
77
- return ` <div class=""
77
+ return ` <div
78
78
  style="flex: 1 1 0; align-self: stretch; padding-left: 32px; padding-right: 32px; padding-top: 47px; padding-bottom: 47px; background: white; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.10); border-radius: 10px; overflow: hidden; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; display: inline-flex;"
79
79
  >
80
- <div class=""
80
+ <div
81
81
  style="align-self: stretch; justify-content: flex-start; align-items: center; gap: 16px; display: inline-flex;"
82
82
  >
83
- <div class=""
83
+ <div
84
84
  style="flex: 1 1 0; flex-direction: column; justify-content: flex-start; align-items: center; gap: 2px; display: inline-flex;"
85
85
  >
86
- <div class=""
86
+ <div
87
87
  style="align-self: stretch; color: #393939; font-size: 18px; font-family: Noto Sans; font-weight: 700; word-wrap: break-word;"
88
88
  >${dd.value}
89
89
  </div>
90
- <div class=""
90
+ <div
91
91
  style="align-self: stretch; color: #8D8D8D; font-size: 16px; font-family: Noto Sans; font-weight: 500; word-wrap: break-word;"
92
92
  >${dd.title}
93
93
  </div>
94
94
  </div>
95
- <img class="" style="width:30px;height: 30px;"
95
+ <img style="width:30px;height: 30px;"
96
96
  src="${dd.icon}">
97
97
  </div>
98
98
  </div>`;
@@ -50,9 +50,9 @@ export class PosHomePage {
50
50
  class="d-flex flex-column flex-xl-row"
51
51
  style="align-self: stretch; flex: 1 1 0; justify-content: flex-start; align-items: center; gap: 20px; display: inline-flex;"
52
52
  >
53
- <div class="" style="flex: 1 1 0; align-self: stretch; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; display: inline-flex;">
54
- <div class="" style="align-self: stretch; color: #393939; font-size: 20px; font-weight: 700; word-wrap: break-word;">營運狀況總覽</div>
55
- <div class="" style="align-self: stretch; color: #8D8D8D; font-size: 16px; font-weight: 400; word-wrap: break-word;">查看目前的業務情形</div>
53
+ <div style="flex: 1 1 0; align-self: stretch; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; display: inline-flex;">
54
+ <div style="align-self: stretch; color: #393939; font-size: 20px; font-weight: 700; word-wrap: break-word;">營運狀況總覽</div>
55
+ <div style="align-self: stretch; color: #8D8D8D; font-size: 16px; font-weight: 400; word-wrap: break-word;">查看目前的業務情形</div>
56
56
  </div>
57
57
  <div
58
58
  class="d-flex flex-column flex-sm-row"
@@ -81,25 +81,25 @@ export class PosHomePage {
81
81
  },
82
82
  ]
83
83
  .map((dd) => {
84
- return ` <div class=""
84
+ return ` <div
85
85
  style="flex: 1 1 0; align-self: stretch; padding-left: 32px; padding-right: 32px; padding-top: 47px; padding-bottom: 47px; background: white; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.10); border-radius: 10px; overflow: hidden; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; display: inline-flex;"
86
86
  >
87
- <div class=""
87
+ <div
88
88
  style="align-self: stretch; justify-content: flex-start; align-items: center; gap: 16px; display: inline-flex;"
89
89
  >
90
- <div class=""
90
+ <div
91
91
  style="flex: 1 1 0; flex-direction: column; justify-content: flex-start; align-items: center; gap: 2px; display: inline-flex;"
92
92
  >
93
- <div class=""
93
+ <div
94
94
  style="align-self: stretch; color: #393939; font-size: 18px; font-family: Noto Sans; font-weight: 700; word-wrap: break-word;"
95
95
  >${dd.value}
96
96
  </div>
97
- <div class=""
97
+ <div
98
98
  style="align-self: stretch; color: #8D8D8D; font-size: 16px; font-family: Noto Sans; font-weight: 500; word-wrap: break-word;"
99
99
  >${dd.title}
100
100
  </div>
101
101
  </div>
102
- <img class="" style="width:30px;height: 30px;"
102
+ <img style="width:30px;height: 30px;"
103
103
  src="${dd.icon}">
104
104
  </div>
105
105
  </div>`;
@@ -289,7 +289,7 @@ export class PosSummary {
289
289
  <div style="white-space: nowrap;">備註</div>
290
290
  <input
291
291
  class="form-control flex-fill ms-2"
292
- style=""
292
+
293
293
  placeholder="請輸入備註"
294
294
  onchange="${gvc.event((e, event) => {
295
295
  dd.note = e.value;
@@ -428,7 +428,7 @@ export class PosSummary {
428
428
  <div style="white-space: nowrap;">備註</div>
429
429
  <input
430
430
  class="form-control flex-fill ms-2"
431
- style=""
431
+
432
432
  placeholder="請輸入備註"
433
433
  value="${dd.note || ''}"
434
434
  readonly
@@ -301,7 +301,7 @@ export class PosSummary {
301
301
  <div style="white-space: nowrap;">備註</div>
302
302
  <input
303
303
  class="form-control flex-fill ms-2"
304
- style=""
304
+
305
305
  placeholder="請輸入備註"
306
306
  onchange="${gvc.event((e, event) => {
307
307
  dd.note = e.value;
@@ -447,7 +447,7 @@ export class PosSummary {
447
447
  <div style="white-space: nowrap;">備註</div>
448
448
  <input
449
449
  class="form-control flex-fill ms-2"
450
- style=""
450
+
451
451
  placeholder="請輸入備註"
452
452
  value="${dd.note || ''}"
453
453
  readonly
@@ -47,171 +47,7 @@ export class ProductsPage {
47
47
  }
48
48
  loadData();
49
49
  gvc.glitter.share.reloadProduct = loadData;
50
- gvc.addStyle(`
51
- .pos-select {
52
- font-size: 18px;
53
- width: ${isPhone ? '100%' : '131px'};
54
- height: 51px;
55
- white-space: nowrap;
56
- display: flex;
57
- padding: 12px;
58
- justify-content: center;
59
- align-items: center;
60
- border-radius: 10px;
61
- box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
62
- }
63
-
64
- .pos-category {
65
- font-size: 18px;
66
- width: 131px;
67
- height: 51px;
68
- margin-right: 16px;
69
- white-space: nowrap;
70
- display: flex;
71
- padding: 12px 24px;
72
- justify-content: center;
73
- align-items: center;
74
- border-radius: 10px;
75
- box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
76
- }
77
-
78
- .pos-product-card {
79
- flex-basis: 188px;
80
- flex-grow: 1;
81
- border-radius: 10px;
82
- box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
83
- }
84
-
85
- .pos-bgr-image {
86
- border-radius: 10px 10px 0 0;
87
- background: 50% / cover no-repeat;
88
- }
89
-
90
- .pos-product-title {
91
- font-size: 18px;
92
- width: 100%;
93
- overflow: hidden;
94
- display: -webkit-box;
95
- -webkit-line-clamp: 2;
96
- text-overflow: ellipsis;
97
- word-break: break-word;
98
- -webkit-box-orient: vertical;
99
- }
100
-
101
- .pos-product-container {
102
- overflow: scroll;
103
- max-height: 100%;
104
- padding-bottom: 100px !important;
105
- ${isPhone
106
- ? `
107
- padding-left: 12px;
108
- padding-right: 12px;
109
- justify-content: space-between;
110
- `
111
- : `
112
- gap: 26px;
113
- margin-left: 32px;
114
- margin-right: 32px;
115
- `}
116
- }
117
-
118
- .pos-drawer {
119
- height: 100%;
120
- width: 352px;
121
- max-width: 100%;
122
- overflow: auto;
123
- background: #fff;
124
- box-shadow: 1px 0 10px 0 rgba(0, 0, 0, 0.1);
125
- }
126
-
127
- .pos-check-container {
128
- height: 50px;
129
- margin-bottom: 24px;
130
- margin-top: ${gvc.glitter.share.top_inset}px;
131
- }
132
-
133
- .pos-check-loading {
134
- background: #ffb400;
135
- color: #393939;
136
- gap: 10px;
137
- }
138
-
139
- .pos-cart-list {
140
- color: #393939;
141
- font-size: 32px;
142
- font-weight: 700;
143
- letter-spacing: 3px;
144
- }
145
-
146
- .pos-cart-image {
147
- height: 67px;
148
- width: 66px;
149
- margin-right: 12px;
150
- min-height: 67px;
151
- min-width: 66px;
152
- background: 50% / cover;
153
- }
154
-
155
- .pos-spec {
156
- color: #949494;
157
- font-size: 16px;
158
- font-style: normal;
159
- font-weight: 500;
160
- }
161
-
162
- .pos-count-button {
163
- display: flex;
164
- width: 30px;
165
- height: 30px;
166
- padding: 8px;
167
- justify-content: center;
168
- align-items: center;
169
- border-radius: 10px;
170
- background: #393939;
171
- }
172
-
173
- .pos-count-input {
174
- width: 50px;
175
- height: 25px;
176
- color: #393939;
177
- font-size: 18px;
178
- font-weight: 500;
179
- text-align: center;
180
- }
181
-
182
- .pos-subtotal {
183
- color: #393939;
184
- font-size: 18px;
185
- font-style: normal;
186
- font-weight: 500;
187
- letter-spacing: 0.72px;
188
- }
189
-
190
- .pos-price-container {
191
- margin-top: 24px;
192
- border-radius: 10px;
193
- border: 1px solid #ddd;
194
- background: #fff;
195
- display: flex;
196
- padding: 24px;
197
- flex-direction: column;
198
- justify-content: center;
199
- }
200
-
201
- .pos-goto-checkout {
202
- margin-top: 32px;
203
- display: flex;
204
- padding: 12px 24px;
205
- justify-content: center;
206
- align-items: center;
207
- border-radius: 10px;
208
- background: #393939;
209
- font-size: 20px;
210
- font-style: normal;
211
- font-weight: 500;
212
- color: #fff;
213
- }
214
- `);
50
+ PaymentPage.addStyle(gvc);
215
51
  const selectOptionView = gvc.bindView({
216
52
  bind: 'selectOption',
217
53
  view: () => {
@@ -440,7 +276,7 @@ export class ProductsPage {
440
276
  gvc.notifyDataChange('order');
441
277
  })}"
442
278
  >
443
- ${this.minusSVG}
279
+ ${PaymentPage.minusSVG}
444
280
  </div>
445
281
  <input
446
282
  class="border-0 pos-count-input"
@@ -461,7 +297,7 @@ export class ProductsPage {
461
297
  gvc.notifyDataChange('order');
462
298
  })}"
463
299
  >
464
- ${this.plusSVG}
300
+ ${PaymentPage.plusSVG}
465
301
  </div>
466
302
  </div>
467
303
  </div>
@@ -479,7 +315,9 @@ export class ProductsPage {
479
315
  >
480
316
  ${this.xmarkSVG}
481
317
  </div>
482
- <div class="pos-subtotal">$${(item.sale_price * item.count).toLocaleString()}</div>
318
+ <div class="pos-subtotal">
319
+ $${parseInt(`${item.sale_price * item.count}`, 10).toLocaleString()}
320
+ </div>
483
321
  </div>
484
322
  </div>
485
323
  `;
@@ -670,15 +508,3 @@ ProductsPage.xmarkSVG = html `<svg xmlns="http://www.w3.org/2000/svg" width="14"
670
508
  <path d="M1 1L13 13" stroke="#949494" stroke-width="2" stroke-linecap="round" />
671
509
  <path d="M13 1L1 13" stroke="#949494" stroke-width="2" stroke-linecap="round" />
672
510
  </svg>`;
673
- ProductsPage.minusSVG = html `<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
674
- <path
675
- d="M9.64314 5C9.64314 5.3457 9.32394 5.625 8.92885 5.625H1.07171C0.676618 5.625 0.357422 5.3457 0.357422 5C0.357422 4.6543 0.676618 4.375 1.07171 4.375H8.92885C9.32394 4.375 9.64314 4.6543 9.64314 5Z"
676
- fill="white"
677
- />
678
- </svg>`;
679
- ProductsPage.plusSVG = html `<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
680
- <path
681
- d="M5.76923 0.769231C5.76923 0.34375 5.42548 0 5 0C4.57452 0 4.23077 0.34375 4.23077 0.769231V4.23077H0.769231C0.34375 4.23077 0 4.57452 0 5C0 5.42548 0.34375 5.76923 0.769231 5.76923H4.23077V9.23077C4.23077 9.65625 4.57452 10 5 10C5.42548 10 5.76923 9.65625 5.76923 9.23077V5.76923H9.23077C9.65625 5.76923 10 5.42548 10 5C10 4.57452 9.65625 4.23077 9.23077 4.23077H5.76923V0.769231Z"
682
- fill="white"
683
- />
684
- </svg>`;
@@ -140,174 +140,7 @@ export class ProductsPage {
140
140
 
141
141
  loadData();
142
142
  gvc.glitter.share.reloadProduct = loadData;
143
-
144
- gvc.addStyle(`
145
- .pos-select {
146
- font-size: 18px;
147
- width: ${isPhone ? '100%' : '131px'};
148
- height: 51px;
149
- white-space: nowrap;
150
- display: flex;
151
- padding: 12px;
152
- justify-content: center;
153
- align-items: center;
154
- border-radius: 10px;
155
- box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
156
- }
157
-
158
- .pos-category {
159
- font-size: 18px;
160
- width: 131px;
161
- height: 51px;
162
- margin-right: 16px;
163
- white-space: nowrap;
164
- display: flex;
165
- padding: 12px 24px;
166
- justify-content: center;
167
- align-items: center;
168
- border-radius: 10px;
169
- box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
170
- }
171
-
172
- .pos-product-card {
173
- flex-basis: 188px;
174
- flex-grow: 1;
175
- border-radius: 10px;
176
- box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
177
- }
178
-
179
- .pos-bgr-image {
180
- border-radius: 10px 10px 0 0;
181
- background: 50% / cover no-repeat;
182
- }
183
-
184
- .pos-product-title {
185
- font-size: 18px;
186
- width: 100%;
187
- overflow: hidden;
188
- display: -webkit-box;
189
- -webkit-line-clamp: 2;
190
- text-overflow: ellipsis;
191
- word-break: break-word;
192
- -webkit-box-orient: vertical;
193
- }
194
-
195
- .pos-product-container {
196
- overflow: scroll;
197
- max-height: 100%;
198
- padding-bottom: 100px !important;
199
- ${
200
- isPhone
201
- ? `
202
- padding-left: 12px;
203
- padding-right: 12px;
204
- justify-content: space-between;
205
- `
206
- : `
207
- gap: 26px;
208
- margin-left: 32px;
209
- margin-right: 32px;
210
- `
211
- }
212
- }
213
-
214
- .pos-drawer {
215
- height: 100%;
216
- width: 352px;
217
- max-width: 100%;
218
- overflow: auto;
219
- background: #fff;
220
- box-shadow: 1px 0 10px 0 rgba(0, 0, 0, 0.1);
221
- }
222
-
223
- .pos-check-container {
224
- height: 50px;
225
- margin-bottom: 24px;
226
- margin-top: ${gvc.glitter.share.top_inset}px;
227
- }
228
-
229
- .pos-check-loading {
230
- background: #ffb400;
231
- color: #393939;
232
- gap: 10px;
233
- }
234
-
235
- .pos-cart-list {
236
- color: #393939;
237
- font-size: 32px;
238
- font-weight: 700;
239
- letter-spacing: 3px;
240
- }
241
-
242
- .pos-cart-image {
243
- height: 67px;
244
- width: 66px;
245
- margin-right: 12px;
246
- min-height: 67px;
247
- min-width: 66px;
248
- background: 50% / cover;
249
- }
250
-
251
- .pos-spec {
252
- color: #949494;
253
- font-size: 16px;
254
- font-style: normal;
255
- font-weight: 500;
256
- }
257
-
258
- .pos-count-button {
259
- display: flex;
260
- width: 30px;
261
- height: 30px;
262
- padding: 8px;
263
- justify-content: center;
264
- align-items: center;
265
- border-radius: 10px;
266
- background: #393939;
267
- }
268
-
269
- .pos-count-input {
270
- width: 50px;
271
- height: 25px;
272
- color: #393939;
273
- font-size: 18px;
274
- font-weight: 500;
275
- text-align: center;
276
- }
277
-
278
- .pos-subtotal {
279
- color: #393939;
280
- font-size: 18px;
281
- font-style: normal;
282
- font-weight: 500;
283
- letter-spacing: 0.72px;
284
- }
285
-
286
- .pos-price-container {
287
- margin-top: 24px;
288
- border-radius: 10px;
289
- border: 1px solid #ddd;
290
- background: #fff;
291
- display: flex;
292
- padding: 24px;
293
- flex-direction: column;
294
- justify-content: center;
295
- }
296
-
297
- .pos-goto-checkout {
298
- margin-top: 32px;
299
- display: flex;
300
- padding: 12px 24px;
301
- justify-content: center;
302
- align-items: center;
303
- border-radius: 10px;
304
- background: #393939;
305
- font-size: 20px;
306
- font-style: normal;
307
- font-weight: 500;
308
- color: #fff;
309
- }
310
- `);
143
+ PaymentPage.addStyle(gvc);
311
144
 
312
145
  const selectOptionView = gvc.bindView({
313
146
  bind: 'selectOption',
@@ -560,7 +393,7 @@ export class ProductsPage {
560
393
  gvc.notifyDataChange('order');
561
394
  })}"
562
395
  >
563
- ${this.minusSVG}
396
+ ${PaymentPage.minusSVG}
564
397
  </div>
565
398
  <input
566
399
  class="border-0 pos-count-input"
@@ -581,7 +414,7 @@ export class ProductsPage {
581
414
  gvc.notifyDataChange('order');
582
415
  })}"
583
416
  >
584
- ${this.plusSVG}
417
+ ${PaymentPage.plusSVG}
585
418
  </div>
586
419
  </div>
587
420
  </div>
@@ -599,7 +432,9 @@ export class ProductsPage {
599
432
  >
600
433
  ${this.xmarkSVG}
601
434
  </div>
602
- <div class="pos-subtotal">$${(item.sale_price * item.count).toLocaleString()}</div>
435
+ <div class="pos-subtotal">
436
+ $${parseInt(`${item.sale_price * item.count}`, 10).toLocaleString()}
437
+ </div>
603
438
  </div>
604
439
  </div>
605
440
  `;
@@ -729,18 +564,4 @@ export class ProductsPage {
729
564
  <path d="M1 1L13 13" stroke="#949494" stroke-width="2" stroke-linecap="round" />
730
565
  <path d="M13 1L1 13" stroke="#949494" stroke-width="2" stroke-linecap="round" />
731
566
  </svg>`;
732
-
733
- static minusSVG = html`<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
734
- <path
735
- d="M9.64314 5C9.64314 5.3457 9.32394 5.625 8.92885 5.625H1.07171C0.676618 5.625 0.357422 5.3457 0.357422 5C0.357422 4.6543 0.676618 4.375 1.07171 4.375H8.92885C9.32394 4.375 9.64314 4.6543 9.64314 5Z"
736
- fill="white"
737
- />
738
- </svg>`;
739
-
740
- static plusSVG = html`<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
741
- <path
742
- d="M5.76923 0.769231C5.76923 0.34375 5.42548 0 5 0C4.57452 0 4.23077 0.34375 4.23077 0.769231V4.23077H0.769231C0.34375 4.23077 0 4.57452 0 5C0 5.42548 0.34375 5.76923 0.769231 5.76923H4.23077V9.23077C4.23077 9.65625 4.57452 10 5 10C5.42548 10 5.76923 9.65625 5.76923 9.23077V5.76923H9.23077C9.65625 5.76923 10 5.42548 10 5C10 4.57452 9.65625 4.23077 9.23077 4.23077H5.76923V0.769231Z"
743
- fill="white"
744
- />
745
- </svg>`;
746
567
  }
@@ -8,7 +8,7 @@ export class ProductService {
8
8
  if (postMD.product_category !== 'kitchen') {
9
9
  const salePrice = postMD['variants'][0]['sale_price'];
10
10
  if (salePrice === '' || salePrice === undefined || salePrice === null) {
11
- dialog.infoMessage({ text: '尚未填寫售價' });
11
+ dialog.infoMessage({ text: '尚未輸入售價' });
12
12
  return false;
13
13
  }
14
14
  }
@@ -31,7 +31,7 @@ export class ProductService {
31
31
  variant['v_length'] == undefined ||
32
32
  Number(variant['v_length']) == 0) {
33
33
  dialog.infoMessage({
34
- text: `規格 ${variant.spec.join(',')} 材積資訊未填`,
34
+ text: `規格${variant.spec.length > 0 ? `「${variant.spec.join(',')}」` : ''}材積資訊未填`,
35
35
  });
36
36
  return false;
37
37
  }
@@ -39,7 +39,7 @@ export class ProductService {
39
39
  if (postMD.product_category !== 'weighing' && variant['shipment_type'] == 'weight') {
40
40
  if (variant['weight'] == undefined || Number(variant['weight']) == 0) {
41
41
  dialog.infoMessage({
42
- text: `${variant.spec.length > 1 ? variant.spec.join(',') : ''}重量未填`,
42
+ text: `${variant.spec.length > 1 ? `「${variant.spec.join(',')}」` : ''}重量未填`,
43
43
  });
44
44
  return false;
45
45
  }
@@ -58,7 +58,7 @@ export class ProductService {
58
58
  {
59
59
  check: (data) => !data.seo.domain,
60
60
  errorMessage: '未設定商品連結',
61
- }
61
+ },
62
62
  ];
63
63
  for (const languageCode of supportedLanguages) {
64
64
  const currentLanguageData = languageData[languageCode];