@rxdrag/website-lib 0.0.64 → 0.0.66

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxdrag/website-lib",
-  "version": "0.0.64",
+  "version": "0.0.66",
   "type": "module",
   "exports": {
     ".": "./index.ts"
@@ -24,18 +24,18 @@
     "eslint": "^7.32.0",
     "gsap": "^3.12.7",
     "typescript": "^5",
-    "@rxdrag/eslint-config-custom": "0.2.12",
     "@rxdrag/rxcms-models": "0.3.89",
-    "@rxdrag/entify-hooks": "0.2.70",
+    "@rxdrag/slate-preview": "1.2.58",
+    "@rxdrag/eslint-config-custom": "0.2.12",
     "@rxdrag/tsconfig": "0.2.0",
-    "@rxdrag/slate-preview": "1.2.58"
+    "@rxdrag/entify-hooks": "0.2.70"
   },
   "dependencies": {
     "clsx": "^2.1.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "@rxdrag/rxcms-models": "0.3.89",
-    "@rxdrag/website-lib-core": "0.0.64"
+    "@rxdrag/website-lib-core": "0.0.65",
+    "@rxdrag/rxcms-models": "0.3.89"
   },
   "peerDependencies": {
     "astro": "^4.0.0 || ^5.0.0"

package/src/components/Background.astro

@@ -30,8 +30,8 @@ const posterRef =
   background.type === "video" ? background.posterRef : undefined;
 
 // 获取媒体数据
-const media = await rx.getMedia(mediaRef);
-const poster = await rx.getMedia(posterRef);
+const media = rx ? await rx.getMedia(mediaRef) : undefined;
+const poster = rx ? await rx.getMedia(posterRef) : undefined;
 
 // 构建 className
 const className = [defaultClass, background.className]

package/src/components/Box.astro

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

package/src/components/Video.astro

@@ -1,25 +1,46 @@
----
-import type { Media } from "@rxdrag/rxcms-models";
-
-interface Props
-  extends Omit<astroHTML.JSX.VideoHTMLAttributes, "src" | "class"> {
-  video?: Media;
-  className?: string;
-  children?: astroHTML.JSX.Element;
-  classNames?: {
-    video?: string;
-    source?: string;
-  };
-}
-
-const { video, className, children, classNames, ...props } = Astro.props;
----
-
-<video class:list={[classNames?.video, className]} {...props}>
-  <source
-    src={video?.file?.url || ""}
-    type="video/mp4"
-    class={classNames?.source}
-  />
-  {children}
-</video>
+---
+import { ReactVideoPlayer, type IEntify } from "@rxdrag/website-lib-core";
+
+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;
+  };
+  rx: IEntify;
+}
+
+const {
+  rx,
+  videoRef,
+  posterRef,
+  endTitle = "Contact Us Now",
+  classNames = {},
+} = Astro.props;
+
+// 获取媒体数据（增加 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,6 +1,7 @@
 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";