@rxdrag/website-lib 0.0.103 → 0.0.104

package/src/components/Meta.astro

@@ -1,65 +0,0 @@
----
-import type { PageMeta } from "@rxdrag/rxcms-models";
-
-interface Props {
-  content?: PageMeta;
-  title?: string;
-}
-
-const { content, title: propTitle } = Astro.props;
-
-// 从content中提取SEO相关属性
-const {
-  // SeoMeta属性
-  seoTitle,
-  seoKeywords,
-  seoDescription,
-  seoAuthor,
-  publisher,
-  seoRobots,
-  // OgMeta属性
-  ogTitle,
-  ogDescription,
-  ogUrl,
-  ogSiteName,
-  ogType,
-  xCard,
-  xSite,
-  xUrl,
-  // 其他属性
-  ogImage,
-} = content || {};
-
-const title = propTitle || seoTitle || "YiZhanFei";
-
-//暂时不输出canonicalUrl非必须
-const canonicalURL = Astro.url.href;
-const imageUrl = ogImage?.file?.url || "";
----
-
-<title>{seoTitle || title}</title>
-<meta name="description" content={seoDescription} />
-<meta name="keywords" content={seoKeywords} />
-<meta name="author" content={seoAuthor} />
-<meta name="publisher" content={publisher} />
-<meta name="robots" content={seoRobots || "index, follow"} />
-<!-- <link rel="canonical" href={canonicalURL} /> -->
-
-<!-- Open Graph / Facebook -->
-<meta property="og:type" content={ogType || "website"} />
-<meta property="og:url" content={ogUrl || canonicalURL} />
-<meta property="og:title" content={ogTitle || title} />
-<meta property="og:description" content={ogDescription || seoDescription} />
-<meta property="og:image" content={imageUrl} />
-{ogSiteName && <meta property="og:site_name" content={ogSiteName} />}
-
-<!-- Twitter -->
-<meta property="twitter:card" content={xCard || "summary_large_image"} />
-<meta property="twitter:url" content={xUrl || ogUrl || canonicalURL} />
-<meta property="twitter:title" content={ogTitle || title} />
-<meta
-  property="twitter:description"
-  content={ogDescription || seoDescription}
-/>
-<meta property="twitter:image" content={imageUrl} />
-{xSite && <meta property="twitter:site" content={xSite} />}

package/src/components/Popover.astro

@@ -1,187 +0,0 @@
----
-interface ClassNames {
-  root?: string | string[];
-  trigger?: string | string[];
-  panel?: string | string[];
-}
-
-interface Props {
-  id: string;
-  classNames?: ClassNames;
-}
-
-const { id, classNames } = Astro.props;
-
-const normalize = (v?: string | string[]) => {
-  if (!v) return [];
-  return Array.isArray(v) ? v : [v];
-};
-
-const rootClassList = normalize(classNames?.root);
-const triggerClassList = normalize(classNames?.trigger);
-const panelClassList = normalize(classNames?.panel);
----
-
-<div class:list={rootClassList} data-popover={id} data-open="0">
-  <style>
-    [data-popover-panel] {
-      height: 0;
-      overflow: hidden;
-      will-change: height;
-    }
-
-    [data-popover-arrow] {
-      transition: transform 200ms ease;
-    }
-
-    [data-popover][data-open="1"] [data-popover-arrow] {
-      transform: rotate(180deg);
-    }
-  </style>
-
-  <button
-    type="button"
-    class:list={triggerClassList}
-    data-popover-trigger
-    aria-expanded="false"
-    aria-controls={`${id}-panel`}
-  >
-    <slot name="trigger" />
-  </button>
-
-  <div
-    id={`${id}-panel`}
-    data-popover-panel
-    class:list={panelClassList}
-    style="height:0px;overflow:hidden;"
-  >
-    <slot />
-  </div>
-</div>
-
-<script is:inline>
-  (() => {
-    const globalKey = "__popover_doc_bound__";
-    const w = window;
-    if (!w[globalKey]) w[globalKey] = { docBound: false };
-
-    const init = () => {
-      const roots = document.querySelectorAll("[data-popover]");
-      roots.forEach((root) => {
-        if (!(root instanceof HTMLElement)) return;
-        if (root.dataset.bound === "1") return;
-        root.dataset.bound = "1";
-
-      const panel = root.querySelector("[data-popover-panel]");
-      const trigger = root.querySelector("[data-popover-trigger]");
-      if (!(panel instanceof HTMLElement) || !(trigger instanceof HTMLElement)) {
-        console.log("Popover: trigger/panel not found");
-        return;
-      }
-
-      let open = false;
-      let hoverTimer;
-
-      const setExpanded = (v) => {
-        trigger.setAttribute("aria-expanded", v ? "true" : "false");
-        root.setAttribute("data-open", v ? "1" : "0");
-      };
-
-      const openPanel = () => {
-        if (open) return;
-        open = true;
-        setExpanded(true);
-        panel.style.transition = "height 600ms ease";
-        panel.style.height = "0px";
-        const h = panel.scrollHeight;
-        requestAnimationFrame(() => {
-          panel.style.height = h + "px";
-        });
-        const onEnd = () => {
-          if (open) {
-            panel.style.height = "auto";
-          }
-          panel.removeEventListener("transitionend", onEnd);
-        };
-        panel.addEventListener("transitionend", onEnd);
-      };
-
-      const closePanel = () => {
-        if (!open) return;
-        open = false;
-        setExpanded(false);
-        const h = panel.scrollHeight;
-        panel.style.transition = "height 250ms ease";
-        panel.style.height = h + "px";
-        requestAnimationFrame(() => {
-          panel.style.height = "0px";
-        });
-      };
-
-      root.__popoverClose = closePanel;
-
-      const toggle = () => {
-        if (open) closePanel();
-        else openPanel();
-      };
-
-      trigger.addEventListener("click", (e) => {
-        e.preventDefault();
-        toggle();
-      });
-
-      root.addEventListener("mouseenter", () => {
-        clearTimeout(hoverTimer);
-        hoverTimer = setTimeout(() => openPanel(), 60);
-      });
-
-      root.addEventListener("mouseleave", () => {
-        clearTimeout(hoverTimer);
-        hoverTimer = setTimeout(() => closePanel(), 120);
-      });
-    });
-
-      if (!w[globalKey].docBound) {
-        w[globalKey].docBound = true;
-
-      const closeAll = () => {
-        const opened = document.querySelectorAll('[data-popover][data-open="1"]');
-        opened.forEach((r) => {
-          if (!(r instanceof HTMLElement)) return;
-          if (typeof r.__popoverClose === "function") {
-            r.__popoverClose();
-            return;
-          }
-          const p = r.querySelector("[data-popover-panel]");
-          const trig = r.querySelector("[data-popover-trigger]");
-          if (!(p instanceof HTMLElement) || !(trig instanceof HTMLElement)) return;
-          trig.setAttribute("aria-expanded", "false");
-          r.setAttribute("data-open", "0");
-          const h = p.scrollHeight;
-          p.style.transition = "height 250ms ease";
-          p.style.height = h + "px";
-          requestAnimationFrame(() => {
-            p.style.height = "0px";
-          });
-        });
-      };
-
-      document.addEventListener("click", (e) => {
-        const t = e.target;
-        if (!(t instanceof Element)) return;
-        if (t.closest('[data-popover][data-open="1"]')) return;
-        closeAll();
-      });
-
-      document.addEventListener("keydown", (e) => {
-        if (e.key !== "Escape") return;
-        closeAll();
-      });
-      }
-    };
-
-    init();
-    document.addEventListener("astro:page-load", init);
-    document.addEventListener("astro:after-swap", init);
-  })();
-</script>

package/src/components/RichTextView.astro

@@ -1,47 +0,0 @@
----
-import { mdxToSlate } from "@rxdrag/slate-preview";
-import {
-  LeafPreviewView,
-  slatePreviews,
-} from "@rxdrag/slate-preview";
-import type { TSlateLeaf } from "@rxdrag/slate-preview";
-import { ElementPreview } from "@rxdrag/slate-preview";
-import { PRODUCT_KEY, ProductCard } from "@rxdrag/website-lib-core";
-
-interface Props {
-  value?: string;
-  class?: string;
-  style?: string | Record<string, string | number>;
-}
-
-const { value = "", class: className, style } = Astro.props;
-const previews = { ...slatePreviews, [PRODUCT_KEY]: ProductCard };
-const nodes = mdxToSlate(value);
----
-
-<div class={className} style={style}>
-  {
-    nodes?.map((node, index) => {
-      // 递归处理节点的函数
-      const renderNode = (node: any) => {
-        // 纯文本节点
-        if (typeof node.text !== 'undefined') {
-          return <LeafPreviewView node={node as TSlateLeaf} />;
-        }
-        
-        // 有子节点的元素
-        if (node.children && node.children.length > 0) {
-          return (
-            <ElementPreview node={node} previews={previews}>
-              {node.children.map((child: any) => renderNode(child))}
-            </ElementPreview>
-          );
-        }
-        
-        return null;
-      };
-      
-      return renderNode(node);
-    })
-  }
-</div>

package/src/components/Section.astro

@@ -1,43 +0,0 @@
----
-import type {
-  AnimationConfig,
-  BackgroundConfig,
-} from "@rxdrag/website-lib-core";
-import BackgroundGroup from "./BackgroundGroup.astro";
-import Container from "./Container.astro";
-
-/**
- * 区块
- */
-
-interface Props {
-  class?: string;
-  className?: string;
-  containerClassName?: string;
-  backgrounds?: BackgroundConfig[];
-  //动效
-  animation?: AnimationConfig;
-  disableContainer?: boolean;
-}
-
-const {
-  className,
-  containerClassName,
-  backgrounds,
-  disableContainer,
-  class: originalClass,
-} = Astro.props;
----
-
-<section class:list={["section-block", className, originalClass]}>
-  <BackgroundGroup backgrounds={backgrounds} />
-  {
-    disableContainer ? (
-      <slot />
-    ) : (
-      <Container class:list={["w-full h-full", containerClassName]}>
-        <slot />
-      </Container>
-    )
-  }
-</section>

package/src/components/SiteShell.astro

@@ -1,152 +0,0 @@
----
-import "aos/dist/aos.css";
-import type { PageMeta } from "@rxdrag/rxcms-models";
-import Meta from "./Meta.astro";
-
-interface Props {
-  lang?: string;
-  meta?: PageMeta;
-  title?: string;
-  aos?: {
-    easing?: string;
-    duration?: string;
-    delay?: string;
-    offset?: string;
-    once?: boolean;
-    disable?: boolean;
-  };
-}
-
-const {
-  lang = "en",
-  meta,
-  title,
-  aos = {
-    easing: "ease-out-cubic",
-    duration: "800",
-    delay: "0",
-    offset: "50",
-    once: true,
-  },
-} = Astro.props;
----
-
-<!doctype html>
-<html lang={lang} class="aos-preload">
-  <head>
-    <meta charset="UTF-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=0.5, user-scalable=yes"
-    />
-
-    <meta name="generator" content={Astro.generator} />
-    <link rel="sitemap" href="/sitemap-index.xml" />
-    <slot name="head" />
-    <Meta title={title} content={meta} />
-    <style>
-      html.aos-preload [data-aos] {
-        opacity: 1 !important;
-        transform: none !important;
-        transition: none !important;
-      }
-    </style>
-    <script>
-      const w = window as any;
-      const state =
-        w.__aos_state__ ||
-        (w.__aos_state__ = { inited: false, loading: null, aos: null });
-
-      const el = document.documentElement;
-      const raf = () =>
-        new Promise((resolve) =>
-          requestAnimationFrame(() => resolve(undefined))
-        );
-
-      const ensureAos = async () => {
-        if (state.aos) return state.aos;
-        if (!state.loading) {
-          state.loading = import("aos").then((m) => {
-            state.aos = m.default;
-            return state.aos;
-          });
-        }
-        return state.loading;
-      };
-
-      const bootOrRefresh = async () => {
-        if (
-          window.matchMedia &&
-          window.matchMedia("(prefers-reduced-motion: reduce)").matches
-        ) {
-          el.classList.add("aos-ready");
-          el.classList.remove("aos-preload");
-          return;
-        }
-
-        if (!document.querySelector("[data-aos]")) {
-          el.classList.add("aos-ready");
-          el.classList.remove("aos-preload");
-          return;
-        }
-
-        el.classList.add("aos-preload");
-        el.classList.remove("aos-ready");
-
-        const AOS = await ensureAos();
-        if (!state.inited) {
-          state.inited = true;
-          AOS.init({
-            duration: 800,
-            easing: "ease-out-cubic",
-            once: true,
-            offset: 50,
-          });
-        }
-
-        await raf();
-        await raf();
-        AOS.refresh();
-
-        el.classList.add("aos-ready");
-        el.classList.remove("aos-preload");
-      };
-
-      const boot = () => {
-        bootOrRefresh();
-      };
-
-      if (document.readyState === "loading") {
-        document.addEventListener("DOMContentLoaded", boot, { once: true });
-      } else {
-        boot();
-      }
-
-      document.addEventListener("astro:page-load", boot);
-      document.addEventListener("astro:after-swap", boot);
-    </script>
-  </head>
-  <body
-    class="scroll-smooth"
-    data-aos-easing={aos.easing}
-    data-aos-duration={aos.duration}
-    data-aos-delay={aos.delay}
-    data-aos-offset={aos.offset}
-    data-aos-once={aos.once}
-  >
-    <slot />
-  </body>
-</html>
-
-<style>
-  html,
-  body {
-    margin: 0;
-    width: 100%;
-    height: 100%;
-  }
-
-  html {
-    scroll-behavior: smooth;
-  }
-</style>

package/src/components/Video.astro

@@ -1,51 +0,0 @@
----
-import {
-  Entify,
-  ReactVideoPlayer,
-  type Locals,
-} from "@rxdrag/website-lib-core";
-const { env, imageSizes } = Astro.locals as Locals;
-
-interface Props {
-  videoRef?: string;
-  posterRef?: string;
-  endTitle?: string;
-  classNames?: {
-    container?: string;
-    video?: string;
-    playButton?: string;
-    playButtonOuter?: string;
-    playButtonInner?: string;
-    playIcon?: string;
-    overlay?: string;
-    overlayTitle?: string;
-    ctaButton?: string;
-    overlayReplayButton?: string;
-  };
-}
-
-const {
-  videoRef,
-  posterRef,
-  endTitle = "Contact Us Now",
-  classNames = {},
-} = Astro.props;
-
-const rx = Entify.getInstance(env, imageSizes);
-
-// 获取媒体数据（增加 rx 为空时的保护）
-const media = rx ? await rx.getMedia(videoRef) : undefined;
-const poster = rx ? await rx.getMedia(posterRef) : undefined;
----
-
-{
-  media && (
-    <ReactVideoPlayer
-      client:load
-      media={media}
-      endTitle={endTitle}
-      posterUrl={poster?.file?.original}
-      classNames={classNames}
-    />
-  )
-}

package/src/index.ts

@@ -1 +0,0 @@
-export * from "./components";