deepsea-components 5.11.5 → 5.12.0

package/dist/components/FormLabel.js

@@ -0,0 +1,37 @@
+"use client"
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+const FormLabelConfigContext = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)({});
+const FormLabelConfigProvider = ({ width, before, children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FormLabelConfigContext.Provider, {
+        value: {
+            width,
+            before
+        },
+        children: children
+    });
+const FormLabel = (props)=>{
+    const { width: _width, before: _before } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(FormLabelConfigContext);
+    const { style, width = _width, before = _before, ...rest } = props;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react__.Fragment, {
+        children: [
+            !!before && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                style: {
+                    width: 11,
+                    color: "transparent",
+                    userSelect: "none"
+                },
+                children: " "
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                style: {
+                    width,
+                    textAlign: "justify",
+                    textAlignLast: "justify",
+                    ...style
+                },
+                ...rest
+            })
+        ]
+    });
+};
+export { FormLabel, FormLabelConfigContext, FormLabelConfigProvider };

package/dist/components/HlsPlayer.cjs

@@ -0,0 +1,76 @@
+"use client"
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    HlsPlayer: ()=>HlsPlayer
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_hls_js_namespaceObject = require("hls.js");
+var external_hls_js_default = /*#__PURE__*/ __webpack_require__.n(external_hls_js_namespaceObject);
+const HlsPlayer = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
+    const { src, ...rest } = props;
+    const video = (0, external_react_namespaceObject.useRef)(null);
+    (0, external_react_namespaceObject.useImperativeHandle)(ref, ()=>video.current, []);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const { current: player } = video;
+        if (!player || !src) return;
+        if (player.canPlayType("application/vnd.apple.mpegurl")) {
+            player.src = src;
+            return;
+        }
+        if (external_hls_js_default().isSupported()) {
+            const hls = new (external_hls_js_default())();
+            hls.loadSource(src);
+            hls.attachMedia(player);
+            return ()=>{
+                hls.destroy();
+            };
+        }
+    }, [
+        src
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("video", {
+        ref: video,
+        ...rest
+    });
+});
+exports.HlsPlayer = __webpack_exports__.HlsPlayer;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "HlsPlayer"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/HlsPlayer.js

@@ -0,0 +1,32 @@
+"use client"
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_hls_js_a9a66012__ from "hls.js";
+const HlsPlayer = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
+    const { src, ...rest } = props;
+    const video = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useImperativeHandle)(ref, ()=>video.current, []);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        const { current: player } = video;
+        if (!player || !src) return;
+        if (player.canPlayType("application/vnd.apple.mpegurl")) {
+            player.src = src;
+            return;
+        }
+        if (__WEBPACK_EXTERNAL_MODULE_hls_js_a9a66012__["default"].isSupported()) {
+            const hls = new __WEBPACK_EXTERNAL_MODULE_hls_js_a9a66012__["default"]();
+            hls.loadSource(src);
+            hls.attachMedia(player);
+            return ()=>{
+                hls.destroy();
+            };
+        }
+    }, [
+        src
+    ]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("video", {
+        ref: video,
+        ...rest
+    });
+});
+export { HlsPlayer };

package/dist/components/InfiniteScroll.cjs

@@ -0,0 +1,135 @@
+"use client"
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    InfiniteScroll: ()=>InfiniteScroll
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const css_namespaceObject = require("@emotion/css");
+const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_soda_hooks_namespaceObject = require("soda-hooks");
+const InfiniteScroll = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
+    const { className, direction = "vertical", children, containerClassName, containerStyle, gap = 0, duration, withGap, withEqual, pauseOnHover, onMouseEnter, onMouseLeave, ...rest } = props;
+    const wrapper = (0, external_react_namespaceObject.useRef)(null);
+    const wrapperSize = (0, external_soda_hooks_namespaceObject.useSize)(wrapper);
+    const ele = (0, external_react_namespaceObject.useRef)(null);
+    (0, external_react_namespaceObject.useImperativeHandle)(ref, ()=>wrapper.current, [
+        wrapper.current
+    ]);
+    const container = (0, external_react_namespaceObject.useRef)(null);
+    const containerSize = (0, external_soda_hooks_namespaceObject.useSize)(container);
+    function bigger(containerSize, wrapperSize) {
+        return withEqual ? containerSize + (withGap ? gap : 0) >= wrapperSize : containerSize + (withGap ? gap : 0) > wrapperSize;
+    }
+    const overflow = wrapperSize && containerSize ? "vertical" === direction ? bigger(containerSize.height, wrapperSize.height) : bigger(containerSize.width, wrapperSize.width) : false;
+    const animation = (0, external_react_namespaceObject.useRef)(void 0);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!wrapperSize || !containerSize || !overflow) return;
+        animation.current = ele.current?.animate({
+            transform: "vertical" === direction ? [
+                "translateY(0)",
+                `translateY(-${containerSize.height + gap}px)`
+            ] : [
+                "translateX(0)",
+                `translateX(-${containerSize.width + gap}px)`
+            ]
+        }, {
+            duration,
+            iterations: 1 / 0
+        });
+        return ()=>animation.current?.cancel();
+    }, [
+        wrapperSize,
+        containerSize,
+        overflow,
+        direction,
+        duration
+    ]);
+    function enter(e) {
+        if (pauseOnHover) animation.current?.pause();
+        onMouseEnter?.(e);
+    }
+    function leave(e) {
+        if (pauseOnHover) animation.current?.play();
+        onMouseLeave?.(e);
+    }
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!pauseOnHover && animation.current?.playState === "paused") animation.current?.play();
+    }, [
+        animation.current,
+        pauseOnHover
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: wrapper,
+        className: (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
+                    position: relative;
+                    ${"vertical" === direction ? "overflow-y: hidden;" : "overflow-x: hidden;"}
+                `, className),
+        onMouseEnter: enter,
+        onMouseLeave: leave,
+        ...rest,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            ref: ele,
+            style: {
+                position: "absolute",
+                width: "vertical" === direction ? "100%" : containerSize && (overflow ? 2 * containerSize.width + gap : containerSize.width),
+                height: "horizontal" === direction ? "100%" : containerSize && (overflow ? 2 * containerSize.height + gap : containerSize.width)
+            },
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    ref: container,
+                    className: (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
+                            position: absolute;
+                            left: 0;
+                            top: 0;
+                            ${"vertical" === direction ? "width: 100%;" : "height: 100%;"}
+                        `, containerClassName),
+                    style: containerStyle,
+                    children: children
+                }),
+                overflow && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    ref: container,
+                    className: (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
+                                position: absolute;
+                                right: 0;
+                                bottom: 0;
+                                ${"vertical" === direction ? "width: 100%;" : "height: 100%;"}
+                            `, containerClassName),
+                    style: containerStyle,
+                    children: children
+                })
+            ]
+        })
+    });
+});
+exports.InfiniteScroll = __webpack_exports__.InfiniteScroll;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "InfiniteScroll"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/{cjs/components → components}/InfiniteScroll.d.ts

@@ -33,22 +33,22 @@ export declare const InfiniteScroll: import("react").ForwardRefExoticComponent<O
      * 滚动的方向
      * @default "vertical"
      */
-    direction?: "horizontal" | "vertical" | undefined;
+    direction?: "vertical" | "horizontal";
     /** 渲染 children 的容器的类名 */
-    containerClassName?: string | undefined;
+    containerClassName?: string;
     /** 渲染 children 的容器的样式 */
-    containerStyle?: CSSProperties | undefined;
+    containerStyle?: CSSProperties;
     /**
      * 两个 children 容器之间的间距
      * @default 0
      */
-    gap?: number | undefined;
+    gap?: number;
     /** 一个周期的时间，单位：毫秒 */
     duration: number;
     /** 是否将 gap 的距离也加入 overflow 的计算 */
-    withGap?: boolean | undefined;
+    withGap?: boolean;
     /** 尺寸刚好相同时，是否视为溢出 */
-    withEqual?: boolean | undefined;
+    withEqual?: boolean;
     /** 鼠标移入时，是否停止动画 */
-    pauseOnHover?: boolean | undefined;
+    pauseOnHover?: boolean;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/InfiniteScroll.js

@@ -0,0 +1,101 @@
+"use client"
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__ from "@emotion/css";
+import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import * as __WEBPACK_EXTERNAL_MODULE_soda_hooks_b1fef7dd__ from "soda-hooks";
+const InfiniteScroll = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
+    const { className, direction = "vertical", children, containerClassName, containerStyle, gap = 0, duration, withGap, withEqual, pauseOnHover, onMouseEnter, onMouseLeave, ...rest } = props;
+    const wrapper = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    const wrapperSize = (0, __WEBPACK_EXTERNAL_MODULE_soda_hooks_b1fef7dd__.useSize)(wrapper);
+    const ele = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useImperativeHandle)(ref, ()=>wrapper.current, [
+        wrapper.current
+    ]);
+    const container = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    const containerSize = (0, __WEBPACK_EXTERNAL_MODULE_soda_hooks_b1fef7dd__.useSize)(container);
+    function bigger(containerSize, wrapperSize) {
+        return withEqual ? containerSize + (withGap ? gap : 0) >= wrapperSize : containerSize + (withGap ? gap : 0) > wrapperSize;
+    }
+    const overflow = wrapperSize && containerSize ? "vertical" === direction ? bigger(containerSize.height, wrapperSize.height) : bigger(containerSize.width, wrapperSize.width) : false;
+    const animation = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(void 0);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (!wrapperSize || !containerSize || !overflow) return;
+        animation.current = ele.current?.animate({
+            transform: "vertical" === direction ? [
+                "translateY(0)",
+                `translateY(-${containerSize.height + gap}px)`
+            ] : [
+                "translateX(0)",
+                `translateX(-${containerSize.width + gap}px)`
+            ]
+        }, {
+            duration,
+            iterations: 1 / 0
+        });
+        return ()=>animation.current?.cancel();
+    }, [
+        wrapperSize,
+        containerSize,
+        overflow,
+        direction,
+        duration
+    ]);
+    function enter(e) {
+        if (pauseOnHover) animation.current?.pause();
+        onMouseEnter?.(e);
+    }
+    function leave(e) {
+        if (pauseOnHover) animation.current?.play();
+        onMouseLeave?.(e);
+    }
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (!pauseOnHover && animation.current?.playState === "paused") animation.current?.play();
+    }, [
+        animation.current,
+        pauseOnHover
+    ]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        ref: wrapper,
+        className: (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.clsx)((0, __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__.css)`
+                    position: relative;
+                    ${"vertical" === direction ? "overflow-y: hidden;" : "overflow-x: hidden;"}
+                `, className),
+        onMouseEnter: enter,
+        onMouseLeave: leave,
+        ...rest,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+            ref: ele,
+            style: {
+                position: "absolute",
+                width: "vertical" === direction ? "100%" : containerSize && (overflow ? 2 * containerSize.width + gap : containerSize.width),
+                height: "horizontal" === direction ? "100%" : containerSize && (overflow ? 2 * containerSize.height + gap : containerSize.width)
+            },
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                    ref: container,
+                    className: (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.clsx)((0, __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__.css)`
+                            position: absolute;
+                            left: 0;
+                            top: 0;
+                            ${"vertical" === direction ? "width: 100%;" : "height: 100%;"}
+                        `, containerClassName),
+                    style: containerStyle,
+                    children: children
+                }),
+                overflow && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                    ref: container,
+                    className: (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.clsx)((0, __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__.css)`
+                                position: absolute;
+                                right: 0;
+                                bottom: 0;
+                                ${"vertical" === direction ? "width: 100%;" : "height: 100%;"}
+                            `, containerClassName),
+                    style: containerStyle,
+                    children: children
+                })
+            ]
+        })
+    });
+});
+export { InfiniteScroll };

package/dist/components/InputFile.cjs

@@ -0,0 +1,102 @@
+"use client"
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    InputFile: ()=>InputFile,
+    getFileData: ()=>getFileData
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+async function getFileData(file, type) {
+    const fileReader = new FileReader();
+    switch(type){
+        case "arrayBuffer":
+            fileReader.readAsArrayBuffer(file);
+            break;
+        case "binary":
+            fileReader.readAsBinaryString(file);
+            break;
+        case "base64":
+            fileReader.readAsDataURL(file);
+            break;
+        case "text":
+            fileReader.readAsText(file);
+            break;
+        default:
+            return file;
+    }
+    return new Promise((resolve)=>{
+        fileReader.addEventListener("load", ()=>{
+            resolve(fileReader.result);
+        });
+    });
+}
+function InputFile(props) {
+    const { multiple = false, type = "file", onChange: _onChange, disabled: _disabled, clearAfterChange, onValueChange, onFileChange, ...rest } = props;
+    const [disabled, setDisabled] = (0, external_react_namespaceObject.useState)(false);
+    async function onChange(e) {
+        _onChange?.(e);
+        const input = e.target;
+        const { files } = input;
+        if (!files || 0 === files.length) return;
+        setDisabled(true);
+        try {
+            if (multiple) {
+                const files2 = Array.from(files);
+                const values = [];
+                for (const file of files2){
+                    const value = await getFileData(file, type);
+                    values.push(value);
+                }
+                onFileChange?.(files2);
+                onValueChange?.(values);
+            } else {
+                const file = files[0];
+                onFileChange?.(file);
+                onValueChange?.(await getFileData(file, type));
+            }
+        } finally{
+            if (clearAfterChange) input.value = "";
+            setDisabled(false);
+        }
+    }
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
+        disabled: disabled || _disabled,
+        type: "file",
+        multiple: multiple,
+        onChange: onChange,
+        ...rest
+    });
+}
+exports.InputFile = __webpack_exports__.InputFile;
+exports.getFileData = __webpack_exports__.getFileData;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "InputFile",
+    "getFileData"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/InputFile.js

@@ -0,0 +1,65 @@
+"use client"
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+async function getFileData(file, type) {
+    const fileReader = new FileReader();
+    switch(type){
+        case "arrayBuffer":
+            fileReader.readAsArrayBuffer(file);
+            break;
+        case "binary":
+            fileReader.readAsBinaryString(file);
+            break;
+        case "base64":
+            fileReader.readAsDataURL(file);
+            break;
+        case "text":
+            fileReader.readAsText(file);
+            break;
+        default:
+            return file;
+    }
+    return new Promise((resolve)=>{
+        fileReader.addEventListener("load", ()=>{
+            resolve(fileReader.result);
+        });
+    });
+}
+function InputFile(props) {
+    const { multiple = false, type = "file", onChange: _onChange, disabled: _disabled, clearAfterChange, onValueChange, onFileChange, ...rest } = props;
+    const [disabled, setDisabled] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    async function onChange(e) {
+        _onChange?.(e);
+        const input = e.target;
+        const { files } = input;
+        if (!files || 0 === files.length) return;
+        setDisabled(true);
+        try {
+            if (multiple) {
+                const files2 = Array.from(files);
+                const values = [];
+                for (const file of files2){
+                    const value = await getFileData(file, type);
+                    values.push(value);
+                }
+                onFileChange?.(files2);
+                onValueChange?.(values);
+            } else {
+                const file = files[0];
+                onFileChange?.(file);
+                onValueChange?.(await getFileData(file, type));
+            }
+        } finally{
+            if (clearAfterChange) input.value = "";
+            setDisabled(false);
+        }
+    }
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("input", {
+        disabled: disabled || _disabled,
+        type: "file",
+        multiple: multiple,
+        onChange: onChange,
+        ...rest
+    });
+}
+export { InputFile, getFileData };