deepsea-components 5.2.2 → 5.3.1

package/dist/cjs/components/Title.d.ts

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

package/dist/cjs/components/Title.js

@@ -0,0 +1,46 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Title.tsx
+var Title_exports = {};
+__export(Title_exports, {
+  Title: () => Title
+});
+module.exports = __toCommonJS(Title_exports);
+var import_react = require("react");
+var import_react_dom = require("react-dom");
+var import_getReactVersion = require("../utils/getReactVersion");
+var [major] = (0, import_getReactVersion.getReactVersion)();
+var Title = (0, import_react.forwardRef)((props, ref) => {
+  if (major >= 19)
+    return /* @__PURE__ */ React.createElement("title", { ref, ...props });
+  const ele = (0, import_react.useRef)(null);
+  (0, import_react.useImperativeHandle)(ref, () => ele.current, [ele.current]);
+  (0, import_react.useLayoutEffect)(() => {
+    const title = document.head.querySelector("title");
+    if (title === ele.current)
+      return;
+    document.head.insertBefore(ele.current, title);
+  }, []);
+  return (0, import_react_dom.createPortal)(/* @__PURE__ */ React.createElement("title", { ref: ele, ...props }), document.head);
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Title
+});
+//# sourceMappingURL=Title.js.map

package/dist/cjs/components/Title.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/Title.tsx"],
+  "sourcesContent": ["import { ComponentProps, forwardRef, useImperativeHandle, useLayoutEffect, useRef } from \"react\"\r\nimport { createPortal } from \"react-dom\"\r\nimport { getReactVersion } from \"../utils/getReactVersion\"\r\n\r\nexport type TitleProps = ComponentProps<\"title\">\r\n\r\nconst [major] = getReactVersion()\r\n\r\nexport const Title = forwardRef<HTMLTitleElement, TitleProps>((props, ref) => {\r\n\r\n    if (major >= 19) return <title ref={ref} {...props} />\r\n\r\n    const ele = useRef<HTMLTitleElement>(null)\r\n\r\n    useImperativeHandle(ref, () => ele.current as HTMLTitleElement, [ele.current])\r\n\r\n    useLayoutEffect(() => {\r\n        const title = document.head.querySelector(\"title\")\r\n        if (title === ele.current) return\r\n        document.head.insertBefore(ele.current as HTMLTitleElement, title)\r\n    }, [])\r\n\r\n    return createPortal(<title ref={ele} {...props} />, document.head)\r\n})\r\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyF;AACzF,uBAA6B;AAC7B,6BAAgC;AAIhC,IAAM,CAAC,KAAK,QAAI,wCAAgB;AAEzB,IAAM,YAAQ,yBAAyC,CAAC,OAAO,QAAQ;AAE1E,MAAI,SAAS;AAAI,WAAO,oCAAC,WAAM,KAAW,GAAG,OAAO;AAEpD,QAAM,UAAM,qBAAyB,IAAI;AAEzC,wCAAoB,KAAK,MAAM,IAAI,SAA6B,CAAC,IAAI,OAAO,CAAC;AAE7E,oCAAgB,MAAM;AAClB,UAAM,QAAQ,SAAS,KAAK,cAAc,OAAO;AACjD,QAAI,UAAU,IAAI;AAAS;AAC3B,aAAS,KAAK,aAAa,IAAI,SAA6B,KAAK;AAAA,EACrE,GAAG,CAAC,CAAC;AAEL,aAAO,+BAAa,oCAAC,WAAM,KAAK,KAAM,GAAG,OAAO,GAAI,SAAS,IAAI;AACrE,CAAC;",
+  "names": []
+}

package/dist/cjs/index.d.ts

@@ -2,6 +2,7 @@ export * from "./components/AutoFit";
 export * from "./components/AutoScroll";
 export * from "./components/AutoSizeTextarea";
 export * from "./components/CircleText";
+export * from "./components/Echart";
 export * from "./components/Flow";
 export * from "./components/HlsPlayer";
 export * from "./components/InfiniteScroll";
@@ -11,7 +12,7 @@ export * from "./components/Ring";
 export * from "./components/Scroll";
 export * from "./components/SectionRing";
 export * from "./components/Skeleton";
+export * from "./components/Title";
 export * from "./components/TransitionBox";
 export * from "./components/TransitionNum";
 export * from "./components/Trapezium";
-export * from "./components/Echart";

package/dist/cjs/index.js

@@ -20,6 +20,7 @@ __reExport(src_exports, require("./components/AutoFit"), module.exports);
 __reExport(src_exports, require("./components/AutoScroll"), module.exports);
 __reExport(src_exports, require("./components/AutoSizeTextarea"), module.exports);
 __reExport(src_exports, require("./components/CircleText"), module.exports);
+__reExport(src_exports, require("./components/Echart"), module.exports);
 __reExport(src_exports, require("./components/Flow"), module.exports);
 __reExport(src_exports, require("./components/HlsPlayer"), module.exports);
 __reExport(src_exports, require("./components/InfiniteScroll"), module.exports);
@@ -29,16 +30,17 @@ __reExport(src_exports, require("./components/Ring"), module.exports);
 __reExport(src_exports, require("./components/Scroll"), module.exports);
 __reExport(src_exports, require("./components/SectionRing"), module.exports);
 __reExport(src_exports, require("./components/Skeleton"), module.exports);
+__reExport(src_exports, require("./components/Title"), module.exports);
 __reExport(src_exports, require("./components/TransitionBox"), module.exports);
 __reExport(src_exports, require("./components/TransitionNum"), module.exports);
 __reExport(src_exports, require("./components/Trapezium"), module.exports);
-__reExport(src_exports, require("./components/Echart"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./components/AutoFit"),
   ...require("./components/AutoScroll"),
   ...require("./components/AutoSizeTextarea"),
   ...require("./components/CircleText"),
+  ...require("./components/Echart"),
   ...require("./components/Flow"),
   ...require("./components/HlsPlayer"),
   ...require("./components/InfiniteScroll"),
@@ -48,9 +50,9 @@ __reExport(src_exports, require("./components/Echart"), module.exports);
   ...require("./components/Scroll"),
   ...require("./components/SectionRing"),
   ...require("./components/Skeleton"),
+  ...require("./components/Title"),
   ...require("./components/TransitionBox"),
   ...require("./components/TransitionNum"),
-  ...require("./components/Trapezium"),
-  ...require("./components/Echart")
+  ...require("./components/Trapezium")
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "sourcesContent": ["export * from \"./components/AutoFit\"\r\nexport * from \"./components/AutoScroll\"\r\nexport * from \"./components/AutoSizeTextarea\"\r\nexport * from \"./components/CircleText\"\r\nexport * from \"./components/Flow\"\r\nexport * from \"./components/HlsPlayer\"\r\nexport * from \"./components/InfiniteScroll\"\r\nexport * from \"./components/InputFile\"\r\nexport * from \"./components/LoopSwiper\"\r\nexport * from \"./components/Ring\"\r\nexport * from \"./components/Scroll\"\r\nexport * from \"./components/SectionRing\"\r\nexport * from \"./components/Skeleton\"\r\nexport * from \"./components/TransitionBox\"\r\nexport * from \"./components/TransitionNum\"\r\nexport * from \"./components/Trapezium\"\r\nexport * from \"./components/Echart\""],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,iCAAd;AACA,wBAAc,oCADd;AAEA,wBAAc,0CAFd;AAGA,wBAAc,oCAHd;AAIA,wBAAc,8BAJd;AAKA,wBAAc,mCALd;AAMA,wBAAc,wCANd;AAOA,wBAAc,mCAPd;AAQA,wBAAc,oCARd;AASA,wBAAc,8BATd;AAUA,wBAAc,gCAVd;AAWA,wBAAc,qCAXd;AAYA,wBAAc,kCAZd;AAaA,wBAAc,uCAbd;AAcA,wBAAc,uCAdd;AAeA,wBAAc,mCAfd;AAgBA,wBAAc,gCAhBd;",
+  "sourcesContent": ["export * from \"./components/AutoFit\"\nexport * from \"./components/AutoScroll\"\nexport * from \"./components/AutoSizeTextarea\"\nexport * from \"./components/CircleText\"\nexport * from \"./components/Echart\"\nexport * from \"./components/Flow\"\nexport * from \"./components/HlsPlayer\"\nexport * from \"./components/InfiniteScroll\"\nexport * from \"./components/InputFile\"\nexport * from \"./components/LoopSwiper\"\nexport * from \"./components/Ring\"\nexport * from \"./components/Scroll\"\nexport * from \"./components/SectionRing\"\nexport * from \"./components/Skeleton\"\nexport * from \"./components/Title\"\nexport * from \"./components/TransitionBox\"\nexport * from \"./components/TransitionNum\"\nexport * from \"./components/Trapezium\"\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,iCAAd;AACA,wBAAc,oCADd;AAEA,wBAAc,0CAFd;AAGA,wBAAc,oCAHd;AAIA,wBAAc,gCAJd;AAKA,wBAAc,8BALd;AAMA,wBAAc,mCANd;AAOA,wBAAc,wCAPd;AAQA,wBAAc,mCARd;AASA,wBAAc,oCATd;AAUA,wBAAc,8BAVd;AAWA,wBAAc,gCAXd;AAYA,wBAAc,qCAZd;AAaA,wBAAc,kCAbd;AAcA,wBAAc,+BAdd;AAeA,wBAAc,uCAfd;AAgBA,wBAAc,uCAhBd;AAiBA,wBAAc,mCAjBd;",
   "names": []
 }

package/dist/cjs/utils/getReactVersion.d.ts

@@ -0,0 +1 @@
+export declare function getReactVersion(): number[];

package/dist/cjs/utils/getReactVersion.js

@@ -0,0 +1,34 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/getReactVersion.ts
+var getReactVersion_exports = {};
+__export(getReactVersion_exports, {
+  getReactVersion: () => getReactVersion
+});
+module.exports = __toCommonJS(getReactVersion_exports);
+var import_react = require("react");
+var reg = /(\d+)\.(\d+)\.(\d+)/;
+function getReactVersion() {
+  return import_react.version.match(reg).slice(1).map(Number);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getReactVersion
+});
+//# sourceMappingURL=getReactVersion.js.map

package/dist/cjs/utils/getReactVersion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/getReactVersion.ts"],
+  "sourcesContent": ["import { version } from \"react\"\r\n\r\nconst reg = /(\\d+)\\.(\\d+)\\.(\\d+)/\r\n\r\nexport function getReactVersion() {\r\n    return version.match(reg)!.slice(1).map(Number)\r\n}\r\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwB;AAExB,IAAM,MAAM;AAEL,SAAS,kBAAkB;AAC9B,SAAO,qBAAQ,MAAM,GAAG,EAAG,MAAM,CAAC,EAAE,IAAI,MAAM;AAClD;",
+  "names": []
+}

package/dist/esm/components/Title.d.ts

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

package/dist/esm/components/Title.js

@@ -0,0 +1,23 @@
+import { forwardRef, useImperativeHandle, useLayoutEffect, useRef } from "react";
+import { createPortal } from "react-dom";
+import { getReactVersion } from "../utils/getReactVersion";
+import { jsx as _jsx } from "react/jsx-runtime";
+const [major] = getReactVersion();
+export const Title = /*#__PURE__*/forwardRef((props, ref) => {
+  if (major >= 19) return /*#__PURE__*/_jsx("title", {
+    ref: ref,
+    ...props
+  });
+  const ele = useRef(null);
+  useImperativeHandle(ref, () => ele.current, [ele.current]);
+  useLayoutEffect(() => {
+    const title = document.head.querySelector("title");
+    if (title === ele.current) return;
+    document.head.insertBefore(ele.current, title);
+  }, []);
+  return /*#__PURE__*/createPortal( /*#__PURE__*/_jsx("title", {
+    ref: ele,
+    ...props
+  }), document.head);
+});
+//# sourceMappingURL=Title.js.map

package/dist/esm/components/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useImperativeHandle","useLayoutEffect","useRef","createPortal","getReactVersion","jsx","_jsx","major","Title","props","ref","ele","current","title","document","head","querySelector","insertBefore"],"sources":["../../../src/components/Title.tsx"],"sourcesContent":["import { ComponentProps, forwardRef, useImperativeHandle, useLayoutEffect, useRef } from \"react\"\r\nimport { createPortal } from \"react-dom\"\r\nimport { getReactVersion } from \"../utils/getReactVersion\"\r\n\r\nexport type TitleProps = ComponentProps<\"title\">\r\n\r\nconst [major] = getReactVersion()\r\n\r\nexport const Title = forwardRef<HTMLTitleElement, TitleProps>((props, ref) => {\r\n\r\n    if (major >= 19) return <title ref={ref} {...props} />\r\n\r\n    const ele = useRef<HTMLTitleElement>(null)\r\n\r\n    useImperativeHandle(ref, () => ele.current as HTMLTitleElement, [ele.current])\r\n\r\n    useLayoutEffect(() => {\r\n        const title = document.head.querySelector(\"title\")\r\n        if (title === ele.current) return\r\n        document.head.insertBefore(ele.current as HTMLTitleElement, title)\r\n    }, [])\r\n\r\n    return createPortal(<title ref={ele} {...props} />, document.head)\r\n})\r\n"],"mappings":"AAAA,SAAyBA,UAAU,EAAEC,mBAAmB,EAAEC,eAAe,EAAEC,MAAM,QAAQ,OAAO;AAChG,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,eAAe;AAAkC,SAAAC,GAAA,IAAAC,IAAA;AAI1D,MAAM,CAACC,KAAK,CAAC,GAAGH,eAAe,CAAC,CAAC;AAEjC,OAAO,MAAMI,KAAK,gBAAGT,UAAU,CAA+B,CAACU,KAAK,EAAEC,GAAG,KAAK;EAE1E,IAAIH,KAAK,IAAI,EAAE,EAAE,oBAAOD,IAAA;IAAOI,GAAG,EAAEA,GAAI;IAAA,GAAKD;EAAK,CAAG,CAAC;EAEtD,MAAME,GAAG,GAAGT,MAAM,CAAmB,IAAI,CAAC;EAE1CF,mBAAmB,CAACU,GAAG,EAAE,MAAMC,GAAG,CAACC,OAA2B,EAAE,CAACD,GAAG,CAACC,OAAO,CAAC,CAAC;EAE9EX,eAAe,CAAC,MAAM;IAClB,MAAMY,KAAK,GAAGC,QAAQ,CAACC,IAAI,CAACC,aAAa,CAAC,OAAO,CAAC;IAClD,IAAIH,KAAK,KAAKF,GAAG,CAACC,OAAO,EAAE;IAC3BE,QAAQ,CAACC,IAAI,CAACE,YAAY,CAACN,GAAG,CAACC,OAAO,EAAsBC,KAAK,CAAC;EACtE,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAOV,YAAY,eAACG,IAAA;IAAOI,GAAG,EAAEC,GAAI;IAAA,GAAKF;EAAK,CAAG,CAAC,EAAEK,QAAQ,CAACC,IAAI,CAAC;AACtE,CAAC,CAAC"}

package/dist/esm/index.d.ts

@@ -2,6 +2,7 @@ export * from "./components/AutoFit";
 export * from "./components/AutoScroll";
 export * from "./components/AutoSizeTextarea";
 export * from "./components/CircleText";
+export * from "./components/Echart";
 export * from "./components/Flow";
 export * from "./components/HlsPlayer";
 export * from "./components/InfiniteScroll";
@@ -11,7 +12,7 @@ export * from "./components/Ring";
 export * from "./components/Scroll";
 export * from "./components/SectionRing";
 export * from "./components/Skeleton";
+export * from "./components/Title";
 export * from "./components/TransitionBox";
 export * from "./components/TransitionNum";
 export * from "./components/Trapezium";
-export * from "./components/Echart";

package/dist/esm/index.js

@@ -2,6 +2,7 @@ export * from "./components/AutoFit";
 export * from "./components/AutoScroll";
 export * from "./components/AutoSizeTextarea";
 export * from "./components/CircleText";
+export * from "./components/Echart";
 export * from "./components/Flow";
 export * from "./components/HlsPlayer";
 export * from "./components/InfiniteScroll";
@@ -11,8 +12,8 @@ export * from "./components/Ring";
 export * from "./components/Scroll";
 export * from "./components/SectionRing";
 export * from "./components/Skeleton";
+export * from "./components/Title";
 export * from "./components/TransitionBox";
 export * from "./components/TransitionNum";
 export * from "./components/Trapezium";
-export * from "./components/Echart";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":["export * from \"./components/AutoFit\"\r\nexport * from \"./components/AutoScroll\"\r\nexport * from \"./components/AutoSizeTextarea\"\r\nexport * from \"./components/CircleText\"\r\nexport * from \"./components/Flow\"\r\nexport * from \"./components/HlsPlayer\"\r\nexport * from \"./components/InfiniteScroll\"\r\nexport * from \"./components/InputFile\"\r\nexport * from \"./components/LoopSwiper\"\r\nexport * from \"./components/Ring\"\r\nexport * from \"./components/Scroll\"\r\nexport * from \"./components/SectionRing\"\r\nexport * from \"./components/Skeleton\"\r\nexport * from \"./components/TransitionBox\"\r\nexport * from \"./components/TransitionNum\"\r\nexport * from \"./components/Trapezium\"\r\nexport * from \"./components/Echart\""],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":["export * from \"./components/AutoFit\"\nexport * from \"./components/AutoScroll\"\nexport * from \"./components/AutoSizeTextarea\"\nexport * from \"./components/CircleText\"\nexport * from \"./components/Echart\"\nexport * from \"./components/Flow\"\nexport * from \"./components/HlsPlayer\"\nexport * from \"./components/InfiniteScroll\"\nexport * from \"./components/InputFile\"\nexport * from \"./components/LoopSwiper\"\nexport * from \"./components/Ring\"\nexport * from \"./components/Scroll\"\nexport * from \"./components/SectionRing\"\nexport * from \"./components/Skeleton\"\nexport * from \"./components/Title\"\nexport * from \"./components/TransitionBox\"\nexport * from \"./components/TransitionNum\"\nexport * from \"./components/Trapezium\"\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/esm/utils/getReactVersion.d.ts

@@ -0,0 +1 @@
+export declare function getReactVersion(): number[];

package/dist/esm/utils/getReactVersion.js

@@ -0,0 +1,6 @@
+import { version } from "react";
+const reg = /(\d+)\.(\d+)\.(\d+)/;
+export function getReactVersion() {
+  return version.match(reg).slice(1).map(Number);
+}
+//# sourceMappingURL=getReactVersion.js.map

package/dist/esm/utils/getReactVersion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["version","reg","getReactVersion","match","slice","map","Number"],"sources":["../../../src/utils/getReactVersion.ts"],"sourcesContent":["import { version } from \"react\"\r\n\r\nconst reg = /(\\d+)\\.(\\d+)\\.(\\d+)/\r\n\r\nexport function getReactVersion() {\r\n    return version.match(reg)!.slice(1).map(Number)\r\n}\r\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,MAAMC,GAAG,GAAG,qBAAqB;AAEjC,OAAO,SAASC,eAAeA,CAAA,EAAG;EAC9B,OAAOF,OAAO,CAACG,KAAK,CAACF,GAAG,CAAC,CAAEG,KAAK,CAAC,CAAC,CAAC,CAACC,GAAG,CAACC,MAAM,CAAC;AACnD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "deepsea-components",
-  "version": "5.2.2",
+  "version": "5.3.1",
   "description": "格数科技自用组件库",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -38,7 +38,9 @@
   },
   "peerDependencies": {
     "@types/react": "^18.3.1",
-    "react": "^18.3.1"
+    "@types/react-dom": "^18.2.22",
+    "react": "^18.3.1",
+    "react-dom": "^18.2.0"
   },
   "scripts": {
     "dev": "father dev",

package/src/components/Title.tsx

@@ -0,0 +1,24 @@
+import { ComponentProps, forwardRef, useImperativeHandle, useLayoutEffect, useRef } from "react"
+import { createPortal } from "react-dom"
+import { getReactVersion } from "../utils/getReactVersion"
+
+export type TitleProps = ComponentProps<"title">
+
+const [major] = getReactVersion()
+
+export const Title = forwardRef<HTMLTitleElement, TitleProps>((props, ref) => {
+
+    if (major >= 19) return <title ref={ref} {...props} />
+
+    const ele = useRef<HTMLTitleElement>(null)
+
+    useImperativeHandle(ref, () => ele.current as HTMLTitleElement, [ele.current])
+
+    useLayoutEffect(() => {
+        const title = document.head.querySelector("title")
+        if (title === ele.current) return
+        document.head.insertBefore(ele.current as HTMLTitleElement, title)
+    }, [])
+
+    return createPortal(<title ref={ele} {...props} />, document.head)
+})

package/src/index.tsx

@@ -1,17 +1,18 @@
-export * from "./components/AutoFit"
-export * from "./components/AutoScroll"
-export * from "./components/AutoSizeTextarea"
-export * from "./components/CircleText"
-export * from "./components/Flow"
-export * from "./components/HlsPlayer"
-export * from "./components/InfiniteScroll"
-export * from "./components/InputFile"
-export * from "./components/LoopSwiper"
-export * from "./components/Ring"
-export * from "./components/Scroll"
-export * from "./components/SectionRing"
-export * from "./components/Skeleton"
-export * from "./components/TransitionBox"
-export * from "./components/TransitionNum"
-export * from "./components/Trapezium"
-export * from "./components/Echart"
+export * from "./components/AutoFit"
+export * from "./components/AutoScroll"
+export * from "./components/AutoSizeTextarea"
+export * from "./components/CircleText"
+export * from "./components/Echart"
+export * from "./components/Flow"
+export * from "./components/HlsPlayer"
+export * from "./components/InfiniteScroll"
+export * from "./components/InputFile"
+export * from "./components/LoopSwiper"
+export * from "./components/Ring"
+export * from "./components/Scroll"
+export * from "./components/SectionRing"
+export * from "./components/Skeleton"
+export * from "./components/Title"
+export * from "./components/TransitionBox"
+export * from "./components/TransitionNum"
+export * from "./components/Trapezium"

package/src/utils/getReactVersion.ts

@@ -0,0 +1,7 @@
+import { version } from "react"
+
+const reg = /(\d+)\.(\d+)\.(\d+)/
+
+export function getReactVersion() {
+    return version.match(reg)!.slice(1).map(Number)
+}