@rxdrag/website-lib-core 0.0.98 → 0.0.100

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxdrag/website-lib-core",
-  "version": "0.0.98",
+  "version": "0.0.100",
   "type": "module",
   "exports": {
     ".": "./index.ts"
@@ -24,9 +24,9 @@
     "@types/react-dom": "^19.1.0",
     "eslint": "^7.32.0",
     "typescript": "^5",
-    "@rxdrag/eslint-config-custom": "0.2.12",
     "@rxdrag/tsconfig": "0.2.0",
-    "@rxdrag/slate-preview": "1.2.63"
+    "@rxdrag/slate-preview": "1.2.63",
+    "@rxdrag/eslint-config-custom": "0.2.12"
   },
   "dependencies": {
     "@iconify/utils": "^3.0.2",

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,33 +0,0 @@
-import clsx from "clsx"
-import { forwardRef } from "react"
-
-export type ToTopProps = {
-  className?: string,
-  children?: React.ReactNode
-}
-
-export const ToTop = forwardRef<HTMLDivElement, ToTopProps>((
-  props, ref) => {
-  const { className, children, ...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}
-  >
-    {
-      children || <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>
-})