@rxdrag/website-lib-core 0.0.118 → 0.0.119

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxdrag/website-lib-core",
-  "version": "0.0.118",
+  "version": "0.0.119",
   "type": "module",
   "exports": {
     ".": "./index.ts"
@@ -18,15 +18,14 @@
   "devDependencies": {
     "@babel/types": "^7.26.9",
     "@iconify/react": "^5.0.2",
-    "@types/gsap": "^3.0.0",
     "@types/lodash-es": "^4.14.191",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",
-    "eslint": "^7.32.0",
+    "eslint": "^9.39.2",
     "typescript": "^5",
-    "@rxdrag/eslint-config-custom": "0.2.12",
-    "@rxdrag/slate-preview": "1.2.63",
-    "@rxdrag/tsconfig": "0.2.0"
+    "@rxdrag/eslint-config-custom": "0.2.13",
+    "@rxdrag/tiptap-preview": "0.0.2",
+    "@rxdrag/tsconfig": "0.2.1"
   },
   "dependencies": {
     "@iconify/utils": "^3.0.2",
@@ -34,8 +33,8 @@
     "gsap": "^3.12.7",
     "hls.js": "^1.6.13",
     "lodash-es": "^4.17.21",
-    "@rxdrag/entify-lib": "0.0.23",
-    "@rxdrag/rxcms-models": "0.3.96"
+    "@rxdrag/entify-lib": "0.0.24",
+    "@rxdrag/rxcms-models": "0.3.97"
   },
   "peerDependencies": {
     "astro": "^4.0.0 || ^5.0.0",

package/src/entify/view-model/models.ts

@@ -36,6 +36,8 @@ export type TProduct = {
   related?: TProduct[];
   attachments?: Media[];
   meta?: PageMeta;
+  //todo:目前只有富文本编辑器用
+  coverUrl?: string;
 };
 
 export type TPostCategory = {

package/src/react/components/ProductCard/ProductCard.tsx

@@ -1,5 +1,5 @@
 import { CSSProperties } from "react";
-import { TSlateResizable } from "@rxdrag/slate-preview";
+import { TSlateResizable } from "@rxdrag/tiptap-preview";
 import { ProductView } from "./ProductView";
 import { Product } from "@rxdrag/rxcms-models";
 

package/src/react/components/ProductCard/ProductMedia/index.tsx

@@ -1,22 +1,23 @@
-import { Product } from "@rxdrag/rxcms-models";
 import { HtmlHTMLAttributes } from "react";
 import "./style.css";
+import { TProduct } from "../../../../entify";
 
 export function ProductMedia(
   props: {
-    product?: Product;
+    product?: TProduct;
     width?: number;
     aspect?: string;
   } & HtmlHTMLAttributes<HTMLImageElement>
 ) {
   const { product, style, width, className, aspect, ...rest } = props;
-  const media = product?.mediaPivots?.[0]?.media;
 
   return (
     <div
       className={"product-media " + className}
       style={{
         aspectRatio: aspect || "4 / 3",
+        borderRadius: "1rem",
+        overflow: "hidden",
         ...style,
         width,
       }}
@@ -26,8 +27,8 @@ export function ProductMedia(
         style={{
           width: "100%",
         }}
-        src={media?.file?.resize || media?.file?.url || media?.file?.thumbnail}
-        alt={product?.mediaPivots?.[0]?.altText}
+        src={product?.coverUrl}
+        alt={product?.title}
       />
     </div>
   );

package/src/react/components/ProductCard/ProductView.tsx

@@ -1,14 +1,14 @@
-import { Product } from "@rxdrag/rxcms-models";
 import { ProductCardProps } from "./ProductCard";
-import { Figcaption, Figure, FigureContent } from "@rxdrag/slate-preview";
+import { Figcaption, Figure, FigureContent } from "@rxdrag/tiptap-preview";
 import { ProductMedia } from "./ProductMedia";
 import { ProductTitle } from "./ProductTitle";
 import { ProductDescription } from "./ProductDescription";
 import { ProductCta } from "./ProductCta";
+import { TProduct } from "../../../entify";
 
 export function ProductView(
   props: {
-    product?: Product;
+    product?: TProduct;
     ctaTitle?: string;
   } & ProductCardProps
 ) {

package/src/react/components/ProductCard/index.ts

@@ -2,5 +2,4 @@ export * from "./ProductCta";
 export * from "./ProductTitle";
 export * from "./ProductDescription";
 export * from "./ProductCard";
-export * from "./ProductCardPreview";
 export * from "./ProductMedia";

package/src/react/components/RichTextOutline/index.tsx

@@ -1,4 +1,4 @@
-import { extractOutline, mdxToSlate } from "@rxdrag/slate-preview";
+import { extractOutlineFromTiptap, mdxToTiptap } from "@rxdrag/tiptap-preview";
 import { forwardRef, useEffect } from "react";
 import { useAcitviedHeading } from "./useAcitviedHeading";
 import clsx from "clsx";
@@ -18,8 +18,8 @@ export const RichTextOutline = forwardRef<
 >((props, ref) => {
   const { className, itemClassName, value, yOffset = 200, ...rest } = props;
   const activiedId = useAcitviedHeading(yOffset);
-  const nodes = mdxToSlate(value ?? "");
-  const outline = extractOutline(nodes ?? []);
+  const doc = mdxToTiptap(value ?? "");
+  const outline = extractOutlineFromTiptap(doc);
 
   useEffect(() => {
     const handleHashChange = () => {

package/src/react/components/ProductCard/ProductCardPreview.tsx

@@ -1,12 +0,0 @@
-import { useQueryProduct } from "./useQueryProduct";
-import { ProductCardProps } from "./ProductCard";
-import { ProductView } from "./ProductView";
-
-
-export const createXProductCardPreview = (websiteId?: string) => {
-  return ({ node }: ProductCardProps) => {
-    const product = useQueryProduct(node?.productId, websiteId);
-
-    return <ProductView product={product} node={node} />;
-  }
-}