ts-glitter 21.5.7 → 21.6.0

package/lowcode/cms-plugin/shopping-collections.ts

@@ -752,7 +752,7 @@ export class ShoppingCollections {
                   // 左容器
                   html: [
                     BgWidget.mainCard(
-                      html` <div class="tx_700" style="margin-bottom: 18px">分類標籤</div>
+                      html` <div class="tx_700" style="margin-bottom: 18px">分類標籤 ${BgWidget.requiredStar()}</div>
                         ${EditorElem.editeInput({
                           gvc: gvc,
                           title: '',
@@ -764,7 +764,7 @@ export class ShoppingCollections {
                         })}`
                     ),
                     BgWidget.mainCard(
-                      html` <div class="d-flex flex-column" style="margin-bottom: 18px;gap:5px;">
+                      html` <div class="d-flex flex-column" style="margin-bottom: 12px; gap:5px;">
                           <div class="tx_700">前台分類顯示名稱 ${BgWidget.languageInsignia(select_lan)}</div>
                           ${BgWidget.grayNote(`未設定則參照分類標籤顯示`)}
                         </div>
@@ -790,7 +790,7 @@ export class ShoppingCollections {
                           return BgWidget.mainCard(
                             [
                               html` <div class="tx_normal fw-normal mb-2">
-                                連結網址 ${BgWidget.languageInsignia(select_lan)}
+                                連結網址 ${BgWidget.requiredStar()} ${BgWidget.languageInsignia(select_lan)}
                               </div>`,
                               gvc.bindView({
                                 bind: domainID,
@@ -1016,7 +1016,7 @@ export class ShoppingCollections {
                             },
                           })}`,
                         ,
-                        html` <div class="tx_normal fw-normal" style="">SEO 描述</div>
+                        html` <div class="tx_normal fw-normal" >SEO 描述</div>
                           ${EditorElem.editeText({
                             gvc: gvc,
                             title: '',
@@ -1027,7 +1027,7 @@ export class ShoppingCollections {
                             },
                           })}`,
                         ,
-                        html` <div class="tx_normal fw-normal" style="">SEO 圖片</div>
+                        html` <div class="tx_normal fw-normal" >SEO 圖片</div>
                           ${EditorElem.uploadImageContainer({
                             gvc: gvc,
                             title: '',
@@ -1138,7 +1138,7 @@ export class ShoppingCollections {
                 ${BgWidget.save(
                   gvc.event(() => {
                     if (CheckInput.isEmpty(vm.data.title)) {
-                      dialog.infoMessage({ text: '請填寫「標題」' });
+                      dialog.infoMessage({ text: '請填寫「分類標籤」' });
                       return;
                     }
 

package/lowcode/cms-plugin/shopping-invoice-manager.js

@@ -551,7 +551,7 @@ export class ShoppingInvoiceManager {
                                                     : html ` <div
                                               style="width: 16px;height: 16px;border-radius: 20px;border:solid 1px #DDD"
                                             ></div>`}
-                                        <label class="m-0" style="" for="${data}">${data}</label>
+                                        <label class="m-0"  for="${data}">${data}</label>
                                       </div>
                                     `;
                                             })
@@ -743,7 +743,7 @@ export class ShoppingInvoiceManager {
                                                 }
                                                 if (allowanceData.length) {
                                                     return BgWidget.mainCard(html `
-                              <div class="" style="display: flex;flex-direction: column;">
+                              <div  style="display: flex;flex-direction: column;">
                                 <div style="font-weight: 700;font-size: 16px;margin-bottom: 18px;">折讓單</div>
                                 <div class="d-flex" style="margin-bottom: 12px;">
                                   <div class="col-2">折讓日期</div>
@@ -777,8 +777,8 @@ export class ShoppingInvoiceManager {
                                               class="col-2 text-center d-flex align-items-center justify-content-center"
                                             >
                                               ${data.status == 1
-                                                                ? html ` <div class="" style="color:#10931D">已完成</div>`
-                                                                : html ` <div class="" style="color:#DA1313">已作廢</div>`}
+                                                                ? html ` <div  style="color:#10931D">已完成</div>`
+                                                                : html ` <div  style="color:#DA1313">已作廢</div>`}
                                             </div>
                                             <div class="flex-fill d-flex justify-content-end align-items-center">
                                               <div style="margin-right: 14px;">
@@ -839,7 +839,7 @@ export class ShoppingInvoiceManager {
                                                                         </div>
                                                                         <div
                                                                           class="w-100 d-flex align-items-center justify-content-center"
-                                                                          style=""
+                                                                          
                                                                         >
                                                                           <svg
                                                                             xmlns="http://www.w3.org/2000/svg"
@@ -1062,7 +1062,7 @@ ${reason}</textarea
                                                 var _a;
                                                 let sale_price = Math.ceil(item.sale_price * 0.95);
                                                 return html `
-                                  <div class="d-flex w-100 align-items-center" style="">
+                                  <div class="d-flex w-100 align-items-center" >
                                     <div class="col-7 d-flex align-items-center">
                                       <img
                                         src="${item.preview_image}"
@@ -1097,7 +1097,7 @@ ${reason}</textarea
                                   <div class="d-flex flex-row-reverse" style="width: 100%;margin-bottom:18px;">
                                     <div class="col-1 text-end">${item.value}</div>
                                     <div class="col-1"></div>
-                                    <div class="col-1 text-end" style="">${item.key}</div>
+                                    <div class="col-1 text-end" >${item.key}</div>
                                   </div>
                                 `;
                                             })
@@ -1200,7 +1200,7 @@ ${(_q = (_p = (_o = invoiceData.invoice_data) === null || _o === void 0 ? void 0
                                                       </div>
                                                       <div
                                                         class="w-100 d-flex align-items-center justify-content-center"
-                                                        style=""
+                                                        
                                                       >
                                                         <svg
                                                           xmlns="http://www.w3.org/2000/svg"
@@ -1592,7 +1592,7 @@ ${reason}</textarea
                                             : html ` <div
                                           style="width: 16px;height: 16px;border-radius: 20px;border:solid 1px #DDD"
                                         ></div>`}
-                                    <label class="m-0" style="" for="${data}">${data}</label>
+                                    <label class="m-0"  for="${data}">${data}</label>
                                   </div>
                                 `;
                                     })
@@ -1774,7 +1774,7 @@ ${reason}</textarea
                                         var _a;
                                         let sale_price = Math.ceil(item.sale_price * 0.95);
                                         return html `
-                            <div class="d-flex w-100 align-items-center" style="">
+                            <div class="d-flex w-100 align-items-center" >
                               <div class="col-7 d-flex align-items-center">
                                 <img
                                   src="${item.preview_image}"
@@ -1805,7 +1805,7 @@ ${reason}</textarea
                               <div class="d-flex flex-row-reverse" style="width: 100%;margin-bottom:18px;">
                                 <div class="col-1 text-end">${item.value}</div>
                                 <div class="col-1"></div>
-                                <div class="col-1 text-end" style="">${item.key}</div>
+                                <div class="col-1 text-end" >${item.key}</div>
                               </div>
                             `;
                                     })

package/lowcode/cms-plugin/shopping-invoice-manager.ts

@@ -710,7 +710,7 @@ export class ShoppingInvoiceManager {
                                           : html` <div
                                               style="width: 16px;height: 16px;border-radius: 20px;border:solid 1px #DDD"
                                             ></div>`}
-                                        <label class="m-0" style="" for="${data}">${data}</label>
+                                        <label class="m-0"  for="${data}">${data}</label>
                                       </div>
                                     `;
                                   })
@@ -920,7 +920,7 @@ export class ShoppingInvoiceManager {
                           }
                           if (allowanceData.length) {
                             return BgWidget.mainCard(html`
-                              <div class="" style="display: flex;flex-direction: column;">
+                              <div  style="display: flex;flex-direction: column;">
                                 <div style="font-weight: 700;font-size: 16px;margin-bottom: 18px;">折讓單</div>
                                 <div class="d-flex" style="margin-bottom: 12px;">
                                   <div class="col-2">折讓日期</div>
@@ -953,8 +953,8 @@ export class ShoppingInvoiceManager {
                                               class="col-2 text-center d-flex align-items-center justify-content-center"
                                             >
                                               ${data.status == 1
-                                                ? html` <div class="" style="color:#10931D">已完成</div>`
-                                                : html` <div class="" style="color:#DA1313">已作廢</div>`}
+                                                ? html` <div  style="color:#10931D">已完成</div>`
+                                                : html` <div  style="color:#DA1313">已作廢</div>`}
                                             </div>
                                             <div class="flex-fill d-flex justify-content-end align-items-center">
                                               <div style="margin-right: 14px;">
@@ -1023,7 +1023,7 @@ export class ShoppingInvoiceManager {
                                                                         </div>
                                                                         <div
                                                                           class="w-100 d-flex align-items-center justify-content-center"
-                                                                          style=""
+                                                                          
                                                                         >
                                                                           <svg
                                                                             xmlns="http://www.w3.org/2000/svg"
@@ -1250,7 +1250,7 @@ ${reason}</textarea
                               .map((item: any) => {
                                 let sale_price = Math.ceil(item.sale_price * 0.95);
                                 return html`
-                                  <div class="d-flex w-100 align-items-center" style="">
+                                  <div class="d-flex w-100 align-items-center" >
                                     <div class="col-7 d-flex align-items-center">
                                       <img
                                         src="${item.preview_image}"
@@ -1285,7 +1285,7 @@ ${reason}</textarea
                                   <div class="d-flex flex-row-reverse" style="width: 100%;margin-bottom:18px;">
                                     <div class="col-1 text-end">${item.value}</div>
                                     <div class="col-1"></div>
-                                    <div class="col-1 text-end" style="">${item.key}</div>
+                                    <div class="col-1 text-end" >${item.key}</div>
                                   </div>
                                 `;
                               })
@@ -1406,7 +1406,7 @@ ${invoiceData.invoice_data?.remark?.voidReason ?? ''}</textarea
                                                       </div>
                                                       <div
                                                         class="w-100 d-flex align-items-center justify-content-center"
-                                                        style=""
+                                                        
                                                       >
                                                         <svg
                                                           xmlns="http://www.w3.org/2000/svg"
@@ -1816,7 +1816,7 @@ ${reason}</textarea
                                       : html` <div
                                           style="width: 16px;height: 16px;border-radius: 20px;border:solid 1px #DDD"
                                         ></div>`}
-                                    <label class="m-0" style="" for="${data}">${data}</label>
+                                    <label class="m-0"  for="${data}">${data}</label>
                                   </div>
                                 `;
                               })
@@ -2016,7 +2016,7 @@ ${reason}</textarea
                         return itemArray.map((item: any) => {
                           let sale_price = Math.ceil(item.sale_price * 0.95);
                           return html`
-                            <div class="d-flex w-100 align-items-center" style="">
+                            <div class="d-flex w-100 align-items-center" >
                               <div class="col-7 d-flex align-items-center">
                                 <img
                                   src="${item.preview_image}"
@@ -2047,7 +2047,7 @@ ${reason}</textarea
                               <div class="d-flex flex-row-reverse" style="width: 100%;margin-bottom:18px;">
                                 <div class="col-1 text-end">${item.value}</div>
                                 <div class="col-1"></div>
-                                <div class="col-1 text-end" style="">${item.key}</div>
+                                <div class="col-1 text-end" >${item.key}</div>
                               </div>
                             `;
                           })

package/lowcode/cms-plugin/shopping-order-manager.js

@@ -788,7 +788,7 @@ export class ShoppingOrderManager {
                                         title: '批量更改出貨狀態',
                                         innerHTML: (gvc) => {
                                             return html ` <div>
-                            <div class="tx_700 mb-2">更改為</div>
+                            <div class="tx_700 mb-2">更改為 ${BgWidget.requiredStar()}</div>
                             ${BgWidget.select({
                                                 gvc,
                                                 callback: (value) => {
@@ -3483,15 +3483,23 @@ export class ShoppingOrderManager {
                 return false;
             }
             if (!passData.customer_info.name || !passData.customer_info.email) {
-                dialog.infoMessage({ text: '「顧客資料」尚未填寫完畢' });
+                dialog.infoMessage({ text: '「顧客資料」姓名與信箱尚未填寫' });
                 return false;
             }
             if (!CheckInput.isEmail(passData.customer_info.email)) {
                 dialog.infoMessage({ text: '「顧客資料」信箱格式錯誤' });
                 return false;
             }
+            if (CheckInput.isEmpty(passData.customer_info.payment_select)) {
+                dialog.infoMessage({ text: '請選擇「付款方式」' });
+                return false;
+            }
+            if (CheckInput.isEmpty(passData.user_info.shipment)) {
+                dialog.infoMessage({ text: '請選擇「配送方式」' });
+                return false;
+            }
             if (!passData.user_info.name || !passData.user_info.email) {
-                dialog.infoMessage({ text: '「收件人資料」尚未填寫完畢' });
+                dialog.infoMessage({ text: '「收件人資料」姓名與信箱尚未填寫' });
                 return false;
             }
             if (CheckInput.isEmpty(passData.user_info.phone) && !CheckInput.isTaiwanPhone(passData.user_info.phone)) {
@@ -3524,7 +3532,7 @@ export class ShoppingOrderManager {
       <div
         style="color: #393939;width: 100%;display: flex;padding: 20px;flex-direction: column;align-items: flex-start;gap: 18px;align-self: stretch;border-radius: 10px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);"
       >
-        <div class="tx_700">訂單內容</div>
+        <div class="tx_700">訂單內容 ${BgWidget.requiredStar()}</div>
         <div style="width: 100%;display: flex;align-items: center;padding-right: 20px;">
           <div class="flex-fill d-flex align-items-center col-5 tx_700">商品</div>
           <div class="col-3 pe-lg-3" style="display: flex;align-items: flex-start;font-size: 16px;font-weight: 700;">
@@ -3999,7 +4007,7 @@ export class ShoppingOrderManager {
                 }
                 syncUserData();
                 return html `
-              <div class="tx_700">顧客資料</div>
+              <div class="tx_700">顧客資料 ${BgWidget.requiredStar()}</div>
               <div class="d-flex flex-column">
                 ${customerData.type == 'auto'
                     ? html `
@@ -4474,7 +4482,7 @@ export class ShoppingOrderManager {
                         callback: dd => {
                             orderDetail.customer_info.payment_select = dd;
                         },
-                        title: '付款方式',
+                        title: `付款方式 ${BgWidget.requiredStar()}`,
                         default: (_a = orderDetail.customer_info.payment_select) !== null && _a !== void 0 ? _a : '',
                         options: (yield PaymentConfig.getSupportPayment()).map(dd => {
                             return { key: dd.key, value: dd.name };
@@ -4482,7 +4490,7 @@ export class ShoppingOrderManager {
                     }),
                     BgWidget.select({
                         gvc: gvc,
-                        title: '配送方式',
+                        title: `配送方式 ${BgWidget.requiredStar()}`,
                         callback: dd => {
                             orderDetail.user_info.shipment = dd;
                             orderDetailRefresh = true;
@@ -4536,7 +4544,7 @@ export class ShoppingOrderManager {
                   同顧客資料
                 </div>
                 <div class="d-flex flex-column" style="gap: 8px">
-                  <div>姓名</div>
+                  <div>姓名 ${BgWidget.requiredStar()}</div>
                   <input
                     style="border-radius: 10px;border: 1px solid #DDD;padding: 9px 18px;"
                     value="${(_b = orderDetail.user_info.name) !== null && _b !== void 0 ? _b : ''}"
@@ -4548,7 +4556,7 @@ export class ShoppingOrderManager {
                   />
                 </div>
                 <div class="d-flex flex-column" style="gap: 8px">
-                  <div>電話</div>
+                  <div>電話 ${BgWidget.requiredStar()}</div>
                   <input
                     style="border-radius: 10px;border: 1px solid #DDD;padding: 9px 18px;"
                     value="${(_c = orderDetail.user_info.phone) !== null && _c !== void 0 ? _c : ''}"
@@ -4559,7 +4567,7 @@ export class ShoppingOrderManager {
                   />
                 </div>
                 <div class="d-flex flex-column" style="gap: 8px">
-                  <div>電子信箱</div>
+                  <div>電子信箱 ${BgWidget.requiredStar()}</div>
                   <input
                     style="border-radius: 10px;border: 1px solid #DDD;padding: 9px 18px;"
                     value="${(_d = orderDetail.customer_info.email) !== null && _d !== void 0 ? _d : ''}"
@@ -4606,13 +4614,13 @@ export class ShoppingOrderManager {
                             </div>
                           `;
                                 return html `
-                            <div>配送門市</div>
+                            <div>配送門市 ${BgWidget.requiredStar()}</div>
                             ${returnHTML}
                           `;
                             }
                             else {
                                 return html `
-                            <div>配送門市</div>
+                            <div>配送門市 ${BgWidget.requiredStar()}</div>
                             <div
                               style="color: #4D86DB;cursor: pointer;margin-top:8px;cursor: pointer"
                               onclick="${gvc.event(() => {
@@ -4626,7 +4634,7 @@ export class ShoppingOrderManager {
                         }
                         else {
                             return html `
-                          <div>宅配地址</div>
+                          <div>宅配地址 ${BgWidget.requiredStar()}</div>
                           <input
                             style="border-radius: 10px;border: 1px solid #DDD;padding: 9px 18px;margin-top:8px;width: 100%;"
                             value="${(_c = orderDetail.user_info.address) !== null && _c !== void 0 ? _c : ''}"

package/lowcode/cms-plugin/shopping-order-manager.ts

@@ -892,7 +892,7 @@ export class ShoppingOrderManager {
                         title: '批量更改出貨狀態',
                         innerHTML: (gvc: GVC) => {
                           return html` <div>
-                            <div class="tx_700 mb-2">更改為</div>
+                            <div class="tx_700 mb-2">更改為 ${BgWidget.requiredStar()}</div>
                             ${BgWidget.select({
                               gvc,
                               callback: (value: any) => {
@@ -3844,15 +3844,23 @@ export class ShoppingOrderManager {
         return false;
       }
       if (!passData.customer_info.name || !passData.customer_info.email) {
-        dialog.infoMessage({ text: '「顧客資料」尚未填寫完畢' });
+        dialog.infoMessage({ text: '「顧客資料」姓名與信箱尚未填寫' });
         return false;
       }
       if (!CheckInput.isEmail(passData.customer_info.email)) {
         dialog.infoMessage({ text: '「顧客資料」信箱格式錯誤' });
         return false;
       }
+      if (CheckInput.isEmpty(passData.customer_info.payment_select)) {
+        dialog.infoMessage({ text: '請選擇「付款方式」' });
+        return false;
+      }
+      if (CheckInput.isEmpty(passData.user_info.shipment)) {
+        dialog.infoMessage({ text: '請選擇「配送方式」' });
+        return false;
+      }
       if (!passData.user_info.name || !passData.user_info.email) {
-        dialog.infoMessage({ text: '「收件人資料」尚未填寫完畢' });
+        dialog.infoMessage({ text: '「收件人資料」姓名與信箱尚未填寫' });
         return false;
       }
       if (CheckInput.isEmpty(passData.user_info.phone) && !CheckInput.isTaiwanPhone(passData.user_info.phone)) {
@@ -3888,7 +3896,7 @@ export class ShoppingOrderManager {
       <div
         style="color: #393939;width: 100%;display: flex;padding: 20px;flex-direction: column;align-items: flex-start;gap: 18px;align-self: stretch;border-radius: 10px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);"
       >
-        <div class="tx_700">訂單內容</div>
+        <div class="tx_700">訂單內容 ${BgWidget.requiredStar()}</div>
         <div style="width: 100%;display: flex;align-items: center;padding-right: 20px;">
           <div class="flex-fill d-flex align-items-center col-5 tx_700">商品</div>
           <div class="col-3 pe-lg-3" style="display: flex;align-items: flex-start;font-size: 16px;font-weight: 700;">
@@ -4374,7 +4382,7 @@ export class ShoppingOrderManager {
 
             syncUserData();
             return html`
-              <div class="tx_700">顧客資料</div>
+              <div class="tx_700">顧客資料 ${BgWidget.requiredStar()}</div>
               <div class="d-flex flex-column">
                 ${customerData.type == 'auto'
                   ? html`
@@ -4866,7 +4874,7 @@ export class ShoppingOrderManager {
                         callback: dd => {
                           orderDetail.customer_info.payment_select = dd;
                         },
-                        title: '付款方式',
+                        title: `付款方式 ${BgWidget.requiredStar()}`,
                         default: orderDetail.customer_info.payment_select ?? '',
                         options: (await PaymentConfig.getSupportPayment()).map(dd => {
                           return { key: dd.key, value: dd.name };
@@ -4874,7 +4882,7 @@ export class ShoppingOrderManager {
                       }),
                       BgWidget.select({
                         gvc: gvc,
-                        title: '配送方式',
+                        title: `配送方式 ${BgWidget.requiredStar()}`,
                         callback: dd => {
                           orderDetail.user_info.shipment = dd;
                           orderDetailRefresh = true;
@@ -4928,7 +4936,7 @@ export class ShoppingOrderManager {
                   同顧客資料
                 </div>
                 <div class="d-flex flex-column" style="gap: 8px">
-                  <div>姓名</div>
+                  <div>姓名 ${BgWidget.requiredStar()}</div>
                   <input
                     style="border-radius: 10px;border: 1px solid #DDD;padding: 9px 18px;"
                     value="${orderDetail.user_info.name ?? ''}"
@@ -4940,7 +4948,7 @@ export class ShoppingOrderManager {
                   />
                 </div>
                 <div class="d-flex flex-column" style="gap: 8px">
-                  <div>電話</div>
+                  <div>電話 ${BgWidget.requiredStar()}</div>
                   <input
                     style="border-radius: 10px;border: 1px solid #DDD;padding: 9px 18px;"
                     value="${orderDetail.user_info.phone ?? ''}"
@@ -4951,7 +4959,7 @@ export class ShoppingOrderManager {
                   />
                 </div>
                 <div class="d-flex flex-column" style="gap: 8px">
-                  <div>電子信箱</div>
+                  <div>電子信箱 ${BgWidget.requiredStar()}</div>
                   <input
                     style="border-radius: 10px;border: 1px solid #DDD;padding: 9px 18px;"
                     value="${orderDetail.customer_info.email ?? ''}"
@@ -4997,12 +5005,12 @@ export class ShoppingOrderManager {
                             </div>
                           `;
                           return html`
-                            <div>配送門市</div>
+                            <div>配送門市 ${BgWidget.requiredStar()}</div>
                             ${returnHTML}
                           `;
                         } else {
                           return html`
-                            <div>配送門市</div>
+                            <div>配送門市 ${BgWidget.requiredStar()}</div>
                             <div
                               style="color: #4D86DB;cursor: pointer;margin-top:8px;cursor: pointer"
                               onclick="${gvc.event(() => {
@@ -5015,7 +5023,7 @@ export class ShoppingOrderManager {
                         }
                       } else {
                         return html`
-                          <div>宅配地址</div>
+                          <div>宅配地址 ${BgWidget.requiredStar()}</div>
                           <input
                             style="border-radius: 10px;border: 1px solid #DDD;padding: 9px 18px;margin-top:8px;width: 100%;"
                             value="${orderDetail.user_info!.address ?? ''}"

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

@@ -645,7 +645,7 @@ export class ShoppingProductSetting {
                                 const language_data = postMD.language_data[ShoppingProductSetting.select_language];
                                 imageLibrary.selectImageFromArray(language_data.preview_image, {
                                     gvc: gvc,
-                                    title: html ` <div class="d-flex flex-column" style="">圖片庫</div>`,
+                                    title: html ` <div class="d-flex flex-column" >圖片庫</div>`,
                                     getSelect: imageUrl => {
                                         variant[`preview_image_${ShoppingProductSetting.select_language}`] = imageUrl;
                                         gvc.notifyDataChange(id);

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

@@ -741,7 +741,7 @@ export class ShoppingProductSetting {
                                   ];
                                   imageLibrary.selectImageFromArray(language_data.preview_image, {
                                     gvc: gvc,
-                                    title: html` <div class="d-flex flex-column" style="">圖片庫</div>`,
+                                    title: html` <div class="d-flex flex-column" >圖片庫</div>`,
                                     getSelect: imageUrl => {
                                       variant[`preview_image_${ShoppingProductSetting.select_language}`] = imageUrl;
                                       gvc.notifyDataChange(id);

package/lowcode/cms-plugin/shopping-product-text.js

@@ -803,7 +803,7 @@ export class ProductText {
                                                 >
                                                     ${text}
                                                 </div>
-                                                <svg class="" width="72" height="32" viewBox="0 0 69 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
+                                                <svg  width="72" height="32" viewBox="0 0 69 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
                                                     <path
                                                         fill-rule="evenodd"
                                                         clip-rule="evenodd"
@@ -1089,7 +1089,7 @@ export class ProductText {
                                     }
                                     return html `
                                                         <div
-                                                            class=""
+                                                            
                                                             style="width: 89px;height: 89px;border: 1px solid rgba(205, 205, 205, 0.87);background: #EAEAEA;"
                                                             onclick="${gvc.event(() => {
                                         vm.data.data.position = data;
@@ -1106,7 +1106,7 @@ export class ProductText {
                                         style="display: flex;padding: 14px 114px 13.713px 113px;justify-content: center;align-items: center;align-self: stretch;border-radius: 10px;border: 1px solid #DDD;"
                                     >
                                         <div
-                                            class=""
+                                            
                                             style="padding: 11.67px;border-radius: 2px;border: 1px solid #DDD;background: #FFF;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 8px;"
                                         >
                                             <div
@@ -1140,8 +1140,8 @@ export class ProductText {
                                                 </div>
                                             </div>
                                             <div style="display: flex;flex-direction: column;gap: 5.835px;color:#393939;font-size: 9.725px;font-weight: 400;letter-spacing: 0.389px;">
-                                                <div style="">商品名稱</div>
-                                                <div style="">NT.$ 99</div>
+                                                <div >商品名稱</div>
+                                                <div >NT.$ 99</div>
                                             </div>
                                         </div>
                                     </div>

package/lowcode/cms-plugin/shopping-product-text.ts

@@ -906,7 +906,7 @@ export class ProductText {
                                                 >
                                                     ${text}
                                                 </div>
-                                                <svg class="" width="72" height="32" viewBox="0 0 69 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
+                                                <svg  width="72" height="32" viewBox="0 0 69 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
                                                     <path
                                                         fill-rule="evenodd"
                                                         clip-rule="evenodd"
@@ -1192,7 +1192,7 @@ export class ProductText {
                                                     }
                                                     return html`
                                                         <div
-                                                            class=""
+                                                            
                                                             style="width: 89px;height: 89px;border: 1px solid rgba(205, 205, 205, 0.87);background: #EAEAEA;"
                                                             onclick="${gvc.event(() => {
                                                                 vm.data.data.position = data;
@@ -1209,7 +1209,7 @@ export class ProductText {
                                         style="display: flex;padding: 14px 114px 13.713px 113px;justify-content: center;align-items: center;align-self: stretch;border-radius: 10px;border: 1px solid #DDD;"
                                     >
                                         <div
-                                            class=""
+                                            
                                             style="padding: 11.67px;border-radius: 2px;border: 1px solid #DDD;background: #FFF;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 8px;"
                                         >
                                             <div
@@ -1243,8 +1243,8 @@ export class ProductText {
                                                 </div>
                                             </div>
                                             <div style="display: flex;flex-direction: column;gap: 5.835px;color:#393939;font-size: 9.725px;font-weight: 400;letter-spacing: 0.389px;">
-                                                <div style="">商品名稱</div>
-                                                <div style="">NT.$ 99</div>
+                                                <div >商品名稱</div>
+                                                <div >NT.$ 99</div>
                                             </div>
                                         </div>
                                     </div>

package/lowcode/cms-plugin/shopping-setting-basic.js

@@ -211,7 +211,8 @@ export class ShoppingSettingBasic {
                 BgWidget.mainCard(html `
             <div class="d-flex flex-column guide5-4">
               <div style="font-weight: 700;">
-                ${cat_title}名稱 ${BgWidget.languageInsignia(vm.language, 'margin-left:5px;')}
+                ${cat_title}名稱 ${BgWidget.requiredStar()}
+                ${BgWidget.languageInsignia(vm.language, 'margin-left:5px;')}
               </div>
               ${BgWidget.editeInput({
                     gvc: gvc,
@@ -864,7 +865,6 @@ export class ShoppingSettingBasic {
                                     data: language_data.preview_image,
                                     event: {
                                         delete: (index) => {
-                                            console.log('language_data -- ', language_data);
                                             postMD.variants.forEach((variant) => {
                                                 var _a, _b;
                                                 if (variant.preview_image === language_data.preview_image[index]) {
@@ -875,7 +875,6 @@ export class ShoppingSettingBasic {
                                                         (_b = language_data.preview_image[0]) !== null && _b !== void 0 ? _b : BgWidget.noImageURL;
                                                 }
                                             });
-                                            console.log('language_data -- ', postMD.variants);
                                             ShoppingSettingBasic.updateVariants(gvc, postMD, shipment_config, variantsViewID, obj);
                                         },
                                     },
@@ -1317,7 +1316,7 @@ export class ShoppingSettingBasic {
                         map_.push(BgWidget.mainCard(html `
                     <div class="d-flex flex-column" style="gap:18px;">
                       <div class="d-flex flex-column guide5-7" style="gap:18px;">
-                        <div style="font-weight: 700;">商品材積</div>
+                        <div style="font-weight: 700;"></div>
                         <div class="row">
                           ${[
                             {
@@ -2896,8 +2895,8 @@ export class ShoppingSettingBasic {
                         搜尋引擎列表 ${BgWidget.languageInsignia(sel_lan(), 'margin-left:5px;')}
                       </div>
                       ${[
-                                    html ` <div class="tx_normal fw-normal mb-2">${cat_title}網址</div>`,
-                                    html ` <div
+                                    html `<div class="tx_normal fw-normal mb-2">${cat_title}網址 ${BgWidget.requiredStar()}</div> `,
+                                    html `<div
                           style="justify-content: flex-start; align-items: center; display: inline-flex;border:1px solid #EAEAEA;border-radius: 10px;overflow: hidden; ${document
                                         .body.clientWidth > 768
                                         ? 'gap: 18px; '