deepsea-components 5.10.18 → 5.11.1

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

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { ReadExcelData } from "deepsea-tools";
+import { InputFileProps } from "./InputFile";
+export interface ReadExcelProps extends Omit<InputFileProps<false, "arrayBuffer">, "multiple" | "accept" | "type" | "onValueChange"> {
+    onValueChange?: (data: ReadExcelData) => void;
+}
+/** 专门用于读取 excel 的组件 */
+export declare const ReadExcel: FC<ReadExcelProps>;

package/dist/cjs/components/{ImportExcel.js → ReadExcel.js}

@@ -17,20 +17,20 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/ImportExcel.tsx
-var ImportExcel_exports = {};
-__export(ImportExcel_exports, {
-  ImportExcel: () => ImportExcel
+// src/components/ReadExcel.tsx
+var ReadExcel_exports = {};
+__export(ReadExcel_exports, {
+  ReadExcel: () => ReadExcel
 });
-module.exports = __toCommonJS(ImportExcel_exports);
+module.exports = __toCommonJS(ReadExcel_exports);
 var import_deepsea_tools = require("deepsea-tools");
 var import_InputFile = require("./InputFile");
-var ImportExcel = (props) => {
+var ReadExcel = (props) => {
   const { onValueChange, ...rest } = props;
   return /* @__PURE__ */ React.createElement(import_InputFile.InputFile, { accept: ".xlsx", type: "arrayBuffer", onValueChange: (data) => onValueChange?.((0, import_deepsea_tools.readExcel)(data)), ...rest });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ImportExcel
+  ReadExcel
 });
-//# sourceMappingURL=ImportExcel.js.map
+//# sourceMappingURL=ReadExcel.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ReadExcel.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport { FC } from \"react\"\nimport { ReadExcelData, readExcel } from \"deepsea-tools\"\n\nimport { InputFile, InputFileProps } from \"./InputFile\"\n\nexport interface ReadExcelProps extends Omit<InputFileProps<false, \"arrayBuffer\">, \"multiple\" | \"accept\" | \"type\" | \"onValueChange\"> {\n    onValueChange?: (data: ReadExcelData) => void\n}\n\n/** 专门用于读取 excel 的组件 */\nexport const ReadExcel: FC<ReadExcelProps> = props => {\n    const { onValueChange, ...rest } = props\n\n    return <InputFile accept=\".xlsx\" type=\"arrayBuffer\" onValueChange={data => onValueChange?.(readExcel(data))} {...rest} />\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,2BAAyC;AAEzC,uBAA0C;AAOnC,IAAM,YAAgC,WAAS;AAClD,QAAM,EAAE,eAAe,GAAG,KAAK,IAAI;AAEnC,SAAO,oCAAC,8BAAU,QAAO,SAAQ,MAAK,eAAc,eAAe,UAAQ,oBAAgB,gCAAU,IAAI,CAAC,GAAI,GAAG,MAAM;AAC3H;",
+  "names": []
+}

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

@@ -0,0 +1,8 @@
+import { ComponentProps, JSX, JSXElementConstructor } from "react";
+import { WriteExcelParams } from "deepsea-tools";
+export type WriteExcelProps<AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "button"> = Omit<ComponentProps<AS>, "as" | "excel"> & {
+    as?: AS;
+    excel?: WriteExcelParams;
+};
+/** 导出 excel 的 button 组件 */
+export declare function WriteExcel<AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "button">(props: WriteExcelProps<AS>): import("react").ReactElement<any, string | JSXElementConstructor<any>>;

package/dist/cjs/components/{ExportExcel.js → WriteExcel.js}

@@ -17,24 +17,29 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/ExportExcel.tsx
-var ExportExcel_exports = {};
-__export(ExportExcel_exports, {
-  ExportExcel: () => ExportExcel
+// src/components/WriteExcel.tsx
+var WriteExcel_exports = {};
+__export(WriteExcel_exports, {
+  WriteExcel: () => WriteExcel
 });
-module.exports = __toCommonJS(ExportExcel_exports);
+module.exports = __toCommonJS(WriteExcel_exports);
 var import_react = require("react");
 var import_deepsea_tools = require("deepsea-tools");
-var ExportExcel = (0, import_react.forwardRef)((props, ref) => {
-  const { data, fileName, onClick, ...rest } = props;
-  function onButtonClick(e) {
-    (0, import_deepsea_tools.exportExcel)({ data, fileName });
-    onClick?.(e);
+function WriteExcel(props) {
+  const { as, excel, onClick: _onClick, ...rest } = props;
+  function onClick(e) {
+    _onClick?.(e);
+    if (!excel)
+      return;
+    (0, import_deepsea_tools.writeExcel)(excel);
   }
-  return /* @__PURE__ */ React.createElement("button", { ref, onClick: onButtonClick, ...rest });
-});
+  return (0, import_react.createElement)(as ?? "button", {
+    onClick,
+    ...rest
+  });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ExportExcel
+  WriteExcel
 });
-//# sourceMappingURL=ExportExcel.js.map
+//# sourceMappingURL=WriteExcel.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/WriteExcel.tsx"],
+  "sourcesContent": ["\"use client\"\r\n\r\nimport { ComponentProps, JSX, JSXElementConstructor, MouseEvent as ReactMouseEvent, createElement } from \"react\"\r\nimport { WriteExcelParams, writeExcel } from \"deepsea-tools\"\r\n\r\nexport type WriteExcelProps<AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = \"button\"> = Omit<ComponentProps<AS>, \"as\" | \"excel\"> & {\r\n    as?: AS\r\n    excel?: WriteExcelParams\r\n}\r\n\r\n/** 导出 excel 的 button 组件 */\r\nexport function WriteExcel<AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = \"button\">(props: WriteExcelProps<AS>) {\r\n    const { as, excel, onClick: _onClick, ...rest } = props\r\n\r\n    function onClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\r\n        _onClick?.(e)\r\n        if (!excel) return\r\n        writeExcel(excel)\r\n    }\r\n\r\n    return createElement(as ?? \"button\", {\r\n        onClick,\r\n        ...rest,\r\n    })\r\n}\r\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAyG;AACzG,2BAA6C;AAQtC,SAAS,WAA2F,OAA4B;AACnI,QAAM,EAAE,IAAI,OAAO,SAAS,UAAU,GAAG,KAAK,IAAI;AAElD,WAAS,QAAQ,GAAmD;AAChE,eAAW,CAAC;AACZ,QAAI,CAAC;AAAO;AACZ,yCAAW,KAAK;AAAA,EACpB;AAEA,aAAO,4BAAc,MAAM,UAAU;AAAA,IACjC;AAAA,IACA,GAAG;AAAA,EACP,CAAC;AACL;",
+  "names": []
+}

package/dist/cjs/index.d.ts

@@ -4,15 +4,14 @@ export * from "./components/AutoSizeTextarea";
 export * from "./components/CircleText";
 export * from "./components/CopyButton";
 export * from "./components/Echart";
-export * from "./components/ExportExcel";
 export * from "./components/Flow";
 export * from "./components/FormLabel";
 export * from "./components/HlsPlayer";
-export * from "./components/ImportExcel";
 export * from "./components/InfiniteScroll";
 export * from "./components/InputFile";
 export * from "./components/InputFileButton";
 export * from "./components/LoopSwiper";
+export * from "./components/ReadExcel";
 export * from "./components/Ring";
 export * from "./components/Scroll";
 export * from "./components/SectionRing";
@@ -22,5 +21,6 @@ export * from "./components/TransitionBox";
 export * from "./components/TransitionNum";
 export * from "./components/Trapezium";
 export * from "./components/Unify";
+export * from "./components/WriteExcel";
 export * from "./utils/getReactVersion";
 export * from "./utils/index";

package/dist/cjs/index.js

@@ -22,15 +22,14 @@ __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/ExportExcel"), module.exports);
 __reExport(src_exports, require("./components/Flow"), module.exports);
 __reExport(src_exports, require("./components/FormLabel"), module.exports);
 __reExport(src_exports, require("./components/HlsPlayer"), module.exports);
-__reExport(src_exports, require("./components/ImportExcel"), module.exports);
 __reExport(src_exports, require("./components/InfiniteScroll"), module.exports);
 __reExport(src_exports, require("./components/InputFile"), module.exports);
 __reExport(src_exports, require("./components/InputFileButton"), module.exports);
 __reExport(src_exports, require("./components/LoopSwiper"), module.exports);
+__reExport(src_exports, require("./components/ReadExcel"), module.exports);
 __reExport(src_exports, require("./components/Ring"), module.exports);
 __reExport(src_exports, require("./components/Scroll"), module.exports);
 __reExport(src_exports, require("./components/SectionRing"), module.exports);
@@ -40,6 +39,7 @@ __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/Unify"), module.exports);
+__reExport(src_exports, require("./components/WriteExcel"), module.exports);
 __reExport(src_exports, require("./utils/getReactVersion"), module.exports);
 __reExport(src_exports, require("./utils/index"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
@@ -50,15 +50,14 @@ __reExport(src_exports, require("./utils/index"), module.exports);
   ...require("./components/CircleText"),
   ...require("./components/CopyButton"),
   ...require("./components/Echart"),
-  ...require("./components/ExportExcel"),
   ...require("./components/Flow"),
   ...require("./components/FormLabel"),
   ...require("./components/HlsPlayer"),
-  ...require("./components/ImportExcel"),
   ...require("./components/InfiniteScroll"),
   ...require("./components/InputFile"),
   ...require("./components/InputFileButton"),
   ...require("./components/LoopSwiper"),
+  ...require("./components/ReadExcel"),
   ...require("./components/Ring"),
   ...require("./components/Scroll"),
   ...require("./components/SectionRing"),
@@ -68,6 +67,7 @@ __reExport(src_exports, require("./utils/index"), module.exports);
   ...require("./components/TransitionNum"),
   ...require("./components/Trapezium"),
   ...require("./components/Unify"),
+  ...require("./components/WriteExcel"),
   ...require("./utils/getReactVersion"),
   ...require("./utils/index")
 });

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/CopyButton\"\nexport * from \"@/components/Echart\"\nexport * from \"@/components/ExportExcel\"\nexport * from \"@/components/Flow\"\nexport * from \"@/components/FormLabel\"\nexport * from \"@/components/HlsPlayer\"\nexport * from \"@/components/ImportExcel\"\nexport * from \"@/components/InfiniteScroll\"\nexport * from \"@/components/InputFile\"\nexport * from \"@/components/InputFileButton\"\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 \"@/components/Unify\"\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,qCANd;AAOA,wBAAc,8BAPd;AAQA,wBAAc,mCARd;AASA,wBAAc,mCATd;AAUA,wBAAc,qCAVd;AAWA,wBAAc,wCAXd;AAYA,wBAAc,mCAZd;AAaA,wBAAc,yCAbd;AAcA,wBAAc,oCAdd;AAeA,wBAAc,8BAfd;AAgBA,wBAAc,gCAhBd;AAiBA,wBAAc,qCAjBd;AAkBA,wBAAc,kCAlBd;AAmBA,wBAAc,+BAnBd;AAoBA,wBAAc,uCApBd;AAqBA,wBAAc,uCArBd;AAsBA,wBAAc,mCAtBd;AAuBA,wBAAc,+BAvBd;AAwBA,wBAAc,oCAxBd;AAyBA,wBAAc,0BAzBd;",
+  "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/InputFileButton\"\nexport * from \"@/components/LoopSwiper\"\nexport * from \"@/components/ReadExcel\"\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 \"@/components/Unify\"\nexport * from \"@/components/WriteExcel\"\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,yCAXd;AAYA,wBAAc,oCAZd;AAaA,wBAAc,mCAbd;AAcA,wBAAc,8BAdd;AAeA,wBAAc,gCAfd;AAgBA,wBAAc,qCAhBd;AAiBA,wBAAc,kCAjBd;AAkBA,wBAAc,+BAlBd;AAmBA,wBAAc,uCAnBd;AAoBA,wBAAc,uCApBd;AAqBA,wBAAc,mCArBd;AAsBA,wBAAc,+BAtBd;AAuBA,wBAAc,oCAvBd;AAwBA,wBAAc,oCAxBd;AAyBA,wBAAc,0BAzBd;",
   "names": []
 }

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

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { ReadExcelData } from "deepsea-tools";
+import { InputFileProps } from "./InputFile";
+export interface ReadExcelProps extends Omit<InputFileProps<false, "arrayBuffer">, "multiple" | "accept" | "type" | "onValueChange"> {
+    onValueChange?: (data: ReadExcelData) => void;
+}
+/** 专门用于读取 excel 的组件 */
+export declare const ReadExcel: FC<ReadExcelProps>;

package/dist/esm/components/{ImportExcel.js → ReadExcel.js}

@@ -4,7 +4,7 @@ import { readExcel } from "deepsea-tools";
 import { InputFile } from "./InputFile";
 import { jsx as _jsx } from "react/jsx-runtime";
 /** 专门用于读取 excel 的组件 */
-export const ImportExcel = props => {
+export const ReadExcel = props => {
   const {
     onValueChange,
     ...rest
@@ -16,4 +16,4 @@ export const ImportExcel = props => {
     ...rest
   });
 };
-//# sourceMappingURL=ImportExcel.js.map
+//# sourceMappingURL=ReadExcel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["readExcel","InputFile","jsx","_jsx","ReadExcel","props","onValueChange","rest","accept","type","data"],"sources":["../../../src/components/ReadExcel.tsx"],"sourcesContent":["\"use client\"\n\nimport { FC } from \"react\"\nimport { ReadExcelData, readExcel } from \"deepsea-tools\"\n\nimport { InputFile, InputFileProps } from \"./InputFile\"\n\nexport interface ReadExcelProps extends Omit<InputFileProps<false, \"arrayBuffer\">, \"multiple\" | \"accept\" | \"type\" | \"onValueChange\"> {\n    onValueChange?: (data: ReadExcelData) => void\n}\n\n/** 专门用于读取 excel 的组件 */\nexport const ReadExcel: FC<ReadExcelProps> = props => {\n    const { onValueChange, ...rest } = props\n\n    return <InputFile accept=\".xlsx\" type=\"arrayBuffer\" onValueChange={data => onValueChange?.(readExcel(data))} {...rest} />\n}\n"],"mappings":"AAAA,YAAY;;AAGZ,SAAwBA,SAAS,QAAQ,eAAe;AAExD,SAASC,SAAS;AAAqC,SAAAC,GAAA,IAAAC,IAAA;AAMvD;AACA,OAAO,MAAMC,SAA6B,GAAGC,KAAK,IAAI;EAClD,MAAM;IAAEC,aAAa;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EAExC,oBAAOF,IAAA,CAACF,SAAS;IAACO,MAAM,EAAC,OAAO;IAACC,IAAI,EAAC,aAAa;IAACH,aAAa,EAAEI,IAAI,IAAIJ,aAAa,GAAGN,SAAS,CAACU,IAAI,CAAC,CAAE;IAAA,GAAKH;EAAI,CAAG,CAAC;AAC7H,CAAC"}

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

@@ -0,0 +1,8 @@
+import { ComponentProps, JSX, JSXElementConstructor } from "react";
+import { WriteExcelParams } from "deepsea-tools";
+export type WriteExcelProps<AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "button"> = Omit<ComponentProps<AS>, "as" | "excel"> & {
+    as?: AS;
+    excel?: WriteExcelParams;
+};
+/** 导出 excel 的 button 组件 */
+export declare function WriteExcel<AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "button">(props: WriteExcelProps<AS>): import("react").ReactElement<any, string | JSXElementConstructor<any>>;

package/dist/esm/components/WriteExcel.js

@@ -0,0 +1,23 @@
+"use client";
+
+import { createElement } from "react";
+import { writeExcel } from "deepsea-tools";
+/** 导出 excel 的 button 组件 */
+export function WriteExcel(props) {
+  const {
+    as,
+    excel,
+    onClick: _onClick,
+    ...rest
+  } = props;
+  function onClick(e) {
+    _onClick?.(e);
+    if (!excel) return;
+    writeExcel(excel);
+  }
+  return /*#__PURE__*/createElement(as ?? "button", {
+    onClick,
+    ...rest
+  });
+}
+//# sourceMappingURL=WriteExcel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createElement","writeExcel","WriteExcel","props","as","excel","onClick","_onClick","rest","e"],"sources":["../../../src/components/WriteExcel.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport { ComponentProps, JSX, JSXElementConstructor, MouseEvent as ReactMouseEvent, createElement } from \"react\"\r\nimport { WriteExcelParams, writeExcel } from \"deepsea-tools\"\r\n\r\nexport type WriteExcelProps<AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = \"button\"> = Omit<ComponentProps<AS>, \"as\" | \"excel\"> & {\r\n    as?: AS\r\n    excel?: WriteExcelParams\r\n}\r\n\r\n/** 导出 excel 的 button 组件 */\r\nexport function WriteExcel<AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = \"button\">(props: WriteExcelProps<AS>) {\r\n    const { as, excel, onClick: _onClick, ...rest } = props\r\n\r\n    function onClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\r\n        _onClick?.(e)\r\n        if (!excel) return\r\n        writeExcel(excel)\r\n    }\r\n\r\n    return createElement(as ?? \"button\", {\r\n        onClick,\r\n        ...rest,\r\n    })\r\n}\r\n"],"mappings":"AAAA,YAAY;;AAEZ,SAAoFA,aAAa,QAAQ,OAAO;AAChH,SAA2BC,UAAU,QAAQ,eAAe;AAO5D;AACA,OAAO,SAASC,UAAUA,CAAiFC,KAA0B,EAAE;EACnI,MAAM;IAAEC,EAAE;IAAEC,KAAK;IAAEC,OAAO,EAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAEvD,SAASG,OAAOA,CAACG,CAAiD,EAAE;IAChEF,QAAQ,GAAGE,CAAC,CAAC;IACb,IAAI,CAACJ,KAAK,EAAE;IACZJ,UAAU,CAACI,KAAK,CAAC;EACrB;EAEA,oBAAOL,aAAa,CAACI,EAAE,IAAI,QAAQ,EAAE;IACjCE,OAAO;IACP,GAAGE;EACP,CAAC,CAAC;AACN"}

package/dist/esm/index.d.ts

@@ -4,15 +4,14 @@ export * from "./components/AutoSizeTextarea";
 export * from "./components/CircleText";
 export * from "./components/CopyButton";
 export * from "./components/Echart";
-export * from "./components/ExportExcel";
 export * from "./components/Flow";
 export * from "./components/FormLabel";
 export * from "./components/HlsPlayer";
-export * from "./components/ImportExcel";
 export * from "./components/InfiniteScroll";
 export * from "./components/InputFile";
 export * from "./components/InputFileButton";
 export * from "./components/LoopSwiper";
+export * from "./components/ReadExcel";
 export * from "./components/Ring";
 export * from "./components/Scroll";
 export * from "./components/SectionRing";
@@ -22,5 +21,6 @@ export * from "./components/TransitionBox";
 export * from "./components/TransitionNum";
 export * from "./components/Trapezium";
 export * from "./components/Unify";
+export * from "./components/WriteExcel";
 export * from "./utils/getReactVersion";
 export * from "./utils/index";

package/dist/esm/index.js

@@ -4,15 +4,14 @@ export * from "./components/AutoSizeTextarea";
 export * from "./components/CircleText";
 export * from "./components/CopyButton";
 export * from "./components/Echart";
-export * from "./components/ExportExcel";
 export * from "./components/Flow";
 export * from "./components/FormLabel";
 export * from "./components/HlsPlayer";
-export * from "./components/ImportExcel";
 export * from "./components/InfiniteScroll";
 export * from "./components/InputFile";
 export * from "./components/InputFileButton";
 export * from "./components/LoopSwiper";
+export * from "./components/ReadExcel";
 export * from "./components/Ring";
 export * from "./components/Scroll";
 export * from "./components/SectionRing";
@@ -22,6 +21,7 @@ export * from "./components/TransitionBox";
 export * from "./components/TransitionNum";
 export * from "./components/Trapezium";
 export * from "./components/Unify";
+export * from "./components/WriteExcel";
 export * from "./utils/getReactVersion";
 export * from "./utils";
 //# sourceMappingURL=index.js.map

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/CopyButton\"\nexport * from \"@/components/Echart\"\nexport * from \"@/components/ExportExcel\"\nexport * from \"@/components/Flow\"\nexport * from \"@/components/FormLabel\"\nexport * from \"@/components/HlsPlayer\"\nexport * from \"@/components/ImportExcel\"\nexport * from \"@/components/InfiniteScroll\"\nexport * from \"@/components/InputFile\"\nexport * from \"@/components/InputFileButton\"\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 \"@/components/Unify\"\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;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/InputFileButton\"\nexport * from \"@/components/LoopSwiper\"\nexport * from \"@/components/ReadExcel\"\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 \"@/components/Unify\"\nexport * from \"@/components/WriteExcel\"\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;AACA;AACA;AACA;AACA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "deepsea-components",
-  "version": "5.10.18",
+  "version": "5.11.1",
   "description": "格数科技自用组件库",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -31,8 +31,8 @@
     "echarts": "^5.6.0",
     "hls.js": "^1.5.20",
     "smooth-scrollbar": "^8.8.4",
-    "deepsea-tools": "5.23.1",
-    "soda-hooks": "6.6.2"
+    "deepsea-tools": "5.24.0",
+    "soda-hooks": "6.6.3"
   },
   "peerDependencies": {
     "@types/react": ">=18.3.18",

package/src/components/{ImportExcel.tsx → ReadExcel.tsx}

@@ -1,16 +1,16 @@
 "use client"
 
 import { FC } from "react"
-import { readExcel } from "deepsea-tools"
+import { ReadExcelData, readExcel } from "deepsea-tools"
 
 import { InputFile, InputFileProps } from "./InputFile"
 
-export interface ImportExcelProps extends Omit<InputFileProps<false, "arrayBuffer">, "multiple" | "accept" | "type" | "onValueChange"> {
-    onValueChange?: (data: Record<string, any>[]) => void
+export interface ReadExcelProps extends Omit<InputFileProps<false, "arrayBuffer">, "multiple" | "accept" | "type" | "onValueChange"> {
+    onValueChange?: (data: ReadExcelData) => void
 }
 
 /** 专门用于读取 excel 的组件 */
-export const ImportExcel: FC<ImportExcelProps> = props => {
+export const ReadExcel: FC<ReadExcelProps> = props => {
     const { onValueChange, ...rest } = props
 
     return <InputFile accept=".xlsx" type="arrayBuffer" onValueChange={data => onValueChange?.(readExcel(data))} {...rest} />

package/src/components/WriteExcel.tsx

@@ -0,0 +1,25 @@
+"use client"
+
+import { ComponentProps, JSX, JSXElementConstructor, MouseEvent as ReactMouseEvent, createElement } from "react"
+import { WriteExcelParams, writeExcel } from "deepsea-tools"
+
+export type WriteExcelProps<AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "button"> = Omit<ComponentProps<AS>, "as" | "excel"> & {
+    as?: AS
+    excel?: WriteExcelParams
+}
+
+/** 导出 excel 的 button 组件 */
+export function WriteExcel<AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "button">(props: WriteExcelProps<AS>) {
+    const { as, excel, onClick: _onClick, ...rest } = props
+
+    function onClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {
+        _onClick?.(e)
+        if (!excel) return
+        writeExcel(excel)
+    }
+
+    return createElement(as ?? "button", {
+        onClick,
+        ...rest,
+    })
+}

package/src/index.ts

@@ -4,15 +4,14 @@ export * from "@/components/AutoSizeTextarea"
 export * from "@/components/CircleText"
 export * from "@/components/CopyButton"
 export * from "@/components/Echart"
-export * from "@/components/ExportExcel"
 export * from "@/components/Flow"
 export * from "@/components/FormLabel"
 export * from "@/components/HlsPlayer"
-export * from "@/components/ImportExcel"
 export * from "@/components/InfiniteScroll"
 export * from "@/components/InputFile"
 export * from "@/components/InputFileButton"
 export * from "@/components/LoopSwiper"
+export * from "@/components/ReadExcel"
 export * from "@/components/Ring"
 export * from "@/components/Scroll"
 export * from "@/components/SectionRing"
@@ -22,5 +21,6 @@ export * from "@/components/TransitionBox"
 export * from "@/components/TransitionNum"
 export * from "@/components/Trapezium"
 export * from "@/components/Unify"
+export * from "@/components/WriteExcel"
 export * from "@/utils/getReactVersion"
 export * from "@/utils/index"

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

@@ -1,6 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-import { ExportExcelParams } from "deepsea-tools";
-export interface ExportExcelProps extends ComponentPropsWithoutRef<"button">, ExportExcelParams {
-}
-/** 导出 excel 的 button 组件 */
-export declare const ExportExcel: import("react").ForwardRefExoticComponent<ExportExcelProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ExportExcel.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ComponentPropsWithoutRef, ComponentRef, MouseEvent as ReactMouseEvent, forwardRef } from \"react\"\nimport { ExportExcelParams, exportExcel } from \"deepsea-tools\"\n\nexport interface ExportExcelProps extends ComponentPropsWithoutRef<\"button\">, ExportExcelParams {}\n\n/** 导出 excel 的 button 组件 */\nexport const ExportExcel = forwardRef<ComponentRef<\"button\">, ExportExcelProps>((props, ref) => {\n    const { data, fileName, onClick, ...rest } = props\n\n    function onButtonClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\n        exportExcel({ data, fileName })\n        onClick?.(e)\n    }\n\n    return <button ref={ref} onClick={onButtonClick} {...rest} />\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkG;AAClG,2BAA+C;AAKxC,IAAM,kBAAc,yBAAqD,CAAC,OAAO,QAAQ;AAC5F,QAAM,EAAE,MAAM,UAAU,SAAS,GAAG,KAAK,IAAI;AAE7C,WAAS,cAAc,GAAmD;AACtE,0CAAY,EAAE,MAAM,SAAS,CAAC;AAC9B,cAAU,CAAC;AAAA,EACf;AAEA,SAAO,oCAAC,YAAO,KAAU,SAAS,eAAgB,GAAG,MAAM;AAC/D,CAAC;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-import { FC } from "react";
-import { InputFileProps } from "./InputFile";
-export interface ImportExcelProps extends Omit<InputFileProps<false, "arrayBuffer">, "multiple" | "accept" | "type" | "onValueChange"> {
-    onValueChange?: (data: Record<string, any>[]) => void;
-}
-/** 专门用于读取 excel 的组件 */
-export declare const ImportExcel: FC<ImportExcelProps>;

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ImportExcel.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { FC } from \"react\"\nimport { readExcel } from \"deepsea-tools\"\n\nimport { InputFile, InputFileProps } from \"./InputFile\"\n\nexport interface ImportExcelProps extends Omit<InputFileProps<false, \"arrayBuffer\">, \"multiple\" | \"accept\" | \"type\" | \"onValueChange\"> {\n    onValueChange?: (data: Record<string, any>[]) => void\n}\n\n/** 专门用于读取 excel 的组件 */\nexport const ImportExcel: FC<ImportExcelProps> = props => {\n    const { onValueChange, ...rest } = props\n\n    return <InputFile accept=\".xlsx\" type=\"arrayBuffer\" onValueChange={data => onValueChange?.(readExcel(data))} {...rest} />\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,2BAA0B;AAE1B,uBAA0C;AAOnC,IAAM,cAAoC,WAAS;AACtD,QAAM,EAAE,eAAe,GAAG,KAAK,IAAI;AAEnC,SAAO,oCAAC,8BAAU,QAAO,SAAQ,MAAK,eAAc,eAAe,UAAQ,oBAAgB,gCAAU,IAAI,CAAC,GAAI,GAAG,MAAM;AAC3H;",
-  "names": []
-}

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

@@ -1,6 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-import { ExportExcelParams } from "deepsea-tools";
-export interface ExportExcelProps extends ComponentPropsWithoutRef<"button">, ExportExcelParams {
-}
-/** 导出 excel 的 button 组件 */
-export declare const ExportExcel: import("react").ForwardRefExoticComponent<ExportExcelProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/esm/components/ExportExcel.js

@@ -1,27 +0,0 @@
-"use client";
-
-import { forwardRef } from "react";
-import { exportExcel } from "deepsea-tools";
-import { jsx as _jsx } from "react/jsx-runtime";
-/** 导出 excel 的 button 组件 */
-export const ExportExcel = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    data,
-    fileName,
-    onClick,
-    ...rest
-  } = props;
-  function onButtonClick(e) {
-    exportExcel({
-      data,
-      fileName
-    });
-    onClick?.(e);
-  }
-  return /*#__PURE__*/_jsx("button", {
-    ref: ref,
-    onClick: onButtonClick,
-    ...rest
-  });
-});
-//# sourceMappingURL=ExportExcel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["forwardRef","exportExcel","jsx","_jsx","ExportExcel","props","ref","data","fileName","onClick","rest","onButtonClick","e"],"sources":["../../../src/components/ExportExcel.tsx"],"sourcesContent":["\"use client\"\n\nimport { ComponentPropsWithoutRef, ComponentRef, MouseEvent as ReactMouseEvent, forwardRef } from \"react\"\nimport { ExportExcelParams, exportExcel } from \"deepsea-tools\"\n\nexport interface ExportExcelProps extends ComponentPropsWithoutRef<\"button\">, ExportExcelParams {}\n\n/** 导出 excel 的 button 组件 */\nexport const ExportExcel = forwardRef<ComponentRef<\"button\">, ExportExcelProps>((props, ref) => {\n    const { data, fileName, onClick, ...rest } = props\n\n    function onButtonClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\n        exportExcel({ data, fileName })\n        onClick?.(e)\n    }\n\n    return <button ref={ref} onClick={onButtonClick} {...rest} />\n})\n"],"mappings":"AAAA,YAAY;;AAEZ,SAAgFA,UAAU,QAAQ,OAAO;AACzG,SAA4BC,WAAW,QAAQ,eAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAI9D;AACA,OAAO,MAAMC,WAAW,gBAAGJ,UAAU,CAA2C,CAACK,KAAK,EAAEC,GAAG,KAAK;EAC5F,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,OAAO;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAElD,SAASM,aAAaA,CAACC,CAAiD,EAAE;IACtEX,WAAW,CAAC;MAAEM,IAAI;MAAEC;IAAS,CAAC,CAAC;IAC/BC,OAAO,GAAGG,CAAC,CAAC;EAChB;EAEA,oBAAOT,IAAA;IAAQG,GAAG,EAAEA,GAAI;IAACG,OAAO,EAAEE,aAAc;IAAA,GAAKD;EAAI,CAAG,CAAC;AACjE,CAAC,CAAC"}

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

@@ -1,7 +0,0 @@
-import { FC } from "react";
-import { InputFileProps } from "./InputFile";
-export interface ImportExcelProps extends Omit<InputFileProps<false, "arrayBuffer">, "multiple" | "accept" | "type" | "onValueChange"> {
-    onValueChange?: (data: Record<string, any>[]) => void;
-}
-/** 专门用于读取 excel 的组件 */
-export declare const ImportExcel: FC<ImportExcelProps>;

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

@@ -1 +0,0 @@
-{"version":3,"names":["readExcel","InputFile","jsx","_jsx","ImportExcel","props","onValueChange","rest","accept","type","data"],"sources":["../../../src/components/ImportExcel.tsx"],"sourcesContent":["\"use client\"\n\nimport { FC } from \"react\"\nimport { readExcel } from \"deepsea-tools\"\n\nimport { InputFile, InputFileProps } from \"./InputFile\"\n\nexport interface ImportExcelProps extends Omit<InputFileProps<false, \"arrayBuffer\">, \"multiple\" | \"accept\" | \"type\" | \"onValueChange\"> {\n    onValueChange?: (data: Record<string, any>[]) => void\n}\n\n/** 专门用于读取 excel 的组件 */\nexport const ImportExcel: FC<ImportExcelProps> = props => {\n    const { onValueChange, ...rest } = props\n\n    return <InputFile accept=\".xlsx\" type=\"arrayBuffer\" onValueChange={data => onValueChange?.(readExcel(data))} {...rest} />\n}\n"],"mappings":"AAAA,YAAY;;AAGZ,SAASA,SAAS,QAAQ,eAAe;AAEzC,SAASC,SAAS;AAAqC,SAAAC,GAAA,IAAAC,IAAA;AAMvD;AACA,OAAO,MAAMC,WAAiC,GAAGC,KAAK,IAAI;EACtD,MAAM;IAAEC,aAAa;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EAExC,oBAAOF,IAAA,CAACF,SAAS;IAACO,MAAM,EAAC,OAAO;IAACC,IAAI,EAAC,aAAa;IAACH,aAAa,EAAEI,IAAI,IAAIJ,aAAa,GAAGN,SAAS,CAACU,IAAI,CAAC,CAAE;IAAA,GAAKH;EAAI,CAAG,CAAC;AAC7H,CAAC"}

package/src/components/ExportExcel.tsx

@@ -1,18 +0,0 @@
-"use client"
-
-import { ComponentPropsWithoutRef, ComponentRef, MouseEvent as ReactMouseEvent, forwardRef } from "react"
-import { ExportExcelParams, exportExcel } from "deepsea-tools"
-
-export interface ExportExcelProps extends ComponentPropsWithoutRef<"button">, ExportExcelParams {}
-
-/** 导出 excel 的 button 组件 */
-export const ExportExcel = forwardRef<ComponentRef<"button">, ExportExcelProps>((props, ref) => {
-    const { data, fileName, onClick, ...rest } = props
-
-    function onButtonClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {
-        exportExcel({ data, fileName })
-        onClick?.(e)
-    }
-
-    return <button ref={ref} onClick={onButtonClick} {...rest} />
-})