jeawin-astro 3.0.52 → 3.0.54

package/package.json

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

package/src/components/author_info.astro

@@ -15,11 +15,13 @@ interface Props {
   node_id: any;
 }
 const { node_id } = Astro.props;
-const { jeawin_apikey, jeawin_api_domain, jeawin_api_path } = Astro.locals;
+const { jeawin_apikey, jeawin_api_domain, jeawin_api_path, sticky_top_height, is_preview } = Astro.locals;
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height: sticky_top_height,
+  is_preview
 });
 let author_info_html = await jeawinapi.get_author_info({ node_id });
 // console.log(author_info_html);

package/src/components/banner_swiper.astro

@@ -43,11 +43,13 @@ if(slide_class){
   }
 }
 
-const { jeawin_apikey, jeawin_api_domain, jeawin_api_path, all_langs, base } = Astro.locals;
+const { jeawin_apikey, jeawin_api_domain, jeawin_api_path, sticky_top_height, is_preview, all_langs, base } = Astro.locals;
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height: sticky_top_height,
+  is_preview
 });
 const banners = await jeawinapi.get_nodes({ channel_id: 5 });
 // console.log(banners);

package/src/components/block.astro

@@ -17,12 +17,14 @@ interface Props {
   get_node_detail?: boolean;
 }
 const { block_id, site_id, get_node_detail = false } = Astro.props;
-const { jeawin_apikey, jeawin_api_domain, jeawin_api_path } = Astro.locals;
+const { jeawin_apikey, jeawin_api_domain, jeawin_api_path, sticky_top_height, is_preview } = Astro.locals;
 
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height,
+  is_preview
 });
 const block = await jeawinapi.get_block({
   block_id,

package/src/components/choose_language.astro

@@ -18,12 +18,14 @@ interface Props {
 }
 const { canonical, render_type, handle_style_func } = Astro.props;
 
-const { jeawin_apikey, jeawin_api_domain, jeawin_api_path } = Astro.locals;
+const { jeawin_apikey, jeawin_api_domain, jeawin_api_path, sticky_top_height, is_preview } = Astro.locals;
 
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  is_preview,
+  sticky_top_height
 });
 
 let choose_language_html = await jeawinapi.get_choose_language({

package/src/components/filter_links.astro

@@ -22,12 +22,14 @@ const {
   field_array,
   max_width_screen = 'max-w-screen-2xl'
 } = Astro.props;
-const { jeawin_apikey, jeawin_api_domain, jeawin_api_path, base } = Astro.locals;
+const { jeawin_apikey, jeawin_api_domain, jeawin_api_path, sticky_top_height, is_preview, base } = Astro.locals;
 // console.log(field_array);
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height,
+  is_preview
 });
 const filter_links = await jeawinapi.get_filter_links({
   channel_id: channel_id,

package/src/components/form.astro

@@ -26,11 +26,15 @@ const {
   jeawin_apikey,
   jeawin_api_domain,
   jeawin_api_path,
+  sticky_top_height,
+  is_preview
 } = Astro.locals;
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height,
+  is_preview
 });
 const forminfo = await jeawinapi.get_form({ form_id });
 // console.log(forminfo);

package/src/components/formitem/country.astro

@@ -11,12 +11,14 @@
 import JeawinApi from "../../scripts/cms.js";
 import { render_lang, render_value } from "../../scripts/util.js";
 const { field } = Astro.props;
-const { all_langs, jeawin_apikey, jeawin_api_domain, jeawin_api_path } =
+const { all_langs, jeawin_apikey, jeawin_api_domain, jeawin_api_path, sticky_top_height, is_preview } =
   Astro.locals;
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height,
+  is_preview
 });
 const countrylist = await jeawinapi.get_country();
 ---

package/src/components/friendlinks.astro

@@ -19,12 +19,18 @@ const {
   jeawin_preview_domain,
   jeawin_apikey,
   jeawin_api_domain,
-  jeawin_api_path, base, url_suffix
+  jeawin_api_path, 
+  sticky_top_height,
+  is_preview,
+  base, 
+  url_suffix
 } = Astro.locals;
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height,
+  is_preview
 });
 
 const friendlinksLang = render_lang(all_langs, "friendlinks");

package/src/components/header/header3.astro

@@ -15,11 +15,13 @@ import { render_url } from "../../scripts/util.js";
 
 const { seo_title, menu_root_link_id, menu_position, max_width_screen = 'max-w-screen-2xl' } = Astro.props;
 
-const { jeawin_apikey, jeawin_api_domain, jeawin_api_path,base, url_suffix } = Astro.locals;
+const { jeawin_apikey, jeawin_api_domain, jeawin_api_path,sticky_top_height, is_preview,base, url_suffix } = Astro.locals;
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height,
+  is_preview
 });
 const menus = await jeawinapi.get_menus({
   menu_id: 3, // 顶部菜单

package/src/components/newsletter.astro

@@ -12,7 +12,7 @@ import { render_value, render_lang } from "../scripts/util.js";
 import Input from "./formitem/input.astro";
 const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
 
-const {other_btn_class} = Astro.props;
+const {other_btn_class, max_width = 'max-w-md'} = Astro.props;
 ---
 
 <form
@@ -24,7 +24,7 @@ const {other_btn_class} = Astro.props;
   <input type="hidden" name="site_id" value={siteinfo.id} />
   <input type="hidden" name="captchaId" id="captchaIdSubscribe" value="" />
   <input type="hidden" name="captcha_code" id="captchaCodeSubscribe" value="" />
-  <div class="max-w-md">
+  <div class:list={max_width}>
     <div class="flex flex-wrap gap-2 -mx-2">
       <div class="px-2 grow-[9999] basis-64">
         <Input

package/src/components/nodes_list.astro

@@ -24,11 +24,13 @@ const {
   field_array,
   ids,
 } = Astro.props;
-const { jeawin_apikey, jeawin_api_domain, jeawin_api_path } = Astro.locals;
+const { jeawin_apikey, jeawin_api_domain, jeawin_api_path, is_preview, sticky_top_height } = Astro.locals;
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height,
+  is_preview
 });
 // console.log(channel_id);
 // console.log(category_id);

package/src/components/prevnext.astro

@@ -11,12 +11,14 @@
 import JeawinApi from "../scripts/cms.js";
 import { render_url, render_value, render_lang } from "../scripts/util.js";
 const { nodeinfo, node_id, channel_id, category_id } = Astro.props;
-const { all_langs, jeawin_apikey, jeawin_api_domain, jeawin_api_path, base, url_suffix } =
+const { all_langs, jeawin_apikey, jeawin_api_domain, jeawin_api_path, sticky_top_height, is_preview, base, url_suffix } =
   Astro.locals;
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height,
+  is_preview
 });
 const previousLang = render_lang(all_langs, "previous");
 const nextLang = render_lang(all_langs, "next");

package/src/components/prevnext_simple.astro

@@ -3,12 +3,14 @@ import { Icon } from "astro-icon/components";
 import JeawinApi from "../scripts/cms.js";
 import { render_url, render_value, render_lang } from "../scripts/util.js";
 const { nodeinfo, node_id, channel_id, category_id } = Astro.props;
-const { all_langs, jeawin_apikey, jeawin_api_domain, jeawin_api_path, base, url_suffix } =
+const { all_langs, jeawin_apikey, jeawin_api_domain, jeawin_api_path, sticky_top_height, is_preview, base, url_suffix } =
   Astro.locals;
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height,
+  is_preview
 });
 const previousLang = render_lang(all_langs, "previous");
 const nextLang = render_lang(all_langs, "next");

package/src/components/rel_nodes_list.astro

@@ -11,11 +11,13 @@
 import JeawinApi from "../scripts/cms.js";
 import Pagination from "./pagination.astro";
 const { field_id, rel_id, uri, page, limit, no_fields } = Astro.props;
-const { jeawin_apikey, jeawin_api_domain, jeawin_api_path } = Astro.locals;
+const { jeawin_apikey, jeawin_api_domain, jeawin_api_path, sticky_top_height, is_preview } = Astro.locals;
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height,
+  is_preview
 });
 // console.log(channel_id);
 // console.log(category_id);

package/src/components/remote_image.astro

@@ -10,11 +10,13 @@
  */
 import JeawinApi from "../scripts/cms.js";
 const { remote_url, alt, class_str, is_lcp } = Astro.props;
-const { jeawin_apikey, jeawin_api_domain, jeawin_api_path } = Astro.locals;
+const { jeawin_apikey, jeawin_api_domain, jeawin_api_path, sticky_top_height, is_preview } = Astro.locals;
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height,
+  is_preview
 });
 const html = await jeawinapi.get_theme_render_image({
   image_url: remote_url,

package/src/components/site_options.astro

@@ -12,11 +12,13 @@ import _ from "lodash";
 import JeawinApi from "../scripts/cms.js";
 import { render_value } from "../scripts/util.js";
 const { option_name } = Astro.props;
-const { jeawin_apikey, jeawin_api_domain, jeawin_api_path } = Astro.locals;
+const { jeawin_apikey, jeawin_api_domain, jeawin_api_path, sticky_top_height, is_preview } = Astro.locals;
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height,
+  is_preview
 });
 
 let option_value = "";

package/src/components/smartmenus/smartmenus1.astro

@@ -58,13 +58,15 @@ switch (menu_position) {
     break;
 }
 
-const { siteinfo, jeawin_apikey, jeawin_api_domain, jeawin_api_path,base,url_suffix } =
+const { siteinfo, jeawin_apikey, jeawin_api_domain, jeawin_api_path,sticky_top_height, is_preview,base,url_suffix } =
   Astro.locals;
 
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height,
+  is_preview
 });
 const menus = await jeawinapi.get_menu_tree({ menu_id: 1 });
 // _.set(menus, [1, "style"], "mega");

package/src/components/smartmenus.astro

@@ -22,13 +22,15 @@ import SearchInput from "./search_input.astro";
 import Logo from "./logo.astro";
 
 const { menu_root_link_id, menu_position } = Astro.props;
-const { siteinfo, jeawin_apikey, jeawin_api_domain, jeawin_api_path, base, url_suffix } =
+const { siteinfo, jeawin_apikey, jeawin_api_domain, jeawin_api_path, sticky_top_height, is_preview, base, url_suffix } =
   Astro.locals;
 
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height,
+  is_preview
 });
 const menus = await jeawinapi.get_menu_tree({ menu_id: 1 });
 

package/src/env.d.ts

@@ -15,6 +15,8 @@ declare namespace App {
         jeawin_api_path: string,
         jeawin_preview_domain: string,
         jeawin_form_api_domain: string,
+        sticky_top_height: number,
+        is_preview: number,
         jeawinapi: any,
         base_url: string,
         title: string,

package/src/layouts/Footer.astro

@@ -36,11 +36,15 @@ const {
   jeawin_apikey,
   jeawin_api_domain,
   jeawin_api_path,
+  sticky_top_height,
+  is_preview
 } = Astro.locals;
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height,
+  is_preview
 });
 const menus = await jeawinapi.get_menus({
   menu_id: 2,

package/src/layouts/category.astro

@@ -14,7 +14,7 @@ import Footer from "./Footer.astro";
 import InnerHeader from "./InnerHeader.astro";
 import JeawinApi from "../scripts/cms.js";
 import { render_value } from "../scripts/util.js";
-const { jeawin_apikey, jeawin_api_domain, jeawin_api_path } = Astro.locals;
+const { jeawin_apikey, jeawin_api_domain, jeawin_api_path, sticky_top_height, is_preview } = Astro.locals;
 const { dark_mode, category_id, page, page_type, url, uri, field_array, max_width_screen = 'max-w-screen-2xl' } =
   Astro.props;
 
@@ -23,6 +23,8 @@ const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height,
+  is_preview
 });
 const categoryinfo = await jeawinapi.get_category({
   category_id: category_id,

package/src/layouts/channel.astro

@@ -16,11 +16,13 @@ import JeawinApi from "../scripts/cms.js";
 import { render_value } from "../scripts/util.js";
 const { dark_mode, channel_id, page, page_type, slug, url, uri, field_array, max_width_screen = 'max-w-screen-2xl' } =
   Astro.props;
-const { jeawin_apikey, jeawin_api_domain, jeawin_api_path } = Astro.locals;
+const { jeawin_apikey, jeawin_api_domain, jeawin_api_path, sticky_top_height, is_preview } = Astro.locals;
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height,
+  is_preview
 });
 // 栏目信息
 const channelinfo = await jeawinapi.get_channel({

package/src/layouts/page.astro

@@ -26,11 +26,13 @@ const {
   page,
   max_width_screen = 'max-w-screen-2xl'
 } = Astro.props;
-const { jeawin_apikey, jeawin_api_domain, jeawin_api_path } = Astro.locals;
+const { jeawin_apikey, jeawin_api_domain, jeawin_api_path, sticky_top_height, is_preview } = Astro.locals;
 const jeawinapi = new JeawinApi({
   apikey: jeawin_apikey,
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
+  sticky_top_height,
+  is_preview
 });
 // 详情
 const nodeinfo = await jeawinapi.get_node({

package/src/scripts/cms.d.ts

@@ -1,14 +1,18 @@
 export default class JeawinApi {
-    constructor({ apikey, api_domain, api_path }: {
+    constructor({ apikey, api_domain, api_path, is_preview, sticky_top_height }: {
         apikey: any;
         api_domain?: string;
         api_path?: string;
+        is_preview?: number;
+        sticky_top_height?: number;
     });
     cachePath: string;
     apikey: string;
     api_domain: string;
     api_path: string;
     server_api_url: string;
+    is_preview: number;
+    sticky_top_height: number;
     jeawinFetch(url: any, options: any): Promise<any>;
     delete_cache(): Promise<void>;
     /**

package/src/scripts/cms.js

@@ -65,7 +65,11 @@ export default class JeawinApi {
 
     server_api_url = '';
 
-    constructor({ apikey, api_domain = '', api_path = '' }) {
+    is_preview = 0;
+
+    sticky_top_height = 100;
+
+    constructor({ apikey, api_domain = '', api_path = '', is_preview = 0, sticky_top_height = '100' }) {
         this.apikey = apikey;
 
         if (api_domain) {
@@ -75,10 +79,16 @@ export default class JeawinApi {
         if (api_path) {
             this.api_path = api_path;
         }
+        
+        this.is_preview = is_preview;
+
+        this.sticky_top_height = sticky_top_height;
 
-        this.server_api_url = `${this.api_domain}${this.api_path}&apikey=${this.apikey}`;
+        this.server_api_url = `${this.api_domain}${this.api_path}&apikey=${this.apikey}&is_preview=${this.is_preview}&sticky_top_height=${this.sticky_top_height}`;
 
         this.cachePath = `.cache/site`;
+
+
     }
 
     async jeawinFetch(url, options) {

package/src/scripts/util.d.ts

@@ -46,3 +46,7 @@ export function render_lang(all_langs: any, key: any): any;
  * 去除内容中的toc
  */
 export function without_toc(content: any): string;
+/**
+ * 显示视频栏目内容
+ */
+export function render_video_content(content: any, picurl: any, node_title: any): string;

package/src/scripts/util.js

@@ -354,4 +354,97 @@ export function without_toc(content){
     $('script')?.remove();
     $('.toc-anchor')?.remove();
     return $.html();
-}
+}
+
+/**
+ * 显示视频栏目内容
+ */
+export function render_video_content(content, picurl, node_title){
+
+    let return_html = '';
+  
+    const $ = cheerio.load(content);
+  
+    const iframes = $('iframe');
+  
+    let hasVideo = false;
+  
+    iframes.each(function(i, elem){
+      const src = $(this).attr('src');
+      // console.log(src);
+      if(src.indexOf('youtube')!== -1 || src.indexOf('vimeo') !== -1){
+        // 是视频
+        hasVideo = true;
+        // 修改元素
+        $(this).wrap(`<div class="video-wrapper">
+    <img src="${picurl}" alt="${node_title}" class="video-poster">
+    <button class="play-button" type="button">▶</button>
+    <iframe src="" data-src="${src}" 
+            allowfullscreen class="video-frame" title="${node_title}" width="100%" height="100%"></iframe>
+  </div>`);
+  
+      }
+    });
+  
+    return_html = $.html();
+    // console.log(return_html);
+  
+    if(hasVideo){
+      // 包含视频
+      return_html += `<style>
+  .video-wrapper {
+    position: relative;
+    width: 100%;
+    max-width: 800px;
+    aspect-ratio: 16/9;
+    margin:0 auto;
+  }
+  
+  .video-poster {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+  
+  .play-button {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 80px;
+    height: 80px;
+    border-radius: 50%;
+    background: rgba(255, 0, 0, 0.8);
+    border: none;
+    color: white;
+    font-size: 24px;
+    cursor: pointer;
+    z-index: 1;
+  }
+  
+  .video-frame {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    display: none;
+  }
+  </style>
+  
+  <script>
+  document.querySelector('.play-button').addEventListener('click', function() {
+    const wrapper = this.parentElement;
+    const iframe = wrapper.querySelector('.video-frame');
+    const poster = wrapper.querySelector('.video-poster');
+    
+    iframe.src = iframe.dataset.src;
+    iframe.style.display = 'block';
+    poster.style.display = 'none';
+    this.style.display = 'none';
+  });
+  </script>`;
+    }
+  
+    return return_html;
+  }