ts-glitter 21.5.7 → 21.6.0

package/lowcode/editor/search-idea.js

@@ -96,7 +96,7 @@ ${gvc.bindView(() => {
             };
         })}
 </div>
-<div class="" style="${document.body.clientWidth < 768 ? `width: calc(100%)` : `width: calc(100% - 200px)`};">
+<div  style="${document.body.clientWidth < 768 ? `width: calc(100%)` : `width: calc(100% - 200px)`};">
 ${(() => {
             if (obg.type === 'idea') {
                 return `<div class="bgf6 p-3 w-100 border-bottom">${BgWidget.title('點擊喜愛的區塊進行複製', 'font-size:16px;')}</div>`;
@@ -127,7 +127,7 @@ ${gvc.bindView(() => {
                             </div>`;
                     }
                     return [
-                        `<iframe class="" style="height: calc(2.5 * (100vh - 125px)) !important;
+                        `<iframe  style="height: calc(2.5 * (100vh - 125px)) !important;
 width: calc(250%);
 transform: scale(0.4) translateX(-75%) translateY(-75%);
     position: absolute;

package/lowcode/editor/search-idea.ts

@@ -107,7 +107,7 @@ ${gvc.bindView(() => {
             };
         })}
 </div>
-<div class="" style="${document.body.clientWidth < 768 ? `width: calc(100%)` : `width: calc(100% - 200px)`};">
+<div  style="${document.body.clientWidth < 768 ? `width: calc(100%)` : `width: calc(100% - 200px)`};">
 ${(()=>{
     if(obg.type==='idea'){
         return `<div class="bgf6 p-3 w-100 border-bottom">${BgWidget.title('點擊喜愛的區塊進行複製', 'font-size:16px;')}</div>`
@@ -137,7 +137,7 @@ ${gvc.bindView(() => {
                             </div>`;
                     }
                     return [
-                        `<iframe class="" style="height: calc(2.5 * (100vh - 125px)) !important;
+                        `<iframe  style="height: calc(2.5 * (100vh - 125px)) !important;
 width: calc(250%);
 transform: scale(0.4) translateX(-75%) translateY(-75%);
     position: absolute;

package/lowcode/editor/set-global-value.js

@@ -29,7 +29,7 @@ export class SetGlobalValue {
                 view: () => {
                     return [
                         `  <div class="w-100 d-flex align-items-center p-3 border-bottom">
-                    <h5 class=" offcanvas-title  " style="">
+                    <h5 class=" offcanvas-title  " >
                         全域設定</h5>
                     <div class="flex-fill"></div>
                     <div class="fs-5 text-black" style="cursor: pointer;" onclick="${gvc.event(() => {
@@ -593,7 +593,7 @@ ${(() => {
                 <div class="position-relative bgf6 d-flex align-items-center justify-content-between  px-2 py-3 border-bottom shadow">
                     <span class="fs-6 fw-bold " style="color:black;">網域設定</span>
                 </div>
-                <div class="d-flex " style="">
+                <div class="d-flex " >
                     <div>
                         ${gvc.bindView(() => {
             return {
@@ -613,7 +613,7 @@ ${(() => {
                         gvc.notifyDataChange([contentVM.leftID, contentVM.rightID]);
                     });
                     return html ` <div class="d-flex">
-                                        <div style="" class="border-end w-100">
+                                        <div  class="border-end w-100">
                                             ${gvc.bindView(() => {
                         return {
                             bind: contentVM.leftID,
@@ -658,8 +658,8 @@ ${(() => {
             select: Storage.select_global_editor_tab,
         };
         return html `
-            <div class="bg-white rounded" style="">
-                <div class="d-flex " style="">
+            <div class="bg-white rounded" >
+                <div class="d-flex " >
                     <div>
                         ${gvc.bindView(() => {
             return {
@@ -728,7 +728,7 @@ ${(() => {
                             bind: id,
                             view: () => {
                                 return `<div class="fw-500 me-2 pb-1 " style="font-size:15px;color:#151515;">開發者模式</div>
-                                                                <div class="form-check form-switch mode-switch" style="" data-bs-toggle="mode"
+                                                                <div class="form-check form-switch mode-switch"  data-bs-toggle="mode"
                                                                      onchange="${gvc.event(() => {
                                     Storage.develop_mode = Storage.develop_mode === 'false' ? 'true' : 'false';
                                     gvc.notifyDataChange(['showView', id]);
@@ -899,7 +899,7 @@ ${EditorElem.arrayItem({
                             if (!dd) {
                                 return html `
                                     <div class="d-flex ps-2 hi fw-bold d-flex align-items-center border-bottom  py-2 bgf6" style="color:#151515;font-size:16px;gap:0px;height:48px;">插件說明</div>
-                                    <div class="d-flex flex-column w-100 align-items-center justify-content-center" style="">
+                                    <div class="d-flex flex-column w-100 align-items-center justify-content-center" >
                                         <div class="alert alert-info m-2 p-2 fw-500" style="white-space: normal;word-break: break-all;font-size:14px;">
                                             頁面模塊決定您能夠在網站上使用哪些設計模塊。<br /><br />您可以從官方或第三方資源中獲取連結，或自行開發插件上傳以供使用。<br /><br />
                                             啟用開發者模式來切換路徑進行工程開發。<br />
@@ -1048,7 +1048,7 @@ ${EditorElem.arrayItem({
                                         插件說明
                                         <div class="flex-fill"></div>
                                     </div>
-                                    <div class="d-flex flex-column w-100 align-items-center justify-content-center" style="">
+                                    <div class="d-flex flex-column w-100 align-items-center justify-content-center" >
                                         <div class="alert alert-info m-2 p-2 fw-500" style="white-space: normal;word-break: break-all;font-size:14px;">
                                             為您的元件添加各樣的觸發事件，包含連結跳轉/內容取得/資料儲存/頁面渲染/動畫事件/內容發布....等，都能透過事件來完成。<br /><br />您可以從官方或第三方資源中獲取連結，或自行開發插件上傳以供使用。<br /><br />
                                             啟用開發者模式來切換路徑進行工程開發。<br />
@@ -1194,7 +1194,7 @@ ${EditorElem.arrayItem({
                             if (!dd) {
                                 return html `
                                     <div class="d-flex ps-2 hi fw-bold d-flex align-items-center border-bottom  py-2 bgf6" style="color:#151515;font-size:16px;gap:0px;height:48px;">路徑説明</div>
-                                    <div class="d-flex flex-column w-100 align-items-center justify-content-center" style="">
+                                    <div class="d-flex flex-column w-100 align-items-center justify-content-center" >
                                         <div class="alert alert-info m-2 p-2 fw-500" style="white-space: normal;word-break: break-all;font-size:14px;">
                                             設定資源相對路徑，來決定頁面與事件模塊所載入的路徑位置。<br /><br />
                                             使用$字符設定相對路徑。<br />範例 : $router/sample.js

package/lowcode/editor/set-global-value.ts

@@ -34,7 +34,7 @@ export class SetGlobalValue {
                 view: () => {
                     return [
                         `  <div class="w-100 d-flex align-items-center p-3 border-bottom">
-                    <h5 class=" offcanvas-title  " style="">
+                    <h5 class=" offcanvas-title  " >
                         全域設定</h5>
                     <div class="flex-fill"></div>
                     <div class="fs-5 text-black" style="cursor: pointer;" onclick="${gvc.event(() => {
@@ -609,7 +609,7 @@ ${(() => {
                 <div class="position-relative bgf6 d-flex align-items-center justify-content-between  px-2 py-3 border-bottom shadow">
                     <span class="fs-6 fw-bold " style="color:black;">網域設定</span>
                 </div>
-                <div class="d-flex " style="">
+                <div class="d-flex " >
                     <div>
                         ${gvc.bindView(() => {
                             return {
@@ -636,7 +636,7 @@ ${(() => {
                                     });
 
                                     return html` <div class="d-flex">
-                                        <div style="" class="border-end w-100">
+                                        <div  class="border-end w-100">
                                             ${gvc.bindView(() => {
                                                 return {
                                                     bind: contentVM.leftID,
@@ -684,8 +684,8 @@ ${(() => {
             select: Storage.select_global_editor_tab,
         };
         return html`
-            <div class="bg-white rounded" style="">
-                <div class="d-flex " style="">
+            <div class="bg-white rounded" >
+                <div class="d-flex " >
                     <div>
                         ${gvc.bindView(() => {
                             return {
@@ -761,7 +761,7 @@ ${(() => {
                                                         bind: id,
                                                         view: () => {
                                                             return `<div class="fw-500 me-2 pb-1 " style="font-size:15px;color:#151515;">開發者模式</div>
-                                                                <div class="form-check form-switch mode-switch" style="" data-bs-toggle="mode"
+                                                                <div class="form-check form-switch mode-switch"  data-bs-toggle="mode"
                                                                      onchange="${gvc.event(() => {
                                                                          Storage.develop_mode = Storage.develop_mode === 'false' ? 'true' : 'false';
                                                                          gvc.notifyDataChange(['showView', id]);
@@ -937,7 +937,7 @@ ${EditorElem.arrayItem({
                             if (!dd) {
                                 return html`
                                     <div class="d-flex ps-2 hi fw-bold d-flex align-items-center border-bottom  py-2 bgf6" style="color:#151515;font-size:16px;gap:0px;height:48px;">插件說明</div>
-                                    <div class="d-flex flex-column w-100 align-items-center justify-content-center" style="">
+                                    <div class="d-flex flex-column w-100 align-items-center justify-content-center" >
                                         <div class="alert alert-info m-2 p-2 fw-500" style="white-space: normal;word-break: break-all;font-size:14px;">
                                             頁面模塊決定您能夠在網站上使用哪些設計模塊。<br /><br />您可以從官方或第三方資源中獲取連結，或自行開發插件上傳以供使用。<br /><br />
                                             啟用開發者模式來切換路徑進行工程開發。<br />
@@ -1086,7 +1086,7 @@ ${EditorElem.arrayItem({
                                         插件說明
                                         <div class="flex-fill"></div>
                                     </div>
-                                    <div class="d-flex flex-column w-100 align-items-center justify-content-center" style="">
+                                    <div class="d-flex flex-column w-100 align-items-center justify-content-center" >
                                         <div class="alert alert-info m-2 p-2 fw-500" style="white-space: normal;word-break: break-all;font-size:14px;">
                                             為您的元件添加各樣的觸發事件，包含連結跳轉/內容取得/資料儲存/頁面渲染/動畫事件/內容發布....等，都能透過事件來完成。<br /><br />您可以從官方或第三方資源中獲取連結，或自行開發插件上傳以供使用。<br /><br />
                                             啟用開發者模式來切換路徑進行工程開發。<br />
@@ -1232,7 +1232,7 @@ ${EditorElem.arrayItem({
                             if (!dd) {
                                 return html`
                                     <div class="d-flex ps-2 hi fw-bold d-flex align-items-center border-bottom  py-2 bgf6" style="color:#151515;font-size:16px;gap:0px;height:48px;">路徑説明</div>
-                                    <div class="d-flex flex-column w-100 align-items-center justify-content-center" style="">
+                                    <div class="d-flex flex-column w-100 align-items-center justify-content-center" >
                                         <div class="alert alert-info m-2 p-2 fw-500" style="white-space: normal;word-break: break-all;font-size:14px;">
                                             設定資源相對路徑，來決定頁面與事件模塊所載入的路徑位置。<br /><br />
                                             使用$字符設定相對路徑。<br />範例 : $router/sample.js

package/lowcode/editor-bridge/trigger-event.js

@@ -277,7 +277,7 @@ function questionText(title, data) {
                   <h3 class="accordion-header">
                     <button class="accordion-button shadow-none rounded-3 ${(index === 0) ? '' : 'collapsed'}" type="button" data-bs-toggle="collapse" data-bs-target="#q-${index}" aria-expanded="false" aria-controls="q-1">${dd.title}</button>
                   </h3>
-                  <div class="accordion-collapse collapse ${(index === 0) ? 'show' : ''}" id="q-${index}" data-bs-parent="#faq" style="">
+                  <div class="accordion-collapse collapse ${(index === 0) ? 'show' : ''}" id="q-${index}" data-bs-parent="#faq" >
                     <div class="accordion-body fs-sm pt-0">
                      ${dd.content}
                     </div>

package/lowcode/editor-bridge/trigger-event.ts

@@ -282,7 +282,7 @@ function questionText(title: string, data: { title: string, content: string }[])
                   <h3 class="accordion-header">
                     <button class="accordion-button shadow-none rounded-3 ${(index === 0) ? '' : 'collapsed'}" type="button" data-bs-toggle="collapse" data-bs-target="#q-${index}" aria-expanded="false" aria-controls="q-1">${dd.title}</button>
                   </h3>
-                  <div class="accordion-collapse collapse ${(index === 0) ? 'show' : ''}" id="q-${index}" data-bs-parent="#faq" style="">
+                  <div class="accordion-collapse collapse ${(index === 0) ? 'show' : ''}" id="q-${index}" data-bs-parent="#faq" >
                     <div class="accordion-body fs-sm pt-0">
                      ${dd.content}
                     </div>

package/lowcode/editor-components/global-widget/global-widget.js

@@ -88,7 +88,7 @@ export class GlobalWidget {
             };
         })}
       </div>
-      <div class="" style="${document.body.clientWidth < 768 ? `width: calc(100%)` : `width: calc(100% - 200px)`};">
+      <div  style="${document.body.clientWidth < 768 ? `width: calc(100%)` : `width: calc(100% - 200px)`};">
         ${gvc.bindView(() => {
             return {
                 bind: vm.right_id,

package/lowcode/editor-components/global-widget/global-widget.ts

@@ -111,7 +111,7 @@ export class GlobalWidget {
           };
         })}
       </div>
-      <div class="" style="${document.body.clientWidth < 768 ? `width: calc(100%)` : `width: calc(100% - 200px)`};">
+      <div  style="${document.body.clientWidth < 768 ? `width: calc(100%)` : `width: calc(100% - 200px)`};">
         ${gvc.bindView(() => {
           return {
             bind: vm.right_id,

package/lowcode/editor-config.js

@@ -28,7 +28,7 @@ export class EditorConfig {
             bg_color = '#FEAD20';
             const plan = EditorConfig.getPaymentStatus();
             let text = '';
-            let paymentBtn = `<span style="color: white; font-size: 16px; font-family: Noto Sans; font-weight: 700; text-decoration: underline; word-wrap: break-word;cursor: pointer;"  class="" onclick="${gvc.event(() => {
+            let paymentBtn = `<span style="color: white; font-size: 16px; font-family: Noto Sans; font-weight: 700; text-decoration: underline; word-wrap: break-word;cursor: pointer;"   onclick="${gvc.event(() => {
                 gvc.glitter.setUrlParameter('tab', 'member_plan');
                 gvc.recreateView();
             })}">前往續約</span>`;

package/lowcode/editor-config.ts

@@ -105,7 +105,7 @@ export class EditorConfig {
             bg_color = '#FEAD20'
             const plan = EditorConfig.getPaymentStatus();
             let text = '';
-            let paymentBtn = `<span style="color: white; font-size: 16px; font-family: Noto Sans; font-weight: 700; text-decoration: underline; word-wrap: break-word;cursor: pointer;"  class="" onclick="${gvc.event(
+            let paymentBtn = `<span style="color: white; font-size: 16px; font-family: Noto Sans; font-weight: 700; text-decoration: underline; word-wrap: break-word;cursor: pointer;"   onclick="${gvc.event(
                 () => {
                     gvc.glitter.setUrlParameter('tab', 'member_plan');
                     gvc.recreateView();

package/lowcode/form-view/e-commerce/path-select.js

@@ -181,7 +181,7 @@ export class PathSelect {
                         bind: dropMenu.id,
                         view: () => {
                             if (dropMenu.loading) {
-                                return html ``;
+                                return '';
                             }
                             else {
                                 let h1 = '';

package/lowcode/form-view/e-commerce/path-select.ts

@@ -218,7 +218,7 @@ export class PathSelect {
                 bind: dropMenu.id,
                 view: () => {
                   if (dropMenu.loading) {
-                    return html``;
+                    return '';
                   } else {
                     let h1 = '';
                     if (dropMenu.prevList.length > 0) {

package/lowcode/form-view/e-commerce/product-select.js

@@ -124,7 +124,7 @@ export class ProductSelect {
                                 return [];
                             }
                         }))();
-                        resolve(html ` <div class="d-flex flex-column py-2" style="">
+                        resolve(html ` <div class="d-flex flex-column py-2" >
                 <div class="mx-n3  border-top" ></div>
                 <div
                   class="d-flex align-items-center  pb-2"

package/lowcode/form-view/e-commerce/product-select.ts

@@ -127,7 +127,7 @@ export class ProductSelect {
               }
             })();
             resolve(
-              html` <div class="d-flex flex-column py-2" style="">
+              html` <div class="d-flex flex-column py-2" >
                 <div class="mx-n3  border-top" ></div>
                 <div
                   class="d-flex align-items-center  pb-2"

package/lowcode/form-view/editor/color-theme-selector.js

@@ -23,7 +23,7 @@ export class ColorThemeSelector {
                                 ${[
                             {
                                 title: html `全站統一配色`,
-                                hint: `  <span class=""
+                                hint: `  <span 
                                                   style="color:#8D8D8D;font-size: 13px;white-space: normal;word-break: break-all;line-height: 16px;">選擇一個配色，若是進行了修改，全站所有應用此配色的元件將自動更新，方便未來統一管理。</span>`,
                                 value: 'global',
                             },
@@ -64,7 +64,7 @@ export class ColorThemeSelector {
                                                         ${dd.title} ${(`${select.id}`.split('-')[0] === 'custom' ? `custom` : `global`) === dd.value ? dd.hint : ``}
                                                     </div>
                                                 </div>`,
-                                html ` <div class="d-flex position-relative mt-2" style="">
+                                html ` <div class="d-flex position-relative mt-2" >
                                                     <div class="ms-0 border-end position-absolute h-100" style="left: 5px;"></div>
                                                     <div class="flex-fill " style="margin-left:20px;max-width: 100%;">
                                                         ${(() => {

package/lowcode/form-view/editor/color-theme-selector.ts

@@ -28,7 +28,7 @@ export class ColorThemeSelector {
                                 ${[
                                     {
                                         title: html`全站統一配色`,
-                                        hint: `  <span class=""
+                                        hint: `  <span 
                                                   style="color:#8D8D8D;font-size: 13px;white-space: normal;word-break: break-all;line-height: 16px;">選擇一個配色，若是進行了修改，全站所有應用此配色的元件將自動更新，方便未來統一管理。</span>`,
                                         value: 'global',
                                     },
@@ -68,7 +68,7 @@ export class ColorThemeSelector {
                                                         ${dd.title} ${(`${select.id}`.split('-')[0] === 'custom' ? `custom` : `global`) === dd.value ? dd.hint : ``}
                                                     </div>
                                                 </div>`,
-                                                html` <div class="d-flex position-relative mt-2" style="">
+                                                html` <div class="d-flex position-relative mt-2" >
                                                     <div class="ms-0 border-end position-absolute h-100" style="left: 5px;"></div>
                                                     <div class="flex-fill " style="margin-left:20px;max-width: 100%;">
                                                         ${(() => {

package/lowcode/form-view/editor/image-selector.js

@@ -37,13 +37,13 @@ export class ImageSelector {
               ${widget.bundle.form_title}
               <button
                 class="btn-size-sm btn-gray "
-                style=""
+                
                 type="button"
                 onclick="${gvc.event(() => {
                         selectImage();
                     })}"
               >
-                <span class="tx_700" style="">替換</span>
+                <span class="tx_700" >替換</span>
               </button>
             </div>
             <div
@@ -106,7 +106,7 @@ background-image: url('${src ||
                             }));
                         })}"
                                 >
-                                    <span class="tx_700" style="">ALT</span>
+                                    <span class="tx_700" >ALT</span>
                                 </button>
                                 <i
                                         class="fa-regular fa-eye"
@@ -125,13 +125,13 @@ background-image: url('${src ||
                         : `
                                 <button
                                         class="btn-size-sm btn-gray "
-                                        style=""
+                                        
                                         type="button"
                                         onclick="${gvc.event(() => {
                             selectImage();
                         })}"
                                 >
-                                    <span class="tx_700" style="">選擇圖片</span>
+                                    <span class="tx_700" >選擇圖片</span>
                                 </button>
                                 `}
               </div>

package/lowcode/form-view/editor/image-selector.ts

@@ -38,13 +38,13 @@ export class ImageSelector {
               ${widget.bundle.form_title}
               <button
                 class="btn-size-sm btn-gray "
-                style=""
+                
                 type="button"
                 onclick="${gvc.event(() => {
                   selectImage();
                 })}"
               >
-                <span class="tx_700" style="">替換</span>
+                <span class="tx_700" >替換</span>
               </button>
             </div>
             <div
@@ -114,7 +114,7 @@ background-image: url('${src ||
                                           );
                                         })}"
                                 >
-                                    <span class="tx_700" style="">ALT</span>
+                                    <span class="tx_700" >ALT</span>
                                 </button>
                                 <i
                                         class="fa-regular fa-eye"
@@ -138,13 +138,13 @@ background-image: url('${src ||
                   : `
                                 <button
                                         class="btn-size-sm btn-gray "
-                                        style=""
+                                        
                                         type="button"
                                         onclick="${gvc.event(() => {
                                           selectImage();
                                         })}"
                                 >
-                                    <span class="tx_700" style="">選擇圖片</span>
+                                    <span class="tx_700" >選擇圖片</span>
                                 </button>
                                 `}
               </div>

package/lowcode/glitterBundle/html-component/custom-style.js

@@ -6,7 +6,7 @@ const html = String.raw;
 export class CustomStyle {
     static renderThemeEditor(gvc, widget, callback) {
         RenderValue.custom_style.initialWidget(widget);
-        return `<div class="" style="margin-top:-20px;">
+        return `<div  style="margin-top:-20px;">
 ${[
             EditorElem.editeInput({
                 gvc: gvc,
@@ -436,7 +436,7 @@ ${[
                     return [
                         {
                             title: html `套用統一容器`,
-                            hint: `<span class=""
+                            hint: `<span 
                                                   style="color:#8D8D8D;font-size: 13px;white-space: normal;word-break: break-all;line-height: 16px;">選擇一個全站容器，若是進行了修改，全站所有應用此容器的元件將自動更新，方便未來統一管理。</span>`,
                             value: 'global',
                         },
@@ -474,7 +474,7 @@ ${[
                                             ${dd.title} ${widget.data._style_refer === dd.value ? dd.hint : ``}
                                         </div>
                                     </div>`,
-                            html ` <div class="d-flex position-relative mt-2" style="">
+                            html ` <div class="d-flex position-relative mt-2" >
                                         <div class="ms-0 border-end position-absolute h-100" style="left: 5px;"></div>
                                         <div class="flex-fill " style="margin-left:20px;max-width: 100%;">
                                             ${(() => {
@@ -538,7 +538,7 @@ ${[
                     return [
                         {
                             title: html `預設背景`,
-                            hint: `<span class="" style="color:#8D8D8D;font-size: 13px;white-space: normal;word-break: break-all;line-height: 16px;">將依據父層的背景樣式，進行顯示。</span>`,
+                            hint: `<span  style="color:#8D8D8D;font-size: 13px;white-space: normal;word-break: break-all;line-height: 16px;">將依據父層的背景樣式，進行顯示。</span>`,
                             value: 'none',
                         },
                         {
@@ -579,7 +579,7 @@ ${[
                                             ${dd.title} ${widget.data._background_setting.type === dd.value ? dd.hint : ``}
                                         </div>
                                     </div>`,
-                            html ` <div class="d-flex position-relative mt-2" style="">
+                            html ` <div class="d-flex position-relative mt-2" >
                                         <div class="ms-0 border-end position-absolute h-100" style="left: 5px;"></div>
                                         <div class="flex-fill ${widget.data._background_setting.type !== dd.value ? `d-none` : ``} mt-n2" style="margin-left:20px;max-width: 100%;">
                                             ${(() => {
@@ -888,7 +888,7 @@ ${[
         const gvc = obj.gvc;
         const globalValue = gvc.glitter.share.editorViewModel.appConfig;
         return html `
-            <div class="">
+            <div >
                 <div
                     class="${obj.hide_title ? `d-none` : ``} px-3   border-bottom pb-3 fw-bold mt-2 pt-2"
                     style="cursor: pointer;color:#393939;"

package/lowcode/glitterBundle/html-component/custom-style.ts

@@ -10,7 +10,7 @@ const html = String.raw;
 export class CustomStyle {
     public static renderThemeEditor(gvc: GVC, widget: any, callback?: () => void) {
         RenderValue.custom_style.initialWidget(widget);
-        return `<div class="" style="margin-top:-20px;">
+        return `<div  style="margin-top:-20px;">
 ${[
             EditorElem.editeInput({
                 gvc: gvc,
@@ -441,7 +441,7 @@ ${[
                     return [
                         {
                             title: html`套用統一容器`,
-                            hint: `<span class=""
+                            hint: `<span 
                                                   style="color:#8D8D8D;font-size: 13px;white-space: normal;word-break: break-all;line-height: 16px;">選擇一個全站容器，若是進行了修改，全站所有應用此容器的元件將自動更新，方便未來統一管理。</span>`,
                             value: 'global',
                         },
@@ -479,7 +479,7 @@ ${[
                                             ${dd.title} ${widget.data._style_refer === dd.value ? dd.hint : ``}
                                         </div>
                                     </div>`,
-                                    html` <div class="d-flex position-relative mt-2" style="">
+                                    html` <div class="d-flex position-relative mt-2" >
                                         <div class="ms-0 border-end position-absolute h-100" style="left: 5px;"></div>
                                         <div class="flex-fill " style="margin-left:20px;max-width: 100%;">
                                             ${(() => {
@@ -549,7 +549,7 @@ ${[
                     return [
                         {
                             title: html`預設背景`,
-                            hint: `<span class="" style="color:#8D8D8D;font-size: 13px;white-space: normal;word-break: break-all;line-height: 16px;">將依據父層的背景樣式，進行顯示。</span>`,
+                            hint: `<span  style="color:#8D8D8D;font-size: 13px;white-space: normal;word-break: break-all;line-height: 16px;">將依據父層的背景樣式，進行顯示。</span>`,
                             value: 'none',
                         },
                         {
@@ -590,7 +590,7 @@ ${[
                                             ${dd.title} ${widget.data._background_setting.type === dd.value ? dd.hint : ``}
                                         </div>
                                     </div>`,
-                                    html` <div class="d-flex position-relative mt-2" style="">
+                                    html` <div class="d-flex position-relative mt-2" >
                                         <div class="ms-0 border-end position-absolute h-100" style="left: 5px;"></div>
                                         <div class="flex-fill ${widget.data._background_setting.type !== dd.value ? `d-none` : ``} mt-n2" style="margin-left:20px;max-width: 100%;">
                                             ${(() => {
@@ -906,7 +906,7 @@ ${[
         const gvc = obj.gvc;
         const globalValue = gvc.glitter.share.editorViewModel.appConfig;
         return html`
-            <div class="">
+            <div >
                 <div
                     class="${obj.hide_title ? `d-none` : ``} px-3   border-bottom pb-3 fw-bold mt-2 pt-2"
                     style="cursor: pointer;color:#393939;"

package/lowcode/glitterBundle/html-component/global-widget.js

@@ -365,7 +365,7 @@ export class GlobalWidget {
                                     return ``;
                                 }
                                 return `<div class="d-flex align-items-center  shadow border-bottom mt-n2"
-                                                     style="">
+                                                     >
                                                     ${(() => {
                                     const list = [
                                         {
@@ -410,7 +410,7 @@ export class GlobalWidget {
                                 if (obj.hide_selector) {
                                     return ``;
                                 }
-                                return html ` <div class=" mx-n2" style="">
+                                return html ` <div class=" mx-n2" >
                     ${[
                                     ...(() => {
                                         if (obj.hide_ai) {

package/lowcode/glitterBundle/html-component/global-widget.ts

@@ -414,7 +414,7 @@ export class GlobalWidget {
                     return ``;
                   }
                   return `<div class="d-flex align-items-center  shadow border-bottom mt-n2"
-                                                     style="">
+                                                     >
                                                     ${(() => {
                                                       const list = [
                                                         {
@@ -461,7 +461,7 @@ export class GlobalWidget {
                   if (obj.hide_selector) {
                     return ``;
                   }
-                  return html` <div class=" mx-n2" style="">
+                  return html` <div class=" mx-n2" >
                     ${[
                       ...(() => {
                         if (obj.hide_ai) {

package/lowcode/glitterBundle/html-component/widget.js

@@ -436,7 +436,7 @@ export const widgetComponent = {
                                                                 if (dd.visible === 'invisible' && (dd.value !== formData[widget.data.key])) {
                                                                     return ``;
                                                                 }
-                                                                return glitter.html `<option class="" value="${dd.value}" ${`${dd.value}` === `${formData[widget.data.key]}` ? `selected` : ``}>
+                                                                return glitter.html `<option  value="${dd.value}" ${`${dd.value}` === `${formData[widget.data.key]}` ? `selected` : ``}>
                                 ${dd.key}
                             </option>`;
                                                             }).join('') + `<option value="" ${formData[widget.data.key] === '' ? `selected` : ``}>

package/lowcode/glitterBundle/html-component/widget.ts

@@ -443,7 +443,7 @@ export const widgetComponent = {
                                                                 if (dd.visible === 'invisible' && (dd.value !== formData[widget.data.key])) {
                                                                     return ``
                                                                 }
-                                                                return glitter.html`<option class="" value="${dd.value}" ${`${dd.value}` === `${formData[widget.data.key]}` ? `selected` : ``}>
+                                                                return glitter.html`<option  value="${dd.value}" ${`${dd.value}` === `${formData[widget.data.key]}` ? `selected` : ``}>
                                 ${dd.key}
                             </option>`;
                                                             }).join('') + `<option value="" ${formData[widget.data.key] === '' ? `selected` : ``}>

package/lowcode/glitterBundle/module/html-generate.js

@@ -689,7 +689,7 @@ onclick="${gvc.event(() => {
                                                                                                     return {
                                                                                                         bind: selectID,
                                                                                                         view: () => {
-                                                                                                            return html ` <div class="w-100 " style="">
+                                                                                                            return html ` <div class="w-100 " >
                                                                                       <div class="d-flex align-items-center justify-content-around w-100 p-2">
                                                                                           ${[
                                                                                                                 {
@@ -1973,7 +1973,7 @@ background: white;
                                 const detID = cf.gvc.glitter.getUUID();
                                 const plusID = cf.gvc.glitter.getUUID();
                                 let block_close = false;
-                                return html ` <div class="" style="z-index:9999;min-height: 20px;max-height: 20px;width: 100%;" onmouseout="${cf.gvc.event(() => { })}">
+                                return html ` <div  style="z-index:9999;min-height: 20px;max-height: 20px;width: 100%;" onmouseout="${cf.gvc.event(() => { })}">
                                     <div
                                         id="${detID}"
                                         class="d-none"

package/lowcode/glitterBundle/module/html-generate.ts

@@ -1388,7 +1388,7 @@ onclick="${gvc.event(() => {
                                                                           return {
                                                                               bind: selectID,
                                                                               view: () => {
-                                                                                  return html` <div class="w-100 " style="">
+                                                                                  return html` <div class="w-100 " >
                                                                                       <div class="d-flex align-items-center justify-content-around w-100 p-2">
                                                                                           ${[
                                                                                               {
@@ -2452,7 +2452,7 @@ background: white;
                                 const detID = cf.gvc.glitter.getUUID();
                                 const plusID = cf.gvc.glitter.getUUID();
                                 let block_close = false;
-                                return html` <div class="" style="z-index:9999;min-height: 20px;max-height: 20px;width: 100%;" onmouseout="${cf.gvc.event(() => {})}">
+                                return html` <div  style="z-index:9999;min-height: 20px;max-height: 20px;width: 100%;" onmouseout="${cf.gvc.event(() => {})}">
                                     <div
                                         id="${detID}"
                                         class="d-none"