jeawin-astro 3.0.73 → 3.0.75

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jeawin-astro",
-    "version": "3.0.73",
+    "version": "3.0.75",
     "author": "chaegumi <chaegumi@qq.com>",
     "description": "",
     "license": "MIT",

package/src/components/banner_swiper.astro

@@ -96,9 +96,10 @@ const banners = await jeawinapi.get_nodes({ channel_id: 5 });
                           banner.node_picurl_html,
                           {
                             width: "100%",
-                            fetchpriority: "high",
+                            loading: "lazy",
+                            fetchpriority: "low",
                           },
-                          ["class"]
+                          ["class", "loading"]
                         )}
                       />
                     ) : (
@@ -107,8 +108,8 @@ const banners = await jeawinapi.get_nodes({ channel_id: 5 });
                           banner.node_picurl_html,
                           {
                             width: "100%",
-                            class: "",
-                            loading: "lazy",
+                            class: '',
+                            loading: "eager",
                             fetchpriority: "high",
                           },
                           ["class"]
@@ -124,9 +125,10 @@ const banners = await jeawinapi.get_nodes({ channel_id: 5 });
                           banner.node_picurl_html,
                           {
                             width: "100%",
-                            fetchpriority: "high",
+                            loading: "lazy",
+                            fetchpriority: "low",
                           },
-                          ["class"]
+                          ["class", "loading"]
                         )}
                       />
                     ) : (
@@ -136,7 +138,7 @@ const banners = await jeawinapi.get_nodes({ channel_id: 5 });
                           {
                             width: "100%",
                             class: "",
-                            loading: "lazy",
+                            loading: "eager",
                             fetchpriority: "high",
                           },
                           ["class"]
@@ -165,10 +167,18 @@ const banners = await jeawinapi.get_nodes({ channel_id: 5 });
     constructor() {
       super();
 
-      initSwiper(".banner_swiper");
+      initSwiper(".banner_swiper", {
+        pagination: {
+          clickable: true
+        }
+      });
 
       document.addEventListener("astro:after-swap", function () {
-        initSwiper(".banner_swiper");
+        initSwiper(".banner_swiper", {
+          pagination: {
+            clickable: true
+          }
+        });
       });
     }
   }

package/src/components/detail_images.astro

@@ -16,6 +16,7 @@ import Vimeo from "./vimeo.astro";
 import { img_add_link, render_value,img_change_attrs } from "../scripts/util.js";
 import view360img from "../assets/images/360_view.svg";
 import IframeVideo from "./iframe_video.astro";
+import JeawinImage from "./image.astro";
 
 type JWVIDEO = {
   poster: string; // 图片
@@ -102,7 +103,7 @@ if(num > 1){
                     ]}
                   >
                     <div class="content-wrapper border border-white p-1 cursor-pointer overflow-hidden h-[60px] w-[60px] flex items-center justify-center">
-                      <Fragment set:html={img_change_attrs(pic, {width:'50', height:'50', 'loading':'lazy'}, {})} />
+                      <JeawinImage img_html={img_change_attrs(pic, {width:'50', height:'50'}, {})} add_classes="lazyload" />
                     </div>
                   </swiper-slide>
                 ))
@@ -148,14 +149,14 @@ if(num > 1){
           {
             nodepics.map((pic: any, idx: number) => (
               <swiper-slide lazy={idx > 0 ? "true" : "false"} class:list={["swiper-slide", "magnifier", { hidden: idx > 0 }]}>
-                <Fragment set:html={pic} />
+                <JeawinImage img_html={pic} loading={idx > 0 ? "lazy" : "eager"} fetchpriority={idx > 0 ? 'low' : 'high'} />
               </swiper-slide>
             ))
           }
 
           {
             video ? (
-              <swiper-slide class="swiper-slide hidden">
+              <swiper-slide class="swiper-slide hidden" lazy="true">
                 <div class="flex min-h-[343px] xl:min-h-[605px] w-full">
                   <img src={video.poster} alt={video.title ? video.title : node_title} />
                   <button
@@ -178,7 +179,7 @@ if(num > 1){
 
           {
             view360 ? (
-              <swiper-slide class="swiper-slide hidden">
+              <swiper-slide class="swiper-slide hidden" lazy="true">
                 <div class="cloudimage-360 swiper-no-swiping" data-image-list-x={`${JSON.stringify(view360)}`} data-magnifier="2" data-fullscreen>
                 </div>
               </swiper-slide>    
@@ -379,7 +380,11 @@ src="/js-cloudimage-360-view/build/js-cloudimage-360-view.min.js" async defer
 
       const view360 = this.dataset.view360;
 
-      initSwiper(".mainSwiper");
+      initSwiper(".mainSwiper", {
+        pagination:{
+          clickable: true
+        }
+      });
       initSwiper(".thumbSwiper", {
         direction: this.dataset.thumbs_position=='left' ? "vertical" : 'horizontal',
         navigation: {
@@ -439,7 +444,11 @@ src="/js-cloudimage-360-view/build/js-cloudimage-360-view.min.js" async defer
 
 
       document.addEventListener("astro:after-swap", () => {
-        initSwiper(".mainSwiper");
+        initSwiper(".mainSwiper", {
+          pagination:{
+            clickable: true
+          }
+        });
         initSwiper(".thumbSwiper", {
           direction: "horizontal",
           breakpoints: {

package/src/components/logo.astro

@@ -27,11 +27,11 @@ const {base} = Astro.locals;
                 <RemoteImage
                   remote_url={sitelogo}
                   alt={logo_title}
-                  class_str={`mx-auto md:m-0 ${logo_class}`}
+                  class_str={`mx-auto md:m-0 max-h-25 w-auto ${logo_class || ''}`}
                   is_lcp="1"
                 />
               ) : (
-                <DefaultImage class={`mx-auto md:m-0 ${logo_class}`} />
+                <DefaultImage class={`mx-auto md:m-0 max-h-25 w-auto ${logo_class || ''}`} />
               )}
             </Fragment>
           )}

package/src/components/swiper.astro

@@ -83,6 +83,9 @@ if (Astro.slots.has("default")) {
       const mdSpaceBetween = Number(this.dataset.md_space_between);
 
       initSwiper(`#${swiperID}`, {
+        pagination:{
+          clickable: true
+        },
         breakpoints: {
           // when window width is >= 320px
           768: {
@@ -102,6 +105,9 @@ if (Astro.slots.has("default")) {
 
       document.addEventListener("astro:after-swap", function () {
         initSwiper(`#${swiperID}`, {
+          pagination:{
+            clickable: true
+          },
           breakpoints: {
             // when window width is >= 320px
             768: {