ts-glitter 21.5.9 → 21.6.0

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 (201) 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
@@ -1372,7 +1372,7 @@ export class BgGuide {
1372
1372
  }
1373
1373
  target.scrollIntoView();
1374
1374
  let content = html`
1375
- <div class=""
1375
+ <div
1376
1376
  style="font-size: 16px;font-style: normal;font-weight: 400;line-height: 160%;letter-spacing: 0.64px;white-space: normal">
1377
1377
  在<span style="font-weight: 700;">佈景主題庫</span>儲存並管理多個設計主題,可根據需求靈活切換應用,展現多樣視覺效果,增強品牌吸引力
1378
1378
  </div>
@@ -1403,7 +1403,7 @@ export class BgGuide {
1403
1403
  gvc.notifyDataChange(viewID);
1404
1404
  });
1405
1405
  let content = html`
1406
- <div class=""
1406
+ <div
1407
1407
  style="font-size: 16px;font-style: normal;font-weight: 400;line-height: 160%;letter-spacing: 0.64px;white-space: normal">
1408
1408
  滑鼠移入喜歡的主題後點擊<span style="font-weight: 700;">新增</span>
1409
1409
  </div>
@@ -1442,7 +1442,7 @@ export class BgGuide {
1442
1442
  }
1443
1443
  target.scrollIntoView();
1444
1444
  let content = html`
1445
- <div class=""
1445
+ <div
1446
1446
  style="font-size: 16px;font-style: normal;font-weight: 400;line-height: 160%;letter-spacing: 0.64px;white-space: normal">
1447
1447
  您可以對剛新增的主題進行操作,如自定義樣式、切換、複製及下載等等
1448
1448
  </div>
@@ -1467,7 +1467,7 @@ export class BgGuide {
1467
1467
  target.parentElement.scrollIntoView();
1468
1468
 
1469
1469
  let content = html`
1470
- <div class=""
1470
+ <div
1471
1471
  style="font-size: 16px;font-style: normal;font-weight: 400;line-height: 160%;letter-spacing: 0.64px;white-space: normal">
1472
1472
  使用<span style="font-weight: 700;">切換</span>功能,您可以將官網快速切換為主題庫中的其他主題,輕鬆又快速變換官網風格。
1473
1473
  </div>
@@ -2027,7 +2027,7 @@ export class BgGuide {
2027
2027
  height: 209,
2028
2028
  title: '運費計算',
2029
2029
  content: html`
2030
- <div class="" style="white-space: normal">
2030
+ <div style="white-space: normal">
2031
2031
  點擊<span style="font-weight: 700;">依材積計算</span>,作為此商品的運費計算方式
2032
2032
  </div>`,
2033
2033
  next: true,
@@ -2282,7 +2282,7 @@ export class BgGuide {
2282
2282
  gvc.notifyDataChange('logisticsInit');
2283
2283
  });
2284
2284
  let content = html`
2285
- <div class="d-flex align-items-center" style="">
2285
+ <div class="d-flex align-items-center" >
2286
2286
  點擊
2287
2287
  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"
2288
2288
  style="margin:0 6px;" fill="none">
@@ -3087,12 +3087,12 @@ export class BgGuide {
3087
3087
  BG.classList.add('leave-guide-BG');
3088
3088
  return html`
3089
3089
  <div
3090
- class=""
3090
+
3091
3091
  style="width: 317px;height: 157px;position:absolute;top:${rect.bottom + window.scrollY + 12 + 'px'};left : ${rect.left +
3092
3092
  window.scrollX +
3093
3093
  'px'};gap:20px;padding-top: 22px;"
3094
3094
  >
3095
- <div class="" style="position: absolute;top: 0;left: 20px;">
3095
+ <div style="position: absolute;top: 0;left: 20px;">
3096
3096
  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18"
3097
3097
  fill="none">
3098
3098
  <path d="M11 0L21.3923 18H0.607696L11 0Z" fill="#FEAD20"/>
@@ -3193,7 +3193,7 @@ export class BgGuide {
3193
3193
  </div>
3194
3194
  <div class=" d-flex flex-column align-items-center justify-content-center"
3195
3195
  style="width: 100%;padding:24px;gap:24px;">
3196
- <div class="g-container position-relative " style="">
3196
+ <div class="g-container position-relative " >
3197
3197
  <div class="g-progress"></div>
3198
3198
  <div class="g-circle"></div>
3199
3199
  <div
@@ -3295,7 +3295,7 @@ export class BgGuide {
3295
3295
  style="gap:2px;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;color:#393939"
3296
3296
  >
3297
3297
  ${data.title}
3298
- <div class=""
3298
+ <div
3299
3299
  style="font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;color:#8D8D8D">
3300
3300
  ${data.des}
3301
3301
  </div>
@@ -3400,12 +3400,12 @@ export class BgGuide {
3400
3400
  BG.classList.add('leave-guide-BG');
3401
3401
  return html`
3402
3402
  <div
3403
- class=""
3403
+
3404
3404
  style="width: 317px;height: 157px;position:absolute;top:${rect.bottom + window.scrollY + 12 + 'px'};left : ${rect.left +
3405
3405
  window.scrollX +
3406
3406
  'px'};gap:20px;padding-top: 22px;"
3407
3407
  >
3408
- <div class="" style="position: absolute;top: 0;left: 20px;">
3408
+ <div style="position: absolute;top: 0;left: 20px;">
3409
3409
  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18"
3410
3410
  fill="none">
3411
3411
  <path d="M11 0L21.3923 18H0.607696L11 0Z" fill="#FEAD20"/>
@@ -3775,7 +3775,7 @@ export class BgGuide {
3775
3775
 
3776
3776
  const target = document.querySelector('.guide-user-editor-1');
3777
3777
  const context = html`
3778
- <div class="d-flex flex-column" style="">
3778
+ <div class="d-flex flex-column" >
3779
3779
  <div style="font-size: 16px;font-style: normal;font-weight: 400;line-height: 160%;letter-spacing: 0.64px;white-space: normal">
3780
3780
  滑鼠移至各元件可以進行<span style="font-weight: 700;">「刪除」「隱藏」</span>及<span
3781
3781
  style="font-weight: 700;">「更改順序」</span>三個動作。
@@ -3914,7 +3914,7 @@ export class BgGuide {
3914
3914
  const target = document!.querySelector(`.${className}:not(.d-none)`);
3915
3915
  if (target) {
3916
3916
  const context = html`
3917
- <div class="d-flex flex-column" style="">
3917
+ <div class="d-flex flex-column" >
3918
3918
  <div style="font-size: 16px;font-style: normal;font-weight: 400;line-height: 160%;letter-spacing: 0.64px;white-space: normal">
3919
3919
  每個元件下方都會有<span>「設定」</span>,點擊進入後即可調整該元件更詳細的設計
3920
3920
  </div>
@@ -4148,7 +4148,7 @@ export class BgGuide {
4148
4148
  // content: "可針對此元件設置獨特顏色,實現獨一無二的設計效果"
4149
4149
  // }].map((data)=>{
4150
4150
  // return html`
4151
- // <div style="">
4151
+ // <div >
4152
4152
  // <span style="font-weight: 700">${data.title}</span>${data.content}
4153
4153
  // </div>
4154
4154
  // `
@@ -4210,7 +4210,7 @@ export class BgGuide {
4210
4210
  const target = document!.querySelector(`.${className}`);
4211
4211
  if (target) {
4212
4212
  const context = html`
4213
- <div class="d-flex flex-column" style="">
4213
+ <div class="d-flex flex-column" >
4214
4214
  <div style="font-size: 16px;font-style: normal;font-weight: 400;line-height: 160%;letter-spacing: 0.64px;white-space: normal">
4215
4215
  每個元件可以分為三種顯示樣式
4216
4216
  <div class="d-flex flex-column"
@@ -4325,7 +4325,7 @@ export class BgGuide {
4325
4325
 
4326
4326
  })
4327
4327
  const context = html`
4328
- <div class="d-flex flex-column" style="">
4328
+ <div class="d-flex flex-column" >
4329
4329
  <div style="font-size: 16px;font-style: normal;font-weight: 400;line-height: 160%;letter-spacing: 0.64px;white-space: normal">
4330
4330
  點擊
4331
4331
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
@@ -4492,7 +4492,7 @@ export class BgGuide {
4492
4492
  }
4493
4493
  `)
4494
4494
  const context = html`
4495
- <div class="" style="white-space: normal;word-break: break-all;">於<span
4495
+ <div style="white-space: normal;word-break: break-all;">於<span
4496
4496
  style="font-weight: 700;">「全站樣式」</span>${icon}
4497
4497
  頁面,您可以統一管理全站的樣式設置,一旦您進行了修改,所有套用這些樣式的元件都會自動更新,確保官網設計的一致性。
4498
4498
  </div>
@@ -4725,7 +4725,7 @@ export class BgGuide {
4725
4725
  }
4726
4726
  `)
4727
4727
  const context = html`
4728
- <div class="" style="white-space: normal;word-break: break-all;">於<span
4728
+ <div style="white-space: normal;word-break: break-all;">於<span
4729
4729
  style="font-weight: 700;">「設計元件」</span>${icon}
4730
4730
  頁面,您可以替全站的<span style="font-weight: 700;">「標頭」</span>
4731
4731
  <span style="font-weight: 700;">「商品卡片」</span>及<span style="font-weight: 700;">「頁腳」</span>設置預設樣式,一旦您修改了預設樣式,所有網頁都會自動更新,確保一致性。
@@ -4942,7 +4942,7 @@ export class BgGuide {
4942
4942
  }
4943
4943
  `)
4944
4944
  const context = html`
4945
- <div class="" style="white-space: normal;word-break: break-all;">於<span
4945
+ <div style="white-space: normal;word-break: break-all;">於<span
4946
4946
  style="font-weight: 700;">「設計元件」</span>${icon}
4947
4947
  頁面,您可以替全站的<span style="font-weight: 700;">「標頭」</span>
4948
4948
  <span style="font-weight: 700;">「商品卡片」</span>及<span style="font-weight: 700;">「頁腳」</span>設置預設樣式,一旦您修改了預設樣式,所有網頁都會自動更新,確保一致性。
@@ -5007,7 +5007,7 @@ export class BgGuide {
5007
5007
  document.querySelector('.guide-BG')!.innerHTML = innerHTML ?? ``;
5008
5008
  }
5009
5009
 
5010
- return html``;
5010
+ return '';
5011
5011
  }
5012
5012
 
5013
5013
  public drawGuide() {
@@ -5021,6 +5021,6 @@ export class BgGuide {
5021
5021
  clearInterval(timer);
5022
5022
  }
5023
5023
  }, 500);
5024
- return html``;
5024
+ return '';
5025
5025
  }
5026
5026
  }
@@ -57,7 +57,7 @@ export class BgMobileGuide {
57
57
  ${(() => {
58
58
  return this.stepInf.map((inf) => {
59
59
  return html `
60
- <div class="swiper-slide w-100" style="">
60
+ <div class="swiper-slide w-100" >
61
61
  <div class="w-100 d-flex align-items-center justify-content-center">
62
62
  <img style="width:209px;height: 62px;" src="${inf.title}" alt="">
63
63
  </div>
@@ -73,7 +73,7 @@ export class BgMobileGuide {
73
73
  })()}
74
74
  </div>
75
75
  <!-- If we need pagination -->
76
- <div class="swiper-pagination" style=""></div>
76
+ <div class="swiper-pagination" ></div>
77
77
  </div>
78
78
  <div class="d-flex w-100" style="padding: 0 30px;position: absolute;left:0;bottom: 30px;">
79
79
  <div class="d-flex align-items-center justify-content-center w-100" style="padding: 10px 20px;;z-index: 2;border-radius: 6px;border: 1px solid #DDD;" onclick="${this.gvc.event(() => {
@@ -99,7 +99,7 @@ export class BgMobileGuide {
99
99
  },
100
100
  },
101
101
  });
102
- return html ``;
102
+ return '';
103
103
  }
104
104
  drawGuide() {
105
105
  if (document.body.clientWidth >= 922) {
@@ -115,7 +115,7 @@ export class BgMobileGuide {
115
115
  clearInterval(timer);
116
116
  }
117
117
  }, 500);
118
- return html ``;
118
+ return '';
119
119
  }
120
120
  }
121
121
  BgMobileGuide.disableFunction = () => {
@@ -75,7 +75,7 @@ export class BgMobileGuide {
75
75
  ${(() => {
76
76
  return this.stepInf.map((inf) => {
77
77
  return html`
78
- <div class="swiper-slide w-100" style="">
78
+ <div class="swiper-slide w-100" >
79
79
  <div class="w-100 d-flex align-items-center justify-content-center">
80
80
  <img style="width:209px;height: 62px;" src="${inf.title}" alt="">
81
81
  </div>
@@ -91,7 +91,7 @@ export class BgMobileGuide {
91
91
  })()}
92
92
  </div>
93
93
  <!-- If we need pagination -->
94
- <div class="swiper-pagination" style=""></div>
94
+ <div class="swiper-pagination" ></div>
95
95
  </div>
96
96
  <div class="d-flex w-100" style="padding: 0 30px;position: absolute;left:0;bottom: 30px;">
97
97
  <div class="d-flex align-items-center justify-content-center w-100" style="padding: 10px 20px;;z-index: 2;border-radius: 6px;border: 1px solid #DDD;" onclick="${this.gvc.event(()=>{
@@ -123,7 +123,7 @@ export class BgMobileGuide {
123
123
 
124
124
  });
125
125
 
126
- return html``;
126
+ return '';
127
127
  }
128
128
 
129
129
  public drawGuide() {
@@ -144,6 +144,6 @@ export class BgMobileGuide {
144
144
  clearInterval(timer);
145
145
  }
146
146
  }, 500);
147
- return html``;
147
+ return '';
148
148
  }
149
149
  }
@@ -34,7 +34,7 @@ export class BgSeo {
34
34
  </button>
35
35
  </div>
36
36
  <div class="d-flex" style="gap:10px;">
37
- <div style="width:300px;" class="">
37
+ <div style="width:300px;" >
38
38
  ${BgWidget.card(gvc.bindView(() => {
39
39
  return {
40
40
  bind: leftID,
@@ -28,7 +28,7 @@ export class BgSeo {
28
28
  </button>
29
29
  </div>
30
30
  <div class="d-flex" style="gap:10px;">
31
- <div style="width:300px;" class="">
31
+ <div style="width:300px;" >
32
32
  ${BgWidget.card(
33
33
  gvc.bindView(() => {
34
34
  return {
@@ -115,9 +115,9 @@ export class BgShopping {
115
115
  case 1:
116
116
  return `<div class="badge fs-7" style="background:#0000000f;color:black;">已付款</div>`;
117
117
  case -1:
118
- return `<div class="badge bg-danger fs-7" style="">付款失敗</div>`;
118
+ return `<div class="badge bg-danger fs-7" >付款失敗</div>`;
119
119
  case -2:
120
- return `<div class="badge bg-danger fs-7" style="">已退款</div>`;
120
+ return `<div class="badge bg-danger fs-7" >已退款</div>`;
121
121
  }
122
122
  })(),
123
123
  },
@@ -957,7 +957,7 @@ export class BgShopping {
957
957
  </button>
958
958
  </div>
959
959
  <div class="d-flex" style="gap:10px;">
960
- <div class="" style="width:700px;">
960
+ <div style="width:700px;">
961
961
  ${[
962
962
  BgWidget.card(`
963
963
  <h3 class="fs-7 mb-2">折扣券名稱</h3>
@@ -2489,7 +2489,7 @@ ${EditorElem.editeInput({
2489
2489
  <span>運費權重</span>
2490
2490
  <div class="alert-info alert mt-2 mb-0">
2491
2491
  <span>( 每單位金額*權重 ) + 基本運費 = 總運費</span><br />
2492
- <span style=""
2492
+ <span
2493
2493
  >試算 : ( ${shipmentSetting.weight} *
2494
2494
  ${dd.shipment_weight} ) + ${shipmentSetting.basic_fee} =
2495
2495
  ${shipmentSetting.weight * dd.shipment_weight +
@@ -2692,7 +2692,7 @@ ${EditorElem.editeInput({
2692
2692
  >
2693
2693
  <div
2694
2694
  class="editor_item d-flex pe-2 my-0 hi me-n1 "
2695
- style=""
2695
+
2696
2696
  onclick="${gvc.event(() => {
2697
2697
  dd.toogle = !dd.toogle;
2698
2698
  gvc.recreateView();
@@ -2718,7 +2718,7 @@ ${EditorElem.editeInput({
2718
2718
  >
2719
2719
  <div
2720
2720
  class="editor_item d-flex pe-2 my-0 hi "
2721
- style=""
2721
+
2722
2722
  onclick="${gvc.event(() => {
2723
2723
  if (postMD.collection.find(dd => {
2724
2724
  return dd === indt;
@@ -114,9 +114,9 @@ export class BgShopping {
114
114
  case 1:
115
115
  return `<div class="badge fs-7" style="background:#0000000f;color:black;">已付款</div>`;
116
116
  case -1:
117
- return `<div class="badge bg-danger fs-7" style="">付款失敗</div>`;
117
+ return `<div class="badge bg-danger fs-7" >付款失敗</div>`;
118
118
  case -2:
119
- return `<div class="badge bg-danger fs-7" style="">已退款</div>`;
119
+ return `<div class="badge bg-danger fs-7" >已退款</div>`;
120
120
  }
121
121
  })(),
122
122
  },
@@ -1078,7 +1078,7 @@ export class BgShopping {
1078
1078
  </button>
1079
1079
  </div>
1080
1080
  <div class="d-flex" style="gap:10px;">
1081
- <div class="" style="width:700px;">
1081
+ <div style="width:700px;">
1082
1082
  ${[
1083
1083
  BgWidget.card(`
1084
1084
  <h3 class="fs-7 mb-2">折扣券名稱</h3>
@@ -2710,7 +2710,7 @@ ${EditorElem.editeInput({
2710
2710
  <span>運費權重</span>
2711
2711
  <div class="alert-info alert mt-2 mb-0">
2712
2712
  <span>( 每單位金額*權重 ) + 基本運費 = 總運費</span><br />
2713
- <span style=""
2713
+ <span
2714
2714
  >試算 : ( ${shipmentSetting.weight} *
2715
2715
  ${dd.shipment_weight} ) + ${shipmentSetting.basic_fee} =
2716
2716
  ${shipmentSetting.weight * dd.shipment_weight +
@@ -2936,7 +2936,7 @@ ${EditorElem.editeInput({
2936
2936
  >
2937
2937
  <div
2938
2938
  class="editor_item d-flex pe-2 my-0 hi me-n1 "
2939
- style=""
2939
+
2940
2940
  onclick="${gvc.event(() => {
2941
2941
  dd.toogle = !dd.toogle;
2942
2942
  gvc.recreateView();
@@ -2961,7 +2961,7 @@ ${EditorElem.editeInput({
2961
2961
  >
2962
2962
  <div
2963
2963
  class="editor_item d-flex pe-2 my-0 hi "
2964
- style=""
2964
+
2965
2965
  onclick="${gvc.event(() => {
2966
2966
  if (
2967
2967
  postMD.collection.find(dd => {
@@ -58,7 +58,7 @@ export class BgWallet {
58
58
  note: '',
59
59
  };
60
60
  return `<div class="modal-content bg-white rounded-3 p-2" style="max-width:90%;width:400px;">
61
- <div class="">
61
+ <div >
62
62
  ${gvc.bindView(() => {
63
63
  const id = gvc.glitter.getUUID();
64
64
  return {
@@ -465,7 +465,7 @@ export class BgWallet {
465
465
  vm.data = vm.dataList[index];
466
466
  gvc.glitter.innerDialog((gvc2) => {
467
467
  return html `<div class="modal-content bg-white rounded-3 p-2" style="max-width:90%;width:400px;">
468
- <div class="">
468
+ <div >
469
469
  ${gvc.bindView(() => {
470
470
  const id = gvc.glitter.getUUID();
471
471
  return {
@@ -748,7 +748,7 @@ export class BgWallet {
748
748
  note: '',
749
749
  };
750
750
  return html `<div class="modal-content bg-white rounded-3 p-2" style="max-width:90%;width:400px;">
751
- <div class="">
751
+ <div >
752
752
  ${gvc.bindView(() => {
753
753
  const id = gvc.glitter.getUUID();
754
754
  return {
@@ -64,7 +64,7 @@ export class BgWallet {
64
64
  note: '',
65
65
  };
66
66
  return `<div class="modal-content bg-white rounded-3 p-2" style="max-width:90%;width:400px;">
67
- <div class="">
67
+ <div >
68
68
  ${gvc.bindView(() => {
69
69
  const id = gvc.glitter.getUUID();
70
70
  return {
@@ -493,7 +493,7 @@ export class BgWallet {
493
493
  vm.data = vm.dataList[index];
494
494
  gvc.glitter.innerDialog((gvc2) => {
495
495
  return html`<div class="modal-content bg-white rounded-3 p-2" style="max-width:90%;width:400px;">
496
- <div class="">
496
+ <div >
497
497
  ${gvc.bindView(() => {
498
498
  const id = gvc.glitter.getUUID();
499
499
  return {
@@ -795,7 +795,7 @@ export class BgWallet {
795
795
  note: '',
796
796
  };
797
797
  return html`<div class="modal-content bg-white rounded-3 p-2" style="max-width:90%;width:400px;">
798
- <div class="">
798
+ <div >
799
799
  ${gvc.bindView(() => {
800
800
  const id = gvc.glitter.getUUID();
801
801
  return {
@@ -1417,6 +1417,12 @@ ${(_d = obj.default) !== null && _d !== void 0 ? _d : ''}</textarea
1417
1417
  }
1418
1418
  return vmt.dataList.map((item) => this.printOption(gvc, vmt, { key: item, value: `#${item}` })).join('');
1419
1419
  }
1420
+ static requiredStar() {
1421
+ return html `<i
1422
+ class="fa-solid fa-star-of-life"
1423
+ style="font-size: 8px; color: #da1313; vertical-align: text-top; line-height: 16px;"
1424
+ ></i>`;
1425
+ }
1420
1426
  static maintenance() {
1421
1427
  return html ` <div class="d-flex flex-column align-items-center justify-content-center vh-100 vw-100">
1422
1428
  <iframe
@@ -1708,6 +1708,13 @@ ${obj.default ?? ''}</textarea
1708
1708
  return vmt.dataList.map((item: any) => this.printOption(gvc, vmt, { key: item, value: `#${item}` })).join('');
1709
1709
  }
1710
1710
 
1711
+ static requiredStar() {
1712
+ return html`<i
1713
+ class="fa-solid fa-star-of-life"
1714
+ style="font-size: 8px; color: #da1313; vertical-align: text-top; line-height: 16px;"
1715
+ ></i>`;
1716
+ }
1717
+
1711
1718
  // 頁面
1712
1719
  static dotlottieJS = 'https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs';
1713
1720
 
@@ -559,7 +559,7 @@ export class POSSetting {
559
559
  },
560
560
  footer_html: (fGVC) => {
561
561
  return [
562
- BgWidget.save(fGVC.event(() => gvc.closeDialog()), '確認'),
562
+ BgWidget.save(fGVC.event(() => fGVC.closeDialog()), '確認'),
563
563
  ].join();
564
564
  },
565
565
  });
@@ -633,7 +633,7 @@ export class POSSetting {
633
633
  footer_html: (fGVC: GVC) => {
634
634
  return [
635
635
  BgWidget.save(
636
- fGVC.event(() => gvc.closeDialog()),
636
+ fGVC.event(() => fGVC.closeDialog()),
637
637
  '確認'
638
638
  ),
639
639
  ].join();
@@ -9,7 +9,7 @@ export class MemberAi {
9
9
  let place_holder = '顧客姓名是王小明,電子信箱是sam12345@gmail.com,電話號碼是0912345678,生日是民國83年11月5日,地址是台北市大安區望安路10號,備註來自Facebook的消費用戶。';
10
10
  let message = place_holder;
11
11
  return html `
12
- <div class="">
12
+ <div >
13
13
  ${[
14
14
  html `
15
15
  <lottie-player src="${gvc.glitter.root_path}lottie/ai.json" class="mx-auto my-n4"
@@ -77,7 +77,7 @@ ${BgWidget.save(gvc.event(() => {
77
77
  const html = String.raw;
78
78
  let message = '';
79
79
  return html `
80
- <div class="">
80
+ <div >
81
81
  ${[
82
82
  html `
83
83
  <lottie-player src="${gvc.glitter.root_path}lottie/ai.json" class="mx-auto my-n4"
@@ -58,7 +58,7 @@ export class MemberAi {
58
58
  let place_holder = '顧客姓名是王小明,電子信箱是sam12345@gmail.com,電話號碼是0912345678,生日是民國83年11月5日,地址是台北市大安區望安路10號,備註來自Facebook的消費用戶。'
59
59
  let message = place_holder
60
60
  return html`
61
- <div class="">
61
+ <div >
62
62
  ${[
63
63
  html`
64
64
  <lottie-player src="${gvc.glitter.root_path}lottie/ai.json" class="mx-auto my-n4"
@@ -125,7 +125,7 @@ ${BgWidget.save(gvc.event(() => {
125
125
  const html = String.raw
126
126
  let message = ''
127
127
  return html`
128
- <div class="">
128
+ <div >
129
129
  ${[
130
130
  html`
131
131
  <lottie-player src="${gvc.glitter.root_path}lottie/ai.json" class="mx-auto my-n4"
@@ -8,7 +8,7 @@ export class ProductAi {
8
8
  const language = window.parent.store_info.language_setting.def;
9
9
  let message = '商品標題為Adidas衣服,規格有顏色和尺寸,其中有紅藍黃三種顏色,尺寸有S,M,L三種尺寸,紅色S號的販售價格為2000,紅色M號的價格為1500,其餘販售價格為1000元。';
10
10
  return html `
11
- <div class="">
11
+ <div >
12
12
  ${[
13
13
  html `
14
14
  <lottie-player src="${gvc.glitter.root_path}lottie/ai.json" class="mx-auto my-n4"
@@ -117,7 +117,7 @@ ${BgWidget.save(gvc.event(() => {
117
117
  const html = String.raw;
118
118
  let message = '';
119
119
  return html `
120
- <div class="">
120
+ <div >
121
121
  ${[
122
122
  html `
123
123
  <lottie-player src="${gvc.glitter.root_path}lottie/ai.json" class="mx-auto my-n4"
@@ -124,7 +124,7 @@ export class ProductAi {
124
124
  const language=(window.parent as any).store_info.language_setting.def;
125
125
  let message = '商品標題為Adidas衣服,規格有顏色和尺寸,其中有紅藍黃三種顏色,尺寸有S,M,L三種尺寸,紅色S號的販售價格為2000,紅色M號的價格為1500,其餘販售價格為1000元。'
126
126
  return html`
127
- <div class="">
127
+ <div >
128
128
  ${[
129
129
  html`
130
130
  <lottie-player src="${gvc.glitter.root_path}lottie/ai.json" class="mx-auto my-n4"
@@ -240,7 +240,7 @@ ${BgWidget.save(gvc.event(() => {
240
240
  const html = String.raw
241
241
  let message = ''
242
242
  return html`
243
- <div class="">
243
+ <div >
244
244
  ${[
245
245
  html`
246
246
  <lottie-player src="${gvc.glitter.root_path}lottie/ai.json" class="mx-auto my-n4"
@@ -209,7 +209,7 @@ export class AiMessage {
209
209
  </div>` +
210
210
  html `
211
211
  <div class="d-flex align-items-center shadow border-bottom border-top"
212
- style="">
212
+ >
213
213
  ${(() => {
214
214
  const list = AiMessage.ai_support;
215
215
  return list
@@ -833,7 +833,7 @@ export class AiMessage {
833
833
  returnHtml.push(html `
834
834
  <div class=" fw-bold"
835
835
  style=" height: 60px;display: flex;align-items: center;justify-content: center;font-size: 16px;">
836
- <div class="" style="color: black;">即時解答</div>
836
+ <div style="color: black;">即時解答</div>
837
837
  </div>`);
838
838
  }
839
839
  robot.map((dd) => {
@@ -247,7 +247,7 @@ export class AiMessage {
247
247
  </div>` +
248
248
  html`
249
249
  <div class="d-flex align-items-center shadow border-bottom border-top"
250
- style="">
250
+ >
251
251
  ${(() => {
252
252
  const list = AiMessage.ai_support;
253
253
  return list
@@ -912,7 +912,7 @@ export class AiMessage {
912
912
  returnHtml.push(html`
913
913
  <div class=" fw-bold"
914
914
  style=" height: 60px;display: flex;align-items: center;justify-content: center;font-size: 16px;">
915
- <div class="" style="color: black;">即時解答</div>
915
+ <div style="color: black;">即時解答</div>
916
916
  </div>`);
917
917
  }
918
918
  robot.map((dd: any) => {
@@ -49,7 +49,7 @@ export class AiPointsList {
49
49
  note: '',
50
50
  };
51
51
  return html `<div class="modal-content bg-white rounded-3 p-2" style="max-width:90%;width:400px;">
52
- <div class="">
52
+ <div >
53
53
  ${gvc.bindView(() => {
54
54
  const id = gvc.glitter.getUUID();
55
55
  return {
@@ -463,7 +463,7 @@ export class AiPointsList {
463
463
  vm.data = vm.dataList[index];
464
464
  gvc.glitter.innerDialog((gvc2) => {
465
465
  return html `<div class="modal-content bg-white rounded-3 p-2" style="max-width:90%;width:400px;">
466
- <div class="">
466
+ <div >
467
467
  ${gvc.bindView(() => {
468
468
  const id = gvc.glitter.getUUID();
469
469
  return {