@rxdrag/website-lib 0.0.63 → 0.0.65

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/package.json +4 -4
  2. package/src/components/Background.astro +2 -2
  3. package/src/components/BackgroundGroup.astro +1 -1
  4. package/src/components/Video.astro +46 -25
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rxdrag/website-lib",
3
- "version": "0.0.63",
3
+ "version": "0.0.65",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": "./index.ts"
@@ -24,9 +24,9 @@
24
24
  "eslint": "^7.32.0",
25
25
  "gsap": "^3.12.7",
26
26
  "typescript": "^5",
27
- "@rxdrag/rxcms-models": "0.3.89",
28
- "@rxdrag/eslint-config-custom": "0.2.12",
29
27
  "@rxdrag/entify-hooks": "0.2.70",
28
+ "@rxdrag/eslint-config-custom": "0.2.12",
29
+ "@rxdrag/rxcms-models": "0.3.89",
30
30
  "@rxdrag/slate-preview": "1.2.58",
31
31
  "@rxdrag/tsconfig": "0.2.0"
32
32
  },
@@ -35,7 +35,7 @@
35
35
  "react": "^19.1.0",
36
36
  "react-dom": "^19.1.0",
37
37
  "@rxdrag/rxcms-models": "0.3.89",
38
- "@rxdrag/website-lib-core": "0.0.64"
38
+ "@rxdrag/website-lib-core": "0.0.65"
39
39
  },
40
40
  "peerDependencies": {
41
41
  "astro": "^4.0.0 || ^5.0.0"
package/src/components/Background.astro CHANGED
@@ -30,8 +30,8 @@ const posterRef =
30
30
  background.type === "video" ? background.posterRef : undefined;
31
31
 
32
32
  // 获取媒体数据
33
- const media = await rx.getMedia(mediaRef);
34
- const poster = await rx.getMedia(posterRef);
33
+ const media = rx ? await rx.getMedia(mediaRef) : undefined;
34
+ const poster = rx ? await rx.getMedia(posterRef) : undefined;
35
35
 
36
36
  // 构建 className
37
37
  const className = [defaultClass, background.className]
package/src/components/BackgroundGroup.astro CHANGED
@@ -9,7 +9,7 @@ interface Props {
9
9
 
10
10
  const { backgrounds, rx } = Astro.props;
11
11
 
12
- const defaultClass = "absolute w-full h-full inset-0 bg-cover bg-no-repeat";
12
+ const defaultClass = "absolute w-full h-full inset-0 object-cover object-center";
13
13
  ---
14
14
 
15
15
  <Fragment>
package/src/components/Video.astro CHANGED
@@ -1,25 +1,46 @@
1
- ---
2
- import type { Media } from "@rxdrag/rxcms-models";
3
-
4
- interface Props
5
- extends Omit<astroHTML.JSX.VideoHTMLAttributes, "src" | "class"> {
6
- video?: Media;
7
- className?: string;
8
- children?: astroHTML.JSX.Element;
9
- classNames?: {
10
- video?: string;
11
- source?: string;
12
- };
13
- }
14
-
15
- const { video, className, children, classNames, ...props } = Astro.props;
16
- ---
17
-
18
- <video class:list={[classNames?.video, className]} {...props}>
19
- <source
20
- src={video?.file?.url || ""}
21
- type="video/mp4"
22
- class={classNames?.source}
23
- />
24
- {children}
25
- </video>
1
+ ---
2
+ import { ReactVideoPlayer, type IEntify } from "@rxdrag/website-lib-core";
3
+
4
+ interface Props {
5
+ videoRef?: string;
6
+ posterRef?: string;
7
+ endTitle?: string;
8
+ classNames?: {
9
+ container?: string;
10
+ video?: string;
11
+ playButton?: string;
12
+ playButtonOuter?: string;
13
+ playButtonInner?: string;
14
+ playIcon?: string;
15
+ overlay?: string;
16
+ overlayTitle?: string;
17
+ ctaButton?: string;
18
+ overlayReplayButton?: string;
19
+ };
20
+ rx: IEntify;
21
+ }
22
+
23
+ const {
24
+ rx,
25
+ videoRef,
26
+ posterRef,
27
+ endTitle = "Contact Us Now",
28
+ classNames = {},
29
+ } = Astro.props;
30
+
31
+ // 获取媒体数据（增加 rx 为空时的保护）
32
+ const media = rx ? await rx.getMedia(videoRef) : undefined;
33
+ const poster = rx ? await rx.getMedia(posterRef) : undefined;
34
+ ---
35
+
36
+ {
37
+ media && (
38
+ <ReactVideoPlayer
39
+ client:load
40
+ media={media}
41
+ endTitle={endTitle}
42
+ posterUrl={poster?.file?.original}
43
+ classNames={classNames}
44
+ />
45
+ )
46
+ }