deepsea-components 5.6.0 → 5.7.0

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

@@ -0,0 +1,9 @@
+import { Event } from "clipboard";
+import { ComponentProps } from "react";
+export { Event } from "clipboard";
+export type CopyButtonProps = ComponentProps<"button"> & {
+    text?: string;
+    onCopySuccess?: (e: Event) => void;
+    onCopyError?: (e: Event) => void;
+};
+export declare const CopyButton: import("react").ForwardRefExoticComponent<Omit<CopyButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/CopyButton.js

@@ -0,0 +1,59 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/CopyButton.tsx
+var CopyButton_exports = {};
+__export(CopyButton_exports, {
+  CopyButton: () => CopyButton,
+  Event: () => import_clipboard2.Event
+});
+module.exports = __toCommonJS(CopyButton_exports);
+var import_ahooks = require("ahooks");
+var import_clipboard = __toESM(require("clipboard"));
+var import_react = require("react");
+var import_clipboard2 = require("clipboard");
+var CopyButton = (0, import_react.forwardRef)((props, ref) => {
+  const { text, onCopySuccess: _onCoptSuccess, onCopyError: _onCopyError, ...rest } = props;
+  const ele = (0, import_react.useRef)(null);
+  const onCopySuccess = (0, import_ahooks.useLatest)(_onCoptSuccess);
+  const onCopyError = (0, import_ahooks.useLatest)(_onCopyError);
+  (0, import_react.useImperativeHandle)(ref, () => ele.current, [ele.current]);
+  (0, import_react.useEffect)(() => {
+    const clipboard = new import_clipboard.default(ele.current);
+    clipboard.on("success", (event) => onCopySuccess.current?.(event));
+    clipboard.on("error", (event) => onCopyError.current?.(event));
+    return () => clipboard.destroy();
+  }, []);
+  return /* @__PURE__ */ React.createElement("button", { ref: ele, ...rest, "data-clipboard-text": text });
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CopyButton,
+  Event
+});
+//# sourceMappingURL=CopyButton.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/CopyButton.tsx"],
+  "sourcesContent": ["import { useLatest } from \"ahooks\"\r\nimport ClipboardJS, { Event } from \"clipboard\"\r\nimport { ComponentProps, forwardRef, useEffect, useImperativeHandle, useRef } from \"react\"\r\n\r\nexport { Event } from \"clipboard\"\r\n\r\nexport type CopyButtonProps = ComponentProps<\"button\"> & {\r\n    text?: string\r\n    onCopySuccess?: (e: Event) => void\r\n    onCopyError?: (e: Event) => void\r\n}\r\n\r\nexport const CopyButton = forwardRef<HTMLButtonElement, CopyButtonProps>((props, ref) => {\r\n    const { text, onCopySuccess: _onCoptSuccess, onCopyError: _onCopyError, ...rest } = props\r\n    const ele = useRef<HTMLButtonElement>(null)\r\n    const onCopySuccess = useLatest(_onCoptSuccess)\r\n    const onCopyError = useLatest(_onCopyError)\r\n\r\n    useImperativeHandle(ref, () => ele.current!, [ele.current])\r\n\r\n    useEffect(() => {\r\n        const clipboard = new ClipboardJS(ele.current!)\r\n        clipboard.on(\"success\", event => onCopySuccess.current?.(event))\r\n        clipboard.on(\"error\", event => onCopyError.current?.(event))\r\n        return () => clipboard.destroy()\r\n    }, [])\r\n\r\n    return <button ref={ele} {...rest} data-clipboard-text={text} />\r\n})\r\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA0B;AAC1B,uBAAmC;AACnC,mBAAmF;AAEnF,IAAAA,oBAAsB;AAQf,IAAM,iBAAa,yBAA+C,CAAC,OAAO,QAAQ;AACrF,QAAM,EAAE,MAAM,eAAe,gBAAgB,aAAa,cAAc,GAAG,KAAK,IAAI;AACpF,QAAM,UAAM,qBAA0B,IAAI;AAC1C,QAAM,oBAAgB,yBAAU,cAAc;AAC9C,QAAM,kBAAc,yBAAU,YAAY;AAE1C,wCAAoB,KAAK,MAAM,IAAI,SAAU,CAAC,IAAI,OAAO,CAAC;AAE1D,8BAAU,MAAM;AACZ,UAAM,YAAY,IAAI,iBAAAC,QAAY,IAAI,OAAQ;AAC9C,cAAU,GAAG,WAAW,WAAS,cAAc,UAAU,KAAK,CAAC;AAC/D,cAAU,GAAG,SAAS,WAAS,YAAY,UAAU,KAAK,CAAC;AAC3D,WAAO,MAAM,UAAU,QAAQ;AAAA,EACnC,GAAG,CAAC,CAAC;AAEL,SAAO,oCAAC,YAAO,KAAK,KAAM,GAAG,MAAM,uBAAqB,MAAM;AAClE,CAAC;",
+  "names": ["import_clipboard", "ClipboardJS"]
+}

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/CopyButton";
 export * from "./components/Echart";
 export * from "./components/Flow";
 export * from "./components/FormLabel";

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/CopyButton"), module.exports);
 __reExport(src_exports, require("./components/Echart"), module.exports);
 __reExport(src_exports, require("./components/Flow"), module.exports);
 __reExport(src_exports, require("./components/FormLabel"), module.exports);
@@ -43,6 +44,7 @@ __reExport(src_exports, require("./utils/index"), module.exports);
   ...require("./components/AutoScroll"),
   ...require("./components/AutoSizeTextarea"),
   ...require("./components/CircleText"),
+  ...require("./components/CopyButton"),
   ...require("./components/Echart"),
   ...require("./components/Flow"),
   ...require("./components/FormLabel"),

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "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/FormLabel\"\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\"\nexport * from \"@utils/getReactVersion\"\nexport * from \"@utils/index\"\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,mCAPd;AAQA,wBAAc,wCARd;AASA,wBAAc,mCATd;AAUA,wBAAc,oCAVd;AAWA,wBAAc,8BAXd;AAYA,wBAAc,gCAZd;AAaA,wBAAc,qCAbd;AAcA,wBAAc,kCAdd;AAeA,wBAAc,+BAfd;AAgBA,wBAAc,uCAhBd;AAiBA,wBAAc,uCAjBd;AAkBA,wBAAc,mCAlBd;AAmBA,wBAAc,oCAnBd;AAoBA,wBAAc,0BApBd;",
+  "sourcesContent": ["export * from \"@components/AutoFit\"\nexport * from \"@components/AutoScroll\"\nexport * from \"@components/AutoSizeTextarea\"\nexport * from \"@components/CircleText\"\nexport * from \"@components/CopyButton\"\nexport * from \"@components/Echart\"\nexport * from \"@components/Flow\"\nexport * from \"@components/FormLabel\"\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\"\nexport * from \"@utils/getReactVersion\"\nexport * from \"@utils/index\"\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,iCAAd;AACA,wBAAc,oCADd;AAEA,wBAAc,0CAFd;AAGA,wBAAc,oCAHd;AAIA,wBAAc,oCAJd;AAKA,wBAAc,gCALd;AAMA,wBAAc,8BANd;AAOA,wBAAc,mCAPd;AAQA,wBAAc,mCARd;AASA,wBAAc,wCATd;AAUA,wBAAc,mCAVd;AAWA,wBAAc,oCAXd;AAYA,wBAAc,8BAZd;AAaA,wBAAc,gCAbd;AAcA,wBAAc,qCAdd;AAeA,wBAAc,kCAfd;AAgBA,wBAAc,+BAhBd;AAiBA,wBAAc,uCAjBd;AAkBA,wBAAc,uCAlBd;AAmBA,wBAAc,mCAnBd;AAoBA,wBAAc,oCApBd;AAqBA,wBAAc,0BArBd;",
   "names": []
 }

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

@@ -0,0 +1,9 @@
+import { Event } from "clipboard";
+import { ComponentProps } from "react";
+export { Event } from "clipboard";
+export type CopyButtonProps = ComponentProps<"button"> & {
+    text?: string;
+    onCopySuccess?: (e: Event) => void;
+    onCopyError?: (e: Event) => void;
+};
+export declare const CopyButton: import("react").ForwardRefExoticComponent<Omit<CopyButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/esm/components/CopyButton.js

@@ -0,0 +1,29 @@
+import { useLatest } from "ahooks";
+import ClipboardJS from "clipboard";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+export { Event } from "clipboard";
+export const CopyButton = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    text,
+    onCopySuccess: _onCoptSuccess,
+    onCopyError: _onCopyError,
+    ...rest
+  } = props;
+  const ele = useRef(null);
+  const onCopySuccess = useLatest(_onCoptSuccess);
+  const onCopyError = useLatest(_onCopyError);
+  useImperativeHandle(ref, () => ele.current, [ele.current]);
+  useEffect(() => {
+    const clipboard = new ClipboardJS(ele.current);
+    clipboard.on("success", event => onCopySuccess.current?.(event));
+    clipboard.on("error", event => onCopyError.current?.(event));
+    return () => clipboard.destroy();
+  }, []);
+  return /*#__PURE__*/_jsx("button", {
+    ref: ele,
+    ...rest,
+    "data-clipboard-text": text
+  });
+});
+//# sourceMappingURL=CopyButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useLatest","ClipboardJS","forwardRef","useEffect","useImperativeHandle","useRef","jsx","_jsx","Event","CopyButton","props","ref","text","onCopySuccess","_onCoptSuccess","onCopyError","_onCopyError","rest","ele","current","clipboard","on","event","destroy"],"sources":["../../../src/components/CopyButton.tsx"],"sourcesContent":["import { useLatest } from \"ahooks\"\r\nimport ClipboardJS, { Event } from \"clipboard\"\r\nimport { ComponentProps, forwardRef, useEffect, useImperativeHandle, useRef } from \"react\"\r\n\r\nexport { Event } from \"clipboard\"\r\n\r\nexport type CopyButtonProps = ComponentProps<\"button\"> & {\r\n    text?: string\r\n    onCopySuccess?: (e: Event) => void\r\n    onCopyError?: (e: Event) => void\r\n}\r\n\r\nexport const CopyButton = forwardRef<HTMLButtonElement, CopyButtonProps>((props, ref) => {\r\n    const { text, onCopySuccess: _onCoptSuccess, onCopyError: _onCopyError, ...rest } = props\r\n    const ele = useRef<HTMLButtonElement>(null)\r\n    const onCopySuccess = useLatest(_onCoptSuccess)\r\n    const onCopyError = useLatest(_onCopyError)\r\n\r\n    useImperativeHandle(ref, () => ele.current!, [ele.current])\r\n\r\n    useEffect(() => {\r\n        const clipboard = new ClipboardJS(ele.current!)\r\n        clipboard.on(\"success\", event => onCopySuccess.current?.(event))\r\n        clipboard.on(\"error\", event => onCopyError.current?.(event))\r\n        return () => clipboard.destroy()\r\n    }, [])\r\n\r\n    return <button ref={ele} {...rest} data-clipboard-text={text} />\r\n})\r\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,QAAQ;AAClC,OAAOC,WAAW,MAAiB,WAAW;AAC9C,SAAyBC,UAAU,EAAEC,SAAS,EAAEC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE1F,SAASC,KAAK,QAAQ,WAAW;AAQjC,OAAO,MAAMC,UAAU,gBAAGP,UAAU,CAAqC,CAACQ,KAAK,EAAEC,GAAG,KAAK;EACrF,MAAM;IAAEC,IAAI;IAAEC,aAAa,EAAEC,cAAc;IAAEC,WAAW,EAAEC,YAAY;IAAE,GAAGC;EAAK,CAAC,GAAGP,KAAK;EACzF,MAAMQ,GAAG,GAAGb,MAAM,CAAoB,IAAI,CAAC;EAC3C,MAAMQ,aAAa,GAAGb,SAAS,CAACc,cAAc,CAAC;EAC/C,MAAMC,WAAW,GAAGf,SAAS,CAACgB,YAAY,CAAC;EAE3CZ,mBAAmB,CAACO,GAAG,EAAE,MAAMO,GAAG,CAACC,OAAQ,EAAE,CAACD,GAAG,CAACC,OAAO,CAAC,CAAC;EAE3DhB,SAAS,CAAC,MAAM;IACZ,MAAMiB,SAAS,GAAG,IAAInB,WAAW,CAACiB,GAAG,CAACC,OAAQ,CAAC;IAC/CC,SAAS,CAACC,EAAE,CAAC,SAAS,EAAEC,KAAK,IAAIT,aAAa,CAACM,OAAO,GAAGG,KAAK,CAAC,CAAC;IAChEF,SAAS,CAACC,EAAE,CAAC,OAAO,EAAEC,KAAK,IAAIP,WAAW,CAACI,OAAO,GAAGG,KAAK,CAAC,CAAC;IAC5D,OAAO,MAAMF,SAAS,CAACG,OAAO,CAAC,CAAC;EACpC,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAOhB,IAAA;IAAQI,GAAG,EAAEO,GAAI;IAAA,GAAKD,IAAI;IAAE,uBAAqBL;EAAK,CAAE,CAAC;AACpE,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/CopyButton";
 export * from "./components/Echart";
 export * from "./components/Flow";
 export * from "./components/FormLabel";

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/CopyButton";
 export * from "./components/Echart";
 export * from "./components/Flow";
 export * from "./components/FormLabel";

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"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/FormLabel\"\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\"\nexport * from \"@utils/getReactVersion\"\nexport * from \"@utils/index\"\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"@components/AutoFit\"\nexport * from \"@components/AutoScroll\"\nexport * from \"@components/AutoSizeTextarea\"\nexport * from \"@components/CircleText\"\nexport * from \"@components/CopyButton\"\nexport * from \"@components/Echart\"\nexport * from \"@components/Flow\"\nexport * from \"@components/FormLabel\"\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\"\nexport * from \"@utils/getReactVersion\"\nexport * from \"@utils/index\"\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "deepsea-components",
-  "version": "5.6.0",
+  "version": "5.7.0",
   "description": "格数科技自用组件库",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -27,6 +27,7 @@
   "dependencies": {
     "@emotion/css": "^11.11.2",
     "ahooks": "^3.7.11",
+    "clipboard": "^2.0.11",
     "echarts": "^5.5.0",
     "hls.js": "^1.5.8",
     "smooth-scrollbar": "^8.8.4",
@@ -42,6 +43,7 @@
   "scripts": {
     "dev": "father dev",
     "build": "father build",
+    "prebuild": "tsx scripts/export.ts",
     "build:deps": "father prebundle"
   }
 }

package/src/components/CopyButton.tsx

@@ -0,0 +1,29 @@
+import { useLatest } from "ahooks"
+import ClipboardJS, { Event } from "clipboard"
+import { ComponentProps, forwardRef, useEffect, useImperativeHandle, useRef } from "react"
+
+export { Event } from "clipboard"
+
+export type CopyButtonProps = ComponentProps<"button"> & {
+    text?: string
+    onCopySuccess?: (e: Event) => void
+    onCopyError?: (e: Event) => void
+}
+
+export const CopyButton = forwardRef<HTMLButtonElement, CopyButtonProps>((props, ref) => {
+    const { text, onCopySuccess: _onCoptSuccess, onCopyError: _onCopyError, ...rest } = props
+    const ele = useRef<HTMLButtonElement>(null)
+    const onCopySuccess = useLatest(_onCoptSuccess)
+    const onCopyError = useLatest(_onCopyError)
+
+    useImperativeHandle(ref, () => ele.current!, [ele.current])
+
+    useEffect(() => {
+        const clipboard = new ClipboardJS(ele.current!)
+        clipboard.on("success", event => onCopySuccess.current?.(event))
+        clipboard.on("error", event => onCopyError.current?.(event))
+        return () => clipboard.destroy()
+    }, [])
+
+    return <button ref={ele} {...rest} data-clipboard-text={text} />
+})

package/src/index.ts

@@ -2,6 +2,7 @@ export * from "@components/AutoFit"
 export * from "@components/AutoScroll"
 export * from "@components/AutoSizeTextarea"
 export * from "@components/CircleText"
+export * from "@components/CopyButton"
 export * from "@components/Echart"
 export * from "@components/Flow"
 export * from "@components/FormLabel"