zmdms-webui 1.5.1 → 1.5.3

package/README.md

@@ -18,7 +18,7 @@
    ```
    因为我们组件是基于antd的做的二次开发，由于antd的国际化配置是通过ConfigProvider这个context.provider。但是并没有暴露给用户获取。所以需要额外定义一个切换的context供组件获取
    import { ConfigProvider, ZtxkContext } from 'ztxk-webui'
-
+   
    <ConfigProvider locale={locale}>
        <ZtxkContext.Provider value={ztxkConfig}>
        	<App />
@@ -49,7 +49,7 @@
    };
    ```
 
-2. 开发时 添加 less 支持 （less-loader 需要用 10.2.0 以下的版本）
+2. 开发时 添加 less 支持 （less-loader 需要用 10.2.0 以下的版本）（less已提供支持，这个可以忽略）
 
    ```
    // 进入 react-scripts/config/webpack.config.js
@@ -95,9 +95,9 @@
    2. You might be breaking the Rules of Hooks
    3. You might have more than one copy of React in the same app
    See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.
-
+   
    需要切换到ui库下面，将react link到开发项目的node modules下
-
+   
    cd zmdms-webui
    npm link ..\zmdms-webmain\node_modules\react
    ```
@@ -126,3 +126,13 @@
 
  /* 会被删除 */
 ```
+
+
+
+# 待办事项
+
+## 列表页面组件
+
+## 下拉框增强组件
+
+- 支持传入接口直接请求

package/dist/es/button/button.js

@@ -1,16 +1,19 @@
 import { __rest, __assign, __awaiter, __generator } from '../_virtual/_tslib.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef } from 'react';
-import { Button as Button$1, Tooltip } from 'antd';
+import { Button as Button$1, Tooltip, Popconfirm } from 'antd';
 import classNames from '../node_modules/classnames/index.js';
 import ButtonDownload from './buttonDownload.js';
 import ButtonExport from './buttonExport.js';
 import ButtonPreview from './buttonPreview.js';
+import '../config/ZtxkContext.js';
+import useBaseContext from '../config/useBaseContext.js';
 
 var Button = function (props) {
     var _a;
-    var type = props.type, className = props.className, disabled = props.disabled, size = props.size, danger = props.danger, onClick = props.onClick, _b = props.isAuth, isAuth = _b === void 0 ? true : _b, loading = props.loading, tooltipTitle = props.tooltipTitle, tooltipConfig = props.tooltipConfig, resetProps = __rest(props, ["type", "className", "disabled", "size", "danger", "onClick", "isAuth", "loading", "tooltipTitle", "tooltipConfig"]);
+    var type = props.type, className = props.className, disabled = props.disabled, size = props.size, danger = props.danger, onClick = props.onClick, _b = props.isAuth, isAuth = _b === void 0 ? true : _b, loading = props.loading, tooltipTitle = props.tooltipTitle, tooltipConfig = props.tooltipConfig, confirmTitle = props.confirmTitle, confirmMsg = props.confirmMsg, confirmConfig = props.confirmConfig, resetProps = __rest(props, ["type", "className", "disabled", "size", "danger", "onClick", "isAuth", "loading", "tooltipTitle", "tooltipConfig", "confirmTitle", "confirmMsg", "confirmConfig"]);
     var _c = useState(), innerLoading = _c[0], setLoading = _c[1];
+    var noPermission = useBaseContext().noPermission;
     var classes = classNames("zt-btn", className, (_a = {},
         _a["zt-btn-".concat(type)] = type,
         _a["zt-btn-disabled"] = disabled || !isAuth,
@@ -61,7 +64,11 @@ var Button = function (props) {
         });
     }); };
     var Btn = (jsx(Button$1, __assign({ className: classes, type: type, disabled: disabled || !isAuth, size: size, danger: danger, onClick: myOnClick, loading: loading || innerLoading }, resetProps)));
-    return !isAuth ? null : tooltipTitle || tooltipConfig ? (jsx(Tooltip, __assign({}, tooltipConfig, { title: tooltipTitle || (tooltipConfig === null || tooltipConfig === void 0 ? void 0 : tooltipConfig.title) }, { children: jsx(Fragment, { children: Btn }) }))) : (jsx(Fragment, { children: Btn }));
+    // 无权限时 不显示按钮模式
+    if (noPermission === "display" && !isAuth) {
+        return null;
+    }
+    return tooltipTitle || tooltipConfig ? (jsx(Tooltip, __assign({}, tooltipConfig, { title: tooltipTitle || (tooltipConfig === null || tooltipConfig === void 0 ? void 0 : tooltipConfig.title) }, { children: jsx(Fragment, { children: Btn }) }))) : confirmTitle || confirmMsg || confirmConfig ? (jsx(Popconfirm, __assign({}, confirmConfig, { title: confirmTitle || confirmMsg || (confirmConfig === null || confirmConfig === void 0 ? void 0 : confirmConfig.title), onConfirm: function (e) { return myOnClick(e); } }, { children: jsx(Button$1, __assign({ className: classes, type: type, disabled: disabled || !isAuth, size: size, danger: danger, loading: loading || innerLoading }, resetProps)) }))) : (jsx(Fragment, { children: Btn }));
 };
 var ButtonCom = Button;
 ButtonCom.displayName = "ZTXK_WEBUI_Button";

package/dist/es/button/interface.d.ts

@@ -1,16 +1,21 @@
 import { Button } from 'antd';
 import { ButtonProps } from 'antd/es/button';
 import { TooltipProps } from 'antd/es/tooltip';
+import { PopconfirmProps } from 'antd/es/popconfirm';
 import ButtonDownload from './buttonDownload.js';
 import ButtonExport from './buttonExport.js';
 import ButtonPreview from './buttonPreview.js';
 
 interface IButtonProps extends ButtonProps {
-    /** 是否有权限 */
+    /** 是否有权限 false无权限 true有权限 */
     isAuth?: boolean;
     /** tooltip相关 */
     tooltipTitle?: string;
     tooltipConfig?: TooltipProps;
+    /** 二次确认相关 */
+    confirmTitle?: string;
+    confirmMsg?: string;
+    confirmConfig?: PopconfirmProps;
 }
 interface ButtonComponent extends React.FC<IButtonProps> {
     displayName: string;

package/dist/es/config/ZtxkContext.d.ts

@@ -7,6 +7,16 @@ interface IZtxkConfig {
     locale: "zh-cn" | "en";
     apiBaseUrl: string;
     fileBaseUrl: string;
+    /**
+     * 接口请求方法
+     */
+    request?: any;
+    /**
+     * 按钮无权限时的处理方法。默认无权限的按钮会隐藏。
+     * 如果传入: display 则按钮会隐藏
+     * 如果传入: disabled 则按钮会禁用
+     */
+    noPermission?: "display" | "disabled";
 }
 declare const ZtxkContext: React__default.Context<IZtxkConfig>;
 

package/dist/es/config/ZtxkContext.js

@@ -4,6 +4,7 @@ var ztxkConfig = {
     locale: "zh-cn",
     apiBaseUrl: "",
     fileBaseUrl: "",
+    noPermission: "display",
 };
 var ZtxkContext = React__default.createContext(ztxkConfig);
 

package/dist/es/container/index.css

@@ -1 +1 @@
-.ztxk-container{min-height:100px;overflow:auto;position:relative}.ztxk-container .ztxk-container__loading{align-items:center;background-color:#bbc7d366;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;min-height:100px;position:absolute;right:0;text-align:center;top:0;z-index:10000}.ztxk-container .ztxk-container__content{background-color:#fff;margin:10px;overflow-y:auto;padding:10px}.ztxk-container .ztxk-container__content.ztxk-container__content--flex{display:flex;flex-direction:column}.ztxk-container .ztxk-container__content.ztxk-container__content--title{display:flex;flex-direction:column;padding:0!important}.ztxk-container .ztxk-container__content.ztxk-container__content--title .ztxk-container__content--main{flex-grow:1;overflow-y:auto;padding:10px}.ztxk-container--btn-wrap.btn-wrap--margin-top{margin-top:10px}.ztxk-container--btn-wrap>button{margin-bottom:10px;margin-right:10px}.ztxk-container--scroll-wrap{overflow-y:auto}.ztxk-container--scroll-wrap.scroll-wrap--margin-top{margin-top:10px}
+.ztxk-container{min-height:100px;overflow:auto;position:relative}.ztxk-container .ztxk-container__loading{align-items:center;background-color:#bbc7d366;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;min-height:100px;position:absolute;right:0;text-align:center;top:0;z-index:10000}.ztxk-container .ztxk-container__content{background-color:#fff;margin:10px;overflow-y:auto;padding:10px}.ztxk-container .ztxk-container__content.ztxk-container__content--flex{display:flex;flex-direction:column}.ztxk-container .ztxk-container__content.ztxk-container__content--title{display:flex;flex-direction:column;padding:0!important}.ztxk-container .ztxk-container__content.ztxk-container__content--title .ztxk-container__content--main{flex-grow:1;overflow-y:auto;padding:10px}.ztxk-container .ztxk-container__content.ztxk-container__content--title .ztxk-container__content--main--flex{display:flex;flex-direction:column}.ztxk-container--btn-wrap.btn-wrap--margin-top{margin-top:10px}.ztxk-container--btn-wrap>button{margin-bottom:10px;margin-right:10px}.ztxk-container--scroll-wrap{overflow-y:auto}.ztxk-container--scroll-wrap.scroll-wrap--margin-top{margin-top:10px}

package/dist/es/enhanceselect/enhance-select.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IEnhanceSelectProps } from './interface.js';
+
+declare const MemoEnhanceSelect: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<IEnhanceSelectProps & React__default.RefAttributes<unknown>>>;
+
+export { MemoEnhanceSelect as default };

package/dist/es/enhanceselect/enhance-select.js

@@ -0,0 +1,39 @@
+import { __rest, __assign } from '../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { memo, forwardRef } from 'react';
+import MemoListQuery from './list-query.js';
+import MemoPageQuery from './page-query.js';
+import MemoSelect from '../select/select.js';
+import ButtonCom from '../button/button.js';
+
+/**
+ * 增强的Select组件
+ * 增强的功能：携带请求能力。如果你的下拉框数据，需要组件内部通过接口来获取，可以使用这个组件。
+ * 注意：如果你的下拉框数据，不需要通过接口来获取，可以使用普通的Select组件。
+ */
+var EnhanceSelect = function (props, ref) {
+    var isPage = props.isPage, resetProps = __rest(props, ["isPage"]);
+    return !isPage ? (jsx(MemoListQuery, __assign({}, props, { customRender: function (_a) {
+            var list = _a.list, isLoading = _a.isLoading, refetch = _a.refetch, isEnabled = _a.isEnabled;
+            return (jsx(MemoSelect, __assign({ placeholder: "\u8BF7\u9009\u62E9", list: list, loading: isLoading, dropdownButton: jsx(ButtonCom, __assign({ onClick: function () {
+                        if (!isEnabled()) {
+                            return;
+                        }
+                        refetch();
+                    } }, { children: "\u5237\u65B0\u6570\u636E" })), ref: ref }, resetProps)));
+        } }))) : (jsx(MemoPageQuery, __assign({}, props, { customRender: function (_a) {
+            var list = _a.list, isLoading = _a.isLoading, hasNextPage = _a.hasNextPage, fetchNextPage = _a.fetchNextPage, onSearchHandle = _a.onSearchHandle, onBlurHandle = _a.onBlurHandle, onClearHandle = _a.onClearHandle;
+            return (jsx(MemoSelect, __assign({ placeholder: "\u8BF7\u9009\u62E9", list: list, loading: isLoading, ref: ref, isRemoteSearch: true }, resetProps, { onPopupScroll: function (e) {
+                    var target = e.target;
+                    if (target.scrollTop + target.offsetHeight >=
+                        target.scrollHeight - 100) {
+                        if (hasNextPage && !isLoading) {
+                            fetchNextPage();
+                        }
+                    }
+                }, onSearch: onSearchHandle, onClear: onClearHandle, onBlur: onBlurHandle })));
+        } })));
+};
+var MemoEnhanceSelect = memo(forwardRef(EnhanceSelect));
+
+export { MemoEnhanceSelect as default };

package/dist/es/enhanceselect/index.d.ts

@@ -0,0 +1,5 @@
+import MemoEnhanceSelect from './enhance-select.js';
+
+
+
+export { MemoEnhanceSelect as default };

package/dist/es/enhanceselect/index.js

@@ -0,0 +1,5 @@
+import MemoEnhanceSelect from './enhance-select.js';
+
+
+
+export { MemoEnhanceSelect as default };

package/dist/es/enhanceselect/interface.d.ts

@@ -0,0 +1,71 @@
+import { ISelectProps } from '../select/interface.js';
+
+interface IEnhanceSelectProps extends ISelectProps {
+    /**
+     * 发送请求的方法（同axios），通常业务那边会封装一个代理的request方法，可以通过context获取，不是必传
+     */
+    request?: any;
+    /**
+     * 接口请求地址。接口返回的数据，组件支持接口数据返回两种模式
+     * 一种是 { ..., data: [] }
+     * 另一种是分页的模式 { ..., records: [], total: xx, size: xx, current: xx }
+     */
+    url?: string;
+    /**
+     * 接口请求参数。
+     */
+    params?: any;
+    /**
+     * 请求类型
+     */
+    method?: string;
+    /**
+     * 超时时间 单位毫秒 默认2分钟
+     * @default 120000
+     */
+    timeout?: number;
+    /**
+     * 数据是否缓存。对于那些不分页的接口，默认是缓存数据的。
+     * 分页的接口，默认是不缓存数据的。
+     */
+    isCache?: boolean;
+    /**
+     * 转换数据的方法。
+     * 接受接口返回的数据，返回一个数组。可以直接给下拉框使用的数组。
+     * 组件有默认实现：分页接口、不分页接口的转换。
+     * 如果接口返回的数据，跟默认有冲突，需要自定义转换方法。
+     * 如果是不分页接口：返回的数据是一个数组即可
+     * 如果是分页接口：返回的格式按照 { current: number, size: number, total: number, records: any[] }; 这种格式
+     * 大多数情况下，是按中拓这边的分页接口处理数据的，所以不需要做其他处理。除非特殊情况
+     */
+    transformData?: (data: any) => any;
+    /**
+     * 对于那些分页接口，数据回显的时候会有一个问题。因为组件默认只会加载第一页数据，但是用户选择的时候，可能数据并不是第一页的。
+     * 这就会导致回显的时候，数据比对不上，显示一个id。
+     * 这里的做法是，通过当前选中的值，再首次加载的时候去根据id去请求数据。
+     * 查询的key是什么？默认会去 dataKey，如果你的逐渐查询不是dataKey，可以自定义。
+     * 有一个更好的方法，就是分页接口额外加一个参数，这个参数来传入主键的值。
+     * 后端查询的时候，把这个参数和状态值一起查询，不额外添加参数。查询到后，直接追加到分页的数据中。
+     * 这样做的一个好处就是，即使是第一次，也能查到应有的数据。
+     * 但是，这个方法需要后端配合。
+     */
+    firstLoadDataKey?: string;
+    /**
+     * 接口是否分页
+     */
+    isPage?: boolean;
+    /**
+     * 每页多少条 默认每页50条
+     */
+    pageSize?: number;
+    /**
+     * 远程搜索的key值。默认会采用titleKey作为搜索的key值。也可以是指定的值
+     */
+    remoteSearchKey?: string;
+    /**
+     * 哪些查询参数有值，才进行查询
+     */
+    mustQueryKeys?: string | string[];
+}
+
+export { IEnhanceSelectProps };

package/dist/es/enhanceselect/list-query.js

@@ -0,0 +1,47 @@
+import { __awaiter, __generator } from '../_virtual/_tslib.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { memo } from 'react';
+import '../config/ZtxkContext.js';
+import useBaseContext from '../config/useBaseContext.js';
+import { useQuery } from '../node_modules/@tanstack/react-query/build/modern/useQuery.js';
+
+/**
+ * 不分页的查询逻辑
+ */
+var ListQuery = function (props) {
+    var _a;
+    var requestProps = props.request, url = props.url, params = props.params, _b = props.method, method = _b === void 0 ? "get" : _b, _c = props.timeout, timeout = _c === void 0 ? 120000 : _c, customRender = props.customRender, _d = props.isCache, isCache = _d === void 0 ? true : _d, transformData = props.transformData, mustQueryKeys = props.mustQueryKeys;
+    var request = useBaseContext().request;
+    var isEnabled = function () {
+        if (typeof mustQueryKeys === "string") {
+            return params[mustQueryKeys] != null;
+        }
+        if (Array.isArray(mustQueryKeys)) {
+            return mustQueryKeys.every(function (key) { return params[key] != null; });
+        }
+        return true;
+    };
+    // 数据请求方法（通常由业务封装），新项目可以从ZtxkContext中传入业务定义的请求方法，也可以组件单独传入
+    var requestHandle = requestProps || request;
+    var _e = useQuery({
+        queryKey: [url, params],
+        queryFn: function () { return __awaiter(void 0, void 0, void 0, function () {
+            var res;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, requestHandle({ url: url, params: params, method: method, timeout: timeout })];
+                    case 1:
+                        res = _a.sent();
+                        return [2 /*return*/, res]; // 返回获取到的数据
+                }
+            });
+        }); },
+        staleTime: isCache ? Infinity : 0,
+        enabled: isEnabled(),
+    }), data = _e.data, isLoading = _e.isLoading, refetch = _e.refetch;
+    var list = transformData ? transformData(data) : (_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.data;
+    return jsx(Fragment, { children: customRender === null || customRender === void 0 ? void 0 : customRender({ list: list, isLoading: isLoading, refetch: refetch, isEnabled: isEnabled }) });
+};
+var MemoListQuery = memo(ListQuery);
+
+export { MemoListQuery as default };

package/dist/es/enhanceselect/page-query.js

@@ -0,0 +1,132 @@
+import { __assign, __awaiter, __generator } from '../_virtual/_tslib.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { memo, useState, useRef } from 'react';
+import '../config/ZtxkContext.js';
+import useBaseContext from '../config/useBaseContext.js';
+import { useInfiniteQuery } from '../node_modules/@tanstack/react-query/build/modern/useInfiniteQuery.js';
+
+/**
+ * 不分页的查询逻辑
+ */
+var PageQuery = function (props) {
+    var _a, _b;
+    var requestProps = props.request, url = props.url, params = props.params, _c = props.method, method = _c === void 0 ? "get" : _c, _d = props.timeout, timeout = _d === void 0 ? 120000 : _d, customRender = props.customRender, transformData = props.transformData, onClear = props.onClear, onBlur = props.onBlur, firstLoadDataKey = props.firstLoadDataKey, remoteSearchKey = props.remoteSearchKey, _e = props.pageSize, pageSize = _e === void 0 ? 10 : _e;
+    var request = useBaseContext().request;
+    // 输入的值
+    var _f = useSearchValue({
+        onClear: onClear,
+        onBlur: onBlur,
+    }), firsrtRef = _f.firsrtRef, searchValue = _f.searchValue, onSearchHandle = _f.onSearchHandle, onBlurHandle = _f.onBlurHandle, onClearHandle = _f.onClearHandle;
+    // 数据请求方法（通常由业务封装），新项目可以从ZtxkContext中传入业务定义的请求方法，也可以组件单独传入
+    var requestHandle = requestProps || request;
+    // 首次回显时，使用的查询接口参数key
+    var firstSearchKey = firstLoadDataKey || props.dataKey || "id";
+    // 远程搜索时，使用的key
+    var remoteSearchUseKey = remoteSearchKey || props.titleKey || "name";
+    var transformParams = firsrtRef.current && props.value
+        ? // 对于分页接口，首次回显的时候，需要把value作为参数传递进去。已查到该条数据
+         __assign((_a = {}, _a[firstSearchKey] = Array.isArray(props.value)
+            ? props.value.join(",")
+            : props.value, _a[remoteSearchUseKey] = searchValue, _a), params) : __assign((_b = {}, _b[remoteSearchUseKey] = searchValue, _b), params);
+    var _g = useInfiniteQuery({
+        queryKey: [url, transformParams],
+        queryFn: function (_a) {
+            var pageParam = _a.pageParam;
+            return __awaiter(void 0, void 0, void 0, function () {
+                var res;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, requestHandle({
+                                url: url,
+                                params: __assign(__assign(__assign({}, transformParams), pageParam), { size: pageSize }),
+                                method: method,
+                                timeout: timeout,
+                            })];
+                        case 1:
+                            res = _b.sent();
+                            if (firsrtRef.current && props.value) {
+                                // 首次回显时，需要把value作为参数传递进去。已查到该条数据
+                                firsrtRef.current = false;
+                            }
+                            return [2 /*return*/, res];
+                    }
+                });
+            });
+        },
+        initialPageParam: { current: 1 },
+        getNextPageParam: function (lastPage, pages) {
+            var _a;
+            var pageData = transformData
+                ? transformData(lastPage)
+                : (_a = lastPage === null || lastPage === void 0 ? void 0 : lastPage.data) === null || _a === void 0 ? void 0 : _a.data;
+            var current = pageData.current, size = pageData.size, total = pageData.total, records = pageData.records;
+            var currentLen = (current - 1) * size + (records === null || records === void 0 ? void 0 : records.length) || 0;
+            // 如果总条数 大于 当前条数
+            if (total > currentLen) {
+                return { current: current + 1 };
+            }
+            else {
+                // 请求终止
+                return undefined;
+            }
+        },
+    }), data = _g.data, refetch = _g.refetch, isLoading = _g.isLoading, fetchNextPage = _g.fetchNextPage, hasNextPage = _g.hasNextPage, isFetchingNextPage = _g.isFetchingNextPage;
+    var getPageData = function (data) {
+        var _a;
+        var list = [];
+        (_a = data === null || data === void 0 ? void 0 : data.pages) === null || _a === void 0 ? void 0 : _a.forEach(function (item) {
+            var _a;
+            var pageData = transformData ? transformData(item) : (_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a.data;
+            var records = pageData.records;
+            if (Array.isArray(records)) {
+                list.push.apply(list, records);
+            }
+        });
+        return list;
+    };
+    // 数据
+    var list = getPageData(data);
+    return (jsx(Fragment, { children: customRender === null || customRender === void 0 ? void 0 : customRender({
+            list: list,
+            isLoading: isLoading || isFetchingNextPage,
+            refetch: refetch,
+            fetchNextPage: fetchNextPage,
+            hasNextPage: hasNextPage,
+            onSearchHandle: onSearchHandle,
+            onBlurHandle: onBlurHandle,
+            onClearHandle: onClearHandle,
+        }) }));
+};
+var MemoPageQuery = memo(PageQuery);
+/**
+ * 搜索时，失去焦点，清空输入的值
+ */
+function useSearchValue(props) {
+    var onSearch = props.onSearch, onBlur = props.onBlur, onClear = props.onClear;
+    var _a = useState(), searchValue = _a[0], setSearchValue = _a[1];
+    var firsrtRef = useRef(true);
+    // 搜索触发查询
+    var onSearchHandle = function (value) {
+        firsrtRef.current = false;
+        onSearch && onSearch(value);
+        setSearchValue(value);
+    };
+    // filter
+    var onBlurHandle = function (e) {
+        onBlur && onBlur(e);
+    };
+    var onClearHandle = function () {
+        firsrtRef.current = false;
+        onClear && onClear();
+    };
+    return {
+        searchValue: searchValue,
+        firsrtRef: firsrtRef,
+        setSearchValue: setSearchValue,
+        onSearchHandle: onSearchHandle,
+        onBlurHandle: onBlurHandle,
+        onClearHandle: onClearHandle,
+    };
+}
+
+export { MemoPageQuery as default, useSearchValue };

package/dist/es/node_modules/@tanstack/query-core/build/modern/focusManager.js

@@ -0,0 +1,66 @@
+import { Subscribable } from './subscribable.js';
+import { isServer } from './utils.js';
+
+// src/focusManager.ts
+var FocusManager = class extends Subscribable {
+  #focused;
+  #cleanup;
+  #setup;
+  constructor() {
+    super();
+    this.#setup = (onFocus) => {
+      if (!isServer && window.addEventListener) {
+        const listener = () => onFocus();
+        window.addEventListener("visibilitychange", listener, false);
+        return () => {
+          window.removeEventListener("visibilitychange", listener);
+        };
+      }
+      return;
+    };
+  }
+  onSubscribe() {
+    if (!this.#cleanup) {
+      this.setEventListener(this.#setup);
+    }
+  }
+  onUnsubscribe() {
+    if (!this.hasListeners()) {
+      this.#cleanup?.();
+      this.#cleanup = void 0;
+    }
+  }
+  setEventListener(setup) {
+    this.#setup = setup;
+    this.#cleanup?.();
+    this.#cleanup = setup((focused) => {
+      if (typeof focused === "boolean") {
+        this.setFocused(focused);
+      } else {
+        this.onFocus();
+      }
+    });
+  }
+  setFocused(focused) {
+    const changed = this.#focused !== focused;
+    if (changed) {
+      this.#focused = focused;
+      this.onFocus();
+    }
+  }
+  onFocus() {
+    const isFocused = this.isFocused();
+    this.listeners.forEach((listener) => {
+      listener(isFocused);
+    });
+  }
+  isFocused() {
+    if (typeof this.#focused === "boolean") {
+      return this.#focused;
+    }
+    return globalThis.document?.visibilityState !== "hidden";
+  }
+};
+var focusManager = new FocusManager();
+
+export { FocusManager, focusManager };

package/dist/es/node_modules/@tanstack/query-core/build/modern/infiniteQueryBehavior.js

@@ -0,0 +1,118 @@
+import { ensureQueryFn, addToStart, addToEnd } from './utils.js';
+
+// src/infiniteQueryBehavior.ts
+function infiniteQueryBehavior(pages) {
+  return {
+    onFetch: (context, query) => {
+      const options = context.options;
+      const direction = context.fetchOptions?.meta?.fetchMore?.direction;
+      const oldPages = context.state.data?.pages || [];
+      const oldPageParams = context.state.data?.pageParams || [];
+      let result = { pages: [], pageParams: [] };
+      let currentPage = 0;
+      const fetchFn = async () => {
+        let cancelled = false;
+        const addSignalProperty = (object) => {
+          Object.defineProperty(object, "signal", {
+            enumerable: true,
+            get: () => {
+              if (context.signal.aborted) {
+                cancelled = true;
+              } else {
+                context.signal.addEventListener("abort", () => {
+                  cancelled = true;
+                });
+              }
+              return context.signal;
+            }
+          });
+        };
+        const queryFn = ensureQueryFn(context.options, context.fetchOptions);
+        const fetchPage = async (data, param, previous) => {
+          if (cancelled) {
+            return Promise.reject();
+          }
+          if (param == null && data.pages.length) {
+            return Promise.resolve(data);
+          }
+          const queryFnContext = {
+            client: context.client,
+            queryKey: context.queryKey,
+            pageParam: param,
+            direction: previous ? "backward" : "forward",
+            meta: context.options.meta
+          };
+          addSignalProperty(queryFnContext);
+          const page = await queryFn(
+            queryFnContext
+          );
+          const { maxPages } = context.options;
+          const addTo = previous ? addToStart : addToEnd;
+          return {
+            pages: addTo(data.pages, page, maxPages),
+            pageParams: addTo(data.pageParams, param, maxPages)
+          };
+        };
+        if (direction && oldPages.length) {
+          const previous = direction === "backward";
+          const pageParamFn = previous ? getPreviousPageParam : getNextPageParam;
+          const oldData = {
+            pages: oldPages,
+            pageParams: oldPageParams
+          };
+          const param = pageParamFn(options, oldData);
+          result = await fetchPage(oldData, param, previous);
+        } else {
+          const remainingPages = pages ?? oldPages.length;
+          do {
+            const param = currentPage === 0 ? oldPageParams[0] ?? options.initialPageParam : getNextPageParam(options, result);
+            if (currentPage > 0 && param == null) {
+              break;
+            }
+            result = await fetchPage(result, param);
+            currentPage++;
+          } while (currentPage < remainingPages);
+        }
+        return result;
+      };
+      if (context.options.persister) {
+        context.fetchFn = () => {
+          return context.options.persister?.(
+            fetchFn,
+            {
+              client: context.client,
+              queryKey: context.queryKey,
+              meta: context.options.meta,
+              signal: context.signal
+            },
+            query
+          );
+        };
+      } else {
+        context.fetchFn = fetchFn;
+      }
+    }
+  };
+}
+function getNextPageParam(options, { pages, pageParams }) {
+  const lastIndex = pages.length - 1;
+  return pages.length > 0 ? options.getNextPageParam(
+    pages[lastIndex],
+    pages,
+    pageParams[lastIndex],
+    pageParams
+  ) : void 0;
+}
+function getPreviousPageParam(options, { pages, pageParams }) {
+  return pages.length > 0 ? options.getPreviousPageParam?.(pages[0], pages, pageParams[0], pageParams) : void 0;
+}
+function hasNextPage(options, data) {
+  if (!data) return false;
+  return getNextPageParam(options, data) != null;
+}
+function hasPreviousPage(options, data) {
+  if (!data || !options.getPreviousPageParam) return false;
+  return getPreviousPageParam(options, data) != null;
+}
+
+export { hasNextPage, hasPreviousPage, infiniteQueryBehavior };