deepsea-components 5.17.2 → 5.17.3

package/dist/components/Title.cjs

@@ -28,15 +28,18 @@ __webpack_require__.d(__webpack_exports__, {
     Title: ()=>Title
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_deepsea_tools_namespaceObject = require("deepsea-tools");
 const external_react_namespaceObject = require("react");
 const external_react_dom_namespaceObject = require("react-dom");
+const server_namespaceObject = require("react-dom/server");
+const external_deepsea_tools_namespaceObject = require("deepsea-tools");
 const getReactVersion_cjs_namespaceObject = require("../utils/getReactVersion.cjs");
 const [major] = (0, getReactVersion_cjs_namespaceObject.getReactVersion)();
-const Title = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
+const Title = ({ ref, children, ...rest })=>{
+    children = "string" == typeof children ? children : (0, server_namespaceObject.renderToString)(children).replace(/<!-- -->/g, "");
     if (major >= 19) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("title", {
         ref: ref,
-        ...props
+        ...rest,
+        children: children
     });
     const ele = (0, external_react_namespaceObject.useRef)(null);
     (0, external_react_namespaceObject.useImperativeHandle)(ref, ()=>ele.current, [
@@ -49,9 +52,10 @@ const Title = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((prop
     }, []);
     return external_deepsea_tools_namespaceObject.isBrowser && /*#__PURE__*/ (0, external_react_dom_namespaceObject.createPortal)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("title", {
         ref: ele,
-        ...props
+        ...rest,
+        children: children
     }), document.head);
-});
+};
 exports.Title = __webpack_exports__.Title;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "Title"

package/dist/components/Title.d.ts

@@ -1,3 +1,2 @@
-import { ComponentPropsWithoutRef } from "react";
-export type TitleProps = ComponentPropsWithoutRef<"title">;
-export declare const Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, "ref"> & import("react").RefAttributes<HTMLTitleElement>>;
+import { ComponentProps, FC } from "react";
+export declare const Title: FC<ComponentProps<"title">>;

package/dist/components/Title.js

@@ -1,14 +1,17 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import { isBrowser } from "deepsea-tools";
-import { forwardRef, useImperativeHandle, useLayoutEffect, useRef } from "react";
+import { useImperativeHandle, useLayoutEffect, useRef } from "react";
 import { createPortal } from "react-dom";
+import { renderToString } from "react-dom/server";
+import { isBrowser } from "deepsea-tools";
 import { getReactVersion } from "../utils/getReactVersion.js";
 const [major] = getReactVersion();
-const Title = /*#__PURE__*/ forwardRef((props, ref)=>{
+const Title = ({ ref, children, ...rest })=>{
+    children = "string" == typeof children ? children : renderToString(children).replace(/<!-- -->/g, "");
     if (major >= 19) return /*#__PURE__*/ jsx("title", {
         ref: ref,
-        ...props
+        ...rest,
+        children: children
     });
     const ele = useRef(null);
     useImperativeHandle(ref, ()=>ele.current, [
@@ -21,7 +24,8 @@ const Title = /*#__PURE__*/ forwardRef((props, ref)=>{
     }, []);
     return isBrowser && /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx("title", {
         ref: ele,
-        ...props
+        ...rest,
+        children: children
     }), document.head);
-});
+};
 export { Title };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "deepsea-components",
-  "version": "5.17.2",
+  "version": "5.17.3",
   "description": "格数科技自用组件库",
   "type": "module",
   "exports": {
@@ -40,8 +40,8 @@
     "echarts": "^6.0.0",
     "hls.js": "^1.6.13",
     "smooth-scrollbar": "^8.8.4",
-    "deepsea-tools": "5.42.4",
-    "soda-hooks": "6.15.2"
+    "soda-hooks": "6.15.2",
+    "deepsea-tools": "5.42.4"
   },
   "devDependencies": {
     "typescript": "^5.9.3"

package/src/components/Title.tsx

@@ -1,17 +1,18 @@
 "use client"
 
-import { isBrowser } from "deepsea-tools"
-import { ComponentPropsWithoutRef, forwardRef, useImperativeHandle, useLayoutEffect, useRef } from "react"
+import { ComponentProps, FC, useImperativeHandle, useLayoutEffect, useRef } from "react"
 import { createPortal } from "react-dom"
+import { renderToString } from "react-dom/server"
+import { isBrowser } from "deepsea-tools"
 
 import { getReactVersion } from "@/utils/getReactVersion"
 
-export type TitleProps = ComponentPropsWithoutRef<"title">
-
 const [major] = getReactVersion()
 
-export const Title = forwardRef<HTMLTitleElement, TitleProps>((props, ref) => {
-    if (major >= 19) return <title ref={ref} {...props} />
+export const Title: FC<ComponentProps<"title">> = ({ ref, children, ...rest }) => {
+    children = typeof children === "string" ? children : renderToString(children).replace(/<!-- -->/g, "")
+
+    if (major >= 19) return <title ref={ref} {...rest} children={children} />
 
     const ele = useRef<HTMLTitleElement>(null)
 
@@ -23,5 +24,5 @@ export const Title = forwardRef<HTMLTitleElement, TitleProps>((props, ref) => {
         document.head.insertBefore(ele.current as HTMLTitleElement, title)
     }, [])
 
-    return isBrowser && createPortal(<title ref={ele} {...props} />, document.head)
-})
+    return isBrowser && createPortal(<title ref={ele} {...rest} children={children} />, document.head)
+}