jeawin-astro 3.0.27 → 3.0.28

package/package.json

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

package/src/components/category_list.astro

@@ -26,6 +26,7 @@ interface Props {
   has_sider?: boolean;
   layout?: any;
   node_item_component?: any;
+  max_width_screen?: any;
 }
 
 const {
@@ -40,6 +41,7 @@ const {
   has_sider = false,
   layout = "grid gap-4 grid-cols-2 md:grid-cols-4",
   node_item_component,
+  max_width_screen='max-w-screen-2xl'
 } = Astro.props;
 
 const { btn_class, all_categories, base, url_suffix } = Astro.locals;
@@ -70,7 +72,7 @@ switch (node_item_component) {
         data-aos="fade-up"
         data-aos-once="false"
       >
-        <div class={has_sider ? "w-full" : "max-w-screen-2xl mx-auto"}>
+        <div class:list={has_sider ? "w-full" : [max_width_screen, "mx-auto"]}>
           <div class="px-4">
             <h2 class="text-2xl mb-7 text-center font-bold text-neutral-800  md:text-4xl md:leading-tight">
               {category.category_name}
@@ -112,7 +114,7 @@ switch (node_item_component) {
     ))
   ) : (
     <section class="py-12 bg-slate-50" data-aos="fade-up" data-aos-once="false">
-      <div class={has_sider ? "w-full" : "max-w-screen-2xl mx-auto"}>
+      <div class:list={has_sider ? "w-full" : [max_width_screen, "mx-auto"]}>
         <div class="px-4">
           <NodesList
             channel_id={channel_id}

package/src/components/filter_links.astro

@@ -19,6 +19,7 @@ const {
   page_type,
   url,
   field_array,
+  max_width_screen = 'max-w-screen-2xl'
 } = Astro.props;
 const { jeawin_apikey, jeawin_api_domain, jeawin_api_path } = Astro.locals;
 // console.log(field_array);
@@ -36,7 +37,7 @@ const filter_links = await jeawinapi.get_filter_links({
 });
 ---
 
-<div class="max-w-screen-2xl mx-auto">
+<div class:list={[max_width_screen, "mx-auto"]}>
   <div class="px-4">
     <div set:html={filter_links} />
   </div>

package/src/components/filter_links_html.astro

@@ -8,10 +8,10 @@
  * @email		chaegumi@jeawin.com
  * @filesource
  */
-const {html} = Astro.props;
+const {html, max_width_screen = 'max-w-screen-2xl'} = Astro.props;
 ---
 {html ? (
-    <div class="max-w-screen-2xl mx-auto">
+    <div class:list={[max_width_screen, "mx-auto"]}>
         <div class="px-4">
             <Fragment set:html={html} />
         </div>

package/src/components/footer/footer1.astro

@@ -13,14 +13,14 @@ import SiteOptions from "../site_options.astro";
 import SocialMedia from "../social_media.astro";
 
 import { render_url, render_value } from "../../scripts/util.js";
-
+const {max_width_screen = 'max-w-screen-2xl'} = Astro.props;
 const { categoryuriarr, nodeuriarr, menuuriarr, all_langs,base, url_suffix } = Astro.locals;
 ---
 
 <footer
   class={`relative bg-[#222] text-[#aaa] mt-28 before:absolute before:left-0 before:top-0 before:w-[30%] before:h-[300px] before:bg-[url(/assets/images/footer-1.svg)] before:bg-no-repeat after:absolute after:right-0 after:bottom-0 after:w-[15%] after:h-[300px] after:bg-[url(/assets/images/footer-2.svg)] after:bg-no-repeat`}
 >
-  <div class="max-w-screen-2xl mx-auto px-4">
+  <div class:list={[max_width_screen, "mx-auto px-4"]}>
     <div class="flex flex-wrap py-10">
       <div class="md:w-1/3">
         <Block block_id="736">

package/src/components/footer/footer2.astro

@@ -20,13 +20,14 @@ interface Props {
   category_id: any;
   url: any;
   uri: any;
+  max_width_screen?: any;
 }
 const { all_langs } = Astro.locals;
-const { canonical, is_home, channel_id, category_id, url, uri } = Astro.props;
+const { canonical, is_home, channel_id, category_id, url, uri, max_width_screen = 'max-w-screen-2xl' } = Astro.props;
 ---
 
 <footer class="bg-[#2a0c3b] text-white mt-28">
-  <div class="max-w-screen-2xl mx-auto px-4">
+  <div class:list={[max_width_screen, "mx-auto px-4"]}>
     <div class="py-4 text-center">
       <Friendlinks
         canonical={canonical}

package/src/components/header/header2.astro

@@ -10,11 +10,11 @@
  */
 import Smartmenus from "../smartmenus.astro";
 
-const { seo_title, menu_root_link_id } = Astro.props;
+const { seo_title, menu_root_link_id, max_width_screen = 'max-w-screen-2xl' } = Astro.props;
 ---
 
 <header>
-  <div class="max-w-screen-2xl mx-auto relative z-[10001]">
+  <div class:list={[max_width_screen, "mx-auto relative z-[10001]"]}>
     <Smartmenus menu_root_link_id={menu_root_link_id} />
   </div>
 </header>

package/src/components/header/header3.astro

@@ -13,7 +13,7 @@ import Smartmenus from "../smartmenus/smartmenus1.astro";
 import JeawinApi from "../../scripts/cms.js";
 import { render_url } from "../../scripts/util.js";
 
-const { seo_title, menu_root_link_id, menu_position } = Astro.props;
+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 jeawinapi = new JeawinApi({
@@ -28,7 +28,7 @@ const menus = await jeawinapi.get_menus({
 
 <header>
   <div class="bg-[#222] text-white">
-    <div class="max-w-screen-2xl mx-auto">
+    <div class:list={[max_width_screen, "mx-auto"]}>
       <div
         class="flex flex-col md:flex-row gap-5 items-center justify-between px-4 py-2"
       >
@@ -59,7 +59,7 @@ const menus = await jeawinapi.get_menus({
       <div slot="megamenu">
         {
           (menu: any) => (
-            <div class="max-w-screen-2xl mx-auto grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4">
+            <div class:list={[max_width_screen, "mx-auto grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4"]}>
               {menu.children ? (
                 <Fragment>
                   {menu.children.map((itm: any) => (

package/src/components/news_category_list.astro

@@ -34,6 +34,7 @@ interface Props {
   has_sider?: boolean;
   layout?: any;
   node_item_component?: any;
+  max_width_screen?: any;
 }
 
 const {
@@ -48,6 +49,7 @@ const {
   has_sider = false,
   layout = "grid gap-4 grid-cols-2 md:grid-cols-4",
   node_item_component,
+  max_width_screen='max-w-screen-2xl'
 } = Astro.props;
 
 const { btn_class, all_categories, base, url_suffix } = Astro.locals;
@@ -97,7 +99,7 @@ switch (node_item_component) {
           { "bg-[#ffffff]": idx % 2 === 1, "bg-slate-50": idx % 2 === 0 },
         ]}
       >
-        <div class={has_sider ? "w-full" : "max-w-screen-2xl mx-auto"}>
+        <div class:list={has_sider ? "w-full" : [max_width_screen, "mx-auto"]}>
           <div class="px-4">
             <h2 class="text-2xl text-center mb-7 font-bold text-neutral-800  flex flex-col gap-5 after:mx-auto after:w-1/12 after:border after:border-[var(--themeColor)] md:text-4xl md:leading-tight">
               {category.category_name}
@@ -153,7 +155,7 @@ switch (node_item_component) {
     ))
   ) : (
     <section class="py-12 bg-slate-50">
-      <div class={has_sider ? "w-full" : "max-w-screen-2xl mx-auto"}>
+      <div class:list={has_sider ? "w-full" : [max_width_screen, "mx-auto"]}>
         <div class="px-4">
           <NodesList
             channel_id={channel_id}

package/src/components/news_category_list1.astro

@@ -35,6 +35,7 @@ interface Props {
   has_sider?: boolean;
   layout?: any;
   node_item_component?: any;
+  max_width_screen?: any;
 }
 
 const {
@@ -49,6 +50,7 @@ const {
   has_sider = false,
   layout = "grid gap-4 grid-cols-2 md:grid-cols-4",
   node_item_component,
+  max_width_screen='max-w-screen-2xl'
 } = Astro.props;
 
 const { btn_class, all_categories, base, url_suffix } = Astro.locals;
@@ -98,7 +100,7 @@ switch (node_item_component) {
           { "bg-[#ffffff]": idx % 2 === 1, "bg-slate-50": idx % 2 === 0 },
         ]}
       >
-        <div class={has_sider ? "w-full" : "max-w-screen-2xl mx-auto"}>
+        <div class:list={has_sider ? "w-full" : [max_width_screen, "mx-auto"]}>
           <div class="px-4">
             <div class="md:flex md:gap-5">
               <div class:list={["md:w-1/3", { "order-2": idx % 2 === 1 }]}>
@@ -165,7 +167,7 @@ switch (node_item_component) {
     ))
   ) : (
     <section class="py-12 bg-slate-50">
-      <div class={has_sider ? "w-full" : "max-w-screen-2xl mx-auto"}>
+      <div class:list={has_sider ? "w-full" : [max_width_screen, "mx-auto"]}>
         <div class="px-4">
           <NodesList
             channel_id={channel_id}

package/src/components/news_category_list2.astro

@@ -35,6 +35,7 @@ interface Props {
   has_sider?: boolean;
   layout?: any;
   node_item_component?: any;
+  max_width_screen?: any;
 }
 
 const {
@@ -49,6 +50,7 @@ const {
   has_sider = false,
   layout = "grid gap-4 grid-cols-2 md:grid-cols-4",
   node_item_component,
+  max_width_screen = 'max-w-screen-2xl'
 } = Astro.props;
 
 const { btn_class, all_categories, base, url_suffix } = Astro.locals;
@@ -98,7 +100,7 @@ switch (node_item_component) {
           { "bg-[#ffffff]": idx % 2 === 1, "bg-slate-50": idx % 2 === 0 },
         ]}
       >
-        <div class={has_sider ? "w-full" : "max-w-screen-2xl mx-auto"}>
+        <div class:list={has_sider ? "w-full" : [max_width_screen,"mx-auto"]}>
           <div>
             <div>
               {show_category_nodes ? (
@@ -156,7 +158,7 @@ switch (node_item_component) {
     ))
   ) : (
     <section class="py-12 bg-slate-50">
-      <div class={has_sider ? "w-full" : "max-w-screen-2xl mx-auto"}>
+      <div class:list={has_sider ? "w-full" : [max_width_screen, "mx-auto"]}>
         <div class="px-4">
           <NodesList
             channel_id={channel_id}

package/src/components/pricings/pricing9.astro

@@ -36,7 +36,7 @@ const {base, url_suffix} = Astro.locals;
   </div>
   <div class="mt-16">
     <div class="sticky top-0 py-6 border-b bg-white">
-      <div class="max-w-screen-xl mx-auto">
+      <div class="mx-auto">
         <ul class="ml-auto flex gap-x-6 px-4 md:px-8 lg:max-w-3xl">
           {
             plans.map((plan: any) => (
@@ -84,7 +84,7 @@ const {base, url_suffix} = Astro.locals;
       </div>
     </div>
     <div
-      class="max-w-screen-xl mx-auto mt-10 space-y-4 px-4 overflow-auto md:overflow-visible md:px-8"
+      class="mx-auto mt-10 space-y-4 px-4 overflow-auto md:overflow-visible md:px-8"
     >
       {
         tables.map((table: any) => (

package/src/components/product_category_list.astro

@@ -30,6 +30,7 @@ interface Props {
   has_sider?: boolean;
   layout?: any;
   node_item_component?: any;
+  max_width_screen?: any;
 }
 
 const {
@@ -45,6 +46,7 @@ const {
   has_sider = false,
   layout = "grid gap-4 grid-cols-2 xl:grid-cols-4",
   node_item_component,
+  max_width_screen=  'max-w-screen-2xl'
 } = Astro.props;
 
 const { btn_class, all_categories, base, url_suffix } = Astro.locals;
@@ -72,7 +74,7 @@ switch (node_item_component) {
           { "bg-[#ffffff]": idx % 2 === 1, "bg-slate-50": idx % 2 === 0 },
         ]}  data-aos="fade-up" data-aos-once="false"
       >
-        <div class={has_sider ? "w-full" : "max-w-screen-2xl mx-auto"} x-data="{expanded: false}">
+        <div class:list={has_sider ? "w-full" : [max_width_screen, "mx-auto"]} x-data="{expanded: false}">
           <div class="px-4">
             <h2 class="text-2xl text-center mb-7 font-bold text-neutral-800 flex flex-col gap-5 after:mx-auto after:w-1/12 after:border after:border-[var(--themeColor)] md:text-4xl md:leading-tight">
               {category.category_name}
@@ -161,7 +163,7 @@ switch (node_item_component) {
     ))
   ) : (
     <section class="py-12 bg-slate-50" data-aos="fade-up" data-aos-once="false">
-      <div class={has_sider ? "w-full" : "max-w-screen-2xl mx-auto"}>
+      <div class:list={has_sider ? "w-full" : [max_width_screen, "mx-auto"]}>
         <div class="px-4">
           <NodesList
             channel_id={channel_id}

package/src/components/smartmenus/smartmenus1.astro

@@ -26,9 +26,10 @@ import { Icon } from "astro-icon/components";
 interface Props {
   menu_root_link_id: any;
   menu_position?: any;
+  max_width_screen?: any;
 }
 
-const { menu_root_link_id, menu_position = "left" } = Astro.props;
+const { menu_root_link_id, menu_position = "left", max_width_screen="max-w-screen-2xl" } = Astro.props;
 
 let MenuJustifyContent = "md:justify-normal";
 switch (menu_position) {
@@ -73,7 +74,7 @@ const menus = await jeawinapi.get_menu_tree({ menu_id: 1 });
   <!-- Navbar 1 -->
   <nav id="navbar-header" class="sm-navbar gap-4 md:flex-col">
     <div
-      class="max-w-screen-2xl mx-auto flex flex-wrap md:flex items-center w-full md:justify-between"
+      class:list={[max_width_screen, "mx-auto flex flex-wrap md:flex items-center w-full md:justify-between"]}
     >
       <div class="sm-brand order-2 md:order-1 flex-1 md:w-1/5">
         <Logo />
@@ -109,7 +110,7 @@ const menus = await jeawinapi.get_menu_tree({ menu_id: 1 });
       </div>
     </div>
     <div class="sm-collapse md:w-full md:flex md:border-t md:border-b">
-      <div class="max-w-screen-2xl w-full">
+      <div class:list={[max_width_screen, "w-full"]}>
         <ul class:list={["sm-nav", "md:w-full", MenuJustifyContent]}>
           {
             menus.map((menu: any) =>

package/src/components/stats/stat4.astro

@@ -25,7 +25,7 @@ const {
 
 <SectionContainer bgcolor={bgcolor} max_width_screen={max_width_screen}>
   <div
-    class="max-w-screen-xl mx-auto px-4 text-gray-600 gap-x-12 items-start justify-between lg:flex md:px-8"
+    class="mx-auto px-4 text-gray-600 gap-x-12 items-start justify-between lg:flex md:px-8"
   >
     <div class="sm:hidden lg:block lg:max-w-xl">
       {

package/src/components/tags_category_list.astro

@@ -26,6 +26,7 @@ interface Props {
   has_sider?: boolean;
   layout?: any;
   node_item_component?: any;
+  max_width_screen?: any;
 }
 
 const {
@@ -40,6 +41,7 @@ const {
   has_sider = false,
   layout = "",
   node_item_component,
+  max_width_screen = 'max-w-screen-2xl'
 } = Astro.props;
 
 const { btn_class, all_categories, base, url_suffix } = Astro.locals;
@@ -63,7 +65,7 @@ const categories: any[] = _.filter(all_categories, (o: any) => {
         data-aos="fade-up"
         data-aos-once="false"
       >
-        <div class={has_sider ? "w-full" : "max-w-screen-2xl mx-auto"}>
+        <div class:list={has_sider ? "w-full" : [max_width_screen, "mx-auto"]}>
           <div class="px-4">
             <h2 class="text-2xl mb-7 text-center font-bold text-neutral-800 md:text-4xl md:leading-tight">
               {category.category_name}
@@ -111,7 +113,7 @@ const categories: any[] = _.filter(all_categories, (o: any) => {
     ))
   ) : (
     <section class="py-12 bg-slate-50" data-aos="fade-up" data-aos-once="false">
-      <div class={has_sider ? "w-full" : "max-w-screen-2xl mx-auto"}>
+      <div class:list={has_sider ? "w-full" : [max_width_screen, "mx-auto"]}>
         <div class="px-4">
           <NodesList
             channel_id={channel_id}

package/src/layouts/Footer.astro

@@ -26,8 +26,9 @@ interface Props {
   category_id: any;
   url: any;
   uri: any;
+  max_width_screen?: any;
 }
-const { canonical, is_home, channel_id, category_id, url, uri } = Astro.props;
+const { canonical, is_home, channel_id, category_id, url, uri, max_width_screen = 'max-w-screen-2xl' } = Astro.props;
 const {base, url_suffix} = Astro.locals;
 const {
   siteinfo,
@@ -50,7 +51,7 @@ const menus = await jeawinapi.get_menus({
   id="footer1"
   class={`relative bg-[#222] text-[#aaa] before:absolute before:left-0 before:top-0 before:w-[30%] before:h-[300px] before:bg-no-repeat before:z-[1] after:absolute after:right-0 after:bottom-0 after:w-[15%] after:h-[300px] after:bg-no-repeat after:z-[1]`}
 >
-  <div class="relative max-w-screen-2xl mx-auto px-4 z-[2]">
+  <div class:list={[max_width_screen, "relative mx-auto px-4 z-[2]"]}>
     <div class="flex flex-col md:flex-row py-10 gap-5">
       <div class="md:w-1/3">
         <Block block_id="56">

package/src/layouts/Header.astro

@@ -12,12 +12,12 @@ import _ from "lodash";
 import { Icon } from "astro-icon/components";
 import Smartmenus from "../components/smartmenus.astro";
 import SiteOptions from "../components/site_options.astro";
-const { seo_title, menu_root_link_id } = Astro.props;
+const { seo_title, menu_root_link_id, max_width_screen = 'max-w-screen-2xl' } = Astro.props;
 ---
 
 <header>
   <div class="bg-[#222]">
-    <div class="max-w-screen-2xl mx-auto">
+    <div class:list={[max_width_screen, "mx-auto"]}>
       <div class="flex flex-col md:flex-row justify-between py-2 px-4">
         <div class="text-white">
           {seo_title}
@@ -56,7 +56,7 @@ const { seo_title, menu_root_link_id } = Astro.props;
     </div>
   </div>
   <div class="border-b border-[#edeef3] border-solid">
-    <div class="max-w-screen-2xl mx-auto">
+    <div class:list={[max_width_screen, "mx-auto"]}>
       <div class="">
         <Smartmenus menu_root_link_id={menu_root_link_id} />
       </div>

package/src/layouts/category.astro

@@ -15,7 +15,7 @@ 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 { dark_mode, category_id, page, page_type, url, uri, field_array } =
+const { dark_mode, category_id, page, page_type, url, uri, field_array, max_width_screen = 'max-w-screen-2xl' } =
   Astro.props;
 
 // 类别信息
@@ -124,7 +124,7 @@ if (Astro.slots.has("inner-header")) {
 
   {
     page && page == 1 ? (
-      <div class="max-w-screen-2xl mx-auto">
+      <div class:list={[max_width_screen, "mx-auto"]}>
         <div class="px-4">
           {categoryinfo.extra ? (
             <div class="my-5 break-words prose !max-w-none">

package/src/layouts/channel.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 { dark_mode, channel_id, page, page_type, slug, url, uri, field_array } =
+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 jeawinapi = new JeawinApi({
@@ -129,7 +129,7 @@ if (Astro.slots.has("inner-header")) {
   <Fragment set:html={html} />
   {
     page && page == 1 ? (
-      <div class="max-w-screen-2xl mx-auto">
+      <div class:list={[max_width_screen, "mx-auto"]}>
         <div class="px-4">
           {channelinfo.extra ? (
             <div class="my-5 break-words prose !max-w-none">

package/src/layouts/page.astro

@@ -24,6 +24,7 @@ const {
   url,
   field_array,
   page,
+  max_width_screen = 'max-w-screen-2xl'
 } = Astro.props;
 const { jeawin_apikey, jeawin_api_domain, jeawin_api_path } = Astro.locals;
 const jeawinapi = new JeawinApi({
@@ -114,7 +115,7 @@ if (Astro.slots.has("inner-footer")) {
 
   <Fragment set:html={html} />
 
-  <div class="max-w-screen-2xl mx-auto">
+  <div class:list={[max_width_screen, "mx-auto"]}>
     <div class="px-4">
       <PrevNext
         nodeinfo={nodeinfo}