@rxdrag/website-lib 0.0.102 → 0.0.104

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@rxdrag/website-lib",
-  "version": "0.0.102",
+  "version": "0.0.104",
   "type": "module",
   "exports": {
-    ".": "./index.ts"
+    ".": "./index.ts",
+    "./components/*": "./components/*.astro"
   },
   "files": [
     "src",
@@ -18,24 +19,26 @@
   "devDependencies": {
     "@astrojs/react": "^3.0.0",
     "@babel/types": "^7.26.9",
+    "@types/aos": "^3.0.7",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",
     "astro": "^4.0.0",
     "eslint": "^7.32.0",
     "gsap": "^3.12.7",
     "typescript": "^5",
-    "@rxdrag/rxcms-models": "0.3.96",
-    "@rxdrag/eslint-config-custom": "0.2.12",
-    "@rxdrag/entify-hooks": "0.2.77",
     "@rxdrag/slate-preview": "1.2.63",
+    "@rxdrag/entify-hooks": "0.2.77",
+    "@rxdrag/eslint-config-custom": "0.2.12",
+    "@rxdrag/rxcms-models": "0.3.96",
     "@rxdrag/tsconfig": "0.2.0"
   },
   "dependencies": {
+    "aos": "3.0.0-beta.6",
     "clsx": "^2.1.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "@rxdrag/rxcms-models": "0.3.96",
-    "@rxdrag/website-lib-core": "0.0.103"
+    "@rxdrag/website-lib-core": "0.0.104"
   },
   "peerDependencies": {
     "astro": "^4.0.0 || ^5.0.0"

package/src/components/AnimationNumber.astro

@@ -1,61 +0,0 @@
----
-import {
-getAnimationNumberDataAttrs,
-  type AnimationNumberProps,
-} from "@rxdrag/website-lib-core";
-
-interface Props extends AnimationNumberProps {}
-
-const {
-  start = 0,
-  end = 100,
-  transition = { duration: 2 },
-  class: className,
-  sign = "+",
-  once = false,
-  type = "int",
-  fractionDigits = 1,
-} = Astro.props;
-
-const attrs = getAnimationNumberDataAttrs({
-  start,
-  end,
-  transition,
-  type,
-  fractionDigits,
-  once,
-});
----
-
-<div {...attrs} class={className}>
-  <span class="motion-safe:animate-number">{start}</span>
-  {sign && <span class="motion-safe:animate-sign hidden">{sign}</span>}
-</div>
-
-<script>
-  import { pageLoader } from "@rxdrag/website-lib-core";
-  import { numberController } from "@rxdrag/website-lib-core";
-
-  // 页面加载后重新初始化动画
-  //TODO 第三方引入时， pageloader有bug
-  // pageLoader.onLoaded(() => {
-  //   numberController.mount();
-  // });
-
-  function mount() {
-    numberController.mount();
-  }
-
-  try {
-    if (typeof queueMicrotask === "function") {
-      queueMicrotask(mount);
-    } else {
-      requestAnimationFrame(() => mount());
-    }
-  } catch {
-    // ignore
-  }
-
-  document.addEventListener("astro:page-load", mount);
-  document.addEventListener("astro:after-swap", mount);
-</script>

package/src/components/Background.astro

@@ -1,106 +0,0 @@
----
-import type { BackgroundConfig, Locals } from "@rxdrag/website-lib-core";
-import {
-  BackgroundVideoPlayer,
-  BackgroundHlsVideoPlayer,
-  Entify,
-} from "@rxdrag/website-lib-core";
-
-export interface Props {
-  background: BackgroundConfig;
-  index?: number;
-  defaultClass?: string;
-}
-
-const { env, imageSizes } = Astro.locals as Locals;
-
-const {
-  background,
-  defaultClass = "absolute top-0 left-0 w-full h-full object-cover",
-} = Astro.props;
-
-// 安全地提取 mediaRef 和 posterRef（只有部分背景类型有这些属性）
-const mediaRef =
-  background.type === "image" ||
-  background.type === "video" ||
-  background.type === "spline"
-    ? background.mediaRef
-    : undefined;
-
-const posterRef =
-  background.type === "video" ? background.posterRef : undefined;
-
-const rx = Entify.getInstance(env, imageSizes);
-
-// 获取媒体数据
-const media = rx ? await rx.getMedia(mediaRef) : undefined;
-const poster = rx ? await rx.getMedia(posterRef) : undefined;
-
-// 构建 className
-const className = [defaultClass, background.className]
-  .filter(Boolean)
-  .join(" ");
-
-// 预计算视频相关数据
-const videoUrl =
-  background.type === "video" ? media?.file?.original : undefined;
-const posterUrl =
-  background.type === "video" ? poster?.file?.original : undefined;
-const isHls =
-  background.type === "video" &&
-  (media?.storageType === "cloudflare_stream" ||
-    videoUrl?.endsWith(".m3u8") ||
-    videoUrl?.includes("cloudflarestream.com"));
-
-// 预计算图片 URL
-const imageUrl =
-  background.type === "image" ? media?.file?.original : undefined;
-
-// 预计算 Spline URL
-const splineUrl =
-  background.type === "spline"
-    ? background.url ||
-      (background.mediaRef ? `/media/${background.mediaRef}` : "")
-    : undefined;
----
-
-{background.type === "color" && <div class={className} />}
-
-{background.type === "blur" && <div class={className} />}
-
-{
-  background.type === "image" && (
-    <img class={className} src={imageUrl} alt="Background Image" />
-  )
-}
-
-{
-  background.type === "svg" && background.code && (
-    <div class={className} set:html={background.code} />
-  )
-}
-
-{
-  background.type === "video" &&
-    (isHls ? (
-      <BackgroundHlsVideoPlayer
-        className={className}
-        src={videoUrl}
-        poster={posterUrl}
-        client:load
-      />
-    ) : (
-      <BackgroundVideoPlayer
-        className={className}
-        src={videoUrl}
-        poster={posterUrl}
-        client:load
-      />
-    ))
-}
-
-{
-  background.type === "spline" && (
-    <iframe class={className} src={splineUrl} title="Spline 3D Scene" />
-  )
-}

package/src/components/BackgroundGroup.astro

@@ -1,21 +0,0 @@
----
-import type { BackgroundConfig } from "@rxdrag/website-lib-core";
-import Background from "./Background.astro";
-
-interface Props {
-  backgrounds?: BackgroundConfig[];
-}
-
-const { backgrounds } = Astro.props;
-
-const defaultClass =
-  "absolute w-full h-full inset-0 object-cover";
----
-
-<Fragment>
-  {
-    backgrounds?.map((background) => (
-      <Background background={background} defaultClass={defaultClass} />
-    ))
-  }
-</Fragment>

package/src/components/Box.astro

@@ -1,25 +0,0 @@
----
-import type {
-  AnimationConfig,
-  BackgroundConfig,
-} from "@rxdrag/website-lib-core";
-import BackgroundGroup from "./BackgroundGroup.astro";
-
-interface Props {
-  class?: string;
-  className?: string;
-  backgrounds?: BackgroundConfig[];
-  //动效
-  animation?: AnimationConfig;
-}
-
-const { className, class: originalClass, backgrounds, ...rest } = Astro.props;
----
-
-<div
-  class:list={["w-full, h-full flex flex-col", className, originalClass]}
-  {...rest}
->
-  <BackgroundGroup backgrounds={backgrounds} />
-  <slot />
-</div>

package/src/components/Collapse.astro

@@ -1,20 +0,0 @@
----
-import {
-  getCollapseDataAttrs,
-  type IMotionProps,
-} from "@rxdrag/website-lib-core";
-
-import Motion from "./Motion.astro";
-
-interface Props extends IMotionProps {
-  openableKey?: string;
-}
-
-const { openableKey, ...rest } = Astro.props;
-
-const dataAttrs = getCollapseDataAttrs(openableKey);
----
-
-<Motion {...dataAttrs} {...rest}>
-  <slot />
-</Motion>

package/src/components/CollapsePanel.astro

@@ -1,20 +0,0 @@
----
-import {
-  type IMotionProps,
-  defaultPopoverPanelAnimation,
-  getCollapsePanelDataAttrs,
-} from "@rxdrag/website-lib-core";
-import Motion from "./Motion.astro";
-
-interface Props extends IMotionProps {
-  openableKey?: string;
-}
-
-const dataAttrs = getCollapsePanelDataAttrs();
-
-const { whileOpenable = defaultPopoverPanelAnimation, ...props } = Astro.props;
----
-
-<Motion whileOpenable={whileOpenable} {...dataAttrs} {...props}>
-  <slot />
-</Motion>

package/src/components/CollapseTrigger.astro

@@ -1,15 +0,0 @@
----
-import {
-  getCollapseTriggerDataAttrs,
-  type CollapseTriggerProps,
-} from "@rxdrag/website-lib-core";
-import Motion from "./Motion.astro";
-
-interface Props extends CollapseTriggerProps {}
-
-const dataAttrs = getCollapseTriggerDataAttrs();
----
-
-<Motion {...dataAttrs} {...Astro.props}>
-  <slot />
-</Motion>

package/src/components/Container.astro

@@ -1,13 +0,0 @@
----
-interface Props {
-  //布局
-  className?: string;
-  class?: string;
-}
-
-const { className, class: classAttr, ...rest } = Astro.props;
----
-
-<div class:list={["section-container", className, classAttr]} {...rest}>
-  <slot />
-</div>

package/src/components/Flip.astro

@@ -1,43 +0,0 @@
----
-import { type HTMLElementsWithChildren } from "@rxdrag/website-lib-core";
-
-interface Props {
-  flipKey?: string;
-  as?: HTMLElementsWithChildren;
-  class?: string;
-  style?: string | Record<string, string | number>;
-  [key: string]: any;
-}
-
-const { flipKey, as = "div", class: className, style, ...rest } = Astro.props;
-
-const Element = as;
-const mergedStyle = {
-  ...style,
-};
-
-// 将 animate 属性序列化为 JSON 字符串
-const flipProps = {
-  "data-flip": flipKey || true,
-};
----
-
-<Element class={className} style={mergedStyle} {...flipProps} {...rest}>
-  <slot />
-</Element>
-
-<style>
-  /* 确保动画过程中元素的行为正常 */
-  [data-flip] {
-    will-change: transform;
-    transform-origin: 0 0;
-  }
-</style>
-
-<script>
-  import { flip, pageLoader } from "@rxdrag/website-lib-core";
-  // 在页面加载和每次页面转场后都初始化Flip
-  pageLoader.onLoaded(() => {
-    flip.mount();
-  });
-</script>

package/src/components/FooterShell.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;
----
-
-<footer class:list={["footer-block relative", className, originalClass]}>
-  <BackgroundGroup backgrounds={backgrounds} />
-  {
-    disableContainer ? (
-      <slot />
-    ) : (
-      <Container class:list={["w-full h-full", containerClassName]}>
-        <slot />
-      </Container>
-    )
-  }
-</footer>

package/src/components/Grid.astro

@@ -1,26 +0,0 @@
----
-import type {
-  AnimationConfig,
-  BackgroundConfig,
-} from "@rxdrag/website-lib-core";
-import BackgroundGroup from "./BackgroundGroup.astro";
-
-interface Props {
-  //布局方案名称，设计qi'yong
-  patternName?: string;
-  class?: string;
-  className?: string;
-  backgrounds?: BackgroundConfig[];
-  //动效
-  animation?: AnimationConfig;
-}
-
-const { className, class: originalClass, backgrounds } = Astro.props;
-
-//布局容器
----
-
-<div class:list={["relative grid gap-12", className, originalClass]}>
-  <BackgroundGroup backgrounds={backgrounds} />
-  <slot />
-</div>

package/src/components/GridCell.astro

@@ -1,22 +0,0 @@
----
-import type {
-  AnimationConfig,
-  BackgroundConfig,
-} from "@rxdrag/website-lib-core";
-import BackgroundGroup from "./BackgroundGroup.astro";
-
-interface Props {
-  class?: string;
-  className?: string;
-  backgrounds?: BackgroundConfig[];
-  //动效
-  animation?: AnimationConfig;
-}
-
-const { className, class: originalClass, backgrounds } = Astro.props;
----
-
-<div class:list={["w-full h-full flex flex-col", className, originalClass]}>
-  <BackgroundGroup backgrounds={backgrounds} />
-  <slot />
-</div>

package/src/components/HeaderShell.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;
----
-
-<header class:list={["header-block", className, originalClass]}>
-  <BackgroundGroup backgrounds={backgrounds} />
-  {
-    disableContainer ? (
-      <slot />
-    ) : (
-      <Container class:list={["w-full h-full", containerClassName]}>
-        <slot />
-      </Container>
-    )
-  }
-</header>

package/src/components/Icon.astro

@@ -1,30 +0,0 @@
----
-import {
-  Icon as CoreIcon,
-  Entify,
-  type Locals,
-} from "@rxdrag/website-lib-core";
-
-interface Props {
-  className?: string;
-  icon?: string;
-  svg?: string;
-}
-const { env, imageSizes } = Astro.locals as Locals;
-const { className, icon, svg, ...rest } = Astro.props;
-
-const localIconName = icon?.startsWith("local:") ? icon?.split(":")[1] : null;
-
-const rx = Entify.getInstance(env, imageSizes);
-
-const svgIcon =
-  !!rx && localIconName ? await rx.getIcon(localIconName) : undefined;
----
-
-<CoreIcon
-  className={className}
-  icon={localIconName ? undefined : icon}
-  svg={svgIcon?.code || svg}
-  {...rest}
-  client:only="react"
-/>

package/src/components/Image.astro

@@ -1,18 +0,0 @@
----
-import { Entify, type ImageProps, type Locals } from "@rxdrag/website-lib-core";
-const { env, imageSizes } = Astro.locals as Locals;
-
-interface Props extends ImageProps {}
-
-const { mediaRef, fileField, resize, className, ...props } = Astro.props;
-
-const rx = Entify.getInstance(env, imageSizes);
-
-const media = rx ? await rx.getMedia(mediaRef, fileField, resize) : undefined;
----
-
-<img
-  src={fileField ? media?.file?.[fileField] : media?.file?.original || ""}
-  class={className}
-  {...props}
-/>

package/src/components/Link.astro

@@ -1,61 +0,0 @@
----
-import {
-  toHref,
-  type IMotionProps,
-  type LinkType,
-} from "@rxdrag/website-lib-core";
-import Motion from "./Motion.astro";
-
-// 定义a标签属性的接口
-interface AnchorAttributes {
-  target?: "_blank" | "_self" | "_parent" | "_top";
-  rel?: string;
-  download?: boolean | string;
-  ping?: string;
-  referrerpolicy?: string;
-  hreflang?: string;
-  options?: {
-    productsSlug?: string;
-    postsSlug?: string;
-  };
-}
-
-interface Props extends IMotionProps, AnchorAttributes {
-  type?: LinkType | string;
-  to?: string | undefined;
-  class?: string;
-  className?: string;
-  //用于active类名的传递
-  activeWhen?: string | true;
-}
-
-const {
-  type,
-  to,
-  class: cls,
-  className,
-  activeWhen,
-  options,
-  ...props
-} = Astro.props;
-const href = toHref(type || "", to || "", options);
-const hrefObj = href ? { href } : {};
----
-
-<Motion
-  as={"a"}
-  data-actived-path={activeWhen}
-  {...hrefObj}
-  class:list={[cls, className]}
-  {...props}
->
-  <slot />
-</Motion>
-
-<script>
-  import { initLinks, pageLoader } from "@rxdrag/website-lib-core";
-
-  pageLoader.onLoaded(() => {
-    initLinks();
-  });
-</script>

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/Modal.astro

@@ -1,14 +0,0 @@
----
-import { getModalDataAttrs, type IMotionProps } from "@rxdrag/website-lib-core";
-import Motion from "./Motion.astro";
-
-interface Props extends IMotionProps {
-  openableKey: string;
-}
-
-const dataAttrs = getModalDataAttrs(Astro.props.openableKey);
----
-
-<Motion {...dataAttrs} {...Astro.props}>
-  <slot />
-</Motion>

package/src/components/ModalCloser.astro

@@ -1,19 +0,0 @@
----
-import {
-  type IMotionProps,
-  getModalCloserDataAttrs,
-} from "@rxdrag/website-lib-core";
-import Motion from "./Motion.astro";
-
-interface Props extends IMotionProps {
-  openableKey?: string;
-}
-
-const dataAttrs = getModalCloserDataAttrs(Astro.props.openableKey);
----
-
-<Motion {...dataAttrs} {...Astro.props}>
-  <slot />
-</Motion>
-
-<script></script>

package/src/components/ModalPanel.astro

@@ -1,19 +0,0 @@
----
-import {
-  getModalPanelDataAttrs,
-  type IMotionProps,
-} from "@rxdrag/website-lib-core";
-import Motion from "./Motion.astro";
-
-interface Props extends IMotionProps {
-  openableKey?: string;
-}
-
-const dataAttrs = getModalPanelDataAttrs(Astro.props.openableKey);
----
-
-<Motion {...dataAttrs} {...Astro.props}>
-  <slot />
-</Motion>
-
-<script></script>

package/src/components/ModalTrigger.astro

@@ -1,18 +0,0 @@
----
-import {
-  getModalTriggerDataAttrs,
-  type ModalTriggerProps,
-} from "@rxdrag/website-lib-core";
-import Motion from "./Motion.astro";
-
-interface Props extends ModalTriggerProps {}
-
-const { callToAction, ...rest } = Astro.props;
-const dataAttrs = getModalTriggerDataAttrs(Astro.props.openableKey, callToAction);
----
-
-<Motion {...dataAttrs} {...rest}>
-  <slot />
-</Motion>
-
-<script></script>

package/src/components/Motion.astro

@@ -1,48 +0,0 @@
----
-import {
-  getMotionProps,
-  type HTMLElementsWithChildren,
-  type IMotionProps,
-} from "@rxdrag/website-lib-core";
-
-interface Props extends IMotionProps {
-  as?: HTMLElementsWithChildren;
-  [key: string]: any;
-}
-
-const { as = "div", ...rest } = Astro.props;
-
-const Element = as;
-const { class: className, ...motionProps } = getMotionProps(rest);
----
-
-<Element class={className} {...motionProps}>
-  <slot />
-</Element>
-
-<script>
-  import {
-    popover,
-    modal,
-    pageLoader,
-    animate,
-    aos,
-    tabs,
-    collapse,
-  } from "@rxdrag/website-lib-core";
-
-  pageLoader.onLoaded(() => {
-    //初始化弹出层
-    popover.mount();
-    //初始化模态
-    modal.mount();
-    //初始化动画
-    animate.mount();
-    //初始化AOS
-    aos.mount();
-    //初始化标签页
-    tabs.mount();
-    //初始化折叠
-    collapse.mount();
-  });
-</script>

package/src/components/Popover.astro

@@ -1,20 +0,0 @@
----
-import {
-  getPopoverDataAttrs,
-  type IMotionProps,
-} from "@rxdrag/website-lib-core";
-
-import Motion from "./Motion.astro";
-
-interface Props extends IMotionProps {
-  openableKey?: string;
-}
-
-const { openableKey, ...rest } = Astro.props;
-
-const dataAttrs = getPopoverDataAttrs(openableKey);
----
-
-<Motion {...dataAttrs} {...rest}>
-  <slot />
-</Motion>

package/src/components/PopverPanel.astro

@@ -1,20 +0,0 @@
----
-import {
-  type IMotionProps,
-  defaultPopoverPanelAnimation,
-  getPopoverPanelDataAttrs,
-} from "@rxdrag/website-lib-core";
-import Motion from "./Motion.astro";
-
-interface Props extends IMotionProps {
-  openableKey?: string;
-}
-
-const dataAttrs = getPopoverPanelDataAttrs(Astro.props.openableKey);
-
-const { whileOpenable = defaultPopoverPanelAnimation, ...props } = Astro.props;
----
-
-<Motion whileOpenable={whileOpenable} {...dataAttrs} {...props}>
-  <slot />
-</Motion>

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/SlotContent.astro

@@ -1,4 +0,0 @@
----
----
-
-<slot />

package/src/components/Tabs.astro

@@ -1,23 +0,0 @@
----
-import Motion from "./Motion.astro";
-import { type IMotionProps } from "@rxdrag/website-lib-core";
-import { DATA_TABS, DATA_TABS_SELECTION } from "@rxdrag/website-lib-core";
-
-interface Props extends IMotionProps {
-  name?: string;
-  class?: string;
-  selection?: number;
-}
-
-const id =
-  Astro.props.name || `tabs-${Math.random().toString(36).substring(2, 9)}`;
-const { selection, ...rest } = Astro.props;
-const dataProps = {
-  [DATA_TABS]: id,
-  [DATA_TABS_SELECTION]: selection || 1,
-};
----
-
-<Motion {...rest} {...dataProps}>
-  <slot />
-</Motion>

package/src/components/TabsBody.astro

@@ -1,17 +0,0 @@
----
-import Motion from "./Motion.astro";
-import { type IMotionProps } from "@rxdrag/website-lib-core";
-import { DATA_TABS_BODY } from "@rxdrag/website-lib-core";
-
-interface Props extends IMotionProps {
-  class?: string;
-}
-
-const dataProps = {
-  [DATA_TABS_BODY]: true,
-};
----
-
-<Motion {...Astro.props} {...dataProps}>
-  <slot />
-</Motion>

package/src/components/TabsHeader.astro

@@ -1,17 +0,0 @@
----
-import Motion from "./Motion.astro";
-import { type IMotionProps } from "@rxdrag/website-lib-core";
-import { DATA_TABS_HEADER } from "@rxdrag/website-lib-core";
-
-interface Props extends IMotionProps {
-  class?: string;
-}
-
-const dataProps = {
-  [DATA_TABS_HEADER]: true,
-};
----
-
-<Motion as="ul" {...Astro.props} {...dataProps}>
-  <slot />
-</Motion>

package/src/components/TabsPanel.astro

@@ -1,17 +0,0 @@
----
-import { DATA_TABS_PANEL } from "@rxdrag/website-lib-core";
-import Motion from "./Motion.astro";
-import { type IMotionProps } from "@rxdrag/website-lib-core";
-
-interface Props extends IMotionProps {
-  class?: string;
-}
-
-const dataProps = {
-  [DATA_TABS_PANEL]: true,
-};
----
-
-<Motion {...Astro.props} {...dataProps}>
-  <slot />
-</Motion>

package/src/components/TabsTab.astro

@@ -1,18 +0,0 @@
----
-import { DATA_TABS_TAB } from "@rxdrag/website-lib-core";
-import Motion from "./Motion.astro";
-import { type IMotionProps } from "@rxdrag/website-lib-core";
-interface Props extends IMotionProps {
-  class?: string;
-}
-
-const dataProps = {
-  [DATA_TABS_TAB]: true,
-};
-
-const { class: className, ...props } = Astro.props;
----
-
-<Motion as="li" {...props} {...dataProps} class={className}>
-  <slot />
-</Motion>

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/components/index.ts

@@ -1,34 +0,0 @@
-export { default as AnimationNumber } from "./AnimationNumber.astro";
-export { default as Background } from "./Background.astro";
-export { default as BackgroundGroup } from "./BackgroundGroup.astro";
-export { default as Box } from "./Box.astro";
-export { default as Collapse } from "./Collapse.astro";
-export { default as CollapseTrigger } from "./CollapseTrigger.astro";
-export { default as CollapsePanel } from "./CollapsePanel.astro";
-export { default as Container } from "./Container.astro";
-export { default as Flip } from "./Flip.astro";
-export { default as FooterShell } from "./FooterShell.astro";
-export { default as Grid } from "./Grid.astro";
-export { default as GridCell } from "./GridCell.astro";
-export { default as HeaderShell } from "./HeaderShell.astro";
-export { default as Icon } from "./Icon.astro";
-export { default as Image } from "./Image.astro";
-export { default as Link } from "./Link.astro";
-export { default as Meta } from "./Meta.astro";
-export { default as Modal } from "./Modal.astro";
-export { default as ModalCloser } from "./ModalCloser.astro";
-export { default as ModalPanel } from "./ModalPanel.astro";
-export { default as ModalTrigger } from "./ModalTrigger.astro";
-export { default as Motion } from "./Motion.astro";
-export { default as Popover } from "./Popover.astro";
-export { default as PopoverPanel } from "./PopverPanel.astro";
-export { default as RichTextView } from "./RichTextView.astro";
-export { default as Section } from "./Section.astro";
-export { default as Tabs } from "./Tabs.astro";
-export { default as TabsBody } from "./TabsBody.astro";
-export { default as TabsHeader } from "./TabsHeader.astro";
-export { default as TabsPanel } from "./TabsPanel.astro";
-export { default as TabsTab } from "./TabsTab.astro";
-export { default as SlotContent } from "./SlotContent.astro";
-export { default as Video } from "./Video.astro";
-

package/src/env.d.ts

@@ -1 +0,0 @@
-// <reference path="../.astro/types.d.ts" />

package/src/index.ts

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