ts-glitter 20.7.4 → 20.7.6

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

@@ -52,17 +52,21 @@ export class PathSelect {
         const formatLinkHTML = (icon, pathList) => {
             let pathHTML = '';
             pathList.map((path, index) => {
-                pathHTML += html `<span class="mx-1">${path}</span>${index === pathList.length - 1 ? '' : html `<i class="fa-solid fa-chevron-right"></i>`}`;
+                pathHTML += html `<span class="mx-1">${path}</span>${index === pathList.length - 1
+                    ? ''
+                    : html `<i class="fa-solid fa-chevron-right"></i>`}`;
             });
-            return html ` <div style="display: flex; flex-wrap: wrap; align-items: center; font-size: 16px; font-weight: 500; gap: 6px; line-height: 140%;cursor: default;">
-                <div style="width: 28px;height: 28px;display: flex; align-items: center; justify-content:center;">
-                    <i class="${icon.length > 0 ? icon : 'fa-regular fa-image'}"></i>
-                </div>
-                ${pathHTML}
-            </div>`;
+            return html ` <div
+        style="display: flex; flex-wrap: wrap; align-items: center; font-size: 16px; font-weight: 500; gap: 6px; line-height: 140%;cursor: default;"
+      >
+        <div style="width: 28px;height: 28px;display: flex; align-items: center; justify-content:center;">
+          <i class="${icon.length > 0 ? icon : 'fa-regular fa-image'}"></i>
+        </div>
+        ${pathHTML}
+      </div>`;
         };
         const formatLinkText = (text) => {
-            const firstRound = dropMenu.recentList.find((item) => item.link === text);
+            const firstRound = dropMenu.recentList.find(item => item.link === text);
             if (firstRound) {
                 return formatLinkHTML(firstRound.icon, [firstRound.name]);
             }
@@ -115,35 +119,37 @@ export class PathSelect {
                 else {
                     let dataList = JSON.parse(JSON.stringify(dropMenu.recentList));
                     return html `${obj.title ? html ` <div class="tx_normal fw-normal">${obj.title}</div>` : ``}
-                        <div style="position: relative">
-                            ${obj.gvc.bindView({
+            <div style="position: relative">
+              ${obj.gvc.bindView({
                         bind: linkComp.id,
                         view: () => {
                             var _a, _b;
                             if (linkComp.loading) {
                                 return html ` <div
-                                            class="bgw-input border rounded-3"
-                                            style="${linkComp.text.length > 0 ? '' : 'padding: 9.5px 12px;'} ${(_a = obj.style) !== null && _a !== void 0 ? _a : ''}"
-                                            id="${dropMenu.elementClass}"
-                                            onclick="${obj.gvc.event(() => {
+                      class="bgw-input border rounded-3"
+                      style="${linkComp.text.length > 0 ? '' : 'padding: 9.5px 12px;'} ${(_a = obj.style) !== null && _a !== void 0 ? _a : ''}"
+                      id="${dropMenu.elementClass}"
+                      onclick="${obj.gvc.event(() => {
                                     componentFresh();
                                 })}"
-                                        >
-                                            ${linkComp.text.length > 0 ? formatLinkText(linkComp.text) : html `<span style="color: #777777">${obj.placeHolder}</span>`}
-                                        </div>`;
+                    >
+                      ${linkComp.text.length > 0
+                                    ? formatLinkText(linkComp.text)
+                                    : html `<span style="color: #777777">${obj.placeHolder}</span>`}
+                    </div>`;
                             }
                             else {
                                 return html `
-                                            <div class="d-flex align-items-center" style="margin-top: 8px;">
-                                                <input
-                                                    class="form-control"
-                                                    style="${(_b = obj.style) !== null && _b !== void 0 ? _b : ''}"
-                                                    type="text"
-                                                    placeholder="${obj.placeHolder}"
-                                                    onchange="${obj.gvc.event((e) => {
+                      <div class="d-flex align-items-center" style="margin-top: 8px;">
+                        <input
+                          class="form-control"
+                          style="${(_b = obj.style) !== null && _b !== void 0 ? _b : ''}"
+                          type="text"
+                          placeholder="${obj.placeHolder}"
+                          onchange="${obj.gvc.event(e => {
                                     callbackEvent({ link: e.value });
                                 })}"
-                                                    oninput="${obj.gvc.event((e) => {
+                          oninput="${obj.gvc.event(e => {
                                     if (obj.pattern) {
                                         const value = e.value;
                                         const regex = new RegExp(`[^${obj.pattern}]`, 'g');
@@ -153,25 +159,25 @@ export class PathSelect {
                                         }
                                     }
                                 })}"
-                                                    value="${linkComp.text}"
-                                                    ${obj.readonly ? `readonly` : ``}
-                                                />
-                                                <span style="margin: 0 0.75rem"
-                                                    ><i
-                                                        class="fa-solid fa-xmark text-dark cursor_pointer fs-5"
-                                                        onclick="${obj.gvc.event(() => {
+                          value="${linkComp.text}"
+                          ${obj.readonly ? `readonly` : ``}
+                        />
+                        <span style="margin: 0 0.75rem"
+                          ><i
+                            class="fa-solid fa-xmark text-dark cursor_pointer fs-5"
+                            onclick="${obj.gvc.event(() => {
                                     componentFresh();
                                 })}"
-                                                    ></i
-                                                ></span>
-                                            </div>
-                                        `;
+                          ></i
+                        ></span>
+                      </div>
+                    `;
                             }
                         },
                         divCreate: {},
                         onCreate: () => { },
                     })}
-                            ${obj.gvc.bindView({
+              ${obj.gvc.bindView({
                         bind: dropMenu.id,
                         view: () => {
                             if (dropMenu.loading) {
@@ -181,29 +187,29 @@ export class PathSelect {
                                 let h1 = '';
                                 if (dropMenu.prevList.length > 0) {
                                     h1 += html ` <div
-                                                    class="m-3 cursor_pointer"
-                                                    style="font-size: 16px; font-weight: 500; gap: 6px; line-height: 140%;"
-                                                    onclick=${obj.gvc.event(() => {
+                          class="m-3 cursor_pointer"
+                          style="font-size: 16px; font-weight: 500; gap: 6px; line-height: 140%;"
+                          onclick=${obj.gvc.event(() => {
                                         dataList = dropMenu.prevList[dropMenu.prevList.length - 1];
                                         dropMenu.prevList.pop();
                                         dropMenu.recentParent.pop();
                                         dropMenu.search = '';
                                         obj.gvc.notifyDataChange(dropMenu.id);
                                     })}
-                                                >
-                                                    <i class="fa-solid fa-chevron-left me-2 hoverF2"></i>
-                                                    <span>${dropMenu.recentParent[dropMenu.recentParent.length - 1]}</span>
-                                                </div>
-                                                <input
-                                                    class="form-control m-2"
-                                                    style="width: 92%"
-                                                    type="text"
-                                                    placeholder="搜尋"
-                                                    onchange="${obj.gvc.event((e) => {
+                        >
+                          <i class="fa-solid fa-chevron-left me-2 hoverF2"></i>
+                          <span>${dropMenu.recentParent[dropMenu.recentParent.length - 1]}</span>
+                        </div>
+                        <input
+                          class="form-control m-2"
+                          style="width: calc(100% - 16.875px)"
+                          type="text"
+                          placeholder="搜尋"
+                          onchange="${obj.gvc.event(e => {
                                         dropMenu.search = e.value;
                                         obj.gvc.notifyDataChange(dropMenu.id);
                                     })}"
-                                                    oninput="${obj.gvc.event((e) => {
+                          oninput="${obj.gvc.event(e => {
                                         if (obj.pattern) {
                                             const value = e.value;
                                             const regex = new RegExp(`[^${obj.pattern}]`, 'g');
@@ -213,20 +219,23 @@ export class PathSelect {
                                             }
                                         }
                                     })}"
-                                                    value="${dropMenu.search}"
-                                                />`;
+                          value="${dropMenu.search}"
+                        />`;
                                 }
                                 let h2 = '';
                                 dataList
-                                    .filter((tag) => {
+                                    .filter(tag => {
                                     return tag.name.includes(dropMenu.search);
                                 })
-                                    .map((tag) => {
+                                    .map(tag => {
                                     h2 += html `
-                                                    <div class="m-2" style="cursor:pointer;display: flex; align-items: center; justify-content: space-between;">
-                                                        <div
-                                                            class="w-100 p-1 link-item-container hoverF2 cursor_pointer text-wrap"
-                                                            onclick=${obj.gvc.event(() => {
+                          <div
+                            class="m-2"
+                            style="cursor:pointer;display: flex; align-items: center; justify-content: space-between;"
+                          >
+                            <div
+                              class="w-100 p-1 link-item-container hoverF2 cursor_pointer text-wrap"
+                              onclick=${obj.gvc.event(() => {
                                         if (tag.link && tag.link.length > 0) {
                                             callbackEvent(tag);
                                         }
@@ -237,52 +246,56 @@ export class PathSelect {
                                             obj.gvc.notifyDataChange(dropMenu.id);
                                         }
                                     })}
-                                                        >
-                                                            <div style="min-width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;">
-                                                                ${(() => {
+                            >
+                              <div
+                                style="min-width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;"
+                              >
+                                ${(() => {
                                         if (tag.icon.includes('https://')) {
                                             return html ` <div
-                                                                            style="
+                                      style="
                                                                                 width: 25px; height: 25px;
                                                                                 background-image: url('${tag.icon}');
                                                                                 background-position: center;
                                                                                 background-size: cover;
                                                                                 background-repeat: no-repeat;
                                                                             "
-                                                                        ></div>`;
+                                    ></div>`;
                                         }
-                                        return html `<i class="${tag.icon.length > 0 ? tag.icon : 'fa-regular fa-image'}"></i>`;
+                                        return html `<i
+                                    class="${tag.icon.length > 0 ? tag.icon : 'fa-regular fa-image'}"
+                                  ></i>`;
                                     })()}
-                                                            </div>
-                                                            ${tag.name}
-                                                        </div>
-                                                        <div
-                                                            class="py-1 px-3 hoverF2 ${tag.items && tag.items.length > 0 ? '' : 'd-none'}"
-                                                            onclick=${obj.gvc.event(() => {
+                              </div>
+                              ${tag.name}
+                            </div>
+                            <div
+                              class="py-1 px-3 hoverF2 ${tag.items && tag.items.length > 0 ? '' : 'd-none'}"
+                              onclick=${obj.gvc.event(() => {
                                         dropMenu.prevList.push(dataList);
                                         dropMenu.recentParent.push(tag.name);
                                         tag.items && (dataList = tag.items);
                                         obj.gvc.notifyDataChange(dropMenu.id);
                                     })}
-                                                        >
-                                                            <i class="fa-solid fa-chevron-right cursor_pointer"></i>
-                                                        </div>
-                                                    </div>
-                                                `;
+                            >
+                              <i class="fa-solid fa-chevron-right cursor_pointer"></i>
+                            </div>
+                          </div>
+                        `;
                                 });
                                 return html `
-                                            <div class="border border-2 rounded-2 p-2" style="width: ${dropMenu.elementWidth}px;">
-                                                ${h1}
-                                                <div style="overflow-y: auto; max-height: 42.5vh;">${h2}</div>
-                                            </div>
-                                        `;
+                      <div class="border border-2 rounded-2 p-2" style="width: ${dropMenu.elementWidth}px;">
+                        ${h1}
+                        <div style="overflow-y: auto; max-height: 42.5vh;">${h2}</div>
+                      </div>
+                    `;
                             }
                         },
                         divCreate: {
                             style: 'position: absolute; top: 44px; left: 0; z-index: 1; background-color: #fff;',
                         },
                     })}
-                        </div>`;
+            </div>`;
                 }
             },
             divCreate: {},
@@ -292,13 +305,13 @@ export class PathSelect {
                     const collectionList = [];
                     const productList = [];
                     Promise.all([
-                        new Promise((resolve) => {
+                        new Promise(resolve => {
                             ApiShop.getCollection().then((data) => {
                                 setCollectionPath(collectionList, data.response && data.response.value.length > 0 ? data.response.value : []);
                                 resolve();
                             });
                         }),
-                        new Promise((resolve) => {
+                        new Promise(resolve => {
                             ApiShop.getProduct({ page: 0, limit: 50000, search: '' }).then((data) => {
                                 if (data.result) {
                                     (data.response.data || []).map((item) => {
@@ -314,8 +327,8 @@ export class PathSelect {
                                 }
                             });
                         }),
-                        new Promise((resolve) => {
-                            ApiPost.getManagerPost({ page: 0, limit: 20, type: 'article' }).then((data) => {
+                        new Promise(resolve => {
+                            ApiPost.getManagerPost({ page: 0, limit: 20, type: 'article' }).then(data => {
                                 if (data.result) {
                                     data.response.data.map((item) => {
                                         const { name, tag } = item.content;
@@ -333,7 +346,7 @@ export class PathSelect {
                             { name: '所有商品', icon: 'fa-regular fa-tag', link: '/all-product', items: productList },
                             { name: '商品分類', icon: 'fa-regular fa-tags', link: '', items: collectionList },
                             { name: '網誌文章', icon: 'fa-regular fa-newspaper', link: '/blogs', items: acticleList },
-                        ].filter((menu) => {
+                        ].filter(menu => {
                             if (menu.items === undefined)
                                 return true;
                             return menu.items.length > 0 || menu.link.length > 0;