deepsea-components 5.2.2 → 5.3.0

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/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/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.0",
   "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/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)
+}