@rxdrag/website-lib-core 0.0.99 → 0.0.101

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxdrag/website-lib-core",
-  "version": "0.0.99",
+  "version": "0.0.101",
   "type": "module",
   "exports": {
     ".": "./index.ts"
@@ -24,9 +24,9 @@
     "@types/react-dom": "^19.1.0",
     "eslint": "^7.32.0",
     "typescript": "^5",
+    "@rxdrag/tsconfig": "0.2.0",
     "@rxdrag/eslint-config-custom": "0.2.12",
-    "@rxdrag/slate-preview": "1.2.63",
-    "@rxdrag/tsconfig": "0.2.0"
+    "@rxdrag/slate-preview": "1.2.63"
   },
   "dependencies": {
     "@iconify/utils": "^3.0.2",
@@ -36,8 +36,8 @@
     "lodash-es": "^4.17.21",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "@rxdrag/rxcms-models": "0.3.95",
-    "@rxdrag/entify-lib": "0.0.23"
+    "@rxdrag/entify-lib": "0.0.23",
+    "@rxdrag/rxcms-models": "0.3.95"
   },
   "peerDependencies": {
     "astro": "^4.0.0 || ^5.0.0"

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

@@ -110,7 +110,7 @@ export const Medias = forwardRef<HTMLDivElement, MediasProps>((props, ref) => {
       ref={ref}
       className={clsx(
         "flex gap-4",
-        isVerticalThumbs ? "flex-row-reverse" : "flex-col",
+        isVerticalThumbs ? "flex-col md:flex-row-reverse" : "flex-col",
         className
       )}
       {...rest}

package/src/react/components/ToTop.tsx

@@ -3,7 +3,7 @@ import { forwardRef, useRef, useEffect, useState } from "react";
 
 export type ToTopProps = {
   className?: string;
-  children?: React.ReactNode;
+  svg?: string;
 };
 
 export const topIcon = () => (
@@ -25,28 +25,28 @@ export const topIcon = () => (
 );
 
 export const ToTop = forwardRef<HTMLDivElement, ToTopProps>((props, ref) => {
-  const { className, children, ...rest } = props;
+  const { className, svg, ...rest } = props;
   const [win, setWin] = useState<Window | null>(null);
   const innerRef = useRef<HTMLDivElement>(null);
-  
+
   // 合并外部传入的ref和内部ref
   useEffect(() => {
     if (!innerRef.current) return;
-    
+
     // 获取当前元素所在的window
     const currentWin = innerRef.current.ownerDocument.defaultView;
     setWin(currentWin);
-    
+
     // 如果外部传入的是ref对象，则设置其current属性
-    if (ref && typeof ref === 'object') {
+    if (ref && typeof ref === "object") {
       ref.current = innerRef.current;
     }
   }, [ref]);
-  
+
   const handleClick = () => {
     if (win) {
       win.scrollTo({ top: 0, behavior: "smooth" });
-    } else if (typeof window !== 'undefined') {
+    } else if (typeof window !== "undefined") {
       // 降级处理：如果没有获取到特定window，使用全局window
       window.scrollTo({ top: 0, behavior: "smooth" });
     }
@@ -62,7 +62,11 @@ export const ToTop = forwardRef<HTMLDivElement, ToTopProps>((props, ref) => {
       {...rest}
       onClick={handleClick}
     >
-      {children || topIcon()}
+      {svg ? (
+        <div className="contents" dangerouslySetInnerHTML={{ __html: svg }} />
+      ) : (
+        topIcon()
+      )}
     </div>
   );
 });

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

@@ -1,46 +0,0 @@
-import clsx from "clsx";
-import { forwardRef } from "react";
-
-export type ToTopProps = {
-  className?: string;
-  svg?: string;
-};
-
-export const ToTop = forwardRef<HTMLDivElement, ToTopProps>((props, ref) => {
-  const { className, svg, ...rest } = props;
-  const handleClick = () => {
-    window.scrollTo({ top: 0, behavior: "smooth" });
-  };
-
-  return (
-    <div
-      ref={ref}
-      className={clsx(
-        "fixed bottom-4 right-4 hidden user-select-none scrolled:flex cursor-pointer transition duration-300 ease-in-out z-50",
-        className
-      )}
-      {...rest}
-      onClick={handleClick}
-    >
-      {svg ? (
-        <div className="contents" dangerouslySetInnerHTML={{ __html: svg }} />
-      ) : (
-        <svg
-          className="h-6 w-6"
-          width="1.5rem"
-          height="1.5rem"
-          fill="none"
-          viewBox="0 0 24 24"
-          stroke="currentColor"
-        >
-          <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth={2}
-            d="M5 15l7-7 7 7"
-          />
-        </svg>
-      )}
-    </div>
-  );
-});