deepsea-components 5.9.7 → 5.10.1

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

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

package/dist/cjs/components/ImportExcel.js

@@ -23,13 +23,12 @@ __export(ImportExcel_exports, {
   ImportExcel: () => ImportExcel
 });
 module.exports = __toCommonJS(ImportExcel_exports);
-var import_react = require("react");
 var import_deepsea_tools = require("deepsea-tools");
 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 });
-});
+var ImportExcel = (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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/ImportExcel.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { forwardRef } from \"react\"\nimport { readExcel } from \"deepsea-tools\"\n\nimport { InputFile, InputFileProps } from \"./InputFile\"\n\nexport interface ImportExcelProps extends Omit<InputFileProps, \"multiple\" | \"onChange\" | \"accept\" | \"type\"> {\n    onChange?: (data: Record<string, any>[]) => void\n}\n\n/** 专门用于读取 excel 的组件 */\nexport const ImportExcel = forwardRef<HTMLInputElement, ImportExcelProps>((props, ref) => {\n    const { onChange, ...rest } = props\n\n    return <InputFile ref={ref} accept=\".xlsx\" type=\"arrayBuffer\" onChange={({ result }) => onChange?.(readExcel(result))} {...rest} />\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA2B;AAC3B,2BAA0B;AAE1B,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;",
+  "sourcesContent": ["\"use client\"\n\nimport { readExcel } from \"deepsea-tools\"\nimport { FC } from \"react\"\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;AAEA,2BAA0B;AAG1B,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/cjs/components/InputFile.d.ts

@@ -1,53 +1,26 @@
-import { ButtonHTMLAttributes, InputHTMLAttributes } from "react";
-export interface InputFileDataTypes {
+import { ComponentProps, ReactNode } from "react";
+export interface InputFileDataTypeMap {
     base64: string;
     text: string;
     arrayBuffer: ArrayBuffer;
     binary: string;
     file: File;
 }
-export type InputFileDataType = keyof InputFileDataTypes;
-export interface InputFileData<T> {
-    result: T;
-    file: File;
+export type InputFileDataType = keyof InputFileDataTypeMap;
+export declare function getFileData<T extends InputFileDataType>(file: File, type: T): Promise<InputFileDataTypeMap[T]>;
+export interface InputFileBaseProps extends Omit<ComponentProps<"input">, "multiple" | "type"> {
 }
-export type InputFileProps = ({
-    multiple?: false;
-    type: "base64" | "text" | "binary";
-    onChange?: (data: InputFileData<string>) => void;
-} | {
-    multiple?: false;
-    type: "arrayBuffer";
-    onChange?: (data: InputFileData<ArrayBuffer>) => void;
-} | {
-    multiple?: false;
-    type?: "file";
-    onChange?: (data: InputFileData<File>) => void;
-} | {
-    multiple: true;
-    type: "base64" | "text" | "binary";
-    onChange?: (data: InputFileData<string>[]) => void;
-} | {
-    multiple: true;
-    type: "arrayBuffer";
-    onChange?: (data: InputFileData<ArrayBuffer>[]) => void;
-} | {
-    multiple: true;
-    type?: "file";
-    onChange?: (data: InputFileData<File>[]) => void;
-}) & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "multiple" | "type"> & {
+export type FileType<Multiple extends boolean> = Multiple extends true ? File[] : File;
+export type ValueType<Multiple extends boolean, Type extends InputFileDataType> = Multiple extends true ? InputFileDataTypeMap[Type][] : InputFileDataTypeMap[Type];
+export interface InputFileExtraProps<Multiple extends boolean = false, Type extends InputFileDataType = "file"> {
+    multiple?: Multiple;
+    type?: Type;
+    onValueChange?: (data: ValueType<Multiple, Type>) => void;
+    onFileChange?: (data: FileType<Multiple>) => void;
     /** 是否在捕获文件后清除 input 上的文件，默认为 false，主要区别在于如果不清除，连续两次选择同样的文件不会触发 onChange 事件，如果用于 form 表单，请设置为 flase */
     clearAfterChange?: boolean;
-};
-export declare function getFileData<T extends InputFileDataType>(file: File, type: T): Promise<InputFileDataTypes[T]>;
+}
+export interface InputFileProps<Multiple extends boolean = false, Type extends InputFileDataType = "file"> extends InputFileBaseProps, InputFileExtraProps<Multiple, Type> {
+}
 /** 专用于读取文件的组件 */
-export declare const InputFile: import("react").ForwardRefExoticComponent<InputFileProps & import("react").RefAttributes<HTMLInputElement>>;
-export type InputFileButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    input: InputFileProps;
-    dragFile?: boolean;
-};
-/** 专用于读取文件的 button 组件 */
-export declare const InputFileButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
-    input: InputFileProps;
-    dragFile?: boolean | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>;
+export declare function InputFile<Multiple extends boolean = false, Type extends InputFileDataType = "file">(props: InputFileProps<Multiple, Type>): ReactNode;

package/dist/cjs/components/InputFile.js

@@ -21,7 +21,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var InputFile_exports = {};
 __export(InputFile_exports, {
   InputFile: () => InputFile,
-  InputFileButton: () => InputFileButton,
   getFileData: () => getFileData
 });
 module.exports = __toCommonJS(InputFile_exports);
@@ -50,10 +49,11 @@ async function getFileData(file, type) {
     });
   });
 }
-var InputFile = (0, import_react.forwardRef)((props, ref) => {
-  const { multiple = false, type = "file", onChange, disabled: inputDisabled, clearAfterChange, ...rest } = props;
+function InputFile(props) {
+  const { multiple = false, type = "file", onChange: _onChange, disabled: _disabled, clearAfterChange, onValueChange, onFileChange, ...rest } = props;
   const [disabled, setDisabled] = (0, import_react.useState)(false);
-  async function onInputChange(e) {
+  async function onChange(e) {
+    _onChange?.(e);
     const input = e.target;
     const { files } = input;
     if (!files || files.length === 0)
@@ -61,19 +61,18 @@ var InputFile = (0, import_react.forwardRef)((props, ref) => {
     setDisabled(true);
     try {
       if (multiple) {
-        const result = [];
-        for (const file of Array.from(files)) {
-          result.push({
-            result: await getFileData(file, type),
-            file
-          });
+        const files2 = Array.from(files);
+        const values = [];
+        for (const file of files2) {
+          const value = await getFileData(file, type);
+          values.push(value);
         }
-        onChange?.(result);
+        onFileChange?.(files2);
+        onValueChange?.(values);
       } else {
-        onChange?.({
-          result: await getFileData(files[0], type),
-          file: files[0]
-        });
+        const file = files[0];
+        onFileChange?.(file);
+        onValueChange?.(await getFileData(file, type));
       }
     } finally {
       if (clearAfterChange)
@@ -81,69 +80,11 @@ var InputFile = (0, import_react.forwardRef)((props, ref) => {
       setDisabled(false);
     }
   }
-  return /* @__PURE__ */ React.createElement("input", { ref, disabled: disabled || inputDisabled, type: "file", multiple, onChange: onInputChange, ...rest });
-});
-var InputFileButton = (0, import_react.forwardRef)((props, ref) => {
-  const { onClick: _onClick, input: inputProps, onDrop: _onDrop, onDragOver: _onDragOver, dragFile, disabled: _disabled, ...rest } = props;
-  const { style, disabled: __disabled, multiple, onChange, type = "file", ...restInputProps } = inputProps;
-  const [disabled, setDisabled] = (0, import_react.useState)(false);
-  const input = (0, import_react.useRef)(null);
-  function onClick(e) {
-    input.current?.click();
-    _onClick?.(e);
-  }
-  async function onDrop(e) {
-    _onDrop?.(e);
-    if (disabled || !dragFile)
-      return;
-    e.preventDefault();
-    const { files } = e.dataTransfer;
-    if (!files || files.length === 0)
-      return;
-    setDisabled(true);
-    try {
-      if (multiple) {
-        const result = [];
-        for (const file of Array.from(files)) {
-          result.push({
-            result: await getFileData(file, type),
-            file
-          });
-        }
-        onChange?.(result);
-      } else {
-        onChange?.({
-          result: await getFileData(files[0], type),
-          file: files[0]
-        });
-      }
-    } finally {
-      setDisabled(false);
-    }
-  }
-  function onDragOver(e) {
-    _onDragOver?.(e);
-    if (disabled || !dragFile)
-      return;
-    e.preventDefault();
-  }
-  return /* @__PURE__ */ React.createElement(import_react.Fragment, null, /* @__PURE__ */ React.createElement(
-    InputFile,
-    {
-      ref: input,
-      disabled: disabled || _disabled || __disabled,
-      style: { display: "none", ...style },
-      multiple,
-      onChange,
-      type,
-      ...restInputProps
-    }
-  ), /* @__PURE__ */ React.createElement("button", { ref, type: "button", disabled: disabled || _disabled, onClick, onDrop, onDragOver, ...rest }));
-});
+  return /* @__PURE__ */ React.createElement("input", { disabled: disabled || _disabled, type: "file", multiple, onChange, ...rest });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   InputFile,
-  InputFileButton,
   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\"\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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",
+  "sourcesContent": ["\"use client\"\n\nimport { ChangeEvent, ComponentProps, ReactNode, useState } from \"react\"\n\nexport interface InputFileDataTypeMap {\n    base64: string\n    text: string\n    arrayBuffer: ArrayBuffer\n    binary: string\n    file: File\n}\n\nexport type InputFileDataType = keyof InputFileDataTypeMap\n\nexport async function getFileData<T extends InputFileDataType>(file: File, type: T): Promise<InputFileDataTypeMap[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\nexport interface InputFileBaseProps extends Omit<ComponentProps<\"input\">, \"multiple\" | \"type\"> {}\n\nexport type FileType<Multiple extends boolean> = Multiple extends true ? File[] : File\nexport type ValueType<Multiple extends boolean, Type extends InputFileDataType> = Multiple extends true\n    ? InputFileDataTypeMap[Type][]\n    : InputFileDataTypeMap[Type]\n\nexport interface InputFileExtraProps<Multiple extends boolean = false, Type extends InputFileDataType = \"file\"> {\n    multiple?: Multiple\n    type?: Type\n    onValueChange?: (data: ValueType<Multiple, Type>) => void\n    onFileChange?: (data: FileType<Multiple>) => void\n    /** 是否在捕获文件后清除 input 上的文件，默认为 false，主要区别在于如果不清除，连续两次选择同样的文件不会触发 onChange 事件，如果用于 form 表单，请设置为 flase */\n    clearAfterChange?: boolean\n}\n\nexport interface InputFileProps<Multiple extends boolean = false, Type extends InputFileDataType = \"file\">\n    extends InputFileBaseProps,\n        InputFileExtraProps<Multiple, Type> {}\n\n/** 专用于读取文件的组件 */\nexport function InputFile<Multiple extends boolean = false, Type extends InputFileDataType = \"file\">(props: InputFileProps<Multiple, Type>): ReactNode {\n    const { multiple = false, type = \"file\", onChange: _onChange, disabled: _disabled, clearAfterChange, onValueChange, onFileChange, ...rest } = props\n    const [disabled, setDisabled] = useState(false)\n\n    async function onChange(e: ChangeEvent<HTMLInputElement>) {\n        _onChange?.(e)\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 files2: File[] = Array.from(files)\n                const values: InputFileDataTypeMap[Type][] = []\n                for (const file of files2) {\n                    const value = (await getFileData(file, type)) as InputFileDataTypeMap[Type]\n                    values.push(value)\n                }\n                onFileChange?.(files2 as FileType<Multiple>)\n                onValueChange?.(values as ValueType<Multiple, Type>)\n            } else {\n                const file = files[0]\n                onFileChange?.(file as FileType<Multiple>)\n                onValueChange?.((await getFileData(file, type)) as ValueType<Multiple, Type>)\n            }\n        } finally {\n            if (clearAfterChange) input.value = \"\"\n            setDisabled(false)\n        }\n    }\n\n    return <input disabled={disabled || _disabled} type=\"file\" multiple={multiple} onChange={onChange} {...rest} />\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAiE;AAYjE,eAAsB,YAAyC,MAAY,MAA2C;AAClH,QAAM,aAAa,IAAI,WAAW;AAClC,UAAQ,MAAM;AAAA,IACV,KAAK;AACD,iBAAW,kBAAkB,IAAI;AACjC;AAAA,IACJ,KAAK;AACD,iBAAW,mBAAmB,IAAI;AAClC;AAAA,IACJ,KAAK;AACD,iBAAW,cAAc,IAAI;AAC7B;AAAA,IACJ,KAAK;AACD,iBAAW,WAAW,IAAI;AAC1B;AAAA,IACJ;AACI,aAAO;AAAA,EACf;AACA,SAAO,IAAI,QAAQ,aAAW;AAC1B,eAAW,iBAAiB,QAAQ,MAAM;AACtC,cAAQ,WAAW,MAAa;AAAA,IACpC,CAAC;AAAA,EACL,CAAC;AACL;AAuBO,SAAS,UAAqF,OAAkD;AACnJ,QAAM,EAAE,WAAW,OAAO,OAAO,QAAQ,UAAU,WAAW,UAAU,WAAW,kBAAkB,eAAe,cAAc,GAAG,KAAK,IAAI;AAC9I,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAE9C,iBAAe,SAAS,GAAkC;AACtD,gBAAY,CAAC;AACb,UAAM,QAAQ,EAAE;AAChB,UAAM,EAAE,MAAM,IAAI;AAClB,QAAI,CAAC,SAAS,MAAM,WAAW;AAAG;AAClC,gBAAY,IAAI;AAChB,QAAI;AACA,UAAI,UAAU;AACV,cAAM,SAAiB,MAAM,KAAK,KAAK;AACvC,cAAM,SAAuC,CAAC;AAC9C,mBAAW,QAAQ,QAAQ;AACvB,gBAAM,QAAS,MAAM,YAAY,MAAM,IAAI;AAC3C,iBAAO,KAAK,KAAK;AAAA,QACrB;AACA,uBAAe,MAA4B;AAC3C,wBAAgB,MAAmC;AAAA,MACvD,OAAO;AACH,cAAM,OAAO,MAAM,CAAC;AACpB,uBAAe,IAA0B;AACzC,wBAAiB,MAAM,YAAY,MAAM,IAAI,CAA+B;AAAA,MAChF;AAAA,IACJ,UAAE;AACE,UAAI;AAAkB,cAAM,QAAQ;AACpC,kBAAY,KAAK;AAAA,IACrB;AAAA,EACJ;AAEA,SAAO,oCAAC,WAAM,UAAU,YAAY,WAAW,MAAK,QAAO,UAAoB,UAAqB,GAAG,MAAM;AACjH;",
   "names": []
 }

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

@@ -0,0 +1,11 @@
+import { ComponentProps, JSX } from "react";
+import { InputFileBaseProps, InputFileDataType, InputFileExtraProps } from "./InputFile";
+export type InputFileButtonProps<Multiple extends boolean = false, Type extends InputFileDataType = "file", AS extends keyof JSX.IntrinsicElements = "button"> = Omit<ComponentProps<AS>, "type" | "disabled"> & InputFileExtraProps<Multiple, Type> & {
+    disabled?: boolean;
+    inputProps?: Omit<InputFileBaseProps, "accept">;
+    accept?: string;
+    dragFile?: boolean;
+    as?: AS;
+};
+/** 专用于读取文件的 button 组件 */
+export declare function InputFileButton<Multiple extends boolean = false, Type extends InputFileDataType = "file", AS extends keyof JSX.IntrinsicElements = "button">(props: InputFileButtonProps<Multiple, Type, AS>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/InputFileButton.js

@@ -0,0 +1,111 @@
+"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/InputFileButton.tsx
+var InputFileButton_exports = {};
+__export(InputFileButton_exports, {
+  InputFileButton: () => InputFileButton
+});
+module.exports = __toCommonJS(InputFileButton_exports);
+var import_react = require("react");
+var import_InputFile = require("./InputFile");
+function InputFileButton(props) {
+  const {
+    as = "button",
+    onClick: _onClick,
+    inputProps = {},
+    accept,
+    onDrop: _onDrop,
+    onDragOver: _onDragOver,
+    dragFile,
+    disabled: _disabled,
+    type = "file",
+    multiple,
+    onValueChange,
+    onFileChange,
+    clearAfterChange,
+    ...rest
+  } = props;
+  const { style, disabled: __disabled, ...restInputProps } = inputProps;
+  const [disabled, setDisabled] = (0, import_react.useState)(false);
+  const input = (0, import_react.useRef)(null);
+  function onClick(e) {
+    input.current?.click();
+    _onClick?.(e);
+  }
+  async function onDrop(e) {
+    _onDrop?.(e);
+    if (disabled || !dragFile)
+      return;
+    e.preventDefault();
+    const { files } = e.dataTransfer;
+    if (!files || files.length === 0)
+      return;
+    setDisabled(true);
+    try {
+      if (multiple) {
+        const files2 = Array.from(files);
+        const values = [];
+        for (const file of files2) {
+          const value = await (0, import_InputFile.getFileData)(file, type);
+          values.push(value);
+        }
+        onFileChange?.(files2);
+        onValueChange?.(values);
+      } else {
+        const file = files[0];
+        onFileChange?.(file);
+        onValueChange?.(await (0, import_InputFile.getFileData)(file, type));
+      }
+    } finally {
+      setDisabled(false);
+    }
+  }
+  function onDragOver(e) {
+    _onDragOver?.(e);
+    if (disabled || !dragFile)
+      return;
+    e.preventDefault();
+  }
+  return /* @__PURE__ */ React.createElement(import_react.Fragment, null, /* @__PURE__ */ React.createElement(
+    import_InputFile.InputFile,
+    {
+      disabled: disabled || _disabled || __disabled,
+      style: { display: "none", ...style },
+      multiple,
+      accept,
+      type,
+      onValueChange,
+      onFileChange,
+      clearAfterChange,
+      ...restInputProps
+    }
+  ), (0, import_react.createElement)(as, {
+    disabled: disabled || _disabled,
+    onClick,
+    onDrop,
+    onDragOver,
+    ...rest
+  }));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InputFileButton
+});
+//# sourceMappingURL=InputFileButton.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/InputFileButton.tsx"],
+  "sourcesContent": ["\"use client\"\r\n\r\nimport { ComponentProps, ComponentRef, createElement, DragEvent, Fragment, JSX, MouseEvent as ReactMouseEvent, useRef, useState } from \"react\"\r\nimport { FileType, getFileData, InputFile, InputFileBaseProps, InputFileDataType, InputFileDataTypeMap, InputFileExtraProps, ValueType } from \"./InputFile\"\r\n\r\nexport type InputFileButtonProps<\r\n    Multiple extends boolean = false,\r\n    Type extends InputFileDataType = \"file\",\r\n    AS extends keyof JSX.IntrinsicElements = \"button\",\r\n> = Omit<ComponentProps<AS>, \"type\" | \"disabled\"> &\r\n    InputFileExtraProps<Multiple, Type> & {\r\n        disabled?: boolean\r\n        inputProps?: Omit<InputFileBaseProps, \"accept\">\r\n        accept?: string\r\n        dragFile?: boolean\r\n        as?: AS\r\n    }\r\n\r\n/** 专用于读取文件的 button 组件 */\r\nexport function InputFileButton<Multiple extends boolean = false, Type extends InputFileDataType = \"file\", AS extends keyof JSX.IntrinsicElements = \"button\">(\r\n    props: InputFileButtonProps<Multiple, Type, AS>,\r\n) {\r\n    const {\r\n        as = \"button\",\r\n        onClick: _onClick,\r\n        inputProps = {},\r\n        accept,\r\n        onDrop: _onDrop,\r\n        onDragOver: _onDragOver,\r\n        dragFile,\r\n        disabled: _disabled,\r\n        type = \"file\",\r\n        multiple,\r\n        onValueChange,\r\n        onFileChange,\r\n        clearAfterChange,\r\n        ...rest\r\n    } = props\r\n\r\n    const { style, disabled: __disabled, ...restInputProps } = inputProps\r\n    const [disabled, setDisabled] = useState(false)\r\n    const input = useRef<HTMLInputElement>(null)\r\n\r\n    function onClick(e: ReactMouseEvent<ComponentRef<AS>, MouseEvent>) {\r\n        input.current?.click()\r\n        _onClick?.(e as any)\r\n    }\r\n\r\n    async function onDrop(e: DragEvent<ComponentRef<AS>>) {\r\n        _onDrop?.(e as any)\r\n        if (disabled || !dragFile) return\r\n        e.preventDefault()\r\n        const { files } = e.dataTransfer\r\n        if (!files || files.length === 0) return\r\n        setDisabled(true)\r\n        try {\r\n            if (multiple) {\r\n                const files2: File[] = Array.from(files)\r\n                const values: InputFileDataTypeMap[Type][] = []\r\n                for (const file of files2) {\r\n                    const value = (await getFileData(file, type)) as InputFileDataTypeMap[Type]\r\n                    values.push(value)\r\n                }\r\n                onFileChange?.(files2 as FileType<Multiple>)\r\n                onValueChange?.(values as ValueType<Multiple, Type>)\r\n            } else {\r\n                const file = files[0]\r\n                onFileChange?.(file as FileType<Multiple>)\r\n                onValueChange?.((await getFileData(file, type)) as ValueType<Multiple, Type>)\r\n            }\r\n        } finally {\r\n            setDisabled(false)\r\n        }\r\n    }\r\n\r\n    function onDragOver(e: DragEvent<ComponentRef<AS>>) {\r\n        _onDragOver?.(e as any)\r\n        if (disabled || !dragFile) return\r\n        e.preventDefault()\r\n    }\r\n\r\n    return (\r\n        <Fragment>\r\n            <InputFile<Multiple, Type>\r\n                disabled={disabled || _disabled || __disabled}\r\n                style={{ display: \"none\", ...style }}\r\n                multiple={multiple}\r\n                accept={accept}\r\n                type={type as Type}\r\n                onValueChange={onValueChange}\r\n                onFileChange={onFileChange}\r\n                clearAfterChange={clearAfterChange}\r\n                {...restInputProps}\r\n            />\r\n            {createElement(as, {\r\n                disabled: disabled || _disabled,\r\n                onClick,\r\n                onDrop,\r\n                onDragOver,\r\n                ...rest,\r\n            })}\r\n        </Fragment>\r\n    )\r\n}\r\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAuI;AACvI,uBAA8I;AAgBvI,SAAS,gBACZ,OACF;AACE,QAAM;AAAA,IACF,KAAK;AAAA,IACL,SAAS;AAAA,IACT,aAAa,CAAC;AAAA,IACd;AAAA,IACA,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ;AAAA,IACA,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACP,IAAI;AAEJ,QAAM,EAAE,OAAO,UAAU,YAAY,GAAG,eAAe,IAAI;AAC3D,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,YAAQ,qBAAyB,IAAI;AAE3C,WAAS,QAAQ,GAAkD;AAC/D,UAAM,SAAS,MAAM;AACrB,eAAW,CAAQ;AAAA,EACvB;AAEA,iBAAe,OAAO,GAAgC;AAClD,cAAU,CAAQ;AAClB,QAAI,YAAY,CAAC;AAAU;AAC3B,MAAE,eAAe;AACjB,UAAM,EAAE,MAAM,IAAI,EAAE;AACpB,QAAI,CAAC,SAAS,MAAM,WAAW;AAAG;AAClC,gBAAY,IAAI;AAChB,QAAI;AACA,UAAI,UAAU;AACV,cAAM,SAAiB,MAAM,KAAK,KAAK;AACvC,cAAM,SAAuC,CAAC;AAC9C,mBAAW,QAAQ,QAAQ;AACvB,gBAAM,QAAS,UAAM,8BAAY,MAAM,IAAI;AAC3C,iBAAO,KAAK,KAAK;AAAA,QACrB;AACA,uBAAe,MAA4B;AAC3C,wBAAgB,MAAmC;AAAA,MACvD,OAAO;AACH,cAAM,OAAO,MAAM,CAAC;AACpB,uBAAe,IAA0B;AACzC,wBAAiB,UAAM,8BAAY,MAAM,IAAI,CAA+B;AAAA,MAChF;AAAA,IACJ,UAAE;AACE,kBAAY,KAAK;AAAA,IACrB;AAAA,EACJ;AAEA,WAAS,WAAW,GAAgC;AAChD,kBAAc,CAAQ;AACtB,QAAI,YAAY,CAAC;AAAU;AAC3B,MAAE,eAAe;AAAA,EACrB;AAEA,SACI,oCAAC,6BACG;AAAA,IAAC;AAAA;AAAA,MACG,UAAU,YAAY,aAAa;AAAA,MACnC,OAAO,EAAE,SAAS,QAAQ,GAAG,MAAM;AAAA,MACnC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACR,OACC,4BAAc,IAAI;AAAA,IACf,UAAU,YAAY;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACP,CAAC,CACL;AAER;",
+  "names": []
+}

package/dist/cjs/index.d.ts

@@ -11,6 +11,7 @@ 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/Ring";
 export * from "./components/Scroll";

package/dist/cjs/index.js

@@ -29,6 +29,7 @@ __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/Ring"), module.exports);
 __reExport(src_exports, require("./components/Scroll"), module.exports);
@@ -56,6 +57,7 @@ __reExport(src_exports, require("./utils/index"), module.exports);
   ...require("./components/ImportExcel"),
   ...require("./components/InfiniteScroll"),
   ...require("./components/InputFile"),
+  ...require("./components/InputFileButton"),
   ...require("./components/LoopSwiper"),
   ...require("./components/Ring"),
   ...require("./components/Scroll"),

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/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,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,+BAtBd;AAuBA,wBAAc,oCAvBd;AAwBA,wBAAc,0BAxBd;",
+  "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;",
   "names": []
 }

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

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

package/dist/esm/components/ImportExcel.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","readExcel","InputFile","jsx","_jsx","ImportExcel","props","ref","onChange","rest","accept","type","result"],"sources":["../../../src/components/ImportExcel.tsx"],"sourcesContent":["\"use client\"\n\nimport { forwardRef } from \"react\"\nimport { readExcel } from \"deepsea-tools\"\n\nimport { InputFile, InputFileProps } from \"./InputFile\"\n\nexport interface ImportExcelProps extends Omit<InputFileProps, \"multiple\" | \"onChange\" | \"accept\" | \"type\"> {\n    onChange?: (data: Record<string, any>[]) => void\n}\n\n/** 专门用于读取 excel 的组件 */\nexport const ImportExcel = forwardRef<HTMLInputElement, ImportExcelProps>((props, ref) => {\n    const { onChange, ...rest } = props\n\n    return <InputFile ref={ref} accept=\".xlsx\" type=\"arrayBuffer\" onChange={({ result }) => onChange?.(readExcel(result))} {...rest} />\n})\n"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,SAAS,QAAQ,eAAe;AAEzC,SAASC,SAAS;AAAqC,SAAAC,GAAA,IAAAC,IAAA;AAMvD;AACA,OAAO,MAAMC,WAAW,gBAAGL,UAAU,CAAqC,CAACM,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,GAAGP,SAAS,CAACW,MAAM,CAAC,CAAE;IAAA,GAAKH;EAAI,CAAG,CAAC;AACvI,CAAC,CAAC"}
+{"version":3,"names":["readExcel","InputFile","jsx","_jsx","ImportExcel","props","onValueChange","rest","accept","type","data"],"sources":["../../../src/components/ImportExcel.tsx"],"sourcesContent":["\"use client\"\n\nimport { readExcel } from \"deepsea-tools\"\nimport { FC } from \"react\"\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;;AAEZ,SAASA,SAAS,QAAQ,eAAe;AAGzC,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/dist/esm/components/InputFile.d.ts

@@ -1,53 +1,26 @@
-import { ButtonHTMLAttributes, InputHTMLAttributes } from "react";
-export interface InputFileDataTypes {
+import { ComponentProps, ReactNode } from "react";
+export interface InputFileDataTypeMap {
     base64: string;
     text: string;
     arrayBuffer: ArrayBuffer;
     binary: string;
     file: File;
 }
-export type InputFileDataType = keyof InputFileDataTypes;
-export interface InputFileData<T> {
-    result: T;
-    file: File;
+export type InputFileDataType = keyof InputFileDataTypeMap;
+export declare function getFileData<T extends InputFileDataType>(file: File, type: T): Promise<InputFileDataTypeMap[T]>;
+export interface InputFileBaseProps extends Omit<ComponentProps<"input">, "multiple" | "type"> {
 }
-export type InputFileProps = ({
-    multiple?: false;
-    type: "base64" | "text" | "binary";
-    onChange?: (data: InputFileData<string>) => void;
-} | {
-    multiple?: false;
-    type: "arrayBuffer";
-    onChange?: (data: InputFileData<ArrayBuffer>) => void;
-} | {
-    multiple?: false;
-    type?: "file";
-    onChange?: (data: InputFileData<File>) => void;
-} | {
-    multiple: true;
-    type: "base64" | "text" | "binary";
-    onChange?: (data: InputFileData<string>[]) => void;
-} | {
-    multiple: true;
-    type: "arrayBuffer";
-    onChange?: (data: InputFileData<ArrayBuffer>[]) => void;
-} | {
-    multiple: true;
-    type?: "file";
-    onChange?: (data: InputFileData<File>[]) => void;
-}) & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "multiple" | "type"> & {
+export type FileType<Multiple extends boolean> = Multiple extends true ? File[] : File;
+export type ValueType<Multiple extends boolean, Type extends InputFileDataType> = Multiple extends true ? InputFileDataTypeMap[Type][] : InputFileDataTypeMap[Type];
+export interface InputFileExtraProps<Multiple extends boolean = false, Type extends InputFileDataType = "file"> {
+    multiple?: Multiple;
+    type?: Type;
+    onValueChange?: (data: ValueType<Multiple, Type>) => void;
+    onFileChange?: (data: FileType<Multiple>) => void;
     /** 是否在捕获文件后清除 input 上的文件，默认为 false，主要区别在于如果不清除，连续两次选择同样的文件不会触发 onChange 事件，如果用于 form 表单，请设置为 flase */
     clearAfterChange?: boolean;
-};
-export declare function getFileData<T extends InputFileDataType>(file: File, type: T): Promise<InputFileDataTypes[T]>;
+}
+export interface InputFileProps<Multiple extends boolean = false, Type extends InputFileDataType = "file"> extends InputFileBaseProps, InputFileExtraProps<Multiple, Type> {
+}
 /** 专用于读取文件的组件 */
-export declare const InputFile: import("react").ForwardRefExoticComponent<InputFileProps & import("react").RefAttributes<HTMLInputElement>>;
-export type InputFileButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    input: InputFileProps;
-    dragFile?: boolean;
-};
-/** 专用于读取文件的 button 组件 */
-export declare const InputFileButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
-    input: InputFileProps;
-    dragFile?: boolean | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>;
+export declare function InputFile<Multiple extends boolean = false, Type extends InputFileDataType = "file">(props: InputFileProps<Multiple, Type>): ReactNode;