@reactuses/core 5.0.22 → 5.0.23-beta.1

package/dist/index.cjs

@@ -5,6 +5,7 @@ var lodashEs = require('lodash-es');
 var Cookies = require('js-cookie');
 var screenfull = require('screenfull');
 var index_js = require('use-sync-external-store/shim/index.js');
+var fetchEventSource = require('@microsoft/fetch-event-source');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -153,7 +154,7 @@ function useMountedState() {
     return get;
 }
 
-function asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$7(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -167,16 +168,16 @@ function asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$6(fn) {
+function _async_to_generator$7(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$7(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$7(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
@@ -185,7 +186,7 @@ function _async_to_generator$6(fn) {
 const useAsyncEffect = (effect, cleanup = noop, deps)=>{
     const mounted = useMountedState();
     React.useEffect(()=>{
-        const execute = /*#__PURE__*/ _async_to_generator$6(function*() {
+        const execute = /*#__PURE__*/ _async_to_generator$7(function*() {
             if (!mounted()) {
                 return;
             }
@@ -1204,7 +1205,7 @@ function useSupported(callback, sync = false) {
     return supported;
 }
 
-function asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -1218,16 +1219,16 @@ function asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$5(fn) {
+function _async_to_generator$6(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
@@ -1235,7 +1236,7 @@ function _async_to_generator$5(fn) {
 }
 const useEyeDropper = ()=>{
     const isSupported = useSupported(()=>typeof window !== 'undefined' && 'EyeDropper' in window, true);
-    const open = React.useCallback(/*#__PURE__*/ _async_to_generator$5(function*(options = {}) {
+    const open = React.useCallback(/*#__PURE__*/ _async_to_generator$6(function*(options = {}) {
         if (!isSupported) {
             return {
                 sRGBHex: ''
@@ -1270,7 +1271,7 @@ function useFavicon(href, baseUrl = '', rel = 'icon') {
     ]);
 }
 
-function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -1284,23 +1285,23 @@ function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$4(fn) {
+function _async_to_generator$5(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
     };
 }
-function _extends$2() {
-    _extends$2 = Object.assign || function(target) {
+function _extends$3() {
+    _extends$3 = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -1311,7 +1312,7 @@ function _extends$2() {
         }
         return target;
     };
-    return _extends$2.apply(this, arguments);
+    return _extends$3.apply(this, arguments);
 }
 const DEFAULT_OPTIONS = {
     multiple: true,
@@ -1336,11 +1337,11 @@ const useFileDialog = (options = defaultOptions$1)=>{
         return input;
     }, []);
     inputRef.current = initFn();
-    const open = /*#__PURE__*/ _async_to_generator$4(function*(localOptions) {
+    const open = /*#__PURE__*/ _async_to_generator$5(function*(localOptions) {
         if (!inputRef.current) {
             return;
         }
-        const _options = _extends$2({}, DEFAULT_OPTIONS, options, localOptions);
+        const _options = _extends$3({}, DEFAULT_OPTIONS, options, localOptions);
         inputRef.current.multiple = _options.multiple;
         inputRef.current.accept = _options.accept;
         inputRef.current.capture = _options.capture;
@@ -1746,7 +1747,7 @@ const createUpdateEffect = (hook)=>(effect, deps)=>{
 
 const useUpdateEffect = createUpdateEffect(React.useEffect);
 
-function asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -1760,23 +1761,23 @@ function asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$3(fn) {
+function _async_to_generator$4(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
     };
 }
-function _extends$1() {
-    _extends$1 = Object.assign || function(target) {
+function _extends$2() {
+    _extends$2 = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -1787,22 +1788,22 @@ function _extends$1() {
         }
         return target;
     };
-    return _extends$1.apply(this, arguments);
+    return _extends$2.apply(this, arguments);
 }
 const useInfiniteScroll = (target, onLoadMore, options = defaultOptions$1)=>{
     const savedLoadMore = useLatest(onLoadMore);
     var _options_direction;
     const direction = (_options_direction = options.direction) != null ? _options_direction : 'bottom';
     var _options_distance;
-    const state = useScroll(target, _extends$1({}, options, {
-        offset: _extends$1({
+    const state = useScroll(target, _extends$2({}, options, {
+        offset: _extends$2({
             [direction]: (_options_distance = options.distance) != null ? _options_distance : 0
         }, options.offset)
     }));
     const di = state[3][direction];
     useUpdateEffect(()=>{
         const element = getTargetElement(target);
-        const fn = /*#__PURE__*/ _async_to_generator$3(function*() {
+        const fn = /*#__PURE__*/ _async_to_generator$4(function*() {
             var _element_scrollHeight, _element_scrollWidth;
             const previous = {
                 height: (_element_scrollHeight = element == null ? void 0 : element.scrollHeight) != null ? _element_scrollHeight : 0,
@@ -1952,7 +1953,7 @@ const useMeasure = (target, options = defaultOptions$1)=>{
     ];
 };
 
-function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -1966,16 +1967,16 @@ function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$2(fn) {
+function _async_to_generator$3(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
@@ -2009,7 +2010,7 @@ const useMediaDevices = (options = {})=>{
             });
         }).catch(noop);
     }, []);
-    const ensurePermissions = React.useCallback(/*#__PURE__*/ _async_to_generator$2(function*() {
+    const ensurePermissions = React.useCallback(/*#__PURE__*/ _async_to_generator$3(function*() {
         if (!isSupported) {
             return false;
         }
@@ -2892,8 +2893,8 @@ function useSessionStorage(key, defaultValue, options = defaultOptions$1) {
     return useStorage(key, defaultValue, ()=>isBrowser ? sessionStorage : undefined, options);
 }
 
-function _extends() {
-    _extends = Object.assign || function(target) {
+function _extends$1() {
+    _extends$1 = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -2904,11 +2905,11 @@ function _extends() {
         }
         return target;
     };
-    return _extends.apply(this, arguments);
+    return _extends$1.apply(this, arguments);
 }
 const useSetState = (initialState)=>{
     const [state, _setState] = React.useState(initialState);
-    const setState = React.useCallback((statePartial)=>_setState((current)=>_extends({}, current, typeof statePartial === 'function' ? statePartial(current) : statePartial)), []);
+    const setState = React.useCallback((statePartial)=>_setState((current)=>_extends$1({}, current, typeof statePartial === 'function' ? statePartial(current) : statePartial)), []);
     return [
         state,
         setState
@@ -3094,7 +3095,7 @@ const useToggle = (initialValue)=>{
 
 const useUpdateLayoutEffect = createUpdateEffect(React.useLayoutEffect);
 
-function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -3108,16 +3109,16 @@ function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$1(fn) {
+function _async_to_generator$2(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
@@ -3147,7 +3148,7 @@ const useWebNotification = (requestPermissions = false)=>{
     }, [
         isSupported
     ]);
-    const ensurePermissions = React.useCallback(/*#__PURE__*/ _async_to_generator$1(function*() {
+    const ensurePermissions = React.useCallback(/*#__PURE__*/ _async_to_generator$2(function*() {
         if (!isSupported) return;
         if (!permissionGranted.current && Notification.permission !== 'denied') {
             const result = yield Notification.requestPermission();
@@ -3258,7 +3259,7 @@ const useWindowSize = ()=>{
     };
 };
 
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -3272,16 +3273,16 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator(fn) {
+function _async_to_generator$1(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
@@ -3296,7 +3297,7 @@ const useClipboard = ()=>{
     }, []);
     useEventListener('copy', updateText);
     useEventListener('cut', updateText);
-    const copy = React.useCallback(/*#__PURE__*/ _async_to_generator(function*(txt) {
+    const copy = React.useCallback(/*#__PURE__*/ _async_to_generator$1(function*(txt) {
         setText(txt);
         yield window.navigator.clipboard.writeText(txt);
     }), []);
@@ -3785,6 +3786,201 @@ const useElementByPoint = (options)=>{
     };
 };
 
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+const useFetchEventSource = (url, options = {})=>{
+    const [data, setData] = React.useState(null);
+    const [error, setError] = React.useState(null);
+    const [status, setStatus] = React.useState("DISCONNECTED");
+    const [event, setEvent] = React.useState(null);
+    const [lastEventId, setLastEventId] = React.useState(null);
+    const retries = React.useRef(0);
+    const abortController = React.useRef(null);
+    const explicitlyClosed = React.useRef(false);
+    const close = useEvent(()=>{
+        if (!explicitlyClosed.current) {
+            var _abortController_current;
+            explicitlyClosed.current = true;
+            (_abortController_current = abortController.current) == null ? void 0 : _abortController_current.abort();
+            abortController.current = null;
+            setStatus("DISCONNECTED");
+            options.onClose == null ? void 0 : options.onClose.call(options);
+        }
+    });
+    const open = useEvent(/*#__PURE__*/ _async_to_generator(function*() {
+        close();
+        setStatus("CONNECTING");
+        explicitlyClosed.current = false;
+        retries.current = 0;
+        // 创建新的 AbortController
+        abortController.current = new AbortController();
+        try {
+            // 从选项中提取 FetchEventSourceInit 相关的选项
+            const { immediate, autoReconnect, onOpen, onMessage, onError, onClose, withCredentials, body } = options, fetchOptions = _object_without_properties_loose(options, [
+                "immediate",
+                "autoReconnect",
+                "onOpen",
+                "onMessage",
+                "onError",
+                "onClose",
+                "withCredentials",
+                "body"
+            ]);
+            // 构建请求配置
+            const finalOptions = _extends({
+                method: options.method || "GET",
+                headers: _extends({
+                    Accept: "text/event-stream",
+                    "Cache-Control": "no-cache",
+                    Connection: "keep-alive"
+                }, options.headers),
+                signal: abortController.current.signal,
+                credentials: withCredentials ? "include" : "same-origin"
+            }, fetchOptions);
+            // 只在 POST 请求时添加 body
+            if (options.method === "POST" && body) {
+                finalOptions.body = body;
+                finalOptions.headers = _extends({}, finalOptions.headers, {
+                    "Content-Type": "application/json"
+                });
+            }
+            yield fetchEventSource.fetchEventSource(url.toString(), _extends({}, finalOptions, {
+                openWhenHidden: false,
+                onopen (response) {
+                    return _async_to_generator(function*() {
+                        if (response.ok) {
+                            setStatus("CONNECTED");
+                            setError(null);
+                            options.onOpen == null ? void 0 : options.onOpen.call(options);
+                        } else {
+                            const error = new Error(`Failed to connect: ${response.status} ${response.statusText}`);
+                            setError(error);
+                            throw error;
+                        }
+                    })();
+                },
+                onmessage (msg) {
+                    if (!explicitlyClosed.current) {
+                        setData(msg.data);
+                        var _msg_id;
+                        setLastEventId((_msg_id = msg.id) != null ? _msg_id : null);
+                        setEvent(msg.event || null);
+                        options.onMessage == null ? void 0 : options.onMessage.call(options, msg);
+                    }
+                },
+                onerror (err) {
+                    setError(err);
+                    setStatus("DISCONNECTED");
+                    const retryDelay = options.onError == null ? void 0 : options.onError.call(options, err);
+                    if (options.autoReconnect && !explicitlyClosed.current) {
+                        const { retries: maxRetries = -1, delay = 1000, onFailed } = options.autoReconnect;
+                        retries.current += 1;
+                        if (typeof maxRetries === "number" && (maxRetries < 0 || retries.current < maxRetries) || typeof maxRetries === "function" && maxRetries()) {
+                            return retryDelay != null ? retryDelay : delay;
+                        } else {
+                            onFailed == null ? void 0 : onFailed();
+                            throw err;
+                        }
+                    }
+                    throw err;
+                },
+                onclose () {
+                    if (!explicitlyClosed.current) {
+                        setStatus("DISCONNECTED");
+                        options.onClose == null ? void 0 : options.onClose.call(options);
+                    }
+                }
+            }));
+        } catch (err) {
+            // 只处理非主动关闭导致的错误
+            if (!explicitlyClosed.current) {
+                console.error("EventSource Error:", err);
+                setError(err);
+                setStatus("DISCONNECTED");
+            }
+        }
+    }));
+    React.useEffect(()=>{
+        if (options.immediate !== false) {
+            open();
+        }
+        return ()=>{
+            // 组件卸载时关闭连接
+            close();
+        };
+    }, [
+        open,
+        close,
+        options.immediate
+    ]);
+    // 组件卸载时确保连接关闭
+    useUnmount(()=>{
+        close();
+    });
+    return {
+        data,
+        error,
+        status,
+        lastEventId,
+        event,
+        close,
+        open
+    };
+};
+
 exports.assignRef = assignRef;
 exports.defaultOptions = defaultOptions;
 exports.mergeRefs = mergeRefs;
@@ -3821,6 +4017,7 @@ exports.useEventListener = useEventListener;
 exports.useEventSource = useEventSource;
 exports.useEyeDropper = useEyeDropper;
 exports.useFavicon = useFavicon;
+exports.useFetchEventSource = useFetchEventSource;
 exports.useFileDialog = useFileDialog;
 exports.useFirstMountState = useFirstMountState;
 exports.useFocus = useFocus;