ts-glitter 21.5.7 → 21.6.0

package/lowcode/dialog/dialog_setting.js

@@ -139,7 +139,7 @@ ${pageSelect(viewModel.data.tag, (tag) => {
                     }
                 };
             })}
-<div style="" class="p-2">
+<div  class="p-2">
 ${gvc.bindView(() => {
                 return {
                     bind: id,

package/lowcode/dialog/dialog_setting.ts

@@ -162,7 +162,7 @@ ${pageSelect(viewModel.data.tag, (tag) => {
                     }
                 }
             })}
-<div style="" class="p-2">
+<div  class="p-2">
 ${
                 gvc.bindView(() => {
                     return {

package/lowcode/dialog/image-preview.js

@@ -36,7 +36,7 @@ init(import.meta.url, (gvc, glitter, gBundle) => {
                 link.href = gBundle;
                 link.click();
             })}">
-                            <span class="tx_700" style="">下載圖片</span>
+                            <span class="tx_700" >下載圖片</span>
                         </div>
                         ${grayButton('關閉', gvc.event(() => {
                 gvc.closeDialog();
@@ -53,7 +53,7 @@ function grayButton(text, event, obj) {
     var _a;
     const html = String.raw;
     return html `
-        <button class="btn btn-gray" style="" type="button" onclick="${event}">
+        <button class="btn btn-gray"  type="button" onclick="${event}">
             <i class="${obj && obj.icon && obj.icon.length > 0 ? obj.icon : 'd-none'}" style="color: #393939"></i>
             ${text.length > 0 ? html `<span class="tx_700" style="${(_a = obj === null || obj === void 0 ? void 0 : obj.textStyle) !== null && _a !== void 0 ? _a : ''}">${text}</span>` : ''}
         </button>`;

package/lowcode/dialog/image-preview.ts

@@ -50,7 +50,7 @@ gvc.addStyle(`.btn-gray {
                             link.href = gBundle;
                             link.click();
                         })}">
-                            <span class="tx_700" style="">下載圖片</span>
+                            <span class="tx_700" >下載圖片</span>
                         </div>
                         ${grayButton(
                                 '關閉',
@@ -70,7 +70,7 @@ gvc.addStyle(`.btn-gray {
 function grayButton(text: string, event: string, obj?: { icon?: string; textStyle?: string }) {
     const html = String.raw
     return html`
-        <button class="btn btn-gray" style="" type="button" onclick="${event}">
+        <button class="btn btn-gray"  type="button" onclick="${event}">
             <i class="${obj && obj.icon && obj.icon.length > 0 ? obj.icon : 'd-none'}" style="color: #393939"></i>
             ${text.length > 0 ? html`<span class="tx_700" style="${obj?.textStyle ?? ''}">${text}</span>` : ''}
         </button>`;

package/lowcode/editor/add-component.js

@@ -48,7 +48,7 @@ export class AddComponent {
                     }
                     return html `
                         <div class="w-100 d-flex align-items-center p-3 border-bottom">
-                            <h5 class="offcanvas-title" style=""> 新增區塊</h5>
+                            <h5 class="offcanvas-title" > 新增區塊</h5>
                             <div class="flex-fill"></div>
                             <div
                                     class="fs-5 text-black"
@@ -57,7 +57,7 @@ export class AddComponent {
                         AddComponent.toggle(false);
                     })}"
                             >
-                                <i class="fa-sharp fa-regular fa-circle-xmark" style=""></i>
+                                <i class="fa-sharp fa-regular fa-circle-xmark" ></i>
                             </div>
                         </div>
                         <div class="d-flex  py-2 px-2 bg-white align-items-center w-100 justify-content-around border-bottom ${Storage.select_function === 'user-editor' ? `d-none` : ``}">
@@ -485,12 +485,12 @@ background-clip: text;
                             })}"
                                     >
                                         <i class="fa-regular fa-paste fs-6 d-flex align-items-center justify-content-center"
-                                           style=""></i>
+                                           ></i>
                                     </div>
 
                                 </div>
                                 <div class="p-2 border-bottom  f-flex ${['plus', 'basic', 'ai'].includes(vm.template_from) ? `d-none` : ``}"
-                                     style="">
+                                     >
                                     <div class="input-group mb-2">
                                         <input
                                                 class="form-control input-sm"

package/lowcode/editor/add-component.ts

@@ -58,7 +58,7 @@ export class AddComponent {
                     }
                     return html`
                         <div class="w-100 d-flex align-items-center p-3 border-bottom">
-                            <h5 class="offcanvas-title" style=""> 新增區塊</h5>
+                            <h5 class="offcanvas-title" > 新增區塊</h5>
                             <div class="flex-fill"></div>
                             <div
                                     class="fs-5 text-black"
@@ -67,7 +67,7 @@ export class AddComponent {
                                         AddComponent.toggle(false);
                                     })}"
                             >
-                                <i class="fa-sharp fa-regular fa-circle-xmark" style=""></i>
+                                <i class="fa-sharp fa-regular fa-circle-xmark" ></i>
                             </div>
                         </div>
                         <div class="d-flex  py-2 px-2 bg-white align-items-center w-100 justify-content-around border-bottom ${Storage.select_function === 'user-editor' ? `d-none` : ``}">
@@ -525,12 +525,12 @@ background-clip: text;
                                             })}"
                                     >
                                         <i class="fa-regular fa-paste fs-6 d-flex align-items-center justify-content-center"
-                                           style=""></i>
+                                           ></i>
                                     </div>
 
                                 </div>
                                 <div class="p-2 border-bottom  f-flex ${['plus', 'basic', 'ai'].includes(vm.template_from) ? `d-none` : ``}"
-                                     style="">
+                                     >
                                     <div class="input-group mb-2">
                                         <input
                                                 class="form-control input-sm"
@@ -6017,11 +6017,11 @@ ${[
         //         <div class="modal-content bg-white rounded-3 p-3  "
         //              style="max-width:90%;width:400px;;">
         //             <div class="  "
-        //                  style="">
+        //                  >
         //                 <div class="ps-1 pe-1  "
-        //                      style="">
+        //                      >
         //                     <div class="mb-3  "
-        //                          style="">
+        //                          >
         //                         <label class="form-label mb-3  "
         //                                style="color: black;"
         //                                for="username">${title}
@@ -6073,7 +6073,7 @@ ${[
         //                      style="justify-content: end;"
         //                 >
         //                     <button class="btn btn-outline-dark me-2  "
-        //                             style=""
+        //                             
         //                             type="button"
         //                             onclick="${gvc.event(() => {
         //                                 gvc.closeDialog()
@@ -6081,7 +6081,7 @@ ${[
         //                         取消
         //                     </button>
         //                     <button class="btn btn-primary-c  "
-        //                             style=""
+        //                             
         //                             type="button"
         //                             onclick="${gvc.event(() => {
         //                                 AddComponent.checkLoop(gvc, tdata).then(async (res) => {

package/lowcode/editor/add-page.js

@@ -27,7 +27,7 @@ export class AddPage {
         return [
             html `
                 <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(() => {

package/lowcode/editor/add-page.ts

@@ -23,7 +23,7 @@ export class AddPage {
         return [
             html`
                 <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(() => {

package/lowcode/editor/normal-page-editor.js

@@ -65,14 +65,14 @@ export class NormalPageEditor {
         return html ` <div
                 id="norView"
                 class="vw-100 vh-100 position-fixed top-0 d-none"
-                style="z-index: 999999;background: rgba(0,0,0,0.5);"
+                style="z-index: 99999;background: rgba(0,0,0,0.5);"
                 onclick="${gvc.event(() => {
             NormalPageEditor.toggle({
                 visible: false,
             });
         })}"
             ></div>
-            <div id="norViewHover" class="position-fixed top-0 h-100 bg-white shadow-lg scroll-out" style="width:350px; z-index: 999999;max-width: 100vw;display: none;">${NormalPageEditor.view(gvc)}</div>`;
+            <div id="norViewHover" class="position-fixed top-0 h-100 bg-white shadow-lg scroll-out" style="width:350px; z-index: 99999;max-width: 100vw;display: none;">${NormalPageEditor.view(gvc)}</div>`;
     }
     static toggle(cf) {
         try {

package/lowcode/editor/normal-page-editor.ts

@@ -73,14 +73,14 @@ export class NormalPageEditor {
         return html` <div
                 id="norView"
                 class="vw-100 vh-100 position-fixed top-0 d-none"
-                style="z-index: 999999;background: rgba(0,0,0,0.5);"
+                style="z-index: 99999;background: rgba(0,0,0,0.5);"
                 onclick="${gvc.event(() => {
                     NormalPageEditor.toggle({
                         visible: false,
                     });
                 })}"
             ></div>
-            <div id="norViewHover" class="position-fixed top-0 h-100 bg-white shadow-lg scroll-out" style="width:350px; z-index: 999999;max-width: 100vw;display: none;">${NormalPageEditor.view(gvc)}</div>`;
+            <div id="norViewHover" class="position-fixed top-0 h-100 bg-white shadow-lg scroll-out" style="width:350px; z-index: 99999;max-width: 100vw;display: none;">${NormalPageEditor.view(gvc)}</div>`;
     }
 
     public static viewArray: any = [];

package/lowcode/editor/page-code-setting.js

@@ -288,7 +288,7 @@ export class PageCodeSetting {
                     return [
                         html `
                             <div class="w-100 d-flex align-items-center p-3 border-bottom">
-                                <h5 class="offcanvas-title" style="">頁面代碼</h5>
+                                <h5 class="offcanvas-title" >頁面代碼</h5>
                                 <div class="flex-fill"></div>
                                 <div class="fs-5 text-black" style="cursor: pointer;" onclick="${gvc.event(() => {
                             PageCodeSetting.toggle(false, gvc);

package/lowcode/editor/page-code-setting.ts

@@ -339,7 +339,7 @@ export class PageCodeSetting {
                     return [
                         html`
                             <div class="w-100 d-flex align-items-center p-3 border-bottom">
-                                <h5 class="offcanvas-title" style="">頁面代碼</h5>
+                                <h5 class="offcanvas-title" >頁面代碼</h5>
                                 <div class="flex-fill"></div>
                                 <div class="fs-5 text-black" style="cursor: pointer;" onclick="${gvc.event(() => {
                                     PageCodeSetting.toggle(false,gvc)

package/lowcode/editor/page-editor.js

@@ -100,7 +100,7 @@ export class PageEditor {
                                 <li class="btn-group d-flex flex-column"
                                     style="margin-top:1px;margin-bottom:1px;">
                                     <div class="editor_item d-flex   px-2 my-0 hi me-n1 ${(viewModel.selectItem === dd) ? `selectLeftItem` : ``} ${(viewModel.selectItem === dd || selectChild || (option.selectEv && option.selectEv(dd))) ? `active` : ``}"
-                                         style=""
+                                         
                                          onclick="${gvc.event(() => {
                                 if (dd.type === 'container' && option.justFolder) {
                                     eval(toggle);
@@ -129,7 +129,7 @@ export class PageEditor {
                                         <div class="flex-fill"></div>
                                         ${(dd.type === 'container') ? html `
                                             <div class="btn-group me-0 subBt"
-                                                 style=""
+                                                 
                                                  onclick="${gvc.event((e, event) => {
                                 var _a;
                                 dd.data.setting = (_a = dd.data.setting) !== null && _a !== void 0 ? _a : [];
@@ -529,7 +529,7 @@ export class PageEditor {
                                     </div>
                                 </div>
                             </div>`,
-                        (viewModel.globalStyle.length === 0) ? ` <div class="alert-info alert p-2 m-2" style="">尚未設定全站樣式</div>` :
+                        (viewModel.globalStyle.length === 0) ? ` <div class="alert-info alert p-2 m-2" >尚未設定全站樣式</div>` :
                             EditorElem.arrayItem({
                                 gvc: gvc,
                                 title: '',
@@ -1534,7 +1534,7 @@ export class PageEditor {
                 view: () => {
                     const editData = obj.viewModel.selectItem;
                     return html `
-                        <div class="mx-n2  mt-n2" style="">
+                        <div class="mx-n2  mt-n2" >
                             <div class=" d-flex  px-2 hi fw-bold d-flex align-items-center border-bottom border-top py-2 bgf6"
                                  style="color:#151515;font-size:16px;gap:0px;">
                                 SEO設定
@@ -1920,12 +1920,12 @@ export class PageEditor {
                                 editData = viewModel.selectItem;
                             }
                             return html `
-                                <div class="mx-n2  mt-n2" style="">
+                                <div class="mx-n2  mt-n2" >
                                     <div class="d-flex  px-2 hi fw-bold d-flex align-items-center border-bottom border-top  bgf6"
                                          style="color:#151515;font-size:16px;gap:0px;height:48px;">
                                         ${editData.name}
                                     </div>
-                                    <div class=" pt-0 justify-content-start px-2" style="">
+                                    <div class=" pt-0 justify-content-start px-2" >
                                         ${[EditorElem.select({
                                     title: "設為首頁",
                                     gvc: gvc,
@@ -1983,7 +1983,7 @@ export class PageEditor {
                                     let deleteText = '';
                                     return html `
                                                     <div class="w-100 d-flex align-items-center justify-content-center mt-3"
-                                                         style="">
+                                                         >
                                                         <h3 style="font-size: 16px;width: 100px;white-space: nowrap;color:red;"
                                                             class="m-0 me-2 mb-2">刪除頁面</h3>
                                                         ${glitter.htmlGenerate.editeInput({
@@ -2012,7 +2012,7 @@ export class PageEditor {
                                                         </button>
                                                     </div>`;
                                 })()].map((dd) => {
-                                return `<div class="">${dd}</div>`;
+                                return `<div >${dd}</div>`;
                             }).join(``)}
                                     </div>
                                     <div class="mt-2 d-flex  px-2 hi fw-bold d-flex align-items-center border-bottom border-top py-2 bgf6"
@@ -2153,7 +2153,7 @@ ${EditorElem.editeInput({
                                 {
                                     title: '步驟四：部署網域', content: `
 DNS設定至少需要10分鐘到72小時才會生效，如設定失敗可以稍加等待後再重新嘗試。
-<button type="button" class="btn btn-primary-c  w-100 mt-2" style=""
+<button type="button" class="btn btn-primary-c  w-100 mt-2" 
 onclick="${gvc.event(() => {
                                         const dialog = new ShareDialog(glitter);
                                         dialog.dataLoading({ text: '', visible: true });
@@ -2208,7 +2208,7 @@ PageEditor.openDialog = {
                             ><i class="fa-sharp fa-regular fa-circle-xmark"></i>
                             </div>
                         </div>
-                        <div class="d-flex " style="">
+                        <div class="d-flex " >
                             <div>
                                 ${gvc.bindView(() => {
                 return {
@@ -2313,7 +2313,7 @@ PageEditor.openDialog = {
                     select: "official"
                 };
                 return html `
-                        <div class="d-flex " style="">
+                        <div class="d-flex " >
                             <div>
                                 ${gvc.bindView(() => {
                     return {
@@ -2412,7 +2412,7 @@ PageEditor.openDialog = {
             title: title,
             view: (() => {
                 const id = gvc.glitter.getUUID();
-                return `<div class="d-flex" style="">${[
+                return `<div class="d-flex" >${[
                     gvc.bindView(() => {
                         return {
                             bind: gvc.glitter.getUUID(),
@@ -2465,7 +2465,7 @@ PageEditor.openDialog = {
                             ><i class="fa-sharp fa-regular fa-circle-xmark"></i>
                             </div>
                         </div>
-                        <div class="d-flex " style="">
+                        <div class="d-flex " >
                             <div>
                                 ${gvc.bindView(() => {
                 return {
@@ -2551,7 +2551,7 @@ function uploadImage(obj) {
                     obj.def = e.value;
                     obj.gvc.notifyDataChange(id);
                 })}">
-                                <div class="" style="width: 1px;height: 25px;background-"></div>
+                                <div  style="width: 1px;height: 25px;background-"></div>
                                 <i class="fa-regular fa-upload text-dark ms-2" style="cursor: pointer;" onclick="${obj.gvc.event(() => {
                     glitter.ut.chooseMediaCallback({
                         single: true,
@@ -2607,7 +2607,7 @@ function questionText(title, data, show) {
                   <h3 class="accordion-header">
                     <button class="accordion-button shadow-none rounded-3 ${(index === 0 || show) ? '' : '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) ? 'show' : ''}" id="q-${index}" data-bs-parent="#faq" style="">
+                  <div class="accordion-collapse collapse ${(index === 0 || show) ? 'show' : ''}" id="q-${index}" data-bs-parent="#faq" >
                     <div class="accordion-body fs-sm pt-0">
                      ${dd.content}
                     </div>

package/lowcode/editor/page-editor.ts

@@ -43,7 +43,7 @@ export class PageEditor {
                             ><i class="fa-sharp fa-regular fa-circle-xmark"></i>
                             </div>
                         </div>
-                        <div class="d-flex " style="">
+                        <div class="d-flex " >
                             <div>
                                 ${gvc.bindView(() => {
                                     return {
@@ -169,7 +169,7 @@ export class PageEditor {
                         select: "official"
                     }
                     return html`
-                        <div class="d-flex " style="">
+                        <div class="d-flex " >
                             <div>
                                 ${gvc.bindView(() => {
                                     return {
@@ -281,7 +281,7 @@ export class PageEditor {
                 title:title,
                 view:(()=>{
                     const id = gvc.glitter.getUUID()
-                    return  `<div class="d-flex" style="">${
+                    return  `<div class="d-flex" >${
                         [
                             gvc.bindView(() => {
                                 return {
@@ -340,7 +340,7 @@ export class PageEditor {
                             ><i class="fa-sharp fa-regular fa-circle-xmark"></i>
                             </div>
                         </div>
-                        <div class="d-flex " style="">
+                        <div class="d-flex " >
                             <div>
                                 ${gvc.bindView(() => {
                                     return {
@@ -503,7 +503,7 @@ console.log(`selectEditEvent-->`)
                                 <li class="btn-group d-flex flex-column"
                                     style="margin-top:1px;margin-bottom:1px;">
                                     <div class="editor_item d-flex   px-2 my-0 hi me-n1 ${(viewModel.selectItem === dd) ? `selectLeftItem` : ``} ${(viewModel.selectItem === dd || selectChild || (option.selectEv && option.selectEv(dd))) ? `active` : ``}"
-                                         style=""
+                                         
                                          onclick="${gvc.event(() => {
                                              if (dd.type === 'container' && option.justFolder) {
                                                  eval(toggle)
@@ -540,7 +540,7 @@ console.log(`selectEditEvent-->`)
                                         <div class="flex-fill"></div>
                                         ${(dd.type === 'container') ? html`
                                             <div class="btn-group me-0 subBt"
-                                                 style=""
+                                                 
                                                  onclick="${gvc.event((e, event) => {
                                                      dd.data.setting = dd.data.setting ?? []
                                                      viewModel.selectContainer = dd.data.setting
@@ -983,7 +983,7 @@ console.log(`selectEditEvent-->`)
                                     </div>
                                 </div>
                             </div>`,
-                        (viewModel.globalStyle.length === 0) ? ` <div class="alert-info alert p-2 m-2" style="">尚未設定全站樣式</div>` :
+                        (viewModel.globalStyle.length === 0) ? ` <div class="alert-info alert p-2 m-2" >尚未設定全站樣式</div>` :
                             EditorElem.arrayItem({
                                 gvc: gvc,
                                 title: '',
@@ -2041,7 +2041,7 @@ console.log(`selectEditEvent-->`)
                 view: () => {
                     const editData = obj.viewModel.selectItem;
                     return html`
-                        <div class="mx-n2  mt-n2" style="">
+                        <div class="mx-n2  mt-n2" >
                             <div class=" d-flex  px-2 hi fw-bold d-flex align-items-center border-bottom border-top py-2 bgf6"
                                  style="color:#151515;font-size:16px;gap:0px;">
                                 SEO設定
@@ -2442,12 +2442,12 @@ console.log(`selectEditEvent-->`)
                                 editData = viewModel.selectItem
                             }
                             return html`
-                                <div class="mx-n2  mt-n2" style="">
+                                <div class="mx-n2  mt-n2" >
                                     <div class="d-flex  px-2 hi fw-bold d-flex align-items-center border-bottom border-top  bgf6"
                                          style="color:#151515;font-size:16px;gap:0px;height:48px;">
                                         ${editData.name}
                                     </div>
-                                    <div class=" pt-0 justify-content-start px-2" style="">
+                                    <div class=" pt-0 justify-content-start px-2" >
                                         ${[EditorElem.select({
                                             title: "設為首頁",
                                             gvc: gvc,
@@ -2505,7 +2505,7 @@ console.log(`selectEditEvent-->`)
                                                 let deleteText = ''
                                                 return html`
                                                     <div class="w-100 d-flex align-items-center justify-content-center mt-3"
-                                                         style="">
+                                                         >
                                                         <h3 style="font-size: 16px;width: 100px;white-space: nowrap;color:red;"
                                                             class="m-0 me-2 mb-2">刪除頁面</h3>
                                                         ${glitter.htmlGenerate.editeInput({
@@ -2535,7 +2535,7 @@ console.log(`selectEditEvent-->`)
                                                     </div>`
                                             })()
                                         ].map((dd) => {
-                                            return `<div class="">${dd}</div>`
+                                            return `<div >${dd}</div>`
                                         }).join(``)}
                                     </div>
                                     <div class="mt-2 d-flex  px-2 hi fw-bold d-flex align-items-center border-bottom border-top py-2 bgf6"
@@ -2679,7 +2679,7 @@ ${EditorElem.editeInput({
                                 {
                                     title: '步驟四：部署網域', content: `
 DNS設定至少需要10分鐘到72小時才會生效，如設定失敗可以稍加等待後再重新嘗試。
-<button type="button" class="btn btn-primary-c  w-100 mt-2" style=""
+<button type="button" class="btn btn-primary-c  w-100 mt-2" 
 onclick="${gvc.event(() => {
                                         const dialog = new ShareDialog(glitter);
                                         dialog.dataLoading({text: '', visible: true});
@@ -2745,7 +2745,7 @@ function uploadImage(obj: {
                     obj.def = e.value
                     obj.gvc.notifyDataChange(id)
                 })}">
-                                <div class="" style="width: 1px;height: 25px;background-"></div>
+                                <div  style="width: 1px;height: 25px;background-"></div>
                                 <i class="fa-regular fa-upload text-dark ms-2" style="cursor: pointer;" onclick="${obj.gvc.event(() => {
                     glitter.ut.chooseMediaCallback({
                         single: true,
@@ -2805,7 +2805,7 @@ function questionText(title: string, data: { title: string, content: string }[],
                   <h3 class="accordion-header">
                     <button class="accordion-button shadow-none rounded-3 ${(index === 0 || show) ? '' : '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) ? 'show' : ''}" id="q-${index}" data-bs-parent="#faq" style="">
+                  <div class="accordion-collapse collapse ${(index === 0 || show) ? 'show' : ''}" id="q-${index}" data-bs-parent="#faq" >
                     <div class="accordion-body fs-sm pt-0">
                      ${dd.content}
                     </div>

package/lowcode/editor/page-setting-view.js

@@ -42,7 +42,7 @@ export class PageSettingView {
                 view: () => {
                     return [
                         html ` <div class="w-100 d-flex align-items-center p-3 border-bottom">
-                            <h5 class="offcanvas-title" style="">頁面設定</h5>
+                            <h5 class="offcanvas-title" >頁面設定</h5>
                             <div class="flex-fill"></div>
                             <div
                                 class="fs-5 text-black"
@@ -649,7 +649,7 @@ export class PageSettingView {
             }
         };
         const html = String.raw;
-        return html ` <div class="position-relative" style="">
+        return html ` <div class="position-relative" >
             <div class="position-relative bgf6 d-flex align-items-center justify-content-between m-n2 p-2 border-bottom shadow">
                 <span class="fs-6 fw-bold " style="color:black;">基本設定</span>
                 <button
@@ -662,7 +662,7 @@ export class PageSettingView {
                     儲存
                 </button>
             </div>
-            <div class="pt-3 justify-content-start px-2 " style="">
+            <div class="pt-3 justify-content-start px-2 " >
                 ${[
             (() => {
                 var _a, _b, _c;
@@ -816,7 +816,7 @@ export class PageSettingView {
                         return {
                             bind: id,
                             view: () => {
-                                return html `<lottie-player autoplay loop mode="normal" src="${new URL('../lottie/error.json', import.meta.url)}" style="width: 200px;" class="">
+                                return html `<lottie-player autoplay loop mode="normal" src="${new URL('../lottie/error.json', import.meta.url)}" style="width: 200px;" >
                                                         </lottie-player>
                                                         <div class="alert alert-danger w-100" style="word-break: break-all;white-space: normal;">
                                                             <strong>請注意</strong>，頁面刪除後即無法復原，請警慎進行操作。
@@ -947,7 +947,7 @@ export class PageSettingView {
                         bind: menuID,
                         view: () => {
                             return html `
-                                  <div class="">${EditorElem.h3('選擇頁面')}</div>
+                                  <div >${EditorElem.h3('選擇頁面')}</div>
                                   <div class="d-flex align-items-center">
                                       <div class="btn-group ms-0" style="max-width: 400px;min-width: 250px;">
                                           <button
@@ -1206,7 +1206,7 @@ function uploadImage(obj) {
                     obj.gvc.notifyDataChange(id);
                 })}"
                         />
-                        <div class="" style="width: 1px;height: 25px;background-"></div>
+                        <div  style="width: 1px;height: 25px;background-"></div>
                         <i
                             class="fa-regular fa-upload text-dark ms-2"
                             style="cursor: pointer;"

package/lowcode/editor/page-setting-view.ts

@@ -38,7 +38,7 @@ export class PageSettingView {
                 view: () => {
                     return [
                         html` <div class="w-100 d-flex align-items-center p-3 border-bottom">
-                            <h5 class="offcanvas-title" style="">頁面設定</h5>
+                            <h5 class="offcanvas-title" >頁面設定</h5>
                             <div class="flex-fill"></div>
                             <div
                                 class="fs-5 text-black"
@@ -675,7 +675,7 @@ export class PageSettingView {
             }
         };
         const html = String.raw;
-        return html` <div class="position-relative" style="">
+        return html` <div class="position-relative" >
             <div class="position-relative bgf6 d-flex align-items-center justify-content-between m-n2 p-2 border-bottom shadow">
                 <span class="fs-6 fw-bold " style="color:black;">基本設定</span>
                 <button
@@ -688,7 +688,7 @@ export class PageSettingView {
                     儲存
                 </button>
             </div>
-            <div class="pt-3 justify-content-start px-2 " style="">
+            <div class="pt-3 justify-content-start px-2 " >
                 ${[
                     (() => {
                         let view: any = [
@@ -854,7 +854,7 @@ export class PageSettingView {
                                             return {
                                                 bind: id,
                                                 view: () => {
-                                                    return html`<lottie-player autoplay loop mode="normal" src="${new URL('../lottie/error.json', import.meta.url)}" style="width: 200px;" class="">
+                                                    return html`<lottie-player autoplay loop mode="normal" src="${new URL('../lottie/error.json', import.meta.url)}" style="width: 200px;" >
                                                         </lottie-player>
                                                         <div class="alert alert-danger w-100" style="word-break: break-all;white-space: normal;">
                                                             <strong>請注意</strong>，頁面刪除後即無法復原，請警慎進行操作。
@@ -1000,7 +1000,7 @@ export class PageSettingView {
                           bind: menuID,
                           view: () => {
                               return html`
-                                  <div class="">${EditorElem.h3('選擇頁面')}</div>
+                                  <div >${EditorElem.h3('選擇頁面')}</div>
                                   <div class="d-flex align-items-center">
                                       <div class="btn-group ms-0" style="max-width: 400px;min-width: 250px;">
                                           <button
@@ -1260,7 +1260,7 @@ function uploadImage(obj: { title: string; gvc: any; def: string; callback: (dat
                                 obj.gvc.notifyDataChange(id);
                             })}"
                         />
-                        <div class="" style="width: 1px;height: 25px;background-"></div>
+                        <div  style="width: 1px;height: 25px;background-"></div>
                         <i
                             class="fa-regular fa-upload text-dark ms-2"
                             style="cursor: pointer;"

package/lowcode/editor/preview-app.js

@@ -61,7 +61,7 @@ init(import.meta.url, (gvc, glitter, gBundle) => {
                     </div>
                     <div class="m-0 m-sm-2 d-flex align-items-center justify-content-center" style="${document.body.clientWidth > 768 ? `height:calc(100vh - 70px);` : `height:calc(100vh - 55px);`}">
                         <iframe
-                            class=""
+                            
                             src="${(() => {
                 const url = new URL(`${glitter.root_path}${gBundle.page}${location.search}`);
                 url.searchParams.set('appName', gBundle.appName);

package/lowcode/editor/preview-app.ts

@@ -61,7 +61,7 @@ init(import.meta.url, (gvc, glitter, gBundle) => {
                     </div>
                     <div class="m-0 m-sm-2 d-flex align-items-center justify-content-center" style="${document.body.clientWidth > 768 ? `height:calc(100vh - 70px);` : `height:calc(100vh - 55px);`}">
                         <iframe
-                            class=""
+                            
                             src="${(() => {
                                 const url = new URL(`${glitter.root_path}${gBundle.page}${location.search}`);
                                 url.searchParams.set('appName', gBundle.appName);