deepsea-components 5.7.22 → 5.8.0

package/README.md

@@ -1,23 +1,23 @@
-# deepsea-components
-
-[![NPM version](https://img.shields.io/npm/v/deepsea-components.svg?style=flat)](https://npmjs.org/package/deepsea-components)
-[![NPM downloads](http://img.shields.io/npm/dm/deepsea-components.svg?style=flat)](https://npmjs.org/package/deepsea-components)
-
-## Install
-
-```bash
-$ yarn install
-```
-
-```bash
-$ npm run dev
-$ npm run build
-```
-
-## Options
-
-TODO
-
-## LICENSE
-
-MIT
+# deepsea-components
+
+[![NPM version](https://img.shields.io/npm/v/deepsea-components.svg?style=flat)](https://npmjs.org/package/deepsea-components)
+[![NPM downloads](http://img.shields.io/npm/dm/deepsea-components.svg?style=flat)](https://npmjs.org/package/deepsea-components)
+
+## Install
+
+```bash
+$ yarn install
+```
+
+```bash
+$ npm run dev
+$ npm run build
+```
+
+## Options
+
+TODO
+
+## LICENSE
+
+MIT

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

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

package/dist/cjs/components/ExportExcel.js

@@ -0,0 +1,36 @@
+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/ExportExcel.tsx
+var ExportExcel_exports = {};
+__export(ExportExcel_exports, {
+  default: () => ExportExcel_default
+});
+module.exports = __toCommonJS(ExportExcel_exports);
+var import_deepsea_tools = require("deepsea-tools");
+var import_react = require("react");
+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);
+  }
+  return /* @__PURE__ */ React.createElement("button", { ref, onClick: onButtonClick, ...rest });
+});
+var ExportExcel_default = ExportExcel;
+//# sourceMappingURL=ExportExcel.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ExportExcel.tsx"],
+  "sourcesContent": ["import { ExportExcelParams, exportExcel } from \"deepsea-tools\"\r\nimport { ComponentPropsWithoutRef, ComponentRef, MouseEvent as ReactMouseEvent, forwardRef } from \"react\"\r\n\r\nexport interface ExportExcelProps extends ComponentPropsWithoutRef<\"button\">, ExportExcelParams {}\r\n\r\n/** 导出 excel 的 button 组件 */\r\nconst ExportExcel = forwardRef<ComponentRef<\"button\">, ExportExcelProps>((props, ref) => {\r\n    const { data, fileName, onClick, ...rest } = props\r\n\r\n    function onButtonClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\r\n        exportExcel({ data, fileName })\r\n        onClick?.(e)\r\n    }\r\n\r\n    return <button ref={ref} onClick={onButtonClick} {...rest} />\r\n})\r\n\r\nexport default ExportExcel\r\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA+C;AAC/C,mBAAkG;AAKlG,IAAM,kBAAc,yBAAqD,CAAC,OAAO,QAAQ;AACrF,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;AAED,IAAO,sBAAQ;",
+  "names": []
+}

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from "react";
-export type FormLabelConfig = {
+export interface FormLabelConfig {
     /**
      * Label 的宽度.
      */
@@ -8,12 +8,13 @@ export type FormLabelConfig = {
      * 是否在 Label 前面添加一个空白区域，只有当前 Label 为非必选，而存在其他 Label 为必选的时候开启
      */
     before?: boolean | number;
-};
-export type FormLabelProps = ComponentPropsWithoutRef<"div"> & FormLabelConfig;
+}
+export interface FormLabelProps extends ComponentPropsWithoutRef<"div">, FormLabelConfig {
+}
 export declare const FormLabelConfigContext: import("react").Context<Partial<FormLabelConfig>>;
-export type FormLabelConfigProviderProps = FormLabelConfig & {
+export interface FormLabelConfigProviderProps extends FormLabelConfig {
     children?: ReactNode;
-};
+}
 export declare const FormLabelConfigProvider: FC<FormLabelConfigProviderProps>;
 /**
  * 为 Ant Design 的 FormItem 设计的 Label 组件

package/dist/cjs/components/FormLabel.js

@@ -31,7 +31,7 @@ var FormLabelConfigProvider = ({ width, before, children }) => /* @__PURE__ */ R
 var FormLabel = (props) => {
   const { width: _width, before: _before } = (0, import_react.useContext)(FormLabelConfigContext);
   const { style, width = _width, before = _before, ...rest } = props;
-  return /* @__PURE__ */ React.createElement(import_react.Fragment, null, !!before && /* @__PURE__ */ React.createElement("div", { style: { width: 11, color: "transparent" } }, " "), /* @__PURE__ */ React.createElement("div", { style: { width, textAlign: "justify", textAlignLast: "justify", ...style }, ...rest }));
+  return /* @__PURE__ */ React.createElement(import_react.Fragment, null, !!before && /* @__PURE__ */ React.createElement("div", { style: { width: 11, color: "transparent", userSelect: "none" } }, " "), /* @__PURE__ */ React.createElement("div", { style: { width, textAlign: "justify", textAlignLast: "justify", ...style }, ...rest }));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormLabel.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ComponentPropsWithoutRef, FC, Fragment, ReactNode, createContext, useContext } from \"react\"\n\nexport type FormLabelConfig = {\n    /**\n     * Label 的宽度.\n     */\n    width?: number\n    /**\n     * 是否在 Label 前面添加一个空白区域，只有当前 Label 为非必选，而存在其他 Label 为必选的时候开启\n     */\n    before?: boolean | number\n}\n\nexport type FormLabelProps = ComponentPropsWithoutRef<\"div\"> & FormLabelConfig\n\nexport const FormLabelConfigContext = createContext<Partial<FormLabelConfig>>({})\n\nexport type FormLabelConfigProviderProps = FormLabelConfig & {\n    children?: ReactNode\n}\n\nexport const FormLabelConfigProvider: FC<FormLabelConfigProviderProps> = ({ width, before, children }) => (\n    <FormLabelConfigContext.Provider value={{ width, before }}>{children}</FormLabelConfigContext.Provider>\n)\n\n/**\n * 为 Ant Design 的 FormItem 设计的 Label 组件\n */\nexport const FormLabel: FC<FormLabelProps> = props => {\n    const { width: _width, before: _before } = useContext(FormLabelConfigContext)\n    const { style, width = _width, before = _before, ...rest } = props\n\n    return (\n        <Fragment>\n            {!!before && <div style={{ width: 11, color: \"transparent\" }}>&ensp;</div>}\n            <div style={{ width, textAlign: \"justify\", textAlignLast: \"justify\", ...style }} {...rest} />\n        </Fragment>\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA6F;AAetF,IAAM,6BAAyB,4BAAwC,CAAC,CAAC;AAMzE,IAAM,0BAA4D,CAAC,EAAE,OAAO,QAAQ,SAAS,MAChG,oCAAC,uBAAuB,UAAvB,EAAgC,OAAO,EAAE,OAAO,OAAO,KAAI,QAAS;AAMlE,IAAM,YAAgC,WAAS;AAClD,QAAM,EAAE,OAAO,QAAQ,QAAQ,QAAQ,QAAI,yBAAW,sBAAsB;AAC5E,QAAM,EAAE,OAAO,QAAQ,QAAQ,SAAS,SAAS,GAAG,KAAK,IAAI;AAE7D,SACI,oCAAC,6BACI,CAAC,CAAC,UAAU,oCAAC,SAAI,OAAO,EAAE,OAAO,IAAI,OAAO,cAAc,KAAG,GAAM,GACpE,oCAAC,SAAI,OAAO,EAAE,OAAO,WAAW,WAAW,eAAe,WAAW,GAAG,MAAM,GAAI,GAAG,MAAM,CAC/F;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ComponentPropsWithoutRef, FC, Fragment, ReactNode, createContext, useContext } from \"react\"\n\nexport interface FormLabelConfig {\n    /**\n     * Label 的宽度.\n     */\n    width?: number\n    /**\n     * 是否在 Label 前面添加一个空白区域，只有当前 Label 为非必选，而存在其他 Label 为必选的时候开启\n     */\n    before?: boolean | number\n}\n\nexport interface FormLabelProps extends ComponentPropsWithoutRef<\"div\">, FormLabelConfig {}\n\nexport const FormLabelConfigContext = createContext<Partial<FormLabelConfig>>({})\n\nexport interface FormLabelConfigProviderProps extends FormLabelConfig {\n    children?: ReactNode\n}\n\nexport const FormLabelConfigProvider: FC<FormLabelConfigProviderProps> = ({ width, before, children }) => (\n    <FormLabelConfigContext.Provider value={{ width, before }}>{children}</FormLabelConfigContext.Provider>\n)\n\n/**\n * 为 Ant Design 的 FormItem 设计的 Label 组件\n */\nexport const FormLabel: FC<FormLabelProps> = props => {\n    const { width: _width, before: _before } = useContext(FormLabelConfigContext)\n    const { style, width = _width, before = _before, ...rest } = props\n\n    return (\n        <Fragment>\n            {!!before && <div style={{ width: 11, color: \"transparent\", userSelect: \"none\" }}>&ensp;</div>}\n            <div style={{ width, textAlign: \"justify\", textAlignLast: \"justify\", ...style }} {...rest} />\n        </Fragment>\n    )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA6F;AAetF,IAAM,6BAAyB,4BAAwC,CAAC,CAAC;AAMzE,IAAM,0BAA4D,CAAC,EAAE,OAAO,QAAQ,SAAS,MAChG,oCAAC,uBAAuB,UAAvB,EAAgC,OAAO,EAAE,OAAO,OAAO,KAAI,QAAS;AAMlE,IAAM,YAAgC,WAAS;AAClD,QAAM,EAAE,OAAO,QAAQ,QAAQ,QAAQ,QAAI,yBAAW,sBAAsB;AAC5E,QAAM,EAAE,OAAO,QAAQ,QAAQ,SAAS,SAAS,GAAG,KAAK,IAAI;AAE7D,SACI,oCAAC,6BACI,CAAC,CAAC,UAAU,oCAAC,SAAI,OAAO,EAAE,OAAO,IAAI,OAAO,eAAe,YAAY,OAAO,KAAG,GAAM,GACxF,oCAAC,SAAI,OAAO,EAAE,OAAO,WAAW,WAAW,eAAe,WAAW,GAAG,MAAM,GAAI,GAAG,MAAM,CAC/F;AAER;",
   "names": []
 }

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

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

package/dist/cjs/components/ImportExcel.js

@@ -0,0 +1,37 @@
+"use client";
+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/ImportExcel.tsx
+var ImportExcel_exports = {};
+__export(ImportExcel_exports, {
+  ImportExcel: () => ImportExcel
+});
+module.exports = __toCommonJS(ImportExcel_exports);
+var import_deepsea_tools = require("deepsea-tools");
+var import_react = require("react");
+var import_InputFile = require("./InputFile");
+var ImportExcel = (0, import_react.forwardRef)((props, ref) => {
+  const { onChange, ...rest } = props;
+  return /* @__PURE__ */ React.createElement(import_InputFile.InputFile, { ref, accept: ".xlsx", type: "arrayBuffer", onChange: ({ result }) => onChange?.((0, import_deepsea_tools.readExcel)(result)), ...rest });
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ImportExcel
+});
+//# sourceMappingURL=ImportExcel.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ImportExcel.tsx"],
+  "sourcesContent": ["\"use client\"\r\n\r\nimport { readExcel } from \"deepsea-tools\"\r\nimport { forwardRef } from \"react\"\r\n\r\nimport { InputFile, InputFileProps } from \"./InputFile\"\r\n\r\nexport interface ImportExcelProps extends Omit<InputFileProps, \"multiple\" | \"onChange\" | \"accept\" | \"type\"> {\r\n    onChange?: (data: Record<string, any>[]) => void\r\n}\r\n\r\n/** 专门用于读取 excel 的组件 */\r\nexport const ImportExcel = forwardRef<HTMLInputElement, ImportExcelProps>((props, ref) => {\r\n    const { onChange, ...rest } = props\r\n\r\n    return <InputFile ref={ref} accept=\".xlsx\" type=\"arrayBuffer\" onChange={({ result }) => onChange?.(readExcel(result))} {...rest} />\r\n})\r\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA0B;AAC1B,mBAA2B;AAE3B,uBAA0C;AAOnC,IAAM,kBAAc,yBAA+C,CAAC,OAAO,QAAQ;AACtF,QAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAE9B,SAAO,oCAAC,8BAAU,KAAU,QAAO,SAAQ,MAAK,eAAc,UAAU,CAAC,EAAE,OAAO,MAAM,eAAW,gCAAU,MAAM,CAAC,GAAI,GAAG,MAAM;AACrI,CAAC;",
+  "names": []
+}

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

@@ -51,17 +51,3 @@ export declare const InputFileButton: import("react").ForwardRefExoticComponent<
     input: InputFileProps;
     dragFile?: boolean | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;
-export type ExcelItem = Record<string, string | undefined>;
-export interface ImportExcelProps extends Omit<InputFileProps, "multiple" | "onChange" | "accept" | "type"> {
-    onChange?: (data: ExcelItem[]) => void;
-}
-/** 专门用于读取 excel 的组件 */
-export declare const ImportExcel: import("react").ForwardRefExoticComponent<ImportExcelProps & import("react").RefAttributes<HTMLInputElement>>;
-/** 手动导出 excel */
-export declare function exportExcel(data: ExcelItem[], name: string): void;
-export interface ExportExcelProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    data: ExcelItem[];
-    fileName: string;
-}
-/** 导出 excel 的 button 组件 */
-export declare const ExportExcel: import("react").ForwardRefExoticComponent<ExportExcelProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/InputFile.js

@@ -20,16 +20,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/InputFile.tsx
 var InputFile_exports = {};
 __export(InputFile_exports, {
-  ExportExcel: () => ExportExcel,
-  ImportExcel: () => ImportExcel,
   InputFile: () => InputFile,
   InputFileButton: () => InputFileButton,
-  exportExcel: () => exportExcel,
   getFileData: () => getFileData
 });
 module.exports = __toCommonJS(InputFile_exports);
 var import_react = require("react");
-var import_xlsx = require("xlsx");
 async function getFileData(file, type) {
   const fileReader = new FileReader();
   switch (type) {
@@ -144,43 +140,10 @@ var InputFileButton = (0, import_react.forwardRef)((props, ref) => {
     }
   ), /* @__PURE__ */ React.createElement("button", { ref, type: "button", disabled: disabled || _disabled, onClick, onDrop, onDragOver, ...rest }));
 });
-var ImportExcel = (0, import_react.forwardRef)((props, ref) => {
-  const { onChange, ...rest } = props;
-  function onInputChange(data) {
-    const wb = (0, import_xlsx.read)(data.result);
-    const result = import_xlsx.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]);
-    if (typeof result === "object") {
-      const $ = result.map((it) => {
-        const _ = {};
-        Object.keys(it).filter((key) => key !== "__rowNum__").forEach((key) => _[key] = String(it[key]));
-        return _;
-      });
-      onChange?.($);
-    }
-  }
-  return /* @__PURE__ */ React.createElement(InputFile, { ref, accept: ".xlsx", type: "arrayBuffer", onChange: onInputChange, ...rest });
-});
-function exportExcel(data, name) {
-  const workSheet = import_xlsx.utils.json_to_sheet(data);
-  const workBook = import_xlsx.utils.book_new();
-  import_xlsx.utils.book_append_sheet(workBook, workSheet);
-  (0, import_xlsx.writeFile)(workBook, `${name}${name.endsWith(".xlsx") ? "" : ".xlsx"}`);
-}
-var ExportExcel = (0, import_react.forwardRef)((props, ref) => {
-  const { data, fileName, onClick, ...rest } = props;
-  function onButtonClick(e) {
-    exportExcel(data, fileName);
-    onClick?.(e);
-  }
-  return /* @__PURE__ */ React.createElement("button", { ref, onClick: onButtonClick, ...rest });
-});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ExportExcel,
-  ImportExcel,
   InputFile,
   InputFileButton,
-  exportExcel,
   getFileData
 });
 //# sourceMappingURL=InputFile.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/InputFile.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ButtonHTMLAttributes, ChangeEvent, DragEvent, Fragment, InputHTMLAttributes, MouseEvent as ReactMouseEvent, forwardRef, useRef, useState } from \"react\"\nimport { read, utils, writeFile } from \"xlsx\"\n\nexport interface InputFileDataTypes {\n    base64: string\n    text: string\n    arrayBuffer: ArrayBuffer\n    binary: string\n    file: File\n}\n\nexport type InputFileDataType = keyof InputFileDataTypes\n\nexport interface InputFileData<T> {\n    result: T\n    file: File\n}\n\nexport type InputFileProps = (\n    | {\n          multiple?: false\n          type: \"base64\" | \"text\" | \"binary\"\n          onChange?: (data: InputFileData<string>) => void\n      }\n    | {\n          multiple?: false\n          type: \"arrayBuffer\"\n          onChange?: (data: InputFileData<ArrayBuffer>) => void\n      }\n    | {\n          multiple?: false\n          type?: \"file\"\n          onChange?: (data: InputFileData<File>) => void\n      }\n    | {\n          multiple: true\n          type: \"base64\" | \"text\" | \"binary\"\n          onChange?: (data: InputFileData<string>[]) => void\n      }\n    | {\n          multiple: true\n          type: \"arrayBuffer\"\n          onChange?: (data: InputFileData<ArrayBuffer>[]) => void\n      }\n    | {\n          multiple: true\n          type?: \"file\"\n          onChange?: (data: InputFileData<File>[]) => void\n      }\n) &\n    Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"multiple\" | \"type\"> & {\n        /** 是否在捕获文件后清除 input 上的文件，默认为 false，主要区别在于如果不清除，连续两次选择同样的文件不会触发 onChange 事件，如果用于 form 表单，请设置为 flase */\n        clearAfterChange?: boolean\n    }\n\nexport async function getFileData<T extends InputFileDataType>(file: File, type: T): Promise<InputFileDataTypes[T]> {\n    const fileReader = new FileReader()\n    switch (type) {\n        case \"arrayBuffer\":\n            fileReader.readAsArrayBuffer(file)\n            break\n        case \"binary\":\n            fileReader.readAsBinaryString(file)\n            break\n        case \"base64\":\n            fileReader.readAsDataURL(file)\n            break\n        case \"text\":\n            fileReader.readAsText(file)\n            break\n        default:\n            return file as any\n    }\n    return new Promise(resolve => {\n        fileReader.addEventListener(\"load\", () => {\n            resolve(fileReader.result as any)\n        })\n    })\n}\n\n/** 专用于读取文件的组件 */\nexport const InputFile = forwardRef<HTMLInputElement, InputFileProps>((props, ref) => {\n    const { multiple = false, type = \"file\", onChange, disabled: inputDisabled, clearAfterChange, ...rest } = props\n    const [disabled, setDisabled] = useState(false)\n\n    async function onInputChange(e: ChangeEvent<HTMLInputElement>) {\n        const input = e.target\n        const { files } = input\n        if (!files || files.length === 0) return\n        setDisabled(true)\n        try {\n            if (multiple) {\n                const result: any[] = []\n                for (const file of Array.from(files)) {\n                    result.push({\n                        result: await getFileData(file, type),\n                        file,\n                    })\n                }\n                onChange?.(result as any)\n            } else {\n                onChange?.({\n                    result: await getFileData(files[0], type),\n                    file: files[0],\n                } as any)\n            }\n        } finally {\n            if (clearAfterChange) input.value = \"\"\n            setDisabled(false)\n        }\n    }\n\n    return <input ref={ref} disabled={disabled || inputDisabled} type=\"file\" multiple={multiple} onChange={onInputChange} {...rest} />\n})\n\nexport type InputFileButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n    input: InputFileProps\n    dragFile?: boolean\n}\n\n/** 专用于读取文件的 button 组件 */\nexport const InputFileButton = forwardRef<HTMLButtonElement, InputFileButtonProps>((props, ref) => {\n    const { onClick: _onClick, input: inputProps, onDrop: _onDrop, onDragOver: _onDragOver, dragFile, disabled: _disabled, ...rest } = props\n    const { style, disabled: __disabled, multiple, onChange, type = \"file\", ...restInputProps } = inputProps\n    const [disabled, setDisabled] = useState(false)\n    const input = useRef<HTMLInputElement>(null)\n\n    function onClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\n        input.current?.click()\n        _onClick?.(e)\n    }\n\n    async function onDrop(e: DragEvent<HTMLButtonElement>) {\n        _onDrop?.(e)\n        if (disabled || !dragFile) return\n        e.preventDefault()\n        const { files } = e.dataTransfer\n        if (!files || files.length === 0) return\n        setDisabled(true)\n        try {\n            if (multiple) {\n                const result: any[] = []\n                for (const file of Array.from(files)) {\n                    result.push({\n                        result: await getFileData(file, type),\n                        file,\n                    })\n                }\n                onChange?.(result as any)\n            } else {\n                onChange?.({\n                    result: await getFileData(files[0], type),\n                    file: files[0],\n                } as any)\n            }\n        } finally {\n            setDisabled(false)\n        }\n    }\n\n    function onDragOver(e: DragEvent<HTMLButtonElement>) {\n        _onDragOver?.(e)\n        if (disabled || !dragFile) return\n        e.preventDefault()\n    }\n\n    return (\n        <Fragment>\n            <InputFile\n                ref={input}\n                disabled={disabled || _disabled || __disabled}\n                style={{ display: \"none\", ...style }}\n                multiple={multiple as any}\n                onChange={onChange as any}\n                type={type as any}\n                {...restInputProps}\n            />\n            <button ref={ref} type=\"button\" disabled={disabled || _disabled} onClick={onClick} onDrop={onDrop} onDragOver={onDragOver} {...rest} />\n        </Fragment>\n    )\n})\n\nexport type ExcelItem = Record<string, string | undefined>\n\nexport interface ImportExcelProps extends Omit<InputFileProps, \"multiple\" | \"onChange\" | \"accept\" | \"type\"> {\n    onChange?: (data: ExcelItem[]) => void\n}\n\n/** 专门用于读取 excel 的组件 */\nexport const ImportExcel = forwardRef<HTMLInputElement, ImportExcelProps>((props, ref) => {\n    const { onChange, ...rest } = props\n\n    function onInputChange(data: InputFileData<ArrayBuffer>) {\n        const wb = read(data.result)\n        const result = utils.sheet_to_json<any>(wb.Sheets[wb.SheetNames[0]])\n        if (typeof result === \"object\") {\n            const $ = result.map(it => {\n                const _: Record<string, string> = {}\n                Object.keys(it)\n                    .filter(key => key !== \"__rowNum__\")\n                    .forEach(key => (_[key] = String(it[key])))\n                return _\n            })\n            onChange?.($)\n        }\n    }\n\n    return <InputFile ref={ref} accept=\".xlsx\" type=\"arrayBuffer\" onChange={onInputChange} {...rest} />\n})\n\n/** 手动导出 excel */\nexport function exportExcel(data: ExcelItem[], name: string) {\n    const workSheet = utils.json_to_sheet(data)\n    const workBook = utils.book_new()\n    utils.book_append_sheet(workBook, workSheet)\n    writeFile(workBook, `${name}${name.endsWith(\".xlsx\") ? \"\" : \".xlsx\"}`)\n}\n\nexport interface ExportExcelProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n    data: ExcelItem[]\n    fileName: string\n}\n\n/** 导出 excel 的 button 组件 */\nexport const ExportExcel = forwardRef<HTMLButtonElement, 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": "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",
+  "sourcesContent": ["\"use client\"\n\nimport { ButtonHTMLAttributes, ChangeEvent, DragEvent, Fragment, InputHTMLAttributes, MouseEvent as ReactMouseEvent, forwardRef, useRef, useState } from \"react\"\n\nexport interface InputFileDataTypes {\n    base64: string\n    text: string\n    arrayBuffer: ArrayBuffer\n    binary: string\n    file: File\n}\n\nexport type InputFileDataType = keyof InputFileDataTypes\n\nexport interface InputFileData<T> {\n    result: T\n    file: File\n}\n\nexport type InputFileProps = (\n    | {\n          multiple?: false\n          type: \"base64\" | \"text\" | \"binary\"\n          onChange?: (data: InputFileData<string>) => void\n      }\n    | {\n          multiple?: false\n          type: \"arrayBuffer\"\n          onChange?: (data: InputFileData<ArrayBuffer>) => void\n      }\n    | {\n          multiple?: false\n          type?: \"file\"\n          onChange?: (data: InputFileData<File>) => void\n      }\n    | {\n          multiple: true\n          type: \"base64\" | \"text\" | \"binary\"\n          onChange?: (data: InputFileData<string>[]) => void\n      }\n    | {\n          multiple: true\n          type: \"arrayBuffer\"\n          onChange?: (data: InputFileData<ArrayBuffer>[]) => void\n      }\n    | {\n          multiple: true\n          type?: \"file\"\n          onChange?: (data: InputFileData<File>[]) => void\n      }\n) &\n    Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"multiple\" | \"type\"> & {\n        /** 是否在捕获文件后清除 input 上的文件，默认为 false，主要区别在于如果不清除，连续两次选择同样的文件不会触发 onChange 事件，如果用于 form 表单，请设置为 flase */\n        clearAfterChange?: boolean\n    }\n\nexport async function getFileData<T extends InputFileDataType>(file: File, type: T): Promise<InputFileDataTypes[T]> {\n    const fileReader = new FileReader()\n    switch (type) {\n        case \"arrayBuffer\":\n            fileReader.readAsArrayBuffer(file)\n            break\n        case \"binary\":\n            fileReader.readAsBinaryString(file)\n            break\n        case \"base64\":\n            fileReader.readAsDataURL(file)\n            break\n        case \"text\":\n            fileReader.readAsText(file)\n            break\n        default:\n            return file as any\n    }\n    return new Promise(resolve => {\n        fileReader.addEventListener(\"load\", () => {\n            resolve(fileReader.result as any)\n        })\n    })\n}\n\n/** 专用于读取文件的组件 */\nexport const InputFile = forwardRef<HTMLInputElement, InputFileProps>((props, ref) => {\n    const { multiple = false, type = \"file\", onChange, disabled: inputDisabled, clearAfterChange, ...rest } = props\n    const [disabled, setDisabled] = useState(false)\n\n    async function onInputChange(e: ChangeEvent<HTMLInputElement>) {\n        const input = e.target\n        const { files } = input\n        if (!files || files.length === 0) return\n        setDisabled(true)\n        try {\n            if (multiple) {\n                const result: any[] = []\n                for (const file of Array.from(files)) {\n                    result.push({\n                        result: await getFileData(file, type),\n                        file,\n                    })\n                }\n                onChange?.(result as any)\n            } else {\n                onChange?.({\n                    result: await getFileData(files[0], type),\n                    file: files[0],\n                } as any)\n            }\n        } finally {\n            if (clearAfterChange) input.value = \"\"\n            setDisabled(false)\n        }\n    }\n\n    return <input ref={ref} disabled={disabled || inputDisabled} type=\"file\" multiple={multiple} onChange={onInputChange} {...rest} />\n})\n\nexport type InputFileButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n    input: InputFileProps\n    dragFile?: boolean\n}\n\n/** 专用于读取文件的 button 组件 */\nexport const InputFileButton = forwardRef<HTMLButtonElement, InputFileButtonProps>((props, ref) => {\n    const { onClick: _onClick, input: inputProps, onDrop: _onDrop, onDragOver: _onDragOver, dragFile, disabled: _disabled, ...rest } = props\n    const { style, disabled: __disabled, multiple, onChange, type = \"file\", ...restInputProps } = inputProps\n    const [disabled, setDisabled] = useState(false)\n    const input = useRef<HTMLInputElement>(null)\n\n    function onClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\n        input.current?.click()\n        _onClick?.(e)\n    }\n\n    async function onDrop(e: DragEvent<HTMLButtonElement>) {\n        _onDrop?.(e)\n        if (disabled || !dragFile) return\n        e.preventDefault()\n        const { files } = e.dataTransfer\n        if (!files || files.length === 0) return\n        setDisabled(true)\n        try {\n            if (multiple) {\n                const result: any[] = []\n                for (const file of Array.from(files)) {\n                    result.push({\n                        result: await getFileData(file, type),\n                        file,\n                    })\n                }\n                onChange?.(result as any)\n            } else {\n                onChange?.({\n                    result: await getFileData(files[0], type),\n                    file: files[0],\n                } as any)\n            }\n        } finally {\n            setDisabled(false)\n        }\n    }\n\n    function onDragOver(e: DragEvent<HTMLButtonElement>) {\n        _onDragOver?.(e)\n        if (disabled || !dragFile) return\n        e.preventDefault()\n    }\n\n    return (\n        <Fragment>\n            <InputFile\n                ref={input}\n                disabled={disabled || _disabled || __disabled}\n                style={{ display: \"none\", ...style }}\n                multiple={multiple as any}\n                onChange={onChange as any}\n                type={type as any}\n                {...restInputProps}\n            />\n            <button ref={ref} type=\"button\" disabled={disabled || _disabled} onClick={onClick} onDrop={onDrop} onDragOver={onDragOver} {...rest} />\n        </Fragment>\n    )\n})\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/index.d.ts

@@ -4,9 +4,11 @@ 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/LoopSwiper";

package/dist/cjs/index.js

@@ -22,9 +22,11 @@ __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/LoopSwiper"), module.exports);
@@ -46,9 +48,11 @@ __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/LoopSwiper"),

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/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;",
+  "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/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,qCANd;AAOA,wBAAc,8BAPd;AAQA,wBAAc,mCARd;AASA,wBAAc,mCATd;AAUA,wBAAc,qCAVd;AAWA,wBAAc,wCAXd;AAYA,wBAAc,mCAZd;AAaA,wBAAc,oCAbd;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,oCAtBd;AAuBA,wBAAc,0BAvBd;",
   "names": []
 }

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

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

package/dist/esm/components/ExportExcel.js

@@ -0,0 +1,26 @@
+import { exportExcel } from "deepsea-tools";
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** 导出 excel 的 button 组件 */
+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
+  });
+});
+export default ExportExcel;
+//# sourceMappingURL=ExportExcel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["exportExcel","forwardRef","jsx","_jsx","ExportExcel","props","ref","data","fileName","onClick","rest","onButtonClick","e"],"sources":["../../../src/components/ExportExcel.tsx"],"sourcesContent":["import { ExportExcelParams, exportExcel } from \"deepsea-tools\"\r\nimport { ComponentPropsWithoutRef, ComponentRef, MouseEvent as ReactMouseEvent, forwardRef } from \"react\"\r\n\r\nexport interface ExportExcelProps extends ComponentPropsWithoutRef<\"button\">, ExportExcelParams {}\r\n\r\n/** 导出 excel 的 button 组件 */\r\nconst ExportExcel = forwardRef<ComponentRef<\"button\">, ExportExcelProps>((props, ref) => {\r\n    const { data, fileName, onClick, ...rest } = props\r\n\r\n    function onButtonClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\r\n        exportExcel({ data, fileName })\r\n        onClick?.(e)\r\n    }\r\n\r\n    return <button ref={ref} onClick={onButtonClick} {...rest} />\r\n})\r\n\r\nexport default ExportExcel\r\n"],"mappings":"AAAA,SAA4BA,WAAW,QAAQ,eAAe;AAC9D,SAAgFC,UAAU,QAAQ,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAIzG;AACA,MAAMC,WAAW,gBAAGH,UAAU,CAA2C,CAACI,KAAK,EAAEC,GAAG,KAAK;EACrF,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,OAAO;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAElD,SAASM,aAAaA,CAACC,CAAiD,EAAE;IACtEZ,WAAW,CAAC;MAAEO,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;AAEF,eAAeN,WAAW"}

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from "react";
-export type FormLabelConfig = {
+export interface FormLabelConfig {
     /**
      * Label 的宽度.
      */
@@ -8,12 +8,13 @@ export type FormLabelConfig = {
      * 是否在 Label 前面添加一个空白区域，只有当前 Label 为非必选，而存在其他 Label 为必选的时候开启
      */
     before?: boolean | number;
-};
-export type FormLabelProps = ComponentPropsWithoutRef<"div"> & FormLabelConfig;
+}
+export interface FormLabelProps extends ComponentPropsWithoutRef<"div">, FormLabelConfig {
+}
 export declare const FormLabelConfigContext: import("react").Context<Partial<FormLabelConfig>>;
-export type FormLabelConfigProviderProps = FormLabelConfig & {
+export interface FormLabelConfigProviderProps extends FormLabelConfig {
     children?: ReactNode;
-};
+}
 export declare const FormLabelConfigProvider: FC<FormLabelConfigProviderProps>;
 /**
  * 为 Ant Design 的 FormItem 设计的 Label 组件

package/dist/esm/components/FormLabel.js

@@ -34,7 +34,8 @@ export const FormLabel = props => {
     children: [!!before && /*#__PURE__*/_jsx("div", {
       style: {
         width: 11,
-        color: "transparent"
+        color: "transparent",
+        userSelect: "none"
       },
       children: "\u2002"
     }), /*#__PURE__*/_jsx("div", {

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

@@ -1 +1 @@
-{"version":3,"names":["Fragment","createContext","useContext","jsx","_jsx","jsxs","_jsxs","FormLabelConfigContext","FormLabelConfigProvider","width","before","children","Provider","value","FormLabel","props","_width","_before","style","rest","color","textAlign","textAlignLast"],"sources":["../../../src/components/FormLabel.tsx"],"sourcesContent":["\"use client\"\n\nimport { ComponentPropsWithoutRef, FC, Fragment, ReactNode, createContext, useContext } from \"react\"\n\nexport type FormLabelConfig = {\n    /**\n     * Label 的宽度.\n     */\n    width?: number\n    /**\n     * 是否在 Label 前面添加一个空白区域，只有当前 Label 为非必选，而存在其他 Label 为必选的时候开启\n     */\n    before?: boolean | number\n}\n\nexport type FormLabelProps = ComponentPropsWithoutRef<\"div\"> & FormLabelConfig\n\nexport const FormLabelConfigContext = createContext<Partial<FormLabelConfig>>({})\n\nexport type FormLabelConfigProviderProps = FormLabelConfig & {\n    children?: ReactNode\n}\n\nexport const FormLabelConfigProvider: FC<FormLabelConfigProviderProps> = ({ width, before, children }) => (\n    <FormLabelConfigContext.Provider value={{ width, before }}>{children}</FormLabelConfigContext.Provider>\n)\n\n/**\n * 为 Ant Design 的 FormItem 设计的 Label 组件\n */\nexport const FormLabel: FC<FormLabelProps> = props => {\n    const { width: _width, before: _before } = useContext(FormLabelConfigContext)\n    const { style, width = _width, before = _before, ...rest } = props\n\n    return (\n        <Fragment>\n            {!!before && <div style={{ width: 11, color: \"transparent\" }}>&ensp;</div>}\n            <div style={{ width, textAlign: \"justify\", textAlignLast: \"justify\", ...style }} {...rest} />\n        </Fragment>\n    )\n}\n"],"mappings":"AAAA,YAAY;;AAEZ,SAAuCA,QAAQ,EAAaC,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAepG,OAAO,MAAMC,sBAAsB,gBAAGN,aAAa,CAA2B,CAAC,CAAC,CAAC;AAMjF,OAAO,MAAMO,uBAAyD,GAAGA,CAAC;EAAEC,KAAK;EAAEC,MAAM;EAAEC;AAAS,CAAC,kBACjGP,IAAA,CAACG,sBAAsB,CAACK,QAAQ;EAACC,KAAK,EAAE;IAAEJ,KAAK;IAAEC;EAAO,CAAE;EAAAC,QAAA,EAAEA;AAAQ,CAAkC,CACzG;;AAED;AACA;AACA;AACA,OAAO,MAAMG,SAA6B,GAAGC,KAAK,IAAI;EAClD,MAAM;IAAEN,KAAK,EAAEO,MAAM;IAAEN,MAAM,EAAEO;EAAQ,CAAC,GAAGf,UAAU,CAACK,sBAAsB,CAAC;EAC7E,MAAM;IAAEW,KAAK;IAAET,KAAK,GAAGO,MAAM;IAAEN,MAAM,GAAGO,OAAO;IAAE,GAAGE;EAAK,CAAC,GAAGJ,KAAK;EAElE,oBACIT,KAAA,CAACN,QAAQ;IAAAW,QAAA,GACJ,CAAC,CAACD,MAAM,iBAAIN,IAAA;MAAKc,KAAK,EAAE;QAAET,KAAK,EAAE,EAAE;QAAEW,KAAK,EAAE;MAAc,CAAE;MAAAT,QAAA,EAAC;IAAM,CAAK,CAAC,eAC1EP,IAAA;MAAKc,KAAK,EAAE;QAAET,KAAK;QAAEY,SAAS,EAAE,SAAS;QAAEC,aAAa,EAAE,SAAS;QAAE,GAAGJ;MAAM,CAAE;MAAA,GAAKC;IAAI,CAAG,CAAC;EAAA,CACvF,CAAC;AAEnB,CAAC"}
+{"version":3,"names":["Fragment","createContext","useContext","jsx","_jsx","jsxs","_jsxs","FormLabelConfigContext","FormLabelConfigProvider","width","before","children","Provider","value","FormLabel","props","_width","_before","style","rest","color","userSelect","textAlign","textAlignLast"],"sources":["../../../src/components/FormLabel.tsx"],"sourcesContent":["\"use client\"\n\nimport { ComponentPropsWithoutRef, FC, Fragment, ReactNode, createContext, useContext } from \"react\"\n\nexport interface FormLabelConfig {\n    /**\n     * Label 的宽度.\n     */\n    width?: number\n    /**\n     * 是否在 Label 前面添加一个空白区域，只有当前 Label 为非必选，而存在其他 Label 为必选的时候开启\n     */\n    before?: boolean | number\n}\n\nexport interface FormLabelProps extends ComponentPropsWithoutRef<\"div\">, FormLabelConfig {}\n\nexport const FormLabelConfigContext = createContext<Partial<FormLabelConfig>>({})\n\nexport interface FormLabelConfigProviderProps extends FormLabelConfig {\n    children?: ReactNode\n}\n\nexport const FormLabelConfigProvider: FC<FormLabelConfigProviderProps> = ({ width, before, children }) => (\n    <FormLabelConfigContext.Provider value={{ width, before }}>{children}</FormLabelConfigContext.Provider>\n)\n\n/**\n * 为 Ant Design 的 FormItem 设计的 Label 组件\n */\nexport const FormLabel: FC<FormLabelProps> = props => {\n    const { width: _width, before: _before } = useContext(FormLabelConfigContext)\n    const { style, width = _width, before = _before, ...rest } = props\n\n    return (\n        <Fragment>\n            {!!before && <div style={{ width: 11, color: \"transparent\", userSelect: \"none\" }}>&ensp;</div>}\n            <div style={{ width, textAlign: \"justify\", textAlignLast: \"justify\", ...style }} {...rest} />\n        </Fragment>\n    )\n}\n"],"mappings":"AAAA,YAAY;;AAEZ,SAAuCA,QAAQ,EAAaC,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAepG,OAAO,MAAMC,sBAAsB,gBAAGN,aAAa,CAA2B,CAAC,CAAC,CAAC;AAMjF,OAAO,MAAMO,uBAAyD,GAAGA,CAAC;EAAEC,KAAK;EAAEC,MAAM;EAAEC;AAAS,CAAC,kBACjGP,IAAA,CAACG,sBAAsB,CAACK,QAAQ;EAACC,KAAK,EAAE;IAAEJ,KAAK;IAAEC;EAAO,CAAE;EAAAC,QAAA,EAAEA;AAAQ,CAAkC,CACzG;;AAED;AACA;AACA;AACA,OAAO,MAAMG,SAA6B,GAAGC,KAAK,IAAI;EAClD,MAAM;IAAEN,KAAK,EAAEO,MAAM;IAAEN,MAAM,EAAEO;EAAQ,CAAC,GAAGf,UAAU,CAACK,sBAAsB,CAAC;EAC7E,MAAM;IAAEW,KAAK;IAAET,KAAK,GAAGO,MAAM;IAAEN,MAAM,GAAGO,OAAO;IAAE,GAAGE;EAAK,CAAC,GAAGJ,KAAK;EAElE,oBACIT,KAAA,CAACN,QAAQ;IAAAW,QAAA,GACJ,CAAC,CAACD,MAAM,iBAAIN,IAAA;MAAKc,KAAK,EAAE;QAAET,KAAK,EAAE,EAAE;QAAEW,KAAK,EAAE,aAAa;QAAEC,UAAU,EAAE;MAAO,CAAE;MAAAV,QAAA,EAAC;IAAM,CAAK,CAAC,eAC9FP,IAAA;MAAKc,KAAK,EAAE;QAAET,KAAK;QAAEa,SAAS,EAAE,SAAS;QAAEC,aAAa,EAAE,SAAS;QAAE,GAAGL;MAAM,CAAE;MAAA,GAAKC;IAAI,CAAG,CAAC;EAAA,CACvF,CAAC;AAEnB,CAAC"}

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

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

package/dist/esm/components/ImportExcel.js

@@ -0,0 +1,23 @@
+"use client";
+
+import { readExcel } from "deepsea-tools";
+import { forwardRef } from "react";
+import { InputFile } from "./InputFile";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** 专门用于读取 excel 的组件 */
+export const ImportExcel = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    onChange,
+    ...rest
+  } = props;
+  return /*#__PURE__*/_jsx(InputFile, {
+    ref: ref,
+    accept: ".xlsx",
+    type: "arrayBuffer",
+    onChange: ({
+      result
+    }) => onChange?.(readExcel(result)),
+    ...rest
+  });
+});
+//# sourceMappingURL=ImportExcel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["readExcel","forwardRef","InputFile","jsx","_jsx","ImportExcel","props","ref","onChange","rest","accept","type","result"],"sources":["../../../src/components/ImportExcel.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport { readExcel } from \"deepsea-tools\"\r\nimport { forwardRef } from \"react\"\r\n\r\nimport { InputFile, InputFileProps } from \"./InputFile\"\r\n\r\nexport interface ImportExcelProps extends Omit<InputFileProps, \"multiple\" | \"onChange\" | \"accept\" | \"type\"> {\r\n    onChange?: (data: Record<string, any>[]) => void\r\n}\r\n\r\n/** 专门用于读取 excel 的组件 */\r\nexport const ImportExcel = forwardRef<HTMLInputElement, ImportExcelProps>((props, ref) => {\r\n    const { onChange, ...rest } = props\r\n\r\n    return <InputFile ref={ref} accept=\".xlsx\" type=\"arrayBuffer\" onChange={({ result }) => onChange?.(readExcel(result))} {...rest} />\r\n})\r\n"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,SAAS,QAAQ,eAAe;AACzC,SAASC,UAAU,QAAQ,OAAO;AAElC,SAASC,SAAS;AAAqC,SAAAC,GAAA,IAAAC,IAAA;AAMvD;AACA,OAAO,MAAMC,WAAW,gBAAGJ,UAAU,CAAqC,CAACK,KAAK,EAAEC,GAAG,KAAK;EACtF,MAAM;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAEnC,oBAAOF,IAAA,CAACF,SAAS;IAACK,GAAG,EAAEA,GAAI;IAACG,MAAM,EAAC,OAAO;IAACC,IAAI,EAAC,aAAa;IAACH,QAAQ,EAAEA,CAAC;MAAEI;IAAO,CAAC,KAAKJ,QAAQ,GAAGR,SAAS,CAACY,MAAM,CAAC,CAAE;IAAA,GAAKH;EAAI,CAAG,CAAC;AACvI,CAAC,CAAC"}

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

@@ -51,17 +51,3 @@ export declare const InputFileButton: import("react").ForwardRefExoticComponent<
     input: InputFileProps;
     dragFile?: boolean | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;
-export type ExcelItem = Record<string, string | undefined>;
-export interface ImportExcelProps extends Omit<InputFileProps, "multiple" | "onChange" | "accept" | "type"> {
-    onChange?: (data: ExcelItem[]) => void;
-}
-/** 专门用于读取 excel 的组件 */
-export declare const ImportExcel: import("react").ForwardRefExoticComponent<ImportExcelProps & import("react").RefAttributes<HTMLInputElement>>;
-/** 手动导出 excel */
-export declare function exportExcel(data: ExcelItem[], name: string): void;
-export interface ExportExcelProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    data: ExcelItem[];
-    fileName: string;
-}
-/** 导出 excel 的 button 组件 */
-export declare const ExportExcel: import("react").ForwardRefExoticComponent<ExportExcelProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/esm/components/InputFile.js

@@ -1,7 +1,6 @@
 "use client";
 
 import { Fragment, forwardRef, useRef, useState } from "react";
-import { read, utils, writeFile } from "xlsx";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export async function getFileData(file, type) {
@@ -159,56 +158,4 @@ export const InputFileButton = /*#__PURE__*/forwardRef((props, ref) => {
     })]
   });
 });
-/** 专门用于读取 excel 的组件 */
-export const ImportExcel = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    onChange,
-    ...rest
-  } = props;
-  function onInputChange(data) {
-    const wb = read(data.result);
-    const result = utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]);
-    if (typeof result === "object") {
-      const $ = result.map(it => {
-        const _ = {};
-        Object.keys(it).filter(key => key !== "__rowNum__").forEach(key => _[key] = String(it[key]));
-        return _;
-      });
-      onChange?.($);
-    }
-  }
-  return /*#__PURE__*/_jsx(InputFile, {
-    ref: ref,
-    accept: ".xlsx",
-    type: "arrayBuffer",
-    onChange: onInputChange,
-    ...rest
-  });
-});
-
-/** 手动导出 excel */
-export function exportExcel(data, name) {
-  const workSheet = utils.json_to_sheet(data);
-  const workBook = utils.book_new();
-  utils.book_append_sheet(workBook, workSheet);
-  writeFile(workBook, `${name}${name.endsWith(".xlsx") ? "" : ".xlsx"}`);
-}
-/** 导出 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=InputFile.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Fragment","forwardRef","useRef","useState","read","utils","writeFile","jsx","_jsx","jsxs","_jsxs","getFileData","file","type","fileReader","FileReader","readAsArrayBuffer","readAsBinaryString","readAsDataURL","readAsText","Promise","resolve","addEventListener","result","InputFile","props","ref","multiple","onChange","disabled","inputDisabled","clearAfterChange","rest","setDisabled","onInputChange","e","input","target","files","length","Array","from","push","value","InputFileButton","onClick","_onClick","inputProps","onDrop","_onDrop","onDragOver","_onDragOver","dragFile","_disabled","style","__disabled","restInputProps","current","click","preventDefault","dataTransfer","children","display","ImportExcel","data","wb","sheet_to_json","Sheets","SheetNames","$","map","it","_","Object","keys","filter","key","forEach","String","accept","exportExcel","name","workSheet","json_to_sheet","workBook","book_new","book_append_sheet","endsWith","ExportExcel","fileName","onButtonClick"],"sources":["../../../src/components/InputFile.tsx"],"sourcesContent":["\"use client\"\n\nimport { ButtonHTMLAttributes, ChangeEvent, DragEvent, Fragment, InputHTMLAttributes, MouseEvent as ReactMouseEvent, forwardRef, useRef, useState } from \"react\"\nimport { read, utils, writeFile } from \"xlsx\"\n\nexport interface InputFileDataTypes {\n    base64: string\n    text: string\n    arrayBuffer: ArrayBuffer\n    binary: string\n    file: File\n}\n\nexport type InputFileDataType = keyof InputFileDataTypes\n\nexport interface InputFileData<T> {\n    result: T\n    file: File\n}\n\nexport type InputFileProps = (\n    | {\n          multiple?: false\n          type: \"base64\" | \"text\" | \"binary\"\n          onChange?: (data: InputFileData<string>) => void\n      }\n    | {\n          multiple?: false\n          type: \"arrayBuffer\"\n          onChange?: (data: InputFileData<ArrayBuffer>) => void\n      }\n    | {\n          multiple?: false\n          type?: \"file\"\n          onChange?: (data: InputFileData<File>) => void\n      }\n    | {\n          multiple: true\n          type: \"base64\" | \"text\" | \"binary\"\n          onChange?: (data: InputFileData<string>[]) => void\n      }\n    | {\n          multiple: true\n          type: \"arrayBuffer\"\n          onChange?: (data: InputFileData<ArrayBuffer>[]) => void\n      }\n    | {\n          multiple: true\n          type?: \"file\"\n          onChange?: (data: InputFileData<File>[]) => void\n      }\n) &\n    Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"multiple\" | \"type\"> & {\n        /** 是否在捕获文件后清除 input 上的文件，默认为 false，主要区别在于如果不清除，连续两次选择同样的文件不会触发 onChange 事件，如果用于 form 表单，请设置为 flase */\n        clearAfterChange?: boolean\n    }\n\nexport async function getFileData<T extends InputFileDataType>(file: File, type: T): Promise<InputFileDataTypes[T]> {\n    const fileReader = new FileReader()\n    switch (type) {\n        case \"arrayBuffer\":\n            fileReader.readAsArrayBuffer(file)\n            break\n        case \"binary\":\n            fileReader.readAsBinaryString(file)\n            break\n        case \"base64\":\n            fileReader.readAsDataURL(file)\n            break\n        case \"text\":\n            fileReader.readAsText(file)\n            break\n        default:\n            return file as any\n    }\n    return new Promise(resolve => {\n        fileReader.addEventListener(\"load\", () => {\n            resolve(fileReader.result as any)\n        })\n    })\n}\n\n/** 专用于读取文件的组件 */\nexport const InputFile = forwardRef<HTMLInputElement, InputFileProps>((props, ref) => {\n    const { multiple = false, type = \"file\", onChange, disabled: inputDisabled, clearAfterChange, ...rest } = props\n    const [disabled, setDisabled] = useState(false)\n\n    async function onInputChange(e: ChangeEvent<HTMLInputElement>) {\n        const input = e.target\n        const { files } = input\n        if (!files || files.length === 0) return\n        setDisabled(true)\n        try {\n            if (multiple) {\n                const result: any[] = []\n                for (const file of Array.from(files)) {\n                    result.push({\n                        result: await getFileData(file, type),\n                        file,\n                    })\n                }\n                onChange?.(result as any)\n            } else {\n                onChange?.({\n                    result: await getFileData(files[0], type),\n                    file: files[0],\n                } as any)\n            }\n        } finally {\n            if (clearAfterChange) input.value = \"\"\n            setDisabled(false)\n        }\n    }\n\n    return <input ref={ref} disabled={disabled || inputDisabled} type=\"file\" multiple={multiple} onChange={onInputChange} {...rest} />\n})\n\nexport type InputFileButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n    input: InputFileProps\n    dragFile?: boolean\n}\n\n/** 专用于读取文件的 button 组件 */\nexport const InputFileButton = forwardRef<HTMLButtonElement, InputFileButtonProps>((props, ref) => {\n    const { onClick: _onClick, input: inputProps, onDrop: _onDrop, onDragOver: _onDragOver, dragFile, disabled: _disabled, ...rest } = props\n    const { style, disabled: __disabled, multiple, onChange, type = \"file\", ...restInputProps } = inputProps\n    const [disabled, setDisabled] = useState(false)\n    const input = useRef<HTMLInputElement>(null)\n\n    function onClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\n        input.current?.click()\n        _onClick?.(e)\n    }\n\n    async function onDrop(e: DragEvent<HTMLButtonElement>) {\n        _onDrop?.(e)\n        if (disabled || !dragFile) return\n        e.preventDefault()\n        const { files } = e.dataTransfer\n        if (!files || files.length === 0) return\n        setDisabled(true)\n        try {\n            if (multiple) {\n                const result: any[] = []\n                for (const file of Array.from(files)) {\n                    result.push({\n                        result: await getFileData(file, type),\n                        file,\n                    })\n                }\n                onChange?.(result as any)\n            } else {\n                onChange?.({\n                    result: await getFileData(files[0], type),\n                    file: files[0],\n                } as any)\n            }\n        } finally {\n            setDisabled(false)\n        }\n    }\n\n    function onDragOver(e: DragEvent<HTMLButtonElement>) {\n        _onDragOver?.(e)\n        if (disabled || !dragFile) return\n        e.preventDefault()\n    }\n\n    return (\n        <Fragment>\n            <InputFile\n                ref={input}\n                disabled={disabled || _disabled || __disabled}\n                style={{ display: \"none\", ...style }}\n                multiple={multiple as any}\n                onChange={onChange as any}\n                type={type as any}\n                {...restInputProps}\n            />\n            <button ref={ref} type=\"button\" disabled={disabled || _disabled} onClick={onClick} onDrop={onDrop} onDragOver={onDragOver} {...rest} />\n        </Fragment>\n    )\n})\n\nexport type ExcelItem = Record<string, string | undefined>\n\nexport interface ImportExcelProps extends Omit<InputFileProps, \"multiple\" | \"onChange\" | \"accept\" | \"type\"> {\n    onChange?: (data: ExcelItem[]) => void\n}\n\n/** 专门用于读取 excel 的组件 */\nexport const ImportExcel = forwardRef<HTMLInputElement, ImportExcelProps>((props, ref) => {\n    const { onChange, ...rest } = props\n\n    function onInputChange(data: InputFileData<ArrayBuffer>) {\n        const wb = read(data.result)\n        const result = utils.sheet_to_json<any>(wb.Sheets[wb.SheetNames[0]])\n        if (typeof result === \"object\") {\n            const $ = result.map(it => {\n                const _: Record<string, string> = {}\n                Object.keys(it)\n                    .filter(key => key !== \"__rowNum__\")\n                    .forEach(key => (_[key] = String(it[key])))\n                return _\n            })\n            onChange?.($)\n        }\n    }\n\n    return <InputFile ref={ref} accept=\".xlsx\" type=\"arrayBuffer\" onChange={onInputChange} {...rest} />\n})\n\n/** 手动导出 excel */\nexport function exportExcel(data: ExcelItem[], name: string) {\n    const workSheet = utils.json_to_sheet(data)\n    const workBook = utils.book_new()\n    utils.book_append_sheet(workBook, workSheet)\n    writeFile(workBook, `${name}${name.endsWith(\".xlsx\") ? \"\" : \".xlsx\"}`)\n}\n\nexport interface ExportExcelProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n    data: ExcelItem[]\n    fileName: string\n}\n\n/** 导出 excel 的 button 组件 */\nexport const ExportExcel = forwardRef<HTMLButtonElement, 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":"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"}
+{"version":3,"names":["Fragment","forwardRef","useRef","useState","jsx","_jsx","jsxs","_jsxs","getFileData","file","type","fileReader","FileReader","readAsArrayBuffer","readAsBinaryString","readAsDataURL","readAsText","Promise","resolve","addEventListener","result","InputFile","props","ref","multiple","onChange","disabled","inputDisabled","clearAfterChange","rest","setDisabled","onInputChange","e","input","target","files","length","Array","from","push","value","InputFileButton","onClick","_onClick","inputProps","onDrop","_onDrop","onDragOver","_onDragOver","dragFile","_disabled","style","__disabled","restInputProps","current","click","preventDefault","dataTransfer","children","display"],"sources":["../../../src/components/InputFile.tsx"],"sourcesContent":["\"use client\"\n\nimport { ButtonHTMLAttributes, ChangeEvent, DragEvent, Fragment, InputHTMLAttributes, MouseEvent as ReactMouseEvent, forwardRef, useRef, useState } from \"react\"\n\nexport interface InputFileDataTypes {\n    base64: string\n    text: string\n    arrayBuffer: ArrayBuffer\n    binary: string\n    file: File\n}\n\nexport type InputFileDataType = keyof InputFileDataTypes\n\nexport interface InputFileData<T> {\n    result: T\n    file: File\n}\n\nexport type InputFileProps = (\n    | {\n          multiple?: false\n          type: \"base64\" | \"text\" | \"binary\"\n          onChange?: (data: InputFileData<string>) => void\n      }\n    | {\n          multiple?: false\n          type: \"arrayBuffer\"\n          onChange?: (data: InputFileData<ArrayBuffer>) => void\n      }\n    | {\n          multiple?: false\n          type?: \"file\"\n          onChange?: (data: InputFileData<File>) => void\n      }\n    | {\n          multiple: true\n          type: \"base64\" | \"text\" | \"binary\"\n          onChange?: (data: InputFileData<string>[]) => void\n      }\n    | {\n          multiple: true\n          type: \"arrayBuffer\"\n          onChange?: (data: InputFileData<ArrayBuffer>[]) => void\n      }\n    | {\n          multiple: true\n          type?: \"file\"\n          onChange?: (data: InputFileData<File>[]) => void\n      }\n) &\n    Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"multiple\" | \"type\"> & {\n        /** 是否在捕获文件后清除 input 上的文件，默认为 false，主要区别在于如果不清除，连续两次选择同样的文件不会触发 onChange 事件，如果用于 form 表单，请设置为 flase */\n        clearAfterChange?: boolean\n    }\n\nexport async function getFileData<T extends InputFileDataType>(file: File, type: T): Promise<InputFileDataTypes[T]> {\n    const fileReader = new FileReader()\n    switch (type) {\n        case \"arrayBuffer\":\n            fileReader.readAsArrayBuffer(file)\n            break\n        case \"binary\":\n            fileReader.readAsBinaryString(file)\n            break\n        case \"base64\":\n            fileReader.readAsDataURL(file)\n            break\n        case \"text\":\n            fileReader.readAsText(file)\n            break\n        default:\n            return file as any\n    }\n    return new Promise(resolve => {\n        fileReader.addEventListener(\"load\", () => {\n            resolve(fileReader.result as any)\n        })\n    })\n}\n\n/** 专用于读取文件的组件 */\nexport const InputFile = forwardRef<HTMLInputElement, InputFileProps>((props, ref) => {\n    const { multiple = false, type = \"file\", onChange, disabled: inputDisabled, clearAfterChange, ...rest } = props\n    const [disabled, setDisabled] = useState(false)\n\n    async function onInputChange(e: ChangeEvent<HTMLInputElement>) {\n        const input = e.target\n        const { files } = input\n        if (!files || files.length === 0) return\n        setDisabled(true)\n        try {\n            if (multiple) {\n                const result: any[] = []\n                for (const file of Array.from(files)) {\n                    result.push({\n                        result: await getFileData(file, type),\n                        file,\n                    })\n                }\n                onChange?.(result as any)\n            } else {\n                onChange?.({\n                    result: await getFileData(files[0], type),\n                    file: files[0],\n                } as any)\n            }\n        } finally {\n            if (clearAfterChange) input.value = \"\"\n            setDisabled(false)\n        }\n    }\n\n    return <input ref={ref} disabled={disabled || inputDisabled} type=\"file\" multiple={multiple} onChange={onInputChange} {...rest} />\n})\n\nexport type InputFileButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n    input: InputFileProps\n    dragFile?: boolean\n}\n\n/** 专用于读取文件的 button 组件 */\nexport const InputFileButton = forwardRef<HTMLButtonElement, InputFileButtonProps>((props, ref) => {\n    const { onClick: _onClick, input: inputProps, onDrop: _onDrop, onDragOver: _onDragOver, dragFile, disabled: _disabled, ...rest } = props\n    const { style, disabled: __disabled, multiple, onChange, type = \"file\", ...restInputProps } = inputProps\n    const [disabled, setDisabled] = useState(false)\n    const input = useRef<HTMLInputElement>(null)\n\n    function onClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\n        input.current?.click()\n        _onClick?.(e)\n    }\n\n    async function onDrop(e: DragEvent<HTMLButtonElement>) {\n        _onDrop?.(e)\n        if (disabled || !dragFile) return\n        e.preventDefault()\n        const { files } = e.dataTransfer\n        if (!files || files.length === 0) return\n        setDisabled(true)\n        try {\n            if (multiple) {\n                const result: any[] = []\n                for (const file of Array.from(files)) {\n                    result.push({\n                        result: await getFileData(file, type),\n                        file,\n                    })\n                }\n                onChange?.(result as any)\n            } else {\n                onChange?.({\n                    result: await getFileData(files[0], type),\n                    file: files[0],\n                } as any)\n            }\n        } finally {\n            setDisabled(false)\n        }\n    }\n\n    function onDragOver(e: DragEvent<HTMLButtonElement>) {\n        _onDragOver?.(e)\n        if (disabled || !dragFile) return\n        e.preventDefault()\n    }\n\n    return (\n        <Fragment>\n            <InputFile\n                ref={input}\n                disabled={disabled || _disabled || __disabled}\n                style={{ display: \"none\", ...style }}\n                multiple={multiple as any}\n                onChange={onChange as any}\n                type={type as any}\n                {...restInputProps}\n            />\n            <button ref={ref} type=\"button\" disabled={disabled || _disabled} onClick={onClick} onDrop={onDrop} onDragOver={onDragOver} {...rest} />\n        </Fragment>\n    )\n})\n"],"mappings":"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"}

package/dist/esm/index.d.ts

@@ -4,9 +4,11 @@ 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/LoopSwiper";

package/dist/esm/index.js

@@ -4,9 +4,11 @@ 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/LoopSwiper";

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/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"}
+{"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/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;AACA;AACA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "deepsea-components",
-  "version": "5.7.22",
+  "version": "5.8.0",
   "description": "格数科技自用组件库",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -31,8 +31,7 @@
     "echarts": "^5.5.1",
     "hls.js": "^1.5.18",
     "smooth-scrollbar": "^8.8.4",
-    "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.2/xlsx-0.20.2.tgz",
-    "deepsea-tools": "5.16.7"
+    "deepsea-tools": "5.17.0"
   },
   "peerDependencies": {
     "@types/react": "^18.3.1",

package/src/components/ExportExcel.tsx

@@ -0,0 +1,18 @@
+import { ExportExcelParams, exportExcel } from "deepsea-tools"
+import { ComponentPropsWithoutRef, ComponentRef, MouseEvent as ReactMouseEvent, forwardRef } from "react"
+
+export interface ExportExcelProps extends ComponentPropsWithoutRef<"button">, ExportExcelParams {}
+
+/** 导出 excel 的 button 组件 */
+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} />
+})
+
+export default ExportExcel

package/src/components/FormLabel.tsx

@@ -2,7 +2,7 @@
 
 import { ComponentPropsWithoutRef, FC, Fragment, ReactNode, createContext, useContext } from "react"
 
-export type FormLabelConfig = {
+export interface FormLabelConfig {
     /**
      * Label 的宽度.
      */
@@ -13,11 +13,11 @@ export type FormLabelConfig = {
     before?: boolean | number
 }
 
-export type FormLabelProps = ComponentPropsWithoutRef<"div"> & FormLabelConfig
+export interface FormLabelProps extends ComponentPropsWithoutRef<"div">, FormLabelConfig {}
 
 export const FormLabelConfigContext = createContext<Partial<FormLabelConfig>>({})
 
-export type FormLabelConfigProviderProps = FormLabelConfig & {
+export interface FormLabelConfigProviderProps extends FormLabelConfig {
     children?: ReactNode
 }
 
@@ -34,7 +34,7 @@ export const FormLabel: FC<FormLabelProps> = props => {
 
     return (
         <Fragment>
-            {!!before && <div style={{ width: 11, color: "transparent" }}>&ensp;</div>}
+            {!!before && <div style={{ width: 11, color: "transparent", userSelect: "none" }}>&ensp;</div>}
             <div style={{ width, textAlign: "justify", textAlignLast: "justify", ...style }} {...rest} />
         </Fragment>
     )

package/src/components/ImportExcel.tsx

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

package/src/components/InputFile.tsx

@@ -1,7 +1,6 @@
 "use client"
 
 import { ButtonHTMLAttributes, ChangeEvent, DragEvent, Fragment, InputHTMLAttributes, MouseEvent as ReactMouseEvent, forwardRef, useRef, useState } from "react"
-import { read, utils, writeFile } from "xlsx"
 
 export interface InputFileDataTypes {
     base64: string
@@ -181,56 +180,3 @@ export const InputFileButton = forwardRef<HTMLButtonElement, InputFileButtonProp
         </Fragment>
     )
 })
-
-export type ExcelItem = Record<string, string | undefined>
-
-export interface ImportExcelProps extends Omit<InputFileProps, "multiple" | "onChange" | "accept" | "type"> {
-    onChange?: (data: ExcelItem[]) => void
-}
-
-/** 专门用于读取 excel 的组件 */
-export const ImportExcel = forwardRef<HTMLInputElement, ImportExcelProps>((props, ref) => {
-    const { onChange, ...rest } = props
-
-    function onInputChange(data: InputFileData<ArrayBuffer>) {
-        const wb = read(data.result)
-        const result = utils.sheet_to_json<any>(wb.Sheets[wb.SheetNames[0]])
-        if (typeof result === "object") {
-            const $ = result.map(it => {
-                const _: Record<string, string> = {}
-                Object.keys(it)
-                    .filter(key => key !== "__rowNum__")
-                    .forEach(key => (_[key] = String(it[key])))
-                return _
-            })
-            onChange?.($)
-        }
-    }
-
-    return <InputFile ref={ref} accept=".xlsx" type="arrayBuffer" onChange={onInputChange} {...rest} />
-})
-
-/** 手动导出 excel */
-export function exportExcel(data: ExcelItem[], name: string) {
-    const workSheet = utils.json_to_sheet(data)
-    const workBook = utils.book_new()
-    utils.book_append_sheet(workBook, workSheet)
-    writeFile(workBook, `${name}${name.endsWith(".xlsx") ? "" : ".xlsx"}`)
-}
-
-export interface ExportExcelProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    data: ExcelItem[]
-    fileName: string
-}
-
-/** 导出 excel 的 button 组件 */
-export const ExportExcel = forwardRef<HTMLButtonElement, 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} />
-})

package/src/index.ts

@@ -4,9 +4,11 @@ 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/LoopSwiper"