@xfe-repo/web-components 1.2.1 → 1.2.3

package/dist/index.mjs

@@ -0,0 +1,834 @@
+// src/Loading/index.tsx
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+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;
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _is_native_reflect_construct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+        Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+        return true;
+    } catch (e) {
+        return false;
+    }
+}
+function _create_super(Derived) {
+    var hasNativeReflectConstruct = _is_native_reflect_construct();
+    return function _createSuperInternal() {
+        var Super = _get_prototype_of(Derived), result;
+        if (hasNativeReflectConstruct) {
+            var NewTarget = _get_prototype_of(this).constructor;
+            result = Reflect.construct(Super, arguments, NewTarget);
+        } else {
+            result = Super.apply(this, arguments);
+        }
+        return _possible_constructor_return(this, result);
+    };
+}
+import { PureComponent } from "react";
+// src/Loading/index.module.less
+var index_module_default = {
+    loading: "index_module_loading"
+};
+// src/Loading/index.tsx
+import { Spin } from "antd";
+import { jsx } from "react/jsx-runtime";
+var Loading = /*#__PURE__*/ function(PureComponent) {
+    "use strict";
+    _inherits(Loading, PureComponent);
+    var _super = _create_super(Loading);
+    function Loading() {
+        _class_call_check(this, Loading);
+        return _super.apply(this, arguments);
+    }
+    _create_class(Loading, [
+        {
+            key: "render",
+            value: function render() {
+                var loading = this.props.loading;
+                if (!loading) return null;
+                return /* @__PURE__ */ jsx("div", {
+                    className: index_module_default.loading,
+                    children: /* @__PURE__ */ jsx(Spin, {
+                        spinning: loading,
+                        delay: 200,
+                        className: index_module_default.loading_icon
+                    })
+                });
+            }
+        }
+    ]);
+    return Loading;
+}(PureComponent);
+// src/MultiWindow/MultiWindow.tsx
+import { memo as memo3, useCallback as useCallback3, useEffect, useMemo as useMemo3, useRef, useState as useState2 } from "react";
+import { microApp, navigateToWithMicroApp } from "@xfe-repo/web-micro";
+import { queryString } from "@xfe-repo/web-utils/tools";
+import classnames from "classnames";
+// src/MultiWindow/MultiWindow.module.less
+var MultiWindow_module_default = {
+    multi_window: "MultiWindow_module_multi_window",
+    tabs: "MultiWindow_module_tabs",
+    search_tabs: "MultiWindow_module_search_tabs",
+    operate: "MultiWindow_module_operate",
+    search: "MultiWindow_module_search",
+    input: "MultiWindow_module_input",
+    collection: "MultiWindow_module_collection"
+};
+// src/MultiWindow/MultiWindow.tsx
+import { Button as Button2, ConfigProvider, Popconfirm, Tooltip as Tooltip2 } from "antd";
+import { CloseOutlined, QuestionCircleOutlined, RedoOutlined } from "@ant-design/icons";
+// src/MultiWindow/MultiWindowTabs.tsx
+import React2, { memo, useCallback, useMemo } from "react";
+import { Tabs, Select, Badge } from "antd";
+import { closestCenter, DndContext, PointerSensor, useSensor } from "@dnd-kit/core";
+import { arrayMove, horizontalListSortingStrategy, SortableContext, useSortable } from "@dnd-kit/sortable";
+import { restrictToHorizontalAxis } from "@dnd-kit/modifiers";
+import { CSS } from "@dnd-kit/utilities";
+import { jsx as jsx2 } from "react/jsx-runtime";
+import { createElement } from "react";
+var MultiWindowTabs = memo(function(props) {
+    var pathKey = props.pathKey, pagePaths = props.pagePaths, className = props.className, onChange = props.onChange, onClose = props.onClose, onSort = props.onSort, onCollectionChange = props.onCollectionChange, sortAutoActive = props.sortAutoActive;
+    var sensor = useSensor(PointerSensor, {
+        activationConstraint: {
+            distance: 10
+        }
+    });
+    var pagePathsHelperData = useMemo(function() {
+        var keys = [];
+        var map = /* @__PURE__ */ new Map();
+        pagePaths.forEach(function(item) {
+            keys.push(item.key);
+            map.set(item.key, item);
+        });
+        return {
+            keys: keys,
+            map: map
+        };
+    }, [
+        pagePaths
+    ]);
+    var handleEdit = useCallback(function(targetKey, action) {
+        if (action === "add") {} else if (action === "remove") {
+            onClose === null || onClose === void 0 ? void 0 : onClose(String(targetKey));
+        }
+    }, [
+        onClose
+    ]);
+    var handleTabChange = useCallback(function(activeKey) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(activeKey);
+    }, [
+        onChange
+    ]);
+    var onDragStart = useCallback(function(event) {
+        var active = event.active;
+        sortAutoActive && (onChange === null || onChange === void 0 ? void 0 : onChange(String(active.id)));
+    }, [
+        onChange,
+        sortAutoActive
+    ]);
+    var onDragEnd = useCallback(function(event) {
+        var active = event.active, over = event.over;
+        if (active.id === (over === null || over === void 0 ? void 0 : over.id)) return;
+        var oldIndex = pagePaths.findIndex(function(i) {
+            return i.key === active.id;
+        });
+        var newIndex = pagePaths.findIndex(function(i) {
+            return i.key === (over === null || over === void 0 ? void 0 : over.id);
+        });
+        var newPagePaths = arrayMove(pagePaths, oldIndex, newIndex);
+        onSort === null || onSort === void 0 ? void 0 : onSort(newPagePaths);
+    }, [
+        pagePaths,
+        onSort
+    ]);
+    var renderTabBar = useCallback(function(tabBarProps, DefaultTabBar) {
+        return /* @__PURE__ */ jsx2(DndContext, {
+            sensors: [
+                sensor
+            ],
+            onDragStart: onDragStart,
+            onDragEnd: onDragEnd,
+            collisionDetection: closestCenter,
+            modifiers: [
+                restrictToHorizontalAxis
+            ],
+            children: /* @__PURE__ */ jsx2(SortableContext, {
+                items: pagePathsHelperData.keys,
+                strategy: horizontalListSortingStrategy,
+                children: /* @__PURE__ */ jsx2(DefaultTabBar, _object_spread_props(_object_spread({}, tabBarProps), {
+                    children: function(node) {
+                        return /* @__PURE__ */ createElement(TabItem, _object_spread_props(_object_spread({}, node.props), {
+                            key: node.key,
+                            data: pagePathsHelperData.map.get(String(node.key)),
+                            onCollectionChange: onCollectionChange,
+                            isActivated: pathKey === String(node.key)
+                        }), node);
+                    }
+                }))
+            })
+        });
+    }, [
+        pagePathsHelperData,
+        onDragStart,
+        onDragEnd,
+        onCollectionChange,
+        sensor
+    ]);
+    return /* @__PURE__ */ jsx2(Tabs, {
+        className: className,
+        activeKey: pathKey,
+        onChange: handleTabChange,
+        onEdit: handleEdit,
+        tabPosition: "top",
+        type: "editable-card",
+        items: pagePaths,
+        renderTabBar: renderTabBar,
+        hideAdd: true
+    });
+});
+var TabItem = memo(function(props) {
+    var data = props.data, children = props.children, style = props.style, isActivated = props.isActivated, onCollectionChange = props.onCollectionChange;
+    var _useSortable = useSortable({
+        id: props["data-node-key"]
+    }), attributes = _useSortable.attributes, listeners = _useSortable.listeners, setNodeRef = _useSortable.setNodeRef, transform = _useSortable.transform, transition = _useSortable.transition, isDragging = _useSortable.isDragging;
+    var handleCollectionChange = useCallback(function(collectionKey) {
+        if (!data) return;
+        onCollectionChange === null || onCollectionChange === void 0 ? void 0 : onCollectionChange(data.key, collectionKey);
+    }, [
+        data
+    ]);
+    var collectionSelect = useMemo(function() {
+        var _data_searchCollection;
+        if (!(data === null || data === void 0 ? void 0 : (_data_searchCollection = data.searchCollection) === null || _data_searchCollection === void 0 ? void 0 : _data_searchCollection.length)) return null;
+        if (!isActivated) {
+            return /* @__PURE__ */ jsx2(Badge, {
+                className: MultiWindow_module_default.collection,
+                count: data.searchCollection.length,
+                color: "var(--ant-color-primary)",
+                size: "small"
+            }, data.key);
+        }
+        var options = data.searchCollection.map(function(item) {
+            return {
+                label: item,
+                value: item
+            };
+        });
+        var currentKey = data.searchCollection[0];
+        return /* @__PURE__ */ jsx2(Select, {
+            className: MultiWindow_module_default.collection,
+            options: options,
+            value: currentKey,
+            onChange: handleCollectionChange,
+            size: "small",
+            showSearch: true,
+            placeholder: "请选择"
+        }, data.key);
+    }, [
+        data,
+        isActivated
+    ]);
+    var childrenWithCollectionSelect = useMemo(function() {
+        var innerChildren = children.props.children;
+        if (!Array.isArray(innerChildren)) return innerChildren;
+        var newChildren = _to_consumable_array(innerChildren);
+        newChildren.splice(newChildren.length - 1, 0, collectionSelect);
+        return newChildren;
+    }, [
+        children,
+        collectionSelect
+    ]);
+    return React2.cloneElement(children, _object_spread({
+        ref: setNodeRef,
+        style: _object_spread_props(_object_spread({}, style), {
+            transform: CSS.Translate.toString(transform && _object_spread_props(_object_spread({}, transform), {
+                scaleX: 1
+            })),
+            transition: transition,
+            zIndex: isDragging ? 1 : "auto",
+            cursor: "pointer"
+        }),
+        children: childrenWithCollectionSelect
+    }, attributes, listeners));
+});
+// src/MultiWindow/MultiWindowSearch.tsx
+import { memo as memo2, useCallback as useCallback2, useMemo as useMemo2, useState } from "react";
+import { Button, Input, Tooltip } from "antd";
+import { SearchOutlined } from "@ant-design/icons";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var Search = Input.Search;
+var MultiWindowSearch = memo2(function(props) {
+    var onSearch = props.onSearch;
+    var _useState = _sliced_to_array(useState(false), 2), showSearch = _useState[0], setShowSearch = _useState[1];
+    var _useState1 = _sliced_to_array(useState(""), 2), searchValue = _useState1[0], setSearchValue = _useState1[1];
+    var shouldShowSearch = useMemo2(function() {
+        return showSearch || searchValue;
+    }, [
+        showSearch,
+        searchValue
+    ]);
+    var handleShowSearch = useCallback2(function() {
+        setShowSearch(true);
+    }, []);
+    var handleHideSearch = useCallback2(function() {
+        setShowSearch(false);
+    }, []);
+    var handleSearch = useCallback2(function(value) {
+        setSearchValue(value);
+        onSearch === null || onSearch === void 0 ? void 0 : onSearch(value);
+    }, [
+        onSearch
+    ]);
+    return /* @__PURE__ */ jsxs("div", {
+        className: MultiWindow_module_default.search,
+        onMouseLeave: handleHideSearch,
+        onMouseEnter: handleShowSearch,
+        children: [
+            shouldShowSearch && /* @__PURE__ */ jsx3(Search, {
+                className: MultiWindow_module_default.input,
+                placeholder: "标签/单号",
+                onSearch: handleSearch,
+                allowClear: true,
+                autoFocus: true
+            }),
+            !shouldShowSearch && /* @__PURE__ */ jsx3(Tooltip, {
+                title: "搜索标签/单号",
+                color: "var(--ant-color-primary)",
+                mouseEnterDelay: 0.5,
+                children: /* @__PURE__ */ jsx3(Button, {
+                    icon: /* @__PURE__ */ jsx3(SearchOutlined, {}),
+                    type: "text"
+                })
+            })
+        ]
+    });
+});
+// src/MultiWindow/MultiWindow.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var MultiWindow = memo3(function(props) {
+    var routerPath = props.routerPath, collectionBlackList = props.collectionBlackList, contentRef = props.contentRef, appName = props.appName, theme = props.theme, className = props.className;
+    var sessionStoragePagePaths = useMemo3(function() {
+        var pagePaths2 = sessionStorage.getItem("pagePaths");
+        return pagePaths2 ? JSON.parse(pagePaths2) : [];
+    }, []);
+    var _useState2 = _sliced_to_array(useState2(sessionStoragePagePaths), 2), pagePaths = _useState2[0], setPagePaths = _useState2[1];
+    var _useState21 = _sliced_to_array(useState2([]), 2), searchPagePaths = _useState21[0], setSearchPagePaths = _useState21[1];
+    var currentStateRef = useRef({
+        pagePaths: pagePaths,
+        fullPath: "",
+        pathKey: "",
+        collectionKey: "",
+        searchValue: ""
+    });
+    var isFromInternalNavigate = useRef(false);
+    var handleUpdateSearchPagePaths = useCallback3(function() {
+        var searchValue2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+        currentStateRef.current.searchValue = searchValue2;
+        if (!searchValue2) return setSearchPagePaths([]);
+        var _currentStateRef_current = currentStateRef.current, pagePaths2 = _currentStateRef_current.pagePaths;
+        var pagePathsCollection = pagePaths2.map(function(item) {
+            var searchCollection = item.searchCollection, key = item.key, label = item.label, other = _object_without_properties(item, [
+                "searchCollection",
+                "key",
+                "label"
+            ]);
+            if (!(searchCollection === null || searchCollection === void 0 ? void 0 : searchCollection.length)) return item;
+            return searchCollection.sort().map(function(collection) {
+                return _object_spread_props(_object_spread({}, other), {
+                    key: "".concat(key, "?").concat(collection),
+                    fullPath: "".concat(key, "?").concat(collection),
+                    label: "".concat(label, " (").concat(collection, ")")
+                });
+            });
+        });
+        var pagePathsFlat = pagePathsCollection.flat();
+        var searchResult = pagePathsFlat.filter(function(item) {
+            return item.label.toLowerCase().includes(searchValue2.toLowerCase());
+        });
+        if (!searchResult.length) {
+            var notFoundPagePath = {
+                label: "未找到匹配的标签",
+                key: "notFound",
+                fullPath: "/",
+                disabled: true,
+                closable: false
+            };
+            searchResult.push(notFoundPagePath);
+        }
+        setSearchPagePaths(searchResult);
+    }, []);
+    var handleUpdatePagePaths = useCallback3(function(newPagePaths) {
+        if (newPagePaths.length > 10) newPagePaths = newPagePaths.slice(newPagePaths.length - 10);
+        sessionStorage.setItem("pagePaths", JSON.stringify(newPagePaths));
+        currentStateRef.current.pagePaths = newPagePaths;
+        setPagePaths(newPagePaths);
+        if (currentStateRef === null || currentStateRef === void 0 ? void 0 : currentStateRef.current.searchValue) {
+            handleUpdateSearchPagePaths(currentStateRef.current.searchValue);
+        }
+    }, []);
+    var handleRouterUpdate = useCallback3(function(fullPath) {
+        var currentIsFromInternalRouter = isFromInternalNavigate.current;
+        isFromInternalNavigate.current = false;
+        if (currentStateRef.current.fullPath === fullPath) return;
+        var _fullPath_split = _sliced_to_array(fullPath.split("?"), 2), path = _fullPath_split[0], tmp = _fullPath_split[1], search = tmp === void 0 ? "" : tmp;
+        if (!path || path === "/") return;
+        var _currentStateRef_current = currentStateRef.current, pathKey2 = _currentStateRef_current.pathKey, prev = _currentStateRef_current.pagePaths;
+        var newPagePaths = _to_consumable_array(prev);
+        var newPagePath = {
+            label: "加载中",
+            key: path,
+            fullPath: fullPath
+        };
+        var pagePathIndex = prev.findIndex(function(item) {
+            return item.key === path;
+        });
+        if (pagePathIndex !== -1) {
+            var _contentRef_current;
+            var prevPagePath = prev[pagePathIndex];
+            Object.assign(newPagePath, prevPagePath || {});
+            newPagePath.fullPath = fullPath;
+            newPagePaths.splice(pagePathIndex, 1);
+            if ((prevPagePath === null || prevPagePath === void 0 ? void 0 : prevPagePath.fullPath) !== fullPath) contentRef === null || contentRef === void 0 ? void 0 : (_contentRef_current = contentRef.current) === null || _contentRef_current === void 0 ? void 0 : _contentRef_current.refresh(path);
+        }
+        var targetPagePathIndex = pagePathIndex === -1 ? newPagePaths.length : pagePathIndex;
+        if (!currentIsFromInternalRouter) {
+            var currentPathIndex = prev.findIndex(function(item) {
+                return item.key === pathKey2;
+            });
+            if (currentPathIndex !== -1) targetPagePathIndex = currentPathIndex + 1;
+        }
+        newPagePaths.splice(targetPagePathIndex, 0, newPagePath);
+        currentStateRef.current.pathKey = path;
+        currentStateRef.current.fullPath = fullPath;
+        currentStateRef.current.collectionKey = "";
+        var enableCollection = checkCanEnableCollection(path, collectionBlackList);
+        if (!enableCollection) {
+            newPagePath.searchCollection = [];
+            return handleUpdatePagePaths(newPagePaths);
+        }
+        var collection = newPagePath.searchCollection || [];
+        var queryJson = queryString.parse(search);
+        if (queryJson.ts) delete queryJson.ts;
+        var collectionKey2 = createSearchCollectionKey(search);
+        if (!collectionKey2) return handleUpdatePagePaths(newPagePaths);
+        var queryIndex = collection.findIndex(function(item) {
+            return item === collectionKey2;
+        });
+        if (queryIndex !== -1) collection.splice(queryIndex, 1);
+        collection.unshift(collectionKey2);
+        if (collection.length > 10) collection.pop();
+        newPagePath.searchCollection = collection;
+        currentStateRef.current.collectionKey = "".concat(path, "?").concat(collectionKey2);
+        handleUpdatePagePaths(newPagePaths);
+    }, []);
+    useEffect(function() {
+        handleRouterUpdate(routerPath);
+    }, [
+        routerPath
+    ]);
+    useEffect(function() {
+        var cancelCallback = microApp.router.beforeEach(function(to) {
+            var fullPath = to.fullPath;
+            handleRouterUpdate(fullPath);
+        });
+        return function() {
+            cancelCallback();
+        };
+    }, []);
+    useEffect(function() {
+        var titleEl = document.querySelector("title");
+        if (!titleEl) return;
+        var titleObserver = new MutationObserver(function(mutations) {
+            mutations.forEach(function(mutation) {
+                if (mutation.target !== titleEl) return;
+                var newTitle = mutation.target.textContent || void 0;
+                var _currentStateRef_current = currentStateRef.current, pathKey2 = _currentStateRef_current.pathKey, pagePaths2 = _currentStateRef_current.pagePaths;
+                var targetPagePath = pagePaths2.find(function(item) {
+                    return item.key === pathKey2;
+                });
+                var pageTitle = newTitle === null || newTitle === void 0 ? void 0 : newTitle.replace(" - ".concat(appName), "");
+                if (!targetPagePath || !pageTitle || pageTitle === appName) return;
+                targetPagePath.label = pageTitle;
+                handleUpdatePagePaths(_to_consumable_array(pagePaths2));
+            });
+        });
+        titleObserver.observe(titleEl, {
+            childList: true
+        });
+        return function() {
+            titleObserver.disconnect();
+        };
+    }, []);
+    var handleNavigateTo = useCallback3(function(fullPath) {
+        isFromInternalNavigate.current = true;
+        navigateToWithMicroApp(fullPath, {
+            replace: true,
+            state: {
+                ts: Date.now()
+            }
+        });
+    }, []);
+    var handleTabChange = useCallback3(function(pathKey2) {
+        var _pagePaths_find;
+        var fullPath = ((_pagePaths_find = pagePaths.find(function(item) {
+            return item.key === pathKey2;
+        })) === null || _pagePaths_find === void 0 ? void 0 : _pagePaths_find.fullPath) || pathKey2 || "/";
+        handleNavigateTo(fullPath);
+    }, [
+        pagePaths
+    ]);
+    var handleCollectionChange = useCallback3(function(pathKey2, collectionKey2) {
+        var fullPath = "".concat(pathKey2, "?").concat(collectionKey2);
+        handleNavigateTo(fullPath);
+    }, []);
+    var handleRefreshCurrent = useCallback3(function() {
+        var _pagePaths_find;
+        var _currentStateRef_current = currentStateRef.current, pathKey2 = _currentStateRef_current.pathKey;
+        var fullPath = ((_pagePaths_find = pagePaths.find(function(item) {
+            return item.key === pathKey2;
+        })) === null || _pagePaths_find === void 0 ? void 0 : _pagePaths_find.fullPath) || "/";
+        var timestamp = Date.now();
+        var pathHasSearch = fullPath.includes("?");
+        var pathHasTimestamp = fullPath.includes("ts=");
+        var fullPathWithTimestamp;
+        if (pathHasSearch) {
+            fullPathWithTimestamp = pathHasTimestamp ? fullPath.replace(/ts=\d+/, "ts=".concat(timestamp)) : "".concat(fullPath, "&ts=").concat(timestamp);
+        } else {
+            fullPathWithTimestamp = "".concat(fullPath, "?ts=").concat(timestamp);
+        }
+        handleNavigateTo(fullPathWithTimestamp);
+    }, [
+        pagePaths
+    ]);
+    var handleClose = useCallback3(function(targetKey) {
+        var _contentRef_current, _newPagePaths_, _newPagePaths_index;
+        var index = pagePaths.findIndex(function(item) {
+            return item.key === targetKey;
+        });
+        if (index === -1) return;
+        var newPagePaths = _to_consumable_array(pagePaths);
+        newPagePaths.splice(index, 1);
+        handleUpdatePagePaths(newPagePaths);
+        contentRef === null || contentRef === void 0 ? void 0 : (_contentRef_current = contentRef.current) === null || _contentRef_current === void 0 ? void 0 : _contentRef_current.destroy(targetKey);
+        var _currentStateRef_current = currentStateRef.current, pathKey2 = _currentStateRef_current.pathKey;
+        if (targetKey !== pathKey2) return;
+        var nextPathKey = ((_newPagePaths_ = newPagePaths[index - 1]) === null || _newPagePaths_ === void 0 ? void 0 : _newPagePaths_.key) || ((_newPagePaths_index = newPagePaths[index]) === null || _newPagePaths_index === void 0 ? void 0 : _newPagePaths_index.key) || "/";
+        handleTabChange(nextPathKey);
+    }, [
+        pagePaths
+    ]);
+    var handleRemoveOther = useCallback3(function() {
+        var _contentRef_current;
+        var _currentStateRef_current = currentStateRef.current, pathKey2 = _currentStateRef_current.pathKey;
+        var newPagePaths = pagePaths.filter(function(item) {
+            return item.key === pathKey2;
+        });
+        handleUpdatePagePaths(newPagePaths);
+        contentRef === null || contentRef === void 0 ? void 0 : (_contentRef_current = contentRef.current) === null || _contentRef_current === void 0 ? void 0 : _contentRef_current.destroyOther(pathKey2);
+    }, [
+        pagePaths
+    ]);
+    var handleSortPagePaths = useCallback3(function(newPagePaths) {
+        handleUpdatePagePaths(newPagePaths);
+    }, [
+        pagePaths
+    ]);
+    var _currentStateRef_current = currentStateRef.current, pathKey = _currentStateRef_current.pathKey, collectionKey = _currentStateRef_current.collectionKey, searchValue = _currentStateRef_current.searchValue;
+    return /* @__PURE__ */ jsx4(ConfigProvider, {
+        theme: theme,
+        children: /* @__PURE__ */ jsxs2("div", {
+            className: classnames(MultiWindow_module_default.multi_window, className),
+            children: [
+                /* @__PURE__ */ jsx4(MultiWindowTabs, {
+                    className: classnames(MultiWindow_module_default.tabs, !!searchValue && MultiWindow_module_default.search_tabs),
+                    pathKey: searchValue && collectionKey ? collectionKey : pathKey,
+                    pagePaths: searchValue ? searchPagePaths : pagePaths,
+                    onChange: handleTabChange,
+                    onCollectionChange: handleCollectionChange,
+                    onClose: handleClose,
+                    onSort: handleSortPagePaths
+                }),
+                /* @__PURE__ */ jsxs2("div", {
+                    className: MultiWindow_module_default.operate,
+                    children: [
+                        /* @__PURE__ */ jsx4(MultiWindowSearch, {
+                            onSearch: handleUpdateSearchPagePaths
+                        }),
+                        /* @__PURE__ */ jsx4(Tooltip2, {
+                            title: "刷新当前页面",
+                            color: "var(--ant-color-primary)",
+                            mouseEnterDelay: 0.5,
+                            children: /* @__PURE__ */ jsx4(Button2, {
+                                icon: /* @__PURE__ */ jsx4(RedoOutlined, {}),
+                                type: "text",
+                                onClick: handleRefreshCurrent
+                            })
+                        }),
+                        /* @__PURE__ */ jsx4(Tooltip2, {
+                            title: "关闭其他页面",
+                            color: "var(--ant-color-primary)",
+                            mouseEnterDelay: 0.5,
+                            children: /* @__PURE__ */ jsx4(Popconfirm, {
+                                title: "关闭其他页面",
+                                icon: /* @__PURE__ */ jsx4(QuestionCircleOutlined, {
+                                    style: {
+                                        color: "red"
+                                    }
+                                }),
+                                okText: "确定",
+                                cancelText: "取消",
+                                onConfirm: handleRemoveOther,
+                                children: /* @__PURE__ */ jsx4(Button2, {
+                                    icon: /* @__PURE__ */ jsx4(CloseOutlined, {}),
+                                    type: "text"
+                                })
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+});
+var createSearchCollectionKey = function(search) {
+    var queryJson = queryString.parse(search);
+    if (queryJson.ts) delete queryJson.ts;
+    return queryString.stringify(queryJson, {
+        sort: function(itemLeft, itemRight) {
+            return itemLeft.localeCompare(itemRight);
+        }
+    });
+};
+var checkCanEnableCollection = function(path) {
+    var blackList = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+    var _path_split_pop;
+    var isDetailPage = !!((_path_split_pop = path.split("/").pop()) === null || _path_split_pop === void 0 ? void 0 : _path_split_pop.toLowerCase().includes("detail"));
+    return isDetailPage && !blackList.some(function(item) {
+        return path.includes(item);
+    });
+};
+// src/MultiWindow/MultiWindowContents.tsx
+import { memo as memo4, Suspense, useMemo as useMemo4 } from "react";
+import KeepAlive, { useKeepAliveRef } from "keepalive-for-react";
+import { Spin as Spin2 } from "antd";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var useMultiWindowContentsRef = useKeepAliveRef;
+var MultiWindowContents = memo4(function(props) {
+    var children = props.children, routerPath = props.routerPath, contentRef = props.contentRef;
+    var _useMemo4 = _sliced_to_array(useMemo4(function() {
+        return routerPath.split("?");
+    }, [
+        routerPath
+    ]), 1), tmp = _useMemo4[0], pathKey = tmp === void 0 ? "" : tmp;
+    return /* @__PURE__ */ jsx5(KeepAlive, {
+        transition: true,
+        aliveRef: contentRef,
+        activeCacheKey: pathKey,
+        max: 10,
+        maxAliveTime: 60 * 60,
+        children: /* @__PURE__ */ jsx5(Suspense, {
+            fallback: /* @__PURE__ */ jsx5(Spin2, {
+                spinning: true
+            }),
+            children: children
+        })
+    });
+});
+export { Loading, MultiWindow, MultiWindowContents, useMultiWindowContentsRef };