xxf_react 0.2.0 → 0.2.2

package/dist/flow/index.d.ts

@@ -0,0 +1,2 @@
+export * from './index';
+//# sourceMappingURL=index.d.ts.map

package/dist/flow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/flow/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/flow/index.js

@@ -0,0 +1 @@
+export * from './index';

package/dist/flow/promise_ext.d.ts

@@ -0,0 +1,7 @@
+declare global {
+    interface Promise<T> {
+        bindErrorNotice(filter?: (error: any) => boolean): Promise<T>;
+    }
+}
+export declare function initPromiseErrorExtension(): void;
+//# sourceMappingURL=promise_ext.d.ts.map

package/dist/flow/promise_ext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"promise_ext.d.ts","sourceRoot":"","sources":["../../src/flow/promise_ext.ts"],"names":[],"mappings":"AAIA,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,OAAO,CAAC,CAAC;QACf,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;KACjE;CACJ;AAED,wBAAgB,yBAAyB,IAAI,IAAI,CAgDhD"}

package/dist/flow/promise_ext.js

@@ -0,0 +1,44 @@
+// src/lib/promise_ext.ts
+import { toast } from "react-toastify";
+export function initPromiseErrorExtension() {
+    if (typeof Promise === 'undefined') {
+        console.warn('Promise is not available in this environment.');
+        return;
+    }
+    // 防止重复定义
+    if (Promise.prototype.bindErrorNotice) {
+        console.warn('Promise.prototype.bindErrorNotice is already defined.');
+        return;
+    }
+    // 使用 Object.defineProperty，避免直接赋值
+    Object.defineProperty(Promise.prototype, 'bindErrorNotice', {
+        value: function (filter) {
+            return this.catch((error) => {
+                const shouldHandle = filter ? filter(error) : true;
+                if (shouldHandle) {
+                    // 错误处理逻辑
+                    console.error('==========>[Promise Error Notice]', {
+                        message: (error === null || error === void 0 ? void 0 : error.message) || 'Unknown error',
+                        error: error,
+                        timestamp: new Date().toISOString(),
+                        stack: error === null || error === void 0 ? void 0 : error.stack
+                    });
+                    // 使用 toast 通知（需要确保 toast 可用）
+                    try {
+                        // 检查 toast 是否可用
+                        const errorMessage = (error === null || error === void 0 ? void 0 : error.message) || 'An error occurred';
+                        toast.error(errorMessage.substring(0, 100));
+                    }
+                    catch (toastError) {
+                        // toast 不可用时静默失败
+                        console.warn('Toast notification failed:', toastError);
+                    }
+                }
+                throw error;
+            });
+        },
+        writable: true,
+        configurable: true,
+        enumerable: false // 设置为不可枚举，避免出现在 for...in 循环中
+    });
+}

package/dist/index.d.ts

@@ -1,4 +1,10 @@
 export * from './sse';
 export * from './fetch';
 export * from './utils';
+export * from './refresh';
+export * from './models';
+export * from './media';
+export * from './flow';
+export * from './responsive';
+export declare function initXXF(): void;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAG7B,wBAAgB,OAAO,SAEtB"}

package/dist/index.js

@@ -1,3 +1,13 @@
+import { initPromiseErrorExtension } from "./flow/promise_ext";
 export * from './sse';
 export * from './fetch';
 export * from './utils';
+export * from './refresh';
+export * from './models';
+export * from './media';
+export * from './flow';
+export * from './responsive';
+///框架初始化函数，调用后会初始化一些全局功能
+export function initXXF() {
+    initPromiseErrorExtension();
+}

package/dist/media/index.d.ts

@@ -0,0 +1,2 @@
+export * from './video-state';
+//# sourceMappingURL=index.d.ts.map

package/dist/media/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/media/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/media/index.js

@@ -0,0 +1 @@
+export * from './video-state';

package/dist/media/video-state.d.ts

@@ -0,0 +1,38 @@
+/**
+ * VideoState - 视频播放状态接口
+ * 用于描述 HTML5 video 元素的完整播放状态
+ */
+export interface VideoState {
+    /** 是否正在播放（非暂停且未结束） */
+    playing: boolean;
+    /** 是否正在缓冲（播放中因数据不足暂停） */
+    buffering: boolean;
+    /** 是否可以播放（已加载足够数据） */
+    canPlay: boolean;
+    /** 当前播放时间（秒） */
+    currentTime: number;
+    /** 视频总时长（秒） */
+    duration: number;
+    /** 已缓冲的时间点（秒） */
+    buffered: number;
+    /** 视频原始宽度（像素） */
+    videoWidth: number;
+    /** 视频原始高度（像素） */
+    videoHeight: number;
+    /** 是否已播放结束 */
+    ended: boolean;
+    /** 播放错误信息（无错误时为 null） */
+    error: MediaError | null;
+}
+/**
+ * useVideoState - 视频状态管理 Hook
+ * @param videoRef - 外部传入的 videoRef，可跨层级（允许 null）
+ * @param autoPlay - 是否在 canPlay 后自动播放
+ */
+export declare function useVideoState(videoRef: React.RefObject<HTMLVideoElement | null>, autoPlay?: boolean): {
+    playState: VideoState;
+    play: () => Promise<void> | undefined;
+    pause: () => void | undefined;
+    seek: (time: number) => void;
+};
+//# sourceMappingURL=video-state.d.ts.map

package/dist/media/video-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-state.d.ts","sourceRoot":"","sources":["../../src/media/video-state.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,WAAW,UAAU;IACvB,sBAAsB;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,yBAAyB;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc;IACd,KAAK,EAAE,OAAO,CAAC;IACf,yBAAyB;IACzB,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,EAAE,QAAQ,UAAQ;;;;iBAyH9D,MAAM;EAGzC"}

package/dist/media/video-state.js

@@ -0,0 +1,125 @@
+import { useState, useEffect, useCallback } from 'react';
+/**
+ * useVideoState - 视频状态管理 Hook
+ * @param videoRef - 外部传入的 videoRef，可跨层级（允许 null）
+ * @param autoPlay - 是否在 canPlay 后自动播放
+ */
+export function useVideoState(videoRef, autoPlay = false) {
+    const [state, setState] = useState({
+        playing: false,
+        buffering: false,
+        canPlay: false,
+        currentTime: 0,
+        duration: 0,
+        buffered: 0,
+        videoWidth: 0,
+        videoHeight: 0,
+        ended: false,
+        error: null,
+    });
+    // 核心事件回调
+    const updatePlaying = useCallback(() => {
+        const v = videoRef.current;
+        if (!v)
+            return;
+        setState(s => ({ ...s, playing: !v.paused && !v.ended }));
+    }, [videoRef]);
+    // 缓冲状态：waiting 时为 true，playing 时为 false
+    const setBufferingTrue = useCallback(() => {
+        setState(s => ({ ...s, buffering: true }));
+    }, []);
+    const setBufferingFalse = useCallback(() => {
+        setState(s => ({ ...s, buffering: false }));
+    }, []);
+    const updateCanPlay = useCallback(() => {
+        setState(s => ({ ...s, canPlay: true }));
+        if (autoPlay) {
+            const v = videoRef.current;
+            v === null || v === void 0 ? void 0 : v.play().catch(() => { });
+        }
+    }, [videoRef, autoPlay]);
+    const updateTime = useCallback(() => {
+        const v = videoRef.current;
+        if (!v)
+            return;
+        setState(s => ({ ...s, currentTime: v.currentTime }));
+    }, [videoRef]);
+    const updateDuration = useCallback(() => {
+        const v = videoRef.current;
+        if (!v)
+            return;
+        setState(s => ({ ...s, duration: v.duration }));
+    }, [videoRef]);
+    const updateBuffered = useCallback(() => {
+        const v = videoRef.current;
+        if (!v)
+            return;
+        setState(s => ({
+            ...s,
+            buffered: v.buffered.length ? v.buffered.end(v.buffered.length - 1) : 0
+        }));
+    }, [videoRef]);
+    const updateSize = useCallback(() => {
+        const v = videoRef.current;
+        if (!v)
+            return;
+        setState(s => ({
+            ...s,
+            videoWidth: v.videoWidth,
+            videoHeight: v.videoHeight
+        }));
+    }, [videoRef]);
+    const updateEnded = useCallback(() => {
+        const v = videoRef.current;
+        if (!v)
+            return;
+        setState(s => ({ ...s, ended: v.ended }));
+    }, [videoRef]);
+    const updateError = useCallback(() => {
+        const v = videoRef.current;
+        if (!v)
+            return;
+        setState(s => ({ ...s, error: v.error }));
+    }, [videoRef]);
+    useEffect(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        // 注册事件
+        video.addEventListener('play', updatePlaying); // 播放请求被接受
+        video.addEventListener('playing', updatePlaying); // 真正开始播放（有画面）
+        video.addEventListener('playing', setBufferingFalse); // 播放时结束缓冲
+        video.addEventListener('pause', updatePlaying); // 暂停
+        video.addEventListener('waiting', updatePlaying); // 缓冲中（暂时无法播放）
+        video.addEventListener('waiting', setBufferingTrue); // 开始缓冲
+        video.addEventListener('canplay', updateCanPlay);
+        video.addEventListener('timeupdate', updateTime);
+        video.addEventListener('durationchange', updateDuration);
+        video.addEventListener('progress', updateBuffered);
+        video.addEventListener('loadedmetadata', updateSize);
+        video.addEventListener('ended', updateEnded);
+        video.addEventListener('error', updateError);
+        // cleanup
+        return () => {
+            video.removeEventListener('play', updatePlaying);
+            video.removeEventListener('playing', updatePlaying);
+            video.removeEventListener('playing', setBufferingFalse);
+            video.removeEventListener('pause', updatePlaying);
+            video.removeEventListener('waiting', updatePlaying);
+            video.removeEventListener('waiting', setBufferingTrue);
+            video.removeEventListener('canplay', updateCanPlay);
+            video.removeEventListener('timeupdate', updateTime);
+            video.removeEventListener('durationchange', updateDuration);
+            video.removeEventListener('progress', updateBuffered);
+            video.removeEventListener('loadedmetadata', updateSize);
+            video.removeEventListener('ended', updateEnded);
+            video.removeEventListener('error', updateError);
+        };
+    }, [videoRef, updatePlaying, setBufferingTrue, setBufferingFalse, updateCanPlay, updateTime, updateDuration, updateBuffered, updateSize, updateEnded, updateError]);
+    // 控制方法
+    const play = useCallback(() => { var _a; return (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.play().catch(() => { }); }, [videoRef]);
+    const pause = useCallback(() => { var _a; return (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.pause(); }, [videoRef]);
+    const seek = useCallback((time) => { if (videoRef.current)
+        videoRef.current.currentTime = time; }, [videoRef]);
+    return { playState: state, play, pause, seek };
+}

package/dist/models/ApiPageDataFieldDTO.d.ts

@@ -0,0 +1,9 @@
+import { PaginationDTO } from "./PaginationDTO";
+/**
+ * 分页数据字段接口
+ */
+export interface ApiPageDataFieldDTO<T> {
+    list: T[];
+    pagination: PaginationDTO;
+}
+//# sourceMappingURL=ApiPageDataFieldDTO.d.ts.map

package/dist/models/ApiPageDataFieldDTO.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiPageDataFieldDTO.d.ts","sourceRoot":"","sources":["../../src/models/ApiPageDataFieldDTO.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,mBAAmB,CAAC,CAAC;IAClC,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,UAAU,EAAE,aAAa,CAAA;CAC5B"}

package/dist/models/ApiPageDataFieldDTO.js

@@ -0,0 +1 @@
+export {};

package/dist/models/PaginationDTO.d.ts

@@ -0,0 +1,8 @@
+export interface PaginationDTO {
+    limit: number;
+    page: number;
+    total: number;
+    total_pages: number;
+}
+export declare const hasNextPage: (pagination?: PaginationDTO) => boolean;
+//# sourceMappingURL=PaginationDTO.d.ts.map

package/dist/models/PaginationDTO.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationDTO.d.ts","sourceRoot":"","sources":["../../src/models/PaginationDTO.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAQ,MAAM,CAAC;IACpB,IAAI,EAAS,MAAM,CAAC;IACpB,KAAK,EAAQ,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,GAAI,aAAa,aAAa,KAAG,OAGxD,CAAC"}

package/dist/models/PaginationDTO.js

@@ -0,0 +1,6 @@
+// 判断是否有下一页的方法
+export const hasNextPage = (pagination) => {
+    if (!pagination)
+        return false;
+    return pagination.page < pagination.total_pages;
+};

package/dist/models/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ApiPageDataFieldDTO';
+export * from './PaginationDTO';
+//# sourceMappingURL=index.d.ts.map

package/dist/models/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC"}

package/dist/models/index.js

@@ -0,0 +1,2 @@
+export * from './ApiPageDataFieldDTO';
+export * from './PaginationDTO';

package/dist/refresh/LoadMoreAsync.d.ts

@@ -0,0 +1,36 @@
+import { ApiPageDataFieldDTO } from "../models/ApiPageDataFieldDTO";
+/**
+ * 返回一个稳定的回调（empty deps）。
+ * 适合不想因 asyncResult 变化频繁重建回调的场景。
+ *
+ * 用法：
+ * const handleLoadMore = useStableHandleLoadMore(asyncResult, setPageNum);
+ * // 自定义是否有下一页的判定逻辑
+ * // const handleLoadMore = useHandleLoadMoreCustom<TemplatePaginationResponse, UseAsyncReturn<TemplatePaginationResponse>>(asyncResult, setPageNum, (data) => hasNextPage(data?.pagination))
+ *
+ * 在对应的组件上使用
+ *     endReached={handleLoadMore}
+ *     atBottomStateChange={(atBottom) => {
+ *       if (atBottom) {
+ *          handleLoadMore()
+ *       }
+ *    }}
+ */
+export declare function useHandleLoadMore<TData extends ApiPageDataFieldDTO<any>, TAsyncResult extends {
+    loading: boolean;
+    error: unknown;
+    execute: () => Promise<TData>;
+    result?: TData;
+}>(asyncResult: TAsyncResult, setPageNum: (updater: (p: number) => number) => void): () => void;
+/**
+ * 可自定义 hasNextPage 判定的版本（名称：useHandleLoadMoreCustom）
+ * - hasNextPageFn 接受完整的 TData（可能为 undefined），返回 boolean
+ * - 返回稳定回调，内部通过 ref 读取最新 asyncResult 与 hasNextPageFn
+ */
+export declare function useHandleLoadMoreCustom<TData, TAsyncResult extends {
+    loading: boolean;
+    error: unknown;
+    execute?: () => Promise<TData>;
+    result?: TData;
+}>(asyncResult: TAsyncResult, setPageNum: (updater: (p: number) => number) => void, hasNextPage: (data: TData | undefined) => boolean): () => void;
+//# sourceMappingURL=LoadMoreAsync.d.ts.map

package/dist/refresh/LoadMoreAsync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMoreAsync.d.ts","sourceRoot":"","sources":["../../src/refresh/LoadMoreAsync.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAAC,MAAM,+BAA+B,CAAC;AAElE;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,SAAS,mBAAmB,CAAC,GAAG,CAAC,EAAE,YAAY,SAAS;IAC3F,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAA;CACjB,EACG,WAAW,EAAE,YAAY,EACzB,UAAU,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,KAAK,IAAI,SAwB/C,IAAI,CAjBZ;AAGD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,YAAY,SAAS;IAChE,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC;CAClB,EACG,WAAW,EAAE,YAAY,EACzB,UAAU,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,KAAK,IAAI,EACpD,WAAW,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,SAAS,KAAK,OAAO,GAClD,MAAM,IAAI,CA+BZ"}

package/dist/refresh/LoadMoreAsync.js

@@ -0,0 +1,55 @@
+import { useCallback, useEffect, useRef } from "react";
+import { hasNextPage } from "../models/PaginationDTO";
+/**
+ * 返回一个稳定的回调（empty deps）。
+ * 适合不想因 asyncResult 变化频繁重建回调的场景。
+ *
+ * 用法：
+ * const handleLoadMore = useStableHandleLoadMore(asyncResult, setPageNum);
+ * // 自定义是否有下一页的判定逻辑
+ * // const handleLoadMore = useHandleLoadMoreCustom<TemplatePaginationResponse, UseAsyncReturn<TemplatePaginationResponse>>(asyncResult, setPageNum, (data) => hasNextPage(data?.pagination))
+ *
+ * 在对应的组件上使用
+ *     endReached={handleLoadMore}
+ *     atBottomStateChange={(atBottom) => {
+ *       if (atBottom) {
+ *          handleLoadMore()
+ *       }
+ *    }}
+ */
+export function useHandleLoadMore(asyncResult, setPageNum) {
+    return useHandleLoadMoreCustom(asyncResult, setPageNum, (data) => hasNextPage(data === null || data === void 0 ? void 0 : data.pagination));
+}
+/**
+ * 可自定义 hasNextPage 判定的版本（名称：useHandleLoadMoreCustom）
+ * - hasNextPageFn 接受完整的 TData（可能为 undefined），返回 boolean
+ * - 返回稳定回调，内部通过 ref 读取最新 asyncResult 与 hasNextPageFn
+ */
+export function useHandleLoadMoreCustom(asyncResult, setPageNum, hasNextPage) {
+    const ref = useRef(asyncResult);
+    useEffect(() => {
+        ref.current = asyncResult;
+    }, [asyncResult]);
+    // 保证读取到最新的判断函数，同时回调保持稳定（不随函数重建）
+    const hasNextRef = useRef((d) => hasNextPage(d === null || d === void 0 ? void 0 : d.pagination));
+    useEffect(() => {
+        hasNextRef.current = hasNextPage;
+    }, [hasNextPage]);
+    return useCallback(() => {
+        var _a;
+        const cur = ref.current;
+        if (!cur)
+            return;
+        if (cur.loading)
+            return;
+        if (cur.error) {
+            (_a = cur.execute) === null || _a === void 0 ? void 0 : _a.call(cur);
+            return;
+        }
+        // 使用最新的 hasNext 判定
+        if (!hasNextRef.current(cur.result))
+            return;
+        ///进行下一页
+        setPageNum(p => p + 1);
+    }, [setPageNum]);
+}

package/dist/refresh/index.d.ts

@@ -0,0 +1,2 @@
+export * from './LoadMoreAsync';
+//# sourceMappingURL=index.d.ts.map

package/dist/refresh/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/refresh/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/refresh/index.js

@@ -0,0 +1 @@
+export * from './LoadMoreAsync';

package/dist/responsive/ScreenAdapter.d.ts

@@ -0,0 +1,2 @@
+export declare const useIsBelowMd: () => boolean;
+//# sourceMappingURL=ScreenAdapter.d.ts.map

package/dist/responsive/ScreenAdapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenAdapter.d.ts","sourceRoot":"","sources":["../../src/responsive/ScreenAdapter.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,eAExB,CAAA"}

package/dist/responsive/ScreenAdapter.js

@@ -0,0 +1,5 @@
+import { useMediaQuery } from 'react-responsive';
+///可用于判断手机端和电脑端的分界线
+export const useIsBelowMd = () => {
+    return useMediaQuery({ maxWidth: 767 });
+};

package/dist/responsive/index.d.ts

@@ -0,0 +1,2 @@
+export * from './index';
+//# sourceMappingURL=index.d.ts.map

package/dist/responsive/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/responsive/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/responsive/index.js

@@ -0,0 +1 @@
+export * from './index';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xxf_react",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "private": false,
 
   "type": "module",
@@ -20,6 +20,7 @@
 
   "dependencies": {
     "@microsoft/fetch-event-source": "^2.0.1",
+    "react-responsive": "^10.0.1",
     "react-toastify": "^11.0.5",
     "react-virtuoso": "^4.17.0",
     "use-debounce": "^10.0.6",